/* SELL-1422 Always Near: product-only styles (linked after the shared css via product.config.mjs `css`). */

/* block QA fix (2026-09-29): advertorial intro card, mobile. Same defect and fix as Our Family / Snapshot / Coin (a6):
   the shared 375 frame expects a narrow person cut-out on the right; with the full photo it showed as a clipped strip
   beside squeezed bullets, with the packshot hanging over the card edge. Stack it: bullets, band, then the photo. */
@media (max-width:640px){
  .ps5-intro{display:flex;flex-direction:column;height:auto;min-height:0}
  .ps5-intro .bul{order:1}
  .ps5-intro .b:nth-of-type(1),.ps5-intro .b:nth-of-type(2),.ps5-intro .b:nth-of-type(3){width:auto}
  .ps5-intro .band{order:2;position:relative;top:auto;right:auto;bottom:auto;left:auto;height:auto;padding:20px}
  .ps5-intro .band .txt{position:static}
  .ps5-intro .pic{order:3;position:relative;top:auto;right:auto;bottom:auto;left:auto;width:100%;height:320px}
  .ps5-intro .pic .person{left:0;width:100%;object-position:50% 40%}
  .ps5-intro .pack{display:none} /* the photo already shows the same ornament up close */
}

/* SELL-1422 client feedback (Tereza, 30 Sep): the ornament is round with angel wings, not a heart.
   Preview = the photo clipped to the round disc, with the wings + cap frame (img/wings-frame.png, disc cut out) laid on top. */
.heart--wings{-webkit-mask:none;mask:none;background:none;overflow:visible;width:96px;height:89px;padding-bottom:22px}
.heart--wings::before{content:"";position:absolute;left:20%;top:19.4%;width:57.5%;height:61.7%;border-radius:50%;background:var(--color-border-default)}
.heart--wings::after{content:"";position:absolute;inset:0;background:url(../../images/an/wings-frame.png) center/100% 100% no-repeat;z-index:1;pointer-events:none}
.heart--wings img{inset:auto;left:19.5%;top:18.9%;width:58.5%;height:62.7%;border-radius:50%}
.heart--wings .l{z-index:2;max-width:46%}
.heart--wings.empty{justify-content:flex-end;color:var(--color-text-secondary)}
.heart--wings.empty .l{text-shadow:none}
.heart--wings.heart--lg{width:280px;height:261px;padding-bottom:62px}
.heart--wings.heart--lg .l0{font-size:19px}.heart--wings.heart--lg .l1{font-size:18px}.heart--wings.heart--lg .l2{font-size:13px}
.heart--wings.heart--lg.empty{padding-bottom:110px}
.heart--wings.heart--sm{width:64px;height:60px;padding:0}
.heart--wings.heart--xs{width:43px;height:40px;padding:0}
.heart--wings.heart--sm .l,.heart--wings.heart--xs .l{display:none}
@media (max-width:640px){
  .heart--wings.heart--lg{width:220px;height:205px;padding-bottom:48px}
  .heart--wings.heart--lg .l0,.heart--wings.heart--lg .l1{font-size:14px}.heart--wings.heart--lg .l2{font-size:11px}
  .heart--wings.heart--lg.empty{padding-bottom:88px}
}