/* IzhHunter V102 — guide readability, related cards, checkout logos. */

/* Guides: keep all legacy articles visually consistent and calm. */
html body.guide-article-page .article-body,
html body.guide-article-page .article-body p,
html body.guide-article-page .article-body li,
html body.guide-article-page .article-body span,
html body.guide-article-page .article-body strong,
html body.guide-article-page .article-body b,
html body.guide-article-page .article-body em,
html body.guide-article-page .article-body i{
  color:#161b18!important;
}
html body.guide-article-page .article-body{
  font-size:15.5px!important;
  line-height:1.68!important;
}
html body.guide-article-page .article-body p{
  margin:0 0 15px!important;
  font-size:15.5px!important;
  line-height:1.68!important;
  font-weight:400!important;
  background:transparent!important;
}
html body.guide-article-page .article-body h2{
  margin:27px 0 12px!important;
  padding:5px 0 6px 12px!important;
  color:#121814!important;
  background:#fff!important;
  border:0!important;
  border-left:3px solid #315b45!important;
  border-radius:0!important;
  font-size:20px!important;
  font-weight:750!important;
  line-height:1.28!important;
  letter-spacing:-.01em!important;
}
html body.guide-article-page .article-body h3{
  margin:22px 0 9px!important;
  padding:0!important;
  color:#151a17!important;
  background:#fff!important;
  border:0!important;
  font-size:17.5px!important;
  font-weight:700!important;
  line-height:1.32!important;
}
html body.guide-article-page .article-body h4{
  margin:19px 0 8px!important;
  padding:0!important;
  color:#171c19!important;
  background:#fff!important;
  border:0!important;
  font-size:16.5px!important;
  font-weight:700!important;
  line-height:1.35!important;
}
html body.guide-article-page .article-body ul,
html body.guide-article-page .article-body ol{
  margin:8px 0 17px!important;
  padding:0 0 0 25px!important;
  background:#fff!important;
  border:0!important;
  border-radius:0!important;
}
html body.guide-article-page .article-body li{
  margin:5px 0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  font-size:15.5px!important;
  font-weight:400!important;
  line-height:1.62!important;
}
html body.guide-article-page .article-body li::marker{color:#315b45!important;font-weight:700!important}
html body.guide-article-page .article-body strong,
html body.guide-article-page .article-body b{font-weight:700!important;color:#151a17!important;background:transparent!important}
html body.guide-article-page .article-body blockquote{
  margin:17px 0!important;
  padding:12px 14px!important;
  color:#202722!important;
  background:#fff!important;
  border:1px solid #e0e5e1!important;
  border-left:3px solid #315b45!important;
  border-radius:8px!important;
  font-size:15px!important;
  line-height:1.6!important;
}
html body.guide-article-page .article-body>div,
html body.guide-article-page .article-body>section,
html body.guide-article-page .article-body .news-note,
html body.guide-article-page .article-body .news-checklist{
  background:#fff!important;
}
/* Old editor markup often leaves light-green backgrounds on nested strong/span blocks. */
html body.guide-article-page .article-body li>*,
html body.guide-article-page .article-body h2>*,
html body.guide-article-page .article-body h3>*,
html body.guide-article-page .article-body h4>*{
  background:transparent!important;
  color:inherit!important;
  font-size:inherit!important;
  line-height:inherit!important;
}

/* Product related row: visually match the normal catalogue cards, without the category/kicker line. */
html body.product-page .v18-related-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:10px!important;
  align-items:stretch!important;
}
html body.product-page .v18-related-card{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid #dfe3df!important;
  border-radius:14px!important;
  box-shadow:none!important;
}
html body.product-page .v18-related-image{
  height:150px!important;
  min-height:150px!important;
  padding:10px!important;
  background:#fff!important;
  border-bottom:1px solid #eef0ed!important;
}
html body.product-page .v18-related-body{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  min-width:0!important;
  padding:10px 10px 11px!important;
  background:#fff!important;
}
html body.product-page .v18-related-kicker,
html body.product-page .v18-related-meta{display:none!important}
html body.product-page .v18-related-title{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
  overflow:hidden!important;
  height:auto!important;
  min-height:45px!important;
  max-height:45px!important;
  margin:0 0 8px!important;
  color:#151b17!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.25!important;
}
html body.product-page .v18-related-rating-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  height:auto!important;
  min-height:30px!important;
  margin-top:auto!important;
}
html body.product-page .v18-related-rating{
  display:flex!important;
  align-items:center!important;
  height:auto!important;
  min-height:26px!important;
  margin:0!important;
  color:#b77b12!important;
  font-size:11px!important;
  white-space:nowrap!important;
}
html body.product-page .v18-related-rating small{font-size:10px!important;color:#a47518!important}
html body.product-page .v18-related-stock{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:28px!important;
  min-height:28px!important;
  max-width:100%!important;
  margin:0!important;
  padding:0 9px!important;
  border:1px solid #c3d8c9!important;
  border-radius:999px!important;
  background:#eaf4ed!important;
  color:#315f42!important;
  font-size:10px!important;
  font-weight:700!important;
  white-space:nowrap!important;
}
html body.product-page .v18-related-stock i{width:6px!important;height:6px!important;margin-right:6px!important;background:#43825a!important;border-radius:50%!important}
html body.product-page .v18-related-bottom{
  display:flex!important;
  align-items:flex-end!important;
  height:auto!important;
  min-height:36px!important;
  margin-top:7px!important;
  padding:0!important;
}
html body.product-page .v18-related-bottom strong{font-size:19px!important;font-weight:800!important;color:#121813!important}

/* Checkout delivery: both brands share the exact same icon column and centering. */
html body #section-checkout .checkout-v10-option.checkout-v10-option--cdek,
html body #section-checkout .checkout-v10-option.checkout-v10-option--post{
  grid-template-columns:22px 92px minmax(0,1fr)!important;
  column-gap:12px!important;
  align-items:center!important;
}
html body #section-checkout .checkout-v10-brand-logo.checkout-v10-cdek,
html body #section-checkout .checkout-v10-brand-logo.checkout-v10-post{
  width:92px!important;
  min-width:92px!important;
  max-width:92px!important;
  height:38px!important;
  padding:4px 7px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  justify-self:center!important;
  overflow:visible!important;
  background:transparent!important;
}
html body #section-checkout .checkout-v10-brand-logo.checkout-v10-cdek img,
html body #section-checkout .checkout-v10-brand-logo.checkout-v10-post img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:30px!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:auto!important;
  transform:none!important;
}

