*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--accent: #C4622D;--dark: #1A1A1A;--muted: #6B7260;--border: #E8E6E0;--bg: #FAFAF7;--bg-card: #fff;--bg-subtle: #F5F4F0;--serif: "Cormorant Garamond", Georgia, serif;--sans: "DM Sans", "Segoe UI", sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px}body{font-family:var(--sans);background:var(--bg);color:var(--dark);min-height:100vh}.serif{font-family:var(--serif)}.btn{cursor:pointer;border:none;border-radius:var(--radius-sm);font-family:var(--sans);font-weight:500;font-size:14px;padding:10px 20px;transition:opacity .15s,transform .1s}.btn:hover{opacity:.85}.btn:active{transform:scale(.98)}.btn-dark{background:var(--dark);color:#fff}.btn-accent{background:var(--accent);color:#fff}.btn-ghost{background:transparent;border:1.5px solid var(--border);color:var(--muted)}.card{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border);overflow:hidden}.input{width:100%;padding:10px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:14px;font-family:var(--sans);outline:none;background:#fff;color:var(--dark)}.input:focus{border-color:var(--accent)}.tag{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:500}.grid-auto{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.icon-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:var(--radius-sm);display:flex;align-items:center;color:var(--dark);position:relative}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}table{width:100%;border-collapse:collapse;font-size:14px}th{padding:11px 16px;text-align:left;font-weight:500;font-size:13px;color:var(--muted);background:#f9f8f5}td{padding:11px 16px;border-bottom:1px solid #F0EEE8}tr:last-child td{border-bottom:none}thead tr{border-bottom:1px solid var(--border)}.notif{position:fixed;bottom:24px;right:24px;background:var(--dark);color:#fff;padding:11px 18px;border-radius:10px;font-size:14px;z-index:400;pointer-events:none;opacity:0;transition:opacity .3s;box-shadow:0 4px 12px #0003}.notif.show{opacity:1}@media (max-width: 1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 768px){.nav-cats{display:none!important}nav{padding:0 16px!important;height:56px!important}.page-wrap{padding:20px 16px!important}.hero{padding:28px 20px!important;margin-bottom:20px!important}.hero h1{font-size:26px!important;line-height:1.25!important}.hero p{font-size:14px!important}.hero-em{display:none!important}.filter-bar{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.filter-pills{flex-wrap:wrap!important;gap:6px!important}.filter-bar input,.filter-bar select{width:100%!important;max-width:100%!important}.search-wrap,.search-wrap input{width:100%!important}.grid-auto{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.product-detail-grid{grid-template-columns:1fr!important;gap:20px!important}.product-img-box{height:240px!important;font-size:80px!important}.checkout-grid{grid-template-columns:1fr!important;gap:16px!important}.order-summary-col{order:-1}.admin-sidebar{display:none!important}.admin-content{padding:20px 16px!important;max-height:unset!important}.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.account-grid{grid-template-columns:1fr!important}.cart-panel{width:100%!important}.table-scroll{overflow-x:auto!important}.grid-2{grid-template-columns:1fr!important}}@media (max-width: 480px){.grid-auto,.grid-3{grid-template-columns:1fr!important}.hero h1{font-size:22px!important}.notif{left:16px;right:16px;bottom:16px;text-align:center}}