.hardmetal-preview-page {
  --preview-ink: #303233;
  --preview-muted: #606263;
  --preview-orange: #f6763d;
  --preview-orange-dark: #df5c21;
  --preview-orange-soft: #fff5f0;
  --preview-line: #e7e7e7;
  width: 100%;
  padding: 16px 30px 72px;
  overflow: hidden;
  color: var(--preview-ink);
}

.hardmetal-preview-page * { box-sizing: border-box; }
.hardmetal-preview-page img { display: block; max-width: 100%; }

.hardmetal-preview-breadcrumb {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 32px;
  color: var(--preview-muted);
  font-size: 14px;
}

.hardmetal-preview-breadcrumb a {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  color: var(--preview-ink);
}

.hardmetal-preview-breadcrumb svg { width: 16px; height: 16px; fill: currentColor; }
.hardmetal-preview-breadcrumb .hardmetal-preview-breadcrumb__arrow { color: #cbcbcb; fill: none; stroke: currentColor; stroke-width: 2.5; }

.hardmetal-preview-kicker {
  margin: 0;
  color: var(--preview-orange-dark);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.hardmetal-preview-hero {
  display: grid;
  gap: 38px;
  padding: 38px 0 72px;
  border-bottom: 1px solid var(--preview-line);
}

.hardmetal-preview-hero h1 {
  max-width: 760px;
  margin: 18px 0 0;
  font-size: clamp(40px, 10vw, 64px);
  font-weight: 850;
  letter-spacing: -.05em;
  line-height: 1.05;
}

.hardmetal-preview-lead {
  max-width: 650px;
  margin: 25px 0 0;
  color: var(--preview-muted);
  font-size: 18px;
  line-height: 1.65;
}

.hardmetal-preview-actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 29px;
}

.hardmetal-preview-button {
  display: inline-flex;
  min-height: 52px;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border: 1px solid transparent;
  border-radius: 6px;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: 750;
  white-space: nowrap;
}

.hardmetal-preview-button svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }

