/* Refinement layer: the original identity, with a shared rhythm and readable type. */
:root {
  --muted: #53616b;
  --line: #d9dedb;
  --card-shadow: 0 2px 5px #255da008, 0 12px 24px -13px #1f5ea52e;
  --card-shadow-active: 0 3px 8px #ed792214, 0 16px 28px -13px #ed792238;
  --card-shadow-focus: 0 3px 8px #255da014, 0 16px 28px -13px #1f5ea545;
}
html { scrollbar-gutter: stable; scroll-padding-top: 106px; }
body { font-size: 15px; line-height: 1.75; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.wrap { width: calc(100% - 96px); max-width: 1360px; }
.section { padding-block: clamp(56px, 6vw, 88px); }
.section-heading { margin-bottom: 32px; }
.section-heading h2 { font-size: clamp(36px, 4.1vw, 58px); line-height: 1.12; letter-spacing: -.05em; }
.section-label { font-size: 11px; letter-spacing: 1.4px; line-height: 1.65; margin-bottom: 19px; color: #52616a; }
.section-label > span { font-size: 10px; color: #8a4717; }
.button { min-height: 48px; font-size: 13px; padding: 14px 22px; gap: 22px; }
.button:hover { transform: translateY(-2px); }
.circle-link, .text-link { font-size: 13px; }
.text-link { min-height: 44px; }
.circle-link > i { width: 48px; height: 48px; }
:focus-visible { outline: 3px solid #a64f0f; outline-offset: 4px; }
.nav-wrap { height: 88px; gap: 28px; }
.logo { width: 216px; }
nav { gap: 24px; }
nav > a { font-size: 13px; min-height: 44px; display: flex; align-items: center; }
.nav-catalog { min-height: 46px; font-size: 12px; padding: 12px 20px; gap: 20px; }
.nav-catalog[aria-current=page] { box-shadow: inset 0 0 0 1px #f1872c; }
#header.scrolled { background: #f7f5f0f5; box-shadow: 0 4px 20px #14233009; }
.menu-toggle { border-radius: 9px; }
.page-heading { padding-block: 24px 42px; }
.breadcrumb { margin-bottom: 32px; font-size: 11px; color: var(--muted); }
.page-title-grid { grid-template-columns: minmax(0, 1.5fr) minmax(230px, .65fr); gap: 44px; }
.page-title-grid h1 { font-size: clamp(45px, 5.6vw, 84px); line-height: 1.08; letter-spacing: -.055em; }
.page-title-grid h1 em, .section-heading h2 em { color: #65736b; }
.page-title-grid > p { font-size: 14px; max-width: 340px; color: var(--muted); line-height: 1.85; }
.hero { min-height: 590px; height: min(740px, calc(100svh - 108px)); max-height: 780px; margin-inline: 20px; }
.hero-media { inset: 0 0 0 38%; }
.hero-media img { animation: none; object-position: 60% center; }
.hero-media .hero-slide-image { position: absolute; inset: 0; opacity: 0; transform: scale(1.025); transition: opacity .85s ease, transform 5.8s ease-out; }
.hero-media .hero-slide-image.is-active { opacity: 1; transform: scale(1); }
.hero-autoplay { position: absolute; right: 30px; top: 128px; z-index: 2; width: 44px; height: 44px; border-radius: 50%; border: 1px solid #ffffff70; background: #101a2699; color: #fff; display: grid; place-items: center; }
.hero-autoplay svg { width: 19px; height: 19px; }
.hero-autoplay:hover { background: var(--orange); color: var(--night); border-color: var(--orange); }
.hero-copy { width: 56%; padding: 44px 0 0 max(30px, calc((100vw - 1360px) / 2 - 20px)); }
.hero h1 { font-size: clamp(96px, 10.1vw, 158px); margin-block: 25px 20px; }
.hero h1 > span, .hero h1 em, .hero-description, .hero .button, .hero-kicker { animation: none; }
.hero-description { font-size: 14px; max-width: 355px; margin-block: 22px; }
.hero-kicker { font-size: 10px; letter-spacing: 1.4px; }
.hero .button { font-size: 13px; }
.hero-seal { width: 84px; height: 84px; top: 28px; right: 30px; }
.hero-caption { bottom: 106px; right: 30px; }
.hero-caption > span { font-size: 10px; letter-spacing: 1.2px; }
.hero-caption > b { font-size: 24px; }
.hero-foot { left: 30px; right: 30px; min-height: 78px; gap: 22px; }
.hero-slides { gap: 24px; }
.hero-slides button { min-height: 48px; font-size: 11px; gap: 8px; }
.hero-slides button > span { font-size: 10px; }
.hero-slides button[aria-pressed=true]:before { top: -15px; }
.scroll-cue > span { font-size: 9px; letter-spacing: 1px; }
.ticker { padding-block: 18px; margin-bottom: 0; }
.ticker span { color: #58665e; font-size: 10px; }
.category-mosaic { gap: 24px; }
.category-0 { min-height: 420px; }
.category-1 { margin-top: 44px; min-height: 376px; }
.category-2 { min-height: 300px; margin-right: 36px; }
.category-3 { min-height: 300px; margin-left: -12px; }
.category-photo img { transition: transform .4s var(--ease); }
.category-card:hover img { transform: scale(1.025); }
.category-index { font-size: 10px; letter-spacing: 1.2px; }
.category-caption > small { font-size: 13px; }
.category-caption h3 { font-size: clamp(24px, 2.2vw, 31px); }
.category-tail p { font-size: 14px; }
.product-grid { gap: 26px 22px; }
.product-card, .brand-card { border-color: #dbe2e7; }
.product-card .product-info { padding: 18px 19px; }
.product-card .product-info > .product-category, .catalog-grid .product-card .product-info > .product-category { font-size: 11px; color: #586973; }
.product-card .product-info h3, .catalog-grid .product-card .product-info h3 { font-size: 14px; line-height: 1.55; min-height: 3.1em; margin-block: 8px 18px; }
.product-card .product-brand, .catalog-grid .product-card .product-brand { font-size: 9px; color: #254d74; top: 14px; max-width: calc(100% - 63px); }
.product-card .select-product { width: 44px; height: 44px; top: 5px; right: 5px; }
.product-card .product-model p { font-size: 12px; color: #385264; }
.product-model small { font-size: 9px; color: #5d6d78; letter-spacing: .7px; }
.product-details { min-height: 44px; font-size: 12px; padding: 10px 13px; }
.product-card-footer { gap: 10px; padding-top: 14px; }
@media(hover:hover) and (pointer:fine) {
  .product-card:hover, .brand-card:hover { transform: translateY(-3px); }
  .brand-card:hover img { transform: scale(1.02); }
}
.skeleton-card { border: 1px solid #e3e7e5; background: #fff; border-radius: 20px; padding: 10px 10px 24px; min-width: 0; min-height: 392px; }
.skeleton-card > div { aspect-ratio: 1.08; border-radius: 12px; }
.skeleton-card > span { margin-inline: 10px; height: 12px; }
.brand-grid .skeleton-card { min-height: 344px; }
.brand-grid .skeleton-card > div { height: 188px; aspect-ratio: auto; }
.count-placeholder { display: inline-block; width: 2.2ch; height: .8em; border-radius: 4px; background: #d9dfdc; vertical-align: baseline; }
.about-editorial { gap: clamp(40px, 7vw, 100px); padding-block: 88px; }
.about-copy h2 { font-size: clamp(36px, 3.6vw, 52px); line-height: 1.15; }
.about-copy > p:not(.section-label), .company-story-copy > p:not(.section-label) { font-size: 15px; line-height: 1.9; }
.about-facts { gap: 18px; }
.about-facts b { font-size: 36px; }
.about-facts span, .year-caption { font-size: 10px; letter-spacing: .8px; color: #53645d; }
.catalog-banner { min-height: 400px; }
.catalog-banner-copy { padding: 44px; }
.sheet-front img, .document-cover img { height: auto; aspect-ratio: 998 / 203; }
.catalog-banner h2 { font-size: clamp(34px, 3.6vw, 48px); }
.catalog-banner-copy > p:not(.section-label) { font-size: 14px; }
.catalog-banner .section-label { color: #c9d2d8; }
.catalog-art { min-height: 400px; }
.brands-home { padding-block: 72px; }
.brand-strip { min-height: 120px; padding-block: 24px; }
.brand-strip a { height: 86px; }
footer { padding-top: 48px; }
.footer-intro { padding-bottom: 32px; }
.footer-intro > span { font-size: 11px; color: #52645a; }
.footer-intro > a { font-size: clamp(30px, 3.8vw, 52px); }
.footer-grid { padding-block: 36px; gap: 32px; }
.footer-grid h2 { font-size: 13px; margin-bottom: 16px; }
.footer-grid p, .footer-grid > div > a:not(.footer-logo) { font-size: 13px; color: #4c5d54; }
.footer-grid > div > a.footer-phone { font-size: 18px; }
.footer-social { font-size: 13px; min-height: 44px; }
.footer-bottom { font-size: 11px; color: #52645a; }
.catalog-section { padding-bottom: 72px; }
.catalog-top { gap: 24px; padding-top: 24px; margin-bottom: 30px; }
.search-box { max-width: 670px; padding: 9px 16px; border: 1px solid #bfc9cb; border-radius: 12px; background: #fff; gap: 12px; }
.search-box:focus-within { border-color: #476e91; box-shadow: 0 0 0 3px #274d7312; }
.search-box input { font-size: 15px; min-height: 32px; }
.search-box input:focus { outline: none; }
.search-box input::placeholder { color: #62707a; }
.selection-button { font-size: 13px; padding: 12px 18px; min-height: 52px; }
.selection-button > span { font-size: 11px; width: 26px; height: 26px; }
.catalog-layout { grid-template-columns: 220px minmax(0,1fr); gap: 30px; }
.filters { position: sticky; top: 108px; }
.category-panel { border-bottom: 1px solid var(--line); padding-bottom: 16px; }
.category-panel summary { display: flex; align-items: center; justify-content: space-between; cursor: pointer; list-style: none; min-height: 44px; font-size: 14px; font-weight: 700; margin-bottom: 10px; }
.category-panel summary::-webkit-details-marker { display: none; }
.category-panel summary > span:last-child { font-size: 11px; color: #53636c; display: flex; align-items: center; gap: 10px; }
.category-panel summary > span:last-child:after { content: '−'; font-size: 18px; }
.category-panel:not([open]) summary > span:last-child:after { content: '+'; }
.category-filters { max-height: min(440px, 48svh); overscroll-behavior: contain; padding: 2px 9px 3px 0; scrollbar-color: #a6b8bd transparent; }
.category-filters button { min-height: 44px; font-size: 12px; line-height: 1.65; padding: 10px; color: #4f626b; border: 1px solid transparent; }
.category-filters small { font-size: 11px; color: #586c73; }
.category-filters button[aria-pressed=true] { border-color: #efcfb6; background: #faeee2; color: #864213; font-weight: 700; }
.category-filters button[aria-pressed=true] small { color: #864213; }
.brand-filter { border: 0; padding: 0; margin-top: 20px; font-size: 13px; }
.brand-filter select { font-size: 13px; padding: 11px; min-height: 46px; background: #fff; margin-top: 9px; }
.filter-catalog { margin-top: 24px; padding: 22px; }
.filter-catalog > span { font-size: 12px; }
.filter-catalog p { font-size: 21px; }
.result-toolbar { margin-bottom: 18px; align-items: center; }
.result-toolbar p { font-size: 14px; color: #53636d; }
.result-toolbar label { font-size: 12px; color: #53636d; gap: 10px; }
.result-toolbar select { min-height: 44px; font-size: 12px; padding: 10px 14px; background: #fff; border: 1px solid #d9e0df; }
.active-filters { gap: 8px; margin-bottom: 20px; }
.active-filters > button.filter-chip { min-height: 36px; font-size: 12px; background: #e9eee9; border: 1px solid #dce4dc; color: #344d44; border-radius: 99px; padding: 6px 12px; text-decoration: none; }
.filter-chip > span { padding-left: 8px; }
.active-filters > button[data-reset] { min-height: 36px; font-size: 12px; color: #854519; padding: 6px 8px; }
#pagination { padding-top: 30px; }
#pagination > p { font-size: 12px; color: #53636c; margin-bottom: 14px; }
#pagination .button { font-size: 13px; }
.catalog-sync { margin-top: 20px; font-size: 11px; color: #53635b; }
.catalog-sync button { width: 44px; height: 44px; border-radius: 50%; font-size: 20px; }
.catalog-sync button:hover { background: #e8ece5; }
.empty-state, .error-state { padding: 48px 24px; background: #ffffff70; }
.empty-state p, .error-state p, .error-state > span { font-size: 14px; }
.error-state .button { font-size: 13px; }
.catalog-delivery-notice { font-size: 13px; }
.company-story { padding-block: 8px 48px; gap: 64px; }
.company-poster { min-height: 520px; }
.company-poster > span, .company-poster b { font-size: 11px; letter-spacing: 1.2px; }
.company-poster strong { font-size: clamp(48px, 4.6vw, 66px); letter-spacing: -.055em; }
.company-story-copy h2 { font-size: clamp(36px, 3.6vw, 50px); }
.values-section { padding-top: 36px; }
.values-grid p { font-size: 14px; }
.values-grid article > span { font-size: 12px; }
.values-section + .catalog-banner { margin-bottom: 72px; }
body[data-page=markalar] .page-heading + .section { padding-top: 16px; padding-bottom: 64px; }
.brand-grid { gap: 24px; align-items: stretch; }
.brand-card { display: flex; flex-direction: column; padding: 24px; }
.brand-card > span { font-size: 10px; color: #5b6b65; letter-spacing: 1px; }
.brand-logo { display: block; position: relative; height: 188px; padding: 24px 12px; min-width: 0; }
.brand-logo img { width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: contain; }
.brand-card > div:last-of-type { margin-top: auto; padding-top: 18px; }
.brand-card h2 { font-size: 22px; line-height: 1.25; overflow-wrap: anywhere; }
.brand-card p { font-size: 13px; color: #53636d; margin-top: 8px; }
body[data-page=markalar] .catalog-banner { margin-bottom: 72px; }
.contact-layout { gap: 64px; padding-block: 12px 72px; align-items: start; }
.contact-phone { font-size: clamp(30px, 3.2vw, 40px); margin-top: 22px; }
.contact-phone strong { font-size: clamp(44px, 4.8vw, 62px); }
.contact-phone svg { right: 0; width: 30px; height: 30px; }
.contact-mobile { font-size: 17px; }
.contact-email { font-size: 14px; color: #34556b; }
.contact-address h2 { font-size: 28px; }
.contact-address p { font-size: 15px; }
.contact-address .text-link { font-size: 13px; }
.contact-hours h2 { font-size: 14px; }
.contact-hours p { font-size: 14px; flex-wrap: wrap; }
.contact-form { padding: 32px; border: 1px solid #d7ded6; background: #eef0e9; }
.contact-form h2 { font-size: clamp(34px, 3.4vw, 46px); margin-bottom: 28px; }
.contact-form label { font-size: 13px; margin-bottom: 20px; color: #273f49; }
.contact-form label small { font-size: 12px; color: #55645e; }
.form-row { gap: 16px; }
.contact-form input, .contact-form textarea { background: #ffffffb0; border: 1px solid #bfcac5; border-radius: 9px; padding: 12px; font-size: 15px; min-height: 48px; margin-top: 8px; }
.contact-form input::placeholder, .contact-form textarea::placeholder { color: #65716b; }
.contact-form input:focus, .contact-form textarea:focus { background: #fff; }
.contact-form textarea { min-height: 128px; }
.form-note { font-size: 12px; color: #4f6058; line-height: 1.75; margin-bottom: 20px; }
.contact-form .button { font-size: 13px; min-height: 50px; }
.whatsapp-alt { font-size: 13px; min-height: 44px; margin-top: 12px; }
#form-status { font-size: 13px; }
.document-section { padding-bottom: 72px; }
.document-loading { min-height: 400px; }
.document-card { grid-template-columns: .85fr 1.15fr; background: #fff; }
.document-art { min-height: 400px; }
.document-copy { padding: 38px; }
.document-copy h2 { font-size: clamp(28px, 3vw, 38px); }
.document-copy > p:not(.section-label) { font-size: 14px; margin-block: 18px; }
.document-meta { font-size: 12px; color: #52635a; padding-block: 16px; margin-bottom: 22px; }
.document-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.document-copy .button { font-size: 13px; justify-content: center; }
.document-download { display: inline-flex; align-items: center; gap: 10px; min-height: 48px; padding: 10px 16px; border: 1px solid #bac8cb; border-radius: 99px; margin: 0; font-size: 13px; text-decoration: none; }
.document-download:hover { background: #eff3f4; }
.document-status { font-size: 12px; color: #4c6350; margin-top: 20px; }
.pdf-pill { font-size: 12px; }
.catalog-to-products { margin-top: 30px; padding-top: 28px; }
.catalog-to-products span { font-size: 11px; color: #52635a; }
.catalog-to-products p { font-size: 14px; }
#pdf-viewer { scroll-margin-top: 106px; background: #fff; }
.pdf-viewer-toolbar { font-size: 13px; padding: 12px 18px; gap: 15px; }
.pdf-viewer-toolbar { flex-wrap: wrap; }
.pdf-viewer-toolbar > a { font-size: 12px; color: white; text-decoration: underline; text-underline-offset: 4px; margin-left: auto; min-height: 44px; display: inline-flex; align-items: center; }
.pdf-viewer-toolbar button { font-size: 13px; min-height: 44px; color: white; }
#pdf-viewer iframe { height: min(760px, 75svh); }
#pdf-viewer > p { font-size: 13px; color: #4e615a; }
#pdf-load-status { padding: 14px 18px; margin: 0; border-bottom: 1px solid #dde4de; }
#pdf-load-status[hidden] { display: none; }
dialog { max-width: 1040px; max-height: 92svh; border: 1px solid #d9e1e1; border-radius: 20px; animation: none; box-shadow: 0 24px 80px #07142040; overscroll-behavior: contain; }
dialog::backdrop { background: #0c1929b3; backdrop-filter: blur(5px); }
.dialog-toolbar { position: sticky; top: 0; z-index: 5; display: flex; justify-content: space-between; align-items: center; min-height: 64px; padding: 10px 16px 10px 24px; background: #f7f5f0fa; border-bottom: 1px solid #dde3e0; }
.dialog-toolbar > span { font-size: 12px; color: #52635c; font-weight: 650; }
.dialog-toolbar .dialog-close { position: static; width: 44px; height: 44px; flex-shrink: 0; background: #e6eae6; font-size: 26px; }
.dialog-toolbar .dialog-close:hover { background: var(--orange); }
.dialog-grid { grid-template-columns: .95fr 1.05fr; }
.dialog-image { aspect-ratio: 1; min-height: 360px; background: #f1f4f5; }
.dialog-image > span { font-size: 11px; color: #33546d; top: 24px; }
.dialog-image img { inset: 60px 28px 28px; width: calc(100% - 56px); height: calc(100% - 88px); mix-blend-mode: multiply; }
.dialog-content { padding: 30px; align-self: center; }
.dialog-content .section-label { font-size: 11px; margin-bottom: 18px; }
.dialog-content h2 { font-size: clamp(26px, 2.8vw, 34px); line-height: 1.22; }
.dialog-content .model { font-size: 12px; letter-spacing: .6px; margin-top: 18px; color: #814b23; }
.dialog-content > p:not(.section-label) { font-size: 14px; }
.product-specs { font-size: 14px; margin-block: 22px; }
.product-specs dt { color: #53665c; }
.dialog-content > .button, .dialog-select { font-size: 13px; min-height: 48px; }
.dialog-content > .button { margin-top: 20px; }
.dialog-select.selected { border-color: #c0d1c3; color: #25472f; }
.dialog-phone { font-size: 13px; color: #53665c; min-height: 44px; margin-top: 10px; display: grid; place-items: center; }
.selection-dialog { padding: 28px; }
.selection-dialog > h2 { font-size: 34px; }
.selection-note { font-size: 13px; }
.selection-list { max-height: none; margin-block: 22px; }
.selection-list h3 { font-size: 14px; }
.selection-list p { font-size: 12px; }
.selection-list > div > div { min-width: 0; }
.selection-list button { min-width: 44px; min-height: 44px; flex-shrink: 0; }
.selection-dialog > .button { font-size: 13px; }
.will-reveal, .will-reveal.is-visible { opacity: 1; transform: none; transition: none; }
.will-reveal.is-visible { animation: refine-reveal .4s var(--ease); }
@keyframes refine-reveal { from { transform: translateY(12px); } to { transform: none; } }
@media(min-width:1600px) { .hero { min-height: 690px; } .hero h1 { font-size: 158px; } }
@media(max-width:1150px) {
  .wrap { width: calc(100% - 64px); }
  .nav-wrap { gap: 20px; }
  nav { gap: 18px; }
  .logo { width: 195px; }
  .hero-copy { padding-left: 28px; width: 58%; }
  .hero h1 { font-size: clamp(96px, 10.5vw, 128px); }
  .hero-description { max-width: 300px; }
  .hero-slides { gap: 18px; }
  .hero-slides button { font-size: 10px; }
  .scroll-cue { display: none; }
  .hero-foot { justify-content: flex-end; }
  .catalog-layout { grid-template-columns: 205px minmax(0,1fr); gap: 26px; }
  .company-story, .contact-layout { gap: 40px; }
  .document-copy { padding: 30px; }
  .catalog-banner-copy { padding: 36px; }
}
@media(max-width:900px) {
  html { scroll-padding-top: 96px; }
  .wrap { width: calc(100% - 48px); }
  .nav-wrap { height: 78px; gap: 16px; }
  .logo { width: 195px; }
  .menu-toggle { width: 44px; height: 44px; display: flex; flex-direction: column; justify-content: center; gap: 6px; padding: 10px; flex-shrink: 0; }
  .menu-toggle > span { width: 23px; height: 1px; background: var(--ink); display: block; transition: transform .2s; }
  .menu-open .menu-toggle > span:first-child { transform: translateY(3.5px) rotate(45deg); }
  .menu-open .menu-toggle > span:last-child { transform: translateY(-3.5px) rotate(-45deg); }
  nav { display: none; position: absolute; top: 78px; left: 0; right: 0; flex-direction: column; align-items: stretch; gap: 0; background: var(--paper); padding: 14px 24px 24px; border-top: 1px solid var(--line); box-shadow: 0 16px 24px #14233010; max-height: calc(100dvh - 78px); overflow-y: auto; }
  .menu-open nav { display: flex; animation: refine-reveal .18s var(--ease); }
  nav > a { font-size: 18px; min-height: 52px; padding: 12px 0; }
  nav > a:after { bottom: 7px; }
  .nav-open { overflow: hidden; }
  .page-title-grid { gap: 28px; grid-template-columns: 1fr; }
  .page-title-grid h1 { font-size: clamp(42px, 6.8vw, 64px); }
  .page-title-grid > p { max-width: 500px; margin: 0; }
  .page-heading { padding-bottom: 32px; }
  .hero { min-height: 580px; height: 650px; }
  .hero-copy { width: 63%; padding-top: 38px; }
  .hero h1 { font-size: clamp(82px, 11.5vw, 105px); }
  .hero-description { font-size: 13px; }
  .hero-caption { bottom: 112px; }
  .category-0 { min-height: 360px; }
  .category-1 { min-height: 328px; margin-top: 32px; }
  .category-2, .category-3 { min-height: 270px; }
  .category-caption { right: 62px; left: 20px; }
  .category-caption h3 { font-size: 26px; }
  .category-caption > small { font-size: 12px; }
  .category-card > i { width: 38px; height: 38px; right: 17px; }
  .category-index { left: 20px; }
  .catalog-layout { grid-template-columns: minmax(0,1fr); gap: 24px; }
  .filters { position: static; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
  .category-panel, .filter-catalog { display: none; }
  .mobile-category { display: block; font-size: 13px; font-weight: 600; }
  .mobile-category select, .brand-filter select { width: 100%; font-size: 16px; min-height: 48px; margin-top: 8px; padding: 10px; background: #fff; border-color: #bfcacb; }
  .brand-filter { margin: 0; padding: 0; font-size: 13px; }
  .catalog-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .brand-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .brand-card h2 { font-size: 21px; }
  .brand-logo { height: 170px; }
  .company-story { gap: 32px; }
  .company-poster { padding: 28px; min-height: 495px; }
  .company-poster strong { font-size: 52px; }
  .contact-layout { grid-template-columns: 1fr 1fr; gap: 30px; }
  .contact-form { padding: 24px; }
  .contact-phone { font-size: 30px; }
  .contact-phone strong { font-size: 46px; }
  .contact-email { font-size: 13px; }
  .form-row { grid-template-columns: 1fr; gap: 0; }
  .contact-hours p { flex-direction: column; gap: 4px; }
  .document-copy { padding: 28px; }
  .document-actions { flex-direction: column; align-items: stretch; }
  .document-download { justify-content: center; }
  .dialog-content { padding: 26px; }
  .dialog-content h2 { font-size: 28px; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .footer-social { justify-self: start; }
}
@media(max-width:700px) {
  .wrap { width: calc(100% - 40px); }
  .section { padding-block: 52px; }
  .section-heading h2 { font-size: clamp(33px, 8vw, 42px); }
  .section-heading .circle-link > span { display: none; }
  .section-label { font-size: 10px; gap: 10px; margin-bottom: 16px; letter-spacing: 1px; }
  .section-label > span { font-size: 9px; }
  .nav-wrap { height: 76px; gap: 10px; }
  .logo { width: clamp(138px, 40vw, 180px); }
  .nav-catalog { font-size: 11px; min-height: 44px; padding: 10px 14px; gap: 9px; }
  .nav-catalog svg { width: 15px; height: 15px; }
  .menu-toggle { width: 40px; padding-inline: 8px; }
  nav { top: 76px; max-height: calc(100dvh - 76px); }
  .page-heading { padding-block: 18px 28px; }
  .breadcrumb { margin-bottom: 24px; font-size: 10px; }
  .page-title-grid { gap: 20px; }
  .page-title-grid h1 { font-size: clamp(36px, 9.5vw, 56px); line-height: 1.1; }
  .page-title-grid > p { font-size: 14px; line-height: 1.8; }
  .hero { margin-inline: 10px; border-radius: 16px; height: 770px; min-height: 770px; max-height: none; }
  .hero-media { inset: 41% 0 10% 7%; opacity: .92; }
  .hero-media img { object-position: 60% center; }
  .hero:after { background: linear-gradient(180deg,#101a26 0%,#101a26 32%,#101a26b3 48%,#101a2620 69%,#101a26 93%); }
  .hero-copy { padding: 27px 24px 0; width: 100%; }
  .hero-kicker { font-size: 9px; letter-spacing: .8px; padding-right: 48px; }
  .hero h1 { font-size: clamp(72px, 20vw, 104px); margin: 27px 0 18px; letter-spacing: -.07em; width: auto; }
  .hero h1 em { margin-left: 8%; }
  .hero-description { font-size: 13px; line-height: 1.8; max-width: 325px; margin-block: 20px; }
  .hero .button { font-size: 12px; min-height: 48px; }
  .hero-seal { width: 56px; height: 56px; top: 50%; right: 18px; }
  .hero-autoplay { top: 22px; right: 16px; }
  .hero-caption { bottom: 116px; right: 24px; left: 24px; max-width: none; }
  .hero-caption > span { font-size: 10px; letter-spacing: 1px; }
  .hero-caption > b { font-size: 24px; }
  .hero-foot { left: 22px; right: 22px; min-height: 92px; padding: 15px 0; align-items: center; }
  .hero-slides { gap: 12px; width: 100%; justify-content: space-between; }
  .hero-slides button { font-size: 10px; min-height: 48px; line-height: 1.5; display: block; text-align: left; max-width: 32%; padding: 6px 0; }
  .hero-slides button > span { display: block; font-size: 9px; margin-bottom: 4px; }
  .hero-slides button[aria-pressed=true]:before { top: -16px; }
  .ticker { padding-block: 16px; }
  .ticker span { font-size: 9px; letter-spacing: 1.3px; }
  .category-mosaic { gap: 18px; }
  .category-0, .category-1 { min-height: 300px; margin: 0; grid-column: 1/-1; }
  .category-2, .category-3 { min-height: 250px; margin: 0; }
  .category-caption { bottom: 22px; left: 19px; right: 60px; }
  .category-0 .category-caption h3, .category-1 .category-caption h3 { font-size: 29px; }
  .category-0 .category-caption small, .category-1 .category-caption small { font-size: 12px; }
  .category-2 .category-caption, .category-3 .category-caption { left: 16px; right: 16px; bottom: 69px; }
  .category-caption h3 { font-size: 24px; }
  .category-caption > small { font-size: 11px; }
  .category-index { font-size: 9px; left: 18px; top: 18px; letter-spacing: .7px; }
  .category-card > i { width: 38px; height: 38px; bottom: 20px; right: 16px; }
  .category-tail { margin-top: 22px; gap: 16px; }
  .category-tail p, .category-tail .text-link { font-size: 13px; }
  .product-grid, .catalog-grid { gap: 24px 16px; }
  .product-card .product-info h3, .catalog-grid .product-card .product-info h3 { font-size: 14px; min-height: 3.1em; }
  .product-card .product-info { padding: 16px; }
  .product-card .product-info > .product-category, .catalog-grid .product-card .product-info > .product-category { font-size: 11px; }
  .product-card .product-brand, .catalog-grid .product-card .product-brand { font-size: 9px; left: 9px; max-width: calc(100% - 62px); }
  .product-details { font-size: 12px; }
  .product-card .product-model p { font-size: 12px; }
  .product-model small { font-size: 9px; }
  .about-editorial { grid-template-columns: 1fr; gap: 38px; padding-block: 60px; }
  .about-visual { max-width: 330px; padding-bottom: 20px; }
  .about-year { font-size: 170px; }
  .about-copy h2 { font-size: 38px; }
  .about-copy > p:not(.section-label) { font-size: 14px; }
  .about-facts { margin-top: 26px; padding-top: 22px; }
  .about-facts b { font-size: 32px; }
  .about-facts span { font-size: 9px; line-height: 1.6; letter-spacing: .4px; }
  .catalog-banner { grid-template-columns: 1fr; min-height: 0; }
  .catalog-banner-copy { padding: 30px 26px 0; }
  .catalog-banner h2 { font-size: 36px; }
  .catalog-banner-copy > p:not(.section-label) { font-size: 13px; }
  .catalog-banner .section-label { font-size: 10px; }
  .catalog-banner .button { font-size: 13px; }
  .catalog-art { min-height: 310px; }
  .catalog-sheet { top: 10%; left: 31%; width: 175px; height: 245px; }
  .sheet-back { top: 14%; left: 21%; }
  .sheet-front > span { font-size: 25px; margin-top: 24px; }
  .sheet-front small { font-size: 6px; }
  .catalog-orbit { right: 8%; bottom: 7%; width: 58px; height: 58px; }
  .brands-home { padding-block: 52px; }
  .brand-strip { gap: 18px 0; padding-block: 20px; }
  .brand-strip a { height: 65px; }
  .footer-intro { gap: 20px; padding-bottom: 28px; }
  .footer-intro > span { font-size: 10px; }
  .footer-intro > a { font-size: clamp(28px, 8vw, 40px); gap: 16px; }
  .footer-intro > a svg { width: 32px; height: 32px; flex-shrink: 0; }
  .footer-grid { gap: 28px 20px; padding-block: 30px; }
  .footer-grid p, .footer-grid > div > a:not(.footer-logo) { font-size: 13px; }
  .footer-bottom { font-size: 10px; padding-block: 20px; }
  .catalog-top { padding-top: 20px; margin-bottom: 24px; gap: 12px; }
  .search-box { padding: 8px 11px; gap: 8px; }
  .search-box input { font-size: 16px; }
  .search-box > svg { width: 18px; height: 18px; }
  .selection-button { font-size: 0; padding: 10px; min-width: 74px; gap: 7px; min-height: 52px; }
  .selection-button > span { font-size: 11px; }
  .filters { gap: 12px; }
  .mobile-category, .brand-filter { font-size: 13px; }
  .result-toolbar { flex-wrap: wrap; gap: 10px; }
  .result-toolbar p { font-size: 13px; }
  .result-toolbar label { font-size: 12px; }
  .result-toolbar select { font-size: 16px; max-width: 160px; padding: 8px 10px; }
  .active-filters > button.filter-chip { font-size: 11px; min-height: 40px; }
  .active-filters > button[data-reset] { min-height: 44px; }
  .catalog-sync { font-size: 11px; }
  .company-story { grid-template-columns: 1fr; padding-top: 0; gap: 32px; }
  .company-poster { max-width: none; min-height: 440px; padding: 30px; }
  .company-poster strong { font-size: 55px; margin-top: 30px; }
  .company-story-copy h2 { font-size: 36px; }
  .company-story-copy > p:not(.section-label) { font-size: 14px; }
  .values-grid p { font-size: 14px; }
  .values-grid h3 { font-size: 30px; }
  .values-section + .catalog-banner { margin-bottom: 52px; }
  .brand-grid { gap: 18px 14px; }
  .brand-card { padding: 17px 14px; }
  .brand-logo { height: 144px; padding: 22px 6px; }
  .brand-grid .skeleton-card { min-height: 275px; }
  .brand-grid .skeleton-card > div { height: 144px; }
  .brand-card > span { font-size: 9px; letter-spacing: .5px; }
  .brand-card h2 { font-size: 17px; }
  .brand-card p { font-size: 12px; line-height: 1.6; }
  .brand-card > i { right: 13px; bottom: 25px; }
  body[data-page=markalar] .page-heading + .section { padding-block: 8px 48px; }
  body[data-page=markalar] .catalog-banner { margin-bottom: 52px; }
  .contact-layout { grid-template-columns: 1fr; gap: 34px; padding-block: 0 52px; }
  .contact-phone { font-size: 32px; }
  .contact-phone strong { font-size: 50px; }
  .contact-phone svg { right: 10%; }
  .contact-mobile { font-size: 17px; }
  .contact-email { font-size: 14px; }
  .contact-hours p { flex-direction: row; }
  .contact-form { padding: 26px 22px; }
  .contact-form h2 { font-size: 38px; }
  .contact-form label { font-size: 13px; }
  .contact-form input, .contact-form textarea { font-size: 16px; }
  .form-note { font-size: 12px; }
  .document-card { grid-template-columns: 1fr; }
  .document-art { min-height: 330px; }
  .document-copy { padding: 28px 24px; }
  .document-copy .section-label { font-size: 10px; }
  .document-copy h2 { font-size: 30px; }
  .document-copy > p:not(.section-label) { font-size: 14px; }
  .document-meta { font-size: 12px; gap: 10px; }
  .document-actions { flex-direction: row; }
  .document-actions > * { flex: 1 1 180px; }
  .document-status { font-size: 12px; }
  .catalog-to-products h2 { font-size: 28px; }
  .catalog-to-products p { font-size: 13px; }
  .catalog-to-products > i { width: 48px; height: 48px; }
  .pdf-viewer-toolbar, .pdf-viewer-toolbar button, #pdf-viewer > p { font-size: 12px; }
  .pdf-viewer-toolbar > a { order: 3; margin: 0; width: 100%; }
  .pdf-viewer-toolbar button { margin-left: auto; }
  .document-section { padding-bottom: 52px; }
  dialog { width: calc(100% - 20px); max-height: 94svh; border-radius: 16px; }
  .dialog-toolbar { min-height: 60px; padding: 8px 12px 8px 20px; }
  .dialog-grid { grid-template-columns: 1fr; }
  .dialog-image { aspect-ratio: 1.25; height: auto; min-height: 230px; max-height: 320px; }
  .dialog-image img { inset: 48px 24px 20px; width: calc(100% - 48px); height: calc(100% - 68px); }
  .dialog-content { padding: 26px 22px; }
  .dialog-content .section-label { font-size: 10px; }
  .dialog-content h2 { font-size: 27px; }
  .dialog-content > p:not(.section-label), .product-specs { font-size: 14px; }
  .dialog-content > .button, .dialog-select { font-size: 13px; }
  .dialog-phone { font-size: 13px; }
  .selection-dialog { padding: 26px 22px; }
  .selection-dialog > h2 { font-size: 30px; }
  .selection-list h3 { font-size: 13px; }
  .selection-list > div { gap: 12px; }
}
@media(max-width:440px) {
  .product-card .product-info h3, .catalog-grid .product-card .product-info h3 { font-size: 15px; min-height: 0; }
  .product-card .product-info { padding: 18px; }
  .product-card .product-brand, .catalog-grid .product-card .product-brand { font-size: 9px; left: 12px; }
  .product-image-frame { inset: 56px 22px 22px; }
  .skeleton-card { min-height: 430px; }
}
@media(max-width:375px) {
  .wrap { width: calc(100% - 32px); }
  .logo { width: 136px; }
  .nav-wrap { gap: 6px; }
  .nav-catalog { padding: 10px 11px; font-size: 10px; gap: 7px; }
  .hero-copy { padding-inline: 20px; }
  .hero h1 { font-size: 72px; }
  .hero { min-height: 750px; height: 750px; }
  .hero-kicker { font-size: 8px; letter-spacing: .4px; }
  .hero-description { font-size: 13px; }
  .hero-caption { right: 20px; left: 20px; }
  .hero-caption > b { font-size: 22px; }
  .hero-slides button { font-size: 9px; }
  .category-mosaic { grid-template-columns: 1fr; }
  .category-2, .category-3 { min-height: 270px; }
  .category-2 .category-caption, .category-3 .category-caption { bottom: 22px; right: 65px; }
  .brand-card { padding: 15px 12px; }
  .brand-logo { height: 128px; padding-inline: 0; }
  .brand-card h2 { font-size: 16px; }
  .brand-card > span { font-size: 8px; }
  .result-toolbar label { flex-wrap: wrap; }
  .result-toolbar select { max-width: 142px; font-size: 16px; }
  .contact-phone svg { right: 0; }
  .contact-phone strong { font-size: 46px; }
}
@media(max-height:550px) and (min-width:701px) {
  .nav-wrap { height: 72px; }
  nav { top: 72px; max-height: calc(100dvh - 72px); }
}
@media(prefers-reduced-motion:reduce) {
  *, *:before, *:after { animation: none !important; transition: none !important; }
  .product-card:hover, .brand-card:hover, .button:hover { transform: none; }
  .will-reveal, .will-reveal.is-visible { opacity: 1; transform: none; }
  .hero-media .hero-slide-image { transform: none; }
}