:root{--orange:#ff6a00;--orange-dark:#e55d00;--orange-light:#fff3eb;--red:#f43f5e;--red-bg:#fff1f2;--green:#10b981;--green-bg:#ecfdf5;--blue:#3b82f6;--blue-bg:#eff6ff;--yellow:#f59e0b;--yellow-bg:#fffbeb;--purple:#8b5cf6;--bg:#f5f5f5;--white:#fff;--text:#1a1a1a;--text2:#555;--text3:#999;--border:#e5e5e5;--border2:#f0f0f0;--shadow:0 2px 8px rgba(0,0,0,.06);--shadow-lg:0 4px 24px rgba(0,0,0,.08);--radius:10px;--radius-sm:6px;--font:'Inter Tight',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-display:'Fraunces',Georgia,'Times New Roman',serif;--max-w:1400px;--transition:all .2s ease;}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;letter-spacing:-.01em}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:var(--font)}h1,h2,h3,h4,h5{font-family:var(--font-display);font-weight:500;line-height:1.2;letter-spacing:-.025em;font-variation-settings:"opsz" 144,"SOFT" 50}ul{list-style:none}

.topbar{background:#1a1a2e;color:rgba(255,255,255,.6);font-size:12px;padding:8px 0}
.topbar-inner{max-width:var(--max-w);margin:0 auto;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center}
.topbar a{color:rgba(255,255,255,.75);display:inline-flex;align-items:center;gap:5px;transition:var(--transition);font-weight:400}
.topbar a:hover{color:#fff}
.topbar a i{font-size:10px;opacity:.7}
.topbar-links{display:flex;gap:.8rem;align-items:center}
.topbar-sep{width:1px;height:11px;background:rgba(255,255,255,.12);flex-shrink:0}

.header{background:#fff;border-bottom:none;position:sticky;top:0;z-index:150;box-shadow:none;transition:all .2s ease}
.header-inner{max-width:var(--max-w);margin:0 auto;padding:.7rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:68px}
.logo{font-family:var(--font-display);font-size:1.9rem;font-weight:600;color:var(--orange);letter-spacing:-.04em;flex-shrink:0;white-space:nowrap;font-variation-settings:"opsz" 144,"SOFT" 80;font-style:italic}.logo span{color:var(--text);font-style:normal;font-weight:500}

.search-bar{flex:1;max-width:640px;display:flex;align-items:stretch;height:46px;border-radius:10px;overflow:hidden;border:1.5px solid var(--border);background:#fff;transition:var(--transition)}
.search-bar:focus-within{border-color:var(--orange);box-shadow:0 0 0 4px rgba(255,106,0,.14)}
.search-category{display:flex;align-items:center;gap:6px;padding:0 14px;background:#fafafa;border-right:1.5px solid var(--border);flex-shrink:0}
.search-category i{font-size:11px;color:var(--text3)}
.search-category select{border:none;background:transparent;font-size:13px;color:var(--text2);outline:none;font-family:var(--font);cursor:pointer;font-weight:500;max-width:140px}
.search-input-wrap{flex:1;display:flex;align-items:center}
.search-bar input{flex:1;border:none;padding:0 16px;font-size:14px;outline:none;min-width:0;background:transparent;font-family:var(--font);color:var(--text)}
.search-bar input::placeholder{color:#bbb;font-weight:400}
.search-bar button{background:var(--orange);color:#fff;border:none;width:52px;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;transition:var(--transition)}
.search-bar button:hover{background:var(--orange-dark)}

.header-actions{display:flex;align-items:center;gap:.35rem;flex-shrink:0}
.header-icon{display:inline-flex;align-items:center;gap:4px;color:var(--text2);transition:var(--transition);position:relative;padding:8px 10px;border-radius:8px;border:1px solid transparent}
.header-icon:hover{color:var(--orange);background:rgba(255,106,0,.08);border-color:rgba(255,106,0,.25)}
.header-icon i{font-size:18px}
.header-icon-label{font-size:11px;font-weight:600;letter-spacing:.01em}
.header-icon .badge{position:absolute;top:2px;right:6px;background:var(--red);color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--white)}

.meganav{background:var(--white);border-top:1px solid rgba(230,230,230,.6);border-bottom:1px solid var(--border2);position:sticky;top:68px;z-index:150;box-shadow:none}
.meganav-inner{max-width:var(--max-w);margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:flex-start;gap:0}
.meganav-cats{position:relative}
.meganav-trigger{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--orange);color:#fff;font-size:13px;font-weight:600;border:none;transition:var(--transition);letter-spacing:.01em}
.meganav-trigger:hover{background:var(--orange-dark)}
.meganav-trigger i{font-size:14px}
.meganav-dropdown{display:none;position:absolute;top:100%;left:0;background:var(--white);border:1px solid var(--border);border-radius:0 0 var(--radius) var(--radius);min-width:260px;box-shadow:var(--shadow-lg);z-index:200}
.meganav-cats:hover .meganav-dropdown{display:block}
.meganav-dropdown a{display:flex;align-items:center;gap:10px;padding:10px 16px;font-size:13px;transition:var(--transition);border-bottom:1px solid var(--border2)}
.meganav-dropdown a:last-child{border:none}
.meganav-dropdown a:hover{background:var(--orange-light);color:var(--orange)}
.meganav-links{display:flex;align-items:center;flex:1;justify-content:center;gap:2px}
.meganav-links a{display:inline-flex;align-items:center;gap:6px;padding:12px 16px;font-size:13px;font-weight:500;color:var(--text2);white-space:nowrap;transition:var(--transition);border-bottom:2px solid transparent}
.meganav-links a:hover{color:var(--orange);border-bottom-color:var(--orange)}
.meganav-links a.hot{color:var(--red);font-weight:600}
.meganav-links a.hot:hover{border-bottom-color:var(--red)}
.meganav-links a i{font-size:12px}

.hero-section{max-width:var(--max-w);margin:0 auto;padding:1rem 1.5rem}.hero-grid{display:grid;grid-template-columns:240px 1fr 240px;gap:1rem;min-height:340px}.hero-sidebar{background:var(--white);border-radius:var(--radius);padding:1rem 0;border:1px solid var(--border2)}.hero-sidebar a{display:flex;align-items:center;gap:8px;padding:7px 16px;font-size:13px;color:var(--text2)}.hero-sidebar a:hover{background:var(--orange-light);color:var(--orange)}.hero-banner{border-radius:var(--radius);overflow:hidden;background:linear-gradient(135deg,#ff6a00,#ff8533,#ffad66);display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;position:relative}.hero-banner h1{font-family:var(--font-display);font-size:2.6rem;font-weight:400;letter-spacing:-.03em;line-height:1.05;margin-bottom:.8rem;text-shadow:0 2px 12px rgba(0,0,0,.15);font-variation-settings:"opsz" 144,"SOFT" 100}.hero-banner p{font-size:1rem;opacity:.9;margin-bottom:1.5rem}.hero-right{display:flex;flex-direction:column;gap:1rem}

.hero-slider{padding:0}.slider-track{position:relative;width:100%;height:100%;min-height:340px}.slider-slide{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;transition:opacity .6s ease;display:flex;align-items:center;justify-content:center}.slider-slide.active{opacity:1;z-index:1}.slider-overlay{position:absolute;inset:0;background:rgba(0,0,0,.35);z-index:1}.slider-content{position:relative;z-index:2;padding:2rem}.slider-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:3;background:rgba(255,255,255,.25);border:none;color:#fff;font-size:20px;width:36px;height:36px;border-radius:50%;cursor:pointer;transition:var(--transition);backdrop-filter:blur(4px)}.slider-btn:hover{background:rgba(255,255,255,.5)}.slider-prev{left:10px}.slider-next{right:10px}.slider-dots{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);z-index:3;display:flex;gap:8px}.slider-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.4);cursor:pointer;transition:var(--transition);border:none}.slider-dot.active{background:#fff;transform:scale(1.2)}

.hero-card{background:var(--white);border-radius:var(--radius);padding:1.2rem;border:1px solid var(--border2);flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transition:var(--transition)}.hero-card:hover{box-shadow:var(--shadow);border-color:var(--orange)}.hero-card .ic{font-size:2rem;margin-bottom:.5rem}.hero-card h4{font-size:13px;font-weight:600}.hero-card p{font-size:11px;color:var(--text3)}

.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:var(--radius-sm);font-weight:600;font-size:13px;transition:var(--transition);border:none}.btn-orange{background:var(--orange);color:#fff}.btn-orange:hover{background:var(--orange-dark)}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-outline:hover{border-color:var(--orange);color:var(--orange)}.btn-white{background:#fff;color:var(--text);border:1px solid var(--border)}.btn-sm{padding:5px 12px;font-size:12px}.btn-lg{padding:12px 28px;font-size:14px}.btn-block{width:100%;justify-content:center}.btn-red{background:var(--red);color:#fff}.btn-green{background:var(--green);color:#fff}

.section{max-width:var(--max-w);margin:0 auto;padding:1.5rem}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-head h2{font-size:18px;display:flex;align-items:center;gap:8px}.section-head a{font-size:13px;color:var(--orange);font-weight:500}

.flash-deals{background:var(--white);border-radius:var(--radius);border:1px solid var(--border2);overflow:hidden}.flash-header{background:linear-gradient(90deg,#ff3333,#ff6a00);color:#fff;padding:12px 20px;display:flex;justify-content:space-between;align-items:center}.flash-header h2{font-size:18px;color:#fff}.flash-countdown{display:flex;gap:6px;align-items:center;font-size:12px}.flash-countdown .cd{background:rgba(0,0,0,.3);padding:4px 8px;border-radius:4px;font-weight:700;font-size:16px;min-width:36px;text-align:center}.flash-grid{display:grid;grid-template-columns:repeat(6,1fr)}.flash-item{padding:1rem;border-right:1px solid var(--border2);text-align:center;transition:var(--transition)}.flash-item:last-child{border:none}.flash-item:hover{background:var(--orange-light)}.flash-img{width:100%;aspect-ratio:1;background:#fafafa;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin-bottom:8px;overflow:hidden}.flash-img img{width:100%;height:100%;object-fit:cover}.flash-price{font-size:16px;font-weight:700;color:var(--red)}.flash-old{font-size:11px;color:var(--text3);text-decoration:line-through}.flash-bar{height:4px;background:var(--border2);border-radius:2px;margin-top:6px;overflow:hidden}.flash-bar-fill{height:100%;background:linear-gradient(90deg,var(--orange),var(--red));border-radius:2px}

.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.product-card{background:var(--white);border-radius:var(--radius);border:1px solid var(--border2);overflow:hidden;transition:var(--transition);position:relative}.product-card:hover{box-shadow:0 8px 32px rgba(0,0,0,.12);transform:translateY(-2px);border-color:var(--orange)}.product-img{width:100%;aspect-ratio:1;background:#fafafa;display:flex;align-items:center;justify-content:center;font-size:3rem;overflow:hidden;position:relative}.product-img img{width:100%;height:100%;object-fit:cover}.product-badges{position:absolute;top:8px;left:8px;display:flex;flex-direction:column;gap:4px}.pbadge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:3px;color:#fff}.pbadge-red{background:var(--red)}.pbadge-orange{background:var(--orange)}.pbadge-green{background:var(--green)}.product-body{padding:10px 12px 14px}.product-title{font-size:13px;font-weight:400;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;min-height:36px}.product-prices{display:flex;align-items:baseline;gap:6px;margin-top:6px}.product-price{font-size:18px;font-weight:700;color:var(--red)}.product-price-old{font-size:12px;color:var(--text3);text-decoration:line-through}.product-meta{display:flex;justify-content:space-between;align-items:center;margin-top:6px;font-size:11px;color:var(--text3)}.product-rating{color:var(--yellow)}.product-store-info{margin-top:6px;padding-top:6px;border-top:1px solid var(--border2);font-size:11px;color:var(--text3);display:flex;align-items:center;gap:4px}.product-actions-overlay{position:absolute;top:8px;right:8px;display:flex;flex-direction:column;gap:4px;opacity:0;transition:var(--transition)}.product-card:hover .product-actions-overlay{opacity:1}.action-btn{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.9);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:14px;transition:var(--transition)}.action-btn:hover{background:var(--orange);color:#fff;border-color:var(--orange)}

.detail-container{max-width:var(--max-w);margin:0 auto;padding:1.5rem}.detail-grid{display:grid;grid-template-columns:480px 1fr;gap:2rem;background:var(--white);border-radius:var(--radius);padding:1.5rem;border:1px solid var(--border2)}.detail-main-img{width:100%;aspect-ratio:1;background:#fafafa;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:5rem;overflow:hidden;border:1px solid var(--border2)}.detail-main-img img{width:100%;height:100%;object-fit:cover}.detail-thumbs{display:flex;gap:8px;margin-top:10px}.detail-thumb{width:64px;height:64px;border-radius:var(--radius-sm);border:2px solid var(--border2);overflow:hidden;cursor:pointer;background:#fafafa;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.detail-thumb:hover,.detail-thumb.active{border-color:var(--orange)}.detail-info h1{font-size:20px;font-weight:600;line-height:1.4;margin-bottom:10px}.detail-rating{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--text2);margin-bottom:12px}.detail-rating .stars{color:var(--yellow)}.price-box{background:#fafafa;border-radius:var(--radius);padding:16px;margin-bottom:16px}.price-box .current{font-size:28px;font-weight:700;color:var(--red)}.price-box .old{font-size:16px;color:var(--text3);text-decoration:line-through;margin-left:10px}.price-box .discount{background:var(--red);color:#fff;font-size:12px;font-weight:700;padding:2px 8px;border-radius:3px;margin-left:10px}.bulk-pricing{margin-top:10px;display:flex;gap:10px}.bulk-tier{background:var(--orange-light);border:1px solid rgba(255,106,0,.15);border-radius:var(--radius-sm);padding:8px 14px;text-align:center;font-size:12px}.bulk-tier .qty{font-weight:600;color:var(--orange)}.bulk-tier .bprice{font-weight:700}.detail-specs{margin:16px 0}.detail-specs table{width:100%;font-size:13px}.detail-specs td{padding:8px 12px;border-bottom:1px solid var(--border2)}.detail-specs td:first-child{color:var(--text3);width:140px;background:#fafafa}.variant-label{font-size:13px;font-weight:600;margin-bottom:8px}.variant-options{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.variant-opt{padding:6px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12px;cursor:pointer;transition:var(--transition)}.variant-opt:hover,.variant-opt.active{border-color:var(--orange);color:var(--orange);background:var(--orange-light)}.qty-control{display:flex;align-items:center;margin:16px 0}.qty-btn2{width:36px;height:36px;border:1px solid var(--border);background:#fafafa;font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer}.qty-btn2:hover{border-color:var(--orange)}.qty-input{width:60px;height:36px;border:1px solid var(--border);border-left:none;border-right:none;text-align:center;font-size:14px;font-weight:600;outline:none}.detail-actions{display:flex;gap:10px;margin-top:16px}.trade-assurance{background:var(--green-bg);border:1px solid #a7f3d0;border-radius:var(--radius-sm);padding:10px 14px;font-size:12px;color:#065f46;display:flex;align-items:center;gap:8px;margin:10px 0}

.seller-box{background:var(--white);border:1px solid var(--border2);border-radius:var(--radius);padding:1.2rem;margin-top:1.5rem}.seller-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.seller-logo{width:48px;height:48px;border-radius:50%;background:var(--orange-light);display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;color:var(--orange)}.seller-name{font-weight:600;font-size:14px}.verified-badge{display:inline-flex;align-items:center;gap:3px;font-size:11px;color:var(--green);font-weight:600}.seller-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.seller-stat{text-align:center;padding:8px;background:#fafafa;border-radius:var(--radius-sm);font-size:11px}.seller-stat strong{display:block;font-size:14px;margin-bottom:2px}

.cart-container{max-width:var(--max-w);margin:0 auto;padding:1.5rem}.cart-layout{display:grid;grid-template-columns:1fr 340px;gap:1.5rem;align-items:start}.cart-items-box{background:var(--white);border:1px solid var(--border2);border-radius:var(--radius)}.cart-head{display:grid;grid-template-columns:40px 1fr 120px 120px 100px 60px;gap:10px;align-items:center;padding:12px 16px;background:#fafafa;font-size:12px;font-weight:600;color:var(--text3);border-radius:var(--radius) var(--radius) 0 0}.cart-row-item{display:grid;grid-template-columns:40px 1fr 120px 120px 100px 60px;gap:10px;align-items:center;padding:16px;border-bottom:1px solid var(--border2)}.cart-row-item:last-child{border:none}.cart-item-img{width:72px;height:72px;background:#fafafa;border-radius:var(--radius-sm);overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.cart-item-img img{width:100%;height:100%;object-fit:cover}.cart-sidebar{background:var(--white);border:1px solid var(--border2);border-radius:var(--radius);padding:1.5rem;position:sticky;top:120px}.cart-sidebar h3{font-size:16px;margin-bottom:16px}.cart-sum-row{display:flex;justify-content:space-between;padding:8px 0;font-size:13px}.cart-sum-row.total{border-top:2px solid var(--border);margin-top:8px;padding-top:12px;font-size:18px;font-weight:700;color:var(--red)}

.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:13px;font-weight:500;margin-bottom:4px}.form-control{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;transition:var(--transition);font-family:var(--font)}.form-control:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,106,0,.1)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.payment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.payment-option{position:relative}.payment-option input{position:absolute;opacity:0}.payment-option label{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font-size:12px;font-weight:500;text-align:center}.payment-option input:checked+label{border-color:var(--orange);background:var(--orange-light)}

.catalog-layout{display:grid;grid-template-columns:240px 1fr;gap:1.5rem}.filter-sidebar{background:var(--white);border:1px solid var(--border2);border-radius:var(--radius);padding:1.2rem;position:sticky;top:120px;height:fit-content}.filter-section{margin-bottom:1.2rem;padding-bottom:1.2rem;border-bottom:1px solid var(--border2)}.filter-section:last-child{border:none;margin:0;padding:0}.filter-section h4{font-size:13px;font-weight:600;margin-bottom:8px}.filter-option{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:13px;cursor:pointer;color:var(--text2)}.filter-option:hover{color:var(--orange)}.filter-option input[type=checkbox]{accent-color:var(--orange)}.price-inputs{display:flex;gap:8px;align-items:center}.price-inputs input{width:90px;padding:6px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12px}.price-inputs span{color:var(--text3)}

.dash-layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.dash-sidebar{background:var(--white);border-right:1px solid var(--border2);padding:1.5rem 0}.dash-sidebar-logo{padding:0 1.2rem 1.5rem;font-size:1.2rem;font-weight:800;color:var(--orange)}.dash-sidebar-logo span{color:var(--text)}.dash-sidebar-label{padding:8px 1.2rem;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text3)}.dash-nav a{display:flex;align-items:center;gap:8px;padding:10px 1.2rem;font-size:13px;color:var(--text2);transition:var(--transition);border-left:3px solid transparent}.dash-nav a:hover{background:var(--orange-light);color:var(--orange)}.dash-nav a.active{background:var(--orange-light);color:var(--orange);border-left-color:var(--orange);font-weight:600}.dash-nav .nav-icon{font-size:16px;width:20px;text-align:center}.dash-main{padding:1.5rem 2rem;background:var(--bg);max-width:calc(100vw - 240px);overflow-x:auto}.dash-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.dash-header h1{font-size:20px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:1.5rem}.stat-card{background:var(--white);border:1px solid var(--border2);border-radius:var(--radius);padding:1.2rem;transition:var(--transition)}.stat-card:hover{border-color:var(--orange);box-shadow:var(--shadow)}.stat-label{font-size:12px;color:var(--text3);font-weight:500}.stat-value{font-size:24px;font-weight:700;margin-top:4px}.stat-icon{font-size:18px;float:right;margin-top:-4px}.dash-card{background:var(--white);border:1px solid var(--border2);border-radius:var(--radius);padding:1.2rem;margin-bottom:1rem}.dash-card-title{font-size:14px;font-weight:600;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.dash-table{width:100%;border-collapse:collapse;font-size:13px}.dash-table th{text-align:left;padding:10px 12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text3);border-bottom:1px solid var(--border);background:#fafafa}.dash-table td{padding:10px 12px;border-bottom:1px solid var(--border2)}.dash-table tr:hover td{background:var(--orange-light)}.status-badge{display:inline-flex;padding:3px 10px;border-radius:50px;font-size:11px;font-weight:600}.st-pending{background:var(--yellow-bg);color:var(--yellow)}.st-confirmed{background:var(--blue-bg);color:var(--blue)}.st-processing{background:#f5f3ff;color:var(--purple)}.st-shipped{background:#ecfeff;color:#0891b2}.st-delivered{background:var(--green-bg);color:var(--green)}.st-cancelled{background:var(--red-bg);color:var(--red)}

.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:2rem}.auth-card{background:var(--white);border:1px solid var(--border2);border-radius:12px;padding:2.5rem;width:100%;max-width:440px;box-shadow:var(--shadow-lg)}.auth-card h1{text-align:center;font-size:22px;margin-bottom:4px}.auth-card .subtitle{text-align:center;color:var(--text3);font-size:13px;margin-bottom:1.5rem}.auth-tabs{display:flex;margin-bottom:1.5rem;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.auth-tab{flex:1;padding:10px;text-align:center;font-size:13px;font-weight:600;cursor:pointer;transition:var(--transition);background:var(--white)}.auth-tab.active{background:var(--orange);color:#fff}


.store-header{background:linear-gradient(135deg,#1a1a2e,#16213e);padding:2.5rem;border-radius:12px;color:#fff;margin-bottom:1.5rem}.store-header-inner{display:flex;align-items:center;gap:1.5rem}.store-logo-lg{width:80px;height:80px;border-radius:50%;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;border:2px solid rgba(255,255,255,.2)}.store-badges{display:flex;gap:8px;margin-top:8px}.store-badge{font-size:11px;padding:4px 10px;border-radius:50px;background:rgba(255,255,255,.1)}.store-stats-bar{display:flex;gap:2rem;margin-top:1rem;font-size:13px;opacity:.8}

.footer{background:#1a1a2e;color:#999;margin-top:2rem}.footer-top{max-width:var(--max-w);margin:0 auto;padding:3rem 1.5rem;display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:2rem}.footer h4{color:#eee;font-size:14px;margin-bottom:1rem}.footer-brand{font-size:1.3rem;font-weight:800;color:var(--orange);margin-bottom:.6rem}.footer-brand span{color:#eee}.footer ul{display:flex;flex-direction:column;gap:6px}.footer a{font-size:13px}.footer a:hover{color:var(--orange)}.footer-payments{display:flex;gap:6px;margin-top:12px;flex-wrap:wrap}.footer-payments span{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);padding:4px 10px;border-radius:4px;font-size:11px}.footer-bottom{border-top:1px solid rgba(255,255,255,.06);padding:1.2rem 1.5rem;text-align:center;font-size:12px;max-width:var(--max-w);margin:0 auto}

.breadcrumb{max-width:var(--max-w);margin:0 auto;padding:12px 1.5rem;font-size:12px;color:var(--text3);display:flex;gap:6px;align-items:center}.breadcrumb a:hover{color:var(--orange)}.messages-list{max-width:var(--max-w);margin:0 auto;padding:8px 1.5rem;list-style:none}.alert{padding:10px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;margin-bottom:6px}.alert-success{background:var(--green-bg);color:#065f46;border:1px solid #a7f3d0}.alert-error{background:var(--red-bg);color:#9f1239;border:1px solid #fecdd3}.empty-state{text-align:center;padding:3rem;color:var(--text3)}.empty-state .icon{font-size:3rem;margin-bottom:.5rem}.tag{display:inline-flex;padding:2px 8px;border-radius:3px;font-size:11px;font-weight:600}.tag-orange{background:var(--orange-light);color:var(--orange)}.tag-green{background:var(--green-bg);color:var(--green)}

.review-summary{display:flex;gap:2rem;align-items:center;padding:1.5rem;background:#fafafa;border-radius:var(--radius);margin-bottom:1rem}.review-big-score{text-align:center;min-width:100px}.review-big-score .num{font-size:3rem;font-weight:700}.review-big-score .stars{color:var(--yellow);font-size:14px}.review-card{padding:1rem 0;border-bottom:1px solid var(--border2)}.review-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.review-card-author{font-weight:600;font-size:13px}.review-card-stars{color:var(--yellow);font-size:12px}.review-card-text{font-size:13px;color:var(--text2);line-height:1.6}

.advantages-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:var(--white);border:1px solid var(--border2);border-radius:var(--radius);margin:1rem 0}.adv-item{padding:1.2rem;text-align:center;border-right:1px solid var(--border2);transition:var(--transition)}.adv-item:last-child{border:none}.adv-item:hover{background:var(--orange-light)}.adv-icon{font-size:1.5rem;margin-bottom:4px}.adv-title{font-size:12px;font-weight:600}.adv-desc{font-size:11px;color:var(--text3)}

.newsletter-bar{background:#1a1a2e;border-radius:var(--radius);padding:2rem;display:flex;justify-content:space-between;align-items:center;color:#999;margin:1rem 0;gap:2rem}.newsletter-bar h3{font-size:18px;color:#eee}.newsletter-bar p{font-size:13px;opacity:.85}.nl-form{display:flex;gap:8px}.nl-form input{padding:10px 14px;border:none;border-radius:var(--radius-sm);font-size:13px;min-width:280px}.nl-form button{background:var(--orange);color:#fff;border:none;padding:10px 20px;border-radius:var(--radius-sm);font-weight:700;font-size:13px;cursor:pointer}

@media(max-width:1024px){.hero-grid{grid-template-columns:1fr}.hero-sidebar,.hero-right{display:none}.catalog-layout{grid-template-columns:1fr}.filter-sidebar{display:none}.detail-grid{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr 1fr}}
@media(max-width:768px){.topbar,.meganav-links{display:none}.search-category{display:none}.flash-grid{grid-template-columns:repeat(3,1fr)}.products-grid{grid-template-columns:repeat(2,1fr);gap:8px}.cart-layout{grid-template-columns:1fr}.cart-head{display:none}.cart-row-item{grid-template-columns:1fr}.dash-layout{grid-template-columns:1fr}.dash-sidebar{display:none}.form-row,.payment-grid{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr}.advantages-bar{grid-template-columns:repeat(2,1fr)}.newsletter-bar{flex-direction:column;text-align:center}.nl-form{flex-direction:column}.nl-form input{min-width:auto}}
@media(max-width:480px){.products-grid{grid-template-columns:1fr}.flash-grid{grid-template-columns:repeat(2,1fr)}.advantages-bar{grid-template-columns:1fr}}

/* Alertes du haut de page (templates/includes/site_alerts.html) */
.sa-stack { display: grid; }
.sa { --sa-bg: #eff6ff; --sa-fg: #1e3a8a; --sa-ac: #2563eb; background: var(--sa-bg); color: var(--sa-fg); border-bottom: 1px solid rgba(0,0,0,.06); font-size: 13.5px; }
.sa-promo { --sa-bg: linear-gradient(90deg, #fff1e6, #fff8f2); --sa-fg: #7c2d12; --sa-ac: #ea580c; }
.sa-success { --sa-bg: #ecfdf3; --sa-fg: #054f31; --sa-ac: #039855; }
.sa-warning { --sa-bg: #fffaeb; --sa-fg: #7a2e0e; --sa-ac: #dc6803; }
.sa-danger { --sa-bg: #fef3f2; --sa-fg: #7a271a; --sa-ac: #d92d20; }
.sa-inner { max-width: var(--max-w, 1400px); margin: 0 auto; padding: 9px 16px; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.sa-ic { color: var(--sa-ac); font-size: 15px; flex-shrink: 0; }
.sa-txt { flex: 1; min-width: 220px; margin: 0; line-height: 1.45; }
.sa-txt span { opacity: .9; }
.sa-link { color: var(--sa-ac); font-weight: 700; text-decoration: none; white-space: nowrap; }
.sa-link:hover { text-decoration: underline; }
.sa-x { border: 0; background: transparent; color: inherit; opacity: .55; cursor: pointer; width: 30px; height: 30px; border-radius: 8px; font-size: 14px; }
.sa-x:hover { opacity: 1; background: rgba(0,0,0,.06); }
.sa-stack.compact { gap: 8px; margin-bottom: 14px; }
.sa-stack.compact .sa { border: 1px solid rgba(0,0,0,.07); border-radius: 10px; }
.sa-stack.compact .sa-inner { padding: 9px 14px; }
@media (max-width: 600px) { .sa-inner { padding: 9px 12px; } .sa-txt { min-width: 0; flex-basis: calc(100% - 70px); } .sa-link { margin-left: 25px; } }

/* Langue et devise (en-tête du site) */
.lc-switch { position: relative; display: inline-block; margin-left: auto; }
.lc-current { cursor: pointer; white-space: nowrap; }
.lc-menu { position: absolute; top: 100%; right: 0; margin-top: 8px; background: #fff; border: 1px solid var(--border2); border-radius: var(--radius); box-shadow: 0 4px 12px rgba(0,0,0,.1); min-width: 240px; max-height: 70vh; overflow-y: auto; opacity: 0; visibility: hidden; transform: translateY(-10px); transition: all .2s; z-index: 1000; padding: 6px 0; }
.lc-menu form { margin: 0; }
.lc-menu button { width: 100%; background: none; border: none; cursor: pointer; display: flex; align-items: center; gap: 10px; padding: 8px 16px; color: var(--text); font: inherit; font-size: 13px; text-align: left; }
.lc-menu button:hover { background: var(--bg); }
.lc-menu button.on { color: var(--orange); font-weight: 600; background: var(--orange-light); }
.lc-menu button b { min-width: 42px; display: inline-block; }
.lc-flag { font-size: 18px; }
.lc-title { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: var(--text3); padding: 8px 16px 4px; }
.lc-note { font-size: 11px; color: var(--text3); padding: 6px 16px 4px; margin: 0; line-height: 1.4; border-top: 1px solid var(--border2); }
.m-cur select { flex: 1; padding: 6px 8px; border: 1px solid var(--border); border-radius: 6px; font: inherit; font-size: 13px; background: #fff; }

/* Menu des catégories (barre de navigation, ordinateur) */
.meganav-inner { position: relative; }
.cat-menu { position: static; flex-shrink: 0; }
.cat-menu-btn { display: inline-flex; align-items: center; gap: 8px; padding: 12px 16px; font-size: 13px; font-weight: 600; color: var(--text); white-space: nowrap; border-bottom: 2px solid transparent; }
.cat-menu-btn:hover, .cat-menu.open .cat-menu-btn { color: var(--orange); border-bottom-color: var(--orange); }
.cat-caret { font-size: 10px; transition: transform .2s; }
.cat-menu.open .cat-caret { transform: rotate(180deg); }
.cat-panel { position: absolute; left: 0; right: 0; top: 100%; z-index: 1000; display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 18px 24px; padding: 20px 24px; background: #fff; border: 1px solid var(--border2); border-top: 0; border-radius: 0 0 var(--radius) var(--radius); box-shadow: 0 12px 28px rgba(0,0,0,.12); opacity: 0; visibility: hidden; transform: translateY(-6px); transition: all .18s; }
.cat-menu.open .cat-panel { opacity: 1; visibility: visible; transform: none; }
.cat-col { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.cat-main { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 700; color: var(--text); padding: 4px 0 6px; }
.cat-main i { color: var(--orange); width: 16px; text-align: center; font-size: 13px; }
.cat-sub { font-size: 13px; color: var(--text2); padding: 4px 0 4px 24px; }
.cat-main:hover, .cat-sub:hover { color: var(--orange); }
.cat-all { grid-column: 1 / -1; justify-self: start; font-size: 13px; font-weight: 600; color: var(--orange); padding-top: 10px; border-top: 1px solid var(--border2); width: 100%; }
@media (max-width: 900px) { .cat-menu { display: none; } }
/* Filtre « Catégories » de la liste des produits : sous-catégories en retrait */
.filter-option.sub { padding-left: 22px; font-size: 13px; }

/* Liste des produits : sous-catégories dans un panneau latéral */
.filter-cat { display: flex; align-items: center; gap: 6px; }
.filter-cat .filter-option { flex: 1; min-width: 0; }
.filter-sub-btn { flex-shrink: 0; display: inline-flex; align-items: center; gap: 5px; padding: 3px 8px; font-size: 11px; font-weight: 600; color: var(--text3); background: var(--bg); border: 1px solid var(--border2); border-radius: 999px; cursor: pointer; }
.filter-sub-btn i { font-size: 9px; }
.filter-sub-btn:hover { color: var(--orange); border-color: var(--orange); }
.subcat-drawer { position: fixed; inset: 0; z-index: 2000; }
.subcat-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.4); opacity: 0; transition: opacity .2s; }
.subcat-panel { position: absolute; top: 0; bottom: 0; left: 0; width: min(340px, 88vw); display: flex; flex-direction: column; background: var(--white); box-shadow: 8px 0 28px rgba(0,0,0,.18); transform: translateX(-100%); transition: transform .2s; }
.subcat-drawer.open .subcat-backdrop { opacity: 1; }
.subcat-drawer.open .subcat-panel { transform: none; }
.subcat-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 16px 18px; border-bottom: 1px solid var(--border2); }
.subcat-head h3 { font-size: 16px; margin: 0; }
.subcat-close { width: 34px; height: 34px; border: 0; border-radius: 50%; background: var(--bg); color: var(--text2); cursor: pointer; font-size: 16px; }
.subcat-close:hover { color: var(--orange); }
.subcat-search { position: relative; margin: 12px 18px 4px; }
.subcat-search i { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: var(--text3); font-size: 13px; }
.subcat-search input { width: 100%; padding: 9px 12px 9px 34px; border: 1px solid var(--border); border-radius: var(--radius-sm); font-size: 13px; }
.subcat-body { flex: 1; overflow-y: auto; padding: 8px 10px 18px; }
.subcat-item { display: block; padding: 9px 10px; border-radius: var(--radius-sm); font-size: 14px; color: var(--text2); }
.subcat-item:hover { background: var(--bg); color: var(--orange); }
.subcat-item.all { font-weight: 600; color: var(--text); }
.subcat-item.active, .subcat-item.active:hover { background: var(--orange); color: #fff; }
.subcat-item[hidden] { display: none; }
.subcat-empty { padding: 10px; font-size: 13px; color: var(--text3); }

/* Barre de recherche : bouton photo et suggestions (le panneau dépasse de la barre, d'où overflow visible) */
.search-bar{overflow:visible;position:relative}
.search-bar>:first-child{border-radius:8px 0 0 8px}
.search-bar .search-go{border-radius:0 8px 8px 0}
.search-input-wrap{position:static}
.search-bar .search-photo{background:transparent;color:var(--text3);width:42px;font-size:17px;border-radius:0}
.search-bar .search-photo:hover{background:transparent;color:var(--orange)}
.search-bar input[type=search]::-webkit-search-cancel-button{cursor:pointer}
.ac-panel{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid var(--border2);border-radius:12px;box-shadow:0 18px 40px rgba(15,17,26,.14);z-index:1000;max-height:min(70vh,520px);overflow-y:auto;padding:6px 0}
.ac-panel[hidden]{display:none}
.ac-sec{display:flex;justify-content:space-between;align-items:center;padding:10px 16px 4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text3)}
.ac-clear{background:none;border:0;color:var(--orange);font-size:11.5px;font-weight:600;text-transform:none;letter-spacing:0}
.ac-item{display:flex;align-items:center;gap:12px;padding:8px 16px;color:var(--text);font-size:14px;min-width:0}
.ac-item:hover,.ac-item.on{background:var(--orange-light)}
.ac-item>i{color:var(--text3);width:18px;text-align:center;flex-shrink:0}
.ac-item>span:not(.ac-thumb):not(.ac-price){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ac-thumb{width:40px;height:40px;border-radius:8px;background:#f4f4f5 center/cover;flex-shrink:0;display:grid;place-items:center}
.ac-thumb.round{border-radius:50%}
.ac-letter{background:var(--orange-light);color:var(--orange);font-weight:800}
.ac-icon{color:var(--orange);font-size:15px;background:var(--orange-light)}
.ac-main{display:flex;flex-direction:column;min-width:0;flex:1}
.ac-main b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ac-main small{font-size:12px;color:var(--text3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ac-main small em{font-style:normal;color:var(--orange);font-weight:600}
.ac-main mark{background:none;color:var(--orange);font-weight:700}
.ac-ok{color:var(--green);font-size:12px}
.ac-kind{color:var(--text3)!important;font-size:12px}
.ac-price{font-weight:700;color:var(--orange);font-size:13px;white-space:nowrap;flex-shrink:0}
.ac-all{border-top:1px solid var(--border2);margin-top:6px;padding-top:12px;padding-bottom:10px;color:var(--orange);font-weight:600}
.ac-all>i{color:var(--orange)}
.ac-photo>i{color:var(--orange)}
.ac-none{padding:14px 16px;font-size:13px;color:var(--text3)}
/* Le panneau de suggestions passe au-dessus de la barre de navigation */
.header{z-index:160}
.search-bar .ac-clear{background:none;width:auto;color:var(--orange);font-size:11.5px;font-weight:600;padding:0;display:inline;border-radius:0}
.search-bar .ac-clear:hover{background:none;text-decoration:underline}