#product .img-gift {
  margin-top: 10px;
  border-radius: 10px;
}

#product .img-gift img {
  border-radius: 10px;
}

/* new -- interrogation icon -- 22-01-2024 */
#product .interrogation-icon {
  color: #000;
  border: 1px solid #888;
  padding: 0px 7px;
  border-radius: 9999px;
}

/* 
    Handling tootip style 
    --- 11-01-2024
*/
#product .tooltip-trigger {
  position: relative;
  display: inline-block;
  /* border-bottom: 1px dotted black; */
}

#product .tooltip-trigger .tooltip-text {
  font-size: 12px;
  padding: 8px 4px;
  visibility: hidden;
  width: 240px;
  background-color: #030303aa;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  /* padding: 5px 0;s */
  position: absolute;
  z-index: 4;
  top: 120%;
  left: -75%;
  margin-left: -60px;
}

#product .tooltip-trigger .tooltip-text::after {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #030303aa transparent;
}

#product .tooltip-trigger:hover .tooltip-text {
  visibility: visible;
}

/* MINOR CHANGES FOR TINY SCREEN DEVICES */
@media (max-width: 569px) {
  #product .product-quantity .qty {
    margin-left: 25%;
  }
}

/* product additional information for certideal products */
#product .certideal-additional-information {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  margin-top: 10px;
}

#product .certideal-additional-information-img-container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}

#product .certideal-additional-information-img {
  margin: 0;
}

#product .certideal-additional-information-link-container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

#product .certideal-additional-information-link {
  font-weight: 600;
  color: white;
  color: #48cae4;
  text-decoration: underline;
}

#product .certideal-additional-information-img-container .certideal-additional-information-text {
  font-size: 16px;
  font-weight: 600;
  color: #48cae4;
}

/***/
/* remove modal styles */
/***/

#product .option-item {
  cursor: pointer;
  margin: 0;
  padding: 20px 16px 20px 16px;
  min-width: 114px;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  border: 1px solid #48cae4;
  border-radius: 4px;
  transition: all 0.5s ease;
}

#product .option-item:hover,
#product .option-item.selected {
  background-color: #48cae4;
  color: white;
}

#product .option-item input {
  position: absolute;
  opacity: 0;
}

/**
* N TIMES PAYMENT MODIFIERS
* CUSTOM LARGE TOOLTIP ON PRODUCT PAGE
* IT'S A LIGHT THEMED TOOLTIP THAT SHOWS UP ON THE PAGE 
*
*/

#product .custom-tooltip-outer-link {
  font-size: 18px;
  text-decoration: underline;
  color: #146cda;
  cursor: pointer;
}

#product .custom-tooltip-outer-link:hover,
#product .custom-tooltip-outer-link:active {
  color: #0c3c79;
}

#product .custom-tooltip-trigger {
  position: relative;
  display: inline-block;
  width: 100%;
  /* border-bottom: 1px dotted black; */
}

#product .custom-tooltip-trigger .custom-tooltip-content p {
  color: #2e2e2e;
  font-size: 15px;
  display: block;
}

#product .custom-tooltip-trigger .custom-tooltip-content {
  padding: 24px;
  visibility: hidden;
  width: 460px;
  background-color: #f7f7f7;
  color: #2e2e2e;
  border-radius: 12px;
  position: absolute;
  z-index: 4;
  top: 48px;
  left: -40%;
  margin-left: -60px;
  box-shadow: 0px 0px 64px #03030330;
  text-align: left;
  font-size: 15px;
  letter-spacing: 0.45px;
  opacity: 0;
  transition:
    240ms opacity ease 120ms,
    240ms visibility ease 120ms;
}

#product .custom-tooltip-trigger .custom-tooltip-content::after {
  content: '';
  position: absolute;
  bottom: 100%;
  right: 20%;
  margin-left: -5px;
  border-width: 14px;
  border-style: solid;
  border-color: transparent transparent #f7f7f7 transparent;
}

