
/* PH164_EXPIRED_GRAY_INLINE_V2_20261108 */

article.ph164-expired>.ph164-card{
 background:#f1f3f5!important;
 border-color:#cfd5dc!important;
 box-shadow:0 2px 10px #65717e14!important;
 color:#56616e!important;
}

article.ph164-expired .ph164-mediaframe{
 background:#e6e9ec!important;
}

article.ph164-expired .ph164-mediaframe img{
 filter:grayscale(.75) saturate(.55)!important;
 opacity:.78!important;
}

article.ph164-expired .ph164-kind{
 background:#dfe3e7!important;
 color:#56616d!important;
}

article.ph164-expired .ph164-expiry{
 background:#e7e9ec!important;
 color:#6e7782!important;
}

article.ph164-expired .ph164-title,
article.ph164-expired .ph164-title a{
 color:#626c78!important;
}

article.ph164-expired .ph164-price-main{
 color:#74808e!important;
}

article.ph164-expired .ph164-old{
 color:#9ba5ae!important;
}

article.ph164-expired .ph164-body{
 grid-template-rows:auto auto auto auto 35px!important;
 gap:4px!important;
 min-height:0!important;
 overflow:visible!important;
}

article.ph164-expired .ph164-pricing{
 display:flex!important;
 flex-wrap:wrap!important;
 align-items:center!important;
 gap:4px 9px!important;
 min-height:0!important;
 overflow:visible!important;
}

article.ph164-expired .ph164-historical-label{
 flex:0 0 100%!important;
 font-size:10px!important;
 font-weight:700!important;
 color:#818b98!important;
 line-height:1.15!important;
}

article.ph164-expired .ph164-expired-note{
 padding:4px 7px!important;
 border-radius:6px!important;
 background:#e2e5e9!important;
 color:#65707e!important;
 font-weight:750!important;
 font-size:10px!important;
}

article.ph164-expired .ph164-actions{
 min-height:35px!important;
 justify-content:flex-end!important;
 overflow:visible!important;
}

article.ph164-expired .ph164-actions>a.ph164-similar-action{
 display:inline-flex!important;
 align-items:stretch!important;
 flex:0 0 auto!important;
 gap:0!important;
 max-width:100%!important;
 height:35px!important;
 width:max-content!important;
 margin-left:auto!important;
 text-decoration:none!important;
 background:transparent!important;
 border:0!important;
 padding:0!important;
 box-shadow:none!important;
}

article.ph164-expired .ph164-actions>a.ph164-similar-action .card-promo-copy{
 display:flex!important;
 align-items:center!important;
 justify-content:center!important;
 flex:0 0 auto!important;
 min-width:0!important;
 width:auto!important;
 height:35px!important;
 padding:0 12px!important;
 margin:0!important;
 background:#ffca08!important;
 color:#241c08!important;
 border-radius:9px 0 0 9px!important;
 clip-path:none!important;
}

article.ph164-expired .ph164-actions>a.ph164-similar-action .promo-label{
 font-size:11px!important;
 font-weight:850!important;
 white-space:nowrap!important;
 color:#241c08!important;
 text-transform:none!important;
}

article.ph164-expired .ph164-actions>a.ph164-similar-action .promo-cut{
 display:flex!important;
 align-items:center!important;
 justify-content:center!important;
 position:relative!important;
 width:32px!important;
 flex:0 0 32px!important;
 height:35px!important;
 background:#ffca08!important;
 border-left:1px dashed #b88a00!important;
 border-radius:0 9px 9px 0!important;
 color:#241c08!important;
 font-size:16px!important;
}

article.ph164-expired .ph164-actions>a.ph164-similar-action .promo-cut::before,
article.ph164-expired .ph164-actions>a.ph164-similar-action .promo-cut::after{
 content:""!important;
 position:absolute!important;
 left:-4px!important;
 width:7px!important;
 height:7px!important;
 border-radius:50%!important;
 background:#f1f3f5!important;
}

article.ph164-expired .ph164-actions>a.ph164-similar-action .promo-cut::before{
 top:-4px!important;
}

article.ph164-expired .ph164-actions>a.ph164-similar-action .promo-cut::after{
 bottom:-4px!important;
}

@container ph164card (max-width:420px){
 article.ph164-expired .ph164-actions>a.ph164-similar-action .card-promo-copy{
  padding:0 8px!important;
 }
 article.ph164-expired .ph164-actions>a.ph164-similar-action .promo-label{
  font-size:9px!important;
 }
 article.ph164-expired .ph164-actions>a.ph164-similar-action .promo-cut{
  width:27px!important;
  flex-basis:27px!important;
 }
}

@container ph164card (max-width:288px){
 article.ph164-expired .ph164-actions>a.ph164-similar-action .card-promo-copy{
  padding:0 4px!important;
 }
 article.ph164-expired .ph164-actions>a.ph164-similar-action .promo-label{
  font-size:8px!important;
 }
 article.ph164-expired .ph164-actions>a.ph164-similar-action .promo-cut{
  width:23px!important;
  flex-basis:23px!important;
 }
}
