/* PAGE BOUTIQUE, 687:1241. Reuses the product cards and gift collection. */
.shop-page{--u:min(.05787037037vw,1px);width:100%;margin-inline:auto}
.shop-page + .msm-newsletter{margin-top:0}
.shop-hero{--section-height:499;overflow:hidden}
.shop-page .shop-hero__image{width:100%;height:100%;object-fit:cover}
.shop-hero__title{text-transform:uppercase}
.shop-page .pd-gift-card .pd-card-title>span{white-space:nowrap}
.shop-collection{--section-height:842;left:calc(1 * var(--u));background:#fff}
.shop-collection .pd-product-card{height:calc(540 * var(--u))}
.shop-page .pd-gifts{--section-height:802}
.shop-page .pd-product-card--bloomy{background:#ffe0ef}
.shop-page .pd-card-price{position:absolute;left:0;top:calc(442 * var(--u));width:100%;height:calc(24 * var(--u));color:var(--ink);font-size:calc(20 * var(--u));font-weight:500;line-height:1.2;text-align:center}
.shop-page .pd-card-shop-link{top:calc(480 * var(--u));height:calc(40 * var(--u));gap:calc(12 * var(--u))}
@media(min-width:1729px){
  .shop-page>.shop-collection,.shop-page>.pd-gifts{width:1728px;margin-inline:auto}
  .shop-hero__title{left:calc(var(--x) * var(--u) + (100% - 1728px) / 2)}
}
@media(max-width:1279px){
  .shop-page{--u:1px}
  .shop-hero{position:relative;display:grid;place-items:center;min-height:360px;padding:60px 24px}
  .shop-hero__image{position:absolute;inset:0;object-position:center}
  .shop-hero__title{position:relative;inset:auto;width:100%;height:auto;max-width:900px;font-size:clamp(30px,4.2vw,50px);line-height:1.3;letter-spacing:clamp(2px,.4vw,5.5px)}
  .shop-collection{left:0;padding:64px 20px}
  .shop-collection>.pd-section-kicker{text-align:center}
  .shop-collection__title{margin-top:18px;font-size:clamp(36px,5.5vw,48px);line-height:1.08}
  .shop-collection__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:36px}
  .shop-collection .pd-product-card{height:auto;padding-bottom:24px}
  .shop-collection .pd-card-notes{display:flex;align-items:center;justify-content:center;min-height:34px}
  .shop-page .pd-card-price{position:static;width:auto;height:auto;margin-top:14px;font-size:18px;line-height:24px}
  .shop-page .pd-card-shop-link{position:static;width:129px;height:40px;gap:12px;margin-top:12px}
}
@media(min-width:900px) and (max-width:1279px){
  .shop-collection__grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:479px){
  .shop-hero{min-height:320px;padding-inline:20px}
  .shop-collection__grid{gap:16px}
  .shop-page .pd-card-shop-link{width:110px}
}