/* Reference alignment, shared by the two GO SMILE landings. */
.award dl{border-top:1px solid #a9c4ce;padding-top:calc(14 * var(--u));margin-top:calc(16 * var(--u));max-width:62%}
.conditions ul{align-items:start;padding-top:calc(12 * var(--u));padding-bottom:calc(16 * var(--u));display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.conditions li{min-width:0;align-items:center}
.conditions li img{flex:none}
.case-details h3 small,.case-slide .case-details h3 small{font-size:calc(28 * var(--u));white-space:nowrap}
.bonus-list li{display:block}
.bonus-list li+li{border-top:0}
.bonus-list li:after{content:'';position:absolute;left:calc(118 * var(--u));right:0;top:calc(35 * var(--u));height:1px;background:#dceefa}
.bonus-list b{width:fit-content;flex-basis:auto;position:relative;z-index:1;background:#fff;padding-right:calc(12 * var(--u))}
.doctor-copy h3 small{min-height:0}
.doctor-role{margin-top:calc(14 * var(--u))}
.doctors .intro .phrase{white-space:nowrap}
.consult-council{display:flex;flex-direction:column;justify-content:space-between;padding-bottom:calc(10 * var(--u))}
.consult-council>div{margin-top:calc(14 * var(--u))}
.consult-bonus>p{padding-right:calc(174 * var(--u))}
.passport>img{transform:scale(1.18);transform-origin:center}
.yandex-logo img{flex:none;object-fit:contain}

@media(min-width:1101px){
 .trust-top{position:relative;z-index:1}
 .ratings{margin-top:calc(-14 * var(--u));padding-top:calc(38 * var(--u))}
 .care{padding:calc(25 * var(--u)) calc(30 * var(--u)) calc(30 * var(--u))}
 .care-grid{gap:calc(24 * var(--u));margin-top:calc(24 * var(--u))}
 .care-grid>div{padding:calc(20 * var(--u)) calc(24 * var(--u));gap:calc(16 * var(--u));min-height:calc(162 * var(--u))}
 .care-grid .photo{width:calc(96 * var(--u));height:calc(122 * var(--u))}
 .care-grid p{font-size:calc(18 * var(--u));line-height:1.2}
 .care-grid b{font-size:calc(18 * var(--u));text-align:left;padding:calc(8 * var(--u));white-space:normal;margin-bottom:calc(10 * var(--u))}
 .care-grid strong{font-size:calc(22 * var(--u));margin-top:auto}
 .responsibility h3{min-height:calc(152 * var(--u))}
 .responsibility p{max-width:none;padding-right:calc(132 * var(--u));min-height:calc(127 * var(--u))}
 .responsibility>img{width:calc(190 * var(--u));height:calc(190 * var(--u));right:calc(-30 * var(--u));bottom:calc(-12 * var(--u))}
}

/* Image, connector lines and endpoint dots share a single scalable coordinate system. */
.implant-diagram{display:grid;place-items:center;min-height:0}
.implant-diagram-stage{position:relative;width:100%;max-width:500px;aspect-ratio:500/530;container-type:inline-size}
.implant-diagram-stage>img{position:absolute;left:12%;top:5%;width:76%;height:auto;max-width:none;object-fit:contain}
.anatomy-connectors{position:absolute;inset:0;width:100%;height:100%;fill:var(--teal);stroke:var(--teal);stroke-width:1.6;z-index:1;pointer-events:none}
.implant-diagram .anatomy-label{font-size:clamp(12px,3.5cqw,17.5px);line-height:1.2;padding:1.3% .8%;border-radius:6px;border:1px solid var(--teal);background:#fff;text-align:center;white-space:nowrap;box-sizing:border-box}
.implant-diagram .anatomy-label:after{display:none}
.implant-diagram .crown-label{left:23%;top:7%;width:24%;right:auto}
.implant-diagram .tooth-label{left:3%;top:30%;width:35%;right:auto}
.implant-diagram .abutment-label{left:auto;right:3%;top:37%;width:28%}
.implant-diagram .implant-label{left:auto;right:3%;top:58%;width:24%}

@media(min-width:701px) and (max-width:1100px){
 .container{width:calc(100% - 48px)}
 .header>.container{gap:16px}.header .logo{max-width:220px}.header-phone{font-size:20px}.header .cta{font-size:16px;padding-inline:20px}
 .hero-grid{width:calc(100% - 48px);max-width:760px;margin-inline:auto}
 .single-page .hero-price{min-height:165px;padding:24px 230px 24px 24px}
 .single-page .hero-price p{font-size:22px;white-space:normal;max-width:none}
 .single-page .hero-price strong{font-size:40px;white-space:nowrap;margin-top:18px}
 .single-page .hero-teeth{width:280px;height:190px;right:0;bottom:0}
 .hero .hero-portrait{width:100%;height:auto;aspect-ratio:414/271;margin:0;overflow:hidden}
 .hero-portrait>.photo{width:100%;height:100%;margin:0;position:absolute;inset:0}
 .hero-portrait>.photo img{content:url('assets/mobile-380-833.png');width:100%!important;height:100%!important;left:0!important;top:0!important;object-fit:contain!important}
 .trust-top{gap:20px;align-items:stretch;position:relative;z-index:1}
 .practice,.award{padding:24px;min-height:280px}
 .practice>p{max-width:65%;font-size:15px}
 .award{padding-right:135px}
 .award-art{width:160px;height:153px;right:-5px;top:80px}
 .award h3{font-size:18px}.award>p{font-size:14px}
 .award dl{max-width:none;width:100%;margin-top:18px;padding-top:14px}
 .award dl>div{display:block}.award dt{font-size:25px}.award dd{font-size:13px;margin-top:3px}
 .ratings{margin-top:-14px;padding-top:38px;margin-inline:-24px}
 .yandex-logo{gap:6px;height:34px}.yandex-logo img:first-child{width:20px;height:32px}.yandex-logo img:last-child{width:133px;height:auto}
 .single-page .restore-top{grid-template-columns:1fr;gap:24px}
 .restore-media{width:100%;max-width:708px;justify-self:center;grid-template-columns:218fr 456fr;gap:20px}
 .restore-video{height:auto;aspect-ratio:218/231}
 .restore-video .play{width:44px;height:44px;left:16px;top:16px}
 .restore-choice{height:auto}.restore-choice figure{height:auto;aspect-ratio:228/231}
 .restore-choice figcaption{top:auto;bottom:16px;padding-inline:12px}
 .restore-choice b{font-size:15px;line-height:19px;white-space:normal}
 .restore-choice figcaption span{font-size:14px;line-height:18px}
 .healing:last-child{display:grid;grid-template-columns:30px minmax(0,1fr) minmax(125px,1fr);gap:10px}
 .healing:last-child>img{width:30px;height:38px}.healing:last-child p{font-size:13px}.healing:last-child p:last-child{font-size:14px;white-space:nowrap}
 .piezo ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:18px 12px;font-size:12px}
 .piezo li{padding-inline:8px;min-width:0}
 .laboratory>article:not(.operating){padding:30px 20px}
 .laboratory>article:not(.operating) h3{font-size:clamp(20px,2.5vw,27px);line-height:1.16;margin:0 0 24px}
 .laboratory-title-line{display:block}
 .laboratory .numbered{font-size:17px;gap:20px}
 .complex-grid{grid-template-columns:1fr;gap:24px}
 .conditions{max-width:740px;width:100%;justify-self:center}
 .conditions ul{padding:12px 10px 16px;gap:10px}.conditions li{font-size:17px;gap:8px}.conditions li img{width:28px;height:28px}
 .implant-diagram{width:100%;max-width:500px;justify-self:center;min-height:0}
 .case-slide{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
 .case-slide .case-details{grid-column:1;grid-row:1;min-height:0;padding-top:24px}
 .case-slide .case-details h3{font-size:28px;gap:16px;flex-wrap:wrap;margin-inline:20px}
 .case-details h3 small,.case-slide .case-details h3 small{font-size:22px}
 .case-slide .case-label{font-size:16px;line-height:1.3;white-space:normal;padding:14px 20px}
 .case-slide .case-details li{font-size:19px;line-height:1.3;min-height:100px;padding:24px 20px 24px 54px}
 .case-slide .case-details li:before{left:20px;width:22px;height:22px;border-width:6px}
 .case-slide .case-video{grid-column:2;grid-row:1;height:auto;align-self:stretch}
 .case-slide .case-video>.photo{height:100%;min-height:380px}.case-video .play{width:64px;height:64px}
 .case-slide .case-result{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:1.2fr 1fr;gap:20px;align-items:stretch}
 .case-slide .before-after{height:240px}.case-slide .case-result blockquote{font-size:17px;line-height:1.4;margin:0;padding:24px 20px 24px 40px;min-height:0}
 .case-slide .case-result blockquote:before{left:20px;top:24px;bottom:24px}
 .bonus-list{display:block;padding:18px 28px}
 .bonus-list li{padding:18px 0 18px 80px;min-height:96px;font-size:18px;display:block}
 .bonus-list li:before{width:52px;height:64px}.bonus-list li:after{left:140px;top:38px}
 .bonus-list b{font-size:28px;margin-bottom:8px}
 .care{padding:24px}.care>h3{font-size:25px;line-height:1.25;margin-left:-24px;padding:14px 24px}.care>p{font-size:18px}
 .care-grid{gap:20px;margin-top:22px}.care-grid>div{padding:16px;gap:14px;min-height:186px}
 .care-grid .photo{width:90px;height:154px}.care-grid p{font-size:15px}.care-grid b{font-size:17px;line-height:1.2;text-align:left;padding:8px}.care-grid strong{font-size:17px;margin-top:16px}
 .doctor-role{margin-top:10px}.doctors>.container>.intro{max-width:850px}
 .guarantee-main{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:130px 220px 330px;gap:20px;padding:20px;max-width:740px;width:100%;justify-self:center}
 .lifetime{grid-column:1/-1;grid-row:1}.lifetime-art{width:42%;height:130px;flex:none}.lifetime h3{font-size:24px;max-width:55%;padding-right:20px}
 .work-guarantee{grid-column:1/-1;grid-row:2}.work-guarantee>.guarantee-portrait{width:42%;height:220px}.work-guarantee>div:last-child{flex:1;padding:20px}
 .work-guarantee strong{font-size:38px;display:table;max-width:100%;padding:10px 14px}.work-guarantee p{font-size:22px;max-width:260px}
 .guarantee-main .original{grid-column:1;grid-row:3}.guarantee-main .passport{grid-column:2;grid-row:3}
 .original,.passport{padding:18px 14px;justify-content:space-between}.original img,.passport img{height:220px;max-width:100%;width:100%}
 .original h3,.passport h3{font-size:19px;line-height:1.25;max-width:100%;margin:12px 0 0}
 .responsibility{width:100%;max-width:740px;justify-self:center;padding:20px;min-height:0}
 .responsibility h3{max-width:none;font-size:24px;padding:24px;min-height:0}
 .responsibility p{max-width:none;min-height:130px;font-size:22px;padding:24px 190px 24px 24px}
 .responsibility>img{width:190px;height:190px;right:0;bottom:0}
 .consult-v2{padding:24px}.consult-art-bone{width:110px;height:70px}.consult-art-discount{width:110px;height:75px}.consult-bonus>p{padding-right:124px;min-height:95px}
}
@media(min-width:701px) and (max-width:850px){
 .piezo ul{display:flex;flex-direction:column;padding:12px 20px;height:auto;gap:8px}.piezo li+li{border-left:0;padding-left:8px}.piezo li br{display:none}
 .trust-top{grid-template-columns:1fr}.practice,.award{min-height:220px}.practice>p{max-width:75%}.award{padding-right:230px}.award-art{width:220px;height:210px;top:-12px}.award dl>div{display:flex}.award dd{margin-top:0}
 .care-grid{grid-template-columns:1fr}.care-grid>div{min-height:180px}.care-grid .photo{width:100px;height:150px}.care-grid p{font-size:17px}.care-grid>div:last-child .care-description{margin-top:22px}
 .case-slide .case-result{grid-template-columns:1fr}.case-slide .before-after{height:230px}.case-slide .case-details h3{font-size:25px}
 .conditions li{font-size:15px}.conditions li img{width:24px;height:24px}
}
@media(max-width:700px){
 .case-details h3{flex-wrap:wrap;gap:8px 14px}
 .case-details h3 small,.case-slide .case-details h3 small{font-size:17px}
 .bonus-list li:after{left:105px;top:28px}.bonus-list b{padding-right:8px}
 .doctor-role{margin-top:8px}.doctor-copy h3 small{min-height:0}
 .hero-doctor .experience{min-width:0;width:fit-content;padding:3px 7px}
 .consult-council{padding-bottom:8px}.consult-bonus>p{padding-right:115px}
 .conditions ul{padding:8px 4px 12px;gap:4px}.conditions li{font-size:12px;line-height:15px}
 .implant-diagram{min-height:0}.implant-diagram-stage{max-width:400px}
 .award dl{max-width:70%}
}

@media(max-width:359px){
 .hero-price p{font-size:14px;white-space:normal}
 .method h3{white-space:normal;font-size:14px}
 .piezo{height:310px;padding-bottom:113px}.piezo ul{display:flex;flex-direction:column;gap:6px;height:113px;padding:12px;font-size:12px}.piezo li+li{padding-left:0;border-left:0}.piezo li br{display:none}
 .consult-cards h3{font-size:12px;letter-spacing:-.3px}
 .consult-exam{height:auto;display:flex;flex-direction:column;gap:14px}
 .consult-exam-services{position:static;width:100%;margin-top:16px;display:flex;gap:8px}.consult-exam-services ul{width:auto;flex:1}.consult-price{width:65px;margin:0;padding:8px}
 .consult-cost{position:relative;inset:auto;width:100%;margin:16px 0 0}
 .consult-council{position:static;height:auto;width:100%;padding:10px;margin:0}.consult-council>div{margin-top:10px}.consult-council .photo{height:140px}
 .consult-council .photo:first-child img{width:310.88%!important;height:136.73%!important;left:-114.51%!important;top:-12.91%!important}
 .consult-council .photo:last-child img{width:168.85%!important;height:167.15%!important;left:-40.18%!important;top:-14.77%!important}
 .consult-bonus{height:auto}.consult-bonus>p,.consult-bonus>p:last-child{height:auto;min-height:76px;padding:12px 64px 12px 29px;font-size:12px;line-height:16px}.consult-bonus>p:last-child:before{left:0}
 .consult-art-bone,.consult-art-discount{width:60px;height:55px}
}

/* October 16: mobile reference details and controls. */
.anatomy-connectors circle{fill:var(--teal);stroke:#fff;stroke-width:1}
.work-guarantee strong{border-radius:calc(16 * var(--u))}
.work-guarantee>.guarantee-portrait{width:42%;height:100%;align-self:stretch}
.work-guarantee>.guarantee-portrait img{width:auto!important;height:310%!important;max-width:none;left:50%!important;top:-60%!important;transform:translateX(-50%);object-fit:contain}
.work-guarantee>div:last-child{left:42%;right:3%;top:50%;transform:translateY(-50%);padding:0}
.work-guarantee p{max-width:none;padding:0;font-size:clamp(12px,calc(22 * var(--u)),22px);white-space:normal}
@media(min-width:701px) and (max-width:1100px){
 .work-guarantee>div:last-child{left:40%;right:3%;top:50%;padding:0}
 .work-guarantee p{font-size:clamp(18px,2.4vw,24px);white-space:nowrap}
}
@media(max-width:700px){
 .single-page .hero-price strong{font-size:clamp(25px,7.2vw,32px);line-height:1.2;margin-top:10px;position:relative;z-index:1}
 .single-page .hero-teeth{width:148px;height:102px;right:-1px;bottom:0}
 .single-page .hero-teeth img{width:388.39%!important;left:-288.39%!important}
 .practice{height:auto;min-height:177px}
 .practice>p{width:calc(100% - 65px);max-width:none;font-size:13px;line-height:18px}
 .practice-portraits{right:12px;width:66px;top:56px}
 .award-art{width:118px;height:126px;right:0;top:8px}
 .award dl{max-width:66%}
 .restore-cards{gap:8px}
 .restore-cards article{min-height:172px;border-radius:14px}
 .restore-cards article:nth-child(n+3){min-height:188px}
 .restore-illustration{height:80px;border-radius:14px;padding:5px 6px}
 .restore-cards p{font-size:12px;line-height:16px;font-weight:600;padding:8px 0 0;max-width:137px}
 .restore-cards article:nth-child(2) .restore-illustration img,.restore-cards article:nth-child(3) .restore-illustration img{max-width:85%}
 .piezo ul{display:grid;grid-template-columns:26% 35.5% 38.5%;padding:14px 8px;gap:0}
 .piezo li{padding-right:0}.piezo li+li{padding-left:6px}
 .comparison .method h3{min-height:46px;height:auto;padding:13px 5px;line-height:20px;font-size:15px;border-radius:16px;display:flex;align-items:center;justify-content:center}
 .comparison .method ul{height:auto;min-height:0;padding:7px 14px;border-radius:16px}
 .comparison .method li{min-height:48px;padding:12px 0;font-size:14px;line-height:18px;gap:10px;border-bottom:1px solid #dceefa}
 .comparison .seamless li{border-bottom-color:#43b5c9}
 .comparison .method li:last-child{border-bottom:0}
 .comparison .method li img{width:23px;height:23px;flex:none;padding:5px}
 .comparison .statement{min-height:0;padding:18px 15px;border-left-width:4px;border-radius:0 14px 14px 0}
 .comparison .statement p{font-size:14px;line-height:18px;max-width:100%}
 .comparison .statement b{font-size:14px;line-height:18px;margin-top:12px;max-width:90%}
 .comparison .statement>img{width:55%;height:100%;top:0;object-fit:cover}
 .comparison .statement:after{background:linear-gradient(90deg,var(--teal) 32%,#079db855)}
 .case-slide,.single-case{gap:0}
 .case-slide .case-video{margin-bottom:20px}
 .case-slide .case-details,.single-case .case-details{height:auto;min-height:0;padding:20px 0 0;border-radius:16px 16px 0 0;overflow:visible;position:relative}
 .case-slide .case-details:after{content:"";position:absolute;left:0;right:0;bottom:-24px;height:24px;background:#dceefa}
 .case-slide .case-details h3{margin:0 16px 12px}
 .case-slide .case-label,.single-case .case-label{width:fit-content;max-width:calc(100% - 16px);margin:0 16px 0 0;padding:6px 16px;font-size:12px;line-height:17px;min-height:29px;display:flex;align-items:center}
 .case-slide .case-details ul{margin-top:14px}
 .case-slide .case-details li,.single-case .case-details li{display:flex;align-items:center;min-height:56px;height:auto;padding:14px 16px;font-size:13px;line-height:18px;border-radius:0}
 .case-slide .case-result{display:contents}
 .case-slide .case-result .before-after,.single-case .case-result .before-after{width:calc(100% - 32px);height:112px;margin:16px 16px 32px;border-radius:12px;box-shadow:0 0 0 16px #dceefa;order:2;z-index:1}
 .case-slide .case-result blockquote,.single-case .case-result blockquote{display:flex;align-items:center;height:auto;min-height:0;padding:16px 18px 16px 30px;font-size:13px;line-height:17px;margin:0;border-radius:16px;order:3}
 .case-slide .case-result blockquote:before{left:16px;top:16px;bottom:16px}
 .payment-heading strong{border-radius:28px;max-width:100%;width:fit-content;font-size:clamp(23px,7vw,29px);padding-inline:14px}
 .doctors h2>span{display:block}
 .passport>img{transform:scale(1.3)}
 .responsibility h3{display:flex;align-items:center;min-height:120px;padding:16px 14px}
 .consult-council{height:176px;padding-bottom:8px;justify-content:flex-start}
 .consult-council>div{margin-top:5px;flex:1;min-height:0}
 .consult-council .photo{height:100%;min-height:140px}
 .work-guarantee>div:last-child{left:40%;right:3%;top:50%}
 .work-guarantee strong{border-radius:10px;font-size:22px;padding:6px 10px}
 .work-guarantee p{white-space:normal;font-size:14px;line-height:19px;max-width:none}
 .contact-phone{font-size:clamp(27px,8.6vw,38px);line-height:1.25;white-space:nowrap}
}
@media(max-width:359px){
 .single-page .hero-teeth{width:126px;height:94px}.single-page .hero-price strong{font-size:24px}
 .practice>p{font-size:12px;line-height:17px}
 .award-art{width:100px;height:114px;right:-2px;top:14px}
 .piezo ul{display:grid;grid-template-columns:1fr;padding:10px 12px;gap:0}
 .piezo li,.piezo li+li{padding:6px 0;border-left:0}.piezo li+li{border-top:1px solid #dceefa}
 .comparison .method h3{font-size:13px}.comparison .method li{font-size:13px}
 .consult-council{height:auto}.consult-council .photo{height:150px;min-height:150px}
 .work-guarantee strong{font-size:20px;padding:5px 7px}.work-guarantee p{font-size:12px;line-height:17px}
}

/* Keep breathing room below the two award ratings on mobile. */
@media(max-width:700px){.award{height:auto;min-height:155px;padding-bottom:24px}}

/* Vertical doctor controls: forward above back; horizontal controls keep back on the left. */
@media(min-width:1101px){
 .doctor-layout .next{order:0}
 .doctor-layout .previous{order:1}
}
.lab-crowns>img{content:normal;width:100%!important;height:100%!important;left:0!important;top:0!important;object-fit:cover}
.lab-crowns:after{background:linear-gradient(to left,#dceefa,rgba(220,238,250,0) 33.671%)}
.calltouch-status{font-size:14px;line-height:1.4;background:#fff;color:#121721;padding:12px;border-radius:8px}