.cms-giftcard .gift-title span{
    font: normal normal 38px/46px "proxima-nova-wide"  ,sans-serif !important;
}

.cms-giftcard .gift-title{
    margin-top:40px
}

.cms-giftcard .gift-title p{
    margin:25px auto; 
    max-width: 600px;
}

.cms-giftcard .check-balance a{
    font: normal normal 15px/20px "proxima-nova-wide"  ,sans-serif!important;
}

.cms-giftcard #contact-page h3 span{
    font: normal normal 38px/20px "proxima-nova-wide"  ,sans-serif !important;

}

.cms-giftcard .elioevan-highlight{
    padding: 100px 0px;
}

.cms-giftcard .elioevan-title {
    font: normal normal  26px/32px "proxima-nova-wide"  ,sans-serif !important;
    text-align: center;
  }
  
 .cms-giftcard .elioevan-description {
    max-width: 520px;
    display: block;
    margin: 0 auto 15px auto;
    text-align: left;
    text-align-last: center; 
  }

  
 .cms-giftcard .elioevan-sustainability {
    display: block;
    font: normal normal bold 16px/20px "proxima-nova-wide" ,sans-serif !important;
    margin-top:60px; 
    text-align: center;
  }

  .cms-giftcard .contact-grid-element{
    width: 470px;
    padding:50px 0px;
  }

  .cms-giftcard .contact-grid-element.email{
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
  }

  .cms-giftcard .gift-box h3{
    font: normal normal 600 20px/24px "proxima-nova-wide"  ,sans-serif !important;
  }

  .cms-giftcard .gift-box{
    max-width: 525px;
    display: flex;
    flex-direction: column;
  }

  .cms-giftcard .gift-box p{
    min-height: 75px;
    flex: 1 1 auto;
  }

  .cms-giftcard .gift-box button{
    margin-top: auto;
  }

  /* Equal-height gift boxes: parent stretches children so buttons align */
  .cms-giftcard .gift-section{
    display: flex;
    align-items: stretch;
  }

.cms-giftcard #contact-page{
    margin-top:60px;
}


#cdz-custom-sidebar .floating-label {
  position: absolute;
  left: 1rem;
  top: 1.7rem;
  transition: all 0.2s ease-in-out;
  z-index: 2;
  pointer-events: none;
  color: #9c9c9c 
}

/* X close button inside giftcard sidebar – no stacking, part of layout */
#cdz-custom-sidebar .giftcard-sidebar-close {
  position: absolute;
  top: 30px;
  right: 50px;
  width: 22px;
  height: 22px;
  padding: 0;
  margin: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  display: block;
}
#cdz-custom-sidebar .giftcard-sidebar-close:hover,
#cdz-custom-sidebar .giftcard-sidebar-close:focus,
#cdz-custom-sidebar .giftcard-sidebar-close:active {
  background: transparent;
  border: none;
  outline: none;
}
#cdz-custom-sidebar .giftcard-sidebar-close svg {
  display: block;
  width: 22px;
  height: 22px;
}

.cdz-custom-sidebar {
      position: fixed;
      right: 0;
      top: 0;
      height: 100%;
      background: #fff;
      box-shadow: -2px 0 5px rgba(0, 0, 0, 0.3);
      z-index: 1000;
      padding: 100px 40px;
      overflow-y: auto;
}


#cdz-custom-sidebar .floating-label .label-text {
    color: #999 !important;
    font: normal normal normal 14px/18px "proxima-nova-wide"  ,sans-serif !important;
}


#cdz-custom-sidebar .floating-label.is-floating .label-text {
    color: black !important;
    font-size: calc(var(--default-font-size) - 8px) !important;
}

#gift-amount-select{
  font: normal normal 15px/18px "proxima-nova-wide" ,sans-serif !important
}

#cdz-custom-sidebar .floating-label .label-required {
    color: #999 !important;
    margin-left: 1px;
}

