/* SniperGames.Store Homepage v28 — isolated namespace, no dependency on old home styles */
body.home{background:#071321!important}
body.home .site-main{max-width:none!important;padding:0!important;margin:0!important}
.sgh28-home{--bg:#071321;--panel:#0b1b2c;--panel2:#0f2237;--line:rgba(94,158,216,.20);--text:#f7f9fd;--muted:#93a6ba;--pink:#ff315f;--cyan:#49d4ff;--green:#48e4a0;position:relative;background:radial-gradient(circle at 8% 0%,rgba(17,122,193,.12),transparent 26%),radial-gradient(circle at 95% 4%,rgba(183,52,136,.10),transparent 24%),#071321;color:var(--text);padding:14px 0 54px;overflow:hidden}
.sgh28-wrap{width:min(1500px,calc(100% - 34px));margin:0 auto}

/* hero */
.sgh28-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:12px}.sgh28-title-row{display:flex;align-items:center;gap:10px}.sgh28-title-row i{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:rgba(255,49,95,.13);font-style:normal;box-shadow:0 0 25px rgba(255,49,95,.20)}.sgh28-section-head h2{margin:0;color:#fff;font:950 26px/1.05 system-ui,sans-serif;letter-spacing:-.035em}.sgh28-section-head p{margin:5px 0 0;color:#8fa5ba;font:650 11px/1.4 system-ui,sans-serif}.sgh28-section-head>a{color:#58d9ff!important;text-decoration:none!important;font:850 10px/1 system-ui,sans-serif;white-space:nowrap}

/* categories */
.sgh28-categories{margin-top:24px}.sgh28-category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.sgh28-category{position:relative;min-height:245px;overflow:hidden;border:1px solid rgba(84,157,214,.24);border-radius:16px;background:#0a1828;color:#fff!important;text-decoration:none!important;box-shadow:0 15px 34px rgba(0,0,0,.16);transition:.2s}.sgh28-category:hover{transform:translateY(-4px);border-color:rgba(80,213,255,.40);box-shadow:0 22px 44px rgba(0,0,0,.24)}.sgh28-category>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.sgh28-category:hover>img{transform:scale(1.035)}.sgh28-category-gradient{position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,12,22,.98) 0,rgba(4,12,22,.88) 29%,rgba(4,12,22,.12) 66%)}.sgh28-category>div{position:absolute;z-index:2;left:14px;right:40px;bottom:13px}.sgh28-category h3{margin:0 0 5px;font:900 18px/1.1 system-ui,sans-serif}.sgh28-category p{margin:0;color:#c0ccd8;font:650 10px/1.4 system-ui,sans-serif}.sgh28-category>b{position:absolute;z-index:3;right:10px;bottom:12px;display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(10,27,44,.90);font:900 13px/1 system-ui,sans-serif}.sgh28-countries{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px}.sgh28-countries span{padding:4px 5px;border:1px solid rgba(255,255,255,.10);border-radius:6px;background:rgba(5,14,24,.74);font:800 7px/1 system-ui,sans-serif}

/* trust and channel */
.sgh28-trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:14px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(90deg,rgba(36,20,49,.72),rgba(9,28,45,.90),rgba(24,17,43,.70));overflow:hidden}.sgh28-trust article{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;padding:13px 15px;border-right:1px solid rgba(255,255,255,.06)}.sgh28-trust article:last-child{border-right:0}.sgh28-trust i{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(36,211,255,.09);font-style:normal;font-size:18px}.sgh28-trust div{display:grid;gap:3px}.sgh28-trust strong{font:850 11px/1.15 system-ui,sans-serif}.sgh28-trust span{color:#8ea0b5;font:650 9px/1.3 system-ui,sans-serif}
.sgh28-channel{display:grid;grid-template-columns:64px minmax(0,1fr) 220px auto;align-items:center;gap:15px;margin-top:15px;padding:14px 18px;border:1px solid rgba(255,49,95,.24);border-radius:17px;background:radial-gradient(circle at 93% 20%,rgba(255,49,95,.15),transparent 28%),linear-gradient(110deg,rgba(23,20,39,.97),rgba(15,22,37,.97));box-shadow:0 18px 40px rgba(0,0,0,.14)}.sgh28-channel>img{width:64px;height:64px;object-fit:cover;border-radius:15px}.sgh28-channel>div>span{color:#ff6388;font:900 9px/1 system-ui,sans-serif;letter-spacing:.11em}.sgh28-channel h2{margin:5px 0 0;font:900 21px/1 system-ui,sans-serif}.sgh28-channel p{margin:6px 0 0;color:#9daec0;font:650 10px/1.4 system-ui,sans-serif}.sgh28-youtube{display:grid!important;grid-template-columns:34px minmax(0,1fr);gap:4px 10px;align-items:center;padding-left:16px;border-left:1px solid rgba(255,255,255,.07)}.sgh28-youtube b{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#ff174f;color:#fff}.sgh28-youtube strong{font:850 12px/1 system-ui,sans-serif}.sgh28-youtube small{color:#899bb0;font:650 9px/1.25 system-ui,sans-serif}.sgh28-channel>a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 15px;border-radius:12px;background:linear-gradient(110deg,#ff315f,#ef2357);color:#fff!important;text-decoration:none!important;font:900 10px/1 system-ui,sans-serif;white-space:nowrap}

/* product rows */

/* ================================================================
   Homepage v30 — readable product cards
   Only lower product rows. Hero/banner styles remain v29.
   ================================================================ */
.sgh28-products-section{margin-top:34px}
.sgh28-products-grid{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:12px;
    align-items:stretch;
}
.sgh30-product{
    min-width:0;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    border:1px solid rgba(83,159,216,.24);
    border-radius:18px;
    background:
        radial-gradient(circle at 100% 100%,rgba(85,43,111,.08),transparent 32%),
        linear-gradient(180deg,#0b1b2b 0%,#091624 100%);
    box-shadow:0 14px 34px rgba(0,0,0,.16);
    transition:transform .22s cubic-bezier(.2,.7,.2,1),border-color .22s ease,box-shadow .22s ease;
}
.sgh30-product:hover{
    transform:translateY(-5px);
    border-color:rgba(66,213,255,.36);
    box-shadow:0 24px 48px rgba(0,0,0,.26),0 0 0 1px rgba(67,213,255,.04) inset;
}
.sgh30-media{
    position:relative;
    display:block;
    aspect-ratio:16/10;
    overflow:hidden;
    background:#050b12;
    text-decoration:none!important;
}
.sgh30-media>img{
    width:100%;
    height:100%;
    object-fit:cover;
    image-rendering:auto;
    transform:scale(1.001);
    transition:transform .42s cubic-bezier(.2,.7,.2,1),filter .32s ease;
}
.sgh30-product:hover .sgh30-media>img{transform:scale(1.045);filter:brightness(.82) saturate(1.07)}
.sgh30-wt-brand{
    position:absolute;
    top:10px;
    left:10px;
    z-index:3;
    min-height:25px;
    display:inline-flex;
    align-items:center;
    padding:0 9px;
    border:1px solid rgba(255,49,95,.48);
    border-radius:8px;
    background:rgba(14,15,25,.87);
    color:#ff5b7f;
    font:900 8px/1 system-ui,sans-serif;
    letter-spacing:.08em;
}
.sgh30-stock{
    position:absolute;
    top:10px;
    right:10px;
    z-index:3;
    display:inline-flex;
    align-items:center;
    min-height:25px;
    padding:0 9px;
    border:1px solid rgba(47,221,154,.38);
    border-radius:999px;
    background:rgba(4,45,35,.91);
    color:#79f3bf;
    font:900 8px/1 system-ui,sans-serif;
}
.sgh30-preview{
    position:absolute;
    z-index:4;
    left:10px;
    right:10px;
    bottom:10px;
    min-height:58px;
    display:grid;
    grid-template-columns:38px minmax(0,1fr) 30px;
    grid-template-rows:auto auto;
    align-items:center;
    column-gap:10px;
    padding:8px 10px;
    border:1px solid rgba(83,205,255,.32);
    border-radius:13px;
    background:rgba(6,20,32,.91);
    box-shadow:0 12px 30px rgba(0,0,0,.28);
    backdrop-filter:blur(12px);
    color:#fff;
    opacity:0;
    transform:translateY(10px) scale(.985);
    transition:opacity .22s ease,transform .26s cubic-bezier(.2,.7,.2,1),border-color .22s ease,background .22s ease;
}
.sgh30-media:hover .sgh30-preview{
    opacity:1;
    transform:none;
    border-color:rgba(79,222,255,.52);
    background:rgba(7,25,40,.96);
}
.sgh30-preview i{
    grid-row:1/3;
    display:grid;
    place-items:center;
    width:38px;
    height:38px;
    border-radius:11px;
    background:linear-gradient(145deg,rgba(52,199,255,.18),rgba(35,109,190,.12));
    color:#79dcff;
    font:900 15px/1 system-ui,sans-serif;
    font-style:normal;
    transition:transform .24s ease;
}
.sgh30-media:hover .sgh30-preview i{transform:scale(1.08)}
.sgh30-preview b{align-self:end;color:#fff;font:900 10px/1.2 system-ui,sans-serif}
.sgh30-preview small{align-self:start;color:#829bb2;font:700 8px/1.2 system-ui,sans-serif}
.sgh30-preview em{
    grid-column:3;
    grid-row:1/3;
    display:grid;
    place-items:center;
    width:30px;height:30px;
    border-radius:9px;
    background:rgba(255,255,255,.06);
    color:#dff7ff;
    font:900 13px/1 system-ui,sans-serif;
    font-style:normal;
    transition:transform .22s ease,background .22s ease;
}
.sgh30-media:hover .sgh30-preview em{transform:translateX(2px);background:rgba(66,207,255,.12)}

.sgh30-body{
    flex:1;
    display:flex;
    flex-direction:column;
    padding:15px 14px 14px;
}
.sgh30-status-row{
    display:flex;
    justify-content:space-between;
    gap:8px;
    min-height:20px;
    margin-bottom:9px;
}
.sgh30-status-row span{
    display:inline-flex;
    align-items:center;
    min-width:0;
    color:#92a5ba;
    font:850 8.5px/1 system-ui,sans-serif;
    white-space:nowrap;
}
.sgh30-status-row .is-delivery{color:#5be7a5}
.sgh30-title{
    display:-webkit-box;
    min-height:44px;
    overflow:hidden;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    color:#fff!important;
    text-decoration:none!important;
    font:900 14px/1.38 system-ui,sans-serif;
    letter-spacing:-.018em;
}
.sgh30-title:hover{color:#87ddff!important}

.sgh30-chips{
    display:flex;
    flex-wrap:wrap;
    align-content:flex-start;
    gap:6px;
    margin-top:12px;
    min-height:62px;
}
.sgh30-chips span{
    max-width:100%;
    min-height:25px;
    display:inline-flex;
    align-items:center;
    padding:0 8px;
    border:1px solid rgba(89,159,217,.22);
    border-radius:999px;
    background:linear-gradient(180deg,#0f2a43,#0c2237);
    color:#c8d9e8;
    font:850 8.5px/1 system-ui,sans-serif;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.sgh30-chips span:first-child{border-color:rgba(60,220,158,.27);background:#09362c;color:#9df1ce}
.sgh30-chips span.is-active{
    flex-basis:auto;
    border-color:rgba(67,220,157,.26);
    background:rgba(7,53,42,.90);
    color:#b4f4da;
}

.sgh30-buyzone{
    margin-top:auto;
    padding-top:13px;
    border-top:1px solid rgba(255,255,255,.065);
}
.sgh30-price{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:10px;
    margin-bottom:11px;
}
.sgh30-price small{
    color:#6f88a1;
    font:900 8px/1 system-ui,sans-serif;
    letter-spacing:.10em;
}
.sgh30-price strong,
.sgh30-price .amount,
.sgh30-price bdi{
    color:#fff!important;
    font:950 20px/1 system-ui,sans-serif!important;
    letter-spacing:-.03em;
}
.sgh30-actions{
    display:grid;
    grid-template-columns:minmax(112px,.85fr) minmax(0,1.5fr);
    gap:9px;
}
.sgh30-actions>a{
    position:relative;
    min-width:0;
    min-height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:0 12px;
    overflow:hidden;
    border-radius:13px;
    text-decoration:none!important;
    font:900 10.5px/1 system-ui,-apple-system,"Segoe UI",sans-serif;
    white-space:nowrap;
    transition:transform .16s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease,filter .2s ease;
}
.sgh30-actions>a:hover{transform:translateY(-2px)}
.sgh30-details{border:1px solid rgba(76,161,224,.30);background:linear-gradient(180deg,#102a42,#0c2237);color:#e5f4ff!important}
.sgh30-details:hover{border-color:rgba(83,204,255,.48);background:linear-gradient(180deg,#173754,#102c46)}
.sgh30-details b,.sgh30-buy b{position:relative;width:19px;height:19px;flex:0 0 19px;display:block;font-size:0!important;line-height:0!important;background:none!important;border:0!important;border-radius:0!important}
.sgh30-details b::before{content:"";position:absolute;inset:2px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2367d2ff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7'/%3E%3Cpath d='M7 7h10v10'/%3E%3C/svg%3E")}
.sgh30-buy{border:1px solid rgba(255,99,133,.40);background:linear-gradient(135deg,#ff315f,#e91e55);color:#fff!important;box-shadow:0 10px 24px rgba(231,30,82,.18)}
.sgh30-buy:hover{filter:brightness(1.06);box-shadow:0 14px 29px rgba(231,30,82,.27)}
.sgh30-buy b::before{content:"";position:absolute;inset:2px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1'/%3E%3Ccircle cx='19' cy='20' r='1'/%3E%3Cpath d='M3 4h2l2.4 10.2a2 2 0 0 0 2 1.6h7.8a2 2 0 0 0 1.9-1.4L21 8H6'/%3E%3C/svg%3E")}
.sgh30-buy.is-login b::before,.sgh30-buy.is-open b::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m13 6 6 6-6 6'/%3E%3C/svg%3E")}
.sgh30-buy span{position:relative;z-index:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sgh30-buy.is-login{background:linear-gradient(135deg,#ff315f,#c72edd)}
.sgh30-buy.is-open{background:linear-gradient(135deg,#1b5278,#213b62);border-color:rgba(74,171,230,.30);box-shadow:none}
.sgh30-buy.is-loading{pointer-events:none;cursor:wait;filter:saturate(.82)}
.sgh30-buy.is-loading b::before{inset:3px;border:2px solid rgba(255,255,255,.32);border-top-color:#fff;border-radius:50%;background:none;animation:sgh30Spin .72s linear infinite}
.sgh30-buy.is-added{background:linear-gradient(135deg,#0d2b31,#10243a)!important;border-color:rgba(58,220,165,.34)!important;color:#dffcf3!important;box-shadow:0 11px 26px rgba(0,0,0,.18)!important}
.sgh30-buy.is-added b::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4 4L19 6'/%3E%3C/svg%3E")}
@keyframes sgh30Spin{to{transform:rotate(360deg)}}

@media(max-width:1260px){
    .sgh28-products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
    .sgh30-title{font-size:15px}
}
@media(max-width:900px){
    .sgh28-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
    .sgh28-products-grid{grid-template-columns:1fr;gap:12px}
    .sgh30-media{aspect-ratio:16/9}
    .sgh30-title{min-height:auto;font-size:15px}
    .sgh30-chips{min-height:0}
    .sgh30-actions{grid-template-columns:110px minmax(0,1fr)}
    .sgh30-actions>a{min-height:46px;font-size:10px}
    .sgh30-price strong,.sgh30-price .amount,.sgh30-price bdi{font-size:22px!important}
}
@media(prefers-reduced-motion:reduce){
    .sgh30-product,.sgh30-media>img,.sgh30-preview,.sgh30-buy::before,.sgh30-actions>a{transition:none!important}
    .sgh30-buy.is-loading b::before{animation-duration:1.2s!important}
}

.sgh28-help{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:26px;padding:18px 20px;border:1px solid rgba(103,104,221,.23);border-radius:17px;background:radial-gradient(circle at 15% 50%,rgba(255,49,95,.11),transparent 26%),linear-gradient(110deg,#16182d,#0d1b30)}.sgh28-help>div{display:flex;align-items:center;gap:14px}.sgh28-help i{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:rgba(255,49,95,.14);font-size:22px;font-style:normal}.sgh28-help h2{margin:0;font:900 21px/1 system-ui,sans-serif}.sgh28-help p{margin:5px 0 0;color:#9eafc1;font:650 10px/1.35 system-ui,sans-serif}.sgh28-help>a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 15px;border:1px solid rgba(111,137,255,.32);border-radius:11px;background:rgba(10,24,42,.72);color:#fff!important;text-decoration:none!important;font:850 10px/1 system-ui,sans-serif}

/* frontend conflict guards: only on home */
body.home .sg-live-stats-v27,body.home .sg-live-stats-auto-v27,body.home .sg-live-stats-after-hero-v29,body.home .sg-live-stats-before-products-v27{display:none!important}
body.home .sg30-hotbar{display:none!important}

@media(max-width:1260px){.sgh28-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sgh28-channel{grid-template-columns:64px minmax(0,1fr) auto}.sgh28-youtube{display:none!important}}
@media(max-width:900px){.sgh28-wrap{width:calc(100% - 22px)}.sgh28-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sgh28-trust{grid-template-columns:1fr 1fr}.sgh28-trust article:nth-child(2){border-right:0}.sgh28-channel{grid-template-columns:56px minmax(0,1fr)}.sgh28-channel>img{width:56px;height:56px}.sgh28-channel>a{grid-column:2;justify-self:start}}
@media(max-width:600px){.sgh28-home{padding-top:10px}.sgh28-wrap{width:calc(100% - 16px)}.sgh28-category-grid{grid-template-columns:1fr 1fr;gap:7px}.sgh28-category{min-height:205px}.sgh28-category h3{font-size:15px}.sgh28-category p{font-size:8px}.sgh28-section-head h2{font-size:21px}.sgh28-section-head p{font-size:9px}.sgh28-trust{grid-template-columns:1fr}.sgh28-trust article{border-right:0;border-bottom:1px solid rgba(255,255,255,.06)}.sgh28-trust article:last-child{border-bottom:0}.sgh28-channel{padding:13px}.sgh28-channel h2{font-size:18px}.sgh28-channel p{font-size:9px}.sgh28-help{align-items:flex-start;flex-direction:column}.sgh28-help>a{width:100%}}
@media(prefers-reduced-motion:reduce){.sgh28-category{transition:none!important}}


/* ================================================================
   SniperGames Homepage v29 — rotating hero
   ================================================================ */
.sgh29-hero{position:relative;min-height:505px;overflow:hidden;border:1px solid rgba(69,151,217,.30);border-radius:24px;background:#05101b;box-shadow:0 24px 70px rgba(0,0,0,.27);isolation:isolate}
.sgh29-slides{position:absolute;inset:0}
.sgh29-slide{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transform:scale(1.012);transition:opacity .72s cubic-bezier(.2,.7,.2,1),transform 1.1s cubic-bezier(.2,.7,.2,1),visibility 0s linear .72s}
.sgh29-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:scale(1);transition-delay:0s;z-index:2}
.sgh29-slide-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;user-select:none;-webkit-user-drag:none}
.sgh29-slide-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,13,23,.99) 0%,rgba(4,13,23,.97) 25%,rgba(4,13,23,.88) 34%,rgba(4,13,23,.40) 52%,rgba(4,13,23,.07) 72%,rgba(4,13,23,.14) 100%),linear-gradient(0deg,rgba(4,13,23,.44),transparent 48%)}
.sgh29-slide-copy{position:relative;z-index:3;width:min(650px,49%);padding:47px 0 62px 44px;opacity:0;transform:translateY(12px);transition:opacity .42s ease .18s,transform .5s cubic-bezier(.2,.7,.2,1) .18s}
.sgh29-slide.is-active .sgh29-slide-copy{opacity:1;transform:none}
.sgh29-kicker{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border:1px solid rgba(75,213,255,.29);border-radius:999px;background:rgba(45,170,230,.08);color:#77dcff;font:900 10px/1 system-ui,sans-serif;letter-spacing:.12em}
.sgh29-hero h1{margin:18px 0 0;color:#fff;font:950 clamp(39px,3.65vw,58px)/.95 system-ui,sans-serif;letter-spacing:-.055em;text-transform:uppercase;text-wrap:balance}
.sgh29-hero h1 em{font-style:normal;background:linear-gradient(90deg,#42d8ff 0,#7ca8ff 35%,#bf79d5 64%,#ff315f 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.sgh29-slide[data-theme="war"] h1 em{background:linear-gradient(90deg,#ffc34a,#ff615e);-webkit-background-clip:text;background-clip:text}
.sgh29-slide[data-theme="services"] h1 em{background:linear-gradient(90deg,#46ddff,#71a4ff,#ef4dd5);-webkit-background-clip:text;background-clip:text}
.sgh29-slide[data-theme="minecraft"] h1 em{background:linear-gradient(90deg,#45f1a3,#8ee66e,#50ccff);-webkit-background-clip:text;background-clip:text}
.sgh29-slide-copy>p{max-width:590px;min-height:46px;margin:18px 0 0;color:#d0d9e4;font:650 13.5px/1.62 system-ui,sans-serif}
.sgh29-hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:22px}
.sgh29-hero-actions a{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 20px;border-radius:13px;text-decoration:none!important;font:900 12px/1 system-ui,sans-serif;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}
.sgh29-btn-primary{background:linear-gradient(110deg,#ff345f,#f02055);color:#fff!important;box-shadow:0 14px 30px rgba(255,49,95,.22)}
.sgh29-btn-ghost{border:1px solid rgba(100,169,223,.28);background:rgba(8,22,37,.78);color:#edf6ff!important}
.sgh29-hero-actions a:hover{transform:translateY(-2px)}
.sgh29-btn-primary:hover{box-shadow:0 17px 35px rgba(255,49,95,.30)}
.sgh29-hero-benefits{display:flex;flex-wrap:wrap;gap:22px;margin-top:20px;color:#a7b8c9;font:750 10px/1.2 system-ui,sans-serif}

.sgh29-account{position:absolute;z-index:8;right:18px;bottom:18px;width:245px;display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;padding:13px;border:1px solid rgba(80,163,220,.28);border-radius:16px;background:rgba(5,16,28,.90);box-shadow:0 16px 38px rgba(0,0,0,.28);backdrop-filter:blur(14px)}
.sgh29-account>i{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:rgba(255,174,0,.10);color:#ffd45f;font:900 15px/1 system-ui,sans-serif;font-style:normal}
.sgh29-account div{display:grid;gap:3px}.sgh29-account strong{font:900 11px/1.2 system-ui,sans-serif}.sgh29-account span{color:#8fa2b8;font:650 9px/1.35 system-ui,sans-serif}
.sgh29-account>a{grid-column:2;justify-self:start;padding:7px 10px;border:1px solid rgba(105,175,228,.22);border-radius:9px;background:#0d2236;color:#e8f6ff!important;text-decoration:none!important;font:850 9px/1 system-ui,sans-serif}

.sgh29-arrow{position:absolute;z-index:10;top:50%;width:40px;height:56px;margin-top:-28px;display:grid;place-items:center;border:1px solid rgba(128,190,236,.24);border-radius:13px;background:rgba(4,14,24,.64);color:#e8f7ff;font:400 30px/1 system-ui,sans-serif;cursor:pointer;opacity:0;transition:opacity .2s ease,transform .2s ease,background .2s ease,border-color .2s ease;backdrop-filter:blur(10px)}
.sgh29-arrow.is-prev{left:14px;transform:translateX(-6px)}.sgh29-arrow.is-next{right:14px;transform:translateX(6px)}
.sgh29-hero:hover .sgh29-arrow,.sgh29-arrow:focus-visible{opacity:1;transform:none}.sgh29-arrow:hover{background:rgba(12,34,54,.92);border-color:rgba(90,211,255,.50)}

.sgh29-slider-ui{position:absolute;z-index:11;left:50%;bottom:15px;display:flex;align-items:center;gap:8px;transform:translateX(-50%);padding:6px 8px;border:1px solid rgba(109,181,231,.17);border-radius:999px;background:rgba(4,14,24,.64);backdrop-filter:blur(11px)}
.sgh29-dots{display:flex;align-items:center;gap:5px}
.sgh29-dot{width:34px;height:16px;padding:0;border:0;background:transparent;cursor:pointer}
.sgh29-dot span{display:block;width:100%;height:3px;overflow:hidden;border-radius:999px;background:rgba(195,221,239,.22);position:relative}
.sgh29-dot span::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,#41d9ff,#8f8bff,#ff315f);transform:scaleX(0);transform-origin:left}
.sgh29-dot.is-active span::after{animation:sgh29Progress 7s linear forwards}.sgh29-hero.is-paused .sgh29-dot.is-active span::after{animation-play-state:paused}
.sgh29-pause{display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.06);color:#b8cad8;font:800 10px/1 system-ui,sans-serif;cursor:pointer}
.sgh29-pause .is-play{display:none}.sgh29-hero.is-paused .sgh29-pause .is-pause{display:none}.sgh29-hero.is-paused .sgh29-pause .is-play{display:inline}
@keyframes sgh29Progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}

@media(max-width:900px){
.sgh29-hero{min-height:690px}
.sgh29-slide-art{object-position:68% center}
.sgh29-slide-shade{background:linear-gradient(0deg,#06111d 0,#06111d 38%,rgba(6,17,29,.88) 60%,rgba(6,17,29,.13) 100%)}
.sgh29-slide-copy{width:auto;padding:325px 22px 142px}
.sgh29-account{left:22px;right:22px;bottom:46px;width:auto}
.sgh29-slider-ui{bottom:13px}
.sgh29-arrow{display:none}
}
@media(max-width:600px){
.sgh29-hero{min-height:755px;border-radius:20px}
.sgh29-slide-art{object-position:67% center}
.sgh29-slide-copy{padding:298px 16px 158px}
.sgh29-hero h1{font-size:35px}
.sgh29-slide-copy>p{font-size:11.5px;min-height:0}
.sgh29-hero-benefits{gap:10px;font-size:8px}
.sgh29-account{left:12px;right:12px;bottom:46px}
.sgh29-dot{width:25px}
}
@media(prefers-reduced-motion:reduce){
.sgh29-slide,.sgh29-slide-copy{transition:none!important}
}


/* ================================================================
   Homepage v31 — interactive lower-page buttons & links
   Scoped to existing homepage classes; no markup changes required.
   ================================================================ */

/* Section text actions: "Смотреть все" / "Все категории" */
.sgh28-section-head>a{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-height:34px;
    padding:0 11px;
    margin:-7px -8px -7px 0;
    overflow:hidden;
    border:1px solid transparent;
    border-radius:10px;
    color:#62ddff!important;
    text-decoration:none!important;
    font:900 10px/1 system-ui,sans-serif;
    white-space:nowrap;
    transition:
        color .2s ease,
        background .2s ease,
        border-color .2s ease,
        box-shadow .22s ease,
        transform .2s cubic-bezier(.2,.7,.2,1);
}
.sgh28-section-head>a::before{
    content:"";
    position:absolute;
    left:10px;
    right:27px;
    bottom:6px;
    height:1px;
    border-radius:999px;
    background:linear-gradient(90deg,transparent,#55dcff 22%,#8ba8ff 70%,transparent);
    transform:scaleX(.18);
    transform-origin:right;
    opacity:.28;
    transition:transform .3s cubic-bezier(.2,.7,.2,1),opacity .2s ease;
}
/* Hide the literal arrow glyph visually by clipping the tail after text is not possible
   without markup changes, so the CSS chevron enhances it instead. */
.sgh28-section-head>a:hover,
.sgh28-section-head>a:focus-visible{
    color:#a9efff!important;
    background:rgba(54,190,244,.075);
    border-color:rgba(82,203,250,.18);
    box-shadow:0 10px 25px rgba(22,160,220,.08);
    transform:translateY(-1px);
    outline:none;
}
.sgh28-section-head>a:hover::before,
.sgh28-section-head>a:focus-visible::before{
    transform:scaleX(1);
    opacity:.78;
}

/* Channel CTA */
.sgh28-channel>a{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    min-height:44px;
    padding:0 17px;
    border:1px solid rgba(255,82,120,.30);
    border-radius:12px;
    background:linear-gradient(110deg,#ff315f 0%,#ef2357 70%,#d92e76 100%);
    box-shadow:0 10px 24px rgba(255,49,95,.13);
    color:#fff!important;
    text-decoration:none!important;
    font:900 10px/1 system-ui,sans-serif;
    white-space:nowrap;
    transform:translateZ(0);
    transition:
        transform .2s cubic-bezier(.2,.7,.2,1),
        box-shadow .22s ease,
        border-color .22s ease,
        filter .22s ease;
}
.sgh28-channel>a::before{
    content:"";
    position:absolute;
    z-index:-1;
    top:-120%;
    left:-42%;
    width:30%;
    height:340%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent);
    transform:rotate(18deg);
    transition:left .58s cubic-bezier(.2,.7,.2,1);
}
.sgh28-channel>a::after{
    content:"";
    position:absolute;
    z-index:-2;
    inset:0;
    border-radius:inherit;
    background:radial-gradient(circle at 72% 50%,rgba(255,255,255,.12),transparent 35%);
    opacity:0;
    transition:opacity .2s ease;
}
.sgh28-channel>a:hover,
.sgh28-channel>a:focus-visible{
    transform:translateY(-3px) scale(1.012);
    border-color:rgba(255,132,158,.55);
    box-shadow:0 16px 34px rgba(255,49,95,.24),0 0 0 1px rgba(255,255,255,.025) inset;
    filter:saturate(1.07);
    outline:none;
}
.sgh28-channel>a:hover::before,
.sgh28-channel>a:focus-visible::before{left:118%}
.sgh28-channel>a:hover::after,
.sgh28-channel>a:focus-visible::after{opacity:1}
.sgh28-channel>a:active{
    transform:translateY(0) scale(.985);
    box-shadow:0 7px 18px rgba(255,49,95,.17);
}

/* Support CTA */
.sgh28-help>a{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    min-height:44px;
    padding:0 17px;
    border:1px solid rgba(104,165,255,.35);
    border-radius:12px;
    background:
        linear-gradient(110deg,rgba(10,29,50,.94),rgba(18,29,62,.94));
    box-shadow:0 9px 22px rgba(20,83,158,.08);
    color:#fff!important;
    text-decoration:none!important;
    font:900 10px/1 system-ui,sans-serif;
    transition:
        transform .2s cubic-bezier(.2,.7,.2,1),
        border-color .22s ease,
        box-shadow .22s ease,
        background .22s ease;
}
.sgh28-help>a::before{
    content:"";
    position:absolute;
    z-index:-1;
    inset:-1px;
    border-radius:inherit;
    background:linear-gradient(100deg,rgba(55,202,255,.17),transparent 38%,rgba(152,92,255,.15));
    opacity:0;
    transition:opacity .22s ease;
}
.sgh28-help>a:hover,
.sgh28-help>a:focus-visible{
    transform:translateY(-3px);
    border-color:rgba(88,211,255,.55);
    background:linear-gradient(110deg,rgba(10,35,58,.98),rgba(29,31,77,.98));
    box-shadow:0 15px 31px rgba(37,120,201,.14),0 0 22px rgba(96,72,255,.06);
    outline:none;
}
.sgh28-help>a:hover::before,
.sgh28-help>a:focus-visible::before{opacity:1}
.sgh28-help>a:active{
    transform:translateY(0) scale(.985);
}

/* Category cards: animate their arrow button */
.sgh28-category>b{
    transition:
        transform .22s cubic-bezier(.2,.7,.2,1),
        background .22s ease,
        border-color .22s ease,
        color .22s ease,
        box-shadow .22s ease!important;
}
.sgh28-category:hover>b{
    transform:translateX(3px) scale(1.07);
    border-color:rgba(88,213,255,.36);
    background:linear-gradient(145deg,#113551,#0d2942);
    color:#8ee8ff;
    box-shadow:0 8px 18px rgba(22,142,201,.15);
}

/* Trust strip: subtle response instead of static boxes */
.sgh28-trust article{
    position:relative;
    overflow:hidden;
    transition:
        transform .2s cubic-bezier(.2,.7,.2,1),
        background .22s ease,
        box-shadow .22s ease;
}
.sgh28-trust article::after{
    content:"";
    position:absolute;
    top:-30%;
    left:-22%;
    width:18%;
    height:160%;
    transform:rotate(18deg);
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.045),transparent);
    opacity:0;
    transition:left .5s ease,opacity .2s ease;
    pointer-events:none;
}
.sgh28-trust article:hover{
    transform:translateY(-2px);
    background:rgba(17,37,60,.54);
    box-shadow:0 10px 24px rgba(0,0,0,.10);
}
.sgh28-trust article:hover::after{
    left:112%;
    opacity:1;
}
.sgh28-trust article i{
    transition:transform .24s cubic-bezier(.2,.7,.2,1),filter .2s ease;
}
.sgh28-trust article:hover i{
    transform:scale(1.08) rotate(-3deg);
    filter:brightness(1.09);
}

/* Channel block itself gently reacts */
.sgh28-channel{
    transition:border-color .22s ease,box-shadow .22s ease,transform .22s cubic-bezier(.2,.7,.2,1);
}
.sgh28-channel:hover{
    border-color:rgba(255,72,112,.34);
    box-shadow:0 23px 48px rgba(0,0,0,.18),0 0 34px rgba(255,49,95,.035);
}
.sgh28-channel>img{
    transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .25s ease;
}
.sgh28-channel:hover>img{
    transform:scale(1.045) rotate(-1deg);
    box-shadow:0 10px 24px rgba(0,0,0,.20);
}
.sgh28-youtube b{
    transition:transform .22s ease,box-shadow .22s ease;
}
.sgh28-channel:hover .sgh28-youtube b{
    transform:scale(1.08);
    box-shadow:0 8px 19px rgba(255,23,79,.22);
}

/* Help block gentle reaction */
.sgh28-help{
    transition:border-color .22s ease,box-shadow .22s ease,transform .22s cubic-bezier(.2,.7,.2,1);
}
.sgh28-help:hover{
    border-color:rgba(111,121,235,.31);
    box-shadow:0 18px 42px rgba(0,0,0,.12);
}
.sgh28-help i{
    transition:transform .25s cubic-bezier(.2,.7,.2,1),filter .2s ease;
}
.sgh28-help:hover i{
    transform:scale(1.08) rotate(-4deg);
    filter:brightness(1.08);
}

/* Keyboard clarity */
.sgh28-section-head>a:focus-visible,
.sgh28-channel>a:focus-visible,
.sgh28-help>a:focus-visible{
    box-shadow:0 0 0 3px rgba(82,205,255,.12),0 12px 30px rgba(0,0,0,.14);
}

/* Touch devices: no sticky hover effects */
@media(hover:none){
    .sgh28-section-head>a:hover,
    .sgh28-channel>a:hover,
    .sgh28-help>a:hover,
    .sgh28-trust article:hover,
    .sgh28-channel:hover,
    .sgh28-help:hover{
        transform:none;
    }
}

/* Respect reduced motion */
@media(prefers-reduced-motion:reduce){
    .sgh28-section-head>a,
    .sgh28-section-head>a::before,
    .sgh28-channel,
    .sgh28-channel>a,
    .sgh28-channel>a::before,
    .sgh28-channel>a::after,
    .sgh28-channel>img,
    .sgh28-youtube b,
    .sgh28-help,
    .sgh28-help>a,
    .sgh28-help>a::before,
    .sgh28-help i,
    .sgh28-category>b,
    .sgh28-trust article,
    .sgh28-trust article::after,
    .sgh28-trust article i{
        transition:none!important;
        animation:none!important;
    }
}

/* v31.1 — keep only the arrow already present in link text */
.sgh28-section-head>a:hover,
.sgh28-section-head>a:focus-visible{
    letter-spacing:.01em;
}
.sgh28-help>a:hover,
.sgh28-help>a:focus-visible,
.sgh28-channel>a:hover,
.sgh28-channel>a:focus-visible{
    letter-spacing:.008em;
}


/* ================================================================
   Homepage v33 — War Thunder rank / price strip
   ================================================================ */
.sgh33-wt-section{position:relative}
.sgh33-wt-head{margin-bottom:10px}
.sgh33-wt-icon{overflow:hidden!important;background:linear-gradient(145deg,#0c3149,#102642)!important;border:1px solid rgba(77,211,255,.25);box-shadow:0 0 26px rgba(52,190,255,.10)!important}
.sgh33-wt-icon img{display:block;width:23px;height:23px;object-fit:contain;filter:drop-shadow(0 3px 7px rgba(56,197,255,.18));transition:transform .22s ease,filter .22s ease}
.sgh33-wt-section:hover .sgh33-wt-icon img{transform:translateY(-1px) scale(1.07);filter:drop-shadow(0 5px 10px rgba(56,197,255,.25))}
.sgh33-wt-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 8px;padding:10px 11px;border:1px solid rgba(76,151,207,.22);border-radius:14px;background:linear-gradient(180deg,rgba(12,31,49,.82),rgba(8,23,37,.82));box-shadow:0 10px 26px rgba(0,0,0,.10)}
.sgh33-wt-filter-group{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.sgh33-wt-toolbar-label{margin-right:2px;color:#63819a;font:900 8px/1 system-ui,sans-serif;letter-spacing:.12em}
.sgh33-wt-chip,.sgh33-wt-sort{appearance:none;border:1px solid rgba(76,154,213,.25);color:#d8e8f4;background:#0c2337;cursor:pointer;font-family:system-ui,sans-serif;font-weight:900;transition:transform .18s ease,border-color .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease}
.sgh33-wt-chip{min-height:32px;padding:0 12px;border-radius:10px;font-size:9px}
.sgh33-wt-chip:hover{transform:translateY(-1px);border-color:rgba(78,210,255,.42);background:#10304a}
.sgh33-wt-chip.is-active{border-color:rgba(51,224,160,.48);background:linear-gradient(180deg,#0b4739,#09382f);color:#9af2ce;box-shadow:0 8px 20px rgba(25,187,130,.10),inset 0 0 0 1px rgba(59,236,175,.05)}
.sgh33-wt-sort{min-height:34px;display:inline-flex;align-items:center;gap:8px;padding:0 11px;border-radius:10px;font-size:9px;white-space:nowrap}
.sgh33-wt-sort:hover{transform:translateY(-1px);border-color:rgba(84,206,255,.40);background:#102d45}
.sgh33-wt-sort-icon{display:grid;place-items:center;width:21px;height:21px;border-radius:7px;background:rgba(74,195,245,.10);color:#60d8ff;font-size:12px}.sgh33-wt-sort b{color:#7590a7;font-size:11px;transition:transform .2s ease}.sgh33-wt-sort.is-asc b{transform:rotate(180deg)}
.sgh33-wt-resultline{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:24px;margin-bottom:8px;padding:0 3px;color:#708ca4;font:750 8.5px/1.2 system-ui,sans-serif}
.sgh33-wt-count{display:inline-flex;align-items:center;justify-content:center;min-width:46px;height:22px;padding:0 8px;border:1px solid rgba(78,160,218,.18);border-radius:999px;background:rgba(10,31,49,.72);color:#94cfea;font-weight:900}
.sgh33-wt-grid>[hidden]{display:none!important}
.sgh33-card-in{animation:sgh33CardIn .33s cubic-bezier(.2,.7,.2,1) both}
@keyframes sgh33CardIn{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:700px){.sgh33-wt-toolbar{align-items:stretch;flex-direction:column}.sgh33-wt-sort{align-self:flex-start}.sgh33-wt-resultline{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.sgh33-card-in{animation:none!important}.sgh33-wt-chip,.sgh33-wt-sort,.sgh33-wt-icon img{transition:none!important}}

/* Category maintenance badge on homepage cards. */
.sgh28-category{position:relative}.sgh28-category.is-maintenance-v57{border-color:rgba(255,63,134,.22)!important}.sgh28-category.is-maintenance-v57 img{filter:saturate(.58) brightness(.72)}.sgh-cat-maint-badge-v57{position:absolute!important;z-index:5!important;top:12px!important;right:12px!important;width:auto!important;height:27px!important;padding:0 9px!important;display:inline-flex!important;align-items:center!important;gap:6px!important;border-radius:9px!important;border:1px solid rgba(255,91,143,.28)!important;background:rgba(30,14,31,.86)!important;color:#ff8bae!important;font-size:9px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.45px!important;backdrop-filter:blur(8px)}.sgh-cat-maint-badge-v57 i{width:6px;height:6px;border-radius:50%;background:#ff5b8f;box-shadow:0 0 0 4px rgba(255,91,143,.08)}


/* SniperGames homepage autoplay compatibility fix v29.1
   Keep the offer marquee and hero autoplay functional even when the OS/browser
   exposes prefers-reduced-motion. These are navigation/content rotation features,
   not decorative entrance effects. */


.sgh29-dot.is-active span::after{animation:sgh29Progress 7s linear forwards!important;}
.sgh29-hero.is-paused .sgh29-dot.is-active span::after{animation-play-state:paused!important;}

/* Homepage cart feedback */
.sgh30-cart-toast{position:fixed;right:22px;bottom:22px;z-index:999999;max-width:min(390px,calc(100vw - 24px));padding:13px 16px 13px 44px;border:1px solid rgba(76,220,168,.28);border-radius:14px;background:#0b1c2c;color:#eef9ff;box-shadow:0 18px 50px rgba(0,0,0,.34);font:850 12px/1.35 system-ui,sans-serif;opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s ease}.sgh30-cart-toast::before{content:"";position:absolute;left:15px;top:50%;width:20px;height:20px;transform:translateY(-50%);background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2348e4a0' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4 4L19 6'/%3E%3C/svg%3E")}.sgh30-cart-toast.is-show{opacity:1;transform:translateY(0)}@media(max-width:680px){.sgh30-cart-toast{left:12px;right:12px;bottom:12px}}


/* SG V4.4 — merge homepage with header into one continuous background */
body.home .sgh28-home{
  background:transparent !important;
  padding-top:0 !important;
}
body.home .sgh28-wrap{width:min(1500px,calc(100% - 34px)) !important;}

/* =========================================================
   HOME PRODUCT ACTIONS V183
   Clean labels for narrow cards; no squeezed arrows.
   ========================================================= */
.sgh30-actions{
  grid-template-columns:minmax(0,.92fr) minmax(0,1.28fr)!important;
  gap:9px!important;
}
.sgh30-details{
  justify-content:center!important;
  gap:0!important;
  padding-left:14px!important;
  padding-right:14px!important;
}
.sgh30-details b{display:none!important}
.sgh30-details span{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  text-align:center!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
}
.sgh30-buy.is-login{
  justify-content:center!important;
  gap:0!important;
  padding-left:10px!important;
  padding-right:10px!important;
  font-size:10px!important;
}
.sgh30-buy.is-login b{display:none!important}
.sgh30-buy.is-login span{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  text-align:center!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
}
@media(max-width:600px){
  .sgh30-actions{grid-template-columns:minmax(0,.92fr) minmax(0,1.28fr)!important}
}

/* =========================================================
   HOME LOGGED-IN ACTIONS / PRICE V186
   Applies only to authenticated state.
   ========================================================= */
body.logged-in .sgh30-actions{
  grid-template-columns:minmax(0,.92fr) minmax(0,1.28fr)!important;
  gap:9px!important;
}
body.logged-in .sgh30-actions>a{
  min-width:0!important;
  min-height:48px!important;
  height:48px!important;
  padding:0 11px!important;
  border-radius:13px!important;
  box-sizing:border-box!important;
}
body.logged-in .sgh30-details{
  justify-content:center!important;
  gap:0!important;
}
body.logged-in .sgh30-details b{display:none!important}
body.logged-in .sgh30-details span{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  text-align:center!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
}
body.logged-in .sgh30-buy.is-cart{
  justify-content:center!important;
  gap:0!important;
  font-size:10.5px!important;
}
body.logged-in .sgh30-buy.is-cart b{display:none!important}
body.logged-in .sgh30-buy.is-cart > span:not(.sg-cta-spinner){
  display:block!important;
  width:100%!important;
  min-width:0!important;
  text-align:center!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
}

/* Home sale: one compact line instead of old/new/meta on separate rows. */
body.logged-in .sgh30-price .sg-sale-price-ui{
  display:flex!important;
  flex-direction:row!important;
  align-items:baseline!important;
  justify-content:flex-end!important;
  gap:6px!important;
  min-width:0!important;
  white-space:nowrap!important;
}
body.logged-in .sgh30-price .sg-sale-prices{
  display:flex!important;
  flex-direction:row!important;
  align-items:baseline!important;
  gap:6px!important;
  white-space:nowrap!important;
}
body.logged-in .sgh30-price .sg-sale-prices del,
body.logged-in .sgh30-price .sg-sale-prices del .amount{
  display:inline!important;
  margin:0!important;
  color:#71889b!important;
  opacity:.92!important;
  font:850 10px/1 system-ui,-apple-system,"Segoe UI",sans-serif!important;
  text-decoration:line-through!important;
}
body.logged-in .sgh30-price .sg-sale-prices ins{
  display:inline!important;
  margin:0!important;
  padding:0!important;
  background:none!important;
  text-decoration:none!important;
}
body.logged-in .sgh30-price .sg-sale-prices ins,
body.logged-in .sgh30-price .sg-sale-prices ins .amount,
body.logged-in .sgh30-price .sg-sale-prices ins bdi{
  color:#fff!important;
  font:950 20px/1 system-ui,-apple-system,"Segoe UI",sans-serif!important;
  letter-spacing:-.03em!important;
}
body.logged-in .sgh30-price .sg-sale-meta{
  display:flex!important;
  align-items:center!important;
  margin:0!important;
  padding:0!important;
}
body.logged-in .sgh30-price .sg-sale-meta em{display:none!important}
body.logged-in .sgh30-price .sg-sale-meta b{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:17px!important;
  padding:0 6px!important;
  border:1px solid rgba(255,49,95,.40)!important;
  border-radius:999px!important;
  background:rgba(255,49,95,.10)!important;
  color:#ff7595!important;
  font:950 7.5px/1 system-ui,-apple-system,"Segoe UI",sans-serif!important;
  white-space:nowrap!important;
}

/* =========================================================
   HOME CART DUPLICATE LABEL FIX V187
   WooCommerce injects a second .added_to_cart / .wc-forward link
   after AJAX add-to-cart. On home cards it was visible and inherited
   button transforms, which produced the vertical/rotating extra text.
   ========================================================= */
body.home.logged-in .sgh30-product .added_to_cart,
body.home.logged-in .sgh30-product .added_to_cart.wc-forward,
body.home.logged-in .sgh30-product .wc-forward.added_to_cart,
body.home.logged-in .sgh30-actions .added_to_cart,
body.home.logged-in .sgh30-actions .wc-forward{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  width:0!important;
  height:0!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}

/* Woo loading/added pseudo-elements must not add any extra glyph/text layer.
   The button state is already handled by our own markup/CSS. */
body.home.logged-in .sgh30-buy.is-cart.loading::before,
body.home.logged-in .sgh30-buy.is-cart.loading::after,
body.home.logged-in .sgh30-buy.is-cart.added::before,
body.home.logged-in .sgh30-buy.is-cart.added::after{
  content:none!important;
  display:none!important;
  animation:none!important;
  transform:none!important;
}

/* Keep the actual CTA label as the only visible text. */
body.home.logged-in .sgh30-buy.is-cart > span:not(.sg-cta-spinner){
  position:relative!important;
  z-index:3!important;
  display:block!important;
  width:100%!important;
  transform:none!important;
  animation:none!important;
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
}

/* =========================================================
   HOME CART SPINNER ISOLATION V188
   sg-cart-buttons.js injects .sg-cta-spinner as a <span>.
   Older broad "button span" rules stretched that empty spinner
   across the CTA, creating the white/duplicate-looking stripe.
   ========================================================= */
body.home.logged-in .sgh30-buy.is-cart > .sg-cta-spinner{
  display:none!important;
  width:0!important;
  height:0!important;
  min-width:0!important;
  min-height:0!important;
  flex:0 0 0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  opacity:0!important;
  overflow:hidden!important;
  transform:none!important;
  animation:none!important;
}
body.home.logged-in .sgh30-buy.is-cart.is-loading > .sg-cta-spinner,
body.home.logged-in .sgh30-buy.is-cart.loading > .sg-cta-spinner{
  display:inline-block!important;
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  min-height:16px!important;
  flex:0 0 16px!important;
  margin:0 7px 0 0!important;
  padding:0!important;
  border:2px solid rgba(255,255,255,.30)!important;
  border-right-color:#fff!important;
  border-top-color:#fff!important;
  border-radius:50%!important;
  background:transparent!important;
  opacity:1!important;
  overflow:visible!important;
  animation:sgHomeCartSpinV188 .72s linear infinite!important;
}
body.home.logged-in .sgh30-buy.is-cart.is-loading > span:not(.sg-cta-spinner),
body.home.logged-in .sgh30-buy.is-cart.loading > span:not(.sg-cta-spinner){
  width:auto!important;
  flex:0 1 auto!important;
}
@keyframes sgHomeCartSpinV188{to{transform:rotate(360deg)}}