:root{--ink:#171b21;--navy:#101923;--orange:#ff8b32;--blue:#171b21;--muted:#67707a;--line:#dce1e5;--paper:#f4f5f5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:600}h1{font-size:clamp(40px,4.2vw,66px);line-height:1.06;letter-spacing:-2.5px;margin-bottom:24px;max-width:700px}h2{font-size:clamp(29px,3vw,46px);line-height:1.16;letter-spacing:-1.5px;margin-bottom:25px;max-width:800px}h3{font-size:22px;line-height:1.25;letter-spacing:-.5px}p{font-size:16px;line-height:1.75}.topbar{display:flex;justify-content:space-between;gap:24px;padding:9px 6vw;background:#f3f4f5;color:#727983;font-size:11px}.topbar span{margin-inline-end:auto}.topbar a{text-decoration:none}header{display:flex;align-items:center;gap:28px;padding:12px 6vw;background:#fffffff5;backdrop-filter:blur(16px);position:sticky;top:0;z-index:20;border-bottom:1px solid #e6e8ea}.brand{display:block;flex-shrink:0}nav{display:flex;gap:24px;margin-inline-start:auto}nav a{font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap;transition:color .15s}nav a:hover{color:#b9540d}select{font:inherit;font-size:12px;padding:9px;border:1px solid var(--line);border-radius:8px;background:white}.hero{display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:24px;background:var(--navy);color:#fff;padding:64px 4vw 60px 6vw;position:relative}.hero-inner{padding:10px 0;max-width:620px}.hero p{color:#bac4cf;max-width:550px;font-size:16px}.eyebrow{font-size:10px;letter-spacing:2.1px;font-weight:700;display:block;margin-bottom:22px;color:#8c581e}.hero .eyebrow{color:#ffb578}.hero-media{margin:0;min-width:0}.hero-media img{width:100%;border-radius:18px;aspect-ratio:1.6;object-fit:cover}.hero-caption{display:block;font-size:10px;color:#99a8b6;line-height:1.6;margin:12px 4px 0;max-width:620px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.primary,.outline{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 21px;border-radius:100px;font-weight:650;font-size:13px;text-decoration:none}.primary{background:var(--orange);color:#111b2c}.outline{border:1px solid #75818e;color:white}.primary:hover{background:#ffab6b}.section{padding:90px 6vw;scroll-margin-top:105px}.about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.about-visual{min-width:0}.about-visual>img{width:100%;border-radius:18px;object-fit:contain;max-height:500px;background:#171b20}.brand-stamp{display:none}.muted{color:var(--muted)}.text-link{display:inline-block;font-size:13px;font-weight:600;text-decoration:none;border-bottom:1px solid #9ba5ac;padding-bottom:7px}.stats{display:flex;justify-content:space-around;gap:30px;margin:0 6vw;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stats div{display:flex;align-items:center;gap:15px}.stats strong{font-size:32px;letter-spacing:-1px;font-weight:500}.stats span{font-size:12px;color:var(--muted);max-width:125px}.ranges>h2{margin-bottom:16px}.ranges>p{color:var(--muted);max-width:650px}.range-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:35px}.range-grid article{min-width:0}.range-grid img{height:250px;width:100%;object-fit:contain;background:#f4f5f5;border-radius:14px}.range-grid h3{margin:22px 0 12px;font-size:21px}.range-grid p{font-size:13px;color:var(--muted)}.range-grid a{font-size:12px;text-decoration:none;font-weight:700;border-bottom:1px solid #aaa;padding-bottom:6px}.catalog{background:var(--paper)}.catalog>p{max-width:850px;color:var(--muted);font-size:13px}.catalog-search{max-width:460px;margin:28px 0 35px}.catalog-search label{font-size:12px;display:block;margin-bottom:9px}.catalog-search input{width:100%;border:1px solid #cbd1d6;border-radius:100px;padding:14px 20px;background:white;font:inherit;font-size:14px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px}.product{background:white;border-radius:17px;overflow:hidden;min-width:0;border:1px solid #e6e8ea}.product-view{display:block;position:relative;background:white}.product-view img{display:block;width:100%;height:auto;aspect-ratio:1.65;object-fit:contain;padding:24px;transition:transform .2s ease}.product-view:hover img{transform:scale(1.02)}.product-view>span{position:absolute;bottom:14px;right:17px;border:1px solid #dce2e7;background:#fffffff0;border-radius:50%;width:31px;height:31px;text-align:center;line-height:29px;color:#647080;font-size:17px}.product>div{padding:24px 28px;border-top:1px solid #edf0f2}.tag{font-size:10px;letter-spacing:1.5px;font-weight:700;color:#b46b2f}.product h3{font-size:28px;margin:8px 0 2px;letter-spacing:-1px}.product a{font-size:12px;font-weight:600;text-decoration:none}.applications{background:#151e28;color:white}.applications>p{color:#aebcc9;max-width:720px}.application-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:42px}.application-grid h3{font-size:18px;margin:15px 0 8px}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px}.step{display:block;color:#a7b0b8;font-size:13px;margin-bottom:28px;letter-spacing:2px}.service-grid article{border-top:1px solid var(--line);padding-top:25px}.service-grid h3{font-size:23px}.service-grid p{font-size:13px;color:var(--muted)}.quote-strip{margin:0 6vw 20px;padding:48px;background:#f0f2f3;border-radius:20px}.quote-strip h2{font-size:35px;margin-bottom:15px}.quote-strip p{color:var(--muted)}.contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.contact-card{display:flex;flex-direction:column;gap:12px;padding:25px 0;border-top:1px solid var(--line)}.contact-card h3{margin:0 0 8px;font-size:21px}.contact-card p{font-size:13px;min-height:65px;color:var(--muted)}.contact-card a{font-size:13px;overflow-wrap:anywhere;text-decoration:none}.contact-card a[href^="tel:"]{direction:ltr}.email-btn{font-weight:650}footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:30px 6vw;background:#111923;color:#aab8c6;font-size:10px}[hidden]{display:none!important}a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #de7629;outline-offset:4px}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{letter-spacing:0;line-height:1.35}[dir=rtl] .brand{direction:ltr}@media(max-width:1050px){header{gap:15px}nav{gap:15px}.hero{grid-template-columns:1fr;gap:34px;padding:55px 6vw}.hero-inner{max-width:750px}.hero-media img{aspect-ratio:1.9;object-fit:cover}.hero-media{max-width:100%}.about-grid{gap:35px}.range-grid img{height:200px}}@media(max-width:700px){.topbar{display:none}header{padding:10px 22px;flex-wrap:wrap;gap:6px}select{margin-inline-start:auto}nav{order:3;width:100%;gap:23px;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;padding:8px 0 3px;margin:0}nav::-webkit-scrollbar{display:none}nav a{font-size:11px}.hero{padding:35px 22px 30px;gap:26px}.hero-inner{padding:0}h1{font-size:35px;letter-spacing:-1.5px;margin-bottom:18px}.hero p{font-size:14px;line-height:1.8}.eyebrow{font-size:9px;margin-bottom:17px}.actions{margin-top:22px;gap:8px}.primary,.outline{font-size:12px;min-height:44px;padding:11px 18px}.hero-media img{aspect-ratio:1.55;border-radius:13px}.hero-caption{font-size:9px;line-height:1.6}.section{padding:56px 22px;scroll-margin-top:120px}h2{font-size:30px;letter-spacing:-1px}.about-grid{grid-template-columns:1fr;gap:30px}.about-visual>img{max-height:none}.stats{margin:0 22px;gap:10px;justify-content:space-between}.stats div{display:block}.stats strong{font-size:24px;display:block}.stats span{font-size:9px;display:block;margin-top:4px;max-width:100px}.range-grid{grid-template-columns:1fr;gap:35px}.range-grid img{height:auto;aspect-ratio:1.6}.range-grid h3{margin-top:18px}.range-grid p{font-size:13px}.cards{grid-template-columns:1fr;gap:24px}.product-view img{aspect-ratio:1.42;padding:15px}.product>div{padding:21px}.product h3{font-size:26px}.application-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.application-grid h3{font-size:16px}.service-grid,.contact-grid{grid-template-columns:1fr;gap:25px}.step{margin-bottom:15px}.quote-strip{margin:0 22px;padding:30px 24px;border-radius:15px}.quote-strip h2{font-size:28px}.contact-card p{min-height:0}footer{flex-wrap:wrap;padding:25px 22px;gap:18px}.catalog>p{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.product-view img{transition:none}.product-view:hover img{transform:none}}


/* Industrial hierarchy and mobile-safe media */
h1{font-weight:800;letter-spacing:-2.6px}.hero h1{max-width:720px;text-wrap:balance}.hero .primary{min-height:56px;font-size:15px;padding:17px 29px;box-shadow:0 6px 22px #0002;transition:background .18s,transform .18s,box-shadow .18s}.hero .primary:hover{background:#ffad71;transform:translateY(-2px);box-shadow:0 9px 26px #0003}.outline{transition:background .18s}.outline:hover{background:#ffffff12}select{border-radius:100px;padding:11px 15px;background:#f7f8f9;font-weight:600;max-width:150px}.hero-media img{aspect-ratio:auto;height:auto;object-fit:contain}.hero h1,.section h2,.product h3{overflow-wrap:anywhere}@media(max-width:700px){h1{font-size:36px;letter-spacing:-1px}.hero .primary{min-height:52px;font-size:13px;padding:14px 24px}.actions{gap:10px}.hero-media img{aspect-ratio:auto}.hero-caption{font-size:10px}select{font-size:12px;max-width:145px;padding:10px 13px}.hero p{font-size:15px}}@media(prefers-reduced-motion:reduce){.hero .primary,.outline{transition:none}.hero .primary:hover{transform:none}}

.factory-gallery{background:#f5f6f6}.factory-gallery>p{font-size:13px;color:var(--muted);max-width:850px}.factory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:30px 0}.factory-grid figure{margin:0;min-width:0}.factory-grid img{width:100%;height:auto;object-fit:contain;border-radius:13px}.factory-grid figcaption{font-size:11px;color:var(--muted);margin-top:12px}@media(max-width:700px){.factory-grid{grid-template-columns:1fr;gap:26px}.factory-grid figcaption{font-size:11px}}
@media(min-width:701px) and (max-width:1050px){header{flex-wrap:wrap}header select{margin-inline-start:auto}nav{order:3;width:100%;margin:0;justify-content:space-between;overflow-x:auto;padding:6px 0 3px}.section{scroll-margin-top:160px}html{scroll-padding-top:160px}}@media(max-width:700px){html{scroll-padding-top:130px}.section{scroll-margin-top:130px}}
/* Self-hosted type: consistent Latin and Arabic rendering */
@font-face{font-family:'Polin Sans';src:url('assets/fonts/open-sans-regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Polin Sans';src:url('assets/fonts/open-sans-semibold.woff') format('woff');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Polin Sans';src:url('assets/fonts/open-sans-bold.woff') format('woff');font-weight:700 900;font-style:normal;font-display:swap}
@font-face{font-family:'Polin Arabic';src:url('assets/fonts/noto-sans-arabic-regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Polin Arabic';src:url('assets/fonts/noto-sans-arabic-bold.woff') format('woff');font-weight:600 900;font-style:normal;font-display:swap}
@font-face{font-family:'Polin Kufi';src:url('assets/fonts/noto-kufi-arabic-regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Polin Kufi';src:url('assets/fonts/noto-kufi-arabic-bold.woff') format('woff');font-weight:600 900;font-style:normal;font-display:swap}
body{font-family:'Polin Sans',Arial,sans-serif}nav a{font-family:'Polin Sans',Arial,sans-serif;font-size:13px;font-weight:600;letter-spacing:.1px;line-height:1.65;padding:6px 0;position:relative}nav a::after{content:'';position:absolute;bottom:0;inset-inline-start:0;width:0;height:2px;background:var(--orange);border-radius:2px;transition:width .18s ease}nav a:hover::after,nav a:focus-visible::after{width:100%}.eyebrow{font-weight:700}.range-grid h3,.application-grid h3{font-weight:700}select{font-family:'Polin Sans','Polin Arabic',Arial,sans-serif;font-weight:600}html[lang=ar] body{font-family:'Polin Arabic','Polin Sans',Arial,sans-serif}html[lang=ar] nav a,html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] .primary,html[lang=ar] .outline,html[lang=ar] .eyebrow{font-family:'Polin Kufi','Polin Arabic','Polin Sans',Arial,sans-serif;letter-spacing:0}html[lang=ar] nav a{font-size:12px;font-weight:700;line-height:1.9}html[lang=ar] h1{font-weight:700;line-height:1.6}html[lang=ar] h2{line-height:1.65}html[lang=ar] h3{line-height:1.7}html[lang=ar] p{line-height:1.95}html[lang=ar] .product h3{font-family:'Polin Sans',Arial,sans-serif;line-height:1.3}html[lang=ar] .eyebrow{font-size:10px;line-height:1.9}.tag,.stats strong{font-family:'Polin Sans',Arial,sans-serif}@media(max-width:700px){nav{gap:25px}nav a{font-size:12px}html[lang=ar] nav a{font-size:12px}html[lang=ar] h1{font-size:31px;line-height:1.65}html[lang=ar] h2{font-size:27px}html[lang=ar] .range-grid h3{font-size:20px}html[lang=ar] .application-grid h3{font-size:15px}.application-grid h3{line-height:1.5}.hero .primary,.outline{line-height:1.7}}@media(prefers-reduced-motion:reduce){nav a::after{transition:none}}

.skip-link{position:fixed;top:8px;inset-inline-start:12px;transform:translateY(-150%);z-index:100;background:#fff;color:#101923;padding:12px 20px;border:2px solid var(--orange);border-radius:8px;font-size:14px}.skip-link:focus{transform:none}.search-feedback{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;font-size:11px;color:var(--muted)}#search-reset{background:transparent;border:0;border-bottom:1px solid #89939a;font:inherit;color:#333;padding:3px;cursor:pointer}.menu-toggle{display:none;font:inherit;font-size:12px;font-weight:700;border:1px solid var(--line);border-radius:8px;padding:9px 12px;color:var(--ink);background:white;cursor:pointer}.menu-toggle span[aria-hidden]{font-size:17px;vertical-align:middle}.product-view:focus-visible{outline-offset:-4px}.product a[data-inquiry]{display:inline-block;padding:11px 17px;border:1px solid #d9dfe3;border-radius:100px;margin-top:3px;transition:background .2s}.product a[data-inquiry]:hover{background:#f2f4f5}button:focus-visible{outline:3px solid var(--orange);outline-offset:3px}@media(max-width:700px){header{gap:10px}.menu-toggle{display:inline-flex;align-items:center;gap:7px;order:2}.menu-ready nav{display:none}.menu-ready.menu-open nav{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;max-height:65vh;overflow:auto;padding:14px 0 6px;border-top:1px solid var(--line)}nav a,html[lang=ar] nav a{padding:12px 4px;font-size:13px}header select{margin-inline-start:auto;max-width:112px;font-size:11px;padding:9px}html[lang=ar] .menu-toggle{font-family:'Polin Kufi','Polin Arabic',sans-serif;font-size:11px}.section{scroll-margin-top:105px}html{scroll-padding-top:105px}}@media(max-width:360px){header{padding-inline:15px;gap:7px}header select{max-width:98px}.menu-toggle{padding:8px 9px}}
img{height:auto}

/* Keep the header clearance in one place for anchor navigation. */
.section {
  scroll-margin-top: 0;
}

#language {
  color: var(--ink);
  min-height: 44px;
  cursor: pointer;
}

.contact-card a[href^="tel:"] {
  direction: inherit;
}

[dir="rtl"] .product h3 {
  text-align: right;
}

.product-view > span {
  right: auto;
  inset-inline-end: 17px;
}

.brand img {
  width: 148px;
  aspect-ratio: 148 / 84;
  object-fit: cover;
  object-position: center 40%;
  border-radius: 8px;
  background: #fff;
}

@media (max-width: 700px) {
  .brand img {
    width: 108px;
  }
}

@media (max-width: 360px) {
  .brand img {
    width: 94px;
  }
}

.application-grid p {
  color: #bac4cf;
  font-size: 13px;
  line-height: 1.7;
  margin-bottom: 0;
}

.service-intro {
  color: var(--muted);
  max-width: 62ch;
  margin-bottom: 28px;
}

.service-questions {
  margin-top: 40px;
  max-width: 850px;
}

.service-questions details {
  border-block-start: 1px solid var(--line);
}

.service-questions summary {
  padding: 14px 0;
  font-weight: 600;
  cursor: pointer;
}

.service-questions summary:focus-visible {
  outline: 3px solid var(--orange);
  outline-offset: 2px;
}

.service-questions details p {
  color: var(--muted);
  font-size: 14px;
  margin-bottom: 14px;
  max-width: 66ch;
}

.footer-brand {
  flex-shrink: 0;
}

.footer-brand img {
  width: 124px;
  aspect-ratio: 148 / 84;
  object-fit: cover;
  object-position: center 40%;
  border-radius: 8px;
  background: #fff;
}

.hero-applications-link {
  display: inline-block;
  margin-top: 14px;
  color: #ffd0ad;
  font-size: 13px;
  text-underline-offset: 3px;
}

.application-grid article {
  min-width: 0;
}

.application-grid img {
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: 12px;
  background: var(--navy);
}

.applications .application-photo-note {
  margin: 20px 0 0;
  font-size: 12px;
}

.hero-slide {
  margin: 0;
}

.hero-carousel-controls {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin: 8px 4px 0;
}

.hero-carousel-controls button {
  min-height: 40px;
  padding: 6px 9px;
  border: 1px solid #75818e;
  border-radius: 7px;
  color: white;
  background: transparent;
  font: inherit;
  font-size: 12px;
  cursor: pointer;
}

.hero-carousel-controls button:hover {
  background: #ffffff16;
}

.hero-carousel-controls bdi {
  margin-inline-start: 4px;
  color: #bac4cf;
  font-size: 12px;
}

.stats-warranty a {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
}

.stats .stats-warranty strong {
  font-family: inherit;
  font-size: clamp(18px, 2.6vw, 30px);
  letter-spacing: 0;
}

.stats-warranty a:hover span {
  text-decoration: underline;
}

.after-sales {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
  margin-top: 34px;
}

.after-sales article {
  padding: 22px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--paper);
}

.after-sales article p {
  margin-bottom: 12px;
  color: var(--muted);
  font-size: 14px;
}

@media (max-width: 700px) {
  .stats-warranty a {
    display: block;
  }

  .after-sales {
    grid-template-columns: 1fr;
  }
}

.site-top {
  position: sticky;
  top: 0;
  z-index: 20;
}

.site-top header {
  position: relative;
  top: auto;
}

html {
  scroll-padding-top: var(--site-top-offset, 170px);
}

.application-text-card {
  padding: 18px;
  border: 1px solid #46505a;
  border-radius: 12px;
}

.application-grid .application-text-card h3 {
  margin-top: 0;
}

@media (max-width: 700px) {
  html {
    scroll-padding-top: var(--site-top-offset, 140px);
  }

  .site-top .menu-ready.menu-open nav {
    max-height: min(65vh, calc(100dvh - var(--site-top-offset, 140px)));
  }
}

.header-whatsapp {
  position: relative;
  flex: 0 0 auto;
  margin-inline: auto;
}

.site-top header > nav,
.site-top header > select {
  margin-inline-start: 0;
}

.header-whatsapp summary {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: white;
  cursor: pointer;
  list-style: none;
}

.header-whatsapp summary::-webkit-details-marker {
  display: none;
}

.header-whatsapp summary:focus-visible {
  outline: 3px solid var(--orange);
  outline-offset: 3px;
}

.header-whatsapp summary:hover,
.header-whatsapp[open] summary {
  border-color: #23ce5d;
}

.header-whatsapp summary img {
  width: 40px;
  height: 40px;
  border-radius: 8px;
}

.header-whatsapp-links {
  position: absolute;
  z-index: 1;
  inset-block-start: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  min-width: 170px;
  width: max-content;
  padding: 5px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: white;
  box-shadow: 0 8px 24px #1019231a;
}

.header-whatsapp-links a {
  display: block;
  padding: 12px;
  border-radius: 6px;
  color: var(--ink);
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
}

.header-whatsapp-links a:hover,
.header-whatsapp-links a:focus-visible {
  background: #e6f5eb;
}

@media (min-width: 1051px) and (max-width: 1150px) {
  .site-top header {
    gap: 14px;
  }

  .site-top nav {
    gap: 12px;
  }
}

@media (max-width: 420px) {
  .site-top header {
    padding-inline: 10px;
    gap: 6px;
  }

  .site-top .brand img {
    width: clamp(82px, 24vw, 100px);
  }

  .site-top header select {
    max-width: 88px;
    padding-inline: 6px;
  }

  .site-top .menu-toggle {
    padding-inline: 7px;
  }
}

@media (max-width: 340px) {
  .site-top .brand img {
    width: 74px;
  }

  .site-top .menu-toggle {
    gap: 4px;
    padding-inline: 6px;
  }
}

.contact-form {
  max-width: 710px;
  margin: 24px 0 34px;
  padding: clamp(16px, 3vw, 24px);
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--paper);
}

.contact-form h3 {
  margin-bottom: 8px;
}

.contact-form > p {
  margin-bottom: 16px;
  color: var(--muted);
  font-size: 13px;
}

.contact-form-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px;
  margin-bottom: 16px;
}

.contact-form label {
  display: grid;
  min-width: 0;
  gap: 6px;
  font-size: 13px;
  font-weight: 600;
}

.contact-message-field {
  grid-column: 1 / -1;
}

.contact-form input,
.contact-form textarea {
  box-sizing: border-box;
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #cbd1d6;
  border-radius: 8px;
  color: var(--ink);
  background: white;
  font: inherit;
  font-size: 16px;
  font-weight: 400;
}

.contact-form input {
  min-height: 44px;
}

.contact-form textarea {
  min-height: 104px;
  resize: vertical;
}

.contact-form textarea:focus-visible {
  outline: 3px solid #de7629;
  outline-offset: 3px;
}

.contact-form button {
  border: 0;
  font-family: inherit;
  cursor: pointer;
}

@media (max-width: 600px) {
  .contact-form-fields {
    grid-template-columns: 1fr;
  }
}

.product-links,
.detail-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  margin-block-start: 12px;
}

.product a.model-details,
.detail-email {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 9px 14px;
  border: 1px solid #a5adb4;
  border-radius: 100px;
  color: #18232c;
  font-weight: 700;
  text-decoration: none;
}

.product a.model-details:hover,
.detail-email:hover {
  background: #eef1f3;
}

.product .product-links a[data-inquiry] {
  min-height: 44px;
  margin: 0;
}

.detail-page {
  max-width: 1440px;
  margin-inline: auto;
}

.back-link {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: #273b4d;
  font-weight: 700;
  margin-block-end: 18px;
}

.detail-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(24px, 5vw, 72px);
  align-items: start;
}

.detail-photo {
  border: 1px solid #dce1e5;
  border-radius: 16px;
  overflow: hidden;
}

.detail-copy h1 {
  font-size: clamp(36px, 6vw, 64px);
  overflow-wrap: anywhere;
  margin: 0 0 16px;
}

.detail-copy h2 {
  font-size: clamp(19px, 2.8vw, 25px);
}

.model-specs {
  margin-block: 20px 0;
  border-block-start: 1px solid #dce1e5;
}

.model-specs > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 15px;
  padding: 12px 0;
  border-block-end: 1px solid #dce1e5;
}

