/*
Theme Name: SellMyTires
Template: listinghive
Description: SellMyTires "Sidewall" marketplace UI on ListingHive/HivePress (brand direction F, Midnight & Signal Amber). One stylesheet: base tokens and components first, then the Sidewall design layer.
Version: 4.1.0
Text Domain: sellmytires
*/

/* =====================================================================
   1. TOKENS
   ===================================================================== */
/* Brand direction F: Midnight & Signal Amber.
   Navy = text, structure, trust. Amber = primary actions only (navy text on amber, 7.6:1). */
:root { --smt-navy: #14263D; --smt-navy-2: #2B3F57; --smt-amber: #F2A43A; --smt-amber-hover: #E3911F; --smt-white: #FFFFFF; --smt-cool: #E9EEF3; --smt-slate: #5B6B7C; --smt-border: #DCE3EA; --smt-success: #16845B; --smt-alert: #D64545; /* Legacy aliases used throughout this stylesheet */ --smt-carbon: var(--smt-navy); --smt-graphite: var(--smt-navy-2); --smt-lime: var(--smt-amber); --smt-lime-hover: var(--smt-amber-hover); --smt-cloud: #F1F4F7; --smt-steel: var(--smt-slate); --smt-text: var(--smt-navy); --smt-text-muted: #5B6B7C; --smt-focus: 0 0 0 3px rgba(242, 164, 58, 0.85), 0 0 0 5px #14263D; --smt-font-head: "Schibsted Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif; --smt-font-body: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif; --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px; --s6: 32px; --s7: 48px; --s8: 64px; --s9: 96px; --smt-radius: 14px; --smt-radius-lg: 18px; --smt-shadow-sm: 0 1px 2px rgba(20, 38, 61, 0.05); --smt-shadow: 0 1px 2px rgba(20, 38, 61, 0.04), 0 4px 12px rgba(20, 38, 61, 0.07); --smt-shadow-lg: 0 2px 4px rgba(20, 38, 61, 0.04), 0 14px 34px rgba(20, 38, 61, 0.12); --smt-max: 1360px; --smt-gutter: 40px; --smt-ease: cubic-bezier(0.2, 0.7, 0.2, 1); }
@media (max-width: 1023px) {
	:root { --smt-gutter: 24px; }
}
@media (max-width: 599px) {
	:root { --smt-gutter: 16px; }
}
/* =====================================================================
   2. BASE
   ===================================================================== */
body { font-family: var(--smt-font-body); color: var(--smt-text); background: #fff; overflow-x: clip; -webkit-font-smoothing: antialiased; }
body, p, li, input, select, textarea, button { font-family: var(--smt-font-body); }
h1, h2, h3, h4, h5, h6, .hp-listing__title, .hp-vendor__name { font-family: var(--smt-font-head); font-weight: 700; color: var(--smt-carbon); letter-spacing: -0.02em; }
h1 { font-size: clamp(2rem, 4vw, 3.4rem); line-height: 1.04; font-weight: 800; letter-spacing: -0.03em; }
h2 { font-size: clamp(1.5rem, 2.6vw, 2.125rem); line-height: 1.15; }
h3 { font-size: 1.125rem; line-height: 1.3; }
a { color: var(--smt-carbon); text-underline-offset: 3px; }
a:hover { color: var(--smt-graphite); }
::selection { background: var(--smt-lime); color: var(--smt-carbon); }
.container { max-width: calc(var(--smt-max) + var(--smt-gutter) * 2); padding-left: var(--smt-gutter); padding-right: var(--smt-gutter); }
:focus-visible { outline: none; box-shadow: var(--smt-focus) !important; border-radius: 6px; }
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
}
.smt-icon { flex: none; vertical-align: -0.15em; }
.smt-currency { font-size: 0.7em; font-weight: 600; color: var(--smt-text-muted); letter-spacing: 0.02em; }
/* =====================================================================
   3. BUTTONS
   ===================================================================== */
.smt-btn, .button, .wp-block-button__link { display: inline-flex; align-items: center; justify-content: center; gap: var(--s2); min-height: 44px; padding: 0 var(--s5); border-radius: 10px; border: 1px solid transparent; font-family: var(--smt-font-body); font-weight: 600; font-size: 0.95rem; line-height: 1; text-decoration: none; cursor: pointer; transition: background-color 0.15s var(--smt-ease), border-color 0.15s, color 0.15s, transform 0.15s var(--smt-ease); }
.smt-btn:active, .button:active { transform: translateY(1px); }
.smt-btn--primary, .button--primary, .hp-form__button.button--primary, .wp-block-button.smt-cta .wp-block-button__link, .smt-post-cta { background: var(--smt-lime) !important; border-color: var(--smt-lime) !important; color: var(--smt-carbon) !important; }
.smt-btn--primary:hover, .button--primary:hover, .smt-post-cta:hover { background: var(--smt-lime-hover) !important; border-color: var(--smt-lime-hover) !important; }
.smt-btn--secondary, .button--secondary { background: var(--smt-carbon) !important; border-color: var(--smt-carbon) !important; color: #fff !important; }
.smt-btn--secondary:hover, .button--secondary:hover { background: var(--smt-graphite) !important; border-color: var(--smt-graphite) !important; }
.smt-btn--tertiary { background: transparent; border-color: var(--smt-border); color: var(--smt-carbon); }
.smt-btn--tertiary:hover { border-color: var(--smt-carbon); color: var(--smt-carbon); }
.smt-btn--on-dark { background: transparent; border-color: rgba(255, 255, 255, 0.35); color: #fff; }
.smt-btn--on-dark:hover { border-color: #fff; color: #fff; }
/* =====================================================================
   4. FORMS
   ===================================================================== */
input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="search"], input[type="tel"], input[type="url"], textarea, select, .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple { min-height: 48px; border: 1px solid var(--smt-border) !important; border-radius: 10px !important; background-color: #fff; color: var(--smt-carbon); font-size: 1rem; transition: border-color 0.15s, box-shadow 0.15s; }
input:focus, textarea:focus, select:focus, .select2-container--focus .select2-selection, .select2-container--open .select2-selection { border-color: var(--smt-carbon) !important; box-shadow: 0 0 0 3px rgba(242, 164, 58, 0.35) !important; outline: none; }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 46px; padding-left: 14px; color: var(--smt-carbon); }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 46px; }
.select2-dropdown { border-color: var(--smt-border) !important; border-radius: 10px !important; box-shadow: var(--smt-shadow-lg); overflow: hidden; }
.select2-container--default .select2-results__option--highlighted, .select2-results__option--highlighted[aria-selected] { background: var(--smt-cloud) !important; color: var(--smt-carbon) !important; }
.hp-form__label, .hp-field__label { font-weight: 600; color: var(--smt-carbon); }
.hp-form__description, .hp-field__description { color: var(--smt-text-muted); font-size: 0.85rem; line-height: 1.45; }
input[type="checkbox"], input[type="radio"] { accent-color: var(--smt-carbon); }
/* =====================================================================
   5. HEADER
   ===================================================================== */
.header-navbar { position: sticky; top: 0; z-index: 50; min-height: 72px; padding: 0 var(--smt-gutter); background: rgba(255, 255, 255, 0.97); backdrop-filter: saturate(1.4) blur(8px); border-bottom: 1px solid var(--smt-border); }
.smt-logo { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; color: var(--smt-carbon); }
.smt-logo svg { display: block; }
.smt-logo__word { font-family: var(--smt-font-head); font-weight: 800; font-size: 1.35rem; letter-spacing: -0.03em; color: var(--smt-carbon); }
.header-navbar__menu .menu > li > a, .header-navbar__menu .hp-menu__item { font-weight: 500; font-size: 0.95rem; color: var(--smt-graphite); padding: 0.5rem 0.75rem; border-radius: 8px; }
.header-navbar__menu .menu > li > a:hover { color: var(--smt-carbon); background: var(--smt-cloud); }
.header-navbar__menu .menu > li > a::before, .header-navbar__menu .menu > li > a::after { display: none !important; }
.header-navbar__menu .sub-menu { border-radius: 12px; border: 1px solid var(--smt-border); box-shadow: var(--smt-shadow-lg); padding: 6px; }
.header-navbar__menu .sub-menu a { border-radius: 8px; }
.header-navbar__menu .hp-icon { display: none; }
.smt-post-cta { min-height: 44px; padding: 0 18px; border-radius: 10px; font-weight: 700; white-space: nowrap; }
.header-navbar__actions { margin-left: var(--s3); }
@media (max-width: 1023px) {
	.header-navbar { min-height: 60px; }
	.smt-logo svg { width: 30px; height: 30px; }
	.smt-logo__word { font-size: 1.15rem; }
	.smt-post-cta span { display: none; }
	.smt-post-cta { padding: 0 12px; }
}
/* =====================================================================
   6. HERO
   ===================================================================== */
.header-hero { background-color: var(--smt-carbon); }
.header-hero--cover { position: relative; background-position: center; background-size: cover; }
.header-hero--cover::before { content: ""; position: absolute; inset: 0; background: linear-gradient(100deg, rgba(20, 38, 61, 0.97) 0%, rgba(20, 38, 61, 0.88) 45%, rgba(20, 38, 61, 0.6) 100%); }
.header-hero--cover .header-hero__content { position: relative; z-index: 1; }
.header-hero h1, .header-hero h2, .header-hero .hp-listing-category__name { color: #fff; }
.header-hero, .header-hero p { color: rgba(255, 255, 255, 0.86); }
.header-hero .hp-listing-category__item-count { background: rgba(255, 255, 255, 0.12); color: #fff; }
.home .header-hero--large { padding: var(--s8) 0; }
.smt-hero { max-width: 1100px; }
.smt-hero h1 { margin: 0 0 var(--s4); max-width: 18ch; }
@media (max-width: 767px) {
	.home .header-hero--large { padding: var(--s6) 0; }
}
/* =====================================================================
   7. HOMEPAGE SECTIONS
   ===================================================================== */
.smt-section { margin: var(--s8) 0; }
.smt-section__head { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: var(--s4); margin-bottom: var(--s5); }
.smt-section__head h2 { margin: 0; }
.smt-section__head p { margin: var(--s2) 0 0; color: var(--smt-text-muted); }
.smt-edu { display: grid; grid-template-columns: 1fr 1.2fr; gap: var(--s7); align-items: center; }
.smt-edu p { color: var(--smt-text-muted); line-height: 1.6; }
@media (max-width: 899px) {
	.smt-edu { grid-template-columns: 1fr; gap: var(--s5); }
}
.smt-sidewall { margin: 0; padding: var(--s6); border-radius: var(--smt-radius-lg); background: var(--smt-carbon); color: #fff; }
.smt-sidewall__code { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: center; gap: 2px; margin-bottom: var(--s5); font-family: var(--smt-font-head); font-weight: 800; font-size: clamp(2rem, 5vw, 3.4rem); letter-spacing: 0.02em; color: #fff; }
.smt-sidewall__seg { padding: 0 4px; border-bottom: 3px solid var(--smt-graphite); }
.smt-sidewall__seg--1, .smt-sidewall__seg--2, .smt-sidewall__seg--4 { color: var(--smt-lime); border-bottom-color: var(--smt-lime); }
.smt-sidewall__sep { color: rgba(255, 255, 255, 0.4); }
.smt-sidewall__gap { width: 0.4em; }
.smt-sidewall__legend { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--s3) var(--s5); margin: 0; padding: 0; list-style: none; }
.smt-sidewall__item { display: grid; grid-template-columns: 44px 1fr; column-gap: var(--s3); font-size: 0.9rem; margin: 0; }
.smt-sidewall__item strong { grid-row: span 2; font-family: var(--smt-font-head); font-size: 1.1rem; color: #fff; }
.smt-sidewall__item--1 strong, .smt-sidewall__item--2 strong, .smt-sidewall__item--4 strong { color: var(--smt-lime); }
.smt-sidewall__item span { color: #fff; font-weight: 600; }
.smt-sidewall__item small { color: rgba(255, 255, 255, 0.65); font-size: 0.82rem; line-height: 1.4; }
@media (max-width: 599px) {
	.smt-sidewall { padding: var(--s5) var(--s4); }
	.smt-sidewall__legend { grid-template-columns: 1fr; }
}
/* =====================================================================
   8. LISTING CARDS
   ===================================================================== */
.smt-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--s5); }
@media (max-width: 1199px) {
	.smt-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 899px) {
	.smt-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s3); }
}
@media (max-width: 359px) {
	.smt-grid { grid-template-columns: 1fr; }
}
.hp-listing--view-block { position: relative; display: flex; flex-direction: column; height: 100%; border: 1px solid var(--smt-border) !important; border-radius: var(--smt-radius) !important; background: #fff; box-shadow: var(--smt-shadow-sm) !important; overflow: hidden; transition: box-shadow 0.2s var(--smt-ease), transform 0.2s var(--smt-ease), border-color 0.2s; }
.hp-listing--view-block:hover { box-shadow: var(--smt-shadow-lg) !important; transform: translateY(-3px); border-color: #D3D9DF !important; }
.hp-listing--view-block .hp-listing__header { position: relative; margin: 0 !important; }
.hp-listing--view-block .hp-listing__image { aspect-ratio: 4 / 3; background: var(--smt-cloud); overflow: hidden; margin: 0 !important; }
.hp-listing--view-block .hp-listing__image a, .hp-listing--view-block .hp-listing__image img { display: block; width: 100%; height: 100%; }
.hp-listing--view-block .hp-listing__image img { object-fit: cover; border-radius: 0 !important; transition: transform 0.4s var(--smt-ease); }
.hp-listing--view-block:hover .hp-listing__image img { transform: scale(1.03); }
.hp-listing--view-block .hp-listing__image img[src*="placeholder"] { object-fit: contain; padding: 22%; opacity: 0.35; }
.hp-listing--view-block .hp-listing__content { flex: 1; padding: var(--s4) !important; display: flex; flex-direction: column; }
.hp-listing--view-block .hp-listing__footer { position: absolute; top: 10px; right: 10px; z-index: 3; padding: 0 !important; border: 0 !important; background: none !important; }
.hp-listing--view-block .hp-listing__actions--primary { display: flex; gap: 6px; }
.hp-listing--view-block .hp-listing__action { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: rgba(255, 255, 255, 0.95); color: var(--smt-carbon); box-shadow: var(--smt-shadow); transition: transform 0.15s var(--smt-ease); }
.hp-listing--view-block .hp-listing__action:hover { transform: scale(1.08); }
.hp-listing--view-block .hp-listing__action--message { display: none !important; }
.hp-listing__featured-badge { top: 10px !important; left: auto !important; right: 54px !important; }
.smt-card { display: flex; flex-direction: column; gap: 6px; flex: 1; }
.smt-card__title { margin: 0; font-size: 1rem; line-height: 1.3; font-weight: 700; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.smt-card__title a { color: var(--smt-carbon); text-decoration: none; }
.smt-card__title a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.smt-size-chip { display: inline-block; padding: 3px 8px; border-radius: 6px; background: var(--smt-carbon); color: #fff; font-family: var(--smt-font-head); font-weight: 700; font-size: 0.82rem; letter-spacing: 0.02em; font-variant-numeric: tabular-nums; }
.smt-size-chip--lg { font-size: 1rem; padding: 5px 10px; }
.smt-card__price { font-family: var(--smt-font-head); font-weight: 800; font-size: 1.35rem; letter-spacing: -0.02em; color: var(--smt-carbon); font-variant-numeric: tabular-nums; }
.smt-card__noprice { font-size: 0.95rem; font-weight: 600; color: var(--smt-text-muted); }
.smt-card__meta { display: flex; flex-wrap: wrap; gap: 4px 12px; font-size: 0.8rem; color: var(--smt-text-muted); }
.smt-card__meta span { display: inline-flex; align-items: center; gap: 4px; }
@media (max-width: 599px) {
	.hp-listing--view-block .hp-listing__content { padding: var(--s3) !important; }
	.smt-card__price { font-size: 1.15rem; }
	.smt-card__title { font-size: 0.92rem; }
}
.smt-badge { display: inline-flex; align-items: center; padding: 3px 9px; border-radius: 99px; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; line-height: 1.6; color: #fff; }
.hp-listing--view-block .smt-badge { position: absolute; top: 12px; left: 12px; z-index: 2; box-shadow: var(--smt-shadow); }
.hp-listing--view-block:has(.smt-badge) .hp-listing__image img { filter: grayscale(0.65); opacity: 0.8; }
.hp-listing--view-block:has(.smt-badge) .smt-card__price { color: var(--smt-text-muted); }
.hp-listing--view-page .hp-listing__title .smt-badge { margin-right: 10px; vertical-align: middle; font-size: 0.8rem; }
.hp-listings .hp-row { row-gap: var(--s5); }
.hp-listings .hp-grid__item { margin-bottom: 0 !important; }
/* =====================================================================
   9. BROWSE PAGE
   ===================================================================== */
.hp-page__sidebar .hp-form--listing-filter, .hp-page__sidebar .hp-widget { border: 1px solid var(--smt-border); border-radius: var(--smt-radius); box-shadow: none; padding: var(--s5); background: #fff; }
.hp-form--listing-filter .hp-form__field { margin-bottom: var(--s4); }
.hp-form--listing-filter .hp-form__label { text-transform: none; letter-spacing: 0; font-size: 0.85rem; color: var(--smt-carbon); font-weight: 700; }
.hp-result-count { font-size: 0.9rem; color: var(--smt-text-muted); text-transform: none; letter-spacing: 0; }
.smt-browse-bar { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s2); margin-bottom: var(--s4); }
.smt-browse-bar:empty { display: none; }
.smt-filter-toggle { display: none !important; }
.smt-chips { display: flex; flex-wrap: wrap; gap: var(--s2); }
.smt-chip { display: inline-flex; align-items: center; gap: 6px; min-height: 34px; padding: 0 12px; border-radius: 99px; background: var(--smt-cloud); border: 1px solid var(--smt-border); color: var(--smt-carbon); font-size: 0.85rem; font-weight: 600; text-decoration: none; transition: background-color 0.15s, border-color 0.15s; }
.smt-chip b { font-size: 1.1em; line-height: 1; color: var(--smt-text-muted); }
.smt-chip:hover { background: #fff; border-color: var(--smt-carbon); color: var(--smt-carbon); }
.smt-chip--clear { background: transparent; border-color: transparent; text-decoration: underline; }
.smt-drawer__head { display: none; }
.hp-pagination .page-numbers { display: inline-grid; place-items: center; min-width: 44px; height: 44px; border-radius: 10px; border: 1px solid var(--smt-border); color: var(--smt-carbon); text-decoration: none; font-weight: 600; }
.hp-pagination .page-numbers.current { background: var(--smt-carbon); border-color: var(--smt-carbon); color: #fff; }
.hp-pagination .page-numbers.dots { border: 0; }
.smt-empty { text-align: center; padding: var(--s8) var(--s5); border: 1px dashed var(--smt-border); border-radius: var(--smt-radius); background: var(--smt-cloud); }
.smt-empty h3 { margin: 0 0 var(--s2); }
.smt-empty p, .smt-empty ul { margin: 0; color: var(--smt-text-muted); }
.smt-empty ul { list-style: none; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: var(--s2); margin-top: var(--s4); }
/* =====================================================================
   10. LISTING DETAIL PAGE
   ===================================================================== */
.smt-breadcrumbs ol { display: flex; flex-wrap: wrap; gap: 4px 0; margin: 0 0 var(--s4); padding: 0; list-style: none; font-size: 0.85rem; color: var(--smt-text-muted); }
.smt-breadcrumbs li { margin: 0; }
.smt-breadcrumbs li:not(:last-child)::after { content: "/"; margin: 0 8px; color: #C5CCD3; }
.smt-breadcrumbs a { color: var(--smt-text-muted); text-decoration: none; }
.smt-breadcrumbs a:hover { color: var(--smt-carbon); text-decoration: underline; }
.smt-breadcrumbs [aria-current] { color: var(--smt-carbon); max-width: 40ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; vertical-align: bottom; }
.hp-listing--view-page .hp-listing__title { font-size: clamp(1.5rem, 3vw, 2.25rem); font-weight: 800; line-height: 1.15; }
.hp-listing--view-page .hp-listing__images img { border-radius: var(--smt-radius) !important; }
.smt-summary { padding: var(--s5) !important; border: 1px solid var(--smt-border) !important; border-radius: var(--smt-radius-lg) !important; box-shadow: var(--smt-shadow) !important; background: #fff; }
.smt-summary__price { font-family: var(--smt-font-head); font-weight: 800; font-size: 2.25rem; letter-spacing: -0.03em; line-height: 1.1; color: var(--smt-carbon); font-variant-numeric: tabular-nums; }
.smt-summary__note { font-size: 0.8rem; color: var(--smt-text-muted); margin-top: 4px; }
.smt-summary__size { margin-top: var(--s4); }
.smt-summary__specs { margin-top: var(--s2); font-weight: 600; color: var(--smt-graphite); }
.smt-summary__meta { list-style: none; margin: var(--s4) 0; padding: var(--s4) 0 0; border-top: 1px solid var(--smt-border); display: grid; gap: var(--s2); font-size: 0.92rem; color: var(--smt-graphite); }
.smt-summary__meta li { display: flex; align-items: center; gap: 8px; margin: 0; }
.smt-share { width: 100%; }
.hp-listing__actions--primary .button { width: 100%; min-height: 48px; }
.smt-specs { margin: var(--s6) 0; }
.smt-specs__title { font-size: 1.35rem; margin: 0 0 var(--s4); }
.smt-specs__group { margin-bottom: var(--s4); border: 1px solid var(--smt-border); border-radius: var(--smt-radius); overflow: hidden; }
.smt-specs__group h3 { margin: 0; padding: var(--s3) var(--s4); background: var(--smt-cloud); font-size: 0.95rem; }
.smt-specs__group dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; }
.smt-specs__group dl > div { display: flex; justify-content: space-between; gap: var(--s4); padding: var(--s3) var(--s4); border-top: 1px solid var(--smt-border); }
.smt-specs__group dl > div:nth-child(odd) { border-right: 1px solid var(--smt-border); }
.smt-specs__group dt { color: var(--smt-text-muted); font-weight: 500; }
.smt-specs__group dd { margin: 0; font-weight: 600; text-align: right; font-variant-numeric: tabular-nums; }
@media (max-width: 599px) {
	.smt-specs__group dl { grid-template-columns: 1fr; }
	.smt-specs__group dl > div:nth-child(odd) { border-right: 0; }
}
.smt-specs__disclaimer { display: flex; gap: 8px; align-items: flex-start; font-size: 0.85rem; color: var(--smt-text-muted); line-height: 1.5; }
.smt-specs__disclaimer .smt-icon { margin-top: 2px; color: var(--smt-success); }
.hp-listing__description { line-height: 1.65; }
.hp-vendor--view-block { border: 1px solid var(--smt-border) !important; border-radius: var(--smt-radius-lg) !important; box-shadow: none !important; }
body.smt-listing-inactive .hp-listing__actions--primary { display: none !important; }
.smt-mobile-bar { display: none; }
@media (max-width: 767px) {
	.smt-mobile-bar:not([hidden]) { position: fixed; left: 0; right: 0; bottom: 0; z-index: 60; display: flex; align-items: center; justify-content: space-between; gap: var(--s3); padding: var(--s3) var(--s4) calc(var(--s3) + env(safe-area-inset-bottom)); background: #fff; border-top: 1px solid var(--smt-border); box-shadow: 0 -8px 24px rgba(20, 38, 61, 0.08); }
	.smt-mobile-bar__price { font-family: var(--smt-font-head); font-weight: 800; font-size: 1.35rem; }
	.smt-mobile-bar .smt-btn { min-height: 48px; }
	body.smt-has-mobile-bar .site-footer { padding-bottom: 96px; }
}
/* =====================================================================
   11. CONTENT PAGES
   ===================================================================== */
.smt-prose { max-width: 760px; font-size: 1.05rem; line-height: 1.7; }
.smt-prose h2 { margin: var(--s7) 0 var(--s3); }
.smt-prose h3 { margin: var(--s5) 0 var(--s2); }
.smt-prose li { margin-bottom: 6px; }
.smt-callout { padding: var(--s4) var(--s5); margin: var(--s5) 0; border-radius: var(--smt-radius); background: var(--smt-cloud); border-left: 4px solid var(--smt-carbon); }
.smt-callout--warn { border-left-color: var(--smt-alert); background: #FDF3F3; }
.smt-callout p { margin: 0; }
.smt-table { width: 100%; border-collapse: collapse; margin: var(--s4) 0; font-size: 0.95rem; }
.smt-table th, .smt-table td { padding: 10px 12px; border-bottom: 1px solid var(--smt-border); text-align: left; }
.smt-table th { background: var(--smt-cloud); font-weight: 700; }
.smt-faq details { border: 1px solid var(--smt-border); border-radius: var(--smt-radius); margin-bottom: var(--s3); background: #fff; }
.smt-faq summary { padding: var(--s4) var(--s5); font-family: var(--smt-font-head); font-weight: 700; cursor: pointer; list-style: none; display: flex; justify-content: space-between; gap: var(--s4); }
.smt-faq summary::-webkit-details-marker { display: none; }
.smt-faq summary::after { content: "+"; font-size: 1.4rem; line-height: 1; color: var(--smt-text-muted); }
.smt-faq details[open] summary::after { content: "–"; }
.smt-faq details > div { padding: 0 var(--s5) var(--s4); color: var(--smt-graphite); line-height: 1.65; }
.smt-cards-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--s4); margin: var(--s5) 0; }
.smt-cards-3 > div { padding: var(--s5); border: 1px solid var(--smt-border); border-radius: var(--smt-radius); }
.smt-cards-3 h3 { margin-top: 0; }
@media (max-width: 767px) {
	.smt-cards-3 { grid-template-columns: 1fr; }
}
/* =====================================================================
   12. FOOTER
   ===================================================================== */
.site-footer { background: var(--smt-carbon); color: rgba(255, 255, 255, 0.7); border: 0; padding: var(--s7) 0 var(--s6); margin-top: var(--s8); }
.site-footer a { color: rgba(255, 255, 255, 0.82); text-decoration: none; }
.site-footer a:hover { color: var(--smt-lime); }
.site-footer .footer-navbar { flex-wrap: wrap; gap: var(--s5); align-items: flex-start; }
.site-footer .footer-navbar__menu .menu { display: flex; flex-wrap: wrap; gap: var(--s2) var(--s5); }
.site-footer .footer-navbar__menu .menu > li { margin: 0; }
.site-footer .footer-navbar__copyright { color: rgba(255, 255, 255, 0.55); font-size: 0.9rem; }
/* =====================================================================
   13. TOAST, MODALS, MISC
   ===================================================================== */
.smt-toast { position: fixed; left: 50%; bottom: 24px; z-index: 2000; transform: translate(-50%, 20px); opacity: 0; padding: 12px 18px; border-radius: 10px; background: var(--smt-carbon); color: #fff; font-weight: 600; box-shadow: var(--smt-shadow-lg); transition: opacity 0.2s, transform 0.2s var(--smt-ease); }
.smt-toast.is-visible { opacity: 1; transform: translate(-50%, 0); }
.hp-modal { border-radius: var(--smt-radius-lg) !important; }
/* HivePress category tiles without photos -> compact cards */
.hp-listing-category--view-block:has(img[src*="/placeholders/"]) { display: flex; flex-direction: column-reverse; gap: 0.2rem; padding: var(--s4) var(--s5); border: 1px solid var(--smt-border); border-radius: var(--smt-radius); background: #fff; color: var(--smt-carbon); }
.hp-listing-category--view-block:has(img[src*="/placeholders/"]):hover { transform: translateY(-2px); border-color: var(--smt-carbon); }
.hp-listing-category--view-block:has(img[src*="/placeholders/"]) .hp-listing-category__image { display: none; }
.hp-listing-category--view-block:has(img[src*="/placeholders/"]) .hp-listing-category__content { position: static; padding: 0; }
.hp-listing-category--view-block:has(img[src*="/placeholders/"]) .hp-listing-category__name { margin: 0; font-size: 1.05rem; }
.hp-listing-category--view-block:has(img[src*="/placeholders/"]) .hp-listing-category__name a::after { content: ""; position: absolute; inset: 0; }
.hp-listing-category--view-block:has(img[src*="/placeholders/"]) .hp-listing-category__header { text-align: left; }
.hp-listing-category--view-block:has(img[src*="/placeholders/"]) .hp-listing-category__item-count { position: static; display: block; text-align: left; padding: 0; border: 0; background: none; color: var(--smt-text-muted); font-size: 0.8rem; }
/* =====================================================================
   14. LAYOUT FIXES ON TOP OF LISTINGHIVE
   ===================================================================== */
/* ListingHive's grid pins .container to 75.25rem; use the brand max width instead. */
.container { width: 100% !important; max-width: calc(var(--smt-max) + var(--smt-gutter) * 2) !important; padding-left: var(--smt-gutter) !important; padding-right: var(--smt-gutter) !important; }
.home .site-content > .container > *:first-child .smt-section:first-child, .home .smt-section:first-of-type { margin-top: var(--s7); }
.site-content { padding-top: var(--s6); }
.home .site-content { padding-top: 0; }
/* Search submit is always the lime primary action */
.hp-form--listing-search .hp-form__button, .hp-form--listing-filter .hp-form__button { background: var(--smt-lime) !important; border-color: var(--smt-lime) !important; color: var(--smt-carbon) !important; font-weight: 700; }
.hp-form--listing-search .hp-form__button:hover, .hp-form--listing-filter .hp-form__button:hover { background: var(--smt-lime-hover) !important; }
/* One box around filters, not two */
.hp-page__sidebar .hp-widget .hp-form--listing-filter, .hp-page__sidebar .widget .hp-form--listing-filter { border: 0; padding: 0; }
.hp-page__sidebar .hp-form--listing-filter .hp-field--radio input:checked + span::before, .hp-field--radio input:checked ~ span::before { border-color: var(--smt-carbon) !important; background: var(--smt-carbon) !important; }
.hp-form--listing-filter .noUi-connect, .hp-field--number-range .noUi-connect { background: var(--smt-carbon) !important; }
.hp-form--listing-filter .noUi-handle { border-color: var(--smt-carbon); }
/* Listing page: tabs underline + links use carbon, not the old accent */
.hp-listing--view-page .hp-menu--tabbed .hp-menu__item--current, .hp-menu--tabbed .current-menu-item > a { color: var(--smt-carbon) !important; border-color: var(--smt-carbon) !important; }
.hp-listing--view-page .hp-listing__images-carousel .slick-current img, .hp-listing__images-carousel img.current { outline: 2px solid var(--smt-carbon); }
/* Vendor box: smaller avatar */
.hp-vendor--view-block .hp-vendor__image img { max-width: 96px; margin: 0 auto; }
/* Mobile: HivePress filter button + 2-column compact cards on wider phones */
.hp-button--listing-filter { background: var(--smt-carbon) !important; border-color: var(--smt-carbon) !important; color: #fff !important; border-radius: 10px !important; min-height: 48px; font-weight: 600; }
.hp-button--listing-filter .hp-icon { color: var(--smt-lime); }
@media (min-width: 400px) and (max-width: 767px) {
	.hp-listings .hp-row > .hp-grid__item { flex-basis: 50%; max-width: 50%; }
	.hp-listings .hp-row { margin-left: -6px; margin-right: -6px; }
	.hp-listings .hp-row > .hp-grid__item { padding-left: 6px; padding-right: 6px; }
}
@media (max-width: 767px) {
	.hp-page__topbar { flex-wrap: wrap; gap: var(--s2); }
	.hp-listings .hp-row { row-gap: var(--s3); }
}
.smt-specs__disclaimer span { flex: 1; }
/* Logo size (ListingHive styles header images) */
.header-logo .smt-logo img { width: 36px !important; height: 36px !important; max-height: none; }
@media (max-width: 1023px) {
	.header-logo .smt-logo img { width: 30px !important; height: 30px !important; }
}
/* Mobile listing page: price + size right under the title */
.smt-title-price { display: none; }
@media (max-width: 767px) {
	.smt-title-price { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 0 0 var(--s4); }
	.smt-title-price__amount { font-family: var(--smt-font-head); font-weight: 800; font-size: 1.75rem; letter-spacing: -0.02em; }
	.smt-title-price__loc { display: inline-flex; align-items: center; gap: 4px; font-size: 0.85rem; color: var(--smt-text-muted); }
}
/* =====================================================================
   15. DIRECTION F: hero, band, footer
   ===================================================================== */
/* Homepage hero: solid midnight with the photo as a framed image (split layout, as approved) */
.home .header-hero, .home .header-hero--cover { background: var(--smt-navy) !important; background-image: none !important; }
.home .header-hero--cover::before { display: none; }
.smt-hero h1 { color: #fff; }
/* Size chip and tile icons */
/* Seller band: midnight with an amber road line */
.smt-sidewall { background: var(--smt-navy); }
.smt-sidewall__seg--1, .smt-sidewall__seg--2, .smt-sidewall__seg--4, .smt-sidewall__item--1 strong, .smt-sidewall__item--2 strong, .smt-sidewall__item--4 strong { color: var(--smt-amber); border-bottom-color: var(--smt-amber); }
.smt-sidewall__seg { border-bottom-color: rgba(255, 255, 255, 0.15); }
/* Badges */
/* Footer */
.site-footer { background: var(--smt-navy); }
.site-footer a:hover { color: var(--smt-amber); }
/* Header: wordmark in the heading face */
.smt-logo__word { font-family: var(--smt-font-head); font-weight: 800; letter-spacing: -0.035em; color: var(--smt-navy); }
/* F fixes: true midnight hero, full content width, natural price spacing, tiles fill the row */
.home .header-hero::before, .home .header-hero::after { display: none !important; content: none !important; }
.home .header-hero { background-color: var(--smt-navy) !important; }
.smt-hero { max-width: none; }
.smt-card__price, .smt-summary__price, .smt-title-price__amount, .smt-mobile-bar__price { font-variant-numeric: normal; }
/* =====================================================================
   16. PROMOTION: Featured + Bump
   ===================================================================== */
.smt-badge--featured { background: var(--smt-amber); color: var(--smt-navy); }
.hp-listing--view-block .hp-listing__featured-badge, .hp-listing--view-block .smt-badge--featured { position: absolute; top: 12px; left: 12px !important; right: auto !important; z-index: 2; box-shadow: var(--smt-shadow); }
.hp-listing--view-block:has(.smt-badge--featured) { border-color: var(--smt-amber) !important; box-shadow: 0 0 0 1px var(--smt-amber), var(--smt-shadow) !important; }
.hp-listing--view-block:has(.smt-badge--featured) .hp-listing__image img { filter: none; opacity: 1; }
.hp-listing--view-block:has(.smt-badge--featured) .smt-card__price { color: var(--smt-navy); }
.hp-listing--view-page .hp-listing__title .smt-badge--featured { margin-right: 10px; vertical-align: middle; }
.smt-owner { padding: var(--s5) !important; border: 1px solid var(--smt-border) !important; border-radius: var(--smt-radius) !important; display: grid; gap: var(--s2); }
.smt-owner__title { margin: 0 0 var(--s2); font-size: 1rem; }
.smt-owner .smt-btn { width: 100%; }
.smt-owner__free { margin-left: 6px; padding: 1px 8px; border-radius: 99px; background: rgba(255,255,255,.16); font-size: 0.75rem; }
.smt-owner__help { margin: 0 0 var(--s2); font-size: 0.82rem; color: var(--smt-text-muted); }
.smt-owner__notice { margin: 0 0 var(--s2); padding: 10px 12px; border-radius: 10px; font-size: 0.9rem; }
.smt-owner__notice--ok { background: #E6F4EE; color: #0F5E41; }
.smt-owner__notice--info { background: var(--smt-cool); color: var(--smt-navy); }
.smt-owner__featured { margin: var(--s2) 0 0; font-size: 0.9rem; }
.smt-owner [aria-disabled="true"] { cursor: default; color: var(--smt-text-muted); }
/* ===================================================== 17. v3.2 availability, near-me, radius */
/* Cards: no status badges, no greyed-out photos for older listings. */
.hp-listing--view-block:not(:has(.smt-badge--featured)) .hp-listing__image img { filter: none; opacity: 1; }
.hp-listing--view-block:not(:has(.smt-badge--featured)) .smt-card__price { color: var(--smt-navy); }
/* Listing page: a quiet availability note instead of a coloured alert. */
.smt-avail { margin: 0 0 var(--s4); padding: var(--s4); border: 1px solid var(--smt-border); border-radius: var(--smt-radius); background: var(--smt-cloud); font-size: 0.92rem; color: var(--smt-text-muted); }
.smt-avail__line { display: flex; gap: 8px; align-items: flex-start; margin: 0; line-height: 1.5; }
.smt-avail__line .smt-icon { flex: 0 0 auto; margin-top: 3px; }
.smt-avail__line strong { color: var(--smt-navy); }
.smt-avail .smt-btn { width: 100%; margin-top: var(--s4); }
.smt-avail__help { margin: var(--s2) 0 0; font-size: 0.85rem; }
.smt-avail__link { display: inline-flex; align-items: center; gap: 4px; margin-top: var(--s3, 12px); font-weight: 600; color: var(--smt-navy); text-decoration: underline; text-underline-offset: 3px; }
/* Fresh listings near you */
.smt-near { display: flex; flex-wrap: wrap; gap: var(--s2); align-items: center; }
.smt-near__field { position: relative; display: flex; align-items: center; flex: 1 1 220px; }
.smt-near__field .smt-icon { position: absolute; left: 12px; color: var(--smt-slate); pointer-events: none; }
.smt-near__field input { width: 100%; min-height: 46px; padding-left: 36px !important; border: 1px solid var(--smt-border); border-radius: 10px; }
.smt-near select { min-height: 46px; border: 1px solid var(--smt-border); border-radius: 10px; padding: 0 12px; background: #fff; flex: 0 0 auto; }
.smt-near .smt-btn { min-height: 46px; }
.smt-near__geo { display: inline-flex; align-items: center; gap: 6px; min-height: 46px; padding: 0 6px; background: none !important; border: 0 !important; box-shadow: none !important; color: var(--smt-navy); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.smt-near__note { margin: var(--s4) 0; color: var(--smt-text-muted); }
.smt-near__note a { color: var(--smt-navy); font-weight: 600; }
/* Radius picker in the main search */
@media (max-width: 640px) {
	.smt-near > * { flex: 1 1 100%; }
	.smt-near__geo { justify-content: center; }
}
.smt-avail-inline { display: flex; align-items: center; gap: 6px; margin: 6px 0 0; font-size: 0.88rem; color: var(--smt-text-muted); }
/* ===================================================== 18. v3.3 step-by-step posting */
.smt-wiz-hide { display: none !important; }
.smt-wiz { margin: 0 0 var(--s5); }
.smt-wiz__count { margin: 0 0 var(--s2); font-size: 0.8rem; font-weight: 700; color: var(--smt-text-muted); text-transform: uppercase; letter-spacing: 0.06em; }
.smt-wiz__steps { display: flex; gap: var(--s2); margin: 0 0 12px; padding: 0; list-style: none; }
.smt-wiz__steps li { display: flex; align-items: center; gap: 8px; flex: 1 1 0; min-width: 0; color: var(--smt-text-muted); font-size: 0.9rem; cursor: pointer; }
.smt-wiz__dot { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 28px; height: 28px; border-radius: 50%; border: 2px solid var(--smt-border); background: #fff; font-weight: 700; font-size: 0.85rem; }
.smt-wiz__label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.smt-wiz__steps li.is-current { color: var(--smt-navy); font-weight: 700; }
.smt-wiz__steps li.is-current .smt-wiz__dot { border-color: var(--smt-navy); background: var(--smt-navy); color: #fff; }
.smt-wiz__steps li.is-done .smt-wiz__dot { border-color: var(--smt-amber); background: var(--smt-amber); color: var(--smt-navy); }
.smt-wiz__track { height: 4px; border-radius: 4px; background: var(--smt-cool); overflow: hidden; }
.smt-wiz__fill { display: block; height: 100%; width: 20%; background: var(--smt-amber); transition: width 0.25s var(--smt-ease); }
.smt-wiz__title { margin: 0 0 var(--s4); font-size: 1.4rem; }
.smt-wiz__error { margin: 0 0 var(--s4); padding: 10px 14px; border-radius: 10px; background: #FDECEC; color: #8A1F1F; font-weight: 600; }
.smt-wiz__summary { display: grid; grid-template-columns: max-content 1fr; gap: 6px 16px; margin: 0 0 var(--s5); padding: var(--s4); border: 1px solid var(--smt-border); border-radius: var(--smt-radius); background: var(--smt-cloud); font-size: 0.92rem; }
.smt-wiz__summary dt { color: var(--smt-text-muted); }
.smt-wiz__summary dd { margin: 0; color: var(--smt-navy); font-weight: 600; }
.smt-wiz-on .hp-form__footer { display: flex; flex-wrap: wrap; gap: var(--s2); align-items: center; }
.smt-wiz-on .hp-form__footer .smt-wiz__next, .smt-wiz-on .hp-form__footer button[type=submit] { margin-left: auto; min-width: 160px; }
@media (max-width: 640px) {
	.smt-wiz__label { display: none; }
	.smt-wiz__steps li { flex: 0 0 auto; }
	.smt-wiz__steps { justify-content: space-between; }
	.smt-wiz-on .hp-form__footer > * { flex: 1 1 45%; }
}
.smt-wiz__steps { align-items: center; }
.smt-wiz__steps li { margin: 0 !important; padding: 0 !important; line-height: 1.2; }
.smt-wiz__steps li::before, .smt-wiz__steps li::marker { content: none !important; display: none !important; }
/* v3.3 seller banner after posting */
.smt-owner-status { margin: 0 0 var(--s5); padding: var(--s4) var(--s5); border-radius: var(--smt-radius); border: 1px solid var(--smt-border); background: var(--smt-cloud); }
.smt-owner-status--pending { border-left: 4px solid var(--smt-amber); }
.smt-owner-status--live { border-left: 4px solid var(--smt-success); }
.smt-owner-status p { margin: 0 0 var(--s2); }
.smt-owner-status__title { display: flex; align-items: center; gap: 8px; font-size: 1.05rem; color: var(--smt-navy); }
.smt-owner-status__actions { display: flex; flex-wrap: wrap; gap: var(--s2); margin: var(--s3, 12px) 0 0 !important; }
/* v3.3 Sign in with Google */
.smt-gsi { margin: 0 0 var(--s4); }
.smt-gsi__btn { display: flex; justify-content: center; min-height: 44px; }
.smt-gsi__status { margin: var(--s2) 0 0; text-align: center; color: var(--smt-text-muted); }
.smt-gsi__or { display: flex; align-items: center; gap: 12px; margin: var(--s4) 0 0; color: var(--smt-text-muted); font-size: 0.85rem; }
.smt-gsi__or::before, .smt-gsi__or::after { content: ""; flex: 1; height: 1px; background: var(--smt-border); }

/* =====================================================================
   SIDEWALL DESIGN LAYER (formerly assets/sidewall.css)
   ===================================================================== */
/* =====================================================================
   SellMyTires: "Sidewall" design layer (design review, round 1+).
   Loaded after style.css. The tire size code is the visual signature:
   heavy Schibsted Grotesk numerals, tabular, slightly tracked.
   ===================================================================== */
:root { --smt-slate: #4E5D6E; /* darker than #5B6B7C: small meta text passes WCAG AA on white and on #F1F4F7 */ --smt-text-muted: #4E5D6E; --smt-rubber: #0E1B2C; --smt-line: #DCE3EA; --fs-xs: 0.8125rem; /* 13 */ --fs-sm: 0.875rem; /* 14 */ --fs-md: 1rem; /* 16 */ --fs-lg: 1.25rem; /* 20 */ --fs-xl: 1.5625rem; /* 25 */ --fs-2xl: 1.953rem; /* 31 */ --fs-3xl: 2.441rem; /* 39 */ }
/* ---------- Base type ---------- */
body { font-size: var(--fs-md); line-height: 1.55; }
h2 { font-size: clamp(1.5rem, 2.4vw, var(--fs-2xl)); letter-spacing: -0.02em; }
h3 { font-size: var(--fs-lg); }
.smt-code, .smt-card__code, .smt-size-chip { font-family: var(--smt-font-head); font-weight: 800; font-variant-numeric: tabular-nums; letter-spacing: 0.02em; }
/* No all-caps template labels */
.hp-form__label, .hp-field__label, .hp-form__field > label, .hp-listing__categories a, .hp-vendor__registered-date, .hp-vendor__details, .hp-result-count, .hp-page__topbar label, .hp-form--listing-sort label, .smt-wiz__count, .smt-howto__label { text-transform: none !important; letter-spacing: 0 !important; }
.hp-form__label, .hp-field__label { font-size: var(--fs-sm); font-weight: 600; }
/* =====================================================================
   HOMEPAGE HERO: the size, typed big
   ===================================================================== */
.home .header-hero--large { padding: clamp(40px, 7vw, 88px) 0 clamp(40px, 6vw, 72px); }
.smt-hero { max-width: 980px; }
.smt-hero__q { margin: 0 0 clamp(16px, 2.4vw, 28px); font-size: clamp(1.5rem, 3.2vw, 2.5rem); font-weight: 700; letter-spacing: -0.02em; color: #fff; max-width: none; }
.smt-sizebox { margin: 0 0 var(--s5); }
.smt-sizebox__input { display: block; width: 100%; max-width: 640px; min-height: 0 !important; height: auto; padding: 6px 0 10px !important; margin: 0; border: 0 !important; border-bottom: 4px solid rgba(255, 255, 255, 0.28) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; font-family: var(--smt-font-head) !important; font-weight: 800; font-size: clamp(3rem, 11vw, 6rem) !important; line-height: 1; letter-spacing: 0.03em; font-variant-numeric: tabular-nums; text-transform: uppercase; color: #fff !important; caret-color: var(--smt-amber); }
.smt-sizebox__input::placeholder { color: rgba(255, 255, 255, 0.3); opacity: 1; }
.smt-sizebox__input:focus { border-bottom-color: var(--smt-amber) !important; box-shadow: none !important; }
.smt-sizebox__input:focus-visible { box-shadow: none !important; }
.smt-sizebox__legend { margin: var(--s3) 0 0; font-size: var(--fs-md); color: rgba(255, 255, 255, 0.78); max-width: 52ch; }
.smt-sizebox__hint { margin: var(--s2) 0 0; font-weight: 600; font-size: var(--fs-sm); color: #FFD597; }
.smt-sizebox__hint:empty { display: none; }
.smt-sizebox__hint.is-ok { color: #9BE3C3; }
/* The HivePress search form below the size: only "where" + distance + search. Width/ratio/rim stay in the
   form (hidden) because the size input fills them. */
.smt-hero__where .hp-form--listing-search { padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
.smt-hero__where .hp-form__field:has([name="s"]),
.smt-hero__where .hp-form__field:has(select[name="width"]),
.smt-hero__where .hp-form__field:has(select[name="ratio"]),
.smt-hero__where .hp-form__field:has(select[name="diameter"]),
.smt-hero__where .hp-form__field:has(select[name="region"]) { display: none !important; }
.smt-hero__where .hp-form--listing-search .hp-form__fields { gap: var(--s2); }
.smt-hero__where .hp-form--listing-search .hp-form__field { margin: 0; }
.smt-hero__where .hp-form--listing-search .hp-form__field:has([name="location"]) { flex: 1 1 260px; max-width: 360px; }
.smt-hero__where .hp-form--listing-search input, .smt-hero__where .select2-selection { background: #fff !important; border-color: transparent !important; }
.smt-hero__where .hp-form--listing-search .hp-form__footer { margin: 0 0 0 var(--s2) !important; padding: 0 !important; }
.smt-hero__where .hp-form--listing-search .hp-form__button { min-height: 48px; padding: 0 32px; font-size: var(--fs-md); }
.smt-hero__alt { display: flex; flex-wrap: wrap; gap: var(--s2) var(--s5); margin: var(--s5) 0 0; font-size: var(--fs-sm); }
.smt-hero__alt a { color: #fff; text-decoration: underline; text-decoration-color: rgba(255, 255, 255, 0.4); text-underline-offset: 4px; }
.smt-hero__alt a:hover { color: var(--smt-amber); text-decoration-color: var(--smt-amber); }
@media (max-width: 767px) {
	.smt-hero__where .hp-form--listing-search .hp-form__field:has([name="location"]) { max-width: none; flex-basis: 100%; }
	.smt-hero__where .hp-form--listing-search .hp-form__footer { margin: var(--s2) 0 0 !important; width: 100%; }
	.smt-hero__where .hp-form--listing-search .hp-form__button { width: 100%; }
	.smt-hero__alt { flex-direction: column; gap: var(--s3); }
}
/* =====================================================================
   HOMEPAGE SECTIONS
   ===================================================================== */
.smt-section { margin: clamp(48px, 7vw, 88px) 0; }
.smt-section > h2 { margin: 0 0 var(--s5); }
.smt-section__head { align-items: center; margin-bottom: var(--s5); }
.smt-section__head h2 { margin: 0; }
.smt-section__lede { margin: calc(-1 * var(--s3)) 0 var(--s6); color: var(--smt-text-muted); max-width: 60ch; }
.smt-section__more { margin: var(--s5) 0 0; }
.smt-section__more a, .smt-edu a:not(.smt-btn) { font-weight: 600; }
/* Browse by type: a plain list of filters with live counts */
.smt-types { display: flex; flex-wrap: wrap; gap: var(--s2) var(--s2); margin: 0; padding: 0; list-style: none; }
.smt-types li { margin: 0; }
.smt-types a { display: inline-flex; align-items: baseline; gap: 10px; min-height: 48px; padding: 12px 18px; border: 1px solid var(--smt-line); border-radius: 999px; background: #fff; color: var(--smt-navy); text-decoration: none; font-weight: 600; transition: border-color 0.15s, background-color 0.15s; }
.smt-types a:hover { border-color: var(--smt-navy); background: var(--smt-cool); }
.smt-types__count { font-weight: 500; font-size: var(--fs-sm); color: var(--smt-text-muted); font-variant-numeric: tabular-nums; }
/* Fresh near you: heading left, location picker right */
#fresh .smt-section__head { justify-content: space-between; }
#fresh .smt-near { flex: 0 1 560px; }
/* How it works: two numbered sequences, no boxes */
.smt-how__cols { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s6) var(--s8); }
.smt-how__cols h3 { margin: 0 0 var(--s4); font-size: var(--fs-lg); }
.smt-how__steps { counter-reset: step; margin: 0 0 var(--s5); padding: 0; list-style: none; display: grid; gap: var(--s4); }
.smt-how__steps li { counter-increment: step; position: relative; margin: 0; padding-left: 48px; color: var(--smt-text-muted); line-height: 1.55; max-width: 46ch; }
.smt-how__steps li::before { content: counter(step); position: absolute; left: 0; top: 0; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: var(--smt-navy); color: #fff; font-family: var(--smt-font-head); font-weight: 800; font-size: var(--fs-sm); }
.smt-how__steps strong { display: block; color: var(--smt-navy); font-size: var(--fs-md); }
@media (max-width: 767px) {
	.smt-how__cols { grid-template-columns: 1fr; }
}
/* Tire size explainer */
.smt-edu { align-items: start; }
.smt-edu h2 { margin-top: 0; }
/* =====================================================================
   LISTING CARDS: the size leads
   ===================================================================== */
.hp-listing--view-block .hp-listing__categories { display: none !important; }
.hp-listing--view-block { box-shadow: none !important; transition: border-color 0.15s !important; }
.hp-listing--view-block:hover { transform: none !important; box-shadow: none !important; border-color: var(--smt-navy) !important; }
.hp-listing--view-block:hover .hp-listing__image img { transform: none; }
.hp-listing--view-block .hp-listing__content { padding: 14px 16px 16px !important; }
.smt-card { gap: 2px; }
.smt-card > p { margin: 0; }
.smt-card__code { font-size: 1.5rem; line-height: 1.1; color: var(--smt-navy); }
.smt-card__code--text { font-size: 1.125rem; letter-spacing: 0; }
.smt-card__price { order: 0; margin-top: 2px !important; font-family: var(--smt-font-head); font-weight: 700; font-size: var(--fs-lg) !important; letter-spacing: -0.01em; color: var(--smt-navy); }
.smt-card__noprice { font-family: var(--smt-font-body); font-weight: 600; font-size: var(--fs-sm); color: var(--smt-text-muted); }
.smt-card__title { margin: 8px 0 0 !important; font-family: var(--smt-font-body) !important; font-weight: 500 !important; font-size: var(--fs-sm) !important; line-height: 1.4 !important; letter-spacing: 0 !important; color: var(--smt-navy); }
.smt-card__facts { margin-top: 2px !important; font-size: var(--fs-xs); color: var(--smt-text-muted); display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.smt-card__meta { margin-top: auto !important; padding-top: 10px; font-size: var(--fs-xs); color: var(--smt-text-muted); }
.smt-noimg { display: grid !important; place-items: center; width: 100%; height: 100%; background: var(--smt-cool); color: var(--smt-text-muted); font-size: var(--fs-sm); font-weight: 600; text-decoration: none; }
@media (max-width: 599px) {
	.smt-card__code { font-size: 1.25rem; }
	.smt-card__price { font-size: var(--fs-md) !important; }
	.smt-card__facts { display: none; }
	.hp-listing--view-block .hp-listing__content { padding: 10px 12px 12px !important; }
}
/* =====================================================================
   LISTING PAGE: one panel, said once
   ===================================================================== */
.hp-page__content > .hp-listing__categories { display: none; }
/* A tab bar with a single tab is not a tab bar */
.hp-menu--listing-manage:not(:has(a + a)) { visibility: hidden; }
.hp-page__topbar--separate:has(.hp-menu--listing-manage:not(:has(a + a))) { border-bottom: 0 !important; margin-bottom: var(--s3); }
.hp-listing--view-page .hp-listing__title { font-size: clamp(1.5rem, 2.6vw, var(--fs-2xl)); font-weight: 700; letter-spacing: -0.02em; }
.smt-summary { box-shadow: none !important; border-radius: 16px 16px 0 0 !important; margin-bottom: 0 !important; padding-bottom: var(--s4) !important; }
.smt-summary .smt-size-chip { background: none; color: var(--smt-navy); padding: 0; font-size: var(--fs-xl); border-radius: 0; }
.smt-summary__price { font-size: var(--fs-3xl); font-weight: 800; }
.smt-summary__note { font-size: var(--fs-xs); }
.smt-summary__size { margin-top: var(--s3); }
.smt-summary__specs { font-weight: 500; color: var(--smt-navy); }
.smt-summary__meta { margin-bottom: 0; }
.smt-summary .smt-share { margin-top: var(--s4); }
.smt-summary + .hp-listing__actions--primary { margin-top: 0 !important; padding: 0 var(--s5) var(--s5) !important; border: 1px solid var(--smt-line) !important; border-top: 0 !important; border-radius: 0 0 16px 16px !important; box-shadow: none !important; background: #fff; }
.hp-listing--view-page .hp-listing__actions--primary .hp-listing__action--report, .hp-listing--view-page .hp-listing__actions--primary .hp-link { font-size: var(--fs-sm); color: var(--smt-text-muted); }
.hp-page__sidebar .hp-listing__map { margin-top: var(--s5); border-radius: 16px; overflow: hidden; border: 1px solid var(--smt-line); }
.hp-page__sidebar .hp-vendor--view-block { margin-top: var(--s5); }
.hp-vendor--view-block .hp-vendor__footer { display: none !important; }
.hp-vendor--view-block .hp-vendor__image img { max-width: 64px !important; }
.hp-vendor--view-block .hp-vendor__name { font-size: var(--fs-lg); }
.smt-specs__group h3 { font-size: var(--fs-sm); }
@media (max-width: 767px) {
	.smt-title-price .smt-size-chip { background: none; color: var(--smt-navy); padding: 0; font-size: var(--fs-lg); }
	/* Price + size already sit under the title and in the sticky bar on phones */
	.smt-summary__price, .smt-summary__note, .smt-summary__size, .smt-summary__specs { display: none; }
	.smt-summary__meta { margin-top: 0; padding-top: 0; border-top: 0; }
}
/* =====================================================================
   BROWSE
   ===================================================================== */
@media (max-width: 767px) {
	/* Results first: no continent map, and the top search keeps only keyword + where (size filters are in the drawer). */
	.hp-page__sidebar .hp-map, .hp-page__sidebar .hp-listing__map:not(.hp-listing--view-page *) { display: none !important; }
	body:not(.home) .hp-form--listing-search .hp-form__field:has(select[name="width"]),
	body:not(.home) .hp-form--listing-search .hp-form__field:has(select[name="ratio"]),
	body:not(.home) .hp-form--listing-search .hp-form__field:has(select[name="diameter"]) { display: none !important; }
}
/* =====================================================================
   FOOTER: readable
   ===================================================================== */
.site-footer { padding: var(--s7) 0 var(--s6); }
.site-footer .footer-navbar { align-items: flex-start; justify-content: space-between; gap: var(--s5) var(--s7); }
.site-footer .footer-navbar__menu ul.menu { gap: var(--s3) var(--s5); }
.site-footer .footer-navbar__menu ul.menu > li > a,
.site-footer .footer-navbar a { color: rgba(255, 255, 255, 0.88) !important; font-size: var(--fs-sm); text-decoration: none; }
.site-footer .footer-navbar a:hover { color: var(--smt-amber) !important; text-decoration: underline; }
.site-footer .footer-navbar__copyright { color: rgba(255, 255, 255, 0.72) !important; font-size: var(--fs-sm); }
@media (max-width: 767px) {
	.site-footer .footer-navbar { flex-direction: column-reverse; }
	.site-footer .footer-navbar__menu ul.menu { display: grid; grid-template-columns: 1fr 1fr; }
}
/* =====================================================================
   ROUND 2 fixes
   ===================================================================== */
/* Hero size input: lettering, not a field (beats ListingHive's .header-hero input rules) */
.header-hero .smt-hero input.smt-sizebox__input, .smt-hero input.smt-sizebox__input[type="text"] { border: 0 !important; border-bottom: 4px solid rgba(255, 255, 255, 0.28) !important; border-radius: 0 !important; background: transparent !important; color: #fff !important; padding: 4px 0 12px !important; box-shadow: none !important; outline: none !important; }
.header-hero .smt-hero input.smt-sizebox__input:focus { border-bottom-color: var(--smt-amber) !important; }
.header-hero .smt-hero input.smt-sizebox__input::placeholder { color: rgba(255, 255, 255, 0.34) !important; }
.smt-hero__where .hp-form--listing-search .hp-form__field:has([name="_radius"]) { flex: 0 0 180px !important; max-width: 180px; }
@media (max-width: 767px) {
	.smt-hero__where .hp-form--listing-search .hp-form__field:has([name="_radius"]) { flex: 1 1 100% !important; max-width: none; }
}
/* Size codes always in the heavy grotesk (theme p/li font rules otherwise win) */
.smt-card p.smt-card__code, .smt-summary .smt-size-chip, .smt-title-price .smt-size-chip, .smt-code { font-family: var(--smt-font-head) !important; font-weight: 800 !important; }
.smt-card p.smt-card__price { font-family: var(--smt-font-head) !important; font-weight: 700 !important; }
/* Fresh near you: heading on its own line, picker as one compact row under it */
#fresh .smt-section__head { display: block; }
#fresh .smt-section__head h2 { margin-bottom: var(--s4); }
#fresh .smt-near { display: grid; grid-template-columns: minmax(0, 320px) 160px auto auto; gap: var(--s2); align-items: center; justify-content: start; }
#fresh .smt-near__field { flex: none; }
#fresh .smt-near__geo { justify-content: flex-start; }
@media (max-width: 640px) {
	#fresh .smt-near { grid-template-columns: 1fr auto; }
	#fresh .smt-near__field { grid-column: 1 / -1; }
	#fresh .smt-near select { width: 100%; }
	#fresh .smt-near__geo { grid-column: 1 / -1; justify-content: flex-start; min-height: 36px; }
}
/* Seller: one compact row */
.hp-page__sidebar .hp-vendor--view-block { display: grid !important; grid-template-columns: 56px 1fr; align-items: center; gap: var(--s3); padding: var(--s4) var(--s5) !important; text-align: left !important; }
.hp-page__sidebar .hp-vendor--view-block .hp-vendor__header { margin: 0 !important; }
.hp-page__sidebar .hp-vendor--view-block .hp-vendor__image img { width: 56px; height: 56px; max-width: 56px !important; margin: 0 !important; }
.hp-page__sidebar .hp-vendor--view-block .hp-vendor__content { padding: 0 !important; text-align: left !important; }
.hp-page__sidebar .hp-vendor--view-block .hp-vendor__name { margin: 0; font-size: var(--fs-md); text-align: left; }
.hp-page__sidebar .hp-vendor--view-block .hp-vendor__details, .hp-page__sidebar .hp-vendor--view-block .hp-vendor__registered-date { justify-content: flex-start; font-size: var(--fs-xs); }
/* Map: "roughly here", not a feature */
.hp-page__sidebar .hp-listing__map, .hp-page__sidebar .hp-listing__map .hp-map { height: 240px !important; min-height: 0 !important; }
/* No decorative bar over section titles; sentence-case "Similar listings" comes from gettext */
.hp-section__title::before, .hp-section__title::after, .site-content h2.hp-section__title::before, .header-hero__content h1::before, .hp-page__title::before, .widget__title::before { display: none !important; content: none !important; }
/* Sort select: no caps */
.hp-form--listing-sort .select2-selection__rendered, .hp-form--listing-sort select { text-transform: none !important; letter-spacing: 0 !important; font-size: var(--fs-sm) !important; }
/* Phones: two cards per row from 360px */
@media (min-width: 360px) and (max-width: 767px) {
	.hp-listings .hp-row > .hp-grid__item { flex-basis: 50% !important; max-width: 50% !important; padding-left: 6px !important; padding-right: 6px !important; }
	.hp-listings .hp-row { margin-left: -6px !important; margin-right: -6px !important; }
}
/* =====================================================================
   ROUND 3 fixes
   ===================================================================== */
/* Hero form: location + distance + search on one row */
.smt-hero__where form.hp-form--listing-search { display: flex !important; flex-wrap: wrap; align-items: stretch; gap: var(--s2); }
.smt-hero__where form.hp-form--listing-search .hp-form__fields { display: flex !important; flex-wrap: wrap; flex: 0 1 auto; width: auto !important; margin: 0 !important; }
.smt-hero__where form.hp-form--listing-search .hp-form__field--location { flex: 0 1 320px !important; min-width: 240px; }
.smt-hero__where form.hp-form--listing-search .hp-form__footer { margin: 0 !important; display: flex; }
.smt-hero__where form.hp-form--listing-search .hp-form__messages:empty { display: none; }
@media (max-width: 767px) {
	.smt-hero__where form.hp-form--listing-search, .smt-hero__where form.hp-form--listing-search .hp-form__fields { flex-direction: column; flex: 1 1 100%; width: 100% !important; }
	.smt-hero__where form.hp-form--listing-search .hp-form__field--location { flex: 1 1 auto !important; min-width: 0; }
	.smt-hero__where form.hp-form--listing-search .hp-form__footer { width: 100%; }
}
/* Seller: fixed 56px avatar circle (ListingHive uses a padding-ratio box) */
.hp-page__sidebar .hp-vendor--view-block .hp-vendor__header { grid-column: 1; grid-row: 1; align-self: center; }
.hp-page__sidebar .hp-vendor--view-block .hp-vendor__content { grid-column: 2; grid-row: 1; }
.hp-page__sidebar .hp-vendor--view-block .hp-vendor__image { position: relative !important; width: 56px !important; height: 56px !important; padding: 0 !important; margin: 0 !important; border-radius: 50%; overflow: hidden; }
.hp-page__sidebar .hp-vendor--view-block .hp-vendor__image a, .hp-page__sidebar .hp-vendor--view-block .hp-vendor__image img { position: static !important; display: block; width: 56px !important; height: 56px !important; object-fit: cover; border-radius: 50%; }
/* Listing top bar without tabs: no divider */
.hp-listing--view-page .hp-page__topbar--separate, .hp-page__content > .hp-page__topbar--separate { border-bottom: 0 !important; padding-bottom: 0 !important; }
/* Card meta: place and age; one line on wide cards, two short lines on phones */
.smt-card__meta span { display: inline; }
.smt-card__meta span + span::before { content: ", "; }
@media (max-width: 599px) {
	.smt-card__meta span { display: block; }
	.smt-card__meta span + span::before { content: none; }
}
/* Contrast: placeholders, HivePress "(optional)" labels, descriptions, dates */
::placeholder { color: #67737F !important; opacity: 1; }
.select2-container--default .select2-selection__placeholder { color: #67737F !important; }
.hp-form__label small, .hp-field__label small, .hp-field__description, .hp-form__description, time, .hp-meta { color: var(--smt-text-muted) !important; }
.header-hero .smt-hero input.smt-sizebox__input::placeholder { color: rgba(255, 255, 255, 0.34) !important; }
.smt-hero__where ::placeholder { color: #67737F !important; }
/* =====================================================================
   ROUND 4 fixes
   ===================================================================== */
@media (min-width: 768px) {
	.smt-hero__where form.hp-form--listing-search { flex-wrap: nowrap; align-items: stretch; }
	.smt-hero__where form.hp-form--listing-search .hp-form__fields { flex-wrap: nowrap !important; }
}
.smt-card__meta { display: block !important; }
.smt-card__meta span { display: inline !important; gap: 0 !important; }
@media (max-width: 599px) {
	.smt-card__meta span { display: block !important; }
}
.hp-menu--listing-manage:not(:has(a + a)) { display: none !important; visibility: visible; }
.hp-listing--view-page .hp-page__topbar--separate:not(:has(.hp-menu--listing-manage a + a)) { justify-content: flex-end; margin: 0 0 var(--s3) !important; min-height: 0; }
.hp-page__sidebar .hp-vendor--view-block { grid-template-columns: 56px minmax(0, 1fr) !important; }
.hp-page__sidebar .hp-vendor--view-block > * { margin: 0 !important; padding: 0 !important; transform: none !important; top: auto !important; }
.hp-page__sidebar .hp-vendor--view-block .hp-vendor__content > * { margin: 0 !important; }
.smt-wiz__back[hidden], .smt-wiz__next[hidden] { display: none !important; }
@media (min-width: 641px) {
	.smt-wiz__title { display: none; }
}
.hp-field__description *, .hp-form__description * { color: inherit !important; }
/* ROUND 5 polish */
.hp-page__sidebar .hp-vendor--view-block .hp-vendor__details, .hp-page__sidebar .hp-vendor--view-block .hp-vendor__details > * { display: block; padding-left: 0 !important; margin-left: 0 !important; text-align: left !important; }
.hp-field__description, .hp-form__description, .hp-field__label small, .hp-form__label small { opacity: 1 !important; }
/* =====================================================================
   ROUND 6: content pages + browse bar + contact
   ===================================================================== */
/* Content page title: left-aligned navy band, no stock photo (matches the homepage band) */
body:not(.home) .header-hero { background-image: none !important; background-color: var(--smt-navy) !important; }
body:not(.home) .header-hero::before, body:not(.home) .header-hero::after { display: none !important; content: none !important; }
body:not(.home) .header-hero--title .header-hero__content, body:not(.home) .header-hero--title .container { text-align: left !important; }
body:not(.home) .header-hero--title { padding: clamp(28px, 4vw, 48px) 0 !important; }
body:not(.home) .header-hero--title h1 { margin: 0; font-size: clamp(1.75rem, 3.4vw, 2.75rem); letter-spacing: -0.02em; text-align: left !important; max-width: 24ch; }
/* Browse: one search row, not a box around boxes */
.hp-page__topbar ~ * .hp-form--listing-search, .site-content .hp-form--listing-search.hp-form--wide:not(.smt-hero__where *) { box-shadow: none !important; border: 0 !important; padding: 0 !important; background: transparent !important; }
/* Contact */
.smt-contact { max-width: 64ch; }
.smt-contact__lead { font-size: var(--fs-lg); margin: 0 0 var(--s5); }
.smt-contact__lead a { font-weight: 700; }
.smt-contact__list { margin: 0; padding-left: 1.2em; display: grid; gap: var(--s3); color: var(--smt-text-muted); }
.smt-contact__list strong { color: var(--smt-navy); }
/* ROUND 7: page titles share the content's left edge */
body:not(.home) .header-hero .header-hero__content { max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; width: 100%; }
body:not(.home) .header-hero--title .row > [class*="col-sm-offset"] { margin-left: 0 !important; flex-basis: 100% !important; max-width: 100% !important; }
/* Phones: the cookie banner (about 240px, fixed) must never hide the bottom of a modal (Register / Forgot password). */
@media (max-width: 767px) {
	.hp-modal { margin-bottom: 260px !important; }
	.smt-gsi__or { margin-top: var(--s3); }
}
/* =====================================================================
   MY LISTINGS DASHBOARD
   ===================================================================== */
.smt-dash { margin: 0 0 var(--s7); }
.smt-dash__notice { margin: 0 0 var(--s4); padding: 12px 16px; border-radius: 10px; background: #E6F4EE; color: #0F5E41; font-weight: 600; }
.smt-dash__tabs { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s2); margin: 0 0 var(--s5); padding-bottom: var(--s3); border-bottom: 1px solid var(--smt-line); }
.smt-dash__tab { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 14px; border-radius: 999px; color: var(--smt-navy); font-weight: 600; text-decoration: none; }
.smt-dash__tab:hover { background: var(--smt-cool); color: var(--smt-navy); }
.smt-dash__tab.is-current { background: var(--smt-navy); color: #fff; }
.smt-dash__count { font-weight: 500; font-size: var(--fs-sm); opacity: 0.8; font-variant-numeric: tabular-nums; }
.smt-dash__new { margin-left: auto; }
.smt-dash__empty { padding: var(--s6) var(--s5); border: 1px dashed var(--smt-line); border-radius: var(--smt-radius); background: var(--smt-cloud); color: var(--smt-text-muted); }
.smt-dash__list { margin: 0; padding: 0; list-style: none; display: grid; gap: var(--s3); }
.smt-dash__item { display: grid; grid-template-columns: 96px minmax(0, 1fr) auto; gap: var(--s4); align-items: center; margin: 0; padding: var(--s3); border: 1px solid var(--smt-line); border-radius: var(--smt-radius); background: #fff; }
.smt-dash__thumb { display: block; width: 96px; height: 72px; border-radius: 10px; overflow: hidden; background: var(--smt-cool); }
.smt-dash__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.smt-dash__thumb span { display: grid; place-items: center; height: 100%; font-size: var(--fs-xs); color: var(--smt-text-muted); }
.smt-dash__body > * { margin: 0; }
.smt-dash__code { font-family: var(--smt-font-head) !important; font-weight: 800 !important; font-size: var(--fs-lg); letter-spacing: 0.02em; font-variant-numeric: tabular-nums; color: var(--smt-navy); }
.smt-dash__price { margin-left: 8px; font-weight: 700; letter-spacing: -0.01em; }
.smt-dash__title { margin-top: 2px !important; font-family: var(--smt-font-body) !important; font-weight: 500 !important; font-size: var(--fs-sm) !important; letter-spacing: 0 !important; }
.smt-dash__title a { color: var(--smt-navy); text-decoration: none; }
.smt-dash__title a:hover { text-decoration: underline; }
.smt-dash__status { margin-top: 4px !important; font-size: var(--fs-sm); color: var(--smt-text-muted); }
.smt-dash__status--expired, .smt-dash__status--pending { color: #8A5A0B; }
.smt-dash__actions { display: flex; flex-wrap: wrap; gap: var(--s2); justify-content: flex-end; }
.smt-dash__actions .smt-btn { min-height: 40px; padding: 0 14px; font-size: var(--fs-sm); }
.smt-dash__wait { align-self: center; font-size: var(--fs-xs); color: var(--smt-text-muted); }
@media (max-width: 767px) {
	.smt-dash__item { grid-template-columns: 72px minmax(0, 1fr); }
	.smt-dash__thumb { width: 72px; height: 56px; }
	.smt-dash__actions { grid-column: 1 / -1; justify-content: flex-start; }
	.smt-dash__new { margin-left: 0; width: 100%; }
}
/* Checkout: the one primary action is amber, like everywhere else */
.wc-block-components-checkout-place-order-button, .woocommerce #place_order { background: var(--smt-amber) !important; border-color: var(--smt-amber) !important; color: var(--smt-navy) !important; font-family: var(--smt-font-body); font-weight: 700 !important; font-size: var(--fs-md) !important; min-height: 52px; border-radius: 10px !important; }
.wc-block-components-checkout-place-order-button:hover { background: var(--smt-amber-hover) !important; }
.wc-block-checkout, .wc-block-components-order-summary { font-family: var(--smt-font-body); }

/* Owner tools box: separate it from the buy box above (2026-11-11). */
.hp-page__sidebar .smt-owner.hp-widget { margin-top: var(--s5) !important; }