/* corpo */

/* maxi video */
div.maxiVideo {
  margin-bottom: 4px;
  position: relative;
  z-index: 0;
}
div.maxiVideo figure {
  margin: 0;
  position: relative;
  z-index: 1;
}
div.maxiVideo figcaption {
  background: rgba(255, 255, 255, 0.85);
  bottom: 0;
  color: #444d3c;
  font: 700 1.1rem/2rem "Roboto", sans-serif;
  letter-spacing: 0.05rem;
  padding: 0.5rem 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 2;
}
div.maxiVideo.hp {
  margin-bottom: 8px;
}
div.maxiVideo.hp img {
  width: 100%;
}

.box-lanci {
}
.box-lanci h3 {
  background: #fff;
  color: #333;
  font-size: 1.2rem;
  margin-top: 10px;
  padding: 2px 4px;
}
.box-lanci h3 img {
  width: 36px;
  margin-top: 2px;
}
.box-lanci p {
  line-height: 1;
  font-size: 1.1rem;
  margin-bottom: 0;
}
.box-lanci h3 .fa {
  color: #666;
  font-size: 1.5rem;
}
.box-lanci p .fa {
  color: #fff;
}
.box-lanci a {
  color: #fff;
  display: block;
  cursor: pointer;
  height: 100%;
}
.box-lanci .spedizione-gratis {
  background: #333;
  padding-bottom: 12px;
}
.box-lanci .tessera-circle {
  background: #5c858b;
  padding-bottom: 12px;
}
.box-lanci .risparmia-outlet {
  background: #f60;
  padding-bottom: 12px;
}

/* Chrome only: */
.box-lanci .spedizione-gratis:not(*:root),
.box-lanci .tessera-circle:not(*:root),
.box-lanci .risparmia-outlet:not(*:root) {
  padding-top: 7px;
  padding-bottom: 16px;
}

@media screen and (max-width: 1280px) {
  .box-lanci h3 {
    font-size: 1.1rem;
  }
  .box-lanci h3 .fa {
    font-size: 1.1rem;
  }
  .box-lanci h3 img {
    width: 26px;
  }
  .box-lanci .risparmia-outlet {
    padding-bottom: 12px;
  }
}

#evidenza {
  font-size: 1rem;
}
#evidenza img {
  width: 100%;
  border: none;
}
#evidenza h4 {
  color: #000;
  font-size: 1rem;
  margin-top: 10px;
}
#evidenza .item {
  background: #fff;
  padding: 0.5em;
}
#evidenza .item img {
  width: 110%;
}
#evidenza .thumbnail {
  box-shadow: none;
}
#evidenza .item h3 {
  font-size: 1rem;
}
#evidenza .item h5 {
  font-size: 1rem;
  color: #000;
  font-weight: 700;
}
#evidenza .cavalli {
  border-bottom: 3px solid #ddd;
}
#evidenza .cani {
  border-top: 1px solid #efff;
  border-bottom: 3px solid #ddd;
}
#evidenza .gatti {
  border-top: 5px solid #ed8039;
  border-bottom: 3px solid #ddd;
}
#evidenza .box-lanci {
  padding: 5px 20px;
}
#evidenza .box-lanci h3 {
  background: #fff;
  font-size: 1.3rem;
  margin-top: 10px;
  padding: 2px 4px;
}
#evidenza .box-lanci h3 img {
  width: 36px;
  margin-top: 2px;
}
#evidenza .box-lanci p {
  line-height: 1.5;
  font-size: 1.2rem;
}
#evidenza .box-lanci h3 .fa {
  color: #666;
  font-size: 1.5rem;
}
#evidenza .box-lanci p .fa {
  color: #fff;
}
#evidenza .box-lanci a {
  color: #fff;
  display: block;
  cursor: pointer;
  height: 100%;
}
#evidenza .box-lanci.spedizione-gratis {
  background: #e85c1c;
}
#evidenza .box-lanci.tessera-circle {
  background: #5c858b;
}
#evidenza .box-lanci.risparmia-outlet {
  background: #e10079;
}
#evidenza .wrap-content {
  min-height: 150px;
}

#evidenza .prezzi {
  padding: 0.75rem 0rem;
}
#evidenza .prezzo1 {
  color: #333;
  font: 0.8rem "Roboto", sans-serif;
}
#evidenza .prezzo1 span {
  text-decoration: line-through;
}
#evidenza .prezzo2 {
  font: 900 1.4rem/1rem "Roboto", sans-serif;
  color: #060;
}

