/* Only product views use these additions; existing purchase widgets keep their logic. */
.pd-visual-shell{--pd-discovery-top:90px;position:relative;max-width:1840px;margin:24px auto 0;padding:0 24px;box-sizing:border-box}
.pd-visual-shell>.pd-sale{min-width:0;margin-top:0;width:100%;box-sizing:border-box}
.pd-product-discovery{min-width:0;align-self:start}
.pd-product-discovery[hidden]{display:none!important}
.pd-discovery-heading{font-size:.8rem!important;margin:0 0 12px;font-weight:600;letter-spacing:.02em;color:var(--pd-ink)}
.pd-discovery-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.pd-discovery-item{display:block;min-width:0;color:var(--pd-ink);text-decoration:none;background:white;border:1px solid #dce5ed;border-radius:10px;overflow:hidden}
.pd-discovery-item img{display:block;width:100%;height:160px;object-fit:contain;background:#f8fafc}
.pd-discovery-item span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:.78rem!important;line-height:1.4;margin:8px 10px;padding:0}
.pd-discovery-item:focus-visible{outline:3px solid var(--pd-button);outline-offset:3px}
.pd-product-marketing{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-self:start;max-width:1200px;margin:24px auto}
.pd-marketing-image img{display:block;width:100%;height:auto;border-radius:10px}
.pd-marketing-image a{display:block}
.pd-marketing-image a:focus-visible{outline:3px solid var(--pd-button);outline-offset:4px;border-radius:10px}
.pd-variant-image{display:none}
@media(min-width:1280px){
  .pd-visual-shell .pd-discovery-heading{line-height:16px!important;margin-bottom:12px}
  .pd-visual-shell .pd-product-discovery{padding-top:max(0px,calc(var(--pd-purchase-offset,28px) - 28px))}
  .pd-visual-shell .pd-product-marketing{margin-top:var(--pd-purchase-offset,28px)}
  .pd-visual-shell .pd-gallery .thumbs{padding-top:0}
  .pd-visual-shell{display:grid;grid-template-columns:minmax(130px,190px) minmax(0,1200px) minmax(150px,220px);gap:26px;align-items:start;justify-content:center}
  .pd-visual-shell>.pd-sale{grid-column:2;grid-row:1;padding-left:0;padding-right:0}
  .pd-product-discovery{grid-column:1;grid-row:1;position:sticky;top:calc(var(--pd-discovery-top) + 12px)}
  .pd-discovery-items{grid-template-columns:1fr;gap:20px}
  .pd-product-marketing{grid-column:3;grid-row:1;grid-template-columns:1fr;margin-bottom:0;position:sticky;top:calc(var(--pd-discovery-top) + 12px);gap:24px}
  .pd-visual-shell:not(.has-discovery):not(.has-marketing){display:block;max-width:1248px}
}
/* Wide screens: use the available width for legible, uncropped campaign posters. */
@media(min-width:1600px){
  .pd-visual-shell{max-width:1920px;padding:0 32px;grid-template-columns:190px minmax(0,1fr) clamp(260px,16vw,320px);gap:24px}
  .pd-visual-shell>.pd-sale{max-width:none}
  .pd-product-marketing{width:100%;max-width:none}
}
@media(min-width:761px) and (max-width:1279px){
  .pd-product-discovery{max-width:1200px;margin:0 auto 20px}
  .pd-discovery-item{display:grid;grid-template-columns:90px minmax(0,1fr);align-items:center}
  .pd-discovery-item img{height:92px}
  .pd-discovery-item span{-webkit-line-clamp:3}
  .pd-product-marketing img{max-height:280px;object-fit:contain}
}
@media(max-width:760px){
  .pd-visual-shell{padding:0;margin-top:0}
  .pd-product-marketing{display:none}
  .pd-product-discovery{position:fixed;z-index:110;top:var(--pd-discovery-top);left:12px;right:12px;padding:8px 10px;border:1px solid #dce5ed;border-radius:0 0 12px 12px;background:rgb(248 251 255 / .98);box-shadow:0 5px 16px #122a4418;visibility:hidden;pointer-events:none}
  .pd-product-discovery.is-scrolled{visibility:visible;pointer-events:auto}
  .pd-discovery-heading{font-size:11px!important;line-height:1.2;margin:0 0 5px;text-align:center}
  .pd-discovery-items{gap:10px;max-width:330px;margin:auto}
  .pd-discovery-item{border-radius:6px}
  .pd-discovery-item img{height:60px;background:white}
  .pd-discovery-item span{display:none}
  .pd-orientation-active .pd-product-discovery,.pd-upsell-open .pd-product-discovery,.vy-cc-open .pd-product-discovery{visibility:hidden;pointer-events:none}
  .pd-sale .colors .c.pd-variant-photo{position:relative;width:56px;min-width:56px;height:66px;padding:3px;border:1px solid #bdc8d3;border-radius:7px;background:var(--swatch,#d6dee6)!important;box-shadow:none}
  .pd-sale .colors .c.pd-variant-photo:before{display:none!important}
  .pd-sale .colors .c.pd-variant-photo .pd-variant-image{display:block;width:100%;height:100%;object-fit:contain;border-radius:3px;background:white}
  .pd-sale .colors .c.pd-variant-photo span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;padding:0}
  .pd-sale .colors .c.pd-variant-photo.active{outline:2px solid var(--pd-button);outline-offset:3px}
  .pd-sale .colors .c.pd-variant-photo.active:after{content:'✓';position:absolute;right:-5px;bottom:-5px;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:var(--pd-button);color:var(--pd-on-button);font:12px sans-serif}
}

/* Same marketing and related-product information at every viewport size. */
@media(max-width:760px){.pd-product-marketing{display:grid;position:static;grid-template-columns:1fr;margin:20px 12px}.pd-product-discovery{position:static;visibility:visible;pointer-events:auto;margin:18px 12px;box-shadow:none}.pd-discovery-items{max-width:none;grid-template-columns:repeat(3,minmax(0,1fr))}.pd-discovery-item span{display:block;font-size:12px;line-height:1.4;overflow-wrap:anywhere}.pd-discovery-item img{height:100px}.pd-visual-shell{display:flex;flex-direction:column}.pd-visual-shell>.pd-sale{order:0;width:100%}.pd-product-discovery{order:1}.pd-product-marketing{order:2}}
.pd-variant-photo .pd-variant-image{display:block;width:48px;height:56px;object-fit:contain}
