.hdr{position:sticky;top:0;z-index:200;background:var(--paper);border-bottom:1px solid transparent;transition:border-color .3s var(--ease),box-shadow .3s var(--ease)}.hdr.is-stuck{border-bottom-color:var(--line);box-shadow:0 4px 20px #15241e0d}.hdr__announce{background:var(--forest);color:#fff;text-align:center;font-size:var(--fs-sm);padding:var(--s2) var(--gutter)}.hdr__inner{display:flex;align-items:center;gap:var(--s5);min-height:var(--header-h);width:min(100% - (var(--gutter) * 2),var(--wrap));margin-inline:auto}.hdr__logo{flex:0 0 auto}.hdr__logo img{width:auto;height:40px;object-fit:contain}.hdr__logo-text{font-family:var(--display);font-size:1.5rem;font-weight:600;letter-spacing:-.02em;text-decoration:none}.hdr__actions{display:flex;align-items:center;gap:var(--s1);margin-inline-start:auto}.hdr__btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;color:var(--ink);text-decoration:none;transition:background .2s var(--ease);position:relative}.hdr__btn:hover{background:var(--bone)}.hdr__btn svg{width:21px;height:21px}.hdr__count{position:absolute;top:5px;inset-inline-end:4px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--forest);color:#fff;font-size:10px;font-weight:700;line-height:17px;text-align:center}.nav{display:flex;align-items:center;gap:var(--s1)}.nav__item{position:relative}.nav__link{display:inline-flex;align-items:center;gap:5px;padding:var(--s3) var(--s3);font-size:.9375rem;font-weight:550;text-decoration:none;color:var(--ink);white-space:nowrap;transition:color .2s var(--ease)}.nav__link:hover{color:var(--moss)}.nav__link svg{width:13px;height:13px;transition:transform .25s var(--ease)}.nav__item:hover .nav__link svg{transform:rotate(180deg)}.mega{position:absolute;top:100%;inset-inline-start:0;min-width:260px;padding:var(--s5);background:var(--paper);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .22s var(--ease),transform .22s var(--ease),visibility .22s}.nav__item:hover .mega,.nav__item:focus-within .mega{opacity:1;visibility:visible;transform:none}.mega--wide{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:var(--s5) var(--s6);inset-inline-start:50%;transform:translate(-50%) translateY(6px);width:min(90vw,940px)}.nav__item:hover .mega--wide,.nav__item:focus-within .mega--wide{transform:translate(-50%)}[dir=rtl] .mega--wide{transform:translate(50%) translateY(6px)}[dir=rtl] .nav__item:hover .mega--wide{transform:translate(50%)}.mega__title{display:block;margin-bottom:var(--s3);padding-bottom:var(--s2);border-bottom:1px solid var(--line);font-size:var(--fs-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--moss);text-decoration:none}[dir=rtl] .mega__title{letter-spacing:0}.mega__link{display:block;padding:6px 0;font-size:.9rem;color:var(--muted);text-decoration:none;transition:color .15s var(--ease)}.mega__link:hover{color:var(--forest)}@media(max-width:1089px){.nav{display:none}}.hdr__burger{display:none}@media(max-width:1089px){.hdr__burger{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-inline-start:calc(var(--s3) * -1)}.hdr__burger svg{width:22px;height:22px}}.drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;visibility:hidden;pointer-events:none}.drawer.is-open{visibility:visible;pointer-events:auto}.drawer__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#15241e73;opacity:0;transition:opacity .3s var(--ease)}.drawer.is-open .drawer__scrim{opacity:1}.drawer__panel{position:absolute;inset-block:0;inset-inline-start:0;width:min(88vw,400px);background:var(--paper);display:flex;flex-direction:column;transform:translate(-100%);transition:transform .34s var(--ease)}[dir=rtl] .drawer__panel{transform:translate(100%)}.drawer.is-open .drawer__panel{transform:none}.drawer__top{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);padding:var(--s4) var(--s5);border-bottom:1px solid var(--line)}.drawer__body{flex:1;overflow-y:auto;padding:var(--s3) var(--s5) var(--s7)}.drawer__link{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--s4) 0;border-bottom:1px solid var(--line);font-size:1.0625rem;font-weight:550;text-decoration:none;text-align:start}.drawer__link svg{width:15px;height:15px;color:var(--muted);transition:transform .25s var(--ease)}[dir=rtl] .drawer__link svg{transform:scaleX(-1)}.drawer details[open]>.drawer__link svg{transform:rotate(90deg)}[dir=rtl] .drawer details[open]>.drawer__link svg{transform:rotate(90deg) scaleX(-1)}.drawer summary{list-style:none;cursor:pointer}.drawer summary::-webkit-details-marker{display:none}.drawer__sub{padding:var(--s2) 0 var(--s4) var(--s4)}[dir=rtl] .drawer__sub{padding:var(--s2) var(--s4) var(--s4) 0}.drawer__sub a{display:block;padding:var(--s3) 0;font-size:.95rem;color:var(--muted);text-decoration:none}.drawer__foot{padding:var(--s5);border-top:1px solid var(--line);background:var(--bone);display:grid;gap:var(--s3)}.grid{display:grid;gap:clamp(.75rem,.4rem + 1.2vw,1.75rem)}.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:989px){.grid--4{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:749px){.grid--4,.grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}}.pcard{display:flex;flex-direction:column;position:relative}.pcard__media{position:relative;aspect-ratio:1 / 1;border-radius:var(--r);overflow:hidden;background:var(--bone)}.pcard__media img{width:100%;height:100%;object-fit:contain;padding:var(--s3);transition:transform .55s var(--ease)}@media(hover:hover){.pcard:hover .pcard__media img{transform:scale(1.05)}}.pcard__badges{position:absolute;top:var(--s3);inset-inline-start:var(--s3);display:flex;flex-direction:column;gap:var(--s1);align-items:flex-start}.pcard__body{display:flex;flex-direction:column;gap:3px;padding-top:var(--s3)}.pcard__vendor{font-size:var(--fs-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}[dir=rtl] .pcard__vendor{letter-spacing:0}.pcard__title{font-size:.9375rem;font-weight:550;line-height:1.35;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pcard__title:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.pcard__add{position:relative;z-index:1;margin-top:var(--s3);min-height:42px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--paper);font-size:var(--fs-sm);font-weight:600;color:var(--forest);transition:background .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease)}.pcard__add:hover:not([disabled]){background:var(--forest);border-color:var(--forest);color:#fff}.pcard__add[disabled]{opacity:.4;cursor:not-allowed}@media(max-width:749px){.pcard__title{font-size:.875rem}}.hero{position:relative;display:grid;align-items:end;min-height:clamp(460px,66vh,700px);isolation:isolate;overflow:hidden}.hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.hero__media img,.hero__media video{width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(to top,#0f1c17d1,#0f1c1766 45%,#0f1c170d)}.hero__inner{width:min(100% - (var(--gutter) * 2),var(--wrap));margin-inline:auto;padding-block:clamp(2.5rem,1.5rem + 4vw,5rem);color:#fff}.hero__content{max-width:36rem}.hero__eyebrow{display:block;margin-bottom:var(--s3);font-size:var(--fs-xs);font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#fffc}[dir=rtl] .hero__eyebrow{letter-spacing:0}.hero__title{font-size:var(--fs-hero);color:#fff;line-height:1}.hero__text{margin-top:var(--s4);max-width:42ch;font-size:1.0625rem;color:#ffffffe0}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--s3);margin-top:var(--s6)}@media(max-width:599px){.hero__actions .btn{flex:1 1 100%}}.cats{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--s4)}.cat{text-decoration:none;display:block}.cat__media{aspect-ratio:4 / 5;border-radius:var(--r);overflow:hidden;background:var(--bone)}.cat__media img{width:100%;height:100%;object-fit:cover;transition:transform .55s var(--ease)}@media(hover:hover){.cat:hover .cat__media img{transform:scale(1.06)}}.cat__label{display:block;margin-top:var(--s3);font-size:.9375rem;font-weight:600;text-align:center}@media(max-width:989px){.cats{grid-template-columns:repeat(3,1fr)}}@media(max-width:599px){.cats{display:flex;gap:var(--s3);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter)}.cats::-webkit-scrollbar{display:none}.cat{flex:0 0 40%;scroll-snap-align:start}}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(1.75rem,1rem + 4vw,5rem)}.split--flip .split__media{order:2}.split__media{aspect-ratio:5 / 4;border-radius:var(--r-lg);overflow:hidden;background:var(--bone)}.split__media img,.split__media video{width:100%;height:100%;object-fit:cover}.chips{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s5)}.chips li{padding:7px 14px;border:1px solid var(--line);border-radius:999px;background:var(--paper);font-size:var(--fs-sm);font-weight:500}@media(max-width:899px){.split{grid-template-columns:1fr}.split--flip .split__media{order:0}}.feats{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1.5rem,1rem + 2vw,3rem)}.feat__icon{width:30px;height:30px;color:var(--moss)}.feat h3{margin:var(--s4) 0 var(--s2)}.feat p{color:var(--muted);font-size:.9375rem}@media(max-width:749px){.feats{grid-template-columns:repeat(2,1fr)}}.ftr{background:var(--forest);color:#ffffffc7}.ftr__top{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:var(--s6) var(--s5);padding-block:clamp(2.75rem,2rem + 3vw,4.5rem)}.ftr__brand-name{font-family:var(--display);font-size:1.6rem;font-weight:600;color:#fff}.ftr__col-title{display:block;margin-bottom:var(--s4);font-size:var(--fs-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#fff}[dir=rtl] .ftr__col-title{letter-spacing:0}.ftr a{color:inherit;text-decoration:none;transition:color .2s var(--ease)}.ftr a:hover{color:#fff}.ftr li+li{margin-top:10px}.ftr li a{font-size:.9rem}.ftr__contact{display:grid;gap:var(--s3);font-size:.9rem}.ftr__contact div{display:flex;gap:var(--s3);align-items:flex-start}.ftr__contact svg{width:17px;height:17px;flex:0 0 auto;margin-top:2px;opacity:.6}.ftr__social{display:flex;gap:var(--s2);margin-top:var(--s5)}.ftr__social a{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.2);border-radius:50%}.ftr__social a:hover{background:#ffffff1a}.ftr__social svg{width:19px;height:19px}.ftr__bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s4);padding-block:var(--s5);border-top:1px solid rgba(255,255,255,.12);font-size:var(--fs-sm)}.ftr__locale{display:flex;gap:var(--s3);flex-wrap:wrap}.ftr__locale select{min-height:44px;padding:0 var(--s4);border:1px solid rgba(255,255,255,.2);border-radius:var(--r-sm);background:transparent;color:#fff;font-size:var(--fs-sm)}.ftr__locale option{color:var(--ink)}@media(max-width:989px){.ftr__top{grid-template-columns:repeat(2,1fr)}}@media(max-width:599px){.ftr__top{grid-template-columns:1fr;gap:var(--s5)}}.news{max-width:34rem;margin-inline:auto;text-align:center}.news__form{display:flex;gap:var(--s2);margin-top:var(--s5)}.news__form .field{border-color:#ffffff40;background:#ffffff14;color:#fff}.news__form .field::placeholder{color:#ffffff8c}@media(max-width:599px){.news__form{flex-direction:column}}.bar{position:fixed;inset-inline:0;bottom:0;z-index:190;display:none;height:calc(var(--bar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--paper);border-top:1px solid var(--line);transition:transform .3s var(--ease)}.bar.is-hidden{transform:translateY(120%)}.bar__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10px;font-weight:600;text-decoration:none;color:var(--ink);opacity:.6}.bar__item svg{width:22px;height:22px}.bar__item[aria-current=page]{opacity:1;color:var(--forest)}.bar__cart{position:relative;display:block}.bar__count{position:absolute;top:-6px;inset-inline-end:-10px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--forest);color:#fff;font-size:10px;font-weight:700;line-height:17px;text-align:center}.wa{position:fixed;inset-inline-end:var(--s4);bottom:calc(var(--bar-h) + env(safe-area-inset-bottom) + var(--s4));z-index:191;display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:#25d366;color:#fff;box-shadow:var(--shadow);transition:transform .25s var(--ease),opacity .25s var(--ease)}.wa svg{width:27px;height:27px}.wa.is-hidden{opacity:0;transform:translateY(90px);pointer-events:none}@media(max-width:989px){.bar{display:flex}}@media(min-width:990px){.wa{bottom:var(--s5)}}cart-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;visibility:hidden}cart-drawer.active{visibility:visible}cart-drawer .drawer__inner,.cart-drawer__inner{position:absolute;inset-block:0;inset-inline-end:0;width:min(92vw,440px);background:var(--paper);display:flex;flex-direction:column;transform:translate(100%);transition:transform .34s var(--ease)}[dir=rtl] cart-drawer .drawer__inner{transform:translate(-100%)}cart-drawer.active .drawer__inner{transform:none}.cart-item{display:grid;grid-template-columns:76px 1fr;gap:var(--s4);padding-block:var(--s4);border-bottom:1px solid var(--line)}.cart-item img{border-radius:var(--r-sm);background:var(--bone)}.pager{display:flex;justify-content:center;gap:var(--s2);margin-top:var(--s7)}.pager a,.pager span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 var(--s3);border:1px solid var(--line);border-radius:var(--r-sm);font-size:var(--fs-sm);font-weight:600;text-decoration:none}.pager [aria-current]{background:var(--forest);border-color:var(--forest);color:#fff}
/*# sourceMappingURL=/cdn/shop/t/13/assets/petsofy-components.css.map */