.slideshow-controls__thumbnails-container
  .slideshow-controls__thumbnails
  .slideshow-control {
  aspect-ratio: 116/161;

  img {
    object-fit: contain;
    border-bottom-left-radius: 30px;
  }
}

.slideshow-controls__thumbnails-container .slideshow-controls__thumbnails {
  gap: 13px;
  padding-inline: 19px;

  .slideshow-control:is([aria-selected="true"]) {
    outline-offset: 0px;
    outline-width: 1.48px;
  }
}

slideshow-controls[thumbnails]:is(
    [pagination-position="right"],
    [pagination-position="left"]
  ):not([controls-on-media])
  .slideshow-controls__thumbnails {
  padding-inline-start: 1.2px;
}

.product-information
  .product-information__grid.product-information--media-left {
  grid-template-columns: 66.9% 31.3%;

  .product-details {
    padding-left: 36px !important;
  }
}

.product-information__grid:not(
    :has(.product-information__media:empty)
  ).product-information--media-left
  .product-information__media {
  padding-right: 0px !important;
}

.product-information__media
  media-gallery.media-gallery--carousel
  slideshow-component {
  grid-template-columns: 16.2% 83.8% !important;

  .product-media img {
    object-fit: contain;
    border: 1.07px solid #1212120d;
    border-radius: 17px;
  }
}

.media-gallery--carousel .slideshow-controls__thumbnails .slideshow-control {
  width: 100%;
}

.product-title__share-group-container .product-title-group h1.product_title {
  color: #2c2c2c;
  max-width: 314px;
  font-weight: 600 !important;
  letter-spacing: 0;
  font-family: "Heebo-Semibold" !important;
}

/* css added for changes */

.custom-add-to-cart-button #customAddToCartButton {
  border-radius: 8px;
  background: #462d8c;
  color: #f3f3f3;
  font-size: 16px;
  letter-spacing: 0;
}

.inner-div-reviews.review-upper .title-reviews.font-heebo-medium {
  font-size: 24px;
  font-weight: 600;
  color: #000000 !important;
  font-family: "Heebo-Semibold" !important;
}

.clog-size-switch .clog-size-switch__guide-trigger {
  color: #757575 !important;
}





html body #sm-widget-btn.snap_emi_txt .snap-emi-slogan span{
      font-size: 13px !important;
}

html body #sm-widget-btn.snap_emi_txt .snap-emi-inst{
  font-size: 13px !important;
}


html body #sm-widget-btn.snap_emi_txt span.ruppe_one_dp{
    font-size: 17px;
}




html body .knya-cashback-banner__detail{
  letter-spacing: 0px;
}


html body .snap_emi_txt .snap_buy_now-btn{
          font-family: "Heebo-Semibold"!important;
          font-weight: 600;
}


.clog-preview .clog-preview__caption{
letter-spacing: 0%;
}


.personalise-spare-strap .personalise-spare-strap__input{
  letter-spacing: 0;
}



.personalise-spare-strap .personalise-spare-strap__footer{
  letter-spacing: 0;
}




.icon-with-text__item span.h4.inline-richtext{
   letter-spacing: 0;
}






.we-are-offering .we-are-offering__heading {
 letter-spacing: 0%;
    }



[id*="__upper_reviews_title_section"].shopify-section {
  background: #F3F3F3;
  box-shadow: 0 0 0 100vmax #F3F3F3;
  clip-path: inset(0 -100vmax);
}


#MainContent .a-plus-slider-section-wrapper .a-plus-slider{
  background: #F2F2F7;
}



.inner-div-reviews.review-upper .title-reviews.font-heebo-medium{
  line-height: 130%;
  letter-spacing: 0%;
  margin-bottom: 5px;
}

/* css added for changes */

.product-information
  .product-information__grid.product-information--media-left
  .product-details
  .group-block-content
  variant-picker {
  padding-bottom: 0;
}

.product-title__share-group-container .product-share-button {
  color: #1e1e1e;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #d9d9d93d;
  margin: 0px;

  svg {
    max-width: 18px;
    max-height: 20px;
  }
}

