:root{
    --ink:#191c24;
    --muted:#6b7280;
    --accent:#f7b500;
    --accent-deep:#e8a700;
    --nav:#1d2636;
    --soft:#f6f7fb;
    --line:#e8eaf0;
    --success:#14965e;
}
*{box-sizing:border-box}
body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff}
a{color:inherit}
.topbar{background:#f4f5f8;border-bottom:1px solid #eceef3}
.topbar a{text-decoration:none;color:#4b5563}
.topbar a:hover{color:#111827}
.brand{display:inline-flex;align-items:center;gap:.7rem;font-weight:800;font-size:1.55rem;color:var(--ink)}
.brand-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--accent);color:#111;box-shadow:0 8px 20px rgba(247,181,0,.25)}
.search-box{border:2px solid var(--accent);border-radius:10px;overflow:hidden;background:#fff}
.search-box .category-select{max-width:165px;border-right:1px solid var(--line)!important;border-radius:0}
.search-box .form-control,.search-box .form-select{box-shadow:none}
.header-action{position:relative;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;text-decoration:none;font-size:1.25rem}
.badge-count{position:absolute;right:-5px;top:-7px;background:var(--accent);font-size:.68rem;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-weight:800}
.cart-pill{display:flex;align-items:center;gap:.65rem;text-decoration:none;padding:.5rem .8rem;border-radius:12px;background:var(--soft)}
.cart-pill i{font-size:1.4rem}.cart-pill span{display:flex;flex-direction:column;line-height:1.1}.cart-pill small{color:var(--muted)}
.main-nav{background:var(--nav)}
.main-nav .nav-link{color:#f7f7fa!important;padding:.85rem 1rem!important}
.main-nav .nav-link:hover{color:var(--accent)!important}
.hero{background:linear-gradient(135deg,#fff5c9 0%,#f3f5ff 52%,#e5f7f1 100%);border-radius:24px;overflow:hidden;position:relative}
.hero:after{content:"";position:absolute;width:340px;height:340px;border-radius:50%;right:-80px;top:-80px;background:rgba(247,181,0,.17)}
.hero-kicker{font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:#996f00}
.hero h1{font-weight:900;letter-spacing:-.04em;font-size:clamp(2.4rem,5vw,5rem);line-height:.98}
.hero-art{min-height:350px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}
.hero-device{width:270px;height:270px;border-radius:55px;background:#1d2636;transform:rotate(-8deg);box-shadow:0 30px 60px rgba(29,38,54,.25);position:relative}
.hero-device:before{content:"";position:absolute;inset:18px;border-radius:42px;background:linear-gradient(135deg,#f7b500,#ffdf73)}
.hero-device:after{content:"DEAL";position:absolute;inset:0;display:grid;place-items:center;font-size:4rem;font-weight:900;color:#1d2636;transform:rotate(8deg)}
.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:800;color:#9a7000}
.section-title{font-weight:850;letter-spacing:-.02em}
.category-card{display:flex;align-items:center;gap:1rem;border:1px solid var(--line);border-radius:16px;padding:1rem;background:#fff;text-decoration:none;transition:.2s}
.category-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(17,24,39,.08)}
.category-icon{width:50px;height:50px;border-radius:14px;background:#fff4cc;display:grid;place-items:center;font-size:1.35rem}
.vendor-chip{display:flex;align-items:center;gap:.7rem;padding:.9rem 1rem;border:1px solid var(--line);border-radius:14px;text-decoration:none;background:#fff}
.vendor-logo{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;background:#20293a;color:white;font-weight:800}
.promo-card{border-radius:18px;padding:2rem;min-height:180px;position:relative;overflow:hidden}
.promo-yellow{background:#ffefb0}.promo-blue{background:#dae5ff}.promo-green{background:#dff7e9}
.product-card{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden;transition:.2s}
.product-card:hover{box-shadow:0 12px 34px rgba(17,24,39,.08);transform:translateY(-2px)}
.product-image-wrap{display:block;position:relative;background:#f7f8fb;aspect-ratio:1/1;overflow:hidden}
.product-image{width:100%;height:100%;object-fit:cover}
.sale-badge,.featured-badge{position:absolute;z-index:2;top:12px;padding:.32rem .55rem;border-radius:999px;font-size:.72rem;font-weight:800}
.sale-badge{left:12px;background:#e23d55;color:white}.featured-badge{right:12px;background:var(--accent);color:#111}
.product-title{font-size:.98rem;line-height:1.35;min-height:2.7em}.product-title a{text-decoration:none}.product-title a:hover{color:#9b7000}
.rating{color:#f4b000}.price del{color:#9ca3af;margin-right:.4rem}.price strong{font-size:1.08rem}
.btn-accent{background:var(--accent);border-color:var(--accent);color:#171717;font-weight:700}.btn-accent:hover{background:var(--accent-deep);border-color:var(--accent-deep)}
.coupon-card{border:1px dashed #cfd3dc;border-radius:18px;padding:1.2rem;background:#fff;height:100%}
.coupon-value{display:inline-flex;padding:.35rem .7rem;border-radius:999px;background:#fff1be;color:#795800;font-weight:900}
.coupon-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;border:1px dashed #aeb4bf;background:#f7f8fa;border-radius:8px;padding:.45rem .65rem}
.page-hero{background:#f4f6fa;padding:2.8rem 0;border-bottom:1px solid var(--line)}
.filter-card,.summary-card,.auth-card,.dashboard-card{border:1px solid var(--line);border-radius:18px;background:#fff}
.table-product-img{width:62px;height:62px;object-fit:cover;border-radius:12px;background:#f5f6f8}
.qty-input{max-width:92px}
.store-hero{background:linear-gradient(135deg,#1f2937,#374151);color:#fff;border-radius:22px;padding:2.4rem}
.store-avatar{width:78px;height:78px;border-radius:18px;background:var(--accent);color:#111;display:grid;place-items:center;font-size:2rem;font-weight:900}
.checkout-step{border-left:4px solid var(--accent);padding-left:1rem}
.newsletter{background:#f5f6fa;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.site-footer{background:#161d2b;color:#fff}.site-footer a{display:block;color:#c8cfdb;text-decoration:none;margin:.4rem 0}.site-footer a:hover{color:#fff}
.admin-shell{min-height:100vh;background:#f4f6fa}.admin-sidebar{background:#161d2b;min-height:100vh;color:white}.admin-sidebar a{display:block;color:#cbd2dc;text-decoration:none;padding:.7rem .8rem;border-radius:10px}.admin-sidebar a:hover{background:#242e40;color:#fff}
.metric{border:1px solid var(--line);background:#fff;border-radius:18px;padding:1.2rem}.metric strong{font-size:1.8rem}
@media (max-width:991.98px){.hero-art{min-height:260px}.hero-device{width:200px;height:200px}.search-box .category-select{display:none}.admin-sidebar{min-height:auto}}