/*
Theme Name: Souq Commercial
Theme URI:
Author: Souq Commercial
Author URI:
Description: ثيم متجر إلكتروني عربي متعدد الاستخدامات
Version: 6.2.1
Text Domain: souq
*/
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800;900&display=swap');
html,body{width:100%;overflow-x:hidden;margin:0;padding:0}
*,*::before,*::after{box-sizing:border-box}
body{font-family:'Tajawal',Tahoma,sans-serif;direction:rtl;line-height:1.7;min-height:100vh;background:var(--bg,#f0f4f1);color:var(--text,#1a2b1e)}
a{text-decoration:none}
img{max-width:100%;display:block}
ul{list-style:none;margin:0;padding:0}
input,button,select,textarea{font-family:inherit}
button{cursor:pointer;border:none;background:none}
:root{--bg:#f0f4f1;--surface:#fff;--text:#1a2b1e;--muted:#6b8070;--border:#dde8e1;--g1:#064e20;--g2:#0f6b2d;--g3:#1a8a3f;--g4:#25a852;--g5:#e8f5ed;--red:#dc2626;--gold:#d97706;--sh1:0 1px 4px rgba(0,50,20,.08);--sh2:0 4px 16px rgba(0,50,20,.12)}
[data-theme="dark"]{--bg:#0a0d0b;--surface:#111710;--text:#e2ede5;--muted:#7a9a80;--border:#1e2b20;--g5:#071a0d;--sh1:0 1px 4px rgba(0,0,0,.4);--sh2:0 4px 16px rgba(0,0,0,.5)}
.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--g3);border-radius:50%;animation:spin .7s linear infinite;margin:0 auto}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.fade-in{animation:fadeIn .3s ease}


/* v23: dropdown subcategories + global theme color binding */
.sq-cat-dropdown.open>.sq-cat-children{display:flex!important}
.sq-cat-dropdown.open>.sq-cat-parent .sq-cat-arrow{transform:rotate(180deg)}
.sq-cat-parent .sq-cat-arrow{transition:.18s}
.sq-cat-children{animation:fadeIn .16s ease}
.sq-shop-section,.sq-page-bg{background:var(--sq-page-bg,var(--bg,#f0f4f1))!important}
.sq-themed-surface{background:var(--sq-surface,#fff)!important;color:var(--sq-text,#1a2b1e)!important;border-color:var(--sq-border,#dde8e1)!important}
.sq-themed-primary{background:var(--sq-primary,#1a8a3f)!important;color:#fff!important}
.sq-themed-button{background:var(--sq-buttons,#064e20)!important;color:#fff!important}


/* v24 real: product card image fix */
.sq-product-card{
  background:color-mix(in srgb,var(--sq-surface,#fff) 82%,var(--sq-secondary,#f5f5f5) 18%)!important;
  border-radius:14px!important;
  box-shadow:0 8px 22px rgba(0,0,0,.10)!important;
  overflow:hidden!important;
  border:1px solid color-mix(in srgb,var(--sq-border,#dde8e1) 70%,transparent)!important;
  cursor:pointer!important;
  padding:8px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
}
.sq-product-image-box{
  position:relative!important;
  width:100%!important;
  height:170px!important;
  min-height:170px!important;
  overflow:hidden!important;
  border-radius:12px!important;
  background:color-mix(in srgb,var(--sq-secondary,#e8f5ed) 72%,#fff 28%)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.sq-product-image{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  display:block!important;
  margin:auto!important;
}
.sq-no-image-icon{
  font-size:3rem!important;
  opacity:.45!important;
  line-height:1!important;
}
.sq-product-info-layer{
  padding:10px!important;
  border-radius:12px!important;
  background:color-mix(in srgb,var(--sq-surface,#fff) 82%,transparent)!important;
  backdrop-filter:blur(6px)!important;
  -webkit-backdrop-filter:blur(6px)!important;
  color:var(--sq-text,#1a2b1e)!important;
}
.sq-product-title{
  font-weight:900!important;
  font-size:.95rem!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  color:var(--sq-text,#1a2b1e)!important;
  text-align:center!important;
}
.sq-product-desc{
  font-size:.75rem!important;
  color:var(--sq-muted,#6b8070)!important;
  margin:4px 0 7px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-align:center!important;
}
.sq-product-price-row{
  display:flex!important;
  align-items:baseline!important;
  justify-content:center!important;
  gap:5px!important;
  margin-bottom:7px!important;
  flex-wrap:wrap!important;
}
.sq-product-price{font-size:1rem!important;font-weight:900!important;color:var(--sq-primary,#1a8a3f)!important}
.sq-product-old-price{font-size:.73rem!important;color:var(--sq-muted,#888)!important;text-decoration:line-through!important}
.sq-product-unit{font-size:.7rem!important;color:var(--sq-muted,#888)!important}
.sq-unit-badge{position:absolute!important;top:6px!important;right:6px!important;background:var(--sq-primary,#1a8a3f)!important;color:#fff!important;border-radius:50px!important;font-size:.63rem!important;padding:2px 8px!important;font-weight:700!important;z-index:2!important}
.sq-sale-badge{position:absolute!important;top:6px!important;left:6px!important;background:var(--red,#dc2626)!important;color:#fff!important;border-radius:50px!important;font-size:.63rem!important;padding:2px 7px!important;font-weight:700!important;z-index:2!important}
.sq-sale-end-badge{position:absolute!important;right:8px!important;left:8px!important;bottom:8px!important;background:rgba(255,248,225,.92)!important;color:#5c3b00!important;border:1px solid rgba(245,158,11,.32)!important;border-radius:999px!important;font-size:.68rem!important;line-height:1.2!important;padding:5px 9px!important;font-weight:900!important;text-align:center!important;z-index:2!important;box-shadow:0 4px 12px rgba(0,0,0,.10)!important;backdrop-filter:blur(3px)!important}
.sq-stock-qty-pill{display:inline-flex!important;align-items:center!important;gap:4px!important;width:max-content!important;max-width:100%!important;background:rgba(236,253,245,.95)!important;color:#166534!important;border:1px solid #bbf7d0!important;border-radius:999px!important;padding:3px 8px!important;font-size:.70rem!important;font-weight:900!important;margin:0 0 7px!important;box-shadow:0 2px 8px rgba(22,101,52,.08)!important}
.sq-stock-overlay{position:absolute!important;inset:0!important;background:rgba(0,0,0,.42)!important;color:#fff!important;font-weight:700!important;font-size:.85rem!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:3!important}
@media(max-width:600px){.sq-product-image-box{height:150px!important;min-height:150px!important}.sq-product-card{padding:7px!important}.sq-product-info-layer{padding:8px!important}}

/* v25: category filtering + footer child hierarchy fixes */
.sq-footer-cat-group.open .sq-footer-children{display:flex!important}
.sq-cat-children .cat-child-tab::before{content:none!important;display:none!important}
.cat-child-tab{padding-inline-start:12px!important}
.sq-cat-dropdown{overflow:visible!important}
#cat-tabs{overflow:visible!important}

/* v26: فلترة التصنيفات بشكل قاطع ومنع ظهور المنتجات المخفية */
.sq-hidden-product{display:none!important;}
.sq-cat-dropdown .sq-cat-children{display:none!important;}
.sq-cat-dropdown.open > .sq-cat-children{display:flex!important;}
.sq-footer-cat-group .sq-footer-children{display:none!important;}
.sq-footer-cat-group.open > .sq-footer-children{display:flex!important;}
.cat-child-tab::before,.cat-child-tab::after,.sq-footer-children a::before,.sq-footer-children a::after{content:none!important;display:none!important;}

/* صفحات الروابط المهمة */
.sq-info-content img{max-width:100%;height:auto;border-radius:12px;display:block;margin:12px auto}
.sq-info-content iframe,.sq-info-content video{max-width:100%;border-radius:12px;display:block;margin:14px auto}
.sq-info-content table{width:100%;border-collapse:collapse;margin:14px 0;background:#fff}
.sq-info-content table th,.sq-info-content table td{border:1px solid var(--sq-border,#dde8e1);padding:8px 10px}
.sq-info-content a{color:var(--sq-primary,#1a8a3f);font-weight:700}
.sq-info-content h1,.sq-info-content h2,.sq-info-content h3{color:var(--sq-primary,#1a8a3f);line-height:1.5}


/* v32 professional features */
.sq-search-wrap{position:relative;width:100%;max-width:380px}
.sq-search-results{display:none;position:absolute;top:calc(100% + 8px);right:0;left:0;background:var(--sq-surface,#fff);color:var(--sq-text,#111);border:1px solid var(--sq-border,#e5e7eb);border-radius:14px;box-shadow:0 14px 35px rgba(0,0,0,.18);z-index:99999;max-height:360px;overflow:auto;text-align:right}
.sq-search-results.open{display:block}.sq-search-item{display:flex;gap:10px;align-items:center;padding:10px;border-bottom:1px solid var(--sq-border,#eee);cursor:pointer}.sq-search-item:hover{background:var(--sq-secondary,#f3f4f6)}.sq-search-item img{width:46px;height:46px;border-radius:10px;object-fit:cover;background:#f3f4f6}.sq-search-empty{padding:14px;color:#777;text-align:center}
.sq-product-actions{display:flex;gap:6px;margin:8px 0}.sq-product-actions button,.sq-product-actions a{flex:1;display:flex;align-items:center;justify-content:center;height:30px;border:1px solid var(--sq-border,#e5e7eb);background:rgba(255,255,255,.72);border-radius:9px;text-decoration:none;color:var(--sq-text,#111);font-weight:900;cursor:pointer}.sq-product-actions button.active{background:var(--sq-primary,#1a8a3f)!important;color:#fff!important;border-color:var(--sq-primary,#1a8a3f)!important}.sq-wa-product{background:#22c55e!important;color:#fff!important;border-color:#22c55e!important}
.sq-home-section{max-width:1300px;margin:18px auto;padding:0 16px}.sq-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sq-section-head h2{font-size:1.05rem;margin:0;color:var(--sq-text,#111);font-weight:900}.sq-horizontal-products{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory}.sq-mini-card{flex:0 0 160px;background:var(--sq-surface,#fff);border:1px solid var(--sq-border,#e5e7eb);border-radius:14px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.06);scroll-snap-align:start;cursor:pointer}.sq-mini-card img{width:100%;height:130px;object-fit:contain;background:rgba(255,255,255,.55)}.sq-mini-card div{padding:8px}.sq-mini-card b{display:block;font-size:.82rem;color:var(--sq-text,#111);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sq-mini-card span{font-weight:900;color:var(--sq-primary,#1a8a3f);font-size:.8rem}
.sq-offer-top{background:var(--sq-primary,#1a8a3f);color:#fff;text-align:center;font-weight:800;padding:7px 12px;font-size:.86rem}.sq-offer-top a{color:#fff;text-decoration:none}.sq-maintenance-box{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg,var(--sq-header,#064e20),var(--sq-primary,#1a8a3f));color:#fff;padding:20px}.sq-maintenance-box>div{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:22px;padding:34px;max-width:560px;backdrop-filter:blur(8px)}
.sq-category-icons{max-width:1300px;margin:16px auto;padding:0 16px}.sq-category-icons-track{display:flex;gap:14px;overflow-x:auto;padding:6px 0 10px}.sq-cat-icon-item{flex:0 0 auto;text-align:center;text-decoration:none;color:var(--sq-text,#111);font-weight:800;font-size:.78rem}.sq-cat-icon-img{width:76px;height:76px;border-radius:var(--sq-cat-radius,50%);background:var(--sq-secondary,#f3f4f6);display:flex;align-items:center;justify-content:center;overflow:hidden;border:2px solid rgba(255,255,255,.75);box-shadow:0 4px 14px rgba(0,0,0,.12);margin:0 auto 6px}.sq-cat-icon-img img{width:100%;height:100%;object-fit:cover}.sq-cat-icon-item.active .sq-cat-icon-img{outline:3px solid var(--sq-primary,#1a8a3f)}

/* v33 fixed category image strip */
.sq-category-icons{clear:both;direction:rtl!important;position:relative;z-index:2}
.sq-category-icons *{box-sizing:border-box}
.sq-category-icons-track{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:flex-start!important;justify-content:flex-start!important;gap:20px!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;width:100%!important;min-height:124px!important}
.sq-category-icons-track .sq-cat-icon-item{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;float:none!important;position:relative!important;text-decoration:none!important;writing-mode:horizontal-tb!important;transform:none!important}
.sq-category-icons-track .sq-cat-icon-title{writing-mode:horizontal-tb!important;transform:none!important;text-align:center!important;color:var(--sq-text,#111)!important}
.sq-cat-icon-img img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;display:block!important}
.sq-cat-icon-item:hover .sq-cat-icon-img{transform:translateY(-2px);box-shadow:0 9px 24px rgba(0,0,0,.18)!important}
@media(max-width:700px){.sq-category-icons-track{gap:14px!important}.sq-category-icons-track .sq-cat-icon-item{width:86px!important;max-width:86px!important}.sq-cat-icon-img{width:72px!important;height:72px!important}.sq-cat-icon-title{font-size:.76rem!important}}

/* v35 fixes: single centered search + controllable category icons */
.sq-header-search{flex:1;max-width:420px;margin:0 auto;display:block!important;min-width:220px}
@media(max-width:767px){.sq-header-search{max-width:55vw;min-width:150px}}
.sq-category-icons-track{justify-content:center!important}
.sq-category-icons-track .sq-cat-icon-img img{object-fit:cover;object-position:center}


/* ===== Commercial cleanup: moved global/header/footer CSS from templates ===== */

/* moved from header.php */
.sq-header-cart-btn{display:flex;align-items:center;gap:9px;color:#073b4c;padding:8px 12px;border-radius:15px;background:#fff;border:2px solid rgba(6,182,212,.45);cursor:pointer;min-height:48px;justify-content:center;position:relative;box-shadow:0 5px 16px rgba(0,0,0,.12);font-family:inherit;transition:.2s}
.sq-header-cart-btn:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(0,0,0,.16)}
.sq-header-cart-icon{font-size:1.65rem;line-height:1}
.sq-header-cart-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2;white-space:nowrap}
.sq-header-cart-text strong{font-size:.82rem;color:#0891b2;font-weight:900}
.sq-header-cart-text small{font-size:.72rem;color:#0f766e;font-weight:900;margin-top:2px}
.sq-cart-badge{position:absolute;top:-8px;right:-8px;background:#ef233c;color:#fff;border-radius:999px;min-width:24px;height:24px;padding:0 6px;font-size:.72rem;font-weight:900;align-items:center;justify-content:center;border:3px solid #fff;box-shadow:0 2px 7px rgba(239,35,60,.35)}
@media(max-width:767px){.sq-header-cart-btn{padding:6px 8px;min-width:44px;min-height:44px;border-radius:13px}.sq-header-cart-text{display:none}.sq-header-cart-icon{font-size:1.45rem}.sq-cart-badge{top:-7px;right:-7px;min-width:21px;height:21px;font-size:.65rem;border-width:2px}}
@media(min-width:768px){.hdr-desk{display:block!important}}

/* moved from header.php */
.sq-modal.open{opacity:1!important;pointer-events:all!important}
.sq-modal.open .sq-modal-box{transform:translateY(0)!important}
@media(min-width:640px){
  .sq-modal{align-items:center!important;padding:16px!important}
  .sq-modal .sq-modal-box{border-radius:16px!important;max-height:88vh!important}
}
.spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#1a8a3f;border-radius:50%;animation:sq-spin .7s linear infinite;margin:0 auto}
@keyframes sq-spin{to{transform:rotate(360deg)}}
.tab-item{cursor:pointer;transition:.18s;user-select:none}
.tab-item.active{color:#1a8a3f!important;border-bottom-color:#1a8a3f!important}
#cart-side.open{transform:translateX(0)!important}
#cart-ov.open{display:block!important}
[data-theme="dark"] #dash-panel,[data-theme="dark"] #cart-side,[data-theme="dark"] .sq-modal .sq-modal-box,[data-theme="dark"] #notif-panel{background:#111710!important}
html,body{direction:rtl;text-align:right}

/* moved from footer.php */
@media(min-width:768px){.mob-nav{display:none!important}}

/* moved from footer.php */
footer a:hover, footer button:hover{color:#fff!important;transform:translateX(-2px);transition:.18s}
footer button{line-height:1.5}

/* moved from footer.php */
.sq-floating-cart{position:fixed;left:18px;bottom:142px;z-index:875;width:108px;min-height:142px;border:0;border-radius:28px;background:linear-gradient(180deg,#06b6d4,#0f7890);color:#fff;box-shadow:0 12px 30px rgba(2,132,199,.35);cursor:pointer;font-family:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:12px 9px;transition:transform .2s,box-shadow .2s}
.sq-floating-cart:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(2,132,199,.45)}
.sq-floating-cart-icon{font-size:2.35rem;line-height:1}
.sq-floating-cart-count{position:absolute;top:8px;right:10px;background:#ef233c;color:#fff;border-radius:999px;min-width:27px;height:27px;padding:0 7px;font-size:.82rem;font-weight:900;align-items:center;justify-content:center;border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.22)}
.sq-floating-cart strong{font-size:1rem;font-weight:900;line-height:1.2;direction:ltr}
.sq-floating-cart small{font-size:.72rem;font-weight:800;opacity:.95}
.sq-floating-cart em{font-style:normal;background:#fff;color:#0f7890;border-radius:12px;padding:7px 11px;font-size:.78rem;font-weight:900;margin-top:4px}
.sq-cart-shake{animation:sqCartShake .58s ease both}
@keyframes sqCartShake{0%,100%{transform:translateX(0)}20%{transform:translateX(-5px)}40%{transform:translateX(5px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}
@media(max-width:767px){.sq-floating-cart{display:none!important}.mob-nav button[onclick="sqToggleCart()"]{width:66px!important;height:66px!important;flex-basis:66px!important;margin-top:-24px!important;box-shadow:0 8px 24px rgba(6,182,212,.42)!important;background:linear-gradient(180deg,#06b6d4,#0f7890)!important}.mob-nav button[onclick="sqToggleCart()"] span:first-child{font-size:1.65rem!important}.mob-nav{height:70px!important}}
@media(min-width:768px){body{padding-bottom:0}.sq-floating-cart{display:flex}}
@media(max-width:420px){.mob-nav a,.mob-nav button{font-size:.56rem!important}.mob-nav button[onclick="sqToggleCart()"]{width:60px!important;height:60px!important;flex-basis:60px!important}}


/* ===== Mobile polish for very small screens ===== */
@media (max-width: 767px){
  .hdr-desk{display:none!important}
  header .sq-header-cart-text{display:none!important}
  #cart-side,#dash-panel,#notif-panel{width:min(92vw,360px)!important;max-width:92vw!important}
  .sq-modal .sq-modal-box{max-width:100vw!important}
  .mob-nav{position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:850!important}
  body{padding-bottom:78px!important}
}
@media (max-width: 430px){
  header input[type="search"], header input[placeholder*="بحث"]{font-size:.82rem!important;padding:8px 10px!important}
  header [style*="gap:8px"]{gap:5px!important}
  .sq-header-cart-btn{min-width:42px!important;min-height:42px!important;padding:5px 7px!important}
  #notif-panel{width:92vw!important}
}
@media (max-width: 360px){
  .mob-nav a,.mob-nav button{font-size:.52rem!important;padding-left:2px!important;padding-right:2px!important}
  .sq-header-cart-icon{font-size:1.25rem!important}
}

/* Advanced product modal gallery + fashion variants */
.sq-pm-gallery{background:var(--sq-product-image-bg,#f3f4f6);border-radius:16px 16px 0 0;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 78px;gap:10px;padding:10px;align-items:start}
.sq-pm-main{position:relative;background:#f8fafc;display:flex;align-items:center;justify-content:center;min-height:330px;border-radius:14px;overflow:hidden;touch-action:pan-y}
.sq-pm-media,.sq-pm-main img,.sq-pm-main video{width:100%;max-height:560px;aspect-ratio:1/1;object-fit:cover;display:block;cursor:zoom-in;background:#f3f4f6}
.sq-pm-video-embed{width:100%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;background:#0f172a;border-radius:14px}.sq-pm-video-embed a{color:#fff;text-decoration:none;font-weight:900;font-size:1.1rem;background:rgba(255,255,255,.12);padding:12px 18px;border-radius:999px}
.sq-pm-noimg{height:330px;display:flex;align-items:center;justify-content:center;font-size:3rem}
.sq-pm-thumbs{display:flex;flex-direction:column;gap:8px;overflow-y:auto;overflow-x:hidden;padding:0;max-height:560px;background:transparent;border:0;scrollbar-width:thin}
.sq-pm-thumb{width:70px;height:70px;border:2px solid var(--sq-border,#e5e7eb);border-radius:12px;overflow:hidden;background:#fff;padding:0;flex:0 0 auto;cursor:pointer;position:relative}
.sq-pm-thumb.active{border-color:var(--sq-primary,#1a8a3f);box-shadow:0 0 0 3px rgba(26,138,63,.18)}
.sq-pm-thumb img{width:100%;height:100%;object-fit:cover;display:block}.sq-pm-video-thumb{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#111827;color:#fff;font-size:1.4rem}
.sq-pm-count-badge{position:absolute;top:10px;right:10px;background:rgba(17,24,39,.72);color:#fff;border-radius:999px;padding:5px 10px;font-size:.75rem;font-weight:900;z-index:5;backdrop-filter:blur(3px)}
#sq-pm-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:100000;display:flex;align-items:center;justify-content:center;padding:18px;cursor:zoom-out}#sq-pm-lightbox img{max-width:96vw;max-height:92vh;object-fit:contain;border-radius:10px}#sq-pm-lightbox .sq-pm-lightbox-close{position:fixed;top:14px;left:14px;width:42px;height:42px;border:0;border-radius:50%;background:#fff;color:#111;font-size:28px;line-height:1;cursor:pointer}
.sq-pm-info{padding:18px 20px}
.sq-pm-price-row{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}
.sq-pm-price{font-size:1.45rem;font-weight:900;color:var(--sq-price,#1a6b2f)}
.sq-pm-unit{color:var(--sq-muted,#888);font-size:.85rem}
.sq-pm-desc{font-size:.9rem;color:var(--sq-muted,#666);margin:0 0 10px;line-height:1.8}
.sq-pm-block{margin:14px 0}.sq-pm-block>b{display:block;margin-bottom:8px;color:var(--sq-text,#111)}
.sq-pm-colors,.sq-pm-sizes{display:flex;gap:8px;flex-wrap:wrap}
.sq-pm-colors button,.sq-pm-sizes button{border:1.8px solid var(--sq-border,#e5e7eb);background:#fff;border-radius:12px;padding:8px 11px;display:inline-flex;align-items:center;gap:7px;font-family:inherit;font-weight:800;cursor:pointer;color:var(--sq-text,#111)}
.sq-pm-colors button.active,.sq-pm-sizes button.active{border-color:var(--sq-primary,#1a8a3f);background:var(--sq-secondary,#e8f5ed);color:var(--sq-primary,#14532d)}
.sq-pm-colors i{width:22px;height:22px;border-radius:50%;border:1px solid #ddd;display:inline-block;background:#ddd}.sq-pm-colors img{width:26px;height:26px;border-radius:50%;object-fit:cover}
.sq-pm-select{width:100%;padding:11px;border:2px solid var(--sq-border,#d1fae5);border-radius:10px;font-family:inherit;font-weight:700;background:#fff;color:var(--sq-text,#111)}
.sq-pm-msg{color:#b91c1c;font-weight:800;font-size:.85rem;margin:6px 0;min-height:18px}.sq-pm-specs{background:#f8fafc;border-radius:10px;padding:10px;margin:14px 0}.sq-pm-specs>div{display:flex;justify-content:space-between;gap:10px;font-size:.82rem;border-bottom:1px solid #e5e7eb;padding:6px 0}.sq-pm-specs>div:last-child{border-bottom:0}
.sq-pm-qty{display:flex;align-items:center;gap:8px;margin:16px 0}.sq-pm-qty button{width:34px;height:34px;border-radius:9px;background:var(--sq-secondary,#e8f5ed);border:1.5px solid var(--sq-primary,#1a8a3f);color:var(--sq-primary,#1a6b2f);font-size:1rem;font-weight:900;cursor:pointer}.sq-pm-qty input{width:70px;text-align:center;padding:7px;border:1.5px solid var(--sq-border,#e5e7eb);border-radius:8px;font-weight:800}
.sq-pm-add{width:100%;padding:13px;background:var(--sq-buttons,#1a8a3f);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:900;cursor:pointer;font-family:inherit}.sq-pm-add:disabled{background:#9ca3af;cursor:not-allowed}
@media(max-width:680px){.sq-pm-gallery{display:block;padding:0;border-radius:16px 16px 0 0}.sq-pm-main{border-radius:16px 16px 0 0;min-height:260px}.sq-pm-thumbs{flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:10px;background:#fff;border-top:1px solid var(--sq-border,#e5e7eb);max-height:none}.sq-pm-thumb{width:58px;height:58px}.sq-pm-info{padding:14px}.sq-pm-colors button,.sq-pm-sizes button{padding:7px 9px;font-size:.82rem}.sq-pm-price{font-size:1.25rem}}

/* Admin variant image picker */
.sq-var-image-picker{display:grid;gap:4px;align-items:center;justify-items:stretch;max-width:150px}
.sq-var-img-preview{width:72px;height:72px;border:1px dashed #cbd5e1;border-radius:8px;background:#f8fafc;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:auto;color:#94a3b8;font-size:11px;text-align:center}
.sq-var-img-preview img{width:100%;height:100%;object-fit:cover;display:block}
.sq-var-image-picker .button{font-size:11px;line-height:1.6;min-height:26px;padding:0 6px;text-align:center}
@media (max-width: 1200px){
  .sq-var-row,.sq-fashion-var-row{grid-template-columns:1fr 1fr !important}
  .sq-var-image-picker{max-width:none;grid-column:1/-1;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
  .sq-var-img-preview{margin:0}
}

/* Gallery indicator on product cards */
.sq-gallery-count-badge{position:absolute;left:8px;bottom:8px;background:rgba(17,24,39,.78);color:#fff;border-radius:999px;padding:4px 8px;font-size:.72rem;font-weight:900;backdrop-filter:blur(6px);z-index:4;box-shadow:0 4px 12px rgba(0,0,0,.16)}

/* Final launch polish: cleaner fashion layout and safer mobile header */
@media (max-width: 640px){
  .sq-top-header,
  .sq-header-inner,
  .sq-nav-row{gap:8px!important;}
  .sq-header-actions .sq-action-text,
  .sq-header-actions .sq-money,
  .sq-header-actions .sq-wallet-bal{display:none!important;}
  .sq-header-actions button,
  .sq-header-actions a{min-width:42px!important;height:42px!important;padding:0 8px!important;}
  .sq-search-wrap{width:100%!important;order:5;}
  .sq-pm-gallery{display:block!important;}
  .sq-pm-thumbs{display:flex!important;flex-direction:row!important;overflow-x:auto!important;max-width:100%!important;margin-top:8px;}
  .sq-pm-thumb{min-width:62px!important;width:62px!important;height:76px!important;}
  .sq-pm-info{padding:14px!important;}
  .sq-extra-actions{grid-template-columns:1fr!important;}
}
.prod-card{transition:transform .18s ease, box-shadow .18s ease;}
.prod-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(15,23,42,.12)!important;}
.sq-pm-main{background:#faf7f2;border-radius:18px;overflow:hidden;}
.sq-pm-media{background:#faf7f2;}

/* Unified customer address fields */
.sq-address-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.sq-address-grid input{box-sizing:border-box;width:100%;font-size:.9rem;outline:none;background:#fff;color:var(--text,#1a2b1e)}
@media(max-width:520px){.sq-address-grid{grid-template-columns:1fr}}