{"product_id":"detachable-page-jewelry-organizer","title":"Detachable Page Jewelry Organizer","description":"\u003cdiv class=\"tervanique-organizer\"\u003e\n\n  \u003c!-- =====================\n       HERO\n  ====================== --\u003e\n\n  \u003csection class=\"to-hero\"\u003e\n\n    \u003cdiv class=\"to-glow to-glow-one\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"to-glow to-glow-two\"\u003e\u003c\/div\u003e\n\n    \u003cdiv class=\"to-ring to-ring-one\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"to-ring to-ring-two\"\u003e\u003c\/div\u003e\n\n    \u003cdiv class=\"to-pearl pearl-1\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"to-pearl pearl-2\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"to-pearl pearl-3\"\u003e\u003c\/div\u003e\n\n    \u003cdiv class=\"to-hero-copy\"\u003e\n\n      \u003cspan class=\"to-eyebrow\"\u003e\n        JEWELRY ORGANIZER\n      \u003c\/span\u003e\n\n      \u003ch2\u003e\n        A Beautiful Place\n        \u003cem\u003efor Every Treasure.\u003c\/em\u003e\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        Thoughtfully designed storage for rings, earrings,\n        necklaces, bracelets and the little pieces you love most.\n        Elegant at home, organized on the go.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"to-hero-tags\"\u003e\n\n        \u003cspan\u003eSoft Interior\u003c\/span\u003e\n        \u003cspan\u003eDetachable Pages\u003c\/span\u003e\n        \u003cspan\u003eTravel Friendly\u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"to-hero-feature\"\u003e\n\n      \u003cdiv class=\"to-feature-orbit\"\u003e\n\n        \u003cdiv class=\"to-feature-center\"\u003e\n          \u003cspan\u003e✦\u003c\/span\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n      \u003csmall\u003e\n        DESIGNED FOR\n      \u003c\/small\u003e\n\n      \u003cstrong\u003e\n        Everyday Jewelry\n      \u003c\/strong\u003e\n\n      \u003cp\u003e\n        One elegant place for all the pieces\n        you reach for every day.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- =====================\n       QUICK FEATURES\n  ====================== --\u003e\n\n  \u003csection class=\"to-quick\"\u003e\n\n    \u003cdiv class=\"to-quick-item\"\u003e\n\n      \u003cspan class=\"to-symbol\"\u003e◇\u003c\/span\u003e\n\n      \u003cstrong\u003e\n        Soft Protection\n      \u003c\/strong\u003e\n\n      \u003cp\u003e\n        Gentle storage for delicate pieces.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"to-quick-item\"\u003e\n\n      \u003cspan class=\"to-symbol\"\u003e○\u003c\/span\u003e\n\n      \u003cstrong\u003e\n        Smart Compartments\n      \u003c\/strong\u003e\n\n      \u003cp\u003e\n        A place for every jewelry type.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"to-quick-item\"\u003e\n\n      \u003cspan class=\"to-symbol\"\u003e✦\u003c\/span\u003e\n\n      \u003cstrong\u003e\n        Detachable Pages\n      \u003c\/strong\u003e\n\n      \u003cp\u003e\n        Take only what you need.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"to-quick-item\"\u003e\n\n      \u003cspan class=\"to-symbol\"\u003e⌁\u003c\/span\u003e\n\n      \u003cstrong\u003e\n        Travel Ready\n      \u003c\/strong\u003e\n\n      \u003cp\u003e\n        Compact and easy to carry.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- =====================\n       01\n  ====================== --\u003e\n\n  \u003csection class=\"to-section\"\u003e\n\n    \u003cdiv class=\"to-section-head\"\u003e\n\n      \u003cspan class=\"to-number\"\u003e\n        01\n      \u003c\/span\u003e\n\n      \u003cdiv\u003e\n        \u003csmall\u003e\n          THOUGHTFUL ORGANIZATION\n        \u003c\/small\u003e\n\n        \u003ch2\u003e\n          Everything Has Its Place\n        \u003c\/h2\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"to-line\"\u003e\u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"to-feature-layout\"\u003e\n\n      \u003cdiv class=\"to-main-card\"\u003e\n\n        \u003cspan class=\"to-label\"\u003e\n          SMART STORAGE\n        \u003c\/span\u003e\n\n        \u003ch3\u003e\n          Less Searching.\u003cbr\u003e\n          Less Tangling.\u003cbr\u003e\n          More Enjoying.\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Separate spaces help keep your jewelry organized,\n          visible and easy to reach. From everyday earrings\n          to delicate chains, every favorite piece gets a\n          dedicated place of its own.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"to-card-decoration\"\u003e\n          \u003cspan\u003e\u003c\/span\u003e\n          \u003cspan\u003e\u003c\/span\u003e\n          \u003cspan\u003e\u003c\/span\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"to-side-stack\"\u003e\n\n        \u003cdiv class=\"to-detail-card\"\u003e\n\n          \u003cdiv class=\"to-detail-icon\"\u003e\n            ✦\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003ch3\u003e\n              Soft Interior\n            \u003c\/h3\u003e\n\n            \u003cp\u003e\n              Gentle surfaces help protect rings,\n              pearls and delicate jewelry.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"to-detail-card accent\"\u003e\n\n          \u003cdiv class=\"to-detail-icon\"\u003e\n            ◇\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003ch3\u003e\n              Clear Organization\n            \u003c\/h3\u003e\n\n            \u003cp\u003e\n              Separate sections make it easier to\n              see and select the pieces you need.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"to-detail-card\"\u003e\n\n          \u003cdiv class=\"to-detail-icon\"\u003e\n            ○\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003ch3\u003e\n              Secure Storage\n            \u003c\/h3\u003e\n\n            \u003cp\u003e\n              Thoughtful compartments help keep\n              small accessories neatly contained.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- =====================\n       JEWELRY TYPES\n  ====================== --\u003e\n\n  \u003csection class=\"to-section\"\u003e\n\n    \u003cdiv class=\"to-section-head\"\u003e\n\n      \u003cspan class=\"to-number\"\u003e\n        02\n      \u003c\/span\u003e\n\n      \u003cdiv\u003e\n        \u003csmall\u003e\n          MADE FOR YOUR COLLECTION\n        \u003c\/small\u003e\n\n        \u003ch2\u003e\n          A Space for Every Favorite\n        \u003c\/h2\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"to-line\"\u003e\u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"to-jewelry-grid\"\u003e\n\n      \u003cdiv class=\"to-jewelry-card large\"\u003e\n\n        \u003cspan class=\"to-jewelry-no\"\u003e\n          01\n        \u003c\/span\u003e\n\n        \u003cdiv class=\"to-mini-jewel\"\u003e\n          \u003ci\u003e\u003c\/i\u003e\n          \u003ci\u003e\u003c\/i\u003e\n          \u003ci\u003e\u003c\/i\u003e\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Rings\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Keep everyday rings separated,\n          visible and easy to choose.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"to-jewelry-card\"\u003e\n\n        \u003cspan class=\"to-jewelry-no\"\u003e\n          02\n        \u003c\/span\u003e\n\n        \u003cdiv class=\"to-mini-diamond\"\u003e\n          ◇\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Earrings\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Keep matching pairs together\n          and easier to find.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"to-jewelry-card\"\u003e\n\n        \u003cspan class=\"to-jewelry-no\"\u003e\n          03\n        \u003c\/span\u003e\n\n        \u003cdiv class=\"to-mini-chain\"\u003e\n          ∿\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Necklaces\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Separate fine chains to help\n          reduce tangling.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"to-jewelry-card wide\"\u003e\n\n        \u003cspan class=\"to-jewelry-no\"\u003e\n          04\n        \u003c\/span\u003e\n\n        \u003cdiv class=\"to-mini-circle\"\u003e\u003c\/div\u003e\n\n        \u003ch3\u003e\n          Bracelets \u0026amp; Pearls\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Flexible storage for bracelets,\n          pearls and larger accessories.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- =====================\n       EDITORIAL\n  ====================== --\u003e\n\n  \u003csection class=\"to-editorial\"\u003e\n\n    \u003cdiv class=\"to-editorial-left\"\u003e\n\n      \u003cspan\u003e\n        03\n      \u003c\/span\u003e\n\n      \u003csmall\u003e\n        HOME \u0026amp; TRAVEL\n      \u003c\/small\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"to-editorial-copy\"\u003e\n\n      \u003ch2\u003e\n        From Your Dressing Table\u003cbr\u003e\n        to Your Suitcase.\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        Elegant enough to keep beside your mirror and compact\n        enough to pack for a weekend away. Organize the full\n        collection at home or select just a few favorite pieces\n        when you're ready to travel.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"to-editorial-tags\"\u003e\n\n        \u003cspan\u003eWeekend Trips\u003c\/span\u003e\n        \u003cspan\u003eVacation\u003c\/span\u003e\n        \u003cspan\u003eEveryday Storage\u003c\/span\u003e\n        \u003cspan\u003eGift Giving\u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- =====================\n       TRAVEL\n  ====================== --\u003e\n\n  \u003csection class=\"to-section\"\u003e\n\n    \u003cdiv class=\"to-section-head\"\u003e\n\n      \u003cspan class=\"to-number\"\u003e\n        04\n      \u003c\/span\u003e\n\n      \u003cdiv\u003e\n        \u003csmall\u003e\n          TRAVEL BEAUTIFULLY\n        \u003c\/small\u003e\n\n        \u003ch2\u003e\n          Ready Wherever You Go\n        \u003c\/h2\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"to-line\"\u003e\u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"to-travel-layout\"\u003e\n\n      \u003cdiv class=\"to-travel-main\"\u003e\n\n        \u003cdiv class=\"to-travel-orbit\"\u003e\u003c\/div\u003e\n\n        \u003csmall\u003e\n          PACK WITHOUT THE CLUTTER\n        \u003c\/small\u003e\n\n        \u003ch3\u003e\n          Your Jewelry.\u003cbr\u003e\n          Your Journey.\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Compact storage helps keep favorite jewelry\n          organized inside luggage, carry-ons and larger\n          handbags without taking over your packing space.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"to-travel-grid\"\u003e\n\n        \u003cdiv\u003e\n          \u003cspan\u003e01\u003c\/span\u003e\n          \u003cstrong\u003eWeekend\u003c\/strong\u003e\n          \u003cp\u003eA few favorites for a quick getaway.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv\u003e\n          \u003cspan\u003e02\u003c\/span\u003e\n          \u003cstrong\u003eVacation\u003c\/strong\u003e\n          \u003cp\u003eKeep more pieces organized for longer trips.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv\u003e\n          \u003cspan\u003e03\u003c\/span\u003e\n          \u003cstrong\u003eCarry-On\u003c\/strong\u003e\n          \u003cp\u003eEasy to store with your personal essentials.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv\u003e\n          \u003cspan\u003e04\u003c\/span\u003e\n          \u003cstrong\u003eHome\u003c\/strong\u003e\n          \u003cp\u003eBeautiful storage for your dressing table.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- =====================\n       STEPS\n  ====================== --\u003e\n\n  \u003csection class=\"to-section\"\u003e\n\n    \u003cdiv class=\"to-section-head\"\u003e\n\n      \u003cspan class=\"to-number\"\u003e\n        05\n      \u003c\/span\u003e\n\n      \u003cdiv\u003e\n        \u003csmall\u003e\n          SIMPLE ORGANIZATION\n        \u003c\/small\u003e\n\n        \u003ch2\u003e\n          Four Easy Steps\n        \u003c\/h2\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"to-line\"\u003e\u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"to-steps\"\u003e\n\n      \u003cdiv class=\"to-step\"\u003e\n\n        \u003cdiv class=\"to-step-top\"\u003e\n          \u003cspan\u003e1\u003c\/span\u003e\n          \u003ci\u003e\u003c\/i\u003e\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Sort\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Group your jewelry by type.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"to-step\"\u003e\n\n        \u003cdiv class=\"to-step-top\"\u003e\n          \u003cspan\u003e2\u003c\/span\u003e\n          \u003ci\u003e\u003c\/i\u003e\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Arrange\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Choose the right compartment.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"to-step\"\u003e\n\n        \u003cdiv class=\"to-step-top\"\u003e\n          \u003cspan\u003e3\u003c\/span\u003e\n          \u003ci\u003e\u003c\/i\u003e\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Secure\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Close pockets and fasten the case.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"to-step\"\u003e\n\n        \u003cdiv class=\"to-step-top\"\u003e\n          \u003cspan\u003e4\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Go\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Take your favorites anywhere.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- =====================\n       ENDING\n  ====================== --\u003e\n\n  \u003csection class=\"to-ending\"\u003e\n\n    \u003cdiv class=\"to-ending-decoration\"\u003e\n      \u003cspan class=\"to-end-ring ring-a\"\u003e\u003c\/span\u003e\n      \u003cspan class=\"to-end-ring ring-b\"\u003e\u003c\/span\u003e\n      \u003cspan class=\"to-end-pearl p-a\"\u003e\u003c\/span\u003e\n      \u003cspan class=\"to-end-pearl p-b\"\u003e\u003c\/span\u003e\n      \u003cspan class=\"to-end-pearl p-c\"\u003e\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003csmall\u003e\n      BEAUTIFULLY ORGANIZED\n    \u003c\/small\u003e\n\n    \u003ch2\u003e\n      More Than Storage.\n    \u003c\/h2\u003e\n\n    \u003cp\u003e\n      A thoughtful place for the jewelry that becomes\n      part of your everyday life.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"to-ending-line\"\u003e\u003c\/div\u003e\n\n    \u003cstrong\u003e\n      Jewelry, Beautifully Kept.\n    \u003c\/strong\u003e\n\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\n\u003cstyle\u003e\n\n\/* =================================\n   BASE\n================================= *\/\n\n.tervanique-organizer,\n.tervanique-organizer * {\n  box-sizing: border-box;\n}\n\n.tervanique-organizer {\n  --cream: #faf6f0;\n  --cream-2: #f4ebe3;\n  --blush: #ead8cf;\n  --blush-dark: #cba99b;\n  --rose: #a87f70;\n\n  --gold: #c09a64;\n  --gold-dark: #967043;\n\n  --brown: #332b27;\n  --text: #625651;\n  --muted: #8a7e78;\n  --line: #e8ddd5;\n\n  width: 100%;\n  max-width: 1080px;\n  margin: 0 auto;\n  padding: 25px 18px 70px;\n\n  color: var(--text);\n\n  font-family:\n    Arial,\n    Helvetica,\n    sans-serif;\n\n  line-height: 1.7;\n}\n\n.tervanique-organizer h2,\n.tervanique-organizer h3,\n.tervanique-organizer p {\n  margin-top: 0;\n}\n\n\n\/* =================================\n   HERO\n================================= *\/\n\n.to-hero {\n  position: relative;\n\n  display: grid;\n\n  grid-template-columns:\n    1.25fr .75fr;\n\n  align-items: center;\n\n  min-height: 450px;\n\n  margin-bottom: 18px;\n  padding: 60px 52px;\n\n  overflow: hidden;\n\n  border-radius: 30px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #fffdf9 0%,\n      #f4e9e1 54%,\n      #e7cfc3 100%\n    );\n}\n\n.to-glow {\n  position: absolute;\n  border-radius: 50%;\n  filter: blur(2px);\n}\n\n.to-glow-one {\n  width: 330px;\n  height: 330px;\n  right: -90px;\n  top: -100px;\n  background: rgba(255,255,255,.45);\n}\n\n.to-glow-two {\n  width: 230px;\n  height: 230px;\n  left: 45%;\n  bottom: -160px;\n  background: rgba(192,154,100,.08);\n}\n\n.to-ring {\n  position: absolute;\n  border: 1px solid rgba(192,154,100,.25);\n  border-radius: 50%;\n}\n\n.to-ring-one {\n  width: 150px;\n  height: 150px;\n  right: 60px;\n  top: 40px;\n}\n\n.to-ring-two {\n  width: 100px;\n  height: 100px;\n  right: 15px;\n  bottom: 30px;\n}\n\n.to-pearl {\n  position: absolute;\n  border-radius: 50%;\n\n  background:\n    radial-gradient(\n      circle at 30% 25%,\n      #ffffff,\n      #eee4da 56%,\n      #c9b7aa 100%\n    );\n\n  box-shadow:\n    0 7px 18px rgba(87,62,47,.09);\n}\n\n.pearl-1 {\n  width: 14px;\n  height: 14px;\n  right: 205px;\n  top: 85px;\n}\n\n.pearl-2 {\n  width: 9px;\n  height: 9px;\n  right: 180px;\n  top: 115px;\n}\n\n.pearl-3 {\n  width: 18px;\n  height: 18px;\n  right: 225px;\n  bottom: 74px;\n}\n\n.to-hero-copy {\n  position: relative;\n  z-index: 4;\n}\n\n.to-eyebrow {\n  display: block;\n  margin-bottom: 15px;\n\n  color: var(--gold-dark);\n\n  font-size: 10px;\n  font-weight: 700;\n\n  letter-spacing: .27em;\n}\n\n.to-hero h2 {\n  max-width: 610px;\n\n  margin: 0 0 18px;\n\n  color: var(--brown);\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size: 50px;\n  line-height: 1.04;\n  font-weight: 400;\n}\n\n.to-hero h2 em {\n  display: block;\n\n  color: var(--rose);\n\n  font-weight: 400;\n}\n\n.to-hero-copy \u003e p {\n  max-width: 560px;\n\n  margin-bottom: 23px;\n\n  color: #72645e;\n\n  font-size: 14px;\n}\n\n.to-hero-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n.to-hero-tags span {\n  padding: 8px 13px;\n\n  border: 1px solid rgba(168,127,112,.23);\n  border-radius: 999px;\n\n  background:\n    rgba(255,255,255,.48);\n\n  color: #745f57;\n\n  font-size: 11px;\n}\n\n\n\/* feature ornament *\/\n\n.to-hero-feature {\n  position: relative;\n  z-index: 3;\n\n  width: 230px;\n\n  margin-left: auto;\n  padding: 30px 23px;\n\n  text-align: center;\n\n  border: 1px solid rgba(255,255,255,.75);\n  border-radius: 24px;\n\n  background:\n    rgba(255,253,250,.56);\n\n  box-shadow:\n    0 25px 60px rgba(89,62,48,.08);\n\n  backdrop-filter:\n    blur(8px);\n}\n\n.to-feature-orbit {\n  position: relative;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 105px;\n  height: 105px;\n\n  margin: 0 auto 19px;\n\n  border: 1px solid rgba(192,154,100,.30);\n  border-radius: 50%;\n}\n\n.to-feature-orbit::before,\n.to-feature-orbit::after {\n  content: \"\";\n\n  position: absolute;\n\n  border: 1px solid rgba(168,127,112,.18);\n  border-radius: 50%;\n}\n\n.to-feature-orbit::before {\n  width: 78px;\n  height: 78px;\n}\n\n.to-feature-orbit::after {\n  width: 130px;\n  height: 55px;\n\n  transform:\n    rotate(-25deg);\n}\n\n.to-feature-center {\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  width: 46px;\n  height: 46px;\n\n  border-radius: 50%;\n\n  background:\n    linear-gradient(\n      135deg,\n      #d6b47e,\n      #a67d49\n    );\n\n  color: white;\n\n  font-size: 17px;\n}\n\n.to-hero-feature small {\n  display: block;\n\n  margin-bottom: 5px;\n\n  color: var(--gold-dark);\n\n  font-size: 9px;\n  font-weight: 700;\n\n  letter-spacing: .2em;\n}\n\n.to-hero-feature strong {\n  display: block;\n\n  margin-bottom: 7px;\n\n  color: var(--brown);\n\n  font-family: Georgia, serif;\n\n  font-size: 19px;\n  font-weight: 400;\n}\n\n.to-hero-feature p {\n  margin: 0;\n\n  color: var(--muted);\n\n  font-size: 11.5px;\n}\n\n\n\/* =================================\n   QUICK BENEFITS\n================================= *\/\n\n.to-quick {\n  display: grid;\n\n  grid-template-columns:\n    repeat(4, 1fr);\n\n  margin-bottom: 55px;\n\n  overflow: hidden;\n\n  border: 1px solid var(--line);\n  border-radius: 18px;\n\n  background: #fff;\n}\n\n.to-quick-item {\n  padding: 22px 14px;\n\n  text-align: center;\n}\n\n.to-quick-item + .to-quick-item {\n  border-left:\n    1px solid var(--line);\n}\n\n.to-symbol {\n  display: block;\n\n  margin-bottom: 8px;\n\n  color: var(--gold);\n\n  font-size: 18px;\n}\n\n.to-quick-item strong {\n  display: block;\n\n  margin-bottom: 5px;\n\n  color: var(--brown);\n\n  font-family: Georgia, serif;\n\n  font-size: 15px;\n  font-weight: 400;\n}\n\n.to-quick-item p {\n  margin: 0;\n\n  color: var(--muted);\n\n  font-size: 11px;\n}\n\n\n\/* =================================\n   SECTIONS\n================================= *\/\n\n.to-section {\n  margin-bottom: 56px;\n}\n\n.to-section-head {\n  display: grid;\n\n  grid-template-columns:\n    52px auto 1fr;\n\n  align-items: center;\n\n  gap: 14px;\n\n  margin-bottom: 22px;\n}\n\n.to-number {\n  color: var(--gold);\n\n  font-family: Georgia, serif;\n\n  font-size: 30px;\n}\n\n.to-section-head small {\n  display: block;\n\n  margin-bottom: 3px;\n\n  color: var(--gold-dark);\n\n  font-size: 9px;\n  font-weight: 700;\n\n  letter-spacing: .2em;\n}\n\n.to-section-head h2 {\n  margin: 0;\n\n  color: var(--brown);\n\n  font-family: Georgia, serif;\n\n  font-size: 27px;\n  font-weight: 400;\n}\n\n.to-line {\n  height: 1px;\n\n  background:\n    var(--line);\n}\n\n\n\/* =================================\n   FEATURE LAYOUT\n================================= *\/\n\n.to-feature-layout {\n  display: grid;\n\n  grid-template-columns:\n    1.15fr .85fr;\n\n  gap: 14px;\n}\n\n.to-main-card {\n  position: relative;\n\n  min-height: 335px;\n\n  padding: 38px;\n\n  overflow: hidden;\n\n  border-radius: 23px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #ead5cb,\n      #f9eee7\n    );\n}\n\n.to-label {\n  display: block;\n\n  margin-bottom: 10px;\n\n  color: var(--gold-dark);\n\n  font-size: 9px;\n  font-weight: 700;\n\n  letter-spacing: .2em;\n}\n\n.to-main-card h3 {\n  margin-bottom: 14px;\n\n  color: var(--brown);\n\n  font-family: Georgia, serif;\n\n  font-size: 32px;\n  line-height: 1.22;\n  font-weight: 400;\n}\n\n.to-main-card p {\n  position: relative;\n\n  z-index: 3;\n\n  max-width: 510px;\n\n  margin: 0;\n\n  color: #756761;\n\n  font-size: 13px;\n}\n\n.to-card-decoration {\n  position: absolute;\n\n  right: 25px;\n  bottom: 25px;\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 7px;\n}\n\n.to-card-decoration span {\n  display: block;\n\n  border-radius: 50%;\n\n  background:\n    linear-gradient(\n      145deg,\n      #fff,\n      #cfbcae\n    );\n\n  box-shadow:\n    0 5px 13px rgba(0,0,0,.06);\n}\n\n.to-card-decoration span:nth-child(1) {\n  width: 34px;\n  height: 34px;\n}\n\n.to-card-decoration span:nth-child(2) {\n  width: 20px;\n  height: 20px;\n}\n\n.to-card-decoration span:nth-child(3) {\n  width: 12px;\n  height: 12px;\n}\n\n.to-side-stack {\n  display: grid;\n  gap: 10px;\n}\n\n.to-detail-card {\n  display: grid;\n\n  grid-template-columns:\n    45px 1fr;\n\n  gap: 13px;\n\n  padding: 21px;\n\n  border: 1px solid var(--line);\n  border-radius: 17px;\n\n  background: #fff;\n}\n\n.to-detail-card.accent {\n  background:\n    #f8efea;\n}\n\n.to-detail-icon {\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  width: 39px;\n  height: 39px;\n\n  border-radius: 50%;\n\n  background:\n    #f0e4dc;\n\n  color: var(--gold-dark);\n}\n\n.to-detail-card h3 {\n  margin-bottom: 4px;\n\n  color: var(--brown);\n\n  font-family: Georgia, serif;\n\n  font-size: 16px;\n  font-weight: 400;\n}\n\n.to-detail-card p {\n  margin: 0;\n\n  color: var(--muted);\n\n  font-size: 12px;\n}\n\n\n\/* =================================\n   JEWELRY GRID\n================================= *\/\n\n.to-jewelry-grid {\n  display: grid;\n\n  grid-template-columns:\n    1.2fr .8fr .8fr;\n\n  gap: 11px;\n}\n\n.to-jewelry-card {\n  position: relative;\n\n  min-height: 205px;\n\n  padding: 23px;\n\n  overflow: hidden;\n\n  border: 1px solid var(--line);\n  border-radius: 20px;\n\n  background:\n    #fff;\n}\n\n.to-jewelry-card.large {\n  background:\n    linear-gradient(\n      145deg,\n      #f0ddd4,\n      #faf2ed\n    );\n}\n\n.to-jewelry-card.wide {\n  grid-column:\n    2 \/ 4;\n\n  min-height:\n    150px;\n\n  background:\n    #f8f1eb;\n}\n\n.to-jewelry-no {\n  position: absolute;\n\n  right: 18px;\n  top: 15px;\n\n  color: #d8c0a2;\n\n  font-family: Georgia, serif;\n\n  font-size: 26px;\n}\n\n.to-jewelry-card h3 {\n  margin: 17px 0 7px;\n\n  color: var(--brown);\n\n  font-family: Georgia, serif;\n\n  font-size: 20px;\n  font-weight: 400;\n}\n\n.to-jewelry-card p {\n  margin: 0;\n\n  color: var(--muted);\n\n  font-size: 12px;\n}\n\n.to-mini-jewel {\n  display: flex;\n  gap: 8px;\n}\n\n.to-mini-jewel i {\n  display: block;\n\n  width: 27px;\n  height: 27px;\n\n  border: 2px solid var(--gold);\n  border-radius: 50%;\n}\n\n.to-mini-jewel i:nth-child(2) {\n  width: 21px;\n  height: 21px;\n\n  margin-top: 7px;\n}\n\n.to-mini-jewel i:nth-child(3) {\n  width: 15px;\n  height: 15px;\n\n  margin-top: 12px;\n}\n\n.to-mini-diamond,\n.to-mini-chain {\n  color: var(--gold);\n\n  font-family: Georgia, serif;\n\n  font-size: 33px;\n}\n\n.to-mini-circle {\n  width: 50px;\n  height: 50px;\n\n  border: 2px solid var(--gold);\n  border-radius: 50%;\n\n  box-shadow:\n    inset 0 0 0 7px #f8f1eb,\n    inset 0 0 0 8px rgba(192,154,100,.3);\n}\n\n\n\/* =================================\n   EDITORIAL\n================================= *\/\n\n.to-editorial {\n  display: grid;\n\n  grid-template-columns:\n    .42fr 1.58fr;\n\n  gap: 35px;\n\n  margin-bottom: 56px;\n  padding: 47px;\n\n  overflow: hidden;\n\n  border-radius: 25px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #302724,\n      #4b3934\n    );\n}\n\n.to-editorial-left {\n  display: flex;\n\n  flex-direction: column;\n\n  justify-content: space-between;\n}\n\n.to-editorial-left \u003e span {\n  color:\n    rgba(255,255,255,.08);\n\n  font-family: Georgia, serif;\n\n  font-size: 100px;\n  line-height: .8;\n}\n\n.to-editorial-left small {\n  color: #d5b77f;\n\n  font-size: 9px;\n  font-weight: 700;\n\n  letter-spacing: .2em;\n}\n\n.to-editorial-copy h2 {\n  margin-bottom: 13px;\n\n  color: white;\n\n  font-family: Georgia, serif;\n\n  font-size: 30px;\n  line-height: 1.3;\n  font-weight: 400;\n}\n\n.to-editorial-copy \u003e p {\n  max-width: 610px;\n\n  color: #dcd1cd;\n\n  font-size: 13px;\n}\n\n.to-editorial-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 7px;\n\n  margin-top: 20px;\n}\n\n.to-editorial-tags span {\n  padding: 7px 12px;\n\n  border: 1px solid rgba(255,255,255,.16);\n  border-radius: 999px;\n\n  color: #eadfdb;\n\n  font-size: 10px;\n}\n\n\n\/* =================================\n   TRAVEL\n================================= *\/\n\n.to-travel-layout {\n  display: grid;\n\n  grid-template-columns:\n    .95fr 1.05fr;\n\n  gap: 14px;\n}\n\n.to-travel-main {\n  position: relative;\n\n  min-height: 310px;\n\n  padding: 36px;\n\n  overflow: hidden;\n\n  border-radius: 22px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #c9a798,\n      #ead4ca\n    );\n}\n\n.to-travel-orbit {\n  position: absolute;\n\n  width: 200px;\n  height: 200px;\n\n  right: -70px;\n  bottom: -70px;\n\n  border: 1px solid rgba(255,255,255,.42);\n  border-radius: 50%;\n}\n\n.to-travel-orbit::after {\n  content: \"\";\n\n  position: absolute;\n\n  width: 130px;\n  height: 130px;\n\n  left: 35px;\n  top: 35px;\n\n  border: 1px solid rgba(255,255,255,.26);\n  border-radius: 50%;\n}\n\n.to-travel-main small {\n  display: block;\n\n  margin-bottom: 11px;\n\n  color: #705349;\n\n  font-size: 9px;\n  font-weight: 700;\n\n  letter-spacing: .19em;\n}\n\n.to-travel-main h3 {\n  margin-bottom: 12px;\n\n  color: #fff;\n\n  font-family: Georgia, serif;\n\n  font-size: 31px;\n  line-height: 1.23;\n  font-weight: 400;\n}\n\n.to-travel-main p {\n  position: relative;\n  z-index: 2;\n\n  max-width: 350px;\n\n  color:\n    rgba(255,255,255,.92);\n\n  font-size: 12.5px;\n}\n\n.to-travel-grid {\n  display: grid;\n\n  grid-template-columns:\n    1fr 1fr;\n\n  gap: 10px;\n}\n\n.to-travel-grid \u003e div {\n  display: flex;\n\n  flex-direction: column;\n\n  justify-content: flex-end;\n\n  min-height: 150px;\n\n  padding: 20px;\n\n  border: 1px solid var(--line);\n  border-radius: 17px;\n\n  background:\n    #fff;\n}\n\n.to-travel-grid \u003e div:nth-child(2),\n.to-travel-grid \u003e div:nth-child(3) {\n  background:\n    #f8f0eb;\n}\n\n.to-travel-grid span {\n  margin-bottom: auto;\n\n  color: #c2a171;\n\n  font-family: Georgia, serif;\n\n  font-size: 17px;\n}\n\n.to-travel-grid strong {\n  margin-bottom: 4px;\n\n  color: var(--brown);\n\n  font-family: Georgia, serif;\n\n  font-size: 16px;\n  font-weight: 400;\n}\n\n.to-travel-grid p {\n  margin: 0;\n\n  color: var(--muted);\n\n  font-size: 11px;\n}\n\n\n\/* =================================\n   STEPS\n================================= *\/\n\n.to-steps {\n  display: grid;\n\n  grid-template-columns:\n    repeat(4, 1fr);\n\n  gap: 10px;\n}\n\n.to-step {\n  padding: 23px 18px;\n\n  border-radius: 18px;\n\n  background:\n    #f8efea;\n}\n\n.to-step:nth-child(even) {\n  border: 1px solid var(--line);\n\n  background:\n    #fff;\n}\n\n.to-step-top {\n  display: flex;\n\n  align-items: center;\n\n  gap: 10px;\n\n  margin-bottom: 18px;\n}\n\n.to-step-top span {\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  flex: 0 0 34px;\n\n  width: 34px;\n  height: 34px;\n\n  border-radius: 50%;\n\n  background: var(--rose);\n\n  color: white;\n\n  font-family: Georgia, serif;\n}\n\n.to-step-top i {\n  display: block;\n\n  width: 100%;\n  height: 1px;\n\n  background:\n    #decfc6;\n}\n\n.to-step h3 {\n  margin-bottom: 5px;\n\n  color: var(--brown);\n\n  font-size: 15px;\n}\n\n.to-step p {\n  margin: 0;\n\n  color: var(--muted);\n\n  font-size: 11.5px;\n}\n\n\n\/* =================================\n   ENDING\n================================= *\/\n\n.to-ending {\n  position: relative;\n\n  padding: 58px 30px;\n\n  overflow: hidden;\n\n  text-align: center;\n\n  border-radius: 27px;\n\n  background:\n    radial-gradient(\n      circle at 50% 0%,\n      rgba(255,255,255,.9),\n      transparent 35%\n    ),\n    linear-gradient(\n      135deg,\n      #faf3ee,\n      #e9d5cb\n    );\n}\n\n.to-ending \u003e * {\n  position: relative;\n  z-index: 3;\n}\n\n.to-ending small {\n  display: block;\n\n  margin-bottom: 9px;\n\n  color: var(--gold-dark);\n\n  font-size: 9px;\n  font-weight: 700;\n\n  letter-spacing: .22em;\n}\n\n.to-ending h2 {\n  margin-bottom: 10px;\n\n  color: var(--brown);\n\n  font-family: Georgia, serif;\n\n  font-size: 36px;\n  font-weight: 400;\n}\n\n.to-ending p {\n  max-width: 600px;\n\n  margin: 0 auto 21px;\n\n  color: var(--muted);\n\n  font-size: 13px;\n}\n\n.to-ending-line {\n  width: 42px;\n  height: 1px;\n\n  margin: 0 auto 14px;\n\n  background: var(--gold);\n}\n\n.to-ending strong {\n  color: #493c36;\n\n  font-family: Georgia, serif;\n\n  font-size: 18px;\n  font-weight: 400;\n}\n\n\n\/* decorative jewelry *\/\n\n.to-ending-decoration {\n  position: absolute;\n\n  inset: 0;\n\n  z-index: 1;\n}\n\n.to-end-ring {\n  position: absolute;\n\n  display: block;\n\n  border: 1px solid rgba(192,154,100,.25);\n  border-radius: 50%;\n}\n\n.ring-a {\n  width: 170px;\n  height: 170px;\n\n  left: -55px;\n  top: -50px;\n}\n\n.ring-b {\n  width: 110px;\n  height: 110px;\n\n  right: 20px;\n  bottom: -50px;\n}\n\n.to-end-pearl {\n  position: absolute;\n\n  display: block;\n\n  border-radius: 50%;\n\n  background:\n    radial-gradient(\n      circle at 30% 25%,\n      white,\n      #e9ded4 65%,\n      #c9b6aa\n    );\n}\n\n.p-a {\n  width: 16px;\n  height: 16px;\n\n  left: 80px;\n  bottom: 40px;\n}\n\n.p-b {\n  width: 10px;\n  height: 10px;\n\n  left: 105px;\n  bottom: 67px;\n}\n\n.p-c {\n  width: 21px;\n  height: 21px;\n\n  right: 92px;\n  top: 44px;\n}\n\n\n\/* =================================\n   HOVER\n================================= *\/\n\n.to-detail-card,\n.to-jewelry-card,\n.to-travel-grid \u003e div,\n.to-step,\n.to-quick-item {\n  transition:\n    transform .3s ease,\n    box-shadow .3s ease;\n}\n\n.to-detail-card:hover,\n.to-jewelry-card:hover,\n.to-travel-grid \u003e div:hover,\n.to-step:hover {\n  transform:\n    translateY(-4px);\n\n  box-shadow:\n    0 15px 30px rgba(67,48,37,.07);\n}\n\n\n\/* =================================\n   TABLET\n================================= *\/\n\n@media screen and (max-width: 800px) {\n\n  .to-hero {\n    grid-template-columns:\n      1fr;\n  }\n\n  .to-hero-feature {\n    margin:\n      35px auto 0;\n  }\n\n  .to-quick {\n    grid-template-columns:\n      1fr 1fr;\n  }\n\n  .to-quick-item:nth-child(3) {\n    border-left: 0;\n    border-top: 1px solid var(--line);\n  }\n\n  .to-quick-item:nth-child(4) {\n    border-top: 1px solid var(--line);\n  }\n\n  .to-feature-layout,\n  .to-editorial,\n  .to-travel-layout {\n    grid-template-columns:\n      1fr;\n  }\n\n  .to-editorial-left \u003e span {\n    display: none;\n  }\n\n  .to-jewelry-grid {\n    grid-template-columns:\n      1fr 1fr;\n  }\n\n  .to-jewelry-card.wide {\n    grid-column:\n      1 \/ -1;\n  }\n\n  .to-steps {\n    grid-template-columns:\n      1fr 1fr;\n  }\n\n}\n\n\n\/* =================================\n   MOBILE\n================================= *\/\n\n@media screen and (max-width: 520px) {\n\n  .tervanique-organizer {\n    padding-left: 12px;\n    padding-right: 12px;\n  }\n\n  .to-hero {\n    padding: 42px 23px;\n\n    border-radius: 21px;\n  }\n\n  .to-hero h2 {\n    font-size: 36px;\n  }\n\n  .to-hero-feature {\n    width: 100%;\n  }\n\n  .to-quick {\n    grid-template-columns:\n      1fr;\n  }\n\n  .to-quick-item + .to-quick-item {\n    border-left: 0;\n    border-top: 1px solid var(--line);\n  }\n\n  .to-section-head {\n    grid-template-columns:\n      42px 1fr;\n  }\n\n  .to-line {\n    display: none;\n  }\n\n  .to-section-head h2 {\n    font-size: 22px;\n  }\n\n  .to-main-card {\n    min-height: auto;\n\n    padding:\n      28px 23px 85px;\n  }\n\n  .to-main-card h3 {\n    font-size: 27px;\n  }\n\n  .to-jewelry-grid,\n  .to-travel-grid,\n  .to-steps {\n    grid-template-columns:\n      1fr;\n  }\n\n  .to-jewelry-card.wide {\n    grid-column: auto;\n  }\n\n  .to-editorial {\n    padding:\n      35px 24px;\n  }\n\n  .to-editorial-copy h2 {\n    font-size: 25px;\n  }\n\n  .to-ending {\n    padding:\n      43px 22px;\n  }\n\n  .to-ending h2 {\n    font-size: 30px;\n  }\n\n}\n\/* ==================================================\n   SHOPIFY PRODUCT DESCRIPTION NARROW COLUMN FIX\n   商品详情右侧窄栏自适应\n================================================== *\/\n\n.tervanique-jewelrybox {\n  container-type: inline-size;\n}\n\n\n\/* 商品描述区域被主题压窄时 *\/\n@container (max-width: 760px) {\n\n  \/* 首屏从左右两栏变成上下布局 *\/\n  .jb-hero {\n    grid-template-columns: 1fr !important;\n    min-height: auto !important;\n    padding: 42px 30px !important;\n    gap: 28px !important;\n  }\n\n\n  .jb-hero-copy {\n    width: 100% !important;\n    max-width: 100% !important;\n    min-width: 0 !important;\n  }\n\n\n  \/* 修复标题一个字一个字往下掉 *\/\n  .jb-hero h2 {\n    width: 100% !important;\n    max-width: 100% !important;\n\n    font-size: 40px !important;\n    line-height: 1.05 !important;\n\n    word-break: normal !important;\n    overflow-wrap: normal !important;\n    hyphens: none !important;\n  }\n\n\n  .jb-hero h2 em {\n    display: block !important;\n  }\n\n\n  \/* 右侧小卡片放到标题下面 *\/\n  .jb-hero-card {\n    width: 100% !important;\n    max-width: 100% !important;\n\n    margin: 8px 0 0 !important;\n  }\n\n\n  \/* 后面的双栏内容也避免被挤得太窄 *\/\n  .jb-feature-grid,\n  .jb-editorial,\n  .jb-travel-grid {\n    grid-template-columns: 1fr !important;\n  }\n\n}\n\n\n\/* 更窄的商品栏 *\/\n@container (max-width: 500px) {\n\n  .jb-hero {\n    padding: 34px 22px !important;\n  }\n\n  .jb-hero h2 {\n    font-size: 34px !important;\n    line-height: 1.06 !important;\n  }\n\n  .jb-storage-grid,\n  .jb-steps {\n    grid-template-columns: 1fr !important;\n  }\n\n}\n\u003c\/style\u003e","brand":"tamerviq","offers":[{"title":"Default Title","offer_id":48068583850162,"sku":null,"price":47.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0794\/7013\/3426\/files\/ChatGPTImage2026_9_17_22_07_43_1.png?v=1789726059","url":"https:\/\/tamerviq.com\/products\/detachable-page-jewelry-organizer","provider":"tamerviq","version":"1.0","type":"link"}