/* Set Common styles for all types of PDP
* - such as Gallery, Description, EAD, Guarantee, etc. 
*/


/* ======= Override Styles - Start ====== */
.details_page .product-detail-wrapper .row::before,
.details_page .product-detail-wrapper .row::after {
    display: none;
}
/* ======= Override Styles - End ====== */


/* ======= Common Price style - Start ====== */
html .sale-price {
    color: var(--text-color-price-sale);
    white-space: nowrap;
}
html .original-price {
    color: var(--text-color-price-strike);
}
html .text-comp-value {
    color: var(--text-color-price-strike);
}
/* ======= Common Price style - End ====== */


/* ======= Common Favorite Button - Start ====== */
html .btn_fav {
    background: url("/templates/images/icons/icon-favorite-thin.svg") no-repeat;
    background-size: 100% 100%;
    position: unset;
    width: 100%;
    height: 100%;
    margin: 0;
}
html .btn_unfav {
    background: url("/templates/images/icons/icon-favorite-thin-selected.svg") no-repeat;
    background-size: 100% 100%;
    animation: scaleUpForFavoriteButton 0.5s ease-in-out;
}
@keyframes scaleUpForFavoriteButton {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}
/* ======= Common Favorite Button - End ====== */

/* ======= WEB upload photo tray - Start ====== */
html .web-upload-photo-dialog .qr-code-section .qr-instructions,
html .web-upload-photo-dialog .sms-section .sms-description,
html .web-upload-photo-dialog .sms-section .sms-disclaimer {
  font-size: 1.2rem;
}
html .phone-upload-body {
  color: var(--color-pa-dark-grey);
}
/* ======= WEB upload photo tray - End ====== */



/* ======= PDP Main & layout - Start ====== */
html .details_page {
    color: var(--color-pa-dark-grey);
}
/* ======= PDP Main & layout - End ====== */


/* ======= PDP Price - Start ====== */
.details_page .component-price {
    display: inline-flex;
    flex-direction: row-reverse;
    align-items: center;
    flex-wrap: wrap-reverse;
    justify-content: flex-start;
}
.component-price .price-loading {
    width: 2rem;
}
.details_page .product-info .product-price .component-price .org-and-sale-price {
    display: flex;
    flex-direction: row-reverse;
}
/* ======= PDP Price - End ====== */


/* ======= PDP Options Common - Start ====== */
/* - sold out */
html .container-main-options .sold-out>div {
    cursor: default;
}
html .container-main-options .sold-out .option-text,
html .container-main-options .sold-out img {
    opacity: 0.3;
}
html .container-main-options .sold-out>div::after {
    position: absolute;
    content: 'SOLD OUT';
    border: 0.1rem solid var(--color-highlight-darken);
    color: var(--color-highlight-darken);
    font-weight: bold;
    padding: .4rem;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: var(--font-size-sm);
    text-align: center;
}
/* ======= PDP Options Common - End ====== */


