/* review-v7.css — дизайн-ревью 18.10.2026. Только исправления поломок вида. Удалить файл и ссылки на него = откат. */

/* 1. Каталог, категории с одним рядом (≥1101px): ряд растягивался до высоты фильтров, цена и кнопка уезжали вниз карточки. */
.catalog-layout .product-grid{align-content:start;align-self:start}

/* 2. Каталог 761–1100px: кнопка «Request parts» в полосе «Need something else?» ломалась на две строки. */
.catalog-trade-end .button{white-space:nowrap;flex-shrink:0}

/* 3. Главная 761–1000px: заголовок переносился по дефису «TAKE- / OFFS». Размер подстраивается под колонку. */
@media(min-width:761px) and (max-width:1000px){section.fm-hero-v10 .fm-hero-copy .fm-hero-heading{font-size:clamp(44px,calc(7vw - 9px),56px)}}

/* 4. Returns, About, Sell (≥761px): три пункта в сетке на четыре колонки оставляли пустую четверть справа. */
@media(min-width:761px){.support-four-grid:has(> :nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}}

/* 5. Корзина ≤760px: меню переносилось («Contact» отдельной строкой), иконка корзины не прижималась вправо. */
@media(max-width:760px){
 .cart-header .cart-bag{margin-left:auto}
 .cart-header nav{flex-wrap:nowrap;gap:16px;font-size:13px}
 .cart-header nav a{font-size:13px}
}

