Skip to content
Your cart
Your cart is empty
Continue shopping
Dog
Care & Hygiene
Coat & Skin
Eye, Ear, Nose, Mouth & Paw
Diapers
Poop bags
Poop scoops
Protective collars
Towels, Wipes, Rollers
Training pads
Sprays
Play
ECO & Natural toys
Balls & Treats toys
Dental toys
Latex toys
Outdoor toys
Seasonal toys
Squeaker toys
Strategy & Interactive Toys
At Home
Food & Water Dispensers
Drinking Fountains
Bowls & Slow Feeders
Cooling items
Food containers
Yard Leads
Puppy Pens
Resting Place
Baskets, Cushions & Mats
Furniture
Dog Houses
On tour
Car accessories
Carriers
Clothing & Shoes
Leashes, Collars & Harness
Muzzles
Outdoor foldable bowls
Retractable dog Leashes
Stroller
Soft Crates
Treat bags & Travel Bottles
Wire cages
Snacks
Creamy Treats
Snacks & rawhide
Freeze-dried snacks
Dental snacks
Cat
Care & Hygiene
Coat & Skin
Eye, Ear & Nose
Towels, Wipes & Rollers
Cat Litter
Cat litter Trays & Mats
Cat Litter Boxes
Cat Litter Deodorize
Sprays
Paw
Poop scoop
Play
ECO & Natural toys
Catnip toys
Balls & Treats toys
Strategy & Interactive toys
Seasonal toys
At Home
Food & Water Dispensers
Drinking Fountains
Bowls & Slow Feeders
Cat Doors
Cat Grass
Scratching
Resting Place
Baskets, Cushions & Mats
Furniture
On Tour
Leashes, Collars & Harness
Travel Bags & Accessories
Snacks
Creamy Treats
Snacks & rawhide
Small animals
Play
Toys
On Tour
Travel & Cages
Resting Place
Drinking Bottles
Collection
BBQ
Brainy Games
Carnivore
CatElite
Charmy
Chewtopia
Christmas Toys
Cooling
Creamy
Daily
Gentle dog
Hairdo
Hiking
My Scratchy
Natur'Luxe
Perfect Care
Petjoy
Poo
Shampoo
Sixties
Smarto
Snack Attack
Terra
Trusty
Urban Style
Viaggio
Wild
Wondercat
Your pet's need
Italy
Search
Dog
Dog
Care & Hygiene
Care & Hygiene
Coat & Skin
Eye, Ear, Nose, Mouth & Paw
Diapers
Poop bags
Poop scoops
Protective collars
Towels, Wipes, Rollers
Training pads
Sprays
Play
Play
ECO & Natural toys
Balls & Treats toys
Dental toys
Latex toys
Outdoor toys
Seasonal toys
Squeaker toys
Strategy & Interactive Toys
At Home
At Home
Food & Water Dispensers
Drinking Fountains
Bowls & Slow Feeders
Cooling items
Food containers
Yard Leads
Puppy Pens
Resting Place
Resting Place
Baskets, Cushions & Mats
Furniture
Dog Houses
On tour
On tour
Car accessories
Carriers
Clothing & Shoes
Leashes, Collars & Harness
Muzzles
Outdoor foldable bowls
Retractable dog Leashes
Stroller
Soft Crates
Treat bags & Travel Bottles
Wire cages
Snacks
Snacks
Creamy Treats
Snacks & rawhide
Freeze-dried snacks
Dental snacks
Cat
Cat
Care & Hygiene
Care & Hygiene
Coat & Skin
Eye, Ear & Nose
Towels, Wipes & Rollers
Cat Litter
Cat litter Trays & Mats
Cat Litter Boxes
Cat Litter Deodorize
Sprays
Paw
Poop scoop
Play
Play
ECO & Natural toys
Catnip toys
Balls & Treats toys
Strategy & Interactive toys
Seasonal toys
At Home
At Home
Food & Water Dispensers
Drinking Fountains
Bowls & Slow Feeders
Cat Doors
Cat Grass
Scratching
Resting Place
Resting Place
Baskets, Cushions & Mats
Furniture
On Tour
On Tour
Leashes, Collars & Harness
Travel Bags & Accessories
Snacks
Snacks
Creamy Treats
Snacks & rawhide
Small animals
Small animals
Play
Play
Toys
On Tour
On Tour
Travel & Cages
Resting Place
Resting Place
Drinking Bottles
Collection
Collection
BBQ
Brainy Games
Carnivore
CatElite
Charmy
Chewtopia
Christmas Toys
Cooling
Creamy
Daily
Gentle dog
Hairdo
Hiking
My Scratchy
Natur'Luxe
Perfect Care
Petjoy
Poo
Shampoo
Sixties
Smarto
Snack Attack
Terra
Trusty
Urban Style
Viaggio
Wild
Wondercat
Your pet's need
Your pet's need
Italy
</div> </div> </div> <!-- END sections: header-group --><main id="MainContent" role="main" tabindex="-1"> <div id="shopify-section-template--18322759778468__main" class="shopify-section"><link href="//m-pets.com/cdn/shop/t/7/assets/main-product-style.min.css?v=137031048266724225561720777150" rel="stylesheet" type="text/css" media="all" /> <link href="//m-pets.com/cdn/shop/t/7/assets/product-media-style.min.css?v=183487174103811859131718890641" rel="stylesheet" type="text/css" media="all" /> <link href="//m-pets.com/cdn/shop/t/7/assets/price-style.min.css?v=156095807849453735051718789308" rel="stylesheet" type="text/css" media="all" /> <link href="//m-pets.com/cdn/shop/t/7/assets/accordion-style.min.css?v=81917454837331430441718789308" rel="stylesheet" type="text/css" media="all" /> <link href="//m-pets.com/cdn/shop/t/7/assets/social-icons-style.min.css?v=179896178407533865531718789308" rel="stylesheet" type="text/css" media="all" /> <link href="//m-pets.com/cdn/shop/t/7/assets/product-usp-style.min.css?v=164146169019330464641718789308" rel="stylesheet" type="text/css" media="all" /> <script type="application/json" id="ProductJSON-10185094561956"> [] </script> <script src="//m-pets.com/cdn/shop/t/7/assets/product-form-script.min.js?v=86727410513231838911718789308" defer="defer"></script> <script src="//m-pets.com/cdn/shop/t/7/assets/product-model-script.min.js?v=121529477147492034571718789308" defer="defer"></script><link href="//m-pets.com/cdn/shop/t/7/assets/product-zoom-style.min.css?v=117379679732668466721718789308" rel="stylesheet" type="text/css" media="all" /> <script src="//m-pets.com/cdn/shop/t/7/assets/product-zoom-script.min.js?v=65609793895830334031718789308" defer="defer"></script><section id="main-product-template--18322759778468__main" class="o-product o-section js-main-product u-color--scheme-1 " data-section="template--18322759778468__main" data-top="none" data-bottom="small" > <div class="o-product__inner o-section__page-width"> <div class="o-product__breadcrumbs"><link rel="stylesheet" href="//m-pets.com/cdn/shop/t/7/assets/breadcrumbs-style.min.css?v=135705330008785200271718789308" media="print" onload="this.media='all'"> <noscript><link href="//m-pets.com/cdn/shop/t/7/assets/breadcrumbs-style.min.css?v=135705330008785200271718789308" rel="stylesheet" type="text/css" media="all" /></noscript><nav class="m-breadcrumbs" role="navigation" aria-label="breadcrumbs"> <ul class="m-breadcrumbs__list grid grid--center-v u-unstyled-list"><li class="m-breadcrumbs__item"> <a class="m-breadcrumbs__link" href="/en-it">Home</a> </li><li class="m-breadcrumbs__chevron"><svg class="icon icon-chevron-right" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M8.29289 5.29289C8.68342 4.90237 9.31658 4.90237 9.70711 5.29289L15.7071 11.2929C16.0976 11.6834 16.0976 12.3166 15.7071 12.7071L9.70711 18.7071C9.31658 19.0976 8.68342 19.0976 8.29289 18.7071C7.90237 18.3166 7.90237 17.6834 8.29289 17.2929L13.5858 12L8.29289 6.70711C7.90237 6.31658 7.90237 5.68342 8.29289 5.29289Z" fill="currentColor"/> </svg> </li> <li class="m-breadcrumbs__item"> <a class="m-breadcrumbs__link" href="/en-it/collections/petjoy">Petjoy</a> </li><li class="m-breadcrumbs__chevron"><svg class="icon icon-chevron-right" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M8.29289 5.29289C8.68342 4.90237 9.31658 4.90237 9.70711 5.29289L15.7071 11.2929C16.0976 11.6834 16.0976 12.3166 15.7071 12.7071L9.70711 18.7071C9.31658 19.0976 8.68342 19.0976 8.29289 18.7071C7.90237 18.3166 7.90237 17.6834 8.29289 17.2929L13.5858 12L8.29289 6.70711C7.90237 6.31658 7.90237 5.68342 8.29289 5.29289Z" fill="currentColor"/> </svg> </li> <li class="m-breadcrumbs__item"> <span class="m-breadcrumbs__link" aria-current="page">PETJOY HappyTote Shopping Bag PetFamily - Black & White</span> </li></ul> </nav> </div> <div class="o-product__content grid grid--top-v grid--no-wrap-md"> <div id="main-product-media-template--18322759778468__main" class="o-product__media o-product__media--left grid__col-12 grid__col-md-7 js-product-media" data-type="columns" ><div class="m-product-media m-product-media--columns m-product-media--ratio-4x5 m-swiper js-product-media-items swiper"> <div class="m-product-media__wrapper swiper-wrapper" id="product-media-zoom" ><a class="m-product-media__item m-product-media__image m-product-zoom swiper-slide" data-media-id="41466015219876" href="//m-pets.com/cdn/shop/files/untitled_19_a903a62a-bf4d-48e5-a4ef-0e04fac8877c.png?crop=center&height=2000&v=1738832787&width=2000" data-pswp-width="2000" data-pswp-height="2000" target="_blank" data-cropped="true" ><img src="//m-pets.com/cdn/shop/files/untitled_19_a903a62a-bf4d-48e5-a4ef-0e04fac8877c.png?v=1738832787&width=1024" alt="PETJOY HappyTote Shopping Bag PetFamily - Black & White" srcset="//m-pets.com/cdn/shop/files/untitled_19_a903a62a-bf4d-48e5-a4ef-0e04fac8877c.png?v=1738832787&width=165 165w, //m-pets.com/cdn/shop/files/untitled_19_a903a62a-bf4d-48e5-a4ef-0e04fac8877c.png?v=1738832787&width=360 360w, //m-pets.com/cdn/shop/files/untitled_19_a903a62a-bf4d-48e5-a4ef-0e04fac8877c.png?v=1738832787&width=535 535w, //m-pets.com/cdn/shop/files/untitled_19_a903a62a-bf4d-48e5-a4ef-0e04fac8877c.png?v=1738832787&width=750 750w" width="1024" height="1024" class="a-img__ratio--4x5" sizes="(min-width: px) 0px, (min-width: 750px) calc((100vw) / 2), calc((100vw) / 2)" fetchpriority="auto"> </a></div> <div class="swiper-button-next m-swiper__arrow m-swiper__arrow--large m-swiper__arrow--next"><svg class="icon icon-arrow-right" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M4 12C4 11.4477 4.44772 11 5 11H19C19.5523 11 20 11.4477 20 12C20 12.5523 19.5523 13 19 13H5C4.44772 13 4 12.5523 4 12Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.2929 4.29289C11.6834 3.90237 12.3166 3.90237 12.7071 4.29289L19.7071 11.2929C20.0976 11.6834 20.0976 12.3166 19.7071 12.7071L12.7071 19.7071C12.3166 20.0976 11.6834 20.0976 11.2929 19.7071C10.9024 19.3166 10.9024 18.6834 11.2929 18.2929L17.5858 12L11.2929 5.70711C10.9024 5.31658 10.9024 4.68342 11.2929 4.29289Z" fill="currentColor"/> </svg> </div> <div class="swiper-button-prev m-swiper__arrow m-swiper__arrow--large m-swiper__arrow--prev"><svg class="icon icon-arrow-left" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M4 12C4 11.4477 4.44772 11 5 11H19C19.5523 11 20 11.4477 20 12C20 12.5523 19.5523 13 19 13H5C4.44772 13 4 12.5523 4 12Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.7071 4.29289C13.0976 4.68342 13.0976 5.31658 12.7071 5.70711L6.41421 12L12.7071 18.2929C13.0976 18.6834 13.0976 19.3166 12.7071 19.7071C12.3166 20.0976 11.6834 20.0976 11.2929 19.7071L4.29289 12.7071C3.90237 12.3166 3.90237 11.6834 4.29289 11.2929L11.2929 4.29289C11.6834 3.90237 12.3166 3.90237 12.7071 4.29289Z" fill="currentColor"/> </svg> </div> </div> </div> <div class="o-product__information o-product__information--sticky grid__col-12 grid__col-md-5"><p class="o-product__text body-fs-sm a-spacing--content " data-top="small" data-bottom="none" > PETJOY </p><div class="o-product__title a-spacing--content" data-top="none" data-bottom="small" > <h1 class="h2">PETJOY HappyTote Shopping Bag PetFamily - Black & White</h1> </div> <div class="m-variants js-variants a-spacing--content" data-section="template--18322759778468__main" data-url="/en-it/products/petjoy-happytote-shopping-bag-petfamily-black-white" data-type="radio" data-top="small" data-bottom="small" ><fieldset class="m-variants__fieldset m-variants__swatches-wrapper"> <legend class="m-variants__legend a-input__label">Color</legend><div class="m-variants__swatch a-swatch a-radio"> <input type="radio" class="m-variants__input m-variants__swatch-input a-radio__input " name="10185094561956-Color" value="white - black" form="product-form-template--18322759778468__main" id="template--18322759778468__main-1-0" checked > <label for="template--18322759778468__main-1-0" class="a-radio__label m-variants__swatch-label" ><img class="m-variants__swatch-img" width="20" height="20" src="//m-pets.com/cdn/shop/files/White_-_Black.png?v=5183132931973709006" alt="" loading="lazy" style="background-color:#ffffff;" ></label> </div></fieldset><script type="application/json"> [{"id":50740938539172,"title":"white - black","option1":"white - black","option2":null,"option3":null,"sku":"60004999","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"PETJOY HappyTote Shopping Bag PetFamily - Black \u0026 White - white - black","public_title":"white - black","options":["white - black"],"price":0,"weight":0,"compare_at_price":null,"inventory_management":null,"barcode":"6953182759669","requires_selling_plan":false,"selling_plan_allocations":[]}] </script> </div><div class="o-product__description rte a-spacing--content" data-top="small" data-bottom="small" > <p>Pet Lover's Essential: This canvas tote bag showcases adorable animal designs, making it a stylish accessory for pet owners on the go. <br>Sturdy and Functional: Crafted from durable canvas, this tote is perfect for carrying your pet’s essentials or daily items, blending practicality with a love for pets.</p> </div><div class="o-product__usps a-spacing--content" data-top="small" data-bottom="small" style="--icon-height:auto;--icon-width:3rem;" ></div> <div class="o-product__accordion m-accordion js-accordion m-accordion--open a-spacing--content" data-top="small" data-bottom="none" > <div class="m-accordion__header grid grid--center-v js-accordion-trigger" tabindex="0"> <h2 class="body-fs-md">Sizes</h2><svg class="icon icon-caret" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M5.29289 8.29289C5.68342 7.90237 6.31658 7.90237 6.70711 8.29289L12 13.5858L17.2929 8.29289C17.6834 7.90237 18.3166 7.90237 18.7071 8.29289C19.0976 8.68342 19.0976 9.31658 18.7071 9.70711L12.7071 15.7071C12.3166 16.0976 11.6834 16.0976 11.2929 15.7071L5.29289 9.70711C4.90237 9.31658 4.90237 8.68342 5.29289 8.29289Z" fill="currentColor"/> </svg> </div> <div class="m-accordion__content rte" style="display: block;" > <div class="m-accordion__text "><p><span class="metafield-multi_line_text_field">31 x 37 cm</span></p> </div> </div> </div><div class="o-product__accordion m-accordion js-accordion m-accordion--open a-spacing--content" data-top="none" data-bottom="none" > <div class="m-accordion__header grid grid--center-v js-accordion-trigger" tabindex="0"> <h2 class="body-fs-md">Identifiers</h2><svg class="icon icon-caret" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M5.29289 8.29289C5.68342 7.90237 6.31658 7.90237 6.70711 8.29289L12 13.5858L17.2929 8.29289C17.6834 7.90237 18.3166 7.90237 18.7071 8.29289C19.0976 8.68342 19.0976 9.31658 18.7071 9.70711L12.7071 15.7071C12.3166 16.0976 11.6834 16.0976 11.2929 15.7071L5.29289 9.70711C4.90237 9.31658 4.90237 8.68342 5.29289 8.29289Z" fill="currentColor"/> </svg> </div> <div class="m-accordion__content rte" style="display: block;" > <div class="m-accordion__text u-unstyled-list"><ul><li>Product item number: 60004999</li><li>Product eancode: 6953182759669</li><li>Display eancode: </li></ul> </div> </div> </div></div> </div> </div></section><script src="//m-pets.com/cdn/shop/t/7/assets/accordion-script.min.js?v=103891738775892205691718789308" defer="defer"></script><script type="application/ld+json"> { "@context": "http://schema.org/", "@type": "Product", "name": "PETJOY HappyTote Shopping Bag PetFamily - Black \u0026 White", "url": "https:\/\/m-pets.com\/en-it\/products\/petjoy-happytote-shopping-bag-petfamily-black-white", "image": [ "https:\/\/m-pets.com\/cdn\/shop\/files\/untitled_19_a903a62a-bf4d-48e5-a4ef-0e04fac8877c.png?v=1738832787\u0026width=1000" ], "description": "Pet Lover's Essential: This canvas tote bag showcases adorable animal designs, making it a stylish accessory for pet owners on the go.\nSturdy and Functional: Crafted from durable canvas, this tote is perfect for carrying your pet’s essentials or daily items, blending practicality with a love for pets.", "sku": "60004999", "brand": { "@type": "Brand", "name": "PETJOY" }, "offers": [{ "@type" : "Offer","sku": "60004999","gtin13": 6953182759669,"availability" : "http://schema.org/InStock", "price" : 0.0, "priceCurrency" : "EUR", "url" : "https:\/\/m-pets.com\/en-it\/products\/petjoy-happytote-shopping-bag-petfamily-black-white?variant=50740938539172" } ] } </script> </div><div id="shopify-section-template--18322759778468__ss_size_guide_2_fWwwhJ" class="shopify-section"> <style data-shopify>@font-face { font-family: "Josefin Sans"; font-weight: 400; font-style: normal; font-display: swap; src: url("//m-pets.com/cdn/fonts/josefin_sans/josefinsans_n4.c8300d95fd4ce72542a6efba9c682da40d144fba.woff2?h1=bS1wZXRzLXNob3AuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bS1wZXRzLmNvbQ&hmac=0055833516aac49078d4bd5940a5de77f646d76aa5cf6d3ab1be0bbfd3ecd3ed") format("woff2"), url("//m-pets.com/cdn/fonts/josefin_sans/josefinsans_n4.ed7230a86e75b34b997bd12a5e1b87fcaf7104d8.woff?h1=bS1wZXRzLXNob3AuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bS1wZXRzLmNvbQ&hmac=cacd74d22b192d536faf96e7faf65c333e951e2f81623d6fed019c12252ae7e9") format("woff"); } @font-face { font-family: "Josefin Sans"; font-weight: 400; font-style: normal; font-display: swap; src: url("//m-pets.com/cdn/fonts/josefin_sans/josefinsans_n4.c8300d95fd4ce72542a6efba9c682da40d144fba.woff2?h1=bS1wZXRzLXNob3AuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bS1wZXRzLmNvbQ&hmac=0055833516aac49078d4bd5940a5de77f646d76aa5cf6d3ab1be0bbfd3ecd3ed") format("woff2"), url("//m-pets.com/cdn/fonts/josefin_sans/josefinsans_n4.ed7230a86e75b34b997bd12a5e1b87fcaf7104d8.woff?h1=bS1wZXRzLXNob3AuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bS1wZXRzLmNvbQ&hmac=cacd74d22b192d536faf96e7faf65c333e951e2f81623d6fed019c12252ae7e9") format("woff"); } @font-face { font-family: "Josefin Sans"; font-weight: 400; font-style: normal; font-display: swap; src: url("//m-pets.com/cdn/fonts/josefin_sans/josefinsans_n4.c8300d95fd4ce72542a6efba9c682da40d144fba.woff2?h1=bS1wZXRzLXNob3AuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bS1wZXRzLmNvbQ&hmac=0055833516aac49078d4bd5940a5de77f646d76aa5cf6d3ab1be0bbfd3ecd3ed") format("woff2"), url("//m-pets.com/cdn/fonts/josefin_sans/josefinsans_n4.ed7230a86e75b34b997bd12a5e1b87fcaf7104d8.woff?h1=bS1wZXRzLXNob3AuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bS1wZXRzLmNvbQ&hmac=cacd74d22b192d536faf96e7faf65c333e951e2f81623d6fed019c12252ae7e9") format("woff"); } @font-face { font-family: "Josefin Sans"; font-weight: 400; font-style: normal; font-display: swap; src: url("//m-pets.com/cdn/fonts/josefin_sans/josefinsans_n4.c8300d95fd4ce72542a6efba9c682da40d144fba.woff2?h1=bS1wZXRzLXNob3AuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bS1wZXRzLmNvbQ&hmac=0055833516aac49078d4bd5940a5de77f646d76aa5cf6d3ab1be0bbfd3ecd3ed") format("woff2"), url("//m-pets.com/cdn/fonts/josefin_sans/josefinsans_n4.ed7230a86e75b34b997bd12a5e1b87fcaf7104d8.woff?h1=bS1wZXRzLXNob3AuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bS1wZXRzLmNvbQ&hmac=cacd74d22b192d536faf96e7faf65c333e951e2f81623d6fed019c12252ae7e9") format("woff"); } @font-face { font-family: "Josefin Sans"; font-weight: 400; font-style: normal; font-display: swap; src: url("//m-pets.com/cdn/fonts/josefin_sans/josefinsans_n4.c8300d95fd4ce72542a6efba9c682da40d144fba.woff2?h1=bS1wZXRzLXNob3AuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bS1wZXRzLmNvbQ&hmac=0055833516aac49078d4bd5940a5de77f646d76aa5cf6d3ab1be0bbfd3ecd3ed") format("woff2"), url("//m-pets.com/cdn/fonts/josefin_sans/josefinsans_n4.ed7230a86e75b34b997bd12a5e1b87fcaf7104d8.woff?h1=bS1wZXRzLXNob3AuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bS1wZXRzLmNvbQ&hmac=cacd74d22b192d536faf96e7faf65c333e951e2f81623d6fed019c12252ae7e9") format("woff"); } .section-template--18322759778468__ss_size_guide_2_fWwwhJ { border-top: solid #000000 0px; border-bottom: solid #000000 0px; margin-top: 0px !important; margin-bottom: -8px !important; } .section-template--18322759778468__ss_size_guide_2_fWwwhJ-settings { margin: 0 auto; padding-top: 0px; padding-bottom: 0px; padding-left: 0rem; padding-right: 0rem; position: relative; } .size-toggle-template--18322759778468__ss_size_guide_2_fWwwhJ { display: flex; align-items: center; gap: 5px; max-width: fit-content; cursor: pointer; } .size-toggle-template--18322759778468__ss_size_guide_2_fWwwhJ * { margin: 0px; font-size: 13px; color: #000000; line-height: 130%; text-transform: unset; font-weight: 400; text-decoration: underline; text-underline-offset: 2px; transition: all 0.25s ease 0s; } .size-toggle-template--18322759778468__ss_size_guide_2_fWwwhJ:hover * { transition: all 0.25s ease 0s; color: #555555; } .size-toggle-icon-template--18322759778468__ss_size_guide_2_fWwwhJ { flex: 0 0 14px; } .size-toggle-icon-template--18322759778468__ss_size_guide_2_fWwwhJ img, .size-toggle-icon-template--18322759778468__ss_size_guide_2_fWwwhJ svg { display: block; width: 14px; height: 100%; object-fit: cover; } .size-toggle-icon-template--18322759778468__ss_size_guide_2_fWwwhJ svg path { transition: all 0.25s ease 0s; stroke: #000000; } .size-toggle-template--18322759778468__ss_size_guide_2_fWwwhJ:hover .size-toggle-icon-template--18322759778468__ss_size_guide_2_fWwwhJ svg path { transition: all 0.25s ease 0s; stroke: #555555; } .size-modal-template--18322759778468__ss_size_guide_2_fWwwhJ { width: 100vw; height: 100vh; top: 0; left: 0; position: fixed; display: flex; align-items: center; justify-content: center; opacity: 0; overflow: hidden; overflow-y: scroll; pointer-events: none; background: rgba(0,0,0,0.3); padding: 10px; } .size-modal-template--18322759778468__ss_size_guide_2_fWwwhJ.active { opacity: 1; z-index: 100; pointer-events: all; transition: all 250ms ease-in 0s; } .size-modal-inner-template--18322759778468__ss_size_guide_2_fWwwhJ { position: relative; width: 100%; max-height: 96vh; height: 100%; padding: 40px 20px; border: 0px solid #000000; background-color: #FFFFFF; border-radius: 8px; max-width: 100%; overflow-y: auto; scrollbar-width: thin; } .size-modal-body-template--18322759778468__ss_size_guide_2_fWwwhJ { display: flex; flex-direction: column; gap: 10px; margin-top: 20px; } .size-modal-image-template--18322759778468__ss_size_guide_2_fWwwhJ { flex: 1 0; border-radius: 0px; overflow: hidden; } .size-modal-image-template--18322759778468__ss_size_guide_2_fWwwhJ img, .size-modal-image-template--18322759778468__ss_size_guide_2_fWwwhJ svg { display: block; width: 100%; height: 100%; object-fit: cover; } .size-modal-image-template--18322759778468__ss_size_guide_2_fWwwhJ svg { background-color: #AFAFAF; } .size-modal-heading-template--18322759778468__ss_size_guide_2_fWwwhJ { text-align: left; } .size-modal-heading-template--18322759778468__ss_size_guide_2_fWwwhJ * { margin: 0px; font-size: 24px; color: #000000; line-height: 130%; text-transform: unset; } .size-modal-content-template--18322759778468__ss_size_guide_2_fWwwhJ { flex: 1 0; width: calc(100% + 20px); } .size-modal-content-top-template--18322759778468__ss_size_guide_2_fWwwhJ { margin-top: 40px; display: flex; align-items: center; justify-content: space-between; gap: 10px; } .size-modal-title-template--18322759778468__ss_size_guide_2_fWwwhJ { margin: 0px; font-size: 18px; color: #000000; line-height: 130%; text-transform: unset; word-break: break-word; font-weight: 700 } .size-modal-text-template--18322759778468__ss_size_guide_2_fWwwhJ { margin-top: 20px; text-align: left; } .size-modal-table-template--18322759778468__ss_size_guide_2_fWwwhJ { text-align: left; min-width: 100%; overflow-x: auto; white-space: nowrap; margin-left: -20px; padding-left: 20px; padding-right: 20px; scrollbar-width: thin; } .size-modal-table-template--18322759778468__ss_size_guide_2_fWwwhJ::-webkit-scrollbar { background-color: #f9f9fd; } .size-modal-table-template--18322759778468__ss_size_guide_2_fWwwhJ::-webkit-scrollbar-thumb { background-color: #000000; } .size-modal-table-template--18322759778468__ss_size_guide_2_fWwwhJ table { border: 1px solid rgba(var(--color-foreground),.2); box-shadow: none; } .size-modal-text-template--18322759778468__ss_size_guide_2_fWwwhJ *, .size-modal-table-template--18322759778468__ss_size_guide_2_fWwwhJ * { font-size: 12px; color: #000000; line-height: 130%; text-transform: unset; word-break: break-word; } .size-modal-text-template--18322759778468__ss_size_guide_2_fWwwhJ *:first-child, .size-modal-table-template--18322759778468__ss_size_guide_2_fWwwhJ *:first-child { margin-top: 0px; } .size-modal-text-template--18322759778468__ss_size_guide_2_fWwwhJ ul, .size-modal-table-template--18322759778468__ss_size_guide_2_fWwwhJ ul { list-style-type: disc; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 40px; unicode-bidi: isolate; } .size-modal-close-template--18322759778468__ss_size_guide_2_fWwwhJ { display: flex; justify-content: center; align-items: center; top: 20px !important; right: 10px !important; background-color: transparent; border: 0px; box-shadow: none; cursor: pointer; z-index: 99; position: absolute; margin: 0px; } .size-modal-close-template--18322759778468__ss_size_guide_2_fWwwhJ svg { width: 18px; } .size-modal-close-template--18322759778468__ss_size_guide_2_fWwwhJ svg path { fill: #000000; } .size-modal-toggles-template--18322759778468__ss_size_guide_2_fWwwhJ { max-width: fit-content; padding: 5px; border-radius: 100px; border: 1px solid #000000; min-width: 150px; cursor: pointer; } .size-modal-toggles-inner-template--18322759778468__ss_size_guide_2_fWwwhJ { display: grid; grid-template-columns: repeat(2, 1fr); position: relative; width: 100%; } .size-modal-toggle-template--18322759778468__ss_size_guide_2_fWwwhJ { flex: 1 0; display: block; padding: 10px; font-size: 15px; color: #000000; line-height: 100%; text-transform: unset; transition: all 0.25s ease 0s; position: relative; z-index: 2; text-align: center; } .size-modal-toggles-template--18322759778468__ss_size_guide_2_fWwwhJ .size-modal-toggle-template--18322759778468__ss_size_guide_2_fWwwhJ:first-child { transition: all 0.25s ease 0s; color: #FFFFFF; } .size-modal-toggles-template--18322759778468__ss_size_guide_2_fWwwhJ.active .size-modal-toggle-template--18322759778468__ss_size_guide_2_fWwwhJ:first-child { transition: all 0.25s ease 0s; color: #000000; } .size-modal-toggles-template--18322759778468__ss_size_guide_2_fWwwhJ.active .size-modal-toggle-template--18322759778468__ss_size_guide_2_fWwwhJ:nth-child(2) { transition: all 0.25s ease 0s; color: #FFFFFF; } .size-modal-toggle-active-template--18322759778468__ss_size_guide_2_fWwwhJ { background-color: #000000; position: absolute; top: 0; left: 0; width: calc(100% / 2); height: 100%; border-radius: 100px; z-index: 1; transition: all 0.25s ease 0s; } .size-modal-toggles-template--18322759778468__ss_size_guide_2_fWwwhJ.active .size-modal-toggle-active-template--18322759778468__ss_size_guide_2_fWwwhJ { left: 50%; transition: all 0.25s ease 0s; } .size-modal-table-template--18322759778468__ss_size_guide_2_fWwwhJ { display: none; } .size-modal-tables-template--18322759778468__ss_size_guide_2_fWwwhJ .size-modal-table-template--18322759778468__ss_size_guide_2_fWwwhJ:first-child { display: block; } .size-modal-tables-template--18322759778468__ss_size_guide_2_fWwwhJ.active .size-modal-table-template--18322759778468__ss_size_guide_2_fWwwhJ:first-child { display: none; } .size-modal-tables-template--18322759778468__ss_size_guide_2_fWwwhJ.active .size-modal-table-template--18322759778468__ss_size_guide_2_fWwwhJ:last-child { display: block; } .size-modal-content-template--18322759778468__ss_size_guide_2_fWwwhJ { order: 2; } .size-modal-image-template--18322759778468__ss_size_guide_2_fWwwhJ { order: 1; } @media(min-width: 1024px) { .section-template--18322759778468__ss_size_guide_2_fWwwhJ { margin-top: 0px !important; margin-bottom: -10px !important; } .section-template--18322759778468__ss_size_guide_2_fWwwhJ-settings { padding: 0 5rem; padding-top: 0px; padding-bottom: 0px; padding-left: 0rem; padding-right: 0rem; } .size-toggle-template--18322759778468__ss_size_guide_2_fWwwhJ * { font-size: 13px; } .size-toggle-icon-template--18322759778468__ss_size_guide_2_fWwwhJ { flex: 0 0 14px; } .size-modal-template--18322759778468__ss_size_guide_2_fWwwhJ { padding: 80px; } .size-modal-inner-template--18322759778468__ss_size_guide_2_fWwwhJ { max-width: 100%; padding: 40px 40px; } .size-modal-heading-template--18322759778468__ss_size_guide_2_fWwwhJ { text-align: left; } .size-modal-heading-template--18322759778468__ss_size_guide_2_fWwwhJ * { font-size: 32px; } .size-modal-body-template--18322759778468__ss_size_guide_2_fWwwhJ { gap: 40px; margin-top: 20px; flex-direction: row; } .size-modal-content-top-template--18322759778468__ss_size_guide_2_fWwwhJ { margin-top: 40px; } .size-modal-title-template--18322759778468__ss_size_guide_2_fWwwhJ { font-size: 24px; } .size-toggle-icon-template--18322759778468__ss_size_guide_2_fWwwhJ img, .size-toggle-icon-template--18322759778468__ss_size_guide_2_fWwwhJ svg { width: 14px; } .size-modal-text-template--18322759778468__ss_size_guide_2_fWwwhJ { margin-top: 20px; text-align: left; } .size-modal-table-template--18322759778468__ss_size_guide_2_fWwwhJ { text-align: left; margin-left: -40px; padding-left: 40px; padding-right: 40px; } .size-modal-text-template--18322759778468__ss_size_guide_2_fWwwhJ *, .size-modal-table-template--18322759778468__ss_size_guide_2_fWwwhJ * { font-size: 14px; } .size-modal-close-template--18322759778468__ss_size_guide_2_fWwwhJ { top: 30px !important; right: 30px !important; } .size-modal-close-template--18322759778468__ss_size_guide_2_fWwwhJ svg { width: 24px; } .size-modal-toggle-template--18322759778468__ss_size_guide_2_fWwwhJ { font-size: 15px; } .size-modal-content-template--18322759778468__ss_size_guide_2_fWwwhJ { order: 1; width: auto; } .size-modal-image-template--18322759778468__ss_size_guide_2_fWwwhJ { order: 2; } }</style> <style> .size-toggle-template--18322759778468__ss_size_guide_2_fWwwhJ { margin-left: auto; } </style> <style> @media(min-width: 1024px) { .size-toggle-template--18322759778468__ss_size_guide_2_fWwwhJ { margin-left: auto; margin-right: 0px; } } </style> <style> .size-modal-table-template--18322759778468__ss_size_guide_2_fWwwhJ { scrollbar-width: none; -ms-overflow-style: none; } .size-modal-table-template--18322759778468__ss_size_guide_2_fWwwhJ::-webkit-scrollbar { display: none; } </style> <script> (function () { function moreLoadProductForm() { var productForm = document.querySelector('#ss-size-guide-2'); if (!productForm){ var productForm = document.querySelector('.price.price--large.price--show-badge'); if (!productForm) return; } const templateContent = document.querySelector( '#ss-size-guide-2-template--18322759778468__ss_size_guide_2_fWwwhJ' ).content; productForm.insertAdjacentElement( 'afterend', templateContent.firstElementChild ); var bodyInner = document.querySelector('body'); const templateContent2 = document.querySelector( '#ss-size-guide-2-modal-template--18322759778468__ss_size_guide_2_fWwwhJ' ).content; bodyInner.insertAdjacentElement( 'beforeend', templateContent2.firstElementChild ); } window.addEventListener('DOMContentLoaded', moreLoadProductForm); })(); </script> <template id="ss-size-guide-2-template--18322759778468__ss_size_guide_2_fWwwhJ"> <div class="section-template--18322759778468__ss_size_guide_2_fWwwhJ size-guide-template--18322759778468__ss_size_guide_2_fWwwhJ" style="background-color:; background-image: ;"> <div class="section-template--18322759778468__ss_size_guide_2_fWwwhJ-settings"> <div class="size-toggle-template--18322759778468__ss_size_guide_2_fWwwhJ"> <span>Size Guide</span> <div class="size-toggle-icon-template--18322759778468__ss_size_guide_2_fWwwhJ"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <g clip-path="url(#clip0_1_3)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.625863 16.1183C-0.0280383 16.7722 -0.0280383 17.8324 0.625863 18.4863L5.36183 23.2223C6.01573 23.8762 7.07592 23.8762 7.72982 23.2223L23.1217 7.83037C23.7756 7.17647 23.7756 6.11629 23.1217 5.46239L18.3858 0.726418C17.7319 0.0725167 16.6717 0.0725178 16.0178 0.726418L0.625863 16.1183ZM6.74316 11.5797L4.37515 13.9477L6.34849 15.921C6.67544 16.248 6.67544 16.7781 6.34849 17.105C6.02154 17.432 5.49145 17.432 5.1645 17.105L3.19116 15.1317L1.41519 16.9077C1.19722 17.1256 1.19722 17.479 1.41519 17.697L6.15116 22.433C6.36913 22.6509 6.72252 22.6509 6.94049 22.433L22.3324 7.04105C22.5504 6.82308 22.5504 6.46968 22.3324 6.25172L17.5964 1.51575C17.3785 1.29778 17.0251 1.29778 16.8071 1.51575L15.0311 3.29175L17.0044 5.26507C17.3314 5.59202 17.3314 6.12211 17.0044 6.44906C16.6775 6.77601 16.1474 6.77601 15.8204 6.44906L13.8471 4.47574L11.4791 6.84372L13.4524 8.81704C13.7794 9.14399 13.7794 9.67409 13.4524 10.001C13.1255 10.328 12.5954 10.328 12.2685 10.001L10.2951 8.02771L7.92715 10.3957L9.90047 12.369C10.2274 12.696 10.2274 13.2261 9.90047 13.553C9.57352 13.88 9.04343 13.88 8.71648 13.553L6.74316 11.5797Z" fill="black"/> </g> <defs> <clipPath id="clip0_1_3"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </div> </div> </div> </div> </template> <template class="size-modal-wrapper-template--18322759778468__ss_size_guide_2_fWwwhJ" id="ss-size-guide-2-modal-template--18322759778468__ss_size_guide_2_fWwwhJ"> <div class="size-modal-template--18322759778468__ss_size_guide_2_fWwwhJ"> <div class="size-modal-inner-template--18322759778468__ss_size_guide_2_fWwwhJ"> <button class="size-modal-close-template--18322759778468__ss_size_guide_2_fWwwhJ"> <svg viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.0002 10.586L4.70718 3.29297L3.29297 4.70718L10.586 12.0002L3.29297 19.2933L4.70718 20.7075L12.0002 13.4145L19.2933 20.7075L20.7075 19.2933L13.4145 12.0002L20.7075 4.70723L19.2933 3.29302L12.0002 10.586Z" fill="white"></path></svg> </button> <div class="size-modal-heading-template--18322759778468__ss_size_guide_2_fWwwhJ"> <h2>Size Guide</h2> </div> <div class="size-modal-content-top-template--18322759778468__ss_size_guide_2_fWwwhJ"> <p class="size-modal-title-template--18322759778468__ss_size_guide_2_fWwwhJ">Product measurements</p> <div class="size-modal-toggles-template--18322759778468__ss_size_guide_2_fWwwhJ"> <div class="size-modal-toggles-inner-template--18322759778468__ss_size_guide_2_fWwwhJ"> <span class="size-modal-toggle-template--18322759778468__ss_size_guide_2_fWwwhJ">INCH</span> <span class="size-modal-toggle-template--18322759778468__ss_size_guide_2_fWwwhJ">CM</span> <span class="size-modal-toggle-active-template--18322759778468__ss_size_guide_2_fWwwhJ"></span> </div> </div> </div> <div class="size-modal-body-template--18322759778468__ss_size_guide_2_fWwwhJ"> <div class="size-modal-content-template--18322759778468__ss_size_guide_2_fWwwhJ"> <div class="size-modal-tables-template--18322759778468__ss_size_guide_2_fWwwhJ"> <div class="size-modal-table-template--18322759778468__ss_size_guide_2_fWwwhJ"> <p>Size chart content</p> </div> <div class="size-modal-table-template--18322759778468__ss_size_guide_2_fWwwhJ"> <p>Size chart content</p> </div> </div> <div class="size-modal-text-template--18322759778468__ss_size_guide_2_fWwwhJ"> <p>Size guide text</p> </div> </div> <div class="size-modal-image-template--18322759778468__ss_size_guide_2_fWwwhJ"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> </div> </div> </div> </template> <script> function initSizeGuide() { setTimeout(() => { let toggle = document.querySelector('.size-toggle-template--18322759778468__ss_size_guide_2_fWwwhJ'); const modal = document.querySelector('.size-modal-template--18322759778468__ss_size_guide_2_fWwwhJ'); const close = document.querySelector('.size-modal-close-template--18322759778468__ss_size_guide_2_fWwwhJ'); if(toggle) { toggle.addEventListener('click', () => { document.body.style.overflow = 'hidden'; modal.classList.add('active'); }) } close.addEventListener('click', () => { document.body.style.overflow = ''; modal.classList.remove('active'); }); document.addEventListener('click', (e) => { if (e.target == modal) { document.body.style.overflow = ''; modal.classList.remove('active'); } }); let toggles = document.querySelector('.size-modal-toggles-template--18322759778468__ss_size_guide_2_fWwwhJ'); let tables = document.querySelector('.size-modal-tables-template--18322759778468__ss_size_guide_2_fWwwhJ'); if(toggles) { toggles.addEventListener('click', () => { toggles.classList.toggle('active'); tables.classList.toggle('active'); }) } }, 400) } document.addEventListener('DOMContentLoaded', initSizeGuide); if (Shopify.designMode) { document.addEventListener('shopify:section:unload', initSizeGuide); document.addEventListener('shopify:section:load', initSizeGuide); } </script> </div><div id="shopify-section-template--18322759778468__ss_back_to_top_2_pHGjXR" class="shopify-section"> <style data-shopify>@font-face { font-family: Assistant; font-weight: 400; font-style: normal; font-display: swap; src: url("//m-pets.com/cdn/fonts/assistant/assistant_n4.bcd3d09dcb631dec5544b8fb7b154ff234a44630.woff2?h1=bS1wZXRzLXNob3AuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bS1wZXRzLmNvbQ&hmac=fe88393c7e0f4e101f49ff26a7e11bea5fc96af2530fb41332eba2ba0502d255") format("woff2"), url("//m-pets.com/cdn/fonts/assistant/assistant_n4.a2d012304becc2a26f1ded1acc136fcab85c9afd.woff?h1=bS1wZXRzLXNob3AuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bS1wZXRzLmNvbQ&hmac=f092a3c2be24d6b381cce94fdab1e93b07bc45847f7463213cdf430672a58ac0") format("woff"); } .back-top-wrapper-template--18322759778468__ss_back_to_top_2_pHGjXR { position: relative; } .back-top-template--18322759778468__ss_back_to_top_2_pHGjXR { padding: 5px; position: fixed; bottom: 20px; background-color: #ffffff; border-radius: 50%; border: 0px solid #000000; transition: all 0.3s ease-in-out; cursor: pointer; opacity: 0; pointer-events: none; z-index: -1; transition: all 0.35s ease 0s; transform: translateY(20px); } .back-top-template--18322759778468__ss_back_to_top_2_pHGjXR.active { transition: all 0.35s ease 0s; opacity: 1; pointer-events: all; z-index: 2; transform: translateY(0px); } .back-top-content-template--18322759778468__ss_back_to_top_2_pHGjXR { position: relative; width: fit-content; height: fit-content; padding: 25px; } .back-top-image-template--18322759778468__ss_back_to_top_2_pHGjXR { position: relative; z-index: 2; border-radius: 0%; width: 50px; height: 50px; background-color: #ffffff; } .back-top-image-template--18322759778468__ss_back_to_top_2_pHGjXR img, .back-top-image-template--18322759778468__ss_back_to_top_2_pHGjXR svg { width: 100%; height: 100%; display: block; object-fit: cover; border-radius: 0%; } .back-top-text-template--18322759778468__ss_back_to_top_2_pHGjXR { height: 100%; width: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center; } .back-top-text_inner-template--18322759778468__ss_back_to_top_2_pHGjXR { height: 100%; width: 100%; transform-origin: center center; } #text-template--18322759778468__ss_back_to_top_2_pHGjXR { margin: 0px; position: relative; } #text-template--18322759778468__ss_back_to_top_2_pHGjXR span { position: absolute; transform-origin: 0 50px; left: 50%; color: #000000; font-size: 12px; font-weight: 700; line-height: 100%; } #right-eye, #left-eye { transform-origin: center; } @media(min-width: 1024px) { .back-top-content-template--18322759778468__ss_back_to_top_2_pHGjXR { padding: 25px; } .back-top-image-template--18322759778468__ss_back_to_top_2_pHGjXR { width: 60px; height: 60px; } #text-template--18322759778468__ss_back_to_top_2_pHGjXR span { transform-origin: 0 55px; font-size: 12px; } }</style> <style> #text-template--18322759778468__ss_back_to_top_2_pHGjXR span { font-family: Assistant, sans-serif; font-weight: 400; font-style: normal; } </style> <style> .back-top-template--18322759778468__ss_back_to_top_2_pHGjXR { right: 20px; } </style> <style> .back-top-template--18322759778468__ss_back_to_top_2_pHGjXR:hover .back-top-text_inner-template--18322759778468__ss_back_to_top_2_pHGjXR { animation: rotating_text 10s linear infinite; } @keyframes rotating_text { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } </style> <style> .back-top-template--18322759778468__ss_back_to_top_2_pHGjXR { box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px; } </style> <button class="back-top-template--18322759778468__ss_back_to_top_2_pHGjXR "> <div class="back-top-content-template--18322759778468__ss_back_to_top_2_pHGjXR"> <div class="back-top-image-template--18322759778468__ss_back_to_top_2_pHGjXR"> <img src="//m-pets.com/cdn/shop/files/Image_20250109120916_b26f4275-1ea1-469c-8a41-996fd123aaeb.png?v=1736522675" alt="back-top-image"> </div> <div class="back-top-text-template--18322759778468__ss_back_to_top_2_pHGjXR"> <div class="back-top-text_inner-template--18322759778468__ss_back_to_top_2_pHGjXR"> <p data-text="BACK TO TOP BACK TO TOP BACK TO TOP " id="text-template--18322759778468__ss_back_to_top_2_pHGjXR"></p> </div> </div> </div> </button> <script> function initBackToTop() { var backToTopArrow = document.querySelector( '.back-top-template--18322759778468__ss_back_to_top_2_pHGjXR' ); backToTopArrow.addEventListener('click', function () { window.scrollTo({ top: 0, behavior: 'smooth', }); }); // it only shows when the view is 20% from bottom of the page: const precentOfPage = 1 - 80 / 100; if(precentOfPage === 1) { backToTopArrow.classList.add('active'); } else { window.addEventListener('scroll', function () { if ( window.scrollY > precentOfPage * (document.body.scrollHeight - window.innerHeight) ) { backToTopArrow.classList.add('active'); } else { backToTopArrow.classList.remove('active'); } }); } let text = document.getElementById('text-template--18322759778468__ss_back_to_top_2_pHGjXR'); let str = text.getAttribute('data-text'); let coef = 360 / str.length; let maxWidth = 0; // Переменная для хранения максимальной ширины if (text) { for (let i = 0; i < str.length; i++) { let span = document.createElement('span'); span.innerHTML = str[i]; text.appendChild(span); // Установите временный стиль для span, чтобы получить его ширину span.style.transform = `rotate(${coef * i}deg)`; let spanWidth = span.offsetWidth; // Обновите maxWidth, если текущая ширина больше maxWidth = Math.max(maxWidth, spanWidth); } // Пройдите по всем span и установите им максимальную ширину for (let i = 0; i < text.children.length; i++) { let span = text.children[i]; span.style.width = maxWidth + 'px'; } } var leftEye = document.getElementById('left-eye'); var rightEye = document.getElementById('right-eye'); document.addEventListener('mousemove', function (e) { moveEye(leftEye, e.clientX, e.clientY); moveEye(rightEye, e.clientX, e.clientY); }); function moveEye(eye, mouseX, mouseY) { var eyeRect = eye.getBoundingClientRect(); var eyeX = eyeRect.left + eyeRect.width / 2; var eyeY = eyeRect.top + eyeRect.height / 2; var deltaX = mouseX - eyeX; var deltaY = mouseY - eyeY; var angle = Math.atan2(deltaY, deltaX); var distance = Math.min(eyeRect.width, eyeRect.height) / (1 * 0.6); var distance2 = Math.sqrt(deltaX**2 + deltaY**2); var scaleMultiplier = 0.0006; var scaleY = 1 + distance2 * scaleMultiplier; var newX = Math.cos(angle) * distance; var newY = Math.sin(angle) * distance; eye.style.transform = 'translate(' + newX + 'px, ' + newY + 'px) scaleY(' + scaleY + ')'; } } document.addEventListener('DOMContentLoaded', initBackToTop); if (Shopify.designMode) { document.addEventListener('shopify:section:unload', initBackToTop); document.addEventListener('shopify:section:load', initBackToTop); } </script> </div> </main> <div class="o-footer-group--align-bottom"><!-- BEGIN sections: footer-group --> <div id="shopify-section-sections--18322753061028__footer" class="shopify-section shopify-section-group-footer-group"><link rel="stylesheet" href="//m-pets.com/cdn/shop/t/7/assets/social-icons-style.min.css?v=179896178407533865531718789308" media="print" onload="this.media='all'"> <link rel="stylesheet" href="//m-pets.com/cdn/shop/t/7/assets/payment-icons-style.min.css?v=134436569716294168021718789308" media="print" onload="this.media='all'"> <noscript><link href="//m-pets.com/cdn/shop/t/7/assets/social-icons-style.min.css?v=179896178407533865531718789308" rel="stylesheet" type="text/css" media="all" /></noscript> <noscript><link href="//m-pets.com/cdn/shop/t/7/assets/payment-icons-style.min.css?v=134436569716294168021718789308" rel="stylesheet" type="text/css" media="all" /></noscript> <footer class="o-footer o-section u-color--scheme-3 o-section--padding" data-top="none" data-bottom="none" > <div class="o-footer__inner o-section__page-width"> <div class="o-footer__content-top grid"><div class="o-footer__column m-footer-column grid__col-12 grid__col-sm-6 grid__col-md-2 m-footer-column--no-accordion" ><div class="m-footer-column__item m-footer-column__logo"> <img src="//m-pets.com/cdn/shop/files/Logo.svg?v=1717507358&width=600" alt="M-PETS" srcset="//m-pets.com/cdn/shop/files/Logo.svg?v=1717507358&width=100 100w, //m-pets.com/cdn/shop/files/Logo.svg?v=1717507358&width=150 150w, //m-pets.com/cdn/shop/files/Logo.svg?v=1717507358&width=200 200w" width="100" loading="eager" sizes="(max-width: 200px) 50vw, 100px" fetchpriority="auto"> </div> </div><div class="o-footer__column m-footer-column grid__col-12 grid__col-sm-6 grid__col-md-8 m-footer-column--no-accordion" ><div class="m-footer-column__menu-wrapper"><div class="m-footer-column__item m-footer-column__menu "> <ul class="m-footer-column__list u-unstyled-list"><li class="m-footer-column__list-item"> <a href="/en-it/collections/dogs" class="m-footer-column__link"> For Dogs </a> </li><li class="m-footer-column__list-item"> <a href="/en-it/collections/cats" class="m-footer-column__link"> For Cats </a> </li><li class="m-footer-column__list-item"> <a href="/en-it/collections/small-animals" class="m-footer-column__link"> For Small Animals </a> </li><li class="m-footer-column__list-item"> <a href="/en-it/collections/merch" class="m-footer-column__link"> Merchandising </a> </li></ul> </div><div class="m-footer-column__item m-footer-column__menu "> <ul class="m-footer-column__list u-unstyled-list"><li class="m-footer-column__list-item"> <a href="/en-it/pages/about-us" class="m-footer-column__link"> About us </a> </li><li class="m-footer-column__list-item"> <a href="/en-it/pages/contact" class="m-footer-column__link"> Contact us </a> </li><li class="m-footer-column__list-item"> <a href="/en-it/pages/faq" class="m-footer-column__link"> FAQ </a> </li><li class="m-footer-column__list-item"> <a href="/en-it/policies/terms-of-service" class="m-footer-column__link"> Terms & Conditions </a> </li><li class="m-footer-column__list-item"> <a href="/en-it/policies/privacy-policy" class="m-footer-column__link"> Privacy Policy </a> </li></ul> </div></div> </div><div class="o-footer__column m-footer-column grid__col-12 grid__col-sm-6 grid__col-md-2 m-footer-column--no-accordion" ><div class="m-footer-column__item m-footer-column__social-icons"><div class="m-footer-column__item m-footer-column__heading h5"> Follow us </div><ul class="u-unstyled-list u-list-inline m-list-social m-list-social--icons" role="list" ><li class="m-list-social__item"> <a href="https://www.facebook.com/mpetsglobal/" class="link m-list-social__link"><svg class="icon icon-facebook" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M3.42857 0C1.5375 0 0 1.5375 0 3.42857V20.5714C0 22.4625 1.5375 24 3.42857 24H8.68929V16.1893H5.86071V12H8.68929V10.1946C8.68929 5.52857 10.8 3.36429 15.3857 3.36429C16.2536 3.36429 17.7536 3.53571 18.3696 3.70714V7.5C18.0482 7.46786 17.4857 7.44643 16.7839 7.44643C14.5339 7.44643 13.6661 8.29821 13.6661 10.5107V12H18.1446L17.3732 16.1893H13.6607V24H20.5714C22.4625 24 24 22.4625 24 20.5714V3.42857C24 1.5375 22.4625 0 20.5714 0H3.42857Z" fill="currentColor"/> </svg> <span class="visually-hidden">Facebook</span></a> </li><li class="m-list-social__item"> <a href="https://www.instagram.com/mpets_global/?hl=en" class="link m-list-social__link"><svg class="icon icon-instagram" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M11.5043 6.60928C8.52305 6.60928 6.11836 9.01396 6.11836 11.9952C6.11836 14.9765 8.52305 17.3812 11.5043 17.3812C14.4855 17.3812 16.8902 14.9765 16.8902 11.9952C16.8902 9.01396 14.4855 6.60928 11.5043 6.60928ZM11.5043 15.4968C9.57773 15.4968 8.00273 13.9265 8.00273 11.9952C8.00273 10.064 9.57305 8.49365 11.5043 8.49365C13.4355 8.49365 15.0059 10.064 15.0059 11.9952C15.0059 13.9265 13.4309 15.4968 11.5043 15.4968ZM18.3668 6.38896C18.3668 7.0874 17.8043 7.64522 17.1105 7.64522C16.4121 7.64522 15.8543 7.08271 15.8543 6.38896C15.8543 5.69521 16.4168 5.13271 17.1105 5.13271C17.8043 5.13271 18.3668 5.69521 18.3668 6.38896ZM21.934 7.66396C21.8543 5.98115 21.4699 4.49053 20.2371 3.2624C19.009 2.03428 17.5184 1.6499 15.8355 1.56553C14.1012 1.46709 8.90273 1.46709 7.16836 1.56553C5.49023 1.64521 3.99961 2.02959 2.7668 3.25771C1.53398 4.48584 1.1543 5.97646 1.06992 7.65928C0.971484 9.39365 0.971484 14.5921 1.06992 16.3265C1.14961 18.0093 1.53398 19.4999 2.7668 20.728C3.99961 21.9562 5.48555 22.3405 7.16836 22.4249C8.90273 22.5233 14.1012 22.5233 15.8355 22.4249C17.5184 22.3452 19.009 21.9608 20.2371 20.728C21.4652 19.4999 21.8496 18.0093 21.934 16.3265C22.0324 14.5921 22.0324 9.39834 21.934 7.66396ZM19.6934 18.1874C19.3277 19.1062 18.6199 19.814 17.6965 20.1843C16.3137 20.7327 13.0324 20.6062 11.5043 20.6062C9.97617 20.6062 6.69023 20.728 5.31211 20.1843C4.39336 19.8187 3.68555 19.1108 3.31523 18.1874C2.7668 16.8046 2.89336 13.5233 2.89336 11.9952C2.89336 10.4671 2.77148 7.18115 3.31523 5.80303C3.68086 4.88428 4.38867 4.17646 5.31211 3.80615C6.69492 3.25771 9.97617 3.38428 11.5043 3.38428C13.0324 3.38428 16.3184 3.2624 17.6965 3.80615C18.6152 4.17178 19.323 4.87959 19.6934 5.80303C20.2418 7.18584 20.1152 10.4671 20.1152 11.9952C20.1152 13.5233 20.2418 16.8093 19.6934 18.1874Z" fill="currentColor"/> </svg> <span class="visually-hidden">Instagram</span></a> </li><li class="m-list-social__item"> <a href="https://www.tiktok.com/@mpets_global?_t=ZG-8sqK311XRw0&_r=1" class="link m-list-social__link"><svg class="icon icon-tiktok" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.0725 0H13.0278V16.3478C13.0278 18.2957 11.4722 19.8957 9.53626 19.8957C7.60034 19.8957 6.04469 18.2957 6.04469 16.3478C6.04469 14.4348 7.56577 12.8695 9.43257 12.8V8.69567C5.31872 8.7652 2 12.1391 2 16.3478C2 20.5913 5.38786 24 9.57085 24C13.7538 24 17.1416 20.5565 17.1416 16.3478V7.9652C18.6627 9.07827 20.5295 9.73913 22.5 9.77393V5.66957C19.4579 5.56522 17.0725 3.06087 17.0725 0Z" fill="currentColor"/> </svg> <span class="visually-hidden">TikTok</span></a> </li><li class="m-list-social__item"> <a href="https://be.linkedin.com/company/mpets?trk=public_post_feed-actor-name" class="link m-list-social__link"><svg class="icon icon-linkedin" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M20.5 1.5H2.49531C1.67031 1.5 1 2.17969 1 3.01406V20.9859C1 21.8203 1.67031 22.5 2.49531 22.5H20.5C21.325 22.5 22 21.8203 22 20.9859V3.01406C22 2.17969 21.325 1.5 20.5 1.5ZM7.34687 19.5H4.23438V9.47812H7.35156V19.5H7.34687ZM5.79062 8.10938C4.79219 8.10938 3.98594 7.29844 3.98594 6.30469C3.98594 5.31094 4.79219 4.5 5.79062 4.5C6.78437 4.5 7.59531 5.31094 7.59531 6.30469C7.59531 7.30312 6.78906 8.10938 5.79062 8.10938ZM19.0141 19.5H15.9016V14.625C15.9016 13.4625 15.8781 11.9672 14.2844 11.9672C12.6625 11.9672 12.4141 13.2328 12.4141 14.5406V19.5H9.30156V9.47812H12.2875V10.8469H12.3297C12.7469 10.0594 13.7641 9.22969 15.2781 9.22969C18.4281 9.22969 19.0141 11.3062 19.0141 14.0062V19.5Z" fill="currentColor"/> </svg> <span class="visually-hidden">Linkedin</span></a> </li></ul> </div> </div></div> <div class="o-footer__content-bottom grid grid--center-v grid--center-h"> <div class="o-footer__content-bottom--left rte"></div> <div class="o-footer__content-bottom--center rte"> <div class="copyright__content"><p>2025 M-pets®. All rights reserved.</p> </div> </div> <div class="o-footer__content-bottom--right rte"><div class="a-geo-trigger js-geo-modal-trigger"> <div class="a-geo-trigger__item" data-iso="IT"><span class="a-geo-trigger__name body-fs-sm">Italy</span> </div> </div> </div> </div> </div> </footer> </div> <!-- END sections: footer-group --></div><div class="o-cookie-icon js-cookie-icon"><svg class="icon-cookie" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.0711 1.29378C12.0336 1.04065 11.8414 0.834405 11.5883 0.796905C10.5524 0.651592 9.49768 0.839092 8.56956 1.33128L5.10081 3.18284C4.17737 3.67503 3.43206 4.44847 2.97268 5.39065L1.25237 8.93441C0.792994 9.87659 0.642994 10.9453 0.825806 11.9766L1.50549 15.8578C1.68831 16.8938 2.18987 17.8407 2.94456 18.5719L5.77112 21.3094C6.52581 22.0407 7.48674 22.5094 8.52268 22.6547L12.4133 23.2032C13.4492 23.3485 14.5039 23.161 15.4321 22.6688L18.9008 20.8172C19.8242 20.325 20.5696 19.5516 21.0289 18.6047L22.7492 15.0657C23.2086 14.1235 23.3586 13.0547 23.1758 12.0235C23.1336 11.775 22.9274 11.5875 22.6789 11.55C20.2649 11.1657 18.3289 9.34222 17.7805 6.9844C17.6961 6.62815 17.4055 6.35628 17.0446 6.30003C14.4852 5.89222 12.4649 3.86253 12.0664 1.29378H12.0711ZM9.75081 6.75003C10.1486 6.75003 10.5302 6.90807 10.8115 7.18937C11.0928 7.47067 11.2508 7.85221 11.2508 8.25003C11.2508 8.64785 11.0928 9.02939 10.8115 9.31069C10.5302 9.59199 10.1486 9.75003 9.75081 9.75003C9.35298 9.75003 8.97145 9.59199 8.69015 9.31069C8.40884 9.02939 8.25081 8.64785 8.25081 8.25003C8.25081 7.85221 8.40884 7.47067 8.69015 7.18937C8.97145 6.90807 9.35298 6.75003 9.75081 6.75003ZM6.75081 15.75C6.75081 15.3522 6.90884 14.9707 7.19015 14.6894C7.47145 14.4081 7.85298 14.25 8.25081 14.25C8.64863 14.25 9.03016 14.4081 9.31147 14.6894C9.59277 14.9707 9.75081 15.3522 9.75081 15.75C9.75081 16.1479 9.59277 16.5294 9.31147 16.8107C9.03016 17.092 8.64863 17.25 8.25081 17.25C7.85298 17.25 7.47145 17.092 7.19015 16.8107C6.90884 16.5294 6.75081 16.1479 6.75081 15.75ZM17.2508 12.75C17.6486 12.75 18.0302 12.9081 18.3115 13.1894C18.5928 13.4707 18.7508 13.8522 18.7508 14.25C18.7508 14.6479 18.5928 15.0294 18.3115 15.3107C18.0302 15.592 17.6486 15.75 17.2508 15.75C16.853 15.75 16.4715 15.592 16.1901 15.3107C15.9088 15.0294 15.7508 14.6479 15.7508 14.25C15.7508 13.8522 15.9088 13.4707 16.1901 13.1894C16.4715 12.9081 16.853 12.75 17.2508 12.75Z" fill="currentColor"/> </svg> </div><link href="//m-pets.com/cdn/shop/t/7/assets/geo-modal-style.min.css?v=63157924441527617601718806906" rel="stylesheet" type="text/css" media="all" /> <script src="//m-pets.com/cdn/shop/t/7/assets/geo-modal-script.min.js?v=130443296571360561251721291004" defer="defer"></script><div class="o-geo-modal js-geo-modal"> <div class="o-geo-modal__inner u-color--scheme-1"> <div class="o-geo-modal__close js-geo-modal-close"><svg class="icon icon-close" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M18.7071 6.70711C19.0976 6.31658 19.0976 5.68342 18.7071 5.29289C18.3166 4.90237 17.6834 4.90237 17.2929 5.29289L12 10.5858L6.70711 5.29289C6.31658 4.90237 5.68342 4.90237 5.29289 5.29289C4.90237 5.68342 4.90237 6.31658 5.29289 6.70711L10.5858 12L5.29289 17.2929C4.90237 17.6834 4.90237 18.3166 5.29289 18.7071C5.68342 19.0976 6.31658 19.0976 6.70711 18.7071L12 13.4142L17.2929 18.7071C17.6834 19.0976 18.3166 19.0976 18.7071 18.7071C19.0976 18.3166 19.0976 17.6834 18.7071 17.2929L13.4142 12L18.7071 6.70711ZM13.4142 12L12 10.5858L10.5858 12L12 13.4142L13.4142 12Z" fill="currentColor"/> <path d="M13.4142 12L12 10.5858L10.5858 12L12 13.4142L13.4142 12Z" fill="currentColor"/> </svg> </div><div class="o-geo-modal__header"> <h3>Select your country and language</h3> </div><div class="o-geo-modal__switchers"><select name="country-switcher" class="a-select__field custom-select" id="country-switcher" ><option value="AU" > Australia </option><option value="AT" > Austria </option><option value="BE" > Belgium </option><option value="CA" > Canada </option><option value="CZ" > Czechia </option><option value="DK" > Denmark </option><option value="FI" > Finland </option><option value="FR" > France </option><option value="DE" > Germany </option><option value="HK" > Hong Kong SAR </option><option value="IE" > Ireland </option><option value="IL" > Israel </option><option value="IT" selected > Italy </option><option value="JP" > Japan </option><option value="MY" > Malaysia </option><option value="NL" > Netherlands </option><option value="NZ" > New Zealand </option><option value="NO" > Norway </option><option value="PL" > Poland </option><option value="PT" > Portugal </option><option value="SG" > Singapore </option><option value="KR" > South Korea </option><option value="ES" > Spain </option><option value="SE" > Sweden </option><option value="CH" > Switzerland </option><option value="AE" > United Arab Emirates </option><option value="GB" > United Kingdom </option><option value="US" > United States </option></select> <select name="language-switcher" class="a-select__field custom-select" id="language-switcher" ><option value="en" selected >English </option><option value="ar" >Arabic </option><option value="zh-CN" >Chinese (Simplified) </option><option value="cs" >Czech </option><option value="et" >Estonian </option><option value="fi" >Finnish </option><option value="de" >German </option><option value="el" >Greek </option><option value="tr" >Turkish </option><option value="uk" >Ukrainian </option><option value="sv" >Swedish </option><option value="it" >Italian </option><option value="ja" >Japanese </option><option value="lt" >Lithuanian </option><option value="pl" >Polish </option><option value="pt-PT" >Portuguese (Portugal) </option><option value="ru" >Russian </option><option value="sk" >Slovak </option><option value="es" >Spanish </option></select> </div> <div class="o-geo-modal__submit"><form method="post" action="/en-it/localization" id="localization_form" accept-charset="UTF-8" class="shopify-localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/en-it/collections/petjoy/products/petjoy-happytote-shopping-bag-petfamily-black-white" /><input type="hidden" name="language_code" value="en"> <input type="hidden" name="country_code" value="IT"> <button class="a-btn a-btn--primary"> Submit </button></form></div> </div> </div> <script> window.shopUrl = 'https://m-pets.com' window.moneyFormat = '€0,00' window.routes = { cart_add_url: '/en-it/cart/add', cart_change_url: '/en-it/cart/change', cart_update_url: '/en-it/cart/update', cart_url: '/en-it/cart', predictive_search_url: '/en-it/search/suggest', } window.cartStrings = { error: `There was an error while updating your cart. Please try again.`, quantityError: `You can only add [quantity] of this item to your cart.`, } window.variantStrings = { addToCart: `Add to cart`, soldOut: `Sold out`, unavailable: `Unavailable`, unavailable_with_option: `[value] - Unavailable`, } window.quickOrderListStrings = { itemsAdded: `[quantity] items added`, itemAdded: `[quantity] item added`, itemsRemoved: `[quantity] items removed`, itemRemoved: `[quantity] item removed`, viewCart: `View cart`, each: `[money]/ea`, } </script><script> document.addEventListener('DOMContentLoaded', function() { try { const sortBySelect = document.querySelectorAll('select[name="sort_by"] option'); for (const option of sortBySelect) { if (option.value === "best-selling") { option.remove(); } } } catch {} }); </script> <div id="shopify-block-ARGE2emF2THkrZnJLS__9670189827046205946" class="shopify-block shopify-app-block"><script type="application/javascript"> var tmsSelectorData = {}; </script> </div></body> </html>
Italy
Italy
