/* Match the site's primary face and weight in these purchase and utility blocks. */
body .set-builder .set-confirm,
body .inventory-entry,
body .inventory-entry .btn { font-family: 'Manrope', sans-serif !important; }
body .set-builder .set-confirm { width:min(460px,calc(100% - 24px)); max-height:calc(100dvh - 32px); margin:auto; padding:22px; border-radius:22px; overflow:auto; }
body .set-builder .set-confirm[open] { display:flex; flex-direction:column; gap:18px; }
body .set-builder .set-confirm:not([open]) { display:none; }
body .set-confirm .set-confirm-heading { align-items:flex-start; gap:12px; flex-shrink:0; }
body .set-confirm .set-confirm-heading>div { min-width:0; flex:1; }
body .set-builder .set-confirm h2 { margin:0; font:800 21px/1.3 'Manrope',sans-serif !important; letter-spacing:-.035em; }
body .set-confirm-heading p { margin:8px 0 0; color:var(--muted); font-size:12px; line-height:1.6; font-weight:600; }
body .set-builder .set-confirm .set-confirm-close { display:grid; place-items:center; flex:0 0 36px; width:36px; min-height:36px; height:36px; margin:-2px -2px 0 0; padding:0; border:1px solid var(--line); border-radius:12px; background:var(--surface-soft); color:var(--muted); }
body .set-confirm .set-confirm-close:focus:not(:focus-visible) { outline:none; }
body .set-builder .set-confirm ul { display:flex; flex-direction:column; flex:0 1 auto; min-height:0; max-height:32dvh; overflow-y:auto; overscroll-behavior:contain; margin:0; padding:0; gap:0; scrollbar-width:thin; }
body .set-builder .set-confirm li { display:grid; grid-template-columns:44px minmax(0,1fr) auto; align-items:center; gap:12px; min-height:68px; padding:12px 0; margin:0; border-bottom:1px solid var(--line); }
body .set-builder .set-confirm li:first-child { padding-top:0; min-height:56px; }
body .set-builder .set-confirm li:last-child { padding-bottom:0; border-bottom:0; min-height:56px; }
body .set-builder .set-confirm li>span:first-child { width:44px; height:44px; display:grid; place-items:center; border-radius:10px; background:var(--surface-soft); }
body .set-builder .set-confirm li img { display:block; width:40px; height:40px; object-fit:contain; }
body .set-builder .set-confirm li>span:nth-child(2) { min-width:0; font-size:13px; line-height:1.5; font-weight:700; }
body .set-builder .set-confirm li b { font-size:13px; line-height:1.4; font-weight:800; white-space:nowrap; font-variant-numeric:tabular-nums; }
body .set-confirm-summary { display:grid; gap:10px; padding:15px; background:var(--surface-soft); border:1px solid var(--line); border-radius:14px; flex-shrink:0; }
body .set-confirm .set-confirm-total,body .set-confirm .set-confirm-balance { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0; }
body .set-confirm-total>span { font-size:14px; font-weight:700; }
body .set-builder .set-confirm-total strong { font-size:25px; line-height:1.2; font-weight:800; letter-spacing:-.035em; font-variant-numeric:tabular-nums; white-space:nowrap; }
body .set-confirm .set-confirm-balance { color:var(--muted); font-size:12px; font-weight:600; }
body .set-confirm-balance b { font-weight:700; font-variant-numeric:tabular-nums; white-space:nowrap; }
body .set-confirm-actions { display:grid; gap:6px; flex-shrink:0; }
body .set-builder .set-confirm-actions button { width:100%; justify-content:center; margin:0; min-height:44px; padding:11px 12px; font:800 13px/1.5 'Manrope',sans-serif !important; letter-spacing:0; text-transform:none; }
body .set-builder .set-confirm-actions .btn { box-shadow:none; border-radius:12px; white-space:normal; }
body .set-builder .set-confirm-actions .set-text-button { color:var(--muted); font-weight:700 !important; }
body .set-builder .set-confirm .set-message { margin:0; font-weight:600; }
body .inventory-entry h2 { font-family:inherit !important; font-weight:800 !important; line-height:1.35; letter-spacing:-.025em; }
body .inventory-entry p { font-family:inherit !important; font-weight:600 !important; line-height:1.6; }
body .inventory-entry .inventory-entry-link { font-family:inherit !important; font-weight:800 !important; text-transform:none !important; letter-spacing:0; white-space:normal; }
body .inventory-entry-link>span { font-family:inherit !important; font-weight:800 !important; }

