/* ============================================================
   HAŞERE MARKET — HM PRODUCT v3.0
   Production candidate / desktop-first + mobile adaptive
   Scope: .hm-product-v3 only
   Migration-safe: can coexist with legacy hm-product v2.
   ============================================================ */

.hm-product-v3{
  --hm-ink:#17331f;
  --hm-ink-2:#2f4934;
  --hm-muted:#647168;
  --hm-green-950:#123d19;
  --hm-green-900:#17491d;
  --hm-green-800:#235b27;
  --hm-green-700:#2d6a2c;
  --hm-green-600:#438246;
  --hm-olive:#7d9137;
  --hm-cream:#fbfcf7;
  --hm-cream-2:#f4f8ef;
  --hm-card:#fff;
  --hm-line:#dce6d7;
  --hm-line-2:#cddbc7;
  --hm-orange:#f05a16;
  --hm-orange-dark:#c84912;
  --hm-red:#df5b62;
  --hm-warning:#f6f0d6;
  --hm-radius-xl:15px;
  --hm-radius-lg:12px;
  --hm-radius-md:9px;
  --hm-gap:10px;
  --hm-pad:15px;
  --hm-shadow:0 4px 14px rgba(27,67,31,.055);
  --hm-sticky-top:0px;

  width:100%;
  margin:0;
  padding:0;
  color:var(--hm-ink);
  font-family:inherit;
  line-height:1.48;
  box-sizing:border-box;
}

.hm-product-v3 *,
.hm-product-v3 *::before,
.hm-product-v3 *::after{box-sizing:border-box}

.hm-product-v3 img{display:block;max-width:100%}
.hm-product-v3 p,
.hm-product-v3 ul,
.hm-product-v3 ol{margin:0}
.hm-product-v3 ul,
.hm-product-v3 ol{padding:0}
.hm-product-v3 a{color:inherit}
.hm-product-v3 summary{list-style:none}
.hm-product-v3 summary::-webkit-details-marker{display:none}

.hm-product-v3 :is(h2,h3,h4){
  margin:0;
  color:var(--hm-ink);
  font-weight:800;
  line-height:1.2;
}
.hm-product-v3 h2{font-size:clamp(21px,1.8vw,27px)}
.hm-product-v3 h3{font-size:clamp(16px,1.25vw,19px)}
.hm-product-v3 h4{font-size:14px}

.hm-product-v3 [id]{scroll-margin-top:94px}

/* ---------- generic icon containers ---------- */
.hm-product-v3 .hm-iconbox{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  overflow:hidden;
  border-radius:50%;
  background:#eaf3e6;
}
.hm-product-v3 .hm-iconbox img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
}