.product-details .container-price__review {
  margin-top: 0;

  #priceMainContainer .price {
    font-family: "Heebo-Semibold";
    font-weight: 600;
    line-height: 40px;
    margin-top: 4px;
    font-size: 32px;
  }

  .tax-note.tax-note.tax-note {
    font-size: 12px;
    letter-spacing: 0.05px;
    line-height: 18px;
    color: #b3b3b3;
  }
}

.product-details #customLogoUpload {
  display: none;
}

.product-details .variant-picker {
  form {
    gap: 22px;
  }

  fieldset.variant-option {
    &.variant-option--equal-width-buttons {
      --variant-min-width: 46px;
      grid-template-columns: repeat(
        auto-fit,
        minmax(var(--variant-min-width), 1fr)
      );
    }
    .variant-option__name {
      font-size: 16px;
      line-height: 24px;
      font-family: "Heebo-Semibold";
      color: #1e1e1e;
      font-weight: 600;
      letter-spacing: 0;
    }

    .variant-option__selected-value {
      font-size: 16px;
      line-height: 24px;
      font-family: "Heebo-Regular";
      color: #b3b3b3;
      font-weight: 400;
      letter-spacing: 0;
    }

    .container_sizeguide--title legend {
      margin: 0;
    }

    .variant-option__button-label__text {
      font-size: 13px;
      line-height: 16px;
    }

    &[option-type="size"] .variant-option__button-label {
      color: #462d8c;
      border-color: #757575;

      &:has(input[aria-disabled="true"]),
      &:has([data-option-available="false"]) {
        color: #b5b5b5;
        background-color: transparent;
        border: 1px dashed #c8c8c8;
        opacity: 1;
        overflow: hidden;

        &::before {
          content: none;
        }

        &::after {
          content: "";
          position: absolute;
          inset: auto;
          top: 50%;
          left: 50%;
          width: 118%;
          height: 1px;
          margin: 0;
          border: 0;
          border-radius: 0;
          clip-path: none;
          background: #c8c8c8;
          transform: translate(-50%, -50%) rotate(42deg);
          z-index: 2;
          pointer-events: none;
        }

        &:hover {
          color: #b5b5b5;
          background-color: transparent;
          border-color: #c8c8c8;
        }
      }

      &:has(:checked):not(:has([data-option-available="false"])) {
        border-color: #482d8c !important;
        color: #2e3642 !important;
        background-color: #482d8c14 !important;
      }
    }

    &[option-type="clog colour"],
    &[option-type="spare strap colour"] {
      --variant-min-width: 44px;
      display: grid;
      grid-template-columns: repeat(
        auto-fit,
        minmax(var(--variant-min-width), 0fr)
      );
      padding: 0;
      border-radius: 0 0 20px;

      .variant-option__swatch-value {
        display: none;
      }

      .variant-option__button-label {
        padding: 0;
        width: 32px;
        height: 32px;
        min-width: 32px !important;
        min-height: 32px;
        border-color: transparent;
        border: 0;

        &:has(:checked) {
          outline: 1px solid #000;
          outline-offset: 2px;
          width: 30px;
          height: 30px;
          min-width: 30px !important;
          min-height: 30px;

          .swatch.swatch--unscaled {
            --swatch-width: 30px;
            --swatch-height: 30px;
          }
        }
      }

      .swatch.swatch--unscaled {
        --swatch-width: 32px;
        --swatch-height: 32px;
      }
    }
  }
}

.product-details [class^="color-swatches-wrapper-"] {
  padding: 0;
  margin-top: 0px;

  [class^="color-swatches-title-"] {
    gap: 5px;
    margin-bottom: 8px;
    padding: 0;
    color: #1e1e1e;
    font-family: "Heebo-Semibold";
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0;

    > * {
      color: #b3b3b3;
      font-family: "Heebo-Regular";
      font-size: 16px !important;
      font-weight: 400;
      line-height: 24px;
      letter-spacing: 0;
      text-transform: capitalize !important;
    }
  }

  > [class^="color-swatches-"]:not([class^="color-swatches-title-"]) {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(44px, 0fr));
    gap: 8px 0;
  }

  a[class^="color-swatch-"] {
    width: 32px;
    height: 32px;
    min-width: 32px;
    min-height: 32px;
    border: 0;
    border-radius: 50%;

    &:hover {
      border: 0;
      box-shadow: none;
      transform: none;
    }

    .imageswatch,
    [class^="color-swatch-image-"],
    [class^="color-swatch-placeholder-"] {
      width: 32px;
      height: 32px;
      padding: 0;
      border-radius: 50%;
    }
  }

  a[class*="--current"] {
    outline: 1px solid #000;
    outline-offset: 2px;
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;

    img[class^="color-swatch-image-"] {
      width: 30px;
      height: 30px;
    }
  }
}

