/* PRICEHACK_CPA_SINGLE_UI_V22_6
   One last-loaded control style for CMS, standalone preview and editor iframe.
   Public Yandex site.css already has a frameless thermometer; match it here.
   Promo button has the same yellow, 10px rounded ends and tear-off arrow.
   Only closed CPA preview. No changes to the public site.
*/
:is(.ph-cpa-embed,.ph-cpa-standalone) .coupon .offer-actions.cpa-row-v81 {
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  flex-wrap:nowrap!important;box-sizing:border-box!important;
  gap:8px!important;width:100%!important;min-width:0!important;max-width:100%!important;
}
/* Rating: frameless like the final public Yandex rule in site.css. */
:is(.ph-cpa-embed,.ph-cpa-standalone) :is(.coupon,.cpa-preview-product-v13) .thermometer-rating {
  box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;
  justify-content:space-between!important;flex:0 0 82px!important;
  width:82px!important;min-width:82px!important;height:36px!important;min-height:0!important;
  gap:1px!important;padding:0!important;margin:0!important;
  border:0!important;outline:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;overflow:visible!important;
}
:is(.ph-cpa-embed,.ph-cpa-standalone) :is(.coupon,.cpa-preview-product-v13) .thermometer-rating .vote-btn {
  border:0!important;background:transparent!important;box-shadow:none!important;
  width:25px!important;min-width:25px!important;flex:0 0 25px!important;
  height:32px!important;padding:0!important;display:grid!important;place-items:center!important;
  transition:transform .16s ease!important;
}
:is(.ph-cpa-embed,.ph-cpa-standalone) :is(.coupon,.cpa-preview-product-v13) .thermometer-rating .vote-btn:hover {
  border:0!important;background:transparent!important;transform:scale(1.12)!important;
}
:is(.ph-cpa-embed,.ph-cpa-standalone) :is(.coupon,.cpa-preview-product-v13) .thermometer-rating .vote-arrow {
  font-size:19px!important;font-weight:900!important;line-height:1!important;
}
:is(.ph-cpa-embed,.ph-cpa-standalone) :is(.coupon,.cpa-preview-product-v13) .thermometer-rating .rating-display {
  position:relative!important;top:2px!important;display:inline-flex!important;
  align-items:baseline!important;justify-content:center!important;gap:0!important;
  background:transparent!important;box-shadow:none!important;border:0!important;
  padding:0!important;margin:0!important;
}
:is(.ph-cpa-embed,.ph-cpa-standalone) :is(.coupon,.cpa-preview-product-v13) .thermometer-rating .rating-score {
  font-size:12px!important;font-weight:900!important;color:#ff513f!important;
}
:is(.ph-cpa-embed,.ph-cpa-standalone) :is(.coupon,.cpa-preview-product-v13) .thermometer-rating .rating-degree {
  font-size:9px!important;font-weight:900!important;color:#ff513f!important;
}
:is(.ph-cpa-embed,.ph-cpa-standalone) :is(.coupon,.cpa-preview-product-v13) .thermometer-rating .rating-display.negative :is(.rating-score,.rating-degree) {
  color:#2384ff!important;
}
/* Common promo ticket silhouette. Background lives on the two rounded
   segments so the cutout circles remain visible without squared-off ends. */
