/* Reversible offer-card presentation trial. Remove this stylesheet link to restore styling. */
.card {
 background:#fff; border:1px solid #b6cccc; border-radius:18px;
 padding:24px 28px; gap:20px; box-shadow:0 2px 4px rgba(30,65,65,.06), 0 8px 24px rgba(30,65,65,.12);
}
.card:hover { border-color:#8cafaf; box-shadow:0 3px 6px rgba(30,65,65,.07), 0 10px 28px rgba(30,65,65,.15); }
.card::before { display:none; }
.card.card-featured > .card-featured-badge {
 background:#eaf4f2; color:#2a7070; font-weight:500; text-transform:none;
 letter-spacing:0; padding:5px 12px; box-shadow:0 2px 8px rgba(0,0,0,.06);
}
.card .service-badge {
 background:linear-gradient(135deg,#4a9e9e,#2a7b7b) !important;
 font-weight:500 !important; box-shadow:0 3px 10px rgba(42,123,123,.14);
 text-shadow:none; animation:none;
}
.card .service-badge::after { display:none; }
.card .city-name { font-size:26px; font-weight:500; color:#606b6b; }
.card .in-prefix { text-transform:none; letter-spacing:.02em; }
.card .price-now { font-weight:500; }
.card .price-was { color:#858b8b; }
.card .price-save-chip {
 background:#fbe9e5; color:#a24f40; font-size:10px; font-weight:500;
 text-transform:none; letter-spacing:0; border-radius:12px; padding:4px 8px; box-shadow:none;
}
.card .views-pill { background:#f6f8f8; color:#657575; border-color:#e5eaea; }
.card .coupons-left { background:transparent; border-color:transparent; color:#767676; font-weight:500; }
.card .coupons-left .coupons-heart-icon { color:#ed3e46; }
.card .reserved-badge { background:#f0f0f0; color:#707070; border:0; box-shadow:none; font-weight:500; }
.card .reserved-count { font-weight:500; }
.card .reserve-btn {
 background:linear-gradient(135deg,#4a9e9e,#2a7b7b); border-radius:14px;
 text-transform:none; font-weight:500; letter-spacing:0; min-height:44px;
 box-shadow:0 3px 12px rgba(42,123,123,.16); animation:none;
}
.card .reserve-btn:hover { background:#2a7b7b; }
.card .cd-unit, .card .cd-unit:last-child {
 background:#f9e9e6; border:1px solid #efd9d4; border-radius:12px;
 box-shadow:0 2px 5px rgba(0,0,0,.04);
}
.card .cd-unit::before { display:none; }
.card .cd-digit { color:#8c5147; font-weight:400; text-shadow:none; }
.card .cd-label { color:#8c625b; text-transform:none; }
.card .countdown-grid::before { content:'Offer ends in'; text-transform:none; letter-spacing:.02em; }
@media(max-width:900px) {
 .card { padding:24px; column-gap:12px; row-gap:0; }
 .card .card-left { margin-top:16px; padding:16px; gap:16px; border-color:#e5e5e5; border-radius:16px; box-shadow:none; }
 .card .clinic-blur { margin-bottom:8px; }
 .card .city-name { font-size:25px; }
 .card .google-review-badge { margin-top:12px; }
 .card .views-pill, .card .coupons-left { margin-top:12px; padding:5px 6px; gap:4px; }
 .card .card-left .countdown-grid { padding-top:12px; gap:7px; flex-wrap:wrap; }
 .card .countdown-grid::before { flex-basis:100%; margin-bottom:2px; }
 .card .cd-unit:not(:last-child)::after { right:-7px; width:7px; }
 .card .reserve-btn { width:100%; margin:16px 0 0; }
 .card .reserved-badge, .card .coupon-note { margin-top:16px; }
 .card .cta-implant-img { width:112px; }
 .card .clinic-blur { max-width:100%; box-sizing:border-box; }
}
@media(max-width:380px) {
 .card { padding:24px 20px; column-gap:8px; }
 .card .cta-implant-img { width:94px; }
}

/* Desktop timer caption gets its own horizontal row instead of a narrow flex slot. */
@media(min-width:901px) {
  .card .countdown-grid { flex-wrap:wrap; gap:9px; }
  .card .countdown-grid::before {
    content:'Offer ends in'; display:block; flex:0 0 100%;
    white-space:nowrap; margin:0; font-size:12px; line-height:1.4;
    color:#6b7878; font-weight:400; text-align:left;
  }
}