#product .custom-tooltip-trigger:focus-within .custom-tooltip-content,
#product .custom-tooltip-trigger > span:hover + .custom-tooltip-content,
#product .custom-tooltip-trigger .custom-tooltip-content:hover,
#product .custom-tooltip-trigger .custom-tooltip-content:focus {
  visibility: visible;
  opacity: 1;
}

#product .custom-tooltip-trigger .custom-tooltip-content ol {
  list-style-type: decimal;
}

#product .custom-tooltip-trigger .custom-tooltip-content ol li::marker {
  font-weight: bolder;
}

#product .custom-tooltip-footer {
  text-align: right;
}

#product .custom-tooltip-inner-link {
  color: #146cda;
  font-weight: 700;
}

@media (max-width: 767px) {
  #product .custom-tooltip-trigger .custom-tooltip-content {
    left: 0;
    right: unset;
    margin: 0;
    max-width: calc(100vw - 32px);
  }
  #product .custom-tooltip-trigger .custom-tooltip-content::after {
    left: 50%;
    right: unset;
  }
}

/* 
  PAGE CMS "DEVENIR VENDEUR SUR ZOMA MARKETPLACE"
 ___  _____   _____ _  _ ___ ___        __   _____ _  _ ___  ___ _   _ ___ 
|   \| __\ \ / / __| \| |_ _| _ \  ___  \ \ / / __| \| |   \| __| | | | _ \
| |) | _| \ V /| _|| .` || ||   / |___|  \ V /| _|| .` | |) | _|| |_| |   /
|___/|___| \_/ |___|_|\_|___|_|_\         \_/ |___|_|\_|___/|___|\___/|_|_\

*/

#devenir-vendeur .custom-text-color {
  color: #283847;
}

#devenir-vendeur .heading {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

#devenir-vendeur .steps-container {
  padding: 0 32px;
}

#devenir-vendeur .step .caption {
  font-size: 17px;
  letter-spacing: 1px;
  padding: 0 16px;
  color: #000;
}

#devenir-vendeur .step .caption b {
  color: #283847;
}

#devenir-vendeur .step .circle-num {
  font-size: 30px;
  font-weight: 700;
  border-radius: 999px;
  display: inline-flex;
  height: 54px;
  width: 54px;
  line-height: 1.25;
  justify-content: center;
  color: #283847;
  align-items: center;
  background: rgb(244, 205, 50);
  background: linear-gradient(135deg, rgba(244, 205, 50, 1) 50%, rgba(248, 220, 112, 1) 51%);
}

#devenir-vendeur .custom-cta-link {
  font-size: 16px;
  padding: 16px 40px;
  color: #fff;
  background-color: #2bb04a;
  border-radius: 8px;
  display: inline-block;
  letter-spacing: 1px;
}

#devenir-vendeur .custom-cta-link:hover {
  color: #fff;
  background-color: #3bbe00;
}

@media (max-width: 767px) {
  #devenir-vendeur .heading {
    font-size: 20px;
  }

  #devenir-vendeur .steps-container {
    padding: 0;
  }

  #devenir-vendeur .step:not(:last-child) {
    margin-bottom: 40px;
  }

  #devenir-vendeur .custom-cta-link {
    width: 100%;
  }
}

/*
  traveling variants
*/
@media (max-width: 580px) {
  #product .product-variants.traveling-variants .product-variants-item:nth-child(1) ul {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
  }
}

@media (min-width: 768px) {
  #product .product-variants.traveling-variants {
    margin-top: 96px !important;
  }
}

@media (min-width: 991px) and (max-width: 1199px) {
  #product .product-variants.traveling-variants {
    margin-top: 100px !important;
    transform: translateX(-420px);
  }
}

@media (min-width: 1200px) {
  #product .product-variants.traveling-variants {
    margin-top: 120px !important;
  }
}

@media (min-width: 1350px) {
  #product .product-variants.traveling-variants {
  }
}