/*
Theme Name: iOS16 Shop
Version: 6.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: ios16-shop
*/
/* =============================================
   1. ROOT VARIABLES
   ============================================= */
:root {
   --pri:        #3DDAD7;
   --pri-dark:   #2ab5b2;
   --sec:        #2A93D5;
   --acc:        #135589;
   --bg:         #f4f8f9;
   --white:      #FFFFFF;
   --txt:        #1a3a4a;
   --txt-light:  #3a5a6a;
   --txt-muted:  #7a8a94;
   --border:     #dde4e8;
   --danger:     #c0392b;
   --success:    #1e8449;
   --warn:       #e67e22;
   --star:       #e67e22;
   --r:          6px;
   --r-sm:       4px;
   --r-lg:       8px;
   --r-btn:      8px;
   --font:       "Vazirmatn",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
   --shadow:     0 1px 3px rgba(0,0,0,0.05);
   --hdr:        60px;
   --bot:        62px;
   --mw:         480px;
   --px:         8px;
}
/* =============================================
   2. RESET
   ============================================= */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
body{
   font-family:var(--font);background:var(--bg);color:var(--txt);line-height:1.7;
   -webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh;min-height:100dvh;
   direction:rtl;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--sec);text-decoration:none}
a:hover{color:var(--acc)}
button,input,select,textarea{font-family:var(--font);font-size:inherit}
button{cursor:pointer;border:none;background:none}
ul,ol{list-style:none}
h1{font-size:1.2rem;font-weight:700;color:var(--acc)}
h2{font-size:1.05rem;font-weight:700}
h3{font-size:0.92rem;font-weight:600}
h4{font-size:0.84rem;font-weight:600}
.section-title{font-size:0.95rem;font-weight:700;color:var(--acc);padding:6px var(--px);margin-bottom:6px;display:flex;align-items:center;gap:5px}
.section-subtitle{font-size:0.66rem;color:var(--txt-muted);padding:0 var(--px);margin-top:-4px;margin-bottom:10px}
.site-wrap{max-width:var(--mw);margin:0 auto;padding-top:var(--hdr);padding-bottom:var(--bot);min-height:100vh;min-height:100dvh}
.container{padding:0 var(--px)}
.clear{clear:both}
/* =============================================
   3. SVG ICON HELPERS
   ============================================= */
.header-svg-icon,.nav-icon,.bn-icon,.search-icon,.title-icon,.empty-icon,
.add-to-cart-btn svg,.cart-item-remove svg,.detail-add-btn svg,
.scroll-top svg{display:flex;align-items:center;justify-content:center}
/* =============================================
   4. HEADER
   ============================================= */
.site-header{
   position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--hdr);
   background:rgba(255,255,255,0.96);
   -webkit-border-bottom:1px solid var(--border);
}
.header-inner{
   max-width:var(--mw);margin:0 auto;height:100%;
   display:flex;align-items:center;justify-content:space-between;padding:0 var(--px);
}
.site-logo{font-size:0.95rem;font-weight:700;color:var(--acc);display:flex;align-items:center;gap:6px}
/* Logo image */
.site-logo img,.site-logo .custom-logo{max-width:120px;height:auto;display:block}
.site-logo .custom-logo-link{display:inline-flex;align-items:center}
.site-logo .logo-dot{width:7px;height:7px;border-radius:50%;background:var(--pri)}
.header-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}
.header-btn{
   width:34px;height:34px;border-radius:var(--r);
   display:flex;align-items:center;justify-content:center;
   background:rgba(61,218,215,0.08);color:var(--acc);position:relative;
}
.header-btn svg{width:16px;height:16px}
.cart-count{
   position:absolute;top:-4px;right:-4px;min-width:17px;height:17px;
   border-radius:9px;background:var(--pri);color:#fff;font-size:0.6rem;font-weight:700;
   display:flex;align-items:center;justify-content:center;padding:0 3px;
}
/* =============================================
   5. HAMBURGER & MOBILE NAV
   ============================================= */
