/** Shopify CDN: Minification failed

Line 815:0 Unexpected "}"

**/
:root {
  --dark-blue-color: #124876;
  --light-grey-color: #999CA5;
}
.main-h2-heading{
          margin: 0 0 20px;
        text-align: center;
        font-size: 28px;
        line-height: 1.2;
        font-weight: 700;
        color: #1D1D1D;
        @media screen and (max-width: 600px) {
          margin-bottom: 24px;
          font-size: 26px;
        }
}

/* ============================================================
   VARIANT OPTION SELECTORS
   ============================================================ */

.selector-wrapper.styled-dropdown--label-small {
  margin-bottom: 20px;
}

.selector-wrapper.styled-dropdown--label-small > label {
  display: block;
  margin: 0 0 10px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #8a94a6;
}

.selector-wrapper .variant-option-title {
  display: none;
}

/* option boxes - sabhi selectors pe (swatch ho ya na ho) */
.selector-wrapper {

  .clickyboxes {
    display: flex !important;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;

    li {
      display: block !important;
      float: none !important;
      width: auto !important;
      height: auto !important;
      margin: 0 !important;
      padding: 0 !important;
      list-style: none;

      a {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        gap: 9px;
        width: auto !important;
        height: auto !important;
        min-width: 0 !important;
        min-height: 38px;
        margin: 0 !important;
        padding: 6px 15px !important;
        border: 1px solid #d8dee5 !important;
        border-radius: 8px !important;
        background: #fff !important;
        box-shadow: none !important;
        overflow: visible !important;
        text-indent: 0 !important;
        text-decoration: none !important;
        white-space: nowrap;
        font-size: 12px !important;
        font-weight: 700;
        letter-spacing: .04em;
        line-height: 1;
        text-transform: uppercase;
        color: #1D1D1D !important;
      }

      a:hover {
        border-color: #154579 !important;
      }

      a.active {
        background: #154579 !important;
        border-color: #154579 !important;
        color: #fff !important;
      }
    }
  }
}

/* colour circle sirf swatch-enabled select pe */
select[data-colour-swatch="true"] + .clickyboxes {

  li {

    a {
      padding-left: 7px !important;
    }

    a::after {
      content: "" !important;
      display: block !important;
      order: -1;
      flex: 0 0 auto;
      position: static !important;
      width: 24px !important;
      height: 24px !important;
      margin: 0 !important;
      border: 1px solid rgba(0, 0, 0, .12) !important;
      border-radius: 50% !important;
      background-color: #e3e6ea;
      background-size: cover;
      background-position: center;
      box-shadow: none !important;
      transform: none !important;
    }

    a.active::after {
      border-color: rgba(255, 255, 255, .45) !important;
    }
  }
}

/* ============================================================
   PRODUCT MAIN
   ============================================================ */

