/** Shopify CDN: Minification failed

Line 1268:0 Unexpected "`"

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:featured-collection-thekuda-2 (INDEX:2) */
.featured-collection-discover {
    /* background-color: gold; */
  }
.featured-collection-container {
    width: min(100% - clamp(2rem, 5vw, 5rem), 1665px);
    margin: clamp(2rem, 4vw, 4rem) auto 0;
    display: flex;
    flex-direction: column;
    align-items: center;

    gap: clamp(3rem, 7vw, 8rem);
}

  .featured-collection-top {
    width: 100%;
    text-align: center;
  }

  .featured-collection-top h4 {
    font-family: "Raleway";
    font-weight: bold;
    font-size: clamp(18px, 1.7vw, 24px);
    color: #BF4E21;
  }

  .featured-collection-top h2 {
    font-family: "Fredoka" !important;  
    font-size: clamp(32px, 4vw, 48px) !important;
    color: #000000 !important;
  }  

  h3.toys-h3Title,
  h3.books-h3Title,
  h3.electronics-h3Title,
  h3.health-h3Title
   {
    font-family: "Fredoka" !important;
    font-size: clamp(24px, 3vw, 38px) !important;
    font-weight: bold !important;
    color: #FFF6E8 !important;
   }



  .featured-collection-bottom {
    /* background-color: purple; */
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-rows: 356px;
    gap: 2rem;
    width: 100%;
    max-width: 1665px;
    margin: 0 auto;
    /* display: flex; */
    align-items: flex-end;
    gap: clamp(12px, 1.5vw, 24px);
  }

  

  .featured-box {
    height: clamp(280px, 22vw, 354px);
    flex: 1;
    box-sizing: border-box;
    border-radius: clamp(18px, 2vw, 25px);
    padding: clamp(1.5rem, 3vw, 3rem);
    display: flex;
    justify-content: space-between;

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    transition: height 0.35s ease;
  }

    .featured-box:hover {
        height: 400px;
        cursor: pointer;
    }

 .toys-and-games {
    /* background-color: red; */
 }

 .books-music-entertainment {
    /* background-color: blue; */
 }

 .electronics-and-gadget {
    /* background-color: yellow; */
 }

 .health-and-wellness {
    /* background-color: pink; */
 }

a.cta-featured-collection {
  min-width: clamp(150px, 13vw, 190px);  
  background-color: #BF4E21;
  color: #fff;
  border-radius: 30px;
  padding: 1rem 2.5rem;
  display: flex;
  justify-content: space-around;
  gap: 2.5rem;
  font-family: "Fredoka" !important;
  font-size: 16px !important;
  font-weight: 500 !important;

  text-decoration: none;

  transition:
    transform 0.3s ease,
    background-color 0.3s ease,
    box-shadow 0.3s ease;
}

a.cta-featured-collection:hover {
  background-color: #a9431b;
  transform: translateY(-5px);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.2);
}


/* ======================================== TABLET ======================================== */
@media only screen and (max-width: 991px) {
    .featured-collection-container {
        width: min(100% - 2rem, 1665px);
        gap: clamp(3rem, 6vw, 5rem);
    }
    .featured-collection-bottom {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .featured-box {
        height: clamp(280px, 35vw, 354px);
    }
    .featured-box:hover {
        height: clamp(300px, 38vw, 380px);
    }
} /* ======================================== MOBILE ======================================== */
@media only screen and (max-width: 600px) {
    .featured-collection-container {
        width: calc(100% - 2rem);
        margin-top: 2.5rem;
        gap: 3rem;
    }
    .featured-collection-top h4 {
        font-size: clamp(17px, 4vw, 20px);
    }
    .featured-collection-top h2 {
        font-size: clamp(28px, 8vw, 36px) !important;
    }
    .featured-collection-bottom {
        grid-template-columns: 1fr;
        gap: 16px;
        grid-template-rows: auto !important;
    }
    .featured-box {
        width: 100%;
        height: clamp(280px, 75vw, 354px);
        border-radius: 20px;
        padding: clamp(1.25rem, 5vw, 2rem);
    } /* Don't make the card dramatically taller on hover on small screens. */
    .featured-box:hover {
        height: clamp(300px, 80vw, 370px);
    }
    h3.toys-h3Title,
    h3.books-h3Title,
    h3.electronics-h3Title,
    h3.health-h3Title {
        font-size: clamp(22px, 6vw, 30px) !important;
    }
    a.cta-featured-collection {
        min-width: auto;
        padding: 0.75rem clamp(1rem, 5vw, 1.75rem);
        gap: 1rem;
        font-size: 14px !important;
    }
} /* ======================================== SMALL MOBILE ======================================== */
@media only screen and (max-width: 400px) {
    .featured-collection-container {
        width: calc(100% - 1.5rem);
    }
    .featured-box {
        padding: 1.25rem;
        border-radius: 18px;
    }
    a.cta-featured-collection {
        padding: 0.7rem 1rem;
        gap: 0.75rem;
    }
}
/* END_SECTION:featured-collection-thekuda-2 */

/* START_SECTION:filter-collection2 (INDEX:6) */
/* CATEGORIES PAGE */

.categories-page {
    /* background-color: red; */
    margin-top: 5rem;
}

.categories-inner-page {
    /* background-color: blue; */
    width: 1600px;
    padding: 0 5rem;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 260px 1fr;
}

.categories-left {
    /* background-color: purple; */
    padding: 1rem;
}

.categories-right {
    /* background-color: maroon; */
    display: grid;
    grid-template-columns: repeat(auto-fill, 220px);
    justify-content: center;
    gap: 2rem;
}

.categories-products {
    background-color: yellow;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    border: 1px solid #e7e7e7;
    padding: 15px;
    text-align: center;
    margin-bottom: 1rem;
    color: #000;
}
/* END_SECTION:filter-collection2 */

/* START_SECTION:the-kuda-running-info (INDEX:16) */
.running-info-section {
        padding: clamp(2.5rem, 5vw, 6rem) 0;
    }

  .container-running-info-sect {
    background-color: #AF431A;
    width: 100%;
    min-height: clamp(50px, 5vw, 82px);

    display: flex;
    align-items: center;

    overflow: hidden;
    position: relative;
  }

    h3.running-info-h3 {
    font-size: clamp(19px, 2.6vw, 42px) !important;
    line-height: 1.1 !important;
    font-family: "Fredoka" !important;
    font-weight: 600;
    color: #fff !important;

    white-space: nowrap;
    margin: 0;
    padding: 0;

    flex-shrink: 0;
    will-change: transform;

    animation: runningInfoMarquee 35s linear infinite;
    }


    @keyframes runningInfoMarquee {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
    }


    /* Tablet */
    @media screen and (max-width: 1023px) {
    h3.running-info-h3 {
        animation-duration: 30s;
    }
    }


    /* Mobile */
    @media screen and (max-width: 767px) {
    h3.running-info-h3 {
        animation-duration: 25s;
    }
    }


    /* Small Mobile */
    @media screen and (max-width: 479px) {
    h3.running-info-h3 {
        animation-duration: 22s;
    }
    }
/* END_SECTION:the-kuda-running-info */

/* START_SECTION:all-collections-page-breadcrumb (INDEX:20) */
/* =========================
   BREADCRUMBS – DESKTOP
   ========================= */

.main-breadcrumbs {
  width: 100%;
}

.inner-breadcrumbs {
  max-width: 1600px;
  margin: 2rem auto;
  margin-bottom: -5rem;
  padding: 1rem 5rem;
}

/* Font size control */
.breadcrumbs-product {
  font-size: 2rem; 
  color: #333;
}

.breadcrumbs-product a {
  color: #000;
  text-decoration: none;
  font-weight: 500;
}

.breadcrumbs-product a:hover {
  text-decoration: underline;
}

.collection-item {
  position: relative;
  overflow: hidden;
}

.collection-item::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1;
  pointer-events: none; /* ✅ THIS FIXES THE CLICK */
}

.collection-item h3 {
  position: absolute;
  z-index: 2;
}



/* =========================
   TABLET (≤ 1024px)
   ========================= */
@media only screen and (max-width: 1024px) {
  .inner-breadcrumbs {
    max-width: 100%;
    padding: 1rem 3rem;
    margin-bottom: -3rem;
  }

  .breadcrumbs-product {
    font-size: 1.8rem; /* 👈 TABLET FONT SIZE */
  }
}

/* =========================
   MOBILE (≤ 768px)
   ========================= */
@media only screen and (max-width: 768px) {
  .inner-breadcrumbs {
    padding: 0.75rem 1.5rem;
    margin-bottom: 0;
  }

  .breadcrumbs-product {
    font-size: 1rem; /* 👈 MOBILE FONT SIZE */
    line-height: 1.4;
    word-break: break-word;
  }
}

/* =========================
   SMALL MOBILE (≤ 480px)
   ========================= */
@media only screen and (max-width: 480px) {
  .breadcrumbs-product {
    font-size: 11px; /* 👈 SMALL MOBILE */
  }
}
/* END_SECTION:all-collections-page-breadcrumb */

/* START_SECTION:all-collections-page (INDEX:21) */
.collections {
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 0rem;
  text-align: center;
}

.collections h2 {
  font-size: 32px;
  margin: 4rem 0 3rem;
}

/* ================= GRID ================= */

.collections-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  margin-bottom: 5rem;
}

/* ================= CARD ================= */

.collection-item {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  cursor: pointer;
}

.collection-item a {
  display: block;
  position: relative;
  text-decoration: none;
  color: inherit;
}

.collection-item img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  display: block;
  transition: 0.3s ease;
}

.collection-item h3 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  pointer-events: none;
}

.collection-item:hover img {
  transform: scale(1.05);
}

/* ================= RESPONSIVE ================= */

