html body:has(.sq-store.sqf){background-color:#12111a!important}
html body .sq-store.sqn.sqf{position:relative;isolation:isolate;width:min(100%,1380px)!important;max-width:1380px!important;margin:18px auto 52px!important}
.sq-store.sqf .sf-shop-art{position:absolute;z-index:-1;top:60px;left:50%;width:min(100vw,1920px);height:700px;transform:translateX(-50%);pointer-events:none;overflow:hidden}
.sf-shop-art i{position:absolute;inset:0 auto 0 0;width:24%;background:url('../img/shop-background-1.webp') left center/contain no-repeat}
.sf-shop-art i+i{inset:0 0 0 auto;background-image:url('../img/shop-background-2.webp');background-position:right center}
html body .sq-store.sqn.sqf .sf-store-top{padding-inline:6px;margin-bottom:20px!important}
html body .sq-store.sqn.sqf .sq-sh-grid{width:min(100%,1200px);margin-inline:auto;gap:clamp(12px,1.6vw,24px)!important;padding-top:36px;align-items:stretch!important}
html body .sq-store.sqn.sqf .sf-product{--surface:#1d1c26;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;border:1px solid #ffffff11!important;border-radius:16px!important;padding:0 0 14px!important;gap:0;background:linear-gradient(180deg,color-mix(in srgb,var(--product) 24%,#16151b),var(--surface) 76%)!important}
html body .sq-store.sqn.sqf .sf-product[data-t=premium]{border-color:var(--product)!important}
.sf-spotlight{position:absolute;left:-1px;right:-1px;bottom:calc(100% - 10px);height:45px;padding:9px 4px 13px;border-radius:16px 16px 0 0;background:var(--product);color:#fff;text-align:center;font-size:12px;font-weight:800}
html body .sq-store.sqn.sqf .sf-product>.sf-art{height:clamp(174px,16vw,258px)!important;min-height:0!important;max-height:none!important;border-radius:15px 15px 0 0!important;mask-image:linear-gradient(#000 66%,transparent);background-size:cover!important}
html body .sq-store.sqn.sqf .sf-name{margin:-14px 10px 12px!important;padding-bottom:12px;border-bottom:1px solid #ffffff09;font-size:clamp(17px,1.65vw,25px)!important}
html body .sq-store.sqn.sqf .sf-product>.sf-perks{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;padding:0 12px!important;gap:5px!important}
html body .sq-store.sqn.sqf .sf-product .sf-perks li{box-sizing:border-box;min-height:39px!important;padding:8px 9px!important;background:#ffffff09!important;border:0!important;border-radius:9px!important;font-size:12px!important;line-height:1.35!important}
html body .sq-store.sqn.sqf .sf-product>.sf-more{display:block!important;align-self:center;margin:8px 0 9px!important;font-size:12px!important}
html body .sq-store.sqn.sqf .sf-purchase{margin-top:auto!important;padding:0 12px!important}
html body .sq-store.sqn.sqf .sf-periods{width:100%;margin:0;background:#ffffff08!important}
html body .sq-store.sqn.sqf .sf-periods button{min-width:0!important;min-height:37px!important;padding:4px 2px!important;font-size:11px!important}
html body .sq-store.sqn.sqf .sf-price{min-height:31px;margin:12px 0!important;gap:6px}
html body .sq-store.sqn.sqf .sf-price strong{font-size:clamp(17px,1.55vw,23px)!important}
.sf-discount{padding:3px 6px;border-radius:12px;background:#cb3e49;color:white;font-size:10px;font-style:normal}
html body .sq-store.sqn.sqf .sf-buy{display:block!important;box-sizing:border-box;width:100%!important;height:46px!important;margin:0!important;border:0!important;background:var(--product)!important;color:#100e12!important;font-size:13px!important;font-weight:800!important}
html body .sq-store.sqn.sqf .sf-buy:hover{filter:brightness(1.12)}
@media(max-width:1100px){.sq-store.sqf .sf-shop-art{opacity:.35}.sq-store.sqn.sqf .sf-product[data-t=premium]{margin-top:34px}.sq-store.sqn.sqf .sq-sh-grid{padding-top:0}}
@media(max-width:600px){html body .sq-store.sqn.sqf .sq-sh-grid{width:min(100%,410px)}html body .sq-store.sqn.sqf .sf-product>.sf-art{height:235px!important}.sq-store.sqf .sf-shop-art{display:none}}

html body .sq-store.sqf .sf-store-top{margin:0 0 10px!important;padding:0 0 10px!important}
html body .sq-store.sqf .sf-heading h1{font-size:clamp(18px,2vw,24px)!important}
html body .sq-store.sqf .sq-sh-grid{padding-top:33px;gap:clamp(12px,1.5vw,24px)!important}
.saq-offer{position:relative;isolation:isolate;min-width:0;display:flex;flex-direction:column;box-sizing:border-box;padding:0 0 13px;border-radius:15px;background:linear-gradient(165deg,color-mix(in srgb,var(--offer) 23%,#18171f),#191922 68%);border:1px solid color-mix(in srgb,var(--offer) 23%,transparent);color:#fff}
.saq-offer[data-t=premium]{border-color:var(--offer)}
.saq-offer-banner{position:absolute;z-index:-1;inset:auto -1px calc(100% - 9px);height:41px;padding:8px 4px;border-radius:13px 13px 0 0;text-align:center;background:var(--offer);font:750 12px/1.2 Arial,sans-serif;color:#fff}
.sqf .saq-offer-picture.sf-art{flex:none;height:clamp(140px,14.4vw,220px);border-radius:14px 14px 0 0;mask-image:linear-gradient(#000 68%,transparent)}
.sqf .saq-offer-picture.sf-art::before{background-size:auto 125%;background-position:center 5%}
.sqf .saq-offer-picture.sf-art-sponsor::before{background-size:auto 155%;background-position:center 35%}
.saq-offer-fade{position:absolute;inset:0;z-index:2;background:linear-gradient(transparent 72%,#19192288)}
html body .sqf .saq-offer h2{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;min-height:40px;margin:-12px 12px 10px!important;padding:0 0 8px;border-bottom:1px solid #ffffff12;color:#fff!important;font:800 clamp(18px,1.6vw,24px)/1.15 Unbounded,Arial,sans-serif}
.saq-offer h2 svg,.saq-offer-perks svg{width:19px;height:19px;flex:none;fill:var(--offer)!important}
.saq-offer-perks{list-style:none!important;display:grid;gap:4px;margin:0!important;padding:0 12px!important}
.saq-offer-perks li{display:flex;align-items:center;gap:7px;min-height:33px;padding:6px 8px;background:#ffffff09;border-radius:8px;color:#f3f2f7;font:600 12px/1.25 Arial,sans-serif}
.saq-offer-perks svg{width:15px;height:15px}
html body .sqf .saq-offer-details{width:calc(100% - 24px)!important;margin:6px 12px 9px!important;padding:4px!important;min-height:26px;border:0;background:transparent!important;color:#bdbdc5!important;text-align:center;cursor:pointer;font:600 11px/1.2 Arial,sans-serif}
.saq-offer-bottom{margin-top:auto;padding:0 12px}
.saq-offer-periods{display:flex;gap:3px;padding:3px;border-radius:9px;background:#ffffff0a}
html body .sqf .saq-offer-periods button{flex:1 1 0;min-width:0!important;min-height:32px;margin:0!important;padding:2px!important;border:0;border-radius:6px;background:transparent!important;color:#bdbdc5!important;cursor:pointer;font:650 11px/1.2 Arial,sans-serif}
html body .sqf .saq-offer-periods button[aria-pressed=true]{background:#ffffff15!important;color:#fff!important}
.saq-offer-price{display:flex;flex-wrap:wrap;align-items:center;gap:5px;min-height:30px;margin:8px 0;color:#bbb;font:600 11px/1.2 Arial,sans-serif}
.saq-offer-price strong{font-size:clamp(17px,1.55vw,23px);color:#fff}.saq-offer-price s{color:#9a9aa6}.saq-offer-price em{padding:3px 5px;border-radius:12px;background:#c73d48;color:#fff;font-style:normal}
html body .sqf .saq-offer-buy{display:block!important;width:100%!important;min-height:43px;margin:0!important;padding:8px!important;border:0;border-radius:9px;background:var(--offer)!important;color:#151219!important;cursor:pointer;font:800 13px/1.2 Arial,sans-serif}
.saq-offer button:hover{filter:brightness(1.15)}.saq-offer button:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media(max-width:1100px){html body .sq-store.sqf .sq-sh-grid{row-gap:44px!important}}
@media(max-width:600px){.sqf .saq-offer-picture.sf-art{height:210px}}

/* Reference proportions: three large offer columns with readable benefit rows. */
html body .sq-store.sqn.sqf .sq-sh-grid{
 width:min(100%,1126px)!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:44px 32px!important;padding-top:43px;align-items:stretch!important
}
html body .sq-store.sqf .sf-shop-art{top:20px;height:780px}
@media(min-width:1200px){
 html body .sq-store.sqf .sf-shop-art i{width:50%;background-size:auto clamp(570px,37vw,710px);background-position:left top}
 html body .sq-store.sqf .sf-shop-art i+i{background-size:auto clamp(590px,40vw,768px);background-position:right top}
}
.saq-offer[data-t=premium]{--offer:#526de9!important;--offer-top:#292940}
.saq-offer[data-t=admin]{--offer:#e34a4a!important;--offer-top:#482323}
.saq-offer[data-t=shopowner]{--offer:#ffb440!important;--offer-top:#493521}
.saq-offer[data-t=vip]{--offer-top:#382437}
.saq-offer{background:linear-gradient(180deg,var(--offer-top,#292334),#1b1a23 84%);border-radius:16px;padding-bottom:16px}
.saq-offer-banner{height:53px;padding:12px 5px 15px;font-size:15px}
html body .sqf .saq-offer-picture.sf-art{
 --art-glow:var(--offer);height:clamp(205px,15vw,252px);mask-image:linear-gradient(#000 78%,transparent)
}
.sqf .saq-offer-picture.sf-art::before{background-size:auto 124%;background-position:center 9%}
.sqf .saq-offer-picture.sf-art-sponsor::before{background-size:auto 155%;background-position:center 38%}
html body .sqf .saq-offer h2{margin:-13px 17px 15px!important;min-height:57px;font-size:clamp(20px,2vw,27px);padding-bottom:13px}
.saq-offer h2 svg{width:24px;height:24px}
.saq-offer-perks{padding:0 16px!important;gap:5px}
.saq-offer-perks li{min-height:47px;padding:8px 16px;gap:10px;border-radius:12px;font-size:14px;background:#ffffff0c}
.saq-offer-perks svg{width:17px;height:17px}
html body .sqf .saq-offer-details{width:calc(100% - 32px)!important;margin:7px 16px!important;min-height:27px;font-size:12px}
.saq-offer-bottom{padding:0 16px}
.saq-offer-periods{padding:4px;border-radius:11px;background:#ffffff09}
html body .sqf .saq-offer-periods button{min-height:40px;font-size:12px}
.saq-offer-price{justify-content:center;min-height:43px;margin:9px 0;font-size:12px}
.saq-offer-price strong{font-size:23px}
html body .sqf .saq-offer-buy{min-height:51px;border-radius:12px;font-size:14px;color:#fff!important}
html body .sqf .saq-offer[data-t=shopowner] .saq-offer-buy{color:#1b1408!important}
@media(max-width:990px){html body .sq-store.sqn.sqf .sq-sh-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:38px 15px!important}.saq-offer-perks li{min-height:37px}}
@media(max-width:590px){html body .sq-store.sqn.sqf .sq-sh-grid{grid-template-columns:minmax(0,1fr)!important;max-width:410px}.saq-offer-perks li{min-height:40px}}
 
.sqf .sf-features,.sqf .sf-comparison { max-width:1100px; margin-inline:auto; }
.sqf .sf-features { padding-top:30px; }
.sqf .sf-features h2 { color:#fff; font-size:clamp(24px,3vw,32px); }
.sqf .sf-feature-tabs { display:flex; flex-wrap:wrap; gap:12px; margin:24px 0 32px; }
.sqf .sf-feature-tabs button { min-height:46px; padding-inline:20px; border:0; border-radius:12px; color:#b3b7cb; background:#252530; }
.sqf .sf-feature-tabs button.on { background:var(--tab-accent); color:#fff; }
.sqf .sf-feature-tabs button.on[data-feature="sponsor"] { color:#171216; }
.sf-tile-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:32px 24px; }
.sf-tile { grid-column:span 3; min-width:0; }
.sf-tile:first-child { grid-column:span 4; }
.sf-tile:nth-child(2) { grid-column:span 2; }
.sf-tile:last-child:nth-child(odd) { grid-column:1/-1; }
.sf-tile-visual {
 position:relative; isolation:isolate; overflow:hidden; display:grid; place-items:center;
 height:clamp(210px,30vw,348px); border-radius:16px;
 background:radial-gradient(ellipse at 50% 40%,color-mix(in srgb,var(--tile-accent) 33%,transparent),transparent 75%),linear-gradient(145deg,#252536,#171721);
}
.sf-tile-agent { position:absolute; inset:0; opacity:.75; background-size:contain; }
.sf-tile-symbol {
 position:relative; display:flex; align-items:center; justify-content:center; flex-wrap:wrap;
 gap:16px; padding:20px; color:#fff; text-shadow:0 4px 20px #101018;
}
.sf-tile-symbol svg { width:clamp(55px,8vw,108px); fill:none; stroke:var(--tile-accent); stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; filter:drop-shadow(0 0 16px var(--tile-accent)); }
.sf-tile-symbol strong { font-size:clamp(24px,4vw,58px); line-height:1; }
.sf-tile h3 { color:#fff; font-size:clamp(18px,2vw,23px); margin:22px 0 0; }
.sqf .sf-server-note { margin-top:36px; }
@media(max-width:700px) {
 .sf-tile-grid { grid-template-columns:minmax(0,1fr); gap:24px; }
 .sf-tile-grid .sf-tile { grid-column:1; }
}

.sf-tile-visual.sf-tile-hop{background:radial-gradient(ellipse at 50% 50%,#405680,#151922 82%)}
.sf-tile-hop .sf-tile-agent{opacity:1}
.sf-tile-hop .sf-tile-agent::before{background-size:auto 105%;background-position:center top}
.sf-tile-grid .sf-tile-symbol svg{display:block;width:88px!important;height:88px!important;max-width:none}
.sf-tile-grid .sf-tile-symbol{background:#151723;border:1px solid #ffffff20;border-radius:24px;padding:24px}
.sf-hud{width:min(80%,430px);display:grid;gap:14px;padding:24px;border-radius:14px;background:#12141ded;border:1px solid #ffffff24;color:#fff}
.sf-hud span{font-size:12px;letter-spacing:.1em;color:#bec3d5}
.sf-hud strong{font-size:clamp(19px,3vw,34px);overflow-wrap:anywhere}
.sf-hud b{color:var(--tile-accent)}
.sf-hud i{height:8px;border-radius:8px;background:var(--tile-accent)}
.sf-tile p{margin:8px 0 0;color:#b1b6cb;font-size:15px}
/* Crop the artwork at the outer viewport edges, with a soft fade by the cards. */
html body .sq-store.sqf .sf-shop-art { width:100vw; top:44px; height:780px; }
html body .sq-store.sqf .sf-shop-art i {
 width:clamp(230px,20vw,390px);
 background-size:auto clamp(490px,35vw,670px);
 background-position:right top;
 mask-image:linear-gradient(to right,#000 80%,transparent);
}
html body .sq-store.sqf .sf-shop-art i+i {
 background-size:auto clamp(510px,39vw,750px);
 background-position:left top;
 mask-image:linear-gradient(to left,#000 80%,transparent);
}

html body .sqf .saq-offer-buy:disabled { cursor:default; opacity:.75; }
.saq-owner-fun { margin:5px 16px 0; }
.saq-owner-fun summary {
 display:flex; align-items:center; gap:10px; min-height:47px; padding:8px 16px;
 border-radius:12px; background:#ffffff0c; color:#fff; cursor:pointer;
 font:600 14px/1.25 Arial,sans-serif; list-style:none;
}
.saq-owner-fun summary::-webkit-details-marker { display:none; }
.saq-owner-fun summary svg { width:17px; height:17px; flex:none; fill:var(--offer); }
.saq-owner-fun .saq-offer-perks { margin-top:5px!important; padding:0!important; }
.saq-fun-arrow { margin-left:auto; }
.saq-owner-fun[open] .saq-fun-arrow { transform:rotate(180deg); }
.saq-owner-note { margin:8px 16px; font-size:12px; color:#e2c999; }
/* Portrait lighting is separate from the card surface so it fades behind the title. */
.saq-offer[data-t=premium] { --portrait-light:#155fea; --portrait-shadow:#171d40; }
.saq-offer[data-t=admin] { --portrait-light:#eb292b; --portrait-shadow:#4c1518; }
.saq-offer[data-t=shopowner] { --portrait-light:#d9a631; --portrait-shadow:#4a341b; }

html body .sqf .saq-offer-picture.sf-art {
 --art-glow:var(--portrait-light,var(--offer));
 background:
   radial-gradient(ellipse at 48% 55%,color-mix(in srgb,var(--art-glow) 78%,transparent),transparent 63%),
   radial-gradient(ellipse at 15% 61%,color-mix(in srgb,var(--art-glow) 34%,transparent),transparent 43%),
   radial-gradient(ellipse at 87% 42%,color-mix(in srgb,var(--art-glow) 32%,transparent),transparent 48%),
   linear-gradient(165deg,var(--offer-top),var(--portrait-shadow,var(--offer-top)));
 mask-image:linear-gradient(#000 72%,transparent);
}
.sqf .saq-offer-picture.sf-art::after {
 opacity:.82;
 background-image:
   radial-gradient(ellipse at 35% 64%,color-mix(in srgb,var(--art-glow) 40%,transparent),transparent 44%),
   radial-gradient(circle,var(--art-glow) 0 1px,transparent 2px),
   radial-gradient(circle,color-mix(in srgb,var(--art-glow) 68%,white) 0 1px,transparent 2.4px);
 background-size:100% 100%,39px 43px,71px 59px;
 background-position:0 0,9px 13px,25px 5px;
 mask-image:radial-gradient(ellipse at 50% 47%,#000 19%,transparent 76%);
}
html body .sqf .saq-offer-periods button { position:relative; white-space:nowrap; }
.saq-plan-discount { display:block; color:#ffdc64; font-size:10px; line-height:1; margin-bottom:3px; }
html body .sqf .saq-offer-periods button {
 display:flex!important; flex-direction:column; align-items:center; justify-content:center; gap:3px;
}
html body .sqf .saq-offer-periods .saq-plan-discount { position:static; margin:0; }