/* 6.14.19 pre-launch fixes (Designer report Nov 12). Loaded after fix6180. */

/* 1. Related products: 4:3 photo box, contain, optional 1.12 zoom (skipped for tightly framed photos) */
html body.dtc-c .pdp-suggest-block .card-figure:not(#a):not(#b){
  aspect-ratio:4/3!important;width:100%!important;height:auto!important;padding:0!important;margin:0!important;
  box-sizing:border-box!important;overflow:hidden!important;background:#fff!important;position:relative!important}
html body.dtc-c .pdp-suggest-block .card-figure>a:not(#a),
html body.dtc-c .pdp-suggest-block .card-img-container:not(#a){
  position:absolute!important;inset:0;width:100%!important;height:100%!important;padding:0!important;margin:0!important;max-width:none!important}
html body.dtc-c .pdp-suggest-block .card-figure img.card-image:not(#a){
  width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;object-position:50% 50%!important}
html body.dtc-c .pdp-suggest-block .card.c6190-zoom .card-figure img.card-image:not(#a){
  transform:scale(1.12)!important;transform-origin:50% 85%!important}
/* equal-height cards, 2-line title, price pinned to the bottom */
html body.dtc-c .pdp-suggest-block .slick-track:not(#a){display:flex!important;align-items:stretch!important}
html body.dtc-c .pdp-suggest-block .slick-slide:not(#a){height:auto!important;float:none!important}
html body.dtc-c .pdp-suggest-block .slick-slide>div,
html body.dtc-c .pdp-suggest-block li.product{height:100%}
html body.dtc-c .pdp-suggest-block .card:not(#a){display:flex!important;flex-direction:column!important;height:100%!important;min-height:0!important;box-sizing:border-box!important}
html body.dtc-c .pdp-suggest-block .card .card-body:not(#a){padding:12px 14px 14px!important;display:flex!important;flex-direction:column!important;flex:1 1 auto!important}
html body.dtc-c .pdp-suggest-block .card-title:not(#a){display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important;min-height:2.8em;margin-bottom:8px!important}
html body.dtc-c .pdp-suggest-block .card-body .card-price,
html body.dtc-c .pdp-suggest-block .card-body .price-section:last-child{margin-top:auto!important}

/* Pairs well with: same 4:3 box */
html body.dtc-c .cbp .cbp-w:not(#a){aspect-ratio:4/3!important;width:100%!important;height:auto!important}
html body.dtc-c .cbp .cbp-w img:not(#a){width:100%!important;height:100%!important;object-fit:contain!important}

/* 2. Card play buttons: 44x44 tap targets */
html body.dtc-c .c9p-play:not(#a):not(#b),
html body.dtc-c .h5lc-play:not(#a):not(#b){flex:0 0 44px!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}

/* 3. Phone secondary text >= 14px */
@media (max-width:600px){
  html body.dtc-c .pdp-c-sku:not(#a):not(#b),
  html body.dtc-c .dtc-muted:not(#a):not(#b){font-size:14px!important;line-height:1.45!important}
  html body.dtc-c .c28-affirm[data-c6180="1"] .c6180-line:not(#a):not(#b){font-size:14px!important;line-height:20px!important}
}

/* 4. Pairs well with heading lines up with the cards (arrow gutter = 40px nav + 8px gap) */
@media (min-width:992px){
  html body.dtc-c .cbp .cbp-hd:not(#a){padding-left:48px;padding-right:48px;box-sizing:border-box}
}

/* 5. Hear before you buy: never a blank photo; one photo frame for listen cards and Best Sellers */
html body.dtc-c .h5lc-photo:not(#a){background:#F7F2EA!important;border:1px solid #ECE5EE!important;border-radius:8px!important}
html body.dtc-c .h5lc-photo img:not(#a){background:#fff}
html body.dtc-c .h5-best .card-figure:not(#a):not(#b){border:1px solid #ECE5EE!important;border-radius:8px!important;overflow:hidden!important}

/* 6. FAQ phone side padding */
@media (max-width:520px){
  html body.dtc-c #pdp-faq:not(#a):not(#b){padding-left:16px!important;padding-right:16px!important;box-sizing:border-box!important}
}