/* Maps Hunter Pro — final multilingual/mobile polish
   Official palette only: Paper #F6F4F1 / Stone #E4DED2 / Coral #F95C4B / Black #000 */

:root{
  --mhp-soft-coral:rgba(249,92,75,.10);
  --mhp-soft-coral-2:rgba(249,92,75,.18);
  --mhp-soft-stone:rgba(228,222,210,.56);
  --mhp-line:rgba(0,0,0,.11);
  --mhp-ui-shadow:0 8px 24px rgba(0,0,0,.055);
}

/* Multilingual safety */
.section-title,.section-title h2,.section-title p,.card,.card h3,.card p,.price-card,.price-card h3,.price-card p,.faq summary,.faq p,.pay-card,.pay-brand,.pay-brand>div,.pay-value-wrap,.manual-payment-flow{min-width:0}
.section-title h2,.card h3,.price-card h3,.faq summary,.pay-brand strong{word-break:normal;overflow-wrap:normal;hyphens:auto;text-wrap:balance}
.section-title p,.card p,.price-card p,.faq p,.pay-brand span,.manual-payment-flow li{word-break:normal;overflow-wrap:anywhere}
html[dir="rtl"] .section-title h2,html[dir="rtl"] .section-title p,html[dir="rtl"] .card h3,html[dir="rtl"] .card p,html[dir="rtl"] .price-card,html[dir="rtl"] .faq{text-align:right}

/* Keep section heading icons aligned with long translated headings */
.section-title h2{gap:12px!important}
.section-title h2:before{width:38px!important;height:38px!important;flex:0 0 38px!important;border-radius:12px!important;border:1px solid var(--mhp-soft-coral-2)!important;background-color:var(--mhp-soft-coral)!important;box-shadow:none!important}

/* Pricing headings */
.price-card h3{min-width:0;gap:9px!important;align-items:center!important}
.price-card h3:before{width:30px!important;height:30px!important;flex:0 0 30px!important;border-radius:9px!important;border:1px solid var(--mhp-soft-coral-2)!important;background-color:var(--mhp-soft-coral)!important}

/* FAQ alignment */
.faq summary{min-height:28px!important;padding-inline-start:38px!important;line-height:1.35!important}
.faq summary:before{width:28px!important;height:28px!important;inset-inline-start:0!important;top:0!important;transform:none!important;background-size:16px!important}

/* Payment cards: every method looks equally active and trustworthy */
.manual-payments .pay-card,.manual-payments .pay-card:nth-child(even),.manual-payments [data-payment-method="usdt"]{background:var(--color-paper)!important;border:1px solid var(--mhp-line)!important;box-shadow:var(--mhp-ui-shadow)!important;opacity:1!important;filter:none!important;color:var(--color-black)!important}
.manual-payments .pay-card.payment-unavailable{opacity:1!important;filter:none!important;background:var(--color-paper)!important}
.manual-payments .pay-card:before{background:var(--color-coral)!important;opacity:1!important}
.manual-payments .pay-value-wrap{background:var(--mhp-soft-stone)!important;border:1px solid var(--mhp-line)!important}
.manual-payments .pay-value-wrap code{background:var(--color-paper)!important;border:1px solid var(--mhp-line)!important}
.manual-payments button:disabled{opacity:1!important;filter:none!important;color:inherit!important}

/* Final custom payment icons. Existing inline SVGs are hidden and replaced by dedicated marks. */
.manual-payments .pay-logo,.payment-modal-icon.pay-logo{
  position:relative!important;
  overflow:hidden!important;
  background-color:var(--mhp-soft-coral)!important;
  border:1px solid var(--mhp-soft-coral-2)!important;
  color:var(--color-black)!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:27px 27px!important;
  box-shadow:0 5px 14px rgba(249,92,75,.10)!important;
}
.manual-payments .pay-logo svg,.payment-modal-icon.pay-logo svg{opacity:0!important;visibility:hidden!important}

/* Binance — geometric diamond mark */
.manual-payments .logo-binance{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='%23000'%3E%3Cpath d='M16 4.2 20.1 8.3 16 12.4 11.9 8.3 16 4.2Z'/%3E%3Cpath d='M23.7 11.9 27.8 16 23.7 20.1 19.6 16l4.1-4.1Z'/%3E%3Cpath d='M8.3 11.9 12.4 16 8.3 20.1 4.2 16l4.1-4.1Z'/%3E%3Cpath d='M16 19.6 20.1 23.7 16 27.8 11.9 23.7 16 19.6Z'/%3E%3Cpath d='M16 11.4 20.6 16 16 20.6 11.4 16 16 11.4Z'/%3E%3C/g%3E%3C/svg%3E")!important;
}

/* USDT — coin ring + Tether-style T */
.manual-payments .logo-usdt,.payment-modal-icon.logo-usdt{
  border-radius:50%!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none'%3E%3Ccircle cx='16' cy='16' r='11.2' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M10 10.2h12M16 10.4v11.2' stroke='%23000' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='M8.8 14.1c1.9 1.35 4.45 2.05 7.2 2.05 2.75 0 5.3-.7 7.2-2.05' stroke='%23F95C4B' stroke-width='2.1' stroke-linecap='round'/%3E%3Cpath d='M11.2 19.1c1.35.75 3.05 1.15 4.8 1.15 1.75 0 3.45-.4 4.8-1.15' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")!important;
}

/* RedotPay — payment card with coral red-dot signature */
.manual-payments .logo-redotpay{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none'%3E%3Crect x='4.8' y='7' width='22.4' height='18' rx='4.7' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M5 12.3h22' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M9.5 18.8h6.2' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='22' cy='18.8' r='2.6' fill='%23F95C4B' stroke='%23000' stroke-width='1.1'/%3E%3C/svg%3E")!important;
}

