{"product_id":"✨hydraulic-self-closing-hinge-adjustable-soft-close-door-hinge","title":"✨Hydraulic Self-Closing Hinge \/ Adjustable Soft-Close Door Hinge","description":"\u003c!-- =========================================================\nHYDRAULIC SELF-CLOSING HINGE\nPREMIUM SHOPIFY BODY HTML\n\nIMAGE MAP\n01 - HERO \/ HYDRAULIC SELF-CLOSING HINGE\n02 - 4-IN-1 SELF-CLOSING CONTROL\n03 - ADJUSTABLE CLOSING FORCE\n04 - CLEAN \/ LOW-PROFILE CLOSED VIEW\n05 - SIZE \u0026 BUILD DETAILS\n06 - BLACK \/ GOLD \/ SILVER FINISHES\n07 - QUICK INSTALLATION\n08 - QUIET CLOSE \/ HOME LIFESTYLE\n\n600PX CENTERED\nMOBILE OPTIMIZED\nNO JAVASCRIPT\nCOMMON STANDARD 24x24 SVG ICONS ONLY\n========================================================= --\u003e\n\u003cstyle\u003e\n.sp6-wrap,\n.sp6-wrap *{\n  box-sizing:border-box;\n}\n\n.sp6-wrap{\n  --black:#171717;\n  --dark:#242424;\n  --gold:#c99543;\n  --gold2:#e7c77e;\n  --cream:#fbf7ef;\n  --cream2:#f3eadb;\n  --silver:#e9e9e9;\n  --text:#292929;\n  --muted:#706b65;\n  --line:#e4ddd2;\n  --white:#ffffff;\n\n  width:100%;\n  max-width:600px;\n  margin:0 auto;\n  overflow:hidden;\n\n  background:#ffffff;\n  color:var(--text);\n\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Arial,\n    Helvetica,\n    sans-serif;\n\n  font-size:16px;\n  line-height:1.65;\n}\n\n.sp6-wrap img{\n  display:block;\n  width:100%;\n  max-width:100%;\n  height:auto;\n  margin:0;\n  border:0;\n  object-fit:contain;\n}\n\n\n\/* =========================================================\n   STANDARD ICON SYSTEM\n   INDEPENDENT 24x24 SVG ONLY\n========================================================= *\/\n\n.sp6-icon{\n  width:24px !important;\n  height:24px !important;\n\n  min-width:24px !important;\n  min-height:24px !important;\n\n  max-width:24px !important;\n  max-height:24px !important;\n\n  display:inline-flex !important;\n  align-items:center !important;\n  justify-content:center !important;\n\n  flex:0 0 24px !important;\n  flex-shrink:0 !important;\n\n  aspect-ratio:1 \/ 1 !important;\n  object-fit:contain !important;\n\n  overflow:hidden !important;\n  line-height:1 !important;\n}\n\n.sp6-icon svg{\n  display:block !important;\n\n  width:24px !important;\n  height:24px !important;\n\n  min-width:24px !important;\n  min-height:24px !important;\n\n  max-width:24px !important;\n  max-height:24px !important;\n\n  flex:0 0 24px !important;\n  flex-shrink:0 !important;\n\n  aspect-ratio:1 \/ 1 !important;\n\n  object-fit:contain !important;\n  object-position:center !important;\n\n  overflow:visible !important;\n}\n\n\n\/* =========================================================\n   COMMON\n========================================================= *\/\n\n.sp6-section{\n  padding:42px 24px;\n}\n\n.sp6-center{\n  text-align:center;\n}\n\n.sp6-eyebrow{\n  margin:0 0 8px;\n\n  color:var(--gold);\n\n  font-size:12px;\n  font-weight:850;\n  line-height:1.35;\n  letter-spacing:1.5px;\n\n  text-transform:uppercase;\n}\n\n.sp6-h1,\n.sp6-h2{\n  margin:0;\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-weight:700;\n  letter-spacing:-.75px;\n}\n\n.sp6-h1{\n  color:#ffffff;\n  font-size:43px;\n  line-height:1.04;\n}\n\n.sp6-h2{\n  color:var(--black);\n  font-size:35px;\n  line-height:1.08;\n}\n\n.sp6-lead{\n  max-width:510px;\n  margin:15px auto 0;\n\n  color:var(--muted);\n\n  font-size:16px;\n  line-height:1.7;\n}\n\n.sp6-image{\n  width:100%;\n  margin:0;\n  padding:0;\n  background:#ffffff;\n}\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.sp6-hero{\n  position:relative;\n\n  padding:48px 27px 41px;\n\n  overflow:hidden;\n\n  text-align:center;\n  color:#ffffff;\n\n  background:\n    radial-gradient(\n      circle at 50% 0%,\n      rgba(201,149,67,.26),\n      transparent 38%\n    ),\n    linear-gradient(\n      145deg,\n      #303030 0%,\n      #171717 60%,\n      #080808 100%\n    );\n}\n\n.sp6-hero:after{\n  position:absolute;\n\n  right:-110px;\n  bottom:-120px;\n\n  width:225px;\n  height:225px;\n\n  border:1px solid rgba(255,255,255,.08);\n  border-radius:50%;\n\n  content:\"\";\n}\n\n.sp6-hero-inner{\n  position:relative;\n  z-index:2;\n}\n\n.sp6-hero-badge{\n  display:inline-flex;\n  align-items:center;\n  gap:8px;\n\n  margin-bottom:18px;\n  padding:8px 14px;\n\n  border:1px solid rgba(231,199,126,.45);\n  border-radius:999px;\n\n  background:rgba(255,255,255,.06);\n  color:var(--gold2);\n\n  font-size:12px;\n  font-weight:800;\n  letter-spacing:1px;\n\n  text-transform:uppercase;\n}\n\n.sp6-hero-copy{\n  max-width:505px;\n  margin:17px auto 0;\n\n  color:rgba(255,255,255,.82);\n\n  font-size:17px;\n  line-height:1.68;\n}\n\n.sp6-hero-grid{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n\n  gap:8px;\n  margin-top:25px;\n}\n\n.sp6-hero-card{\n  padding:15px 6px;\n\n  border:1px solid rgba(255,255,255,.11);\n  border-radius:14px;\n\n  background:rgba(255,255,255,.055);\n}\n\n.sp6-hero-card .sp6-icon{\n  margin:0 auto 8px;\n  color:var(--gold2);\n}\n\n.sp6-hero-card strong{\n  display:block;\n\n  color:#ffffff;\n\n  font-size:12px;\n  line-height:1.3;\n}\n\n\n\/* =========================================================\n   BENEFITS\n========================================================= *\/\n\n.sp6-benefits{\n  padding:41px 20px;\n  background:var(--cream);\n}\n\n.sp6-benefit-grid{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n\n  gap:10px;\n  margin-top:24px;\n}\n\n.sp6-benefit{\n  padding:20px 15px;\n\n  border:1px solid var(--line);\n  border-radius:17px;\n\n  background:#ffffff;\n}\n\n.sp6-benefit-icon{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  width:44px;\n  height:44px;\n\n  margin-bottom:12px;\n\n  border-radius:50%;\n\n  background:#f4e6c9;\n  color:var(--black);\n}\n\n.sp6-benefit h3{\n  margin:0 0 6px;\n\n  color:var(--black);\n\n  font-size:16px;\n  font-weight:800;\n  line-height:1.3;\n}\n\n.sp6-benefit p{\n  margin:0;\n\n  color:var(--muted);\n\n  font-size:13px;\n  line-height:1.55;\n}\n\n\n\/* =========================================================\n   4-IN-1 CONTROL\n========================================================= *\/\n\n.sp6-control{\n  padding:43px 24px;\n\n  color:#ffffff;\n\n  background:\n    radial-gradient(\n      circle at 90% 0%,\n      rgba(201,149,67,.19),\n      transparent 34%\n    ),\n    linear-gradient(\n      145deg,\n      #2c2c2c,\n      #111111\n    );\n}\n\n.sp6-control .sp6-eyebrow{\n  color:var(--gold2);\n}\n\n.sp6-control .sp6-h2{\n  color:#ffffff;\n}\n\n.sp6-control .sp6-lead{\n  color:rgba(255,255,255,.74);\n}\n\n.sp6-control-list{\n  margin-top:24px;\n}\n\n.sp6-control-row{\n  display:flex;\n  align-items:flex-start;\n  gap:13px;\n\n  padding:17px 0;\n\n  border-top:1px solid rgba(255,255,255,.11);\n}\n\n.sp6-control-row:first-child{\n  padding-top:0;\n  border-top:0;\n}\n\n.sp6-control-row .sp6-icon{\n  margin-top:2px;\n  color:var(--gold2);\n}\n\n.sp6-control-row h3{\n  margin:0 0 4px;\n\n  color:#ffffff;\n\n  font-size:16px;\n  font-weight:800;\n}\n\n.sp6-control-row p{\n  margin:0;\n\n  color:rgba(255,255,255,.70);\n\n  font-size:13px;\n  line-height:1.55;\n}\n\n\n\/* =========================================================\n   ADJUSTMENT\n========================================================= *\/\n\n.sp6-adjust{\n  padding:42px 22px;\n\n  background:\n    linear-gradient(\n      180deg,\n      #ffffff,\n      #f7f3ec\n    );\n}\n\n.sp6-adjust-grid{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n\n  gap:10px;\n  margin-top:23px;\n}\n\n.sp6-adjust-card{\n  padding:19px 14px;\n\n  border:1px solid var(--line);\n  border-radius:15px;\n\n  background:#ffffff;\n}\n\n.sp6-adjust-card .sp6-icon{\n  margin-bottom:9px;\n  color:var(--gold);\n}\n\n.sp6-adjust-card strong{\n  display:block;\n  margin-bottom:4px;\n\n  color:var(--black);\n\n  font-size:14px;\n}\n\n.sp6-adjust-card p{\n  margin:0;\n\n  color:var(--muted);\n\n  font-size:12px;\n  line-height:1.55;\n}\n\n\n\/* =========================================================\n   CLEAN LOOK\n========================================================= *\/\n\n.sp6-clean{\n  padding:43px 24px;\n  background:var(--cream);\n}\n\n.sp6-clean-box{\n  display:flex;\n  align-items:flex-start;\n  gap:14px;\n\n  margin-top:22px;\n  padding:20px;\n\n  border:1px solid var(--line);\n  border-radius:17px;\n\n  background:#ffffff;\n}\n\n.sp6-clean-icon{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  width:46px;\n  height:46px;\n  min-width:46px;\n\n  border-radius:14px;\n\n  background:var(--black);\n  color:var(--gold2);\n}\n\n.sp6-clean-box h3{\n  margin:0 0 5px;\n\n  color:var(--black);\n\n  font-size:17px;\n  font-weight:800;\n}\n\n.sp6-clean-box p{\n  margin:0;\n\n  color:var(--muted);\n\n  font-size:13px;\n  line-height:1.6;\n}\n\n\n\/* =========================================================\n   SPECS\n========================================================= *\/\n\n.sp6-spec{\n  padding:42px 22px;\n  background:#ffffff;\n}\n\n.sp6-spec-grid{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n\n  gap:9px;\n  margin-top:23px;\n}\n\n.sp6-spec-card{\n  padding:17px 14px;\n\n  border:1px solid var(--line);\n  border-radius:14px;\n\n  background:#faf8f4;\n}\n\n.sp6-spec-top{\n  display:flex;\n  align-items:center;\n  gap:9px;\n\n  margin-bottom:6px;\n}\n\n.sp6-spec-top .sp6-icon{\n  color:var(--gold);\n}\n\n.sp6-spec-card strong{\n  color:var(--black);\n  font-size:13px;\n}\n\n.sp6-spec-card p{\n  margin:0;\n\n  color:var(--muted);\n\n  font-size:12px;\n  line-height:1.5;\n}\n\n.sp6-note{\n  margin-top:17px;\n  padding:15px 16px;\n\n  border-left:4px solid var(--gold);\n  border-radius:0 12px 12px 0;\n\n  background:#fbf5e9;\n\n  color:var(--muted);\n\n  font-size:12px;\n  line-height:1.6;\n}\n\n\n\/* =========================================================\n   FINISHES\n========================================================= *\/\n\n.sp6-finishes{\n  padding:42px 22px;\n\n  background:\n    linear-gradient(\n      180deg,\n      #f7f4ee,\n      #efebe4\n    );\n}\n\n.sp6-finish-grid{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n\n  gap:8px;\n  margin-top:23px;\n}\n\n.sp6-finish{\n  padding:17px 7px;\n\n  border:1px solid var(--line);\n  border-radius:14px;\n\n  background:#ffffff;\n\n  text-align:center;\n}\n\n.sp6-finish-dot{\n  width:30px;\n  height:30px;\n\n  margin:0 auto 9px;\n\n  border:1px solid rgba(0,0,0,.10);\n  border-radius:50%;\n}\n\n.sp6-finish-dot.black{\n  background:#1d1d1d;\n}\n\n.sp6-finish-dot.gold{\n  background:linear-gradient(135deg,#e7c167,#b67a22);\n}\n\n.sp6-finish-dot.silver{\n  background:linear-gradient(135deg,#f7f7f7,#a7a7a7);\n}\n\n.sp6-finish strong{\n  display:block;\n\n  color:var(--black);\n\n  font-size:12px;\n  line-height:1.4;\n}\n\n\n\/* =========================================================\n   INSTALLATION\n========================================================= *\/\n\n.sp6-install{\n  padding:42px 22px;\n  background:#ffffff;\n}\n\n.sp6-step{\n  display:flex;\n  align-items:flex-start;\n  gap:14px;\n\n  padding:17px 0;\n\n  border-bottom:1px solid var(--line);\n}\n\n.sp6-step:last-child{\n  border-bottom:0;\n}\n\n.sp6-step-icon{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  width:43px;\n  height:43px;\n  min-width:43px;\n\n  border-radius:13px;\n\n  background:var(--black);\n  color:var(--gold2);\n}\n\n.sp6-step h3{\n  margin:0 0 4px;\n\n  color:var(--black);\n\n  font-size:16px;\n  font-weight:800;\n}\n\n.sp6-step p{\n  margin:0;\n\n  color:var(--muted);\n\n  font-size:13px;\n  line-height:1.55;\n}\n\n\n\/* =========================================================\n   LIFESTYLE\n========================================================= *\/\n\n.sp6-life{\n  padding:43px 22px;\n\n  background:#171717;\n  color:#ffffff;\n}\n\n.sp6-life .sp6-eyebrow{\n  color:var(--gold2);\n}\n\n.sp6-life .sp6-h2{\n  color:#ffffff;\n}\n\n.sp6-life .sp6-lead{\n  color:rgba(255,255,255,.74);\n}\n\n.sp6-life-grid{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n\n  gap:9px;\n  margin-top:23px;\n}\n\n.sp6-life-card{\n  padding:18px 13px;\n\n  border:1px solid rgba(255,255,255,.11);\n  border-radius:14px;\n\n  background:rgba(255,255,255,.05);\n}\n\n.sp6-life-card .sp6-icon{\n  margin-bottom:9px;\n  color:var(--gold2);\n}\n\n.sp6-life-card strong{\n  display:block;\n  margin-bottom:4px;\n\n  color:#ffffff;\n\n  font-size:14px;\n}\n\n.sp6-life-card p{\n  margin:0;\n\n  color:rgba(255,255,255,.68);\n\n  font-size:12px;\n  line-height:1.5;\n}\n\n\n\/* =========================================================\n   FAQ\n========================================================= *\/\n\n.sp6-faq{\n  padding:42px 20px;\n  background:#ffffff;\n}\n\n.sp6-faq-head{\n  margin-bottom:20px;\n  text-align:center;\n}\n\n.sp6-faq details{\n  margin-bottom:10px;\n\n  border:1px solid var(--line);\n  border-radius:14px;\n\n  overflow:hidden;\n\n  background:#faf8f4;\n}\n\n.sp6-faq summary{\n  position:relative;\n  display:block;\n\n  padding:16px 48px 16px 18px;\n\n  color:var(--black);\n\n  font-size:14px;\n  font-weight:800;\n  line-height:1.45;\n\n  list-style:none;\n  cursor:pointer;\n}\n\n.sp6-faq summary::-webkit-details-marker{\n  display:none;\n}\n\n.sp6-faq summary:after{\n  position:absolute;\n  top:50%;\n  right:17px;\n\n  width:24px;\n  height:24px;\n\n  margin-top:-12px;\n\n  border-radius:50%;\n\n  background:#f1e2c3;\n  color:var(--black);\n\n  content:\"+\";\n\n  font-size:18px;\n  font-weight:700;\n  line-height:22px;\n\n  text-align:center;\n}\n\n.sp6-faq details[open] summary:after{\n  content:\"−\";\n}\n\n.sp6-faq-answer{\n  padding:0 18px 18px;\n\n  color:var(--muted);\n\n  font-size:14px;\n  line-height:1.65;\n}\n\n\n\/* =========================================================\n   TRUST\n========================================================= *\/\n\n.sp6-trust{\n  padding:34px 20px;\n\n  background:#ffffff;\n\n  text-align:center;\n}\n\n.sp6-trust-line{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  gap:8px;\n\n  color:var(--black);\n\n  font-size:14px;\n  font-weight:800;\n}\n\n.sp6-payment-row{\n  display:flex;\n  flex-wrap:wrap;\n  justify-content:center;\n  gap:7px;\n\n  margin:17px 0 12px;\n}\n\n.sp6-payment{\n  min-width:72px;\n\n  padding:8px 10px;\n\n  border:1px solid #dedede;\n  border-radius:8px;\n\n  background:#ffffff;\n\n  color:#292929;\n\n  font-size:12px;\n  font-weight:800;\n  line-height:1;\n}\n\n.sp6-help{\n  margin:0;\n\n  color:#77716b;\n\n  font-size:12px;\n  line-height:1.5;\n}\n\n\n\/* =========================================================\n   CTA\n========================================================= *\/\n\n.sp6-cta-wrap{\n  padding:0 15px 20px;\n  background:#ffffff;\n}\n\n.sp6-cta{\n  position:relative;\n  display:block;\n\n  padding:37px 24px 30px;\n\n  overflow:hidden;\n\n  border-radius:22px;\n\n  color:#ffffff !important;\n\n  background:\n    radial-gradient(\n      circle at 90% 0%,\n      rgba(201,149,67,.25),\n      transparent 35%\n    ),\n    linear-gradient(\n      145deg,\n      #303030,\n      #161616 60%,\n      #080808\n    );\n\n  box-shadow:\n    0 14px 32px rgba(0,0,0,.20);\n\n  text-align:center;\n  text-decoration:none !important;\n}\n\n.sp6-cta-icon{\n  margin:0 auto 12px;\n\n  color:var(--gold2);\n\n  animation:sp6Float 1.8s ease-in-out infinite;\n}\n\n.sp6-cta-small{\n  margin:0 0 8px;\n\n  color:var(--gold2);\n\n  font-size:11px;\n  font-weight:850;\n  letter-spacing:1.4px;\n\n  text-transform:uppercase;\n}\n\n.sp6-cta h2{\n  margin:0;\n\n  color:#ffffff;\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size:34px;\n  font-weight:700;\n  line-height:1.08;\n}\n\n.sp6-cta-copy{\n  max-width:465px;\n\n  margin:14px auto 20px;\n\n  color:rgba(255,255,255,.80);\n\n  font-size:14px;\n  line-height:1.62;\n}\n\n.sp6-cta-button{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  gap:9px;\n\n  min-width:215px;\n\n  padding:13px 18px;\n\n  border-radius:999px;\n\n  background:var(--gold2);\n  color:var(--black);\n\n  font-size:13px;\n  font-weight:900;\n  letter-spacing:.45px;\n}\n\n.sp6-arrow{\n  color:var(--black);\n\n  animation:sp6Arrow 1.2s ease-in-out infinite;\n}\n\n@keyframes sp6Float{\n  0%,100%{\n    transform:translateY(0);\n  }\n\n  50%{\n    transform:translateY(-5px);\n  }\n}\n\n@keyframes sp6Arrow{\n  0%,100%{\n    transform:translateY(2px);\n  }\n\n  50%{\n    transform:translateY(-3px);\n  }\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:600px){\n\n  .sp6-section,\n  .sp6-control,\n  .sp6-adjust,\n  .sp6-clean,\n  .sp6-spec,\n  .sp6-finishes,\n  .sp6-install,\n  .sp6-life{\n    padding-left:18px;\n    padding-right:18px;\n  }\n\n  .sp6-hero{\n    padding:39px 18px 34px;\n  }\n\n  .sp6-h1{\n    font-size:35px;\n  }\n\n  .sp6-h2{\n    font-size:30px;\n  }\n\n  .sp6-hero-copy,\n  .sp6-lead{\n    font-size:15px;\n  }\n\n  .sp6-hero-grid{\n    gap:6px;\n  }\n\n  .sp6-hero-card{\n    padding:13px 4px;\n  }\n\n  .sp6-hero-card strong{\n    font-size:10.5px;\n  }\n\n  .sp6-benefits{\n    padding:34px 14px;\n  }\n\n  .sp6-benefit-grid{\n    gap:8px;\n  }\n\n  .sp6-benefit{\n    padding:17px 12px;\n  }\n\n  .sp6-benefit h3{\n    font-size:14px;\n  }\n\n  .sp6-benefit p{\n    font-size:12px;\n  }\n\n  .sp6-finish strong{\n    font-size:10.5px;\n  }\n\n  .sp6-faq{\n    padding:35px 14px;\n  }\n\n  .sp6-cta{\n    padding:32px 18px 27px;\n  }\n\n  .sp6-cta h2{\n    font-size:30px;\n  }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"sp6-wrap\"\u003e\n\u003c!-- =========================================================\n       HERO\n  ========================================================= --\u003e\n\u003csection class=\"sp6-hero\"\u003e\n\u003cdiv class=\"sp6-hero-inner\"\u003e\n\u003cdiv class=\"sp6-hero-badge\"\u003e\n\u003cspan class=\"sp6-icon\"\u003e \u003c!-- COMMON CHECK CIRCLE --\u003e \u003csvg viewbox=\"0 0 24 24\" preserveaspectratio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n\n            \u003ccircle cx=\"12\" cy=\"12\" r=\"9\"\u003e\u003c\/circle\u003e\n            \u003cpath d=\"m8 12 2.5 2.5L16 9\"\u003e\u003c\/path\u003e\n\n          \u003c\/svg\u003e \u003c\/span\u003e HYDRAULIC SELF-CLOSING HINGE\u003c\/div\u003e\n\u003ch1 class=\"sp6-h1\"\u003eClose the Door.\u003cbr\u003eLet the Hinge Do the Rest.\u003c\/h1\u003e\n\u003cp class=\"sp6-hero-copy\"\u003eCombine the function of a door hinge and hydraulic closer in one compact piece of hardware, with adjustable closing force and controlled return.\u003c\/p\u003e\n\u003cdiv class=\"sp6-hero-grid\"\u003e\n\u003cdiv class=\"sp6-hero-card\"\u003e\n\u003cspan class=\"sp6-icon\"\u003e \u003c!-- COMMON VOLUME ICON --\u003e \u003csvg viewbox=\"0 0 24 24\" preserveaspectratio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n\n              \u003cpath d=\"M5 10v4h4l5 4V6l-5 4H5z\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M17 9a4 4 0 0 1 0 6\"\u003e\u003c\/path\u003e\n\n            \u003c\/svg\u003e \u003c\/span\u003e \u003cstrong\u003e Controlled\u003cbr\u003eClosing \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp6-hero-card\"\u003e\n\u003cspan class=\"sp6-icon\"\u003e \u003c!-- COMMON SETTINGS ICON --\u003e \u003csvg viewbox=\"0 0 24 24\" preserveaspectratio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n\n              \u003ccircle cx=\"12\" cy=\"12\" r=\"3\"\u003e\u003c\/circle\u003e\n              \u003ccircle cx=\"12\" cy=\"12\" r=\"8\"\u003e\u003c\/circle\u003e\n\n            \u003c\/svg\u003e \u003c\/span\u003e \u003cstrong\u003e Adjustable\u003cbr\u003eForce \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp6-hero-card\"\u003e\n\u003cspan class=\"sp6-icon\"\u003e \u003c!-- COMMON DOOR ICON --\u003e \u003csvg viewbox=\"0 0 24 24\" preserveaspectratio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n\n              \u003cpath d=\"M5 3h12v18H5z\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M17 3l3 2v16l-3-1\"\u003e\u003c\/path\u003e\n              \u003ccircle cx=\"14\" cy=\"12\" r=\".7\" fill=\"currentColor\" stroke=\"none\"\u003e\u003c\/circle\u003e\n\n            \u003c\/svg\u003e \u003c\/span\u003e \u003cstrong\u003e Left \/ Right\u003cbr\u003eDoor Use \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- IMAGE 01 --\u003e\n\u003cdiv class=\"sp6-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0999\/3555\/1800\/files\/ChatGPTImage2026_9_14_10_57_07_1.png?v=1789355064\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =========================================================\n       BENEFITS\n  ========================================================= --\u003e\n\u003csection class=\"sp6-benefits\"\u003e\n\u003cdiv class=\"sp6-center\"\u003e\n\u003cp class=\"sp6-eyebrow\"\u003eHinge + Closing Control\u003c\/p\u003e\n\u003ch2 class=\"sp6-h2\"\u003eMore Function\u003cbr\u003ein One Hinge.\u003c\/h2\u003e\n\u003cp class=\"sp6-lead\"\u003eReplace a basic hinge with hardware designed to help manage door movement, holding and closing behavior.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp6-benefit-grid\"\u003e\n\u003cdiv class=\"sp6-benefit\"\u003e\n\u003cdiv class=\"sp6-benefit-icon\"\u003e\u003cspan class=\"sp6-icon\"\u003e \u003c!-- VOLUME --\u003e \u003csvg viewbox=\"0 0 24 24\" preserveaspectratio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n\n              \u003cpath d=\"M5 10v4h4l5 4V6l-5 4H5z\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M17 9a4 4 0 0 1 0 6\"\u003e\u003c\/path\u003e\n\n            \u003c\/svg\u003e \u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eBuffered Closing\u003c\/h3\u003e\n\u003cp\u003eHydraulic resistance helps control the final closing movement instead of relying only on an unrestricted hinge swing.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp6-benefit\"\u003e\n\u003cdiv class=\"sp6-benefit-icon\"\u003e\u003cspan class=\"sp6-icon\"\u003e \u003c!-- ROTATE --\u003e \u003csvg viewbox=\"0 0 24 24\" preserveaspectratio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n\n              \u003cpath d=\"M21 12a9 9 0 1 1-2.6-6.4L21 8\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M21 3v5h-5\"\u003e\u003c\/path\u003e\n\n            \u003c\/svg\u003e \u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eAutomatic Return\u003c\/h3\u003e\n\u003cp\u003eThe hinge is designed to guide the door back toward the closed position through part of its travel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp6-benefit\"\u003e\n\u003cdiv class=\"sp6-benefit-icon\"\u003e\u003cspan class=\"sp6-icon\"\u003e \u003c!-- SETTINGS --\u003e \u003csvg viewbox=\"0 0 24 24\" preserveaspectratio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n\n              \u003ccircle cx=\"12\" cy=\"12\" r=\"3\"\u003e\u003c\/circle\u003e\n              \u003ccircle cx=\"12\" cy=\"12\" r=\"8\"\u003e\u003c\/circle\u003e\n\n            \u003c\/svg\u003e \u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eAdjustable Force\u003c\/h3\u003e\n\u003cp\u003eFine-tune the closing force from the top adjustment point to better suit the door setup.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp6-benefit\"\u003e\n\u003cdiv class=\"sp6-benefit-icon\"\u003e\u003cspan class=\"sp6-icon\"\u003e \u003c!-- DOOR --\u003e \u003csvg viewbox=\"0 0 24 24\" preserveaspectratio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n\n              \u003cpath d=\"M5 3h12v18H5z\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M17 3l3 2v16l-3-1\"\u003e\u003c\/path\u003e\n\n            \u003c\/svg\u003e \u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eLeft \/ Right Compatible\u003c\/h3\u003e\n\u003cp\u003eThe supplied product information describes the hinge as suitable for both left-opening and right-opening doors.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- IMAGE 02 --\u003e\n\u003cdiv class=\"sp6-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0999\/3555\/1800\/files\/ChatGPTImage2026_9_14_10_57_07_2.png?v=1789355064\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =========================================================\n       4-STAGE CONTROL\n  ========================================================= --\u003e\n\u003csection class=\"sp6-control\"\u003e\n\u003cp class=\"sp6-eyebrow\"\u003eMulti-Stage Door Control\u003c\/p\u003e\n\u003ch2 class=\"sp6-h2\"\u003eDifferent Angles.\u003cbr\u003eDifferent Behavior.\u003c\/h2\u003e\n\u003cp class=\"sp6-lead\"\u003eThe hinge changes how it manages the door across different opening ranges, combining hold-open, positioning and self-closing functions.\u003c\/p\u003e\n\u003cdiv class=\"sp6-control-list\"\u003e\n\u003cdiv class=\"sp6-control-row\"\u003e\n\u003cspan class=\"sp6-icon\"\u003e \u003c!-- DOOR --\u003e \u003csvg viewbox=\"0 0 24 24\" preserveaspectratio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n\n            \u003cpath d=\"M5 3h12v18H5z\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M17 3l3 2v16l-3-1\"\u003e\u003c\/path\u003e\n\n          \u003c\/svg\u003e \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eAround 165° — Hold Open\u003c\/h3\u003e\n\u003cp\u003eAt the wide-open position, the hinge is designed to help keep the door open for convenient passing or loading.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp6-control-row\"\u003e\n\u003cspan class=\"sp6-icon\"\u003e \u003c!-- PAUSE --\u003e \u003csvg viewbox=\"0 0 24 24\" preserveaspectratio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n\n            \u003crect x=\"6\" y=\"5\" width=\"4\" height=\"14\" rx=\"1\"\u003e\u003c\/rect\u003e\n            \u003crect x=\"14\" y=\"5\" width=\"4\" height=\"14\" rx=\"1\"\u003e\u003c\/rect\u003e\n\n          \u003c\/svg\u003e \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eApprox. 165°–85° — Stay Position\u003c\/h3\u003e\n\u003cp\u003eWithin this range, the supplied product information describes the door as able to remain positioned at different angles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp6-control-row\"\u003e\n\u003cspan class=\"sp6-icon\"\u003e \u003c!-- ROTATE --\u003e \u003csvg viewbox=\"0 0 24 24\" preserveaspectratio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n\n            \u003cpath d=\"M21 12a9 9 0 1 1-2.6-6.4L21 8\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M21 3v5h-5\"\u003e\u003c\/path\u003e\n\n          \u003c\/svg\u003e \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eApprox. 85°–30° — Faster Return\u003c\/h3\u003e\n\u003cp\u003eThe hinge applies self-closing action as the door moves through the mid-range.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp6-control-row\"\u003e\n\u003cspan class=\"sp6-icon\"\u003e \u003c!-- VOLUME --\u003e \u003csvg viewbox=\"0 0 24 24\" preserveaspectratio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n\n            \u003cpath d=\"M5 10v4h4l5 4V6l-5 4H5z\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M17 9a4 4 0 0 1 0 6\"\u003e\u003c\/path\u003e\n\n          \u003c\/svg\u003e \u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eApprox. 30°–0° — Buffered Finish\u003c\/h3\u003e\n\u003cp\u003eClosing action slows near the frame to create a more controlled final movement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- IMAGE 03 --\u003e\n\u003cdiv class=\"sp6-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0999\/3555\/1800\/files\/ChatGPTImage2026_9_14_10_57_07_3.png?v=1789355064\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =========================================================\n       ADJUSTABLE FORCE\n  ========================================================= --\u003e\n\u003csection class=\"sp6-adjust\"\u003e\n\u003cdiv class=\"sp6-center\"\u003e\n\u003cp class=\"sp6-eyebrow\"\u003eTune the Closing Feel\u003c\/p\u003e\n\u003ch2 class=\"sp6-h2\"\u003eAdjustable\u003cbr\u003eClosing Force.\u003c\/h2\u003e\n\u003cp class=\"sp6-lead\"\u003eUse the top adjustment point to fine-tune the hinge after installation so the closing action better matches your door.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp6-adjust-grid\"\u003e\n\u003cdiv class=\"sp6-adjust-card\"\u003e\n\u003cspan class=\"sp6-icon\"\u003e \u003c!-- PLUS CIRCLE --\u003e \u003csvg viewbox=\"0 0 24 24\" preserveaspectratio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n\n            \u003ccircle cx=\"12\" cy=\"12\" r=\"9\"\u003e\u003c\/circle\u003e\n            \u003cpath d=\"M12 8v8\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M8 12h8\"\u003e\u003c\/path\u003e\n\n          \u003c\/svg\u003e \u003c\/span\u003e \u003cstrong\u003eIncrease Force\u003c\/strong\u003e\n\u003cp\u003eRotate toward the stronger setting when more closing force is required.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp6-adjust-card\"\u003e\n\u003cspan class=\"sp6-icon\"\u003e \u003c!-- MINUS CIRCLE --\u003e \u003csvg viewbox=\"0 0 24 24\" preserveaspectratio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n\n            \u003ccircle cx=\"12\" cy=\"12\" r=\"9\"\u003e\u003c\/circle\u003e\n            \u003cpath d=\"M8 12h8\"\u003e\u003c\/path\u003e\n\n          \u003c\/svg\u003e \u003c\/span\u003e \u003cstrong\u003eReduce Force\u003c\/strong\u003e\n\u003cp\u003eRotate toward the lighter setting when less closing force is preferred.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp6-adjust-card\"\u003e\n\u003cspan class=\"sp6-icon\"\u003e \u003c!-- SETTINGS --\u003e \u003csvg viewbox=\"0 0 24 24\" preserveaspectratio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n\n            \u003ccircle cx=\"12\" cy=\"12\" r=\"3\"\u003e\u003c\/circle\u003e\n            \u003ccircle cx=\"12\" cy=\"12\" r=\"8\"\u003e\u003c\/circle\u003e\n\n          \u003c\/svg\u003e \u003c\/span\u003e \u003cstrong\u003eFine Adjustment\u003c\/strong\u003e\n\u003cp\u003eMake small changes and test the door after each adjustment.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp6-adjust-card\"\u003e\n\u003cspan class=\"sp6-icon\"\u003e \u003c!-- CHECK CIRCLE --\u003e \u003csvg viewbox=\"0 0 24 24\" preserveaspectratio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n\n            \u003ccircle cx=\"12\" cy=\"12\" r=\"9\"\u003e\u003c\/circle\u003e\n            \u003cpath d=\"m8 12 2.5 2.5L16 9\"\u003e\u003c\/path\u003e\n\n          \u003c\/svg\u003e \u003c\/span\u003e \u003cstrong\u003eMatch the Door\u003c\/strong\u003e\n\u003cp\u003eFinal performance depends on door weight, alignment, installation and adjustment.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- IMAGE 04 --\u003e\n\u003cdiv class=\"sp6-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0999\/3555\/1800\/files\/ChatGPTImage2026_9_14_10_57_07_4.png?v=1789355064\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =========================================================\n       CLEAN LOOK\n  ========================================================= --\u003e\n\u003csection class=\"sp6-clean\"\u003e\n\u003cdiv class=\"sp6-center\"\u003e\n\u003cp class=\"sp6-eyebrow\"\u003eCleaner Door Hardware\u003c\/p\u003e\n\u003ch2 class=\"sp6-h2\"\u003eFunction Without\u003cbr\u003ea Bulky Door Closer.\u003c\/h2\u003e\n\u003cp class=\"sp6-lead\"\u003eBecause the closing mechanism is integrated into the hinge barrel, there is no separate surface-mounted closer body above the door.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp6-clean-box\"\u003e\n\u003cdiv class=\"sp6-clean-icon\"\u003e\u003cspan class=\"sp6-icon\"\u003e \u003c!-- DOOR --\u003e \u003csvg viewbox=\"0 0 24 24\" preserveaspectratio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n\n            \u003cpath d=\"M5 3h12v18H5z\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M17 3l3 2v16l-3-1\"\u003e\u003c\/path\u003e\n\n          \u003c\/svg\u003e \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eLow-Profile Hardware\u003c\/h3\u003e\n\u003cp\u003eWhen installed correctly, the hinge keeps the door area visually cleaner than a separate overhead closer system.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- IMAGE 05 --\u003e\n\u003cdiv class=\"sp6-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0999\/3555\/1800\/files\/ChatGPTImage2026_9_14_10_57_07_5.png?v=1789355064\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =========================================================\n       SPECS\n  ========================================================= --\u003e\n\u003csection class=\"sp6-spec\"\u003e\n\u003cdiv class=\"sp6-center\"\u003e\n\u003cp class=\"sp6-eyebrow\"\u003eProduct Dimensions\u003c\/p\u003e\n\u003ch2 class=\"sp6-h2\"\u003eMeasure First.\u003cbr\u003eInstall With Confidence.\u003c\/h2\u003e\n\u003cp class=\"sp6-lead\"\u003eCheck your door and frame dimensions before ordering to confirm the hinge size works with your installation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp6-spec-grid\"\u003e\n\u003cdiv class=\"sp6-spec-card\"\u003e\n\u003cdiv class=\"sp6-spec-top\"\u003e\n\u003cspan class=\"sp6-icon\"\u003e \u003c!-- RULER --\u003e \u003csvg viewbox=\"0 0 24 24\" preserveaspectratio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n\n              \u003cpath d=\"M21 6 6 21l-3-3L18 3z\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"m8 16-2-2\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"m11 13-2-2\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"m14 10-2-2\"\u003e\u003c\/path\u003e\n\n            \u003c\/svg\u003e \u003c\/span\u003e \u003cstrong\u003eTotal Height\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cp\u003eApprox. 149 mm \/ 5.8 in\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp6-spec-card\"\u003e\n\u003cdiv class=\"sp6-spec-top\"\u003e\n\u003cspan class=\"sp6-icon\"\u003e \u003c!-- RULER --\u003e \u003csvg viewbox=\"0 0 24 24\" preserveaspectratio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n\n              \u003cpath d=\"M21 6 6 21l-3-3L18 3z\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"m8 16-2-2\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"m11 13-2-2\"\u003e\u003c\/path\u003e\n\n            \u003c\/svg\u003e \u003c\/span\u003e \u003cstrong\u003eLeaf Height\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cp\u003eApprox. 132 mm \/ 5.2 in\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp6-spec-card\"\u003e\n\u003cdiv class=\"sp6-spec-top\"\u003e\n\u003cspan class=\"sp6-icon\"\u003e \u003c!-- RULER --\u003e \u003csvg viewbox=\"0 0 24 24\" preserveaspectratio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n\n              \u003cpath d=\"M21 6 6 21l-3-3L18 3z\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"m8 16-2-2\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"m11 13-2-2\"\u003e\u003c\/path\u003e\n\n            \u003c\/svg\u003e \u003c\/span\u003e \u003cstrong\u003eLeaf Width\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cp\u003eApprox. 36 mm \/ 1.41 in per side\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp6-spec-card\"\u003e\n\u003cdiv class=\"sp6-spec-top\"\u003e\n\u003cspan class=\"sp6-icon\"\u003e \u003c!-- RULER --\u003e \u003csvg viewbox=\"0 0 24 24\" preserveaspectratio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n\n              \u003cpath d=\"M21 6 6 21l-3-3L18 3z\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"m8 16-2-2\"\u003e\u003c\/path\u003e\n\n            \u003c\/svg\u003e \u003c\/span\u003e \u003cstrong\u003eBarrel Diameter\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cp\u003eApprox. 24 mm \/ 0.94 in\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp6-spec-card\"\u003e\n\u003cdiv class=\"sp6-spec-top\"\u003e\n\u003cspan class=\"sp6-icon\"\u003e \u003c!-- LAYERS --\u003e \u003csvg viewbox=\"0 0 24 24\" preserveaspectratio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n\n              \u003cpath d=\"m12 3 9 5-9 5-9-5 9-5z\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"m3 13 9 5 9-5\"\u003e\u003c\/path\u003e\n\n            \u003c\/svg\u003e \u003c\/span\u003e \u003cstrong\u003eLeaf Thickness\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cp\u003eApprox. 4 mm \/ 0.16 in\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp6-spec-card\"\u003e\n\u003cdiv class=\"sp6-spec-top\"\u003e\n\u003cspan class=\"sp6-icon\"\u003e \u003c!-- WRENCH --\u003e \u003csvg viewbox=\"0 0 24 24\" preserveaspectratio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n\n              \u003cpath d=\"M14.7 6.3a4 4 0 0 0-5 5L3 18l3 3 6.7-6.7a4 4 0 0 0 5-5l-2.5 2.5-3-3z\"\u003e\u003c\/path\u003e\n\n            \u003c\/svg\u003e \u003c\/span\u003e \u003cstrong\u003eScrew Length\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cp\u003eApprox. 30 mm \/ 1.2 in\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp6-note\"\u003eMeasurements are approximate. Door construction, frame thickness, screw engagement and hinge quantity should be checked before installation.\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- IMAGE 06 --\u003e\n\u003cdiv class=\"sp6-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0999\/3555\/1800\/files\/ChatGPTImage2026_9_14_10_57_07_6.png?v=1789355064\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =========================================================\n       FINISHES\n  ========================================================= --\u003e\n\u003csection class=\"sp6-finishes\"\u003e\n\u003cdiv class=\"sp6-center\"\u003e\n\u003cp class=\"sp6-eyebrow\"\u003eMatch Your Door Hardware\u003c\/p\u003e\n\u003ch2 class=\"sp6-h2\"\u003eChoose the Finish\u003cbr\u003eThat Fits the Space.\u003c\/h2\u003e\n\u003cp class=\"sp6-lead\"\u003eThree finish options make it easier to coordinate the hinge with different handles, locks and interior styles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp6-finish-grid\"\u003e\n\u003cdiv class=\"sp6-finish\"\u003e\n\u003cdiv class=\"sp6-finish-dot black\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cstrong\u003e Matte Black \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp6-finish\"\u003e\n\u003cdiv class=\"sp6-finish-dot gold\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cstrong\u003e Gold \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp6-finish\"\u003e\n\u003cdiv class=\"sp6-finish-dot silver\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cstrong\u003e Silver \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- IMAGE 07 --\u003e\n\u003cdiv class=\"sp6-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0999\/3555\/1800\/files\/ChatGPTImage2026_9_14_10_57_07_7.png?v=1789355064\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =========================================================\n       INSTALLATION\n  ========================================================= --\u003e\n\u003csection class=\"sp6-install\"\u003e\n\u003cdiv class=\"sp6-center\"\u003e\n\u003cp class=\"sp6-eyebrow\"\u003eStraightforward Installation\u003c\/p\u003e\n\u003ch2 class=\"sp6-h2\"\u003ePosition.\u003cbr\u003eSecure. Adjust.\u003c\/h2\u003e\n\u003cp class=\"sp6-lead\"\u003eInstall the hinge like conventional door hardware, then fine-tune the closing force after the door is aligned.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp6-step\"\u003e\n\u003cdiv class=\"sp6-step-icon\"\u003e\u003cspan class=\"sp6-icon\"\u003e \u003c!-- DOOR --\u003e \u003csvg viewbox=\"0 0 24 24\" preserveaspectratio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n\n            \u003cpath d=\"M5 3h12v18H5z\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M17 3l3 2v16l-3-1\"\u003e\u003c\/path\u003e\n\n          \u003c\/svg\u003e \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003e1. Position the Hinge\u003c\/h3\u003e\n\u003cp\u003eMark the correct hinge location on the door and frame before drilling or fastening.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp6-step\"\u003e\n\u003cdiv class=\"sp6-step-icon\"\u003e\u003cspan class=\"sp6-icon\"\u003e \u003c!-- WRENCH --\u003e \u003csvg viewbox=\"0 0 24 24\" preserveaspectratio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n\n            \u003cpath d=\"M14.7 6.3a4 4 0 0 0-5 5L3 18l3 3 6.7-6.7a4 4 0 0 0 5-5l-2.5 2.5-3-3z\"\u003e\u003c\/path\u003e\n\n          \u003c\/svg\u003e \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003e2. Secure the Screws\u003c\/h3\u003e\n\u003cp\u003eFasten both hinge leaves securely and confirm that the door moves freely without binding.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp6-step\"\u003e\n\u003cdiv class=\"sp6-step-icon\"\u003e\u003cspan class=\"sp6-icon\"\u003e \u003c!-- SETTINGS --\u003e \u003csvg viewbox=\"0 0 24 24\" preserveaspectratio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n\n            \u003ccircle cx=\"12\" cy=\"12\" r=\"3\"\u003e\u003c\/circle\u003e\n            \u003ccircle cx=\"12\" cy=\"12\" r=\"8\"\u003e\u003c\/circle\u003e\n\n          \u003c\/svg\u003e \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003e3. Adjust the Closing Force\u003c\/h3\u003e\n\u003cp\u003eUse the top adjustment point, make small changes and test the closing action after each adjustment.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- IMAGE 08 --\u003e\n\u003cdiv class=\"sp6-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0999\/3555\/1800\/files\/ChatGPTImage2026_9_14_10_57_07_8.png?v=1789355064\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =========================================================\n       LIFESTYLE\n  ========================================================= --\u003e\n\u003csection class=\"sp6-life\"\u003e\n\u003cdiv class=\"sp6-center\"\u003e\n\u003cp class=\"sp6-eyebrow\"\u003eEveryday Door Control\u003c\/p\u003e\n\u003ch2 class=\"sp6-h2\"\u003eA More Controlled\u003cbr\u003eClosing Experience.\u003c\/h2\u003e\n\u003cp class=\"sp6-lead\"\u003eUseful where you want the door to return toward the closed position without adding a separate overhead door closer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp6-life-grid\"\u003e\n\u003cdiv class=\"sp6-life-card\"\u003e\n\u003cspan class=\"sp6-icon\"\u003e \u003c!-- VOLUME --\u003e \u003csvg viewbox=\"0 0 24 24\" preserveaspectratio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n\n            \u003cpath d=\"M5 10v4h4l5 4V6l-5 4H5z\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M17 9a4 4 0 0 1 0 6\"\u003e\u003c\/path\u003e\n\n          \u003c\/svg\u003e \u003c\/span\u003e \u003cstrong\u003eBuffered Final Close\u003c\/strong\u003e\n\u003cp\u003eHydraulic control helps slow the door as it approaches the closed position.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp6-life-card\"\u003e\n\u003cspan class=\"sp6-icon\"\u003e \u003c!-- DOOR --\u003e \u003csvg viewbox=\"0 0 24 24\" preserveaspectratio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n\n            \u003cpath d=\"M5 3h12v18H5z\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M17 3l3 2v16l-3-1\"\u003e\u003c\/path\u003e\n\n          \u003c\/svg\u003e \u003c\/span\u003e \u003cstrong\u003eAutomatic Return\u003c\/strong\u003e\n\u003cp\u003eHelps guide the door back after it is released from the self-closing range.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp6-life-card\"\u003e\n\u003cspan class=\"sp6-icon\"\u003e \u003c!-- SETTINGS --\u003e \u003csvg viewbox=\"0 0 24 24\" preserveaspectratio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n\n            \u003ccircle cx=\"12\" cy=\"12\" r=\"3\"\u003e\u003c\/circle\u003e\n            \u003ccircle cx=\"12\" cy=\"12\" r=\"8\"\u003e\u003c\/circle\u003e\n\n          \u003c\/svg\u003e \u003c\/span\u003e \u003cstrong\u003eAdjustable Response\u003c\/strong\u003e\n\u003cp\u003eFine-tune closing force after installation rather than relying on one fixed setting.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp6-life-card\"\u003e\n\u003cspan class=\"sp6-icon\"\u003e \u003c!-- HOME --\u003e \u003csvg viewbox=\"0 0 24 24\" preserveaspectratio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n\n            \u003cpath d=\"M3 11 12 3l9 8\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M5 10v10h14V10\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M9 20v-6h6v6\"\u003e\u003c\/path\u003e\n\n          \u003c\/svg\u003e \u003c\/span\u003e \u003cstrong\u003eClean Interior Fit\u003c\/strong\u003e\n\u003cp\u003eIntegrated closing hardware keeps the installation compact and visually simple.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\n       FAQ\n  ========================================================= --\u003e\n\u003cdiv class=\"sp6-faq\"\u003e\n\u003cdiv class=\"sp6-faq-head\"\u003e\n\u003cp class=\"sp6-eyebrow\"\u003eQuick Answers\u003c\/p\u003e\n\u003ch2 class=\"sp6-h2\"\u003eQ\u0026amp;A\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdetails\u003e\n\u003csummary\u003eWhat does the hydraulic hinge do?\u003c\/summary\u003e\n\u003cdiv class=\"sp6-faq-answer\"\u003eIt combines a conventional hinge with a built-in hydraulic closing mechanism designed to guide the door back toward the closed position and control the final closing movement.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eCan the closing force be adjusted?\u003c\/summary\u003e\n\u003cdiv class=\"sp6-faq-answer\"\u003eYes. The supplied product information shows a top adjustment point for increasing or decreasing closing force. Make small adjustments and test the door after each change.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eDoes the hinge hold the door open?\u003c\/summary\u003e\n\u003cdiv class=\"sp6-faq-answer\"\u003eThe supplied product information describes a hold-open position at approximately 165°, with different behavior through the remaining opening ranges.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eCan it be used on left- and right-opening doors?\u003c\/summary\u003e\n\u003cdiv class=\"sp6-faq-answer\"\u003eThe supplied product information describes the hinge as suitable for both left-opening and right-opening door installations.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eWhat is the overall size?\u003c\/summary\u003e\n\u003cdiv class=\"sp6-faq-answer\"\u003eThe supplied measurements show an overall height of approximately 149 mm \/ 5.8 in, a leaf height of approximately 132 mm \/ 5.2 in, and a barrel diameter of approximately 24 mm \/ 0.94 in.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eDoes it completely eliminate door noise?\u003c\/summary\u003e\n\u003cdiv class=\"sp6-faq-answer\"\u003eNo hinge can guarantee silent operation in every installation. The hydraulic mechanism is designed to provide more controlled closing, but final sound depends on the door, latch, frame, alignment and adjustment.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eHow many hinges should I install?\u003c\/summary\u003e\n\u003cdiv class=\"sp6-faq-answer\"\u003eThe required quantity depends on door size, weight, construction and installation conditions. Confirm the appropriate hinge quantity for your specific door before installation.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eWhich colors are available?\u003c\/summary\u003e\n\u003cdiv class=\"sp6-faq-answer\"\u003eThe product images show Black, Gold and Silver finish options. Check the selected variant before ordering.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c!-- =========================================================\n       TRUST\n  ========================================================= --\u003e\n\u003csection class=\"sp6-trust\"\u003e\n\u003cdiv class=\"sp6-trust-line\"\u003e\n\u003cspan class=\"sp6-icon\"\u003e \u003c!-- COMMON LOCK --\u003e \u003csvg viewbox=\"0 0 24 24\" preserveaspectratio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n\n          \u003crect x=\"5\" y=\"10\" width=\"14\" height=\"10\" rx=\"2\"\u003e\u003c\/rect\u003e\n          \u003cpath d=\"M8 10V7a4 4 0 0 1 8 0v3\"\u003e\u003c\/path\u003e\n\n        \u003c\/svg\u003e \u003c\/span\u003e Guaranteed Safe \u0026amp; Secure Checkout\u003c\/div\u003e\n\u003cdiv class=\"sp6-payment-row\"\u003e\n\u003cspan class=\"sp6-payment\"\u003e PayPal \u003c\/span\u003e \u003cspan class=\"sp6-payment\"\u003e VISA \u003c\/span\u003e \u003cspan class=\"sp6-payment\"\u003e Mastercard \u003c\/span\u003e \u003cspan class=\"sp6-payment\"\u003e Apple Pay \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"sp6-help\"\u003eNeed help with your order? Contact the store support team for assistance.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\n       BOTTOM CTA\n  ========================================================= --\u003e\n\u003cdiv class=\"sp6-cta-wrap\"\u003e\u003ca class=\"sp6-cta\" href=\"#MainProduct-{{%20section.id%20}}\"\u003e\n\u003cdiv class=\"sp6-cta-icon sp6-icon\"\u003e\n\u003c!-- COMMON SHOPPING BAG --\u003e \u003csvg viewbox=\"0 0 24 24\" preserveaspectratio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n\n          \u003cpath d=\"M6 8h12l-1 12H7L6 8z\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M9 9V6a3 3 0 0 1 6 0v3\"\u003e\u003c\/path\u003e\n\n        \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cp class=\"sp6-cta-small\"\u003eAdjustable Hydraulic Door Control\u003c\/p\u003e\n\u003ch2\u003eUpgrade the Hinge.\u003cbr\u003eImprove the Close.\u003c\/h2\u003e\n\u003cp class=\"sp6-cta-copy\"\u003eAdd adjustable self-closing control directly at the hinge and keep your door setup compact, clean and easier to fine-tune.\u003c\/p\u003e\n\u003cdiv class=\"sp6-cta-button\"\u003e\n\u003cspan\u003e BACK TO BUY NOW \u003c\/span\u003e \u003cspan class=\"sp6-arrow sp6-icon\"\u003e \u003c!-- COMMON ARROW UP --\u003e \u003csvg viewbox=\"0 0 24 24\" preserveaspectratio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n\n            \u003cpath d=\"M12 19V5\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"m7 10 5-5 5 5\"\u003e\u003c\/path\u003e\n\n          \u003c\/svg\u003e \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Amo","offers":[{"title":"Black","offer_id":52953179619640,"sku":null,"price":34.99,"currency_code":"USD","in_stock":true},{"title":"Gold","offer_id":52953179652408,"sku":null,"price":34.99,"currency_code":"USD","in_stock":true},{"title":"Sliver","offer_id":52953179685176,"sku":null,"price":34.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0999\/3555\/1800\/files\/ChatGPTImage2026_9_14_10_57_07_6.png?v=1789355064","url":"https:\/\/reemoreemoo.com\/products\/%e2%9c%a8hydraulic-self-closing-hinge-adjustable-soft-close-door-hinge","provider":"reemoreemoo","version":"1.0","type":"link"}