.woocommerce form .form-row .input-text,.woocommerce form .form-row select,.woocommerce form .form-row textarea{height:50px!important;box-sizing:border-box!important;min-height:50px!important;max-height:50px!important}.woocommerce .select2-container .select2-selection--single{height:50px!important}.woocommerce .select2-container .select2-selection--single .select2-selection__rendered{line-height:48px!important;text-align:left!important;padding:0 7px 0 7px!important}.woocommerce-cart-form button[name="update_cart"]{display:none}#sidebar{display:none!important}body{color:#1a1a1a;background-color:#fff;font-size:18px!important;font-family:"Poppins",sans-serif!important;font-weight:400!important;font-style:normal!important;overflow-x:hidden}body,html{margin:0!important;padding:0!important}.custom-logo{height:auto}a{text-decoration:none!important;color:black!important}.linktopbar{color:#6c757d!important}.menu-item-11333{padding-right:0!important}.cornetta-and-co{width:28px}.small{font-size:14px!important}#ricerca{background-color:#faf9f8}#carouselExampleIndicators{padding:50px}.noacapo{white-space:nowrap}.same-height{display:flex}.col-content{height:100%}.overlap{position:relative;top:-20px}.align-to-bottom{display:flex;flex-direction:column;justify-content:flex-end;height:350px}.sfondo-scatole{background:url(/wp-content/themes/miotemplate/ufficiale/sfondo-cibo-e-snacks.svg) left top no-repeat;background-size:100%}.sfondo-cuccia{background:url(/wp-content/themes/miotemplate/ufficiale/sfondo-cuccia.svg) left top no-repeat;background-size:100%}.sfondo-tiragraffi{background:url(/wp-content/themes/miotemplate/ufficiale/sfondo-tiragraffi.svg) left top no-repeat;background-size:100%}.carousel .carousel-indicators button{width:10px;height:10px;border-radius:100%}.carousel .carousel-indicators .active{background-color:#f87537!important}.image-bottom{align-items:flex-end;display:flex}.nostre-categorie{background-color:#faede5;padding:25px 10px 25px 10px;color:#862b00}.margine-bottoni{margin-top:90px!important}.sidebar-col{background-color:#fff;position:sticky;top:60px;height:fit-content}.content-col{padding:15px}.spazi-riga-sidebar{margin-top:20px}.frecce{width:22px;height:auto;padding-left:5px;padding-right:5px}.color-arancio{color:#fa9827}.filtro-numero-stelle{background-color:#faf9f8;border-radius:50px;padding:1px 8px 1px 8px}.star-rating-filter-container{display:flex;align-items:center;justify-content:space-between;width:100%}.star-container{display:flex;align-items:center}.star-link{display:inline-block;padding:0;margin:0}.star-icon{width:20px;height:20px;margin-right:2px;filter:grayscale(100%);transition:filter 0.3s ease}.star-link.active .star-icon,.star-link:hover .star-icon{filter:grayscale(0%)}.price .amount{color:#000000!important;font-size:27.5px!important;word-wrap:break-word}.woocommerce-ordering .orderby{border:none;outline:none;box-shadow:none}.scheda-prodotto{box-shadow:inset 0 0 0 1px #faf9f8;border-radius:10px;margin-bottom:40px;display:flex;flex-direction:column;height:100%}.product-card-image{width:100%;height:220px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:14px}.product-card-image a{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.product-card-image img,.product-card-image .product-card-img{max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;display:block;margin:0 auto;object-fit:contain!important}.page-template-pageprodottosingoloprodottoframe-php .scheda-prodotto .product-card-image,.page-template-pageprodottosingoloannuncioframe-php .scheda-prodotto .product-card-image{height:180px;padding:12px}.page-template-pageprodottosingoloprodottoframe-php .scheda-prodotto .product-card-img,.page-template-pageprodottosingoloannuncioframe-php .scheda-prodotto .product-card-img{width:100%!important;height:100%!important;object-fit:contain!important}body.post-type-archive-product .product-card-image,body.tax-product_cat .product-card-image{height:220px;padding:14px}body.post-type-archive-product .product-card-img,body.tax-product_cat .product-card-img{object-fit:contain!important}.category-item{display:flex!important;align-items:center!important;margin-bottom:0.75rem!important}.category-icon-placeholder{display:inline-block;margin-right:.5rem}.category-count{margin-left:auto;color:#fa9827;font-size:.9rem}.form-check-input{border:1px solid grey!important}hr{margin-top:40px!important;margin-bottom:40px!important}.noUi-target{background:#e0e0e0!important;border:0 solid #bdbdbd!important;border-radius:5px!important;height:5px!important}.noUi-connect{background:#fd7e14!important;border:none!important;border-radius:5px!important}.noUi-handle{background:#fd7e14!important;border:0 solid #ccc!important;border-radius:50%!important;width:20px!important;height:20px!important;top:-8px!important;box-shadow:0 2px 5px rgb(0 0 0 / .2)!important}.noUi-handle:focus{outline:none!important;box-shadow:0 2px 5px rgb(0 0 0 / .2)!important}.noUi-handle:active{background:#f8f9fa!important;border-color:#6c757d!important}.noUi-target .noUi-handle:before,.noUi-target .noUi-handle:after{display:none}.form-check-label{color:#888383}.opzione-contenuto-a,.opzione-contenuto-b{display:none}.opzione-contenuto-a.active{display:block}.opzione-contenuto-b.active{display:inline-block}label img{cursor:pointer}.elementi-in-linea{display:inline-block}.btn-outline-secondary{background-color:#faf9f8;border:0;height:32px!important}.btn-outline-secondary:hover{background-color:#faf9f8!important}.btn-group>input:checked+label.btn-outline-secondary,.btn-group>.btn-check:checked+.btn-outline-secondary{background-color:#faf9f8!important;color:white!important;border-color:blue!important}.btn-group>input:checked+label.btn-outline-secondary:focus,.btn-group>.btn-check:checked+.btn-outline-secondary:focus,.btn-group>input:checked+label.btn-outline-secondary.focus,.btn-group>.btn-check:checked+.btn-outline-secondary.focus{box-shadow:0 0 0 .25rem rgb(0 0 255 / .5)!important}.btn-group>input:checked+label.btn-outline-secondary img{opacity:0}.btn-group>input#option1-desktop:checked+label[for="option1-desktop"],.btn-group>input#option1-mobile:checked+label[for="option1-mobile"]{background-image:url(/wp-content/themes/miotemplate/ufficiale/filtro-risultati-attivo.svg);background-repeat:no-repeat;background-position:3px center}.btn-group>input#option2-desktop:checked+label[for="option2-desktop"],.btn-group>input#option2-mobile:checked+label[for="option2-mobile"]{background-image:url(/wp-content/themes/miotemplate/ufficiale/filtro-risultati-attivo-borsa-spesa.svg);background-repeat:no-repeat;background-position:center}.btn-group>input#option3-desktop:checked+label[for="option3-desktop"],.btn-group>input#option3-mobile:checked+label[for="option3-mobile"]{background-image:url(/wp-content/themes/miotemplate/ufficiale/filtro-risultati-attivo-negozio.svg);background-repeat:no-repeat;background-position:0 center}.contenuto-modale{background:url(/wp-content/themes/miotemplate/ufficiale/background-menu-btn-2-1-grigio.svg) right top repeat;background-size:100% auto;background-color:white!important}.modal-header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:23px 30px!important;border-bottom:0 solid #dee2e6!important;border-top-left-radius:.3rem;border-top-right-radius:.3rem}.modal-body{position:relative;padding:0px!important;flex-grow:1}.modal-footer{display:flex;flex-wrap:wrap;flex-shrink:0;align-items:center;padding:12px 28px!important;border-top:0 solid #dee2e6!important;border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem}@media (min-width:576px){.modal-dialog{max-width:600px!important;margin:1.75rem auto}}.cart-item{display:flex;align-items:center;padding:30px 30px!important}.cart-item:last-child{border-bottom:none}.bordo-centrato{position:relative;padding-left:30px!important;padding-right:30px!important}.bordo-centrato::after{content:"";position:absolute;left:50%;bottom:0;width:90%;height:0;border-bottom:2px solid #e8e8e8;transform:translateX(-50%)}.item-image{display:flex;justify-content:center;align-items:center}.item-details,.item-price,.item-quantity,.item-price-carrello{flex-grow:1}.item-name{font-weight:700}.item-delivery{font-size:.9em;color:#6c757d}.item-quantity{display:flex;align-items:center;justify-content:center;margin-left:auto;border:1px solid #ccc;border-radius:5px;background-color:#fff}.quantity-button{border:none;background-color:#fff0;padding:5px 8px;cursor:pointer;font-size:.9em}.quantity-input,.quantity-input-mobile,.check-quantity-input-checkout-mobile{width:30px;text-align:center;margin:0 5px;border:none;font-size:.9em}.item-price-carrello{font-weight:700;text-align:right}.item-price{font-weight:700;text-align:right;display:flex;justify-content:center;align-items:center}.summary{padding:20px 30px;text-align:right}.summary-row{display:flex;justify-content:space-between;margin-bottom:8px}.summary-row:last-child{font-weight:700;font-size:1.1em}.item-quantity-carrello{display:flex;align-items:center;justify-content:center;margin-left:auto;border:1px solid #ccc;border-radius:5px}.input-promo{height:44px;border-radius:4px 0 0 4px!important;border:1px solid #e5e5e5!important;border-right:0!important;padding:0 14px!important;box-shadow:none!important;font-size:14px!important}.btn-promo{background-color:#F87537!important;border:0!important;color:#ffffff!important;font-weight:600!important;height:48px;min-width:124px;padding:0 24px!important;font-size:16px!important;line-height:48px!important;box-sizing:border-box!important;text-transform:none;box-shadow:none!important;display:flex;align-items:center;justify-content:center;border-radius:0 4px 4px 0!important}.btn-promo:hover{background-color:#F87537;color:#fff}.margin-promo{margin-top:24px}.sfondo-cane-nero-aggiungi{padding-bottom:50px;background:url(/wp-content/themes/miotemplate/ufficiale/impronte-prodotto-bundle.svg);background-repeat:no-repeat;background-size:88%}.background-aggiungi{padding-top:50px;margin-top:50px;margin-bottom:100px;bottom:0;left:0;width:100%;background:url(/wp-content/themes/miotemplate/ufficiale/background-menu-btn-2-1.svg) right top repeat;background-size:50% auto;background-color:#faf9f8}.bone-product-wrapper{position:relative;padding:24px}.bone-product-wrapper>img,.bone-product-wrapper>a{position:relative;z-index:0;max-width:70%;max-height:80%;display:block;margin:0 auto}.bone-product-wrapper .paw-print-sx{position:absolute;top:-15%;left:-5%;z-index:3;pointer-events:none;max-width:30%;height:auto}.bone-product-wrapper .paw-print-dx{position:absolute;top:95%;left:85%;z-index:2;pointer-events:none;max-width:30%;height:auto}.bone-product-wrapper .paw-print-sx2{position:absolute;top:-15%;left:85%;z-index:2;pointer-events:none;max-width:30%;height:auto}.bone-product-wrapper .paw-print-dx2{position:absolute;top:95%;left:-5%;z-index:2;pointer-events:none;max-width:30%;height:auto}.background-bundle{padding-top:50px;margin-top:100px!important;margin-bottom:100px!important;bottom:0;left:0;width:100%;background:url(/wp-content/themes/miotemplate/ufficiale/background-menu-btn-2-1.svg) right top repeat;background-size:50% auto;background-color:#faf9f8}.conteggio-numero{display:flex;align-items:center;justify-content:center;margin-left:auto;border:1px solid #ccc;border-radius:5px;height:40px;width:130px;background-color:#fff}.col-md-6-img{position:relative}.immagine-sfondo{position:absolute;z-index:-1}.immagine-sfondo-alto{top:-30px;left:67%;transform:translateX(-50%);max-width:80%;height:auto}.immagine-sfondo-basso-destra{bottom:130px;right:-55px;max-width:50%;height:auto}.immagine-sfondo img{display:block;width:100%;height:auto}.sfondo-crocchette-bundle{padding-bottom:50px!important;background:url(/wp-content/themes/miotemplate/ufficiale/impronte-prodotto-bundle.svg);background-repeat:no-repeat;background-size:430px;background-position:17% -68px}.gallery-tablet{display:flex;align-items:flex-start;gap:1rem;overflow-x:auto;padding:6px 6px 10px;-webkit-overflow-scrolling:touch;white-space:nowrap}.gallery-tablet::-webkit-scrollbar{display:none}.gallery-tablet{-ms-overflow-style:none;scrollbar-width:none}.img-box{flex-shrink:0;border:2px solid #fff0;border-radius:8px;padding:6px;background:#fff;box-sizing:border-box}.img-uniform{height:182px;width:auto;object-fit:contain}.petbuy-ad-thumbs .img-box.is-active{border-color:#f87537}.petbuy-ad-thumbs .img-box:focus{outline:2px solid #f87537;outline-offset:2px}.annuncio-rating-bar{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:532.61px;height:24px;display:flex;align-items:center;gap:102px;pointer-events:none;z-index:2}.annuncio-rating-bar svg{width:100%;height:100%;display:block}.petbuy-ad-gallery__main{display:flex;align-items:center;justify-content:center;min-height:280px;padding:48px 24px 24px;background:#faf9f8;border-radius:8px}.petbuy-ad-gallery__img{max-width:85%;max-height:220px;width:auto;height:auto;object-fit:contain}@media (max-width:991px){.petbuy-ad-gallery__main{min-height:200px;padding:36px 16px 16px}.petbuy-ad-gallery__img{max-width:90%;max-height:180px}}.petbuy-ad-thumb{border:none;padding:0;background:#fff0;cursor:pointer}.petbuy-ad-thumb.is-active{outline:2px solid #f87537;outline-offset:3px;border-radius:8px}.petbuy-ad-thumbs .img-uniform{height:140px}@media (max-width:767px){.petbuy-ad-thumbs .img-uniform{height:110px}}.check-quantity-input,.check-quantity-input-mobile{width:30px;text-align:center;margin:0 5px;border:none!important;font-size:.9em}body.single-product .woocommerce-product-gallery{max-width:100%}body.single-product .woocommerce-product-gallery__image img,body.single-product .woocommerce-product-gallery__image--placeholder img{display:block;margin:0 auto;width:auto;max-width:90%;height:auto;max-height:320px;object-fit:contain;object-position:center center}body.single-product .product-gallery-mobile .woocommerce-product-gallery__image img{display:block;width:auto;max-width:100%;height:auto;max-height:240px;object-fit:contain;object-position:center;margin:0 auto}body.single-product .woocommerce-product-gallery__wrapper{display:flex;align-items:center;justify-content:center;min-height:460px}@media (max-width:991px){body.single-product .woocommerce-product-gallery__wrapper{min-height:360px}body.single-product .woocommerce-product-gallery__image img,body.single-product .woocommerce-product-gallery__image--placeholder img{max-height:240px}}body.single-product .woocommerce-product-gallery{max-width:640px;margin:0 auto}body.single-product .woocommerce-product-gallery__wrapper{display:flex;align-items:center;justify-content:center;min-height:360px;padding:24px;background:#faf9f8;border-radius:8px}body.single-product .woocommerce-product-gallery__image{display:flex!important;align-items:center;justify-content:center;width:100%;height:100%;min-height:320px}body.single-product .woocommerce-product-gallery__image img{max-height:320px;max-width:100%;object-fit:contain}body.single-product .flex-control-nav,body.single-product .woocommerce-product-thumbnails{display:flex!important;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:12px}body.single-product .flex-control-nav li,body.single-product .woocommerce-product-thumbnails li{width:90px;height:90px;overflow:hidden;border-radius:6px;background:#faf9f8;display:flex!important;align-items:center;justify-content:center}body.single-product .flex-control-nav li img,body.single-product .woocommerce-product-thumbnails li img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}body.single-product .description-full{text-align:justify}body.single-product .petbuy-product-hero{position:relative}body.single-product .product-hero-meta{position:absolute;top:22px;left:50%;transform:translateX(-50%);display:flex;align-items:center;height:24px;column-gap:24px;width:532.61px;max-width:92vw;z-index:2;pointer-events:none;justify-content:space-between}body.single-product .product-hero-rating{display:flex;align-items:center;gap:11px;color:#807a7a;font-weight:600;font-size:14px;line-height:20px;font-family:'Poppins',sans-serif;flex-shrink:0;width:172.61px;height:20px}body.single-product .product-hero-stars{display:flex;align-items:center;gap:7px;width:125.61px;height:19.51px}body.single-product .product-hero-star{width:19.51px;height:19.51px;flex-shrink:0;object-fit:contain}body.single-product .product-hero-rating-value{color:#807a7a;font-weight:600;font-size:14px;line-height:20px;display:inline-flex;align-items:center;height:20px}body.single-product .product-hero-pill{display:inline-flex;align-items:center;gap:6px;color:#807a7a;font-weight:600;font-size:14px;line-height:20px;letter-spacing:.01em;font-family:'Poppins',sans-serif;min-width:132px;height:24px;flex-shrink:0}body.single-product .product-hero-pill--product{min-width:101px;height:24px}body.single-product .product-hero-pills{display:flex;align-items:center;gap:20px;width:258px;height:24px;flex-shrink:0}body.single-product .product-hero-icon{display:inline-flex;align-items:center;justify-content:center;background:#f87537;flex-shrink:0}body.single-product .product-hero-icon--svg{background:#fff0;padding:0}body.single-product .product-hero-pill--store .product-hero-icon{width:24px;height:24px;border-radius:50%}body.single-product .product-hero-pill--product .product-hero-icon{width:30px;height:21px;border-radius:130.645px}body.single-product .product-hero-pill-label{display:inline-block;white-space:nowrap}body.single-product .product-hero-icon img{width:16px;height:16px;object-fit:contain;filter:brightness(0) invert(1)}body.single-product .product-hero-favorite{pointer-events:auto;padding:0;margin:0;border:none;background:#fff0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}body.single-product .product-hero-favorite-icon{display:block;width:49px;height:49px}body.single-product .product-hero-toolbar{position:relative;z-index:1;max-width:640px;margin:24px auto 0;padding-top:16px;border-top:1px solid rgb(234 234 234 / .7)}body.single-product .product-hero-toolbar-row{display:flex;align-items:center;justify-content:space-between;column-gap:24px;padding:10px 18px;background-color:#faf9f8;border-radius:8px}body.single-product .product-hero-toolbar-meta{display:flex;flex-direction:column;row-gap:4px;max-width:60%}body.single-product .product-hero-toolbar-meta-label{display:block;color:#1a1a1a;font-family:'Poppins',sans-serif;font-weight:600;font-size:15px;line-height:22px}body.single-product .product-hero-toolbar-meta-value{display:block;color:#807a7a;font-family:'Poppins',sans-serif;font-weight:500;font-size:13px;line-height:19px}body.single-product .product-hero-toolbar-filters{display:flex;align-items:center;column-gap:10px;flex-shrink:0}body.single-product .product-hero-toolbar-chip{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:7px 16px;border-radius:999px;border:1px solid #eee;background-color:#fff;color:#1a1a1a;font-family:'Poppins',sans-serif;font-weight:500;font-size:14px;line-height:20px;letter-spacing:.01em;cursor:pointer;white-space:nowrap}body.single-product .product-hero-toolbar-chip--faq{border-color:#eee}body.single-product .product-hero-toolbar-chip--filters{border-style:dashed}body.single-product .product-hero-toolbar-chip--order{border-color:#f87537;color:#f87537;font-weight:600}body.single-product .related-grid .scheda-prodotto{display:flex;flex-direction:column;height:100%}body.single-product .related-grid .scheda-prodotto .product-card-img{width:100%;height:170px;object-fit:contain}@media (max-width:991px){body.single-product .related-grid .scheda-prodotto .product-card-img{height:150px}}body.single-product .onsale{display:none!important}body.single-product .product-hero-sale-pill{position:absolute;right:16px;bottom:6px;background:#f87537;color:#fff;font-family:'Poppins',sans-serif;font-weight:700;font-size:14px;line-height:20px;padding:6px 14px;border-radius:999px;z-index:2;white-space:nowrap}@media (max-width:991px){body.single-product .product-hero-sale-pill{right:12px;bottom:6px;font-size:13px;padding:5px 12px}}@media (max-width:991px){body.single-product .product-hero-meta{top:14px;width:94%;column-gap:12px;flex-wrap:wrap;justify-content:center;row-gap:10px}body.single-product .product-hero-pill{font-size:13px}body.single-product .product-hero-star{width:16px;height:16px}body.single-product .product-hero-toolbar{margin-top:18px;padding-top:12px}body.single-product .product-hero-toolbar-row{flex-direction:column;align-items:flex-start;row-gap:12px;padding:12px 14px}body.single-product .product-hero-toolbar-meta{max-width:100%}body.single-product .product-hero-toolbar-filters{width:100%;column-gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}body.single-product .product-hero-toolbar-filters::-webkit-scrollbar{display:none}body.single-product .product-hero-toolbar-chip{flex-shrink:0}}body.single-product .petbuy-product-media-shell{position:relative;margin-bottom:22px;overflow:visible;max-width:100%;min-height:0;background:none}body.single-product .petbuy-product-media-shell--mobile{margin-bottom:16px}body.single-product{--petbuy-placeholder-bone:url("data:image/svg+xml;utf8,"); } body.single-product .product-media-decor { display: none; } body.single-product .petbuy-product-hero { position: relative; z-index: 1; width: 100%; max-width: 593px; margin: 0 auto; } body.single-product .petbuy-product-hero .woocommerce-product-gallery__wrapper { min-height: 471px; aspect-ratio: 593 / 471; padding: 28px; background-color: #faf9f8; background-image: var(--petbuy-placeholder-bone); background-repeat: no-repeat; background-position: center; background-size: 90px; border-radius: 8px; display: flex; align-items: center; justify-content: center; } body.single-product .petbuy-product-hero .woocommerce-product-gallery__wrapper.has-image { background-image: none; } @media (min-width: 992px) { body.single-product .petbuy-product-hero { position: relative; width: 100%; height: auto; left: auto; top: auto; } body.single-product .petbuy-product-hero .woocommerce-product-gallery__wrapper { width: 100%; height: auto; min-height: 471px; aspect-ratio: 593 / 471; padding: 28px; } } body.single-product .petbuy-product-hero .woocommerce-product-gallery__image { min-height: 320px; display: flex; align-items: center; justify-content: center; } body.single-product .petbuy-product-hero .woocommerce-product-gallery__image img { max-height: 360px; } body.single-product .product-hero-thumbs { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; justify-content: center; margin-top: 6px; max-width: 593px; margin-left: auto; margin-right: auto; } body.single-product .product-hero-thumb { background: #faf9f8; border-radius: 5px; width: 100%; max-width: 225px; height: 179px; padding: 20px; background-image: var(--petbuy-placeholder-bone); background-repeat: no-repeat; background-position: center; background-size: 70px; display: flex; align-items: center; justify-content: center; min-height: 0; } body.single-product .product-hero-thumb.product-hero-thumb--has-image { background-image: none; } body.single-product .product-hero-thumb__img { max-height: 120px; width: auto; object-fit: contain; } body.single-product .product-hero-thumb__placeholder { display: block; width: 100%; height: 100%; background: var(--petbuy-placeholder-bone) no-repeat center center; background-size: 70px; border-radius: 5px; } @media (max-width: 991px) { body.single-product .petbuy-product-media-shell { padding: 0 4px; } body.single-product .petbuy-product-hero .woocommerce-product-gallery__wrapper { min-height: 360px; padding: 24px; aspect-ratio: auto; background-size: cover; background-position: center; } body.single-product .petbuy-product-hero .woocommerce-product-gallery__image { min-height: 260px; } body.single-product .petbuy-product-hero .woocommerce-product-gallery__image img { max-height: 260px; } body.single-product .product-hero-thumbs { display: flex; gap: 12px; overflow-x: auto; padding: 6px 2px 2px; margin-top: 16px; scrollbar-width: none; max-width: none; } body.single-product .product-hero-thumbs::-webkit-scrollbar { display: none; } body.single-product .product-hero-thumb { min-width: 66%; max-width: 80%; width: auto; height: auto; padding: 18px; } body.single-product .petbuy-product-media-shell { max-width: 100%; min-height: auto; background: none; } } /***************15-05-25 fine prodotto singolo prodotto frame****************************/ /***************15-05-25 widget carte prodotto singolo****************************/ body.single-product .summary.entry-summary { max-width: 420px; margin-left: auto; position: relative; } body.single-product .check-conteggio, body.single-product .check-conteggio-mobile { background-color: #ffffff; border: 1px solid #eeeeee; border-radius: 8px; padding: 20px 20px 18px; } body.single-product .check-conteggio { margin-top: 12px; } body.single-product .check-conteggio-mobile { margin-top: 16px; margin-bottom: 16px; } body.single-product .check-conteggio h1, body.single-product .check-conteggio-mobile h1 { font-size: 22px; line-height: 1.25; margin-bottom: 6px; } body.single-product .product-price-line, body.single-product .check-item-price-mobile { display: flex; align-items: baseline; font-weight: 600; color: #1a1a1a; } body.single-product .summary.entry-summary .price { display: flex; flex-direction: row; align-items: center; padding: 0; gap: 10px; position: absolute; width: 155px; height: 36px; left: 1px; top: 92px; margin: 0; } body.single-product .summary.entry-summary .price, body.single-product .summary.entry-summary .price .amount, body.single-product .summary.entry-summary .price del, body.single-product .summary.entry-summary .price ins, body.single-product .product-price-line, body.single-product .product-price-line .amount { font-size: 100px !important; line-height: 1.2; } /* Forza dimensione del prezzo sul prodotto singolo, sovrascrivendo override precedenti */ body.single-product.single .summary.entry-summary .price, body.single-product.single .summary.entry-summary .price .amount, body.single-product.single .summary.entry-summary .price .woocommerce-Price-amount, body.single-product.single .summary.entry-summary .price ins, body.single-product.single .summary.entry-summary .price del, body.single-product.single .summary.entry-summary .price .woocommerce-Price-currencySymbol, body.single-product.single p.price .woocommerce-Price-amount, body.single-product.single p.price .woocommerce-Price-amount bdi, body.single-product.single p.price .woocommerce-Price-amount .woocommerce-Price-currencySymbol { font-size: 100px !important; line-height: 1.2; } @media (min-width: 992px) { body.single-product .summary.entry-summary .price, body.single-product .summary.entry-summary .price .amount, body.single-product .summary.entry-summary .price del, body.single-product .summary.entry-summary .price ins { font-size: 50px !important; line-height: 1.2; } } body.single-product .product-price-line del, body.single-product .check-item-price-mobile del, body.single-product .summary.entry-summary .price del { color: #807a7a; font-weight: 400; margin-right: 6px; } body.single-product .product-price-line ins, body.single-product .check-item-price-mobile ins, body.single-product .summary.entry-summary .price ins { text-decoration: none; } /* Override definitivo dimensione prezzo prodotto singolo */ body.single-product div.product div.summary.entry-summary p.price, body.single-product div.product div.summary.entry-summary p.price .amount, body.single-product div.product div.summary.entry-summary p.price .woocommerce-Price-amount, body.single-product div.product div.summary.entry-summary p.price .woocommerce-Price-currencySymbol, body.single-product div.product div.summary.entry-summary .product-price-line, body.single-product div.product div.summary.entry-summary .product-price-line .amount { font-size: 200% !important; line-height: 1.05 !important; font-weight: 700 !important; } body.single-product .product-summary-toggle { display: flex; align-items: center; justify-content: space-between; font-size: 14px; color: #1a1a1a; text-decoration: none; } body.single-product .product-summary-toggle img.frecce { width: 16px; height: 16px; margin-left: 8px; } body.single-product .product-summary-excerpt { font-size: 13px; color: #807a7a; } body.single-product .product-summary-separator { border: none; border-top: 1px solid #eaeaea; margin: 18px 0; } body.single-product .product-purchase-row form.cart, body.single-product .product-purchase-row-mobile form.cart { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; } body.single-product .product-purchase-row .quantity, body.single-product .product-purchase-row-mobile .quantity { display: flex; align-items: center; border-radius: 999px; border: 1px solid #eeeeee; padding: 4px 10px; } body.single-product .product-purchase-row .quantity input.qty, body.single-product .product-purchase-row-mobile .quantity input.qty { border: none; box-shadow: none; width: 46px; text-align: center; font-size: 14px; padding: 2px 0; } body.single-product .product-purchase-row .single_add_to_cart_button, body.single-product .product-purchase-row-mobile .single_add_to_cart_button { border-radius: 999px; padding: 9px 20px; font-size: 14px; font-weight: 600; } body.single-product .spaz-guarantee { margin-top: 12px; } body.single-product .spaz-guarantee img { width: 26px; height: 26px; } body.single-product .spaz-guarantee .small { font-size: 12px; color: #1a1a1a; } body.single-product .spaz-guarantee .text-secondary { color: #807a7a !important; } body.single-product .product-hero-vendor-badge { position: relative; margin-bottom: 16px; } body.single-product .product-hero-vendor-badge__graphic svg { width: 100%; height: auto; display: block; } body.single-product .product-hero-vendor-badge__content { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; align-items: flex-end; text-align: right; pointer-events: none; padding: 12px 32px; } body.single-product .product-hero-vendor-badge__label { display: none; } body.single-product .product-hero-vendor-badge__name { display: none; } @media (max-width: 767.98px) { body.single-product .product-hero-vendor-badge__content { padding: 10px 18px; align-items: flex-start; text-align: left; } body.single-product .product-hero-vendor-badge__name { font-size: 18px; } } body.single-product .petbuy-product-cardbar { border-radius: 5px; border: 1px solid #f87537; padding: 10px 14px; margin-top: 12px; display: flex; align-items: center; justify-content: center; background-color: #ffffff; width: 100%; } body.single-product .petbuy-product-cardbar img { max-height: 24px; width: auto; } body.single-product .petbuy-product-cardbar .small { font-size: 11px; color: #807a7a; margin-left: 10px; } @media (max-width: 767.98px) { body.single-product .petbuy-product-cardbar { margin-top: 12px; } } body.single-product .mt-auto.py-3 { margin-top: 16px !important; } @media (max-width: 991.98px) { body.single-product .summary.entry-summary { max-width: 100%; margin-left: 0; } } @media (max-width: 575.98px) { body.single-product .check-conteggio { margin-top: 0; } body.single-product .check-conteggio-mobile h1 { font-size: 20px; } body.single-product .product-purchase-row-mobile form.cart { flex-direction: column; align-items: stretch; } body.single-product .product-purchase-row-mobile .single_add_to_cart_button { width: 100%; text-align: center; } } /***************19-05-25 inizio checkout****************************/ .payment-method { /*border: 1px solid #ccc;*/ /*padding: 25px;*/ margin-bottom: 15px; /*border-radius: 5px;*/ background-color: #ffffff; } .payment-method label { font-weight: bold; margin-bottom: 10px; display: block; } .sfondo-checkout { /* Il gradiente è sopra l'immagine */ background: url(/wp-content/themes/miotemplate/ufficiale/background-menu-btn-2-1-grigio.svg) left top no-repeat, linear-gradient(to right, #faf9f8 100%); background-size: auto 100%, auto; /* Assicurati di impostare le dimensioni per entrambi gli sfondi */ /* Il primo valore di background-size è per lo sfondo, il secondo per il gradiente. 'auto' per l'immagine significa che userà la sua dimensione originale. */ } .colore-checkout { /*background-color: #faf9f8;*/ background: linear-gradient(to right, #faf9f8 63%, #ffffff 37%); } /*.invisibile50 { clip-path: polygon(46.5% 0, 100% 0%, 100% 100%, 46.5% 100%); }*/ input[type="checkbox"]:checked { background-color: #f87537!important; /* Cambia il colore dell'indicatore */ border-color: #f87537!important; /* Cambia il colore del bordo quando selezionato */ } input[type="radio"]:checked { background-color: #1a1a1a; border-color: #1a1a1a; } /***************19-05-25 fine checkout****************************/ /***************26-05-25 inizio accedi****************************/ .edit-switch-ricorda { height: 25px!important; width: 45px!important; /*padding-top: 16px; padding-bottom: 16px;*/ background-color: #f2f2f2!important; } .hr-with-text { display: flex; align-items: center; text-align: center; color: #888; /* Colore del testo */ margin: 20px 0; /* Spaziatura sopra e sotto */ } .hr-with-text::before, .hr-with-text::after { content: ''; flex-grow: 1; height: 1px; background-color: #ccc; /* Colore della linea */ margin: 0 10px; /* Spazio tra linea e testo */ } .hr-with-text span { padding: 0 10px; /* Spazio intorno al testo */ white-space: nowrap; /* Impedisce al testo di andare a capo */ } .image-placeholder { position: absolute; /*top: 50%;*/ /*top: 600px;*/ left: 29%; /* Regola la posizione orizzontale */ pointer-events: none; /* Permette di interagire con l'input sottostante */ } .sfondo-sx { background: url(/wp-content/themes/miotemplate/ufficiale/background-menu-btn-2-2-grigio.svg) left top no-repeat; background-size: auto 120%; height: 100%; } /***************26-05-25 fine accedi****************************/ /***************29-05-25 inizio profilo utente****************************/ #content-profilo-utente > div { display: none; } #content-profilo-utente > div.active { display: block; } .input-with-inner-asterisk .inner-asterisk { position: absolute; top: 33%; right: 10px; /* Distanza dal bordo destro dell'input */ transform: translateY(-50%); /* Centra verticalmente */ color: var(--bs-danger); /* Colore rosso di Bootstrap */ font-size: 1.2em; /* Dimensione dell'asterisco */ pointer-events: none; /* Rende l'asterisco non cliccabile/interferente */ z-index: 2; /* Assicura che sia sopra l'input */ } .input-with-inner-asterisk { position: relative; /* Contenitore per posizionamento assoluto */ } /* Se vuoi che l'asterisco appaia solo quando il campo è vuoto e non in focus */ .input-with-inner-asterisk .form-control:focus + .inner-asterisk, .input-with-inner-asterisk .form-control:not(:placeholder-shown) + .inner-asterisk { display: none; /* Nasconde l'asterisco quando si digita o il campo ha un valore */ } .icona-modifica { position: absolute; top: 10%; right: 10px; /* Distanza dal bordo destro */ transform: translateY(-50%); /* Centra verticalmente */ font-size: 1.2em; /* Dimensione */ } /* Stile per la voce di menu "utente" QUANDO è attiva */ .menu-utente-attivo.current-menu-item::after { content: ''; position: absolute; width: 22%; /* Larghezza della sottolineatura */ height: 3px; /* Spessore della sottolineatura */ background-color: #fa9827; /* Colore della sottolineatura */ border-radius: 14px; bottom: 0; right: 14px; left: auto; transform: none; } .menu-utente-attivo.current-menu-item { position: relative; } /* Stile per la voce di menu "carrello" QUANDO è attiva */ .modale-carrello.current-menu-item::after { content: ''; position: absolute; width: 27%!important; /* Larghezza della sottolineatura */ height: 3px; /* Spessore della sottolineatura */ background-color: #fa9827; /* Colore della sottolineatura */ bottom: 0; right: 12px; left: auto; transform: none; } .modale-carrello.current-menu-item { position: relative; } /* Potresti voler sovrascrivere lo stile hover per questa voce specifica */ /*.menu-utente-attivo.current-menu-item a:hover { color: #005f5f !important; background-color: #d1f5f5; border-color: #005f5f; }*/ /* Stile GENERICO per TUTTE le altre voci di menu attive (se lo desideri) */ /* Questo stile si applicherà a .current-menu-item purché non sia anche .speciale-attiva */ /*.current-menu-item:not(.menu-utente-attivo) a { color: #cc0000; /* Rosso standard */ /*font-style: italic; /* Puoi aggiungere altri stili per le altre voci attive */ /*}*/ /***************29-05-25 fine profilo utente****************************/ /*ex nav-item*/ .menu-item-11309, .menu-item-11310 { border-left-style: solid; border-left-width: thin; border-left-color: #f0f0f0; z-index: 0; /*allarga nav-item*/ padding-left: 18px !important; padding-right: 18px !important; } .menu-item-11333 { border-left-style: solid; border-left-width: thin; border-left-color: #f0f0f0; z-index: 0; /*allarga nav-item*/ padding-left: 18px !important; } .menu-item-11302, .bordo-rilevanza { border-left-style: solid; border-left-width: thin; border-left-color: #f0f0f0; z-index: 0; } .menu-item-11292, .menu-item-11302 { padding-left: 12px !important; padding-right: 12px !important; } .dropdown { border-left-style: none; z-index: 1; } .margine-standard { margin-top: 20px; margin-bottom: 20px; } .acapo { word-wrap: break-word; } .img-thumbnail { width: 100%; height: auto; margin: 0 0 20px 0; border: 0 !important; padding: 0 !important; } .primary { color: #f87537; margin-bottom: 10px; } .btn-light { background-color: #FBECE4 !important; border: 0 !important; color: #862B00 !important; font-weight: bold !important; padding: 11px 50px 11px 50px !important; } .btn-light:hover { background-color: #FBECE4 !important; color: #862B00 !important; } .btn-warning { background-color: #F87537 !important; border: 0 !important; color: #ffffff !important; font-weight: bold !important; padding: 11px 50px 11px 50px !important; } .btn-warning:hover { background-color: #F87537 !important; color: #ffffff !important; } .servizi { margin-bottom: 20px; } .spazio-standard { padding: 40px 0 40px 0; } footer { margin-top: 100px; bottom:0; left:0; width:100%; padding: 50px 0 0px 0; background: url(/wp-content/themes/miotemplate/ufficiale/background-menu-btn-2-1.svg) right top repeat; background-size: 35% auto; } .footer-color { background-color: #faf9f8; } .sfondo-falco { background-color: #faf9f8; /*background-color: #000000;*/ /*classe di test*/ } .falco { background: url(/wp-content/themes/miotemplate/ufficiale/petbuy-falco-1.svg) right bottom no-repeat, url(/wp-content/themes/miotemplate/ufficiale/Shape.svg) right bottom no-repeat, url(/wp-content/themes/miotemplate/ufficiale/impronte-riga-falco.svg) 30% top no-repeat, linear-gradient(110deg, #faf9f8 60%, transparent 40%), url(/wp-content/themes/miotemplate/ufficiale/background-menu-btn-2-1.svg) right top no-repeat; background-size: auto, auto, auto 100%, 100% auto, 50% auto; background-position: right bottom, right bottom, 30% top, left top, right top; z-index: auto, auto, 0, auto, 10; /* Assicurati che il linear-gradient abbia uno z-index maggiore */ background-color: #ffffff; padding-top: 70px; padding-bottom: 70px; margin-top: 20px; margin-bottom: 20px; height: 500px; } /*.navbar-brand { margin-bottom: 0; padding-bottom: 0; }*/ nav .navbar-nav li a{ color: #000000 !important; } .petbuy-shop-dropdown { position: relative; display: flex; align-items: center; } .petbuy-shop-dropdown > .nav-link { display: inline-flex; align-items: center; height: 100%; } .petbuy-shop-toggle { display: inline-flex; align-items: center; gap: 8px; background: transparent; border: 0; padding: 0.4rem 0.85rem; color: #000000 !important; font-weight: 700; font: inherit; cursor: pointer; border-radius: 12px; transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease; } .petbuy-shop-toggle:focus-visible { outline: 2px solid #f87537; outline-offset: 3px; } .petbuy-shop-arrow { width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 7px solid currentColor; transition: transform 0.2s ease; margin-left: 6px; } .petbuy-shop-dropdown.is-open .petbuy-shop-arrow { transform: rotate(180deg); } .petbuy-shop-menu { position: absolute; left: 0; top: calc(100% + 6px); min-width: 200px; width: max-content; max-width: 260px; background: linear-gradient(145deg, #ffffff 0%, #fff6ef 100%); border: 1px solid #f4d9c6; border-radius: 12px; box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1); padding: 4px; display: none; z-index: 1000; } .petbuy-shop-dropdown.is-open .petbuy-shop-toggle { background: #fbece4; color: #f87537; box-shadow: 0 12px 28px rgba(248, 117, 55, 0.15); } .petbuy-shop-dropdown.is-open .petbuy-shop-menu { display: block; } .petbuy-shop-option { display: block; padding: 9px 10px; color: #000000 !important; font-weight: 600; font-size: 15px; text-transform: uppercase; letter-spacing: 0.15px; border-radius: 10px; position: relative; transition: background-color 0.18s ease, color 0.18s ease, transform 0.18s ease; } .petbuy-shop-option + .petbuy-shop-option { margin-top: 2px; } .petbuy-shop-option:hover { background: #ffe9db; color: #f87537 !important; transform: translateY(-1px); } .petbuy-shop-option:first-child { border-top-left-radius: 10px; border-top-right-radius: 10px; } .petbuy-shop-option:last-child { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } @media (max-width: 767.98px) { .petbuy-shop-menu { position: static; box-shadow: none; border: 0; border-radius: 0; padding: 0; margin-top: 8px; } .petbuy-shop-option { padding: 12px 0; } } /*ex .nav-link.active*/ .current-menu-item:not(.menu-utente-attivo) { position: relative; } /*.nav-link.active::after*/ .current-menu-item:not(.menu-utente-attivo)::after { content: ''; position: absolute; width: 40%; /* Larghezza della sottolineatura */ height: 3px; /* Spessore della sottolineatura */ background-color: #fa9827; /* Colore della sottolineatura */ border-radius: 14px; bottom: 0; left: 50%; transform: translateX(-50%); } .phone { text-align: right; } .topbar { padding: 10px 0px 10px 0px; } .container-galleria { padding-top: 50px; padding-bottom: 50px; margin-top: 20px; margin-bottom: 20px; background: url(/wp-content/themes/miotemplate/ufficiale/background-menu-btn-2-1.svg) left top no-repeat, url(/wp-content/themes/miotemplate/ufficiale/impronte-galleria.svg) right bottom no-repeat; background-size: 50% auto, auto 100%; } .colore-sfondo-galleria { background-color:#faf9f8; } .sfondo-galleria { } .edit-form-header { height: 50px; padding-top: 16px; padding-bottom: 16px; border: 0 !important; } .petbuy-search-form { position: relative; width: 100%; align-items: center; } .petbuy-search-form .edit-form-header { flex: 1 1 auto; min-width: 0; padding-right: 48px; } .petbuy-search-form .petbuy-search-submit { position: absolute; top: 50%; right: 16px; left: auto; transform: translateY(-50%); display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; z-index: 1; color: #7B7B7B; cursor: pointer; border: 0; background: transparent; padding: 0; } .petbuy-search-form .petbuy-search-submit i { display: block; font-size: 18px; line-height: 1; } .petbuy-search-submit:focus-visible { outline: none; color: #F87537; } .fixed-top { background-color: #ffffff; } body.margine footer { /* I tuoi stili CSS specifici per il footer su quella pagina */ margin: 0!important; } @media screen and (min-width: 601px) { /*aggiunge un padding specifico solo all'ultima voce del menu desktop*/ .menu-item:last-child a { padding-right: 5px!important; /*padding-left: 20px;*/ /*background-color: aqua!important;*/ } /*inizio home desktop*/ .servizi-spazio { padding: 40px 0 100px 0; } /*ex main*/ .sezione-cane { background-color:#faf9f8; background-image: url(/wp-content/themes/miotemplate/ufficiale/logo-mobile.svg), url(/wp-content/themes/miotemplate/ufficiale/cerchio-alternativo.svg), url(/wp-content/themes/miotemplate/ufficiale/impronte-cta1.svg); background-position: right bottom, right bottom, 20% bottom; background-repeat: no-repeat, no-repeat, no-repeat; background-size: auto auto, auto auto, auto 105%; padding-top: 130px; padding-bottom: 70px; margin-top: 20px; margin-bottom: 20px; height: 600px; } .h1principale { /**/ font-weight: bold !important; font-size: 60px!important; } h1 { font-weight: bold!important; } /*fine home desktop*/ /*inizio shop desktop*/ .sidebar-col { padding: 25px!important; } .gallery-shop { display: flex; /* Assicura che sia un contenitore flex */ /* Rimuovi justify-content: space-between; se vuoi che siano vicine e allineate a sinistra */ justify-content: flex-start; /* Allinea le immagini all'inizio (sinistra) */ align-items: center; /* Centra verticalmente le immagini se avessero altezze diverse */ gap: 0.35rem; /* Spazio tra le immagini */ overflow-x: auto; /* Mantiene lo scorrimento orizzontale */ /* Aggiungi queste per migliorare l'esperienza di scorrimento su alcuni browser */ /*-webkit-overflow-scrolling: touch;*/ /* Per iOS Safari */ /*scrollbar-width: none;*/ /* Nasconde la scrollbar per Firefox */ /*-ms-overflow-style: none;*/ /* Nasconde la scrollbar per IE/Edge */ } /* Nasconde la scrollbar per Chrome, Safari e Opera */ /*.gallery-shop::-webkit-scrollbar { display: none; }*/ .img-box-shop { /* Rimuovi flex: 1; */ /* Lascia display: flex; e justify-content: center; solo se vuoi centrare l'immagine all'interno di OGNI singola img-box-shop (utile se img-box-shop ha una larghezza fissa) */ flex-shrink: 0; /* Impedisce che le immagini si rimpiccioliscano troppo */ padding: 0 5px; /* Aggiungi un piccolo padding orizzontale, se non usi gap */ /* width: auto; Potrebbe essere utile se vuoi che img-box-shop non si espanda */ } .img-uniform-shop { height: 31px; /* Mantiene l'altezza fissa */ width: auto; /* La larghezza si adatta per mantenere le proporzioni */ object-fit: contain; /*border: 2px solid #ccc;*/ } /* Altezza immagine card prodotto su mobile leggermente ridotta */ @media (max-width: 767.98px) { .product-card-image { height: 180px; } } /*fine shop desktop*/ /*inizio prodotto singolo annuncio frame*/ .p-zero { padding: 0!important; } .img-uniform { height: 100px; } /*fine prodotto singolo annuncio frame*/ /*inizio checkout*/ .tra-menu-e-titolo { margin-top: 100px; } .carte { padding:0px 35px 0px 35px!important; } .carte-spunta { padding:0px 10px 0px 48px!important; } div.sfondino { padding-left: 45px; } .spazi-checkout { padding-top: 48px; margin-top: 48px; } /*fine checkout*/ /*inizio profilo utente*/ .spazi-form { padding-left: 60px!important; padding-right: 70px !important; } .pr-cont-prof { padding-right: 3rem !important; } body.sfondo-profilo-utente { background: url(/wp-content/themes/miotemplate/ufficiale/background-menu-btn-2-2-grigio.svg) right top no-repeat; background-size: 79.5% auto; height: 100%; } /*fine profilo utente*/ /*inizio accedi*/ .ilform { padding-left:38px; padding-right:73px; } .impronta1-arancio-accedi { position: absolute; bottom: 355px; left: -60px; z-index: 1; } .impronta2-arancio-accedi { position: absolute; bottom: 326px; left: -66px; z-index: 1; } .impronta-grande-dx-accedi { position: absolute; bottom: 250px; right: 30px; z-index: 1; } .impronta-piccola-dx-accedi { position: absolute; bottom: 345px; right: 90px; z-index: 1; } .impronta-grande-vicino-cane-dx-accedi { position: absolute; bottom: 292px; right: 210px; z-index: 1; } .impronta-piccola-vicino-cane-dx-accedi { position: absolute; bottom: 268px; right: 233px; z-index: 1; } .impronta-grande-in-alto-a-sx-accedi { position: absolute; bottom: 190px; left: 40px; z-index: 1; } .impronta-piccola-in-alto-a-sx-accedi { position: absolute; bottom: 248px; left: 24px; z-index: 1; } .impronta-grande-in-basso-a-sx-accedi { position: absolute; bottom: 85px; left: -38px; z-index: 1; } .impronta-piccola-in-basso-a-sx-accedi { position: absolute; bottom: 90px; left: 30px; z-index: 1; } /*fine accedi*/ /*inzio profilo utente*/ .menu-item-profilo-utente { display: flex; align-items: center; /*padding: 0.75rem 1rem;*/ cursor: pointer; text-decoration: none; color: #495057!important; border-right: 4px solid transparent; /* Bordo destro trasparente di default */ } .menu-item-profilo-utente img { width: 24px; height: auto; margin-right: 0.75rem; } .menu-item-profilo-utente.active { color: #fd7e14 !important; font-weight: bold; border-right-color: #fd7e14; /* Bordo destro arancione per la voce attiva */ } /*fine profilo utente*/ /*inizio carrello*/ .sfondo-cane-nero-aggiungi { background-position: 90% -51px; } /*fine carrello*/ /*inizio profilo venditore*/ .gradient-text-from-image { background-image: linear-gradient(to right, #f87537 0%, #f87537 50%, #000000 99%, #000000 100%); -webkit-background-clip: text; background-clip: text; color: transparent; /* Rende il testo trasparente per mostrare il gradiente */ } /* Per aggiungere un leggero effetto ombra*/ .gradient-text-from-image { text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); } .cane-profilo-venditore { background-color: #fef1eb!important; background: url(/wp-content/themes/miotemplate/ufficiale/cane-profilo-venditore.svg) right bottom no-repeat, url(/wp-content/themes/miotemplate/ufficiale/background-menu-btn-2-2-profilo-venditore.svg) right top repeat; background-size: auto 100%, auto 100%; } .pdn-negozio-venditore { padding: 0 100px; } .sopra-salva:hover { color: #6c757d !important; background-color: #f8f9fa !important; } .sfondo-input-venditore { background-color: #FAF9F8!important; background: url(/wp-content/themes/miotemplate/ufficiale/background-menu-btn-2-3-venditore.svg) right top repeat; background-size: auto; } .padd-form-venditore { padding: 70px 80px; } .padd2-form-venditore { padding: 50px 90px; } table .cella1 { --bs-text-opacity: 1; color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important; font-weight: normal!important; background-color: transparent!important; padding: 0px 0px 15px 0px!important; } table .cella2 { --bs-text-opacity: 1; color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important; font-weight: normal!important; padding: 30px 20px 15px 20px!important; } table .cella1bis { text-align: center!important; background-color: transparent!important; border: 0px!important; padding-top: 30px!important; } table .cella2bis { text-align: center!important; border: 0px!important; padding-bottom: 30px!important; padding-top: 30px!important; } table th:not(:first-child) { text-align: center!important; } /*table th:last-child, table tr td:last-child { filter: blur(4px); } table th:nth-last-child(2), table tr td:nth-last-child(2) { filter: blur(4px); }*/ .accordion-item { /*background-color: var(--bs-accordion-bg);*/ background-color: rgb(130,107,255)!important; background-color: rgba(130,107,255,0)!important; border: 0!important; } .accordion-button { background-color: rgb(130,107,255)!important; background-color: rgba(130,107,255,0)!important; } /* Nascondi la freccia predefinita di Bootstrap */ .accordion-button::after { display: none !important; } /* Mostra la tua immagine della freccia */ .accordion-button .accordion-arrow { display: inline-block; width: 100%; /* Adatta la dimensione come preferisci */ height: auto; transition: transform 0.2s ease-in-out; } /* Ruota la freccia quando l'accordion è aperto */ .accordion-button:not(.collapsed) .accordion-arrow { transform: rotate(90deg); } /* Mantiene il colore del testo invariato */ .accordion-button, .accordion-button:not(.collapsed) { /*cioè text-secondary*/ --bs-text-opacity: 1; color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important; } .tabianca { border-collapse: separate; border-spacing: 0; border-radius: 10px; overflow: hidden; } .tabianca th:first-child { border-top-left-radius: 10px; } .tabianca th:last-child { border-top-right-radius: 10px; } .tabianca td:first-child { border-bottom-left-radius: 10px; } .tabianca td:last-child { border-bottom-right-radius: 10px; } .chart-container { width: 100%; height: 400px; /* Imposta un'altezza fissa per il canvas */ } /* Stile per nascondere la freccia di default di Bootstrap */ .custom-select-arrow { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(/wp-content/themes/miotemplate/ufficiale/freccia-select-grafico.svg) !important; background-repeat: no-repeat !important; background-position: right 0.75rem center !important; background-size: 8px auto !important; padding-right: 1.5rem !important; } /*fine profilo venditore*/ }/*desktop*/ .petbuy-icon-counter-target { position: relative; } .petbuy-icon-counter { position: absolute; top: -2px; right: -2px; transform: none; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 20px; height: 20px; padding: 0; background: #F87537; border: 1px solid #FFFFFF; border-radius: 50px; font-family: 'Inter', system-ui, -apple-system, sans-serif; font-style: normal; font-weight: 700; font-size: 12px; line-height: 1; color: #FFFFFF; box-sizing: border-box; pointer-events: none; white-space: nowrap; z-index: 2; } .petbuy-icon-counter.is-hidden { display: none; } .petbuy-icon-counter.petbuy-icon-counter-bump { animation: petbuyIconCounterBump 0.42s cubic-bezier(0.2, 0.9, 0.2, 1); } @keyframes petbuyIconCounterBump { 0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(248, 117, 55, 0); } 45% { transform: scale(1.22); box-shadow: 0 0 0 8px rgba(248, 117, 55, 0.16); } 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(248, 117, 55, 0); } } @media screen and (max-width: 991px) { .petbuy-mobile-header { position: relative; z-index: 120; background: #ffffff; border-bottom: 0; box-shadow: none; } .petbuy-mobile-header__service { padding: 4px 0 19px; border-bottom: 1px solid #eaeaea; background: #ffffff; } .petbuy-mobile-header__service-copy { display: flex; align-items: center; justify-content: center; gap: 6px; width: max-content; max-width: calc(100% - 32px); margin: 0 auto; font-size: 14px; line-height: 21px; color: #4b4b4b; white-space: nowrap; } .petbuy-mobile-header__service-copy .cornetta-and-co { width: 20px; height: 20px; } .petbuy-mobile-header__service-copy .fw-bold { color: #1a1a1a; font-weight: 600 !important; } .petbuy-mobile-header__service-copy .text-secondary { color: #4b4b4b !important; font-weight: 500; } .petbuy-mobile-header__main { padding: 11px 16px 0; } .petbuy-mobile-header__bar { display: flex; align-items: flex-end; justify-content: space-between; gap: 0; width: 100%; max-width: 358px; min-height: 64px; padding: 0; margin: 0 auto; } .petbuy-mobile-header__leading { display: flex; align-items: flex-end; gap: 11px; flex: 0 0 59px; width: 59px; min-width: 59px; padding-bottom: 3px; } .petbuy-mobile-header__toggle { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 0; background: transparent; color: #1a1a1a; box-shadow: none; } .petbuy-mobile-header__toggle:focus-visible, .petbuy-mobile-header__icon-btn:focus-visible, .petbuy-mobile-header__search-submit:focus-visible, .petbuy-mobile-header__account-link:focus-visible, .petbuy-mobile-header__nav-link:focus-visible, .petbuy-mobile-header__shop-tabs a:focus-visible { outline: 2px solid #f87537; outline-offset: 2px; } .petbuy-mobile-header .navbar-toggler-icon { background-image: none !important; background-color: transparent !important; position: relative; display: inline-block; width: 22px !important; height: 16px !important; vertical-align: middle; } .petbuy-mobile-header .navbar-toggler-icon::before, .petbuy-mobile-header .navbar-toggler-icon::after, .petbuy-mobile-header .navbar-toggler-icon .line { content: ""; position: absolute; left: 0; width: 100%; height: 2px; border-radius: 999px; background: #101828; transition: transform 0.22s ease, opacity 0.22s ease, top 0.22s ease, bottom 0.22s ease; } .petbuy-mobile-header .navbar-toggler-icon::before { top: 0; } .petbuy-mobile-header .navbar-toggler-icon::after { bottom: 0; } .petbuy-mobile-header .navbar-toggler-icon .line { top: 7px !important; transform: none !important; } .petbuy-mobile-header.is-nav-open .navbar-toggler-icon::before { top: 7px; transform: rotate(45deg); } .petbuy-mobile-header.is-nav-open .navbar-toggler-icon::after { bottom: 7px; transform: rotate(-45deg); } .petbuy-mobile-header.is-nav-open .navbar-toggler-icon .line { opacity: 0; } .petbuy-mobile-header__brand { display: flex; align-items: flex-start; justify-content: center; flex: 0 0 129px; width: 129px; min-width: 129px; } .petbuy-mobile-header__brand-link { display: block; width: 129px; flex: 0 0 auto; } .petbuy-mobile-header__brand img.custom-logo { display: block; width: 129px !important; height: auto; max-width: none; max-height: none; } .petbuy-mobile-header__actions { display: flex; align-items: flex-end; justify-content: flex-end; gap: 20px; flex: 0 0 68px; width: 68px; min-width: 68px; } .petbuy-mobile-header__icon-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; padding: 0; border: 0; border-radius: 0; background: transparent; color: #1a1a1a; text-decoration: none; box-shadow: none; } .petbuy-mobile-header__icon-btn i, .petbuy-mobile-header__icon-btn img, .petbuy-mobile-header__icon-asset { display: block; width: 24px; height: 24px; object-fit: contain; margin: 0; padding: 0; flex: 0 0 auto; } .petbuy-mobile-header__icon-btn i, .petbuy-mobile-header__icon-asset.fa { width: auto; height: auto; font-size: 22px; line-height: 1; } .petbuy-mobile-header__search-toggle .petbuy-mobile-header__icon-asset.fa, .petbuy-mobile-header__search-submit i.fa { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; font-size: 22px; line-height: 1; text-align: center; transform: none; } .petbuy-mobile-header__icon-btn .petbuy-icon-counter { top: -1px; right: -3px; width: 10px; height: 10px; min-width: 10px; border-width: 2px; font-size: 0; line-height: 0; } .petbuy-mobile-header__search-panel { padding: 0 16px 16px; } .petbuy-mobile-header__search-form { display: grid; grid-template-columns: minmax(0, 1fr) 48px; align-items: center; gap: 10px; padding: 10px; border-radius: 20px; background: #f7f8fa; box-shadow: inset 0 0 0 1px rgba(16, 24, 40, 0.06); } .petbuy-mobile-header__search-input { min-width: 0; height: 48px; padding: 0 16px; border: 0; border-radius: 14px; background: #ffffff; box-shadow: none; font-size: 16px; color: #101828; } .petbuy-mobile-header__search-input:focus { box-shadow: inset 0 0 0 2px rgba(248, 117, 55, 0.28); } .petbuy-mobile-header__search-submit { width: 48px; height: 48px; border-radius: 14px; } .petbuy-mobile-header__search-submit i { display: block; font-size: 18px; line-height: 1; margin: 0; } .petbuy-mobile-header__nav-shell { padding: 0; } .petbuy-mobile-header__drawer { position: relative; z-index: 2; border-top: 1px solid rgba(19, 28, 44, 0.06); background: #ffffff; box-shadow: 0 20px 48px rgba(16, 24, 40, 0.08); } .petbuy-mobile-header__drawer-inner { display: grid; gap: 18px; padding: 18px 16px 20px; } .petbuy-mobile-header__account-link { display: grid; grid-template-columns: 48px minmax(0, 1fr); align-items: center; gap: 14px; padding: 14px; border-radius: 18px; background: linear-gradient(135deg, #fff4ec 0%, #ffffff 100%); box-shadow: inset 0 0 0 1px rgba(248, 117, 55, 0.14); text-decoration: none; } .petbuy-mobile-header__account-icon { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 16px; background: #ffffff; box-shadow: 0 10px 24px rgba(248, 117, 55, 0.12); } .petbuy-mobile-header__account-icon img { width: 20px; height: 20px; object-fit: contain; } .petbuy-mobile-header__account-copy { display: grid; gap: 4px; min-width: 0; } .petbuy-mobile-header__account-title { font-size: 15px; font-weight: 700; line-height: 1.35; color: #101828; } .petbuy-mobile-header__account-subtitle { font-size: 13px; line-height: 1.45; color: #475467; } .petbuy-mobile-header__nav-list { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; } .petbuy-mobile-header__nav-item { border-bottom: 1px solid rgba(19, 28, 44, 0.06); padding-bottom: 8px; } .petbuy-mobile-header__nav-item:last-child { border-bottom: 0; padding-bottom: 0; } .petbuy-mobile-header__nav-item.is-current .petbuy-mobile-header__nav-link { color: #101828; background: #fff4ec; } .petbuy-mobile-header__nav-link { display: flex; align-items: center; justify-content: space-between; min-height: 48px; padding: 10px 12px; border-radius: 14px; font-size: 15px; font-weight: 600; line-height: 1.4; color: #344054; text-decoration: none; } .petbuy-mobile-header__shop-tabs { display: flex; flex-wrap: wrap; gap: 8px; padding: 6px 12px 0; } .petbuy-mobile-header__shop-tabs a { display: inline-flex; align-items: center; justify-content: center; min-height: 36px; padding: 0 12px; border-radius: 999px; background: #f7f8fa; font-size: 13px; font-weight: 600; line-height: 1; color: #475467; text-decoration: none; } } @media screen and (max-width: 601px) { .bottom-align-elements { display: flex; align-items: flex-end; /* Allinea gli elementi in basso */ height: 100%; /* Assicura che il contenitore abbia un'altezza per l'allineamento */ } .logo-container { display: flex; justify-content: center; align-items: flex-end; /* Allinea il logo in basso */ height: 100%!important; } .right-icons { display: flex; justify-content: flex-end; /* Allinea le icone a destra */ align-items: flex-end; /* Allinea gli elementi in basso */ height: 100%; } /* Rimuove lo sfondo predefinito dell'icona */ .navbar-toggler-icon { background-image: none !important; background-color: transparent !important; position: relative; /* Necessario per posizionare le pseudo-linee */ display: inline-block; width: 24px!important; /* Larghezza dell'icona */ height: 24px!important; /* Altezza dell'icona, adatta se vuoi più spazio tra le linee */ vertical-align: middle; } /* Stile comune per tutte le linee */ .navbar-toggler-icon::before, .navbar-toggler-icon::after, .navbar-toggler-icon .line { /* Aggiunta della classe .line per la linea centrale */ content: ''; background-color: #333; /* Colore delle linee, puoi cambiarlo */ height: 2px; /* Spessore delle linee */ width: 100%; position: absolute; left: 0; transition: all 0.3s ease-in-out; /* Animazione per la chiusura/apertura */ } /* Posizionamento delle linee */ .navbar-toggler-icon::before { top: 0; /* Linea superiore */ } .navbar-toggler-icon::after { bottom: 0; /* Linea inferiore */ } .navbar-toggler-icon .line { top: 50%!important; /* Linea centrale */ transform: translateY(-50%)!important; /* Centra verticalmente la linea centrale */ } /* Allineamento del bottone hamburger in basso */ .bottom-align-elements .navbar-toggler { display: flex; align-items: flex-end; /* Allinea il bottone in basso */ height: 100%; /* Assicura che il bottone occupi l'altezza del contenitore */ } .fa-2x { font-size: 27.5px!important; } footer { background: url(/wp-content/themes/miotemplate/ufficiale/background-menu-btn-2-1.svg) right top repeat; background-size: auto 100%; } .menu-utente-attivo.current-menu-item::after { display: none; } .modale-carrello.current-menu-item::after { display: none; } .menu-utente-attivo.current-menu-item { border-bottom: 2px solid #fa9827; /* Spessore 2px, linea rossa */ width: 100%; /* Assicura che la linea si estenda per tutta la larghezza */ } /*ex .nav-link.active*/ .current-menu-item:not(.menu-utente-attivo) { border-bottom: 2px solid #fa9827; /* Spessore 2px, linea rossa */ width: 100%; /* Assicura che la linea si estenda per tutta la larghezza */ } /*.nav-link.active::after*/ .current-menu-item:not(.menu-utente-attivo)::after { display: none; } .custom-logo { width: 129px!important; } /*ex nav-item*/ .menu-item-11309, .menu-item-11310, .menu-item-11333, .menu-item-11302, .menu-item-11292 { border: 0; z-index: 0; padding: 0!important; } .menu-item-11309, .menu-item-11310 { display: none; } /*inizio home mobile*/ .sezione-cane { background-color:#faf9f8; background-image: url(/wp-content/themes/miotemplate/ufficiale/progetto-rimuovi-sfondo-1.svg), url(/wp-content/themes/miotemplate/ufficiale/vector-mobile.svg), url(/wp-content/themes/miotemplate/ufficiale/tre-impronte-dx-main-mobile.svg), url(/wp-content/themes/miotemplate/ufficiale/due-impronte-sx-main-mobile.svg); background-position: right bottom, right bottom, 200px top, 35px 370px; background-size: auto auto, auto auto, auto auto, auto auto; background-repeat: no-repeat; padding-top: 70px; margin-bottom: 0; margin-top: 20px; height: 460px; } h1 { font-size: 33px!important; font-weight: bold!important; } .desc-mobile { font-size: 13px; } .spazio-link-img { margin-bottom: 48px; } .spazio-link-img-top { margin-top: 48px; } .novita-mobile { text-align: left; padding-left: 0px!important; } .scheda-prodotto { box-shadow: inset 0 0 0 1px #ffffff; border-radius: 10px; margin-bottom: 10px; } .senza-spazi { padding: 0!important; } .m-b20px { margin-bottom: 60px; } /* Colore per gli indicatori inattivi */ .carousel-indicators [data-bs-target] { background-color: #FAEEE7!important; /* Sostituisci con il colore desiderato per gli inattivi */ /*opacity: 0.5;*/ /* Puoi anche regolare l'opacità */ /* --- Aggiungi questo per distanziare gli indicatori --- */ margin: 0 8px!important; /* 0px in alto/basso, 4px a sinistra/destra */ } .image-stack-container { /* Imposta le dimensioni desiderate per l'intero "blocco" di immagini */ width: 100%; /* Esempio */ height: 220px; /* Esempio */ position: relative; /* Fondamentale: rende questo il punto di riferimento per gli elementi posizionati in assoluto */ overflow: hidden; /* Nasconde qualsiasi cosa fuoriesca da questo contenitore (utile per le immagini di sfondo che potrebbero essere "coperte") */ } .background-image { position: absolute; /* Posiziona l'immagine di sfondo relativamente al .image-stack-container */ top: 0; left: 0; width: 100%; /* Copre l'intera larghezza del contenitore */ height: auto; /* Copre l'intera altezza del contenitore */ object-fit: cover; /* Assicura che l'immagine di sfondo riempia il contenitore senza distorsioni, tagliando se necessario */ z-index: 1; /* Assicurati che sia sotto l'immagine sovrapposta */ } .overlay-image-wrapper { position: absolute; /* Posiziona questo wrapper relativamente al .image-stack-container */ /* Imposta la posizione e le dimensioni della "finestra" per l'immagine tagliata */ top: 50px; /* Distanza dal bordo superiore del contenitore principale */ left: 90px; /* Distanza dal bordo sinistro del contenitore principale */ width: 200px; /* Larghezza della finestra di ritaglio */ height: 250px; /* Altezza della finestra di ritaglio */ overflow: hidden; /* **Essenziale per il ritaglio**: nasconde le parti dell'immagine che escono da questo wrapper */ z-index: 2; /* Assicurati che sia sopra l'immagine di sfondo */ border-radius: 10px; /* Aggiungi bordi arrotondati se vuoi un ritaglio con angoli morbidi */ /* background-color: rgba(0, 255, 0, 0.3); /* Utile per debug, per vedere dove si trova il wrapper */ } .clipped-image { /* Imposta le dimensioni dell'immagine all'interno del suo wrapper, e come si adatta */ width: 100%; /* L'immagine occupa la larghezza del suo wrapper */ height: 100%; /* L'immagine occupa l'altezza del suo wrapper */ object-fit: cover; /* Assicura che l'immagine riempia il wrapper senza distorsioni, tagliando le parti in eccesso */ object-position: center; /* Puoi regolare questo per specificare quale parte dell'immagine mostrare (es. 'top', '20% 80%') */ /* Alternativa per posizionamento manuale (se non usi object-fit: cover) */ /* position: absolute; */ /* top: -50px; */ /* Sposta l'immagine all'interno del wrapper per tagliare */ /* left: -30px; */ /* Sposta l'immagine all'interno del wrapper per tagliare */ } /*fine home mobile*/ /*inizio shop mobile*/ .sidebar-col { padding: 0px!important; } .offcanvas-backdrop { display: none; } /*bottone quando la sidebar è aperta */ .btn-warning.active-button { background-color: #333333!important; } .offcanvas-custom.offcanvas-start { transition: transform 0.6s ease-out; /* durata transizione */ } .noUi-target { width: 250px!important; } /*.custom-row { width: 265px; display: flex; justify-content: space-between; align-items: center; }*/ /*.custom-row .col-auto {*/ /* Potresti dover regolare max-width o flex-basis qui a seconda delle dimensioni intrinseche delle tue immagini */ /*flex-shrink: 0;*/ /* Impedisce agli elementi di rimpicciolirsi */ /*}*/ .gallery-shop { display: none; /* Nasconde il layout di default */ } .img-box-shop { flex: 1; display: flex; justify-content: center; } .img-uniform-shop { height: 31px; width: auto; object-fit: contain; /*border: 2px solid #ccc;*/ } .gallery-shop { display: flex !important; justify-content: space-between; align-items: flex-start; gap: 1rem; overflow-x:auto; } /*fine shop mobile*/ /*inizio prodotto singolo annuncio frame mobile*/ .clipped-image2 { /* Imposta le dimensioni dell'immagine all'interno del suo wrapper, e come si adatta */ width: 100%; /* L'immagine occupa la larghezza del suo wrapper */ height: 100%; /* L'immagine occupa l'altezza del suo wrapper */ object-fit: cover; /* Assicura che l'immagine riempia il wrapper senza distorsioni, tagliando le parti in eccesso */ object-position: center 60px; /* Puoi regolare questo per specificare quale parte dell'immagine mostrare (es. 'top', '20% 80%') */ /* Alternativa per posizionamento manuale (se non usi object-fit: cover) */ /* position: absolute; */ /* top: -50px; */ /* Sposta l'immagine all'interno del wrapper per tagliare */ /* left: -30px; */ /* Sposta l'immagine all'interno del wrapper per tagliare */ } .overlay-image-wrapper2 { position: absolute; z-index: 2; /*top: 20px;*/ left: 90px; width: 200px; height: 250px; overflow: hidden; border-radius: 10px; } .img-uniform { height: 100px; width: auto; object-fit: contain; /*border: 2px solid #ccc;*/ } /*fine prodotto singolo annuncio frame mobile*/ /*inizio carrello popup*/ .item-delivery { margin-bottom: 6px!important; } .item-image { margin-right: 10px !important; } .item-quantity { margin-right: 10px!important; } /*fine carrello popup*/ /*inizio checkout*/ .tra-menu-e-titolo { margin-top: 20px; } .m-input { margin-bottom: 1.5rem !important; /* Il !important è spesso usato da Bootstrap per le sue classi utility */ } .carte { padding:0px 10px 0px 10px!important; } .carte-spunta { padding:0px 10px 0px 35px!important; } div.sfondino { /* Il gradiente è sopra l'immagine */ background: url(/wp-content/themes/miotemplate/ufficiale/background-menu-btn-2-1-grigio.svg) left top no-repeat, linear-gradient(to right, #faf9f8 100%); background-size: 100% auto, auto; /* Assicurati di impostare le dimensioni per entrambi gli sfondi */ /* Il primo valore di background-size è per il gradiente, il secondo per l'immagine. 'auto' per l'immagine significa che userà la sua dimensione originale. */ } .bordo-centrato-checkout { /* Il div stesso ha il bordo inferiore */ border-bottom: 2px solid #e8e8e8; /* Spessore e colore del bordo */ padding-bottom: 5px; /* Aggiungi un piccolo padding se vuoi spazio tra il contenuto e il bordo */ /* Rimuovi completamente la sezione ::after per questo div, non è più necessaria */ /* Assicurati che non ci siano altre regole che sovrascrivono il border-bottom */ } .fixed-bottom-conteggio { position: fixed; /* Questa è la proprietà chiave */ bottom: 0; /* Posiziona l'elemento al bordo inferiore */ left: 0; /* Posiziona l'elemento al bordo sinistro */ width: 100%; /* Fa sì che l'elemento occupi tutta la larghezza disponibile */ z-index: 1030; /* Assicura che l'elemento sia sopra la maggior parte degli altri contenuti */ padding: 0 10px 10px 10px; background-color:#faf9f8; } /*fine checkout*/ /*inizio accedi*/ .no-margin-footer-mobile footer { margin-top: 0 !important; /* Sovrascrive il margin-top a 0 per la pagina specifica su mobile */ } /*fine accedi*/ /*inizio profilo utente*/ .larg-mass { width: 100% !important; } .sfondo-profilo-mobile { background: url(/wp-content/themes/miotemplate/ufficiale/background-menu-btn-2-2-grigio.svg) right top repeat; background-size: auto; } .scostamento-top { padding-top: 150px; } .menu-item-profilo-utente { height: 50px; width: 131px; align-items: center; /*padding: 0.75rem 1rem;*/ cursor: pointer; text-decoration: none; color: #495057!important; border-right: 4px solid transparent; /* Bordo destro trasparente di default */ } .menu-item-profilo-utente img { width: 24px; height: auto; margin-right: 0.75rem; } .menu-item-profilo-utente.active { color: #fd7e14 !important; font-weight: bold; } /*fine profilo utente*/ /*inizio pagina carrello mobile*/ .sfondo-pcm { background: url(/wp-content/themes/miotemplate/ufficiale/background-menu-btn-2-1-grigio.svg) right top repeat; background-size: auto; } /*fine pagina carrello mobile*/ /*inizio profilo venditore*/ .cane-profilo-venditore { background-color: #fef1eb!important; background: url(/wp-content/themes/miotemplate/ufficiale/background-menu-btn-2-2-profilo-venditore.svg) right top repeat; background-size: auto 100%; } .sfondo-input-venditore { background-color: #FAF9F8!important; background: url(/wp-content/themes/miotemplate/ufficiale/background-menu-btn-2-3-venditore.svg) right top repeat; background-size: auto; } .padd-form-venditore { padding: 30px; } /*fine profilo venditore*/ }/*mobile*/ @media screen and (min-width: 768px) and (max-width: 1400px) and (orientation: landscape) { .sideshop { font-size: 13px !important; } .gallery-shop { gap: 0.6rem; /* Spazio tra le immagini */ } .img-uniform-shop { height: 3vh; /* Mantiene l'altezza fissa */ } .img-box-shop { padding: 0; } }/*landscape tablet*/ /* Media Query specifica per tablet in modalità verticale (portrait) */ @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { /* Stili specifici per tablet in verticale */ /*ex main*/ .sezione-cane { background-color:#faf9f8; background-image: url(/wp-content/themes/miotemplate/ufficiale/logo-mobile.svg), url(/wp-content/themes/miotemplate/ufficiale/cerchio-alternativo.svg), url(/wp-content/themes/miotemplate/ufficiale/impronte-cta1.svg); background-position: right bottom, right bottom, 20% bottom; background-repeat: no-repeat, no-repeat, no-repeat; background-size: 45% auto, 35% auto, auto 105%!important; padding-top: 130px; padding-bottom: 70px; margin-top: 20px; margin-bottom: 20px; height: 600px; } .fortablet { font-size: 1vw!important; } .fortablet2 { font-size: 1.1vh!important; } .font-shop { font-size: 13px; } .riduzione-tablet { width: auto; height: 20px; } .noacapo-tablet { white-space: nowrap; } .img-uniform { height: 9vh; } .mt-tablet { margin-top: 10px!important; } .pd-desk { padding-right: 0px; } .falco { background: url(/wp-content/themes/miotemplate/ufficiale/petbuy-falco-1.svg) right bottom no-repeat, url(/wp-content/themes/miotemplate/ufficiale/Shape.svg) right bottom no-repeat, url(/wp-content/themes/miotemplate/ufficiale/impronte-riga-falco.svg) 30% top no-repeat, linear-gradient(110deg, #faf9f8 60%, transparent 40%), url(/wp-content/themes/miotemplate/ufficiale/background-menu-btn-2-1.svg) right top no-repeat; background-size: 70%, 50%, auto 100%, 100% auto, 50% auto; background-position: right bottom, right bottom, 30% top, left top, right top; z-index: auto, auto, 0, auto, 10; /* Assicurati che il linear-gradient abbia uno z-index maggiore */ background-color: #ffffff; padding-top: 70px; padding-bottom: 70px; margin-top: 20px; margin-bottom: 20px; height: 500px; } .switch-risultati-shop { position: absolute!important; /*top: 10px;*/ left: calc(10% + 10px); } .switch-shop2 { position: absolute!important; /*top: 10px;*/ left: calc(35% + 10px); } .mt-cuore-pref-tablet { margin-top: 20px!important; } .h1tablet { font-size: 2.8vw; } .font-annuncio { font-size: 1.3vw!important; } .sfondo-crocchette-bundle { /*padding-top: 50px;*/ padding-bottom: 50px!important; /*bottom:0; left:0;*/ background: url(/wp-content/themes/miotemplate/ufficiale/impronte-prodotto-bundle.svg); background-repeat: no-repeat; background-size: 400px; background-position: 17% -50px; } .ps-desk { padding-left: 0px; } a.fs-5 { font-size: 1rem !important; } .conta-sped-annuncio { position: absolute!important; /*top: 10px;*/ left: calc(37% + 10px); } .riga-conta-sped-annuncio { padding-bottom: 70px!important; } .pt-tablet { padding-top: 90px; } .p-conta-prodotto-frame { position: absolute!important; right: 0px!important; } hr.m-conta-prodotto-frame { margin-top: 110px!important; } .spaz-guarantee { padding-bottom: 30px!important; } .item-image-conteggio { margin: 0px!important; } .ilform { padding-left:0px; padding-right:0px; } .larg-mass-tablet { width: 100% !important; } .profilo-ordini { left: 5px!important; top: 30px!important; } .impronta1-arancio-accedi { position: absolute; bottom: 500px; left: -60px; z-index: 1; } .impronta2-arancio-accedi { position: absolute; bottom: 471px; left: -66px; z-index: 1; } .impronta-grande-dx-accedi { position: absolute; bottom: 150px; right: -30px; z-index: 1; } .impronta-piccola-dx-accedi { position: absolute; bottom: 250px; right: 10px; z-index: 1; } .impronta-grande-vicino-cane-dx-accedi { position: absolute; bottom: 200px; right: 70px; z-index: 1; } .impronta-piccola-vicino-cane-dx-accedi { position: absolute; bottom: 170px; right: 90px; z-index: 1; } .impronta-grande-in-alto-a-sx-accedi { position: absolute; bottom: 150px; left: -40px; z-index: 1; } .impronta-piccola-in-alto-a-sx-accedi { position: absolute; bottom: 180px; left: -50px; z-index: 1; } .impronta-grande-in-basso-a-sx-accedi { position: absolute; bottom: 50px; left: -60px; z-index: 1; } .impronta-piccola-in-basso-a-sx-accedi { position: absolute; bottom: 50px; left: 10px; z-index: 1; } /*hr.m-conta-prodotto-frame-top { margin-top: 140px!important; }*/ .m-carrello { margin-top:20px; } .pad-procedi-carrello { padding: 0 8px!important; } .sfondo-cane-nero-aggiungi { background-position: 90% -20px; } .nascondi-su-tablet { visibility: hidden; } .gallery-shop { gap: 0.6rem; /* Spazio tra le immagini */ } .img-uniform-shop { height: 22.4px; /* Mantiene l'altezza fissa */ } .img-box-shop { padding: 0; } .bone-product-wrapper .paw-print-sx { top: -10%; /* Posizione leggermente diversa per tablet, se necessario */ left: -3%; } .bone-product-wrapper .paw-print-dx { top: 65%; left: 65%; } .bone-product-wrapper .paw-print-sx2 { top: -25%; /* Posizione leggermente diversa per tablet, se necessario */ left: 75%; } .bone-product-wrapper .paw-print-dx2 { top: 85%; left: -5%; } .pdn-negozio-venditore { padding: 0; } .larghezza-auto-tablet { width: auto!important; } .cane-profilo-venditore { background-color: #fef1eb!important; background: url(/wp-content/themes/miotemplate/ufficiale/cane-profilo-venditore.svg) right bottom no-repeat, url(/wp-content/themes/miotemplate/ufficiale/background-menu-btn-2-2-profilo-venditore.svg) right top repeat;background-size:auto 50%,auto 100%}}@media screen and (min-width:1024px){.ps-annuncio{padding-left:80px!important}.pd-annuncio{padding-right:80px!important}.m-carrello{margin-top:80px}.nascondi-su-desktop{visibility:hidden}}@media screen and (max-width:991px){body.petbuy-mobile-nav-open{overflow:hidden}.petbuy-mobile-header{position:sticky;top:0}.petbuy-mobile-header__nav-shell{position:static}.petbuy-mobile-header__drawer{position:absolute;top:calc(100% + 1px);left:0;right:0;max-height:calc(100dvh - 116px);overflow-y:auto;overscroll-behavior:contain;border-top:0;border-radius:0 0 24px 24px}.petbuy-mobile-header__drawer-inner{padding-top:16px}.petbuy-mobile-header__nav-link{min-height:52px}.home .sezione-cane,.page-template-home-page .sezione-cane{position:relative;overflow:hidden;background-position:right -18px bottom 22px,right -30px bottom 16px,right 28px top 74px,left 16px bottom 94px;background-size:clamp(150px, 46vw, 220px) auto,clamp(180px, 54vw, 260px) auto,62px auto,52px auto;padding-top:44px;padding-bottom:16px;margin-top:0;height:auto;min-height:0}.home .sezione-cane>section>.container,.page-template-home-page .sezione-cane>section>.container{padding-left:16px;padding-right:16px}.home .sezione-cane .row,.page-template-home-page .sezione-cane .row{row-gap:14px}.home .h1principale,.page-template-home-page .h1principale{max-width:8ch;margin-bottom:14px;font-size:clamp(40px, 11vw, 54px)!important;line-height:.96;letter-spacing:-.04em}.home .desc-mobile,.page-template-home-page .desc-mobile{max-width:24ch;margin-bottom:0;font-size:16px;line-height:1.58;color:#344054}.home .petbuy-home-mobile-hero-actions,.page-template-home-page .petbuy-home-mobile-hero-actions{padding-top:14px!important;padding-bottom:32px!important}.home .petbuy-home-mobile-hero-actions .row,.page-template-home-page .petbuy-home-mobile-hero-actions .row{row-gap:12px}.home .petbuy-home-mobile-hero-actions .btn,.page-template-home-page .petbuy-home-mobile-hero-actions .btn{min-height:48px;border-radius:14px;font-weight:700}.home .petbuy-home-services,.page-template-home-page .petbuy-home-services{padding-top:20px;padding-bottom:44px}.home .petbuy-home-services__grid,.page-template-home-page .petbuy-home-services__grid{row-gap:20px}.home .petbuy-home-services__item,.page-template-home-page .petbuy-home-services__item{margin-bottom:0}.home .petbuy-home-services__item .servizi,.page-template-home-page .petbuy-home-services__item .servizi{width:54px;height:54px;object-fit:contain}.home .petbuy-home-services__item .font-shop,.page-template-home-page .petbuy-home-services__item .font-shop{display:block;padding:0 4px;font-size:11px;line-height:1.45}.home .novita-mobile h1,.page-template-home-page .novita-mobile h1{float:none!important;font-size:28px!important;line-height:1.05}.home .petbuy-home-mobile-feature,.page-template-home-page .petbuy-home-mobile-feature{margin-top:24px!important}.home .petbuy-home-mobile-feature .container,.page-template-home-page .petbuy-home-mobile-feature .container{padding-top:28px!important;padding-bottom:42px!important}.home .petbuy-home-mobile-feature h1,.page-template-home-page .petbuy-home-mobile-feature h1{font-size:31px!important;line-height:1.05;white-space:normal!important}.home .petbuy-home-mobile-feature .desc-mobile,.page-template-home-page .petbuy-home-mobile-feature .desc-mobile{max-width:none;font-size:15px}.home .image-stack-container,.page-template-home-page .image-stack-container{height:184px}.home .overlay-image-wrapper,.page-template-home-page .overlay-image-wrapper{top:36px;left:50%;width:min(76vw, 270px);height:180px;transform:translateX(-50%);border-radius:20px}.home .petbuy-home-mobile-section-head,.page-template-home-page .petbuy-home-mobile-section-head{margin-top:36px!important}.home .petbuy-home-mobile-section-head h1,.page-template-home-page .petbuy-home-mobile-section-head h1{float:none!important;font-size:28px!important;line-height:1.08}.home .petbuy-home-mobile-carousel,.page-template-home-page .petbuy-home-mobile-carousel{margin-top:12px}.home .petbuy-home-mobile-carousel .carousel,.page-template-home-page .petbuy-home-mobile-carousel .carousel{padding-bottom:56px!important}.home .petbuy-home-mobile-carousel .carousel-indicators [data-bs-target],.page-template-home-page .petbuy-home-mobile-carousel .carousel-indicators [data-bs-target]{width:8px;height:8px;margin:0 4px!important;border-radius:999px}.home .petbuy-home-mobile-carousel .nostre-categorie,.page-template-home-page .petbuy-home-mobile-carousel .nostre-categorie{padding:18px 18px 20px;font-size:15px}.home .petbuy-home-mobile-carousel .fw-bold.noacapo,.page-template-home-page .petbuy-home-mobile-carousel .fw-bold.noacapo{font-size:20px;white-space:normal}}@media screen and (max-width:479px){.home .petbuy-home-services__item .font-shop,.page-template-home-page .petbuy-home-services__item .font-shop{font-size:10px}.home .h1principale,.page-template-home-page .h1principale{font-size:38px!important}.home .sezione-cane,.page-template-home-page .sezione-cane{background-position:right -44px bottom 18px,right -42px bottom 12px,right 18px top 74px,left 14px bottom 92px}}@media screen and (min-width:601px) and (max-width:767px){.home .servizi-spazio,.page-template-home-page .servizi-spazio{padding:28px 0 56px}.home .petbuy-home-mobile-section-head h1,.page-template-home-page .petbuy-home-mobile-section-head h1{font-size:34px!important}}