/* Shared local storefront presentation, loaded through preview head settings. */
:root { --font-body: 'Poppins','Segoe UI',sans-serif !important; --font-heading: 'Barlow Condensed',sans-serif !important; --font-display: 'Barlow Condensed',sans-serif !important; }
.legacy-shell h1,.legacy-shell h2,.legacy-shell h3,.legacy-shell h4 { font-family: var(--font-heading) !important; }
.legacy-shell input,.legacy-shell button,.legacy-shell select,.legacy-shell textarea { font-family: var(--font-body) !important; }
.legacy-shell { background: #fff !important; }
.legacy-shell main h1 { font-family: var(--font-heading); text-transform: none; letter-spacing: -.01em; }
.deck-section { background: #fff !important; border: 0 !important; box-shadow: none !important; border-radius: 0; }
.deck-header { justify-content: flex-start; margin-bottom: 24px; }
.deck-title { font-size: clamp(34px,3vw,52px) !important; text-transform: none !important; letter-spacing: -.01em !important; text-align: left; font-weight: 700; color: #17191d; }
.filter-label { color: #737b87; font-size: 11px; letter-spacing: .06em; font-weight: 500; }
.filter-search-input,.filter-select { border-color: #e2e5ea; border-radius: 6px; min-height: 44px; font-weight: 400; font-size: 14px; }
.collection-count { color: #737b87; font-size: 13px; font-weight: 400; }
.row-name { font-weight: 500 !important; line-height: 1.5; }
.row-card,.product-table-wrap { border-color: #e5e8ed !important; box-shadow: none !important; border-radius: 6px; background: #fff; }
.pdp-card { background: #fff; border-color: #e5e8ed; border-radius: 6px; padding: 28px; gap: 32px; box-shadow: none; }
.pdp-title { font-size: clamp(30px,2.3vw,44px); text-transform: none; letter-spacing: -.01em; line-height: 1.15; color: #17191d; }
.pdp-meta,.pdp-description-inline { color: #68717e; line-height: 1.8; }
.pdp-media,.pdp-buybox,.pdp-faq { border-color: #e5e8ed; border-radius: 6px; box-shadow: none; }
.pdp-faq-title { text-transform: none; letter-spacing: 0; font-size: 32px; }
.pdp-faq summary { font-family: var(--font-body); font-weight: 500; }
.pdp-add-cart,.cart-checkout,.wishlist-lookup-btn,.deckbuilder-submit,.contact-submit { background: #2563eb; color: #fff; border-radius: 6px; box-shadow: none; text-transform: none; letter-spacing: 0; }
.cart-panel,.cart-summary,.cart-empty,.wishlist-lookup,.wishlist-item,.contact-form-card,.contact-info-card { border: 1px solid #e5e8ed; border-radius: 6px; background: #fff; box-shadow: none; }
.cart-shell-head h1,.wishlist-shell-head h1,.wishlist-lookup h1 { text-transform: none; letter-spacing: -.01em; font-size: clamp(34px,3vw,48px); }
.cart-shell-subtitle,.wishlist-shell-subtitle,.wishlist-lookup-desc { color: #737b87; line-height: 1.7; }
.contact-hero { background: #17191d !important; padding: 48px 24px; }
.contact-hero h1 { color: #fff; font-size: clamp(38px,3.5vw,60px); text-transform: none; }
.contact-hero p { color: #c2c9d4; }
.contact-body { gap: 32px; padding: 40px 24px; }
.contact-body h2 { text-transform: none; font-size: 30px; }
.ep-row { box-shadow: none; border: 1px solid #e5e8ed; border-radius: 6px; }
.ep-row-title { text-transform: none; letter-spacing: 0; }
.breadcrumbs { color: #737b87; font-size: 12px; }
.policy-hero { background: #17191d !important; padding: 48px 24px; }
.policy-hero h1 { color: #fff !important; text-transform: none; font-size: clamp(38px,3.5vw,56px); letter-spacing: -.01em; }
.policy-hero p { color: #c2c9d4 !important; }
.policy-content { background: #fff; border-color: #e5e8ed; border-radius: 6px; box-shadow: none; line-height: 1.8; }
.policy-content h2,.policy-content h3 { text-transform: none; letter-spacing: 0; }
.sell-hero p { color: #68717e; }
.ep-hero,.auc-hero,.events-cal-hero { background: #17191d !important; box-shadow: none; }
.ep-hero h1,.auc-hero h1,.events-cal-hero h1 { color: #fff !important; text-transform: none; letter-spacing: -.01em; }
.ep-hero p,.auc-hero p,.events-cal-hero p { color: #c2c9d4 !important; }
.ep-detail-card,.ep-sidebar-card { border-radius: 6px !important; border-color: #e5e8ed; box-shadow: none !important; }
.ep-detail-main,.ep-detail-action-card { border-radius: 6px !important; box-shadow: none !important; }
.cart-summary,.cart-item,.cart-shell-head { background: #fff !important; border-color: #e5e8ed !important; box-shadow: none; }
.cart-shell-head h1 { text-transform: none !important; }
.blog-page-title { font-size: clamp(34px,3vw,52px); text-transform: none; letter-spacing: -.01em; }
.login-card,.account-card,.account-section,.checkout-card,.checkout-summary,.blog-card { border-color: #e5e8ed; border-radius: 6px; background: #fff; box-shadow: none; }
.login-title,.account-title,.checkout-title,.blog-article h1 { font-family: var(--font-heading) !important; font-size: clamp(34px,3vw,48px) !important; text-transform: none; letter-spacing: -.01em; }
.login-description,.account-subtitle,.checkout-subtitle,.blog-card-excerpt { color: #737b87; line-height: 1.8; }
.login-button,.checkout-button,.checkout-pay-btn { background: #2563eb !important; color: #fff; box-shadow: none; border-radius: 6px; text-transform: none; letter-spacing: 0; }
.login-input { border: 1px solid #dce0e6; border-radius: 6px; background: #fff; color: #17191d; min-height: 46px; }
.blog-card-title { text-transform: none; letter-spacing: 0; font-size: 26px; }
.blog-article-body { font: 400 15px/1.9 var(--font-body); color: #59616e; }
.blog-article-body h2 { font-size: 32px; text-transform: none; }
.blog-featured-image { max-width: 1200px; max-height: 440px; margin: 24px auto 36px; overflow: hidden; border-radius: 6px; }
.blog-featured-image img { max-height: 440px; object-fit: cover; }
.blog-featured-placeholder { min-height: 260px; max-height: 360px; aspect-ratio: auto; }
.blog-article { max-width: 1000px; margin: 0 auto; padding-bottom: 48px; }
.notifications-page { padding: 24px 12px 48px; min-height: 55vh; }
.notifications-page h1 { line-height: 1.2; }
.co-wrapper { background: #fff; font-family: var(--font-body); color: #17191d; }
.co-title,.co-card h2,.co-summary h2 { font-family: var(--font-heading) !important; text-transform: none; letter-spacing: -.01em; }
.co-title { font-size: clamp(34px,3vw,48px); }
.co-card,.co-summary { background: #fff; border: 1px solid #e5e8ed; border-radius: 6px; box-shadow: none; }
.co-card-sub,.co-field-hint { color: #737b87; }
.co-input { border-color: #dce0e6; border-radius: 6px; font-family: var(--font-body); }
.co-input:focus { border-color: #8a98af !important; box-shadow: none !important; outline: 2px solid #b6c1d2; outline-offset: 2px; }
.co-btn { border-radius: 6px; box-shadow: none !important; font-family: var(--font-body); }
.co-btn--primary { background: #2563eb; color: #fff; }
.custom-page-hero { background: #17191d !important; color: #fff; }
.custom-page-hero h1 { color: #fff !important; font-family: var(--font-heading) !important; font-size: clamp(38px,3.5vw,56px); text-transform: none; }
.custom-page-hero p { color: #c2c9d4 !important; }
.custom-page-html { font-family: var(--font-body); line-height: 1.8; }
.acct-stat-card,.acct-panel { border-color: #e5e8ed; border-radius: 6px; box-shadow: none; }
.acct-stat-icon { background: #f1f3f6 !important; color: #59616e !important; }
.acct-credit-hero { background: #17191d !important; color: #fff; }
.storefront-payment-page { background: #fff !important; border-radius: 6px !important; font-family: var(--font-body); }
.storefront-payment-page h1,.storefront-payment-page h2 { font-family: var(--font-heading) !important; text-transform: none; }
.storefront-payment-page h1 { font-size: clamp(34px,3vw,48px); }
.storefront-payment-page section { border-color: #e5e8ed; box-shadow: none; border-radius: 6px; }
.storefront-payment-page button { font-family: var(--font-body); border-radius: 6px; }
.storefront-payment-page button:not(:disabled) { background-color: #2563eb; }
.buylist-store-link { border-color: #68717e !important; }
.buylist-store-link:hover { background: #2563eb !important; color: #fff !important; }
.sell-info-callout { background: #f5f6f8; border: 1px solid #e5e8ed; border-radius: 6px; box-shadow: none; color: #59616e; }
.legacy-shell main input:focus-visible,.legacy-shell main select:focus-visible,.legacy-shell main textarea:focus-visible { outline: 2px solid #8a98af; outline-offset: 2px; }
@media(max-width:960px) { .site-header .header-top .search { display: none !important; } }
@media(max-width:800px) { .pdp-card { padding: 18px; gap: 24px; } .contact-body { padding: 28px 12px; } .deck-title { font-size: 34px !important; } }
@media(min-width:961px) { .deck-section:has(.slabs-intro) .filter-group--search { width: 520px; min-width: 520px; max-width: 520px; flex: 0 1 520px; } }