:is(.ph-cpa-embed,.ph-cpa-standalone) :is(.coupon,.cpa-preview-product-v13) .offer-actions .promo-action.card-promo {
  box-sizing:border-box!important;display:inline-flex!important;align-items:stretch!important;
  flex:0 0 auto!important;width:max-content!important;min-width:max-content!important;
  max-width:none!important;height:40px!important;min-height:40px!important;
  margin:0 0 0 auto!important;padding:0!important;
  position:relative!important;left:auto!important;right:auto!important;
  border:0!important;border-radius:10px!important;
  background:transparent!important;box-shadow:none!important;
  overflow:visible!important;white-space:nowrap!important;
  transform:none;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease!important;
}
:is(.ph-cpa-embed,.ph-cpa-standalone) :is(.coupon,.cpa-preview-product-v13) .offer-actions .promo-action.card-promo:hover {
  transform:translateY(-2px)!important;filter:brightness(1.025)!important;
  box-shadow:0 7px 14px rgba(255,195,0,.2)!important;
}
:is(.ph-cpa-embed,.ph-cpa-standalone) :is(.coupon,.cpa-preview-product-v13) .offer-actions .promo-action.card-promo .card-promo-copy {
  box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;
  justify-content:center!important;flex:0 0 auto!important;
  width:max-content!important;min-width:max-content!important;max-width:none!important;
  padding:0 11px!important;margin:0!important;
  border-radius:10px 0 0 10px!important;
  background:var(--yellow,#ffc900)!important;color:#111!important;
  overflow:visible!important;white-space:nowrap!important;
}
:is(.ph-cpa-embed,.ph-cpa-standalone) :is(.coupon,.cpa-preview-product-v13) .offer-actions .promo-action.card-promo .promo-label {
  display:inline!important;flex:0 0 auto!important;
  width:auto!important;min-width:max-content!important;max-width:none!important;
  font-family:var(--font-accent,var(--font-body,"TT Interphases Pro",Arial,sans-serif))!important;
  font-size:var(--promo-badge-text-size,10px)!important;font-weight:780!important;
  line-height:1!important;color:#111!important;
  overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;
}
:is(.ph-cpa-embed,.ph-cpa-standalone) :is(.coupon,.cpa-preview-product-v13) .offer-actions .promo-action.card-promo .promo-cut {
  box-sizing:border-box!important;display:grid!important;place-items:center!important;
  flex:0 0 34px!important;width:34px!important;min-width:34px!important;
  height:100%!important;position:relative!important;
  border:0!important;border-left:1px dashed #111!important;
  border-radius:0 10px 10px 0!important;
  background:var(--yellow,#ffc900)!important;color:#111!important;
  font-size:14px!important;padding:0!important;margin:0!important;
}
:is(.ph-cpa-embed,.ph-cpa-standalone) :is(.coupon,.cpa-preview-product-v13) .offer-actions .promo-action.card-promo .promo-cut:before,
:is(.ph-cpa-embed,.ph-cpa-standalone) :is(.coupon,.cpa-preview-product-v13) .offer-actions .promo-action.card-promo .promo-cut:after {
  content:""!important;position:absolute!important;left:-5px!important;
  width:9px!important;height:9px!important;border:0!important;border-radius:50%!important;
  background:#fff!important;z-index:2!important;
}
:is(.ph-cpa-embed,.ph-cpa-standalone) :is(.coupon,.cpa-preview-product-v13) .offer-actions .promo-cut:before {top:-5px!important;}
:is(.ph-cpa-embed,.ph-cpa-standalone) :is(.coupon,.cpa-preview-product-v13) .offer-actions .promo-cut:after {bottom:-5px!important;}
/* No horizontal separator above Published / Valid until. */
:is(.ph-cpa-embed,.ph-cpa-standalone) .coupon .dates {
  border-top:0!important;border-bottom:0!important;box-shadow:none!important;
}
/* Promo code is shown only for the COUPON visual type. */
:is(.ph-cpa-embed,.ph-cpa-standalone) .coupon .offer-actions .code.cpa-row-code-v81 {
  flex:0 0 auto!important;width:max-content!important;min-width:0!important;
  margin:0!important;white-space:nowrap!important;
}
@media(max-width:600px){
  /* Preserve the compact grid from v22.3 while ensuring no right-side overflow. */
  :is(.ph-cpa-embed,.ph-cpa-standalone) .coupon {
    position:relative!important;grid-template-columns:88px minmax(0,1fr)!important;
    overflow:hidden!important;
  }
  :is(.ph-cpa-embed,.ph-cpa-standalone) .coupon::before {
    content:""!important;position:absolute!important;display:block!important;
    top:0!important;bottom:0!important;left:88px!important;
    width:0!important;border-left:1px dashed #d8dfe8!important;
    pointer-events:none!important;z-index:2!important;
  }
  :is(.ph-cpa-embed,.ph-cpa-standalone) .coupon .picture {border-right:0!important;}
  :is(.ph-cpa-embed,.ph-cpa-standalone) .coupon .offer-actions.cpa-row-v81 {
    box-sizing:border-box!important;position:static!important;
    grid-column:1/-1!important;grid-row:5!important;
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    flex-wrap:nowrap!important;width:100%!important;min-width:0!important;max-width:100%!important;
    gap:6px!important;margin:0!important;padding:6px 9px!important;overflow:visible!important;
  }
  :is(.ph-cpa-embed,.ph-cpa-standalone) .coupon .offer-actions .thermometer-rating {
    position:absolute!important;top:9px!important;right:9px!important;left:auto!important;bottom:auto!important;
    z-index:4!important;flex:0 0 79px!important;
    width:79px!important;min-width:79px!important;height:28px!important;
    margin:0!important;padding:0!important;
    border:0!important;outline:0!important;background:transparent!important;
    box-shadow:none!important;border-radius:0!important;
  }
  :is(.ph-cpa-embed,.ph-cpa-standalone) .coupon .offer-actions .code.cpa-row-code-v81 {
    box-sizing:border-box!important;flex:0 1 auto!important;min-width:0!important;
    max-width:100%!important;height:34px!important;min-height:34px!important;
    padding:0 8px!important;margin:0!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
    font-size:10px!important;
  }
  :is(.ph-cpa-embed,.ph-cpa-standalone) .coupon .offer-actions .promo-action.card-promo {
    flex:0 0 auto!important;width:max-content!important;min-width:max-content!important;
    max-width:100%!important;height:34px!important;min-height:34px!important;
    margin:0 0 0 auto!important;padding:0!important;
    border:0!important;border-radius:10px!important;background:transparent!important;
    overflow:visible!important;
  }
  :is(.ph-cpa-embed,.ph-cpa-standalone) .coupon .offer-actions .promo-action.card-promo .card-promo-copy {
    padding:0 9px!important;border-radius:10px 0 0 10px!important;
  }
  :is(.ph-cpa-embed,.ph-cpa-standalone) .coupon .offer-actions .promo-action.card-promo .promo-cut {
    flex:0 0 29px!important;width:29px!important;min-width:29px!important;
    border-radius:0 10px 10px 0!important;
  }
  :is(.ph-cpa-embed,.ph-cpa-standalone) .coupon .dates {
    box-sizing:border-box!important;display:flex!important;
    grid-column:1/-1!important;grid-row:6!important;
    flex-wrap:nowrap!important;justify-content:space-between!important;align-items:center!important;
    width:100%!important;min-width:0!important;gap:4px!important;
    margin:0!important;padding:6px 9px 7px!important;
    white-space:nowrap!important;overflow:visible!important;
    border-top:0!important;border-bottom:0!important;
  }
}

/* PRICEHACK_CPA_COUPON_LAYOUT_V22_7
   Correct the real .coupon grid, after v22.6; no approximate selectors.
   Same file for CPA CMS, standalone and iframe design preview.
*/
/* 1. Desktop: equal free space around code, button at right. */
:is(.ph-cpa-embed,.ph-cpa-standalone) .coupon .offer-actions.cpa-row-v81 {
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  gap:8px!important;min-width:0!important;box-sizing:border-box!important;
}
:is(.ph-cpa-embed,.ph-cpa-standalone) .coupon .offer-actions .code.cpa-row-code-v81 {
  margin-left:auto!important;margin-right:auto!important;flex:0 0 auto!important;
}
:is(.ph-cpa-embed,.ph-cpa-standalone) .coupon .offer-actions .promo-action.card-promo {
  margin-left:0!important;margin-right:0!important;flex:0 0 auto!important;
}
/* 2. Rating: v22.3 left an SVG background under the visible arrow glyph.
   Remove the double rendering and preserve original frameless thermometer. */
:is(.ph-cpa-embed,.ph-cpa-standalone) :is(.coupon,.cpa-preview-product-v13) .thermometer-rating {
  background:transparent!important;border:0!important;outline:0!important;
  box-shadow:none!important;border-radius:0!important;padding:0!important;
}
:is(.ph-cpa-embed,.ph-cpa-standalone) :is(.coupon,.cpa-preview-product-v13) .thermometer-rating .vote-arrow {
  display:inline-block!important;font-size:19px!important;font-weight:900!important;
  line-height:1!important;width:auto!important;height:auto!important;
  background:none!important;background-image:none!important;filter:none!important;
  transition:transform .16s ease!important;
}
:is(.ph-cpa-embed,.ph-cpa-standalone) :is(.coupon,.cpa-preview-product-v13) .thermometer-rating .vote-arrow::before,
:is(.ph-cpa-embed,.ph-cpa-standalone) :is(.coupon,.cpa-preview-product-v13) .thermometer-rating .vote-arrow::after {
  content:none!important;display:none!important;
}
:is(.ph-cpa-embed,.ph-cpa-standalone) :is(.coupon,.cpa-preview-product-v13) .thermometer-rating .vote-btn {
  border:0!important;box-shadow:none!important;background:transparent!important;
}
:is(.ph-cpa-embed,.ph-cpa-standalone) :is(.coupon,.cpa-preview-product-v13) .thermometer-rating .rating-display {
  transform:none!important;filter:none!important;background:none!important;
  border:0!important;box-shadow:none!important;
}
:is(.ph-cpa-embed,.ph-cpa-standalone) :is(.coupon,.cpa-preview-product-v13) .thermometer-rating .rating-display:hover {
  transform:scale(1.1)!important;
}
/* 3. Mobile: the layout uses display:contents on .details. Therefore its
   children are GRID ITEMS of .coupon. The old grid-column:1/-1 on actions
   and dates pushed them under the image. Explicitly place them in column 2. */
@media(max-width:600px) {
  :is(.ph-cpa-embed,.ph-cpa-standalone) .coupon {
    display:grid!important;grid-template-columns:74px minmax(0,1fr)!important;
    grid-template-rows:repeat(4,auto) auto auto!important;
    align-items:start!important;overflow:hidden!important;
  }
  :is(.ph-cpa-embed,.ph-cpa-standalone) .coupon::before {
    content:none!important;display:none!important;
  }
  :is(.ph-cpa-embed,.ph-cpa-standalone) .coupon .details {
    display:contents!important;
  }
  :is(.ph-cpa-embed,.ph-cpa-standalone) .coupon .picture {
    grid-column:1!important;grid-row:1 / 7!important;align-self:stretch!important;
    box-sizing:border-box!important;width:100%!important;height:100%!important;
    min-height:0!important;border-right:1px dashed #d8dfe8!important;
    background:#fff!important;overflow:hidden!important;
  }
  :is(.ph-cpa-embed,.ph-cpa-standalone) .coupon .picture img {
    object-fit:contain!important;object-position:center!important;
    width:calc(100% - 8px)!important;height:calc(100% - 8px)!important;
    top:4px!important;left:4px!important;padding:0!important;
  }
  :is(.ph-cpa-embed,.ph-cpa-standalone) .coupon .offer-actions.cpa-row-v81 {
    grid-column:2!important;grid-row:5!important;
    width:100%!important;min-width:0!important;max-width:100%!important;
    gap:5px!important;padding:5px 7px 3px!important;margin:0!important;
    display:flex!important;align-items:center!important;justify-content:flex-start!important;
    flex-wrap:nowrap!important;overflow:visible!important;
  }
  :is(.ph-cpa-embed,.ph-cpa-standalone) .coupon .offer-actions .thermometer-rating {
    position:absolute!important;top:8px!important;right:8px!important;
    margin:0!important;z-index:4!important;
    width:78px!important;min-width:78px!important;height:28px!important;
  }
  :is(.ph-cpa-embed,.ph-cpa-standalone) .coupon .offer-actions .code.cpa-row-code-v81 {
    box-sizing:border-box!important;flex:0 1 auto!important;
    width:max-content!important;max-width:100%!important;min-width:0!important;
    margin:0!important;height:34px!important;min-height:34px!important;
    padding:0 7px!important;font-size:10px!important;
    text-overflow:clip!important;white-space:nowrap!important;
  }
  :is(.ph-cpa-embed,.ph-cpa-standalone) .coupon .offer-actions .promo-action.card-promo {
    box-sizing:border-box!important;flex:0 0 auto!important;width:max-content!important;
    min-width:max-content!important;max-width:none!important;
    margin:0 0 0 auto!important;height:34px!important;min-height:34px!important;
    overflow:visible!important;border-radius:10px!important;
  }
  :is(.ph-cpa-embed,.ph-cpa-standalone) .coupon .offer-actions .card-promo-copy {
    width:max-content!important;min-width:max-content!important;max-width:none!important;
    padding:0 7px!important;overflow:visible!important;
  }
  :is(.ph-cpa-embed,.ph-cpa-standalone) .coupon .offer-actions .promo-label {
    font-size:min(var(--promo-badge-text-size,10px),10px)!important;
    white-space:nowrap!important;text-overflow:clip!important;overflow:visible!important;
  }
  :is(.ph-cpa-embed,.ph-cpa-standalone) .coupon .offer-actions .promo-cut {
    flex:0 0 25px!important;width:25px!important;min-width:25px!important;
  }
  :is(.ph-cpa-embed,.ph-cpa-standalone) .coupon .dates {
    box-sizing:border-box!important;grid-column:2!important;grid-row:6!important;
    width:100%!important;min-width:0!important;margin:0!important;
    padding:4px 7px 7px!important;gap:4px!important;
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    flex-wrap:nowrap!important;white-space:nowrap!important;
    border:0!important;box-shadow:none!important;overflow:visible!important;
  }
  :is(.ph-cpa-embed,.ph-cpa-standalone) .coupon .dates .cpa-date-published,
  :is(.ph-cpa-embed,.ph-cpa-standalone) .coupon .dates .valid-until {
    flex:0 0 auto!important;white-space:nowrap!important;font-size:8.5px!important;
  }
  :is(.ph-cpa-embed,.ph-cpa-standalone) .coupon .dates .valid-until {
    padding:3px 4px!important;gap:3px!important;
  }
}
@media(max-width:380px) {
  :is(.ph-cpa-embed,.ph-cpa-standalone) .coupon {
    grid-template-columns:60px minmax(0,1fr)!important;
  }
  :is(.ph-cpa-embed,.ph-cpa-standalone) .coupon .offer-actions .promo-label {
    font-size:9px!important;
  }
  :is(.ph-cpa-embed,.ph-cpa-standalone) .coupon .dates .cpa-date-published,
  :is(.ph-cpa-embed,.ph-cpa-standalone) .coupon .dates .valid-until {
    font-size:8px!important;
  }
}

/* PRICEHACK_CPA_MOBILE_THUMB_V22_8
   One shared mobile coupon image rule for CMS, standalone and live editor.
   Desktop and PRODUCT cards are intentionally unaffected.
*/
@media (max-width: 600px) {
  :is(.ph-cpa-embed,.ph-cpa-standalone) .coupon::before,
  :is(.ph-cpa-embed,.ph-cpa-standalone) .coupon::after {
    content:none!important;
    display:none!important;
    border:0!important;
  }
  :is(.ph-cpa-embed,.ph-cpa-standalone) .coupon .picture {
    grid-column:1!important;
    grid-row:1 / 5!important;
    position:relative!important;
    justify-self:center!important;
    align-self:start!important;
    box-sizing:border-box!important;
    width:calc(100% - 10px)!important;
    height:74px!important;
    min-height:0!important;
    max-height:74px!important;
    margin:8px 0 0!important;
    background:#f5f6f8!important;
    border:0!important;
    border-radius:8px!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  :is(.ph-cpa-embed,.ph-cpa-standalone) .coupon .picture img {
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    padding:0!important;
    object-fit:contain!important;
    object-position:center center!important;
  }
}

/* PRICEHACK_CPA_MOBILE_FLOW_V22_9
   One canonical MOBILE coupon layout; all three admin previews share
   _cpa_visual_coupon_v15.html and this stylesheet.
   Desktop remains exactly as before.
*/
:is(.ph-cpa-embed,.ph-cpa-standalone) .coupon .cpa-mobile-image-v229 {
  display:none!important;
}
@media (max-width:600px) {
  /* Remove the left-column grid; entire coupon becomes the text canvas. */
  :is(.ph-cpa-embed,.ph-cpa-standalone) .coupon {
    display:block!important;
    grid-template-columns:none!important;
    grid-template-rows:none!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  :is(.ph-cpa-embed,.ph-cpa-standalone) .coupon::before,
  :is(.ph-cpa-embed,.ph-cpa-standalone) .coupon::after {
    content:none!important;display:none!important;
  }
  /* Original photo is desktop-only; it no longer reserves any mobile space. */
  :is(.ph-cpa-embed,.ph-cpa-standalone) .coupon > .picture {
    display:none!important;
    width:0!important;
    min-width:0!important;
    height:0!important;
    border:0!important;
  }
  :is(.ph-cpa-embed,.ph-cpa-standalone) .coupon > .details {
    display:flow-root!important;
    position:relative!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:10px!important;
    overflow:visible!important;
  }
  /* One clear top line: badges on left, existing rating on right. */
  :is(.ph-cpa-embed,.ph-cpa-standalone) .coupon .details > .pills {
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:4px!important;
    min-height:27px!important;
    width:auto!important;
    max-width:calc(100% - 95px)!important;
    margin:0 95px 6px 0!important;
    padding:0!important;
  }
  /* The image floats within the SAME text flow as merchant/title/description. */
  :is(.ph-cpa-embed,.ph-cpa-standalone) .coupon .details > .cpa-mobile-image-v229 {
    display:block!important;
    float:left!important;
    position:relative!important;
    box-sizing:border-box!important;
    width:104px!important;
    height:104px!important;
    min-width:104px!important;
    min-height:104px!important;
    max-height:104px!important;
    padding:4px!important;
    margin:0 12px 6px 0!important;
    border:0!important;
    border-radius:10px!important;
    background:#f5f6f8!important;
    box-shadow:none!important;
    overflow:hidden!important;
    shape-outside:margin-box;
  }
  :is(.ph-cpa-embed,.ph-cpa-standalone) .coupon .cpa-mobile-image-v229 img {
    display:block!important;
    position:static!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    padding:0!important;
    margin:0!important;
    object-fit:contain!important;
    object-position:center center!important;
  }
  :is(.ph-cpa-embed,.ph-cpa-standalone) .coupon .details > .merchant {
    display:block!important;
    width:auto!important;
    max-width:none!important;
    min-height:0!important;
    margin:0 0 3px!important;
    padding:0!important;
    float:none!important;
  }
  :is(.ph-cpa-embed,.ph-cpa-standalone) .coupon .details > .title {
    display:block!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    max-height:none!important;
    margin:0 0 4px!important;
    padding:0!important;
    overflow:visible!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
    -webkit-line-clamp:unset!important;
    line-clamp:unset!important;
    /* Preserve global title font-size/line-height (same as Yandex). */
  }
  :is(.ph-cpa-embed,.ph-cpa-standalone) .coupon .details > .descr {
    display:block!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    max-height:none!important;
    margin:0 0 7px!important;
    padding:0!important;
    overflow:visible!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
    -webkit-line-clamp:unset!important;
    line-clamp:unset!important;
    line-height:1.35!important;
  }
  /* These two rows now always start at the left padding, BELOW the image. */
  :is(.ph-cpa-embed,.ph-cpa-standalone) .coupon .details > .offer-actions.cpa-row-v81 {
    clear:both!important;
    display:flex!important;
    position:static!important;
    grid-column:auto!important;
    grid-row:auto!important;
    box-sizing:border-box!important;
    align-items:center!important;
    justify-content:space-between!important;
    flex-wrap:nowrap!important;
    gap:6px!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:34px!important;
    height:auto!important;
    padding:4px 0 0!important;
    margin:0!important;
    overflow:visible!important;
  }
  :is(.ph-cpa-embed,.ph-cpa-standalone) .coupon .offer-actions .thermometer-rating {
    position:absolute!important;
    top:7px!important;
    right:8px!important;
    z-index:3!important;
    margin:0!important;
  }
  :is(.ph-cpa-embed,.ph-cpa-standalone) .coupon .offer-actions .code.cpa-row-code-v81 {
    flex:0 1 auto!important;
    min-width:0!important;
    max-width:calc(100% - 168px)!important;
    margin:0!important;
  }
  :is(.ph-cpa-embed,.ph-cpa-standalone) .coupon .offer-actions .promo-action.card-promo {
    flex:0 0 auto!important;
    width:max-content!important;
    min-width:max-content!important;
    max-width:none!important;
    margin:0 0 0 auto!important;
  }
  :is(.ph-cpa-embed,.ph-cpa-standalone) .coupon .details > .dates {
    clear:both!important;
    display:flex!important;
    grid-column:auto!important;
    grid-row:auto!important;
    align-items:center!important;
    justify-content:space-between!important;
    flex-wrap:nowrap!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    padding:5px 0 0!important;
    margin:5px 0 0!important;
    gap:4px!important;
    border:0!important;
    border-top:0!important;
    box-shadow:none!important;
    overflow:visible!important;
    white-space:nowrap!important;
  }
  :is(.ph-cpa-embed,.ph-cpa-standalone) .coupon .dates .cpa-date-published,
  :is(.ph-cpa-embed,.ph-cpa-standalone) .coupon .dates .valid-until {
    flex:0 0 auto!important;
    font-size:9px!important;
    white-space:nowrap!important;
  }
}
@media (max-width:355px) {
  :is(.ph-cpa-embed,.ph-cpa-standalone) .coupon .details > .cpa-mobile-image-v229 {
    width:92px!important;height:92px!important;min-width:92px!important;min-height:92px!important;
    max-height:92px!important;margin-right:9px!important;
  }
  :is(.ph-cpa-embed,.ph-cpa-standalone) .coupon .dates .cpa-date-published,
  :is(.ph-cpa-embed,.ph-cpa-standalone) .coupon .dates .valid-until {
    font-size:8px!important;
  }
}
