.hss-front{
  max-width:1040px;
  margin:0 auto 18px;
  padding:0 14px;
  font-family:Inter,Arial,Helvetica,sans-serif;
  color:#fff;
}
.hss-front *{box-sizing:border-box;}
.hss-front-topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 14px;}
.hss-front-topbar-no-title{justify-content:flex-end;}
.hss-front-topbar h2{margin:0;font-size:24px;line-height:1.1;font-weight:900;color:#fff;}
.hss-front-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.hss-front-controls select,.hss-front-controls input{min-height:40px;background:#171717;color:#fff;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:10px 12px;outline:none;}
.hss-front-controls select:focus,.hss-front-controls input:focus{border-color:rgba(229,9,20,.55);box-shadow:0 0 0 2px rgba(229,9,20,.15);}
.hss-front-controls select{width:160px;}
.hss-front-controls input{width:min(240px,42vw);}
.hss-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.hss-card{position:relative;background:#1f1f1f;border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:8px;cursor:pointer;transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;overflow:hidden;}
.hss-card:hover,.hss-card:focus-visible{transform:translateY(-1px);box-shadow:0 0 0 1px rgba(229,9,20,.18), 0 10px 24px rgba(0,0,0,.28);outline:none;}
.hss-card.is-sponsored{box-shadow:0 0 0 1px rgba(229,9,20,.22),0 0 16px rgba(229,9,20,.14),0 10px 24px rgba(0,0,0,.22);}
.hss-card-badges{position:absolute;inset:10px 10px auto 10px;display:flex;gap:7px;align-items:flex-start;flex-wrap:wrap;z-index:2;pointer-events:none;}
.hss-badge,.hss-sponsored-pill{padding:6px 9px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;line-height:1;}
.hss-badge{background:#fff;color:#111;}
.hss-badge-new{background:#e50914;color:#fff;animation:hss-bounce 1.7s ease-in-out infinite;}
.hss-sponsored-pill{margin-left:auto;background:rgba(229,9,20,.94);color:#fff;box-shadow:0 0 14px rgba(229,9,20,.34);}
.hss-card-image-wrap{aspect-ratio:1/1;background:#121212;border-radius:7px;overflow:hidden;}
.hss-card-image-wrap img{width:100%;height:100%;display:block;object-fit:cover;}
.hss-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#878787;font-size:12px;text-transform:uppercase;letter-spacing:.08em;}
.hss-card-name{margin-top:8px;font-size:14px;font-weight:900;line-height:1.2;text-align:center;min-height:2.4em;}
.hss-card-subtitle{margin-top:5px;color:#c4c4c4;font-size:12px;line-height:1.3;text-align:center;min-height:2.5em;}
.hss-card-price{margin-top:6px;color:#fff;font-size:14px;font-weight:800;text-align:center;}
.hss-card-action{margin-top:8px;display:flex;justify-content:center;}
.hss-shop-btn{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 14px;border-radius:999px;background:#e50914;color:#fff;font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 6px 18px rgba(229,9,20,.24);transition:transform .16s ease, box-shadow .16s ease, background .16s ease;}
.hss-card:hover .hss-shop-btn,.hss-card:focus-visible .hss-shop-btn{transform:translateY(-1px);box-shadow:0 8px 20px rgba(229,9,20,.3);}
.hss-empty{padding:14px;border-radius:8px;background:rgba(255,255,255,.03);color:#9d9d9d;}
.hss-disclosure{margin-top:14px;color:#8f8f8f;font-size:12px;text-align:center;}
.hss-popup{position:fixed;bottom:18px;left:18px;z-index:9999;display:flex;align-items:center;gap:10px;padding:12px 14px;background:rgba(12,12,12,.95);border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.32),0 0 0 1px rgba(255,255,255,.03) inset;max-width:min(340px,calc(100vw - 36px));backdrop-filter:blur(4px);transform:translateY(18px);opacity:0;pointer-events:none;transition:transform .24s ease, opacity .24s ease;}
.hss-popup.is-visible{transform:translateY(0);opacity:1;}
.hss-popup.is-right{left:auto;right:18px;}
.hss-popup-dot{width:10px;height:10px;border-radius:999px;background:#e50914;box-shadow:0 0 10px rgba(229,9,20,.5);flex:0 0 auto;}
.hss-popup-text{font-size:13px;line-height:1.35;color:#d7d7d7;}
.hss-popup-text strong{color:#fff;}
@keyframes hss-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@media (max-width: 900px){.hss-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.hss-front-topbar{flex-direction:column;align-items:stretch;}.hss-front-topbar-no-title{align-items:flex-end;}.hss-front-controls{width:100%;}.hss-front-controls input,.hss-front-controls select{width:100%;}}
@media (max-width: 520px){.hss-front{padding:0 10px;}.hss-front-topbar{margin-bottom:10px;gap:8px;}.hss-front-controls{gap:6px;}.hss-front-controls select,.hss-front-controls input{min-height:34px;padding:7px 10px;font-size:12px;border-radius:7px;}.hss-front-controls select{max-width:140px;}.hss-front-controls input{max-width:100%;}.hss-grid{gap:8px;}.hss-card{padding:7px;}.hss-card-name{font-size:13px;}.hss-card-subtitle{font-size:11px;min-height:2.4em;}.hss-popup{bottom:12px;left:12px;max-width:calc(100vw - 24px);}.hss-popup.is-right{right:12px;}}