/* Pets v3 — fresh and playful: warm off-white, electric violet, coral, pastel animal tones; Fredoka + Rubik; big soft shapes. */
h1,h2,h3{font-weight:600}
.btn{font-weight:600;border-radius:999px}
.btn:not(.btn--ghost){box-shadow:0 10px 22px -12px rgba(91,61,245,.7)}
.btn--ghost{background:#fff;border-color:var(--line);color:var(--ink)}
.btn--ghost:hover{border-color:var(--ink)}
.price{color:var(--ink);font-weight:700;font-size:17px}
.p3kick{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;font-size:14px;font-weight:600;color:var(--accent);letter-spacing:.02em}
.p3kick span{color:var(--pop);font-size:10px}

/* header: white, search first */
.ph{background:rgba(255,255,255,.92);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);color:var(--ink);position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line)}
.ph__row{display:flex;align-items:center;gap:24px;min-height:76px}
.ph__menu{display:none}
.logo{text-decoration:none}
.logo__t{font-family:var(--head);font-weight:600;font-size:34px;color:var(--ink);letter-spacing:-.01em}
.ph__search{flex:1;display:flex;align-items:center;background:#F3EFE8;border-radius:999px;padding:0 5px 0 4px;max-width:680px;border:1.5px solid transparent;transition:border-color .2s,background .2s}
.ph__search:focus-within{background:#fff;border-color:var(--accent)}
.ph__search input{flex:1;border:0;background:none;min-height:50px;padding:0 18px;font-size:16px;color:var(--ink);outline:none}
.ph__go{width:42px;height:42px;border-radius:50%;border:0;background:var(--accent);color:#fff;display:grid;place-items:center;cursor:pointer}
.ph__act{display:flex;gap:4px;color:var(--ink)}
.ph .cart-count{background:var(--pop);color:var(--ink)}
.ph__nav{background:none;color:var(--ink)}
.ph__nav>ul{display:flex;gap:4px;position:relative}
.ph__item>button,.ph__item>a{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;min-height:52px;background:none;border:0;cursor:pointer;font-weight:500;text-decoration:none;border-radius:14px;color:var(--ink);font:inherit;font-weight:500}
.ph__item>button svg:first-child{width:30px;height:30px}
.ph__item>button[aria-expanded=true],.ph__item>button:hover,.ph__item>a:hover{background:#F3EFE8}
.mega{position:absolute;inset-inline:0;top:100%;display:grid;grid-template-columns:1fr 1.4fr;gap:30px;background:#fff;border:1px solid var(--line);border-radius:0 0 26px 26px;padding:26px 30px;box-shadow:0 40px 80px -36px rgba(28,24,48,.45);z-index:40}
.mega[hidden]{display:none}
.mega__col{display:flex;flex-direction:column;gap:8px}
.mega__col a{text-decoration:none;padding:4px 0}
.mega__col a:hover{color:var(--accent);text-decoration:underline}
.mega__h{font-family:var(--head);font-size:26px;margin:0 0 6px}
.mega__feat{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mega__p{display:flex;gap:12px;align-items:center;background:var(--bg);border-radius:18px;padding:10px;text-decoration:none;transition:transform .3s}
.mega__p:hover{transform:translateY(-3px)}
.mega__p img{width:72px;height:72px;border-radius:12px;object-fit:cover}
.drawer{position:fixed;inset:0 0 0 auto;width:min(360px,88vw);background:#fff;color:var(--ink);z-index:50;padding:90px 24px 24px;box-shadow:0 0 40px rgba(0,0,0,.2)}
.drawer li a{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);text-decoration:none;font-size:19px}
.drawer svg{width:40px;height:40px}
.ph{--pill:var(--lilac)}
.ph__nav .mo-pill{border-radius:14px}
.ph__search input:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:999px}

/* hero */
.p3hero{padding:clamp(28px,5vw,64px) 0 clamp(20px,3vw,36px);overflow:hidden}
.p3hero__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(24px,5vw,72px);align-items:center}
.p3hero__txt h1{font-size:clamp(40px,5.4vw,78px);line-height:.98;letter-spacing:-.02em;margin:0 0 18px;color:var(--ink)}
.p3hero__lead{font-size:clamp(17px,1.5vw,20px);color:var(--muted);max-width:30em;margin:0 0 26px}
.p3hero__cta{display:flex;gap:12px;flex-wrap:wrap}
.p3hero__cta .btn{min-height:56px;padding-inline:30px;font-size:17px}
.p3hero__art{position:relative}
.p3hero__blob{position:absolute;inset:4% 2% 2% 4%;border-radius:50%;background:radial-gradient(60% 60% at 30% 30%,var(--lilac),transparent 70%),radial-gradient(50% 50% at 80% 80%,var(--mint),transparent 70%);filter:blur(10px);z-index:-1}
.p3hero__img{border-radius:44px 44px 44px 140px;overflow:hidden;box-shadow:0 40px 80px -40px rgba(28,24,48,.55);aspect-ratio:5/4}
.p3hero__img img{width:100%;height:100%;object-fit:cover}
.p3chip{position:absolute;margin:0;display:inline-flex;align-items:center;gap:8px;background:#fff;border-radius:999px;padding:10px 16px;font-size:15px;font-weight:600;box-shadow:0 18px 40px -20px rgba(28,24,48,.5);white-space:nowrap}
.p3chip b{font-family:var(--head);font-size:22px;color:var(--accent)}
.p3chip--a{top:8%;inset-inline-end:-18px}
.p3chip--b{bottom:16%;inset-inline-start:-22px;background:var(--ink);color:#fff}
.p3chip--b .ico{color:var(--sun)}
.p3chip--c{bottom:-14px;inset-inline-end:14%;background:var(--sun)}

/* shop by animal */
.p3pets{padding-block:clamp(26px,4vw,48px)}
.p3pets ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.6vw,20px)}
.p3pet{position:relative;display:grid;grid-template-rows:auto auto 1fr;min-height:clamp(200px,20vw,280px);border-radius:30px;padding:22px 22px 0;text-decoration:none;color:var(--ink);overflow:hidden;isolation:isolate;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.p3pet:hover{transform:translateY(-6px) rotate(-.6deg);box-shadow:0 30px 50px -30px rgba(28,24,48,.45)}
.p3pet--mint{background:var(--mint)}.p3pet--lilac{background:var(--lilac)}.p3pet--butter{background:var(--butter)}.p3pet--sky{background:var(--sky)}
.p3pet__n{font-family:var(--head);font-size:clamp(24px,2.4vw,34px);font-weight:600;line-height:1}
.p3pet__c{display:inline-flex;align-items:center;gap:6px;font-size:14px;margin-top:6px;opacity:.8}
.p3pet__pic{align-self:end;justify-self:center;width:78%;aspect-ratio:1;border-radius:50% 50% 0 0;overflow:hidden;background:rgba(255,255,255,.55);margin-top:14px;display:grid;place-items:center;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.p3pet__pic img{width:100%;height:100%;object-fit:cover}
.p3pet__pic svg{width:60%;height:60%}
.p3pet:hover .p3pet__pic{transform:translateY(-6px) scale(1.04)}

/* live delivery strip */
.p3run{background:var(--ink);color:#fff;margin-block:clamp(10px,2vw,20px)}
.p3run__in{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(18px,4vw,48px);align-items:center;padding-block:22px}
.p3run__t{margin:0;display:flex;flex-direction:column;gap:2px}
.p3run__t b{font-family:var(--head);font-size:clamp(20px,2vw,26px);font-weight:600}
.p3run__t span{color:#CFC9E6;font-size:15px}
.p3run__t time{font-variant-numeric:tabular-nums;font-weight:700;color:var(--sun);direction:ltr;unicode-bidi:isolate;display:inline-block}
.p3run__t time.is-long{direction:rtl}
.p3run__road{position:relative;height:44px;border-radius:999px;background:repeating-linear-gradient(to left,rgba(255,255,255,.22) 0 14px,transparent 14px 26px) center/100% 2px no-repeat}
.p3run__truck,.p3run__home{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:44px;height:44px;border-radius:50%}
.p3run__truck{inset-inline-start:calc(var(--urg,0) * (100% - 88px));background:var(--pop);color:var(--ink);transition:inset-inline-start 1s linear;animation:p3bump 1.2s ease-in-out infinite}
.p3run__home{inset-inline-end:0;background:var(--mint);color:var(--ink)}
@keyframes p3bump{0%,100%{margin-top:0}50%{margin-top:-3px}}

/* best sellers + tabs */
.pshelf{padding-block:clamp(30px,5vw,60px) clamp(20px,3vw,40px)}
.pshelf__head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.pshelf .sec-t{font-family:var(--head);font-weight:600;font-size:clamp(30px,3.2vw,44px);margin:0}
.p3tabs{display:flex;gap:6px;background:#F3EFE8;border-radius:999px;padding:5px;overflow-x:auto;scrollbar-width:none;max-width:100%}
.p3tabs button{border:0;background:none;border-radius:999px;min-height:40px;padding:0 16px;font:inherit;font-weight:600;cursor:pointer;color:var(--ink);white-space:nowrap}
.p3tabs button[aria-pressed=true]{background:#fff;box-shadow:0 6px 16px -10px rgba(28,24,48,.5);color:var(--accent)}
.p3tabs button:focus-visible{outline:3px solid var(--accent);outline-offset:1px}
.p3tabs__none{text-align:center;color:var(--muted)}
.pack-pets .grid{gap:16px}
.grid__i[hidden]{display:none}
.pcard{background:#fff;border:0;border-radius:24px;padding:12px;box-shadow:0 1px 0 rgba(28,24,48,.04),0 18px 34px -28px rgba(28,24,48,.55);transition:transform .25s,box-shadow .25s}
.pcard:hover{transform:translateY(-4px);box-shadow:0 1px 0 rgba(28,24,48,.04),0 26px 44px -28px rgba(28,24,48,.6)}
.pcard .card__img{background:#F7F4EF;border-radius:18px}
.pcard .card__img img{object-fit:contain;padding:8px;mix-blend-mode:multiply}
.pcard .card__t{font-size:15px;line-height:1.35;min-height:2.7em}
.pcard .card__body{gap:8px}
.pcard .qv__o span{min-height:32px;font-size:13px;padding:0 9px;min-width:0;border-radius:999px}
.pcard .stepper{border-radius:999px}
.pcard .stepper button{width:30px;height:38px}
.pcard .stepper input{width:28px}
.pcard .btn{min-height:40px;padding:0 10px;font-size:14px;box-shadow:none}
.btn--add{background:var(--pop);border-color:var(--pop);color:var(--ink)}
.preorder{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#fff;border:2px dashed var(--pop);border-radius:24px;padding:20px 26px;margin-top:20px}
.preorder h2{margin:0;font-size:26px}
.preorder p{margin:0}

/* size finder */
.p3fit{padding-block:clamp(20px,4vw,40px)}
.p3fit__in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-rows:auto auto;gap:22px 48px;background:linear-gradient(140deg,var(--lilac),#F5F1FF 60%,var(--sky));border-radius:36px;padding:clamp(24px,4vw,52px)}
.p3fit__txt{grid-row:1/span 2}
.p3fit__txt h2{font-size:clamp(28px,3.4vw,46px);line-height:1.05;margin:0 0 10px}
.p3fit__txt>p{color:var(--muted);font-size:17px;margin:0 0 18px}
.p3fit__f label{display:block;font-weight:600;margin-bottom:8px}
.p3fit__row{display:flex;align-items:center;gap:16px}
.p3fit__row input{flex:1;accent-color:var(--accent);height:28px}
.p3fit__out{min-width:96px;text-align:center;background:#fff;border-radius:16px;padding:10px 12px;font-family:var(--head);font-size:22px;font-weight:600;box-shadow:0 10px 24px -16px rgba(28,24,48,.5)}
.p3fit__txt .link{display:inline-flex;gap:8px;align-items:center;margin-top:16px;background:none;border:0;font:inherit;font-weight:600;color:var(--accent);text-decoration:underline;text-underline-offset:4px;cursor:pointer;padding:0}
.p3fit__sizes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-self:end}
.p3fit__sizes li{background:rgba(255,255,255,.7);border-radius:20px;padding:16px 8px;text-align:center;display:flex;flex-direction:column;gap:2px;transition:transform .3s,background .3s,box-shadow .3s}
.p3fit__sizes b{font-family:var(--head);font-size:30px;line-height:1}
.p3fit__sizes small{color:var(--muted);font-size:13px}
.p3fit__sizes li.is-pick{background:var(--accent);color:#fff;transform:translateY(-6px);box-shadow:0 18px 30px -16px rgba(91,61,245,.8)}
.p3fit__sizes li.is-pick small{color:#E6E0FF}
.p3fit__prods{display:flex;gap:10px;flex-wrap:wrap}
.p3fit__prods a{flex:0 1 280px;display:flex;align-items:center;gap:10px;background:#fff;border-radius:18px;padding:8px 14px 8px 8px;text-decoration:none;font-weight:600;font-size:15px}
.p3fit__prods img{width:52px;height:52px;border-radius:12px;object-fit:cover}

/* needs */
.pneeds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-block:clamp(24px,4vw,40px)}
.pneed{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;column-gap:16px;align-items:center;padding:24px;border-radius:28px;text-decoration:none;color:var(--ink);background:#fff;box-shadow:0 18px 36px -30px rgba(28,24,48,.6);transition:transform .3s}
.pneed:hover{transform:translateY(-4px)}
.pneed__i{grid-row:1/span 2;width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:var(--sun)}
.pneed--gear .pneed__i{background:var(--mint)}
.pneed--toys .pneed__i{background:#FFD5C9}
.pneed strong{font-family:var(--head);font-size:26px;font-weight:600}
.pneed span:not(.pneed__i){color:var(--muted);font-size:14px;grid-column:2}
.pneed>svg:last-child{grid-row:1/span 2;grid-column:3;color:var(--accent)}

/* about */
.p3about{padding-block:clamp(30px,6vw,80px)}
.p3about__in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,5vw,72px);align-items:center}
.p3about__pic{border-radius:140px 36px 36px 36px;overflow:hidden;aspect-ratio:1;box-shadow:0 40px 80px -50px rgba(28,24,48,.6)}
.p3about__pic img{width:100%;height:100%;object-fit:cover}
.p3about__txt h2{font-size:clamp(30px,3.6vw,50px);line-height:1.05;margin:0 0 14px}
.p3about__txt>p{font-size:18px;color:var(--muted);max-width:36em}
.p3about__pts{list-style:none;margin:18px 0 24px;padding:0;display:grid;gap:10px}
.p3about__pts li{display:flex;gap:10px;align-items:flex-start;background:#fff;border-radius:16px;padding:12px 14px}
.p3about__pts .ico{color:var(--accent);flex:none;margin-top:3px}

/* product page + footer */
.pinfo{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 16px;margin-top:10px}
.pinfo p{display:flex;gap:10px;align-items:flex-start;margin:0 0 6px}
.pack-pets .pdp__media .flex-viewport,.pack-pets .pdp__media .woocommerce-product-gallery__image{background:#fff}
.pack-pets .pdp__t{font-family:var(--head);font-weight:600}
.site-foot{background:var(--ink);color:#fff;border:0;border-radius:36px 36px 0 0}
.site-foot .muted{color:#BDB7D4}
.site-foot__legal{border-top-color:#38325A}

@media (max-width:900px){
	.ph__row{flex-wrap:wrap;gap:8px;padding-block:10px;min-height:0}
	.ph__menu{display:inline-flex}
	.logo__t{font-size:28px}
	.ph__act{margin-inline-start:auto}
	.ph__search{order:5;flex-basis:100%;max-width:none}
	.ph__nav{display:none}
	.p3hero__grid{grid-template-columns:minmax(0,1fr)}
	.p3hero__art{order:-1;margin-inline:6px}
	.p3hero__img{border-radius:32px 32px 32px 90px}
	.p3chip{font-size:13px;padding:8px 12px}
	.p3chip b{font-size:18px}
	.p3chip--a{inset-inline-end:-4px}
	.p3chip--b{inset-inline-start:-4px}
	.p3hero__txt h1{font-size:clamp(34px,10vw,46px)}
	.p3hero__cta .btn{flex:1}
	.p3pets ul{grid-template-columns:repeat(2,minmax(0,1fr))}
	.p3pet{min-height:190px;padding:18px 18px 0;border-radius:24px}
	.p3run__in{grid-template-columns:minmax(0,1fr);gap:12px}
	.p3fit__in{grid-template-columns:minmax(0,1fr);border-radius:28px}
	.p3fit__txt{grid-row:auto}
	.p3fit__sizes{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
	.p3fit__sizes b{font-size:24px}
	.pneeds{grid-template-columns:minmax(0,1fr)}
	.preorder{flex-direction:column;align-items:flex-start}
	.p3about__in{grid-template-columns:minmax(0,1fr)}
	.p3about__pic{aspect-ratio:4/3;border-radius:90px 28px 28px 28px}
	.pshelf__head{align-items:flex-start}
	.site-foot{border-radius:28px 28px 0 0}
}
@media (max-width:600px){.pcard .qv__row{flex-wrap:wrap}.pcard .qv__row .stepper{flex:1 1 100%;justify-content:space-between}.pcard .qv__row .btn{flex:1 1 100%}}
@media (prefers-reduced-motion:reduce){.p3run__truck{animation:none;transition:none}.p3pet,.p3pet__pic,.pcard,.pneed{transition:none}}

.nowrap{white-space:nowrap}
.p3about__art{display:grid;grid-template-columns:1fr 1fr;gap:16px;aspect-ratio:1}
.p3about__a{display:grid;place-items:center;border-radius:40px}
.p3about__a:nth-child(1){border-radius:120px 40px 40px 40px}
.p3about__a:nth-child(4){border-radius:40px 40px 120px 40px}
.p3about__a svg{width:58%;height:58%;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.p3about__in:hover .p3about__a svg{transform:rotate(-6deg) scale(1.06)}
@media (max-width:900px){.p3hero__blob{display:none}.p3about__art{aspect-ratio:2/1;grid-template-columns:repeat(4,1fr);gap:8px}.p3about__a{border-radius:24px!important}}
@media (max-width:900px){.p3hero__img{box-shadow:0 24px 40px -30px rgba(28,24,48,.5)}}