#box-chi-siamo {
}
#box-chi-siamo h2 {
  font-size: 1rem;
}

/* strilli */
div.strilli .strillo a {
  background: #4d4d4f;
  color: #fff;
  display: block;
  font: 1rem/1rem "Roboto", sans-serif;
  letter-spacing: 0.05rem;
  margin-bottom: 1px;
  padding: 0.4rem 0.5rem;
  width: 100%;
}
div.strilli .s914 a,
div.strilli .s915 a,
div.strilli .s916 a,
div.strilli .s920 a,
div.strilli .s921 a,
div.strilli .s2617 a,
div.strilli .s2481 a,
div.strilli .s917 a {
  color: #000;
}
div.strilli .s914 a {
  background: rgb(203, 237, 187);
  background: -moz-linear-gradient(
    90deg,
    rgb(203, 237, 187) 13%,
    rgb(140, 215, 110) 50%
  );
  background: -webkit-linear-gradient(
    90deg,
    rgb(203, 237, 187) 13%,
    rgb(140, 215, 110) 50%
  );
  background: -o-linear-gradient(
    90deg,
    rgb(203, 237, 187) 13%,
    rgb(140, 215, 110) 50%
  );
  background: -ms-linear-gradient(
    90deg,
    rgb(203, 237, 187) 13%,
    rgb(140, 215, 110) 50%
  );
  background: linear-gradient(
    180deg,
    rgb(203, 237, 187) 13%,
    rgb(140, 215, 110) 50%
  );
}
div.strilli .s915 a {
  background: rgb(250, 250, 180);
  background: -moz-linear-gradient(
    90deg,
    rgb(250, 250, 180) 13%,
    rgb(240, 235, 110) 50%
  );
  background: -webkit-linear-gradient(
    90deg,
    rgb(250, 250, 180) 13%,
    rgb(240, 235, 110) 50%
  );
  background: -o-linear-gradient(
    90deg,
    rgb(250, 250, 180) 13%,
    rgb(240, 235, 110) 50%
  );
  background: -ms-linear-gradient(
    90deg,
    rgb(250, 250, 180) 13%,
    rgb(240, 235, 110) 50%
  );
  background: linear-gradient(
    180deg,
    rgb(250, 250, 180) 13%,
    rgb(240, 235, 110) 50%
  );
}
div.strilli .s916 a {
  background: rgb(250, 235, 225);
  background: -moz-linear-gradient(
    90deg,
    rgb(250, 235, 225) 13%,
    rgb(250, 205, 165) 50%
  );
  background: -webkit-linear-gradient(
    90deg,
    rgb(250, 235, 225) 13%,
    rgb(250, 205, 165) 50%
  );
  background: -o-linear-gradient(
    90deg,
    rgb(250, 235, 225) 13%,
    rgb(250, 205, 165) 50%
  );
  background: -ms-linear-gradient(
    90deg,
    rgb(250, 235, 225) 13%,
    rgb(250, 205, 165) 50%
  );
  background: linear-gradient(
    180deg,
    rgb(250, 235, 225) 13%,
    rgb(250, 205, 165) 50%
  );
}
div.strilli .s920 a {
  background: rgb(225, 220, 240);
  background: -moz-linear-gradient(
    90deg,
    rgb(225, 220, 240) 13%,
    rgb(187, 165, 235) 50%
  );
  background: -webkit-linear-gradient(
    90deg,
    rgb(225, 220, 240) 13%,
    rgb(187, 165, 235) 50%
  );
  background: -o-linear-gradient(
    90deg,
    rgb(225, 220, 240) 13%,
    rgb(187, 165, 235) 50%
  );
  background: -ms-linear-gradient(
    90deg,
    rgb(225, 220, 240) 13%,
    rgb(187, 165, 235) 50%
  );
  background: linear-gradient(
    180deg,
    rgb(225, 220, 240) 13%,
    rgb(187, 165, 235) 50%
  );
}
div.strilli .s921 a {
  background: rgb(226, 245, 245);
  background: -moz-linear-gradient(
    90deg,
    rgb(226, 245, 245) 13%,
    rgb(125, 200, 220) 50%
  );
  background: -webkit-linear-gradient(
    90deg,
    rgb(226, 245, 245) 13%,
    rgb(125, 200, 220) 50%
  );
  background: -o-linear-gradient(
    90deg,
    rgb(226, 245, 245) 13%,
    rgb(125, 200, 220) 50%
  );
  background: -ms-linear-gradient(
    90deg,
    rgb(226, 245, 245) 13%,
    rgb(125, 200, 220) 50%
  );
  background: linear-gradient(
    180deg,
    rgb(226, 245, 245) 13%,
    rgb(125, 200, 220) 50%
  );
}
div.strilli .s2617 a {
  background: rgb(240, 220, 235);
  background: -moz-linear-gradient(
    90deg,
    rgb(240, 220, 235) 13%,
    rgb(225, 158, 195) 50%
  );
  background: -webkit-linear-gradient(
    90deg,
    rgb(240, 220, 235) 13%,
    rgb(225, 158, 195) 50%
  );
  background: -o-linear-gradient(
    90deg,
    rgb(240, 220, 235) 13%,
    rgb(225, 158, 195) 50%
  );
  background: -ms-linear-gradient(
    90deg,
    rgb(240, 220, 235) 13%,
    rgb(225, 158, 195) 50%
  );
  background: linear-gradient(
    180deg,
    rgb(240, 220, 235) 13%,
    rgb(225, 158, 195) 50%
  );
}
div.strilli .s2481 a {
  background: rgb(250, 235, 223);
  background: -moz-linear-gradient(
    90deg,
    rgb(250, 235, 223) 13%,
    rgb(215, 200, 190) 50%
  );
  background: -webkit-linear-gradient(
    90deg,
    rgb(250, 235, 223) 13%,
    rgb(215, 200, 190) 50%
  );
  background: -o-linear-gradient(
    90deg,
    rgb(250, 235, 223) 13%,
    rgb(215, 200, 190) 50%
  );
  background: -ms-linear-gradient(
    90deg,
    rgb(250, 235, 223) 13%,
    rgb(215, 200, 190) 50%
  );
  background: linear-gradient(
    180deg,
    rgb(250, 235, 223) 13%,
    rgb(215, 200, 190) 50%
  );
}
div.strilli .s917 a {
  background: rgb(206, 230, 220);
  background: -moz-linear-gradient(
    90deg,
    rgb(206, 230, 220) 13%,
    rgb(115, 190, 165) 50%
  );
  background: -webkit-linear-gradient(
    90deg,
    rgb(206, 230, 220) 13%,
    rgb(115, 190, 165) 50%
  );
  background: -o-linear-gradient(
    90deg,
    rgb(206, 230, 220) 13%,
    rgb(115, 190, 165) 50%
  );
  background: -ms-linear-gradient(
    90deg,
    rgb(206, 230, 220) 13%,
    rgb(115, 190, 165) 50%
  );
  background: linear-gradient(
    180deg,
    rgb(206, 230, 220) 13%,
    rgb(115, 190, 165) 50%
  );
}
div.strilli .strillo:hover a {
  background: #231f20;
  color: #fff;
}
div.strilli .strillo:last-child a {
  margin-bottom: 0;
}

