/** Shopify CDN: Minification failed

Line 22:23 Unexpected "{"
Line 22:34 Expected ":"
Line 27:23 Unexpected "{"
Line 27:34 Expected ":"
Line 31:23 Unexpected "{"
Line 31:34 Expected ":"

**/
header .tt-desktop-header .tt-logo {
    margin-top: 20px;
   
}

.ai-hero-banner__heading-azisxymsrbedobkq5aaigenblock56f6e6fkqpq6p {
  max-width: 100%;
  white-space: nowrap;
}


.ai-bestsellers-title-{{ ai_gen_id }} em {
  color: #be3d52;
  font-style: normal;
}

.ai-bestsellers-title-{{ ai_gen_id }} strong {
  color: #00205b;
}

.ai-bestsellers-title-{{ ai_gen_id }} em strong {
  color: #d6af50 !important;
  font-weight: bold;
  font-style: normal;
}


.ai-collection-grid__products-amhvteujqnjy3neztaaigenblock3ac8b76wngj3x {
  
  padding-left: clamp(16px, 5vw, 200px);
  padding-right: clamp(16px, 5vw, 200px);

}

.ai-collection-grid__products-amhvteujqnjy3neztaaigenblock3ac8b76wngj3x img {
  aspect-ratio: 1 / 1;
  width: 100%;
  object-fit: cover;
  display: block;
}


@media (min-width: 1200px) {
  .ai-collection-grid__products-amhvteujqnjy3neztaaigenblock3ac8b76wngj3x {
    grid-template-columns: repeat(4, 1fr);
    max-width: 1400px; /* optional: caps the grid width */
    margin: 0 auto; /* optional: centers it if max-width is set */

  }
}

@media (min-width: 1200px) {
  .ai-collection-grid__controls-amhvteujqnjy3neztaaigenblock3ac8b76wngj3x {
    max-width: 1400px; /* match your grid's max-width */
    margin: 0 auto;   /* match your grid's centering */
    padding-left: clamp(16px, 5vw, 200px);  /* match your grid's padding */
    padding-right: clamp(16px, 5vw, 200px);
    padding-top: 30px;
  }
}


.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2px;
  margin: 40px auto;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  width: 100%;
}

.pagination-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  margin: 40px auto;
  flex-wrap: wrap;
  width: 100%;
  grid-column: 1 / -1;
}

.pagination-wrapper * {
  box-sizing: border-box;
}


.pagination-wrapper .page,
.pagination-wrapper .next,
.pagination-wrapper .prev {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}


.page {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 8px;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  text-decoration: none;
  color: #000000;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}

.page.current {
  background-color: #000000;
  color: #ffffff;
  border-color: #000000;
}

.page:hover:not(.current) {
  background-color: #f5f5f5;
}