@font-face{font-display:swap}@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap'); :root {--bg:#f8f6f2; --bg-soft:#f2ede4; --surface:#ffffff; --surface-2:#faf8f5; --border:#e8e0d0; --border-soft:#f0ebe0; --text:#1a1208; --text-dim:#6b5c3e; --text-faint:#a8967a; --gold:#0B6FD1; --gold-bright:#1187FF; --gold-deep:#084F99; --gold-dim:rgba(17,135,255,0.09); --gold-line:rgba(17,135,255,0.22); --danger:#c0392b; --success:#1e8449; --radius:12px; --radius-sm:8px; --shadow:0 2px 16px rgba(0,0,0,0.07); --shadow-md:0 4px 24px rgba(0,0,0,0.10); --shadow-gold:0 4px 20px rgba(17,135,255,0.18)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}html:focus-within {scroll-behavior:smooth}[data-theme="dark"] {--bg:#0e0c09; --bg-soft:#151209; --surface:#1a1610; --surface-2:#211c13; --border:#2e2618; --border-soft:#252016; --text:#f0e8d8; --text-dim:#b8a888; --text-faint:#7a6a50; --gold-dim:rgba(17,135,255,.12); --gold-line:rgba(17,135,255,.25)}body{font-family:'Inter',sans-serif; background:var(--bg); color:var(--text); line-height:1.6; min-height:100vh; display:flex; flex-direction:column}main{flex:1}h1,h2,h3,h4,h5,h6{font-family:'Inter',sans-serif; font-weight:700; color:var(--text)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{max-width:1240px; margin:0 auto; padding:0 20px}.navbar{position:fixed; top:0; left:0; right:0; z-index:100; background:var(--surface); border-bottom:1px solid var(--border); box-shadow:0 1px 12px rgba(0,0,0,0.06)}body{padding-top:60px}.navbar-inner{display:grid; grid-template-columns:90px 1fr 90px; align-items:center; gap:10px; height:60px; padding:0 16px; max-width:1240px; margin:0 auto}.hamburger-btn{display:flex; flex-direction:column; justify-content:center; align-items:center; gap:5px; width:40px;height:40px; background:transparent;border:none; cursor:pointer;padding:0;flex-shrink:0}.hamburger-btn span{display:block;width:22px;height:2px; background:var(--text);border-radius:2px; transition:all .28s ease}.hamburger-btn.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger-btn.open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-btn.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.brand{justify-self:center; display:flex;flex-direction:column; align-items:center;gap:1px; text-decoration:none; min-width:0}.brand img.brand-logo{height:32px;width:auto}.brand .brand-tagline{font-size:9px;color:var(--text-faint); letter-spacing:.08em;font-weight:500}.nav-actions{display:flex;align-items:center;justify-content:flex-end; gap:4px;flex-shrink:0;width:100%}.nav-icon-btn{position:relative; width:40px;height:40px; display:flex;align-items:center;justify-content:center; background:transparent;border:none; cursor:pointer;color:var(--text-dim); border-radius:50%;transition:all .18s; text-decoration:none}.nav-icon-btn:hover{background:var(--gold-dim);color:var(--gold)}.nav-icon-btn svg{width:22px;height:22px}.nav-icon-badge{position:absolute;top:2px;right:2px; background:var(--gold-bright);color:#fff; font-size:9px;font-weight:800;border-radius:50px; padding:0 4px;min-width:15px;height:15px; display:flex;align-items:center;justify-content:center; border:1.5px solid #fff}.nav-text-btn{width:auto;height:34px;padding:0 14px; border-radius:8px;font-size:13px;font-weight:600; border:1px solid var(--border);color:var(--text-dim); background:transparent;cursor:pointer; display:flex;align-items:center}.nav-text-btn:hover{border-color:var(--gold-line);color:var(--gold)}.nav-text-btn--primary{background:var(--gold-bright);color:#fff; border-color:var(--gold-bright);font-weight:700}.nav-text-btn--primary:hover{background:var(--gold);opacity:1;color:#fff}.nav-overlay{display:none;position:fixed;inset:0; background:rgba(0,0,0,.45);z-index:100; backdrop-filter:blur(2px)}.nav-overlay.open{display:block}.nav-drawer{position:fixed;top:0;left:0; width:72%;max-width:280px;height:100vh; background:var(--surface);border-right:1px solid var(--border); z-index:101;display:flex;flex-direction:column; transform:translateX(-100%); transition:transform .3s cubic-bezier(.4,0,.2,1); overflow-y:auto; overflow-x:hidden; box-shadow:4px 0 32px rgba(0,0,0,.12); padding-bottom:40px}.nav-drawer.open{transform:translateX(0)}.nav-drawer-head{display:flex;align-items:center; justify-content:space-between; padding:16px;border-bottom:1px solid var(--border-soft)}.nav-drawer-brand{display:flex;align-items:center;gap:10px}.nav-drawer-close{width:30px;height:30px;background:var(--surface-2); border:1px solid var(--border);border-radius:50%; color:var(--text-dim);cursor:pointer; display:flex;align-items:center;justify-content:center;font-size:13px; transition:all .15s}.nav-drawer-close:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.nav-drawer-balance{display:flex;flex-direction:column;gap:3px; padding:12px 16px; background:linear-gradient(135deg,#eef6ff,#e0eeff); border-bottom:1px solid var(--gold-line)}.nav-drawer-links{list-style:none;padding:8px;flex:1}.nav-drawer-links .nav-section-label{font-size:9px;text-transform:uppercase;letter-spacing:.12em; color:var(--text-faint);font-weight:700; padding:10px 10px 5px;display:block}.nav-drawer-links a{display:flex;align-items:center;gap:12px; padding:11px 12px;border-radius:10px; font-size:14px;font-weight:500;color:var(--text-dim); transition:all .15s;margin-bottom:2px}.nav-drawer-links a:hover,.nav-drawer-links a.active{background:var(--gold-dim);color:var(--gold)}.nav-drawer-links a svg{flex-shrink:0}.nav-links{display:none!important}.nav-cart-wrap,.nav-cart-badge,.balance-pill{display:none}.notif-wrap{position:relative}.notif-dropdown{display:none;position:absolute; top:calc(100% + 8px);right:0; width:300px;max-height:380px;overflow-y:auto; background:#fff;border:1px solid var(--border); border-radius:var(--radius); box-shadow:var(--shadow-md);z-index:200}.notif-dropdown.open{display:block}.notif-dropdown-head{padding:12px 14px; font-weight:700;font-size:11px; text-transform:uppercase;letter-spacing:.08em; color:var(--text-faint); border-bottom:1px solid var(--border-soft); display:flex;align-items:center;gap:8px}.notif-list{padding:4px}.notif-empty{padding:20px;text-align:center;color:var(--text-faint);font-size:13px}.notif-item{display:block;padding:12px;border-radius:8px; margin-bottom:2px;transition:background .15s;cursor:pointer}.notif-item:hover{background:var(--bg-soft)}.notif-item.unread{background:linear-gradient(135deg,#eef6ff,#e0eeff)}.notif-title{font-size:13px;font-weight:600;color:var(--text);margin-bottom:2px}.notif-msg{font-size:12px;color:var(--text-dim)}.notif-time{font-size:11px;color:var(--text-faint);margin-top:4px}.section{padding:36px 0}.section-head{display:flex;justify-content:space-between; align-items:flex-end;margin-bottom:24px;flex-wrap:wrap;gap:12px}.eyebrow{display:block;font-size:10px;font-weight:800; text-transform:uppercase;letter-spacing:.14em; color:var(--gold);margin-bottom:6px}.section-head h2{font-size:clamp(22px,3vw,30px)}.view-all{font-size:13px;font-weight:600;color:var(--gold); display:flex;align-items:center;gap:4px}.view-all:hover{color:var(--gold-deep)}.card{background:var(--surface);border:1px solid var(--border); border-radius:var(--radius);padding:24px; box-shadow:var(--shadow)}.card:hover{box-shadow:var(--shadow-md)}.tv-carousel{position:relative;width:100%; aspect-ratio:21/8; min-height:260px;overflow:hidden; border-radius:var(--radius); background:#0a0908; box-shadow:0 8px 40px rgba(0,0,0,0.15); border:1px solid var(--border)}.tv-frame-label{position:absolute;top:14px;left:16px;z-index:3; display:flex;align-items:center;gap:6px; font-size:10px;font-weight:700;letter-spacing:.1em; text-transform:uppercase;color:rgba(255,255,255,.7); background:rgba(0,0,0,.4);padding:4px 12px; border-radius:50px;backdrop-filter:blur(6px)}.rec-dot{width:6px;height:6px;border-radius:50%; background:#e0556b;box-shadow:0 0 6px #e0556b; animation:pulseDot 1.6s ease-in-out infinite}@keyframes pulseDot{0%,100%{opacity:1}50%{opacity:.4}}.tv-slide{position:absolute;inset:0;opacity:0; transition:opacity 1.1s ease; display:grid;grid-template-columns:1fr 1fr; background:#0d0c0a; pointer-events:none}.tv-slide.active{opacity:1;pointer-events:auto}.tv-slide-img{background-color:#111; background-size:contain; background-position:center; background-repeat:no-repeat; border-right:1px solid rgba(17,135,255,.12)}.tv-slide-overlay{position:relative;z-index:2; padding:32px 36px; display:flex;flex-direction:column; justify-content:center; background:linear-gradient(135deg,#141210 0%,#0d0c0a 100%)}.tv-slide-info .tv-eyebrow{font-size:9px;font-weight:800;letter-spacing:.18em; text-transform:uppercase;color:#1187FF; margin-bottom:10px;display:flex;align-items:center;gap:7px}.tv-slide-info .tv-eyebrow::before{content:'';width:16px;height:1px;background:#1187FF; display:inline-block;flex-shrink:0}.tv-slide-info h3{font-size:clamp(16px,2vw,26px);color:#fff; margin-bottom:8px;line-height:1.25}.tv-slide-info p{color:rgba(255,255,255,.5);font-size:12px; max-width:300px;margin-bottom:14px;line-height:1.6}.tv-slide-price{font-family:'Inter',sans-serif; font-size:22px;font-weight:700;color:#1187FF;margin-bottom:18px}.tv-slide-cta{display:inline-flex;align-items:center;gap:6px; background:#1187FF;color:#fff; font-size:11px;font-weight:800;letter-spacing:.08em; text-transform:uppercase;padding:9px 18px; border-radius:50px;width:fit-content;transition:opacity .2s}.tv-slide-cta:hover{opacity:.87}.tv-slide-icon{display:none}.tv-dots{position:absolute;bottom:14px;right:20px; z-index:3;display:flex;gap:6px}.tv-dot{width:7px;height:7px;border-radius:50%; background:rgba(255,255,255,.3); cursor:pointer;transition:all .25s ease; border:none;padding:0}.tv-dot.active{background:#1187FF;width:20px;border-radius:4px}.category-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(160px,1fr)); gap:14px}.category-card{background:var(--surface);border:1px solid var(--border); border-radius:var(--radius);overflow:hidden; display:flex;flex-direction:column; transition:all .22s ease; box-shadow:var(--shadow)}.category-card:hover{border-color:var(--gold-line); box-shadow:var(--shadow-gold)}.category-card .cat-img{width:100%;aspect-ratio:16/9; background:#1a1208 center/contain no-repeat; border-bottom:1px solid var(--border-soft);flex-shrink:0}.category-card .cat-info{padding:10px 12px 12px}.category-card .cat-name{font-size:13px;font-weight:700;color:var(--text); font-family:'Inter',sans-serif}.category-card .cat-count{font-size:11px;color:var(--text-faint);margin-top:2px}.category-card .cat-overlay{display:none}.product-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:16px}.product-card{background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); overflow:hidden; display:flex;flex-direction:column; transition:all .22s ease; box-shadow:var(--shadow)}.product-card:hover{border-color:var(--gold-line); box-shadow:var(--shadow-gold)}.product-thumb{height:120px; background:#faf8f5 center/contain no-repeat; display:flex;align-items:center;justify-content:center; font-size:32px; position:relative; border-bottom:1px solid var(--border-soft); padding:12px}@media(max-width:640px){.product-thumb{height:50px!important;padding:4px!important;font-size:16px!important}}.product-featured-badge{position:absolute;top:7px;right:7px; background:linear-gradient(135deg,#1187FF,#0B6FD1); color:#fff;font-size:8px;font-weight:800; text-transform:uppercase;letter-spacing:.05em; padding:3px 7px;border-radius:50px}.product-type-badge{position:absolute;top:7px;left:7px; background:rgba(17,135,255,.12); border:1px solid var(--gold-line);color:var(--gold); font-size:8px;font-weight:700;text-transform:uppercase; letter-spacing:.04em;padding:3px 7px;border-radius:50px}.product-body{padding:10px 12px 8px; display:flex;flex-direction:column;gap:4px;flex:1}.product-cat{font-size:9px;color:var(--gold); text-transform:uppercase;letter-spacing:.1em;font-weight:700}.product-name{font-size:12px;font-weight:700;color:var(--text); line-height:1.35;font-family:'Inter',sans-serif}.product-footer{display:flex;align-items:center; justify-content:space-between; margin-top:auto;padding-top:6px}.product-price{font-family:'Inter',sans-serif; font-size:14px;font-weight:700;color:var(--gold)}.product-price .cur{font-size:10px;font-weight:600}.product-stock-badge{font-size:9px;color:var(--text-faint); background:var(--bg-soft);border:1px solid var(--border); border-radius:4px;padding:2px 5px}.product-actions{display:grid; grid-template-columns:38px 1fr 38px; border-top:1px solid var(--border-soft); height:40px}.product-actions form{display:contents}.btn-cart-icon{background:var(--bg-soft);border:none; border-right:1px solid var(--border-soft); color:var(--text-faint); display:flex;align-items:center;justify-content:center; cursor:pointer;transition:all .18s;padding:0;width:100%;height:100%}.btn-cart-icon:hover{background:var(--gold-dim);color:var(--gold)}.btn-cart-icon svg{width:14px;height:14px}.btn-buy{background:#1a1208;border:none; color:#fff;font-size:9px;font-weight:800; letter-spacing:.1em;text-transform:uppercase; cursor:pointer;transition:all .18s; font-family:'Inter',sans-serif; width:100%;height:100%; border-right:1px solid var(--border-soft)}.btn-buy:hover{background:var(--gold);color:#fff}.fav-btn{background:var(--bg-soft);border:none;color:var(--text-faint); display:flex;align-items:center;justify-content:center; cursor:pointer;transition:all .18s;padding:0;width:100%;height:100%}.fav-btn:hover{background:rgba(192,57,43,.08);color:var(--danger)}.fav-btn.is-fav{color:var(--danger);background:rgba(192,57,43,.06)}.fav-btn svg{width:14px;height:14px}.shop-layout{display:grid;grid-template-columns:220px 1fr; gap:20px;align-items:start}.shop-sidebar{background:var(--surface);border:1px solid var(--border); border-radius:var(--radius);overflow:hidden; position:sticky;top:72px;box-shadow:var(--shadow)}.sidebar-head{display:flex;align-items:center;gap:10px; padding:14px 16px;background:linear-gradient(135deg,#eef6ff,#e0eeff); border-bottom:1px solid var(--border-soft)}.sidebar-head-icon{width:30px;height:30px; background:var(--gold-dim);border:1px solid var(--gold-line); border-radius:8px;display:flex;align-items:center; justify-content:center;color:var(--gold);flex-shrink:0}.sidebar-head h4{font-size:13px;font-weight:700;color:var(--text); margin:0;text-transform:none;letter-spacing:0}.filter-body{padding:14px 14px 16px}.filter-field{margin-bottom:12px}.filter-field:last-of-type{margin-bottom:0}.filter-label{display:flex;align-items:center;gap:6px; font-size:10px;text-transform:uppercase;letter-spacing:.09em; color:var(--gold);font-weight:700;margin-bottom:5px}.filter-label::before{content:'';width:3px;height:10px; background:var(--gold);border-radius:2px; display:inline-block;flex-shrink:0}.filter-select-wrap{position:relative}.filter-select-wrap select{width:100%;padding:9px 30px 9px 11px; background:var(--bg-soft);border:1px solid var(--border); border-radius:8px;color:var(--text);font-size:12px; cursor:pointer;appearance:none;-webkit-appearance:none; outline:none;transition:border-color .2s,box-shadow .2s; font-family:'Inter',sans-serif}.filter-select-wrap select:focus,.filter-select-wrap select:hover{border-color:var(--gold-line); box-shadow:0 0 0 3px rgba(17,135,255,.08)}.filter-chevron{position:absolute;right:9px;top:50%; transform:translateY(-50%);pointer-events:none; color:var(--gold)}.filter-apply-btn{width:100%;padding:10px;margin-top:14px; background:linear-gradient(135deg,var(--gold-bright),var(--gold)); color:#fff;border:none;border-radius:8px; font-size:12px;font-weight:800;letter-spacing:.05em; cursor:pointer;font-family:'Inter',sans-serif; display:flex;align-items:center;justify-content:center;gap:6px; transition:opacity .18s}.filter-apply-btn:hover{opacity:.87}.filter-clear-btn{display:block;text-align:center;font-size:11px; color:var(--text-faint);margin-top:8px;padding:5px; border-radius:6px;cursor:pointer;transition:color .15s}.filter-clear-btn:hover{color:var(--danger)}.empty-fav-note{font-size:12px;color:var(--text-faint);font-style:italic}.fav-mini{display:flex;align-items:center;gap:10px; padding:7px 4px;border-radius:8px; transition:background .15s}.fav-mini:hover{background:var(--bg-soft)}.fav-thumb{width:36px;height:36px;border-radius:6px; background:#faf8f5 center/contain no-repeat; border:1px solid var(--border); display:flex;align-items:center;justify-content:center; font-size:14px;flex-shrink:0}.fav-info{flex:1;min-width:0}.fav-name{font-size:12px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.fav-price{font-size:11px;color:var(--gold);font-weight:700;display:block}.btn{display:inline-flex;align-items:center;gap:6px; padding:10px 20px;border-radius:8px;font-size:13px; font-weight:700;cursor:pointer;border:none; transition:all .18s;font-family:'Inter',sans-serif; text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--gold-bright),var(--gold)); color:#fff}.btn-primary:hover{opacity:.88;color:#fff}.btn-outline{background:transparent;color:var(--text-dim); border:1px solid var(--border)}.btn-outline:hover{border-color:var(--gold-line);color:var(--gold)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{opacity:.88}.btn-sm{padding:6px 12px;font-size:12px}.btn-block{display:flex;width:100%;justify-content:center}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:12px;font-weight:700; color:var(--text-dim);margin-bottom:5px; text-transform:uppercase;letter-spacing:.05em}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 14px; background:var(--bg-soft);border:1px solid var(--border); border-radius:8px;color:var(--text);font-size:14px; font-family:'Inter',sans-serif;outline:none; transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--gold-line); box-shadow:0 0 0 3px rgba(17,135,255,.08)}.form-group textarea{resize:vertical}#stock_content{font-family:'Courier New',monospace; font-size:13px;line-height:22px; white-space:pre;overflow-x:auto}.alert{padding:12px 16px;border-radius:8px;margin-bottom:16px; font-size:14px;font-weight:500;border:1px solid transparent}.alert-success{background:#f0faf4;border-color:#b7e0c8;color:var(--success)}.alert-error{background:#fdf3f2;border-color:#f5c6c2;color:var(--danger)}.alert-warning{background:#eef6ff;border-color:#fde68a;color:#92400e}.badge{display:inline-flex;align-items:center; padding:3px 9px;border-radius:50px; font-size:10px;font-weight:700;text-transform:uppercase; letter-spacing:.05em}.badge-active,.badge-approved,.badge-completed{background:#f0faf4;color:var(--success);border:1px solid #b7e0c8}.badge-pending{background:#eef6ff;color:#92400e;border:1px solid #fde68a}.badge-banned,.badge-rejected,.badge-hidden{background:#fdf3f2;color:var(--danger);border:1px solid #f5c6c2}.badge-admin{background:var(--gold-dim);color:var(--gold);border:1px solid var(--gold-line)}.badge-user{background:var(--bg-soft);color:var(--text-faint);border:1px solid var(--border)}.badge-original{background:linear-gradient(135deg,#1187FF,#0B6FD1);color:#fff;border:none}.table-wrap{overflow-x:auto;border:1px solid var(--border); border-radius:var(--radius);background:var(--surface)}table{width:100%;border-collapse:collapse;font-size:13px}thead tr{background:linear-gradient(135deg,#eef6ff,#e0eeff)}th{padding:10px 14px;font-size:10px;font-weight:800; text-transform:uppercase;letter-spacing:.07em; color:var(--text-faint);text-align:left; border-bottom:1px solid var(--border-soft)}td{padding:12px 14px;border-bottom:1px solid var(--border-soft); color:var(--text-dim);vertical-align:middle}tr:last-child td{border-bottom:none}tr:hover td{background:var(--bg-soft)}td img.shot{width:48px;height:48px;object-fit:contain; background:var(--bg-soft);border-radius:6px; border:1px solid var(--border)}.admin-layout{display:flex;min-height:calc(100vh - 60px)}.admin-sidebar{width:220px;flex-shrink:0; background:var(--surface);border-right:1px solid var(--border); padding:24px 0;position:sticky;top:60px; height:calc(100vh - 60px);overflow-y:auto}.admin-sidebar a{display:flex;align-items:center;gap:8px; padding:10px 20px;font-size:13px;font-weight:500; color:var(--text-dim);transition:all .15s}.admin-sidebar a svg{flex-shrink:0}.admin-sidebar a:hover,.admin-sidebar a.active{background:var(--gold-dim);color:var(--gold); font-weight:600}.admin-sidebar h3{font-size:9px;text-transform:uppercase;letter-spacing:.12em; color:var(--text-faint);padding:16px 20px 6px; font-weight:700;font-family:'Inter',sans-serif}.admin-content{flex:1;padding:28px;min-width:0}.admin-content h1{font-size:26px;margin-bottom:20px;color:var(--text)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;margin-bottom:28px}a.stat-card {display:block; color:inherit; transition:box-shadow .15s,border-color .15s}a.stat-card:hover {box-shadow:0 4px 16px rgba(17,135,255,.12); border-color:var(--gold-line)}.stat-card{background:var(--surface);border:1px solid var(--border); border-radius:var(--radius);padding:18px; box-shadow:var(--shadow)}.stat-card .label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);font-weight:700;margin-bottom:6px}.stat-card .value{font-family:'Inter',sans-serif;font-size:26px;font-weight:700;color:var(--gold)}.cart-row{display:grid;grid-template-columns:64px 1fr auto auto auto; gap:14px;align-items:center; padding:14px 18px;border-bottom:1px solid var(--border-soft)}.cart-row:last-child{border-bottom:none}.cart-thumb{width:64px;height:64px;border-radius:8px; background:#faf8f5 center/contain no-repeat; border:1px solid var(--border); display:flex;align-items:center;justify-content:center; font-size:22px;flex-shrink:0}.cart-name{font-weight:700;font-size:14px;color:var(--text)}.cart-unit{font-size:12px;color:var(--text-faint)}.cart-line-price{font-family:'Inter',sans-serif;font-size:15px;font-weight:700;color:var(--gold);white-space:nowrap;text-align:right}.cart-remove{color:var(--text-faint);background:none;border:none; cursor:pointer;font-size:16px;padding:4px 8px; border-radius:6px;transition:all .15s}.cart-remove:hover{background:rgba(192,57,43,.08);color:var(--danger)}.qty-control{display:flex;align-items:center; border:1px solid var(--border);border-radius:8px;overflow:hidden}.qty-control button{width:32px;height:34px;background:var(--bg-soft); border:none;color:var(--text);font-size:16px;cursor:pointer; transition:background .15s;display:flex;align-items:center;justify-content:center}.qty-control button:hover{background:var(--gold-dim);color:var(--gold)}.qty-control input{width:44px;height:34px;background:transparent;border:none; border-left:1px solid var(--border);border-right:1px solid var(--border); color:var(--text);text-align:center;font-size:13px;font-weight:700; font-family:'Inter',sans-serif;outline:none}.content-reveal,.content-box{display:flex;align-items:flex-start;gap:10px; background:var(--bg-soft);border:1px solid var(--border); border-radius:8px;padding:10px 14px; font-family:'Courier New',monospace;font-size:13px; white-space:pre-wrap;word-break:break-all;margin-top:8px; color:var(--text)}.copy-btn,.content-reveal .copy-btn{margin-left:auto;flex-shrink:0; background:var(--gold-dim);border:1px solid var(--gold-line); color:var(--gold);padding:4px 10px;border-radius:6px; cursor:pointer;font-size:11px;font-weight:700; transition:background .18s;font-family:'Inter',sans-serif}.copy-btn:hover{background:var(--gold);color:#fff}.no-delivery-note{font-size:12px;color:var(--text-faint);font-style:italic}.balance-pill{display:inline-flex;align-items:center;gap:8px; background:linear-gradient(135deg,#eef6ff,#e0eeff); border:1px solid var(--gold-line); border-radius:50px;padding:6px 14px; font-size:13px;font-weight:700;color:var(--gold)}.glow-card{background:linear-gradient(135deg,#eef6ff,#e0eeff); border:1px solid var(--gold-line);border-radius:var(--radius); padding:24px;box-shadow:var(--shadow-gold)}.empty-state{text-align:center;padding:60px 24px}.empty-state .icon{font-size:52px;margin-bottom:14px}.empty-state h3{font-size:20px;margin-bottom:8px}.empty-state p{color:var(--text-faint);font-size:14px;max-width:360px;margin:0 auto}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.blog-card{background:var(--surface);border:1px solid var(--border); border-radius:var(--radius);overflow:hidden; display:flex;flex-direction:column; transition:all .22s;box-shadow:var(--shadow)}.blog-card:hover{box-shadow:var(--shadow-md);border-color:var(--gold-line)}.blog-thumb{height:160px;background:var(--bg-soft) center/cover no-repeat;image-rendering:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden; display:flex;align-items:center;justify-content:center;font-size:36px; border-bottom:1px solid var(--border-soft)}.blog-body{padding:16px}.blog-date{font-size:10px;color:var(--text-faint);font-weight:600;text-transform:uppercase;letter-spacing:.07em;margin-bottom:6px}.blog-body h3{font-size:16px;margin-bottom:6px}.blog-body p{font-size:13px;color:var(--text-dim);line-height:1.5}.footer{background:#1a1208;color:#a89d87; padding:40px 0 20px;margin-top:auto; border-top:1px solid rgba(17,135,255,.2)}.footer-inner{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;margin-bottom:32px}.footer-brand .brand-text{font-family:'Inter',sans-serif;font-size:20px;font-weight:700;color:#f3eee3}.footer-brand .brand-text .stock{color:#1187FF}.footer-tagline{font-size:12px;color:#6f6554;margin-top:6px}.footer h4{font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:#1187FF;margin-bottom:14px}.footer a{display:block;font-size:13px;color:#6f6554;margin-bottom:8px;transition:color .15s}.footer a:hover{color:#1187FF}.footer-bottom{border-top:1px solid rgba(255,255,255,.06);padding-top:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.footer-bottom p{font-size:12px;color:#4a4030}.category-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.category-pill{padding:7px 16px;border-radius:50px;font-size:12px; font-weight:600;border:1px solid var(--border);color:var(--text-dim); background:var(--surface);transition:all .18s;cursor:pointer}.category-pill:hover,.category-pill.active{background:var(--gold-dim);color:var(--gold);border-color:var(--gold-line)}.accordion{border:1px solid var(--border);border-radius:var(--radius); overflow:hidden;margin-bottom:10px;background:var(--surface); box-shadow:var(--shadow)}.accordion-head{display:flex;align-items:center;justify-content:space-between; padding:13px 16px;cursor:pointer;user-select:none; transition:background .15s;gap:12px}.accordion-head:hover{background:var(--bg-soft)}.acc-title{font-size:14px;font-weight:700;color:var(--text); display:flex;align-items:center;gap:10px;flex:1}.acc-meta{font-size:12px;color:var(--text-faint);font-weight:500}.acc-arrow{width:26px;height:26px;border-radius:50%; background:var(--bg-soft);border:1px solid var(--border); display:flex;align-items:center;justify-content:center; flex-shrink:0;transition:all .25s;color:var(--text-faint);font-size:12px}.accordion.open .acc-arrow{transform:rotate(180deg); background:var(--gold-dim);border-color:var(--gold-line);color:var(--gold)}.accordion-body{display:none;border-top:1px solid var(--border-soft); animation:accSlide .2s ease}.accordion.open .accordion-body{display:block}@keyframes accSlide{from{opacity:0}to{opacity:1}}.bn-modal-backdrop{display:none;position:fixed;inset:0; background:rgba(0,0,0,.55);z-index:500; align-items:center;justify-content:center;padding:16px}.bn-modal-backdrop.open{display:flex}.bn-modal{background:#fff;border:1px solid var(--border); border-radius:var(--radius);width:100%;max-width:360px; padding:24px 22px 18px;position:relative; box-shadow:var(--shadow-md)}.bn-close{position:absolute;top:12px;right:12px; background:var(--bg-soft);border:1px solid var(--border); color:var(--text-faint);width:28px;height:28px; border-radius:50%;cursor:pointer;font-size:13px; display:flex;align-items:center;justify-content:center; transition:all .15s}.bn-close:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.bn-header{display:flex;align-items:center;gap:12px;margin-bottom:18px}.bn-icon{width:38px;height:38px;background:var(--gold-dim); border:1px solid var(--gold-line);border-radius:10px; display:flex;align-items:center;justify-content:center;font-size:18px}.bn-label{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--gold);font-weight:800;margin-bottom:2px}.bn-product-name{font-size:14px;font-weight:700;color:var(--text)}.bn-price-row,.bn-qty-row{display:flex;align-items:center;justify-content:space-between; padding:10px 0;border-bottom:1px solid var(--border-soft)}.bn-price-label{font-size:12px;color:var(--text-dim)}.bn-price-val{font-family:'Inter',sans-serif;font-size:15px;font-weight:700;color:var(--gold)}.bn-qty-control{display:flex;align-items:center;border:1px solid var(--border);border-radius:8px;overflow:hidden}.bn-qty-control button{width:34px;height:34px;background:var(--bg-soft);border:none; color:var(--text);font-size:16px;cursor:pointer;transition:background .15s}.bn-qty-control button:hover{background:var(--gold-dim);color:var(--gold)}.bn-qty-control input{width:48px;height:34px;background:transparent;border:none; border-left:1px solid var(--border);border-right:1px solid var(--border); color:var(--text);text-align:center;font-size:14px;font-weight:700; font-family:'Inter',sans-serif;outline:none}.bn-total-row{display:flex;justify-content:space-between;align-items:center; padding:14px 0 16px;font-size:13px;color:var(--text-dim)}.bn-total-val{font-family:'Inter',sans-serif;font-size:20px;font-weight:700;color:var(--gold)}.bn-submit{width:100%;padding:13px; background:linear-gradient(135deg,var(--gold-bright),var(--gold)); color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:800; cursor:pointer;font-family:'Inter',sans-serif;transition:opacity .2s;margin-bottom:8px}.bn-submit:hover{opacity:.88}.bn-cancel{width:100%;padding:9px;background:transparent; border:1px solid var(--border);color:var(--text-faint); border-radius:8px;font-size:13px;cursor:pointer; font-family:'Inter',sans-serif;transition:all .15s}.bn-cancel:hover{border-color:var(--border);background:var(--bg-soft)}.product-stock-badge{font-size:9px;color:var(--text-faint);background:var(--bg-soft);border:1px solid var(--border);border-radius:4px;padding:2px 5px}.hero-stats{display:flex;gap:32px;flex-wrap:wrap}.hero-stat .num{font-family:'Inter',sans-serif;font-size:28px;font-weight:700;color:var(--gold)}.hero-stat .lbl{font-size:12px;color:var(--text-faint)}.flex-between{display:flex;align-items:center;justify-content:space-between}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.form-wrap{display:flex;justify-content:center;padding:40px 20px}.form-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:36px;width:100%;max-width:440px;box-shadow:var(--shadow)}.form-card h2{margin-bottom:6px}.form-card .sub{font-size:13px;color:var(--text-faint);margin-bottom:24px}.products-grid,.cat-grid,.blog-admin-grid,.settings-grid,.notif-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:20px}@media(max-width:900px){.shop-layout{grid-template-columns:180px 1fr;gap:14px}.shop-sidebar{position:sticky;top:68px}.admin-layout{flex-direction:column}.admin-sidebar{width:100%;height:auto;position:static; display:flex;flex-wrap:nowrap;overflow-x:auto; padding:8px 10px;gap:4px;border-right:none; background:var(--surface); border-bottom:1px solid var(--border);scrollbar-width:none}.admin-sidebar::-webkit-scrollbar{display:none}.admin-sidebar h3{display:none}.admin-sidebar a{white-space:nowrap;padding:7px 12px;font-size:12px;border-radius:20px;flex-shrink:0}.products-grid,.cat-grid,.blog-admin-grid,.settings-grid,.notif-grid{grid-template-columns:1fr 1fr!important}.footer-inner{grid-template-columns:1fr 1fr}.tv-carousel{aspect-ratio:16/7}.notif-dropdown{width:88vw;right:-8px}}@media(max-width:640px){html{overflow-x:hidden}body{overflow-x:hidden;-webkit-text-size-adjust:100%}.container{padding:0 10px}.section{padding:20px 0}.shop-layout{grid-template-columns:130px 1fr; gap:8px}.shop-sidebar{position:sticky; top:60px; font-size:11px; max-height:calc(100vh - 64px); overflow-y:auto}.sidebar-head{padding:8px 8px}.sidebar-head h4{font-size:10px}.sidebar-head-icon{width:22px;height:22px;border-radius:6px}.sidebar-head-icon svg{width:11px;height:11px}.filter-body{padding:8px 8px 10px}.filter-field{margin-bottom:8px}.filter-label{font-size:8px;margin-bottom:3px}.filter-select-wrap select{padding:6px 20px 6px 7px;font-size:10px;border-radius:5px}.filter-chevron svg{width:10px;height:10px}.filter-apply-btn{font-size:10px;padding:7px;margin-top:8px;border-radius:6px;gap:4px}.filter-clear-btn{font-size:10px;margin-top:5px}.fav-mini{padding:4px 2px;gap:6px}.fav-thumb{width:26px;height:26px;font-size:12px}.fav-name{font-size:9px}.fav-price{font-size:9px}.empty-fav-note{font-size:9px;padding:6px 0}.product-grid{grid-template-columns:repeat(3,1fr);gap:6px}.category-grid{grid-template-columns:repeat(2,1fr);gap:8px}.product-card{border-radius:8px}.product-thumb{height:50px!important;padding:4px!important;border-radius:8px 8px 0 0!important}.product-body{padding:5px 6px 4px;gap:2px}.product-cat{font-size:7px}.product-name{font-size:9px;line-height:1.25}.product-price{font-size:10px}.product-price .cur{font-size:8px}.product-stock-badge{display:none}.product-featured-badge{font-size:7px;padding:2px 5px;top:4px;right:4px}.product-actions{height:28px;grid-template-columns:24px 1fr 24px}.btn-cart-icon svg,.fav-btn svg{width:10px;height:10px}.btn-buy{font-size:7px;letter-spacing:.03em}.section-head{margin-bottom:14px}.section-head h2{font-size:16px}.eyebrow{font-size:8px}.view-all{font-size:10px}.tv-carousel{aspect-ratio:unset;height:320px;min-height:320px;border-radius:8px}.tv-slide{position:absolute !important; inset:0 !important; grid-template-columns:1fr !important; grid-template-rows:130px 1fr !important; display:grid !important}.tv-slide-img{border-right:none !important;border-bottom:1px solid rgba(17,135,255,.12) !important;height:130px !important;min-height:unset !important;}.tv-slide-overlay{padding:10px 14px !important; overflow:hidden !important; display:flex !important; flex-direction:column !important; justify-content:center !important}.tv-slide-info .tv-eyebrow{font-size:8px;margin-bottom:4px}.tv-slide-info h3{font-size:12px;margin-bottom:3px;line-height:1.3}.tv-slide-info p{display:block !important;font-size:10px;color:rgba(255,255,255,.7);line-height:1.5;margin-bottom:6px;overflow:hidden;max-height:2.8em}.tv-slide-price{font-size:13px;margin-bottom:8px}.tv-slide-cta{font-size:10px;padding:6px 12px}.tv-frame-label{font-size:8px;padding:3px 8px;left:8px;top:6px}.tv-dots{right:8px;bottom:6px}.tv-dot{width:5px;height:5px}.tv-dot.active{width:14px}.btn{padding:8px 14px;font-size:12px;border-radius:7px}.btn-sm{padding:5px 10px;font-size:11px}.btn-block{width:100%;display:flex;justify-content:center}.cart-row{grid-template-columns:46px 1fr auto;gap:8px;padding:10px}.cart-thumb{width:46px;height:46px}.cart-name{font-size:11px}.cart-unit{font-size:10px}.qty-control input{width:32px;height:28px;font-size:12px}.qty-control button{width:26px;height:28px;font-size:14px}.cart-line-price{font-size:12px}.vip-hero{padding:24px 0}.vip-hero-h1{font-size:20px}.wallet-balance-amount{font-size:28px}.wallet-balance-inner{padding:16px}.wallet-balance-right{display:none}.ticket-layout{grid-template-columns:130px 1fr;gap:8px}.ticket-list{max-height:calc(100vh - 120px);font-size:12px}.ticket-list-item{padding:8px}.ticket-list-item .t-subject{font-size:11px}.ticket-panel{min-height:400px;padding:12px}.admin-content{padding:12px}.stat-grid{grid-template-columns:repeat(2,1fr);gap:8px}.stat-card{padding:12px}.stat-card .value{font-size:20px}.products-grid,.cat-grid,.blog-admin-grid,.settings-grid,.notif-grid{grid-template-columns:1fr!important}.product-detail{grid-template-columns:1fr;gap:14px}.product-detail-img{min-height:180px;aspect-ratio:4/3}.reviews-wrap{max-width:100%}.footer-inner{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;text-align:center;gap:4px}.footer-brand-name{font-size:14px}.accordion-head{padding:10px 12px}.acc-title{font-size:12px;gap:7px}.card{padding:14px}.form-card{padding:18px 14px}.notif-dropdown{width:92vw;right:-8px}}.footer-logo-wrap{display:flex;align-items:center;gap:12px; margin-bottom:14px;text-decoration:none}.footer-logo-img{height:36px;width:auto; filter:brightness(0) invert(1)}.footer-brand-name{font-family:'Inter',sans-serif; font-size:18px;font-weight:700; color:#f3eee3;display:block}.footer-brand-tag{font-size:10px;color:#6f6554; letter-spacing:.07em;display:block}.footer-tagline{font-size:12px;color:#6f6554; line-height:1.6;margin-bottom:14px; max-width:260px}.footer-badges{display:flex;gap:8px;flex-wrap:wrap}.footer-badges span{font-size:11px;color:#a89d87; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08); border-radius:50px;padding:3px 10px}.footer-bottom-badges{display:flex;gap:12px;flex-wrap:wrap}.footer-bottom-badges span{font-size:11px;color:#4a4030}.footer-inner a{display:flex;align-items:center;gap:7px; font-size:13px;color:#6f6554;margin-bottom:9px; transition:color .15s}.footer-inner a:hover{color:#1187FF}.footer-inner a svg{opacity:.6;flex-shrink:0}.footer-inner h4{font-size:10px;text-transform:uppercase; letter-spacing:.12em;font-weight:800; color:#1187FF;margin-bottom:14px; font-family:'Inter',sans-serif}.img-upload-wrap{position:relative}.img-preview-box{width:100%;min-height:110px; background:var(--bg-soft); border:2px dashed var(--border);border-radius:10px; display:flex;flex-direction:column; align-items:center;justify-content:center; gap:8px;cursor:pointer;transition:all .2s; overflow:hidden;position:relative}.img-preview-box:hover{border-color:var(--gold-line);background:var(--gold-dim)}.img-preview-box .upload-placeholder{display:flex;flex-direction:column; align-items:center;gap:8px; color:var(--text-faint);font-size:13px;text-align:center}.img-preview-box .upload-placeholder svg{width:28px;height:28px;color:var(--text-faint)}.img-preview-box img.preview-img{width:100%;height:120px;object-fit:contain; background:#faf8f5;display:block}.img-preview-box .remove-preview{position:absolute;top:6px;right:6px; width:22px;height:22px;border-radius:50%; background:var(--danger);color:#fff; border:none;cursor:pointer;font-size:12px; display:flex;align-items:center;justify-content:center}.img-preview-box input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer; width:100%;height:100%}.vip-divider{display:flex;align-items:center;gap:16px; margin:32px 0}.vip-divider::before,.vip-divider::after{content:'';flex:1;height:1px; background:linear-gradient(to right,transparent,var(--gold-line))}.vip-divider::after{background:linear-gradient(to left,transparent,var(--gold-line))}.vip-divider-icon{width:32px;height:32px; background:var(--gold-dim);border:1px solid var(--gold-line); border-radius:50%;display:flex;align-items:center; justify-content:center;color:var(--gold);flex-shrink:0; font-size:14px}.vip-hero{background:var(--bg); padding:56px 0;margin-bottom:0; border-bottom:1px solid var(--border); position:relative;overflow:hidden; text-align:center}.vip-hero::before{content:'';position:absolute;inset:0; background:radial-gradient(ellipse 600px 300px at 50% 0%,rgba(17,135,255,.06),transparent); pointer-events:none}.vip-hero .container{position:relative;z-index:1}.vip-hero h1{font-size:clamp(28px,4vw,48px);color:var(--text); margin-bottom:12px;line-height:1.2;font-weight:800}.vip-hero h1 .gold{color:var(--gold)}.vip-hero p{color:var(--text-dim);font-size:15px;max-width:520px;margin:0 auto 24px;font-weight:500}.vip-hero-btns{display:flex;gap:12px;flex-wrap:wrap; justify-content:center}.btn-vip{display:inline-flex;align-items:center;gap:8px; padding:14px 32px;border-radius:50px; font-size:13px;font-weight:800; letter-spacing:.05em;text-transform:uppercase; cursor:pointer;border:none;transition:all .2s; font-family:'Inter',sans-serif;text-decoration:none; min-width:180px;justify-content:center}.btn-vip-gold{background:linear-gradient(135deg,#1187FF,#0B6FD1); color:#fff;box-shadow:0 4px 16px rgba(17,135,255,.35)}.btn-vip-gold:hover{box-shadow:0 6px 20px rgba(17,135,255,.45)}.btn-vip-outline{background:transparent; border:2px solid var(--gold-line);color:var(--gold)}.btn-vip-outline:hover{background:var(--gold-dim)}.glow-card{background:linear-gradient(135deg,#eef6ff,#e0eeff); border:1px solid var(--gold-line);border-radius:var(--radius); padding:24px;box-shadow:0 4px 20px rgba(17,135,255,.12)}.stars-wrap{display:flex;align-items:center;gap:3px;margin-top:3px}.star{width:12px;height:12px;color:#fbbf24;fill:#fbbf24}.star.empty{color:#e5e7eb;fill:#e5e7eb}.rating-count{font-size:11px;color:var(--text-faint);margin-left:4px}@media(max-width:640px){.footer-inner{grid-template-columns:1fr!important}.footer-badges{flex-direction:row}.vip-hero{padding:32px 0}}input,select,textarea {background-color:var(--bg-soft); color:var(--text)}.product-thumb {background-color:#f5f3ef}.cat-img {background-color:#f5f3ef}.tv-slide-img {background-color:#111}.vip-hero-h1{font-size:clamp(26px,3.5vw,42px); color:#f3eee3;line-height:1.15; margin-bottom:14px}.vip-hero-h1 .gold{color:#1187FF}@media(max-width:640px){.vip-hero-inner>div{grid-template-columns:1fr!important}.vip-hero-inner>div>div:last-child{grid-template-columns:repeat(2,1fr)}}.brand-logo-text {display:flex; align-items:center; gap:1px; line-height:1}.brand-pva {font-family:'Inter',sans-serif; font-size:22px; font-weight:800; color:#1a1208; letter-spacing:1px}.brand-stock {font-family:'Inter',sans-serif; font-size:22px; font-weight:800; color:#0B6FD1; letter-spacing:1px}.brand-tagline {font-size:9px; color:#a8967a; letter-spacing:.07em; font-weight:500; display:block; text-align:center}.fav-sidebar-head {display:flex; align-items:center; gap:8px}.fav-sidebar-head svg {color:#e0556b; fill:#e0556b}@media (max-width:640px) {.hero-stats-row {flex-wrap:wrap}.hero-stats-row > div {min-width:45%}}@media (max-width:640px) {.vip-hero {padding:36px 0}}.product-detail {display:grid; grid-template-columns:420px 1fr; gap:40px; align-items:start; max-width:960px}.product-detail-img {width:100%; aspect-ratio:1/1; background:#f5f3ef center/contain no-repeat; border:1px solid var(--border); border-radius:var(--radius); display:flex; align-items:center; justify-content:center; font-size:64px; color:var(--text-faint); min-height:320px}.product-detail-info {display:flex; flex-direction:column; gap:14px}.product-detail-info h1 {font-size:28px; line-height:1.2}.meta-row {display:flex; flex-wrap:wrap; gap:8px; align-items:center}.meta-tag {display:inline-flex; align-items:center; padding:4px 12px; background:var(--bg-soft); border:1px solid var(--border); border-radius:50px; font-size:12px; font-weight:600; color:var(--text-dim)}.price-tag {font-family:'Inter',sans-serif; font-size:28px; font-weight:700; color:var(--gold)}.product-detail-info .desc {font-size:14px; color:var(--text-dim); line-height:1.7}.product-detail-info .detail-actions {display:flex; align-items:center; gap:10px; flex-wrap:wrap}.product-detail-info .detail-actions form {flex:none}.product-detail-info .detail-actions .btn {padding:12px 28px; min-width:140px; white-space:nowrap}.reviews-wrap {max-width:720px}.review-item {padding:18px 0; border-bottom:1px solid var(--border-soft)}.review-item:last-child {border-bottom:none}.review-head {display:flex; align-items:center; gap:12px; margin-bottom:8px; flex-wrap:wrap}.review-author {font-weight:700; font-size:14px; color:var(--text)}.review-date {font-size:12px; color:var(--text-faint)}.review-stars {color:var(--gold-bright); font-size:14px; letter-spacing:1px}.review-comment {font-size:14px; color:var(--text-dim); line-height:1.6}.fav-btn-lg {width:44px; height:44px; flex-shrink:0; border-radius:50%; border:1px solid var(--border); background:var(--bg-soft); color:var(--text-faint); display:flex; align-items:center; justify-content:center; cursor:pointer; transition:all 0.2s; padding:0}.fav-btn-lg:hover {background:rgba(192,57,43,.08); color:var(--danger); border-color:rgba(192,57,43,.3)}.fav-btn-lg.is-fav {color:var(--danger); background:rgba(192,57,43,.06); border-color:rgba(192,57,43,.3)}.fav-btn-lg svg {width:18px; height:18px}@media (max-width:768px) {.product-detail {grid-template-columns:1fr; gap:20px}.product-detail-img {min-height:240px; aspect-ratio:4/3}}.review-name {font-weight:700; font-size:14px; color:var(--text)}.wallet-balance-card {position:relative; background:linear-gradient(135deg,#1a1208 0%,#2d1f0a 50%,#1a1208 100%); border:1px solid rgba(17,135,255,.3); border-radius:20px; overflow:hidden; box-shadow:0 8px 32px rgba(0,0,0,.15),0 0 0 1px rgba(17,135,255,.1)}.wallet-balance-bg {position:absolute; inset:0; pointer-events:none}.wallet-circle {position:absolute; border-radius:50%; border:1px solid rgba(17,135,255,.12)}.wallet-circle-1 {width:220px; height:220px; top:-80px; right:-60px; background:radial-gradient(circle,rgba(17,135,255,.08) 0%,transparent 70%)}.wallet-circle-2 {width:140px; height:140px; bottom:-50px; left:40px; background:radial-gradient(circle,rgba(17,135,255,.05) 0%,transparent 70%)}.wallet-balance-inner {position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; padding:28px 32px; gap:20px; flex-wrap:wrap}.wallet-balance-label {display:flex; align-items:center; gap:7px; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:rgba(17,135,255,.7); margin-bottom:10px}.wallet-balance-amount {font-family:'Inter',sans-serif; font-size:44px; font-weight:700; color:#1187FF; line-height:1; display:flex; align-items:flex-end; gap:8px}.wallet-balance-currency {font-size:18px; font-weight:600; color:rgba(17,135,255,.6); padding-bottom:6px}.wallet-balance-sub {font-size:12px; color:rgba(255,255,255,.3); margin-top:8px}.wallet-balance-right {display:flex; flex-direction:column; align-items:center; gap:14px}.wallet-balance-icon {width:64px; height:64px; background:rgba(17,135,255,.1); border:1px solid rgba(17,135,255,.2); border-radius:50%; display:flex; align-items:center; justify-content:center; color:#1187FF}.wallet-spend-btn {display:inline-flex; align-items:center; padding:9px 20px; background:#1187FF; color:#fff; border-radius:50px; font-size:12px; font-weight:700; white-space:nowrap; transition:opacity .2s; text-decoration:none}.wallet-spend-btn:hover {opacity:.85; color:#fff}@media (max-width:480px) {.wallet-balance-amount {font-size:32px}.wallet-balance-inner {padding:20px}.wallet-balance-right {display:none}}html {overflow-x:hidden; -webkit-text-size-adjust:100%; text-size-adjust:100%}body {overflow-x:hidden}@media (max-width:480px) {.shop-layout {grid-template-columns:120px 1fr !important; gap:8px}.product-grid {grid-template-columns:repeat(3,1fr) !important; gap:6px}.product-thumb {height:50px!important; padding:4px!important}.product-body {padding:5px 6px 4px; gap:2px}.product-name {font-size:9px}.product-cat {font-size:7px}.product-price {font-size:10px}.product-actions {height:28px; grid-template-columns:26px 1fr 26px}.btn-buy {font-size:7px}.btn-cart-icon svg,.fav-btn svg {width:10px; height:10px}.sidebar-head {padding:8px}.sidebar-head h4 {font-size:10px}.sidebar-head-icon {width:20px; height:20px}.filter-body {padding:8px}.filter-select-wrap select {font-size:10px; padding:6px 18px 6px 6px}.filter-label {font-size:8px}.filter-apply-btn {font-size:9px; padding:7px; margin-top:8px}.fav-thumb {width:24px; height:24px}.fav-name {font-size:9px}.fav-price {font-size:9px}}.modal-open {overflow:hidden}@media (max-width:640px) {.ticket-layout {grid-template-columns:130px 1fr !important; gap:8px}.ticket-list {max-height:none !important; font-size:11px}.ticket-list-item {padding:8px}.ticket-list-item .t-subject {font-size:11px}.ticket-panel {padding:10px; min-height:400px}.ticket-thread {max-height:400px; overflow-y:auto !important}}.how-it-works-grid {display:grid; grid-template-columns:repeat(4,1fr); gap:20px; position:relative}.how-step {background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); padding:28px 20px 24px; text-align:center; position:relative; box-shadow:var(--shadow); transition:all 0.25s ease}.how-step:hover {border-color:var(--gold-line); box-shadow:var(--shadow-gold)}.how-step-num {position:absolute; top:-14px; left:50%; transform:translateX(-50%); background:linear-gradient(135deg,var(--gold-bright),var(--gold)); color:#fff; font-size:11px; font-weight:800; letter-spacing:0.06em; padding:4px 12px; border-radius:50px; font-family:'Inter',sans-serif}.how-step-icon {width:60px; height:60px; background:var(--bg-soft); border:1px solid var(--border); border-radius:50%; display:flex; align-items:center; justify-content:center; margin:8px auto 16px}.how-step-title {font-size:15px; font-weight:700; margin-bottom:8px; color:var(--text)}.how-step-desc {font-size:13px; color:var(--text-dim); line-height:1.6}.how-step-arrow {position:absolute; right:-14px; top:50%; transform:translateY(-50%); font-size:20px; color:var(--gold); z-index:1; background:var(--bg); padding:2px 4px; border-radius:4px}@media (max-width:900px) {.how-it-works-grid {grid-template-columns:repeat(2,1fr)}.how-step-arrow {display:none}}@media (max-width:480px) {.how-it-works-grid {grid-template-columns:repeat(2,1fr); gap:14px}.how-step {padding:22px 14px 18px}.how-step-icon {width:48px; height:48px}.how-step-icon svg {width:22px; height:22px}.how-step-title {font-size:13px}.how-step-desc {font-size:11px}}.blog-thumb {height:180px; background:var(--bg-soft) center/cover no-repeat; border-bottom:1px solid var(--border-soft)}.blog-thumb.has-image {background-size:cover}.dispute-status-pending {color:#92400e; background:#eef6ff; border:1px solid #fde68a}.dispute-status-resolved {color:var(--success); background:#f0faf4; border:1px solid #b7e0c8}.dispute-status-rejected {color:var(--danger); background:#fdf3f2; border:1px solid #f5c6c2}.delivered-content-wrap{position:relative; width:100%; overflow:hidden}.delivered-content-box{font-family:'Courier New',monospace; font-size:13px; line-height:1.7; background:var(--bg-soft); border:1px solid var(--border); border-radius:8px; padding:12px 14px; white-space:nowrap; overflow-x:auto; overflow-y:hidden; max-width:100%; word-break:normal; -webkit-overflow-scrolling:touch}@media(max-width:640px){.delivered-content-box{font-size:11px; padding:8px 10px}}.ticket-layout{display:grid !important; grid-template-columns:140px 1fr !important; gap:10px !important; width:100% !important; overflow:hidden !important}.ticket-list-col,.ticket-list{min-width:0 !important; overflow:hidden !important}.ticket-panel{min-width:0 !important; overflow:visible !important; width:100% !important}.ticket-panel .card{min-width:0 !important; overflow:visible !important}.ticket-panel form{display:block !important; width:100% !important}.ticket-panel form input[type=text]{flex:1 !important; min-width:0 !important; font-size:12px !important}.ticket-panel form button{flex-shrink:0 !important; padding:8px 10px !important; font-size:12px !important}.dispute-layout{display:grid !important; grid-template-columns:130px 1fr !important; gap:8px !important; width:100% !important; overflow:hidden !important}@media(max-width:640px){.dispute-layout{grid-template-columns:110px 1fr !important; gap:6px !important}.d-msg{max-width:90% !important;font-size:11px !important;padding:7px 10px !important}.dispute-thread{max-height:300px !important}}@media(max-width:900px){.admin-content{padding:12px !important; overflow-x:hidden !important; width:100% !important}.table-wrap{overflow-x:auto !important; -webkit-overflow-scrolling:touch}table{min-width:500px}.products-grid,.cat-grid,.blog-admin-grid{grid-template-columns:1fr !important}.admin-content form input,.admin-content form select,.admin-content form textarea{max-width:100% !important; width:100% !important}}@media(max-width:640px){html,body{overflow-x:hidden !important; max-width:100vw !important}.container{padding:0 10px !important; max-width:100% !important; overflow:hidden !important}.card{overflow:hidden !important; max-width:100% !important}input,select,textarea{max-width:100% !important; box-sizing:border-box !important}.accordion-body{overflow:hidden !important}.content-box,.content-reveal{max-width:100% !important; overflow-x:auto !important; word-break:break-all !important; white-space:pre-wrap !important}}@media(max-width:640px){.shop-layout{grid-template-columns:120px 1fr !important; gap:6px !important}.shop-sidebar{font-size:10px !important; position:sticky !important; top:62px !important}.sidebar-head{padding:7px 8px !important}.sidebar-head h4{font-size:10px !important}.sidebar-head-icon{width:20px !important;height:20px !important}.filter-body{padding:7px 8px !important}.filter-select-wrap select{font-size:9px !important; padding:5px 20px 5px 6px !important}.filter-apply-btn{font-size:9px !important; padding:6px !important; margin-top:8px !important}.fav-thumb{width:22px !important;height:22px !important}.fav-name{font-size:8px !important}.fav-price{font-size:8px !important}}@media(max-width:640px){.product-grid{grid-template-columns:repeat(3,1fr)!important;gap:6px!important}.product-thumb{height:50px!important;padding:4px!important;font-size:16px!important}.product-body{padding:5px 5px 4px!important;gap:1px!important}.product-name{font-size:9px!important;line-height:1.25!important}.product-cat{font-size:7px!important}.product-price{font-size:10px!important}.product-footer{padding-top:2px!important}.product-actions{height:26px!important;grid-template-columns:24px 1fr 24px!important}.btn-buy{font-size:7px!important;letter-spacing:.02em!important}.btn-cart-icon svg,.fav-btn svg{width:10px!important;height:10px!important}.product-featured-badge,.product-type-badge{font-size:6px!important;padding:2px 4px!important;top:3px!important}.blog-grid{grid-template-columns:repeat(3,1fr)!important;gap:6px!important}.blog-card{border-radius:8px!important}.blog-thumb{height:55px!important;font-size:20px!important}.blog-body{padding:5px 6px!important}.blog-body h3{font-size:9px!important;line-height:1.2!important;margin-bottom:0!important}.blog-body p{display:none!important}.blog-date{font-size:7px!important;margin-bottom:2px!important}}@media screen and (max-width:640px){.product-card {max-height:160px !important}.product-thumb {height:50px !important; min-height:50px !important; max-height:50px !important; padding:4px !important; font-size:16px !important}.product-body {padding:4px 5px 3px !important; gap:1px !important; flex:1 !important; min-height:0 !important}.product-name {font-size:8px !important; line-height:1.2 !important; max-height:2.4em !important; overflow:hidden !important}.product-cat {font-size:7px !important}.product-price {font-size:9px !important}.product-actions {height:24px !important; min-height:24px !important; max-height:24px !important; grid-template-columns:22px 1fr 22px !important}.btn-buy {font-size:6px !important}.btn-cart-icon svg,.fav-btn svg {width:9px !important; height:9px !important}}.category-grid {display:grid !important; grid-template-columns:repeat(3,1fr) !important; gap:14px !important}.category-card {border-radius:12px !important; overflow:hidden !important; display:flex !important; flex-direction:column !important; background:var(--surface) !important; border:1px solid var(--border) !important; box-shadow:var(--shadow) !important; transition:all .22s ease !important; text-decoration:none !important}.category-card:hover {border-color:var(--gold-line) !important; box-shadow:var(--shadow-gold) !important}.category-card .cat-img {aspect-ratio:1/1 !important; width:100% !important; height:auto !important; background-color:#f5f3ef !important; background-size:cover !important; background-position:center !important; background-repeat:no-repeat !important; border-bottom:1px solid var(--border-soft) !important}.category-card .cat-info {padding:10px 12px 12px !important}.category-card .cat-name {font-size:13px !important; font-weight:700 !important; color:var(--text) !important; font-family:'Inter',sans-serif !important; margin-bottom:2px !important}.category-card .cat-count {font-size:11px !important; color:var(--text-faint) !important}.product-grid {display:grid !important; grid-template-columns:repeat(3,1fr) !important; gap:14px !important}.product-thumb {aspect-ratio:1/1 !important; height:auto !important; background:#f5f3ef center/contain no-repeat !important; border-bottom:1px solid var(--border-soft) !important; position:relative !important; display:flex !important; align-items:center !important; justify-content:center !important; font-size:32px !important; padding:16px !important}.blog-grid {display:grid !important; grid-template-columns:repeat(3,1fr) !important; gap:14px !important; align-items:stretch !important}.blog-card {border-radius:12px !important; overflow:hidden !important; display:flex !important; flex-direction:column !important; background:var(--surface) !important; border:1px solid var(--border) !important; box-shadow:var(--shadow) !important; transition:all .22s ease !important; text-decoration:none !important; height:100% !important}.blog-body {flex:1 !important; display:flex !important; flex-direction:column !important}.blog-body h3 {font-size:9px !important; font-weight:700 !important; line-height:1.45 !important; margin-bottom:4px !important; overflow:hidden !important; display:-webkit-box !important; -webkit-line-clamp:4 !important; -webkit-box-orient:vertical !important; word-break:normal !important; overflow-wrap:break-word !important; hyphens:auto !important}.blog-card:hover {border-color:var(--gold-line) !important; box-shadow:var(--shadow-gold) !important}.blog-thumb {aspect-ratio:1/1 !important; width:100% !important; height:auto !important; background:#f5f3ef center/cover no-repeat !important; border-bottom:1px solid var(--border-soft) !important; display:flex !important; align-items:center !important; justify-content:center !important; font-size:32px !important; image-rendering:auto !important}.blog-body {padding:12px !important; flex:1 !important}.blog-date {font-size:10px !important; color:var(--text-faint) !important; font-weight:600 !important; text-transform:uppercase !important; letter-spacing:.07em !important; margin-bottom:5px !important; display:block !important}.blog-body h3 {font-size:13px !important; margin-bottom:4px !important; line-height:1.3 !important; color:var(--text) !important}.blog-body p {font-size:12px !important; color:var(--text-dim) !important; line-height:1.5 !important}@media (max-width:640px) {.category-grid {grid-template-columns:repeat(3,1fr) !important; gap:8px !important}.category-card .cat-info {padding:6px 8px 8px !important}.category-card .cat-name {font-size:10px !important}.category-card .cat-count {font-size:9px !important}.product-grid {grid-template-columns:repeat(3,1fr) !important; gap:8px !important}.product-thumb {padding:8px !important; font-size:18px !important}.product-body {padding:5px 6px 4px !important; gap:1px !important}.product-name {font-size:9px !important; line-height:1.2 !important}.product-cat {font-size:7px !important}.product-price {font-size:10px !important}.product-actions {height:26px !important; grid-template-columns:24px 1fr 24px !important}.btn-buy {font-size:7px !important}.blog-grid {grid-template-columns:repeat(3,1fr) !important; gap:8px !important}.blog-body {padding:6px 8px !important}.blog-body h3 {font-size:9px !important}.blog-body p {display:none !important}.blog-date {font-size:7px !important}}.product-card {background:var(--surface); border:1px solid var(--border); border-radius:14px; overflow:hidden; display:flex; flex-direction:column; transition:all .25s ease; box-shadow:0 2px 12px rgba(0,0,0,.06); position:relative}.product-card:hover {border-color:var(--gold-line); box-shadow:0 8px 28px rgba(17,135,255,.15)}.product-thumb {aspect-ratio:1/1 !important; height:auto !important; width:100%; background:#f5f3ef center/contain no-repeat; border-bottom:1px solid var(--border-soft); position:relative; display:flex; align-items:center; justify-content:center; overflow:hidden}.product-body {padding:12px 12px 8px; display:flex; flex-direction:column; gap:4px; flex:1}.product-cat {font-size:9px; color:var(--gold); text-transform:uppercase; letter-spacing:.1em; font-weight:700}.product-name {font-size:13px; font-weight:700; color:var(--text); line-height:1.3; font-family:'Inter',sans-serif}.product-footer {display:flex; align-items:center; justify-content:space-between; margin-top:auto; padding-top:6px; border-top:1px solid var(--border-soft)}.product-price {font-family:'Inter',sans-serif; font-size:15px; font-weight:700; color:var(--gold-bright)}.product-price .cur {font-size:10px; font-weight:600; color:var(--gold)}.product-actions {display:grid; grid-template-columns:38px 1fr 38px; border-top:1px solid var(--border-soft); height:40px; flex-shrink:0}.btn-cart-icon {background:var(--bg-soft); border:none; border-right:1px solid var(--border-soft); color:var(--text-faint); display:flex; align-items:center; justify-content:center; cursor:pointer; transition:all .18s; padding:0; width:100%; height:100%}.btn-cart-icon:hover {background:var(--gold-dim); color:var(--gold)}.btn-cart-icon svg {width:14px; height:14px}.btn-buy {background:#1a1208; border:none; color:#fff; font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; cursor:pointer; transition:all .18s; font-family:'Inter',sans-serif; width:100%; height:100%; border-right:1px solid var(--border-soft)}.btn-buy:hover {background:var(--gold)}.fav-btn {background:var(--bg-soft); border:none; color:var(--text-faint); display:flex; align-items:center; justify-content:center; cursor:pointer; transition:all .18s; padding:0; width:100%; height:100%}.fav-btn:hover {background:rgba(192,57,43,.08); color:var(--danger)}.fav-btn.is-fav {color:var(--danger); background:rgba(192,57,43,.06)}.fav-btn svg {width:14px; height:14px}@media (max-width:640px) {.product-card {border-radius:10px}.product-body {padding:7px 8px 6px; gap:2px}.product-name {font-size:10px}.product-cat {font-size:7px}.product-price {font-size:11px}.product-footer {padding-top:4px}.product-actions {height:30px; grid-template-columns:30px 1fr 30px}.btn-buy {font-size:8px}.btn-cart-icon svg,.fav-btn svg {width:11px; height:11px}}.product-grid {display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:14px !important}@media (max-width:640px) {.product-grid {grid-template-columns:repeat(2,1fr) !important; gap:10px !important}}.drawer-icon {width:32px; height:32px; border-radius:8px; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; box-shadow:0 2px 8px rgba(0,0,0,.15)}.nav-drawer-links a {display:flex; align-items:center; gap:12px; padding:10px 12px; border-radius:12px; font-size:14px; font-weight:500; color:var(--text-dim); transition:all .15s; margin-bottom:2px; text-decoration:none}.nav-drawer-links a:hover,.nav-drawer-links a.active {background:var(--gold-dim); color:var(--gold)}.category-card {border-radius:14px !important; overflow:hidden !important; transition:all .25s ease !important; box-shadow:0 2px 12px rgba(0,0,0,.07) !important}.category-card:hover {box-shadow:0 10px 28px rgba(17,135,255,.18) !important; border-color:var(--gold-line) !important}.category-card .cat-img {aspect-ratio:1/1 !important; background-size:cover !important; background-position:center !important}.category-card .cat-info {padding:10px 12px 12px !important; background:linear-gradient(to bottom,#fff,#faf8f5) !important}.category-card .cat-name {font-size:13px !important; font-weight:700 !important; color:var(--text) !important; font-family:'Inter',sans-serif !important}.category-card .cat-count {font-size:10px !important; color:var(--gold) !important; font-weight:600 !important; margin-top:2px !important}.blog-card {border-radius:14px !important; box-shadow:0 2px 12px rgba(0,0,0,.07) !important; transition:all .25s ease !important}.blog-card:hover {box-shadow:0 10px 28px rgba(17,135,255,.15) !important; border-color:var(--gold-line) !important}.blog-thumb {aspect-ratio:1/1 !important; background-size:cover !important; background-position:center !important; image-rendering:auto !important}.blog-body {padding:12px !important; background:linear-gradient(to bottom,#fff,#faf8f5) !important}.blog-date {font-size:9px !important; color:var(--gold) !important; font-weight:700 !important; text-transform:uppercase !important; letter-spacing:.08em !important; margin-bottom:4px !important; display:block !important}.blog-body h3 {font-size:12px !important; font-weight:700 !important; color:var(--text) !important; line-height:1.35 !important; font-family:'Inter',sans-serif !important}.blog-body p {font-size:11px !important; color:var(--text-faint) !important; line-height:1.5 !important; margin-top:3px !important}.section-head h2 {position:relative; display:inline-block}.eyebrow {background:linear-gradient(135deg,#1187FF,#0B6FD1); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; font-weight:800 !important; font-size:10px !important; letter-spacing:.15em !important}.btn-primary {background:linear-gradient(135deg,#1187FF,#0B6FD1) !important; box-shadow:0 4px 14px rgba(17,135,255,.3) !important; transition:all .2s !important}.btn-primary:hover {transform:translateY(-1px) !important; box-shadow:0 6px 20px rgba(17,135,255,.4) !important; opacity:1 !important; color:#fff !important}.nav-drawer-balance {background:linear-gradient(135deg,#1a1208,#2d1f0a) !important; border-bottom:1px solid rgba(17,135,255,.2) !important}.nav-drawer-balance span:first-child {color:rgba(17,135,255,.6) !important}.accordion {border-radius:12px !important; overflow:hidden !important; transition:all .2s !important}.accordion:hover {border-color:var(--gold-line) !important}.accordion.open {border-color:var(--gold-line) !important; box-shadow:0 4px 16px rgba(17,135,255,.1) !important}@media(max-width:640px) {.drawer-icon {width:28px; height:28px; border-radius:7px}.nav-drawer-links a {padding:9px 10px; font-size:13px; gap:10px}}.product-grid {display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:12px !important}.product-grid > * {display:flex !important; flex-direction:column !important}@media (max-width:640px) {.product-grid {grid-template-columns:repeat(2,1fr) !important; gap:8px !important}}.footer {background:#0f0a04 !important; border-top:1px solid rgba(17,135,255,.2) !important; padding:48px 0 0 !important}.footer-tagline {font-size:13px !important; color:#9e8e72 !important; margin-top:10px !important; line-height:1.6 !important}.footer h4 {font-size:10px !important; text-transform:uppercase !important; letter-spacing:.12em !important; font-weight:800 !important; color:#1187FF !important; margin-bottom:16px !important}.footer a {display:flex !important; align-items:center !important; gap:7px !important; font-size:13px !important; color:#c8b89a !important; margin-bottom:10px !important; transition:color .15s !important; text-decoration:none !important}.footer a:hover {color:#1187FF !important}.footer a svg {flex-shrink:0 !important; opacity:.7 !important}.footer-badges span {background:rgba(17,135,255,.1) !important; border:1px solid rgba(17,135,255,.2) !important; color:#1187FF !important; font-size:10px !important; font-weight:600 !important; padding:4px 10px !important; border-radius:50px !important}.footer-bottom {border-top:1px solid rgba(255,255,255,.07) !important; padding:20px 0 !important; margin-top:16px !important}.footer-bottom p {font-size:12px !important; color:#6f6554 !important}.footer-bottom-badges span {font-size:11px !important; color:#6f6554 !important}.product-card:active,.category-card:active,.blog-card:active,.accordion:active,.card:active {transform:scale(0.98) !important; box-shadow:0 0 0 3px rgba(17,135,255,.25),0 4px 20px rgba(17,135,255,.2) !important}.product-card {border-radius:16px !important; border:1.5px solid #e8e0d0 !important; box-shadow:0 2px 16px rgba(0,0,0,.06) !important; transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s ease,border-color .22s ease !important; position:relative !important; overflow:hidden !important}.product-card::before {content:''; position:absolute; inset:0; border-radius:16px; background:linear-gradient(135deg,rgba(17,135,255,.04) 0%,transparent 60%); pointer-events:none; z-index:0}.product-card:hover {border-color:rgba(17,135,255,.5) !important; box-shadow:0 12px 36px rgba(17,135,255,.18),0 4px 12px rgba(0,0,0,.08) !important}.category-card {border-radius:16px !important; border:1.5px solid #e8e0d0 !important; box-shadow:0 2px 16px rgba(0,0,0,.06) !important; transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s ease,border-color .22s ease !important; overflow:hidden !important; position:relative !important}.category-card::after {content:''; position:absolute; bottom:0; left:0; right:0; height:3px; background:linear-gradient(90deg,#1187FF,#5BAFFF,#1187FF); transform:scaleX(0); transform-origin:left; transition:transform .3s ease}.category-card:hover::after {transform:scaleX(1)}.category-card:hover {border-color:rgba(17,135,255,.5) !important; box-shadow:0 12px 36px rgba(17,135,255,.18),0 4px 12px rgba(0,0,0,.08) !important}.category-card .cat-info {background:linear-gradient(to bottom,#fff 0%,#faf8f5 100%) !important; padding:12px 14px 14px !important; border-top:1px solid #f0ebe0 !important}.category-card .cat-name {font-size:13px !important; font-weight:700 !important; color:#1a1208 !important; font-family:'Inter',sans-serif !important}.category-card .cat-count {font-size:10px !important; color:#1187FF !important; font-weight:600 !important; margin-top:3px !important}.blog-card {border-radius:16px !important; border:1.5px solid #e8e0d0 !important; box-shadow:0 2px 16px rgba(0,0,0,.06) !important; transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s ease,border-color .22s ease !important; overflow:hidden !important; background:#fff !important}.blog-card:hover {border-color:rgba(17,135,255,.5) !important; box-shadow:0 12px 36px rgba(17,135,255,.18),0 4px 12px rgba(0,0,0,.08) !important}.blog-body {background:linear-gradient(to bottom,#fff 0%,#faf8f5 100%) !important; padding:14px !important; border-top:1px solid #f0ebe0 !important}.blog-date {font-size:9px !important; color:#1187FF !important; font-weight:700 !important; text-transform:uppercase !important; letter-spacing:.1em !important; margin-bottom:5px !important; display:block !important}.blog-body h3 {font-size:13px !important; font-weight:700 !important; color:#1a1208 !important; line-height:1.35 !important; font-family:'Inter',sans-serif !important; margin-bottom:4px !important}.blog-body p {font-size:11px !important; color:#a8967a !important; line-height:1.5 !important}.accordion {border-radius:14px !important; border:1.5px solid var(--border) !important; box-shadow:0 2px 10px rgba(0,0,0,.05) !important; transition:all .2s ease !important; overflow:hidden !important; margin-bottom:10px !important}.accordion:hover {border-color:rgba(17,135,255,.35) !important; box-shadow:0 6px 20px rgba(17,135,255,.12) !important}.accordion.open {border-color:rgba(17,135,255,.45) !important; box-shadow:0 8px 28px rgba(17,135,255,.16) !important}.card {border-radius:14px !important; border:1.5px solid var(--border) !important; box-shadow:0 2px 14px rgba(0,0,0,.06) !important; transition:box-shadow .2s ease,border-color .2s ease !important}.card:hover {border-color:rgba(17,135,255,.3) !important; box-shadow:0 6px 22px rgba(17,135,255,.1) !important}.ticket-list-item,.dispute-list-item {transition:background .15s,border-left .15s !important; border-left:3px solid transparent !important}.ticket-list-item:hover,.dispute-list-item:hover {background:var(--gold-dim) !important; border-left-color:var(--gold) !important}.ticket-list-item.active,.dispute-list-item.active {background:var(--gold-dim) !important; border-left-color:var(--gold) !important}.btn-primary {position:relative !important; overflow:hidden !important}.btn-primary::after {content:''; position:absolute; top:-50%; left:-60%; width:30%; height:200%; background:rgba(255,255,255,.15); transform:skewX(-20deg); transition:left .4s ease; pointer-events:none}.btn-primary:hover::after {left:120%}.fav-mini {border-radius:10px !important; transition:all .2s !important; border:1px solid transparent !important}.fav-mini:hover {background:var(--gold-dim) !important; border-color:var(--gold-line) !important; transform:translateX(2px) !important}@media (max-width:640px) {.product-card:hover,.category-card:hover,.blog-card:hover {}}.category-card .cat-info {padding:7px 8px 8px !important; display:flex !important; align-items:center !important; justify-content:space-between !important; gap:4px !important}.category-card .cat-name {font-size:11px !important; font-weight:700 !important; line-height:1.2 !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; flex:1 !important; min-width:0 !important}.category-card .cat-count {font-size:9px !important; color:var(--gold) !important; font-weight:600 !important; white-space:nowrap !important; flex-shrink:0 !important}.category-card .cat-arrow {flex-shrink:0 !important; color:var(--gold) !important; opacity:.7 !important}@media (max-width:640px) {.category-card .cat-name {font-size:10px !important}.category-card .cat-count {font-size:8px !important}.category-card .cat-info {padding:5px 6px 6px !important}}select {-webkit-appearance:none !important; -moz-appearance:none !important; appearance:none !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%230B6FD1' stroke-width='2.5'%3E%3Cpolyline points='6,9 12,15 18,9'/%3E%3C/svg%3E") !important; background-repeat:no-repeat !important; background-position:right 8px center !important; padding-right:28px !important}form select {-webkit-appearance:none !important; -moz-appearance:none !important; appearance:none !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%230B6FD1' stroke-width='2.5'%3E%3Cpolyline points='6,9 12,15 18,9'/%3E%3C/svg%3E") !important; background-repeat:no-repeat !important; background-position:right 6px center !important; padding-right:22px !important; font-size:11px !important; max-width:100% !important; overflow:hidden !important; text-overflow:ellipsis !important}form select,#filterForm select,#homeFilterForm select {-webkit-appearance:none !important; -moz-appearance:none !important; appearance:none !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 24 24' fill='none' stroke='%230B6FD1' stroke-width='2.5'%3E%3Cpolyline points='6,9 12,15 18,9'/%3E%3C/svg%3E") !important; background-repeat:no-repeat !important; background-position:right 7px center !important; padding-right:24px !important; padding-left:8px !important; font-size:10px !important; min-width:0 !important; max-width:100% !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important}.product-grid {display:grid !important; grid-template-columns:repeat(3,1fr) !important; gap:10px !important}@media (max-width:400px) {.product-grid {grid-template-columns:repeat(2,1fr) !important; gap:8px !important}}.product-grid,div.product-grid,section .product-grid {display:grid !important; grid-template-columns:repeat(3,1fr) !important; gap:10px !important}.product-grid {align-items:stretch !important}.product-grid > * {display:flex !important; flex-direction:column !important; height:100% !important}.product-grid a[href] > span:first-child,.product-grid span[style*="Playfair"] {display:-webkit-box !important; -webkit-line-clamp:2 !important; -webkit-box-orient:vertical !important; overflow:hidden !important}.product-grid span[style*="a8967a"] {display:-webkit-box !important; -webkit-line-clamp:1 !important; -webkit-box-orient:vertical !important; overflow:hidden !important}#favsGrid {grid-auto-rows:1fr !important; align-items:stretch !important}#favsGrid > div {display:flex !important; flex-direction:column !important; height:100% !important}#favsGrid > div > div {flex:1 !important; display:flex !important; flex-direction:column !important; height:100% !important}.how-step {text-align:center !important}.how-step-title {text-align:center !important}.how-step-desc {text-align:center !important}.faq-item button {text-align:left !important; align-items:flex-start !important}.faq-item button span:first-child {text-align:left !important; flex:1 !important; min-width:0 !important; line-height:1.4 !important; transform:none !important; font-style:normal !important}.faq-item button span,.faq-item button,.how-step-title,.how-step-desc,.how-step {font-style:normal !important; font-synthesis:none !important}.faq-item button span:first-child {font-style:normal !important; font-family:'Inter',sans-serif !important; font-weight:700 !important; font-variant:normal !important}*,*::before,*::after {font-style:normal; font-synthesis:none; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6 {line-height:1.25 !important; font-style:normal !important}p,span,a,li,td,th,label,div {line-height:1.5; font-style:normal}.faq-item * {font-style:normal !important; transform:none !important; -webkit-transform:none !important}.how-step,.how-step * {font-style:normal !important}.empty-fav-note,.no-delivery-note,em,i {font-style:italic}@media (max-width:768px) {.faq-item button span:first-child {font-family:'Inter',sans-serif !important; font-weight:700 !important; font-style:normal !important; font-size:13px !important; line-height:1.45 !important}.how-step-title {font-family:'Inter',sans-serif !important; font-weight:700 !important; font-style:normal !important; line-height:1.35 !important}.how-step-desc {font-family:'Inter',sans-serif !important; font-style:normal !important; line-height:1.5 !important}h1,h2,h3,h4 {font-style:normal !important; line-height:1.25 !important}}.faq-item button span:first-child {font-family:'Inter',sans-serif !important; font-weight:700 !important; font-style:normal !important; font-size:14px !important; line-height:1.4 !important; letter-spacing:-0.01em !important}@media (max-width:768px) {body,p,span,a,li,td,th,label,div,button,input,select,textarea,.faq-item *,.how-step *,.cart-item *,.accordion *,.product-card *,.stat-card *,.btn,.badge,.filter-label,.nav-section-label {font-family:'Inter',sans-serif !important; font-style:normal !important}h1,h2 {font-family:'Inter',sans-serif !important; font-style:normal !important}}body,p,span,a,li,td,th,label,div,button,input,select,textarea,.faq-item *,.how-step *,.card *,.product-card *,.cart-item *,.order-item *,.badge,.btn,.filter-label,.eyebrow,.nav-link,.drawer-link,.footer * {font-family:'Inter',sans-serif !important; font-style:normal !important}h1,h2,.section-head h2,.hero-title {font-family:'Inter',sans-serif !important; font-style:normal !important}*,*::before,*::after {font-family:'Inter',sans-serif !important; font-style:normal !important}html {scroll-behavior:auto !important}button {-webkit-tap-highlight-color:transparent}html {scroll-behavior:auto !important}.product-card,.product-card:hover,.product-card:active,.product-card:focus,.category-card,.category-card:hover,.category-card:active,.blog-card,.blog-card:hover,.blog-card:active {transform:none !important; translate:none !important; top:0 !important}.admin-content .card,.admin-content .card:hover,.admin-content .card:active,.admin-layout .card,.admin-layout .card:hover {transform:none !important; translate:none !important; top:0 !important}.prod-row,.prod-row:hover,.cat-row,.cat-row:hover,.dep-row,.dep-row:hover,.user-row,.user-row:hover,.admin-order-row,.admin-order-row:hover,.blog-row,.blog-row:hover,.notif-row,.notif-row:hover {transform:none !important; translate:none !important; top:0 !important; box-shadow:none !important}.accordion:hover {transform:none !important; translate:none !important}.category-card .cat-img {background-size:contain !important; background-repeat:no-repeat !important; background-position:center !important; background-color:#fff !important}.category-card .cat-name {white-space:normal !important; overflow:visible !important; text-overflow:unset !important; -webkit-line-clamp:unset !important; font-size:11px !important; line-height:1.3 !important; font-weight:700 !important; word-break:break-word !important}.category-card .cat-count {font-size:9px !important; white-space:nowrap !important; flex-shrink:0 !important}.category-card .cat-info {display:flex !important; align-items:flex-start !important; justify-content:space-between !important; padding:6px 8px 8px !important; gap:4px !important}.blog-card .blog-img,.blog-card .blog-thumb {background-size:contain !important; background-repeat:no-repeat !important; background-position:center !important; background-color:#fff !important}.blog-card img {object-fit:contain !important; background:#fff !important}#favsGrid,#favsGrid > *,#favsGrid .fav-hidden-card {overflow:visible !important}.accordion-head {flex-wrap:nowrap !important; overflow:visible !important}.accordion-head .acc-title {flex:1 !important; min-width:0 !important; overflow:hidden !important}.accordion-head a[href*="delete"],.accordion-head a[href*="del_"],.accordion-head a[href*="clear"],.accordion-head a[onclick*="confirm"] {flex-shrink:0 !important; min-width:26px !important}.notif-dropdown-head {flex-wrap:nowrap !important; gap:8px !important}.accordion-head {flex-wrap:nowrap !important; align-items:center !important; gap:6px !important; overflow:visible !important}.accordion-head .acc-title {flex:1 1 0 !important; min-width:0 !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important}.accordion-head .acc-meta {flex-shrink:0 !important; white-space:nowrap !important}.accordion-head .acc-arrow {flex-shrink:0 !important}.accordion-head span[style*="text-faint"] {white-space:normal !important; font-size:10px !important; line-height:1.2 !important}