.custom-product-main {

  .page-width {

    .product-layout-grid {

      @media (min-width: 1280px) {
        width: 100%;
      }

      .product-layout-grid__images {

        @media only screen and (min-width: 768px) {
          padding-left: 0;
        }
      }

      .product-layout-grid__detail {
          @media only screen and (min-width: 768px) and (max-width: 1200px)  {
          padding-left: 30px;
          }
        .product-detail__detail {

          .product__type {
            color: var(--dark-blue-color);
            font-weight: 600;
          }
          .product-detail__title-area{
            @media(max-width:767px){
                text-align:left;
            }
          }
          .sku-rating-box {
            display: flex;
            flex-wrap:wrap;
            gap: 15px;
            color: #999CA5;
            margin-bottom:15px;

            .product-detail__sku {
              font-size: 14px;
            }
          }
          .easify-product-options {
  --po-active: #154579;
  --po-selected: #124876;
  --po-grey: var(--light-grey-color, #999CA5);
  --po-ink: #1D1D1D;
  --po-border: #d8dee5;
  --po-placeholder: #b4bac3;
  --po-required: #e02b2b;

  .po-productPageOptions-root {
    padding: 0 !important;
  }

  .po-options-root {
    gap: 0 16px !important;

    .po-option-root {
      margin: 0 0 20px !important;

      &:last-child {
        margin-bottom: 0 !important;
      }

      &:has(.po-numberBox-root) {
        width: calc(50% - 8px) !important;
      }
    }
  }

  .po-label-root {
    gap: 8px;
    margin-bottom: 8px;

    .po-label-label {
      font-family: Lato, sans-serif !important;
      font-size: 14px !important;
      font-weight: 700 !important;
      line-height: 1.3;
      vertical-align: middle;
      text-transform: uppercase;
      color: var(--po-grey) !important;

      > *:not(:first-child):not(.po-label-suffix) {
        margin-left: 8px;
        font-weight: 700 !important;
        text-transform: none !important;
        color: var(--po-selected) !important;

        &::before {
          content: 'Selected:';
          margin-right: 4px;
        }
      }
    }

    .po-label-required {
      display: none !important;
    }

    &:has(.po-label-required) .po-label-label > *:first-child::after {
      content: ' *';
      font-weight: 700;
      color: var(--po-required);
    }

    .po-info-root,
    .po-tooltip-tooltipWrapper {
      flex: 0 0 auto !important;
      width: auto !important;
    }

    .po-info-icon svg {
      width: 18px !important;
      height: 18px !important;
      fill: var(--po-grey) !important;
    }
  }

  .po-option-root {

    .po-field-helpText {
      margin-top: 6px;
      font-size: 14px;
      font-style: normal !important;
      line-height: 1.4;
      color: var(--po-grey) !important;
    }

    &:has(.po-numberBox-root) .po-field-helpText {
      display: none !important;
    }

    .po-textField-root {
      height: 40px !important;
      min-height: 0 !important;
      padding: 0 12px !important;
      border: 1px solid var(--po-border) !important;
      border-radius: 6px !important;
      background: #fff !important;
      box-shadow: none !important;
      transition: border-color .2s ease;

      &:focus-within {
        border-color: var(--po-active) !important;
      }

      .po-textField-input {
        height: 100% !important;
        padding: 0 !important;
        font-size: 14px !important;
        line-height: 1.3 !important;
        color: #10233b !important;

        &::placeholder {
          color: var(--po-placeholder) !important;
        }
      }
    }
  }

  .po-option-root:has(.po-checkbox-root) {
    padding: 14px 16px;
    border-radius: 8px;
    background: #f4f5f7;

    .po-label-root {
      margin-bottom: 8px;
    }

    .po-label-label {
      font-size: 15px !important;
      line-height: 1.35;
      text-transform: none !important;
      color: var(--po-ink) !important;
    }

    .po-label-suffix {
      margin-left: 6px;
      font-weight: 400 !important;
      text-transform: none !important;
      color: var(--po-grey) !important;
    }

    .po-checkbox-options {
      display: flex !important;
      flex-wrap: wrap;
      gap: 8px;
    }

    .po-checkboxOption-option,
    .po-optionItemLabel-optionItem,
    .po-optionItemLabel-mainRow {
      display: flex !important;
      align-items: flex-start;
      gap: 10px !important;
      width: auto !important;
      padding: 0 !important;
      border: 0 !important;
      background: none !important;
      cursor: pointer;
    }

    .po-checkboxOption-checkbox {
      --checkbox-checkmark_selected: #fff;

      position: relative !important;
      flex: 0 0 auto;
      width: 18px !important;
      height: 18px !important;
      margin: 1px 0 0 !important;
      opacity: 1 !important;
      pointer-events: auto !important;
      cursor: pointer;
    }

    .po-optionItemLabel-label {
      font-size: 14.5px !important;
      font-weight: 400 !important;
      line-height: 1.4;
      white-space: normal !important;
      text-transform: none !important;
      color: var(--po-ink) !important;
    }

    .po-field-helpText {
      margin-top: 8px;
    }
  }

  .po-priceSummary-root {
    font-size: 16px !important;
    line-height: 1.4 !important;

    .po-priceSummary-summaryText,
    .po-priceSummary-price {
      font-size: inherit !important;
      line-height: inherit !important;
    }
  }

  .po-imageSwatches-swatchesInline {
    display: flex !important;
    flex-wrap: wrap;
    gap: 8px !important;

    .po-imageSwatches-optionItem {
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      width: 76px !important;
      height: 76px !important;
      margin: 0 !important;
      padding: 0 !important;
      border-radius: 8px !important;

      &.is-po-selected,
      &.is-po-selected * {
        border-color: var(--po-selected) !important;
      }
    }

    .po-optionItem-item,
    .po-optionSwatch-root,
    .po-imageOption-container,
    .po-optionSwatch-swatchColumn,
    .po-imageOption-swatchWrapper,
    .po-imageOption-swatchLabel {
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      width: 100% !important;
      height: 100% !important;
      min-width: 0 !important;
      min-height: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
      gap: 0 !important;
      overflow: visible !important;
      border-radius: 8px !important;
    }

    .po-imageOption-swatchWrapperItem,
    .po-imageOption-swatch {
      flex: 0 0 auto !important;
      width: 60px !important;
      height: 60px !important;
      min-width: 0 !important;
      min-height: 0 !important;
      border-radius: 0 !important;
      overflow: visible !important;
      object-fit: contain !important;

      img {
        padding: 3px;
      }
    }
  }

  .po-tooltip-tooltipContent,
  .po-buttonOption-tooltip {
    display: none !important;
  }

  .po-imageOption-tooltipContent {
    padding: 6px !important;
    font-size: 12px !important;

    .po-imageOption-tooltipImage {
      width: 64px !important;
      height: 64px !important;
      min-width: 0 !important;
      min-height: 0 !important;
      border-radius: 50% !important;
      object-fit: contain !important;
    }
  }

  .po-option-root {

    .po-checkbox-options,
    .po-radio-options,
    .po-buttons-options,
    .po-buttons-optionGroup,
    .po-buttonOption-options {
      display: flex !important;
      flex-wrap: wrap;
      gap: 8px;
      min-width: 0;
      max-width: 100%;
    }

    .po-disabledWrapper-root,
    .po-optionItem-item {
      flex: 0 1 auto;
      width: auto !important;
      min-width: 0 !important;
      max-width: 100% !important;
      opacity: 1;
    }

    .po-buttonOption-content,
    .po-buttonOption-optionContainer,
    .po-buttonOption-swatchColumn,
    .po-buttonOption-swatchWrapper,
    .po-buttonOption-mainRow,
    .po-buttonOption-labelRow,
    .po-buttonOption-media:empty,
    .po-optionItem-inner,
    .po-optionItemLabel-optionItem,
    .po-optionItemLabel-contentLabelWrapper,
    .po-optionItemLabel-content,
    .po-optionItemLabel-labelRow,
    .po-optionItemLabel-mainRow {
      min-width: 0 !important;
      max-width: 100% !important;
      min-height: 0 !important;
      height: auto !important;
      margin: 0 !important;
      padding: 0 !important;
      gap: 0 !important;
      background: none !important;
    }

    .po-radioOption-option,
    .po-buttonOption-optionItem {
      display: inline-flex !important;
      align-items: center;
      justify-content: center;
      gap: 3px;
      width: auto !important;
      max-width: 100% !important;
      height: auto !important;
      min-width: 0 !important;
      min-height: 38px;
      margin: 0 !important;
      padding: 6px 15px !important;
      border: 1px solid var(--po-border) !important;
      border-radius: 8px !important;
      background: #fff !important;
      box-shadow: none !important;
      overflow: visible !important;
      text-indent: 0 !important;
      text-decoration: none !important;
      white-space: normal;
      overflow-wrap: anywhere;
      text-align: center;
      font-size: 12px !important;
      font-weight: 700;
      letter-spacing: .04em;
      line-height: 1.35;
      text-transform: uppercase;
      color: var(--po-ink) !important;
      cursor: pointer;
      transition: border-color .2s ease, background-color .2s ease;

      &:hover {
        border-color: var(--po-active) !important;
      }

      *:not(input) {
        float: none !important;
        min-width: 0 !important;
        max-width: 100% !important;
        opacity: 1 !important;
        font: inherit !important;
        letter-spacing: inherit !important;
        text-transform: inherit !important;
        text-decoration: none !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        color: inherit !important;
      }

      input {
        position: absolute !important;
        width: 0 !important;
        height: 0 !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        opacity: 0 !important;
        pointer-events: none !important;
      }

      &[data-po-price]::after {
        content: attr(data-po-price);
      }

      &[data-po-swatch] {
        gap: 6px;
        padding-left: 7px !important;

        &::before {
          content: "";
          flex: 0 0 auto;
          width: 24px;
          height: 24px;
          border: 1px solid rgba(0, 0, 0, .12);
          border-radius: 50%;
        }
      }

      &:has(input:checked),
      &.is-po-selected {
        background: var(--po-active) !important;
        border-color: var(--po-active) !important;
        color: #fff !important;

        &::before {
          border-color: rgba(255, 255, 255, .45);
        }
      }
    }

    .po-select-button {
      height: 40px;
      padding: 0 12px;
      border: 1px solid var(--po-border);
      border-radius: 6px;
      background-color: #fff;
      font-size: 13px;
      color: var(--po-ink);
      transition: border-color .2s ease;

      &:hover,
      &[aria-expanded="true"] {
        border-color: var(--po-active);
      }

      .po-select-placeholder {
        font-size: 13px;
        color: var(--po-placeholder);
      }
    }
  }

  @media screen and (max-width: 1279px) {

    .po-options-root {
      .po-option-root {
        margin-bottom: 16px !important;

        &:has(.po-numberBox-root) {
          width: 100% !important;
        }
      }
    }

    .po-label-root .po-label-label {
      font-size: 13px !important;
    }

    .po-imageSwatches-swatchesInline {
      gap: 6px !important;

      .po-imageSwatches-optionItem {
        width: 56px !important;
        height: 56px !important;
      }

      .po-imageOption-swatchWrapperItem,
      .po-imageOption-swatch {
        width: 44px !important;
        height: 44px !important;
      }
    }

    .po-option-root {

      .po-radioOption-option,
      .po-buttonOption-optionItem {
        min-height: 34px;
        padding: 5px 11px !important;
      }
    }
  }
}

        }
.shopify-payment-button{
  display:none;
}
          
          .type-wrapper{
            .type-wrapper__type{
            color: var(--dark-blue-color);
            font-weight: 600;
            font-size:16px;
            text-decoration: none;
            }
          }
          .lead-time-text{
            background: #EBF5FA;
            padding: 8px 10px;
            border-radius: 50px;
            font-size: 11px;
            color: var(--dark-blue-color);
            text-align: center;
            font-weight: 700;
            text-transform: uppercase;
            line-height: 1.4;
          }
          
          .product-detail__price-area {
            .product-detail__price {
              display: flex;
              gap: 15px;
              align-items: baseline;

              .theme-money {
                font-size: 28px;
                span {
                  color: var(--dark-blue-color);
                }
              }

              .product-price--upsell {
                font-family: Archivo, sans-serif;
                font-size: 18px;
                .upsell-money {

                  span {
                    color: var(--light-grey-color);
                    font-weight: 300;
                  }
                }

                .upsell-label {
                  color: var(--light-grey-color);
                  font-weight: 300;
                }
              }
            }

            .ajax-product-form {
              display: none;
            }
          }

          .product-about {

            .product-about__title {
              margin-bottom: 15px;
            }
          }

          /* Pickup availability - ye block JS se inject hota hai
             (/variants/ID/?section_id=store-availability) */
          .qty-pickup-row__pickup {

            .store-availability-information {

              .store-availability-information-container {
                font-size: 15px;
                @media(max-width:420px){
                font-size: 12px;
                }

                .store-availability-information__stock {
                  color: var(--light-grey-color);
                }

                .store-availability-information__stores {

                  a {
                    font-size: 14px;
                    @media(max-width:420px){
                    font-size: 12px;
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  /* ---- Add to Cart / Quote buttons ---- */
  .payment-buttons {
    margin-top: 5px;
  }

  .payment-buttons .btn,
  .btn.rfq-btn {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    height: 48px !important;
    margin: 0 !important;
    border-radius: 999px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
    @media(max-width:450px){
      font-size: 13px !important;
    }
      @media (min-width: 768px) and (max-width: 991px) {
    font-size: 12px !important;
  }
  }

  .payment-buttons .btn:not(.rfq-btn) {
    border: 1px solid var(--dark-blue-color) !important;
    background-color: var(--dark-blue-color) !important;
  }

  .payment-buttons .btn:not(.rfq-btn):hover {
    border-color: #0e3860 !important;
    background-color: #0e3860 !important;
  }

  .btn.rfq-btn {
    margin-top: 10px !important;
    border: 1px solid #d8dee5 !important;
    background-color: #f4f6f8 !important;
    color: var(--dark-blue-color) !important;
    white-space: nowrap;
  }

  .btn.rfq-btn:hover {
    border-color: #c3ccd6 !important;
    background-color: #e9eef3 !important;
    color: var(--dark-blue-color) !important;
  }
}

/* ============================================================
   SHARED
   ============================================================ */

.product-common-heading {
  font-family: Lato;
  font-weight: 700 !important;
  vertical-align: middle;
  text-transform: uppercase;
  color: var(--light-grey-color) !important;
  font-size: 14px !important;
}


.custom-product-recommendations {

  @media screen and (max-width: 768px) {

    .product-recommendations-container {
      flex-wrap: wrap;
    }

    .product-block {
      width: 50%;
      .btn--quicklook {
        position: absolute;
        right: 10px;
        bottom: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 3;
        width: 40px;
        height: 40px;
        min-width: 0;
        max-width: none;
        margin: 0;
        padding: 0;
        border-radius: 50%;
        background: #124876;
        box-shadow: 0 0 0 1px rgba(255, 255, 255, .25);
        color: #fff;
      }
    }

    .product-carousel-peek__advice {
      display: none;
    }
  }
}

/* Start Product Page Media and Details Column */
.bss-b2b-qty-table-row.qty-row-active{
  border:none!important;
}
@media (min-width: 1280px) {
  .custom-product-main .page-width .product-layout-grid{
    padding-inline:15px;
  }
  .custom-product-main .page-width .product-layout-grid__images {
    width: 55%;
  }

  .custom-product-main .page-width .product-layout-grid__detail {
    width: 45%;
  }
}


/* Start Quickbuy CSS */
.quickbuy {
  .bss-b2b-cart-item-qty-table {
    margin-top: 16px;

    .bss-b2b-cart-item-qty-table-header-title {
      margin: 0 0 10px !important;

      span {
        font-family: Lato, sans-serif;
        font-size: 14px !important;
        font-weight: 700 !important;
        letter-spacing: .04em;
        text-transform: uppercase;
        color: var(--light-grey-color, #999CA5);
      }
    }

    .bss-b2b-cart-item-qty-table-header {
      display: none;
    }
  }
  .bss-b2b-qty-table-wrapper {
    overflow: hidden;
    border-radius: 8px;
  }
  .quantity_break_table {
    width: 100%;
    margin: 0;
    border: 0;
    border-collapse: collapse;
    table-layout: fixed;

    thead th {
      padding: 15px 20px;
      border: 0;
      background-color: var(--dark-blue-color, #124876);
      font-size: 13px;
      font-weight: 700;
      letter-spacing: .04em;
      line-height: 1.3;
      text-align: left;
      text-transform: uppercase;
      color: #fff;
    }
    tbody {

      tr:nth-child(odd) {
        background-color: #F4F7FA;
      }

      tr:nth-child(even) {
        background-color: #FBFBFB;
      }
    }

    td {
      padding: 15px 20px;
      border: 0;
      font-size: 14px;
      line-height: 1.4;
      text-align: left;
      color: #10233b;

      &:first-child {
        width: 45%;
        border-right: 1px solid #E4E8ED;
        color: var(--light-grey-color, #999CA5);
      }
    }

    @media screen and (max-width: 600px) {

      thead th,
      td {
        padding: 12px 14px;
      }
    }
  }

  .quickbuy__submit {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    height: 48px !important;
    margin: 0 !important;
    border: 1px solid var(--dark-blue-color, #124876) !important;
    border-radius: 999px !important;
    background-color: var(--dark-blue-color, #124876) !important;
    box-shadow: none !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
    color: #fff !important;

    &:hover,
    &:focus {
      border-color: #0e3860 !important;
      background-color: #0e3860 !important;
      box-shadow: none !important;
      color: #fff !important;
    }

    &[disabled] {
      opacity: .5;
    }
  }
}
/* End Quickbuy CSS */





@media only screen and (min-width: 1200px) {
.breadcrumbs{
  padding-inline:15px;
}
}
/* Start Sticky CSS */

@media only screen and (min-width: 768px) {
  .custom-product-main .page-width .product-layout-grid {
    align-items: flex-start;
  }

  .custom-product-main .page-width .product-layout-grid .product-layout-grid__images {
    position: sticky;
    top: 30px;
    align-self: flex-start;
  }
}

@media only screen and (min-width: 1100px) and (max-width: 1279px) {
  .custom-product-main .page-width .product-layout-grid {
    margin-left: 0;
  }
}
/* End Sticky CSS */