{"product_id":"caravly-music-frame","title":"Caravly Music Frame","description":"\u003csection class=\"cmx1\"\u003e\u003c!-- 01 \/ HERO --\u003e\n\u003csection class=\"cmx1-hero\"\u003e\n\u003cdiv class=\"cmx1-shell cmx1-hero__grid\"\u003e\n\u003cdiv class=\"cmx1-hero__copy\"\u003e\n\u003cspan class=\"cmx1-kicker\"\u003eCHRISTMAS, ONE RECORD AT A TIME\u003c\/span\u003e\n\u003ch2\u003eTurn the fridge into \u003cem\u003ethe holiday playlist wall.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp\u003eA magnetic Christmas music display with nine collectible record-style pieces— made to bring music, nostalgia and a little ritual into the busiest room in the house.\u003c\/p\u003e\n\u003cdiv class=\"cmx1-hero__facts\"\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e9\u003c\/strong\u003e \u003cspan\u003eCOLLECTIBLE\u003cbr\u003eRECORDS\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e1\u003c\/strong\u003e \u003cspan\u003eDISPLAY\u003cbr\u003eFRAME\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e∞\u003c\/strong\u003e \u003cspan\u003eHOLIDAY\u003cbr\u003eMOMENTS\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cmx1-hero__line\"\u003e\n\u003ci\u003e\u003c\/i\u003e \u003cspan\u003eDecor you interact with—not just something you hang and forget.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cmx1-hero__visual\"\u003e\n\u003cdiv class=\"cmx1-hero__vinyl\"\u003e\n\u003ci\u003e\u003c\/i\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cmx1-photo\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0790\/0397\/5780\/files\/6_af8dbcb4-665b-4ee9-9a33-9b0ef5140b10.webp?v=1791101992\" alt=\"Christmas music frame with nine collectible record magnets on a refrigerator\" loading=\"eager\" decoding=\"async\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"cmx1-hero__label\"\u003e\n\u003cspan\u003eFRIDGE-SIDE CHRISTMAS\u003c\/span\u003e \u003cstrong\u003eOne frame. Nine little choices.\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 02 \/ INTERACTION --\u003e\n\u003csection class=\"cmx1-play\"\u003e\n\u003cdiv class=\"cmx1-shell cmx1-play__grid\"\u003e\n\u003cdiv class=\"cmx1-play__copy\"\u003e\n\u003cspan class=\"cmx1-kicker cmx1-kicker--red\"\u003eTHE PART YOU KEEP DOING \/ 02\u003c\/span\u003e\n\u003ch2\u003ePick a record. \u003cem\u003eChange the moment.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp\u003eThe fun is in choosing. Instead of one fixed Christmas decoration, the little record pieces invite you to swap the look and make the display feel different from one moment to the next.\u003c\/p\u003e\n\u003cdiv class=\"cmx1-player\"\u003e\n\u003cdiv class=\"cmx1-player__disc\"\u003e\n\u003cspan\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cmx1-player__meta\"\u003e\n\u003csmall\u003eNOW PLAYING\u003c\/small\u003e \u003cstrong\u003eChristmas in the kitchen\u003c\/strong\u003e\n\u003cdiv class=\"cmx1-player__bar\"\u003e\n\u003ci\u003e\u003c\/i\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cmx1-player__controls\"\u003e\n\u003cspan\u003e◀\u003c\/span\u003e \u003cb\u003eⅡ\u003c\/b\u003e \u003cspan\u003e▶\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cmx1-play__notes\"\u003e\n\u003carticle\u003e\u003cspan\u003e01\u003c\/span\u003e \u003cstrong\u003eChoose\u003c\/strong\u003e\n\u003cp\u003ePick the mini record that fits the mood.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle\u003e\u003cspan\u003e02\u003c\/span\u003e \u003cstrong\u003eSwap\u003c\/strong\u003e\n\u003cp\u003eChange the display in seconds.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle\u003e\u003cspan\u003e03\u003c\/span\u003e \u003cstrong\u003eRepeat\u003c\/strong\u003e\n\u003cp\u003eIt becomes a small holiday habit.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cmx1-play__demo\"\u003e\n\u003cdiv class=\"cmx1-demo-frame\"\u003e\n\u003cspan class=\"cmx1-demo-frame__top\"\u003eWATCH THE SWAP\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0790\/0397\/5780\/files\/f053e662df1e497fa720487526357502.HD-1080p-7.2Mbps-91460469-ezgif.com-video-to-gif-converter.webp?v=1791102051\" alt=\"Hand swapping a Christmas record magnet on the music frame\" loading=\"lazy\" decoding=\"async\"\u003e \u003cspan class=\"cmx1-demo-frame__bottom\"\u003eA tiny interaction that makes the decor feel alive.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 03 \/ 9 RECORDS --\u003e\n\u003csection class=\"cmx1-records\"\u003e\n\u003cdiv class=\"cmx1-shell\"\u003e\n\u003cdiv class=\"cmx1-records__head\"\u003e\n\u003cspan class=\"cmx1-kicker\"\u003eTHE CHRISTMAS RECORD WALL \/ 03\u003c\/span\u003e\n\u003ch2\u003eNine little records. \u003cem\u003eOne very festive refrigerator.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp\u003eThe record-style pieces are part of the visual experience— turning the fridge into a playful Christmas display instead of a blank stainless-steel door.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cmx1-records__layout\"\u003e\n\u003cdiv class=\"cmx1-records__visual\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0790\/0397\/5780\/files\/Captura_de_pantalla_2026-08-13_a_las_1.38.32.webp?v=1791101993\" alt=\"Christmas music frame and record magnets close-up\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"cmx1-record-wall\"\u003e\n\u003cdiv class=\"cmx1-mini-record\"\u003e\n\u003ci\u003e🕯️\u003c\/i\u003e \u003cspan\u003eCandlelight\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cmx1-mini-record\"\u003e\n\u003ci\u003e🎄\u003c\/i\u003e \u003cspan\u003eTree Night\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cmx1-mini-record\"\u003e\n\u003ci\u003e🔥\u003c\/i\u003e \u003cspan\u003eFireplace\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cmx1-mini-record\"\u003e\n\u003ci\u003e✨\u003c\/i\u003e \u003cspan\u003eHoliday Glow\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cmx1-mini-record\"\u003e\n\u003ci\u003e🎁\u003c\/i\u003e \u003cspan\u003eGift Day\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cmx1-mini-record\"\u003e\n\u003ci\u003e🔔\u003c\/i\u003e \u003cspan\u003eBells\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cmx1-mini-record\"\u003e\n\u003ci\u003e❤️\u003c\/i\u003e \u003cspan\u003eChristmas Heart\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cmx1-mini-record\"\u003e\n\u003ci\u003e❄️\u003c\/i\u003e \u003cspan\u003eWinter Night\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cmx1-mini-record\"\u003e\n\u003ci\u003e☃️\u003c\/i\u003e \u003cspan\u003eSnow Day\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 04 \/ MAGNETIC DISPLAY --\u003e\n\u003csection class=\"cmx1-fridge\"\u003e\n\u003cdiv class=\"cmx1-shell cmx1-fridge__grid\"\u003e\n\u003cdiv class=\"cmx1-fridge__copy\"\u003e\n\u003cspan class=\"cmx1-kicker cmx1-kicker--red\"\u003eMADE FOR THE FRIDGE DOOR \/ 04\u003c\/span\u003e\n\u003ch2\u003eChristmas decor \u003cem\u003ewithout taking over the countertop.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp\u003eThe vertical display format turns unused refrigerator space into a holiday focal point— right where morning coffee, late-night snacks and family traffic already happen.\u003c\/p\u003e\n\u003cdiv class=\"cmx1-fridge__features\"\u003e\n\u003cdiv\u003e\n\u003cspan\u003e01\u003c\/span\u003e \u003cstrong\u003eEasy to notice\u003c\/strong\u003e\n\u003cp\u003eIt sits at eye level in a room everyone uses.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan\u003e02\u003c\/span\u003e \u003cstrong\u003eNo table styling required\u003c\/strong\u003e\n\u003cp\u003eAdd personality without giving up shelf or counter space.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan\u003e03\u003c\/span\u003e \u003cstrong\u003eFeels integrated\u003c\/strong\u003e\n\u003cp\u003eThe records become part of the display instead of loose decorations.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cmx1-fridge__visual\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0790\/0397\/5780\/files\/Captura_de_pantalla_2026-08-13_a_las_1.33.08.webp?v=1791101993\" alt=\"Christmas music frame shown from the side on a refrigerator\" loading=\"lazy\" decoding=\"async\"\u003e \u003cspan class=\"cmx1-fridge__caption\"\u003eA small display with real visual presence.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n.cmx1{\n  --cmx-ink:#1f2923;\n  --cmx-copy:#657068;\n  --cmx-pine:#1f4f3a;\n  --cmx-pine2:#35674f;\n  --cmx-red:#a44742;\n  --cmx-red2:#c15b52;\n  --cmx-gold:#c4a166;\n  --cmx-cream:#f8f3e9;\n  --cmx-paper:#fffdf8;\n  --cmx-black:#171719;\n  --cmx-line:#ded8ce;\n\n  width:100%;\n  overflow:hidden;\n  background:var(--cmx-paper);\n  color:var(--cmx-ink);\n  font-family:Arial,Helvetica,sans-serif;\n}\n.cmx1 *{box-sizing:border-box}\n.cmx1 img{display:block;width:100%;height:auto}\n.cmx1 h2,.cmx1 p{margin-top:0}\n.cmx1 h2,.cmx1 em{\n  font-family:Georgia,\"Times New Roman\",serif;\n}\n.cmx1 em{\n  color:var(--cmx-red);\n  font-style:italic;\n  font-weight:400;\n}\n.cmx1-shell{\n  width:min(1220px,calc(100% - 32px));\n  margin:auto;\n}\n.cmx1-kicker{\n  display:block;\n  margin-bottom:12px;\n  color:var(--cmx-pine2);\n  font-size:9px;\n  font-weight:800;\n  letter-spacing:.2em;\n}\n.cmx1-kicker--red{color:var(--cmx-red)}\n\n\/* HERO *\/\n.cmx1-hero{\n  padding:44px 0 58px;\n  background:\n    radial-gradient(circle at 86% 16%,rgba(196,161,102,.18),transparent 24%),\n    linear-gradient(180deg,#fbf7ef 0%,#f2ece1 100%);\n}\n.cmx1-hero__grid{display:grid;gap:34px;align-items:center}\n.cmx1-hero__copy h2{\n  margin:0 0 16px;\n  font-size:41px;\n  line-height:1.02;\n  letter-spacing:-.035em;\n  font-weight:500;\n}\n.cmx1-hero__copy h2 em{display:block;margin-top:5px}\n.cmx1-hero__copy\u003ep{\n  max-width:580px;\n  margin-bottom:22px;\n  color:var(--cmx-copy);\n  font-size:15px;\n  line-height:1.75;\n}\n.cmx1-hero__facts{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:8px;\n  max-width:520px;\n}\n.cmx1-hero__facts\u003ediv{\n  min-width:0;\n  padding:13px 10px;\n  border-top:1px solid #cfc6b8;\n  border-bottom:1px solid #cfc6b8;\n}\n.cmx1-hero__facts strong{\n  display:block;\n  margin-bottom:5px;\n  color:var(--cmx-pine);\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:25px;\n  line-height:1;\n}\n.cmx1-hero__facts span{\n  color:#78726b;\n  font-size:7px;\n  font-weight:800;\n  letter-spacing:.1em;\n  line-height:1.35;\n}\n.cmx1-hero__line{\n  display:flex;\n  align-items:center;\n  gap:9px;\n  margin-top:20px;\n  color:#746f68;\n  font-size:12px;\n  line-height:1.5;\n}\n.cmx1-hero__line i{\n  flex:0 0 30px;\n  height:1px;\n  background:var(--cmx-red);\n}\n.cmx1-hero__visual{position:relative}\n.cmx1-photo{\n  position:relative;\n  z-index:2;\n  padding:8px;\n  border:1px solid #d8d0c4;\n  background:#fff;\n  box-shadow:0 20px 50px rgba(50,53,49,.09);\n}\n.cmx1-photo img{object-fit:contain}\n.cmx1-hero__vinyl{\n  position:absolute;\n  right:-20px;\n  top:-22px;\n  z-index:1;\n  width:120px;\n  height:120px;\n  border-radius:50%;\n  background:\n    radial-gradient(circle at center,#c4a166 0 6%,#1a1a1b 7% 27%,#29292b 28% 30%,#151517 31% 100%);\n  box-shadow:0 15px 30px rgba(23,23,25,.15);\n}\n.cmx1-hero__vinyl:before,\n.cmx1-hero__vinyl:after{\n  content:\"\";\n  position:absolute;\n  inset:17%;\n  border:1px solid rgba(255,255,255,.08);\n  border-radius:50%;\n}\n.cmx1-hero__vinyl:after{inset:30%}\n.cmx1-hero__label{\n  position:relative;\n  z-index:3;\n  width:max-content;\n  max-width:90%;\n  margin:-15px 12px 0 auto;\n  padding:10px 12px;\n  border:1px solid #d8d0c4;\n  background:#fffdf8;\n  box-shadow:0 8px 20px rgba(50,53,49,.08);\n}\n.cmx1-hero__label span{\n  display:block;\n  margin-bottom:3px;\n  color:var(--cmx-red);\n  font-size:7px;\n  font-weight:800;\n  letter-spacing:.14em;\n}\n.cmx1-hero__label strong{font-size:10px}\n\n\/* PLAY *\/\n.cmx1-play{\n  padding:74px 0 84px;\n  background:#133c2d;\n  color:#fffaf1;\n}\n.cmx1-play__grid{display:grid;gap:38px;align-items:center}\n.cmx1-play .cmx1-kicker{color:#efb6ab}\n.cmx1-play__copy h2{\n  margin:0 0 15px;\n  color:#fffaf1!important;\n  font-size:38px;\n  line-height:1.03;\n  font-weight:500;\n}\n.cmx1-play__copy h2 em{\n  display:block;\n  color:#e6c486;\n}\n.cmx1-play__copy\u003ep{\n  max-width:570px;\n  color:#d8e1da;\n  font-size:15px;\n  line-height:1.76;\n}\n.cmx1-player{\n  display:grid;\n  grid-template-columns:76px 1fr;\n  gap:14px;\n  align-items:center;\n  margin-top:24px;\n  padding:14px;\n  border:1px solid rgba(255,255,255,.14);\n  background:rgba(255,255,255,.045);\n}\n.cmx1-player__disc{\n  position:relative;\n  width:76px;height:76px;\n  border-radius:50%;\n  background:\n    repeating-radial-gradient(circle,#181819 0 5px,#242426 6px 7px);\n  animation:cmxSpin 8s linear infinite;\n}\n.cmx1-player__disc:before{\n  content:\"\";\n  position:absolute;\n  left:50%;top:50%;\n  width:26px;height:26px;\n  border-radius:50%;\n  background:#a44742;\n  transform:translate(-50%,-50%);\n}\n.cmx1-player__disc span{\n  position:absolute;\n  left:50%;top:50%;\n  width:5px;height:5px;\n  border-radius:50%;\n  background:#e9d8b9;\n  transform:translate(-50%,-50%);\n}\n@keyframes cmxSpin{to{transform:rotate(360deg)}}\n.cmx1-player__meta small{\n  display:block;\n  color:#d0b999;\n  font-size:7px;\n  font-weight:800;\n  letter-spacing:.15em;\n}\n.cmx1-player__meta strong{\n  display:block;\n  margin:5px 0 9px;\n  color:#fffaf1!important;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:16px;\n  font-weight:400;\n}\n.cmx1-player__bar{\n  height:3px;\n  overflow:hidden;\n  background:rgba(255,255,255,.18);\n}\n.cmx1-player__bar i{\n  display:block;\n  width:54%;\n  height:100%;\n  background:#d8ae61;\n}\n.cmx1-player__controls{\n  display:flex;\n  justify-content:center;\n  align-items:center;\n  gap:14px;\n  margin-top:8px;\n  color:#d5ded6;\n  font-size:9px;\n}\n.cmx1-play__notes{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:8px;\n  margin-top:15px;\n}\n.cmx1-play__notes article{\n  min-width:0;\n  padding:12px 10px;\n  border-top:1px solid rgba(255,255,255,.16);\n}\n.cmx1-play__notes article\u003espan{\n  display:block;\n  margin-bottom:11px;\n  color:#e5b66e;\n  font-size:7px;\n  font-weight:800;\n}\n.cmx1-play__notes strong{\n  display:block;\n  margin-bottom:4px;\n  color:#fff8ee!important;\n  font-size:12px;\n}\n.cmx1-play__notes p{\n  margin:0;\n  color:#bdcbc1;\n  font-size:9px;\n  line-height:1.45;\n}\n.cmx1-demo-frame{\n  max-width:380px;\n  margin:auto;\n  padding:10px;\n  border:1px solid rgba(255,255,255,.15);\n  background:#0d2c21;\n  box-shadow:0 26px 54px rgba(0,0,0,.18);\n}\n.cmx1-demo-frame__top,\n.cmx1-demo-frame__bottom{\n  display:block;\n  padding:8px 5px;\n  color:#c6d4ca;\n  font-size:8px;\n  letter-spacing:.12em;\n}\n.cmx1-demo-frame__top{\n  color:#e7bf78;\n  font-weight:800;\n}\n.cmx1-demo-frame img{\n  max-height:650px;\n  object-fit:contain;\n  background:#0b261d;\n}\n\n\/* RECORDS *\/\n.cmx1-records{\n  padding:74px 0 84px;\n  background:#f8f3e9;\n}\n.cmx1-records__head{max-width:720px;margin-bottom:30px}\n.cmx1-records__head h2{\n  margin:0 0 14px;\n  font-size:37px;\n  line-height:1.04;\n  font-weight:500;\n}\n.cmx1-records__head h2 em{display:block}\n.cmx1-records__head p{\n  max-width:570px;\n  color:var(--cmx-copy);\n  font-size:15px;\n  line-height:1.75;\n}\n.cmx1-records__layout{display:grid;gap:24px;align-items:center}\n.cmx1-records__visual{\n  padding:8px;\n  border:1px solid var(--cmx-line);\n  background:#fff;\n}\n.cmx1-records__visual img{object-fit:contain}\n.cmx1-record-wall{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:12px;\n  padding:17px;\n  background:#fffdf8;\n  border:1px solid var(--cmx-line);\n}\n.cmx1-mini-record{\n  min-width:0;\n  text-align:center;\n}\n.cmx1-mini-record i{\n  position:relative;\n  width:72px;height:72px;\n  max-width:100%;\n  margin:0 auto 7px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  border-radius:50%;\n  background:\n    repeating-radial-gradient(circle,#161618 0 5px,#272729 6px 7px);\n  font-style:normal;\n  font-size:21px;\n  box-shadow:0 5px 12px rgba(0,0,0,.13);\n}\n.cmx1-mini-record i:after{\n  content:\"\";\n  position:absolute;\n  inset:31%;\n  border-radius:50%;\n  border:1px solid rgba(255,255,255,.2);\n}\n.cmx1-mini-record span{\n  display:block;\n  color:#68645f;\n  font-size:8px;\n  font-weight:700;\n}\n\n\/* FRIDGE *\/\n.cmx1-fridge{\n  padding:74px 0 86px;\n  background:#fffdf9;\n}\n.cmx1-fridge__grid{display:grid;gap:34px;align-items:center}\n.cmx1-fridge__copy h2{\n  margin:0 0 15px;\n  font-size:37px;\n  line-height:1.03;\n  font-weight:500;\n}\n.cmx1-fridge__copy h2 em{display:block}\n.cmx1-fridge__copy\u003ep{\n  color:var(--cmx-copy);\n  font-size:15px;\n  line-height:1.75;\n}\n.cmx1-fridge__features{\n  margin-top:23px;\n  border-top:1px solid var(--cmx-line);\n}\n.cmx1-fridge__features\u003ediv{\n  display:grid;\n  grid-template-columns:34px 1fr;\n  gap:11px;\n  padding:15px 0;\n  border-bottom:1px solid var(--cmx-line);\n}\n.cmx1-fridge__features\u003ediv\u003espan{\n  color:var(--cmx-red);\n  font-size:8px;\n  font-weight:800;\n}\n.cmx1-fridge__features strong{\n  display:block;\n  margin-bottom:4px;\n  font-size:14px;\n}\n.cmx1-fridge__features p{\n  margin:0;\n  color:#79756f;\n  font-size:11px;\n  line-height:1.55;\n}\n.cmx1-fridge__visual{\n  position:relative;\n  padding:8px;\n  border:1px solid var(--cmx-line);\n  background:#f5f1e9;\n}\n.cmx1-fridge__visual img{object-fit:contain}\n.cmx1-fridge__caption{\n  position:absolute;\n  left:18px;\n  bottom:18px;\n  padding:8px 10px;\n  background:rgba(255,253,248,.88);\n  color:#625b55;\n  font-size:9px;\n  font-weight:700;\n  backdrop-filter:blur(5px);\n}\n\n@media(min-width:768px){\n  .cmx1-shell{width:min(1220px,calc(100% - 64px))}\n  .cmx1-hero{padding:84px 0 96px}\n  .cmx1-hero__grid{grid-template-columns:.9fr 1.1fr;gap:72px}\n  .cmx1-hero__copy h2{font-size:62px}\n  .cmx1-hero__copy\u003ep{font-size:16px}\n\n  .cmx1-play{padding:100px 0 110px}\n  .cmx1-play__grid{grid-template-columns:1fr .78fr;gap:78px}\n  .cmx1-play__copy h2{font-size:52px}\n  .cmx1-play__copy\u003ep{font-size:16px}\n\n  .cmx1-records{padding:100px 0 110px}\n  .cmx1-records__head h2{font-size:52px}\n  .cmx1-records__layout{grid-template-columns:1fr 1fr;gap:58px}\n  .cmx1-record-wall{padding:24px;gap:18px}\n  .cmx1-mini-record i{width:92px;height:92px;font-size:26px}\n  .cmx1-mini-record span{font-size:9px}\n\n  .cmx1-fridge{padding:100px 0 112px}\n  .cmx1-fridge__grid{grid-template-columns:.9fr 1.1fr;gap:72px}\n  .cmx1-fridge__copy h2{font-size:52px}\n  .cmx1-fridge__copy\u003ep{font-size:16px}\n}\n\n@media(max-width:390px){\n  .cmx1-hero__copy h2,\n  .cmx1-play__copy h2,\n  .cmx1-records__head h2,\n  .cmx1-fridge__copy h2{font-size:33px}\n  .cmx1-mini-record i{width:62px;height:62px}\n}\n\n@media(prefers-reduced-motion:reduce){\n  .cmx1-player__disc{animation:none}\n}\n\u003c\/style\u003e\n\u003csection class=\"cmx2\"\u003e\u003c!-- 06 \/ HOLIDAY RITUAL --\u003e\n\u003csection class=\"cmx2-ritual\"\u003e\n\u003cdiv class=\"cmx2-shell\"\u003e\n\u003cdiv class=\"cmx2-ritual__head\"\u003e\n\u003cspan class=\"cmx2-kicker cmx2-kicker--red\"\u003eTHE HOLIDAY RITUAL \/ 05\u003c\/span\u003e\n\u003ch2\u003eIt becomes part of \u003cem\u003ethe December routine.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp\u003eThe best seasonal decor is the stuff people interact with. This one naturally creates little moments around the kitchen instead of disappearing into the background.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cmx2-ritual__track\"\u003e\n\u003carticle\u003e\u003cspan\u003e07:18 AM\u003c\/span\u003e \u003ci\u003e\u003c\/i\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eFirst coffee.\u003c\/strong\u003e\n\u003cp\u003ePick a record before the day gets loud.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle\u003e\u003cspan\u003e04:36 PM\u003c\/span\u003e \u003ci\u003e\u003c\/i\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eEveryone’s home.\u003c\/strong\u003e\n\u003cp\u003eSomebody changes the record on the way past the fridge.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle\u003e\u003cspan\u003e07:52 PM\u003c\/span\u003e \u003ci\u003e\u003c\/i\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eDinner is over.\u003c\/strong\u003e\n\u003cp\u003eThe kitchen still feels like Christmas even when the counters are cleared.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 08 \/ GIFT --\u003e\n\u003csection class=\"cmx2-gift\"\u003e\n\u003cdiv class=\"cmx2-shell\"\u003e\n\u003cdiv class=\"cmx2-gift__ticket\"\u003e\n\u003cdiv class=\"cmx2-gift__stamp\"\u003e25\u003cbr\u003eDEC\u003c\/div\u003e\n\u003cdiv class=\"cmx2-gift__copy\"\u003e\n\u003cspan class=\"cmx2-kicker cmx2-kicker--red\"\u003eFOR THE PERSON WHO ALREADY HAS CHRISTMAS MUGS \/ 06\u003c\/span\u003e\n\u003ch2\u003eA gift that feels \u003cem\u003especific instead of generic.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp\u003eIt makes sense for the person who loves Christmas music, decorates the kitchen, collects unusual holiday pieces, or simply likes things guests ask about.\u003c\/p\u003e\n\u003cdiv class=\"cmx2-gift__tags\"\u003e\n\u003cspan\u003eCHRISTMAS LOVERS\u003c\/span\u003e \u003cspan\u003eMUSIC LOVERS\u003c\/span\u003e \u003cspan\u003eMOMS \u0026amp; GRANDMAS\u003c\/span\u003e \u003cspan\u003eHOST GIFTS\u003c\/span\u003e \u003cspan\u003eKITCHEN DECOR\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 09 \/ FAQ --\u003e\n\u003csection class=\"cmx2-faq\"\u003e\n\u003cdiv class=\"cmx2-shell cmx2-faq__inner\"\u003e\n\u003cdiv class=\"cmx2-faq__head\"\u003e\n\u003cspan class=\"cmx2-kicker\"\u003eGOOD TO KNOW \/ 07\u003c\/span\u003e\n\u003ch2\u003eBefore you add it \u003cem\u003eto the Christmas playlist.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cmx2-faq__list\"\u003e\n\u003cdetails\u003e\n\u003csummary\u003eHow many record pieces are included?\u003c\/summary\u003e\n\u003cdiv\u003eThe set shown includes nine Christmas record-style pieces together with the main display frame.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eWhere is it designed to be displayed?\u003c\/summary\u003e\n\u003cdiv\u003eThe product is shown as a refrigerator-mounted Christmas display. Use it on a suitable magnetic surface and follow the product instructions supplied with your set.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eCan I swap the record pieces?\u003c\/summary\u003e\n\u003cdiv\u003eYes. The interchangeable record-style pieces are designed to be removed and changed, which is a central part of the product’s interactive display concept.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eIs this mainly decor or a music-themed product?\u003c\/summary\u003e\n\u003cdiv\u003eIt combines both ideas: a Christmas display frame with player-inspired styling and interchangeable record pieces, designed to make holiday music and decor feel like one visual experience.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eIs it a good Christmas gift?\u003c\/summary\u003e\n\u003cdiv\u003eIt is especially suited to people who love Christmas music, unusual seasonal decor, kitchen decorating and collectible-style holiday pieces.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FINAL --\u003e\n\u003csection class=\"cmx2-final\"\u003e\n\u003cdiv class=\"cmx2-shell cmx2-final__grid\"\u003e\n\u003cdiv class=\"cmx2-final__record\"\u003e\n\u003cspan\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cmx2-final__copy\"\u003e\n\u003cspan\u003eONE FRAME · NINE RECORDS · EVERY DECEMBER\u003c\/span\u003e\n\u003ch2\u003eMake the fridge \u003cem\u003epart of Christmas.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp\u003eA small interactive display that gives holiday music a place you can actually see.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n.cmx2{\n  --cmx-ink:#1f2923;\n  --cmx-copy:#657068;\n  --cmx-pine:#1f4f3a;\n  --cmx-pine2:#35674f;\n  --cmx-red:#a44742;\n  --cmx-gold:#c4a166;\n  --cmx-cream:#f8f3e9;\n  --cmx-paper:#fffdf8;\n  --cmx-black:#171719;\n  --cmx-line:#ded8ce;\n\n  width:100%;\n  overflow:hidden;\n  background:var(--cmx-paper);\n  color:var(--cmx-ink);\n  font-family:Arial,Helvetica,sans-serif;\n}\n.cmx2 *{box-sizing:border-box}\n.cmx2 img{display:block;width:100%;height:auto}\n.cmx2 h2,.cmx2 p,.cmx2 blockquote{margin-top:0}\n.cmx2 h2,.cmx2 em,.cmx2 blockquote{\n  font-family:Georgia,\"Times New Roman\",serif;\n}\n.cmx2 em{\n  color:var(--cmx-red);\n  font-style:italic;\n  font-weight:400;\n}\n.cmx2-shell{\n  width:min(1220px,calc(100% - 32px));\n  margin:auto;\n}\n.cmx2-kicker{\n  display:block;\n  margin-bottom:12px;\n  color:var(--cmx-pine2);\n  font-size:9px;\n  font-weight:800;\n  letter-spacing:.2em;\n}\n.cmx2-kicker--red{color:var(--cmx-red)}\n\n\/* CLOSE *\/\n.cmx2-close{\n  padding:74px 0 84px;\n  background:#f8f3e9;\n}\n.cmx2-close__grid{display:grid;gap:34px;align-items:center}\n.cmx2-close__visual{\n  padding:8px;\n  border:1px solid var(--cmx-line);\n  background:#fff;\n}\n.cmx2-close__visual img{object-fit:contain}\n.cmx2-close__copy h2{\n  margin:0 0 15px;\n  font-size:37px;\n  line-height:1.04;\n  font-weight:500;\n}\n.cmx2-close__copy h2 em{display:block}\n.cmx2-close__copy\u003ep{\n  color:var(--cmx-copy);\n  font-size:15px;\n  line-height:1.75;\n}\n.cmx2-close__lines{\n  display:flex;\n  flex-wrap:wrap;\n  gap:7px;\n  margin-top:22px;\n}\n.cmx2-close__lines span{\n  padding:7px 9px;\n  border:1px solid #d8d0c4;\n  border-radius:999px;\n  background:#fffdf8;\n  color:#6d665f;\n  font-size:7px;\n  font-weight:800;\n}\n\n\/* RITUAL *\/\n.cmx2-ritual{\n  padding:74px 0 86px;\n  background:#fffdf9;\n}\n.cmx2-ritual__head{max-width:720px;margin-bottom:34px}\n.cmx2-ritual__head h2{\n  margin:0 0 14px;\n  font-size:38px;\n  line-height:1.04;\n  font-weight:500;\n}\n.cmx2-ritual__head h2 em{display:block}\n.cmx2-ritual__head p{\n  max-width:570px;\n  color:var(--cmx-copy);\n  font-size:15px;\n  line-height:1.75;\n}\n.cmx2-ritual__track{\n  position:relative;\n  max-width:820px;\n}\n.cmx2-ritual__track:before{\n  content:\"\";\n  position:absolute;\n  left:58px;\n  top:17px;\n  bottom:18px;\n  border-left:1px dashed #cbbba8;\n}\n.cmx2-ritual__track article{\n  position:relative;\n  display:grid;\n  grid-template-columns:46px 12px 1fr;\n  gap:12px;\n  margin-bottom:29px;\n}\n.cmx2-ritual__track article:last-child{margin-bottom:0}\n.cmx2-ritual__track article\u003espan{\n  padding-top:2px;\n  color:var(--cmx-red);\n  font-size:8px;\n  font-weight:800;\n}\n.cmx2-ritual__track i{\n  position:relative;\n  z-index:2;\n  width:9px;height:9px;\n  margin-top:4px;\n  border:2px solid var(--cmx-pine);\n  border-radius:50%;\n  background:#fffdf9;\n}\n.cmx2-ritual__track strong{\n  display:block;\n  margin-bottom:5px;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:18px;\n  font-weight:500;\n}\n.cmx2-ritual__track p{\n  max-width:550px;\n  margin:0;\n  color:#78746e;\n  font-size:12px;\n  line-height:1.6;\n}\n\n\/* PRESENCE *\/\n.cmx2-presence{\n  padding:74px 0 86px;\n  background:#173d2e;\n  color:#fffaf1;\n}\n.cmx2-presence__grid{display:grid;gap:36px;align-items:center}\n.cmx2-presence .cmx2-kicker{color:#e5bf7f}\n.cmx2-presence__copy h2{\n  margin:0 0 15px;\n  color:#fffaf1!important;\n  font-size:38px;\n  line-height:1.03;\n  font-weight:500;\n}\n.cmx2-presence__copy h2 em{\n  display:block;\n  color:#efc2b9;\n}\n.cmx2-presence__copy\u003ep{\n  color:#d6e0d8;\n  font-size:15px;\n  line-height:1.75;\n}\n.cmx2-presence blockquote{\n  max-width:520px;\n  margin:23px 0 0;\n  padding:15px 0 0 17px;\n  border-left:1px solid rgba(229,191,127,.65);\n  color:#d9d0be;\n  font-size:16px;\n  line-height:1.6;\n  font-style:italic;\n}\n.cmx2-presence__visual{\n  padding:8px;\n  border:1px solid rgba(255,255,255,.14);\n  background:#0f2d22;\n}\n.cmx2-presence__visual img{object-fit:contain}\n\n\/* GIFT *\/\n.cmx2-gift{\n  padding:76px 0 86px;\n  background:#f4eee4;\n}\n.cmx2-gift__ticket{\n  position:relative;\n  overflow:hidden;\n  display:grid;\n  grid-template-columns:76px 1fr;\n  gap:20px;\n  padding:24px;\n  border:1px dashed #b9a894;\n  background:#fffaf2;\n}\n.cmx2-gift__ticket:before{\n  content:\"\";\n  position:absolute;\n  right:-70px;\n  top:-70px;\n  width:180px;height:180px;\n  border-radius:50%;\n  border:1px solid rgba(164,71,66,.10);\n  box-shadow:0 0 0 25px rgba(164,71,66,.035);\n}\n.cmx2-gift__stamp{\n  width:70px;height:70px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  border:2px solid var(--cmx-red);\n  border-radius:50%;\n  color:var(--cmx-red);\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:15px;\n  font-weight:700;\n  line-height:1.1;\n  text-align:center;\n  transform:rotate(-8deg);\n}\n.cmx2-gift__copy{position:relative;z-index:2}\n.cmx2-gift__copy h2{\n  margin:0 0 14px;\n  font-size:37px;\n  line-height:1.04;\n  font-weight:500;\n}\n.cmx2-gift__copy h2 em{display:block}\n.cmx2-gift__copy\u003ep{\n  max-width:650px;\n  color:var(--cmx-copy);\n  font-size:15px;\n  line-height:1.75;\n}\n.cmx2-gift__tags{\n  display:flex;\n  flex-wrap:wrap;\n  gap:7px;\n  margin-top:20px;\n}\n.cmx2-gift__tags span{\n  padding:7px 9px;\n  border:1px solid #d7ccbc;\n  background:#f8f3e9;\n  color:#70665f;\n  font-size:7px;\n  font-weight:800;\n}\n\n\/* FAQ *\/\n.cmx2-faq{\n  padding:76px 0 88px;\n  background:#fffdf9;\n}\n.cmx2-faq__inner{width:min(960px,calc(100% - 32px))}\n.cmx2-faq__head{max-width:700px;margin-bottom:27px}\n.cmx2-faq__head h2{\n  margin:0;\n  font-size:38px;\n  line-height:1.04;\n  font-weight:500;\n}\n.cmx2-faq__head h2 em{display:block}\n.cmx2-faq details{border-top:1px solid var(--cmx-line)}\n.cmx2-faq details:last-child{border-bottom:1px solid var(--cmx-line)}\n.cmx2-faq summary{\n  position:relative;\n  list-style:none;\n  cursor:pointer;\n  padding:19px 36px 19px 0;\n  color:#313a33;\n  font-size:15px;\n  font-weight:700;\n  line-height:1.45;\n}\n.cmx2-faq summary::-webkit-details-marker{display:none}\n.cmx2-faq summary:after{\n  content:\"+\";\n  position:absolute;\n  right:3px;\n  top:16px;\n  color:var(--cmx-red);\n  font-size:22px;\n  font-weight:400;\n}\n.cmx2-faq details[open] summary:after{content:\"−\"}\n.cmx2-faq details\u003ediv{\n  padding:0 28px 20px 0;\n  color:#6e736e;\n  font-size:13px;\n  line-height:1.72;\n}\n\n\/* FINAL *\/\n.cmx2-final{\n  position:relative;\n  overflow:hidden;\n  padding:94px 0 104px;\n  background:#151518;\n  color:#fffaf1;\n}\n.cmx2-final__grid{\n  position:relative;\n  display:grid;\n  grid-template-columns:120px 1fr;\n  gap:30px;\n  align-items:center;\n}\n.cmx2-final__record{\n  position:relative;\n  width:110px;height:110px;\n  border-radius:50%;\n  background:\n    repeating-radial-gradient(circle,#121214 0 7px,#252527 8px 9px);\n  animation:cmx2Spin 11s linear infinite;\n}\n.cmx2-final__record:before{\n  content:\"\";\n  position:absolute;\n  inset:31%;\n  border-radius:50%;\n  background:#a44742;\n}\n.cmx2-final__record span{\n  position:absolute;\n  left:50%;top:50%;\n  width:7px;height:7px;\n  z-index:2;\n  border-radius:50%;\n  background:#f2e8d6;\n  transform:translate(-50%,-50%);\n}\n@keyframes cmx2Spin{to{transform:rotate(360deg)}}\n.cmx2-final__copy\u003espan{\n  display:block;\n  margin-bottom:13px;\n  color:#d7b77b;\n  font-size:8px;\n  font-weight:800;\n  letter-spacing:.18em;\n}\n.cmx2-final__copy h2{\n  margin:0 0 14px;\n  color:#fffaf1!important;\n  font-size:42px;\n  line-height:1.02;\n  font-weight:500;\n}\n.cmx2-final__copy h2 em{\n  display:block;\n  color:#e9bcb5;\n}\n.cmx2-final__copy p{\n  max-width:540px;\n  margin:0;\n  color:#c8c8c4;\n  font-size:15px;\n  line-height:1.7;\n}\n\n@media(min-width:768px){\n  .cmx2-shell{width:min(1220px,calc(100% - 64px))}\n  .cmx2-close{padding:100px 0 110px}\n  .cmx2-close__grid{grid-template-columns:1.08fr .92fr;gap:68px}\n  .cmx2-close__copy h2{font-size:52px}\n  .cmx2-close__copy\u003ep{font-size:16px}\n\n  .cmx2-ritual{padding:100px 0 110px}\n  .cmx2-ritual__head h2{font-size:52px}\n  .cmx2-ritual__track strong{font-size:20px}\n  .cmx2-ritual__track p{font-size:13px}\n\n  .cmx2-presence{padding:100px 0 110px}\n  .cmx2-presence__grid{grid-template-columns:.9fr 1.1fr;gap:72px}\n  .cmx2-presence__copy h2{font-size:52px}\n  .cmx2-presence__copy\u003ep{font-size:16px}\n\n  .cmx2-gift{padding:100px 0 110px}\n  .cmx2-gift__ticket{grid-template-columns:95px 1fr;gap:28px;padding:34px}\n  .cmx2-gift__stamp{width:86px;height:86px;font-size:18px}\n  .cmx2-gift__copy h2{font-size:52px}\n  .cmx2-gift__copy\u003ep{font-size:16px}\n\n  .cmx2-faq{padding:100px 0 110px}\n  .cmx2-faq__inner{width:min(960px,calc(100% - 64px))}\n  .cmx2-faq__head h2{font-size:52px}\n  .cmx2-faq summary{font-size:17px}\n  .cmx2-faq details\u003ediv{font-size:14px}\n\n  .cmx2-final{padding:120px 0 128px}\n  .cmx2-final__grid{grid-template-columns:150px 1fr;gap:42px}\n  .cmx2-final__record{width:140px;height:140px}\n  .cmx2-final__copy h2{font-size:64px}\n  .cmx2-final__copy p{font-size:16px}\n}\n\n@media(max-width:520px){\n  .cmx2-gift__ticket{\n    grid-template-columns:1fr;\n  }\n  .cmx2-final__grid{\n    grid-template-columns:82px 1fr;\n    gap:18px;\n  }\n  .cmx2-final__record{\n    width:76px;height:76px;\n  }\n}\n\n@media(max-width:390px){\n  .cmx2-close__copy h2,\n  .cmx2-ritual__head h2,\n  .cmx2-presence__copy h2,\n  .cmx2-gift__copy h2,\n  .cmx2-faq__head h2{font-size:33px}\n  .cmx2-final__copy h2{font-size:37px}\n}\n\n@media(prefers-reduced-motion:reduce){\n  .cmx2-final__record{animation:none}\n}\n\u003c\/style\u003e","brand":"GT009","offers":[{"title":"Default Title","offer_id":67626593452132,"sku":null,"price":64.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/0397\/5780\/files\/1_0352b138-0380-4147-9296-216185bbdd5e.png?v=1791100638","url":"https:\/\/ahlwoplus.com\/products\/caravly-music-frame","provider":"ahlwoplus","version":"1.0","type":"link"}