/* ================================================================
   LAPTOP / DESKTOP LAYOUT — 4 cards per row
   Applies to: Product cards (home + shop), Category cards
   (home + categories page), Blog post cards (home + blog page).
   Placed at the very end of the stylesheet with boosted specificity
   (doubled class) so it reliably wins over earlier conflicting rules.
   ================================================================ */
@media (min-width: 901px) {
  .product-grid.product-grid,
  .category-grid.category-grid,
  .blog-grid.blog-grid {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 18px !important;
  }
}
/* Password show/hide toggle */
.pw-toggle-wrap{position:relative;}
.pw-toggle-wrap input[type="password"],.pw-toggle-wrap input[type="text"]{padding-right:40px !important;}
.pw-toggle-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-faint);display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:6px;transition:color .15s,background .15s;}
.pw-toggle-btn:hover{color:var(--gold);background:var(--gold-dim);}
.pw-toggle-btn svg{width:17px;height:17px;}

/* ================================================================
   HOMEPAGE SECTION PAGINATION — items are NEVER hidden. Pagination
   controls (added via JS below) just scroll-navigate between chunks
   of the fully-visible list. See paginated-nav-bar CSS + script.
   ================================================================ */
.paginated-nav-bar{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:18px;}
.paginated-nav-btn{min-width:34px;height:34px;padding:0 10px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text-dim);font-size:13px;font-weight:700;font-family:'Inter',sans-serif;cursor:pointer;transition:all .15s;}
.paginated-nav-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:34px;color:var(--text-faint);font-size:13px;font-weight:700;user-select:none;}
.paginated-nav-btn:disabled{background:transparent;border-color:transparent;}
.paginated-nav-btn:hover{border-color:var(--gold-line);color:var(--gold);}
.paginated-nav-btn.active{background:var(--gold-bright);border-color:var(--gold-bright);color:#fff;}

/* ================================================================
   MOBILE HEADER SAFETY — ensure logo never overlaps with the language
   switcher / cart / bell icons on narrow screens.
   ================================================================ */
@media (max-width: 400px) {
  .navbar-inner { padding: 0 10px; }
  .nav-actions { gap: 2px; }
  .brand span { font-size: 13px !important; }
  .brand img { height: 26px !important; width: 26px !important; }
  .nav-lang-switch { width: 32px !important; height: 32px !important; }
  .nav-icon-btn { width: 34px; height: 34px; }
  .nav-icon-btn svg { width: 19px; height: 19px; }
}

/* ================================================================
   BRAND OVERFLOW SAFETY — the centered logo is absolutely positioned
   and won't automatically make room for the header icons, so cap its
   width and clip overflow as a hard safety net (on top of the
   notranslate protection that keeps the brand name a fixed length).
   ================================================================ */
.navbar .brand { max-width: calc(100vw - 190px); overflow: hidden; }
.navbar .brand > div { overflow: hidden; }
.navbar .brand span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* ================================================================
   RTL (Right-to-Left) SUPPORT — for Arabic and Urdu.
   Google's Website Translator sets dir="rtl" on <html> automatically
   when translating to these languages. This ensures text content
   (paragraphs, headings, form labels) flows and aligns correctly.
   Note: icon/badge POSITIONS (like a discount badge pinned to a
   corner) are not mirrored — this matches standard practice for
   auto-translated sites, where Google handles text direction while
   the visual product layout stays consistent across all languages.
   ================================================================ */
html[dir="rtl"] body { text-align: right; }
html[dir="rtl"] .faq-item button span:first-child,
html[dir="rtl"] p, html[dir="rtl"] .desc, html[dir="rtl"] .footer-tagline,
html[dir="rtl"] .how-step-desc, html[dir="rtl"] .review-comment,
html[dir="rtl"] .blog-body p, html[dir="rtl"] .product-detail-info .desc {
    text-align: right;
}
html[dir="rtl"] .section-head { flex-direction: row-reverse; }
html[dir="rtl"] .filter-label::before { margin-left: 6px; margin-right: 0; }

/* ================================================================
   TAWK.TO CHAT WIDGET — mobile only: pin flush against the right
   edge (attached, no floating gap), matching the "right-edge tab"
   style shown in the reference screenshot.
   Note: the widget's actual button/icon color is rendered INSIDE
   Tawk's own iframe (a different origin), so it cannot be restyled
   from our CSS — that has to be changed in the Tawk.to dashboard
   under Admin → Chat Widget → Widget Appearance → Color.
   ================================================================ */
@media (max-width: 900px) {
  #tawk-bubble-container,
  .tawk-min-container,
  iframe[title="chat widget"],
  iframe[id^="tawk"] {
    right: 0 !important;
    margin-right: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
}