:root {
  --rd-primary-50:  #e7eee7;
  --rd-primary-100: #d1dcd1;
  --rd-primary-200: #b1c4b1;
  --rd-primary-300: #90ac90;
  --rd-primary-400: #789978;
  --rd-primary-500: #597959; /* colore principale */
  --rd-primary-600: #4e6b4e;
  --rd-primary-700: #415c41;
  --rd-primary-800: #344e34;
  --rd-primary-900: #243b24;
  --rd-text-link-visited: var(--rd-primary-300);
  --rd-text-link-hover: var(--rd-primary-600);
  --rd-text-link-default: var(--rd-primary-500);
  --rd-text-navigation-item-default:#fff;
  --rd-text-navigation-item-hover:#fff;
  --rd-text-navigation-item-focus:#fff;
  --rd-text-navigation-item-active:#fff;
  --swiper-pagination-bottom:-5px;
  --pet-dark-grey:#504f4f;
  --pet-light-grey:#c3c3c3;
  --rd-surface-primary:#e7eee7;
  --bs-dropdown-bg: #fff;
  --sticky-image-product:10px;
  --pet-yellow:#ffcc00;
  --pet-red:#df0000;
}
.dropdown-menu {
    --bs-dropdown-bg: #fff
}
body {
    background-color: #FFF;
    color: #000;
}
.promo-top{
  background-color: var(--rd-primary-900);
  color:#fff;
  font-weight: 900;
  font-size: 0.9rem;
}
.main-header{
  min-height:75px;
}
.header-nav-full-width{
  background-color: var(--rd-primary-800);
}
.header-bottom__logo img{
  max-height: 75px;
}
@media (min-width: 1200px) {
.header-bottom__logo img{
  max-height: 155px;
}
}
.header{
  position: relative;
}


.header .logo {
  max-height: 155px;
}
.header svg{
  width:42px;
}
@media (max-width: 575.98px) {
.header svg{
  width:28px;
}
}
.header .promo-spedizione svg{
  width:22px;
  vertical-align: top;
}

@media (max-width: 991.98px) {
  .header .logo {
    max-height: 75px;
  }

  /* Centra il logo orizzontalmente su mobile */
  .header .navbar-brand {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }

  /* Mantiene le icone a destra su mobile */
  .header .d-flex.align-items-center.gap-3 {
    margin-left: auto;
  }

  #mobile-menu-btn {
    margin-right: 10px;
  }
}

@media (min-width: 992px) {
 .header .top-search{
  margin-right: 10%!important;
  align-items: start!important;
 }
}

@media (min-width: 1200px) {
 .header .top-search{
  margin-right: 15%!important;
 }
}

.ui-autocomplete.searchbar-autocomplete
{
        z-index: 999999;
}
@media only screen and (min-width: 992px) {
    #search_widget
 {
        min-width: 100%;
    }
}
#search_widget form input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: .75rem;
    color: #212121;
    display: block;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    padding: .5rem .75rem;
    padding-left:2.5rem;
    transition: border-color .15s 
ease-in-out, box-shadow .15s 
ease-in-out;
    width: 100%;
}

@media only screen and (min-width: 768px) {
    #search_widget {
        float: none;
        margin-bottom: 0;
    }
}

.main-menu__mobile .menu a,.main-menu__mobile .menu li:not(.h5) {
    color: #000
}