#cdz-custom-sidebar .floating-label.is-floating {
    top: -1rem;
    color: #000;
    left: 10px;
    padding-inline: 4px;
    font-size: calc(var(--default-font-size) - 8px) !important;
    background: white;
}

#cdz-custom-sidebar .error-message{
  display: block !important;
}

#cdz-custom-sidebar #gift-amount{
  border: none !important;
  border-bottom: 2px solid #555 !important;
}

#cdz-custom-sidebar .action.tocart.primary{
  background: black ;
  color: white !important;
  min-width: 160px ;
  width: 100% ;
}
#cdz-custom-sidebar .action.tocart.primary span{
  color: white !important;
  font-size: calc(var(--default-font-size) - 2px) !important;
}

#cdz-custom-sidebar .sidebar-title{
  font: normal normal 600 20px/24px "proxima-nova-wide"  ,sans-serif !important;
  text-transform: uppercase;
}



 .modal-inner-wrap .cdz-custom-sidebar .clear-button:hover{
   background: transparent !important;
 }

.cdz-custom-sidebar {
  position: fixed;
  right: 0;
  top: 0;
  height: 100%;
  background: #fff;
  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.3);
  z-index: 1000;
  padding: 100px 50px 0px 30px !important;
  overflow-y: auto;
}

.cms-giftcard .gift-box button span{
    font: normal normal 14px / 17px "proxima-nova-wide"  ,sans-serif !important;
    color:white !important
}

.cms-giftcard .contact-grid-element h5{
    font: normal bold 14px/17px "proxima-nova-wide"  ,sans-serif !important;
    margin-top:10px
}

.cms-giftcard .gift-box button:hover span{
  color: #FFC100 !important
}

.cms-giftcard .login-check-link{
  display: block;
  text-align: center;
}


/* mobile repsonsive */
@media  (max-width:568px) {
  .cms-giftcard  .gift-section{
    max-width: 100% !important;
    flex-direction: column !important;
  }
  .cms-giftcard #contact-page .contact-grid-element p {
    width: 100% !important;
  }
  .cms-giftcard .elioevan-highlight {
    padding:30px 0px !important
  }
  .cms-giftcard .elioevan-sustainability {
   margin-top:40px !important;
   padding-inline: 25px !important;
  }
  .cms-giftcard .gift-title span {
    font: normal normal 32px / 46px "proxima-nova-wide"  ,sans-serif !important;
}
 .cms-giftcard .gift-box{
    padding: 10px 60px !important
 }
 .cms-giftcard #contact-page h3 span {
    font: normal normal 32px / 20px "proxima-nova-wide"  ,sans-serif !important;
}
.cms-giftcard .elioevan-description{
    text-align:center !important;
    margin:0 25px 15px 25px !important
}
.cms-giftcard .gift-title p{
    margin:25px 15px !important
}

#cdz-custom-sidebar .sidebar-title{
  margin: 20px 0 20px !important;
  font: normal normal 600 16px / 24px "proxima-nova-wide" ,sans-serif !important;


}

.cms-giftcard .contact-grid-element{
  width: 50% !important;
  margin:0px auto !important;
  padding:20px 0px !important
}

.sidebar-paragrapho{
  margin-bottom: 3rem !important;
}

.cms-giftcard .contact-grid-element.email{
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    border-left: none !important;
    border-right:  none !important;

}

.cms-giftcard .contact-container-grid{
  flex-direction: column !important;
}

.cdz-custom-sidebar {
  padding: 20px 25px 25px 25px !important
}

.cdz-custom-sidebar .filled-input.filled{
  border-color: black !important;
}


      #cdz-custom-sidebar .giftcard-sidebar-close {
          top: 12px;
          right: 20px;
      }
      

}

/* tablet */
@media (max-width:1024px) and (min-width:700px) {
    .cms-giftcard .gift-box h3{
   font: normal normal 600 17px / 24px "proxima-nova-wide"  ,sans-serif !important;
}
}