:root{--primary:#c9a55a;--primary-dark:#9d7e3f;--primary-light:#e4c88d;--accent:#8b6f47;--dark:#1a1511;--text:#3d3428;--text-light:#6b5d4f;--muted:#9a8975;--bg:#fff;--bg-secondary:#faf8f5;--bg-tertiary:#f5f1ea;--border:#e8e3da;--border-light:#f2ede4;--danger:#d32f2f;--success:#388e3c;--warning:#f57c00;--info:#baad57;--shadow-xs:0 1px 3px #1a15110f;--shadow-sm:0 2px 8px #1a151114;--shadow-md:0 4px 16px #1a15111a;--shadow-lg:0 8px 32px #1a15111f;--shadow-xl:0 16px 48px #1a151126;--transition-fast:all .15s cubic-bezier(.4, 0, .2, 1);--transition:all .3s cubic-bezier(.4, 0, .2, 1);--transition-slow:all .5s cubic-bezier(.4, 0, .2, 1);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--spacing-xs:8px;--spacing-sm:16px;--spacing-md:24px;--spacing-lg:32px;--spacing-xl:48px;--spacing-2xl:64px;color:var(--text);background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:16px;line-height:1.6}*{box-sizing:border-box;margin:0;padding:0}html{width:100%;overflow-x:hidden}body{background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;margin:0;padding:0;line-height:1.6;position:relative;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}a{color:inherit;transition:var(--transition);text-decoration:none}a:hover{color:var(--primary)}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img{max-width:100%;height:auto;display:block}input,textarea,select{font-family:inherit;font-size:inherit}.container{width:100%;max-width:1280px;padding:0 var(--spacing-md);margin:0 auto}@media (width<=768px){.container{padding:0 var(--spacing-sm)}}.site-main{background:var(--bg);flex:1}.page{padding:var(--spacing-2xl) var(--spacing-md);min-height:60vh}@media (width<=768px){.page{padding:var(--spacing-lg) var(--spacing-sm)}}.page.narrow{max-width:600px;margin:0 auto}.section-title{color:var(--dark);margin:0 0 var(--spacing-lg);letter-spacing:-.02em;font-size:42px;font-weight:700;line-height:1.2;position:relative}.ordercss{color:var(--dark);margin:0 0 var(--spacing-lg);letter-spacing:-.02em;margin-top:150px;font-size:42px;font-weight:700;line-height:1.2;position:relative}.section-title span{color:var(--primary);display:inline-block;position:relative}.section-title span:after{content:"";background:linear-gradient(90deg, var(--primary), var(--primary-light));border-radius:var(--radius-sm);opacity:.6;width:100%;height:4px;position:absolute;bottom:-8px;left:0}@media (width<=768px){.section-title{margin-bottom:var(--spacing-md);font-size:32px}.section-title span:after{height:3px;bottom:-6px}}@media (width<=480px){.section-title{font-size:28px}}.lead-text{max-width:900px;margin:0 auto var(--spacing-md);color:var(--text-light);text-align:center;font-size:18px;font-weight:400;line-height:1.8}@media (width<=768px){.lead-text{font-size:16px;line-height:1.7}}.btn{justify-content:center;align-items:center;gap:var(--spacing-xs);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);text-align:center;text-transform:none;letter-spacing:.02em;border:2px solid #0000;padding:14px 32px;font-size:15px;font-weight:600;line-height:1.5;display:inline-flex;position:relative;overflow:hidden}.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:linear-gradient(135deg, var(--primary-dark), var(--primary));box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-outline{color:var(--primary);border-color:var(--primary);background:0 0}.btn-outline:hover{background:var(--primary);color:#fff;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.btn-secondary{background:var(--bg-tertiary);color:var(--text);border-color:var(--border)}.btn-secondary:hover{background:var(--border);border-color:var(--primary)}.btn-sm{padding:10px 20px;font-size:14px}.btn-lg{padding:16px 40px;font-size:16px}@media (width<=480px){.btn{width:100%;padding:12px 24px;font-size:14px}.btn-sm{padding:8px 16px;font-size:13px}.btn-lg{padding:14px 32px;font-size:15px}}.site-header{z-index:9999;background:#fff;width:100%;position:fixed;top:0;left:0}.topbar{background:linear-gradient(135deg, var(--dark), #2a231d);color:#f8f5f0;border-bottom:1px solid #c9a55a33;font-size:13px}.topbar-inner{gap:var(--spacing-md);padding:10px var(--spacing-md);flex-wrap:wrap;align-items:center;display:flex}.topbar-inner .icon{margin-right:4px}.topbar-inner a{color:#f8f5f0;transition:var(--transition);text-decoration:none}.topbar-inner a:hover{color:var(--primary-light)}.topbar-right{background:linear-gradient(90deg, var(--primary), var(--primary-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-left:auto;font-weight:500}@media (width<=968px){.topbar{display:none}.topbar-inner{gap:var(--spacing-sm);justify-content:center;font-size:12px}.topbar-right{text-align:center;-webkit-text-fill-color:#f8f5f0;width:100%;margin-left:0}}@media (width<=576px){.topbar{font-size:11px}.topbar-inner{padding:8px var(--spacing-sm);gap:var(--spacing-xs)}}.navbar{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md);background:#fff;flex-wrap:wrap;display:flex}@media (width<=968px){.navbar{gap:var(--spacing-md);padding:var(--spacing-sm);flex-wrap:nowrap;justify-content:space-between}}.mobile-menu-toggle{cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition);background:0 0;border:none;flex-direction:column;gap:4px;padding:8px;display:none}.mobile-menu-toggle span{background:var(--dark);width:24px;height:3px;transition:var(--transition);border-radius:2px}.mobile-menu-toggle:hover{background:var(--bg-tertiary)}@media (width<=968px){.mobile-menu-toggle{display:flex}}.brand{color:var(--primary);white-space:nowrap;transition:var(--transition);align-items:center;gap:12px;font-size:24px;font-weight:800;text-decoration:none;display:flex}.brand:hover{color:var(--primary-dark);transform:scale(1.03)}.brand-logo{object-fit:contain;width:auto;height:80px;transition:var(--transition);filter:drop-shadow(0 2px 4px #0000001a)}.brand:hover .brand-logo{transform:rotate(-3deg)scale(1.05)}.brand-text{background:linear-gradient(135deg, var(--primary), var(--primary-dark));-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;font-weight:800}@media (width<=968px){.brand{gap:10px;font-size:20px}.brand-logo{height:48px}}@media (width<=576px){.brand{font-size:18px}.brand-logo{height:42px}.brand-text{display:none}}.main-nav{gap:var(--spacing-md);flex-wrap:wrap;align-items:center;display:flex}@media (width<=968px){.main-nav{width:280px;height:100vh;padding:var(--spacing-2xl) var(--spacing-md);box-shadow:var(--shadow-xl);z-index:1001;background:#fff;flex-direction:column;align-items:stretch;gap:0;transition:transform .3s cubic-bezier(.4,0,.2,1);display:none;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%)}.main-nav.mobile-open{display:flex;transform:translate(0)}.desktop-only{display:none!important}}.main-nav a,.main-nav .dropdown>span{color:var(--dark);cursor:pointer;transition:var(--transition);border-radius:var(--radius-sm);padding:10px 8px;font-size:15px;font-weight:600;position:relative}.main-nav a:after,.main-nav .dropdown>span:after{content:"";background:linear-gradient(90deg, var(--primary), var(--primary-light));width:0;height:3px;transition:var(--transition);border-radius:2px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.main-nav a:hover,.main-nav .dropdown>span:hover{color:var(--primary)}.main-nav a:hover:after,.main-nav .dropdown>span:hover:after{width:80%}.main-nav a.active{color:var(--primary);font-weight:700}.main-nav a.active:after{width:80%}@media (width<=968px){.main-nav a,.main-nav .dropdown>span{text-align:left;width:100%;padding:14px 16px;font-size:16px;display:block}.main-nav>a,.main-nav>.dropdown{width:100%}.main-nav a:after,.main-nav .dropdown>span:after{left:16px;transform:translate(0)}.main-nav a:hover:after,.main-nav .dropdown>span:hover:after,.main-nav a.active:after{width:40px}}.mobile-menu-overlay{display:none}@media (width<=968px){.mobile-menu-overlay{z-index:1000;background:#00000080;width:100vw;height:100vh;animation:.3s fadeIn;display:block;position:fixed;top:0;left:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dropdown{position:relative}.dropdown-menu{border:1px solid var(--border-light);box-shadow:var(--shadow-lg);z-index:100;min-width:220px;padding:var(--spacing-xs) 0;border-radius:var(--radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffffa;flex-direction:column;animation:.25s cubic-bezier(.4,0,.2,1) slideDown;display:none;position:absolute;top:100%;left:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.dropdown:hover .dropdown-menu{display:flex}.dropdown-menu a,.dropdown-menu button{text-align:left;transition:var(--transition);cursor:pointer;width:100%;color:var(--text);background:0 0;border:none;border-left:3px solid #0000;padding:12px 20px;font-size:15px;font-weight:500}.dropdown-menu a:hover,.dropdown-menu button:hover{background:var(--bg-tertiary);color:var(--primary);border-left-color:var(--primary);padding-left:24px}@media (width<=968px){.dropdown-menu{box-shadow:none;padding-left:var(--spacing-md);background:var(--bg-secondary);border:none;border-radius:0;margin-top:0;animation:none;position:static}.dropdown:hover .dropdown-menu{display:none}.dropdown.mobile-open .dropdown-menu{animation:.25s cubic-bezier(.4,0,.2,1) slideDown;display:flex}.main-nav .dropdown>span{justify-content:space-between;align-items:center;display:flex}}.nav-actions{align-items:center;gap:var(--spacing-md);margin-left:auto;font-size:22px;display:flex}.signin-button{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--primary), var(--primary-dark));transition:var(--transition);box-shadow:var(--shadow-sm);text-transform:uppercase;letter-spacing:.5px;font-weight:600;border:2px solid var(--primary)!important;color:#fff!important;padding:10px 24px!important;font-size:15px!important}.signin-button:hover{box-shadow:var(--shadow-md)!important;background:linear-gradient(135deg, var(--primary-dark), var(--primary))!important;border-color:var(--primary-dark)!important;transform:translateY(-2px)!important}.secondary-logo{object-fit:contain;width:auto;height:48px;margin-left:var(--spacing-sm);filter:drop-shadow(0 2px 4px #0000001a);transition:var(--transition)}.footerlogo{object-fit:contain;width:260px;height:auto;margin:0;display:block}.footer-logo{justify-content:center;align-items:center;height:100%;display:flex}.secondary-logo:hover{transform:scale(1.05)}@media (width<=768px){.nav-actions{gap:var(--spacing-sm);font-size:20px}.signin-button{padding:8px 18px!important;font-size:14px!important}.secondary-logo{height:40px}}@media (width<=576px){.secondary-logo{height:36px;margin-left:8px}.signin-button{padding:6px 14px!important;font-size:13px!important}}.nav-actions a,.nav-actions .dropdown>span{transition:var(--transition);border-radius:var(--radius-sm);color:var(--dark);justify-content:center;align-items:center;padding:8px;display:inline-flex;position:relative}.nav-actions a:hover,.nav-actions .dropdown>span:hover{color:var(--primary);background:var(--bg-tertiary);transform:translateY(-2px)}.cart-link{position:relative}.cart-badge{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;text-align:center;min-width:20px;height:20px;box-shadow:var(--shadow-sm);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;padding:3px 7px;font-size:11px;font-weight:700;animation:.5s cubic-bezier(.4,0,.2,1) cartBadgePulse;display:flex;position:absolute;top:-4px;right:-6px}@keyframes cartBadgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.link-button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;padding:0}.mobile-nav-items{display:none}@media (width<=968px){.mobile-nav-items{width:100%;margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:2px solid var(--border-light);flex-direction:column;gap:0;display:flex!important}.mobile-nav-items a,.mobile-nav-items button{width:100%;color:var(--dark);text-align:left;cursor:pointer;transition:var(--transition);border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;gap:10px;padding:14px 16px;font-size:16px;font-weight:600;display:flex}.mobile-nav-items a:hover,.mobile-nav-items button:hover{background:var(--bg-tertiary);color:var(--primary);padding-left:20px}.mobile-cart-link{position:relative}.mobile-cart-link .cart-badge{margin-left:auto;position:relative;top:auto;right:auto}.mobile-signin-link{background:linear-gradient(135deg, var(--primary), var(--primary-dark))!important;color:#fff!important;text-align:center!important;border-radius:var(--radius-md)!important;margin-top:var(--spacing-sm)!important;justify-content:center!important;padding:14px 16px!important;font-weight:700!important;display:flex!important}.mobile-signin-link:hover{box-shadow:var(--shadow-md)!important;background:linear-gradient(135deg, var(--primary-dark), var(--primary))!important;transform:scale(1.02)!important}.mobile-logout-btn{font-weight:600;color:var(--danger)!important}.mobile-secondary-logo{padding-top:var(--spacing-xl);border-top:2px solid var(--border-light);justify-content:center;align-items:center;margin-top:auto;display:flex}.mobile-secondary-logo img{object-fit:contain;opacity:.9;width:auto;height:60px}}.site-footer{background:linear-gradient(135deg, var(--dark), #2a231d);color:#e8e0d4;margin-top:var(--spacing-4xl);border-top:3px solid var(--primary);box-shadow:0 -4px 24px #0000001f}.trust-badges{background:linear-gradient(135deg, var(--dark), #2a231d);border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;grid-template-columns:repeat(4,1fr);display:grid}.trust-badge{text-align:center;border-right:1px solid #ffffff14;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:45px 20px;display:flex}.trust-badge:last-child{border-right:none}.trust-icon{width:42px;height:42px;color:var(--primary)}.trust-badge h4{color:#fff;letter-spacing:3px;margin:0;font-size:18px;font-weight:600}@media (width<=768px){.trust-badges{grid-template-columns:repeat(2,1fr)}.trust-badge{border-bottom:1px solid #eee;padding:30px 15px}.trust-badge:nth-child(2n){border-right:none}.trust-badge:nth-last-child(-n+2){border-bottom:none}.trust-icon{width:34px;height:34px}.trust-badge h4{letter-spacing:2px;font-size:14px}}.footer-grid{grid-template-columns:repeat(4,1fr);align-items:start;gap:40px;padding:70px 20px;display:grid}@media (width<=968px){.footer-grid{gap:var(--spacing-lg);padding:var(--spacing-xl) var(--spacing-md);grid-template-columns:repeat(2,1fr)}}@media (width<=576px){.footer-grid{gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-sm);grid-template-columns:1fr}}.footer-grid h4{color:#fff;margin-bottom:var(--spacing-md);letter-spacing:-.01em;padding-bottom:12px;font-size:20px;font-weight:700;position:relative}.footer-grid h4:after{content:"";background:linear-gradient(90deg, var(--primary), var(--primary-light));border-radius:2px;width:50px;height:3px;position:absolute;bottom:0;left:0}.footer-grid p{color:#d0c4b3;margin-bottom:var(--spacing-sm);line-height:1.8}.footer-grid ul{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.footer-grid ul a{transition:var(--transition);align-items:center;gap:8px;padding:4px 0;font-weight:500;display:inline-flex}.footer-grid ul a:hover{color:var(--primary-light);padding-left:12px}.footer-grid ul a:before{content:"→";opacity:0;transition:var(--transition);transform:translate(-8px)}.footer-grid ul a:hover:before{opacity:1;transform:translate(0)}.footer-bottom{padding:var(--spacing-md);text-align:center;color:#b8a894;background:#0003;border-top:1px solid #ffffff1a;font-size:14px}.footer-bottom .container{justify-content:center;align-items:center;gap:var(--spacing-xs);display:flex}@media (width<=576px){.footer-bottom{font-size:13px}}.home-page{background:var(--bg)}.home-page>section{padding:var(--spacing-2xl) 0}.home-page>section:first-of-type{padding-top:var(--spacing-xl)}.home-page .section-title{text-align:center}.hero-slider{border-radius:0 0 var(--radius-xl) var(--radius-xl);background:var(--bg);max-height:600px;position:relative;overflow:hidden}.hero-slider:before{content:"";z-index:1;pointer-events:none;position:absolute;inset:0}.hero-slider img,.hero-slider video,.hero-video{object-fit:contain;background:#fcfafa;width:100%;height:100%;max-height:600px}@media (width<=968px){.hero-slider,.hero-slider img,.hero-slider video{max-height:450px}}@media (width<=576px){.hero-slider{border-radius:0 0 var(--radius-lg) var(--radius-lg);max-height:320px}.hero-slider img,.hero-slider video{max-height:320px}}@media (width<=768px){.hero-slider{border-radius:0 0 18px 18px;height:45vh;min-height:260px;max-height:420px}.hero-slider video,.hero-slider img{object-position:center center}}.category-tabs{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-md) 0;flex-wrap:wrap;justify-content:center;align-items:center;display:flex}@media (width<=768px){.category-tabs{gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}}.category-tab{padding:var(--spacing-lg);border:3px solid var(--border);cursor:pointer;transition:var(--transition);width:160px;height:160px;box-shadow:var(--shadow-md);background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.category-tab:hover{border-color:var(--info);box-shadow:var(--shadow-lg);transform:translateY(-6px)scale(1.05)}.category-tab.active{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;box-shadow:var(--shadow-xl);transform:scale(1.08)}.category-tab img{object-fit:contain;width:70px;height:70px;transition:var(--transition);filter:drop-shadow(0 2px 6px #00000026);border-radius:10%}.category-tab:hover img{transform:scale(1.3)}.category-tab.active img{filter:drop-shadow(0 4px 8px #ffffff4d);transform:scale(1.15)}.category-tab span{text-align:center;text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:700;line-height:1.2}@media (width<=768px){.category-tab{width:130px;height:130px;padding:var(--spacing-md);gap:8px}.category-tab img{width:56px;height:56px}.category-tab span{font-size:12px}}@media (width<=480px){.category-tab{gap:6px;width:110px;height:110px;padding:12px}.category-tab img{width:44px;height:44px}.category-tab span{font-size:11px}}.product-grid{gap:var(--spacing-lg);margin-top:var(--spacing-xl);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=1200px){.product-grid{gap:var(--spacing-md);grid-template-columns:repeat(3,1fr)}}@media (width<=968px){.product-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}}@media (width<=576px){.product-grid{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}}.product-card{border:1px solid var(--border-light);border-radius:var(--radius-md);transition:var(--transition);box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.product-card:before{content:"";opacity:0;transition:var(--transition);pointer-events:none;z-index:1;background:linear-gradient(135deg,#c9a55a0d,#c9a55a26);position:absolute;inset:0}.product-badge{color:#fff;border-radius:var(--radius-xl);z-index:2;box-shadow:var(--shadow-md);background:linear-gradient(135deg,#e74c3c,#c0392b);padding:6px 12px;font-size:13px;font-weight:700;animation:.4s fadeInScale;position:absolute;top:12px;right:12px}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.product-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary);transform:translateY(-6px)}.product-card:hover:before{opacity:1}.product-card-image{background:var(--bg-tertiary);aspect-ratio:1;position:relative;overflow:hidden}.product-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1)}.product-card:hover .product-card-image img{transform:scale(1.12)}.placeholder{background:linear-gradient(135deg, var(--bg-secondary), var(--bg-tertiary));width:100%;height:100%;color:var(--muted);justify-content:center;align-items:center;font-size:14px;font-weight:500;display:flex}.product-card-body{padding:var(--spacing-md);z-index:2;flex-direction:column;flex:1;gap:12px;display:flex;position:relative}.product-card-body h4{color:var(--dark);transition:var(--transition);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:16px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.product-card:hover .product-card-body h4{color:var(--primary)}.price-row{align-items:center;gap:12px;margin-top:auto;display:flex}.price{color:var(--primary);font-size:20px;font-weight:700}.price-row del{color:var(--muted);font-size:15px;font-weight:500}.subcategory-tabs{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--radius-lg);flex-wrap:wrap;display:flex}.subcategory-tabs a{border:2px solid var(--border);border-radius:var(--radius-xl);transition:var(--transition);box-shadow:var(--shadow-xs);background:#fff;padding:12px 24px;font-size:15px;font-weight:600}.subcategory-tabs a:hover{border-color:var(--primary);background:var(--bg-tertiary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.subcategory-tabs a.active{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border-color:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}@media (width<=576px){.subcategory-tabs{gap:8px;padding:8px}.subcategory-tabs a{padding:10px 18px;font-size:14px}}.product-details{gap:var(--spacing-2xl);padding:var(--spacing-xl) 0;grid-template-columns:1fr 1fr;margin-top:70px;display:grid}@media (width<=968px){.product-details{gap:var(--spacing-xl);grid-template-columns:1fr}}.product-gallery-main{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:var(--bg-tertiary);aspect-ratio:1;position:relative;overflow:hidden}.product-gallery-main img{object-fit:cover;border-radius:var(--radius-lg);border:1px solid var(--border-light);width:100%;height:100%;transition:transform .5s cubic-bezier(.4,0,.2,1)}.product-gallery-main:hover img{transform:scale(1.06)}.product-gallery-thumbs{gap:var(--spacing-sm);margin-top:var(--spacing-sm);flex-wrap:wrap;display:flex}.product-gallery-thumbs img{object-fit:cover;border-radius:var(--radius-sm);cursor:pointer;width:80px;height:80px;transition:var(--transition);box-shadow:var(--shadow-sm);background:var(--bg-tertiary);border:3px solid #0000}.product-gallery-thumbs img:hover{border-color:var(--primary-light);transform:scale(1.05)}.product-gallery-thumbs img.active{border-color:var(--primary);box-shadow:var(--shadow-md)}@media (width<=576px){.product-gallery-thumbs img{width:64px;height:64px}}.product-info h2{color:var(--dark);letter-spacing:-.02em;margin-top:0;font-size:32px;font-weight:700;line-height:1.3}@media (width<=768px){.product-info h2{font-size:26px}}.form-row{margin:var(--spacing-md) 0;flex-direction:column;gap:10px;display:flex}.form-row label{color:var(--dark);font-size:15px;font-weight:600}.inline-input{gap:var(--spacing-sm);align-items:center;display:flex}.inline-input input{flex:1}.actions{gap:var(--spacing-md);margin-top:var(--spacing-lg);flex-wrap:wrap;display:flex}@media (width<=576px){.actions{flex-direction:column}.actions .btn{width:100%}}input,textarea,select{border:2px solid var(--border);border-radius:var(--radius-md);width:100%;transition:var(--transition);color:var(--text);background:#fff;padding:14px 18px;font-family:inherit;font-size:15px}input:focus,textarea:focus,select:focus{border-color:var(--primary);background:#fff;outline:none;box-shadow:0 0 0 4px #c9a55a1f}input:hover:not(:focus),textarea:hover:not(:focus),select:hover:not(:focus){border-color:var(--primary-light)}input::placeholder,textarea::placeholder{color:var(--muted)}textarea{resize:vertical;min-height:120px;line-height:1.6}@media (width<=768px){input,textarea,select{padding:12px 16px;font-size:14px}}@media (width<=576px){input,textarea,select{padding:10px 14px;font-size:14px}textarea{min-height:100px}}.simple-form{gap:var(--spacing-md);flex-direction:column;width:100%;max-width:560px;margin-top:100px;display:flex}@media (width<=968px){.simple-form{max-width:100%;padding:0}.simple-form .btn{justify-content:center;width:100%}.simple-form input,.simple-form textarea,.simple-form select{box-sizing:border-box;width:100%}}@media (width<=576px){.simple-form{gap:var(--spacing-sm)}}.checkout-form{gap:var(--spacing-md);max-width:520px;margin-top:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-light);flex-direction:column;display:flex}.file-label{color:var(--dark);flex-direction:column;gap:10px;font-size:15px;font-weight:600;display:flex}.hint-text{color:var(--success);word-break:break-word;align-items:center;gap:6px;width:100%;font-size:14px;font-weight:500;animation:.3s fadeInUp;display:flex}.error-text{color:var(--danger);word-break:break-word;align-items:center;gap:6px;width:100%;font-size:14px;font-weight:500;animation:.4s shake;display:flex}@media (width<=576px){.hint-text,.error-text{flex-wrap:wrap;font-size:13px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.cart-table{border-collapse:separate;border-spacing:0;width:100%;margin-bottom:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;overflow:hidden}.cart-table th{padding:var(--spacing-md);background:var(--bg-tertiary);border-bottom:2px solid var(--border);text-align:left;color:var(--dark);text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:700}.cart-table td{padding:var(--spacing-md);border-bottom:1px solid var(--border-light);text-align:left;vertical-align:middle}.cart-table tr:last-child td{border-bottom:none}.cart-table tr:hover td{background:var(--bg-secondary)}.cart-item-cell{align-items:center;gap:var(--spacing-md);display:flex}.cart-item-cell img{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border-light);width:80px;height:80px}.cart-table input[type=number]{text-align:center;width:80px}.cart-summary{max-width:450px;padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);margin-left:auto}.coupon-row{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);display:flex}@media (width<=768px){.cart-table{font-size:14px}.cart-item-cell{flex-direction:column;align-items:flex-start}.cart-item-cell img{width:60px;height:60px}}.contact-grid{gap:var(--spacing-2xl);margin-top:var(--spacing-xl);grid-template-columns:1fr 1.5fr;align-items:start;display:grid}@media (width<=968px){.contact-grid{gap:var(--spacing-lg);grid-template-columns:1fr}}@media (width<=576px){.contact-grid{gap:var(--spacing-md)}}.contact-info{padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-light)}.contact-info p{margin-bottom:var(--spacing-md);color:var(--text-light);word-break:break-word;flex-wrap:wrap;align-items:center;gap:12px;font-size:16px;display:flex}@media (width<=968px){.contact-info{padding:var(--spacing-md)}.contact-info p{flex-direction:column;align-items:flex-start;gap:8px;font-size:15px}}@media (width<=576px){.contact-info{padding:var(--spacing-sm)}.contact-info p{gap:6px;font-size:14px}.contact-info p b{margin-bottom:4px;display:block}}.contact-info h3{color:var(--dark);margin-bottom:var(--spacing-md)}.career-postings{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.career-posting-card{border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:var(--transition);box-shadow:var(--shadow-sm);background:#fff}.career-posting-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-4px)}.career-posting-card h3{color:var(--dark);margin-bottom:var(--spacing-sm);font-size:20px}.career-posting-card p{color:var(--text-light);margin-bottom:var(--spacing-sm);line-height:1.7}.blog-grid{margin-top:var(--spacing-xl);gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}@media (width<=768px){.blog-grid{gap:var(--spacing-md);grid-template-columns:1fr}}.blog-card{border:1px solid var(--border-light);border-radius:var(--radius-lg);transition:var(--transition);box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;display:flex;overflow:hidden}.blog-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary);transform:translateY(-6px)}.blog-card img{object-fit:cover;width:100%;height:220px;transition:transform .5s cubic-bezier(.4,0,.2,1)}.blog-card:hover img{transform:scale(1.08)}.blog-card-body{padding:var(--spacing-md);flex-direction:column;flex:1;display:flex}.blog-card h4{margin:10px 10px var(--spacing-sm);color:var(--dark);font-size:18px;font-weight:700;line-height:1.4}.blog-card p{color:var(--text-light);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-detail-image{object-fit:cover;border-radius:var(--radius-lg);width:100%;max-height:500px;margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-md)}.blog-detail-content{max-width:800px;margin:0 auto}.blog-detail-content p{margin-bottom:var(--spacing-md);color:var(--text);font-size:17px;line-height:1.8}.blog-detail-content h2,.blog-detail-content h3{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-md);color:var(--dark)}.order-card{border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);box-shadow:var(--shadow-sm);transition:var(--transition);background:#fff}.order-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary)}.order-card-header{gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-light);flex-wrap:wrap;font-size:14px;display:flex}.order-card-header>div{flex-direction:column;gap:4px;display:flex}.order-card-header strong{color:var(--dark);text-transform:uppercase;letter-spacing:.05em;font-size:13px}.status{border-radius:var(--radius-xl);background:var(--bg-tertiary);border:1px solid var(--border);padding:6px 14px;font-size:13px;font-weight:600;display:inline-block}.status.pending{color:#856404;background:#fff3cd;border-color:#ffeaa7}.status.processing{color:#084298;background:#cfe2ff;border-color:#9ec5fe}.status.shipped{color:#0a3622;background:#d1e7dd;border-color:#a3cfbb}.status.delivered{color:#055160;background:#d1ecf1;border-color:#9dd1e0}.order-items{gap:var(--spacing-sm);flex-direction:column;display:flex}.order-total{text-align:right;color:var(--primary);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:2px solid var(--border);font-size:20px;font-weight:700}.about-content{max-width:900px;padding:var(--spacing-md);margin:0 auto}.about-content p{margin-bottom:var(--spacing-lg);color:var(--text);text-align:justify;font-size:17px;line-height:1.9}.about-content h2,.about-content h3{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);color:var(--dark);font-weight:700}.about-content h3{color:var(--primary-dark);border-bottom:3px solid var(--primary-light);margin-top:var(--spacing-2xl);padding-bottom:10px;font-size:26px}.about-content h3:first-of-type{margin-top:var(--spacing-lg)}@media (width<=768px){.about-content{padding:var(--spacing-sm)}.about-content p{font-size:16px}.about-content h3{font-size:22px}}.loading-spinner{border:4px solid var(--border-light);border-top-color:var(--primary);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.loading-container{justify-content:center;align-items:center;min-height:300px;display:flex}html{scroll-behavior:smooth}::selection{background:var(--primary);color:#fff}::selection{background:var(--primary);color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--primary-dark);border-radius:9px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:var(--radius-sm)}@media (width<=900px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=576px){.footer-grid{grid-template-columns:1fr}}.showcase-section{border-radius:16px;margin:50px auto;padding:32px 20px}.showcase-container{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:24px;display:grid}.showcase-item{cursor:pointer;color:inherit;background:#fff;border-radius:12px;text-decoration:none;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000014}.showcase-item:hover{transform:translateY(-6px);box-shadow:0 12px 24px #00000026}.showcase-media{background:linear-gradient(135deg,#b7a124 0%,#d5c7a3 100%);width:100%;height:240px;position:relative;overflow:hidden}.showcase-item:hover .video-play-indicator{opacity:1;transform:translate(-50%,-50%)scale(1.1)}.showcase-item:active .video-play-indicator{transform:translate(-50%,-50%)scale(.95)}.showcase-image,.showcase-video{width:100%;height:100%;transition:transform .6s}.showcase-item:hover .showcase-image,.showcase-item:hover .showcase-video{transform:scale(1.1)}.showcase-overlay{opacity:0;background:linear-gradient(#0000 0%,#0009 100%);justify-content:flex-end;align-items:flex-start;padding:12px;transition:opacity .3s;display:flex;position:absolute;inset:0}.showcase-item:hover .showcase-overlay{opacity:1}.showcase-badge{color:#000;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#ecece8 0%,#846a10 100%);border-radius:20px;padding:6px 14px;font-size:11px;font-weight:600;box-shadow:0 3px 10px #0410074d}.showcase-content{background:#fff;padding:16px}.showcase-title{color:#2d3748;margin:0 0 8px;font-size:16px;font-weight:700;line-height:1.3}.showcase-description{color:#718096;margin:0;font-size:13px;line-height:1.5}@media (width<=1024px){.showcase-container{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.showcase-media{height:220px}.showcase-title{font-size:15px}.showcase-description{font-size:12px}}@media (width<=768px){.showcase-section{border-radius:12px;margin:40px auto;padding:24px 15px}.showcase-container{grid-template-columns:repeat(3,1fr);gap:14px}.showcase-media{height:180px}.showcase-content{padding:12px}.showcase-title{font-size:13px}.showcase-description{font-size:11px}.showcase-badge{padding:4px 10px;font-size:9px}}@media (width<=480px){.showcase-section{margin:30px auto;padding:20px 10px}.showcase-container{grid-template-columns:repeat(2,1fr);gap:12px}.showcase-media{height:160px}.showcase-content{padding:10px}.showcase-title{font-size:12px}.showcase-description{font-size:10px}.showcase-item:hover{transform:translateY(-3px)}}.showcase-container:has(.showcase-item:nth-child(2)):not(:has(.showcase-item:nth-child(3))){grid-template-columns:repeat(2,1fr)}@media (width<=768px){.showcase-container:has(.showcase-item:nth-child(2)):not(:has(.showcase-item:nth-child(3))){grid-template-columns:1fr}}.showcase-container:has(.showcase-item:nth-child(3)):not(:has(.showcase-item:nth-child(4))){grid-template-columns:repeat(3,1fr)}@media (width<=1024px){.showcase-container:has(.showcase-item:nth-child(3)):not(:has(.showcase-item:nth-child(4))){grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.showcase-container:has(.showcase-item:nth-child(3)):not(:has(.showcase-item:nth-child(4))){grid-template-columns:1fr}}:root{--primary:#b8860b;--primary-dark:#8a6508;--dark:#23262f;--sidebar-bg:#1c1f27;--text:#2b2b2b;--muted:#6b7280;--bg:#f4f5f7;--border:#e2e5ea;--danger:#c0392b;--success:#2e7d32;color:var(--text);background:var(--bg);font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--bg);margin:0}a{color:inherit;text-decoration:none}.btn{cursor:pointer;border:1px solid #0000;border-radius:4px;padding:8px 18px;font-size:14px;font-weight:600;display:inline-block}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-outline{border-color:var(--primary);color:var(--primary);background:0 0}.link-button{color:var(--primary);cursor:pointer;background:0 0;border:none;margin-right:10px;font-size:14px}.link-button.danger{color:var(--danger)}.admin-login-page{background:var(--sidebar-bg);justify-content:center;align-items:center;min-height:100svh;display:flex}.admin-login-card{background:#fff;border-radius:8px;flex-direction:column;gap:14px;width:320px;padding:40px;display:flex}.admin-login-card h2{color:var(--dark);margin:0 0 10px;font-size:18px}.admin-login-card input{border:1px solid var(--border);border-radius:4px;padding:10px 12px}.error-text{color:var(--danger);font-size:13px}.hint-text{color:var(--success);font-size:13px}.admin-loading{text-align:center;padding:40px}.admin-shell{min-height:100svh;display:flex}.admin-sidebar{background:var(--sidebar-bg);color:#cfd3dc;flex-shrink:0;width:240px;padding:20px 0}.admin-brand{color:#fff;border-bottom:1px solid #ffffff14;margin-bottom:12px;padding:0 20px 20px;font-size:16px;font-weight:800}.admin-sidebar nav{flex-direction:column;display:flex}.admin-sidebar nav>a{color:#fff;padding:10px 20px;font-weight:600}.admin-nav-group{margin-top:14px}.admin-nav-group-title{text-transform:uppercase;letter-spacing:.06em;color:#7c8393;margin-bottom:6px;padding:0 20px;font-size:11px}.admin-nav-group a{padding:8px 20px;font-size:14px;display:block}.admin-nav-group a.active,.admin-sidebar nav>a.active{color:var(--primary);background:#b8860b33}.admin-content{flex-direction:column;flex:1;min-width:0;display:flex}.admin-topbar{border-bottom:1px solid var(--border);background:var(--sidebar-bg);justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.wlc{color:#fff;font-weight:600}.admin-main{flex:1;padding:24px}.admin-page h2{margin-top:0}.admin-form{border:1px solid var(--border);background:#fff;border-radius:8px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:24px;padding:20px;display:grid}.admin-form-field{flex-direction:column;gap:6px;display:flex}.admin-form-field label{color:var(--muted);font-size:13px;font-weight:600}.admin-form-field input,.admin-form-field select,.admin-form-field textarea,.simple-form input,.simple-form textarea{border:1px solid var(--border);border-radius:4px;padding:9px 10px;font-family:inherit;font-size:14px}.admin-form-actions{grid-column:1/-1;gap:10px;display:flex}.simple-form{flex-direction:column;gap:12px;max-width:400px;display:flex}.image-field{flex-direction:column;gap:8px;display:flex}.image-preview,.table-thumb{object-fit:cover;border-radius:4px;width:48px;height:48px}.image-preview-row{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.image-preview-item{text-align:center}.admin-table{border-collapse:collapse;border:1px solid var(--border);background:#fff;border-radius:8px;width:100%;overflow:hidden}.admin-table th,.admin-table td{border-bottom:1px solid var(--border);text-align:left;padding:10px 14px;font-size:14px}.admin-table th{background:var(--bg);text-transform:uppercase;color:var(--muted);font-size:12px}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.stat-card{border:1px solid var(--border);background:#fff;border-radius:8px;padding:20px}.stat-value{color:var(--primary);font-size:26px;font-weight:800}.stat-label{color:var(--muted);margin-top:4px;font-size:13px}.secondary-logo-admin{justify-content:center;align-items:center;width:80%;padding:20px 10px 10px 20px;display:flex}.video-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#000000eb;justify-content:center;align-items:center;padding:20px;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.video-modal-content{background:linear-gradient(145deg,#1a1a1a 0%,#2d2d2d 100%);border-radius:24px;width:100%;max-width:1200px;max-height:90vh;animation:.4s cubic-bezier(.16,1,.3,1) slideUp;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #000c,0 0 0 1px #ffffff1a}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.video-modal-close{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;z-index:10;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex;position:absolute;top:20px;right:20px}.video-modal-close:hover{background:#fff3;border-color:#fff6;transform:rotate(90deg)scale(1.1)}.video-modal-close:active{transform:rotate(90deg)scale(.95)}.video-modal-header{background:linear-gradient(#b7a12426 0%,#0000 100%);border-bottom:1px solid #ffffff1a;padding:32px 32px 24px}.video-modal-title{color:#fff;background:linear-gradient(135deg,#b7a124 0%,#d5c7a3 100%);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;margin:0;font-size:28px;font-weight:700;line-height:1.2}.video-modal-description{color:#ffffffb3;margin:12px 0 0;font-size:16px;line-height:1.6}.video-modal-player{background:#000;justify-content:center;align-items:center;width:100%;min-height:400px;display:flex;position:relative}.modal-video{outline:none;width:100%;height:auto;max-height:70vh;display:block}.video-modal-footer{background:linear-gradient(#0000 0%,#b7a1241a 100%);border-top:1px solid #ffffff1a;justify-content:center;align-items:center;padding:20px 32px;display:flex}.video-modal-badge{color:#000;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#b7a124 0%,#d5c7a3 100%);border-radius:24px;align-items:center;gap:8px;padding:10px 24px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 4px 12px #b7a12466}@media (width<=768px){.video-modal-overlay{padding:10px}.video-modal-content{border-radius:16px;max-height:95vh}.video-modal-close{width:40px;height:40px;top:12px;right:12px}.video-modal-header{padding:24px 20px 16px}.video-modal-title{font-size:22px}.video-modal-description{font-size:14px}.video-modal-player{min-height:250px}.modal-video{max-height:60vh}.video-modal-footer{padding:16px 20px}.video-modal-badge{padding:8px 18px;font-size:11px}}@media (width<=480px){.video-modal-title{font-size:18px}.video-modal-description{font-size:13px}.modal-video{max-height:50vh}}