:root {
  --hvy-bg:#080b10;
  --hvy-bg2:#0d1219;
  --hvy-card:rgba(20,26,35,.72);
  --hvy-card-solid:#111720;
  --hvy-card-2:rgba(25,31,41,.9);
  --hvy-line:rgba(255,255,255,.085);
  --hvy-line-hot:rgba(255,77,0,.34);
  --hvy-text:#f7f8fa;
  --hvy-muted:#929aa8;
  --hvy-orange:#ff4d00;
  --hvy-orange2:#ff7417;
  --hvy-green:#5dd779;
  --hvy-red:#ff5454;
  --hvy-radius:20px;
  --hvy-shadow:0 22px 60px rgba(0,0,0,.32);
  --hvy-glow:0 0 32px rgba(255,77,0,.14);
}

body.havyj-ui-shell{margin:0!important;background:var(--hvy-bg)!important;color:var(--hvy-text)!important;min-height:100vh;overflow-x:hidden}
body.havyj-ui-shell:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 76% 5%,rgba(255,77,0,.11),transparent 28%),radial-gradient(circle at 18% 34%,rgba(51,94,148,.08),transparent 28%),linear-gradient(180deg,#080b10 0%,#0b1118 45%,#070a0f 100%)}
body.havyj-ui-shell *{box-sizing:border-box}
body.havyj-ui-shell a{text-decoration:none;color:inherit}
body.havyj-ui-shell button,body.havyj-ui-shell input{font:inherit}
body.havyj-ui-shell .site,body.havyj-ui-shell .website-wrapper{background:transparent!important}
.hvy-app{width:100%;min-height:100vh;color:var(--hvy-text);font-family:inherit;direction:rtl}
.hvy-icon{width:22px;height:22px;display:block;flex:0 0 auto}
.hvy-glass{background:linear-gradient(145deg,rgba(28,35,45,.72),rgba(13,18,25,.77));border:1px solid var(--hvy-line);box-shadow:inset 0 1px rgba(255,255,255,.025),var(--hvy-shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.hvy-shell{width:min(1520px,calc(100% - 48px));margin:0 auto;padding:18px 0 42px}

/* Site header / mobile navigation / carrot market ticker are intentionally provided by the active theme and companion plugins. */

/* Top */
.hvy-top-grid{display:grid;grid-template-columns:280px minmax(0,1fr) 270px;gap:16px;align-items:stretch}
.hvy-status-card,.hvy-hot-card{border-radius:var(--hvy-radius);padding:20px;min-height:390px}
.hvy-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#c6ccd5;font-size:12px}.hvy-panel-head>span{display:flex;align-items:center;gap:8px;font-weight:700}.hvy-panel-head>a{color:#ff8b4f}.hvy-panel-head .hvy-icon{width:17px;height:17px;color:var(--hvy-orange2)}
.hvy-balance{margin-top:25px;display:flex;align-items:center;gap:12px}.hvy-balance strong{font-size:31px;letter-spacing:-1px}.hvy-carrot-mark{font-size:28px;filter:drop-shadow(0 0 12px rgba(255,77,0,.35))}.hvy-value{display:flex;flex-direction:column;gap:4px;margin-top:12px;color:#8992a0;font-size:11px}.hvy-value b{font-size:14px;color:#f0f2f5}.hvy-level{margin-top:27px;padding-top:18px;border-top:1px solid var(--hvy-line)}.hvy-level-main{display:flex;align-items:center;gap:12px}.hvy-level-main img{width:48px;height:48px;object-fit:contain}.hvy-level-medal{width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,#ffad26,#845008);display:grid;place-items:center;font-size:24px;box-shadow:0 0 24px rgba(255,164,30,.22)}.hvy-level-main div{display:flex;flex-direction:column}.hvy-level-main small,.hvy-next-level{color:#8e97a4;font-size:10px}.hvy-level-main b{margin-top:3px}.hvy-progress{height:7px;border-radius:8px;background:rgba(255,255,255,.07);overflow:hidden;margin:17px 0 8px}.hvy-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--hvy-orange),#ff9b21);box-shadow:0 0 15px rgba(255,77,0,.55)}
.hvy-status-guest{text-align:center;padding-top:34px}.hvy-guest-icon{font-size:46px}.hvy-status-guest h3{font-size:17px;margin:12px 0 6px}.hvy-status-guest p{font-size:12px;line-height:1.9;color:var(--hvy-muted);margin-bottom:18px}

.hvy-hero{position:relative;min-height:390px;border-radius:var(--hvy-radius);overflow:hidden;border:1px solid var(--hvy-line);background:#111722;box-shadow:var(--hvy-shadow)}
.hvy-hero-slides,.hvy-hero-slide{position:absolute;inset:0}.hvy-hero-slide{opacity:0;visibility:hidden;transition:opacity .55s ease,visibility .55s ease;background-image:var(--hvy-hero-image);background-size:cover;background-position:center}.hvy-hero-slide.is-active{opacity:1;visibility:visible}.hvy-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,11,16,.15) 0%,rgba(8,11,16,.35) 40%,rgba(8,11,16,.92) 100%),linear-gradient(0deg,rgba(8,11,16,.44),transparent 65%)}
.hvy-hero-content{position:absolute;z-index:3;right:42px;top:50%;transform:translateY(-50%);width:min(550px,61%)}.hvy-hero-badges{display:flex;gap:8px;align-items:center}.hvy-pill,.hvy-soft-pill{display:inline-flex;align-items:center;border-radius:999px;padding:7px 12px;font-size:10px}.hvy-pill{background:linear-gradient(90deg,var(--hvy-orange),#c83b00);color:#fff;box-shadow:0 8px 24px rgba(255,77,0,.28)}.hvy-soft-pill{border:1px solid var(--hvy-line);background:rgba(5,8,12,.52);color:#d0d5dc}.hvy-hero h1{font-size:42px;line-height:1.08;margin:15px 0 12px;letter-spacing:-1.3px;text-shadow:0 3px 20px rgba(0,0,0,.5)}.hvy-hero p{color:#c4cad2;line-height:2;font-size:13px;max-width:520px;margin:0}.hvy-hero-price-row{display:flex;align-items:center;gap:15px;margin-top:15px}.hvy-hero-price{font-size:18px;font-weight:900}.hvy-hero-price del{opacity:.45;font-size:12px}.hvy-hero-price ins{text-decoration:none}.hvy-hero-reward{font-size:11px;color:#ffc096;background:rgba(255,77,0,.11);border:1px solid rgba(255,77,0,.22);padding:6px 10px;border-radius:999px}.hvy-hero-actions{display:flex;gap:10px;margin-top:20px}.hvy-btn{min-height:44px;padding:0 17px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:12px;font-weight:800;border:1px solid transparent;transition:.2s;cursor:pointer}.hvy-btn .hvy-icon{width:17px;height:17px}.hvy-btn-primary{background:linear-gradient(135deg,#ff4d00,#ff7618);color:white!important;box-shadow:0 12px 28px rgba(255,77,0,.22)}.hvy-btn-primary:hover{transform:translateY(-1px);box-shadow:0 14px 34px rgba(255,77,0,.32)}.hvy-btn-glass,.hvy-btn-outline{background:rgba(17,22,30,.66);border-color:rgba(255,255,255,.13);color:#eef0f4!important}.hvy-btn-outline{border-color:rgba(255,77,0,.3);color:#ffab7c!important}.hvy-btn-full{width:100%;margin-top:18px}.hvy-hero-thumbs{position:absolute;z-index:5;left:14px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:7px}.hvy-hero-thumb{width:62px;height:48px;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:11px;overflow:hidden;background-color:#0a0e14;background-image:var(--hvy-thumb-image);background-size:cover;background-position:center center;background-repeat:no-repeat;cursor:pointer;opacity:.72;transition:opacity .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}.hvy-hero-thumb.is-active{opacity:1;border:2px solid var(--hvy-orange);box-shadow:0 0 0 1px rgba(255,77,0,.28),0 0 18px rgba(255,77,0,.34),0 8px 22px rgba(0,0,0,.3);transform:scale(1.025)}.hvy-hero-dots{position:absolute;z-index:6;bottom:15px;left:50%;right:auto;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:4px}.hvy-hero-dots button{width:11px;height:3px;min-width:11px;min-height:3px;padding:0;border:0;border-radius:999px!important;background:rgba(255,255,255,.20);box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);transition:width .2s ease,background .2s ease,box-shadow .2s ease,opacity .2s ease;opacity:.95;overflow:hidden}.hvy-hero-dots button.is-active{width:20px;min-width:20px;height:3px;min-height:3px;border-radius:999px!important;background:var(--hvy-orange);box-shadow:0 0 7px rgba(255,77,0,.30);opacity:1}

.hvy-hot-list{display:flex;flex-direction:column;gap:11px;margin:24px 0}.hvy-hot-item{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:10px;padding:8px;border-radius:12px;transition:.2s}.hvy-hot-item:hover{background:rgba(255,255,255,.04)}.hvy-hot-img{width:56px;height:56px;border-radius:10px;overflow:hidden}.hvy-hot-img img{width:100%;height:100%;object-fit:cover}.hvy-hot-item>span:last-child{display:flex;flex-direction:column;min-width:0}.hvy-hot-item b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hvy-hot-item em{font-style:normal;font-size:11px;color:#ff9f6d;margin-top:5px}.hvy-hot-item del{opacity:.35;font-size:9px}.hvy-hot-item ins{text-decoration:none}.hvy-outline-link{height:42px;border:1px solid rgba(255,77,0,.25);border-radius:12px;display:flex;align-items:center;justify-content:center;gap:8px;color:#ff9d69;font-size:11px}.hvy-outline-link .hvy-icon{width:15px;height:15px}

/* Trust & sections */
.hvy-trust-row{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:14px 0 28px}.hvy-trust{border-radius:16px;min-height:72px;padding:15px 18px;display:flex;align-items:center;gap:13px;box-shadow:none}.hvy-trust>.hvy-icon,.hvy-trust-icon{width:30px;height:30px;color:var(--hvy-orange2);font-size:25px;filter:drop-shadow(0 0 5px rgba(255,116,23,.48)) drop-shadow(0 0 12px rgba(255,77,0,.16))}.hvy-trust div{display:flex;flex-direction:column;gap:4px}.hvy-trust b{font-size:12px}.hvy-trust small{font-size:10px;color:#8992a0}
.hvy-section{margin-top:31px}.hvy-section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:14px}.hvy-section-head>div:first-child{display:flex;flex-direction:column}.hvy-section-head span{font-size:10px;color:#ff8e55}.hvy-section-head h2{font-size:22px;margin:4px 0 0}.hvy-section-head h2 em{font-style:normal}.hvy-section-head>a,.hvy-rail-tools>a{font-size:11px;color:#ff955f;display:flex;align-items:center;gap:5px}.hvy-section-head>a .hvy-icon{width:14px;height:14px}.hvy-rail-tools{display:flex;align-items:center;gap:7px}.hvy-rail-tools button{width:31px;height:31px;border:1px solid var(--hvy-line);border-radius:9px;background:rgba(255,255,255,.025);color:#c7cdd6;display:grid;place-items:center;cursor:pointer}.hvy-rail-tools button .hvy-icon{width:15px;height:15px}.hvy-rail-tools button.is-next .hvy-icon{transform:rotate(180deg)}
.hvy-category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.hvy-category{min-height:92px;border-radius:16px;padding:16px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;box-shadow:none;transition:.22s}.hvy-category:hover{transform:translateY(-3px);border-color:rgba(255,77,0,.22);box-shadow:var(--hvy-glow)}.hvy-category-icon{width:42px;height:42px;border-radius:13px;background:rgba(255,77,0,.09);display:grid;place-items:center;font-size:22px}.hvy-category div{display:flex;flex-direction:column;min-width:0}.hvy-category b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hvy-category small{font-size:9px;color:#8992a0;margin-top:5px}.hvy-category>.hvy-icon{width:15px;height:15px;color:#666f7c}

/* Product cards */
.hvy-product-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(205px,1fr);grid-template-rows:1fr;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding:2px 1px 9px}.hvy-product-rail::-webkit-scrollbar{display:none}.hvy-product-rail.is-compact{grid-auto-columns:minmax(190px,1fr)}
.hvy-product-card{scroll-snap-align:start;border:1px solid var(--hvy-line);border-radius:17px;background:linear-gradient(165deg,rgba(24,31,41,.92),rgba(12,17,24,.92));overflow:hidden;min-width:0;transition:.24s;box-shadow:0 13px 34px rgba(0,0,0,.18)}.hvy-product-card:hover{transform:translateY(-4px);border-color:rgba(255,77,0,.28);box-shadow:0 18px 42px rgba(0,0,0,.32),0 0 22px rgba(255,77,0,.07)}.hvy-product-media-wrap{height:205px;position:relative;overflow:hidden;background:#0a0e14}.hvy-product-media{display:block;width:100%;height:100%}.hvy-product-media img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.hvy-product-card:hover .hvy-product-media img{transform:scale(1.045)}.hvy-product-topline{position:absolute;inset:9px 9px auto 9px;display:flex;align-items:center;justify-content:space-between;direction:ltr}.hvy-platform{background:rgba(4,7,10,.72);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.11);border-radius:8px;color:#fff;font-size:9px;padding:5px 8px}.hvy-icon-btn{width:31px;height:31px;border:1px solid rgba(255,255,255,.13);background:rgba(5,8,12,.66);color:#fff;border-radius:9px;display:grid;place-items:center;padding:0;cursor:pointer}.hvy-icon-btn .hvy-icon{width:16px;height:16px}.hvy-wishlist.is-active{color:#ff6a6a;background:rgba(117,12,20,.55);border-color:rgba(255,90,90,.35)}.hvy-wishlist.is-active .hvy-icon{fill:currentColor}.hvy-sale-pill{position:absolute;right:9px;bottom:9px;border-radius:7px;padding:4px 7px;background:#df3434;color:#fff;font-size:9px;font-weight:800}.hvy-product-body{padding:13px}.hvy-product-body h3{font-size:13px;line-height:1.55;margin:0 0 8px;height:40px;overflow:hidden}.hvy-product-body h3 a{color:#f7f8fa}.hvy-product-meta{min-height:20px;display:flex;align-items:center;justify-content:space-between;gap:7px;font-size:9px;color:#8e97a4}.hvy-rating{color:#ffad42}.hvy-rating small{color:#7f8895}.hvy-delivery{display:flex;align-items:center;gap:4px}.hvy-delivery .hvy-icon{width:12px;height:12px;color:#79d788}.hvy-price{font-size:13px;font-weight:800;margin-top:8px;min-height:30px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.hvy-price ins{text-decoration:none}.hvy-price del{font-size:9px;opacity:.38;font-weight:500}.hvy-card-foot{border-top:1px solid var(--hvy-line);margin-top:7px;padding-top:9px;display:flex;align-items:center;justify-content:space-between}.hvy-reward{font-size:10px;color:#ff9f6e;display:flex;align-items:center;gap:5px}.hvy-mini-cart{width:34px;height:31px;border:1px solid rgba(255,77,0,.26);border-radius:9px;background:rgba(255,77,0,.09);color:#ff8e51;display:grid;place-items:center;padding:0;cursor:pointer;transition:.2s}.hvy-mini-cart .hvy-icon{width:16px;height:16px}.hvy-mini-cart:hover,.hvy-mini-cart.is-added{background:var(--hvy-orange);color:#fff;border-color:var(--hvy-orange)}.hvy-mini-cart.is-loading{opacity:.55;pointer-events:none}.hvy-product-card.is-compact .hvy-product-media-wrap{height:165px}

/* Community */
.hvy-community-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-top:31px}.hvy-club-card,.hvy-faction-card{min-height:225px;border-radius:21px;padding:27px;position:relative;overflow:hidden}.hvy-club-card{display:flex;align-items:center;justify-content:space-between;background:radial-gradient(circle at 12% 0,rgba(255,77,0,.22),transparent 39%),linear-gradient(145deg,rgba(35,27,27,.88),rgba(15,18,26,.85));border-color:rgba(255,100,39,.16)}.hvy-club-card:after{content:"";position:absolute;inset:auto -70px -120px auto;width:300px;height:300px;border-radius:50%;background:rgba(255,77,0,.08);filter:blur(10px)}.hvy-community-copy{max-width:66%;position:relative;z-index:2}.hvy-kicker{font-size:10px;color:#ff955f}.hvy-community-grid h2{font-size:24px;margin:6px 0 9px}.hvy-community-grid p{color:#9ca4af;line-height:1.9;font-size:12px;margin:0 0 18px}.hvy-club-art{width:180px;height:170px;position:relative;display:grid;place-items:center;z-index:2}.hvy-club-art span{font-size:82px;filter:drop-shadow(0 16px 22px rgba(0,0,0,.35))}.hvy-club-art i{position:absolute;left:4px;bottom:12px;font-style:normal;font-size:45px;transform:rotate(-12deg)}.hvy-faction-card{background:radial-gradient(circle at 90% 10%,rgba(100,56,187,.18),transparent 42%),linear-gradient(145deg,rgba(28,23,42,.88),rgba(13,18,25,.88));display:flex;flex-direction:column;justify-content:space-between}.hvy-faction-pills{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.hvy-faction-pills a{height:34px;padding:0 13px;border-radius:10px;border:1px solid rgba(146,103,255,.22);background:rgba(94,55,155,.11);display:flex;align-items:center;font-size:10px;color:#d7c9ff;transition:.2s}.hvy-faction-pills a:hover{border-color:rgba(255,77,0,.35);color:#fff}
.hvy-final-grid{display:grid;grid-template-columns:1fr 330px;gap:14px;margin-top:31px}.hvy-final-card,.hvy-support-card{border-radius:20px;padding:24px}.hvy-final-card{display:flex;align-items:center;justify-content:space-between;gap:25px;background:linear-gradient(100deg,rgba(22,28,38,.88),rgba(34,20,14,.72));border-color:rgba(255,77,0,.15)}.hvy-final-card h2{margin:5px 0 4px;font-size:20px}.hvy-final-card p{margin:0;color:#8e97a4;font-size:11px}.hvy-support-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px}.hvy-support-card>.hvy-icon{color:#ff8c52}.hvy-support-card div{display:flex;flex-direction:column}.hvy-support-card b{font-size:13px}.hvy-support-card span{font-size:10px;color:#8c95a2;margin-top:3px}.hvy-support-card a{font-size:10px;color:#ff9159}


/* Footer */
.hvy-toast{position:fixed;z-index:9999;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#172019;border:1px solid rgba(84,220,115,.22);color:#d9ffe1;padding:11px 16px;border-radius:12px;box-shadow:0 15px 40px rgba(0,0,0,.35);font-size:11px;transition:.25s}.hvy-toast.is-visible{opacity:1;transform:translate(-50%,0)}.hvy-toast.is-error{background:#2a1516;border-color:rgba(255,90,90,.25);color:#ffd7d7}

@media (max-width:1200px){
  .hvy-top-grid{grid-template-columns:240px minmax(0,1fr)}.hvy-hot-card{display:none}.hvy-category-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:960px){
  .hvy-top-grid{grid-template-columns:1fr}.hvy-hero{grid-row:1;min-height:440px}.hvy-status-card{grid-row:2;min-height:unset}.hvy-hero-content{width:68%;right:28px}.hvy-hero h1{font-size:34px}.hvy-trust-row{grid-template-columns:repeat(2,1fr)}.hvy-community-grid{grid-template-columns:1fr}.hvy-final-grid{grid-template-columns:1fr}.hvy-product-rail{grid-auto-columns:minmax(190px,42vw)}
}
@media (max-width:640px){
  body.havyj-ui-shell{padding-bottom:0}.hvy-shell{width:calc(100% - 24px);padding-top:12px}.hvy-hero{min-height:440px}.hvy-hero-slide{background-position:center}.hvy-hero-overlay{background:linear-gradient(0deg,rgba(8,11,16,.97) 3%,rgba(8,11,16,.63) 46%,rgba(8,11,16,.08) 78%),linear-gradient(90deg,rgba(8,11,16,.15),rgba(8,11,16,.2))}.hvy-hero-content{right:18px;left:18px;top:auto;bottom:30px;transform:none;width:auto}.hvy-hero h1{font-size:28px;margin:10px 0 8px}.hvy-hero p{font-size:11px;line-height:1.75;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hvy-hero-price-row{margin-top:10px}.hvy-hero-actions{margin-top:13px}.hvy-hero-actions .hvy-btn{flex:1;padding-inline:9px}.hvy-hero-thumbs{display:none}.hvy-hero-dots{bottom:14px;left:50%;right:auto;transform:translateX(-50%)}.hvy-status-card{padding:17px}.hvy-balance{margin-top:15px}.hvy-balance strong{font-size:26px}.hvy-trust-row{display:flex;overflow-x:auto;scrollbar-width:none;gap:9px;margin-bottom:22px}.hvy-trust-row::-webkit-scrollbar{display:none}.hvy-trust{flex:0 0 155px;min-height:66px;padding:12px}.hvy-trust small{font-size:8px}.hvy-section{margin-top:25px}.hvy-section-head{align-items:center}.hvy-section-head h2{font-size:18px}.hvy-section-head span{font-size:9px}.hvy-rail-tools button{display:none}.hvy-category-grid{display:flex;overflow-x:auto;scrollbar-width:none;gap:9px}.hvy-category-grid::-webkit-scrollbar{display:none}.hvy-category{flex:0 0 165px;min-height:76px;padding:12px}.hvy-category-icon{width:36px;height:36px;font-size:18px}.hvy-product-rail,.hvy-product-rail.is-compact{grid-auto-columns:minmax(165px,46vw);gap:9px}.hvy-product-media-wrap,.hvy-product-card.is-compact .hvy-product-media-wrap{height:165px}.hvy-product-body{padding:10px}.hvy-product-body h3{font-size:11px;height:34px}.hvy-product-meta{font-size:8px}.hvy-price{font-size:11px}.hvy-reward{font-size:8px}.hvy-community-grid{gap:10px}.hvy-club-card,.hvy-faction-card{padding:19px;min-height:195px}.hvy-community-grid h2{font-size:19px}.hvy-community-grid p{font-size:10px;line-height:1.8}.hvy-community-copy{max-width:68%}.hvy-club-art{width:115px;height:130px}.hvy-club-art span{font-size:61px}.hvy-club-art i{font-size:34px}.hvy-final-card{align-items:flex-start;flex-direction:column}.hvy-final-card h2{font-size:17px}.hvy-support-card{padding:18px}.hvy-toast{bottom:24px}
}
@media (prefers-reduced-motion:reduce){.hvy-hero-slide,.hvy-product-card,.hvy-category,.hvy-btn{transition:none!important}}

/* v0.2.3 hero-layout refinement */
.hvy-home-top{display:grid;grid-template-columns:280px minmax(0,1fr);gap:16px;align-items:start;margin-bottom:22px}
.hvy-side-stack,.hvy-main-stack{display:flex;flex-direction:column;gap:14px}
.hvy-home-top .hvy-status-card{min-height:0;padding:20px 18px;background:linear-gradient(180deg,rgba(16,20,30,.92),rgba(12,15,23,.88));border-radius:24px}
.hvy-status-card .hvy-panel-head{margin-bottom:14px}
.hvy-balance-row{display:flex;align-items:center;justify-content:space-between}
.hvy-balance{margin-top:0;display:flex;align-items:center;gap:10px}.hvy-balance strong{font-size:26px;line-height:1}.hvy-carrot-mark{font-size:28px}
.hvy-status-sep{height:1px;background:rgba(255,255,255,.08);margin:16px 0}
.hvy-level-card{padding-top:0}
.hvy-home-top .hvy-trust-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin:0}
.hvy-home-top .hvy-trust{min-height:78px;padding:16px 15px;border-radius:18px}
.hvy-home-top .hvy-trust div{gap:3px}
.hvy-home-top .hvy-trust b{font-size:12px}
.hvy-home-top .hvy-trust small{font-size:10px;line-height:1.5}
.hvy-side-banner,.hvy-side-faction{border-radius:24px;padding:18px;position:relative;overflow:hidden}
.hvy-side-banner{min-height:158px;display:flex;align-items:center;justify-content:space-between;background:radial-gradient(circle at 18% 0,rgba(255,77,0,.22),transparent 42%),linear-gradient(145deg,rgba(42,28,20,.95),rgba(18,18,26,.92));border:1px solid rgba(255,123,53,.18)}
.hvy-side-banner-copy{max-width:62%}.hvy-side-banner-copy h3{margin:6px 0 8px;font-size:26px}.hvy-side-banner-copy p{margin:0 0 12px;color:#9ea6b2;font-size:11px;line-height:1.85}.hvy-side-banner-art{font-size:76px;filter:drop-shadow(0 18px 26px rgba(0,0,0,.32))}
.hvy-side-faction{min-height:188px;background:radial-gradient(circle at 100% 0,rgba(136,41,198,.18),transparent 44%),linear-gradient(145deg,rgba(22,18,30,.96),rgba(13,16,24,.92));border:1px solid rgba(137,88,255,.14)}
.hvy-side-faction-head h3{margin:6px 0 8px;font-size:24px}.hvy-side-faction-head p{margin:0 0 14px;color:#9ea6b2;font-size:11px;line-height:1.8}
.hvy-side-faction-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hvy-side-faction-grid a{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);border-radius:18px;padding:14px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:108px;color:#fff;transition:.2s}.hvy-side-faction-grid a span{font-size:36px}.hvy-side-faction-grid a b{font-size:13px}.hvy-side-faction-grid a small{font-size:10px;color:#a6adba}.hvy-side-faction-grid a.is-rabbit{background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(93,65,145,.12))}.hvy-side-faction-grid a.is-wolf{background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(163,34,60,.12))}.hvy-side-faction-grid a:hover{transform:translateY(-1px);border-color:rgba(255,77,0,.24)}
.hvy-home-top .hvy-hero{min-height:390px}
.hvy-home-top .hvy-hero h1{font-size:42px;line-height:1.4;margin:18px 0 10px}.hvy-home-top .hvy-hero p{font-size:15px;line-height:1.9;max-width:620px}.hvy-home-top .hvy-hero-content{right:46px;width:min(560px,62%)}
.hvy-home-top .hvy-hero-thumb{width:72px;height:58px;border-radius:14px}
.hvy-home-top .hvy-hero-actions .hvy-btn{min-height:52px;padding:0 24px;font-size:14px}
.hvy-home-top .hvy-hero-price{font-size:21px}
.hvy-home-top .hvy-hero-reward{font-size:12px;padding:7px 12px}
.hvy-hot-card{display:none!important}

@media (max-width:1199px){
  .hvy-home-top{grid-template-columns:250px minmax(0,1fr)}
  .hvy-home-top .hvy-hero h1{font-size:42px}
  .hvy-home-top .hvy-trust-row{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:980px){
  .hvy-home-top{grid-template-columns:1fr}
  .hvy-main-stack{order:1}.hvy-side-stack{order:2}
  .hvy-home-top .hvy-trust-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hvy-side-banner-copy{max-width:70%}
  .hvy-side-faction-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
  .hvy-home-top{gap:12px}.hvy-main-stack,.hvy-side-stack{gap:12px}
  .hvy-home-top .hvy-hero{min-height:460px}
  .hvy-home-top .hvy-hero h1{font-size:34px}.hvy-home-top .hvy-hero p{font-size:12px;line-height:1.8}
  .hvy-home-top .hvy-hero-content{right:18px;left:18px;bottom:30px;top:auto;transform:none;width:auto}
  .hvy-home-top .hvy-trust-row{display:flex;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.hvy-home-top .hvy-trust-row::-webkit-scrollbar{display:none}.hvy-home-top .hvy-trust{flex:0 0 170px}
  .hvy-side-banner,.hvy-side-faction{padding:16px;border-radius:20px}
  .hvy-side-banner-copy h3,.hvy-side-faction-head h3{font-size:20px}
  .hvy-side-banner-art{font-size:54px}
  .hvy-side-faction-grid a{min-height:98px}
}

/* v0.2.6 — subtle trust icon glow only */
.hvy-home-top .hvy-trust>.hvy-icon,
.hvy-home-top .hvy-trust .hvy-trust-icon{
  color:var(--hvy-orange2);
  filter:drop-shadow(0 0 5px rgba(255,116,23,.52)) drop-shadow(0 0 13px rgba(255,77,0,.18));
}


/* v0.2.7 — status card matched to approved reference */
.hvy-home-top .hvy-status-card{
  min-height:0;
  padding:22px 20px 18px;
  border-radius:25px;
  direction:rtl;
  text-align:right;
  background:radial-gradient(circle at 22% 20%,rgba(255,105,25,.075),transparent 30%),linear-gradient(180deg,rgba(17,21,29,.96),rgba(12,16,23,.96));
  border:1px solid rgba(95,118,151,.17);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 16px 42px rgba(0,0,0,.24);
}
.hvy-status-title{color:#f3f4f6;font-size:15px;font-weight:800;line-height:1.4;margin-bottom:20px}
.hvy-status-balance-row{direction:ltr;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:13px;min-height:58px}
.hvy-status-balance-label{color:#ff9b22;font-size:17px;font-weight:900;text-shadow:0 0 8px rgba(255,111,20,.34),0 0 20px rgba(255,77,0,.12)}
.hvy-status-balance-number{color:#fff;font-size:37px;line-height:1;font-weight:900;letter-spacing:.2px;text-shadow:0 2px 10px rgba(0,0,0,.48);white-space:nowrap}
.hvy-status-carrot-icon{width:46px;height:46px;display:grid;place-items:center;filter:drop-shadow(0 0 7px rgba(255,112,25,.44)) drop-shadow(0 0 18px rgba(255,77,0,.16))}
.hvy-status-carrot-icon svg{display:block;width:46px;height:46px}
.hvy-status-plus{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#ff9b28!important;font-size:25px;font-weight:500;line-height:1;background:linear-gradient(180deg,rgba(69,45,25,.94),rgba(49,34,22,.94));border:1px solid rgba(255,139,55,.13);box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 0 18px rgba(255,87,0,.08);transition:.18s ease}
.hvy-status-plus:hover{color:#ffb15c!important;border-color:rgba(255,139,55,.28);box-shadow:0 0 18px rgba(255,87,0,.14);transform:translateY(-1px)}
.hvy-status-sep{height:1px;margin:18px 0 16px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.075) 12%,rgba(255,255,255,.075) 88%,transparent)}
.hvy-status-level-row{direction:ltr;display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:16px}
.hvy-status-number-level{display:flex;flex-direction:column;align-items:flex-start;line-height:1}
.hvy-status-number-level span{color:#8e97a6;font-size:13px;margin-bottom:6px}
.hvy-status-number-level strong{color:#f4f5f7;font-size:31px;font-weight:900;line-height:1}
.hvy-status-named-level{direction:rtl;display:flex;align-items:center;justify-content:flex-start;gap:13px;min-width:0}
.hvy-status-named-level b{color:#f1eee8;font-size:16px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hvy-status-badge-image,.hvy-status-badge-fallback{width:58px;height:58px;min-width:58px;display:grid;place-items:center;border-radius:50%;filter:drop-shadow(0 0 8px rgba(255,194,62,.34)) drop-shadow(0 0 18px rgba(255,153,20,.16))}
.hvy-status-badge-image img{display:block;width:58px;height:58px;object-fit:contain}
.hvy-status-badge-fallback svg{display:block;width:58px;height:58px}
.hvy-status-xp-row{direction:ltr;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;margin-top:18px}
.hvy-status-xp-pill{width:38px;height:28px;border-radius:11px;display:grid;place-items:center;color:#f1a23e;font-size:12px;font-weight:900;background:rgba(45,33,22,.86);border:1px solid rgba(255,137,38,.20);box-shadow:0 0 9px rgba(255,101,14,.13),inset 0 1px 0 rgba(255,255,255,.02)}
.hvy-status-xp-track{position:relative;height:10px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.07);box-shadow:inset 0 1px 3px rgba(0,0,0,.32)}
.hvy-status-xp-track i{display:block;height:100%;min-width:0;border-radius:inherit;background:linear-gradient(90deg,#ff5c00,#ff9a19);box-shadow:0 0 8px rgba(255,87,0,.66),0 0 16px rgba(255,87,0,.22)}
.hvy-status-xp-next{margin-top:9px;color:#d7dbe2;font-size:12px;font-weight:600;line-height:1.5;text-align:right;direction:rtl}
.hvy-status-club-button{min-height:50px;margin-top:18px;padding:0 18px;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:10px;color:#f0a13b!important;font-size:14px;font-weight:800;background:linear-gradient(180deg,rgba(52,34,22,.35),rgba(35,27,22,.26));border:1px solid rgba(255,127,31,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.018),0 0 18px rgba(255,89,0,.035);transition:.18s ease}
.hvy-status-club-button:hover{color:#ffb65d!important;border-color:rgba(255,127,31,.30);box-shadow:0 0 20px rgba(255,89,0,.08)}
.hvy-status-club-crown{width:21px;height:21px;flex:0 0 21px;filter:drop-shadow(0 0 5px rgba(255,112,25,.26))}
@media(max-width:767px){
  .hvy-home-top .hvy-status-card{padding:18px 16px 16px}
  .hvy-status-balance-row{gap:9px;grid-template-columns:auto minmax(0,1fr) auto auto}
  .hvy-status-balance-number{font-size:31px}
  .hvy-status-balance-label{font-size:15px}
  .hvy-status-carrot-icon,.hvy-status-carrot-icon svg{width:40px;height:40px}
  .hvy-status-plus{width:35px;height:35px}
  .hvy-status-level-row{grid-template-columns:62px minmax(0,1fr);gap:11px}
  .hvy-status-number-level strong{font-size:28px}
  .hvy-status-badge-image,.hvy-status-badge-fallback,.hvy-status-badge-image img,.hvy-status-badge-fallback svg{width:52px;height:52px;min-width:52px}
  .hvy-status-named-level b{font-size:14px}
}


/* v0.2.8 — status card proportion/order refinements */
.hvy-shell{
  width:min(1600px,calc(100% - 48px));
}
.hvy-home-top{
  grid-template-columns:330px minmax(0,1fr);
}
.hvy-home-top .hvy-status-card{
  aspect-ratio:1/1;
  min-height:330px;
  width:100%;
  padding:20px 18px 16px;
}
.hvy-status-title{
  margin-bottom:16px;
}
.hvy-status-balance-row{
  grid-template-columns:auto minmax(0,1fr) auto auto;
  gap:10px;
  min-height:52px;
}
.hvy-status-balance-value{
  display:flex;
  align-items:flex-end;
  gap:7px;
  min-width:0;
  white-space:nowrap;
}
.hvy-status-balance-number{
  font-size:33px;
}
.hvy-status-balance-unit{
  color:#a7afb9;
  font-size:10px;
  font-weight:700;
  line-height:1.2;
  padding-bottom:3px;
}
.hvy-status-carrot-icon,
.hvy-status-carrot-icon svg{
  width:43px;
  height:43px;
}
.hvy-status-carrot-icon{
  filter:drop-shadow(0 0 6px rgba(255,104,24,.52)) drop-shadow(0 0 15px rgba(255,77,0,.18));
}
.hvy-status-plus{
  width:32px;
  height:32px;
  font-size:21px;
}
.hvy-status-sep{
  margin:15px 0 13px;
}
.hvy-status-level-row{
  grid-template-columns:64px minmax(0,1fr);
  gap:13px;
}
.hvy-status-number-level strong{
  font-size:27px;
}
.hvy-status-number-level span{
  font-size:12px;
}
.hvy-status-named-level{
  direction:ltr;
  justify-content:flex-start;
  gap:10px;
}
.hvy-status-named-level b{
  direction:rtl;
  text-align:right;
  font-size:15px;
}
.hvy-status-badge-image,
.hvy-status-badge-fallback,
.hvy-status-badge-image img,
.hvy-status-badge-fallback svg{
  width:54px;
  height:54px;
  min-width:54px;
}
.hvy-status-xp-row{
  margin-top:14px;
}
.hvy-status-xp-next{
  margin-top:7px;
}
.hvy-status-club-button{
  min-height:46px;
  margin-top:14px;
  direction:ltr;
  gap:8px;
}
.hvy-status-club-button span{
  direction:rtl;
}
.hvy-status-club-crown{
  width:19px;
  height:19px;
  flex:0 0 19px;
}

@media(max-width:1199px){
  .hvy-shell{width:min(1520px,calc(100% - 36px))}
  .hvy-home-top{grid-template-columns:300px minmax(0,1fr)}
  .hvy-home-top .hvy-status-card{min-height:300px}
}
@media(max-width:980px){
  .hvy-home-top{grid-template-columns:1fr}
  .hvy-home-top .hvy-status-card{aspect-ratio:auto;min-height:0}
}


/* v0.2.9 — status card RTL/order + exact carrot reference */
.hvy-status-balance-row{
  direction:rtl!important;
  grid-template-columns:32px 44px minmax(0,1fr) auto!important;
  grid-template-areas:"plus carrot value label"!important;
  column-gap:10px!important;
  align-items:center!important;
}
.hvy-status-plus{
  grid-area:plus!important;
  justify-self:end!important;
  width:30px!important;
  height:30px!important;
  font-size:19px!important;
}
.hvy-status-carrot-icon{
  grid-area:carrot!important;
  width:44px!important;
  height:44px!important;
  display:grid!important;
  place-items:center!important;
  filter:drop-shadow(0 0 6px rgba(255,104,24,.46)) drop-shadow(0 0 14px rgba(255,77,0,.14))!important;
}
.hvy-status-carrot-icon img{
  display:block!important;
  width:44px!important;
  height:44px!important;
  object-fit:contain!important;
}
.hvy-status-balance-value{
  grid-area:value!important;
  direction:rtl!important;
  justify-self:end!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:baseline!important;
  justify-content:flex-start!important;
  gap:6px!important;
  min-width:0!important;
  white-space:nowrap!important;
  text-align:right!important;
}
.hvy-status-balance-label{
  grid-area:label!important;
  justify-self:start!important;
  direction:rtl!important;
  text-align:right!important;
}
.hvy-status-balance-number{
  display:inline-block!important;
  direction:ltr!important;
  unicode-bidi:isolate!important;
  font-size:30px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:0!important;
  font-variant-numeric:tabular-nums!important;
  transform:none!important;
  margin:0!important;
  padding:0!important;
}
.hvy-status-balance-unit{
  direction:rtl!important;
  display:inline-block!important;
  padding:0!important;
  margin:0!important;
  font-size:10px!important;
  line-height:1.2!important;
  align-self:center!important;
  color:#a7afb9!important;
}

/* Badge first on the physical right, then the level name. */
.hvy-status-named-level{
  direction:rtl!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  text-align:right!important;
}
.hvy-status-named-level b{
  direction:rtl!important;
  text-align:right!important;
  margin:0!important;
}

/* "سطح" and its numeric level centered as one compact vertical unit. */
.hvy-status-number-level{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.hvy-status-number-level span{
  width:100%!important;
  text-align:center!important;
  margin:0 0 4px!important;
}
.hvy-status-number-level strong{
  width:100%!important;
  text-align:center!important;
  font-size:23px!important;
  line-height:1!important;
  font-weight:850!important;
}

/* Keep the XP explanation visually attached to its progress bar. */
.hvy-status-xp-next{
  margin-top:3px!important;
  margin-bottom:0!important;
  line-height:1.35!important;
}
.hvy-status-club-button{
  margin-top:18px!important;
}

/* Icon is the first item on the RIGHT, then the text. */
.hvy-status-club-button{
  direction:rtl!important;
  flex-direction:row!important;
  justify-content:center!important;
  gap:8px!important;
}
.hvy-status-club-button .hvy-status-club-crown{
  order:0!important;
}
.hvy-status-club-button span{
  order:1!important;
  direction:rtl!important;
}

/* Keep square card proportions from v0.2.8. */
.hvy-home-top .hvy-status-card{
  aspect-ratio:1/1!important;
}

@media(max-width:767px){
  .hvy-status-balance-row{
    grid-template-columns:30px 40px minmax(0,1fr) auto!important;
    column-gap:8px!important;
  }
  .hvy-status-carrot-icon,
  .hvy-status-carrot-icon img{
    width:40px!important;
    height:40px!important;
  }
  .hvy-status-balance-number{
    font-size:27px!important;
  }
  .hvy-status-number-level strong{
    font-size:21px!important;
  }
}


/* v0.2.10 — balance typography + vertical axis alignment */
.hvy-status-balance-row{
  direction:rtl!important;
  grid-template-columns:30px 44px auto 1fr!important;
  grid-template-areas:"plus carrot value label"!important;
  column-gap:8px!important;
}

/* Bring value group physically closer to the carrot icon. */
.hvy-status-balance-value{
  grid-area:value!important;
  justify-self:start!important;
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:4px!important;
  width:max-content!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  white-space:nowrap!important;
  direction:ltr!important;
}

/* Neutralize the skewed/falling appearance of the balance digits. */
.hvy-status-balance-number{
  display:inline-block!important;
  position:static!important;
  font-size:30px!important;
  line-height:1!important;
  font-style:normal!important;
  font-weight:800!important;
  font-stretch:normal!important;
  font-variant:normal!important;
  font-variant-numeric:lining-nums tabular-nums!important;
  letter-spacing:0!important;
  word-spacing:0!important;
  text-indent:0!important;
  text-align:left!important;
  vertical-align:middle!important;
  transform:none!important;
  rotate:none!important;
  translate:none!important;
  skew:none!important;
  margin:0!important;
  padding:0!important;
  unicode-bidi:isolate!important;
  direction:ltr!important;
}

.hvy-status-balance-unit{
  display:inline-block!important;
  align-self:center!important;
  font-size:10px!important;
  line-height:1!important;
  font-style:normal!important;
  font-weight:700!important;
  padding:0!important;
  margin:0!important;
  transform:none!important;
  direction:rtl!important;
}

/* "هویج" and "سطح" share the same right-side visual axis. */
.hvy-status-balance-label{
  grid-area:label!important;
  justify-self:end!important;
  width:64px!important;
  text-align:center!important;
  margin:0!important;
  padding:0!important;
}

.hvy-status-number-level{
  width:64px!important;
  min-width:64px!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  margin:0!important;
}

.hvy-status-number-level span,
.hvy-status-number-level strong{
  width:100%!important;
  text-align:center!important;
}

/* Match the same axis used by the top row. */
.hvy-status-level-row{
  grid-template-columns:64px minmax(0,1fr)!important;
}

/* Keep carrot/value visually grouped. */
.hvy-status-carrot-icon{
  margin-inline-start:0!important;
  margin-inline-end:0!important;
}
.hvy-status-carrot-icon + .hvy-status-plus{
  margin:0!important;
}

@media(max-width:767px){
  .hvy-status-balance-row{
    grid-template-columns:28px 40px auto 1fr!important;
    column-gap:7px!important;
  }
  .hvy-status-balance-label,
  .hvy-status-number-level{
    width:58px!important;
    min-width:58px!important;
  }
  .hvy-status-level-row{
    grid-template-columns:58px minmax(0,1fr)!important;
  }
  .hvy-status-balance-number{
    font-size:27px!important;
  }
}


/* v0.2.11 — balance order, badge glow animation, exact buy-carrot banner */

/* Physical layout matches the approved card: label | value | carrot | plus. */
.hvy-status-balance-row{
  direction:ltr!important;
  grid-template-columns:64px minmax(0,1fr) 44px 30px!important;
  grid-template-areas:"label value carrot plus"!important;
  column-gap:8px!important;
  align-items:center!important;
}
.hvy-status-balance-label{
  grid-area:label!important;
  justify-self:center!important;
  width:64px!important;
  text-align:center!important;
  direction:rtl!important;
}
.hvy-status-balance-value{
  grid-area:value!important;
  justify-self:end!important;
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:baseline!important;
  gap:4px!important;
  width:max-content!important;
  margin:0!important;
  padding:0!important;
  white-space:nowrap!important;
  direction:rtl!important;
}
.hvy-status-balance-number{
  order:0!important;
  direction:ltr!important;
  unicode-bidi:isolate!important;
}
.hvy-status-balance-unit{
  order:1!important;
  direction:rtl!important;
  margin:0!important;
  padding:0!important;
}
.hvy-status-carrot-icon{grid-area:carrot!important}
.hvy-status-plus{grid-area:plus!important}

/* Animated halo behind the YITH badge only — badge itself stays stable. */
.hvy-status-badge-image{
  position:relative!important;
  isolation:isolate!important;
}
.hvy-status-badge-image::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-10px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,197,66,.34) 0%,rgba(255,151,20,.16) 42%,rgba(255,111,0,0) 72%);
  filter:blur(5px);
  opacity:.42;
  transform:scale(.90);
  animation:hvy-status-badge-pulse 2.8s ease-in-out infinite;
  pointer-events:none;
}
@keyframes hvy-status-badge-pulse{
  0%,100%{opacity:.34;transform:scale(.90)}
  50%{opacity:.78;transform:scale(1.12)}
}
@media(prefers-reduced-motion:reduce){
  .hvy-status-badge-image::before{animation:none!important;opacity:.48!important;transform:none!important}
}

/* Buy carrot banner: same 473:223 reference proportion and visual hierarchy. */
.hvy-side-banner.hvy-glass{
  width:100%!important;
  min-height:0!important;
  aspect-ratio:473 / 223!important;
  padding:0!important;
  border-radius:24px!important;
  position:relative!important;
  overflow:hidden!important;
  display:block!important;
  background-color:#171218!important;
  background-image:url('../images/buy-carrot-banner-bg.png')!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  border:1px solid rgba(111,88,104,.28)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 14px 30px rgba(0,0,0,.22)!important;
}
.hvy-side-banner.hvy-glass::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(12,11,16,.42) 0%,rgba(14,11,16,.18) 44%,rgba(14,11,16,0) 68%);
}
.hvy-side-banner-copy{
  position:absolute!important;
  z-index:2!important;
  left:28px!important;
  top:28px!important;
  width:43%!important;
  max-width:none!important;
  direction:rtl!important;
  text-align:left!important;
}
.hvy-side-banner-copy h3{
  margin:0 0 10px!important;
  color:#ff981f!important;
  font-size:20px!important;
  line-height:1.15!important;
  font-weight:900!important;
  text-shadow:0 0 7px rgba(255,108,0,.24)!important;
}
.hvy-side-banner-copy p{
  margin:0!important;
  color:#eef0f3!important;
  font-size:13px!important;
  line-height:1.45!important;
  font-weight:700!important;
  white-space:nowrap!important;
}
.hvy-side-banner-button{
  width:172px!important;
  min-height:48px!important;
  margin-top:18px!important;
  padding:0 18px!important;
  border-radius:13px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:18px!important;
  direction:ltr!important;
  color:#f4f5f7!important;
  background:linear-gradient(180deg,rgba(105,62,31,.88),rgba(72,45,27,.92))!important;
  border:1px solid rgba(255,130,36,.24)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 7px 18px rgba(28,14,6,.22)!important;
  font-size:14px!important;
  font-weight:800!important;
  text-decoration:none!important;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
.hvy-side-banner-button:hover{
  color:#fff!important;
  border-color:rgba(255,141,47,.42)!important;
  box-shadow:0 0 18px rgba(255,91,0,.11),0 8px 20px rgba(28,14,6,.26)!important;
  transform:translateY(-1px)!important;
}
.hvy-side-banner-arrow{
  display:block!important;
  font-size:19px!important;
  line-height:1!important;
  opacity:.92!important;
}
.hvy-side-banner-button-text{
  direction:rtl!important;
  line-height:1!important;
}
.hvy-side-banner-art{display:none!important}

@media(max-width:1199px){
  .hvy-side-banner-copy{left:22px!important;top:23px!important;width:45%!important}
  .hvy-side-banner-copy h3{font-size:18px!important}
  .hvy-side-banner-copy p{font-size:12px!important}
  .hvy-side-banner-button{width:158px!important;min-height:44px!important;margin-top:14px!important}
}
@media(max-width:767px){
  .hvy-status-balance-row{
    grid-template-columns:58px minmax(0,1fr) 40px 28px!important;
    column-gap:7px!important;
  }
  .hvy-side-banner.hvy-glass{aspect-ratio:473 / 223!important}
  .hvy-side-banner-copy{left:18px!important;top:19px!important;width:46%!important}
  .hvy-side-banner-copy h3{font-size:16px!important;margin-bottom:6px!important}
  .hvy-side-banner-copy p{font-size:10px!important}
  .hvy-side-banner-button{width:135px!important;min-height:39px!important;margin-top:11px!important;padding:0 12px!important;gap:12px!important;font-size:12px!important}
}


/* v0.2.12 — clean carrot-banner artwork + smaller glass button */
.hvy-side-banner.hvy-glass{
  aspect-ratio:473 / 223!important;
  border-radius:24px!important;
  background-image:
    linear-gradient(90deg,rgba(10,10,15,.62) 0%,rgba(12,10,16,.34) 33%,rgba(12,10,16,.12) 55%,rgba(12,10,16,0) 72%),
    radial-gradient(circle at 16% 18%,rgba(255,112,35,.12),transparent 32%),
    url('../images/buy-carrot-banner-bg.png')!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  border:1px solid rgba(97,118,151,.16)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    inset 0 0 0 1px rgba(255,149,65,.03),
    0 14px 30px rgba(0,0,0,.22)!important;
}
.hvy-side-banner.hvy-glass::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:
    linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,0) 20%),
    radial-gradient(circle at 10% 50%,rgba(255,125,40,.06),transparent 30%);
}
.hvy-side-banner-copy{
  left:28px!important;
  top:24px!important;
  width:38%!important;
  text-align:left!important;
}
.hvy-side-banner-copy h3{
  margin:0 0 8px!important;
  color:#ff9a1f!important;
  font-size:18px!important;
  line-height:1.15!important;
  font-weight:900!important;
  text-shadow:0 0 10px rgba(255,109,20,.18)!important;
}
.hvy-side-banner-copy p{
  margin:0!important;
  color:#f2f4f8!important;
  font-size:12px!important;
  line-height:1.45!important;
  font-weight:700!important;
  white-space:nowrap!important;
  text-shadow:0 1px 4px rgba(0,0,0,.28)!important;
}
.hvy-side-banner-button{
  width:146px!important;
  min-height:40px!important;
  margin-top:14px!important;
  padding:0 14px!important;
  border-radius:14px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  direction:ltr!important;
  color:#f8f9fb!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.015)),
    linear-gradient(180deg,rgba(78,56,46,.36),rgba(46,34,28,.28))!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  border:1px solid rgba(255,156,72,.24)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 6px 18px rgba(16,11,12,.18),
    0 0 0 1px rgba(255,142,56,.05)!important;
  font-size:13px!important;
  font-weight:800!important;
  text-decoration:none!important;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease!important;
}
.hvy-side-banner-button:hover{
  color:#fff!important;
  border-color:rgba(255,154,72,.38)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02)),
    linear-gradient(180deg,rgba(88,60,46,.40),rgba(50,36,29,.30))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 8px 18px rgba(16,11,12,.22),
    0 0 14px rgba(255,111,20,.08)!important;
  transform:translateY(-1px)!important;
}
.hvy-side-banner-arrow{
  font-size:16px!important;
  line-height:1!important;
  opacity:.94!important;
}
.hvy-side-banner-button-text{
  direction:rtl!important;
  line-height:1!important;
}

@media(max-width:1199px){
  .hvy-side-banner-copy{left:23px!important;top:21px!important;width:40%!important}
  .hvy-side-banner-copy h3{font-size:17px!important}
  .hvy-side-banner-copy p{font-size:11px!important}
  .hvy-side-banner-button{width:138px!important;min-height:38px!important;padding:0 12px!important}
}
@media(max-width:767px){
  .hvy-side-banner-copy{left:18px!important;top:18px!important;width:42%!important}
  .hvy-side-banner-copy h3{font-size:15px!important;margin-bottom:6px!important}
  .hvy-side-banner-copy p{font-size:10px!important}
  .hvy-side-banner-button{
    width:126px!important;
    min-height:36px!important;
    margin-top:11px!important;
    padding:0 10px!important;
    gap:8px!important;
    font-size:12px!important;
  }
  .hvy-side-banner-arrow{font-size:15px!important}
}


/* v0.2.13 — editable carrot banner + compact true-glass CTA */
.hvy-side-banner.hvy-glass{
  background-image:
    linear-gradient(90deg,rgba(8,9,13,.64) 0%,rgba(10,9,14,.34) 35%,rgba(10,9,14,.08) 58%,rgba(10,9,14,0) 72%),
    radial-gradient(circle at 16% 20%,rgba(255,112,35,.08),transparent 30%),
    var(--hvy-side-banner-bg)!important;
}
.hvy-side-banner-copy{
  left:22px!important;
  top:24px!important;
  width:42%!important;
  max-width:42%!important;
  margin:0!important;
  padding:0!important;
  text-align:left!important;
}
.hvy-side-banner-copy h3{
  margin:0 0 7px!important;
  padding:0!important;
  font-size:17px!important;
  line-height:1.15!important;
}
.hvy-side-banner-copy p{
  margin:0!important;
  padding:0!important;
  font-size:11px!important;
  line-height:1.5!important;
}
.hvy-side-banner-button{
  width:auto!important;
  min-width:108px!important;
  max-width:122px!important;
  min-height:32px!important;
  height:32px!important;
  margin:11px 0 0!important;
  padding:0 10px!important;
  border-radius:10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  color:rgba(255,255,255,.94)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025)),
    rgba(44,35,34,.12)!important;
  backdrop-filter:blur(13px) saturate(128%)!important;
  -webkit-backdrop-filter:blur(13px) saturate(128%)!important;
  border:1px solid rgba(255,154,78,.22)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.09),
    inset 0 0 0 1px rgba(255,255,255,.012),
    0 4px 12px rgba(0,0,0,.12),
    0 0 9px rgba(255,99,17,.03)!important;
  font-size:10.5px!important;
  font-weight:800!important;
}
.hvy-side-banner-button:hover{
  color:#fff!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.035)),
    rgba(50,38,35,.16)!important;
  border-color:rgba(255,158,82,.36)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.11),
    0 5px 14px rgba(0,0,0,.15),
    0 0 11px rgba(255,100,15,.06)!important;
  transform:translateY(-1px)!important;
}
.hvy-side-banner-arrow{font-size:13px!important;line-height:1!important}
.hvy-side-banner-button-text{font-size:10.5px!important;line-height:1!important}

@media(max-width:1199px){
  .hvy-side-banner-copy{left:20px!important;top:21px!important;width:43%!important;max-width:43%!important}
  .hvy-side-banner-button{
    min-width:102px!important;
    max-width:116px!important;
    min-height:31px!important;
    height:31px!important;
    margin-top:9px!important;
    padding:0 9px!important;
    font-size:10px!important;
  }
}
@media(max-width:767px){
  .hvy-side-banner-copy{left:16px!important;top:17px!important;width:45%!important;max-width:45%!important}
  .hvy-side-banner-copy h3{font-size:14px!important;margin-bottom:5px!important}
  .hvy-side-banner-copy p{font-size:9px!important}
  .hvy-side-banner-button{
    min-width:92px!important;
    max-width:106px!important;
    min-height:29px!important;
    height:29px!important;
    margin-top:7px!important;
    padding:0 8px!important;
    border-radius:9px!important;
    gap:6px!important;
    font-size:9.25px!important;
  }
  .hvy-side-banner-arrow{font-size:11px!important}
  .hvy-side-banner-button-text{font-size:9.25px!important}
}


/* v0.2.14 — compact orange-glass arrow on Buy Carrot CTA */
.hvy-side-banner-arrow{
  width:17px!important;
  height:17px!important;
  min-width:17px!important;
  border-radius:7px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  font-size:0!important;
  color:#ff9b37!important;
  background:linear-gradient(180deg,rgba(255,139,51,.13),rgba(255,89,12,.06))!important;
  border:1px solid rgba(255,143,57,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 0 7px rgba(255,91,10,.08)!important;
  position:relative!important;
}
.hvy-side-banner-arrow::before{
  content:"";
  width:6px;
  height:6px;
  border-left:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;
  transform:rotate(45deg);
  margin-left:2px;
}
.hvy-side-banner-arrow::after{
  content:"";
  position:absolute;
  width:7px;
  height:1.5px;
  border-radius:999px;
  background:currentColor;
  left:5px;
  top:7px;
}

/* v0.2.14 — 3-faction Tribe card */
.hvy-side-faction.hvy-glass{
  width:100%!important;
  min-height:0!important;
  padding:18px 15px 14px!important;
  border-radius:24px!important;
  position:relative!important;
  overflow:hidden!important;
  direction:rtl!important;
  background:
    radial-gradient(circle at 8% 10%,rgba(91,69,164,.14),transparent 31%),
    radial-gradient(circle at 93% 18%,rgba(160,40,61,.09),transparent 28%),
    linear-gradient(145deg,rgba(17,20,33,.97),rgba(16,14,24,.96))!important;
  border:1px solid rgba(112,100,145,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 14px 30px rgba(0,0,0,.22)!important;
}
.hvy-side-faction.hvy-glass::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 16% 26%,rgba(255,255,255,.025),transparent 25%),linear-gradient(180deg,rgba(255,255,255,.012),transparent 22%);
}
.hvy-side-faction-head{
  position:relative!important;
  z-index:1!important;
  text-align:center!important;
  margin:0 0 13px!important;
}
.hvy-side-faction-head .hvy-kicker{display:none!important}
.hvy-side-faction-head h3{
  margin:0 0 6px!important;
  padding:0!important;
  color:#f2f3f7!important;
  font-size:15px!important;
  line-height:1.4!important;
  font-weight:850!important;
  text-align:center!important;
}
.hvy-side-faction-head p{
  margin:0!important;
  padding:0!important;
  color:#c3c8d1!important;
  font-size:10.5px!important;
  line-height:1.55!important;
  font-weight:600!important;
  text-align:center!important;
}
.hvy-side-faction-grid{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  margin:0!important;
  padding:0!important;
}
.hvy-side-faction-grid .hvy-faction-choice{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:2px 0 0!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#fff!important;
  cursor:pointer!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:5px!important;
  font:inherit!important;
  transition:transform .18s ease,opacity .18s ease!important;
}
.hvy-side-faction-grid .hvy-faction-choice:hover{transform:translateY(-1px)!important}
.hvy-side-faction-grid .hvy-faction-choice:not(.is-selected){opacity:.82!important}

.hvy-faction-avatar{
  width:61px!important;
  height:61px!important;
  border-radius:50%!important;
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
  background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.07),rgba(20,20,32,.82) 65%)!important;
  box-shadow:0 0 0 9px rgba(120,100,180,.06),0 0 16px rgba(120,100,180,.08)!important;
  transition:box-shadow .2s ease,transform .2s ease,filter .2s ease!important;
}
.hvy-faction-avatar::after{
  content:"";
  position:absolute;
  inset:-3px;
  border-radius:50%;
  border:1px solid transparent;
  transition:border-color .2s ease,box-shadow .2s ease!important;
}
.hvy-faction-choice.is-selected .hvy-faction-avatar{
  transform:scale(1.045)!important;
  filter:saturate(1.08)!important;
  box-shadow:0 0 0 9px rgba(255,255,255,.035),0 0 22px var(--hvy-faction-accent)!important;
}
.hvy-faction-choice.is-selected .hvy-faction-avatar::after{
  border-color:var(--hvy-faction-accent)!important;
  box-shadow:0 0 12px var(--hvy-faction-accent)!important;
}
.hvy-faction-avatar img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  border-radius:50%!important;
  object-fit:cover!important;
}
.hvy-faction-avatar-fallback{
  width:52px!important;
  height:52px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  font-size:32px!important;
  line-height:1!important;
  background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.08),rgba(255,255,255,.01) 65%)!important;
  filter:drop-shadow(0 7px 10px rgba(0,0,0,.25))!important;
}
.hvy-faction-choice b{
  display:block!important;
  max-width:92px!important;
  margin:2px 0 0!important;
  color:#e8ebf1!important;
  font-size:10.5px!important;
  line-height:1.35!important;
  font-weight:800!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  transition:color .18s ease,text-shadow .18s ease!important;
}
.hvy-faction-choice.is-selected b{
  color:var(--hvy-faction-accent)!important;
  text-shadow:0 0 8px var(--hvy-faction-accent)!important;
}
.hvy-faction-choice small{
  display:block!important;
  margin:0!important;
  color:#929aa7!important;
  font-size:8.5px!important;
  line-height:1.3!important;
  font-weight:600!important;
  text-align:center!important;
}
.hvy-faction-confirm{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:100%!important;
  min-height:38px!important;
  margin:15px 0 0!important;
  padding:0 13px!important;
  border-radius:11px!important;
  border:1px solid rgba(127,118,154,.18)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  direction:rtl!important;
  color:#e5e8ef!important;
  background:linear-gradient(90deg,rgba(51,61,82,.42),rgba(60,38,53,.34)),rgba(255,255,255,.018)!important;
  backdrop-filter:blur(10px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(10px) saturate(120%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 5px 14px rgba(0,0,0,.12)!important;
  font:inherit!important;
  font-size:10.5px!important;
  font-weight:750!important;
  cursor:pointer!important;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,opacity .18s ease!important;
}
.hvy-faction-confirm:hover{
  border-color:rgba(164,139,176,.28)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 6px 16px rgba(0,0,0,.15),0 0 12px rgba(140,87,154,.055)!important;
  transform:translateY(-1px)!important;
}
.hvy-faction-confirm:disabled{opacity:.58!important;cursor:wait!important;transform:none!important}
.hvy-faction-confirm.is-saved{border-color:rgba(104,210,134,.25)!important}
.hvy-faction-confirm-icon{
  width:18px!important;
  height:18px!important;
  flex:0 0 18px!important;
  color:#c6a2d4!important;
  filter:drop-shadow(0 0 5px rgba(173,102,192,.20))!important;
}
@media(max-width:1199px){
  .hvy-side-faction.hvy-glass{padding:16px 12px 13px!important}
  .hvy-faction-avatar{width:56px!important;height:56px!important}
  .hvy-faction-avatar-fallback{width:48px!important;height:48px!important;font-size:29px!important}
  .hvy-faction-choice b{font-size:10px!important}
}
@media(max-width:767px){
  .hvy-side-faction.hvy-glass{padding:16px 13px 13px!important}
  .hvy-side-faction-head h3{font-size:14px!important}
  .hvy-side-faction-head p{font-size:10px!important}
  .hvy-side-faction-grid{gap:5px!important}
  .hvy-faction-avatar{width:54px!important;height:54px!important}
  .hvy-faction-avatar-fallback{width:46px!important;height:46px!important;font-size:28px!important}
  .hvy-faction-choice b{font-size:9.5px!important;max-width:82px!important}
  .hvy-faction-choice small{font-size:8px!important}
  .hvy-faction-confirm{min-height:36px!important;margin-top:13px!important;font-size:10px!important}
}


/* v0.2.15 — faction confirm flow + permanent view button */
.hvy-faction-choice.is-guest-disabled{
  cursor:default!important;
}
.hvy-faction-choice.is-guest-disabled:hover{
  transform:none!important;
}
.hvy-faction-action-zone{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  margin-top:12px!important;
}
.hvy-faction-confirm[hidden]{
  display:none!important;
}
.hvy-faction-confirm{
  width:100%!important;
  min-height:34px!important;
  margin:0!important;
  border-radius:10px!important;
  color:#ffd7b5!important;
  background:
    linear-gradient(180deg,rgba(255,126,42,.10),rgba(255,87,12,.045)),
    rgba(255,255,255,.018)!important;
  border:1px solid rgba(255,137,55,.20)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 0 12px rgba(255,90,10,.045)!important;
}
.hvy-faction-confirm:hover{
  border-color:rgba(255,149,71,.32)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 0 14px rgba(255,90,10,.075)!important;
}
.hvy-faction-confirm-icon{
  color:#ff9d4e!important;
}

.hvy-faction-login-note{
  width:100%!important;
  min-height:34px!important;
  padding:8px 12px!important;
  border-radius:10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  direction:rtl!important;
  color:#aeb5c1!important;
  font-size:9.5px!important;
  line-height:1.5!important;
  background:rgba(255,255,255,.025)!important;
  border:1px solid rgba(255,255,255,.07)!important;
}

/* This is the always-visible navigation button, separate from confirming a choice. */
.hvy-faction-view-button{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  min-height:38px!important;
  margin-top:8px!important;
  padding:0 13px!important;
  border-radius:11px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  direction:rtl!important;
  color:#e5e8ef!important;
  text-decoration:none!important;
  background:
    linear-gradient(90deg,rgba(51,61,82,.42),rgba(60,38,53,.34)),
    rgba(255,255,255,.018)!important;
  backdrop-filter:blur(10px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(10px) saturate(120%)!important;
  border:1px solid rgba(127,118,154,.18)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 5px 14px rgba(0,0,0,.12)!important;
  font-size:10.5px!important;
  font-weight:750!important;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
.hvy-faction-view-button:hover{
  color:#fff!important;
  border-color:rgba(164,139,176,.28)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 6px 16px rgba(0,0,0,.15),
    0 0 12px rgba(140,87,154,.055)!important;
  transform:translateY(-1px)!important;
}
.hvy-faction-view-icon{
  width:18px!important;
  height:18px!important;
  flex:0 0 18px!important;
  color:#c6a2d4!important;
  filter:drop-shadow(0 0 5px rgba(173,102,192,.20))!important;
}

@media(max-width:767px){
  .hvy-faction-action-zone{margin-top:10px!important}
  .hvy-faction-confirm,
  .hvy-faction-login-note{min-height:32px!important}
  .hvy-faction-view-button{min-height:35px!important;margin-top:7px!important;font-size:10px!important}
}


/* v0.2.16 — real short arrow for Buy Carrot CTA */
.hvy-side-banner-arrow{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  padding:2px!important;
  border-radius:7px!important;
  display:block!important;
  color:#ff9a35!important;
  background:linear-gradient(180deg,rgba(255,139,51,.12),rgba(255,89,12,.05))!important;
  border:1px solid rgba(255,143,57,.14)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 0 7px rgba(255,91,10,.06)!important;
  overflow:visible!important;
}
.hvy-side-banner-arrow::before,
.hvy-side-banner-arrow::after{
  content:none!important;
  display:none!important;
}

/* v0.2.16 — Special Offers + Hot Deals under trust row */
.hvy-special-deals-section{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 286px!important;
  grid-template-areas:"offers hot"!important;
  gap:14px!important;
  direction:ltr!important;
  align-items:stretch!important;
  margin:0 0 28px!important;
}
.hvy-special-offers{
  grid-area:offers!important;
  min-width:0!important;
  direction:rtl!important;
}
.hvy-special-offers-head{
  min-height:34px!important;
  margin:0 0 9px!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:15px!important;
}
.hvy-special-offers-head>div{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:2px!important;
}
.hvy-special-offers-head span{
  color:#8e97a5!important;
  font-size:8.5px!important;
  line-height:1.3!important;
}
.hvy-special-offers-head h2{
  margin:0!important;
  color:#f5f6f8!important;
  font-size:16px!important;
  line-height:1.3!important;
  font-weight:850!important;
}
.hvy-special-offers-head a{
  color:#ff7f3a!important;
  font-size:9px!important;
  font-weight:750!important;
  white-space:nowrap!important;
  margin-top:4px!important;
  text-decoration:none!important;
}
.hvy-special-products{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:9px!important;
  min-width:0!important;
}
.hvy-special-products .hvy-product-card{
  border-radius:14px!important;
  min-width:0!important;
  box-shadow:0 8px 22px rgba(0,0,0,.16)!important;
}
.hvy-special-products .hvy-product-media-wrap,
.hvy-special-products .hvy-product-card.is-compact .hvy-product-media-wrap{
  height:132px!important;
}
.hvy-special-products .hvy-product-body{padding:9px 9px 8px!important}
.hvy-special-products .hvy-product-body h3{
  height:31px!important;
  margin-bottom:5px!important;
  font-size:9.5px!important;
  line-height:1.55!important;
}
.hvy-special-products .hvy-product-meta{
  min-height:15px!important;
  font-size:7.5px!important;
}
.hvy-special-products .hvy-delivery{display:none!important}
.hvy-special-products .hvy-price{
  min-height:23px!important;
  margin-top:4px!important;
  font-size:9.5px!important;
  gap:4px!important;
}
.hvy-special-products .hvy-price del{font-size:7px!important}
.hvy-special-products .hvy-card-foot{
  margin-top:4px!important;
  padding-top:6px!important;
}
.hvy-special-products .hvy-reward{
  font-size:7.5px!important;
  gap:3px!important;
}
.hvy-special-products .hvy-mini-cart{
  width:28px!important;
  height:27px!important;
  border-radius:8px!important;
}
.hvy-special-products .hvy-mini-cart .hvy-icon{
  width:13px!important;
  height:13px!important;
}
.hvy-special-products .hvy-icon-btn{
  width:25px!important;
  height:25px!important;
  border-radius:8px!important;
}
.hvy-special-products .hvy-icon-btn .hvy-icon{
  width:13px!important;
  height:13px!important;
}
.hvy-special-products .hvy-platform{
  padding:3px 5px!important;
  border-radius:6px!important;
  font-size:6.5px!important;
}
.hvy-special-products .hvy-product-topline{inset:6px 6px auto 6px!important}
.hvy-special-products .hvy-sale-pill{
  right:6px!important;
  bottom:6px!important;
  padding:3px 5px!important;
  font-size:7px!important;
}
.hvy-special-empty{
  min-height:220px!important;
  border:1px dashed rgba(255,255,255,.08)!important;
  border-radius:14px!important;
  display:grid!important;
  place-items:center!important;
  color:#7f8996!important;
  font-size:10px!important;
}

/* Hot deal sidebar */
.hvy-hot-deals{
  grid-area:hot!important;
  direction:rtl!important;
  min-width:0!important;
  padding:14px 12px 11px!important;
  border-radius:22px!important;
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 84% 12%,rgba(142,48,57,.14),transparent 34%),
    linear-gradient(150deg,rgba(29,22,29,.96),rgba(16,18,24,.96))!important;
  border:1px solid rgba(131,79,92,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 10px 26px rgba(0,0,0,.20)!important;
}
.hvy-hot-deals-head{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:6px!important;
  margin-bottom:9px!important;
}
.hvy-hot-deals-head h3{
  margin:0!important;
  color:#f4f2f3!important;
  font-size:14px!important;
  line-height:1.3!important;
  font-weight:850!important;
}
.hvy-hot-countdown-wrap{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
.hvy-hot-countdown-wrap>span{
  color:#9b9199!important;
  font-size:8px!important;
  white-space:nowrap!important;
}
.hvy-hot-countdown{
  direction:ltr!important;
  display:flex!important;
  align-items:flex-start!important;
  gap:4px!important;
}
.hvy-hot-countdown>div{
  min-width:28px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:2px!important;
}
.hvy-hot-countdown strong{
  width:28px!important;
  height:25px!important;
  border-radius:7px!important;
  display:grid!important;
  place-items:center!important;
  color:#f3f4f6!important;
  background:rgba(6,8,12,.72)!important;
  border:1px solid rgba(255,255,255,.055)!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:850!important;
}
.hvy-hot-countdown small{
  color:#7f8792!important;
  font-size:5.5px!important;
  line-height:1!important;
}
.hvy-hot-countdown i{
  color:#8c6f72!important;
  font-style:normal!important;
  font-size:11px!important;
  line-height:25px!important;
}
.hvy-hot-product-media{
  height:88px!important;
  position:relative!important;
  display:block!important;
  overflow:hidden!important;
  border-radius:12px!important;
  background:#0b0e14!important;
}
.hvy-hot-product-media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
.hvy-hot-discount{
  position:absolute!important;
  top:7px!important;
  right:7px!important;
  padding:4px 7px!important;
  border-radius:8px!important;
  color:#fff!important;
  background:#ef3d46!important;
  box-shadow:0 4px 12px rgba(178,24,34,.22)!important;
  font-size:9px!important;
  font-weight:900!important;
}
.hvy-hot-product-body{padding:8px 1px 0!important}
.hvy-hot-product-name{
  display:block!important;
  color:#e7e9ed!important;
  font-size:8.5px!important;
  line-height:1.45!important;
  font-weight:750!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-decoration:none!important;
}
.hvy-hot-price{
  min-height:24px!important;
  margin-top:4px!important;
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  flex-wrap:wrap!important;
  color:#f5f6f8!important;
  font-size:11px!important;
  font-weight:850!important;
}
.hvy-hot-price ins{text-decoration:none!important}
.hvy-hot-price del{
  order:-1!important;
  color:#7f8790!important;
  font-size:7px!important;
  font-weight:500!important;
  opacity:.6!important;
}
.hvy-hot-reward{
  min-height:25px!important;
  margin-top:4px!important;
  padding:0 8px!important;
  border-radius:8px!important;
  display:flex!important;
  align-items:center!important;
  color:#f09a4f!important;
  background:rgba(255,107,17,.055)!important;
  border:1px solid rgba(255,120,28,.09)!important;
  font-size:7.5px!important;
  font-weight:750!important;
}
.hvy-hot-all{
  min-height:32px!important;
  margin-top:8px!important;
  padding:0 10px!important;
  border-radius:10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  color:#d9dce2!important;
  background:linear-gradient(90deg,rgba(49,51,62,.40),rgba(70,40,48,.32))!important;
  border:1px solid rgba(143,86,101,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
  font-size:8px!important;
  font-weight:750!important;
  text-decoration:none!important;
}
.hvy-hot-all svg{
  width:15px!important;
  height:15px!important;
  color:#dcc5cc!important;
}
.hvy-hot-all:hover{
  color:#fff!important;
  border-color:rgba(172,103,119,.26)!important;
}

@media(max-width:1199px){
  .hvy-special-deals-section{grid-template-columns:minmax(0,1fr) 250px!important}
  .hvy-special-products{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .hvy-special-products .hvy-product-card:nth-child(5){display:none!important}
}
@media(max-width:980px){
  .hvy-special-deals-section{
    grid-template-columns:1fr!important;
    grid-template-areas:"offers" "hot"!important;
    direction:rtl!important;
  }
  .hvy-special-products{
    display:flex!important;
    overflow-x:auto!important;
    gap:9px!important;
    scrollbar-width:none!important;
  }
  .hvy-special-products::-webkit-scrollbar{display:none!important}
  .hvy-special-products .hvy-product-card,
  .hvy-special-products .hvy-product-card:nth-child(5){
    display:block!important;
    flex:0 0 175px!important;
  }
}
@media(max-width:640px){
  .hvy-special-deals-section{
    margin-bottom:22px!important;
    gap:12px!important;
  }
  .hvy-special-offers-head{margin-bottom:8px!important}
  .hvy-special-offers-head h2{font-size:15px!important}
  .hvy-special-products .hvy-product-card{flex-basis:162px!important}
  .hvy-special-products .hvy-product-media-wrap,
  .hvy-special-products .hvy-product-card.is-compact .hvy-product-media-wrap{
    height:125px!important;
  }
}


/* v0.2.17 — Special Offers is inside hvy-main-stack directly below hvy-trust-row */
.hvy-main-stack > .hvy-special-deals-section{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 270px!important;
  grid-template-areas:"offers hot"!important;
  gap:12px!important;
  direction:ltr!important;
  align-items:stretch!important;
}
.hvy-main-stack > .hvy-special-deals-section .hvy-special-offers{
  grid-area:offers!important;
  direction:rtl!important;
  min-width:0!important;
}
.hvy-main-stack > .hvy-special-deals-section .hvy-hot-deals{
  grid-area:hot!important;
  width:100%!important;
  min-width:0!important;
  align-self:stretch!important;
}
.hvy-main-stack{
  min-width:0!important;
}

/* Non-timed Woo sale/fallback: keep Hot Deals card populated without fake timer. */
.hvy-hot-live-label{
  min-height:25px!important;
  padding:0 9px!important;
  border-radius:8px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  color:#d6a6aa!important;
  background:rgba(143,47,59,.08)!important;
  border:1px solid rgba(181,67,80,.11)!important;
  font-size:7.5px!important;
  font-weight:700!important;
}
.hvy-hot-live-label span{
  width:6px!important;
  height:6px!important;
  border-radius:50%!important;
  background:#e84d58!important;
  box-shadow:0 0 7px rgba(232,77,88,.36)!important;
}

/* Fit five offer cards inside the main column beside the hot-deal card. */
.hvy-main-stack > .hvy-special-deals-section .hvy-special-products{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:8px!important;
}
.hvy-main-stack > .hvy-special-deals-section .hvy-special-products .hvy-product-media-wrap,
.hvy-main-stack > .hvy-special-deals-section .hvy-special-products .hvy-product-card.is-compact .hvy-product-media-wrap{
  height:118px!important;
}

@media(max-width:1350px){
  .hvy-main-stack > .hvy-special-deals-section{
    grid-template-columns:minmax(0,1fr) 235px!important;
  }
  .hvy-main-stack > .hvy-special-deals-section .hvy-special-products{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  .hvy-main-stack > .hvy-special-deals-section .hvy-special-products .hvy-product-card:nth-child(5){
    display:none!important;
  }
}
@media(max-width:980px){
  .hvy-main-stack > .hvy-special-deals-section{
    grid-template-columns:1fr!important;
    grid-template-areas:"offers" "hot"!important;
    gap:12px!important;
    direction:rtl!important;
  }
  .hvy-main-stack > .hvy-special-deals-section .hvy-special-products{
    display:flex!important;
    overflow-x:auto!important;
    gap:9px!important;
    scrollbar-width:none!important;
  }
  .hvy-main-stack > .hvy-special-deals-section .hvy-special-products::-webkit-scrollbar{
    display:none!important;
  }
  .hvy-main-stack > .hvy-special-deals-section .hvy-special-products .hvy-product-card,
  .hvy-main-stack > .hvy-special-deals-section .hvy-special-products .hvy-product-card:nth-child(5){
    display:block!important;
    flex:0 0 170px!important;
  }
}


/* v0.2.18 — Special Offers in one coherent glass box */
.hvy-main-stack > .hvy-special-deals-section .hvy-special-offers{
  padding:13px 12px 12px!important;
  border-radius:20px!important;
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 8% 8%,rgba(255,111,30,.045),transparent 28%),
    linear-gradient(160deg,rgba(19,25,34,.91),rgba(11,16,23,.89))!important;
  border:1px solid rgba(255,255,255,.075)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 10px 28px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}
.hvy-main-stack > .hvy-special-deals-section .hvy-special-offers::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.016),transparent 22%);
}

/* Compact round glass wishlist like the approved product-card reference. */
.hvy-special-products .hvy-icon-btn.hvy-wishlist{
  width:23px!important;
  height:23px!important;
  min-width:23px!important;
  min-height:23px!important;
  border-radius:50%!important;
  padding:0!important;
  color:rgba(255,255,255,.94)!important;
  background:rgba(8,11,16,.34)!important;
  border:1px solid rgba(255,255,255,.19)!important;
  backdrop-filter:blur(10px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(10px) saturate(120%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 3px 10px rgba(0,0,0,.15)!important;
}
.hvy-special-products .hvy-icon-btn.hvy-wishlist .hvy-icon{
  width:12px!important;
  height:12px!important;
}
.hvy-special-products .hvy-icon-btn.hvy-wishlist:hover{
  border-color:rgba(255,126,72,.36)!important;
  background:rgba(31,20,18,.34)!important;
}
.hvy-special-products .hvy-wishlist.is-active{
  color:#ff7066!important;
  background:rgba(95,24,24,.32)!important;
  border-color:rgba(255,103,92,.30)!important;
}

/* Product card footer: carrot/reward left, glass cart right. */
.hvy-special-products .hvy-card-foot{
  min-height:35px!important;
  margin-top:6px!important;
  padding:5px 5px 5px 7px!important;
  border-top:0!important;
  border-radius:10px!important;
  direction:ltr!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  background:
    linear-gradient(180deg,rgba(255,113,25,.075),rgba(255,90,10,.035)),
    rgba(34,27,24,.22)!important;
  border:1px solid rgba(255,124,34,.105)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 3px 10px rgba(0,0,0,.10)!important;
}
.hvy-special-products .hvy-reward{
  direction:ltr!important;
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  min-width:0!important;
  color:#ff9c43!important;
  font-size:7.5px!important;
  font-weight:750!important;
}
.hvy-special-products .hvy-reward-carrot{
  display:block!important;
  width:13px!important;
  height:13px!important;
  min-width:13px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 0 4px rgba(255,104,24,.26))!important;
}
.hvy-special-products .hvy-reward-copy{
  direction:rtl!important;
  white-space:nowrap!important;
  line-height:1!important;
}
.hvy-special-products .hvy-reward-copy strong{
  color:#ff9c43!important;
  font-size:7.5px!important;
  font-weight:800!important;
}
.hvy-special-products .hvy-mini-cart{
  width:28px!important;
  height:27px!important;
  min-width:28px!important;
  border-radius:9px!important;
  display:grid!important;
  place-items:center!important;
  color:#ff9a38!important;
  background:
    linear-gradient(180deg,rgba(255,141,48,.10),rgba(255,84,6,.045)),
    rgba(42,31,24,.26)!important;
  border:1px solid rgba(255,137,42,.16)!important;
  backdrop-filter:blur(9px)!important;
  -webkit-backdrop-filter:blur(9px)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 3px 10px rgba(0,0,0,.12)!important;
}
.hvy-special-products .hvy-mini-cart .hvy-icon{
  width:14px!important;
  height:14px!important;
}
.hvy-special-products .hvy-mini-cart:hover,
.hvy-special-products .hvy-mini-cart.is-added{
  color:#ffb45f!important;
  background:
    linear-gradient(180deg,rgba(255,147,54,.16),rgba(255,87,7,.07)),
    rgba(55,36,24,.30)!important;
  border-color:rgba(255,143,48,.28)!important;
}

/* v0.2.18 — Hot Deals: warm orange/brown, not red. */
.hvy-main-stack > .hvy-special-deals-section .hvy-hot-deals{
  padding:14px 12px 11px!important;
  border-radius:21px!important;
  background:
    radial-gradient(circle at 80% 8%,rgba(255,103,30,.11),transparent 33%),
    radial-gradient(circle at 15% 28%,rgba(138,74,36,.08),transparent 30%),
    linear-gradient(155deg,rgba(29,25,25,.97),rgba(16,18,22,.97))!important;
  border:1px solid rgba(255,120,53,.12)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 10px 27px rgba(0,0,0,.20),
    0 0 22px rgba(255,85,11,.025)!important;
}
.hvy-hot-deals-head{
  align-items:center!important;
  text-align:center!important;
  gap:7px!important;
  margin-bottom:10px!important;
}
.hvy-hot-deals-head h3{
  width:100%!important;
  text-align:center!important;
  color:#f5f2ef!important;
  font-size:14px!important;
}
.hvy-hot-countdown-wrap{
  width:100%!important;
  justify-content:center!important;
  gap:7px!important;
}
.hvy-hot-countdown-wrap>span{
  color:#a69a92!important;
  font-size:7px!important;
}
.hvy-hot-countdown strong{
  color:#fff5ec!important;
  background:
    linear-gradient(180deg,rgba(255,116,32,.065),rgba(255,255,255,.015)),
    rgba(6,8,11,.70)!important;
  border:1px solid rgba(255,132,49,.085)!important;
}
.hvy-hot-countdown>div:last-of-type strong{
  color:#ff9d47!important;
}
.hvy-hot-countdown i{
  color:#9c735d!important;
}

/* Media + body are one image card; body floats on the image. */
.hvy-hot-product-card{
  position:relative!important;
  height:158px!important;
  overflow:hidden!important;
  border-radius:13px!important;
  background:#0b0e13!important;
  border:1px solid rgba(255,255,255,.075)!important;
  box-shadow:0 7px 18px rgba(0,0,0,.22)!important;
}
.hvy-hot-product-media{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  border-radius:0!important;
  overflow:hidden!important;
}
.hvy-hot-product-media::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(4,6,9,.02) 0%,rgba(5,7,10,.08) 38%,rgba(7,8,11,.88) 100%),
    linear-gradient(90deg,rgba(8,8,10,.17),transparent 55%);
}
.hvy-hot-product-media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  opacity:.90!important;
}
.hvy-hot-discount{
  top:8px!important;
  right:8px!important;
  z-index:4!important;
  background:linear-gradient(135deg,#ff5a36,#f23939)!important;
  border:1px solid rgba(255,255,255,.16)!important;
}
.hvy-hot-product-body{
  position:absolute!important;
  z-index:3!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  min-height:70px!important;
  padding:22px 9px 7px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:
    "name name"
    "price reward"!important;
  align-items:end!important;
  gap:4px 7px!important;
  background:
    linear-gradient(180deg,rgba(6,8,11,0),rgba(6,8,11,.58) 28%,rgba(8,9,12,.90) 100%)!important;
  backdrop-filter:blur(2.5px)!important;
  -webkit-backdrop-filter:blur(2.5px)!important;
}
.hvy-hot-product-name{
  grid-area:name!important;
  color:#f5f5f6!important;
  font-size:8.5px!important;
  text-shadow:0 1px 5px rgba(0,0,0,.48)!important;
}
.hvy-hot-price{
  grid-area:price!important;
  min-height:0!important;
  margin:0!important;
  gap:5px!important;
  color:#fff!important;
  font-size:10.5px!important;
  line-height:1.2!important;
}
.hvy-hot-price del{
  font-size:7px!important;
  color:#b1a59d!important;
}
.hvy-hot-reward{
  grid-area:reward!important;
  min-height:23px!important;
  margin:0!important;
  padding:0 7px!important;
  border-radius:8px!important;
  direction:ltr!important;
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  color:#ff9c43!important;
  background:
    linear-gradient(180deg,rgba(255,116,31,.10),rgba(255,78,7,.045)),
    rgba(31,24,21,.50)!important;
  border:1px solid rgba(255,126,37,.11)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}
.hvy-hot-reward img{
  width:12px!important;
  height:12px!important;
  object-fit:contain!important;
}
.hvy-hot-reward strong{
  font-size:7px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}

/* Bottom CTA: subtle patterned wine/orange glass like the reference. */
.hvy-hot-all{
  position:relative!important;
  overflow:hidden!important;
  min-height:36px!important;
  margin-top:9px!important;
  border-radius:10px!important;
  color:#eee9e8!important;
  background:
    repeating-linear-gradient(135deg,rgba(255,255,255,.018) 0 7px,rgba(255,255,255,0) 7px 14px),
    radial-gradient(circle at 86% 50%,rgba(255,116,54,.075),transparent 28%),
    linear-gradient(90deg,rgba(51,42,44,.44),rgba(67,37,35,.40))!important;
  border:1px solid rgba(255,127,75,.13)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 4px 12px rgba(0,0,0,.12)!important;
}
.hvy-hot-all::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(110deg,transparent 0 35%,rgba(255,255,255,.025) 45%,transparent 56%),
    radial-gradient(circle at 14% 50%,rgba(255,93,24,.035),transparent 24%);
}
.hvy-hot-all svg,
.hvy-hot-all span{
  position:relative!important;
  z-index:1!important;
}
.hvy-hot-all svg{
  width:17px!important;
  height:17px!important;
  color:#f3d6cc!important;
  filter:drop-shadow(0 0 4px rgba(255,119,53,.12))!important;
}
.hvy-hot-all:hover{
  color:#fff!important;
  border-color:rgba(255,143,87,.22)!important;
  background:
    repeating-linear-gradient(135deg,rgba(255,255,255,.022) 0 7px,rgba(255,255,255,0) 7px 14px),
    radial-gradient(circle at 86% 50%,rgba(255,116,54,.10),transparent 28%),
    linear-gradient(90deg,rgba(57,44,44,.48),rgba(73,39,34,.44))!important;
}

/* Keep card proportions clean in narrower main columns. */
@media(max-width:1350px){
  .hvy-hot-product-card{height:150px!important}
  .hvy-hot-product-body{grid-template-columns:1fr!important;grid-template-areas:"name" "price" "reward"!important}
  .hvy-hot-reward{justify-self:start!important}
}
@media(max-width:980px){
  .hvy-hot-product-card{height:180px!important}
}


/* v0.2.19 — product card typography + Hot Deal polish */

/* Standardize product body typography: no more overly tiny text. */
.hvy-special-products .hvy-product-body{
  padding:10px 10px 9px!important;
}
.hvy-special-products .hvy-product-body h3{
  height:auto!important;
  min-height:34px!important;
  margin:0 0 6px!important;
  font-size:11px!important;
  line-height:1.5!important;
  font-weight:780!important;
}
.hvy-special-products .hvy-product-meta{
  min-height:16px!important;
  font-size:8.5px!important;
  line-height:1.45!important;
}
.hvy-special-products .hvy-price{
  min-height:25px!important;
  margin-top:5px!important;
  font-size:11px!important;
  line-height:1.35!important;
  font-weight:820!important;
}
.hvy-special-products .hvy-price del{
  font-size:8px!important;
}
.hvy-special-products .hvy-reward-copy strong{
  font-size:8.5px!important;
}
.hvy-special-products .hvy-reward-carrot{
  width:14px!important;
  height:14px!important;
  min-width:14px!important;
}

/* Mini cart: keep the actual cart SVG visible and properly sized. */
.hvy-special-products .hvy-mini-cart{
  width:30px!important;
  height:29px!important;
  min-width:30px!important;
  border-radius:9px!important;
}
.hvy-special-products .hvy-mini-cart .hvy-icon,
.hvy-special-products .hvy-mini-cart svg{
  display:block!important;
  width:15px!important;
  height:15px!important;
  stroke:currentColor!important;
  fill:none!important;
}

/* Exact requested discount color. */
.hvy-hot-discount{
  background:#ee1844!important;
  border-color:rgba(255,255,255,.14)!important;
  box-shadow:0 5px 14px rgba(238,24,68,.24)!important;
}

/* Platform badge lives inside the Hot Deal image. */
.hvy-hot-product-media .hvy-hot-platform{
  position:absolute!important;
  z-index:4!important;
  left:8px!important;
  bottom:58px!important;
  right:auto!important;
  top:auto!important;
  padding:4px 7px!important;
  border-radius:7px!important;
  display:inline-flex!important;
  align-items:center!important;
  color:#f5f6f8!important;
  background:rgba(7,9,13,.60)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  box-shadow:0 3px 10px rgba(0,0,0,.18)!important;
  font-size:7.5px!important;
  font-weight:750!important;
}

/* Reduce blur/fade in the upper part of the hot-product overlay. */
.hvy-hot-product-media::after{
  background:
    linear-gradient(180deg,
      rgba(4,6,9,0) 0%,
      rgba(5,7,10,.015) 48%,
      rgba(6,8,11,.34) 68%,
      rgba(7,8,11,.82) 100%
    )!important;
}
.hvy-hot-product-body{
  min-height:64px!important;
  padding:20px 9px 7px!important;
  background:
    linear-gradient(180deg,
      rgba(6,8,11,0) 0%,
      rgba(6,8,11,.24) 35%,
      rgba(8,9,12,.86) 100%
    )!important;
  backdrop-filter:blur(1.2px)!important;
  -webkit-backdrop-filter:blur(1.2px)!important;
}
.hvy-hot-product-name{
  font-size:9.5px!important;
  line-height:1.45!important;
  font-weight:780!important;
}
.hvy-hot-price{
  font-size:11.5px!important;
}
.hvy-hot-price del{
  font-size:8px!important;
}
.hvy-hot-reward strong{
  font-size:8px!important;
}

/* Hot CTA: no artificial repeating pattern; just the soft glass gradient from reference. */
.hvy-hot-all{
  min-height:38px!important;
  margin-top:9px!important;
  border-radius:10px!important;
  color:#f1eeee!important;
  background:
    radial-gradient(circle at 88% 50%,rgba(255,111,62,.075),transparent 26%),
    linear-gradient(90deg,rgba(46,47,57,.62) 0%,rgba(62,43,48,.58) 55%,rgba(75,42,43,.60) 100%)!important;
  border:1px solid rgba(255,117,77,.13)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 4px 12px rgba(0,0,0,.12)!important;
  backdrop-filter:blur(10px) saturate(115%)!important;
  -webkit-backdrop-filter:blur(10px) saturate(115%)!important;
  font-size:10.5px!important;
  font-weight:780!important;
}
.hvy-hot-all::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(110deg,rgba(255,255,255,.018),transparent 34%,rgba(255,255,255,.022) 53%,transparent 69%)!important;
}
.hvy-hot-all span{
  font-size:10.5px!important;
  line-height:1!important;
}
.hvy-hot-all svg{
  width:18px!important;
  height:18px!important;
  color:#f4d8ce!important;
}
.hvy-hot-all:hover{
  color:#fff!important;
  border-color:rgba(255,136,93,.22)!important;
  background:
    radial-gradient(circle at 88% 50%,rgba(255,111,62,.095),transparent 26%),
    linear-gradient(90deg,rgba(51,51,61,.67) 0%,rgba(68,46,50,.64) 55%,rgba(81,45,45,.65) 100%)!important;
}

/* Prevent older repeating-pattern rule from leaking through. */
.hvy-hot-all{
  background-repeat:no-repeat!important;
}


/* v0.2.20 — Special Deals readability + redesigned Hot Deals CTA */

/* ---------------------------------------------------------
   Special Deals: raise typography one full level.
   Keep layout dimensions intact; only improve readability.
---------------------------------------------------------- */
.hvy-special-deals-section{
  font-size:13px!important;
}

.hvy-special-offers-head span{
  font-size:10.5px!important;
  line-height:1.45!important;
  font-weight:600!important;
}
.hvy-special-offers-head h2{
  font-size:19px!important;
  line-height:1.35!important;
  font-weight:850!important;
}
.hvy-special-offers-head a{
  font-size:11px!important;
  line-height:1.4!important;
  font-weight:800!important;
}

/* Product cards */
.hvy-special-products .hvy-product-body{
  padding:11px 10px 10px!important;
}
.hvy-special-products .hvy-product-body h3{
  min-height:39px!important;
  font-size:13px!important;
  line-height:1.5!important;
  font-weight:780!important;
}
.hvy-special-products .hvy-product-meta{
  min-height:18px!important;
  font-size:10px!important;
  line-height:1.45!important;
}
.hvy-special-products .hvy-price{
  min-height:27px!important;
  font-size:12.5px!important;
  line-height:1.35!important;
  font-weight:850!important;
}
.hvy-special-products .hvy-price del{
  font-size:9.5px!important;
}
.hvy-special-products .hvy-platform{
  font-size:8px!important;
  font-weight:750!important;
}
.hvy-special-products .hvy-sale-pill{
  font-size:8.5px!important;
  font-weight:850!important;
}
.hvy-special-products .hvy-reward-copy strong{
  font-size:10px!important;
  line-height:1.15!important;
}
.hvy-special-products .hvy-reward-carrot{
  width:15px!important;
  height:15px!important;
  min-width:15px!important;
}

/* Hot Deal header + timer */
.hvy-hot-deals-head h3{
  font-size:17px!important;
  line-height:1.35!important;
  font-weight:850!important;
}
.hvy-hot-countdown-wrap>span{
  font-size:9.5px!important;
  font-weight:650!important;
}
.hvy-hot-countdown strong{
  width:31px!important;
  height:28px!important;
  font-size:12px!important;
  font-weight:900!important;
}
.hvy-hot-countdown small{
  font-size:7px!important;
  line-height:1.15!important;
}
.hvy-hot-countdown i{
  font-size:12px!important;
  line-height:28px!important;
}

/* Hot Deal product overlay text */
.hvy-hot-product-name{
  font-size:11px!important;
  line-height:1.45!important;
  font-weight:800!important;
}
.hvy-hot-price{
  font-size:13px!important;
  line-height:1.3!important;
}
.hvy-hot-price del{
  font-size:9px!important;
}
.hvy-hot-reward{
  min-height:25px!important;
  padding:0 8px!important;
}
.hvy-hot-reward img{
  width:14px!important;
  height:14px!important;
}
.hvy-hot-reward strong{
  font-size:9.5px!important;
  line-height:1!important;
}
.hvy-hot-product-media .hvy-hot-platform{
  font-size:9px!important;
  font-weight:800!important;
}
.hvy-hot-discount{
  font-size:10px!important;
  font-weight:900!important;
}

/* ---------------------------------------------------------
   New Hot Deals CTA
   No decorative pattern. A focused gamer/glass treatment.
---------------------------------------------------------- */
.hvy-hot-all{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;

  min-height:44px!important;
  margin-top:10px!important;
  padding:0 11px!important;
  border-radius:12px!important;

  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) 18px!important;
  align-items:center!important;
  gap:8px!important;

  direction:rtl!important;
  color:#f6f3f1!important;
  text-decoration:none!important;

  background:
    radial-gradient(circle at 92% 50%,rgba(255,112,35,.12),transparent 34%),
    linear-gradient(110deg,rgba(39,43,54,.78),rgba(49,37,39,.78) 54%,rgba(57,36,31,.76))!important;

  border:1px solid rgba(255,132,64,.16)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    inset 0 -1px 0 rgba(0,0,0,.12),
    0 6px 16px rgba(0,0,0,.16),
    0 0 18px rgba(255,87,13,.035)!important;

  backdrop-filter:blur(12px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(12px) saturate(120%)!important;

  transition:
    transform .18s ease,
    border-color .18s ease,
    box-shadow .18s ease,
    background .18s ease!important;
}

/* soft luminous sweep; not a repeating pattern */
.hvy-hot-all::before{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  inset:-40% -18%!important;
  pointer-events:none!important;

  background:
    radial-gradient(circle at 78% 52%,rgba(255,125,49,.11),transparent 25%),
    linear-gradient(105deg,transparent 35%,rgba(255,255,255,.035) 47%,transparent 59%)!important;

  transform:translateX(-16%)!important;
  transition:transform .35s ease!important;
}

/* crown becomes a dedicated glass badge */
.hvy-hot-all svg{
  grid-column:1!important;
  width:29px!important;
  height:29px!important;
  padding:6px!important;
  border-radius:9px!important;

  color:#ffb06d!important;

  background:
    linear-gradient(180deg,rgba(255,139,66,.12),rgba(255,80,12,.045)),
    rgba(255,255,255,.018)!important;

  border:1px solid rgba(255,140,68,.16)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 0 10px rgba(255,91,15,.07)!important;

  filter:none!important;
}

.hvy-hot-all span{
  grid-column:2!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:820!important;
  text-align:center!important;
  white-space:nowrap!important;
}

/* Small chevron to give the CTA direction and action */
.hvy-hot-all::after{
  content:"‹"!important;
  grid-column:3!important;

  width:18px!important;
  height:18px!important;
  border-radius:50%!important;

  display:grid!important;
  place-items:center!important;

  color:#ff9c52!important;
  font-family:Arial,sans-serif!important;
  font-size:18px!important;
  font-weight:400!important;
  line-height:1!important;

  background:rgba(255,112,35,.055)!important;
  border:1px solid rgba(255,126,54,.10)!important;
}

.hvy-hot-all:hover{
  color:#fff!important;
  transform:translateY(-1px)!important;

  border-color:rgba(255,143,77,.28)!important;

  background:
    radial-gradient(circle at 92% 50%,rgba(255,112,35,.17),transparent 35%),
    linear-gradient(110deg,rgba(43,48,59,.84),rgba(55,40,41,.83) 54%,rgba(65,39,31,.82))!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 8px 20px rgba(0,0,0,.19),
    0 0 20px rgba(255,88,13,.065)!important;
}
.hvy-hot-all:hover::before{
  transform:translateX(9%)!important;
}

/* Slight extra breathing room after increasing type sizes. */
.hvy-main-stack > .hvy-special-deals-section .hvy-special-offers{
  padding:15px 13px 13px!important;
}
.hvy-main-stack > .hvy-special-deals-section .hvy-hot-deals{
  padding:15px 13px 12px!important;
}

@media(max-width:1350px){
  .hvy-special-products .hvy-product-body h3{
    font-size:12px!important;
  }
  .hvy-special-products .hvy-price{
    font-size:11.5px!important;
  }
  .hvy-hot-all span{
    font-size:11px!important;
  }
}

@media(max-width:980px){
  .hvy-special-offers-head h2{
    font-size:18px!important;
  }
  .hvy-hot-deals-head h3{
    font-size:16px!important;
  }
}


/* v0.2.21 — product media corners + Hot Deals vertical fill */

/* Product images: give the media itself a complete framed shape,
   including the lower-left/lower-right corners. */
.hvy-special-products .hvy-product-media{
  display:block!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
  border-radius:12px!important;
  border:1px solid rgba(255,255,255,.085)!important;
  box-sizing:border-box!important;
}
.hvy-special-products .hvy-product-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:11px!important;
}

/* Hot Deals card works as a vertical composition so the CTA can live
   flush at the bottom without leaving an awkward dead zone. */
.hvy-main-stack > .hvy-special-deals-section .hvy-hot-deals{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
}

/* Make the image/product area taller so it visually fills the card. */
.hvy-hot-product-card{
  height:190px!important;
  min-height:190px!important;
  flex:1 1 auto!important;
}

/* CTA stays anchored at the bottom of the Hot Deals box. */
.hvy-hot-all{
  margin-top:auto!important;
}

/* Preserve a clean gap between the image card and bottom CTA. */
.hvy-hot-product-card + .hvy-hot-all{
  margin-top:10px!important;
}

@media(max-width:1350px){
  .hvy-hot-product-card{
    height:178px!important;
    min-height:178px!important;
  }
}

@media(max-width:980px){
  .hvy-hot-product-card{
    height:200px!important;
    min-height:200px!important;
  }
}


/* v0.2.22 — rotation + Hot Deal controls */

/* Platform moves to top-left of the Hot Deal image. */
.hvy-hot-product-media .hvy-hot-platform{
  top:8px!important;
  left:8px!important;
  right:auto!important;
  bottom:auto!important;
}

/* Special Offers rotate in groups while keeping the box dimensions stable. */
.hvy-special-pages{
  position:relative!important;
  min-width:0!important;
}
.hvy-special-page{
  display:none!important;
  opacity:0!important;
}
.hvy-special-page.is-active{
  display:grid!important;
  opacity:1!important;
  animation:hvy-special-page-enter .34s ease both!important;
}
@keyframes hvy-special-page-enter{
  from{opacity:0;transform:translateY(5px)}
  to{opacity:1;transform:translateY(0)}
}
.hvy-special-offers-tools{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}
.hvy-special-offers-dots{
  direction:ltr!important;
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
}
.hvy-special-offers-dots button{
  width:7px!important;
  height:3px!important;
  min-width:7px!important;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.16)!important;
  transition:width .18s ease,background .18s ease,box-shadow .18s ease!important;
}
.hvy-special-offers-dots button.is-active{
  width:16px!important;
  background:#ff6818!important;
  box-shadow:0 0 6px rgba(255,104,24,.28)!important;
}

/* Rotating Hot Deals use one fixed slot. */
.hvy-hot-slides{
  position:relative!important;
  flex:1 1 auto!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
}
.hvy-hot-slide{
  display:none!important;
  flex:1 1 auto!important;
  min-height:0!important;
  flex-direction:column!important;
  opacity:0!important;
}
.hvy-hot-slide.is-active{
  display:flex!important;
  opacity:1!important;
  animation:hvy-hot-slide-enter .34s ease both!important;
}
@keyframes hvy-hot-slide-enter{
  from{opacity:0;transform:translateX(-5px)}
  to{opacity:1;transform:translateX(0)}
}
.hvy-hot-slide .hvy-hot-countdown-wrap{
  margin-bottom:9px!important;
}
.hvy-hot-slide .hvy-hot-product-card{
  flex:1 1 auto!important;
  width:100%!important;
  height:auto!important;
  min-height:190px!important;
}

.hvy-hot-dots{
  direction:ltr!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  min-height:10px!important;
  margin:7px 0 0!important;
}
.hvy-hot-dots button{
  width:6px!important;
  height:3px!important;
  min-width:6px!important;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.14)!important;
  transition:width .18s ease,background .18s ease,box-shadow .18s ease!important;
}
.hvy-hot-dots button.is-active{
  width:14px!important;
  background:#ff6818!important;
  box-shadow:0 0 6px rgba(255,104,24,.24)!important;
}

/* Hot-all background gets a subtle breathing glow + moving sheen. */
.hvy-hot-all{
  animation:hvy-hot-all-breathe 3.4s ease-in-out infinite!important;
}
.hvy-hot-all::before{
  animation:hvy-hot-all-sheen 4.8s ease-in-out infinite!important;
}
@keyframes hvy-hot-all-breathe{
  0%,100%{
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.055),
      inset 0 -1px 0 rgba(0,0,0,.12),
      0 6px 16px rgba(0,0,0,.16),
      0 0 12px rgba(255,87,13,.025);
  }
  50%{
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.07),
      inset 0 -1px 0 rgba(0,0,0,.12),
      0 7px 18px rgba(0,0,0,.17),
      0 0 24px rgba(255,87,13,.075);
  }
}
@keyframes hvy-hot-all-sheen{
  0%,100%{transform:translateX(-18%)!important;opacity:.64}
  50%{transform:translateX(10%)!important;opacity:1}
}

/* Remove the previous CSS-created arrow. */
.hvy-hot-all::after{
  content:none!important;
  display:none!important;
}

/* Generic Crown rules should apply only to the crown, not the new arrow. */
.hvy-hot-all .hvy-hot-all-crown{
  grid-column:1!important;
  width:29px!important;
  height:29px!important;
  padding:6px!important;
  border-radius:9px!important;
  color:#ffb06d!important;
  background:
    linear-gradient(180deg,rgba(255,139,66,.12),rgba(255,80,12,.045)),
    rgba(255,255,255,.018)!important;
  border:1px solid rgba(255,140,68,.16)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 0 10px rgba(255,91,15,.07)!important;
}

/* Real SVG arrow stays fully inside its own glass chip. */
.hvy-hot-all .hvy-hot-all-arrow{
  grid-column:3!important;
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  padding:3px!important;
  box-sizing:border-box!important;
  border-radius:7px!important;
  color:#ff9f56!important;
  background:rgba(255,107,28,.055)!important;
  border:1px solid rgba(255,127,47,.10)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 0 7px rgba(255,92,12,.035)!important;
  overflow:hidden!important;
  transform:none!important;
}
.hvy-hot-all:hover .hvy-hot-all-arrow{
  color:#ffb16e!important;
  transform:translateX(-1px)!important;
}

/* Mini-cart uses an actual cart glyph for both button and product-link cases. */
.hvy-special-products .hvy-mini-cart .hvy-icon,
.hvy-special-products .hvy-mini-cart svg{
  display:block!important;
  width:15px!important;
  height:15px!important;
  stroke:currentColor!important;
  fill:none!important;
}

@media(max-width:1350px){
  .hvy-hot-slide .hvy-hot-product-card{
    min-height:178px!important;
  }
}
@media(max-width:980px){
  .hvy-hot-slide .hvy-hot-product-card{
    min-height:200px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .hvy-special-page.is-active,
  .hvy-hot-slide.is-active,
  .hvy-hot-all,
  .hvy-hot-all::before{
    animation:none!important;
  }
}


/* v0.2.23 — Latest Articles + Carrot Club directly below hvy-home-top */
.hvy-editorial-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 330px!important;
  grid-template-areas:"articles club"!important;
  gap:14px!important;
  direction:ltr!important;
  align-items:stretch!important;
  margin:0 0 28px!important;
}
.hvy-latest-articles{
  grid-area:articles!important;
  min-width:0!important;
  padding:14px 14px 13px!important;
  border-radius:21px!important;
  direction:rtl!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 6% 12%,rgba(20,89,157,.07),transparent 30%),
    linear-gradient(155deg,rgba(16,24,34,.94),rgba(10,17,26,.93))!important;
  border:1px solid rgba(84,118,150,.13)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 10px 28px rgba(0,0,0,.18)!important;
}
.hvy-editorial-head{
  min-height:40px!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin:0 0 11px!important;
}
.hvy-editorial-head>div:first-child{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:2px!important;
}
.hvy-editorial-head>div:first-child>span{
  color:#8390a0!important;
  font-size:9px!important;
  line-height:1.3!important;
  font-weight:600!important;
}
.hvy-editorial-head h2{
  margin:0!important;
  color:#f5f6f8!important;
  font-size:17px!important;
  line-height:1.35!important;
  font-weight:850!important;
}
.hvy-editorial-tools{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  direction:ltr!important;
}
.hvy-editorial-tools button{
  width:28px!important;
  height:28px!important;
  padding:0!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  color:#adb6c2!important;
  background:rgba(255,255,255,.03)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.hvy-editorial-tools button .hvy-icon{
  width:13px!important;
  height:13px!important;
}
.hvy-editorial-tools button.is-next .hvy-icon{
  transform:rotate(180deg)!important;
}
.hvy-editorial-tools a{
  margin-left:5px!important;
  color:#ff7d36!important;
  font-size:9.5px!important;
  line-height:1.2!important;
  font-weight:800!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
.hvy-article-rail{
  display:flex!important;
  align-items:stretch!important;
  gap:8px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x proximity!important;
  scrollbar-width:none!important;
  direction:rtl!important;
  padding-bottom:1px!important;
}
.hvy-article-rail::-webkit-scrollbar{display:none!important}

.hvy-article-card{
  flex:0 0 150px!important;
  min-width:150px!important;
  height:184px!important;
  position:relative!important;
  overflow:hidden!important;
  border-radius:12px!important;
  scroll-snap-align:start!important;
  background:#0d141e!important;
  border:1px solid rgba(100,132,163,.15)!important;
  box-shadow:0 7px 17px rgba(0,0,0,.16)!important;
}
.hvy-article-media{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  overflow:hidden!important;
}
.hvy-article-media img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  transition:transform .35s ease!important;
}
.hvy-article-card:hover .hvy-article-media img{
  transform:scale(1.035)!important;
}
.hvy-article-shade{
  position:absolute!important;
  inset:0!important;
  background:
    linear-gradient(180deg,rgba(4,7,11,.03) 0%,rgba(5,8,12,.12) 45%,rgba(6,9,14,.94) 100%)!important;
}
.hvy-article-date{
  position:absolute!important;
  z-index:2!important;
  top:7px!important;
  right:7px!important;
  width:38px!important;
  min-height:42px!important;
  padding:5px 2px!important;
  border-radius:9px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:1px!important;
  color:#f4f6f8!important;
  background:rgba(5,9,15,.72)!important;
  border:1px solid rgba(255,255,255,.09)!important;
  backdrop-filter:blur(9px)!important;
  -webkit-backdrop-filter:blur(9px)!important;
  box-shadow:0 4px 11px rgba(0,0,0,.17)!important;
}
.hvy-article-date strong{
  font-size:13px!important;
  line-height:1!important;
  font-weight:900!important;
}
.hvy-article-date small{
  color:#b9c0ca!important;
  font-size:6px!important;
  line-height:1!important;
  font-weight:700!important;
}
.hvy-article-body{
  position:absolute!important;
  z-index:3!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  min-height:68px!important;
  padding:11px 9px 8px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 25px!important;
  grid-template-areas:
    "category category"
    "title open"!important;
  gap:4px 6px!important;
  align-items:end!important;
}
.hvy-article-category{
  grid-area:category!important;
  justify-self:start!important;
  padding:3px 6px!important;
  border-radius:6px!important;
  color:#d7e5f5!important;
  background:rgba(47,106,164,.24)!important;
  border:1px solid rgba(88,155,218,.13)!important;
  font-size:6.5px!important;
  line-height:1!important;
  font-weight:800!important;
}
.hvy-article-title{
  grid-area:title!important;
  min-width:0!important;
  color:#f3f5f8!important;
  font-size:9.5px!important;
  line-height:1.45!important;
  font-weight:780!important;
  text-decoration:none!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  text-shadow:0 1px 5px rgba(0,0,0,.40)!important;
}
.hvy-article-open{
  grid-area:open!important;
  width:25px!important;
  height:25px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  color:#d9e3ed!important;
  background:rgba(20,38,53,.58)!important;
  border:1px solid rgba(91,135,170,.18)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}
.hvy-article-open svg{
  width:13px!important;
  height:13px!important;
}
.hvy-article-empty{
  min-height:184px!important;
  border-radius:12px!important;
  display:grid!important;
  place-items:center!important;
  color:#7f8997!important;
  background:rgba(255,255,255,.018)!important;
  border:1px dashed rgba(255,255,255,.07)!important;
  font-size:10px!important;
}

/* Carrot Club side card */
.hvy-club-promo{
  grid-area:club!important;
  min-height:253px!important;
  position:relative!important;
  overflow:hidden!important;
  padding:18px 16px 62px!important;
  border-radius:21px!important;
  direction:rtl!important;
  background:
    radial-gradient(circle at 14% 30%,rgba(255,89,22,.12),transparent 30%),
    radial-gradient(circle at 82% 12%,rgba(175,76,255,.14),transparent 34%),
    linear-gradient(145deg,rgba(41,22,75,.97),rgba(24,18,54,.97))!important;
  border:1px solid rgba(153,92,214,.17)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 11px 29px rgba(0,0,0,.20),
    0 0 25px rgba(120,52,210,.025)!important;
}
.hvy-club-promo::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(255,255,255,.018),transparent 24%),
    radial-gradient(circle at 82% 60%,rgba(118,56,189,.09),transparent 38%);
}
.hvy-club-promo-copy{
  position:relative!important;
  z-index:3!important;
  width:60%!important;
  margin-right:auto!important;
  text-align:right!important;
}
.hvy-club-promo-title{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  margin-bottom:8px!important;
}
.hvy-club-promo-title svg{
  width:20px!important;
  height:20px!important;
  color:#ff9d3d!important;
  filter:drop-shadow(0 0 6px rgba(255,112,30,.20))!important;
}
.hvy-club-promo-title h2{
  margin:0!important;
  color:#f8f3fc!important;
  font-size:17px!important;
  line-height:1.3!important;
  font-weight:900!important;
}
.hvy-club-promo-copy>p{
  margin:0 0 13px!important;
  color:#c7bbd7!important;
  font-size:9.5px!important;
  line-height:1.75!important;
  font-weight:600!important;
}
.hvy-club-benefits{
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
}
.hvy-club-benefits>div{
  min-height:30px!important;
  padding:0 9px!important;
  border-radius:9px!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  color:#e6ddec!important;
  background:rgba(255,255,255,.028)!important;
  border:1px solid rgba(207,163,255,.075)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}
.hvy-club-benefit-icon{
  width:19px!important;
  height:19px!important;
  display:grid!important;
  place-items:center!important;
  font-size:13px!important;
  filter:drop-shadow(0 0 4px rgba(255,111,31,.16))!important;
}
.hvy-club-benefits b{
  color:#ded4e8!important;
  font-size:8.5px!important;
  line-height:1.3!important;
  font-weight:700!important;
}
.hvy-club-rabbit{
  position:absolute!important;
  z-index:2!important;
  left:-8px!important;
  bottom:31px!important;
  width:165px!important;
  height:auto!important;
  display:block!important;
  pointer-events:none!important;
  filter:drop-shadow(0 10px 18px rgba(5,3,14,.28))!important;
}
.hvy-club-promo-cta{
  position:absolute!important;
  z-index:4!important;
  left:13px!important;
  right:13px!important;
  bottom:12px!important;
  min-height:40px!important;
  padding:0 11px!important;
  border-radius:11px!important;
  display:grid!important;
  grid-template-columns:25px minmax(0,1fr) 19px!important;
  align-items:center!important;
  gap:7px!important;
  direction:rtl!important;
  color:#f8eefa!important;
  text-decoration:none!important;
  background:
    radial-gradient(circle at 84% 50%,rgba(255,115,57,.13),transparent 28%),
    linear-gradient(90deg,rgba(104,35,140,.75),rgba(136,40,180,.72),rgba(94,34,123,.74))!important;
  border:1px solid rgba(225,110,255,.28)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 5px 15px rgba(20,5,37,.22),
    0 0 17px rgba(169,54,255,.06)!important;
  backdrop-filter:blur(10px) saturate(122%)!important;
  -webkit-backdrop-filter:blur(10px) saturate(122%)!important;
}
.hvy-club-promo-cta span{
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:820!important;
  text-align:center!important;
}
.hvy-club-promo-crown{
  width:20px!important;
  height:20px!important;
  color:#e6a7ff!important;
}
.hvy-club-promo-arrow{
  width:18px!important;
  height:18px!important;
  color:#ffb06b!important;
}
.hvy-club-promo-cta:hover{
  color:#fff!important;
  border-color:rgba(229,129,255,.40)!important;
  transform:translateY(-1px)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 7px 18px rgba(20,5,37,.25),
    0 0 22px rgba(169,54,255,.10)!important;
}

@media(max-width:1199px){
  .hvy-editorial-row{
    grid-template-columns:minmax(0,1fr) 290px!important;
  }
  .hvy-article-card{
    flex-basis:142px!important;
    min-width:142px!important;
  }
  .hvy-club-rabbit{
    width:145px!important;
  }
  .hvy-club-promo-copy{
    width:62%!important;
  }
}

@media(max-width:980px){
  .hvy-editorial-row{
    grid-template-columns:1fr!important;
    grid-template-areas:"articles" "club"!important;
    direction:rtl!important;
  }
  .hvy-club-promo{
    min-height:245px!important;
  }
  .hvy-club-promo-copy{
    width:58%!important;
  }
  .hvy-club-rabbit{
    width:160px!important;
  }
}

@media(max-width:640px){
  .hvy-editorial-row{
    gap:12px!important;
    margin-bottom:23px!important;
  }
  .hvy-latest-articles{
    padding:12px!important;
  }
  .hvy-editorial-head h2{
    font-size:15px!important;
  }
  .hvy-editorial-tools button{
    display:none!important;
  }
  .hvy-article-card{
    flex-basis:138px!important;
    min-width:138px!important;
    height:176px!important;
  }
  .hvy-club-promo{
    min-height:230px!important;
    padding:15px 13px 58px!important;
  }
  .hvy-club-promo-copy{
    width:62%!important;
  }
  .hvy-club-promo-title h2{
    font-size:15px!important;
  }
  .hvy-club-rabbit{
    width:135px!important;
    left:-11px!important;
  }
}


/* v0.2.24 — shared slider indicators
   Match the approved hero dots exactly. */
.hvy-special-offers-dots,
.hvy-hot-dots{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  direction:ltr!important;
}
.hvy-special-offers-dots button,
.hvy-hot-dots button{
  width:11px!important;
  height:3px!important;
  min-width:11px!important;
  min-height:3px!important;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.20)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important;
  opacity:.95!important;
  overflow:hidden!important;
  transition:
    width .2s ease,
    background .2s ease,
    box-shadow .2s ease,
    opacity .2s ease!important;
}
.hvy-special-offers-dots button.is-active,
.hvy-hot-dots button.is-active{
  width:20px!important;
  min-width:20px!important;
  height:3px!important;
  min-height:3px!important;
  background:var(--hvy-orange)!important;
  box-shadow:0 0 7px rgba(255,77,0,.30)!important;
  opacity:1!important;
}

/* Editorial controls: true circles, never rounded rectangles. */
.hvy-editorial-tools button{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  aspect-ratio:1 / 1!important;
  padding:0!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 30px!important;
  cursor:pointer!important;
  overflow:hidden!important;
}
.hvy-editorial-tools button:hover{
  color:#fff!important;
  border-color:rgba(255,120,45,.24)!important;
  background:rgba(255,105,25,.055)!important;
  box-shadow:0 0 12px rgba(255,88,10,.055)!important;
}

/* Article rail supports click-drag on desktop and swipe on touch. */
.hvy-article-rail{
  cursor:grab!important;
  user-select:none!important;
  -webkit-user-select:none!important;
  touch-action:pan-y!important;
  overscroll-behavior-x:contain!important;
  scroll-behavior:smooth!important;
}
.hvy-article-rail.is-dragging{
  cursor:grabbing!important;
  scroll-behavior:auto!important;
  scroll-snap-type:none!important;
}
.hvy-article-rail.is-dragging a,
.hvy-article-rail.is-dragging img{
  pointer-events:none!important;
}
.hvy-article-media img{
  -webkit-user-drag:none!important;
  user-drag:none!important;
}

/* Carrot Club content: fully RTL/right-aligned. */
.hvy-club-promo-copy{
  direction:rtl!important;
  text-align:right!important;
  margin-right:0!important;
  margin-left:auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
}
.hvy-club-promo-title{
  direction:rtl!important;
  justify-content:flex-start!important;
  text-align:right!important;
}
.hvy-club-promo-copy>p{
  direction:rtl!important;
  text-align:right!important;
}
.hvy-club-benefits{
  direction:rtl!important;
  text-align:right!important;
}
.hvy-club-benefits>div{
  direction:rtl!important;
  justify-content:flex-start!important;
  text-align:right!important;
}
.hvy-club-benefits b{
  text-align:right!important;
}
.hvy-club-promo-cta{
  pointer-events:auto!important;
  cursor:pointer!important;
  z-index:8!important;
}
.hvy-editorial-tools button,
.hvy-editorial-tools a,
.hvy-article-card a{
  pointer-events:auto!important;
}

/* ---------------------------------------------------------
   Generic .hvy-section redesign
   Same visual language as .hvy-product-card.is-compact.
---------------------------------------------------------- */
.hvy-section{
  margin-top:26px!important;
  padding:16px 15px 15px!important;
  position:relative!important;
  overflow:hidden!important;
  border-radius:21px!important;

  background:
    radial-gradient(circle at 8% 0%,rgba(255,96,20,.045),transparent 29%),
    linear-gradient(165deg,rgba(24,31,41,.92),rgba(12,17,24,.92))!important;

  border:1px solid var(--hvy-line)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 13px 34px rgba(0,0,0,.18)!important;
}
.hvy-section::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.012),transparent 22%);
}
.hvy-section > *{
  position:relative!important;
  z-index:1!important;
}

.hvy-section-head{
  min-height:42px!important;
  margin:0 0 12px!important;
  padding:0 2px!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:14px!important;
}
.hvy-section-head>div:first-child{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:2px!important;
}
.hvy-section-head span{
  color:#8d97a5!important;
  font-size:9.5px!important;
  line-height:1.35!important;
  font-weight:650!important;
}
.hvy-section-head h2{
  margin:0!important;
  color:#f5f6f8!important;
  font-size:18px!important;
  line-height:1.35!important;
  font-weight:850!important;
}
.hvy-section-head>a,
.hvy-rail-tools>a{
  min-height:29px!important;
  padding:0 9px!important;
  border-radius:9px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  color:#ff9b5e!important;
  background:rgba(255,93,15,.045)!important;
  border:1px solid rgba(255,113,35,.09)!important;
  font-size:9.5px!important;
  font-weight:750!important;
  text-decoration:none!important;
}
.hvy-section-head>a:hover,
.hvy-rail-tools>a:hover{
  color:#ffb27e!important;
  border-color:rgba(255,128,52,.18)!important;
  background:rgba(255,99,18,.065)!important;
}
.hvy-rail-tools{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
}
.hvy-rail-tools button{
  width:29px!important;
  height:29px!important;
  min-width:29px!important;
  min-height:29px!important;
  padding:0!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  color:#b8c0cb!important;
  background:rgba(255,255,255,.027)!important;
  border:1px solid rgba(255,255,255,.075)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important;
}
.hvy-rail-tools button:hover{
  color:#fff!important;
  border-color:rgba(255,120,45,.20)!important;
  background:rgba(255,97,18,.05)!important;
}

/* Product rails inside the redesigned section sit flush like a card collection. */
.hvy-section .hvy-product-rail{
  padding:2px 1px 2px!important;
  gap:10px!important;
}
.hvy-section .hvy-product-card.is-compact{
  border-radius:15px!important;
  background:
    linear-gradient(165deg,rgba(25,32,42,.96),rgba(12,17,24,.96))!important;
  border-color:rgba(255,255,255,.085)!important;
  box-shadow:0 9px 24px rgba(0,0,0,.17)!important;
}
.hvy-section .hvy-product-card.is-compact:hover{
  border-color:rgba(255,94,20,.22)!important;
  box-shadow:
    0 13px 29px rgba(0,0,0,.24),
    0 0 18px rgba(255,77,0,.045)!important;
}

/* Categories use the same compact card treatment instead of the old floating tiles. */
.hvy-categories-section .hvy-category-grid{
  gap:9px!important;
}
.hvy-categories-section .hvy-category{
  min-height:82px!important;
  padding:13px!important;
  border-radius:14px!important;
  background:
    linear-gradient(165deg,rgba(25,32,42,.92),rgba(13,18,25,.92))!important;
  border:1px solid rgba(255,255,255,.075)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.13)!important;
}
.hvy-categories-section .hvy-category:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(255,100,25,.20)!important;
  box-shadow:
    0 11px 24px rgba(0,0,0,.18),
    0 0 15px rgba(255,77,0,.04)!important;
}
.hvy-categories-section .hvy-category-icon{
  width:38px!important;
  height:38px!important;
  border-radius:11px!important;
  background:
    linear-gradient(180deg,rgba(255,113,29,.095),rgba(255,73,0,.04))!important;
  border:1px solid rgba(255,116,32,.08)!important;
}

@media(max-width:767px){
  .hvy-special-offers-dots button,
  .hvy-hot-dots button{
    width:10px!important;
    min-width:10px!important;
  }
  .hvy-special-offers-dots button.is-active,
  .hvy-hot-dots button.is-active{
    width:18px!important;
    min-width:18px!important;
  }

  .hvy-section{
    padding:13px 12px 12px!important;
    border-radius:18px!important;
    margin-top:22px!important;
  }
  .hvy-section-head h2{
    font-size:16px!important;
  }
  .hvy-section-head span{
    font-size:8.5px!important;
  }
}


/* v0.2.25 — drag performance + compact-card unification */

.hvy-special-pages,
.hvy-hot-slides{
  touch-action:pan-y!important;
  user-select:none!important;
  -webkit-user-select:none!important;
}
.hvy-special-offers,
.hvy-hot-deals{
  cursor:grab!important;
}
.hvy-special-offers:active,
.hvy-hot-deals:active{
  cursor:grabbing!important;
}

/* While dragging, temporarily remove the most expensive paint effects. */
html.hvy-drag-active .hvy-glass,
html.hvy-drag-active .hvy-product-card,
html.hvy-drag-active .hvy-article-card,
html.hvy-drag-active .hvy-hot-product-card{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  transition:none!important;
}
html.hvy-drag-active .hvy-product-card,
html.hvy-drag-active .hvy-article-card,
html.hvy-drag-active .hvy-hot-product-card,
html.hvy-drag-active .hvy-mini-cart,
html.hvy-drag-active .hvy-icon-btn{
  box-shadow:none!important;
}
html.hvy-drag-active *{
  scroll-behavior:auto!important;
}

.hvy-article-rail{
  will-change:scroll-position!important;
  contain:layout paint!important;
}
.hvy-article-rail.is-dragging .hvy-article-card,
.hvy-article-rail.is-dragging .hvy-article-media img{
  transform:none!important;
}

/* Make Special Offer product cards visually match the normal compact cards below. */
.hvy-special-products .hvy-product-card.is-compact{
  border-radius:15px!important;
  background:linear-gradient(165deg,rgba(25,32,42,.96),rgba(12,17,24,.96))!important;
  border:1px solid rgba(255,255,255,.085)!important;
  box-shadow:0 9px 24px rgba(0,0,0,.17)!important;
}
.hvy-special-products .hvy-product-media-wrap,
.hvy-special-products .hvy-product-card.is-compact .hvy-product-media-wrap{
  height:150px!important;
}
.hvy-special-products .hvy-product-body{
  padding:11px 11px 10px!important;
}
.hvy-special-products .hvy-product-body h3{
  min-height:38px!important;
  height:auto!important;
  margin:0 0 6px!important;
  font-size:12px!important;
  line-height:1.5!important;
}
.hvy-special-products .hvy-product-meta{
  min-height:17px!important;
  font-size:9.5px!important;
  line-height:1.45!important;
}
.hvy-special-products .hvy-price{
  min-height:27px!important;
  margin-top:5px!important;
  font-size:12px!important;
}
.hvy-special-products .hvy-price del{
  font-size:9px!important;
}
.hvy-special-products .hvy-card-foot{
  min-height:36px!important;
  margin-top:7px!important;
}
.hvy-special-products .hvy-reward-copy strong{
  font-size:9.5px!important;
}
.hvy-special-products .hvy-mini-cart{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
}
.hvy-special-products .hvy-icon-btn.hvy-wishlist{
  width:25px!important;
  height:25px!important;
  min-width:25px!important;
  min-height:25px!important;
}

/* Stable page height prevents layout jumps during rotation. */
.hvy-special-pages{
  min-height:287px!important;
}
.hvy-hot-slides{
  min-height:255px!important;
}

/* Cheaper transitions for drag/rotation. */
.hvy-special-page.is-active{
  animation:hvy-special-page-enter-lite .22s ease both!important;
}
.hvy-hot-slide.is-active{
  animation:hvy-hot-slide-enter-lite .22s ease both!important;
}
@keyframes hvy-special-page-enter-lite{
  from{opacity:0}
  to{opacity:1}
}
@keyframes hvy-hot-slide-enter-lite{
  from{opacity:0}
  to{opacity:1}
}

@media(max-width:1350px){
  .hvy-special-products .hvy-product-media-wrap,
  .hvy-special-products .hvy-product-card.is-compact .hvy-product-media-wrap{
    height:142px!important;
  }
  .hvy-special-pages{
    min-height:278px!important;
  }
}
@media(max-width:980px){
  .hvy-special-pages{
    min-height:0!important;
  }
  .hvy-hot-slides{
    min-height:275px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .hvy-special-page.is-active,
  .hvy-hot-slide.is-active{
    animation:none!important;
  }
}


/* v0.2.26 — ONE canonical compact product card everywhere */

/* Make every compact card visually distinct from the page/background. */
.hvy-product-card.is-compact{
  border:1px solid rgba(164,177,194,.17)!important;
  border-radius:17px!important;
  background:
    linear-gradient(165deg,rgba(24,31,41,.96),rgba(12,17,24,.96))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 10px 27px rgba(0,0,0,.20)!important;
  overflow:hidden!important;
  transition:
    transform .22s ease,
    border-color .22s ease,
    box-shadow .22s ease!important;
}
.hvy-product-card.is-compact:hover{
  transform:translateY(-3px)!important;
  border-color:rgba(255,104,40,.34)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 15px 34px rgba(0,0,0,.28),
    0 0 18px rgba(255,77,0,.055)!important;
}

/* Canonical compact-card dimensions. */
.hvy-product-card.is-compact .hvy-product-media-wrap{
  height:165px!important;
}
.hvy-product-card.is-compact .hvy-product-media{
  display:block!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
  border-radius:0!important;
  border:0!important;
}
.hvy-product-card.is-compact .hvy-product-media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:0!important;
}
.hvy-product-card.is-compact .hvy-product-body{
  padding:13px!important;
}
.hvy-product-card.is-compact .hvy-product-body h3{
  height:40px!important;
  min-height:40px!important;
  margin:0 0 8px!important;
  font-size:13px!important;
  line-height:1.55!important;
  font-weight:780!important;
}
.hvy-product-card.is-compact .hvy-product-meta{
  min-height:20px!important;
  font-size:9px!important;
  line-height:1.45!important;
}
.hvy-product-card.is-compact .hvy-price{
  min-height:30px!important;
  margin-top:8px!important;
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:800!important;
}
.hvy-product-card.is-compact .hvy-price del{
  font-size:9px!important;
}
.hvy-product-card.is-compact .hvy-platform{
  padding:5px 8px!important;
  border-radius:8px!important;
  font-size:9px!important;
}
.hvy-product-card.is-compact .hvy-sale-pill{
  right:9px!important;
  bottom:9px!important;
  padding:4px 7px!important;
  border-radius:7px!important;
  font-size:9px!important;
}
.hvy-product-card.is-compact .hvy-product-topline{
  inset:9px 9px auto 9px!important;
}
.hvy-product-card.is-compact .hvy-icon-btn.hvy-wishlist{
  width:31px!important;
  height:31px!important;
  min-width:31px!important;
  min-height:31px!important;
  border-radius:50%!important;
}
.hvy-product-card.is-compact .hvy-icon-btn.hvy-wishlist .hvy-icon{
  width:16px!important;
  height:16px!important;
}

/* Same footer treatment in every compact card. */
.hvy-product-card.is-compact .hvy-card-foot{
  min-height:38px!important;
  margin-top:7px!important;
  padding:6px 6px 6px 8px!important;
  border-top:0!important;
  border-radius:10px!important;
  direction:ltr!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  background:
    linear-gradient(180deg,rgba(255,113,25,.075),rgba(255,90,10,.035)),
    rgba(34,27,24,.22)!important;
  border:1px solid rgba(255,124,34,.105)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 3px 10px rgba(0,0,0,.10)!important;
}
.hvy-product-card.is-compact .hvy-reward{
  direction:ltr!important;
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  color:#ff9c43!important;
  font-size:10px!important;
}
.hvy-product-card.is-compact .hvy-reward-carrot{
  width:14px!important;
  height:14px!important;
  min-width:14px!important;
}
.hvy-product-card.is-compact .hvy-reward-copy strong{
  font-size:9.5px!important;
  font-weight:800!important;
}
.hvy-product-card.is-compact .hvy-mini-cart{
  width:32px!important;
  height:31px!important;
  min-width:32px!important;
  border-radius:9px!important;
}
.hvy-product-card.is-compact .hvy-mini-cart .hvy-icon,
.hvy-product-card.is-compact .hvy-mini-cart svg{
  width:16px!important;
  height:16px!important;
}

/* Critical: Special Offers must not have a second compact-card design.
   These declarations deliberately neutralize all the older special-only sizing. */
.hvy-special-products .hvy-product-card.is-compact{
  border:1px solid rgba(164,177,194,.17)!important;
  border-radius:17px!important;
  background:
    linear-gradient(165deg,rgba(24,31,41,.96),rgba(12,17,24,.96))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 10px 27px rgba(0,0,0,.20)!important;
}
.hvy-special-products .hvy-product-media-wrap,
.hvy-special-products .hvy-product-card.is-compact .hvy-product-media-wrap{
  height:165px!important;
}
.hvy-special-products .hvy-product-body{
  padding:13px!important;
}
.hvy-special-products .hvy-product-body h3{
  height:40px!important;
  min-height:40px!important;
  margin:0 0 8px!important;
  font-size:13px!important;
  line-height:1.55!important;
}
.hvy-special-products .hvy-product-meta{
  min-height:20px!important;
  font-size:9px!important;
}
.hvy-special-products .hvy-price{
  min-height:30px!important;
  margin-top:8px!important;
  font-size:13px!important;
}
.hvy-special-products .hvy-price del{
  font-size:9px!important;
}
.hvy-special-products .hvy-platform{
  padding:5px 8px!important;
  border-radius:8px!important;
  font-size:9px!important;
}
.hvy-special-products .hvy-product-topline{
  inset:9px 9px auto 9px!important;
}
.hvy-special-products .hvy-sale-pill{
  right:9px!important;
  bottom:9px!important;
  padding:4px 7px!important;
  font-size:9px!important;
}
.hvy-special-products .hvy-icon-btn.hvy-wishlist{
  width:31px!important;
  height:31px!important;
  min-width:31px!important;
  min-height:31px!important;
  border-radius:50%!important;
}
.hvy-special-products .hvy-card-foot{
  min-height:38px!important;
  margin-top:7px!important;
  padding:6px 6px 6px 8px!important;
}
.hvy-special-products .hvy-reward-copy strong{
  font-size:9.5px!important;
}
.hvy-special-products .hvy-mini-cart{
  width:32px!important;
  height:31px!important;
  min-width:32px!important;
}

/* Keep responsive compact cards unified too. */
@media(max-width:767px){
  .hvy-product-card.is-compact .hvy-product-media-wrap,
  .hvy-special-products .hvy-product-media-wrap,
  .hvy-special-products .hvy-product-card.is-compact .hvy-product-media-wrap{
    height:165px!important;
  }
  .hvy-product-card.is-compact .hvy-product-body,
  .hvy-special-products .hvy-product-body{
    padding:10px!important;
  }
  .hvy-product-card.is-compact .hvy-product-body h3,
  .hvy-special-products .hvy-product-body h3{
    height:34px!important;
    min-height:34px!important;
    font-size:11px!important;
  }
  .hvy-product-card.is-compact .hvy-price,
  .hvy-special-products .hvy-price{
    font-size:11px!important;
  }
}


/* v0.2.27 — exact compact border + JS interaction repair */

/* Exact border requested by user. */
.hvy-product-card.is-compact,
.hvy-special-products .hvy-product-card.is-compact,
.hvy-section .hvy-product-card.is-compact{
  border:2px solid rgb(164 177 194 / 9%)!important;
}

/* Keep the same border language on hover, only slightly warmer. */
.hvy-product-card.is-compact:hover,
.hvy-special-products .hvy-product-card.is-compact:hover,
.hvy-section .hvy-product-card.is-compact:hover{
  border-color:rgb(255 111 45 / 24%)!important;
}

/* ONE wishlist treatment for every compact card — fully round and glass. */
.hvy-product-card.is-compact .hvy-icon-btn.hvy-wishlist,
.hvy-special-products .hvy-icon-btn.hvy-wishlist,
.hvy-section .hvy-product-card.is-compact .hvy-icon-btn.hvy-wishlist{
  width:31px!important;
  height:31px!important;
  min-width:31px!important;
  min-height:31px!important;
  padding:0!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;

  color:rgba(255,255,255,.94)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.018)),
    rgba(7,10,15,.34)!important;

  border:1px solid rgba(255,255,255,.18)!important;

  backdrop-filter:blur(10px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(10px) saturate(120%)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 4px 11px rgba(0,0,0,.16)!important;
}
.hvy-product-card.is-compact .hvy-icon-btn.hvy-wishlist .hvy-icon,
.hvy-special-products .hvy-icon-btn.hvy-wishlist .hvy-icon,
.hvy-section .hvy-product-card.is-compact .hvy-icon-btn.hvy-wishlist .hvy-icon{
  width:15px!important;
  height:15px!important;
}
.hvy-product-card.is-compact .hvy-icon-btn.hvy-wishlist:hover,
.hvy-special-products .hvy-icon-btn.hvy-wishlist:hover,
.hvy-section .hvy-product-card.is-compact .hvy-icon-btn.hvy-wishlist:hover{
  color:#fff!important;
  background:
    linear-gradient(180deg,rgba(255,128,53,.08),rgba(255,80,10,.025)),
    rgba(15,12,14,.38)!important;
  border-color:rgba(255,139,72,.30)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.065),
    0 0 12px rgba(255,86,14,.07)!important;
}
.hvy-product-card.is-compact .hvy-icon-btn.hvy-wishlist.is-active,
.hvy-special-products .hvy-icon-btn.hvy-wishlist.is-active,
.hvy-section .hvy-product-card.is-compact .hvy-icon-btn.hvy-wishlist.is-active{
  color:#ff6872!important;
  background:
    linear-gradient(180deg,rgba(238,24,68,.12),rgba(238,24,68,.035)),
    rgba(27,10,15,.42)!important;
  border-color:rgba(238,24,68,.26)!important;
}

/* Mouse drag / touch swipe affordance for all horizontal rails. */
[data-hvy-rail]{
  cursor:grab!important;
  user-select:none!important;
  -webkit-user-select:none!important;
  touch-action:pan-y!important;
  overscroll-behavior-x:contain!important;
}
[data-hvy-rail].is-dragging{
  cursor:grabbing!important;
  scroll-behavior:auto!important;
  scroll-snap-type:none!important;
}
[data-hvy-rail].is-dragging a,
[data-hvy-rail].is-dragging img{
  pointer-events:none!important;
}

/* Special and Hot sliders use discrete swipe, not expensive live transforms. */
[data-hvy-special-offers],
[data-hvy-hot-deals]{
  cursor:grab!important;
  touch-action:pan-y!important;
  user-select:none!important;
  -webkit-user-select:none!important;
}
[data-hvy-special-offers]:active,
[data-hvy-hot-deals]:active{
  cursor:grabbing!important;
}

/* Performance safeguard during an active drag.
   Remove only expensive GPU paint effects temporarily. */
html.hvy-ui-dragging .hvy-glass,
html.hvy-ui-dragging .hvy-product-card,
html.hvy-ui-dragging .hvy-hot-product-card,
html.hvy-ui-dragging .hvy-article-card{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  transition:none!important;
}
html.hvy-ui-dragging .hvy-product-card,
html.hvy-ui-dragging .hvy-hot-product-card,
html.hvy-ui-dragging .hvy-article-card{
  box-shadow:none!important;
}

/* Rotation transition kept deliberately light for performance. */
.hvy-special-page.is-active,
.hvy-hot-slide.is-active{
  animation:hvy-v027-fade .20s ease both!important;
}
@keyframes hvy-v027-fade{
  from{opacity:0}
  to{opacity:1}
}

@media(prefers-reduced-motion:reduce){
  .hvy-special-page.is-active,
  .hvy-hot-slide.is-active{
    animation:none!important;
  }
}


/* v0.2.28 — true continuous smooth rails + homepage discovery rows */

/* Every draggable rail keeps its normal RTL layout, but images never steal drag. */
.hvy-smooth-rail,
[data-hvy-rail]{
  cursor:grab!important;
  user-select:none!important;
  -webkit-user-select:none!important;
  touch-action:pan-y!important;
  overscroll-behavior-x:contain!important;
  scrollbar-width:none!important;
}
.hvy-smooth-rail::-webkit-scrollbar,
[data-hvy-rail]::-webkit-scrollbar{
  display:none!important;
}
.hvy-smooth-rail.is-dragging,
[data-hvy-rail].is-dragging{
  cursor:grabbing!important;
  scroll-behavior:auto!important;
  scroll-snap-type:none!important;
}
.hvy-smooth-rail img,
[data-hvy-rail] img{
  -webkit-user-drag:none!important;
  user-drag:none!important;
  pointer-events:auto!important;
}

/* Only block clicks while the pointer is actually moving; drag can start on images/links. */
html.hvy-ui-dragging .hvy-smooth-rail img,
html.hvy-ui-dragging [data-hvy-rail] img{
  pointer-events:none!important;
}

/* Remove costly rendering only during active pointer drag. */
html.hvy-ui-dragging .hvy-glass,
html.hvy-ui-dragging .hvy-product-card,
html.hvy-ui-dragging .hvy-article-card,
html.hvy-ui-dragging .hvy-hot-product-card{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  transition:none!important;
}
html.hvy-ui-dragging .hvy-product-card,
html.hvy-ui-dragging .hvy-article-card,
html.hvy-ui-dragging .hvy-hot-product-card{
  box-shadow:none!important;
}

/* Special Offers is now one continuous product rail, not page-swapping groups. */
.hvy-special-products{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:9px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x proximity!important;
  padding:2px 1px 3px!important;
}
.hvy-special-products > .hvy-product-card{
  flex:0 0 calc((100% - 36px) / 5)!important;
  min-width:0!important;
  scroll-snap-align:start!important;
}
.hvy-special-pages{
  min-height:0!important;
}

/* Hot Deals is also a real horizontally scrolling rail. */
.hvy-hot-scroll{
  flex:1 1 auto!important;
  min-height:0!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x proximity!important;
}
.hvy-hot-scroll .hvy-hot-slide{
  display:flex!important;
  flex:0 0 100%!important;
  width:100%!important;
  min-width:100%!important;
  min-height:0!important;
  opacity:1!important;
  transform:none!important;
  animation:none!important;
  flex-direction:column!important;
  scroll-snap-align:start!important;
}
.hvy-hot-scroll .hvy-hot-slide .hvy-hot-product-card{
  flex:1 1 auto!important;
  min-height:190px!important;
}

/* Dots track the continuous rail but retain hero-dot styling. */
.hvy-special-offers-dots,
.hvy-hot-dots{
  flex:0 0 auto!important;
}

/* Discovery rows between home-top and editorial. */
.hvy-home-discovery{
  display:flex!important;
  flex-direction:column!important;
  gap:16px!important;
  margin:0 0 24px!important;
}
.hvy-home-discovery .hvy-section{
  margin-top:0!important;
}
.hvy-product-discovery-section,
.hvy-filter-products-section{
  padding:15px 14px 14px!important;
}
.hvy-product-discovery-section .hvy-product-rail,
.hvy-filter-products-section .hvy-product-rail{
  grid-auto-columns:minmax(205px,230px)!important;
  gap:10px!important;
  padding-bottom:3px!important;
}

/* Attribute/brand filter pills. */
.hvy-filter-section-head{
  margin-bottom:9px!important;
}
.hvy-filter-tabs{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
  padding:0 1px 11px!important;
  direction:rtl!important;
}
.hvy-filter-tabs::-webkit-scrollbar{
  display:none!important;
}
.hvy-filter-tabs button{
  flex:0 0 auto!important;
  min-height:32px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  color:#aeb6c2!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),
    rgba(12,17,24,.45)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important;
  font:inherit!important;
  font-size:10px!important;
  font-weight:720!important;
  cursor:pointer!important;
  white-space:nowrap!important;
  transition:
    color .18s ease,
    background .18s ease,
    border-color .18s ease,
    box-shadow .18s ease!important;
}
.hvy-filter-tabs button:hover{
  color:#fff!important;
  border-color:rgba(255,125,53,.18)!important;
}
.hvy-filter-tabs button.is-active{
  color:#fff3eb!important;
  background:
    linear-gradient(180deg,rgba(255,119,40,.12),rgba(255,74,0,.045)),
    rgba(30,22,19,.48)!important;
  border-color:rgba(255,126,50,.24)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 0 12px rgba(255,84,9,.045)!important;
}
.hvy-filter-tabs button:disabled{
  opacity:.55!important;
  cursor:wait!important;
}
.hvy-filter-products-section.is-loading .hvy-product-rail{
  opacity:.42!important;
  pointer-events:none!important;
}
.hvy-filter-empty{
  min-width:100%!important;
  min-height:150px!important;
  display:grid!important;
  place-items:center!important;
  color:#8d96a3!important;
  font-size:11px!important;
}

/* Keep exact requested compact card border everywhere including the new lists. */
.hvy-home-discovery .hvy-product-card.is-compact,
.hvy-special-products .hvy-product-card.is-compact,
.hvy-product-card.is-compact{
  border:2px solid rgb(164 177 194 / 9%)!important;
}

/* Wishlist remains identical across every compact card. */
.hvy-home-discovery .hvy-product-card.is-compact .hvy-icon-btn.hvy-wishlist,
.hvy-special-products .hvy-product-card.is-compact .hvy-icon-btn.hvy-wishlist,
.hvy-product-card.is-compact .hvy-icon-btn.hvy-wishlist{
  width:31px!important;
  height:31px!important;
  min-width:31px!important;
  min-height:31px!important;
  border-radius:50%!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.018)),
    rgba(7,10,15,.34)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  backdrop-filter:blur(10px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(10px) saturate(120%)!important;
}

/* Continuous rails do not need page-swap animations from older versions. */
.hvy-special-page,
.hvy-special-page.is-active,
.hvy-hot-slide,
.hvy-hot-slide.is-active{
  animation:none!important;
}

/* Keep mouse drag responsive by avoiding image zoom transitions while dragging. */
html.hvy-ui-dragging .hvy-product-card:hover,
html.hvy-ui-dragging .hvy-article-card:hover{
  transform:none!important;
}
html.hvy-ui-dragging .hvy-product-card:hover .hvy-product-media img,
html.hvy-ui-dragging .hvy-article-card:hover .hvy-article-media img{
  transform:none!important;
}

@media(max-width:1350px){
  .hvy-special-products > .hvy-product-card{
    flex-basis:calc((100% - 27px) / 4)!important;
  }
}
@media(max-width:980px){
  .hvy-special-products > .hvy-product-card{
    flex-basis:180px!important;
    min-width:180px!important;
  }
  .hvy-product-discovery-section .hvy-product-rail,
  .hvy-filter-products-section .hvy-product-rail{
    grid-auto-columns:minmax(180px,42vw)!important;
  }
}
@media(max-width:640px){
  .hvy-home-discovery{
    gap:12px!important;
    margin-bottom:20px!important;
  }
  .hvy-product-discovery-section,
  .hvy-filter-products-section{
    padding:13px 12px 12px!important;
  }
  .hvy-special-products > .hvy-product-card{
    flex-basis:165px!important;
    min-width:165px!important;
  }
  .hvy-filter-tabs button{
    min-height:30px!important;
    padding:0 10px!important;
    font-size:9px!important;
  }
}


/* v0.2.29 — Epic-inspired editorial product composition */

/* Bookmark icon behavior; keep legacy hvy-wishlist data/JS contract. */
.hvy-wishlist.is-active{
  color:#ff985a!important;
  background:
    linear-gradient(180deg,rgba(255,126,58,.13),rgba(255,78,7,.04)),
    rgba(29,18,14,.48)!important;
  border-color:rgba(255,131,65,.28)!important;
}
.hvy-wishlist.is-active .hvy-icon{
  fill:currentColor!important;
}

/* ---------------------------------------------------------
   Epic-style: large editorial CTA + compact product rows
---------------------------------------------------------- */
.hvy-epic-listing-section{
  overflow:visible!important;
}
.hvy-epic-listing-layout{
  display:grid!important;
  grid-template-columns:360px minmax(0,1fr)!important;
  gap:20px!important;
  direction:ltr!important;
  align-items:stretch!important;
}
.hvy-epic-cta-card{
  min-height:360px!important;
  position:relative!important;
  overflow:hidden!important;
  border-radius:18px!important;
  display:flex!important;
  align-items:flex-end!important;
  text-decoration:none!important;
  background:
    linear-gradient(180deg,rgba(9,11,17,.02),rgba(10,9,18,.86)),
    var(--hvy-epic-bg) center/cover no-repeat!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 14px 34px rgba(0,0,0,.23)!important;
  isolation:isolate!important;
  transform:translateZ(0)!important;
}
.hvy-epic-cta-card::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  background:
    radial-gradient(circle at 25% 18%,rgba(103,77,255,.16),transparent 34%),
    linear-gradient(155deg,rgba(255,255,255,.035),transparent 28%,rgba(255,83,19,.045) 100%)!important;
  pointer-events:none!important;
}
.hvy-epic-cta-card::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  background:linear-gradient(180deg,transparent 28%,rgba(7,9,14,.26) 56%,rgba(7,8,13,.93) 100%)!important;
  pointer-events:none!important;
}
.hvy-epic-cta-glow{
  position:absolute!important;
  z-index:0!important;
  width:220px!important;
  height:220px!important;
  top:-90px!important;
  left:-80px!important;
  border-radius:50%!important;
  background:rgba(113,86,255,.18)!important;
  filter:blur(50px)!important;
  opacity:.75!important;
  transition:transform .5s ease,opacity .5s ease!important;
}
.hvy-epic-cta-copy{
  position:relative!important;
  z-index:2!important;
  width:100%!important;
  padding:24px!important;
  direction:rtl!important;
  text-align:right!important;
}
.hvy-epic-cta-kicker{
  display:inline-flex!important;
  margin-bottom:8px!important;
  padding:5px 8px!important;
  border-radius:999px!important;
  color:#ffad78!important;
  background:rgba(255,93,16,.09)!important;
  border:1px solid rgba(255,112,36,.13)!important;
  font-size:9px!important;
  font-weight:800!important;
}
.hvy-epic-cta-copy h3{
  margin:0 0 8px!important;
  color:#fff!important;
  font-size:31px!important;
  line-height:1.05!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
}
.hvy-epic-cta-copy p{
  max-width:280px!important;
  margin:0 0 17px!important;
  color:#c4c8d1!important;
  font-size:10.5px!important;
  line-height:1.8!important;
}
.hvy-epic-cta-button{
  min-height:39px!important;
  padding:0 14px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  border-radius:10px!important;
  color:#161616!important;
  background:#fff!important;
  font-size:10px!important;
  font-weight:850!important;
  box-shadow:0 7px 18px rgba(0,0,0,.18)!important;
  transition:transform .22s ease,box-shadow .22s ease!important;
}
.hvy-epic-cta-button .hvy-icon{
  width:14px!important;
  height:14px!important;
}
.hvy-epic-cta-card:hover{
  border-color:rgba(255,255,255,.18)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 18px 42px rgba(0,0,0,.30),
    0 0 20px rgba(103,77,255,.045)!important;
}
.hvy-epic-cta-card:hover .hvy-epic-cta-glow{
  transform:translate(18px,16px) scale(1.08)!important;
  opacity:1!important;
}
.hvy-epic-cta-card:hover .hvy-epic-cta-button{
  transform:translateY(-2px)!important;
  box-shadow:0 10px 23px rgba(0,0,0,.23)!important;
}

.hvy-epic-list-grid{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-template-rows:repeat(3,minmax(0,1fr))!important;
  grid-auto-flow:column!important;
  gap:8px 14px!important;
  direction:ltr!important;
}
.hvy-epic-list-item{
  min-width:0!important;
  min-height:108px!important;
  position:relative!important;
  display:grid!important;
  grid-template-columns:62px minmax(0,1fr) 27px!important;
  grid-template-areas:
    "media copy bookmark"!important;
  align-items:center!important;
  gap:10px!important;
  padding:7px!important;
  border-radius:12px!important;
  direction:ltr!important;
  background:rgba(255,255,255,0)!important;
  border:1px solid transparent!important;
  transition:
    background .22s ease,
    border-color .22s ease,
    transform .22s ease,
    box-shadow .22s ease!important;
}
.hvy-epic-list-item:hover{
  transform:translateY(-2px)!important;
  background:
    linear-gradient(100deg,rgba(255,255,255,.035),rgba(255,255,255,.012))!important;
  border-color:rgba(255,255,255,.075)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.12)!important;
}
.hvy-epic-list-media{
  grid-area:media!important;
  width:62px!important;
  height:82px!important;
  overflow:hidden!important;
  border-radius:8px!important;
  background:#0a0d12!important;
  border:1px solid rgba(255,255,255,.07)!important;
}
.hvy-epic-list-media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  transition:transform .35s ease,filter .35s ease!important;
}
.hvy-epic-list-item:hover .hvy-epic-list-media img{
  transform:scale(1.065)!important;
  filter:saturate(1.07)!important;
}
.hvy-epic-list-copy{
  grid-area:copy!important;
  min-width:0!important;
  direction:rtl!important;
  text-align:right!important;
}
.hvy-epic-list-title{
  display:block!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  color:#f4f5f7!important;
  font-size:10.5px!important;
  line-height:1.45!important;
  font-weight:800!important;
  text-decoration:none!important;
}
.hvy-epic-list-tags{
  min-height:20px!important;
  margin-top:5px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  gap:4px!important;
  direction:rtl!important;
}
.hvy-epic-chip{
  min-height:19px!important;
  padding:0 6px!important;
  border-radius:6px!important;
  display:inline-flex!important;
  align-items:center!important;
  color:#c7ccd4!important;
  background:rgba(255,255,255,.065)!important;
  border:1px solid rgba(255,255,255,.055)!important;
  font-size:7.5px!important;
  line-height:1!important;
  font-weight:750!important;
}
.hvy-epic-chip.is-discount{
  color:#081118!important;
  background:#31c8f4!important;
  border-color:transparent!important;
}
.hvy-epic-chip.is-free{
  color:#102014!important;
  background:#79e178!important;
  border-color:transparent!important;
}
.hvy-epic-chip.is-bid{
  color:#fff1e8!important;
  background:rgba(255,77,0,.18)!important;
  border-color:rgba(255,102,30,.20)!important;
}
.hvy-epic-list-price{
  margin-top:3px!important;
  color:#f1f3f6!important;
  font-size:9.5px!important;
  line-height:1.35!important;
  font-weight:720!important;
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:5px!important;
}
.hvy-epic-list-price del{
  opacity:.42!important;
  font-size:8px!important;
}
.hvy-epic-list-price ins{
  text-decoration:none!important;
}
.hvy-epic-bookmark{
  grid-area:bookmark!important;
  align-self:start!important;
  justify-self:end!important;
  width:27px!important;
  height:27px!important;
  min-width:27px!important;
  min-height:27px!important;
  border-radius:50%!important;
  opacity:.58!important;
  transform:translateY(2px)!important;
  transition:opacity .22s ease,transform .22s ease,background .22s ease!important;
}
.hvy-epic-list-item:hover .hvy-epic-bookmark{
  opacity:1!important;
  transform:translateY(0)!important;
}
.hvy-epic-list-arrow{
  position:absolute!important;
  left:7px!important;
  bottom:7px!important;
  width:25px!important;
  height:25px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  color:#aeb6c2!important;
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(255,255,255,.055)!important;
  opacity:0!important;
  transform:translateX(5px)!important;
  transition:opacity .22s ease,transform .22s ease,color .22s ease!important;
}
.hvy-epic-list-arrow .hvy-icon{
  width:12px!important;
  height:12px!important;
}
.hvy-epic-list-item:hover .hvy-epic-list-arrow{
  opacity:1!important;
  transform:translateX(0)!important;
  color:#ff9b60!important;
}

/* ---------------------------------------------------------
   Free Games — editorial cards, not another ordinary rail.
---------------------------------------------------------- */
.hvy-free-games-rail{
  display:flex!important;
  gap:10px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x proximity!important;
  padding:2px 1px 3px!important;
}
.hvy-free-game-card{
  flex:0 0 calc((100% - 30px)/4)!important;
  min-width:0!important;
  position:relative!important;
  overflow:hidden!important;
  border-radius:15px!important;
  scroll-snap-align:start!important;
  background:
    linear-gradient(165deg,rgba(23,31,41,.96),rgba(11,16,23,.96))!important;
  border:2px solid rgb(164 177 194 / 9%)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.18)!important;
  transition:
    transform .25s ease,
    border-color .25s ease,
    box-shadow .25s ease!important;
}
.hvy-free-game-card:hover{
  transform:translateY(-4px)!important;
  border-color:rgba(121,225,120,.20)!important;
  box-shadow:
    0 15px 34px rgba(0,0,0,.26),
    0 0 19px rgba(121,225,120,.035)!important;
}
.hvy-free-game-media{
  height:195px!important;
  position:relative!important;
  display:block!important;
  overflow:hidden!important;
  background:#090d12!important;
}
.hvy-free-game-media img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  transition:transform .42s ease,filter .42s ease!important;
}
.hvy-free-game-card:hover .hvy-free-game-media img{
  transform:scale(1.05)!important;
  filter:saturate(1.06)!important;
}
.hvy-free-game-overlay{
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg,transparent 48%,rgba(7,10,15,.66) 100%)!important;
}
.hvy-free-now{
  position:absolute!important;
  right:9px!important;
  bottom:9px!important;
  min-height:23px!important;
  padding:0 8px!important;
  border-radius:7px!important;
  display:flex!important;
  align-items:center!important;
  color:#102014!important;
  background:#79e178!important;
  font-size:8.5px!important;
  font-weight:900!important;
  box-shadow:0 5px 12px rgba(0,0,0,.16)!important;
}
.hvy-free-bookmark{
  position:absolute!important;
  z-index:3!important;
  left:9px!important;
  top:9px!important;
  width:31px!important;
  height:31px!important;
  border-radius:50%!important;
}
.hvy-free-game-body{
  min-height:92px!important;
  padding:11px 12px 12px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  direction:rtl!important;
  text-align:right!important;
}
.hvy-free-platform{
  margin-bottom:6px!important;
  padding:3px 6px!important;
  border-radius:6px!important;
  color:#aeb7c4!important;
  background:rgba(255,255,255,.045)!important;
  font-size:7.5px!important;
  font-weight:750!important;
}
.hvy-free-game-body>a{
  color:#f4f6f8!important;
  font-size:11px!important;
  line-height:1.5!important;
  font-weight:800!important;
  text-decoration:none!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.hvy-free-game-body>strong{
  margin-top:auto!important;
  padding-top:7px!important;
  color:#79e178!important;
  font-size:8.5px!important;
  font-weight:800!important;
}

/* Bidding gets a warmer signal without inventing fake bid data. */
.hvy-epic-list-item.is-bid:hover{
  border-color:rgba(255,94,21,.15)!important;
  box-shadow:
    0 8px 20px rgba(0,0,0,.14),
    0 0 15px rgba(255,77,0,.03)!important;
}

@media(max-width:1350px){
  .hvy-epic-listing-layout{
    grid-template-columns:315px minmax(0,1fr)!important;
  }
  .hvy-epic-list-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(4,minmax(0,1fr))!important;
  }
  .hvy-epic-list-item:nth-child(9){
    display:none!important;
  }
  .hvy-free-game-card{
    flex-basis:calc((100% - 20px)/3)!important;
  }
}
@media(max-width:980px){
  .hvy-epic-listing-layout{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .hvy-epic-cta-card{
    min-height:280px!important;
  }
  .hvy-epic-list-grid{
    display:flex!important;
    overflow-x:auto!important;
    gap:9px!important;
    padding-bottom:2px!important;
    scrollbar-width:none!important;
  }
  .hvy-epic-list-grid::-webkit-scrollbar{
    display:none!important;
  }
  .hvy-epic-list-item,
  .hvy-epic-list-item:nth-child(9){
    display:grid!important;
    flex:0 0 260px!important;
    min-width:260px!important;
  }
  .hvy-free-game-card{
    flex-basis:220px!important;
    min-width:220px!important;
  }
}
@media(max-width:640px){
  .hvy-epic-cta-card{
    min-height:245px!important;
  }
  .hvy-epic-cta-copy{
    padding:18px!important;
  }
  .hvy-epic-cta-copy h3{
    font-size:25px!important;
  }
  .hvy-epic-cta-copy p{
    max-width:230px!important;
    font-size:9.5px!important;
  }
  .hvy-epic-list-item{
    flex-basis:238px!important;
    min-width:238px!important;
  }
  .hvy-free-game-card{
    flex-basis:190px!important;
    min-width:190px!important;
  }
  .hvy-free-game-media{
    height:165px!important;
  }
}


/* =========================================================
   v0.2.30 — Havyj Home Showcase Lab
   Added BELOW the existing home structure. Existing sections remain.
========================================================= */
.hvy-home-showcase-lab{
  display:flex!important;
  flex-direction:column!important;
  gap:18px!important;
  margin:28px 0 26px!important;
}
.hvy-showcase{
  position:relative!important;
  overflow:hidden!important;
  padding:15px!important;
  border-radius:20px!important;
  background:
    radial-gradient(circle at 8% 0%,rgba(255,91,15,.035),transparent 28%),
    linear-gradient(160deg,rgba(20,27,36,.94),rgba(10,15,22,.95))!important;
  border:1px solid rgba(255,255,255,.075)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.022),
    0 12px 31px rgba(0,0,0,.17)!important;
}
.hvy-showcase-heading{
  min-height:35px!important;
  margin:0 0 11px!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
  direction:rtl!important;
}
.hvy-showcase-heading>div{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
}
.hvy-showcase-heading>div>span{
  color:#ff9c4e!important;
  font-size:10px!important;
  font-weight:750!important;
}
.hvy-showcase-heading h2,
.hvy-showcase-heading h3{
  margin:0!important;
  color:#f5f6f8!important;
  font-size:16px!important;
  line-height:1.35!important;
  font-weight:850!important;
}
.hvy-showcase-heading>a{
  color:#ff9b5f!important;
  font-size:9px!important;
  font-weight:800!important;
  text-decoration:none!important;
}

/* ---------- Popular platform tiles ---------- */
.hvy-platform-tile-rail{
  display:flex!important;
  gap:10px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:2px 1px 3px!important;
  scroll-snap-type:x proximity!important;
}
.hvy-platform-tile{
  --tile-accent:105,176,255;
  flex:0 0 132px!important;
  min-width:132px!important;
  height:112px!important;
  position:relative!important;
  overflow:hidden!important;
  border-radius:14px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  color:#f7f8fa!important;
  text-decoration:none!important;
  background:
    radial-gradient(circle at 50% 20%,rgba(var(--tile-accent),.15),transparent 45%),
    linear-gradient(180deg,rgba(25,34,46,.96),rgba(13,18,25,.96))!important;
  border:1px solid rgba(var(--tile-accent),.22)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 7px 18px rgba(0,0,0,.16),
    0 0 17px rgba(var(--tile-accent),.045)!important;
  scroll-snap-align:start!important;
  transition:
    transform .28s cubic-bezier(.2,.8,.2,1),
    border-color .28s ease,
    box-shadow .28s ease!important;
}
.hvy-platform-tile.is-steam{--tile-accent:60,184,220}
.hvy-platform-tile.is-playstation{--tile-accent:95,76,220}
.hvy-platform-tile.is-xbox{--tile-accent:78,206,54}
.hvy-platform-tile.is-nintendo{--tile-accent:234,57,42}
.hvy-platform-tile.is-epic{--tile-accent:190,190,198}
.hvy-platform-tile.is-mobile{--tile-accent:235,152,43}
.hvy-platform-tile.is-pc{--tile-accent:61,180,220}
.hvy-platform-tile.is-apple{--tile-accent:215,215,221}
.hvy-platform-tile-glow{
  position:absolute!important;
  width:88px!important;
  height:88px!important;
  top:-42px!important;
  border-radius:50%!important;
  background:rgba(var(--tile-accent),.14)!important;
  filter:blur(25px)!important;
}
.hvy-platform-tile strong{
  position:relative!important;
  z-index:2!important;
  width:47px!important;
  height:47px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:13px!important;
  font-family:Arial,sans-serif!important;
  font-size:20px!important;
  font-weight:900!important;
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(255,255,255,.07)!important;
}
.hvy-platform-tile b{
  position:relative!important;
  z-index:2!important;
  font-size:9px!important;
  font-weight:800!important;
}
.hvy-platform-tile:hover{
  transform:translateY(-5px) scale(1.018)!important;
  border-color:rgba(var(--tile-accent),.42)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 13px 29px rgba(0,0,0,.25),
    0 0 26px rgba(var(--tile-accent),.11)!important;
}

/* ---------- New products: banner + listing ---------- */
.hvy-new-listing-layout{
  display:grid!important;
  grid-template-columns:275px minmax(0,1fr)!important;
  gap:15px!important;
  direction:ltr!important;
}
.hvy-new-listing-banner{
  min-height:302px!important;
  position:relative!important;
  overflow:hidden!important;
  border-radius:15px!important;
  display:flex!important;
  align-items:flex-end!important;
  text-decoration:none!important;
  background:
    linear-gradient(180deg,rgba(4,7,11,.08),rgba(6,8,12,.88)),
    var(--hvy-new-bg) center/cover no-repeat!important;
  border:1px solid rgba(255,115,48,.17)!important;
  box-shadow:0 11px 27px rgba(0,0,0,.22)!important;
}
.hvy-new-listing-overlay{
  position:absolute!important;
  inset:0!important;
  background:
    radial-gradient(circle at 70% 20%,rgba(255,99,26,.08),transparent 40%),
    linear-gradient(180deg,transparent 35%,rgba(8,9,13,.90) 100%)!important;
}
.hvy-new-listing-banner>div{
  position:relative!important;
  z-index:2!important;
  padding:21px!important;
  direction:rtl!important;
  text-align:right!important;
}
.hvy-new-listing-banner small{
  color:#ff9f59!important;
  font-size:8.5px!important;
  font-weight:800!important;
}
.hvy-new-listing-banner h3{
  margin:7px 0!important;
  color:#fff!important;
  font-size:22px!important;
  line-height:1.35!important;
  font-weight:900!important;
}
.hvy-new-listing-banner p{
  margin:0 0 13px!important;
  color:#b8bec8!important;
  font-size:9px!important;
}
.hvy-new-listing-cta{
  min-height:34px!important;
  padding:0 12px!important;
  border-radius:9px!important;
  display:inline-flex!important;
  align-items:center!important;
  color:#fff!important;
  background:#ff5c10!important;
  font-size:9px!important;
  font-weight:850!important;
  box-shadow:0 7px 17px rgba(255,76,0,.15)!important;
}
.hvy-new-mini-grid{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px 13px!important;
}
.hvy-new-mini-item{
  min-width:0!important;
  min-height:92px!important;
  position:relative!important;
  display:grid!important;
  grid-template-columns:55px minmax(0,1fr) 25px!important;
  align-items:center!important;
  gap:9px!important;
  padding:7px!important;
  border-radius:11px!important;
  border:1px solid transparent!important;
  transition:background .22s ease,border-color .22s ease,transform .22s ease!important;
}
.hvy-new-mini-item:hover{
  transform:translateY(-2px)!important;
  background:rgba(255,255,255,.028)!important;
  border-color:rgba(255,255,255,.065)!important;
}
.hvy-new-mini-media{
  width:55px!important;
  height:70px!important;
  overflow:hidden!important;
  border-radius:7px!important;
}
.hvy-new-mini-media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  transition:transform .32s ease!important;
}
.hvy-new-mini-item:hover .hvy-new-mini-media img{transform:scale(1.06)!important}
.hvy-new-mini-copy{
  min-width:0!important;
  direction:rtl!important;
  text-align:right!important;
}
.hvy-new-mini-copy>a{
  color:#f3f4f6!important;
  font-size:9.5px!important;
  line-height:1.4!important;
  font-weight:800!important;
  text-decoration:none!important;
  display:block!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.hvy-new-mini-copy>div{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  margin:4px 0!important;
}
.hvy-new-mini-copy>div span{
  padding:3px 5px!important;
  border-radius:5px!important;
  color:#07151b!important;
  background:#32c7f4!important;
  font-size:7px!important;
  font-weight:850!important;
}
.hvy-new-mini-copy>div small{
  color:#8f99a8!important;
  font-size:7px!important;
}
.hvy-new-mini-copy strong{
  color:#f5f6f8!important;
  font-size:9px!important;
  font-weight:750!important;
}
.hvy-new-mini-copy del{opacity:.36!important;font-size:7px!important}
.hvy-new-mini-copy ins{text-decoration:none!important}
.hvy-new-mini-bookmark{
  width:25px!important;
  height:25px!important;
  min-width:25px!important;
  min-height:25px!important;
  border-radius:50%!important;
  opacity:.62!important;
}

/* ---------- Two side-by-side rails ---------- */
.hvy-dual-rails-showcase{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:14px!important;
  padding:0!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.hvy-showcase-half{
  min-width:0!important;
  padding:14px!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:linear-gradient(160deg,rgba(20,27,36,.94),rgba(10,15,22,.95))!important;
  border:1px solid rgba(255,255,255,.075)!important;
}
.hvy-showcase-half .hvy-product-rail{
  grid-auto-columns:minmax(150px,175px)!important;
  gap:8px!important;
}
.hvy-ranked-product-rail{
  display:flex!important;
  gap:9px!important;
  overflow-x:auto!important;
  padding:2px 1px 3px!important;
}
.hvy-ranked-card{
  flex:0 0 145px!important;
  min-width:145px!important;
  position:relative!important;
  overflow:hidden!important;
  padding-bottom:9px!important;
  border-radius:13px!important;
  background:linear-gradient(165deg,rgba(25,31,40,.96),rgba(12,17,23,.96))!important;
  border:2px solid rgb(164 177 194 / 9%)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.16)!important;
}
.hvy-rank-number{
  position:absolute!important;
  z-index:4!important;
  top:7px!important;
  right:7px!important;
  width:24px!important;
  height:24px!important;
  border-radius:7px!important;
  display:grid!important;
  place-items:center!important;
  color:#101114!important;
  background:#ffb248!important;
  font-size:11px!important;
  font-weight:900!important;
}
.hvy-ranked-media{
  display:block!important;
  height:150px!important;
  overflow:hidden!important;
}
.hvy-ranked-media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  transition:transform .32s ease!important;
}
.hvy-ranked-card:hover .hvy-ranked-media img{transform:scale(1.05)!important}
.hvy-ranked-bookmark{
  position:absolute!important;
  z-index:4!important;
  top:7px!important;
  left:7px!important;
  width:25px!important;
  height:25px!important;
  min-width:25px!important;
  min-height:25px!important;
}
.hvy-ranked-copy{
  padding:9px 9px 0!important;
  direction:rtl!important;
  text-align:right!important;
}
.hvy-ranked-copy>a{
  color:#f4f5f7!important;
  font-size:9px!important;
  font-weight:800!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  display:block!important;
}
.hvy-ranked-copy>div{
  margin-top:5px!important;
  color:#f5a14f!important;
  font-size:9px!important;
}
.hvy-ranked-copy>span{
  position:absolute!important;
  left:8px!important;
  bottom:8px!important;
  padding:3px 5px!important;
  border-radius:5px!important;
  color:#0d171b!important;
  background:#35c7ef!important;
  font-size:6.5px!important;
  font-weight:850!important;
}

/* ---------- Three filter/product concept cards ---------- */
.hvy-filter-triptych{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:11px!important;
  padding:0!important;
  overflow:visible!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
}
.hvy-filter-concept-card{
  min-width:0!important;
  padding:13px!important;
  overflow:hidden!important;
  border-radius:17px!important;
  background:linear-gradient(160deg,rgba(20,27,36,.95),rgba(10,15,22,.95))!important;
  border:1px solid rgba(255,255,255,.075)!important;
  box-shadow:0 10px 27px rgba(0,0,0,.15)!important;
}
.hvy-filter-concept-head{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  margin-bottom:9px!important;
}
.hvy-filter-concept-head span{font-size:14px!important}
.hvy-filter-concept-head h3{
  margin:0!important;
  color:#f5f6f8!important;
  font-size:14px!important;
  font-weight:850!important;
}
.hvy-concept-pills{
  display:flex!important;
  gap:5px!important;
  overflow-x:auto!important;
  padding-bottom:9px!important;
  scrollbar-width:none!important;
}
.hvy-concept-pills::-webkit-scrollbar{display:none!important}
.hvy-concept-pills a,
.hvy-concept-pills span{
  flex:0 0 auto!important;
  min-height:27px!important;
  padding:0 9px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  color:#9ca5b2!important;
  background:rgba(255,255,255,.025)!important;
  border:1px solid rgba(255,255,255,.07)!important;
  font-size:8px!important;
  font-weight:700!important;
  text-decoration:none!important;
}
.hvy-concept-pills .is-active{
  color:#fff2e9!important;
  border-color:rgba(255,110,36,.22)!important;
  background:rgba(255,83,10,.08)!important;
}
.hvy-brand-badges{
  min-height:38px!important;
  display:flex!important;
  gap:6px!important;
  overflow-x:auto!important;
  padding-bottom:8px!important;
}
.hvy-brand-badges a{
  flex:0 0 55px!important;
  min-width:55px!important;
  height:37px!important;
  border-radius:9px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  color:#dfe3e8!important;
  background:rgba(255,255,255,.025)!important;
  border:1px solid rgba(255,255,255,.06)!important;
  text-decoration:none!important;
}
.hvy-brand-badges strong{font-size:10px!important}
.hvy-brand-badges span{font-size:5.8px!important;color:#8993a0!important}
.hvy-concept-product-row{
  display:flex!important;
  gap:7px!important;
  overflow-x:auto!important;
  padding:2px 1px!important;
}
.hvy-concept-product-row>.hvy-product-card{
  flex:0 0 125px!important;
  min-width:125px!important;
}
.hvy-concept-product-row .hvy-product-media-wrap{height:112px!important}
.hvy-concept-product-row .hvy-product-body{padding:8px!important}
.hvy-concept-product-row .hvy-product-body h3{font-size:8.5px!important;min-height:26px!important;height:26px!important}
.hvy-concept-product-row .hvy-price{font-size:8.5px!important;min-height:21px!important}
.hvy-concept-product-row .hvy-card-foot{display:none!important}

/* ---------- Promo trio ---------- */
.hvy-promo-trio{
  display:grid!important;
  grid-template-columns:1fr 1fr 1fr!important;
  gap:11px!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.hvy-promo-card{
  min-height:125px!important;
  position:relative!important;
  overflow:hidden!important;
  padding:17px!important;
  border-radius:17px!important;
  display:flex!important;
  align-items:center!important;
  text-decoration:none!important;
  border:1px solid rgba(255,255,255,.085)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.18)!important;
  transition:transform .25s ease,box-shadow .25s ease!important;
}
.hvy-promo-card:hover{transform:translateY(-3px)!important;box-shadow:0 14px 34px rgba(0,0,0,.24)!important}
.hvy-promo-card>div:first-child{
  position:relative!important;
  z-index:3!important;
  max-width:62%!important;
  direction:rtl!important;
  text-align:right!important;
}
.hvy-promo-card h3{
  margin:3px 0 6px!important;
  color:#fff!important;
  font-size:14px!important;
  line-height:1.4!important;
  font-weight:900!important;
}
.hvy-promo-card p{
  margin:0 0 9px!important;
  color:#d0c5db!important;
  font-size:8.5px!important;
  line-height:1.6!important;
}
.hvy-promo-card>div:first-child>span{
  min-height:29px!important;
  padding:0 9px!important;
  border-radius:8px!important;
  display:inline-flex!important;
  align-items:center!important;
  color:#fff!important;
  background:rgba(255,255,255,.09)!important;
  border:1px solid rgba(255,255,255,.11)!important;
  font-size:8px!important;
  font-weight:800!important;
}
.hvy-promo-card.is-weekend{
  background:
    radial-gradient(circle at 80% 20%,rgba(255,93,159,.16),transparent 35%),
    linear-gradient(120deg,#38144a,#5b153a)!important;
}
.hvy-promo-card.is-weekend small{
  color:#ffbc74!important;
  font-size:16px!important;
  font-weight:900!important;
}
.hvy-promo-dice{
  position:absolute!important;
  left:24px!important;
  width:82px!important;
  height:82px!important;
  transform:rotate(-13deg)!important;
  border-radius:20px!important;
  background:linear-gradient(145deg,#6f4bff,#432b96)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 12px 27px rgba(20,8,42,.28)!important;
}
.hvy-promo-dice i{
  position:absolute!important;
  width:12px!important;
  height:12px!important;
  border-radius:50%!important;
  background:#ffca53!important;
  box-shadow:0 0 7px rgba(255,202,83,.25)!important;
}
.hvy-promo-dice i:nth-child(1){top:17px;left:17px}
.hvy-promo-dice i:nth-child(2){top:17px;right:17px;background:#ff5da8!important}
.hvy-promo-dice i:nth-child(3){top:35px;left:35px;background:#75df73!important}
.hvy-promo-dice i:nth-child(4){bottom:17px;left:17px;background:#5fc6ff!important}
.hvy-promo-dice i:nth-child(5){bottom:17px;right:17px;background:#ff7849!important}
.hvy-promo-card.is-club{
  background:
    radial-gradient(circle at 75% 40%,rgba(255,166,38,.20),transparent 36%),
    linear-gradient(120deg,#74470d,#4c2b08)!important;
}
.hvy-promo-card.is-club img{
  position:absolute!important;
  left:8px!important;
  bottom:-25px!important;
  width:125px!important;
  height:auto!important;
  filter:drop-shadow(0 10px 17px rgba(0,0,0,.25))!important;
}
.hvy-promo-card.is-gift{
  background:
    radial-gradient(circle at 78% 40%,rgba(53,111,255,.19),transparent 37%),
    linear-gradient(120deg,#0b2750,#101d3d)!important;
}
.hvy-gift-stack{
  position:absolute!important;
  left:18px!important;
  display:flex!important;
  align-items:center!important;
  direction:ltr!important;
}
.hvy-gift-stack b{
  width:49px!important;
  height:66px!important;
  margin-left:-18px!important;
  border-radius:9px!important;
  display:grid!important;
  place-items:center!important;
  color:#fff!important;
  background:linear-gradient(145deg,#164d98,#14336e)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  box-shadow:0 8px 17px rgba(0,0,0,.20)!important;
  font-size:11px!important;
}
.hvy-gift-stack b:nth-child(2){background:linear-gradient(145deg,#2b4caa,#1b2d73)!important}
.hvy-gift-stack b:nth-child(3){background:linear-gradient(145deg,#277a45,#12532b)!important}
.hvy-gift-stack b:nth-child(4){background:linear-gradient(145deg,#c83e33,#8b221d)!important}

/* ---------- Compact nav trio ---------- */
.hvy-compact-navigation{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:11px!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.hvy-compact-navigation>article{
  min-width:0!important;
  padding:13px!important;
  border-radius:16px!important;
  background:linear-gradient(160deg,rgba(20,27,36,.95),rgba(10,15,22,.95))!important;
  border:1px solid rgba(255,255,255,.07)!important;
}
.hvy-nav-chip-grid{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
}
.hvy-nav-chip-grid a{
  min-height:27px!important;
  padding:0 11px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#aab2bf!important;
  background:rgba(255,255,255,.02)!important;
  border:1px solid rgba(255,255,255,.07)!important;
  font-size:8px!important;
  font-weight:720!important;
  text-decoration:none!important;
}
.hvy-nav-chip-grid a.is-active{
  color:#ffeadc!important;
  border-color:rgba(255,108,32,.25)!important;
  background:rgba(255,82,7,.08)!important;
}
.hvy-mini-brand-grid{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:6px!important;
}
.hvy-mini-brand-grid a{
  min-width:0!important;
  height:48px!important;
  border-radius:9px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  color:#f1f3f5!important;
  background:rgba(255,255,255,.022)!important;
  border:1px solid rgba(255,255,255,.06)!important;
  text-decoration:none!important;
}
.hvy-mini-brand-grid strong{font-size:13px!important}
.hvy-mini-brand-grid small{
  max-width:100%!important;
  padding:0 4px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  color:#7f8996!important;
  font-size:6px!important;
}
.hvy-mini-category-grid{
  display:grid!important;
  grid-template-columns:repeat(6,1fr)!important;
  gap:6px!important;
}
.hvy-mini-category-grid a{
  min-width:0!important;
  height:55px!important;
  border-radius:9px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  color:#b4bdca!important;
  background:rgba(255,255,255,.022)!important;
  border:1px solid rgba(255,255,255,.06)!important;
  text-decoration:none!important;
}
.hvy-mini-category-grid a span{color:#ff8e42!important;font-size:15px!important}
.hvy-mini-category-grid a small{
  max-width:100%!important;
  padding:0 3px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  font-size:6.4px!important;
}

/* ---------- Split special/hot deal panels ---------- */
.hvy-deal-split{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:11px!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.hvy-deal-panel{
  min-width:0!important;
  padding:13px!important;
  border-radius:17px!important;
  background:linear-gradient(160deg,rgba(20,27,36,.95),rgba(10,15,22,.95))!important;
  border:1px solid rgba(255,255,255,.075)!important;
}
.hvy-deal-feature-layout{
  display:grid!important;
  grid-template-columns:190px minmax(0,1fr)!important;
  gap:9px!important;
  direction:ltr!important;
}
.hvy-deal-primary{
  min-height:245px!important;
  position:relative!important;
  overflow:hidden!important;
  border-radius:12px!important;
  display:block!important;
  background:#090d13!important;
  border:1px solid rgba(255,255,255,.075)!important;
}
.hvy-deal-primary>img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
.hvy-deal-primary::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg,transparent 44%,rgba(6,8,12,.92) 100%)!important;
}
.hvy-deal-primary>div{
  position:absolute!important;
  z-index:2!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  padding:11px!important;
  direction:rtl!important;
}
.hvy-deal-primary strong{
  display:block!important;
  color:#fff!important;
  font-size:9.5px!important;
  margin-bottom:4px!important;
}
.hvy-deal-primary>div{
  color:#ff9a49!important;
  font-size:9px!important;
}
.hvy-deal-primary em{
  position:absolute!important;
  z-index:3!important;
  top:9px!important;
  right:9px!important;
  padding:4px 6px!important;
  border-radius:6px!important;
  color:#fff!important;
  background:#ee1844!important;
  font-size:7px!important;
  font-style:normal!important;
  font-weight:900!important;
}
.hvy-deal-mini-list{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:7px!important;
}
.hvy-deal-mini-list>a{
  min-width:0!important;
  position:relative!important;
  overflow:hidden!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.018)!important;
  border:1px solid rgba(255,255,255,.06)!important;
  text-decoration:none!important;
}
.hvy-deal-mini-list img{
  width:100%!important;
  height:83px!important;
  object-fit:cover!important;
  display:block!important;
}
.hvy-deal-mini-list span{
  display:block!important;
  padding:7px!important;
  direction:rtl!important;
  color:#ff9b4f!important;
  font-size:8px!important;
}
.hvy-deal-mini-list b{
  display:block!important;
  margin-bottom:4px!important;
  color:#f1f3f5!important;
  font-size:7.6px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.hvy-deal-mini-list small{
  position:absolute!important;
  top:6px!important;
  right:6px!important;
  padding:3px 5px!important;
  border-radius:5px!important;
  color:#fff!important;
  background:#ee1844!important;
  font-size:6px!important;
  font-weight:850!important;
}

/* ---------- Full-width community + app banner ---------- */
.hvy-community-app-banner{
  min-height:132px!important;
  display:grid!important;
  grid-template-columns:1fr 180px 1fr!important;
  align-items:center!important;
  gap:5px!important;
  padding:18px 23px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 50% 60%,rgba(117,62,255,.19),transparent 24%),
    radial-gradient(circle at 15% 20%,rgba(77,77,255,.12),transparent 34%),
    linear-gradient(100deg,#1d1549,#231055 48%,#101b46)!important;
  border-color:rgba(137,91,255,.16)!important;
}
.hvy-community-app-banner::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 38% 50%,rgba(255,142,38,.13) 0 2px,transparent 3px),
    radial-gradient(circle at 62% 34%,rgba(158,87,255,.16) 0 3px,transparent 4px)!important;
  background-size:78px 78px,105px 105px!important;
  opacity:.7!important;
}
.hvy-community-side,
.hvy-app-side{
  position:relative!important;
  z-index:3!important;
  direction:rtl!important;
}
.hvy-community-side h2,
.hvy-app-side h2{
  margin:0 0 6px!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:900!important;
}
.hvy-community-side p,
.hvy-app-side p{
  margin:0 0 10px!important;
  color:#c9c2de!important;
  font-size:8.5px!important;
  line-height:1.65!important;
}
.hvy-community-side a{
  min-height:31px!important;
  padding:0 10px!important;
  border-radius:8px!important;
  display:inline-flex!important;
  align-items:center!important;
  color:#fff!important;
  background:#6252df!important;
  font-size:8px!important;
  font-weight:800!important;
  text-decoration:none!important;
}
.hvy-community-rabbit{
  position:relative!important;
  z-index:3!important;
  width:155px!important;
  justify-self:center!important;
  margin-bottom:-45px!important;
  filter:drop-shadow(0 12px 18px rgba(0,0,0,.24))!important;
}
.hvy-app-side{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:12px!important;
}
.hvy-store-badges{
  display:flex!important;
  gap:6px!important;
  margin-bottom:5px!important;
}
.hvy-store-badges span{
  min-height:29px!important;
  padding:0 9px!important;
  border-radius:7px!important;
  display:inline-flex!important;
  align-items:center!important;
  color:#fff!important;
  background:#07090d!important;
  border:1px solid rgba(255,255,255,.12)!important;
  font-family:Arial,sans-serif!important;
  font-size:8px!important;
  font-weight:700!important;
}
.hvy-app-side small{
  color:#7f8cab!important;
  font-size:6.8px!important;
}
.hvy-phone-mock{
  width:76px!important;
  height:126px!important;
  position:relative!important;
  padding:12px 7px!important;
  border-radius:15px!important;
  transform:rotate(8deg)!important;
  background:linear-gradient(180deg,#111723,#080b11)!important;
  border:3px solid #242c3b!important;
  box-shadow:0 12px 24px rgba(0,0,0,.30)!important;
}
.hvy-phone-mock i{
  position:absolute!important;
  top:4px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:24px!important;
  height:4px!important;
  border-radius:999px!important;
  background:#010204!important;
}
.hvy-phone-mock b{
  display:block!important;
  margin:5px 0 10px!important;
  color:#ff792d!important;
  font-size:8px!important;
}
.hvy-phone-mock span{
  display:block!important;
  height:20px!important;
  margin-bottom:5px!important;
  border-radius:5px!important;
  background:linear-gradient(90deg,#242d3b,#131b27)!important;
}

/* Make showcase rails draggable from images too. */
.hvy-home-showcase-lab [data-hvy-rail] img{
  -webkit-user-drag:none!important;
  user-select:none!important;
}

/* Responsive */
@media(max-width:1280px){
  .hvy-new-listing-layout{grid-template-columns:240px minmax(0,1fr)!important}
  .hvy-new-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .hvy-new-mini-item:nth-child(9){display:none!important}
  .hvy-filter-triptych{grid-template-columns:1fr 1fr!important}
  .hvy-filter-triptych>.hvy-filter-concept-card:last-child{grid-column:1 / -1!important}
}
@media(max-width:980px){
  .hvy-dual-rails-showcase,
  .hvy-deal-split{grid-template-columns:1fr!important}
  .hvy-promo-trio{grid-template-columns:1fr!important}
  .hvy-filter-triptych,
  .hvy-compact-navigation{grid-template-columns:1fr!important}
  .hvy-new-listing-layout{grid-template-columns:1fr!important}
  .hvy-new-listing-banner{min-height:235px!important}
  .hvy-new-mini-grid{
    display:flex!important;
    overflow-x:auto!important;
    gap:8px!important;
  }
  .hvy-new-mini-item{
    flex:0 0 245px!important;
    min-width:245px!important;
  }
  .hvy-community-app-banner{
    grid-template-columns:1fr 130px!important;
  }
  .hvy-app-side{
    grid-column:1 / -1!important;
    justify-content:space-between!important;
    margin-top:6px!important;
  }
}
@media(max-width:640px){
  .hvy-home-showcase-lab{gap:13px!important;margin-top:20px!important}
  .hvy-showcase{padding:12px!important;border-radius:17px!important}
  .hvy-platform-tile{flex-basis:105px!important;min-width:105px!important;height:96px!important}
  .hvy-platform-tile strong{width:40px!important;height:40px!important;font-size:17px!important}
  .hvy-new-mini-item{flex-basis:220px!important;min-width:220px!important}
  .hvy-deal-feature-layout{grid-template-columns:145px minmax(0,1fr)!important}
  .hvy-deal-primary{min-height:218px!important}
  .hvy-community-app-banner{
    grid-template-columns:1fr!important;
    padding:16px!important;
  }
  .hvy-community-rabbit{
    display:none!important;
  }
  .hvy-app-side{
    grid-column:auto!important;
  }
  .hvy-phone-mock{
    width:64px!important;
    height:108px!important;
  }
}


/* v0.2.31 — Popular Platforms moved directly under home-top
   and recolored to match the sharper reference look. */

.hvy-home-top + .hvy-showcase-platforms{
  margin-top:14px!important;
  margin-bottom:18px!important;
}

.hvy-showcase-platforms{
  padding:13px 14px 14px!important;
  border-radius:18px!important;
  background:
    linear-gradient(180deg,rgba(15,20,27,.98),rgba(9,13,18,.98))!important;
  border:1px solid rgba(255,255,255,.075)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 10px 27px rgba(0,0,0,.18)!important;
}

.hvy-showcase-platforms .hvy-showcase-heading{
  margin-bottom:9px!important;
}

.hvy-platform-tile-rail{
  gap:11px!important;
  padding:2px 1px 4px!important;
}

.hvy-platform-tile{
  --tile-accent:75,180,255;
  flex:0 0 132px!important;
  min-width:132px!important;
  height:108px!important;
  border-radius:13px!important;

  background:
    radial-gradient(circle at 50% 18%,rgba(var(--tile-accent),.27),transparent 46%),
    linear-gradient(180deg,rgba(var(--tile-accent),.105),rgba(10,14,20,.96) 72%)!important;

  border:1px solid rgba(var(--tile-accent),.46)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    inset 0 0 20px rgba(var(--tile-accent),.035),
    0 8px 20px rgba(0,0,0,.22),
    0 0 20px rgba(var(--tile-accent),.075)!important;
}

.hvy-platform-tile.is-steam{
  --tile-accent:56,189,224;
  background:
    radial-gradient(circle at 50% 18%,rgba(65,204,241,.34),transparent 48%),
    linear-gradient(180deg,rgba(16,72,93,.88),rgba(8,21,29,.98))!important;
}

.hvy-platform-tile.is-playstation{
  --tile-accent:111,83,255;
  background:
    radial-gradient(circle at 50% 18%,rgba(115,84,255,.34),transparent 48%),
    linear-gradient(180deg,rgba(45,31,94,.91),rgba(17,15,36,.98))!important;
}

.hvy-platform-tile.is-xbox{
  --tile-accent:92,226,47;
  background:
    radial-gradient(circle at 50% 18%,rgba(100,231,55,.34),transparent 48%),
    linear-gradient(180deg,rgba(34,89,20,.92),rgba(14,32,12,.98))!important;
}

.hvy-platform-tile.is-nintendo{
  --tile-accent:255,71,49;
  background:
    radial-gradient(circle at 50% 18%,rgba(255,77,52,.35),transparent 48%),
    linear-gradient(180deg,rgba(103,27,20,.92),rgba(39,12,10,.98))!important;
}

.hvy-platform-tile.is-epic{
  --tile-accent:222,222,228;
  background:
    radial-gradient(circle at 50% 18%,rgba(223,223,229,.22),transparent 48%),
    linear-gradient(180deg,rgba(52,52,57,.94),rgba(20,20,23,.98))!important;
}

.hvy-platform-tile.is-mobile{
  --tile-accent:255,174,47;
  background:
    radial-gradient(circle at 50% 18%,rgba(255,184,54,.34),transparent 48%),
    linear-gradient(180deg,rgba(102,64,12,.92),rgba(39,25,8,.98))!important;
}

.hvy-platform-tile.is-pc{
  --tile-accent:72,202,239;
  background:
    radial-gradient(circle at 50% 18%,rgba(78,211,245,.33),transparent 48%),
    linear-gradient(180deg,rgba(22,79,97,.92),rgba(10,28,36,.98))!important;
}

.hvy-platform-tile.is-apple{
  --tile-accent:238,238,244;
  background:
    radial-gradient(circle at 50% 18%,rgba(238,238,244,.23),transparent 48%),
    linear-gradient(180deg,rgba(62,62,67,.94),rgba(25,25,29,.98))!important;
}

.hvy-platform-tile-glow{
  width:96px!important;
  height:96px!important;
  top:-48px!important;
  background:rgba(var(--tile-accent),.27)!important;
  filter:blur(28px)!important;
  opacity:.92!important;
}

.hvy-platform-tile strong{
  width:48px!important;
  height:48px!important;
  border-radius:12px!important;

  color:#fff!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.095),rgba(255,255,255,.025))!important;
  border:1px solid rgba(255,255,255,.13)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.075),
    0 4px 11px rgba(0,0,0,.18),
    0 0 10px rgba(var(--tile-accent),.06)!important;

  text-shadow:0 1px 4px rgba(0,0,0,.35)!important;
}

.hvy-platform-tile b{
  color:#f7f8fa!important;
  font-size:9px!important;
  font-weight:820!important;
  letter-spacing:.01em!important;
  text-shadow:0 1px 5px rgba(0,0,0,.36)!important;
}

.hvy-platform-tile:hover{
  transform:translateY(-4px) scale(1.022)!important;
  border-color:rgba(var(--tile-accent),.72)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.075),
    inset 0 0 22px rgba(var(--tile-accent),.055),
    0 13px 29px rgba(0,0,0,.28),
    0 0 27px rgba(var(--tile-accent),.16)!important;
}

.hvy-platform-tile:hover .hvy-platform-tile-glow{
  transform:scale(1.12)!important;
}

@media(max-width:640px){
  .hvy-home-top + .hvy-showcase-platforms{
    margin-top:12px!important;
    margin-bottom:14px!important;
  }

  .hvy-showcase-platforms{
    padding:11px!important;
  }

  .hvy-platform-tile{
    flex-basis:108px!important;
    min-width:108px!important;
    height:96px!important;
  }

  .hvy-platform-tile strong{
    width:41px!important;
    height:41px!important;
  }
}


/* v0.2.32 — dedicated Top 10 Bestsellers directly under Popular Platforms */
.hvy-showcase-platforms + .hvy-top10-bestsellers{
  margin-top:0!important;
  margin-bottom:18px!important;
}

.hvy-top10-bestsellers{
  padding:14px 14px 15px!important;
  overflow:visible!important;
  background:
    radial-gradient(circle at 92% 0%,rgba(255,111,28,.045),transparent 26%),
    linear-gradient(165deg,rgba(19,25,34,.96),rgba(9,13,19,.97))!important;
}

.hvy-top10-heading{
  align-items:center!important;
  margin-bottom:11px!important;
}

.hvy-top10-heading>div:first-child{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
}

.hvy-top10-heading h2{
  font-size:17px!important;
}

.hvy-top10-tools{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  direction:ltr!important;
}

.hvy-top10-tools button{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  padding:0!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  color:#d5dbe3!important;
  background:rgba(255,255,255,.03)!important;
  border:1px solid rgba(255,255,255,.09)!important;
  cursor:pointer!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.hvy-top10-tools button .hvy-icon{
  width:13px!important;
  height:13px!important;
}
.hvy-top10-tools button.is-next .hvy-icon{
  transform:rotate(180deg)!important;
}
.hvy-top10-tools button:hover{
  color:#fff!important;
  border-color:rgba(255,124,55,.25)!important;
  background:rgba(255,96,20,.055)!important;
}
.hvy-top10-tools a{
  margin-left:4px!important;
  color:#ff9a55!important;
  font-size:9px!important;
  font-weight:800!important;
  text-decoration:none!important;
}

.hvy-top10-rail{
  --top10-gap:10px;
  display:flex!important;
  gap:var(--top10-gap)!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  padding:3px 1px 5px!important;
  scroll-snap-type:x proximity!important;
  scrollbar-width:none!important;
}
.hvy-top10-rail::-webkit-scrollbar{
  display:none!important;
}

/* EXACTLY six visible cards at desktop width. */
.hvy-top10-card{
  flex:0 0 calc((100% - (5 * var(--top10-gap))) / 6)!important;
  min-width:0!important;
  position:relative!important;
  overflow:visible!important;
  padding:7px 7px 10px!important;
  border-radius:14px!important;
  scroll-snap-align:start!important;
  background:
    linear-gradient(165deg,rgba(25,31,40,.97),rgba(12,16,22,.98))!important;
  border:2px solid rgb(164 177 194 / 9%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.02),
    0 9px 23px rgba(0,0,0,.17)!important;
  transition:
    transform .26s cubic-bezier(.2,.8,.2,1),
    border-color .26s ease,
    box-shadow .26s ease!important;
}

.hvy-top10-card:hover{
  transform:translateY(-4px)!important;
  border-color:rgba(255,118,45,.25)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 15px 31px rgba(0,0,0,.26),
    0 0 18px rgba(255,86,13,.045)!important;
}

.hvy-top10-rank{
  position:absolute!important;
  z-index:1!important;
  top:-6px!important;
  right:5px!important;
  color:#ff9b24!important;
  font-family:Arial,sans-serif!important;
  font-size:62px!important;
  line-height:.9!important;
  font-weight:950!important;
  letter-spacing:-.08em!important;
  text-shadow:
    0 6px 14px rgba(0,0,0,.34),
    0 0 18px rgba(255,116,22,.10)!important;
  opacity:.96!important;
  pointer-events:none!important;
}

.hvy-top10-media{
  height:160px!important;
  position:relative!important;
  z-index:2!important;
  overflow:hidden!important;
  display:block!important;
  border-radius:10px!important;
  background:#090d12!important;
  border:1px solid rgba(255,255,255,.07)!important;
}

.hvy-top10-media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  transition:
    transform .38s cubic-bezier(.2,.8,.2,1),
    filter .38s ease!important;
}

.hvy-top10-card:hover .hvy-top10-media img{
  transform:scale(1.055)!important;
  filter:saturate(1.07) contrast(1.025)!important;
}

.hvy-top10-platform{
  position:absolute!important;
  z-index:3!important;
  left:7px!important;
  bottom:7px!important;
  padding:4px 6px!important;
  border-radius:6px!important;
  color:#e9edf2!important;
  background:rgba(5,8,12,.72)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  font-size:7px!important;
  font-weight:800!important;
}

.hvy-top10-bookmark{
  position:absolute!important;
  z-index:4!important;
  top:12px!important;
  left:12px!important;
  width:27px!important;
  height:27px!important;
  min-width:27px!important;
  min-height:27px!important;
  border-radius:50%!important;
  opacity:.82!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.018)),
    rgba(7,10,15,.42)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  backdrop-filter:blur(9px)!important;
  -webkit-backdrop-filter:blur(9px)!important;
}

.hvy-top10-copy{
  padding:9px 2px 0!important;
  direction:rtl!important;
  text-align:right!important;
}

.hvy-top10-copy>a{
  display:block!important;
  min-height:30px!important;
  color:#f2f4f6!important;
  font-size:9.5px!important;
  line-height:1.5!important;
  font-weight:800!important;
  text-decoration:none!important;
  overflow:hidden!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
}

.hvy-top10-price{
  min-height:24px!important;
  margin-top:6px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:5px!important;
  color:#ffae58!important;
  font-size:9.5px!important;
  font-weight:800!important;
}

.hvy-top10-price del{
  opacity:.36!important;
  font-size:7.5px!important;
}
.hvy-top10-price ins{
  text-decoration:none!important;
}

.hvy-top10-price>span{
  flex:0 0 auto!important;
  padding:3px 5px!important;
  border-radius:5px!important;
  color:#08151a!important;
  background:#31c8f4!important;
  font-size:7px!important;
  line-height:1!important;
  font-weight:900!important;
}

/* Keep arrows clickable outside the rail; cards themselves remain draggable. */
.hvy-top10-bestsellers [data-hvy-rail]{
  cursor:grab!important;
}
.hvy-top10-bestsellers [data-hvy-rail].is-dragging{
  cursor:grabbing!important;
}

/* Responsive counts */
@media(max-width:1350px){
  .hvy-top10-card{
    flex-basis:calc((100% - (4 * var(--top10-gap))) / 5)!important;
  }
}

@media(max-width:1080px){
  .hvy-top10-card{
    flex-basis:calc((100% - (3 * var(--top10-gap))) / 4)!important;
  }
}

@media(max-width:760px){
  .hvy-top10-card{
    flex-basis:155px!important;
    min-width:155px!important;
  }
  .hvy-top10-media{
    height:150px!important;
  }
  .hvy-top10-rank{
    font-size:54px!important;
  }
  .hvy-top10-tools a{
    display:none!important;
  }
}


/* =========================================================
   v0.2.33 — Popular Platforms glass fidelity
   No shared outer box. Each platform is its own colored glass tile.
========================================================= */

/* Remove the large shared showcase box around the platform rail. */
.hvy-showcase-platforms{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}

.hvy-home-top + .hvy-showcase-platforms{
  margin-top:15px!important;
  margin-bottom:20px!important;
}

.hvy-showcase-platforms .hvy-showcase-heading{
  padding:0 2px!important;
  margin:0 0 10px!important;
}

/* The rail itself has no panel/background/border. */
.hvy-showcase-platforms .hvy-platform-tile-rail,
.hvy-platform-tile-rail.hvy-smooth-rail{
  display:flex!important;
  align-items:stretch!important;
  gap:11px!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  padding:3px 2px 7px!important;
  margin:0!important;

  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;

  scroll-snap-type:x proximity!important;
}

/* Shared glass recipe. */
.hvy-showcase-platforms .hvy-platform-tile{
  --tile-rgb:55,185,220;
  --tile-top:.23;
  --tile-mid:.12;
  --tile-bottom:.055;

  flex:0 0 132px!important;
  min-width:132px!important;
  height:108px!important;

  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;

  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;

  border-radius:13px!important;
  color:#fff!important;
  text-decoration:none!important;

  background:
    linear-gradient(
      180deg,
      rgba(var(--tile-rgb),var(--tile-top)) 0%,
      rgba(var(--tile-rgb),var(--tile-mid)) 50%,
      rgba(var(--tile-rgb),var(--tile-bottom)) 100%
    ),
    rgba(11,15,21,.62)!important;

  border:1px solid rgba(var(--tile-rgb),.38)!important;

  backdrop-filter:blur(16px) saturate(132%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(132%)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.085),
    inset 0 -1px 0 rgba(0,0,0,.22),
    0 8px 18px rgba(0,0,0,.20),
    0 0 18px rgba(var(--tile-rgb),.075)!important;

  scroll-snap-align:start!important;

  transition:
    transform .24s cubic-bezier(.2,.8,.2,1),
    background .24s ease,
    border-color .24s ease,
    box-shadow .24s ease,
    filter .24s ease!important;
}

/* Fine glass highlight. */
.hvy-showcase-platforms .hvy-platform-tile::before{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  inset:0!important;
  pointer-events:none!important;
  border-radius:inherit!important;

  background:
    linear-gradient(
      130deg,
      rgba(255,255,255,.075) 0%,
      rgba(255,255,255,.015) 29%,
      transparent 52%
    )!important;

  opacity:.70!important;
}

/* Very subtle colored inner glow, not a big neon cloud. */
.hvy-showcase-platforms .hvy-platform-tile-glow{
  position:absolute!important;
  z-index:0!important;
  width:94px!important;
  height:68px!important;
  top:-23px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  border-radius:50%!important;

  background:rgba(var(--tile-rgb),.20)!important;
  filter:blur(22px)!important;
  opacity:.72!important;
  pointer-events:none!important;
}

/* Exact visual palette closer to the reference. */
.hvy-showcase-platforms .hvy-platform-tile.is-steam{
  --tile-rgb:39,181,220;
}
.hvy-showcase-platforms .hvy-platform-tile.is-playstation{
  --tile-rgb:105,77,217;
}
.hvy-showcase-platforms .hvy-platform-tile.is-xbox{
  --tile-rgb:76,194,38;
}
.hvy-showcase-platforms .hvy-platform-tile.is-nintendo{
  --tile-rgb:216,48,35;
}
.hvy-showcase-platforms .hvy-platform-tile.is-epic{
  --tile-rgb:153,155,163;
  --tile-top:.16;
  --tile-mid:.085;
  --tile-bottom:.04;
}
.hvy-showcase-platforms .hvy-platform-tile.is-mobile{
  --tile-rgb:224,145,28;
}
.hvy-showcase-platforms .hvy-platform-tile.is-pc{
  --tile-rgb:42,158,197;
}
.hvy-showcase-platforms .hvy-platform-tile.is-apple{
  --tile-rgb:184,186,194;
  --tile-top:.16;
  --tile-mid:.085;
  --tile-bottom:.04;
}

/* Platform mark itself remains clean/white, like the reference. */
.hvy-showcase-platforms .hvy-platform-tile strong{
  position:relative!important;
  z-index:2!important;

  width:48px!important;
  height:48px!important;
  display:grid!important;
  place-items:center!important;

  padding:0!important;
  border:0!important;
  border-radius:0!important;

  color:#fff!important;
  background:transparent!important;
  box-shadow:none!important;

  font-family:Arial,sans-serif!important;
  font-size:20px!important;
  line-height:1!important;
  font-weight:900!important;

  text-shadow:
    0 2px 6px rgba(0,0,0,.40),
    0 0 8px rgba(255,255,255,.06)!important;
}

.hvy-showcase-platforms .hvy-platform-tile b{
  position:relative!important;
  z-index:2!important;

  color:#f5f6f8!important;
  font-size:9px!important;
  line-height:1.1!important;
  font-weight:800!important;

  text-shadow:0 1px 5px rgba(0,0,0,.50)!important;
}

/* Hover: darker/deeper, while keeping a crisp colored edge. */
.hvy-showcase-platforms .hvy-platform-tile:hover{
  transform:translateY(-3px)!important;

  background:
    linear-gradient(
      180deg,
      rgba(var(--tile-rgb),calc(var(--tile-top) * .72)) 0%,
      rgba(var(--tile-rgb),calc(var(--tile-mid) * .64)) 48%,
      rgba(var(--tile-rgb),calc(var(--tile-bottom) * .52)) 100%
    ),
    rgba(5,8,12,.78)!important;

  border-color:rgba(var(--tile-rgb),.56)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    inset 0 -1px 0 rgba(0,0,0,.28),
    0 11px 24px rgba(0,0,0,.28),
    0 0 20px rgba(var(--tile-rgb),.10)!important;

  filter:brightness(.91) saturate(1.04)!important;
}

.hvy-showcase-platforms .hvy-platform-tile:hover .hvy-platform-tile-glow{
  opacity:.52!important;
  transform:translateX(-50%) scale(.95)!important;
}

/* Prevent old stronger per-platform backgrounds from bleeding through. */
.hvy-showcase-platforms .hvy-platform-tile.is-steam,
.hvy-showcase-platforms .hvy-platform-tile.is-playstation,
.hvy-showcase-platforms .hvy-platform-tile.is-xbox,
.hvy-showcase-platforms .hvy-platform-tile.is-nintendo,
.hvy-showcase-platforms .hvy-platform-tile.is-epic,
.hvy-showcase-platforms .hvy-platform-tile.is-mobile,
.hvy-showcase-platforms .hvy-platform-tile.is-pc,
.hvy-showcase-platforms .hvy-platform-tile.is-apple{
  background:
    linear-gradient(
      180deg,
      rgba(var(--tile-rgb),var(--tile-top)) 0%,
      rgba(var(--tile-rgb),var(--tile-mid)) 50%,
      rgba(var(--tile-rgb),var(--tile-bottom)) 100%
    ),
    rgba(11,15,21,.62)!important;
}

/* Re-apply darker hover after the specificity reset above. */
.hvy-showcase-platforms .hvy-platform-tile.is-steam:hover,
.hvy-showcase-platforms .hvy-platform-tile.is-playstation:hover,
.hvy-showcase-platforms .hvy-platform-tile.is-xbox:hover,
.hvy-showcase-platforms .hvy-platform-tile.is-nintendo:hover,
.hvy-showcase-platforms .hvy-platform-tile.is-epic:hover,
.hvy-showcase-platforms .hvy-platform-tile.is-mobile:hover,
.hvy-showcase-platforms .hvy-platform-tile.is-pc:hover,
.hvy-showcase-platforms .hvy-platform-tile.is-apple:hover{
  background:
    linear-gradient(
      180deg,
      rgba(var(--tile-rgb),.14) 0%,
      rgba(var(--tile-rgb),.065) 52%,
      rgba(var(--tile-rgb),.025) 100%
    ),
    rgba(5,8,12,.80)!important;
}

@media(max-width:640px){
  .hvy-showcase-platforms{
    padding:0!important;
  }

  .hvy-platform-tile-rail.hvy-smooth-rail{
    gap:9px!important;
    padding-bottom:6px!important;
  }

  .hvy-showcase-platforms .hvy-platform-tile{
    flex-basis:108px!important;
    min-width:108px!important;
    height:96px!important;
  }

  .hvy-showcase-platforms .hvy-platform-tile strong{
    width:42px!important;
    height:42px!important;
    font-size:18px!important;
  }
}


/* v0.2.34 — Top 10 rank / price / bookmark fidelity */

.hvy-top10-card{
  isolation:isolate!important;
}

/* Rank sits ON the image with a translucent orange-gold gradient. */
.hvy-top10-rank{
  position:absolute!important;
  z-index:7!important;
  top:7px!important;
  left:10px!important;
  right:auto!important;

  color:transparent!important;
  background:linear-gradient(
    180deg,
    #ffd16f 0%,
    #ffad2f 34%,
    #f27b0b 72%,
    #b84900 100%
  )!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;

  font-family:Arial,sans-serif!important;
  font-size:56px!important;
  line-height:.84!important;
  font-weight:950!important;
  letter-spacing:-.085em!important;

  opacity:.76!important;
  filter:
    drop-shadow(0 4px 5px rgba(0,0,0,.48))
    drop-shadow(0 0 8px rgba(255,137,24,.18))!important;
  text-shadow:none!important;
  pointer-events:none!important;
}

.hvy-top10-rank::after{
  content:attr(data-rank)!important;
  position:absolute!important;
  inset:0!important;
  color:#ff8a17!important;
  opacity:.12!important;
  filter:blur(7px)!important;
  pointer-events:none!important;
}

.hvy-top10-media{
  position:relative!important;
  z-index:2!important;
}

/* Fully circular glass bookmark, top-right of cover. */
.hvy-top10-bookmark,
.hvy-icon-btn.hvy-wishlist.hvy-top10-bookmark{
  position:absolute!important;
  z-index:8!important;
  top:12px!important;
  right:12px!important;
  left:auto!important;

  width:29px!important;
  height:29px!important;
  min-width:29px!important;
  min-height:29px!important;
  padding:0!important;
  border-radius:50%!important;

  display:grid!important;
  place-items:center!important;

  color:rgba(255,255,255,.94)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.025)),
    rgba(6,9,14,.45)!important;
  border:1px solid rgba(255,255,255,.20)!important;
  backdrop-filter:blur(12px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(12px) saturate(125%)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 5px 12px rgba(0,0,0,.25),
    0 0 10px rgba(255,255,255,.025)!important;

  opacity:1!important;
  transform:none!important;
}

.hvy-top10-bookmark .hvy-icon,
.hvy-icon-btn.hvy-wishlist.hvy-top10-bookmark .hvy-icon{
  width:14px!important;
  height:14px!important;
  stroke:currentColor!important;
}

.hvy-top10-bookmark:hover,
.hvy-icon-btn.hvy-wishlist.hvy-top10-bookmark:hover{
  color:#fff!important;
  background:
    linear-gradient(180deg,rgba(255,137,69,.13),rgba(255,76,7,.035)),
    rgba(7,9,14,.58)!important;
  border-color:rgba(255,140,72,.30)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.085),
    0 6px 14px rgba(0,0,0,.28),
    0 0 13px rgba(255,92,16,.075)!important;
}

/* Warm price / discount palette from the reference. */
.hvy-top10-price{
  color:#ff9b2f!important;
  font-size:10px!important;
  font-weight:850!important;
}

.hvy-top10-price .amount,
.hvy-top10-price ins,
.hvy-top10-price ins .amount{
  color:#ff9b2f!important;
}

.hvy-top10-price del,
.hvy-top10-price del .amount{
  color:#8e8f95!important;
  opacity:.48!important;
  font-size:7.8px!important;
  font-weight:650!important;
}

.hvy-top10-price>span{
  padding:3px 6px!important;
  border-radius:5px!important;
  color:#fff4e9!important;
  background:linear-gradient(180deg,#ff7623,#ed5208)!important;
  border:1px solid rgba(255,153,76,.18)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 3px 8px rgba(238,79,5,.16)!important;
  font-size:7px!important;
  line-height:1!important;
  font-weight:900!important;
}

.hvy-top10-card:hover .hvy-top10-media{
  border-color:rgba(255,120,45,.18)!important;
  box-shadow:0 0 13px rgba(255,93,12,.04)!important;
}

.hvy-top10-card:hover .hvy-top10-rank{
  opacity:.88!important;
  filter:
    drop-shadow(0 4px 6px rgba(0,0,0,.50))
    drop-shadow(0 0 10px rgba(255,135,20,.24))!important;
}

@media(max-width:760px){
  .hvy-top10-rank{
    top:7px!important;
    left:9px!important;
    font-size:49px!important;
  }

  .hvy-top10-bookmark,
  .hvy-icon-btn.hvy-wishlist.hvy-top10-bookmark{
    top:10px!important;
    right:10px!important;
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    min-height:28px!important;
  }
}


/* =========================================================
   v0.2.35 — Epic-style New Products fidelity
   + unified Havyj discount color #EE1844
========================================================= */

/* Section shell closer to the supplied reference. */
.hvy-epic-listing-section{
  padding:15px 15px 16px!important;
  border-radius:18px!important;
  background:
    linear-gradient(160deg,rgba(20,25,33,.97),rgba(11,15,21,.98))!important;
  border:1px solid rgba(255,255,255,.075)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 11px 28px rgba(0,0,0,.18)!important;
}

.hvy-epic-listing-section .hvy-section-head{
  margin-bottom:10px!important;
}

/* Reference-like composition: compact editorial banner + 3 product columns. */
.hvy-epic-listing-layout{
  grid-template-columns:255px minmax(0,1fr)!important;
  gap:18px!important;
  align-items:stretch!important;
}

/* Large CTA banner — darker, cleaner, tighter, like the supplied mockup. */
.hvy-epic-cta-card{
  min-height:280px!important;
  border-radius:14px!important;
  align-items:flex-end!important;

  background:
    linear-gradient(
      180deg,
      rgba(5,8,12,.05) 0%,
      rgba(5,8,12,.10) 34%,
      rgba(6,8,12,.58) 66%,
      rgba(6,8,12,.94) 100%
    ),
    var(--hvy-epic-bg) center/cover no-repeat!important;

  border:1px solid rgba(255,104,31,.22)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    inset 0 0 0 1px rgba(255,93,16,.025),
    0 10px 24px rgba(0,0,0,.24),
    0 0 14px rgba(255,77,0,.025)!important;
}

/* Remove the old bright purple treatment. */
.hvy-epic-cta-card::before{
  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,.025) 0%,
      transparent 34%,
      rgba(255,91,15,.025) 100%
    )!important;
}

.hvy-epic-cta-card::after{
  background:
    linear-gradient(
      180deg,
      rgba(3,6,10,0) 22%,
      rgba(4,7,11,.10) 45%,
      rgba(5,7,11,.76) 73%,
      rgba(5,7,11,.96) 100%
    )!important;
}

/* No giant purple cloud; only tiny warm cinematic glow. */
.hvy-epic-cta-glow{
  width:150px!important;
  height:150px!important;
  top:auto!important;
  left:-45px!important;
  bottom:-55px!important;

  background:rgba(255,88,13,.10)!important;
  filter:blur(44px)!important;
  opacity:.68!important;
}

.hvy-epic-cta-copy{
  padding:18px 18px 17px!important;
  text-align:right!important;
}

.hvy-epic-cta-kicker{
  margin-bottom:6px!important;
  padding:4px 7px!important;
  border-radius:6px!important;

  color:#ff9758!important;
  background:rgba(255,92,15,.07)!important;
  border:1px solid rgba(255,113,42,.10)!important;

  font-size:7.5px!important;
}

.hvy-epic-cta-copy h3{
  margin:0 0 6px!important;
  color:#fff!important;

  font-size:20px!important;
  line-height:1.34!important;
  font-weight:900!important;
  letter-spacing:0!important;
}

.hvy-epic-cta-copy p{
  max-width:215px!important;
  margin:0 0 13px!important;

  color:#b9bec7!important;
  font-size:8.5px!important;
  line-height:1.7!important;
}

/* Orange CTA from the reference rather than white button. */
.hvy-epic-cta-button{
  min-height:34px!important;
  padding:0 12px!important;
  gap:6px!important;
  border-radius:8px!important;

  color:#fff!important;
  background:
    linear-gradient(180deg,#ff701d,#f35308)!important;

  border:1px solid rgba(255,153,91,.20)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 6px 15px rgba(244,77,4,.18)!important;

  font-size:8.5px!important;
  font-weight:850!important;
}

.hvy-epic-cta-button .hvy-icon{
  width:12px!important;
  height:12px!important;
}

.hvy-epic-cta-card:hover{
  border-color:rgba(255,115,45,.32)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    inset 0 0 0 1px rgba(255,93,16,.035),
    0 14px 31px rgba(0,0,0,.29),
    0 0 18px rgba(255,77,0,.045)!important;
}

.hvy-epic-cta-card:hover .hvy-epic-cta-glow{
  transform:scale(1.06)!important;
  opacity:.82!important;
}

.hvy-epic-cta-card:hover .hvy-epic-cta-button{
  transform:translateY(-1px)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.13),
    0 8px 18px rgba(244,77,4,.23)!important;
}

/* Product listing density closer to Epic reference. */
.hvy-epic-list-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-template-rows:repeat(3,minmax(0,1fr))!important;
  gap:7px 13px!important;
}

.hvy-epic-list-item{
  min-height:88px!important;
  grid-template-columns:52px minmax(0,1fr) 28px!important;
  gap:9px!important;
  padding:6px!important;
  border-radius:10px!important;
}

.hvy-epic-list-item:hover{
  transform:translateY(-1px)!important;
  background:
    linear-gradient(100deg,rgba(255,255,255,.032),rgba(255,255,255,.009))!important;
  border-color:rgba(255,255,255,.06)!important;
  box-shadow:0 7px 16px rgba(0,0,0,.10)!important;
}

.hvy-epic-list-media{
  width:52px!important;
  height:68px!important;
  border-radius:7px!important;
}

.hvy-epic-list-title{
  font-size:9.5px!important;
  line-height:1.4!important;
}

.hvy-epic-list-tags{
  margin-top:4px!important;
  gap:4px!important;
}

.hvy-epic-chip{
  min-height:18px!important;
  padding:0 6px!important;
  border-radius:5px!important;
  font-size:7px!important;
}

/* Discount chip exact Havyj sale color. */
.hvy-epic-chip.is-discount{
  color:#fff!important;
  background:#EE1844!important;
  border-color:rgba(255,255,255,.08)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 3px 8px rgba(238,24,68,.16)!important;
}

/* Price: neutral white; old price muted. */
.hvy-epic-list-price{
  margin-top:3px!important;
  color:#f1f3f5!important;
  font-size:9px!important;
  line-height:1.3!important;
}

.hvy-epic-list-price ins{
  color:#f1f3f5!important;
}
.hvy-epic-list-price del{
  color:#878b92!important;
  opacity:.45!important;
}

/* Bookmark must be full circular glass, never the flat gray circle. */
.hvy-epic-bookmark,
.hvy-icon-btn.hvy-wishlist.hvy-epic-bookmark{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  min-height:28px!important;
  padding:0!important;

  border-radius:50%!important;

  display:grid!important;
  place-items:center!important;

  align-self:start!important;
  justify-self:end!important;

  color:rgba(255,255,255,.92)!important;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.095),
      rgba(255,255,255,.020)
    ),
    rgba(6,9,14,.42)!important;

  border:1px solid rgba(255,255,255,.18)!important;

  backdrop-filter:blur(11px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(11px) saturate(120%)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.075),
    0 4px 10px rgba(0,0,0,.21)!important;

  opacity:1!important;
  transform:none!important;
}

.hvy-epic-bookmark .hvy-icon,
.hvy-icon-btn.hvy-wishlist.hvy-epic-bookmark .hvy-icon{
  width:13px!important;
  height:13px!important;
}

.hvy-epic-bookmark:hover,
.hvy-icon-btn.hvy-wishlist.hvy-epic-bookmark:hover{
  color:#fff!important;
  background:
    linear-gradient(
      180deg,
      rgba(255,118,55,.11),
      rgba(255,75,7,.025)
    ),
    rgba(6,9,14,.55)!important;

  border-color:rgba(255,138,73,.26)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 5px 12px rgba(0,0,0,.23),
    0 0 11px rgba(255,88,12,.05)!important;
}

/* ---------------------------------------------------------
   GLOBAL DISCOUNT COLOR
   All Havyj UI sale/discount badges = #EE1844
---------------------------------------------------------- */
.hvy-sale-pill,
.hvy-hot-discount,
.hvy-epic-chip.is-discount,
.hvy-top10-price>span,
.hvy-new-mini-copy>div>span,
.hvy-ranked-copy>span,
.hvy-deal-primary em,
.hvy-deal-mini-list small{
  color:#fff!important;
  background:#EE1844!important;
  border-color:rgba(255,255,255,.08)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 3px 8px rgba(238,24,68,.16)!important;
}

/* Sale text/price itself remains readable and does not become pink. */
.hvy-price ins,
.hvy-top10-price ins,
.hvy-epic-list-price ins{
  text-decoration:none!important;
}

/* Responsive fidelity */
@media(max-width:1350px){
  .hvy-epic-listing-layout{
    grid-template-columns:235px minmax(0,1fr)!important;
  }

  .hvy-epic-list-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(4,minmax(0,1fr))!important;
  }
}

@media(max-width:980px){
  .hvy-epic-listing-layout{
    grid-template-columns:1fr!important;
  }

  .hvy-epic-cta-card{
    min-height:240px!important;
  }

  .hvy-epic-list-grid{
    display:flex!important;
    overflow-x:auto!important;
  }

  .hvy-epic-list-item{
    flex:0 0 240px!important;
    min-width:240px!important;
  }
}


/* =========================================================
   v0.2.36 — Platform tile fidelity + manual logos
   + Top10 rank overflow + Epic listing typography/layout
========================================================= */

/* ---------------------------------------------------------
   TOP 10: rank outside upper-left corner without clipping.
---------------------------------------------------------- */
.hvy-top10-bestsellers{
  overflow:visible!important;
}

.hvy-top10-rail{
  /* horizontal scrolling means vertical overflow cannot truly stay visible;
     reserve actual space above the cards instead so ranks never get clipped. */
  padding:30px 15px 7px!important;
  margin-top:-21px!important;
  box-sizing:border-box!important;
}

.hvy-top10-card{
  overflow:visible!important;
}

.hvy-top10-rank{
  z-index:9!important;
  top:-20px!important;
  left:-9px!important;
  right:auto!important;

  font-size:61px!important;
  line-height:.82!important;
  opacity:.72!important;

  background:
    linear-gradient(
      165deg,
      rgba(255,221,132,.98) 0%,
      rgba(255,163,38,.92) 36%,
      rgba(241,105,4,.82) 72%,
      rgba(131,48,0,.68) 100%
    )!important;

  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;

  filter:
    drop-shadow(0 6px 7px rgba(0,0,0,.46))
    drop-shadow(0 0 10px rgba(255,122,9,.20))!important;
}

.hvy-top10-rank::after{
  opacity:.16!important;
  filter:blur(9px)!important;
}

/* ---------------------------------------------------------
   POPULAR PLATFORM TILES
   Dark glass base; accent is concentrated at bottom-center and
   along top-left/right edges, matching the supplied reference.
---------------------------------------------------------- */
.hvy-showcase-platforms .hvy-platform-tile{
  --tile-rgb:45,183,221;

  flex:0 0 132px!important;
  min-width:132px!important;
  height:108px!important;

  background:
    radial-gradient(
      86% 70% at 50% 118%,
      rgba(var(--tile-rgb),.34) 0%,
      rgba(var(--tile-rgb),.19) 32%,
      rgba(var(--tile-rgb),.06) 58%,
      transparent 76%
    ),
    radial-gradient(
      48% 42% at 100% 2%,
      rgba(var(--tile-rgb),.10),
      transparent 72%
    ),
    linear-gradient(
      180deg,
      rgba(20,24,31,.83) 0%,
      rgba(10,14,20,.88) 100%
    )!important;

  border:1px solid rgba(255,255,255,.055)!important;
  backdrop-filter:blur(18px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(125%)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 8px 21px rgba(0,0,0,.22),
    0 0 18px rgba(var(--tile-rgb),.045)!important;
}

/* Crisp colored glass edge: strongest on upper-left and right side. */
.hvy-showcase-platforms .hvy-platform-tile::after{
  content:""!important;
  position:absolute!important;
  z-index:1!important;
  inset:0!important;
  padding:1px!important;
  border-radius:inherit!important;
  pointer-events:none!important;

  background:
    linear-gradient(
      135deg,
      rgba(var(--tile-rgb),.78) 0%,
      rgba(var(--tile-rgb),.32) 22%,
      rgba(255,255,255,.055) 45%,
      rgba(var(--tile-rgb),.18) 62%,
      rgba(var(--tile-rgb),.68) 100%
    )!important;

  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0)!important;
  -webkit-mask-composite:xor!important;
  mask-composite:exclude!important;

  opacity:.72!important;
}

/* Subtle glass sheen. */
.hvy-showcase-platforms .hvy-platform-tile::before{
  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,.07) 0%,
      rgba(255,255,255,.018) 28%,
      transparent 51%
    )!important;
  opacity:.72!important;
}

/* Bottom accent, not a giant top glow. */
.hvy-showcase-platforms .hvy-platform-tile-glow{
  width:112px!important;
  height:52px!important;
  top:auto!important;
  bottom:-28px!important;
  left:50%!important;
  transform:translateX(-50%)!important;

  background:rgba(var(--tile-rgb),.34)!important;
  filter:blur(24px)!important;
  opacity:.90!important;
}

.hvy-showcase-platforms .hvy-platform-tile.is-steam{--tile-rgb:40,184,220}
.hvy-showcase-platforms .hvy-platform-tile.is-playstation{--tile-rgb:101,75,218}
.hvy-showcase-platforms .hvy-platform-tile.is-xbox{--tile-rgb:78,198,38}
.hvy-showcase-platforms .hvy-platform-tile.is-nintendo{--tile-rgb:222,48,35}
.hvy-showcase-platforms .hvy-platform-tile.is-epic{--tile-rgb:155,157,165}
.hvy-showcase-platforms .hvy-platform-tile.is-mobile{--tile-rgb:226,146,28}
.hvy-showcase-platforms .hvy-platform-tile.is-pc{--tile-rgb:44,164,201}
.hvy-showcase-platforms .hvy-platform-tile.is-apple{--tile-rgb:188,190,197}

/* Dedicated logo area. */
.hvy-platform-logo-wrap{
  position:relative!important;
  z-index:3!important;

  width:52px!important;
  height:52px!important;

  display:grid!important;
  place-items:center!important;

  border-radius:11px!important;
  background:rgba(255,255,255,.012)!important;
}

.hvy-platform-logo{
  display:block!important;
  max-width:46px!important;
  max-height:46px!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;

  filter:
    drop-shadow(0 2px 6px rgba(0,0,0,.38))
    drop-shadow(0 0 6px rgba(255,255,255,.035))!important;
}

.hvy-platform-fallback{
  width:48px!important;
  height:48px!important;
  display:grid!important;
  place-items:center!important;

  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;

  color:#fff!important;
  font-family:Arial,sans-serif!important;
  font-size:20px!important;
  font-weight:900!important;
}

.hvy-showcase-platforms .hvy-platform-tile b{
  z-index:3!important;
}

/* Hover gets DARKER, while the colored edge stays sharp. */
.hvy-showcase-platforms .hvy-platform-tile:hover{
  transform:translateY(-3px)!important;

  background:
    radial-gradient(
      86% 70% at 50% 118%,
      rgba(var(--tile-rgb),.25) 0%,
      rgba(var(--tile-rgb),.12) 34%,
      rgba(var(--tile-rgb),.035) 60%,
      transparent 77%
    ),
    radial-gradient(
      48% 42% at 100% 2%,
      rgba(var(--tile-rgb),.065),
      transparent 72%
    ),
    linear-gradient(
      180deg,
      rgba(10,13,18,.92) 0%,
      rgba(4,7,11,.96) 100%
    )!important;

  border-color:rgba(255,255,255,.045)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 12px 27px rgba(0,0,0,.31),
    0 0 20px rgba(var(--tile-rgb),.075)!important;

  filter:none!important;
}

.hvy-showcase-platforms .hvy-platform-tile:hover::after{
  opacity:.92!important;
}

.hvy-showcase-platforms .hvy-platform-tile:hover .hvy-platform-tile-glow{
  opacity:.66!important;
  transform:translateX(-50%) scale(.94)!important;
}

/* Override previous per-platform background reset. */
.hvy-showcase-platforms .hvy-platform-tile.is-steam,
.hvy-showcase-platforms .hvy-platform-tile.is-playstation,
.hvy-showcase-platforms .hvy-platform-tile.is-xbox,
.hvy-showcase-platforms .hvy-platform-tile.is-nintendo,
.hvy-showcase-platforms .hvy-platform-tile.is-epic,
.hvy-showcase-platforms .hvy-platform-tile.is-mobile,
.hvy-showcase-platforms .hvy-platform-tile.is-pc,
.hvy-showcase-platforms .hvy-platform-tile.is-apple{
  background:
    radial-gradient(
      86% 70% at 50% 118%,
      rgba(var(--tile-rgb),.34) 0%,
      rgba(var(--tile-rgb),.19) 32%,
      rgba(var(--tile-rgb),.06) 58%,
      transparent 76%
    ),
    radial-gradient(
      48% 42% at 100% 2%,
      rgba(var(--tile-rgb),.10),
      transparent 72%
    ),
    linear-gradient(
      180deg,
      rgba(20,24,31,.83) 0%,
      rgba(10,14,20,.88) 100%
    )!important;
}

.hvy-showcase-platforms .hvy-platform-tile.is-steam:hover,
.hvy-showcase-platforms .hvy-platform-tile.is-playstation:hover,
.hvy-showcase-platforms .hvy-platform-tile.is-xbox:hover,
.hvy-showcase-platforms .hvy-platform-tile.is-nintendo:hover,
.hvy-showcase-platforms .hvy-platform-tile.is-epic:hover,
.hvy-showcase-platforms .hvy-platform-tile.is-mobile:hover,
.hvy-showcase-platforms .hvy-platform-tile.is-pc:hover,
.hvy-showcase-platforms .hvy-platform-tile.is-apple:hover{
  background:
    radial-gradient(
      86% 70% at 50% 118%,
      rgba(var(--tile-rgb),.25) 0%,
      rgba(var(--tile-rgb),.12) 34%,
      rgba(var(--tile-rgb),.035) 60%,
      transparent 77%
    ),
    linear-gradient(
      180deg,
      rgba(10,13,18,.92) 0%,
      rgba(4,7,11,.96) 100%
    )!important;
}

/* ---------------------------------------------------------
   EPIC LISTING: standard readable typography.
---------------------------------------------------------- */
.hvy-epic-listing-section .hvy-section-head span{
  font-size:10.5px!important;
}

.hvy-epic-listing-section .hvy-section-head h2{
  font-size:20px!important;
  line-height:1.35!important;
}

.hvy-epic-listing-section .hvy-section-head>a{
  font-size:10px!important;
}

/* CTA copy centered, button full-width. */
.hvy-epic-cta-copy{
  width:100%!important;
  padding:19px!important;

  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;

  direction:rtl!important;
  text-align:center!important;
}

.hvy-epic-cta-kicker{
  font-size:9px!important;
}

.hvy-epic-cta-copy h3{
  width:100%!important;
  margin:0 0 7px!important;

  text-align:center!important;
  font-size:22px!important;
  line-height:1.35!important;
}

.hvy-epic-cta-copy p{
  max-width:230px!important;
  margin:0 auto 14px!important;

  text-align:center!important;
  font-size:10.5px!important;
  line-height:1.7!important;
}

.hvy-epic-cta-button{
  width:100%!important;
  min-height:38px!important;

  justify-content:center!important;
  text-align:center!important;

  font-size:10px!important;
}

/* Product items: larger cover with the same near-square/tall ratio as CTA. */
.hvy-epic-list-item{
  min-height:116px!important;

  grid-template-columns:84px minmax(0,1fr)!important;
  grid-template-areas:"media copy"!important;

  gap:11px!important;
  padding:7px!important;
}

.hvy-epic-list-media-wrap{
  grid-area:media!important;

  width:84px!important;
  position:relative!important;
  align-self:center!important;
}

.hvy-epic-list-media{
  width:84px!important;
  height:auto!important;
  aspect-ratio:255 / 280!important;

  display:block!important;
  overflow:hidden!important;

  border-radius:9px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  background:#090d12!important;
}

.hvy-epic-list-media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

.hvy-epic-list-copy{
  grid-area:copy!important;
  align-self:center!important;
}

.hvy-epic-list-title{
  font-size:12px!important;
  line-height:1.5!important;
  font-weight:800!important;
}

.hvy-epic-list-tags{
  min-height:22px!important;
  margin-top:6px!important;
  gap:5px!important;
}

.hvy-epic-chip{
  min-height:21px!important;
  padding:0 7px!important;
  border-radius:6px!important;

  font-size:8.5px!important;
  font-weight:800!important;
}

.hvy-epic-list-price{
  margin-top:5px!important;

  font-size:11px!important;
  line-height:1.4!important;
  font-weight:750!important;
}

.hvy-epic-list-price del{
  font-size:9px!important;
}

/* Bookmark is an overlay ON the cover. */
.hvy-epic-bookmark,
.hvy-icon-btn.hvy-wishlist.hvy-epic-bookmark{
  position:absolute!important;
  z-index:5!important;

  top:6px!important;
  right:6px!important;
  left:auto!important;

  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  min-height:28px!important;

  border-radius:50%!important;
}

/* The old item arrow no longer consumes visual space; keep it subtle. */
.hvy-epic-list-arrow{
  left:auto!important;
  right:7px!important;
  bottom:7px!important;

  width:23px!important;
  height:23px!important;

  opacity:0!important;
}

/* Make the overall list more balanced after larger images. */
.hvy-epic-list-grid{
  gap:9px 15px!important;
}

/* Mobile/medium tuning. */
@media(max-width:1350px){
  .hvy-epic-list-item{
    min-height:112px!important;
    grid-template-columns:80px minmax(0,1fr)!important;
  }

  .hvy-epic-list-media-wrap,
  .hvy-epic-list-media{
    width:80px!important;
  }
}

@media(max-width:980px){
  .hvy-epic-list-item{
    flex:0 0 285px!important;
    min-width:285px!important;
  }
}

@media(max-width:640px){
  .hvy-top10-rail{
    padding-top:27px!important;
  }

  .hvy-top10-rank{
    top:-17px!important;
    left:-6px!important;
    font-size:54px!important;
  }

  .hvy-epic-listing-section .hvy-section-head h2{
    font-size:18px!important;
  }

  .hvy-epic-cta-copy h3{
    font-size:20px!important;
  }

  .hvy-epic-list-item{
    flex-basis:270px!important;
    min-width:270px!important;
  }
}


/* =========================================================
   v0.2.37 — lightweight mouse-drag engine
========================================================= */

/* Free horizontal grab: no forced snap after releasing the mouse. */
[data-hvy-rail],
.hvy-smooth-rail{
  scroll-snap-type:none!important;
  scroll-behavior:auto!important;

  cursor:grab!important;
  user-select:none!important;
  -webkit-user-select:none!important;

  touch-action:pan-y!important;
  overscroll-behavior-x:contain!important;

  scrollbar-width:none!important;
}

[data-hvy-rail]::-webkit-scrollbar,
.hvy-smooth-rail::-webkit-scrollbar{
  display:none!important;
}

[data-hvy-rail].is-pointer-down,
.hvy-smooth-rail.is-pointer-down{
  cursor:grabbing!important;
}

[data-hvy-rail].is-dragging,
.hvy-smooth-rail.is-dragging{
  cursor:grabbing!important;
}

/* Images must never start the browser's native image drag. */
[data-hvy-rail] img,
.hvy-smooth-rail img{
  -webkit-user-drag:none!important;
  user-select:none!important;
  -webkit-user-select:none!important;
}

/* Only the rail currently being dragged is simplified.
   No global <html> class => no full-page repaint/reflow. */
[data-hvy-rail].is-dragging .hvy-product-card,
[data-hvy-rail].is-dragging .hvy-article-card,
[data-hvy-rail].is-dragging .hvy-hot-product-card,
[data-hvy-rail].is-dragging .hvy-platform-tile,
[data-hvy-rail].is-dragging .hvy-top10-card,
[data-hvy-rail].is-dragging .hvy-ranked-card,
[data-hvy-rail].is-dragging .hvy-free-game-card{
  transition:none!important;
  transform:none!important;
}

/* Disable only expensive effects in the active rail while the pointer moves. */
[data-hvy-rail].is-dragging .hvy-glass,
[data-hvy-rail].is-dragging .hvy-product-card,
[data-hvy-rail].is-dragging .hvy-article-card,
[data-hvy-rail].is-dragging .hvy-hot-product-card,
[data-hvy-rail].is-dragging .hvy-platform-tile,
[data-hvy-rail].is-dragging .hvy-top10-card{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:none!important;
}

/* Prevent hover image zoom from repainting continuously during grab. */
[data-hvy-rail].is-dragging img{
  transform:none!important;
  transition:none!important;
}

/* Once dragging has actually started, links/buttons don't steal the gesture.
   Pointer capture is already owned by the rail, so dragging from images works. */
[data-hvy-rail].is-dragging a,
[data-hvy-rail].is-dragging button,
[data-hvy-rail].is-dragging img{
  pointer-events:none!important;
}

/* Old global drag-performance selectors are intentionally neutralized. */
html.hvy-ui-dragging .hvy-glass,
html.hvy-ui-dragging .hvy-product-card,
html.hvy-ui-dragging .hvy-article-card,
html.hvy-ui-dragging .hvy-hot-product-card,
html.hvy-drag-active .hvy-glass,
html.hvy-drag-active .hvy-product-card,
html.hvy-drag-active .hvy-article-card,
html.hvy-drag-active .hvy-hot-product-card{
  /* No special behavior in v0.2.37; drag optimization is rail-scoped above. */
}


/* =========================================================
   v0.2.38 — Home top vertical alignment
   status + banner ends with trust-row
   faction height === special-deals-section
========================================================= */

@media(min-width:981px){
  .hvy-home-top{
    align-items:stretch!important;
  }

  .hvy-home-top .hvy-side-stack,
  .hvy-home-top .hvy-main-stack{
    align-self:stretch!important;
  }

  /* JS provides exact heights from the real main-column geometry. */
  .hvy-home-top .hvy-status-card{
    aspect-ratio:auto!important;
    overflow:hidden!important;
  }

  .hvy-home-top .hvy-side-banner.hvy-glass{
    aspect-ratio:auto!important;
    overflow:hidden!important;
  }

  .hvy-home-top .hvy-side-faction.hvy-glass{
    min-height:0!important;
    overflow:hidden!important;
  }

  /* Slightly tighten status internals because the desktop card is now
     intentionally a little shorter than the old square 330px card. */
  .hvy-home-top .hvy-status-card{
    padding-top:17px!important;
    padding-bottom:14px!important;
  }

  .hvy-home-top .hvy-status-title{
    margin-bottom:13px!important;
  }

  .hvy-home-top .hvy-status-sep{
    margin-top:12px!important;
    margin-bottom:10px!important;
  }

  .hvy-home-top .hvy-status-xp-row{
    margin-top:11px!important;
  }

  .hvy-home-top .hvy-status-xp-next{
    margin-top:5px!important;
  }

  .hvy-home-top .hvy-status-club-button{
    min-height:41px!important;
    margin-top:11px!important;
  }

  /* Banner copy scales with the shorter reference height without changing
     its visual composition. */
  .hvy-home-top .hvy-side-banner-copy{
    top:16px!important;
  }

  .hvy-home-top .hvy-side-banner-copy h3{
    font-size:14px!important;
    margin-bottom:5px!important;
  }

  .hvy-home-top .hvy-side-banner-copy p{
    font-size:9px!important;
  }

  .hvy-home-top .hvy-side-banner-button{
    min-height:29px!important;
    height:29px!important;
    margin-top:7px!important;
  }
}

/* Once stacked, every card returns to natural content height. */
@media(max-width:980px){
  .hvy-home-top .hvy-status-card,
  .hvy-home-top .hvy-side-banner.hvy-glass,
  .hvy-home-top .hvy-side-faction.hvy-glass{
    height:auto!important;
    max-height:none!important;
  }

  .hvy-home-top .hvy-status-card{
    aspect-ratio:auto!important;
  }

  .hvy-home-top .hvy-side-banner.hvy-glass{
    aspect-ratio:473 / 223!important;
  }
}


/* =========================================================
   v0.2.39 — dynamic platforms + final rail snapping polish
========================================================= */

/* Platform cards: darker at rest, brighter glass on hover.
   Accent is strongest at bottom-center and along the glass edge. */
.hvy-showcase-platforms .hvy-platform-tile{
  background:
    radial-gradient(
      92% 78% at 50% 122%,
      rgba(var(--tile-rgb),.22) 0%,
      rgba(var(--tile-rgb),.11) 36%,
      rgba(var(--tile-rgb),.025) 63%,
      transparent 80%
    ),
    radial-gradient(
      56% 48% at 100% 0%,
      rgba(var(--tile-rgb),.055),
      transparent 72%
    ),
    linear-gradient(
      180deg,
      rgba(10,13,18,.94) 0%,
      rgba(4,7,11,.97) 100%
    )!important;

  border:1px solid rgba(255,255,255,.045)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    inset 0 -1px 0 rgba(0,0,0,.25),
    0 7px 18px rgba(0,0,0,.25),
    0 0 13px rgba(var(--tile-rgb),.028)!important;

  backdrop-filter:blur(17px) saturate(118%)!important;
  -webkit-backdrop-filter:blur(17px) saturate(118%)!important;
}

/* Edge stays asymmetric/sharp like the supplied reference. */
.hvy-showcase-platforms .hvy-platform-tile::after{
  background:
    linear-gradient(
      135deg,
      rgba(var(--tile-rgb),.70) 0%,
      rgba(var(--tile-rgb),.26) 19%,
      rgba(255,255,255,.035) 42%,
      rgba(var(--tile-rgb),.13) 61%,
      rgba(var(--tile-rgb),.62) 100%
    )!important;
  opacity:.66!important;
}

.hvy-showcase-platforms .hvy-platform-tile-glow{
  width:116px!important;
  height:54px!important;
  bottom:-31px!important;
  background:rgba(var(--tile-rgb),.27)!important;
  filter:blur(25px)!important;
  opacity:.72!important;
}

/* Latest request: hover becomes BRIGHTER, with a subtle glow behind it. */
.hvy-showcase-platforms .hvy-platform-tile:hover,
.hvy-showcase-platforms .hvy-platform-tile.is-steam:hover,
.hvy-showcase-platforms .hvy-platform-tile.is-playstation:hover,
.hvy-showcase-platforms .hvy-platform-tile.is-xbox:hover,
.hvy-showcase-platforms .hvy-platform-tile.is-nintendo:hover,
.hvy-showcase-platforms .hvy-platform-tile.is-epic:hover,
.hvy-showcase-platforms .hvy-platform-tile.is-mobile:hover,
.hvy-showcase-platforms .hvy-platform-tile.is-pc:hover,
.hvy-showcase-platforms .hvy-platform-tile.is-apple:hover{
  transform:translateY(-4px)!important;

  background:
    radial-gradient(
      94% 82% at 50% 122%,
      rgba(var(--tile-rgb),.38) 0%,
      rgba(var(--tile-rgb),.21) 35%,
      rgba(var(--tile-rgb),.065) 62%,
      transparent 80%
    ),
    radial-gradient(
      58% 50% at 100% 0%,
      rgba(var(--tile-rgb),.11),
      transparent 72%
    ),
    linear-gradient(
      180deg,
      rgba(21,26,34,.90) 0%,
      rgba(10,14,20,.94) 100%
    )!important;

  border-color:rgba(var(--tile-rgb),.34)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.075),
    inset 0 -1px 0 rgba(0,0,0,.20),
    0 12px 27px rgba(0,0,0,.29),
    0 7px 25px rgba(var(--tile-rgb),.095),
    0 0 20px rgba(var(--tile-rgb),.075)!important;

  filter:none!important;
}

.hvy-showcase-platforms .hvy-platform-tile:hover::after{
  opacity:.92!important;
}

.hvy-showcase-platforms .hvy-platform-tile:hover .hvy-platform-tile-glow{
  opacity:.95!important;
  transform:translateX(-50%) scale(1.08)!important;
}

/* Brand SVGs should read as the clean white marks from the reference. */
.hvy-platform-logo{
  max-width:47px!important;
  max-height:47px!important;
  filter:
    brightness(0) invert(1)
    drop-shadow(0 2px 5px rgba(0,0,0,.36))!important;
}

/* Top 10 ranks: keep the whole glyph box safely inside horizontal scroll area,
   while visually hanging above the top-left corner. No negative horizontal crop. */
.hvy-top10-rail{
  padding:36px 16px 8px!important;
  margin-top:-27px!important;
}

.hvy-top10-rank{
  top:-23px!important;
  left:7px!important;
  right:auto!important;

  min-width:84px!important;
  max-width:none!important;
  padding:0 9px 3px 0!important;
  box-sizing:content-box!important;

  overflow:visible!important;
  white-space:nowrap!important;

  font-family:"Arial Black",Arial,sans-serif!important;
  font-size:59px!important;
  line-height:.90!important;
  letter-spacing:-.02em!important;

  opacity:.76!important;
}

.hvy-top10-rank::after{
  content:none!important;
  display:none!important;
}

/* The rail is free while grabbed; JS softly snaps to nearest item on release. */
[data-hvy-rail],
.hvy-smooth-rail{
  scroll-snap-type:none!important;
}

[data-hvy-rail] > *,
.hvy-smooth-rail > *{
  scroll-snap-align:start!important;
}

/* Keep the snapping animation smooth without making live pointer drag laggy. */
[data-hvy-rail]:not(.is-dragging),
.hvy-smooth-rail:not(.is-dragging){
  scroll-behavior:auto!important;
}


/* =========================================================
   v0.2.40 — requested polish
========================================================= */

/* WooCommerce prices across Havyj UI use the canonical green. */
.hvy-shell .woocommerce-Price-amount.amount,
.hvy-shell ins .woocommerce-Price-amount.amount{
  color:#15c973!important;
}
.hvy-shell del .woocommerce-Price-amount.amount{
  color:#7f8996!important;
  opacity:.50!important;
}

/* Top10 number back to the upper-left corner, with safe rail padding. */
.hvy-top10-rail{
  padding-top:38px!important;
  padding-left:24px!important;
  padding-right:14px!important;
  margin-top:-29px!important;
}
.hvy-top10-card{
  overflow:visible!important;
}
.hvy-top10-rank{
  top:-24px!important;
  left:-9px!important;
  right:auto!important;

  min-width:0!important;
  width:auto!important;
  max-width:none!important;
  padding:0 13px 4px 4px!important;

  font-size:60px!important;
  line-height:.90!important;
  letter-spacing:-.035em!important;

  overflow:visible!important;
  white-space:nowrap!important;
  opacity:.76!important;
}

/* Epic CTA: restore the original compact ratio instead of stretching with the list grid. */
.hvy-epic-cta-card{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:255 / 280!important;
  align-self:start!important;
}

/* Whole Epic product card feels clickable. */
.hvy-epic-list-item{
  cursor:pointer!important;
}

/* Ensure image overlay bookmark is a mathematically perfect circle. */
.hvy-epic-bookmark,
.hvy-icon-btn.hvy-wishlist.hvy-epic-bookmark{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  max-width:30px!important;
  max-height:30px!important;

  aspect-ratio:1 / 1!important;
  padding:0!important;
  margin:0!important;

  display:grid!important;
  place-items:center!important;

  border-radius:999px!important;
  overflow:hidden!important;
  line-height:0!important;
  box-sizing:border-box!important;

  top:6px!important;
  right:6px!important;
  left:auto!important;
}

/* Center the SVG exactly inside the glass circle. */
.hvy-epic-bookmark .hvy-icon,
.hvy-icon-btn.hvy-wishlist.hvy-epic-bookmark .hvy-icon{
  position:absolute!important;
  top:50%!important;
  left:50%!important;

  width:14px!important;
  height:14px!important;
  margin:0!important;

  transform:translate(-50%,-50%)!important;
  transform-origin:center!important;
}

/* Hover arrow sits beside the cover, not in the far corner.
   Flip its direction for the RTL product flow. */
.hvy-epic-list-arrow{
  top:50%!important;
  left:94px!important;
  right:auto!important;
  bottom:auto!important;

  width:25px!important;
  height:25px!important;

  opacity:0!important;
  transform:translate(-2px,-50%) rotate(180deg)!important;
}
.hvy-epic-list-item:hover .hvy-epic-list-arrow{
  opacity:1!important;
  transform:translate(0,-50%) rotate(180deg)!important;
}
.hvy-epic-list-arrow .hvy-icon{
  width:12px!important;
  height:12px!important;
}

/* Give the arrow a little breathing room beside the bigger cover. */
.hvy-epic-list-copy{
  padding-left:18px!important;
}

/* Rail performance: isolate repainting and favor compositor-friendly scrolling. */
[data-hvy-rail],
.hvy-smooth-rail{
  contain:layout paint style!important;
  will-change:scroll-position!important;
  scroll-behavior:auto!important;
  -webkit-overflow-scrolling:touch!important;
}

[data-hvy-rail].is-dragging,
.hvy-smooth-rail.is-dragging{
  scroll-snap-type:none!important;
}

/* Keep active-drag simplification local and cheap. */
[data-hvy-rail].is-dragging *{
  text-shadow:none!important;
}


/* =========================================================
   v0.2.41 — filter loading UX + compact showcase refinement
   + compact-card visual unification
========================================================= */

/* ---------------------------------------------------------
   AJAX FILTER TABS — obvious loading feedback
---------------------------------------------------------- */
.hvy-filter-products-section{
  position:relative!important;
  isolation:isolate!important;
}

.hvy-filter-tabs{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  overflow-x:auto!important;
  padding:1px 1px 5px!important;
  scrollbar-width:none!important;
}
.hvy-filter-tabs::-webkit-scrollbar{display:none!important}

.hvy-filter-tabs button{
  position:relative!important;
  flex:0 0 auto!important;
  transition:
    background .18s ease,
    border-color .18s ease,
    color .18s ease,
    opacity .18s ease,
    transform .18s ease,
    padding .18s ease!important;
}

.hvy-filter-tabs button:disabled{
  cursor:wait!important;
  opacity:.54!important;
}

.hvy-filter-tabs button.is-loading{
  opacity:1!important;
  padding-inline-end:27px!important;
}

.hvy-filter-tabs button.is-loading::after{
  content:""!important;
  position:absolute!important;
  top:50%!important;
  inset-inline-end:8px!important;
  width:11px!important;
  height:11px!important;
  margin-top:-5.5px!important;
  border-radius:50%!important;
  border:1.5px solid rgba(255,255,255,.22)!important;
  border-top-color:#ff6a21!important;
  animation:hvyFilterSpin .66s linear infinite!important;
}

@keyframes hvyFilterSpin{
  to{transform:rotate(360deg)}
}

.hvy-filter-products-section .hvy-product-rail{
  transition:
    opacity .18s ease,
    transform .18s ease,
    filter .18s ease!important;
}

.hvy-filter-products-section .hvy-product-rail.is-filter-loading{
  opacity:.18!important;
  filter:blur(1.8px)!important;
  transform:scale(.995)!important;
  pointer-events:none!important;
}

.hvy-filter-products-section .hvy-product-rail.is-filter-swapping{
  opacity:.08!important;
  transform:translateY(3px) scale(.994)!important;
}

.hvy-filter-products-section .hvy-product-rail.is-filter-revealed{
  animation:hvyFilterReveal .30s cubic-bezier(.2,.8,.2,1)!important;
}

@keyframes hvyFilterReveal{
  from{opacity:.28;transform:translateY(4px)}
  to{opacity:1;transform:translateY(0)}
}

.hvy-filter-loading-ui{
  position:absolute!important;
  z-index:30!important;
  inset-inline:12px!important;

  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:11px!important;

  padding:10px!important;

  border-radius:15px!important;

  background:
    linear-gradient(180deg,rgba(12,16,22,.74),rgba(8,12,17,.82))!important;

  border:1px solid rgba(255,255,255,.045)!important;

  backdrop-filter:blur(5px)!important;
  -webkit-backdrop-filter:blur(5px)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 8px 20px rgba(0,0,0,.13)!important;
}

.hvy-filter-loader-pill{
  align-self:center!important;
  min-height:34px!important;
  padding:0 12px!important;

  display:flex!important;
  align-items:center!important;
  gap:8px!important;

  border-radius:999px!important;

  color:#eef1f5!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.018)),
    rgba(9,13,19,.86)!important;

  border:1px solid rgba(255,255,255,.11)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 5px 14px rgba(0,0,0,.22),
    0 0 14px rgba(255,85,13,.035)!important;

  font-size:10px!important;
  font-weight:760!important;
}

.hvy-filter-loader-spinner{
  width:14px!important;
  height:14px!important;
  flex:0 0 14px!important;
  border-radius:50%!important;
  border:2px solid rgba(255,255,255,.18)!important;
  border-top-color:#ff5e13!important;
  border-right-color:#ff9859!important;
  animation:hvyFilterSpin .72s linear infinite!important;
}

.hvy-filter-skeleton-row{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
}

.hvy-filter-skeleton-card{
  min-width:0!important;
  height:76px!important;
  padding:7px!important;

  display:grid!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;

  border-radius:10px!important;

  background:
    linear-gradient(165deg,rgba(24,31,41,.35),rgba(12,17,24,.28))!important;
  border:2px solid rgb(164 177 194 / 7%)!important;
}

.hvy-filter-skeleton-card>i{
  width:48px!important;
  height:60px!important;
  border-radius:7px!important;
  background:rgba(255,255,255,.05)!important;
}

.hvy-filter-skeleton-card>span{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
}

.hvy-filter-skeleton-card b,
.hvy-filter-skeleton-card em{
  display:block!important;
  border-radius:5px!important;
  background:
    linear-gradient(
      90deg,
      rgba(255,255,255,.03) 0%,
      rgba(255,255,255,.09) 44%,
      rgba(255,255,255,.03) 100%
    )!important;
  background-size:180% 100%!important;
  animation:hvySkeletonSweep 1.0s ease-in-out infinite!important;
}

.hvy-filter-skeleton-card b{
  width:88%!important;
  height:10px!important;
}

.hvy-filter-skeleton-card em{
  width:55%!important;
  height:8px!important;
}

@keyframes hvySkeletonSweep{
  0%{background-position:100% 0}
  100%{background-position:-100% 0}
}

.hvy-filter-products-section.has-filter-error{
  animation:hvyFilterError .20s ease 2!important;
}
@keyframes hvyFilterError{
  50%{transform:translateX(2px)}
}

/* ---------------------------------------------------------
   DUAL RAILS — compact and proportional, not stretched
---------------------------------------------------------- */
.hvy-dual-rails-showcase{
  gap:12px!important;
  align-items:start!important;
}

.hvy-showcase-half{
  min-height:0!important;
  align-self:start!important;
  padding:12px!important;
  border-radius:16px!important;
}

.hvy-showcase-half .hvy-showcase-heading{
  min-height:28px!important;
  margin-bottom:8px!important;
}

.hvy-showcase-half .hvy-showcase-heading h2{
  font-size:15px!important;
}

.hvy-showcase-half .hvy-product-rail{
  grid-auto-columns:145px!important;
  gap:8px!important;
  min-height:0!important;
  align-items:start!important;
}

.hvy-showcase-half .hvy-product-card.is-compact .hvy-product-media-wrap{
  height:124px!important;
}

.hvy-showcase-half .hvy-product-card.is-compact .hvy-product-body{
  padding:8px!important;
}

.hvy-showcase-half .hvy-product-card.is-compact .hvy-product-body h3{
  min-height:29px!important;
  height:29px!important;
  margin-bottom:5px!important;
  font-size:9.5px!important;
  line-height:1.48!important;
}

.hvy-showcase-half .hvy-product-card.is-compact .hvy-price{
  min-height:22px!important;
  margin-top:4px!important;
  font-size:10px!important;
}

.hvy-showcase-half .hvy-product-card.is-compact .hvy-card-foot{
  margin-top:4px!important;
  padding-top:6px!important;
}

/* ---------------------------------------------------------
   RANKED CARD = compact product-card visual language
---------------------------------------------------------- */
.hvy-ranked-card{
  flex:0 0 142px!important;
  min-width:142px!important;
  overflow:hidden!important;

  padding:0 0 9px!important;

  border-radius:17px!important;
  background:
    linear-gradient(165deg,rgba(24,31,41,.92),rgba(12,17,24,.92))!important;

  border:2px solid rgb(164 177 194 / 9%)!important;

  box-shadow:0 13px 34px rgba(0,0,0,.18)!important;

  transition:
    transform .24s ease,
    border-color .24s ease,
    box-shadow .24s ease!important;
}

.hvy-ranked-card:hover{
  transform:translateY(-4px)!important;
  border-color:rgb(255 111 45 / 24%)!important;
  box-shadow:
    0 18px 42px rgba(0,0,0,.32),
    0 0 22px rgba(255,77,0,.07)!important;
}

.hvy-ranked-media{
  height:132px!important;
  border-radius:0!important;
}

.hvy-ranked-copy{
  padding:8px 9px 0!important;
}

/* ---------------------------------------------------------
   FILTER TRIPTYCH — tighter modular cards
---------------------------------------------------------- */
.hvy-filter-triptych{
  gap:12px!important;
  align-items:start!important;
}

.hvy-filter-concept-card{
  min-height:0!important;
  align-self:start!important;
  padding:11px!important;
  border-radius:16px!important;
}

.hvy-filter-concept-head{
  min-height:27px!important;
  margin-bottom:6px!important;
}

.hvy-filter-concept-head h3{
  font-size:14px!important;
}

.hvy-filter-concept-card .hvy-concept-pills{
  min-height:29px!important;
  padding-bottom:6px!important;
}

.hvy-filter-concept-card .hvy-concept-pills a,
.hvy-filter-concept-card .hvy-concept-pills span{
  min-height:24px!important;
  padding:0 8px!important;
  font-size:8px!important;
}

.hvy-filter-concept-card .hvy-brand-badges{
  min-height:33px!important;
  padding-bottom:6px!important;
}

.hvy-filter-concept-card .hvy-brand-badges a{
  flex:0 0 49px!important;
  min-width:49px!important;
  height:33px!important;
}

.hvy-filter-concept-card .hvy-concept-product-row{
  gap:7px!important;
  padding:1px!important;
  align-items:start!important;
}

.hvy-filter-concept-card .hvy-concept-product-row>.hvy-product-card{
  flex:0 0 112px!important;
  min-width:112px!important;
}

.hvy-filter-concept-card .hvy-concept-product-row .hvy-product-media-wrap{
  height:100px!important;
}

.hvy-filter-concept-card .hvy-concept-product-row .hvy-product-body{
  padding:7px!important;
}

.hvy-filter-concept-card .hvy-concept-product-row .hvy-product-body h3{
  min-height:27px!important;
  height:27px!important;
  font-size:8.5px!important;
}

.hvy-filter-concept-card .hvy-concept-product-row .hvy-price{
  min-height:18px!important;
  margin-top:4px!important;
  font-size:8.8px!important;
}

/* ---------------------------------------------------------
   DEAL MINI CARDS = compact product-card style
---------------------------------------------------------- */
.hvy-deal-mini-list{
  gap:8px!important;
}

.hvy-deal-mini-list>a{
  overflow:hidden!important;

  border-radius:17px!important;

  background:
    linear-gradient(165deg,rgba(24,31,41,.92),rgba(12,17,24,.92))!important;

  border:2px solid rgb(164 177 194 / 9%)!important;

  box-shadow:0 13px 34px rgba(0,0,0,.18)!important;

  transition:
    transform .24s ease,
    border-color .24s ease,
    box-shadow .24s ease!important;
}

.hvy-deal-mini-list>a:hover{
  transform:translateY(-4px)!important;
  border-color:rgb(255 111 45 / 24%)!important;

  box-shadow:
    0 18px 42px rgba(0,0,0,.32),
    0 0 22px rgba(255,77,0,.07)!important;
}

.hvy-deal-mini-list img{
  height:92px!important;
  transition:transform .40s ease!important;
}

.hvy-deal-mini-list>a:hover img{
  transform:scale(1.045)!important;
}

.hvy-deal-mini-list span{
  padding:8px!important;
}

.hvy-deal-mini-list b{
  font-size:8.5px!important;
  line-height:1.45!important;
}

/* ---------------------------------------------------------
   NEW LISTING SHOWCASE = Epic listing visual language,
   but banner intentionally lives on the RIGHT.
---------------------------------------------------------- */
.hvy-new-listing-showcase{
  padding:15px 15px 16px!important;
  border-radius:18px!important;

  background:
    linear-gradient(160deg,rgba(20,25,33,.97),rgba(11,15,21,.98))!important;

  border:1px solid rgba(255,255,255,.075)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 11px 28px rgba(0,0,0,.18)!important;
}

.hvy-new-listing-showcase .hvy-showcase-heading{
  min-height:auto!important;
  margin-bottom:10px!important;
}

.hvy-new-listing-showcase .hvy-showcase-heading h2{
  font-size:20px!important;
}

.hvy-new-listing-showcase .hvy-showcase-heading>div>span,
.hvy-new-listing-showcase .hvy-showcase-heading>a{
  font-size:10px!important;
}

.hvy-new-listing-layout{
  grid-template-columns:255px minmax(0,1fr)!important;
  gap:18px!important;

  /* First grid item (banner) starts from the right. */
  direction:rtl!important;
  align-items:start!important;
}

.hvy-new-listing-banner{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:255 / 280!important;

  align-self:start!important;

  border-radius:14px!important;

  background:
    linear-gradient(
      180deg,
      rgba(5,8,12,.04) 0%,
      rgba(5,8,12,.10) 35%,
      rgba(6,8,12,.60) 68%,
      rgba(6,8,12,.95) 100%
    ),
    var(--hvy-new-bg) center/cover no-repeat!important;

  border:1px solid rgba(255,104,31,.22)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 10px 24px rgba(0,0,0,.24)!important;
}

.hvy-new-listing-banner>div{
  width:100%!important;
  padding:18px!important;

  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;

  text-align:center!important;
}

.hvy-new-listing-banner small{
  font-size:9px!important;
}

.hvy-new-listing-banner h3{
  width:100%!important;
  margin:6px 0 7px!important;

  text-align:center!important;

  font-size:21px!important;
  line-height:1.35!important;
}

.hvy-new-listing-banner p{
  margin:0 0 13px!important;
  font-size:10px!important;
  line-height:1.65!important;
  text-align:center!important;
}

.hvy-new-listing-cta{
  width:100%!important;
  min-height:36px!important;

  justify-content:center!important;

  border-radius:8px!important;

  background:
    linear-gradient(180deg,#ff701d,#f35308)!important;

  font-size:10px!important;
}

.hvy-new-mini-grid{
  direction:rtl!important;

  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-template-rows:repeat(3,minmax(0,1fr))!important;

  gap:8px 13px!important;
}

.hvy-new-mini-item{
  min-height:88px!important;

  grid-template-columns:58px minmax(0,1fr)!important;
  gap:9px!important;

  padding:6px!important;

  border-radius:10px!important;

  cursor:pointer!important;

  transition:
    transform .20s ease,
    background .20s ease,
    border-color .20s ease!important;
}

.hvy-new-mini-item:hover{
  transform:translateY(-1px)!important;

  background:
    linear-gradient(100deg,rgba(255,255,255,.032),rgba(255,255,255,.009))!important;

  border-color:rgba(255,255,255,.06)!important;
}

.hvy-new-mini-media{
  width:58px!important;
  height:auto!important;
  aspect-ratio:255 / 280!important;

  position:relative!important;
  border-radius:8px!important;
}

.hvy-new-mini-copy>a{
  font-size:10.5px!important;
  line-height:1.45!important;
}

.hvy-new-mini-copy strong{
  font-size:10px!important;
}

.hvy-new-mini-bookmark{
  position:absolute!important;
  z-index:5!important;

  top:9px!important;
  right:9px!important;
  left:auto!important;

  width:27px!important;
  height:27px!important;
  min-width:27px!important;
  min-height:27px!important;

  border-radius:50%!important;

  background:
    linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.018)),
    rgba(7,10,15,.42)!important;

  border:1px solid rgba(255,255,255,.17)!important;

  backdrop-filter:blur(9px)!important;
  -webkit-backdrop-filter:blur(9px)!important;
}

@media(max-width:1350px){
  .hvy-new-listing-layout{
    grid-template-columns:235px minmax(0,1fr)!important;
  }

  .hvy-new-mini-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(4,minmax(0,1fr))!important;
  }
}

@media(max-width:980px){
  .hvy-filter-skeleton-row{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .hvy-new-listing-layout{
    grid-template-columns:1fr!important;
  }

  .hvy-new-listing-banner{
    aspect-ratio:16 / 9!important;
  }

  .hvy-new-mini-grid{
    display:flex!important;
    overflow-x:auto!important;
  }

  .hvy-new-mini-item{
    flex:0 0 245px!important;
    min-width:245px!important;
  }
}

@media(max-width:640px){
  .hvy-filter-loader-pill{
    font-size:9px!important;
  }

  .hvy-filter-skeleton-row{
    display:flex!important;
    overflow:hidden!important;
  }

  .hvy-filter-skeleton-card{
    flex:0 0 188px!important;
  }

  .hvy-filter-concept-card .hvy-concept-product-row>.hvy-product-card{
    flex-basis:108px!important;
    min-width:108px!important;
  }
}


/* =========================================================
   v0.2.42 — Namava-style paged smooth horizontal rails
========================================================= */

[data-hvy-rail],
.hvy-smooth-rail{
  scroll-snap-type:none!important;
  scroll-behavior:auto!important;

  /* Keep layout containment but allow shadows/ranks/glows outside the rail. */
  contain:layout style!important;

  cursor:grab!important;
  touch-action:pan-y!important;
  overscroll-behavior-x:contain!important;

  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}

[data-hvy-rail]::-webkit-scrollbar,
.hvy-smooth-rail::-webkit-scrollbar{
  display:none!important;
}

[data-hvy-rail].is-pointer-down,
[data-hvy-rail].is-dragging,
.hvy-smooth-rail.is-pointer-down,
.hvy-smooth-rail.is-dragging{
  cursor:grabbing!important;
}

/* While physically dragging, remove expensive effects only from the active rail. */
[data-hvy-rail].is-dragging .hvy-product-card,
[data-hvy-rail].is-dragging .hvy-ranked-card,
[data-hvy-rail].is-dragging .hvy-top10-card,
[data-hvy-rail].is-dragging .hvy-platform-tile,
[data-hvy-rail].is-dragging .hvy-article-card,
[data-hvy-rail].is-dragging .hvy-hot-product-card,
[data-hvy-rail].is-dragging .hvy-free-game-card{
  transition:none!important;
  box-shadow:none!important;
}

[data-hvy-rail].is-dragging img{
  transition:none!important;
  transform:none!important;
}

/* A subtle grab-state response, without blurring/repainting the whole page. */
[data-hvy-rail].is-dragging{
  filter:saturate(.98)!important;
}

/* Existing pagination dots now reflect pages, not individual cards. */
[data-hvy-rail-dot]{
  transition:
    width .22s ease,
    opacity .22s ease,
    transform .22s ease,
    background .22s ease!important;
}

[data-hvy-rail-dot].is-active{
  opacity:1!important;
  transform:scale(1.04)!important;
}


/* =========================================================
   v0.2.43 — Deal mini cards = canonical compact-card styling
========================================================= */

.hvy-deal-mini-list{
  gap:8px!important;
}

/* Exact surface language from .hvy-product-card.is-compact */
.hvy-deal-mini-list>a{
  min-width:0!important;
  position:relative!important;
  overflow:hidden!important;

  border:1px solid rgba(164,177,194,.17)!important;
  border-radius:17px!important;

  background:
    linear-gradient(165deg,rgba(24,31,41,.96),rgba(12,17,24,.96))!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 10px 27px rgba(0,0,0,.20)!important;

  text-decoration:none!important;

  transition:
    transform .22s ease,
    border-color .22s ease,
    box-shadow .22s ease!important;
}

.hvy-deal-mini-list>a:hover{
  transform:translateY(-3px)!important;

  border-color:rgba(255,104,40,.34)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 15px 34px rgba(0,0,0,.28),
    0 0 18px rgba(255,77,0,.055)!important;
}

/* Media behaves like compact-card media, just scaled for the 2x2 deal grid. */
.hvy-deal-mini-list img{
  display:block!important;
  width:100%!important;
  height:104px!important;

  object-fit:cover!important;
  border-radius:0!important;

  background:#0a0e14!important;

  transition:transform .45s ease!important;
}

.hvy-deal-mini-list>a:hover img{
  transform:scale(1.045)!important;
}

/* Compact-card body language. */
.hvy-deal-mini-list span{
  display:block!important;

  min-height:65px!important;
  padding:10px!important;

  direction:rtl!important;
  text-align:right!important;

  color:#15c973!important;

  font-size:10px!important;
  line-height:1.4!important;
  font-weight:800!important;
}

.hvy-deal-mini-list span .woocommerce-Price-amount.amount,
.hvy-deal-mini-list span ins .woocommerce-Price-amount.amount{
  color:#15c973!important;
}

.hvy-deal-mini-list span del,
.hvy-deal-mini-list span del .woocommerce-Price-amount.amount{
  color:#7f8996!important;
  opacity:.48!important;
  font-size:8px!important;
}

.hvy-deal-mini-list span ins{
  text-decoration:none!important;
}

.hvy-deal-mini-list b{
  display:block!important;

  min-height:30px!important;
  margin:0 0 7px!important;

  color:#f7f8fa!important;

  font-size:10px!important;
  line-height:1.5!important;
  font-weight:780!important;

  white-space:normal!important;
  overflow:hidden!important;

  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
}

/* Sale badge uses the same Havyj discount treatment. */
.hvy-deal-mini-list small{
  position:absolute!important;
  z-index:4!important;

  right:9px!important;
  top:9px!important;

  padding:4px 7px!important;

  border-radius:7px!important;

  color:#fff!important;
  background:#EE1844!important;
  border:1px solid rgba(255,255,255,.08)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 3px 8px rgba(238,24,68,.16)!important;

  font-size:8px!important;
  line-height:1!important;
  font-weight:900!important;
}

/* Give the deal grid the same clean card spacing as product rails. */
.hvy-deal-panel .hvy-deal-mini-list{
  align-items:start!important;
}

@media(max-width:640px){
  .hvy-deal-mini-list img{
    height:96px!important;
  }

  .hvy-deal-mini-list span{
    min-height:61px!important;
    padding:9px!important;
  }
}


/* =========================================================
   v0.2.47 — WP Carousel reference behavior / Swiper 8.4.5
   STRUCTURE ONLY: Havyj card visuals/hover/glow remain untouched.
========================================================= */

.hvy-swiper-viewport.swiper{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  direction:inherit!important;
  touch-action:pan-y pinch-zoom!important;
}

.hvy-swiper-viewport.swiper > [data-hvy-rail].swiper-wrapper{
  position:relative!important;
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:stretch!important;
  width:100%!important;
  min-width:0!important;

  /* Swiper receives the real gap as spaceBetween. */
  gap:0!important;
  column-gap:0!important;

  overflow:visible!important;
  overflow-x:visible!important;
  scroll-snap-type:none!important;
  scroll-behavior:auto!important;

  contain:none!important;
  filter:none!important;

  cursor:grab!important;
  touch-action:pan-y pinch-zoom!important;

  /* Swiper owns only this transform. No custom transitions/physics. */
  transition-property:transform!important;
  box-sizing:content-box!important;
}

.hvy-swiper-viewport.swiper:active > [data-hvy-rail].swiper-wrapper{
  cursor:grabbing!important;
}

.hvy-swiper-viewport.swiper > [data-hvy-rail].swiper-wrapper > .swiper-slide{
  position:relative!important;
  flex-shrink:0!important;
  scroll-snap-align:none!important;
  box-sizing:border-box!important;

  /*
   * Do NOT set display or min-width here.
   * Those are visual/layout properties owned by each Havyj card type.
   * In particular, platform tiles must remain display:flex with their
   * original 132px / 108px sizing.
   */
  backface-visibility:visible!important;
  -webkit-backface-visibility:visible!important;
}

/* Swiper loop clones must keep the exact Havyj card appearance. */
.hvy-swiper-viewport .swiper-slide-duplicate{
  visibility:visible!important;
  opacity:1!important;
}

/* Old custom drag-state rules must never activate in this build. */
.hvy-swiper-viewport [data-hvy-rail].is-pointer-down,
.hvy-swiper-viewport [data-hvy-rail].is-dragging{
  filter:none!important;
}

/* Keep scrollbar hidden if Swiper fails, but leave a usable fallback. */
[data-hvy-rail].hvy-swiper-fallback{
  display:flex!important;
  overflow-x:auto!important;
  scroll-snap-type:x mandatory!important;
  scrollbar-width:none!important;
}

[data-hvy-rail].hvy-swiper-fallback::-webkit-scrollbar{
  display:none!important;
}

[data-hvy-rail].hvy-swiper-fallback > *{
  flex:0 0 auto!important;
  scroll-snap-align:start!important;
}


/* =========================================================
   v0.2.53 — Swiper isolation fixes only
========================================================= */

/* Platform cards keep their exact Havyj flex layout after becoming slides. */
.hvy-swiper-viewport-platforms.swiper
  > .hvy-platform-tile-rail.swiper-wrapper
  > .hvy-platform-tile.swiper-slide{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;

  flex:0 0 132px!important;
  min-width:132px!important;
  width:132px!important;
  max-width:132px!important;

  height:108px!important;
}

/*
 * Swiper viewport must clip horizontally, but Top10 intentionally hangs its
 * rank above each card. The old rail used margin-top:-29px; moving that same
 * negative offset to the viewport gives Swiper enough internal vertical room
 * while preserving the section's original visual position.
 */
.hvy-swiper-viewport-top10.swiper{
  margin-top:-29px!important;
}

.hvy-swiper-viewport-top10.swiper
  > .hvy-top10-rail.swiper-wrapper{
  margin-top:0!important;
}

/* The existing 38px rail top padding now sits fully inside the viewport. */
.hvy-swiper-viewport-top10.swiper
  > .hvy-top10-rail.swiper-wrapper
  > .hvy-top10-card.swiper-slide{
  overflow:visible!important;
}

.hvy-swiper-viewport-top10.swiper .hvy-top10-rank{
  overflow:visible!important;
  clip-path:none!important;
}

@media(max-width:640px){
  .hvy-swiper-viewport-platforms.swiper
    > .hvy-platform-tile-rail.swiper-wrapper
    > .hvy-platform-tile.swiper-slide{
    flex-basis:108px!important;
    min-width:108px!important;
    width:108px!important;
    max-width:108px!important;
    height:96px!important;
  }
}


/* =========================================================
   v0.2.54 — Nintendo + Epic double-banner + New Listing parity
========================================================= */

/* Epic list price: exactly one pixel larger than the current 11px treatment. */
.hvy-epic-list-price{
  font-size:12px!important;
}

.hvy-epic-list-price del{
  font-size:10px!important;
}

/* Two editorial banners now occupy the banner column. */
.hvy-epic-banner-stack{
  width:100%!important;
  min-width:0!important;

  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;

  align-self:stretch!important;
}

/* Keep the approved primary banner size unchanged. */
.hvy-epic-banner-stack > .hvy-epic-cta-card{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:255 / 280!important;
  flex:0 0 auto!important;
}

/* Slim secondary banner — same cinematic/glass family, substantially thinner. */
.hvy-epic-mini-banner{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;

  width:100%!important;
  min-height:72px!important;
  flex:1 1 78px!important;

  display:flex!important;
  align-items:flex-end!important;

  border-radius:13px!important;

  color:#fff!important;
  text-decoration:none!important;

  background:
    linear-gradient(
      90deg,
      rgba(5,8,12,.94) 0%,
      rgba(5,8,12,.72) 44%,
      rgba(5,8,12,.20) 100%
    ),
    var(--hvy-epic-mini-bg) center/cover no-repeat!important;

  border:1px solid rgba(255,104,31,.18)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 8px 20px rgba(0,0,0,.22)!important;

  transition:
    transform .22s ease,
    border-color .22s ease,
    box-shadow .22s ease!important;
}

.hvy-epic-mini-banner:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(255,115,45,.32)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 11px 25px rgba(0,0,0,.27),
    0 0 16px rgba(255,77,0,.045)!important;
}

.hvy-epic-mini-overlay{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;

  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,.035),
      transparent 38%,
      rgba(255,77,0,.035)
    )!important;

  pointer-events:none!important;
}

.hvy-epic-mini-copy{
  position:relative!important;
  z-index:2!important;

  width:100%!important;
  min-width:0!important;

  padding:11px 12px!important;

  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:
    "kicker action"
    "title action"!important;
  gap:2px 8px!important;

  align-items:center!important;

  direction:rtl!important;
  text-align:right!important;
}

.hvy-epic-mini-copy small{
  grid-area:kicker!important;

  color:#ff9758!important;
  font-size:7px!important;
  font-weight:800!important;
}

.hvy-epic-mini-copy strong{
  grid-area:title!important;

  min-width:0!important;

  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;

  color:#fff!important;

  font-size:10.5px!important;
  line-height:1.35!important;
  font-weight:850!important;
}

.hvy-epic-mini-copy > span{
  grid-area:action!important;

  min-height:29px!important;
  padding:0 9px!important;

  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;

  border-radius:8px!important;

  color:#fff!important;
  background:rgba(255,77,0,.86)!important;
  border:1px solid rgba(255,151,88,.18)!important;

  font-size:8px!important;
  font-weight:850!important;
}

.hvy-epic-mini-copy > span .hvy-icon{
  width:11px!important;
  height:11px!important;
}

/* NEW LISTING now literally shares the Epic section/layout/card system. */
.hvy-showcase.hvy-new-listing-showcase.hvy-epic-listing-section{
  padding:15px 15px 16px!important;
  border-radius:18px!important;

  background:
    linear-gradient(160deg,rgba(20,25,33,.97),rgba(11,15,21,.98))!important;

  border:1px solid rgba(255,255,255,.075)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 11px 28px rgba(0,0,0,.18)!important;
}

/* Only difference requested: both banners are on the RIGHT. */
.hvy-epic-listing-layout.is-banner-right{
  grid-template-columns:minmax(0,1fr) 255px!important;
}

.hvy-epic-listing-layout.is-banner-right > .hvy-epic-banner-stack{
  grid-column:2!important;
  grid-row:1!important;
}

.hvy-epic-listing-layout.is-banner-right > .hvy-epic-list-grid{
  grid-column:1!important;
  grid-row:1!important;
}

@media(max-width:1350px){
  .hvy-epic-listing-layout.is-banner-right{
    grid-template-columns:minmax(0,1fr) 235px!important;
  }
}

@media(max-width:980px){
  .hvy-epic-banner-stack{
    gap:9px!important;
  }

  .hvy-epic-banner-stack > .hvy-epic-cta-card{
    aspect-ratio:16 / 9!important;
  }

  .hvy-epic-mini-banner{
    min-height:68px!important;
    flex-basis:68px!important;
  }

  .hvy-epic-listing-layout.is-banner-right{
    grid-template-columns:1fr!important;
  }

  .hvy-epic-listing-layout.is-banner-right > .hvy-epic-banner-stack,
  .hvy-epic-listing-layout.is-banner-right > .hvy-epic-list-grid{
    grid-column:1!important;
    grid-row:auto!important;
  }
}

/* =========================================================
 * v0.2.55 — Shop / Product Archive preview
 * Scoped to body.havyj-ui-shop-v1 so v0.2.54 homepage stays unchanged.
 * ======================================================= */
body.havyj-ui-shop-v1 .havyj-ui-theme-content{position:relative;z-index:1}
body.havyj-ui-shop-v1 .hvy-shop-shell{padding-top:24px}
.hvy-shop-app{--hvy-shop-panel:rgba(15,21,29,.91);--hvy-shop-line:rgba(121,141,166,.16)}
.hvy-shop-hero{position:relative;min-height:138px;border-radius:22px;padding:28px 34px;display:flex;align-items:center;justify-content:space-between;gap:28px;overflow:hidden;background:linear-gradient(90deg,rgba(10,15,22,.96),rgba(16,22,30,.89)),radial-gradient(circle at 18% 40%,rgba(255,77,0,.18),transparent 34%);border-color:rgba(255,255,255,.075);box-shadow:0 15px 45px rgba(0,0,0,.22)}
.hvy-shop-hero:after{content:"";position:absolute;inset:auto -60px -120px auto;width:430px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(255,86,11,.17),transparent 68%);pointer-events:none}
.hvy-shop-hero-copy{position:relative;z-index:1;max-width:760px}.hvy-shop-hero-copy .hvy-kicker{font-size:10px;letter-spacing:1.7px;color:#ff8b4e}.hvy-shop-hero-copy h1{font-size:34px;line-height:1.1;margin:7px 0 8px;color:#fff}.hvy-shop-hero-copy p{margin:0;color:#9da6b3;font-size:12px;line-height:1.95}
.hvy-shop-hero-actions{position:relative;z-index:1;display:flex;align-items:center;gap:8px}.hvy-shop-hero-actions a{min-height:40px;padding:0 15px;display:inline-flex;align-items:center;border-radius:11px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);font-size:11px;color:#c8ced7!important;transition:.18s ease}.hvy-shop-hero-actions a:hover{border-color:rgba(255,93,20,.28);color:#ff9e68!important;background:rgba(255,77,0,.06)}
.hvy-shop-layout{display:grid;grid-template-columns:245px minmax(0,1fr) 230px;grid-template-areas:"filters center discovery";gap:14px;align-items:start;margin-top:14px}
.hvy-shop-filters{grid-area:filters;position:sticky;top:18px;border-radius:18px;padding:18px;background:linear-gradient(180deg,rgba(16,22,30,.96),rgba(10,15,22,.96));box-shadow:0 12px 34px rgba(0,0,0,.19);border-color:var(--hvy-shop-line)}
.hvy-shop-center{grid-area:center;min-width:0}.hvy-shop-discovery{grid-area:discovery;position:sticky;top:18px;display:flex;flex-direction:column;gap:12px;min-width:0}
.hvy-shop-filter-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px;padding-bottom:13px;border-bottom:1px solid rgba(255,255,255,.075)}.hvy-shop-filter-title h2{margin:0;font-size:16px}.hvy-shop-filter-title button{display:none;width:34px;height:34px;place-items:center;border:1px solid var(--hvy-line);border-radius:10px;background:rgba(255,255,255,.03);color:#d7dbe2}.hvy-shop-filter-title button .hvy-icon{width:16px;height:16px}
.hvy-shop-filter-group{border:0;margin:0;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.07)}.hvy-shop-filter-group legend{display:block;width:100%;font-size:12px;font-weight:850;color:#eef0f4;margin:0 0 11px}.hvy-shop-filter-group select,.hvy-shop-results-head select,.hvy-shop-mobile-toolbar select{width:100%;height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.09);background:#111822;color:#d8dde5;padding:0 10px;font-size:10.5px;outline:0}.hvy-shop-filter-group select:focus,.hvy-shop-results-head select:focus{border-color:rgba(255,92,18,.45);box-shadow:0 0 0 2px rgba(255,77,0,.08)}
.hvy-shop-filter-chips{display:flex;flex-wrap:wrap;gap:6px}.hvy-shop-filter-chips label{cursor:pointer}.hvy-shop-filter-chips input{position:absolute;opacity:0;pointer-events:none}.hvy-shop-filter-chips span{min-height:32px;padding:0 11px;border-radius:9px;border:1px solid rgba(255,255,255,.085);background:rgba(255,255,255,.025);display:inline-flex;align-items:center;justify-content:center;font-size:9.5px;color:#bfc6d0;transition:.16s ease}.hvy-shop-filter-chips input:checked+span{color:#ff9c62;border-color:rgba(255,101,30,.44);background:linear-gradient(180deg,rgba(255,88,12,.15),rgba(255,77,0,.07));box-shadow:0 0 17px rgba(255,77,0,.08)}
.hvy-shop-price-inputs{display:grid;grid-template-columns:1fr 1fr;gap:7px}.hvy-shop-price-inputs label{display:flex;align-items:center;gap:5px;height:40px;padding:0 9px;border-radius:10px;border:1px solid rgba(255,255,255,.085);background:rgba(255,255,255,.025)}.hvy-shop-price-inputs span{font-size:9px;color:#7f8997}.hvy-shop-price-inputs input{width:100%;min-width:0;height:34px;padding:0;border:0!important;background:transparent!important;color:#dce1e8!important;font-size:9px;outline:0!important;box-shadow:none!important;text-align:left;direction:ltr}.hvy-shop-price-inputs input::-webkit-inner-spin-button{opacity:.25}
.hvy-shop-check{min-height:34px;display:flex;align-items:center;gap:9px;color:#c1c8d1;font-size:10px;cursor:pointer}.hvy-shop-check input{appearance:none;-webkit-appearance:none;width:16px;height:16px;border:1px solid rgba(255,255,255,.16);border-radius:5px;background:rgba(255,255,255,.025);display:grid;place-items:center}.hvy-shop-check input:checked{border-color:#ff6b22;background:linear-gradient(135deg,#ff4d00,#ff8a22);box-shadow:0 0 12px rgba(255,77,0,.18)}.hvy-shop-check input:checked:after{content:"✓";font-size:10px;line-height:1;color:#fff;font-weight:900}
.hvy-shop-apply{width:100%;margin-top:14px;min-height:42px}.hvy-shop-clear{display:flex;align-items:center;justify-content:center;min-height:38px;margin-top:7px;border-radius:10px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.065);color:#9fa8b5!important;font-size:10px}
.hvy-shop-tabs{min-height:54px;border-radius:16px;padding:7px;display:flex;align-items:center;gap:5px;overflow-x:auto;scrollbar-width:none;background:rgba(16,22,30,.77);box-shadow:0 11px 30px rgba(0,0,0,.16)}.hvy-shop-tabs::-webkit-scrollbar{display:none}.hvy-shop-tabs a{height:39px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;color:#aeb6c1!important;font-size:10.5px;font-weight:750;white-space:nowrap;border:1px solid transparent}.hvy-shop-tabs a:hover{color:#fff!important;background:rgba(255,255,255,.035)}.hvy-shop-tabs a.is-active{color:#ff9a5e!important;border-color:rgba(255,91,18,.30);background:linear-gradient(180deg,rgba(255,87,12,.14),rgba(255,77,0,.06));box-shadow:inset 0 -2px 0 rgba(255,91,18,.85)}
.hvy-shop-results-head{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 4px 9px}.hvy-shop-results-head>div{display:flex;align-items:baseline;gap:7px;color:#9aa4b1;font-size:10px}.hvy-shop-results-head>div strong{font-size:14px;color:#f2f4f6}.hvy-shop-results-head form{display:block}.hvy-shop-results-head label{display:flex;align-items:center;gap:8px;color:#929dab;font-size:10px}.hvy-shop-results-head select{width:130px;height:35px}
.hvy-shop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.hvy-shop-grid .hvy-product-card{min-width:0;height:100%;border-radius:16px;background:linear-gradient(180deg,rgba(18,24,32,.96),rgba(11,16,23,.98));border-color:rgba(255,255,255,.085);box-shadow:0 9px 24px rgba(0,0,0,.15);transform:none!important}.hvy-shop-grid .hvy-product-card:hover{border-color:rgba(255,91,18,.32);box-shadow:0 0 0 1px rgba(255,91,18,.04),0 13px 32px rgba(0,0,0,.22),0 0 23px rgba(255,77,0,.08);transform:translateY(-2px)!important}.hvy-shop-grid .hvy-product-media-wrap{aspect-ratio:1.43/1;min-height:0}.hvy-shop-grid .hvy-product-media,.hvy-shop-grid .hvy-product-media img{width:100%;height:100%;object-fit:cover}.hvy-shop-grid .hvy-product-body{padding:11px 11px 10px}.hvy-shop-grid .hvy-product-body h3{font-size:11.5px;min-height:32px;line-height:1.5;margin:0 0 7px}.hvy-shop-grid .hvy-product-meta{font-size:8.5px}.hvy-shop-grid .hvy-price{font-size:12px;min-height:28px}.hvy-shop-grid .hvy-card-foot{margin-top:6px}.hvy-shop-grid .hvy-reward strong{font-size:9px}.hvy-shop-grid .hvy-mini-cart{width:34px;height:34px;border-radius:10px}.hvy-shop-grid .hvy-mini-cart .hvy-icon{width:16px;height:16px}
.hvy-shop-mini-panel{border-radius:17px;padding:13px;background:linear-gradient(180deg,rgba(17,23,31,.93),rgba(11,16,23,.96));box-shadow:0 10px 28px rgba(0,0,0,.16);border-color:rgba(255,255,255,.075)}.hvy-shop-mini-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.hvy-shop-mini-head h3{font-size:11.5px;margin:0}.hvy-shop-mini-head span{font-size:8.5px;color:#ff9257}.hvy-shop-mini-items{display:flex;flex-direction:column}.hvy-shop-mini-item{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:8px;padding:8px 0;border-top:1px solid rgba(255,255,255,.055)}.hvy-shop-mini-item:first-child{border-top:0}.hvy-shop-mini-media{width:48px;height:43px;border-radius:9px;overflow:hidden;background:#0d1219}.hvy-shop-mini-media img{width:100%;height:100%;object-fit:cover}.hvy-shop-mini-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.hvy-shop-mini-copy b{font-size:9px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hvy-shop-mini-copy small{font-size:8.5px;color:#b7bec8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hvy-shop-mini-copy small ins{text-decoration:none}.hvy-shop-mini-copy small del{opacity:.4}.hvy-shop-mini-item em{position:absolute;left:0;bottom:8px;font-size:8px;font-style:normal;color:#63db78}.hvy-shop-mini-panel.is-hot .hvy-shop-mini-head h3{color:#ffab78}.hvy-shop-mini-panel.is-green .hvy-shop-mini-head h3{color:#83dd91}.hvy-shop-mini-panel.is-yellow .hvy-shop-mini-head h3{color:#e8cf75}
.hvy-shop-empty{min-height:330px;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px}.hvy-shop-empty>span{font-size:48px;filter:drop-shadow(0 0 20px rgba(255,77,0,.25))}.hvy-shop-empty h2{font-size:20px;margin:12px 0 5px}.hvy-shop-empty p{font-size:11px;color:#98a2af;margin:0 0 16px}
.hvy-shop-pagination{display:flex;justify-content:center;margin:22px 0 0}.hvy-shop-pagination ul{display:flex;align-items:center;gap:6px;list-style:none;padding:0;margin:0}.hvy-shop-pagination li{margin:0}.hvy-shop-pagination a,.hvy-shop-pagination span{min-width:36px;height:36px;padding:0 10px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);display:grid;place-items:center;color:#b8c0ca!important;font-size:10px}.hvy-shop-pagination .current{color:#fff!important;background:linear-gradient(135deg,#ff4d00,#ff7e1b);border-color:transparent;box-shadow:0 8px 20px rgba(255,77,0,.18)}
.hvy-shop-mobile-toolbar{display:none}.hvy-shop-filter-backdrop{display:none}

@media(max-width:1280px){
  .hvy-shop-layout{grid-template-columns:225px minmax(0,1fr)}
  .hvy-shop-discovery{display:none}
  .hvy-shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:980px){
  body.havyj-ui-shop-v1 .hvy-shop-shell{padding-top:14px}
  .hvy-shop-hero{min-height:118px;padding:22px 24px}.hvy-shop-hero-copy h1{font-size:27px}.hvy-shop-hero-actions{display:none}
  .hvy-shop-layout{display:block;margin-top:10px}
  .hvy-shop-filters{position:fixed;z-index:100004;top:0;right:0;bottom:0;width:min(390px,88vw);border-radius:0;padding:20px;overflow:auto;transform:translateX(105%);transition:transform .24s cubic-bezier(.22,.78,.28,1);box-shadow:-28px 0 70px rgba(0,0,0,.48)}
  .hvy-shop-filters.is-open{transform:translateX(0)}.hvy-shop-filter-title button{display:grid}
  .hvy-shop-filter-backdrop{position:fixed;z-index:100003;inset:0;background:rgba(2,5,8,.72);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:.2s}.hvy-shop-filter-backdrop.is-open{display:block;opacity:1;visibility:visible}
  body.hvy-shop-filter-lock{overflow:hidden!important}
  .hvy-shop-mobile-toolbar{display:flex;align-items:center;justify-content:space-between;gap:9px;margin:11px 0}.hvy-shop-mobile-toolbar>button,.hvy-shop-mobile-toolbar form{flex:1}.hvy-shop-mobile-filter{width:100%;height:43px;border-radius:11px;border:1px solid rgba(255,255,255,.09);background:rgba(17,23,31,.95);color:#e5e8ed;display:flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-size:10px}.hvy-shop-mobile-filter .hvy-icon{width:16px;height:16px;color:#ff7a32}.hvy-shop-mobile-filter span{min-width:18px;height:18px;border-radius:999px;background:#ff5a10;color:#fff;display:grid;place-items:center;font-size:8px}.hvy-shop-mobile-toolbar select{height:43px}
  .hvy-shop-results-head form{display:none}.hvy-shop-tabs{min-height:50px}.hvy-shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:767px){
  body.havyj-ui-shop-v1 .hvy-shell{width:min(100% - 22px,1520px)}
  .hvy-shop-hero{min-height:105px;border-radius:17px;padding:18px}.hvy-shop-hero-copy .hvy-kicker{font-size:8px}.hvy-shop-hero-copy h1{font-size:23px;margin:5px 0 6px}.hvy-shop-hero-copy p{font-size:9.5px;line-height:1.75}
  .hvy-shop-tabs{border-radius:13px;padding:6px}.hvy-shop-tabs a{height:36px;padding:0 12px;font-size:9.5px}
  .hvy-shop-results-head{min-height:45px}.hvy-shop-results-head>div{font-size:9px}.hvy-shop-results-head>div strong{font-size:12px}
  .hvy-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hvy-shop-grid .hvy-product-card{border-radius:14px}.hvy-shop-grid .hvy-product-body{padding:9px}.hvy-shop-grid .hvy-product-body h3{font-size:10px;min-height:30px}.hvy-shop-grid .hvy-product-meta{gap:4px}.hvy-shop-grid .hvy-delivery{display:none}.hvy-shop-grid .hvy-price{font-size:10.5px}.hvy-shop-grid .hvy-reward-copy strong{font-size:8px}.hvy-shop-grid .hvy-reward-carrot{width:14px;height:14px}.hvy-shop-grid .hvy-mini-cart{width:31px;height:31px}
}
@media(max-width:420px){
  .hvy-shop-grid{grid-template-columns:1fr 1fr;gap:7px}
  .hvy-shop-grid .hvy-product-topline{padding:7px}.hvy-shop-grid .hvy-platform{font-size:7.5px}.hvy-shop-grid .hvy-icon-btn{width:29px;height:29px}.hvy-shop-grid .hvy-icon-btn .hvy-icon{width:14px;height:14px}
}

/* =========================================================
 * v0.2.56 — Shop archive visual rebuild from approved mockup
 * Explicitly scoped; homepage v0.2.54 remains untouched.
 * ======================================================= */
body.havyj-ui-shop-v1 .hvy-shop-shell{
  width:min(1460px,calc(100% - 48px));
  padding-top:18px;
  padding-bottom:24px;
}
body.havyj-ui-shop-v1 .hvy-shop-reference-v2{font-family:inherit}
.hvy-shop-reference-v2 .hvy-shop-hero{
  min-height:108px;
  padding:20px 30px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  background:
    linear-gradient(90deg,rgba(9,14,21,.82) 0%,rgba(9,14,21,.90) 38%,rgba(9,14,21,.98) 76%),
    var(--hvy-shop-hero-image,linear-gradient(135deg,#16202c,#0b1017));
  background-size:cover;
  background-position:left 34%;
  box-shadow:0 16px 45px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.025);
}
.hvy-shop-reference-v2 .hvy-shop-hero:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.018),transparent 45%),radial-gradient(circle at 92% 50%,rgba(255,77,0,.09),transparent 28%);
}
.hvy-shop-reference-v2 .hvy-shop-hero:after{display:none}
.hvy-shop-reference-v2 .hvy-shop-hero-copy{margin-right:auto;max-width:650px;text-align:right}
.hvy-shop-reference-v2 .hvy-shop-hero-kicker{display:none}
.hvy-shop-reference-v2 .hvy-shop-hero-copy h1{font-size:34px;font-weight:900;margin:0 0 8px;letter-spacing:-.7px}
.hvy-shop-reference-v2 .hvy-shop-hero-copy p{font-size:11px;color:#9da6b1;line-height:1.75}
.hvy-shop-reference-v2 .hvy-shop-hero-actions{margin-left:auto;align-self:center;flex-direction:row-reverse}
.hvy-shop-reference-v2 .hvy-shop-hero-actions a{
  height:40px;min-height:40px;padding:0 16px;border-radius:9px;background:rgba(13,18,25,.72);
  border:1px solid rgba(255,255,255,.11);color:#b5bdc8!important;gap:8px;font-size:10px;
  box-shadow:inset 0 1px rgba(255,255,255,.025)
}
.hvy-shop-reference-v2 .hvy-shop-hero-actions a:hover{color:#fff!important;border-color:rgba(255,93,20,.45);background:rgba(255,77,0,.08)}
.hvy-shop-reference-v2 .hvy-shop-hero-actions .hvy-icon{width:15px;height:15px}

.hvy-shop-reference-v2 .hvy-shop-layout{
  display:grid;
  grid-template-columns:248px minmax(0,1fr) 258px;
  grid-template-areas:none;
  gap:12px;
  margin-top:12px;
  direction:ltr;
}
.hvy-shop-reference-v2 .hvy-shop-filters{grid-column:3;grid-row:1;direction:rtl}
.hvy-shop-reference-v2 .hvy-shop-center{grid-column:2;grid-row:1;direction:rtl}
.hvy-shop-reference-v2 .hvy-shop-discovery{grid-column:1;grid-row:1;direction:rtl}

.hvy-shop-reference-v2 .hvy-shop-filters{
  position:sticky;top:14px;padding:0 14px 14px;border-radius:13px;
  background:linear-gradient(180deg,rgba(17,23,31,.98),rgba(11,16,23,.98));
  border:1px solid rgba(133,151,173,.17);box-shadow:0 12px 32px rgba(0,0,0,.18)
}
.hvy-shop-reference-v2 .hvy-shop-filter-title{
  height:50px;margin:0 -14px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.085)
}
.hvy-shop-reference-v2 .hvy-shop-filter-title h2{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:900}
.hvy-shop-reference-v2 .hvy-shop-filter-title h2 .hvy-icon{width:15px;height:15px;color:#d8dde4}
.hvy-shop-reference-v2 .hvy-shop-filter-group{padding:13px 0 14px;border-bottom:1px solid rgba(255,255,255,.065)}
.hvy-shop-reference-v2 .hvy-shop-filter-group legend{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin-bottom:10px;color:#eef1f4}
.hvy-shop-reference-v2 .hvy-shop-filter-group legend span{font-size:11px;color:#7d8794}
.hvy-shop-reference-v2 .hvy-shop-filter-chips{gap:5px}
.hvy-shop-reference-v2 .hvy-shop-filter-chips span{
  min-height:29px;padding:0 10px;border-radius:7px;font-size:8.8px;color:#aeb7c1;background:#101720;border-color:rgba(255,255,255,.10)
}
.hvy-shop-reference-v2 .hvy-shop-filter-chips input:checked+span,.hvy-shop-reference-v2 .hvy-shop-filter-chips span.is-active{
  color:#ff9b5f;border-color:rgba(255,95,18,.58);background:linear-gradient(180deg,rgba(255,82,8,.18),rgba(255,77,0,.07));box-shadow:0 0 15px rgba(255,77,0,.08)
}
.hvy-shop-reference-v2 .hvy-shop-filter-chips.is-delivery span{cursor:default}
.hvy-shop-reference-v2 .hvy-shop-filter-group select{
  height:38px;border-radius:8px;background:#0f161f;border-color:rgba(255,255,255,.10);font-size:9.5px;color:#b7c0cb
}
.hvy-shop-reference-v2 .hvy-shop-price-range{
  width:100%;height:4px;margin:8px 0 5px;appearance:none;-webkit-appearance:none;border:0!important;border-radius:999px;background:linear-gradient(90deg,#ff4d00,#ff7a18);outline:0
}
.hvy-shop-reference-v2 .hvy-shop-price-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#ff5a0a;border:2px solid #ff8a47;box-shadow:0 0 10px rgba(255,77,0,.35)}
.hvy-shop-reference-v2 .hvy-shop-price-range::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:#ff5a0a;box-shadow:0 0 10px rgba(255,77,0,.35)}
.hvy-shop-reference-v2 .hvy-shop-price-scale{display:flex;justify-content:space-between;color:#727d8b;font-size:8px;margin-bottom:8px;direction:ltr}
.hvy-shop-reference-v2 .hvy-shop-price-inputs label{height:34px;border-radius:7px;background:#0f161f}
.hvy-shop-reference-v2 .hvy-shop-price-inputs input{font-size:8px}
.hvy-shop-reference-v2 .hvy-shop-price-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:7px;direction:ltr}
.hvy-shop-reference-v2 .hvy-shop-price-presets button{height:25px;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:#101720;color:#77828e;font-size:7px;cursor:pointer}
.hvy-shop-reference-v2 .hvy-shop-price-presets button:hover{border-color:rgba(255,92,18,.35);color:#ff9c63}
.hvy-shop-reference-v2 .hvy-shop-filter-actions{display:grid;grid-template-columns:.88fr 1.35fr;gap:7px;padding-top:14px}
.hvy-shop-reference-v2 .hvy-shop-clear,.hvy-shop-reference-v2 .hvy-shop-apply{height:39px;min-height:39px;margin:0;border-radius:8px;font-size:9px;font-weight:800}
.hvy-shop-reference-v2 .hvy-shop-clear{border:1px solid rgba(255,255,255,.09);background:#0f161e;color:#9ca6b2!important}
.hvy-shop-reference-v2 .hvy-shop-apply{border:1px solid #ff762b;background:linear-gradient(135deg,#ff6b10,#ff3f00);color:#fff;box-shadow:0 7px 18px rgba(255,77,0,.2);cursor:pointer}

.hvy-shop-reference-v2 .hvy-shop-type-tabs{
  display:grid;grid-template-columns:repeat(4,1fr);height:58px;padding:0;border-radius:12px;overflow:hidden;
  border:1px solid rgba(255,255,255,.09);background:rgba(14,20,28,.94);box-shadow:0 10px 28px rgba(0,0,0,.16)
}
.hvy-shop-reference-v2 .hvy-shop-type-tab{
  position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:1fr 1fr;align-items:center;column-gap:8px;
  padding:8px 12px;border-left:1px solid rgba(255,255,255,.07);color:#d5dae0!important;transition:.18s ease
}
.hvy-shop-reference-v2 .hvy-shop-type-tab:first-child{border-left:0}
.hvy-shop-reference-v2 .hvy-shop-type-icon{grid-row:1/3;width:31px;height:31px;border-radius:8px;display:grid;place-items:center;color:#ff741e;background:rgba(255,77,0,.06);border:1px solid rgba(255,101,32,.18)}
.hvy-shop-reference-v2 .hvy-shop-type-icon .hvy-icon{width:17px;height:17px}
.hvy-shop-reference-v2 .hvy-shop-type-tab b{align-self:end;font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hvy-shop-reference-v2 .hvy-shop-type-tab small{align-self:start;font-size:7.5px;color:#788491}
.hvy-shop-reference-v2 .hvy-shop-type-tab:hover{background:rgba(255,255,255,.025)}
.hvy-shop-reference-v2 .hvy-shop-type-tab.is-active{background:linear-gradient(180deg,rgba(255,110,34,.16),rgba(255,77,0,.07));box-shadow:inset 0 0 0 1px rgba(255,103,28,.45)}
.hvy-shop-reference-v2 .hvy-shop-type-tab.is-active:after{content:"";position:absolute;inset:auto 18px 0;height:2px;border-radius:3px;background:#ff5a0b;box-shadow:0 0 10px rgba(255,77,0,.45)}

.hvy-shop-reference-v2 .hvy-shop-subtabs{
  height:40px;margin-top:5px;padding:0 10px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:2px;
  background:rgba(14,20,28,.92);border:1px solid rgba(255,255,255,.07)
}
.hvy-shop-reference-v2 .hvy-shop-subtabs a{position:relative;height:39px;padding:0 20px;display:flex;align-items:center;color:#798492!important;font-size:8.5px;white-space:nowrap}
.hvy-shop-reference-v2 .hvy-shop-subtabs a.is-active{color:#ff7c2e!important;font-weight:850}
.hvy-shop-reference-v2 .hvy-shop-subtabs a.is-active:after{content:"";position:absolute;left:15px;right:15px;bottom:-1px;height:2px;background:#ff5a0a;border-radius:2px;box-shadow:0 0 8px rgba(255,77,0,.35)}

.hvy-shop-reference-v2 .hvy-shop-results-head{min-height:36px;padding:5px 2px 6px}
.hvy-shop-reference-v2 .hvy-shop-results-head>div{font-size:8px;color:#747f8c}.hvy-shop-reference-v2 .hvy-shop-results-head>div strong{font-size:10px;color:#b7c0ca}
.hvy-shop-reference-v2 .hvy-shop-results-head label{font-size:8.5px}.hvy-shop-reference-v2 .hvy-shop-results-head select{height:30px;width:116px;border-radius:7px;font-size:8px;background:#101720}

.hvy-shop-reference-v2 .hvy-shop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.hvy-shop-reference-v2 .hvy-shop-product-card{
  min-width:0;border-radius:10px;overflow:hidden;background:linear-gradient(180deg,#141b24,#0f151d);border:1px solid rgba(255,255,255,.095);
  box-shadow:0 8px 20px rgba(0,0,0,.17);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease
}
.hvy-shop-reference-v2 .hvy-shop-product-card:hover{transform:translateY(-2px);border-color:rgba(255,100,25,.42);box-shadow:0 12px 28px rgba(0,0,0,.24),0 0 20px rgba(255,77,0,.07)}
.hvy-shop-reference-v2 .hvy-shop-product-media{position:relative;aspect-ratio:1.47/1;background:#0b1016;overflow:hidden}
.hvy-shop-reference-v2 .hvy-shop-product-image{position:absolute;inset:0;display:block}.hvy-shop-reference-v2 .hvy-shop-product-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .28s ease}
.hvy-shop-reference-v2 .hvy-shop-product-card:hover .hvy-shop-product-image img{transform:scale(1.018)}
.hvy-shop-reference-v2 .hvy-shop-product-overlays{position:absolute;inset:7px 7px auto;display:flex;align-items:center;justify-content:space-between;pointer-events:none}
.hvy-shop-reference-v2 .hvy-shop-platform-chip{height:22px;padding:0 7px;border-radius:6px;display:flex;align-items:center;background:rgba(7,11,16,.77);border:1px solid rgba(255,255,255,.13);color:#d5dbe2;font-size:7.5px;backdrop-filter:blur(7px)}
.hvy-shop-reference-v2 .hvy-shop-bookmark{pointer-events:auto;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:rgba(6,10,15,.68);border:1px solid rgba(255,255,255,.17);color:#e3e6ea;cursor:pointer;backdrop-filter:blur(8px)}
.hvy-shop-reference-v2 .hvy-shop-bookmark .hvy-icon{width:13px;height:13px}
.hvy-shop-reference-v2 .hvy-shop-legal-chip{position:absolute;right:7px;bottom:7px;height:20px;padding:0 7px;border-radius:5px;display:flex;align-items:center;background:rgba(26,104,47,.78);border:1px solid rgba(63,198,92,.28);color:#7fdf91;font-size:7px;backdrop-filter:blur(5px)}
.hvy-shop-reference-v2 .hvy-shop-product-body{padding:8px 9px 8px}
.hvy-shop-reference-v2 .hvy-shop-product-body h3{font-size:9.5px;line-height:1.35;min-height:26px;margin:0 0 4px;color:#f1f3f5;font-weight:760;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hvy-shop-reference-v2 .hvy-shop-rating-row{height:18px;display:flex;align-items:center}.hvy-shop-reference-v2 .hvy-shop-rating{font-size:7.8px;color:#ff9b35}.hvy-shop-reference-v2 .hvy-shop-rating small{color:#707b88;font-size:7px}.hvy-shop-reference-v2 .hvy-shop-rating.is-empty{color:#7e8792}
.hvy-shop-reference-v2 .hvy-shop-price-row{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:29px}
.hvy-shop-reference-v2 .hvy-shop-price{font-size:10px;font-weight:850;color:#f2f4f6;white-space:nowrap}.hvy-shop-reference-v2 .hvy-shop-price ins{text-decoration:none;color:#fff}.hvy-shop-reference-v2 .hvy-shop-price del{font-size:7px;color:#68727f;opacity:.7;margin-left:4px}
.hvy-shop-reference-v2 .hvy-shop-discount{height:18px;padding:0 5px;border-radius:5px;display:flex;align-items:center;background:#b82c2f;color:#ffced0;font-size:7px;font-weight:850}
.hvy-shop-reference-v2 .hvy-shop-product-foot{height:34px;border-top:1px solid rgba(255,255,255,.055);display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:6px}
.hvy-shop-reference-v2 .hvy-shop-carrot-reward{height:27px;min-width:72px;padding:0 7px;border:1px solid rgba(255,109,30,.20);border-radius:7px;background:rgba(255,77,0,.055);display:flex;align-items:center;gap:5px;color:#ff8a3f}
.hvy-shop-reference-v2 .hvy-shop-carrot-reward img{width:14px;height:14px;object-fit:contain}.hvy-shop-reference-v2 .hvy-shop-carrot-reward b{font-size:7.6px}
.hvy-shop-reference-v2 .hvy-shop-cart-btn{width:30px;height:27px;border:1px solid rgba(255,111,31,.25);border-radius:7px;background:rgba(255,77,0,.08);color:#ff7f31;display:grid;place-items:center;cursor:pointer}
.hvy-shop-reference-v2 .hvy-shop-cart-btn:hover{background:#ff5a09;color:#fff;border-color:#ff5a09}.hvy-shop-reference-v2 .hvy-shop-cart-btn .hvy-icon{width:14px;height:14px}

.hvy-shop-reference-v2 .hvy-shop-discovery{position:sticky;top:14px;gap:12px}
.hvy-shop-reference-v2 .hvy-shop-mini-panel{padding:11px;border-radius:12px;background:linear-gradient(180deg,rgba(17,23,31,.97),rgba(10,15,22,.98));border:1px solid rgba(255,255,255,.09)}
.hvy-shop-reference-v2 .hvy-shop-mini-head{height:29px;margin:0 0 3px}.hvy-shop-reference-v2 .hvy-shop-mini-head h3{font-size:11px;color:#f0f2f4!important}.hvy-shop-reference-v2 .hvy-shop-mini-head span{font-size:7px;color:#ff7f31}
.hvy-shop-reference-v2 .hvy-shop-mini-item{grid-template-columns:48px minmax(0,1fr);gap:8px;padding:7px 0}.hvy-shop-reference-v2 .hvy-shop-mini-media{width:48px;height:42px;border-radius:6px}
.hvy-shop-reference-v2 .hvy-shop-mini-copy b{font-size:8px}.hvy-shop-reference-v2 .hvy-shop-mini-copy small{font-size:7.5px;color:#c1c7cf}.hvy-shop-reference-v2 .hvy-shop-mini-item em{font-size:7px;color:#6dd879}
.hvy-shop-reference-v2 .hvy-shop-mini-panel:after{content:"مشاهده همه";height:28px;margin-top:6px;border-radius:7px;background:rgba(255,91,16,.09);border:1px solid rgba(255,99,24,.18);display:flex;align-items:center;justify-content:center;color:#ff7e31;font-size:7.5px;font-weight:800}

.hvy-shop-reference-v2 .hvy-shop-trust-strip{
  margin-top:12px;min-height:64px;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.05);
  display:grid;grid-template-columns:repeat(5,1fr);background:rgba(10,15,22,.72)
}
.hvy-shop-reference-v2 .hvy-shop-trust-strip>div{display:flex;align-items:center;justify-content:center;gap:10px;border-left:1px solid rgba(255,255,255,.065);padding:9px 14px}
.hvy-shop-reference-v2 .hvy-shop-trust-strip>div:last-child{border-left:0}.hvy-shop-reference-v2 .hvy-shop-trust-strip .hvy-icon{width:23px;height:23px;color:#ff7b2e;filter:drop-shadow(0 0 8px rgba(255,77,0,.16))}.hvy-shop-reference-v2 .hvy-shop-trust-strip img{width:23px;height:23px;object-fit:contain}
.hvy-shop-reference-v2 .hvy-shop-trust-strip span{display:flex;flex-direction:column;gap:2px}.hvy-shop-reference-v2 .hvy-shop-trust-strip b{font-size:9px;color:#dce1e7}.hvy-shop-reference-v2 .hvy-shop-trust-strip small{font-size:7px;color:#76818d}

@media(max-width:1280px){
  body.havyj-ui-shop-v1 .hvy-shop-shell{width:min(100% - 30px,1240px)}
  .hvy-shop-reference-v2 .hvy-shop-layout{grid-template-columns:minmax(0,1fr) 235px}
  .hvy-shop-reference-v2 .hvy-shop-filters{grid-column:2}.hvy-shop-reference-v2 .hvy-shop-center{grid-column:1}.hvy-shop-reference-v2 .hvy-shop-discovery{display:none}
  .hvy-shop-reference-v2 .hvy-shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:980px){
  .hvy-shop-reference-v2 .hvy-shop-layout{display:block;direction:rtl}.hvy-shop-reference-v2 .hvy-shop-center{direction:rtl}
  .hvy-shop-reference-v2 .hvy-shop-filters{position:fixed;top:0;right:0;bottom:0;width:min(390px,88vw);z-index:100004;border-radius:0;overflow:auto;transform:translateX(105%);transition:transform .24s cubic-bezier(.22,.78,.28,1)}
  .hvy-shop-reference-v2 .hvy-shop-filters.is-open{transform:translateX(0)}
  .hvy-shop-reference-v2 .hvy-shop-type-tabs{grid-template-columns:repeat(4,minmax(155px,1fr));overflow-x:auto}.hvy-shop-reference-v2 .hvy-shop-subtabs{justify-content:flex-start;overflow-x:auto}
  .hvy-shop-reference-v2 .hvy-shop-trust-strip{grid-template-columns:repeat(3,1fr)}.hvy-shop-reference-v2 .hvy-shop-trust-strip>div:nth-child(n+4){display:none}
}
@media(max-width:767px){
  body.havyj-ui-shop-v1 .hvy-shop-shell{width:calc(100% - 22px);padding-top:10px}
  .hvy-shop-reference-v2 .hvy-shop-hero{min-height:92px;padding:17px 18px;background-position:center}.hvy-shop-reference-v2 .hvy-shop-hero-copy h1{font-size:22px}.hvy-shop-reference-v2 .hvy-shop-hero-copy p{font-size:9px;max-width:80%}.hvy-shop-reference-v2 .hvy-shop-hero-actions{display:none}
  .hvy-shop-reference-v2 .hvy-shop-type-tabs{height:52px;grid-template-columns:repeat(4,145px)}.hvy-shop-reference-v2 .hvy-shop-type-tab{grid-template-columns:28px minmax(0,1fr);padding:6px 9px}.hvy-shop-reference-v2 .hvy-shop-type-icon{width:27px;height:27px}.hvy-shop-reference-v2 .hvy-shop-type-tab b{font-size:8.5px}.hvy-shop-reference-v2 .hvy-shop-type-tab small{font-size:6.5px}
  .hvy-shop-reference-v2 .hvy-shop-subtabs{height:37px}.hvy-shop-reference-v2 .hvy-shop-subtabs a{height:36px;padding:0 13px;font-size:8px}
  .hvy-shop-reference-v2 .hvy-shop-results-head{display:none}
  .hvy-shop-reference-v2 .hvy-shop-grid{grid-template-columns:1fr;gap:9px}
  .hvy-shop-reference-v2 .hvy-shop-product-card{display:grid;grid-template-columns:40% minmax(0,1fr);min-height:150px;border-radius:13px;direction:ltr}
  .hvy-shop-reference-v2 .hvy-shop-product-media{aspect-ratio:auto;height:100%;min-height:150px}.hvy-shop-reference-v2 .hvy-shop-product-body{direction:rtl;padding:12px;display:flex;flex-direction:column}
  .hvy-shop-reference-v2 .hvy-shop-product-body h3{font-size:12px;min-height:auto;margin-bottom:5px}.hvy-shop-reference-v2 .hvy-shop-rating{font-size:9px}.hvy-shop-reference-v2 .hvy-shop-price{font-size:12px}.hvy-shop-reference-v2 .hvy-shop-price-row{margin-top:auto}.hvy-shop-reference-v2 .hvy-shop-product-foot{height:40px}.hvy-shop-reference-v2 .hvy-shop-carrot-reward{height:31px}.hvy-shop-reference-v2 .hvy-shop-cart-btn{width:34px;height:31px}
  .hvy-shop-reference-v2 .hvy-shop-trust-strip{display:flex;overflow-x:auto;scrollbar-width:none}.hvy-shop-reference-v2 .hvy-shop-trust-strip>div{display:flex!important;flex:0 0 180px}
}

/* v0.2.57 — Shop polish: hero alignment/art, rounded tabs, real accordion filters, platform icons, price steppers */
.hvy-shop-reference-v2 .hvy-shop-hero{
  display:flex;
  direction:ltr;
  align-items:center;
  justify-content:space-between;
  min-height:118px;
  padding:22px 30px;
  background:
    linear-gradient(90deg,rgba(8,13,19,.26) 0%,rgba(8,13,19,.50) 38%,rgba(8,13,19,.92) 70%,rgba(8,13,19,.985) 100%),
    var(--hvy-shop-hero-image,linear-gradient(135deg,#16202c,#0b1017));
  background-size:cover;
  background-position:left center;
}
.hvy-shop-reference-v2 .hvy-shop-hero-copy{
  order:2;
  direction:rtl;
  margin:0 0 0 auto;
  max-width:610px;
  text-align:right;
}
.hvy-shop-reference-v2 .hvy-shop-hero-actions{
  order:1;
  direction:rtl;
  margin:0 auto 0 0;
  align-self:center;
  flex-direction:row;
}
.hvy-shop-reference-v2 .hvy-shop-hero:before{
  background:
    linear-gradient(180deg,rgba(255,255,255,.018),transparent 46%),
    radial-gradient(circle at 86% 50%,rgba(255,77,0,.10),transparent 31%);
}

.hvy-shop-reference-v2 .hvy-shop-type-tabs{
  gap:5px;
  padding:5px;
  height:64px;
  overflow-x:auto;
  overflow-y:hidden;
  border-radius:13px;
}
.hvy-shop-reference-v2 .hvy-shop-type-tab{
  border:1px solid rgba(255,255,255,.065)!important;
  border-radius:9px;
  overflow:hidden;
}
.hvy-shop-reference-v2 .hvy-shop-type-tab:first-child{border-left:1px solid rgba(255,255,255,.065)!important}
.hvy-shop-reference-v2 .hvy-shop-type-tab.is-active{
  border-color:rgba(255,103,28,.46)!important;
  border-radius:9px;
}
.hvy-shop-reference-v2 .hvy-shop-type-tab.is-active:after{inset:auto 16px 2px}

.hvy-shop-reference-v2 .hvy-shop-filter-group{
  padding-top:17px;
  padding-bottom:15px;
}
.hvy-shop-reference-v2 .hvy-shop-filter-group legend{
  display:block;
  width:100%;
  margin:2px 0 11px;
  padding:0;
}
.hvy-shop-reference-v2 .hvy-shop-filter-toggle{
  width:100%;
  min-height:24px;
  padding:0;
  border:0;
  background:transparent;
  color:#eef1f4;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  font:inherit;
  cursor:pointer;
  text-align:right;
}
.hvy-shop-reference-v2 .hvy-shop-filter-label{font-size:11px;font-weight:850}
.hvy-shop-reference-v2 .hvy-shop-filter-chevron{
  width:22px;
  height:22px;
  flex:0 0 22px;
  display:grid;
  place-items:center;
  border-radius:7px;
  color:#7f8a98;
  border:1px solid rgba(255,255,255,.06);
  background:rgba(255,255,255,.018);
  transition:transform .2s ease,color .2s ease,border-color .2s ease,background .2s ease;
}
.hvy-shop-reference-v2 .hvy-shop-filter-chevron .hvy-icon{width:13px;height:13px;transition:transform .2s ease}
.hvy-shop-reference-v2 .hvy-shop-filter-group.is-open .hvy-shop-filter-chevron{
  color:#ff8240;
  border-color:rgba(255,103,28,.18);
  background:rgba(255,77,0,.055);
}
.hvy-shop-reference-v2 .hvy-shop-filter-group.is-open .hvy-shop-filter-chevron .hvy-icon{transform:rotate(180deg)}
.hvy-shop-reference-v2 .hvy-shop-filter-body{
  display:grid;
  grid-template-rows:0fr;
  opacity:0;
  transition:grid-template-rows .22s ease,opacity .18s ease,margin .22s ease;
  margin-top:-3px;
}
.hvy-shop-reference-v2 .hvy-shop-filter-body>*{min-height:0;overflow:hidden}
.hvy-shop-reference-v2 .hvy-shop-filter-group.is-open .hvy-shop-filter-body{
  grid-template-rows:1fr;
  opacity:1;
  margin-top:0;
}
/* Selects and multi-line controls need a wrapper rather than direct overflow clipping. */
.hvy-shop-reference-v2 .hvy-shop-filter-group.is-open .hvy-shop-filter-body>select,
.hvy-shop-reference-v2 .hvy-shop-filter-group.is-open .hvy-shop-filter-body>.hvy-shop-filter-chips,
.hvy-shop-reference-v2 .hvy-shop-filter-group.is-open .hvy-shop-filter-body>.hvy-shop-price-range,
.hvy-shop-reference-v2 .hvy-shop-filter-group.is-open .hvy-shop-filter-body>.hvy-shop-price-scale,
.hvy-shop-reference-v2 .hvy-shop-filter-group.is-open .hvy-shop-filter-body>.hvy-shop-price-inputs,
.hvy-shop-reference-v2 .hvy-shop-filter-group.is-open .hvy-shop-filter-body>.hvy-shop-price-presets{overflow:visible}

.hvy-shop-reference-v2 .hvy-shop-filter-chips.is-platforms span{
  gap:5px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.hvy-shop-reference-v2 .hvy-shop-platform-icon{
  width:15px;
  height:15px;
  flex:0 0 15px;
  display:grid;
  place-items:center;
  border-radius:4px;
  color:var(--hvy-platform-accent,#aab3bd);
}
.hvy-shop-reference-v2 .hvy-shop-platform-icon img{
  width:13px;
  height:13px;
  object-fit:contain;
  filter:brightness(0) invert(1);
  opacity:.78;
}
.hvy-shop-reference-v2 .hvy-shop-platform-icon b{font-size:6px;line-height:1;color:currentColor;font-weight:900}
.hvy-shop-reference-v2 .hvy-shop-platform-icon.is-all .hvy-icon{width:12px;height:12px}
.hvy-shop-reference-v2 .hvy-shop-filter-chips input:checked+span .hvy-shop-platform-icon img{opacity:1}
.hvy-shop-reference-v2 .hvy-shop-filter-chips input:checked+span .hvy-shop-platform-icon{filter:drop-shadow(0 0 5px rgba(255,91,18,.32))}

.hvy-shop-reference-v2 .hvy-shop-price-inputs{gap:7px}
.hvy-shop-reference-v2 .hvy-shop-price-field{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) 20px;
  align-items:center;
  gap:5px;
  height:36px;
  padding:0 7px 0 4px;
  border-radius:8px;
  border:1px solid rgba(255,255,255,.085);
  background:#0f161f;
}
.hvy-shop-reference-v2 .hvy-shop-price-field>span:first-child{font-size:8px;color:#7f8997}
.hvy-shop-reference-v2 .hvy-shop-price-field input{
  width:100%;min-width:0;height:32px;padding:0;border:0!important;background:transparent!important;
  color:#dce1e8!important;font-size:8px;outline:0!important;box-shadow:none!important;text-align:left;direction:ltr;
  -moz-appearance:textfield;
}
.hvy-shop-reference-v2 .hvy-shop-price-field input::-webkit-outer-spin-button,
.hvy-shop-reference-v2 .hvy-shop-price-field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.hvy-shop-reference-v2 .hvy-shop-number-controls{
  width:19px;
  height:27px;
  display:grid;
  grid-template-rows:1fr 1fr;
  border-radius:6px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.075);
  background:#111a24;
}
.hvy-shop-reference-v2 .hvy-shop-number-controls button{
  width:100%;height:100%;padding:0;border:0;background:transparent;color:#75808d;display:grid;place-items:center;cursor:pointer;
}
.hvy-shop-reference-v2 .hvy-shop-number-controls button+button{border-top:1px solid rgba(255,255,255,.06)}
.hvy-shop-reference-v2 .hvy-shop-number-controls button:hover{color:#ff8a49;background:rgba(255,77,0,.07)}
.hvy-shop-reference-v2 .hvy-shop-number-controls .hvy-icon{width:9px;height:9px}
.hvy-shop-reference-v2 .hvy-shop-number-controls button:first-child .hvy-icon{transform:rotate(180deg)}

@media (max-width:700px){
  .hvy-shop-reference-v2 .hvy-shop-hero{direction:rtl;background-position:35% center}
  .hvy-shop-reference-v2 .hvy-shop-hero-copy{order:1;margin:0;text-align:right}
  .hvy-shop-reference-v2 .hvy-shop-type-tabs{height:58px;padding:4px;gap:4px}
  .hvy-shop-reference-v2 .hvy-shop-type-tab{border-radius:8px}
}
/* v0.2.57 accordion containment correction for multi-row price bodies */
.hvy-shop-reference-v2 .hvy-shop-filter-body{
  display:block;
  max-height:0;
  overflow:hidden;
  opacity:0;
  margin-top:-3px;
  transition:max-height .24s ease,opacity .18s ease,margin .22s ease;
}
.hvy-shop-reference-v2 .hvy-shop-filter-group.is-open .hvy-shop-filter-body{
  max-height:560px;
  overflow:visible;
  opacity:1;
  margin-top:0;
}


/* v0.2.58 — Shop typography/cards/discovery polish + shared platform icons */
.hvy-shop-reference-v2 .hvy-shop-filters form{
  display:flex;
  flex-direction:column;
}
.hvy-shop-reference-v2 .hvy-shop-filter-group.is-sort{
  order:-20;
  border-top:0;
  padding-top:14px;
}

/* Hero reference details: right orange gradient rail + stronger glass actions. */
.hvy-shop-reference-v2 .hvy-shop-hero-copy{
  position:relative;
  padding-right:21px;
}
.hvy-shop-reference-v2 .hvy-shop-hero-copy:after{
  content:"";
  position:absolute;
  right:0;
  top:5px;
  bottom:5px;
  width:3px;
  border-radius:999px;
  background:linear-gradient(180deg,rgba(255,149,76,.12) 0%,#ff7b26 25%,#f64d00 58%,rgba(246,77,0,.14) 100%);
  box-shadow:0 0 9px rgba(246,77,0,.42),0 0 20px rgba(246,77,0,.12);
}
.hvy-shop-reference-v2 .hvy-shop-hero-actions a{
  background:
    linear-gradient(180deg,rgba(255,255,255,.080),rgba(255,255,255,.024)),
    rgba(10,15,22,.32)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  backdrop-filter:blur(15px) saturate(132%);
  -webkit-backdrop-filter:blur(15px) saturate(132%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 7px 22px rgba(0,0,0,.16);
}
.hvy-shop-reference-v2 .hvy-shop-hero-actions a:hover{
  background:
    linear-gradient(180deg,rgba(255,117,47,.10),rgba(255,75,0,.035)),
    rgba(13,15,21,.38)!important;
  border-color:rgba(255,113,45,.34)!important;
}

/* Shared tiny platform mark used in Shop and Homepage chips. */
.hvy-inline-platform-icon{
  width:15px;
  height:15px;
  min-width:15px;
  display:grid;
  place-items:center;
  color:var(--hvy-platform-accent,#d6dce4);
}
.hvy-inline-platform-icon img{
  width:13px;
  height:13px;
  object-fit:contain;
  display:block;
  filter:brightness(0) invert(1);
  opacity:.90;
}
.hvy-inline-platform-icon b{
  font-size:7px;
  line-height:1;
  font-weight:900;
  color:currentColor;
}
.hvy-inline-platform-label{line-height:1;white-space:nowrap}
.hvy-platform,
.hvy-hot-platform,
.hvy-shop-platform-chip,
.hvy-platform-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
}

/* Shop card overlays: bookmark on the right, platform on the left. */
.hvy-shop-reference-v2 .hvy-shop-product-overlays{
  direction:rtl;
}
.hvy-shop-reference-v2 .hvy-shop-bookmark{
  width:23px;
  height:23px;
  min-width:23px;
  min-height:23px;
  border-radius:50%;
  background:
    linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.014)),
    rgba(6,10,15,.54);
  border-color:rgba(255,255,255,.15);
}
.hvy-shop-reference-v2 .hvy-shop-bookmark .hvy-icon{
  width:12px;
  height:12px;
}
.hvy-shop-reference-v2 .hvy-shop-platform-chip{
  min-height:23px;
  padding:0 7px;
  font-size:9.5px;
  border-radius:7px;
}

/* Sub-tabs all carry a visual icon, like the reference. */
.hvy-shop-reference-v2 .hvy-shop-subtabs a{
  gap:7px;
  font-size:11px;
  font-weight:650;
}
.hvy-shop-reference-v2 .hvy-shop-subtab-icon{
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
  flex:0 0 20px;
  color:#7d8793;
}
.hvy-shop-reference-v2 .hvy-shop-subtab-icon .hvy-icon{
  width:15px;
  height:15px;
}
.hvy-shop-reference-v2 .hvy-shop-subtabs a.is-active .hvy-shop-subtab-icon{
  color:#ff7b2b;
  filter:drop-shadow(0 0 7px rgba(255,77,0,.22));
}

/* Make Shop typography readable/standard instead of micro UI text. */
.hvy-shop-reference-v2 .hvy-shop-type-tab b{font-size:11.5px}
.hvy-shop-reference-v2 .hvy-shop-type-tab small{font-size:8.5px}
.hvy-shop-reference-v2 .hvy-shop-type-icon{width:31px;height:31px}
.hvy-shop-reference-v2 .hvy-shop-type-icon .hvy-icon{width:18px;height:18px}
.hvy-shop-reference-v2 .hvy-shop-results-head{font-size:11px}
.hvy-shop-reference-v2 .hvy-shop-results-head strong{font-size:12px}
.hvy-shop-reference-v2 .hvy-shop-results-head select{font-size:10.5px}
.hvy-shop-reference-v2 .hvy-shop-filter-title h2{font-size:14px}
.hvy-shop-reference-v2 .hvy-shop-filter-label{font-size:12px}
.hvy-shop-reference-v2 .hvy-shop-filter-chips label>span,
.hvy-shop-reference-v2 .hvy-shop-filter-chips>span{font-size:9.5px}
.hvy-shop-reference-v2 .hvy-shop-filter-body select{font-size:10.5px}
.hvy-shop-reference-v2 .hvy-shop-price-scale{font-size:8.5px}
.hvy-shop-reference-v2 .hvy-shop-price-field>span:first-child{font-size:9px}
.hvy-shop-reference-v2 .hvy-shop-price-field input{font-size:10px}
.hvy-shop-reference-v2 .hvy-shop-price-presets button{font-size:8.5px}
.hvy-shop-reference-v2 .hvy-shop-filter-actions a,
.hvy-shop-reference-v2 .hvy-shop-filter-actions button{font-size:10px}

.hvy-shop-reference-v2 .hvy-shop-product-body{padding:10px 11px 10px}
.hvy-shop-reference-v2 .hvy-shop-product-body h3{
  font-size:12.5px;
  line-height:1.45;
  min-height:36px;
  margin-bottom:6px;
  font-weight:780;
}
.hvy-shop-reference-v2 .hvy-shop-rating-row{height:21px}
.hvy-shop-reference-v2 .hvy-shop-rating{font-size:10px}
.hvy-shop-reference-v2 .hvy-shop-rating small{font-size:8.5px}
.hvy-shop-reference-v2 .hvy-shop-price-row{min-height:34px}
.hvy-shop-reference-v2 .hvy-shop-price{font-size:13px}
.hvy-shop-reference-v2 .hvy-shop-price del{font-size:9px}
.hvy-shop-reference-v2 .hvy-shop-discount{font-size:9px;height:20px}
.hvy-shop-reference-v2 .hvy-shop-legal-chip{font-size:8.5px;height:22px}

/* Reward should use the same unboxed visual language as .hvy-reward on Home. */
.hvy-shop-reference-v2 .hvy-shop-product-foot{
  min-height:38px;
  height:auto;
  padding-top:7px;
}
.hvy-shop-reference-v2 .hvy-shop-carrot-reward.hvy-reward{
  min-width:0;
  height:auto;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:#ff9c43;
  font-size:10px;
  gap:5px;
}
.hvy-shop-reference-v2 .hvy-shop-carrot-reward .hvy-reward-carrot{
  width:15px;
  height:15px;
  min-width:15px;
}
.hvy-shop-reference-v2 .hvy-shop-carrot-reward .hvy-reward-copy strong{
  font-size:10px;
  font-weight:800;
}
.hvy-shop-reference-v2 .hvy-shop-cart-btn{
  width:33px;
  height:31px;
  border-radius:9px;
}

/* Discovery column mirrors the reference: three stacked compact market panels. */
.hvy-shop-reference-v2 .hvy-shop-discovery{
  gap:12px;
}
.hvy-shop-reference-v2 .hvy-shop-mini-panel{
  padding:12px 12px 10px;
  border-radius:13px;
  overflow:hidden;
}
.hvy-shop-reference-v2 .hvy-shop-mini-panel.is-hot{
  background:
    radial-gradient(circle at 14% 0%,rgba(255,77,0,.10),transparent 35%),
    linear-gradient(180deg,rgba(18,24,32,.98),rgba(10,15,22,.985));
}
.hvy-shop-reference-v2 .hvy-shop-mini-panel.is-discount{
  background:
    radial-gradient(circle at 12% 0%,rgba(52,198,92,.07),transparent 34%),
    linear-gradient(180deg,rgba(18,24,32,.98),rgba(10,15,22,.985));
}
.hvy-shop-reference-v2 .hvy-shop-mini-panel.is-latest{
  background:
    radial-gradient(circle at 13% 0%,rgba(255,190,45,.055),transparent 34%),
    linear-gradient(180deg,rgba(18,24,32,.98),rgba(10,15,22,.985));
}
.hvy-shop-reference-v2 .hvy-shop-mini-head{
  min-height:34px;
  height:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:3px;
}
.hvy-shop-reference-v2 .hvy-shop-mini-title{
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
}
.hvy-shop-reference-v2 .hvy-shop-mini-head h3{
  margin:0;
  font-size:12.5px;
  font-weight:850;
  color:#f2f4f6!important;
}
.hvy-shop-reference-v2 .hvy-shop-mini-view-all{
  font-size:8.5px!important;
  color:#ff7d2c!important;
  white-space:nowrap;
}
.hvy-shop-reference-v2 .hvy-shop-mini-head-icon{
  display:grid;
  place-items:center;
  flex:0 0 auto;
}
.hvy-shop-reference-v2 .hvy-shop-mini-head-icon.is-hot{
  width:32px;
  height:32px;
  margin:-7px -3px -4px 0;
  filter:drop-shadow(0 0 9px rgba(255,77,0,.28));
}
.hvy-shop-reference-v2 .hvy-shop-mini-head-icon.is-hot img{
  width:38px;
  height:38px;
  max-width:none;
  object-fit:contain;
}
.hvy-shop-reference-v2 .hvy-shop-mini-head-icon.is-discount{
  width:23px;
  height:23px;
  border-radius:7px;
  color:#7be785;
  background:rgba(50,185,79,.11);
  border:1px solid rgba(75,204,98,.19);
  font-size:12px;
  font-weight:950;
}
.hvy-shop-reference-v2 .hvy-shop-mini-head-icon.is-latest{
  min-width:31px;
  height:20px;
  padding:0 5px;
  border-radius:7px;
  color:#101318;
  background:#f4c33a;
  font-size:7px;
  font-weight:950;
}
.hvy-shop-reference-v2 .hvy-shop-mini-item{
  grid-template-columns:54px minmax(0,1fr) auto;
  gap:8px;
  padding:8px 0;
}
.hvy-shop-reference-v2 .hvy-shop-mini-media{
  width:54px;
  height:46px;
}
.hvy-shop-reference-v2 .hvy-shop-mini-copy b{font-size:10px;line-height:1.4}
.hvy-shop-reference-v2 .hvy-shop-mini-copy small{font-size:9px}
.hvy-shop-reference-v2 .hvy-shop-mini-item em{font-size:8.5px}

/* Use the exact Home trust-row language at Shop bottom. */
.hvy-shop-reference-v2 .hvy-shop-trust-row{
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:13px;
  margin:15px 0 24px;
}
.hvy-shop-reference-v2 .hvy-shop-trust-row .hvy-trust{
  min-height:70px;
}
.hvy-shop-reference-v2 .hvy-shop-trust-row .hvy-trust b{font-size:12px}
.hvy-shop-reference-v2 .hvy-shop-trust-row .hvy-trust small{font-size:9px}

/* Stronger readability at the mid desktop breakpoints too. */
@media (max-width:1280px) and (min-width:981px){
  .hvy-shop-reference-v2 .hvy-shop-product-body h3{font-size:12px}
  .hvy-shop-reference-v2 .hvy-shop-price{font-size:12.5px}
  .hvy-shop-reference-v2 .hvy-shop-mini-copy b{font-size:9.5px}
  .hvy-shop-reference-v2 .hvy-shop-trust-row{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:980px){
  .hvy-shop-reference-v2 .hvy-shop-trust-row{
    display:flex;
    overflow-x:auto;
    scrollbar-width:none;
    gap:9px;
  }
  .hvy-shop-reference-v2 .hvy-shop-trust-row::-webkit-scrollbar{display:none}
  .hvy-shop-reference-v2 .hvy-shop-trust-row .hvy-trust{flex:0 0 175px}
}
@media(max-width:767px){
  .hvy-shop-reference-v2 .hvy-shop-hero-copy{
    padding-right:15px;
  }
  .hvy-shop-reference-v2 .hvy-shop-hero-copy:after{
    width:2px;
  }
  .hvy-shop-reference-v2 .hvy-shop-type-tab b{font-size:9.5px}
  .hvy-shop-reference-v2 .hvy-shop-type-tab small{font-size:7.5px}
  .hvy-shop-reference-v2 .hvy-shop-subtabs a{font-size:9.5px}
  .hvy-shop-reference-v2 .hvy-shop-subtab-icon{width:18px;height:18px;flex-basis:18px}
  .hvy-shop-reference-v2 .hvy-shop-subtab-icon .hvy-icon{width:13px;height:13px}
  .hvy-shop-reference-v2 .hvy-shop-product-body h3{font-size:13px}
  .hvy-shop-reference-v2 .hvy-shop-rating{font-size:9.5px}
  .hvy-shop-reference-v2 .hvy-shop-price{font-size:12.5px}
  .hvy-shop-reference-v2 .hvy-shop-bookmark{width:25px;height:25px;min-width:25px;min-height:25px}
}

/* v0.2.59 — Shop readability, filter polish, reliable platform marks, AJAX tabs */
.hvy-shop-reference-v2{
  --hvy-shop-filter-bg:#10161e;
  --hvy-shop-filter-hover:#151d27;
  --hvy-shop-filter-text:#e9edf2;
}

/* Filters: sorting is physically first; each group is a clean independent dark panel. */
.hvy-shop-reference-v2 .hvy-shop-filters form{
  gap:11px;
}
.hvy-shop-reference-v2 .hvy-shop-filter-group,
.hvy-shop-reference-v2 .hvy-shop-filter-group.is-open,
.hvy-shop-reference-v2 .hvy-shop-filter-group.is-sort,
.hvy-shop-reference-v2 .hvy-shop-filter-group.is-price{
  margin:0!important;
  padding:14px 13px!important;
  border:0!important;
  border-bottom:0!important;
  border-radius:12px!important;
  background:var(--hvy-shop-filter-bg)!important;
  box-shadow:none!important;
  overflow:hidden;
  transition:background-color .16s ease,box-shadow .16s ease;
}
.hvy-shop-reference-v2 .hvy-shop-filter-group:first-of-type{
  margin-top:15px!important;
}
.hvy-shop-reference-v2 .hvy-shop-filter-group:hover,
.hvy-shop-reference-v2 .hvy-shop-filter-group.is-open:hover,
.hvy-shop-reference-v2 .hvy-shop-filter-group.is-sort:hover{
  background:var(--hvy-shop-filter-hover)!important;
  color:var(--hvy-shop-filter-text)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important;
}
.hvy-shop-reference-v2 .hvy-shop-filter-group legend{
  margin:0 0 12px!important;
  color:var(--hvy-shop-filter-text)!important;
}
.hvy-shop-reference-v2 .hvy-shop-filter-toggle,
.hvy-shop-reference-v2 .hvy-shop-filter-toggle:hover,
.hvy-shop-reference-v2 .hvy-shop-filter-toggle:focus{
  background:transparent!important;
  color:var(--hvy-shop-filter-text)!important;
  box-shadow:none!important;
}
.hvy-shop-reference-v2 .hvy-shop-filter-label{font-size:14px!important;line-height:1.4;font-weight:800}
.hvy-shop-reference-v2 .hvy-shop-filter-chevron{width:25px;height:25px;flex-basis:25px}
.hvy-shop-reference-v2 .hvy-shop-filter-chevron .hvy-icon{width:14px;height:14px}

/* Platform filter icons are inline/local SVG marks so remote logos cannot fail or distort. */
.hvy-platform-mark{display:block;width:100%;height:100%;color:currentColor}
.hvy-platform-mark-generic{display:grid;place-items:center;font-size:8px;font-weight:900;line-height:1}
.hvy-shop-reference-v2 .hvy-shop-filter-chips.is-platforms{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
}
.hvy-shop-reference-v2 .hvy-shop-filter-chips.is-platforms label{min-width:0}
.hvy-shop-reference-v2 .hvy-shop-filter-chips.is-platforms label>span{
  width:100%;
  min-height:40px;
  padding:5px 9px;
  justify-content:flex-start;
  gap:8px;
  font-size:12px!important;
  border-radius:9px;
}
.hvy-shop-reference-v2 .hvy-shop-platform-icon{
  width:25px!important;
  height:25px!important;
  flex:0 0 25px!important;
  padding:4px;
  border-radius:7px!important;
  color:var(--hvy-platform-accent,#cbd3dc)!important;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.065);
}
.hvy-shop-reference-v2 .hvy-shop-platform-icon .hvy-platform-mark{width:17px;height:17px}
.hvy-shop-reference-v2 .hvy-shop-platform-icon.is-all .hvy-icon{width:16px;height:16px}
.hvy-shop-reference-v2 .hvy-shop-filter-chips input:checked+span .hvy-shop-platform-icon{
  background:rgba(255,77,0,.08);
  border-color:rgba(255,102,32,.26);
  filter:drop-shadow(0 0 6px rgba(255,77,0,.20));
}

/* General filter text/readability. */
.hvy-shop-reference-v2 .hvy-shop-filter-title h2{font-size:17px!important}
.hvy-shop-reference-v2 .hvy-shop-filter-title h2 .hvy-icon{width:18px;height:18px}
.hvy-shop-reference-v2 .hvy-shop-filter-body select{font-size:12.5px!important;height:42px!important}
.hvy-shop-reference-v2 .hvy-shop-filter-chips label>span,
.hvy-shop-reference-v2 .hvy-shop-filter-chips>span{font-size:12px!important;min-height:36px}
.hvy-shop-reference-v2 .hvy-shop-price-scale{font-size:11px!important}
.hvy-shop-reference-v2 .hvy-shop-price-field>span:first-child{font-size:11px!important}
.hvy-shop-reference-v2 .hvy-shop-price-field input{font-size:12px!important}
.hvy-shop-reference-v2 .hvy-shop-price-presets button{font-size:10.5px!important;height:30px}
.hvy-shop-reference-v2 .hvy-shop-filter-actions a,
.hvy-shop-reference-v2 .hvy-shop-filter-actions button{font-size:12px!important}

/* Price control containment + clearly visible filled/unfilled range track. */
.hvy-shop-reference-v2 .hvy-shop-filter-group.is-price{max-width:100%;box-sizing:border-box}
.hvy-shop-reference-v2 .hvy-shop-filter-group.is-price .hvy-shop-filter-body{overflow:hidden!important;padding-inline:1px}
.hvy-shop-reference-v2 .hvy-shop-price-range{
  --hvy-range-progress:100%;
  display:block;
  width:calc(100% - 6px)!important;
  max-width:calc(100% - 6px)!important;
  box-sizing:border-box;
  margin:12px 3px 8px!important;
  background:linear-gradient(90deg,#f64d00 0 var(--hvy-range-progress),#2b3541 var(--hvy-range-progress) 100%)!important;
}
.hvy-shop-reference-v2 .hvy-shop-price-range::-moz-range-track{height:4px;border-radius:999px;background:#2b3541}
.hvy-shop-reference-v2 .hvy-shop-price-range::-moz-range-progress{height:4px;border-radius:999px;background:#f64d00}
.hvy-shop-reference-v2 .hvy-shop-price-inputs{max-width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.hvy-shop-reference-v2 .hvy-shop-price-field{min-width:0;max-width:100%;box-sizing:border-box}

/* Main tab typography is intentionally standard/readable, not micro UI. */
.hvy-shop-reference-v2 .hvy-shop-type-tab b{font-size:14px!important;line-height:1.35}
.hvy-shop-reference-v2 .hvy-shop-type-tab small{font-size:11px!important;line-height:1.35}
.hvy-shop-reference-v2 .hvy-shop-type-icon{width:34px;height:34px}
.hvy-shop-reference-v2 .hvy-shop-type-icon .hvy-icon{width:19px;height:19px}
.hvy-shop-reference-v2 .hvy-shop-subtabs{min-height:47px;height:auto;padding-block:3px}
.hvy-shop-reference-v2 .hvy-shop-subtabs a{font-size:13px!important;min-height:40px;font-weight:650}
.hvy-shop-reference-v2 .hvy-shop-subtab-icon{width:23px;height:23px;flex-basis:23px}
.hvy-shop-reference-v2 .hvy-shop-subtab-icon .hvy-icon{width:17px;height:17px}
.hvy-shop-reference-v2 .hvy-shop-results-head>div,
.hvy-shop-reference-v2 .hvy-shop-results-head label{font-size:12px!important}
.hvy-shop-reference-v2 .hvy-shop-results-head>div strong{font-size:14px!important}
.hvy-shop-reference-v2 .hvy-shop-results-head select{font-size:12px!important;height:36px}

/* Product cards. */
.hvy-shop-reference-v2 .hvy-shop-product-body{padding:12px 12px 11px}
.hvy-shop-reference-v2 .hvy-shop-product-body h3{font-size:14px!important;line-height:1.48;min-height:42px;font-weight:760}
.hvy-shop-reference-v2 .hvy-shop-rating-row{height:23px}
.hvy-shop-reference-v2 .hvy-shop-rating{font-size:11.5px!important}
.hvy-shop-reference-v2 .hvy-shop-rating small{font-size:10px!important}
.hvy-shop-reference-v2 .hvy-shop-price-row{min-height:38px}
.hvy-shop-reference-v2 .hvy-shop-price{font-size:15px!important}
.hvy-shop-reference-v2 .hvy-shop-price del{font-size:11px!important}
.hvy-shop-reference-v2 .hvy-shop-discount{
  height:23px!important;
  padding:0 7px!important;
  border-radius:6px!important;
  font-size:10.5px!important;
  color:#fff!important;
  background:#EE1844!important;
  border:1px solid rgba(255,255,255,.08)!important;
}
.hvy-shop-reference-v2 .hvy-shop-legal-chip{font-size:10px!important;height:24px}
.hvy-shop-reference-v2 .hvy-shop-product-foot{min-height:43px}
.hvy-shop-reference-v2 .hvy-shop-carrot-reward.hvy-reward,
.hvy-shop-reference-v2 .hvy-shop-carrot-reward .hvy-reward-copy strong{font-size:11.5px!important}
.hvy-shop-reference-v2 .hvy-shop-carrot-reward .hvy-reward-carrot{width:17px;height:17px;min-width:17px}

/* Bookmark must stay a mathematically round circle despite WoodMart/global button rules. */
.hvy-shop-reference-v2 .hvy-shop-bookmark.hvy-wishlist{
  width:27px!important;
  height:27px!important;
  min-width:27px!important;
  min-height:27px!important;
  max-width:27px!important;
  max-height:27px!important;
  aspect-ratio:1/1!important;
  padding:0!important;
  border-radius:999px!important;
  line-height:1!important;
  flex:0 0 27px!important;
}
.hvy-shop-reference-v2 .hvy-shop-bookmark.hvy-wishlist .hvy-icon{width:13px;height:13px}

/* Product platform chip icon is larger and square for legibility. */
.hvy-shop-reference-v2 .hvy-shop-platform-chip{
  min-height:29px!important;
  padding:0 8px!important;
  gap:6px!important;
  border-radius:8px!important;
  font-size:11px!important;
}
.hvy-shop-reference-v2 .hvy-shop-platform-chip .hvy-inline-platform-icon{
  width:21px!important;
  height:21px!important;
  min-width:21px!important;
  padding:3px;
  border-radius:6px;
  background:rgba(255,255,255,.045);
}
.hvy-shop-reference-v2 .hvy-shop-platform-chip .hvy-platform-mark{width:15px;height:15px}

/* Shared Homepage platform labels: keep icon readable without changing card geometry. */
.hvy-inline-platform-icon{width:18px;height:18px;min-width:18px}
.hvy-inline-platform-icon .hvy-platform-mark{width:16px;height:16px}

/* Discovery: readable typography + real clickable footer actions (no fake pseudo button). */
.hvy-shop-reference-v2 .hvy-shop-mini-panel:after{content:none!important;display:none!important}
.hvy-shop-reference-v2 .hvy-shop-mini-head h3{font-size:14px!important}
.hvy-shop-reference-v2 .hvy-shop-mini-view-all{font-size:10.5px!important;text-decoration:none}
.hvy-shop-reference-v2 .hvy-shop-mini-copy b{font-size:11.5px!important;line-height:1.45}
.hvy-shop-reference-v2 .hvy-shop-mini-copy small{font-size:10.5px!important}
.hvy-shop-reference-v2 .hvy-shop-mini-item em{font-size:10px!important}
.hvy-shop-reference-v2 .hvy-shop-mini-footer{
  min-height:34px;
  margin-top:7px;
  border-radius:8px;
  background:rgba(255,91,16,.09);
  border:1px solid rgba(255,99,24,.20);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#ff8a43!important;
  font-size:11px;
  font-weight:800;
  text-decoration:none!important;
  transition:.16s ease;
}
.hvy-shop-reference-v2 .hvy-shop-mini-footer:hover{
  background:rgba(255,91,16,.15);
  border-color:rgba(255,99,24,.36);
  color:#ffb080!important;
}

/* AJAX tab feedback. */
.hvy-shop-reference-v2 .hvy-shop-center{position:relative;transition:opacity .18s ease,filter .18s ease}
.hvy-shop-reference-v2 .hvy-shop-center.is-ajax-loading{opacity:.52;filter:saturate(.7);pointer-events:none}
.hvy-shop-reference-v2 .hvy-shop-center.is-ajax-loading:after{
  content:"";
  position:absolute;
  z-index:20;
  top:82px;
  left:50%;
  width:28px;
  height:28px;
  margin-left:-14px;
  border-radius:50%;
  border:3px solid rgba(255,255,255,.12);
  border-top-color:#f64d00;
  box-shadow:0 0 18px rgba(246,77,0,.20);
  animation:hvy-shop-spin .72s linear infinite;
}
@keyframes hvy-shop-spin{to{transform:rotate(360deg)}}

@media (max-width:1280px) and (min-width:981px){
  .hvy-shop-reference-v2 .hvy-shop-product-body h3{font-size:13.5px!important}
  .hvy-shop-reference-v2 .hvy-shop-price{font-size:14px!important}
  .hvy-shop-reference-v2 .hvy-shop-mini-copy b{font-size:11px!important}
  .hvy-shop-reference-v2 .hvy-shop-type-tab b{font-size:13px!important}
  .hvy-shop-reference-v2 .hvy-shop-type-tab small{font-size:10px!important}
}
@media(max-width:767px){
  .hvy-shop-reference-v2 .hvy-shop-filter-label{font-size:14px!important}
  .hvy-shop-reference-v2 .hvy-shop-type-tab b{font-size:12px!important}
  .hvy-shop-reference-v2 .hvy-shop-type-tab small{font-size:9.5px!important}
  .hvy-shop-reference-v2 .hvy-shop-subtabs a{font-size:12px!important}
  .hvy-shop-reference-v2 .hvy-shop-product-body h3{font-size:14px!important}
  .hvy-shop-reference-v2 .hvy-shop-price{font-size:14px!important}
  .hvy-shop-reference-v2 .hvy-shop-filter-chips.is-platforms{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.hvy-shop-reference-v2 .hvy-shop-filter-group select,
.hvy-shop-reference-v2 .hvy-shop-filter-group select:hover,
.hvy-shop-reference-v2 .hvy-shop-filter-group select:focus{
  background:#111922!important;
  color:#dce2e9!important;
  border-color:rgba(255,255,255,.09)!important;
}
/* Final readability pass for v0.2.59. */
.hvy-shop-reference-v2 .hvy-shop-hero-copy .hvy-shop-hero-kicker,
.hvy-shop-reference-v2 .hvy-shop-hero-copy .hvy-kicker{font-size:11.5px!important}
.hvy-shop-reference-v2 .hvy-shop-hero-copy p{font-size:13.5px!important;line-height:1.9}
.hvy-shop-reference-v2 .hvy-shop-hero-actions a{font-size:12.5px!important;min-height:42px}
.hvy-shop-reference-v2 .hvy-shop-type-tabs{height:72px!important}
.hvy-shop-reference-v2 .hvy-shop-mobile-toolbar button,
.hvy-shop-reference-v2 .hvy-shop-mobile-toolbar select{font-size:12px!important}
.hvy-shop-reference-v2 .hvy-shop-pagination a,
.hvy-shop-reference-v2 .hvy-shop-pagination span{font-size:12px!important}


/* =========================================================
   v0.2.61 — Cart preview (RTL / desktop + mobile)
   ========================================================= */
body.havyj-ui-cart-v1 .havyj-ui-theme-content{background:#081019;min-height:100vh}
.hvy-cart-shell{padding-top:26px;padding-bottom:46px}
.hvy-cart-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 22px}
.hvy-cart-heading h1{font-size:34px;line-height:1.25;margin:4px 0 6px;color:#f6f8fb}.hvy-cart-heading p,.hvy-cart-eyebrow{color:#7f8a98;font-size:14px}.hvy-cart-eyebrow{color:#f77918;font-weight:800}
.hvy-cart-steps{display:flex;align-items:center;gap:12px;list-style:none;margin:0;padding:0}.hvy-cart-steps li{display:flex;align-items:center;gap:8px;color:#6f7986;font-size:14px}.hvy-cart-steps li+li:before{content:'‹';margin:0 2px;color:#39424d}.hvy-cart-steps b{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#18212b;color:#8f99a5}.hvy-cart-steps .is-active{color:#ff7b18}.hvy-cart-steps .is-active b{background:rgba(246,77,0,.18);color:#ff7b18;box-shadow:0 0 18px rgba(246,77,0,.18)}
.hvy-cart-preview-note{margin:0 0 16px;padding:10px 14px;border:1px dashed rgba(246,119,24,.35);border-radius:12px;color:#aab3bf;background:rgba(246,119,24,.05);font-size:13px}
.hvy-cart-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:24px;align-items:start}.hvy-cart-main{min-width:0}.hvy-cart-list{padding:0;overflow:hidden;border-radius:20px;background:linear-gradient(180deg,#101820,#0c141c)}
.hvy-cart-list-head{display:grid;grid-template-columns:minmax(360px,1.7fr) .75fr .55fr .75fr;gap:16px;padding:15px 22px;border-bottom:1px solid rgba(255,255,255,.055);color:#73808e;font-size:12px;font-weight:700}
.hvy-cart-item{position:relative;display:grid;grid-template-columns:minmax(360px,1.7fr) .75fr .55fr .75fr;gap:16px;align-items:center;padding:16px 22px;border-bottom:1px solid rgba(255,255,255,.055)}.hvy-cart-item:last-child{border-bottom:0}.hvy-cart-product{display:flex;align-items:center;gap:14px;min-width:0}.hvy-cart-thumb{width:120px;height:72px;border-radius:10px;overflow:hidden;flex:0 0 auto;background:#0a1016}.hvy-cart-thumb img{width:100%;height:100%;object-fit:cover;display:block}.hvy-cart-name{display:block;color:#f6f8fa;font-size:15px;font-weight:800;line-height:1.5;margin-bottom:4px}.hvy-cart-product small{display:block;color:#7f8b99;font-size:12px}.hvy-cart-stock{display:block;color:#37c970;font-size:11px;margin-top:6px}.hvy-cart-unit-price,.hvy-cart-line-price{color:#eef2f5;font-size:14px;font-weight:800}.hvy-cart-qty{display:inline-flex;justify-self:start;align-items:center;background:#111a23;border:1px solid rgba(255,255,255,.08);border-radius:10px;overflow:hidden}.hvy-cart-qty button{width:31px;height:31px;border:0;background:transparent;color:#8e99a6;font-size:17px;cursor:default}.hvy-cart-qty strong{min-width:30px;text-align:center;color:#fff}.hvy-cart-remove{position:absolute;left:9px;top:50%;transform:translateY(-50%);width:26px;height:26px;display:grid;place-items:center;border-radius:50%;color:#ff6e2a;background:rgba(246,77,0,.08);font-size:18px}
.hvy-cart-tools{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.hvy-cart-coupon,.hvy-cart-carrot{padding:16px 18px;border-radius:18px;display:flex;flex-direction:column;gap:14px}.hvy-cart-coupon>div{display:flex;align-items:center;gap:11px}.hvy-cart-tool-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(246,77,0,.12);color:#ff7d1c;font-weight:900;font-size:18px}.hvy-cart-tools b{font-size:14px;color:#eef2f6}.hvy-cart-tools small{display:block;margin-top:3px;color:#7f8a96;font-size:11px}.hvy-cart-inline-form{display:flex;gap:8px}.hvy-cart-inline-form input{flex:1;min-width:0;height:40px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:#0d151d;color:#fff;padding:0 12px}.hvy-cart-inline-form button,.hvy-cart-carrot-use{height:40px;border-radius:10px;border:1px solid rgba(246,119,24,.55);background:rgba(246,119,24,.08);color:#ff8a25;padding:0 18px;font-weight:800}.hvy-cart-carrot{display:flex}.hvy-cart-carrot-balance{display:flex;align-items:center;gap:12px}.hvy-cart-carrot-balance img{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(246,77,0,.35))}.hvy-cart-carrot-balance strong{display:block;color:#f8fafc;font-size:17px;margin-top:2px}.hvy-cart-carrot-use{align-self:flex-start}
.hvy-cart-next{margin-top:16px;border-radius:18px;padding:18px;display:grid;grid-template-columns:1fr 1.3fr;gap:18px}.hvy-cart-next section{display:flex;align-items:center;gap:12px;min-width:0}.hvy-cart-next section+section{border-right:1px solid rgba(255,255,255,.06);padding-right:18px}.hvy-cart-next section>span{width:32px;height:32px;border-radius:50%;background:#fff;color:#111820;display:grid;place-items:center;font-weight:900;flex:0 0 auto}.hvy-cart-next b{color:#f4f7fa;font-size:15px}.hvy-cart-next small{display:block;color:#798592;font-size:11px;margin-top:4px}.hvy-cart-next a{margin-right:auto;color:#fff;border:1px solid rgba(255,255,255,.08);background:#121b24;border-radius:10px;padding:10px 14px;font-size:12px}.hvy-cart-payments{margin-right:auto;display:flex;gap:7px;flex-wrap:wrap}.hvy-cart-payments i{font-style:normal;font-size:11px;color:#b5bec8;padding:8px 10px;background:#121b24;border:1px solid rgba(255,255,255,.07);border-radius:9px}
.hvy-cart-summary{position:sticky;top:22px;padding:22px;border-radius:22px;border-color:rgba(246,119,24,.45)!important;box-shadow:0 18px 42px rgba(0,0,0,.25),inset 0 0 0 1px rgba(246,77,0,.04)}.hvy-cart-summary-title{display:flex;align-items:center;gap:9px;margin-bottom:20px}.hvy-cart-summary-title svg{width:22px;height:22px;color:#ff7c1b}.hvy-cart-summary h2{font-size:21px;color:#f5f7fa;margin:0}.hvy-cart-summary dl{margin:0;padding:0 0 14px;border-bottom:1px solid rgba(255,255,255,.065)}.hvy-cart-summary dl div{display:flex;justify-content:space-between;gap:14px;margin:12px 0;color:#98a3af;font-size:13px}.hvy-cart-summary dd{margin:0;color:#edf1f4;font-weight:700}.hvy-cart-summary .is-saving dd{color:#37c970}.hvy-cart-summary-total{display:flex;justify-content:space-between;align-items:flex-end;padding:18px 0}.hvy-cart-summary-total span{color:#aab3bc;font-size:13px}.hvy-cart-summary-total strong{font-size:24px;color:#fff}.hvy-cart-reward-box{display:flex;align-items:center;gap:13px;padding:13px 14px;border:1px solid rgba(246,119,24,.25);border-radius:14px;background:linear-gradient(135deg,rgba(246,77,0,.12),rgba(99,47,19,.16))}.hvy-cart-reward-box img{width:50px;height:50px;object-fit:contain}.hvy-cart-reward-box small{display:block;color:#a99f97;font-size:11px}.hvy-cart-reward-box strong{display:block;color:#ff881e;font-size:14px;margin-top:3px}.hvy-cart-confidence{margin-top:16px;padding:15px;border:1px solid rgba(255,255,255,.065);border-radius:14px;background:#0c141c}.hvy-cart-confidence h3{font-size:14px;color:#f2f5f7;margin:0 0 10px}.hvy-cart-confidence ul{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;list-style:none;color:#8c98a5;font-size:11px}.hvy-cart-confidence li:before{content:'✓';color:#ff7c1b;margin-left:5px}.hvy-cart-checkout{display:flex;align-items:center;justify-content:center;gap:10px;height:58px;margin-top:18px;border-radius:12px;background:linear-gradient(90deg,#ff5b00,#ff850d);color:#fff!important;font-size:17px;font-weight:900;box-shadow:0 10px 26px rgba(246,77,0,.24)}.hvy-cart-checkout span{font-size:22px}.hvy-cart-terms{display:block;text-align:center;color:#65717e;font-size:10px;margin-top:10px}.hvy-cart-trust-row{margin-top:22px}
@media (max-width:1100px){.hvy-cart-layout{grid-template-columns:1fr}.hvy-cart-summary{position:static}.hvy-cart-list-head,.hvy-cart-item{grid-template-columns:minmax(280px,1.6fr) .75fr .55fr .75fr}}
@media (max-width:760px){.hvy-cart-shell{padding-top:14px}.hvy-cart-heading{align-items:flex-start;flex-direction:column}.hvy-cart-heading h1{font-size:27px}.hvy-cart-steps{width:100%;justify-content:space-between}.hvy-cart-steps li{font-size:11px}.hvy-cart-preview-note{font-size:11px}.hvy-cart-list-head{display:none}.hvy-cart-item{grid-template-columns:1fr auto;gap:10px 12px;padding:14px}.hvy-cart-product{grid-column:1/-1;padding-left:26px}.hvy-cart-thumb{width:104px;height:70px}.hvy-cart-name{font-size:14px}.hvy-cart-unit-price{display:none}.hvy-cart-line-price{font-size:15px}.hvy-cart-qty{justify-self:end}.hvy-cart-remove{left:10px;top:16px;transform:none}.hvy-cart-tools,.hvy-cart-next{grid-template-columns:1fr}.hvy-cart-next section+section{border-right:0;border-top:1px solid rgba(255,255,255,.06);padding-right:0;padding-top:14px}.hvy-cart-summary{padding:18px 16px}.hvy-cart-summary h2{font-size:19px}.hvy-cart-summary-total strong{font-size:21px}.hvy-cart-confidence ul{grid-template-columns:1fr}.hvy-cart-trust-row{display:grid!important;grid-template-columns:1fr 1fr!important}.hvy-cart-trust-row .hvy-trust{min-width:0!important}.hvy-cart-inline-form{flex-direction:column}.hvy-cart-inline-form button{width:100%}}

/* ==========================================================
   v0.2.62 — Cart reference polish
   ========================================================== */
:is(.page,.search-no-results,.error404) :is(.wd-page-content,.whb-header){background-color:rgb(8,16,25)!important}

/* Match Havyj discount language. */
.hvy-cart-summary .is-saving dd{color:#EE1844!important}

/* Cart utility area: coupon + carrot spend stack beside the purple club card. */
.hvy-cart-tools{grid-template-columns:minmax(0,1.45fr) minmax(280px,.85fr);align-items:stretch;gap:16px}
.hvy-cart-tools-stack{display:grid;grid-template-columns:1fr;gap:12px;min-width:0}
.hvy-cart-coupon,.hvy-cart-carrot-spend{padding:16px 18px;border-radius:18px;display:flex;flex-direction:column;gap:14px;background:linear-gradient(180deg,rgba(16,22,30,.96),rgba(11,17,24,.96));border:1px solid rgba(255,255,255,.075)}
.hvy-cart-carrot-spend{flex-direction:row;align-items:center;justify-content:space-between;gap:14px}
.hvy-cart-carrot-spend .hvy-cart-carrot-balance{min-width:0}
.hvy-cart-carrot-spend .hvy-cart-carrot-use{flex:0 0 auto;align-self:center;min-width:128px;background:linear-gradient(180deg,rgba(24,31,41,.95),rgba(15,21,29,.95));border-color:rgba(246,119,24,.42);box-shadow:inset 0 1px 0 rgba(255,255,255,.035);transition:.2s ease}
.hvy-cart-carrot-spend .hvy-cart-carrot-use:hover{background:#18222d;color:#ff9a43;border-color:rgba(246,119,24,.68);transform:translateY(-1px)}

/* Purple club card from the approved cart reference. */
.hvy-cart-carrot{position:relative;overflow:hidden;min-height:182px;padding:24px 22px 20px 44%;border-radius:18px!important;display:flex!important;align-items:center;justify-content:flex-start;background:
 radial-gradient(circle at 24% 42%,rgba(246,77,0,.17),transparent 32%),
 linear-gradient(135deg,rgba(32,17,44,.98),rgba(22,22,48,.96) 58%,rgba(19,25,36,.98))!important;
border:1px solid rgba(143,78,174,.42)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 15px 34px rgba(0,0,0,.2)}
.hvy-cart-carrot:after{content:'';position:absolute;inset:auto 0 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(246,77,0,.5),transparent);opacity:.55}
.hvy-cart-club-rabbit{position:absolute;left:-8px;bottom:-34px;width:48%;height:125%;object-fit:cover;object-position:44% 38%;border:0;filter:drop-shadow(0 14px 22px rgba(0,0,0,.38));pointer-events:none;user-select:none}
.hvy-cart-club-copy{position:relative;z-index:2;min-width:0}
.hvy-cart-club-copy>b{display:block;color:#f6f3fb;font-size:19px;font-weight:900;margin-bottom:9px}
.hvy-cart-club-copy p{margin:0;color:#adb0bf;font-size:13px;line-height:1.9}
.hvy-cart-club-copy p strong{color:#ff8a21;font-weight:900}
.hvy-cart-club-copy a{margin-top:19px;min-height:42px;padding:0 14px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#ff8a21!important;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.09);font-size:12px;font-weight:850;box-shadow:inset 0 1px 0 rgba(255,255,255,.035);transition:.2s ease}
.hvy-cart-club-copy a:hover{background:rgba(246,77,0,.08);border-color:rgba(246,119,24,.34);transform:translateY(-1px)}

/* Replace the old next-step cards with a single useful account notice. */
.hvy-cart-account-note{margin-top:16px;padding:16px 18px;border-radius:17px;display:flex;align-items:center;gap:14px;background:linear-gradient(180deg,rgba(16,22,30,.95),rgba(11,17,24,.95));border:1px solid rgba(255,255,255,.075)}
.hvy-cart-account-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;flex:0 0 auto;color:#ff8122;background:rgba(246,77,0,.095);border:1px solid rgba(246,119,24,.22)}
.hvy-cart-account-icon .hvy-icon{width:21px;height:21px}
.hvy-cart-account-note b{display:block;margin-bottom:4px;color:#f1f4f7;font-size:14px;font-weight:850}
.hvy-cart-account-note p{margin:0;color:#8793a1;font-size:11.5px;line-height:1.9}

/* Reward box gets the rabbit/carrot visual from the approved reference. */
.hvy-cart-reward-box{position:relative;min-height:108px;padding:15px 138px 15px 16px;overflow:hidden;border-color:rgba(246,119,24,.35);background:linear-gradient(110deg,rgba(45,22,19,.94),rgba(80,37,21,.54) 52%,rgba(27,23,25,.92));box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.hvy-cart-reward-rabbit{position:absolute!important;right:0;bottom:0;width:132px!important;height:101px!important;object-fit:cover!important;object-position:right center;border-radius:0!important;pointer-events:none;user-select:none;filter:none!important}
.hvy-cart-reward-box>div{position:relative;z-index:2}
.hvy-cart-reward-box small{color:#b4a49a;font-size:11px}
.hvy-cart-reward-box strong{font-size:15px;color:#ff891f;line-height:1.7}
.hvy-cart-reward-box span{display:block;margin-top:4px;color:#d5c3b7;font-size:10px}

/* Order-summary icon should communicate cart/order summary rather than wishlist. */
.hvy-cart-summary-title>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:#ff7c1b;background:rgba(246,77,0,.08);border:1px solid rgba(246,119,24,.16)}
.hvy-cart-summary-title>span .hvy-icon{width:19px;height:19px}

/* Mobile checkout CTA sits above WoodMart/Rahkar bottom toolbar instead of covering it. */
@media (max-width:760px){
  .hvy-cart-tools{grid-template-columns:1fr;gap:12px}
  .hvy-cart-carrot{min-height:172px;padding-right:20px;padding-left:43%}
  .hvy-cart-club-rabbit{width:46%;height:120%;left:-4px;bottom:-30px}
  .hvy-cart-club-copy>b{font-size:17px}.hvy-cart-club-copy p{font-size:12px}
  .hvy-cart-carrot-spend{flex-direction:column;align-items:stretch}
  .hvy-cart-carrot-spend .hvy-cart-carrot-use{width:100%;min-width:0}
  .hvy-cart-account-note{align-items:flex-start}.hvy-cart-account-note p{font-size:11px}
  .hvy-cart-summary{padding-bottom:88px}
  .hvy-cart-reward-box{padding-right:118px;min-height:102px}.hvy-cart-reward-rabbit{width:116px!important;height:94px!important}
  .hvy-cart-checkout{position:fixed!important;z-index:9998;left:14px;right:14px;bottom:calc(72px + env(safe-area-inset-bottom));width:auto;height:58px;margin:0!important;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 8px rgba(8,16,25,.92),0 12px 34px rgba(246,77,0,.38);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
  .hvy-cart-shell{padding-bottom:160px!important}
}

@media (max-width:420px){
  .hvy-cart-carrot{padding-left:39%;min-height:164px}.hvy-cart-club-rabbit{width:43%;height:114%}.hvy-cart-club-copy a{min-height:38px;margin-top:14px}
  .hvy-cart-checkout{left:10px;right:10px;bottom:calc(68px + env(safe-area-inset-bottom));font-size:15px}
}


/* ==========================================================
   v0.2.63 — Cart balance / reward artwork polish
   ========================================================== */

/* Carrot spend action: same restrained language as coupon action, distinct muted purple accent. */
.hvy-cart-carrot-spend .hvy-cart-carrot-use{
  min-width:118px!important;
  height:40px!important;
  padding:0 15px!important;
  border-radius:10px!important;
  border:1px solid rgba(157,111,204,.38)!important;
  background:rgba(122,78,165,.075)!important;
  color:#bfa2dc!important;
  box-shadow:none!important;
  font-size:11.5px!important;
  font-weight:800!important;
  transform:none!important;
}
.hvy-cart-carrot-spend .hvy-cart-carrot-use:hover{
  background:rgba(135,91,179,.12)!important;
  border-color:rgba(171,124,216,.5)!important;
  color:#d1b9e8!important;
  box-shadow:none!important;
  transform:none!important;
}

/* Make the Havyj Club card feel deliberately composed, not like image + short loose copy. */
.hvy-cart-carrot{
  min-height:204px!important;
  padding:25px 22px 22px 43%!important;
}
.hvy-cart-club-rabbit{
  left:-2px!important;
  bottom:-28px!important;
  width:43%!important;
  height:118%!important;
  object-position:48% 35%!important;
}
.hvy-cart-club-copy{
  width:100%;
  max-width:360px;
}
.hvy-cart-club-copy>b{
  font-size:20px!important;
  margin-bottom:8px!important;
}
.hvy-cart-club-copy p{
  max-width:350px;
  font-size:12.5px!important;
  line-height:2!important;
}
.hvy-cart-club-actions{
  display:flex;
  align-items:center;
  gap:9px;
  flex-wrap:wrap;
  margin-top:16px;
}
.hvy-cart-club-copy .hvy-cart-club-actions a{
  margin-top:0!important;
  min-height:39px!important;
  padding:0 13px!important;
}
.hvy-cart-club-reward{
  min-height:39px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 12px;
  border-radius:10px;
  color:#c8abd9;
  background:rgba(137,79,166,.10);
  border:1px solid rgba(162,103,192,.24);
  font-size:11.5px;
  font-weight:850;
}

/* Reward box: use one proper wide background artwork rather than a clipped inline rabbit image. */
.hvy-cart-reward-box{
  min-height:118px!important;
  padding:17px 46% 17px 17px!important;
  border:1px solid rgba(246,119,24,.35)!important;
  background:
    linear-gradient(90deg,rgba(6,11,18,.88) 0%,rgba(6,11,18,.54) 52%,rgba(6,11,18,.04) 100%),
    var(--hvy-cart-reward-bg) center/cover no-repeat!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.hvy-cart-reward-box>div{
  max-width:185px;
  margin-left:auto;
}
.hvy-cart-reward-box small{
  font-size:11px!important;
}
.hvy-cart-reward-box strong{
  font-size:15px!important;
  line-height:1.75!important;
}
.hvy-cart-reward-box span{
  font-size:10.5px!important;
  line-height:1.7;
}

/* Trust row now lives inside the main cart column, matching the account-note width exactly. */
.hvy-cart-trust-row{
  width:100%!important;
  margin:16px 0 0!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.hvy-cart-trust-row .hvy-trust{
  min-width:0!important;
  min-height:68px;
  padding:12px 13px;
}
.hvy-cart-trust-row .hvy-trust b{font-size:11px}
.hvy-cart-trust-row .hvy-trust small{font-size:9px}

@media (max-width:760px){
  .hvy-cart-carrot{min-height:194px!important;padding:22px 18px 20px 42%!important}
  .hvy-cart-club-rabbit{width:42%!important;height:112%!important;left:0!important;bottom:-24px!important}
  .hvy-cart-club-copy>b{font-size:18px!important}
  .hvy-cart-club-copy p{font-size:11.5px!important;line-height:1.9!important}
  .hvy-cart-club-actions{margin-top:13px}
  .hvy-cart-club-reward{min-height:36px;font-size:10.5px}
  .hvy-cart-club-copy .hvy-cart-club-actions a{min-height:36px!important;font-size:11px!important}
  .hvy-cart-carrot-spend .hvy-cart-carrot-use{width:auto!important;align-self:flex-start!important;min-width:118px!important}
  .hvy-cart-reward-box{
    min-height:108px!important;
    padding:14px 43% 14px 14px!important;
    background:
      linear-gradient(90deg,rgba(6,11,18,.90) 0%,rgba(6,11,18,.58) 54%,rgba(6,11,18,.08) 100%),
      var(--hvy-cart-reward-bg) center/cover no-repeat!important;
  }
  .hvy-cart-reward-box>div{max-width:170px}
  .hvy-cart-trust-row{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
  }
}

@media (max-width:420px){
  .hvy-cart-carrot{padding-left:39%!important;min-height:188px!important}
  .hvy-cart-club-rabbit{width:40%!important;height:106%!important}
  .hvy-cart-club-copy p{font-size:11px!important}
  .hvy-cart-reward-box{padding-right:41%!important}
}

/* v0.2.65 — Cart reward box: logo-inspired carrot crate artwork */
.hvy-cart-reward-box{
  min-height:132px!important;
  padding:18px 48% 18px 18px!important;
  border:1px solid rgba(246,77,0,.55)!important;
  border-radius:16px!important;
  background:
    radial-gradient(circle at 22% 65%,rgba(157,76,208,.12),transparent 36%),
    linear-gradient(110deg,rgba(8,13,21,.98) 0%,rgba(21,13,29,.94) 46%,rgba(29,12,26,.68) 72%,rgba(9,13,20,.28) 100%),
    var(--hvy-cart-reward-bg) right center/auto 126% no-repeat!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 10px 30px rgba(0,0,0,.20),
    0 0 22px rgba(246,77,0,.05)!important;
  isolation:isolate;
}
.hvy-cart-reward-box:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:1;
  border-radius:inherit;
  background:linear-gradient(90deg,rgba(8,13,21,.14),transparent 68%);
}
.hvy-cart-reward-box>div{
  position:relative;
  z-index:2;
  max-width:205px!important;
  margin-left:auto;
  text-align:right;
}
.hvy-cart-reward-box small{
  color:#b8afc2!important;
  font-size:11.5px!important;
  font-weight:650;
}
.hvy-cart-reward-box strong{
  display:block;
  color:#ff7a0a!important;
  font-size:16px!important;
  line-height:1.75!important;
  font-weight:900;
  text-shadow:0 0 14px rgba(246,77,0,.14);
}
.hvy-cart-reward-box span{
  color:#d2c8d9!important;
  font-size:10.8px!important;
  line-height:1.75!important;
}
.hvy-cart-reward-level{
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin-top:8px;
  padding:4px 8px;
  border-radius:999px;
  border:1px solid rgba(168,86,207,.28);
  background:rgba(137,65,170,.10);
  color:#b982d8;
  font-size:9.5px;
  font-style:normal;
  font-weight:850;
  letter-spacing:.05em;
}
.hvy-cart-reward-level b{color:#ff7a0a;font-size:11px}
@media (max-width:760px){
  .hvy-cart-reward-box{
    min-height:120px!important;
    padding:15px 46% 15px 15px!important;
    background:
      radial-gradient(circle at 18% 70%,rgba(157,76,208,.10),transparent 34%),
      linear-gradient(110deg,rgba(8,13,21,.98) 0%,rgba(21,13,29,.94) 47%,rgba(29,12,26,.66) 72%,rgba(9,13,20,.24) 100%),
      var(--hvy-cart-reward-bg) right center/auto 122% no-repeat!important;
  }
  .hvy-cart-reward-box>div{max-width:180px!important}
  .hvy-cart-reward-box strong{font-size:15px!important}
}
@media (max-width:420px){
  .hvy-cart-reward-box{padding-right:44%!important}
  .hvy-cart-reward-box>div{max-width:165px!important}
}


/* v0.2.66 — Reward artwork clarity: smaller, brighter and fully visible. */
.hvy-cart-reward-box{
  min-height:132px!important;
  padding:18px 45% 18px 18px!important;
  background:
    radial-gradient(circle at 18% 68%,rgba(157,76,208,.13),transparent 38%),
    linear-gradient(110deg,#081019 0%,#110d1a 52%,#17101d 100%)!important;
}
.hvy-cart-reward-box:before{
  content:"";
  position:absolute;
  z-index:1;
  right:8px;
  top:50%;
  width:43%;
  height:88%;
  transform:translateY(-50%);
  background:var(--hvy-cart-reward-bg) center/contain no-repeat;
  filter:brightness(1.34) saturate(1.22) contrast(1.06) drop-shadow(0 0 10px rgba(246,77,0,.22));
  opacity:1;
  pointer-events:none;
}
.hvy-cart-reward-box:after{
  z-index:1;
  background:linear-gradient(90deg,rgba(8,13,21,.08) 0%,rgba(8,13,21,.02) 58%,transparent 100%)!important;
}
.hvy-cart-reward-box>div{
  z-index:3;
  max-width:218px!important;
}
@media (max-width:760px){
  .hvy-cart-reward-box{
    min-height:116px!important;
    padding:15px 43% 15px 15px!important;
  }
  .hvy-cart-reward-box:before{
    right:5px;
    width:41%;
    height:84%;
    filter:brightness(1.38) saturate(1.24) contrast(1.05) drop-shadow(0 0 8px rgba(246,77,0,.20));
  }
}
@media (max-width:420px){
  .hvy-cart-reward-box{padding-right:41%!important}
  .hvy-cart-reward-box:before{width:39%;height:82%;right:3px}
}


/* v0.2.67 — Cart reward box: approved split composition.
   Artwork is embedded only on the RIGHT; LEFT stays clean for dynamic HTML copy/CTA.
   No decorative frame/border is baked into the artwork or added around the box. */
.hvy-cart-reward-box{
  position:relative!important;
  min-height:132px!important;
  padding:16px 47% 16px 17px!important;
  border:0!important;
  border-radius:15px!important;
  overflow:hidden!important;
  background:var(--hvy-cart-reward-bg) center center/cover no-repeat!important;
  box-shadow:0 12px 28px rgba(0,0,0,.16)!important;
  isolation:isolate;
}
.hvy-cart-reward-box:before,
.hvy-cart-reward-box:after{
  content:none!important;
  display:none!important;
}
.hvy-cart-reward-box>div{
  position:relative!important;
  z-index:2!important;
  max-width:235px!important;
  margin-left:auto!important;
  text-align:right!important;
}
.hvy-cart-reward-box small{
  color:#aba9b1!important;
  font-size:11px!important;
  font-weight:650!important;
}
.hvy-cart-reward-box strong{
  display:block!important;
  margin-top:2px!important;
  color:#ff7a0a!important;
  font-size:16px!important;
  line-height:1.65!important;
  font-weight:900!important;
  text-shadow:none!important;
}
.hvy-cart-reward-box span{
  display:block!important;
  margin-top:3px!important;
  color:#d7d4db!important;
  font-size:10.5px!important;
  line-height:1.65!important;
}
.hvy-cart-reward-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
  margin-top:8px;
}
.hvy-cart-reward-level{
  margin:0!important;
  padding:4px 7px!important;
  border-color:rgba(174,90,214,.22)!important;
  background:rgba(109,51,139,.10)!important;
}
.hvy-cart-reward-club-link{
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-height:27px;
  padding:4px 8px;
  border:1px solid rgba(175,91,216,.28);
  border-radius:8px;
  background:rgba(117,52,149,.12);
  color:#c88deb!important;
  font-size:9.8px;
  font-weight:800;
  text-decoration:none!important;
  transition:background .18s ease,border-color .18s ease,color .18s ease;
}
.hvy-cart-reward-club-link:hover{
  background:rgba(139,61,177,.18);
  border-color:rgba(202,120,239,.42);
  color:#e0b1f7!important;
}
.hvy-cart-reward-club-link b{color:#ff7a0a;font-size:11px}

@media (max-width:760px){
  .hvy-cart-reward-box{
    min-height:118px!important;
    padding:14px 45% 14px 14px!important;
    background-position:center center!important;
  }
  .hvy-cart-reward-box>div{max-width:190px!important}
  .hvy-cart-reward-box strong{font-size:15px!important}
  .hvy-cart-reward-club-link{font-size:9.3px}
}
@media (max-width:420px){
  .hvy-cart-reward-box{
    min-height:116px!important;
    padding-right:43%!important;
  }
  .hvy-cart-reward-box>div{max-width:172px!important}
  .hvy-cart-reward-actions{gap:5px}
  .hvy-cart-reward-level{font-size:8.8px!important}
  .hvy-cart-reward-club-link{padding:4px 6px;font-size:8.9px}
}


/* v0.2.71 — Rebase on approved v0.2.67 reward composition.
   Keep the reward frame at the exact 2:1 aspect ratio of the selected artwork
   (reference image 1774x887) so the full background composition is visible
   without horizontal/vertical crop. */
.hvy-cart-reward-box{
  width:100%!important;
  aspect-ratio:1774 / 887!important;
  min-height:0!important;
  height:auto!important;
  background-size:100% 100%!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
@media (max-width:760px){
  .hvy-cart-reward-box{
    aspect-ratio:1774 / 887!important;
    min-height:0!important;
    height:auto!important;
    background-size:100% 100%!important;
  }
}


/* v0.2.72 — Reward box breathing room.
   Preserve the approved 2:1 frame/background composition; only add safe internal
   spacing so dynamic copy/actions do not touch the top/bottom edges. */
.hvy-cart-reward-box{
  padding:24px 47% 24px 22px!important;
}
@media (max-width:760px){
  .hvy-cart-reward-box{
    padding:18px 45% 18px 16px!important;
  }
}
@media (max-width:420px){
  .hvy-cart-reward-box{
    padding:16px 43% 16px 14px!important;
  }
}


/* =========================================================
   v0.2.73 — Havyj Checkout Preview
   Built as the visual continuation of the approved Cart UI.
   Preview-only: no live checkout takeover in this version.
   ========================================================= */
body.havyj-ui-checkout-v1 :is(.wd-page-content,.whb-header),
body.havyj-ui-checkout-v1{background-color:rgb(8,16,25)!important}
.hvy-checkout-app{background:rgb(8,16,25);min-height:70vh;color:#f2f5f7}
.hvy-checkout-shell{padding-top:28px;padding-bottom:72px}
.hvy-checkout-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:20px}
.hvy-checkout-heading h1{margin:4px 0 5px;font-size:34px;line-height:1.2;font-weight:950;color:#f7f9fb}
.hvy-checkout-heading p{margin:0;color:#82909e;font-size:13px;line-height:1.8}
.hvy-checkout-steps .is-done b{border-color:rgba(246,119,24,.46);background:rgba(246,77,0,.09);color:#ff8b2a}
.hvy-checkout-steps .is-done span{color:#aeb8c2}
.hvy-checkout-layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(330px,.72fr);gap:20px;align-items:start}
.hvy-checkout-main{display:grid;gap:15px;min-width:0}
.hvy-checkout-card{padding:22px;border-radius:20px!important;background:linear-gradient(180deg,rgba(15,22,30,.98),rgba(10,17,24,.98));border:1px solid rgba(255,255,255,.075)!important;box-shadow:0 16px 42px rgba(0,0,0,.18)}
.hvy-checkout-section-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px}
.hvy-checkout-section-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;border-radius:12px;color:#ff8122;background:rgba(246,77,0,.085);border:1px solid rgba(246,119,24,.18)}
.hvy-checkout-section-icon .hvy-icon{width:21px;height:21px}
.hvy-checkout-section-head h2{margin:0 0 4px;color:#f5f7f9;font-size:18px;font-weight:900}
.hvy-checkout-section-head p{margin:0;color:#7f8b98;font-size:11.5px;line-height:1.75}
.hvy-checkout-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hvy-field{display:flex;flex-direction:column;gap:7px;min-width:0}
.hvy-field-wide{grid-column:1/-1}
.hvy-field>span{color:#b8c0c8;font-size:11.5px;font-weight:750;padding-inline:4px}
.hvy-field>span em{color:#ee1844;font-style:normal}
.hvy-field>span small{color:#65717e;font-size:10px;font-weight:600}
.hvy-field input,.hvy-field textarea{width:100%;min-height:49px;border-radius:12px!important;border:1px solid rgba(255,255,255,.09)!important;background:#0c141d!important;color:#eef3f6!important;padding:0 14px!important;outline:none!important;box-shadow:none!important;font:inherit;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}
.hvy-field textarea{min-height:106px;padding-top:13px!important;resize:vertical;line-height:1.8}
.hvy-field input::placeholder,.hvy-field textarea::placeholder{color:#586574!important}
.hvy-field input:focus,.hvy-field textarea:focus{border-color:rgba(246,119,24,.5)!important;background:#101a25!important;box-shadow:0 0 0 3px rgba(246,77,0,.06)!important}
.hvy-checkout-account-hint{display:flex;align-items:flex-start;gap:12px;margin-top:15px;padding:14px 15px;border:1px solid rgba(62,193,116,.16);border-radius:14px;background:linear-gradient(90deg,rgba(21,201,115,.055),rgba(11,19,27,.72))}
.hvy-checkout-account-hint>span{width:36px;height:36px;display:grid;place-items:center;flex:0 0 36px;color:#24c878;border-radius:10px;background:rgba(21,201,115,.08)}
.hvy-checkout-account-hint .hvy-icon{width:18px;height:18px}
.hvy-checkout-account-hint b{display:block;color:#dce8e2;font-size:12px;margin-bottom:4px}
.hvy-checkout-account-hint p{margin:0;color:#7f9489;font-size:10.5px;line-height:1.9}
.hvy-checkout-payments{display:grid;gap:10px}
.hvy-checkout-payment{position:relative;display:grid;grid-template-columns:20px 42px minmax(0,1fr);align-items:center;gap:11px;min-height:70px;padding:11px 14px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#0c141d;cursor:pointer;transition:.2s ease}
.hvy-checkout-payment:hover{background:#101923;border-color:rgba(255,255,255,.13)}
.hvy-checkout-payment.is-selected{border-color:rgba(246,119,24,.55);background:linear-gradient(90deg,rgba(246,77,0,.075),rgba(15,21,29,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.hvy-checkout-payment input{position:absolute;opacity:0;pointer-events:none}
.hvy-checkout-payment-radio{width:18px;height:18px;border-radius:50%;border:1.5px solid #66717c;display:block;position:relative}
.hvy-checkout-payment.is-selected .hvy-checkout-payment-radio{border-color:#ff7b19}
.hvy-checkout-payment.is-selected .hvy-checkout-payment-radio:after{content:'';position:absolute;inset:4px;border-radius:50%;background:#ff7b19;box-shadow:0 0 10px rgba(246,77,0,.5)}
.hvy-checkout-payment-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;color:#ff8122;background:rgba(246,77,0,.07);border:1px solid rgba(246,119,24,.14)}
.hvy-checkout-payment-icon .hvy-icon{width:20px;height:20px}
.hvy-checkout-payment-copy{min-width:0}
.hvy-checkout-payment-copy b{display:block;color:#edf2f5;font-size:13px;font-weight:850;margin-bottom:4px}
.hvy-checkout-payment-copy small{display:block;color:#71808e;font-size:10.5px;line-height:1.6}
.hvy-checkout-summary{position:sticky;top:112px;padding:20px;border-radius:21px!important;background:linear-gradient(180deg,rgba(16,23,31,.985),rgba(10,17,24,.985));border:1px solid rgba(246,119,24,.22)!important;box-shadow:0 20px 52px rgba(0,0,0,.23)}
.hvy-checkout-order-items{display:grid;gap:2px;margin-top:15px;padding-bottom:11px;border-bottom:1px solid rgba(255,255,255,.07)}
.hvy-checkout-order-item{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 0}
.hvy-checkout-order-item img{width:58px;height:58px;border-radius:10px;object-fit:cover;background:#111923}
.hvy-checkout-order-item b{display:block;color:#edf1f4;font-size:11.5px;font-weight:850;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hvy-checkout-order-item small,.hvy-checkout-order-item em{display:block;color:#697683;font-size:9.5px;font-style:normal;margin-top:3px}
.hvy-checkout-order-item>strong{font-size:10.5px;color:#d6dce1;font-weight:800;white-space:nowrap}
.hvy-checkout-totals{display:grid;gap:10px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.hvy-checkout-totals>div,.hvy-checkout-total{display:flex;align-items:center;justify-content:space-between;gap:15px}
.hvy-checkout-totals span{color:#8995a1;font-size:11px}.hvy-checkout-totals strong{color:#d8dee3;font-size:11px;font-weight:800}
.hvy-checkout-totals .is-discount strong{color:#ee1844}.hvy-checkout-totals .is-free{color:#15c973}
.hvy-checkout-total{padding:17px 0 15px}.hvy-checkout-total span{color:#d0d7dd;font-size:12px;font-weight:800}.hvy-checkout-total strong{color:#f5f7f8;font-size:22px;font-weight:950}.hvy-checkout-total strong .woocommerce-Price-amount{color:#f5f7f8!important}
.hvy-checkout-coupon{padding:13px;border-radius:14px;background:#0c141d;border:1px solid rgba(255,255,255,.075);margin-bottom:11px}
.hvy-checkout-coupon>label{display:block;color:#aeb7c0;font-size:10.5px;font-weight:750;margin-bottom:8px}
.hvy-checkout-coupon>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.hvy-checkout-coupon input{min-width:0;height:40px!important;border-radius:10px!important;padding:0 11px!important;background:#101924!important;border:1px solid rgba(255,255,255,.08)!important;color:#eef1f4!important;box-shadow:none!important}
.hvy-checkout-coupon button{height:40px;padding:0 14px;border-radius:10px;border:1px solid rgba(246,119,24,.52);background:#101922;color:#ff8b2b;font-size:10.5px;font-weight:850;cursor:pointer}
.hvy-checkout-coupon button:hover{background:#18232d;color:#ff9a45}
.hvy-checkout-carrot-use{padding:14px;border-radius:15px;background:linear-gradient(135deg,rgba(72,36,84,.46),rgba(14,20,28,.94));border:1px solid rgba(158,84,195,.22);margin-bottom:11px}
.hvy-checkout-carrot-title{display:flex;align-items:center;gap:10px}.hvy-checkout-carrot-title img{width:38px;height:38px;object-fit:contain;filter:drop-shadow(0 5px 12px rgba(246,77,0,.24))}.hvy-checkout-carrot-title span{display:block;color:#a69cab;font-size:10px}.hvy-checkout-carrot-title strong{display:block;color:#f0eaf4;font-size:13px;margin-top:2px}
.hvy-checkout-carrot-use>small{display:block;margin:7px 0 10px;color:#766f7b;font-size:9.5px}.hvy-checkout-carrot-use>button{min-height:36px;padding:0 12px;border-radius:9px;border:1px solid rgba(174,90,214,.34);background:rgba(97,43,123,.14);color:#c98de8;font-size:10.5px;font-weight:850;cursor:pointer}.hvy-checkout-carrot-use>button:hover{background:rgba(127,52,161,.2)}
.hvy-checkout-reward{min-height:88px;padding:14px;border-radius:15px;background:linear-gradient(120deg,rgba(45,22,48,.85),rgba(52,24,20,.5),rgba(14,20,27,.96));border:1px solid rgba(246,119,24,.18);margin-bottom:12px;overflow:hidden}
.hvy-checkout-reward.has-bg{padding-left:44%;background-image:linear-gradient(90deg,rgba(8,16,25,.98) 0%,rgba(8,16,25,.84) 42%,rgba(8,16,25,.12) 70%,rgba(8,16,25,.04) 100%),var(--hvy-checkout-reward-bg);background-size:cover;background-position:center;background-repeat:no-repeat}
.hvy-checkout-reward small{display:block;color:#aca1a8;font-size:9.5px}.hvy-checkout-reward strong{display:block;color:#ff8620;font-size:13px;line-height:1.65;margin-top:1px}.hvy-checkout-reward span{display:block;color:#a69ba1;font-size:9.5px;margin-top:3px}
.hvy-checkout-submit{height:56px;border-radius:13px;display:flex;align-items:center;justify-content:center;gap:9px;background:linear-gradient(135deg,#ff7a00,#f64d00);color:#fff!important;font-size:15px;font-weight:950;text-decoration:none!important;box-shadow:0 10px 28px rgba(246,77,0,.27),inset 0 1px 0 rgba(255,255,255,.15);transition:.2s ease}.hvy-checkout-submit:hover{transform:translateY(-1px);filter:brightness(1.05);color:#fff!important}.hvy-checkout-submit.is-demo{opacity:.58;pointer-events:none}
.hvy-checkout-secure{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:11px;color:#697784;font-size:9.5px;line-height:1.6;text-align:center}.hvy-checkout-secure .hvy-icon{width:14px;height:14px;color:#768592}
.hvy-checkout-trust-row{margin-top:0;width:100%}

@media (max-width:1100px){
  .hvy-checkout-layout{grid-template-columns:minmax(0,1fr) 320px;gap:15px}
  .hvy-checkout-summary{top:92px}
}
@media (max-width:900px){
  .hvy-checkout-heading{align-items:flex-start;flex-direction:column}
  .hvy-checkout-layout{grid-template-columns:1fr}
  .hvy-checkout-summary{position:static;order:-1}
  .hvy-checkout-main{order:2}
}
@media (max-width:760px){
  .hvy-checkout-shell{padding:18px 12px 154px!important}
  .hvy-checkout-heading{gap:15px;margin-bottom:14px}.hvy-checkout-heading h1{font-size:26px}.hvy-checkout-heading p{font-size:11.5px}
  .hvy-checkout-layout{gap:12px}.hvy-checkout-card,.hvy-checkout-summary{border-radius:17px!important;padding:16px}
  .hvy-checkout-fields{grid-template-columns:1fr}.hvy-field-wide{grid-column:auto}
  .hvy-checkout-section-head{margin-bottom:15px}.hvy-checkout-section-head h2{font-size:16px}.hvy-checkout-section-head p{font-size:10.5px}
  .hvy-checkout-order-item{grid-template-columns:52px minmax(0,1fr) auto}.hvy-checkout-order-item img{width:52px;height:52px}
  .hvy-checkout-submit{position:fixed!important;z-index:9998;left:12px;right:12px;bottom:calc(72px + env(safe-area-inset-bottom));width:auto;height:58px;margin:0!important;box-shadow:0 0 0 8px rgba(8,16,25,.92),0 12px 34px rgba(246,77,0,.38);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
  .hvy-checkout-secure{margin-bottom:4px}
  .hvy-checkout-reward.has-bg{padding-left:38%}
}
@media (max-width:420px){
  .hvy-checkout-shell{padding-left:10px!important;padding-right:10px!important}
  .hvy-checkout-card,.hvy-checkout-summary{padding:14px}.hvy-checkout-payment{grid-template-columns:18px 38px minmax(0,1fr);padding:10px;gap:8px}.hvy-checkout-payment-icon{width:38px;height:38px}
  .hvy-checkout-total strong{font-size:19px}.hvy-checkout-submit{left:10px;right:10px;bottom:calc(68px + env(safe-area-inset-bottom));font-size:14px}
  .hvy-checkout-account-hint{padding:12px}.hvy-checkout-reward.has-bg{padding-left:34%}
}


/* v0.2.74 — Checkout hierarchy aligned with approved Cart.
   Payment card now lives under coupon in the summary;
   carrot-use + earned-reward sit beneath it as two slim columns;
   checkout trust row inherits the exact Cart trust-row language. */
.hvy-checkout-summary .hvy-checkout-payment-card{
  margin:0 0 11px!important;
  padding:15px!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,rgba(15,22,30,.98),rgba(10,17,24,.98))!important;
  border:1px solid rgba(255,255,255,.075)!important;
  box-shadow:none!important;
}
.hvy-checkout-summary .hvy-checkout-payment-card .hvy-checkout-section-head{
  margin-bottom:11px!important;
}
.hvy-checkout-summary .hvy-checkout-payment-card .hvy-checkout-section-head h2{
  font-size:14px!important;
}
.hvy-checkout-summary .hvy-checkout-payment-card .hvy-checkout-section-head p{
  display:none!important;
}
.hvy-checkout-summary .hvy-checkout-payments{
  gap:7px!important;
}
.hvy-checkout-summary .hvy-checkout-payment{
  min-height:58px!important;
  grid-template-columns:18px 36px minmax(0,1fr)!important;
  gap:8px!important;
  padding:8px 10px!important;
  border-radius:11px!important;
}
.hvy-checkout-summary .hvy-checkout-payment-icon{
  width:36px!important;
  height:36px!important;
  border-radius:9px!important;
}
.hvy-checkout-summary .hvy-checkout-payment-copy b{font-size:11.5px!important}
.hvy-checkout-summary .hvy-checkout-payment-copy small{font-size:9px!important}

.hvy-checkout-carrot-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
  margin-bottom:11px!important;
}
.hvy-checkout-carrot-grid .hvy-checkout-carrot-use,
.hvy-checkout-carrot-grid .hvy-checkout-reward{
  min-width:0!important;
  min-height:92px!important;
  height:100%!important;
  margin:0!important;
  padding:11px!important;
  border-radius:13px!important;
}
.hvy-checkout-carrot-grid .hvy-checkout-carrot-title{
  gap:7px!important;
}
.hvy-checkout-carrot-grid .hvy-checkout-carrot-title img{
  width:31px!important;
  height:31px!important;
}
.hvy-checkout-carrot-grid .hvy-checkout-carrot-title span{font-size:8.8px!important}
.hvy-checkout-carrot-grid .hvy-checkout-carrot-title strong{font-size:11px!important}
.hvy-checkout-carrot-grid .hvy-checkout-carrot-use>small{
  margin:5px 0 7px!important;
  font-size:8.4px!important;
}
.hvy-checkout-carrot-grid .hvy-checkout-carrot-use>button{
  min-height:30px!important;
  padding:0 9px!important;
  font-size:9.5px!important;
}
.hvy-checkout-carrot-grid .hvy-checkout-reward{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.hvy-checkout-carrot-grid .hvy-checkout-reward.has-bg{
  padding-left:40%!important;
  background-position:center!important;
}
.hvy-checkout-carrot-grid .hvy-checkout-reward small,
.hvy-checkout-carrot-grid .hvy-checkout-reward span{font-size:8.6px!important}
.hvy-checkout-carrot-grid .hvy-checkout-reward strong{
  font-size:11px!important;
  line-height:1.55!important;
}

@media (max-width:900px){
  .hvy-checkout-summary .hvy-checkout-payment-card{margin-bottom:10px!important}
}

@media (max-width:420px){
  .hvy-checkout-carrot-grid{grid-template-columns:1fr!important}
}





/* Checkout trust row intentionally inherits the approved Cart row exactly. */
.hvy-checkout-trust-row.hvy-cart-trust-row{
  width:100%!important;
}
@media (max-width:760px){
  .hvy-checkout-summary > .hvy-checkout-carrot-grid{
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
}
@media (max-width:420px){
  .hvy-checkout-summary > .hvy-checkout-carrot-grid{
    grid-template-columns:1fr!important;
  }
}


/* v0.2.77 — Carrot tools belong in the LEFT/MAIN checkout column:
   directly below the last .hvy-checkout-card.hvy-glass and before the trust row. */
.hvy-checkout-main > .hvy-checkout-carrot-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
  margin:12px 0 0!important;
}
.hvy-checkout-main > .hvy-checkout-carrot-grid .hvy-checkout-carrot-use,
.hvy-checkout-main > .hvy-checkout-carrot-grid .hvy-checkout-reward{
  width:100%!important;
  min-width:0!important;
  min-height:96px!important;
  margin:0!important;
  padding:12px 14px!important;
  border-radius:14px!important;
}

/* There must be no carrot grid in the order-summary column. */
.hvy-checkout-summary > .hvy-checkout-carrot-grid{display:none!important}

@media (max-width:760px){
  .hvy-checkout-main > .hvy-checkout-carrot-grid{
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
}
@media (max-width:420px){
  .hvy-checkout-main > .hvy-checkout-carrot-grid{
    grid-template-columns:1fr!important;
  }
}


/* v0.2.78 — Checkout reward card visually matches the approved Cart reward card.
   Both reward cards keep safe vertical breathing room. */
.hvy-checkout-main > .hvy-checkout-carrot-grid .hvy-checkout-reward.has-bg{
  position:relative!important;
  width:100%!important;
  aspect-ratio:1774 / 887!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:22px 47% 22px 18px!important;
  border:0!important;
  border-radius:15px!important;
  overflow:hidden!important;
  background-image:var(--hvy-checkout-reward-bg)!important;
  background-size:100% 100%!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  box-shadow:0 12px 28px rgba(0,0,0,.16)!important;
  justify-content:center!important;
}
.hvy-checkout-main > .hvy-checkout-carrot-grid .hvy-checkout-reward.has-bg small{
  color:#aba9b1!important;
  font-size:10px!important;
  font-weight:650!important;
}
.hvy-checkout-main > .hvy-checkout-carrot-grid .hvy-checkout-reward.has-bg strong{
  display:block!important;
  margin-top:2px!important;
  color:#ff7a0a!important;
  font-size:14px!important;
  line-height:1.65!important;
  font-weight:900!important;
}
.hvy-checkout-main > .hvy-checkout-carrot-grid .hvy-checkout-reward.has-bg span{
  display:block!important;
  margin-top:4px!important;
  color:#d7d4db!important;
  font-size:9.5px!important;
  line-height:1.65!important;
}

/* Keep the approved Cart reward box comfortable too. */
.hvy-cart-reward-box{
  padding-top:24px!important;
  padding-bottom:24px!important;
}

@media (max-width:760px){
  .hvy-checkout-main > .hvy-checkout-carrot-grid .hvy-checkout-reward.has-bg{
    aspect-ratio:1774 / 887!important;
    padding:18px 45% 18px 15px!important;
    background-size:100% 100%!important;
  }
  .hvy-cart-reward-box{
    padding-top:18px!important;
    padding-bottom:18px!important;
  }
}
@media (max-width:420px){
  .hvy-checkout-main > .hvy-checkout-carrot-grid .hvy-checkout-reward.has-bg{
    padding:16px 43% 16px 13px!important;
  }
  .hvy-cart-reward-box{
    padding-top:16px!important;
    padding-bottom:16px!important;
  }
}


/* v0.2.79 — real payment gateways + one shared reward-card implementation. */
.hvy-checkout-real-gateway-icon,
.hvy-checkout-real-gateway-icon img{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  max-width:100%!important;
  max-height:30px!important;
  width:auto!important;
  height:auto!important;
}
.hvy-checkout-payment.is-saving{opacity:.7}
.hvy-checkout-no-payment{
  padding:12px 13px;
  border-radius:10px;
  background:rgba(255,255,255,.035);
  color:#9aa5af;
  font-size:10px;
  line-height:1.8;
}

/* Final reward spacing source of truth.
   Same frame, same content/actions and same safe breathing room in Cart + Checkout. */
.hvy-cart-reward-box,
.hvy-checkout-reward.hvy-cart-reward-box{
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  aspect-ratio:1774 / 887!important;
  min-height:0!important;
  height:auto!important;
  padding:18px 44% 18px 18px!important;
  border:0!important;
  border-radius:15px!important;
  overflow:hidden!important;
  background:var(--hvy-cart-reward-bg) center center/100% 100% no-repeat!important;
  box-shadow:0 12px 28px rgba(0,0,0,.16)!important;
}
.hvy-cart-reward-box>div,
.hvy-checkout-reward.hvy-cart-reward-box>div{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:235px!important;
  min-height:0!important;
  margin:0 auto 0 0!important;
  padding:5px 0!important;
  text-align:right!important;
}
.hvy-checkout-reward.hvy-cart-reward-box.has-bg{
  padding:18px 44% 18px 18px!important;
  background:var(--hvy-cart-reward-bg) center center/100% 100% no-repeat!important;
}
.hvy-checkout-reward.hvy-cart-reward-box small,
.hvy-checkout-reward.hvy-cart-reward-box strong,
.hvy-checkout-reward.hvy-cart-reward-box span{
  margin-right:0!important;
  margin-left:0!important;
}
.hvy-checkout-reward.hvy-cart-reward-box .hvy-cart-reward-actions{
  margin-top:8px!important;
}

@media (max-width:760px){
  .hvy-cart-reward-box,
  .hvy-checkout-reward.hvy-cart-reward-box,
  .hvy-checkout-reward.hvy-cart-reward-box.has-bg{
    padding:16px 42% 16px 15px!important;
  }
  .hvy-cart-reward-box>div,
  .hvy-checkout-reward.hvy-cart-reward-box>div{
    padding:4px 0!important;
  }
}
@media (max-width:420px){
  .hvy-cart-reward-box,
  .hvy-checkout-reward.hvy-cart-reward-box,
  .hvy-checkout-reward.hvy-cart-reward-box.has-bg{
    padding:14px 40% 14px 13px!important;
  }
}


/* =========================================================
   v0.2.80 — Havyj Missions Center / Gamification phase 1
   Uses the same dark glass language as the approved Cart/Checkout.
   ========================================================= */
.havyj-ui-missions-v1 :is(.wd-page-content,.whb-header){background-color:rgb(8 16 25)!important}
.hvy-missions-app{background:#081019;color:#eef3f6;min-height:100vh}
.hvy-missions-shell{max-width:1320px!important;padding:34px 26px 52px!important}
.hvy-missions-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px}
.hvy-missions-heading h1{margin:4px 0 6px!important;color:#f6f8fa;font-size:36px;line-height:1.2;font-weight:950}
.hvy-missions-heading p{margin:0;color:#8e9ba7;font-size:12px;line-height:1.9}
.hvy-missions-heading-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.hvy-missions-heading-actions a{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 15px;border-radius:11px;background:linear-gradient(135deg,#ff7a00,#f64d00);color:#fff!important;text-decoration:none!important;font-size:11px;font-weight:900;box-shadow:0 9px 25px rgba(246,77,0,.20)}
.hvy-missions-heading-actions a.is-secondary{background:#101923;border:1px solid rgba(255,255,255,.08);box-shadow:none;color:#c9d1d7!important}
.hvy-missions-login-note{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:14px;padding:12px 14px;border-radius:14px}
.hvy-missions-login-note>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:rgba(153,76,196,.12);color:#b77add}.hvy-missions-login-note .hvy-icon{width:18px;height:18px}
.hvy-missions-login-note b{display:block;color:#eef1f4;font-size:11px}.hvy-missions-login-note p{margin:2px 0 0;color:#7f8b96;font-size:9.5px}
.hvy-missions-login-note a{padding:8px 11px;border-radius:9px;background:rgba(120,56,148,.15);border:1px solid rgba(183,104,222,.24);color:#cf95ee!important;text-decoration:none!important;font-size:9.5px;font-weight:850}

.hvy-missions-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(380px,.75fr);gap:24px;align-items:center;position:relative;overflow:hidden;margin-bottom:18px;padding:22px 24px;border-radius:19px!important;background:
radial-gradient(circle at 13% 35%,rgba(141,60,194,.16),transparent 34%),
radial-gradient(circle at 88% 20%,rgba(246,77,0,.12),transparent 32%),
linear-gradient(135deg,rgba(13,22,31,.98),rgba(8,15,24,.98))!important}
.hvy-missions-hero:after{content:"";position:absolute;inset:auto -6% -65% auto;width:390px;height:250px;background:radial-gradient(circle,rgba(246,77,0,.09),transparent 68%);pointer-events:none}
.hvy-missions-level{display:flex;align-items:center;gap:18px;min-width:0}
.hvy-missions-level-badge{flex:0 0 auto;display:grid;place-items:center;width:92px;height:92px;border-radius:24px;background:linear-gradient(145deg,rgba(96,38,122,.55),rgba(23,20,37,.92));border:1px solid rgba(192,104,231,.25);box-shadow:0 0 28px rgba(144,65,186,.13),inset 0 1px 0 rgba(255,255,255,.05)}
.hvy-missions-level-badge span{color:#aa75c8;font-size:9px;font-weight:900;letter-spacing:.12em}.hvy-missions-level-badge strong{margin-top:-6px;color:#ff7b13;font-size:36px;line-height:1;font-weight:950}
.hvy-missions-level-copy{min-width:0;width:100%;max-width:540px}.hvy-missions-level-copy>small{color:#8b6aa0;font-size:9px;font-weight:900;letter-spacing:.12em}.hvy-missions-level-copy h2{margin:4px 0 10px!important;color:#f1eef4;font-size:19px;font-weight:900}
.hvy-missions-xp-bar{height:8px;border-radius:999px;background:#111c27;overflow:hidden;box-shadow:inset 0 1px 4px rgba(0,0,0,.28)}.hvy-missions-xp-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8e47c8,#f64d00);box-shadow:0 0 14px rgba(246,77,0,.24)}
.hvy-missions-level-copy p{display:flex;justify-content:space-between;gap:12px;margin:8px 0 0!important;color:#6f7d88;font-size:9.5px}.hvy-missions-level-copy p b{color:#d9dfe3}.hvy-missions-level-copy p span{white-space:nowrap}
.hvy-missions-hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;position:relative;z-index:1}
.hvy-missions-hero-stats>div{min-height:86px;padding:12px;border-radius:14px;background:rgba(10,18,27,.72);border:1px solid rgba(255,255,255,.065);display:flex;flex-direction:column;justify-content:center}
.hvy-missions-hero-stats>div>span{display:grid;place-items:center;width:30px;height:30px;margin-bottom:8px;border-radius:9px;background:rgba(145,66,187,.11);color:#b66fdc}.hvy-missions-hero-stats .hvy-icon{width:15px;height:15px}
.hvy-missions-hero-stats small{color:#6f7c87;font-size:8.5px}.hvy-missions-hero-stats strong{margin-top:2px;color:#edf1f3;font-size:11px;line-height:1.55}

.hvy-missions-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:start}
.hvy-missions-main,.hvy-missions-side{display:grid;gap:14px;min-width:0}
.hvy-missions-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:3px 2px 11px}.hvy-missions-section-head small{display:block;color:#855f9b;font-size:8.5px;font-weight:900;letter-spacing:.12em}.hvy-missions-section-head h2{margin:3px 0 0!important;color:#eef2f4;font-size:17px;font-weight:900}.hvy-missions-section-head>span{color:#667681;font-size:9px}
.hvy-mission-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hvy-mission-card{position:relative;overflow:hidden;min-height:238px;padding:17px;border-radius:17px!important;background:linear-gradient(155deg,rgba(14,22,31,.98),rgba(9,16,24,.98))!important;border:1px solid rgba(255,255,255,.075)!important}
.hvy-mission-card:before{content:"";position:absolute;top:-70px;left:-70px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(143,63,188,.12),transparent 68%);pointer-events:none}
.hvy-mission-card.is-complete{border-color:rgba(21,201,115,.20)!important}
.hvy-mission-card-top{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;position:relative;z-index:1}.hvy-mission-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(132,57,171,.12);border:1px solid rgba(173,90,214,.16);font-size:20px}.hvy-mission-icon.is-weekly{color:#ff7811}.hvy-mission-icon.is-weekly .hvy-icon{width:20px;height:20px}
.hvy-mission-card-top small{display:block;color:#765d84;font-size:8px;font-weight:900;letter-spacing:.12em}.hvy-mission-card-top h3{margin:3px 0 0!important;color:#eef1f3;font-size:13px;font-weight:900;line-height:1.55}.hvy-mission-card-top em{padding:5px 7px;border-radius:8px;background:rgba(246,77,0,.08);border:1px solid rgba(246,77,0,.16);color:#ff8421;font-size:8.8px;font-style:normal;font-weight:900}
.hvy-mission-card>p{min-height:39px;margin:15px 0 14px;color:#7f8b95;font-size:10px;line-height:1.9}
.hvy-mission-progress>div{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px;color:#6f7d87;font-size:8.8px}.hvy-mission-progress>div b{color:#aab4bc}.hvy-mission-progress>span{display:block;height:7px;border-radius:999px;background:#111b25;overflow:hidden}.hvy-mission-progress>span i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#9149c8,#f64d00);box-shadow:0 0 12px rgba(246,77,0,.20)}
.hvy-mission-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:15px}.hvy-mission-card-foot a,.hvy-mission-card-foot button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:0 11px;border-radius:9px;border:1px solid rgba(172,86,210,.25);background:rgba(106,45,133,.13);color:#cb8be9!important;font-size:9.2px;font-weight:850;text-decoration:none!important;cursor:pointer}.hvy-mission-card-foot a:hover,.hvy-mission-card-foot button:hover{background:rgba(132,55,166,.20)}.hvy-mission-card-foot small{color:#596873;font-size:8.4px}.hvy-mission-done{display:inline-flex;align-items:center;min-height:33px;padding:0 10px;border-radius:9px;background:rgba(21,201,115,.075);border:1px solid rgba(21,201,115,.15);color:#67d99e;font-size:8.8px;font-weight:850}

.hvy-level-rewards{padding:18px;border-radius:18px!important;background:linear-gradient(155deg,rgba(13,21,30,.98),rgba(9,16,24,.98))!important}
.hvy-level-reward-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.hvy-level-reward{position:relative;min-width:0;min-height:205px;padding:12px;border-radius:14px;background:#0b141d;border:1px solid rgba(255,255,255,.065);text-align:center;overflow:hidden}
.hvy-level-reward:before{content:"";position:absolute;inset:-50% -30% auto;width:160%;height:110px;background:radial-gradient(circle,rgba(145,65,185,.11),transparent 65%);pointer-events:none}
.hvy-level-reward.is-unlocked{border-color:rgba(246,77,0,.26);box-shadow:0 0 22px rgba(246,77,0,.04)}.hvy-level-reward.is-claimed{opacity:.72}.hvy-level-reward.is-locked{filter:saturate(.58)}
.hvy-level-reward-number{position:relative;z-index:1}.hvy-level-reward-number small{display:block;color:#6f587b;font-size:7.5px;font-weight:900;letter-spacing:.12em}.hvy-level-reward-number strong{display:block;color:#ff7a13;font-size:22px;line-height:1.2}
.hvy-level-reward-crate{display:grid;place-items:center;width:42px;height:42px;margin:9px auto 8px;border-radius:13px;background:linear-gradient(145deg,rgba(104,43,132,.35),rgba(28,20,36,.8));border:1px solid rgba(182,89,222,.19);color:#bf78de}.hvy-level-reward-crate .hvy-icon{width:20px;height:20px}
.hvy-level-reward h3{margin:0!important;color:#e7ecef;font-size:10.5px;font-weight:900}.hvy-level-reward p{min-height:28px;margin:4px 0 7px;color:#687681;font-size:8px;line-height:1.65}.hvy-level-reward>b{display:block;margin-bottom:8px;color:#ff8120;font-size:9.5px}.hvy-level-reward button{width:100%;min-height:31px;padding:0 7px;border-radius:9px;border:1px solid rgba(172,85,210,.22);background:rgba(107,44,135,.12);color:#ca8be8;font-size:8.2px;font-weight:850;cursor:pointer}.hvy-level-reward button:disabled{cursor:default;opacity:.48}.hvy-level-reward.is-unlocked button:not(:disabled){border-color:rgba(246,77,0,.28);background:rgba(246,77,0,.08);color:#ff8b30}

.hvy-streak-card,.hvy-secret-mission,.hvy-missions-next{padding:16px;border-radius:17px!important;background:linear-gradient(155deg,rgba(13,21,30,.98),rgba(9,16,24,.98))!important}
.hvy-streak-title{display:flex;align-items:center;gap:10px}.hvy-streak-title>span{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:rgba(246,77,0,.10);font-size:21px}.hvy-streak-title small,.hvy-secret-mission>small,.hvy-missions-next>small{display:block;color:#7c5b8d;font-size:8px;font-weight:900;letter-spacing:.12em}.hvy-streak-title h2,.hvy-secret-mission h2,.hvy-missions-next h2{margin:3px 0 0!important;color:#edf1f3;font-size:14px;font-weight:900}.hvy-streak-card>p,.hvy-secret-mission p,.hvy-missions-next p{margin:12px 0;color:#788691;font-size:9.4px;line-height:1.9}
.hvy-streak-days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.hvy-streak-days>span{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:48px;border-radius:10px;background:#0d1720;border:1px solid rgba(255,255,255,.06);color:#64727c}.hvy-streak-days>span b{font-size:9px}.hvy-streak-days>span small{font-size:8px}.hvy-streak-days>span.is-done{background:rgba(113,49,142,.11);border-color:rgba(166,83,204,.17);color:#b87bd5}.hvy-streak-days>span.is-active{border-color:rgba(246,77,0,.42);box-shadow:0 0 14px rgba(246,77,0,.08);color:#ff8325}
.hvy-streak-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;color:#5f6e79;font-size:8.5px}.hvy-streak-foot b{color:#c8d0d6}.hvy-streak-foot em{color:#895aa3;font-style:normal;font-weight:800}
.hvy-secret-mission{position:relative;overflow:hidden}.hvy-secret-mission:after{content:"";position:absolute;inset:auto -70px -70px auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(143,62,187,.13),transparent 68%);pointer-events:none}.hvy-secret-lock{display:grid;place-items:center;width:42px;height:42px;margin-bottom:10px;border-radius:13px;background:rgba(114,46,143,.14);border:1px dashed rgba(189,105,226,.24);color:#c789e5;font-size:18px;font-weight:950}.hvy-secret-mission>b{display:inline-flex;padding:5px 8px;border-radius:8px;background:rgba(114,47,143,.12);color:#b97ad8;font-size:8.8px}.hvy-secret-mission.is-complete{border-color:rgba(21,201,115,.18)!important}.hvy-secret-mission.is-complete .hvy-secret-lock{background:rgba(21,201,115,.08);border-style:solid;border-color:rgba(21,201,115,.18);color:#64d99c}
.hvy-missions-next>div{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px}.hvy-missions-next>div span{padding:5px 7px;border-radius:8px;background:rgba(246,77,0,.08);color:#ff8021;font-size:8px;font-weight:900}.hvy-missions-next>div b{color:#6f597d;font-size:8px;letter-spacing:.08em}
.hvy-missions-trust-row{margin-top:17px!important}

.hvy-level-reward button.is-loading,.hvy-mission-card-foot button.is-loading{opacity:.58;pointer-events:none}
.hvy-level-reward button.is-success,.hvy-mission-card-foot button.is-success{background:rgba(21,201,115,.08)!important;border-color:rgba(21,201,115,.17)!important;color:#68dca1!important}

@media (max-width:1100px){
  .hvy-missions-hero{grid-template-columns:1fr}.hvy-missions-layout{grid-template-columns:minmax(0,1fr) 290px}.hvy-level-reward-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:900px){
  .hvy-missions-layout{grid-template-columns:1fr}.hvy-missions-side{grid-template-columns:repeat(3,minmax(0,1fr));order:2}.hvy-missions-main{order:1}
}
@media (max-width:760px){
  .hvy-missions-shell{padding:20px 12px 110px!important}.hvy-missions-heading{align-items:flex-start;flex-direction:column}.hvy-missions-heading h1{font-size:27px}.hvy-missions-heading-actions{width:100%}.hvy-missions-heading-actions a{flex:1;justify-content:center}
  .hvy-missions-hero{padding:16px;border-radius:17px!important}.hvy-missions-level{align-items:flex-start}.hvy-missions-level-badge{width:72px;height:72px;border-radius:19px}.hvy-missions-level-badge strong{font-size:28px}.hvy-missions-hero-stats{grid-template-columns:repeat(3,1fr)}.hvy-missions-hero-stats>div{min-height:76px;padding:9px}
  .hvy-mission-cards{grid-template-columns:1fr}.hvy-level-reward-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px}.hvy-level-reward{flex:0 0 150px;scroll-snap-align:start}.hvy-missions-side{grid-template-columns:1fr}
  .hvy-missions-login-note{grid-template-columns:36px minmax(0,1fr)}.hvy-missions-login-note>a{grid-column:1/-1;text-align:center}
  .hvy-missions-trust-row{grid-template-columns:1fr 1fr!important}
}
@media (max-width:480px){
  .hvy-missions-level{gap:11px}.hvy-missions-level-badge{width:64px;height:64px}.hvy-missions-level-copy h2{font-size:16px}.hvy-missions-level-copy p{flex-direction:column;gap:2px}.hvy-missions-hero-stats{grid-template-columns:1fr}.hvy-missions-hero-stats>div{min-height:auto;display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;column-gap:8px}.hvy-missions-hero-stats>div>span{grid-row:1/3;margin:0}.hvy-mission-card-top{grid-template-columns:40px minmax(0,1fr)}.hvy-mission-card-top em{grid-column:2}.hvy-mission-card-foot{align-items:flex-start;flex-direction:column}.hvy-missions-section-head{align-items:flex-start;flex-direction:column}.hvy-missions-trust-row{grid-template-columns:1fr!important}
}


/* =========================================================
   v0.2.81 — Carrot Crates / Loot Drops
   ========================================================= */
.hvy-crates-section{
  padding:18px;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 12% 4%,rgba(137,59,184,.12),transparent 30%),
    radial-gradient(circle at 88% 4%,rgba(246,77,0,.08),transparent 27%),
    linear-gradient(155deg,rgba(13,21,30,.99),rgba(9,16,24,.99))!important;
  overflow:hidden;
}
.hvy-crates-head{margin-top:0!important}
.hvy-crate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.hvy-crate-card{
  position:relative;
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.07);
  border-radius:15px;
  background:linear-gradient(150deg,#0d1721,#0a121a);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.hvy-crate-card.is-unlocked:hover{transform:translateY(-2px)}
.hvy-crate-card.is-purple.is-unlocked{border-color:rgba(177,85,220,.28);box-shadow:0 0 24px rgba(138,57,179,.05)}
.hvy-crate-card.is-orange.is-unlocked{border-color:rgba(246,77,0,.30);box-shadow:0 0 24px rgba(246,77,0,.05)}
.hvy-crate-card.is-pink.is-unlocked{border-color:rgba(238,24,68,.25);box-shadow:0 0 24px rgba(238,24,68,.04)}
.hvy-crate-card.is-locked{filter:saturate(.58);opacity:.68}
.hvy-crate-card.is-claimed{opacity:.72}

.hvy-crate-visual{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  height:112px;
  overflow:hidden;
  border-bottom:1px solid rgba(255,255,255,.055);
  background:
    radial-gradient(circle at 50% 48%,rgba(149,63,194,.18),transparent 30%),
    linear-gradient(180deg,rgba(17,24,34,.8),rgba(10,17,25,.18));
}
.hvy-crate-card.is-orange .hvy-crate-visual{background:radial-gradient(circle at 50% 48%,rgba(246,77,0,.18),transparent 30%),linear-gradient(180deg,rgba(17,24,34,.8),rgba(10,17,25,.18))}
.hvy-crate-card.is-pink .hvy-crate-visual{background:radial-gradient(circle at 50% 48%,rgba(238,24,68,.14),transparent 30%),linear-gradient(180deg,rgba(17,24,34,.8),rgba(10,17,25,.18))}
.hvy-crate-glow{position:absolute;width:104px;height:104px;border-radius:50%;background:radial-gradient(circle,rgba(163,77,205,.15),transparent 68%);filter:blur(4px)}
.hvy-crate-box{
  position:relative;
  z-index:2;
  display:grid;
  place-items:center;
  width:58px;
  height:58px;
  border-radius:16px;
  color:#c987e6;
  background:linear-gradient(145deg,rgba(102,42,132,.72),rgba(31,21,40,.96));
  border:1px solid rgba(204,118,238,.24);
  box-shadow:0 12px 30px rgba(0,0,0,.28),0 0 24px rgba(145,61,186,.11),inset 0 1px 0 rgba(255,255,255,.06);
  transform:rotate(-3deg);
}
.hvy-crate-card.is-orange .hvy-crate-box{color:#ff8a27;background:linear-gradient(145deg,rgba(109,47,23,.74),rgba(37,22,22,.96));border-color:rgba(246,97,28,.25);box-shadow:0 12px 30px rgba(0,0,0,.28),0 0 24px rgba(246,77,0,.10)}
.hvy-crate-card.is-pink .hvy-crate-box{color:#ff5877;background:linear-gradient(145deg,rgba(101,30,48,.72),rgba(35,18,28,.96));border-color:rgba(238,58,92,.23);box-shadow:0 12px 30px rgba(0,0,0,.28),0 0 24px rgba(238,24,68,.08)}
.hvy-crate-box .hvy-icon{width:28px;height:28px}
.hvy-crate-visual>em{position:relative;z-index:2;margin-top:7px;color:#7e678a;font-size:7.8px;font-style:normal;font-weight:950;letter-spacing:.14em}
.hvy-crate-card.is-unlocked .hvy-crate-box{animation:hvy-crate-idle 3.2s ease-in-out infinite}
@keyframes hvy-crate-idle{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-4px) rotate(2deg)}}
.hvy-crate-card.is-opening .hvy-crate-box{animation:hvy-crate-open .72s cubic-bezier(.2,.8,.2,1) infinite}
@keyframes hvy-crate-open{0%{transform:scale(1) rotate(-4deg)}40%{transform:scale(1.13) rotate(5deg)}70%{transform:scale(.96) rotate(-3deg)}100%{transform:scale(1.08) rotate(2deg)}}

.hvy-crate-copy{padding:13px}
.hvy-crate-copy>small{display:block;color:#6e7b85;font-size:8px}.hvy-crate-copy h3{margin:3px 0 5px!important;color:#eef2f4;font-size:13px;font-weight:950}.hvy-crate-copy>p{min-height:34px;margin:0 0 10px;color:#788691;font-size:8.8px;line-height:1.75}
.hvy-crate-progress>span{display:block;height:6px;border-radius:999px;background:#111b25;overflow:hidden}.hvy-crate-progress>span i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8e47c8,#f64d00)}
.hvy-crate-progress>b{display:block;margin-top:5px;color:#7b8993;font-size:7.9px;font-weight:750}
.hvy-crate-pool{display:flex;flex-wrap:wrap;gap:4px;margin:9px 0}.hvy-crate-pool span{padding:4px 6px;border-radius:7px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.05);color:#788590;font-size:7.3px}
.hvy-crate-copy>button{width:100%;min-height:34px;border-radius:9px;border:1px solid rgba(170,84,208,.24);background:rgba(104,43,132,.13);color:#c98be7;font-size:8.8px;font-weight:900;cursor:pointer}
.hvy-crate-card.is-orange .hvy-crate-copy>button:not(:disabled){border-color:rgba(246,77,0,.28);background:rgba(246,77,0,.08);color:#ff8d35}
.hvy-crate-card.is-pink .hvy-crate-copy>button:not(:disabled){border-color:rgba(238,24,68,.23);background:rgba(238,24,68,.07);color:#ff718c}
.hvy-crate-copy>button:disabled{opacity:.48;cursor:default}
.hvy-crate-copy>button.is-loading{opacity:.62;pointer-events:none}

.hvy-crate-history{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}
.hvy-crate-history-title{display:flex;align-items:center;gap:8px;min-width:150px}.hvy-crate-history-title>span{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:rgba(133,57,171,.10);color:#aa70c7}.hvy-crate-history-title .hvy-icon{width:15px;height:15px}.hvy-crate-history-title b{display:block;color:#dfe5e8;font-size:9px}.hvy-crate-history-title small{display:block;color:#63717b;font-size:7.5px}
.hvy-crate-history-list{display:flex;gap:6px;min-width:0;overflow-x:auto;padding-bottom:2px}.hvy-crate-history-list>span{flex:0 0 auto;display:flex;align-items:center;gap:7px;min-height:32px;padding:0 9px;border-radius:9px;background:#0c151e;border:1px solid rgba(255,255,255,.055)}.hvy-crate-history-list i{font-style:normal;color:#8f9ba4;font-size:7.8px}.hvy-crate-history-list b{color:#cfd6db;font-size:8px}.hvy-crate-history-list .is-rare{border-color:rgba(77,132,218,.16)}.hvy-crate-history-list .is-epic{border-color:rgba(163,74,208,.20)}.hvy-crate-history-list .is-legendary{border-color:rgba(246,119,24,.24);box-shadow:inset 0 0 18px rgba(246,77,0,.035)}.hvy-crate-history-list .is-empty{opacity:.6}

.hvy-crate-reveal[hidden]{display:none!important}
.hvy-crate-reveal{position:fixed;z-index:10050;inset:0;display:grid;place-items:center;padding:18px}
.hvy-crate-reveal-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(3,8,14,.76);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:pointer}
.hvy-crate-reveal-card{
  --hvy-drop:#a85bd0;
  position:relative;
  z-index:2;
  width:min(430px,100%);
  padding:28px 24px 22px;
  border:1px solid color-mix(in srgb,var(--hvy-drop) 34%,transparent);
  border-radius:22px;
  background:
    radial-gradient(circle at 50% 5%,color-mix(in srgb,var(--hvy-drop) 18%,transparent),transparent 32%),
    linear-gradient(155deg,#101923,#091119 72%);
  box-shadow:0 30px 90px rgba(0,0,0,.52),0 0 48px color-mix(in srgb,var(--hvy-drop) 9%,transparent);
  text-align:center;
  animation:hvy-reveal-in .42s cubic-bezier(.2,.85,.2,1) both;
}
@keyframes hvy-reveal-in{from{opacity:0;transform:translateY(18px) scale(.93)}to{opacity:1;transform:none}}
.hvy-crate-reveal-card.is-common{--hvy-drop:#9d72b4}.hvy-crate-reveal-card.is-uncommon{--hvy-drop:#36b984}.hvy-crate-reveal-card.is-rare{--hvy-drop:#4c87dc}.hvy-crate-reveal-card.is-epic{--hvy-drop:#aa55d2}.hvy-crate-reveal-card.is-legendary{--hvy-drop:#f67a18}
.hvy-crate-reveal-close{position:absolute;top:10px;left:10px;display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:9px;background:rgba(255,255,255,.045);color:#85929d;font-size:18px;cursor:pointer}
.hvy-crate-reveal-icon{display:grid;place-items:center;width:82px;height:82px;margin:0 auto 12px;border-radius:23px;background:color-mix(in srgb,var(--hvy-drop) 13%,#111722);border:1px solid color-mix(in srgb,var(--hvy-drop) 28%,transparent);color:var(--hvy-drop);box-shadow:0 0 36px color-mix(in srgb,var(--hvy-drop) 16%,transparent)}
.hvy-crate-reveal-icon .hvy-icon{width:38px;height:38px}.hvy-crate-reveal-card>small{color:var(--hvy-drop);font-size:9px;font-weight:950;letter-spacing:.14em}.hvy-crate-reveal-card h2{margin:5px 0 14px!important;color:#f1f4f6;font-size:23px;font-weight:950}
.hvy-crate-reveal-rewards{display:flex;justify-content:center;gap:8px}.hvy-crate-reveal-rewards>span{min-width:118px;padding:12px;border-radius:13px;background:#0b141d;border:1px solid rgba(255,255,255,.06)}.hvy-crate-reveal-rewards>span>b{display:block;font-size:19px}.hvy-crate-reveal-rewards strong{display:block;margin-top:3px;color:#f2f5f6;font-size:18px}.hvy-crate-reveal-rewards small{display:block;color:#788690;font-size:8px}.hvy-crate-reveal-card>p{margin:13px 0;color:#7b8993;font-size:9px}.hvy-crate-reveal-card>button:last-child{min-width:130px;min-height:38px;border:0;border-radius:10px;background:linear-gradient(135deg,#ff7a00,#f64d00);color:#fff;font-size:10px;font-weight:900;cursor:pointer}

@media (max-width:900px){
  .hvy-crate-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:760px){
  .hvy-crates-section{padding:14px}.hvy-crate-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px}.hvy-crate-card{flex:0 0 78%;scroll-snap-align:start}
  .hvy-crate-history{grid-template-columns:1fr}.hvy-crate-history-title{min-width:0}
}
@media (max-width:480px){
  .hvy-crate-card{flex-basis:88%}.hvy-crate-reveal-card{padding:25px 15px 18px}.hvy-crate-reveal-rewards>span{min-width:105px}.hvy-crate-reveal-card h2{font-size:20px}
}


/* =========================================================
   v0.2.82 — Achievements + Limited Badges
   ========================================================= */
.hvy-achievements-section,.hvy-limited-badges,.hvy-badge-collection{
  padding:18px;border-radius:18px!important;
  background:linear-gradient(155deg,rgba(13,21,30,.99),rgba(9,16,24,.99))!important;
}
.hvy-achievement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.hvy-achievement-card{position:relative;min-width:0;min-height:220px;padding:14px;border-radius:14px;background:#0b141d;border:1px solid rgba(255,255,255,.065);overflow:hidden}
.hvy-achievement-card:after{content:"";position:absolute;right:-40px;top:-40px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(142,65,184,.10),transparent 68%);pointer-events:none}
.hvy-achievement-card.is-rare{border-color:rgba(75,132,217,.13)}.hvy-achievement-card.is-epic{border-color:rgba(164,76,207,.17)}.hvy-achievement-card.is-unlocked{box-shadow:0 0 24px rgba(154,69,194,.04)}.hvy-achievement-card.is-locked{filter:saturate(.58);opacity:.72}.hvy-achievement-card.is-claimed{opacity:.78}
.hvy-achievement-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:rgba(118,49,148,.14);border:1px solid rgba(181,95,218,.18);font-size:21px}.hvy-achievement-card>small{display:block;margin-top:10px;color:#775887;font-size:7.7px;font-weight:950;letter-spacing:.14em}.hvy-achievement-card h3{margin:3px 0 4px!important;color:#edf1f3;font-size:12px;font-weight:950}.hvy-achievement-card>p{min-height:36px;margin:0 0 10px;color:#74828c;font-size:8.7px;line-height:1.75}
.hvy-achievement-progress>div{display:flex;justify-content:space-between;gap:8px;margin-bottom:5px;color:#63717b;font-size:7.8px}.hvy-achievement-progress>div b{color:#a6b0b8}.hvy-achievement-progress>span{display:block;height:6px;border-radius:999px;background:#111b25;overflow:hidden}.hvy-achievement-progress>span i{display:block;height:100%;background:linear-gradient(90deg,#8d47c6,#f64d00);border-radius:inherit}
.hvy-achievement-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:11px}.hvy-achievement-foot em{color:#ff8120;font-size:8.2px;font-style:normal;font-weight:900}.hvy-achievement-foot button{min-height:30px;padding:0 9px;border-radius:8px;border:1px solid rgba(171,86,210,.22);background:rgba(106,44,135,.12);color:#c88be6;font-size:8px;font-weight:900;cursor:pointer}.hvy-achievement-foot button:disabled{cursor:default;opacity:.48}.hvy-achievement-card.is-unlocked .hvy-achievement-foot button:not(:disabled){border-color:rgba(246,77,0,.26);background:rgba(246,77,0,.08);color:#ff8a2d}

.hvy-limited-badge-grid{display:grid;gap:8px}
.hvy-limited-badge{display:grid;grid-template-columns:74px minmax(0,1fr) auto;gap:13px;align-items:center;padding:12px;border-radius:14px;background:#0b141d;border:1px solid rgba(255,255,255,.06);overflow:hidden}
.hvy-limited-badge.is-legendary{border-color:rgba(246,119,24,.20);background:radial-gradient(circle at 7% 50%,rgba(246,77,0,.09),transparent 18%),#0b141d}.hvy-limited-badge.is-epic{border-color:rgba(167,78,209,.18)}.hvy-limited-badge.is-rare{border-color:rgba(78,133,214,.15)}.hvy-limited-badge.is-locked{filter:saturate(.62);opacity:.75}.hvy-limited-badge.is-expired{opacity:.48}.hvy-limited-badge.is-claimed{opacity:.78}
.hvy-limited-badge-medal{position:relative;display:grid;place-items:center;width:64px;height:64px}.hvy-limited-badge-medal>span{position:relative;z-index:2;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:linear-gradient(145deg,#20132c,#0f151e);border:1px solid rgba(180,93,217,.20);color:#c184df;font-size:24px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 22px rgba(0,0,0,.25)}.hvy-limited-badge.is-legendary .hvy-limited-badge-medal>span{border-color:rgba(246,119,24,.28);color:#ff8b2b;background:linear-gradient(145deg,#2a1714,#12151b)}.hvy-limited-badge-medal>i{position:absolute;inset:2px;border-radius:50%;background:conic-gradient(from 0deg,transparent,rgba(167,76,206,.13),transparent 42%,rgba(246,77,0,.12),transparent);filter:blur(1px)}
.hvy-limited-badge-copy small{display:block;color:#7a5e87;font-size:7.5px;font-weight:900;letter-spacing:.08em}.hvy-limited-badge-copy h3{margin:3px 0 4px!important;color:#edf1f3;font-size:12px;font-weight:950}.hvy-limited-badge-copy p{margin:0 0 7px;color:#74818b;font-size:8.4px;line-height:1.7}.hvy-limited-badge-progress{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.hvy-limited-badge-progress>span{height:6px;border-radius:999px;background:#111b25;overflow:hidden}.hvy-limited-badge-progress>span i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8e48c6,#f64d00)}.hvy-limited-badge-progress>b{color:#77858f;font-size:7.7px}
.hvy-limited-badge-action{text-align:left;min-width:116px}.hvy-limited-badge-action em{display:block;margin-bottom:6px;color:#ff8524;font-size:8.2px;font-style:normal;font-weight:900}.hvy-limited-badge-action button{min-height:32px;padding:0 10px;border-radius:8px;border:1px solid rgba(171,86,210,.22);background:rgba(105,44,134,.12);color:#c88be6;font-size:8px;font-weight:900;cursor:pointer}.hvy-limited-badge-action button:disabled{cursor:default;opacity:.48}.hvy-limited-badge.is-unlocked .hvy-limited-badge-action button:not(:disabled){border-color:rgba(246,77,0,.27);background:rgba(246,77,0,.08);color:#ff8b2f}

.hvy-badge-shelf{display:flex;flex-wrap:wrap;gap:8px}.hvy-badge-token{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 10px;border-radius:10px;background:#0c151e;border:1px solid rgba(255,255,255,.06)}.hvy-badge-token>i{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:rgba(119,50,150,.12);font-style:normal;font-size:14px}.hvy-badge-token>b{color:#aeb8bf;font-size:8.5px}.hvy-badge-token.is-epic{border-color:rgba(168,76,207,.17)}.hvy-badge-token.is-legendary{border-color:rgba(246,119,24,.22)}.hvy-badge-token.is-rare{border-color:rgba(77,132,217,.15)}.hvy-badge-empty{color:#65737d;font-size:8.7px}

.hvy-achievement-foot button.is-loading,.hvy-limited-badge-action button.is-loading{opacity:.58;pointer-events:none}
.hvy-achievement-foot button.is-success,.hvy-limited-badge-action button.is-success{background:rgba(21,201,115,.08)!important;border-color:rgba(21,201,115,.18)!important;color:#66daa0!important}

@media (max-width:1100px){
  .hvy-achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .hvy-achievements-section,.hvy-limited-badges,.hvy-badge-collection{padding:14px}
  .hvy-achievement-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:3px}.hvy-achievement-card{flex:0 0 72%;scroll-snap-align:start}
  .hvy-limited-badge{grid-template-columns:58px minmax(0,1fr);gap:9px}.hvy-limited-badge-medal{width:54px;height:54px}.hvy-limited-badge-medal>span{width:48px;height:48px}.hvy-limited-badge-action{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;text-align:right}.hvy-limited-badge-action em{margin:0}
}
@media (max-width:480px){
  .hvy-achievement-card{flex-basis:84%}.hvy-limited-badge-copy h3{font-size:11px}.hvy-badge-token{width:100%}
}


/* =========================================================
   v0.2.83 — Leaderboard + Factions
   Cached server-side competition layer; no lifetime XP reset.
   ========================================================= */
.hvy-competition-section,.hvy-faction-arena{padding:18px;border-radius:18px!important;background:linear-gradient(155deg,rgba(13,21,30,.99),rgba(9,16,24,.99))!important;overflow:hidden}
.hvy-competition-head,.hvy-faction-arena-head{align-items:center}.hvy-leaderboard-tabs{display:flex;gap:5px;padding:4px;border-radius:10px;background:#0a131c;border:1px solid rgba(255,255,255,.055)}.hvy-leaderboard-tabs button{min-height:29px;padding:0 10px;border:0;border-radius:7px;background:transparent;color:#6f7d87;font-size:8px;font-weight:900;cursor:pointer}.hvy-leaderboard-tabs button.is-active{background:rgba(246,77,0,.10);color:#ff8425;box-shadow:inset 0 0 0 1px rgba(246,77,0,.18)}
.hvy-my-rank-strip{display:grid;grid-template-columns:38px minmax(95px,.6fr) minmax(120px,.8fr) auto;gap:11px;align-items:center;margin-bottom:10px;padding:11px 12px;border-radius:13px;background:linear-gradient(90deg,rgba(121,52,152,.11),rgba(246,77,0,.045));border:1px solid rgba(160,77,194,.14)}.hvy-my-rank-strip>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:rgba(128,54,160,.14);color:#c07ddd}.hvy-my-rank-strip .hvy-icon{width:18px;height:18px}.hvy-my-rank-strip small{display:block;color:#6e7c87;font-size:7.7px}.hvy-my-rank-strip b,.hvy-my-rank-strip strong{display:block;margin-top:2px;color:#eef2f4;font-size:12px}.hvy-my-rank-strip b{color:#ff8120;font-size:16px}.hvy-my-rank-strip em{justify-self:end;color:#687681;font-size:7.8px;font-style:normal}
.hvy-leaderboard-list{display:grid;gap:6px}.hvy-leaderboard-list[hidden]{display:none!important}.hvy-leaderboard-row{display:grid;grid-template-columns:32px 34px minmax(0,1fr) auto;gap:9px;align-items:center;min-height:52px;padding:7px 10px;border-radius:12px;background:#0b141d;border:1px solid rgba(255,255,255,.052)}.hvy-leaderboard-row.is-me{border-color:rgba(246,77,0,.23);background:linear-gradient(90deg,rgba(246,77,0,.065),#0b141d 42%)}.hvy-leaderboard-rank{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#111c26;color:#778690;font-size:9px;font-weight:950}.hvy-leaderboard-rank.is-rank-1{background:rgba(246,119,24,.13);color:#ff943b}.hvy-leaderboard-rank.is-rank-2{background:rgba(159,176,188,.10);color:#bac6ce}.hvy-leaderboard-rank.is-rank-3{background:rgba(172,102,57,.11);color:#d59468}.hvy-leaderboard-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,#1b2530,#111820);border:1px solid rgba(255,255,255,.06);color:#a77bc0;font-size:11px;font-weight:950}.hvy-leaderboard-row>div b{display:block;color:#dfe5e9;font-size:9.5px}.hvy-leaderboard-row>div small{display:block;margin-top:2px;color:#596873;font-size:6.9px;letter-spacing:.08em}.hvy-leaderboard-row>strong{color:#ff8527;font-size:9px;white-space:nowrap}.hvy-leaderboard-empty{padding:18px;border-radius:12px;background:#0b141d;color:#64727c;font-size:8.5px;text-align:center}
.hvy-faction-arena-head>span b{color:#ff8527}.hvy-faction-war-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px}.hvy-faction-war-card{position:relative;min-width:0;min-height:126px;padding:12px;border-radius:14px;background:#0b141d;border:1px solid rgba(255,255,255,.06);overflow:hidden}.hvy-faction-war-card:after{content:"";position:absolute;left:-35px;bottom:-45px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--hvy-faction-accent) 12%,transparent),transparent 67%);pointer-events:none}.hvy-faction-war-card.is-leading{border-color:color-mix(in srgb,var(--hvy-faction-accent) 28%,transparent);box-shadow:0 0 24px color-mix(in srgb,var(--hvy-faction-accent) 5%,transparent)}.hvy-faction-war-card.is-current{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--hvy-faction-accent) 20%,transparent)}.hvy-faction-war-top{display:grid;grid-template-columns:25px 38px minmax(0,1fr);gap:8px;align-items:center}.hvy-faction-war-place{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#111c26;color:#778791;font-size:8px;font-weight:950}.hvy-faction-war-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:color-mix(in srgb,var(--hvy-faction-accent) 10%,#121a23);border:1px solid color-mix(in srgb,var(--hvy-faction-accent) 19%,transparent);font-size:20px;overflow:hidden}.hvy-faction-war-avatar img{width:100%;height:100%;object-fit:cover}.hvy-faction-war-top h3{margin:0!important;color:#e8edf0;font-size:10px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hvy-faction-war-top small{display:block;margin-top:2px;color:#65737e;font-size:7px}.hvy-faction-war-score{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-top:15px}.hvy-faction-war-score small{color:#5e6d77;font-size:6.9px;letter-spacing:.08em}.hvy-faction-war-score strong{color:var(--hvy-faction-accent);font-size:19px;line-height:1}.hvy-faction-war-card>em{position:absolute;left:9px;top:8px;padding:3px 5px;border-radius:6px;background:color-mix(in srgb,var(--hvy-faction-accent) 9%,#101720);color:var(--hvy-faction-accent);font-size:5.8px;font-style:normal;font-weight:950;letter-spacing:.08em}
.hvy-faction-control{display:grid;grid-template-columns:minmax(190px,.7fr) minmax(0,1.3fr) auto;gap:12px;align-items:center;padding:12px;border-radius:14px;background:linear-gradient(90deg,rgba(111,47,140,.09),rgba(10,19,28,.9));border:1px solid rgba(161,80,195,.10)}.hvy-faction-control-copy small{color:#78578a;font-size:7px;font-weight:950;letter-spacing:.10em}.hvy-faction-control-copy h3{margin:2px 0 3px!important;color:#edf1f3;font-size:11px;font-weight:950}.hvy-faction-control-copy p{margin:0;color:#687681;font-size:7.8px;line-height:1.7}.hvy-faction-mini-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.hvy-faction-mini-choices .hvy-faction-choice{min-height:82px!important;padding:6px 5px!important}.hvy-faction-mini-choices .hvy-faction-avatar{width:38px!important;height:38px!important}.hvy-faction-mini-choices .hvy-faction-avatar-fallback{width:32px!important;height:32px!important;font-size:18px!important}.hvy-faction-mini-choices .hvy-faction-choice b{font-size:7.5px!important}.hvy-faction-mini-choices .hvy-faction-choice small{font-size:6.2px!important}.hvy-faction-control>.hvy-faction-confirm,.hvy-faction-login{min-width:94px;min-height:34px!important;margin:0!important;padding:0 10px!important;border-radius:9px!important;background:rgba(246,77,0,.09)!important;border:1px solid rgba(246,77,0,.22)!important;color:#ff8a2b!important;font-size:7.7px!important;font-weight:900!important;text-decoration:none!important;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.hvy-faction-control>.hvy-faction-confirm[hidden]{display:none!important}.hvy-faction-login{background:rgba(111,47,140,.12)!important;border-color:rgba(169,83,207,.18)!important;color:#ca8be6!important}
.hvy-faction-contributors{display:grid;grid-template-columns:155px minmax(0,1fr);gap:12px;align-items:center;margin-top:9px;padding-top:10px;border-top:1px solid rgba(255,255,255,.055)}.hvy-faction-contributors>div:first-child small{color:#78598a;font-size:6.8px;font-weight:950;letter-spacing:.09em}.hvy-faction-contributors h3{margin:2px 0 0!important;color:#dce3e7;font-size:9.5px;font-weight:900}.hvy-faction-contributor-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.hvy-faction-contributor-list>span{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px;align-items:center;min-height:34px;padding:0 8px;border-radius:9px;background:#0a131c;border:1px solid rgba(255,255,255,.045)}.hvy-faction-contributor-list i{color:#7c5a8e;font-size:6.8px;font-style:normal;font-weight:900}.hvy-faction-contributor-list b{color:#aeb8bf;font-size:7.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hvy-faction-contributor-list strong{color:#ff8425;font-size:6.8px;white-space:nowrap}.hvy-faction-contributor-list .is-empty{grid-column:1/-1;display:block;padding:9px;color:#64727c;text-align:center;font-size:7.5px}
@media (max-width:1100px){.hvy-faction-control{grid-template-columns:1fr}.hvy-faction-control>.hvy-faction-confirm,.hvy-faction-login{justify-self:start}.hvy-faction-contributors{grid-template-columns:1fr}}
@media (max-width:760px){.hvy-competition-section,.hvy-faction-arena{padding:14px}.hvy-competition-head,.hvy-faction-arena-head{align-items:flex-start;flex-direction:column}.hvy-my-rank-strip{grid-template-columns:34px 1fr 1fr}.hvy-my-rank-strip>span{width:34px;height:34px}.hvy-my-rank-strip>em{grid-column:2/-1;justify-self:start}.hvy-leaderboard-row{grid-template-columns:28px 32px minmax(0,1fr) auto;padding:7px 8px}.hvy-faction-war-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:3px}.hvy-faction-war-card{flex:0 0 72%;scroll-snap-align:start}.hvy-faction-mini-choices{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.hvy-faction-mini-choices .hvy-faction-choice{flex:0 0 32%;scroll-snap-align:start}.hvy-faction-contributor-list{grid-template-columns:1fr}}
@media (max-width:480px){.hvy-leaderboard-tabs{width:100%}.hvy-leaderboard-tabs button{flex:1}.hvy-my-rank-strip{grid-template-columns:32px 1fr}.hvy-my-rank-strip>div:nth-of-type(2){grid-column:2}.hvy-my-rank-strip>em{grid-column:1/-1}.hvy-faction-war-card{flex-basis:84%}.hvy-faction-mini-choices .hvy-faction-choice{flex-basis:44%}}

.hvy-faction-choice.is-week-locked{opacity:.42!important;cursor:not-allowed!important;filter:saturate(.5)!important}.hvy-faction-choice.is-week-locked:hover{transform:none!important}

/* =========================================================
   v0.2.84 — Seasonal Challenges
   Season-scoped progress + milestone reward track.
   ========================================================= */
.hvy-season-section{position:relative;padding:18px;border-radius:18px!important;background:linear-gradient(150deg,rgba(14,22,31,.995),rgba(8,15,23,.995))!important;overflow:hidden}
.hvy-season-section:before{content:"";position:absolute;left:-90px;top:-120px;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,rgba(246,77,0,.09),transparent 67%);pointer-events:none}.hvy-season-section:after{content:"";position:absolute;right:-100px;bottom:-150px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(125,54,157,.085),transparent 68%);pointer-events:none}
.hvy-season-hero{position:relative;z-index:1;display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:16px;align-items:center;padding:4px 2px 16px;border-bottom:1px solid rgba(255,255,255,.055)}
.hvy-season-progress-ring{--hvy-season-progress:0%;display:grid;place-items:center;align-content:center;width:88px;height:88px;border-radius:50%;background:radial-gradient(circle at center,#0d161f 58%,transparent 60%),conic-gradient(#f64d00 var(--hvy-season-progress),rgba(255,255,255,.07) 0);box-shadow:0 0 34px rgba(246,77,0,.07)}.hvy-season-progress-ring strong{color:#f1f4f6;font-size:20px;line-height:1;font-weight:950}.hvy-season-progress-ring small{margin-top:4px;color:#8d5b48;font-size:6.5px;font-weight:950;letter-spacing:.13em}
.hvy-season-copy>small{color:#a56649;font-size:7px;font-weight:950;letter-spacing:.12em}.hvy-season-copy h2{margin:3px 0 4px!important;color:#f0f3f5;font-size:16px;font-weight:950}.hvy-season-copy>p{max-width:610px;margin:0;color:#72808a;font-size:8.6px;line-height:1.8}.hvy-season-time{display:flex;align-items:center;gap:6px;margin-top:9px;color:#687680;font-size:7.3px}.hvy-season-time>span{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:rgba(246,77,0,.08);color:#f97a22}.hvy-season-time .hvy-icon{width:12px;height:12px}.hvy-season-time b{color:#bdc5ca;font-size:7.7px}.hvy-season-time small{color:#58656f}
.hvy-season-meta{display:grid;grid-template-columns:repeat(2,76px);gap:7px}.hvy-season-meta>span{display:grid;place-items:center;min-height:62px;padding:7px;border-radius:12px;background:#0a131c;border:1px solid rgba(255,255,255,.05)}.hvy-season-meta small{color:#64727c;font-size:6.3px;font-weight:900;letter-spacing:.1em}.hvy-season-meta strong{margin-top:2px;color:#ff8425;font-size:17px}
.hvy-season-challenge-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:13px}.hvy-season-challenge{display:grid;grid-template-columns:38px minmax(0,1fr);gap:9px;min-width:0;min-height:142px;padding:12px;border-radius:13px;background:#0a131c;border:1px solid rgba(255,255,255,.052)}.hvy-season-challenge.is-complete{border-color:rgba(21,201,115,.16);background:linear-gradient(135deg,rgba(21,201,115,.035),#0a131c 55%)}.hvy-season-challenge-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,rgba(118,51,149,.14),rgba(246,77,0,.06));border:1px solid rgba(166,78,199,.13);font-size:17px}.hvy-season-challenge-copy{min-width:0}.hvy-season-challenge-copy>small{color:#78568a;font-size:6.1px;font-weight:950;letter-spacing:.11em}.hvy-season-challenge.is-complete .hvy-season-challenge-copy>small{color:#3f9f72}.hvy-season-challenge h3{margin:2px 0 3px!important;color:#e3e8eb;font-size:9.7px;font-weight:950}.hvy-season-challenge p{min-height:31px;margin:0;color:#67757f;font-size:7.4px;line-height:1.75}.hvy-season-challenge-progress{margin-top:8px}.hvy-season-challenge-progress>div{display:flex;justify-content:space-between;gap:7px;margin-bottom:4px;color:#5f6d77;font-size:6.5px}.hvy-season-challenge-progress>div b{color:#9ca8b0}.hvy-season-challenge-progress>span{display:block;height:5px;border-radius:99px;background:#111b24;overflow:hidden}.hvy-season-challenge-progress>span i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7d3ea0,#f64d00)}.hvy-season-challenge.is-complete .hvy-season-challenge-progress>span i{background:linear-gradient(90deg,#23885a,#15c973)}
.hvy-season-milestones{position:relative;z-index:1;display:grid;grid-template-columns:180px minmax(0,1fr);gap:12px;align-items:center;margin-top:12px;padding:12px;border-radius:14px;background:linear-gradient(90deg,rgba(110,47,139,.075),rgba(246,77,0,.028));border:1px solid rgba(158,76,190,.09)}.hvy-season-milestone-title small{color:#79558a;font-size:6.5px;font-weight:950;letter-spacing:.11em}.hvy-season-milestone-title h3{margin:2px 0 3px!important;color:#e3e8eb;font-size:9.8px;font-weight:950}.hvy-season-milestone-title p{margin:0;color:#63717b;font-size:7px;line-height:1.7}.hvy-season-milestone-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.hvy-season-milestone{position:relative;min-width:0;min-height:108px;padding:9px;border-radius:11px;background:#09131b;border:1px solid rgba(255,255,255,.05)}.hvy-season-milestone>span{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:rgba(107,46,137,.13);color:#be7edb;font-size:13px}.hvy-season-milestone>small{display:block;margin-top:7px;color:#655271;font-size:5.8px;font-weight:950;letter-spacing:.08em}.hvy-season-milestone h4{margin:2px 0!important;color:#bfc8ce;font-size:7.9px;font-weight:900}.hvy-season-milestone em{display:block;color:#ff7f21;font-size:6.8px;font-style:normal;font-weight:900}.hvy-season-milestone button{width:100%;min-height:25px;margin-top:7px;padding:0 6px;border-radius:7px;border:1px solid rgba(255,255,255,.06);background:#111b24;color:#65737d;font-size:6.2px;font-weight:900}.hvy-season-milestone.is-unlocked{border-color:rgba(246,77,0,.2);box-shadow:0 0 18px rgba(246,77,0,.035)}.hvy-season-milestone.is-unlocked button{background:rgba(246,77,0,.1);border-color:rgba(246,77,0,.22);color:#ff8528;cursor:pointer}.hvy-season-milestone.is-unlocked button:hover{background:rgba(246,77,0,.15)}.hvy-season-milestone.is-claimed{opacity:.72;border-color:rgba(21,201,115,.12)}.hvy-season-milestone.is-claimed>span{background:rgba(21,201,115,.08);color:#50cb8b}.hvy-season-milestone.is-claimed button{color:#4ba97a}.hvy-season-milestone.is-locked{opacity:.58}
.hvy-season-cosmetics{position:relative;z-index:1;display:flex;align-items:center;gap:7px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.05)}.hvy-season-cosmetics>small{margin-left:4px;color:#735181;font-size:6.2px;font-weight:950;letter-spacing:.1em}.hvy-season-cosmetics>span{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border-radius:8px;background:rgba(246,77,0,.045);border:1px solid rgba(246,77,0,.11)}.hvy-season-cosmetics i{color:#ff8528;font-size:10px;font-style:normal}.hvy-season-cosmetics b{color:#afb8be;font-size:6.8px}
@media (max-width:1050px){.hvy-season-challenge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hvy-season-milestones{grid-template-columns:1fr}.hvy-season-milestone-title{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center}.hvy-season-milestone-title p{grid-column:1/-1}}
@media (max-width:760px){.hvy-season-section{padding:14px}.hvy-season-hero{grid-template-columns:72px minmax(0,1fr)}.hvy-season-progress-ring{width:70px;height:70px}.hvy-season-progress-ring strong{font-size:16px}.hvy-season-meta{grid-column:1/-1;grid-template-columns:repeat(2,1fr)}.hvy-season-meta>span{min-height:48px}.hvy-season-challenge-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:3px}.hvy-season-challenge{flex:0 0 78%;scroll-snap-align:start}.hvy-season-milestone-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:3px}.hvy-season-milestone{flex:0 0 42%;scroll-snap-align:start}.hvy-season-cosmetics{overflow-x:auto}}
@media (max-width:480px){.hvy-season-hero{grid-template-columns:62px minmax(0,1fr);gap:10px}.hvy-season-progress-ring{width:60px;height:60px}.hvy-season-copy h2{font-size:13px}.hvy-season-time{align-items:flex-start;flex-wrap:wrap}.hvy-season-challenge{flex-basis:88%}.hvy-season-milestone{flex-basis:58%}}

/* =========================================================
   v0.2.85 — Faction Rewards
   Weekly victory vault + persistent faction legacy.
   ========================================================= */
.hvy-faction-reward-vault{position:relative;padding:18px;border-radius:18px!important;background:linear-gradient(150deg,rgba(13,21,30,.995),rgba(8,15,23,.995))!important;overflow:hidden}
.hvy-faction-reward-vault:before{content:"";position:absolute;left:-110px;top:-135px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(246,77,0,.085),transparent 68%);pointer-events:none}.hvy-faction-reward-vault:after{content:"";position:absolute;right:-120px;bottom:-170px;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle,rgba(125,54,157,.075),transparent 68%);pointer-events:none}.hvy-faction-reward-vault.is-eligible{border-color:rgba(246,77,0,.16)!important;box-shadow:0 0 34px rgba(246,77,0,.035)}.hvy-faction-reward-vault.is-claimed{border-color:rgba(21,201,115,.11)!important}
.hvy-faction-reward-head{position:relative;z-index:1;align-items:center}.hvy-faction-reward-head>span b{color:#ff8527}.hvy-faction-reward-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(260px,.82fr);gap:9px;margin-top:10px}
.hvy-faction-reward-prize{display:grid;grid-template-columns:52px minmax(0,1fr);gap:11px;align-items:center;min-width:0;padding:13px;border-radius:14px;background:linear-gradient(130deg,rgba(246,77,0,.055),rgba(10,19,28,.96) 46%,rgba(111,47,140,.055));border:1px solid rgba(246,77,0,.11)}.hvy-faction-reward-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:linear-gradient(145deg,rgba(246,77,0,.14),rgba(122,51,153,.12));border:1px solid rgba(246,77,0,.17);font-size:23px;box-shadow:0 0 24px rgba(246,77,0,.045)}.hvy-faction-reward-prize>div:nth-child(2){min-width:0}.hvy-faction-reward-prize small{color:#8c5a48;font-size:6.5px;font-weight:950;letter-spacing:.11em}.hvy-faction-reward-prize h3{margin:2px 0 3px!important;color:#edf1f3;font-size:11px;font-weight:950}.hvy-faction-reward-prize p{margin:0;color:#6b7983;font-size:7.7px;line-height:1.75}.hvy-faction-reward-chips{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:2px}.hvy-faction-reward-chips>span{display:flex;align-items:center;justify-content:space-between;gap:7px;min-height:37px;padding:0 9px;border-radius:10px;background:#0a131c;border:1px solid rgba(255,255,255,.05)}.hvy-faction-reward-chips b{color:#ff8527;font-size:8.3px}.hvy-faction-reward-chips small{color:#64727c;font-size:5.9px;letter-spacing:.08em}.hvy-faction-reward-chips .is-mvp{border-color:rgba(151,74,183,.13);background:rgba(111,47,140,.06)}.hvy-faction-reward-chips .is-mvp b{color:#c184dd}
.hvy-faction-reward-status{min-width:0;padding:13px;border-radius:14px;background:#0a131c;border:1px solid rgba(255,255,255,.055)}.hvy-faction-reward-status>small{color:#78578a;font-size:6.4px;font-weight:950;letter-spacing:.11em}.hvy-faction-reward-vault.is-eligible .hvy-faction-reward-status>small{color:#c16f47}.hvy-faction-reward-status h3{margin:3px 0 4px!important;color:#e8edef;font-size:10.5px;font-weight:950}.hvy-faction-reward-status p{margin:0;color:#687680;font-size:7.5px;line-height:1.7}.hvy-faction-reward-total{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.hvy-faction-reward-total span,.hvy-faction-reward-total em{display:inline-flex;align-items:center;min-height:26px;padding:0 7px;border-radius:8px;background:rgba(246,77,0,.075);border:1px solid rgba(246,77,0,.13);color:#ff8527;font-size:6.8px;font-style:normal;font-weight:900}.hvy-faction-reward-total em{background:rgba(116,49,146,.08);border-color:rgba(157,77,190,.14);color:#c17ddd}.hvy-faction-reward-status>button,.hvy-faction-reward-status>a{display:inline-flex;align-items:center;justify-content:center;min-height:31px;margin-top:10px;padding:0 11px;border-radius:9px;border:1px solid rgba(246,77,0,.22);background:rgba(246,77,0,.10);color:#ff892d;font-size:7px;font-weight:950;text-decoration:none!important;cursor:pointer}.hvy-faction-reward-status>button:hover,.hvy-faction-reward-status>a:hover{background:rgba(246,77,0,.15);color:#ff9a49}.hvy-faction-reward-status>button:disabled{cursor:default;border-color:rgba(21,201,115,.11);background:rgba(21,201,115,.055);color:#57bd87}.hvy-faction-reward-status>button.is-loading{opacity:.55;pointer-events:none}
.hvy-faction-trophy-strip{position:relative;z-index:1;display:grid;grid-template-columns:minmax(145px,.55fr) 80px 80px minmax(0,1.45fr);gap:7px;align-items:center;margin-top:9px;padding:10px 11px;border-radius:13px;background:linear-gradient(90deg,rgba(111,47,140,.065),rgba(10,19,28,.88));border:1px solid rgba(159,78,192,.09)}.hvy-faction-trophy-strip>div:first-child small{color:#735182;font-size:6.2px;font-weight:950;letter-spacing:.1em}.hvy-faction-trophy-strip>div:first-child h3{margin:2px 0 0!important;color:#dbe2e6;font-size:9px;font-weight:900}.hvy-faction-stat{display:grid;place-items:center;min-height:46px;padding:5px;border-radius:9px;background:#09131b;border:1px solid rgba(255,255,255,.045)}.hvy-faction-stat b{color:#ff8527;font-size:13px;line-height:1}.hvy-faction-stat small{margin-top:3px;color:#606f79;font-size:5.7px}.hvy-faction-trophies{display:flex;align-items:center;gap:5px;min-width:0;overflow-x:auto;padding-bottom:1px}.hvy-faction-trophies>span{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;min-height:31px;padding:0 7px;border-radius:9px;background:#0a131c;border:1px solid rgba(255,255,255,.05)}.hvy-faction-trophies i{font-size:11px;font-style:normal}.hvy-faction-trophies b{color:#aeb8bf;font-size:6.5px;white-space:nowrap}.hvy-faction-trophies .is-epic{border-color:rgba(246,77,0,.13)}.hvy-faction-trophies .is-legendary{border-color:rgba(168,85,201,.15);box-shadow:inset 0 0 16px rgba(129,53,158,.035)}.hvy-faction-trophies>em{color:#5f6d77;font-size:6.6px;font-style:normal}
@media (max-width:1050px){.hvy-faction-reward-layout{grid-template-columns:1fr}.hvy-faction-trophy-strip{grid-template-columns:minmax(140px,1fr) 72px 72px}.hvy-faction-trophies{grid-column:1/-1}}
@media (max-width:760px){.hvy-faction-reward-vault{padding:14px}.hvy-faction-reward-head{align-items:flex-start;flex-direction:column}.hvy-faction-reward-prize{grid-template-columns:44px minmax(0,1fr)}.hvy-faction-reward-icon{width:44px;height:44px;font-size:20px}.hvy-faction-reward-chips{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.hvy-faction-reward-chips>span{flex:0 0 38%;scroll-snap-align:start}.hvy-faction-trophy-strip{grid-template-columns:1fr 66px 66px}.hvy-faction-trophies{grid-column:1/-1}.hvy-faction-trophy-strip>div:first-child h3{font-size:8.5px}}
@media (max-width:480px){.hvy-faction-reward-chips>span{flex-basis:56%}.hvy-faction-trophy-strip{grid-template-columns:1fr 58px 58px}.hvy-faction-stat{min-height:42px}.hvy-faction-stat b{font-size:11px}}

/* =========================================================
   v0.2.86 — Secret Carrots + Rabbit Encounters
   Discovery hub + live, server-authorized encounter surfaces.
   ========================================================= */
.hvy-encounters-section{position:relative;overflow:hidden;padding:18px;border-radius:18px!important;background:linear-gradient(150deg,rgba(13,21,30,.995),rgba(8,15,23,.995))!important}
.hvy-encounters-section:before{content:"";position:absolute;left:-120px;top:-150px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(246,77,0,.08),transparent 68%);pointer-events:none}
.hvy-encounters-section:after{content:"";position:absolute;right:-130px;bottom:-180px;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle,rgba(127,54,158,.07),transparent 68%);pointer-events:none}
.hvy-encounters-head{position:relative;z-index:1}.hvy-encounter-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.hvy-encounter-card{display:grid;grid-template-columns:54px minmax(0,1fr) 112px;gap:11px;align-items:center;min-width:0;padding:13px;border-radius:14px;background:#0a131c;border:1px solid rgba(255,255,255,.055)}
.hvy-encounter-card.is-secret{background:linear-gradient(135deg,rgba(246,77,0,.055),rgba(10,19,28,.96) 48%,rgba(246,77,0,.018));border-color:rgba(246,77,0,.11)}
.hvy-encounter-card.is-secret.is-complete{border-color:rgba(21,201,115,.14);background:linear-gradient(135deg,rgba(21,201,115,.04),rgba(10,19,28,.96) 48%)}
.hvy-encounter-card.is-rabbit{background:linear-gradient(135deg,rgba(116,49,146,.055),rgba(10,19,28,.96) 50%)}
.hvy-encounter-card-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:15px;background:rgba(246,77,0,.10);border:1px solid rgba(246,77,0,.15);color:#ff8024}.hvy-encounter-card-icon .hvy-icon{width:25px;height:25px}.hvy-encounter-card-icon.is-rabbit{overflow:hidden;background:rgba(121,57,151,.09);border-color:rgba(158,79,190,.13)}.hvy-encounter-card-icon.is-rabbit img{width:100%;height:100%;object-fit:contain;transform:scale(1.25);filter:drop-shadow(0 7px 12px rgba(0,0,0,.28))}
.hvy-encounter-card-copy{min-width:0}.hvy-encounter-card-copy>small{color:#8d5a44;font-size:6.4px;font-weight:950;letter-spacing:.11em}.hvy-encounter-card.is-rabbit .hvy-encounter-card-copy>small{color:#78538a}.hvy-encounter-card-copy h3{margin:2px 0 4px!important;color:#e9eef1;font-size:10.5px;font-weight:950}.hvy-encounter-card-copy p{margin:0;color:#687681;font-size:7.3px;line-height:1.78}
.hvy-encounter-clues,.hvy-encounter-rarities{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px}.hvy-encounter-clues span,.hvy-encounter-rarities span{display:inline-flex;align-items:center;min-height:23px;padding:0 6px;border-radius:7px;background:rgba(246,77,0,.055);border:1px solid rgba(246,77,0,.09);color:#b57c61;font-size:5.8px;font-weight:800}.hvy-encounter-rarities span{background:rgba(124,55,154,.05);border-color:rgba(151,73,182,.09);color:#9970aa}.hvy-encounter-rarities span:nth-child(3){color:#71a9d1}.hvy-encounter-rarities span:nth-child(4){color:#c382df}.hvy-encounter-rarities span:nth-child(5){color:#ff8b2d}
.hvy-encounter-card-status{display:grid;align-content:center;justify-items:stretch;min-width:0;min-height:76px;padding:8px;border-radius:11px;background:rgba(7,14,21,.66);border:1px solid rgba(255,255,255,.045);text-align:center}.hvy-encounter-card-status>span{color:#6f566f;font-size:5.8px;font-weight:950;letter-spacing:.09em}.hvy-encounter-card.is-secret .hvy-encounter-card-status>span{color:#8f5b44}.hvy-encounter-card-status>b{margin:3px 0 7px;color:#e6ecef;font-size:9px}.hvy-encounter-card-status>a,.hvy-encounter-card-status>button{display:flex;align-items:center;justify-content:center;min-height:28px;padding:0 7px;border-radius:8px;border:1px solid rgba(246,77,0,.14);background:rgba(246,77,0,.07);color:#ff8529!important;text-decoration:none!important;font-size:6.3px;font-weight:900}.hvy-encounter-card-status>button:disabled{border-color:rgba(21,201,115,.10);background:rgba(21,201,115,.05);color:#55bb86!important}
.hvy-encounter-collection{position:relative;z-index:1;display:grid;grid-template-columns:260px minmax(0,1fr);gap:8px;margin-top:9px}.hvy-encounter-collection-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.hvy-encounter-collection-stats>span{display:grid;place-items:center;min-height:78px;padding:7px;border-radius:12px;background:#09131b;border:1px solid rgba(255,255,255,.045);text-align:center}.hvy-encounter-collection-stats i{font-size:15px;font-style:normal}.hvy-encounter-collection-stats b{margin-top:2px;color:#ff8527;font-size:13px;line-height:1}.hvy-encounter-collection-stats small{margin-top:4px;color:#63717b;font-size:5.5px}
.hvy-encounter-history{display:grid;grid-template-columns:115px minmax(0,1fr);gap:8px;align-items:center;padding:9px 10px;border-radius:12px;background:linear-gradient(90deg,rgba(112,48,142,.05),rgba(9,18,27,.88));border:1px solid rgba(151,74,181,.08)}.hvy-encounter-history>div:first-child small{color:#6e4f7c;font-size:5.8px;font-weight:950;letter-spacing:.1em}.hvy-encounter-history>div:first-child h3{margin:2px 0 0!important;color:#dbe2e6;font-size:8.6px;font-weight:900}.hvy-encounter-history-list{display:flex;align-items:center;gap:5px;min-width:0;overflow-x:auto;padding-bottom:1px}.hvy-encounter-history-list>span{flex:0 0 auto;display:grid;grid-template-columns:18px auto;column-gap:5px;align-items:center;min-height:42px;padding:5px 7px;border-radius:9px;background:#0a131c;border:1px solid rgba(255,255,255,.05)}.hvy-encounter-history-list>span>i{grid-row:1/3;font-size:12px;font-style:normal}.hvy-encounter-history-list>span>b{color:#aeb8bf;font-size:6.2px;white-space:nowrap}.hvy-encounter-history-list>span>small{color:#63717b;font-size:5.6px;white-space:nowrap}.hvy-encounter-history-list .is-rare{border-color:rgba(67,142,190,.15)}.hvy-encounter-history-list .is-epic{border-color:rgba(159,76,190,.16)}.hvy-encounter-history-list .is-legendary{border-color:rgba(246,77,0,.18);box-shadow:inset 0 0 16px rgba(246,77,0,.03)}.hvy-encounter-history-list>em{color:#5d6b75;font-size:6.3px;font-style:normal}

/* Live hunt UI intentionally floats above content instead of changing theme layout. */
.hvy-live-encounters{position:fixed;inset:0;z-index:99996;pointer-events:none;font-family:inherit}.hvy-live-secret-carrot,.hvy-live-rabbit{pointer-events:auto;position:fixed;margin:0;padding:0;border:0;outline:0;cursor:pointer;color:#fff;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.hvy-live-secret-carrot{right:0;bottom:118px;display:grid;grid-template-columns:48px 88px;align-items:center;min-height:58px;padding:5px 8px 5px 7px;border-radius:15px 0 0 15px;background:linear-gradient(100deg,rgba(12,21,29,.97),rgba(20,25,29,.98));border:1px solid rgba(246,77,0,.22);border-right:0;box-shadow:0 16px 42px rgba(0,0,0,.38),0 0 24px rgba(246,77,0,.07);transform:translateX(calc(100% - 48px));opacity:0;transition:transform .45s cubic-bezier(.2,.75,.2,1),opacity .3s ease,filter .25s ease}.hvy-live-secret-carrot.is-visible{opacity:1}.hvy-live-secret-carrot:hover,.hvy-live-secret-carrot:focus-visible{transform:translateX(0);filter:brightness(1.07)}.hvy-live-secret-carrot.is-loading{pointer-events:none;opacity:.72}.hvy-live-secret-carrot.is-caught{transform:translateX(0) scale(.96);border-color:rgba(21,201,115,.25);filter:brightness(1.1)}
.hvy-live-secret-glow{position:absolute;inset:6px auto 6px 6px;width:40px;border-radius:12px;background:radial-gradient(circle,rgba(246,77,0,.25),transparent 72%);animation:hvySecretPulse 2.2s ease-in-out infinite}.hvy-live-secret-icon{position:relative;z-index:1;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(246,77,0,.10);color:#ff7f20}.hvy-live-secret-icon .hvy-icon{width:23px;height:23px}.hvy-live-secret-copy{display:grid;gap:1px;text-align:right}.hvy-live-secret-copy small{color:#a55e3d;font-size:6px;font-weight:950;letter-spacing:.1em}.hvy-live-secret-copy b{color:#eef2f4;font-size:8px;font-weight:900}
.hvy-live-rabbit{left:16px;bottom:128px;display:grid;grid-template-columns:72px 112px;align-items:center;min-height:78px;padding:4px 9px 4px 3px;border-radius:16px;background:linear-gradient(115deg,rgba(20,14,27,.98),rgba(9,18,27,.97));border:1px solid rgba(154,76,187,.22);box-shadow:0 18px 46px rgba(0,0,0,.42),0 0 28px rgba(132,58,163,.07);transform:translateX(calc(-100% - 24px));opacity:0;transition:transform .58s cubic-bezier(.18,.82,.2,1),opacity .25s ease,filter .2s ease}.hvy-live-rabbit.is-visible{transform:translateX(0);opacity:1}.hvy-live-rabbit:hover,.hvy-live-rabbit:focus-visible{filter:brightness(1.08)}.hvy-live-rabbit.is-loading{pointer-events:none;filter:saturate(.7);opacity:.75}.hvy-live-rabbit.is-caught{transform:translateX(0) scale(.92);border-color:rgba(21,201,115,.24)}.hvy-live-rabbit.is-escaped{transform:translateX(calc(-100% - 40px)) rotate(-4deg);opacity:0}.hvy-live-rabbit img{display:block;width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 9px 13px rgba(0,0,0,.30));animation:hvyRabbitFloat 1.8s ease-in-out infinite}.hvy-live-rabbit-copy{display:grid;gap:2px;text-align:right}.hvy-live-rabbit-copy small{color:#865e99;font-size:6px;font-weight:950;letter-spacing:.1em}.hvy-live-rabbit-copy b{color:#ecf0f2;font-size:8.5px;font-weight:900}.hvy-live-rabbit-timer{position:absolute;left:9px;right:9px;top:5px;height:2px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.055)}.hvy-live-rabbit-timer i{display:block;width:100%;height:100%;transform-origin:right center;background:linear-gradient(90deg,#8e47c8,#f64d00);animation:hvyRabbitTimer var(--hvy-rabbit-life,36s) linear forwards}
.hvy-encounter-toast{pointer-events:none;position:fixed;left:50%;bottom:42px;max-width:min(460px,calc(100vw - 28px));padding:10px 14px;border-radius:11px;background:#101922;border:1px solid rgba(21,201,115,.18);box-shadow:0 15px 45px rgba(0,0,0,.42);color:#dce7e1;font-size:9px;font-weight:850;text-align:center;transform:translate(-50%,14px);opacity:0;transition:.25s ease}.hvy-encounter-toast.is-visible{transform:translate(-50%,0);opacity:1}.hvy-encounter-toast.is-error{border-color:rgba(238,24,68,.22);color:#f4c4ce}
.hvy-live-reward-reveal{pointer-events:none;position:fixed;left:50%;top:18%;display:grid;justify-items:center;gap:4px;min-width:250px;max-width:calc(100vw - 28px);padding:14px 18px;border-radius:15px;background:linear-gradient(145deg,rgba(13,22,31,.98),rgba(9,16,24,.99));border:1px solid rgba(246,77,0,.18);box-shadow:0 18px 55px rgba(0,0,0,.48),0 0 35px rgba(246,77,0,.06);transform:translate(-50%,-12px) scale(.96);opacity:0;transition:.32s cubic-bezier(.2,.78,.2,1)}.hvy-live-reward-reveal.is-visible{transform:translate(-50%,0) scale(1);opacity:1}.hvy-live-reward-reveal>small{color:#a4674b;font-size:6.5px;font-weight:950;letter-spacing:.12em}.hvy-live-reward-reveal>b{color:#f0f3f5;font-size:10px}.hvy-live-reward-reveal>span{color:#ff8527;font-size:8px;font-weight:900}.hvy-live-reward-reveal.is-rare{border-color:rgba(67,142,190,.23)}.hvy-live-reward-reveal.is-epic{border-color:rgba(163,77,194,.25);box-shadow:0 18px 55px rgba(0,0,0,.48),0 0 38px rgba(139,61,171,.09)}.hvy-live-reward-reveal.is-legendary{border-color:rgba(246,77,0,.34);box-shadow:0 18px 55px rgba(0,0,0,.48),0 0 42px rgba(246,77,0,.12)}
@keyframes hvySecretPulse{0%,100%{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}@keyframes hvyRabbitFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-4px) rotate(1deg)}}@keyframes hvyRabbitTimer{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@media (max-width:1050px){.hvy-encounter-grid{grid-template-columns:1fr}.hvy-encounter-collection{grid-template-columns:1fr}.hvy-encounter-collection-stats{max-width:340px}.hvy-encounter-history{grid-template-columns:100px minmax(0,1fr)}}
@media (max-width:760px){.hvy-encounters-section{padding:14px}.hvy-encounters-head{align-items:flex-start;flex-direction:column}.hvy-encounter-card{grid-template-columns:46px minmax(0,1fr);padding:11px}.hvy-encounter-card-icon{width:46px;height:46px;border-radius:13px}.hvy-encounter-card-status{grid-column:1/-1;grid-template-columns:1fr auto auto;gap:7px;align-items:center;min-height:0;text-align:right}.hvy-encounter-card-status>b{margin:0}.hvy-encounter-card-status>a,.hvy-encounter-card-status>button{min-width:92px}.hvy-encounter-collection-stats{max-width:none}.hvy-encounter-history{grid-template-columns:1fr}.hvy-encounter-history-list{grid-column:1/-1}.hvy-live-secret-carrot{bottom:94px;grid-template-columns:44px 80px;min-height:54px;transform:translateX(calc(100% - 44px))}.hvy-live-secret-icon{width:38px;height:38px}.hvy-live-rabbit{left:8px;bottom:108px;grid-template-columns:60px 98px;min-height:68px}.hvy-live-rabbit img{width:60px;height:60px}.hvy-encounter-toast{bottom:84px}}
@media (max-width:480px){.hvy-encounter-card-copy p{font-size:6.9px}.hvy-encounter-card-status{grid-template-columns:1fr auto}.hvy-encounter-card-status>a,.hvy-encounter-card-status>button{grid-column:1/-1}.hvy-encounter-collection-stats>span{min-height:68px}.hvy-live-secret-copy,.hvy-live-rabbit-copy{display:none}.hvy-live-secret-carrot{grid-template-columns:42px;width:48px;padding:3px;border-radius:13px 0 0 13px;transform:translateX(8px)}.hvy-live-secret-carrot:hover,.hvy-live-secret-carrot:focus-visible{transform:translateX(0)}.hvy-live-rabbit{grid-template-columns:56px;width:64px;min-height:62px;padding:2px;overflow:visible}.hvy-live-rabbit img{width:56px;height:56px}.hvy-live-rabbit-timer{left:5px;right:5px;top:3px}.hvy-live-reward-reveal{top:14%;min-width:220px}}
@media (prefers-reduced-motion:reduce){.hvy-live-secret-carrot,.hvy-live-rabbit,.hvy-live-reward-reveal,.hvy-encounter-toast{transition-duration:.01ms!important}.hvy-live-secret-glow,.hvy-live-rabbit img,.hvy-live-rabbit-timer i{animation:none!important}}


/* v0.2.88 — Timed Events */
.hvy-timed-events-section{position:relative;overflow:hidden;margin-top:10px;padding:16px;border-radius:18px;background:radial-gradient(circle at 88% 0,rgba(246,77,0,.085),transparent 28%),linear-gradient(145deg,rgba(18,28,38,.93),rgba(8,16,25,.96));border-color:rgba(246,77,0,.11)}
.hvy-timed-events-section:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 0 68%,rgba(246,77,0,.025) 68% 70%,transparent 70%)}
.hvy-timed-events-head{position:relative;z-index:1}.hvy-timed-events-head>div small{color:#9a5d40;letter-spacing:.12em}.hvy-timed-events-head>span{display:flex;align-items:center;gap:6px;color:#65727c;font-size:7px}.hvy-timed-events-head>span i{width:6px;height:6px;border-radius:50%;background:#15c973;box-shadow:0 0 11px rgba(21,201,115,.45)}
.hvy-timed-events-summary{position:relative;z-index:1;display:grid;grid-template-columns:92px 92px minmax(0,1fr);gap:7px;align-items:stretch;margin-bottom:13px}.hvy-timed-events-summary>div{display:grid;place-content:center;text-align:center;min-height:58px;border-radius:12px;background:#09131c;border:1px solid rgba(255,255,255,.05)}.hvy-timed-events-summary small{color:#65717a;font-size:5.5px;font-weight:950;letter-spacing:.08em}.hvy-timed-events-summary b{margin-top:3px;color:#f68a44;font-size:14px}.hvy-timed-events-summary p{margin:0;display:flex;align-items:center;padding:9px 12px;border-radius:12px;background:rgba(118,66,145,.045);border:1px solid rgba(137,72,165,.08);color:#77848e;font-size:7px;line-height:1.9}
.hvy-timed-event-bucket{position:relative;z-index:1;margin-top:10px}.hvy-timed-event-bucket-title{display:flex;align-items:center;gap:8px;margin-bottom:6px;color:#77838c;font-size:6px;font-weight:950;letter-spacing:.12em}.hvy-timed-event-bucket-title i{height:1px;flex:1;background:linear-gradient(90deg,rgba(255,255,255,.06),transparent)}.hvy-timed-event-bucket.is-active .hvy-timed-event-bucket-title{color:#e87737}.hvy-timed-event-bucket.is-active .hvy-timed-event-bucket-title i{background:linear-gradient(90deg,rgba(246,77,0,.18),transparent)}
.hvy-timed-event-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hvy-timed-event-card{position:relative;min-width:0;padding:11px;border-radius:14px;background:linear-gradient(145deg,#0b1620,#09121b);border:1px solid rgba(255,255,255,.055);box-shadow:inset 0 1px rgba(255,255,255,.018);transition:border-color .2s ease,filter .2s ease}.hvy-timed-event-card:hover{border-color:rgba(246,77,0,.14);filter:brightness(1.035)}.hvy-timed-event-card.is-active{border-color:rgba(246,77,0,.16);box-shadow:inset 0 0 24px rgba(246,77,0,.025)}.hvy-timed-event-card.is-ended{opacity:.72}.hvy-timed-event-card.is-claimed{border-color:rgba(21,201,115,.15);box-shadow:inset 0 0 25px rgba(21,201,115,.025)}
.hvy-timed-event-top{display:grid;grid-template-columns:37px minmax(0,1fr) auto;gap:8px;align-items:center}.hvy-timed-event-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:rgba(246,77,0,.08);border:1px solid rgba(246,77,0,.1);font-size:16px}.hvy-timed-event-top>div{min-width:0}.hvy-timed-event-top small{display:block;color:#80533f;font-size:5.5px;font-weight:950;letter-spacing:.09em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hvy-timed-event-top h3{margin:2px 0 0!important;color:#e7ecef;font-size:9px!important;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hvy-timed-event-top em{align-self:start;padding:4px 6px;border-radius:999px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055);color:#69757e;font-size:5px;font-style:normal;font-weight:950;letter-spacing:.08em}.hvy-timed-event-card.is-active .hvy-timed-event-top em{background:rgba(246,77,0,.08);border-color:rgba(246,77,0,.15);color:#e67536}.hvy-timed-event-card>p{min-height:30px;margin:8px 0;color:#71808a;font-size:6.4px;line-height:1.85}
.hvy-timed-event-window{display:flex;align-items:center;gap:5px;padding:6px 7px;border-radius:9px;background:#08121a;color:#60707b;font-size:5.7px}.hvy-timed-event-window i{color:#8c552f;font-style:normal}.hvy-timed-event-progress{margin-top:8px}.hvy-timed-event-progress>div{display:flex;justify-content:space-between;gap:8px;color:#66747e;font-size:5.8px}.hvy-timed-event-progress>div b{color:#aeb8be;font-size:6px}.hvy-timed-event-progress>span{display:block;height:4px;margin-top:4px;border-radius:999px;background:rgba(255,255,255,.045);overflow:hidden}.hvy-timed-event-progress>span i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f64d00,#ff9a36);box-shadow:0 0 10px rgba(246,77,0,.25)}
.hvy-timed-event-rewards{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.hvy-timed-event-rewards span{padding:4px 6px;border-radius:7px;background:rgba(255,255,255,.027);border:1px solid rgba(255,255,255,.045);color:#84919a;font-size:5.5px;font-weight:800}.hvy-timed-event-card.is-epic .hvy-timed-event-icon{background:rgba(141,65,175,.08);border-color:rgba(141,65,175,.12)}.hvy-timed-event-card.is-legendary .hvy-timed-event-icon{background:rgba(246,77,0,.11);box-shadow:0 0 18px rgba(246,77,0,.05)}
.hvy-timed-event-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-top:9px;padding-top:8px;border-top:1px solid rgba(255,255,255,.045)}.hvy-timed-event-countdown{display:grid;gap:1px;min-width:0}.hvy-timed-event-countdown small{color:#596771;font-size:5.2px}.hvy-timed-event-countdown b{color:#d4dbe0;font-size:7px;font-variant-numeric:tabular-nums;direction:ltr}.hvy-timed-event-foot button,.hvy-timed-event-foot a{display:inline-flex;align-items:center;justify-content:center;min-height:27px;padding:0 9px;border-radius:8px;border:1px solid rgba(246,77,0,.16);background:rgba(246,77,0,.07);color:#e48048!important;font-size:5.8px;font-weight:900;cursor:pointer}.hvy-timed-event-foot button:disabled{cursor:default;border-color:rgba(255,255,255,.05);background:rgba(255,255,255,.025);color:#66727a!important}.hvy-timed-event-foot button.is-loading{opacity:.65;pointer-events:none}.hvy-timed-event-card.is-claimed .hvy-timed-event-foot button{border-color:rgba(21,201,115,.12);background:rgba(21,201,115,.05);color:#54bb85!important}
.hvy-timed-event-toast{position:fixed;z-index:99998;left:50%;bottom:46px;max-width:min(440px,calc(100vw - 28px));padding:10px 14px;border-radius:11px;background:#101922;border:1px solid rgba(21,201,115,.18);box-shadow:0 15px 45px rgba(0,0,0,.42);color:#dce7e1;font-size:9px;font-weight:850;text-align:center;transform:translate(-50%,12px);opacity:0;pointer-events:none;transition:.25s ease}.hvy-timed-event-toast.is-visible{transform:translate(-50%,0);opacity:1}.hvy-timed-event-toast.is-error{border-color:rgba(238,24,68,.22);color:#f4c4ce}
@media (max-width:1050px){.hvy-timed-event-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.hvy-timed-events-section{padding:14px}.hvy-timed-events-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.hvy-timed-events-summary p{grid-column:1/-1}.hvy-timed-event-grid{grid-template-columns:1fr}.hvy-timed-event-card>p{min-height:0}.hvy-timed-event-top h3{font-size:10px!important}.hvy-timed-event-card>p{font-size:7px}.hvy-timed-event-window,.hvy-timed-event-progress>div,.hvy-timed-event-rewards span,.hvy-timed-event-foot button,.hvy-timed-event-foot a{font-size:6.2px}}
@media (max-width:480px){.hvy-timed-event-foot{align-items:stretch;flex-direction:column}.hvy-timed-event-foot button,.hvy-timed-event-foot a{width:100%;min-height:31px}.hvy-timed-event-countdown{grid-template-columns:auto 1fr;align-items:center;gap:7px}.hvy-timed-event-countdown b{text-align:left}}
@media (prefers-reduced-motion:reduce){.hvy-timed-event-card,.hvy-timed-event-toast{transition-duration:.01ms!important}}


/* =========================================================
   v0.2.89 — Collections + Cosmetics / Gamer Identity loadout
   ========================================================= */
.hvy-collection-vault{padding:18px;border-radius:18px!important;background:linear-gradient(155deg,rgba(13,21,30,.99),rgba(9,16,24,.99))!important;overflow:hidden}.hvy-collection-head>span{color:#6f7d87;font-size:8px}.hvy-collection-head>span b{color:#ff8425}.hvy-identity-loadout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:10px;margin-bottom:12px}.hvy-gamer-identity-card{position:relative;display:grid;grid-template-columns:66px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:108px;padding:14px;border-radius:16px;background:radial-gradient(circle at 8% 50%,rgba(246,77,0,.08),transparent 24%),linear-gradient(145deg,#0c151e,#09121a);border:1px solid rgba(255,255,255,.07);overflow:hidden}.hvy-gamer-identity-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}.hvy-gamer-identity-card.is-rare{border-color:rgba(78,133,214,.22)}.hvy-gamer-identity-card.is-epic{border-color:rgba(168,76,207,.26);box-shadow:0 0 28px rgba(127,56,158,.06)}.hvy-gamer-identity-card.is-legendary{border-color:rgba(246,119,24,.30);box-shadow:0 0 30px rgba(246,77,0,.07)}.hvy-gamer-frame{position:relative;display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:linear-gradient(145deg,#17232e,#0e151d);border:1px solid rgba(246,77,0,.18);box-shadow:inset 0 0 0 3px rgba(7,12,18,.9)}.hvy-gamer-avatar{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(145deg,#202d39,#121a22);color:#ff8425;font-size:18px;font-weight:950}.hvy-gamer-sigil{position:absolute;left:-6px;bottom:-6px;display:grid;place-items:center;min-width:24px;height:24px;padding:0 5px;border-radius:9px;background:#111a23;border:1px solid rgba(168,76,207,.25);color:#c27add;font-size:12px}.hvy-gamer-copy small{display:block;color:#6d7882;font-size:7px;font-weight:950;letter-spacing:.12em}.hvy-gamer-copy h3{margin:4px 0 2px!important;color:#edf2f4;font-size:15px!important;font-weight:950}.hvy-gamer-copy p{margin:0!important;color:#a674bb;font-size:8.5px;font-weight:850}.hvy-gamer-featured-badge{display:flex;align-items:center;gap:8px;min-width:128px;padding:8px;border-radius:12px;background:rgba(20,28,37,.8);border:1px solid rgba(255,255,255,.055)}.hvy-gamer-featured-badge>i{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:rgba(246,77,0,.09);color:#ff8425;font-size:18px;font-style:normal}.hvy-gamer-featured-badge small{display:block;color:#65727d;font-size:6.3px;letter-spacing:.08em}.hvy-gamer-featured-badge b{display:block;max-width:92px;margin-top:2px;color:#d8dfe3;font-size:7.8px;line-height:1.35}.hvy-loadout-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.hvy-loadout-slot{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:8px;align-items:center;min-height:50px;padding:8px;border-radius:12px;background:#0b141d;border:1px solid rgba(255,255,255,.055)}.hvy-loadout-slot.is-equipped{border-color:rgba(246,77,0,.15);background:linear-gradient(90deg,rgba(246,77,0,.04),#0b141d)}.hvy-loadout-slot>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#111c26;color:#a36bbc;font-size:15px}.hvy-loadout-slot small{display:block;color:#63717b;font-size:6.1px;letter-spacing:.06em}.hvy-loadout-slot b{display:block;margin-top:2px;color:#aeb8bf;font-size:7.4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hvy-loadout-slot>button{display:grid;place-items:center;width:22px;height:22px;border:0;border-radius:7px;background:rgba(238,24,68,.07);color:#c56b7e;font-size:12px;cursor:pointer}.hvy-collection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 9px}.hvy-collection-toolbar>span{color:#63717c;font-size:7.2px}.hvy-collection-toolbar>span b{color:#c382df}.hvy-collection-filters{display:flex;gap:4px;flex-wrap:wrap;padding:3px;border-radius:10px;background:#0a131c;border:1px solid rgba(255,255,255,.05)}.hvy-collection-filters button{min-height:28px;padding:0 9px;border:0;border-radius:7px;background:transparent;color:#687680;font-size:6.8px;font-weight:900;cursor:pointer}.hvy-collection-filters button.is-active{background:rgba(246,77,0,.09);color:#ff8425;box-shadow:inset 0 0 0 1px rgba(246,77,0,.16)}.hvy-collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.hvy-collectible-card{display:grid;grid-template-columns:48px minmax(0,1fr);gap:9px;min-height:108px;padding:10px;border-radius:13px;background:#0b141d;border:1px solid rgba(255,255,255,.055)}.hvy-collectible-card[hidden]{display:none!important}.hvy-collectible-card.is-rare{border-color:rgba(78,133,214,.15)}.hvy-collectible-card.is-epic{border-color:rgba(168,76,207,.18)}.hvy-collectible-card.is-legendary{border-color:rgba(246,119,24,.22);background:radial-gradient(circle at 8% 24%,rgba(246,77,0,.055),transparent 28%),#0b141d}.hvy-collectible-card.is-equipped{box-shadow:inset 0 0 0 1px rgba(21,201,115,.16)}.hvy-collectible-icon{display:flex;flex-direction:column;align-items:center;gap:5px}.hvy-collectible-icon>span{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:linear-gradient(145deg,#17232d,#101820);font-size:21px}.hvy-collectible-icon>em{color:#65727c;font-size:5.6px;font-style:normal;font-weight:950;letter-spacing:.08em}.hvy-collectible-copy small{display:block;color:#6a7781;font-size:5.9px;font-weight:950;letter-spacing:.08em}.hvy-collectible-copy h3{margin:3px 0 3px!important;color:#dfe6e9;font-size:9px!important;font-weight:950}.hvy-collectible-copy p{margin:0!important;color:#66737d;font-size:6.6px;line-height:1.55}.hvy-collectible-foot{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:7px;padding-top:7px;border-top:1px solid rgba(255,255,255,.045)}.hvy-collectible-foot>span{color:#66737d;font-size:6.4px}.hvy-collectible-foot button{min-height:27px;padding:0 9px;border:1px solid rgba(246,77,0,.18);border-radius:8px;background:rgba(246,77,0,.07);color:#ff8425;font-size:6.5px;font-weight:950;cursor:pointer}.hvy-collectible-foot button.is-equipped{border-color:rgba(21,201,115,.16);background:rgba(21,201,115,.06);color:#61d99b}.hvy-collectible-foot button:disabled{cursor:default}.hvy-collection-empty{grid-column:1/-1;padding:18px;border-radius:12px;background:#0b141d;color:#66737d;font-size:8px;text-align:center}.hvy-collection-toast{position:fixed;z-index:100040;right:20px;bottom:92px;max-width:min(360px,calc(100vw - 40px));padding:10px 13px;border-radius:11px;background:#14231c;border:1px solid rgba(21,201,115,.22);color:#8ce2b3;font-size:8px;font-weight:850;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s ease}.hvy-collection-toast.is-visible{opacity:1;transform:none}.hvy-collection-toast.is-error{background:#27151a;border-color:rgba(238,24,68,.24);color:#ef93a7}.hvy-loadout-slot button.is-loading,.hvy-collectible-foot button.is-loading{opacity:.55;pointer-events:none}
@media (max-width:1100px){.hvy-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hvy-identity-loadout{grid-template-columns:1fr}}
@media (max-width:760px){.hvy-collection-vault{padding:14px}.hvy-gamer-identity-card{grid-template-columns:58px minmax(0,1fr);min-height:104px}.hvy-gamer-frame{width:56px;height:56px}.hvy-gamer-avatar{width:42px;height:42px}.hvy-gamer-featured-badge{grid-column:1/-1;min-width:0}.hvy-loadout-slots{grid-template-columns:1fr 1fr}.hvy-collection-toolbar{align-items:flex-start;flex-direction:column}.hvy-collection-filters{width:100%;overflow-x:auto;flex-wrap:nowrap}.hvy-collection-filters button{white-space:nowrap}.hvy-collection-grid{grid-template-columns:1fr}}
@media (max-width:480px){.hvy-loadout-slots{grid-template-columns:1fr}.hvy-collectible-card{min-height:102px}}
@media (prefers-reduced-motion:reduce){.hvy-collection-toast{transition-duration:.01ms!important}}


/* v0.2.90 — Unified Community Events */
.hvy-community-events-section{position:relative;overflow:hidden;margin-top:10px;padding:18px;border-radius:18px!important;background:radial-gradient(circle at 8% 0,rgba(125,67,157,.11),transparent 28%),radial-gradient(circle at 92% 8%,rgba(246,77,0,.08),transparent 26%),linear-gradient(145deg,rgba(15,24,34,.98),rgba(8,16,25,.99))!important;border-color:rgba(151,82,184,.13)!important}.hvy-community-events-section:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(112deg,transparent 0 65%,rgba(246,77,0,.024) 65% 67%,transparent 67%)}.hvy-community-events-head,.hvy-community-events-summary,.hvy-community-bucket{position:relative;z-index:1}.hvy-community-events-head>div small{color:#9c6cb2;letter-spacing:.12em}.hvy-community-events-head>span{display:flex;align-items:center;gap:6px;color:#687680;font-size:7px}.hvy-community-events-head>span i{width:6px;height:6px;border-radius:50%;background:#15c973;box-shadow:0 0 12px rgba(21,201,115,.45)}.hvy-community-events-summary{display:grid;grid-template-columns:90px 90px minmax(0,1fr);gap:7px;margin-bottom:13px}.hvy-community-events-summary>div{display:grid;place-content:center;min-height:58px;text-align:center;border-radius:12px;background:#0a131c;border:1px solid rgba(255,255,255,.055)}.hvy-community-events-summary small{color:#65727b;font-size:5.7px;font-weight:950;letter-spacing:.08em}.hvy-community-events-summary b{margin-top:3px;color:#c783df;font-size:13px}.hvy-community-events-summary p{margin:0;padding:9px 12px;display:flex;align-items:center;border-radius:12px;background:rgba(246,77,0,.035);border:1px solid rgba(246,77,0,.07);color:#77848e;font-size:7px;line-height:1.9}.hvy-community-bucket{margin-top:11px}.hvy-community-bucket-title{display:flex;align-items:center;gap:7px;margin-bottom:6px;color:#727f88;font-size:6px;font-weight:950;letter-spacing:.1em}.hvy-community-bucket-title i{height:1px;flex:1;background:linear-gradient(90deg,rgba(151,82,184,.22),transparent)}.hvy-community-event-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hvy-community-event-card{position:relative;padding:12px;border-radius:15px;background:linear-gradient(150deg,#0c1620,#09121a);border:1px solid rgba(255,255,255,.06);overflow:hidden}.hvy-community-event-card.is-legendary{border-color:rgba(246,119,24,.18);box-shadow:inset 0 0 30px rgba(246,77,0,.02)}.hvy-community-event-card.is-epic{border-color:rgba(163,84,193,.2)}.hvy-community-event-top{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:9px;align-items:center}.hvy-community-event-top>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#17232d,#101820);font-size:19px}.hvy-community-event-top small{display:block;color:#8d63a2;font-size:6.2px;font-weight:950;letter-spacing:.1em}.hvy-community-event-top h3{margin:3px 0 0!important;color:#e5ebee;font-size:10px!important;font-weight:950}.hvy-community-event-top>em{padding:4px 6px;border-radius:7px;background:rgba(21,201,115,.07);color:#59cf90;font-size:5.7px;font-style:normal;font-weight:950}.hvy-community-event-card.is-upcoming .hvy-community-event-top>em{background:rgba(255,255,255,.04);color:#77848d}.hvy-community-event-card>p{min-height:31px;margin:8px 0!important;color:#6e7b84;font-size:6.8px;line-height:1.75}.hvy-community-global-progress{padding:9px;border-radius:11px;background:#09131c;border:1px solid rgba(255,255,255,.045)}.hvy-community-global-progress>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.hvy-community-global-progress>div span{color:#697680;font-size:6.1px;font-weight:900}.hvy-community-global-progress>div b{color:#d5dde1;font-size:7px}.hvy-community-global-progress>span{display:block;height:5px;margin:6px 0 4px;border-radius:999px;background:#131d26;overflow:hidden}.hvy-community-global-progress>span i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7d439d,#f64d00);box-shadow:0 0 12px rgba(246,77,0,.13)}.hvy-community-global-progress>small{color:#596671;font-size:5.8px}.hvy-community-personal{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:7px 0}.hvy-community-personal span small{display:block;color:#5e6c76;font-size:5.8px}.hvy-community-personal span b{display:block;margin-top:2px;color:#bd8bd2;font-size:7.5px}.hvy-community-personal>em{padding:4px 6px;border-radius:7px;background:rgba(238,24,68,.05);color:#a96977;font-size:5.7px;font-style:normal;font-weight:950}.hvy-community-personal>em.is-qualified{background:rgba(21,201,115,.06);color:#61d99b}.hvy-community-factions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-bottom:8px}.hvy-community-factions span{display:grid;grid-template-columns:18px minmax(0,1fr);gap:4px;align-items:center;padding:5px 6px;border-radius:9px;background:#0a141d;border:1px solid rgba(255,255,255,.045)}.hvy-community-factions i{grid-row:1/3;font-style:normal;font-size:12px}.hvy-community-factions b{overflow:hidden;color:#8e9aa2;font-size:5.7px;white-space:nowrap;text-overflow:ellipsis}.hvy-community-factions em{color:#c47fde;font-size:6px;font-style:normal}.hvy-community-milestones{display:grid;gap:5px}.hvy-community-milestone{display:grid;grid-template-columns:90px minmax(0,1fr) auto;gap:7px;align-items:center;padding:7px;border-radius:10px;background:#09131c;border:1px solid rgba(255,255,255,.045);opacity:.58}.hvy-community-milestone.is-unlocked{opacity:1;border-color:rgba(246,77,0,.12)}.hvy-community-milestone.is-claimed{border-color:rgba(21,201,115,.13);background:rgba(21,201,115,.025)}.hvy-community-milestone>span{display:flex;align-items:center;gap:5px}.hvy-community-milestone>span b{display:grid;place-items:center;min-width:30px;height:24px;border-radius:7px;background:rgba(125,67,157,.09);color:#bf80d8;font-size:6px}.hvy-community-milestone>span small{color:#7d8991;font-size:5.8px}.hvy-community-milestone>div{display:flex;gap:4px;flex-wrap:wrap}.hvy-community-milestone>div em{padding:3px 5px;border-radius:6px;background:#111b24;color:#89959c;font-size:5.5px;font-style:normal}.hvy-community-milestone button{min-height:25px;padding:0 8px;border:1px solid rgba(246,77,0,.17);border-radius:7px;background:rgba(246,77,0,.07);color:#ff8425;font-size:5.8px;font-weight:950;cursor:pointer}.hvy-community-milestone button:disabled{cursor:default;color:#687680;border-color:rgba(255,255,255,.055);background:#101820}.hvy-community-top{margin-top:7px;padding-top:7px;border-top:1px solid rgba(255,255,255,.045)}.hvy-community-top>small{display:block;margin-bottom:4px;color:#5f6d77;font-size:5.7px;font-weight:950;letter-spacing:.08em}.hvy-community-top>span{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:5px;align-items:center;padding:3px 0}.hvy-community-top i{color:#7d8991;font-size:5.7px;font-style:normal}.hvy-community-top b{color:#919da5;font-size:6.1px}.hvy-community-top em{color:#c380dd;font-size:6px;font-style:normal}.hvy-community-event-foot{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:7px;padding-top:7px;border-top:1px solid rgba(255,255,255,.045);color:#65727c;font-size:5.8px}.hvy-community-event-foot>b{color:#f17b34;font-size:6.3px}.hvy-community-event-toast{position:fixed;z-index:100045;right:20px;bottom:92px;max-width:min(360px,calc(100vw - 40px));padding:10px 13px;border-radius:11px;background:#14231c;border:1px solid rgba(21,201,115,.22);color:#8ce2b3;font-size:8px;font-weight:850;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s ease}.hvy-community-event-toast.is-visible{opacity:1;transform:none}.hvy-community-event-toast.is-error{background:#27151a;border-color:rgba(238,24,68,.24);color:#ef93a7}.hvy-community-milestone button.is-loading{opacity:.55;pointer-events:none}
@media (max-width:760px){.hvy-community-events-section{padding:14px}.hvy-community-events-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.hvy-community-events-summary p{grid-column:1/-1}.hvy-community-event-grid{grid-template-columns:1fr}.hvy-community-event-card>p{min-height:0}.hvy-community-milestone{grid-template-columns:78px minmax(0,1fr)}.hvy-community-milestone>button{grid-column:1/-1;width:100%}.hvy-community-event-foot{align-items:flex-start;flex-direction:column}.hvy-community-factions{grid-template-columns:1fr 1fr 1fr}}

/* v0.2.91 — Shareable Gamer Cards */
.hvy-share-studio{position:relative;overflow:hidden;margin-top:22px;padding:24px;border:1px solid rgba(255,255,255,.075);background:radial-gradient(circle at 85% 15%,rgba(246,77,0,.12),transparent 34%),radial-gradient(circle at 12% 88%,rgba(124,77,255,.1),transparent 35%),rgba(8,16,25,.72)}
.hvy-share-head>span{display:flex;align-items:center;gap:8px;color:#aeb9c5;font-size:12px}.hvy-share-head>span i{width:7px;height:7px;border-radius:50%;background:#15c973;box-shadow:0 0 15px rgba(21,201,115,.65)}
.hvy-share-layout{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:22px;align-items:start}.hvy-share-controls{display:grid;gap:16px}.hvy-share-type-tabs,.hvy-share-format-tabs{display:flex;flex-wrap:wrap;gap:8px}.hvy-share-type-tabs button,.hvy-share-format-tabs button{min-height:38px;padding:0 14px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:rgba(255,255,255,.035);color:#aeb9c5;font:inherit;font-size:12px;cursor:pointer;transition:.2s ease}.hvy-share-type-tabs button:hover:not(:disabled),.hvy-share-format-tabs button:hover{border-color:rgba(246,77,0,.42);color:#fff}.hvy-share-type-tabs button.is-active,.hvy-share-format-tabs button.is-active{color:#fff;border-color:rgba(246,77,0,.5);background:rgba(246,77,0,.13);box-shadow:inset 0 0 0 1px rgba(246,77,0,.08)}.hvy-share-type-tabs button:disabled{opacity:.35;cursor:not-allowed}.hvy-share-format-tabs{align-items:center}.hvy-share-format-tabs small{width:100%;color:#687889;font-size:10px;letter-spacing:.13em}.hvy-share-privacy-note{display:flex;gap:11px;padding:13px;border:1px solid rgba(21,201,115,.16);border-radius:14px;background:rgba(21,201,115,.05)}.hvy-share-privacy-note>span{color:#15c973}.hvy-share-privacy-note p{margin:0;display:grid;gap:4px}.hvy-share-privacy-note b{color:#dfe8ef;font-size:12px}.hvy-share-privacy-note small{color:#81909f;font-size:11px;line-height:1.8}.hvy-share-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hvy-share-actions button{min-height:42px;border-radius:11px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.045);color:#d9e1e8;font:inherit;font-size:12px;cursor:pointer}.hvy-share-actions button.is-primary{grid-column:1/-1;border-color:#f64d00;background:#f64d00;color:#fff;font-weight:700;box-shadow:0 10px 30px rgba(246,77,0,.2)}
.hvy-share-preview-wrap{min-width:0}.hvy-share-preview{aspect-ratio:1200/630;position:relative;overflow:hidden;border-radius:24px;padding:24px;background:radial-gradient(circle at 84% 18%,rgba(246,77,0,.22),transparent 30%),radial-gradient(circle at 14% 88%,rgba(124,77,255,.18),transparent 33%),linear-gradient(135deg,#07111b,#0a1520 56%,#111026);border:1px solid rgba(246,77,0,.28);box-shadow:0 24px 65px rgba(0,0,0,.28);display:grid;grid-template-columns:92px 1fr;grid-template-rows:auto 1fr auto auto;gap:10px 18px;direction:ltr}.hvy-share-preview.is-square{aspect-ratio:1/1;max-width:560px;margin-inline:auto;grid-template-columns:98px 1fr;grid-template-rows:auto auto 1fr auto auto}.hvy-share-preview:before{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.055);border-radius:18px;pointer-events:none}.hvy-share-preview-brand{grid-column:1/-1;display:flex;align-items:baseline;gap:10px;z-index:1}.hvy-share-preview-brand b{font-size:22px;letter-spacing:.05em;color:#f64d00}.hvy-share-preview-brand small{color:#7f8c99;font-size:9px;letter-spacing:.13em}.hvy-share-preview-icon{align-self:center;justify-self:center;z-index:1;font-size:56px;filter:drop-shadow(0 8px 15px rgba(0,0,0,.28))}.hvy-share-preview-copy{align-self:center;z-index:1;direction:rtl;text-align:right;min-width:0}.hvy-share-preview-copy small{color:#f64d00;font-size:9px;letter-spacing:.12em}.hvy-share-preview-copy h3{margin:5px 0 2px;color:#f5f8fa;font-size:28px;line-height:1.25}.hvy-share-preview-copy p{margin:0;color:#9ba9b6;font-size:13px}.hvy-share-preview-stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;z-index:1;direction:rtl}.hvy-share-preview-stats>span{min-width:0;padding:9px 11px;border-radius:13px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.035);display:grid;gap:3px;text-align:center}.hvy-share-preview-stats small{color:#758696;font-size:8px;letter-spacing:.08em}.hvy-share-preview-stats b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#edf3f7;font-size:12px}.hvy-share-preview-badge{grid-column:1/-1;display:flex;align-items:center;gap:10px;z-index:1;padding:8px 11px;border-radius:13px;border:1px solid rgba(246,77,0,.2);background:rgba(246,77,0,.065);direction:ltr}.hvy-share-preview-badge i{font-style:normal;font-size:25px}.hvy-share-preview-badge span{display:grid;direction:rtl;text-align:right}.hvy-share-preview-badge small{color:#f64d00;font-size:7px;letter-spacing:.12em}.hvy-share-preview-badge b{color:#edf3f7;font-size:10px}.hvy-share-preview footer{grid-column:1/-1;display:flex;justify-content:space-between;color:#667685;font-size:8px;letter-spacing:.08em;z-index:1}.hvy-share-render-note{display:block;margin-top:9px;color:#697987;font-size:10px;text-align:center}.hvy-share-toast{position:absolute;inset:auto 24px 18px 24px;z-index:7;padding:10px 14px;border-radius:11px;background:#10251d;color:#82e5b4;font-size:11px;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s ease}.hvy-share-toast.is-visible{opacity:1;transform:none}.hvy-share-toast.is-error{background:#2a1117;color:#ff94aa}.hvy-collectible-actions{display:flex;align-items:center;gap:6px}.hvy-collectible-share{background:rgba(124,77,255,.08)!important;border-color:rgba(124,77,255,.18)!important;color:#bea9ff!important}
@media(max-width:900px){.hvy-share-layout{grid-template-columns:1fr}.hvy-share-controls{order:2}.hvy-share-preview-wrap{order:1}.hvy-share-preview{max-width:650px;margin-inline:auto}}
@media(max-width:560px){.hvy-share-studio{padding:16px}.hvy-share-preview{padding:17px;border-radius:18px;grid-template-columns:64px 1fr;gap:7px 10px}.hvy-share-preview-icon{font-size:40px}.hvy-share-preview-copy h3{font-size:20px}.hvy-share-preview-copy p{font-size:10px}.hvy-share-preview-brand b{font-size:17px}.hvy-share-preview-brand small{font-size:7px}.hvy-share-preview-stats>span{padding:7px}.hvy-share-preview-stats b{font-size:10px}.hvy-share-actions{grid-template-columns:1fr}.hvy-share-actions button.is-primary{grid-column:auto}.hvy-share-type-tabs button,.hvy-share-format-tabs button{flex:1;min-width:110px}.hvy-collectible-foot{align-items:flex-start}.hvy-collectible-actions{flex-wrap:wrap;justify-content:flex-end}}

/* =========================================================
   v0.2.92 — Live Ops Calendar + Season 02
   ========================================================= */
.hvy-live-ops-calendar{position:relative;overflow:hidden;margin-top:18px;padding:18px;border-radius:18px!important;background:radial-gradient(circle at 88% 10%,rgba(246,77,0,.08),transparent 30%),linear-gradient(155deg,rgba(13,21,30,.99),rgba(8,16,25,.99))!important}.hvy-live-ops-head>span{display:flex;align-items:center;gap:6px;color:#71808b;font-size:7px}.hvy-live-ops-head>span i{width:6px;height:6px;border-radius:999px;background:#15c973;box-shadow:0 0 12px rgba(21,201,115,.5)}.hvy-live-ops-summary{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:10px;align-items:center;margin:10px 0;padding:10px;border-radius:12px;background:#0a141d;border:1px solid rgba(255,255,255,.05)}.hvy-live-ops-summary>div{display:grid;gap:2px}.hvy-live-ops-summary small{color:#64727d;font-size:5.8px;font-weight:950;letter-spacing:.08em}.hvy-live-ops-summary b{color:#c5ced4;font-size:7.5px}.hvy-live-ops-summary p{margin:0!important;color:#6f7d87;font-size:7px;line-height:1.7}.hvy-live-ops-summary a{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 10px;border-radius:9px;background:rgba(246,77,0,.08);border:1px solid rgba(246,77,0,.16);color:#ef8748!important;font-size:6.6px;font-weight:900;white-space:nowrap}.hvy-live-ops-list{display:grid;gap:6px}.hvy-live-ops-row{display:grid;grid-template-columns:64px 40px minmax(0,1fr) auto;gap:9px;align-items:center;min-height:62px;padding:8px 10px;border-radius:12px;background:#0b141d;border:1px solid rgba(255,255,255,.05)}.hvy-live-ops-row.is-active{border-color:rgba(21,201,115,.18);background:linear-gradient(90deg,rgba(21,201,115,.035),#0b141d)}.hvy-live-ops-row.is-season{border-color:rgba(168,76,207,.15)}.hvy-live-ops-row.is-timed .hvy-live-ops-icon{color:#ff8425}.hvy-live-ops-row.is-community .hvy-live-ops-icon{color:#c27add}.hvy-live-ops-date{display:grid;gap:2px;text-align:center}.hvy-live-ops-date small{color:#65727d;font-size:5.4px;font-weight:900}.hvy-live-ops-date b{color:#d2d9de;font-size:7px}.hvy-live-ops-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#111c26;font-size:18px}.hvy-live-ops-copy{min-width:0}.hvy-live-ops-copy small{display:block;color:#6b7780;font-size:5.4px;font-weight:950;letter-spacing:.08em}.hvy-live-ops-copy h3{margin:2px 0!important;color:#dce3e7;font-size:8.5px!important;font-weight:950}.hvy-live-ops-copy p{margin:0!important;color:#63717b;font-size:5.9px;direction:ltr;text-align:right}.hvy-live-ops-row>em{padding:4px 7px;border-radius:7px;background:rgba(255,255,255,.035);color:#697780;font-size:5.5px;font-style:normal;font-weight:950}.hvy-live-ops-row.is-active>em{background:rgba(21,201,115,.07);color:#62d99c}.hvy-live-ops-empty{padding:16px;border-radius:11px;background:#0b141d;color:#66747e;font-size:7px;text-align:center}
@media(max-width:760px){.hvy-live-ops-calendar{padding:14px}.hvy-live-ops-summary{grid-template-columns:1fr 1fr}.hvy-live-ops-summary p{grid-column:1/-1}.hvy-live-ops-summary a{justify-content:center}.hvy-live-ops-row{grid-template-columns:52px 34px minmax(0,1fr)}.hvy-live-ops-row>em{grid-column:1/-1;justify-self:stretch;text-align:center}.hvy-live-ops-icon{width:32px;height:32px;font-size:15px}.hvy-live-ops-copy h3{font-size:8px!important}}


/* v0.2.93 — Live Ops Analytics pulse */
.hvy-live-ops-analytics{margin-top:12px;padding:16px;border-radius:17px!important;background:linear-gradient(145deg,rgba(11,21,30,.98),rgba(8,16,25,.99))!important}.hvy-live-ops-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:10px}.hvy-live-ops-kpis>span{display:grid;gap:3px;padding:10px;border-radius:11px;background:#0a141d;border:1px solid rgba(255,255,255,.05)}.hvy-live-ops-kpis small{color:#677680;font-size:5.5px;font-weight:950;letter-spacing:.08em}.hvy-live-ops-kpis b{color:#dbe3e7;font-size:13px;font-weight:950}.hvy-live-ops-builder-link{display:inline-flex;align-items:center;gap:7px;margin-top:10px;padding:8px 11px;border-radius:9px;background:rgba(246,77,0,.08);border:1px solid rgba(246,77,0,.16);color:#ef8748!important;font-size:6.8px;font-weight:950}.hvy-live-ops-builder-link:hover{transform:none!important;background:rgba(246,77,0,.13)}
@media(max-width:760px){.hvy-live-ops-kpis{grid-template-columns:1fr 1fr}.hvy-live-ops-analytics{padding:13px}.hvy-live-ops-builder-link{width:100%;justify-content:center}}


/* v0.2.94 — Lifecycle Automation + annual Season cleanup */
.hvy-lifecycle-alerts{margin:18px 0;padding:18px 20px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(135deg,rgba(246,77,0,.07),rgba(99,61,190,.05)),rgba(10,18,28,.78)}
.hvy-lifecycle-alerts-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:13px}.hvy-lifecycle-alerts-head small{display:block;color:#f64d00;font-size:10px;font-weight:800;letter-spacing:.08em}.hvy-lifecycle-alerts-head h2{margin:3px 0 0;font-size:19px}.hvy-lifecycle-alerts-head>span{display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.05);font-size:11px;color:rgba(255,255,255,.62)}.hvy-lifecycle-alerts-head>span b{color:#fff;font-size:13px}
.hvy-lifecycle-alerts-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hvy-lifecycle-alert{position:relative;display:grid;grid-template-columns:8px 1fr 28px;gap:11px;align-items:start;min-width:0;padding:13px 12px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);transition:opacity .18s ease,transform .18s ease}.hvy-lifecycle-alert.is-leaving{opacity:0;transform:translateY(-5px)}.hvy-lifecycle-alert-dot{width:7px;height:7px;border-radius:99px;margin-top:7px;background:#f64d00;box-shadow:0 0 16px rgba(246,77,0,.55)}.hvy-lifecycle-alert.is-urgent .hvy-lifecycle-alert-dot{background:#ee1844;box-shadow:0 0 16px rgba(238,24,68,.55)}.hvy-lifecycle-alert.is-high .hvy-lifecycle-alert-dot{background:#f6a700;box-shadow:0 0 16px rgba(246,167,0,.45)}.hvy-lifecycle-alert small{display:block;color:rgba(255,255,255,.43);font-size:9px;font-weight:800;letter-spacing:.06em}.hvy-lifecycle-alert b{display:block;margin-top:2px;font-size:13px;color:#fff}.hvy-lifecycle-alert p{margin:4px 0 0;color:rgba(255,255,255,.62);font-size:11px;line-height:1.8}.hvy-lifecycle-alert button{width:26px;height:26px;border:0;border-radius:50%;background:rgba(255,255,255,.06);color:rgba(255,255,255,.55);cursor:pointer}.hvy-lifecycle-alert button:hover{background:rgba(255,255,255,.11);color:#fff}.hvy-missions-next.is-complete{border-color:rgba(21,201,115,.18)}.hvy-missions-next.is-complete>small{color:#15c973}
@media(max-width:760px){.hvy-lifecycle-alerts{padding:15px}.hvy-lifecycle-alerts-list{grid-template-columns:1fr}.hvy-lifecycle-alerts-head{align-items:flex-start}.hvy-lifecycle-alerts-head h2{font-size:17px}}

/* v0.2.95 — production checkout/cart hardening */
.hvy-cart-qty.is-updating,
[data-hvy-cart-key].is-updating .hvy-cart-qty { opacity:.58; pointer-events:none; }
.hvy-checkout-live .woocommerce-form-login,
.hvy-checkout-live .woocommerce-form-coupon,
.hvy-checkout-live .woocommerce-info,
.hvy-checkout-live .woocommerce-error,
.hvy-checkout-live .woocommerce-message {
  max-width:1180px; margin:0 auto 16px; border:1px solid rgba(255,255,255,.08); border-radius:16px;
  background:rgba(15,25,38,.82); color:#eef4fb; padding:14px 16px;
}
.hvy-checkout-live .woocommerce-form-login input,
.hvy-checkout-live .woocommerce-form-coupon input { background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.1); color:#fff; border-radius:12px; }
.hvy-checkout-live .hvy-live-checkout-form { width:100%; }
.hvy-checkout-live .hvy-live-customer-details { display:grid; gap:16px; }
.hvy-checkout-live .hvy-live-shipping:empty { display:none; }
.hvy-checkout-live .woocommerce-billing-fields > h3,
.hvy-checkout-live .woocommerce-shipping-fields > h3,
.hvy-checkout-live .woocommerce-additional-fields > h3 { color:#fff; font-size:17px; margin:0 0 14px; }
.hvy-checkout-live .woocommerce-billing-fields__field-wrapper,
.hvy-checkout-live .woocommerce-shipping-fields__field-wrapper,
.hvy-checkout-live .woocommerce-additional-fields__field-wrapper { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px 14px; }
.hvy-checkout-live .form-row { float:none !important; width:100% !important; margin:0 !important; padding:0 !important; }
.hvy-checkout-live .form-row.form-row-wide { grid-column:1/-1; }
.hvy-checkout-live .form-row label { display:block; color:#c8d2df; font-size:12px; font-weight:700; margin:0 0 6px; }
.hvy-checkout-live .form-row label .required { color:#f64d00; text-decoration:none; }
.hvy-checkout-live .input-text,
.hvy-checkout-live select,
.hvy-checkout-live .select2-selection { width:100%; min-height:46px; background:rgba(255,255,255,.045) !important; border:1px solid rgba(255,255,255,.09) !important; border-radius:12px !important; color:#f5f7fb !important; box-shadow:none !important; }
.hvy-checkout-live textarea.input-text { min-height:105px; padding:12px; }
.hvy-checkout-live input.input-text { padding:0 12px; }
.hvy-checkout-live .select2-selection__rendered { color:#f5f7fb !important; line-height:44px !important; }
.hvy-checkout-live .select2-selection__arrow { height:44px !important; }
.hvy-checkout-live .hvy-live-order-review { align-self:start; position:sticky; top:24px; overflow:visible; }
.hvy-checkout-live #order_review_heading { display:none; }
.hvy-checkout-live .woocommerce-checkout-review-order-table { width:100%; border:0; border-collapse:collapse; margin:0 0 16px; background:transparent; color:#eef4fb; }
.hvy-checkout-live .woocommerce-checkout-review-order-table th,
.hvy-checkout-live .woocommerce-checkout-review-order-table td { border:0; border-bottom:1px solid rgba(255,255,255,.07); padding:12px 4px; text-align:right; background:transparent; color:#dce6f0; }
.hvy-checkout-live .woocommerce-checkout-review-order-table thead th { color:#8797aa; font-size:11px; text-transform:none; }
.hvy-checkout-live .woocommerce-checkout-review-order-table .product-total,
.hvy-checkout-live .woocommerce-checkout-review-order-table tfoot td { text-align:left; color:#fff; }
.hvy-checkout-live .woocommerce-checkout-review-order-table .order-total th,
.hvy-checkout-live .woocommerce-checkout-review-order-table .order-total td { border-bottom:0; padding-top:18px; font-size:16px; }
.hvy-checkout-live .woocommerce-checkout-review-order-table .order-total .amount { color:#15c973; font-size:20px; font-weight:900; }
.hvy-checkout-live #payment { background:transparent; border:0; color:#eef4fb; }
.hvy-checkout-live #payment ul.payment_methods { list-style:none; margin:14px 0 0; padding:0; border:0; }
.hvy-checkout-live #payment ul.payment_methods > li { margin:0 0 10px; padding:13px 14px; border:1px solid rgba(255,255,255,.08); border-radius:14px; background:rgba(255,255,255,.035); }
.hvy-checkout-live #payment ul.payment_methods > li:has(input:checked) { border-color:rgba(246,77,0,.72); box-shadow:0 0 0 1px rgba(246,77,0,.18),0 10px 28px rgba(246,77,0,.08); }
.hvy-checkout-live #payment label { color:#fff; font-weight:800; }
.hvy-checkout-live #payment .payment_box { margin:10px 0 0; padding:11px 12px; border-radius:10px; background:rgba(0,0,0,.18); color:#aebdcb; font-size:12px; }
.hvy-checkout-live #payment .place-order { margin:16px 0 0; padding:0; }
.hvy-checkout-live #payment #place_order { width:100%; min-height:52px; border:0; border-radius:14px; background:#f64d00; color:#fff; font:inherit; font-weight:900; cursor:pointer; box-shadow:0 12px 34px rgba(246,77,0,.24); }
.hvy-checkout-live #payment #place_order:hover { filter:brightness(1.06); transform:none; }
.hvy-checkout-live .woocommerce-privacy-policy-text,
.hvy-checkout-live .woocommerce-terms-and-conditions-wrapper { color:#8494a7; font-size:11px; line-height:1.8; }
.hvy-checkout-live .hvy-checkout-carrot-use .hvy-cart-reward-club-link { display:inline-flex; margin-top:10px; }
@media (max-width: 780px) {
  .hvy-checkout-live .woocommerce-billing-fields__field-wrapper,
  .hvy-checkout-live .woocommerce-shipping-fields__field-wrapper,
  .hvy-checkout-live .woocommerce-additional-fields__field-wrapper { grid-template-columns:1fr; }
  .hvy-checkout-live .form-row.form-row-wide { grid-column:auto; }
  .hvy-checkout-live .hvy-live-order-review { position:static; }
  .hvy-checkout-live #payment .place-order { position:sticky; bottom:calc(72px + env(safe-area-inset-bottom)); z-index:15; background:rgb(8,16,25); padding:8px 0 2px; }
}