.product-details .quantity-selector {
  padding: 4px;
  height: 48px;
  flex-basis: 128px;
  border-radius: 8px;

  .quantity-minus {
    background-color: #f5f5f5;
  }
  .quantity-plus {
    background-color: #462d8c1f;
  }

  button {
    width: 40px;
    height: 40px;
    border-radius: 4px !important;
  }
}

.product-form-buttons:not(:has(.quantity-rules)) {
  gap: 12px !important;
}

.product-add-to-cart-button button,
#customAddToCartButton {
  height: 48px !important;
}

ul.icon-with-text.icon-with-text--horizontal.list-unstyled
  li.icon-with-text__item {
  max-width: 110px !important;
  gap: 4px !important;
}

.product-details .knya-cashback-banner {
  padding: 6px;
  border-radius: 8px;
}

.product-details .clickpost-edd__container .clickpost-edd__heading {
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: 0px !important;
  color: #1e1e1e !important;
  font-family: "Heebo-Semibold" !important;
}

.product-details .clickpost-edd__container .response {
  padding-top: 6px;
  font-family: "Heebo-Regular";
  font-size: 13px;
  line-height: 1;
  color: #59595e;
  letter-spacing: 0%;
}

.product-details
  .clickpost-edd__container
  .clickpost-edd__form
  .clickpost-edd__drop_pincode-input {
  font-family: "Heebo-Regular";
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  &::placeholder {
    color: #757575;
  }
}

.product-details
  .clickpost-edd__container
  .clickpost-edd__form
  .clickpost-edd__submit-button {
  border: 1px solid #d9d9d9 !important;
  border-radius: 0 4px 4px 0;
  border-left: none !important;
  letter-spacing: 0px;
}





@media screen and (max-width: 749px) {
  .product-information__media
    media-gallery.media-gallery--carousel
    slideshow-component {
    grid-template-columns: 0 100% !important;
    margin-inline: 16px;

    slideshow-controls .slideshow-controls__dots {
      margin-inline: 0 auto;
    }

    slideshow-controls
      .slideshow-controls__dots
      .slideshow-control.button::after {
      height: 6px;
      width: 6px;
    }

    slideshow-controls .slideshow-controls__dots .slideshow-control.button {
      --size: 6px;
      --color: #aeaeb2;
    }

    slideshow-controls
      .slideshow-controls__dots
      .slideshow-control.button[aria-selected="true"] {
      --color: #1d1d1f;
      width: 22px;
      &::after {
        border: 0.49px solid #462d8ccc;
        border-radius: 8px;
        width: 22px;
      }
    }
  }

  .product-information__media
    media-gallery.media-gallery--carousel
    slideshow-component
    .product-media
    img {
    border-radius: 24px;
    border: 0;
  }

.product-information .product-information__grid.product-information--media-left .product-details .group-block .group-block-content{
  gap: 24px !important;
}




  .product-information
    .product-information__grid.product-information--media-left
    .product-details {
    padding: 0 !important;

    .group-block {
      --padding-inline-start: 0px !important;
    }

    .group-block-content {
      --gap: 14px !important;
    }
  }

  .product-title__share-group-container .product-title-group h1.product_title {
    line-height: 28px;
    letter-spacing: 0.27px;
  }

  .product-title__share-group-container .product-share-button {
    height: 26px;
    width: 26px;

    svg {
      width: 10px;
      height: 11px;
    }
  }

  .product-details .container-price__review #priceMainContainer .price {
    font-size: 28px;
    line-height: 36px;
    margin-top: 0;
  }

  .product-details #sm-widget-btn.snap_emi_txt {
    margin: 15px 0 0 !important;
  }

  .product-details .variant-picker {
    form {
      gap: 24px;
    }
  }

  .product-information
    .product-information__grid.product-information--media-left {
    grid-template-columns: subgrid;
  }

  #MainContent.page-width-updated {
    padding-inline: 16px;
  }

  .knya-cashback-banner__detail {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.1px;
  }

  .product-add-to-cart-button button,
  #customAddToCartButton {
    font-size: 15px !important;
    line-height: 20px !important;
    height: 40px !important;
  }

  .product-details .quantity-selector {
    height: 40px;
    flex-basis: 112px;

    button {
      width: 32px;
      height: 32px;
    }
  }

  .product-details .clickpost-edd__container .clickpost-edd__heading {
    font-size: 14px !important;
    line-height: 20px !important;
  }

  .we-are-offering .we-are-offering__heading {
    font-size: 14px !important;
    line-height: 20px !important;
    letter-spacing: 0px !important;
  }

  legend.heebo-medium .variant-option__name {
    font-size: 14px !important;
    line-height: 20px !important;
  }

  .product-details [class^="color-swatches-wrapper-"],
  .product-details [class^="color-swatches-title-"] {
    font-size: 14px !important;
    line-height: 20px !important;
  }

  .product-details [class^="color-swatches-wrapper-"] .heebo-regular {
    font-size: 14px !important;
    line-height: 20px !important;
  }

  .product-details .variant-picker .variant-option__selected-value {
    font-size: 14px !important;
    line-height: 20px !important;
  }

  .variant-option--buttons legend {
    line-height: 20px !important;
  }