/* ---------- P00A: sales/value intro ---------- */
.hm-product-v3 .hm-intro{
  display:grid;
  grid-template-columns:minmax(0,1.34fr) minmax(410px,.92fr);
  overflow:hidden;
  margin:0 0 var(--hm-gap);
  border:1px solid rgba(255,255,255,.16);
  border-radius:var(--hm-radius-xl);
  color:#fff;
  background:
    radial-gradient(circle at 88% 15%,rgba(225,205,103,.14),transparent 31%),
    linear-gradient(104deg,#123e19 0%,#1c531f 47%,#7d9137 100%);
  box-shadow:var(--hm-shadow);
}
.hm-product-v3 .hm-intro__main{
  position:relative;
  display:grid;
  grid-template-columns:70px minmax(0,1fr);
  gap:14px;
  align-items:center;
  padding:18px 20px;
}
.hm-product-v3 .hm-intro__main::after{
  content:"";
  position:absolute;
  top:18px;right:0;bottom:18px;
  width:1px;
  background:rgba(255,255,255,.22);
}
.hm-product-v3 .hm-intro__seal{
  width:66px;height:66px;
  display:grid;place-items:center;
  border:2px solid rgba(255,255,255,.78);
  border-radius:50%;
  background:rgba(255,255,255,.07);
}
.hm-product-v3 .hm-intro__seal img{
  width:38px;height:38px;object-fit:contain;
}
.hm-product-v3 .hm-intro h2{
  margin-bottom:6px;
  color:#fff;
  font-size:clamp(20px,1.65vw,26px);
}
.hm-product-v3 .hm-intro__copy p{
  max-width:780px;
  color:rgba(255,255,255,.93);
  font-size:14.2px;
  line-height:1.48;
}
.hm-product-v3 .hm-intro__facts{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 14px;
  align-content:center;
  padding:16px 20px 16px 22px;
}
.hm-product-v3 .hm-fact{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:9px;
  align-items:center;
  min-width:0;
}
.hm-product-v3 .hm-fact .hm-iconbox{
  width:38px;height:38px;padding:7px;background:#fff;
}
.hm-product-v3 .hm-fact strong{
  display:block;
  color:#fff;
  font-size:13.5px;
  line-height:1.18;
}
.hm-product-v3 .hm-fact span{
  display:block;
  margin-top:2px;
  color:rgba(255,255,255,.82);
  font-size:11.5px;
  line-height:1.25;
}

/* ---------- local nav ---------- */
.hm-product-v3 .hm-nav{
  position:sticky;
  top:var(--hm-sticky-top);
  z-index:35;
  margin:0 0 var(--hm-gap);
  padding:7px 9px 5px;
  border:1px solid var(--hm-line);
  border-radius:var(--hm-radius-xl);
  background:rgba(255,255,255,.96);
  box-shadow:0 4px 14px rgba(26,61,30,.075);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.hm-product-v3 .hm-nav__rail{
  display:flex;
  gap:3px;
  align-items:center;
  overflow-x:auto;
  overscroll-behavior-x:contain;
  scrollbar-width:none;
  scroll-snap-type:x proximity;
  -webkit-overflow-scrolling:touch;
}
.hm-product-v3 .hm-nav__rail::-webkit-scrollbar{display:none}
.hm-product-v3 .hm-nav__link{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:8px 14px;
  border-radius:999px;
  color:#2e4934;
  text-decoration:none;
  white-space:nowrap;
  font-size:12.7px;
  font-weight:750;
  scroll-snap-align:start;
  transition:background-color .16s ease,color .16s ease;
}
.hm-product-v3 .hm-nav__link:hover,
.hm-product-v3 .hm-nav__link:focus-visible{
  color:var(--hm-green-900);
  background:var(--hm-cream-2);
  outline:none;
}
.hm-product-v3 .hm-nav__link[aria-current="true"]{
  color:#fff;
  background:linear-gradient(180deg,var(--hm-green-700),var(--hm-green-800));
  box-shadow:0 4px 10px rgba(35,91,33,.17);
}
.hm-product-v3 .hm-nav__progress{
  position:relative;
  height:4px;
  margin:5px 2px 0;
  overflow:hidden;
  border-radius:999px;
  background:#e1e8dd;
}
.hm-product-v3 .hm-nav__progress>span{
  position:absolute;
  inset:0 auto 0 0;
  width:18%;
  border-radius:inherit;
  background:linear-gradient(90deg,#4d8d4f,#87a979);
  transform-origin:left center;
}

/* ---------- controlled bands: no arbitrary 12-col gaps ---------- */
.hm-product-v3 .hm-band{
  display:grid;
  gap:var(--hm-gap);
  margin:0 0 var(--hm-gap);
  align-items:stretch;
}
.hm-product-v3 .hm-band--1{grid-template-columns:1fr}
.hm-product-v3 .hm-band--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.hm-product-v3 .hm-band--3{grid-template-columns:repeat(3,minmax(0,1fr))}

/* ---------- cards ---------- */
.hm-product-v3 .hm-card{
  min-width:0;
  padding:var(--hm-pad);
  border:1px solid var(--hm-line);
  border-radius:var(--hm-radius-lg);
  background:linear-gradient(180deg,#fff 0%,#fbfcf8 100%);
  box-shadow:0 3px 11px rgba(30,72,35,.042);
}
.hm-product-v3 .hm-card--cream{
  background:linear-gradient(180deg,#fffdf8 0%,#fbfaf3 100%);
  border-color:#e5dfc8;
}
.hm-product-v3 .hm-card__head,
.hm-product-v3 .hm-fold>summary{
  display:flex;
  align-items:flex-start;
  gap:9px;
}
.hm-product-v3 .hm-card__head{margin-bottom:9px}
.hm-product-v3 .hm-card__icon{
  width:38px;height:38px;
  padding:6px;
}
.hm-product-v3 .hm-card__title{
  min-width:0;
  padding-top:2px;
}
.hm-product-v3 .hm-card__title h3{
  font-size:17px;
  word-break:normal;
  overflow-wrap:normal;
  hyphens:none;
}
.hm-product-v3 .hm-card__title p{
  margin-top:2px;
  color:var(--hm-muted);
  font-size:12.2px;
  line-height:1.3;
}
.hm-product-v3 .hm-card__body{
  color:#445348;
  font-size:13.4px;
  line-height:1.47;
}
.hm-product-v3 .hm-card__body>*+*{margin-top:9px}

/* no auto-pushed CTA: content stays compact */
.hm-product-v3 .hm-card__cta{margin-top:10px}
.hm-product-v3 .hm-link{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  padding-bottom:2px;
  color:var(--hm-orange)!important;
  border-bottom:2px solid var(--hm-orange);
  text-decoration:none;
  font-size:12.2px;
  line-height:1.15;
  font-weight:800;
  white-space:nowrap;
}
.hm-product-v3 .hm-link:hover,
.hm-product-v3 .hm-link:focus-visible{
  color:var(--hm-orange-dark)!important;
  border-bottom-color:var(--hm-orange-dark);
  outline:none;
}

/* ---------- compact sales benefits ---------- */
.hm-product-v3 .hm-benefits{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
}
.hm-product-v3 .hm-benefit{
  display:grid;
  grid-template-columns:31px minmax(0,1fr);
  gap:8px;
  align-items:start;
  padding:9px;
  border:1px solid var(--hm-line);
  border-radius:var(--hm-radius-md);
  background:#fff;
}
.hm-product-v3 .hm-benefit .hm-iconbox{
  width:30px;height:30px;padding:5px;
}
.hm-product-v3 .hm-benefit strong{
  display:block;
  color:#24482b;
  font-size:12px;
  line-height:1.18;
}
.hm-product-v3 .hm-benefit span{
  display:block;
  margin-top:2px;
  color:#68746c;
  font-size:10.7px;
  line-height:1.28;
}

/* ---------- list primitives ---------- */
.hm-product-v3 .hm-checks,
.hm-product-v3 .hm-crosses,
.hm-product-v3 .hm-mini-list{list-style:none}
.hm-product-v3 .hm-checks li,
.hm-product-v3 .hm-crosses li,
.hm-product-v3 .hm-mini-list li{
  position:relative;
  padding-left:23px;
  color:#46564a;
}
.hm-product-v3 .hm-checks li+li,
.hm-product-v3 .hm-crosses li+li,
.hm-product-v3 .hm-mini-list li+li{margin-top:6px}
.hm-product-v3 .hm-checks li::before,
.hm-product-v3 .hm-crosses li::before,
.hm-product-v3 .hm-mini-list li::before{
  position:absolute;
  left:0;top:.1em;
  width:16px;height:16px;
  display:grid;place-items:center;
  border-radius:50%;
  font-size:10px;
  font-weight:900;
  line-height:1;
}
.hm-product-v3 .hm-checks li::before{content:"✓";color:#fff;background:#35a44f}
.hm-product-v3 .hm-crosses li::before{content:"×";color:#fff;background:var(--hm-red)}
.hm-product-v3 .hm-mini-list li::before{content:"•";color:var(--hm-green-800);background:#e7f0e3}

.hm-product-v3 .hm-note{
  padding:9px 10px;
  border-left:4px solid var(--hm-green-600);
  border-radius:8px;
  background:#f1f6ed;
  color:#46564a;
}
.hm-product-v3 .hm-note strong{color:#25472b}
.hm-product-v3 .hm-subnote{
  padding-top:9px;
  border-top:1px solid var(--hm-line);
  color:#657268;
  font-size:12.3px;
}

/* ---------- target/use map ---------- */
.hm-product-v3 .hm-target-groups{
  display:grid;
  gap:10px;
}
.hm-product-v3 .hm-target-group{
  display:grid;
  gap:6px;
}
.hm-product-v3 .hm-target-group__head{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
  color:var(--hm-green-900);
  font-size:12.3px;
  font-weight:800;
  line-height:1.25;
}
.hm-product-v3 .hm-label{
  display:inline-flex;
  align-items:center;
  padding:3px 7px;
  border-radius:999px;
  font-size:10px;
  font-weight:850;
  line-height:1.2;
}
.hm-product-v3 .hm-label--main{color:#245c2c;background:#e6f3e4}
.hm-product-v3 .hm-label--field{color:#744b00;background:#fff0c8}

.hm-product-v3 .hm-pests{
  display:grid;
  grid-template-columns:repeat(6,minmax(118px,1fr));
  gap:6px;
}
.hm-product-v3 .hm-pest{
  position:relative;
  min-width:0;
  min-height:104px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:3px;
  padding:8px 6px;
  border:1px solid #e0e8dc;
  border-radius:9px;
  text-align:center;
  background:#fff;
}
.hm-product-v3 .hm-pest--field{
  background:#fff9e8;
  border-color:#eedba4;
}
.hm-product-v3 .hm-pest img{
  width:48px;height:48px;
  object-fit:contain;
}
.hm-product-v3 .hm-pest strong{
  display:block;
  width:100%;
  font-size:11.5px;
  line-height:1.15;
  word-break:normal;
  overflow-wrap:normal;
  hyphens:none;
}
.hm-product-v3 .hm-pest--field::after{
  content:"HM saha";
  position:absolute;
  top:4px;right:4px;
  padding:1px 5px;
  border-radius:999px;
  color:#744b00;
  background:#fff0c8;
  font-size:7.5px;
  font-weight:850;
}

.hm-product-v3 .hm-places{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:6px;
}
.hm-product-v3 .hm-place{
  min-width:0;
  display:grid;
  grid-template-columns:26px minmax(0,1fr);
  gap:6px;
  align-items:center;
  padding:8px;
  border:1px solid #e0e8dc;
  border-radius:9px;
  background:#fff;
}
.hm-product-v3 .hm-place .hm-iconbox{
  width:25px;height:25px;padding:4px;background:#edf4e9;
}
.hm-product-v3 .hm-place strong{
  display:block;
  color:#29472f;
  font-size:11.5px;
  line-height:1.15;
}
.hm-product-v3 .hm-place small{
  display:block;
  margin-top:2px;
  color:#738078;
  font-size:9.5px;
  line-height:1.15;
}

/* ---------- comparison ---------- */
.hm-product-v3 .hm-compare{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
}
.hm-product-v3 .hm-compare__box{
  padding:10px;
  border:1px solid var(--hm-line);
  border-radius:9px;
  background:#fff;
}
.hm-product-v3 .hm-compare__box strong{
  display:block;
  color:#29492e;
  font-size:12.7px;
}
.hm-product-v3 .hm-compare__box span{
  display:block;
  margin-top:3px;
  color:#66736a;
  font-size:11.2px;
  line-height:1.35;
}

/* ---------- responsive folds ---------- */
.hm-product-v3 .hm-fold{
  margin:0;
  padding:0;
}
.hm-product-v3 .hm-fold>summary{
  cursor:default;
}
.hm-product-v3 .hm-fold__chev{
  display:none;
  margin-left:auto;
}
.hm-product-v3 .hm-fold__body{margin-top:9px}

/* ---------- application ---------- */
.hm-product-v3 .hm-app-steps{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px;
}
.hm-product-v3 .hm-app-step{
  position:relative;
  min-height:100px;
  padding:11px 9px 10px 42px;
  border:1px solid var(--hm-line);
  border-radius:9px;
  background:#fff;
}
.hm-product-v3 .hm-app-step__no{
  position:absolute;
  top:10px;left:10px;
  width:24px;height:24px;
  display:grid;place-items:center;
  border-radius:50%;
  color:#fff;
  background:#4d9c52;
  font-size:12px;
  font-weight:850;
}
.hm-product-v3 .hm-app-step strong{
  display:block;
  color:#29452e;
  font-size:11.9px;
}
.hm-product-v3 .hm-app-step span{
  display:block;
  margin-top:3px;
  color:#66736a;
  font-size:11.2px;
  line-height:1.26;
}

/* ---------- guide tiles ---------- */
.hm-product-v3 .hm-guides{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
}
.hm-product-v3 .hm-guide{
  padding:9px;
  border:1px solid var(--hm-line);
  border-radius:9px;
  background:#fff;
  text-decoration:none;
}
.hm-product-v3 .hm-guide strong{
  display:block;
  color:#2d4d32;
  font-size:11.9px;
}
.hm-product-v3 .hm-guide span{
  display:block;
  margin-top:3px;
  color:#69766e;
  font-size:10.6px;
  line-height:1.3;
}
.hm-product-v3 .hm-guide:hover strong{color:var(--hm-orange-dark)}

/* ---------- FAQ ---------- */
.hm-product-v3 .hm-faq details{
  border-top:1px solid #e2e9df;
}
.hm-product-v3 .hm-faq details:first-child{border-top:0}
.hm-product-v3 .hm-faq summary{
  position:relative;
  cursor:pointer;
  padding:9px 24px 9px 0;
  color:#304b35;
  font-size:12.2px;
  font-weight:800;
}
.hm-product-v3 .hm-faq summary::after{
  content:"+";
  position:absolute;
  top:50%;right:2px;
  transform:translateY(-50%);
  color:var(--hm-green-700);
  font-size:16px;
}
.hm-product-v3 .hm-faq details[open] summary::after{content:"−"}
.hm-product-v3 .hm-faq details p{
  padding:0 22px 9px 0;
  color:#657269;
  font-size:11.7px;
  line-height:1.4;
}

/* ---------- compact safety strip ---------- */
.hm-product-v3 .hm-safety{
  display:grid;
  grid-template-columns:40px minmax(220px,.9fr) repeat(3,minmax(0,1fr)) auto;
  gap:10px;
  align-items:center;
  margin:0 0 var(--hm-gap);
  padding:10px 12px;
  border:1px solid #e5dfc8;
  border-radius:var(--hm-radius-lg);
  background:linear-gradient(180deg,#fffdf8 0%,#fbfaf3 100%);
}
.hm-product-v3 .hm-safety>.hm-iconbox{
  width:38px;height:38px;padding:6px;background:var(--hm-warning);
}
.hm-product-v3 .hm-safety__intro strong{
  display:block;
  color:#314632;
  font-size:12.5px;
}
.hm-product-v3 .hm-safety__intro span{
  display:block;
  margin-top:2px;
  color:#6b746d;
  font-size:10.5px;
}
.hm-product-v3 .hm-safety__item{
  color:#536057;
  font-size:10.8px;
  line-height:1.25;
}
.hm-product-v3 .hm-safety__item::before{
  content:"•";
  margin-right:5px;
  color:var(--hm-green-700);
  font-weight:900;
}

/* ---------- end routes ---------- */
.hm-product-v3 .hm-endroutes{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--hm-gap);
}
.hm-product-v3 .hm-endroute{
  display:grid;
  grid-template-columns:38px minmax(0,1fr) 16px;
  gap:8px;
  align-items:center;
  min-height:68px;
  padding:10px;
  border:1px solid var(--hm-line);
  border-radius:var(--hm-radius-lg);
  background:#fff;
  text-decoration:none;
  box-shadow:0 3px 10px rgba(30,72,35,.035);
}
.hm-product-v3 .hm-endroute>.hm-iconbox{
  width:36px;height:36px;padding:6px;border-radius:10px;
}
.hm-product-v3 .hm-endroute strong{
  display:block;
  color:#2b4d31;
  font-size:12.2px;
}
.hm-product-v3 .hm-endroute span{
  display:block;
  margin-top:2px;
  color:#6d796f;
  font-size:10.4px;
}
.hm-product-v3 .hm-endroute__arrow{
  color:var(--hm-green-700);
  font-weight:900;
}

/* ---------- focus ---------- */
.hm-product-v3 a:focus-visible,
.hm-product-v3 summary:focus-visible{
  outline:3px solid rgba(240,90,22,.24);
  outline-offset:3px;
  border-radius:7px;
}

/* ============================================================
   TABLET
   ============================================================ */
@media (max-width:1080px){
  .hm-product-v3 .hm-intro{grid-template-columns:1fr}
  .hm-product-v3 .hm-intro__main::after{display:none}
  .hm-product-v3 .hm-intro__facts{padding-top:0}

  .hm-product-v3 .hm-pests{
    grid-template-columns:repeat(3,minmax(118px,1fr));
  }

  .hm-product-v3 .hm-band--3{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .hm-product-v3 .hm-band--3>:last-child{
    grid-column:1/-1;
  }

  .hm-product-v3 .hm-safety{
    grid-template-columns:40px minmax(200px,1fr) repeat(2,minmax(0,1fr));
  }
  .hm-product-v3 .hm-safety__item:nth-of-type(3){display:none}
  .hm-product-v3 .hm-safety .hm-link{grid-column:4}
}

/* ============================================================
   MOBILE — single-column main reading flow
   ============================================================ */
@media (max-width:760px){
  .hm-product-v3{
    --hm-gap:8px;
    --hm-pad:12px;
    --hm-radius-xl:13px;
    --hm-radius-lg:11px;
  }

  .hm-product-v3 [id]{scroll-margin-top:82px}

  .hm-product-v3 .hm-intro{
    display:block;
    margin-bottom:8px;
  }
  .hm-product-v3 .hm-intro__main{
    grid-template-columns:44px minmax(0,1fr);
    gap:9px;
    align-items:start;
    padding:14px 13px 12px;
  }
  .hm-product-v3 .hm-intro__seal{
    width:44px;height:44px;
  }
  .hm-product-v3 .hm-intro__seal img{
    width:26px;height:26px;
  }
  .hm-product-v3 .hm-intro h2{
    margin-bottom:5px;
    font-size:19px;
    line-height:1.24;
  }
  .hm-product-v3 .hm-intro__copy p{
    font-size:13.1px;
    line-height:1.46;
  }
  .hm-product-v3 .hm-intro__facts{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px 10px;
    padding:10px 13px 13px;
    border-top:1px solid rgba(255,255,255,.18);
  }
  .hm-product-v3 .hm-fact{
    grid-template-columns:34px minmax(0,1fr);
    gap:7px;
    align-items:start;
  }
  .hm-product-v3 .hm-fact .hm-iconbox{
    width:34px;height:34px;padding:6px;
  }
  .hm-product-v3 .hm-fact strong{font-size:11.7px}
  .hm-product-v3 .hm-fact span{font-size:9.8px;line-height:1.26}

  .hm-product-v3 .hm-nav{
    margin-bottom:8px;
    padding:6px 6px 4px;
    border-radius:12px;
  }
  .hm-product-v3 .hm-nav__link{
    min-height:31px;
    padding:7px 12px;
    font-size:11.5px;
  }

  /* main architecture: one column */
  .hm-product-v3 .hm-band,
  .hm-product-v3 .hm-band--1,
  .hm-product-v3 .hm-band--2,
  .hm-product-v3 .hm-band--3{
    grid-template-columns:1fr;
    gap:8px;
    margin-bottom:8px;
  }
  .hm-product-v3 .hm-band--3>:last-child{grid-column:auto}

  .hm-product-v3 .hm-card{
    width:100%;
    min-height:0;
    padding:12px;
  }
  .hm-product-v3 .hm-card__head{margin-bottom:8px}
  .hm-product-v3 .hm-card__icon{
    width:36px;height:36px;padding:6px;
  }
  .hm-product-v3 .hm-card__title h3{
    font-size:16px;
    line-height:1.22;
  }
  .hm-product-v3 .hm-card__title p{
    font-size:11.3px;
    line-height:1.28;
  }
  .hm-product-v3 .hm-card__body{
    font-size:13.1px;
    line-height:1.45;
  }

  .hm-product-v3 .hm-benefits{
    grid-template-columns:1fr;
    gap:6px;
  }
  .hm-product-v3 .hm-benefit{
    padding:8px;
  }

  /* small information tiles may remain multi-column */
  .hm-product-v3 .hm-pests{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:6px;
  }
  .hm-product-v3 .hm-pest{
    min-height:106px;
    padding:8px 4px;
  }
  .hm-product-v3 .hm-pest img{
    width:48px;height:48px;
  }
  .hm-product-v3 .hm-pest strong{
    font-size:11.3px;
  }
  .hm-product-v3 .hm-places{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px;
  }
  .hm-product-v3 .hm-compare{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  /* responsive folds */
  .hm-product-v3 .hm-fold>summary{
    cursor:pointer;
    min-height:42px;
  }
  .hm-product-v3 .hm-fold__chev{
    display:grid;
    place-items:center;
    width:26px;height:26px;
    flex:0 0 26px;
    border-radius:50%;
    color:#fff;
    background:#3f7d43;
    font-size:15px;
    font-weight:800;
    line-height:1;
  }
  .hm-product-v3 .hm-fold[open] .hm-fold__chev{
    transform:rotate(180deg);
  }
  .hm-product-v3 .hm-fold__body{
    margin-top:9px;
  }

  /* application: horizontal snap steps */
  .hm-product-v3 .hm-app-steps{
    display:flex;
    overflow-x:auto;
    gap:8px;
    margin:0 -2px;
    padding:2px 2px 5px;
    scroll-snap-type:x mandatory;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .hm-product-v3 .hm-app-steps::-webkit-scrollbar{display:none}
  .hm-product-v3 .hm-app-step{
    flex:0 0 82%;
    min-height:128px;
    padding:38px 12px 12px;
    scroll-snap-align:start;
  }
  .hm-product-v3 .hm-app-step__no{
    top:10px;left:12px;
  }
  .hm-product-v3 .hm-app-step strong{font-size:12.5px}
  .hm-product-v3 .hm-app-step span{font-size:11.5px;line-height:1.34}

  .hm-product-v3 .hm-guides{
    grid-template-columns:1fr;
    gap:6px;
  }

  .hm-product-v3 .hm-link{
    font-size:11.8px;
    white-space:nowrap;
  }

  /* compact safety remains visible */
  .hm-product-v3 .hm-safety{
    grid-template-columns:36px minmax(0,1fr);
    gap:8px;
    padding:10px;
  }
  .hm-product-v3 .hm-safety>.hm-iconbox{
    width:36px;height:36px;
  }
  .hm-product-v3 .hm-safety__item{
    grid-column:2;
  }
  .hm-product-v3 .hm-safety .hm-link{
    grid-column:2;
  }

  /* end routes become horizontal rail */
  .hm-product-v3 .hm-endroutes{
    display:flex;
    gap:8px;
    overflow-x:auto;
    padding:0 0 4px;
    scroll-snap-type:x mandatory;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .hm-product-v3 .hm-endroutes::-webkit-scrollbar{display:none}
  .hm-product-v3 .hm-endroute{
    flex:0 0 84%;
    min-height:70px;
    scroll-snap-align:start;
  }
}

@media (max-width:390px){
  .hm-product-v3 .hm-pests{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .hm-product-v3 .hm-intro__facts{
    grid-template-columns:1fr;
  }
}

@media (prefers-reduced-motion:reduce){
  .hm-product-v3 *,
  .hm-product-v3 *::before,
  .hm-product-v3 *::after{
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
    animation-duration:.01ms!important;
  }
}