.hamburger{
   width:34px;height:34px;border-radius:var(--r);
   display:flex;flex-direction:column;align-items:center;justify-content:center;
   gap:4px;background:rgba(61,218,215,0.08);z-index:1002;
   flex-shrink:0;
}
.hamburger span{display:block;width:16px;height:2px;border-radius:1px;background:var(--acc);inset:0;background:rgba(0,0,0,0.3);z-index:998;
   opacity:0;visibility:hidden;
}
.mobile-nav-overlay.active{opacity:1;visibility:visible}
.mobile-nav{
   position:fixed;top:0;left:0;width:min(280px,80vw);height:100vh;height:100dvh;
   z-index:999;background:#fff;border-right:1px solid var(--border);
   transform:translateX(-105%);transition:transform .3s ease;
   display:flex;flex-direction:column;overflow-y:auto;
}
.mobile-nav.active{transform:translateX(0)}
.mobile-nav-header{
   padding:14px var(--px);border-bottom:1px solid var(--border);
   display:flex;align-items:center;justify-content:space-between;
}
.mobile-nav-title{font-size:0.88rem;font-weight:700;color:var(--acc)}
.mobile-nav-close{
   width:30px;height:30px;border-radius:var(--r);
   display:flex;align-items:center;justify-content:center;background:#f3f3f3;color:var(--txt);
}
.mobile-nav-body{flex:1;padding:6px 0}
.mobile-nav-footer{padding:10px var(--px);border-top:1px solid var(--border)}
.mobile-nav-footer,.mobile-nav-footer a{font-size:0.7rem;color:var(--txt-muted)}
/* ===== NAV TABS (smooth pill switch) ===== */
.nav-tabs{
   display:flex;gap:6px;padding:6px 6px 2px;margin:0;
   background:transparent;
}
.nav-tab{
   flex:1;padding:8px 0;text-align:center;
   font-size:0.68rem;font-weight:600;color:var(--txt-muted);
   background:var(--white);border:1px solid var(--border);
   border-radius:6px;cursor:pointer;font-family:var(--font);
   display:flex;align-items:center;justify-content:center;gap:4px;
}
.nav-tab:active{transform:scale(0.96)}.nav-tab svg{width:13px;height:13px}
.nav-tab.active{
   background:linear-gradient(135deg,var(--pri),var(--pri-dark));
   color:#fff;border-color:var(--pri);
   box-shadow:0 4px 12px rgba(61,218,215,0.3);
   transform:scale(1.02);
}
/* Search box */
.nav-search{padding:4px 8px 6px}
.nav-search form{display:flex;gap:4px}
.nav-search-input{flex:1;padding:9px 10px;border-radius:6px;border:1px solid var(--border);font-size:0.72rem;outline:none;font-family:var(--font);background:var(--white)}
.nav-search-input:focus{border-color:var(--pri)}
.nav-search-btn{width:38px;height:38px;border-radius:6px;background:var(--pri);color:#fff;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;flex-shrink:0}
.nav-search-btn svg{width:15px;height:15px}
/* Tab content panels */
.nav-tab-content{display:none}
.nav-tab-content.active{display:block}
/* Nav links */
.mobile-nav-body .nav-link{
   display:flex;align-items:center;gap:8px;padding:10px 8px;
   border-radius:var(--r);color:var(--txt);font-weight:500;font-size:0.8rem;margin:1px 4px;
}
.mobile-nav-body .nav-link:active{background:rgba(61,218,215,0.08);color:var(--acc)}
.mobile-nav-body .nav-link .nav-icon{
   width:28px;height:28px;border-radius:var(--r-sm);
   display:flex;align-items:center;justify-content:center;
   background:rgba(61,218,215,0.1);flex-shrink:0;color:var(--pri);
}
.mobile-nav-body .nav-link .nav-icon svg{width:14px;height:14px}
.nav-link-text{flex:1}
.nav-badge{background:rgba(61,218,215,0.15);color:var(--pri);font-size:0.6rem;font-weight:700;padding:2px 6px;border-radius:10px}
.mobile-nav-body .nav-link.has-children::after{content:'\2039';margin-right:auto;font-size:1.2rem;color:var(--txt-muted)}
.mobile-nav-body .sub-nav{padding-right:20px;max-height:0;overflow:hidden;transition:max-height .3s}
.mobile-nav-body .sub-nav.open{max-height:400px}
.sub-link{padding-right:24px!important;font-size:0.76rem!important;color:var(--txt-light)}
.sub-link::before{content:'- ';color:var(--txt-muted)}
/* =============================================
   6. BOTTOM NAV — PREMIUM
   ============================================= */
.bottom-nav{
   position:fixed;bottom:0;left:0;right:0;z-index:100;
   height:62px;background:#fff;
   border-top:1px solid #e8ecf0;
   box-shadow:0 -4px 20px rgba(0,0,0,.05);
   display:flex;padding:0;
   padding-bottom:env(safe-area-inset-bottom);
}
.bottom-nav-inner{
   max-width:480px;margin:0 auto;
   display:flex;justify-content:space-around;align-items:flex-end;
   width:100%;padding:0 4px;
}
.bottom-nav-item{
   display:flex;flex-direction:column;align-items:center;gap:3px;
   padding:6px 2px 4px;border-radius:8px;
   color:#8a9aa4;font-size:.55rem;font-weight:500;
   position:relative;text-decoration:none;flex:1;
   transition:color .25s,transform .25s;
}
.bottom-nav-item .bn-icon{display:flex;align-items:center;justify-content:center;color:inherit;height:20px;}
.bottom-nav-item.active{color:var(--pri)}
.bottom-nav-item.active .bn-icon svg{}
.bottom-nav-item:active{transform:scale(.9)}
/* Center CTA — raised pill with glow */
.bottom-nav-cta{
   position:relative;top:-14px;
   align-items:center;gap:2px;padding:0;
   color:var(--acc);font-size:.58rem;font-weight:700;
}
.bottom-nav-cta .bn-icon-cta{
   width:46px;height:46px;border-radius:50%;
   background:linear-gradient(135deg,var(--pri),#2ab5b2);
   color:#fff;display:flex;align-items:center;justify-content:center;
   box-shadow:0 8px 24px rgba(61,218,215,.45),inset 0 2px 0 rgba(255,255,255,.25);
}
/* CTA pulse removed for performance */
.bottom-nav-cta .bn-icon-cta svg{width:20px;height:20px}
.bottom-nav-cta:active .bn-icon-cta{transform:scale(.85);transition:transform .15s}
.bottom-nav-cta.active .bn-icon-cta{background:var(--pri-dark);animation:none}
.bottom-nav-cta span{color:var(--pri);font-weight:700;text-shadow:0 1px 2px rgba(61,218,215,.15)}
/* Active line indicator */
.bottom-nav-item::after{
   content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);
   width:0;height:2.5px;border-radius:3px;background:var(--pri);
   transition:width .3s cubic-bezier(.4,0,.2,1);
   box-shadow:0 1px 4px rgba(61,218,215,.3);
}
.bottom-nav-item.active::after{width:20px}
.bottom-nav-cta::after{display:none}
@media (min-width:768px){
 .bottom-nav{display:none}
}
/* =============================================
   7. HERO
   ============================================= */
.hero{padding:10px var(--px)}
.hero-card{
   background:linear-gradient(135deg,var(--acc),var(--sec));
   border-radius:var(--r-lg);padding:24px 20px;color:#fff;position:relative;overflow:hidden;
}
.hero-card::after{
   content:'';position:absolute;top:-40px;right:-40px;
   width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,0.06);
}
.hero-card h1{font-size:1.15rem;margin-bottom:2px;position:relative;z-index:1;color:#fff}
.hero-card p{font-size:0.72rem;opacity:0.85;position:relative;z-index:1;margin-bottom:12px}
.hero-btn{
   display:inline-flex;align-items:center;gap:4px;padding:8px 16px;
   background:rgba(255,255,255,0.18);border-radius:var(--r-btn);
   color:#fff;font-weight:600;font-size:0.72rem;position:relative;z-index:1;
}
/* =============================================
   8. CATEGORY PILLS
   ============================================= */
.cat-pills{
   display:flex;gap:5px;padding:0 var(--px);overflow-x:auto;
   scrollbar-width:none;margin-bottom:10px;
}
.cat-pills::-webkit-scrollbar{display:none}
.cat-pill{
   flex-shrink:0;padding:6px 12px;border-radius:var(--r);font-size:0.68rem;font-weight:600;
   white-space:nowrap;background:var(--white);border:1px solid var(--border);
   color:var(--txt-light);display:inline-flex;align-items:center;gap:3px;
}
.cat-pill.active{background:var(--pri);color:#fff;border-color:var(--pri)}
/* =============================================
   9. SEARCH
   ============================================= */
.search-bar{margin:0 var(--px) 10px;position:relative}
.search-bar input{
   width:100%;padding:10px 32px 10px 10px;border-radius:var(--r);
   border:1px solid var(--border);background:var(--white);font-size:0.76rem;
   color:var(--txt);outline:none;box-shadow:var(--shadow);
}
.search-bar input:focus{border-color:var(--pri);box-shadow:0 0 0 2px rgba(61,218,215,0.1)}
.search-bar input::placeholder{color:var(--txt-muted)}
.search-bar .search-icon{
   position:absolute;right:9px;top:50%;transform:translateY(-50%);
   color:var(--pri);display:flex;align-items:center;
}
/* =============================================
   10. SECTION BOX
   ============================================= */
.section-box{
   background:var(--white);border-radius:var(--r);border:1px solid var(--border);
   box-shadow:var(--shadow);margin:6px var(--px);padding:14px;
}
/* =============================================
   11. PRODUCTS GRID — MOBILE 2-COL
   ============================================= */
.products-grid{
   display:grid;
   grid-template-columns:repeat(2,1fr);
   gap:8px;
   padding:0 var(--px);
   margin-bottom:12px;
}
/* =============================================
   12. WOOCOMMERCE ARCHIVE GRID — MOBILE 2-COL
   ============================================= */
.woocommerce ul.products,
.woocommerce .products,
ul.products{
   display:grid!important;
   grid-template-columns:repeat(2,1fr)!important;
   gap:8px!important;
   padding:0 var(--px)!important;
   margin:0 0 12px!important;
   list-style:none!important;
}
.woocommerce ul.products::before,
.woocommerce ul.products::after,
ul.products::before,
ul.products::after{display:none!important;content:none!important}
/* =============================================
   13. PRODUCT CARD — FRESH DESIGN
   ============================================= */
.woocommerce ul.products li.product,
ul.products li.product,
.pcard{
   background:var(--white);
   border-radius:8px;
   border:1px solid var(--border);
   box-shadow:0 1px 3px rgba(0,0,0,0.04);
   overflow:hidden;
   display:flex!important;
   flex-direction:column!important;
   padding:0!important;
   margin:0!important;
   width:100%!important;
   float:none!important;
   clear:none!important;
   position:relative!important;
   height:auto!important;
}
.pcard:active,.pcard:hover{
   box-shadow:0 4px 16px rgba(0,0,0,0.08);
}
.pcard:active .pcard-img img,
.pcard:hover .pcard-img img{filter:brightness(0.88)}
/* Card link wraps everything */
.pcard-link{
   display:flex;flex-direction:column;height:100%;
   color:inherit;text-decoration:none;
}
/* Image */
.pcard-img{
   position:relative;aspect-ratio:1/1;
   overflow:hidden;background:#f8f9fa;
}
.pcard-img img{
   width:100%;height:100%;object-fit:cover;
   transition:filter .25s ease;
}
/* Badge — on image, red, top-left */
.pcard-badge{
   position:absolute;top:6px;left:6px;z-index:2;
   background:linear-gradient(135deg,#c0392b,#e74c3c);
   color:#fff;font-size:0.62rem;font-weight:700;
   padding:3px 7px;border-radius:4px;
   box-shadow:0 2px 6px rgba(192,57,43,0.3);
   letter-spacing:-0.01em;
}
/* Diagonal slash behind the badge */
.pcard-badge::before{
   content:'';position:absolute;
   inset:-1px;border-radius:5px;
   background:repeating-linear-gradient(
    -45deg,transparent,transparent 2px,
    rgba(255,255,255,0.08) 2px,rgba(255,255,255,0.08) 4px
   );
   pointer-events:none;
}
/* Body */
.pcard-body{
   padding:8px;flex:1;
   display:flex;flex-direction:column;gap:4px;
}
/* Title */
.pcard-title{
   font-size:0.68rem;font-weight:600;color:var(--txt);
   line-height:1.35;
   display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
   overflow:hidden;margin:0;
}
/* Description */
.pcard-desc{
   font-size:0.58rem;color:var(--txt-muted);line-height:1.3;
   display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
   overflow:hidden;margin:0;
}
/* Footer: price + cart button */
.pcard-foot{
   display:flex;align-items:center;justify-content:space-between;
   margin-top:auto;padding-top:4px;gap:4px;
}
/* Prices */
.pcard-prices{display:flex;align-items:center;gap:3px;flex-wrap:wrap}
.pcard-price-old{
   font-size:0.6rem;color:var(--txt-muted);
   text-decoration:line-through;
}
.pcard-price-new{
   font-size:0.74rem;font-weight:700;color:var(--acc);
}
/* Cart button */
.pcard-cart{
   width:28px;height:28px;min-width:28px;
   border-radius:6px;
   background:var(--pri);color:#fff;
   display:flex;align-items:center;justify-content:center;
   border:none;cursor:pointer;z-index:3;
   position:relative;flex-shrink:0;
}
.pcard-cart:active{background:var(--pri-dark);transform:scale(0.88)}
.pcard-cart svg{width:15px;height:15px;pointer-events:none}
/* WooCommerce overrides */
.woocommerce ul.products li.product .onsale{display:none!important}
.woocommerce ul.products li.product .woocommerce-loop-product__title{display:none}
.woocommerce ul.products li.product .price{display:none}
.woocommerce ul.products li.product .button{display:none}
.woocommerce ul.products li.product .star-rating{display:none}
/* =============================================
   14. SINGLE PRODUCT — PREMIUM
   ============================================= */
.sp{padding:6px var(--px);display:flex;flex-direction:column;gap:8px}
/* GALLERY */
.sp-gal{position:relative;border-radius:10px;overflow:hidden;background:#f5f6f8;aspect-ratio:1/1}
.sp-gimg{width:100%;height:100%;object-fit:cover;display:none;position:absolute;top:0;left:0}
.sp-gimg.active{display:block}
.sp-gal-prev,.sp-gal-next{
   position:absolute;top:50%;transform:translateY(-50%);
   width:34px;height:34px;border-radius:50%;
   background:rgba(255,255,255,.85);color:var(--txt);
   display:flex;align-items:center;justify-content:center;
   border:none;cursor:pointer;z-index:2;box-shadow:0 2px 8px rgba(0,0,0,.1);
}
.sp-gal-prev{left:8px}.sp-gal-next{right:8px}
.sp-gal-prev:active,.sp-gal-next:active{transform:translateY(-50%) scale(.9)}
.sp-dots{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:2}
.sp-dot{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer;width:22px;border-radius:4px}
.sp-badge{position:absolute;top:10px;left:10px;z-index:2;background:linear-gradient(135deg,#c0392b,#e74c3c);color:#fff;font-size:.68rem;font-weight:700;padding:5px 9px;border-radius:6px;box-shadow:0 2px 8px rgba(192,57,43,.3)}
/* INFO CARD */
.sp-info{background:var(--white);border-radius:10px;border:1px solid var(--border);padding:16px;box-shadow:0 1px 4px rgba(0,0,0,.04)}
.sp-top{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-bottom:8px}
.sp-chip{font-size:.64rem;font-weight:600;padding:3px 8px;border-radius:5px;background:rgba(61,218,215,.1);color:var(--pri)}.sp-chip.sku{background:#f4f5f6;color:var(--txt-muted)}.sp-chip.star{background:#fef9e7;color:#b7950b}
.sp-name{font-size:1.15rem;font-weight:700;color:var(--txt);margin-bottom:8px;line-height:1.45}
.sp-stock{margin-bottom:8px}
.sp-stock-ok,.sp-stock-no{font-size:.68rem;font-weight:600;display:inline-flex;align-items:center;gap:5px}
.sp-stock-ok{color:var(--success)}.sp-stock-no{color:var(--danger)}
.sp-stock-d{width:7px;height:7px;border-radius:50%;display:inline-block}
.sp-stock-ok .sp-stock-d{background:var(--success)}.sp-stock-no .sp-stock-d{background:var(--danger)}
.sp-stock-n{font-weight:400;font-size:.62rem;color:var(--txt-muted)}
.sp-price{display:flex;align-items:center;gap:8px;padding:8px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:8px}
.sp-p-old{font-size:.8rem;color:var(--txt-muted);text-decoration:line-through}
.sp-p-now{font-size:1.35rem;font-weight:700;color:var(--acc)}
.sp-p-off{font-size:.64rem;font-weight:700;background:var(--danger);color:#fff;padding:3px 7px;border-radius:5px}
.sp-desc{font-size:.76rem;color:var(--txt-light);line-height:1.7;margin-bottom:8px}
/* Variations */
.sp-vars{display:none;flex-direction:column;gap:6px;margin-bottom:8px}
.sp-sel{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--border);font-size:.76rem;color:var(--txt);outline:none;font-family:var(--font);background:var(--white)}
.sp-sel:focus{border-color:var(--pri)}
/* Usage */
.sp-usage{background:linear-gradient(135deg,#f0fdfa,#e6f7f5);border-radius:10px;padding:12px 14px;border-right:3px solid var(--pri);margin-top:6px}
.sp-usage-t{font-size:.74rem;font-weight:700;color:var(--acc);margin-bottom:4px;display:flex;align-items:center;gap:5px}
.sp-usage p{font-size:.74rem;color:var(--txt);line-height:1.7;margin:0}
/* SECTIONS */
.sp-sec{background:var(--white);border-radius:10px;border:1px solid var(--border);padding:16px;box-shadow:0 1px 4px rgba(0,0,0,.04)}
.sp-sec-sp{padding-bottom:calc(var(--bot) + 20px)}
.sp-sec-warn{border-color:#fde8e8;background:#fffbfb}
.sp-sec h3{font-size:.8rem;font-weight:700;color:var(--acc);margin-bottom:10px;display:flex;align-items:center;gap:6px}
.sp-sec-warn h3{color:var(--danger)}
.sp-sec-in{font-size:.76rem;color:var(--txt);line-height:1.75}
.sp-sec-in p{margin-bottom:8px}
/* REVIEWS */
.sp-revs{display:flex;flex-direction:column}
.sp-rev{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid var(--border)}
.sp-rev:last-child{border-bottom:none}
.sp-rev-av{width:36px;height:36px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#f0f3f5}
.sp-rev-av img{width:100%;height:100%;object-fit:cover}
.sp-rev-bd{flex:1;min-width:0}
.sp-rev-stars{display:flex;gap:1px;margin-bottom:2px}
.sp-rev-stars svg{width:11px;height:11px;color:var(--star)}
.sp-rev-meta{font-size:.66rem;color:var(--txt-muted);margin-bottom:3px}
.sp-rev-meta strong{color:var(--txt);font-weight:600}
.sp-rev-txt{font-size:.74rem;color:var(--txt);line-height:1.6}
.sp-rev-form-wrap{margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}
.sp-rev-ttl{font-size:.78rem;font-weight:700;color:var(--acc);margin-bottom:10px}
.sp-rev-form{display:flex;flex-direction:column;gap:7px}
.sp-rev-form input,.sp-rev-form textarea{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--border);font-size:.74rem;outline:none;font-family:var(--font);background:var(--white)}
.sp-rev-form textarea{resize:vertical;min-height:75px}
.sp-rev-form input:focus,.sp-rev-form textarea:focus{border-color:var(--pri)}
.sp-rev-stars-row{display:flex;align-items:center;gap:8px;margin-bottom:2px}
.sp-rev-stars-row span{font-size:.68rem;font-weight:600;color:var(--txt)}
.sp-rev-stars-in{display:flex;flex-direction:row-reverse;gap:2px}
.sp-rev-stars-in input[type="radio"]{display:none}
.sp-rev-stars-in label{cursor:pointer;color:#ddd;transition:color .2s}
.sp-rev-stars-in label:hover,.sp-rev-stars-in label:hover~label,.sp-rev-stars-in input:checked~label{color:var(--star)}
.sp-rev-form button{padding:10px 22px;background:var(--pri);color:#fff;border-radius:8px;font-size:.76rem;font-weight:600;border:none;cursor:pointer;font-family:var(--font);width:fit-content}
/* ===== STICKY PRODUCT BAR ===== */
.spbar{position:fixed;bottom:0;left:0;right:0;z-index:500;background:var(--white);border-top:1px solid var(--border);box-shadow:0 -2px 10px rgba(0,0,0,.05);padding:4px var(--px);padding-bottom:max(4px,env(safe-area-inset-bottom))}
.spbar-inner{display:flex;align-items:center;gap:6px;max-width:600px;margin:0 auto}
.spbar-qty{display:flex;align-items:center;background:#f4f5f6;border-radius:6px;overflow:hidden;border:1px solid var(--border);flex-shrink:0}
.spbar-qty-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--txt);border:none;background:transparent;cursor:pointer;font-family:var(--font)}
.spbar-qty-btn svg{width:11px;height:11px}
.spbar-qty-btn:active{background:#e4e6e8}
.spbar-qty input{width:30px;height:28px;text-align:center;border:none;background:transparent;font-weight:700;color:var(--txt);font-size:.74rem;font-family:var(--font)}
.spbar-cart{flex:1;padding:10px;background:linear-gradient(135deg,var(--pri),var(--pri-dark));color:#fff;border-radius:8px;font-size:.76rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:4px;border:none;cursor:pointer;font-family:var(--font);box-shadow:0 2px 8px rgba(61,218,215,.25);touch-action:manipulation}
.spbar-cart svg{width:15px;height:15px}
.spbar-cart:active{transform:scale(.97)}
.spbar-buy{flex:1;padding:10px;background:var(--acc);color:#fff;border-radius:8px;font-size:.76rem;font-weight:700;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;font-family:var(--font);touch-action:manipulation}
.spbar-buy:active{opacity:.9}
@media (min-width:768px){
 .spbar-inner{max-width:600px}
}
/* =============================================
   15. CART — FULL REBUILD
   ============================================= */
.cart-page{padding:0 0}
/* ---- title row ---- */
.cart-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding:0 2px}
.cart-title{font-size:1rem;font-weight:700;color:var(--acc);margin:0}
.cart-count-chip{font-size:0.64rem;color:var(--txt-muted);background:#f0f2f4;padding:3px 8px;border-radius:10px;font-weight:500}
/* ---- card (box) ---- */
.cart-card{
   background:var(--white);border-radius:8px;
   border:1px solid var(--border);
   box-shadow:0 1px 4px rgba(0,0,0,0.04);
   padding:14px;margin-bottom:8px;
}
/* ---- one line ---- */
.cart-line{display:flex;gap:10px;padding:8px 0}
.cart-line+.cart-line{border-top:1px solid var(--border)}
.cart-line-img{
   width:52px;height:52px;min-width:52px;border-radius:6px;
   overflow:hidden;background:#f8f9fa;flex-shrink:0;
}
.cart-line-img img{width:100%;height:100%;object-fit:cover}
.cart-line-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
/* top row: name | unit price */
.cart-line-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.cart-line-name{
   font-size:0.72rem;font-weight:600;color:var(--txt);line-height:1.4;
   display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1;
}
.cart-line-name:hover{color:var(--acc)}
.cart-line-price{font-size:0.64rem;color:var(--txt-muted);white-space:nowrap;padding-top:2px}
/* bottom row: stepper | total | delete */
.cart-line-bot{display:flex;align-items:center;gap:8px}
.cart-stepper{
   display:inline-flex;align-items:center;background:#f2f4f5;
   border-radius:6px;overflow:hidden;border:1px solid var(--border);
}
.cart-step{
   width:28px;height:28px;display:flex;align-items:center;justify-content:center;
   color:var(--txt);cursor:pointer;background:transparent;border:none;font-family:var(--font);
}
.cart-step:hover{background:#e5e7ea}
.cart-step svg{width:10px;height:10px}
.cart-step-val{
   width:30px;height:28px;text-align:center;border:none;background:transparent;
   font-weight:700;color:var(--txt);font-size:0.72rem;font-family:var(--font);
}
.cart-line-sub{font-weight:700;color:var(--acc);font-size:0.78rem;white-space:nowrap;margin-left:auto}
.cart-line-del{
   width:28px;height:28px;min-width:28px;border-radius:50%;
   background:#fef2f2;color:var(--danger);border:1px solid #fecaca;
   display:flex;align-items:center;justify-content:center;cursor:pointer;
}
.cart-line-del:hover{background:var(--danger);color:#fff;border-color:var(--danger)}
.cart-line-del svg{width:13px;height:13px}
/* ---- coupon ---- */
.cart-coupon-f{display:flex;gap:5px}
.cart-coupon-in{flex:1;padding:10px 12px;border-radius:6px;border:1px solid var(--border);font-size:0.72rem;outline:none;font-family:var(--font);background:var(--white)}
.cart-coupon-in:focus{border-color:var(--pri);box-shadow:0 0 0 2px rgba(61,218,215,0.1)}
.cart-coupon-go{padding:10px 16px;background:linear-gradient(135deg,var(--pri),var(--pri-dark));color:#fff;border-radius:6px;font-size:0.72rem;font-weight:700;white-space:nowrap;font-family:var(--font);border:none;cursor:pointer;box-shadow:0 2px 10px rgba(61,218,215,0.3)}
.cart-coupon-go:active{transform:scale(0.96)}
/* ---- summary card ---- */
.cart-sum-line{display:flex;justify-content:space-between;padding:3px 0;font-size:0.73rem;color:var(--txt)}
.cart-sum-coupon,.cart-sum-coupon span{color:var(--success);font-weight:600}
.cart-sum-total{font-weight:700;font-size:0.88rem;color:var(--acc);border-top:1px solid var(--border);padding-top:7px;margin-top:4px}
/* ---- action buttons ---- */
.cart-acts{display:flex;gap:7px;margin-bottom:8px;padding:0 2px}
.cart-act{flex:1;padding:12px;border-radius:8px;font-size:0.76rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;font-family:var(--font);text-align:center;text-decoration:none}
.cart-act-outline{background:rgba(255,255,255,0.85);-webkit-border:1px solid rgba(19,85,137,0.12);color:var(--acc)}
.cart-act-outline:hover{background:rgba(19,85,137,0.03)}
.cart-act-fill{background:linear-gradient(135deg,var(--pri),var(--pri-dark));color:#fff;box-shadow:0 4px 16px rgba(61,218,215,0.35);border:none}
.cart-act-fill:active{transform:scale(0.96)}
/* ---- empty ---- */
.cart-empty-card{text-align:center;padding:36px 16px}
.cart-empty-card .cart-empty-icon{display:flex;align-items:center;justify-content:center;margin-bottom:11px;opacity:0.18;color:var(--txt-muted)}
.cart-empty-card h3{font-size:0.86rem;color:var(--txt);margin-bottom:4px}
.cart-empty-card p{font-size:0.68rem;color:var(--txt-muted)}
/* ---- delete modal ---- */
.cart-modal{display:none;position:fixed;inset:0;z-index:3000;align-items:center;justify-content:center}
.cart-modal.active{display:flex}
.cart-modal-bg{position:absolute;inset:0;background:rgba(0,0,0,0.3);backdrop-filter:blur(2px)}
.cart-modal-dialog{position:relative;z-index:1;background:#fff;border-radius:12px;padding:26px 22px 20px;width:min(310px,88vw);text-align:center;box-shadow:0 16px 40px rgba(0,0,0,0.12);animation:cartModalIn .22s ease}
@keyframes cartModalIn{from{opacity:0;transform:scale(0.92)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}
.cart-modal-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#fef2f2;color:var(--danger);margin:0 auto 10px}
.cart-modal-icon svg{width:20px;height:20px}
.cart-modal-ask{font-size:0.82rem;font-weight:600;color:var(--txt);margin-bottom:3px}
.cart-modal-item{font-size:0.7rem;color:var(--txt-muted);margin-bottom:16px}
.cart-modal-btns{display:flex;gap:8px}
.cart-modal-no,.cart-modal-yes{flex:1;padding:10px;border-radius:8px;font-size:0.74rem;font-weight:600;cursor:pointer;font-family:var(--font);border:none}
.cart-modal-no{background:#f2f4f5;color:var(--txt)}
.cart-modal-yes{background:var(--danger);color:#fff}
/* states */
.cart-line.loading{opacity:0.45;pointer-events:none}
.cart-line.removing{opacity:0;transform:translateX(24px);align-items:center;justify-content:center;gap:0;margin-bottom:10px;padding:8px 0 0}
.checkout-step{display:flex;align-items:center;gap:5px;font-size:0.74rem;font-weight:600;color:var(--txt-muted)}
.checkout-step.active{color:var(--acc)}
.checkout-step-num{width:24px;height:24px;border-radius:50%;background:#e8eef1;color:var(--txt-muted);display:flex;align-items:center;justify-content:center;font-size:0.68rem;font-weight:700}
.checkout-step.active .checkout-step-num{background:var(--pri);color:#fff}
.checkout-step-divider{width:32px;height:1px;background:var(--border);margin:0 10px}
/* Layout */
.checkout-layout{display:flex;flex-direction:column;gap:12px}
.checkout-side{display:flex;flex-direction:column;gap:12px}
/* Card */
.checkout-card{background:var(--white);border-radius:8px;border:1px solid var(--border);box-shadow:0 1px 3px rgba(0,0,0,0.04);padding:10px 8px}
.checkout-card-title{font-size:0.88rem;font-weight:700;color:var(--acc);margin:0 0 8px;padding-bottom:6px;border-bottom:1px solid var(--border)}
.checkout-optional{font-size:0.64rem;font-weight:400;color:var(--txt-muted)}
/* Fields */
.checkout-fields{display:flex;flex-direction:column;gap:10px}
.checkout-field{display:flex;flex-direction:column;gap:4px}
.checkout-field label{font-size:0.72rem;font-weight:600;color:var(--txt)}
.checkout-field .required{color:var(--danger)}
.checkout-row{display:flex;gap:8px}
.checkout-row .checkout-field{flex:1}
.checkout-input{width:100%;padding:10px;border-radius:6px;border:1px solid var(--border);font-size:0.78rem;color:var(--txt);outline:none;font-family:var(--font);background:var(--white)}
.checkout-input:focus{border-color:var(--pri);box-shadow:0 0 0 2px rgba(61,218,215,0.1)}
.checkout-input::placeholder{color:var(--txt-muted)}
.checkout-input-ltr{direction:ltr;text-align:left}
.checkout-textarea{resize:vertical;min-height:55px}
.checkout-input-fixed{padding:10px;border-radius:6px;border:1px solid var(--border);background:#f5f7f8;color:var(--txt);font-size:0.78rem;font-weight:500}
/* Order card */
.checkout-order-card{padding:14px}
.checkout-items{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}
.checkout-item{display:flex;gap:8px;align-items:center}
.checkout-item-img{width:44px;height:44px;border-radius:5px;overflow:hidden;background:#f8f9fa;flex-shrink:0}
.checkout-item-img img{width:100%;height:100%;object-fit:cover}
.checkout-item-info{flex:1;min-width:0}
.checkout-item-name{font-size:0.72rem;font-weight:600;color:var(--txt);line-height:1.35}
.checkout-item-meta{font-size:0.64rem;color:var(--txt-muted);margin-top:2px}
.checkout-item-total{font-weight:700;color:var(--acc);font-size:0.76rem;white-space:nowrap}
/* Totals */
.checkout-totals{display:flex;flex-direction:column;gap:2px;padding-top:8px;border-top:1px solid var(--border)}
.checkout-total-row{display:flex;justify-content:space-between;padding:3px 0;font-size:0.76rem;color:var(--txt)}
.checkout-total-coupon,.checkout-total-coupon span{color:var(--success);font-weight:600}
.checkout-total-final{font-weight:700;font-size:0.9rem;color:var(--acc);border-top:1px solid var(--border);padding-top:7px;margin-top:3px}
/* Payment */
.checkout-payment{margin-top:10px;padding-top:8px;border-top:1px solid var(--border)}
.checkout-payment-title{font-size:0.8rem;font-weight:700;color:var(--acc);margin-bottom:6px}
.checkout-payment-options{display:flex;flex-direction:column;gap:4px}
.checkout-payment-option{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid var(--border);border-radius:6px;cursor:pointer}
.checkout-payment-option:has(input:checked){border-color:var(--pri);background:rgba(61,218,215,0.03)}
.checkout-payment-option input[type="radio"]{accent-color:var(--pri);width:16px;height:16px;flex-shrink:0}
.checkout-payment-label{font-size:0.76rem;font-weight:600;color:var(--txt)}
/* Submit */
.checkout-submit{width:100%;padding:14px;background:linear-gradient(135deg,var(--pri),var(--pri-dark));color:#fff;border-radius:8px;font-size:0.88rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:6px;border:none;cursor:pointer;font-family:var(--font);box-shadow:0 4px 16px rgba(61,218,215,0.35);margin-top:0}
.checkout-submit:active{transform:scale(0.97)}
/* ===== PAYMENT GATEWAY SUPPORT ===== */
.checkout-review-inner{display:flex;flex-direction:column;gap:8px}
.checkout-payment-box{font-size:0.68rem;color:var(--txt-muted);padding:10px 12px;margin-top:2px;line-height:1.6;border:1px solid var(--border);border-radius:6px;background:#fafbfb;display:none}.checkout-payment-box.active{display:block}
.checkout-payment-box p{margin-bottom:4px}
.checkout-payment-box input[type="text"],
.checkout-payment-box input[type="number"],
.checkout-payment-box select{width:100%;padding:8px 10px;border-radius:5px;border:1px solid var(--border);font-size:0.72rem;outline:none;margin:4px 0;font-family:var(--font)}
.checkout-payment-box img{max-width:100%;height:auto}
.checkout-payment-box .form-row{margin-bottom:6px}
.checkout-payment-box .form-row label{font-size:0.64rem;font-weight:600;display:block;margin-bottom:2px}
.checkout-payment-desc{font-size:0.66rem;color:var(--txt-muted);margin-bottom:6px}
.checkout-no-gateway{font-size:0.74rem;color:var(--txt-muted);text-align:center;padding:12px}
.checkout-payment-radio{accent-color:var(--pri);width:16px;height:16px;flex-shrink:0}
.checkout-radio-custom{width:16px;height:16px;border-radius:50%;border:2px solid var(--border);flex-shrink:0;position:relative}
.checkout-payment-option input:checked+.checkout-radio-custom{border-color:var(--pri);background:var(--pri);box-shadow:inset 0 0 0 3px #fff}
.payment_method_pasargad img,.payment_method_zarinpal img,.payment_method_saman img,.payment_method_mellat img,.payment_method_parsian img,.payment_method_payir img,.payment_method_idpay img{max-height:28px;margin:0 4px}
/* =============================================
   17. INVOICE / THANK YOU
   ============================================= */
.inv-page{padding:6px 4px;display:flex;flex-direction:column;gap:8px}
/* ---- BANNER ---- */
.inv-banner{display:flex;align-items:center;gap:12px;padding:14px;border-radius:8px;color:#fff}
.inv-banner-ok{background:linear-gradient(135deg,var(--acc),#1a5a8a)}
.inv-banner-fail{background:linear-gradient(135deg,#c0392b,#a93226)}
.inv-banner-icon{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,0.2);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}
.inv-banner-text{flex:1;min-width:0}
.inv-banner-title{font-size:0.88rem;font-weight:700;margin-bottom:2px}
.inv-banner-sub{font-size:0.68rem;opacity:0.85;line-height:1.4}
/* ---- GRID ---- */
.inv-grid{display:flex;flex-direction:column;gap:8px}
/* ---- CARD ---- */
.inv-card{background:var(--white);border-radius:8px;border:1px solid var(--border);box-shadow:0 1px 3px rgba(0,0,0,0.04);padding:14px}
.inv-card-title{font-size:0.84rem;font-weight:700;color:var(--acc);margin:0 0 10px;padding-bottom:6px;border-bottom:1px solid var(--border)}
.inv-card+.inv-card{margin-top:0}
/* ---- TABLE ---- */
.inv-table{display:flex;flex-direction:column;gap:1px}
.inv-row{display:flex;justify-content:space-between;align-items:flex-start;padding:5px 0;font-size:0.72rem;color:var(--txt);gap:10px}
.inv-row span:first-child{color:var(--txt-muted);flex-shrink:0}
.inv-row span:last-child{text-align:left;line-height:1.5}
.inv-status{font-weight:600;font-size:0.66rem;padding:2px 8px;border-radius:4px}
.inv-status-ok{background:#eafaf1;color:var(--success)}
.inv-status-fail{background:#fdedec;color:var(--danger)}
/* ---- ITEMS ---- */
.inv-items{display:flex;flex-direction:column;margin-bottom:10px}
.inv-item{display:grid;grid-template-columns:1fr 50px 80px 80px;gap:6px;align-items:center;padding:7px 0;font-size:0.7rem;border-bottom:1px solid var(--border)}
.inv-item-head{border-bottom:2px solid var(--border);font-weight:600;color:var(--txt-muted);font-size:0.64rem;text-transform:uppercase;letter-spacing:0.02em}
.inv-item-thumb{width:28px;height:28px;border-radius:4px;overflow:hidden;background:#f8f9fa;display:inline-flex;flex-shrink:0;vertical-align:middle;margin-left:5px}
.inv-item-thumb img{width:100%;height:100%;object-fit:cover}
.inv-item-name{display:flex;align-items:center;min-width:0}
.inv-item-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inv-item-qty{text-align:center}
.inv-item-price,.inv-item-total{text-align:left;direction:ltr}
.inv-item-total{font-weight:600;color:var(--txt)}
/* ---- TOTALS ---- */
.inv-totals{display:flex;flex-direction:column;gap:1px;margin-top:4px}
.inv-total-row{display:flex;justify-content:space-between;padding:3px 0;font-size:0.73rem;color:var(--txt)}
.inv-total-discount,.inv-total-discount span{color:var(--success);font-weight:600}
.inv-total-final{font-weight:700;font-size:0.9rem;color:var(--acc);border-top:2px solid var(--pri);padding-top:8px;margin-top:3px}
/* ---- NOTE ---- */
.inv-note{font-size:0.72rem;color:var(--txt-muted);line-height:1.6;background:#f9fafa;padding:10px;border-radius:6px}
/* ---- ACTIONS ---- */
.inv-actions{display:flex;gap:8px}
.inv-btn{flex:1;padding:12px;border-radius:8px;font-size:0.78rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;font-family:var(--font);text-align:center;text-decoration:none}
.inv-btn-outline{background:var(--white);border:1px solid var(--acc);color:var(--acc)}
.inv-btn-fill{background:linear-gradient(135deg,var(--pri),var(--pri-dark));color:#fff;box-shadow:0 4px 14px rgba(61,218,215,0.35);border:none}
.inv-btn-fill:active{transform:scale(0.96)}
/* =============================================
   18. MY ACCOUNT
   ============================================= */
.account-wrap{padding:6px var(--px)}
.woocommerce-MyAccount-navigation{background:var(--white);border-radius:var(--r);border:1px solid var(--border);overflow:hidden;margin-bottom:8px}
.woocommerce-MyAccount-navigation ul{list-style:none}
.woocommerce-MyAccount-navigation li{border-bottom:1px solid var(--border)}
.woocommerce-MyAccount-navigation li:last-child{border-bottom:none}
.woocommerce-MyAccount-navigation a{display:flex;align-items:center;gap:6px;padding:11px 14px;color:var(--txt);font-size:0.78rem;font-weight:500}
.woocommerce-MyAccount-navigation a:hover,.woocommerce-MyAccount-navigation .is-active a{background:rgba(61,218,215,0.06);color:var(--acc)}
.woocommerce-MyAccount-content{background:var(--white);border-radius:var(--r);border:1px solid var(--border);padding:16px}
.woocommerce-MyAccount-content h2,.woocommerce-MyAccount-content h3{font-size:0.92rem;font-weight:700;color:var(--acc);margin-bottom:8px}
.woocommerce-MyAccount-content p{font-size:0.76rem;color:var(--txt-light);margin-bottom:6px;line-height:1.7}
.woocommerce-MyAccount-content .button{padding:9px 18px;background:var(--pri);color:#fff;border-radius:var(--r-btn);font-size:0.76rem;font-weight:600;display:inline-flex;align-items:center;gap:4px}
.woocommerce-MyAccount-content label{display:block;font-size:0.68rem;font-weight:600;color:var(--txt);margin-bottom:2px}
.woocommerce-MyAccount-content input[type="text"],
.woocommerce-MyAccount-content input[type="email"],
.woocommerce-MyAccount-content input[type="password"],
.woocommerce-MyAccount-content input[type="tel"],
.woocommerce-MyAccount-content input[type="number"]{width:100%;padding:9px 10px;border-radius:var(--r);border:1px solid var(--border);font-size:0.78rem;outline:none;margin-bottom:8px}
.woocommerce-MyAccount-content input:focus{border-color:var(--pri)}
.woocommerce-MyAccount-content fieldset{border:1px solid var(--border);border-radius:var(--r);padding:14px;margin:10px 0}
.woocommerce-MyAccount-content fieldset legend{font-size:0.78rem;font-weight:700;color:var(--acc);padding:0 6px}
.woocommerce-MyAccount-content address{font-size:0.74rem;color:var(--txt);line-height:1.7;font-style:normal;background:#f9fafa;border-radius:var(--r);padding:10px;border:1px solid var(--border)}
/* =============================================
   19. LOGIN / TRACKING
   ============================================= */
.woocommerce-form-login,.woocommerce-form-register{background:var(--white);border-radius:var(--r);border:1px solid var(--border);padding:16px;margin:6px var(--px)}
.woocommerce-form-login h2,.woocommerce-form-register h2{font-size:0.92rem;font-weight:700;color:var(--acc);margin-bottom:12px}
.woocommerce-form-login label,.woocommerce-form-register label{display:block;font-size:0.68rem;font-weight:600;color:var(--txt);margin-bottom:2px}
.woocommerce-form-login input[type="text"],.woocommerce-form-login input[type="password"],.woocommerce-form-login input[type="email"],
.woocommerce-form-register input[type="text"],.woocommerce-form-register input[type="password"],.woocommerce-form-register input[type="email"]{width:100%;padding:9px 10px;border-radius:var(--r);border:1px solid var(--border);font-size:0.78rem;outline:none;margin-bottom:8px}
.woocommerce-form-login input:focus,.woocommerce-form-register input:focus{border-color:var(--pri)}
.woocommerce-form-login .woocommerce-form-login__submit,.woocommerce-form-register .woocommerce-form-register__submit{width:100%;padding:11px;background:var(--pri);color:#fff;border-radius:var(--r-btn);font-size:0.82rem;font-weight:600;border:none;cursor:pointer;font-family:var(--font)}
.woocommerce-LostPassword{font-size:0.72rem;margin-top:6px}
.track_order{background:var(--white);border-radius:var(--r);border:1px solid var(--border);padding:16px;margin:8px var(--px)}
.track_order p{font-size:0.76rem;color:var(--txt-light);margin-bottom:6px}
.track_order label{display:block;font-size:0.68rem;font-weight:600;color:var(--txt);margin-bottom:2px}
.track_order input{width:100%;padding:9px 10px;border-radius:var(--r);border:1px solid var(--border);font-size:0.78rem;margin-bottom:8px;outline:none}
.track_order input:focus{border-color:var(--pri)}
.track_order button{width:100%;padding:11px;background:var(--pri);color:#fff;border-radius:var(--r-btn);font-size:0.82rem;font-weight:600;border:none;cursor:pointer;font-family:var(--font)}
/* =============================================
   20. NOTICES
   ============================================= */
.woocommerce-message,.woocommerce-info,.woocommerce-error{background:var(--white);border-radius:var(--r);border:1px solid;padding:10px 12px;margin:6px var(--px);font-size:0.76rem;line-height:1.6;position:relative}
.woocommerce-message{border-color:#c3e6cb;background:#eafaf1;color:var(--success)}
.woocommerce-info{border-color:#b8daff;background:#e8f4fd;color:var(--sec)}
.woocommerce-error{border-color:#f5c6cb;background:#fdedec;color:var(--danger)}
.woocommerce-message a,.woocommerce-info a,.woocommerce-error a{font-weight:600}
.woocommerce-message .button,.woocommerce-info .button,.woocommerce-error .button{float:left;padding:5px 12px;background:var(--acc);color:#fff;border-radius:3px;font-size:0.68rem;font-weight:600}
/* =============================================
   21. PAGINATION
   ============================================= */
.woocommerce-pagination{text-align:center;padding:6px 0 16px}
.woocommerce-pagination ul{display:inline-flex;gap:2px;list-style:none}
.woocommerce-pagination li a,.woocommerce-pagination li span{display:flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 5px;border-radius:3px;border:1px solid var(--border);background:var(--white);font-size:0.7rem;font-weight:500;color:var(--txt)}
.woocommerce-pagination li .current{background:var(--pri);color:#fff;border-color:var(--pri)}
/* =============================================
   22. BREADCRUMB / SORTING
   ============================================= */
.woocommerce-breadcrumb{padding:4px var(--px);font-size:0.64rem;color:var(--txt-muted)}
.woocommerce-breadcrumb a{color:var(--sec)}
.woocommerce-result-count{font-size:0.66rem;color:var(--txt-muted);padding:0 var(--px);margin-bottom:6px}
.woocommerce-ordering{padding:0 var(--px);margin-bottom:8px}
.woocommerce-ordering select{padding:7px 28px 7px 8px;border-radius:var(--r);border:1px solid var(--border);background:var(--white);font-size:0.68rem;color:var(--txt);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237a8a94' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 6px center}
/* =============================================
   23. TABS (SINGLE PRODUCT)
   ============================================= */
.woocommerce-tabs{margin-top:8px}
.woocommerce-tabs ul.tabs{display:flex;gap:1px;list-style:none;border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none}
.woocommerce-tabs ul.tabs::-webkit-scrollbar{display:none}
.woocommerce-tabs ul.tabs li a{display:block;padding:8px 14px;font-size:0.72rem;font-weight:600;color:var(--txt-muted);border-bottom:2px solid transparent;white-space:nowrap}
.woocommerce-tabs ul.tabs li.active a{color:var(--acc);border-bottom-color:var(--pri)}
.woocommerce-tabs .panel{background:var(--white);border:1px solid var(--border);border-top:none;padding:14px;font-size:0.76rem;line-height:1.7}
.woocommerce-tabs .panel h2{font-size:0.84rem;font-weight:700;margin-bottom:6px;color:var(--acc)}
/* =============================================
   24. EMPTY STATE / SCROLL TOP / TOAST
   ============================================= */
.empty-state{text-align:center;padding:32px 14px}
.empty-state .empty-icon{display:flex;align-items:center;justify-content:center;margin-bottom:10px;opacity:0.35;color:var(--txt-muted)}
.empty-state h3{color:var(--txt);margin-bottom:4px;font-size:0.84rem}
.empty-state p{color:var(--txt-muted);font-size:0.7rem}
.scroll-top{position:fixed;bottom:78px;right:10px;width:34px;height:34px;border-radius:50%;background:var(--acc);color:#fff;display:flex;align-items:center;justify-content:center;z-index:90;opacity:0;visibility:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.12)}
.scroll-top.visible{opacity:1;visibility:visible}
.toast{position:fixed;bottom:82px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--acc);color:#fff;padding:11px 22px;border-radius:var(--r-btn);font-size:0.78rem;font-weight:600;z-index:2000;box-shadow:0 6px 20px rgba(0,0,0,0.15);opacity:0;transition:opacity .35s ease,transform .35s ease;pointer-events:none;white-space:nowrap}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.toast.fade-out{opacity:0;transform:translateX(-50%) translateY(10px)}
.toast.success{background:var(--success)}
/* =============================================
   25. WOOCOMMERCE GLOBAL
   ============================================= */
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--acc)!important;font-size:1.15rem!important;font-weight:700!important}
.woocommerce .star-rating{color:var(--star)!important}
.woocommerce .star-rating span{color:var(--star)!important}
.woocommerce a.remove{color:var(--danger)!important}
.woocommerce button.button,.woocommerce a.button,.woocommerce input.button{background:var(--pri);color:#fff;border-radius:var(--r-btn);font-weight:600;padding:9px 16px;font-size:0.78rem;border:none;cursor:pointer}
.woocommerce button.button:hover,.woocommerce a.button:hover{background:var(--pri-dark);color:#fff}
.woocommerce button.button.alt{background:var(--acc)}
.woocommerce button.button.alt:hover{opacity:0.9}
/* =============================================
   26. DESKTOP NAV
   ============================================= */
.desktop-nav{display:none;gap:1px}
.desktop-nav>a,.desktop-nav>.menu-item>a,.desktop-nav>div>a{
   padding:7px 14px;border-radius:var(--r);font-size:0.76rem;
   font-weight:500;color:var(--txt);display:flex;align-items:center;gap:4px;
   cursor:pointer;text-decoration:none;white-space:nowrap;
}
.desktop-nav>a:hover,.desktop-nav>.menu-item:hover>a,.desktop-nav>div:hover>a{background:rgba(61,218,215,0.08);color:var(--acc)}
.desktop-nav>a.active,.desktop-nav>.current-menu-item>a{background:var(--pri);color:#fff;font-weight:600}
/* Desktop dropdown */
.desktop-nav .menu-item-has-children,.desktop-nav>div{position:relative}
.desktop-nav .sub-menu,.desktop-nav>div>.sub-menu{
   position:absolute;top:100%;right:0;min-width:200px;
   background:#fff;border-radius:8px;border:1px solid var(--border);
   box-shadow:0 12px 32px rgba(0,0,0,0.1);padding:6px;
   opacity:0;visibility:hidden;transform:translateY(6px);z-index:100;
}
.desktop-nav .menu-item-has-children:hover>.sub-menu,
.desktop-nav>div:hover>.sub-menu{opacity:1;visibility:visible;transform:translateY(0)}
.desktop-nav .sub-menu a,.desktop-nav .sub-menu .menu-item a{
   display:flex;align-items:center;gap:6px;padding:8px 12px;
   border-radius:6px;font-size:0.74rem;color:var(--txt);
   text-decoration:none;white-space:nowrap;
}
.desktop-nav .sub-menu a:hover{background:rgba(61,218,215,0.06);color:var(--acc)}
.nav-svg-icon{display:inline-flex;align-items:center}
/* =============================================
   27. FULL WIDTH / NO SIDEBAR
   ============================================= */
#secondary,.sidebar,.widget-area,.woocommerce .sidebar{display:none!important}
.content-area{width:100%!important;float:none!important;margin:0!important;padding:0!important}
/* =============================================
   28. REVIEWS
   ============================================= */
.woocommerce-Reviews .commentlist{list-style:none}
.woocommerce-Reviews .review{padding:8px 0;border-bottom:1px solid var(--border)}
.woocommerce-Reviews .review .meta{font-size:0.66rem;color:var(--txt-muted);margin-bottom:3px}
.woocommerce-Reviews .review .description{font-size:0.76rem;line-height:1.6}
.woocommerce-Reviews #review_form{margin-top:12px}
.woocommerce-Reviews #review_form label{display:block;font-size:0.66rem;font-weight:600;margin-bottom:2px}
.woocommerce-Reviews #review_form input,.woocommerce-Reviews #review_form textarea{width:100%;padding:8px 10px;border-radius:var(--r);border:1px solid var(--border);font-size:0.76rem;outline:none;margin-bottom:6px}
.woocommerce-Reviews #review_form input:focus,.woocommerce-Reviews #review_form textarea:focus{border-color:var(--pri)}
.woocommerce-Reviews #review_form .submit{padding:9px 18px;background:var(--pri);color:#fff;border-radius:var(--r-btn);font-size:0.76rem;font-weight:600;border:none;cursor:pointer;font-family:var(--font)}
/* =============================================
   29. RTL
   ============================================= */
.rtl{direction:rtl}
.rtl .mobile-nav{left:0;right:auto;border-right:1px solid var(--border);border-left:none}
.rtl .mobile-nav-body .nav-link.has-children::after{content:'\2039';margin-left:0;margin-right:auto}
.rtl .mobile-nav-body .sub-nav{padding-left:0;padding-right:22px}
.rtl .sub-link{padding-right:8px!important;padding-left:28px!important}
.rtl .sub-link:before{content:""}
.rtl .scroll-top{right:auto;left:10px}
.rtl .search-bar .search-icon{right:9px;left:auto}
.rtl .search-bar input{padding:10px 10px 10px 32px}
.rtl .cart-count{right:-4px;left:auto}
.rtl .detail-price del,.rtl .product-price del{margin-left:0;margin-right:3px}
.rtl .woocommerce-message .button,.rtl .woocommerce-info .button,.rtl .woocommerce-error .button{float:right}
.rtl .woocommerce-ordering select{background-position:right 6px center;padding:7px 8px 7px 28px}
.rtl .detail-usage{border-right:3px solid var(--pri);border-left:none}
.rtl .product-badge-top{right:auto;left:6px}
/* ===== PRINT INVOICE ONLY ===== */
@media print {
  .site-header, .bottom-nav, .mobile-nav, .mobile-nav-overlay,
  .scroll-top, .toast, .ios16-cart-notice, .cart-modal,
  .inv-actions { display:none!important }
  .inv-page { padding:10px; max-width:100% }
  .inv-card { box-shadow:none!important; border:1px solid #ccc!important; break-inside:avoid }
  .inv-item-thumb { display:none }
  @page { margin:5mm; size:A4 }
}
/* cart-layout (compat with cart-desktop-wrap) */
.cart-layout{display:flex;flex-direction:column;gap:10px}
/* ===== NAV TABS ===== */
.nav-tabs{display:flex;gap:0;padding:0 6px;border-bottom:1px solid var(--border)}
.nav-tab{
   flex:1;padding:10px 0;text-align:center;
   font-size:0.74rem;font-weight:600;color:var(--txt-muted);
   background:transparent;border:none;border-bottom:2px solid transparent;
   cursor:pointer;font-family:var(--font);
}
.nav-tab.active{color:var(--pri);border-bottom-color:var(--pri)}
/* ===== NAV SEARCH ===== */
.nav-search{padding:6px;border-bottom:1px solid var(--border)}
.nav-search form{display:flex;gap:4px}
.nav-search-input{
   flex:1;padding:8px 10px;border-radius:6px;
   border:1px solid var(--border);font-size:0.72rem;
   outline:none;font-family:var(--font);background:var(--white);
}
.nav-search-input:focus{border-color:var(--pri)}
.nav-search-btn{
   width:36px;height:36px;border-radius:6px;
   background:var(--pri);color:#fff;
   display:flex;align-items:center;justify-content:center;
   border:none;cursor:pointer;flex-shrink:0;
}
.nav-search-btn svg{width:14px;height:14px}
/* ===== TAB CONTENT ===== */
.nav-tab-content{display:none}
.nav-tab-content.active{display:block}
.mobile-nav-body{padding-top:0}
/* WordPress menu items inside nav tabs */
.nav-tab-content .menu-item{list-style:none}
.nav-tab-content .menu-item a{
   display:flex;align-items:center;gap:8px;
   padding:10px 6px;border-radius:var(--r);
   color:var(--txt);font-weight:500;font-size:0.8rem;
   margin:1px 4px;text-decoration:none;
}
.nav-tab-content .menu-item a:active{background:rgba(61,218,215,0.08);color:var(--acc)}
.nav-tab-content .menu-item a .nav-icon{
   width:28px;height:28px;border-radius:var(--r-sm);
   display:flex;align-items:center;justify-content:center;
   background:rgba(61,218,215,0.1);flex-shrink:0;color:var(--pri);
}
/* Category thumbnail in nav */
.nav-cat-thumb{
   width:28px;height:28px;border-radius:5px;
   object-fit:cover;display:block;
}
.nav-icon:has(.nav-cat-thumb){
   background:transparent!important;
   width:28px;height:28px;
}
.nav-sub-thumb{
   width:20px;height:20px;border-radius:4px;
   object-fit:cover;margin-left:4px;vertical-align:middle;
}
/* Nav tab position — after search */
.nav-tabs{margin-top:0;border-radius:0 0 8px 8px}
/* Sub-category link with thumbnail */
.sub-link{display:flex!important;align-items:center;gap:4px}
.sub-link::before{content:none}
.sub-link img{margin-left:6px}
/* SP green notice (below header) */
.sp-notice{
   position:fixed!important;top:60px!important;left:0!important;right:0!important;
   z-index:9998!important;
   background:linear-gradient(135deg,#1e8449,#27ae60)!important;
   box-shadow:0 8px 32px rgba(0,0,0,.25)!important;
   max-width:480px!important;margin:0 auto!important;
   border-radius:0 0 10px 10px!important;overflow:hidden!important;
   transform:translateY(-120%)!important;
   transition:transform .35s ease!important;
}
.sp-notice.show{transform:translateY(0)!important}
.sp-notice-inner{display:flex!important;align-items:center!important;gap:8px!important;padding:12px 10px!important}
.sp-notice-icon{width:34px!important;height:34px!important;min-width:34px!important;border-radius:50%!important;background:rgba(255,255,255,.2)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}
.sp-notice-text{flex:1!important;min-width:0!important}
.sp-notice-title{font-size:.8rem!important;font-weight:700!important;color:#fff!important;margin:0!important}
.sp-notice-sub{font-size:.66rem!important;color:rgba(255,255,255,.85)!important;margin-top:1px!important}
.sp-notice-close{width:28px!important;height:28px!important;min-width:28px!important;border-radius:50%!important;background:rgba(255,255,255,.15)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;border:none!important;cursor:pointer!important}
.sp-notice-progress{height:3px!important;background:rgba(255,255,255,.15)!important}
.sp-notice-progress-bar{height:100%!important;background:#fff!important;width:100%!important;transition:width 8s linear!important}
rating input in review form */
.sp-rev-stars-row{display:flex;align-items:center;gap:8px;margin-bottom:2px}
.sp-rev-stars-label{font-size:.68rem;font-weight:600;color:var(--txt)}
.sp-rev-stars-input{display:flex;flex-direction:row-reverse;gap:2px}
.sp-rev-stars-input input[type="radio"]{display:none}
.sp-rev-stars-input label{cursor:pointer;color:#ddd;transition:color .2s}
.sp-rev-stars-input label:hover,
.sp-rev-stars-input label:hover~label,
.sp-rev-stars-input input:checked~label{color:var(--star)}
.sp-rev-stars-input input:checked+label{color:var(--star)}
.ios16-cart-notice-checkout{
   padding:8px 14px!important;font-size:.7rem!important;
   white-space:nowrap!important;flex-shrink:0!important;
}
.ios16-cart-notice-inner{gap:8px!important;padding:10px var(--px)!important}
.ios16-cart-notice-icon{width:34px!important;height:34px!important}
.notice-title{font-size:.8rem!important}
.notice-sub{font-size:.66rem!important}
/* ========== CART NOTICE (simple, works) ========== */
#ios16CartNotice {
   display:none;
   position:fixed;top:62px;left:0;right:0;z-index:9999;
   background:#135589;color:#fff;
   box-shadow:0 4px 20px rgba(0,0,0,.3);
   max-width:480px;margin:0 auto;
   padding:12px 10px;
   font-family:var(--font);
   opacity:0;transform:translateY(-20px);
   transition:opacity .3s,transform .3s;
}
#ios16CartNotice.show{display:block;opacity:1;transform:translateY(0)}
#ios16CartNotice .n-inner{display:flex;align-items:center;gap:8px}
#ios16CartNotice .n-icon{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1rem}
#ios16CartNotice .n-text{flex:1;min-width:0}
#ios16CartNotice .n-title{font-size:.82rem;font-weight:700}
#ios16CartNotice .n-sub{font-size:.68rem;opacity:.85;margin-top:1px}
#ios16CartNotice .n-checkout{padding:7px 12px;background:#3DDAD7;color:#135589;border-radius:6px;font-size:.68rem;font-weight:700;text-decoration:none;white-space:nowrap;flex-shrink:0}
#ios16CartNotice .n-close{width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.15);color:#fff;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;font-size:.75rem;flex-shrink:0}
#ios16CartNotice .n-bar {
   height:3px;background:rgba(255,255,255,.2);
}
#ios16CartNotice .n-bar { background:rgba(255,255,255,.2); }
/* Cart count — pulse red on add */
.cart-count{padding:0 3px}
.cart-count.pulse{
   animation:cartPulse .5s ease 3;
   background:#e74c3c!important;
}
@keyframes cartPulse{
   0%,100%{transform:scale(1)}
   50%{transform:scale(1.35);background:#c0392b}
}
/* Logo image containment — prevent overflow */
.site-logo{overflow:hidden;flex-shrink:1;min-width:0}
.site-logo img,.site-logo .custom-logo{max-width:100%;height:auto;object-fit:contain;flex-shrink:1}
.site-logo .custom-logo-link{display:flex;align-items:center;max-width:100%}
.header-inner{gap:8px}
/* SP buttons, qty, form */
.sp-form{display:none;flex-direction:column;gap:6px;margin-bottom:8px}
.sp-vars{display:none;flex-direction:column;gap:6px;margin-bottom:8px}
.sp-sel{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--border);font-size:.76rem;color:var(--txt);outline:none;font-family:var(--font);background:var(--white)}
.sp-sel:focus{border-color:var(--pri)}
.sp-qty{display:inline-flex;align-items:center;background:#f5f5f5;border-radius:6px;overflow:hidden;border:1px solid var(--border)}
.sp-qty button{width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:var(--txt);border:none;background:transparent;cursor:pointer}
.sp-qty input{width:34px;height:30px;text-align:center;border:none;background:transparent;font-weight:700;color:var(--txt);font-size:.76rem}
.sp-btns{display:none;gap:6px}
.sp-btn{flex:1;padding:11px;background:linear-gradient(135deg,var(--pri),var(--pri-dark));color:#fff;border-radius:8px;font-size:.8rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:5px;border:none;cursor:pointer;font-family:var(--font);touch-action:manipulation}
.sp-btn:active{transform:scale(.97)}
.sp-buy{padding:11px 18px;background:transparent;border:2px solid var(--acc);color:var(--acc);border-radius:8px;font-size:.76rem;font-weight:600;cursor:pointer;font-family:var(--font);white-space:nowrap;touch-action:manipulation}
.sp-buy:active{background:rgba(19,85,137,.06)}
@media(min-width:1024px){.sp-btns{display:flex!important}.sp-form{display:flex!important}.sp-vars{display:flex!important}.spbar{display:none!important}.sp-btn{padding:14px;font-size:.88rem}.sp-buy{padding:14px;font-size:.86rem}}