/* One-screen jewellery box. Live mirror layout remains owned by styles.css. */
@font-face{font-family:AtelierBody;src:url('./assets/fonts/figtree-regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:AtelierTitle;src:url('./assets/fonts/ovo-regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
.app-shell:not([data-view="camera"]){background:#f8f6f2;color:#24211e}
.site-header{height:66px;min-height:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 32px;border:0;background:transparent}
.site-header .wordmark{font-size:16px;letter-spacing:.14em;padding:0}
.site-header nav{min-height:0;gap:10px}
.site-header nav button{padding:11px 15px;border:1px solid #e2dcd3;border-radius:24px;background:#ffffff99;font-size:11px;font-weight:400;letter-spacing:0}
.site-header nav button span{margin-left:8px;font-size:15px}
.site-header nav .nav-current{border:1px solid #24211e;background:#fff}
.app-shell .playroom{height:calc(100dvh - 66px);min-height:0;display:grid;grid-template-rows:32px minmax(150px,1fr) 156px 108px 28px;padding:0 32px 8px;gap:0;overflow:hidden}
.app-shell:not([data-view="intro"])>.playroom{display:none}
.room-toolbar{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#746c62}
.room-toolbar>span{display:flex;align-items:center;gap:7px}.room-toolbar i{width:5px;height:5px;background:#24211e;border-radius:50%}
.room-toolbar button{background:none;border:0;padding:8px 0;font-size:11px;color:#24211e}.room-toolbar button span{margin-left:8px}
.piece-stage{position:relative;min-height:0;display:flex;align-items:center;justify-content:center;perspective:1100px;isolation:isolate}
.stage-halo{position:absolute;width:min(65vw,680px);height:54%;top:29%;border-radius:50%;background:#e7d4b7;filter:blur(60px);opacity:.55;pointer-events:none}
.playroom .hero-product-image.product-showcase{position:relative;z-index:2;flex:0 0 auto;width:clamp(150px,min(36vw,calc(100dvh - 430px)),390px);height:auto;min-height:0;max-height:none;aspect-ratio:1;margin:0;align-self:center;overflow:visible;background:none;display:block;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .4s ease-out}
.piece-float{height:100%;width:100%;overflow:hidden;border-radius:24px;background:#24211e;box-shadow:0 26px 48px -24px #68513638,0 1px 1px #fff;animation:piece-float 6s ease-in-out infinite}
.playroom #hero-product-image{display:block;height:100%;width:100%;object-fit:cover;filter:none;user-select:none}
.playroom .product-showcase figcaption{position:absolute;top:15px;left:16px;bottom:auto;right:auto;color:white;background:#302820cc;backdrop-filter:blur(6px);padding:6px 9px;border-radius:20px;font:9px/1.3 Arial,sans-serif;letter-spacing:.08em}
.playroom .product-showcase figcaption span{font:inherit;font-variant-numeric:tabular-nums}
.stage-neighbor{position:absolute;z-index:1;top:50%;width:clamp(110px,17vw,212px);padding:0;border:0;border-radius:18px;background:transparent;transition:translate .4s,filter .4s}
.stage-neighbor img{width:100%;aspect-ratio:1;display:block;object-fit:cover;border-radius:18px;box-shadow:0 20px 40px -22px #68513638;opacity:1;pointer-events:none}
.stage-neighbor span{display:block;margin-top:16px;color:#746c62;font-size:8px;letter-spacing:.1em}
.stage-neighbor--previous{left:calc(50% - min(30vw,330px));transform:translate(-50%,-45%) rotate(-9deg);animation:neighbor-left 7s ease-in-out infinite}
.stage-neighbor--next{left:calc(50% + min(30vw,330px));transform:translate(-50%,-58%) rotate(9deg);animation:neighbor-right 7s ease-in-out -2s infinite}
.stage-neighbor:hover img{opacity:1}.stage-neighbor:hover{translate:0 -7px}
.playroom .hero-product-caption{position:relative;z-index:3;text-align:center;padding:10px 0 0}
.playroom .hero-product-copy{min-height:82px;position:relative;max-width:720px;margin:auto}
.playroom #hero-product-name{margin:0 0 5px;font-size:21px;line-height:1.3;font-weight:500;letter-spacing:-.035em;text-transform:none}
.playroom #hero-product-material{margin:0 auto 6px;font-size:11px;line-height:1.5;color:#746c62;max-width:650px}
.playroom #hero-product-price{margin:0;font-size:14px;line-height:1.4;font-weight:500;color:#24211e}
.playroom .hero-actions{display:flex;align-items:center;justify-content:center;gap:10px;margin:6px 0 0}
.playroom .hero-actions .button{min-height:46px;padding:13px 23px;border-radius:24px;font-size:12px;font-weight:500;letter-spacing:0;gap:16px;text-decoration:none}
.playroom #hero-try-product{background:#302a24;color:#fff;box-shadow:0 5px 16px #302a2425;transition:background .2s,transform .2s}
.playroom #hero-try-product:hover{background:#514437;transform:translateY(-2px)}
.playroom #hero-buy-product{background:#ffffff;color:#24211e;border-color:#d8cbbb}.mirror-symbol{font-size:16px}
.playroom .gallery-section{display:grid;grid-template-columns:40px minmax(0,560px) 40px;justify-content:center;align-items:center;gap:18px;padding:0;overflow:hidden}
.playroom .gallery-section>button{width:38px;height:38px;border:1px solid #d8cbbb;border-radius:50%;background:#ffffff;font-size:21px;color:#24211e}
.playroom #gallery-track{position:relative;width:100%;display:flex;align-items:center;gap:12px;padding:12px 5px;margin:0;overflow-x:auto;scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x pan-y;cursor:grab}
.playroom #gallery-track::-webkit-scrollbar{display:none}.playroom #gallery-track.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
.playroom #gallery-track .hero-product-option{position:relative;flex:0 0 72px;width:72px;height:72px;padding:3px;border:1px solid transparent;border-radius:17px;background:none;scroll-snap-align:center;transition:transform .3s,border-color .3s,background .3s;cursor:inherit}
.playroom #gallery-track .hero-product-option img{display:block;width:100%;height:100%;border-radius:13px;object-fit:cover;pointer-events:none;user-select:none;opacity:1;transition:opacity .25s}
.playroom #gallery-track .hero-product-option[aria-pressed="true"]{border-color:#9a7b51;background:#fff;transform:translateY(-3px);box-shadow:0 4px 12px #302a241a}
.playroom #gallery-track .hero-product-option:hover img,.playroom #gallery-track .hero-product-option[aria-pressed="true"] img{opacity:1}
.playroom .gallery-item-copy{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.room-note{display:flex;justify-content:space-between;align-items:center;margin:0;font-size:9px;line-height:1.5;color:#746c62}.room-note span{font-size:8px}
.collection-view{max-width:1300px;padding:20px 32px 55px}.collection-heading{text-align:left;padding:42px 0 0;margin:0 0 24px}.collection-heading h1{font-size:25px;letter-spacing:-.02em;margin-bottom:8px}.collection-heading p{font-size:12px}
.collection-toolbar input,.collection-toolbar select{background:transparent}.collection-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px}.collection-card-image{border-radius:16px}.collection-card-copy{text-align:left;padding:14px 0}.collection-card-name{font-size:12px;font-weight:500;text-transform:none;letter-spacing:0}.collection-card-material{display:none}.collection-card-price{font-weight:400}.collection-try-button{color:#24211e;border-color:#24211e}
.app-shell[data-view="camera"] .camera-stage{animation:mirror-enter .45s ease-out both}
.selected-summary{grid-template-columns:minmax(0,1fr) auto auto}
.selected-summary h2{grid-column:1;grid-row:1}.selected-summary #selected-price{grid-column:2;grid-row:1}
.selected-summary #selected-description{grid-column:1;grid-row:2}.selected-summary .summary-details{grid-column:2;grid-row:2}
#selected-shop{grid-column:3;grid-row:1/3;padding:12px 10px;border-radius:8px;background:#302a24;color:#fff;text-decoration:none;font-size:11px;white-space:nowrap}
@keyframes piece-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}
@keyframes neighbor-left{0%,100%{transform:translate(-50%,-45%) rotate(-9deg)}50%{transform:translate(-50%,calc(-45% - 9px)) rotate(-7deg)}}
@keyframes neighbor-right{0%,100%{transform:translate(-50%,-58%) rotate(9deg)}50%{transform:translate(-50%,calc(-58% + 9px)) rotate(7deg)}}
@keyframes mirror-enter{from{opacity:.15;transform:scale(.985)}to{opacity:1;transform:scale(1)}}
.app-shell:not([data-view="intro"]) .piece-float,.app-shell:not([data-view="intro"]) .stage-neighbor{animation-play-state:paused}
.app-shell[data-motion="off"] .piece-float,.app-shell[data-motion="off"] .stage-neighbor,.app-shell[data-motion="off"] .camera-stage{animation:none}
.app-shell[data-motion="off"] .playroom *{transition:none!important}
@media(max-width:700px){
 .site-header{height:58px;padding:0 18px;gap:8px}.site-header .wordmark{font-size:13px;letter-spacing:.1em}.site-header nav{gap:5px}.site-header nav button{font-size:9px;padding:9px 10px}.site-header nav button span{margin-left:4px;font-size:12px}
 .app-shell .playroom{height:calc(100dvh - 58px);padding:0 16px 6px;grid-template-rows:30px minmax(120px,1fr) 163px 92px 32px}
 .room-toolbar{font-size:9px}.room-toolbar button{font-size:10px}
 .playroom .hero-product-image.product-showcase{width:clamp(135px,min(69vw,calc(100dvh - 440px)),310px)}.piece-float{border-radius:20px}
 .stage-neighbor{width:108px}.stage-neighbor--previous{left:calc(50% - 43vw)}.stage-neighbor--next{left:calc(50% + 43vw)}.stage-neighbor img{border-radius:14px;opacity:1}.stage-neighbor span{font-size:7px;margin-top:10px}
 .playroom .hero-product-caption{padding:5px 0 0}.playroom .hero-product-copy{min-height:98px;max-width:360px}.playroom #hero-product-name{font-size:18px;max-width:325px;margin:0 auto 5px;line-height:1.25}.playroom #hero-product-material{font-size:10px;max-width:330px;margin-bottom:4px;line-height:1.35}.playroom #hero-product-price{font-size:13px}
 .playroom .hero-actions{gap:7px;margin-top:5px}.playroom .hero-actions .button{padding:12px 17px;font-size:11px;min-height:44px;gap:10px}
 .playroom .gallery-section{grid-template-columns:28px minmax(0,1fr) 28px;gap:8px}.playroom .gallery-section>button{width:28px;height:28px;font-size:18px}
 .playroom #gallery-track{gap:9px}.playroom #gallery-track .hero-product-option{width:60px;height:60px;flex-basis:60px;border-radius:14px}.playroom #gallery-track .hero-product-option img{border-radius:10px}
 .room-note{font-size:8px;flex-direction:column;justify-content:center;gap:2px}.room-note span{font-size:7px}
 .collection-view{padding:20px 18px 40px}.collection-heading{margin-bottom:20px}.collection-heading h1{font-size:23px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
}
/* Very short devices scroll rather than hide essential controls. */
@media(max-height:560px){.app-shell .playroom{height:auto;min-height:540px;grid-template-rows:30px 190px 160px 108px 28px}}
@media(prefers-reduced-motion:reduce){.piece-float,.stage-neighbor,.app-shell[data-view="camera"] .camera-stage{animation:none!important}.playroom *,.collection-grid *{transition:none!important}.playroom .hero-product-image{transform:none!important}#gallery-track{scroll-behavior:auto!important}}

/* Aether's Atelier visual language; keep the compact, direct try-on flow. */
.app-shell:not([data-view="camera"]){background:#edebe8;color:#2c2c2c;font-family:AtelierBody,Arial,sans-serif}
.site-header{border-bottom:1px solid #b5ada04d;background:#edebe8}
.site-header .wordmark{font-family:AtelierTitle,Georgia,serif;font-size:23px;font-weight:400;letter-spacing:.05em}
.site-header nav button{border:0;border-radius:4px;background:transparent;font-family:AtelierBody,Arial,sans-serif;font-size:12px;color:#51483f}
.room-toolbar{color:#766b61;padding-top:5px}.room-toolbar button{color:#614c36;font-family:inherit}
.room-toolbar i{background:#c5a572}.stage-halo{background:#d8cbb8;opacity:.3}
.piece-float{border-radius:10px;box-shadow:0 18px 35px -25px #2c2c2c55;animation-name:atelier-float}
.stage-neighbor{border-radius:10px;animation-name:atelier-neighbor}
.stage-neighbor--previous,.stage-neighbor--next{transform:translate(-50%,-50%)}
.stage-neighbor img{border-radius:10px;box-shadow:none}
.stage-neighbor span{color:#766b61;letter-spacing:.15em}
.playroom #hero-product-name{font-family:AtelierTitle,Georgia,serif;font-size:28px;font-weight:400;letter-spacing:0;line-height:1.15}
.playroom #hero-product-material{color:#766b61;font-size:12px}.playroom #hero-product-price{color:#2c2c2c;font-weight:400}
.playroom .hero-actions .button{font-family:AtelierBody,Arial,sans-serif;border-radius:4px;letter-spacing:.025em;font-weight:400}
.playroom #hero-try-product{background:#c5a572;color:#29241e;box-shadow:none;border-color:#c5a572}
.playroom #hero-try-product:hover{background:#b69868}
.playroom #hero-buy-product{background:transparent;border-color:#b5ada0;color:#2c2c2c}
.playroom .gallery-section>button{background:transparent;border-color:#b5ada0;color:#615447}
.playroom #gallery-track .hero-product-option{border-radius:6px}.playroom #gallery-track .hero-product-option img{border-radius:3px}
.playroom #gallery-track .hero-product-option[aria-pressed="true"]{border-color:#a48960;background:#e4e0db;box-shadow:none}
.collection-heading h1,.collection-card-name{font-family:AtelierTitle,Georgia,serif;font-weight:400}
.collection-card-name{font-size:18px}.collection-card-image{border-radius:10px}
.collection-try-button{background:#c5a572;color:#29241e;border-color:#c5a572;border-radius:4px}
#selected-shop{background:#c5a572;color:#29241e;border-radius:4px}
.room-note{color:#766b61}
@keyframes atelier-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes atelier-neighbor{0%,100%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 4px))}}
@media(max-width:700px){.site-header .wordmark{font-size:18px}.site-header nav button{font-size:10px;padding:9px 8px}.playroom #hero-product-name{font-size:22px;line-height:1.15}.playroom #hero-product-material{font-size:10px}.piece-float,.stage-neighbor img{border-radius:8px}.collection-card-name{font-size:16px}}