/*
 * MTS Technik / ChassiPro — design tokens (BRIEF-06, 26/09/2026).
 *
 * ΠΑΡΑΓΕΤΑΙ από intake/BRIEF-06-tokens.json (v2, εγκεκριμένο) — μην το διορθώνεις με το χέρι.
 * Φορτώνει μετά το mts.css και πριν το mts-extra.css. Οι κανόνες που ΕΦΑΡΜΟΖΟΥΝ τα tokens στους
 * selectors ζουν στο mts-extra.css (ενότητα «BRIEF-06 tokens»)· εδώ μόνο τιμές.
 *
 * --t-<ρόλος>       font-size   (+ -lh line-height, -fw font-weight, -ls letter-spacing)
 * --b-<ρόλος>       ύψος / απόσταση block
 * Breakpoints = του site: default ≥1280 · max-width 1279 (768–1279) · max-width 767 (κινητό).
 * Κάθε ρόλος = ένα token σε όλο το site (κανόνας 16/09).
 */

:root {
	/* ---- τυπογραφία: font-size = max(v3, site 26/09), εξαίρεση head-h1 = v3 ---- */
	--t-hero-h1: 88px;
	--t-hero-h1-lh: 1.04;
	--t-hero-h1-fw: 700;
	--t-hero-h1-ls: -.052em;
	--t-hero-h1-secondary: clamp(48px, 40.86px + 1.830vw, 76px);
	--t-hero-h1-secondary-lh: 1.05;
	--t-hero-h1-secondary-fw: 700;
	--t-hero-h1-secondary-ls: -.045em;
	--t-hero-intro: 17px;
	--t-hero-intro-lh: 1.6;
	--t-hero-intro-fw: 400;
	--t-hero-intro-ls: .012em;
	--t-category-h1: clamp(48px, 40.86px + 1.830vw, 76px);
	--t-category-h1-lh: 1.05;
	--t-category-h1-fw: 700;
	--t-category-h1-ls: -.045em;
	--t-category-intro: clamp(14px, 13.24px + 0.196vw, 17px);
	--t-category-intro-lh: 1.75;
	--t-category-intro-fw: 400;
	--t-category-intro-ls: 0;
	--t-h2-section: 52px;
	--t-h2-section-lh: 1.1;
	--t-h2-section-fw: 700;
	--t-h2-section-ls: -.044em;
	--t-section-intro: 16px;
	--t-section-intro-lh: 1.7;
	--t-section-intro-fw: 400;
	--t-section-intro-ls: 0;
	--t-eyebrow: 12px;
	--t-eyebrow-lh: 1.6;
	--t-eyebrow-fw: 700;
	--t-eyebrow-ls: .133em;
	--t-h3-card: clamp(26px, 25.24px + 0.196vw, 29px);
	--t-h3-card-lh: 1.1;
	--t-h3-card-fw: 700;
	--t-h3-card-ls: -.034em;
	--t-h3-card-small: 22px;
	--t-h3-card-small-lh: 1.1;
	--t-h3-card-small-fw: 700;
	--t-h3-card-small-ls: -.027em;
	--t-card-text: 13px;
	--t-card-text-lh: 1.5;
	--t-card-text-fw: 400;
	--t-card-text-ls: 0;
	--t-h3-series: 47px;
	--t-h3-series-lh: 1.1;
	--t-h3-series-fw: 700;
	--t-h3-series-ls: -.039em;
	--t-series-text: 14px;
	--t-series-text-lh: 1.6;
	--t-series-text-fw: 400;
	--t-series-text-ls: 0;
	--t-body: 16px;
	--t-body-lh: 1.6;
	--t-body-fw: 400;
	--t-body-ls: 0;
	--t-nav-link: 14px;
	--t-nav-link-lh: 1.6;
	--t-nav-link-fw: 400;
	--t-nav-link-ls: 0;
	--t-btn: 15px;
	--t-btn-lh: 1.6;
	--t-btn-fw: 700;
	--t-btn-ls: 0;
	--t-selector-h2: 24px;
	--t-selector-h2-lh: 1.1;
	--t-selector-h2-fw: 700;
	--t-selector-h2-ls: -.033em;
	--t-footer-heading: 15px;
	--t-footer-heading-lh: 1.1;
	--t-footer-heading-fw: 700;
	--t-footer-heading-ls: 0;
	--t-footer-link: 13px;
	--t-footer-link-lh: 1.6;
	--t-footer-link-fw: 400;
	--t-footer-link-ls: 0;
	--t-footer-text: 13px;
	--t-footer-text-lh: 1.6;
	--t-footer-text-fw: 400;
	--t-footer-text-ls: 0;
	--t-footer-small: 12px;
	--t-footer-small-lh: 1.6;
	--t-footer-small-fw: 400;
	--t-footer-small-ls: 0;
	--t-band-h2: 32px;
	--t-band-h2-lh: 1.1;
	--t-band-h2-fw: 700;
	--t-band-h2-ls: -.035em;
	--t-breadcrumb: 13px;
	--t-breadcrumb-lh: 1.6;
	--t-breadcrumb-fw: 400;
	--t-breadcrumb-ls: 0;
	--t-head-h1: 46px;
	--t-head-h1-lh: 1.13;
	--t-head-h1-fw: 700;
	--t-head-h1-ls: -.046em;
	--t-head-intro: 15px;
	--t-head-intro-lh: 1.6;
	--t-head-intro-fw: 400;
	--t-head-intro-ls: 0;
	--t-stepper: 12px;
	--t-stepper-lh: 1.6;
	--t-stepper-fw: 700;
	--t-stepper-ls: 0;
	--t-stepper-num: 11px;
	--t-stepper-num-lh: 1.6;
	--t-stepper-num-fw: 500;
	--t-stepper-num-ls: 0;
	--t-flow-h2: 36px;
	--t-flow-h2-lh: 1.1;
	--t-flow-h2-fw: 700;
	--t-flow-h2-ls: -.044em;
	--t-card-title-flow: 36px;
	--t-card-title-flow-lh: 1.6;
	--t-card-title-flow-fw: 700;
	--t-card-title-flow-ls: -.044em;
	--t-card-title-model: 25px;
	--t-card-title-model-lh: 1.1;
	--t-card-title-model-fw: 700;
	--t-card-title-model-ls: -.044em;
	--t-model-code: 99px;
	--t-model-code-lh: 1.6;
	--t-model-code-fw: 700;
	--t-model-code-ls: -.055em;
	--t-card-title-vcat: clamp(23px, 21.73px + 0.327vw, 28px);
	--t-card-title-vcat-lh: 1.1;
	--t-card-title-vcat-fw: 700;
	--t-card-title-vcat-ls: -.046em;
	--t-vehicle-bar-label: 10px;
	--t-vehicle-bar-label-lh: 1.6;
	--t-vehicle-bar-label-fw: 400;
	--t-vehicle-bar-label-ls: .100em;
	--t-vehicle-bar-title: 16px;
	--t-vehicle-bar-title-lh: 1.6;
	--t-vehicle-bar-title-fw: 700;
	--t-vehicle-bar-title-ls: -.019em;
	--t-vehicle-bar-link: 12px;
	--t-vehicle-bar-link-lh: 1.6;
	--t-vehicle-bar-link-fw: 400;
	--t-vehicle-bar-link-ls: 0;
	--t-product-title: clamp(16px, 15.24px + 0.196vw, 19px);
	--t-product-title-lh: 1.3;
	--t-product-title-fw: 700;
	--t-product-title-ls: -.026em;
	--t-product-sku: 13px;
	--t-product-sku-lh: 1.6;
	--t-product-sku-fw: 400;
	--t-product-sku-ls: .070em;
	--t-price: clamp(23px, 22.75px + 0.065vw, 24px);
	--t-price-lh: 1.6;
	--t-price-fw: 700;
	--t-price-ls: -.033em;
	--t-price-row: 20px;
	--t-price-row-lh: 1.65;
	--t-price-row-fw: 700;
	--t-price-row-ls: -.040em;
	--t-price-item: 36px;
	--t-price-item-lh: 1.6;
	--t-price-item-fw: 700;
	--t-price-item-ls: -.039em;
	--t-item-h2: clamp(30px, 28.47px + 0.392vw, 36px);
	--t-item-h2-lh: 1.15;
	--t-item-h2-fw: 700;
	--t-item-h2-ls: -.044em;
	--t-item-sku: 12px;
	--t-item-sku-lh: 1.6;
	--t-item-sku-fw: 400;
	--t-item-sku-ls: .100em;
	--t-item-lowering-num: 27px;
	--t-item-lowering-num-lh: 1.6;
	--t-item-lowering-num-fw: 700;
	--t-item-lowering-num-ls: -.033em;
	--t-item-lowering-label: 11px;
	--t-item-lowering-label-lh: 1.6;
	--t-item-lowering-label-fw: 400;
	--t-item-lowering-label-ls: 0;
	--t-item-h3: 24px;
	--t-item-h3-lh: 1.1;
	--t-item-h3-fw: 700;
	--t-item-h3-ls: -.046em;
	--t-tabs: 14px;
	--t-tabs-lh: 1.6;
	--t-tabs-fw: 500;
	--t-tabs-ls: 0;
	--t-table-th: 10px;
	--t-table-th-lh: 1.45;
	--t-table-th-fw: 400;
	--t-table-th-ls: 0;
	--t-table-td: 11px;
	--t-table-td-lh: 1.55;
	--t-table-td-fw: 400;
	--t-table-td-ls: 0;
	--t-table-td-strong: 14px;
	--t-table-td-strong-lh: 1.6;
	--t-table-td-strong-fw: 700;
	--t-table-td-strong-ls: -.021em;
	--t-spec-th: 13px;
	--t-spec-th-lh: 1.6;
	--t-spec-th-fw: 400;
	--t-spec-th-ls: 0;
	--t-spec-td: 13px;
	--t-spec-td-lh: 1.6;
	--t-spec-td-fw: 500;
	--t-spec-td-ls: 0;
	--t-filter-heading: 23px;
	--t-filter-heading-lh: 1.1;
	--t-filter-heading-fw: 700;
	--t-filter-heading-ls: -.043em;
	--t-filter-group: 13px;
	--t-filter-group-lh: 1.6;
	--t-filter-group-fw: 700;
	--t-filter-group-ls: 0;
	--t-filter-choice: 13px;
	--t-filter-choice-lh: 1.6;
	--t-filter-choice-fw: 400;
	--t-filter-choice-ls: 0;
	--t-results-h2: 32px;
	--t-results-h2-lh: 1.1;
	--t-results-h2-fw: 700;
	--t-results-h2-ls: -.044em;
	--t-form-label: 13px;
	--t-form-label-lh: 1.6;
	--t-form-label-fw: 700;
	--t-form-label-ls: 0;
	--t-input: 15px;
	--t-input-lh: 1.6;
	--t-input-fw: 500;
	--t-input-ls: 0;
	--t-band-input: 16px;
	--t-band-input-lh: 1.6;
	--t-band-input-fw: 400;
	--t-band-input-ls: 0;
	--t-chip: 13px;
	--t-chip-lh: 1.6;
	--t-chip-fw: 500;
	--t-chip-ls: 0;
	/* ---- ετικέτες ζώνης φωτογραφίας (πύλη 1): h3-series στα ≥1280, μικρότερα κάτω (απόκλιση, progress) ---- */
	--t-photo-tag: 47px;
	/* ---- ύψη / αποστάσεις (v3, βήματα στα breakpoints του site) ---- */
	--b-header: 96px;
	--b-hero-home: 720px;
	--b-hero-category: 480px;
	--b-head-flow: 220px;
	--b-vehicle-bar: 87px;
	--b-section-pad: 96px;
	--b-section-pad-first: 86px;
	--b-section-head-gap: 40px;
	--b-grid-gap: 24px;
	--b-series-pad: 96px;
	--b-brand-box-h: 375px;
	--b-brand-logo-w: 330px;
	--b-band-pad: 37px;
	--b-band-control-h: 56px;
	--b-footer-pad-top: 64px;
	--b-footer-pad-bottom: 22px;
	--b-card-ratio-small: 1.904;
	--b-card-ratio-wide: 2.7;
	--b-hero-category-fade: 18%, 42%, 65%;
	/* ---- πρότυπο κουτιού (κλειδωμένο 12/09) ---- */
	--box-radius: 12px;
	--box-shadow: 0 16px 36px #1a1a1a29;
}