/* ======= PDP Gallery Images - Start ====== */
.container-gallery-wrapper .gallery-image-wrapper {
    position: relative;
}
/* - thumnail */
.details_page .product-thumbnails .container-icon-arrow {
    position: unset;
}
/* - arrow */
.details_page .container-product-image .display-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.40);
    opacity: 1;
    width: 10.25vmin;
    height: 10.25vmin;
}
.details_page .container-product-image .display-arrow.display-prev-arrow {
    left: 2.05vmin;
}
.details_page .container-product-image .display-arrow.display-next-arrow {
    right: 2.05vmin;
}
.details_page .image-info-wrapper .container-product-image .display-arrow:before {
    content: '';
    border: none;
    background: url("/templates/images/icons/icon-arrow-white.svg") no-repeat;
    background-size: 100% 100%;
    transform: none;
    left: 0;
}
.details_page .image-info-wrapper .container-product-image .display-arrow.display-prev-arrow:before {
    transform: rotate(180deg);
}
.details_page .container-product-image .g-icon-arrow {
    width: 2rem;
    height: 1rem;
    background: transparent var(--pdp-icon-arrow) center / 100% no-repeat;
}
.details_page .container-product-image .g-icon-arrow.g-icon-arrow-down {
    transform: rotate(0deg);
}
.details_page .container-product-image .g-icon-arrow.g-icon-arrow-up {
    transform: rotate(180deg);
}
.details_page .container-product-image .g-icon-arrow.g-icon-arrow-left {
    transform: rotate(90deg);
}
.details_page .container-product-image .g-icon-arrow.g-icon-arrow-right {
    transform: rotate(-90deg);
}
/* - num indicator */
.details_page .image-num-indicator {
    border: none;
    background: #F3F3F4;
    right: 4.1vmin;
    bottom: unset;
    top: 89.45vmin;
}
.image-num-indicator>p {
    color: #3A444D;
}
/* - gallery label */
.details_page .container-product-image:not(.ucd-editing) .main-gallery-label {
    display: none;
}
/* - zoom background */
.details_page .zoom-preview-outer:hover {
    background: var(--bg-color-product-preview-pdp);
}
/* - favorite */
.details_page .container-favorite-icon {
    position: absolute;
}
.details_page .container-favorite-icon .btn_unfav {
    position: unset;
    margin: 0;
  }
/* ======= PDP Gallery Images - End ====== */


/* ======= PDP Tier Qty Price Common - Start ====== */
.tier_quantity_input {
    font-size: 1.6rem;
    font-weight: var(--font-weight-semibold);
    width: 5.6rem;
    height: 4.8rem;
    border-color: var(--text-color-price-strike);
    padding-left: 0;
    outline: none;
    border: 0.1rem solid rgba(0, 0, 0, 0.20);
    border-radius: 0.4rem;
    text-align: center;
}
.tier_next_level_desc {
    margin-top: 2rem;
    margin-bottom: 1rem;
    color: var(--color-pa-dark-grey);
    font-size: 1.8rem;
    font-weight: var(--font-weight-semibold);
}
.tier_discount_detail {
    font-size: 1.6rem;
    font-weight: normal;
    color: var(--text-color-primary);
    cursor: pointer;
}
.component-price .price-prefix {
    font-size: 1.4rem;
    font-weight: var(--font-weight-regular);
    line-height: 2rem;
    color: var(--text-color-default);
    margin: 0 0.4rem 0 0;
}
html .component-price.show-each .original-price:after {
    content: '';
    display: inline;
}
.tier-product-price .component-price .original-price {
    font-size: 1.8rem;
}
.tier-product-price .component-price .text-comp-value {
    font-size: 1.2rem !important;
}
/* ======= PDP Tier Price Common - End ====== */


/* ======= EAD - Start ====== */
.details_page .product-arrival-date {
    display: none;
    align-items: center;
    justify-content: center;
    border-top: solid 0.1rem var(--color-pa-light-grey-9);
    border-bottom: solid 0.1rem var(--color-pa-light-grey-9);
    padding: 1.2rem 0.6rem;
    font-size: 1.6rem;
    line-height: 1.9rem;
    margin: 1.6rem 0 0;
}
.details_page .product-arrival-date .date-label {
    display: flex;
    align-items: center;
    color: var(--text-color-secondary);
}
.details_page .product-arrival-date .date-value {
    color: var(--text-color-primary);
    font-weight: bold;
}
.details_page .product-arrival-date .ead-icon {
    width: 2.1rem;
    height: 2.1rem;
    margin-right: 0.8rem;
    background: var(--pdp-icon-ead) no-repeat;
}
/* ======= EAD - End ====== */

