:root{--black:#111111;--black-light:#1a1a1a;--black-lighter:#2a2a2a;--white:#ffffff;--white-off:#f9f9f9;--white-dark:#e0e0e0;--gray:#777777;--gray-light:#aaaaaa;--accent:var(--theme-primary,#c9a84c);--accent-light:#d4af6a;--accent-dark:#9a7a2a;--accent-gradient:linear-gradient(135deg,var(--theme-primary,var(--accent)) 0%,var(--accent-light) 50%,var(--theme-primary,var(--accent)) 100%);--danger:#c0392b;--success:#15803d;--warning:#b45309;--shadow-sm:0 2px 8px rgba(0,0,0,0.10);--shadow-md:0 4px 20px rgba(0,0,0,0.18);--shadow-lg:0 8px 40px rgba(0,0,0,0.25);--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:30px;--transition:color 0.15s ease,background-color 0.15s ease,border-color 0.15s ease,transform 0.15s cubic-bezier(0.2,0,0,1),opacity 0.15s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'Cairo',sans-serif;color:var(--theme-text,var(--black));line-height:1.7;min-height:100vh;overflow-x:hidden;transition:background-color 0.3s,color 0.3s}.main-header{background:var(--theme-nav-bg,#FFFFFF);border-bottom:1px solid var(--theme-card-border,#e5e5e5)}.hero{background:transparent}.section{background:transparent}.section[style*="background:var(--white)"]{background:rgba(255,255,255,0.95) !important}.page-header{background:var(--theme-nav-bg,var(--black)) !important}.main-footer{background:var(--theme-footer-bg,var(--black-light)) !important;border-top:1px solid var(--theme-card-border,var(--black-lighter))}input[type="text"],input[type="email"],input[type="tel"],input[type="number"],input[type="password"],input[type="search"],textarea,select{color:var(--black) !important;background:var(--white) !important;border-color:var(--white-dark) !important}input[type="text"]::placeholder,input[type="email"]::placeholder,input[type="tel"]::placeholder,input[type="number"]::placeholder,input[type="password"]::placeholder,input[type="search"]::placeholder,textarea::placeholder{color:var(--gray) !important}input[type="text"]:focus,input[type="email"]:focus,input[type="tel"]:focus,input[type="number"]:focus,input[type="password"]:focus,input[type="search"]:focus,textarea:focus,select:focus{border-color:var(--black) !important;outline:none}.search-box{display:flex;align-items:center;gap:10px;flex:1 1 260px;max-width:420px;min-width:0;padding:0 12px;border:1px solid var(--theme-card-border,#e5e5e5);border-radius:var(--radius-md,10px)}.search-box:focus-within{border-color:var(--theme-primary,#111111)}.search-box input{flex:1;min-width:0;border:0 !important;padding:11px 0;font-family:inherit;font-size:15px}.search-box input:focus{border-color:inherit !important}.search-box input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.search-box svg{color:#777777 !important}.search-box-icon{width:18px;height:18px;flex-shrink:0}.search-box-clear{flex:none;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-size:18px;line-height:1;color:var(--theme-text,#111111);background:var(--theme-card-bg,#eeeeee)}.search-box-clear:hover{background:var(--theme-card-border,#dddddd)}.results-count{flex:none;font-size:14px;white-space:nowrap;color:var(--theme-text,#111111);opacity:0.7}@media (max-width:640px){.search-box{flex-basis:100%;max-width:none}}.filter-select{color:var(--black) !important;background:var(--white-dark) !important;border-color:var(--white-dark) !important}body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 15% 20%,rgba(0,0,0,0.04) 0%,transparent 50%),radial-gradient(ellipse at 85% 80%,rgba(0,0,0,0.04) 0%,transparent 50%),radial-gradient(ellipse at 80% 10%,rgba(0,0,0,0.03) 0%,transparent 40%);pointer-events:none;z-index:-1}a{text-decoration:none;color:inherit}ul{list-style:none}img{max-width:100%;height:auto;display:block}.container{max-width:1200px;margin:0 auto;padding:0 20px}.main-header{position:sticky;top:0;z-index:1000;background:var(--theme-nav-bg,#FFFFFF);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,0.06);transition:var(--transition)}.header-container{max-width:1200px;margin:0 auto;padding:15px 20px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:28px;font-weight:800;display:flex;align-items:center;gap:2px}.logo-img{height:156px;width:auto;background:transparent}.nav-tagline{display:block;font-size:12px;font-weight:600;letter-spacing:0.05em;color:var(--muted,#888);margin-top:4px;max-width:220px;line-height:1.3;text-align:start}@media (max-width:720px){.nav-tagline{font-size:11px;max-width:160px}}.logo-text{color:#ffffff}.logo-red{background:linear-gradient(135deg,#ffffff 0%,#aaaaaa 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.main-nav{display:flex;gap:40px}.nav-link{font-weight:600;font-size:15px;color:#ffffff;position:relative;padding:5px 0;transition:var(--transition)}.nav-link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(135deg,#ffffff 0%,#aaaaaa 100%);transition:var(--transition)}.nav-link:hover{color:#ffffff}.nav-link:hover::after{width:100%}.header-actions{display:flex;align-items:center;gap:15px}:root[data-theme="dark"] .mobile-nav{background:var(--theme-card-bg,#1a1a1a);border-bottom:1px solid var(--theme-card-border,#2a2a2a);box-shadow:0 4px 12px rgba(0,0,0,0.5)}:root[data-theme="dark"] .mobile-nav-link{color:var(--theme-card-text,#e0e0e0);border-bottom:1px solid var(--theme-card-border,#2a2a2a)}.cart-icon{position:relative;padding:8px;border-radius:var(--radius-md);background:rgba(255,255,255,0.1);color:#ffffff;transition:var(--transition)}.cart-icon:hover{background:#ffffff;color:#111111}.cart-icon:hover .cod-badge{background:var(--black);color:var(--white)}.cod-badge{position:absolute;top:-5px;left:-5px;background:#111111;color:#ffffff;font-size:9px;font-weight:700;padding:3px 6px;border-radius:20px;transition:var(--transition)}.mobile-menu-btn{display:none;flex-direction:column;gap:5px;padding:8px;background:none;border:none;cursor:pointer;color:var(--theme-bg,#faf6f0)}.mobile-menu-btn span{width:25px;height:2px;background:currentColor;transition:var(--transition)}.mobile-menu-btn span:hover,.mobile-menu-btn span:focus,.mobile-menu-btn span:active{background:currentColor}.mobile-menu-btn:hover span,.mobile-menu-btn:focus span,.mobile-menu-btn:active span{background:currentColor}.mobile-nav{display:none;position:fixed;top:134px;left:0;right:0;background:#FFFFFF;padding:20px;border-bottom:1px solid rgba(255,255,255,0.06);box-shadow:0 4px 12px rgba(0,0,0,0.08);z-index:999;transform:translateY(-100%);opacity:0;transition:var(--transition)}.mobile-nav.active{transform:translateY(0);opacity:1}.mobile-nav-link{display:block;padding:15px;font-weight:600;color:#1a1a1a;border-bottom:1px solid rgba(255,255,255,0.06)}.main-content{min-height:calc(100vh - 200px)}.hero{position:relative;padding:90px 0 70px;overflow:hidden;background:transparent;isolation:isolate}.hero-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.06);z-index:-1}.hero::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(0,0,0,0.04) 0%,transparent 70%);animation:float 8s ease-in-out infinite}.hero::after{content:'';position:absolute;bottom:-30%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(0,0,0,0.03) 0%,transparent 70%);animation:float 10s ease-in-out infinite reverse}@keyframes float{0%,100%{transform:translate(0,0)}50%{transform:translate(30px,-30px)}}.hero-container{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:1}.hero-content{max-width:700px;margin:0 auto;text-align:center}.hero-title{font-size:clamp(36px,6vw,64px);font-weight:900;line-height:1.2;margin-bottom:20px;color:var(--theme-text,var(--black));animation:slideUp 0.8s ease-out}.hero-title .highlight{color:var(--theme-btn-bg,var(--theme-primary,var(--black)))}@keyframes shimmer{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes slideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-subtitle{font-size:18px;color:var(--theme-text,var(--black));margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto;animation:slideUp 0.8s ease-out 0.2s backwards}.hero-cta{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--theme-primary,#111111) 0%,var(--theme-accent,#444444) 100%);color:#ffffff;font-weight:700;font-size:16px;padding:16px 40px;border-radius:var(--radius-xl);transition:var(--transition);animation:slideUp 0.8s ease-out 0.4s backwards;box-shadow:var(--shadow-red)}.hero-cta:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(0,0,0,0.4)}.hero-cta svg{transition:var(--transition)}.hero-cta:hover svg{transform:translateX(5px)}.hero-fade{position:absolute;left:0;right:0;bottom:0;height:120px;background:transparent;pointer-events:none;z-index:0}.section{padding:80px 0}.section-header{text-align:center;margin-block-end:50px}.section-title{font-size:clamp(28px,4vw,40px);font-weight:800;margin-bottom:15px;position:relative;display:inline-block;color:var(--black);letter-spacing:-0.01em}.section-title::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(135deg,var(--theme-primary,#111111) 0%,var(--theme-accent,#555555) 100%);border-radius:2px}.section-categories{background:transparent}.categories-section{position:relative;overflow:hidden;isolation:isolate}.categories-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.categories-section::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(0,0,0,0.04) 0%,transparent 70%);animation:float 8s ease-in-out infinite;z-index:-1}.categories-section::after{content:'';position:absolute;bottom:-30%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(0,0,0,0.03) 0%,transparent 70%);animation:float 10s ease-in-out infinite reverse;z-index:-1}.scroll-wrapper{position:relative}.categories-scroll{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-block:12px 28px;padding-inline:56px 56px;gap:16px;scroll-snap-type:x proximity;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 64px,#000 calc(100% - 64px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 64px,#000 calc(100% - 64px),transparent 100%)}.categories-scroll::-webkit-scrollbar{display:none}.category-card{flex:0 0 auto;width:180px;display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;color:#2d2a26;background:transparent;border-radius:0;padding:4px 4px 10px;box-shadow:none;border:0;transition-property:transform,opacity;transition-duration:200ms;transition-timing-function:cubic-bezier(0.2,0,0,1);scroll-snap-align:start}.category-card:hover,.category-card:focus-visible{transform:translateY(-2px);color:#2d2a26}.category-card:active{transform:scale(0.98);transition-duration:100ms}.category-card .category-name{margin-top:14px;font-size:16px;font-weight:400;color:#2d2a26;line-height:1.35;font-family:var(--theme-font-heading);letter-spacing:0.01em}.category-card .category-image{width:150px;height:150px;border-radius:50%;overflow:hidden;background:#2a2a2a;box-shadow:0 6px 18px rgba(120,80,30,0.12);transition:transform 0.3s cubic-bezier(0.2,0,0,1),box-shadow 0.3s ease}.category-card:hover .category-image{transform:scale(1.04);box-shadow:0 10px 24px rgba(120,80,30,0.20)}.category-card .category-image img{width:100%;height:100%;object-fit:cover;display:block}.category-image{width:86px;height:86px;border-radius:50%;overflow:hidden;background:var(--gray-light);margin-block-end:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.category-image img{width:100%;height:100%;object-fit:cover;display:block;outline:1px solid oklch(0 0 0 / 0.1);outline-offset:-1px}@media (prefers-color-scheme:dark){.category-image img{outline-color:oklch(1 0 0 / 0.1)}}.category-name{font-size:14px;font-weight:700;line-height:1.3;overflow-wrap:anywhere}@media (prefers-reduced-motion:reduce){.category-card,.category-card:active,.category-card:hover,.category-card:focus-visible{transform:none !important;transition-duration:0ms}}@media (min-width:480px){.category-card{width:200px;padding:4px 4px 10px}.category-card .category-image{width:170px;height:170px}.category-name{font-size:17px}}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px}.product-card{background:rgba(255,255,255,0.95);backdrop-filter:blur(6px);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition);animation:fadeIn 0.6s ease-out backwards;border:1px solid rgba(0,0,0,0.08);display:flex;flex-direction:column}.product-card:nth-child(1){animation-delay:0.1s}.product-card:nth-child(2){animation-delay:0.2s}.product-card:nth-child(3){animation-delay:0.3s}.product-card:nth-child(4){animation-delay:0.4s}.product-card:nth-child(5){animation-delay:0.5s}.product-card:nth-child(6){animation-delay:0.6s}.product-card:nth-child(7){animation-delay:0.7s}.product-card:nth-child(8){animation-delay:0.8s}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.product-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-lg);border-color:rgba(0,0,0,0.2)}.product-image{position:relative;aspect-ratio:9 / 16;overflow:hidden;background:var(--white-dark)}.product-image img{width:100%;height:100%;object-fit:contain;transition:var(--transition)}.product-image::before{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.5) 0%,transparent 50%);opacity:0;transition:var(--transition);z-index:1}.product-card:hover .product-image::before{opacity:1}.product-info{padding:20px;display:flex;flex-direction:column;flex:1}.product-name{font-size:18px;font-weight:700;margin-bottom:10px;color:var(--black);transition:var(--transition)}.product-card:hover .product-name{color:#333333}.product-price{font-size:22px;font-weight:800;color:var(--black);margin-bottom:15px}.product-price span{font-size:14px;font-weight:500;color:var(--gray)}.product-price .price-old,.price-old{display:inline-block;margin-inline-start:8px;font-size:15px;font-weight:600;color:var(--gray);text-decoration:line-through;text-decoration-thickness:2px;opacity:0.75}.discount-badge{position:absolute;top:10px;inset-inline-start:10px;z-index:2;padding:4px 10px;border-radius:999px;background:#e11d48;color:#fff;font-size:13px;font-weight:800;line-height:1.4;letter-spacing:0.3px;box-shadow:0 2px 8px rgba(0,0,0,0.18)}.product-detail-price-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:20px}.product-detail-price-row .product-detail-price{margin-bottom:0}.price-old-lg{font-size:20px;margin-inline-start:0}.discount-badge-inline{position:static;font-size:14px;padding:5px 12px}.product-btn{display:block;width:100%;background:var(--black);color:#ffffff;text-align:center;padding:14px;border-radius:var(--radius-md);font-weight:700;white-space:nowrap;margin-top:auto;transition:var(--transition)}.product-btn:hover{background:#333333;color:#ffffff}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.category-card{background:var(--theme-card-bg,rgba(255,255,255,0.95));color:var(--theme-card-text,var(--black));backdrop-filter:blur(6px);border-radius:var(--radius-lg);padding:32px 24px;text-align:center;box-shadow:var(--shadow-sm);border:2px solid var(--theme-card-border,transparent);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;cursor:pointer}.category-card:hover{border-color:var(--theme-primary,var(--black));transform:translateY(-6px);box-shadow:var(--shadow-md)}.category-card:hover .category-icon{transform:scale(1.05);box-shadow:0 8px 20px rgba(0,0,0,0.18)}.category-icon{width:64px;height:64px;margin:0 auto 18px;background:linear-gradient(135deg,var(--theme-primary,#111111) 0%,var(--theme-accent,#444444) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--theme-btn-text,#ffffff);transition:transform .2s ease,box-shadow .2s ease}.category-icon svg{width:30px;height:30px;color:inherit}.category-name{font-size:18px;font-weight:700;color:var(--theme-card-text,var(--black))}.features{background:var(--theme-footer-bg) !important;color:var(--theme-footer-text);padding:80px 0;position:relative;overflow:hidden;font-family:var(--theme-font-body,'Cairo',sans-serif)}.features::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--theme-footer-heading),var(--theme-footer-text),transparent)}.features-grid{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:24px;padding-block:12px 28px;padding-inline:56px 56px;scroll-snap-type:x proximity;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 64px,#000 calc(100% - 64px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 64px,#000 calc(100% - 64px),transparent 100%)}.features-grid::-webkit-scrollbar{display:none}.feature-item{flex:0 0 auto;width:300px;text-align:center;padding:32px 24px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);border-radius:var(--radius-lg);scroll-snap-align:start;transition:transform 0.25s ease,background 0.25s ease,border-color 0.25s ease}.feature-item:hover{transform:translateY(-4px);background:rgba(255,255,255,0.10);border-color:rgba(255,255,255,0.22)}.feature-icon{width:80px;height:80px;margin:0 auto 20px;background:var(--theme-primary-300,rgba(255,255,255,0.08));border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--theme-primary-400,rgba(255,255,255,0.4));transition:var(--transition);box-shadow:0 4px 16px rgba(0,0,0,0.25)}.feature-item:hover .feature-icon{background:var(--theme-primary-500,linear-gradient(135deg,var(--theme-primary-300),var(--theme-primary-500)));transform:rotate(10deg);border-color:var(--theme-primary-200);box-shadow:0 8px 24px rgba(0,0,0,0.35)}.feature-icon svg{width:36px;height:36px;color:var(--theme-btn-text,var(--black));transition:var(--transition)}.feature-item:hover .feature-icon svg{color:#ffffff}.feature-title{font-size:20px;font-weight:var(--theme-font-weight-bold,700);color:var(--theme-footer-heading) !important;font-family:var(--theme-font-heading,'Cairo',sans-serif);letter-spacing:var(--theme-font-letter-spacing-heading,0.02em);margin-bottom:10px}.features .feature-title{color:var(--theme-footer-heading) !important}.features .feature-desc{color:var(--theme-footer-text) !important}.features .section-title{color:#ffffff !important}.features .section-title::after{background:linear-gradient(135deg,#ffffff 0%,rgba(255,255,255,0.55) 100%)}.features .section-subtitle{color:#ffffff !important;opacity:0.85}.feature-desc{font-size:14px;color:var(--theme-footer-text) !important;font-family:var(--theme-font-body,'Cairo',sans-serif);line-height:var(--theme-font-line-height-body,1.6)}.main-footer{background:var(--theme-footer-bg) !important;color:var(--theme-footer-text);padding:60px 0 20px;border-top:1px solid var(--theme-footer-border,var(--black-lighter));font-family:var(--theme-font-body,'Cairo',sans-serif)}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px}.footer-title{font-size:24px;font-weight:800;color:#e0e0e0;margin-bottom:20px}.footer-title .logo-red{background:linear-gradient(135deg,#ffffff 0%,#aaaaaa 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-desc{font-size:14px;color:var(--gray);line-height:1.8}.footer-subtitle{font-size:18px;font-weight:700;color:#e0e0e0;margin-bottom:20px}.footer-links li{margin-bottom:12px;color:var(--gray);font-size:14px}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid var(--black-lighter)}.footer-bottom p{font-size:14px;color:var(--gray)}.page-header{background:var(--black) !important;padding:60px 0;position:relative;overflow:hidden}.page-header::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 80% 20%,rgba(255,255,255,0.05) 0%,transparent 40%),radial-gradient(circle at 20% 80%,rgba(255,255,255,0.04) 0%,transparent 40%)}.page-header-content{position:relative;z-index:1}.page-title{font-size:clamp(32px,5vw,48px);font-weight:800;color:#e0e0e0;margin-bottom:10px}.page-subtitle{font-size:16px;color:var(--gray)}.products-section{padding:60px 0}.products-layout{display:grid;grid-template-columns:1fr;gap:28px;align-items:start}@media (min-width:992px){.products-layout{grid-template-columns:288px 1fr;gap:32px}}.filter-sidebar{background:var(--theme-card-bg);border:1px solid var(--theme-card-border);border-radius:16px;padding:20px 22px 22px;color:var(--theme-text);box-shadow:0 1px 0 color-mix(in srgb,var(--theme-text) 4%,transparent) inset}.filter-sidebar-head{display:flex;flex-direction:column;gap:4px;padding-bottom:14px;margin-bottom:18px;border-bottom:1px solid var(--theme-card-border)}.filter-eyebrow{font-size:11px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--theme-accent)}.filter-sidebar-title{font-size:16px;font-weight:700;color:var(--theme-text);margin:0;line-height:1.3}.filter-toggle-btn{display:none;align-items:center;gap:10px;width:100%;padding:11px 16px;margin-bottom:12px;background:var(--theme-card-bg);color:var(--theme-accent);border:1.5px solid var(--theme-accent);border-radius:var(--radius-md,12px);font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;min-height:44px;transition:background-color 0.15s ease,color 0.15s ease,box-shadow 0.15s ease,transform 0.15s cubic-bezier(0.2,0,0,1)}.filter-toggle-btn:hover{background:color-mix(in srgb,var(--theme-accent) 14%,transparent);color:var(--theme-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-accent) 18%,transparent)}.filter-toggle-btn:active{transform:translateY(1px)}.filter-toggle-btn:focus-visible{outline:2px solid var(--theme-accent);outline-offset:2px}.filter-toggle-icon{width:18px;height:18px;flex-shrink:0}.filter-toggle-label{line-height:1}.filter-toggle-count{margin-inline-start:auto;width:28px;height:28px;border-radius:50%;background:var(--theme-primary);color:var(--theme-btn-text,#ffffff);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform 0.3s ease,background 0.25s ease}.filter-toggle-count svg{width:14px;height:14px}.filter-toggle-btn:has(+ .filter-sidebar.open) .filter-toggle-count{transform:rotate(180deg)}.filter-form{display:flex;flex-direction:column;gap:22px}.filter-group{border:0;padding:0;margin:0;min-width:0;display:flex;flex-direction:column;gap:10px}.filter-label{font-size:11px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:color-mix(in srgb,var(--theme-text) 78%,transparent);padding:0}.filter-option-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.filter-option{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:10px;cursor:pointer;user-select:none;font-size:14px;font-weight:500;color:var(--theme-text);transition:background-color 0.15s ease}.filter-option:hover{background:color-mix(in srgb,var(--theme-accent) 12%,transparent)}.filter-option-input{position:absolute;opacity:0;pointer-events:none;width:0;height:0;margin:0}.filter-option-box{width:18px;height:18px;border:1.5px solid color-mix(in srgb,var(--theme-text) 28%,transparent);border-radius:5px;background:transparent;flex-shrink:0;position:relative;transition:border-color 0.15s ease,background-color 0.15s ease}.filter-option-input:checked + .filter-option-box{background:var(--theme-primary);border-color:var(--theme-primary)}.filter-option-input:checked + .filter-option-box::after{content:'';position:absolute;inset-inline-start:4px;top:1px;width:5px;height:9px;border:solid var(--theme-btn-text,#ffffff);border-width:0 2px 2px 0;transform:rotate(45deg)}.filter-option-input:focus-visible + .filter-option-box{outline:2px solid var(--theme-accent);outline-offset:2px}.filter-option:has(.filter-option-input:checked) .filter-option-text{font-weight:700}.filter-size-grid{display:flex;flex-wrap:wrap;gap:6px}.filter-pill{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:32px;padding:0 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--theme-text) 22%,transparent);background:transparent;color:var(--theme-text);cursor:pointer;user-select:none;transition:background-color 0.15s ease,border-color 0.15s ease,color 0.15s ease}.filter-pill:hover{border-color:var(--theme-accent);color:var(--theme-accent)}.filter-pill:has(.filter-option-input:checked){background:var(--theme-primary);border-color:var(--theme-primary);color:var(--theme-btn-text,#ffffff)}.filter-pill:has(.filter-option-input:focus-visible){outline:2px solid var(--theme-accent);outline-offset:2px}.filter-pill-text{font-size:13px;font-weight:600;line-height:1}.filter-select-wrap{position:relative}.filter-select{width:100%;padding:11px 36px 11px 14px;border:1px solid color-mix(in srgb,var(--theme-text) 22%,transparent);border-radius:10px;background:transparent;color:var(--theme-text);font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;transition:border-color 0.15s ease,box-shadow 0.15s ease}.filter-select:hover{border-color:color-mix(in srgb,var(--theme-text) 40%,transparent)}.filter-select:focus{outline:none;border-color:var(--theme-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-accent) 22%,transparent)}.filter-select-chevron{position:absolute;top:50%;inset-inline-end:14px;width:12px;height:12px;transform:translateY(-50%);color:var(--theme-text);pointer-events:none;opacity:0.6}.filter-apply{width:100%;height:44px;padding:0 20px;border:0;border-radius:12px;background:var(--theme-btn-bg);color:var(--theme-btn-text);font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;transition:background-color 0.15s ease,transform 0.15s cubic-bezier(0.2,0,0,1),box-shadow 0.15s ease}.filter-apply:hover{background:var(--theme-btn-hover-bg);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-btn-bg) 25%,transparent)}.filter-apply:active{transform:translateY(1px)}.filter-apply:focus-visible{outline:2px solid var(--theme-accent);outline-offset:2px}.products-main{display:flex;flex-direction:column;gap:0;min-width:0}.products-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding:14px;margin-bottom:24px;background:var(--theme-card-bg);border:1px solid var(--theme-card-border);border-radius:16px}.toolbar-search{flex:1;min-width:240px;display:flex;align-items:center;gap:10px;padding:0 14px;height:44px;background:color-mix(in srgb,var(--theme-bg) 60%,var(--theme-card-bg) 40%);border:1px solid transparent;border-radius:999px;transition:background-color 0.15s ease,border-color 0.15s ease,box-shadow 0.15s ease}.toolbar-search:hover{background:color-mix(in srgb,var(--theme-bg) 40%,var(--theme-card-bg) 60%)}.toolbar-search:focus-within{background:var(--theme-card-bg);border-color:var(--theme-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-accent) 22%,transparent)}.toolbar-search-icon{width:18px;height:18px;flex-shrink:0;color:var(--theme-text);opacity:0.55}.toolbar-search:focus-within .toolbar-search-icon{opacity:1;color:var(--theme-accent)}.toolbar-search input{flex:1;min-width:0;height:100%;border:0;background:transparent;color:var(--theme-text);font-family:inherit;font-size:14px;font-weight:500;padding:0}.toolbar-search input:focus{outline:none}.toolbar-search input::placeholder{color:var(--theme-text);opacity:0.45;font-weight:400}.toolbar-search input::-webkit-search-cancel-button,.toolbar-search input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.toolbar-search-clear{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:color-mix(in srgb,var(--theme-text) 14%,transparent);color:var(--theme-card-bg);cursor:pointer;padding:0;transition:background-color 0.15s ease}.toolbar-search-clear svg{width:10px;height:10px}.toolbar-search-clear:hover{background:var(--theme-text)}.toolbar-search-clear:focus-visible{outline:2px solid var(--theme-accent);outline-offset:1px}.products-result-count{font-size:14px;font-weight:600;color:var(--theme-text)}.filter-sort{flex-direction:row;gap:12px}.empty-state{background:var(--theme-card-bg);border:1px solid var(--theme-card-border);border-radius:16px;padding:60px 20px;text-align:center;color:var(--theme-text);font-size:15px}.products-count{font-size:14px;color:var(--gray);margin-bottom:20px}.pagination{display:flex;justify-content:center;gap:10px;margin-top:50px}.pagination-btn{width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.95);border:2px solid var(--white-dark);border-radius:var(--radius-md);font-weight:600;color:var(--black);transition:var(--transition)}.pagination-btn:hover,.pagination-btn.active{background:linear-gradient(135deg,var(--theme-primary,#111111) 0%,var(--theme-accent,#444444) 100%);border-color:transparent;color:#ffffff}.product-detail{padding:40px 0}.product-slider{position:relative;background:rgba(255,255,255,0.95);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);margin-bottom:40px;max-width:700px;margin-left:auto;margin-right:auto}.slider-container{position:relative;aspect-ratio:9 / 16;overflow:hidden;width:100%}.slider-slide{position:absolute;inset:0;opacity:0;transition:opacity 0.5s ease}.slider-slide.active{opacity:1}.slider-slide img{width:100%;height:100%;object-fit:contain}.slider-nav{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;background:rgba(255,255,255,0.9);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);z-index:10}.slider-nav:hover{background:linear-gradient(135deg,var(--theme-primary,#111111) 0%,var(--theme-accent,#444444) 100%);color:#ffffff}.slider-nav.prev{inset-inline-start:20px}.slider-nav.next{inset-inline-end:20px}.slider-dots{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:10px}.slider-dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,0.5);border:none;cursor:pointer;transition:var(--transition)}.slider-dot.active{background:#111111;transform:scale(1.2)}.product-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-bottom:60px}.product-detail-info h1{font-size:clamp(28px,4vw,36px);font-weight:800;margin-bottom:20px;line-height:1.3;color:var(--black)}.product-detail-price{font-size:36px;font-weight:800;color:var(--black);margin-bottom:20px}.product-detail-price span{font-size:18px;font-weight:500;color:var(--gray)}.product-detail-desc{font-size:16px;color:var(--gray);margin-bottom:30px;line-height:1.8}.product-options{margin-bottom:30px}.option-group{margin-bottom:25px}.option-label{display:block;font-size:14px;font-weight:700;margin-bottom:12px;color:var(--black)}.color-options{display:flex;gap:12px;flex-wrap:wrap}.color-btn{width:40px;height:40px;border-radius:50%;border:3px solid var(--white-dark);cursor:pointer;transition:var(--transition);position:relative}.color-btn.selected{border-color:#111111;box-shadow:0 0 0 3px rgba(0,0,0,0.2)}.color-btn::after{content:'✓';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#ffffff;font-size:16px;opacity:0;transition:var(--transition)}.color-btn.selected::after{opacity:1}.size-options{display:flex;gap:10px;flex-wrap:wrap}.size-btn{min-width:50px;padding:12px 20px;background:rgba(255,255,255,0.95);border:2px solid var(--white-dark);border-radius:var(--radius-md);font-weight:700;cursor:pointer;transition:var(--transition);color:var(--black)}.size-btn:hover{border-color:#111111}.size-btn.selected{background:linear-gradient(135deg,var(--theme-primary,#111111) 0%,var(--theme-accent,#444444) 100%);border-color:transparent;color:#ffffff}.bundle-options{display:flex;gap:12px;flex-wrap:wrap}.bundle-btn{flex:1;min-width:100px;padding:16px 20px;background:rgba(255,255,255,0.95);border:2px solid var(--white-dark);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);display:flex;flex-direction:column;align-items:center;gap:8px}.bundle-btn:hover{border-color:#111111;transform:translateY(-2px)}.bundle-btn.selected{background:linear-gradient(135deg,var(--theme-primary,#111111) 0%,var(--theme-accent,#444444) 100%);border-color:transparent;color:#ffffff}.bundle-pieces{font-size:16px;font-weight:700}.bundle-price{font-size:14px;font-weight:600;color:var(--gray)}.bundle-btn.selected .bundle-price{color:rgba(255,255,255,0.85)}.bundle-colors-section{margin-top:15px}.bundle-color-item{margin-bottom:15px;padding:12px;background:rgba(255,255,255,0.95);border-radius:var(--radius-md)}.piece-label{display:block;font-size:14px;font-weight:700;margin-bottom:10px;color:var(--black)}.bundle-item{background:rgba(255,255,255,0.95);border-radius:var(--radius-md);padding:15px;margin-bottom:15px;border:1px solid var(--white-dark)}.piece-header{margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--white-dark)}.piece-number{font-size:15px;font-weight:700;color:#111111}.piece-option{margin-bottom:12px}.piece-option:last-child{margin-bottom:0}.piece-option-label{display:block;font-size:13px;font-weight:600;margin-bottom:8px;color:var(--black)}.piece-colors{display:flex;gap:10px;flex-wrap:wrap}.piece-colors .color-btn{width:35px;height:35px}.piece-sizes{display:flex;gap:8px;flex-wrap:wrap}.piece-sizes .size-btn{min-width:40px;padding:8px 14px;font-size:13px}.order-form{--form-field-bg:color-mix(in srgb,var(--theme-card-text,#111111) 7%,var(--theme-card-bg,#ffffff));--form-field-border:color-mix(in srgb,var(--theme-card-text,#111111) 14%,transparent);--form-accent:color-mix(in srgb,var(--theme-primary,#111111) 65%,var(--theme-card-text,#111111));--form-muted:color-mix(in srgb,var(--theme-card-text,#111111) 62%,var(--theme-card-bg,#ffffff));background:var(--theme-card-bg,#ffffff);color:var(--theme-card-text,var(--black));border-radius:var(--radius-lg);padding:26px 22px 28px;box-shadow:0 12px 34px rgba(0,0,0,0.18);border:1px solid var(--theme-card-border,rgba(0,0,0,0.1))}.order-form h2{font-size:22px;font-weight:800;margin-bottom:22px;text-align:center;color:var(--theme-card-text,var(--black));background:none;-webkit-text-fill-color:currentColor}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:700;margin-bottom:8px;color:var(--black)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:14px 18px;border:2px solid var(--white-dark);border-radius:var(--radius-md);font-family:inherit;font-size:15px;transition:var(--transition);background:var(--white);color:var(--black)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#111111;box-shadow:0 0 0 3px rgba(0,0,0,0.08)}.form-group textarea{resize:vertical;min-height:100px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.radio-group{display:flex;gap:20px}.radio-label{display:flex;align-items:center;gap:10px;cursor:pointer}.radio-label input{width:auto;accent-color:#111111}.delivery-price-display,.total-price-display{background:var(--theme-card-bg,#ffffff);border:1px solid var(--theme-card-border,rgba(0,0,0,0.12));border-radius:var(--radius-md,12px);padding:16px 18px;margin-bottom:12px}.delivery-price-display p,.total-price-display p{margin:0 0 6px;font-size:14px;font-weight:600;color:color-mix(in srgb,var(--theme-text,#222) 65%,transparent)}.delivery-price-display .price,.total-price-display .price{display:block;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";font-weight:700;color:var(--theme-primary,#8b6f47)}.delivery-price-display .price{font-size:18px}.total-price-display{padding:20px 18px;margin-bottom:16px}.total-price-display .price{font-size:24px;font-weight:800}.receipt-summary{background:var(--theme-card-bg,#ffffff);border:1px solid var(--theme-card-border,rgba(0,0,0,0.12));border-radius:var(--radius-md,12px);padding:18px 20px;display:flex;flex-direction:column;gap:14px;margin-top:6px}.receipt-header{display:flex;align-items:center;justify-content:space-between;color:color-mix(in srgb,var(--theme-text,#222) 55%,transparent);font-size:12px;letter-spacing:0.06em;text-transform:uppercase;font-weight:600}.receipt-badge{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:color-mix(in srgb,var(--theme-primary,#8b6f47) 15%,transparent);color:var(--theme-primary,#8b6f47)}.receipt-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.receipt-label{font-size:14px;color:color-mix(in srgb,var(--theme-text,#222) 65%,transparent)}.receipt-value{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";font-size:15px;font-weight:600;color:var(--theme-text,#222)}.receipt-divider{height:1px;background:linear-gradient(to left,transparent,color-mix(in srgb,var(--theme-text,#222) 18%,transparent) 18%,color-mix(in srgb,var(--theme-text,#222) 18%,transparent) 82%,transparent)}.receipt-row-total .receipt-label{color:var(--theme-text,#222);font-size:15px;font-weight:600}.receipt-row-total .receipt-value{font-size:24px;font-weight:800;color:var(--theme-primary,#8b6f47)}.radio-group-horizontal{display:grid;grid-template-columns:1fr 1fr;gap:12px}.submit-btn{width:100%;background:linear-gradient(135deg,var(--theme-primary,#111111) 0%,var(--theme-accent,#444444) 100%);color:#ffffff;border:none;padding:18px;border-radius:var(--radius-md);font-family:inherit;font-size:18px;font-weight:700;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-red)}.submit-btn:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(0,0,0,0.35)}.submit-btn:disabled{opacity:0.6;cursor:not-allowed;transform:none}.form-message{padding:15px 20px;border-radius:var(--radius-md);margin-bottom:20px;font-weight:600;text-align:center}.form-message.success{background:rgba(39,174,96,0.1);color:var(--success);border:2px solid var(--success)}.form-message.error{background:rgba(192,57,43,0.1);color:var(--danger);border:2px solid var(--danger)}.cod-delivery-warning{margin-top:12px;padding:10px 14px;border-radius:var(--radius-md);background:rgba(180,83,9,0.08);color:var(--warning);border:1px solid rgba(180,83,9,0.45);font-size:13px;font-weight:600;line-height:1.55;text-align:start}.cod-delivery-warning[hidden]{display:none}.cod-delivery-warning::before{content:"⚠ ";font-weight:700}.order-form .form-group{margin-bottom:14px}.order-form .form-group label,.order-form .option-label{display:block;font-size:13px;font-weight:700;margin-bottom:7px}.order-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.order-form .form-group input,.order-form .form-group select,.order-form .form-group textarea{width:100%;padding:13px 15px;border:1px solid var(--form-field-border) !important;border-radius:var(--radius-md);background:var(--form-field-bg) !important;color:var(--theme-card-text,var(--black)) !important;font-family:inherit;font-size:15px;transition:border-color 0.15s ease,box-shadow 0.15s ease}.order-form .form-group input::placeholder,.order-form .form-group textarea::placeholder{color:var(--form-muted)}.order-form .form-group input:focus,.order-form .form-group select:focus,.order-form .form-group textarea:focus{outline:none;border-color:var(--form-accent) !important;box-shadow:0 0 0 3px color-mix(in srgb,var(--form-accent) 25%,transparent)}.order-form .form-group textarea{min-height:92px}.order-form .radio-group{display:grid;grid-template-columns:1fr 1fr;gap:12px}.order-form .radio-label{position:relative;display:flex;align-items:center;justify-content:center;min-height:58px;padding:12px 14px;border:2px solid var(--form-field-border);border-radius:var(--radius-md);background:var(--form-field-bg);color:var(--form-muted);font-size:17px;font-weight:700;cursor:pointer;transition:border-color 0.15s ease,color 0.15s ease,background 0.15s ease}.order-form .radio-label input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.order-form .radio-label:has(input:checked){border-color:var(--form-accent);color:var(--form-accent);background:color-mix(in srgb,var(--form-accent) 8%,var(--form-field-bg))}.order-form .radio-label:has(input:focus-visible){box-shadow:0 0 0 3px color-mix(in srgb,var(--form-accent) 30%,transparent)}.order-form .delivery-price-display,.order-form .total-price-display{background:var(--form-field-bg);border:1px solid var(--form-field-border);border-radius:var(--radius-md);margin-bottom:14px}.order-form .delivery-price-display{padding:16px 18px}.order-form .total-price-display{padding:20px 18px;text-align:center}.order-form .delivery-price-display p,.order-form .total-price-display p{font-size:14px;font-weight:600;margin:0 0 6px;color:var(--form-muted)}.order-form .delivery-price-display .price{display:block;font-size:20px;font-weight:800;color:var(--form-accent)}.order-form .total-price-display .price{display:block;font-size:30px;font-weight:800;color:var(--form-accent)}.order-form .submit-btn{width:100%;margin-top:4px;padding:16px;border:0;border-radius:var(--radius-md);font-size:17px;font-weight:800;box-shadow:none}@media (max-width:768px){.order-form .form-row{grid-template-columns:1fr 1fr;gap:10px}}@media (max-width:480px){.order-form{padding:20px 16px 22px}.order-form .radio-label{min-height:52px;font-size:16px}.order-form .total-price-display .price{font-size:26px}}.product-description{margin-bottom:60px}.product-description h2{font-size:28px;font-weight:800;margin-bottom:25px;padding-bottom:15px;border-bottom:3px solid var(--theme-primary,#111111);color:var(--theme-card-text,var(--black))}.product-description-content{background:var(--theme-card-bg,rgba(255,255,255,0.95));color:var(--theme-card-text,var(--black));backdrop-filter:blur(6px);padding:40px;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);line-height:1.9;border:1px solid var(--theme-card-border,rgba(0,0,0,0.07))}.product-description-content p{margin-bottom:15px;color:var(--theme-card-text,var(--black))}.product-description-content ul{margin:15px 0;padding-inline-start:25px}.product-description-content li{margin-bottom:10px;list-style:disc;color:var(--theme-card-text,var(--black))}.product-images-grid{margin-bottom:60px}.product-images-grid h2{font-size:28px;font-weight:800;margin-bottom:25px;color:var(--black)}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.images-grid img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition)}.images-grid img:hover{box-shadow:var(--shadow-md)}.section-subtitle{font-size:16px;color:var(--gray);margin-top:15px;max-width:600px;margin-right:auto;margin-left:auto;line-height:1.7}.faq-section{padding:60px 0 80px}.scroll-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:44px;height:44px;border-radius:50%;border:0;background:var(--theme-card-bg,#ffffff);color:var(--theme-card-text,#111111);box-shadow:0 6px 20px rgba(0,0,0,0.18),0 2px 4px rgba(0,0,0,0.10);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform 0.2s ease,box-shadow 0.2s ease,opacity 0.2s ease,background 0.2s ease;-webkit-tap-highlight-color:transparent}.scroll-btn svg{width:22px;height:22px}.scroll-btn:hover{transform:translateY(-50%) scale(1.08);box-shadow:0 10px 28px rgba(0,0,0,0.22),0 2px 6px rgba(0,0,0,0.12)}.scroll-btn:active{transform:translateY(-50%) scale(0.94)}.scroll-btn:focus-visible{outline:2px solid var(--theme-primary,#111111);outline-offset:3px}.scroll-btn[hidden]{display:none}.scroll-next{inset-inline-end:8px}.scroll-prev{inset-inline-start:8px}.features .scroll-btn{background:rgba(255,255,255,0.95)}.features .scroll-btn:hover{background:#ffffff}@media (hover:none) and (max-width:768px){.scroll-btn{display:none}}@media (min-width:1024px){.scroll-btn{width:48px;height:48px}.scroll-next{inset-inline-start:-8px}.scroll-prev{inset-inline-end:-8px}}.faq-list{max-width:850px;margin:0 auto;display:flex;flex-direction:column;gap:15px}.faq-item{background:var(--theme-card-bg,#ffffff);color:var(--theme-card-text,#111111);backdrop-filter:blur(8px) saturate(140%);-webkit-backdrop-filter:blur(8px) saturate(140%);border-radius:var(--radius-md);box-shadow:var(--shadow-sm,0 2px 8px rgba(0,0,0,0.10));overflow:hidden;transition:transform 0.2s cubic-bezier(0.2,0,0,1),box-shadow 0.2s ease;border:1px solid var(--theme-card-border,rgba(0,0,0,0.08));border-inline-start:4px solid var(--theme-primary,#111111)}.faq-item:hover{box-shadow:var(--shadow-md,0 4px 20px rgba(0,0,0,0.18));transform:translateY(-2px)}.faq-item[open]{box-shadow:var(--shadow-md,0 4px 20px rgba(0,0,0,0.18));border-inline-start-color:var(--theme-accent,#444444)}.faq-question{cursor:pointer;padding:22px 25px;font-size:17px;font-weight:700;color:var(--theme-card-text,#111111);list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px;transition:background-color 0.15s ease;user-select:none}.faq-question::-webkit-details-marker{display:none}.faq-question:hover{background:color-mix(in oklab,var(--theme-card-text,#111111) 5%,transparent)}.faq-question-text{flex:1;line-height:1.6}.faq-icon{flex-shrink:0;width:36px;height:36px;background:var(--theme-primary,#111111);color:var(--theme-btn-text,#ffffff);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background 0.25s ease,transform 0.3s ease}.faq-icon svg{transition:transform 0.3s ease}.faq-item[open] .faq-icon{background:linear-gradient(135deg,var(--theme-primary,#111111) 0%,var(--theme-accent,#444444) 100%);transform:rotate(180deg)}.faq-answer{padding:0 25px 22px 25px;color:var(--theme-card-text,#111111);font-size:15px;line-height:1.9;animation:faqSlideDown 0.35s ease}.faq-answer p{color:var(--theme-card-text,#111111);opacity:0.92}@keyframes faqSlideDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.reviews-section{padding:60px 0 80px}.reviews-grid{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:24px;margin:0 auto;padding-block:12px 28px;padding-inline:56px 56px;scroll-snap-type:x proximity;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 64px,#000 calc(100% - 64px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 64px,#000 calc(100% - 64px),transparent 100%)}.reviews-grid::-webkit-scrollbar{display:none}.review-card{flex:0 0 auto;width:360px;background:var(--theme-card-bg,#ffffff);color:var(--theme-card-text,#111111);backdrop-filter:blur(8px) saturate(140%);-webkit-backdrop-filter:blur(8px) saturate(140%);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-md,0 4px 20px rgba(0,0,0,0.12));border:1px solid var(--theme-card-border,rgba(0,0,0,0.08));display:flex;flex-direction:column;gap:18px;transition:transform 0.25s cubic-bezier(0.2,0,0,1),box-shadow 0.25s ease;position:relative;overflow:hidden;scroll-snap-align:start}.review-card::before{content:'"';position:absolute;top:-20px;inset-inline-start:15px;font-size:120px;font-weight:900;color:var(--theme-card-text,#111111);opacity:0.06;line-height:1;font-family:Georgia,serif;pointer-events:none}.review-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,0.25)}.review-stars{display:flex;gap:4px;font-size:20px;color:var(--theme-card-border,#e0e0e0)}.review-stars .star{color:inherit;transition:transform 0.15s ease,color 0.15s ease}.review-stars .star.filled{color:#f5b400;text-shadow:0 1px 3px rgba(245,180,0,0.35)}.review-text{font-size:15px;line-height:1.8;color:var(--theme-card-text,#111111);opacity:0.92;flex:1;position:relative;z-index:1}.review-author{display:flex;align-items:center;gap:12px;padding-top:18px;border-top:1px solid var(--theme-card-border,rgba(0,0,0,0.08))}.review-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--theme-primary,#111111) 0%,var(--theme-accent,#444444) 100%);color:var(--theme-btn-text,#ffffff);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;flex-shrink:0}.review-author-info{display:flex;flex-direction:column}.review-name{font-size:15px;font-weight:700;color:var(--theme-card-text,#111111)}.review-verified{font-size:12px;color:var(--success);font-weight:600}.related-products{margin-bottom:60px}.related-products h2{font-size:28px;font-weight:800;margin-bottom:30px;color:var(--black)}.success-message{display:none;background:rgba(39,174,96,0.1);border:2px solid var(--success);padding:30px;border-radius:var(--radius-lg);text-align:center;margin-bottom:30px}.success-message.show{display:block;animation:fadeIn 0.5s ease-out}.success-message h3{font-size:24px;color:var(--success);margin-bottom:15px}.success-message .order-id{font-size:18px;font-weight:700;color:#111111;margin-bottom:10px}.loading-spinner{display:none;text-align:center;margin:20px 0}.loading-spinner.show{display:block}.spinner{width:40px;height:40px;border:4px solid var(--white-dark);border-top-color:#111111;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:1400px){.container,.header-container,.hero-container{max-width:1320px}.products-grid{grid-template-columns:repeat(4,1fr)}.features-grid{gap:48px}.footer-grid{gap:48px}}@media (min-width:1600px){.container,.header-container,.hero-container{max-width:1440px}.products-grid{grid-template-columns:repeat(5,1fr)}}@media (max-width:1200px){.container,.header-container,.hero-container{padding:0 24px}.main-nav{gap:28px}.features-grid{gap:30px}.footer-grid{gap:32px}.images-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:992px){.product-detail-grid{grid-template-columns:1fr;gap:30px;overflow:hidden}.reviews-grid{gap:18px}.products-grid{grid-template-columns:repeat(3,1fr)}.section{padding:60px 0}.product-detail-info h1{font-size:clamp(26px,4vw,34px)}.product-detail-price{font-size:32px}.products-layout{gap:0}.filter-toggle-btn{display:inline-flex}.filter-sidebar{position:relative;overflow:hidden;max-height:0;padding-top:0;padding-bottom:0;opacity:0;margin-bottom:0;transition:max-height 0.28s ease,opacity 0.2s ease,padding 0.28s ease,margin 0.28s ease}.products-layout.filter-open .filter-sidebar,.filter-sidebar.open{max-height:1200px;opacity:1;padding-top:22px;padding-bottom:22px;margin-bottom:18px}.filter-sidebar .filter-dropdown-panel{position:static;max-height:none;margin-top:8px;background:rgba(255,255,255,0.08);box-shadow:none}.filter-dropdown-toggle{min-height:44px}.filter-option{min-height:44px}}@media (max-width:576px){.filter-sidebar{padding-left:18px;padding-right:18px}.products-layout.filter-open .filter-sidebar,.filter-sidebar.open{padding-top:16px;padding-bottom:16px}.filter-toggle-btn{font-size:14px;padding:11px 14px}.filter-dropdown-toggle{padding:11px 12px;font-size:14px}.filter-sidebar .filter-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.filter-sidebar .filter-option{padding:10px;font-size:13px}.filter-sidebar .filter-actions{flex-direction:row;gap:10px}.filter-reset{font-size:13px}}@media (max-width:380px){.filter-sidebar .filter-options{grid-template-columns:1fr}}@media (max-width:768px){.main-nav{display:none}.mobile-menu-btn{display:flex}.mobile-nav{display:block}.hero{padding:60px 0}.hero-overlay{background:rgba(255,255,255,0.33)}.hero-title{color:var(--black)}.hero-subtitle{color:var(--black)}.hero-cta{font-size:15px;padding:14px 32px}.product-slider{max-width:100%;border-radius:var(--radius-lg)}.product-detail{padding:20px 15px}.section{padding:50px 0}.products-toolbar{flex-direction:column;align-items:stretch}.filter-group{width:100%}.filter-select{flex:1}.form-row{grid-template-columns:1fr}.order-form{padding:25px}.products-grid{grid-template-columns:repeat(2,1fr);gap:15px}.header-container{padding:12px 16px}.logo-img{height:96px}.mobile-nav{top:88px;padding:16px}.page-header{padding:40px 0}.product-detail-price{font-size:28px}.product-detail-price span{font-size:16px}.product-detail-info h1{font-size:24px;margin-bottom:14px}.total-price-display .price{font-size:26px}.product-images-grid h2,.product-description h2,.related-products h2{font-size:22px}.product-description-content{padding:24px}.bundle-btn{min-width:90px;padding:12px 14px}.size-btn{min-width:44px;padding:10px 16px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-title{font-size:20px}.footer-subtitle{font-size:16px}}@media (max-width:576px){.container,.header-container,.hero-container{padding:0 14px}.hero{padding:44px 0 36px}.hero-subtitle{font-size:16px;margin-bottom:28px}.hero-cta{font-size:14px;padding:12px 26px;gap:8px}.section{padding:40px 0}.section-header{margin-bottom:32px}.product-info{padding:14px}.product-name{font-size:16px}.product-price{font-size:18px;margin-bottom:10px}.product-btn{padding:11px;font-size:14px}.feature-item{padding:20px 12px}.feature-icon{width:64px;height:64px}.feature-icon svg{width:28px;height:28px}.feature-title{font-size:17px}.feature-desc{font-size:13px}.products-grid{gap:12px}.pagination{gap:6px;margin-top:32px}.images-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.order-form{padding:20px}.order-form h2{font-size:20px;margin-bottom:22px}.form-group input,.form-group select,.form-group textarea{padding:12px 14px;font-size:14px}.submit-btn{padding:14px;font-size:16px}.bundle-options,.color-options,.size-options{gap:8px}.delivery-price-display{padding:14px}.delivery-price-display .price{font-size:18px}.total-price-display{padding:18px}.total-price-display .price{font-size:24px}.header-actions{gap:10px}.cart-icon{padding:6px}.header-container{padding:10px 14px}.logo-img{height:84px}.mobile-nav{top:76px;padding:14px}}@media (max-width:480px){.products-grid{grid-template-columns:repeat(2,1fr);gap:10px}.categories-grid{grid-template-columns:1fr 1fr}.pagination-btn{width:38px;height:38px;font-size:14px}.slider-nav{width:40px;height:40px}.faq-question{padding:18px 18px;font-size:15px}.faq-icon{width:32px;height:32px}.faq-answer{padding:0 18px 18px 18px;font-size:14px}.reviews-grid{gap:14px}.review-card{padding:22px}.products-result-count{font-size:14px}.filter-title{font-size:15px}.filter-option{font-size:13px;padding:7px 8px}.filter-sidebar{padding-left:18px;padding-right:18px}.filter-submit{padding:11px 16px;font-size:14px}.product-images-grid h2,.product-description h2,.related-products h2{font-size:19px}.product-description-content{padding:18px;font-size:14px}.footer-grid{grid-template-columns:1fr;gap:26px}.main-footer{padding:40px 0 16px}.footer-title{font-size:19px}.footer-subtitle{font-size:15px}.section-header{margin-bottom:28px}.page-title{font-size:28px}.page-subtitle{font-size:14px}}@media (max-width:360px){.container,.header-container,.hero-container{padding:0 10px}.hero-cta{padding:11px 20px;font-size:13px;gap:6px}.hero-cta svg{width:16px;height:16px}.products-grid{gap:8px}.product-info{padding:10px}.product-name{font-size:14px;margin-bottom:6px}.product-price{font-size:16px}.product-btn{padding:9px;font-size:13px}.header-container{padding:8px 10px}.logo-img{height:72px}.mobile-nav{top:64px;padding:10px}.pagination-btn{width:34px;height:34px;font-size:13px}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;font-size:13px}.submit-btn{padding:12px;font-size:14px}.total-price-display .price{font-size:20px}.order-form{padding:16px}}.thank-you-section{padding:clamp(40px,8vw,80px) 0;min-height:60vh;display:flex;align-items:center;justify-content:center;background:var(--theme-bg,var(--white-off))}.thank-you-card{background:var(--theme-card-bg,var(--white));color:var(--theme-card-text,var(--theme-text,var(--black)));border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:clamp(32px,5vw,48px) clamp(24px,5vw,44px);max-width:600px;width:100%;margin:0 auto;text-align:center;border:1px solid var(--theme-card-border,#e5e5e5);border-top:4px solid var(--theme-primary,#c9a84c);animation:fadeIn 0.5s ease-out}.thank-you-icon{display:inline-flex;align-items:center;justify-content:center;width:88px;height:88px;border-radius:50%;background:color-mix(in srgb,var(--success,#15803d) 14%,transparent);color:var(--success,#15803d);margin-bottom:20px}.thank-you-icon svg{width:48px;height:48px}.thank-you-title{font-size:clamp(22px,4vw,30px);font-weight:800;color:var(--theme-text,var(--black));margin-bottom:10px;line-height:1.3}.thank-you-subtitle{font-size:15px;color:var(--theme-text,var(--black));opacity:0.7;margin-bottom:26px;line-height:1.6}.thank-you-order-id{display:inline-flex;align-items:center;gap:10px;background:var(--theme-bg,var(--white-off));border:1px solid var(--theme-card-border,#e5e5e5);padding:10px 18px;border-radius:var(--radius-md);margin-bottom:24px;color:var(--theme-text,var(--black))}.thank-you-order-label{font-size:13px;opacity:0.65;font-weight:600}.thank-you-order-num{font-size:16px;color:var(--theme-primary,var(--accent,#c9a84c));font-weight:800;letter-spacing:0.02em}.thank-you-details{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:var(--theme-bg,var(--white-off));border:1px solid var(--theme-card-border,#e5e5e5);padding:18px;border-radius:var(--radius-md);margin-bottom:24px;text-align:start}.thank-you-detail{display:flex;flex-direction:column;gap:4px;min-width:0}.thank-you-detail-wide{grid-column:1 / -1}.thank-you-label{font-size:12px;color:var(--theme-text,var(--black));opacity:0.55;font-weight:600}.thank-you-value{font-size:14px;color:var(--theme-text,var(--black));font-weight:700;word-break:break-word;line-height:1.5}.thank-you-total{font-size:16px;color:var(--theme-primary,var(--accent,#c9a84c))}.thank-you-steps{background:color-mix(in srgb,var(--theme-primary,#c9a84c) 7%,transparent);border:1px solid color-mix(in srgb,var(--theme-primary,#c9a84c) 22%,transparent);border-radius:var(--radius-md);padding:18px 22px;margin-bottom:28px;text-align:start}.thank-you-steps-title{font-size:15px;font-weight:800;color:var(--theme-primary,var(--accent,#c9a84c));margin-bottom:10px}.thank-you-steps-list{margin:0;padding-inline-start:22px;padding-inline-end:0;color:var(--theme-text,var(--black));opacity:0.85;font-size:14px;line-height:1.85}.thank-you-steps-list li{margin-bottom:4px}.thank-you-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.thank-you-actions .btn{min-width:160px;padding:12px 24px;font-size:15px;font-weight:700}@media (max-width:480px){.thank-you-section{padding:24px 12px}.thank-you-card{padding:28px 20px}.thank-you-details{grid-template-columns:1fr}.thank-you-order-id{flex-direction:column;gap:4px;padding:12px 16px}}@media (prefers-reduced-motion:reduce){.thank-you-card{animation:none}}.product-card{position:relative}.product-card-link{position:absolute;inset:0;z-index:2;border-radius:inherit}.product-card-link:focus-visible{outline:2px solid var(--black);outline-offset:2px}.product-card-actions{position:relative;z-index:3;margin-top:auto;display:flex;flex-direction:column;gap:10px}.product-card-actions .product-btn{margin-top:0}.add-to-cart-btn{display:block;width:100%;padding:13px 14px;border:1px solid var(--theme-btn-bg,var(--black));border-radius:var(--radius-md);background:transparent;color:var(--theme-btn-bg,var(--black));font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;white-space:nowrap;transition:var(--transition)}.add-to-cart-btn:hover:not(:disabled){background:var(--theme-btn-bg,var(--black));color:var(--theme-btn-text,#ffffff)}.add-to-cart-btn:disabled{opacity:0.7;cursor:default}.add-to-cart-btn-lg{padding:16px;font-size:16px}.product-detail-cart{margin-top:20px;display:flex;align-items:center;gap:14px}.product-detail-cart .add-to-cart-btn{flex:1}.view-cart-link{font-weight:700;text-decoration:underline;white-space:nowrap}.cart-icon{position:relative}.cart-count-badge{position:absolute;top:-6px;inset-inline-start:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--black);color:#ffffff;font-size:12px;font-weight:700;line-height:20px;text-align:center}.cart-count-badge.is-empty{display:none}.cart-layout{display:grid;grid-template-columns:1fr 400px;gap:30px;align-items:start}.cart-checkout{position:sticky;top:100px;padding:24px;border-radius:var(--radius-lg);background:var(--theme-card-bg,#ffffff);border:1px solid var(--theme-card-border,rgba(0,0,0,0.06));box-shadow:var(--shadow-md,0 4px 20px rgba(0,0,0,0.06))}.cart-checkout-title{margin:0 0 18px;font-size:19px;font-weight:800;color:var(--theme-card-text,var(--black));padding-bottom:14px;border-bottom:1px solid var(--theme-card-border,rgba(0,0,0,0.08));display:flex;align-items:center;gap:8px}.cart-checkout-title::before{content:'';width:4px;height:22px;background:var(--theme-primary,var(--theme-primary,var(--accent)));border-radius:2px}.cart-checkout .form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cart-checkout .form-group{margin-bottom:14px}.cart-checkout .form-group label{display:block;margin-bottom:6px;font-size:13px;font-weight:600;color:var(--theme-card-text,var(--black))}.cart-checkout .form-group input,.cart-checkout .form-group select,.cart-checkout .form-group textarea{width:100%;padding:11px 13px;border:1px solid var(--theme-card-border,rgba(0,0,0,0.12));border-radius:var(--radius-md,12px);background:var(--theme-nav-bg,#ffffff);color:var(--theme-card-text,var(--black));font-family:inherit;font-size:14px;transition:border-color 0.15s ease,box-shadow 0.15s ease}.cart-checkout .form-group input:focus,.cart-checkout .form-group select:focus,.cart-checkout .form-group textarea:focus{outline:none;border-color:var(--theme-primary,var(--theme-primary,var(--accent)));box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-primary,var(--theme-primary,var(--accent))) 18%,transparent)}.cart-checkout .radio-group{display:flex;gap:10px;flex-wrap:wrap}.cart-checkout .radio-label{flex:1;min-width:120px;padding:10px 14px;border:1px solid var(--theme-card-border,rgba(0,0,0,0.12));border-radius:var(--radius-md,12px);cursor:pointer;font-size:14px;text-align:center;transition:all 0.15s ease}.cart-checkout .radio-label:has(input:checked){border-color:var(--theme-primary,var(--theme-primary,var(--accent)));background:color-mix(in srgb,var(--theme-primary,var(--theme-primary,var(--accent))) 10%,transparent);color:var(--theme-primary,var(--theme-primary,var(--accent)));font-weight:700}.cart-checkout .radio-label input{display:none}.cart-checkout .submit-btn,.cart-checkout .btn-primary{width:100%;padding:14px 24px;margin-top:8px;border:0;border-radius:var(--radius-md,12px);background:var(--theme-primary,var(--theme-primary,var(--accent)));color:var(--theme-btn-text,#ffffff);font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;transition:transform 0.15s ease,box-shadow 0.15s ease}.cart-checkout .submit-btn:hover,.cart-checkout .btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 20px color-mix(in srgb,var(--theme-primary,var(--theme-primary,var(--accent))) 30%,transparent)}.cart-checkout .cart-clear-btn{display:block;margin:16px auto 0;background:transparent;border:0;color:var(--theme-text,var(--gray));font-family:inherit;font-size:13px;cursor:pointer;text-decoration:underline;opacity:0.7}.cart-checkout .cart-clear-btn:hover{opacity:1;color:#dc3545}.cart-items{display:flex;flex-direction:column;gap:16px}.cart-item{display:grid;grid-template-columns:90px 1fr auto;gap:18px;align-items:center;padding:18px;background:var(--theme-card-bg,rgba(255,255,255,0.95));color:var(--theme-card-text,var(--black));border:1px solid var(--theme-card-border,rgba(0,0,0,0.08));border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.cart-item:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:var(--theme-primary,rgba(0,0,0,0.18))}.cart-item-image{display:block;width:90px;aspect-ratio:9 / 16;border-radius:var(--radius-md);overflow:hidden;background:var(--theme-nav-bg,var(--white-dark));border:1px solid var(--theme-card-border,transparent)}.cart-item-image img{width:100%;height:100%;object-fit:contain}.cart-item-info{min-width:0}.cart-item-name{display:block;font-size:17px;font-weight:700;color:var(--theme-card-text,var(--black));margin-bottom:8px}.cart-item-variant{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:13px;color:var(--gray)}.cart-item-color{display:inline-block;width:18px;height:18px;border-radius:50%;border:1px solid var(--theme-card-border,rgba(0,0,0,0.2))}.cart-item-option{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:8px;font-size:13px;color:var(--gray)}.cart-item-option-label{font-weight:600;color:var(--black);margin-inline-end:4px}.cart-color-options,.cart-size-options{display:flex;flex-wrap:wrap;gap:6px}.cart-color-chip{width:22px;height:22px;border-radius:50%;border:1px solid var(--theme-card-border,rgba(0,0,0,0.15));padding:0;cursor:pointer;background-clip:padding-box;transition:transform .15s ease,box-shadow .15s ease}.cart-color-chip:hover{transform:scale(1.08)}.cart-color-chip.selected{box-shadow:0 0 0 2px var(--theme-primary,#c9a96e);border-color:transparent}.cart-size-chip{min-width:36px;height:32px;padding:0 10px;border-radius:6px;border:1px solid var(--theme-card-border,rgba(0,0,0,0.15));background:var(--theme-card-bg,#fff);color:var(--theme-card-text,var(--black));font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.cart-size-chip:hover{border-color:var(--theme-primary,#c9a96e);color:var(--theme-primary,#c9a96e)}.cart-size-chip.selected{background:var(--theme-primary,#c9a96e);border-color:var(--theme-primary,#c9a96e);color:var(--theme-btn-text,#fff)}.cart-item-unit{font-size:14px;color:var(--gray)}.cart-item-actions{display:flex;align-items:center;gap:14px}.qty-stepper{display:flex;align-items:center;border:1px solid var(--theme-card-border,rgba(0,0,0,0.15));border-radius:var(--radius-md);overflow:hidden;background:var(--theme-card-bg,transparent)}.qty-btn{width:34px;height:36px;border:0;background:transparent;font-size:18px;font-weight:700;line-height:1;cursor:pointer;color:var(--black)}.qty-btn:hover{background:var(--theme-primary,var(--white-dark));color:var(--theme-btn-text,var(--black))}.qty-input{width:46px;height:36px;border:0;border-inline:1px solid var(--theme-card-border,rgba(0,0,0,0.15));text-align:center;font-family:inherit;font-size:15px;font-weight:700;background:transparent;color:var(--theme-card-text,var(--black));-moz-appearance:textfield}.qty-input::-webkit-outer-spin-button,.qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cart-item-total{min-width:110px;font-size:18px;font-weight:800;text-align:center;color:var(--theme-primary,var(--black))}.cart-item-remove{border:0;background:transparent;font-size:18px;cursor:pointer;padding:6px;border-radius:var(--radius-md);transition:var(--transition);color:var(--gray)}.cart-item-remove:hover{background:rgba(220,53,69,0.12)}.cart-items-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:6px}.cart-clear-btn{border:0;background:transparent;color:#dc3545;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;text-decoration:underline}.cart-continue-link{font-size:14px;font-weight:700;text-decoration:underline}.cart-summary-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;font-size:16px;font-weight:700;border-top:1px solid rgba(0,0,0,0.08)}.cart-empty{text-align:center;padding:64px 32px;color:var(--theme-text,var(--gray));background:var(--theme-card-bg,#ffffff);border:1px solid var(--theme-card-border,rgba(0,0,0,0.06));border-radius:var(--radius-lg,20px);box-shadow:var(--shadow-sm,0 2px 8px rgba(0,0,0,0.04));max-width:560px;margin:24px auto;display:flex;flex-direction:column;align-items:center;gap:12px}.cart-empty-icon{width:96px;height:96px;border-radius:50%;background:var(--theme-primary,var(--theme-primary,var(--accent)));color:var(--theme-btn-text,#ffffff);display:flex;align-items:center;justify-content:center;margin-bottom:8px;box-shadow:0 8px 24px rgba(0,0,0,0.08)}.cart-empty-icon svg{width:48px;height:48px}.cart-empty h2{margin:0;font-size:26px;font-weight:800;color:var(--theme-text,var(--black));line-height:1.3}.cart-empty p{margin:0;font-size:15px;color:var(--theme-text,var(--gray));line-height:1.6;max-width:380px}.cart-empty .btn{margin-top:16px;min-width:200px;padding:14px 28px;font-size:15px}.cart-toast{position:fixed;bottom:24px;inset-inline-start:24px;z-index:9999;max-width:320px;padding:14px 20px;border-radius:var(--radius-md);background:var(--black);color:#ffffff;font-weight:700;box-shadow:var(--shadow-lg);opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity 0.25s ease,transform 0.25s ease}.cart-toast.show{opacity:1;transform:translateY(0)}.cart-toast-error{background:#dc3545}@media (max-width:900px){.cart-layout{grid-template-columns:1fr}}@media (max-width:600px){.cart-item{grid-template-columns:80px 1fr}.cart-item-image{width:80px}.cart-item-actions{grid-column:1 / -1;justify-content:space-between}.cart-item-total{min-width:0}.product-detail-cart{flex-direction:column;align-items:stretch;text-align:center}}.order-form select,.order-form input[type="text"],.order-form input[type="tel"],.order-form input[type="email"],.cart-checkout select,.cart-checkout input[type="text"],.cart-checkout input[type="tel"],.cart-checkout input[type="email"],.cart-checkout textarea{min-height:52px;font-size:16px;padding:14px 16px;border-radius:var(--radius-md)}.order-form select,.cart-checkout select{padding-right:36px}.section-title,.section-subtitle,.hero-title,.hero-subtitle,.product-detail-title,.product-detail-desc,.product-name,.product-price,.product-detail-price,.price-old,.form-card-title,.page-title,.page-subtitle,.table-title,.field-help,.char-counter,.micro-help,.section-header h2,.section-header h3,.section-header p,.cart-empty h2,.cart-empty p,.thank-you-title,.thank-you-subtitle,.thank-you-label,.thank-you-value,.empty-state,.related-products h2,.product-detail-info h1,.product-detail-info p,.cart-summary-row,.cart-checkout span,.cart-checkout strong,.cart-item-name,.cart-item-unit,.cart-item-total,.cart-items-footer,.cart-clear-btn,.form-card,.form-card p,.form-card label,.form-card-title,.input-row,.field,.filter-bar,.filter-group,.filter-label,.form-group label,.form-row label,.section-help,.subsection-title,.feature-toggle .toggle-label,.feature-toggle .toggle-hint,.color-preset-name,.color-preset-meta,.token-preset-card .token-preset-name,.token-preset-card .token-preset-meta{color:var(--theme-text) !important}input[type="text"],input[type="email"],input[type="tel"],input[type="number"],input[type="password"],input[type="search"],textarea,select{background-color:var(--theme-card-bg,#ffffff) !important;color:var(--theme-card-text,#111111) !important;border-color:var(--theme-card-border,#e5e5e5) !important}.cart-item .qty-btn,.cart-item .qty-stepper .qty-btn,.cart-item-actions .qty-btn{color:var(--theme-icon-color,var(--black)) !important;background-color:var(--theme-card-bg,#ffffff) !important;border:1px solid var(--theme-card-border,#e5e5e5) !important}.cart-item .qty-input{color:var(--theme-card-text,var(--black)) !important;background-color:var(--theme-card-bg,#ffffff) !important;border:1px solid var(--theme-card-border,#e5e5e5) !important}.product-trustbar{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:34px;padding:18px 22px;background:var(--theme-card-bg,#ffffff);border:1px solid var(--theme-card-border,rgba(0,0,0,0.08));border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.trust-item{display:flex;align-items:center;gap:12px;min-width:0}.trust-item__icon{flex:0 0 auto;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:color-mix(in srgb,var(--theme-primary,#b8860b) 14%,transparent);color:var(--theme-primary,#b8860b)}.trust-item__icon svg{width:20px;height:20px}.trust-item__text{min-width:0}.trust-item__title{font-size:14px;font-weight:800;color:var(--theme-card-text,var(--black))}.trust-item__sub{font-size:12px;color:var(--form-muted,var(--gray))}.product-detail-grid{align-items:start}.product-detail-media{min-width:0}.product-detail-media .product-slider{margin-bottom:0;max-width:none;border-radius:var(--radius-lg)}.product-purchase{min-width:0;display:flex;flex-direction:column;gap:22px}.order-form-wrapper{position:sticky;top:18px;align-self:start}.product-rating-line{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:14px}.product-rating-line .stars{display:inline-flex;gap:2px;font-size:15px;color:var(--theme-card-border,#e0e0e0)}.product-rating-line .stars .star{color:inherit}.product-rating-line .stars .star.filled{color:#f5b400}.product-rating-line a{color:var(--theme-link,var(--gray));font-weight:700;text-decoration:none}.product-rating-line a:hover{text-decoration:underline}.product-flash-note{display:flex;align-items:center;gap:8px;margin:-8px 0 14px;padding:8px 12px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--danger,#c0392b) 8%,transparent);border:1px solid color-mix(in srgb,var(--danger,#c0392b) 25%,transparent);color:var(--danger,#c0392b);font-size:13px;font-weight:700}.product-stock-line{display:flex;align-items:center;gap:8px;margin-bottom:14px;font-size:13px;font-weight:700}.product-stock-line .dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto}.product-stock-line.in-stock{color:var(--success)}.product-stock-line.in-stock .dot{background:var(--success);box-shadow:0 0 0 3px color-mix(in srgb,var(--success) 18%,transparent)}.product-stock-line.low{color:var(--danger)}.product-stock-line.low .dot{background:var(--danger);animation:stock-pulse 1.2s ease-in-out infinite}@keyframes stock-pulse{0%,100%{opacity:1}50%{opacity:0.35}}.order-form .form-head{margin-bottom:6px}.order-form .form-head-sub{font-size:13px;font-weight:600;color:var(--form-muted);text-align:center;margin-top:-10px;margin-bottom:18px}.form-assurances{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin-bottom:18px;font-size:12px;font-weight:700;color:var(--form-muted)}.form-assurances span{display:inline-flex;align-items:center;gap:6px}.form-assurances svg{color:var(--form-accent)}.order-note{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;font-size:12.5px;color:var(--form-muted);text-align:center}.order-note svg{flex:0 0 auto;color:var(--form-accent)}.how-it-works{margin-bottom:60px}.how-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}.how-step{background:var(--theme-card-bg,#ffffff);border:1px solid var(--theme-card-border,rgba(0,0,0,0.08));border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px 22px}.how-step-num{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;margin-bottom:14px;border-radius:50%;background:linear-gradient(135deg,var(--theme-primary,#b8860b) 0%,var(--theme-accent,#8b6508) 100%);color:#ffffff;font-size:17px;font-weight:900}.how-step-title{margin:0 0 6px;font-size:16px;font-weight:800;color:var(--theme-card-text,var(--black))}.how-step-desc{font-size:13px;line-height:1.7;color:var(--form-muted,var(--gray))}.final-cta{margin:70px 0 10px;padding:48px 30px;text-align:center;border-radius:var(--radius-xl);border:1px solid var(--theme-card-border,rgba(0,0,0,0.08));background:radial-gradient(120% 140% at 50% 0%,color-mix(in srgb,var(--theme-primary,#b8860b) 16%,transparent),transparent 60%),var(--theme-card-bg,#ffffff);box-shadow:var(--shadow-md)}.final-cta h2{margin:0 0 8px;font-size:clamp(22px,4vw,32px);font-weight:900;color:var(--theme-card-text,var(--black))}.final-cta__sub{margin:0 0 24px;font-size:15px;color:var(--form-muted,var(--gray))}.final-cta__btn{display:inline-block;padding:16px 48px;background:linear-gradient(135deg,var(--theme-btn-bg,#b8860b) 0%,var(--theme-accent,#8b6508) 100%);color:var(--theme-btn-text,#ffffff);border-radius:var(--radius-md);font-family:inherit;font-size:18px;font-weight:800;text-decoration:none;box-shadow:0 10px 28px color-mix(in srgb,var(--theme-btn-bg,#b8860b) 45%,transparent);transition:var(--transition)}.final-cta__btn:hover{transform:translateY(-2px)}.final-cta__trust{margin:18px 0 0;font-size:13px;color:var(--form-muted,var(--gray))}.mobile-order-bar{display:none}@media (max-width:992px){.order-form-wrapper{position:static}.product-trustbar{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){body:has(.mobile-order-bar){padding-bottom:76px}.mobile-order-bar{position:fixed;inset-inline:0;bottom:0;z-index:60;display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--theme-card-bg,#ffffff);border-top:1px solid var(--theme-card-border,rgba(0,0,0,0.1));box-shadow:0 -6px 24px rgba(0,0,0,0.14);transform:translateY(0);transition:transform 0.25s ease}.mobile-order-bar.is-hidden{transform:translateY(110%)}.mobile-order-bar-info{flex:1;display:flex;flex-direction:column;line-height:1.25;min-width:0}.mobile-order-bar-label{font-size:11px;font-weight:600;color:var(--form-muted,var(--gray))}.mobile-order-bar-number{font-size:20px;font-weight:900;color:var(--theme-primary,var(--accent));font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.mobile-order-bar-btn{flex:0 0 auto;min-height:48px;padding:0 28px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--theme-btn-bg,#b8860b) 0%,var(--theme-accent,#8b6508) 100%);color:var(--theme-btn-text,#ffffff);border:0;border-radius:var(--radius-md);font-family:inherit;font-size:16px;font-weight:800;text-decoration:none;box-shadow:0 6px 18px rgba(0,0,0,0.18)}}@media (max-width:576px){.product-trustbar{grid-template-columns:1fr;gap:12px;padding:14px 16px}.how-steps{grid-template-columns:1fr}.final-cta{margin:50px 0 8px;padding:34px 18px}}.reveal{opacity:0;transform:translate3d(0,28px,0);transition:opacity 0.7s cubic-bezier(0.22,0.61,0.36,1) var(--reveal-delay,0s),transform 0.7s cubic-bezier(0.22,0.61,0.36,1) var(--reveal-delay,0s);will-change:opacity,transform}.reveal.is-visible{opacity:1;transform:translate3d(0,0,0)}.reveal[data-reveal="left"]{transform:translate3d(-32px,0,0)}.reveal[data-reveal="right"]{transform:translate3d( 32px,0,0)}.reveal[data-reveal="up"]{transform:translate3d(0,32px,0)}.reveal[data-reveal="scale"]{transform:scale(0.94)}.reveal.is-visible[data-reveal="left"],.reveal.is-visible[data-reveal="right"],.reveal.is-visible[data-reveal="up"],.reveal.is-visible[data-reveal="scale"]{transform:translate3d(0,0,0) scale(1)}.main-header{transition:background-color 0.25s ease,border-color 0.25s ease,box-shadow 0.3s ease}.main-header.is-scrolled{box-shadow:0 6px 28px rgba(0,0,0,0.28);backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%)}.main-header .logo,.main-header .main-nav,.main-header .header-actions{transition:transform 0.4s cubic-bezier(0.22,0.61,0.36,1),opacity 0.4s ease}.nav-link{transition:color 0.2s ease,transform 0.25s cubic-bezier(0.22,0.61,0.36,1)}.nav-link:hover{transform:translateY(-1px)}.nav-link::after{height:2px;background:linear-gradient(90deg,var(--theme-accent,#c8881b),#f5d76e);transition:width 0.35s cubic-bezier(0.22,0.61,0.36,1)}.btn-primary,.btn,.submit-btn,.product-btn,.hero-cta,.final-cta__btn,.mobile-order-bar-btn,.add-to-cart-btn{transition:transform 0.25s cubic-bezier(0.22,0.61,0.36,1),box-shadow 0.3s ease,background-color 0.25s ease,color 0.25s ease,border-color 0.25s ease,filter 0.25s ease;will-change:transform,box-shadow}.btn-primary:hover,.btn:hover,.submit-btn:hover,.product-btn:hover,.hero-cta:hover,.final-cta__btn:hover,.mobile-order-bar-btn:hover,.add-to-cart-btn:hover{transform:translateY(-3px) scale(1.015);box-shadow:0 12px 32px color-mix(in srgb,var(--theme-btn-bg,#f5d76e) 45%,transparent);filter:brightness(1.04)}.btn-primary:active,.btn:active,.submit-btn:active,.product-btn:active,.hero-cta:active,.final-cta__btn:active,.mobile-order-bar-btn:active,.add-to-cart-btn:active{transform:translateY(-1px) scale(0.99);transition-duration:0.1s}.submit-btn:hover,.hero-cta:hover,.final-cta__btn:hover,.add-to-cart-btn:hover{box-shadow:0 12px 36px color-mix(in srgb,var(--theme-btn-bg,#f5d76e) 55%,transparent)}.product-card:hover,.category-card:hover,.review-card:hover,.faq-item:hover{box-shadow:var(--shadow-lg,0 8px 40px rgba(0,0,0,0.25)),inset 0 1px 0 color-mix(in srgb,var(--theme-btn-bg,#f5d76e) 25%,transparent)}.section-header.reveal.is-visible .section-title::after{width:96px;transition:width 0.6s cubic-bezier(0.22,0.61,0.36,1) 0.15s}.hero-title{animation:heroFadeUp 0.9s cubic-bezier(0.22,0.61,0.36,1) both}.hero-subtitle{animation:heroFadeUp 0.9s cubic-bezier(0.22,0.61,0.36,1) 0.12s both}.hero-cta{animation:heroFadeUp 0.9s cubic-bezier(0.22,0.61,0.36,1) 0.24s both}@keyframes heroFadeUp{from{opacity:0;transform:translate3d(0,22px,0)}to{opacity:1;transform:translate3d(0,0,0)}}@media (prefers-reduced-motion:reduce){.reveal,.reveal[data-reveal]{opacity:1 !important;transform:none !important;transition:none !important}.hero-title,.hero-subtitle,.hero-cta{animation:none !important}.btn-primary,.btn,.submit-btn,.product-btn,.hero-cta,.final-cta__btn,.mobile-order-bar-btn,.add-to-cart-btn,.nav-link,.main-header{transition:none !important}.product-card:hover,.category-card:hover,.review-card:hover,.faq-item:hover,.btn-primary:hover,.btn:hover,.submit-btn:hover,.product-btn:hover,.hero-cta:hover,.final-cta__btn:hover,.mobile-order-bar-btn:hover,.add-to-cart-btn:hover{transform:none !important}}
.order-form-wrapper{background:var(--theme-card-bg,#fff);padding:24px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.05)}.bundle-section,.bundle-options-section{margin-bottom:18px}.bundle-items-container{display:grid;gap:12px;margin-top:10px}.single-options{margin-bottom:18px}.single-color-btn,.single-size-btn{transition:transform .15s ease,box-shadow .15s ease}.single-color-btn.selected,.single-size-btn.selected{outline:2px solid var(--theme-primary,#c9a84c);outline-offset:2px}.bundle-btn.selected{outline:2px solid var(--theme-primary,#c9a84c);outline-offset:2px}.cart-section,.cart-checkout{background:var(--theme-card-bg,#fff);padding:16px;border-radius:12px;box-shadow:0 1px 4px rgba(0,0,0,0.04);margin-bottom:16px}.cart-section:has(>.cart-empty){background:transparent;box-shadow:none;padding:0;margin-bottom:0}.cart-color-chip{position:relative;display:inline-block;width:22px;height:22px;border-radius:50%;border:2px solid rgba(0,0,0,0.08);cursor:pointer;padding:0;transition:transform 0.15s ease,box-shadow 0.15s ease}.cart-color-chip:hover{transform:scale(1.1)}.cart-color-chip.selected{border-color:#2d2a26;border-width:2px;box-shadow:0 0 0 1px rgba(0,0,0,0.35),0 0 0 4px var(--theme-primary,#c9a96e);transform:scale(1.1)}.cart-color-chip:focus-visible{outline:2px solid var(--theme-primary,#c9a84c);outline-offset:3px}.cart-color-chip::after{content:'✓';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#ffffff;font-size:13px;font-weight:800;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,0.35);opacity:0;transition:opacity 0.15s ease;pointer-events:none}.cart-color-chip.selected::after{opacity:1}.cart-size-chip{border:1.5px solid rgba(0,0,0,0.12);background:transparent;color:var(--theme-card-text,var(--black));font-family:inherit;font-size:13px;font-weight:600;padding:6px 12px;border-radius:var(--radius-md,12px);cursor:pointer;transition:all 0.15s ease}.cart-size-chip:hover{border-color:var(--theme-primary,#c9a84c);color:var(--theme-primary,#c9a84c)}.cart-size-chip.selected{background:var(--theme-primary,#c9a84c);border-color:var(--theme-primary,#c9a84c);color:var(--theme-btn-text,#ffffff);box-shadow:0 2px 8px color-mix(in srgb,var(--theme-primary,#c9a84c) 35%,transparent)}.cart-color-options,.cart-size-options{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.cart-color-options .cart-unit-divider,.cart-size-options .cart-unit-divider{display:inline-block;width:1px;height:18px;background:rgba(0,0,0,0.12);margin:0 2px;align-self:center}.footer-container{max-width:1200px;margin:0 auto;padding:0 16px}.footer-section{display:flex;flex-direction:column;gap:8px}.view-products-link{text-decoration:none}.categories-section{margin-bottom:24px}.sidebar-logo-text{font-weight:700;font-size:16px;color:inherit}.mobile-logout-icon{width:24px;height:24px}.whatsapp-float{position:fixed;bottom:24px;left:24px;width:60px;height:60px;background:#25D366;color:#ffffff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(37,211,102,0.45);z-index:9999;text-decoration:none;animation:whatsapp-float-bounce 2.4s ease-in-out infinite;transition:transform 0.2s ease,box-shadow 0.2s ease}.whatsapp-float:hover{transform:scale(1.08);box-shadow:0 8px 22px rgba(37,211,102,0.6)}.whatsapp-float:focus-visible{outline:3px solid #ffffff;outline-offset:3px;box-shadow:0 0 0 6px rgba(37,211,102,0.45)}.whatsapp-float-icon{width:32px;height:32px;display:block;position:relative;z-index:1;color:#ffffff}.whatsapp-float-pulse{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:#25D366;opacity:0.6;z-index:0;animation:whatsapp-float-pulse 2s ease-out infinite;pointer-events:none}@keyframes whatsapp-float-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes whatsapp-float-pulse{0%{transform:scale(1);opacity:0.6}100%{transform:scale(1.9);opacity:0}}@media (max-width:480px){.whatsapp-float{bottom:18px;left:18px;width:54px;height:54px}.whatsapp-float-icon{width:28px;height:28px}}@media (prefers-reduced-motion:reduce){.whatsapp-float,.whatsapp-float-pulse{animation:none}}.main-footer .footer-contact-item>svg{color:var(--wa-icon-color,#ffffff)}@media (prefers-reduced-motion:reduce){.whatsapp-float,.whatsapp-float-pulse{animation:none}}
:root{--theme-primary-50:#f8e4eb;--theme-primary-100:#f2c9d8;--theme-primary-200:#ebaec4;--theme-primary-300:#e593b1;--theme-primary-400:#dd729a;--theme-primary-500:#d44b7e;--theme-primary-600:#ad3d67;--theme-primary-700:#903255;--theme-primary-800:#722844;--theme-primary-900:#541e32;--theme-neutral-50:#1a1a1a;--theme-neutral-100:#2c2b2b;--theme-neutral-200:#3e3d3d;--theme-neutral-300:#555352;--theme-neutral-400:#716e6d;--theme-neutral-500:#8c8987;--theme-neutral-600:#a7a3a1;--theme-neutral-700:#c3bebc;--theme-neutral-800:#dad4d1;--theme-neutral-900:#ece6e3;--theme-neutral-950:#fff8f5;--theme-status-success:#208646;--theme-status-success-text:#ffffff;--theme-status-danger:#c34235;--theme-status-danger-text:#ffffff;--theme-status-warning:#b75b15;--theme-status-warning-text:#ffffff;--theme-status-info:#0f70a5;--theme-status-info-text:#ffffff;--theme-primary:#d44b7e;--theme-secondary:#b8336a;--theme-accent:#c9a961;--theme-bg:#fff8f5;--theme-text:#1a1a1a;--theme-btn-bg:#d44b7e;--theme-btn-text:#ffffff;--theme-btn-hover-bg:#b8336a;--theme-btn-hover-text:#ffffff;--theme-nav-bg:#ffffff;--theme-nav-text:#1a1a1a;--theme-nav-hover:#aaaaaa;--theme-footer-bg:#1a1a1a;--theme-footer-text:#fdf2f8;--theme-footer-heading:#e0e0e0;--theme-footer-link:#777777;--theme-footer-link-hover:#aaaaaa;--theme-footer-border:#2a2a2a;--theme-card-bg:#ffffff;--theme-card-text:#1a1a1a;--theme-card-border:rgba(212,75,126,0.15);--theme-link:#d44b7e;--theme-link-hover:#b8336a;--theme-icon:#1a1a1a;--theme-wa-icon:#ffffff;--theme-status-success:#208646;--theme-status-success-text:#ffffff;--theme-status-danger:#c34235;--theme-status-danger-text:#ffffff;--theme-status-warning:#b75b15;--theme-status-warning-text:#ffffff;--theme-status-info:#0f70a5;--theme-status-info-text:#ffffff;--theme-pattern:#e65b9e;--wa-icon-color:#ffffff;--theme-icon-hero_cta:var(--theme-btn_text);--theme-icon-faq_chev:var(--theme-primary);--theme-icon-mobile:var(--theme-btn_text);--theme-font-body:'Cairo','Cairo',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--theme-font-heading:'Cairo','Cairo',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--theme-font-mono:ui-monospace,'Cascadia Code','Source Code Pro',Menlo,Consolas,monospace;--theme-font-size-base:16px;--theme-font-size-sm:13px;--theme-font-size-lg:18px;--theme-font-size-xl:28px;--theme-font-weight-normal:400;--theme-font-weight-medium:500;--theme-font-weight-bold:700;--theme-font-weight-black:900;--theme-font-letter-spacing-heading:0.02em;--theme-font-line-height-body:1.6}body{background:#fff8f5 url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2260%22%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2230%22%20r%3D%2220%22%20fill%3D%22none%22%20stroke%3D%22%23e65b9e%22%20stroke-width%3D%220.6%22%20opacity%3D%220.4%22%2F%3E%3C%2Fsvg%3E") repeat;color:#1a1a1a;font-family:var(--theme-font-body);font-size:var(--theme-font-size-base);line-height:var(--theme-font-line-height-body)}h1,h2,h3,h4,h5,h6{font-family:var(--theme-font-heading);font-weight:var(--theme-font-weight-bold);letter-spacing:var(--theme-font-letter-spacing-heading)}code,pre,kbd,samp{font-family:var(--theme-font-mono)}a{color:#d44b7e}a:hover{color:#b8336a}svg{color:#1a1a1a}.main-header{background:#ffffff;color:#1a1a1a}.main-header .nav-link{color:var(--theme-nav-text)}.main-header .nav-link:hover{color:#aaaaaa}.main-footer{background:var(--theme-footer-bg);color:var(--theme-footer-text);border-top:1px solid var(--theme-footer-border);font-family:var(--theme-font-body);font-size:var(--theme-font-size-sm);line-height:var(--theme-font-line-height-body)}.main-footer .footer-container{max-width:1280px;margin:0 auto;padding:clamp(28px,5vw,56px) clamp(16px,3vw,32px)}.main-footer .footer-grid{display:grid;gap:clamp(20px,3vw,40px);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.main-footer .footer-section{display:flex;flex-direction:column;gap:10px}.main-footer .footer-brand .footer-title{font-family:var(--theme-font-heading);font-size:var(--theme-font-size-lg)}.main-footer .footer-desc{color:var(--theme-footer-text);font-size:var(--theme-font-size-sm);margin:0}.main-footer .footer-title,.main-footer .footer-heading{color:var(--theme-footer-heading);font-family:var(--theme-font-heading);font-weight:var(--theme-font-weight-bold);font-size:var(--theme-font-size-base);letter-spacing:var(--theme-font-letter-spacing-heading);margin:0 0 6px;text-transform:uppercase}.main-footer .footer-links,.main-footer .footer-nav,.main-footer .footer-contact{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.main-footer .footer-links a,.main-footer .footer-nav a,.main-footer .footer-link{color:var(--theme-footer-link);text-decoration:none;transition:color 0.15s ease}.main-footer .footer-links a:hover,.main-footer .footer-nav a:hover,.main-footer .footer-link:hover{color:var(--theme-footer-link-hover)}.main-footer .footer-links a,.main-footer .footer-nav a,.main-footer .footer-link{color:#c9a961}.main-footer .footer-contact-item{display:inline-flex;align-items:center;gap:8px;color:var(--theme-footer-text)}.main-footer .footer-contact-item svg{color:var(--theme-footer-heading)}.main-footer .footer-bottom{margin-top:clamp(24px,4vw,40px);padding-top:18px;border-top:1px solid var(--theme-footer-border);color:var(--theme-footer-text);font-size:var(--theme-font-size-sm);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}.main-footer .footer-social{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:center}.main-footer .footer-social-link{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--theme-footer-border);color:var(--theme-footer-link);transition:color 0.15s ease,border-color 0.15s ease,background-color 0.15s ease}.main-footer .footer-social-link:hover{color:var(--theme-footer-link-hover);background-color:rgba(255,255,255,0.06);border-color:var(--theme-footer-link)}.main-footer .footer-social-link.is-empty{color:var(--theme-footer-text);opacity:0.55;cursor:not-allowed}.main-footer .footer-social-link.is-empty:hover{background-color:transparent;border-color:var(--theme-footer-border);color:var(--theme-footer-text)}.main-footer .footer-social-instagram:not(.is-empty){color:#E4405F;background:linear-gradient(45deg,#FEDA77 0%,#F58529 25%,#DD2A7B 50%,#8134AF 75%,#515BD4 100%);border-color:transparent}.main-footer .footer-social-instagram:not(.is-empty) svg{color:#ffffff}.main-footer .footer-social-instagram:not(.is-empty):hover{background:linear-gradient(45deg,#FEDA77 0%,#F58529 25%,#DD2A7B 50%,#8134AF 75%,#515BD4 100%);border-color:transparent;color:#ffffff}.main-footer .footer-social-instagram:not(.is-empty):hover svg{color:#ffffff}.main-footer .footer-social-facebook:not(.is-empty){color:#1877F2;border-color:#1877F2;background-color:#ffffff}.main-footer .footer-social-facebook:not(.is-empty) svg{color:#1877F2}.main-footer .footer-social-facebook:not(.is-empty):hover{background-color:#1877F2;color:#ffffff;border-color:#1877F2}.main-footer .footer-social-facebook:not(.is-empty):hover svg{color:#ffffff}.main-footer .footer-social-tiktok:not(.is-empty){color:#ffffff;background-color:#000000;border-color:#000000}.main-footer .footer-social-tiktok:not(.is-empty) svg{color:#ffffff}.main-footer .footer-social-tiktok:not(.is-empty):hover{background-color:#1a1a1a;border-color:#ffffff}.product-card{background:#ffffff;color:#1a1a1a;border-color:rgba(212,75,126,0.15)}.review-card{background:#ffffff;color:#1a1a1a;border-color:rgba(212,75,126,0.15)}.faq-item{background:#ffffff;color:#1a1a1a;border-color:rgba(212,75,126,0.15)}.form-card,.order-form{background:#ffffff;color:#1a1a1a}.data-table{background:#ffffff;color:#1a1a1a}.size-btn,.bundle-btn,.color-btn{border-color:#d44b7e}.product-image{background:#ffffff}.pagination-btn{color:#1a1a1a}.pagination-btn.active{background:#d44b7e;color:#ffffff}.alert-success{background:var(--theme-status-success);color:var(--theme-status-success-text)}.alert-error,.alert-danger{background:var(--theme-status-danger);color:var(--theme-status-danger-text)}.alert-warning{background:var(--theme-status-warning);color:var(--theme-status-warning-text)}.alert-info{background:var(--theme-status-info);color:var(--theme-status-info-text)}.btn-primary{background:#d44b7e;color:#ffffff}.btn-primary:hover{background:#b8336a;color:#ffffff}.section-title::after{background:#d44b7e}.hero-title,.hero-subtitle{color:var(--theme-text) !important}.hero-cta,.product-btn,.submit-btn,.btn-primary,.btn,.add-to-cart-btn,.final-cta__btn,.mobile-order-bar-btn,.filter-apply,.cart-checkout .submit-btn,.cart-checkout .btn-primary{background:var(--theme-btn-bg) !important;color:var(--theme-btn-text) !important;border-color:var(--theme-btn-bg) !important}.hero-cta:hover,.product-btn:hover,.submit-btn:hover,.btn-primary:hover,.btn:hover,.add-to-cart-btn:hover:not(:disabled),.final-cta__btn:hover,.mobile-order-bar-btn:hover,.filter-apply:hover,.cart-checkout .submit-btn:hover,.cart-checkout .btn-primary:hover{background:var(--theme-btn-hover-bg) !important;color:var(--theme-btn-hover-text) !important}.review-avatar{background:var(--theme-primary) !important;color:var(--theme-btn-text) !important}.faq-item{border-inline-start-color:var(--theme-primary) !important}.faq-item[open]{border-inline-start-color:var(--theme-accent) !important}.hero-cta svg{color:var(--theme-icon-hero-cta) !important}.faq-item svg{color:var(--theme-icon-faq-chev) !important}.mobile-menu-btn{color:var(--theme-icon-mobile) !important}.faq-icon{background:var(--theme-primary) !important;color:var(--theme-btn-text) !important}.faq-question{color:var(--theme-card-text) !important}.faq-item[open] .faq-icon{background:var(--theme-accent) !important}.main-content{background:transparent !important}.product-card,.review-card,.faq-item,.products-toolbar,.form-card,.order-form,.data-table{background:var(--theme-card-bg) !important;color:var(--theme-card-text) !important;border-color:var(--theme-card-border) !important}:root[data-theme="dark"]{--theme-bg:#1e1d1d;--theme-text:#e8e8e8;--theme-card-bg:#2d2d2d;--theme-card-text:#e8e8e8;--theme-card-border:#3f3f3f;--theme-nav-bg:#262626;--theme-nav-text:#e8e8e8;--theme-footer-bg:#0a0a0a;--theme-footer-text:#bababa;--theme-footer-heading:#e8e8e8;--theme-footer-link:var(--theme-accent);--theme-footer-link-hover:color-mix(in srgb,var(--theme-accent) 80%,#000000);--theme-footer-border:#3f3f3f;--theme-btn-bg:#c9a961;--theme-btn-text:#000000;--theme-btn-hover-bg:#b09455;--theme-btn-hover-text:#000000;--theme-link:#c9a961;--theme-link-hover:#d1b578;--theme-icon:#c9a961;--theme-status-success:#2b8c4f;--theme-status-success-text:#ffffff;--theme-status-danger:#c64b3f;--theme-status-danger-text:#ffffff;--theme-status-warning:#ba6320;--theme-status-warning-text:#ffffff;--theme-status-info:#1b77a9;--theme-status-info-text:#ffffff}:root[data-theme="dark"] body{background:#1e1d1d url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2260%22%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2230%22%20r%3D%2220%22%20fill%3D%22none%22%20stroke%3D%22%23e65b9e%22%20stroke-width%3D%220.6%22%20opacity%3D%220.4%22%2F%3E%3C%2Fsvg%3E") repeat;color:#e8e8e8}:root[data-theme="dark"] a{color:#c9a961}:root[data-theme="dark"] a:hover{color:#d1b578}:root[data-theme="dark"] .main-header{background:#262626;color:#e8e8e8}:root[data-theme="dark"] .product-card,:root[data-theme="dark"] .review-card,:root[data-theme="dark"] .faq-item,:root[data-theme="dark"] .products-toolbar,:root[data-theme="dark"] .form-card,:root[data-theme="dark"] .order-form,:root[data-theme="dark"] .data-table{background:#2d2d2d;color:#e8e8e8;border-color:#3f3f3f}:root[data-theme="dark"] .pagination-btn{color:#e8e8e8}:root[data-theme="dark"] .pagination-btn.active{background:#c9a961;color:#000000}:root[data-theme="dark"] .size-btn,:root[data-theme="dark"] .bundle-btn,:root[data-theme="dark"] .color-btn{border-color:#c9a961}:root[data-theme="dark"] .product-image{background:#2d2d2d}:root[data-theme="dark"] input[type="text"],:root[data-theme="dark"] input[type="email"],:root[data-theme="dark"] input[type="tel"],:root[data-theme="dark"] input[type="number"],:root[data-theme="dark"] input[type="password"],:root[data-theme="dark"] input[type="search"],:root[data-theme="dark"] textarea,:root[data-theme="dark"] select{background:#2d2d2d;color:#e8e8e8;border-color:#3f3f3f}:root[data-theme="dark"] .footer-links a,:root[data-theme="dark"] .footer-nav a,:root[data-theme="dark"] .footer-link{color:#c9a961}
html[lang="ar"] body,
html[lang="ar"] body.home-boutique,
html[lang="ar"] body.home-boutique .main-footer,
html[lang="ar"] body.home-boutique .mobile-nav,
html[lang="ar"] .hb-typed,
html[lang="ar"] .hb-cat-name,
html[lang="ar"] .hb-contact-title,
html[lang="ar"] h1, html[lang="ar"] h2, html[lang="ar"] h3,
html[lang="ar"] button, html[lang="ar"] input,
html[lang="ar"] select, html[lang="ar"] textarea {
font-family: 'Cairo', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
letter-spacing: normal;
}
[dir="rtl"] .hb-slider { direction: ltr; }
[dir="rtl"] .hb-hero-text { direction: rtl; }
[dir="rtl"] .scroll-btn svg { transform: scaleX(-1); }
[dir="rtl"] .cod-badge { left: auto; right: -5px; }
[dir="rtl"] .order-form select,
[dir="rtl"] .cart-checkout select { padding-right: 16px; padding-left: 36px; }
[dir="rtl"] .filter-select { padding: 11px 14px 11px 36px; }
[dir="rtl"] .hb-typed-text::after { margin-left: 0; margin-right: 2px; }
[dir="rtl"] input[type="tel"],
[dir="rtl"] .hb-contact-line { direction: ltr; }
[dir="rtl"] input[type="tel"] { text-align: right; }
[dir="rtl"] .product-description-content { text-align: start; }
.filter-option-list li.filter-option-child { margin-inline-start: 1.6rem; font-size: .94em; }
.subcat-nav { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0 0 1rem; }
.subcat-chip {
display: inline-flex; align-items: center; gap: .45rem;
padding: .35rem .9rem .35rem .4rem; border-radius: 999px;
border: 1px solid var(--theme-border, rgba(0,0,0,.12));
background: var(--theme-surface, #fff); color: var(--theme-text, inherit);
font-size: .9rem; font-weight: 500; text-decoration: none; line-height: 1.2;
transition: border-color .2s, background-color .2s, color .2s;
}
.subcat-chip:first-child { padding-inline: .9rem; }
[dir="rtl"] .subcat-chip { padding: .35rem .4rem .35rem .9rem; }
[dir="rtl"] .subcat-chip:first-child { padding-inline: .9rem; }
.subcat-chip img { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; }
.subcat-chip:hover { border-color: var(--theme-primary, #c0392b); }
.subcat-chip.is-active { background: var(--theme-primary, #c0392b); border-color: var(--theme-primary, #c0392b); color: #fff; }
:root {
--nav-h: 76px;
--nav-fg: var(--theme-nav-text, #1a1a1a);
--nav-bg-solid: var(--theme-nav-bg, #ffffff);
--nav-bg: color-mix(in srgb, var(--nav-bg-solid) 84%, transparent);
--nav-muted: color-mix(in srgb, var(--nav-fg) 64%, transparent);
--nav-line: color-mix(in srgb, var(--nav-fg) 11%, transparent);
--nav-soft: color-mix(in srgb, var(--nav-fg) 5%, transparent);
--nav-soft-2: color-mix(in srgb, var(--nav-fg) 9%, transparent);
--nav-accent: var(--theme-primary, #111111);
--nav-accent-fg: var(--theme-btn-text, #ffffff);
--nav-radius: 999px;
--nav-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
--nav-shadow: 0 1px 0 var(--nav-line), 0 10px 30px -12px rgba(15, 23, 42, 0.18);
}
@media (max-width: 768px) {
:root { --nav-h: 64px; }
}
.main-header.site-nav {
position: sticky;
top: 0;
z-index: 1000;
background: var(--nav-bg);
color: var(--nav-fg);
border-bottom: 1px solid var(--nav-line);
box-shadow: none;
-webkit-backdrop-filter: saturate(180%) blur(18px);
backdrop-filter: saturate(180%) blur(18px);
transition: box-shadow 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
}
.main-header.site-nav.is-scrolled {
background: color-mix(in srgb, var(--nav-bg-solid) 92%, transparent);
border-bottom-color: transparent;
box-shadow: var(--nav-shadow);
}
.main-header.site-nav svg,
#mobileNav svg { color: inherit; }
.main-header.site-nav .header-container {
max-width: 1240px;
min-height: var(--nav-h);
height: var(--nav-h);
margin: 0 auto;
padding: 0 24px;
display: grid;
grid-template-columns: 1fr auto 1fr;
grid-template-areas: "logo nav actions";
align-items: center;
gap: 16px;
}
.main-header.site-nav .logo {
grid-area: logo;
justify-self: start;
display: inline-flex;
align-items: center;
min-width: 0;
border-radius: 12px;
text-decoration: none;
color: var(--nav-fg);
font-size: inherit;
}
.main-header.site-nav .logo picture { display: block; line-height: 0; }
.main-header.site-nav .logo img,
.main-header.site-nav .logo .logo-img {
display: block;
height: 56px;
width: auto;
max-width: 190px;
object-fit: contain;
}
.main-header.site-nav .logo-wordmark {
font-family: var(--theme-font-heading, inherit);
font-size: 20px;
font-weight: 800;
letter-spacing: 0.02em;
white-space: nowrap;
}
.main-header.site-nav .main-nav {
grid-area: nav;
justify-self: center;
display: flex;
align-items: center;
gap: 4px;
padding: 5px;
border-radius: var(--nav-radius);
background: var(--nav-soft);
border: 1px solid var(--nav-line);
}
.main-header.site-nav .nav-link {
position: relative;
display: inline-flex;
align-items: center;
height: 38px;
padding: 0 20px;
border-radius: var(--nav-radius);
font-family: inherit;
font-size: 15px;
font-weight: 600;
line-height: 1;
letter-spacing: 0.01em;
color: var(--nav-muted);
text-decoration: none;
transform: none;
transition: color 0.2s ease, background-color 0.25s var(--nav-ease), box-shadow 0.25s var(--nav-ease);
}
.main-header.site-nav .nav-link::after { display: none; }
.main-header.site-nav .nav-link:hover { color: var(--nav-fg); background: var(--nav-soft-2); transform: none; }
.main-header.site-nav .nav-link.is-active {
color: var(--nav-fg);
background: var(--nav-bg-solid);
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08), 0 4px 12px -4px rgba(15, 23, 42, 0.14);
}
.main-header.site-nav .header-actions {
grid-area: actions;
justify-self: end;
display: flex;
align-items: center;
gap: 10px;
}
.main-header.site-nav .lang-switch,
.main-header.site-nav .cart-icon,
.main-header.site-nav .mobile-menu-btn {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
height: 44px;
border-radius: var(--nav-radius);
border: 1px solid var(--nav-line);
background: var(--nav-bg-solid);
color: var(--nav-fg);
text-decoration: none;
opacity: 1;
cursor: pointer;
transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s var(--nav-ease), box-shadow 0.2s ease;
}
.main-header.site-nav .lang-switch:hover,
.main-header.site-nav .cart-icon:hover,
.main-header.site-nav .mobile-menu-btn:hover {
background: var(--nav-soft-2);
border-color: color-mix(in srgb, var(--nav-fg) 18%, transparent);
color: var(--nav-fg);
}
.main-header.site-nav .lang-switch:active,
.main-header.site-nav .cart-icon:active,
.main-header.site-nav .mobile-menu-btn:active { transform: scale(0.96); }
.main-header.site-nav a:focus-visible,
.main-header.site-nav button:focus-visible,
#mobileNav a:focus-visible {
outline: 2px solid var(--nav-accent);
outline-offset: 2px;
}
.main-header.site-nav .lang-switch {
gap: 7px;
padding: 0 14px;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.04em;
}
.main-header.site-nav .lang-switch svg { width: 17px; height: 17px; opacity: 0.75; display: block; }
.main-header.site-nav .lang-switch-label[lang="ar"] { font-size: 16px; letter-spacing: 0; }
.main-header.site-nav .cart-icon {
width: 44px;
padding: 0;
}
.main-header.site-nav .cart-icon svg { width: 21px; height: 21px; display: block; }
.main-header.site-nav .cart-icon.is-active { border-color: var(--nav-accent); }
.main-header.site-nav .cart-icon .cod-badge {
position: absolute;
top: auto;
bottom: -7px;
left: 50%;
right: auto;
transform: translateX(-50%);
padding: 2px 6px;
border-radius: var(--nav-radius);
background: var(--nav-fg);
color: var(--nav-bg-solid);
font-size: 8.5px;
font-weight: 800;
letter-spacing: 0.08em;
line-height: 1.2;
white-space: nowrap;
box-shadow: 0 0 0 2px var(--nav-bg-solid);
pointer-events: none;
}
.main-header.site-nav .cart-count-badge {
position: absolute;
top: -5px;
inset-inline-end: -5px;
inset-inline-start: auto;
min-width: 20px;
height: 20px;
padding: 0 5px;
border-radius: var(--nav-radius);
background: var(--nav-accent);
color: var(--nav-accent-fg);
font-size: 11px;
font-weight: 800;
line-height: 20px;
text-align: center;
box-shadow: 0 0 0 2px var(--nav-bg-solid);
animation: nav-badge-pop 0.35s var(--nav-ease);
}
.main-header.site-nav .cart-count-badge.is-empty { display: none; }
@keyframes nav-badge-pop {
0% { transform: scale(0.4); opacity: 0; }
100% { transform: scale(1); opacity: 1; }
}
.main-header.site-nav .view-products-link {
width: auto;
gap: 8px;
padding: 0 18px;
border-color: transparent;
background: var(--nav-accent);
color: var(--nav-accent-fg);
}
.main-header.site-nav .view-products-link:hover {
background: color-mix(in srgb, var(--nav-accent) 88%, #000);
border-color: transparent;
color: var(--nav-accent-fg);
}
.main-header.site-nav .view-products-link svg { width: 18px; height: 18px; }
.main-header.site-nav .view-products-link .cod-badge {
position: static;
transform: none;
padding: 0;
background: none;
box-shadow: none;
color: inherit;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.01em;
pointer-events: auto;
}
.main-header.site-nav .mobile-menu-btn {
display: none;
width: 44px;
padding: 0;
flex-direction: column;
gap: 5px;
color: var(--nav-fg) !important;
}
.main-header.site-nav .mobile-menu-btn span {
display: block;
width: 18px;
height: 2px;
border-radius: 2px;
background: currentColor;
transition: transform 0.3s var(--nav-ease), opacity 0.2s ease;
}
.main-header.site-nav .mobile-menu-btn[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.main-header.site-nav .mobile-menu-btn[aria-expanded="true"] span:nth-child(2) { opacity: 0; transform: scaleX(0.3); }
.main-header.site-nav .mobile-menu-btn[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
#mobileNav.mobile-nav {
display: none;
position: fixed;
top: calc(var(--nav-h) + 8px);
left: 12px;
right: 12px;
z-index: 999;
padding: 8px;
border-radius: 20px;
border: 1px solid var(--nav-line);
background: var(--nav-bg-solid);
box-shadow: 0 24px 48px -16px rgba(15, 23, 42, 0.35);
font-family: inherit;
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: translateY(-10px) scale(0.98);
transform-origin: top center;
transition: opacity 0.22s ease, transform 0.28s var(--nav-ease), visibility 0s linear 0.28s;
}
#mobileNav.mobile-nav.active {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: none;
transition: opacity 0.22s ease, transform 0.28s var(--nav-ease), visibility 0s;
}
#mobileNav .mobile-nav-link {
display: flex;
align-items: center;
gap: 14px;
padding: 14px 14px;
border: 0;
border-radius: 14px;
color: var(--nav-fg);
font-size: 16px;
font-weight: 600;
text-decoration: none;
transition: background-color 0.2s ease;
}
#mobileNav .mobile-nav-link + .mobile-nav-link { margin-top: 2px; }
#mobileNav .mobile-nav-link:hover { background: var(--nav-soft); }
#mobileNav .mobile-nav-link::after {
content: '';
width: 8px;
height: 8px;
margin-inline-start: auto;
border-top: 2px solid currentColor;
border-inline-end: 2px solid currentColor;
opacity: 0.35;
transform: rotate(45deg);
}
[dir="rtl"] #mobileNav .mobile-nav-link::after { transform: rotate(-45deg); }
#mobileNav .mobile-nav-icon {
flex-shrink: 0;
width: 38px;
height: 38px;
padding: 9px;
border-radius: 12px;
background: var(--nav-soft-2);
}
#mobileNav .mobile-nav-link.is-active { background: color-mix(in srgb, var(--nav-accent) 10%, transparent); }
#mobileNav .mobile-nav-link.is-active .mobile-nav-icon { background: var(--nav-accent); color: var(--nav-accent-fg); }
#mobileNav .mobile-lang-switch {
margin-top: 8px;
border-top: 1px solid var(--nav-line);
border-radius: 0 0 14px 14px;
padding-top: 16px;
color: var(--nav-muted);
}
#mobileNav .mobile-lang-switch[lang="ar"] { font-family: 'Cairo', system-ui, sans-serif; }
.mobile-nav-backdrop {
position: fixed;
inset: 0;
z-index: 998;
background: rgba(15, 23, 42, 0.32);
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
animation: nav-fade 0.25s ease;
}
.mobile-nav-backdrop[hidden] { display: none; }
@keyframes nav-fade { from { opacity: 0; } to { opacity: 1; } }
html.nav-open, html.nav-open body { overflow: hidden; }
html.nav-open .main-header.site-nav { background: var(--nav-bg-solid); box-shadow: none; }
html.nav-open .whatsapp-float-row { opacity: 0; visibility: hidden; pointer-events: none; }
@media (max-width: 1024px) {
.main-header.site-nav .header-container { padding: 0 18px; }
.main-header.site-nav .nav-link { padding: 0 16px; }
}
@media (max-width: 768px) {
.main-header.site-nav .header-container {
grid-template-columns: 1fr auto;
grid-template-areas: "logo actions";
padding: 0 14px;
gap: 10px;
}
.main-header.site-nav .main-nav { display: none; }
.main-header.site-nav .header-actions { display: flex; gap: 8px; }
.main-header.site-nav .logo { grid-area: logo; justify-self: start; }
.main-header.site-nav .cart-icon { grid-area: auto; justify-self: auto; }
.main-header.site-nav .mobile-menu-btn { grid-area: auto; justify-self: auto; display: inline-flex; }
.main-header.site-nav .logo img,
.main-header.site-nav .logo .logo-img { height: 46px; max-width: 150px; }
.main-header.site-nav .lang-switch,
.main-header.site-nav .cart-icon,
.main-header.site-nav .mobile-menu-btn { height: 40px; }
.main-header.site-nav .cart-icon,
.main-header.site-nav .mobile-menu-btn { width: 40px; }
.main-header.site-nav .lang-switch { padding: 0 12px; }
.main-header.site-nav .view-products-link { width: auto; padding: 0 14px; }
#mobileNav.mobile-nav { display: block; }
}
@media (max-width: 420px) {
.main-header.site-nav .lang-switch { width: 40px; padding: 0; }
.main-header.site-nav .lang-switch svg { display: none; }
.main-header.site-nav .view-products-link .cod-badge { display: none; }
.main-header.site-nav .view-products-link { width: 40px; padding: 0; }
}
:root[data-theme="dark"] {
--nav-shadow: 0 1px 0 var(--nav-line), 0 12px 32px -12px rgba(0, 0, 0, 0.6);
}
:root[data-theme="dark"] #mobileNav.mobile-nav { box-shadow: 0 24px 48px -16px rgba(0, 0, 0, 0.7); }
@media (prefers-reduced-motion: reduce) {
.main-header.site-nav *,
#mobileNav.mobile-nav,
#mobileNav .mobile-nav-link,
.mobile-nav-backdrop { transition: none !important; animation: none !important; }
}
:root {
--sf-rose: var(--theme-primary, #d44b7e);
--sf-rose-deep: var(--theme-secondary, #b8336a);
--sf-gold: var(--theme-accent, #c9a961);
--sf-cream: #fdf8f3;
--sf-cream-2: #f7ece1;
--sf-paper: #ffffff;
--sf-choco: #3b2721;
--sf-choco-2: #5e463d;
--sf-muted: #8a746b;
--sf-line: rgba(94, 70, 61, 0.12);
--sf-line-2: rgba(94, 70, 61, 0.2);
--sf-rose-soft: color-mix(in srgb, var(--sf-rose) 10%, #fff);
--sf-gold-soft: color-mix(in srgb, var(--sf-gold) 16%, #fff);
--sf-grad: linear-gradient(135deg, var(--sf-rose) 0%, var(--sf-rose-deep) 100%);
--sf-grad-gold: linear-gradient(135deg, #e6cf9a 0%, var(--sf-gold) 55%, #a8853f 100%);
--sf-shadow-sm: 0 2px 8px -2px rgba(59, 39, 33, 0.08), 0 1px 2px rgba(59, 39, 33, 0.05);
--sf-shadow: 0 18px 40px -22px rgba(59, 39, 33, 0.35), 0 4px 12px -6px rgba(59, 39, 33, 0.1);
--sf-shadow-lg: 0 34px 70px -30px rgba(59, 39, 33, 0.45);
--sf-shadow-rose: 0 14px 30px -12px color-mix(in srgb, var(--sf-rose) 60%, transparent);
--sf-r-sm: 12px;
--sf-r: 20px;
--sf-r-lg: 28px;
--sf-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
--sf-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
--sf-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
--sf-body: 'Cairo', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
--nav-bg-solid: var(--sf-cream);
--nav-fg: var(--sf-choco);
--nav-accent: var(--sf-rose);
}
html[lang="ar"] { --sf-display: 'El Messiri', 'Cairo', serif; }
:root[data-theme="dark"] {
--sf-cream: #1d1512;
--sf-cream-2: #261c18;
--sf-paper: #2a201c;
--sf-choco: #f6ebe3;
--sf-choco-2: #dccabf;
--sf-muted: #ad978c;
--sf-line: rgba(246, 235, 227, 0.1);
--sf-line-2: rgba(246, 235, 227, 0.18);
--sf-rose-soft: color-mix(in srgb, var(--sf-rose) 18%, #2a201c);
--sf-gold-soft: color-mix(in srgb, var(--sf-gold) 18%, #2a201c);
--sf-shadow-sm: 0 2px 8px -2px rgba(0, 0, 0, 0.4);
--sf-shadow: 0 18px 40px -22px rgba(0, 0, 0, 0.7);
--sf-shadow-lg: 0 34px 70px -30px rgba(0, 0, 0, 0.8);
}
html { background: var(--sf-cream); scroll-behavior: smooth; }
html body,
body.home-boutique {
background: transparent !important;
color: var(--sf-choco);
font-family: var(--sf-body);
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
.main-content { position: relative; z-index: 1; background: transparent !important; }
::selection { background: color-mix(in srgb, var(--sf-rose) 25%, transparent); color: var(--sf-choco); }
img { max-width: 100%; }
.container { max-width: 1240px; padding-inline: clamp(16px, 3vw, 28px); }
a:focus-visible, button:focus-visible, summary:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
outline: 2px solid var(--sf-rose);
outline-offset: 3px;
}
.sf-ambient {
position: fixed;
inset: 0;
z-index: 0;
overflow: hidden;
pointer-events: none;
contain: strict;
}
.sf-blob {
position: absolute;
width: 62vmax;
height: 62vmax;
border-radius: 50%;
opacity: 0.55;
will-change: transform;
}
.sf-blob-1 {
top: -24vmax; inset-inline-start: -18vmax;
background: radial-gradient(circle at center, color-mix(in srgb, var(--sf-rose) 22%, transparent) 0%, transparent 62%);
animation: sf-drift-1 38s ease-in-out infinite alternate;
}
.sf-blob-2 {
top: 18vh; inset-inline-end: -26vmax;
background: radial-gradient(circle at center, color-mix(in srgb, var(--sf-gold) 26%, transparent) 0%, transparent 60%);
animation: sf-drift-2 46s ease-in-out infinite alternate;
}
.sf-blob-3 {
bottom: -30vmax; inset-inline-start: 20vw;
background: radial-gradient(circle at center, rgba(255, 214, 196, 0.55) 0%, transparent 60%);
animation: sf-drift-3 52s ease-in-out infinite alternate;
}
:root[data-theme="dark"] .sf-blob { opacity: 0.35; }
:root[data-theme="dark"] .sf-blob-3 { background: radial-gradient(circle at center, rgba(120, 70, 50, 0.5) 0%, transparent 60%); }
.sf-pattern {
position: absolute;
inset: -240px;
opacity: 0.07;
color: var(--sf-choco-2);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240' viewBox='0 0 240 240' fill='none' stroke='%235e463d' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='translate(22 22)'%3E%3Cpath d='M6 22h28l-3 16H9z'/%3E%3Cpath d='M6 22c0-6 5-9 8-9 1-5 5-8 6-8s5 3 6 8c3 0 8 3 8 9'/%3E%3C/g%3E%3Cg transform='translate(150 30)'%3E%3Cpath d='M20 2c-6 0-9 10-9 16 0 4 4 7 9 7s9-3 9-7c0-6-3-16-9-16z'/%3E%3Cpath d='M20 25v18'/%3E%3C/g%3E%3Cg transform='translate(90 120)'%3E%3Cellipse cx='20' cy='10' rx='16' ry='5'/%3E%3Cpath d='M4 10v3c0 3 7 5 16 5s16-2 16-5v-3'/%3E%3Cellipse cx='20' cy='24' rx='16' ry='5'/%3E%3C/g%3E%3Cg transform='translate(20 160)'%3E%3Crect x='0' y='12' width='44' height='10' rx='5'/%3E%3Cpath d='M-6 17h6M44 17h6'/%3E%3C/g%3E%3Cg transform='translate(170 160)'%3E%3Cpath d='M16 2l4 9 10 1-7 7 2 10-9-5-9 5 2-10-7-7 10-1z'/%3E%3C/g%3E%3Ccircle cx='120' cy='40' r='2'/%3E%3Ccircle cx='60' cy='110' r='2'/%3E%3Ccircle cx='200' cy='110' r='2'/%3E%3Ccircle cx='130' cy='210' r='2'/%3E%3C/svg%3E");
background-size: 240px 240px;
will-change: transform;
animation: sf-pattern 90s linear infinite;
}
:root[data-theme="dark"] .sf-pattern { opacity: 0.05; filter: invert(1); }
@keyframes sf-drift-1 { to { transform: translate3d(14vw, 10vh, 0) scale(1.1); } }
@keyframes sf-drift-2 { to { transform: translate3d(-12vw, 14vh, 0) scale(0.92); } }
@keyframes sf-drift-3 { to { transform: translate3d(-10vw, -12vh, 0) scale(1.08); } }
@keyframes sf-pattern { to { transform: translate3d(240px, 240px, 0); } }
.main-content, .main-footer { position: relative; z-index: 1; }
.main-header.site-nav { position: sticky; z-index: 1000; }
.whatsapp-float-row { z-index: 900; }
.sf-js [data-sf-reveal]:not(.sf-in) { opacity: 0; transform: translate3d(0, 26px, 0); }
.sf-js [data-sf-reveal] {
transition: opacity 0.8s var(--sf-ease), transform 0.8s var(--sf-ease);
transition-delay: var(--sf-d, 0s);
}
.sf-rise { animation: sf-rise 0.9s var(--sf-ease) both; animation-delay: var(--sf-d, 0s); }
@keyframes sf-rise { from { opacity: 0; transform: translate3d(0, 22px, 0); } to { opacity: 1; transform: none; } }
h1, h2, h3, h4 { color: var(--sf-choco); }
.sf-head { text-align: center; max-width: 680px; margin: 0 auto clamp(28px, 4vw, 48px); }
.sf-head-split {
max-width: none;
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 16px;
text-align: start;
}
.sf-eyebrow {
display: inline-flex;
align-items: center;
gap: 10px;
font-size: 0.78rem;
font-weight: 700;
letter-spacing: 0.22em;
text-transform: uppercase;
color: var(--sf-rose);
margin-bottom: 10px;
}
html[lang="ar"] .sf-eyebrow { letter-spacing: 0; font-size: 0.95rem; }
.sf-eyebrow::before, .sf-eyebrow::after {
content: '';
width: 22px;
height: 1px;
background: currentColor;
opacity: 0.6;
}
.sf-head-split .sf-eyebrow::after { display: none; }
.sf-eyebrow-light { color: var(--sf-gold); }
.sf-title,
.section-title {
font-family: var(--sf-display) !important;
font-weight: 600 !important;
font-size: clamp(1.9rem, 3.6vw, 2.9rem) !important;
line-height: 1.15 !important;
letter-spacing: -0.01em !important;
color: var(--sf-choco) !important;
margin: 0 0 12px !important;
}
html[lang="ar"] .sf-title, html[lang="ar"] .section-title { letter-spacing: 0 !important; line-height: 1.35 !important; }
.section-title::after {
width: 54px !important;
height: 3px !important;
border-radius: 3px;
background: var(--sf-grad-gold) !important;
}
.sf-lead,
.section-subtitle {
color: var(--sf-muted) !important;
font-size: clamp(1rem, 1.4vw, 1.08rem);
line-height: 1.7;
margin: 0;
}
.sf-link-arrow {
display: inline-flex;
align-items: center;
gap: 8px;
font-weight: 700;
color: var(--sf-rose);
text-decoration: none;
white-space: nowrap;
padding-bottom: 4px;
border-bottom: 1.5px solid color-mix(in srgb, var(--sf-rose) 35%, transparent);
transition: gap 0.3s var(--sf-ease), border-color 0.3s;
}
.sf-link-arrow svg { width: 18px; height: 18px; color: currentColor; }
[dir="rtl"] .sf-link-arrow svg, [dir="rtl"] .sf-btn-arrow, [dir="rtl"] .hx-feature-cta svg { transform: scaleX(-1); }
.sf-link-arrow:hover { gap: 12px; color: var(--sf-rose-deep); border-color: currentColor; }
.sf-btn {
--b-bg: var(--sf-paper);
--b-fg: var(--sf-choco);
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
min-height: 52px;
padding: 0 28px;
border-radius: 999px;
border: 1.5px solid transparent;
background: var(--b-bg);
color: var(--b-fg);
font-family: var(--sf-body);
font-weight: 700;
font-size: 1rem;
text-decoration: none;
cursor: pointer;
transition: transform 0.35s var(--sf-spring), box-shadow 0.35s var(--sf-ease), background-color 0.3s, color 0.3s, border-color 0.3s;
}
.sf-btn svg { width: 20px; height: 20px; color: currentColor; flex-shrink: 0; }
.sf-btn:hover { transform: translateY(-2px); }
.sf-btn:active { transform: translateY(0) scale(0.98); }
.sf-btn-primary { background: var(--sf-grad); color: #fff; box-shadow: var(--sf-shadow-rose); }
.sf-btn-primary:hover { color: #fff; box-shadow: 0 20px 36px -14px color-mix(in srgb, var(--sf-rose) 70%, transparent); }
.sf-btn-primary .sf-btn-arrow { transition: transform 0.35s var(--sf-ease); }
.sf-btn-primary:hover .sf-btn-arrow { transform: translateX(4px); }
[dir="rtl"] .sf-btn-primary:hover .sf-btn-arrow { transform: scaleX(-1) translateX(4px); }
.sf-btn-glass {
background: rgba(255, 255, 255, 0.14);
color: #fff;
border-color: rgba(255, 255, 255, 0.45);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
.sf-btn-glass:hover { background: rgba(255, 255, 255, 0.24); color: #fff; }
.sf-btn-outline { background: transparent; color: var(--sf-rose); border-color: color-mix(in srgb, var(--sf-rose) 45%, transparent); }
.sf-btn-outline:hover { background: var(--sf-rose); color: #fff; border-color: var(--sf-rose); }
.sf-btn-light { background: #fff; color: #3b2721; box-shadow: var(--sf-shadow); }
.sf-btn-light:hover { color: var(--sf-rose); }
.btn, .product-btn, .submit-btn, .add-to-cart-btn, .final-cta__btn,
.mobile-order-bar-btn, .filter-apply, .hero-cta {
border-radius: 999px !important;
font-family: var(--sf-body) !important;
font-weight: 700 !important;
letter-spacing: 0 !important;
transition: transform 0.35s var(--sf-spring), box-shadow 0.35s var(--sf-ease), background 0.3s, color 0.3s, filter 0.3s !important;
}
.btn-primary, .product-btn, .submit-btn, .final-cta__btn, .mobile-order-bar-btn, .filter-apply,
.cart-checkout .submit-btn, .cart-checkout .btn-primary, .add-to-cart-btn-lg {
background: var(--sf-grad) !important;
color: #fff !important;
border: 0 !important;
box-shadow: var(--sf-shadow-rose);
}
.btn-primary:hover, .product-btn:hover, .submit-btn:hover:not(:disabled), .final-cta__btn:hover,
.mobile-order-bar-btn:hover, .filter-apply:hover, .add-to-cart-btn-lg:hover:not(:disabled) {
background: var(--sf-grad) !important;
color: #fff !important;
filter: brightness(1.06) saturate(1.05);
transform: translateY(-2px);
}
.btn-secondary {
background: transparent !important;
color: var(--sf-choco) !important;
border: 1.5px solid var(--sf-line-2) !important;
}
.btn-secondary:hover { background: var(--sf-paper) !important; color: var(--sf-rose) !important; border-color: var(--sf-rose) !important; }
.sf-page-hero {
position: relative;
padding: clamp(36px, 6vw, 72px) 0 clamp(26px, 4vw, 44px);
text-align: center;
overflow: hidden;
}
.sf-page-hero::before {
content: '';
position: absolute;
inset: 12px clamp(8px, 2vw, 24px) 0;
border-radius: var(--sf-r-lg);
background:
radial-gradient(600px 220px at 50% 0%, color-mix(in srgb, var(--sf-rose) 12%, transparent), transparent 70%),
linear-gradient(180deg, color-mix(in srgb, var(--sf-paper) 70%, transparent), transparent);
border: 1px solid var(--sf-line);
z-index: -1;
}
.sf-page-hero .container { position: relative; }
.sf-page-title {
font-family: var(--sf-display);
font-weight: 600;
font-size: clamp(2rem, 4.4vw, 3.3rem);
line-height: 1.15;
margin: 0 0 10px;
color: var(--sf-choco);
}
html[lang="ar"] .sf-page-title { line-height: 1.4; }
.sf-page-hero .sf-lead { max-width: 620px; margin: 0 auto; }
.sf-crumbs {
display: inline-flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 8px;
font-size: 0.86rem;
color: var(--sf-muted);
margin-bottom: 14px;
padding: 6px 16px;
border-radius: 999px;
background: color-mix(in srgb, var(--sf-paper) 75%, transparent);
border: 1px solid var(--sf-line);
}
.sf-crumbs a { color: var(--sf-muted); text-decoration: none; transition: color 0.2s; }
.sf-crumbs a:hover { color: var(--sf-rose); }
.sf-crumbs [aria-current] { color: var(--sf-choco); font-weight: 600; }
.sf-crumb-sep { opacity: 0.45; }
.products-grid {
display: grid !important;
grid-template-columns: repeat(auto-fill, minmax(232px, 1fr)) !important;
gap: clamp(14px, 2vw, 26px) !important;
}
.product-card {
position: relative;
display: flex !important;
flex-direction: column;
background: var(--sf-paper) !important;
color: var(--sf-choco) !important;
border: 1px solid var(--sf-line) !important;
border-radius: var(--sf-r) !important;
padding: 10px !important;
box-shadow: var(--sf-shadow-sm) !important;
overflow: hidden;
animation: none !important;
transition: transform 0.5s var(--sf-ease), box-shadow 0.5s var(--sf-ease), border-color 0.4s !important;
}
.product-card:hover {
transform: translateY(-6px) !important;
box-shadow: var(--sf-shadow) !important;
border-color: color-mix(in srgb, var(--sf-rose) 28%, transparent) !important;
}
.product-card .product-image {
position: relative;
aspect-ratio: 9 / 16;
height: auto !important;
border-radius: calc(var(--sf-r) - 6px);
overflow: hidden;
background: var(--sf-paper);
}
.product-card .product-image::before { display: none !important; }
.product-card .product-image::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(180deg, transparent 55%, rgba(59, 39, 33, 0.18));
opacity: 0;
transition: opacity 0.5s var(--sf-ease);
pointer-events: none;
}
.product-card:hover .product-image::after { opacity: 1; }
.product-card .product-image picture { display: block; width: 100%; height: 100%; }
.product-card .product-image img {
width: 100% !important;
height: 100% !important;
object-fit: contain;
transform: none !important;
}
.discount-badge {
position: absolute;
top: 12px !important;
inset-inline-start: 12px !important;
inset-inline-end: auto !important;
z-index: 2;
padding: 5px 11px !important;
border-radius: 999px !important;
background: var(--sf-grad) !important;
color: #fff !important;
font-size: 0.78rem !important;
font-weight: 800 !important;
letter-spacing: 0.02em;
box-shadow: 0 6px 14px -6px color-mix(in srgb, var(--sf-rose) 80%, transparent);
}
.discount-badge-inline { position: static !important; }
.product-card .product-info {
display: flex;
flex-direction: column;
flex: 1;
gap: 8px;
padding: 14px 6px 6px !important;
text-align: start;
}
.product-card .product-name {
font-family: var(--sf-body) !important;
font-size: 1rem !important;
font-weight: 700 !important;
line-height: 1.4 !important;
color: var(--sf-choco) !important;
margin: 0 !important;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
min-height: 2.8em;
transition: color 0.3s;
}
.product-card:hover .product-name { color: var(--sf-rose) !important; }
.product-card .product-price {
display: flex;
align-items: baseline;
flex-wrap: wrap;
gap: 4px 8px;
font-family: var(--sf-display);
font-size: 1.35rem !important;
font-weight: 700 !important;
color: var(--sf-rose) !important;
margin: 0 !important;
}
.product-card .product-price > span { font-family: var(--sf-body); font-size: 0.78rem; font-weight: 700; color: var(--sf-rose); }
.price-old {
font-family: var(--sf-body) !important;
font-size: 0.85rem !important;
font-weight: 500 !important;
color: var(--sf-muted) !important;
text-decoration: line-through;
text-decoration-color: color-mix(in srgb, var(--sf-rose) 60%, transparent);
}
.price-old span { color: inherit !important; font-size: inherit !important; }
.product-card .product-card-actions {
display: grid;
grid-template-columns: 1fr;
gap: 8px;
margin-top: auto;
padding-top: 6px;
position: relative;
z-index: 2;
}
.product-card .product-btn,
.product-card .add-to-cart-btn {
min-height: 44px;
display: inline-flex !important;
align-items: center;
justify-content: center;
width: 100%;
padding: 0 14px !important;
font-size: 0.92rem !important;
margin: 0 !important;
}
.product-card .add-to-cart-btn {
background: transparent !important;
color: var(--sf-choco) !important;
border: 1.5px solid var(--sf-line-2) !important;
box-shadow: none !important;
}
.product-card .add-to-cart-btn:hover:not(:disabled) {
background: var(--sf-rose-soft) !important;
color: var(--sf-rose) !important;
border-color: var(--sf-rose) !important;
}
.product-card .product-btn:hover, .product-card .add-to-cart-btn:hover { transform: translateY(-1px); }
.empty-state {
padding: 48px 20px;
text-align: center;
border-radius: var(--sf-r);
border: 1.5px dashed var(--sf-line-2);
background: color-mix(in srgb, var(--sf-paper) 70%, transparent);
color: var(--sf-muted);
}
.products-section { padding: 8px 0 clamp(48px, 7vw, 90px) !important; background: transparent !important; }
.filter-sidebar {
background: color-mix(in srgb, var(--sf-paper) 88%, transparent) !important;
border: 1px solid var(--sf-line) !important;
border-radius: var(--sf-r) !important;
box-shadow: var(--sf-shadow-sm) !important;
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
}
.filter-eyebrow { color: var(--sf-gold) !important; letter-spacing: 0.18em; }
.filter-sidebar-title { font-family: var(--sf-display) !important; color: var(--sf-choco) !important; }
.filter-label, .filter-group legend { color: var(--sf-choco) !important; }
.filter-option-text { color: var(--sf-choco-2) !important; }
.filter-option { border-radius: 10px; transition: background-color 0.2s; }
.filter-option:hover { background: var(--sf-rose-soft); }
.filter-option-input:checked + .filter-option-box {
background: var(--sf-rose) !important;
border-color: var(--sf-rose) !important;
}
.filter-option-input:checked ~ .filter-option-text { color: var(--sf-rose) !important; font-weight: 700; }
.filter-pill-text { border-radius: 999px !important; }
.filter-option-input:checked + .filter-pill-text { background: var(--sf-rose) !important; border-color: var(--sf-rose) !important; color: #fff !important; }
.filter-select { border-radius: 14px !important; }
.filter-toggle-btn {
border-radius: 16px !important;
border: 1px solid var(--sf-line-2) !important;
background: var(--sf-paper) !important;
color: var(--sf-choco) !important;
box-shadow: var(--sf-shadow-sm);
}
.filter-toggle-label { color: var(--sf-choco) !important; }
.products-toolbar {
background: color-mix(in srgb, var(--sf-paper) 88%, transparent) !important;
border: 1px solid var(--sf-line) !important;
border-radius: var(--sf-r) !important;
box-shadow: var(--sf-shadow-sm) !important;
}
.search-box input, #searchInput {
border-radius: 999px !important;
background: var(--sf-cream) !important;
border: 1.5px solid var(--sf-line) !important;
transition: border-color 0.25s, box-shadow 0.25s, background-color 0.25s;
}
.search-box input:focus, #searchInput:focus {
border-color: var(--sf-rose) !important;
background: var(--sf-paper) !important;
box-shadow: 0 0 0 4px color-mix(in srgb, var(--sf-rose) 14%, transparent) !important;
outline: none;
}
.results-count { color: var(--sf-muted) !important; }
.subcat-chip { background: var(--sf-paper); border-color: var(--sf-line-2); box-shadow: var(--sf-shadow-sm); }
.subcat-chip.is-active { background: var(--sf-grad); border-color: transparent; }
.pagination-btn {
border-radius: 999px !important;
min-width: 42px;
border: 1px solid var(--sf-line-2) !important;
background: var(--sf-paper) !important;
color: var(--sf-choco) !important;
transition: transform 0.25s var(--sf-spring), background 0.25s, color 0.25s !important;
}
.pagination-btn:hover, .pagination-btn.active {
background: var(--sf-grad) !important;
color: #fff !important;
border-color: transparent !important;
transform: translateY(-2px);
}
.product-detail { padding-top: clamp(16px, 3vw, 32px) !important; }
.product-trustbar {
background: color-mix(in srgb, var(--sf-paper) 85%, transparent) !important;
border: 1px solid var(--sf-line) !important;
border-radius: var(--sf-r) !important;
box-shadow: var(--sf-shadow-sm) !important;
}
.trust-item__icon {
background: var(--sf-rose-soft) !important;
color: var(--sf-rose) !important;
border-radius: 14px !important;
}
.trust-item__icon svg { color: var(--sf-rose) !important; }
.trust-item__title { color: var(--sf-choco) !important; }
.trust-item__sub, .trust-item__text { color: var(--sf-muted) !important; }
.product-slider, .slider-container {
border-radius: var(--sf-r-lg) !important;
overflow: hidden;
box-shadow: var(--sf-shadow) !important;
background: var(--sf-paper);
}
.slider-nav {
border-radius: 50% !important;
background: color-mix(in srgb, var(--sf-paper) 85%, transparent) !important;
color: var(--sf-choco) !important;
box-shadow: var(--sf-shadow-sm);
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
}
.slider-dot.active { background: var(--sf-rose) !important; }
.cart-item-image { background: var(--sf-paper); }
.cart-item-image picture { display: block; width: 100%; height: 100%; }
.product-detail-media .product-slider {
width: min(100%, max(280px, calc((100vh - 120px) * 9 / 16)));
margin-inline: auto;
}
.slider-slide picture { display: block; width: 100%; height: 100%; }
.slider-container { cursor: zoom-in; }
.slider-zoom-btn {
position: absolute;
z-index: 11;
inset-block-start: 12px;
inset-inline-end: 12px;
display: grid;
place-items: center;
width: 42px;
height: 42px;
padding: 0;
border: 0;
border-radius: 50%;
background: color-mix(in srgb, var(--sf-paper) 88%, transparent);
color: var(--sf-choco);
box-shadow: var(--sf-shadow-sm);
cursor: pointer;
}
.slider-zoom-btn svg { width: 21px; height: 21px; }
html.lightbox-open { overflow: hidden; }
.product-lightbox {
position: fixed;
inset: 0;
z-index: 100000;
background: rgba(20, 13, 11, 0.94);
}
.product-lightbox[hidden] { display: none; }
.lightbox-stage {
position: absolute;
inset: 0;
overflow: hidden;
touch-action: none;
cursor: zoom-in;
}
.lightbox-stage.is-zoomed { cursor: grab; }
.lightbox-stage.is-dragging { cursor: grabbing; }
.lightbox-img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
transform-origin: center;
-webkit-user-select: none;
user-select: none;
-webkit-user-drag: none;
}
.lightbox-toolbar {
position: absolute;
top: 14px;
left: 50%;
display: flex;
align-items: center;
gap: 6px;
transform: translateX(-50%);
}
.lightbox-btn, .lightbox-zoom-level {
height: 46px;
border: 0;
border-radius: 12px;
background: rgba(255, 255, 255, 0.14);
color: #fff;
font: inherit;
cursor: pointer;
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
}
.lightbox-btn { display: grid; place-items: center; width: 46px; padding: 0; }
.lightbox-btn svg { width: 22px; height: 22px; }
.lightbox-btn:hover, .lightbox-zoom-level:hover { background: rgba(255, 255, 255, 0.26); }
.lightbox-btn:disabled { opacity: 0.4; cursor: default; }
.lightbox-zoom-level { min-width: 66px; padding: 0 8px; font-size: 0.95rem; font-weight: 600; }
.lightbox-btn:focus-visible, .lightbox-zoom-level:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.lightbox-nav { position: absolute; top: 50%; margin-top: -23px; font-size: 30px; line-height: 1; }
.lightbox-prev { left: 12px; }
.lightbox-next { right: 12px; }
.min-order-notice {
display: flex;
align-items: flex-start;
gap: 10px;
margin: 14px 0;
padding: 12px 14px;
border: 1px solid color-mix(in srgb, var(--sf-gold) 55%, transparent);
border-radius: var(--sf-r-sm);
background: var(--sf-gold-soft);
color: var(--sf-choco);
font-size: 0.92rem;
font-weight: 600;
line-height: 1.5;
}
.min-order-notice[hidden] { display: none; }
.min-order-notice svg { flex: none; width: 20px; height: 20px; margin-block-start: 1px; }
.product-detail-info h1, .product-detail-info .product-detail-title, .product-detail h1 {
font-family: var(--sf-display) !important;
font-weight: 600 !important;
font-size: clamp(1.7rem, 3.2vw, 2.5rem) !important;
line-height: 1.2 !important;
color: var(--sf-choco) !important;
letter-spacing: -0.01em;
}
html[lang="ar"] .product-detail-info h1 { line-height: 1.45 !important; letter-spacing: 0; }
.product-detail-price {
font-family: var(--sf-display) !important;
font-size: clamp(1.8rem, 3vw, 2.3rem) !important;
font-weight: 700 !important;
color: var(--sf-rose) !important;
}
.product-flash-note {
border-radius: 14px !important;
background: var(--sf-gold-soft) !important;
border: 1px solid color-mix(in srgb, var(--sf-gold) 40%, transparent) !important;
color: var(--sf-choco) !important;
}
.product-detail-desc { color: var(--sf-choco-2) !important; font-size: 1.04rem; line-height: 1.8; }
.order-form-wrapper { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; }
.order-form {
border-radius: var(--sf-r-lg) !important;
border: 1px solid var(--sf-line) !important;
box-shadow: var(--sf-shadow-lg) !important;
background: var(--sf-paper) !important;
position: relative;
overflow: hidden;
}
.order-form::before {
content: '';
position: absolute;
inset: 0 0 auto;
height: 5px;
background: var(--sf-grad-gold);
}
.form-head h2, .order-form h2 { font-family: var(--sf-display) !important; color: var(--sf-choco) !important; }
.form-head-sub { color: var(--sf-muted) !important; }
.order-form .form-group input,
.order-form .form-group select,
.order-form .form-group textarea,
.cart-checkout .form-group input,
.cart-checkout .form-group select,
.cart-checkout .form-group textarea {
border-radius: 14px !important;
background: var(--sf-cream) !important;
border: 1.5px solid var(--sf-line) !important;
min-height: 50px;
transition: border-color 0.25s, box-shadow 0.25s, background-color 0.25s !important;
}
.order-form .form-group textarea, .cart-checkout .form-group textarea { min-height: 96px; }
.order-form .form-group input:focus,
.order-form .form-group select:focus,
.order-form .form-group textarea:focus,
.cart-checkout .form-group input:focus,
.cart-checkout .form-group select:focus,
.cart-checkout .form-group textarea:focus {
border-color: var(--sf-rose) !important;
background: var(--sf-paper) !important;
box-shadow: 0 0 0 4px color-mix(in srgb, var(--sf-rose) 14%, transparent) !important;
outline: none !important;
}
.radio-label {
border-radius: 14px !important;
transition: border-color 0.25s, background-color 0.25s, box-shadow 0.25s !important;
}
.radio-label:has(input:checked) {
border-color: var(--sf-rose) !important;
background: var(--sf-rose-soft) !important;
box-shadow: 0 0 0 3px color-mix(in srgb, var(--sf-rose) 12%, transparent);
}
.size-btn, .color-btn, .bundle-btn {
border-radius: 14px !important;
transition: transform 0.25s var(--sf-spring), border-color 0.25s, box-shadow 0.25s !important;
}
.size-btn:hover, .bundle-btn:hover { transform: translateY(-2px); }
.size-btn.active, .bundle-btn.active, .bundle-btn.selected {
border-color: var(--sf-rose) !important;
box-shadow: 0 0 0 3px color-mix(in srgb, var(--sf-rose) 14%, transparent) !important;
}
.receipt-summary {
border-radius: 18px !important;
background: var(--sf-cream) !important;
border: 1px dashed var(--sf-line-2) !important;
}
.receipt-row-total .receipt-value { font-family: var(--sf-display); color: var(--sf-rose) !important; }
.product-description {
border-radius: var(--sf-r) !important;
}
.product-description-content {
background: var(--sf-paper) !important;
border: 1px solid var(--sf-line) !important;
border-radius: var(--sf-r) !important;
box-shadow: var(--sf-shadow-sm) !important;
color: var(--sf-choco-2) !important;
line-height: 1.85;
}
.how-it-works, .related-products, .final-cta { background: transparent !important; }
.how-step {
background: var(--sf-paper) !important;
border: 1px solid var(--sf-line) !important;
border-radius: var(--sf-r) !important;
box-shadow: var(--sf-shadow-sm) !important;
transition: transform 0.45s var(--sf-ease), box-shadow 0.45s var(--sf-ease);
}
.how-step:hover { transform: translateY(-5px); box-shadow: var(--sf-shadow) !important; }
.how-step-num {
background: var(--sf-grad-gold) !important;
color: #fff !important;
font-family: var(--sf-display);
box-shadow: 0 8px 18px -8px color-mix(in srgb, var(--sf-gold) 80%, transparent);
}
.final-cta {
border-radius: var(--sf-r-lg) !important;
}
.mobile-order-bar {
background: color-mix(in srgb, var(--sf-paper) 92%, transparent) !important;
-webkit-backdrop-filter: blur(14px);
backdrop-filter: blur(14px);
border-top: 1px solid var(--sf-line) !important;
box-shadow: 0 -12px 30px -18px rgba(59, 39, 33, 0.4) !important;
}
.cart-section { padding: 8px 0 clamp(48px, 7vw, 90px) !important; background: transparent !important; }
.cart-item, .cart-checkout, .cart-empty, .thank-you-card {
background: var(--sf-paper) !important;
border: 1px solid var(--sf-line) !important;
border-radius: var(--sf-r) !important;
box-shadow: var(--sf-shadow-sm) !important;
}
.cart-checkout { box-shadow: var(--sf-shadow) !important; }
.cart-checkout-title { font-family: var(--sf-display) !important; color: var(--sf-choco) !important; }
.cart-empty-icon, .thank-you-icon {
background: var(--sf-rose-soft) !important;
color: var(--sf-rose) !important;
}
.cart-empty-icon svg, .thank-you-icon svg { color: var(--sf-rose) !important; }
.cart-empty h2, .thank-you-title { font-family: var(--sf-display) !important; color: var(--sf-choco) !important; }
.thank-you-section { padding: clamp(36px, 6vw, 72px) 0 !important; background: transparent !important; }
.thank-you-order-id { border-radius: 16px !important; background: var(--sf-gold-soft) !important; }
.faq-item {
background: var(--sf-paper) !important;
border: 1px solid var(--sf-line) !important;
border-inline-start: 1px solid var(--sf-line) !important;
border-radius: 18px !important;
box-shadow: var(--sf-shadow-sm) !important;
margin-bottom: 12px !important;
overflow: hidden;
transition: box-shadow 0.35s var(--sf-ease), border-color 0.35s;
}
.faq-item[open] { border-color: color-mix(in srgb, var(--sf-rose) 35%, transparent) !important; box-shadow: var(--sf-shadow) !important; }
.faq-question { padding: 18px 20px !important; font-weight: 700 !important; color: var(--sf-choco) !important; }
.faq-icon {
background: var(--sf-rose-soft) !important;
color: var(--sf-rose) !important;
border-radius: 50% !important;
transition: transform 0.35s var(--sf-ease), background-color 0.3s !important;
}
.faq-icon svg { color: var(--sf-rose) !important; }
.faq-item[open] .faq-icon { background: var(--sf-rose) !important; transform: rotate(180deg); }
.faq-item[open] .faq-icon svg { color: #fff !important; }
.faq-answer { color: var(--sf-choco-2) !important; padding: 0 20px 18px !important; line-height: 1.8; }
.faq-answer p { color: inherit !important; }
.reviews-section { background: transparent !important; }
.review-card {
position: relative;
background: var(--sf-paper) !important;
border: 1px solid var(--sf-line) !important;
border-radius: var(--sf-r) !important;
box-shadow: var(--sf-shadow-sm) !important;
padding: 28px 24px 22px !important;
transition: transform 0.45s var(--sf-ease), box-shadow 0.45s var(--sf-ease) !important;
}
.review-card::before {
content: '\201C';
position: absolute;
top: 4px;
inset-inline-end: 18px;
font-family: 'Playfair Display', Georgia, serif;
font-size: 5rem;
line-height: 1;
color: color-mix(in srgb, var(--sf-gold) 45%, transparent);
pointer-events: none;
}
.review-card:hover { transform: translateY(-5px); box-shadow: var(--sf-shadow) !important; }
.review-stars .star { color: var(--sf-line-2) !important; }
.review-stars .star.filled { color: var(--sf-gold) !important; }
.review-text { color: var(--sf-choco-2) !important; line-height: 1.8 !important; }
.review-avatar { background: var(--sf-grad) !important; color: #fff !important; }
.review-name { color: var(--sf-choco) !important; font-weight: 700 !important; }
.review-verified { color: var(--sf-gold) !important; }
.scroll-btn {
background: var(--sf-paper) !important;
color: var(--sf-choco) !important;
border: 1px solid var(--sf-line-2) !important;
box-shadow: var(--sf-shadow-sm) !important;
}
.scroll-btn svg { color: currentColor !important; }
.scroll-btn:hover { background: var(--sf-rose) !important; color: #fff !important; border-color: var(--sf-rose) !important; }
.main-footer {
margin-top: clamp(40px, 6vw, 80px);
background: #2a1c17 !important;
color: #e9dcd3 !important;
border-top: 0 !important;
padding: 0 !important;
overflow: hidden;
}
.main-footer::before {
content: '';
display: block;
height: 4px;
background: var(--sf-grad-gold);
}
.main-footer::after {
content: '';
position: absolute;
width: 520px;
height: 520px;
inset-inline-end: -160px;
top: -220px;
border-radius: 50%;
background: radial-gradient(circle, color-mix(in srgb, var(--sf-rose) 26%, transparent), transparent 65%);
pointer-events: none;
}
.main-footer .footer-container { position: relative; z-index: 1; padding-top: clamp(40px, 6vw, 64px) !important; }
.main-footer .footer-title {
color: #fff !important;
font-family: var(--sf-display) !important;
text-transform: none !important;
letter-spacing: 0 !important;
font-size: 1.2rem !important;
font-weight: 600 !important;
}
.main-footer .footer-brand .footer-title { font-size: 1.7rem !important; }
.main-footer .footer-desc { color: #cdbbb0 !important; font-size: 0.95rem !important; line-height: 1.8; max-width: 340px; }
.main-footer .footer-links a { color: #cdbbb0 !important; font-size: 0.95rem; position: relative; }
.main-footer .footer-links a:hover { color: #fff !important; }
.footer-perks { list-style: none; margin: 10px 0 0; padding: 0; display: grid; gap: 10px; }
.footer-perks li { display: flex; align-items: center; gap: 10px; color: #e9dcd3; font-size: 0.92rem; }
.footer-perks svg, .footer-wa svg { width: 20px; height: 20px; color: var(--sf-gold) !important; flex-shrink: 0; }
.footer-wa {
display: inline-flex;
align-items: center;
gap: 10px;
color: #fff !important;
font-weight: 700;
text-decoration: none;
margin-bottom: 6px;
}
.footer-wa:hover { color: var(--sf-gold) !important; }
.footer-social-link {
background: rgba(255, 255, 255, 0.07) !important;
border: 1px solid rgba(255, 255, 255, 0.12) !important;
color: #fff !important;
border-radius: 14px !important;
transition: transform 0.35s var(--sf-spring), background 0.3s !important;
}
.footer-social-link svg { color: #fff !important; }
.footer-social-link:hover { background: var(--sf-grad) !important; transform: translateY(-3px); border-color: transparent !important; }
.main-footer .footer-bottom {
border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
color: #a8958a !important;
}
.main-footer .footer-bottom p { color: #a8958a !important; }
.whatsapp-float { box-shadow: 0 14px 30px -10px rgba(37, 211, 102, 0.6) !important; }
@media (max-width: 768px) {
.sf-head-split { flex-direction: column; align-items: flex-start; }
.products-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; }
.product-card { padding: 7px !important; border-radius: 16px !important; }
.product-card .product-image { border-radius: 12px; }
.product-card .product-info { padding: 10px 4px 4px !important; gap: 6px; }
.product-card .product-name { font-size: 0.9rem !important; }
.product-card .product-price { font-size: 1.12rem !important; }
.product-card .product-btn, .product-card .add-to-cart-btn { min-height: 40px; font-size: 0.82rem !important; padding: 0 8px !important; }
.sf-btn { min-height: 48px; padding: 0 22px; }
.sf-page-hero::before { inset: 8px 8px 0; }
.sf-blob { opacity: 0.45; }
}
@media (max-width: 360px) {
.products-grid { gap: 8px !important; }
.product-card .product-btn, .product-card .add-to-cart-btn { font-size: 0.76rem !important; }
}
@media (prefers-reduced-motion: reduce) {
.sf-blob, .sf-pattern { animation: none !important; }
.sf-rise { animation: none !important; }
.sf-js [data-sf-reveal] { opacity: 1 !important; transform: none !important; transition: none !important; }
.product-card, .sf-btn { transition: none !important; }
html { scroll-behavior: auto; }
}
.product-price, .product-detail-price, .receipt-value, .receipt-row-total, .how-step-num,
.price-old, .cart-item, .thank-you-value, .thank-you-order-num {
font-variant-numeric: lining-nums tabular-nums;
}
.main-content { overflow-x: clip; }
.sf-page-hero .container { display: flex; flex-direction: column; align-items: center; }
.sf-page-hero .sf-crumbs { margin-bottom: 18px; }
.section-header { text-align: center !important; display: flex; flex-direction: column; align-items: center; }
.section-subtitle { text-align: center !important; margin-inline: auto !important; max-width: 640px; }
.section-title::after { margin-inline: auto !important; }
.product-description { margin-top: clamp(32px, 5vw, 56px); }
.product-description > h2 {
display: flex;
align-items: center;
gap: 14px;
font-family: var(--sf-display) !important;
font-weight: 600 !important;
font-size: clamp(1.4rem, 2.4vw, 1.8rem) !important;
color: var(--sf-choco) !important;
border: 0 !important;
padding: 0 !important;
margin: 0 0 16px !important;
}
.product-description > h2::before { display: none !important; }
.product-description > h2::after {
content: '' !important;
display: block !important;
position: static !important;
flex: 1;
height: 1px !important;
width: auto !important;
background: linear-gradient(90deg, color-mix(in srgb, var(--sf-gold) 70%, transparent), transparent) !important;
}
[dir="rtl"] .product-description > h2::after { background: linear-gradient(270deg, color-mix(in srgb, var(--sf-gold) 70%, transparent), transparent) !important; }
.product-description-content { padding: clamp(18px, 3vw, 30px) !important; }
.sf-btn-primary, .sf-btn-primary:hover, .sf-btn-glass, .sf-btn-glass:hover { color: #fff !important; }
.sf-btn-outline { color: var(--sf-rose) !important; }
.sf-btn-outline:hover { color: #fff !important; }
.sf-btn-light { color: #3b2721 !important; }
.sf-btn-light:hover { color: var(--sf-rose) !important; }
.hx-cat { color: var(--sf-choco) !important; }
.hx-cat:hover .hx-cat-name { color: var(--sf-rose) !important; }
.hx-feature-cat, .hx-feature-cat:hover { color: #fff !important; }
.hx-social-icon, .hx-social-icon:hover { color: #fff !important; }
.sf-link-arrow { color: var(--sf-rose) !important; }
.product-card .product-btn { color: #fff !important; }