@media(min-width:1024px){.hdr .wrap{grid-template-columns:auto minmax(260px,680px) 1fr;gap:28px}.pet-left{margin-right:6px}.hdr .wrap .acts{justify-self:end}.hdr .wrap .pet-tog.dk{margin-left:0}}.pet-left{display:flex;align-items:center;gap:22px;min-width:0}.pet-tog{position:relative;display:inline-flex;flex:0 0 auto;border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:2px;background:#ffffff0f;margin-left:18px;align-self:center}.pet-tog button{border:0;background:transparent;color:#ffffffc7;font:500 13px/1 var(--sans,"Figtree",Arial,sans-serif);padding:7px 15px;border-radius:999px;cursor:pointer;transition:background .2s,color .2s}.pet-tog button.on{background:var(--lime,#DFE43A);color:var(--teal,#0F4C48);font-weight:600}.pet-tog button:not(.on):hover{color:#fff;background:#ffffff1f}.pet-tog button:focus-visible{outline:2px solid var(--lime,#DFE43A);outline-offset:2px}.pet-new{position:absolute;top:-8px;right:-2px;background:var(--lime,#DFE43A);color:var(--teal,#0F4C48);font:700 8.5px/1 var(--sans,"Figtree",Arial,sans-serif);letter-spacing:.07em;padding:2px 5px;border-radius:5px;pointer-events:none}.pet-drawer,.pet-tog.mh{display:none}@media(max-width:1023px){.pet-tog.dk{display:none}.mhdr .wrap{display:flex!important;align-items:center;gap:8px}.mhdr .wm{justify-self:auto;padding:6px 4px;margin-right:auto;flex:0 1 auto;min-width:0}.mhdr .wm img{height:30px!important;width:auto}.mhdr .macts{flex:0 0 auto;gap:0}.pet-tog.mh{display:inline-flex;margin:0;padding:2px;flex:0 0 auto}.pet-tog.mh button{padding:6px 11px;font-size:12.5px}.pet-tog.mh .pet-new{top:-8px;right:-3px}}@media(max-width:370px){.pet-tog.mh button{padding:6px 8px;font-size:12px}.mhdr .wm img{height:26px!important}}#pet-pop{position:fixed;left:50%;bottom:20px;z-index:2147483000;transform:translate(-50%,170%);width:calc(100% - 32px);max-width:640px;background:#fff;color:#0e2a28;border:1px solid #E3E8E6;border-radius:18px;box-shadow:0 14px 40px #00000047;padding:16px 44px 16px 20px;display:flex;align-items:center;gap:16px;transition:transform .5s cubic-bezier(.2,.8,.2,1);font-family:var(--sans,"Figtree",Arial,sans-serif)}#pet-pop.show{transform:translate(-50%)}#pet-pop .pp-t{flex:1;font:500 15.5px/1.4 var(--sans,"Figtree",Arial,sans-serif)}#pet-pop .pp-t b{display:block;font:700 18px/1.25 var(--serif,"Domine",Georgia,serif);color:var(--teal,#0F4C48);margin-bottom:2px}#pet-pop .pp-b{display:flex;gap:8px;flex:0 0 auto}#pet-pop .pp-b button{border:0;border-radius:999px;padding:11px 18px;font:700 15px/1 var(--sans,"Figtree",Arial,sans-serif);background:#f3f6f1;color:var(--teal,#0F4C48);cursor:pointer}#pet-pop .pp-b button.y{background:var(--teal,#0F4C48);color:#fff}#pet-pop .pp-x{position:absolute;top:8px;right:10px;border:0;background:transparent;color:#4b5e5b;font-size:24px;line-height:1;padding:4px 6px;cursor:pointer}@media(max-width:767px){#pet-pop{left:0;right:0;bottom:0;width:100%;max-width:none;transform:translateY(110%);border-radius:22px 22px 0 0;flex-wrap:wrap;padding:18px 44px 22px 18px}#pet-pop.show{transform:none}#pet-pop .pp-b{width:100%}#pet-pop .pp-b button{flex:1}}html[data-pet=cat] #hero{background:linear-gradient(135deg,#0f4c48,#1f6b55 85%,#2f7a62)}.pet-other{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;background:#e1ebdd;color:#0f4c48;font:600 11.5px/1.4 var(--sans,Figtree,Arial,sans-serif);font-style:normal;vertical-align:1px}.bg-chips[hidden]{display:none!important}body:has(#PBarNextFrame) #pet-pop{bottom:84px}@media(max-width:767px){body:has(#PBarNextFrame) #pet-pop{bottom:76px;border-radius:22px}}@media(max-width:640px){html[data-pet=cat] .shop-sec .sec-h{flex-direction:row;align-items:baseline;justify-content:space-between;flex-wrap:nowrap;gap:12px}html[data-pet=cat] .shop-sec .sec-h p{display:none}html[data-pet=cat] .shop-sec .sec-h .sec-r{width:auto}html[data-pet=cat] .shop-sec .sec-h .all{width:auto;white-space:nowrap}html[data-pet=cat] .shop-sec .sec-h h2{white-space:nowrap}}.hq .hq-intro .hq-intro-l{gap:14px 28px!important;max-width:760px;align-items:center!important}.hq .hq-intro .hq-intro-t p{flex:1 1 100%!important;max-width:none!important;margin:0 0 6px!important}.hq .hq-intro .hq-go{flex:0 0 auto!important;width:auto!important;margin:0!important}.hq .hq-intro a.hq-hc{flex:0 1 auto!important;min-height:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;white-space:normal;gap:6px;align-items:baseline}.hq .hq-intro a.hq-hc:hover{background:transparent!important;color:#fff!important}.hq .hq-intro .hq-hc b{font:500 15px/1.3 var(--sans,"Figtree",Arial,sans-serif)!important;opacity:.82}.hq .hq-intro .hq-hc span{font:600 15px/1.3 var(--sans,"Figtree",Arial,sans-serif)!important;opacity:1;text-decoration:underline!important;text-underline-offset:3px}@media(max-width:599px){.hq .hq-intro .hq-intro-l{gap:12px!important;justify-content:center!important}.hq .hq-intro .hq-go{flex:1 1 100%!important;width:100%!important;max-width:none!important}.hq .hq-intro a.hq-hc{flex:1 1 100%!important;justify-content:center;text-align:center;padding:2px 0!important;min-height:0!important;flex-wrap:wrap}}html[data-pet=cat] :is(.c3-area,.c3-acard,.c3-cond) .c3-ph,html[data-pet=cat] .c3-ph-cond,html[data-pet=cat] :is(.sy-area,.sy-acard,.sy-sym) .sy-ph,html[data-pet=cat] .sy-ph-sym{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/8/assets/pet.css.map */
