.shop-page{background:#f6f6f3;color:#20292a}.shop-heading{padding:68px clamp(24px,5vw,85px) 52px;display:grid;grid-template-columns:1fr minmax(220px,350px);align-items:end;gap:30px;border-bottom:1px solid #d8ddda}.shop-heading .overline{color:#606d6d}.shop-heading h1{font-family:var(--serif);font-size:clamp(72px,8vw,132px);font-weight:400;letter-spacing:-.055em;line-height:.9;margin:20px 0 0}.shop-heading p{font-size:17px;line-height:1.5;color:#5a6666;max-width:350px;margin:0 0 7px}
.shop-content{padding:48px clamp(18px,3vw,50px) 115px}.shop-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1550px;margin:0 auto 20px;font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:#5c6868}.shop-toolbar span:last-child{color:#788180}.shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;max-width:1550px;margin:auto}.shop-card{min-width:0;display:block;color:#20292a}.shop-media{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:.89;overflow:hidden;background:#e6e8e7;border-radius:18px}.shop-card:first-child .shop-media{background:#e4e7e8}.shop-card:nth-child(2) .shop-media{background:#e9e9e6}.shop-card:nth-child(3) .shop-media{background:#e4e6e5}.shop-media img{width:100%;height:100%;display:block;object-fit:contain;transition:transform .55s cubic-bezier(.2,.7,.2,1)}.shop-card:first-child .shop-media img{object-fit:cover}.shop-card:nth-child(n+2) .shop-media img{width:83%;height:86%;filter:drop-shadow(6px 16px 15px #34403a1b)}.shop-card[href]:hover .shop-media img{transform:scale(1.035)}.shop-tag{position:absolute;z-index:1;top:18px;left:18px;background:#f9faf7db;backdrop-filter:blur(12px);border:1px solid #ffffffb8;border-radius:99px;padding:9px 13px;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.shop-card:nth-child(n+2) .shop-tag{color:#5e6969}.shop-info{display:flex;align-items:start;justify-content:space-between;gap:12px;padding:20px 4px 0}.shop-info h2{font-family:var(--sans);font-size:clamp(20px,1.8vw,29px);font-weight:400;letter-spacing:-.04em;line-height:1.17;margin:0}.shop-info p{font-size:13px;color:#637071;line-height:1.4;margin:8px 0 0}.shop-price{font-size:22px;letter-spacing:-.04em;white-space:nowrap;text-align:right}.shop-price small{display:block;font-size:10px;font-weight:400;letter-spacing:.025em;color:#697475;margin-top:4px}.shop-unavailable{font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:#758080;white-space:nowrap;padding-top:6px}.shop-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #d2d8d5;margin:23px 4px 0;padding-top:13px;font-size:13px}.shop-card[href] .shop-foot{transition:padding .25s}.shop-card[href]:hover .shop-foot{padding-right:5px}.shop-card:not([href]) .shop-foot{color:#7d8786}.shop-note{max-width:1550px;margin:52px auto 0;border-top:1px solid #d8ddda;padding-top:20px;color:#657070;font-size:13px;line-height:1.5}.shop-note a{border-bottom:1px solid currentColor}
@media(max-width:850px){.shop-heading{grid-template-columns:1fr;padding:58px 25px 36px;gap:25px}.shop-heading h1{font-size:85px}.shop-content{padding:32px 18px 85px}.shop-grid{gap:10px}.shop-info{display:block}.shop-price,.shop-unavailable{display:block;text-align:left;margin-top:11px}}
@media(max-width:640px){.shop-heading{padding:48px 20px 29px}.shop-heading h1{font-size:76px}.shop-heading p{font-size:16px}.shop-content{padding:27px 12px 75px}.shop-toolbar{padding:0 3px;font-size:10px}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 10px}.shop-card:first-child{grid-column:1/-1}.shop-card:first-child .shop-media{aspect-ratio:1.18}.shop-card:first-child .shop-media img{object-fit:contain}.shop-card:nth-child(n+2) .shop-media{aspect-ratio:.77}.shop-card:nth-child(n+2) .shop-media img{width:92%;height:90%}.shop-media{border-radius:14px}.shop-tag{top:11px;left:11px;font-size:9px;padding:7px 10px}.shop-info{padding:14px 2px 0}.shop-info h2{font-size:20px}.shop-card:first-child .shop-info{display:flex}.shop-card:first-child .shop-info h2{font-size:25px}.shop-card:first-child .shop-price{margin:0;text-align:right}.shop-info p{font-size:11px;margin-top:6px}.shop-price{font-size:19px}.shop-unavailable{font-size:10px}.shop-foot{font-size:11px;margin:17px 2px 0;padding-top:10px}.shop-note{font-size:12px;margin:40px 3px 0}}
@media(prefers-reduced-motion:reduce){.shop-media img,.shop-card[href] .shop-foot{transition:none}.shop-card[href]:hover .shop-media img{transform:none}}