/* Home hero product switcher — scoped to the storefront landing page. */
.kh2-home .kh2-hero{background:linear-gradient(180deg,#fff 0%,#faf9f4 100%)}
.kh2-home .kh2-hero-grid{gap:clamp(28px,4vw,64px);align-items:start}
.kh2-home .kh2-hero-copy{min-width:0;padding:clamp(20px,5vw,84px) 0}
.kh2-home .kh2-hero-lead{max-width:35ch;color:#4e5b49;font-weight:500}
.kh2-home .kh2-hero-visual{width:100%;min-width:0;gap:14px}
.kh2-home .kh2-product-stage{width:min(100%,520px);padding:20px;border-color:#e4e7dd;border-radius:22px;box-shadow:0 14px 36px rgba(28,45,24,.075)}
.kh2-home .kh2-product-stage:before{display:none}
.kh2-home .kh2-stage-top{align-items:center}
.kh2-home .kh2-stage-chip{padding:7px 12px;background:#203a1a;font-size:.72rem;letter-spacing:.045em}
.kh2-home .kh2-stage-price{font-size:1.23rem;white-space:nowrap}
.kh2-home .kh2-stage-link{display:block;color:inherit;text-decoration:none;border-radius:12px}
.kh2-home .kh2-stage-link:focus-visible{outline:3px solid #b99439;outline-offset:4px}
.kh2-home .kh2-stage-img{aspect-ratio:6/5;margin-top:2px;background:#fff}
.kh2-home .kh2-stage-img img{filter:none}
.kh2-home .kh2-stage-caption{margin:0;padding:12px 2px 13px;background:transparent;border:0;border-bottom:1px solid #e2e6dd;border-radius:0}
.kh2-home .kh2-stage-caption strong{display:block;font-size:1.13rem;line-height:1.26}
.kh2-home .kh2-stage-caption p{margin:4px 0 0;min-height:2.6em;color:#65705f;font-size:.83rem;line-height:1.4}
.kh2-home .kh2-stage-link:hover .kh2-stage-caption strong{text-decoration:underline;text-underline-offset:3px}
.kh2-home .kh2-feature-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:13px}
.kh2-home .kh2-feature-tab{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:62px;padding:6px;border:1px solid #dce2d7;border-radius:12px;background:#fff;color:#243b1d;font:800 .81rem/1.15 'Vazirmatn',Arial,sans-serif;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease}
.kh2-home .kh2-feature-tab img{display:block;flex:none;width:44px;height:44px;object-fit:contain;border-radius:8px;background:#f8f7f1}
.kh2-home .kh2-feature-tab span{min-width:0;text-align:left}
.kh2-home .kh2-feature-tab:hover{border-color:#9eb292;background:#f7faf4}
.kh2-home .kh2-feature-tab.is-active{border-color:#203a1a;background:#203a1a;color:#fff;box-shadow:0 5px 14px rgba(32,58,26,.14)}
.kh2-home .kh2-feature-tab:focus-visible{outline:3px solid #b99439;outline-offset:2px}
.kh2-home .kh2-hero-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,520px);padding:7px;border:1px solid #e3e7dd;border-radius:17px;background:#fff;box-shadow:0 8px 24px rgba(28,45,24,.045)}
.kh2-home .kh2-hero-paths a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:64px;padding:7px 5px;color:#213b1b;text-align:center;text-decoration:none;border-right:1px solid #e6e9e2;border-radius:8px}
.kh2-home .kh2-hero-paths a:last-child{border-right:0}
.kh2-home .kh2-hero-paths a:hover,.kh2-home .kh2-hero-paths a:focus-visible{background:#f0f5eb;outline:0}
.kh2-home .kh2-hero-paths a:focus-visible{box-shadow:inset 0 0 0 3px #b99439}
.kh2-home .kh2-hero-paths strong{font-size:.83rem;line-height:1.22}
.kh2-home .kh2-hero-paths small{margin-top:3px;color:#62715d;font-size:.66rem;line-height:1.24}

/* Desktop: balance the decision paths against the full-size product stage. */
@media (min-width:900px){
  .kh2-home .kh2-hero-grid{grid-template-areas:"copy visual" "paths visual";grid-template-rows:minmax(0,1fr) auto;row-gap:12px;align-items:stretch}
  .kh2-home .kh2-hero-copy{grid-area:copy;align-self:center;padding:0}
  .kh2-home .kh2-hero-visual{grid-area:visual;min-height:0;align-self:start}
  .kh2-home .kh2-hero-paths{grid-area:paths;width:100%;align-self:end}
}
@media (min-width:900px) and (max-height:900px){
  .kh2-home .kh2-hero{padding:28px 0 30px}
}

@media (min-width:591px) and (max-width:899px){
  .kh2-home .kh2-hero-grid{grid-template-columns:minmax(0,1fr);gap:14px}
  .kh2-home .kh2-hero-copy{padding:10px 0 0}
  .kh2-home .kh2-hero-visual{min-height:0;padding-top:0}
  .kh2-home .kh2-hero-paths{justify-self:center}
}

@media (max-width:590px){
  .kh2-home .kh2-hero{padding:24px 0 30px}
  .kh2-home .kh2-hero-grid{grid-template-columns:minmax(0,1fr);gap:4px}
  .kh2-home .kh2-hero-copy{padding:0}
  .kh2-home .kh2-hero .kh2-eyebrow{display:flex;justify-content:center;width:100%;margin-bottom:12px;font-size:.68rem;letter-spacing:.09em;white-space:nowrap}
  .kh2-home .kh2-hero .kh2-title{font-size:clamp(2rem,9vw,2.58rem);line-height:1.03;text-align:center;text-wrap:balance}
  .kh2-home .kh2-hero-lead{max-width:none;margin:14px auto 0;font-size:.98rem;line-height:1.4;text-align:center}
  .kh2-home .kh2-hero .kh2-actions{display:flex;flex-direction:column;align-items:stretch;gap:3px;margin-top:10px}
  .kh2-home .kh2-hero .kh2-actions .kh2-btn{width:calc(100% - 20px);min-height:48px;margin-inline:auto}
  .kh2-home .kh2-hero .kh2-actions .kh2-btn-secondary{min-height:44px;background:transparent;border:0;box-shadow:none}
  .kh2-home .kh2-hero-visual{min-height:0;padding-top:0;gap:10px}
  .kh2-home .kh2-product-stage{padding:12px;border-radius:18px}
  .kh2-home .kh2-stage-chip{padding:6px 9px;font-size:.67rem}
  .kh2-home .kh2-stage-price{font-size:1.03rem}
  .kh2-home .kh2-stage-img{aspect-ratio:6/5}
  .kh2-home .kh2-stage-caption{padding:9px 2px 10px}
  .kh2-home .kh2-stage-caption strong{font-size:1.05rem}
  .kh2-home .kh2-stage-caption p{font-size:.76rem;min-height:2.65em}
  .kh2-home .kh2-feature-tabs{gap:5px;margin-top:10px}
  .kh2-home .kh2-feature-tab{gap:5px;min-height:56px;padding:4px 3px;font-size:.69rem}
  .kh2-home .kh2-feature-tab img{width:38px;height:38px}
  .kh2-home .kh2-hero-paths{justify-self:center;padding:5px}
  .kh2-home .kh2-hero-paths a{min-height:58px;padding:5px 3px}
  .kh2-home .kh2-hero-paths strong{font-size:.72rem}
  .kh2-home .kh2-hero-paths small{font-size:.59rem}
}
@media (max-width:360px){
  .kh2-home .kh2-hero .kh2-eyebrow{font-size:.6rem}
  .kh2-home .kh2-feature-tab{flex-direction:column;gap:2px;min-height:66px}
  .kh2-home .kh2-feature-tab span{text-align:center}
  .kh2-home .kh2-hero-paths small{display:none}
}
@media (prefers-reduced-motion:reduce){
  .kh2-home .kh2-feature-tab{transition:none}
}