{"id":911,"date":"2022-06-24T11:42:09","date_gmt":"2022-06-24T11:42:09","guid":{"rendered":"https:\/\/startersites.io\/elementor\/yogi\/?page_id=911"},"modified":"2026-10-17T07:29:33","modified_gmt":"2026-10-17T07:29:33","slug":"home","status":"publish","type":"page","link":"https:\/\/sakuracasa.com\/es-mx\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"911\" class=\"elementor elementor-911\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f141138 e-con-full e-flex e-con e-parent\" data-id=\"f141138\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-781084d e-transform e-flex e-con-boxed e-con e-parent\" data-id=\"781084d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-146,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7d5afae elementor-widget-mobile__width-initial elementor-widget elementor-widget-html\" data-id=\"7d5afae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SAKURA RESPONSIVE BANNER: paste into a Custom HTML block -->\r\n<style>\r\n.sakura-banner-natural,.sakura-banner-natural *{box-sizing:border-box}\r\n.sakura-banner-natural{--desktop-header-overlap:154px;--image-width:100%;--image-left:0%;--image-shift:0px;position:relative;left:50%;width:100vw!important;max-width:100vw!important;margin-top:calc(-1 * var(--desktop-header-overlap));margin-right:-50vw!important;margin-left:-50vw!important;overflow:hidden;background:#68b9e5;line-height:0}\r\n.sakura-banner-track{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}\r\n.sakura-banner-track::-webkit-scrollbar{display:none}\r\n\/* Mouse dragging; touch screens keep native swipe and page scrolling. *\/\r\n.sakura-banner-track { cursor: grab; }\r\n.sakura-banner-track .sakura-banner-link { cursor: inherit; }\r\n.sakura-banner-track, .sakura-banner-track img {\r\n  -webkit-user-select: none;\r\n  user-select: none;\r\n  -webkit-user-drag: none;\r\n}\r\n.sakura-banner-track.is-dragging {\r\n  cursor: grabbing;\r\n  scroll-snap-type: none;\r\n  scroll-behavior: auto !important;\r\n}\r\n.sakura-banner-slide{flex:0 0 100%;min-width:0;margin:0;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always}\r\n.sakura-banner-natural .sakura-banner-natural-image{display:block;width:var(--image-width)!important;max-width:none!important;height:auto!important;margin:0 0 var(--image-shift) var(--image-left);transform:translateY(var(--image-shift));object-fit:contain;object-position:center}\r\n.sakura-banner-dots{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:2px;padding:2px 6px;border-radius:30px;background:rgba(0,0,0,.18);line-height:1;z-index:2}\r\n.sakura-banner-natural .sakura-banner-dot{appearance:none;display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;min-height:32px;padding:0;margin:0;border:0;border-radius:50%;background:transparent;box-shadow:none;cursor:pointer}\r\n.sakura-banner-dot::before{content:\"\";display:block;width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.55);border:1px solid rgba(0,0,0,.15);transition:transform .2s,background .2s}\r\n.sakura-banner-dot[aria-current=\"true\"]::before{background:#fff;transform:scale(1.3)}\r\n.sakura-banner-dot:focus-visible,.sakura-banner-track:focus-visible{outline:2px solid #fff;outline-offset:-3px}\r\n@media(max-width:900px){.sakura-banner-natural{--image-width:100%;--image-left:0%;--image-shift:0px;margin-top:0}}\r\n@media(max-width:640px){.sakura-banner-natural{--image-width:100%;--image-left:0%;--image-shift:0px}.sakura-banner-dots{bottom:8px}}\r\n@media(prefers-reduced-motion:reduce){.sakura-banner-dot::before{transition:none}}\r\n\/* Desktop: let the image continue behind the main navigation.\r\n   Keep the announcement bar and navigation buttons unchanged. *\/\r\n@media(min-width:901px){\r\n  body:has(.sakura-banner-natural) #header,\r\n  body:has(.sakura-banner-natural) #header [data-row=\"middle\"],\r\n  body:has(.sakura-banner-natural) #header [data-row=\"middle\"] > div,\r\n  body:has(.sakura-banner-natural) #header [data-row=\"bottom\"],\r\n  body:has(.sakura-banner-natural) #header [data-row=\"bottom\"] > div{\r\n    background:transparent!important;\r\n    background-image:none!important;\r\n    box-shadow:none!important;\r\n    border-bottom-color:transparent!important;\r\n  }\r\n  body:has(.sakura-banner-natural) #header{\r\n    position:relative;\r\n    z-index:50;\r\n  }\r\n}\r\n.sakura-banner-link{display:block;line-height:0;color:inherit;text-decoration:none}\r\n.sakura-banner-link:focus-visible{outline:3px solid #0079b8;outline-offset:-3px}\r\n<\/style>\r\n<section class=\"sakura-banner-natural\" aria-label=\"Sakura Petto wholesale pet products\" aria-roledescription=\"carousel\">\r\n  <div class=\"sakura-banner-track\" tabindex=\"0\" aria-label=\"Banner slides. Swipe or use left and right arrow keys.\">\r\n    <div class=\"sakura-banner-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 3\">\r\n      <a class=\"sakura-banner-link\" href=\"https:\/\/sakuracasa.com\/private-label\/\" draggable=\"false\"><img class=\"sakura-banner-natural-image\" src=\"https:\/\/sakuracasa.com\/wp-content\/uploads\/2026\/10\/585362fb-6cec-471c-b015-82b9c18b2b41_\u770b\u56fe\u738b.webp\" alt=\"Sakura Casa private label pet products - Learn more\" loading=\"eager\" fetchpriority=\"high\" decoding=\"async\" draggable=\"false\"><\/a>\r\n    <\/div>\r\n    <div class=\"sakura-banner-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 3\">\r\n      <a class=\"sakura-banner-link\" href=\"https:\/\/sakuracasa.com\/private-label\/\" draggable=\"false\"><img class=\"sakura-banner-natural-image\" src=\"https:\/\/sakuracasa.com\/wp-content\/uploads\/2026\/10\/94e3c414-1bda-4b8f-a6f7-7a8fd2b6d297_\u770b\u56fe\u738b.webp\" alt=\"Sakura Casa private label pet products - Learn more\" loading=\"eager\" decoding=\"async\" draggable=\"false\"><\/a>\r\n    <\/div>\r\n    <div class=\"sakura-banner-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 of 3\">\r\n      <a class=\"sakura-banner-link\" href=\"https:\/\/sakuracasa.com\/contact\/\" draggable=\"false\"><img class=\"sakura-banner-natural-image\" src=\"https:\/\/sakuracasa.com\/wp-content\/uploads\/2026\/10\/4dd3720b-b391-44eb-9f01-71fb6957dcd8_\u770b\u56fe\u738b.webp\" alt=\"Sakura Casa global wholesale pet products - Contact us\" loading=\"eager\" decoding=\"async\" draggable=\"false\"><\/a>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"sakura-banner-dots\" role=\"group\" aria-label=\"Choose banner\">\r\n    <button class=\"sakura-banner-dot\" type=\"button\" aria-label=\"Show slide 1\" aria-current=\"true\"><\/button>\r\n    <button class=\"sakura-banner-dot\" type=\"button\" aria-label=\"Show slide 2\" aria-current=\"false\"><\/button>\r\n    <button class=\"sakura-banner-dot\" type=\"button\" aria-label=\"Show slide 3\" aria-current=\"false\"><\/button>\r\n  <\/div>\r\n<\/section>\r\n<script>\r\n(function(){\r\n  document.querySelectorAll('.sakura-banner-natural').forEach(function(root){\r\n    if(root.dataset.sliderReady)return;\r\n    var track=root.querySelector('.sakura-banner-track');\r\n    var dots=Array.from(root.querySelectorAll('.sakura-banner-dot'));\r\n    if(!track||!dots.length)return;\r\n    root.dataset.sliderReady='true';\r\n    var active=0,frame=0;\r\n    function paint(index){\r\n      active=Math.max(0,Math.min(dots.length-1,index));\r\n      dots.forEach(function(dot,i){dot.setAttribute('aria-current',i===active?'true':'false');});\r\n    }\r\n    function go(index){\r\n      index=Math.max(0,Math.min(dots.length-1,index));\r\n      track.scrollTo({left:index*track.clientWidth,behavior:window.matchMedia('(prefers-reduced-motion: reduce)').matches?'auto':'smooth'});\r\n    }\r\n    \/\/ Native touch swiping remains enabled. Add mouse press-and-drag.\r\n    var drag = null;\r\n    var suppressClickUntil = 0;\r\n    track.addEventListener('dragstart', function(event) {\r\n      event.preventDefault();\r\n    });\r\n    track.addEventListener('pointerdown', function(event) {\r\n      if (event.pointerType !== 'mouse' || event.button !== 0) return;\r\n      suppressClickUntil = 0;\r\n      drag = {\r\n        id: event.pointerId,\r\n        x: event.clientX,\r\n        left: track.scrollLeft,\r\n        index: Math.round(track.scrollLeft \/ (track.clientWidth || 1)),\r\n        moved: false\r\n      };\r\n    });\r\n    track.addEventListener('pointermove', function(event) {\r\n      if (!drag || event.pointerId !== drag.id) return;\r\n      var distance = event.clientX - drag.x;\r\n      if (!drag.moved && Math.abs(distance) < 6) return;\r\n      if (!drag.moved) {\r\n        drag.moved = true;\r\n        track.classList.add('is-dragging');\r\n        track.setPointerCapture(event.pointerId);\r\n      }\r\n      event.preventDefault();\r\n      track.scrollLeft = drag.left - distance;\r\n    });\r\n    function finishDrag(event) {\r\n      if (!drag || event.pointerId !== drag.id) return;\r\n      var completed = drag;\r\n      drag = null;\r\n      if (completed.moved) {\r\n        suppressClickUntil = Date.now() + 500;\r\n        var distance = completed.left - track.scrollLeft;\r\n        var threshold = Math.min(80, track.clientWidth * 0.12);\r\n        var target = Math.round(track.scrollLeft \/ (track.clientWidth || 1));\r\n        if (event.type === 'pointerup' && Math.abs(distance) >= threshold) {\r\n          target = distance < 0\r\n            ? Math.max(target, completed.index + 1)\r\n            : Math.min(target, completed.index - 1);\r\n        }\r\n        track.classList.remove('is-dragging');\r\n        go(target);\r\n      }\r\n      if (track.hasPointerCapture(completed.id)) {\r\n        track.releasePointerCapture(completed.id);\r\n      }\r\n    }\r\n    track.addEventListener('pointerup', finishDrag);\r\n    track.addEventListener('pointercancel', finishDrag);\r\n    track.addEventListener('lostpointercapture', finishDrag);\r\n    track.addEventListener('pointerleave', function() {\r\n      if (drag && !drag.moved) drag = null;\r\n    });\r\n    track.addEventListener('click', function(event) {\r\n      if (Date.now() < suppressClickUntil) {\r\n        event.preventDefault();\r\n        event.stopImmediatePropagation();\r\n      }\r\n    }, true);\r\n    dots.forEach(function(dot,i){dot.addEventListener('click',function(){go(i);});});\r\n    track.addEventListener('scroll',function(){\r\n      if(frame)return;\r\n      frame=requestAnimationFrame(function(){\r\n        frame=0;\r\n        if(track.clientWidth)paint(Math.round(track.scrollLeft\/track.clientWidth));\r\n      });\r\n    },{passive:true});\r\n    track.addEventListener('keydown',function(event){\r\n      if(event.key==='ArrowRight'){event.preventDefault();go(active+1);}\r\n      if(event.key==='ArrowLeft'){event.preventDefault();go(active-1);}\r\n    });\r\n    if(window.ResizeObserver){\r\n      var width=track.clientWidth;\r\n      new ResizeObserver(function(){\r\n        if(track.clientWidth!==width){width=track.clientWidth;track.scrollTo({left:active*width,behavior:'auto'});}\r\n      }).observe(track);\r\n    }\r\n  });\r\n})();\r\n<\/script>\r\n\r\n\r\n<script>\r\n(function(){\r\n  var script=document.currentScript;\r\n  var root=script.previousElementSibling;\r\n  while(root&&!root.matches('.sakura-banner-natural'))root=root.previousElementSibling;\r\n  if(!root)return;\r\n  var pending=0;\r\n  function alignBanner(){\r\n    pending=0;\r\n    if(window.innerWidth<=900){root.style.removeProperty('--desktop-header-overlap');return;}\r\n    var header=document.querySelector('#header');\r\n    if(!header)return;\r\n    var rows=Array.from(header.querySelectorAll('[data-row=\"middle\"]'));\r\n    var nav=rows.find(function(row){return row.getBoundingClientRect().height>0;});\r\n    if(!nav)return;\r\n    \/* Measure only at the top, so scrolling\/sticky headers cannot shift the banner. *\/\r\n    if(window.scrollY>10)return;\r\n    var rect=root.getBoundingClientRect();\r\n    var naturalTop=rect.top-parseFloat(getComputedStyle(root).marginTop||0);\r\n    var overlap=naturalTop-nav.getBoundingClientRect().top;\r\n    if(overlap>=0&&overlap<400){root.style.setProperty('--desktop-header-overlap',(overlap+12)+'px');}\r\n  }\r\n  function schedule(){if(!pending)pending=requestAnimationFrame(alignBanner);}\r\n  window.addEventListener('resize',schedule,{passive:true});\r\n  window.addEventListener('load',schedule,{once:true});\r\n  if(document.fonts)document.fonts.ready.then(schedule);\r\n  if(window.ResizeObserver){\r\n    var header=document.querySelector('#header');\r\n    if(header)new ResizeObserver(schedule).observe(header);\r\n  }\r\n  schedule();\r\n})();\r\n<\/script>\r\n\r\n<!-- White navigation background while the page is scrolled -->\r\n<style>\r\n@media (min-width: 901px) {\r\n  body.sakura-header-scrolled:has(.sakura-banner-natural) #header [data-row=\"middle\"],\r\n  body.sakura-header-scrolled:has(.sakura-banner-natural) #header [data-row=\"middle\"] > div,\r\n  body.sakura-header-scrolled:has(.sakura-banner-natural) #header [data-row=\"bottom\"],\r\n  body.sakura-header-scrolled:has(.sakura-banner-natural) #header [data-row=\"bottom\"] > div {\r\n    background: #ffffff !important;\r\n    background-image: none !important;\r\n  }\r\n}\r\n<\/style>\r\n<script>\r\n(function () {\r\n  function updateHeaderBackground() {\r\n    document.body.classList.toggle('sakura-header-scrolled', window.scrollY > 0);\r\n  }\r\n  if (window.sakuraHeaderScrollHandler) {\r\n    window.removeEventListener('scroll', window.sakuraHeaderScrollHandler);\r\n    window.removeEventListener('pageshow', window.sakuraHeaderScrollHandler);\r\n  }\r\n  window.sakuraHeaderScrollHandler = updateHeaderBackground;\r\n  window.addEventListener('scroll', updateHeaderBackground, { passive: true });\r\n  window.addEventListener('pageshow', updateHeaderBackground);\r\n  updateHeaderBackground();\r\n})();\r\n<\/script>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7dae6b8 e-flex e-con-boxed e-con e-parent\" data-id=\"7dae6b8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c016210 elementor-widget elementor-widget-html\" data-id=\"c016210\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \r\n  SAKURA PETTO PRODUCT RANGE MODULE\r\n  Elementor: paste this entire code into one Elementor HTML widget.\r\n  Desktop: full browser width with compact vertical spacing.\r\n  Mobile: horizontal swipe carousel with active-card emphasis and controls.\r\n-->\r\n\r\n<style>\r\n  .sp-range,\r\n  .sp-range * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .sp-range {\r\n    --sp-blue: #224c69;\r\n    --sp-blue-dark: #17384f;\r\n    --sp-copy: #678fab;\r\n    --sp-line: #d8e3e9;\r\n    --sp-soft: #f3f7f9;\r\n    position: relative;\r\n    left: 50%;\r\n    width: 100vw;\r\n    max-width: none;\r\n    min-height: 0;\r\n    margin-left: -50vw;\r\n    margin-right: -50vw;\r\n    overflow: hidden;\r\n    background: #ffffff;\r\n    color: var(--sp-blue);\r\n    font-family: Aptos, \"Segoe UI\", Helvetica, Arial, sans-serif;\r\n    font-size: 16px;\r\n    line-height: 1.5;\r\n    text-rendering: optimizeLegibility;\r\n  }\r\n\r\n  .sp-range__inner {\r\n    width: min(calc(100% - 96px), 1840px);\r\n    min-height: 0;\r\n    margin: 0 auto;\r\n    padding: 28px 0 50px;\r\n  }\r\n\r\n  .sp-range__header {\r\n    width: 100%;\r\n    max-width: none;\r\n    margin: 0 auto 28px;\r\n    text-align: center;\r\n  }\r\n\r\n  .sp-range__eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 11px;\r\n    margin: 0 0 14px;\r\n    color: var(--sp-copy);\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    letter-spacing: .14em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .sp-range__eyebrow::before {\r\n    content: \"\";\r\n    width: 32px;\r\n    height: 2px;\r\n    background: var(--sp-blue);\r\n  }\r\n\r\n  .sp-range__title {\r\n    margin: 0;\r\n    color: var(--sp-blue);\r\n    font-size: clamp(42px, 3.35vw, 68px);\r\n    font-weight: 800;\r\n    letter-spacing: -.045em;\r\n    line-height: 1.02;\r\n  }\r\n\r\n  .sp-range__intro {\r\n    width: 100%;\r\n    max-width: none;\r\n    margin: 18px auto 0;\r\n    color: var(--sp-copy);\r\n    font-size: clamp(17px, 1.15vw, 21px);\r\n    line-height: 1.65;\r\n  }\r\n\r\n  .sp-range__track {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    align-items: start;\r\n    gap: 28px;\r\n  }\r\n\r\n  .sp-range__card {\r\n    position: relative;\r\n    min-width: 0;\r\n    min-height: 655px;\r\n    overflow: hidden;\r\n    border: 1px solid var(--sp-line);\r\n    border-radius: 20px;\r\n    background: #ffffff;\r\n    box-shadow: 0 24px 70px rgba(34, 76, 105, .09);\r\n    transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;\r\n  }\r\n\r\n  .sp-range__card:nth-child(2) {\r\n    margin-top: 0;\r\n  }\r\n\r\n  .sp-range__card:hover,\r\n  .sp-range__card:focus-within {\r\n    z-index: 2;\r\n    border-color: #a8bfcd;\r\n    transform: translateY(-8px);\r\n    box-shadow: 0 30px 84px rgba(34, 76, 105, .15);\r\n  }\r\n\r\n  .sp-range__visual {\r\n    position: relative;\r\n    display: grid;\r\n    place-items: center;\r\n    height: 390px;\r\n    overflow: hidden;\r\n    background: linear-gradient(145deg, #f9fbfc 0%, #edf4f7 100%);\r\n  }\r\n\r\n  .sp-range__card:nth-child(2) .sp-range__visual {\r\n    background: linear-gradient(145deg, #f5f8fa 0%, #eaf2f5 100%);\r\n  }\r\n\r\n  .sp-range__card:nth-child(3) .sp-range__visual {\r\n    background: linear-gradient(145deg, #f8fbfc 0%, #eef6f9 100%);\r\n  }\r\n\r\n  .sp-range__visual::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: auto 12% 28px;\r\n    height: 34px;\r\n    border-radius: 50%;\r\n    background: rgba(34, 76, 105, .12);\r\n    filter: blur(22px);\r\n  }\r\n\r\n  .sp-range__visual img {\r\n    position: relative;\r\n    z-index: 1;\r\n    display: block;\r\n    width: 84%;\r\n    height: 82%;\r\n    object-fit: contain;\r\n    transition: transform .45s ease;\r\n  }\r\n\r\n  .sp-range__card:hover .sp-range__visual img,\r\n  .sp-range__card:focus-within .sp-range__visual img {\r\n    transform: scale(1.035);\r\n  }\r\n\r\n  .sp-range__index {\r\n    position: absolute;\r\n    z-index: 3;\r\n    top: 22px;\r\n    left: 22px;\r\n    display: grid;\r\n    place-items: center;\r\n    width: 48px;\r\n    height: 48px;\r\n    border: 1px solid rgba(34, 76, 105, .18);\r\n    border-radius: 50%;\r\n    background: rgba(255, 255, 255, .88);\r\n    color: var(--sp-blue);\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    letter-spacing: .08em;\r\n    backdrop-filter: blur(8px);\r\n  }\r\n\r\n  .sp-range__body {\r\n    display: flex;\r\n    min-height: 264px;\r\n    flex-direction: column;\r\n    padding: 30px 32px 32px;\r\n  }\r\n\r\n  .sp-range__name {\r\n    margin: 0;\r\n    color: var(--sp-blue-dark);\r\n    font-size: clamp(27px, 1.75vw, 36px);\r\n    font-weight: 800;\r\n    letter-spacing: -.025em;\r\n    line-height: 1.12;\r\n  }\r\n\r\n  .sp-range__desc {\r\n    margin: 12px 0 26px;\r\n    color: var(--sp-copy);\r\n    font-size: 17px;\r\n    line-height: 1.55;\r\n  }\r\n\r\n  .sp-range__button {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    width: 100%;\r\n    min-height: 56px;\r\n    margin-top: auto;\r\n    padding: 0 22px;\r\n    border: 1px solid var(--sp-blue);\r\n    border-radius: 10px;\r\n    background: var(--sp-blue);\r\n    color: #ffffff !important;\r\n    font-size: 15px;\r\n    font-weight: 800;\r\n    letter-spacing: .01em;\r\n    text-decoration: none !important;\r\n    transition: background .25s ease, color .25s ease, transform .25s ease;\r\n  }\r\n\r\n  .sp-range__button:hover,\r\n  .sp-range__button:focus-visible {\r\n    background: #ffffff;\r\n    color: var(--sp-blue) !important;\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  .sp-range__arrow {\r\n    font-size: 22px;\r\n    line-height: 1;\r\n  }\r\n\r\n  .sp-range__mobile-nav {\r\n    display: none;\r\n  }\r\n\r\n  @media (max-width: 1180px) {\r\n    .sp-range {\r\n      min-height: auto;\r\n    }\r\n\r\n    .sp-range__inner {\r\n      width: min(calc(100% - 48px), 1100px);\r\n      min-height: auto;\r\n      padding: 24px 0 28px;\r\n    }\r\n\r\n    .sp-range__track {\r\n      gap: 18px;\r\n    }\r\n\r\n    .sp-range__card {\r\n      min-height: 590px;\r\n    }\r\n\r\n    .sp-range__visual {\r\n      height: 330px;\r\n    }\r\n\r\n    .sp-range__body {\r\n      min-height: 258px;\r\n      padding: 26px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 820px) {\r\n    .sp-range {\r\n      left: auto;\r\n      width: 100%;\r\n      margin-right: 0;\r\n      margin-left: 0;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .sp-range__inner {\r\n      width: 100%;\r\n      padding: 20px 0 22px;\r\n    }\r\n\r\n    .sp-range__header {\r\n      margin-bottom: 20px;\r\n      padding: 0 22px;\r\n      text-align: left;\r\n    }\r\n\r\n    .sp-range__eyebrow {\r\n      font-size: 11px;\r\n    }\r\n\r\n    .sp-range__title {\r\n      font-size: clamp(36px, 11vw, 52px);\r\n      line-height: 1.03;\r\n    }\r\n\r\n    .sp-range__intro {\r\n      margin-top: 14px;\r\n      font-size: 16px;\r\n      line-height: 1.55;\r\n    }\r\n\r\n    .sp-range__track {\r\n      display: flex;\r\n      gap: 16px;\r\n      width: 100%;\r\n      padding: 8px 22px 22px;\r\n      overflow-x: auto;\r\n      overscroll-behavior-inline: contain;\r\n      scroll-padding-left: 22px;\r\n      scroll-snap-type: x mandatory;\r\n      scrollbar-width: none;\r\n      -webkit-overflow-scrolling: touch;\r\n    }\r\n\r\n    .sp-range__track::-webkit-scrollbar {\r\n      display: none;\r\n    }\r\n\r\n    .sp-range__card,\r\n    .sp-range__card:nth-child(2) {\r\n      flex: 0 0 min(84vw, 390px);\r\n      min-height: 570px;\r\n      margin-top: 0;\r\n      scroll-snap-align: start;\r\n      scroll-snap-stop: always;\r\n      opacity: .48;\r\n      transform: scale(.955);\r\n      transform-origin: center;\r\n      box-shadow: 0 16px 44px rgba(34, 76, 105, .08);\r\n      transition: opacity .35s ease, transform .35s ease, box-shadow .35s ease;\r\n    }\r\n\r\n    .sp-range__card.is-active {\r\n      opacity: 1;\r\n      transform: scale(1);\r\n      box-shadow: 0 22px 58px rgba(34, 76, 105, .15);\r\n    }\r\n\r\n    .sp-range__visual {\r\n      height: 310px;\r\n    }\r\n\r\n    .sp-range__visual img {\r\n      width: 88%;\r\n      height: 84%;\r\n    }\r\n\r\n    .sp-range__body {\r\n      min-height: 258px;\r\n      padding: 25px 24px 24px;\r\n    }\r\n\r\n    .sp-range__name {\r\n      font-size: 29px;\r\n    }\r\n\r\n    .sp-range__desc {\r\n      font-size: 16px;\r\n    }\r\n\r\n    .sp-range__mobile-nav {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      padding: 4px 22px 0;\r\n    }\r\n\r\n    .sp-range__counter {\r\n      color: var(--sp-copy);\r\n      font-size: 13px;\r\n      font-weight: 800;\r\n      letter-spacing: .12em;\r\n    }\r\n\r\n    .sp-range__controls {\r\n      display: flex;\r\n      gap: 9px;\r\n    }\r\n\r\n    .sp-range__control {\r\n      display: grid;\r\n      place-items: center;\r\n      width: 46px;\r\n      height: 46px;\r\n      padding: 0;\r\n      border: 1px solid var(--sp-line);\r\n      border-radius: 50%;\r\n      background: #ffffff;\r\n      color: var(--sp-blue);\r\n      font: inherit;\r\n      font-size: 20px;\r\n      cursor: pointer;\r\n    }\r\n\r\n    .sp-range__control:focus-visible {\r\n      outline: 3px solid rgba(103, 143, 171, .32);\r\n      outline-offset: 2px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .sp-range__track {\r\n      padding-right: 16px;\r\n      padding-left: 16px;\r\n      scroll-padding-left: 16px;\r\n    }\r\n\r\n    .sp-range__card,\r\n    .sp-range__card:nth-child(2) {\r\n      flex-basis: 86vw;\r\n      min-height: 548px;\r\n    }\r\n\r\n    .sp-range__visual {\r\n      height: 288px;\r\n    }\r\n\r\n    .sp-range__mobile-nav {\r\n      padding-right: 16px;\r\n      padding-left: 16px;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .sp-range__card,\r\n    .sp-range__visual img,\r\n    .sp-range__button {\r\n      scroll-behavior: auto !important;\r\n      transition: none !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"sp-range\" aria-labelledby=\"sp-range-title\">\r\n  <div class=\"sp-range__inner\">\r\n\r\n    <header class=\"sp-range__header\">\r\n      <p class=\"sp-range__eyebrow\">Wholesale Product Categories<\/p>\r\n      <h2 class=\"sp-range__title\" id=\"sp-range-title\">\r\n        Our Wholesale Product Range\r\n      <\/h2>\r\n      <p class=\"sp-range__intro\">\r\n        Cat litter, pet supplements and pet treats for importers, distributors and private-label brands.\r\n      <\/p>\r\n    <\/header>\r\n\r\n    <div class=\"sp-range__track\" aria-label=\"Wholesale product categories\" tabindex=\"0\">\r\n\r\n      <!-- 01 TOFU CAT LITTER -->\r\n      <article class=\"sp-range__card is-active\" data-sp-card>\r\n        <div class=\"sp-range__visual\">\r\n          <span class=\"sp-range__index\">01<\/span>\r\n          <img\r\n            src=\"https:\/\/sakuracasa.com\/wp-content\/uploads\/2026\/09\/webp-1.webp\"\r\n            alt=\"Natural tofu cat litter pellets\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n          >\r\n        <\/div>\r\n\r\n        <div class=\"sp-range__body\">\r\n          <h3 class=\"sp-range__name\">Tofu Cat Litter<\/h3>\r\n\r\n          <p class=\"sp-range__desc\">\r\n            Plant-based, low-dust cat litter with OEM\/ODM options.\r\n          <\/p>\r\n\r\n          <a\r\n            class=\"sp-range__button\"\r\n            href=\"https:\/\/sakuracasa.com\/custom-cat-litter-manufacturing\/\"\r\n          >\r\n            <span>Learn more<\/span>\r\n            <span class=\"sp-range__arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n          <\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n\r\n      <!-- 02 PET SUPPLEMENTS -->\r\n<article class=\"sp-range__card\" data-sp-card>\r\n  <div class=\"sp-range__visual\">\r\n    <span class=\"sp-range__index\">02<\/span>\r\n    <img\r\n  src=\"https:\/\/sakuracasa.com\/wp-content\/uploads\/2026\/09\/413118b2-9386-4bb5-b001-8c8536ae7336_\u770b\u56fe\u738b.webp\"\r\n  alt=\"Pet supplements\"\r\n  loading=\"lazy\"\r\n  decoding=\"async\"\r\n style=\"width:94%;height:94%;object-fit:contain;object-position:center;transform:none;\"\r\n>\r\n  <\/div>\r\n\r\n        <div class=\"sp-range__body\">\r\n          <h3 class=\"sp-range__name\">Pet Health Products<\/h3>\r\n\r\n          <p class=\"sp-range__desc\">\r\n           Supplements, veterinary products and private-label solutions for global markets.\r\n          <\/p>\r\n\r\n          <a\r\n            class=\"sp-range__button\"\r\n            href=\"https:\/\/sakuracasa.com\/pet-supplements-pharmaceuticals\/\"\r\n          >\r\n            <span>Learn more<\/span>\r\n            <span class=\"sp-range__arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n          <\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n\r\n      <!-- 03 PET SNACKS -->\r\n      <article class=\"sp-range__card\" data-sp-card>\r\n        <div class=\"sp-range__visual\">\r\n          <span class=\"sp-range__index\">03<\/span>\r\n          <img\r\n            src=\"https:\/\/sakuracasa.com\/wp-content\/uploads\/2026\/09\/webp-2.webp\"\r\n            alt=\"Assorted freeze-dried pet snacks\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n          >\r\n        <\/div>\r\n\r\n        <div class=\"sp-range__body\">\r\n          <h3 class=\"sp-range__name\">Pet Snacks<\/h3>\r\n\r\n          <p class=\"sp-range__desc\">\r\n            Freeze-dried and natural treats for pet product ranges.\r\n          <\/p>\r\n\r\n          <a\r\n            class=\"sp-range__button\"\r\n            href=\"https:\/\/sakuracasa.com\/custom-pet-treats\/\"\r\n          >\r\n            <span>Learn more<\/span>\r\n            <span class=\"sp-range__arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n          <\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"sp-range__mobile-nav\" aria-label=\"Product carousel controls\">\r\n      <span class=\"sp-range__counter\" aria-live=\"polite\">01 \/ 03<\/span>\r\n\r\n      <div class=\"sp-range__controls\">\r\n        <button\r\n          class=\"sp-range__control sp-range__prev\"\r\n          type=\"button\"\r\n          aria-label=\"Previous product\"\r\n        >\r\n          \u2190\r\n        <\/button>\r\n\r\n        <button\r\n          class=\"sp-range__control sp-range__next\"\r\n          type=\"button\"\r\n          aria-label=\"Next product\"\r\n        >\r\n          \u2192\r\n        <\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  (() => {\r\n    document.querySelectorAll('.sp-range').forEach((section) => {\r\n      const track = section.querySelector('.sp-range__track');\r\n      const cards = Array.from(\r\n        section.querySelectorAll('[data-sp-card]')\r\n      );\r\n      const counter = section.querySelector('.sp-range__counter');\r\n      const prev = section.querySelector('.sp-range__prev');\r\n      const next = section.querySelector('.sp-range__next');\r\n      const mobile = window.matchMedia('(max-width: 820px)');\r\n\r\n      let activeIndex = 0;\r\n      let observer;\r\n\r\n      const setActive = (index) => {\r\n        activeIndex = Math.max(\r\n          0,\r\n          Math.min(index, cards.length - 1)\r\n        );\r\n\r\n        cards.forEach((card, cardIndex) => {\r\n          card.classList.toggle(\r\n            'is-active',\r\n            cardIndex === activeIndex\r\n          );\r\n        });\r\n\r\n        if (counter) {\r\n          counter.textContent =\r\n            `${String(activeIndex + 1).padStart(2, '0')} \/ ` +\r\n            `${String(cards.length).padStart(2, '0')}`;\r\n        }\r\n      };\r\n\r\n      const goTo = (index) => {\r\n        const target = Math.max(\r\n          0,\r\n          Math.min(index, cards.length - 1)\r\n        );\r\n\r\n        cards[target].scrollIntoView({\r\n          behavior: window.matchMedia(\r\n            '(prefers-reduced-motion: reduce)'\r\n          ).matches ? 'auto' : 'smooth',\r\n          block: 'nearest',\r\n          inline: 'start'\r\n        });\r\n\r\n        setActive(target);\r\n      };\r\n\r\n      const watchCards = () => {\r\n        if (observer) {\r\n          observer.disconnect();\r\n        }\r\n\r\n        if (!mobile.matches) {\r\n          cards.forEach((card) => {\r\n            card.classList.add('is-active');\r\n          });\r\n          return;\r\n        }\r\n\r\n        cards.forEach((card, index) => {\r\n          card.classList.toggle(\r\n            'is-active',\r\n            index === activeIndex\r\n          );\r\n        });\r\n\r\n        observer = new IntersectionObserver(\r\n          (entries) => {\r\n            const visible = entries\r\n              .filter((entry) => entry.isIntersecting)\r\n              .sort(\r\n                (a, b) =>\r\n                  b.intersectionRatio -\r\n                  a.intersectionRatio\r\n              )[0];\r\n\r\n            if (visible) {\r\n              setActive(\r\n                cards.indexOf(visible.target)\r\n              );\r\n            }\r\n          },\r\n          {\r\n            root: track,\r\n            threshold: [0.45, 0.6, 0.75]\r\n          }\r\n        );\r\n\r\n        cards.forEach((card) => {\r\n          observer.observe(card);\r\n        });\r\n      };\r\n\r\n      prev?.addEventListener('click', () => {\r\n        goTo(activeIndex - 1);\r\n      });\r\n\r\n      next?.addEventListener('click', () => {\r\n        goTo(activeIndex + 1);\r\n      });\r\n\r\n      cards.forEach((card, index) => {\r\n        card.addEventListener('click', () => {\r\n          if (\r\n            mobile.matches &&\r\n            index !== activeIndex\r\n          ) {\r\n            goTo(index);\r\n          }\r\n        });\r\n      });\r\n\r\n      if (mobile.addEventListener) {\r\n        mobile.addEventListener(\r\n          'change',\r\n          watchCards\r\n        );\r\n      } else {\r\n        mobile.addListener(watchCards);\r\n      }\r\n\r\n      watchCards();\r\n\r\n      if (mobile.matches) {\r\n        setActive(0);\r\n      }\r\n    });\r\n  })();\r\n<\/script>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b2aa7b9 e-con-full e-flex e-con e-parent\" data-id=\"b2aa7b9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f223118 elementor-widget elementor-widget-html\" data-id=\"f223118\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.spc .spc-visual-column{min-width:0}\r\n.spc .spc-category-thumbs{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:16px}\r\n.spc .spc-category-thumb{appearance:none;display:block;flex:0 0 88px;width:88px;height:88px;min-height:0;padding:0;margin:0;overflow:hidden;border:2px solid #e0ebf0;border-radius:50%;background:#f5f9fb;box-shadow:0 2px 7px rgba(34,76,105,.08);cursor:pointer;transition:transform .2s,border-color .2s}\r\n.spc .spc-category-thumb img{display:block;position:static;width:100%;height:100%;min-height:0;max-width:none;margin:0;padding:0;border-radius:50%;object-fit:cover;object-position:center;transform:scale(1.15)}\r\n.spc .spc-category-thumb:hover{transform:translateY(-2px);border-color:#678fab}\r\n.spc .spc-category-thumb:focus-visible{outline:3px solid #559d62;outline-offset:4px}\r\n@media(max-width:640px){.spc .spc-category-thumb{flex-basis:72px;width:72px;height:72px}.spc .spc-category-thumbs{margin-top:12px;gap:14px}}\r\n@media(prefers-reduced-motion:reduce){.spc .spc-category-thumb{transition:none}}\r\n<\/style><!-- Paste this entire file into ONE Elementor HTML widget, replacing the original three widgets. --><style>\r\n  .sp-litter-intro,\r\n  .sp-litter-intro * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .sp-litter-intro {\r\n    --sp-ink: #224c69;\r\n    --sp-muted: #678fab;\r\n    --sp-line: #cbdce7;\r\n    --sp-blue: #087ac1;\r\n    --sp-yellow: #f2b84b;\r\n    position: relative;\r\n    left: 50%;\r\n    width: 100vw;\r\n    max-width: none;\r\n    margin-right: -50vw;\r\n    margin-left: -50vw;\r\n    overflow: hidden;\r\n    background: #ffffff;\r\n    color: var(--sp-ink);\r\n    font-family: Aptos, \"Segoe UI\", Helvetica, Arial, sans-serif;\r\n  }\r\n\r\n  .sp-litter-intro .sp-featured-banner {\r\n    width: min(calc(100% - 80px), 1760px);\r\n    min-height: 76px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 28px;\r\n    margin: 0 auto;\r\n    padding: 18px 30px;\r\n    border-radius: 0 0 18px 18px;\r\n    color: #ffffff;\r\n    background: #224c69;\r\n  }\r\n\r\n  .sp-litter-intro .sp-featured-label {\r\n    color: #ffffff;\r\n    font-size: 14px;\r\n    font-weight: 900;\r\n    letter-spacing: .13em;\r\n    line-height: 1.2;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .sp-litter-intro .sp-featured-note {\r\n    color: #c9deea;\r\n    font-size: 14px;\r\n    line-height: 1.45;\r\n    text-align: right;\r\n  }\r\n\r\n  .sp-litter-intro .sp-litter-inner {\r\n    width: min(calc(100% - 80px), 1760px);\r\n    min-height: 820px;\r\n    display: grid;\r\n    grid-template-columns: minmax(460px, .92fr) minmax(620px, 1.08fr);\r\n    gap: clamp(64px, 6vw, 120px);\r\n    align-items: center;\r\n    margin-inline: auto;\r\n    padding: 72px 0 84px;\r\n  }\r\n\r\n  .sp-litter-intro .sp-litter-visual {\r\n    position: relative;\r\n    min-height: 660px;\r\n    display: grid;\r\n    place-items: center;\r\n    overflow: hidden;\r\n    border: 1px solid #d6e5ed;\r\n    border-radius: 180px 180px 28px 28px;\r\n    background:\r\n      radial-gradient(circle at 50% 44%, rgba(255, 255, 255, .96), rgba(255, 255, 255, .2) 48%, transparent 70%),\r\n      #edf7fb;\r\n  }\r\n\r\n  .sp-litter-intro .sp-litter-visual::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    right: -100px;\r\n    bottom: -130px;\r\n    width: 360px;\r\n    height: 360px;\r\n    border-radius: 50%;\r\n    background: rgba(242, 184, 75, .16);\r\n  }\r\n\r\n  .sp-litter-intro .sp-litter-product {\r\n    position: relative;\r\n    z-index: 1;\r\n    display: block;\r\n    width: min(92%, 760px);\r\n    height: auto;\r\n    filter: drop-shadow(0 28px 36px rgba(34, 76, 105, .16));\r\n  }\r\n\r\n  .sp-litter-intro .sp-litter-copy {\r\n    min-width: 0;\r\n  }\r\n\r\n  .sp-litter-intro .sp-litter-eyebrow {\r\n    display: block;\r\n    margin-bottom: 16px;\r\n    color: var(--sp-blue);\r\n    font-size: 13px;\r\n    font-weight: 900;\r\n    letter-spacing: .12em;\r\n    line-height: 1.2;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .sp-litter-intro h2 {\r\n    max-width: 820px;\r\n    margin: 0;\r\n    color: var(--sp-ink);\r\n    font-size: clamp(44px, 4vw, 72px);\r\n    font-weight: 800;\r\n    letter-spacing: -.055em;\r\n    line-height: .98;\r\n  }\r\n\r\n  .sp-litter-intro .sp-litter-lead {\r\n    max-width: 780px;\r\n    margin: 24px 0 0;\r\n    color: var(--sp-muted);\r\n    font-size: 17px;\r\n    line-height: 1.7;\r\n  }\r\n\r\n  .sp-litter-intro .sp-litter-benefits {\r\n    display: grid;\r\n    margin-top: 31px;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    border-top: 1px solid var(--sp-line);\r\n  }\r\n\r\n  .sp-litter-intro .sp-litter-benefit {\r\n    position: relative;\r\n    min-height: 118px;\r\n    padding: 23px 28px 22px 0;\r\n    border-bottom: 1px solid var(--sp-line);\r\n  }\r\n\r\n  .sp-litter-intro .sp-litter-benefit:nth-child(odd) {\r\n    padding-right: 28px;\r\n  }\r\n\r\n  .sp-litter-intro .sp-litter-benefit:nth-child(even) {\r\n    padding-left: 28px;\r\n    padding-right: 0;\r\n    border-left: 1px solid var(--sp-line);\r\n  }\r\n\r\n  .sp-litter-intro .sp-litter-benefit h3 {\r\n    margin: 0 0 7px;\r\n    color: var(--sp-ink);\r\n    font-size: 20px;\r\n    font-weight: 800;\r\n    letter-spacing: -.025em;\r\n    line-height: 1.16;\r\n  }\r\n\r\n  .sp-litter-intro .sp-litter-benefit p {\r\n    margin: 0;\r\n    color: var(--sp-muted);\r\n    font-size: 12px;\r\n    line-height: 1.55;\r\n  }\r\n\r\n  .sp-litter-intro .sp-litter-services {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 18px;\r\n    margin-top: 27px;\r\n  }\r\n\r\n  .sp-litter-intro .sp-litter-service {\r\n    min-width: 0;\r\n  }\r\n\r\n  .sp-litter-intro .sp-service-mark {\r\n    width: 48px;\r\n    height: 48px;\r\n    display: grid;\r\n    place-items: center;\r\n    margin-bottom: 11px;\r\n    border: 1px solid #d5e6ef;\r\n    border-radius: 50%;\r\n    color: var(--sp-ink);\r\n    background: #f2f8fb;\r\n    font-size: 10px;\r\n    font-weight: 900;\r\n    letter-spacing: .03em;\r\n  }\r\n\r\n  .sp-litter-intro .sp-litter-service strong {\r\n    display: block;\r\n    color: var(--sp-ink);\r\n    font-size: 13px;\r\n    line-height: 1.35;\r\n  }\r\n\r\n  .sp-litter-intro .sp-litter-service > span:not(.sp-service-mark) {\r\n    display: block;\r\n    margin-top: 4px;\r\n    color: var(--sp-muted);\r\n    font-size: 11px;\r\n    line-height: 1.45;\r\n  }\r\n\r\n  .sp-litter-intro .sp-litter-cta {\r\n    display: inline-flex;\r\n    min-height: 50px;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    margin-top: 31px;\r\n    padding: 0 24px;\r\n    border: 1px solid var(--sp-ink);\r\n    border-radius: 10px;\r\n    color: #ffffff !important;\r\n    background: var(--sp-ink);\r\n    font-size: 14px;\r\n    font-weight: 800;\r\n    line-height: 1.2;\r\n    text-decoration: none !important;\r\n    white-space: nowrap;\r\n    transition: transform .2s ease, background-color .2s ease, box-shadow .2s ease;\r\n  }\r\n\r\n  .sp-litter-intro .sp-litter-cta:hover {\r\n    background: #173b55;\r\n    box-shadow: 0 12px 28px rgba(34, 76, 105, .2);\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  .sp-litter-intro .sp-litter-cta:active {\r\n    transform: translateY(0);\r\n  }\r\n\r\n  .sp-litter-intro :focus-visible {\r\n    outline: 3px solid var(--sp-yellow);\r\n    outline-offset: 4px;\r\n  }\r\n\r\n  @media (max-width: 1100px) {\r\n    .sp-litter-intro .sp-featured-banner {\r\n      width: min(calc(100% - 48px), 980px);\r\n    }\r\n\r\n    .sp-litter-intro .sp-litter-inner {\r\n      width: min(calc(100% - 48px), 980px);\r\n      min-height: auto;\r\n      grid-template-columns: 1fr;\r\n      gap: 54px;\r\n      padding: 64px 0 74px;\r\n    }\r\n\r\n    .sp-litter-intro .sp-litter-visual {\r\n      min-height: 580px;\r\n    }\r\n\r\n    .sp-litter-intro .sp-litter-product {\r\n      width: min(86%, 720px);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 640px) {\r\n    .sp-litter-intro .sp-featured-banner {\r\n      width: calc(100% - 28px);\r\n      min-height: auto;\r\n      align-items: flex-start;\r\n      flex-direction: column;\r\n      gap: 7px;\r\n      padding: 17px 20px;\r\n      border-radius: 0 0 14px 14px;\r\n    }\r\n\r\n    .sp-litter-intro .sp-featured-label {\r\n      font-size: 12px;\r\n    }\r\n\r\n    .sp-litter-intro .sp-featured-note {\r\n      font-size: 12px;\r\n      text-align: left;\r\n    }\r\n\r\n    .sp-litter-intro {\r\n      left: auto;\r\n      width: 100%;\r\n      margin-right: 0;\r\n      margin-left: 0;\r\n    }\r\n\r\n    .sp-litter-intro .sp-litter-inner {\r\n      width: calc(100% - 28px);\r\n      gap: 40px;\r\n      padding: 46px 0 58px;\r\n    }\r\n\r\n    .sp-litter-intro .sp-litter-visual {\r\n      min-height: 400px;\r\n      border-radius: 110px 110px 20px 20px;\r\n    }\r\n\r\n    .sp-litter-intro .sp-litter-product {\r\n      width: 108%;\r\n      max-width: none;\r\n    }\r\n\r\n    .sp-litter-intro h2 {\r\n      font-size: 42px;\r\n    }\r\n\r\n    .sp-litter-intro .sp-litter-lead {\r\n      font-size: 15px;\r\n    }\r\n\r\n    .sp-litter-intro .sp-litter-benefits {\r\n      display: flex;\r\n      margin-right: -14px;\r\n      padding-right: 14px;\r\n      gap: 12px;\r\n      overflow-x: auto;\r\n      scroll-snap-type: x mandatory;\r\n      scrollbar-width: none;\r\n      border-top: 0;\r\n    }\r\n\r\n    .sp-litter-intro .sp-litter-benefits::-webkit-scrollbar {\r\n      display: none;\r\n    }\r\n\r\n    .sp-litter-intro .sp-litter-benefit,\r\n    .sp-litter-intro .sp-litter-benefit:nth-child(odd),\r\n    .sp-litter-intro .sp-litter-benefit:nth-child(even) {\r\n      min-height: 160px;\r\n      flex: 0 0 76vw;\r\n      padding: 21px;\r\n      border: 1px solid var(--sp-line);\r\n      border-radius: 14px;\r\n      background: #fff;\r\n      scroll-snap-align: start;\r\n    }\r\n\r\n    .sp-litter-intro .sp-litter-services {\r\n      display: flex;\r\n      gap: 14px;\r\n      margin-right: -14px;\r\n      padding-right: 14px;\r\n      overflow-x: auto;\r\n      scroll-snap-type: x mandatory;\r\n      scrollbar-width: none;\r\n    }\r\n\r\n    .sp-litter-intro .sp-litter-services::-webkit-scrollbar {\r\n      display: none;\r\n    }\r\n\r\n    .sp-litter-intro .sp-litter-service {\r\n      flex: 0 0 58vw;\r\n      scroll-snap-align: start;\r\n    }\r\n\r\n    .sp-litter-intro .sp-litter-cta {\r\n      width: 100%;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .sp-litter-intro *,\r\n    .sp-litter-intro *::before,\r\n    .sp-litter-intro *::after {\r\n      transition-duration: .01ms !important;\r\n      scroll-behavior: auto !important;\r\n    }\r\n  }\r\n  \/* \u5de6\u4fa7\u753b\u6846\uff0c\u4fdd\u7559\u539f\u6709\u5706\u89d2 *\/\r\n.sp-litter-inner .sp-litter-visual {\r\n  position: relative;\r\n  padding: 0 !important;\r\n  overflow: hidden;\r\n\r\n  \/* \u63a5\u8fd1\u622a\u56fe\u4e2d\u7684\u753b\u6846\u6bd4\u4f8b\uff0c\u5bbd : \u9ad8 *\/\r\n  aspect-ratio: 16 \/ 15;\r\n  height: auto !important;\r\n  min-height: 0 !important;\r\n}\r\n\r\n\/* \u56fe\u7247\u94fa\u6ee1\u6574\u4e2a\u753b\u6846 *\/\r\n.sp-litter-inner .sp-litter-visual > .sp-litter-product {\r\n  position: absolute;\r\n  inset: 0;\r\n  display: block;\r\n\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  max-width: none !important;\r\n  max-height: none !important;\r\n\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  border-radius: 0;\r\n  transform: none;\r\n\r\n  object-fit: cover;\r\n  object-position: center;\r\n}\r\n\r\n  \/* Mobile wholesale services: match the pet health section. *\/\r\n  @media (max-width: 640px) {\r\n    .sp-litter-intro .sp-litter-services {\r\n      display: flex !important;\r\n      grid-template-columns: none !important;\r\n      flex-wrap: nowrap !important;\r\n      gap: 14px !important;\r\n      margin-top: 27px !important;\r\n      margin-left: 0 !important;\r\n      margin-right: -14px !important;\r\n      padding: 0 14px 0 0 !important;\r\n      overflow-x: auto !important;\r\n      scroll-snap-type: x mandatory;\r\n      scrollbar-width: none;\r\n    }\r\n\r\n    .sp-litter-intro .sp-litter-services::-webkit-scrollbar {\r\n      display: none;\r\n    }\r\n\r\n    .sp-litter-intro .sp-litter-services > .sp-litter-service {\r\n      flex: 0 0 58vw !important;\r\n      width: 58vw !important;\r\n      min-width: 0 !important;\r\n      max-width: none !important;\r\n      scroll-snap-align: start;\r\n    }\r\n\r\n    .sp-litter-intro .sp-litter-services .sp-service-mark {\r\n      width: 48px !important;\r\n      height: 48px !important;\r\n      margin-bottom: 11px !important;\r\n      border: 1px solid #d5e6ef;\r\n      background: #fff;\r\n      font-size: 10px !important;\r\n      font-weight: 900;\r\n      letter-spacing: .03em;\r\n    }\r\n\r\n    .sp-litter-intro .sp-litter-services .sp-litter-service strong {\r\n      font-size: 13px !important;\r\n      line-height: 1.35 !important;\r\n    }\r\n\r\n    .sp-litter-intro .sp-litter-services .sp-litter-service > span:not(.sp-service-mark) {\r\n      margin-top: 4px;\r\n      font-size: 11px !important;\r\n      line-height: 1.45 !important;\r\n    }\r\n  }\r\n\r\n  \/* Only adjust desktop right-column vertical spacing. *\/\r\n  @media (min-width: 1101px) {\r\n    .sp-litter-intro .sp-litter-copy .sp-litter-eyebrow {\r\n      margin-bottom: 10px;\r\n    }\r\n    .sp-litter-intro .sp-litter-copy h2 {\r\n      margin-bottom: 18px;\r\n    }\r\n    .sp-litter-intro .sp-litter-copy .sp-litter-lead {\r\n      margin-top: 0;\r\n      margin-bottom: 24px;\r\n    }\r\n    .sp-litter-intro .sp-litter-copy .sp-litter-benefits {\r\n      margin-top: 0;\r\n      grid-auto-rows: 1fr;\r\n    }\r\n    .sp-litter-intro .sp-litter-copy .sp-litter-benefit {\r\n      min-height: 0;\r\n      padding-top: 18px;\r\n      padding-bottom: 18px;\r\n    }\r\n    .sp-litter-intro .sp-litter-copy .sp-litter-benefit h3 {\r\n      margin-bottom: 7px;\r\n    }\r\n    .sp-litter-intro .sp-litter-copy .sp-litter-services {\r\n      margin-top: 24px;\r\n    }\r\n    .sp-litter-intro .sp-litter-copy .sp-service-mark {\r\n      margin-bottom: 10px;\r\n    }\r\n    .sp-litter-intro .sp-litter-copy .sp-litter-cta {\r\n      margin-top: 24px;\r\n    }\r\n  }\r\n\r\n  \/* Reduce space below the banner and below the content on desktop. *\/\r\n  @media (min-width: 1101px) {\r\n    .sp-litter-intro .sp-litter-inner {\r\n      min-height: 0;\r\n      padding-top: 28px;\r\n      padding-bottom: 28px;\r\n    }\r\n  }\r\n<\/style><style>\r\n  .sp-health-section,\r\n  .sp-health-section * { box-sizing:border-box; }\r\n  .sp-health-section {\r\n    --sp-ink:#224c69;\r\n    --sp-muted:#678fab;\r\n    --sp-line:#cbdce7;\r\n    --sp-blue:#087ac1;\r\n    position:relative;\r\n    left:50%;\r\n    width:100vw;\r\n    max-width:none;\r\n    margin-right:-50vw;\r\n    margin-left:-50vw;\r\n    overflow:hidden;\r\n    color:var(--sp-ink);\r\n   background:linear-gradient(\r\n  to bottom,\r\n  #ffffff 0%,\r\n  #ffffff 20%,\r\n  #f5f9fb 80%,\r\n  #f5f9fb 100%\r\n);\r\n    font-family:Aptos,\"Segoe UI\",Helvetica,Arial,sans-serif;\r\n  }\r\n  .sp-health-section .sp-health-banner {\r\n    width:min(calc(100% - 80px),1760px);\r\n    min-height:76px;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    gap:28px;\r\n    margin:0 auto;\r\n    padding:18px 30px;\r\n    border-radius:0 0 18px 18px;\r\n    color:#fff;\r\n    background:var(--sp-ink);\r\n  }\r\n  .sp-health-section .sp-health-banner strong {\r\n    color:#fff;\r\n    font-size:14px;\r\n    font-weight:900;\r\n    letter-spacing:.13em;\r\n    line-height:1.2;\r\n    text-transform:uppercase;\r\n  }\r\n  .sp-health-section .sp-health-banner span {\r\n    color:#c9deea;\r\n    font-size:14px;\r\n    line-height:1.45;\r\n    text-align:right;\r\n  }\r\n  .sp-health-section .sp-health-inner {\r\n    width:min(calc(100% - 80px),1760px);\r\n    min-height:820px;\r\n    display:grid;\r\n    grid-template-columns:minmax(460px,.92fr) minmax(620px,1.08fr);\r\n    gap:clamp(64px,6vw,120px);\r\n    align-items:center;\r\n    margin-inline:auto;\r\n    padding:72px 0 84px;\r\n  }\r\n  .sp-health-section .sp-health-visual {\r\n    position:relative;\r\n    min-height:660px;\r\n    display:grid;\r\n    place-items:center;\r\n    padding:0;\r\n    overflow:hidden;\r\n    border:1px solid #d6e5ed;\r\n    border-radius:28px 180px 28px 180px;\r\n    background:#eaf5fa;\r\n  }\r\n  .sp-health-section .sp-health-visual::after {\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    background:linear-gradient(180deg,transparent 65%,rgba(34,76,105,.08));\r\n    pointer-events:none;\r\n  }\r\n  .sp-health-section .sp-health-visual img {\r\n    position:absolute;\r\n    inset:0;\r\n    display:block;\r\n    width:100%;\r\n    height:100%;\r\n    min-height:660px;\r\n    width:100% !important;\r\n    height:100% !important;\r\n    min-height:0 !important;\r\n    max-width:none !important;\r\n    max-height:none !important;\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n    border:0 !important;\r\n    border-radius:0 !important;\r\n    object-fit:cover;\r\n    object-position:center;\r\n    transition:transform .45s cubic-bezier(.2,.8,.2,1);\r\n  }\r\n  .sp-health-section .sp-health-visual:hover img { transform:scale(1.025); }\r\n  .sp-health-section .sp-health-copy { min-width:0; }\r\n  .sp-health-section .sp-health-eyebrow {\r\n    display:block;\r\n    margin-bottom:16px;\r\n    color:var(--sp-blue);\r\n    font-size:13px;\r\n    font-weight:900;\r\n    letter-spacing:.12em;\r\n    line-height:1.2;\r\n    text-transform:uppercase;\r\n  }\r\n  .sp-health-section h2 {\r\n    max-width:820px;\r\n    margin:0;\r\n    color:var(--sp-ink);\r\n    font-size:clamp(44px,4vw,72px);\r\n    font-weight:800;\r\n    letter-spacing:-.055em;\r\n    line-height:.98;\r\n  }\r\n  .sp-health-section .sp-health-lead {\r\n    max-width:780px;\r\n    margin:24px 0 0;\r\n    color:var(--sp-muted);\r\n    font-size:17px;\r\n    line-height:1.7;\r\n  }\r\n  .sp-health-section .sp-health-grid {\r\n    display:grid;\r\n    grid-template-columns:repeat(2,minmax(0,1fr));\r\n    margin-top:31px;\r\n    border-top:1px solid var(--sp-line);\r\n  }\r\n  .sp-health-section .sp-health-item {\r\n    min-height:118px;\r\n    padding:23px 28px 22px 0;\r\n    border-bottom:1px solid var(--sp-line);\r\n  }\r\n  .sp-health-section .sp-health-item:nth-child(even) {\r\n    padding-right:0;\r\n    padding-left:28px;\r\n    border-left:1px solid var(--sp-line);\r\n  }\r\n  .sp-health-section .sp-health-item h3 {\r\n    margin:0 0 7px;\r\n    color:var(--sp-ink);\r\n    font-size:20px;\r\n    font-weight:800;\r\n    letter-spacing:-.025em;\r\n    line-height:1.16;\r\n  }\r\n  .sp-health-section .sp-health-item p {\r\n    margin:0;\r\n    color:var(--sp-muted);\r\n    font-size:12px;\r\n    line-height:1.55;\r\n  }\r\n  .sp-health-section .sp-health-services {\r\n    display:grid;\r\n    grid-template-columns:repeat(3,minmax(0,1fr));\r\n    gap:18px;\r\n    margin-top:27px;\r\n  }\r\n  .sp-health-section .sp-health-service { min-width:0; }\r\n  .sp-health-section .sp-service-mark {\r\n    width:48px;\r\n    height:48px;\r\n    display:grid;\r\n    place-items:center;\r\n    margin-bottom:11px;\r\n    border:1px solid #d5e6ef;\r\n    border-radius:50%;\r\n    color:var(--sp-ink);\r\n    background:#fff;\r\n    font-size:10px;\r\n    font-weight:900;\r\n    letter-spacing:.03em;\r\n  }\r\n  .sp-health-section .sp-health-service strong {\r\n    display:block;\r\n    color:var(--sp-ink);\r\n    font-size:13px;\r\n    line-height:1.35;\r\n  }\r\n  .sp-health-section .sp-health-service > span:not(.sp-service-mark) {\r\n    display:block;\r\n    margin-top:4px;\r\n    color:var(--sp-muted);\r\n    font-size:11px;\r\n    line-height:1.45;\r\n  }\r\n  .sp-health-section .sp-health-cta {\r\n    display:inline-flex;\r\n    min-height:50px;\r\n    align-items:center;\r\n    justify-content:center;\r\n    gap:10px;\r\n    margin-top:31px;\r\n    padding:0 24px;\r\n    border:1px solid var(--sp-ink);\r\n    border-radius:10px;\r\n    color:#fff !important;\r\n    background:var(--sp-ink);\r\n    font-size:14px;\r\n    font-weight:800;\r\n    line-height:1.2;\r\n    text-decoration:none !important;\r\n    white-space:nowrap;\r\n    transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease;\r\n  }\r\n  .sp-health-section .sp-health-cta:hover {\r\n    background:#173b55;\r\n    box-shadow:0 12px 28px rgba(34,76,105,.2);\r\n    transform:translateY(-2px);\r\n  }\r\n  .sp-health-section .sp-health-cta:active { transform:translateY(0); }\r\n  .sp-health-section :focus-visible { outline:3px solid #f2b84b;outline-offset:4px; }\r\n  \/* Scroll reveal: only hidden after JavaScript is ready, so content stays visible if JS is blocked. *\/\r\n  .sp-health-section.sp-reveal-ready [data-sp-reveal] {\r\n    opacity:0;\r\n    transform:translateY(46px);\r\n  }\r\n  .sp-health-section.sp-reveal-ready [data-sp-reveal].is-visible {\r\n    opacity:1;\r\n    transform:translateY(0);\r\n    transition:\r\n      opacity .72s cubic-bezier(.16,1,.3,1) var(--sp-delay,0ms),\r\n      transform .72s cubic-bezier(.16,1,.3,1) var(--sp-delay,0ms);\r\n  }\r\n  @media(max-width:1100px) {\r\n    .sp-health-section .sp-health-banner,\r\n    .sp-health-section .sp-health-inner { width:min(calc(100% - 48px),980px); }\r\n    .sp-health-section .sp-health-inner { min-height:auto;grid-template-columns:1fr;gap:54px;padding:64px 0 74px; }\r\n    .sp-health-section .sp-health-visual,\r\n    .sp-health-section .sp-health-visual img { min-height:580px; }\r\n    .sp-health-section .sp-health-visual { min-height:580px; }\r\n  }\r\n  @media(max-width:640px) {\r\n    .sp-health-section { left:auto;width:100%;max-width:100%;margin-right:0;margin-left:0; }\r\n    .sp-health-section .sp-health-banner { width:calc(100% - 28px);min-height:auto;align-items:flex-start;flex-direction:column;gap:7px;padding:17px 20px;border-radius:0 0 14px 14px; }\r\n    .sp-health-section .sp-health-banner strong { font-size:12px; }\r\n    .sp-health-section .sp-health-banner span { font-size:12px;text-align:left; }\r\n    .sp-health-section .sp-health-inner { width:calc(100% - 28px);gap:40px;padding:46px 0 58px; }\r\n    .sp-health-section .sp-health-visual { min-height:430px;border-radius:18px 100px 18px 100px; }\r\n    .sp-health-section .sp-health-visual img { min-height:430px; }\r\n    .sp-health-section h2 { font-size:42px; }\r\n    .sp-health-section .sp-health-lead { font-size:15px; }\r\n    .sp-health-section .sp-health-grid { display:flex;margin-right:-14px;padding-right:14px;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-top:0; }\r\n    .sp-health-section .sp-health-grid::-webkit-scrollbar { display:none; }\r\n    .sp-health-section .sp-health-item,\r\n    .sp-health-section .sp-health-item:nth-child(even) { min-height:160px;flex:0 0 76vw;padding:21px;border:1px solid var(--sp-line);border-radius:14px;background:#fff;scroll-snap-align:start; }\r\n    .sp-health-section .sp-health-services { display:flex;margin-right:-14px;padding-right:14px;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none; }\r\n    .sp-health-section .sp-health-services::-webkit-scrollbar { display:none; }\r\n    .sp-health-section .sp-health-service { flex:0 0 58vw;scroll-snap-align:start; }\r\n    .sp-health-section .sp-health-cta { width:100%; }\r\n  }\r\n  @media(prefers-reduced-motion:reduce) {\r\n    .sp-health-section *,\r\n    .sp-health-section *::before,\r\n    .sp-health-section *::after { transition-duration:.01ms !important;scroll-behavior:auto !important; }\r\n    .sp-health-section.sp-reveal-ready [data-sp-reveal] { opacity:1 !important;transform:none !important; }\r\n  }\r\n\r\n  \/* Match the tofu section's desktop vertical spacing. *\/\r\n  @media (min-width: 1101px) {\r\n    .sp-health-section .sp-health-inner {\r\n      min-height: 0;\r\n      padding-top: 28px;\r\n      padding-bottom: 28px;\r\n    }\r\n    .sp-health-section .sp-health-copy .sp-health-eyebrow {\r\n      margin-bottom: 10px;\r\n    }\r\n    .sp-health-section .sp-health-copy h2 {\r\n      margin-bottom: 18px;\r\n    }\r\n    .sp-health-section .sp-health-copy .sp-health-lead {\r\n      margin-top: 0;\r\n      margin-bottom: 24px;\r\n    }\r\n    .sp-health-section .sp-health-copy .sp-health-grid {\r\n      margin-top: 0;\r\n      grid-auto-rows: 1fr;\r\n    }\r\n    .sp-health-section .sp-health-copy .sp-health-item {\r\n      min-height: 0;\r\n      padding-top: 18px;\r\n      padding-bottom: 18px;\r\n    }\r\n    .sp-health-section .sp-health-copy .sp-health-item h3 {\r\n      margin-bottom: 7px;\r\n    }\r\n    .sp-health-section .sp-health-copy .sp-health-services {\r\n      margin-top: 24px;\r\n    }\r\n    .sp-health-section .sp-health-copy .sp-service-mark {\r\n      margin-bottom: 10px;\r\n    }\r\n    .sp-health-section .sp-health-copy .sp-health-cta {\r\n      margin-top: 24px;\r\n    }\r\n  }\r\n<\/style><style>\r\n  .sp-treats-section,\r\n  .sp-treats-section * { box-sizing:border-box; }\r\n\r\n  .sp-treats-section {\r\n    --sp-ink:#224c69;\r\n    --sp-muted:#678fab;\r\n    --sp-line:#cbdce7;\r\n    --sp-blue:#087ac1;\r\n    position:relative;\r\n    left:50%;\r\n    width:100vw;\r\n    max-width:none;\r\n    margin-right:-50vw;\r\n    margin-left:-50vw;\r\n    overflow:hidden;\r\n    color:var(--sp-ink);\r\n    background:#f5f9fb;\r\n    font-family:Aptos,\"Segoe UI\",Helvetica,Arial,sans-serif;\r\n  }\r\n\r\n  .sp-treats-section .sp-treats-banner {\r\n    width:min(calc(100% - 80px),1760px);\r\n    min-height:76px;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    gap:28px;\r\n    margin:0 auto;\r\n    padding:18px 30px;\r\n    border-radius:0 0 18px 18px;\r\n    color:#fff;\r\n    background:var(--sp-ink);\r\n  }\r\n\r\n  .sp-treats-section .sp-treats-banner strong {\r\n    color:#fff;\r\n    font-size:14px;\r\n    font-weight:900;\r\n    letter-spacing:.13em;\r\n    line-height:1.2;\r\n    text-transform:uppercase;\r\n  }\r\n\r\n  .sp-treats-section .sp-treats-banner span {\r\n    color:#c9deea;\r\n    font-size:14px;\r\n    line-height:1.45;\r\n    text-align:right;\r\n  }\r\n\r\n  .sp-treats-section .sp-treats-inner {\r\n    width:min(calc(100% - 80px),1760px);\r\n    min-height:820px;\r\n    display:grid;\r\n    grid-template-columns:minmax(460px,.92fr) minmax(620px,1.08fr);\r\n    gap:clamp(64px,6vw,120px);\r\n    align-items:center;\r\n    margin-inline:auto;\r\n    padding:72px 0 84px;\r\n  }\r\n\r\n  .sp-treats-section .sp-treats-visual {\r\n    position:relative;\r\n    min-height:660px;\r\n    display:grid;\r\n    place-items:center;\r\n    overflow:hidden;\r\n    border:1px solid #d6e5ed;\r\n    border-radius:28px 180px 28px 180px;\r\n    background:#eaf5fa;\r\n  }\r\n\r\n  .sp-treats-section .sp-treats-visual::after {\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    background:linear-gradient(180deg,transparent 65%,rgba(34,76,105,.08));\r\n    pointer-events:none;\r\n  }\r\n\r\n  .sp-treats-section .sp-treats-visual img {\r\n    display:block;\r\n    width:100%;\r\n    height:100%;\r\n    min-height:660px;\r\n    object-fit:cover;\r\n    object-position:center;\r\n    transition:transform .45s cubic-bezier(.2,.8,.2,1);\r\n  }\r\n\r\n  .sp-treats-section .sp-treats-visual:hover img { transform:scale(1.025); }\r\n\r\n  .sp-treats-section .sp-treats-copy { min-width:0; }\r\n\r\n  .sp-treats-section .sp-treats-eyebrow {\r\n    display:block;\r\n    margin-bottom:16px;\r\n    color:var(--sp-blue);\r\n    font-size:13px;\r\n    font-weight:900;\r\n    letter-spacing:.12em;\r\n    line-height:1.2;\r\n    text-transform:uppercase;\r\n  }\r\n\r\n  .sp-treats-section h2 {\r\n    max-width:820px;\r\n    margin:0;\r\n    color:var(--sp-ink);\r\n    font-size:clamp(44px,4vw,72px);\r\n    font-weight:800;\r\n    letter-spacing:-.055em;\r\n    line-height:.98;\r\n  }\r\n\r\n  .sp-treats-section .sp-treats-lead {\r\n    max-width:780px;\r\n    margin:24px 0 0;\r\n    color:var(--sp-muted);\r\n    font-size:17px;\r\n    line-height:1.7;\r\n  }\r\n\r\n  .sp-treats-section .sp-treat-grid {\r\n    display:grid;\r\n    grid-template-columns:repeat(2,minmax(0,1fr));\r\n    margin-top:31px;\r\n    border-top:1px solid var(--sp-line);\r\n  }\r\n\r\n  .sp-treats-section .sp-treat-item {\r\n    min-height:118px;\r\n    padding:23px 28px 22px 0;\r\n    border-bottom:1px solid var(--sp-line);\r\n  }\r\n\r\n  .sp-treats-section .sp-treat-item:nth-child(even) {\r\n    padding-right:0;\r\n    padding-left:28px;\r\n    border-left:1px solid var(--sp-line);\r\n  }\r\n\r\n  .sp-treats-section .sp-treat-item h3 {\r\n    margin:0 0 7px;\r\n    color:var(--sp-ink);\r\n    font-size:20px;\r\n    font-weight:800;\r\n    letter-spacing:-.025em;\r\n    line-height:1.16;\r\n  }\r\n\r\n  .sp-treats-section .sp-treat-item p {\r\n    margin:0;\r\n    color:var(--sp-muted);\r\n    font-size:12px;\r\n    line-height:1.55;\r\n  }\r\n\r\n  .sp-treats-section .sp-treat-services {\r\n    display:grid;\r\n    grid-template-columns:repeat(3,minmax(0,1fr));\r\n    gap:18px;\r\n    margin-top:27px;\r\n  }\r\n\r\n  .sp-treats-section .sp-treat-service { min-width:0; }\r\n\r\n  .sp-treats-section .sp-service-mark {\r\n    width:48px;\r\n    height:48px;\r\n    display:grid;\r\n    place-items:center;\r\n    margin-bottom:11px;\r\n    border:1px solid #d5e6ef;\r\n    border-radius:50%;\r\n    color:var(--sp-ink);\r\n    background:#fff;\r\n    font-size:10px;\r\n    font-weight:900;\r\n    letter-spacing:.03em;\r\n  }\r\n\r\n  .sp-treats-section .sp-treat-service strong {\r\n    display:block;\r\n    color:var(--sp-ink);\r\n    font-size:13px;\r\n    line-height:1.35;\r\n  }\r\n\r\n  .sp-treats-section .sp-treat-service > span:not(.sp-service-mark) {\r\n    display:block;\r\n    margin-top:4px;\r\n    color:var(--sp-muted);\r\n    font-size:11px;\r\n    line-height:1.45;\r\n  }\r\n\r\n  .sp-treats-section .sp-treats-cta {\r\n    display:inline-flex;\r\n    min-height:50px;\r\n    align-items:center;\r\n    justify-content:center;\r\n    gap:10px;\r\n    margin-top:31px;\r\n    padding:0 24px;\r\n    border:1px solid var(--sp-ink);\r\n    border-radius:10px;\r\n    color:#fff !important;\r\n    background:var(--sp-ink);\r\n    font-size:14px;\r\n    font-weight:800;\r\n    line-height:1.2;\r\n    text-decoration:none !important;\r\n    white-space:nowrap;\r\n    transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease;\r\n  }\r\n\r\n  .sp-treats-section .sp-treats-cta:hover {\r\n    background:#173b55;\r\n    box-shadow:0 12px 28px rgba(34,76,105,.2);\r\n    transform:translateY(-2px);\r\n  }\r\n\r\n  .sp-treats-section .sp-treats-cta:active { transform:translateY(0); }\r\n  .sp-treats-section :focus-visible { outline:3px solid #f2b84b;outline-offset:4px; }\r\n\r\n  \/* Scroll reveal: only hidden after JavaScript is ready, so content stays visible if JS is blocked. *\/\r\n  .sp-treats-section.sp-reveal-ready [data-sp-reveal] {\r\n    opacity:0;\r\n    transform:translateY(46px);\r\n  }\r\n\r\n  .sp-treats-section.sp-reveal-ready [data-sp-reveal].is-visible {\r\n    opacity:1;\r\n    transform:translateY(0);\r\n    transition:\r\n      opacity .72s cubic-bezier(.16,1,.3,1) var(--sp-delay,0ms),\r\n      transform .72s cubic-bezier(.16,1,.3,1) var(--sp-delay,0ms);\r\n  }\r\n\r\n  @media(max-width:1100px) {\r\n    .sp-treats-section .sp-treats-banner,\r\n    .sp-treats-section .sp-treats-inner { width:min(calc(100% - 48px),980px); }\r\n    .sp-treats-section .sp-treats-inner { min-height:auto;grid-template-columns:1fr;gap:54px;padding:64px 0 74px; }\r\n    .sp-treats-section .sp-treats-visual,\r\n    .sp-treats-section .sp-treats-visual img { min-height:580px; }\r\n  }\r\n\r\n  @media(max-width:640px) {\r\n    .sp-treats-section { left:auto;width:100%;max-width:100%;margin-right:0;margin-left:0; }\r\n    .sp-treats-section .sp-treats-banner { width:calc(100% - 28px);min-height:auto;align-items:flex-start;flex-direction:column;gap:7px;padding:17px 20px;border-radius:0 0 14px 14px; }\r\n    .sp-treats-section .sp-treats-banner strong { font-size:12px; }\r\n    .sp-treats-section .sp-treats-banner span { font-size:12px;text-align:left; }\r\n    .sp-treats-section .sp-treats-inner { width:calc(100% - 28px);gap:40px;padding:46px 0 58px; }\r\n    .sp-treats-section .sp-treats-visual { min-height:430px;border-radius:18px 100px 18px 100px; }\r\n    .sp-treats-section .sp-treats-visual img { min-height:430px; }\r\n    .sp-treats-section h2 { font-size:42px; }\r\n    .sp-treats-section .sp-treats-lead { font-size:15px; }\r\n    .sp-treats-section .sp-treat-grid { display:flex;margin-right:-14px;padding-right:14px;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-top:0; }\r\n    .sp-treats-section .sp-treat-grid::-webkit-scrollbar { display:none; }\r\n    .sp-treats-section .sp-treat-item,\r\n    .sp-treats-section .sp-treat-item:nth-child(even) { min-height:160px;flex:0 0 76vw;padding:21px;border:1px solid var(--sp-line);border-radius:14px;background:#fff;scroll-snap-align:start; }\r\n    .sp-treats-section .sp-treat-services { display:flex;margin-right:-14px;padding-right:14px;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none; }\r\n    .sp-treats-section .sp-treat-services::-webkit-scrollbar { display:none; }\r\n    .sp-treats-section .sp-treat-service { flex:0 0 58vw;scroll-snap-align:start; }\r\n    .sp-treats-section .sp-treats-cta { width:100%; }\r\n  }\r\n\r\n  @media(prefers-reduced-motion:reduce) {\r\n    .sp-treats-section *,\r\n    .sp-treats-section *::before,\r\n    .sp-treats-section *::after { transition-duration:.01ms !important;scroll-behavior:auto !important; }\r\n    .sp-treats-section.sp-reveal-ready [data-sp-reveal] { opacity:1 !important;transform:none !important; }\r\n  }\r\n\r\n  \/* Match the other wholesale sections' desktop spacing. *\/\r\n  @media (min-width: 1101px) {\r\n    .sp-treats-section .sp-treats-inner {\r\n      min-height: 0;\r\n      padding-top: 28px;\r\n      padding-bottom: 28px;\r\n    }\r\n    .sp-treats-section .sp-treats-copy .sp-treats-eyebrow {\r\n      margin-bottom: 10px;\r\n    }\r\n    .sp-treats-section .sp-treats-copy h2 {\r\n      margin-bottom: 18px;\r\n    }\r\n    .sp-treats-section .sp-treats-copy .sp-treats-lead {\r\n      margin-top: 0;\r\n      margin-bottom: 24px;\r\n    }\r\n    .sp-treats-section .sp-treats-copy .sp-treat-grid {\r\n      margin-top: 0;\r\n      grid-auto-rows: 1fr;\r\n    }\r\n    .sp-treats-section .sp-treats-copy .sp-treat-item {\r\n      min-height: 0;\r\n      padding-top: 18px;\r\n      padding-bottom: 18px;\r\n    }\r\n    .sp-treats-section .sp-treats-copy .sp-treat-item h3 {\r\n      margin-bottom: 7px;\r\n    }\r\n    .sp-treats-section .sp-treats-copy .sp-treat-services {\r\n      margin-top: 24px;\r\n    }\r\n    .sp-treats-section .sp-treats-copy .sp-service-mark {\r\n      margin-bottom: 10px;\r\n    }\r\n    .sp-treats-section .sp-treats-copy .sp-treats-cta {\r\n      margin-top: 24px;\r\n    }\r\n  }\r\n<\/style><style>\r\n.spc{width:100%;max-width:100%;position:relative;background:white}\r\n.spc .spc-window{overflow:hidden;touch-action:pan-y}\r\n.spc .spc-track{display:flex;align-items:flex-start;transition:transform .45s ease}\r\n.spc .spc-slide{flex:0 0 100%;width:100%;min-width:0}\r\n.spc .spc-slide>section{left:auto;width:100%;max-width:100%;margin:0;background:white}\r\n.spc .sp-litter-inner,.spc .sp-health-inner,.spc .sp-treats-inner{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(30px,5vw,100px)}\r\n.spc .spc-nav{display:flex;justify-content:center;gap:16px;padding:20px 0 30px}\r\n.spc .spc-arrow{appearance:none;display:grid;place-items:center;width:52px;height:52px;min-height:52px;flex:0 0 52px;padding:0;margin:0;border:1px solid #f0f0f0;border-radius:50%;background:#fff;color:#559d62;box-shadow:0 2px 12px #00000020;cursor:pointer;transition:background .2s,transform .2s}\r\n.spc .spc-arrow:hover{background:#f2f8f2;transform:translateY(-2px)}\r\n.spc .spc-arrow:focus-visible{outline:3px solid #559d62;outline-offset:4px}\r\n.spc .spc-arrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}\r\n.spc .spc-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}\r\n@media(max-width:1100px){.spc .sp-litter-inner,.spc .sp-health-inner,.spc .sp-treats-inner{grid-template-columns:1fr}}\r\n@media(max-width:640px){.spc .sp-health-visual,.spc .sp-treats-visual{min-height:0;aspect-ratio:1}.spc .sp-treats-visual img{position:absolute;inset:0;width:100%;height:100%;min-height:0}}\r\n@media(prefers-reduced-motion:reduce){.spc .spc-track,.spc .spc-arrow{transition:none}}\r\n<\/style><style>\r\n\/* Mobile image layout: natural image ratio and shrinkable grid columns. *\/\r\n@media (max-width: 640px) {\r\n  .spc .sp-litter-inner,\r\n  .spc .sp-health-inner,\r\n  .spc .sp-treats-inner {\r\n    grid-template-columns: minmax(0, 1fr);\r\n  }\r\n  .spc .spc-visual-column {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    min-width: 0;\r\n  }\r\n  .spc .sp-health-section .sp-health-visual,\r\n  .spc .sp-treats-section .sp-treats-visual {\r\n    display: block;\r\n    width: 100%;\r\n    max-width: 100%;\r\n    height: auto !important;\r\n    min-height: 0 !important;\r\n    aspect-ratio: auto;\r\n    padding: 0;\r\n    border-radius: 18px;\r\n    overflow: hidden;\r\n  }\r\n  .spc .sp-health-section .sp-health-visual > img,\r\n  .spc .sp-treats-section .sp-treats-visual > img {\r\n    position: static !important;\r\n    inset: auto !important;\r\n    display: block;\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n    height: auto !important;\r\n    min-width: 0 !important;\r\n    min-height: 0 !important;\r\n    max-height: none !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    object-fit: contain !important;\r\n    object-position: center !important;\r\n    transform: none !important;\r\n  }\r\n}\r\n<\/style><style>\r\n\/* Tighten the space around the carousel controls on all screen sizes. *\/\r\n.spc .sp-litter-inner,\r\n.spc .sp-health-inner,\r\n.spc .sp-treats-inner {\r\n  padding-bottom: 10px;\r\n}\r\n.spc .spc-nav {\r\n  gap: 12px;\r\n  padding: 6px 0 12px;\r\n}\r\n<\/style><div class=\"spc\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Wholesale product categories\"><div class=\"spc-window\"><div class=\"spc-track\"><div class=\"spc-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 3\"><section class=\"sp-litter-intro\" aria-labelledby=\"sp-litter-title\">\r\n  <div class=\"sp-featured-banner\" aria-label=\"Featured wholesale product\">\r\n    <strong class=\"sp-featured-label\">Featured Wholesale Product<\/strong>\r\n    <span class=\"sp-featured-note\">A core category for importers, distributors and private-label pet brands.<\/span>\r\n  <\/div>\r\n\r\n  <div class=\"sp-litter-inner\">\r\n    <div class=\"spc-visual-column\"><div class=\"sp-litter-visual\">\r\n      <img\r\n        class=\"sp-litter-product\"\r\n        src=\"https:\/\/sakuracasa.com\/wp-content\/uploads\/2026\/09\/2555-scaled.webp\"\r\n        alt=\"Transparent yellow litter tray filled with tofu cat litter pellets\"\r\n        loading=\"lazy\"\r\n        decoding=\"async\"\r\n      >\r\n    <\/div><div class=\"spc-category-thumbs\" aria-label=\"Explore other products\">\r\n<button type=\"button\" class=\"spc-category-thumb\" data-slide-to=\"1\" aria-label=\"View Pet Health Products\" title=\"Pet Health Products\"><img src=\"https:\/\/sakuracasa.com\/wp-content\/uploads\/2026\/09\/32.webp\" alt=\"Pet health products\" loading=\"lazy\" decoding=\"async\"><\/button>\r\n<button type=\"button\" class=\"spc-category-thumb\" data-slide-to=\"2\" aria-label=\"View Pet Treats\" title=\"Pet Treats\"><img src=\"https:\/\/sakuracasa.com\/wp-content\/uploads\/2026\/09\/webp-9.webp\" alt=\"Pet treats\" loading=\"lazy\" decoding=\"async\"><\/button>\r\n<\/div><\/div>\r\n\r\n    <div class=\"sp-litter-copy\">\r\n      <span class=\"sp-litter-eyebrow\">Tofu Cat Litter Wholesale<\/span>\r\n      <h2 id=\"sp-litter-title\">Tofu Cat Litter Solutions for Wholesale<\/h2>\r\n      <p class=\"sp-litter-lead\">\r\n        Reliable tofu cat litter solutions for importers, distributors and private-label pet brands, with flexible product and packaging options for different markets.\r\n      <\/p>\r\n\r\n      <div class=\"sp-litter-benefits\">\r\n        <article class=\"sp-litter-benefit\">\r\n          <h3>Strong Absorption<\/h3>\r\n          <p>Absorbs moisture efficiently to support easier litter-box maintenance.<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"sp-litter-benefit\">\r\n          <h3>Low-Dust Formula<\/h3>\r\n          <p>Designed to reduce airborne dust and support a cleaner environment.<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"sp-litter-benefit\">\r\n          <h3>Reduced Bottom Sticking<\/h3>\r\n          <p>Helps reduce residue sticking to the bottom of the litter box.<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"sp-litter-benefit\">\r\n          <h3>Larger Pellet Option<\/h3>\r\n          <p>Larger particles help reduce tracking outside the litter box.<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"sp-litter-benefit\">\r\n          <h3>Water-Soluble<\/h3>\r\n          <p>Small amounts may be flushed where local plumbing guidance allows.<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"sp-litter-benefit\">\r\n          <h3>Flexible Market Options<\/h3>\r\n          <p>Product and packaging options can be discussed for different markets.<\/p>\r\n        <\/article>\r\n      <\/div>\r\n\r\n      <div class=\"sp-litter-services\" aria-label=\"Wholesale services\">\r\n        <div class=\"sp-litter-service\">\r\n          <span class=\"sp-service-mark\" aria-hidden=\"true\">OEM<\/span>\r\n          <strong>Formula Options<\/strong>\r\n          <span>Discuss product requirements for your market.<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"sp-litter-service\">\r\n          <span class=\"sp-service-mark\" aria-hidden=\"true\">LABEL<\/span>\r\n          <strong>Private Label<\/strong>\r\n          <span>Packaging and branding support for your business.<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"sp-litter-service\">\r\n          <span class=\"sp-service-mark\" aria-hidden=\"true\">B2B<\/span>\r\n          <strong>Bulk Supply<\/strong>\r\n          <span>Wholesale service for international trade partners.<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <a class=\"sp-litter-cta\" href=\"https:\/\/sakuracasa.com\/custom-cat-litter-manufacturing\/\">\r\n        Discuss Your Requirements <span aria-hidden=\"true\">\u2192<\/span>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section><\/div><div class=\"spc-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 3\"><section class=\"sp-health-section\" aria-labelledby=\"sp-health-title\">\r\n  <div class=\"sp-health-banner\" aria-label=\"Wholesale pet supplements and veterinary products category\">\r\n    <strong>Wholesale Pet Health Products<\/strong>\r\n    <span>Supplements and veterinary product options for distributors and private-label brands.<\/span>\r\n  <\/div>\r\n  <div class=\"sp-health-inner\">\r\n    <div class=\"spc-visual-column\"><div class=\"sp-health-visual\">\r\n      <img\r\n        src=\"https:\/\/sakuracasa.com\/wp-content\/uploads\/2026\/09\/32.webp\"\r\n        alt=\"Pet health packaging concept with two soft-chew supplement bottles, a veterinary tablet bottle, a digestive-support powder pouch and soft chews\"\r\n        loading=\"lazy\"\r\n        decoding=\"async\"\r\n      >\r\n    <\/div><div class=\"spc-category-thumbs\" aria-label=\"Explore other products\"><button type=\"button\" class=\"spc-category-thumb\" data-slide-to=\"0\" aria-label=\"View Tofu Cat Litter\" title=\"Tofu Cat Litter\"><img src=\"https:\/\/sakuracasa.com\/wp-content\/uploads\/2026\/09\/2555-scaled.webp\" alt=\"Tofu Cat Litter\" loading=\"lazy\" decoding=\"async\"><\/button><button type=\"button\" class=\"spc-category-thumb\" data-slide-to=\"2\" aria-label=\"View Pet Treats\" title=\"Pet Treats\"><img src=\"https:\/\/sakuracasa.com\/wp-content\/uploads\/2026\/09\/webp-9.webp\" alt=\"Pet Treats\" loading=\"lazy\" decoding=\"async\"><\/button><\/div><\/div>\r\n    <div class=\"sp-health-copy\">\r\n      <span class=\"sp-health-eyebrow\">PET SUPPLEMENTS &amp; VETERINARY PRODUCTS WHOLESALE<\/span>\r\n      <h2 id=\"sp-health-title\">Pet Health Products for Wholesale &amp; Private Label<\/h2>\r\n      <p class=\"sp-health-lead\">Explore pet supplements and veterinary product options for different markets. Product format, formula, packaging and order requirements can be discussed according to project feasibility.<\/p>\r\n      <div class=\"sp-health-grid\">\r\n        <article class=\"sp-health-item\">\r\n          <h3>Multivitamin Supplements<\/h3>\r\n          <p>Daily nutritional supplements available in soft chews, tablets and other formats.<\/p>\r\n        <\/article>\r\n        <article class=\"sp-health-item\">\r\n          <h3>Probiotics &amp; Digestive Support<\/h3>\r\n          <p>Probiotic, prebiotic and digestive-support product options for dogs and cats.<\/p>\r\n        <\/article>\r\n        <article class=\"sp-health-item\">\r\n          <h3>Joint &amp; Mobility Supplements<\/h3>\r\n          <p>Soft chews and other supplement formats developed for joint and mobility product lines.<\/p>\r\n        <\/article>\r\n        <article class=\"sp-health-item\">\r\n          <h3>Skin &amp; Coat Supplements<\/h3>\r\n          <p>Nutritional supplement options for skin, coat and everyday wellness product ranges.<\/p>\r\n        <\/article>\r\n        <article class=\"sp-health-item\">\r\n          <h3>Veterinary Pharmaceuticals<\/h3>\r\n          <p>Veterinary product options available according to market, registration and project requirements.<\/p>\r\n        <\/article>\r\n        <article class=\"sp-health-item\">\r\n          <h3>Custom Pet Health Products<\/h3>\r\n          <p>Discuss custom formulas, dosage forms, packaging and private-label requirements.<\/p>\r\n        <\/article>\r\n      <\/div>\r\n      <div class=\"sp-health-services\" aria-label=\"Pet health product wholesale services\">\r\n        <div class=\"sp-health-service\">\r\n          <span class=\"sp-service-mark\" aria-hidden=\"true\">OEM<\/span>\r\n          <strong>Formula &amp; Format Options<\/strong>\r\n          <span>Discuss formulas, dosage forms and product specifications.<\/span>\r\n        <\/div>\r\n        <div class=\"sp-health-service\">\r\n          <span class=\"sp-service-mark\" aria-hidden=\"true\">Label<\/span>\r\n          <strong>Private Label<\/strong>\r\n          <span>Packaging and branding support for your business.<\/span>\r\n        <\/div>\r\n        <div class=\"sp-health-service\">\r\n          <span class=\"sp-service-mark\" aria-hidden=\"true\">B2B<\/span>\r\n          <strong>Bulk Supply<\/strong>\r\n          <span>Wholesale solutions for distributors and international partners.<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <a class=\"sp-health-cta\" href=\"https:\/\/sakuracasa.com\/pet-supplements-pharmaceuticals\/\">\r\n        Discuss Your Requirements <span aria-hidden=\"true\">\u2192<\/span>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section><\/div><div class=\"spc-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 of 3\"><section class=\"sp-treats-section\" aria-labelledby=\"sp-treats-title\">\r\n  <div class=\"sp-treats-banner\" aria-label=\"Wholesale pet treat category\">\r\n    <strong>Wholesale Pet Treats<\/strong>\r\n    <span>Multiple treat formats for distributors, retailers and private-label pet brands.<\/span>\r\n  <\/div>\r\n\r\n  <div class=\"sp-treats-inner\">\r\n    <div class=\"spc-visual-column\"><div class=\"sp-treats-visual\">\r\n      <img\r\n        src=\"https:\/\/sakuracasa.com\/wp-content\/uploads\/2026\/09\/webp-9.webp\"\r\n        alt=\"Assortment of cat grass, chicken and freeze-dried pet treats\"\r\n        loading=\"lazy\"\r\n        decoding=\"async\"\r\n      >\r\n    <\/div><div class=\"spc-category-thumbs\" aria-label=\"Explore other products\"><button type=\"button\" class=\"spc-category-thumb\" data-slide-to=\"0\" aria-label=\"View Tofu Cat Litter\" title=\"Tofu Cat Litter\"><img src=\"https:\/\/sakuracasa.com\/wp-content\/uploads\/2026\/09\/2555-scaled.webp\" alt=\"Tofu Cat Litter\" loading=\"lazy\" decoding=\"async\"><\/button><button type=\"button\" class=\"spc-category-thumb\" data-slide-to=\"1\" aria-label=\"View Pet Health Products\" title=\"Pet Health Products\"><img src=\"https:\/\/sakuracasa.com\/wp-content\/uploads\/2026\/09\/32.webp\" alt=\"Pet Health Products\" loading=\"lazy\" decoding=\"async\"><\/button><\/div><\/div>\r\n\r\n    <div class=\"sp-treats-copy\">\r\n      <span class=\"sp-treats-eyebrow\">Pet Food and Treats Wholesale<\/span>\r\n      <h2 id=\"sp-treats-title\">Pet Treat Options for Wholesale and Private Label<\/h2>\r\n      <p class=\"sp-treats-lead\">Explore multiple pet treat directions for different markets. Product format, ingredient selection, packaging and order requirements can be discussed according to project feasibility.<\/p>\r\n\r\n      <div class=\"sp-treat-grid\">\r\n        <article class=\"sp-treat-item\">\r\n          <h3>Freeze-Dried Treats<\/h3>\r\n          <p>Chicken, duck, salmon, liver, egg yolk and other freeze-dried options.<\/p>\r\n        <\/article>\r\n        <article class=\"sp-treat-item\">\r\n          <h3>Creamy & Lickable Treats<\/h3>\r\n          <p>Creamy sticks, lickable treats and other soft snack formats for cats.<\/p>\r\n        <\/article>\r\n        <article class=\"sp-treat-item\">\r\n          <h3>Air-Dried Whole Chicken<\/h3>\r\n          <p>Whole chicken, quail and other air-dried formats for specialty pet treat lines.<\/p>\r\n        <\/article>\r\n        <article class=\"sp-treat-item\">\r\n          <h3>Dental & Chew Treats<\/h3>\r\n          <p>Dental chews, chew sticks and other long-lasting dog treat formats.<\/p>\r\n        <\/article>\r\n        <article class=\"sp-treat-item\">\r\n          <h3>Jerky & Meat Treats<\/h3>\r\n          <p>Chicken breast, meat strips, bites and organ-based snack options.<\/p>\r\n        <\/article>\r\n        <article class=\"sp-treat-item\">\r\n          <h3>Crunchy & Custom Treats<\/h3>\r\n          <p>Crunchy bites, filled treats and custom shapes, flavors and formulas.<\/p>\r\n        <\/article>\r\n      <\/div>\r\n\r\n      <div class=\"sp-treat-services\" aria-label=\"Pet treat wholesale services\">\r\n        <div class=\"sp-treat-service\">\r\n          <span class=\"sp-service-mark\" aria-hidden=\"true\">OEM<\/span>\r\n          <strong>Product Options<\/strong>\r\n          <span>Discuss ingredients, formats and specifications.<\/span>\r\n        <\/div>\r\n        <div class=\"sp-treat-service\">\r\n          <span class=\"sp-service-mark\" aria-hidden=\"true\">Label<\/span>\r\n          <strong>Private Label<\/strong>\r\n          <span>Packaging and branding support for your business.<\/span>\r\n        <\/div>\r\n        <div class=\"sp-treat-service\">\r\n          <span class=\"sp-service-mark\" aria-hidden=\"true\">B2B<\/span>\r\n          <strong>Bulk Supply<\/strong>\r\n          <span>Wholesale service for international trade partners.<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <a class=\"sp-treats-cta\" href=\"https:\/\/sakuracasa.com\/custom-pet-treats\/\">\r\n        Explore Custom Pet Treats <span aria-hidden=\"true\">\u2192<\/span>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section><\/div><\/div><\/div>\r\n<span class=\"spc-status\" role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/span><\/div>\r\n<script>\r\n(function(){\r\nvar root=document.currentScript.previousElementSibling;\r\nif(!root||!root.matches('.spc')||root.dataset.ready)return;\r\nroot.dataset.ready='true';\r\nvar slides=Array.from(root.querySelectorAll('.spc-slide')),track=root.querySelector('.spc-track'),viewport=root.querySelector('.spc-window'),index=0;\r\nfunction resize(){viewport.style.height=Math.ceil(slides[index].getBoundingClientRect().height)+'px'}\r\nfunction go(step,announce){\r\nindex=(index+step+slides.length)%slides.length;\r\nslides.forEach(function(s,i){s.inert=i!==index;s.setAttribute('aria-hidden',String(i!==index))});\r\ntrack.style.transform='translateX(-'+index*100+'%)';resize();\r\nif(announce)root.querySelector('.spc-status').textContent=(index+1)+' of '+slides.length+': '+slides[index].querySelector('h2').textContent;\r\n}\r\nroot.querySelectorAll('[data-slide-to]').forEach(function(button){\r\nbutton.addEventListener('click',function(){\r\nvar target=Number(button.dataset.slideTo);\r\n\r\ngo(target-index,true);var heading=slides[index].querySelector(\"h2\");heading.setAttribute(\"tabindex\",\"-1\");heading.focus({preventScroll:true});\r\n});\r\n});\r\nvar start=null;\r\nviewport.addEventListener('touchstart',function(e){\r\nvar el=e.target;\r\nwhile(el&&el!==viewport){if(el.scrollWidth>el.clientWidth+2&&\/auto|scroll\/.test(getComputedStyle(el).overflowX)){start=null;return}el=el.parentElement}\r\nstart=e.touches.length===1?{x:e.touches[0].clientX,y:e.touches[0].clientY}:null;\r\n},{passive:true});\r\nviewport.addEventListener('touchend',function(e){if(!start)return;var dx=e.changedTouches[0].clientX-start.x,dy=e.changedTouches[0].clientY-start.y;start=null;if(Math.abs(dx)>60&&Math.abs(dx)>Math.abs(dy)*1.5)go(dx<0?1:-1,true)},{passive:true});\r\nviewport.addEventListener('touchcancel',function(){start=null},{passive:true});\r\nif(window.ResizeObserver){var ro=new ResizeObserver(resize);slides.forEach(function(s){ro.observe(s)})}\r\nwindow.addEventListener('resize',resize);\r\nroot.querySelectorAll('img').forEach(function(img){img.addEventListener('load',resize)});\r\nif(document.fonts)document.fonts.ready.then(resize);\r\ngo(0,false);\r\n})();\r\n<\/script>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-025cb50 e-flex e-con-boxed e-con e-parent\" data-id=\"025cb50\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4fa69b5 elementor-widget elementor-widget-html\" data-id=\"4fa69b5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  SAKURA PETTO CUSTOM SOLUTIONS + COUNT-UP MODULE\r\n  Elementor: paste this entire file into one HTML widget in CODE mode.\r\n-->\r\n<style>\r\n  .sp-custom-module,\r\n  .sp-custom-module * {\r\n    box-sizing: border-box;\r\n  }\r\n  .sp-custom-module {\r\n    --sp-ink: #224c69;\r\n    --sp-muted: #678fab;\r\n    --sp-blue: #087ac1;\r\n    --sp-line: #d2e0e9;\r\n    position: relative;\r\n    left: 50%;\r\n    width: 100vw;\r\n    max-width: none;\r\n    margin-right: -50vw;\r\n    margin-left: -50vw;\r\n    overflow: hidden;\r\n    background: #f7fbfd;\r\n    color: var(--sp-ink);\r\n    font-family: Aptos, \"Segoe UI\", Helvetica, Arial, sans-serif;\r\n  }\r\n  .sp-custom-module .sp-marquee {\r\n    width: 100%;\r\n    overflow: hidden;\r\n    border-top: 1px solid rgba(34, 76, 105, .1);\r\n    border-bottom: 1px solid rgba(34, 76, 105, .1);\r\n    background: #ffffff;\r\n  }\r\n  .sp-custom-module .sp-marquee-track {\r\n    display: flex;\r\n    width: max-content;\r\n    animation: spMarquee 24s linear infinite;\r\n    will-change: transform;\r\n  }\r\n  .sp-custom-module .sp-marquee:hover .sp-marquee-track {\r\n    animation-play-state: paused;\r\n  }\r\n  .sp-custom-module .sp-marquee-group {\r\n    display: flex;\r\n    flex-shrink: 0;\r\n    align-items: center;\r\n    gap: clamp(28px, 3vw, 58px);\r\n    padding: 22px clamp(18px, 2vw, 38px);\r\n  }\r\n  .sp-custom-module .sp-marquee-item {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 16px;\r\n    color: var(--sp-ink);\r\n    font-size: clamp(20px, 2vw, 34px);\r\n    font-weight: 850;\r\n    letter-spacing: -.03em;\r\n    line-height: 1;\r\n    text-transform: uppercase;\r\n    white-space: nowrap;\r\n  }\r\n  .sp-custom-module .sp-marquee-item::before {\r\n    content: \"\";\r\n    width: 14px;\r\n    height: 14px;\r\n    flex: 0 0 14px;\r\n    border-radius: 50%;\r\n    background: var(--sp-blue);\r\n  }\r\n  @keyframes spMarquee {\r\n    from { transform: translateX(0); }\r\n    to { transform: translateX(-50%); }\r\n  }\r\n  .sp-custom-module .sp-custom-inner {\r\n    width: min(calc(100% - 80px), 1660px);\r\n    min-height: 610px;\r\n    display: grid;\r\n    grid-template-columns: minmax(520px, 1.15fr) minmax(460px, .85fr);\r\n    align-items: stretch;\r\n    margin-inline: auto;\r\n    padding: 70px 0 76px;\r\n  }\r\n  .sp-custom-module .sp-custom-copy {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    min-width: 0;\r\n    padding-right: clamp(24px, 2.5vw, 48px);\r\n  }\r\n  .sp-custom-module .sp-custom-eyebrow {\r\n    display: block;\r\n    margin-bottom: 14px;\r\n    color: var(--sp-blue);\r\n    font-size: 12px;\r\n    font-weight: 850;\r\n    letter-spacing: .14em;\r\n    line-height: 1.3;\r\n    text-transform: uppercase;\r\n  }\r\n  .sp-custom-module h2 {\r\n    max-width: none;\r\n    margin: 0 0 22px;\r\n    color: var(--sp-ink);\r\n    font-family: inherit;\r\n    font-size: clamp(44px, 4.4vw, 76px);\r\n    font-weight: 800;\r\n    letter-spacing: -.055em;\r\n    line-height: .98;\r\n  }\r\n  .sp-custom-module .sp-custom-lead {\r\n    max-width: none;\r\n    margin: 0 0 32px;\r\n    color: var(--sp-muted);\r\n    font-size: clamp(16px, 1.2vw, 19px);\r\n    line-height: 1.65;\r\n  }\r\n  .sp-custom-module .sp-custom-list {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 13px 34px;\r\n    max-width: none;\r\n    margin: 0;\r\n    padding: 0;\r\n    list-style: none;\r\n  }\r\n  .sp-custom-module .sp-custom-list li {\r\n    position: relative;\r\n    padding-left: 26px;\r\n    color: var(--sp-ink);\r\n    font-size: 16px;\r\n    font-weight: 650;\r\n    line-height: 1.45;\r\n  }\r\n  .sp-custom-module .sp-custom-list li::before {\r\n    content: \"\u2713\";\r\n    position: absolute;\r\n    top: 1px;\r\n    left: 0;\r\n    width: 18px;\r\n    height: 18px;\r\n    display: grid;\r\n    place-items: center;\r\n    border-radius: 50%;\r\n    color: #ffffff;\r\n    background: var(--sp-blue);\r\n    font-size: 11px;\r\n    font-weight: 900;\r\n    line-height: 1;\r\n  }\r\n  .sp-custom-module .sp-custom-button {\r\n    display: inline-flex;\r\n    width: fit-content;\r\n    min-height: 50px;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 12px;\r\n    margin-top: 36px;\r\n    padding: 0 24px;\r\n    border: 1px solid var(--sp-ink);\r\n    border-radius: 10px;\r\n    color: #ffffff !important;\r\n    background: var(--sp-ink);\r\n    font-size: 14px;\r\n    font-weight: 800;\r\n    line-height: 1.2;\r\n    text-decoration: none !important;\r\n    white-space: nowrap;\r\n    transition: transform .2s ease, background-color .2s ease, box-shadow .2s ease;\r\n  }\r\n  .sp-custom-module .sp-custom-button:hover {\r\n    background: #173b55;\r\n    box-shadow: 0 12px 28px rgba(34, 76, 105, .2);\r\n    transform: translateY(-2px);\r\n  }\r\n  .sp-custom-module .sp-custom-button:active {\r\n    transform: translateY(0);\r\n  }\r\n  .sp-custom-module .sp-custom-stats {\r\n    display: grid;\r\n    grid-template-rows: repeat(2, minmax(0, 1fr));\r\n    border-left: 1px solid var(--sp-line);\r\n  }\r\n  .sp-custom-module .sp-stat {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    min-width: 0;\r\n    padding: 28px 0 28px clamp(20px, 2vw, 36px);\r\n  }\r\n  .sp-custom-module .sp-stat + .sp-stat {\r\n    border-top: 1px solid var(--sp-line);\r\n  }\r\n  .sp-custom-module .sp-stat-number {\r\n    display: flex;\r\n    align-items: baseline;\r\n    color: #3b3965;\r\n    font-size: clamp(86px, 9vw, 154px);\r\n    font-weight: 800;\r\n    letter-spacing: -.075em;\r\n    line-height: .78;\r\n    font-variant-numeric: tabular-nums;\r\n  }\r\n  .sp-custom-module .sp-stat-suffix {\r\n    margin-left: 5px;\r\n    font-size: .55em;\r\n    letter-spacing: -.05em;\r\n  }\r\n  .sp-custom-module .sp-stat-label {\r\n    max-width: none;\r\n    margin-top: 18px;\r\n    color: var(--sp-muted);\r\n    font-size: clamp(17px, 1.4vw, 22px);\r\n    line-height: 1.4;\r\n  }\r\n  .sp-custom-module :focus-visible {\r\n    outline: 3px solid var(--sp-blue);\r\n    outline-offset: 4px;\r\n  }\r\n  @media (max-width: 1000px) {\r\n    .sp-custom-module .sp-custom-inner {\r\n      width: min(calc(100% - 48px), 900px);\r\n      min-height: auto;\r\n      grid-template-columns: 1fr;\r\n      padding: 58px 0 68px;\r\n    }\r\n    .sp-custom-module .sp-custom-copy {\r\n      padding: 0 0 52px;\r\n    }\r\n    .sp-custom-module .sp-custom-stats {\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      grid-template-rows: none;\r\n      border-top: 1px solid var(--sp-line);\r\n      border-left: 0;\r\n    }\r\n    .sp-custom-module .sp-stat {\r\n      padding: 44px 28px 8px 0;\r\n    }\r\n    .sp-custom-module .sp-stat + .sp-stat {\r\n      padding-left: 34px;\r\n      border-top: 0;\r\n      border-left: 1px solid var(--sp-line);\r\n    }\r\n  }\r\n  @media (max-width: 640px) {\r\n    .sp-custom-module {\r\n      left: auto;\r\n      width: 100%;\r\n      margin-right: 0;\r\n      margin-left: 0;\r\n    }\r\n    .sp-custom-module .sp-marquee-group {\r\n      gap: 24px;\r\n      padding: 16px 18px;\r\n    }\r\n    .sp-custom-module .sp-marquee-item {\r\n      gap: 11px;\r\n      font-size: 19px;\r\n    }\r\n    .sp-custom-module .sp-custom-inner {\r\n      width: 100%;\r\n      padding: 46px 18px 54px;\r\n    }\r\n    .sp-custom-module h2 {\r\n      font-size: clamp(40px, 12vw, 56px);\r\n      line-height: 1;\r\n    }\r\n    .sp-custom-module .sp-custom-list {\r\n      grid-template-columns: 1fr;\r\n      gap: 12px;\r\n    }\r\n    .sp-custom-module .sp-custom-button {\r\n      width: 100%;\r\n    }\r\n    .sp-custom-module .sp-custom-stats {\r\n      grid-template-columns: 1fr;\r\n    }\r\n    .sp-custom-module .sp-stat,\r\n    .sp-custom-module .sp-stat + .sp-stat {\r\n      min-height: 210px;\r\n      padding: 36px 0;\r\n      border-left: 0;\r\n    }\r\n    .sp-custom-module .sp-stat + .sp-stat {\r\n      border-top: 1px solid var(--sp-line);\r\n    }\r\n    .sp-custom-module .sp-stat-number {\r\n      font-size: clamp(82px, 27vw, 118px);\r\n    }\r\n  }\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .sp-custom-module .sp-marquee-track {\r\n      animation: none;\r\n    }\r\n    .sp-custom-module *,\r\n    .sp-custom-module *::before,\r\n    .sp-custom-module *::after {\r\n      scroll-behavior: auto !important;\r\n      transition-duration: .01ms !important;\r\n    }\r\n  }\r\n  \/* Packaging showcase below the text and statistics. *\/\r\n  .sp-custom-module .sp-custom-inner {\r\n    min-height: 0;\r\n    padding-bottom: 36px;\r\n    grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);\r\n  }\r\n  .sp-custom-module .sp-custom-packaging {\r\n    width: min(calc(100% - 80px), 1660px);\r\n    margin: 0 auto;\r\n    padding: 0;\r\n  }\r\n  .sp-custom-module .sp-custom-packaging img {\r\n    display: block;\r\n    position: static;\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n    height: auto !important;\r\n    min-height: 0;\r\n    margin: 0;\r\n    padding: 0;\r\n    border: 0;\r\n    object-fit: contain;\r\n  }\r\n  @media (max-width: 1000px) {\r\n    .sp-custom-module .sp-custom-inner {\r\n      grid-template-columns: minmax(0, 1fr);\r\n      padding-bottom: 28px;\r\n    }\r\n    .sp-custom-module .sp-custom-packaging {\r\n      width: min(calc(100% - 48px), 900px);\r\n    }\r\n  }\r\n  @media (max-width: 640px) {\r\n    .sp-custom-module .sp-custom-inner { padding-bottom: 20px; }\r\n    .sp-custom-module .sp-custom-packaging { width: calc(100% - 28px); }\r\n  }\r\n<\/style>\r\n<section class=\"sp-custom-module\" data-sp-custom aria-labelledby=\"sp-custom-title\">\r\n  <div class=\"sp-marquee\" aria-label=\"Sakura Petto wholesale services\">\r\n    <div class=\"sp-marquee-track\">\r\n      <div class=\"sp-marquee-group\">\r\n        <span class=\"sp-marquee-item\">Private Label<\/span>\r\n        <span class=\"sp-marquee-item\">OEM \/ ODM<\/span>\r\n        <span class=\"sp-marquee-item\">Bulk Supply<\/span>\r\n        <span class=\"sp-marquee-item\">Pet Product Solutions<\/span>\r\n      <\/div>\r\n      <div class=\"sp-marquee-group\" aria-hidden=\"true\">\r\n        <span class=\"sp-marquee-item\">Private Label<\/span>\r\n        <span class=\"sp-marquee-item\">OEM \/ ODM<\/span>\r\n        <span class=\"sp-marquee-item\">Bulk Supply<\/span>\r\n        <span class=\"sp-marquee-item\">Pet Product Solutions<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"sp-custom-inner\">\r\n    <div class=\"sp-custom-copy\">\r\n      <span class=\"sp-custom-eyebrow\">Custom Solutions for Pet Brands<\/span>\r\n      <h2 id=\"sp-custom-title\">Build Products for Your Market<\/h2>\r\n      <p class=\"sp-custom-lead\">\r\n        We support importers, distributors and private-label pet brands with flexible product development, packaging coordination and wholesale supply solutions.\r\n      <\/p>\r\n      <ul class=\"sp-custom-list\">\r\n        <li>Private-label packaging<\/li>\r\n        <li>Formula and scent options<\/li>\r\n        <li>Sample development<\/li>\r\n        <li>Multi-category sourcing<\/li>\r\n        <li>Export-ready coordination<\/li>\r\n        <li>Flexible B2B solutions<\/li>\r\n      <\/ul>\r\n      <a class=\"sp-custom-button\" href=\"https:\/\/sakuracasa.com\/contact\/\">\r\n        Discuss Your Project <span aria-hidden=\"true\">\u2192<\/span>\r\n      <\/a>\r\n    <\/div>\r\n    <div class=\"sp-custom-stats\" aria-label=\"Business highlights\">\r\n      <div class=\"sp-stat\">\r\n        <div class=\"sp-stat-number\">\r\n          <span data-sp-count data-target=\"200\" data-duration=\"1050\">0<\/span>\r\n          <span class=\"sp-stat-suffix\">+<\/span>\r\n        <\/div>\r\n        <div class=\"sp-stat-label\">Packaging styles and presentation options<\/div>\r\n      <\/div>\r\n      <div class=\"sp-stat\">\r\n        <div class=\"sp-stat-number\">\r\n          <span data-sp-count data-target=\"10\" data-duration=\"850\">0<\/span>\r\n          <span class=\"sp-stat-suffix\">+<\/span>\r\n        <\/div>\r\n        <div class=\"sp-stat-label\">Years of pet industry experience in China<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"sp-custom-packaging\">\r\n    <img\r\n      src=\"https:\/\/sakuracasa.com\/wp-content\/uploads\/2026\/09\/Custom-Tofu-Cat-Litter-Packaging-Private-Label-Solutions.webp\"\r\n      alt=\"Custom Tofu Cat Litter Packaging & Private Label Solutions\"\r\n      loading=\"lazy\"\r\n      decoding=\"async\"\r\n    >\r\n  <\/div>\r\n<\/section>\r\n<script>\r\n  (function () {\r\n    var modules = document.querySelectorAll('[data-sp-custom]:not([data-sp-ready])');\r\n    modules.forEach(function (module) {\r\n      module.setAttribute('data-sp-ready', 'true');\r\n      var counters = Array.from(module.querySelectorAll('[data-sp-count]'));\r\n      var reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n      var hasAnimated = false;\r\n      function animateCounter(counter) {\r\n        var target = Number(counter.getAttribute('data-target')) || 0;\r\n        var duration = Number(counter.getAttribute('data-duration')) || 1000;\r\n        if (reduceMotion) {\r\n          counter.textContent = target;\r\n          return;\r\n        }\r\n        var startTime = null;\r\n        function update(timestamp) {\r\n          if (!startTime) startTime = timestamp;\r\n          var progress = Math.min((timestamp - startTime) \/ duration, 1);\r\n          var eased = 1 - Math.pow(1 - progress, 3);\r\n          counter.textContent = Math.round(target * eased);\r\n          if (progress < 1) {\r\n            window.requestAnimationFrame(update);\r\n          } else {\r\n            counter.textContent = target;\r\n          }\r\n        }\r\n        window.requestAnimationFrame(update);\r\n      }\r\n      function runCounters() {\r\n        if (hasAnimated) return;\r\n        hasAnimated = true;\r\n        counters.forEach(animateCounter);\r\n      }\r\n      if ('IntersectionObserver' in window) {\r\n        var observer = new IntersectionObserver(function (entries) {\r\n          if (entries[0].isIntersecting) {\r\n            runCounters();\r\n            observer.disconnect();\r\n          }\r\n        }, {\r\n          threshold: .32\r\n        });\r\n        observer.observe(module.querySelector('.sp-custom-inner'));\r\n      } else {\r\n        runCounters();\r\n      }\r\n    });\r\n  }());\r\n<\/script>\r\n\r\n\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d69d682 e-flex e-con-boxed e-con e-parent\" data-id=\"d69d682\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7796226 elementor-widget elementor-widget-html\" data-id=\"7796226\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SAKURA CASA WHY GLOBAL BUYERS: images use native src attributes; replace each src to change photos. -->\n<style>\n.sp-why-global,.sp-why-global *{box-sizing:border-box}\n.sp-why-global{--sp-navy:#224c69;--sp-blue:#087ac1;--sp-copy:#678fab;--sp-line:#cbdce7;width:100%;overflow:hidden;background:#fff;color:var(--sp-navy);font-family:Aptos,\"Segoe UI\",Helvetica,Arial,sans-serif}\n.sp-why-global .sp-why-inner{width:min(calc(100% - 80px),1760px);margin:0 auto;padding:28px 0}\n.sp-why-global .sp-why-heading{width:100%;max-width:none;margin:0 auto 28px;text-align:center}\n.sp-why-global .sp-why-heading h2{margin:0;color:var(--sp-navy);font-family:inherit;font-size:clamp(44px,4.2vw,76px);font-weight:800;letter-spacing:-.055em;line-height:.98}\n.sp-why-global .sp-why-heading p{width:100%;max-width:none;margin:18px auto 0;color:var(--sp-copy);font-size:clamp(17px,1.3vw,20px);font-weight:400;line-height:1.65}\n.sp-why-global .sp-why-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}\n.sp-why-global .sp-why-card{min-width:0;margin:0;background:#fff}\n.sp-why-global .sp-why-photo{position:relative;display:grid;place-items:center;aspect-ratio:4\/3;overflow:hidden;border:1px solid var(--sp-line);border-radius:18px;background:#f3f8fb}\n.sp-why-global .sp-why-photo img{display:block;position:absolute;inset:0;width:100%;height:100%;max-width:none;margin:0;object-fit:cover;object-position:center}\n.sp-why-global [hidden]{display:none!important}\n.sp-why-global .sp-why-placeholder{padding:24px;color:var(--sp-copy);text-align:center;font-size:14px;line-height:1.55}\n.sp-why-global .sp-why-label{display:block;margin:18px 0 8px;color:var(--sp-blue);font-size:12px;font-weight:800;letter-spacing:.12em;line-height:1.3;text-transform:uppercase}\n.sp-why-global .sp-why-card h3{margin:0;color:var(--sp-navy);font-family:inherit;font-size:clamp(20px,1.55vw,27px);font-weight:750;letter-spacing:-.025em;line-height:1.15}\n.sp-why-global .sp-why-card p{margin:10px 0 0;color:var(--sp-copy);font-size:14px;font-weight:400;line-height:1.55}\n.sp-why-global .sp-why-footer{margin-top:24px;padding-top:24px;border-top:1px solid var(--sp-line);display:flex;align-items:center;justify-content:space-between;gap:24px}\n.sp-why-global .sp-why-footer p{margin:0;color:var(--sp-copy);font-size:17px;font-weight:400;line-height:1.65}\n.sp-why-global .sp-why-cta{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:12px 24px;border:1px solid var(--sp-navy);border-radius:10px;background:var(--sp-navy);color:#fff!important;font-size:14px;font-weight:800;line-height:1.2;text-decoration:none!important}\n.sp-why-global .sp-why-cta:hover{background:#173b55}\n.sp-why-global :focus-visible{outline:3px solid #f2b84b;outline-offset:4px}\n@media(max-width:1100px){.sp-why-global .sp-why-inner{width:calc(100% - 48px)}.sp-why-global .sp-why-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px}.sp-why-global .sp-why-footer{flex-wrap:wrap}}\n@media(max-width:640px){.sp-why-global .sp-why-inner{width:calc(100% - 36px)}.sp-why-global .sp-why-heading{text-align:left;margin-bottom:24px}.sp-why-global .sp-why-heading h2{font-size:clamp(40px,12vw,58px);line-height:1}.sp-why-global .sp-why-heading p{font-size:16px}.sp-why-global .sp-why-cards{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#cbdce7 transparent;padding-bottom:12px}.sp-why-global .sp-why-card{flex:0 0 86%;scroll-snap-align:start}.sp-why-global .sp-why-card h3{font-size:20px}.sp-why-global .sp-why-footer{gap:18px}.sp-why-global .sp-why-footer p{font-size:16px}.sp-why-global .sp-why-cta{width:100%}}\n\n\/* Use the same viewport-wide layout as the product sections. *\/\n.sp-why-global {\n  position: relative;\n  left: 50%;\n  width: 100vw;\n  max-width: none;\n  margin-left: -50vw;\n  margin-right: -50vw;\n}\n.sp-why-global .sp-why-inner {\n  width: min(calc(100% - 80px), 1760px);\n}\n@media (max-width: 1100px) {\n  .sp-why-global .sp-why-inner {\n    width: calc(100% - 48px);\n  }\n}\n@media (max-width: 640px) {\n  .sp-why-global {\n    left: auto;\n    width: 100%;\n    max-width: 100%;\n    margin-left: 0;\n    margin-right: 0;\n  }\n  .sp-why-global .sp-why-inner {\n    width: calc(100% - 36px);\n  }\n}\n\/* Brand divider above the section heading. *\/\n.sp-why-global .sp-why-divider{display:flex;align-items:center;gap:18px;width:100%;margin:0 0 24px;color:var(--sp-blue);font-size:13px;font-weight:800;letter-spacing:.04em;line-height:1.4;text-align:center}\n.sp-why-global .sp-why-divider::before,.sp-why-global .sp-why-divider::after{content:\"\";flex:1;min-width:0;height:1px;background:var(--sp-line)}\n.sp-why-global .sp-why-divider span{flex:0 0 auto;white-space:nowrap}\n@media(max-width:640px){.sp-why-global .sp-why-divider{gap:12px;margin-bottom:20px;font-size:11px;letter-spacing:.02em}}\n<\/style>\n<section class=\"sp-why-global\" aria-label=\"Why Global Buyers Work With Sakura Casa\">\n <div class=\"sp-why-inner\">\n  <header class=\"sp-why-heading\">\n   <div class=\"sp-why-divider\"><span>MORE THAN A SUPPLIER<\/span><\/div>\n   <h2>Why Global Buyers Work With Sakura Casa<\/h2>\n   <p>From product development to real-market validation, we help pet brands build products around the needs of their target market.<\/p>\n  <\/header>\n  <div class=\"sp-why-cards\" tabindex=\"0\" role=\"region\" aria-label=\"Four capabilities \u2014 swipe to browse on mobile\">\n   <article class=\"sp-why-card\">\n    <div class=\"sp-why-photo\"><img src=\"https:\/\/sakuracasa.com\/wp-content\/uploads\/2026\/09\/Real-Market-Experience.webp\" alt=\"Sakura Casa products in the Mexican market\" loading=\"lazy\" decoding=\"async\"><\/div>\n    <span class=\"sp-why-label\">01 \u00b7 Market Experience<\/span>\n    <h3>Real Market Experience<\/h3>\n    <p>We develop and sell pet products in real markets, giving us first-hand insight into consumer needs and sales channels.<\/p>\n   <\/article>\n   <article class=\"sp-why-card\">\n    <div class=\"sp-why-photo\"><img src=\"https:\/\/sakuracasa.com\/wp-content\/uploads\/2026\/09\/Built-Around-Your-Marke.webp\" alt=\"Product samples and packaging options for market adaptation\" loading=\"lazy\" decoding=\"async\"><\/div>\n    <span class=\"sp-why-label\">02 \u00b7 Market Adaptation<\/span>\n    <h3>Built Around Your Market<\/h3>\n    <p>Product formats, formulas, packaging and positioning can be adapted to different markets and sales channels.<\/p>\n   <\/article>\n   <article class=\"sp-why-card\">\n    <div class=\"sp-why-photo\"><img src=\"https:\/\/sakuracasa.com\/wp-content\/uploads\/2026\/09\/OEMODM-Private-Label.webp\" alt=\"Private-label pet product packaging and branding\" loading=\"lazy\" decoding=\"async\"><\/div>\n    <span class=\"sp-why-label\">03 \u00b7 Private Label<\/span>\n    <h3>OEM \/ ODM &amp; Private Label<\/h3>\n    <p>Flexible product, packaging and branding solutions for importers, distributors and pet brands.<\/p>\n   <\/article>\n   <article class=\"sp-why-card\">\n    <div class=\"sp-why-photo\"><img src=\"https:\/\/sakuracasa.com\/wp-content\/uploads\/2026\/09\/1b42f48b-9807-42e8-9e75-7bf8c01d59e8_\u770b\u56fe\u738b.webp\" alt=\"Pet supply production and packing environment\" loading=\"lazy\" decoding=\"async\"><\/div>\n    <span class=\"sp-why-label\">04 \u00b7 Supply &amp; Export<\/span>\n    <h3>Reliable Supply &amp; Export Support<\/h3>\n    <p>Production follow-up, quality checks, packing and export order coordination from one team.<\/p>\n   <\/article>\n  <\/div>\n  <div class=\"sp-why-footer\">\n   <p>We know what it takes to bring a pet product from development to market.<\/p>\n   <a class=\"sp-why-cta\" href=\"https:\/\/plum-llama-238532.hostingersite.com\/contact\/\">Discuss Your Requirements <span aria-hidden=\"true\">\u2192<\/span><\/a>\n  <\/div>\n <\/div>\n<\/section>\n\n\n\n\n\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c286e07 e-flex e-con-boxed e-con e-parent\" data-id=\"c286e07\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d6d078f elementor-widget elementor-widget-html\" data-id=\"d6d078f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Full background version. Replace the previous laptop banner with this entire block.\nBackground must be the artwork WITHOUT the overlaid headings\/captions, to avoid duplicate text.\nChange \/products\/ to your product page if needed.\n-->\n<style>\n.sp-mexico-hero,.sp-mexico-hero *{box-sizing:border-box}\n.sp-mexico-hero{--ink:#224c69;--blue:#0074d5;--copy:#678fab;position:relative;left:50%;width:100vw;max-width:none;margin:0 -50vw;overflow:hidden;font-family:Aptos,\"Segoe UI\",Helvetica,Arial,sans-serif;color:var(--ink);background:#edf6fc url('https:\/\/sakuracasa.com\/wp-content\/uploads\/2026\/09\/Sakura-Casa-Top-3-Cat-Litter-in-Mexico.webp') center center\/cover no-repeat}\n.sp-mexico-hero .sp-mx-inner{position:relative;width:100%;min-height:39.06vw;padding:6.4vw 2.55vw 5.4vw}\n.sp-mexico-hero .sp-mx-copy{position:relative;width:32%;z-index:1}\n.sp-mexico-hero .sp-mx-eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 1.9vw;color:var(--blue);font-size:clamp(10px,.9vw,18px);font-weight:800;line-height:1.4;text-transform:uppercase}\n.sp-mexico-hero .sp-mx-eyebrow::after{content:\"\";width:3.3vw;height:2px;background:#f2b84b;flex-shrink:0}\n.sp-mexico-hero h2{margin:0;font-family:inherit;color:var(--ink);font-size:clamp(36px,4.5vw,96px);font-weight:800;letter-spacing:-.045em;line-height:1}\n.sp-mexico-hero h2 span{display:block;color:var(--blue);margin-top:.4vw}\n.sp-mexico-hero .sp-mx-lead{max-width:26vw;margin:1.5vw 0 0;color:var(--copy);font-size:clamp(13px,1.08vw,23px);font-weight:400;line-height:1.6}\n.sp-mexico-hero .sp-mx-features{display:flex;gap:1.8vw;max-width:23vw;margin:1.8vw 0 1.4vw;padding:0;list-style:none}\n.sp-mexico-hero .sp-mx-features li{flex:1;text-align:center;color:var(--ink);font-size:clamp(10px,.8vw,16px);line-height:1.2}\n.sp-mexico-hero .sp-mx-features svg{display:block;width:2.4vw;height:2.4vw;min-width:28px;min-height:28px;margin:0 auto 8px;fill:none;stroke:var(--blue);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}\n.sp-mexico-hero .sp-mx-cta{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:46px;padding:1vw 1.8vw;border:1px solid var(--blue);border-radius:999px;background:var(--blue);color:#fff!important;font-size:clamp(13px,.95vw,19px);font-weight:800;line-height:1.2;text-decoration:none!important}\n.sp-mexico-hero .sp-mx-cta:hover{background:#0666ad}\n.sp-mexico-hero :focus-visible{outline:3px solid #f2b84b;outline-offset:4px}\n.sp-mexico-hero .sp-mx-screen-heading{position:absolute;top:7.8%;left:38.8%;width:38%;margin:0;color:var(--ink);font-family:inherit;font-size:clamp(14px,1.35vw,28px);font-weight:800;line-height:1.2}\n.sp-mexico-hero .sp-mx-market{position:absolute;top:6%;right:2%;font-size:clamp(11px,1vw,20px);font-weight:800;line-height:1.2}\n.sp-mexico-hero .sp-mx-rank{position:absolute;top:17%;right:1.6%;width:18.5%;display:flex;align-items:center;gap:1vw}\n.sp-mexico-hero .sp-mx-number{color:var(--blue);font-size:clamp(50px,6.7vw,140px);font-weight:800;letter-spacing:-.06em;line-height:1}\n.sp-mexico-hero .sp-mx-rank h3{margin:0 0 7px;color:var(--ink);font-family:inherit;font-size:clamp(15px,1.5vw,30px);font-weight:800;line-height:1.1}\n.sp-mexico-hero .sp-mx-rank p{margin:0;color:var(--copy);font-size:clamp(9px,.7vw,14px);line-height:1.4}\n@media(max-width:800px){\n.sp-mexico-hero{left:auto;width:100%;max-width:100%;margin:0;background-position:center bottom;background-size:100% auto}\n.sp-mexico-hero .sp-mx-inner{padding:28px 18px 42vw;background:linear-gradient(to bottom,#f4f9fd 0%,#f4f9fd calc(100% - 40vw),transparent calc(100% - 36vw))}\n.sp-mexico-hero .sp-mx-copy{width:100%}\n.sp-mexico-hero .sp-mx-eyebrow{font-size:11px;margin-bottom:18px}\n.sp-mexico-hero h2{font-size:clamp(40px,10vw,64px)}\n.sp-mexico-hero .sp-mx-lead{max-width:550px;margin-top:18px;font-size:16px}\n.sp-mexico-hero .sp-mx-features{max-width:420px;gap:18px;margin:24px 0}\n.sp-mexico-hero .sp-mx-features li{font-size:12px}\n.sp-mexico-hero .sp-mx-features svg{width:34px;height:34px}\n.sp-mexico-hero .sp-mx-cta{padding:14px 24px;font-size:14px}\n.sp-mexico-hero .sp-mx-screen-heading{position:static;width:auto;margin:24px 0 0;font-size:16px}\n.sp-mexico-hero .sp-mx-market{position:static;margin-top:16px;font-size:12px}\n.sp-mexico-hero .sp-mx-rank{position:static;width:auto;margin-top:12px;gap:16px}\n.sp-mexico-hero .sp-mx-number{font-size:62px}\n.sp-mexico-hero .sp-mx-rank h3{font-size:20px}.sp-mexico-hero .sp-mx-rank p{font-size:12px}\n}\n\n\/* Keep the ranking text within the narrow upper-right background area. *\/\n.sp-mexico-hero .sp-mx-rank {\n  top: 15%;\n  right: 2%;\n  width: 17%;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 6px;\n}\n.sp-mexico-hero .sp-mx-number {\n  display: block;\n  font-size: clamp(42px, 5vw, 100px);\n  line-height: 1;\n}\n.sp-mexico-hero .sp-mx-rank > div {\n  width: 100%;\n  min-width: 0;\n}\n.sp-mexico-hero .sp-mx-rank h3 {\n  margin: 0 0 5px;\n  font-size: clamp(14px, 1.2vw, 24px);\n  line-height: 1.2;\n}\n.sp-mexico-hero .sp-mx-rank p {\n  font-size: clamp(10px, .65vw, 13px);\n  line-height: 1.4;\n  overflow-wrap: break-word;\n}\n.sp-mexico-hero .sp-mx-market {\n  max-width: 20%;\n  font-size: clamp(10px, .85vw, 17px);\n  line-height: 1.3;\n}\n@media (max-width: 800px) {\n  .sp-mexico-hero .sp-mx-market {\n    max-width: none;\n    font-size: 12px;\n  }\n  .sp-mexico-hero .sp-mx-rank {\n    position: static;\n    width: 100%;\n    flex-direction: row;\n    align-items: center;\n    gap: 16px;\n    margin-top: 12px;\n  }\n  .sp-mexico-hero .sp-mx-number {\n    flex-shrink: 0;\n    font-size: 56px;\n  }\n  .sp-mexico-hero .sp-mx-rank > div {\n    width: auto;\n    flex: 1;\n  }\n  .sp-mexico-hero .sp-mx-rank h3 { font-size: 20px; }\n  .sp-mexico-hero .sp-mx-rank p { font-size: 12px; }\n}\n\n\/* One opaque badge keeps all ranking text legible over the photograph. *\/\n.sp-mexico-hero .sp-mx-market { display: none; }\n.sp-mexico-hero .sp-mx-rank {\n  top: 22px;\n  right: 22px;\n  width: clamp(190px, 18vw, 320px);\n  padding: 16px 18px;\n  display: grid;\n  grid-template-columns: auto minmax(0, 1fr);\n  align-items: center;\n  gap: 10px 14px;\n  border: 1px solid #d5e6ef;\n  border-radius: 16px;\n  background: #fff;\n  box-shadow: 0 6px 20px rgba(34,76,105,.12);\n  z-index: 2;\n}\n.sp-mexico-hero .sp-mx-rank::before {\n  content: 'MEXICO MARKET';\n  grid-column: 1 \/ -1;\n  display: block;\n  color: #224c69;\n  font-size: 12px;\n  font-weight: 800;\n  letter-spacing: .04em;\n  line-height: 1.3;\n}\n.sp-mexico-hero .sp-mx-number {\n  font-size: clamp(44px, 3.5vw, 68px);\n  line-height: 1;\n  margin: 0;\n}\n.sp-mexico-hero .sp-mx-rank > div { width: auto; min-width: 0; }\n.sp-mexico-hero .sp-mx-rank h3 {\n  font-size: clamp(16px, 1.15vw, 22px);\n  line-height: 1.2;\n  margin: 0 0 6px;\n}\n.sp-mexico-hero .sp-mx-rank p {\n  color: #45647b;\n  font-size: 12px;\n  line-height: 1.45;\n  overflow-wrap: normal;\n}\n@media (max-width: 800px) {\n  .sp-mexico-hero .sp-mx-rank {\n    position: relative;\n    top: auto;\n    right: auto;\n    width: min(100%, 340px);\n    margin-top: 18px;\n    padding: 16px 18px;\n  }\n  .sp-mexico-hero .sp-mx-number { font-size: 56px; }\n  .sp-mexico-hero .sp-mx-rank h3 { font-size: 20px; }\n}\n<\/style>\n<section class=\"sp-mexico-hero\" aria-label=\"Sakura Casa Top 3 Cat Litter in Mexico\">\n <div class=\"sp-mx-inner\">\n  <div class=\"sp-mx-copy\">\n   <p class=\"sp-mx-eyebrow\">Proven Market Experience \u00b7 Mexico<\/p>\n   <h2>From Factory<span>to Top 3.<\/span><\/h2>\n   <p class=\"sp-mx-lead\">We don't just manufacture pet products. We build, launch and validate them in real markets.<\/p>\n   <ul class=\"sp-mx-features\">\n    <li><svg viewBox=\"0 0 32 32\" aria-hidden=\"true\"><path d=\"M4 28V18h5v10M14 28V11h5v17M24 28V4h5v24M3 28h27M5 12l9-6 6 2 8-6\"\/><\/svg>Real<br>market data<\/li>\n    <li><svg viewBox=\"0 0 32 32\" aria-hidden=\"true\"><path d=\"M2 4h4l4 17h16l4-12H8M11 25h15\"\/><circle cx=\"12\" cy=\"28\" r=\"2\"\/><circle cx=\"25\" cy=\"28\" r=\"2\"\/><path d=\"m19 10 1.4 3 3.3.4-2.4 2.3.6 3.3-2.9-1.6-2.9 1.6.6-3.3-2.4-2.3 3.3-.4Z\"\/><\/svg>Top 3<br>best-seller<\/li>\n    <li><svg viewBox=\"0 0 32 32\" aria-hidden=\"true\"><circle cx=\"16\" cy=\"16\" r=\"13\"\/><ellipse cx=\"16\" cy=\"16\" rx=\"6\" ry=\"13\"\/><path d=\"M3 16h26M6 8h20M6 24h20M16 3v26\"\/><\/svg>Successful<br>local launch<\/li>\n   <\/ul>\n   <a class=\"sp-mx-cta\" href=\"\/products\/\">Explore Our Products <span aria-hidden=\"true\">\u2192<\/span><\/a>\n  <\/div>\n  <p class=\"sp-mx-screen-heading\">BEST SELLERS ON MERCADO LIBRE<\/p>\n  <div class=\"sp-mx-market\">\ud83c\uddf2\ud83c\uddfd MEXICO MARKET<\/div>\n  <div class=\"sp-mx-rank\"><strong class=\"sp-mx-number\">#3<\/strong><div><h3>Cat Litter<\/h3><p>Category best-seller ranking*<\/p><\/div><\/div>\n <\/div>\n<\/section>\n\n\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5d39e15 e-con e-atomic-element e-flexbox-base e-default-div e-8a2fc66 \" data-id=\"5d39e15\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"5d39e15\">\n    \t\t<div class=\"elementor-element elementor-element-43f0f6d elementor-widget elementor-widget-html\" data-id=\"43f0f6d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Factory gallery: paste this complete block into an Elementor HTML widget.\nAll twelve showcase and tour image URLs are filled in.\nEach tab contains six photos with independent arrow controls.\n-->\n<style>\n.sp-factory-section,.sp-factory-section *{box-sizing:border-box}\n.sp-factory-section{--sp-ink:#224c69;--sp-muted:#678fab;--sp-line:#cbdce7;--sp-blue:#087ac1;width:100%;background:#fff;color:var(--sp-ink);font-family:Aptos,\"Segoe UI\",Helvetica,Arial,sans-serif}\n.sp-factory-section .sp-factory-inner{width:min(calc(100% - 80px),1760px);margin-inline:auto;padding:28px 0}\n.sp-factory-section .sp-factory-header{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:24px}\n.sp-factory-section h2{margin:0;color:var(--sp-ink);font-family:inherit;font-size:clamp(44px,4.2vw,76px);font-weight:800;letter-spacing:-.055em;line-height:.98}\n.sp-factory-section .sp-factory-tabs{display:flex;gap:12px;flex-shrink:0}\n.sp-factory-section button{font-family:inherit;cursor:pointer;box-shadow:none;text-transform:none;letter-spacing:normal}\n.sp-factory-section .sp-factory-tab{min-height:50px;padding:12px 24px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--sp-ink);font-size:14px;font-weight:800;line-height:1.2}\n.sp-factory-section .sp-factory-tab[aria-selected=\"true\"]{border-color:var(--sp-ink);background:#f2f8fb}\n.sp-factory-section .sp-factory-tab:hover{background:#eaf5fa}\n.sp-factory-section [hidden]{display:none!important}\n.sp-factory-section .sp-factory-carousel{position:relative}\n.sp-factory-section .sp-factory-track{display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0;margin:0;list-style:none}\n.sp-factory-section .sp-factory-track::-webkit-scrollbar{display:none}\n.sp-factory-section .sp-factory-card{flex:0 0 calc((100% - 84px)\/4);min-width:0;scroll-snap-align:start;margin:0}\n.sp-factory-section .sp-factory-photo{position:relative;aspect-ratio:4\/3;overflow:hidden;border:1px solid #d6e5ed;border-radius:24px;background:#edf7fb;display:grid;place-items:center}\n.sp-factory-section .sp-factory-photo img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;margin:0;border:0}\n.sp-factory-section .sp-factory-placeholder{padding:24px;color:var(--sp-muted);font-size:14px;line-height:1.55;text-align:center}\n.sp-factory-section .sp-factory-card h3{margin:18px 0 0;text-align:center;color:var(--sp-ink);font-family:inherit;font-size:16px;font-weight:400;letter-spacing:normal;line-height:1.45}\n.sp-factory-section .sp-factory-arrow{position:absolute;top:calc((100% - 50px)\/2);z-index:2;transform:translateY(-50%);display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid var(--sp-line);border-radius:50%;background:#fff;color:var(--sp-ink);font-size:24px;line-height:1;box-shadow:0 4px 16px #224c6914}\n.sp-factory-section .sp-factory-prev{left:-24px}.sp-factory-section .sp-factory-next{right:-24px}\n.sp-factory-section .sp-factory-arrow:disabled{opacity:.35;cursor:default}\n.sp-factory-section .sp-factory-tour{min-height:260px;padding:40px;border:1px solid var(--sp-line);border-radius:24px;background:#f2f8fb;display:grid;place-items:center;text-align:center}\n.sp-factory-section .sp-factory-tour p{margin:0;color:var(--sp-muted);font-size:17px;line-height:1.65}\n.sp-factory-section :focus-visible{outline:3px solid #f2b84b;outline-offset:4px}\n@media(max-width:1100px){.sp-factory-section .sp-factory-inner{width:calc(100% - 48px)}.sp-factory-section .sp-factory-header{flex-wrap:wrap}.sp-factory-section .sp-factory-card{flex-basis:calc((100% - 28px)\/2)}}\n@media(max-width:640px){.sp-factory-section .sp-factory-inner{width:calc(100% - 36px)}.sp-factory-section h2{font-size:clamp(40px,12vw,58px);line-height:1}.sp-factory-section .sp-factory-header{gap:20px}.sp-factory-section .sp-factory-tabs{width:100%;gap:8px}.sp-factory-section .sp-factory-tab{flex:1;padding:12px 10px}.sp-factory-section .sp-factory-track{gap:12px}.sp-factory-section .sp-factory-card{flex-basis:82%}.sp-factory-section .sp-factory-card h3{font-size:14px;font-weight:400;margin-top:14px}.sp-factory-section .sp-factory-photo{border-radius:18px}.sp-factory-section .sp-factory-arrow{width:36px;height:36px;font-size:20px}.sp-factory-section .sp-factory-prev{left:-12px}.sp-factory-section .sp-factory-next{right:-12px}}\n@media(prefers-reduced-motion:reduce){.sp-factory-section *{scroll-behavior:auto!important}}\n<\/style>\n<section class=\"sp-factory-section\" aria-label=\"Cat Litter Factory\">\n <div class=\"sp-factory-inner\">\n  <div class=\"sp-factory-header\">\n   <h2>Cat Litter Factory<\/h2>\n   <div class=\"sp-factory-tabs\" role=\"tablist\" aria-label=\"Factory views\">\n    <button type=\"button\" class=\"sp-factory-tab\" role=\"tab\" aria-selected=\"true\">Factory Showcase<\/button>\n    <button type=\"button\" class=\"sp-factory-tab\" role=\"tab\" aria-selected=\"false\" tabindex=\"-1\">Factory Tour<\/button>\n   <\/div>\n  <\/div>\n  <div class=\"sp-factory-panel\" role=\"tabpanel\">\n   <div class=\"sp-factory-carousel\">\n    <button type=\"button\" class=\"sp-factory-arrow sp-factory-prev\" aria-label=\"Previous factory photo\">\u2190<\/button>\n    <ul class=\"sp-factory-track\" tabindex=\"0\" aria-label=\"Factory photos \u2014 swipe to browse\">\n     <li class=\"sp-factory-card\"><div class=\"sp-factory-photo\"><span class=\"sp-factory-placeholder\">Loading photo\u2026<\/span><img src=\"https:\/\/sakuracasa.com\/wp-content\/uploads\/2026\/09\/Tofu-Cat-Litter-Production-Workshop.webp\" alt=\"Production workshop\" loading=\"eager\" decoding=\"async\"><\/div><h3>Production Workshop<\/h3><\/li>\n     <li class=\"sp-factory-card\"><div class=\"sp-factory-photo\"><span class=\"sp-factory-placeholder\">Loading photo\u2026<\/span><img src=\"https:\/\/sakuracasa.com\/wp-content\/uploads\/2026\/09\/WPS\u62fc\u56fe0_\u770b\u56fe\u738b.webp\" alt=\"Raw materials\" loading=\"eager\" decoding=\"async\"><\/div><h3>Raw Materials<\/h3><\/li>\n     <li class=\"sp-factory-card\"><div class=\"sp-factory-photo\"><span class=\"sp-factory-placeholder\">Loading photo\u2026<\/span><img src=\"https:\/\/sakuracasa.com\/wp-content\/uploads\/2026\/09\/envasado-al-vacio-arena-de-tofu-sakura-petto-1.webp\" alt=\"Production line\" loading=\"eager\" decoding=\"async\"><\/div><h3>Production Line<\/h3><\/li>\n     <li class=\"sp-factory-card\"><div class=\"sp-factory-photo\"><span class=\"sp-factory-placeholder\">Loading photo\u2026<\/span><img src=\"https:\/\/sakuracasa.com\/wp-content\/uploads\/2026\/09\/Finished-Tofu-Cat-Litter-Products.webp\" alt=\"Finished product storage\" loading=\"eager\" decoding=\"async\"><\/div><h3>Finished Product<\/h3><\/li>\n     <li class=\"sp-factory-card\"><div class=\"sp-factory-photo\"><span class=\"sp-factory-placeholder\">Loading photo\u2026<\/span><img src=\"https:\/\/sakuracasa.com\/wp-content\/uploads\/2026\/09\/d5313585ebb56851e54012b1bd204a38_\u770b\u56fe\u738b.webp\" alt=\"Quality control\" loading=\"eager\" decoding=\"async\"><\/div><h3>Quality Control<\/h3><\/li>\n     <li class=\"sp-factory-card\"><div class=\"sp-factory-photo\"><span class=\"sp-factory-placeholder\">Loading photo\u2026<\/span><img src=\"https:\/\/sakuracasa.com\/wp-content\/uploads\/2026\/09\/Tofu-Cat-Litter-Packaging-Area.webp\" alt=\"Packaging area\" loading=\"eager\" decoding=\"async\"><\/div><h3>Packaging Area<\/h3><\/li>\n    <\/ul>\n    <button type=\"button\" class=\"sp-factory-arrow sp-factory-next\" aria-label=\"Next factory photo\">\u2192<\/button>\n   <\/div>\n  <\/div>\n  <div class=\"sp-factory-panel\" role=\"tabpanel\" hidden>\n   <div class=\"sp-factory-carousel\">\n    <button type=\"button\" class=\"sp-factory-arrow sp-factory-prev\" aria-label=\"Previous factory tour photo\">\u2190<\/button>\n    <ul class=\"sp-factory-track\" tabindex=\"0\" aria-label=\"Factory tour photos \u2014 swipe to browse\">\n     <li class=\"sp-factory-card\"><div class=\"sp-factory-photo\"><span class=\"sp-factory-placeholder\">Loading photo\u2026<\/span><img src=\"https:\/\/sakuracasa.com\/wp-content\/uploads\/2026\/10\/Factory-Exterior.webp\" alt=\"Factory Exterior\" loading=\"eager\" decoding=\"async\"><\/div><h3>Factory Exterior<\/h3><\/li>\n     <li class=\"sp-factory-card\"><div class=\"sp-factory-photo\"><span class=\"sp-factory-placeholder\">Loading photo\u2026<\/span><img src=\"https:\/\/sakuracasa.com\/wp-content\/uploads\/2026\/10\/Factory-Entrance.webp\" alt=\"Factory Entrance\" loading=\"eager\" decoding=\"async\"><\/div><h3>Factory Entrance<\/h3><\/li>\n     <li class=\"sp-factory-card\"><div class=\"sp-factory-photo\"><span class=\"sp-factory-placeholder\">Loading photo\u2026<\/span><img src=\"https:\/\/sakuracasa.com\/wp-content\/uploads\/2026\/10\/Workshop-Tour.webp\" alt=\"Workshop Tour\" loading=\"eager\" decoding=\"async\"><\/div><h3>Workshop Tour<\/h3><\/li>\n     <li class=\"sp-factory-card\"><div class=\"sp-factory-photo\"><span class=\"sp-factory-placeholder\">Loading photo\u2026<\/span><img src=\"https:\/\/sakuracasa.com\/wp-content\/uploads\/2026\/10\/Production-Equipment.webp\" alt=\"Production Equipment\" loading=\"eager\" decoding=\"async\"><\/div><h3>Production Equipment<\/h3><\/li>\n     <li class=\"sp-factory-card\"><div class=\"sp-factory-photo\"><span class=\"sp-factory-placeholder\">Loading photo\u2026<\/span><img src=\"https:\/\/sakuracasa.com\/wp-content\/uploads\/2026\/10\/Warehouse-Tour.webp\" alt=\"Warehouse Tour\" loading=\"eager\" decoding=\"async\"><\/div><h3>Warehouse Tour<\/h3><\/li>\n     <li class=\"sp-factory-card\"><div class=\"sp-factory-photo\"><span class=\"sp-factory-placeholder\">Loading photo\u2026<\/span><img src=\"https:\/\/sakuracasa.com\/wp-content\/uploads\/2026\/10\/Loading-Area-scaled.webp\" alt=\"Loading Area\" loading=\"eager\" decoding=\"async\"><\/div><h3>Loading Area<\/h3><\/li>\n    <\/ul>\n    <button type=\"button\" class=\"sp-factory-arrow sp-factory-next\" aria-label=\"Next factory tour photo\">\u2192<\/button>\n   <\/div>\n  <\/div>\n <\/div>\n<\/section>\n<script>\n(function(){\n var section=document.currentScript.previousElementSibling;\n if(!section||!section.classList.contains('sp-factory-section'))return;\n var tabs=Array.from(section.querySelectorAll('[role=\"tab\"]'));\n var panels=Array.from(section.querySelectorAll('[role=\"tabpanel\"]'));\n var uid='sp-factory-'+Math.random().toString(36).slice(2);\n function activate(index){tabs.forEach(function(tab,i){tab.setAttribute('aria-selected',String(i===index));tab.tabIndex=i===index?0:-1;panels[i].hidden=i!==index});update()}\n tabs.forEach(function(tab,i){tab.id=uid+'-tab-'+i;panels[i].id=uid+'-panel-'+i;tab.setAttribute('aria-controls',panels[i].id);panels[i].setAttribute('aria-labelledby',tab.id);tab.addEventListener('click',function(){activate(i)});tab.addEventListener('keydown',function(event){var next=i;if(event.key==='ArrowRight')next=(i+1)%tabs.length;else if(event.key==='ArrowLeft')next=(i+tabs.length-1)%tabs.length;else if(event.key==='Home')next=0;else if(event.key==='End')next=tabs.length-1;else return;event.preventDefault();activate(next);tabs[next].focus()})});\n section.querySelectorAll('.sp-factory-photo img').forEach(function(img){\n  var src=img.getAttribute('src')||img.dataset.src;\n  if(!src||src.indexOf('REPLACE_WITH_')===0)return;\n  var placeholder=img.previousElementSibling;\n  function loaded(){img.hidden=false;if(placeholder)placeholder.hidden=true;}\n  function failed(){img.hidden=true;if(placeholder){placeholder.hidden=false;placeholder.textContent='Photo unavailable';}}\n  img.addEventListener('load',loaded);\n  img.addEventListener('error',failed);\n  img.hidden=false;\n  if(!img.getAttribute('src'))img.src=src;\n  if(img.complete && img.naturalWidth>0)loaded();\n});\n var galleries=Array.from(section.querySelectorAll('.sp-factory-carousel')).map(function(carousel){\n  var track=carousel.querySelector('.sp-factory-track');\n  var prev=carousel.querySelector('.sp-factory-prev'),next=carousel.querySelector('.sp-factory-next');\n  function refresh(){prev.disabled=track.scrollLeft<=1;next.disabled=track.scrollLeft>=track.scrollWidth-track.clientWidth-1}\n  function move(direction){var gap=parseFloat(getComputedStyle(track).gap)||0;track.scrollBy({left:direction*(track.firstElementChild.getBoundingClientRect().width+gap),behavior:window.matchMedia('(prefers-reduced-motion: reduce)').matches?'auto':'smooth'})}\n  prev.addEventListener('click',function(){move(-1)});next.addEventListener('click',function(){move(1)});track.addEventListener('scroll',refresh,{passive:true});\n  if('ResizeObserver' in window)new ResizeObserver(refresh).observe(track);\n  refresh();return refresh;\n });\n function update(){if(galleries)galleries.forEach(function(refresh){refresh()})}\n window.addEventListener('resize',update);update();\n})();\n<\/script>\n\n\n\n\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-6baeaaa e-flex e-con-boxed e-con e-parent\" data-id=\"6baeaaa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-98783f4 elementor-widget elementor-widget-html\" data-id=\"98783f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  SAKURA PETTO WHOLESALE QUOTE FORM\n  Elementor: paste this complete file into one HTML widget.\n\n  IMPORTANT:\n  1. Upload the transparent product-lineup PNG to WordPress.\n  2. Replace REPLACE_WITH_PRODUCT_LINEUP_IMAGE_URL with its media URL.\n  3. FormSubmit sends enquiries to sakuradirectorventas@gmail.com.\n     Its first submission requires email activation.\n-->\n\n<style>\n  .sp-quote,\n  .sp-quote * {\n    box-sizing: border-box;\n  }\n\n  .sp-quote {\n    --sp-navy: #224c69;\n    --sp-blue: #087ac1;\n    --sp-copy: #678fab;\n    --sp-line: #cfe0ea;\n    --sp-soft: #f2f7fa;\n    width: 100%;\n    overflow: hidden;\n    background: #ffffff;\n    color: var(--sp-navy);\n    font-family: Arial, Helvetica, sans-serif;\n  }\n\n  .sp-quote__inner {\n    display: grid;\n    width: min(100% - 48px, 1480px);\n    margin: 0 auto;\n    padding: clamp(70px, 7vw, 112px) 0;\n    grid-template-columns: minmax(360px, .82fr) minmax(620px, 1.18fr);\n    gap: clamp(24px, 3vw, 48px);\n    align-items: center;\n  }\n\n  .sp-quote__visual {\n    position: relative;\n    min-height: 570px;\n    overflow: hidden;\n    border-radius: 18px;\n    background:\n      radial-gradient(circle at 50% 35%, rgba(255, 255, 255, .98), rgba(232, 243, 249, .88) 62%, rgba(214, 232, 242, .9));\n  }\n\n  .sp-quote__visual::after {\n    content: \"\";\n    position: absolute;\n    right: 12%;\n    bottom: 9%;\n    left: 12%;\n    height: 26px;\n    border-radius: 50%;\n    background: rgba(34, 76, 105, .15);\n    filter: blur(18px);\n  }\n\n  .sp-quote__visual img {\n    position: absolute;\n    inset: 50% auto auto 50%;\n    z-index: 1;\n    display: block;\n    width: 112%;\n    max-width: none !important;\n    height: auto;\n    transform: translate(-50%, -49%);\n    object-fit: contain;\n  }\n\n  .sp-quote__image-fallback {\n    position: absolute;\n    inset: 0;\n    display: grid;\n    place-items: center;\n    padding: 40px;\n    color: var(--sp-copy);\n    font-size: 14px;\n    font-weight: 700;\n    line-height: 1.6;\n    text-align: center;\n  }\n\n  .sp-quote__visual img:not([hidden]) + .sp-quote__image-fallback {\n    display: none;\n  }\n\n  .sp-quote__content {\n    min-width: 0;\n  }\n\n  .sp-quote__content h2 {\n    max-width: none;\n    margin: 0;\n    color: var(--sp-navy);\n    font-size: clamp(40px, 4.2vw, 66px);\n    font-weight: 800;\n    letter-spacing: -0.045em;\n    line-height: 1.02;\n  }\n\n  .sp-quote__intro {\n    max-width: none;\n    margin: 18px 0 34px;\n    color: var(--sp-copy);\n    font-size: clamp(16px, 1.2vw, 18px);\n    line-height: 1.65;\n  }\n\n  .sp-quote__form {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 16px;\n  }\n\n  .sp-quote__field {\n    display: flex;\n    min-width: 0;\n    flex-direction: column;\n    gap: 8px;\n  }\n\n  .sp-quote__field--full {\n    grid-column: 1 \/ -1;\n  }\n\n  .sp-quote__field label {\n    color: var(--sp-navy);\n    font-size: 13px;\n    font-weight: 800;\n    line-height: 1.35;\n  }\n\n  .sp-quote__required {\n    color: #b33a45;\n  }\n\n  .sp-quote__field input,\n  .sp-quote__field select,\n  .sp-quote__field textarea {\n    width: 100%;\n    min-height: 54px;\n    margin: 0;\n    padding: 14px 16px;\n    border: 1px solid var(--sp-line);\n    border-radius: 12px;\n    outline: 0;\n    background: var(--sp-soft);\n    color: var(--sp-navy);\n    font: inherit;\n    font-size: 15px;\n    line-height: 1.45;\n    transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease;\n  }\n\n  .sp-quote__field select {\n    cursor: pointer;\n  }\n\n  .sp-quote__field textarea {\n    min-height: 152px;\n    resize: vertical;\n  }\n\n  .sp-quote__field input::placeholder,\n  .sp-quote__field textarea::placeholder {\n    color: #6c8799;\n    opacity: 1;\n  }\n\n  .sp-quote__field input:focus,\n  .sp-quote__field select:focus,\n  .sp-quote__field textarea:focus {\n    border-color: var(--sp-blue);\n    background: #ffffff;\n    box-shadow: 0 0 0 4px rgba(8, 122, 193, .12);\n  }\n\n  .sp-quote__honeypot {\n    position: absolute !important;\n    left: -9999px !important;\n    width: 1px !important;\n    height: 1px !important;\n    overflow: hidden !important;\n  }\n\n  .sp-quote__submit-row {\n    display: flex;\n    grid-column: 1 \/ -1;\n    align-items: center;\n    gap: 18px;\n    margin-top: 4px;\n  }\n\n  .sp-quote__submit {\n    display: inline-flex;\n    min-height: 56px;\n    align-items: center;\n    justify-content: center;\n    padding: 0 28px;\n    border: 2px solid var(--sp-navy);\n    border-radius: 999px;\n    background: var(--sp-navy);\n    color: #ffffff;\n    font: inherit;\n    font-size: 15px;\n    font-weight: 800;\n    line-height: 1;\n    cursor: pointer;\n    white-space: nowrap;\n    transition: transform .2s ease, border-color .2s ease, background-color .2s ease;\n  }\n\n  .sp-quote__submit:hover {\n    border-color: var(--sp-blue);\n    background: var(--sp-blue);\n    transform: translateY(-2px);\n  }\n\n  .sp-quote__submit:active {\n    transform: translateY(1px);\n  }\n\n  .sp-quote__submit:focus-visible {\n    outline: 3px solid rgba(8, 122, 193, .28);\n    outline-offset: 4px;\n  }\n\n  .sp-quote__note {\n    margin: 0;\n    color: var(--sp-copy);\n    font-size: 12px;\n    line-height: 1.5;\n  }\n\n  .sp-quote.sp-motion-ready .sp-quote-reveal {\n    opacity: 0;\n    transform: translateY(26px) scale(.988);\n    transition:\n      opacity .65s cubic-bezier(.16, 1, .3, 1),\n      transform .65s cubic-bezier(.16, 1, .3, 1);\n    transition-delay: var(--sp-delay, 0ms);\n  }\n\n  .sp-quote.sp-motion-ready .sp-quote-reveal.is-visible {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n  }\n\n  @media (max-width: 1080px) {\n    .sp-quote__inner {\n      grid-template-columns: 1fr;\n      gap: 44px;\n    }\n\n    .sp-quote__visual {\n      min-height: 500px;\n    }\n\n    .sp-quote__visual img {\n      width: min(1040px, 108%);\n    }\n  }\n\n  @media (max-width: 700px) {\n    .sp-quote__inner {\n      width: min(100% - 32px, 1480px);\n      padding: 58px 0 66px;\n    }\n\n    .sp-quote__visual {\n      min-height: 330px;\n    }\n\n    .sp-quote__visual img {\n      width: 118%;\n    }\n\n    .sp-quote__form {\n      grid-template-columns: 1fr;\n    }\n\n    .sp-quote__field--full,\n    .sp-quote__submit-row {\n      grid-column: 1;\n    }\n\n    .sp-quote__submit-row {\n      align-items: stretch;\n      flex-direction: column;\n    }\n\n    .sp-quote__submit {\n      width: 100%;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .sp-quote *,\n    .sp-quote *::before,\n    .sp-quote *::after {\n      transition-duration: .01ms !important;\n      animation-duration: .01ms !important;\n    }\n\n    .sp-quote.sp-motion-ready .sp-quote-reveal {\n      opacity: 1;\n      transform: none;\n    }\n  }\n\n\/* Full-width layout matching the other homepage sections. *\/\n.sp-quote {\n  position: relative;\n  left: 50%;\n  width: 100vw;\n  max-width: none;\n  margin-left: -50vw;\n  margin-right: -50vw;\n}\n.sp-quote .sp-quote__inner {\n  width: min(calc(100% - 80px), 1760px);\n  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);\n}\n@media (max-width: 1100px) {\n  .sp-quote .sp-quote__inner {\n    width: calc(100% - 48px);\n    grid-template-columns: 1fr;\n    gap: 44px;\n  }\n}\n@media (max-width: 640px) {\n  .sp-quote {\n    left: auto;\n    width: 100%;\n    max-width: 100%;\n    margin-left: 0;\n    margin-right: 0;\n  }\n  .sp-quote .sp-quote__inner {\n    width: calc(100% - 36px);\n  }\n}\n\n\/* Compact spacing between the factory gallery and quote section. *\/\n.sp-quote .sp-quote__inner {\n  padding-top: 28px;\n  padding-bottom: 28px;\n}\n<\/style>\n\n<section class=\"sp-quote\" aria-labelledby=\"sp-quote-title\">\n  <div class=\"sp-quote__inner\">\n    <div class=\"sp-quote__visual sp-quote-reveal\" style=\"--sp-delay: 0ms;\">\n      <img\n        src=\"https:\/\/sakuracasa.com\/wp-content\/uploads\/2026\/09\/mao1.jpg\"\n        alt=\"Sakura Petto pet treat product range\"\n        loading=\"lazy\"\n        decoding=\"async\"\n        onerror=\"this.hidden=true\"\n      >\n      <span class=\"sp-quote__image-fallback\">Upload the transparent Sakura Petto product-lineup PNG and place its WordPress media URL here.<\/span>\n    <\/div>\n\n    <div class=\"sp-quote__content sp-quote-reveal\" style=\"--sp-delay: 100ms;\">\n      <h2 id=\"sp-quote-title\">Request a Wholesale Quote<\/h2>\n      <p class=\"sp-quote__intro\">Tell us what you are sourcing, your target market and any customization requirements. Our team will review your enquiry.<\/p>\n\n      <form\n        class=\"sp-quote__form\"\n        action=\"https:\/\/formsubmit.co\/sakuradirectorventas@gmail.com\"\n        method=\"POST\"\n      >\n        <input type=\"hidden\" name=\"_subject\" value=\"New Sakura Petto Wholesale Enquiry\">\n        <input type=\"hidden\" name=\"_template\" value=\"table\">\n        <input type=\"hidden\" name=\"_captcha\" value=\"false\">\n\n        <div class=\"sp-quote__honeypot\" aria-hidden=\"true\">\n          <label for=\"sp-quote-company-site\">Leave this field empty<\/label>\n          <input id=\"sp-quote-company-site\" type=\"text\" name=\"_honey\" tabindex=\"-1\" autocomplete=\"off\">\n        <\/div>\n\n        <div class=\"sp-quote__field\">\n          <label for=\"sp-quote-name\">Name <span class=\"sp-quote__required\">*<\/span><\/label>\n          <input id=\"sp-quote-name\" type=\"text\" name=\"Name\" autocomplete=\"name\" placeholder=\"Your name\" required>\n        <\/div>\n\n        <div class=\"sp-quote__field\">\n          <label for=\"sp-quote-email\">Business email <span class=\"sp-quote__required\">*<\/span><\/label>\n          <input id=\"sp-quote-email\" type=\"email\" name=\"Email\" autocomplete=\"email\" placeholder=\"name@company.com\" required>\n        <\/div>\n\n        <div class=\"sp-quote__field\">\n          <label for=\"sp-quote-phone\">Phone \/ WhatsApp <span class=\"sp-quote__required\">*<\/span><\/label>\n          <input id=\"sp-quote-phone\" type=\"tel\" name=\"Phone or WhatsApp\" autocomplete=\"tel\" placeholder=\"Include country code\" required>\n        <\/div>\n\n        <div class=\"sp-quote__field\">\n          <label for=\"sp-quote-company\">Company <span class=\"sp-quote__required\">*<\/span><\/label>\n          <input id=\"sp-quote-company\" type=\"text\" name=\"Company\" autocomplete=\"organization\" placeholder=\"Company name\" required>\n        <\/div>\n\n        <div class=\"sp-quote__field\">\n          <label for=\"sp-quote-market\">Country \/ target market <span class=\"sp-quote__required\">*<\/span><\/label>\n          <input id=\"sp-quote-market\" type=\"text\" name=\"Country or Target Market\" autocomplete=\"country-name\" placeholder=\"Your market\" required>\n        <\/div>\n\n        <div class=\"sp-quote__field\">\n          <label for=\"sp-quote-product\">Product interest <span class=\"sp-quote__required\">*<\/span><\/label>\n          <select id=\"sp-quote-product\" name=\"Product Interest\" required>\n            <option value=\"\" selected disabled>Select a product<\/option>\n            <option value=\"Tofu cat litter\">Tofu cat litter<\/option>\n            <option value=\"Pet treats\">Pet treats<\/option>\n            <option value=\"Training pads\">Training pads<\/option>\n            <option value=\"Private label\">Private label<\/option>\n            <option value=\"Multiple categories\">Multiple categories<\/option>\n            <option value=\"Other\">Other<\/option>\n          <\/select>\n        <\/div>\n\n        <div class=\"sp-quote__field sp-quote__field--full\">\n          <label for=\"sp-quote-message\">Purchasing requirements <span class=\"sp-quote__required\">*<\/span><\/label>\n          <textarea\n            id=\"sp-quote-message\"\n            name=\"Purchasing Requirements\"\n            placeholder=\"Tell us about the product, specifications, packaging, estimated quantity or other requirements.\"\n            required\n          ><\/textarea>\n        <\/div>\n\n        <div class=\"sp-quote__submit-row\">\n          <button class=\"sp-quote__submit\" type=\"submit\">Send My Enquiry&nbsp; \u2192<\/button>\n          <p class=\"sp-quote__note\">Required fields help us understand and respond to your wholesale request.<\/p>\n        <\/div>\n      <\/form>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n  (function () {\n    function initQuoteSection(section) {\n      if (section.dataset.spQuoteReady === 'true') return;\n      section.dataset.spQuoteReady = 'true';\n\n      var items = section.querySelectorAll('.sp-quote-reveal');\n      var reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n      if (reduceMotion || !('IntersectionObserver' in window)) {\n        items.forEach(function (item) { item.classList.add('is-visible'); });\n        return;\n      }\n\n      section.classList.add('sp-motion-ready');\n      var observer = new IntersectionObserver(function (entries, activeObserver) {\n        entries.forEach(function (entry) {\n          if (!entry.isIntersecting) return;\n          entry.target.classList.add('is-visible');\n          activeObserver.unobserve(entry.target);\n        });\n      }, { threshold: 0.14, rootMargin: '0px 0px -6% 0px' });\n\n      items.forEach(function (item) { observer.observe(item); });\n    }\n\n    function initAllQuoteSections() {\n      document.querySelectorAll('.sp-quote').forEach(initQuoteSection);\n    }\n\n    if (document.readyState === 'loading') {\n      document.addEventListener('DOMContentLoaded', initAllQuoteSections, { once: true });\n    } else {\n      initAllQuoteSections();\n    }\n  })();\n<\/script>\n\n\n\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Wholesale Product Categories Our Wholesale Product Range Cat litter, pet supplements and pet treats for importers, distributors and private-label brands. 01 Tofu Cat Litter Plant-based, low-dust cat litter with OEM\/ODM options. Learn more \u2192 02 Pet Health Products Supplements, veterinary products and private-label solutions for global markets. Learn more \u2192 03 Pet Snacks Freeze-dried and [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-911","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":7},"page_title_panel":"","has_hero_section":"disabled","a98b42d9923f7780197b15ef0b59ea95":"","hero_section":"type-1","hero_elements":[{"id":"custom_title","enabled":true,"heading_tag":"h1","title":"Inicio"},{"id":"custom_description","enabled":true,"description_visibility":{"desktop":true,"tablet":true,"mobile":false}},{"id":"custom_meta","enabled":false,"meta_elements":[{"id":"author","enabled":true,"label":"By","has_author_avatar":"yes","avatar_size":25},{"id":"post_date","enabled":true,"label":"On","date_format_source":"default","date_format":"M j, Y"},{"id":"updated_date","enabled":false,"label":"On","date_format_source":"default","date_format":"M j, Y"},{"id":"categories","enabled":false,"label":"In","style":"simple"},{"id":"comments","enabled":true}],"page_meta_elements":{"joined":true,"articles_count":true,"comments":true}},{"id":"breadcrumbs","enabled":false}],"f28ba8d2ee90abe1da7bb125d0918418":"","hero_alignment1":"CT_CSS_SKIP_RULE","hero_margin":40,"hero_alignment2":"center","hero_vertical_alignment":"center","ac5d91c43106afacde8ceb956408a26f":"","hero_structure":"narrow","e0f9a3c87ee258e6b4fd536e2b51a41c":"","page_title_bg_type":"featured_image","custom_hero_background":{"attachment_id":null},"page_title_image_size":"full","parallax":{"desktop":false,"tablet":false,"mobile":false},"9e84f9286ae13f886563ac8b697a1d5f":"","hero_height":"250px","pageTitleFont":{"family":"Default","variation":"Default","size":"30px","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"pageTitleFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageMetaFont":{"family":"Default","variation":"n6","size":"12px","line-height":"1.3","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"uppercase","text-decoration":"CT_CSS_SKIP_RULE"},"pageMetaFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"page_meta_button_type_font_colors":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"page_meta_button_type_background_colors":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageExcerptFont":{"family":"Default","variation":"Default","size":"CT_CSS_SKIP_RULE","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"pageExcerptColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"breadcrumbsFont":{"family":"Default","variation":"Default","size":"CT_CSS_SKIP_RULE","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"breadcrumbsFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"initial":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageTitleOverlay":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"CT_CSS_SKIP_RULE"}}},"pageTitleBackground":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"var(--theme-palette-color-6)"}}},"pageTitlePadding":{"top":"50px","bottom":"50px","left":"auto","right":"auto","linked":true},"190a5f8cd2592c2807771710cb2335e3":"","page_structure_type":"default","98b7dc927b34171ccfbd9b043bc64302":"","content_style_source":"inherit","content_style":"wide","vertical_spacing_source":"custom","content_area_spacing":"none","background":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"CT_CSS_SKIP_RULE"}}},"content_background":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"var(--theme-palette-color-8)"}}},"content_boxed_shadow":{"inherit":false,"blur":18,"spread":-6,"v_offset":12,"h_offset":0,"inset":false,"enable":true,"color":{"color":"rgba(34, 56, 101, 0.04)"}},"content_boxed_border":{"width":1,"style":"none","color":{"color":"rgba(44,62,80,0.2)"}},"content_boxed_radius":{"top":"3px","bottom":"3px","left":"3px","right":"3px","linked":true},"boxed_content_spacing":{"desktop":{"top":"40px","bottom":"40px","left":"40px","right":"40px","linked":true},"tablet":{"top":"35px","bottom":"35px","left":"35px","right":"35px","linked":true},"mobile":{"top":"20px","bottom":"20px","left":"20px","right":"20px","linked":true}},"ff6b8a4d2c18f12fb0e2fcf32f8e6ee5":"","disable_featured_image":"no","disable_share_box":"no","disable_header":"no","disable_footer":"no"},"_links":{"self":[{"href":"https:\/\/sakuracasa.com\/es-mx\/wp-json\/wp\/v2\/pages\/911","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sakuracasa.com\/es-mx\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sakuracasa.com\/es-mx\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sakuracasa.com\/es-mx\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sakuracasa.com\/es-mx\/wp-json\/wp\/v2\/comments?post=911"}],"version-history":[{"count":441,"href":"https:\/\/sakuracasa.com\/es-mx\/wp-json\/wp\/v2\/pages\/911\/revisions"}],"predecessor-version":[{"id":2086,"href":"https:\/\/sakuracasa.com\/es-mx\/wp-json\/wp\/v2\/pages\/911\/revisions\/2086"}],"wp:attachment":[{"href":"https:\/\/sakuracasa.com\/es-mx\/wp-json\/wp\/v2\/media?parent=911"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}