/* PRICEHACK_RECOMMENDATION_BUTTON_CANONICAL_V24_1
   One CTA presentation for both PRODUCT and COUPON recommendation cards.
   Same typography tokens as the public Yandex promo action; responsive sizing
   applies only inside the recommendations container. No landing cards changed.
*/
.ph-rec-v24 .offer-grid.ph-rec-product-grid-v24{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;width:100%!important;max-width:100%!important;align-items:stretch!important}
.ph-rec-v24 .ph-rec-product-grid-v24>.ph-rec-item-v24{min-width:0!important;max-width:100%!important;display:flex!important;flex-direction:column!important}
.ph-rec-v24 .ph-rec-product-grid-v24 .offer-card{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;flex:1 1 auto!important}
.ph-rec-v24 .ph-rec-coupon-grid-v24{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;align-items:stretch!important;width:100%!important;min-width:0!important}
.ph-rec-v24 .ph-rec-coupon-grid-v24>.ph-rec-item-v24{min-width:0!important;max-width:100%!important}
.ph-rec-v24 .ph-rec-coupon-grid-v24 .coupon{max-width:100%!important;width:100%!important;min-width:0!important}
.ph-rec-v24.ph-rec-no-published .offer-date-line>span:first-child,
.ph-rec-v24.ph-rec-no-published .dates>.cpa-date-published{display:none!important}
.ph-rec-v24 .offer-date-line,.ph-rec-v24 .coupon .dates{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:5px!important;flex-wrap:wrap!important;min-width:0!important;padding-top:3px!important;border-top:0!important;box-shadow:none!important;overflow:visible!important}
.ph-rec-v24 .valid-until,.ph-rec-v24 .coupon .dates .valid-until{display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;max-width:100%!important;width:fit-content!important;min-width:0!important;margin:0!important;padding:3px 5px!important;border-radius:6px!important;white-space:normal!important;overflow:visible!important;overflow-wrap:normal!important;line-height:1.25!important;font-size:9px!important}
.ph-rec-v24 .coupon .dates .valid-until{gap:4px!important}

/* PRICEHACK_REC_CONTROLS_V24_5: layout ONLY; global button visual remains canonical */
.ph-rec-v24 .offer-actions, .ph-rec-v24 .coupon .offer-actions {
  display:flex!important;align-items:center!important;min-width:0!important;
  width:100%!important;max-width:100%!important;box-sizing:border-box!important;
  justify-content:var(--ph-rec-justify,flex-end)!important;gap:6px!important;
}
.ph-rec-v24 .offer-actions>.promo-action.card-promo,
.ph-rec-v24 .offer-actions>.card-promo {
  box-sizing:border-box!important;flex:0 1 auto!important;min-width:0!important;
  max-width:100%!important;width:fit-content!important;margin:0!important;
}
.ph-rec-v24[data-rec-width="compact"] .offer-actions>.promo-action.card-promo,
.ph-rec-v24[data-rec-width="compact"] .offer-actions>.card-promo {max-width:min(100%,180px)!important}
.ph-rec-v24[data-rec-width="stretch"] .offer-actions>.promo-action.card-promo,
.ph-rec-v24[data-rec-width="stretch"] .offer-actions>.card-promo {width:100%!important;flex:1 1 auto!important}
.ph-rec-v24 .offer-actions .card-promo-copy{min-width:0!important;max-width:100%!important}
.ph-rec-v24 .offer-actions .card-promo-copy .promo-label{
  display:block!important;white-space:normal!important;overflow:visible!important;
  overflow-wrap:normal!important;text-overflow:clip!important;
  font-size:var(--promo-badge-text-size,10px)!important;
}
.ph-rec-v24 .offer-actions .card-promo-copy::before,
.ph-rec-v24 .offer-actions .card-promo-copy::after{content:none!important}
.ph-rec-v24 .offer-actions .promo-cut{flex-shrink:0!important}
.ph-rec-v24 .coupon .offer-actions .code.cpa-row-code-v81{display:none!important}
/* Rating visibility follows explicit product/coupon & device controls */
.ph-rec-v24 .offer-actions .thermometer-rating{display:none!important}
.ph-rec-v24[data-rec-rating="1"] .offer-actions .thermometer-rating{
  display:inline-flex!important;position:static!important;flex:0 0 auto!important;
  width:auto!important;min-width:0!important;max-width:90px!important;
  margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;
  background:transparent!important;
}
.ph-rec-v24 .ph-rec-coupon-grid-v24 .coupon .picture{position:relative!important;overflow:hidden!important;min-width:0!important}
.ph-rec-v24 .ph-rec-coupon-grid-v24 .coupon .picture img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}
.ph-rec-v24 .ph-rec-coupon-grid-v24 .coupon .pills .pill{position:static!important}
.ph-rec-v24 .ph-rec-coupon-grid-v24 .coupon .dates .valid-until{
  display:inline-flex!important;align-items:center!important;gap:4px!important;
  background:var(--green-soft,#e9f8ef)!important;padding:3px 5px!important;
  white-space:normal!important;max-width:100%!important;box-sizing:border-box!important;
}
@media(max-width:760px){
 .ph-rec-v24{--ph-rec-justify:var(--ph-rec-mobile-justify,flex-end)!important}
 .ph-rec-v24[data-rec-width-mobile="compact"] .offer-actions>.promo-action.card-promo,
 .ph-rec-v24[data-rec-width-mobile="compact"] .offer-actions>.card-promo{max-width:min(100%,180px)!important;width:fit-content!important;flex:0 1 auto!important}
 .ph-rec-v24[data-rec-width-mobile="stretch"] .offer-actions>.promo-action.card-promo,
 .ph-rec-v24[data-rec-width-mobile="stretch"] .offer-actions>.card-promo{width:100%!important;flex:1 1 auto!important}
 .ph-rec-v24[data-rec-width-mobile="auto"] .offer-actions>.promo-action.card-promo,
 .ph-rec-v24[data-rec-width-mobile="auto"] .offer-actions>.card-promo{width:fit-content!important;flex:0 1 auto!important}
 .ph-rec-v24 .offer-actions .thermometer-rating{display:none!important}
 .ph-rec-v24[data-rec-rating-mobile="1"] .offer-actions .thermometer-rating{display:inline-flex!important}
}