/* Desktop */
@media (max-width: 1200px) {
  .collections-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Tablet */
@media (max-width: 992px) {
  .collections {
    padding: 0 3rem;
  }

  .collections-grid {
    grid-template-columns: 1fr;
  }

  .collection-item img {
    height: 260px;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .collections {
    padding: 0 1.5rem;
  }

  .collections h2 {
    font-size: 24px;
  }

  .collection-item img {
    height: 220px;
  }

  .collection-item h3 {
    font-size: 18px;
  }
}
/* END_SECTION:all-collections-page */

/* START_SECTION:categories-breadcrumbs (INDEX:37) */
/* =========================
   BREADCRUMBS – DESKTOP
   ========================= */

.main-breadcrumbs {
  width: 100%;
}

.inner-breadcrumbs {
  max-width: 1600px;
  margin: 2rem auto;
  margin-bottom: -5rem;
  padding: 1rem 5rem;
}

/* Font size control */
.breadcrumbs-product {
  font-size: 2rem; 
  color: #333;
}

.breadcrumbs-product a {
  color: #000;
  text-decoration: none;
  font-weight: 500;
}

.breadcrumbs-product a:hover {
  text-decoration: underline;
}

/* =========================
   TABLET (≤ 1024px)
   ========================= */
@media only screen and (max-width: 1024px) {
  .inner-breadcrumbs {
    max-width: 100%;
    padding: 1rem 3rem;
    margin-bottom: -3rem;
  }

  .breadcrumbs-product {
    font-size: 1.8rem; /* 👈 TABLET FONT SIZE */
  }
}

/* =========================
   MOBILE (≤ 768px)
   ========================= */
@media only screen and (max-width: 768px) {
  .inner-breadcrumbs {
    padding: 0.75rem 1.5rem;
    margin-bottom: 0;
  }

  .breadcrumbs-product {
    font-size: 1rem; /* 👈 MOBILE FONT SIZE */
    line-height: 1.4;
    word-break: break-word;
  }
}

/* =========================
   SMALL MOBILE (≤ 480px)
   ========================= */
@media only screen and (max-width: 480px) {
  .breadcrumbs-product {
    font-size: 11px; /* 👈 SMALL MOBILE */
  }
}
/* END_SECTION:categories-breadcrumbs */

/* START_SECTION:categories-sub-cat-breadcrumbs1 (INDEX:38) */
/* =========================
   BREADCRUMBS – DESKTOP
   ========================= */

.main-breadcrumbs {
  width: 100%;
}

.inner-breadcrumbs {
  max-width: 1600px;
  margin: 2rem auto;
  margin-bottom: -5rem;
  padding: 1rem 5rem;
}

/* Font size control */
.breadcrumbs-product {
  font-size: 2rem; 
  color: #333;
}

.breadcrumbs-product a {
  color: #000;
  text-decoration: none;
  font-weight: 500;
}

.breadcrumbs-product a:hover {
  text-decoration: underline;
}

/* =========================
   TABLET (≤ 1024px)
   ========================= */
@media only screen and (max-width: 1024px) {
  .inner-breadcrumbs {
    max-width: 100%;
    padding: 1rem 3rem;
    margin-bottom: -3rem;
  }

  .breadcrumbs-product {
    font-size: 1.8rem; /* 👈 TABLET FONT SIZE */
  }
}

/* =========================
   MOBILE (≤ 768px)
   ========================= */
@media only screen and (max-width: 768px) {
  .inner-breadcrumbs {
    padding: 0.75rem 1.5rem;
    margin-bottom: 0;
  }

  .breadcrumbs-product {
    font-size: 1rem; /* 👈 MOBILE FONT SIZE */
    line-height: 1.4;
    word-break: break-word;
  }
}

/* =========================
   SMALL MOBILE (≤ 480px)
   ========================= */
@media only screen and (max-width: 480px) {
  .breadcrumbs-product {
    font-size: 11px; /* 👈 SMALL MOBILE */
  }
}
/* END_SECTION:categories-sub-cat-breadcrumbs1 */

/* START_SECTION:categories-sub-cat-breadcrumbs2 (INDEX:39) */
/* =========================
   BREADCRUMBS – DESKTOP
   ========================= */

.main-breadcrumbs {
  width: 100%;
}

.inner-breadcrumbs {
  max-width: 1600px;
  margin: 2rem auto;
  margin-bottom: -5rem;
  padding: 1rem 5rem;
}

/* Font size control */
.breadcrumbs-product {
  font-size: 2rem; 
  color: #333;
}

.breadcrumbs-product a {
  color: #000;
  text-decoration: none;
  font-weight: 500;
}

.breadcrumbs-product a:hover {
  text-decoration: underline;
}

/* =========================
   TABLET (≤ 1024px)
   ========================= */
@media only screen and (max-width: 1024px) {
  .inner-breadcrumbs {
    max-width: 100%;
    padding: 1rem 3rem;
    margin-bottom: -3rem;
  }

  .breadcrumbs-product {
    font-size: 1.8rem; /* 👈 TABLET FONT SIZE */
  }
}

/* =========================
   MOBILE (≤ 768px)
   ========================= */
@media only screen and (max-width: 768px) {
  .inner-breadcrumbs {
    padding: 0.75rem 1.5rem;
    margin-bottom: 0;
  }

  .breadcrumbs-product {
    font-size: 1rem; /* 👈 MOBILE FONT SIZE */
    line-height: 1.4;
    word-break: break-word;
  }
}

/* =========================
   SMALL MOBILE (≤ 480px)
   ========================= */
@media only screen and (max-width: 480px) {
  .breadcrumbs-product {
    font-size: 11px; /* 👈 SMALL MOBILE */
  }
}
/* END_SECTION:categories-sub-cat-breadcrumbs2 */

/* START_SECTION:categories-sub-cat-breadcrumbs3 (INDEX:40) */
/* =========================
   BREADCRUMBS – DESKTOP
   ========================= */

.main-breadcrumbs {
  width: 100%;
}

.inner-breadcrumbs {
  max-width: 1600px;
  margin: 2rem auto;
  margin-bottom: -5rem;
  padding: 1rem 5rem;
}

/* Font size control */
.breadcrumbs-product {
  font-size: 2rem; 
  color: #333;
}

.breadcrumbs-product a {
  color: #000;
  text-decoration: none;
  font-weight: 500;
}

.breadcrumbs-product a:hover {
  text-decoration: underline;
}

/* =========================
   TABLET (≤ 1024px)
   ========================= */
@media only screen and (max-width: 1024px) {
  .inner-breadcrumbs {
    max-width: 100%;
    padding: 1rem 3rem;
    margin-bottom: -3rem;
  }

  .breadcrumbs-product {
    font-size: 1.8rem; /* 👈 TABLET FONT SIZE */
  }
}

/* =========================
   MOBILE (≤ 768px)
   ========================= */
@media only screen and (max-width: 768px) {
  .inner-breadcrumbs {
    padding: 0.75rem 1.5rem;
    margin-bottom: 0;
  }

  .breadcrumbs-product {
    font-size: 1rem; /* 👈 MOBILE FONT SIZE */
    line-height: 1.4;
    word-break: break-word;
  }
}

/* =========================
   SMALL MOBILE (≤ 480px)
   ========================= */
@media only screen and (max-width: 480px) {
  .breadcrumbs-product {
    font-size: 11px; /* 👈 SMALL MOBILE */
  }
}
/* END_SECTION:categories-sub-cat-breadcrumbs3 */

/* START_SECTION:explore-categories-two-column (INDEX:48) */
.explore-categ-box construction-toys,
.explore-categ-box dolls-and-accessories,
.vehicle-radio-control,
.action-figures,
.educational-and-baby-activity-toys {
  cursor: pointer;
}




.container-explore-categories {
    /* background-color: aquamarine; */
    max-width: 1600px;
    margin: 0 auto;
    padding: 2rem 3rem;   
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.explore-categ-top {
    /* background-color: goldenrod; */
    display: flex;
    justify-content: space-between;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    padding: 3rem 0;
}

h4.explore-categ-top-h4 {
    font-size: 18px !important;
    font-family: "Raleway" !important;
    font-weight: bold !important;
    color: #BF4E21;
}

h2.explore-categ-top-h2 {
    font-size: 48px !important;
    font-family: "Fredoka" !important;
    color: #000000;
}

p.explore-categ-top-right-p {
    font-size: 16px !important;
    font-family: Raleway !important;
    font-weight: 300;
    max-width: 740px !important;
}

.explore-categ-top-left {
    /* background-color: orange; */
}

.explore-categ-top-right {
    /* background-color: skyblue; */
}


.explore-categ-middle {
    /* background-color: maroon; */
    display: flex;
    justify-content: space-between;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    grid-template-rows: 270px;
}

.explore-categ-middle-left {
    /* background-color: hotpink; */
    border-radius: 30px;
}

.explore-categ-box.construction-toys,
.explore-categ-box.dolls-and-accessories
 {
    padding: 3rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    border-radius: 30px;

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

h3.construction-toys-h3 {
    font-size: 30px !important;
    font-family: "Fredoka" !important;
    font-weight: bold;
    color: #fff;
}



.explore-categ-middle-right {
    /* background-color: cornflowerblue; */
    border-radius: 30px;
}

h3.dolls-and-accessories-h3 {
    font-size: 30px !important;
    font-family: "Fredoka" !important;
    font-weight: bold;
    color: #fff;
}

.explore-categ-bottom {
    /* background-color: purple; */
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 290px;
    gap: 2rem;
}

.vehicle-radio-control {
    /* background-color: darkcyan; */
    border-radius: 30px;
}

.explore-three-box-bottom.vehicle-radio-control,
.explore-three-box-bottom.action-figures,
.explore-three-box-bottom.educational-and-baby-activity-toys {
    padding: 3rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    height: 100%;

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

h3.vehicle-radio-h3,
h3.action-figures-h3,
h3.educational-and-baby-activity-toys-h3
 {
    font-size: 30px !important;
    font-family: "Fredoka" !important;
}

.action-figures {
    /* background-color: darksalmon; */
    border-radius: 30px;
}

.educational-and-baby-activity-toys {
    /* background-color: cadetblue; */
    border-radius: 30px;
}





/* =========================================
   RESPONSIVE CSS
   ========================================= */

/* =========================
   LAPTOP
   1024px - 1439px
   ========================= */
@media screen and (max-width: 1439px) {

  .container-explore-categories {
    max-width: 1200px;
    padding: 2rem 2.5rem;
    gap: 1.5rem;
  }

  .explore-categ-top {
    gap: 1.5rem;
    padding: 2.5rem 0;
  }

  h2.explore-categ-top-h2 {
    font-size: 42px !important;
  }

  p.explore-categ-top-right-p {
    font-size: 15px !important;
    max-width: 600px !important;
  }

  .explore-categ-middle {
    gap: 1.5rem;
    grid-template-rows: 250px;
  }

  .explore-categ-box.construction-toys,
  .explore-categ-box.dolls-and-accessories {
    padding: 2.5rem;
  }

  h3.construction-toys-h3,
  h3.dolls-and-accessories-h3 {
    font-size: 27px !important;
  }

  .explore-categ-bottom {
    gap: 1.5rem;
    grid-template-rows: 270px;
  }

  .explore-three-box-bottom.vehicle-radio-control,
  .explore-three-box-bottom.action-figures,
  .explore-three-box-bottom.educational-and-baby-activity-toys {
    padding: 2.5rem;
  }

  h3.vehicle-radio-h3,
  h3.action-figures-h3,
  h3.educational-and-baby-activity-toys-h3 {
    font-size: 27px !important;
  }
}


/* =========================
   TABLET
   768px - 1023px
   ========================= */
@media screen and (max-width: 1023px) {

  .container-explore-categories {
    max-width: 100%;
    padding: 2rem;
    gap: 1.5rem;
  }

  /* TOP SECTION */
  .explore-categ-top {
    grid-template-columns: 1fr;
    gap: 1rem;
    padding: 2rem 0;
  }

  h4.explore-categ-top-h4 {
    font-size: 16px !important;
  }

  h2.explore-categ-top-h2 {
    font-size: 38px !important;
    margin-bottom: 0;
  }

  p.explore-categ-top-right-p {
    font-size: 15px !important;
    max-width: 100% !important;
  }

  /* MIDDLE SECTION */
  .explore-categ-middle {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, 260px);
    gap: 1.5rem;
  }

  .explore-categ-box.construction-toys,
  .explore-categ-box.dolls-and-accessories {
    padding: 2.5rem;
  }

  h3.construction-toys-h3,
  h3.dolls-and-accessories-h3 {
    font-size: 27px !important;
  }

  /* BOTTOM SECTION */
  .explore-categ-bottom {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(2, 250px);
    gap: 1.5rem;
  }

  .explore-three-box-bottom.vehicle-radio-control,
  .explore-three-box-bottom.action-figures,
  .explore-three-box-bottom.educational-and-baby-activity-toys {
    padding: 2.5rem;
  }

  /*
    Make the third box occupy
    the full tablet width.
  */
  .explore-three-box-bottom.educational-and-baby-activity-toys {
    grid-column: 1 / -1;
  }

  h3.vehicle-radio-h3,
  h3.action-figures-h3,
  h3.educational-and-baby-activity-toys-h3 {
    font-size: 26px !important;
  }
}


/* =========================
   MOBILE
   BELOW 768px
   ========================= */
@media screen and (max-width: 767px) {

  .container-explore-categories {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 1.5rem 1rem;
    gap: 1rem;
  }

  /* TOP SECTION */
  .explore-categ-top {
    grid-template-columns: 1fr;
    gap: 1rem;
    padding: 1.5rem 0;
  }

  h4.explore-categ-top-h4 {
    font-size: 14px !important;
    margin-bottom: 0.5rem;
  }

  h2.explore-categ-top-h2 {
    font-size: 30px !important;
    line-height: 1.1;
    margin: 0;
  }

  p.explore-categ-top-right-p {
    font-size: 14px !important;
    line-height: 1.6;
    max-width: 100% !important;
    margin: 0;
  }

  /* MIDDLE SECTION */
  .explore-categ-middle {
    grid-template-columns: 1fr;
    grid-template-rows: none;
    gap: 1rem;
  }

  .explore-categ-middle-left,
  .explore-categ-middle-right {
    min-height: 220px;
  }

  .explore-categ-box.construction-toys,
  .explore-categ-box.dolls-and-accessories {
    min-height: 220px;
    height: 100%;
    box-sizing: border-box;
    padding: 1.5rem;
    border-radius: 20px;
  }

  h3.construction-toys-h3,
  h3.dolls-and-accessories-h3 {
    font-size: 23px !important;
    line-height: 1.15;
    margin: 0;
  }

  /* BOTTOM SECTION */
  .explore-categ-bottom {
    grid-template-columns: 1fr;
    grid-template-rows: none;
    gap: 1rem;
  }

  .explore-three-box-bottom.vehicle-radio-control,
  .explore-three-box-bottom.action-figures,
  .explore-three-box-bottom.educational-and-baby-activity-toys {
    min-height: 220px;
    height: 220px;
    box-sizing: border-box;
    padding: 1.5rem;
    border-radius: 20px;
  }

  /*
    Reset tablet rule
    so every box is full width.
  */
  .explore-three-box-bottom.educational-and-baby-activity-toys {
    grid-column: auto;
  }

  h3.vehicle-radio-h3,
  h3.action-figures-h3,
  h3.educational-and-baby-activity-toys-h3 {
    font-size: 23px !important;
    line-height: 1.15;
    margin: 0;
  }
}


/* =========================
   SMALL MOBILE
   BELOW 480px
   ========================= */
@media screen and (max-width: 479px) {

  .container-explore-categories {
    padding: 1.25rem 0.85rem;
  }

  .explore-categ-top {
    padding: 1rem 0;
  }

  h4.explore-categ-top-h4 {
    font-size: 13px !important;
  }

  h2.explore-categ-top-h2 {
    font-size: 27px !important;
  }

  p.explore-categ-top-right-p {
    font-size: 13px !important;
    line-height: 1.55;
  }

  .explore-categ-box.construction-toys,
  .explore-categ-box.dolls-and-accessories {
    min-height: 190px;
    padding: 1.25rem;
    border-radius: 18px;
  }

  .explore-three-box-bottom.vehicle-radio-control,
  .explore-three-box-bottom.action-figures,
  .explore-three-box-bottom.educational-and-baby-activity-toys {
    height: 190px;
    min-height: 190px;
    padding: 1.25rem;
    border-radius: 18px;
  }

  h3.construction-toys-h3,
  h3.dolls-and-accessories-h3,
  h3.vehicle-radio-h3,
  h3.action-figures-h3,
  h3.educational-and-baby-activity-toys-h3 {
    font-size: 21px !important;
  }
}
```
/* END_SECTION:explore-categories-two-column */

/* START_SECTION:flash-sales-slider (INDEX:52) */
/* NEW FLASH DEALS SECTION */

.flash-sales {
    margin-top: 7rem;
}

.inner-flash-sales {
    max-width: 1500px;
    margin: 0 auto;
}

.top-flash-sales {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.left {
    display: flex;
    gap: 4rem;
}

.heading-flash {
   display: flex;
   align-items: end;
}

.heading-flash h2 {
    font-size: clamp(24px, 2.5vw, 36px);
    line-height: 1.2;
    font-weight: 600;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}



.row-flash-sales span {
    font-size: clamp(18px, 2vw, 28px);
    font-weight: 600;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

span.countdown-separator {
    font-size: 1.8rem;
    font-weight: 600;
}

.daysHours-titles {
    display: flex;
    gap: 1rem;
}

.row-flash-sales-container {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.row-flash-sales span {
    font-size: 2rem;
    font-weight: 600;
    color: #000;
}

.slide-nav-flash {
    display: flex;
    gap: 1rem;
    align-items: center;
    /* background: gold; */
    padding: .3rem;
}

.slide-prev-flash {
    background: #f5f5f5; 
    display: flex;
    align-items: center;
    padding: .3rem;
    cursor: pointer;
}
.slide-next-flash {
  background-color: #f5f5f5;
  display: flex;
  align-items: center;
  padding: .3rem;
  cursor: pointer;
}

img.slideFlashPrevIMG,
img.slideFlashNextIMG {
    width: 25px;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* row flash start */

.row-flash-sales-container {
  display: flex;
  align-items: center;
}

.row-flash-sales {
  position: relative;
  text-align: center;
}

/* labels sa taas */
#days-flash-sales::before,
#hours-flash-sales::before,
#minutes-flash-sales::before,
#seconds-flash-sales::before {
  display: block;
  font-size: 10px;
  text-transform: capitalize;
  margin-bottom: 2px;
  opacity: 0.7;

}

/* label text */
#days-flash-sales::before { 
  content: "days";
  display: flex;
  align-items: start;
 }
#hours-flash-sales::before { 
  content: "hours"; 
  display: flex;
  align-items: start;
}
#minutes-flash-sales::before { 
  content: "minutes";
  display: flex;
  align-items: start;
 }
#seconds-flash-sales::before { 
  content: "seconds"; 
    display: flex;
  align-items: start;
}

/* colon */
.row-flash-sales:not(:last-child)::after {
  content: ":";
  
  margin-left: 12px;
  font-size: 2rem;
  transform: translateY(-50%);
}

/* spacing */
.row-flash-sales {
  margin-right: 16px;
}

/* row flash end */

.bot-flash-sales {
    margin-top: 3rem;
    display: flex;
    gap: 2rem;
    overflow-x: auto;
    scroll-behavior: smooth;
}
.bot-flash-sales::-webkit-scrollbar {
    display: none;
}

.flash-slider-box {
  width: 100%;
  max-width: 270px;
  border: .1px solid #e7e7e7;
  box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
  min-width: 290px;
  padding: clamp(10px, 1.5vw, 20px);
  text-align: center;
}

.flash-slider-text {
  display: flex;
  flex-direction: column;
  z-index: 3;
  width: 100%;
  gap: 1rem;
  align-items: center;
}

span.flash-product-price {
  display: flex;
  gap: 1.3rem;
}

.product-title a {
    font-size: clamp(14px, 1.2vw, 18px);
    line-height: 1.4;
}

h4.product-title a {
    color: #141718 !important;
}
span.flash-sales-original-price {
    color: #2b2b2b;
    text-decoration: line-through;
    display: flex;
    align-items: center;

}
span.flash-product-price a {
    color: red;
}


.flash-product-price .sale-price {
    font-size: clamp(16px, 1.4vw, 20px) !important;
}

.img-slider-one {
    width: 100%;
    max-width: clamp(180px, 18vw, 260px);
}


@media (max-width: 1440px) {
    .flash-sales {
        padding: clamp(2rem, 3vw, 3rem) clamp(1rem, 4vw, 4rem);
    }

    .flash-slide-inner {
        flex: 0 0 25%; /* 4 items */
    }
}


@media (max-width: 1023px) {

    .top-flash-sales {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .flash-slide-inner {
        flex: 0 0 33.33%; /* 3 items */
    }

    .heading-flash h2 {
        font-size: clamp(22px, 4vw, 28px);
    }

    .row-flash-sales span {
        font-size: clamp(16px, 3vw, 22px);
    }

    .product-title a {
        font-size: clamp(13px, 2.5vw, 16px);
    }

    .img-slider-one {
        max-width: clamp(150px, 30vw, 220px);
    }
}


@media (max-width: 767px) {

    .flash-sales {
        padding: 1.5rem 1rem;
    }

    .top-flash-sales {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .row-flash-sales-container {
        justify-content: center;
        gap: 0.5rem;
    }

    .flash-slide-inner {
        flex: 0 0 50%; /* 2 items */
    }

    .heading-flash h2 {
        font-size: clamp(20px, 6vw, 24px);
    }

    .row-flash-sales span {
        font-size: clamp(14px, 5vw, 18px);
    }

    .product-title a {
        font-size: clamp(12px, 4vw, 14px);
    }

    .flash-product-price .sale-price {
        font-size: clamp(14px, 4vw, 16px);
    }

    .flash-product-price .original-price {
        font-size: clamp(12px, 3.5vw, 14px);
    }

    .img-slider-one {
        max-width: 100%;
    }
}


@media (max-width: 480px) {

    .flash-sales {
        display: none;
    }

    .flash-slide-inner {
        flex: 0 0 100%; /* 1 item */
    }

    .heading-flash h2 {
        font-size: 20px;
    }

    .row-flash-sales span {
        font-size: 14px;
    }
}
/* END_SECTION:flash-sales-slider */

/* START_SECTION:footer-five-column (INDEX:53) */
/* */
@media screen and (max-width: 1600px) {
.footer-inner {
    width: auto;
}
.inner-bottom-footer {
    width: auto !important;
    margin: 0 auto;
    padding: 2rem 5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
 }
}
/* */
@media screen and (max-width: 1470px) {
img.thekuda-logo {
    width: 226px;
    height: 60px !important;
}

span.second-column-heading {
    font-size: 14px;
}

span.third-column-heading {
    font-size: 14px !important;
}

span.fourth-column-heading {
    font-size: 14px !important;
}

span.fifth-column-heading {
    font-size: 14px !important;
}
ul.second-menu-footer a {
    font-size: 14px;
}
ul.third-menu-footer a {
    color: #2d2d2d !important;
    font-size: 14px;
}
ul.fourth-menu-footer {
    font-size: 14px !important;
}
p.desc {
    width: 20rem !important;
    font-size: 13px !important;
}
.footer-inner {
    gap: 1.6rem;
 }
}

/* FOOTER FIVE COLUMNS MOBILE VIEW */
@media (max-width: 768px) {
    .bottom-footer {
        padding: 0;
        text-align: center !important;
    }
    .inner-bottom-footer {
        display: flex;
        flex-direction: column !important;
        gap: 10px;
        width: auto;
        padding: 2rem 2rem;
        justify-content: start;
        align-items: start;
    }
    .footer-inner {
            flex-direction: column !important;
    }
    .left-bootom-footer p {
        font-size: 14px;
    }

    .right-bootom-footer {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }

    .right-bootom-footer img {
        width: 35px;
        height: auto;
    }
    .footer-inner {
        width: auto;
        flex-direction: column;
        padding: 1rem;
    }
    img.thekuda-logo {
        width: 240px;
        height: 63px;
    }
    .delivery-inner {
      gap: 4.3rem;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
    .footer-five-columns {
        padding: 1rem;
    }
}

a.contact-clickable {
    color: #2d2d2d !important;
}

/* TRUST PILOT */
/*
.tp-review-box {
    background: #ffffff;
    border: 2px solid #00b67a;
    padding: 6px 12px;
    border-radius: 6px;
    width: fit-content;
}
*/
.tp-review-box {
   width: fit-content;
   border-bottom: 2px solid #00b67a;
   border-top: 2px solid #00b67a;
   margin-top: 1rem;
}

.tp-review-link {
  color: #000000;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 6px;
}

.tp-inline-star {
  width: 90px;
  height: auto;
  display: inline-block;
}
/* END_SECTION:footer-five-column */

/* START_SECTION:header-thekuda (INDEX:57) */
div#shopify-section-sections--18147291594799__header {
    background-color: #bf4e21;
}

/* SHARED CONTAINER */
.container {
  width: 1200px;
  margin: 0 auto;
}

/* HEADER */
.header {
    position: relative;
    border-bottom: 1px solid #eee;
    background: #fff;
    width: 1600px;
    margin: 0 auto;
    padding: 0 5rem;
    background: #bf4e21;
}


.header-row {
  display: flex;
  align-items: center;
}

.menu {
  list-style: none;
  display: flex;
  gap: 30px;
}

.menu li a {
  text-decoration: none;
  color: #fff;
  padding: 20px 0;
  display: block;
}

/* MEGA MENU */
.mega-menu {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  background: #fff;
  border-top: 1px solid #eee;
  padding: 10px 0;
  display: none;
}

.mega-menu.active {
  display: block;
  background: #F3F5F7;
  padding: 3rem 0;
  border-radius: 6px;
  /* padding-bottom: 1.3rem; */
}

/* SHOW WHEN HOVER HEADER */


.mega-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 1.6rem;
}

/* LEFT LINKS */
.mega-links {
    gap: 5rem;
    display: grid;
    grid-template-columns: repeat(3, 239px);
}

.column {
    width: 239px;
}

.column h4 {
  margin-bottom: 20px;
  font-size: 16px;
}

.column h4:hover {
    color: #00b9d7;
}

.column ul {
  list-style: none;
}

.column ul li {
  margin-bottom: 12px;
}

.column ul li a {
  text-decoration: none;
  font-size: 14px;
  color: #666;
}

.column ul li a:hover {
  color: #00b9d7;
}

/* RIGHT IMAGES */
.mega-images {
    gap: 40px;
    margin-left: 3rem;
    display: grid;
    grid-template-columns: repeat(2, 200px);
}

.image-card {
  /* width: 362px; */
  cursor: pointer;
  text-decoration: none;
}

.image-card img {
    width: 200px;
    height: 163px;
    object-fit: cover;
    border-radius: 6px;
    display: block;
    margin-bottom: 12px;
}

.image-card h4 {
  margin-bottom: 8px;
  font-size: 16px;
}

.image-card p {
  font-size: 14px;
  color: #666;
  line-height: 1.5;
}

/* INFO DROPDOWN */
.info-dropdown {
  position: relative;
}

.info-menu {
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  list-style: none;
  padding: 10px 0;
  min-width: 160px;
  border-radius: 6px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.08);
  display: none;
}

.info-menu li a {
  display: block;
  padding: 10px 20px;
  text-decoration: none;
  color: #333;
  font-size: 14px;
}

.info-menu li a:hover {
  background: #f3f5f7;
}

/* CLICK SHOW */
.info-dropdown.active .info-menu {
  display: block;
}
/* END_SECTION:header-thekuda */

/* START_SECTION:header (INDEX:58) */
.menu {
  display: flex;
}

.mobile-header {
  display: none;
}

div#mobileMenu {
  display: none;
}

div#shopify-section-sections--18147291594799__header {
    background-color: #bf4e21;
}

/* SHARED CONTAINER */
.container {
  width: 1200px;
  margin: 0 auto;
}

/* HEADER */
.header {
    position: relative;
    border-bottom: 0px solid #eee;
    background: #fff;
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 5rem;
    background: #bf4e21;
}


.header-row {
  display: flex;
  align-items: center;
}

.menu {
  list-style: none;
  display: flex;
  gap: 30px;
}

.menu li a {
  text-decoration: none;
  color: #fff;
  padding: 20px 0;
  display: block;
  font-size: 17px;
}

/* MEGA MENU */
.mega-menu {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  background: #fff;
  border-top: 1px solid #eee;
  padding: 10px 0;
  display: none;
}

.mega-menu.active {
  display: block;
  background: #FFF;
  /* background: #F3F5F7; */
  padding: 4rem 0;
  border-radius: 6px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  /* padding-bottom: 1.3rem; */
  /* box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; */
}

/* SHOW WHEN HOVER HEADER */


.mega-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 1.6rem;
}

/* LEFT LINKS */
.mega-links {
    gap: 5rem;
    display: grid;
    grid-template-columns: repeat(3, 239px);
}

.column-header {
    width: 239px;
}

.column-header h4 {
  margin-bottom: 20px;
  font-size: 16px;
}

.column-header h4:hover {
    color: #00b9d7;
}

.column-header h4 a.parent-link {
  text-decoration: none;
  color: #333;
  font-size: 17px;
}

.column-header h4 a.parent-link:hover {
  color: #00b9d7;
}

.column-header ul {
  list-style: none;
}

.column-header ul li {
  margin-bottom: 12px;
}

.column-header ul li a {
  text-decoration: none;
  font-size: 15px;
  color: #666;
}

.column-header ul li a:hover {
  color: #00b9d7;
}

/* RIGHT IMAGES */
.mega-images {
    gap: 40px;
    margin-left: 3rem;
    display: grid;
    grid-template-columns: repeat(2, 200px);
}

.image-card {
  /* width: 362px; */
  cursor: pointer;
  text-decoration: none;
}

.image-card img {
    width: 200px;
    height: 163px;
    object-fit: cover;
    border-radius: 6px;
    display: block;
    margin-bottom: 12px;
}

.image-card h4 {
  margin-bottom: 8px;
  font-size: 16px;
}

.image-card p {
  font-size: 14px;
  color: #666;
  line-height: 1.5;
}

/* INFO DROPDOWN */
.info-dropdown {
  position: relative;
}

.info-menu {
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  list-style: none;
  padding: 10px 0;
  min-width: 160px;
  border-radius: 6px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.08);
  display: none;
}

.info-menu li a {
  display: block;
  padding: 10px 20px;
  text-decoration: none;
  color: #333;
  font-size: 14px;
}

.info-menu li a:hover {
  background: #f3f5f7;
}

/* CLICK SHOW */
.info-dropdown.active .info-menu {
  display: block;
}



/* MEDIA QUERY */

@media (max-width: 1700px) {
    .header {
        padding: 0 3rem; /* reduce side padding */
    }

    .container {
        /* width: 95%; */
        max-width: 1200px; /* keep max-width */
    }

    /* Adjust mega menu columns */
    .mega-links {
        grid-template-columns: repeat(2, 1fr); /* 2 columns instead of 3 */
        gap: 2rem;
    }

    /* Adjust mega images grid */
    .mega-images {
        grid-template-columns: 1fr 1fr; /* keep 2 per row */
        gap: 20px;
        margin-left: 2rem;
    }

    /* Reduce text size if needed */
    .column-header h4, .image-card h4 {
        font-size: 14px;
    }

    .column-header ul li a, .image-card p {
        font-size: 13px;
    }
}


@media only screen and (max-width: 1236px) {
.mega-images {
	grid-template-columns: repeat(2, 270px);
	gap: 20px;
	margin-left: 2rem;
}

.image-card p {
    color: #666;
    line-height: 1.5;
    max-width: 219px;
    width: 100%;
}

.image-card h4 {
    margin-bottom: 8px;
    max-width: 219px;
    width: 100%;
}


.mega-menu.active {
    padding: 3rem 3rem;
 }
}

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

.mega-images {
	grid-template-columns: repeat(2, 240px);
	gap: 20px;
	margin-left: 2rem;
}

.container {
    max-width: 1100px;
 }
}

@media only screen and (max-width: 1130px) {
.mega-images {
	grid-template-columns: repeat(2, 220px);
	gap: 20px;
	margin-left: 2rem;
}
.container {
    max-width: 1000px;
 }
}

@media only screen and (max-width: 1088px) {
.mega-images {
    
}

.mega-links {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 2rem;
 } 
}

/* MOBILE VIEW */
@media only screen and (max-width: 767px) {
  header.header{
    /* background: #bf4e21 !important; */
     background: #fff !important;
 }
}

/* MOBILE */
/* MOBILE */
@media (max-width: 767px) {

  .menu {
    display: none;
  }

  .mobile-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* width: 100%; */
  }

  .hamburger {
    font-size: 30px;
    background: none;
    border: none;
    color: #000;
  }

  .mobile-logo {
    color: #fff;
    font-weight: bold;
    margin-left: 1rem;
  }

  /* SIDE MENU */
  .mobile-menu {
    position: fixed;
    top: 0;
    left: -100%;
    width: 90%;
    height: 100vh; /* full viewport height */
    background: #bf4e21;
    color: #fff;
    z-index: 9999999999999999 !important;
    padding: 20px;
    transition: left 0.3s ease;
    overflow-y: auto;      /* enable vertical scrolling */
    -webkit-overflow-scrolling: touch; /* smooth scrolling for iOS */
    margin-top: 3.5rem;
  }

    body.menu-active {
    overflow: hidden;
    height: 100vh;
  }
  .mobile-menu.active {
    left: 0;
  }

  .mobile-menu-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
  }

  .mobile-menu-links {
    list-style: none;
    padding: 0;
  }

  .mobile-menu-links li {
    margin-bottom: 15px;
  }

  .mobile-menu-links a {
    color: #fff;
    text-decoration: none;
    font-size: 15px;
  }

  .mobile-menu-links ul {
    padding-left: 15px;
    margin-top: 10px;
  }

  .mobile-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,0.4);
    display: none;
    z-index: 9998;
  }

  .mobile-overlay.active {
    display: block;
  }
div#mobileMenu {
  display: block;
}

.header {
    padding: 0 1rem;
}


.mobile-parent-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.submenu-toggle {
  background: none;
  border: none;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  transition: transform 0.2s ease;
}
.submenu-toggles {
  background: none;
  border: none;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  transition: transform 0.2s ease;
}

.mobile-submenu {
  display: none;
  padding-left: 15px;
  margin-top: 10px;
}

.mobile-submenus {
  display: none;
  padding-left: 15px;
  margin-top: 10px;
}

.mobile-parent.active .mobile-submenu {
  display: block;
}
.mobile-parents.active .mobile-submenus {
  display: block;
}

.mobile-parent.active .submenu-toggle {
  transform: rotate(0deg);
 }
.mobile-parents.active .submenu-toggles {
  transform: rotate(0deg);
 }
 .container.header-row {
    width: 100%;
 }
}

/* SEARCH BAR TEXT 'SEARCH HERE' */
@media (max-width: 460px) {
    input#search-top-nav,
    input#search-top-navs {
        width: 100px !important;
        font-size: 13px !important;
    }
}
/* END_SECTION:header */

/* START_SECTION:products-of-the-month-selection (INDEX:96) */
.products-of-the-month-selection-v2 {
    background: linear-gradient(
    180deg,
    #E36A1F 0%,
    #FC7F3E 100%
    );
    border-radius: 60px;
}

.container-products-of-the-month-selection-v2 {
    /* background-color: purple; */
    max-width: 1620px;
    margin: 0 auto;
    display: flex;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 625px;
    padding: 2rem 0;
}

.products-of-the-month-left {
    /* background-color: maroon; */

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    order: 2;
}

.products-of-the-month-right-v2 {
    /* background-color: #daa520; */
    padding: 4rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 3rem;

    order: 1;
}


h2.product-month-h2-v2 {
    font-size: 48px !important;
    font-family: "Fredoka" !important;
    color: #fff;
}

p.product-month-para-v2 {
    width: 690px;
    font-size: 20px !important;
    font-family: Raleway !important;
    font-weight: 400;
    line-height: 26px !important;
    color: #fff;
}

a.cta-product-month-selection-v2 {
    display: flex;
    width: 100%;
    max-width: 223px;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 30px;
    padding: 1rem 2rem;
    justify-content: space-between;
    align-items: center;
    color: #000;
    font-family: "Fredoka" !important;
    font-size: 16px;
    font-weight: 500;

    transition:
    transform 0.3s ease,
    background-color 0.3s ease,
    box-shadow 0.3s ease;
}

a.cta-product-month-selection-v2:hover {
  transform: translateY(-5px);
  background-color: #f5f5f5;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.2);
}
/* END_SECTION:products-of-the-month-selection */

/* START_SECTION:products-of-the-week-selection (INDEX:97) */
.products-of-the-week-selection-v2 {
    background: linear-gradient(
    180deg,
    #E36A1F 0%,
    #FC7F3E 100%
    );
    border-radius: 60px;
}

.container-products-of-the-week-selection-v2 {
    /* background-color: purple; */
    max-width: 1620px;
    margin: 0 auto;
    display: flex;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 625px;
    padding: 2rem 0;
}

.products-of-the-week-left {
    /* background-color: maroon; */

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.products-of-the-week-right-v2 {
    /* background-color: #daa520; */
    padding: 4rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 3rem;
}


h2.product-week-h2-v2 {
    font-size: 48px !important;
    font-family: "Fredoka" !important;
    color: #fff;
}

p.product-week-para-v2 {
    width: 690px;
    font-size: 20px !important;
    font-family: Raleway !important;
    font-weight: 400;
    line-height: 26px !important;
    color: #fff;
}

a.cta-product-week-selection-v2 {
    display: flex;
    width: 100%;
    max-width: 223px;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 30px;
    padding: 1rem 2rem;
    justify-content: space-between;
    align-items: center;
    color: #000;
    font-family: "Fredoka" !important;
    font-size: 16px;
    font-weight: 500;

    transition:
    transform 0.3s ease,
    background-color 0.3s ease,
    box-shadow 0.3s ease;
}

a.cta-product-week-selection-v2:hover {
  transform: translateY(-5px);
  background-color: #f5f5f5;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.2);
}
/* END_SECTION:products-of-the-week-selection */

/* START_SECTION:proposition-bar (INDEX:98) */
.proposition-bar-inner {
    display: flex;
    flex-wrap: wrap;
    max-width: 1600px;
    padding: 3rem 5rem;
    margin: 0 auto;
    justify-content: space-between;
    gap: 2rem;
}

.proposition-bar {
    margin-top: -6rem;
}

.rectangle-proposition-bar {
    flex: 1 1 calc(24% - 1rem);
    min-width: 260px;
    padding: 2rem;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    align-items: start;
}

h5.prop-heading {
    /*color: #BD7259;*/
    color: #C37253;
    font-size: 15px;
    font-weight: 700;
    font-family: 'Poppins';
}

p.prop-desc {
    color: #e6744e;
    text-decoration: underline;
}

/* ----------- Responsive Breakpoints ---------- */

/* Large Tablets & Small Desktops */
@media (max-width: 1200px) {
    .proposition-bar-inner {
        padding: 2.5rem 3rem;
    }
    .rectangle-proposition-bar {
        flex: 1 1 calc(50% - 1rem);
    }
}

/* Tablets */
@media (max-width: 768px) {
    .proposition-bar-inner {
        padding: 2rem;
        justify-content: center;
    }
    .rectangle-proposition-bar {
        flex: 1 1 calc(50% - 1rem);
        text-align: center;
    }
}

/* Mobile Phones */
@media (max-width: 480px) {
    .proposition-bar-inner {
        padding: 1.5rem 1rem;
        gap: 0.8rem;
    }
    .rectangle-proposition-bar {
        flex: 1 1 100%;
        padding: 1.4rem;
        text-align: center;
    }
    h5.prop-heading {
        font-size: 14px;
    }
}
/* END_SECTION:proposition-bar */

/* START_SECTION:slider-banner2-thekuda (INDEX:107) */
/* *************** New Slider *************** */


/* ========================= RESPONSIVE CTA BUTTON ========================= */
.btn-box {
    margin-top: clamp(1.5rem, 2.7vw, 2.7rem);
    width: fit-content;
    max-width: 100%;
}
a.theme-btn-one {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    max-width: 100%;
    box-sizing: border-box;
    font-size: clamp(14px, 1.2vw, 24px);
    line-height: 1.2;
    font-weight: 900;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
    color: var(--cta-text, #fff);
    -webkit-text-stroke: 2px #2f7d32;
    paint-order: stroke fill; /* Responsive padding */
    padding: clamp(12px, 1.2vw, 18px) clamp(24px, 3.8vw, 60px);
    background: var(--cta-bg, #18b850);
    border: 3px solid var(--cta-border, #118945);
    border-bottom: 7px solid var(--cta-bottom-border, #0a6832);
    border-radius: 999px;
    box-shadow:
        inset 0 3px 0 rgba(255, 255, 255, 0.45),
        0 4px 8px rgba(0, 0, 0, 0.25);
    transition:
        transform 0.3s ease,
        background-color 0.3s ease,
        box-shadow 0.3s ease;
}
a.theme-btn-one:hover {
    transform: translateY(-2px);
    box-shadow:
        inset 0 3px 0 rgba(255, 255, 255, 0.45),
        0 8px 12px rgba(0, 0, 0, 0.3);
}
a.theme-btn-one:active {
    transform: translateY(1px);
    box-shadow:
        inset 0 3px 0 rgba(255, 255, 255, 0.45),
        0 4px 8px rgba(0, 0, 0, 0.25);
} /* ========================= LAPTOP ========================= */
@media screen and (max-width: 1366px) {
    a.theme-btn-one {
        font-size: clamp(14px, 1.2vw, 18px);
        padding: clamp(12px, 1.2vw, 16px) clamp(24px, 3vw, 40px);
    }
}



@media screen and (max-width: 749px) {
  .btn-box {
    display: none !important;
  }
}

.slider-dots {
    /* display: none !important; */
}


.slide-nav {
    display: none !important;
}


.slide-item {
    position: relative;
    background-color: #edf0f5;
    transition: background 0.5s ease;
    height: 675px;
    overflow: hidden;
}

.slide-container {
  position: relative;
  max-width: 1500px;
  display: grid;
  grid-template-columns: 1fr;
  height: 100%;
  margin: 0 auto;
  padding: 0 clamp(1.5rem, 5vw, 6rem); /* responsive spacing */
}

.slide-left {
  /*
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  gap: .4rem;
  z-index: 2;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
    gap: .4rem;
    z-index: 2;
    position: absolute;
    left: 50%;
    top: 100px;
    transform: translateX(-50%);
}

/* NAVIGATION */
.slide-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3rem;
    position: absolute;
    top: 50%;
    right: clamp(40px, 4vw, 160px); /* responsive */
    transform: translateY(-50%);
    z-index: 3;

}

.slide-prev,
.slide-next {
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 90px;
  width: 90px;
  cursor: pointer;
}

.slide-prev:hover, 
.slide-next:hover {
    background-color: #ff4135;
}

.slide-prev img,
.slide-next img {
    width: 35px;
    -webkit-tap-highlight-color: transparent;
    user-select: none; 
    -webkit-user-select: none;
    -moz-user-select: none; 
    -ms-user-select: none; 
}

/* TEXT */
h1.slider-heading1 {
    color: #222;
    font-size: 70px;
    line-height: 75px;
    font-weight: 600;
}

span.slider-heading-Bold {
    color: #ff4135;
    font-size: 70px;
    font-weight: 600;
}

.slider-subheading1 {
    color: #222;
    font-size: 70px;
    font-weight: 600;
}

h3.slider-heading3 {
    color: #222;
    font-size: 26px;
    margin-bottom: 26px;
}

p.slider-para {
    color: #222;
    font-size: 18px;
}

/* BUTTON */
/*
a.theme-btn-one {
    font-family: "Fredoka", sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #4a7c2a;
    border: 2px solid #222;
    padding: 19px 76px;
    border-radius: 10rem;
}
*/

a.theme-btn-one {
    font-size: 24px;
    font-weight: 900;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;

    color: var(--cta-text, #fff);
    -webkit-text-stroke: 2px #2f7d32;
    paint-order: stroke fill;

    padding: 18px 60px;

    background: var(--cta-bg, #18b850);

    border: 3px solid var(--cta-border, #118945);
     border-bottom: 7px solid var(--cta-bottom-border, #0a6832);
    border-radius: 999px;

    box-shadow:
        inset 0 3px 0 rgba(255,255,255,.45),
        0 4px 8px rgba(0,0,0,.25);

    transition:
    transform 0.3s ease,
    background-color 0.3s ease,
    box-shadow 0.3s ease;
}

a.theme-btn-one:hover {
    transform: translateY(-2px);
    box-shadow:
        inset 0 3px 0 rgba(255,255,255,.45),
        0 8px 12px rgba(0,0,0,.3);
}

a.theme-btn-one:active {
    transform: translateY(-5px);
    box-shadow:
      inset 0 3px 0 rgba(255, 255, 255, .45),
      0 8px 18px rgba(0, 0, 0, .3)
}

.btn-box {
    margin-top: 2.7rem;
}

/* DOTS */
/* DOTS CONTAINER */
.slider-dots {
    display: flex;
    align-items: center;
    position: absolute;
    left: clamp(40px, 6vw, 180px);
    bottom: 50px;
    gap: 10px;
    z-index: 3;
    /*
    display: flex;
    align-items: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 50px;
    gap: 10px;
    z-index: 3;
     */
}

/* DEFAULT DOT */
.sliderBott-dot {
    width: 15px;
    height: 15px;
    background: #ddd;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
}

/* ACTIVE DOT */
.sliderBott-dot.active {
    width: 45px;
    height: 15px;
    background: #ff4135;
    border-radius: 20px;
}

/* END SLIDER DOTS CSS */



/* SLIDES */
.slide-inner-content {
    display: none;
}

.slide-inner-content.active {
    display: block;
}

/* BACKGROUND IMAGES */
.slide-item-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.slide-item-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.slide-item-bg {
    display: none;
}

.slide-item-bg.active {
    display: block;
}

/* ========================= */
/* CIRCULAR PROGRESS BUTTON */
/* ========================= */

.circle {
  position: relative;
  width: 50px;
  height: 50px;
  cursor: pointer;
}

.circle svg {
  transform: rotate(-90deg);
  width: 100%;
  height: 100%;
}

.circle circle {
  fill: none;
  stroke-width: 6;
}

.circle .bg {
  stroke: #ddd;
}

.circle .progress {
  stroke: #ff4135;
  stroke-linecap: round;
  stroke-dasharray: 125.6;
  stroke-dashoffset: 125.6;
  transition: stroke-dashoffset 0.1s linear;
}

/* ICON */
.circle .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  display: block; /* ensure block so background shows */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 5; /* above the svg circle */
}

/* PLAY */
.circle .icon.play {
  background-image: url("/cdn/shop/files/play.png?v=1774881690");
  -webkit-tap-highlight-color: transparent;
}

/* PAUSE */
.circle .icon.pause {
  background-image: url("/cdn/shop/files/pause.png?v=1774881690");
  -webkit-tap-highlight-color: transparent;
}



/* ================= RESPONSIVE ================= */

/* ---------- Large Desktop / default (already set) ---------- */

@media (max-width: 1633px) {
.slide-container {
  max-width: 1500px;
  margin: 0 clamp(1.5rem, 5vw, 6rem); /* responsive spacing */
 }
 .slider-dots {
  left: clamp(40px, 4vw, 180px) !important;
 }
}

/* ---------- Laptop / smaller screens ---------- */
@media (max-width: 1366px) {
  .slide-item {
    height: 600px;
  }
  h1.slider-heading1,
  span.slider-heading-Bold,
  .slider-subheading1 {
    font-size: 55px;
  }
  h3.slider-heading3 {
    font-size: 22px;
  }
  p.slider-para {
    font-size: 16px;
  }
  a.theme-btn-one {
    padding: 16px 32px;
    font-size: 14px;
  }
  .slide-prev,
  .slide-next {
    height: 80px;
    width: 80px;
  }
  .slide-prev img,
  .slide-next img {
    width: 30px;
  }
  .circle {
    width: 45px;
    height: 45px;
  }
  .circle .icon {
    width: 16px;
    height: 16px;
  }
  .slider-dots {
    left: 150px;
    bottom: 40px;
    gap: 0.8rem;
  }
}

/* ---------- Tablet ---------- */
@media (max-width: 1024px) {
  .slide-item {
    height: 500px;
  }
  h1.slider-heading1,
  span.slider-heading-Bold,
  .slider-subheading1 {
    font-size: 45px;
  }
  h3.slider-heading3 {
    font-size: 20px;
  }
  p.slider-para {
    font-size: 15px;
  }
  a.theme-btn-one {
    padding: 14px 28px;
    font-size: 13px;
  }
  .slide-prev,
  .slide-next {
    height: 70px;
    width: 70px;
  }
  .slide-prev img,
  .slide-next img {
    width: 28px;
  }
  .circle {
    width: 40px;
    height: 40px;
  }
  .circle .icon {
    width: 15px;
    height: 15px;
  }
  /* .slider-dots {
    left: 120px;
    bottom: 35px;
  } */
  .slider-dots {
  left: clamp(40px, 4vw, 180px) !important;
  bottom: 4rem;
  }
}


@media (max-width: 1024px) {
  .slide-nav {
    display: none !important;
  }
}

@media (max-width: 767px) {
    .slide-container {
        margin: 0 3rem;
    }
}

/* ---------- Small Tablet / Large Mobile ---------- */
@media (max-width: 768px) {


  .slide-item {
    height: 400px;
  }
  h1.slider-heading1,
  span.slider-heading-Bold,
  .slider-subheading1 {
    font-size: clamp(28px, 5vw, 35px); /* min: 28px, preferred: 5vw, max: 35px */
  }
  h3.slider-heading3 {
    font-size: clamp(16px, 3.5vw, 18px); /* min: 16px, preferred: 3.5vw, max: 18px */
  }
  p.slider-para {
    font-size: clamp(12px, 3vw, 14px); /* min: 12px, preferred: 3vw, max: 14px */
  }
  a.theme-btn-one {
    font-size: clamp(11px, 2.5vw, 12px);
    padding: clamp(10px, 2vw, 12px) clamp(20px, 4vw, 25px);
  }
  .slide-prev,
  .slide-next {
    height: 60px;
    width: 60px;
  }
  .slide-prev img,
  .slide-next img {
    width: 24px;
  }
  .circle {
    width: 35px;
    height: 35px;
  }
  .circle .icon {
    width: 14px;
    height: 14px;
  }
  .slider-dots {
    display: none !important;
  }
}

/* ---------- Mobile / Small Devices ---------- */
@media (max-width: 480px) {
  .slide-item {
    height: 400px;
  }
  .slide-inner-content {
      
  }
  h1.slider-heading1,
  span.slider-heading-Bold,
  .slider-subheading1 {
    font-size: clamp(28px, 5vw, 35px); /* min: 28px, preferred: 5vw, max: 35px */
    line-height: clamp(45px, 6vw, 42px);
    margin-top: -0.3rem;
  }
  h3.slider-heading3 {
    font-size: clamp(16px, 3.5vw, 18px); /* min: 16px, preferred: 3.5vw, max: 18px */
  }
  p.slider-para {
    font-size: clamp(12px, 3vw, 14px); /* min: 12px, preferred: 3vw, max: 14px */
  }
  a.theme-btn-one {
    font-size: clamp(11px, 2.5vw, 12px);
    padding: clamp(10px, 2vw, 12px) clamp(20px, 4vw, 25px);
  }
  .slide-prev,
  .slide-next {
    height: 50px;
    width: 50px;
  }
  .slide-prev img,
  .slide-next img {
    width: 20px;
  }
  .circle {
    width: 30px;
    height: 30px;
  }
  .circle .icon {
    width: 12px;
    height: 12px;
  }
  .btn-box {
    margin-top: 2rem !important;
    margin-bottom: 2rem;
  }
  h3.slider-heading3 {
    margin-bottom: 15px !important;
  }
  .slide-left {
    gap: .3rem;
  }
}



/* ========================= TABLET ========================= */
@media screen and (max-width: 1024px) {
    .btn-box {
        margin-top: 2rem;
    }
    a.theme-btn-one {
        font-size: clamp(13px, 1.6vw, 16px);
        padding: clamp(11px, 1.5vw, 14px) clamp(22px, 3.5vw, 32px);
        -webkit-text-stroke: 1.5px #2f7d32;
    }
} /* ========================= MOBILE ========================= */
@media screen and (max-width: 768px) {
    .btn-box {
        margin-top: 1.5rem;
        width: auto;
        max-width: 100%;
    }
    a.theme-btn-one {
        font-size: clamp(11px, 2.5vw, 14px);
        padding: clamp(9px, 2vw, 12px) clamp(18px, 4vw, 25px);
        border-width: 2px;
        border-bottom-width: 5px;
        letter-spacing: 0.5px;
        -webkit-text-stroke: 1px #2f7d32;
    }
} /* ========================= SMALL MOBILE ========================= */
@media screen and (max-width: 480px) {
    .btn-box {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem;
    }
    a.theme-btn-one {
        font-size: 11px;
        padding: 9px 18px;
        border-width: 2px;
        border-bottom-width: 5px;
        letter-spacing: 0.5px;
    }
}
/* END_SECTION:slider-banner2-thekuda */

/* START_SECTION:slider-banner2-thekuda2 (INDEX:108) */
/* =========================================================
   MAIN SLIDER
========================================================= */

.hero-slider-new-two {
  position: relative;
  width: 100%;
  height: 800px;
  overflow: hidden;
}


/* =========================================================
   SLIDER BACKGROUND
========================================================= */

.slider-item-bg-new-slider {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 800px;
  overflow: hidden;
}


/* =========================================================
   SLIDES
========================================================= */

.hero-slide {
  position: absolute;
  inset: 0;

  width: 100%;
  height: 800px;

  transform: translateY(100%);

  transition:
    transform 0.8s cubic-bezier(0.77, 0, 0.175, 1);

  z-index: 1;
}

.hero-slide.active {
  transform: translateY(0);
  z-index: 2;
}


/* =========================================================
   SLIDE IMAGE
========================================================= */

.hero-slide picture {
  display: block;
  width: 100%;
  height: 100%;
}

.hero-image {
  display: block;

  width: 100%;
  height: 800px;

  object-fit: cover;
  object-position: center;
}


/* =========================================================
   SLIDE CONTENT
========================================================= */

.container-slider-new-two {
  position: absolute;

  inset: 0;

  z-index: 10;

  display: grid;
  grid-template-columns: 1fr;

  width: 100%;
  max-width: 1500px;

  height: 800px;
  min-height: 800px;

  margin: 0 auto;

  box-sizing: border-box;

  align-items: center;
  justify-items: start;

  pointer-events: none;
}

.container-slider-new-left {
  pointer-events: auto;

  width: 100%;
  max-width: 750px;
}


/* =========================================================
   H5
========================================================= */

.container-slider-new-two h5 {
  margin: 0 0 15px;

  font-family: "Nunito Sans", sans-serif;

  font-size: clamp(16px, 1.25vw, 18px);
  line-height: 1.3;

  font-weight: 600;

  color: #3c3c3c;
}


/* =========================================================
   H1
========================================================= */

.container-slider-new-two h1 {
  margin: 0 0 30px;

  font-size: clamp(48px, 5.7vw, 82px);
  line-height: 1.05;

  font-weight: 700;

  color: rgb(60, 60, 60);

  max-width: 750px;

  overflow-wrap: break-word;
  word-break: normal;
}


/* =========================================================
   SHOP NOW BUTTON
========================================================= */

.cta-shop-now-slider {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  width: fit-content;
  max-width: 100%;

  box-sizing: border-box;

  font-size: clamp(14px, 1.2vw, 24px);
  line-height: 1.2;

  font-weight: 900;

  font-family: Arial, Helvetica, sans-serif;

  text-transform: uppercase;
  text-decoration: none;

  letter-spacing: 1px;

  color: var(--cta-text, #fff);

  padding:
    clamp(12px, 1.2vw, 18px)
    clamp(24px, 3.8vw, 60px);

  background:
    linear-gradient(
      155deg,
      rgb(253, 63, 107) 0%,
      rgb(253, 120, 99) 98%,
      rgb(243, 223, 224) 100%
    );

  border-radius: 999px;

  box-shadow:
    inset 0 3px 0 rgba(255, 255, 255, 0.45),
    0 4px 8px rgba(0, 0, 0, 0.25);

  transition:
    transform 0.3s ease,
    background-color 0.3s ease,
    box-shadow 0.3s ease;
}


/* =========================================================
   ARROWS
========================================================= */

.slide-prev,
.slide-next {
  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  z-index: 20;

  width: 55px;
  height: 55px;

  border: 0;
  padding: 0;

  display: flex;

  align-items: center;
  justify-content: center;

  cursor: pointer;

  color: #000;

  background: rgba(255, 255, 255, 0.75);

  border-radius: 50%;

  transition:
    background 0.3s ease,
    transform 0.3s ease,
    filter 0.3s ease;
}

.slide-prev:hover,
.slide-next:hover {
  background: #fb5d5d;
  color: #fff;
}

.slide-prev {
  left: 25px;
}

.slide-next {
  right: 25px;
}

.slide-prev span,
.slide-next span {
  font-size: 25px;
  line-height: 1;
  display: block;
}

.slide-prev:hover,
.slide-next:hover {
  background: #ffffff;
}

.slide-prev:hover {
  transform: translateY(-50%) translateX(-3px);
}

.slide-next:hover {
  transform: translateY(-50%) translateX(3px);
}


/* =========================================================
   NAVIGATION DOTS
========================================================= */

.slider-dots {
  position: absolute;

  left: 50%;
  bottom: 30px;

  transform: translateX(-50%);

  z-index: 999999;

  display: flex;

  align-items: center;
  justify-content: center;

  gap: 10px;

  width: auto;
  height: 20px;

  visibility: visible;
  opacity: 1;
}


/* =========================================================
   INDIVIDUAL DOT
========================================================= */

.slider-dot {
  appearance: none;
  -webkit-appearance: none;

  display: block;

  width: 12px;
  height: 12px;

  min-width: 12px;
  min-height: 12px;

  margin: 0;
  padding: 0;

  border: 0;

  border-radius: 50%;

  background: #ffffff;

  box-shadow:
    0 1px 5px rgba(0, 0, 0, 0.35);

  cursor: pointer;

  opacity: 0.7;

  transition:
    width 0.3s ease,
    background 0.3s ease,
    opacity 0.3s ease,
    transform 0.3s ease;
}


/* =========================================================
   ACTIVE DOT
========================================================= */

.slider-dot.active {
  width: 40px;
  min-width: 40px;

  height: 12px;
  min-height: 12px;

  border-radius: 999px;

  background: #ff4135;

  opacity: 1;

  box-shadow:
    0 2px 6px rgba(0, 0, 0, 0.3);
}


/* =========================================================
   DOT HOVER
========================================================= */

.slider-dot:hover {
  opacity: 1;
  transform: scale(1.1);
}


/* =========================================================
   LARGE DESKTOP
   1440px AND ABOVE
========================================================= */

@media (min-width: 1440px) {

  .container-slider-new-two {
    padding-left: 10px;
    padding-right: 10px;
  }

  .container-slider-new-left {
    max-width: 780px;
  }

}


/* =========================================================
   DESKTOP
   1200px - 1439px
========================================================= */

@media (min-width: 1200px) and (max-width: 1439px) {

  .hero-slider-new-two,
  .slider-item-bg-new-slider,
  .hero-slide,
  .hero-slide picture,
  .hero-image {
    height: 720px;
  }

  .container-slider-new-two {
    height: 720px;
    min-height: 720px;

    padding-left: 70px;
    padding-right: 70px;
  }

  .container-slider-new-left {
    max-width: 680px;
  }

  .container-slider-new-two h1 {
    font-size: clamp(58px, 5.4vw, 72px);
  }

  .slide-prev {
    left: 20px;
  }

  .slide-next {
    right: 20px;
  }

}


/* =========================================================
   LAPTOP
   1024px - 1199px
========================================================= */

@media (min-width: 1024px) and (max-width: 1199px) {

  .hero-slider-new-two,
  .slider-item-bg-new-slider,
  .hero-slide,
  .hero-slide picture,
  .hero-image {
    height: 650px;
  }

  .container-slider-new-two {
    height: 650px;
    min-height: 650px;

    padding-left: 55px;
    padding-right: 55px;
  }

  .container-slider-new-left {
    max-width: 600px;
  }

  .container-slider-new-two h5 {
    font-size: 17px;
    margin-bottom: 12px;
  }

  .container-slider-new-two h1 {
    font-size: clamp(52px, 5.5vw, 64px);
    line-height: 1.05;

    margin-bottom: 25px;

    max-width: 600px;
  }

  .cta-shop-now-slider {
    font-size: 16px;

    padding:
      14px
      38px;
  }

  .slide-prev,
  .slide-next {
    width: 50px;
    height: 50px;
  }

  .slide-prev {
    left: 18px;
  }

  .slide-next {
    right: 18px;
  }

  .slide-prev span,
  .slide-next span {
    font-size: 22px;
  }

  .slider-dots {
    bottom: 25px;
  }

}


/* =========================================================
   TABLET
   769px - 1023px
========================================================= */

@media (min-width: 769px) and (max-width: 1023px) {

  .hero-slider-new-two,
  .slider-item-bg-new-slider,
  .hero-slide,
  .hero-slide picture,
  .hero-image {
    height: 600px;
  }

  .container-slider-new-two {
    height: 600px;
    min-height: 600px;

    padding-left: 70px;
    padding-right: 70px;
  }

  .container-slider-new-left {
    max-width: 520px;
  }

  .container-slider-new-two h5 {
    font-size: 16px;
    margin-bottom: 12px;
  }

  .container-slider-new-two h1 {
    font-size: clamp(44px, 6vw, 58px);
    line-height: 1.05;

    margin-bottom: 24px;

    max-width: 520px;
  }

  .cta-shop-now-slider {
    font-size: 15px;

    padding:
      13px
      32px;
  }

  .slide-prev,
  .slide-next {
    width: 46px;
    height: 46px;
  }

  .slide-prev {
    left: 15px;
  }

  .slide-next {
    right: 15px;
  }

  .slide-prev span,
  .slide-next span {
    font-size: 21px;
  }

  .slider-dots {
    bottom: 22px;
    gap: 8px;
  }

  .slider-dot {
    width: 10px;
    min-width: 10px;

    height: 10px;
    min-height: 10px;
  }

  .slider-dot.active {
    width: 32px;
    min-width: 32px;

    height: 10px;
    min-height: 10px;
  }

}


/* =========================================================
   MOBILE
   481px - 768px
========================================================= */

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

  .hero-slider-new-two,
  .slider-item-bg-new-slider,
  .hero-slide,
  .hero-slide picture,
  .hero-image {
    height: 370px;
  }

  .container-slider-new-two {
    height: 370px;
    min-height: 370px;

    padding-left: 35px;
    padding-right: 35px;

    align-items: center;
  }

  .container-slider-new-left {
    max-width: 100%;
  
  }

  .container-slider-new-two h5 {
    font-size: 15px;

    margin-bottom: 10px;
  }

  .container-slider-new-two h1 {
    font-size: clamp(38px, 8vw, 52px);
    line-height: 1.05;

    margin-bottom: 22px;

    max-width: 100%;
  }

  .cta-shop-now-slider {
    font-size: 14px;

    padding:
      12px
      28px;

    letter-spacing: 0.8px;
  }

  .slide-prev,
  .slide-next {
    width: 42px;
    height: 42px;
  }

  .slide-prev {
    left: 10px;
  }

  .slide-next {
    right: 10px;
  }

  .slide-prev span,
  .slide-next span {
    font-size: 19px;
  }

  .slider-dots {
    bottom: 20px;

    gap: 7px;

    height: 16px;
  }

  .slider-dot {
    width: 9px;
    min-width: 9px;

    height: 9px;
    min-height: 9px;
  }

  .slider-dot.active {
    width: 28px;
    min-width: 28px;

    height: 9px;
    min-height: 9px;
  }

}


/* =========================================================
   SMALL MOBILE
   480px AND BELOW
========================================================= */

@media (max-width: 480px) {

  .hero-slider-new-two,
  .slider-item-bg-new-slider,
  .hero-slide,
  .hero-slide picture,
  .hero-image {
    height: 370px;
  }

  .container-slider-new-two {
    height: 370px;
    min-height: 370px;

    padding-left: 25px;
    padding-right: 25px;

    align-items: center;
  }

  .container-slider-new-left {
    max-width: 100%;
    
  }

  .container-slider-new-two h5 {
    font-size: 14px;

    line-height: 1.3;

    margin-bottom: 9px;
  }

  .container-slider-new-two h1 {
    font-size: clamp(34px, 10vw, 44px);

    line-height: 1.05;

    margin-bottom: 20px;

    max-width: 100%;
  }

  .cta-shop-now-slider {
    font-size: 13px;

    padding:
      11px
      24px;

    letter-spacing: 0.6px;
  }

  .slide-prev,
  .slide-next {
    width: 38px;
    height: 38px;
  }

  .slide-prev {
    left: 8px;
  }

  .slide-next {
    right: 8px;
  }

  .slide-prev span,
  .slide-next span {
    font-size: 17px;
  }

  .slider-dots {
    bottom: 18px;

    gap: 6px;

    height: 15px;
  }

  .slider-dot {
    width: 8px;
    min-width: 8px;

    height: 8px;
    min-height: 8px;
  }

  .slider-dot.active {
    width: 25px;
    min-width: 25px;

    height: 8px;
    min-height: 8px;
  }

}


/* =========================================================
   EXTRA SMALL MOBILE
   360px AND BELOW
========================================================= */

@media (max-width: 360px) {

  .hero-slider-new-two,
  .slider-item-bg-new-slider,
  .hero-slide,
  .hero-slide picture,
  .hero-image {
    height: 370px;
  }

  .container-slider-new-two {
    height: 370px;
    min-height: 370px;

    padding-left: 22px;
    padding-right: 22px;
  }

  .container-slider-new-two h5 {
    font-size: 13px;
  }

  .container-slider-new-two h1 {
    font-size: 32px;

    line-height: 1.05;

    margin-bottom: 18px;
  }

  .cta-shop-now-slider {
    font-size: 12px;

    padding:
      10px
      21px;
  }

  .slide-prev,
  .slide-next {
    width: 34px;
    height: 34px;
  }

  .slide-prev {
    left: 6px;
  }

  .slide-next {
    right: 6px;
  }

  .slide-prev span,
  .slide-next span {
    font-size: 15px;
  }

}


/* =========================================================
   MOBILE LINE BREAK CONTROL
========================================================= */

@media (max-width: 768px) {

  .hide-on-mobile {
    display: none;
  }

}


/* =========================================================
   CTA SAFETY
========================================================= */

@media (max-width: 768px) {

  .cta-shop-now-slider {
    white-space: nowrap;
  }

}


/* =========================================================
   PREVENT HORIZONTAL OVERFLOW
========================================================= */

.hero-slider-new-two,
.slider-item-bg-new-slider,
.hero-slide {
  max-width: 100%;
}
/* END_SECTION:slider-banner2-thekuda2 */

/* START_SECTION:the-kuda-two-column-version-two (INDEX:113) */
.theKuda-two-column-v2 {
  /* background-color: maroon; */
}

.theKuda-two-column-container {
  /* background-color: aquamarine; */
  width: calc(100% - 4rem);
  max-width: 1372px;
  margin: 8rem auto;
  display: grid;
  grid-template-columns: minmax(0, 1.43fr) minmax(0, 1fr);
  grid-template-rows: 428px;
  gap: 2.3rem;
}

.theKuda-two-column-left {
  /* background-color: gold; */
  border-radius: 25px;
  position: relative;
}

.theKuda-two-column-left:hover {
  /* cursor: pointer; */
}

.theKuda-two-column-right {
  /* background-color: darkcyan; */
  border-radius: 25px;
  position: relative;
}

.theKuda-two-column-right:hover {
  /* cursor: pointer; */
}


/* ========================================
   LEFT CTA
======================================== */

.arrow-pics-cta {
  background-color: #0190f4;
  color: #fff;
  font-size: 14px;
  font-family: Fredoka;
  font-weight: 700;
  border: 3px solid #fff;
  border-radius: 25px;
  padding: 1rem 3rem;

  display: flex;
  justify-content: space-between;
  align-items: center;

  position: absolute;
  left: 80px;
  bottom: 25px;

  gap: 2rem;
  z-index: 3;

  text-decoration: none;

  transition:
    transform 0.3s ease,
    background-color 0.3s ease,
    box-shadow 0.3s ease;
}

.arrow-pics-cta:hover {
  background-color: #007fd8;
  transform: translateY(-5px);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.2);
}


/* ========================================
   RIGHT CTA
======================================== */

.cart-pics-cta {
  background-color: #FA7826;
  color: #fff;
  font-size: 14px;
  font-family: Fredoka;
  font-weight: 700;
  border: 3px solid #fff;
  border-radius: 25px;
  padding: 1rem 2rem;

  display: flex;
  justify-content: space-between;
  align-items: center;

  position: absolute;
  left: 30px;
  bottom: 90px;

  gap: 2rem;
  z-index: 3;

  text-decoration: none;

  transition:
    transform 0.3s ease,
    background-color 0.3s ease,
    box-shadow 0.3s ease;
}

.cart-pics-cta:hover {
  background-color: #e96717;
  transform: translateY(-5px);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.2);
}

.cart-pics-cta .arrow-picks {
  transition: transform 0.3s ease;
}

.cart-pics-cta:hover .arrow-picks {
  transform: translateX(6px);
}


/* ========================================
   LARGE DESKTOP
   1920px+
======================================== */

@media screen and (min-width: 1920px) {

  .theKuda-two-column-container {
    max-width: 1372px;
    grid-template-columns: minmax(0, 1.43fr) minmax(0, 1fr);
    grid-template-rows: 428px;
  }

}


/* ========================================
   DESKTOP
   1440px - 1919px
======================================== */

@media screen and (min-width: 1440px) and (max-width: 1919px) {

  .theKuda-two-column-container {
    max-width: 1250px;
    grid-template-columns: minmax(0, 1.43fr) minmax(0, 1fr);
    grid-template-rows: 400px;
    gap: 2rem;
  }

  .arrow-pics-cta {
    left: 60px;
    bottom: 25px;
  }

  .cart-pics-cta {
    left: 25px;
    bottom: 70px;
  }

}


/* ========================================
   LAPTOP
   1024px - 1439px
======================================== */

@media screen and (min-width: 1024px) and (max-width: 1439px) {

  .theKuda-two-column-container {
    width: calc(100% - 3rem);
    max-width: 1200px;

    grid-template-columns: minmax(0, 1.43fr) minmax(0, 1fr);
    grid-template-rows: 350px;

    gap: 1.5rem;

    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  .arrow-pics-cta {
    left: 35px;
    bottom: 20px;

    padding: 0.8rem 2rem;
    gap: 1.5rem;
  }

  .cart-pics-cta {
    left: 20px;
    bottom: 40px;

    padding: 0.8rem 1.5rem;
    gap: 1.5rem;
  }

}


/* ========================================
   TABLET
   768px - 1023px
======================================== */

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

  .theKuda-two-column-container {
    width: calc(100% - 3rem);
    max-width: 900px;

    grid-template-columns: 1fr 1fr;
    grid-template-rows: 300px;

    gap: 1.25rem;

    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  .arrow-pics-cta {
    left: 20px;
    bottom: 20px;

    padding: 0.75rem 1.5rem;
    gap: 1rem;

    font-size: 13px;
  }

  .cart-pics-cta {
    left: 15px;
    bottom: 25px;

    padding: 0.75rem 1.25rem;
    gap: 1rem;

    font-size: 13px;
  }

}


/* ========================================
   MOBILE
   767px and below
======================================== */

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

  .theKuda-two-column-container {
    width: calc(100% - 2rem);

    grid-template-columns: 1fr;
    grid-template-rows: auto;

    gap: 1.5rem;

    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .theKuda-two-column-left,
  .theKuda-two-column-right {
    min-height: 300px;
  }

  .arrow-pics-cta {
    left: 20px;
    bottom: 20px;

    padding: 0.75rem 1.25rem;
    gap: 1rem;

    font-size: 13px;
  }

  .cart-pics-cta {
    left: 20px;
    bottom: 20px;

    padding: 0.75rem 1.25rem;
    gap: 1rem;

    font-size: 13px;
  }

}


/* ========================================
   SMALL MOBILE
   480px and below
======================================== */

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

  .theKuda-two-column-container {
    width: calc(100% - 1.5rem);

    gap: 1rem;

    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .theKuda-two-column-left,
  .theKuda-two-column-right {
    min-height: 250px;
    border-radius: 20px;
  }

  .arrow-pics-cta,
  .cart-pics-cta {
    left: 15px;
    bottom: 15px;

    padding: 0.65rem 1rem;
    gap: 0.75rem;

    font-size: 12px;
    border-width: 2px;
  }

}
/* END_SECTION:the-kuda-two-column-version-two */