/* 6. Корзина: в подвале был текстовый «FirstMile» вместо логотипа сайта. */
.cart-footer .cart-footer-logo{display:inline-flex;align-items:center;gap:12px;color:#eef0e9;margin-bottom:0;min-height:0}
.cart-footer .cart-footer-logo>span:last-child{font-size:30px;font-weight:500;line-height:1;letter-spacing:-.02em}
.cart-footer .cart-footer-logo small{display:block;font-family:PlexMono,monospace;font-size:8px;letter-spacing:.19em;margin-top:8px;font-weight:400;color:#c7d1bd}
.cart-footer .cart-footer-logo .cart-brand-mark:before,.cart-footer .cart-footer-logo .cart-brand-mark:after{background:#eef0e9}
.cart-footer .cart-footer-logo .cart-brand-mark:before{box-shadow:0 12px 0 #eef0e9}
@media(max-width:760px){.cart-footer .cart-footer-logo>span:last-child{font-size:25px}.cart-footer .cart-footer-logo small{font-size:7px;letter-spacing:.17em}.cart-footer .cart-footer-logo .cart-brand-mark{transform:skew(-12deg) scale(.85);transform-origin:left;width:25px}.cart-footer .cart-footer-logo{gap:6px}}

/* ===== v8 (19.10.2026) ===== */

/* 8. Фото: все детали на одном фоне #f0f0e9, поля заложены в сами изображения (assets/*-c8.jpg). */
.product-image,.gallery-main,.gallery-thumbs button,.gallery-thumbs img,.v4-category,.cart-line-image,.fm-hero-detail-image,.fm-cooperation-image,.fm-rec-image,.recommendation-image{background:#f0f0e9!important}
.product-image img,.gallery-main img,.cart-line-image img,.fm-hero-detail-image img{padding:0!important;object-fit:contain}
.v4-category img{object-fit:contain}

/* 9. Шапка 761–1100px: логотип | поиск | корзина справа, как на широком экране. */
@media(min-width:761px) and (max-width:1100px){
 .header-main .search{order:2;flex:1 1 auto;margin-left:28px;margin-right:12px;width:auto}
 .header-main .header-tools{order:3;margin-left:0}
}

/* 10. Заголовки секций: надзаголовок над заголовком, обе строки по левому краю (как на главной). */
@media(min-width:761px){
 .support-section-head{display:block;margin-bottom:36px}
 .support-section-head>.support-label{padding-top:0;margin-bottom:14px}
 .support-section-head h2{max-width:24ch}
}
img[src*="-c8.jpg"]{mix-blend-mode:normal!important;filter:none!important}
.saved-image,.cart-review-items img,.cart-item img,.dialog-zoom{background:#f0f0e9}

/* 11. Ритм отступов на служебных страницах: герой → контент ≈100px, контент → подвал ≈100px (было 62–179). */
.support-hero-copy>p:last-child{margin-bottom:0}
@media(min-width:761px){.support-page>.support-hero{padding-bottom:48px}}
.support-section>.fm-legal:first-child{margin-top:-22px}
.support-nav+.wrap>.trade-request:first-child{margin-top:20px}
.support-page .support-end{margin-bottom:0}
main.support-contact>.wrap:last-child{padding-bottom:0}

/* 12. Карточка товара 761–980px: колонка описания была уже галереи (680px против всей ширины). */
@media(min-width:761px) and (max-width:980px){.product-summary{max-width:none}}

/* 13. Фото главной (белый Ford): кадр держит всю машину на любой ширине. */


/* 14. Карточка товара: блок Specifications. */
.fm-specs{margin:4px 0 0;display:grid;gap:0}
.fm-specs>div{display:grid;grid-template-columns:minmax(120px,38%) 1fr;gap:16px;padding:10px 0;border-top:1px solid rgba(37,45,37,.12)}
.fm-specs>div:first-child{border-top:0}
.fm-specs dt{font-size:13px;color:#66705f;margin:0}
.fm-specs dd{font-size:14px;color:#252d25;margin:0}
.fm-spec-no{font-family:PlexMono,monospace;font-size:13px;letter-spacing:.02em}
.fm-spec-muted{color:#66705f}
.fm-specs-note{font-size:12px;line-height:1.6;color:#66705f;margin:10px 0 0}

/* 15. Комплекты колёс: настоящее фото партии на всю плитку (вариант B). */
img[src*="wheeltire_"]:not([src*="-c8"]){object-fit:cover!important;padding:0!important;width:100%;height:100%}

/* ===== v10 (19.10.2026): композиция и типографика ===== */

/* 16. Линии шапки — во всю ширину экрана, как фото под ними (раньше обрывались на полях). */
body{overflow-x:clip}
.header .header-main,.header .nav-row{position:relative;border-top-color:transparent!important;border-bottom-color:transparent!important}
.header .header-main::after,.header .nav-row::after{content:"";position:absolute;left:50%;bottom:-1px;width:100vw;margin-left:-50vw;height:1px;background:#d8ddd1;pointer-events:none}

/* 17. Первый экран: убран дубль «OEM TAKE-OFF / WHOLESALE» на фото; плашка лота — встроенная полоса по низу фото. */
.fm-hero-v10 .fm-hero-media-caption{padding:0!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important}
.fm-hero-v10 .fm-hero-photo-bottom{width:100%!important;max-width:none!important}
.fm-hero-v10 .fm-hero-detail{width:100%!important;max-width:none!important;border:0!important;border-top:1px solid rgba(255,255,255,.16)!important;border-radius:0!important;background:rgba(22,28,21,.72)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:14px clamp(16px,2.2vw,32px)!important}

/* 18. Единая шкала заголовков. Страница: 56/38. Раздел: 40/30. Полоса-призыв: 30/26. */
.support-hero-copy h1,.guide-page-title h1,.trade-head h1{font-size:56px!important;line-height:1.05!important;letter-spacing:-.035em!important}
.section-head h2,.v4-trade-band h2,.fm-trade-entry-head h2,.trade-request h2,.trade-faq h2,.support-section-head h2,.support-section>div>h2{font-size:40px!important;line-height:1.1!important;letter-spacing:-.03em!important;max-width:none!important}
.fm-home-guide h2,.catalog-trade-end h2,.fm-product-next h2,.support-end h2,.cart-trade h2{font-size:30px!important;line-height:1.15!important;letter-spacing:-.025em!important}
.section-head{margin-bottom:28px!important;align-items:end!important}
@media(max-width:760px){
 .support-hero-copy h1,.guide-page-title h1,.trade-head h1{font-size:38px!important}
 .section-head h2,.v4-trade-band h2,.fm-trade-entry-head h2,.trade-request h2,.trade-faq h2,.support-section-head h2,.support-section>div>h2{font-size:30px!important}
 .fm-home-guide h2,.catalog-trade-end h2,.fm-product-next h2,.support-end h2,.cart-trade h2{font-size:26px!important}
}

/* 19. Первый экран служебных страниц: заголовок слева, текст и кнопки справа — без пустой правой половины. */
@media(min-width:761px){
 .support-page>.support-hero{display:block!important}
 .support-hero-copy{max-width:none!important;display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);column-gap:clamp(40px,6vw,104px);align-items:end}
 .support-hero-copy>.support-label{grid-column:1/-1;margin-bottom:18px}
 .support-hero-copy>h1{grid-column:1;grid-row:2/span 2;margin:0!important;align-self:end}
 .support-hero-copy>p{grid-column:2;grid-row:2;max-width:46ch;margin:0 0 22px!important;align-self:end}
 .support-hero-copy>p:last-child{grid-row:2/span 2;margin-bottom:6px!important}
 .support-hero-copy>.support-actions{grid-column:2;grid-row:3;margin:0!important}
 .guide-page-title{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);column-gap:clamp(40px,6vw,104px);align-items:end}
 .guide-page-title>.section-number{grid-column:1/-1;margin-bottom:18px}
 .guide-page-title>h1{grid-column:1;margin:0!important}
 .guide-page-title>p{grid-column:2;margin:0 0 6px!important;max-width:46ch}
}

/* 20. Terms / Privacy: таблица на всю ширину колонки (была 812px из 1328, справа пусто). */
@media(min-width:761px){.fm-legal{max-width:none!important}.fm-legal>article{grid-template-columns:56px minmax(200px,300px) minmax(0,1fr)!important}.fm-legal>article>p,.fm-legal>article>div{max-width:72ch}}

/* 21. Фото главной — чистое, на всю высоту, без плашек и затемнений. */
.fm-hero-v10 .fm-hero-main-image{top:0!important;left:0!important;width:100%!important;height:100%!important;object-fit:cover!important}
.fm-hero-v10 .fm-hero-main-image[src*="ford-raptor-white-hero"]{object-position:72% 50%!important}
@media(min-width:761px) and (max-width:1200px){.fm-hero-v10 .fm-hero-main-image[src*="ford-raptor-white-hero"]{object-position:42% 50%!important}}
.fm-hero-v10 .fm-hero-media::after{display:none!important}
.fm-hero-v10 .fm-hero-photo-bottom,.fm-hero-v10 .fm-hero-detail{display:none!important}

/* 22. Фото комплектов колёс в каталоге и карточке — целиком, без обрезки краёв. */
img[src*="wheeltire_"]:not([src*="-c8"]){object-fit:contain!important}
.fm-cooperation-image img[src*="-c8"]{object-fit:contain!important}

/* 23. Подпись на фото главной: REMOVED NEW · SOLD BY LOT — внизу слева, без плашки, с тонкой линией. */
.fm-hero-v10 .fm-hero-media-caption{display:flex!important;flex-direction:column!important;justify-content:flex-end!important;align-items:flex-start!important;padding:0 clamp(18px,2.6vw,36px) clamp(18px,2.4vw,32px)!important}
.fm-hero-v10 .fm-hero-model{display:inline-flex!important;align-items:center;gap:14px;background:none!important;border:0!important;padding:0!important;margin:0!important;
 font-family:PlexMono,monospace!important;font-size:12px!important;line-height:1!important;letter-spacing:.26em!important;text-transform:uppercase;color:rgba(255,255,255,.94)!important;
 text-shadow:0 1px 2px rgba(0,0,0,.55),0 0 18px rgba(0,0,0,.35)}
.fm-hero-v10 .fm-hero-model::before{content:"";width:36px;height:1px;background:rgba(255,255,255,.85);box-shadow:0 1px 2px rgba(0,0,0,.4)}
@media(max-width:760px){.fm-hero-v10 .fm-hero-model{font-size:10px!important;letter-spacing:.22em!important;gap:10px}.fm-hero-v10 .fm-hero-model::before{width:24px}}

/* 24. Кнопки «Write to us» / «Send a list»: ведут к началу карточки формы (с заголовком), плавно. */
#contact-start,#sell-start,#request{scroll-margin-top:24px}
@media (prefers-reduced-motion:no-preference){html:focus-within{scroll-behavior:smooth!important}}

/* 25. Подвал: строка © FirstMile · Concept 2026 рядом с почтой на всех страницах. */
.footer-bottom .fm-copy{white-space:nowrap}
@media(max-width:760px){.footer-bottom .fm-copy{white-space:normal}}