.model-specs dd {
  margin: 0;
  font-weight: 700;
  text-align: end;
}

.detail-note,
.privacy-page p {
  color: #495761;
  max-width: 72ch;
}

.detail-actions .primary {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
}

.contact-form select {
  min-height: 44px;
  width: 100%;
  padding: 8px 10px;
  border: 1px solid #a5adb4;
  border-radius: 8px;
  color: #171b21;
  background: #fff;
  font: inherit;
}

.contact-message-field small {
  color: #495761;
  font-weight: 400;
}

.contact-form .contact-privacy {
  margin-block: 12px 0;
}

.contact-privacy a {
  color: #273b4d;
}

footer .footer-languages {
  display: flex;
  flex-wrap: wrap;
  width: auto;
  order: 0;
  gap: 6px 12px;
  margin: 0;
}

footer .footer-languages a,
footer .footer-privacy {
  color: #d8e3ed;
  font-size: 12px;
  text-decoration: underline;
  text-underline-offset: 3px;
}

footer .footer-languages a[aria-current="page"] {
  font-weight: 700;
  color: #fff;
}

@media (max-width: 760px) {
  .detail-grid {
    grid-template-columns: 1fr;
  }

  .detail-photo {
    max-width: 560px;
  }
}

@media (max-width: 420px) {
  .model-specs > div {
    grid-template-columns: 1fr;
    gap: 3px;
  }

  .model-specs dd {
    text-align: start;
  }
}