/* Shared garden artwork matches the app's four movement covers. */
.shop-page [id]{scroll-margin-top:110px}
.shop-library{border-top:0;padding-block:62px 72px}
.shop-library h2{font-size:clamp(34px,3.5vw,52px);line-height:1.17}
.shop-library .library-art{max-width:212px}
.shop-catalogue{border-top:1px solid var(--line)}
.shop-grid{gap:32px;align-items:start}
.collection-card{border-radius:26px;background:#fffaf2;box-shadow:0 12px 34px #4d345609;border-color:#e1d5db}
.collection-cover{padding:0;min-height:0;display:block;aspect-ratio:16/9;background:#f0e8dd;isolation:isolate}
.collection-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform-origin:center}

.collection-cover:after{content:"";position:absolute;inset:44% 0 0;background:linear-gradient(transparent,#302437b8);z-index:1;pointer-events:none}
.collection-cover h3{position:absolute;left:25px;right:77px;bottom:23px;margin:0;z-index:2;font-size:clamp(26px,2.4vw,35px);line-height:1.15;font-weight:400;letter-spacing:-.3px;color:#fff7ec;text-shadow:0 2px 12px #30243744}
.cover-motion-button{position:absolute;z-index:3;right:17px;bottom:17px;width:44px;height:44px;border-radius:50%;border:1px solid #fff8ee99;background:#f9f3e6e8;color:#64516f;font-size:16px;display:grid;place-items:center;cursor:pointer}
.cover-motion-button[hidden],.cover-motion-button [hidden]{display:none!important}
.cover-motion-button:hover{background:#fffaf2}
.cover-motion-button:focus-visible,.collection-details summary:focus-visible{outline:3px solid #a78bb5;outline-offset:3px}
.cover-motion-button .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.collection-body{padding:25px 28px 8px}
.collection-body h4{font-size:29px;margin:0 0 10px;font-weight:400;color:#51405d}
.collection-audience{min-height:0;font-size:14px;line-height:1.65;margin:0 0 16px}
.collection-meta{font-size:11px;color:#7c6d80;line-height:1.7}
.collection-price{margin:15px 0 19px}
.collection-price strong{font-size:35px}
.collection-details{margin:20px 0 0}
.collection-details summary{min-height:50px;align-items:center;font-size:12px;color:#695176}
.collection-details[open] summary>span:last-child{transform:rotate(45deg)}
.collection-details>div{padding-bottom:17px}
.collection-benefits{margin:16px 0}
.collection-body .checkout-pending{padding-block:11px}
@keyframes cover-drift{from{transform:scale(1)}to{transform:scale(1.035)}}
@media(max-width:960px){.shop-grid{gap:24px}.collection-body{padding:22px 23px 6px}.collection-cover h3{left:21px;bottom:22px;font-size:28px}}
@media(max-width:760px){.shop-library{padding-block:45px 50px}.shop-library h2{font-size:36px}.shop-grid{gap:28px}.collection-card{border-radius:23px}.collection-cover{padding:0;min-height:0}.collection-cover h3{font-size:29px;left:21px;bottom:22px}.collection-body h4{font-size:27px}.collection-body{padding:22px 23px 6px}.collection-audience{min-height:0}.shop-library .library-art{max-width:212px}}
@media(prefers-reduced-motion:reduce){.collection-cover img{animation:none}.cover-motion-button{display:none!important}}

.collection-cover video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .65s ease;pointer-events:none}
.collection-cover[data-video-ready=true] video{opacity:1}
@media(prefers-reduced-motion:reduce){.collection-cover video{opacity:0!important;transition:none}}

.collection-cover{background-position:center;background-size:cover}
.collection-cover:not([data-cover-motion]) h3{right:25px}