:root {
  --brand: #00adef;
  --sub-brand: #00adef;
  --grad-start: #00adef;
  --grad-end: #00adef;
}

/* header */
.top-navbar {
  background: var(--brand);
  color: #fff;
  padding-top: 10px !important;
  padding-bottom: 15px !important;
}

span.s-cart-summary-count {
  background: var(--brand);
}

a.navbar-brand {
  height: auto !important;
  width: 90px !important;
}
a.navbar-brand img {
  height: 100% !important;
  max-height: 100% !important;
  width: 100% !important;
}

custom-main-menu {
  display: flex;
  align-items: center;
}

ul.main-menu.mm-spn--open {
  color: #133448;
}
/* header */
/* banner */
salla-slider.photos-slider .swiper-slide {
  padding: 0;
  margin: 0;
  width: 100%;
}

section.s-block--photos-slider .swiper.s-slider-container {
  padding: 0;
}

section.s-block--fixed-banner.wide-placeholder .container,
section.s-block--fixed-banner.wide-placeholder .container * {
  border-radius: 0;
}
section.s-block--fixed-banner.wide-placeholder .container {
  padding: 0;
  margin: 0;
  max-width: 100%;
}

section.s-block--fixed-banner.wide-placeholder:nth-of-type(1) {
  margin-top: 0px;
}

.grid.one-row.md\:grid-cols-3 * {
  border-radius: 0;
}
section.s-block.s-block--photos-slider {
  margin: 0;
}
/* banner */

/* ================== cat ================== */

a.slide--cat-entry {
  min-height: 110px;
  justify-content: center;
  border-radius: 16px;
  background: transparent;
  background: var(--brand);
  width: 225px;
  flex-direction: row;
  padding: 10px;
  position: relative;
  height: 110px;
  border: 2px solid #231f20;
  align-items: center !important;
}

.slide--one-sixth a.slide--cat-entry i {
  color: transparent !important;
  width: 55px;
  height: 55px;
  background: var(--cat-img) transparent center / contain no-repeat;
  margin-bottom: 16px;
  border-radius: 16px;
  max-height: 100% !important;
  margin: 0;
}

.slide--one-sixth .slide--cat-entry h2 {
  width: 100%;
  position: relative;
  color: #fff;
  font-size: 23px;
  font-weight: 500;
  line-height: 120%;
}

.slide--one-sixth:nth-of-type(1) {
  --cat-img: url("https://i.ibb.co/VWjWdqYY/Group.png");
}
.slide--one-sixth:nth-of-type(2) {
  --cat-img: url("https://i.ibb.co/Kjn9SnZ7/Frame-2085660745.png");
}
.slide--one-sixth:nth-of-type(3) {
  --cat-img: url("https://i.ibb.co/mY70ZGm/Frame-2085660743.png");
}

.slide--one-sixth:nth-of-type(4) {
  --cat-img: url("https://i.ibb.co/RkTrnPSm/Frame.png");
}
.slide--one-sixth:nth-of-type(5) {
  --cat-img: url("https://i.ibb.co/Kjzqxqs2/Frame-2085660732.png");
}
.slide--one-sixth:nth-of-type(6) {
  --cat-img: url("https://i.ibb.co/JjqBQfc2/Frame-2085660751.png");
}
.slide--one-sixth:nth-of-type(7) {
  --cat-img: url("https://i.ibb.co/mCCBcgzd/Frame-2085660750.png");
}
.slide--one-sixth:nth-of-type(8) {
  --cat-img: url("https://i.ibb.co/M5ZGnMNx/Frame-2085660749.png");
}
.slide--one-sixth:nth-of-type(9) {
  --cat-img: url("https://i.ibb.co/h533JzJ/Frame-1.png");
}
.slide--one-sixth:nth-of-type(10) {
  --cat-img: url("https://i.ibb.co/6cWg0jwG/Frame-2085660747.png");
}

section.s-block.s-block--categories .swiper-wrapper {
  gap: 40px;
  padding: 30px 0;
}

a.slide--cat-entry:before {
  content: "";
  position: absolute;
  border: 1px solid #000;
  width: 121.5px;
  height: 133px;
  border-right: 0;
  left: 0;
  transform: translateX(-10px);
  border-radius: 16px;
}

a.slide--cat-entry:after {
  content: "";
  position: absolute;
  border: 1px solid #000;
  width: 121.5px;
  height: 133px;
  border-left: 0;
  right: 0;
  transform: translateX(10px);
  border-radius: 16px;
}

a.slide--cat-entry:after,
a.slide--cat-entry:before {
  z-index: -1;
}
@media (max-width: 600px) {
  a.slide--cat-entry {
    height: 80px;
    width: 150px;
    min-height: 0;
    border-radius: 8px;
  }

  section.s-block.s-block--categories .swiper-wrapper {
    gap: 20px;
    margin-top: 2rem;
    padding: 30px 0;
  }

  .slide--one-sixth a.slide--cat-entry i {
    background: var(--cat-img) transparent center / contain no-repeat;

    max-height: 100% !important;
  }
  a.slide--cat-entry:before {
    width: 85px;
    height: 95px;
    border-radius: 12px;
    transform: translateX(-10px);
  }

  a.slide--cat-entry:after {
    width: 85px;
    height: 95px;
    border-radius: 12px;
    transform: translateX(10px);
  }

.slide--one-sixth .slide--cat-entry h2 {
 
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
}

}
/* ================== /cat ================== */
/* Disable Swiper sliding on desktop and lay out 5 items per row */
@media (min-width: 1025px) {
  #main-links-1 .swiper-wrapper {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr);
    gap: 40px 12px;
    transform: none !important;
  }

  #main-links-1 .swiper-slide {
    width: auto !important;
    margin: 0 !important;
  }

  /* Hide nav arrows since there's nothing to slide */
  #main-links-1 .s-slider-block__title-nav {
    display: none !important;
  }
}
/*********sq-banners***********/
/* Match Figma square-banner dimensions (465.32 × 558) */
.s-block--banners .banner-entry.h-lg-banner {
  aspect-ratio: 465.32 / 558;
  height: auto;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 8px; /* optional, remove if not in design */
}

