@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap";@import"https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/tabler-icons.min.css";*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden}body{background:#0a0a0f;color:#f5f5f5;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#c9a2274d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#c9a22780}.container{max-width:1600px;margin:0 auto;padding:2rem}.header{background:linear-gradient(180deg,#0a0a0ffa,#0a0a0ff2);color:#fff;padding:.75rem 1rem;display:flex;flex-wrap:wrap;align-items:center;box-shadow:0 2px 20px #0000004d;position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(201,162,39,.15);row-gap:.5rem;column-gap:.75rem}.header .logo{font-size:1.25rem;font-weight:700;display:flex;align-items:center;gap:8px;font-family:Cormorant Garamond,Georgia,serif;flex-shrink:0;text-decoration:none;color:inherit;cursor:pointer;transition:opacity .2s ease}.header .logo:hover{opacity:.8}.header .logo:active{opacity:.65}.header-logout{display:inline-flex}@media (max-width: 1024px){.header-logout{display:none!important}}.header .logo span{color:#c9a227}.header nav{display:flex;gap:.25rem;align-items:center;flex-wrap:wrap;flex:1;justify-content:center}.header nav a{color:#ffffffb3;text-decoration:none;padding:.4rem .6rem;border-radius:8px;transition:all .3s ease;font-size:.85rem;white-space:nowrap}.header nav a:hover{background:#c9a2271a;color:#c9a227}.header nav a.active{background:#c9a22733;color:#c9a227}.header .user-info{display:flex;align-items:center;gap:.75rem;flex-shrink:0;margin-left:auto}.header .user-info .company{font-size:.75rem;opacity:.7}@media (max-width: 1023px){.header{flex-wrap:nowrap}.header .user-info{margin-left:auto}}@media (max-width: 479px){.header{padding:.5rem .75rem}.header .logo{font-size:1.1rem}.header .user-info{gap:.4rem}.header .user-info>div{display:none}.header .user-info .logout-text{display:none}}.page-header{text-align:center;padding:3rem 2rem;background:linear-gradient(180deg,rgba(201,162,39,.05) 0%,transparent 100%)}.page-title{font-family:Cormorant Garamond,serif;font-size:2.5rem;font-weight:600;color:#f5f5f5;margin-bottom:.5rem}.page-subtitle{font-size:1rem;color:#f5f5f580}.quick-actions{display:flex;gap:1rem;justify-content:center;padding:1rem 2rem 2rem;max-width:1400px;margin:0 auto}.action-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;border-radius:12px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s ease}.action-btn.primary{background:linear-gradient(135deg,#c9a227,#b8932a);color:#0a0a0f}.action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #c9a2274d}.action-btn.secondary{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#f5f5f5}.action-btn.secondary:hover{background:#ffffff26;border-color:#c9a2274d;color:#c9a227}.section-card{background:linear-gradient(180deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.08);border-radius:24px;margin:2rem;max-width:1400px;margin-left:auto;margin-right:auto;overflow:hidden}.section-card.pending{border-color:#fbbf2433}.section-header{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.08)}.section-header h2{font-family:Cormorant Garamond,serif;font-size:1.25rem;font-weight:600;color:#f5f5f5;display:flex;align-items:center;gap:.5rem}.section-header.warning{background:#fbbf240d}.section-header.warning h2{color:#fbbf24}.data-table{overflow-x:auto}.data-table table{width:100%;border-collapse:collapse}.data-table th{background:#c9a2271a;color:#c9a227;font-weight:600;padding:1rem 1.25rem;text-align:left;font-size:.85rem;letter-spacing:.05em;white-space:nowrap}.data-table td{padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.05);color:#f5f5f5cc}.data-table tr:hover td{background:#c9a2270d}.data-table td:last-child{display:flex;gap:.5rem}.badge{display:inline-block;padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:500}.badge.admin{background:#c9a22726;color:#c9a227}.btn{padding:.6rem 1.2rem;border:none;border-radius:10px;cursor:pointer;font-size:.9rem;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;font-weight:500}.btn-primary{background:linear-gradient(135deg,#c9a227,#b8932a);color:#0a0a0f}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #c9a2274d}.btn-secondary{background:#ffffff1a;color:#f5f5f5}.btn-secondary:hover{background:#ffffff26}.btn-outline{background:transparent;border:1px solid rgba(255,255,255,.2);color:#f5f5f5b3}.btn-outline:hover{background:#ffffff0d;border-color:#c9a2274d;color:#c9a227}.btn-sm{padding:.4rem .8rem;font-size:.8rem}.btn-success{background:#4ade8026;border:1px solid rgba(74,222,128,.3);color:#4ade80}.btn-danger{background:#f8717126;border:1px solid rgba(248,113,113,.3);color:#f87171}.flash{padding:1rem 1.25rem;border-radius:12px;margin-bottom:1rem;font-size:.9rem}.flash-success{background:#4ade801a;border:1px solid rgba(74,222,128,.2);color:#4ade80}.flash-danger{background:#f871711a;border:1px solid rgba(248,113,113,.2);color:#f87171}.flash-warning{background:#fbbf241a;border:1px solid rgba(251,191,36,.2);color:#fbbf24}.form-input{width:100%;padding:1rem 1.25rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#f5f5f5;font-size:1rem;transition:all .3s ease}.form-input:focus{outline:none;border-color:#c9a22780;background:#c9a2270d;box-shadow:0 0 20px #c9a2271a}.form-input::placeholder{color:#f5f5f54d}.form-select{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#f5f5f5;padding:1rem 1.5rem;border-radius:12px;cursor:pointer;transition:all .3s ease}.form-select:hover{border-color:#c9a2274d}.form-select:focus{outline:none;border-color:#c9a227}.form-select option{background:#1a1a24;color:#f5f5f5}.form-label{display:block;font-size:.85rem;color:#f5f5f5b3;margin-bottom:.75rem;font-weight:500;letter-spacing:.02em}.card{background:linear-gradient(180deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.08);border-radius:24px;overflow:hidden;transition:all .5s cubic-bezier(.16,1,.3,1);position:relative}.card:hover{transform:translateY(-8px);border-color:#c9a2274d;box-shadow:0 20px 60px #0006,0 0 40px #c9a2271a}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(180deg,rgba(201,162,39,.05) 0%,transparent 30%);opacity:0;transition:opacity .5s ease;pointer-events:none}.card:hover:before{opacity:1}.card-body{padding:1.5rem}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;padding:2rem;max-width:1400px;margin:0 auto}.stat-card{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:2rem;text-align:center;position:relative;overflow:hidden;transition:all .5s cubic-bezier(.16,1,.3,1)}.stat-card:hover{transform:translateY(-10px);border-color:#c9a2274d;box-shadow:0 30px 60px #0000004d}.stat-card.pending{border-color:#fbbf244d}.stat-card.pending .stat-icon{color:#fbbf24}.stat-icon{font-size:2.5rem;margin-bottom:1rem;color:#c9a227}.stat-number{font-family:Cormorant Garamond,serif;font-size:3rem;font-weight:700;color:#c9a227;line-height:1;margin-bottom:.5rem}.stat-label{font-size:.9rem;color:#f5f5f599;letter-spacing:.05em}.product-card{background:linear-gradient(180deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.08);border-radius:24px;overflow:hidden;transition:all .5s cubic-bezier(.16,1,.3,1);position:relative}.product-card:hover{transform:translateY(-8px) scale(1.02);border-color:#c9a2274d;box-shadow:0 20px 60px #0006,0 0 40px #c9a2271a}.product-card:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(180deg,rgba(201,162,39,.05) 0%,transparent 30%);opacity:0;transition:opacity .5s ease;pointer-events:none}.product-card:hover:before{opacity:1}.product-image{height:200px;background:linear-gradient(135deg,#1a1a24,#0f0f15);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.product-image img{max-width:80%;max-height:80%;object-fit:contain;transition:transform .5s ease}.product-card:hover .product-image img{transform:scale(1.08)}.product-image-placeholder{font-size:4rem;opacity:.4;color:#c9a227}.product-body{padding:1.5rem}.product-title{font-family:Cormorant Garamond,serif;font-size:1.25rem;font-weight:600;color:#f5f5f5;margin-bottom:.5rem;letter-spacing:.02em}.product-brand{font-size:.8rem;color:#f5f5f580;margin-bottom:.75rem}.product-price{font-size:1.25rem;font-weight:600;color:#c9a227}.product-price-original{font-size:.9rem;color:#f5f5f566;text-decoration:line-through;margin-left:.5rem}.product-stock{font-size:.85rem;color:#f5f5f580;margin-top:.5rem}.promo-badge{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,#c9a227,#b8932a);color:#0a0a0f;padding:.5rem 1rem;border-radius:50px;font-size:.75rem;font-weight:600;letter-spacing:.05em;z-index:10}.search-bar{background:#ffffff08;border:1px solid rgba(201,162,39,.2);border-radius:16px;padding:1.5rem 2rem;margin:2rem 0;display:flex;gap:1rem;flex-wrap:wrap;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-bar input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#f5f5f5;padding:1rem 1.5rem;border-radius:12px;font-size:1rem;transition:all .3s ease;flex:2;min-width:200px}.search-bar input:focus{outline:none;border-color:#c9a227;background:#c9a2270d;box-shadow:0 0 20px #c9a2271a}.search-bar select{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#f5f5f5;padding:1rem 1.5rem;border-radius:12px;min-width:140px;cursor:pointer;transition:all .3s ease}.search-bar select:hover{border-color:#c9a2274d}.table-container{background:linear-gradient(180deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.08);border-radius:24px;overflow:hidden}.table{width:100%;border-collapse:collapse}.table th{background:#c9a2271a;color:#c9a227;font-weight:600;padding:1rem 1.5rem;text-align:left;font-size:.85rem;letter-spacing:.05em}.table td{padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.05);color:#f5f5f5cc}.table tr:hover td{background:#c9a2270d}.pagination{display:flex;justify-content:center;gap:.5rem;margin-top:2rem}.pagination-btn{padding:.75rem 1.25rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#f5f5f5b3;cursor:pointer;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:#c9a2271a;border-color:#c9a2274d;color:#c9a227}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{padding:.75rem 1.25rem;color:#f5f5f580;font-size:.85rem}@media (max-width: 1024px){.catalog-pagination{display:none!important}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:2rem;z-index:1000}.modal{background:linear-gradient(180deg,#14141efa,#0a0a0ff2);border:1px solid rgba(201,162,39,.2);border-radius:24px;padding:2.5rem;max-width:500px;width:100%;position:relative}.modal-title{font-family:Cormorant Garamond,serif;font-size:2rem;font-weight:600;color:#f5f5f5;margin-bottom:1.5rem;letter-spacing:.02em}.hero-section{position:relative;min-height:60vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:2rem}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.hero-bg:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 20% 20%,rgba(201,162,39,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(201,162,39,.05) 0%,transparent 50%)}.orb{position:absolute;border-radius:50%;filter:blur(80px);animation:float 20s ease-in-out infinite;pointer-events:none}.orb-1{width:400px;height:400px;background:radial-gradient(circle,rgba(201,162,39,.15) 0%,transparent 70%);top:-100px;right:-50px}.orb-2{width:300px;height:300px;background:radial-gradient(circle,rgba(201,162,39,.1) 0%,transparent 70%);bottom:-50px;left:-50px;animation-delay:-5s}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(20px,10px) scale(1.02)}}.grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(201,162,39,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(201,162,39,.015) 1px,transparent 1px);background-size:100px 100px;animation:gridMove 30s linear infinite;z-index:1}@keyframes gridMove{0%{background-position:0 0}to{background-position:100px 100px}}.hero-content{position:relative;z-index:10;text-align:center;max-width:900px}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#c9a2271a;border:1px solid rgba(201,162,39,.2);border-radius:50px;margin-bottom:2rem}.hero-badge-dot{width:8px;height:8px;background:#4ade80;border-radius:50%;animation:pulse 2s infinite}.hero-title{font-family:Cormorant Garamond,serif;font-size:clamp(2.5rem,6vw,4rem);font-weight:600;line-height:1.1;margin-bottom:1rem;letter-spacing:.02em}.hero-title .highlight{color:#c9a227;position:relative}.hero-subtitle{font-size:1.1rem;color:#f5f5f599;line-height:1.7;max-width:600px;margin:0 auto}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2rem}.hero-btn{display:inline-flex;align-items:center;gap:.75rem;padding:1.25rem 2rem;border-radius:14px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1)}.hero-btn-primary{background:linear-gradient(135deg,#c9a227,#b8932a);color:#0a0a0f;border:none;box-shadow:0 10px 40px #c9a2274d}.hero-btn-primary:hover{transform:translateY(-3px);box-shadow:0 20px 50px #c9a22766}.hero-btn-secondary{background:transparent;color:#f5f5f5;border:1px solid rgba(245,245,245,.2)}.hero-btn-secondary:hover{background:#ffffff0d;border-color:#c9a2274d;color:#c9a227}.section-header{text-align:center;margin-bottom:3rem}.section-eyebrow{font-size:.8rem;color:#c9a227;letter-spacing:.15em;text-transform:uppercase;margin-bottom:1rem;font-weight:600}.section-title{font-family:Cormorant Garamond,serif;font-size:2.5rem;font-weight:600;margin-bottom:.5rem;letter-spacing:.02em}.section-subtitle{font-size:1rem;color:#f5f5f580}.category-card{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:1.5rem;text-align:center;text-decoration:none;color:inherit;transition:all .4s cubic-bezier(.16,1,.3,1);display:block}.category-card:hover{transform:translateY(-5px);border-color:#c9a2274d}.category-icon{font-size:2rem;color:#c9a227;margin-bottom:1rem}.category-name{font-weight:500;font-size:.9rem}.footer{text-align:center;padding:2rem;color:#f5f5f566;font-size:.85rem;border-top:1px solid rgba(255,255,255,.05);margin-top:3rem}@media (min-width: 1024px){.header nav a{padding:.75rem 1.25rem;font-size:1rem;border-radius:12px}.header nav a i{font-size:1.1rem}.header nav{gap:.5rem}}@media (max-width: 768px){.header{padding:.5rem .75rem;gap:.5rem}.header .logo{font-size:1.1rem}.container{padding:1rem}.hero-title{font-size:2rem}.search-bar{padding:1rem;gap:.75rem}.search-bar input,.search-bar select{flex:1;min-width:100%}.stats-grid{grid-template-columns:1fr 1fr;gap:1rem;padding:1rem}.quick-actions{flex-wrap:wrap;padding:1rem}.section-card{margin:1rem}.data-table th,.data-table td{padding:.75rem;font-size:.8rem}}@media (max-width: 480px){.stat-card{padding:1.5rem}.stat-number{font-size:2rem}}.text-gold{color:#c9a227}.text-muted{color:#f5f5f580}.bg-dark{background:#0a0a0f}.border-gold{border-color:#c9a2274d}.animate-fadeIn{animation:fadeInUp .8s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%,to{opacity:.5;transform:scaleX(.8)}50%{opacity:1;transform:scaleX(1)}}@keyframes scrollPulse{0%,to{transform:scaleY(1);opacity:.5}50%{transform:scaleY(1.2);opacity:1}}@keyframes rotateBg{0%{transform:rotate(0)}to{transform:rotate(360deg)}}a{color:#c9a227;text-decoration:none;transition:color .3s ease}a:hover{color:#e8c547}input[type=checkbox]{accent-color:#c9a227}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.divider{display:flex;align-items:center;color:#f5f5f54d;font-size:.85rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.divider span{padding:0 1rem}.view-toggle a,.view-toggle a:hover{text-decoration:none}.page-header.favorites{background:radial-gradient(ellipse at center,rgba(233,69,96,.1) 0%,transparent 70%)}.page-icon{font-size:3.5rem;color:#e94560;margin-bottom:1rem;animation:heartPulse 2s ease-in-out infinite}@keyframes heartPulse{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}.favorites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;padding:0 2rem}.heart-indicator{position:absolute;top:12px;left:12px;font-size:1.25rem;color:#e94560;z-index:10;animation:heartBeat 1.3s ease-in-out infinite;text-shadow:0 2px 8px rgba(233,69,96,.4)}@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}.product-info{padding:1rem 1.25rem}.product-info .product-brand{font-size:.75rem;color:#f5f5f580;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.product-info .product-name{font-family:Cormorant Garamond,serif;font-size:1.1rem;font-weight:600;color:#f5f5f5;margin-bottom:.5rem;line-height:1.3}.product-info .product-name:hover{color:#c9a227}.product-info .product-stock{font-size:.8rem;color:#f5f5f580;margin-bottom:.75rem}.product-pricing{display:flex;align-items:center;gap:.5rem}.price-current{font-size:1.25rem;font-weight:600;color:#c9a227}.price-current.promo{color:#e94560}.price-original{font-size:.9rem;color:#f5f5f566;text-decoration:line-through}.product-promo-tag{position:absolute;top:.75rem;right:.75rem;background:linear-gradient(135deg,#e94560,#c73e54);color:#fff;padding:.35rem .75rem;border-radius:50px;font-size:.7rem;font-weight:600;letter-spacing:.05em;z-index:10;display:flex;align-items:center;gap:.25rem}.remove-btn{position:absolute;bottom:12px;right:12px;width:36px;height:36px;border-radius:50%;background:#e9456026;border:1px solid rgba(233,69,96,.3);color:#e94560;cursor:pointer;opacity:0;transition:all .3s ease;display:flex;align-items:center;justify-content:center;z-index:10}.product-card:hover .remove-btn{opacity:1}.remove-btn:hover{background:#e9456040;border-color:#e94560;transform:scale(1.1)}.empty-state{text-align:center;padding:6rem 2rem}.empty-icon{font-size:5rem;color:#e945604d;margin-bottom:1.5rem;animation:floatIcon 3s ease-in-out infinite}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-title{font-family:Cormorant Garamond,serif;font-size:2rem;color:#f5f5f5;margin-bottom:.5rem}.empty-text{color:#f5f5f599;margin-bottom:2rem;font-size:1rem}@keyframes fadeInCard{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-on-scroll{opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(.16,1,.3,1)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.feature-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#c9a227,transparent);transform:scaleX(0);transform-origin:left;transition:transform .5s ease}.feature-card:hover:before{transform:scaleX(1)}.stat-divider{width:40px;height:2px;background:linear-gradient(90deg,#c9a227,transparent);margin:1rem auto 0}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(180deg,rgba(201,162,39,.1) 0%,transparent 50%);opacity:0;transition:opacity .5s ease;pointer-events:none}.stat-card:hover:before{opacity:1}.products-grid,.grouped-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.categories-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem}@media (max-width: 1023px){.categories-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}}@media (max-width: 479px){.categories-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.category-card{padding:1.25rem 1rem!important;border-radius:16px!important}.category-icon{font-size:2.25rem!important;margin-bottom:.5rem!important}.category-name{font-size:.9rem!important;line-height:1.2!important}}.product-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:3rem}.product-specs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.product-related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.modal-image-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem}@media (max-width: 768px){.products-grid,.favorites-grid,.grouped-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.5rem;padding:0 .5rem 1rem}.product-card{min-width:0}.product-card .product-info{padding:.6rem}.product-card .product-name{font-size:.85rem;line-height:1.25}.product-card .product-price{font-size:.95rem}.product-card .product-image{aspect-ratio:1 / 1}}@media (max-width: 479px){.products-grid,.favorites-grid,.grouped-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.4rem;padding:0 .4rem 1rem}.product-card .product-info{padding:.5rem}.product-card .product-name{font-size:.8rem}}@media (max-width: 767px){.features-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.75rem}.feature-card{padding:1rem .75rem!important;border-radius:16px!important}.feature-icon-wrap{width:56px!important;height:56px!important;margin-bottom:.75rem!important;border-radius:14px!important}.feature-icon{font-size:1.5rem!important}.feature-title{font-size:1.1rem!important;margin-bottom:.5rem!important;line-height:1.2!important}.feature-desc{display:block!important;font-size:.85rem!important;line-height:1.4!important;margin-bottom:.5rem!important;color:#f5f5f599!important}.feature-link{font-size:.9rem!important;gap:.3rem!important}}@media (max-width: 1023px){.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1rem}}@media (max-width: 479px){.stats-grid{gap:.75rem!important}.stat-card{padding:1.25rem .75rem!important}.stat-card .stat-icon{font-size:2.25rem!important;margin-bottom:.75rem!important}.stat-number{font-size:1.5rem!important}.stat-label{font-size:.8rem!important;letter-spacing:.04em!important}.stat-divider{width:32px!important;margin:.6rem auto 0!important}.features-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media (max-width: 767px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1rem!important}.stats-grid>.stat-card:nth-child(3){grid-column:1 / -1!important}.categories-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1rem!important}.features-grid{grid-template-columns:1fr!important;gap:1rem!important}.feature-card{padding:1.5rem!important;border-radius:20px!important;text-align:left!important}.feature-icon-wrap{width:56px!important;height:56px!important;margin-bottom:1rem!important;border-radius:14px!important;flex-shrink:0!important}.feature-icon{font-size:1.5rem!important}.feature-title{font-size:1.25rem!important;margin-bottom:.5rem!important}.feature-desc{font-size:.9rem!important;line-height:1.5!important;margin-bottom:.75rem!important}}@media (max-width: 479px){.stats-grid{grid-template-columns:1fr!important;gap:.75rem!important}.stats-grid>.stat-card:nth-child(3){grid-column:auto!important}.stat-card{padding:1rem 1.25rem!important;display:flex!important;align-items:center!important;gap:1rem!important;text-align:left!important;border-radius:16px!important}.stat-card .stat-icon{font-size:1.75rem!important;margin-bottom:0!important;flex-shrink:0!important;width:48px!important;height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#c9a2271a!important;border-radius:12px!important}.stat-number{font-size:1.5rem!important;line-height:1.1!important}.stat-label{font-size:.75rem!important;letter-spacing:.04em!important;margin-top:.15rem!important}.stat-divider{display:none!important}.feature-card{padding:1rem!important;display:grid!important;grid-template-columns:48px 1fr!important;grid-template-areas:"icon title" "icon desc" "icon link"!important;column-gap:1rem!important;row-gap:.35rem!important;align-items:start!important;text-align:left!important}.feature-icon-wrap{grid-area:icon!important;width:48px!important;height:48px!important;margin-bottom:0!important}.feature-icon{font-size:1.35rem!important}.feature-title{grid-area:title!important;font-size:1.05rem!important;margin-bottom:0!important}.feature-desc{grid-area:desc!important;font-size:.85rem!important;line-height:1.4!important;margin-bottom:0!important}.feature-link{grid-area:link!important;font-size:.85rem!important;margin-top:.25rem!important}}.search-bar-3row{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.search-bar-3row>.sb-search,.search-bar-3row>.sb-drops,.search-bar-3row>.sb-actions{display:contents}@media (max-width: 768px){.search-bar-3row{display:grid;grid-template-columns:1fr;gap:.75rem}.search-bar-3row>.sb-search,.search-bar-3row>.sb-drops,.search-bar-3row>.sb-actions{display:block}.search-bar-3row>.sb-drops{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.search-bar-3row>.sb-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.search-bar-3row>.sb-actions button{width:100%}.search-bar-3row input{min-width:0}}@media (max-width: 479px){.search-bar-3row>.sb-drops{grid-template-columns:1fr}}@media (max-width: 479px){.page-header,.section-header{padding:1.5rem 1rem!important;margin-bottom:1.5rem!important}.page-title,.section-title{font-size:1.75rem!important}.hero-section{min-height:auto!important;padding:2.5rem 1rem!important}.hero-title{font-size:clamp(2rem,7vw,3rem)!important}.container{padding:1rem!important}}@media (max-width: 1023px){.scroll-indicator{display:none!important}}@media (max-width: 479px){.search-bar{flex-direction:column;align-items:stretch}.search-bar input,.search-bar select,.search-bar button{width:100%;min-width:0}}@media (max-width: 479px){.modal,[class*=modal]{max-width:calc(100vw - 1.5rem)!important;min-width:0!important}.modal-image-grid{grid-template-columns:repeat(3,1fr)!important}}@media (max-width: 1023px){.product-detail-grid{grid-template-columns:1fr!important;gap:1.5rem}.product-related-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 479px){.product-specs-grid{grid-template-columns:1fr!important}.product-related-grid{grid-template-columns:1fr 1fr!important}}.nav-toggle{display:none;background:transparent;border:1px solid rgba(201,162,39,.3);color:#c9a227;width:40px;height:40px;border-radius:8px;align-items:center;justify-content:center;cursor:pointer;font-size:1.25rem;flex-shrink:0;transition:background .2s ease}.nav-toggle:hover{background:#c9a22726}.nav-backdrop{display:none}@media (max-width: 1023px){.nav-toggle{display:inline-flex;z-index:103}.nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:99}.nav-backdrop.open{opacity:1;pointer-events:auto}.header nav{position:fixed;top:0;left:0;height:100vh;width:280px;max-width:280px;min-width:0;box-sizing:border-box;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:.25rem;padding:5rem 1.25rem 1.5rem;margin:0;background:linear-gradient(180deg,#14141c,#0a0a0f);border-right:1px solid rgba(201,162,39,.2);transform:translate(-100%);transition:transform .3s ease;z-index:102;overflow-y:auto;flex:0 0 auto}.header nav.open{transform:translate(0);box-shadow:10px 0 40px #00000080}.header nav a{padding:.85rem 1rem;font-size:.95rem;border-radius:10px;display:flex;align-items:center;gap:.75rem;white-space:nowrap;width:100%;min-width:0;box-sizing:border-box}.drawer-divider{height:1px;background:#ffffff14;margin:.75rem .25rem;width:100%;flex-shrink:0}.drawer-logout{width:100%;margin-top:auto;padding:.85rem 1rem;font-size:.95rem;border-radius:10px;border:1px solid rgba(201,162,39,.25);background:#c9a22714;color:#c9a227;cursor:pointer;display:flex;align-items:center;gap:.75rem;font-family:inherit;text-align:left;transition:background .2s ease}.drawer-logout:hover{background:#c9a22726}.drawer-logout:active{background:#c9a22733}}@media (max-width: 479px){.header nav{width:90vw;max-width:90vw}}