.hardmetal-preview-button--primary { border: 0; background: var(--preview-orange); color: #fff; }
.hardmetal-preview-button--primary:hover { background: var(--preview-orange-dark); }
.hardmetal-preview-button--outline { border-color: #dedfdf; background: #eceeee; color: var(--preview-ink); }
.hardmetal-preview-button--outline:hover { border-color: #d4d6d6; background: #dfe1e1; }

.hardmetal-preview-proof {
  display: grid;
  width: 100%;
  max-width: 650px;
  margin: 34px 0 0;
  padding: 0;
  border-top: 1px solid var(--preview-line);
  border-left: 1px solid var(--preview-line);
  list-style: none;
}

.hardmetal-preview-proof li { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 2px 12px; padding: 15px; border-bottom: 1px solid var(--preview-line); }
.hardmetal-preview-proof__icon { grid-row: 1 / span 2; align-self: center; width: 20px; height: 20px; fill: none; stroke: var(--preview-orange-dark); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.hardmetal-preview-proof strong,
.hardmetal-preview-proof span { grid-column: 2; }
.hardmetal-preview-proof strong { font-size: 14px; }
.hardmetal-preview-proof span { color: var(--preview-muted); font-size: 13px; }
.hardmetal-preview-hero__media { width: 100%; max-width: 720px; justify-self: end; margin: 0; }
.hardmetal-preview-hero__image { display: block; width: 100%; height: auto; border-radius: 8px; }

.hardmetal-preview-generic-content,
.hardmetal-preview-generic-gallery,
.hardmetal-preview-generic-prices,
.hardmetal-preview-generic-locations { width: 100%; max-width: 1440px; margin-inline: auto; padding-block: 72px; }
.hardmetal-preview-generic-content { display: grid; gap: 28px; }
.hardmetal-preview-generic-content header h2,
.hardmetal-preview-generic-gallery header h2,
.hardmetal-preview-generic-locations header h2 { margin-top: 14px; }
.hardmetal-preview-generic-content__body { max-width: 850px; color: var(--preview-muted); font-size: 17px; line-height: 1.75; }
.hardmetal-preview-generic-content__body > :first-child { margin-top: 0; }
.hardmetal-preview-generic-content__body h2,
.hardmetal-preview-generic-content__body h3 { color: var(--preview-ink); }
.hardmetal-preview-generic-content__body h2 { margin-top: 40px; font-size: 28px; line-height: 1.2; }
.hardmetal-preview-generic-content__body h3 { margin-top: 30px; font-size: 21px; line-height: 1.3; }
.hardmetal-preview-generic-content__body p,
.hardmetal-preview-generic-content__body ul,
.hardmetal-preview-generic-content__body ol { margin-top: 16px; }
.hardmetal-preview-generic-content__body ul,
.hardmetal-preview-generic-content__body ol { padding-left: 22px; }
.hardmetal-preview-generic-gallery { border-top: 1px solid var(--preview-line); }
.hardmetal-preview-generic-gallery header p,
.hardmetal-preview-generic-locations header p { max-width: 650px; margin: 14px 0 0; color: var(--preview-muted); line-height: 1.65; }
.hardmetal-preview-generic-gallery > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 32px; }
.hardmetal-preview-generic-gallery figure { min-width: 0; margin: 0; overflow: hidden; border-radius: 8px; background: #f2f3f3; }
.hardmetal-preview-generic-gallery__image { width: 100%; aspect-ratio: 3 / 4; object-fit: cover; transition: transform 250ms ease; }
.hardmetal-preview-generic-gallery figure:hover .hardmetal-preview-generic-gallery__image { transform: scale(1.02); }
.hardmetal-preview-generic-prices { border-top: 1px solid var(--preview-line); }
.hardmetal-preview-generic-prices .buyback-price-categories { margin-top: 0; }
.hardmetal-preview-generic-locations { border-top: 1px solid var(--preview-line); }
.hardmetal-preview-generic-locations .hardmetal-preview-locations__regions { margin-top: 30px; }

.buyback-seo__header { max-width: 850px; }
.buyback-seo__header h2 { margin-top: 0; }
.buyback-seo__header > p:last-child { max-width: 780px; margin: 18px 0 0; color: var(--preview-muted); font-size: 17px; line-height: 1.7; }
.buyback-seo__topics { display: grid; margin-top: 36px; border-top: 1px solid var(--preview-line); }
.buyback-seo__topics article { position: relative; min-width: 0; padding: 28px 0; border-bottom: 1px solid var(--preview-line); }
.buyback-seo__topics article > span { display: block; margin-bottom: 14px; color: var(--preview-orange-dark); font-size: 11px; font-weight: 850; letter-spacing: .08em; }
.buyback-seo__topics h3 { margin: 0; font-size: 21px; line-height: 1.3; }
.buyback-seo__topics p { margin: 10px 0 0; color: var(--preview-muted); font-size: 15px; line-height: 1.65; }
.buyback-seo-faq { min-width: 0; padding-top: 56px; border-top: 1px solid var(--preview-line); }

.hardmetal-preview-section { width: 100%; max-width: 1440px; margin-inline: auto; padding-block: 72px; }
.hardmetal-preview-section__header { margin-bottom: 34px; }
.hardmetal-preview-section__header h2 { margin-top: 0; }
.hardmetal-preview-page h2 { margin: 16px 0 0; font-size: clamp(32px, 7vw, 46px); font-weight: 840; letter-spacing: -.04em; line-height: 1.05; }
.hardmetal-preview-section__header p:last-child,
.hardmetal-preview-contact__copy > p:last-of-type,
.hardmetal-preview-locations > p { max-width: 650px; margin: 14px 0 0; color: var(--preview-muted); line-height: 1.65; }

.hardmetal-preview-materials { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 12px; }
.hardmetal-preview-materials article { min-width: 0; }
.hardmetal-preview-materials img { width: 100%; aspect-ratio: 3 / 4; border-radius: 8px; object-fit: cover; transition: transform 250ms ease; }
.hardmetal-preview-materials article:hover img { transform: scale(1.02); }
.hardmetal-preview-materials h3 { margin: 13px 0 0; font-size: 16px; line-height: 1.25; }
.hardmetal-preview-materials p { margin: 6px 0 0; color: var(--preview-muted); font-size: 13px; line-height: 1.5; }

.hardmetal-preview-process {
  margin-inline: -30px;
  padding: 72px 30px;
  background: var(--preview-ink);
  color: #fff;
}

.hardmetal-preview-process__inner { display: grid; width: 100%; max-width: 1440px; margin-inline: auto; gap: 56px; }
.hardmetal-preview-process__block {
  position: relative;
  min-width: 0;
  padding: 0;
}
.hardmetal-preview-process__block--price { padding-top: 56px; border-top: 1px solid #505252; }
.hardmetal-preview-process__intro::before { display: block; width: 64px; height: 4px; margin-bottom: 28px; background: var(--preview-orange); content: ""; }
.hardmetal-preview-process__intro h2 { margin: 0; font-size: clamp(34px, 3vw, 48px); line-height: 1.02; }
.hardmetal-preview-process__intro p { max-width: 650px; margin: 18px 0 0; color: #c9caca; font-size: 16px; line-height: 1.65; }
.hardmetal-preview-process__intro a {
  display: inline-flex;
  min-height: 46px;
  align-items: center;
  margin-top: 22px;
  padding: 0 18px;
  border-radius: 6px;
  background: var(--preview-orange);
  color: #fff;
  font-weight: 800;
  text-decoration: none;
  transition: background-color 180ms ease;
}
.hardmetal-preview-process__intro a:hover { background: var(--preview-orange-dark); }
.hardmetal-preview-process ol,
.hardmetal-preview-process dl { margin: 36px 0 0; padding: 0; }
.hardmetal-preview-process ol { list-style: none; }
.hardmetal-preview-process li { position: relative; display: grid; grid-template-columns: 48px 1fr; gap: 16px; padding: 0 0 30px; }
.hardmetal-preview-process li:last-child { padding-bottom: 0; }
.hardmetal-preview-process li:not(:last-child)::after { position: absolute; top: 42px; bottom: 6px; left: 19px; width: 1px; background: #555; content: ""; }
.hardmetal-preview-process li > span { display: flex; width: 40px; height: 40px; align-items: center; justify-content: center; border: 1px solid rgba(255, 155, 109, .55); border-radius: 50%; background: rgba(255, 155, 109, .08); color: #ff9b6d; font-size: 12px; font-weight: 800; }
.hardmetal-preview-process h3 { margin: 0; font-size: 19px; }
.hardmetal-preview-process li p { margin: 7px 0 0; color: #c9caca; font-size: 14px; }
.hardmetal-preview-process dl { display: grid; column-gap: 32px; }
.hardmetal-preview-process dl div { display: grid; min-height: 86px; grid-template-columns: 34px 1fr; align-items: center; gap: 12px; padding: 18px 0; border-top: 1px solid #555; }
.hardmetal-preview-process dl div:last-child { border-bottom: 1px solid #555; }
.hardmetal-preview-process dt { color: #ff9b6d; font-size: 12px; font-weight: 800; }
.hardmetal-preview-process dd { margin: 0; color: #fff; font-size: 17px; font-weight: 750; line-height: 1.35; }

.hardmetal-preview-contact {
  margin-inline: -30px;
  padding: 72px 30px;
  background: #f1f2f2;
}

.hardmetal-preview-contact__inner { display: grid; width: 100%; max-width: 1440px; margin-inline: auto; gap: 40px; }
.hardmetal-preview-contact__copy h2 { margin-top: 0; }
.hardmetal-preview-contact__links { display: flex; flex-direction: column; align-items: stretch; gap: 12px; margin-top: 28px; padding-top: 20px; border-top: 1px solid #d9dada; }
.hardmetal-preview-contact__links .hardmetal-preview-button { width: 100%; justify-content: center; overflow-wrap: anywhere; }
.hardmetal-preview-form { min-width: 0; padding: 22px; border-radius: 10px; background: #fff; }
.hardmetal-preview-form label { display: grid; gap: 6px; font-size: 13px; font-weight: 700; }
.hardmetal-preview-form input:not([data-phone-national]):not(.phone-country-menu__search),
.hardmetal-preview-form select,
.hardmetal-preview-form textarea { width: 100%; min-height: 48px; border: 1px solid #ddd; border-radius: 5px; background: #fafafa; padding: 11px 12px; font-size: 16px; }
.hardmetal-preview-form select {
  -webkit-appearance: none;
  appearance: none;
  padding-right: 48px;
  background-color: #f7f8f8;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23303233' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 8 4 4 4-4'/%3E%3C/svg%3E");
  background-position: right 15px center;
  background-repeat: no-repeat;
  background-size: 20px;
  color: var(--preview-ink);
  cursor: pointer;
  font-family: inherit;
  font-weight: 700;
  transition: border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}
.hardmetal-preview-form select:hover { border-color: #bfc1c1; background-color: #fff; }
.hardmetal-preview-form select:focus-visible {
  border-color: var(--preview-orange);
  outline: 0;
  background-color: #fff;
  box-shadow: 0 0 0 3px rgba(246, 118, 61, .16);
}
.hardmetal-preview-form textarea { min-height: 110px; resize: vertical; }
.hardmetal-preview-form__wide { grid-column: 1 / -1; }
.hardmetal-preview-form p:not(.phone-field__error):not(.phone-country-menu__status) { margin: 0; color: var(--preview-muted); font-size: 12px; }
.hardmetal-preview-form button[type="submit"] { min-height: 52px; border: 0; border-radius: 6px; padding: 13px 28px; background: var(--preview-orange); color: #fff; font-size: 15px; font-weight: 800; cursor: pointer; }
.hardmetal-preview-form button[type="submit"]:hover { background: var(--preview-orange-dark); }
.hardmetal-preview-form .phone-field { --phone-bg: #f7f8f8; }
.hardmetal-preview-form .buyback-form { width: 100%; min-width: 0; margin: 0; padding: 0; }
.hardmetal-preview-form .buyback-form-grid { width: 100%; grid-template-columns: minmax(0, 1fr); gap: 20px; border: 0; border-radius: 0; padding: 0; }
.hardmetal-preview-form .buyback-form-grid label { display: block; margin-bottom: 6px; }
.hardmetal-preview-form .buyback-form-grid input:not([data-phone-national]):not(.phone-country-menu__search),
.hardmetal-preview-form .buyback-form-grid textarea { background: #f7f8f8; }
.hardmetal-preview-form .buyback-form-grid textarea { min-height: 110px; }
.hardmetal-preview-form .buyback-field { min-width: 0; }
.hardmetal-preview-form .buyback-field--consent > div { display: grid; width: fit-content; max-width: 100%; margin-inline: 0; grid-template-columns: 28px minmax(0, auto); align-items: center; gap: 10px; }
.hardmetal-preview-form .buyback-field--consent input { width: 26px; min-height: 26px; margin: 1px 0 0; }
.hardmetal-preview-form .buyback-field--consent label { margin: 0; line-height: 1.45; }
.hardmetal-preview-form .buyback-field--submit { display: flex; justify-content: flex-end; }
.hardmetal-preview-form .buyback-recaptcha-note { grid-column: 1 / -1; }
.hardmetal-preview-form .inquiry-errors,
.hardmetal-preview-form .inquiry-success { grid-column: 1 / -1; }

.hardmetal-preview-info { display: grid; width: 100%; max-width: 1440px; margin-inline: auto; gap: 56px; padding: 72px 0; }
.hardmetal-preview-faq { min-width: 0; }
.hardmetal-preview-faq h2 { margin-top: 0; }
.hardmetal-preview-faq__list { margin: 34px -16px 0; }
.hardmetal-preview-faq__item { border-top: 1px solid var(--preview-line); padding-inline: 16px; transition: background-color 260ms ease, box-shadow 260ms ease; }
.hardmetal-preview-faq__item:last-child { border-bottom: 1px solid var(--preview-line); }
.hardmetal-preview-faq__item[data-open="true"] { background: #faf7f5; box-shadow: inset 3px 0 var(--preview-orange); }
.hardmetal-preview-faq__trigger {
  display: grid;
  width: 100%;
  min-height: 72px;
  grid-template-columns: 34px minmax(0, 1fr) 34px;
  align-items: center;
  gap: 12px;
  border: 0;
  background: transparent;
  color: var(--preview-ink);
  cursor: pointer;
  font: inherit;
  font-weight: 760;
  line-height: 1.35;
  text-align: left;
}
.hardmetal-preview-faq__trigger:focus-visible { outline: 2px solid var(--preview-orange-dark); outline-offset: -2px; }
.hardmetal-preview-faq__number { color: var(--preview-orange-dark); font-size: 11px; font-weight: 850; letter-spacing: .06em; }
.hardmetal-preview-faq__icon { position: relative; width: 32px; height: 32px; border: 1px solid #d9d9d9; border-radius: 50%; transition: border-color 260ms ease, transform 360ms cubic-bezier(.2, .75, .25, 1); }
.hardmetal-preview-faq__icon::before,
.hardmetal-preview-faq__icon::after { position: absolute; top: 50%; left: 50%; width: 12px; height: 2px; background: var(--preview-orange-dark); content: ""; transform: translate(-50%, -50%); transition: transform 360ms cubic-bezier(.2, .75, .25, 1); }
.hardmetal-preview-faq__icon::after { transform: translate(-50%, -50%) rotate(90deg); }
.hardmetal-preview-faq__item[data-open="true"] .hardmetal-preview-faq__icon { border-color: rgba(207, 91, 44, .55); transform: rotate(180deg); }
.hardmetal-preview-faq__item[data-open="true"] .hardmetal-preview-faq__icon::after { transform: translate(-50%, -50%) rotate(90deg) scaleX(0); }
.hardmetal-preview-faq__answer { display: grid; grid-template-rows: 0fr; opacity: 0; transition: grid-template-rows 380ms cubic-bezier(.2, .75, .25, 1), opacity 220ms ease; }
.hardmetal-preview-faq__answer > div { min-height: 0; overflow: hidden; }
.hardmetal-preview-faq__answer p { max-width: 620px; margin: 0; padding: 0 50px 24px 46px; color: var(--preview-muted); font-size: 14px; line-height: 1.65; }
.hardmetal-preview-faq__item[data-open="true"] .hardmetal-preview-faq__answer { grid-template-rows: 1fr; opacity: 1; }

.hardmetal-preview-locations { min-width: 0; padding-top: 56px; border-top: 1px solid var(--preview-line); }
.hardmetal-preview-locations h2 { margin-top: 0; }
.hardmetal-preview-locations__regions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 28px; }
.hardmetal-preview-locations__regions button,
.hardmetal-preview-locations__regions [data-location-endpoint] { min-height: 44px; padding: 10px 14px; border: 1px solid var(--preview-line); border-radius: 6px; background: #fff; color: var(--preview-ink); cursor: pointer !important; font: inherit; font-size: 13px; font-weight: 700; transition: border-color 180ms ease, background-color 180ms ease, color 180ms ease; }
.hardmetal-preview-locations__regions button:hover,
.hardmetal-preview-locations__regions button:focus-visible { border-color: var(--preview-orange); background: #fff6f1; color: var(--preview-orange-dark); outline: none; }

.hardmetal-preview-location-modal { position: absolute; z-index: 90; inset: var(--window-scroll-modal-top, 0px) 0 auto; display: grid; min-height: 100dvh; align-items: center; justify-items: center; overflow: visible; padding: 16px; visibility: hidden; opacity: 0; transition: visibility 0s linear 260ms, opacity 260ms ease; }
.hardmetal-preview-location-modal[data-open="true"] { visibility: visible; opacity: 1; transition-delay: 0s; }
.hardmetal-preview-location-modal__backdrop { position: fixed; inset: 0; width: 100%; border: 0; background: rgba(0, 0, 0, .55); cursor: default; }
.hardmetal-preview-location-modal__dialog { position: relative; width: min(100%, 512px); overflow: visible; border-radius: 10px; background: #fff; padding: 24px; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25); transform: translateY(14px) scale(.985); transition: transform 260ms ease; }
.hardmetal-preview-location-modal[data-open="true"] .hardmetal-preview-location-modal__dialog { transform: translateY(0) scale(1); }
.hardmetal-preview-location-modal__header { display: block; }
.hardmetal-preview-location-modal__header p { margin: 0; color: var(--preview-orange-dark); font-size: 14px; font-weight: 650; }
.hardmetal-preview-location-modal__header h2 { margin: 4px 0 0; padding-right: 40px; font-size: 30px; font-weight: 750; letter-spacing: -.025em; line-height: 1.2; }
.hardmetal-preview-location-modal__close { position: absolute; top: 12px; right: 12px; width: 44px; height: 44px; border: 0; border-radius: 6px; background: transparent; color: var(--preview-muted); cursor: pointer; transition: background-color 180ms ease, color 180ms ease; }
.hardmetal-preview-location-modal__close:hover,
.hardmetal-preview-location-modal__close:focus-visible { background: var(--preview-line); color: var(--preview-ink); outline: none; }
.hardmetal-preview-location-modal__close span::before,
.hardmetal-preview-location-modal__close span::after { position: absolute; top: 50%; left: 50%; width: 16px; height: 2px; background: var(--preview-ink); content: ""; transform: translate(-50%, -50%) rotate(45deg); }
.hardmetal-preview-location-modal__close span::after { transform: translate(-50%, -50%) rotate(-45deg); }
.hardmetal-preview-location-modal__lead { margin: 8px 0 0; color: var(--preview-muted); font-size: 16px; line-height: 1.5; }
.hardmetal-preview-location-modal__search { position: relative; display: block; margin-top: 24px; }
.hardmetal-preview-location-modal__search svg { position: absolute; top: 50%; left: 14px; width: 18px; height: 18px; fill: none; stroke: var(--preview-muted); stroke-width: 1.7; transform: translateY(-50%); }
.hardmetal-preview-location-modal__search input { width: 100%; min-height: 48px; border: 1px solid transparent; border-radius: 6px; background: #f7f7f7; padding: 11px 42px; color: var(--preview-ink); font: inherit; font-size: 16px; }
.hardmetal-preview-location-modal__search input:focus { border-color: var(--preview-orange); background: #f7f7f7; outline: none; box-shadow: none; }
.hardmetal-preview-location-modal__meta { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-top: 20px; color: var(--preview-muted); font-size: 12px; }
.hardmetal-preview-location-modal__meta strong { color: var(--preview-ink); font-size: 14px; }
.hardmetal-preview-location-modal__results { margin-top: 10px; }
.hardmetal-preview-location-modal__panel { display: grid; border-top: 1px solid var(--preview-line); }
.hardmetal-preview-location-modal__panel a { display: grid; min-height: 56px; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 18px; border-bottom: 1px solid var(--preview-line); color: var(--preview-ink); font-size: 14px; font-weight: 700; text-decoration: none; }
.hardmetal-preview-location-modal__panel a > span:last-child { color: var(--preview-orange-dark); font-size: 12px; font-weight: 800; white-space: nowrap; }
.hardmetal-preview-location-modal__panel a:hover,
.hardmetal-preview-location-modal__panel a:focus-visible { color: var(--preview-orange-dark); outline: none; }
.hardmetal-preview-location-modal__panel a[hidden] { display: none; }
.hardmetal-preview-location-modal__loading,
.hardmetal-preview-location-modal__empty,
.hardmetal-preview-location-modal__error { margin: 28px 0 0; padding: 22px; border: 1px solid var(--preview-line); border-radius: 7px; color: var(--preview-muted); text-align: center; }
.hardmetal-preview-location-modal__error { border-color: #e7b9a5; background: #fff7f3; color: #9c3e19; }

.hardmetal-preview-mobile-cta {
  position: fixed;
  z-index: 35;
  right: 0;
  bottom: 0;
  left: 0;
  display: grid;
  grid-template-columns: 1fr 1.35fr;
  gap: 1px;
  padding: 8px;
  border-top: 1px solid #e7e7e7;
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 -8px 28px rgba(0, 0, 0, .08);
}

.hardmetal-preview-mobile-cta a { display: flex; min-height: 48px; align-items: center; justify-content: center; border-radius: 4px; background: #f4f4f4; font-size: 13px; font-weight: 800; }
.hardmetal-preview-mobile-cta a:last-child { background: #ef7e45; color: #fff; }

@media (min-width: 640px) {
  .hardmetal-preview-actions { flex-flow: row wrap; }
  .hardmetal-preview-materials { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 24px; }
  .hardmetal-preview-contact__links { flex-flow: row wrap; align-items: center; }
  .hardmetal-preview-contact__links .hardmetal-preview-button { width: auto; }
  .hardmetal-preview-form .buyback-form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hardmetal-preview-location-modal__dialog { padding: 32px; }
}

@media (min-width: 768px) {
  .hardmetal-preview-hero { grid-template-columns: minmax(0, 1.05fr) minmax(280px, .95fr); align-items: center; gap: 48px; padding: 54px 0 88px; }
  .hardmetal-preview-proof { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .hardmetal-preview-proof li { padding: 16px; border-right: 1px solid var(--preview-line); }
  .hardmetal-preview-section { padding-block: 88px; }
  .hardmetal-preview-process { padding-block: 88px; }
  .hardmetal-preview-process__inner { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; }
  .hardmetal-preview-process__block--price { padding: 0 0 0 32px; border-top: 0; border-left: 1px solid #505252; }
  .hardmetal-preview-contact { padding-block: 88px; }
  .hardmetal-preview-contact__inner { grid-template-columns: minmax(260px, .72fr) minmax(0, 1.28fr); gap: 60px; }
  .hardmetal-preview-info { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; padding: 88px 0; }
  .hardmetal-preview-locations { padding: 0 0 0 32px; border-top: 0; border-left: 1px solid var(--preview-line); }
  .hardmetal-preview-mobile-cta { display: none; }
  .hardmetal-preview-generic-content { grid-template-columns: minmax(230px, .42fr) minmax(0, 1fr); gap: 64px; padding-block: 88px; }
  .hardmetal-preview-generic-gallery,
  .hardmetal-preview-generic-prices,
  .hardmetal-preview-generic-locations { padding-block: 88px; }
  .hardmetal-preview-generic-gallery > div { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
  .buyback-seo-faq { padding: 0 0 0 32px; border-top: 0; border-left: 1px solid var(--preview-line); }
}

@media (min-width: 1024px) {
  .hardmetal-preview-page { padding-inline: 40px; }
  .hardmetal-preview-hero {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    align-items: start;
    gap: 0;
  }
  .hardmetal-preview-hero__copy { grid-column: 1 / span 5; }
  .hardmetal-preview-hero__media {
    grid-column: 9 / -1;
    margin-right: -40px;
  }
  .hardmetal-preview-materials { grid-template-columns: repeat(6, minmax(0, 1fr)); column-gap: 32px; }
  .hardmetal-preview-process,
  .hardmetal-preview-contact { margin-inline: -40px; padding-inline: 40px; }
  .hardmetal-preview-process__inner { gap: 64px; }
  .hardmetal-preview-process__block--price { padding-left: 64px; }
  .hardmetal-preview-process dl { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hardmetal-preview-process dl div:nth-last-child(2) { border-bottom: 1px solid #555; }
  .hardmetal-preview-info { gap: 64px; }
  .hardmetal-preview-locations { padding-left: 64px; }
  .buyback-seo-faq { padding-left: 64px; }
  .hardmetal-preview-contact__inner { gap: 96px; }
  .hardmetal-preview-form { padding: 32px; }
  .hardmetal-preview-hero--generic h1 { font-size: clamp(52px, 5vw, 82px); }
  .hardmetal-preview-generic-gallery > div { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 32px; }
}

@media (min-width: 1536px) {
  .hardmetal-preview-hero__copy {
    grid-column: 1 / span 8;
    margin-left: max(0px, calc((100vw - 1440px) / 2 - 40px));
  }
  .hardmetal-preview-hero h1 { max-width: none; }
  .hardmetal-preview-lead,
  .hardmetal-preview-proof { max-width: 820px; }
}

@media (prefers-reduced-motion: reduce) {
  .hardmetal-preview-page * { scroll-behavior: auto !important; transition: none !important; }
}