/* banner */
div.banner1 {
  margin-bottom: 1rem;
  position: relative;
  z-index: 0;
}
div.banner1 img {
  position: relative;
  z-index: 1;
}
div.banner1 .testo {
  background: rgba(255, 255, 255, 0.85);
  bottom: 0;
  color: #444d3c;
  font: 700 1.1rem/2rem "Roboto", sans-serif;
  letter-spacing: 0.05rem;
  padding: 0.5rem 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 2;
}

/* info */
.box-info {
  font: 0.8rem/1rem "Roboto", sans-serif;
  list-style: none;
}
.box-info .column {
  background: #e2e2e2;
  padding: 0.4rem 0;
}
.box-info .column:first-child {
  padding-left: 0.4rem;
}
.box-info .column-block {
}

/* loadBox  */
#load-gratis {
  height: 540px;
}
#load-marche {
  min-height: 100px;
}

/* Small only */
@media screen and (max-width: 39.9375em) {
  #load-gratis {
    height: 580px;
  }
  #box-spedizione-gratis {
    height: 440px;
  }
}

.loading .fa {
  margin-top: 0px;
}
#novita .tit {
  border-top: 15px solid #8cd76e;
  width: 100%;
}
#box-cani .tit {
  border-top: 15px solid #eecc00;
}
#box-gatti .tit {
  border-top: 15px solid #ed8039;
}
#box-altri-animali .tit {
  border-top: 15px solid #cc4f96;
}
#box-per-te .tit {
  border-top: 15px solid #b9a995;
}
#box-hobby .tit {
  border-top: 15px solid #50b589;
}
#box-spedizione-gratis .item {
  margin: 0 20px;
}

/* Small only */
@media screen and (max-width: 39.9375em) {
  #novita ul li a {
    color: #000;
  }
}

