{"product_id":"multi-compartment-travel-jewelry-case","title":"Multi-Compartment Travel Jewelry Case","description":"\u003cdiv class=\"tervanique-jewelrybox\"\u003e\n\n  \u003c!-- ======================\n       HERO\n  ======================= --\u003e\n\n  \u003csection class=\"jb-hero\"\u003e\n\n    \u003cdiv class=\"jb-orbit orbit-a\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"jb-orbit orbit-b\"\u003e\u003c\/div\u003e\n\n    \u003cdiv class=\"jb-pearl pearl-a\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"jb-pearl pearl-b\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"jb-pearl pearl-c\"\u003e\u003c\/div\u003e\n\n    \u003cdiv class=\"jb-hero-copy\"\u003e\n\n      \u003cspan class=\"jb-eyebrow\"\u003e\n        CLASSIC TRAVEL JEWELRY CASE\n      \u003c\/span\u003e\n\n      \u003ch2\u003e\n        Classic Black Jewelry Organizer\n        \u003cem\u003eTravel Case.\u003c\/em\u003e\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        A refined jewelry case with a classic black exterior and a soft,\n        light interior designed to keep necklaces, earrings, rings,\n        bracelets and small accessories neatly organized in one place.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"jb-tags\"\u003e\n        \u003cspan\u003eNecklace Hooks\u003c\/span\u003e\n        \u003cspan\u003eEarring Panel\u003c\/span\u003e\n        \u003cspan\u003eRing Storage\u003c\/span\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"jb-hero-card\"\u003e\n\n      \u003cdiv class=\"jb-jewel-mark\"\u003e\n        \u003cspan\u003e✦\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003csmall\u003e\n        DESIGNED FOR\n      \u003c\/small\u003e\n\n      \u003cstrong\u003e\n        Everyday \u0026amp; Travel\n      \u003c\/strong\u003e\n\n      \u003cp\u003e\n        Keep your favorite pieces easy to see,\n        easy to reach and ready to go.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- ======================\n       BENEFITS\n  ======================= --\u003e\n\n  \u003csection class=\"jb-benefits\"\u003e\n\n    \u003cdiv class=\"jb-benefit\"\u003e\n      \u003cspan\u003e◇\u003c\/span\u003e\n      \u003cstrong\u003eNecklace Hooks\u003c\/strong\u003e\n      \u003cp\u003eKeep delicate chains separated and neatly displayed.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jb-benefit\"\u003e\n      \u003cspan\u003e✦\u003c\/span\u003e\n      \u003cstrong\u003eEarring Display\u003c\/strong\u003e\n      \u003cp\u003eOrganize studs and favorite pairs in one visible place.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jb-benefit\"\u003e\n      \u003cspan\u003e○\u003c\/span\u003e\n      \u003cstrong\u003eRing Storage\u003c\/strong\u003e\n      \u003cp\u003eDedicated rows keep rings secure and easy to choose.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"jb-benefit\"\u003e\n      \u003cspan\u003e⌁\u003c\/span\u003e\n      \u003cstrong\u003eDivided Storage\u003c\/strong\u003e\n      \u003cp\u003eSeparate bracelets, chains and small accessories with ease.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- ======================\n       01\n  ======================= --\u003e\n\n  \u003csection class=\"jb-section\"\u003e\n\n    \u003cdiv class=\"jb-section-head\"\u003e\n\n      \u003cspan class=\"jb-no\"\u003e01\u003c\/span\u003e\n\n      \u003cdiv\u003e\n        \u003csmall\u003eSMART STORAGE\u003c\/small\u003e\n        \u003ch2\u003eElegant Storage for Every Favorite.\u003c\/h2\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"jb-line\"\u003e\u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"jb-feature-grid\"\u003e\n\n      \u003cdiv class=\"jb-feature-main\"\u003e\n\n        \u003cspan class=\"jb-label\"\u003e\n          MULTI-COMPARTMENT DESIGN\n        \u003c\/span\u003e\n\n        \u003ch3\u003e\n          Everything You Need.\u003cbr\u003e\n          Neatly in One Case.\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          A thoughtfully divided interior gives different jewelry types\n          their own dedicated spaces. Hang necklaces, display earrings,\n          line up rings and keep bracelets or smaller accessories separated\n          so your collection stays easier to see and easier to enjoy.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"jb-decoration\"\u003e\n          \u003cspan\u003e\u003c\/span\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=\"jb-feature-side\"\u003e\n\n        \u003cdiv class=\"jb-info-card\"\u003e\n\n          \u003cdiv class=\"jb-icon\"\u003e01\u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003ch3\u003eNecklace Hooks\u003c\/h3\u003e\n            \u003cp\u003e\n              Hanging sections give delicate chains their own space\n              and help keep them neatly separated.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"jb-info-card accent\"\u003e\n\n          \u003cdiv class=\"jb-icon\"\u003e02\u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003ch3\u003eEarring Display Panel\u003c\/h3\u003e\n            \u003cp\u003e\n              A dedicated center panel keeps studs and matching\n              pairs visible and easy to select.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"jb-info-card\"\u003e\n\n          \u003cdiv class=\"jb-icon\"\u003e03\u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003ch3\u003eDivided Lower Compartments\u003c\/h3\u003e\n            \u003cp\u003e\n              Separate spaces help organize rings, bracelets,\n              chains and other small accessories.\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       02\n  ======================= --\u003e\n\n  \u003csection class=\"jb-section\"\u003e\n\n    \u003cdiv class=\"jb-section-head\"\u003e\n\n      \u003cspan class=\"jb-no\"\u003e02\u003c\/span\u003e\n\n      \u003cdiv\u003e\n        \u003csmall\u003eMADE FOR YOUR COLLECTION\u003c\/small\u003e\n        \u003ch2\u003eA Place for Every Piece\u003c\/h2\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"jb-line\"\u003e\u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"jb-storage-grid\"\u003e\n\n      \u003cdiv class=\"jb-storage-card large\"\u003e\n\n        \u003cspan class=\"jb-storage-number\"\u003e\n          01\n        \u003c\/span\u003e\n\n        \u003cdiv class=\"jb-ring-art\"\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          Soft ring rows keep everyday rings and special\n          favorites separated, visible and easy to choose.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"jb-storage-card\"\u003e\n\n        \u003cspan class=\"jb-storage-number\"\u003e\n          02\n        \u003c\/span\u003e\n\n        \u003cdiv class=\"jb-symbol\"\u003e\n          ✦\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Earrings\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Display studs, drops and matching pairs together\n          instead of searching through loose pieces.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"jb-storage-card\"\u003e\n\n        \u003cspan class=\"jb-storage-number\"\u003e\n          03\n        \u003c\/span\u003e\n\n        \u003cdiv class=\"jb-symbol\"\u003e\n          ∿\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Necklaces\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Dedicated hooks keep chains upright, separated\n          and ready to wear when you need them.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"jb-storage-card wide\"\u003e\n\n        \u003cspan class=\"jb-storage-number\"\u003e\n          04\n        \u003c\/span\u003e\n\n        \u003cdiv class=\"jb-bracelet-art\"\u003e\u003c\/div\u003e\n\n        \u003ch3\u003e\n          Bracelets \u0026amp; Small Accessories\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Divided lower compartments provide flexible storage for\n          bracelets, bangles, brooches and other everyday essentials.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- ======================\n       DARK EDITORIAL\n  ======================= --\u003e\n\n  \u003csection class=\"jb-editorial\"\u003e\n\n    \u003cdiv class=\"jb-editorial-index\"\u003e\n\n      \u003cspan\u003e\n        03\n      \u003c\/span\u003e\n\n      \u003csmall\u003e\n        CLASSIC OUTSIDE · ORGANIZED INSIDE\n      \u003c\/small\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"jb-editorial-copy\"\u003e\n\n      \u003ch2\u003e\n        A Refined Black Exterior.\u003cbr\u003e\n        A Soft, Organized Interior.\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        The clean black exterior gives the case a timeless look,\n        while the light interior creates a clear backdrop for your\n        jewelry. Open the case and your favorite pieces are arranged\n        in dedicated sections instead of scattered across drawers\n        and separate pouches.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"jb-dark-tags\"\u003e\n\n        \u003cspan\u003eClassic Black\u003c\/span\u003e\n        \u003cspan\u003eSoft Interior\u003c\/span\u003e\n        \u003cspan\u003eEasy Access\u003c\/span\u003e\n        \u003cspan\u003eEveryday Organization\u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- ======================\n       04\n  ======================= --\u003e\n\n  \u003csection class=\"jb-section\"\u003e\n\n    \u003cdiv class=\"jb-section-head\"\u003e\n\n      \u003cspan class=\"jb-no\"\u003e04\u003c\/span\u003e\n\n      \u003cdiv\u003e\n        \u003csmall\u003eHOME \u0026amp; TRAVEL\u003c\/small\u003e\n        \u003ch2\u003eFrom Vanity to Suitcase\u003c\/h2\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"jb-line\"\u003e\u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"jb-travel-grid\"\u003e\n\n      \u003cdiv class=\"jb-travel-main\"\u003e\n\n        \u003cdiv class=\"jb-travel-circle\"\u003e\u003c\/div\u003e\n\n        \u003csmall\u003e\n          PACK BEAUTIFULLY\n        \u003c\/small\u003e\n\n        \u003ch3\u003e\n          Compact. Structured.\u003cbr\u003e\n          Ready to Go.\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Keep the case on your dressing table for everyday use,\n          then place it inside your luggage when you travel.\n          Its structured shape keeps your favorite jewelry together\n          in one organized place.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"jb-travel-cards\"\u003e\n\n        \u003cdiv\u003e\n          \u003cspan\u003e01\u003c\/span\u003e\n          \u003cstrong\u003eDaily Storage\u003c\/strong\u003e\n          \u003cp\u003e\n            Keep your most-worn jewelry organized and easy to reach.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv\u003e\n          \u003cspan\u003e02\u003c\/span\u003e\n          \u003cstrong\u003eWeekend Away\u003c\/strong\u003e\n          \u003cp\u003e\n            Pack a curated selection for a short getaway.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv\u003e\n          \u003cspan\u003e03\u003c\/span\u003e\n          \u003cstrong\u003eVacation\u003c\/strong\u003e\n          \u003cp\u003e\n            Bring more of your collection while keeping it neatly arranged.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv\u003e\n          \u003cspan\u003e04\u003c\/span\u003e\n          \u003cstrong\u003eGift Ready\u003c\/strong\u003e\n          \u003cp\u003e\n            A practical and elegant storage piece for jewelry lovers.\n          \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       05\n  ======================= --\u003e\n\n  \u003csection class=\"jb-section\"\u003e\n\n    \u003cdiv class=\"jb-section-head\"\u003e\n\n      \u003cspan class=\"jb-no\"\u003e05\u003c\/span\u003e\n\n      \u003cdiv\u003e\n        \u003csmall\u003eSIMPLE ORGANIZATION\u003c\/small\u003e\n        \u003ch2\u003eFour Easy Steps\u003c\/h2\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"jb-line\"\u003e\u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"jb-steps\"\u003e\n\n      \u003cdiv class=\"jb-step\"\u003e\n\n        \u003cdiv class=\"jb-step-number\"\u003e\n          1\n        \u003c\/div\u003e\n\n        \u003cspan class=\"jb-step-line\"\u003e\u003c\/span\u003e\n\n        \u003ch3\u003e\n          Sort\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Group rings, earrings, necklaces and other accessories.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"jb-step\"\u003e\n\n        \u003cdiv class=\"jb-step-number\"\u003e\n          2\n        \u003c\/div\u003e\n\n        \u003cspan class=\"jb-step-line\"\u003e\u003c\/span\u003e\n\n        \u003ch3\u003e\n          Hang\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Place necklaces on the hooks to keep chains separated.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"jb-step\"\u003e\n\n        \u003cdiv class=\"jb-step-number\"\u003e\n          3\n        \u003c\/div\u003e\n\n        \u003cspan class=\"jb-step-line\"\u003e\u003c\/span\u003e\n\n        \u003ch3\u003e\n          Arrange\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Place earrings, rings and accessories into their sections.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"jb-step\"\u003e\n\n        \u003cdiv class=\"jb-step-number\"\u003e\n          4\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Close \u0026amp; Go\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Zip the case closed and keep it at home or take it with you.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- ======================\n       CARE\n  ======================= --\u003e\n\n  \u003csection class=\"jb-section\"\u003e\n\n    \u003cdiv class=\"jb-section-head\"\u003e\n\n      \u003cspan class=\"jb-no\"\u003e06\u003c\/span\u003e\n\n      \u003cdiv\u003e\n        \u003csmall\u003eEVERYDAY CARE\u003c\/small\u003e\n        \u003ch2\u003eKeep It Looking Beautiful\u003c\/h2\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"jb-line\"\u003e\u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"jb-care\"\u003e\n\n      \u003cdiv\u003e\n\n        \u003cspan\u003e✦\u003c\/span\u003e\n\n        \u003ch3\u003e\n          Keep Dry\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Allow jewelry and accessories to dry completely\n          before placing them inside the case.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv\u003e\n\n        \u003cspan\u003e◇\u003c\/span\u003e\n\n        \u003ch3\u003e\n          Wipe Gently\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Clean the exterior gently with a soft dry\n          or slightly damp cloth when needed.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv\u003e\n\n        \u003cspan\u003e○\u003c\/span\u003e\n\n        \u003ch3\u003e\n          Store Neatly\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Give larger pieces enough room so each compartment\n          stays easy to access and beautifully organized.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- ======================\n       END\n  ======================= --\u003e\n\n  \u003csection class=\"jb-ending\"\u003e\n\n    \u003cdiv class=\"jb-end-ring end-ring-a\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"jb-end-ring end-ring-b\"\u003e\u003c\/div\u003e\n\n    \u003cdiv class=\"jb-end-pearl end-pearl-a\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"jb-end-pearl end-pearl-b\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"jb-end-pearl end-pearl-c\"\u003e\u003c\/div\u003e\n\n    \u003csmall\u003e\n      CLASSIC ORGANIZATION\n    \u003c\/small\u003e\n\n    \u003ch2\u003e\n      Your Jewelry.\u003cbr\u003e\n      One Beautiful Place.\n    \u003c\/h2\u003e\n\n    \u003cp\u003e\n      A refined organizer for the rings, earrings, necklaces\n      and everyday pieces you love to wear.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"jb-end-line\"\u003e\u003c\/div\u003e\n\n    \u003cstrong\u003e\n      Organized at Home. Ready to Travel.\n    \u003c\/strong\u003e\n\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\n\n\u003cstyle\u003e\n\n\/* =========================\n   BASE\n========================= *\/\n\n.tervanique-jewelrybox,\n.tervanique-jewelrybox * {\n  box-sizing: border-box;\n}\n\n.tervanique-jewelrybox {\n\n  --cream: #fbf7f1;\n  --cream2: #f4ebe1;\n\n  --beige: #ead8c8;\n  --beige2: #dbc1ad;\n\n  --gold: #bea06f;\n  --gold-dark: #957447;\n\n  --brown: #342b27;\n  --text: #675a53;\n  --muted: #8b7e76;\n\n  --line: #e9ddd3;\n\n  width: 100%;\n  max-width: 1080px;\n\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-jewelrybox h2,\n.tervanique-jewelrybox h3,\n.tervanique-jewelrybox p {\n  margin-top: 0;\n}\n\n\n\/* =========================\n   HERO\n========================= *\/\n\n.jb-hero {\n\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\n  padding: 60px 52px;\n\n  overflow: hidden;\n\n  border-radius: 30px;\n\n  background:\n    radial-gradient(\n      circle at 82% 20%,\n      rgba(255,255,255,.9),\n      transparent 25%\n    ),\n    linear-gradient(\n      135deg,\n      #fffdfa 0%,\n      #f3e9de 55%,\n      #e5cebc 100%\n    );\n}\n\n\n.jb-orbit {\n  position: absolute;\n\n  border:\n    1px solid rgba(190,160,111,.25);\n\n  border-radius: 50%;\n}\n\n.orbit-a {\n  width: 210px;\n  height: 210px;\n\n  right: -40px;\n  top: -50px;\n}\n\n.orbit-b {\n  width: 125px;\n  height: 125px;\n\n  right: 135px;\n  bottom: -40px;\n}\n\n\n.jb-pearl {\n  position: absolute;\n\n  border-radius: 50%;\n\n  background:\n    radial-gradient(\n      circle at 30% 25%,\n      #ffffff,\n      #eee5da 60%,\n      #c9b6a5\n    );\n\n  box-shadow:\n    0 7px 17px rgba(69,50,38,.08);\n}\n\n.pearl-a {\n  width: 18px;\n  height: 18px;\n\n  right: 180px;\n  top: 65px;\n}\n\n.pearl-b {\n  width: 11px;\n  height: 11px;\n\n  right: 212px;\n  top: 95px;\n}\n\n.pearl-c {\n  width: 23px;\n  height: 23px;\n\n  right: 70px;\n  bottom: 55px;\n}\n\n\n.jb-hero-copy {\n  position: relative;\n\n  z-index: 4;\n}\n\n.jb-eyebrow {\n\n  display: block;\n\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\n.jb-hero h2 {\n\n  max-width: 620px;\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\n  font-weight: 400;\n}\n\n\n.jb-hero h2 em {\n\n  display: block;\n\n  color: #a9806c;\n\n  font-weight: 400;\n}\n\n\n.jb-hero-copy \u003e p {\n\n  max-width: 560px;\n\n  margin-bottom: 23px;\n\n  color: #74665e;\n\n  font-size: 14px;\n}\n\n\n.jb-tags {\n\n  display: flex;\n\n  flex-wrap: wrap;\n\n  gap: 8px;\n}\n\n\n.jb-tags span {\n\n  padding: 8px 13px;\n\n  border:\n    1px solid rgba(169,130,106,.24);\n\n  border-radius: 999px;\n\n  background:\n    rgba(255,255,255,.55);\n\n  color: #725f55;\n\n  font-size: 11px;\n}\n\n\n\/* hero card *\/\n\n.jb-hero-card {\n\n  position: relative;\n\n  z-index: 4;\n\n  width: 235px;\n\n  margin-left: auto;\n\n  padding: 30px 23px;\n\n  text-align: center;\n\n  border:\n    1px solid rgba(255,255,255,.8);\n\n  border-radius: 25px;\n\n  background:\n    rgba(255,253,250,.58);\n\n  backdrop-filter:\n    blur(8px);\n\n  box-shadow:\n    0 25px 55px rgba(80,59,46,.08);\n}\n\n\n.jb-jewel-mark {\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  width: 98px;\n  height: 98px;\n\n  margin: 0 auto 18px;\n\n  border:\n    1px solid rgba(190,160,111,.38);\n\n  border-radius: 50%;\n}\n\n\n.jb-jewel-mark::before {\n\n  content: \"\";\n\n  position: absolute;\n\n  width: 73px;\n  height: 73px;\n\n  border:\n    1px solid rgba(190,160,111,.20);\n\n  border-radius: 50%;\n}\n\n\n.jb-jewel-mark span {\n\n  position: relative;\n\n  z-index: 2;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  width: 45px;\n  height: 45px;\n\n  border-radius: 50%;\n\n  background:\n    linear-gradient(\n      135deg,\n      #d7bd8e,\n      #a7814d\n    );\n\n  color: #fff;\n}\n\n\n.jb-hero-card small {\n\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\n.jb-hero-card strong {\n\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\n  font-weight: 400;\n}\n\n\n.jb-hero-card p {\n\n  margin: 0;\n\n  color: var(--muted);\n\n  font-size: 11.5px;\n}\n\n\n\/* =========================\n   BENEFITS\n========================= *\/\n\n.jb-benefits {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(4,1fr);\n\n  margin-bottom: 55px;\n\n  overflow: hidden;\n\n  border:\n    1px solid var(--line);\n\n  border-radius: 18px;\n\n  background: #fff;\n}\n\n\n.jb-benefit {\n\n  padding: 22px 14px;\n\n  text-align: center;\n}\n\n\n.jb-benefit + .jb-benefit {\n\n  border-left:\n    1px solid var(--line);\n}\n\n\n.jb-benefit \u003e span {\n\n  display: block;\n\n  margin-bottom: 8px;\n\n  color: var(--gold);\n\n  font-size: 18px;\n}\n\n\n.jb-benefit strong {\n\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\n  font-weight: 400;\n}\n\n\n.jb-benefit p {\n\n  margin: 0;\n\n  color: var(--muted);\n\n  font-size: 11px;\n}\n\n\n\/* =========================\n   SECTION\n========================= *\/\n\n.jb-section {\n\n  margin-bottom: 56px;\n}\n\n\n.jb-section-head {\n\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\n.jb-no {\n\n  color: var(--gold);\n\n  font-family: Georgia, serif;\n\n  font-size: 30px;\n}\n\n\n.jb-section-head small {\n\n  display: block;\n\n  margin-bottom: 3px;\n\n  color: var(--gold-dark);\n\n  font-size: 9px;\n\n  font-weight: 700;\n\n  letter-spacing: .2em;\n}\n\n\n.jb-section-head h2 {\n\n  margin: 0;\n\n  color: var(--brown);\n\n  font-family: Georgia, serif;\n\n  font-size: 27px;\n\n  font-weight: 400;\n}\n\n\n.jb-line {\n\n  height: 1px;\n\n  background: var(--line);\n}\n\n\n\/* =========================\n   FEATURE\n========================= *\/\n\n.jb-feature-grid {\n\n  display: grid;\n\n  grid-template-columns:\n    1.15fr .85fr;\n\n  gap: 14px;\n}\n\n\n.jb-feature-main {\n\n  position: relative;\n\n  min-height: 340px;\n\n  padding: 38px;\n\n  overflow: hidden;\n\n  border-radius: 23px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #ead8c9,\n      #faf0e8\n    );\n}\n\n\n.jb-label {\n\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\n.jb-feature-main h3 {\n\n  margin-bottom: 14px;\n\n  color: var(--brown);\n\n  font-family: Georgia, serif;\n\n  font-size: 32px;\n\n  line-height: 1.22;\n\n  font-weight: 400;\n}\n\n\n.jb-feature-main p {\n\n  position: relative;\n\n  z-index: 2;\n\n  max-width: 520px;\n\n  margin: 0;\n\n  color: #756760;\n\n  font-size: 13px;\n}\n\n\n.jb-decoration {\n\n  position: absolute;\n\n  right: 28px;\n  bottom: 26px;\n\n  display: flex;\n\n  align-items: end;\n\n  gap: 7px;\n}\n\n\n.jb-decoration span {\n\n  display: block;\n\n  border-radius: 50%;\n\n  background:\n    radial-gradient(\n      circle at 30% 25%,\n      #fff,\n      #e8d9cc 65%,\n      #c2aa96\n    );\n}\n\n\n.jb-decoration span:nth-child(1) {\n\n  width: 38px;\n  height: 38px;\n}\n\n.jb-decoration span:nth-child(2) {\n\n  width: 28px;\n  height: 28px;\n}\n\n.jb-decoration span:nth-child(3) {\n\n  width: 18px;\n  height: 18px;\n}\n\n.jb-decoration span:nth-child(4) {\n\n  width: 10px;\n  height: 10px;\n}\n\n\n.jb-feature-side {\n\n  display: grid;\n\n  gap: 10px;\n}\n\n\n.jb-info-card {\n\n  display: grid;\n\n  grid-template-columns:\n    44px 1fr;\n\n  gap: 13px;\n\n  padding: 21px;\n\n  border:\n    1px solid var(--line);\n\n  border-radius: 17px;\n\n  background: #fff;\n}\n\n\n.jb-info-card.accent {\n\n  background:\n    #f8f0e9;\n}\n\n\n.jb-icon {\n\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    #efe2d7;\n\n  color: var(--gold-dark);\n\n  font-family: Georgia, serif;\n\n  font-size: 12px;\n}\n\n\n.jb-info-card h3 {\n\n  margin-bottom: 4px;\n\n  color: var(--brown);\n\n  font-family: Georgia, serif;\n\n  font-size: 16px;\n\n  font-weight: 400;\n}\n\n\n.jb-info-card p {\n\n  margin: 0;\n\n  color: var(--muted);\n\n  font-size: 12px;\n}\n\n\n\/* =========================\n   STORAGE\n========================= *\/\n\n.jb-storage-grid {\n\n  display: grid;\n\n  grid-template-columns:\n    1.2fr .8fr .8fr;\n\n  gap: 11px;\n}\n\n\n.jb-storage-card {\n\n  position: relative;\n\n  min-height: 215px;\n\n  padding: 23px;\n\n  overflow: hidden;\n\n  border:\n    1px solid var(--line);\n\n  border-radius: 20px;\n\n  background: #fff;\n}\n\n\n.jb-storage-card.large {\n\n  background:\n    linear-gradient(\n      145deg,\n      #f0dfd3,\n      #faf2eb\n    );\n}\n\n\n.jb-storage-card.wide {\n\n  grid-column:\n    2 \/ 4;\n\n  min-height:\n    155px;\n\n  background:\n    #f8f1eb;\n}\n\n\n.jb-storage-number {\n\n  position: absolute;\n\n  right: 18px;\n  top: 15px;\n\n  color: #d4b994;\n\n  font-family: Georgia, serif;\n\n  font-size: 26px;\n}\n\n\n.jb-storage-card h3 {\n\n  margin:\n    18px 0 7px;\n\n  color: var(--brown);\n\n  font-family: Georgia, serif;\n\n  font-size: 20px;\n\n  font-weight: 400;\n}\n\n\n.jb-storage-card p {\n\n  margin: 0;\n\n  color: var(--muted);\n\n  font-size: 12px;\n}\n\n\n.jb-ring-art {\n\n  display: flex;\n\n  gap: 8px;\n}\n\n\n.jb-ring-art i {\n\n  display: block;\n\n  width: 29px;\n  height: 29px;\n\n  border:\n    2px solid var(--gold);\n\n  border-radius: 50%;\n}\n\n\n.jb-ring-art i:nth-child(2) {\n\n  width: 22px;\n  height: 22px;\n\n  margin-top: 7px;\n}\n\n\n.jb-ring-art i:nth-child(3) {\n\n  width: 16px;\n  height: 16px;\n\n  margin-top: 12px;\n}\n\n\n.jb-symbol {\n\n  color: var(--gold);\n\n  font-family: Georgia, serif;\n\n  font-size: 34px;\n}\n\n\n.jb-bracelet-art {\n\n  width: 50px;\n  height: 50px;\n\n  border:\n    2px solid var(--gold);\n\n  border-radius: 50%;\n\n  box-shadow:\n    inset 0 0 0 7px #f8f1eb,\n    inset 0 0 0 8px rgba(190,160,111,.35);\n}\n\n\n\/* =========================\n   EDITORIAL\n========================= *\/\n\n.jb-editorial {\n\n  display: grid;\n\n  grid-template-columns:\n    .42fr 1.58fr;\n\n  gap: 35px;\n\n  margin-bottom: 56px;\n\n  padding: 47px;\n\n  overflow: hidden;\n\n  border-radius: 25px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #302724,\n      #4d3b34\n    );\n}\n\n\n.jb-editorial-index {\n\n  display: flex;\n\n  flex-direction: column;\n\n  justify-content: space-between;\n}\n\n\n.jb-editorial-index \u003e span {\n\n  color:\n    rgba(255,255,255,.08);\n\n  font-family: Georgia, serif;\n\n  font-size: 100px;\n\n  line-height: .8;\n}\n\n\n.jb-editorial-index small {\n\n  color: #d4b67c;\n\n  font-size: 9px;\n\n  font-weight: 700;\n\n  letter-spacing: .2em;\n}\n\n\n.jb-editorial-copy h2 {\n\n  margin-bottom: 13px;\n\n  color: #fff;\n\n  font-family: Georgia, serif;\n\n  font-size: 30px;\n\n  line-height: 1.3;\n\n  font-weight: 400;\n}\n\n\n.jb-editorial-copy \u003e p {\n\n  max-width: 620px;\n\n  color: #dcd1cc;\n\n  font-size: 13px;\n}\n\n\n.jb-dark-tags {\n\n  display: flex;\n\n  flex-wrap: wrap;\n\n  gap: 7px;\n\n  margin-top: 20px;\n}\n\n\n.jb-dark-tags span {\n\n  padding:\n    7px 12px;\n\n  border:\n    1px solid rgba(255,255,255,.16);\n\n  border-radius:\n    999px;\n\n  color:\n    #eadfdb;\n\n  font-size:\n    10px;\n}\n\n\n\/* =========================\n   TRAVEL\n========================= *\/\n\n.jb-travel-grid {\n\n  display: grid;\n\n  grid-template-columns:\n    .95fr 1.05fr;\n\n  gap: 14px;\n}\n\n\n.jb-travel-main {\n\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      #c7a38f,\n      #ead4c6\n    );\n}\n\n\n.jb-travel-circle {\n\n  position: absolute;\n\n  width: 210px;\n  height: 210px;\n\n  right: -70px;\n  bottom: -80px;\n\n  border:\n    1px solid rgba(255,255,255,.42);\n\n  border-radius: 50%;\n}\n\n\n.jb-travel-circle::after {\n\n  content: \"\";\n\n  position: absolute;\n\n  width: 135px;\n  height: 135px;\n\n  left: 36px;\n  top: 36px;\n\n  border:\n    1px solid rgba(255,255,255,.28);\n\n  border-radius: 50%;\n}\n\n\n.jb-travel-main small {\n\n  display: block;\n\n  margin-bottom: 11px;\n\n  color: #6f5145;\n\n  font-size: 9px;\n  font-weight: 700;\n\n  letter-spacing: .2em;\n}\n\n\n.jb-travel-main h3 {\n\n  margin-bottom: 12px;\n\n  color: #fff;\n\n  font-family: Georgia, serif;\n\n  font-size: 31px;\n\n  line-height: 1.22;\n\n  font-weight: 400;\n}\n\n\n.jb-travel-main p {\n\n  position: relative;\n\n  z-index: 2;\n\n  max-width: 350px;\n\n  color:\n    rgba(255,255,255,.92);\n\n  font-size:\n    12.5px;\n}\n\n\n.jb-travel-cards {\n\n  display: grid;\n\n  grid-template-columns:\n    1fr 1fr;\n\n  gap: 10px;\n}\n\n\n.jb-travel-cards \u003e div {\n\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:\n    1px solid var(--line);\n\n  border-radius: 17px;\n\n  background: #fff;\n}\n\n\n.jb-travel-cards \u003e div:nth-child(2),\n.jb-travel-cards \u003e div:nth-child(3) {\n\n  background:\n    #f8f0ea;\n}\n\n\n.jb-travel-cards span {\n\n  margin-bottom: auto;\n\n  color: #c0a06f;\n\n  font-family: Georgia, serif;\n\n  font-size: 17px;\n}\n\n\n.jb-travel-cards strong {\n\n  margin-bottom: 4px;\n\n  color: var(--brown);\n\n  font-family: Georgia, serif;\n\n  font-size: 16px;\n\n  font-weight: 400;\n}\n\n\n.jb-travel-cards p {\n\n  margin: 0;\n\n  color: var(--muted);\n\n  font-size: 11px;\n}\n\n\n\/* =========================\n   STEPS\n========================= *\/\n\n.jb-steps {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(4,1fr);\n\n  gap: 10px;\n}\n\n\n.jb-step {\n\n  position: relative;\n\n  padding: 24px 19px;\n\n  border-radius: 18px;\n\n  background: #f8f0e9;\n}\n\n\n.jb-step:nth-child(even) {\n\n  border:\n    1px solid var(--line);\n\n  background: #fff;\n}\n\n\n.jb-step-number {\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  width: 36px;\n  height: 36px;\n\n  margin-bottom: 17px;\n\n  border-radius: 50%;\n\n  background: #a9806c;\n\n  color: #fff;\n\n  font-family: Georgia, serif;\n}\n\n\n.jb-step-line {\n\n  position: absolute;\n\n  top: 42px;\n\n  left: 66px;\n\n  width: calc(100% - 75px);\n  height: 1px;\n\n  background:\n    #ddcfc4;\n}\n\n\n.jb-step h3 {\n\n  margin-bottom: 5px;\n\n  color: var(--brown);\n\n  font-size: 15px;\n}\n\n\n.jb-step p {\n\n  margin: 0;\n\n  color: var(--muted);\n\n  font-size: 11.5px;\n}\n\n\n\/* =========================\n   CARE\n========================= *\/\n\n.jb-care {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(3,1fr);\n\n  gap: 11px;\n}\n\n\n.jb-care \u003e div {\n\n  padding:\n    25px 21px;\n\n  border:\n    1px solid var(--line);\n\n  border-radius:\n    18px;\n\n  background:\n    #fff;\n}\n\n\n.jb-care \u003e div:nth-child(2) {\n\n  background:\n    #f8f0e9;\n}\n\n\n.jb-care span {\n\n  display: block;\n\n  margin-bottom: 15px;\n\n  color:\n    var(--gold);\n\n  font-size: 17px;\n}\n\n\n.jb-care h3 {\n\n  margin-bottom: 6px;\n\n  color: var(--brown);\n\n  font-family:\n    Georgia,\n    serif;\n\n  font-size: 17px;\n\n  font-weight: 400;\n}\n\n\n.jb-care p {\n\n  margin: 0;\n\n  color: var(--muted);\n\n  font-size: 12px;\n}\n\n\n\/* =========================\n   ENDING\n========================= *\/\n\n.jb-ending {\n\n  position: relative;\n\n  padding:\n    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,.93),\n      transparent 35%\n    ),\n    linear-gradient(\n      135deg,\n      #faf4ed,\n      #e8d2c4\n    );\n}\n\n\n.jb-ending \u003e * {\n\n  position: relative;\n\n  z-index: 3;\n}\n\n\n.jb-ending small {\n\n  display: block;\n\n  margin-bottom: 9px;\n\n  color:\n    var(--gold-dark);\n\n  font-size: 9px;\n\n  font-weight: 700;\n\n  letter-spacing: .22em;\n}\n\n\n.jb-ending h2 {\n\n  margin-bottom: 10px;\n\n  color:\n    var(--brown);\n\n  font-family:\n    Georgia,\n    serif;\n\n  font-size: 38px;\n\n  line-height: 1.15;\n\n  font-weight: 400;\n}\n\n\n.jb-ending p {\n\n  max-width: 600px;\n\n  margin:\n    0 auto 21px;\n\n  color:\n    var(--muted);\n\n  font-size:\n    13px;\n}\n\n\n.jb-end-line {\n\n  width: 42px;\n  height: 1px;\n\n  margin:\n    0 auto 14px;\n\n  background:\n    var(--gold);\n}\n\n\n.jb-ending strong {\n\n  color: #493c36;\n\n  font-family:\n    Georgia,\n    serif;\n\n  font-size: 18px;\n\n  font-weight: 400;\n}\n\n\n\/* decor *\/\n\n.jb-end-ring {\n\n  position: absolute;\n\n  z-index: 1;\n\n  border:\n    1px solid rgba(190,160,111,.25);\n\n  border-radius: 50%;\n}\n\n\n.end-ring-a {\n\n  width: 175px;\n  height: 175px;\n\n  left: -55px;\n  top: -55px;\n}\n\n\n.end-ring-b {\n\n  width: 115px;\n  height: 115px;\n\n  right: 15px;\n  bottom: -50px;\n}\n\n\n.jb-end-pearl {\n\n  position: absolute;\n\n  z-index: 1;\n\n  border-radius: 50%;\n\n  background:\n    radial-gradient(\n      circle at 30% 25%,\n      #fff,\n      #e9ded4 65%,\n      #c5b2a2\n    );\n}\n\n\n.end-pearl-a {\n\n  width: 17px;\n  height: 17px;\n\n  left: 90px;\n  bottom: 40px;\n}\n\n\n.end-pearl-b {\n\n  width: 10px;\n  height: 10px;\n\n  left: 118px;\n  bottom: 67px;\n}\n\n\n.end-pearl-c {\n\n  width: 21px;\n  height: 21px;\n\n  right: 95px;\n  top: 43px;\n}\n\n\n\/* =========================\n   HOVER\n========================= *\/\n\n.jb-info-card,\n.jb-storage-card,\n.jb-travel-cards \u003e div,\n.jb-step,\n.jb-care \u003e div {\n\n  transition:\n    transform .3s ease,\n    box-shadow .3s ease;\n}\n\n\n.jb-info-card:hover,\n.jb-storage-card:hover,\n.jb-travel-cards \u003e div:hover,\n.jb-step:hover,\n.jb-care \u003e div:hover {\n\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  .jb-hero {\n\n    grid-template-columns:\n      1fr;\n  }\n\n\n  .jb-hero-card {\n\n    margin:\n      35px auto 0;\n  }\n\n\n  .jb-benefits {\n\n    grid-template-columns:\n      1fr 1fr;\n  }\n\n\n  .jb-benefit:nth-child(3) {\n\n    border-left: 0;\n\n    border-top:\n      1px solid var(--line);\n  }\n\n\n  .jb-benefit:nth-child(4) {\n\n    border-top:\n      1px solid var(--line);\n  }\n\n\n  .jb-feature-grid,\n  .jb-editorial,\n  .jb-travel-grid {\n\n    grid-template-columns:\n      1fr;\n  }\n\n\n  .jb-editorial-index \u003e span {\n\n    display: none;\n  }\n\n\n  .jb-storage-grid {\n\n    grid-template-columns:\n      1fr 1fr;\n  }\n\n\n  .jb-storage-card.wide {\n\n    grid-column:\n      1 \/ -1;\n  }\n\n\n  .jb-steps {\n\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-jewelrybox {\n\n    padding-left: 12px;\n\n    padding-right: 12px;\n  }\n\n\n  .jb-hero {\n\n    padding:\n      42px 23px;\n\n    border-radius:\n      21px;\n  }\n\n\n  .jb-hero h2 {\n\n    font-size:\n      36px;\n  }\n\n\n  .jb-hero-card {\n\n    width: 100%;\n  }\n\n\n  .jb-benefits {\n\n    grid-template-columns:\n      1fr;\n  }\n\n\n  .jb-benefit + .jb-benefit {\n\n    border-left: 0;\n\n    border-top:\n      1px solid var(--line);\n  }\n\n\n  .jb-section-head {\n\n    grid-template-columns:\n      42px 1fr;\n  }\n\n\n  .jb-line {\n\n    display: none;\n  }\n\n\n  .jb-section-head h2 {\n\n    font-size:\n      22px;\n  }\n\n\n  .jb-feature-main {\n\n    min-height: auto;\n\n    padding:\n      28px 23px 90px;\n  }\n\n\n  .jb-feature-main h3 {\n\n    font-size:\n      27px;\n  }\n\n\n  .jb-storage-grid,\n  .jb-travel-cards,\n  .jb-steps,\n  .jb-care {\n\n    grid-template-columns:\n      1fr;\n  }\n\n\n  .jb-storage-card.wide {\n\n    grid-column:\n      auto;\n  }\n\n\n  .jb-editorial {\n\n    padding:\n      35px 24px;\n  }\n\n\n  .jb-editorial-copy h2 {\n\n    font-size:\n      25px;\n  }\n\n\n  .jb-step-line {\n\n    display: none;\n  }\n\n\n  .jb-ending {\n\n    padding:\n      44px 22px;\n  }\n\n\n  .jb-ending h2 {\n\n    font-size:\n      31px;\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":48068611735730,"sku":null,"price":57.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0794\/7013\/3426\/files\/433f8648-46bb-44d1-bd67-c82d503d91c4.png?v=1789727933","url":"https:\/\/tamerviq.com\/products\/multi-compartment-travel-jewelry-case","provider":"tamerviq","version":"1.0","type":"link"}