/* ======= Operate (Qty & CAT button) - Start ====== */
.details_page .product-operate {
    display: flex;
    margin-top: 1.6rem;
    margin-bottom: 1.6rem;
}
.details_page .product-quantity .container-qty,
.details_page .product-personalize {
    height: 4rem;
    font-size: 1.2rem;
}
/* - qty */
.details_page .product-quantity {
    max-width: 12.8rem;
    margin-right: 1.6rem;
    border: none;
}
.details_page .product-quantity .container-qty {
    border: none;
    border-radius: var(--border-radius-middle);
    background: var(--color-pa-light-grey-8);
    overflow: hidden;
}
/* - perz button */
.details_page .personalize-button {
    width: 100%;
    height: 100%;
    border-radius: var(--border-radius-middle);
    border: none;
    font-size: 1.2rem;
    font-weight: bold;
    text-transform: uppercase;
    font-family: Nobel;
    letter-spacing: 0.10em;
    color: var(--btn-color);
    background-color: var(--btn-turquoise-bg-color);
    border-color: var(--btn-turquoise-border-color);
}
.details_page .product-operate .product-personalize {
    margin-left: 0;
}
/* ======= Operate (Qty & CAT button) - End ====== */


/* ======= PDP Guarantee - Start ====== */
html .details_page .satisfaction-guarantee {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
html .details_page .satisfaction-guarantee p {
    margin: 0;
}
html .details_page .satisfaction-guarantee .guarantee-logo {
    margin: 0 1.6rem;
}
/* ======= PDP Guarantee - End ====== */


/* ======= PDP Related Products (YMAL & Rencent) - Start ====== */
.details_page .product-related-wrapper .design-image {
  margin: 0;
}
.details_page .product-related-wrapper .stackable-image-container {
  aspect-ratio: 1;
}
.details_page .product-related-wrapper .design-image img {
  border-radius: 0;
  max-height: 100%;
  object-fit: cover;
  aspect-ratio: 1;
}
.details_page .product-related-wrapper .design-title {
  color: var(--color-pa-dark-grey);
  font-size: var(--product-card-title-font-size);
  font-weight: var(--font-weight-regular);
  line-height: var(--product-card-title-line-height);
  margin-top: 1.6rem;
  margin-bottom: 0.4rem;
  font-family: inherit;
  overflow-wrap: anywhere;
}
.details_page .product-related-wrapper .design-price-tips {
  font-size: var(--product-card-starting-font-size);
  font-weight: var(--font-weight-regular);
  line-height: var(--product-card-starting-line-height);
  margin-right: 0.4rem;
  color: var(--text-color-price-strike);
}
.details_page .product-related-wrapper .design-price {
  margin-bottom: 0;
}
.details_page .product-related-wrapper .component-price.with_price_comp_value {
  flex-wrap: nowrap;
}
.details_page .product-related-wrapper .sale-price {
  font-size: var(--product-card-DRP-font-size);
  line-height: var(--product-card-DRP-line-height);
  font-weight: var(--font-weight-bold);
  color: var(--text-color-price-sale);
}
.details_page .product-related-wrapper .original-price {
  font-size: var(--product-card-SRP-font-size);
  line-height: var(--product-card-SRP-line-height);
  font-weight: var(--font-weight-medium);
  margin-left: 0.4rem !important;
  color: var(--text-color-price-strike);
}
.details_page .product-related-wrapper .component-price.with_price_comp_value .text-comp-value {
  font-size: var(--product-card-compvalue-font-size);
  line-height: var(--product-card-compvalue-line-height);
  font-weight: var(--font-weight-regular);
  margin-left: 0.4rem;
  color: var(--text-color-comp-value);
}
.details_page .product-related-wrapper .designs-tag-new {
  position: absolute;
  top: 0.8rem;
  left: 0;
}
.details_page .product-related-wrapper .designs-tag-new span {
  border-radius: 0px 0.4rem 0.4rem 0px;
  background: var(--color-pa-white);
  padding: 0.4rem;
  color: var(--color-primary);
  font-weight: 900;
  font-size: 1.4rem;
  line-height: 2rem;
  height: auto;
}
.details_page .product-related-wrapper .designs-tag-new span {
  position: static;
  display: block;
}
/* ======= PDP Related Products (YMAL & Rencent) - End ====== */





/* mobile */
@media (max-width: 575px) {
    html .sale-price {
        color: var(--color-pa-red-3);
        white-space: nowrap;
    }
    html .original-price {
        color: var(--color-pa-light-grey-11);
    }
    html .text-comp-value {
        color: var(--color-pa-light-grey-11);
    }
    html .details_page .product-info span{
        margin: 0;
    }



    /* ======= PDP Gallery Images - Start ====== */
    .details_page .container-product-image {
        width: 100%;
        height: auto;
        flex-direction: column-reverse;
        justify-content: flex-end;
    }
    .details_page .image-info-wrapper {
        position: relative;
    }
    /* - thumnnail */
    html .details_page .product-thumbnails .thumbnail-item {
        margin-top: 2.05vmin;
        margin-bottom: 2.05vmin;
    }
    /* - favorite */
    .details_page .container-favorite-icon {
        width: 10.25vmin;
        height: 10.25vmin;
        top: 4.1vmin;
        bottom: unset;
        right: 4.1vmin;
        left: unset;
        padding: 1.025vmin;
        background: var(--color-pa-white-op60);
        border-radius: 50%;
    }
    html .details_page .container-favorite-icon>div {
        width: 8.2vmin;
        height: 8.2vmin;
    }
    /* - new tag */
    .details_page .container-gallery .new-tag {
        left: 4.1vmin;
        top: 4.1vmin;
        padding: 2.05vmin;
        font-size: 4.1vmin;
    }
    /* - num indicator */
    .image-num-indicator >p {
        margin: 0;
    }
    /* ======= PDP Gallery Images - End ====== */

    /* ======= PDP product header - Start ====== */
    html .details_page .product-detail-content.no-thumbnails .product-info-wrapper {
        margin-top: 2.05vmin;
    }
    .details_page .product-info-wrapper>div.product-info {
        padding: 2.05vmin 4.1vmin 3.07vmin;
        border-bottom: solid 0.1rem var(--color-pa-dark-indigo-op10);
    }
    .details_page .product-title {
        font-size: 5.12vmin;
        line-height: 6.15vmin;
        font-weight: var(--font-weight-semibold);
        margin-bottom: 2.05vmin;
        font-family: inherit;
        color: inherit;
        text-align: left;
    }
    /* ======= PDP product header - End ====== */

    /* ======= PDP header price - Start ====== */
    
    .details_page .product-info .product-price {
        line-height: 5.12vmin;
        height: 5.12vmin;
        margin-bottom: 2.05vmin;
    }
    .details_page .product-info .product-price>.price-caption,
    .details_page .product-info .original-price,
    .details_page .product-info .text-comp-value {
        font-size: 3.58vmin;
        font-weight: var(--font-weight-regular);
        line-height: 5.64vmin;
    }
    .details_page .tier-product-price .product-price>.price-caption {
        flex: 0;
    }
    .details_page .product-info .sale-price {
        font-size: 5.64vmin;
        font-weight: var(--font-weight-bold);
        line-height: 5.64vmin;
    }
    .details_page .product-info .original-price {
        font-size: 4.61vmin;
        font-weight: var(--font-weight-medium);
    }
    .details_page .product-info .text-comp-value {
        font-size: 3.07vmin;
    }
    .details_page .afterpay-wrapper afterpay-placement {
        text-align: left;
        --logo-badge-width: 7rem;
        font-weight: var(--font-weight-regular);
        color: var(--color-black);
    }
    /* ======= PDP header price - End ====== */

    /* ======= PDP Options Common - Start ====== */
    .details_page .container-main-options {
        padding: 0 4.1vmin;
        margin-bottom: 4.1vmin;
    }
    /* ======= PDP Options Common - End ====== */

    /* ======= Operate (Qty & CAT button) - Start ====== */
    .product-operate-wrapper {
        padding: 0 4.1vmin;
    }
    .details_page .product-operate {
        padding: 3.07vmin 4.1vmin;
        margin: 2.05vmin 0 0;
    }
    .details_page .product-info-wrapper>div.product-operate-wrapper.normal-operate .product-operate {
        padding: 0;
        margin: 3.07vmin 0;
    }
    .details_page .product-quantity .container-qty,
    .details_page .product-personalize {
      height: 12.4vmin;
    }
    /* - qty */
    .details_page .product-quantity {
        max-width: 28.9vmin;
        margin-right: 2.05vmin;
        height: auto;
    }
    .details_page .product-operate .container-caption-quantity {
        font-size: 1.4rem;
        font-weight: var(--font-weight-semibold);
        line-height: 1.6rem;
        text-transform: uppercase;
        display: block;
        margin-bottom: 0.4rem;
        text-align: start;
    }
    /* - perz button */
    .details_page .personalize-button.g-btn.secondary:not(.g-btn-loading):not(.g-disabled):not(:disabled):hover,
    .details_page .personalize-button {
        text-transform: uppercase;
        background-color: var(--color-primary);
        border-color: var(--color-primary);
        font-size: 3.86vw;
    }

    /* ======= Operate (Qty & CAT button) - End ====== */


    /* ======= EAD - Start ====== */
    .details_page .product-arrival-date {
        margin-top: 0;
        padding: 1.79vmin;
        font-size: 3.58vmin;
        line-height: 4.1vmin;
    }
    .details_page .product-arrival-date .date-label {
        margin-right: 2.05vmin;
    }
    .details_page .product-arrival-date .date-label span {
        margin-left: 0;
    }
    .details_page .product-arrival-date .ead-icon {
        margin-right: 2.05vmin;
    }
    /* ======= EAD - End ====== */

    /* ======= PDP Guarantee - Start ====== */
    html .details_page .satisfaction-guarantee {
        width: unset;
        padding: 5.12vmin 0;
        margin: 0 4.1vmin;
    }
    /* ======= PDP Guarantee - End ====== */


    /* ======= PDP product description - Start ====== */
    .details_page .product-info-wrapper>div.product-desc-wrapper {
        margin-top: 0;
        padding: 0 4.1vmin 0;
    }
    .details_page .product-desc-wrapper .lessmore-bullets.component-bullets-description {
        padding-bottom: 3.07vmin;
        border-bottom: solid 0.1rem var(--color-pa-dark-indigo-op10);
    }
    .details_page .lessmore-bullets .title {
        padding: 0;
        font-size: 5.12vmin;
        line-height: 1;
        font-weight: var(--font-weight-semibold);
        border-bottom: none;
        margin: 0;
    }
    .details_page .lessmore-bullets .product-description {
        font-size: 4.61vmin;
        line-height: 5.8vmin;
        font-weight: var(--font-weight-medium);
        padding: 2.05vmin 0 0;
        border: none;
    }
    .details_page .lessmore-bullets.component-bullets-description ul {
        margin-top: 2.05vmin;
        font-weight: var(--font-weight-regular);
    }
    .details_page .lessmore-bullets.component-bullets-description ul li {
        margin-top: 1.025vmin;
    }
    .details_page .lessmore-bullets.component-bullets-description .read-more-link {
        font-size: 4.1vmin;
    }
    /* ======= PDP product description - End ====== */


    /* ======= PDP Related Products (YMAL & Rencent) - End ====== */
    .details_page .product-related-wrapper {
        margin-top: 5.12vmin;
        overflow: hidden;
      }
    
      .details_page .product-related-wrapper .header-wrapper {
        padding: 1.54vmin 4.1vmin;
      }
    
      .details_page .product-related-wrapper .title {
        font-size: 5.12vmin;
        line-height: 7.18vmin;
        font-weight: var(--font-weight-semibold);
      }
    
      .details_page .product-related-wrapper .container-designs {
        display: flex;
        margin: 2.05vmin -0.5vmin 0;
        flex-wrap: nowrap;
        overflow: hidden;
        overflow-x: auto;
        padding-bottom: 6.15vmin;
      }
    
      .details_page .product-related-wrapper .container-design {
        padding: 0 0.5vmin;
        margin-bottom: 0;
        position: relative;
        width: 45.38vmin;
        flex: 0 0 auto;
      }
    .details_page .product-related-wrapper .design-details {
        padding: 0 2.05vmin;
      }
      .details_page .product-related-wrapper .design-title {
        font-size: 3.58vmin;
        line-height: 5.12vmin;
        margin-top: 3.07vmin;
        margin-bottom: 2.05vmin;
      }
      .details_page .product-related-wrapper .design-price-tips {
        font-size: 3.58vmin;
        font-weight: var(--font-weight-regular);
        line-height: 4.1vmin;
        margin-bottom: 0;
        color: var(--color-pa-light-grey-11);
        display: block;
        margin-bottom: 1.025vmin;
      }
      .details_page .product-related-wrapper .sale-price {
        font-size: 4.1vmin;
        line-height: 4.1vmin;
        margin-left: 0;
        color: var(--color-pa-red-3);
      }
      .details_page .product-related-wrapper .original-price{
        font-size: 3.58vmin;
        line-height: 4.1vmin;
        color: var(--color-pa-light-grey-11);
      }
      .details_page .product-related-wrapper .component-price.with_price_comp_value .text-comp-value {
        font-size: 2.82vmin;
        line-height: 4.1vmin;
        font-weight: var(--font-weight-regular);
        color: var(--color-pa-light-grey-11);
      }
      .details_page .product-related-wrapper .designs-tag-new {
        position: absolute;
        top: 2.05vmin;
        left: 0;
      }
      .details_page .product-related-wrapper .designs-tag-new span {
        border-radius: 0 1.025vmin 1.025vmin 0;
        background: var(--color-pa-white);
        padding: 1.025vmin;
        color: var(--color-primary);
        font-weight: 900;
        font-size: 3.58vmin;
        line-height: 5.12vmin;
        height: auto;
      }
      .details_page .product-related-wrapper .designs-tag-new span {
        position: static;
      }
    /* ======= PDP Related Products (YMAL & Rencent) - End ====== */

    /* ======= PDP Custom Color - Start ====== */
    .web-custom-color-dialog.ui-dialog .ui-dialog-content.ui-widget-content {
        padding: 1rem 1.6rem !important;
    }
    .web-custom-color-dialog .color_wrapper .miniColors-selector.dependent {
        width: 100% !important;
        height: auto !important;
    }
    .web-custom-color-dialog.ui-widget-content .miniColors-selector .miniColors {
        width: 12rem !important;
    }
    /* ======= PDP Custom Color - End ====== */
}

/* desktop */
@media (min-width: 576px) {
    /* ========= (desktop) PDP Main & layout Start ========= */
    :root {
        --pdp-content-max-width: 940px;
    }
    html body {
        min-width: 97rem;
    }
    html .details_page {
        --pdp-main-part-gap: 1.6rem;
        --pdp-image-part-width: 51.2rem;
        --pdp-image-part-gap: 1.6rem;
        --pdp-main-image-size: 43rem;
        --pdp-thumbnail-image-size: 6.6rem;
    }
    html .details_page .product-detail-wrapper {
        max-width: var(--pdp-content-max-width);
        margin: 0 auto;
    }
    html .details_page .product-detail-wrapper .container {
        max-width: unset;
    }
    html .details_page .product-detail-content {
        margin-top: 1.6rem;
        display: flex;
        align-items: flex-start;
        gap: var(--pdp-main-part-gap);
    }
    html .details_page .product-detail-container {
        padding-bottom: 3.2rem;
        padding-top: 1.6rem;
    }
    html .details_page .product-detail-content .image-info-wrapper {
        margin-right: 0;
        width: var(--pdp-image-part-width);
        flex-basis: unset;
        flex-shrink: 0;
    }
    html .details_page .product-detail-content.no-thumbnails .image-info-wrapper {
        width: var(--pdp-main-image-size);
    }
    html .details_page .product-detail-content .product-info-wrapper {
        flex: 1;
        width: 100%;
        /* padding: 1rem; */
        /* border: 1px solid #cbc4c2; */
    }
    /* ========= (desktop) PDP Main & layout End ========= */

    /* ======= PDP Guarantee - Start ====== */
    html .details_page .satisfaction-guarantee {
        margin: 1rem 0 0;
    }
    /* ======= PDP Guarantee - End ====== */

    /* ======= PDP Breadcrumbs - Start ====== */
    /* ======= PDP Breadcrumbs - End ====== */

    /* ======= PDP Gallery Images - Start ====== */
    html .details_page .product-main-image {
        width: var(--pdp-main-image-size);
        height: var(--pdp-main-image-size);
        border: 0.2rem solid rgba(204, 204, 204, 0.20);
    }
    html .container-product-image .container-gallery-wrapper {
        width: var(--pdp-main-image-size);
    }
    /* - thumbnail */
    html .container-product-image .container-carousel {
        width: var(--pdp-thumbnail-image-size);
        height: var(--pdp-main-image-size);
        margin-right: var(--pdp-image-part-gap);
        flex: 0;
    }
    html .container-product-image .container-gallery-wrapper {
        width: var(--pdp-main-image-size);
    }
    html .product-thumbnails .thumbnail-item {
        width: var(--pdp-thumbnail-image-size);
        height: var(--pdp-thumbnail-image-size);
        margin: 0.5rem 0;
    }
    html .product-thumbnails .thumbnail-item:first-child {
        margin-top: 0;
    }
    html .product-thumbnails .thumbnail-item:last-child {
        margin-bottom: 0;
    }
    html .product-thumbnails .thumbnail-item {
        border: 0.1rem solid rgba(55, 50, 50, 0.20);
    }
    html .product-thumbnails .thumbnail-item .stackable-image-container {
        width: 100%;
        height: 100%;
    }
    html .product-thumbnails .thumbnail-item .stackable-image-container img {
        object-fit: contain;
    }
    /* - favorite button  */
    html .container-product-image .container-favorite-icon {
        top: 1.4rem;
        right: min(var(--gap-value-sm), 2rem);
        bottom: unset;
        left: unset;
        width: 4rem;
        height: 4rem;
        background: var(--color-pa-white-op60);
        border-radius: 50%;
        padding: 0.5rem;
    }
    /* - num indicator */
    html .container-product-image .image-indicators,
    html .container-product-image .image-num-indicator {
        display: none;
    }
    /* ======= PDP Gallery Images - End ====== */

    /* ======= PDP product description - Start ====== */
    .details_page .product-desc-wrapper {
        padding-left: calc(var(--pdp-image-part-gap) + var(--pdp-thumbnail-image-size));
        margin-top: 2.4rem;
    }
    html .details_page .product-detail-content.no-thumbnails .product-desc-wrapper {
        padding-left: 0;
    }
    .details_page .lessmore-bullets .title {
        font-size: 2rem;
        line-height: 2.4rem;
        font-weight: var(--font-weight-semibold);
        margin-bottom: 1.6rem;
    }
    .details_page .lessmore-bullets .product-description {
        font-size: 1.6rem;
        line-height: 2rem;
        font-weight: var(--font-weight-medium);
    }
    .details_page .lessmore-bullets.component-bullets-description ul {
        margin-top: 0.4rem;
    }
    .details_page .lessmore-bullets.component-bullets-description ul li {
        line-height: 3.2rem;
        font-weight: var(--font-weight-regular);
    }
    /* ======= PDP product description - End ====== */


    /* ======= PDP product header - Start ====== */
    .details_page .product-info {
        border-bottom: solid 0.1rem var(--color-pa-light-grey-9);
        padding-bottom: 1rem;
    }
    .details_page .product-title-header {
        margin-bottom: 0.8rem;
    }
    .details_page .product-title {
        color: var(--color-pa-dark-grey);
        font-size: 2.4rem;
        font-weight: var(--font-weight-semibold);
        line-height: 1;
        font-family: inherit;
    }
    /* ======= PDP product header - End ====== */


    /* ======= PDP header price - Start ====== */
    .details_page .product-info .product-price {
        line-height: 2rem;
        height: 2rem;
        margin: 1rem 0;
    }
    .details_page .product-info .product-price>.price-caption,
    .details_page .product-info .original-price,
    .details_page .product-info .text-comp-value {
        font-size: 1.4rem;
        font-weight: var(--font-weight-regular);
        line-height: 2rem;
    }
    .details_page .product-info .sale-price {
        font-size: 2rem;
        font-weight: var(--font-weight-medium);
        line-height: 2rem;
    }
    .details_page .product-info .original-price,
    .details_page .product-info .text-comp-value {
        font-size: 1.6rem;
    }
    .details_page .afterpay-wrapper afterpay-placement {
        text-align: left;
        --logo-badge-width: 7rem;
        font-weight: var(--font-weight-regular);
        color: var(--color-black);
    }
    /* ======= PDP header price - End ====== */


    /* ======= PDP Options Common - Start ====== */
    /* ======= PDP Options Common - End ====== */


    /* ======= Operate (Qty & CAT button) - Start ====== */
    .product-operate .container-caption-quantity {
        display: none;
    }
    /* ======= Operate (Qty & CAT button) - End ====== */


    /* ======= PDP Related Products (YMAL & Rencent) - End ====== */
    .details_page .product-related-wrapper {
        border-top: solid 0.8rem var(--color-pa-light-grey-2);
        padding: 2rem 0;
        overflow: hidden;
    }
    .details_page .product-related-wrapper .header-wrapper {
        padding: 0 0.8rem;
    }
    
    .details_page .product-related-wrapper .title {
        font-size: 2.4rem;
        font-weight: var(--font-weight-semibold);
        line-height: 2.8rem;
    }
    
    .details_page .product-related-wrapper .container-designs {
        margin-top: 1.4rem;
        display: flex;
    }
    .details_page .product-related-wrapper .recommend-products-wrapper {
        margin: 0 -0.8rem;
    }
    .details_page .product-related-wrapper .product-recently-wrapper,
    .details_page .product-related-wrapper .product-ymal-wrapper {
        margin-bottom: 2.4rem;
    }
    .details_page .product-related-wrapper .product-recently-wrapper .container-design {
        width: var(--pdp-recently-card-width);
    }
    .details_page .product-related-wrapper .product-ymal-wrapper .container-design {
        width: var(--pdp-ymal-card-width);
    }
    .details_page .product-related-wrapper .container-design {
        padding: 0 0.8rem;
        margin-bottom: 0;
        position: relative;
    }
    
    /* ======= PDP Related Products (YMAL & Rencent) - End ====== */

}


@media (min-width: 576px) and (max-width: 1419px) {
    /* Style For Ipad */
}

@media (min-width: 1200px) {
    /* STI no 1200 breakpoint */
}

@media (min-width: 1440px) {
  /* ========= (desktop>1440px) PDP Main & layout Start ========= */
  :root {
    --pdp-content-max-width: 1120px;
  }
  /* ========= (desktop>1440px) PDP Main & layout End ========= */

  /* ======= PDP Tier Qty Price Common - Start ====== */
  html .details_page .tier_quantity_input {
    width: 5.6rem;
  }
  /* ======= PDP Tier Qty Price Common - Start ====== */

}
@media (min-width: 1920px) {
    /* ========= (desktop>1920px) PDP Main & layout Start ========= */
    :root {
        --pdp-content-max-width: 1288px;
    }
    html .details_page {
        --pdp-main-part-gap: 24px;
        --pdp-image-part-width: 726px;
        --pdp-image-part-gap: 24px;
        --pdp-main-image-size: 602px;
        --pdp-ucd-main-image-size: 696px;
        --pdp-calendar-main-image-size: 602px;
        --pdp-stamps-main-image-size: 602px;
        --pdp-thumbnail-image-size: 100px;
        --pdp-addon-box-max-width: 390px;
        --pdp-addon-image-size: 94px;
        --pdp-addon-box-padding: 20px;
        --pdp-addon-content-gap: 20px;
        --pdp-addon-button-width: 180px;
        --pdp-addon-button-height: 34px;
      }
    /* ========= (desktop>1920px) PDP Main & layout End ========= */

}