/* novità */
section#novita {
  background: #fff;
  padding-top: 1rem;
  position: relative;
}
section#novita .prodotto {
  margin-bottom: 2rem;
  position: relative;
}
/*section#novita .prodotto:hover {box-shadow: -4px 4px 4px 0px rgba(188, 188, 188, 0.66); -webkit-box-shadow: -4px 4px 4px 0px rgba(188, 188, 188, 0.66); -moz-box-shadow: -4px 4px 4px 0px rgba(188, 188, 188, 0.66)}*/
section#novita .prodotto a {
  background: #fff;
  display: block;
  position: relative;
  overflow: hidden;
}
section#novita .prodotto a div.wrapImg {
  background: #f8f8f8;
  height: 0;
  margin-bottom: 0.25rem;
  overflow: hidden;
  padding-bottom: 118.421052631%;
  position: relative;
}
section#novita .prodotto a img {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
section#novita .prodotto a div.wrapColori {
  min-height: 1.3rem;
  overflow: hidden;
  text-align: center;
}
section#novita .prodotto a div.wrapColori i {
  display: inline-block;
  text-shadow: 1px 1px 1px #000;
}
section#novita .prodotto a div.wrapColori img {
  height: 1rem;
  margin-bottom: 0.5rem;
  position: relative;
  width: 1px;
}
section#novita .prodotto a div.wrapColori img.colori {
  height: 12px;
  margin-top: 0.36rem;
  width: 12px;
}
section#novita .prodotto a div.prezzi {
  border-top: 1px solid #c9c9c9;
  margin-bottom: 0.5rem;
  padding-top: 0.45rem;
}
@media screen and (max-width: 640px) {
  section#novita .prodotto a div.prezzi {
    border-top: 0;
    border-bottom: 0;
    margin-bottom: 0.5rem;
    padding: 0;
  }
}
section#novita .prodotto a .prezzo1 {
  display: none;
  font-size: 0.6rem;
}
section#novita .prodotto a .prezzo1 span {
  text-decoration: line-through;
}
section#novita .prodotto a .prezzo2 {
  font: 900 1.2rem/0.7rem "Roboto", sans-serif;
  color: #060;
}
section#novita .prodotto a div.spedizione {
  height: 15px;
  overflow: hidden;
}
section#novita .prodotto a div.spedizione .gratis {
  display: block;
  color: #f60;
  font-size: 0.7rem;
  line-height: 1.5;
  text-transform: uppercase;
}
section#novita .prodotto a div.spedizione .prezzo {
  color: #666;
  text-align: right;
  text-decoration: line-through;
}
@media screen and (max-width: 640px) {
  section#novita .prodotto a div.spedizione {
    height: auto;
  }
  section#novita .prodotto a div.spedizione .gratis {
    font-size: 0.85rem;
  }
}
section#novita .prodotto a p.descrizione {
  height: 90px;
  line-height: 0.85rem;
  margin-bottom: 0;
  color: #000;
}
section#novita .prodotto .pannello {
  background: #fff;
  box-shadow: -4px 4px 4px 0px rgba(188, 188, 188, 0.66);
  display: none;
  left: -70px;
  padding: 5px;
  position: absolute;
  top: 0;
  width: 70px;
  -webkit-box-shadow: -4px 4px 4px 0px rgba(188, 188, 188, 0.66);
  -moz-box-shadow: -4px 4px 4px 0px rgba(188, 188, 188, 0.66);
}
section#novita .prodotto .pannello img {
  cursor: crosshair;
  margin-bottom: 3px;
}
section#novita .prodotto .pannello img:last-child {
  margin-bottom: 0;
}
section#novita h3 {
  font-size: 1.3;
  line-height: 1.2;
  color: #000;
  float: left;
  padding-top: 10px;
}
section#novita ul li a:hover {
  color: #000;
}

/* offerte */
section#offerte {
  background: #fff;
  position: relative;
}
section#offerte .offerta {
  margin-bottom: 0.5rem;
}
section#offerte .offerta a {
  background: #fff;
  display: block;
  overflow: hidden;
  padding: 0.5rem;
}
section#offerte .offerta a p.descrizione {
  color: #000;
  font-size: 0.95rem;
  height: 50px;
  line-height: 1rem;
  overflow: hidden;
}
section#offerte .offerta a .foto {
  position: relative;
}
section#offerte .offerta a .bollino {
  font-size: 1.6rem;
  font-weight: 900;
  right: 0;
}
section#offerte .offerta a img {
  display: block;
  margin: 0 auto 0.5rem;
}
section#offerte .offerta a .prezzi {
  background: #e6e6e6;
  overflow: hidden;
}
section#offerte .offerta a .prezzo1 {
  color: #333;
  line-height: 2.5rem;
  text-decoration: line-through;
}
section#offerte .offerta a .prezzo2 {
  color: #060;
  font: 700 1.5rem/2.5rem "Roboto", sans-serif;
}
section#offerte .offerta a .prezzo2 span {
  font-size: 1.5rem;
}

