{"product_id":"black-cat-crescent-moon-rose-brooch-2","title":"🐈‍⬛🌙 Black Cat Crescent Moon Brooch – Gothic Rose Statement Pin","description":"\u003cdiv id=\"brooch-landing\"\u003e\n\u003cmain id=\"top\"\u003e \u003csection class=\"hero\"\u003e \u003cdiv class=\"wrap hero-grid\"\u003e \u003cdiv class=\"hero-copy\"\u003e \u003cp class=\"eyebrow\"\u003eThe Gothic Romance Collection · ✧\u003c\/p\u003e \u003ch1\u003eFor the love\u003cbr\u003eof \u003cspan class=\"gold\"\u003ebeautiful\u003c\/span\u003e\u003cbr\u003edarkness.\u003c\/h1\u003e \u003cp class=\"lead\"\u003eMeet the \u003cstrong style=\"color: var(--pale);\"\u003eBlack Cat \u0026amp; Crescent Moon Rose Brooch\u003c\/strong\u003e — a little piece of midnight magic, made to bring mystery, romance and unmistakable character to your everyday style.\u003c\/p\u003e \u003cdiv class=\"hero-points\"\u003eGlossy enamel finishVintage gold detailingIntricate rose accents\u003c\/div\u003e \u003cp class=\"tiny\"\u003eAn enchanting accent for coats, scarves, hats and bags.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"hero-visual\"\u003e\u003cimg src=\"https:\/\/www.lifetimean.com\/cdn\/shop\/files\/image\/283759c521f60624a1a619aee734ad14574e2f97.webp\" alt=\"Black cat crescent moon rose brooch presented in an elegant black gift box\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/section\u003e \u003csection class=\"features\"\u003e \u003cdiv class=\"wrap features-grid\"\u003e \u003cdiv class=\"feature\"\u003e \u003cdiv class=\"symbol\"\u003e☾\u003c\/div\u003e \u003cstrong\u003eMidnight-Inspired Design\u003c\/strong\u003e\u003csmall\u003eBlack cat, crescent moon \u0026amp; roses\u003c\/small\u003e\n\u003c\/div\u003e \u003cdiv class=\"feature\"\u003e \u003cdiv class=\"symbol\"\u003e✧\u003c\/div\u003e \u003cstrong\u003eRich Enamel Finish\u003c\/strong\u003e\u003csmall\u003eGlossy color and golden detail\u003c\/small\u003e\n\u003c\/div\u003e \u003cdiv class=\"feature\"\u003e \u003cdiv class=\"symbol\"\u003e❦\u003c\/div\u003e \u003cstrong\u003eLightweight Style\u003c\/strong\u003e\u003csmall\u003eMade for easy everyday accessorizing\u003c\/small\u003e\n\u003c\/div\u003e \u003cdiv class=\"feature\"\u003e \u003cdiv class=\"symbol\"\u003e♡\u003c\/div\u003e \u003cstrong\u003eA Thoughtful Gift\u003c\/strong\u003e\u003csmall\u003eFor the wonderfully mysterious\u003c\/small\u003e\n\u003c\/div\u003e \u003c\/div\u003e \u003c\/section\u003e \u003csection id=\"story\" class=\"spaced\"\u003e \u003cdiv class=\"wrap split\"\u003e \u003cdiv class=\"art\"\u003e\u003cimg src=\"https:\/\/www.lifetimean.com\/cdn\/shop\/files\/image\/f6b560b46af78b533231c50d09f941311583a931.webp\" alt=\"Detailed visual of the gothic black cat crescent moon brooch\" loading=\"lazy\"\u003e\u003c\/div\u003e \u003cdiv class=\"copy\"\u003e \u003cp class=\"eyebrow\"\u003eNot your ordinary accessory\u003c\/p\u003e \u003ch2\u003eWear a little \u003cspan class=\"gold\"\u003emystery.\u003c\/span\u003e\n\u003c\/h2\u003e \u003cdiv class=\"decorline\"\u003e \u003c\/div\u003e \u003cp\u003eA graceful black cat sits beneath a textured golden crescent, embraced by deep red roses and curling botanical vines. Each element tells a story of curiosity, individuality and dark romance.\u003c\/p\u003e \u003cp\u003eSmall enough to finish an outfit, striking enough to start a conversation.\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/section\u003e \u003csection id=\"craftsmanship\" class=\"spaced rose-section\"\u003e \u003cdiv class=\"wrap split reverse\"\u003e \u003cdiv class=\"art\"\u003e\u003cimg src=\"https:\/\/www.lifetimean.com\/cdn\/shop\/files\/image\/a4262ffc123cc8c660af2fd27446778ae931716a.webp\" alt=\"Brooch alloy metalwork, enamel texture, rose details and pin clasp\" loading=\"lazy\"\u003e\u003c\/div\u003e \u003cdiv class=\"copy\"\u003e \u003cp class=\"eyebrow\"\u003eLook closer\u003c\/p\u003e \u003ch2\u003eThe beauty is in \u003cspan class=\"gold\"\u003eevery detail.\u003c\/span\u003e\n\u003c\/h2\u003e \u003cp\u003eDesigned to catch the light and draw the eye — from the gleaming black enamel to the antique-inspired golden moon.\u003c\/p\u003e \u003cdiv class=\"detail-list\"\u003e \u003cdiv class=\"detail-item\"\u003e \u003cdiv class=\"ico\"\u003e◇\u003c\/div\u003e \u003cdiv\u003e\n\u003cstrong\u003ePremium Alloy Base\u003c\/strong\u003e \u003cp\u003eStructured metalwork creates the layered silhouette.\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"detail-item\"\u003e \u003cdiv class=\"ico\"\u003e✦\u003c\/div\u003e \u003cdiv\u003e\n\u003cstrong\u003eGlossy Enamel\u003c\/strong\u003e \u003cp\u003eSmooth, lustrous black and burgundy accents.\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"detail-item\"\u003e \u003cdiv class=\"ico\"\u003e❀\u003c\/div\u003e \u003cdiv\u003e\n\u003cstrong\u003eIntricate Gothic Florals\u003c\/strong\u003e \u003cp\u003eSculpted roses, delicate leaves and winding vines.\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"detail-item\"\u003e \u003cdiv class=\"ico\"\u003e⌁\u003c\/div\u003e \u003cdiv\u003e\n\u003cstrong\u003eSecure Pin Clasp\u003c\/strong\u003e \u003cp\u003eA traditional brooch fastening for your favorite accessories.\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/section\u003e \u003csection class=\"spaced\"\u003e \u003cdiv class=\"wrap\"\u003e \u003cdiv class=\"sectionhead\"\u003e \u003cp class=\"eyebrow\"\u003eA closer look\u003c\/p\u003e \u003ch2\u003eFour details. \u003cspan class=\"gold\"\u003eOne spellbinding piece.\u003c\/span\u003e\n\u003c\/h2\u003e \u003cp\u003eEvery curve is part of the story.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"gallery-grid\"\u003e \u003carticle class=\"gallery-card\"\u003e\u003cimg src=\"https:\/\/www.lifetimean.com\/cdn\/shop\/files\/image\/507ac6a53ce175e9b53d6dded72ef95d2cae992f.webp\" alt=\"Close-ups of moon texture, black cat, roses, and thorny vines\" loading=\"lazy\"\u003e \u003cdiv class=\"gallery-caption\"\u003e\n\u003cstrong\u003eGothic by Design\u003c\/strong\u003e \u003cp\u003eAn antique-look crescent, a watchful cat and burgundy roses.\u003c\/p\u003e \u003c\/div\u003e \u003c\/article\u003e \u003carticle class=\"gallery-card\"\u003e\u003cimg src=\"https:\/\/www.lifetimean.com\/cdn\/shop\/files\/image\/cbcef3fb01e397cc0ade6080da93846982632328.webp\" alt=\"Brooch materials, style and back pin product information\" loading=\"lazy\"\u003e \u003cdiv class=\"gallery-caption\"\u003e\n\u003cstrong\u003eMade to Be Worn\u003c\/strong\u003e \u003cp\u003eStatement-making design with an easy-to-use pin back.\u003c\/p\u003e \u003c\/div\u003e \u003c\/article\u003e \u003carticle class=\"gallery-card\"\u003e\u003cimg src=\"https:\/\/www.lifetimean.com\/cdn\/shop\/files\/image\/a4262ffc123cc8c660af2fd27446778ae931716a.webp\" alt=\"Close-up details of enamel and metalwork\" loading=\"lazy\"\u003e \u003cdiv class=\"gallery-caption\"\u003e\n\u003cstrong\u003eBeautifully Layered\u003c\/strong\u003e \u003cp\u003eShimmering enamel meets dimensional metalwork.\u003c\/p\u003e \u003c\/div\u003e \u003c\/article\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/section\u003e \u003csection id=\"styling\" class=\"spaced rose-section\"\u003e \u003cdiv class=\"wrap split\"\u003e \u003cdiv class=\"art\"\u003e\u003cimg src=\"https:\/\/www.lifetimean.com\/cdn\/shop\/files\/image\/1f16af55fdca72498fb5d4687e6f5ef6663ffaa7.webp\" alt=\"Black cat moon brooch styled on coat, scarf, hat and bag\" loading=\"lazy\"\u003e\u003c\/div\u003e \u003cdiv class=\"copy\"\u003e \u003cp class=\"eyebrow\"\u003eOne brooch · Endless expression\u003c\/p\u003e \u003ch2\u003eYour signature \u003cspan class=\"gold\"\u003efinishing touch.\u003c\/span\u003e\n\u003c\/h2\u003e \u003cp\u003ePin on a little personality. The brooch pairs effortlessly with rich winter textures, vintage-inspired fashion and your favorite all-black look.\u003c\/p\u003e \u003cdiv class=\"usecases\"\u003e \u003cdiv class=\"usecase\"\u003e\n\u003cspan class=\"num\"\u003e01\u003c\/span\u003e \u003ch3\u003eCoats\u003c\/h3\u003e \u003cp\u003eA striking lapel accent.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"usecase\"\u003e\n\u003cspan class=\"num\"\u003e02\u003c\/span\u003e \u003ch3\u003eScarves\u003c\/h3\u003e \u003cp\u003eRomance in every fold.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"usecase\"\u003e\n\u003cspan class=\"num\"\u003e03\u003c\/span\u003e \u003ch3\u003eHats\u003c\/h3\u003e \u003cp\u003eA subtle witchy detail.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"usecase\"\u003e\n\u003cspan class=\"num\"\u003e04\u003c\/span\u003e \u003ch3\u003eBags\u003c\/h3\u003e \u003cp\u003eCarry your style with you.\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/section\u003e \u003csection id=\"gifting\" class=\"spaced gift-section\"\u003e \u003cdiv class=\"wrap split reverse\"\u003e \u003cdiv class=\"art\"\u003e\u003cimg src=\"https:\/\/www.lifetimean.com\/cdn\/shop\/files\/image\/2e778a257bcee94252d5f52e200676b7b7a9c555.webp\" alt=\"Black cat crescent moon brooch in presentation box beside a gift card\" loading=\"lazy\"\u003e\u003c\/div\u003e \u003cdiv class=\"copy\"\u003e \u003cp class=\"eyebrow\"\u003eSomething more personal\u003c\/p\u003e \u003ch2\u003eFor the souls who \u003cspan class=\"gold\"\u003elove the unusual.\u003c\/span\u003e\n\u003c\/h2\u003e \u003cp\u003eFor cat lovers, gothic hearts, romantics and devoted collectors of beautiful little things, this is a gift with personality.\u003c\/p\u003e \u003cdiv class=\"quote\"\u003e“For the mysterious souls who love cats and the beauty of the dark.”\u003c\/div\u003e \u003cp\u003eEqual parts poetic and playful — a keepsake to wear, treasure and remember.\u003c\/p\u003e \u003ca class=\"btn\" href=\"#purchase\"\u003eChoose Their Gift ↗\u003c\/a\u003e\n\u003c\/div\u003e \u003c\/div\u003e \u003c\/section\u003e \u003csection id=\"purchase\" class=\"spaced purchase\"\u003e \u003cdiv class=\"wrap purchase-card\"\u003e \u003cdiv class=\"art\"\u003e\u003cimg src=\"https:\/\/www.lifetimean.com\/cdn\/shop\/files\/image\/283759c521f60624a1a619aee734ad14574e2f97.webp\" alt=\"Brooch and gift box product presentation\" loading=\"lazy\"\u003e\u003c\/div\u003e \u003cdiv class=\"purchase-copy\"\u003e \u003cp class=\"eyebrow\"\u003eGothic Romance Collection\u003c\/p\u003e \u003ch2\u003eBlack Cat \u0026amp; Crescent Moon \u003cspan class=\"gold\"\u003eRose Brooch\u003c\/span\u003e\n\u003c\/h2\u003e \u003cp\u003eElegant. Mysterious. Entirely your own.\u003c\/p\u003e \u003cdiv id=\"priceLabel\" class=\"price\"\u003eA wearable piece of dark romance\u003c\/div\u003e \u003clabel style=\"display: block; font-size: 12px; font-weight: bold; margin-top: 23px;\" for=\"qty\"\u003e\u003c\/label\u003e\n\u003c\/div\u003e \u003c\/div\u003e \u003c\/section\u003e \u003csection id=\"faq\" class=\"spaced\"\u003e \u003cdiv class=\"wrap\"\u003e \u003cdiv class=\"sectionhead\"\u003e \u003cp class=\"eyebrow\"\u003eGood to know\u003c\/p\u003e \u003ch2\u003eA few \u003cspan class=\"gold\"\u003elittle details.\u003c\/span\u003e\n\u003c\/h2\u003e \u003c\/div\u003e \u003cdiv class=\"faq\"\u003e\n\u003cdetails\u003e \u003csummary\u003eWhat is the brooch made of?\u003c\/summary\u003e \u003cp\u003eThe product details describe a premium alloy base with glossy enamel accents, sculpted floral elements and a secure pin clasp.\u003c\/p\u003e \u003c\/details\u003e\u003cdetails\u003e \u003csummary\u003eWhere can I wear it?\u003c\/summary\u003e \u003cp\u003eIt can be styled on coats, jackets, scarves, shawls, hats and bags. Use care with delicate or easily snagged fabrics.\u003c\/p\u003e \u003c\/details\u003e\u003cdetails\u003e \u003csummary\u003eIs this a good gift for cat lovers?\u003c\/summary\u003e \u003cp\u003eAbsolutely as a style choice — the black cat, moon and rose motif is designed for cat enthusiasts and lovers of gothic-inspired accessories.\u003c\/p\u003e \u003c\/details\u003e\u003cdetails\u003e \u003csummary\u003eHow should I care for my brooch?\u003c\/summary\u003e \u003cp\u003eGently wipe with a soft, dry cloth. Avoid prolonged water exposure, harsh cleaners and impacts, and store separately to help protect the enamel finish.\u003c\/p\u003e \u003c\/details\u003e\n\u003c\/div\u003e \u003c\/div\u003e \u003c\/section\u003e \u003c\/main\u003e\u003cfooter\u003e \u003cdiv class=\"wrap\"\u003e \u003cdiv class=\"eyebrow\"\u003e✦ ☾ ✦\u003c\/div\u003e \u003cdiv class=\"footerbrand\"\u003eGothic Romance Collection\u003c\/div\u003e \u003cp\u003eA little darkness. A lot of beauty.\u003c\/p\u003e \u003cdiv class=\"rule\" style=\"margin: 28px auto; max-width: 500px;\"\u003e \u003c\/div\u003e \u003cp class=\"fine\"\u003eProduct information and photography based on the supplied detail images. Add your store policies, contact information and legal links before launch.\u003c\/p\u003e \u003c\/div\u003e \u003c\/footer\u003e \u003cdiv class=\"mobilebar\"\u003e \u003cdiv class=\"caption\"\u003e\n\u003cstrong\u003eMidnight magic\u003c\/strong\u003e\u003csmall\u003eBlack Cat Rose Brooch\u003c\/small\u003e\n\u003c\/div\u003e \u003ca class=\"btn\" href=\"#purchase\"\u003eShop Now ↗\u003c\/a\u003e\n\u003c\/div\u003e \u003cdiv id=\"checkoutModal\" class=\"modal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"modalTitle\" aria-hidden=\"true\"\u003e \u003cdiv class=\"modal-content\"\u003e\n\u003cbutton id=\"closeModal\" class=\"close\" aria-label=\"Close\"\u003e×\u003c\/button\u003e \u003cp class=\"eyebrow\"\u003eStore setup needed\u003c\/p\u003e \u003ch3 id=\"modalTitle\"\u003eConnect your checkout\u003c\/h3\u003e \u003cp\u003eBefore publishing, enter your real product or checkout URL in the \u003ccode\u003eSTORE_CONFIG\u003c\/code\u003e block near the end of this HTML file. The button will then direct customers to your store.\u003c\/p\u003e \u003cbutton id=\"modalOk\" class=\"btn\"\u003eUnderstood\u003c\/button\u003e\n\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e \/* Scoped to the product landing page to prevent storefront theme collisions. *\/ #brooch-landing {container: brooch \/ inline-size;display:flow-root;width:100%;max-width:100%;min-width:0;isolation:isolate;--bg:#110c0e;--bg2:#1d1115;--panel:#24161a;--wine:#641e30;--gold:#e3bc79;--pale:#f1dfb6;--muted:#bcaeac;--white:#fff8f0;--line:rgba(227,188,121,.22);--max:1220px;color:#fff8f0;background:#110c0e;font:15px\/1.65 'DM Sans',sans-serif;text-align:left;word-break:normal;overflow-wrap:normal} #brooch-landing, #brooch-landing *, #brooch-landing *::before, #brooch-landing *::after {box-sizing:border-box} #brooch-landing .hero-grid \u003e *, #brooch-landing .split \u003e *, #brooch-landing .purchase-card \u003e * {min-width:0;max-width:100%} #brooch-landing h1, #brooch-landing h2, #brooch-landing h3, #brooch-landing p {overflow-wrap:normal;word-break:normal} #brooch-landing .hero-copy h1 {color:var(--white);font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;letter-spacing:-.026em;line-height:.95;text-transform:none} #brooch-landing .hero-copy h1 .gold {color:var(--gold)} #brooch-landing .hero-visual img {display:block;width:100%;height:auto;max-width:100%;object-fit:cover} #brooch-landing .hero-points span {display:inline-flex;align-items:baseline;gap:0} #brooch-landing{--bg:#110c0e;--bg2:#1d1115;--panel:#24161a;--wine:#641e30;--gold:#e3bc79;--pale:#f1dfb6;--muted:#bcaeac;--white:#fff8f0;--line:rgba(227,188,121,.22);--max:1220px} #brooch-landing, #brooch-landing *{box-sizing:border-box} #brooch-landing{scroll-behavior:smooth} #brooch-landing{margin:0;background:var(--bg);color:var(--white);font:15px\/1.65 'DM Sans',sans-serif} #brooch-landing button, #brooch-landing a{ -webkit-tap-highlight-color:transparent} #brooch-landing a{color:inherit;text-decoration:none} #brooch-landing img{display:block;width:100%;height:auto} #brooch-landing button{font:inherit;cursor:pointer} #brooch-landing button:focus-visible, #brooch-landing a:focus-visible, #brooch-landing summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px} #brooch-landing .serif, #brooch-landing h1, #brooch-landing h2, #brooch-landing h3, #brooch-landing .brand{font-family:'Cormorant Garamond',Georgia,serif} #brooch-landing h1, #brooch-landing h2, #brooch-landing h3, #brooch-landing p{margin-top:0} #brooch-landing h1{font-size:clamp(53px,6vw,96px);line-height:.95;font-weight:600;letter-spacing:-.026em;margin-bottom:22px} #brooch-landing h2{font-size:clamp(43px,4.4vw,69px);font-weight:600;line-height:1.02;letter-spacing:-.023em;margin-bottom:16px} #brooch-landing h3{font-size:30px;line-height:1.12;font-weight:600} #brooch-landing p{color:var(--muted)} #brooch-landing .wrap{width:min(calc(100% - 48px),var(--max));margin-inline:auto} #brooch-landing .eyebrow{text-transform:uppercase;letter-spacing:.28em;font-size:10px;font-weight:700;color:var(--gold)} #brooch-landing .gold{color:var(--gold)} #brooch-landing .rule{height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent)} #brooch-landing .btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;text-align:center;background:var(--gold);color:#210e13;border:1px solid var(--gold);font-weight:700;letter-spacing:.065em;text-transform:uppercase;font-size:12px;padding:17px 30px;min-height:52px;transition:transform .2s,background .2s;white-space:nowrap} #brooch-landing .btn:hover{transform:translateY(-2px);background:#f2d6a1} #brooch-landing .btn-outline{background:transparent;color:var(--pale)} #brooch-landing .btn-outline:hover{background:rgba(227,188,121,.09)} #brooch-landing .announcement{background:#57202c;text-align:center;padding:9px 12px;color:#f8ead4;font-size:11px;letter-spacing:.13em;text-transform:uppercase} #brooch-landing .navbar{position:sticky;top:0;z-index:30;background:rgba(17,12,14,.95);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)} #brooch-landing .navinner{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:76px} #brooch-landing .brand{font-size:26px;font-weight:700;color:var(--pale);line-height:1} #brooch-landing .brand small{display:block;letter-spacing:.28em;font:9px 'DM Sans',sans-serif;color:var(--gold);margin-top:7px} #brooch-landing .navlinks{display:flex;gap:32px;font-size:12px;letter-spacing:.08em;color:#d7c8c1} #brooch-landing .navlinks a:hover{color:var(--gold)} #brooch-landing .navbtn{padding:12px 19px;min-height:auto} #brooch-landing .hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 15% 65%,#531c2b 0%,transparent 45%),linear-gradient(120deg,#170e12,#100b0e)} #brooch-landing .hero:before{content:'✧';position:absolute;left:43%;top:5%;font-size:240px;opacity:.025;pointer-events:none} #brooch-landing .hero-grid{display:grid;grid-template-columns:1fr 1.02fr;min-height:685px;align-items:center;gap:6%;padding-top:55px;padding-bottom:65px} #brooch-landing .hero-copy{max-width:585px} #brooch-landing .hero-copy .eyebrow{margin-bottom:22px} #brooch-landing .hero-copy .lead{font-size:17px;line-height:1.8;max-width:490px;color:#e2d1cc;margin-bottom:28px} #brooch-landing .hero-points{display:flex;flex-wrap:wrap;gap:14px 23px;margin:25px 0 31px;font-size:12px;color:#ebd8c5} #brooch-landing .hero-points span:before{content:'✦';color:var(--gold);margin-right:9px} #brooch-landing .hero-actions{display:flex;gap:12px;flex-wrap:wrap} #brooch-landing .tiny{font-size:11px;color:#a89996;margin-top:15px} #brooch-landing .hero-visual{position:relative} #brooch-landing .hero-visual img{border:1px solid rgba(227,188,121,.31);box-shadow:0 24px 90px #0009;aspect-ratio:1\/1;object-fit:cover} #brooch-landing .hero-visual:before, #brooch-landing .hero-visual:after{content:'';position:absolute;width:75px;height:75px;border:1px solid var(--gold);pointer-events:none;z-index:2} #brooch-landing .hero-visual:before{top:-12px;left:-12px;border-right:0;border-bottom:0} #brooch-landing .hero-visual:after{bottom:-12px;right:-12px;border-left:0;border-top:0} #brooch-landing .features{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#1b1114} #brooch-landing .features-grid{display:grid;grid-template-columns:repeat(4,1fr)} #brooch-landing .feature{padding:26px 18px;text-align:center;border-right:1px solid var(--line)} #brooch-landing .feature:last-child{border:0} #brooch-landing .feature b{display:block;color:var(--pale);font-size:13px;letter-spacing:.025em;margin:5px 0} #brooch-landing .feature small{color:#ad9c97;font-size:11px} #brooch-landing .feature .symbol{font-size:21px;color:var(--gold)} #brooch-landing section.spaced{padding:100px 0} #brooch-landing .sectionhead{text-align:center;max-width:730px;margin:0 auto 48px} #brooch-landing .sectionhead .eyebrow{margin-bottom:13px} #brooch-landing .sectionhead p{font-size:15px} #brooch-landing .split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%} #brooch-landing .split.reverse .art{order:2} #brooch-landing .art img{border:1px solid var(--line);box-shadow:0 17px 55px #0006} #brooch-landing .copy\u003ep{max-width:480px;line-height:1.85} #brooch-landing .decorline{width:64px;height:1px;background:var(--gold);margin:26px 0} #brooch-landing .detail-list{display:grid;gap:18px;margin-top:26px} #brooch-landing .detail-item{display:flex;gap:17px;align-items:flex-start} #brooch-landing .detail-item .ico{width:36px;height:36px;border:1px solid var(--line);display:grid;place-items:center;flex:none;color:var(--gold);font-size:18px} #brooch-landing .detail-item b{font-size:14px;color:var(--pale)} #brooch-landing .detail-item p{margin:2px 0 0;font-size:12px;line-height:1.6} #brooch-landing .rose-section{background:linear-gradient(145deg,#29151b,#120c0e 65%)} #brooch-landing .gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:21px} #brooch-landing .gallery-card{background:#211418;border:1px solid var(--line);overflow:hidden} #brooch-landing .gallery-card img{aspect-ratio:1;object-fit:cover;transition:transform .3s} #brooch-landing .gallery-card:hover img{transform:scale(1.025)} #brooch-landing .gallery-caption{padding:22px} #brooch-landing .gallery-caption strong{font:600 27px 'Cormorant Garamond';color:var(--pale)} #brooch-landing .gallery-caption p{font-size:12px;margin:4px 0 0} #brooch-landing .usecases{display:grid;grid-template-columns:repeat(4,1fr);gap:16px} #brooch-landing .usecase{border:1px solid var(--line);background:#1d1216;text-align:center;padding:24px 17px} #brooch-landing .usecase .num{color:var(--gold);letter-spacing:.16em;font-size:10px} #brooch-landing .usecase h3{font-size:25px;color:var(--pale);margin:10px 0} #brooch-landing .usecase p{font-size:12px;margin:0} #brooch-landing .gift-section{background:radial-gradient(ellipse at 90% 10%,#532032,transparent 45%),#1c1115} #brooch-landing .quote{font:italic 30px\/1.27 'Cormorant Garamond',serif;color:var(--pale);margin:30px 0} #brooch-landing .purchase{background:linear-gradient(110deg,#391923,#160e12);border-block:1px solid var(--line)} #brooch-landing .purchase-card{display:grid;grid-template-columns:1fr 1.1fr;gap:7%;align-items:center} #brooch-landing .purchase .art img{max-width:510px} #brooch-landing .purchase-copy .sub{font-size:13px;letter-spacing:.13em;text-transform:uppercase;color:var(--gold)} #brooch-landing .purchase-copy .price{font:600 30px 'Cormorant Garamond';color:var(--pale);margin-bottom:25px} #brooch-landing .quantity{display:flex;align-items:center;border:1px solid var(--line);width:132px;height:45px;margin:22px 0} #brooch-landing .quantity button{width:43px;height:43px;background:transparent;color:var(--white);border:0;font-size:23px} #brooch-landing .quantity output{text-align:center;flex:1;font-weight:600} #brooch-landing .purchase-buttons{display:flex;flex-wrap:wrap;gap:12px} #brooch-landing .smallnote{font-size:11px;margin:16px 0 0} #brooch-landing .faq{max-width:850px;margin:0 auto} #brooch-landing .faq details{border-bottom:1px solid var(--line);padding:21px 0} #brooch-landing .faq summary{font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;font-size:14px} #brooch-landing .faq summary::-webkit-details-marker{display:none} #brooch-landing .faq summary:after{content:'+';color:var(--gold);font-size:22px;line-height:1} #brooch-landing .faq details[open] summary:after{content:'−'} #brooch-landing .faq details p{font-size:13px;margin:13px 24px 0 0;line-height:1.8} #brooch-landing footer{background:#0b090a;border-top:1px solid var(--line);padding:58px 0 38px;text-align:center} #brooch-landing .footerbrand{font:600 38px 'Cormorant Garamond';color:var(--pale)} #brooch-landing footer p{font-size:12px} #brooch-landing footer .fine{font-size:10px;color:#8d7c78;margin-top:35px} #brooch-landing .mobilebar{display:none} #brooch-landing .modal{position:fixed;inset:0;background:#000b;display:none;place-items:center;padding:22px;z-index:60} #brooch-landing .modal.open{display:grid} #brooch-landing .modal-content{background:#211419;border:1px solid var(--gold);max-width:460px;width:100%;padding:35px;position:relative;box-shadow:0 20px 70px #000b} #brooch-landing .modal-content h3{color:var(--pale)} #brooch-landing .modal-content code{color:var(--gold);word-wrap:break-word} #brooch-landing .close{position:absolute;right:15px;top:8px;border:0;background:none;color:#eee;font-size:30px} @container brooch (max-width:950px){#brooch-landing .hero-grid{min-height:auto;gap:30px} #brooch-landing .navlinks{display:none} #brooch-landing .split{gap:5%} #brooch-landing section.spaced{padding:75px 0}} @container brooch (max-width:690px){#brooch-landing{font-size:14px} #brooch-landing .wrap{width:min(calc(100% - 34px),var(--max))} #brooch-landing .navbar .navinner{min-height:62px} #brooch-landing .brand{font-size:23px} #brooch-landing .navbtn{font-size:10px;padding:10px 14px} #brooch-landing .hero-grid{grid-template-columns:1fr;padding-top:43px;padding-bottom:54px;gap:35px} #brooch-landing .hero-visual{max-width:510px;margin:auto} #brooch-landing .hero-copy .lead{font-size:15px} #brooch-landing h1{font-size:clamp(55px,13vw,76px)} #brooch-landing h2{font-size:48px} #brooch-landing .hero-actions .btn{flex:1;min-width:136px} #brooch-landing .features-grid{grid-template-columns:repeat(2,1fr)} #brooch-landing .feature:nth-child(2){border-right:0} #brooch-landing .feature:nth-child(-n\/**\/+2){border-bottom:1px solid var(--line)} #brooch-landing .feature{padding:18px 12px} #brooch-landing section.spaced{padding:63px 0} #brooch-landing .split, #brooch-landing .purchase-card{grid-template-columns:1fr;gap:31px} #brooch-landing .split.reverse .art{order:0} #brooch-landing .gallery-grid{grid-template-columns:1fr;gap:19px} #brooch-landing .gallery-card{display:grid;grid-template-columns:43% 57%;align-items:center} #brooch-landing .gallery-caption{padding:14px} #brooch-landing .gallery-caption strong{font-size:24px} #brooch-landing .gallery-caption p{font-size:11px} #brooch-landing .usecases{grid-template-columns:repeat(2,1fr);gap:10px} #brooch-landing .usecase{padding:20px 10px} #brooch-landing .usecase h3{font-size:23px} #brooch-landing .purchase{padding-bottom:90px!important} #brooch-landing .purchase-buttons .btn{width:100%} #brooch-landing .mobilebar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:35;background:rgba(19,11,15,.98);border-top:1px solid var(--line);padding:9px 16px;align-items:center;gap:10px;box-shadow:0 -10px 35px #0009} #brooch-landing .mobilebar .caption{flex:1;line-height:1.1} #brooch-landing .mobilebar strong{display:block;color:var(--pale);font-family:'Cormorant Garamond';font-size:21px} #brooch-landing .mobilebar small{color:var(--muted);font-size:10px} #brooch-landing .mobilebar .btn{padding:13px 17px;min-height:43px} #brooch-landing .footerbrand{font-size:29px} #brooch-landing footer{padding-bottom:110px} #brooch-landing .sectionhead{margin-bottom:30px}} @media(prefers-reduced-motion:reduce){#brooch-landing{scroll-behavior:auto} #brooch-landing, #brooch-landing *, #brooch-landing *:before, #brooch-landing *:after{transition:none!important}} @container brooch (max-width:690px) {  #brooch-landing .hero-grid {display:grid;grid-template-columns:minmax(0,1fr);gap:28px}  #brooch-landing .hero-copy {max-width:100%;width:100%;min-width:0}  #brooch-landing .hero-copy h1 {font-size:clamp(38px,10cqw,68px)!important;line-height:1.02!important;overflow-wrap:normal!important;word-break:keep-all!important;hyphens:none!important}  #brooch-landing .hero-visual {width:100%;max-width:510px;margin-inline:auto}  #brooch-landing .hero-points {display:flex;gap:9px 18px}  #brooch-landing .hero-points span::before {margin-right:8px}  #brooch-landing .hero-actions {display:flex;gap:12px}  #brooch-landing .hero-actions .btn {min-width:0;white-space:normal} } @container brooch (max-width:420px) {  #brooch-landing .hero-copy h1 {font-size:clamp(35px,10cqw,46px)!important}  #brooch-landing .hero-actions {flex-direction:column}  #brooch-landing .hero-actions .btn {width:100%}  #brooch-landing .hero-points {font-size:11px}  #brooch-landing .navbar .brand {font-size:19px}  #brooch-landing .navbar .navbtn {padding:9px 10px;font-size:9px} }  \u003c\/style\u003e","brand":"krystal","offers":[{"title":"🖤Buy 1","offer_id":67745814446449,"sku":"PS3683680-1","price":16.99,"currency_code":"USD","in_stock":true},{"title":"🔥Buy 2 Save 10% OFF","offer_id":67745814479217,"sku":"PS3683680-1*2","price":26.98,"currency_code":"USD","in_stock":true},{"title":"🎁Buy 3 Get 1 Free (4PCS) \u0026 Free Shipping","offer_id":67745814511985,"sku":"PS3683680-1*4","price":44.97,"currency_code":"USD","in_stock":true},{"title":"💥Buy 5 Get 3 Free (8PCS) \u0026 Free VIP Shipping","offer_id":67745814544753,"sku":"PS3683680-1*8","price":74.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1024\/2870\/5137\/files\/7c8ec01b70a8f7d5b97f383834d78a2e361a54df.jpg?v=1792039594","url":"https:\/\/viqzes.com\/products\/black-cat-crescent-moon-rose-brooch-2","provider":"viqzes","version":"1.0","type":"link"}