/* Semantic payment-flow icons */
.manual-payment-flow ol{list-style:none!important;padding-inline-start:0!important}
.manual-payment-flow li{position:relative;padding-inline-start:34px!important;min-height:26px}
.manual-payment-flow li:before{content:"";position:absolute;inset-inline-start:0;top:0;width:24px;height:24px;border-radius:8px;border:1px solid var(--mhp-soft-coral-2);background-color:var(--mhp-soft-coral);background-repeat:no-repeat;background-position:center;background-size:14px}
.manual-payment-flow li:nth-child(1):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2.5'/%3E%3Cpath d='M3 9h18'/%3E%3C/svg%3E")}
.manual-payment-flow li:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='16' height='14' rx='2.5'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='m8 5 1-2h6l1 2'/%3E%3C/svg%3E")}
.manual-payment-flow li:nth-child(3):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 11.5a8 8 0 0 1-11.8 7L4 20l1.5-4A8 8 0 1 1 20 11.5Z'/%3E%3C/svg%3E")}
.manual-payment-flow li:nth-child(4):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5'/%3E%3Cpath d='m12 12 8 8M16.5 16.5l2-2M18.5 18.5l2-2'/%3E%3C/svg%3E")}

@media(max-width:760px){
  section{padding-top:36px!important;padding-bottom:36px!important}
  #how{padding:34px 0!important}
  #features{padding-top:36px!important;padding-bottom:34px!important}
  #excel,#pricing{padding-top:34px!important;padding-bottom:34px!important}
  #payments{padding:34px 0 36px!important}
  #faq{padding-top:32px!important;padding-bottom:34px!important}
  .section-title{margin-bottom:16px!important}
  #how .section-title,#payments .section-title{margin-bottom:14px!important}

  .section-title h2{display:block!important;position:relative!important;min-height:34px!important;padding-inline-start:44px!important;text-align:start!important;font-size:clamp(25px,7vw,31px)!important;line-height:1.18!important}
  .section-title h2:before{position:absolute!important;inset-inline-start:0!important;top:.05em!important;width:34px!important;height:34px!important;display:block!important;background-size:18px!important}
  .section-title p{font-size:14px!important;line-height:1.45!important}

  #how .how-step h3,#features .card h3{display:block!important;min-height:0!important;-webkit-line-clamp:unset!important;overflow:visible!important}
  #features .card p{line-height:1.38!important}

  .price-card{padding:20px!important}
  .price-card .badge{position:static!important;display:inline-flex!important;width:max-content!important;max-width:100%!important;margin:0 0 12px!important;padding:6px 10px!important;white-space:normal!important;line-height:1.15!important}
  .price-card h3{padding-inline-end:0!important;font-size:18px!important;line-height:1.3!important}
  .price{font-size:46px!important;margin:14px 0 6px!important}
  .list{margin:18px 0!important;gap:8px!important}

  .manual-payments .pay-card,.manual-payments [data-payment-method="usdt"]{background:var(--color-paper)!important;box-shadow:0 5px 16px rgba(0,0,0,.045)!important}
  .pay-brand strong{line-height:1.25!important}
  .pay-brand span{white-space:normal!important;-webkit-line-clamp:2!important;line-height:1.35!important}
  .pay-value-wrap label{letter-spacing:0!important;text-transform:none!important}
  .manual-payments .pay-logo{background-size:23px 23px!important}

  .manual-payment-flow{margin-top:10px!important}
  .manual-payment-flow ol{gap:8px 12px!important}
  .manual-payment-flow li{padding-inline-start:30px!important;font-size:11.5px!important;line-height:1.4!important}
  .manual-payment-flow li:before{width:22px;height:22px;background-size:13px}

  .faq{gap:8px!important}
  .faq details{padding:13px 14px!important;border-radius:12px!important}
  .faq summary{font-size:14.5px!important}
  .faq p{font-size:13px!important;line-height:1.45!important;margin-top:8px!important}
}

@media(max-width:390px){
  section{padding-top:30px!important;padding-bottom:30px!important}
  #how,#features,#excel,#pricing,#payments,#faq{padding-top:30px!important;padding-bottom:30px!important}
  .section-title{margin-bottom:13px!important}
  .section-title h2{font-size:25px!important;padding-inline-start:41px!important}
  .section-title h2:before{width:32px!important;height:32px!important}
  .price-card{padding:17px!important}
  .manual-payment-flow ol{grid-template-columns:1fr!important}
}

/* Maps Hunter Pro — brand SVG icon system.
   Icon-only layer: preserve the approved card geometry, spacing, shadows and responsive layout. */
.mhp-icon-svg{
  width:24px;
  height:24px;
  display:block;
  overflow:visible;
  color:var(--color-black);
  flex:0 0 auto;
}
#how .how-step .icon,
#features .card .icon{background-image:none!important}
.card .icon .mhp-icon-svg,
#how .how-step .icon .mhp-icon-svg,
#features .card .icon .mhp-icon-svg,
#data-fields .card .icon .mhp-icon-svg,
#use-cases .card .icon .mhp-icon-svg{width:22px;height:22px}
.hero-trust .mhp-icon-svg{width:17px;height:17px}
.map-search .mhp-icon-svg{width:17px;height:17px;flex:0 0 17px}
.excel-badge{font-size:0}
.excel-badge .mhp-icon-svg{width:21px;height:21px}
@media(max-width:760px){
  .card .icon .mhp-icon-svg,
  #how .how-step .icon .mhp-icon-svg,
  #features .card .icon .mhp-icon-svg,
  #data-fields .card .icon .mhp-icon-svg,
  #use-cases .card .icon .mhp-icon-svg{width:20px;height:20px}
}