:root { --tai-red: #d20a11; --tai-red-dark: #a6070d; --tai-ink: #151b1f; --tai-slate: #30383d; --tai-white: #fff; --tai-surface: #f7f7f7; --tai-border: #dfe1e3; --tai-shadow: 0 .45rem 1.5rem rgb(14 22 27 / 10%); --lb-backdrop-color: rgb(0 0 0 / 70%); }
.tai-page, .tai-inventory { color: var(--tai-ink); font-family: Inter, system-ui, sans-serif; }
.tai-page *, .tai-inventory * { box-sizing: border-box; }
.tai-page-hero { align-items: center; background: linear-gradient(100deg, rgb(18 24 28 / 96%) 0 48%, rgb(18 24 28 / 35%)), url('/wp-content/uploads/2025/05/DSC_1006-2048x1365.jpg') center/cover; color: #fff; display: flex; min-height: clamp(18rem, 38vw, 30rem); padding: clamp(2rem, 6vw, 6rem) max(1rem, calc((100vw - 1200px) / 2)); }
.tai-page-hero > div { max-width: 45rem; }.tai-page-hero span { color: #ef2028; font: 700 1rem Oswald, sans-serif; letter-spacing: .05em; text-transform: uppercase; }.tai-page-hero h1 { color: #fff; font: italic 700 clamp(3rem, 7vw, 6rem)/1 Oswald, sans-serif; margin: .35rem 0; text-transform: uppercase; }.tai-page-hero p { font-size: clamp(1rem, 2vw, 1.3rem); }
.tai-page__inner, .tai-single__inner { margin: 0 auto; max-width: 1240px; padding: clamp(1rem, 3vw, 2rem); }
.tai-filters { background: #fff; border: 1px solid var(--tai-border); border-radius: .55rem; box-shadow: var(--tai-shadow); margin-bottom: 1.3rem; overflow: hidden; }
.tai-filters__heading { align-items: center; background: var(--tai-ink); color: #fff; display: flex; justify-content: space-between; padding: 1rem 1.25rem; }.tai-filters__heading > div { align-items: center; display: flex; gap: .85rem; }.tai-filters__heading span { color: #ef2028; font: 700 .75rem Oswald, sans-serif; text-transform: uppercase; }.tai-filter-heading-icon { display: inline-flex; flex: 0 0 auto; }.tai-filter-heading-icon svg { fill: #ef2028; height: 2rem; width: 2rem; }.tai-filters__heading h2 { color: #fff; font: 700 1.5rem Oswald, sans-serif; margin: 0; text-transform: uppercase; }.tai-filters__heading button { background: var(--tai-red); border: 1px solid var(--tai-red); color: #fff; display: none; font-weight: 700; padding: .5rem .8rem; }.tai-filters__heading button:hover, .tai-filters__heading button:focus-visible { background: var(--tai-red-dark); border-color: var(--tai-red-dark); }
.tai-filters__heading button::after { border-bottom: 2px solid currentColor; border-right: 2px solid currentColor; content: ""; display: inline-block; height: .5rem; margin-left: .55rem; transform: rotate(45deg) translateY(-.15rem); transition: transform 180ms ease; vertical-align: middle; width: .5rem; }.tai-filters__heading button[aria-expanded="true"]::after { transform: rotate(225deg) translate(-.1rem, -.1rem); }
.tai-filters__fields { display: grid; gap: .8rem 1rem; grid-template-columns: minmax(12rem, 1.35fr) repeat(4, minmax(8rem, 1fr)); padding: 1.25rem; }.tai-filter-row { align-items: end; display: grid; gap: 1rem; grid-column: 1 / -1; grid-template-columns: minmax(12rem, 1.35fr) repeat(4, minmax(8rem, 1fr)); }.tai-filter-field--price { grid-column: 1 / -1; }.tai-filter-submit { grid-column: 3; justify-self: center; max-width: 100%; width: 18rem; }.tai-filters label, .tai-inquiry label { display: grid; font-size: .8rem; font-weight: 600; gap: .35rem; }.tai-filters input, .tai-filters select, .tai-inquiry input, .tai-inquiry textarea { background: #fff; border: 1px solid #cbd0d3; border-radius: 3px; color: var(--tai-ink); font: inherit; min-height: 2.65rem; padding: .55rem .7rem; width: 100%; }
.tai-price-label, .tai-range-scale { align-items: center; display: flex; justify-content: space-between; }.tai-price-label { float: none; padding: 0; width: 100%; }.tai-price-label output { color: var(--tai-red); font-weight: 800; }.tai-range-scale { color: #72787c; font-size: .65rem; font-weight: 500; }.tai-filter-field--price { border: 0; margin: 0; min-width: 0; }.tai-dual-range { background: linear-gradient(to right, #d7dadd 0 var(--tai-range-min, 0%), var(--tai-red) var(--tai-range-min, 0%) var(--tai-range-max, 100%), #d7dadd var(--tai-range-max, 100%) 100%); border-radius: 999px; height: .38rem; margin: .55rem 0 .25rem; position: relative; }.tai-filters .tai-dual-range input.tai-price-range { appearance: none; background: transparent; border: 0; height: 1.25rem; inset: -.44rem 0 auto; min-height: 0; padding: 0; pointer-events: none; position: absolute; width: 100%; }.tai-price-range::-webkit-slider-runnable-track { background: transparent; border: 0; }.tai-price-range::-webkit-slider-thumb { appearance: none; background: #fff; border: 3px solid var(--tai-red); border-radius: 50%; box-shadow: 0 1px 5px rgb(0 0 0 / 20%); cursor: pointer; height: 1.15rem; pointer-events: auto; width: 1.15rem; }.tai-price-range::-moz-range-track { background: transparent; border: 0; }.tai-price-range::-moz-range-thumb { background: #fff; border: 3px solid var(--tai-red); border-radius: 50%; box-shadow: 0 1px 5px rgb(0 0 0 / 20%); cursor: pointer; height: .85rem; pointer-events: auto; width: .85rem; }
.tai-button { background: var(--tai-red); border: 2px solid var(--tai-red); border-radius: 3px; color: #fff; cursor: pointer; display: inline-flex; font: 700 .88rem Oswald, sans-serif; justify-content: center; min-height: 2.7rem; padding: .7rem 1.3rem; text-decoration: none; text-transform: uppercase; }.tai-button:hover { background: var(--tai-red-dark); border-color: var(--tai-red-dark); color: #fff; }.tai-button--outline { background: transparent; color: var(--tai-red); }.tai-button--full { width: 100%; }
.tai-inventory__summary { align-items: center; display: flex; justify-content: space-between; margin: 1rem 0; }.tai-inventory__summary a { color: var(--tai-red); }
.tai-inventory-grid { display: grid; gap: 1rem; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.tai-card { background: #fff; border: 1px solid var(--tai-border); border-radius: .45rem; box-shadow: 0 .25rem 1rem rgb(0 0 0 / 7%); min-width: 0; overflow: hidden; transition: transform 160ms ease, box-shadow 160ms ease; }.tai-card:hover { box-shadow: var(--tai-shadow); transform: translateY(-3px); }.tai-card__image { aspect-ratio: 16/10; background: #e9ebec; display: block; overflow: hidden; position: relative; }.tai-card__image img { height: 100%; object-fit: cover; transition: transform 220ms ease; width: 100%; }.tai-card:hover .tai-card__image img { transform: scale(1.025); }.tai-card__placeholder { align-items: center; color: #71777b; display: flex; height: 100%; justify-content: center; }.tai-card__status, .tai-gallery__status { background: var(--tai-red); color: #fff; font: 700 .8rem Oswald, sans-serif; left: 0; padding: .5rem 1.1rem; position: absolute; top: 1rem; text-transform: uppercase; }.tai-card__content { padding: 1rem; }.tai-card h3 { font: 700 1.25rem/1.15 Oswald, sans-serif; margin: 0 0 .45rem; text-transform: uppercase; }.tai-card h3 a { color: var(--tai-ink); text-decoration: none; }.tai-card__price { color: var(--tai-red); display: block; font: 700 1.35rem Oswald, sans-serif; }.tai-card__specs { color: #60676b; display: flex; flex-wrap: wrap; font-size: .75rem; gap: .4rem; margin: .8rem 0; }.tai-card__specs span { background: #f0f1f2; border-radius: 2px; padding: .35rem .5rem; }.tai-card__link { align-items: center; border-top: 1px solid var(--tai-border); color: var(--tai-red); display: flex; font-weight: 700; justify-content: space-between; padding-top: .7rem; text-decoration: none; }
.tai-pagination ul { display: flex; gap: .35rem; justify-content: center; list-style: none; padding: 1.5rem 0; }.tai-pagination a, .tai-pagination span { align-items: center; border: 1px solid var(--tai-border); color: var(--tai-ink); display: flex; height: 2.5rem; justify-content: center; min-width: 2.5rem; text-decoration: none; }.tai-pagination .current { background: var(--tai-red); border-color: var(--tai-red); color: #fff; }.tai-empty { background: #fff; border: 1px solid var(--tai-border); padding: 3rem; text-align: center; }
.tai-cta-band { background: linear-gradient(110deg, #11161a, #252a2e); border-block: .3rem solid var(--tai-red); color: #fff; margin-top: clamp(1.5rem, 4vw, 3rem); padding: clamp(1.75rem, 3vw, 3rem) max(1rem, calc((100vw - 1200px) / 2)); width: 100%; }
.tai-cta-band__inner { align-items: center; display: flex; gap: 1.5rem; justify-content: space-between; margin: 0 auto; max-width: 1200px; }
.tai-cta-band h2 { color: #fff; font: 700 clamp(2rem, 4vw, 3.2rem)/1 Oswald, sans-serif; margin: 0; text-transform: uppercase; }
.tai-cta-band .tai-cta-band__button { flex: 0 0 auto; padding-inline: 1.6rem; }
@media (min-width: 601px) { .tai-cta-band__inner { flex-direction: row; text-align: left; }.tai-cta-band h2 { text-align: left; }.tai-cta-band .tai-cta-band__button { margin-left: auto; } }
.tai-breadcrumbs { color: #71777b; display: flex; font-size: .8rem; gap: .5rem; margin-bottom: 1rem; }.tai-breadcrumbs a { color: var(--tai-red); }.tai-single__top { display: grid; gap: clamp(1.5rem, 4vw, 3rem); grid-template-columns: minmax(0, 1.55fr) minmax(18rem, .75fr); }
.tai-single__primary { align-self: start; display: grid; gap: clamp(1.5rem, 3vw, 2rem); min-width: 0; }
.tai-single__sidebar { align-self: start; display: grid; gap: 1rem; min-width: 0; }
.tai-gallery { min-width: 0; }
.tai-gallery__main { aspect-ratio: 16/10; background: #e8eaeb; border: 1px solid var(--tai-border); border-radius: .55rem; box-shadow: var(--tai-shadow); overflow: hidden; position: relative; }
.tai-gallery__main::after { background: linear-gradient(180deg, transparent 70%, rgb(0 0 0 / 32%)); content: ""; inset: 0; pointer-events: none; position: absolute; }
.tai-gallery__main img { height: 100%; object-fit: cover; transition: opacity 150ms ease, transform 220ms ease; width: 100%; }
.tai-gallery__main img.is-changing { opacity: .4; transform: scale(1.015); }
.tai-gallery__empty { align-items: center; display: flex; height: 100%; justify-content: center; }
.tai-gallery__arrow { align-items: center; backdrop-filter: blur(5px); background: rgb(15 20 24 / 72%); border: 1px solid rgb(255 255 255 / 38%); border-radius: 50%; color: #fff; cursor: pointer; display: flex; height: 3.25rem; justify-content: center; padding: 0; position: absolute; top: 50%; transform: translateY(-50%); transition: background 150ms ease, transform 150ms ease; width: 3.25rem; z-index: 3; }
.tai-gallery__arrow:hover, .tai-gallery__arrow:focus-visible { background: var(--tai-red); transform: translateY(-50%) scale(1.06); }
.tai-gallery__arrow svg { fill: none; height: 1.8rem; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2.2; width: 1.8rem; }
.tai-gallery__arrow--previous { left: 1rem; }.tai-gallery__arrow--next { right: 1rem; }
.tai-gallery__counter { backdrop-filter: blur(5px); background: rgb(15 20 24 / 72%); border-radius: 999px; bottom: .85rem; color: #fff; font-size: .76rem; padding: .4rem .75rem; position: absolute; right: .85rem; z-index: 3; }
.tai-gallery__thumbs { display: flex; gap: .6rem; margin-top: .75rem; overflow-x: auto; padding: .2rem .15rem .55rem; scrollbar-color: var(--tai-red) #e1e3e4; scrollbar-width: thin; scroll-snap-type: x proximity; }
.tai-gallery__thumbs button { background: #fff; border: 3px solid transparent; border-radius: .35rem; box-shadow: 0 .15rem .5rem rgb(0 0 0 / 12%); cursor: pointer; flex: 0 0 clamp(5.3rem, 12vw, 7.4rem); overflow: hidden; padding: 0; scroll-snap-align: center; transition: border-color 150ms ease, opacity 150ms ease, transform 150ms ease; }
.tai-gallery__thumbs button:not(.is-active) { opacity: .68; }.tai-gallery__thumbs button:hover { opacity: 1; transform: translateY(-2px); }.tai-gallery__thumbs button.is-active { border-color: var(--tai-red); opacity: 1; }
.tai-gallery__thumbs img { aspect-ratio: 4/3; display: block; height: auto; object-fit: cover; width: 100%; }
.tai-gallery__main [data-tai-main-image] { cursor: zoom-in; }
.tai-single__summary { align-self: start; background: #fff; border: 1px solid var(--tai-border); border-top: 5px solid var(--tai-red); border-radius: .35rem; box-shadow: var(--tai-shadow); padding: clamp(1.2rem, 3vw, 2rem); position: static; }.tai-single__status { background: #dff5e3; border-radius: 999px; color: #136c2e; display: inline-block; font-size: .7rem; font-weight: 800; padding: .35rem .65rem; text-transform: uppercase; }.tai-single__status--sold { background: #e4e6e8; color: #454a4e; }.tai-single__summary h1 { font: 700 clamp(2rem, 4vw, 3rem)/1 Oswald, sans-serif; margin: .8rem 0; text-transform: uppercase; }.tai-single__price { color: var(--tai-red); display: block; font: 700 2.1rem Oswald, sans-serif; }.tai-single__stock { color: #6a7074; font-size: .8rem; }.tai-single__quick-specs { display: grid; grid-template-columns: 1fr 1fr; margin: 1rem 0; }.tai-single__quick-specs div { border-bottom: 1px solid var(--tai-border); display: grid; padding: .65rem .3rem; }.tai-single__quick-specs span { color: #747a7e; font-size: .68rem; text-transform: uppercase; }.tai-single__summary .tai-button + .tai-button { margin-top: .6rem; }
.tai-single__price + .tai-button { margin-top: 1.4rem; }
.tai-single__details { display: grid; gap: clamp(1.5rem, 4vw, 3rem); grid-template-columns: 1fr; margin-top: 0; }.tai-single__details h2 { border-left: 5px solid var(--tai-red); font: 700 1.5rem Oswald, sans-serif; padding-left: .7rem; text-transform: uppercase; }.tai-spec-table { background: #fff; border: 1px solid var(--tai-border); display: grid; grid-template-columns: 1fr 1fr; }.tai-spec-table div { border-bottom: 1px solid var(--tai-border); display: grid; grid-template-columns: 1fr 1fr; padding: .8rem 1rem; }.tai-spec-table dt { color: #6d7478; }.tai-spec-table dd { font-weight: 700; margin: 0; }.tai-single__description { margin-top: 2rem; }.tai-inquiry { align-self: start; background: #fff; border: 1px solid var(--tai-border); box-shadow: var(--tai-shadow); padding: 1.3rem; }.tai-inquiry h2 { font-size: 1.35rem; margin-top: 0; }.tai-inquiry form { display: grid; gap: .8rem; }.tai-notice { border-left: 4px solid; margin-bottom: 1rem; padding: .8rem; }.tai-notice--success { background: #edf9ef; border-color: #218739; }.tai-notice--error { background: #fff0f0; border-color: var(--tai-red); }
.tai-inquiry .wpcf7-form > p { margin: 0; }.tai-inquiry .tai-cf7-fields, .tai-inquiry .tai-cf7-fields > p { display: grid; gap: .8rem; margin: 0; }.tai-inquiry .wpcf7-turnstile { margin-block: .25rem; min-height: 65px; }.tai-inquiry .wpcf7-submit { background: var(--tai-red); border: 2px solid var(--tai-red); border-radius: 3px; color: #fff; cursor: pointer; font: 700 .86rem/1 Oswald, sans-serif; min-height: 2.7rem; padding: .72rem 1.5rem; text-transform: uppercase; }.tai-inquiry .wpcf7-submit:hover { background: #a6070d; border-color: #a6070d; }.tai-inquiry .wpcf7-not-valid-tip { color: var(--tai-red); font-size: .72rem; margin-top: .2rem; }.tai-inquiry .wpcf7-response-output { margin: .25rem 0 0 !important; padding: .7rem !important; }
.tai-carfax { margin: 1rem 0 0; }.tai-single__features { margin-top: 2rem; }.tai-single__features ul { display: grid; gap: .65rem 1.25rem; grid-template-columns: repeat(3, minmax(0, 1fr)); list-style: none; margin: 0; padding: 0; }.tai-single__features li { background: #fff; border: 1px solid var(--tai-border); border-radius: .25rem; padding: .7rem .85rem .7rem 2.1rem; position: relative; }.tai-single__features li::before { color: var(--tai-red); content: "✓"; font-weight: 800; left: .8rem; position: absolute; }
.tai-detail-section + .tai-detail-section { margin-top: 1.5rem; }.tai-detail-section .tai-spec-table { margin: 0; }
@media (max-width: 900px) { .tai-filters__fields, .tai-filter-row { grid-template-columns: 1fr 1fr; }.tai-filter-row .tai-filter-field--keyword { grid-column: 1 / -1; }.tai-filter-submit { grid-column: 1 / -1; }.tai-inventory-grid { grid-template-columns: 1fr 1fr; }.tai-single__top, .tai-single__details { grid-template-columns: 1fr; }.tai-single__primary, .tai-single__sidebar { display: contents; }.tai-gallery { order: 1; }.tai-single__summary { order: 2; position: static; }.tai-single__details { order: 3; }.tai-inquiry { order: 4; }.tai-global-header {} }
@media (max-width: 600px) { .tai-filters__heading button { display: block; }.tai-filters__fields { display: none; grid-template-columns: 1fr; }.tai-filters__fields.is-open { display: grid; }.tai-filter-row { grid-template-columns: 1fr; }.tai-filter-row .tai-filter-field--keyword { grid-column: auto; }.tai-inventory-grid { grid-template-columns: 1fr; }.tai-spec-table { grid-template-columns: 1fr; }.tai-gallery__thumbs { grid-template-columns: repeat(4, 1fr); }.tai-page__inner, .tai-single__inner { padding-inline: 1rem; }.tai-cta-band__inner { flex-direction: column; justify-content: center; text-align: center; }.tai-cta-band h2 { text-align: center; } }