*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0a0a10;color:#fff;font-family:"Nunito",system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.site-shell{min-height:100vh;display:flex;flex-direction:column}.container{width:min(1240px,calc(100% - 40px));margin:0 auto}.topbar{position:sticky;top:0;z-index:40;background:rgba(10,10,16,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}.nav-wrap{height:74px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;font-family:"Outfit";font-weight:800;font-size:20px}.brand img{height:42px;max-width:180px;object-fit:contain}.brand-mark{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--brand),var(--secondary));display:grid;place-items:center}.main-nav{display:flex;gap:8px;flex:1}.main-nav a{padding:10px 13px;border-radius:9px;color:#a3a9b8;font-weight:800;font-size:14px}.main-nav a:hover,.main-nav a.active{background:#151622;color:#fff}.nav-actions{display:flex;align-items:center;gap:10px}.link-btn{border:0;background:transparent;color:#aeb4c3;font-weight:700;cursor:pointer;padding:10px}.link-btn:hover{color:#fff}.link-btn.danger{color:#ff7272}.cart-button{display:flex;align-items:center;gap:8px;background:var(--brand);border:2px solid color-mix(in srgb,var(--brand) 70%,white);padding:9px 14px;border-radius:10px;font-family:"Outfit";font-weight:800}.cart-button span{background:rgba(0,0,0,.25);min-width:22px;height:22px;border-radius:999px;display:grid;place-items:center;font-size:12px}.menu-toggle{display:none;background:#171823;color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:9px;padding:8px 10px}.notice-wrap{position:fixed;right:18px;top:90px;z-index:60}.notice{padding:14px 18px;border-radius:10px;background:#171923;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 50px rgba(0,0,0,.35)}.hero{position:relative;min-height:470px;background-image:url("hero_bg.jpg");background-size:cover;background-position:var(--hero-position);display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.08);overflow:hidden}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,7,12,var(--hero-opacity)),rgba(6,7,12,.58) 48%,rgba(6,7,12,.82)),linear-gradient(0deg,#0a0a10 0%,transparent 45%)}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.5fr .8fr;gap:70px;align-items:center}.hero h1,.mini-hero h1{font-family:"Outfit";font-weight:800;line-height:1.04;margin:8px 0 16px}.hero h1{font-size:clamp(42px,6vw,72px);max-width:760px}.hero p{max-width:650px;color:#9ba2b4;font-size:18px;line-height:1.75}.eyebrow{font-family:"Outfit";font-weight:800;letter-spacing:.16em;font-size:12px;color:var(--brand)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.button{border:2px solid transparent;min-height:46px;padding:0 20px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-family:"Outfit";font-weight:800;cursor:pointer;transition:.18s ease}.button:hover{transform:translateY(-1px);filter:brightness(1.08)}.button.primary{background:var(--brand);border-color:color-mix(in srgb,var(--brand) 70%,white);color:#fff}.button.secondary{background:var(--secondary);border-color:color-mix(in srgb,var(--secondary) 70%,white);color:#17130b}.button.ghost{background:#171923;border-color:rgba(255,255,255,.1);color:#fff}.button.small{min-height:40px;padding:0 14px;font-size:13px}.button.full{width:100%}.hero-status{background:rgba(18,18,27,.8);border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:28px;box-shadow:0 24px 60px rgba(0,0,0,.3);backdrop-filter:blur(8px)}.status-label{font:800 11px "Outfit";letter-spacing:.16em;color:#8b90a3}.server-copy{border:0;background:none;padding:8px 0;text-align:left;color:#fff;cursor:pointer}.server-copy strong{font:800 25px "Outfit";display:block}.server-copy span,.status-foot{color:#8b90a3;font-size:13px}.mini-hero{padding:64px 0 48px;background:linear-gradient(180deg,#10111a,#0a0a10);border-bottom:1px solid rgba(255,255,255,.07)}.mini-hero h1{font-size:44px;margin-bottom:0}.main-content{flex:1}.page-space{padding-top:42px;padding-bottom:78px}.welcome-card,.support-card,.description-card,.empty-card,.module-card,.sidebar-card,.detail-panel,.cart-summary,.subscription-card{background:#12121b;border:1px solid rgba(255,255,255,.08);border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.2)}.welcome-card,.support-card{padding:34px;display:flex;align-items:center;justify-content:space-between;gap:28px}.welcome-card h2,.support-card h2,.section-heading h2,.description-card h2{font:800 32px "Outfit";margin:5px 0 8px}.welcome-card p,.support-card p,.muted{color:#8b90a3;line-height:1.7}.section-block{margin-top:48px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.section-heading h2{margin-bottom:0}.text-link{font-weight:800;color:var(--brand)}.category-row{display:flex;gap:10px;flex-wrap:wrap}.category-chip{padding:12px 16px;background:#12121b;border:1px solid rgba(255,255,255,.08);border-radius:10px;font-weight:800;color:#c7ccda}.category-chip:hover{border-color:var(--brand);color:#fff}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.product-card{background:#12121b;border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;transition:.2s ease;box-shadow:0 8px 26px rgba(0,0,0,.2)}.product-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.14)}.product-media{height:220px;background:#0e0f16;display:block;position:relative;padding:18px}.product-media img{width:100%;height:100%;object-fit:contain}.image-placeholder{height:100%;display:grid;place-items:center;color:var(--brand);font-size:50px}.image-placeholder.large{min-height:420px}.sale-badge{position:absolute;top:14px;right:14px;background:#e74b55;color:#fff;border-radius:7px;padding:6px 9px;font:800 11px "Outfit"}.product-card-body{padding:20px}.product-label{display:inline-block;font-size:11px;font-weight:800;color:var(--secondary);margin-bottom:7px}.product-name{font:800 19px "Outfit";display:block;margin-bottom:12px}.price-row,.detail-price{display:flex;gap:10px;align-items:baseline}.price-row strong,.detail-price strong,.line-price{font:800 21px "Outfit";color:var(--brand)}.price-row del,.detail-price del{color:#6e7484}.card-actions{display:flex;gap:8px;margin-top:18px;align-items:center}.card-actions form{flex:1}.card-actions .button{width:100%}.sold-out{color:#ff777f;font-weight:800}.sold-out.big{margin-top:22px;font-size:18px}.modules-block{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.module-card{padding:24px}.module-card h3{font:800 22px "Outfit";margin:5px 0 14px}.module-head{display:flex;justify-content:space-between;gap:15px}.goal-track{height:11px;border-radius:999px;background:#090a0f;overflow:hidden;margin-top:18px}.goal-fill{width:62%;height:100%;background:linear-gradient(90deg,var(--brand),var(--secondary))}.supporters{display:grid;gap:10px}.supporter{display:flex;align-items:center;gap:10px;padding:10px;background:#0e0f16;border-radius:9px}.supporter img{width:35px;height:35px;border-radius:8px}.supporter span{display:block;color:#8b90a3;font-size:12px}.featured-module{display:flex;gap:18px;align-items:center}.featured-module img{width:90px;height:90px;object-fit:contain}.support-card{margin-top:48px}.store-layout{display:grid;grid-template-columns:230px 1fr;gap:24px}.sidebar-card{padding:18px;height:max-content;position:sticky;top:96px}.sidebar-card h3{font:800 18px "Outfit";margin:4px 8px 14px}.sidebar-card a{display:block;padding:10px 11px;border-radius:8px;color:#9aa1b2;font-weight:700}.sidebar-card a:hover,.sidebar-card a.selected{background:#0d0e15;color:#fff}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:28px}.detail-image{background:#0f1018;border:1px solid rgba(255,255,255,.07);border-radius:14px;min-height:500px;padding:30px;display:grid;place-items:center}.detail-image img{width:100%;height:440px;object-fit:contain}.detail-panel{padding:32px}.detail-panel h2{font:800 36px "Outfit";margin:7px 0 16px}.detail-price strong{font-size:30px}.sale-line{margin-top:9px;color:#ff7b81;font-weight:800}.purchase-form{display:grid;gap:15px;margin-top:28px}.purchase-form label{display:grid;gap:7px;font-weight:800;color:#c7ccda}.purchase-form input,.purchase-form select,.quantity-form input{background:#0d0e15;color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:9px;padding:12px}.purchase-actions{display:flex;gap:10px;margin-top:4px}.description-card{padding:32px;margin-top:24px}.rich-text{color:#b1b7c6;line-height:1.75}.rich-text img{max-width:100%}.empty-card{padding:55px;text-align:center}.empty-card h1,.empty-card h2{font:800 31px "Outfit";margin:10px}.empty-card p{color:#8b90a3}.empty-icon,.success-icon{font-size:44px}.success-icon{color:#54d68b}.cart-layout{display:grid;grid-template-columns:1fr 340px;gap:24px}.cart-lines{display:grid;gap:12px}.cart-line{display:grid;grid-template-columns:74px 1fr auto auto;align-items:center;gap:16px;background:#12121b;border:1px solid rgba(255,255,255,.08);border-radius:13px;padding:16px}.cart-image{width:74px;height:74px;background:#0d0e15;border-radius:10px;display:grid;place-items:center;color:var(--brand)}.cart-image img{width:100%;height:100%;object-fit:contain}.cart-copy h3{font:800 18px "Outfit";margin:0 0 5px}.cart-copy p{color:#8b90a3;margin:0 0 5px;font-size:13px}.quantity-form{display:flex;align-items:center;gap:7px}.quantity-form input{width:68px}.remove-button{width:38px;height:38px;border-radius:9px;border:1px solid rgba(255,100,100,.25);background:#241217;color:#ff747d;font-size:23px;cursor:pointer}.cart-summary{padding:26px;height:max-content;position:sticky;top:96px}.summary-total{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);padding:18px 0;margin:16px 0 20px}.summary-total strong{font:800 24px "Outfit";color:var(--brand)}.stack{display:grid;gap:14px}.subscription-card{padding:20px;display:flex;justify-content:space-between;gap:20px;align-items:center}.subscription-card h3{margin:0 0 4px;font:800 19px "Outfit"}.subscription-card p{margin:0;color:#8b90a3}.footer{border-top:1px solid rgba(255,255,255,.07);background:#08090d;padding-top:48px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:45px;padding-bottom:42px}.footer-title{font:800 22px "Outfit"}.footer p{color:#747b8d;max-width:460px}.footer-heading{font:800 13px "Outfit";letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px;color:#fff}.footer-grid a{display:block;color:#858c9c;margin:7px 0}.footer-grid a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.06);padding:18px 0 26px;display:flex;justify-content:space-between;color:#606779;font-size:12px}.error-text{color:#ff7078}@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-status{display:none}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.store-layout,.product-detail,.cart-layout{grid-template-columns:1fr}.sidebar-card,.cart-summary{position:static}.modules-block{grid-template-columns:1fr}.main-nav{display:none;position:absolute;left:20px;right:20px;top:72px;background:#11121a;border:1px solid rgba(255,255,255,.09);padding:10px;border-radius:12px;flex-direction:column}.main-nav.open{display:flex}.menu-toggle{display:block;margin-left:auto}.nav-actions{margin-left:0}.welcome-card,.support-card{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}.cart-line{grid-template-columns:60px 1fr}.quantity-form,.cart-line>form:last-child{grid-column:2}.detail-image{min-height:350px}.detail-image img{height:310px}}@media(max-width:600px){.container{width:min(100% - 26px,1240px)}.nav-actions .link-btn{display:none}.brand span:not(.brand-mark){display:none}.hero{min-height:420px}.hero h1{font-size:42px}.product-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:7px}.product-media{height:210px}.page-space{padding-top:26px}.mini-hero{padding:42px 0 34px}.mini-hero h1{font-size:34px}.detail-panel,.description-card{padding:22px}.purchase-actions{flex-direction:column}.empty-card{padding:34px 18px}}
.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.category-card{min-height:86px;padding:16px 18px;background:#12121b;border:1px solid rgba(255,255,255,.08);border-radius:12px;display:flex;align-items:center;gap:14px;transition:.18s ease}
.category-card:hover{transform:translateY(-2px);border-color:var(--brand);background:#151621}
.category-icon{width:44px;height:44px;border-radius:10px;background:color-mix(in srgb,var(--brand) 18%,#11121a);display:grid;place-items:center;color:var(--brand)}
.category-copy{display:flex;flex-direction:column;flex:1}.category-copy strong{font:800 16px "Outfit"}.category-copy small{color:#858c9d;margin-top:3px}.category-arrow{color:#6f7686;font-size:20px}
.subcategory-list{padding-left:12px;border-left:1px solid rgba(255,255,255,.08);margin:2px 0 7px 11px}.sidebar-card .subcategory-link{font-size:13px;padding:7px 10px}
.discord-under-ip{margin:18px 0 14px;padding:13px 14px;border-radius:11px;background:#5865f2;border:1px solid rgba(255,255,255,.16);display:flex;align-items:center;gap:11px;transition:.18s ease}
.discord-under-ip:hover{filter:brightness(1.08);transform:translateY(-1px)}.discord-under-ip>span:nth-child(2){display:flex;flex-direction:column;flex:1}.discord-under-ip strong{font:800 15px "Outfit"}.discord-under-ip small{font-size:12px;color:rgba(255,255,255,.75)}.discord-under-ip b{font-size:19px}.discord-dot{font-size:15px}
.mini-hero{background-size:cover!important;background-position:var(--hero-position)!important}
.auth-wrap{display:flex;justify-content:center}.auth-card{width:min(520px,100%);padding:34px;background:#12121b;border:1px solid rgba(255,255,255,.08);border-radius:15px;box-shadow:0 18px 50px rgba(0,0,0,.28)}.auth-icon{width:54px;height:54px;border-radius:12px;background:var(--brand);display:grid;place-items:center;margin-bottom:18px}.auth-card h2{font:800 30px "Outfit";margin:0 0 8px}.auth-card p{color:#9299aa;line-height:1.65}.auth-card small{display:block;color:#747b8d;line-height:1.6;margin-top:16px}.auth-card small a{color:var(--brand)}.auth-form{display:grid;gap:18px;margin-top:24px}.auth-form label{display:grid;gap:8px;font-weight:800}.auth-form input{background:#0d0e15;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:9px;padding:13px}.center-link{text-align:center;display:block;margin-top:12px}
@media(max-width:900px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.category-grid{grid-template-columns:1fr}.discord-under-ip{margin-top:13px}}
/* ===== 7.8:1 HERO BANNER OVERRIDES ===== */
.hero{
width:100%;
aspect-ratio:8 / 1;
min-height:185px;
max-height:300px;
background-size:cover;
background-position:var(--hero-position);
display:flex;
align-items:center;
}
.hero-grid{
grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);
gap:34px;
align-items:center;
}
.hero-copy .eyebrow{font-size:10px}
.hero h1{
font-size:clamp(30px,3.1vw,48px);
margin:4px 0 8px;
line-height:1.02;
}
.hero p{
font-size:14px;
line-height:1.45;
margin:0;
max-width:620px;
}
.hero-actions{margin-top:14px}
.hero .button{min-height:38px;padding:0 15px;font-size:13px}
.hero-status{
padding:16px 18px;
border-radius:12px;
}
.status-label{font-size:9px}
.server-copy{padding:4px 0}
.server-copy strong{font-size:20px}
.server-copy span,.status-foot{font-size:11px}
.discord-under-ip{
margin:10px 0 8px;
padding:9px 11px;
border-radius:9px;
}
.discord-under-ip strong{font-size:13px}
.discord-under-ip small{font-size:10px}
.discord-under-ip b{font-size:16px}
/* The uploaded image fills the 7.8:1 frame without distortion.
It is cropped, not stretched. */
.hero[style*="background-image"]{
background-size:cover !important;
background-repeat:no-repeat !important;
}
/* Keep the layout usable when the viewport gets narrower. */
@media (max-width:1100px){
.hero{
aspect-ratio:auto;
min-height:300px;
max-height:none;
}
.hero-grid{
grid-template-columns:1fr .72fr;
gap:24px;
}
}
@media (max-width:900px){
.hero{
min-height:360px;
}
.hero-grid{
grid-template-columns:1fr;
}
}
@media (max-width:600px){
.hero{
min-height:390px;
}
}
/* ===== TRUE 8:1 DESKTOP HERO, NO HEIGHT OVERRIDES ===== */
@media (min-width:1101px){
.hero{
aspect-ratio:8 / 1 !important;
height:auto !important;
min-height:0 !important;
max-height:none !important;
background-size:100% 100% !important;
background-position:center center !important;
background-repeat:no-repeat !important;
}
}
/* Keep mobile/tablet readable rather than forcing the ultra-wide ratio there. */
@media (max-width:1100px){
.hero{
aspect-ratio:auto !important;
background-size:cover !important;
}
}
/* ===== template_test: 8:1 hero artwork overlay ===== */
/*
The hero reserves an 8:1 layout area, while the uploaded artwork is rendered
as an independent image layer. This prevents transparent/3D artwork from being
clipped by background-image cropping.
*/
.hero{
position:relative !important;
width:100% !important;
aspect-ratio:8 / 1 !important;
min-height:0 !important;
max-height:none !important;
height:auto !important;
overflow:visible !important;
background:#0a0a10 !important;
isolation:isolate;
}
.hero-art-wrap{
position:absolute;
inset:0;
z-index:0;
overflow:visible !important;
pointer-events:none;
}
.hero-art{
position:absolute;
left:50%;
top:50%;
width:100%;
height:auto;
max-width:none;
transform:translate(-50%,-50%);
object-fit:contain;
object-position:center;
overflow:visible;
pointer-events:none;
user-select:none;
}
.hero-overlay{
z-index:1;
pointer-events:none;
}
.hero-grid{
position:relative;
z-index:2;
}
/* Allow artwork to visibly extend above/below the 8:1 frame on desktop. */
@media (min-width:1101px){
.hero-art{
width:100%;
height:auto;
}
}
/* On smaller screens prioritize readability and keep the art fully visible. */
@media (max-width:1100px){
.hero{
aspect-ratio:auto !important;
min-height:360px !important;
}
.hero-art-wrap{
inset:0;
}
.hero-art{
width:100%;
height:100%;
object-fit:contain;
}
}
/* ===== Exact 3744x480 (7.8:1) clean banner ===== */
@media (min-width:1101px){
.hero{
aspect-ratio:7.8 / 1 !important;
height:auto !important;
min-height:0 !important;
max-height:none !important;
overflow:visible !important;
}
.hero-art-wrap{
position:absolute !important;
inset:0 !important;
overflow:visible !important;
}
.hero-art{
position:absolute !important;
left:50% !important;
top:50% !important;
width:100% !important;
height:auto !important;
max-width:none !important;
transform:translate(-50%,-50%) !important;
object-fit:contain !important;
object-position:center !important;
}
/* Remove the previous dark/gradient layer over the artwork. */
.hero-overlay{
display:none !important;
background:none !important;
opacity:0 !important;
}
}
/* Remove the gradient overlay on smaller screens too. */
.hero-overlay{
background:none !important;
opacity:0 !important;
pointer-events:none !important;
}
/* ===== Banner text outline ===== */
/* Multi-direction text-shadow creates a clean black outline around text over artwork. */
.hero-copy .eyebrow,
.hero-copy h1,
.hero-copy p,
.hero-status .status-label,
.hero-status .server-copy strong,
.hero-status .server-copy span,
.hero-status .status-foot{
text-shadow:
-2px -2px 0 #000,
2px -2px 0 #000,
-2px 2px 0 #000,
2px 2px 0 #000,
0 2px 0 #000,
2px 0 0 #000,
-2px 0 0 #000,
0 -2px 0 #000,
0 3px 8px rgba(0,0,0,.95);
}
/* Keep button text crisp while still readable over the art. */
.hero .button,
.discord-under-ip{
text-shadow:0 1px 2px rgba(0,0,0,.8);
}
/* ===== Vote section ===== */
html{scroll-padding-top:92px}
.section-subtext{
color:#8f96a8;
margin:7px 0 0;
line-height:1.6;
}
.vote-section{
scroll-margin-top:92px;
}
.vote-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:14px;
}
.vote-card{
min-height:92px;
display:flex;
align-items:center;
gap:14px;
padding:17px 18px;
background:#12121b;
border:1px solid rgba(255,255,255,.08);
border-radius:13px;
transition:.18s ease;
box-shadow:0 8px 24px rgba(0,0,0,.18);
}
.vote-card:hover{
transform:translateY(-2px);
border-color:var(--brand);
background:#151621;
}
.vote-number{
width:42px;
height:42px;
display:grid;
place-items:center;
flex:0 0 auto;
border-radius:10px;
background:color-mix(in srgb,var(--brand) 18%,#0d0e15);
color:var(--brand);
font:800 12px "Outfit";
}
.vote-copy{
display:flex;
flex-direction:column;
flex:1;
min-width:0;
}
.vote-copy strong{
font:800 16px "Outfit";
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.vote-copy small{
color:#858c9d;
margin-top:3px;
}
.vote-arrow{
color:#737a8b;
font-size:21px;
}
.vote-empty{
grid-column:1 / -1;
padding:24px;
border:1px dashed rgba(255,255,255,.12);
border-radius:12px;
color:#8d94a6;
display:flex;
flex-direction:column;
gap:5px;
}
.vote-empty strong{
color:#fff;
font-family:"Outfit";
}
@media(max-width:900px){
.vote-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
.vote-grid{grid-template-columns:1fr}
}
/* ===== Welcome logo ===== */
.welcome-card-logo{
display:grid !important;
grid-template-columns:auto minmax(0,1fr) auto;
align-items:center !important;
gap:26px !important;
}
.welcome-logo-wrap{
width:118px;
height:118px;
flex:0 0 auto;
display:grid;
place-items:center;
border-radius:16px;
background:#0d0e15;
border:1px solid rgba(255,255,255,.08);
padding:10px;
}
.welcome-logo{
width:100%;
height:100%;
object-fit:contain;
display:block;
}
.welcome-copy{
min-width:0;
}
.welcome-button{
white-space:nowrap;
}
@media(max-width:800px){
.welcome-card-logo{
grid-template-columns:96px 1fr !important;
align-items:center !important;
}
.welcome-logo-wrap{
width:96px;
height:96px;
}
.welcome-button{
grid-column:1 / -1;
justify-self:start;
}
}
@media(max-width:520px){
.welcome-card-logo{
grid-template-columns:1fr !important;
text-align:center;
}
.welcome-logo-wrap{
width:104px;
height:104px;
margin:0 auto;
}
.welcome-button{
justify-self:center;
}
}
/* ===== Cart: continue shopping ===== */
.continue-shopping{
margin-top:12px;
min-height:44px;
display:flex;
align-items:center;
justify-content:center;
gap:9px;
border-radius:10px;
border:1px solid rgba(255,255,255,.10);
background:#171923;
color:#d4d8e3;
font:800 13px "Outfit";
transition:.18s ease;
}
.continue-shopping:hover{
border-color:var(--brand);
color:#fff;
background:#1b1d28;
transform:translateY(-1px);
}
.continue-shopping-icon{
width:24px;
height:24px;
border-radius:7px;
display:grid;
place-items:center;
background:color-mix(in srgb,var(--brand) 18%,#11121a);
color:var(--brand);
font-size:15px;
line-height:1;
}