.sticky-add-to-cart-mobile__container .sticky-add-to-cart-mobile__button{
  height: 48px;
}


html body [id*="__upper_reviews_title_section"].shopify-section .main-div-reviews{
        padding-top: 16px;
        padding-bottom: 16px;
}





#MainContent .we-are-offering .we-are-offering__heading {
    margin-bottom: 8px;
  }

  #MainContent .we-are-offering .we-are-offering__list {
    gap: 10px;
    margin-inline: calc(-1 * var(--pdp-gutter, 16px));
    padding-inline: var(--pdp-gutter, 16px);
    scroll-padding-inline: var(--pdp-gutter, 16px);
    scroll-snap-type: x mandatory;
  }

  #MainContent .we-are-offering .we-are-offering__card {
    flex: 0 0 89.6%;
    scroll-snap-align: start;
  }

  #MainContent .we-are-offering .we-are-offering__label {
    margin-top: 10px;
  }

.variant-option--equal-width-buttons{
  gap: 10px;
}






  .product-details .variant-picker fieldset.variant-option[option-type="size"] {
    column-gap: 10px !important;
  }

  /* columns were minmax(44px) for 32px swatches, adding ~12px extra space on top of the gap */
  .product-details .variant-picker fieldset.variant-option[option-type*="colour"] {
    grid-template-columns: repeat(auto-fill, 32px) !important;
    column-gap: 12px !important;
  }



.variant-option__button-label input, .variant-option--images input{
    width: 32px;
    height: 32px;
}




}

.personalise-spare-strap {
  scroll-margin-top: 96px;
}

