/* Стили страницы имплантации: действуют только внутри <main class="implant-page"> */
main.implant-page{--cyan:#07a7c7;--navy:#142431;--blue:#e9f7fd;--border:#d8eaf1;--muted:#677783}
main.implant-page,main.implant-page *,main.implant-page *::before,main.implant-page *::after{box-sizing:border-box}
main.implant-page{
    color: var(--navy);
    font-family: "Google Sans", sans-serif;
    font-size: 15px;
    line-height: 1.4;
    background: #fff;
}
main.implant-page a{text-decoration:none;color:inherit}
main.implant-page .wrap{width:min(1260px,calc(100% - 44px));margin:auto}
main.implant-page .brand{display:flex;align-items:center;gap:9px;font-size:19px;line-height:.95;font-weight:800;min-width:210px}
main.implant-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;border:0;border-radius:8px;padding:15px 23px;background:var(--cyan);color:white;font-weight:700;font-size:13px;cursor:pointer}
main.implant-page .btn:hover{background:#0089a6}
main.implant-page .btn.outline{background:white;border:1px solid var(--cyan);color:var(--cyan);padding:10px 17px}
main.implant-page section{scroll-margin-top:20px}
main.implant-page .hero{background:radial-gradient(circle at 60% 40%,#f7fcff 0%,#e5f6fc 45%,#d9f0fa 100%);overflow:hidden}

main.implant-page .hero wrap svg {
    display:block;
    width: 100%;
    height: auto;
}

.g-button:hover {
    cursor:pointer;
}

main.implant-page .hero-grid{display:grid;grid-template-columns:46% 38% 16%;min-height:410px;align-items:center;position:relative}
main.implant-page .breadcrumbs{color:#32809d;font-size:12px;margin-bottom:18px}
main.implant-page .breadcrumbs span{padding:0 9px}
main.implant-page .hero-copy{position:relative;z-index:2;padding:24px 0 29px}
main.implant-page .hero h1{font-size:clamp(49px,5.6vw,77px);line-height:.92;letter-spacing:-3px;margin:0 0 19px;font-weight:800}
main.implant-page .hero h1 em{font-style:normal;color:var(--cyan)}
main.implant-page .hero-sub{font-size:clamp(20px,2vw,29px);line-height:1.15;max-width:600px;margin:0 0 24px}
main.implant-page .hero-actions{display:flex;align-items:center;gap:22px}
main.implant-page .small-benefit{display:flex;align-items:center;gap:12px;font-size:12px;max-width:150px}
main.implant-page .bubble{display:grid;place-items:center;border-radius:50%;width:48px;height:48px;background:#fff;color:var(--cyan);font-size:24px;flex:none}
main.implant-page .hero-art{position:relative;height:405px;align-self:end}
main.implant-page .hero-art img{position:absolute;width:135%;max-width:none;bottom:-18px;left:-11%;height:390px;object-fit:contain;filter:drop-shadow(0 15px 22px rgba(80,145,170,.18))}
main.implant-page .hand-note{position:absolute;left:-9%;top:35px;transform:rotate(-11deg);color:#367ca0;font:italic 18px Georgia,serif;max-width:150px;text-align:center}
main.implant-page .hero-benefits{display:grid;gap:21px;padding-left:4px}
main.implant-page .hero-benefit{display:flex;align-items:center;gap:13px;font-size:13px}
main.implant-page .hero-benefit .bubble{width:46px;height:46px;font-size:21px}
main.implant-page .section{padding:25px 0}
main.implant-page .section h2{font-size:28px;letter-spacing:-.6px;line-height:1.15;margin:0 0 3px}
main.implant-page .section .subtitle{color:#9aaeba;font-size:16px;margin:0 0 19px}
main.implant-page .systems-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
main.implant-page .system-card{height:205px;border-radius:10px;border:1px solid var(--border);background:linear-gradient(100deg,#fff,#eff9fe);padding:19px 20px;position:relative;overflow:hidden}
main.implant-page .system-card .content-system-card{position:relative;z-index:2;max-width:68%;height:100%;display:flex;flex-direction:column;align-items:flex-start}
main.implant-page .system-card h3{font-size:25px;letter-spacing:-.9px;margin:0 0 11px;line-height:1.1}
main.implant-page .system-card p{font-size:14px;margin:0;line-height:1.3}
main.implant-page .system-card .btn{margin-top:auto}
main.implant-page .logo-s{color:#057c48;font-style:italic}
main.implant-page .logo-a{color:#305b9c;font-style:italic}
main.implant-page .logo-m{color:#e31d30}

.content-system-card-title {
    display: flex;
    align-items: center;
    gap: 10px;
}

.content-system-card-title img {
    flex: none;
    width: 32px;
    height: auto
}

main.implant-page .implant-mini{position:absolute;right:7%;top:16px;width:75px;height:162px;filter:drop-shadow(5px 6px 7px rgba(0,0,0,.2))}
main.implant-page .implant-mini svg{width:100%;height:100%}
main.implant-page .advantages{background:#eef8fc;padding:22px 0}
main.implant-page .heading-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px}
main.implant-page .heading-row h2{margin:0}
main.implant-page .heading-row a{color:#028cb0;font-size:13px}
main.implant-page .advantages-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
main.implant-page .adv-card{border:1px solid var(--border);background:#fff;border-radius:11px;padding:17px;min-height:126px;display:grid;grid-template-columns:49px 1fr;gap:12px;align-items:start}
main.implant-page .adv-card .bubble{background:#e5f8fc}
main.implant-page .adv-card h3{font-size:15px;margin:5px 0 12px;line-height:1.1}
main.implant-page .adv-card p{font-size:12px;color:var(--muted);margin:0}
main.implant-page .process{padding:23px 0}
main.implant-page .steps{display:grid;grid-template-columns:repeat(5,1fr);gap:22px}
main.implant-page .step{border:1px solid var(--border);border-radius:10px;text-align:center;min-height:150px;padding:15px 12px;position:relative}
main.implant-page .step:not(:last-child):after{content:'→';position:absolute;right:-18px;top:65px;color:#95a8b7;font-size:21px}
main.implant-page .step .number{position:absolute;top:8px;left:12px;width:27px;height:27px;border-radius:50%;background:var(--cyan);color:#fff;display:grid;place-items:center;font-weight:800}
main.implant-page .step .icon{font-size:29px;color:var(--cyan);height:40px; margin-bottom: 12px;}
main.implant-page .step h3{font-size:13px;margin:2px 0 5px}
main.implant-page .step p{font-size:11px;color:var(--muted);margin:0}
main.implant-page .brands{padding:0 0 16px}
main.implant-page .brand-panel{display:grid;grid-template-columns:31% 14% 1fr;gap:10px;min-height:191px;align-items:center;background:linear-gradient(105deg,#effbf8,#e8f7fd);border-radius:12px;padding:20px 28px;margin-bottom:14px;position:relative;overflow:hidden}

main.implant-page .brand-panel.anthogyr, #implant_row_99 {
    background-image: url(../images/straumann-row-bg.jpg);
    background-size: cover;
    background-position-y: bottom;
}

main.implant-page .brand-panel.anthogyr, #implant_row_100 {background:linear-gradient(105deg,#edf5ff,#e8f9fc)}
main.implant-page .brand-panel.medentika, #implant_row_101 {background:linear-gradient(105deg,#f2f7fa,#eaf5f8)}

main.implant-page .brand-panel h2{font-size:30px;margin:0 0 3px}
main.implant-page .brand-panel h3{font-size:17px;line-height:1.13;margin:0 0 6px}
main.implant-page .brand-panel p{font-size:13px;color:#546675;margin:0;max-width:310px}
main.implant-page .brand-panel .implant-mini{position:static;width:85px;height:170px;justify-self:center}
main.implant-page .panel-items{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}

main.implant-page .straumann .panel-items,
main.implant-page #implant_row_99 .panel-items {
    grid-template-columns:1fr;
}

main.implant-page .panel-item{background:rgba(255,255,255,.86);border-radius:10px;padding:13px;min-height:98px}

main.implant-page .straumann .panel-item,
main.implant-page #implant_row_99 .panel-item {
    background:transparent;min-height:0;padding:6px;display:flex;gap:15px;align-items:center;
}

main.implant-page .panel-item .ic{
    margin-bottom: 10px;
    display: block;
}

main.implant-page .panel-item .ic img {
    display: block;
    width: 32px;
    height: auto;
}

main.implant-page .panel-item strong{display:block;font-size:12px;line-height:1.2;margin:3px 0}
main.implant-page .panel-item span{color:#627583;font-size:11px}

main.implant-page .cta{margin:0 auto 12px;border-radius:12px;background:linear-gradient(100deg,#e1f5fb,#f6fbfc,#d7eff9);min-height:125px;padding:20px 30px;display:flex;gap:25px;align-items:center}

main.implant-page .cta {
    background-image:url(../images/smale-row-bg.jpg);
    background-size: cover;
}

main.implant-page .cta .bubble{
    height:68px;
    width:68px;
    background:#f5fdff;
    font-size:33px;
    display: flex;
    justify-content: center;
    align-items: center;
}

main.implant-page .cta .bubble svg {
    display: block;
    width: 60%;
    height: auto;
}

.bubble img {
    display: block;
    width: 60%;
    height: auto;
    mix-blend-mode: multiply;
}

main.implant-page .cta h2{font-size:24px;margin:0 0 4px}
main.implant-page .cta p{font-size:13px;margin:0;max-width:630px}
main.implant-page .cta .btn{margin-left:auto;white-space:nowrap}

@media(max-width:1000px){
    main.implant-page .brand{min-width:180px}
    main.implant-page .hero-grid{grid-template-columns:48% 37% 15%}
    main.implant-page .hand-note{display:none}
    main.implant-page .hero-art img{width:155%;left:-25%}
    main.implant-page .panel-items{grid-template-columns:1fr}
    main.implant-page .brand-panel{grid-template-columns:35% 13% 1fr}
}

@media(max-width:740px){
main.implant-page .wrap{width:min(100% - 30px,560px)}
main.implant-page .hero-grid{display:block;min-height:0}
main.implant-page .hero-copy{padding:20px 0 0}
main.implant-page .hero h1{font-size:55px}
main.implant-page .hero-sub{font-size:22px}
main.implant-page .hero-art{height:260px}
main.implant-page .hero-art img{width:100%;height:310px;bottom:-40px;left:0}
main.implant-page .hero-benefits{grid-template-columns:repeat(3,1fr);padding:5px 0 16px;gap:10px}
main.implant-page .hero-benefit{display:block;text-align:center;font-size:10px}
main.implant-page .hero-benefit .bubble{margin:0 auto 5px}
main.implant-page .systems-grid,main.implant-page .advantages-grid{grid-template-columns:1fr}
main.implant-page .system-card{height:190px}
main.implant-page .adv-card{min-height:0}
main.implant-page .steps{grid-template-columns:repeat(2,1fr);gap:12px}
main.implant-page .step:not(:last-child):after{display:none}
main.implant-page .brand-panel{grid-template-columns:1fr 100px;min-height:0;padding:18px}
main.implant-page .brand-panel .panel-items{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}
main.implant-page .brand-panel.straumann .panel-items{grid-template-columns:1fr}
main.implant-page .cta{flex-wrap:wrap}
main.implant-page .cta .btn{margin:0}
}
@media(max-width:450px){
main.implant-page .hero h1{font-size:47px}
main.implant-page .hero-actions{display:block}
main.implant-page .small-benefit{margin-top:12px}
main.implant-page .hero-benefits{grid-template-columns:1fr 1fr 1fr}
main.implant-page .brand-panel .panel-items{grid-template-columns:1fr}
main.implant-page .panel-item{min-height:0}
main.implant-page .steps{grid-template-columns:1fr 1fr}
main.implant-page .cta .btn{white-space:normal}
}