.elementor-kit-390{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#9DC0EB;--e-global-color-text:#7F4C4C;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-390 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1350px;}.e-con{--container-max-width:1350px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1199px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-390{background-image:url("https://wp.ccosus.com/wp-content/uploads/2025/08/background_mobile_1080x1920_low.webp");}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* --- Heart-Shaped Countdown Boxes: two-tone + pulse --- */
:root{
  --accent: #a23b5b;          /* main burgundy fill */
  --accent-outline: #e6c5cf;  /* lighter outline color */
  --heart-size: 86px;         /* overall heart size; tweak to taste */
  --heart-stroke: 4px;        /* outline thickness around each heart */
}

#countdown-wrapper{
  text-align:center;
  margin:1rem auto 1.25rem;
  max-width:900px;
}

.countdown-title{
  font-size:1.5rem;
  margin-bottom:0.6rem;
  font-weight:600;
}

#countdown{
  display:flex;
  justify-content:center;
  gap:0.6rem;
  flex-wrap:wrap;
}

/* Base heart (uses mask to create the shape) */
.time-box{
  position:relative;
  width:var(--heart-size);
  height:var(--heart-size);
  background:var(--accent);
  color:#fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  box-shadow:0 4px 10px rgba(0,0,0,0.12);
  transition: transform .2s ease, box-shadow .2s ease;
  -webkit-mask: url('data:image/svg+xml;utf8,\
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">\
    <path fill="%23fff" d="M471.7 73.1c-46.5-35.6-113.3-26.9-152.1 17.8L256 156.7l-63.6-65.8C153.6 46.2 86.8 37.5 40.3 73.1c-62 47.5-66.1 137.6-10.1 190.1l196.5 189.6c16 15.5 41.6 15.5 57.6 0l196.5-189.6c56-52.5 51.9-142.6-9.1-190.1z"/>\
  </svg>') center/contain no-repeat;
          mask: url('data:image/svg+xml;utf8,\
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">\
    <path fill="%23fff" d="M471.7 73.1c-46.5-35.6-113.3-26.9-152.1 17.8L256 156.7l-63.6-65.8C153.6 46.2 86.8 37.5 40.3 73.1c-62 47.5-66.1 137.6-10.1 190.1l196.5 189.6c16 15.5 41.6 15.5 57.6 0l196.5-189.6c56-52.5 51.9-142.6-9.1-190.1z"/>\
  </svg>') center/contain no-repeat;
}

/* Two-tone outline using a masked pseudo-element */
.time-box::before{
  content:"";
  position:absolute;
  inset: calc(var(--heart-stroke) * -1);
  background: var(--accent-outline);
  z-index:-1;         /* sits behind the heart fill */
  pointer-events:none;

  -webkit-mask: url('data:image/svg+xml;utf8,\
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">\
    <path fill="%23fff" d="M471.7 73.1c-46.5-35.6-113.3-26.9-152.1 17.8L256 156.7l-63.6-65.8C153.6 46.2 86.8 37.5 40.3 73.1c-62 47.5-66.1 137.6-10.1 190.1l196.5 189.6c16 15.5 41.6 15.5 57.6 0l196.5-189.6c56-52.5 51.9-142.6-9.1-190.1z"/>\
  </svg>') center/contain no-repeat;
          mask: url('data:image/svg+xml;utf8,\
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">\
    <path fill="%23fff" d="M471.7 73.1c-46.5-35.6-113.3-26.9-152.1 17.8L256 156.7l-63.6-65.8C153.6 46.2 86.8 37.5 40.3 73.1c-62 47.5-66.1 137.6-10.1 190.1l196.5 189.6c16 15.5 41.6 15.5 57.6 0l196.5-189.6c56-52.5 51.9-142.6-9.1-190.1z"/>\
  </svg>') center/contain no-repeat;
}

/* Numbers & labels */
.time-box span{
  font-size:1.45rem;
  font-weight:700;
  line-height:1.1;
}
.time-box small{
  font-size:.7rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  opacity:.95;
  margin-top:1px;
}

/* Pulse on hover/tap (with a light glow) */
.time-box:hover{
  box-shadow:0 6px 18px rgba(0,0,0,0.16);
  animation: heartPulse .9s ease-in-out infinite;
}
.time-box:active{
  animation:none;
  transform: scale(0.98);
}

/* Keyframes keep the slight lift while pulsing */
@keyframes heartPulse{
  0%,100% { transform: translateY(-1px) scale(1); }
  40%     { transform: translateY(-1px) scale(1.06); }
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce){
  .time-box, .time-box:hover, .time-box:active{
    animation:none !important;
    transition:none !important;
    transform:none !important;
  }
}

/* Extra-compact on phones */
@media (max-width:480px){
  :root{ --heart-size:72px; }
  .countdown-title{ font-size:1.25rem; margin-bottom:.5rem; }
  #countdown{ gap:.5rem; }
  .time-box span{ font-size:1.3rem; }
  .time-box small{ font-size:.65rem; }
}/* End custom CSS */