.swap-strap-badge {
  position: absolute;
  top: 20px;
  left: 16px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 16px 6px 12px;
  background: #1212120d;
  border-radius: 30px;
  cursor: pointer;
  color: inherit;
  text-decoration: none;

  .swap-strap-badge__icon {
    position: relative;
    display: block;
    width: 24px;
    height: 24px;
  }

  .swap-strap-badge__frame {
    position: absolute;
    left: 3px;
    top: 5px;
    width: 16px;
    height: 16px;
    box-sizing: border-box;
    padding: 1.6px;
    border-radius: 4px;
    background: conic-gradient(
      from 90deg,
      #1e97c3 0deg,
      #1390dd 18deg,
      #ed2324 92.52deg,
      #e59f1c 171.36deg,
      #5aba47 270deg,
      #1e97c4 360deg
    );
    -webkit-mask:
      linear-gradient(#000 0 0) content-box,
      linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask:
      linear-gradient(#000 0 0) content-box,
      linear-gradient(#000 0 0);
    mask-composite: exclude;
  }

  .swap-strap-badge__pencil {
    position: relative;
    display: block;
    width: 24px;
    height: 24px;
  }

  .swap-strap-badge__label {
    color: #111111;
    font-family: "Heebo-Medium", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0;
    white-space: nowrap;
  }

  @media screen and (max-width: 749px) {
    top: 16px;
  }
}

/* right side gap fix - background full width, inner position same */
#MainContent .product-info-tabs {
  background: #F2F2F7;
  box-shadow: 0 0 0 100vmax #F2F2F7;
  clip-path: inset(0 -100vmax); 
}

#MainContent .a-plus-slider-section-wrapper .a-plus-slider {
  box-shadow: 0 0 0 100vmax #F2F2F7;
  clip-path: inset(0 -100vmax);
}

/* (fake bold) */
#MainContent {
  font-synthesis-weight: none;
}

#MainContent .inner-div-reviews.review-upper .title-reviews {
  font-family: 'Heebo-SemiBold' !important;
  font-weight: 600;
}

#MainContent .clog-size-switch .clog-size-switch__tab,
#MainContent .clickpost-edd__submit-button span,
#MainContent .we-are-offering__apply .we-are-offering__btn-label {
  font-family: 'Heebo-Regular';
  font-weight: 400;
}

html body #sm-widget-btn.snap_emi_txt .snap_mint_bubble,
html body #sm-widget-btn.snap_emi_txt .ruppe_one_dp {
  font-family: 'Heebo-Bold' !important;
  font-weight: 700 !important;
  font-synthesis: none !important;
}

#MainContent .review-btn span,
#MainContent .jdgm-rev-widg__summary-text {
  font-family: 'Heebo-Regular';
  font-weight: 400;
}

/* M13 - letter-spacing 0 */
#MainContent,
#MainContent .breadcrumbs__item,
#MainContent .breadcrumbs__link,
#MainContent .tax-note,
#MainContent .product_title,
#MainContent .variant-option__button-label__text,
#MainContent .clog-preview__empty,
#MainContent .we-are-offering__name,
#MainContent .we-are-offering__label,
#MainContent .metafield-rich_text_field p,
#MainContent .title-sub-title,
#MainContent .review-btn,
#MainContent .review-btn span,
#MainContent .jdgm-rev-widg__summary-text,
#MainContent #customAddToCartButton,
.sticky-add-to-cart-mobile .sticky-add-to-cart-mobile__text {
  letter-spacing: 0;
}


  .product-details #sm-widget-btn.snap_emi_txt {
    margin: 0 !important;
}


[id*="__upper_reviews_title_section"].shopify-section .main-div-reviews{
  padding: 32px 0 32px 0;
}



/* A+ slider & info tabs - align with page gutter (no 99.5vw) */
#MainContent.page-width-updated {
  --pdp-gutter: var(--desktop-padding);

  @media screen and (max-width: 1024px) {
    --pdp-gutter: var(--tablet-padding);
  }

  @media screen and (max-width: 749px) {
    --pdp-gutter: 16px;
  }
}

#MainContent.page-width-updated .a-plus-slider-section-wrapper,
#MainContent.page-width-updated .product-info-tabs {
  width: auto;
  left: auto;
  right: auto;
  margin-left: calc(-1 * var(--pdp-gutter));
  margin-right: calc(-1 * var(--pdp-gutter));
}

#MainContent.page-width-updated .a-plus-slider.page-width-updated,
#MainContent.page-width-updated .product-info-tabs > .page-width-updated {
  max-width: none;
  padding-left: var(--pdp-gutter);
  padding-right: var(--pdp-gutter);
}

/* PDP grid - info column 436 (36 pad + 400 content), media 844 @1440; beats section's 2fr 1fr (>=1200) */
@media screen and (min-width: 1200px) {
  #MainContent .product-information .product-information__grid.product-information--media-left:not(.product-information__grid--half) {
    grid-template-columns: 844fr 436fr!important;
  }
}


.swap-strap-badge{
    background: #fff;
  }