/* ELEMENTS / Celestial Chrome — isolated, reversible presentation layer. */
body.celestial-store{background:radial-gradient(ellipse at 100% 16%,#aaa3ad0a,transparent 48%),radial-gradient(ellipse at 0 83%,#751e2d05,transparent 44%),var(--bg,#faf6f3)}
#celestial-backdrop{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0;contain:strict;opacity:1;transition:opacity .35s;user-select:none}
#celestial-backdrop[hidden]{display:none!important}
#celestial-backdrop::after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.35' d='M0 0h150v150H0z'/%3E%3C/svg%3E");opacity:.045}
.celestial-desktop{position:absolute;inset:0;width:100%;height:100%;opacity:.5}.celestial-mobile{display:none}
body.celestial-store>header,body.celestial-store>main{position:relative;z-index:1}
body.celestial-store header{border-bottom:1px solid #a99da51a}
body.celestial-store .brand .brand-name{letter-spacing:4.7px}
.celestial-collection{display:flex;align-items:center;gap:10px;margin:19px 1px 9px;color:var(--accent);font:500 9px/1.5 Manrope,'Segoe UI',sans-serif;letter-spacing:2.15px}
.celestial-collection>svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:.8;flex-shrink:0}.celestial-collection>i{height:1px;width:35px;background:currentColor;opacity:.35}
body.celestial-store .shop-title{margin-top:0;margin-bottom:25px}body.celestial-store .shop-title h1{font:500 43px/1.12 'Cormorant Garamond',Georgia,serif;letter-spacing:-1px;color:var(--ink,#21191d)}body.celestial-store .shop-count{font-size:10px;letter-spacing:.7px;color:#887b82}
body.celestial-store .product{border:1px solid #b5a8b42e!important;box-shadow:0 2px 5px #34202b03,0 12px 28px #34202b07;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,border-color .35s}
body.celestial-store .product .product-name{font-weight:500;letter-spacing:-.12px}body.celestial-store .product .price{font-weight:600;font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.55px}body.celestial-store .product .stock-note{color:#86767f}
body.celestial-store .product .heart{border:1px solid #cbbec54d;box-shadow:0 3px 12px #29131d0a}
body.celestial-store .product:active{transform:none}
@media(hover:hover) and (pointer:fine){body.celestial-store .product:hover{transform:translateY(-3px);border-color:#b2a1af65!important;box-shadow:0 18px 35px #34202b10,0 4px 9px #34202b05}body.celestial-store .product-media:hover img{transform:scale(1.018)}}
body.celestial-store nav{border-color:#cabec955!important;background:#fffaf5ed;box-shadow:0 8px 32px #34202b0d,0 1px 3px #fff9;z-index:40}
body.celestial-store .primary{background:var(--accent);box-shadow:0 5px 13px #751e2d15}
body.celestial-store .panel{border-color:#d1c4cc45;box-shadow:0 8px 25px #34202b05}
body.celestial-store #modal:has(.jewel-detail){border:1px solid #b9aab777;background:var(--bg,#faf6f3);box-shadow:0 26px 90px #21191d35}
body.celestial-store .detail-accordion details{border-color:#c9bbc54a}body.celestial-store .detail-title-line h2{font-weight:500}
body[data-celestial-page="cart"] #celestial-backdrop,body[data-celestial-page="orders"] #celestial-backdrop,body[data-celestial-page="profile"] #celestial-backdrop,body.celestial-product-open #celestial-backdrop{opacity:.2}
body.celestial-store:has(#modal[open] form) #celestial-backdrop{opacity:.1}
.celestial-orbit{transform-box:fill-box;transform-origin:center}.celestial-orbit-a{animation:celestial-drift-a 58s ease-in-out infinite alternate}.celestial-orbit-b{animation:celestial-drift-b 71s ease-in-out infinite alternate}
@keyframes celestial-drift-a{to{transform:translate3d(0,-7px,0) rotate(1.4deg)}}@keyframes celestial-drift-b{to{transform:translate3d(4px,6px,0) rotate(-1deg)}}
body.celestial-store .celestial-intro{animation:celestial-arrive .65s ease-out both}@keyframes celestial-arrive{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(min-width:1440px){.celestial-desktop{opacity:.6}.celestial-collection{margin-top:22px}.celestial-symbols{opacity:.9}}
@media(min-width:601px) and (max-width:1024px){.celestial-desktop{opacity:.34}.celestial-orbit{animation:none}.celestial-collection{font-size:8px;letter-spacing:1.9px}body.celestial-store .shop-title h1{font-size:39px}}
@media(max-width:600px){.celestial-desktop{display:none}.celestial-mobile{display:block;position:absolute;right:-115px;top:15%;width:240px;height:600px;opacity:.3}#celestial-backdrop{bottom:105px}.celestial-orbit{animation:none}.celestial-collection{margin:12px 1px 10px;gap:8px;font-size:8px;letter-spacing:1.45px}.celestial-collection>svg{width:12px;height:12px}.celestial-collection>i{width:22px}body.celestial-store .shop-title h1{font-size:35px;line-height:1.15;letter-spacing:-.65px}body.celestial-store .shop-title{margin-bottom:21px}body.celestial-store .shop-count{font-size:10px;letter-spacing:0}body.celestial-store .product{box-shadow:0 7px 18px #34202b06}body.celestial-store .brand .brand-name{letter-spacing:3.5px}}
@media(prefers-reduced-motion:reduce){.celestial-orbit-a,.celestial-orbit-b,body.celestial-store .celestial-intro{animation:none!important}#celestial-backdrop,body.celestial-store .product,body.celestial-store .product-media img{transition:none!important}body.celestial-store .product:hover{transform:none}}

@media(hover:hover) and (pointer:fine){body.celestial-store .product:hover .product-media>img:first-child{transform:scale(1.018)}}

/* Keep the existing wordmark readable through the owner's text-editor wrappers. */
body.celestial-store .brand .site-copy-target{display:inline;font:inherit;letter-spacing:inherit;color:inherit}
@media(max-width:600px){body.celestial-store .brand .brand-name{display:inline;font-size:20px;letter-spacing:2.8px}body.celestial-store .header-right{gap:9px}body.celestial-store .owner-text-tools{gap:3px}body.celestial-store .owner-text-tools>button{font-size:0;width:24px;height:26px;padding:0}body.celestial-store .owner-text-tools>.site-copy-toggle::after{content:'✎';font-size:16px}body.celestial-store .owner-text-tools>button:not(.site-copy-toggle)::after{content:'Aa';font:500 12px Manrope,sans-serif}}
@media(max-width:360px){body.celestial-store header{padding-inline:15px;gap:9px}body.celestial-store .brand{gap:6px}body.celestial-store .brand svg{width:22px;height:22px}body.celestial-store .brand .brand-name{font-size:18px;letter-spacing:2.2px}body.celestial-store .header-right{gap:6px}body.celestial-store .owner-text-tools{gap:1px}}
