/* koffd-zoom-v1 05.10.2026: korrektnoe otobrazhenie pri masshtabe 110-200% (shirina 960-1700) */

/* 1. Shapka: ikonki ne vylezayut za kraj pri 1025-1320 */
@media (min-width:1025px) and (max-width:1320px){
  header.header .header__main{padding-left:0!important;padding-right:0!important;min-width:0!important;}
  header.header > .wrap_green > .wrap, header.header .wrap_green .wrap{padding-left:22px!important;padding-right:22px!important;}
  header.header .header__catalog-nav{gap:4px!important;}
  header.header .header__catalog-nav a{padding-left:6px!important;padding-right:6px!important;}
  header.header .header__phone{margin-left:8px!important;margin-right:10px!important;white-space:nowrap;}
  header.header a.cart{margin-left:8px!important;margin-right:0!important;}
  header.header .header-icons-wrapper{margin-left:0!important;margin-right:0!important;}
  header.header .header-icons-wrapper a.cart{margin-left:8px!important;}
}

/* 2. 4 ikonki (100 dnej / Medicinskie / 25 let / Premialnoe) */
.k-risk-reversal__text b,.k-risk-reversal__text i,.k-risk-reversal__text span{white-space:normal!important;overflow-wrap:break-word;}
.k-risk-reversal__inner{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
.k-risk-reversal__item{min-width:0!important;}
.k-risk-reversal__text{min-width:0!important;}
@media (max-width:1400px){
  .k-risk-reversal__text b{font-size:19px!important;}
  .k-risk-reversal__icon,.k-risk-reversal__icon--img{width:84px!important;height:84px!important;min-width:84px!important;flex:0 0 84px!important;}
  .k-risk-reversal__icon img{width:100%!important;height:100%!important;}
  .k-risk-reversal__item{gap:12px!important;}
}
@media (max-width:1100px){
  .k-risk-reversal__inner{grid-template-columns:repeat(2,minmax(0,1fr))!important;row-gap:24px!important;}
  .k-risk-reversal{margin-left:0!important;margin-right:0!important;}
}

/* 3. Glavnaya: zagolovok "Idealnyj matras" i knopka */
.k-curation-merged__head{max-width:100%!important;box-sizing:border-box;}
.k-curation-merged__texts{min-width:0!important;}
@media (max-width:1100px){
  .k-curation-merged__head{flex-wrap:wrap!important;}
  #js-ideal-matras-viewmore,.k-curation-merged__head .k-goods-viewmore-btn{margin-left:0!important;}
}

/* 4. Blok otzyvov v kataloge/kartochke: ne uhodit vlevo za kraj */
@media (min-width:1025px) and (max-width:1760px){
  .koffd-bottom-blocks .k-home-rev,.koffd-detail-blocks .k-home-rev{margin-left:0!important;margin-right:0!important;}
}

/* 5. Kartochka tovara: plashka "Medicinskoe izdelie" */
.k-offer-detail__meddevice{grid-template-columns:minmax(160px,221px) minmax(0,1fr)!important;}
.k-offer-detail__meddevice-content{min-width:0!important;}
.k-offer-detail__meddevice-badges{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;}

/* 6. Blok podbora modelej: nazvanie i cena */
.k-pm__name{overflow-wrap:anywhere;}
@media (max-width:1320px){
  .k-pm__name{font-size:15px!important;letter-spacing:0!important;}
  .k-pm__price{font-size:20px!important;}
}

/* 7. Kartochki kataloga: plashki svojstv perenosyatsya, a ne vylezayut */
.card-info{flex-wrap:wrap!important;row-gap:6px!important;}

/* 8. Lendingi: zagolovki kartochek ne shire bloka */
.k-bq__card-t,.k-bp__card-t{font-size:clamp(19px,1.55vw,26px)!important;overflow-wrap:break-word;hyphens:auto;}
.k-bq__h1,.k-bp__h1{font-size:clamp(28px,2.4vw,40px)!important;}

/* 9. Hiro glavnoj pri umenshenii masshtaba (33-67%): vysota ot shiriny, a ne ot okna */
@media (min-width:1025px){
  html body.index-page .k-hero.k-hero--bg{height:min(calc(min(100vw - 55px, 1760px) / 2.5), calc(100vh - 205px))!important;min-height:440px!important;}
  html body.index-page .k-hero.k-hero--bg .k-hero__bg-img{object-position:50% 40%!important;}
}
/* 10. Hiro lendingov: ogranichenie po shirine pri silnom umenshenii */


/* === v4: usilennye selektory (prezhnie perekryvalis) === */

html body .k-risk-reversal .k-risk-reversal__text b,html body .k-risk-reversal .k-risk-reversal__text i,html body .k-risk-reversal .k-risk-reversal__text span{white-space:normal!important;overflow-wrap:break-word!important;}
@media (max-width:1700px){
  html body .k-risk-reversal .k-risk-reversal__text b{font-size:clamp(15px,1.25vw,22px)!important;}
  html body .k-risk-reversal .k-risk-reversal__text i{font-size:clamp(14px,1.1vw,20px)!important;}
}
@media (max-width:1100px){
  html body .k-risk-reversal .k-risk-reversal__inner{grid-template-columns:repeat(2,minmax(0,1fr))!important;row-gap:24px!important;}
}
@media (min-width:1025px){
  html body div.koffd-bottom-blocks section.k-home-rev,html body div.koffd-detail-blocks section.k-home-rev{margin-left:0!important;margin-right:0!important;}
}

/* 11. Blok "snyatie boli" na glavnoj: proporcii foto 1580x672 na lyubom masshtabe */
@media (min-width:1025px){
  html body .k-pain-relief .k-pain-relief__inner{min-height:0!important;height:auto!important;aspect-ratio:1580/672;}
  html body .k-pain-relief .k-pain-relief__photo-img{height:100%!important;object-fit:cover!important;object-position:50% 25%!important;}
}

/* 12. Lendingi "Kak podobrat": hiro = proporcii foto na lyubom masshtabe (ne vyshe ekrana) */
@media (min-width:1025px){
  html body .k-bq,html body .k-bp{container-type:inline-size;}
  html body .k-bq .k-bq__hero{height:auto!important;min-height:max(420px, min(calc(100cqw / (var(--r,16/9))), calc(100vh - 230px)))!important;max-height:none!important;}
  html body .k-bq .k-bq__hero-txt{padding-top:32px!important;padding-bottom:32px!important;}
  html body div.k-bq p.k-bq__lead{font-size:clamp(15px,1.05vw,18px)!important;margin-bottom:10px!important;}
  html body div.k-bq h1.k-bq__h1{margin-bottom:18px!important;}
  html body .k-bp .k-bp__hero{height:min(calc(100cqw / (2000/1125)), calc(100vh - 230px))!important;min-height:420px!important;max-height:none!important;}
}
/* 13. Foto v kartochkah "Problema"/"Reshenie" — celikom, bez obrezki */
/* Problema/Reshenie: foto — fon vsej kartochki, tekst poverh bez plashek */
html body div.k-bq div.k-bq__card{position:relative!important;background:transparent!important;overflow:hidden;min-height:520px;}
html body div.k-bq div.k-bq__card img.k-bq__card-img{position:absolute!important;top:0;left:0;right:0;bottom:0;width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:50% 100%!important;margin:0!important;z-index:0;}
html body div.k-bq div.k-bq__card>*:not(img){position:relative;z-index:1;}
html body div.k-bq div.k-bq__card h2.k-bq__card-t{background:transparent!important;}
@media (max-width:1024px){html body div.k-bq div.k-bq__card{min-height:480px;}}
/* 14. Lendingi: plotnee spiski Rezultat i Problema — kak na referense */
html body div.k-bq div.k-bq__res-col div.k-bq__list{gap:10px!important;}
html body div.k-bq div.k-bq__res-col h3.k-bq__it{padding:5px 10px!important;margin-bottom:4px!important;font-size:15px!important;}
html body div.k-bq div.k-bq__res-col p.k-bq__ix{font-size:13.5px!important;line-height:1.4!important;padding:0 10px!important;}
html body div.k-bq div.k-bq__grid4 div.k-bq__item{padding:18px 20px!important;}

/* === v12: uvelichenie masshtaba 125-200% (shirina 768-1300) === */
/* Hiro glavnoj: zagolovok ne prjachetsja pod fiksirovannoj shapkoj */
@media (max-width:1024px){
  html body.index-page .k-hero .k-hero__text{padding-top:96px!important;}
}
/* Kartochki situacij na glavnoj */
@media (max-width:1400px){
  html body .k-situations__card-body{max-width:62%!important;padding:18px!important;}
  html body .k-situations__card-body>*{flex-shrink:0!important;}
  html body .k-situations__card{height:auto!important;min-height:200px;}
  html body .k-situations__card-title{font-size:17px!important;}
  html body .k-situations__card-desc{font-size:13px!important;}
}
@media (max-width:900px){
  html body .k-situations__grid{grid-template-columns:1fr!important;}
  html body .k-situations__card-body{max-width:55%!important;}
}
/* Blok "snyatie boli": tekst pomeshchaetsya v kolonki */
@media (max-width:1024px){
  html body div.k-pain-relief .k-pain-relief__eyebrow{position:static!important;display:block;margin:0 0 12px!important;}
  html body div.k-pain-relief .k-pain-relief__title{font-size:22px!important;line-height:1.2!important;margin-bottom:12px!important;}
  html body div.k-pain-relief .k-pain-relief__text{font-size:13px!important;line-height:1.45!important;}
  html body div.k-pain-relief .k-pain-relief__col{padding:24px 20px!important;}
  html body div.k-pain-relief .k-pain-relief__col--right *{font-size:13px!important;}
  html body div.k-pain-relief .k-pain-relief__col--right h2,html body div.k-pain-relief .k-pain-relief__col--right h3,html body div.k-pain-relief .k-pain-relief__col--right [class*=title]{font-size:20px!important;line-height:1.2!important;}
  html body div.k-pain-relief .k-pain-relief__badge *{font-size:12px!important;}
}
/* Kartochki tovarov: cena i knopka perenosyatsya */
@media (max-width:1100px){
  html body .card__bottom{flex-wrap:wrap!important;gap:8px;}
  html body .card__price{width:auto!important;white-space:nowrap;}
}

/* v13: "snyatie boli" — nadpis' ne naezzhaet na zagolovok i pri 1025-1400 */
@media (max-width:1400px){
  html body div.k-pain-relief .k-pain-relief__eyebrow{position:static!important;display:block;margin:0 0 12px!important;}
  html body div.k-pain-relief .k-pain-relief__title{font-size:clamp(22px,2.3vw,32px)!important;line-height:1.2!important;}
}

/* v14: punkty menyu i telefon v shapke — strogo po centru na lyubom masshtabe */
@media (min-width:1025px){
html body header.header .header__main{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto minmax(0,1fr)!important;align-items:center!important;column-gap:0!important;padding-left:15px!important;padding-right:15px!important}
html body header.header .header__main>.header__logo{grid-column:1;grid-row:1;justify-self:start;margin:0!important}
html body header.header .header__main>.header__catalog-nav{grid-column:2;grid-row:1;margin:0 14px 0 0!important}
html body header.header .header__main>.header__phone{grid-column:3;grid-row:1;margin:0 0 0 14px!important;white-space:nowrap;display:flex!important}
html body header.header .header__main>a.search-toggle-btn,html body header.header .header__main>a.profile-link,html body header.header .header__main>a.favorites-link,html body header.header .header__main>.header-icons-wrapper{grid-column:4;grid-row:1;justify-self:end;margin-left:0!important}
html body header.header .header__main>.header-icons-wrapper{margin-right:0!important}
html body header.header .header__main>a.favorites-link{margin-right:55px!important}
html body header.header .header__main>a.profile-link{margin-right:110px!important}
html body header.header .header__main>a.search-toggle-btn{margin-right:165px!important}
}
@media (min-width:1025px) and (max-width:1300px){
html body header.header .header__main>.header__logo{font-size:clamp(18px,1.75vw,26px)!important;width:auto!important;min-width:0!important;max-width:100%!important}
}
@media (min-width:1025px) and (max-width:1400px){
html body header.header .header__catalog-nav a{padding-left:5px!important;padding-right:5px!important;font-size:clamp(13px,1.15vw,16px)!important}
html body header.header .header__phone{font-size:clamp(13px,1.15vw,16px)!important}
}