/* IzhHunter V101 — checkout comment visibility + unified guide typography. */

/* Checkout: comment must always be a normal readable form field. */
html body #section-checkout .checkout-v10-comment textarea,
html body #section-checkout #comment{
  display:block!important;
  width:100%!important;
  min-height:104px!important;
  padding:14px 16px!important;
  box-sizing:border-box!important;
  resize:vertical!important;
  color:#1d241f!important;
  -webkit-text-fill-color:#1d241f!important;
  caret-color:#315b45!important;
  background:#ffffff!important;
  background-color:#ffffff!important;
  background-image:none!important;
  border:1px solid #cfd8d2!important;
  border-radius:12px!important;
  box-shadow:none!important;
  font:500 15px/1.55 "Golos Text",Arial,sans-serif!important;
  opacity:1!important;
}
html body #section-checkout .checkout-v10-comment textarea::placeholder,
html body #section-checkout #comment::placeholder{
  color:#8b938d!important;
  -webkit-text-fill-color:#8b938d!important;
  opacity:1!important;
}
html body #section-checkout .checkout-v10-comment textarea:focus,
html body #section-checkout #comment:focus{
  outline:none!important;
  color:#1d241f!important;
  -webkit-text-fill-color:#1d241f!important;
  background:#fff!important;
  border-color:#5f806c!important;
  box-shadow:0 0 0 3px rgba(49,91,69,.10)!important;
}

/* Guide content: one visual system for old and new articles. */
html body.guide-article-page .article-body{
  color:#303a33!important;
  font-family:"Golos Text",Arial,sans-serif!important;
  font-size:16.5px!important;
  line-height:1.72!important;
}
html body.guide-article-page .article-body p{
  margin:0 0 17px!important;
  color:#303a33!important;
  font-family:inherit!important;
  font-size:16.5px!important;
  font-weight:400!important;
  line-height:1.72!important;
  letter-spacing:0!important;
  background:transparent!important;
}
html body.guide-article-page .article-body h2{
  margin:30px 0 15px!important;
  padding:10px 14px 11px!important;
  color:#183b2a!important;
  background:#f1f5f1!important;
  border:0!important;
  border-left:4px solid #315b45!important;
  border-radius:0 10px 10px 0!important;
  font-family:"Golos Text",Arial,sans-serif!important;
  font-size:23px!important;
  font-weight:800!important;
  line-height:1.22!important;
  letter-spacing:-.015em!important;
}
html body.guide-article-page .article-body h2:first-child{margin-top:0!important}
html body.guide-article-page .article-body h3{
  margin:25px 0 11px!important;
  padding:0!important;
  color:#234a35!important;
  background:transparent!important;
  border:0!important;
  font-size:20px!important;
  font-weight:750!important;
  line-height:1.28!important;
}
html body.guide-article-page .article-body h4{
  margin:22px 0 9px!important;
  padding:0!important;
  color:#315b45!important;
  background:transparent!important;
  border:0!important;
  font-size:18px!important;
  font-weight:750!important;
  line-height:1.32!important;
}
html body.guide-article-page .article-body ul,
html body.guide-article-page .article-body ol{
  margin:10px 0 20px!important;
  padding:13px 18px 13px 38px!important;
  background:#fafcf9!important;
  border:1px solid #dde5df!important;
  border-radius:12px!important;
  list-style-position:outside!important;
}
html body.guide-article-page .article-body li{
  margin:6px 0!important;
  padding:0 0 0 2px!important;
  color:#303a33!important;
  background:transparent!important;
  border:0!important;
  font-size:16px!important;
  font-weight:400!important;
  line-height:1.62!important;
}
html body.guide-article-page .article-body li::marker{color:#315b45!important;font-weight:800!important}
html body.guide-article-page .article-body strong,
html body.guide-article-page .article-body b{
  color:#234632!important;
  background:transparent!important;
  font-weight:750!important;
  font-size:inherit!important;
  line-height:inherit!important;
}
html body.guide-article-page .article-body em,
html body.guide-article-page .article-body i,
html body.guide-article-page .article-body span{
  color:inherit!important;
  background:transparent!important;
  font-size:inherit!important;
  line-height:inherit!important;
}
html body.guide-article-page .article-body>div{
  margin:0 0 17px!important;
  padding:0!important;
  color:inherit!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  font-size:inherit!important;
  line-height:inherit!important;
}
html body.guide-article-page .article-body blockquote{
  margin:20px 0!important;
  padding:15px 17px!important;
  color:#334339!important;
  background:#f4f7f4!important;
  border:1px solid #dce5de!important;
  border-left:4px solid #315b45!important;
  border-radius:10px!important;
  font-size:15.5px!important;
  line-height:1.62!important;
}
html body.guide-article-page .article-body blockquote>p:last-child,
html body.guide-article-page .article-body blockquote>*:last-child{margin-bottom:0!important}
html body.guide-article-page .article-body a{
  color:#256545!important;
  font-weight:650!important;
  text-decoration:underline!important;
  text-underline-offset:3px!important;
}
html body.guide-article-page .article-body table{
  font-family:"Golos Text",Arial,sans-serif!important;
  font-size:14px!important;
  line-height:1.45!important;
}

@media(max-width:620px){
  html body #section-checkout .checkout-v10-comment textarea,
  html body #section-checkout #comment{min-height:96px!important;padding:13px 14px!important;font-size:15px!important}

  html body.guide-article-page .article-body-card{padding:17px 14px!important}
  html body.guide-article-page .article-body,
  html body.guide-article-page .article-body p{font-size:15.5px!important;line-height:1.64!important}
  html body.guide-article-page .article-body p{margin-bottom:14px!important}
  html body.guide-article-page .article-body h2{
    margin:25px 0 12px!important;
    padding:9px 11px 10px!important;
    border-left-width:3px!important;
    border-radius:0 9px 9px 0!important;
    font-size:20px!important;
    line-height:1.23!important;
  }
  html body.guide-article-page .article-body h3{margin:22px 0 9px!important;font-size:18px!important;line-height:1.28!important}
  html body.guide-article-page .article-body h4{margin:20px 0 8px!important;font-size:16.5px!important}
  html body.guide-article-page .article-body ul,
  html body.guide-article-page .article-body ol{margin:8px 0 17px!important;padding:11px 12px 11px 31px!important;border-radius:10px!important}
  html body.guide-article-page .article-body li{margin:5px 0!important;font-size:15px!important;line-height:1.56!important}
  html body.guide-article-page .article-body blockquote{margin:17px 0!important;padding:13px 13px!important;font-size:15px!important;line-height:1.58!important}
}
