{"product_id":"cromivelle®coastal-shell-salt-style-repeat","title":"Cromivelle®Coastal Shell · Salt, Style, Repeat","description":"\u003cdiv class=\"cromivelle-detail cromivelle-celestial-kiss\"\u003e\n\u003c!-- DECORATIVE CAMERA CLUSTER --\u003e\n\u003cdiv class=\"cromivelle-camera-decor\"\u003e\n\u003cspan\u003e\u003c\/span\u003e \u003cspan\u003e\u003c\/span\u003e \u003cspan\u003e\u003c\/span\u003e \u003ci\u003e\u003c\/i\u003e\n\u003c\/div\u003e\n\u003c!-- INTRO --\u003e\n\u003csection class=\"cromivelle-intro\"\u003e\n\u003cdiv class=\"cromivelle-kicker\"\u003e\n\u003cspan class=\"cromivelle-mini-case\"\u003e \u003cspan class=\"mini-lens lens-a\"\u003e\u003c\/span\u003e \u003cspan class=\"mini-lens lens-b\"\u003e\u003c\/span\u003e \u003cspan class=\"mini-lens lens-c\"\u003e\u003c\/span\u003e \u003c\/span\u003e CROMIVELLE · SIGNATURE CASE\u003c\/div\u003e\n\u003ch2\u003eCelestial Kiss\u003c\/h2\u003e\n\u003cdiv class=\"cromivelle-subtitle\"\u003eDream Further · Midnight Blue · Everyday Protection\u003c\/div\u003e\n\u003cp\u003eA celestial-inspired phone case designed to bring a little night-sky magic to your everyday iPhone. Celestial Kiss combines a deep midnight-blue background, a soft crescent moon, and delicate golden stars for a look that feels dreamy, polished, mysterious, and quietly radiant.\u003c\/p\u003e\n\u003c!-- PRODUCT SIGNATURE --\u003e\n\u003cdiv class=\"cromivelle-case-signature\"\u003e\n\u003cdiv class=\"cromivelle-case-outline\"\u003e\n\u003cdiv class=\"case-camera-area\"\u003e\n\u003cspan\u003e\u003c\/span\u003e \u003cspan\u003e\u003c\/span\u003e \u003cspan\u003e\u003c\/span\u003e \u003ci\u003e\u003c\/i\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"case-moon\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"case-star star-one\"\u003e✦\u003c\/span\u003e \u003cspan class=\"case-star star-two\"\u003e✧\u003c\/span\u003e \u003cspan class=\"case-star star-three\"\u003e✦\u003c\/span\u003e \u003cspan class=\"case-star star-four\"\u003e✧\u003c\/span\u003e \u003cspan class=\"case-star star-five\"\u003e✦\u003c\/span\u003e \u003cspan class=\"case-star star-six\"\u003e✧\u003c\/span\u003e \u003cspan class=\"case-star star-seven\"\u003e✦\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cromivelle-case-signature-copy\"\u003e\n\u003cspan\u003eCELESTIAL KISS EDITION\u003c\/span\u003e \u003cstrong\u003e Midnight blue.\u003cbr\u003eGolden stars.\u003cbr\u003eDream further. \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cromivelle-line\"\u003e\u003cspan class=\"cromivelle-divider-celestial\"\u003e \u003ci\u003e✦\u003c\/i\u003e \u003cb\u003e☾\u003c\/b\u003e \u003cem\u003e✧\u003c\/em\u003e \u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- WHY YOU'LL LOVE IT --\u003e\n\u003csection class=\"cromivelle-section\"\u003e\n\u003cdiv class=\"cromivelle-label\"\u003e\n\u003cspan class=\"label-case-icon\"\u003e\u003c\/span\u003e WHY YOU'LL LOVE IT\u003c\/div\u003e\n\u003ch3\u003eNight-sky details for dreamier everyday moments.\u003c\/h3\u003e\n\u003cul class=\"cromivelle-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eSignature Celestial Kiss Design\u003c\/strong\u003e \u003cspan\u003e A soft crescent moon and scattered golden stars create a dreamy celestial pattern against a deep midnight-blue background. \u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRich Midnight Palette\u003c\/strong\u003e \u003cspan\u003e Deep navy gives the case a polished, dramatic base while warm gold details add subtle contrast and light. \u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRaised Edge Protection\u003c\/strong\u003e \u003cspan\u003e Raised edges around the screen and camera area help reduce direct contact with flat surfaces during everyday use. \u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eComfortable Everyday Profile\u003c\/strong\u003e \u003cspan\u003e Smooth edges and a slim silhouette make it easy to carry through workdays, evenings out, travel, and everyday plans. \u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cromivelle-line\"\u003e\u003cspan class=\"cromivelle-divider-celestial\"\u003e \u003ci\u003e✦\u003c\/i\u003e \u003cb\u003e☾\u003c\/b\u003e \u003cem\u003e✧\u003c\/em\u003e \u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- DESIGNED FOR --\u003e\n\u003csection class=\"cromivelle-section\"\u003e\n\u003cdiv class=\"cromivelle-label\"\u003e\n\u003cspan class=\"label-celestial-icon\"\u003e \u003ci\u003e✦\u003c\/i\u003e \u003cb\u003e☾\u003c\/b\u003e \u003c\/span\u003e DESIGNED FOR\u003c\/div\u003e\n\u003ch3\u003eA little night sky, wherever you go.\u003c\/h3\u003e\n\u003cp\u003eCelestial Kiss is designed for workdays, dinner plans, late-night coffee runs, travel, city evenings, mirror selfies, and all the quiet moments in between.\u003c\/p\u003e\n\u003cp\u003eIts midnight navy and soft gold palette pairs naturally with black, ivory, denim, charcoal, silver, champagne tones, delicate gold jewelry, and evening-inspired outfits.\u003c\/p\u003e\n\u003cdiv class=\"cromivelle-case-tags\"\u003e\n\u003cspan\u003eMIDNIGHT NAVY\u003c\/span\u003e \u003cspan\u003eCRESCENT MOON\u003c\/span\u003e \u003cspan\u003eGOLDEN STARS\u003c\/span\u003e \u003cspan\u003eSLIM PROFILE\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cromivelle-line\"\u003e\u003cspan class=\"cromivelle-divider-celestial\"\u003e \u003ci\u003e✦\u003c\/i\u003e \u003cb\u003e☾\u003c\/b\u003e \u003cem\u003e✧\u003c\/em\u003e \u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- STYLE --\u003e\n\u003csection class=\"cromivelle-section\"\u003e\n\u003cdiv class=\"cromivelle-label\"\u003e\n\u003cspan class=\"label-celestial-icon\"\u003e \u003ci\u003e✦\u003c\/i\u003e \u003cb\u003e☾\u003c\/b\u003e \u003c\/span\u003e STYLE \u0026amp; MOOD\u003c\/div\u003e\n\u003ch3\u003eMore than a case, a mood.\u003c\/h3\u003e\n\u003cp\u003eCROMIVELLE approaches phone cases as fashion accessories rather than simple tech essentials.\u003c\/p\u003e\n\u003cp\u003eCelestial Kiss combines dreamy celestial motifs, deep night-sky color, and warm star-like highlights to create a case that feels mysterious, romantic, polished, and easy to style.\u003c\/p\u003e\n\u003cdiv class=\"cromivelle-quote\"\u003eDream further.\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cromivelle-line\"\u003e\u003cspan class=\"cromivelle-divider-celestial\"\u003e \u003ci\u003e✦\u003c\/i\u003e \u003cb\u003e☾\u003c\/b\u003e \u003cem\u003e✧\u003c\/em\u003e \u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- MATERIAL --\u003e\n\u003csection class=\"cromivelle-section\"\u003e\n\u003cdiv class=\"cromivelle-label\"\u003e\n\u003cspan class=\"label-case-icon\"\u003e\u003c\/span\u003e MATERIAL \u0026amp; FEEL\u003c\/div\u003e\n\u003ch3\u003eMade for daily use.\u003c\/h3\u003e\n\u003cp\u003eThe case is designed with a smooth-touch exterior and a slim, lightweight profile that feels comfortable throughout the day.\u003c\/p\u003e\n\u003cul class=\"cromivelle-simple-list\"\u003e\n\u003cli\u003eSmooth, comfortable exterior finish\u003c\/li\u003e\n\u003cli\u003eLightweight everyday feel\u003c\/li\u003e\n\u003cli\u003eRaised camera surround\u003c\/li\u003e\n\u003cli\u003eRaised screen edge\u003c\/li\u003e\n\u003cli\u003ePrecise openings for buttons, ports, and cameras\u003c\/li\u003e\n\u003cli\u003eCelestial-inspired fashion accessory design\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c!-- PHONE DETAIL --\u003e\n\u003cdiv class=\"cromivelle-phone-detail-strip\"\u003e\n\u003cdiv class=\"phone-detail-icon\"\u003e\n\u003cdiv class=\"detail-phone\"\u003e\n\u003cdiv class=\"detail-cameras\"\u003e\n\u003ci\u003e\u003c\/i\u003e \u003ci\u003e\u003c\/i\u003e \u003ci\u003e\u003c\/i\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"detail-moon\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"detail-star detail-star-one\"\u003e✦\u003c\/span\u003e \u003cspan class=\"detail-star detail-star-two\"\u003e✧\u003c\/span\u003e \u003cspan class=\"detail-star detail-star-three\"\u003e✦\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan\u003eCASE DETAIL\u003c\/span\u003e \u003cstrong\u003e A little constellation in your hand. \u003c\/strong\u003e\n\u003cp\u003eA defined camera surround, slim profile, and precise openings keep the case practical while preserving its signature moon-and-stars aesthetic.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cromivelle-line\"\u003e\u003cspan class=\"cromivelle-divider-celestial\"\u003e \u003ci\u003e✦\u003c\/i\u003e \u003cb\u003e☾\u003c\/b\u003e \u003cem\u003e✧\u003c\/em\u003e \u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- EVERYDAY --\u003e\n\u003csection class=\"cromivelle-section\"\u003e\n\u003cdiv class=\"cromivelle-label\"\u003e\n\u003cspan class=\"label-celestial-icon\"\u003e \u003ci\u003e✦\u003c\/i\u003e \u003cb\u003e☾\u003c\/b\u003e \u003c\/span\u003e MADE FOR EVERYDAY MOMENTS\u003c\/div\u003e\n\u003ch3\u003eCarry a little night sky with you.\u003c\/h3\u003e\n\u003cp\u003eSlip it into your work tote, carry it to dinner, pair it with an all-black outfit, or let the crescent moon and stars become the quiet statement in your mirror-selfie look.\u003c\/p\u003e\n\u003cp\u003eThe deep navy base gives the case a sophisticated feel, while the celestial details add just enough personality to keep it expressive and memorable.\u003c\/p\u003e\n\u003cdiv class=\"cromivelle-mood-line\"\u003e\n\u003cspan\u003eTWILIGHT\u003c\/span\u003e \u003ci\u003e\u003c\/i\u003e \u003cspan\u003eSTARRY NIGHTS\u003c\/span\u003e \u003ci\u003e\u003c\/i\u003e \u003cspan\u003eDREAM FURTHER\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cromivelle-line\"\u003e\u003cspan class=\"cromivelle-divider-celestial\"\u003e \u003ci\u003e✦\u003c\/i\u003e \u003cb\u003e☾\u003c\/b\u003e \u003cem\u003e✧\u003c\/em\u003e \u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- GIFT --\u003e\n\u003csection class=\"cromivelle-section\"\u003e\n\u003cdiv class=\"cromivelle-label\"\u003e\n\u003cspan class=\"label-celestial-icon\"\u003e \u003ci\u003e✦\u003c\/i\u003e \u003cb\u003e☾\u003c\/b\u003e \u003c\/span\u003e A LITTLE GIFT OF MAGIC\u003c\/div\u003e\n\u003ch3\u003eMade to keep. Beautiful to gift.\u003c\/h3\u003e\n\u003cp\u003eCelestial Kiss makes a dreamy accessory for birthdays, holidays, friendship gifts, celebrations, or simply refreshing your own everyday phone style.\u003c\/p\u003e\n\u003cp\u003eMystical without feeling costume-like and decorative without becoming busy, it is designed for anyone who loves moons, stars, deep color, and quietly expressive accessories.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cromivelle-line\"\u003e\u003cspan class=\"cromivelle-divider-celestial\"\u003e \u003ci\u003e✦\u003c\/i\u003e \u003cb\u003e☾\u003c\/b\u003e \u003cem\u003e✧\u003c\/em\u003e \u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- CARE --\u003e\n\u003csection class=\"cromivelle-section\"\u003e\n\u003cdiv class=\"cromivelle-label\"\u003e\n\u003cspan class=\"label-case-icon\"\u003e\u003c\/span\u003e CARE \u0026amp; CLEANING\u003c\/div\u003e\n\u003ch3\u003eKeep the night sky looking beautiful.\u003c\/h3\u003e\n\u003cp\u003eWipe gently with a soft dry or slightly damp cloth. Avoid abrasive cleaning tools, strong chemicals, sharp objects, excessive heat, and prolonged friction against rough surfaces.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cromivelle-line\"\u003e\u003cspan class=\"cromivelle-divider-celestial\"\u003e \u003ci\u003e✦\u003c\/i\u003e \u003cb\u003e☾\u003c\/b\u003e \u003cem\u003e✧\u003c\/em\u003e \u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- COMPATIBILITY --\u003e\n\u003csection class=\"cromivelle-section\"\u003e\n\u003cdiv class=\"cromivelle-label\"\u003e\n\u003cspan class=\"label-case-icon\"\u003e\u003c\/span\u003e COMPATIBILITY\u003c\/div\u003e\n\u003ch3\u003eChoose your phone model carefully.\u003c\/h3\u003e\n\u003cp\u003ePlease select the correct device model before checkout. Camera openings, button positions, dimensions, and overall fit may vary between different iPhone generations and sizes.\u003c\/p\u003e\n\u003cp\u003eAlways refer to the selected product variant for final compatibility.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cromivelle-line\"\u003e\u003cspan class=\"cromivelle-divider-celestial\"\u003e \u003ci\u003e✦\u003c\/i\u003e \u003cb\u003e☾\u003c\/b\u003e \u003cem\u003e✧\u003c\/em\u003e \u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- IMPORTANT --\u003e\n\u003csection class=\"cromivelle-section cromivelle-important\"\u003e\n\u003cdiv class=\"cromivelle-label\"\u003eIMPORTANT NOTE\u003c\/div\u003e\n\u003ch3\u003eProduct details may vary slightly.\u003c\/h3\u003e\n\u003cp\u003eActual navy, cream, and metallic-looking star tones may appear slightly different depending on lighting, photography, display settings, and individual screens.\u003c\/p\u003e\n\u003cp\u003eFinal material, finish, dimensions, device compatibility, packaging, and included contents should follow the specifications of the product variant you receive.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- FOOTER --\u003e\u003cfooter class=\"cromivelle-footer\"\u003e\n\u003cdiv class=\"cromivelle-footer-case\"\u003e\n\u003cdiv class=\"footer-camera\"\u003e\n\u003cspan\u003e\u003c\/span\u003e \u003cspan\u003e\u003c\/span\u003e \u003cspan\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"footer-moon\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"footer-star fs-one\"\u003e✦\u003c\/span\u003e \u003cspan class=\"footer-star fs-two\"\u003e✧\u003c\/span\u003e \u003cspan class=\"footer-star fs-three\"\u003e✦\u003c\/span\u003e \u003cspan class=\"footer-star fs-four\"\u003e✧\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cromivelle-footer-brand\"\u003eCROMIVELLE\u003c\/div\u003e\n\u003cdiv class=\"cromivelle-footer-text\"\u003eCASES FOR A MORE BEAUTIFUL EVERYDAY\u003c\/div\u003e\n\u003cdiv class=\"cromivelle-footer-script\"\u003eMore Than a Case, A Mood\u003c\/div\u003e\n\u003c\/footer\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\n\/* =========================================\n   BASE\n========================================= *\/\n\n.cromivelle-detail,\n.cromivelle-detail * {\n  box-sizing: border-box;\n}\n\n.cromivelle-detail {\n  position: relative;\n  width: 100%;\n  max-width: 980px;\n  margin: 0 auto;\n  padding: 36px 22px 24px;\n  overflow: hidden;\n  color: #424754;\n  font-family: Arial, Helvetica, sans-serif;\n  background: transparent;\n}\n\n\n\/* =========================================\n   TYPOGRAPHY\n========================================= *\/\n\n.cromivelle-detail h2,\n.cromivelle-detail h3 {\n  padding: 0;\n  margin: 0;\n  color: #252c3c;\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-weight: 400;\n}\n\n.cromivelle-detail p {\n  max-width: 820px;\n  margin: 0 0 14px;\n  color: #626975;\n  font-size: 15px;\n  line-height: 1.85;\n}\n\n\n\/* =========================================\n   LABELS\n========================================= *\/\n\n.cromivelle-kicker,\n.cromivelle-label {\n  display: flex;\n  gap: 9px;\n  align-items: center;\n  margin-bottom: 12px;\n  color: #9b8050;\n  font-size: 10px;\n  line-height: 1.4;\n  font-weight: 700;\n  letter-spacing: 2.6px;\n}\n\n\n\/* =========================================\n   CAMERA DECOR\n========================================= *\/\n\n.cromivelle-camera-decor {\n  position: absolute;\n  z-index: 0;\n  top: 26px;\n  right: 22px;\n  width: 96px;\n  height: 96px;\n  opacity: .065;\n  pointer-events: none;\n}\n\n.cromivelle-camera-decor span {\n  position: absolute;\n  width: 31px;\n  height: 31px;\n  border: 2px solid #182740;\n  border-radius: 50%;\n}\n\n.cromivelle-camera-decor span:nth-child(1) {\n  top: 0;\n  left: 0;\n}\n\n.cromivelle-camera-decor span:nth-child(2) {\n  top: 0;\n  right: 18px;\n}\n\n.cromivelle-camera-decor span:nth-child(3) {\n  top: 38px;\n  left: 0;\n}\n\n.cromivelle-camera-decor i {\n  position: absolute;\n  top: 44px;\n  right: 19px;\n  width: 9px;\n  height: 9px;\n  border: 1px solid #182740;\n  border-radius: 50%;\n}\n\n\n\/* =========================================\n   INTRO\n========================================= *\/\n\n.cromivelle-intro {\n  position: relative;\n  z-index: 1;\n  padding: 0 0 10px;\n}\n\n.cromivelle-intro h2 {\n  margin-bottom: 8px;\n  font-size: clamp(40px, 6vw, 66px);\n  line-height: 1.05;\n}\n\n.cromivelle-subtitle {\n  margin-bottom: 24px;\n  color: #756a70;\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-size: 16px;\n  font-style: italic;\n  letter-spacing: .5px;\n}\n\n.cromivelle-intro p {\n  max-width: 800px;\n  font-size: 16px;\n}\n\n\n\/* =========================================\n   MINI PHONE\n========================================= *\/\n\n.cromivelle-mini-case {\n  position: relative;\n  display: inline-block;\n  flex: 0 0 auto;\n  width: 17px;\n  height: 24px;\n  border: 1px solid #867149;\n  border-radius: 4px;\n}\n\n.cromivelle-mini-case .mini-lens {\n  position: absolute;\n  display: block;\n  width: 4px;\n  height: 4px;\n  border: 1px solid #867149;\n  border-radius: 50%;\n}\n\n.cromivelle-mini-case .lens-a {\n  top: 3px;\n  left: 3px;\n}\n\n.cromivelle-mini-case .lens-b {\n  top: 3px;\n  right: 3px;\n}\n\n.cromivelle-mini-case .lens-c {\n  top: 9px;\n  left: 3px;\n}\n\n\n\/* =========================================\n   SIGNATURE CASE\n========================================= *\/\n\n.cromivelle-case-signature {\n  display: flex;\n  gap: 24px;\n  align-items: center;\n  max-width: 560px;\n  margin-top: 28px;\n  padding-top: 22px;\n  border-top: 1px solid #dcdde2;\n}\n\n.cromivelle-case-outline {\n  position: relative;\n  width: 74px;\n  height: 128px;\n  flex: 0 0 74px;\n  overflow: hidden;\n  border: 1.5px solid #37465d;\n  border-radius: 15px;\n\n  background:\n    radial-gradient(circle at 40% 25%, rgba(45,66,98,.8), transparent 35%),\n    linear-gradient(180deg, #162238 0%, #101b2f 100%);\n}\n\n\n\/* =========================================\n   CAMERA\n========================================= *\/\n\n.case-camera-area {\n  position: absolute;\n  z-index: 8;\n  top: 7px;\n  left: 7px;\n  width: 49px;\n  height: 40px;\n  background: #eee8dd;\n  border-radius: 8px;\n}\n\n.case-camera-area span {\n  position: absolute;\n  width: 12px;\n  height: 12px;\n  border: 1.5px solid #45484f;\n  border-radius: 50%;\n}\n\n.case-camera-area span:nth-child(1) {\n  top: 5px;\n  left: 5px;\n}\n\n.case-camera-area span:nth-child(2) {\n  top: 5px;\n  left: 22px;\n}\n\n.case-camera-area span:nth-child(3) {\n  top: 21px;\n  left: 5px;\n}\n\n.case-camera-area i {\n  position: absolute;\n  top: 23px;\n  left: 26px;\n  width: 5px;\n  height: 5px;\n  border: 1px solid #45484f;\n  border-radius: 50%;\n}\n\n\n\/* =========================================\n   CRESCENT MOON\n========================================= *\/\n\n.case-moon,\n.detail-moon,\n.footer-moon {\n  position: absolute;\n  border-radius: 50%;\n  background: #efe4cf;\n}\n\n.case-moon {\n  top: 61px;\n  right: 14px;\n  width: 19px;\n  height: 19px;\n}\n\n.case-moon::after,\n.detail-moon::after,\n.footer-moon::after {\n  content: \"\";\n  position: absolute;\n  top: -2px;\n  right: -2px;\n  width: 18px;\n  height: 18px;\n  border-radius: 50%;\n  background: #142039;\n}\n\n.case-moon::after {\n  width: 16px;\n  height: 16px;\n}\n\n\n\/* =========================================\n   STARS\n========================================= *\/\n\n.case-star {\n  position: absolute;\n  color: #caa96c;\n  font-family: Georgia, serif;\n  line-height: 1;\n}\n\n.star-one {\n  left: 9px;\n  top: 57px;\n  font-size: 10px;\n}\n\n.star-two {\n  left: 28px;\n  top: 51px;\n  font-size: 7px;\n}\n\n.star-three {\n  right: 8px;\n  top: 89px;\n  font-size: 11px;\n}\n\n.star-four {\n  left: 12px;\n  top: 84px;\n  font-size: 8px;\n}\n\n.star-five {\n  left: 34px;\n  bottom: 20px;\n  font-size: 10px;\n}\n\n.star-six {\n  right: 14px;\n  bottom: 9px;\n  font-size: 7px;\n}\n\n.star-seven {\n  left: 9px;\n  bottom: 6px;\n  font-size: 8px;\n}\n\n\n\/* =========================================\n   SIGNATURE COPY\n========================================= *\/\n\n.cromivelle-case-signature-copy span {\n  display: block;\n  margin-bottom: 6px;\n  color: #9b8050;\n  font-size: 9px;\n  font-weight: 700;\n  letter-spacing: 2.2px;\n}\n\n.cromivelle-case-signature-copy strong {\n  color: #313848;\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-size: 18px;\n  line-height: 1.45;\n  font-weight: 400;\n}\n\n\n\/* =========================================\n   DIVIDER\n========================================= *\/\n\n.cromivelle-line {\n  position: relative;\n  width: 100%;\n  height: 1px;\n  margin: 36px 0;\n  background: #dedfe4;\n}\n\n.cromivelle-divider-celestial {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  display: flex;\n  gap: 5px;\n  align-items: center;\n  padding-left: 10px;\n  background: #fff;\n  transform: translateY(-50%);\n}\n\n.cromivelle-divider-celestial i,\n.cromivelle-divider-celestial b,\n.cromivelle-divider-celestial em {\n  display: block;\n  color: #a88a53;\n  font-family: Georgia, serif;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1;\n}\n\n.cromivelle-divider-celestial i {\n  font-size: 9px;\n}\n\n.cromivelle-divider-celestial b {\n  color: #36445a;\n  font-size: 13px;\n}\n\n.cromivelle-divider-celestial em {\n  font-size: 8px;\n}\n\n\n\/* =========================================\n   PHONE LABEL\n========================================= *\/\n\n.label-case-icon {\n  position: relative;\n  display: inline-block;\n  flex: 0 0 auto;\n  width: 11px;\n  height: 16px;\n  border: 1px solid #88724a;\n  border-radius: 3px;\n}\n\n.label-case-icon::before,\n.label-case-icon::after {\n  content: \"\";\n  position: absolute;\n  width: 3px;\n  height: 3px;\n  border: 1px solid #88724a;\n  border-radius: 50%;\n}\n\n.label-case-icon::before {\n  top: 2px;\n  left: 2px;\n}\n\n.label-case-icon::after {\n  top: 2px;\n  right: 1px;\n}\n\n\n\/* =========================================\n   CELESTIAL LABEL\n========================================= *\/\n\n.label-celestial-icon {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  gap: 3px;\n  width: 24px;\n  height: 18px;\n  flex: 0 0 auto;\n}\n\n.label-celestial-icon i {\n  color: #aa8950;\n  font-size: 9px;\n  font-style: normal;\n}\n\n.label-celestial-icon b {\n  color: #35445a;\n  font-family: Georgia, serif;\n  font-size: 14px;\n  font-weight: 400;\n}\n\n\n\/* =========================================\n   SECTIONS\n========================================= *\/\n\n.cromivelle-section {\n  width: 100%;\n  padding: 0;\n}\n\n.cromivelle-section h3 {\n  max-width: 760px;\n  margin-bottom: 20px;\n  font-size: 30px;\n  line-height: 1.28;\n}\n\n\n\/* =========================================\n   FEATURE LIST\n========================================= *\/\n\n.cromivelle-list {\n  width: 100%;\n  max-width: 860px;\n  margin: 10px 0 0;\n  padding: 0;\n  list-style: none;\n}\n\n.cromivelle-list li {\n  position: relative;\n  margin: 0;\n  padding: 17px 0 17px 30px;\n  border-bottom: 1px solid #e4e4e8;\n}\n\n.cromivelle-list li:last-child {\n  border-bottom: 0;\n}\n\n.cromivelle-list li::before {\n  content: \"✦\";\n  position: absolute;\n  top: 17px;\n  left: 2px;\n  color: #aa8950;\n  font-size: 13px;\n}\n\n.cromivelle-list li::after {\n  content: \"✧\";\n  position: absolute;\n  top: 25px;\n  left: 12px;\n  color: #66718a;\n  font-size: 7px;\n}\n\n.cromivelle-list strong {\n  display: block;\n  margin-bottom: 5px;\n  color: #343b4b;\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-size: 17px;\n  font-weight: 400;\n}\n\n.cromivelle-list span {\n  display: block;\n  max-width: 750px;\n  color: #686e79;\n  font-size: 14px;\n  line-height: 1.75;\n}\n\n\n\/* =========================================\n   TAGS\n========================================= *\/\n\n.cromivelle-case-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 7px;\n  margin-top: 22px;\n}\n\n.cromivelle-case-tags span {\n  padding: 7px 11px;\n  border: 1px solid #d4d8e0;\n  border-radius: 999px;\n  background: #fafbfc;\n  color: #6c7281;\n  font-size: 8px;\n  font-weight: 700;\n  letter-spacing: 1.4px;\n}\n\n\n\/* =========================================\n   SIMPLE LIST\n========================================= *\/\n\n.cromivelle-simple-list {\n  max-width: 820px;\n  margin: 18px 0 0;\n  padding: 0;\n  list-style: none;\n}\n\n.cromivelle-simple-list li {\n  position: relative;\n  padding: 8px 0 8px 21px;\n  color: #666d78;\n  font-size: 14px;\n  line-height: 1.6;\n}\n\n.cromivelle-simple-list li::before {\n  content: \"✧\";\n  position: absolute;\n  left: 0;\n  top: 7px;\n  color: #a98a54;\n  font-size: 12px;\n}\n\n\n\/* =========================================\n   PHONE DETAIL\n========================================= *\/\n\n.cromivelle-phone-detail-strip {\n  display: flex;\n  gap: 22px;\n  align-items: center;\n  max-width: 760px;\n  margin-top: 28px;\n  padding: 20px 0;\n  border-top: 1px solid #dedfe4;\n  border-bottom: 1px solid #dedfe4;\n}\n\n.phone-detail-icon {\n  flex: 0 0 54px;\n}\n\n.detail-phone {\n  position: relative;\n  width: 43px;\n  height: 70px;\n  overflow: hidden;\n  border: 1px solid #3d4a60;\n  border-radius: 9px;\n\n  background:\n    radial-gradient(circle at 30% 25%, #263a59 0%, transparent 35%),\n    linear-gradient(180deg, #17253d, #0f192b);\n}\n\n.detail-cameras {\n  position: absolute;\n  z-index: 4;\n  top: 5px;\n  left: 5px;\n  width: 28px;\n  height: 27px;\n  background: #eee8dd;\n  border-radius: 5px;\n}\n\n.detail-cameras i {\n  position: absolute;\n  width: 8px;\n  height: 8px;\n  border: 1px solid #4a4b50;\n  border-radius: 50%;\n}\n\n.detail-cameras i:nth-child(1) {\n  top: 3px;\n  left: 3px;\n}\n\n.detail-cameras i:nth-child(2) {\n  top: 3px;\n  right: 4px;\n}\n\n.detail-cameras i:nth-child(3) {\n  top: 14px;\n  left: 3px;\n}\n\n\n\/* DETAIL MOON *\/\n\n.detail-moon {\n  right: 6px;\n  bottom: 14px;\n  width: 12px;\n  height: 12px;\n}\n\n.detail-moon::after {\n  top: -1px;\n  right: -2px;\n  width: 11px;\n  height: 11px;\n  background: #111d31;\n}\n\n\n\/* DETAIL STARS *\/\n\n.detail-star {\n  position: absolute;\n  color: #c9a769;\n  font-family: Georgia, serif;\n  line-height: 1;\n}\n\n.detail-star-one {\n  left: 7px;\n  bottom: 20px;\n  font-size: 7px;\n}\n\n.detail-star-two {\n  left: 18px;\n  bottom: 8px;\n  font-size: 6px;\n}\n\n.detail-star-three {\n  right: 5px;\n  bottom: 4px;\n  font-size: 7px;\n}\n\n\n\/* =========================================\n   PHONE DETAIL COPY\n========================================= *\/\n\n.cromivelle-phone-detail-strip \u003e div:last-child \u003e span {\n  display: block;\n  margin-bottom: 4px;\n  color: #998052;\n  font-size: 8px;\n  font-weight: 700;\n  letter-spacing: 2px;\n}\n\n.cromivelle-phone-detail-strip strong {\n  display: block;\n  margin-bottom: 5px;\n  color: #343c4b;\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-size: 17px;\n  font-weight: 400;\n}\n\n.cromivelle-phone-detail-strip p {\n  margin: 0;\n  font-size: 13px;\n}\n\n\n\/* =========================================\n   MOOD LINE\n========================================= *\/\n\n.cromivelle-mood-line {\n  display: flex;\n  gap: 12px;\n  align-items: center;\n  margin-top: 24px;\n  color: #80745f;\n  font-size: 8px;\n  font-weight: 700;\n  letter-spacing: 1.8px;\n}\n\n.cromivelle-mood-line i {\n  display: block;\n  width: 30px;\n  height: 1px;\n  background: #c4bdaf;\n}\n\n\n\/* =========================================\n   QUOTE\n========================================= *\/\n\n.cromivelle-quote {\n  margin-top: 24px;\n  color: #807052;\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-size: 21px;\n  font-style: italic;\n}\n\n\n\/* =========================================\n   IMPORTANT\n========================================= *\/\n\n.cromivelle-important {\n  padding-bottom: 10px;\n}\n\n\n\/* =========================================\n   FOOTER\n========================================= *\/\n\n.cromivelle-footer {\n  margin-top: 52px;\n  padding: 35px 0 10px;\n  border-top: 1px solid #dedfe3;\n  text-align: center;\n}\n\n.cromivelle-footer-case {\n  position: relative;\n  width: 42px;\n  height: 70px;\n  margin: 0 auto 18px;\n  overflow: hidden;\n  border: 1px solid #3d4a60;\n  border-radius: 9px;\n\n  background:\n    radial-gradient(circle at 30% 25%, #263a59 0%, transparent 35%),\n    linear-gradient(180deg, #17253d, #0f192b);\n}\n\n.footer-camera {\n  position: absolute;\n  z-index: 5;\n  top: 5px;\n  left: 5px;\n  width: 28px;\n  height: 27px;\n  background: #eee8dd;\n  border-radius: 5px;\n}\n\n.footer-camera span {\n  position: absolute;\n  width: 8px;\n  height: 8px;\n  border: 1px solid #4a4b50;\n  border-radius: 50%;\n}\n\n.footer-camera span:nth-child(1) {\n  top: 3px;\n  left: 3px;\n}\n\n.footer-camera span:nth-child(2) {\n  top: 3px;\n  right: 4px;\n}\n\n.footer-camera span:nth-child(3) {\n  bottom: 3px;\n  left: 3px;\n}\n\n\n\/* FOOTER MOON *\/\n\n.footer-moon {\n  right: 7px;\n  bottom: 14px;\n  width: 13px;\n  height: 13px;\n}\n\n.footer-moon::after {\n  width: 12px;\n  height: 12px;\n  background: #111d31;\n}\n\n\n\/* FOOTER STARS *\/\n\n.footer-star {\n  position: absolute;\n  color: #c8a567;\n  font-family: Georgia, serif;\n  line-height: 1;\n}\n\n.fs-one {\n  left: 7px;\n  bottom: 22px;\n  font-size: 7px;\n}\n\n.fs-two {\n  left: 18px;\n  bottom: 10px;\n  font-size: 6px;\n}\n\n.fs-three {\n  right: 5px;\n  bottom: 3px;\n  font-size: 7px;\n}\n\n.fs-four {\n  left: 6px;\n  bottom: 4px;\n  font-size: 5px;\n}\n\n\n.cromivelle-footer-brand {\n  color: #303847;\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-size: 22px;\n  letter-spacing: 7px;\n}\n\n.cromivelle-footer-text {\n  margin-top: 7px;\n  color: #7f828b;\n  font-size: 9px;\n  letter-spacing: 2.7px;\n}\n\n.cromivelle-footer-script {\n  margin-top: 14px;\n  color: #8c7957;\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-size: 14px;\n  font-style: italic;\n}\n\n\n\/* =========================================\n   MOBILE\n========================================= *\/\n\n@media (max-width: 700px) {\n\n  .cromivelle-detail {\n    padding: 28px 14px 16px;\n  }\n\n  .cromivelle-camera-decor {\n    top: 22px;\n    right: 8px;\n    transform: scale(.72);\n    transform-origin: top right;\n  }\n\n  .cromivelle-intro h2 {\n    max-width: 82%;\n    font-size: 42px;\n  }\n\n  .cromivelle-subtitle {\n    margin-bottom: 18px;\n    font-size: 14px;\n  }\n\n  .cromivelle-intro p,\n  .cromivelle-detail p {\n    font-size: 14px;\n    line-height: 1.8;\n  }\n\n  .cromivelle-case-signature {\n    gap: 18px;\n  }\n\n  .cromivelle-case-outline {\n    width: 62px;\n    height: 108px;\n    flex-basis: 62px;\n  }\n\n  .cromivelle-case-signature-copy strong {\n    font-size: 16px;\n  }\n\n  .cromivelle-line {\n    margin: 28px 0;\n  }\n\n  .cromivelle-section h3 {\n    margin-bottom: 16px;\n    font-size: 25px;\n  }\n\n  .cromivelle-list li {\n    padding-top: 14px;\n    padding-bottom: 14px;\n  }\n\n  .cromivelle-list strong {\n    font-size: 16px;\n  }\n\n  .cromivelle-list span {\n    font-size: 13px;\n  }\n\n  .cromivelle-phone-detail-strip {\n    gap: 16px;\n  }\n\n  .cromivelle-quote {\n    font-size: 19px;\n  }\n\n  .cromivelle-mood-line {\n    gap: 8px;\n  }\n\n  .cromivelle-mood-line i {\n    width: 16px;\n  }\n\n  .cromivelle-footer {\n    margin-top: 38px;\n    padding-top: 28px;\n  }\n\n  .cromivelle-footer-brand {\n    font-size: 18px;\n    letter-spacing: 5px;\n  }\n\n}\n\u003c\/style\u003e","brand":"Cromivelle","offers":[{"title":"Default Title","offer_id":49820207513815,"sku":null,"price":28.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0845\/1053\/9991\/files\/15_2.png?v=1789729705","url":"https:\/\/cromivelle.com\/products\/cromivelle%c2%aecoastal-shell-salt-style-repeat","provider":"cromivelle","version":"1.0","type":"link"}