/** Shopify CDN: Minification failed

Line 89:0 Unexpected "{"
Line 89:1 Expected identifier but found "%"
Line 89:31 Expected identifier but found "%"
Line 393:0 Unexpected "{"
Line 393:1 Expected identifier but found "%"
Line 393:29 Expected identifier but found "%"
Line 494:0 Unexpected "{"
Line 494:1 Expected identifier but found "%"
Line 494:28 Expected identifier but found "%"
Line 665:0 Unexpected "{"
... and 5 more hidden warnings

**/


@media screen and (min-width: 768px) {
    .product-information__grid:not(.product-information__grid--half,.product-information--media-none).product-information--media-left{
            grid-template-columns: 1fr 1fr !important;
        }

    .product-information{
            grid-template-columns: max-content !important;
    }
    
}

.about-alignerco-wrapper { }
.grid-row { 
    display: grid;
    grid-template-columns: calc(40% - 10px) calc(60% - 10px);
    gap: 20px;
    /* DYNAMIC CHANGE HERE */
    background-image: var(--bg-about-desk);
    background-size: cover;
    height: 385px;
    align-items: center;
    padding: 0 0px;
    border-radius: 20px; 
}
.grid-column { flex: 1; }
.about-alignerco-section h2 { color: #1F77DB; font-size: 36px; font-weight: 700; margin-bottom: 20px; padding: 0; }
.about-alignerco-section p { font-size: 16px; line-height: 1.6; }

/* --- Mobile Adjustments --- */
@media only screen and (min-width: 0) and (max-width: 767px) {
    .about-alignerco-wrapper .grid-row {
        display: grid;
        grid-template-columns: 1fr;
        gap: 20px;
        /* DYNAMIC CHANGE HERE */
        background-image: var(--bg-about-mob) !important;
        background-size: contain;
        background-repeat: no-repeat;
        height: 540px;
        align-items: flex-end;
        padding: 0 36px 30px;
        border-radius: 20px;
        background-color: transparent;
        position: relative;
    }

    .about-alignerco-wrapper .grid-column {
        position: relative;
        z-index: 1;
    }
    .about-alignerco-wrapper h2 {
        margin-bottom: 0;
    }
    .about-alignerco-wrapper .grid-row p {
        font-weight: 400;
        font-size: 16px;
        line-height: 1.6;
        letter-spacing: 0px;
        margin-top: 11px;
    }
    .about-alignerco-wrapper .grid-row:after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        border-radius: 20px;
        background: linear-gradient(0deg, #e6f0fb 45%, #fff0 75%);
    }
}
{% comment %} Product section {% endcomment %}
  /* Section Background and Layout */
.product-results-section {
  padding: 80px 0;
    text-align: center;
    background: #e6f0fb;
    overflow: hidden;
    margin-top: 70px;
}

.product-results-section h2 {
  color: #0A2849;
    font-size: 36px;
    font-weight: 700;
    line-height: 46.8px;
    margin-bottom: 30px;
    padding: 0;
}

/* Slider Container */
.product-results-result-swiper-wrapper {
  position: relative;
    max-width: 95%;
    margin: 0 auto;
    overflow: hidden;
}

/* Hide scrollbar but allow functional scrolling */
.product-results-swiper {
  overflow: hidden;
  width: 100%;
}

.product-results-section .swiper-wrapper {
  display: flex;
  gap: 20px;
  transition: transform 0.4s ease-in-out;
  scroll-behavior: smooth;
  overflow-x: hidden;
}

/* Slide Width Calculation: 4 blocks visible */
.product-results-section .swiper-slide {
  flex: 0 0 calc(25% - 15px); /* Exactly 4 blocks minus gaps */
  overflow: hidden;
}

.product-results-section .swiper-slide img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  border-radius: 12px;
}

.product-results-section .swiper-slide p {
    font-weight: 600;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0px;
    text-align: center;
    color: #1f77db;
    padding: 9px;
    border-radius: 8px;;
}

/* Navigation Arrows */
.product-results-section .swiper-button-prev,
.product-results-section .swiper-button-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background: #1F77DB;
  color: #fff;
  border-radius: 50%;
  display: flex !important;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
  border: none;
}
.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}