.theme-radiant .header-bottom__row {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  width: 100%;
  gap: 1rem;
  position: relative;
}
.mobile-toggle{
  display:flex;
}
.call_us{
  grid-column: 2;
}
.theme-radiant .main-menu {
    border-bottom:0;
    white-space: nowrap;
  overflow: hidden;
}
.theme-radiant .header-bottom__logo {
    justify-self: center;
}
@media (max-width: 1199px) {
  .theme-radiant .header-bottom__container {
    padding-top:10px;
    padding-bottom:10px;
}
  .theme-radiant .header-bottom__logo {
      grid-column:unset;
      justify-self: center;
      position:absolute;
      top: 50% !important;
      left: 50% !important;
      transform: translate(-50%, -50%) !important;
  }
}
.theme-radiant .header-bottom .hook-top {
    align-items: center;
    justify-self: end;
    grid-column: 4;
    grid-row: 1;
    justify-content: end;
}
@media (min-width: 1200px) {
  .call_us{
    grid-column: 1;
  }
  .theme-radiant .header-bottom__logo {
    grid-column: 1;
    margin: 0;
    top:unset;
    left: unset;
    justify-self: start;
  }
  .theme-radiant .header-bottom .hook-top {
    grid-column: 3;
    grid-row: 1;
    align-items: end;
    justify-self: end;
    flex-wrap: wrap;
    align-content: stretch;
    flex-direction: column;
    width:100%;
  }
  .theme-radiant #_desktop_search .search-widgets {
    min-width: 100%;
  }
  .theme-radiant #_desktop_search .search-widgets__form--open {
    opacity: 1;
    overflow: visible;
    min-width:600px;
  }
  .theme-radiant .header-bottom__row {
    display: grid;
    grid-template-columns: 1fr auto 2fr;
    position: relative;
    align-items: center;
    min-height: 155px;
  }
  .theme-radiant .main-menu__tree>li>a {
    padding: var(--rd-size-5) var(--rd-size-3);
    font-size: 1.1rem;
  }
  .theme-radiant .main-menu__tree>li>a:hover {
    color:var(--pet-yellow);
  }
}
.main-menu__tree>li#category-21>a{color: var(--pet-yellow);}
.main-menu__mobile li#category-21>a{font-weight: 900}
.form-control:focus, .product-comment-modal .form-control:focus, .product-comment-modal textarea:focus {
    background-color: #fff;
    border-color:var(--rd-primary-300);
    box-shadow: 0 0 0 .25rem rgba(22,131,83,.25);
    color: #212121;
    outline: 0;
}
.call_us a {
  display: flex;
  align-items: center;
  justify-content: start;
  text-decoration: none;
  color: inherit;
  gap: 10px;
  padding: 10px;
}
.call_text{display: none;}
@media (min-width: 1200px) {
.call_text {
  display: flex;
  flex-direction: column;
  text-align: center;
}
}
.call_title {
  font-size: 0.9rem;
  font-weight: 500;
  text-transform: uppercase;
}

.call_number {
  font-size: 1.1rem;
  font-weight: bold;
  color: var(--rd-primary-700, #597959);
}

.icon-left,
.icon-right {
  flex-shrink: 0;
}
.why-item span{
  font-size:3rem;
  color: var(--rd-primary-300);
}
.footer__main hr{
  color: var(--rd-primary-100);
}
.logo-footer img{
  max-width: 220px;
}
ul.list-icons li{
 height: inherit;
  padding: 3px 0
}
ul.list-icons li span{
  vertical-align: bottom;
  color:var(--rd-primary-300);
  padding-right: 12px;
  font-size:22px;
  width:2rem;
}

@media only screen and (min-device-width: 1280px) and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
  .swiper-fade .swiper-slide-active .img-fluid{
    max-width: 460px;
  }
}
.product-flags .badge.discount {
    background-color: var(--pet-red);
    border: 1px solid var(--pet-red);
    color: #fff;
}
.product-flags .badge:not(.discount){
    background-color: var(--pet-yellow)!important;
    border: 1px solid var(--pet-yellow);
    color: #000!important;
}
.footer-copy{
  background-color:var(--rd-primary-900);
  color:var(--rd-primary-100);
  padding-top:20px;
  padding-bottom:30px;
}
.footer-copy a{color: var(--rd-primary-300);}
.icopayments span{
 display:inline-block;  
 width:52px;
 height:32px;
 background: url(../../../../img/ico-payments.png) no-repeat;
 background-size:48px;
}
.icopayments .mastercard{
 background-position:center -26px
}
.icopayments .visa{
 background-position:center 0
}
.icopayments .maestro{
 background-position:center -54px
}
.icopayments .sepa{
 background-position:center -83px
}
.icopayments .paypal{
 background-position:center -106px
}
.hpSignorPet .swiper-slide img {
  border-radius: 20px;
}
.hpSignorPet.swiper-initialized{
  padding-bottom:20px!important;
}
.swiper-button-next, .swiper-button-prev {
    background-color:transparent;
    padding: var(--rd-size-2);
    margin-top:0!important;
}
.my-30{
  margin-top:3rem;
  margin-bottom: 3rem;
}
.my-50{
  margin-top:5rem;
  margin-bottom: 5rem;
}
.strong-title{
  background-color: var(--rd-primary-500)!important;
  color: #fff!important;
  font-size: 2.5rem;
  font-weight: 900;
  text-align: center;
  margin: auto;
  padding-top:0.8rem;
  padding-bottom: 0.8rem;
  border-radius: 10px;
}
.blog-section img{
  border-radius: 10px; 
  margin-bottom: 1.5rem;
  width:100%;
}
.post-date{
  color:var(--rd-primary-300);
  font-weight: 700;
  font-size: .9rem;
} 
.post-title-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.post-blog a:hover .post-title{
  color: var(--rd-primary-400)!important;
}
.post-title {
  flex: 1;
  margin-right: 10px;
  font-size:1.3rem;
  font-weight: 700;
  color:#000;
}

