@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@700;800&display=swap";
:root{--petall-green:#1f9f7a;--petall-green-dark:#126b58;--petall-green-soft:#e3f6ef;--petall-teal:#0097a7;--petall-teal-dark:#006d78;--petall-teal-soft:#e4f8fa;--petall-coral:#ff7a1a;--petall-coral-soft:#ffeadb;--petall-yellow:#f7c948;--petall-yellow-soft:#fff4c7;--petall-blue:#2f6fed;--petall-blue-soft:#e7efff;--petall-page:#f3fbfc;--petall-surface:#fff;--petall-surface-soft:#f6f8f7;--petall-text:#183236;--petall-text-muted:#5f7478;--petall-text-soft:#8aa0a4;--petall-border:#e7ece8;--petall-font-display:"Manrope", "Inter", system-ui, sans-serif;--petall-font-body:"Inter", system-ui, sans-serif;--petall-radius-xs:4px;--petall-radius-sm:6px;--petall-radius-md:8px;--petall-radius-lg:12px;--petall-shadow-soft:0 14px 34px #006d781a;--petall-shadow-card:0 1px 2px #006d781a;--petall-container:1180px;--petall-gap:16px}
*{box-sizing:border-box}body{background:var(--petall-page);color:var(--petall-text);font-family:var(--petall-font-body);margin:0}button,input{font:inherit}.skip-link{z-index:100;border-radius:var(--petall-radius-md);background:var(--petall-teal-dark);color:#fff;padding:10px 14px;font-weight:800;text-decoration:none;transition:transform .16s;position:fixed;top:12px;left:12px;transform:translateY(-72px);box-shadow:0 0 0 4px #ff7a1a2e,0 12px 24px #006d782e}.skip-link:focus-visible{transform:translateY(0)}.icon-sprite{width:0;height:0;position:absolute;overflow:hidden}.icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:1.15em;height:1.15em}.topbar{z-index:10;border-top:5px solid var(--petall-teal);border-bottom:1px solid var(--petall-border);background:#fff;position:sticky;top:0}.topbar-inner,main{width:min(var(--petall-container), calc(100% - 24px));margin:0 auto}.topbar-inner{grid-template-columns:auto minmax(0,1fr) auto 40px 40px;align-items:center;gap:10px;min-height:64px;display:grid}.brand{color:var(--petall-teal-dark);font:800 28px var(--petall-font-display);align-items:center;gap:10px;text-decoration:none;transition:color .16s,transform .16s;display:inline-flex}.brand:hover,.brand:focus-visible{color:var(--petall-teal);transform:translateY(-1px)}.brand-mark{border-radius:var(--petall-radius-sm);content:url(/home2-brand/logo-mark-ui.svg);width:34px;height:34px;padding:3px;transition:content .16s,box-shadow .16s,transform .16s}.brand:hover .brand-mark,.brand:focus-visible .brand-mark{content:url(/home2-brand/logo-mark-ui-hover.svg);transform:scale(1.05);box-shadow:0 0 0 4px #ff7a1a1f}.search{border-radius:var(--petall-radius-md);background:var(--petall-surface-soft);align-items:center;gap:8px;min-height:42px;padding:0 12px;transition:background .16s,box-shadow .16s;display:flex;box-shadow:inset 0 0 0 1px #006d781f}.search:focus-within{background:#fff;box-shadow:inset 0 0 0 1px #0097a742,0 0 0 4px #ff7a1a1f}.search .icon{color:var(--petall-teal);flex:none;font-size:20px;transition:color .16s,transform .16s}.search:focus-within .icon{color:var(--petall-coral);transform:scale(1.06)}.search input{width:100%;color:var(--petall-text);background:0 0;border:0;outline:0;font-weight:500}.login-link{border-radius:var(--petall-radius-md);min-height:40px;color:var(--petall-teal-dark);cursor:pointer;background:#fff;border:0;outline:0;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:14px;font-weight:800;text-decoration:none;transition:background .16s,box-shadow .16s,color .16s,transform .16s;display:inline-flex;box-shadow:inset 0 0 0 1px #006d7824}.login-link .icon{width:18px;height:18px}.login-link:hover,.login-link:focus-visible{color:var(--petall-teal);background:#fff;transform:translateY(-1px);box-shadow:inset 0 0 0 1px #0097a733,0 0 0 4px #ff7a1a1f,0 8px 18px #006d781f}.icon-button{border-radius:var(--petall-radius-md);background:var(--petall-teal-soft);width:40px;height:40px;color:var(--petall-teal-dark);cursor:pointer;border:0;outline:0;place-items:center;font-size:20px;transition:background .16s,box-shadow .16s,color .16s,transform .16s;display:grid}.icon-button:hover,.icon-button:focus-visible{color:var(--petall-teal);background:#fff;transform:translateY(-1px);box-shadow:0 0 0 4px #ff7a1a1f,0 8px 18px #006d781f}.icon-button:active{transform:scale(.96)}.scrim{z-index:20;background:#18323647;position:fixed;inset:0}.panel{z-index:30;border-left:1px solid var(--petall-border);background:#fff;gap:18px;width:min(480px,100vw - 24px);max-height:100vh;padding:22px;display:grid;position:fixed;top:0;right:0;overflow:auto;box-shadow:-18px 0 42px #006d7829}.panel.narrow{width:min(420px,100vw - 24px)}.panel[hidden],.scrim[hidden]{display:none}.panel-header{border-bottom:1px solid var(--petall-border);justify-content:space-between;align-items:start;gap:16px;padding-bottom:14px;display:flex}.panel-header h2{margin:0;font-size:24px}.close-button{border-radius:var(--petall-radius-md);background:var(--petall-teal-soft);width:36px;height:36px;color:var(--petall-teal-dark);cursor:pointer;border:0;place-items:center;font-weight:900;display:grid}.panel-nav{gap:10px;display:grid}.panel-nav a{border:1px solid var(--petall-border);border-radius:var(--petall-radius-md);color:var(--petall-text);grid-template-columns:1fr auto;align-items:center;gap:8px;padding:14px;text-decoration:none;display:grid}.panel-nav span{color:var(--petall-teal);text-transform:uppercase;font-size:12px;font-weight:850}.panel-nav strong{margin-top:4px;font-size:15px;line-height:1.3;display:block}.panel-footer,.login-options{gap:8px;display:grid}.panel-footer a,.login-options a{color:var(--petall-teal-dark);font-size:14px;font-weight:800;text-decoration:none}.login-form{gap:12px;display:grid}.login-form label{color:var(--petall-text);gap:6px;font-size:13px;font-weight:850;display:grid}.login-form input{border:1px solid var(--petall-border);border-radius:var(--petall-radius-md);outline:0;min-height:42px;padding:0 12px}.login-form input:focus{border-color:#0097a757;box-shadow:0 0 0 4px #ff7a1a1f}.primary-action,.secondary-action,.cart-empty button{border-radius:var(--petall-radius-md);cursor:pointer;border:0;min-height:42px;font-weight:850}.primary-action,.cart-empty button{background:var(--petall-teal);color:#fff}.secondary-action{background:var(--petall-teal-soft);color:var(--petall-teal-dark)}.cart-loading,.cart-empty{border:1px solid var(--petall-border);border-radius:var(--petall-radius-md);text-align:center;justify-items:center;gap:10px;padding:22px;display:grid}.cart-loading img{width:54px;height:54px}.cart-loading strong,.cart-empty strong{font-size:18px}.cart-loading span,.cart-empty span{color:var(--petall-text-muted);font-size:14px;font-weight:650;line-height:1.4}main{padding:12px 0 44px}.promo{border-radius:var(--petall-radius-md);background:radial-gradient(circle at 84% 18%, #ffffffb8 0 18%, transparent 19%), linear-gradient(110deg, var(--petall-yellow) 0%, #ffe65a 42%, var(--petall-teal-soft) 100%);min-height:230px;box-shadow:var(--petall-shadow-soft);grid-template-columns:1fr .9fr;align-items:center;gap:18px;padding:22px 28px;display:grid;overflow:hidden}.promo-whatsapp{background:radial-gradient(circle at 88% 16%,#ffffffb8 0 18%,#0000 19%),linear-gradient(120deg,#e6fbfd 0%,#f7ffff 44%,#d6f4f7 100%);grid-template-columns:300px minmax(0,1fr);gap:22px;min-height:342px;padding:22px}.promo-shell{--promo-control-left:14px;--promo-control-right:14px;--promo-control-top:50%;position:relative}.promo-carousel{scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:100%;grid-auto-flow:column;gap:14px;display:grid;overflow-x:auto}.promo-carousel::-webkit-scrollbar{display:none}.promo-carousel .promo{scroll-snap-align:start}.promo-controls{z-index:2;pointer-events:none;position:absolute;inset:0}.promo-nav{cursor:pointer;top:var(--promo-control-top);width:42px;height:42px;color:var(--petall-teal-dark);pointer-events:auto;background:#ffffffe0;border:0;border-radius:999px;place-items:center;transition:transform .16s,background .16s,color .16s,box-shadow .16s;display:grid;position:absolute;transform:translateY(-50%);box-shadow:0 10px 24px #006d782e}.promo-nav:hover,.promo-nav:focus-visible{background:var(--petall-teal);color:#fff;transform:translateY(-50%)scale(1.04);box-shadow:0 12px 28px #006d783d}.promo-nav .icon{width:18px;height:18px}.promo-prev{left:var(--promo-control-left)}.promo-next{right:var(--promo-control-right)}.promo-prev .icon{transform:rotate(180deg)}.promo-rebuy,.promo-store{background:radial-gradient(circle at 86% 16%,#ffffffbd 0 18%,#0000 19%),linear-gradient(120deg,#f7ffff 0%,#e9fbf7 48%,#d9f3ef 100%);grid-template-columns:300px minmax(0,1fr);gap:22px;min-height:342px;padding:22px}.promo-store{background:radial-gradient(circle at 86% 16%,#ffffffbd 0 18%,#0000 19%),linear-gradient(120deg,#f7ffff 0%,#edf8fb 48%,#dff2f4 100%)}.promo-link{color:inherit;text-decoration:none;transition:box-shadow .18s,transform .18s}.promo-link:hover,.promo-link:focus-visible{transform:translateY(-2px);box-shadow:0 0 0 4px #ff7a1a29,0 14px 30px #006d7824}.event{border-radius:var(--petall-radius-md);background:var(--petall-blue);color:#fff;min-width:54px;min-height:42px;font:800 20px var(--petall-font-display);place-items:center;margin-bottom:12px;padding:0 14px;line-height:1;display:inline-grid}.promo-whatsapp .event{border-radius:var(--petall-radius-sm);white-space:nowrap;min-width:0;min-height:38px;padding:0 16px;font-size:18px}.promo-rebuy .event,.promo-store .event{border-radius:var(--petall-radius-sm);background:var(--petall-teal);white-space:nowrap;min-width:0;min-height:38px;padding:0 16px;font-size:18px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--petall-font-display);letter-spacing:0}.promo h1{color:#0d2678;margin-bottom:10px;font-size:48px;line-height:1}.promo-whatsapp h1{max-width:280px;color:var(--petall-teal-dark);font-size:50px;line-height:.98}.promo-rebuy h1,.promo-store h1{max-width:290px;color:var(--petall-teal-dark);font-size:48px;line-height:.98}.promo p{color:#183236;max-width:430px;font-size:18px;font-weight:700;line-height:1.35}.promo-whatsapp p{max-width:285px;color:var(--petall-text);font-size:17px;line-height:1.35}.promo-rebuy p,.promo-store p{max-width:300px;color:var(--petall-text);font-size:17px;line-height:1.35}.promo-whatsapp .promo-pills,.promo-rebuy .promo-pills,.promo-store .promo-pills{gap:8px}.promo-whatsapp .promo-pills span,.promo-rebuy .promo-pills span,.promo-store .promo-pills span{text-align:center;min-width:58px;padding:9px 16px}.promo-pills{flex-wrap:wrap;gap:10px;display:flex}.promo-pills span{color:#0d2678;background:#fff;border-radius:999px;padding:10px 16px;font-size:14px;font-weight:800}.promo-pills span:last-child{background:var(--petall-blue);color:#fff}.promo-art{aspect-ratio:16/9;border-radius:var(--petall-radius-md);background:linear-gradient(135deg,#d8f4f7,#eefbfc);justify-self:end;width:min(100%,620px);min-height:0;position:relative;overflow:hidden;box-shadow:0 18px 40px #006d782e}.promo-art img{border-radius:inherit;object-fit:cover;object-position:center;width:100%;height:100%;display:block}.product-block{border-radius:var(--petall-radius-lg);position:absolute;box-shadow:0 18px 36px #1832362e}.product-block.tall{background:linear-gradient(#fff,#c8f4f8);width:72px;height:112px;bottom:32px;right:190px}.product-block.bag{background:linear-gradient(135deg,#354743,#101716);width:158px;height:122px;bottom:12px;right:42px}.benefit{border:1px solid var(--petall-border);border-radius:var(--petall-radius-sm);min-height:36px;box-shadow:var(--petall-shadow-card);background:#fff;justify-content:center;align-items:center;gap:6px;margin-top:10px;font-size:14px;display:flex}.benefit-icon,.benefit strong,.green{color:#009b54}.campaign-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.campaign-card{border:1px solid var(--petall-border);border-radius:var(--petall-radius-md);min-height:118px;color:var(--petall-text);box-shadow:var(--petall-shadow-card);background:#fff;grid-template-columns:96px minmax(0,1fr);grid-template-areas:"image eyebrow""image title""image text";align-items:center;gap:4px 12px;padding:10px;text-decoration:none;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;overflow:hidden}.campaign-card:hover,.campaign-card:focus-visible{border-color:#0097a738;transform:translateY(-2px);box-shadow:0 0 0 4px #ff7a1a1f,0 12px 24px #006d781f}.campaign-card img{border-radius:var(--petall-radius-md);object-fit:cover;grid-area:image;width:96px;height:96px}.campaign-whatsapp img{object-position:center}.campaign-rebuy img{object-position:58% center}.campaign-store img{object-position:center}.campaign-card span{color:var(--petall-teal);text-transform:uppercase;grid-area:eyebrow;font-size:12px;font-weight:850}.campaign-card strong{color:var(--petall-teal-dark);grid-area:title;font-size:16px;line-height:1.18}.campaign-card p{color:var(--petall-text-muted);grid-area:text;margin-bottom:0;font-size:13px;font-weight:650;line-height:1.28}.categories{scrollbar-width:none;align-items:start;gap:12px;padding:20px 2px 10px;display:flex;overflow-x:auto}.categories::-webkit-scrollbar{display:none}.quick-cards::-webkit-scrollbar{display:none}.categories a{--cat-accent:var(--petall-coral);--cat-ink:var(--petall-teal);--cat-soft:#eef3f3;width:86px;min-width:86px;color:var(--petall-text-muted);text-align:center;grid-template-rows:54px minmax(30px,auto) 4px;place-items:start center;gap:8px;font-size:12px;font-weight:700;line-height:1.15;text-decoration:none;transition:color .18s,transform .18s;display:grid;position:relative}.categories a:after{color:#0000;content:"";background:0 0;border-radius:999px;width:16px;height:4px;padding:0;font-size:0;font-weight:800;transition:min-height .18s,width .18s,background .18s;display:block}.categories a:hover,.categories a:focus-visible{color:var(--cat-ink);transform:translateY(-2px)}.categories a:hover:after,.categories a:focus-visible:after{background:var(--cat-accent);width:18px}.categories span{border:1px solid color-mix(in srgb, var(--cat-ink) 12%, white);background:radial-gradient(circle at 48% 52%, white 0 37%, transparent 38%), radial-gradient(circle at 50% 50%, var(--cat-soft) 0 62%, transparent 63%), linear-gradient(145deg, #fff, #edf5f6);width:54px;height:54px;color:var(--cat-ink);border-radius:50%;place-items:center;font-size:20px;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 -2px #ffffffe0,inset 0 0 0 6px #ffffff6b,0 8px 18px #006d781c}.categories span:before,.categories span:after{content:"";pointer-events:none;position:absolute}.categories span:before{width:18px;height:11px;box-shadow:-25px -24px 0 -8px #ffffffd6, -17px 2px 0 -8px color-mix(in srgb, var(--cat-ink) 28%, transparent);background:#ffffffd1;border-radius:999px;bottom:8px;right:7px}.categories span:after{background:color-mix(in srgb, var(--cat-ink) 16%, white);border-radius:50%;width:11px;height:11px;transition:background .18s,transform .18s;top:12px;left:12px;box-shadow:20px 28px 0 -5px #ffffffd1}.categories .icon{z-index:1;filter:drop-shadow(0 1px #ffffffeb)drop-shadow(0 2px 4px #1832361f);stroke-width:2.18px;width:27px;height:27px;transition:transform .18s,stroke-width .18s;position:relative}.categories a:hover span,.categories a:focus-visible span{border-color:color-mix(in srgb, var(--cat-accent) 62%, white);background:radial-gradient(circle at 48% 52%, white 0 36%, transparent 37%), radial-gradient(circle at 72% 30%, color-mix(in srgb, var(--cat-accent) 84%, white) 0 17%, transparent 18%), radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--cat-soft) 78%, white) 0 63%, transparent 64%), linear-gradient(145deg, white, color-mix(in srgb, var(--cat-soft) 82%, white));box-shadow:inset 0 -1px 0 #ffffffeb, inset 0 0 0 6px #ffffff6b, 0 0 0 3px color-mix(in srgb, var(--cat-accent) 20%, transparent), 0 12px 24px #006d7829;transform:scale(1.08)}.categories a:hover span:before,.categories a:focus-visible span:before{background:color-mix(in srgb, var(--cat-accent) 78%, white)}.categories a:hover span:after,.categories a:focus-visible span:after{background:color-mix(in srgb, var(--cat-ink) 22%, transparent);transform:translate(2px,-2px)}.categories a:hover .icon,.categories a:focus-visible .icon{stroke-width:2.35px;transform:scale(1.08)rotate(-3deg)}.cat-market{--cat-accent:var(--petall-coral);--cat-ink:var(--petall-teal);--cat-soft:#e4f8fa}.cat-best{--cat-accent:#ff8a35;--cat-ink:#007f8d;--cat-soft:#e9f8fa}.cat-repeat{--cat-accent:var(--petall-coral);--cat-ink:#008998;--cat-soft:#e7f7f8}.cat-pickup{--cat-accent:#ff7a1a;--cat-ink:#006d78;--cat-soft:#e4f8fa}.cat-health{--cat-accent:#ff8a35;--cat-ink:#008998;--cat-soft:#eaf9fa}.cat-grooming{--cat-accent:var(--petall-coral);--cat-ink:#007685;--cat-soft:#edfafa}.cat-delivery{--cat-accent:#ff8a35;--cat-ink:#006d78;--cat-soft:#e8f7f8}.quick-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:8px;display:grid}.quick-cards article,.system-strip,.product-card,.store-card,.rebuy-block,.pickup-block,.b2b{border:1px solid var(--petall-border);border-radius:var(--petall-radius-md);box-shadow:var(--petall-shadow-card);background:#fff}.quick-cards article{gap:8px;min-height:204px;padding:14px;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid}.quick-cards article:hover,.quick-cards article:focus-within{border-color:#0097a733;transform:translateY(-3px);box-shadow:0 10px 24px #006d7821}.quick-cards strong{color:var(--petall-text)}.quick-cards p{color:var(--petall-text-muted);margin-bottom:0;font-size:13px}.quick-cards button,.rebuy-block button,.pickup-block button,.b2b button{border-radius:var(--petall-radius-md);background:var(--petall-blue);color:#fff;cursor:pointer;border:0;min-height:38px;font-weight:700;transition:background .16s,box-shadow .16s,transform .16s}.quick-cards button:hover,.quick-cards button:focus-visible,.rebuy-block button:hover,.rebuy-block button:focus-visible,.pickup-block button:hover,.pickup-block button:focus-visible{background:#2361d5;transform:translateY(-1px);box-shadow:0 0 0 4px #ff7a1a24,0 10px 20px #2f6fed2e}.quick-cards button:active,.rebuy-block button:active,.pickup-block button:active{transform:scale(.98)}.quick-icon{border-radius:var(--petall-radius-md);background:radial-gradient(circle at 50% 52%, white 0 30%, transparent 31%), radial-gradient(circle at 66% 34%, color-mix(in srgb, var(--petall-coral) 76%, white) 0 19%, transparent 20%), linear-gradient(145deg, #f8fbfb, #eef3f3);height:92px;color:var(--petall-teal-dark);place-items:center;font-size:32px;transition:background .18s,transform .18s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #006d780d,inset 0 -18px 28px #1832360a}.quick-icon:before,.quick-icon:after{content:"";pointer-events:none;position:absolute}.quick-icon:before{background:linear-gradient(135deg, var(--petall-teal-soft), white);opacity:.96;border-radius:50%;width:72px;height:72px}.quick-icon:after{background:#18323617;border-radius:999px;width:54px;height:12px;bottom:12px;right:42px}.quick-icon .icon{z-index:2;width:58px;height:58px;color:var(--petall-teal-dark);stroke-width:2.2px;background:#fff;border-radius:20px;padding:10px;transition:color .18s,transform .18s,box-shadow .18s;position:relative;box-shadow:0 12px 24px #18323626,inset 0 0 0 1px #0097a717,inset 0 -2px #006d7812}.quick-image{border-radius:var(--petall-radius-md);background:linear-gradient(135deg,#e9fbfd,#d8f4f7);height:92px;display:block;overflow:hidden}.quick-image img{object-fit:cover;width:100%;height:100%;display:block}.quick-cards article:hover .quick-icon,.quick-cards article:focus-within .quick-icon{transform:scale(1.02)}.quick-cards article:hover .quick-icon .icon,.quick-cards article:focus-within .quick-icon .icon{color:var(--petall-teal);transform:scale(1.08)rotate(-4deg);box-shadow:0 15px 28px #1832362e,inset 0 0 0 1px #0097a729}.quick-icon.pickup{background:radial-gradient(circle at 50% 52%,#fff 0 31%,#0000 32%),linear-gradient(90deg,#ffffff9e 0 16%,#0000 17% 83%,#ffffff8a 84%),linear-gradient(135deg,#e9fbfd,#d8f4f7)}.quick-icon.pickup:before{background:radial-gradient(circle at 72% 28%, color-mix(in srgb, var(--petall-coral) 82%, white) 0 18%, transparent 19%), white}.quick-icon.pickup .icon{color:var(--petall-teal-dark)}.quick-icon.recent{color:var(--petall-teal-dark);background:radial-gradient(circle at 50% 52%,#ffffffeb 0 30%,#0000 31%),linear-gradient(90deg,#ffffff14 0 18%,#0000 19% 81%,#ffffff1a 82%),linear-gradient(135deg,#17201e,#65716d)}.quick-icon.recent:before{background:radial-gradient(circle at 72% 28%, color-mix(in srgb, var(--petall-coral) 62%, white) 0 17%, transparent 18%), #f2f4f4}.quick-icon.recent .icon{color:#8a9694}.quick-icon.offer{background:radial-gradient(circle at 50% 52%, white 0 31%, transparent 32%), radial-gradient(circle at 58% 44%, color-mix(in srgb, var(--petall-coral) 76%, white) 0 27%, transparent 28%), linear-gradient(145deg, #f8fbfb, #eef3f3)}.quick-icon.offer:before{background:linear-gradient(135deg, color-mix(in srgb, var(--petall-coral) 86%, white), var(--petall-coral))}.quick-icon.offer .icon{color:var(--petall-teal-dark);background:#fff;box-shadow:0 12px 24px #18323626,inset 0 0 0 1px #0097a717,inset 0 -2px #006d7812}.system-strip{background:var(--petall-border);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:14px;display:grid;overflow:hidden}.system-strip article{background:#fff;align-content:start;gap:6px;min-height:116px;padding:14px;transition:background .18s,box-shadow .18s;display:grid;position:relative;overflow:hidden}.system-strip article:before{content:"";background:radial-gradient(circle at 68% 30%,#ffffffd1 0 18%,#0000 19%),linear-gradient(145deg,#f7fbfb,#e8f2f3);border-radius:13px;width:36px;height:36px;transition:background .18s,transform .18s;position:absolute;top:12px;left:12px}.system-icon{z-index:1;width:26px;height:26px;color:var(--petall-teal);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;filter:drop-shadow(0 1px #fff);margin:5px 0 3px 5px;transition:color .18s,transform .18s;position:relative}.system-strip article:hover{background:linear-gradient(135deg,#fff,#f6fbfb);box-shadow:inset 0 0 0 1px #0097a71a,inset 0 0 0 3px #ff7a1a14}.system-strip article:hover:before{background:radial-gradient(circle at 66% 28%, var(--petall-coral) 0 22%, transparent 23%), linear-gradient(145deg, white, #e3f6ef);transform:scale(1.08)}.system-strip article:hover .system-icon{color:var(--petall-teal-dark);transform:scale(1.08)rotate(-3deg)}.system-strip strong,.system-strip span{display:block}.system-strip strong{color:var(--petall-teal-dark);margin-bottom:5px;font-size:14px}.system-strip span{color:var(--petall-text-muted);font-size:12px;line-height:1.35}.section{margin-top:28px}.section-head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:14px;display:flex}.section-head h2{margin-bottom:0}.section-head a{color:var(--petall-blue);font-weight:700;text-decoration:none;position:relative}.section-head a:after{background:var(--petall-coral);content:"";border-radius:999px;width:0;height:3px;transition:width .16s;position:absolute;bottom:-4px;right:0}.section-head a:hover:after,.section-head a:focus-visible:after{width:100%}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.product-grid,.connected-carousel{scrollbar-width:thin;scrollbar-color:#0097a775 #d8eef0cc}.product-grid::-webkit-scrollbar{height:12px}.connected-carousel::-webkit-scrollbar{height:12px}.product-grid::-webkit-scrollbar-track{background:linear-gradient(#d8eef0d1,#d8eef0d1) content-box content-box;border:4px solid #0000;border-radius:999px}.connected-carousel::-webkit-scrollbar-track{background:linear-gradient(#d8eef0d1,#d8eef0d1) content-box content-box;border:4px solid #0000;border-radius:999px}.product-grid::-webkit-scrollbar-thumb{background:linear-gradient(90deg, var(--petall-teal), var(--petall-coral)) border-box;border:3px solid #0000;border-radius:999px}.connected-carousel::-webkit-scrollbar-thumb{background:linear-gradient(90deg, var(--petall-teal), var(--petall-coral)) border-box;border:3px solid #0000;border-radius:999px}.product-grid::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg, var(--petall-teal-dark), var(--petall-coral)) border-box}.connected-carousel::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg, var(--petall-teal-dark), var(--petall-coral)) border-box}.product-grid::-webkit-scrollbar-button{width:0;height:0;display:none}.connected-carousel::-webkit-scrollbar-button{width:0;height:0;display:none}.product-card{--product-image-height:150px;isolation:isolate;gap:8px;padding:14px;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;position:relative}.product-card:hover,.product-card:focus-within{border-color:#0097a733;transform:translateY(-2px);box-shadow:0 10px 24px #006d781f}.favorite,.cart-fab{z-index:3;box-shadow:var(--petall-shadow-soft);cursor:pointer;border:0;border-radius:50%;place-items:center;transition:background .16s,box-shadow .16s,color .16s,transform .16s;display:grid;position:absolute}.favorite .icon,.cart-fab .icon,.icon-button .icon{width:20px;height:20px;transition:transform .16s,stroke-width .16s}.favorite{width:34px;height:34px;color:var(--petall-teal);background:#fff;font-size:20px;top:12px;right:12px}.favorite:hover,.favorite:focus-visible{color:var(--petall-coral);transform:scale(1.08);box-shadow:0 0 0 3px #ff7a1a24,0 10px 18px #18323624}.cart-fab{top:calc(14px + var(--product-image-height) - 22px);background:var(--petall-teal);color:#fff;width:44px;height:44px;font-size:22px;right:12px}.cart-fab:after{background:var(--petall-coral);color:#fff;content:"+";opacity:0;border:2px solid #fff;border-radius:50%;place-items:center;width:16px;height:16px;font-size:12px;font-weight:900;line-height:1;transition:opacity .16s,transform .16s;display:grid;position:absolute;bottom:-2px;right:-2px;transform:scale(.72)}.cart-fab:hover,.cart-fab:focus-visible{background:var(--petall-teal-dark);transform:scale(1.08)translateY(-1px);box-shadow:0 0 0 4px #ff7a1a29,0 12px 24px #006d7838}.cart-fab:hover:after,.cart-fab:focus-visible:after{opacity:1;transform:scale(1)}.favorite:hover .icon,.favorite:focus-visible .icon,.cart-fab:hover .icon,.cart-fab:focus-visible .icon{stroke-width:2.35px;transform:scale(1.08)rotate(-3deg)}.favorite:active,.cart-fab:active{transform:scale(.96)}.product-img{z-index:1;height:var(--product-image-height);border-radius:var(--petall-radius-md);transform-origin:50%;place-items:end start;padding:10px;transition:box-shadow .18s,transform .18s;display:grid;position:relative;overflow:hidden}.product-card:hover .product-img,.product-card:focus-within .product-img{transform:scale(1.025);box-shadow:inset 0 0 0 1px #0097a71a}.product-img.dark{background:linear-gradient(90deg, #183236c7, transparent 54%), radial-gradient(circle at 60% 42%, var(--petall-yellow-soft) 0 24%, transparent 25%), linear-gradient(135deg, var(--petall-teal-soft), white)}.product-img.soft{background:linear-gradient(135deg, var(--petall-teal-soft), white)}.product-img.warm{background:linear-gradient(135deg, var(--petall-coral-soft), white)}.product-img span{border-radius:var(--petall-radius-xs);color:var(--petall-teal-dark);background:#fff;padding:4px 8px;font-size:12px;font-weight:900}.product-card h3{margin-bottom:0;font-size:15px;line-height:1.35}.brand-name,.old-price{color:var(--petall-text-muted);margin-bottom:0;font-size:13px}.old-price{text-decoration:line-through}.product-card strong{font-size:26px;line-height:1}.product-card small{font-size:15px}.green{margin-bottom:0;font-size:13px;font-weight:700}.split{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.rebuy-block,.pickup-block,.b2b{padding:22px}.rebuy-block{background:linear-gradient(135deg, white, var(--petall-yellow-soft));transition:border-color .18s,box-shadow .18s,transform .18s;position:relative;overflow:hidden}.pickup-block{background:linear-gradient(135deg, white, var(--petall-teal-soft));transition:border-color .18s,box-shadow .18s,transform .18s;position:relative;overflow:hidden}.rebuy-block:after,.pickup-block:after{content:"";pointer-events:none;background:#ffffff9e;border-radius:50%;width:34px;height:34px;transition:background .18s,transform .18s;position:absolute;top:18px;right:18px}.rebuy-block:hover,.rebuy-block:focus-within,.pickup-block:hover,.pickup-block:focus-within{border-color:#0097a733;transform:translateY(-2px);box-shadow:0 12px 26px #006d781f}.rebuy-block:hover:after,.rebuy-block:focus-within:after,.pickup-block:hover:after,.pickup-block:focus-within:after{background:#ff7a1a2e;transform:scale(1.12)}.eyebrow{color:var(--petall-teal);margin-bottom:8px;font-size:13px;font-weight:800}.store-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.store-card{align-items:center;gap:14px;padding:16px;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex;position:relative;overflow:hidden}.store-card:after{content:"";background:0 0;border-radius:999px;width:18px;height:4px;transition:background .18s,width .18s;position:absolute;bottom:12px;right:14px}.store-card:hover,.store-card:focus-within{border-color:#0097a733;transform:translateY(-2px);box-shadow:0 10px 24px #006d781f}.store-card:hover:after,.store-card:focus-within:after{background:var(--petall-coral);width:28px}.store-mark{border-radius:var(--petall-radius-lg);background:linear-gradient(135deg, var(--petall-teal), var(--petall-green));color:#fff;width:62px;height:62px;font:900 20px var(--petall-font-display);flex:none;place-items:center;transition:box-shadow .18s,transform .18s;display:grid;box-shadow:inset 0 -2px #00000014,0 8px 18px #006d781f}.store-mark.alt{background:linear-gradient(135deg, var(--petall-blue), var(--petall-teal))}.store-mark.warm{background:linear-gradient(135deg, var(--petall-coral), var(--petall-teal))}.store-card:hover .store-mark,.store-card:focus-within .store-mark{transform:scale(1.04);box-shadow:0 0 0 4px #ff7a1a24,0 10px 20px #006d7829}.store-card h3,.store-card p{margin-bottom:5px}.store-card p{color:var(--petall-text-muted)}.store-card span{color:var(--petall-teal-dark);font-size:13px;font-weight:800}.connected-showcase{margin-top:14px}.showcase-head{justify-content:space-between;align-items:end;gap:16px;margin-bottom:12px;display:flex}.showcase-head h3{margin-bottom:0;font-size:18px}.showcase-head a{color:var(--petall-blue);font-size:14px;font-weight:800;text-decoration:none}.connected-carousel{scroll-snap-type:x mandatory;grid-auto-columns:minmax(230px,28%);grid-auto-flow:column;gap:14px;padding:2px 2px 14px;display:grid;overflow-x:auto}.connected-card{--product-image-height:124px;scroll-snap-align:start;min-width:0}.connected-card h3{min-height:40px}.b2b{background:radial-gradient(circle at 86% 20%, #ffffff29 0 18%, transparent 19%), linear-gradient(135deg, var(--petall-teal-dark), var(--petall-teal));color:#fff;justify-content:space-between;align-items:center;gap:20px;margin-top:28px;transition:box-shadow .18s,transform .18s;display:flex;position:relative;overflow:hidden}.b2b:after{content:"";pointer-events:none;background:#ff7a1a2e;border-radius:50%;width:42px;height:42px;position:absolute;top:22px;right:22px}.b2b:hover,.b2b:focus-within{transform:translateY(-2px);box-shadow:0 14px 30px #006d782e}.b2b .eyebrow,.b2b p{color:#ffffffd1}.b2b-actions{z-index:1;justify-items:stretch;gap:10px;min-width:240px;display:grid;position:relative}.b2b button{min-width:190px;color:var(--petall-teal-dark);cursor:pointer;background:#fff;transition:box-shadow .16s,color .16s,transform .16s}.b2b button:hover,.b2b button:focus-visible{color:var(--petall-teal-dark);transform:translateY(-1px);box-shadow:0 0 0 4px #ff7a1a2e,0 10px 22px #0000001f}.b2b button:active{transform:scale(.98)}.b2b-actions span{color:#ffffffdb;text-align:center;font-size:13px;font-weight:700}.site-footer{background:linear-gradient(135deg, #063f45 0%, var(--petall-teal-dark) 62%, #075f67 100%);color:#fff;margin-top:8px}.footer-inner{width:min(var(--petall-container), calc(100% - 24px));margin:0 auto;padding:34px 0 22px}.footer-brand{border-bottom:1px solid #ffffff24;justify-content:space-between;align-items:center;gap:28px;padding-bottom:26px;display:flex}.footer-logo{color:#fff;font:800 26px var(--petall-font-display);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.footer-mark{border-radius:var(--petall-radius-sm);content:url(/home2-brand/logo-mark-ui-negative.svg);width:32px;height:32px;padding:3px;transition:content .16s,box-shadow .16s,transform .16s}.footer-logo:hover .footer-mark,.footer-logo:focus-visible .footer-mark{content:url(/home2-brand/logo-mark-ui-negative-hover.svg);transform:scale(1.05);box-shadow:0 0 0 4px #ff7a1a29}.footer-brand p{color:#ffffffc7;max-width:510px;margin:0;font-size:15px;font-weight:600;line-height:1.45}.footer-links{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:28px 0;display:grid}.footer-links h2{color:#fff;margin-bottom:12px;font-size:14px;line-height:1.2}.footer-links a{color:#ffffffb8;width:fit-content;margin-top:9px;font-size:14px;font-weight:600;text-decoration:none;transition:color .16s,transform .16s;display:block}.footer-links a:hover,.footer-links a:focus-visible{color:#fff;transform:translate(2px)}.footer-bottom{color:#ffffffa3;border-top:1px solid #ffffff24;justify-content:space-between;gap:18px;padding-top:18px;font-size:12px;font-weight:600;display:flex}@media (max-width:760px){.topbar-inner{grid-template-columns:38px minmax(82px,1fr) auto 34px 34px;gap:6px;min-height:60px}.brand strong{display:none}.brand{justify-content:center;width:38px}.brand-mark{width:30px;height:30px;padding:2px}.search{min-height:38px;padding:0 10px}.search input{font-size:14px}.icon-button{width:34px;height:34px;font-size:19px}.login-link{gap:4px;min-height:34px;padding:0 8px;font-size:12px}.login-link .icon{width:15px;height:15px}main{width:calc(100% - 12px);padding-top:8px}.promo{grid-template-columns:1fr;min-height:0;padding:14px 16px}.promo-whatsapp,.promo-rebuy,.promo-store{grid-template-columns:1fr;min-height:0;padding:16px}.promo-nav{width:36px;height:36px;top:auto;bottom:18px;transform:none}.promo-nav:hover,.promo-nav:focus-visible{transform:scale(1.04)}.promo-prev{left:14px}.promo-next{right:14px}.promo-art{justify-self:stretch;width:100%;min-height:0;margin-top:12px}.promo-art img{object-position:center;height:100%;margin-top:0}.event{min-width:46px;min-height:34px;margin-bottom:8px;font-size:17px}.promo-whatsapp .event,.promo-rebuy .event,.promo-store .event{min-height:32px;padding:0 12px;font-size:16px}.promo h1{font-size:34px}.promo-whatsapp h1{max-width:320px;font-size:38px}.promo-rebuy h1,.promo-store h1{max-width:320px;font-size:36px}.promo p{font-size:15px}.promo-pills span{padding:8px 12px;font-size:12px}.benefit{min-height:32px;margin-top:8px;font-size:12px}.campaign-strip{scroll-snap-type:x mandatory;scrollbar-width:none;grid-template-columns:repeat(3,236px);padding:2px 2px 12px;overflow-x:auto}.campaign-strip::-webkit-scrollbar{display:none}.campaign-card{scroll-snap-align:start}.categories{gap:10px;padding:15px 2px 7px}.categories a{grid-template-rows:50px minmax(28px,auto) 4px;width:76px;min-width:76px;font-size:11px}.categories span{width:50px;height:50px;font-size:18px}.categories .icon{width:25px;height:25px}.quick-cards{scrollbar-width:none;grid-template-columns:repeat(3,148px);overflow-x:auto}.system-strip{scrollbar-width:none;grid-template-columns:repeat(4,154px);overflow-x:auto}.system-strip::-webkit-scrollbar{display:none}.quick-cards article{min-height:196px;padding:12px}.quick-icon,.quick-image{height:84px}.quick-icon .icon{width:48px;height:48px;padding:9px}.product-grid{scroll-snap-type:x mandatory;grid-template-columns:repeat(3,178px);padding:2px 2px 14px;overflow-x:auto}.product-grid .product-card{scroll-snap-align:start}.product-card{--product-image-height:126px}.product-card strong{font-size:24px}.split,.store-grid{grid-template-columns:1fr}.showcase-head{align-items:start}.showcase-head h3{font-size:16px}.connected-carousel{grid-auto-columns:238px;padding-bottom:14px}.b2b{display:grid}.b2b-actions{min-width:0}.b2b button{width:100%}.footer-inner{width:calc(100% - 24px);padding:28px 0 20px}.footer-brand{gap:14px;display:grid}.footer-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px}.footer-bottom{display:grid}}
body.home-2{--home-2-heading:#173033;--home-2-heading-soft:#24484d;--home-2-accent:var(--petall-coral)}.home-2 .promo h1,.home-2 .promo-whatsapp h1,.home-2 .promo-rebuy h1,.home-2 .promo-store h1,.home-2 .section-head h2,.home-2 .rebuy-block h2,.home-2 .pickup-block h2,.home-2 .showcase-head h3,.home-2 .b2b h2{color:var(--home-2-heading)}.home-2 .b2b h2{color:#fff}.home-2 .campaign-card strong,.home-2 .quick-cards strong,.home-2 .system-strip strong,.home-2 .store-card h3,.home-2 .product-card h3{color:var(--home-2-heading-soft)}.home-2 .event,.home-2 .promo-rebuy .event,.home-2 .promo-store .event{background:var(--petall-teal-dark)}.home-2 .promo-pills span:last-child,.home-2 .quick-cards button,.home-2 .b2b button{background:var(--home-2-accent);color:#fff}.home-2 .quick-cards button:hover,.home-2 .quick-cards button:focus-visible,.home-2 .b2b button:hover,.home-2 .b2b button:focus-visible{color:#fff}.home-2 .section-head a:after,.home-2 .store-card:hover:after,.home-2 .store-card:focus-within:after{background:var(--home-2-accent)}
.home-2{--home-2-heading:#173033;--home-2-heading-soft:#24484d;--home-2-accent:var(--petall-coral);line-height:normal}.home-2 .brand strong{font-size:27px}.home-2 .promo-rebuy h1{max-width:270px}:where(.home-2) :is(h1,h2,h3,h4,h5,h6){font-size:revert;font-weight:revert;line-height:revert}:where(.home-2) :is(h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd,figure,blockquote){margin:revert}:where(.home-2) :is(ul,ol),:where(.home-2) button{padding:revert}:where(.home-2) :is(h1,h2,h3,p){margin-block-start:0}.home-2 .rebuy-block button,.home-2 .pickup-block button{background:var(--petall-blue);color:#fff}.home-2 .rebuy-block button:hover,.home-2 .rebuy-block button:focus-visible,.home-2 .pickup-block button:hover,.home-2 .pickup-block button:focus-visible{background:#2361d5;transform:translateY(-1px);box-shadow:0 0 0 4px #ff7a1a24,0 10px 20px #2f6fed2e}