.nutricao-excelencia {
   border-radius: 24px 24px 0 0;
   background: linear-gradient(180deg, #331D0B 20.33%, rgba(201, 157, 122, 0.70) 100.04%);

   .experience-commerce_layouts-popularCategories .category-tile-wrapper .popular-category-link a { color: white; }
}

.category-dog-section {
   background: #DFFBFD;
   h2, p, a{color: #32312D;}
}

.category-cat-section {
   background: linear-gradient(180deg, #F8FFEF 0%, #F8FFEF 100%);
   h2, p, a{color: #32312D;}
}

@media screen and (min-width: 1024px) {
   .category-cat-section .text-center.js-promo-banner .cat-section {
      // background: url(https://staging.continente.pt/dw/image/v2/BDVS_STG/on/demandware.static/-/Sites-continente-Library/default/dw21cf2d92/PET/patas-gato-header.png);
      background-repeat: no-repeat;
      background-position: right;
   }
}

@media screen and (min-width: 1024px) {
   .category-dog-section .text-center.js-promo-banner .dog-section {
      // background: url(https://staging.continente.pt/dw/image/v2/BDVS_STG/on/demandware.static/-/Sites-continente-Library/default/dw21cf2d92/PET/patas-cao-header.png);
      background-repeat: no-repeat;
      background-position: right;
   }
}

/* 3 Tiles Category lookalike */
.pet-categories-3-tiles .ttc-wrapper.content-inside {
  height: 175px;
}

.pet-categories-3-tiles .ttc-tiles {
  top: 0;
}


/* Sliders Show/Hide */
.pet-tabs {
  display: flex;
  align-items: center;
  gap: 16px;
}

@media screen and (max-width: 1280px) {
  .pet-tabs {
    padding: 0 20px;
  }
}

.pet-tabs__item {
  border: 0;
  border-radius: 999px;
  padding: 10px 26px;
  background: #f5f5f5;
  color: #333;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
}

@media screen and (max-width: 1280px) {
  .pet-tabs__item {
    padding: 10px 20px;
  }
}

.pet-tabs__item--active {
  background: #ffe6e6;
  color: #ff1f1f;
  border: 1px solid #ff1f1f;
  padding: 9px 25px;
}

.experience-commerce_layouts-productCarousel.carousel-host-hidden {
  display: none;
}

.experience-commerce_layouts-productCarousel.carousel-host-visible {
  display: block;
}

.fullpage > .no-padding--sides > .no-gutters > .col-12 > .experience-commerce_layouts-containerLayout > .container > .row .container-with-background > *:not(:first-child, .experience-commerce_layouts-productCarousel) {
   max-width: 100%;
}

.experience-commerce_layouts-containerLayout .experience-commerce_layouts-popularCategories .category-layout-grid {
   padding-left: 16px;
   padding-right: 16px;
   gap: 20px
}

@media screen and (min-width: 768px) {
   .experience-commerce_layouts-containerLayout .experience-commerce_layouts-popularCategories .category-layout-grid {
      padding-left: 24px;
      padding-right: 24px;
   }
}

@media screen and (min-width: 1280px) {
   .experience-commerce_layouts-containerLayout .experience-commerce_layouts-popularCategories .category-layout-grid {
      padding-left: 50px;
      padding-right: 50px;
   }
}

/* Custom Circles */
/* Estilos scoped ao componente (Category Circles). */

.cp-pets-circles {
  /* Breakpoint pedido: 768px (usado só no layout). */

  /* Circles: do mobile (80px) até desktop (145px) via clamp(). */
  --cp-circle-size: clamp(80px, 10vw, 145px);

  /* Espaçamentos e tipografia ajustados do mobile->desktop. */
  --cp-blocks-gap: clamp(24px, 5vw, 48px);
  --cp-block-title-gap: clamp(16px, 2vw, 22px);
  --cp-circle-row-gap: clamp(8px, 2.2vw, 22px);
  --cp-circle-label-gap: clamp(8px, 1.8vw, 16.626px);

  --cp-title-size: clamp(20px, 2.2vw, 24px);
  --cp-title-line: clamp(24px, 2.6vw, 28px);

  --cp-label-size: clamp(12px, 1.5vw, 15px);
  --cp-label-line: clamp(16px, 2vw, 22.5px);

  --cp-text-color: #32312d;
  --cp-circle-bg: #dffbfd;

  color: var(--cp-text-color);
  font-family: inherit;
  max-width: 1320px;
  width: 100%;
  margin: auto;
}

.cp-pets-circles__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--cp-blocks-gap);
  align-items: start;
  justify-items: stretch;
  padding: 0 24px 0;
}

@media (min-width: 768px) {
  .cp-pets-circles__grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    justify-items: stretch;
  }
}

.cp-circle-block {
  display: grid;
  gap: var(--cp-block-title-gap);
  justify-items: start;
  width: 100%;
}

.cp-circle-block__title {
  margin: 0;
  font-weight: 700;
  font-size: var(--cp-title-size);
  line-height: var(--cp-title-line);
}

.cp-circle-row {
  list-style: none;
  padding: 0;
  margin: 0;

  display: flex;
  gap: var(--cp-circle-row-gap);
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}

.cp-circle-item {
  display: grid;
  gap: var(--cp-circle-label-gap);
  justify-items: center;
}

.cp-circle {
  width: var(--cp-circle-size);
  height: var(--cp-circle-size);
  border-radius: 9999px;
  overflow: hidden;
  position: relative;
}

/* Um “anel” suave para aproximar o look do Figma. */
.cp-circle::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 9999px;
  pointer-events: none;
}

.cp-circle__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 35%;
  display: block;
  transform: scale(1.05);
}

.cp-circle-item__label {
  font-size: var(--cp-label-size);
  line-height: var(--cp-label-line);
  text-align: center;
}

@media (min-width: 768px) {
  .experience-commerce_layouts-popularCategories .category-tile-wrapper {
    max-width: 120px !important;
  }
}

/* Fix Category Grid (Circles) swipe on Desktop */
.experience-commerce_layouts-containerLayout .experience-commerce_layouts-popularCategories .category-layout-grid {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  cursor: grab;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: none;
}

.category-layout-grid.is-dragging {
  cursor: grabbing;
}

.category-layout-grid .category-tile-wrapper {
  flex: 0 0 75%;
}


.category-layout-grid  a {
 user-select: none;
  -webkit-user-drag: none;
}

.category-layout-grid .image-cropper a picture img {
  width: 100%;
  height: 100%;
  display: block;

  user-select: none;
  -webkit-user-drag: none;
}

@media (max-width: 1024px) {
  .category-layout-grid {
    scroll-snap-type: x mandatory;
  }

  .category-layout-grid .category-tile-wrapper {
    scroll-snap-align: start;
  }

  .category-layout-grid.is-dragging {
    scroll-snap-type: none;
  }
}

/* Fix Three Tiles Component */
.ttc-wrapper.content-inside .ttc-image img {
   object-fit: cover;
}

/* Fix Product Caroussel Inside Container */
@media (max-width: 768px) {
  .fullpage > .no-padding--sides > .no-gutters > .col-12 .experience-commerce_layouts-containerLayout .container .row .experience-commerce_layouts-productCarousel.experience-component {
    max-width: 100%;
  }
}

/* FIX HEADER */
@media (max-width: 1024px) {
    .hero-oportunidades {
        background-size: cover !important;
    }
}

/* FIX FEATURES */
.col-features-wrapper, .footer-seo { margin: auto; }
.footer-seo-text h2 { padding-left: 0 !important; }
.footer-seo-text.col-features-wrapper h2 { padding-left: 20px !important; }