.arrow {
  font-size: 30px;
  color: var(--rd-primary-300);
}
.about-us{
  padding-top:2.5rem;
  border-top:1px solid var(--rd-primary-100);
}
.sticky {
    position: sticky;
    top: calc(50% - 140px);
}
.category-box img{
  border-radius: 10px;
   width:100%;
}
.category-box-title-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color:var(--rd-primary-50);
  padding: 15px 20px;
  border-radius: 10px;
}

.category-box-title {
  font-weight: bold;
  font-size: 1rem;
  color: #333;
}

.category-box-arrow svg {
  width: 20px;
  height: 20px;
  fill:var(--rd-primary-400); 
}
.category-box a:hover .category-box-title-wrapper{
  background-color: var(--rd-primary-100);
}
.category-box a:hover .category-box-arrow svg {
  fill:var(--rd-primary-500)
}
.full-width-block {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.background-image {
    background-image: url('../../../../img/store.jpg');
    background-size: cover;
    background-position: center;
    width: 100%;
    height: auto; 
    min-height: 400px;
}

.overlay-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-end; 
    align-items: center;
}

.text-container {
    background: transparent; 
    color: white;
    padding: 20px;
    text-align: left;
    width: 50%; 
}

.image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to left, rgba(0, 0, 0, 0.7), transparent); /* Ombra da destra a sinistra */
    pointer-events: none;
}


@media (max-width: 767.98px) {
    .overlay-text {
        position: static; 
        flex-direction: column; 
        align-items: stretch; 
    }

    .text-container {
        color: #000;
        width: 100%; 
        text-align: center; 
    }

    .image-overlay {
        display: none; 
    }
}
.submenu__brands {
  margin-top: 5px;
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}

.submenu__brand-logo {
  width: 80px;
  height: 80px;
  border-radius: 4px;
  transition: transform 0.2s ease;
  border:1px solid var(--rd-primary-100);
  padding:3px;
}

.submenu__brand-logo:hover {
  transform: scale(1.1);
}

.submenu__right-items {
  
}

.submenu__banner {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  transition: background-color 0.3s ease;
}