@media(max-width:1050px){
  html body.product-page .v18-related-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:760px){
  html body.product-page .v18-related-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible!important;gap:8px!important;padding:0!important}
  html body.product-page .v18-related-card{min-width:0!important;flex:initial!important}
  html body.product-page .v18-related-image{height:132px!important;min-height:132px!important;padding:8px!important}
  html body.product-page .v18-related-title{font-size:11.5px!important;min-height:44px!important;max-height:44px!important}
  html body.product-page .v18-related-rating-row{align-items:flex-start!important;flex-direction:column!important;gap:4px!important}
  html body.product-page .v18-related-stock{height:26px!important;min-height:26px!important}
  html body.product-page .v18-related-bottom strong{font-size:18px!important}

  html body.guide-article-page .article-body-card{padding:16px 14px!important}
  html body.guide-article-page .article-body,
  html body.guide-article-page .article-body p{font-size:15px!important;line-height:1.62!important}
  html body.guide-article-page .article-body p{margin-bottom:13px!important}
  html body.guide-article-page .article-body h2{font-size:18px!important;margin:23px 0 10px!important;padding:4px 0 5px 10px!important}
  html body.guide-article-page .article-body h3{font-size:16.5px!important;margin:20px 0 8px!important}
  html body.guide-article-page .article-body h4{font-size:15.5px!important;margin:18px 0 7px!important}
  html body.guide-article-page .article-body li{font-size:15px!important;line-height:1.56!important}
}
@media(max-width:520px){
  html body #section-checkout .checkout-v10-option.checkout-v10-option--cdek,
  html body #section-checkout .checkout-v10-option.checkout-v10-option--post{
    grid-template-columns:20px 82px minmax(0,1fr)!important;
    column-gap:9px!important;
  }
  html body #section-checkout .checkout-v10-brand-logo.checkout-v10-cdek,
  html body #section-checkout .checkout-v10-brand-logo.checkout-v10-post{
    width:82px!important;min-width:82px!important;max-width:82px!important;height:34px!important;padding:3px 5px!important;
  }
  html body #section-checkout .checkout-v10-brand-logo.checkout-v10-cdek img,
  html body #section-checkout .checkout-v10-brand-logo.checkout-v10-post img{max-height:27px!important}
}
