:root {
  --hk-card-bg: rgba(15, 9, 4, 0.72);
  --hk-card-border: rgba(255, 145, 0, 0.16);
  --hk-card-shadow: 0 24px 50px rgba(0, 0, 0, 0.35);
}
.store-body { overflow-x: hidden; }
.hk-store-page { padding-top: 8rem; }
.hk-store-shell { width: min(1180px, calc(100% - 2rem)); margin: 0 auto; }
.hk-store-section { padding: 1.5rem 0 2.5rem; }
.hk-store-hero { min-height: auto; padding: 3rem 0 1rem; }
.hk-store-hero-grid { display:grid; grid-template-columns: minmax(0,1.3fr) minmax(280px,.8fr); gap:2rem; align-items:stretch; }
.hk-store-hero-copy, .hk-store-balance-card, .hk-admin-card, .hk-product-card, .hk-empty-panel { background: var(--hk-card-bg); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border:1px solid var(--hk-card-border); box-shadow: var(--hk-card-shadow); border-radius: 28px; }
.hk-store-hero-copy { padding: 2.2rem; }
.hk-store-kicker { color: var(--primary); font-weight: 700; letter-spacing: .18em; font-size: .82rem; margin-bottom: .8rem; }
.hk-store-hero-copy h1, .hk-store-toolbar h2, .hk-admin-card h2, .hk-empty-panel h2, .hk-empty-panel h3 { font-size: clamp(2rem, 4vw, 3.75rem); line-height: 1.05; margin-bottom: 1rem; font-weight: 800; }
.hk-store-toolbar h2, .hk-admin-card h2 { font-size: clamp(1.4rem, 2.4vw, 2rem); margin-bottom: .35rem; }
.hk-store-subtitle, .hk-store-muted, .hk-product-body p, .hk-store-balance-card p, .hk-admin-product-row p { color: var(--text-muted); }
.hk-store-actions { display:flex; flex-wrap:wrap; gap: 1rem; margin: 1.75rem 0; }
.hk-store-primary { display:inline-flex; align-items:center; gap:.6rem; }
.hk-store-banner { display:flex; align-items:center; gap:.75rem; padding: 1rem 1.1rem; border-radius: 18px; border:1px solid rgba(255,145,0,.22); background: rgba(255,145,0,.08); color: #ffd4a0; }
.hk-store-balance-card { padding: 2rem; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; min-height:100%; }
.hk-coin-mark { width: 112px; height: 112px; border-radius: 30px; display:grid; place-items:center; background: radial-gradient(circle at top, rgba(255,145,0,.18), rgba(255,145,0,.02)); border:1px solid rgba(255,145,0,.22); margin-bottom: 1.2rem; }
.hk-coin-mark img { width: 64px; height: 64px; image-rendering: auto; }
.hk-balance-label { text-transform: uppercase; letter-spacing: .16em; font-size:.75rem; color: var(--primary); margin-bottom: .45rem; }
.hk-store-toolbar { display:flex; align-items:flex-end; justify-content:space-between; gap:1rem; margin-bottom: 1.3rem; }
.hk-store-controls { display:flex; gap:.85rem; align-items:center; }
.hk-store-search { width:min(340px,100%); padding: 1rem 1.1rem; border-radius: 16px; border:1px solid rgba(255,255,255,.08); background: rgba(255,255,255,.04); color:#fff; font-family:inherit; font-size:1rem; }
.hk-store-search:focus, .hk-admin-form input:focus, .hk-admin-form textarea:focus, .hk-admin-form select:focus { outline:none; border-color: rgba(255,145,0,.4); box-shadow: 0 0 0 4px rgba(255,145,0,.08); }
.hk-store-filters { display:flex; flex-wrap:wrap; gap:.75rem; margin-bottom: 1.4rem; }
.hk-filter-btn { border:1px solid rgba(255,255,255,.08); background: rgba(255,255,255,.03); color:#fff; border-radius: 999px; padding: .75rem 1rem; font: inherit; cursor:pointer; transition: .25s ease; }
.hk-filter-btn:hover, .hk-filter-btn.active { border-color: rgba(255,145,0,.35); background: rgba(255,145,0,.12); color: var(--primary); }
.hk-product-grid { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 1.25rem; }
.hk-product-card { overflow:hidden; display:flex; flex-direction:column; min-height: 100%; }
.hk-product-media { position:relative; min-height: 210px; display:grid; place-items:center; padding: 1.2rem; background: linear-gradient(180deg, rgba(255,145,0,.06), rgba(255,255,255,.02)); }
.hk-product-media img { width: 116px; height: 116px; object-fit:cover; border-radius: 28px; border:1px solid rgba(255,255,255,.08); box-shadow:0 16px 35px rgba(0,0,0,.28); }
.hk-product-placeholder, .hk-admin-thumb span { width: 116px; height: 116px; border-radius: 28px; display:grid; place-items:center; background: linear-gradient(135deg, rgba(255,145,0,.28), rgba(255,84,0,.18)); color:#fff; font-size: 2rem; font-weight: 800; border:1px solid rgba(255,255,255,.08); }
.hk-product-badge { position:absolute; top:1rem; left:1rem; border-radius:999px; background: rgba(5,3,1,.75); border:1px solid rgba(255,145,0,.22); color: var(--primary); padding: .45rem .75rem; font-size: .74rem; font-weight: 700; letter-spacing:.05em; }
.hk-product-body { padding: 1.35rem 1.35rem 1.4rem; display:flex; flex-direction:column; gap:.9rem; flex:1; }
.hk-product-body h3 { font-size: 1.25rem; line-height:1.2; }
.hk-product-bottom, .hk-admin-row-actions, .hk-admin-top-actions { display:flex; gap:.75rem; flex-wrap:wrap; align-items:center; justify-content:space-between; }
.hk-product-price { display:inline-flex; align-items:center; gap:.55rem; font-weight: 800; font-size: 1.2rem; }
.hk-product-price img { width: 24px; height:24px; }
.hk-product-price small { font-size: .82rem; font-weight:600; color: var(--text-muted); margin-left:.15rem; }
.hk-disabled-btn, .hk-delete-btn { border:none; border-radius: 14px; font: inherit; padding: .88rem 1rem; background: rgba(255,255,255,.06); color: rgba(255,255,255,.55); cursor:not-allowed; }
.hk-delete-btn { cursor:pointer; background: rgba(255,84,0,.16); color:#ffb4a3; }
.hk-empty-panel { padding: 2rem; text-align:center; }
.hk-admin-grid { display:grid; grid-template-columns: minmax(0, 1fr) minmax(300px, .8fr); gap:1.25rem; align-items:start; }
.hk-admin-card { padding: 1.5rem; }
.hk-admin-form { display:flex; flex-direction:column; gap:1rem; }
.hk-admin-form label { display:flex; flex-direction:column; gap:.5rem; font-weight:600; color:#fff; }
.hk-admin-form input, .hk-admin-form textarea, .hk-admin-form select { width:100%; padding: .95rem 1rem; border-radius: 16px; border:1px solid rgba(255,255,255,.08); background: rgba(255,255,255,.04); color:#fff; font: inherit; }
.hk-admin-form option { color:#000; }
.hk-admin-two { display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .85rem; }
.hk-check { flex-direction: row !important; align-items: center; gap: .65rem !important; }
.hk-check input { width: auto; }
.hk-admin-submit-row { display:flex; flex-wrap:wrap; gap:.75rem; align-items:center; }
.hk-admin-products { display:flex; flex-direction:column; gap:.9rem; }
.hk-admin-product-row { display:flex; justify-content:space-between; gap:1rem; align-items:center; padding: 1rem 1.05rem; border-radius: 20px; background: rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.05); }
.hk-admin-product-main { display:flex; gap:1rem; align-items:center; min-width:0; }
.hk-admin-thumb { width:78px; height:78px; border-radius:22px; display:grid; place-items:center; background: rgba(255,255,255,.02); border:1px solid rgba(255,255,255,.05); flex-shrink:0; overflow:hidden; }
.hk-admin-thumb img, .hk-admin-image-preview img { width:100%; height:100%; object-fit:cover; }
.hk-admin-image-preview { width: 120px; height:120px; border-radius: 22px; overflow:hidden; border:1px solid rgba(255,255,255,.08); background: rgba(255,255,255,.03); }
.hk-admin-product-main h3 { font-size:1.1rem; margin-bottom:.25rem; }
.hk-admin-product-main p { margin-bottom: .45rem; }
.hk-admin-meta { display:flex; flex-wrap:wrap; gap:.5rem; }
.hk-admin-meta span { border-radius:999px; border:1px solid rgba(255,145,0,.22); padding:.35rem .65rem; font-size:.78rem; color:#ffd19d; background: rgba(255,145,0,.08); }
.hk-admin-product-side { display:flex; flex-direction:column; gap:.9rem; align-items:flex-end; flex-shrink:0; }
@media (max-width: 1080px){ .hk-product-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } .hk-store-hero-grid, .hk-admin-grid { grid-template-columns: 1fr; } }
@media (max-width: 760px){ .hk-store-page { padding-top: 7rem; } .hk-store-shell { width:min(100% - 1rem, 1000px); } .hk-product-grid { grid-template-columns: 1fr; } .hk-store-toolbar, .hk-admin-product-row, .hk-admin-product-main, .hk-admin-product-side { flex-direction:column; align-items:stretch; } .hk-admin-two { grid-template-columns: 1fr; } .hk-admin-thumb { width:100%; height:180px; } .hk-admin-thumb span { width:100%; height:100%; border-radius:0; } .hk-product-media { min-height: 180px; } }

/* V3 – motion and polish */
.hk-product-card {position:relative;isolation:isolate;transform-style:preserve-3d;transition:transform .16s cubic-bezier(.15,.85,.22,1);will-change:transform;}
.hk-product-card:hover{border-color:var(--hk-card-border);box-shadow:var(--hk-card-shadow);}
.hk-product-media img,.hk-product-placeholder{transition:transform .42s cubic-bezier(.2,.8,.2,1);}

.hk-product-price{position:relative;color:#ffce78;text-shadow:none;transition:transform .3s ease,text-shadow .3s ease;}

.hk-product-price img{filter:none;}
.hk-admin-quicknav{position:relative;z-index:2;display:flex;justify-content:center;gap:.6rem;flex-wrap:wrap;width:min(1160px,calc(100% - 2rem));margin:0 auto 1rem;}
.hk-admin-quicknav a{padding:.7rem 1.05rem;border:1px solid rgba(255,145,0,.22);border-radius:999px;background:rgba(12,9,5,.85);text-decoration:none;color:#fff;font-weight:650;transition:.25s;}
.hk-admin-quicknav a:hover{color:var(--primary);border-color:var(--primary);}
.hk-category-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;}
.hk-category-editor{display:grid;grid-template-columns:minmax(0,1fr) 90px;gap:.9rem;padding:1.15rem;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);border-radius:20px;align-items:end;}
.hk-category-editor label{font-weight:600;font-size:.88rem;display:flex;flex-direction:column;gap:.35rem;}
.hk-category-editor input:not([type=checkbox]){min-width:0;width:100%;border-radius:12px;padding:.8rem;background:rgba(0,0,0,.25);color:#fff;border:1px solid rgba(255,255,255,.12);font:inherit;}
.hk-category-editor .hk-check{flex-direction:row!important;align-items:center;}
.hk-category-actions{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;}
.hk-category-actions .btn-store,.hk-category-new .btn-store{padding:.72rem 1rem;font-size:.9rem;}
.hk-admin-image-preview[hidden]{display:none;}
@media(max-width:760px){.hk-category-admin-grid{grid-template-columns:1fr}.hk-category-editor{grid-template-columns:minmax(0,1fr) 80px}.hk-store-hero-copy{padding:1.3rem}.hk-store-balance-card{padding:1.5rem}.hk-store-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:thin}.hk-filter-btn{flex-shrink:0}.hk-store-toolbar{align-items:stretch}.hk-store-controls,.hk-store-search{width:100%}.hk-admin-quicknav{padding-top:.5rem}.hk-product-bottom{align-items:flex-start}.hk-product-price{font-size:1.12rem}}
@media(hover:none),(prefers-reduced-motion:reduce){.hk-product-card{transform:none!important;will-change:auto}.hk-product-card:hover .hk-product-media img{transform:none}}

/* V4: cursor is visual only; native pointer events pass through. */
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 body.hk-custom-cursor,body.hk-custom-cursor a,body.hk-custom-cursor button,body.hk-custom-cursor input,body.hk-custom-cursor select,body.hk-custom-cursor textarea{cursor:none!important}
 .hk-cursor-dot,.hk-cursor-ring{position:fixed;left:0;top:0;pointer-events:none;z-index:2147483000;border-radius:50%;transform:translate3d(-100px,-100px,0);will-change:transform;}
 .hk-cursor-dot{width:8px;height:8px;background:#ffac45;box-shadow:0 0 0 1px rgba(0,0,0,.3);margin:-4px 0 0 -4px;}
 .hk-cursor-ring{width:32px;height:32px;border:1.5px solid rgba(255,168,59,.8);background:rgba(255,145,0,.035);margin:-16px 0 0 -16px;transition:width .18s,height .18s,margin .18s,border-color .18s,background .18s;}
 .hk-cursor-ring.is-hover{width:45px;height:45px;margin:-22.5px 0 0 -22.5px;border-color:rgba(255,181,88,.95);background:rgba(255,145,0,.07)}
 .hk-cursor-ring.is-click{width:20px;height:20px;margin:-10px 0 0 -10px;background:rgba(255,145,0,.26)}
 .hk-cursor-ripple{position:fixed;pointer-events:none;z-index:2147482999;width:20px;height:20px;border:2px solid rgba(255,166,62,.85);border-radius:50%;animation:hk-ripple .47s ease-out forwards;transform:translate(-50%,-50%)}
 @keyframes hk-ripple{to{opacity:0;width:90px;height:90px;border-width:1px;}}
}
@media (hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.hk-cursor-dot,.hk-cursor-ring,.hk-cursor-ripple{display:none!important}}