ul.list-cat a {
  color: #000;
}
ul.list-cat a:hover {
  text-decoration: underline;
}
ul.list-seller a {
}
ul.list-seller a:hover {
  text-decoration: underline;
}
.top-seller h4 {
  color: #f60;
  font-size: 1rem;
  margin-top: 10px;
}

/* best seller */
section#bestSeller .best {
  margin-bottom: 1rem;
  position: relative;
}
section#bestSeller .best img {
  position: relative;
  z-index: 1;
}
section#bestSeller .best .testo {
  background: rgba(255, 255, 255, 0.85);
  bottom: 0;
  color: #444d3c;
  font: 700 1.1rem/2rem "Roboto", sans-serif;
  letter-spacing: 0.05rem;
  padding: 0.5rem 0;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  z-index: 2;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
section#bestSeller .best a:hover .testo {
  background: rgba(255, 255, 255, 0.95);
  text-indent: 0.625rem;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}

/* marche */
section#marche {
  margin-bottom: 1rem;
}
/*section#marche .columns {filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%)}
      section#marche .columns:hover {filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale"); -webkit-filter: grayscale(0%)}*/

#marche-list ul {
  list-style-type: none;
}
#marche-list a {
}
#marche-list a:hover {
  color: #000;
  text-decoration: underline;
}

/* Small only */
@media screen and (max-width: 39.9375em) {
  #marche-list a {
    font-size: 15px;
    color: #000;
  }
}

/* --------------------------- */

/* lista categorie seo */
#list-cat-seo {
  padding-bottom: 40px;
}
#list-cat-seo ul {
  list-style-type: none;
  margin: 0;
}
#list-cat-seo ul li {
}
#list-cat-seo a:hover {
  text-decoration: underline;
}
#list-cat-seo .titolo {
  padding: 10px 0;
  font-weight: bold;
  display: block;
}
#list-cat-seo .titolo a {
  color: #000;
}

/* Small only */
@media screen and (max-width: 39.9375em) {
  section#novita .prodotto a .prezzo1 {
    margin-bottom: 0.5rem;
  }
  section#novita h3 {
    font-weight: bold;
  }
}

/* Medium and up */
@media screen and (min-width: 40em) {
  /* novità */
  section#novita .prodotto a .prezzo2 {
    text-align: right;
  }

  /* best seller */
  #bestSeller .columns .testo {
    width: 93.6%;
  }
}

/* iPad landscape */
@media screen and (width: 64em) {
  .nascosto {
    display: none;
  }
}

/* Large and up */
@media screen and (min-width: 64em) {
  /* strilli */
  div.strilli .strillo a {
    font-size: 1rem;
    line-height: 1rem;
  }

  /* offerte */
  section#offerte .offerta a img {
    width: 90%;
  }
  section#offerte .offerta a .prezzo1 {
    padding-left: 0.5rem;
  }
  section#offerte .offerta a .prezzo2 {
    padding-right: 0.5rem;
    text-align: right;
  }

  /* best seller */
  #bestSeller .columns .testo {
    width: 93.6%;
  }

  /* super promozioni & set completi */
  section#promoSet .slick-prev,
  section#promoSet .slick-next {
    display: block !important;
  }
}

#bottoni-hp {display: none}
.bottoniera {
  display: flex;
  gap: 15px;
  justify-content: center;
  align-items: center;
  margin: 15px 0 45px 0;
  padding: 5px 0;
  scrollbar-width: thin;
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.bottoniera a {
  display: inline-block;
  background: #000;
  color: #fff;
  border: none;
  border-radius: 25px;
  padding: 16px 24px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.5px;
  cursor: pointer;
  transition: all 0.3s ease;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.2;
  min-width: 140px;
  text-decoration: none;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.bottoniera a:hover {
  background: #333;
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

@media (max-width: 900px) {
  .bottoniera {
    gap: 12px;
    margin-left: 0;
    padding-bottom: 10px;
  }
  .bottoniera a {
    min-width: 120px;
    flex: 0 0 auto;
    font-size: 12px;
    padding: 12px 16px;
    border-radius: 18px;
  }
}