@media (max-width: 767px) {
  .s-block--banners .grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    margin: 40px 0;
  }

  .s-block--banners .banner-entry.h-lg-banner {
    aspect-ratio: 465.32 / 558;
    width: 100%;
    border-radius: 6px;
  }

  /* Center the 3rd (last) item on its own row */
  .s-block--banners .banner-entry.h-lg-banner:nth-child(3) {
    grid-column: 1 / -1;
    justify-self: center;
    width: calc(50% - 4px); /* matches width of one column */
  }
}
/*******2*********/
/* Match Figma dimensions (708 × 600) for the two square photo banners */
.s-block--banners .square-photos .lazy__bg {
  aspect-ratio: 708 / 600;
  height: auto;
  width: 100%;
  background-size: cover !important;
  background-position: center;
}

a.banner-entry.square-photos {
  width: 708px;
  height: 600px;
}
@media (max-width: 600px) {
  a.banner-entry.square-photos {
    width: 708px;
    height: 150px;
    border-radius: 0;
  }
}
section.s-block.s-block--banners.container {
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 1440px;
  margin: 40px auto;
}

.grid.one-row.md\:grid-cols-2.grid-flow-row.gap-3.sm\:gap-8 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
/*********sq-banners***********/
/* product */
img.s-product-card-image-contain {
    background-color: #fff;
}
.s-block__title {
  justify-content: center;
  margin-top: 2em;
  overflow: hidden;
}
.s-block__title .right-side {
  padding: 0;
}
.s-slider-block__title {
  margin-top: 2rem;
  justify-content: end;
}
s-slider-block__title * {
  overflow: visible;
}
.s-slider-block__title .s-slider-block__title-right {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  color: var(--brand);
  width: fit-content;
  padding: 0;
  text-align: center;
}

/* heading text + gradient lines before/after */
.s-slider-block__title .s-slider-block__title-right h2,
.s-block__title .right-side h2 {
  font-size: 52px !important;
  padding: 0;
  color: #00adef;

  /* layout for the lines */
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  white-space: nowrap;
}

@media (max-width: 600px) {
  .s-slider-block__title .s-slider-block__title-right h2,
  .s-block__title .right-side h2 {
    font-size: 22px !important;
    text-align: center;
    -webkit-text-stroke-width: 1px;
    gap: 10px;
  }
  .s-block--best-offers {
    padding-top: 2rem;
  }
  .s-slider-block__title .s-slider-block__title-right {
    top: -17%;
  }
}
.s-product-card-content a,
.s-product-card-content h4 {
  color: #1c1b1b;
}
.s-product-card-vertical {
  border-radius: 25px;
  border: 1px solid #ddd;
  overflow: hidden;
}
.s-button-primary-outline:hover {
  background-color: var(--sub-brand);
  color: #fff;
}
.s-product-card-content {
  background-color: #efefef;
}
/* product */
.rk-heading-wrap {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 20px 0 !important;
  overflow: hidden;
}

.rk-heading-wrap h2 {
  position: relative;
  z-index: 1;
  margin: 0 auto;
}

.rk-heading-en {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  font-size: clamp(28px, 6vw, 70px);
  font-weight: 800;
  color: #29b6e8;
  opacity: 0.12;
  white-space: nowrap;
  pointer-events: none;
  text-transform: capitalize;
  letter-spacing: 1px;
}
.s-slider-block__title .s-slider-block__title-right h2,
.s-block__title .right-side h2 {
  width: 100% !important;
  max-width: 100% !important;
}

.s-slider-block__title-right {
  width: 100% !important;
  padding: 20px 0 !important;
}
@media (max-width: 600px) {
  .rk-heading-en {
    font-size: 55px;
  }
}
/* footer */
.store-footer__inner {
  background: #231f20 !important;
  box-shadow: 0 -18px 23.1px 0 #00000014;
}

.store-footer__inner a.flex.items-center.m-0 {
  position: relative;
  color: transparent !important;
  width: 100px;
  height: 80px;
  margin-bottom: 1rem;
}
.store-footer__inner a.flex.items-center.m-0::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url(https://i.ibb.co/tPChMRyj/Mask-group-12.png) center / cover
    no-repeat;
}
/* footer */
.store-footer__inner a.flex.items-center.m-0 h3 {
  display: none;
}
.blog-single img.h-80.mb-10.w-full.object-cover.rounded-md,
a.post-entry__image.relative.overflow-hidden.hover\:opacity-90.w-full.h-56.bg-border-color.flex.items-center.justify-center {
  height: 100%;
}
.blog-single img.h-80.mb-10.w-full.object-cover.rounded-md,
a.post-entry__image.relative.overflow-hidden.hover\:opacity-90.w-full.h-56.bg-border-color.flex.items-center.justify-center {
  height: 100%;
}