{"product_id":"herby-food-grade-cockroach-repellent-kit","title":"Herby Food Grade Cockroach Repellent Kit","description":"\u003cstyle\u003e\n\/* ==========================================================\n   HERBY DIY COCKROACH REPELLENT\n========================================================== *\/\n\n.herby-diy-page,\n.herby-diy-page * {\n  box-sizing: border-box;\n}\n\n.herby-diy-page {\n  --green: #173f2b;\n  --green-2: #3f714d;\n  --green-3: #6e9873;\n  --light-green: #e8f3e6;\n  --soft-green: #f4f8f2;\n  --card: #f8fbf6;\n  --border: #d6e7d4;\n  --text: #333333;\n  --muted: #5d675f;\n  --cream: #fff8e7;\n  --cream-border: #ead89c;\n\n  width: 100%;\n  color: var(--text);\n  font-family: inherit;\n}\n\n.herby-diy-container {\n  width: 100%;\n  max-width: 1300px;\n  margin: 0 auto;\n  padding: 0 20px;\n}\n\n.herby-diy-section {\n  margin-top: 70px;\n}\n\n.herby-diy-page h2,\n.herby-diy-page h3,\n.herby-diy-page h4 {\n  font-family: \"Alegreya\", serif;\n}\n\n.herby-diy-page p {\n  margin-top: 0;\n}\n\n\n\/* ==========================================================\n   SECTION 1 — SACRED KITCHEN INTRO\n========================================================== *\/\n.herby-intro {\n  display: grid;\n  grid-template-columns: 48% 52%;\n  align-items: stretch;\n  overflow: hidden;\n  background: #4A2F24;\n  border: 1px solid #4A2F24;\n  border-radius: 14px;\n}\n.herby-intro-image {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 0;\n  background: #241a14;\n  overflow: hidden;\n}\n.herby-intro-image img {\n  display: block;\n  width: 100%;\n  height: 100%;\n  min-height: 100%;\n  max-width: 100%;\n  object-fit: cover;\n  object-position: center;\n}\n.herby-intro-content {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  padding: 48px 52px;\n}\n.herby-intro-content p {\n  margin: 0;\n  color: #ffffff;\n  font-size: 16px;\n  line-height: 1.75;\n}\n.herby-intro-content p + p {\n  margin-top: 18px;\n}\n@media (max-width: 1024px) {\n  .herby-intro { grid-template-columns: 46% 54%; }\n  .herby-intro-content { padding: 38px 36px; }\n}\n@media (max-width: 767px) {\n  .herby-intro { grid-template-columns: 1fr; }\n  .herby-intro-image { background: #241a14; }\n  .herby-intro-image img { width: 100%; height: auto; min-height: 0; object-fit: cover; object-position: center; }\n  .herby-intro-content { padding: 28px 22px 30px; }\n  .herby-intro-content p { font-size: 14.5px; line-height: 1.7; }\n}\n\n\n\/* ==========================================================\n   SECTION 2 — PROBLEM\n========================================================== *\/\n\n.herby-problem {\n  display: grid;\n  grid-template-columns: 58% 42%;\n  min-height: 0;\n  align-items: stretch;\n  overflow: hidden;\n  background: var(--card);\n  border: 1px solid var(--border);\n  border-radius: 14px;\n}\n\n.herby-problem-content {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  padding: 48px 50px 48px 50px;\n}\n\n.herby-problem-label {\n  display: inline-flex;\n  align-items: center;\n  gap: 9px;\n  width: max-content;\n  margin-bottom: 18px;\n  color: var(--green-2);\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 1.4px;\n  text-transform: uppercase;\n}\n\n\n.herby-problem h2 {\n  max-width: 650px;\n  margin: 0 0 22px;\n  color: var(--green);\n  font-size: 43px;\n  line-height: 1.08;\n}\n\n.herby-problem p {\n  max-width: 720px;\n  margin: 0;\n  color: var(--muted);\n  font-size: 16px;\n  line-height: 1.75;\n}\n\n.herby-problem-image {\n  position: relative;\n  width: 100%;\n  min-height: 0;\n  aspect-ratio: 4 \/ 3;\n  overflow: hidden;\n  background: var(--light-green);\n}\n\n.herby-problem-image img {\n  position: absolute;\n  inset: 0;\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n}\n\n\n\/* ==========================================================\n   SECTION 3 — VALUE\n========================================================== *\/\n\n.herby-value {\n  overflow: hidden;\n  background: var(--green);\n  border-radius: 14px;\n  color: #ffffff;\n}\n\n.herby-value-main {\n  max-width: 1000px;\n  margin: 0 auto;\n  padding: 55px 45px 45px;\n  text-align: center;\n}\n\n.herby-value-label {\n  display: inline-block;\n  margin-bottom: 12px;\n  color: #cfe1ca;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 1.4px;\n  text-transform: uppercase;\n}\n\n.herby-value h2 {\n  margin: 0 0 20px;\n  color: #ffffff;\n  font-size: 42px;\n  line-height: 1.1;\n}\n\n.herby-value-main p {\n  max-width: 900px;\n  margin: 0 auto;\n  color: rgba(255,255,255,.82);\n  font-size: 16px;\n  line-height: 1.75;\n}\n\n\n\/* SECTION 3 FEATURES *\/\n\n.herby-value-strip {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  border-top: 1px solid rgba(255,255,255,.14);\n}\n\n.herby-value-feature {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 13px;\n  min-height: 92px;\n  padding: 20px 25px;\n}\n\n.herby-value-feature:not(:last-child) {\n  border-right: 1px solid rgba(255,255,255,.14);\n}\n\n.herby-value-icon {\n  flex: 0 0 42px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 42px;\n  height: 42px;\n  border: 1px solid rgba(255,255,255,.32);\n  border-radius: 50%;\n}\n\n.herby-value-icon svg {\n  width: 21px;\n  height: 21px;\n  fill: none;\n  stroke: #ffffff;\n  stroke-width: 1.8;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.herby-value-feature span:last-child {\n  color: #ffffff;\n  font-size: 15px;\n  font-weight: 600;\n}\n\n\n\/* ==========================================================\n   SECTION 4 — WHERE TO USE\n========================================================== *\/\n\n.herby-where-header {\n  max-width: 900px;\n  margin: 0 auto 38px;\n  text-align: center;\n}\n\n.herby-where-label {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  margin-bottom: 12px;\n  color: #795548;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n}\n\n.herby-where-label::before,\n.herby-where-label::after {\n  content: \"\";\n  width: 26px;\n  height: 1px;\n  background: #795548;\n}\n\n.herby-where-header h2 {\n  margin: 0 0 16px;\n  color: var(--green);\n  font-size: 40px;\n  line-height: 1.15;\n}\n\n.herby-where-header p {\n  margin: 0;\n  color: var(--muted);\n  font-size: 16px;\n  line-height: 1.75;\n}\n\n\n\/* ==========================================================\n   DESKTOP SLIDER\n========================================================== *\/\n\n.herby-where-slider {\n  position: relative;\n  width: 100%;\n  padding: 0 30px;\n}\n\n.herby-where-viewport {\n  width: 100%;\n  overflow: hidden;\n  padding: 8px 2px 18px;\n}\n\n.herby-where-track {\n  display: flex;\n  align-items: stretch;\n  gap: 20px;\n  width: 100%;\n  transition: transform .5s cubic-bezier(.22,.61,.36,1);\n  will-change: transform;\n}\n\n\n\/* ==========================================================\n   WHERE TO USE CARD\n========================================================== *\/\n\n.herby-where-card {\n  position: relative;\n\n  flex: 0 0 calc((100% - 40px) \/ 3);\n\n  min-width: 0;\n  min-height: 365px;\n\n  display: flex;\n  flex-direction: column;\n\n  overflow: hidden;\n\n  background: #ffffff;\n\n  border: 1px solid #dce8da;\n  border-radius: 18px;\n\n  box-shadow:\n    0 3px 12px rgba(23,63,43,.035);\n\n  transition:\n    transform .3s ease,\n    box-shadow .3s ease,\n    border-color .3s ease;\n}\n\n\n\/* TOP LINE *\/\n\n.herby-where-card::before {\n  content: \"\";\n\n  position: absolute;\n  top: 0;\n  left: 0;\n\n  width: 100%;\n  height: 4px;\n\n  background: #795548;\n\n  z-index: 2;\n}\n\n\n.herby-where-card:hover {\n  transform: translateY(-5px);\n\n  border-color: #b7cfb4;\n\n  box-shadow:\n    0 18px 38px rgba(23,63,43,.09);\n}\n\n\n\/* ==========================================================\n   CARD HEADER\n========================================================== *\/\n\n.herby-card-header {\n  position: relative;\n\n  min-height: 115px;\n\n  display: flex;\n  align-items: center;\n\n  padding: 30px 28px 25px;\n\n  background: #FFF8E7;\n\n  border-bottom: 1px solid rgba(121,85,72,.18);\n}\n\n\n.herby-card-header::after {\n  content: \"\";\n\n  position: absolute;\n\n  top: -35px;\n  right: -35px;\n\n  width: 105px;\n  height: 105px;\n\n  border: 1px solid rgba(121,85,72,.12);\n  border-radius: 50%;\n}\n\n\n.herby-card-header h3 {\n  position: relative;\n  z-index: 2;\n\n  max-width: 92%;\n\n  margin: 0;\n\n  color: var(--green);\n\n  font-size: 25px;\n  font-weight: 700;\n  line-height: 1.18;\n}\n\n\n\/* ==========================================================\n   INNER TITLES\n========================================================== *\/\n\n.herby-card-list {\n  flex: 1;\n\n  display: flex;\n  flex-direction: column;\n\n  gap: 10px;\n\n  margin: 0;\n  padding: 20px;\n\n  list-style: none;\n}\n\n\n.herby-card-list li {\n  position: relative;\n\n  display: flex;\n  align-items: center;\n\n  min-height: 54px;\n\n  margin: 0;\n\n  padding: 13px 15px 13px 42px;\n\n  background: #f7faf6;\n\n  border: 1px solid #e3ece1;\n  border-radius: 10px;\n\n  color: #274c35;\n\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 1.4;\n\n  transition:\n    background .25s ease,\n    border-color .25s ease,\n    transform .25s ease;\n}\n\n\n.herby-card-list li::before {\n  content: \"\";\n\n  position: absolute;\n\n  left: 17px;\n\n  width: 8px;\n  height: 8px;\n\n  background: var(--green-2);\n\n  border-radius: 50%;\n\n  box-shadow:\n    0 0 0 4px rgba(63,113,77,.09);\n}\n\n\n.herby-card-list li:hover {\n  background: #eef6ec;\n  border-color: #cbdcc8;\n  transform: translateX(2px);\n}\n\n\n\/* ==========================================================\n   DESKTOP SLIDER ARROWS\n========================================================== *\/\n\n.herby-slider-arrow {\n  position: absolute;\n\n  top: 50%;\n  z-index: 20;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 46px;\n  height: 46px;\n\n  margin: 0;\n  padding: 0;\n\n  background: #ffffff;\n\n  border: 1px solid #d2e0d0;\n  border-radius: 50%;\n\n  color: var(--green);\n\n  cursor: pointer;\n\n  transform: translateY(-50%);\n\n  box-shadow:\n    0 5px 18px rgba(23,63,43,.12);\n\n  transition:\n    background .25s ease,\n    border-color .25s ease,\n    color .25s ease,\n    box-shadow .25s ease;\n}\n\n.herby-slider-prev {\n  left: 7px;\n}\n\n.herby-slider-next {\n  right: 7px;\n}\n\n.herby-slider-arrow svg {\n  width: 19px;\n  height: 19px;\n\n  fill: none;\n  stroke: currentColor;\n\n  stroke-width: 2;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.herby-slider-arrow:hover {\n  background: var(--green);\n  border-color: var(--green);\n  color: #ffffff;\n\n  box-shadow:\n    0 7px 20px rgba(23,63,43,.18);\n}\n\n\n\/* ==========================================================\n   SECTION 6 — TESTIMONIALS\n========================================================== *\/\n\n.herby-testimonial-heading {\n  margin-bottom: 30px;\n  text-align: center;\n}\n\n.herby-testimonial-heading h2 {\n  margin: 0;\n  color: var(--green);\n  font-size: 40px;\n}\n\n.herby-testimonial-slider {\n  position: relative;\n  width: 100%;\n}\n\n.herby-testimonial-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 18px;\n  width: 100%;\n}\n\n.herby-testimonial-arrow {\n  display: none;\n  position: absolute;\n  top: 50%;\n  z-index: 20;\n  align-items: center;\n  justify-content: center;\n  width: 38px;\n  height: 38px;\n  margin: 0;\n  padding: 0;\n  background: #ffffff;\n  border: 1px solid #d2e0d0;\n  border-radius: 50%;\n  color: var(--green);\n  cursor: pointer;\n  transform: translateY(-50%);\n  box-shadow: 0 4px 14px rgba(23,63,43,.14);\n}\n\n.herby-testimonial-arrow svg {\n  width: 17px;\n  height: 17px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 2;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.herby-testimonial-prev { left: -5px; }\n.herby-testimonial-next { right: -5px; }\n\n.herby-testimonial-card {\n  position: relative;\n\n  padding: 30px;\n\n  background: var(--card);\n\n  border: 1px solid var(--border);\n  border-radius: 12px;\n}\n\n.herby-testimonial-quote {\n  margin-bottom: 15px;\n\n  color: var(--green);\n\n  font-family: Georgia, serif;\n  font-size: 42px;\n  line-height: .7;\n}\n\n.herby-testimonial-stars {\n  margin-bottom: 14px;\n\n  color: #c59b39;\n\n  font-size: 14px;\n  letter-spacing: 2px;\n}\n\n.herby-testimonial-card p {\n  margin: 0;\n\n  color: var(--muted);\n\n  font-size: 15px;\n  line-height: 1.7;\n}\n\n.herby-testimonial-name {\n  margin-top: 18px;\n  color: var(--green);\n  font-size: 18px;\n  font-weight: 700;\n  line-height: 1.25;\n  letter-spacing: .1px;\n}\n\n\n\/* ==========================================================\n   SECTION 8 — PRO TIP\n========================================================== *\/\n\n.herby-protip {\n  display: grid;\n  grid-template-columns: auto 1fr;\n\n  gap: 24px;\n\n  align-items: flex-start;\n\n  overflow: hidden;\n\n  padding: 32px 35px;\n\n  background: var(--cream);\n\n  border: 1px solid var(--cream-border);\n  border-radius: 14px;\n}\n\n.herby-protip-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 52px;\n  height: 52px;\n\n  background: #ffffff;\n\n  border: 1px solid var(--cream-border);\n  border-radius: 50%;\n}\n\n.herby-protip-icon svg {\n  width: 25px;\n  height: 25px;\n\n  fill: none;\n\n  stroke: #8b7025;\n\n  stroke-width: 1.8;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.herby-protip h3 {\n  margin: 0 0 9px;\n\n  color: #6f591d;\n\n  font-size: 25px;\n}\n\n.herby-protip p {\n  margin: 0;\n\n  color: #625b46;\n\n  font-size: 15px;\n  line-height: 1.7;\n}\n\n\n\/* ==========================================================\n   TABLET\n   STILL SLIDER — 2 CARDS\n========================================================== *\/\n\n@media (max-width: 1024px) {\n\n  .herby-problem {\n    grid-template-columns: 56% 44%;\n  }\n\n  .herby-problem-content {\n    padding: 40px;\n  }\n\n  .herby-problem h2 {\n    font-size: 36px;\n  }\n\n  .herby-where-card {\n    flex-basis: calc((100% - 20px) \/ 2);\n  }\n\n  .herby-testimonial-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n}\n\n\n\/* ==========================================================\n   MOBILE\n   IMPORTANT:\n   NO SLIDER\n   ALL CARDS ONE BELOW ANOTHER\n========================================================== *\/\n\n@media (max-width: 767px) {\n\n  .herby-diy-container {\n    padding: 0 14px;\n  }\n\n  .herby-diy-section {\n    margin-top: 45px;\n  }\n\n\n  \/* ========================================================\n     SECTION 2\n  ======================================================== *\/\n\n  .herby-problem {\n    grid-template-columns: 1fr;\n  }\n\n  .herby-problem-content {\n    padding: 30px 24px;\n  }\n\n  .herby-problem h2 {\n    font-size: 31px;\n  }\n\n  .herby-problem-image {\n    width: 100%;\n    min-height: 0;\n    aspect-ratio: 4 \/ 3;\n  }\n\n  .herby-problem-image img {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n  }\n\n\n  \/* ========================================================\n     SECTION 3\n  ======================================================== *\/\n\n  .herby-value-main {\n    padding: 35px 23px 30px;\n  }\n\n  .herby-value h2 {\n    font-size: 31px;\n  }\n\n  .herby-value-strip {\n    grid-template-columns: 1fr;\n  }\n\n  .herby-value-feature {\n    justify-content: flex-start;\n\n    min-height: 75px;\n\n    padding: 16px 24px;\n  }\n\n  .herby-value-feature:not(:last-child) {\n    border-right: 0;\n\n    border-bottom:\n      1px solid rgba(255,255,255,.14);\n  }\n\n\n  \/* ========================================================\n     SECTION 4 HEADING\n  ======================================================== *\/\n\n  .herby-where-header {\n    margin-bottom: 25px;\n  }\n\n  .herby-where-header h2 {\n    font-size: 31px;\n  }\n\n  .herby-where-header p {\n    font-size: 15px;\n    line-height: 1.65;\n  }\n\n\n  \/* ========================================================\n     REMOVE SLIDER BEHAVIOUR COMPLETELY\n  ======================================================== *\/\n\n  .herby-where-slider {\n    padding: 0;\n  }\n\n\n  .herby-where-viewport {\n    width: 100%;\n\n    overflow: visible;\n\n    padding: 0;\n  }\n\n\n  .herby-where-track {\n    display: flex;\n\n    flex-direction: column;\n\n    width: 100%;\n\n    gap: 16px;\n\n    transform: none !important;\n\n    transition: none !important;\n  }\n\n\n  \/* ========================================================\n     MOBILE CARDS\n     ONE BELOW ANOTHER\n  ======================================================== *\/\n\n  .herby-where-card {\n    flex: none;\n\n    width: 100%;\n\n    min-height: 0;\n\n    transform: none;\n  }\n\n\n  .herby-where-card:hover {\n    transform: none;\n  }\n\n\n  \/* CARD HEADER *\/\n\n  .herby-card-header {\n    min-height: 0;\n\n    padding: 24px 22px 20px;\n  }\n\n\n  .herby-card-header h3 {\n    max-width: 90%;\n\n    font-size: 23px;\n    line-height: 1.2;\n  }\n\n\n  \/* CARD ITEMS *\/\n\n  .herby-card-list {\n    padding: 16px;\n\n    gap: 9px;\n  }\n\n\n  .herby-card-list li {\n    min-height: 51px;\n\n    padding:\n      12px 13px\n      12px 39px;\n\n    font-size: 14px;\n  }\n\n\n  .herby-card-list li::before {\n    left: 15px;\n  }\n\n\n  \/* ========================================================\n     HIDE SLIDER ARROWS ON MOBILE\n  ======================================================== *\/\n\n  .herby-slider-arrow {\n    display: none !important;\n  }\n\n\n  \/* ========================================================\n     TESTIMONIALS\n  ======================================================== *\/\n\n  .herby-testimonial-heading h2 {\n    font-size: 31px;\n  }\n\n  .herby-testimonial-slider {\n    position: relative;\n    width: 100%;\n    padding: 0 20px;\n  }\n\n  .herby-testimonial-grid {\n    display: flex;\n    width: 100%;\n    gap: 0;\n    overflow-x: auto;\n    overflow-y: hidden;\n    scroll-snap-type: x mandatory;\n    scroll-behavior: smooth;\n    -webkit-overflow-scrolling: touch;\n    scrollbar-width: none;\n    padding: 0;\n    margin: 0;\n  }\n\n  .herby-testimonial-grid::-webkit-scrollbar { display: none; }\n\n  .herby-testimonial-card {\n    flex: 0 0 100%;\n    width: 100%;\n    min-width: 100%;\n    scroll-snap-align: start;\n    scroll-snap-stop: always;\n    margin: 0;\n    padding: 27px 24px;\n  }\n\n  .herby-testimonial-arrow { display: flex; }\n  .herby-testimonial-prev { left: 0; }\n  .herby-testimonial-next { right: 0; }\n\n\n  \/* ========================================================\n     PRO TIP\n  ======================================================== *\/\n\n  .herby-protip {\n    grid-template-columns: 1fr;\n\n    gap: 15px;\n\n    padding: 25px 22px;\n  }\n\n}\n\n\n\/* ==========================================================\n   SMALL MOBILE\n========================================================== *\/\n\n@media (max-width: 480px) {\n\n  .herby-diy-container {\n    padding: 0 12px;\n  }\n\n  .herby-card-header h3 {\n    font-size: 21px;\n  }\n\n  .herby-card-list li {\n    font-size: 13.5px;\n  }\n\n}\n\n\n\/* ==========================================================\n   SECTION 5 — HOW TO \/ EXPERIENCE\n========================================================== *\/\n.herby-how-header{max-width:900px;margin:0 auto 38px;text-align:center}.herby-how-label{display:inline-flex;align-items:center;gap:10px;margin-bottom:13px;color:var(--green-2);font-size:12px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase}.herby-how-label::before,.herby-how-label::after{content:\"\";width:25px;height:1px;background:var(--green-3)}.herby-how-header h2{margin:0 0 17px;color:var(--green);font-size:42px;line-height:1.1}.herby-how-header p{max-width:820px;margin:0 auto;color:var(--muted);font-size:16px;line-height:1.75}.herby-how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:38px}.herby-how-step{position:relative;padding:0 25px 30px;text-align:center;background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.herby-how-step:hover{transform:translateY(-4px);border-color:#bad1b7;box-shadow:0 15px 32px rgba(23,63,43,.07)}.herby-how-number{display:inline-flex;align-items:center;justify-content:center;min-width:68px;height:27px;margin-bottom:21px;background:var(--green);border-radius:0 0 9px 9px;color:#fff;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.herby-how-icon{display:flex;align-items:center;justify-content:center;width:74px;height:74px;margin:0 auto 22px;background:var(--light-green);border:1px solid #cfe0cc;border-radius:50%;color:var(--green)}.herby-how-icon svg{width:35px;height:35px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.herby-how-step h3{margin:0 0 12px;color:var(--green);font-size:25px;line-height:1.2}.herby-how-step p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.7}\n\n\/* ==========================================================\n   SECTION 7 — INGREDIENTS \u0026 SAFETY — PREMIUM REDESIGN\n========================================================== *\/\n.herby-safety{position:relative;display:grid;grid-template-columns:44% 56%;min-height:470px;overflow:hidden;background:linear-gradient(135deg,#123c29 0%,#194a32 55%,#1d5037 100%);border-radius:20px;box-shadow:0 18px 45px rgba(18,60,41,.08)}\n.herby-safety::before{content:\"\";position:absolute;width:380px;height:380px;left:-150px;bottom:-200px;border:1px solid rgba(255,255,255,.05);border-radius:50%;pointer-events:none}\n.herby-safety::after{content:\"\";position:absolute;width:250px;height:250px;right:-100px;top:-130px;border:1px solid rgba(255,255,255,.05);border-radius:50%;pointer-events:none}\n.herby-safety-visual{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;min-height:470px;padding:55px 45px;border-right:1px solid rgba(255,255,255,.10)}\n.herby-safety-icon-grid{position:relative;display:grid;grid-template-columns:repeat(2,145px);gap:14px}\n.herby-safety-icon-grid::before{content:\"\";position:absolute;width:180px;height:180px;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid rgba(216,234,212,.07);border-radius:50%;pointer-events:none}\n.herby-safety-icon-card{position:relative;z-index:2;min-height:145px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px 14px;text-align:center;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.13);border-radius:18px;backdrop-filter:blur(8px);transition:transform .3s ease,background .3s ease,border-color .3s ease}\n.herby-safety-icon-card:hover{transform:translateY(-4px);background:rgba(255,255,255,.085);border-color:rgba(216,234,212,.30)}\n.herby-safety-icon{display:flex;align-items:center;justify-content:center;width:58px;height:58px;background:rgba(216,234,212,.09);border:1px solid rgba(216,234,212,.24);border-radius:50%;color:#dcebd8}\n.herby-safety-icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}\n.herby-safety-icon-card span{color:rgba(255,255,255,.91);font-size:12px;font-weight:600;line-height:1.3}\n.herby-safety-content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:58px 60px}\n.herby-safety-label{display:inline-flex;align-items:center;gap:10px;width:max-content;margin-bottom:17px;color:#c4dda9;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}\n.herby-safety-label::before{content:\"\";width:30px;height:1px;background:#a9ca8c}\n.herby-safety h2{max-width:650px;margin:0 0 21px;color:#fff;font-size:41px;line-height:1.08;letter-spacing:-.3px}\n.herby-safety-content\u003ep{max-width:690px;margin:0;color:rgba(255,255,255,.78);font-size:15.5px;line-height:1.75}\n.herby-safety-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:580px;margin-top:28px}\n.herby-safety-point{display:flex;align-items:center;gap:11px;min-height:52px;padding:10px 13px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);border-radius:12px;color:#fff;font-size:13px;font-weight:600}\n.herby-safety-check{flex:0 0 28px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#dcebd8;border-radius:50%;color:#173f2b}\n.herby-safety-check svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}\n@media(max-width:1024px){.herby-how-header h2{font-size:36px}.herby-how-step{padding-left:18px;padding-right:18px}.herby-safety{grid-template-columns:42% 58%}.herby-safety-visual{padding:40px 25px}.herby-safety-icon-grid{grid-template-columns:repeat(2,125px);gap:10px}.herby-safety-icon-card{min-height:125px;padding:16px 10px}.herby-safety-content{padding:45px 35px}.herby-safety h2{font-size:34px}}\n@media(max-width:767px){.herby-how-header{margin-bottom:27px}.herby-how-header h2{font-size:31px}.herby-how-header p{font-size:15px;line-height:1.65}.herby-how-grid{grid-template-columns:1fr;gap:15px;margin-top:28px}.herby-how-step{padding:0 22px 26px}.herby-how-icon{width:67px;height:67px;margin-bottom:18px}.herby-how-icon svg{width:31px;height:31px}.herby-how-step h3{font-size:23px}.herby-safety{grid-template-columns:1fr;min-height:0;border-radius:16px}.herby-safety-visual{min-height:0;padding:30px 20px;border-right:0;border-bottom:1px solid rgba(255,255,255,.10)}.herby-safety-icon-grid{width:100%;grid-template-columns:repeat(2,1fr);gap:10px}.herby-safety-icon-card{min-height:125px;padding:17px 10px}.herby-safety-icon{width:52px;height:52px}.herby-safety-icon svg{width:26px;height:26px}.herby-safety-content{padding:31px 22px 34px}.herby-safety-label{margin-bottom:13px;font-size:11px}.herby-safety h2{margin-bottom:17px;font-size:29px;line-height:1.1}.herby-safety-content\u003ep{font-size:14.5px;line-height:1.7}.herby-safety-points{grid-template-columns:1fr;gap:8px;margin-top:23px}.herby-safety-point{min-height:48px}}\n\n\n\/* ==========================================================\n   SECTION 7 — ICON-ONLY FINAL OVERRIDES\n========================================================== *\/\n.herby-safety--icons-only .herby-safety-visual{padding:52px 46px;}\n.herby-safety--icons-only .herby-safety-icon-grid{grid-template-columns:repeat(2,150px);gap:16px;}\n.herby-safety--icons-only .herby-safety-icon-card{min-height:150px;padding:20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.15);border-radius:24px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);}\n.herby-safety--icons-only .herby-safety-icon-card:hover{transform:translateY(-4px);background:rgba(255,255,255,.095);border-color:rgba(216,234,212,.30);box-shadow:0 16px 30px rgba(0,0,0,.10);}\n.herby-safety--icons-only .herby-safety-icon{width:82px;height:82px;background:rgba(216,234,212,.10);border:1px solid rgba(216,234,212,.30);box-shadow:inset 0 0 0 9px rgba(255,255,255,.018);}\n.herby-safety--icons-only .herby-safety-icon svg{width:38px;height:38px;stroke-width:1.55;}\n.herby-safety--icons-only .herby-safety-content{padding:64px 66px;}\n.herby-safety--icons-only .herby-safety-content\u003ep{max-width:700px;}\n@media(max-width:1024px){.herby-safety--icons-only .herby-safety-icon-grid{grid-template-columns:repeat(2,125px);gap:12px}.herby-safety--icons-only .herby-safety-icon-card{min-height:125px}.herby-safety--icons-only .herby-safety-icon{width:70px;height:70px}.herby-safety--icons-only .herby-safety-icon svg{width:33px;height:33px}.herby-safety--icons-only .herby-safety-content{padding:45px 38px}}\n@media(max-width:767px){.herby-safety--icons-only .herby-safety-visual{padding:28px 20px}.herby-safety--icons-only .herby-safety-icon-grid{width:100%;grid-template-columns:repeat(4,1fr);gap:8px}.herby-safety--icons-only .herby-safety-icon-card{min-height:82px;padding:8px;border-radius:16px}.herby-safety--icons-only .herby-safety-icon{width:54px;height:54px}.herby-safety--icons-only .herby-safety-icon svg{width:26px;height:26px}.herby-safety--icons-only .herby-safety-content{padding:31px 22px 35px}}\n\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"herby-diy-page\"\u003e\n\n\n\u003c!-- ==========================================================\n     SECTION 1 — SACRED KITCHEN INTRO\n     IMAGE LEFT \/ EXACT USER TEXT RIGHT\n========================================================== --\u003e\n\u003csection class=\"herby-diy-section\"\u003e\n  \u003cdiv class=\"herby-diy-container\"\u003e\n    \u003cdiv class=\"herby-intro\"\u003e\n      \u003cdiv class=\"herby-intro-image\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0762\/4527\/0780\/files\/Asset_41_copy_jpg.jpg?v=1790143824\" alt=\"Sacred kitchen and food\" loading=\"lazy\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"herby-intro-content\"\u003e\n        \u003cp\u003eIn our culture, the kitchen is not just a room; it is a sacred space, and the food prepared within it is treated with profound reverence. Yet, for decades, the pest control industry has asked us to compromise this sanctity by spraying harsh chemical neurotoxins and synthetic propellants right next to our plates, grains, and utensils.\u003c\/p\u003e\n        \u003cp\u003eHerby was born from a simple realization: using poisons to protect our food is a fundamental disrespect to the food itself. We created the Herby DIY Cockroach Repellent Kit to honor the ancient vow of purity. By using 100% culinary-grade botanical extracts, we ensure your sacred spaces remain completely protected, entirely chemical-free, and profoundly pure.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\n\u003c!-- ==========================================================\n     SECTION 2 — THE PROBLEM\n========================================================== --\u003e\n\n\u003csection class=\"herby-diy-section\"\u003e\n\u003cdiv class=\"herby-diy-container\"\u003e\n\n  \u003cdiv class=\"herby-problem\"\u003e\n\n    \u003cdiv class=\"herby-problem-content\"\u003e\n\n      \u003cspan class=\"herby-problem-label\"\u003e\n        The Problem\n      \u003c\/span\u003e\n\n      \u003ch2\u003e\n        What happens in your kitchen when the lights go out?\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        The real trauma of a cockroach problem isn't just seeing them—it's\n        knowing they are crawling over your clean dishes, countertops, and\n        food storage while the house is asleep. But treating your most\n        intimate culinary spaces with harsh, synthetic poisons creates a\n        dangerous cross-contamination risk. You shouldn't have to choose\n        between pests and toxic chemical residue.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"herby-problem-image\"\u003e\n\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0762\/4527\/0780\/files\/hit_and_mosquito.webp?v=1790140218\" alt=\"Cockroach problem in kitchen\"\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\n\n\u003c!-- ==========================================================\n     SECTION 3 — THE VALUE\n========================================================== --\u003e\n\n\u003csection class=\"herby-diy-section\"\u003e\n\u003cdiv class=\"herby-diy-container\"\u003e\n\n  \u003cdiv class=\"herby-value\"\u003e\n\n    \u003cdiv class=\"herby-value-main\"\u003e\n\n      \u003cspan class=\"herby-value-label\"\u003e\n        The Value\n      \u003c\/span\u003e\n\n      \u003ch2\u003e\n        The Exterminator Unlocked.\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        Standard store-bought cockroach sprays are up to 95% water and\n        synthetic propellants. We are changing the industry by handing the\n        raw power directly to you. The Herby DIY Kit delivers a pure,\n        uncompromised botanical concentrate. By mixing it at home, you\n        unlock heavy-duty, professional-grade repelling power that is\n        entirely formulated from food-safe botanicals.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"herby-value-strip\"\u003e\n\n\n      \u003c!-- NO PROPELLANTS --\u003e\n\n      \u003cdiv class=\"herby-value-feature\"\u003e\n\n        \u003cspan class=\"herby-value-icon\"\u003e\n\n          \u003csvg viewbox=\"0 0 24 24\"\u003e\n            \u003cpath d=\"M8 8h8v11H8z\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M10 8V5h4v3\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M9 5h6\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M16 10l4-4\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M4 4l16 16\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n\n        \u003c\/span\u003e\n\n        \u003cspan\u003eNo Propellants\u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n\n      \u003c!-- NO NEUROTOXINS --\u003e\n\n      \u003cdiv class=\"herby-value-feature\"\u003e\n\n        \u003cspan class=\"herby-value-icon\"\u003e\n\n          \u003csvg viewbox=\"0 0 24 24\"\u003e\n            \u003cpath d=\"M12 3c-3 0-5 2-5 5 0 1 .3 1.9.8 2.7C6.7 11.5 6 12.7 6 14c0 2.2 1.8 4 4 4h4c2.2 0 4-1.8 4-4 0-1.3-.7-2.5-1.8-3.3.5-.8.8-1.7.8-2.7 0-3-2-5-5-5z\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M12 3v15\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M4 4l16 16\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n\n        \u003c\/span\u003e\n\n        \u003cspan\u003eNo Neurotoxins\u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n\n      \u003c!-- NO CHEMICAL RESIDUE --\u003e\n\n      \u003cdiv class=\"herby-value-feature\"\u003e\n\n        \u003cspan class=\"herby-value-icon\"\u003e\n\n          \u003csvg viewbox=\"0 0 24 24\"\u003e\n            \u003cpath d=\"M10 3h4\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M11 3v5l-5 9a2 2 0 0 0 1.7 3h8.6a2 2 0 0 0 1.7-3l-5-9V3\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M8 15h8\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M4 4l16 16\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n\n        \u003c\/span\u003e\n\n        \u003cspan\u003eNo Chemical Residue\u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\n\n\u003c!-- ==========================================================\n     SECTION 4 — WHERE TO USE\n========================================================== --\u003e\n\n\u003csection class=\"herby-diy-section\"\u003e\n\u003cdiv class=\"herby-diy-container\"\u003e\n\n\n  \u003cdiv class=\"herby-where-header\"\u003e\n\n    \u003cspan class=\"herby-where-label\"\u003eWhere to Use\u003c\/span\u003e\n\n    \u003ch2\u003e\n      Complete Protection, Zero Compromise\n    \u003c\/h2\u003e\n\n    \u003cp\u003e\n      Because the Herby DIY Cockroach Repellent is 100% food-grade safe and\n      free of toxic neurotoxins, you can target exact vulnerabilities that\n      traditional chemical sprays cannot touch. With 2.1 liters of active\n      barrier ready to go, you have the volume to protect every corner of\n      your home generously and safely.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\n\n  \u003cdiv class=\"herby-where-slider\"\u003e\n\n\n    \u003c!-- DESKTOP LEFT ARROW --\u003e\n\n    \u003cbutton type=\"button\" class=\"herby-slider-arrow herby-slider-prev\" id=\"herbyWherePrev\" aria-label=\"Previous\"\u003e\n      \u003csvg viewbox=\"0 0 24 24\"\u003e\n        \u003cpath d=\"M15 18l-6-6 6-6\"\u003e\u003c\/path\u003e\n      \u003c\/svg\u003e\n    \u003c\/button\u003e\n\n\n\n    \u003cdiv class=\"herby-where-viewport\"\u003e\n\n\n      \u003cdiv class=\"herby-where-track\" id=\"herbyWhereTrack\"\u003e\n\n\n        \u003c!-- ==================================================\n             CARD 01\n        =================================================== --\u003e\n\n        \u003carticle class=\"herby-where-card\"\u003e\n\n          \u003cdiv class=\"herby-card-header\"\u003e\n\n            \u003ch3\u003e\n              The Inner Kitchen\n              (Zero Contamination Risk)\n            \u003c\/h3\u003e\n\n          \u003c\/div\u003e\n\n\n          \u003cul class=\"herby-card-list\"\u003e\n\n            \u003cli\u003e\n              Utensil \u0026amp; Cutlery Drawers\n            \u003c\/li\u003e\n\n            \u003cli\u003e\n              Pantries \u0026amp; Spice Cabinets\n            \u003c\/li\u003e\n\n            \u003cli\u003e\n              Behind \u0026amp; Under Appliances\n            \u003c\/li\u003e\n\n            \u003cli\u003e\n              Kitchen Sinks \u0026amp; Drains\n            \u003c\/li\u003e\n\n          \u003c\/ul\u003e\n\n        \u003c\/article\u003e\n\n\n\n        \u003c!-- ==================================================\n             CARD 02\n        =================================================== --\u003e\n\n        \u003carticle class=\"herby-where-card\"\u003e\n\n          \u003cdiv class=\"herby-card-header\"\u003e\n\n            \u003ch3\u003e\n              Sacred \u0026amp; Community Sanctuaries\n            \u003c\/h3\u003e\n\n          \u003c\/div\u003e\n\n\n          \u003cul class=\"herby-card-list\"\u003e\n\n            \u003cli\u003e\n              Mandirs \u0026amp; Upashrayas\n            \u003c\/li\u003e\n\n            \u003cli\u003e\n              Bhojanshalas (Community Kitchens)\n            \u003c\/li\u003e\n\n            \u003cli\u003e\n              Dharamshalas \u0026amp; Ashrams\n            \u003c\/li\u003e\n\n          \u003c\/ul\u003e\n\n        \u003c\/article\u003e\n\n\n\n        \u003c!-- ==================================================\n             CARD 03\n        =================================================== --\u003e\n\n        \u003carticle class=\"herby-where-card\"\u003e\n\n          \u003cdiv class=\"herby-card-header\"\u003e\n\n            \u003ch3\u003e\n              Commercial Food \u0026amp; Beverage\n            \u003c\/h3\u003e\n\n          \u003c\/div\u003e\n\n\n          \u003cul class=\"herby-card-list\"\u003e\n\n            \u003cli\u003e\n              Restaurants \u0026amp; Fine Dining\n            \u003c\/li\u003e\n\n            \u003cli\u003e\n              Cafes \u0026amp; Coffee Shops\n            \u003c\/li\u003e\n\n            \u003cli\u003e\n              Sweet Shops \u0026amp; Bakery\n            \u003c\/li\u003e\n\n            \u003cli\u003e\n              Cloud Kitchens \u0026amp; Delivery Hubs\n            \u003c\/li\u003e\n\n          \u003c\/ul\u003e\n\n        \u003c\/article\u003e\n\n\n\n        \u003c!-- ==================================================\n             CARD 04\n        =================================================== --\u003e\n\n        \u003carticle class=\"herby-where-card\"\u003e\n\n          \u003cdiv class=\"herby-card-header\"\u003e\n\n            \u003ch3\u003e\n              Hospitality \u0026amp; Lodging\n            \u003c\/h3\u003e\n\n          \u003c\/div\u003e\n\n\n          \u003cul class=\"herby-card-list\"\u003e\n\n            \u003cli\u003e\n              Hotels \u0026amp; Resorts\n            \u003c\/li\u003e\n\n            \u003cli\u003e\n              Boutique Guest Houses \u0026amp; Hostels\n            \u003c\/li\u003e\n\n            \u003cli\u003e\n              Railway Pantry Cars \u0026amp; Executive Lounges\n            \u003c\/li\u003e\n\n          \u003c\/ul\u003e\n\n        \u003c\/article\u003e\n\n\n\n        \u003c!-- ==================================================\n             CARD 05\n        =================================================== --\u003e\n\n        \u003carticle class=\"herby-where-card\"\u003e\n\n          \u003cdiv class=\"herby-card-header\"\u003e\n\n            \u003ch3\u003e\n              Retail \u0026amp; Bulk Storage\n            \u003c\/h3\u003e\n\n          \u003c\/div\u003e\n\n\n          \u003cul class=\"herby-card-list\"\u003e\n\n            \u003cli\u003e\n              Kirana Shops \u0026amp; Grocery Stores\n            \u003c\/li\u003e\n\n            \u003cli\u003e\n              Organic Food Stores\n            \u003c\/li\u003e\n\n          \u003c\/ul\u003e\n\n        \u003c\/article\u003e\n\n\n\n        \u003c!-- ==================================================\n             CARD 06\n        =================================================== --\u003e\n\n        \u003carticle class=\"herby-where-card\"\u003e\n\n          \u003cdiv class=\"herby-card-header\"\u003e\n\n            \u003ch3\u003e\n              Institutions \u0026amp; Corporate Spaces\n            \u003c\/h3\u003e\n\n          \u003c\/div\u003e\n\n\n          \u003cul class=\"herby-card-list\"\u003e\n\n            \u003cli\u003e\n              Corporate Pantries \u0026amp; Cafeterias\n            \u003c\/li\u003e\n\n            \u003cli\u003e\n              School \u0026amp; College Canteens\n            \u003c\/li\u003e\n\n            \u003cli\u003e\n              Hospital Kitchens\n            \u003c\/li\u003e\n\n          \u003c\/ul\u003e\n\n        \u003c\/article\u003e\n\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n\n    \u003c!-- DESKTOP RIGHT ARROW --\u003e\n\n    \u003cbutton type=\"button\" class=\"herby-slider-arrow herby-slider-next\" id=\"herbyWhereNext\" aria-label=\"Next\"\u003e\n      \u003csvg viewbox=\"0 0 24 24\"\u003e\n        \u003cpath d=\"M9 18l6-6-6-6\"\u003e\u003c\/path\u003e\n      \u003c\/svg\u003e\n    \u003c\/button\u003e\n\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\n\n\n\u003c!-- ==========================================================\n     SECTION 6 — TESTIMONIALS\n========================================================== --\u003e\n\n\u003csection class=\"herby-diy-section\"\u003e\n\u003cdiv class=\"herby-diy-container\"\u003e\n\n\n  \u003cdiv class=\"herby-testimonial-heading\"\u003e\n\n    \u003ch2\u003e\n      What Our Customers Say\n    \u003c\/h2\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003cdiv class=\"herby-testimonial-slider\"\u003e\n\n    \u003cbutton type=\"button\" class=\"herby-testimonial-arrow herby-testimonial-prev\" id=\"herbyTestimonialPrev\" aria-label=\"Previous testimonial\"\u003e\n      \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M15 18l-6-6 6-6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n    \u003c\/button\u003e\n\n    \u003cdiv class=\"herby-testimonial-grid\" id=\"herbyTestimonialTrack\"\u003e\n\n\n    \u003cdiv class=\"herby-testimonial-card\"\u003e\n\n      \u003cdiv class=\"herby-testimonial-quote\"\u003e“\u003c\/div\u003e\n\n      \u003cdiv class=\"herby-testimonial-stars\"\u003e\n        ★★★★★\n      \u003c\/div\u003e\n\n      \u003cp\u003e\n        Easy to prepare and convenient to apply around the hidden corners\n        of the kitchen where cockroach activity is usually noticed.\n      \u003c\/p\u003e\n      \u003cdiv class=\"herby-testimonial-name\"\u003eAnanya S.\u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n\n    \u003cdiv class=\"herby-testimonial-card\"\u003e\n\n      \u003cdiv class=\"herby-testimonial-quote\"\u003e“\u003c\/div\u003e\n\n      \u003cdiv class=\"herby-testimonial-stars\"\u003e\n        ★★★★★\n      \u003c\/div\u003e\n\n      \u003cp\u003e\n        The DIY format makes it practical to prepare enough solution for\n        regular application across kitchen and storage areas.\n      \u003c\/p\u003e\n      \u003cdiv class=\"herby-testimonial-name\"\u003eRahul M.\u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n\n    \u003cdiv class=\"herby-testimonial-card\"\u003e\n\n      \u003cdiv class=\"herby-testimonial-quote\"\u003e“\u003c\/div\u003e\n\n      \u003cdiv class=\"herby-testimonial-stars\"\u003e\n        ★★★★★\n      \u003c\/div\u003e\n\n      \u003cp\u003e\n        A convenient option for targeting areas below appliances, around\n        cabinets, and close to plumbing entry points.\n      \u003c\/p\u003e\n      \u003cdiv class=\"herby-testimonial-name\"\u003eMeera K.\u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n  \u003c\/div\u003e\n\n    \u003cbutton type=\"button\" class=\"herby-testimonial-arrow herby-testimonial-next\" id=\"herbyTestimonialNext\" aria-label=\"Next testimonial\"\u003e\n      \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M9 18l6-6-6-6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n    \u003c\/button\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\n\n\n\u003c!-- SECTION 5 — THE EXPERIENCE \/ HOW TO --\u003e\n\u003csection class=\"herby-diy-section\"\u003e\u003cdiv class=\"herby-diy-container\"\u003e\n\u003cdiv class=\"herby-how-header\"\u003e\n\u003cspan class=\"herby-how-label\"\u003eThe DIY Experience\u003c\/span\u003e\u003ch2\u003eBrew Your Own Barrier.\u003c\/h2\u003e\n\u003cp\u003eReal protection isn't bought in a pressurized can; it’s mixed fresh. Step into active home defense with a satisfying, 3-step ritual that puts you in control of your kitchen's hygiene.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"herby-how-grid\"\u003e\n\u003carticle class=\"herby-how-step\"\u003e\u003cspan class=\"herby-how-number\"\u003eStep 01\u003c\/span\u003e\u003cdiv class=\"herby-how-icon herby-how-icon--mix\"\u003e\n\u003csvg viewbox=\"0 0 84 58\" aria-hidden=\"true\"\u003e\n  \u003c!-- MIX ICON: small measuring vessel with concentrate pouring into a larger measuring vessel with dilutant --\u003e\n\n  \u003c!-- Large measuring vessel \/ dilutant --\u003e\n  \u003cpath d=\"M34 19h34l-3 31H37z\"\u003e\u003c\/path\u003e\n  \u003cpath d=\"M37 39c8-3 18-3 28 0\"\u003e\u003c\/path\u003e\n  \u003cpath d=\"M68 23h5c4 0 6 3 6 7s-2 7-7 7h-5\"\u003e\u003c\/path\u003e\n  \u003cpath d=\"M60 25h5M59 30h6M58 35h6\"\u003e\u003c\/path\u003e\n\n  \u003c!-- Small measuring vessel \/ concentrate, tilted while pouring --\u003e\n  \u003cg transform=\"rotate(28 24 18)\"\u003e\n    \u003cpath d=\"M11 8h23l-2 19H13z\"\u003e\u003c\/path\u003e\n    \u003cpath d=\"M13 20c5-2 12-2 18 0\"\u003e\u003c\/path\u003e\n    \u003cpath d=\"M34 11h4c3 0 4 2 4 5s-2 5-5 5h-4\"\u003e\u003c\/path\u003e\n    \u003cpath d=\"M27 12h5M26 16h6\"\u003e\u003c\/path\u003e\n  \u003c\/g\u003e\n\n  \u003c!-- Concentrate visibly pouring from small vessel into large vessel --\u003e\n  \u003cpath d=\"M34 25c5 2 8 5 11 10\"\u003e\u003c\/path\u003e\n  \u003cpath d=\"M39 29c0 1.8-1.5 3.1-1.5 3.1S36 30.8 36 29a1.5 1.5 0 0 1 3 0z\"\u003e\u003c\/path\u003e\n  \u003cpath d=\"M43 33c0 1.5-1.3 2.7-1.3 2.7S40.4 34.5 40.4 33a1.3 1.3 0 0 1 2.6 0z\"\u003e\u003c\/path\u003e\n\n  \u003c!-- Mixing indication inside the large vessel --\u003e\n  \u003cpath d=\"M43 43c5-4 12-4 17 0\"\u003e\u003c\/path\u003e\n  \u003cpath d=\"M60 43l-3-3M60 43l-4 1\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003ch3\u003eThe Mix.\u003c\/h3\u003e\n\u003cp\u003ePour the Herby Botanical Concentrate directly into the provided dilutant bottle.\u003c\/p\u003e\u003c\/article\u003e\n\u003carticle class=\"herby-how-step\"\u003e\u003cspan class=\"herby-how-number\"\u003eStep 02\u003c\/span\u003e\u003cdiv class=\"herby-how-icon\"\u003e\u003csvg viewbox=\"0 0 48 48\"\u003e\u003cpath d=\"M19 10h10M21 10v5M27 10v5M18 15h12l2 5v17H16V20zM11 17l-4 4 4 4M37 17l4 4-4 4M7 21h7M34 21h7\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3\u003eThe Activation.\u003c\/h3\u003e\n\u003cp\u003eGive it a gentle shake. Watch the active botanicals blend to create a potent, fresh barrier.\u003c\/p\u003e\u003c\/article\u003e\n\u003carticle class=\"herby-how-step\"\u003e\u003cspan class=\"herby-how-number\"\u003eStep 03\u003c\/span\u003e\u003cdiv class=\"herby-how-icon\"\u003e\u003csvg viewbox=\"0 0 48 48\"\u003e\u003cpath d=\"M17 20h14M20 20v-5h9M29 15h6M18 20h12l2 5v14H16V25zM35 14h5M37 10l4-2M37 18l4 2\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3\u003eThe Defense.\u003c\/h3\u003e\n\u003cp\u003eSpray confidently. Because it is food-grade safe, target the exact vulnerabilities you couldn't reach before—deep inside utensil drawers, directly onto pantry shelves, and along cabinet hinges.\u003c\/p\u003e\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\n\n\u003c!-- ==========================================================\n     SECTION 7 — INGREDIENTS \u0026 SAFETY — ICON-LED DESIGN\n     Only user-provided visible text is used\n========================================================== --\u003e\n\u003csection class=\"herby-diy-section\"\u003e\u003cdiv class=\"herby-diy-container\"\u003e\u003cdiv class=\"herby-safety herby-safety--icons-only\"\u003e\n\u003cdiv class=\"herby-safety-visual\"\u003e\u003cdiv class=\"herby-safety-icon-grid\"\u003e\n\u003cdiv class=\"herby-safety-icon-card\" aria-hidden=\"true\"\u003e\u003cdiv class=\"herby-safety-icon\"\u003e\u003csvg viewbox=\"0 0 48 48\"\u003e\u003cpath d=\"M39 8C26 9 16 14 12 24C8 33 13 40 21 40C31 40 38 29 39 8Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M13 38C19 28 26 21 36 13M20 29C20 25 19 22 18 19M26 23C30 23 33 24 36 25\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"herby-safety-icon-card\" aria-hidden=\"true\"\u003e\u003cdiv class=\"herby-safety-icon\"\u003e\u003csvg viewbox=\"0 0 48 48\"\u003e\u003ccircle cx=\"24\" cy=\"25\" r=\"13\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"24\" cy=\"25\" r=\"7\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 10v12M12 10v12M8 16h4M10 22v16M38 10C34 10 34 18 38 20V38\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"herby-safety-icon-card\" aria-hidden=\"true\"\u003e\u003cdiv class=\"herby-safety-icon\"\u003e\u003csvg viewbox=\"0 0 48 48\"\u003e\u003cpath d=\"M19 8h10M21 8v11L13 34C12 37 14 40 18 40H30C34 40 36 37 35 34L27 19V8M17 31h14M9 9L39 39\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"herby-safety-icon-card\" aria-hidden=\"true\"\u003e\u003cdiv class=\"herby-safety-icon\"\u003e\u003csvg viewbox=\"0 0 48 48\"\u003e\u003cpath d=\"M24 7L38 12V22C38 31 32 38 24 41C16 38 10 31 10 22V12Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M17 24L22 29L32 18\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"herby-safety-content\"\u003e\n\u003cspan class=\"herby-safety-label\"\u003eIngredients \u0026amp; Safety\u003c\/span\u003e\u003ch2\u003ePure Enough for the Kitchen.\u003cbr\u003ePowerful Enough for the Pests.\u003c\/h2\u003e\n\u003cp\u003eFormulated exclusively with culinary-grade botanical extracts. Zero synthetic chemicals, meaning you can confidently treat your food-prep areas, go to sleep, and wake up to a sterile, exclusively yours kitchen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\n\n\u003c!-- ==========================================================\n     SECTION 8 — PRO TIP\n========================================================== --\u003e\n\n\u003csection class=\"herby-diy-section\"\u003e\n\u003cdiv class=\"herby-diy-container\"\u003e\n\n\n  \u003cdiv class=\"herby-protip\"\u003e\n\n\n    \u003cdiv class=\"herby-protip-icon\"\u003e\n\n      \u003csvg viewbox=\"0 0 24 24\"\u003e\n\n        \u003cpath d=\"M9 18h6\"\u003e\u003c\/path\u003e\n\n        \u003cpath d=\"M10 22h4\"\u003e\u003c\/path\u003e\n\n        \u003cpath d=\"M8.5 15.5C7 14.4 6 12.6 6 10.5A6 6 0 0 1 18 10.5c0 2.1-1 3.9-2.5 5-.8.6-1.5 1.3-1.5 2.5h-4c0-1.2-.7-1.9-1.5-2.5z\"\u003e\u003c\/path\u003e\n\n      \u003c\/svg\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv\u003e\n\n      \u003ch3\u003e\n        Pro Tip for High-Infestation Areas\n      \u003c\/h3\u003e\n\n      \u003cp\u003e\n        Cockroaches thrive in damp, undisturbed spaces. Focus your heaviest\n        spraying around the rubber gaskets of your refrigerator doors, the\n        hinges of your lower kitchen cabinets, and directly into the gaps\n        where plumbing pipes enter the walls.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\n\u003c\/div\u003e\n\n\n\n\u003cscript\u003e\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n  const track =\n    document.getElementById(\"herbyWhereTrack\");\n\n  const prev =\n    document.getElementById(\"herbyWherePrev\");\n\n  const next =\n    document.getElementById(\"herbyWhereNext\");\n\n\n  if (!track || !prev || !next) {\n    return;\n  }\n\n\n  const cards =\n    Array.from(\n      track.querySelectorAll(\".herby-where-card\")\n    );\n\n\n  let currentIndex = 0;\n\n\n  \/* ========================================================\n     CHECK MOBILE\n  ======================================================== *\/\n\n  function isMobile() {\n\n    return window.innerWidth \u003c= 767;\n\n  }\n\n\n  \/* ========================================================\n     DESKTOP \/ TABLET VISIBLE CARDS\n  ======================================================== *\/\n\n  function getVisibleCards() {\n\n    if (window.innerWidth \u003c= 1024) {\n      return 2;\n    }\n\n    return 3;\n\n  }\n\n\n  \/* ========================================================\n     MAX INDEX\n  ======================================================== *\/\n\n  function getMaxIndex() {\n\n    return Math.max(\n      0,\n      cards.length - getVisibleCards()\n    );\n\n  }\n\n\n  \/* ========================================================\n     UPDATE SLIDER\n  ======================================================== *\/\n\n  function updateSlider() {\n\n\n    \/* MOBILE = NO SLIDER *\/\n\n    if (isMobile()) {\n\n      currentIndex = 0;\n\n      track.style.transform = \"none\";\n\n      return;\n\n    }\n\n\n    if (!cards.length) {\n      return;\n    }\n\n\n    const maxIndex = getMaxIndex();\n\n\n    if (currentIndex \u003e maxIndex) {\n      currentIndex = maxIndex;\n    }\n\n\n    if (currentIndex \u003c 0) {\n      currentIndex = 0;\n    }\n\n\n    const style =\n      window.getComputedStyle(track);\n\n\n    const gap =\n      parseFloat(style.gap) || 20;\n\n\n    const cardWidth =\n      cards[0].getBoundingClientRect().width;\n\n\n    const distance =\n      currentIndex * (cardWidth + gap);\n\n\n    track.style.transform =\n      \"translate3d(-\" + distance + \"px, 0, 0)\";\n\n  }\n\n\n  \/* ========================================================\n     NEXT\n  ======================================================== *\/\n\n  next.addEventListener(\"click\", function () {\n\n\n    if (isMobile()) {\n      return;\n    }\n\n\n    const maxIndex = getMaxIndex();\n\n\n    if (currentIndex \u003e= maxIndex) {\n\n      currentIndex = 0;\n\n    } else {\n\n      currentIndex += 1;\n\n    }\n\n\n    updateSlider();\n\n  });\n\n\n  \/* ========================================================\n     PREVIOUS\n  ======================================================== *\/\n\n  prev.addEventListener(\"click\", function () {\n\n\n    if (isMobile()) {\n      return;\n    }\n\n\n    const maxIndex = getMaxIndex();\n\n\n    if (currentIndex \u003c= 0) {\n\n      currentIndex = maxIndex;\n\n    } else {\n\n      currentIndex -= 1;\n\n    }\n\n\n    updateSlider();\n\n  });\n\n\n  \/* ========================================================\n     WINDOW RESIZE\n  ======================================================== *\/\n\n  let resizeTimer;\n\n\n  window.addEventListener(\"resize\", function () {\n\n    clearTimeout(resizeTimer);\n\n\n    resizeTimer = setTimeout(function () {\n\n\n      if (isMobile()) {\n\n        currentIndex = 0;\n\n        track.style.transform = \"none\";\n\n      } else {\n\n        currentIndex =\n          Math.min(\n            currentIndex,\n            getMaxIndex()\n          );\n\n        updateSlider();\n\n      }\n\n\n    }, 100);\n\n  });\n\n\n  updateSlider();\n\n});\n\u003c\/script\u003e\n\n\u003cscript\u003e\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  const track = document.getElementById(\"herbyTestimonialTrack\");\n  const prev = document.getElementById(\"herbyTestimonialPrev\");\n  const next = document.getElementById(\"herbyTestimonialNext\");\n  if (!track || !prev || !next) return;\n\n  const cards = Array.from(track.querySelectorAll(\".herby-testimonial-card\"));\n  if (!cards.length) return;\n\n  let currentIndex = 0;\n  let autoplayTimer = null;\n  let scrollTimer = null;\n  const isMobile = () =\u003e window.innerWidth \u003c= 767;\n\n  function goToSlide(index, behavior = \"smooth\") {\n    if (!isMobile()) return;\n    if (index \u003e= cards.length) index = 0;\n    if (index \u003c 0) index = cards.length - 1;\n    currentIndex = index;\n    track.scrollTo({ left: track.clientWidth * currentIndex, behavior: behavior });\n  }\n\n  function stopAutoplay() {\n    if (autoplayTimer) clearInterval(autoplayTimer);\n    autoplayTimer = null;\n  }\n\n  function startAutoplay() {\n    stopAutoplay();\n    if (!isMobile() || cards.length \u003c 2) return;\n    autoplayTimer = setInterval(function () { goToSlide(currentIndex + 1); }, 4000);\n  }\n\n  function restartAutoplay() { stopAutoplay(); startAutoplay(); }\n\n  next.addEventListener(\"click\", function () { goToSlide(currentIndex + 1); restartAutoplay(); });\n  prev.addEventListener(\"click\", function () { goToSlide(currentIndex - 1); restartAutoplay(); });\n\n  track.addEventListener(\"touchstart\", stopAutoplay, { passive: true });\n  track.addEventListener(\"touchend\", function () { setTimeout(startAutoplay, 700); }, { passive: true });\n\n  track.addEventListener(\"scroll\", function () {\n    if (!isMobile()) return;\n    clearTimeout(scrollTimer);\n    scrollTimer = setTimeout(function () {\n      const w = track.clientWidth;\n      if (!w) return;\n      currentIndex = Math.max(0, Math.min(Math.round(track.scrollLeft \/ w), cards.length - 1));\n    }, 120);\n  });\n\n  document.addEventListener(\"visibilitychange\", function () {\n    if (document.hidden) stopAutoplay(); else startAutoplay();\n  });\n\n  let resizeTimer;\n  window.addEventListener(\"resize\", function () {\n    clearTimeout(resizeTimer);\n    resizeTimer = setTimeout(function () {\n      if (!isMobile()) {\n        stopAutoplay();\n        currentIndex = 0;\n        track.scrollTo({ left: 0, behavior: \"auto\" });\n      } else {\n        goToSlide(currentIndex, \"auto\");\n        startAutoplay();\n      }\n    }, 150);\n  });\n\n  startAutoplay();\n});\n\u003c\/script\u003e\n\n\u003cstyle\u003e\n\/* Mobile only — center-align descriptions in Section 1 and Section 2 *\/\n@media (max-width: 767px) {\n  .herby-intro-content,\n  .herby-intro-content p,\n  .herby-problem-content,\n  .herby-problem-content h2,\n  .herby-problem-content p {\n    text-align: center !important;\n  }\n\n  \/* Section 2 label — fully centered on mobile *\/\n  .herby-problem-label {\n    margin-left: auto !important;\n    margin-right: auto !important;\n    justify-content: center !important;\n    text-align: center !important;\n  }\n\n  .herby-problem-content h2 {\n    margin-left: auto !important;\n    margin-right: auto !important;\n  }\n}\n\u003c\/style\u003e\n","brand":"Herby","offers":[{"title":"Default Title","offer_id":51004670607612,"sku":null,"price":1450.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0762\/4527\/0780\/files\/Artboard_1.jpg?v=1790159167","url":"https:\/\/herby.in\/products\/herby-food-grade-cockroach-repellent-kit","provider":"Herby","version":"1.0","type":"link"}