/* ix.ua v138 — compact Open Help block on the homepage. */

/* Second quiet path under the main hero buttons. */
.hero-open-help-link{
  margin-top:5px;
}
.hero-open-help-link svg{
  color:#f35617;
}
.hero-open-help-link b{
  color:#ef571f;
  border-bottom-color:rgba(239,87,31,.26);
}
.hero-open-help-link strong{color:#ef571f}
.hero-open-help-link:hover b{color:#d94c16;border-color:#d94c16}

.home-open-help{
  position:relative;
  overflow:hidden;
  padding:24px 20px 28px;
  background:linear-gradient(180deg,#f8fcfb 0%,#fff 100%);
  border-bottom:1px solid #eef2f1;
}
.home-open-help-inner{
  position:relative;
  width:min(1120px,100%);
  min-height:246px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(390px,1.08fr);
  align-items:stretch;
  overflow:hidden;
  border:1px solid #e3ebe8;
  border-radius:15px;
  background:linear-gradient(108deg,#fffaf6 0%,#fff 52%,#f2faf8 100%);
  box-shadow:0 8px 26px rgba(30,67,63,.04);
}
.home-open-help-copy{
  position:relative;
  z-index:2;
  padding:28px 16px 26px 30px;
}
.home-open-help-kicker{
  display:inline-block;
  margin-bottom:7px;
  color:#15948c;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:1.2px;
}
.home-open-help h2{
  max-width:560px;
  margin:0 0 9px;
  color:#17252b;
  font-size:26px;
  line-height:1.13;
  letter-spacing:-.55px;
}
.home-open-help h2 em{
  color:#f35617;
  font-style:normal;
}
.home-open-help-copy>p{
  max-width:570px;
  margin:0;
  color:#68797e;
  font-size:11.5px;
  line-height:1.62;
}
.home-open-help-points{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:14px;
}
.home-open-help-points span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:30px;
  padding:4px 9px 4px 6px;
  border:1px solid #e1ebe8;
  border-radius:999px;
  background:rgba(255,255,255,.9);
  color:#536663;
  font-size:10.5px;
  font-weight:700;
  white-space:nowrap;
}
.home-open-help-points img{
  width:21px;
  height:21px;
  object-fit:contain;
}
.home-open-help-actions{
  display:flex;
  align-items:center;
  gap:14px;
  margin-top:15px;
}
.home-open-help-actions .u-btn{
  height:38px!important;
  min-height:38px!important;
  padding:0 14px!important;
  border-radius:7px!important;
  font-size:10.5px!important;
  box-shadow:0 5px 12px rgba(243,86,23,.10)!important;
}
.home-open-help-more{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#118e86;
  font-size:10.5px;
  font-weight:800;
  text-decoration:none;
}
.home-open-help-more strong{
  font-size:14px;
  transition:transform .16s ease;
}
.home-open-help-more:hover strong{transform:translateX(3px)}
.home-open-help-art{
  position:relative;
  min-width:0;
  overflow:hidden;
}
.home-open-help-art img{
  display:block;
  width:100%;
  height:100%;
  min-height:246px;
  object-fit:cover;
  object-position:center 48%;
}
.home-open-help-art:before{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.70) 7%,rgba(255,255,255,.12) 23%,rgba(255,255,255,0) 42%);
}

@media(max-width:900px){
  .home-open-help-inner{grid-template-columns:1fr 43%;}
  .home-open-help-copy{padding-left:24px}
  .home-open-help h2{font-size:23px}
}
@media(max-width:700px){
  .hero-open-help-link{margin-top:3px}
  .home-open-help{padding:18px 14px 22px}
  .home-open-help-inner{display:block;min-height:0}
  .home-open-help-copy{padding:23px 20px 20px}
  .home-open-help h2{font-size:22px}
  .home-open-help-copy>p{font-size:11px}
  .home-open-help-actions{align-items:flex-start;flex-direction:column;gap:9px}
  .home-open-help-actions .u-btn{width:100%;justify-content:center}
  .home-open-help-art{height:170px}
  .home-open-help-art img{min-height:170px;height:170px}
  .home-open-help-art:before{background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.18) 22%,rgba(255,255,255,0) 48%)}
}
@media(max-width:430px){
  .home-open-help-points{gap:5px}
  .home-open-help-points span{font-size:10px;padding-right:7px}
}


/* v139 — dedicated homepage artwork for Open Help.
   The illustration already has a soft painted left edge, so keep the overlay subtle. */
.home-open-help-art img{
  object-position:center 50%;
}
.home-open-help-art:before{
  background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.38) 7%,rgba(255,255,255,.08) 18%,rgba(255,255,255,0) 31%);
}
@media(max-width:700px){
  .home-open-help-art:before{background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.12) 18%,rgba(255,255,255,0) 42%)}
}