/* HappyOnline offer countdown - expert-hellas
   Driven by [data-end] on .ho-countdown, rendered by ho_countdown.js */

.ho-countdown{
  margin:14px 0 6px;
  padding:12px 14px;
  border:1px solid rgba(0,0,0,.07);
  border-left:4px solid var(--ho-cd-accent,#ff6600);
  border-radius:12px;
  background:#fafafa;
  display:inline-block;
  max-width:100%;
}
.ho-countdown[hidden]{display:none!important;}

.ho-countdown-label{
  display:flex;
  align-items:center;
  gap:7px;
  font-size:12px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#5b5b5b;
  margin-bottom:9px;
}
.ho-countdown-label svg{width:15px;height:15px;flex:0 0 auto;}

.ho-countdown-boxes{
  display:flex;
  align-items:flex-start;
  gap:8px;
}

.ho-cd-part{
  display:flex;
  flex-direction:column;
  align-items:center;
  min-width:52px;
}
.ho-cd-part b{
  display:block;
  width:100%;
  padding:7px 4px;
  border-radius:9px;
  background:var(--ho-cd-accent,#ff6600);
  color:#fff;
  font-size:21px;
  font-weight:700;
  line-height:1.1;
  text-align:center;
  font-variant-numeric:tabular-nums;
  box-shadow:0 2px 6px rgba(0,0,0,.16);
}
.ho-cd-part i{
  margin-top:5px;
  font-style:normal;
  font-size:10.5px;
  font-weight:600;
  letter-spacing:.03em;
  text-transform:uppercase;
  color:#7a736d;
}

/* last hours: quietly signal urgency without flashing the whole page */
.ho-countdown.is-urgent{border-left-color:#e63c00;}
.ho-countdown.is-urgent .ho-cd-part b{background:#e63c00;}
.ho-countdown.is-urgent .ho-countdown-label{color:#e63c00;}

/* Σελίδα προϊόντος: κάθεται κάτω από την τιμή και πάνω από ποσότητα και κουμπιά.
   Μία σειρά, ώστε να μη σπρώχνει το «Προσθήκη στο καλάθι» πιο κάτω. */
.ho-countdown--product{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  /* Μένει μέσα στο μπλοκ της τιμής, δίπλα στην τιμή, όπως ζητήθηκε. */
  margin:0 0 0 14px;
  padding:8px 12px;
}
.ho-countdown--product .ho-countdown-label{
  margin:0;
  font-size:12.5px;
  color:#4a4a4a;
}
.ho-countdown--product .ho-countdown-label svg{color:var(--ho-cd-accent,#ff6600);}
.ho-countdown--product .ho-countdown-boxes{gap:6px;}
.ho-countdown--product .ho-cd-part{min-width:46px;}
.ho-countdown--product .ho-cd-part b{font-size:19px;padding:6px 4px;}
.ho-countdown--product .ho-cd-part i{font-size:9.5px;margin-top:4px;}

@media (max-width:768px){
  .ho-countdown--product{justify-content:center;margin:10px 0 0;}
}

/* Κάρτες λίστας: διακριτικό πλαίσιο κάτω από το κουμπί του καλαθιού. */
.ho-countdown--card{
  display:block;
  width:100%;
  margin:2px 0 10px;
  padding:8px 9px 7px;
  border:0;
  border-radius:10px;
  /* σκούρο γκρι φόντο: το countdown ξεχωρίζει μέσα στην κάρτα */
  background:linear-gradient(135deg,#2e2e30 0%,#3c3c3f 100%);
  box-shadow:0 2px 8px rgba(0,0,0,.16);
}
.ho-countdown--card .ho-countdown-label{
  justify-content:center;
  margin:0 0 6px;
  color:#fff;
  font-size:9.5px;
  font-weight:700;
  letter-spacing:.05em;
  opacity:.95;
}
.ho-countdown--card .ho-countdown-label svg{width:12px;height:12px;color:var(--ho-cd-accent,#ff6600);}
.ho-countdown--card .ho-cd-part i{color:rgba(255,255,255,.78);}
.ho-countdown--card .ho-countdown-boxes{justify-content:center;gap:5px;}
.ho-countdown--card .ho-cd-part{min-width:37px;}
.ho-countdown--card .ho-cd-part b{
  padding:5px 3px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:7px;
  font-size:15px;
  box-shadow:0 1px 4px rgba(0,0,0,.22);
}
.ho-countdown--card .ho-cd-part i{margin-top:3px;font-size:8.5px;}

@media (max-width:768px){
  .ho-countdown--product{justify-content:center;margin:10px 0 0;}
}

@media (max-width:768px){
  .ho-countdown--product{justify-content:center;margin:10px 0 0;}
}

@media (max-width:768px){
  .ho-countdown--product{justify-content:center;margin:10px 0 0;}
}

@media (max-width:768px){
  .ho-countdown{display:block;text-align:center;}
  .ho-countdown-label{justify-content:center;}
  .ho-countdown-boxes{justify-content:center;}
  .ho-cd-part{min-width:46px;}
  .ho-cd-part b{font-size:19px;}
}

/* ------------------------------------------------------------------ *
 * ΚΑΜΠΑΝΙΕΣ: μπάρα αρχικής και overlay πάνω σε banner
 * ------------------------------------------------------------------ */

/* Μπάρα: όλη clickable, γι' αυτό είναι <a> και κρατά pointer events.
   Το πλάτος κουμπώνει στον container του theme (max-width 1800px με 12px padding),
   ώστε να μη ξεπερνά τον slider της αρχικής. */
.ho-countdown--bar {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
    box-sizing: border-box;
    width: calc(100% - 24px);
    max-width: 1776px;
    margin: 14px auto 0;
    padding: 10px 22px;
    border-radius: 10px;
    background: linear-gradient(135deg, #1f1f1f 0%, #2e2e2e 100%);
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    box-shadow: 0 3px 12px rgba(0, 0, 0, .14);
    transition: box-shadow .2s ease, transform .2s ease;
}

.ho-countdown--bar[href]:hover,
.ho-countdown--bar[href]:focus {
    color: #fff;
    text-decoration: none;
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(0, 0, 0, .22);
}

/* διακριτικό βελάκι, ώστε να διαβάζεται ότι η μπάρα είναι clickable */
.ho-countdown--bar[href]::after {
    content: '›';
    font-size: 22px;
    line-height: 1;
    color: var(--ho-cd-accent, #ff6600);
    transition: transform .2s ease;
}

.ho-countdown--bar[href]:hover::after {
    transform: translateX(3px);
}

.ho-countdown--bar .ho-countdown-label {
    margin: 0;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .05em;
    font-size: 13px;
}

.ho-countdown--bar .ho-countdown-boxes {
    margin: 0;
    gap: 6px;
}

.ho-countdown--bar .ho-cd-part b {
    background: var(--ho-cd-accent, #ff6600);
    color: #fff;
    min-width: 36px;
    font-size: 16px;
}

.ho-countdown--bar .ho-cd-part i {
    color: #b9b9b9;
}

/* Overlay σε banner: pointer-events none, ώστε το κλικ να περνά στο banner.
   Μαζεμένο σε ένα ημιδιάφανο πλαίσιο και σε γωνία που ορίζει το admin, γιατί
   στοιβαγμένα μεγάλα κουτιά έκρυβαν λογότυπο και τίτλο του banner. */
.ho-countdown--banner {
    position: absolute;
    z-index: 5;
    margin: 0;
    padding: 9px 10px;
    border-radius: 10px;
    background: rgba(20, 20, 20, .58);
    backdrop-filter: blur(2px);
    pointer-events: none;
}

.ho-cd-pos-tl { top: 12px; left: 12px; }
.ho-cd-pos-tr { top: 12px; right: 12px; }
.ho-cd-pos-bl { bottom: 12px; left: 12px; }
.ho-cd-pos-br { bottom: 12px; right: 12px; }

.ho-countdown--banner .ho-countdown-label {
    display: block;
    margin: 0 0 6px;
    padding: 0;
    background: none;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    text-align: center;
    opacity: .9;
}

/* Κάθετα κουτιά, όπως το εικαστικό που έστειλαν, αλλά σε μέγεθος που δεν
   σκεπάζει το banner: 2x2 πλέγμα αντί για στήλη τεσσάρων. */
.ho-countdown--banner.ho-cd-style-v .ho-countdown-boxes {
    display: grid;
    grid-template-columns: repeat(2, auto);
    gap: 6px;
    margin: 0;
}

.ho-countdown--banner .ho-cd-part {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    min-width: 50px;
    padding: 4px 0 5px;
    background: var(--ho-cd-accent, #ff6600);
    border-radius: 6px;
}

.ho-countdown--banner .ho-cd-part b {
    background: none;
    color: #fff;
    padding: 0;
    min-width: 0;
    font-size: 22px;
    line-height: 1.15;
}

.ho-countdown--banner .ho-cd-part i {
    margin: 0;
    color: rgba(255, 255, 255, .92);
    font-size: 9px;
    letter-spacing: .05em;
}

/* Οριζόντια παραλλαγή: μία σειρά, για banner με ελεύθερη λωρίδα κάτω. */
.ho-countdown--banner.ho-cd-style-h .ho-countdown-boxes {
    display: flex;
    gap: 4px;
    margin: 0;
}

@media (max-width: 767px) {
    .ho-countdown--bar {
        gap: 10px;
        width: calc(100% - 16px);
        padding: 9px 12px;
        border-radius: 8px;
        font-size: 12px;
    }

    .ho-countdown--bar .ho-countdown-label {
        font-size: 11px;
    }

    .ho-countdown--banner {
        padding: 5px 6px;
        transform: scale(.85);
    }

    .ho-cd-pos-tl { transform-origin: top left; }
    .ho-cd-pos-tr { transform-origin: top right; }
    .ho-cd-pos-bl { transform-origin: bottom left; }
    .ho-cd-pos-br { transform-origin: bottom right; }
}

/* ------------------------------------------------------------------ *
 * SECTION: αρχική και ξεχωριστή landing (αίτημα πελάτη 14/08)
 * ------------------------------------------------------------------ */
.ho-countdown-section {
    width: 100%;
}

.ho-countdown--section {
    display: block;
    box-sizing: border-box;
    width: calc(100% - 24px);
    max-width: 1776px;
    margin: 26px auto;
    padding: 26px 20px;
    border: 0;
    border-radius: 14px;
    background: linear-gradient(135deg, #1f1f1f 0%, #333 100%);
    color: #fff;
    text-align: center;
    text-decoration: none;
}

.ho-countdown--section:hover,
.ho-countdown--section:focus {
    color: #fff;
    text-decoration: none;
}

.ho-cd-section-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
}

.ho-cd-section-title {
    margin: 0;
    color: #fff;
    font-size: 26px;
    line-height: 1.25;
    font-weight: 700;
}

.ho-countdown--section .ho-countdown-label {
    justify-content: center;
    margin: 0;
    color: var(--ho-cd-accent, #ff6600);
    font-size: 13px;
}

.ho-countdown--section .ho-countdown-boxes {
    justify-content: center;
    gap: 12px;
}

.ho-countdown--section .ho-cd-part {
    min-width: 78px;
}

.ho-countdown--section .ho-cd-part b {
    padding: 12px 6px;
    border-radius: 12px;
    background: var(--ho-cd-accent, #ff6600);
    font-size: 34px;
}

.ho-countdown--section .ho-cd-part i {
    margin-top: 7px;
    color: #cfcfcf;
    font-size: 11px;
}

.ho-cd-section-btn {
    display: inline-block;
    padding: 10px 26px;
    border-radius: 8px;
    background: var(--ho-cd-accent, #ff6600);
    color: #fff;
    font-weight: 700;
    font-size: 14px;
}

@media (max-width: 767px) {
    .ho-countdown--section {
        width: calc(100% - 16px);
        margin: 18px auto;
        padding: 20px 14px;
    }

    .ho-cd-section-title {
        font-size: 20px;
    }

    .ho-countdown--section .ho-countdown-boxes {
        gap: 8px;
    }

    .ho-countdown--section .ho-cd-part {
        min-width: 62px;
    }

    .ho-countdown--section .ho-cd-part b {
        padding: 9px 4px;
        font-size: 26px;
    }
}

/* ------------------------------------------------------------------ *
 * ΓΡΑΜΜΗ ΑΡΧΙΚΗΣ: προϊόντα που έχουν countdown
 * ------------------------------------------------------------------ */
.ho-cd-row{padding:30px 0 26px;margin:22px 0;background:#f5f5f6;}
.ho-cd-row-head{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
  margin-bottom:18px;
  text-align:center;
}
.ho-cd-row-head h2{margin:0;font-size:24px;font-weight:700;}
.ho-cd-row-cta{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 22px;
  border:2px solid var(--ho-cd-accent,#ff6600);
  border-radius:999px;
  background:#fff;
  color:var(--ho-cd-accent,#ff6600);
  font-size:14px;
  font-weight:700;
  text-decoration:none;
  transition:background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease;
}
.ho-cd-row-cta svg{width:17px;height:17px;flex:0 0 auto;}
.ho-cd-row-cta:hover,.ho-cd-row-cta:focus{
  background:var(--ho-cd-accent,#ff6600);
  color:#fff;
  text-decoration:none;
  transform:translateY(-1px);
  box-shadow:0 5px 14px rgba(0,0,0,.14);
}
.ho-cd-row-track{
  display:flex;
  gap:18px;
  justify-content:center;   /* κεντραρισμένα όταν δεν γεμίζουν τη γραμμή */
  overflow-x:auto;
  padding:4px 2px 14px;
  scroll-snap-type:x proximity;
}
.ho-cd-row-track::-webkit-scrollbar{height:6px;}
.ho-cd-row-track::-webkit-scrollbar-thumb{background:#d5d5d7;border-radius:3px;}
.ho-cd-tile{
  flex:0 0 300px;
  scroll-snap-align:start;
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:14px;
  border:1px solid #ececee;
  border-radius:14px;
  background:#fff;
  box-shadow:0 4px 14px rgba(0,0,0,.07);
  transition:box-shadow .2s ease, transform .2s ease;
}
.ho-cd-tile:hover{box-shadow:0 8px 22px rgba(0,0,0,.11);transform:translateY(-2px);}
.ho-cd-tile-media{position:relative;display:block;aspect-ratio:1/1;}
/* Σταθερό κουτί εικόνας (αίτημα 14/09): οι φωτογραφίες των προϊόντων έχουν
   διαφορετικές αναλογίες, οπότε με height:auto το ένα πλακίδιο έβγαινε ψηλό
   και το διπλανό κοντό. Τετράγωνο κουτί + contain = ίδιο αποτύπωμα παντού,
   χωρίς κόψιμο και χωρίς παραμόρφωση. */
.ho-cd-tile-media img{width:100%;height:100%;object-fit:contain;border-radius:8px;}
.ho-cd-tile-badge{position:absolute;top:8px;left:8px;padding:3px 9px;border-radius:6px;font-size:13px;background:var(--ho-cd-accent,#ff6600);color:#fff;font-size:11px;font-weight:700;}
.ho-cd-tile-title{display:block;font-size:14.5px;font-weight:600;line-height:1.4;color:#333;min-height:41px;overflow:hidden;}
.ho-cd-tile-price{display:flex;align-items:baseline;gap:7px;}
.ho-cd-tile-new{font-size:21px;font-weight:700;}
.ho-cd-tile-old{font-size:13.5px;color:#999;text-decoration:line-through;}

/* ------------------------------------------------------------------ *
 * LANDING: εναλλασσόμενες σειρές, μεγάλη εικόνα και χρονόμετρο δίπλα
 * ------------------------------------------------------------------ */
#ho-cd-landing{padding:18px 0 46px;background:#fafafa;}
#ho-cd-landing .rt-container,#ho-cd-landing > .rt-container{max-width:1120px;margin:0 auto;}
.ho-cd-crumbs{
  display:flex;
  align-items:center;
  gap:9px;
  flex-wrap:wrap;
  margin:0 0 18px;
  padding:0;
  font-size:12.5px;
  color:#8a8a8a;
}
.ho-cd-crumbs a{color:#8a8a8a;text-decoration:none;}
.ho-cd-crumbs a:hover{color:var(--ho-cd-accent,#ff6600);}
.ho-cd-crumbs-sep{color:#c9c9c9;}
.ho-cd-crumbs-current{color:#444;font-weight:600;}
.ho-cd-landing-head{margin:10px auto 28px;max-width:720px;text-align:center;}
.ho-cd-landing-head h1{margin:0 0 8px;font-size:32px;font-weight:700;}
.ho-cd-landing-head p{margin:0;color:#6b6b6b;font-size:15px;}
.ho-cd-strip{
  display:flex;
  gap:30px;
  align-items:center;
  max-width:1060px;
  margin:0 auto 22px;
  padding:20px 24px;
  border:1px solid #ececee;
  border-radius:18px;
  background:#fff;
  box-shadow:0 5px 18px rgba(0,0,0,.06);
}
.ho-cd-strip--flip{flex-direction:row-reverse;}
.ho-cd-strip-media{position:relative;flex:0 0 36%;max-width:36%;display:block;}
.ho-cd-strip-media img{width:100%;height:auto;border-radius:12px;}
.ho-cd-strip-badge{position:absolute;top:10px;left:10px;padding:4px 10px;border-radius:6px;background:var(--ho-cd-accent,#ff6600);color:#fff;font-weight:700;}
.ho-cd-strip-body{flex:1 1 auto;min-width:0;}
.ho-cd-strip-brand{display:inline-block;margin-bottom:6px;color:var(--ho-cd-accent,#ff6600);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;}
.ho-cd-strip-title{margin:0 0 10px;font-size:21px;font-weight:600;line-height:1.35;}
.ho-cd-strip-title a{color:#222;}
.ho-cd-strip-text{margin:0 0 14px;color:#6b6b6b;font-size:13.5px;line-height:1.6;}
.ho-cd-strip-price{display:flex;align-items:baseline;gap:10px;margin-bottom:6px;}
.ho-cd-strip-new{font-size:26px;font-weight:700;}
.ho-cd-strip-old{font-size:15px;color:#999;text-decoration:line-through;}
.ho-cd-strip .ho-countdown--product{margin:10px 0 14px;}
.ho-cd-strip-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.ho-cd-strip-cart{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:12px 24px;
  border:2px solid var(--ho-cd-accent,#ff6600);
  border-radius:8px;
  background:var(--ho-cd-accent,#ff6600);
  color:#fff;
  font-weight:700;
  font-size:14px;
  cursor:pointer;
  transition:filter .2s ease,transform .2s ease,box-shadow .2s ease;
}
.ho-cd-strip-cart svg{width:18px;height:18px;}
.ho-cd-strip-cart:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,.16);}
.ho-cd-strip-btn{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:12px 22px;
  border:2px solid #e2e2e4;
  border-radius:8px;
  background:#fff;
  color:#444;
  font-weight:700;
  font-size:14px;
}
.ho-cd-strip-btn:hover{color:var(--ho-cd-accent,#ff6600);border-color:var(--ho-cd-accent,#ff6600);text-decoration:none;}
.ho-cd-strip-btn svg{width:18px;height:18px;flex:0 0 auto;}
.ho-cd-strip-wish{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:46px;
  height:46px;
  border:2px solid #e2e2e4;
  border-radius:8px;
  background:#fff;
  color:#666;
  cursor:pointer;
  transition:color .2s ease,border-color .2s ease;
}
.ho-cd-strip-wish svg{width:19px;height:19px;}
.ho-cd-strip-wish:hover{color:var(--ho-cd-accent,#ff6600);border-color:var(--ho-cd-accent,#ff6600);}
.ho-cd-empty{padding:30px 0;color:#666;}

@media (max-width:767px){
  .ho-cd-strip,.ho-cd-strip--flip{flex-direction:column;gap:14px;padding:14px;}
  .ho-cd-strip-media{flex:1 1 auto;max-width:100%;}
  .ho-cd-strip-title{font-size:18px;}
  .ho-cd-strip-new{font-size:22px;}
  .ho-cd-landing-head h1{font-size:23px;}
  .ho-cd-strip-actions{width:100%;}
  .ho-cd-strip-cart{flex:1 1 auto;justify-content:center;}
  .ho-cd-strip-btn{flex:1 1 auto;text-align:center;}
  .ho-cd-row-head h2{font-size:18px;}
  .ho-cd-tile{flex:0 0 158px;}
}

/* Το countdown στη γραμμή προσφορών είναι το κύριο στοιχείο, όχι διακριτικό. */
.ho-cd-tile-timer{
  display:block;
  width:100%;
  margin:2px 0 0;
  padding:9px 10px 7px;
  border:1px solid rgba(0,0,0,.06);
  border-radius:10px;
  background:#fafafa;
}
.ho-cd-tile-timer .ho-countdown-label{
  justify-content:center;
  margin:0 0 7px;
  color:#666;
  font-size:11px;
  letter-spacing:.06em;
}
.ho-cd-tile-timer .ho-countdown-label svg{width:13px;height:13px;}
.ho-cd-tile-timer .ho-countdown-boxes{justify-content:center;gap:6px;}
.ho-cd-tile-timer .ho-cd-part{min-width:56px;}
.ho-cd-tile-timer .ho-cd-part b{
  background:var(--ho-cd-accent,#ff6600);
  box-shadow:none;
  border-radius:8px;
  padding:7px 4px;
  font-size:22px;
}
.ho-cd-tile-timer .ho-cd-part i{color:#7a736d;font-size:9.5px;margin-top:4px;}
.ho-cd-tile-timer.is-urgent{background:#e63c00;}

@media (max-width:767px){
  .ho-cd-tile{flex:0 0 240px;padding:12px;}
  .ho-cd-tile-new{font-size:18px;}
  .ho-cd-tile-timer .ho-cd-part{min-width:46px;}
  .ho-cd-tile-timer .ho-cd-part b{font-size:18px;}
}

/* ------------------------------------------------------------------ *
 * POP UP σελίδας προϊόντος. Κλειστό από προεπιλογή στις ρυθμίσεις.
 * Δεν μπλοκάρει τη σελίδα: κάθεται κάτω δεξιά, χωρίς overlay.
 * ------------------------------------------------------------------ */
.ho-cd-popup{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:9990;
  width:300px;
  max-width:calc(100vw - 24px);
  padding:16px 18px 16px;
  border-radius:14px;
  background:linear-gradient(135deg,#232325 0%,#3a3a3d 100%);
  color:#fff;
  box-shadow:0 12px 34px rgba(0,0,0,.3);
  opacity:0;
  transform:translateY(14px);
  transition:opacity .3s ease, transform .3s ease;
  pointer-events:none;
}
.ho-cd-popup.is-open{opacity:1;transform:none;pointer-events:auto;}
.ho-cd-popup-close{
  position:absolute;
  top:6px;
  right:9px;
  padding:0 4px;
  border:0;
  background:none;
  color:rgba(255,255,255,.65);
  font-size:22px;
  line-height:1;
  cursor:pointer;
}
.ho-cd-popup-close:hover{color:#fff;}
.ho-cd-popup-body{display:flex;flex-direction:column;gap:9px;}
.ho-cd-popup-eyebrow{
  color:var(--ho-cd-accent,#ff6600);
  font-size:11px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.ho-cd-popup-name{font-size:13.5px;line-height:1.4;font-weight:600;}
.ho-countdown--popup{
  margin:0;
  padding:0;
  border:0;
  background:none;
  box-shadow:none;
}
.ho-countdown--popup .ho-countdown-boxes{gap:6px;}
.ho-countdown--popup .ho-cd-part{min-width:46px;}
.ho-countdown--popup .ho-cd-part b{padding:6px 3px;border-radius:8px;font-size:18px;}
.ho-countdown--popup .ho-cd-part i{color:rgba(255,255,255,.72);font-size:9px;}
.ho-cd-popup-cta{
  margin-top:2px;
  padding:10px 16px;
  border:0;
  border-radius:8px;
  background:var(--ho-cd-accent,#ff6600);
  color:#fff;
  font-weight:700;
  font-size:13.5px;
  cursor:pointer;
}
.ho-cd-popup-cta:hover{filter:brightness(1.07);}

@media (max-width:767px){
  .ho-cd-popup{
    left:8px;
    right:8px;
    bottom:8px;
    width:auto;
    padding:13px 14px;
    border-radius:12px;
  }
  .ho-cd-popup-body{gap:7px;}
  .ho-countdown--popup .ho-cd-part{min-width:40px;}
  .ho-countdown--popup .ho-cd-part b{font-size:16px;}
}

/* ------------------------------------------------------------------ *
 * Κάρτες λίστας: στο hover του «Προσθήκη στο καλάθι» σβήνει το λεκτικό και
 * το εικονίδιο πηγαίνει στο κέντρο του κουμπιού. Το λεκτικό είναι text node,
 * οπότε κρύβεται με font-size:0 και όχι με color, ώστε να μη πειραχτεί το svg.
 * ------------------------------------------------------------------ */
.product-grid-item button.add_to_cart_button,
.tk-edit-grid-item button.add_to_cart_button,
.ho-cd-tile button.add_to_cart_button{
  position:relative;
  transition:font-size .18s ease, background-color .2s ease;
}
.product-grid-item button.add_to_cart_button > span:first-child,
.tk-edit-grid-item button.add_to_cart_button > span:first-child,
.ho-cd-tile button.add_to_cart_button > span:first-child{
  transition:transform .25s ease;
}
.product-grid-item button.add_to_cart_button:hover,
.tk-edit-grid-item button.add_to_cart_button:hover,
.ho-cd-tile button.add_to_cart_button:hover{
  font-size:0;
}
.product-grid-item button.add_to_cart_button:hover > span:first-child,
.tk-edit-grid-item button.add_to_cart_button:hover > span:first-child,
.ho-cd-tile button.add_to_cart_button:hover > span:first-child{
  position:absolute;
  left:50%;
  top:50%;
  margin:0;
  transform:translate(-50%,-50%) scale(1.45);
}