:root{--bg:#f9f9f7;--surface:#f9f9f7;--surface-low:#f4f4f2;--surface-mid:#eeeeec;--surface-high:#e8e8e6;--surface-var:#e2e3e1;--on-surface:#1a1c1b;--on-surface-var:#434841;--primary:#173318;--primary-ctr:#2d4a2d;--on-primary:#fff;--on-primary-ctr:#98b994;--inverse-primary:#aecfa9;--primary-fixed:#c9ecc4;--outline:#737970;--outline-var:#c3c8be;--secondary-ctr:#f2e0ce;--on-secondary-ctr:#6f6254;--error:#ba1a1a;--error-ctr:#ffdad6;--surface-tint:#486646;--shadow-card:0 24px 48px rgba(45,74,45,0.04);--shadow-hover:0 24px 48px rgba(45,74,45,0.08);--shadow-sm:0 4px 24px rgba(45,74,45,0.04);--radius-sm:4px;--radius:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--font-serif:'Noto Serif',serif;--font-sans:'Inter',sans-serif;--section-gap:80px;--ctr-pad:24px;--gutter:16px;--base:8px}
*,*::before,*::after{box-sizing:border-box}
html, body { overflow-x: hidden; width: 100%; }
body.glower-body{font-family:var(--font-sans);font-size:16px;line-height:1.6;color:var(--on-surface);background:var(--bg);margin:0;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--font-serif);font-weight:400;margin:0}
h1{font-size:56px;line-height:1.2;letter-spacing:-0.02em}
h2{font-size:36px;line-height:1.3}
h3{font-size:24px;line-height:1.4}
.body-lg{font-family:var(--font-sans);font-size:18px;line-height:1.6}
.body-md{font-family:var(--font-sans);font-size:16px;line-height:1.6}
.label-caps{font-family:var(--font-sans);font-size:12px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase}
.vertical-label{font-family:var(--font-sans);font-size:11px;font-weight:500;letter-spacing:0.15em;text-transform:uppercase}
.material-symbols-outlined{font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24}

