/* Компактный оффер: шесть систем в сетке, две колонки даже на телефоне. */
.offer-page { --offer-muted:#686359; --offer-line:#d7d0c3; --offer-gold:#e8d19a; }
.offer-wrap { max-width:1120px; margin-inline:auto; padding-inline:24px; }
.offer-accent { font-family:var(--font-acc); font-style:italic; font-weight:400; color:var(--au-ink); }
.implant-prices { background:#f2f0ec; padding-block:30px; scroll-margin-top:20px; border-radius:24px 24px 0 0; }
.offer-page :is(h1,h2) { font-size:clamp(28px,3.3vw,40px); line-height:1.16; font-weight:500; letter-spacing:-.025em; margin:0; }
.offer-heading { margin-bottom:28px; }
.offer-page h1.offer-title { font-size:clamp(31px,8.97vw,45px); line-height:1.18; font-weight:400; letter-spacing:-.015em; }
.offer-title .au-text > span { display:inline-block; background:var(--au-display-metal); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
@media(forced-colors:active) { .offer-title .au-text > span { background:none; -webkit-text-fill-color:CanvasText; } }
.implant-prices > .offer-wrap { display:block; }
.offer-description { max-width:750px; margin:12px 0 22px; font-size:18px; line-height:1.5; color:var(--offer-muted); }
.implant-prices .offer-description { margin:0; align-self:center; }
.implant-grid { grid-column:1/-1; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.implant-offer { position:relative; display:flex; flex-direction:column; padding:20px; min-width:0; border-radius:18px; border:2px solid transparent; background:#42413d; color:#fff; }
.implant-offer__badge { display:inline-block; font-size:14px; line-height:1.3; padding:6px 9px; border-radius:5px; background:#57554f; color:#f1ede5; }
.implant-offer h3 { color:#fff; font-size:30px; font-weight:600; line-height:1.1; margin:16px 0 6px; letter-spacing:-.03em; }
.implant-offer__country { display:flex; align-items:center; gap:7px; margin:0; font-size:15px; color:#d9d4cb; }
.implant-offer__country img { width:24px; height:16px; object-fit:contain; }
.implant-offer__image { position:absolute; right:0; top:-40px; display:block; width:92px; height:220px; object-fit:contain; margin:0; filter:drop-shadow(3px 6px 5px #1b171318); }
.implant-offer__body { position:relative; margin-top:18px; padding-right:108px; min-height:180px; }
.implant-offer dl { display:grid; gap:12px; margin:0 0 16px; }
.implant-offer dt { font-size:16px; line-height:1.3; }
.implant-offer dd { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 8px; margin:4px 0 0; font-size:23px; font-weight:600; line-height:1.2; white-space:nowrap; }
.implant-offer dd small { font-size:.7em; font-weight:400; }
.implant-offer dd strong { font-weight:inherit; }
.implant-offer dd s { order:2; font-size:14px; font-weight:400; }
.implant-offer__price { display:grid; gap:5px; margin-top:auto; padding-top:12px; border-top:1px solid #746f65; }
.implant-offer__price > span { font-size:15px; }
.implant-offer__price > div { display:flex; flex-wrap:wrap; gap:3px 10px; align-items:baseline; }
.implant-offer__price s { font-size:15px; color:#c9c2b6; }
.implant-offer__price strong { font-size:33px; line-height:1.15; letter-spacing:-.03em; font-weight:600; white-space:nowrap; }
.implant-offer__price small { font-size:.55em; }
.offer-button { display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:12px 18px; background:#45433f; border:0; border-radius:30px; color:#fff; font:500 16px/1.35 var(--font); text-align:center; text-decoration:none; cursor:pointer; transition:background .18s ease; }
.offer-button:hover { background:#62543d; }
.implant-offer .offer-button { margin-top:14px; width:100%; background:#f0ece4; color:#302e29; }
.implant-offer .offer-button:hover { background:#fff7e8; }
.implant-offer--featured { background:linear-gradient(#42413d,#42413d) padding-box,var(--au-metal) border-box; color:#fff; }
.implant-offer--featured h3 { color:#fff; }
.implant-offer--featured .implant-offer__country { color:#d9d4cb; }
.implant-offer--featured .implant-offer__badge { background:var(--au-brass-face); color:#3b301b; font-weight:600; }
.implant-offer--featured dd strong,.implant-offer--featured .implant-offer__price strong { color:var(--offer-gold); }
.implant-offer--featured dd s,.implant-offer--featured .implant-offer__price s { color:#c9c2b6; }
.implant-offer--featured .implant-offer__price { border-color:#746f65; }
.implant-offer--featured .offer-button { color:#3b301b; background:var(--au-brass-face); }
.implant-offer--featured .offer-button:hover { background:#efdeb7; }
.offer-note { grid-column:1/-1; font-size:15px; line-height:1.5; color:var(--offer-muted); margin:16px 0 0; max-width:950px; }
.offer-section { margin-top:42px; scroll-margin-top:24px; }
.jaw-grid { margin-top:24px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.jaw-offer { display:flex; flex-direction:column; border-radius:20px; background:#f3f0e9; overflow:hidden; }
.jaw-offer__visual { position:relative; display:grid; grid-template-columns:1fr; grid-template-rows:auto auto auto; padding:22px; }
.jaw-offer h3 { font:600 26px/1.2 var(--font); letter-spacing:-.025em; margin:0; }
.jaw-offer h3 strong { color:var(--au-ink); font-weight:600; }
.jaw-offer__method { font-size:16px; color:var(--offer-muted); margin-top:8px; }
.jaw-offer__image { grid-column:1; grid-row:3; width:100%; height:240px; margin-top:8px; object-fit:contain; filter:drop-shadow(0 10px 8px #40362826); }
.jaw-offer__details { padding:22px; background:#45433f; color:#fff; display:flex; flex:1; flex-direction:column; }
.jaw-offer__stage { display:flex; align-items:baseline; gap:10px; }
.jaw-offer__stage > span,.jaw-offer__second > span { font-size:15px; line-height:1.4; color:#e8d19a; flex:none; }
.jaw-offer h4 { font-size:18px; line-height:1.35; font-weight:500; color:inherit; margin:0; }
.jaw-offer__price { display:grid; gap:6px; margin:14px 0; padding-bottom:14px; border-bottom:1px solid #797269; }
.jaw-offer__price > span { font-size:15px; line-height:1.4; color:#ded9d0; }
.jaw-offer__price strong { color:#ead39a; font-size:36px; font-weight:600; line-height:1.2; letter-spacing:-.025em; white-space:nowrap; }
.jaw-offer__price small { font-size:20px; font-weight:400; }
.jaw-offer__price strong.jaw-offer__individual { font-size:28px; white-space:normal; min-height:43px; }
.jaw-offer__second { display:grid; grid-template-columns:auto 1fr; gap:7px 10px; margin-bottom:16px; }
.jaw-offer__second p { grid-column:1/-1; font-size:16px; line-height:1.45; color:#ded9d0; margin:0; }
.jaw-offer .offer-button { margin-top:auto; background:var(--au-brass-face); color:#3b301b; }
.reader-gift { max-width:1072px; padding:28px; background:#42413d; border-radius:24px; color:#fff; }
.reader-gift h2 { color:#fff; }
.reader-gift .offer-accent { color:var(--offer-gold); }
.reader-gift .offer-description { color:#ded9d0; margin-bottom:0; }
.consultation-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.consultation-item { display:flex; flex-direction:column; gap:10px; padding:18px 0; border-top:1px solid #746f65; min-width:0; }
.consultation-item > img { width:100%; height:132px; object-fit:contain; }
.consultation-item h3 { font-size:20px; line-height:1.25; font-weight:500; color:#fff; margin:0; }
.consultation-item p { font-size:15px; line-height:1.45; color:#ded9d0; margin:0; }
.gift-value { display:flex; flex-wrap:wrap; gap:10px; align-items:baseline; padding-top:4px; margin-top:auto; }
.gift-value s { font-size:15px; color:#c9c2b6; }
.gift-value strong { font-size:32px; font-weight:500; line-height:1.1; color:var(--offer-gold); }
.gift-booking .offer-button { color:#3b301b; background:var(--au-brass-face); flex:none; }
.offer-quiz-choices { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.offer-quiz-choices button { display:grid; gap:10px; padding:12px; background:#f2f0ec; border:1px solid transparent; border-radius:14px; cursor:pointer; text-align:left; font:500 16px/1.4 var(--font); color:var(--ink); }
.offer-quiz-choices button:hover { border-color:#a3854b; background:#f5eddc; }
.offer-quiz-choices img { width:100%; height:125px; object-fit:contain; }
.offer-quiz-choices button > span { padding-left:24px; position:relative; }
.offer-quiz-choices button > span::before { content:''; position:absolute; left:0; top:3px; width:15px; height:15px; border:1px solid #97886b; border-radius:50%; }
.offer-quiz-choices button:hover > span::before { background:#ad8c47; box-shadow:inset 0 0 0 4px #fff; }
.offer-page [hidden] { display:none!important; }
.offer-page #zapis { margin-top:42px; }
.offer-page #lead-form { scroll-margin-top:25px; }
.offer-page :is(a,button):focus-visible { outline:3px solid #b0904d; outline-offset:4px; }
.offer-page ::selection { background:#ead6a3; color:#292620; }
@media(max-width:800px) {
  .implant-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .consultation-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .reader-gift { margin-inline:16px; }
  .jaw-offer__visual { grid-template-columns:1fr; }

  .jaw-offer__stage { display:grid; gap:4px; }
}
@media(max-width:650px) {
  .offer-wrap { padding-inline:16px; }
  .implant-prices { padding-block:24px; }
  .implant-prices > .offer-wrap { display:block; }
  .offer-page :is(h1,h2) { font-size:29px; }
  .offer-description,.implant-prices .offer-description { font-size:17px; margin:10px 0 18px; }
  .implant-grid { gap:10px; }
  .implant-offer { padding:12px; border-radius:14px; }
  .implant-offer__badge { font-size:13px; padding:5px 6px; }
  .implant-offer h3 { color:#fff; font-size:24px; margin-top:12px; }
  .implant-offer__country { font-size:14px; gap:5px; }
  .implant-offer__country img { width:19px; height:14px; }
  .implant-offer__image { position:absolute; right:-8px; top:0; width:58px; height:200px; margin:0; }
  .implant-offer__body { margin-top:16px; padding-right:48px; min-height:200px; }
  .implant-offer dl { gap:10px; margin-bottom:12px; }
  .implant-offer dt { font-size:14px; }
  .implant-offer dd { font-size:20px; }
  .implant-offer dd s { font-size:13px; }
  .implant-offer__price { padding-top:10px; }
  .implant-offer__price > span { font-size:14px; }
  .implant-offer__price strong { font-size:27px; }
  .implant-offer__price s { font-size:14px; }
  .implant-offer .offer-button { font-size:15px; padding:10px 5px; min-height:44px; margin-top:12px; }
  .offer-note { font-size:14px; margin-top:12px; }
  .offer-section { margin-top:30px; }
  .jaw-grid { grid-template-columns:1fr; gap:14px; }
  .jaw-offer__visual { grid-template-columns:1fr; padding:18px; }
  .jaw-offer h3 { font-size:24px; }
  .jaw-offer__method { font-size:15px; }
  .jaw-offer__image { height:200px; }
  .jaw-offer__details { padding:18px; }
  .jaw-offer__stage { display:flex; gap:10px; }
  .jaw-offer h4 { font-size:17px; }
  .jaw-offer__price strong { font-size:34px; }
  .jaw-offer__price strong.jaw-offer__individual { font-size:26px; }
  .jaw-offer__second p { font-size:16px; }
  .jaw-offer .offer-button { font-size:16px; padding-inline:12px; }
  .reader-gift { margin-inline:10px; padding:22px 16px; border-radius:20px; }
  .consultation-grid { gap:14px; }
  .consultation-item { gap:9px; padding-block:14px; }
  .consultation-item > img { height:116px; }
  .consultation-item h3 { font-size:18px; }
  .consultation-item p { font-size:14px; }
  .gift-value strong { font-size:29px; }
  .gift-booking .offer-button { width:100%; }
  .offer-quiz-choices { grid-template-columns:1fr 1fr; gap:10px; }
  .offer-quiz-choices button { padding:10px; font-size:16px; }
  .offer-quiz-choices img { height:95px; }
}
@media(max-width:360px) {
  .offer-wrap { padding-inline:12px; }
  .implant-grid { gap:8px; }
  .implant-offer { padding:10px; }
  .implant-offer h3 { color:#fff; font-size:21px; }
  .implant-offer__badge { font-size:12px; padding-inline:5px; }
  .implant-offer__country { font-size:13px; }
  .implant-offer dd { font-size:18px; }
  .implant-offer__body { padding-right:40px; }
  .implant-offer__image { width:48px; right:-8px; }
  .implant-offer__price strong { font-size:24px; }
  .jaw-offer__visual,.jaw-offer__details { padding:16px; }
  .jaw-offer h3 { font-size:22px; }
  .reader-gift { padding-inline:14px; }
}
@media(prefers-reduced-motion:reduce) { .offer-button { transition:none; } }

/* Короткий оффер: срок, таймер, цены и заметная гарантия. */
.offer-countdown { display:flex; align-items:center; justify-content:space-between; gap:24px; margin:24px 0; padding:20px 24px; border:1px solid #d5c39e; border-radius:16px; background:#e9e2d4; }
.offer-countdown > p { display:flex; align-items:center; gap:14px; margin:0; font-size:16px; line-height:1.4; color:#50483a; }
.offer-clock { display:block; width:40px; height:40px; flex:none; background:var(--au-ink); mask:url(../media/icon-clock.svg) center/contain no-repeat; }
.offer-countdown > p strong { display:block; font-size:24px; font-weight:600; color:#332f28; }
.offer-countdown__digits { display:flex; gap:10px; }
.offer-countdown__digits > span { position:relative; display:grid; justify-items:center; min-width:62px; padding:9px 12px; background:#42413d; border-radius:10px; }
.offer-countdown b { font-size:32px; line-height:1.1; font-weight:500; font-variant-numeric:tabular-nums; color:#efdbad; }
.offer-countdown small { font-size:13px; color:#f1ede5; margin-top:3px; }
.implant-summary { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-top:24px; padding:20px 24px; background:#fff; border-radius:16px; }
.implant-summary__warranty { display:flex; align-items:center; gap:16px; }
.implant-summary img { width:72px; height:80px; object-fit:contain; flex:none; }
.implant-summary p { display:grid; gap:4px; margin:0; font-size:20px; line-height:1.3; }
.implant-summary strong { font-size:26px; font-weight:600; }
.implant-summary__exam { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:16px 20px; border-radius:28px; color:#342b1a; background:var(--au-brass-face); text-decoration:none; font-size:20px; font-weight:500; }
.implant-summary__exam span { font-size:24px; }
.reader-gift { position:relative; overflow:visible; margin-top:80px; scroll-margin-top:80px; }
.reader-gift__heading { position:relative; padding-right:210px; min-height:150px; margin-bottom:24px; }
.reader-gift__heading > img { position:absolute; width:230px; height:230px; object-fit:contain; right:-30px; top:-80px; filter:drop-shadow(0 12px 10px #17140e30); }
.consultation-portrait { width:132px; height:132px; align-self:center; border-radius:50%; overflow:hidden; background:#eee8db; border:2px solid #d9bf83; }
.consultation-portrait img { display:block; max-width:none; width:170%; height:auto; transform:translate(-25%,-2%); }
.gift-booking { display:block; padding-top:20px; border-top:1px solid #746f65; }
.gift-booking .offer-button { width:100%; min-height:52px; font-size:18px; }
@media(max-width:650px) {
  .offer-countdown { display:grid; justify-content:stretch; gap:14px; padding:16px; margin:20px 0; }
  .offer-countdown > p { font-size:15px; gap:12px; }
  .offer-countdown > p strong { font-size:22px; }
  .offer-clock { width:34px; height:34px; }
  .offer-countdown__digits { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
  .offer-countdown__digits > span { min-width:0; padding:9px 4px; }
  .offer-countdown b { font-size:30px; }
  .implant-summary { display:grid; gap:18px; padding:18px 14px; margin-top:20px; }
  .implant-summary__warranty { gap:12px; }
  .implant-summary img { width:56px; height:64px; }
  .implant-summary p { font-size:17px; }
  .implant-summary strong { font-size:21px; }
  .implant-summary__exam { font-size:18px; padding:14px 18px; }
  .reader-gift { margin-top:120px; scroll-margin-top:120px; }
  .reader-gift__heading { padding:44px 0 0; min-height:0; margin-bottom:20px; }
  .reader-gift__heading h2 { font-size:26px; padding:0; }
  .reader-gift__heading > img { width:145px; height:145px; right:-8px; top:-120px; }
  .reader-gift__heading .offer-description { margin-right:0; font-size:16px; }
  .consultation-portrait { width:116px; height:116px; }
}