@charset "utf-8";

.pdp-sticky-wrapper { display: flex; width: 100%; gap: 75px; padding: 0px 5% 5%; }

.pdp-sticky-left-column { flex: 7 1 0%; gap: 25px; padding-top: 20px; }

.pdp-sticky-right-column { flex: 5 1 0%; position: relative; padding-top: 32px; height: auto; align-items: stretch; }

.pdp-sticky-element { position: sticky; top: 100px; }

.pdp-sticky-right-column::after { content: ""; display: block; height: calc(100% - 125px); }

.pdp-product-media-wrapper { display: flex; height: auto; gap: 25px; }

.pdp-product-media-wrapper img { border-radius: 20px; }

.pdp-product-media-l { flex: 9 1 0%; height: 100%; padding-top: 10px; }

.pdp-product-media-r { flex: 3 1 0%; height: 100%; }

.custom-product-media-r { width: 100%; height: 100%; padding: 10px 0px 0px; display: flex; justify-content: space-evenly; flex-direction: column; gap: 12px; }

.custom-product-media-top-flex { flex: 1 1 0%; text-align: center; border-radius: 30px; background-color: rgb(48, 106, 80); display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }

.custom-product-media-mid-flex { flex: 1 1 0%; text-align: center; border-radius: 30px; background-color: rgb(48, 106, 80); display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }

.custom-product-media-bottom-flex { flex: 1 1 0%; text-align: center; border-radius: 30px; background-color: rgb(48, 106, 80); display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }

.custom-product-media { display: flex; width: 100%; height: 100%; gap: 10px; }

.custom-product-media-l { flex: 9 1 0%; height: 100%; }

.custom-product-media-r { flex: 3 1 0%; height: auto; position: relative; }

.custom-product-media-r img { width: 100%; height: auto; max-width: 8vw; background-color: rgb(48, 106, 80); }

.custom-product-media-top-flex { width: 100%; height: auto; position: relative; }

.custom-product-media-mid-flex { width: 100%; height: auto; position: relative; }

.custom-product-media-bottom-flex { width: 100%; height: auto; position: relative; }

.custom-pdp-mobile-carousel { display: none; }

@media only screen and (max-width: 1260px) {
  .custom-product-media-top-flex { border-radius: 15px; }
  .custom-product-media-mid-flex { border-radius: 15px; }
  .custom-product-media-bottom-flex { border-radius: 15px; }
}

@media only screen and (max-width: 766px) {
  .pdp-sticky-wrapper { display: flex; flex-direction: column; width: 100%; gap: 0px; padding: 0px 5%; }
  .pdp-sticky-left-column { padding-top: 0px; }
  .pdp-product-media-l { padding-top: 0px; }
  .pdp-product-media-wrapper { display: flex; height: auto; gap: 25px; flex-direction: column; }
  .custom-product-media-r { display: none; }
  .custom-product-media-top-flex { width: 100%; height: auto; position: relative; top: unset; padding: 2%; }
  .custom-product-media-mid-flex { width: 100%; height: auto; position: relative; top: unset; left: unset; transform: unset; padding: 2%; }
  .custom-product-media-bottom-flex { width: 100%; height: auto; position: relative; bottom: unset; padding: 2%; }
  .product-media-grid { display: none !important; }
  .custom-pdp-mobile-carousel { display: block !important; }
  .pdp-custom-product-image { display: none; }
  .pdp-sticky-right-column { padding-top: 0px; }
}

@media only screen and (min-width: 767px) and (max-width: 1024px) {
}

@media only screen and (min-width: 1600px) {
  .pdp-sticky-wrapper { padding: 0px 10% 5%; }
}