/**
* 2007-2023 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author    PrestaShop SA <contact@prestashop.com>
*  @copyright 2007-2023 PrestaShop SA
*  @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*
* Don't forget to prefix your containers with your own identifier
* to avoid any conflicts with others containers.
*/


.c-product-day {
  }
  .c-product-day-container {
    display: flex;
    flex-direction: column;
    gap: 1.5em;
  }
  @media screen and (min-width: 768px) {
    .c-product-day-container {
      gap: 0em;
    }
  }
  @media screen and (min-width: 992px) {
    .c-product-day-container {
      gap: 1.5em;
    }
  }
  @media screen and (min-width: 768px) {
    .page-index .c-product-day-container {
      gap: 1.5em;
      flex-direction: row ;
      align-items: center;
    }
  }
  @media screen and (min-width: 992px) {
    .page-index .c-product-day-container {
      flex-direction: column;
      align-items: unset;
    }
  }


  @media screen and (min-width: 768px) {
    .page-index .c-product-day-content {
      min-width: 244px;
    }
  }
  @media screen and (min-width: 992px) {
    .page-index  .c-product-day-content {
    min-width: unset;
  }
}
  .c-product-day-container-2 {
    display: flex;
    flex-direction: column;
    gap: 1.5em;
  }
  .c-product-day-widgetfirst, .c-product-day-widgetsecond {
    position: relative;
  }
  @media screen and (min-width: 768px) {
    .page-index .c-product-day-widgetfirst, .c-product-day-widgetsecond {
    }
  }
  @media screen and (min-width: 992px) {
    .page-index  .c-product-day-widgetfirst, .c-product-day-widgetsecond {
  
    }
  }
  @media screen and (min-width: 768px) {
    .page-index .c-product-day-add-to-cart {
      width: 100%;
    }
  }
  .c-product-day-widget-2 {
    position: relative;
  }
  .c-product-day-title {
    padding: 0.5em 0em;
    border-bottom: 1px solid #DFDFE0;
  }
  .c-product-day-title h2 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 1.25em;
    line-height: 1.5em;
  }
  
  .c-product-day-thumbnail {
    position: relative;
    line-height: 0;
    background: #fafafa;
  }
  .c-product-day-thumbnail img {
    width: 100%;
    max-width: 276px;
    margin: 0 auto;
    display: block;
    mix-blend-mode: multiply;
  }
  @media screen and (min-width: 768px) {
    .page-index .c-product-day-thumbnail img {
      min-width: 276px;
    }
  }
  @media screen and (min-width: 992px) {
    .page-index .c-product-day-thumbnail img {
      min-width: unset;
    }
  }
  .c-product-day-label {
    position: absolute;
    text-align: center;
    color: #FFFFFF;
    font-size: 1em;
    line-height: 1.25em;
    left: 18px;
    top: 18px;
    z-index: 7;
    font-weight: 500;
  }
  .c-product-day-label:before {
    width: 76px;
    height: 76px;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #FF612B;
    border-radius: 100px;
    z-index: -1;
    box-shadow: 0px 14px 6px rgba(0, 0, 0, 0.01), 0px 8px 5px rgba(0, 0, 0, 0.04), 0px 4px 4px rgba(0, 0, 0, 0.06), 0px 1px 2px rgba(0, 0, 0, 0.07), 0px 0px 32px rgba(0, 0, 0, 0.03);
  }
  
  .c-product-day-content h3 {
    line-height: 1.5rem;
    font-size: 1em;
    font-family: "Roboto", sans-serif;
    color: #030309;
    margin-bottom: 0.5em;
    font-weight: 400;
  }
  .c-product-day-content h4 {
    line-height: 1.5rem;
    font-size: 1.5em;
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    color: #030309;
    margin-bottom: 8px;
  }
  @media screen and (min-width: 768px) {
    .c-product-day-content h4 {
      line-height: 1rem;
      font-size: 1em;
    }
  }
  @media screen and (min-width: 992px) {
    .c-product-day-content h4 {
      line-height: 1.5rem;
      font-size: 1.5em;
    }
  }
  .c-product-day-content span {
    font-weight: 700;
    font-size: 2.5em;
    line-height: 1em;
    font-family: "Roboto", sans-serif;
    color: #FF612B;
    display: block;
    margin-bottom: 0px;
  }
  @media screen and (min-width: 768px) {
    .c-product-day-content span {
      font-size: 1.5em;
    }
  }
  @media screen and (min-width: 992px) {
    .c-product-day-content span {
      font-size: 2.5em;
    }
  }
  .c-product-day-content del {
    color: #303033;
    font-size: 1em;
    margin-top: 4px;
    display: block;
  }
  
  .c-product-day-timer {
    display: flex;
    gap: 1.5rem;
  }
  @media screen and (min-width: 768px) {
    .page-index .c-product-day-timer {
      display: none;
    }
  }
  @media screen and (min-width: 992px) {
    .page-index .c-product-day-timer {
      display: flex;
    }
  }
  
  .c-product-day-clock {
    position: relative;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 1.5em;
  }
  
  .c-product-day-time-item {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 11;
    font-size: 2em;
    line-height: 3rem;
    font-weight: 500;
  }
  @media screen and (min-width: 768px) {
    .c-product-day-time-item {
      font-size: 1em;
      line-height: 3rem;
    }
  }
  @media screen and (min-width: 992px) {
    .c-product-day-time-item {
      font-size: 2em;
      line-height: 3rem;
    }
  }

  .c-product-day-time-title {
    font-size: 0.75em;
    font-weight: 500;
    line-height: 1.5rem;
    
  }
  @media screen and (min-width: 768px) {
    .c-product-day-time-title {
      line-height: 0.75rem;
    }
  }
  @media screen and (min-width: 992px) {
    .c-product-day-time-item {
      line-height: 1.5rem;
    }
  }
  #time {
    display: flex;
    gap: 40px;
    color: #030309;
  }
  
  #time .circle {
    position: relative;
    width: 150px;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  #time .circle svg {
    position: relative;
    width: 150px;
    height: 150px;
    transform: rotate(270deg);
  }
  
  :root {
    --clr: #FF612B;
    --clr2: #FFF0EA;
  }
  
  /*--------------------
    THE CLOCK 
  ----------------------*/
  .clock {
    max-width: 16em;
    max-height: 16em;
  }
  
  .clock:after {
    content: "";
    width: 6em;
    height: 6em;
    background: #f1f1f1;
    border-radius: 50%;
  }
  
  /* SVG */
  .hands {
    width: 100%;
    height: 100%;
    -webkit-filter: drop-shadow(0px 4px 16px rgba(0, 0, 0, 0.15));
    filter: drop-shadow(0px 4px 16px rgba(0, 0, 0, 0.15));
  }
  
  circle {
    fill: #fff;
  }
  
  .seconds {
    stroke: #FF612B;
    transition: stroke-dasharray 0.2s cubic-bezier(0.2, 0.5, 0, 1);
    stroke-dasharray: 0 100;
    transform: rotate(-90deg);
    transform-origin: center;
  }
  
  .opacity-layer {
    stroke: #FF612B;
    opacity: 0.1;
  }
  
  .hands-absolute {
    position: absolute;
    z-index: 123;
  }
  
  .minutes {
    stroke: #FF612B;
    z-index: 2;
    transition: stroke-dasharray 0.4s cubic-bezier(0.5, 0.5, 0, 1);
    /* set a start position */
    stroke-dasharray: 0 100;
    transform: rotate(-90deg);
    transform-origin: center;
  }
  
  .hours {
    stroke: #FF612B;
    z-index: 3;
    transition: stroke-dasharray 0.6s cubic-bezier(0.5, 0.5, 0, 1);
    stroke-dasharray: 0 100;
    transform: rotate(-90deg);
    transform-origin: center;
  }

.product-day-fallback {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}

.product-day-fallback__item {
  width: 100%;
  margin-top: 16px;
}

.product-day-fallback__item img {
  display: block;
  height: auto;
  max-width: 100%;
  width: 100%;
}

.product-day-alternative {
  margin-top: 16px;
}

.product-day-alternative,
.product-day-alternative__link,
.product-day-alternative picture,
.product-day-alternative img {
  display: block;
  width: 100%;
}

.product-day-alternative img {
  height: auto;
  max-width: 100%;
  border-radius: 4px;
}
@media screen and (min-width: 768px) {
  .product-day-fallback__installments {
      padding: 8px 0 0 0;
  }
}
@media screen and (min-width: 992px) {
.product-day-fallback__installments {
    margin-top: 24px;
    padding: 8px 0 0 0;
  }
}

@media screen and (min-width: 768px) {
  .product-day-alternative {
    margin-top: unset;
    padding: 8px 0;
  }
}

@media screen and (min-width: 992px) {
  .product-day-alternative {
    margin-bottom: 24px;
    margin-top: 24px;
    padding: 8px 0;
  }
}