.submenu__banner-img {
  height: auto;
  object-fit: contain;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.submenu__banner.category-7 {
  background-color: #7F5E47;
}
.submenu__banner.category-8 {
  background-color: #7F5E47;
}
.submenu__banner.category-9 {
  background-color: #7F5E47;
}
.submenu__banner.category-10 {
  background-color: #cc0;
}
.submenu__banner.category-11 {
  background-color: #978683;
}
.submenu__banner.category-12 {
  background-color: #978683;
}
.submenu__banner.category-13 {
  background-color: #978683;
}
.submenu__banner.category-14 {
  background-color: #BBC6BB;
}
.submenu__banner.category-15 {
  background-color: #BBC6BB;
}
.submenu__banner.category-16 {
  background-color: #978683;
}
.submenu__banner.category-17 {
  background-color: #789278;
}
.submenu__banner.category-18 {
  background-color: #789278;
}
.submenu__banner.category-19 {
  background-color: #cc0;
}
.submenu__banner.category-20 {
  background-color: #7F5E47;
}
.submenu__banner.category-21 {
  background-color: #cc0;
}
.submenu__banner.category-22 {
  background-color: #7F5E47;
}
.submenu__banner.category-23 {
  background-color: #978683;
}
@media (min-width: 1200px) {
    .main-menu .submenu__right-items
 {
       grid-template-columns: 1fr;
    }
}
.submenu__content {
    min-height:280px;
}
.submenu__row {
  display: flex;
  align-items: stretch;
}

.submenu__left,
.submenu__right {
  display: flex;
  flex-direction: column;
}

@media (min-width: 1200px) {
  .main-menu .menu-desktop{
    width:100%;
  }
  
}

.brandSwiper {
  padding-inline: 56px;
}
.brandSwiper .swiper-slide {
  height: 110px;
  display: flex;
  align-items: center;
}

.brandSwiper .swiper-slide a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.brandSwiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: contain;  
  object-position: center;
  padding: 12px; 
  background: #fff; 
  border-radius: 10px;
  border: 1px solid var(--rd-primary-100);
}
.brandSwiper .swiper-slide img.img-fluid {
  height: 100% !important;
}
.brandSwiper .swiper-button-prev,
.brandSwiper .swiper-button-next {
  width: 36px;
  height: 36px;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
  color:var(--rd-text-primary);
  background-color: var(--pet-light-grey);
}
.brandSwiper .swiper-button-prev {
  left: 10px;
}
.brandSwiper .swiper-button-next {
  right: 10px;
}
.brandSwiper .swiper-button-prev::after,
.brandSwiper .swiper-button-next::after {
  font-size: 16px;
}

@media (max-width: 767px) {
  .brandSwiper {
    padding-inline: 28px;
  }
  .brandSwiper .swiper-slide {
    height: 90px;
  }
}
@media (min-width: 768px) {

  /* CONTENITORE FRECCE */
  .theme-radiant.page-product
  .product.js-product-container
  .product__images
  .product-thumbnails
  .swiper-button-prev,
  .theme-radiant.page-product
  .product.js-product-container
  .product__images
  .product-thumbnails
  .swiper-button-next {
    width: 36px;
    height: 36px;
    color: var(--rd-text-primary);
    background-color: var(--pet-light-grey);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  /* FRECCIA SU */
  .theme-radiant.page-product
  .product.js-product-container
  .product__images
  .product-thumbnails
  .swiper-button-prev::after {
    content: "↑";
    font-size: 16px;
    font-family: inherit;
  }

  /* FRECCIA GIÙ */
  .theme-radiant.page-product
  .product.js-product-container
  .product__images
  .product-thumbnails
  .swiper-button-next::after {
    content: "↓";
    font-size: 16px;
    font-family: inherit;
  }

}


.chat-widget {
  bottom: 14px;
  right: 16px;
  opacity: 1;
  transition: opacity 0.5s ease 0s;
  box-sizing: border-box;
  position: fixed !important;
  z-index: 16000160 !important;
  direction: ltr;
  text-align: right;
}
.chat-btn {
  display:none;
  width: 50px;
  height: 50px;
  background-color: rgb(77, 194, 71) !important;
  order: 2;
  padding: 5px;
  box-sizing: border-box;
  border-radius: 50%;
  cursor: pointer;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.4) 2px 2px 6px;
  transition: all 0.5s ease 0s;
  position: relative;
  z-index: 200;
  border: 0px none;
}
.grecaptcha-badge {display: none;}
.payment__option.ps_checkout-payment-option input[type="radio"] {
    margin-top:0;
}