/* A compact Steam entry keeps the mobile shop focused on browsing. */
.home-steam-details { min-width:0; width:100%; }
.home-steam-details>summary { display:flex; align-items:center; gap:12px; padding:16px; list-style:none; cursor:pointer; border:1px solid var(--line); border-radius:18px; background:var(--surface); color:var(--text); }
.home-steam-details>summary::-webkit-details-marker { display:none; }
.home-steam-icon { display:grid; place-items:center; width:38px; height:38px; flex:none; border:1px solid var(--line); border-radius:12px; background:var(--surface-soft); font-size:23px; }
.home-steam-copy { display:grid; gap:3px; flex:1; min-width:0; }
.home-steam-copy strong { font:800 15px/1.4 'Manrope',sans-serif; }
.home-steam-copy small { color:var(--muted); font-size:11px; font-weight:600; }
.home-steam-chevron { flex:none; color:var(--muted); transition:transform .18s; }
.home-steam-details[open] .home-steam-chevron { transform:rotate(180deg); }
.home-steam-details>summary:focus-visible { outline:2px solid var(--primary); outline-offset:3px; }
.home-steam-body { min-width:0; }
@media(min-width:701px) {
 .home-steam-details[data-initialized][open]>summary { display:none; }
}
@media(max-width:700px) {
 body .home-page { padding-top:14px !important; }
 body .home-page [data-home-layout] { gap:20px !important; }
 body .home-page .home-banner-carousel { border-radius:18px !important; }
 body .home-page .home-banner-slide { min-height:186px !important; height:auto !important; padding:0 !important; }
 body .home-page .home-banner-copy { padding:18px 18px 40px !important; }
 body .home-page .home-banner-copy h2 { margin:0 0 8px !important; font:800 21px/1.2 'Manrope',sans-serif !important; letter-spacing:-.03em; }
 body .home-page .home-banner-copy p { max-width:250px; margin:0 0 12px !important; font:600 12px/1.5 'Manrope',sans-serif !important; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
 body .home-page .home-banner-link { min-height:36px !important; padding:9px 12px !important; border-radius:10px !important; font-size:11px !important; font-weight:800 !important; }
 body .home-page .home-banner-label { font-size:9px; margin-bottom:6px; }
 body .home-page .home-banner-controls { right:12px !important; bottom:10px !important; gap:7px !important; }
 body .home-page .home-banner-controls>button { width:28px !important; height:28px !important; min-height:28px !important; border-radius:9px !important; font-size:16px !important; }
 body .home-page .home-section-head { flex-direction:row; align-items:center; gap:12px; margin-bottom:12px; }
 body .home-page .home-section-head :is(h1,h2) { font:800 22px/1.25 'Manrope',sans-serif !important; letter-spacing:-.04em; }
 body .home-page .home-catalog-link { font-size:11px !important; gap:5px !important; }
 body .home-page .home-showcase .home-catalog-link span { max-width:96px; }
 body .home-page .ct-root-grid { gap:10px !important; margin:0 !important; }
 body .home-page .home-category-section .ct-root { min-height:76px !important; padding:12px !important; border-radius:16px !important; box-shadow:none !important; }
 body .home-page .home-category-section .ct-root-copy strong { font-family:Manrope,sans-serif !important; font-size:12px !important; font-weight:800 !important; }
 body .home-page .home-category-section .ct-root-copy small { font-size:10px !important; font-weight:600; }
 body .home-page .hero-grid { display:block !important; }
 body .home-page .home-steam-details[open] { border:1px solid var(--line); border-radius:18px; background:var(--surface); }
 body .home-page .home-steam-details[open]>summary { border:0; border-bottom:1px solid var(--line); border-radius:18px 18px 0 0; }
 body .home-page .home-steam-details .steam-widget { margin:0 !important; padding:18px !important; border:0 !important; border-radius:0 0 18px 18px !important; box-shadow:none !important; }
 body .home-page .home-steam-details .steam-widget-head { display:none !important; }
 body .home-page .home-steam-details .steam-widget-form { margin-top:0 !important; }
 body .inventory-entry { display:grid !important; grid-template-columns:36px minmax(0,1fr) 38px !important; align-items:center; gap:12px !important; padding:15px !important; margin:0 !important; border-radius:18px !important; box-shadow:none !important; }
 body .inventory-entry .inventory-entry-icon { width:36px !important; height:36px !important; min-width:36px !important; font-size:23px !important; border-radius:11px !important; }
 body .inventory-entry .inventory-entry-copy { min-width:0; }
 body .inventory-entry h2 { font-size:14px !important; margin:0 !important; }
 body .inventory-entry p { display:none !important; }
 body .inventory-entry .inventory-entry-action { margin:0 !important; width:auto !important; grid-column:auto !important; }
 body .inventory-entry .inventory-entry-link { display:grid !important; place-items:center; width:38px !important; height:40px !important; min-height:40px !important; padding:0 !important; gap:0 !important; border-radius:11px !important; box-shadow:none !important; font-size:19px !important; }
 body .inventory-entry .inventory-entry-label { display:none !important; }
 body .home-page .home-spotlights { gap:10px; }
 body .home-page .home-spotlight-card { grid-template-columns:minmax(0,1fr) 104px !important; min-height:164px !important; border-radius:18px !important; }
 body .home-page .home-spotlight-card .product-body { padding:16px 0 16px 16px !important; }
 body .home-page .home-spotlight-card .home-spotlight-label { margin-bottom:8px !important; font-size:8px !important; }
 body .home-page .home-spotlight-card .product-name { font:800 17px/1.3 'Manrope',sans-serif !important; margin:7px 0 !important; }
 body .home-page .home-spotlight-card .product-description { display:none !important; }
 body .home-page .home-spotlight-card .product-footer { gap:8px !important; margin-top:4px; padding-top:0; }
 body .home-page .home-spotlight-card .product-price { font-size:20px !important; font-weight:800 !important; }
 body .home-page .home-spotlight-card .product-more,body .home-page .home-spotlight-card .skin-quick-add button { min-width:0 !important; min-height:38px !important; padding:8px 12px !important; font-size:11px !important; border-radius:10px !important; }
 body .home-page .home-spotlight-card .product-visual img { padding:10px !important; }
 body .home-page .home-spotlight-card .product-visual .placeholder { font-size:34px; }
 body .home-page .home-spotlight-card::before { width:130px; height:130px; right:-30px; }
 body .home-page .reviews-head h2 { font:800 22px/1.3 'Manrope',sans-serif !important; letter-spacing:-.035em; }
 body .set-builder .set-confirm { padding:18px; gap:16px; border-radius:20px; }
 body .set-builder .set-confirm h2 { font-size:20px !important; }
 body .set-builder .set-confirm li { gap:10px; }
}

/* Catalogue search occupies the header row; its wallet sits by breadcrumbs. */
html[data-miniapp="true"] body .site-header .container.header-inner.has-miniapp-search { width:100% !important; grid-template-columns:32px minmax(0,1fr) auto !important; gap:8px !important; }
html[data-miniapp="true"] .has-miniapp-search .brand-name { display:none !important; }
html[data-miniapp="true"] body .site-header .has-miniapp-search>.header-search { grid-column:2 !important; grid-row:1 !important; }
html[data-miniapp="true"] body .site-header .has-miniapp-search>.header-actions { grid-column:3 !important; grid-row:1 !important; }
html[data-miniapp="true"] .has-miniapp-search .header-search input { font-size:16px !important; font-weight:600; padding-left:32px !important; }
html[data-miniapp="true"] .has-miniapp-search .header-search>i { left:11px !important; }
html[data-miniapp="true"] .catalog-topbar { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:20px; }
html[data-miniapp="true"] .catalog-topbar>.catalog-topline { margin:0; gap:8px; font-size:11px; flex-wrap:wrap; }
html[data-miniapp="true"] .catalog-topbar .miniapp-catalog-wallet { display:flex; align-items:center; flex:none; gap:4px; margin-left:auto; }
html[data-miniapp="true"] .miniapp-catalog-wallet .miniapp-header-balance { align-items:flex-end; min-height:44px; }
html[data-miniapp="true"] .miniapp-catalog-wallet .miniapp-header-balance-label { font-weight:600; font-size:10px; }
html[data-miniapp="true"] .miniapp-catalog-wallet .miniapp-header-balance-value { font-weight:800; font-size:13px; max-width:126px; }
html[data-miniapp="true"] .miniapp-catalog-wallet .miniapp-header-balance-add { height:44px; }
@media(max-width:360px) {
 body .set-builder .set-confirm li { grid-template-columns:38px minmax(0,1fr) auto; gap:8px; }
 body .set-builder .set-confirm li>span:first-child { width:38px; height:40px; }
 body .set-builder .set-confirm li>span:nth-child(2),body .set-builder .set-confirm li b { font-size:12px; }
 body .home-page .home-section-head :is(h1,h2) { font-size:20px !important; }
 html[data-miniapp="true"] .miniapp-catalog-wallet .miniapp-header-balance-value { max-width:105px; }
}
@media(prefers-reduced-motion:reduce) { .home-steam-chevron { transition:none; } }

/* Steam belongs to the mobile shop group; inventory remains its own section. */
.home-steam-slot:empty { display:none; }
@media(max-width:700px) {
 body .home-page .home-steam-slot:not(:empty) { margin-top:12px; }
 body .home-page .home-steam-slot>.hero-grid { margin:0 !important; }
 body .home-page .home-inventory-section { margin-top:8px !important; }
 body .home-page .home-steam-details>summary { min-height:78px; padding:15px 16px; border-color:#397fca; background:linear-gradient(115deg,#173c76,#1768b6); color:#fff; box-shadow:0 6px 18px #174f9b1a; }
 body .home-page .home-steam-icon { width:42px; height:42px; border:0; border-radius:50%; background:#fff; overflow:hidden; }
 body .home-page .home-steam-icon img { display:block; width:42px; height:42px; object-fit:contain; }
 body .home-page .home-steam-copy strong { color:#fff; font-weight:800; }
 body .home-page .home-steam-copy small { color:#d8eaff; font-weight:600; }
 body .home-page .home-steam-chevron { color:#fff; }
 body .home-page .home-steam-details[open]>summary { border-color:#397fca; background:linear-gradient(115deg,#173c76,#1768b6); }
 body .home-page .home-steam-details[open] .home-steam-chevron { transform:rotate(90deg); }
}