/* NAVBAR */
.glower-navbar{position:sticky;top:0;z-index:50;height:80px;background:var(--bg);border-bottom:1px solid #E8F1E8;transition:all .3s ease;padding:0 var(--ctr-pad)}
.glower-navbar.scrolled{background:rgba(255,255,255,0.95);backdrop-filter:blur(12px);box-shadow:var(--shadow-sm)}
.navbar-brand{font-family:var(--font-serif);font-size:1.8rem;font-weight:700;color:var(--primary-ctr);text-decoration:none;display:flex;align-items:center;gap:8px;transition:opacity .3s}
.navbar-brand:hover{opacity:0.8;color:var(--primary-ctr)}
.nav-links .nav-link{font-family:var(--font-serif);font-size:16px;text-transform:uppercase;letter-spacing:0.05em;color:#999;text-decoration:none;padding:4px 0;transition:color .3s}
.nav-links .nav-link:hover,.nav-links .nav-link.active{color:var(--primary-ctr);border-bottom:1px solid var(--primary-ctr);font-weight:600}
.nav-icon{background:none;border:none;color:var(--primary-ctr);cursor:pointer;padding:4px;transition:all .3s;text-decoration:none}
.nav-icon:hover{transform:scale(1.1);color:var(--primary-ctr)}
.lang-toggle{font-size:12px;font-weight:600;letter-spacing:0.05em;border:1px solid var(--primary-ctr);border-radius:var(--radius-full);padding:4px 12px;background:transparent;color:var(--primary-ctr);cursor:pointer;transition:all .3s}
.lang-toggle:hover{background:var(--primary-ctr);color:#fff}
.cart-badge{position:absolute;top:-4px;right:-4px;background:var(--primary-ctr);color:#fff;font-size:10px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600}
.mobile-menu{display:none;flex-direction:column;padding:16px var(--ctr-pad);background:var(--bg);border-top:1px solid var(--surface-var)}
.mobile-menu.open{display:flex}
.mobile-menu a{padding:12px 0;color:var(--on-surface-var);text-decoration:none;font-family:var(--font-serif);text-transform:uppercase;font-size:14px;border-bottom:1px solid var(--surface-var)}
.mobile-menu a.active{color:var(--primary-ctr);font-weight:600}

/* BUTTONS */
.btn-primary-g{background:var(--primary-ctr);color:#fff;font-family:var(--font-sans);font-weight:500;font-size:12px;letter-spacing:0.1em;text-transform:uppercase;border:none;border-radius:var(--radius-md);padding:16px 32px;cursor:pointer;transition:all .3s;text-decoration:none;display:inline-flex;align-items:center;gap:8px}
.btn-primary-g:hover{background:var(--primary);transform:scale(1.02);color:#fff}
.btn-primary-g-pill{background:var(--primary-ctr);color:#fff;font-family:var(--font-sans);font-weight:500;font-size:12px;letter-spacing:0.1em;text-transform:uppercase;border:none;border-radius:var(--radius-full);padding:16px 32px;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px rgba(45,74,45,0.2)}
.btn-primary-g-pill:hover{background:var(--primary);transform:scale(1.05)}
.btn-secondary-g{background:transparent;color:var(--primary-ctr);border:1px solid var(--primary-ctr);border-radius:var(--radius-md);padding:12px 24px;font-family:var(--font-sans);font-weight:500;font-size:12px;letter-spacing:0.1em;text-transform:uppercase;cursor:pointer;transition:all .3s;text-decoration:none;display:inline-flex;align-items:center;gap:8px}
.btn-secondary-g:hover{background:var(--surface-high);color:var(--primary-ctr)}

/* HERO SECTION */
.hero-section{padding:var(--section-gap) 0;min-height:819px;position:relative}
.hero-arch{width:400px;height:550px;border-radius:200px 200px 100px 100px;overflow:hidden;box-shadow:var(--shadow-hover);position:relative}
.hero-arch img{width:100%;height:100%;object-fit:cover;transition:transform 1s}
.hero-arch:hover img{transform:scale(1.05)}
.hero-badge{position:absolute;bottom:64px;left:-80px;width:128px;height:128px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(45,74,45,0.06);border:1px solid var(--surface-high);z-index:20;cursor:pointer}
.hero-badge:hover{box-shadow:0 12px 32px rgba(45,74,45,0.1)}
.hero-badge svg{position:absolute;width:90%;height:90%;animation:spin 20s linear infinite}
@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
.hero-play{background:var(--primary-ctr);color:#fff;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;box-shadow:0 4px 12px rgba(45,74,45,0.2);z-index:1;transition:transform .3s}
.hero-play:hover{transform:scale(1.1)}
.hero-product-card{display:flex;align-items:center;gap:16px;background:var(--surface-high);border-radius:var(--radius-md);padding:12px;width:256px;box-shadow:var(--shadow-sm);cursor:pointer;transition:all .3s}
.hero-product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}
.hero-product-card img{width:48px;height:48px;object-fit:cover;border-radius:var(--radius);background:#fff}
.hero-deco{position:absolute;top:32px;font-size:2.5rem;color:var(--primary-ctr);font-weight:300}
.hero-vertical{position:absolute;right:0;top:50%;transform:translateY(-50%) rotate(90deg);transform-origin:right center;color:var(--outline);white-space:nowrap}

/* CATEGORIES */
.categories-section{background:var(--surface-low);padding:var(--section-gap) 0}
.category-circle{width:128px;height:128px;border-radius:50%;overflow:hidden;border:4px solid var(--surface);transition:all .3s}
.category-item:hover .category-circle{border-color:var(--primary-fixed);box-shadow:0 8px 24px rgba(45,74,45,0.1)}
.category-item:hover .category-circle img{transform:scale(1.1)}
.category-circle img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.category-item{cursor:pointer;text-align:center}
.category-item span{transition:color .3s}
.category-item:hover span{color:var(--primary-ctr)}

/* BANNER */
.banner-section{width:100%;height:600px;position:relative;overflow:hidden}
.banner-section img{width:100%;height:100%;object-fit:cover;transition:transform 1s}
.banner-section:hover img{transform:scale(1.05)}
.banner-badge{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.banner-badge-inner{width:160px;height:160px;background:rgba(249,249,247,0.9);backdrop-filter:blur(8px);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;box-shadow:0 8px 32px rgba(45,74,45,0.1);cursor:pointer;transition:all .3s}
.banner-badge-inner:hover{background:var(--surface);transform:scale(1.05)}

/* MARQUEE */
.marquee-section{padding:24px 0;border-top:1px solid var(--surface-high);border-bottom:1px solid var(--surface-high);overflow:hidden}
.marquee-track{display:flex;white-space:nowrap;animation:marquee 30s linear infinite}
.marquee-track span{margin:0 16px}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* PRODUCT CARDS */
.product-card{display:flex;flex-direction:column;gap:16px;cursor:pointer}
.product-card-image{position:relative;background:var(--surface-mid);border-radius:var(--radius-md);aspect-ratio:3/4;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:32px;transition:all .3s}
.product-card:hover .product-card-image{box-shadow:var(--shadow-hover)}
.product-card-image img{object-fit:contain;width:100%;height:100%;mix-blend-mode:multiply;transition:transform .5s}
.product-card:hover .product-card-image img{transform:scale(1.1)}
.product-badge{position:absolute;top:16px;left:16px;padding:4px 12px;border-radius:var(--radius-full);font-size:11px;font-weight:500;letter-spacing:0.15em}
.product-badge-sale{background:var(--secondary-ctr);color:var(--on-secondary-ctr)}
.product-badge-new{background:var(--primary-ctr);color:#fff}
.product-card-cart{position:absolute;bottom:16px;right:16px;width:40px;height:40px;background:var(--surface);border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;box-shadow:var(--shadow-sm);color:var(--primary-ctr);cursor:pointer;transition:all .3s}
.product-card-cart:hover{background:var(--primary-ctr);color:#fff;transform:scale(1.1)}
.product-card-info{display:flex;justify-content:space-between;align-items:flex-start}
.product-card-info h3{font-family:var(--font-sans);font-size:18px;line-height:1.6;transition:color .3s;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.product-card:hover .product-card-info h3{color:var(--primary-ctr)}
.product-card-price{color:var(--primary-ctr);font-size:12px;font-weight:600;letter-spacing:0.1em;white-space:nowrap}

/* SHOP PAGE */
.shop-hero{height:250px;background:var(--primary-ctr);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.shop-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0.4;mix-blend-mode:overlay}
.shop-hero-content{position:relative;z-index:10;text-align:center;color:#fff}
.shop-sidebar h3{font-family:var(--font-sans);font-size:12px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;margin-bottom:24px;padding-bottom:8px;border-bottom:1px solid rgba(45,74,45,0.1)}
.shop-sidebar ul{list-style:none;padding:0;margin:0}
.shop-sidebar ul li a{display:flex;justify-content:space-between;color:var(--on-surface-var);text-decoration:none;padding:8px 0;transition:color .3s}
.shop-sidebar ul li a:hover{color:var(--primary-ctr)}
.shop-card{background:#fff;border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-sm);transition:all .3s;position:relative;display:flex;flex-direction:column;height:100%}
.shop-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}
.shop-card-badge{position:absolute;top:16px;left:16px;background:var(--primary-ctr);color:#fff;font-size:10px;font-weight:600;letter-spacing:0.1em;padding:4px 8px;border-radius:4px}
.shop-card-img{aspect-ratio:1;background:var(--surface-low);border-radius:var(--radius);overflow:hidden;display:flex;align-items:center;justify-content:center;padding:16px;margin-bottom:24px}
.shop-card-img img{object-fit:contain;width:100%;height:100%;mix-blend-mode:multiply;transition:transform .5s}
.shop-card:hover .shop-card-img img{transform:scale(1.05)}
.price-old{color:var(--on-surface-var);text-decoration:line-through;font-size:14px;margin-right:8px}
.price-current{color:var(--primary-ctr);font-weight:500}
.tag-pill{padding:4px 12px;background:rgba(242,224,206,0.5);color:#695c4e;border-radius:var(--radius-full);font-size:10px;font-weight:600;letter-spacing:0.1em;cursor:pointer;border:none;transition:background .3s}
.tag-pill:hover{background:var(--secondary-ctr)}

/* CART PAGE */
.cart-hero{height:200px;background:var(--primary-ctr);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.cart-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0.4;mix-blend-mode:overlay}
.cart-table-header{display:none;font-size:12px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--on-surface-var);padding-bottom:16px;border-bottom:1px solid var(--surface-var)}
@media(min-width:768px){.cart-table-header{display:grid;grid-template-columns:6fr 2fr 2fr 2fr}}
.cart-item{display:grid;grid-template-columns:1fr;gap:16px;align-items:center;padding:24px 0;border-bottom:1px solid var(--surface-var)}
@media(min-width:768px){.cart-item{grid-template-columns:6fr 2fr 2fr 2fr}}
.cart-item-info{display:flex;align-items:center;gap:24px}
.cart-item-img{width:80px;height:80px;object-fit:cover;border-radius:var(--radius);background:var(--surface-high);padding:8px}
.cart-remove{background:none;border:none;color:var(--outline);cursor:pointer;transition:color .3s}
.cart-remove:hover{color:var(--error)}
.qty-control{display:flex;align-items:center;border:1px solid var(--surface-var);border-radius:var(--radius-full);padding:4px 12px;background:var(--surface)}
.qty-control button{background:none;border:none;color:var(--outline);cursor:pointer;padding:0 4px}
.qty-control button:hover{color:var(--on-surface)}
.qty-control span{width:32px;text-align:center}
.cart-totals{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:32px;position:sticky;top:112px}
.cart-totals h2{font-size:24px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--surface-var)}
.cart-total-row{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--surface-var)}
.cart-grand-total{display:flex;justify-content:space-between;padding:24px 0;font-family:var(--font-serif);font-size:24px}
.coupon-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:32px}
.coupon-input{background:var(--surface);border:none;border-bottom:1px solid var(--primary-ctr);padding:8px 0;font-size:16px;outline:none;flex:1;min-width:150px}
.coupon-input:focus{background:var(--surface-high)}
.payment-icons{display:flex;justify-content:center;gap:16px;margin-top:32px;color:var(--outline)}

/* PRODUCT PAGE */
.product-gallery{position:relative;background:var(--surface);border-radius:var(--radius-md);aspect-ratio:1;overflow:hidden;box-shadow:var(--shadow-sm)}
.product-gallery img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.product-gallery:hover img{transform:scale(1.05)}
.product-gallery-badge{position:absolute;top:16px;left:16px;background:var(--surface-tint);color:#fff;padding:4px 12px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:0.1em;font-size:12px;font-weight:600}
.gallery-action{position:absolute;width:40px;height:40px;background:var(--surface);border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;color:var(--outline);cursor:pointer;box-shadow:var(--shadow-sm);transition:color .3s}
.gallery-action:hover{color:var(--primary)}
.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:rgba(249,249,247,0.8);backdrop-filter:blur(4px);border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;color:var(--on-surface);cursor:pointer;opacity:0;transition:opacity .3s}
.product-gallery:hover .gallery-nav{opacity:1}
.thumb-btn{aspect-ratio:1;border-radius:var(--radius);overflow:hidden;border:2px solid transparent;cursor:pointer;background:none;padding:0}
.thumb-btn.active{border-color:var(--primary)}
.thumb-btn:hover{border-color:var(--outline-var)}
.thumb-btn img{width:100%;height:100%;object-fit:cover}
.chip{padding:4px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:600;letter-spacing:0.1em}
.chip-stock{background:#D2C1B0;color:var(--on-secondary-ctr)}
.chip-sku{background:var(--surface-mid);color:var(--on-surface-var)}
.stars{display:flex;color:var(--surface-tint)}
.size-btn{padding:8px 16px;border:1px solid var(--outline-var);border-radius:var(--radius);cursor:pointer;background:none;font-size:16px;transition:all .3s}
.size-btn.active,.size-btn:hover{border-color:var(--primary);color:var(--primary);border-width:2px;font-weight:500}
.meta-item{display:flex;align-items:center;gap:12px;color:var(--on-surface-var)}
.meta-item .material-symbols-outlined{color:var(--surface-tint)}

/* 404 PAGE */
.page-404{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--section-gap) var(--ctr-pad);position:relative;overflow:hidden}
.page-404-bg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0.3;pointer-events:none}
.page-404-bg div{width:800px;height:800px;background:var(--primary-fixed);border-radius:50%;filter:blur(120px)}
.page-404-nums{display:flex;align-items:center;gap:32px;margin-bottom:48px}
.page-404-nums span{font-family:var(--font-serif);font-size:144px;color:var(--primary-ctr);letter-spacing:-0.05em}
.page-404-img{width:192px;height:192px;border-radius:50%;overflow:hidden;box-shadow:var(--shadow-hover)}
.page-404-img img{width:100%;height:100%;object-fit:cover}
.floating-btns{position:fixed;left:24px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:16px;z-index:50}
.floating-btn{width:48px;height:48px;border-radius:50%;background:var(--surface-high);border:1px solid var(--outline-var);display:flex;align-items:center;justify-content:center;color:var(--primary-ctr);cursor:pointer;transition:all .3s}
.floating-btn:hover{background:var(--surface-var)}

/* FOOTER */
.glower-footer{background:var(--surface-low);padding:64px 0 0;border-top:1px solid var(--surface-var);margin-top:48px;color:var(--on-surface-var)}
.footer-brand{font-family:var(--font-serif);font-size:1.8rem;font-weight:700;color:var(--primary);text-decoration:none;display:flex;align-items:center;gap:8px}
.footer-brand:hover{opacity:0.8;color:var(--primary)}
.footer-desc{font-size:16px;line-height:1.6;max-width:360px}
.footer-heading{font-size:14px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--on-surface);margin-bottom:16px}
.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
.footer-links a{color:var(--on-surface-var);text-decoration:none;transition:color .3s;font-size:18px}
.footer-links a:hover{color:var(--primary-ctr)}
.newsletter-form{display:flex;flex-direction:column;gap:12px}
.newsletter-form input{background:var(--surface);border:none;border-bottom:1px solid var(--outline-var);padding:8px 0;font-size:14px;outline:none;transition:border-color .3s;font-family:var(--font-sans)}
.newsletter-form input:focus{border-color:var(--primary-ctr)}
.newsletter-form button{background:none;border:none;color:var(--primary);font-size:12px;font-weight:600;letter-spacing:0.1em;cursor:pointer;display:flex;align-items:center;gap:8px;padding:8px 0;transition:color .3s;text-transform:uppercase}
.newsletter-form button:hover{color:var(--primary-ctr)}
.footer-bottom{padding:32px 0;border-top:1px solid var(--surface-var);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;font-size:12px;font-weight:600;letter-spacing:0.1em}
.footer-social{display:flex;gap:24px}
.footer-social a{color:var(--outline);text-decoration:none;transition:all .3s;font-weight:600;letter-spacing:0.1em}
.footer-social a:hover{color:var(--primary-ctr);transform:scale(1.1)}

/* CHECKOUT */
.checkout-form label{display:block;font-size:12px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--on-surface);margin-bottom:8px}
.checkout-form input,.checkout-form select,.checkout-form textarea{width:100%;padding:12px 16px;border:1px solid var(--outline-var);border-radius:var(--radius-md);font-size:16px;font-family:var(--font-sans);outline:none;transition:all .3s;background:#fff}
.checkout-form input:focus,.checkout-form select:focus{border-color:var(--primary-ctr);box-shadow:0 0 0 3px rgba(45,74,45,0.1)}
.payment-option{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #e8e8e5;border-radius:10px;cursor:pointer;transition:all .3s;font-size:14px;font-weight:500}
.payment-option:hover{border-color:#c8e6c9}
.payment-option.active{border-color:var(--primary-ctr);background:#f5f9f5;font-weight:600;box-shadow:0 4px 12px rgba(45,74,45,0.06)}
.payment-option input[type="radio"]{accent-color:var(--primary-ctr);width:16px;height:16px;cursor:pointer}

/* RESPONSIVE */
@media(max-width:991px){
h1{font-size:42px}
.hero-section{min-height:auto;padding:40px 0}
.hero-arch{width:300px;height:400px}
.banner-section{height:400px}
}
@media(max-width:767px){
h1{font-size:32px}
h2{font-size:28px}
.hero-arch{width:100%;height:350px;border-radius:24px}
.hero-badge{display:none}
.hero-vertical{display:none}
.hero-product-card{width:100%}
.banner-section{height:300px}
.cart-totals{position:static}
.floating-btns{display:none}
.glower-navbar .navbar-brand{font-size:1.4rem;gap:4px}
.nav-actions{gap:4px !important}
.lang-toggle{font-size:10px;padding:3px 8px}
}

/* Mobile Menu Actions */
.mobile-menu-actions{display:flex;gap:12px;padding:16px 0 8px;border-top:1px solid var(--surface-var);margin-top:8px}
.mobile-menu-action{display:flex;align-items:center;gap:8px;color:var(--primary-ctr);text-decoration:none;font-family:var(--font-sans);font-size:14px;font-weight:500;padding:8px 16px;background:var(--surface-high);border-radius:var(--radius-md);transition:all .3s;flex:1;justify-content:center}
.mobile-menu-action:hover{background:var(--primary-ctr);color:#fff}

/* Performance: content-visibility for below-fold sections */
.categories-section,.banner-section,.marquee-section,.glower-footer{content-visibility:auto;contain-intrinsic-size:auto 400px}

/* Password toggle */
.password-wrapper{position:relative}
.password-wrapper .input-field{padding-right:48px}
.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#8E7D64;padding:4px;display:flex;align-items:center;transition:color .3s}
.password-toggle:hover{color:var(--primary-ctr)}


/* Search Overlay */
.search-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.98); z-index: 1000; transition: opacity 0.3s; }

/* Inline Search */
.nav-search-form { display: flex; align-items: center; position: relative; }
.nav-search-input { width: 0; opacity: 0; padding: 0; border: none; border-bottom: 1px solid var(--primary-ctr); background: transparent; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); outline: none; font-size: 0.9rem; color: var(--on-surface); }
.nav-search-form.active .nav-search-input { width: 160px; opacity: 1; padding: 4px 8px; margin: 0 8px; }
[dir="rtl"] .nav-search-form.active .nav-search-input { margin: 0 0 0 8px; }
[dir="ltr"] .nav-search-form.active .nav-search-input { margin: 0 8px 0 0; }
/* RTL Overrides for Arabic */

[dir="rtl"] body { font-size: 16px; }

[dir="rtl"] .product-card-info h3 { font-size: 20px; line-height: 1.5; }

[dir="rtl"] .nav-links{flex-direction:row-reverse}

[dir="rtl"] .nav-actions{flex-direction:row-reverse}

[dir="rtl"] .hero-badge{left:auto;right:-32px}

[dir="rtl"] .hero-vertical{right:auto;left:0;transform:translateY(-50%) rotate(-90deg);transform-origin:left center}

[dir="rtl"] .product-badge{left:auto;right:16px}

[dir="rtl"] .product-card-cart{right:auto;left:16px}

[dir="rtl"] .shop-card-badge{left:auto;right:16px}

[dir="rtl"] .cart-item-info{flex-direction:row-reverse}

[dir="rtl"] .footer-bottom{flex-direction:row-reverse}

[dir="rtl"] .footer-social{flex-direction:row-reverse}

[dir="rtl"] .newsletter-form button{flex-direction:row-reverse}

[dir="rtl"] .breadcrumb{direction:rtl}

[dir="rtl"] .price-old{margin-right:0;margin-left:8px}

[dir="rtl"] .meta-item{flex-direction:row-reverse}

[dir="rtl"] .floating-btns{left:auto;right:24px}

[dir="rtl"] .gallery-action{right:auto;left:16px}

[dir="rtl"] .product-gallery-badge{left:auto;right:16px}

[dir="rtl"] .cart-remove{margin-right:0;margin-left:12px}

[dir="rtl"] .mobile-menu{text-align:right}

[dir="rtl"] .footer-desc{text-align:right}

[dir="rtl"] .coupon-bar{flex-direction:row-reverse}

/* Hero Section Arabic Font Size Adjustments */

[dir="rtl"] .hero-section h1 { font-size: 56px; line-height: 1.4; }

[dir="rtl"] .hero-section p.body-md { font-size: 20px; line-height: 1.8; }



@media(max-width:991px){

    [dir="rtl"] .hero-section h1 { font-size: 42px; }

}

@media(max-width:767px){

    [dir="rtl"] .hero-section h1 { font-size: 32px; }

    [dir="rtl"] .hero-section p.body-md { font-size: 18px; }

}