@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap";:root{--color-base:#fff;--color-surface:#fafafa;--color-surface-hover:#f0f0f0;--color-text-primary:#111;--color-text-secondary:#666;--color-border:#e5e5e5;--color-accent:#111;--color-accent-hover:#333;--color-accent-text:#fff;--color-sale:#d90429;--color-sale-hover:#ef233c;--font-primary:"Inter", sans-serif;--font-heading:"Outfit", sans-serif;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:16px;--border-radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);background-color:var(--color-base);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.2}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}ul{list-style:none}button{cursor:pointer;font-family:var(--font-primary);transition:all var(--transition-fast);background:0 0;border:none}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 20px}.btn{border-radius:var(--border-radius-md);transition:all var(--transition-fast);justify-content:center;align-items:center;padding:12px 24px;font-weight:500;display:inline-flex}.btn-primary{background-color:var(--color-accent);color:var(--color-accent-text)}.btn-primary:hover{background-color:var(--color-accent-hover);transform:translateY(-1px)}.btn-outline{border:1px solid var(--color-border);color:var(--color-text-primary)}.btn-outline:hover{border-color:var(--color-accent)}.fade-in{animation:.4s ease-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.header{z-index:1000;background-color:#fff;align-items:center;height:85px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0;box-shadow:0 2px 15px #0000000d}.header.scrolled{height:70px}.header-inner{justify-content:space-between;align-items:center;width:100%;height:100%;display:flex}.header-left{flex:none;align-items:center;gap:15px;min-width:150px;display:flex}.logo-brand{color:#fff;letter-spacing:1px;background-color:#da291c;border-radius:4px;padding:8px 18px;font-size:24px;font-weight:900;line-height:1;text-decoration:none;display:inline-block}.mobile-toggle-btn{cursor:pointer;color:#333;background:0 0;border:none;padding:5px;display:none}.nav-links{flex:1;justify-content:center;align-items:center;gap:25px;display:flex}.nav-item{color:#333;text-transform:uppercase;white-space:nowrap;padding:10px 0;font-size:13px;font-weight:700;text-decoration:none;transition:all .2s;position:relative}.nav-item:after{content:"";background:#da291c;width:0;height:2px;transition:all .3s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.nav-item:hover{color:#da291c}.nav-item:hover:after{width:100%}.nav-item.highlight{color:#da291c}.header-right{flex:none;justify-content:flex-end;align-items:center;gap:25px;height:100%;display:flex}.search-bar-wrapper{cursor:pointer;width:220px;position:relative}.search-input{cursor:pointer;background-color:#f5f5f5;border:1px solid #0000;border-radius:20px;width:100%;height:40px;padding:0 40px 0 15px;font-size:13px;transition:all .2s}.search-input:hover{background-color:#eee}.search-icon{color:#666;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.action-icons{align-items:center;gap:16px;height:100%;display:flex}.action-item{color:#333;cursor:pointer;background:0 0;border:none;outline:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:60px;padding:0;text-decoration:none;transition:color .2s;display:flex}.action-icon-wrapper{flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:relative;overflow:visible}.action-item:hover{color:#da291c}.action-label{white-space:nowrap;text-align:center;font-size:11px;font-weight:500;line-height:1}.cart-badge{color:#fff;z-index:5;pointer-events:none;background-color:#da291c;border:1.5px solid #fff;border-radius:10px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-5px;right:-8px}.search-overlay{z-index:2000;background:#fff;width:100%;height:100vh;position:fixed;top:0;left:0}.search-overlay-inner{padding-top:80px}.search-overlay-header{border-bottom:2px solid #333;align-items:center;gap:40px;padding-bottom:40px;display:flex}.search-input-group{flex:1;align-items:center;gap:20px;display:flex}.search-input-group input{border:none;outline:none;width:100%;font-size:32px;font-weight:700}.close-search{cursor:pointer;color:#333;background:0 0;border:none;transition:transform .3s}.close-search:hover{transform:rotate(90deg)}.search-trending{padding-top:50px}.search-trending h3{color:#888;margin-bottom:25px;font-size:16px;font-weight:800}.keyword-list{flex-wrap:wrap;gap:15px;display:flex}.keyword-btn{cursor:pointer;background-color:#f5f5f5;border:none;border-radius:25px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.keyword-btn:hover{color:#fff;background-color:#da291c}@media (width<=1200px){.nav-links{gap:15px}.search-bar-wrapper{width:180px}}@media (width<=992px){.mobile-toggle-btn{display:block}.header{height:70px}.nav-links{z-index:999;background:#fff;flex-direction:column;justify-content:flex-start;width:100%;height:calc(100vh - 70px);padding:40px;transition:left .4s cubic-bezier(.4,0,.2,1);position:fixed;top:70px;left:-100%}.nav-links.open{left:0}.search-bar-wrapper{display:none}.action-label{font-size:10px}.header-left{min-width:unset}}.footer{color:#333;background-color:#fff;border-top:1px solid #eee;padding:80px 0 30px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1.5fr;gap:40px;margin-bottom:60px;display:grid}.footer-logo{color:#da291c;letter-spacing:1px;margin-bottom:10px;font-size:32px;font-weight:900}.company-name{margin-bottom:20px;font-size:14px;font-weight:700}.contact-details{flex-direction:column;gap:12px;display:flex}.contact-details p{color:#666;align-items:center;gap:10px;font-size:13px;display:flex}.social-links{gap:15px;margin-top:25px;display:flex}.social-links a{color:#333;background:#f5f5f5;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex}.social-links a:hover{color:#fff;background:#da291c;transform:translateY(-3px)}.footer-col h3{text-transform:uppercase;margin-bottom:25px;font-size:16px;font-weight:800}.footer-col ul{padding:0;list-style:none}.footer-col ul li{margin-bottom:12px}.footer-col ul li a{color:#666;font-size:14px;text-decoration:none;transition:color .2s}.footer-col ul li a:hover{color:#da291c}.newsletter-col p{color:#666;margin-bottom:20px;font-size:14px;line-height:1.6}.newsletter-form{background:#f5f5f5;border-radius:30px;padding:5px 5px 5px 20px;display:flex}.newsletter-form input{background:0 0;border:none;outline:none;flex:1;font-size:14px}.newsletter-btn{color:#fff;cursor:pointer;background:#da291c;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s;display:flex}.newsletter-btn:hover{background:#b32117}.footer-bottom{border-top:1px solid #eee;justify-content:space-between;align-items:flex-end;padding-top:30px;display:flex}.copyright p{color:#999;margin-bottom:5px;font-size:12px}.payment-methods{gap:15px;display:flex}.payment-methods img{filter:grayscale();opacity:.6;height:25px;transition:all .3s}.payment-methods img:hover{filter:grayscale(0);opacity:1}@media (width<=992px){.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=600px){.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;align-items:flex-start;gap:20px}}.home-page{padding-bottom:0}.hero-banner{color:#fff;align-items:center;height:90vh;min-height:600px;display:flex;position:relative;overflow:hidden}.hero-image{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.hero-image img{object-fit:cover;width:100%;height:100%}.hero-overlay{z-index:2;background:linear-gradient(90deg,#0009,#0000);width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:3;max-width:800px;position:relative}.hero-content .subtitle{letter-spacing:4px;opacity:.9;margin-bottom:20px;font-size:14px;font-weight:700;display:block}.hero-content .title{text-transform:uppercase;margin-bottom:30px;font-size:80px;font-weight:900;line-height:1.1}.hero-content .desc{opacity:.9;max-width:500px;margin-bottom:40px;font-size:18px;line-height:1.6}.hero-actions{gap:20px;display:flex}.hero-outline{color:#fff!important;border-color:#fff!important}.hero-outline:hover{color:#333!important;background-color:#fff!important}.categories-section{padding:80px 0}.categories-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.category-card{border-radius:8px;height:450px;position:relative;overflow:hidden}.category-card img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1)}.category-card:hover img{transform:scale(1.05)}.category-info{color:#fff;background:linear-gradient(#0000,#000000b3);width:100%;padding:40px;position:absolute;bottom:0;left:0}.category-info h3{margin-bottom:10px;font-size:24px;font-weight:800}.shop-link{align-items:center;gap:10px;font-size:14px;font-weight:700;display:flex}.section-header-centered{text-align:center;margin-bottom:50px}.section-header-centered h2{letter-spacing:1px;margin-bottom:25px;font-size:32px;font-weight:800}.home-tabs{justify-content:center;gap:15px;display:flex}.home-tabs button{cursor:pointer;color:#666;background:#f8f9fa;border:1px solid #eee;border-radius:30px;padding:12px 30px;font-size:14px;font-weight:700;transition:all .3s}.home-tabs button.active{color:#fff;background:#da291c;border-color:#da291c;box-shadow:0 4px 15px #da291c33}.product-card .quick-add{cursor:pointer;opacity:0;background:#fff;border:none;border-radius:4px;justify-content:center;align-items:center;gap:8px;height:44px;font-size:12px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;bottom:-50px;left:10px;right:10px;box-shadow:0 4px 15px #0000001a}.product-image-wrapper:hover .quick-add{opacity:1;bottom:10px}.product-card .quick-add:hover{color:#fff;background:#da291c}.section-footer{justify-content:center;margin-top:50px;display:flex}.section-footer .btn{padding:14px 50px;font-weight:700}.promo-banner{padding:80px 0}.promo-bg{background:url(https://images.unsplash.com/photo-1441984904996-e0b6ba687e04?auto=format&fit=crop&w=1920&q=80) 50%/cover;border-radius:12px;align-items:center;height:400px;padding:0 80px;display:flex;position:relative;overflow:hidden}.promo-bg:before{content:"";background:#0006;width:100%;height:100%;position:absolute;top:0;left:0}.promo-content{z-index:2;color:#fff;max-width:500px;position:relative}.promo-content h2{margin-bottom:20px;font-size:42px;font-weight:900}.promo-content p{opacity:.9;margin-bottom:30px;font-size:18px}@media (width<=992px){.hero-content .title{font-size:50px}.categories-grid{grid-template-columns:1fr}.category-card{height:350px}.promo-bg{padding:40px}.promo-content h2{font-size:32px}}.products-page{background-color:#fff;padding:40px 0}.products-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;display:flex}.page-title{font-size:24px;font-weight:700}.products-actions{gap:20px;display:flex}.mobile-filter-trigger{cursor:pointer;background:#fff;border:1px solid #ddd;align-items:center;gap:8px;padding:8px 16px;display:none}.sort-box{align-items:center;gap:10px;font-size:14px;display:flex}.sort-box select{border:1px solid #ddd;border-radius:4px;padding:6px 12px}.products-layout{grid-template-columns:260px 1fr;gap:40px;display:grid}.products-sidebar{height:fit-content;position:sticky;top:100px}.sidebar-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:none}.filter-group{border-bottom:1px solid #f5f5f5;margin-bottom:30px;padding-bottom:20px}.filter-title{justify-content:space-between;align-items:center;margin-bottom:15px;font-size:16px;font-weight:700;display:flex}.filter-list{flex-direction:column;gap:10px;padding:0;list-style:none;display:flex}.filter-item{color:#666;cursor:pointer;text-align:left;background:0 0;border:none;padding:4px 0;font-size:14px}.filter-item.active{color:#da291c;font-weight:600}.color-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.color-box{cursor:pointer;border:1px solid #eee;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:flex}.color-box.active{border:2px solid #333}.size-grid-filter{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.size-box{cursor:pointer;background:#fff;border:1px solid #eee;height:36px;font-size:13px;font-weight:600}.size-box.active{color:#fff;background:#333;border-color:#333}.checkbox-label{cursor:pointer;align-items:center;gap:10px;font-size:14px;display:flex}.product-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:30px;display:grid}.product-card{transition:transform .3s}.product-card:hover{transform:translateY(-5px)}.product-img-link{aspect-ratio:3/4;background:#f8f8f8;display:block;position:relative;overflow:hidden}.product-img-link img{object-fit:cover;width:100%;height:100%}.badge-new{color:#fff;background:#da291c;border-radius:2px;padding:4px 8px;font-size:10px;font-weight:700;position:absolute;top:10px;left:10px}.product-card-info{padding:15px 0}.product-card-title{color:#333;height:40px;margin-bottom:8px;font-size:14px;font-weight:500;overflow:hidden}.price-now{color:#da291c;font-size:16px;font-weight:700}.product-card-colors{gap:6px;margin-top:10px;display:flex}.mini-color{border:1px solid #eee;border-radius:50%;width:12px;height:12px}.loading-spinner,.no-products{text-align:center;color:#666;padding:100px 0}@media (width<=992px){.products-layout{grid-template-columns:1fr}.mobile-filter-trigger{display:flex}.products-sidebar{z-index:1000;background:#fff;width:100%;height:100%;padding:20px;transition:left .3s;position:fixed;top:0;left:-100%;overflow-y:auto}.products-sidebar.open{left:0}.sidebar-header{display:flex}}.product-detail-page{background-color:#fff;min-height:100vh;padding:40px 0}.product-detail-layout{grid-template-columns:1.2fr 1fr;gap:60px;margin-top:24px;display:grid}.product-gallery{gap:20px;display:flex}.gallery-thumbnails{flex-direction:column;gap:12px;display:flex}.thumbnail-btn{cursor:pointer;background:#fff;border:1px solid #eee;width:80px;height:100px;padding:2px;transition:border-color .3s}.thumbnail-btn.active,.thumbnail-btn:hover{border-color:#333}.thumbnail-btn img{object-fit:cover;width:100%;height:100%}.gallery-main{flex:1;position:relative}.gallery-main img{border-radius:4px;width:100%;height:auto}.gallery-actions{position:absolute;top:20px;right:20px}.icon-btn-circle{cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .2s;display:flex;box-shadow:0 4px 12px #0000001a}.icon-btn-circle:hover{transform:scale(1.1)}.product-info-panel{flex-direction:column;gap:24px;display:flex}.product-title{color:#333;font-size:28px;font-weight:600;line-height:1.2}.sku-row{color:#888;align-items:center;gap:12px;margin-top:8px;font-size:14px;display:flex}.copy-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:13px;display:flex}.price-row{align-items:baseline;gap:16px;margin-top:16px;display:flex}.current-price{color:#da291c;font-size:32px;font-weight:700}.original-price{color:#888;font-size:18px;text-decoration:line-through}.promo-badge-banner{background:#fdf2f2;border:1px dashed #da291c;border-radius:8px;align-items:center;gap:16px;padding:16px;display:flex}.promo-text strong{color:#da291c;font-size:18px;display:block}.promo-text span{color:#666;font-size:13px}.option-label-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.guide-link{color:#2563eb;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-size:14px;display:flex}.color-swatches{gap:12px;margin-bottom:24px;display:flex}.color-swatch-btn{cursor:pointer;background-clip:content-box;border:1px solid #eee;border-radius:50%;width:32px;height:32px;padding:2px}.color-swatch-btn.active{border:2px solid #333}.size-selector{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:10px;display:grid}.size-btn{cursor:pointer;background:#fff;border:1px solid #eee;height:44px;font-weight:600;transition:all .2s}.size-btn.active{color:#fff;background:#333;border-color:#333}.size-btn:hover:not(.active){border-color:#333}.product-actions-group{flex-direction:column;gap:12px;margin-top:12px;display:flex}.add-to-cart-large{height:54px;font-size:18px;font-weight:700}.store-find-btn{height:54px;font-weight:600}.product-accordions{border-top:1px solid #eee;margin-top:24px}.accordion-item{border-bottom:1px solid #eee}.accordion-header{cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:16px 0;font-weight:600;display:flex}.accordion-header .rotate{transform:rotate(180deg)}.accordion-content{color:#666;padding-bottom:16px;font-size:14px;line-height:1.6}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:700px;max-height:90vh;padding:32px;position:relative;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.close-btn{cursor:pointer;background:0 0;border:none}.size-table{border-collapse:collapse;width:100%}.size-table th,.size-table td{text-align:center;border:1px solid #eee;padding:12px}.size-table th{background:#f8f9fa;font-weight:600}.store-search-controls{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:32px;display:grid}.store-search-controls select{border:1px solid #ddd;border-radius:4px;height:44px;padding:0 12px}.store-empty{text-align:center;color:#888;padding:40px 0}@media (width<=992px){.product-detail-layout{grid-template-columns:1fr}.product-gallery{flex-direction:column-reverse}.gallery-thumbnails{flex-direction:row}}.cart-page{min-height:80vh;padding-top:100px;padding-bottom:5rem}.cart-page .page-title{text-align:center;margin-bottom:2rem;font-size:2rem}.empty-cart{text-align:center;max-width:500px;margin:0 auto;padding:5rem 0}.empty-icon{margin-bottom:1.5rem;font-size:4rem}.empty-cart h2{margin-bottom:1rem;font-size:1.5rem}.empty-cart p{color:var(--color-text-secondary);margin-bottom:2rem}.cart-layout{grid-template-columns:1.8fr 1fr;align-items:start;gap:3rem;display:grid}.cart-items-header{border-bottom:2px solid var(--color-border);text-transform:uppercase;color:var(--color-text-secondary);letter-spacing:.5px;margin-bottom:1.5rem;padding-bottom:1rem;font-size:.9rem;font-weight:600}.cart-list{flex-direction:column;gap:1.5rem;display:flex}.cart-item{border-bottom:1px solid var(--color-border);gap:1.5rem;padding-bottom:1.5rem;display:flex}.item-image{border-radius:var(--border-radius-sm);background-color:var(--color-surface);flex-shrink:0;width:120px;height:160px;overflow:hidden}.item-image img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-fast)}.item-image:hover img{transform:scale(1.05)}.item-details{flex-direction:column;flex:1;display:flex}.item-title-row{justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;display:flex}.item-title-row h3{color:var(--color-text-primary);transition:color var(--transition-fast);font-size:1.1rem;font-weight:600;line-height:1.4}.item-title-row h3:hover{color:var(--color-accent)}.remove-btn{color:var(--color-text-secondary);padding:4px}.remove-btn:hover{color:var(--color-sale)}.item-variants{color:var(--color-text-secondary);align-items:center;gap:.5rem;margin-bottom:auto;font-size:.9rem;display:flex}.item-variants .divider{color:var(--color-border)}.item-price-actions{justify-content:space-between;align-items:flex-end;margin-top:1rem;display:flex}.item-pricing{flex-direction:column;gap:.25rem;display:flex}.item-pricing .current-price{color:var(--color-sale);font-size:1.1rem;font-weight:700}.item-pricing .original-price{color:var(--color-text-secondary);font-size:.85rem;text-decoration:line-through}.quantity-control{border:1px solid var(--color-border);border-radius:var(--border-radius-sm);height:36px;display:flex;overflow:hidden}.quantity-control button{background-color:var(--color-surface);width:32px;font-weight:500}.quantity-control button:hover{background-color:var(--color-border)}.quantity-control input{text-align:center;border:none;border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);width:40px;color:var(--color-text-primary);outline:none;font-family:inherit;font-weight:500}.summary-card{background-color:var(--color-surface);border-radius:var(--border-radius-lg);padding:2rem;position:sticky;top:100px}.summary-card h2{border-bottom:2px solid var(--color-border);margin-bottom:1.5rem;padding-bottom:1rem;font-size:1.25rem;font-weight:600}.promo-code-box{gap:.5rem;margin-bottom:2rem;display:flex}.promo-input{background-color:var(--color-base);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);flex:1;align-items:center;gap:.5rem;padding:0 .75rem;display:flex}.promo-input svg{color:var(--color-text-secondary)}.promo-input input{background:0 0;border:none;outline:none;width:100%;padding:.75rem 0;font-family:inherit}.apply-btn{padding:0 1.25rem;font-size:.85rem;font-weight:600}.summary-totals{margin-bottom:2rem}.summary-row{justify-content:space-between;margin-bottom:1rem;font-size:1rem;display:flex}.discount-row{color:var(--color-sale)}.summary-divider{background-color:var(--color-border);height:1px;margin:1.5rem 0}.total-row{align-items:center;font-weight:700}.total-price{color:var(--color-sale);font-size:1.5rem;font-family:var(--font-heading)}.tax-note{text-align:right;color:var(--color-text-secondary);margin-top:-.5rem;font-size:.8rem;font-style:italic}.checkout-btn{gap:.5rem;width:100%;height:54px;margin-bottom:2rem;font-size:1.1rem}.payment-methods{text-align:center;color:var(--color-text-secondary)}.payment-methods p{margin-bottom:.75rem;font-size:.85rem}.payment-icons{color:var(--color-text-primary);flex-wrap:wrap;justify-content:center;gap:1rem;font-size:.85rem;display:flex}@media (width<=992px){.cart-layout{grid-template-columns:1fr}.summary-card{position:static}}@media (width<=576px){.cart-item{flex-direction:column}.item-image{width:100px;height:133px}.item-price-actions{margin-top:1.5rem}}.checkout-page{background-color:#f8f9fa;min-height:100vh;padding:60px 0}.checkout-steps{justify-content:center;align-items:center;gap:20px;margin-bottom:40px;display:flex}.step{color:#888;align-items:center;gap:10px;font-weight:600;display:flex}.step span{color:#888;background:#eee;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;display:flex}.step.active{color:#333}.step.active span{color:#fff;background:#da291c}.checkout-layout{grid-template-columns:1.5fr 1fr;gap:40px;display:grid}.checkout-section{background:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 10px #0000000d}.checkout-section h2{margin-bottom:25px;font-size:20px;font-weight:700}.form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-grid input,.form-grid select{border:1px solid #ddd;border-radius:4px;height:48px;padding:0 15px;font-size:14px}.form-grid input:nth-child(4){grid-column:span 2}.next-btn{width:200px;height:50px;margin-top:30px;font-weight:700}.payment-options{flex-direction:column;gap:15px;display:flex}.payment-card{cursor:pointer;border:1px solid #eee;border-radius:8px;align-items:center;gap:15px;padding:20px;transition:all .2s;display:flex}.payment-card.active{background:#fdf2f2;border-color:#da291c}.payment-icon{font-size:24px}.payment-text strong{font-size:15px;display:block}.payment-text span{color:#888;font-size:12px}.checkout-actions{justify-content:space-between;align-items:center;margin-top:30px;display:flex}.btn-back{color:#2563eb;cursor:pointer;background:0 0;border:none;font-weight:600}.summary-card{background:#fff;border-radius:8px;padding:25px;position:sticky;top:100px}.summary-card h3{border-bottom:1px solid #eee;margin-bottom:20px;padding-bottom:15px;font-size:16px}.checkout-items{max-height:300px;margin-bottom:20px;overflow-y:auto}.checkout-item{gap:15px;margin-bottom:15px;display:flex}.checkout-item .item-img{width:60px;height:80px}.checkout-item .item-img img{object-fit:cover;width:100%;height:100%}.checkout-item .item-info h4{margin-bottom:4px;font-size:13px;font-weight:500}.checkout-item .item-info span{color:#888;font-size:11px;display:block}.summary-details{border-top:1px solid #eee;padding-top:15px}.row{justify-content:space-between;margin-bottom:10px;font-size:14px;display:flex}.total-row{font-size:18px;font-weight:700}.total-row .total{color:#da291c}.trust-badges{background:#f8f9fa;border-radius:4px;margin-top:30px;padding:15px}.trust-badges p{color:#666;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;display:flex}.success-card{text-align:center;background:#fff;border-radius:12px;max-width:600px;margin:40px auto;padding:60px}.success-card h1{color:#4a7c44;margin:24px 0 10px;font-size:28px}.success-card p{color:#666;margin-bottom:10px}@media (width<=992px){.checkout-layout{grid-template-columns:1fr}}.auth-root{justify-content:center;align-items:center;min-height:80vh;padding:20px;display:flex}.auth-card{background:#fff;border-radius:24px;flex-direction:column;width:100%;max-width:440px;padding:40px;display:flex;box-shadow:0 10px 40px #0000000d}.auth-header{text-align:center;margin-bottom:32px}.auth-logo{color:#2563eb;justify-content:center;margin-bottom:20px;display:flex}.logo-icon-wrap{color:#2563eb;background:#eff6ff;border-radius:20px;justify-content:center;align-items:center;padding:16px;display:flex;box-shadow:0 4px 15px #2563eb1a}.auth-title{color:#1a1a1a;margin:0 0 8px;font-size:28px;font-weight:800}.auth-subtitle{color:#666;margin:0;font-size:15px}.auth-form{flex-direction:column;gap:20px;display:flex}.label-row{justify-content:space-between;align-items:center;display:flex}.auth-input{background:#f9fafb;border:2px solid #f3f4f6;border-radius:12px;width:100%;padding:12px 16px;font-size:15px;transition:all .2s}.auth-input:focus{background:#fff;border-color:#2563eb;outline:none;box-shadow:0 0 0 4px #2563eb1a}.password-wrap{position:relative}.eye-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.eye-btn:hover{color:#111827}.forgot-link{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:600}.auth-btn{border-radius:12px;margin-top:10px;padding:14px;font-size:16px;font-weight:700}.auth-divider{text-align:center;color:#9ca3af;align-items:center;margin:24px 0;font-size:12px;font-weight:600;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid #e5e7eb;flex:1}.auth-divider span{padding:0 10px}.auth-switch{text-align:center;color:#6b7280;font-size:14px}.auth-switch a{color:#2563eb;font-weight:600;text-decoration:none}.auth-alert{border-radius:12px;margin-bottom:20px;padding:12px 16px;font-size:14px;font-weight:500}.auth-alert.error{color:#dc2626;background:#fee2e2;border:1px solid #fecaca}.auth-alert.success{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.auth-alert.info{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.forgot-view{flex-direction:column;gap:20px;animation:.3s fadeIn;display:flex}.back-btn{color:#4b5563;border:1px solid #e5e7eb;margin-top:4px;font-size:14px}.back-btn:hover{color:#111827;background:#f9fafb;border-color:#d1d5db}.admin-layout{color:#1e293b;background-color:#f8fafc;min-height:100vh;display:flex}.admin-sidebar{color:#fff;z-index:100;background-color:#1e293b;flex-direction:column;width:260px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:4px 0 10px #0000000d}.admin-layout.collapsed .admin-sidebar{width:80px}.sidebar-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:24px;display:flex}.sidebar-header .logo{letter-spacing:1px;color:var(--accent-color);font-size:1.2rem;font-weight:800}.collapse-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s;display:flex}.collapse-btn:hover{background:#fff3}.sidebar-nav{flex-direction:column;flex:1;gap:8px;padding:20px 12px;display:flex}.nav-link{color:#94a3b8;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;transition:all .2s;display:flex}.nav-link:hover{color:#fff;background:#ffffff0d}.nav-link.active{background:var(--accent-color);color:#fff}.sidebar-footer{border-top:1px solid #ffffff1a;padding:20px}.logout-btn{color:#fca5a5;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:12px 16px;transition:background .2s;display:flex}.logout-btn:hover{background:#ef44441a}.admin-main{flex-direction:column;flex:1;max-height:100vh;display:flex;overflow:hidden}.admin-topbar{z-index:90;background:#fff;justify-content:space-between;align-items:center;height:70px;padding:0 32px;display:flex;box-shadow:0 1px 3px #0000000d}.breadcrumb{color:#64748b;align-items:center;gap:10px;font-size:.9rem;display:flex}.breadcrumb .separator{color:#cbd5e1}.breadcrumb .current{color:#1e293b;font-weight:600}.admin-profile{align-items:center;gap:12px;display:flex}.admin-profile span{color:#64748b;font-size:.9rem}.admin-profile .avatar{background:var(--accent-color);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-weight:700;display:flex;box-shadow:0 2px 5px #0000001a}.admin-content-scroll{flex:1;padding:32px;overflow-y:auto}.admin-page-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.admin-page-header h1{color:#0f172a;font-size:1.75rem;font-weight:700}.admin-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 6px -1px #0000001a}.collapsed .logo,.collapsed .nav-link span,.collapsed .logout-btn span{display:none}@media (width<=768px){.admin-sidebar{position:fixed;left:-260px}.admin-sidebar.open{left:0}}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:32px;display:grid}.stat-card{justify-content:space-between;align-items:center;transition:transform .2s;display:flex}.stat-info{flex:1}.stat-title{color:#64748b;margin-bottom:8px;font-size:.875rem;font-weight:600}.stat-value{color:#1e293b;margin-bottom:4px;font-size:1.5rem;font-weight:700}.stat-trend{border-radius:4px;padding:2px 8px;font-size:.75rem;font-weight:600}.stat-trend.up{color:#166534;background:#dcfce7}.stat-trend.down{color:#991b1b;background:#fee2e2}.stat-icon{width:48px;height:48px;color:var(--accent-color);background:#f1f5f9;border-radius:12px;justify-content:center;align-items:center;display:flex}.dashboard-content-grid{grid-template-columns:2fr 1fr;gap:24px;display:grid}.chart-placeholder,.table-placeholder{color:#94a3b8;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:100%;height:300px;margin-top:16px;display:flex}.admin-table{border-collapse:collapse;width:100%;margin-top:8px}.admin-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.5px;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:16px;font-size:.85rem;font-weight:600}.admin-table tr:hover td{background-color:#fafafa}.product-name{color:#1e293b;font-weight:600}.icon-btn.edit{color:#3b82f6;cursor:pointer;background:0 0;border:none}.icon-btn.delete{color:#ef4444;cursor:pointer;background:0 0;border:none}.search-input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;padding:0 12px;display:flex;position:relative}.search-input input{border:none;width:200px;padding:10px;font-size:.9rem}.search-input input:focus{outline:none}.loading-state{text-align:center;color:#64748b;padding:40px}.admin-container{background-color:#f8f9fa;min-height:100vh;padding:30px;font-family:Inter,sans-serif}.admin-header{border-bottom:1px solid #dee2e6;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;display:flex}.admin-header h1{color:#333;font-size:24px;font-weight:700}.stats-row{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:30px;display:grid}.stat-card{background:#fff;border-radius:12px;align-items:center;gap:15px;padding:20px;transition:transform .2s;display:flex;box-shadow:0 4px 6px #0000000d}.stat-card:hover{transform:translateY(-5px)}.stat-icon{background:#f0f4f8;border-radius:10px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.stat-info{flex-direction:column;display:flex}.stat-label{color:#6c757d;font-size:13px}.stat-value{color:#333;font-size:20px;font-weight:700}.stat-trend{color:#4caf50;font-size:12px;font-weight:600}.admin-section{background:#fff;border-radius:15px;margin-bottom:30px;padding:25px;box-shadow:0 4px 15px #0000000d}.section-header{border-bottom:1px solid #eee;margin-bottom:20px;padding-bottom:10px}.section-header-flex{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.period-tabs{background:#f1f3f5;border-radius:8px;padding:4px;display:flex}.period-tabs button{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 16px;font-size:13px;font-weight:600;transition:all .2s}.period-tabs button.active{color:#2196f3;background:#fff;box-shadow:0 2px 4px #0000001a}.chart-placeholder{padding:20px 0}.chart-bar-container{border-bottom:1px solid #eee;justify-content:space-around;align-items:flex-end;height:200px;padding-bottom:30px;display:flex}.chart-bar{background:linear-gradient(#64b5f6,#2196f3);border-radius:5px 5px 0 0;width:30px;transition:height .5s ease-out;position:relative}.bar-label{color:#999;white-space:nowrap;font-size:11px;position:absolute;bottom:-25px;left:50%;transform:translate(-50%)}.chart-desc{text-align:center;color:#888;margin-top:15px;font-size:13px}.analytics-controls{align-items:center;gap:25px;display:flex}.chart-type-selector{background:#e9ecef;border-radius:6px;padding:3px;display:flex}.chart-type-selector button{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 12px;font-size:12px;font-weight:600}.chart-type-selector button.active{color:#333;background:#fff;box-shadow:0 1px 3px #0000001a}.chart-line-container{width:100%;height:250px;padding-top:20px;position:relative}.line-chart-svg{width:100%;height:200px;overflow:visible}.line-labels{color:#999;justify-content:space-between;margin-top:10px;padding:0 10px;font-size:11px;display:flex}.compare-toggle{color:#666;align-items:center;gap:10px;font-size:13px;display:flex}.chart-legend{gap:20px;margin-bottom:20px;font-size:12px;display:flex}.legend-item{align-items:center;gap:6px;display:flex}.dot{border-radius:50%;width:10px;height:10px}.dot.p1{background:#2196f3}.dot.p2{background:#ff9800}.bar-group{align-items:flex-end;gap:4px;height:100%;display:flex;position:relative}.chart-bar.p1{background:linear-gradient(#64b5f6,#2196f3)}.chart-bar.p2{background:linear-gradient(#ffb74d,#ff9800)}.comparison-summary{border-top:1px dashed #eee;margin-top:20px;padding-top:20px}.summary-item .label{color:#888;font-size:13px;display:block}.summary-item .value.positive{color:#4caf50;font-size:24px;font-weight:700}.campaign-status-card{background:#fdfdfd;border:1px dashed #ddd;border-radius:10px;justify-content:space-between;align-items:center;padding:20px;display:flex}.btn-toggle{cursor:pointer;border:none;border-radius:20px;padding:10px 20px;font-weight:700}.btn-toggle.active{color:#fff;background:#4caf50}.admin-table{border-collapse:collapse;width:100%}.admin-table th{text-align:left;color:#666;background:#f8f9fa;padding:12px;font-size:13px}.admin-table td{border-bottom:1px solid #eee;padding:15px 12px;font-size:14px}.text-danger{color:#f44336;font-weight:700}.btn-refill{color:#fff;cursor:pointer;background:#2196f3;border:none;border-radius:5px;padding:6px 12px;font-size:12px}.inventory-container{background:#fff;border-radius:15px;padding:25px;box-shadow:0 4px 20px #0000000d}.inventory-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.inventory-toolbar{justify-content:space-between;gap:20px;margin-bottom:20px;display:flex}.search-box{background:#f1f3f5;border-radius:8px;flex:1;align-items:center;padding:8px 15px;display:flex}.search-box input{background:0 0;border:none;outline:none;width:100%;margin-left:10px}.inventory-table{border-collapse:collapse;width:100%}.inventory-table th{text-align:left;color:#666;background:#f8f9fa;border-bottom:2px solid #dee2e6;padding:15px;font-size:13px}.inventory-table td{vertical-align:middle;border-bottom:1px solid #eee;padding:15px}.thumb{object-fit:cover;border-radius:6px;width:50px;height:50px}.prod-name{color:#333;font-weight:600}.prod-sku{color:#999;font-size:11px}.stock-badge{color:#2e7d32;background:#e8f5e9;border-radius:12px;padding:4px 10px;font-size:12px;font-weight:700}.stock-badge.low{color:#c62828;background:#ffebee}.stock-editor input{text-align:center;border:1px solid #ddd;border-radius:4px;width:60px;padding:5px}.actions{gap:10px;display:flex}.btn-icon{cursor:pointer;background:#fff;border:1px solid #eee;border-radius:6px;padding:8px;transition:all .2s}.btn-icon:hover{background:#f8f9fa}.btn-icon.delete:hover{color:#f44336;background:#fff5f5;border-color:#ffcdd2}.admin-users-container{background:#fff;border-radius:15px;padding:25px;box-shadow:0 4px 20px #0000000d}.subtitle{color:#888;margin-top:5px;font-size:14px}.user-info-cell{align-items:center;gap:12px;display:flex}.user-avatar{color:#2196f3;background:#e3f2fd;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-weight:700;display:flex}.role-badge{border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.role-badge.admin{color:#ef6c00;background:#fff3e0}.role-badge.staff{color:#7b1fa2;background:#f3e5f5}.status-online{color:#4caf50;align-items:center;gap:4px;font-size:12px;display:flex}.status-offline{color:#9e9e9e;align-items:center;gap:4px;font-size:12px;display:flex}.admin-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.admin-modal{background:#fff;border-radius:15px;width:500px;overflow:hidden;box-shadow:0 20px 40px #0003}.modal-header{background:#f8f9fa;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:20px;display:flex}.modal-body{max-height:400px;padding:20px;overflow-y:auto}.perm-group{margin-bottom:20px}.perm-group h4{text-transform:uppercase;color:#999;letter-spacing:1px;margin-bottom:10px;font-size:12px}.perm-list{grid-template-columns:1fr;gap:10px;display:grid}.perm-item{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:8px;transition:background .2s;display:flex}.perm-item:hover{background:#f1f3f5}.perm-item span{color:#333;font-size:14px}.modal-footer{border-top:1px solid #eee;justify-content:flex-end;gap:10px;padding:15px 20px;display:flex}.contact-page{padding-bottom:0}.contact-hero{text-align:center;background-color:#f8f8f8;padding:80px 0}.contact-hero h1{letter-spacing:1px;margin-bottom:15px;font-size:42px;font-weight:900}.contact-hero p{color:#666;font-size:18px}.contact-container{margin-top:-60px;padding-bottom:80px}.contact-grid{grid-template-columns:1fr 1.5fr;gap:40px;display:grid}.contact-info{flex-direction:column;gap:20px;display:flex}.info-card{background:#fff;border-radius:12px;gap:20px;padding:30px;transition:transform .3s;display:flex;box-shadow:0 4px 20px #0000000d}.info-card:hover{transform:translateY(-5px)}.info-icon{color:#fff;background:#da291c;border-radius:50%;flex:none;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.info-content h3{margin-bottom:10px;font-size:18px;font-weight:700}.info-content p{color:#333;margin-bottom:5px;font-size:14px}.info-content span{color:#888;font-size:12px}.contact-form-wrapper{background:#fff;border-radius:12px;padding:50px;box-shadow:0 10px 40px #00000014}.contact-form-wrapper h2{margin-bottom:15px;font-size:28px;font-weight:800}.contact-form-wrapper p{color:#666;margin-bottom:35px}.contact-form{flex-direction:column;gap:20px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#333;font-size:13px;font-weight:700}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:6px;padding:12px 15px;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#da291c;outline:none}.btn-block{width:100%}.contact-map{margin-top:50px;line-height:0}@media (width<=992px){.contact-grid{grid-template-columns:1fr}.contact-hero h1{font-size:32px}.contact-form-wrapper{padding:30px}}@media (width<=480px){.form-row{grid-template-columns:1fr}}.mini-cart-overlay{z-index:2000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;justify-content:flex-end;width:100%;height:100vh;display:flex;position:fixed;top:0;left:0}.mini-cart-drawer{background:#fff;flex-direction:column;width:400px;height:100%;animation:.3s ease-out slideInRight;display:flex}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.mini-cart-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:20px;display:flex}.mini-cart-header h3{font-size:18px;font-weight:700}.close-drawer{cursor:pointer;background:0 0;border:none}.free-ship-bar{text-align:center;background:#f8f9fa;padding:15px 20px;font-size:13px}.progress-container{background:#eee;border-radius:3px;height:6px;margin-top:10px;overflow:hidden}.progress-fill{background:#4a7c44;height:100%;transition:width .3s}.mini-cart-items{flex:1;padding:20px;overflow-y:auto}.empty-mini-cart{color:#888;flex-direction:column;align-items:center;gap:20px;padding-top:100px;display:flex}.mini-cart-item{border-bottom:1px solid #f5f5f5;gap:15px;margin-bottom:20px;padding-bottom:20px;display:flex;position:relative}.item-img{flex-shrink:0;width:80px;height:110px}.item-img img{object-fit:cover;width:100%;height:100%}.item-info{flex:1}.item-info h4{margin-bottom:5px;font-size:14px;font-weight:600;line-height:1.4}.item-meta{color:#888;margin-bottom:10px;font-size:12px}.item-bottom{justify-content:space-between;align-items:center;display:flex}.qty-control{border:1px solid #eee;align-items:center;display:flex}.qty-control button{cursor:pointer;background:0 0;border:none;width:24px;height:24px}.qty-control span{text-align:center;width:30px;font-size:13px}.item-price{color:#da291c;font-weight:700}.remove-item{color:#ccc;cursor:pointer;background:0 0;border:none;position:absolute;top:0;right:0}.remove-item:hover{color:#da291c}.mini-cart-footer{background:#fff;border-top:1px solid #eee;padding:20px}.total-row{justify-content:space-between;align-items:center;margin-bottom:20px;font-weight:700;display:flex}.total-price{color:#da291c;font-size:20px}.mini-cart-actions{grid-template-columns:1fr;gap:10px;display:grid}.mini-cart-actions .btn{justify-content:center;align-items:center;height:48px;font-weight:700;display:flex}@media (width<=480px){.mini-cart-drawer{width:100%}}.support-chat-container{z-index:9999;font-family:Inter,sans-serif;position:fixed;bottom:30px;right:30px}.chat-bubble{color:#fff;cursor:pointer;background:#da291c;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;box-shadow:0 10px 25px #da291c66}.chat-bubble:hover{transform:scale(1.1)rotate(5deg)}.unread-badge{color:#fff;background:#4a7c44;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex;position:absolute;top:0;right:0}.chat-window{opacity:0;visibility:hidden;background:#fff;border-radius:16px;flex-direction:column;width:350px;height:500px;transition:all .4s cubic-bezier(.165,.84,.44,1);display:flex;position:absolute;bottom:80px;right:0;overflow:hidden;transform:translateY(20px);box-shadow:0 15px 50px #00000026}.support-chat-container.active .chat-window{opacity:1;visibility:visible;transform:translateY(0)}.chat-header{color:#fff;background:#da291c;justify-content:space-between;align-items:center;padding:20px;display:flex}.bot-info{align-items:center;gap:12px;display:flex}.bot-avatar{color:#da291c;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;font-weight:900;display:flex}.bot-info h4{margin:0;font-size:16px;font-weight:700}.online-status{opacity:.8;align-items:center;gap:4px;font-size:11px;display:flex}.online-status:before{content:"";background:#fff;border-radius:50%;width:6px;height:6px}.close-chat{color:#fff;cursor:pointer;opacity:.7;background:0 0;border:none;transition:opacity .2s}.close-chat:hover{opacity:1}.chat-messages{background:#f9f9f9;flex-direction:column;flex:1;gap:15px;padding:20px;display:flex;overflow-y:auto}.message{border-radius:12px;max-width:80%;padding:10px 15px;font-size:14px;line-height:1.5}.message.bot{color:#333;background:#fff;border-bottom-left-radius:2px;align-self:flex-start;box-shadow:0 2px 5px #0000000d}.message.user{color:#fff;background:#da291c;border-bottom-right-radius:2px;align-self:flex-end}.chat-quick-links{background:#fff;border-top:1px solid #eee;padding:15px 20px}.chat-quick-links p{color:#888;margin-bottom:10px;font-size:12px;font-weight:600}.links-grid{gap:10px;display:flex}.link-item{border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.link-item.zalo{color:#0068ff;background:#0068ff15}.link-item.call{color:#4a7c44;background:#4a7c4415}.link-item:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000000d}.chat-input{background:#fff;border-top:1px solid #eee;gap:10px;padding:15px 20px;display:flex}.chat-input input{border:none;outline:none;flex:1;font-size:14px}.send-btn{color:#da291c;cursor:pointer;background:0 0;border:none;transition:transform .2s}.send-btn:hover{transform:scale(1.1)}@media (width<=480px){.chat-window{width:300px;height:450px;bottom:70px;right:-10px}}