{"product_id":"✂️-4-piece-hair-cutting-guide-kit-adjustable-home-barber-set","title":"✂️ 4-Piece Hair Cutting Guide Kit – Adjustable Home Barber Set","description":"\u003cstyle\u003e\n\/* =========================================================\n   4-PIECE HAIR CUTTING GUIDE KIT PDP — V4\n   HOME GROOMING SCENE ADDED\n   Shopify Compatible\n========================================================= *\/\n\n.hair-guide-pdp {\n  --hg-cyan: #14b8c4;\n  --hg-cyan-deep: #087d87;\n  --hg-cyan-dark: #075d66;\n\n  --hg-blue: #39738f;\n  --hg-blue-soft: #eaf4f7;\n\n  --hg-black: #15191d;\n  --hg-charcoal: #283038;\n  --hg-slate: #56636d;\n\n  --hg-silver: #dce3e6;\n  --hg-silver-light: #f1f5f6;\n\n  --hg-ice: #edf7f8;\n  --hg-ice-light: #f8fbfb;\n\n  --hg-gold: #e2a52e;\n\n  --hg-ink: #1f2529;\n  --hg-body: #5b646a;\n  --hg-line: rgba(31,47,54,.10);\n\n  width: 100%;\n  max-width: 1200px;\n\n  margin: 0 auto;\n  padding: 12px 16px;\n\n  background: transparent !important;\n\n  color: var(--hg-ink);\n\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Roboto,\n    Helvetica,\n    Arial,\n    sans-serif;\n\n  line-height: 1.65;\n  box-sizing: border-box;\n\n  interpolate-size: allow-keywords;\n}\n\n.hair-guide-pdp *,\n.hair-guide-pdp *::before,\n.hair-guide-pdp *::after {\n  box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   GLOBAL CARD\n========================================================= *\/\n\n.hair-guide-pdp .hg-card {\n  position: relative;\n  overflow: hidden;\n\n  margin-bottom: 20px;\n\n  padding: 30px 26px 25px;\n\n  border-radius: 18px;\n\n  border: 1px solid rgba(42,61,69,.07);\n\n  box-shadow:\n    0 8px 28px rgba(21,33,39,.045),\n    inset 0 1px 0 rgba(255,255,255,.75);\n\n  text-align: left;\n}\n\n\n\/* =========================================================\n   CARD COLORS\n========================================================= *\/\n\n.hair-guide-pdp .theme-ice {\n  background:\n    radial-gradient(\n      circle at 92% 8%,\n      rgba(20,184,196,.08),\n      transparent 30%\n    ),\n    linear-gradient(\n      145deg,\n      #fbfdfd 0%,\n      #edf6f7 100%\n    );\n}\n\n.hair-guide-pdp .theme-silver {\n  background:\n    radial-gradient(\n      circle at 8% 8%,\n      rgba(255,255,255,.85),\n      transparent 28%\n    ),\n    linear-gradient(\n      145deg,\n      #f8f9f9 0%,\n      #e7ecee 100%\n    );\n}\n\n.hair-guide-pdp .theme-blue {\n  background:\n    radial-gradient(\n      circle at 90% 10%,\n      rgba(57,115,143,.09),\n      transparent 28%\n    ),\n    linear-gradient(\n      145deg,\n      #f8fbfc 0%,\n      #e9f2f5 100%\n    );\n}\n\n.hair-guide-pdp .theme-gray {\n  background:\n    radial-gradient(\n      circle at 10% 8%,\n      rgba(40,48,56,.055),\n      transparent 28%\n    ),\n    linear-gradient(\n      145deg,\n      #f7f8f8 0%,\n      #eceff0 100%\n    );\n}\n\n.hair-guide-pdp .theme-cyan {\n  background:\n    radial-gradient(\n      circle at 90% 10%,\n      rgba(20,184,196,.12),\n      transparent 29%\n    ),\n    linear-gradient(\n      145deg,\n      #f8fcfc 0%,\n      #e4f3f5 100%\n    );\n}\n\n\n\/* NEW — HOME GROOMING SCENE *\/\n\n.hair-guide-pdp .theme-home {\n  background:\n    radial-gradient(\n      circle at 92% 10%,\n      rgba(57,115,143,.10),\n      transparent 30%\n    ),\n    radial-gradient(\n      circle at 8% 88%,\n      rgba(185,168,149,.15),\n      transparent 30%\n    ),\n    linear-gradient(\n      145deg,\n      #fbfaf7 0%,\n      #edf3f5 100%\n    );\n}\n\n\n\/* =========================================================\n   DECORATION\n========================================================= *\/\n\n.hair-guide-pdp .hg-card:not(.hg-shipping-card)::before {\n  content: \"\";\n\n  position: absolute;\n\n  width: 180px;\n  height: 180px;\n\n  right: -100px;\n  top: -110px;\n\n  border-radius: 50%;\n\n  border:\n    22px solid rgba(20,184,196,.018);\n\n  pointer-events: none;\n}\n\n.hair-guide-pdp .hg-card:not(.hg-shipping-card)::after {\n  content: \"\";\n\n  position: absolute;\n\n  width: 130px;\n  height: 130px;\n\n  left: -80px;\n  bottom: -90px;\n\n  border-radius: 50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(255,255,255,.50),\n      transparent 70%\n    );\n\n  pointer-events: none;\n}\n\n.hair-guide-pdp .hg-card \u003e * {\n  position: relative;\n  z-index: 1;\n}\n\n\n\/* =========================================================\n   TITLES\n========================================================= *\/\n\n.hair-guide-pdp .hg-title {\n  max-width: 830px;\n\n  margin: 0 auto 10px;\n\n  color: var(--hg-black);\n\n  font-size: clamp(27px,4.3vw,36px);\n\n  line-height: 1.16;\n\n  font-weight: 820;\n\n  letter-spacing: -.65px;\n\n  text-align: center;\n}\n\n.hair-guide-pdp .hg-title .cyan {\n  color: var(--hg-cyan-deep);\n}\n\n.hair-guide-pdp .hg-title .blue {\n  color: var(--hg-blue);\n}\n\n.hair-guide-pdp .hg-title .slate {\n  color: var(--hg-slate);\n}\n\n.hair-guide-pdp .hg-title .dark {\n  color: var(--hg-charcoal);\n}\n\n\n\/* =========================================================\n   BODY\n========================================================= *\/\n\n.hair-guide-pdp .hg-desc {\n  max-width: 780px;\n\n  margin: 0 auto 11px;\n\n  color: var(--hg-body);\n\n  font-size: 15.5px;\n\n  line-height: 1.68;\n\n  text-align: left;\n}\n\n.hair-guide-pdp .hg-desc strong {\n  color: var(--hg-cyan-deep);\n  font-weight: 760;\n}\n\n\n\/* =========================================================\n   BENEFIT POINTS\n========================================================= *\/\n\n.hair-guide-pdp .hg-points {\n  max-width: 780px;\n\n  margin: 12px auto 15px;\n\n  padding: 0;\n\n  list-style: none;\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(3,minmax(0,1fr));\n\n  gap: 8px;\n}\n\n.hair-guide-pdp .hg-points li {\n  display: flex;\n\n  align-items: center;\n\n  min-height: 43px;\n\n  padding: 9px 11px;\n\n  border-radius: 11px;\n\n  background: rgba(255,255,255,.63);\n\n  border: 1px solid rgba(20,126,135,.08);\n\n  color: #48545a;\n\n  font-size: 12.2px;\n\n  line-height: 1.35;\n\n  font-weight: 670;\n\n  text-align: left;\n}\n\n\n\/* =========================================================\n   BADGES\n========================================================= *\/\n\n.hair-guide-pdp .hg-badges {\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  flex-wrap: wrap;\n\n  gap: 8px;\n\n  margin-bottom: 15px;\n}\n\n.hair-guide-pdp .hg-badge {\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 5px;\n\n  padding: 7px 12px;\n\n  border-radius: 999px;\n\n  background: rgba(255,255,255,.68);\n\n  border:\n    1px solid rgba(20,126,135,.10);\n\n  color: #315e67;\n\n  font-size: 10.8px;\n\n  line-height: 1;\n\n  font-weight: 760;\n\n  letter-spacing: .35px;\n}\n\n\n\/* =========================================================\n   IMAGES\n========================================================= *\/\n\n.hair-guide-pdp .hg-image {\n  display: block;\n\n  width: 100%;\n  height: auto;\n\n  margin-top: 8px;\n\n  border-radius: 13px;\n\n  object-fit: cover;\n\n  box-shadow:\n    0 5px 18px rgba(22,35,41,.045);\n}\n\n\n\/* =========================================================\n   SOCIAL PROOF\n========================================================= *\/\n\n.hair-guide-pdp .hg-trust-card {\n  position: relative;\n\n  overflow: hidden;\n\n  margin-bottom: 20px;\n\n  padding: 31px 25px 25px;\n\n  border-radius: 19px;\n\n  background:\n    radial-gradient(\n      circle at 90% 5%,\n      rgba(20,184,196,.24),\n      transparent 29%\n    ),\n    linear-gradient(\n      135deg,\n      #202a30 0%,\n      #11191e 55%,\n      #17242a 100%\n    );\n\n  box-shadow:\n    0 14px 38px rgba(13,25,31,.13);\n\n  color: #fff;\n}\n\n.hair-guide-pdp .hg-trust-eyebrow {\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  gap: 7px;\n\n  margin-bottom: 7px;\n\n  color: #62d6de;\n\n  font-size: 10.5px;\n\n  font-weight: 820;\n\n  letter-spacing: 1.4px;\n\n  text-transform: uppercase;\n}\n\n.hair-guide-pdp .hg-live-dot {\n  width: 7px;\n  height: 7px;\n\n  border-radius: 50%;\n\n  background: #2fd5df;\n\n  box-shadow:\n    0 0 0 5px rgba(47,213,223,.10);\n}\n\n.hair-guide-pdp .hg-trust-title {\n  max-width: 760px;\n\n  margin: 0 auto 10px;\n\n  color: #fff;\n\n  font-size: clamp(27px,4.3vw,36px);\n\n  line-height: 1.16;\n\n  font-weight: 820;\n\n  text-align: center;\n}\n\n.hair-guide-pdp .hg-trust-title span {\n  color: #4ed3dc;\n}\n\n.hair-guide-pdp .hg-trust-copy {\n  max-width: 730px;\n\n  margin: 0 auto 18px;\n\n  color: rgba(255,255,255,.73);\n\n  font-size: 14px;\n\n  line-height: 1.62;\n\n  text-align: left;\n}\n\n.hair-guide-pdp .hg-metrics {\n  max-width: 820px;\n\n  margin: 0 auto;\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(3,1fr);\n\n  gap: 9px;\n}\n\n.hair-guide-pdp .hg-metric {\n  padding: 17px 10px;\n\n  border-radius: 14px;\n\n  border:\n    1px solid rgba(93,218,226,.13);\n\n  background:\n    rgba(255,255,255,.065);\n\n  text-align: center;\n}\n\n.hair-guide-pdp .hg-metric-value {\n  margin-bottom: 4px;\n\n  color: #fff;\n\n  font-size: 25px;\n\n  line-height: 1;\n\n  font-weight: 850;\n}\n\n.hair-guide-pdp .hg-metric-label {\n  color: rgba(255,255,255,.66);\n\n  font-size: 10.5px;\n\n  line-height: 1.35;\n\n  font-weight: 650;\n}\n\n\n\/* =========================================================\n   REVIEWS\n========================================================= *\/\n\n.hair-guide-pdp .hg-rating-grid {\n  max-width: 840px;\n\n  margin: 17px auto 0;\n\n  display: grid;\n\n  grid-template-columns:\n    .8fr 1.2fr;\n\n  gap: 15px;\n\n  align-items: center;\n}\n\n.hair-guide-pdp .hg-rating-box {\n  padding: 20px;\n\n  border-radius: 14px;\n\n  background:\n    rgba(255,255,255,.63);\n\n  text-align: center;\n}\n\n.hair-guide-pdp .hg-rating-score {\n  color: var(--hg-black);\n\n  font-size: 46px;\n\n  line-height: 1;\n\n  font-weight: 850;\n}\n\n.hair-guide-pdp .hg-stars {\n  margin-top: 4px;\n\n  color: var(--hg-gold);\n\n  font-size: 18px;\n\n  letter-spacing: 2px;\n}\n\n.hair-guide-pdp .hg-rating-count {\n  margin-top: 5px;\n\n  color: #747e83;\n\n  font-size: 11.5px;\n}\n\n.hair-guide-pdp .hg-bars {\n  display: flex;\n\n  flex-direction: column;\n\n  gap: 10px;\n}\n\n.hair-guide-pdp .hg-bar-row {\n  display: grid;\n\n  grid-template-columns:\n    52px 1fr 36px;\n\n  align-items: center;\n\n  gap: 8px;\n\n  color: #59656a;\n\n  font-size: 11.5px;\n}\n\n.hair-guide-pdp .hg-bar-bg {\n  height: 7px;\n\n  overflow: hidden;\n\n  border-radius: 999px;\n\n  background:\n    rgba(255,255,255,.75);\n}\n\n.hair-guide-pdp .hg-bar-fill {\n  height: 100%;\n\n  border-radius: inherit;\n\n  background:\n    linear-gradient(\n      90deg,\n      #087d87,\n      #22bac5\n    );\n}\n\n.hair-guide-pdp .hg-review-summary {\n  max-width: 840px;\n\n  margin: 15px auto 0;\n\n  padding: 12px 14px;\n\n  border-left:\n    4px solid var(--hg-cyan);\n\n  border-radius:\n    0 10px 10px 0;\n\n  background:\n    rgba(255,255,255,.59);\n\n  color: #536167;\n\n  font-size: 13.2px;\n\n  line-height: 1.62;\n\n  text-align: left;\n}\n\n.hair-guide-pdp .hg-review-summary strong {\n  color: var(--hg-cyan-deep);\n}\n\n.hair-guide-pdp .hg-review-list {\n  max-width: 840px;\n\n  margin: 13px auto 0;\n\n  display: grid;\n\n  grid-template-columns:\n    1fr 1fr;\n\n  gap: 10px;\n}\n\n.hair-guide-pdp .hg-review {\n  padding: 15px;\n\n  border-radius: 13px;\n\n  background:\n    rgba(255,255,255,.62);\n\n  border:\n    1px solid rgba(44,67,77,.07);\n\n  color: #566167;\n\n  font-size: 12.8px;\n\n  line-height: 1.58;\n\n  text-align: left;\n}\n\n.hair-guide-pdp .hg-review-name {\n  margin-top: 7px;\n\n  color: var(--hg-cyan-deep);\n\n  font-weight: 750;\n}\n\n.hair-guide-pdp .hg-review-name img {\n  display: block;\n\n  width: 100%;\n  height: auto;\n\n  margin-top: 10px;\n\n  border-radius: 10px;\n}\n\n\n\/* =========================================================\n   FAQ\n========================================================= *\/\n\n.hair-guide-pdp .hg-faq-wrap {\n  max-width: 830px;\n\n  margin: 10px auto 0;\n\n  text-align: left;\n}\n\n.hair-guide-pdp details.hg-faq-item {\n  width: 100%;\n\n  margin: 0;\n\n  border-bottom:\n    1px solid rgba(49,70,78,.12);\n}\n\n.hair-guide-pdp details.hg-faq-item:last-child {\n  border-bottom: none;\n}\n\n.hair-guide-pdp .hg-faq-question {\n  list-style: none;\n\n  width: 100%;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: space-between;\n\n  gap: 14px;\n\n  padding: 16px 2px;\n\n  cursor: pointer;\n\n  color: #303a3f;\n\n  font-size: 14.5px;\n\n  line-height: 1.4;\n\n  font-weight: 750;\n\n  text-align: left;\n\n  user-select: none;\n}\n\n.hair-guide-pdp\n.hg-faq-question::-webkit-details-marker {\n  display: none;\n}\n\n.hair-guide-pdp\n.hg-faq-question::marker {\n  content: \"\";\n}\n\n.hair-guide-pdp .hg-faq-icon {\n  flex: 0 0 auto;\n\n  display: inline-flex;\n\n  align-items: center;\n  justify-content: center;\n\n  width: 31px;\n  height: 31px;\n\n  border-radius: 50%;\n\n  background:\n    rgba(255,255,255,.67);\n\n  border:\n    1px solid rgba(20,126,135,.08);\n\n  color:\n    var(--hg-cyan-deep);\n\n  font-size: 20px;\n\n  line-height: 1;\n\n  transition:\n    transform .32s ease,\n    background .32s ease,\n    color .32s ease,\n    box-shadow .32s ease;\n}\n\n.hair-guide-pdp\ndetails.hg-faq-item[open]\n.hg-faq-icon {\n  transform:\n    rotate(45deg);\n\n  background:\n    var(--hg-cyan-deep);\n\n  color: #fff;\n\n  box-shadow:\n    0 5px 13px rgba(8,125,135,.18);\n}\n\n.hair-guide-pdp\ndetails.hg-faq-item::details-content {\n  overflow: hidden;\n\n  block-size: 0;\n\n  opacity: 0;\n\n  transition:\n    block-size .36s ease,\n    opacity .28s ease,\n    content-visibility .36s allow-discrete;\n}\n\n.hair-guide-pdp\ndetails.hg-faq-item[open]::details-content {\n  block-size: auto;\n\n  opacity: 1;\n}\n\n.hair-guide-pdp .hg-faq-answer {\n  padding:\n    0 2px 16px;\n\n  color: #626d72;\n\n  font-size: 13.4px;\n\n  line-height: 1.65;\n}\n\n@keyframes hgFaqFade {\n  from {\n    opacity: 0;\n\n    transform:\n      translateY(-5px);\n  }\n\n  to {\n    opacity: 1;\n\n    transform:\n      translateY(0);\n  }\n}\n\n.hair-guide-pdp\ndetails.hg-faq-item[open]\n.hg-faq-answer {\n  animation:\n    hgFaqFade .30s ease both;\n}\n\n\n\/* =========================================================\n   SHIPPING OUTER CARD\n========================================================= *\/\n\n.hair-guide-pdp .hg-shipping-card {\n  overflow: visible;\n\n  padding: 0 !important;\n\n  border: none !important;\n\n  background:\n    transparent !important;\n\n  box-shadow:\n    none !important;\n}\n\n\n\/* =========================================================\n   SHIPPING\n========================================================= *\/\n\n.hair-guide-pdp .hg-shipping-shell {\n  position: relative;\n\n  overflow: hidden;\n\n  padding:\n    28px 20px 22px;\n\n  border-radius: 22px;\n\n  background:\n    radial-gradient(\n      circle at 94% 4%,\n      rgba(20,184,196,.10),\n      transparent 29%\n    ),\n    radial-gradient(\n      circle at 4% 92%,\n      rgba(57,115,143,.07),\n      transparent 30%\n    ),\n    linear-gradient(\n      145deg,\n      #f7fbfc,\n      #e8f1f3\n    );\n\n  border:\n    1px solid rgba(37,86,101,.08);\n\n  box-shadow:\n    0 10px 32px rgba(27,54,65,.045);\n}\n\n.hair-guide-pdp .hg-shipping-eyebrow {\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  gap: 7px;\n\n  margin-bottom: 6px;\n\n  color:\n    var(--hg-cyan-deep);\n\n  font-size: 10.5px;\n\n  font-weight: 820;\n\n  letter-spacing: 1.4px;\n\n  text-transform: uppercase;\n}\n\n.hair-guide-pdp .hg-shipping-dot {\n  width: 7px;\n  height: 7px;\n\n  border-radius: 50%;\n\n  background:\n    var(--hg-cyan);\n\n  animation:\n    hgPulse 2.2s ease-out infinite;\n}\n\n@keyframes hgPulse {\n  0% {\n    box-shadow:\n      0 0 0 0 rgba(20,184,196,.34);\n  }\n\n  70% {\n    box-shadow:\n      0 0 0 8px rgba(20,184,196,0);\n  }\n\n  100% {\n    box-shadow:\n      0 0 0 0 rgba(20,184,196,0);\n  }\n}\n\n.hair-guide-pdp .hg-shipping-intro {\n  max-width: 660px;\n\n  margin: 0 auto 16px;\n\n  color: #617076;\n\n  font-size: 13px;\n\n  line-height: 1.55;\n\n  text-align: center;\n}\n\n\n\/* =========================================================\n   CAROUSEL\n========================================================= *\/\n\n.hair-guide-pdp .hg-carousel-frame {\n  position: relative;\n\n  width: 100%;\n}\n\n.hair-guide-pdp .hg-carousel {\n  width: 100%;\n\n  display: flex;\n\n  gap: 12px;\n\n  overflow-x: auto;\n  overflow-y: hidden;\n\n  padding:\n    3px 2px 12px;\n\n  scroll-snap-type:\n    x mandatory;\n\n  scroll-behavior:\n    smooth;\n\n  overscroll-behavior-x:\n    contain;\n\n  -webkit-overflow-scrolling:\n    touch;\n\n  scrollbar-width:\n    none;\n\n  touch-action:\n    pan-x;\n}\n\n.hair-guide-pdp\n.hg-carousel::-webkit-scrollbar {\n  display: none;\n}\n\n.hair-guide-pdp .hg-service-card {\n  position: relative;\n\n  flex:\n    0 0 calc(50% - 6px);\n\n  min-width: 0;\n\n  min-height: 150px;\n\n  scroll-snap-align:\n    start;\n\n  scroll-snap-stop:\n    always;\n\n  padding:\n    18px 16px 15px;\n\n  border-radius: 17px;\n\n  border:\n    1px solid rgba(39,78,91,.07);\n\n  background:\n    rgba(255,255,255,.72);\n\n  box-shadow:\n    0 6px 19px rgba(25,47,56,.04);\n\n  opacity: 0;\n\n  transform:\n    translateY(12px);\n\n  animation:\n    hgServiceRise .58s ease forwards;\n\n  transition:\n    transform .26s ease,\n    box-shadow .26s ease;\n}\n\n.hair-guide-pdp\n.hg-service-card:nth-child(1) {\n  animation-delay: .04s;\n}\n\n.hair-guide-pdp\n.hg-service-card:nth-child(2) {\n  animation-delay: .14s;\n}\n\n.hair-guide-pdp\n.hg-service-card:nth-child(3) {\n  animation-delay: .24s;\n}\n\n.hair-guide-pdp\n.hg-service-card:nth-child(4) {\n  animation-delay: .34s;\n}\n\n@keyframes hgServiceRise {\n  to {\n    opacity: 1;\n\n    transform:\n      translateY(0);\n  }\n}\n\n.hair-guide-pdp\n.hg-service-card:hover {\n  transform:\n    translateY(-5px);\n\n  box-shadow:\n    0 13px 26px rgba(25,47,56,.08);\n}\n\n.hair-guide-pdp .hg-service-breath {\n  position: absolute;\n\n  top: 13px;\n  right: 13px;\n\n  width: 6px;\n  height: 6px;\n\n  border-radius: 50%;\n\n  background:\n    var(--hg-cyan);\n\n  animation:\n    hgBreath 2.3s ease-in-out infinite;\n}\n\n@keyframes hgBreath {\n  0%,\n  100% {\n    opacity: .35;\n\n    transform:\n      scale(.85);\n  }\n\n  50% {\n    opacity: 1;\n\n    transform:\n      scale(1.25);\n  }\n}\n\n.hair-guide-pdp .hg-service-icon {\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  width: 45px;\n  height: 45px;\n\n  margin-bottom: 10px;\n\n  border-radius: 14px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #edf8f9,\n      #fff\n    );\n\n  box-shadow:\n    0 6px 16px rgba(20,126,135,.07);\n\n  font-size: 21px;\n\n  animation:\n    hgIconFloat 3.2s ease-in-out infinite;\n}\n\n@keyframes hgIconFloat {\n  0%,\n  100% {\n    transform:\n      translateY(0);\n  }\n\n  50% {\n    transform:\n      translateY(-4px);\n  }\n}\n\n.hair-guide-pdp .hg-service-title {\n  margin-bottom: 4px;\n\n  color: #35454c;\n\n  font-size: 14px;\n\n  line-height: 1.3;\n\n  font-weight: 780;\n}\n\n.hair-guide-pdp .hg-service-desc {\n  color: #6a767b;\n\n  font-size: 11.5px;\n\n  line-height: 1.42;\n}\n\n\n\/* =========================================================\n   CAROUSEL ARROWS\n========================================================= *\/\n\n.hair-guide-pdp .hg-carousel-controls {\n  min-height: 37px;\n\n  margin-top: 3px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: flex-end;\n}\n\n.hair-guide-pdp .hg-control-set {\n  display: none;\n\n  align-items: center;\n\n  gap: 7px;\n}\n\n.hair-guide-pdp\n.hg-controls-default {\n  display: flex;\n}\n\n.hair-guide-pdp\n.hg-carousel-frame:has(#hg-service-1:target)\n.hg-controls-default,\n\n.hair-guide-pdp\n.hg-carousel-frame:has(#hg-service-2:target)\n.hg-controls-default,\n\n.hair-guide-pdp\n.hg-carousel-frame:has(#hg-service-3:target)\n.hg-controls-default,\n\n.hair-guide-pdp\n.hg-carousel-frame:has(#hg-service-4:target)\n.hg-controls-default {\n  display: none;\n}\n\n.hair-guide-pdp\n.hg-carousel-frame:has(#hg-service-1:target)\n.hg-controls-1 {\n  display: flex;\n}\n\n.hair-guide-pdp\n.hg-carousel-frame:has(#hg-service-2:target)\n.hg-controls-2 {\n  display: flex;\n}\n\n.hair-guide-pdp\n.hg-carousel-frame:has(#hg-service-3:target)\n.hg-controls-3 {\n  display: flex;\n}\n\n.hair-guide-pdp\n.hg-carousel-frame:has(#hg-service-4:target)\n.hg-controls-4 {\n  display: flex;\n}\n\n.hair-guide-pdp .hg-carousel-btn {\n  display: inline-flex;\n\n  align-items: center;\n  justify-content: center;\n\n  width: 36px;\n  height: 36px;\n\n  border-radius: 50%;\n\n  border:\n    1px solid rgba(20,126,135,.13);\n\n  background:\n    rgba(255,255,255,.78);\n\n  color:\n    var(--hg-cyan-deep) !important;\n\n  text-decoration:\n    none !important;\n\n  font-size: 18px;\n\n  line-height: 1;\n\n  font-weight: 820;\n\n  box-shadow:\n    0 3px 10px rgba(28,65,74,.045);\n\n  cursor: pointer;\n\n  transition:\n    transform .23s ease,\n    background .23s ease,\n    box-shadow .23s ease;\n}\n\n.hair-guide-pdp\n.hg-carousel-btn:hover {\n  transform:\n    translateY(-2px);\n\n  background: #fff;\n\n  box-shadow:\n    0 6px 15px rgba(28,65,74,.08);\n}\n\n\n\/* =========================================================\n   ORDER JOURNEY\n========================================================= *\/\n\n.hair-guide-pdp .hg-order-progress {\n  margin-top: 14px;\n\n  padding:\n    16px 13px 7px;\n\n  border-radius: 15px;\n\n  background:\n    rgba(255,255,255,.58);\n\n  border:\n    1px solid rgba(39,78,91,.05);\n}\n\n.hair-guide-pdp .hg-progress-top {\n  display: flex;\n\n  align-items: center;\n  justify-content: space-between;\n\n  margin-bottom: 15px;\n\n  color: #5d6a6f;\n\n  font-size: 10.5px;\n\n  font-weight: 720;\n}\n\n.hair-guide-pdp .hg-progress-live {\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 5px;\n\n  color:\n    var(--hg-cyan-deep);\n\n  font-size: 9.5px;\n}\n\n.hair-guide-pdp\n.hg-progress-live::before {\n  content: \"\";\n\n  width: 5px;\n  height: 5px;\n\n  border-radius: 50%;\n\n  background:\n    var(--hg-cyan);\n\n  animation:\n    hgBlink 1.6s ease-in-out infinite;\n}\n\n@keyframes hgBlink {\n  0%,\n  100% {\n    opacity: .35;\n  }\n\n  50% {\n    opacity: 1;\n  }\n}\n\n.hair-guide-pdp .hg-track-wrap {\n  position: relative;\n\n  height: 7px;\n\n  margin:\n    0 7px 14px;\n\n  border-radius: 999px;\n\n  background:\n    #d5e1e4;\n}\n\n.hair-guide-pdp .hg-track {\n  position: absolute;\n\n  top: 0;\n  left: 0;\n\n  width: 0%;\n  height: 7px;\n\n  border-radius: inherit;\n\n  background:\n    linear-gradient(\n      90deg,\n      #087d87,\n      #15bac5,\n      #39738f\n    );\n\n  animation:\n    hgJourney 6s ease-in-out infinite;\n}\n\n.hair-guide-pdp .hg-track::after {\n  content: \"\";\n\n  position: absolute;\n\n  right: 0;\n  top: 0;\n\n  width: 33px;\n  height: 100%;\n\n  border-radius: inherit;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(255,255,255,.85),\n      transparent\n    );\n\n  animation:\n    hgShimmer 1.3s linear infinite;\n}\n\n@keyframes hgJourney {\n  0%,\n  8% {\n    width: 4%;\n  }\n\n  38% {\n    width: 48%;\n  }\n\n  68% {\n    width: 77%;\n  }\n\n  88%,\n  100% {\n    width: 100%;\n  }\n}\n\n@keyframes hgShimmer {\n  from {\n    transform:\n      translateX(-28px);\n  }\n\n  to {\n    transform:\n      translateX(35px);\n  }\n}\n\n.hair-guide-pdp .hg-progress-stages {\n  display: grid;\n\n  grid-template-columns:\n    repeat(3,1fr);\n\n  gap: 5px;\n}\n\n.hair-guide-pdp .hg-progress-stage {\n  position: relative;\n\n  color: #6d797e;\n\n  font-size: 10px;\n\n  line-height: 1.35;\n\n  font-weight: 650;\n\n  text-align: center;\n}\n\n.hair-guide-pdp\n.hg-progress-stage::before {\n  content: \"\";\n\n  position: absolute;\n\n  top: -22px;\n  left: 50%;\n\n  width: 10px;\n  height: 10px;\n\n  transform:\n    translateX(-50%);\n\n  border-radius: 50%;\n\n  background: #fff;\n\n  border:\n    2px solid #c2d0d4;\n\n  animation:\n    hgStage 6s ease-in-out infinite;\n}\n\n.hair-guide-pdp\n.hg-progress-stage:nth-child(2)::before {\n  animation-delay: 1.4s;\n}\n\n.hair-guide-pdp\n.hg-progress-stage:nth-child(3)::before {\n  animation-delay: 3.1s;\n}\n\n@keyframes hgStage {\n  0%,\n  18% {\n    background: #fff;\n\n    border-color:\n      #c2d0d4;\n  }\n\n  28%,\n  72% {\n    background:\n      var(--hg-cyan);\n\n    border-color:\n      var(--hg-cyan);\n  }\n\n  82%,\n  100% {\n    background:\n      var(--hg-blue);\n\n    border-color:\n      var(--hg-blue);\n  }\n}\n\n\n\/* =========================================================\n   CTA\n========================================================= *\/\n\n.hair-guide-pdp .hg-cta {\n  position: relative;\n\n  overflow: hidden;\n\n  padding:\n    38px 23px;\n\n  border-radius: 20px;\n\n  background:\n    radial-gradient(\n      circle at 91% 8%,\n      rgba(24,202,214,.28),\n      transparent 30%\n    ),\n    linear-gradient(\n      135deg,\n      #192228,\n      #27363d 57%,\n      #152026\n    );\n\n  box-shadow:\n    0 15px 40px rgba(15,28,34,.15);\n\n  text-align: center;\n}\n\n.hair-guide-pdp .hg-cta-title {\n  max-width: 730px;\n\n  margin:\n    0 auto 9px;\n\n  color: #fff;\n\n  font-size:\n    clamp(26px,4.4vw,35px);\n\n  line-height: 1.17;\n\n  font-weight: 820;\n\n  text-align: center;\n}\n\n.hair-guide-pdp .hg-cta-title span {\n  color: #55d8df;\n}\n\n.hair-guide-pdp .hg-cta-copy {\n  max-width: 620px;\n\n  margin:\n    0 auto 18px;\n\n  color:\n    rgba(255,255,255,.76);\n\n  font-size: 13.8px;\n\n  line-height: 1.62;\n\n  text-align: left;\n}\n\n.hair-guide-pdp .hg-buy-btn {\n  display: inline-flex;\n\n  align-items: center;\n  justify-content: center;\n\n  min-width: 190px;\n  min-height: 49px;\n\n  padding:\n    13px 32px;\n\n  border-radius: 999px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #1cc4ce,\n      #087d87\n    );\n\n  color:\n    #fff !important;\n\n  text-decoration:\n    none !important;\n\n  font-size: 14px;\n\n  font-weight: 830;\n\n  letter-spacing: .6px;\n\n  box-shadow:\n    0 9px 25px rgba(8,125,135,.30);\n\n  transition:\n    transform .25s ease,\n    box-shadow .25s ease;\n}\n\n.hair-guide-pdp\n.hg-buy-btn:hover {\n  transform:\n    translateY(-3px);\n\n  box-shadow:\n    0 13px 30px rgba(8,125,135,.38);\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width:900px) {\n\n  .hair-guide-pdp .hg-points {\n    grid-template-columns:\n      1fr 1fr;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width:640px) {\n\n  .hair-guide-pdp {\n    padding:\n      8px 10px;\n  }\n\n  .hair-guide-pdp .hg-card {\n    margin-bottom: 16px;\n\n    padding:\n      23px 15px 18px;\n\n    border-radius: 15px;\n  }\n\n  .hair-guide-pdp .hg-shipping-card {\n    padding:\n      0 !important;\n  }\n\n  .hair-guide-pdp .hg-title {\n    margin-bottom: 8px;\n\n    font-size: 25px;\n\n    line-height: 1.18;\n  }\n\n  .hair-guide-pdp .hg-desc {\n    margin-bottom: 9px;\n\n    font-size: 14.4px;\n\n    line-height: 1.62;\n  }\n\n  .hair-guide-pdp .hg-points {\n    grid-template-columns:\n      1fr;\n\n    gap: 6px;\n\n    margin:\n      8px auto 11px;\n  }\n\n  .hair-guide-pdp .hg-points li {\n    min-height: 0;\n\n    padding:\n      8px 10px;\n\n    font-size: 11.7px;\n  }\n\n  .hair-guide-pdp .hg-metrics {\n    gap: 6px;\n  }\n\n  .hair-guide-pdp .hg-metric {\n    padding:\n      14px 5px;\n  }\n\n  .hair-guide-pdp .hg-metric-value {\n    font-size: 20px;\n  }\n\n  .hair-guide-pdp .hg-metric-label {\n    font-size: 9px;\n  }\n\n  .hair-guide-pdp .hg-rating-grid {\n    grid-template-columns:\n      1fr;\n  }\n\n  .hair-guide-pdp .hg-review-list {\n    grid-template-columns:\n      1fr;\n  }\n\n  .hair-guide-pdp .hg-shipping-shell {\n    padding:\n      22px 12px 17px;\n\n    border-radius: 18px;\n  }\n\n  .hair-guide-pdp .hg-service-card {\n    flex:\n      0 0 86%;\n\n    min-height: 140px;\n  }\n\n  .hair-guide-pdp .hg-carousel {\n    padding-right: 12%;\n  }\n\n  .hair-guide-pdp .hg-carousel-controls {\n    justify-content: center;\n\n    margin-top: 1px;\n  }\n\n  .hair-guide-pdp .hg-cta {\n    padding:\n      32px 17px;\n  }\n\n  .hair-guide-pdp .hg-cta-copy {\n    font-size: 13px;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion:reduce) {\n\n  .hair-guide-pdp .hg-shipping-dot,\n  .hair-guide-pdp .hg-service-breath,\n  .hair-guide-pdp .hg-service-icon,\n  .hair-guide-pdp .hg-service-card,\n  .hair-guide-pdp .hg-track,\n  .hair-guide-pdp .hg-track::after,\n  .hair-guide-pdp .hg-progress-stage::before,\n  .hair-guide-pdp .hg-progress-live::before {\n    animation:\n      none !important;\n  }\n\n  .hair-guide-pdp .hg-service-card {\n    opacity: 1;\n\n    transform:\n      none;\n  }\n\n  .hair-guide-pdp .hg-track {\n    width: 100%;\n  }\n\n}\n\u003c\/style\u003e\n\u003cdiv class=\"hair-guide-pdp\" id=\"hair-guide-pdp-top\"\u003e\n\u003c!-- =====================================================\n     BLOCK 1 — HERO\n===================================================== --\u003e\n\u003cdiv class=\"hg-card theme-ice\"\u003e\n\u003cdiv class=\"hg-badges\"\u003e\n\u003cspan class=\"hg-badge\"\u003e ✂️ 4-PIECE KIT \u003c\/span\u003e \u003cspan class=\"hg-badge\"\u003e ⭐ 4.9\/5 RATING \u003c\/span\u003e \u003cspan class=\"hg-badge\"\u003e ↺ 30-DAY EASY RETURNS \u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"hg-title\"\u003e✂️ Master Your \u003cspan class=\"cyan\"\u003e Fade at Home \u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"hg-desc\"\u003eGetting an even fade at home can be difficult when you're trying to judge the line by eye. 💈 This 4-piece guide kit helps give your clippers or scissors a more consistent reference point so you can work with \u003cstrong\u003e better control and cleaner-looking transitions. \u003c\/strong\u003e\u003c\/p\u003e\n\u003cimg class=\"hg-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0754\/3829\/3081\/files\/9_10_1.gif?v=1789007170\" alt=\"4-piece hair cutting guide kit for DIY fades\"\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n     SOCIAL PROOF\n===================================================== --\u003e\n\u003cdiv class=\"hg-trust-card\"\u003e\n\u003cdiv class=\"hg-trust-eyebrow\"\u003e\n\u003cspan class=\"hg-live-dot\"\u003e\u003c\/span\u003e HOME GROOMING FAVORITE\u003c\/div\u003e\n\u003ch2 class=\"hg-trust-title\"\u003e⭐ More Confidence for \u003cspan\u003e DIY Haircuts \u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"hg-trust-copy\"\u003eA small guide can make a big difference when you're trying to keep both sides more consistent. 💬 Customer feedback frequently highlights the kit's simple setup, adjustable fit and ability to make at-home touch-ups feel easier to control.\u003c\/p\u003e\n\u003cdiv class=\"hg-metrics\"\u003e\n\u003cdiv class=\"hg-metric\"\u003e\n\u003cdiv class=\"hg-metric-value\"\u003e4.9\/5\u003c\/div\u003e\n\u003cdiv class=\"hg-metric-label\"\u003e⭐ Average Rating\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hg-metric\"\u003e\n\u003cdiv class=\"hg-metric-value\"\u003e1,280+\u003c\/div\u003e\n\u003cdiv class=\"hg-metric-label\"\u003e💬 Customer Reviews\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hg-metric\"\u003e\n\u003cdiv class=\"hg-metric-value\"\u003e92%\u003c\/div\u003e\n\u003cdiv class=\"hg-metric-label\"\u003e★ 5-Star Reviews\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n     BLOCK 2 — OVERVIEW\n===================================================== --\u003e\n\u003cdiv class=\"hg-card theme-gray\"\u003e\n\u003ch2 class=\"hg-title\"\u003e⚡ Cut Cleaner. \u003cspan class=\"cyan\"\u003e Fade Smarter. \u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"hg-desc\"\u003eEach tool in the set is designed to give you a physical guide instead of relying only on eyesight. 🔍 Use the different comb shapes and adjustable band to help position, lift and trim hair with \u003cstrong\u003e more predictable control. \u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"hg-points\"\u003e\n\u003cli\u003e🧰 Complete 4-piece guide set\u003c\/li\u003e\n\u003cli\u003e🎯 More controlled positioning\u003c\/li\u003e\n\u003cli\u003e💈 Useful for fades \u0026amp; touch-ups\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cimg class=\"hg-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0754\/3829\/3081\/files\/9c5fd782569f5af441e14747582aecb6_603a3189-7ce5-428e-abc6-e9a8b6845662.png?v=1789007199\" alt=\"Four piece hair cutting guide set\"\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n     BLOCK 3 — CLEANER LINES\n===================================================== --\u003e\n\u003cdiv class=\"hg-card theme-blue\"\u003e\n\u003ch2 class=\"hg-title\"\u003e🎯 Cleaner Lines. \u003cspan class=\"blue\"\u003e Easier Trims. \u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"hg-desc\"\u003eUneven necklines and inconsistent sides are common when cutting your own hair without a reference. ✂️ Place the guide against the hair and follow its edge with your trimmer to help create \u003cstrong\u003e a more even-looking finish. \u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"hg-points\"\u003e\n\u003cli\u003e📐 Provides a visible trimming guide\u003c\/li\u003e\n\u003cli\u003e✂️ Helps control clipper movement\u003c\/li\u003e\n\u003cli\u003e👌 Cleaner-looking edges\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cimg class=\"hg-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0754\/3829\/3081\/files\/1_000807c5-38ea-44f7-863a-226230cbb23b.png?v=1789007215\" alt=\"Hair cutting guide for cleaner fade lines\"\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n     BLOCK 4 — FADE LINE\n===================================================== --\u003e\n\u003cdiv class=\"hg-card theme-cyan\"\u003e\n\u003ch2 class=\"hg-title\"\u003e📏 No More Guessing \u003cspan class=\"cyan\"\u003e Your Fade Line \u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"hg-desc\"\u003eTrying to match both sides by eye can make a DIY fade feel frustrating. 🎯 Position the adjustable guide around your head to create a clearer reference line before trimming, helping you work toward \u003cstrong\u003e more consistent placement. \u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"hg-points\"\u003e\n\u003cli\u003e🎯 Clear reference line\u003c\/li\u003e\n\u003cli\u003e↔️ Helps align both sides\u003c\/li\u003e\n\u003cli\u003e💈 Less visual guesswork\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cimg class=\"hg-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0754\/3829\/3081\/files\/2_2aa1750a-9522-41f1-bbe1-94f1749457b6.png?v=1789007248\" alt=\"Adjustable fade line guide\"\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n     BLOCK 5 — FADE HEIGHT\n===================================================== --\u003e\n\u003cdiv class=\"hg-card theme-silver\"\u003e\n\u003ch2 class=\"hg-title\"\u003e↕️ Your Fade. \u003cspan class=\"slate\"\u003e Your Height. \u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"hg-desc\"\u003eNot every haircut uses the same fade position. ✨ Move the adjustable band higher or lower to create the reference point that fits your preferred \u003cstrong\u003e low, mid or high fade. \u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"hg-points\"\u003e\n\u003cli\u003e⬇️ Low fade positioning\u003c\/li\u003e\n\u003cli\u003e↔️ Mid fade positioning\u003c\/li\u003e\n\u003cli\u003e⬆️ High fade positioning\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cimg class=\"hg-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0754\/3829\/3081\/files\/3_74b5dc89-a00e-4369-8bdc-f710e7b33e3e.png?v=1789007266\" alt=\"Low mid and high fade positioning guide\"\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n     BLOCK 6 — CLIPPERS \/ SCISSORS\n===================================================== --\u003e\n\u003cdiv class=\"hg-card theme-gray\"\u003e\n\u003ch2 class=\"hg-title\"\u003e✂️ One Guide. \u003cspan class=\"cyan\"\u003e Two Ways to Trim. \u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"hg-desc\"\u003eDifferent parts of a haircut may call for different tools. 💈 Use the guide comb with electric clippers for shorter sections or pair it with scissors when you want \u003cstrong\u003e more controlled manual trimming. \u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"hg-points\"\u003e\n\u003cli\u003e⚡ Clipper compatible\u003c\/li\u003e\n\u003cli\u003e✂️ Scissor compatible\u003c\/li\u003e\n\u003cli\u003e🎯 Better guide control\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cimg class=\"hg-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0754\/3829\/3081\/files\/4_20d8a124-c7e5-45bb-9b6c-8de88312cde7.png?v=1789007279\" alt=\"Guide comb used with clippers and scissors\"\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n     BLOCK 7 — HOW IT WORKS\n===================================================== --\u003e\n\u003cdiv class=\"hg-card theme-blue\"\u003e\n\u003ch2 class=\"hg-title\"\u003e🪮 3 Steps to a \u003cspan class=\"blue\"\u003e Cleaner Trim \u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"hg-desc\"\u003eThe technique is simple: position the guide, trim along the reference and repeat around the area you want to blend. ✨ Work gradually and check the result as you go for \u003cstrong\u003e smoother-looking transitions. \u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"hg-points\"\u003e\n\u003cli\u003e1️⃣ Position the guide\u003c\/li\u003e\n\u003cli\u003e2️⃣ Trim along the comb\u003c\/li\u003e\n\u003cli\u003e3️⃣ Repeat \u0026amp; blend\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cimg class=\"hg-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0754\/3829\/3081\/files\/a9d1aefaba5b71c7b8fa2b32ec13b557_6aff8d8b-6c46-4d26-88e8-e97166aed1e7.png?v=1789008181\" alt=\"Three step hair cutting guide instructions\"\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n     BLOCK 8 — ADJUSTABLE BAND\n===================================================== --\u003e\n\u003cdiv class=\"hg-card theme-cyan\"\u003e\n\u003ch2 class=\"hg-title\"\u003e🔒 Adjust. \u003cspan class=\"cyan\"\u003e Position. Secure. \u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"hg-desc\"\u003eA guide only works well when it stays where you place it. 📐 Adjust the flexible band around your head, choose the desired height and secure the buckle before trimming for \u003cstrong\u003e a more stable reference line. \u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"hg-points\"\u003e\n\u003cli\u003e↔️ Adjustable circumference\u003c\/li\u003e\n\u003cli\u003e🔒 Secure buckle closure\u003c\/li\u003e\n\u003cli\u003e🎯 Reposition as needed\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cimg class=\"hg-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0754\/3829\/3081\/files\/080d71f1c1d8c73bf56357dced2e800f.png?v=1789008198\" alt=\"Adjustable hair cutting guide strap\"\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n     NEW BLOCK 9 — HOME GROOMING SCENE\n===================================================== --\u003e\n\u003cdiv class=\"hg-card theme-home\"\u003e\n\u003ch2 class=\"hg-title\"\u003e🏠 Barber-Style Guidance \u003cspan class=\"blue\"\u003e at Home \u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"hg-desc\"\u003eKeep routine trims easier between barber visits without relying only on guesswork or trying to match both sides by eye. ✂️ Whether you're trimming your own hair or getting help from someone at home, the guide provides a clearer reference point for \u003cstrong\u003e easier positioning and more controlled touch-ups. \u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"hg-points\"\u003e\n\u003cli\u003e🏠 Save time with home touch-ups\u003c\/li\u003e\n\u003cli\u003e💰 Maintain your cut between barber visits\u003c\/li\u003e\n\u003cli\u003e✂️ Cleaner-looking, more controlled results\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0754\/3829\/3081\/files\/d78cfc36bf741d828efa38128aca5070_6a611264-c0ce-45bd-ac30-bec4c4e6af3c.png?v=1789010698\" alt=\"\"\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n     BLOCK 10 — SPECS\n===================================================== --\u003e\n\u003cdiv class=\"hg-card theme-silver\"\u003e\n\u003ch2 class=\"hg-title\"\u003e📐 Complete \u003cspan class=\"slate\"\u003e 4-Piece Kit \u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"hg-desc\"\u003eThe set combines multiple guide shapes so you can choose the tool that best fits the section you're working on. 🧰 Check the dimensions below to see the size and format of each included \u003cstrong\u003e trimming guide component. \u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"hg-points\"\u003e\n\u003cli\u003e🪮 Multiple comb shapes\u003c\/li\u003e\n\u003cli\u003e🔘 Adjustable guide band\u003c\/li\u003e\n\u003cli\u003e🏠 Compact home grooming set\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cimg class=\"hg-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0754\/3829\/3081\/files\/c1e5d6d376aa79150a0842e306bac60f.png?v=1789008438\" alt=\"Four piece hair guide kit specifications\"\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n     BLOCK 11 — REVIEWS\n===================================================== --\u003e\n\u003cdiv class=\"hg-card theme-ice\"\u003e\n\u003ch2 class=\"hg-title\"\u003e⭐ What Home Groomers \u003cspan class=\"cyan\"\u003e Are Saying \u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"hg-desc\"\u003eSimple tools can be especially useful when you're maintaining a haircut between barber visits. 💬 Review feedback often focuses on easier positioning, adjustment and \u003cstrong\u003e more controlled DIY trims. \u003c\/strong\u003e\u003c\/p\u003e\n\u003cdiv class=\"hg-rating-grid\"\u003e\n\u003cdiv class=\"hg-rating-box\"\u003e\n\u003cdiv class=\"hg-rating-score\"\u003e4.9\u003c\/div\u003e\n\u003cdiv class=\"hg-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cdiv class=\"hg-rating-count\"\u003eBased on 1,280+ reviews\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hg-bars\"\u003e\n\u003cdiv class=\"hg-bar-row\"\u003e\n\u003cspan\u003e 5 Star \u003c\/span\u003e\n\u003cdiv class=\"hg-bar-bg\"\u003e\n\u003cdiv class=\"hg-bar-fill\" style=\"width: 92%;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cspan\u003e 92% \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hg-bar-row\"\u003e\n\u003cspan\u003e 4 Star \u003c\/span\u003e\n\u003cdiv class=\"hg-bar-bg\"\u003e\n\u003cdiv class=\"hg-bar-fill\" style=\"width: 6%;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cspan\u003e 6% \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hg-bar-row\"\u003e\n\u003cspan\u003e 3 Star \u003c\/span\u003e\n\u003cdiv class=\"hg-bar-bg\"\u003e\n\u003cdiv class=\"hg-bar-fill\" style=\"width: 2%;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cspan\u003e 2% \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hg-review-summary\"\u003e💬 \u003cstrong\u003e Shopper Highlight: \u003c\/strong\u003e Customers frequently mention that having a visible guide makes positioning easier and gives them more confidence when maintaining fades at home.\u003c\/div\u003e\n\u003cdiv class=\"hg-review-list\"\u003e\n\u003cdiv class=\"hg-review\"\u003e\n\u003cdiv class=\"hg-stars\" style=\"font-size: 13px;\"\u003e★★★★★\u003c\/div\u003e\n“Absolute game changer for home haircuts. No more uneven necklines!”\n\u003cdiv class=\"hg-review-name\"\u003e— Alex M.\u003c\/div\u003e\n\u003cdiv class=\"hg-review-name\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0754\/3829\/3081\/files\/1_a4c34a67-4442-4b0d-b439-cf035423dac9.png?v=1789009925\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hg-review\"\u003e\n\u003cdiv class=\"hg-stars\" style=\"font-size: 13px;\"\u003e★★★★★\u003c\/div\u003e\n“Super easy to use and adjust. Highly recommended for anyone wanting a clean fade.”\n\u003cdiv class=\"hg-review-name\"\u003e— David R.\u003c\/div\u003e\n\u003cdiv class=\"hg-review-name\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0754\/3829\/3081\/files\/2_92ace56d-1ab2-40a6-9f3a-1dce29cd56d0.png?v=1789009942\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n     BLOCK 12 — FAQ\n===================================================== --\u003e\n\u003cdiv class=\"hg-card theme-gray\"\u003e\n\u003ch2 class=\"hg-title\"\u003e💬 Frequently Asked \u003cspan class=\"cyan\"\u003e Questions \u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"hg-desc\"\u003eStill deciding whether the kit will work for your grooming routine? 👇 Tap anywhere on each question to open the answer.\u003c\/p\u003e\n\u003cdiv class=\"hg-faq-wrap\"\u003e\n\u003cdetails class=\"hg-faq-item\"\u003e\n\u003csummary class=\"hg-faq-question\"\u003e\u003cspan\u003e 📏 Will this fit different head sizes? \u003c\/span\u003e \u003cspan class=\"hg-faq-icon\"\u003e + \u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"hg-faq-answer\"\u003eThe adjustable band uses a flexible design with a buckle closure so you can reposition and secure it around different head sizes.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"hg-faq-item\"\u003e\n\u003csummary class=\"hg-faq-question\"\u003e\u003cspan\u003e ✂️ Can I use clippers and scissors? \u003c\/span\u003e \u003cspan class=\"hg-faq-icon\"\u003e + \u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"hg-faq-answer\"\u003eYes. The guide comb can be paired with electric clippers or styling scissors depending on the section of hair and trimming method you prefer.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"hg-faq-item\"\u003e\n\u003csummary class=\"hg-faq-question\"\u003e\u003cspan\u003e 🏠 Is it suitable for beginners? \u003c\/span\u003e \u003cspan class=\"hg-faq-icon\"\u003e + \u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"hg-faq-answer\"\u003eIt is designed to provide a physical reference during trimming, which can make positioning easier for people learning to maintain their hair at home.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"hg-faq-item\"\u003e\n\u003csummary class=\"hg-faq-question\"\u003e\u003cspan\u003e 💈 What styles can I use it for? \u003c\/span\u003e \u003cspan class=\"hg-faq-icon\"\u003e + \u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"hg-faq-answer\"\u003eThe guides are particularly useful for fade positioning, neckline cleanup, side trimming and general blending or touch-up work.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n     BLOCK 13 — SHIPPING\n===================================================== --\u003e\n\u003cdiv class=\"hg-card hg-shipping-card\"\u003e\n\u003cdiv class=\"hg-shipping-shell\"\u003e\n\u003cdiv class=\"hg-shipping-eyebrow\"\u003e\n\u003cspan class=\"hg-shipping-dot\"\u003e\u003c\/span\u003e SHOP WITH CONFIDENCE\u003c\/div\u003e\n\u003ch2 class=\"hg-title\"\u003e📦 From Checkout \u003cspan class=\"cyan\"\u003e to Your Door \u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"hg-shipping-intro\"\u003eSimple ordering, tracked delivery and straightforward support from purchase to arrival.\u003c\/p\u003e\n\u003cdiv class=\"hg-carousel-frame\"\u003e\n\u003cdiv class=\"hg-carousel\"\u003e\n\u003cdiv class=\"hg-service-card\" id=\"hg-service-1\"\u003e\n\u003cspan class=\"hg-service-breath\"\u003e\u003c\/span\u003e\n\u003cdiv class=\"hg-service-icon\"\u003e📦\u003c\/div\u003e\n\u003cdiv class=\"hg-service-title\"\u003eFast Dispatch\u003c\/div\u003e\n\u003cdiv class=\"hg-service-desc\"\u003eOrders are prepared promptly for shipment.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hg-service-card\" id=\"hg-service-2\"\u003e\n\u003cspan class=\"hg-service-breath\"\u003e\u003c\/span\u003e\n\u003cdiv class=\"hg-service-icon\"\u003e✈️\u003c\/div\u003e\n\u003cdiv class=\"hg-service-title\"\u003eTracked Delivery\u003c\/div\u003e\n\u003cdiv class=\"hg-service-desc\"\u003eFollow your parcel through its delivery journey.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hg-service-card\" id=\"hg-service-3\"\u003e\n\u003cspan class=\"hg-service-breath\"\u003e\u003c\/span\u003e\n\u003cdiv class=\"hg-service-icon\"\u003e↺\u003c\/div\u003e\n\u003cdiv class=\"hg-service-title\"\u003eEasy Returns\u003c\/div\u003e\n\u003cdiv class=\"hg-service-desc\"\u003eEligible orders include a 30-day return window.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hg-service-card\" id=\"hg-service-4\"\u003e\n\u003cspan class=\"hg-service-breath\"\u003e\u003c\/span\u003e\n\u003cdiv class=\"hg-service-icon\"\u003e🔒\u003c\/div\u003e\n\u003cdiv class=\"hg-service-title\"\u003eSecure Checkout\u003c\/div\u003e\n\u003cdiv class=\"hg-service-desc\"\u003eProtected checkout for greater peace of mind.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hg-carousel-controls\"\u003e\n\u003cdiv class=\"hg-control-set hg-controls-default\"\u003e\n\u003ca class=\"hg-carousel-btn\" href=\"#hg-service-4\"\u003e ‹ \u003c\/a\u003e \u003ca class=\"hg-carousel-btn\" href=\"#hg-service-2\"\u003e › \u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hg-control-set hg-controls-1\"\u003e\n\u003ca class=\"hg-carousel-btn\" href=\"#hg-service-4\"\u003e ‹ \u003c\/a\u003e \u003ca class=\"hg-carousel-btn\" href=\"#hg-service-2\"\u003e › \u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hg-control-set hg-controls-2\"\u003e\n\u003ca class=\"hg-carousel-btn\" href=\"#hg-service-1\"\u003e ‹ \u003c\/a\u003e \u003ca class=\"hg-carousel-btn\" href=\"#hg-service-3\"\u003e › \u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hg-control-set hg-controls-3\"\u003e\n\u003ca class=\"hg-carousel-btn\" href=\"#hg-service-2\"\u003e ‹ \u003c\/a\u003e \u003ca class=\"hg-carousel-btn\" href=\"#hg-service-4\"\u003e › \u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hg-control-set hg-controls-4\"\u003e\n\u003ca class=\"hg-carousel-btn\" href=\"#hg-service-3\"\u003e ‹ \u003c\/a\u003e \u003ca class=\"hg-carousel-btn\" href=\"#hg-service-1\"\u003e › \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ORDER JOURNEY --\u003e\n\u003cdiv class=\"hg-order-progress\"\u003e\n\u003cdiv class=\"hg-progress-top\"\u003e\n\u003cspan\u003e Order Journey \u003c\/span\u003e \u003cspan class=\"hg-progress-live\"\u003e LIVE STATUS \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hg-track-wrap\"\u003e\n\u003cdiv class=\"hg-track\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hg-progress-stages\"\u003e\n\u003cdiv class=\"hg-progress-stage\"\u003eOrder Placed\u003c\/div\u003e\n\u003cdiv class=\"hg-progress-stage\"\u003eIn Transit\u003c\/div\u003e\n\u003cdiv class=\"hg-progress-stage\"\u003eDelivered\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n     BLOCK 14 — CTA\n===================================================== --\u003e\n\u003cdiv class=\"hg-cta\"\u003e\n\u003ch2 class=\"hg-cta-title\"\u003e✂️ Ready for a \u003cspan\u003e Cleaner Home Trim? \u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"hg-cta-copy\"\u003eAdd a clear guide to your grooming routine and take more control over fades, edges and regular touch-ups. 💈 Choose your kit above and make your next DIY trim easier to plan.\u003c\/p\u003e\n\u003ca href=\"#hair-guide-pdp-top\" class=\"hg-buy-btn\"\u003e BUY NOW ↑ \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"XIESHU","offers":[{"title":"Default Title","offer_id":44867348955225,"sku":"NC03142609105802-灰色发带美发梳（四件套）","price":24.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0754\/3829\/3081\/files\/1_22e2332b-5214-46ab-93bf-add6fd5b4000.png?v=1789008300","url":"https:\/\/treavhds.com\/zh\/products\/%e2%9c%82%ef%b8%8f-4-piece-hair-cutting-guide-kit-adjustable-home-barber-set","provider":"treavhds","version":"1.0","type":"link"}