.product-results-section .swiper-button-prev { left: 40px !important; }
.product-results-section .swiper-button-next { right: 0; }

.product-results-section .swiper-button-prev i,
.product-results-section .swiper-button-next i {
  font-size: 18px;
}

@media only screen and (max-width: 767px) {
    section.product-results-section {
        padding: 0;
        background: #fff;
    }

    .product-results-section h2 {
        font-size: 28px;
        line-height: 1.2;
        padding: 0 20px;
        margin-bottom: 0;
    }

    /* Track alignment */
    .product-results-section .swiper-wrapper { 
        margin-top: 22px; 
        gap: 15px; /* Consistent spacing */
    }
    
    .product-results-section .swiper-slide {
        flex: 0 0 90%; /* Shows a peek of the next one */
        scroll-snap-align: center;
    }

    /* BUTTON ALIGNMENT FIX */
    .product-results-section .swiper-button-prev,
    .product-results-section .swiper-button-next {
        display: flex !important;
        top: 115px !important; /* Adjusted to sit center of the image */
        width: 35px;
        height: 35px;
        z-index: 10;
    }

    .product-results-section .swiper-button-prev {
        left: 5px !important;
        margin-top: 22px;
    }

    .product-results-section .swiper-button-next {
        right: 5px !important;
        margin-top: 22px;
    }
}
    section.why-choose-alignerco-section {
        padding: 70px 0 40px;
        background-color: #fff;
        text-align: center;
    }

    .why-choose-alignerco-section h2 {
    max-width: 600px;
    color: #0A2849; 
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    padding: 0;
    }

    .why-choose-alignerco-section > .page-width > p {
    color: #666;
    font-size: 18px;
    margin-bottom: 40px;
    margin-top: 6px;
    }

    /* --- GRID WRAPPERS --- */
    .why-choose-alignerco-grid-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 20px;
    max-width: 1040px;
    margin-left: auto;
    margin-right: auto;
    }

    .why-choose-alignerco-grid-wrapper-two-wrapper {
    margin-bottom: 20px;
    }

    /* --- GRID ITEMS --- */
    .why-choose-alignerco-grid-item {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    height: 482px;
    display: flex;
    text-align: left;
    background-size: cover;
    background-position: center;
    padding: 35px;
    /* Dynamic Background Variable */
    /* background-image: var(--bg-desk); */
    }

    .why-choose-alignerco-grid-item3 {
        height: 431px;
        max-width: 1040px;
        margin-left: auto;
        margin-right: auto;
    }
    

    /* Gradient Overlays */
    .why-choose-alignerco-grid-item::after {
    content: "";
    position: absolute;
    top: 0; bottom: 0; right: 0; left: 0;
    background: linear-gradient(104.7deg, #e0efff 21.83%, #ffffff5c 69.39%, #fff0 95.11%);
    }
    .why-choose-alignerco-grid-item3::after,
    .why-choose-alignerco-grid-item4::after,
    .why-choose-alignerco-grid-item5::after { background: none !important; }
    .why-choose-alignerco-grid-item.no-grad::after { 
      display: none !important; 
     }

    .overlay-content-wrapper { position: relative; z-index: 1; text-align:left; }

    .overlay-content-wrapper h3 {
        max-width: 348px;
        color: #1f77db;
        font-size: 36px;
        font-weight: 700;
        margin: 0 0 10px 0;
        line-height: 41.6px;
    }

    .overlay-content-wrapper p {
        color: #0A2849;
        font-size: 18px;
        line-height: 1.5;
        margin: 0;
        max-width: 59%;
    }

    .item4 p { max-width: 89%; }
    .why-choose-alignerco-grid-item4, 
    .why-choose-alignerco-grid-item5 { display: flex; align-items: flex-end; }

    /* --- RESPONSIVE (MOBILE) --- */
    @media only screen and (min-width: 0) and (max-width: 767px) {
        section.why-choose-alignerco-section { padding: 13px 0 0px !important; }
        
        .why-choose-alignerco-section h2 {
            margin: 0 auto;
            font-weight: 700;
            font-size: 28px;
            max-width: 300px !important;
        }
        .why-choose-alignerco-section h2+p {
            font-size: 16px;
            text-align: center;
            max-width: 300px !important;
            margin: 10px auto 40px;
        }
        .why-choose-alignerco-grid-wrapper { grid-template-columns: 1fr; }
        
        .why-choose-alignerco-grid-item1, 
        .why-choose-alignerco-grid-item2, 
        .why-choose-alignerco-grid-item4, 
        .why-choose-alignerco-grid-item5 {
            height: 370px !important;
            padding: 25px;
        }

        .why-choose-alignerco-grid-item { 
        height: 475px; 
        /* SWAP TO MOBILE IMAGE */
        /* background-image: var(--bg-mob) !important; */
        background-repeat: no-repeat;
        }

        .why-choose-alignerco-grid-item h3 {
            margin-bottom: 8px;
            font-weight: 600;
            font-size: 24px;
            line-height: 1.3;
            letter-spacing: 0px;
            max-width: 155px;
        }
        .why-choose-alignerco-grid-item2 h3, 
        .why-choose-alignerco-grid-item4 h3 { max-width: 200px; }
        .why-choose-alignerco-grid-item5 h3 { max-width: 213px; }

        .why-choose-alignerco-section p { font-size: 14px; }
        
        .why-choose-alignerco-grid-item1:after, 
        .why-choose-alignerco-grid-item2:after { background: linear-gradient(104.7deg, #e0efff 21.83%, #fff0 69.39% 95.11%); }
        
        .why-choose-alignerco-grid-item3,
        .why-choose-alignerco-grid-item4,
        .why-choose-alignerco-grid-item5 {
            padding: 25px;
            display: flex;
            align-items: flex-start;
            flex-direction: column;
        }
        .item3 { margin: 0; }
    }


{% comment %} Progress Bars {% endcomment %}
/* --- 4. PROGRESS BARS (POLISHED) --- */
.traditional-metal-braces-section { 
  padding: 0 0 60px;; 
 
}
.aco-comparison-title {
    color: #0A2849; /* Dark blue for the sentence */
    font-size: 36px;
    font-weight: 700;
    line-height: 46.8px;
    margin-left: auto; 
    margin-right: auto; 
    text-align: center;
    margin-bottom: 45px;
    max-width: 825px;
    padding: 0;
}

.aco-light-blue {
    color: #1F77DB !important; /* Lighter blue for the number/percentage */ }


.progress-bar { 
 position: relative;
 width: 100%;
    height: 96px;
    border-radius: 16px;
    background: #fff;
    border: 1px solid #d9d9d9;
    margin-bottom: 20px;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.progress-bar .fill { 
  height: 100%; 
  display: flex; 
  align-items: center; 
  padding-left: 25px; 
  color: #fff; 
  font-weight: 700; 
  font-size: 32px;
  border-radius: 12px;
  transition: width 1s ease-in-out;
  position: absolute;
}

/* Individual Bar Logic */
.progress1 .fill { background: #1F77DB; width: 35%; }
.progress2 .fill { background: #7fb1ec; width: 85%; }
.progress3 .fill { background: #7fb1ec; width: 100%; }

/* Labels - Positioned outside the fill or inside depending on design */
.progress-bar .label { 
 margin-left: 20px;
    font-weight: 400;
    font-size: 32px;
    line-height: 130%;
    letter-spacing: 0px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .traditional-metal-braces-section { padding: 0;}
    section.traditional-metal-braces-section h2 {
        max-width: 282px;
        font-size: 28px;
        line-height: 1.2;
        letter-spacing: 0px;
        text-align: center;
        margin-top: 10px;
    }
    .traditional-metal-braces-section .progress-bar {
        border: 1px solid #0a28496b;
        height: 60px;
    }
    section.traditional-metal-braces-section .progress1 .fill {
        width: 65%;
        background: #0074e4;
        font-weight: 700;
        font-size: 18px;
        line-height: 1.4;
        text-transform: capitalize;
    }
    section.traditional-metal-braces-section .fill .label {
        margin-left: 10px;
        font-weight: 400;
        font-size: 14px;
        line-height: 140%;
        letter-spacing: 0px;
    }
    section.traditional-metal-braces-section .progress2 .fill {
        width: 85%;
        border-radius: 12px;
    }
        section.traditional-metal-braces-section .fill {
        padding-left: 20px;
        font-size: 18px;
    }
}

{% comment %} Work For You {% endcomment %}
 /* --- 5. HOW IT WORKS SECTION --- */
.how-alignerco-works-section {
 background-color: #0074df;
    color: #fff;
    padding: 80px 40px;
    text-align: center;
    border-radius: 12px;
    margin-top: 55px;
}

.how-alignerco-works-section .section-title {
    font-weight: 700;
    font-size: 36px;
    line-height: 130%;
    letter-spacing: 0px;
    text-align: center;
    text-transform: capitalize;
    margin-bottom: 50px;
}

/* Container for the 3 steps */
.how-alignerco-steps-wrapper {
  position: relative;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 70px;
}

/* The Dotted Line */
.how-alignerco-steps-wrapper::after {
  content: "";
    position: absolute;
    width: 100%;
    border: 1px dashed #fff;
    top: 95px;
    max-width: 667px;
    z-index: 0;
    left: 221px;
}

.step-item {
  max-width: 303px;
    text-align: center;
     z-index: 2;
}

/* Circular Images */
.step-image {
  text-align: center !important;
  margin-left: 61px;
 
}

.step-image img {
  width: 100%;
    height: 170px;
    max-width: 170px;
    object-fit: contain;
    margin-bottom: 0 !important;
    border-radius: 0;
    padding: 0;
    pointer: relative;
    z-index: 1;
}

/* Step Content */
.step-content h3 {
  margin: 10px 0 5px;
    font-weight: 600;
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: 0px;
    text-align: center;
    text-transform: capitalize;
    color: #f6f7f8;
}

.step-content p {
    font-weight: 400;
    font-size: 24px;
    line-height: 130%;
    letter-spacing: 0px;
    text-align: center;
    text-transform: capitalize;
    margin-top: 20px;
    color: #fff;
    width: 279px;
}

@media only screen and (min-width: 0) and (max-width: 767px) {
    div.how-alignerco-works-section {
        background-color: #0074df;
        color: #fff;
        padding: 40px 20px;
        text-align: center;
        border-radius: 0;
        margin-top: 3px;
        width: 112%;
        position: relative;
        left: -6%;
    }
    .how-alignerco-works-section .page-width { padding: 0; }
    div.how-alignerco-works-section .section-title {
        text-transform: capitalize;
        font-weight: 700;
        font-size: 28px;
        line-height: 1.3;
        letter-spacing: 0px;
        text-align: center;
        max-width: 298px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 45px;
        padding: 0;
    }
    div.how-alignerco-steps-wrapper {
        gap: 13px;
    }
    div.how-alignerco-works-section .step-item {
        max-width: 100%;
        height: 126px;
        text-align: center;
        display: flex;
        align-items: center;
        gap: 20px;
    }
    .how-alignerco-works-section .step-image {
        text-align: center !important;
        max-width: 100px;
        width: 100%;
        margin-left: 0;
    }
    div.how-alignerco-works-section .step-item h3 {
        margin: 10px 0 0;
        text-align: left;
        font-weight: 700;
        font-size: 18px;
        line-height: 130%;
    }
    .how-alignerco-works-section .step-item p {
        text-align: left;
        margin-top: 10px;
        font-weight: 400;
        font-size: 16px;
        line-height: 140%;
        width: 195px;
    }
    .how-alignerco-steps-wrapper::after {
  content: "";
  position: absolute;

  top: 75px;
  left: 80px;   /* adjust to align with icons */

  width: 2px;   /* thin vertical line */
  height: 270px;

  z-index: 0;

  /* vertical dashed line */
  background: repeating-linear-gradient(
    to bottom,
    #ffffff 0px,
    #ffffff 6px,
    transparent 6px,
    transparent 14px
  );
}
}
{% comment %} Comparsion Table Section {% endcomment %}
/* --- 6. COMPARISON TABLE SECTION --- */
section.comparison-table-section {padding: 60px 0 0;}
section.comparison-table-section h2 {margin-bottom: 70px; text-align: center; padding: 0; color: #0A2849}
.comparison-table {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
    font-size: .75rem;
}
section.comparison-table-section .comparison-table .table-responsive table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 35px;
    background: #e6f0fb80;
    border-radius: 24px;
    -webkit-backdrop-filter: blur(100px);
    backdrop-filter: blur(100px);
    border: 1.5px solid #FFFFFF;
}
section.comparison-table-section .comparison-table thead tr {
    border: 0 !important;
    position: relative;
}
section.comparison-table-section .comparison-table thead tr th {
    position: relative;
}
.comparison-table .table-responsive th {
    padding: 24px;
    font-size: 20px;
    font-weight: 600;
    line-height: 26.2px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #000;
}
section.comparison-table-section .comparison-table thead tr th:after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: 0;
    width: 88%;
    height: 1px;
    background: #b4d2f3;
}
section.comparison-table-section .comparison-table .table-responsive thead tr th:nth-child(2) {
    background: #0074df;
    color: #f6f7f8;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: 0px;
    text-align: center;
    padding-bottom: 22px;
}
section.comparison-table-section .comparison-table .table-responsive thead tr th:nth-child(2):before {
    content: '';
    position: absolute;
    top: -23px;
    background: #0074df;
    width: 100%;
    height: 40px;
    left: 0;
    border-radius: 20px 20px 0 0;
}
.comparison-table .table-responsive thead tr th:nth-child(3) {
    text-align: center;
}
section.comparison-table-section .comparison-table tbody tr {
    border: 0 !important;
    position: relative;
}
section.comparison-table-section .comparison-table tbody tr td {
    position: relative;
}
.comparison-table .table-responsive td {
    font-size: 16px;
    font-weight: 400;
    line-height: 22.4px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    letter-spacing: normal;
    color: #000;
    padding: 20px;
}
section.comparison-table-section .comparison-table .table-responsive tbody tr td:nth-child(2) {
    background: #0074df;
    text-align: center;
    position: relative;
    color: #fff;
}
.comparison-table img {
    vertical-align: middle;
    width: 35px;
    height: 35px;
    margin: 0 auto;
}
section.comparison-table-section .comparison-table tbody tr td:after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: 0;
    width: 88%;
    height: 1px;
    background: #b4d2f3;
}
section.comparison-table-section .comparison-table th:nth-child(2n) {
    background: #f2f7fd;
    text-align: center;
}
section.comparison-table-section .comparison-table .table-responsive tbody tr:last-child td:nth-child(2):after {
    content: "";
    position: absolute;
    bottom: -29px;
    background: #0074df;
    width: 100%;
    height: 50px;
    left: 0;
    transform: translate(0);
    border-radius: 0 0 20px 20px;
    z-index: 0;
}
.comparison-table tr:last-child td {
    border-radius: 0 0 25px 25px;
}
.comparison-table table tbody tr:last-child td:nth-child(1):after { display: none;}
.comparison-table table tbody tr:last-child td:nth-child(3):after { display: none;}
.comparison-table table tbody tr:last-child td:nth-child(4):after { display: none;}

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

  .comparison-table .table-responsive {
        scrollbar-width: thin;
        scrollbar-color: #0074df #cfd3d8; /* Thumb color (Blue) and Track color (Light Blue) */
    }
    /* 2. Webkit Scrollbar for Chrome, Safari, and Edge */
    .comparison-table .table-responsive::-webkit-scrollbar {
        height: 6px; /* Height of the horizontal scrollbar */
    }

    /* The background track of the scrollbar */
    .comparison-table .table-responsive::-webkit-scrollbar-track {
        background: #cfd3d8; 
        border-radius: 10px;
    }
    /* The actual draggable handle (The blue part) */
    .comparison-table .table-responsive::-webkit-scrollbar-thumb {
        background: #0074df; 
        border-radius: 10px;
    }
    section.comparison-table-section {
        padding: 60px 0 30px;
    }
    section.comparison-table-section h2 {
        text-align: center;
        max-width: 285px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 40px;
    }
    .comparison-table .table-responsive {
        max-width: 100%;
        overflow: auto;
        background: #fff;
        border-radius: 20px;
    }
    .comparison-table .table-responsive th {
        font-size: 17px;
        font-weight: 500;
        line-height: 22.27px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
    }
    section.comparison-table-section .comparison-table .table-responsive thead tr th:nth-child(2) {
        border-radius: 20px 20px 0 0;
        overflow: hidden;
    }
    section.comparison-table-section .comparison-table th:nth-child(2n) {
       background: none;
    }
    .comparison-table .table-responsive td {
        text-align: center;
    }
    .comparison-table td:not(:first-child) {
        text-align: center;
        padding: 20px;
        font-size: 12px !important;
    }
    section.comparison-table-section .comparison-table .table-responsive tbody tr:last-child td:nth-child(2):after {display:none;}
}

{% comment %} Guarantee banner {% endcomment %}
 .gaurantee-section .gaurantee-wrapper {
    background: #0074df;
    padding: 50px 75px;
    max-width: 1000px;
    border-radius: 20px;
    margin: 95px 145px 60px auto;
    position: relative;
 }
 .gaurantee-section .gaurantee-wrapper h2 {
    color: #f6f7f8;
    margin-bottom: 16px;
    font-size: 36px;
    font-weight: 700;
    line-height: 46.8px;
    margin-top: 0;
    padding: 0;
}
.gaurantee-section .gaurantee-wrapper p {
    margin: 0;
    color: #f6f7f8;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0px;
    max-width: 545px;
}
.gaurantee-section .gaurantee-wrapper:after {
    content: "";
    position: absolute;
    right: -140px;
    top: 59%;
    transform: translateY(-50%);
    width: 380px;
    height: 380px;
    background-image: url(/cdn/shop/files/image_55_1.png?v=1744038157);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 378px 364px;
}



@media only screen and (min-width: 0) and (max-width: 767px) {
    .gaurantee-section {
        padding-bottom: 240px;
    }
    .gaurantee-section .page-width {
        overflow: visible;
    }
    .gaurantee-section .gaurantee-wrapper {
        background: #0074df;
        padding: 40px 40px;
        height: 430px;
        max-width: 100%;
        border-radius: 20px;
        margin: 0;
        position: relative;
        text-align: center;
        overflow: visible;
    }
    .gaurantee-section .gaurantee-wrapper h2 {
        font-weight: 600;
        padding: 0;
        font-size: 28px;

    }
    .gaurantee-section .gaurantee-wrapper p {
        margin: 0;
        color: #f6f7f8;
        max-width: 545px;
        font-weight: 400;
        font-size: 16px;
        line-height: 1.6;
        letter-spacing: 0px;
        text-align: center;
    }
    .gaurantee-section .gaurantee-wrapper:after {
        content: "";
        position: absolute;
        right: 0;
        top: 53%;
        transform: none;
        width: 100%;
        height: 442px;
        background-image: url(/cdn/shop/files/image_55_1.png?v=1744038157);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 378px 364px;
        z-index: 2;
    }
}


span.price-item--sale.price {
    display: inline-block;
    margin: 0;
    font-family: Kanit;
    font-weight: 700;
    font-size: 36px;
    line-height: 1;
    text-transform: capitalize;
    color: #1f77db;
}
span.price-item--regular.compare-at-price {
    font-family: Kanit;
    font-size: 24px !important;
    font-weight: 400 !important;
    line-height: 31.2px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #0a2849 !important;
    text-decoration-color: #ff1515;
    opacity:1!important;
}


.product-information.page-width.section.section--page-width.spacing-style.color-scheme-1.relative {
    padding-top: 52px;
    padding-bottom: 72px;
}


media-gallery.spacing-style.sticky-content.media-gallery--carousel {
    max-width: 540px;
}

.media-fit-contain :is(img, .deferred-media__poster-image){
    background-color: TRANSPARENT !important;
}

@media only screen and (min-width: 0) and (max-width: 767px) {
    .product-information.page-width.section.section--page-width.spacing-style.color-scheme-1.relative {
        padding-left:15px;
        padding-right:15px;
        padding-bottom:52px;
        padding-top:40px;
    }   

    img.product-media__image {
        max-width: 385px;
        border-radius: 20px;
    }
    slideshow-slides {
        column-gap: 8px !important;
        row-gap: 8px !important;
    }
    .slideshow-controls__thumbnails .slideshow-control{
        width: 72px !important;
    }

    

    .hot-tag-container-main-img {
        width: 80px;
        height: auto;
    }
}