@media (max-width: 1279px) {
	:root {
		--t-h2-section: 48px;
		--t-section-intro: 15px;
		--t-h3-card-small: 18px;
		--t-series-text: 12px;
		--t-head-h1: 39px;
		--t-price-row: 18px;
		--t-table-td-strong: 12px;
		--t-photo-tag: 27px;
		--b-hero-home: 600px;
		--b-hero-category: 420px;
		--b-head-flow: 190px;
		--b-brand-box-h: 334px;
		--b-brand-logo-w: 320px;
	}
}

@media (max-width: 767px) {
	:root {
		--t-hero-h1: 51px;
		--t-hero-intro: 12px;
		--t-h2-section: 35px;
		--t-section-intro: 14px;
		--t-eyebrow: 10px;
		--t-h3-card-small: 16px;
		--t-card-text: 12px;
		--t-h3-series: 41px;
		--t-series-text: 13px;
		--t-body: 15px;
		--t-selector-h2: 22px;
		--t-footer-link: 14px;
		--t-footer-text: 14px;
		--t-footer-small: 11px;
		--t-band-h2: 28px;
		--t-breadcrumb: 12px;
		--t-head-h1: 30px;
		--t-head-intro: 12px;
		--t-stepper: 10px;
		--t-stepper-num: 10px;
		--t-flow-h2: 29px;
		--t-card-title-flow: 31px;
		--t-card-title-model: 24px;
		--t-model-code: 63px;
		--t-vehicle-bar-label: 9px;
		--t-vehicle-bar-title: 14px;
		--t-vehicle-bar-link: 11px;
		--t-price-row: 26px;
		--t-price-item: 34px;
		--t-item-lowering-num: 25px;
		--t-item-h3: 23px;
		--t-tabs: 12px;
		--t-table-td: 13px;
		--t-table-td-strong: 17px;
		--t-spec-th: 12px;
		--t-spec-td: 12px;
		--t-results-h2: 29px;
		--t-input: 16px;
		--t-chip: 12px;
		--t-photo-tag: 22px;
		--b-header: 76px;
		--b-hero-home: 540px;
		--b-head-flow: 172px;
		--b-vehicle-bar: 117px;
		--b-section-pad: 58px;
		--b-section-pad-first: 54px;
		--b-section-head-gap: 27px;
		--b-grid-gap: 14px;
		--b-series-pad: 58px;
		--b-brand-box-h: 226px;
		--b-brand-logo-w: 230px;
		--b-band-pad: 29px;
		--b-band-control-h: 52px;
		--b-footer-pad-top: 46px;
		--b-footer-pad-bottom: 21px;
		--b-card-ratio-small: 1.15;
		--b-card-ratio-wide: 2.25;
	}
}