/* V18: quiet surfaces and compact purchase hierarchy. */
.shop-section,#shop-page{background:#fff!important}
#modal:has(.purchase-beauty .mockup17),#modal:has(.purchase-success13){width:min(825px,calc(100vw - 28px));max-width:calc(100vw - 28px)}
#modal:has(.purchase-beauty) #modal-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#modal:has(.purchase-beauty) .modal-head{border:0;min-height:38px;padding-top:8px;padding-bottom:0;justify-content:flex-end}
.purchase-beauty .eyebrow{display:none}.purchase-beauty:has(.mockup17){gap:14px;padding-bottom:16px;margin:0;background:transparent;border:0}.purchase-beauty>.mockup17{width:100%}.purchase-beauty>div:last-child:not(.mockup17){padding:0 3px;text-align:left}.purchase-beauty h3{font:clamp(22px,3vw,30px)/1.2 var(--serif);margin:0 0 6px}.purchase-beauty p{font:14px/1.5 system-ui;margin:0;color:var(--muted)}
#modal:has(.purchase-beauty) .license-options{gap:10px;margin:4px 0 16px}#modal:has(.purchase-beauty) .license-options label{padding:12px 14px;border-radius:9px;font-size:14px}#modal:has(.purchase-beauty) .inline-facts{padding:12px 0;gap:18px;font-size:14px}#modal:has(.purchase-beauty) #pay-confirm13{width:100%;margin-top:5px}#modal:has(.purchase-beauty) .mode-note{font-size:11px;margin:7px 0}
/* Marker hit targets straddle the timeline; visible flags stay directly on it. */
.timeline-mark16{top:-10px!important;bottom:auto!important;height:20px!important;min-height:20px!important;display:grid;place-items:center;z-index:2}.timeline-mark16:before{width:8px;height:10px;margin:0;border-radius:2px;clip-path:none;box-shadow:0 0 2px 1px #ffffffb0,0 1px 2px #001c1380;filter:none}.mark-tip16{bottom:26px}
.player .mini-art{box-shadow:0 0 9px 1px #edf5e43b,0 2px 5px #001d1855;border:1px solid #ffffff35;border-radius:3px}
.color-editor18{border:1px solid #d3dfd8;border-radius:10px;background:#f7faf7;padding:12px;margin:10px 0;min-width:0;color:#254d3d;grid-column:1/-1}.color-editor18 legend{font:600 12px system-ui;padding:0 5px}.color-swatches18{display:flex;gap:8px;flex-wrap:wrap}.color-swatches18 button{width:25px!important;height:25px!important;min-height:25px!important;padding:0!important;border:3px solid white!important;border-radius:50%!important;background:var(--swatch)!important;box-shadow:0 0 0 1px #9cafa3}.color-swatches18 button[aria-pressed=true]{outline:2px solid #00573b!important;outline-offset:2px}.color-value18{display:flex!important;align-items:center;gap:8px;margin:12px 0;font-size:12px!important}.color-chip18{width:24px;height:24px;border-radius:6px;border:1px solid #abbcaf}.color-value18 .hex18{width:96px!important;min-width:0;font:13px monospace!important;color:#254d3d!important;background:#fff!important;border:1px solid #bdcec3!important;padding:6px!important}.color-editor18 details summary{font-size:12px;color:#335846}.color-editor18 details label{display:grid!important;grid-template-columns:75px 1fr;align-items:center;font-size:11px!important;gap:6px;margin:8px 0}.color-editor18 input[type=range]{width:100%;accent-color:#00573b;padding:0!important}.profile-images17:has(>div:only-of-type){grid-template-columns:1fr}
/* Restrained organic wood plus a soft, layered shadow underneath. */
.shelf-row::before{background-image:var(--shelf-top17),radial-gradient(ellipse 130% 5px at 28% 22%,transparent 43%,#97744918 48%,transparent 60%),repeating-linear-gradient(1deg,#a67c4912 0 1px,transparent 1px 5px),linear-gradient(178deg,#dfc3a1,#ead3b6 55%,#caaa83);background-size:auto 100%,310px 21px,100% 100%,auto;box-shadow:inset 0 1px 1px #fff9}
.shelf-row::after{background-image:var(--shelf-edge17),radial-gradient(ellipse 95% 4px at 58% 20%,transparent 36%,#825b3420 49%,transparent 64%),linear-gradient(#ddc09a,#bc956a);background-size:auto 100%,270px 16px,auto;border-top:1px solid #f8e5c6;box-shadow:0 3px 4px #4d38232b,0 12px 17px -3px #4c372e36,0 22px 28px -8px #4c372e30}
#shelves .movable-deco15{bottom:var(--contact-bottom18,-4px)!important;overflow:visible!important}.deco-plant18{position:absolute;bottom:0;left:-25%;width:150%;max-width:none;height:auto;pointer-events:none}.deco.hanging18{mix-blend-mode:normal!important;z-index:5!important}.deco.hanging18 img{filter:drop-shadow(0 2px 1px #243c2520)}
#shelves .deco:after{content:'';position:absolute;bottom:-1px!important;left:var(--contact-x18,50%)!important;right:auto!important;width:var(--contact-width18,60%);height:4px;transform:translateX(-50%);border-radius:50%;background:#34261430;filter:blur(2px);pointer-events:none;z-index:-1}
.shelf-row.has-hanging18{margin-bottom:28px!important}.shelf-container{overflow-x:clip}
.footer-copy18{font-size:14px;line-height:1.75;max-width:70ch}.footer-copy18 h3{font:22px/1.3 var(--serif);margin:25px 0 8px}.footer-copy18 p{margin:10px 0}.footer-copy18 dt{font-weight:600;margin-top:12px}.footer-copy18 dd{margin:3px 0;color:var(--muted)}.footer-status18{border-top:1px solid var(--line);padding-top:16px;color:var(--muted);font-size:12px}
@media(max-width:550px){#modal:has(.purchase-beauty) .modal-body{padding:14px}.purchase-beauty h3{font-size:22px}#modal:has(.purchase-beauty) .inline-facts{gap:10px;font-size:12px}.color-swatches18{gap:9px}}
#shelves{padding-bottom:24px}.shelf-row{margin-bottom:18px}.shelf-row::before{background-image:var(--shelf-top17),url('/assets18/wood-grain.svg'),linear-gradient(178deg,#dfc3a1,#ead3b6 55%,#caaa83);background-size:auto 100%,480px 38px,auto}.shelf-row::after{background-image:var(--shelf-edge17),url('/assets18/wood-grain.svg'),linear-gradient(#ddc09a,#bc956a);background-size:auto 100%,520px 21px,auto;box-shadow:0 3px 5px #4d382335,0 12px 18px -2px #4c372e45,0 25px 30px -7px #4c372e30}