/* PetBuy 2026 frame: header, footer, homepage, legal pages, and a refresh of the shared product cards.
   Every new class starts with pb- so the old stylesheets (petbuy.css, media.css) keep working for inner pages. */
:root{
  --pb-ground:#FBF9F6;
  --pb-surface:#FFFFFF;
  --pb-ink:#16120E;
  --pb-muted:#6B635B;
  --pb-line:#ECE6DE;
  --pb-sun:#F28A0F;
  --pb-sun-deep:#B86200;
  --pb-sun-soft:#FFF0DD;
  --pb-night:#16120E;
  --pb-night-ink:#FBF9F6;
  --pb-display:"Rubik","Assistant",Arial,sans-serif;
  --pb-body:"Assistant","Segoe UI",Arial,sans-serif;
  color-scheme:light;
}
html{direction:rtl}
body.pb{background:var(--pb-ground)!important;color:var(--pb-ink);font-family:var(--pb-body);margin:0;-webkit-font-smoothing:antialiased}
.pb *,.pb *::before,.pb *::after{box-sizing:border-box}
.pb-wrap{max-width:1220px;margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.pb a{text-decoration:none}
.pb :focus-visible{outline:3px solid var(--pb-sun);outline-offset:3px;border-radius:8px}
.pb-skip{position:absolute;inset-inline-start:12px;top:-60px;background:var(--pb-ink);color:#fff!important;padding:10px 16px;border-radius:10px;z-index:1000;font-weight:700}
.pb-skip:focus{top:12px}
.pb-num{font-variant-numeric:tabular-nums}
.pb-btn{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:999px;padding:13px 24px;font:800 16px var(--pb-body);cursor:pointer;transition:transform .2s;line-height:1.2}
.pb-btn:hover{transform:translateY(-2px)}
.pb-btn.sun{background:var(--pb-sun);color:#16120E!important}
.pb-btn.dark{background:#16120E;color:#FBF9F6!important}
.pb-btn.line{background:transparent;color:inherit!important;box-shadow:inset 0 0 0 2px currentColor}

/* ---------- top strip */
.pb-strip{background:var(--pb-night);color:var(--pb-night-ink);font-size:14px}
.pb-strip .pb-wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:7px;flex-wrap:wrap}
.pb-strip a{color:var(--pb-night-ink)!important;opacity:.9}
.pb-strip a:hover{opacity:1;color:var(--pb-sun)!important}
.pb-strip b{color:var(--pb-sun)}
.pb-strip nav{display:flex;gap:18px;flex-wrap:wrap}

/* ---------- header */
.pb-header{position:sticky;top:0;z-index:900;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--pb-line)}
.pb-header .pb-row{display:flex;align-items:center;gap:22px;padding-block:10px}
.pb-logo{display:flex;align-items:center;gap:12px;flex:none}
.pb-logo img{width:64px;height:auto;filter:drop-shadow(0 3px 6px rgba(0,0,0,.18))}
.pb-logo span{font-size:13px;font-weight:700;color:var(--pb-muted);line-height:1.2;max-width:8em}
.pb-find{flex:1;display:flex;align-items:center;gap:8px;background:var(--pb-ground);border:1.5px solid var(--pb-line);border-radius:999px;padding:3px 6px 3px 16px;min-width:0;max-width:520px;margin-inline:auto}
.pb-find:focus-within{border-color:var(--pb-sun)}
.pb-find svg{width:18px;height:18px;color:var(--pb-muted);flex:none;margin-inline-start:10px}
.pb .pb-find input{flex:1;min-width:0;border:0!important;background:none!important;font:16px var(--pb-body)!important;color:var(--pb-ink);padding:9px 0!important;outline:none;height:auto!important;width:auto!important;box-shadow:none!important}
.pb-find button{border:0;background:var(--pb-ink);color:#fff;border-radius:999px;padding:8px 18px;font:700 15px var(--pb-body);cursor:pointer}
.pb-acts{display:flex;align-items:center;gap:8px;flex:none}
.pb-act{display:flex;align-items:center;gap:8px;border:1.5px solid var(--pb-line);background:var(--pb-surface);color:var(--pb-ink)!important;border-radius:999px;padding:8px 14px;font:700 15px var(--pb-body);white-space:nowrap}
.pb-act:hover{border-color:var(--pb-sun)}
.pb-act svg{width:20px;height:20px;flex:none}
.pb-cart{position:relative;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--pb-ink);color:#fff!important;flex:none}
.pb-cart svg{width:22px;height:22px}
.pb-cart b{position:absolute;top:-4px;inset-inline-end:-4px;background:var(--pb-sun);color:#16120E;font-size:12px;min-width:22px;height:22px;padding:0 5px;border-radius:999px;display:grid;place-items:center;border:2px solid #fff;font-family:var(--pb-body)}
.pb-burger{display:none;border:0;background:none;padding:8px;cursor:pointer;color:var(--pb-ink)}
.pb-burger svg{width:26px;height:26px}

/* category bar (from the store's own category tables) */
.pb-cats{border-top:1px solid var(--pb-line)}
.pb-cats>.pb-wrap>ul{display:flex;gap:2px;list-style:none;margin:0;padding:0;overflow-x:auto;scrollbar-width:none}
.pb-cats>.pb-wrap>ul::-webkit-scrollbar{display:none}
.pb-cats li{list-style:none;position:static;float:none!important}
.pb-cats .pb-cat{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;font:700 15px var(--pb-body);color:var(--pb-ink)!important;white-space:nowrap}
.pb-cats .pb-cat img{width:26px;height:26px;object-fit:contain;border-radius:50%;background:var(--pb-sun-soft)}
.pb-cats .pb-cat:hover,.pb-cats li:focus-within>.pb-cat{background:var(--pb-sun-soft)}
.pb-cats .pb-sep{width:1px;background:var(--pb-line);margin:8px 6px;flex:none}
.pb-mega{display:none;position:absolute;inset-inline:0;top:100%;background:var(--pb-surface);border-bottom:1px solid var(--pb-line);box-shadow:0 30px 60px -30px rgba(40,20,0,.35)}
.pb-cats li:hover>.pb-mega,.pb-cats li:focus-within>.pb-mega{display:block}
.pb-mega .pb-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;padding-block:22px 26px}
.pb-mega ul{columns:3;column-gap:28px;list-style:none;margin:0;padding:0}
.pb-mega li{break-inside:avoid}
.pb-mega li a{display:block;padding:5px 0;color:var(--pb-ink)!important;font-size:15px}
.pb-mega li a:hover{color:var(--pb-sun-deep)!important}
.pb-mega .pb-pics{display:flex;gap:10px}
.pb-mega .pb-pics img{width:150px;height:auto;border-radius:14px}

/* ---------- content frame for the existing inner pages */
.pb .container.pb-content{width:auto;max-width:1000px;background:transparent;min-height:400px;padding-block:24px;display:flow-root}
.pb .container.pb-content::after{content:"";display:block;clear:both}
.pb-home .container.pb-content{max-width:none;padding:0}
#CartIframe{position:absolute;width:1px;height:1px;border:0;opacity:0;pointer-events:none}

/* ---------- shared product cards (SearchProduct, AllDeals, Articles, ProductCard …) */
.pb .saleProduct{background:var(--pb-surface)!important;border:1px solid var(--pb-line)!important;border-radius:22px!important;box-shadow:none!important;transition:transform .25s,box-shadow .25s}
.pb .saleProduct:hover{transform:translateY(-3px);box-shadow:0 22px 44px -26px rgba(60,30,0,.35)!important}
.pb .saleProduct .saleStrip{display:none!important}
.pb .saleProduct .saleImg img{object-fit:contain}
.pb .saleProduct>span[id^="prod_name_"]{font:700 15px/1.35 var(--pb-body)!important;color:var(--pb-ink)!important}
.pb .salePrice .priceApprove{color:var(--pb-ink)!important;font:800 22px var(--pb-display)!important}
.pb .salePrice .priceDenied{color:var(--pb-muted)!important}
.pb .saleProduct a.info{color:var(--pb-sun-deep)!important;border-color:var(--pb-line)!important;border-radius:999px!important}
.pb .container h1,.pb .container h2{font-family:var(--pb-display)}

/* ---------- homepage */
.pb-hero{background:var(--pb-night);color:var(--pb-night-ink);overflow:hidden}
.pb-hero .pb-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:center;padding-block:52px 60px}
.pb-kicker{display:inline-flex;align-items:center;gap:10px;font-weight:700;color:var(--pb-sun);font-size:16px}
.pb-kicker::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--pb-sun)}
.pb-hero h1{font:900 clamp(48px,6.8vw,100px)/.95 var(--pb-display);letter-spacing:-.02em;margin:16px 0 0;color:var(--pb-night-ink);text-wrap:balance}
.pb-hero h1 span{color:var(--pb-sun);display:block}
.pb-hero p{font-size:20px;line-height:1.55;opacity:.8;max-width:27em;margin:22px 0 30px}
.pb-ctas{display:flex;gap:12px;flex-wrap:wrap}
.pb-hero .pb-btn.line{color:var(--pb-night-ink)!important}
.pb-stage{position:relative;aspect-ratio:1;width:min(100%,520px);justify-self:center}
.pb-disc{position:absolute;inset:6%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#FFB04A,var(--pb-sun) 55%,#E07800);overflow:hidden;animation:pb-rise 1s cubic-bezier(.2,.8,.2,1) both}
@keyframes pb-rise{from{transform:translateY(24px) scale(.94)}to{transform:none}}
.pb-disc img{position:absolute;bottom:-1%;left:50%;height:98%;width:auto;max-width:none;transform:translateX(-50%);filter:grayscale(1) contrast(1.6) brightness(1.18);mix-blend-mode:multiply}
.pb-sticker{position:absolute;background:#fff;border-radius:22px;padding:10px;box-shadow:0 0 0 5px #fff,0 18px 40px rgba(0,0,0,.45);width:31%;display:grid;gap:4px;color:#16120E!important;transition:transform .35s}
.pb-sticker img{width:100%;aspect-ratio:1;object-fit:contain}
.pb-sticker b{font:800 18px var(--pb-display);text-align:center}
.pb-sticker b s{font:600 13px var(--pb-body);color:#8A8077;margin-inline-start:6px}
.pb-st1{top:2%;inset-inline-start:-2%;transform:rotate(-7deg)}
.pb-st2{bottom:2%;inset-inline-end:-3%;transform:rotate(6deg)}
.pb-sticker:hover{transform:rotate(0) scale(1.05)}
.pb-badge{position:absolute;top:8%;inset-inline-end:2%;width:26%;aspect-ratio:1;border-radius:50%;background:var(--pb-night-ink);color:#16120E!important;display:grid;place-content:center;text-align:center;font:900 clamp(20px,2.5vw,32px)/1 var(--pb-display);transform:rotate(10deg);box-shadow:0 12px 30px rgba(0,0,0,.4)}
.pb-badge small{font:700 clamp(11px,1.2vw,14px) var(--pb-body);display:block;margin-bottom:4px}

.pb-perks{background:var(--pb-surface);border-bottom:1px solid var(--pb-line)}
.pb-perks .pb-wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-block:18px}
.pb-perk{display:flex;align-items:center;gap:12px;font-weight:700;font-size:16px}
.pb-perk i{flex:none;width:42px;height:42px;border-radius:50%;background:var(--pb-sun-soft);display:grid;place-items:center;color:var(--pb-sun-deep)}
.pb-perk i svg{width:22px;height:22px}
.pb-perk span{display:block;font-weight:500;color:var(--pb-muted);font-size:14px}

.pb-blk{padding-block:64px}
.pb-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:28px;flex-wrap:wrap}
.pb-head h2{font:900 clamp(32px,4.2vw,54px)/1 var(--pb-display);letter-spacing:-.015em;margin:0;color:var(--pb-ink)}
.pb-head h2 em{font-style:normal;color:var(--pb-sun)}
.pb-head a{font-weight:800;color:var(--pb-sun-deep)!important}

.pb-pets{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.pb-pet{display:grid;justify-items:center;gap:12px;text-align:center;color:var(--pb-ink)!important}
.pb-pet .pb-d{width:100%;aspect-ratio:1;border-radius:50%;background:var(--pb-sun-soft);display:grid;place-items:center;overflow:hidden;transition:background .3s}
.pb-pet:hover .pb-d{background:var(--pb-sun)}
.pb-pet .pb-d img{width:66%;height:66%;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s}
.pb-pet:hover .pb-d img{transform:translateY(-6px) rotate(-4deg)}
.pb-pet b{font:800 18px var(--pb-display)}

.pb-deals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.pb-card{display:grid;grid-template-rows:auto 1fr auto auto;gap:10px;background:var(--pb-surface);border-radius:26px;padding:12px 12px 16px;border:1px solid var(--pb-line);transition:transform .3s,box-shadow .3s;position:relative}
.pb-card:hover{transform:translateY(-4px);box-shadow:0 24px 50px -24px rgba(60,30,0,.35)}
.pb-card .pb-ph{position:relative;aspect-ratio:1;border-radius:18px;background:#fff;display:grid;place-items:center;overflow:hidden;cursor:pointer}
.pb-card .pb-ph::before{content:"";position:absolute;width:74%;aspect-ratio:1;border-radius:50%;background:var(--pb-sun-soft)}
.pb-card .pb-ph img{position:relative;width:80%;height:80%;object-fit:contain;mix-blend-mode:multiply;transition:transform .35s}
.pb-card:hover .pb-ph img{transform:scale(1.06)}
.pb-card .pb-off{position:absolute;top:10px;inset-inline-end:10px;background:var(--pb-ink);color:#fff;font-weight:800;font-size:13px;border-radius:999px;padding:4px 10px;z-index:1}
.pb-card h3{font:700 16px/1.35 var(--pb-body);margin:0;padding-inline:6px;color:var(--pb-ink);cursor:pointer}
.pb-card .pb-pr{padding-inline:6px}
.pb-card .pb-pr b{font:800 26px var(--pb-display)}
.pb-card .pb-pr s{color:var(--pb-muted);font-size:14px;margin-inline-start:6px}
.pb-card .pb-buy{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-inline:6px}
.pb-qty{display:flex;align-items:center;border:1.5px solid var(--pb-line);border-radius:999px;overflow:hidden}
.pb-qty button{border:0;background:none;width:34px;height:38px;font:700 18px var(--pb-body);cursor:pointer;color:var(--pb-ink)}
.pb .pb-qty input{width:34px!important;height:38px!important;border:0!important;text-align:center;font:700 16px var(--pb-body)!important;background:none!important;padding:0!important}
.pb-add{border:0;background:var(--pb-sun);color:#16120E;border-radius:999px;padding:10px 18px;font:800 15px var(--pb-body);cursor:pointer;white-space:nowrap}
.pb-add:hover{background:#FF9A26}
.pb-add.in{background:var(--pb-ink);color:#fff}
.pb-card .pb-more{font-weight:700;color:var(--pb-sun-deep)!important;font-size:14px;padding-inline:6px}
.pb-incart{font-size:13px;color:var(--pb-muted);padding-inline:6px}

.pb-stories{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:20px}
.pb-story{position:relative;border-radius:30px;overflow:hidden;min-height:340px;display:flex;align-items:flex-end;color:#fff!important;isolation:isolate}
.pb-story img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .8s}
.pb-story:hover img{transform:scale(1.04)}
.pb-story::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(22,18,14,.88),rgba(22,18,14,.15) 60%,transparent)}
.pb-story div{padding:30px;display:grid;gap:8px}
.pb-story h3{font:900 clamp(26px,3vw,38px)/1.05 var(--pb-display);margin:0;color:#fff}
.pb-story p{margin:0;opacity:.88;max-width:26em;font-size:16px;line-height:1.5}
.pb-tag{justify-self:start;background:var(--pb-sun);color:#16120E;border-radius:999px;padding:4px 12px;font-weight:800;font-size:14px}

.pb-reads{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.pb-read{display:grid;grid-template-rows:auto auto 1fr;gap:10px;color:var(--pb-ink)!important}
.pb-read img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:20px;background:var(--pb-sun-soft)}
.pb-read h3{font:800 20px/1.25 var(--pb-display);margin:0}
.pb-read p{margin:0;color:var(--pb-muted);font-size:15px;line-height:1.5}
.pb-read:hover h3{color:var(--pb-sun-deep)}

.pb-store{background:var(--pb-sun);color:#16120E;border-radius:36px;padding:48px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:32px;align-items:center;position:relative;overflow:hidden}
.pb-store::after{content:"";position:absolute;width:520px;aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.14);inset:-180px auto auto -140px}
.pb-store>*{position:relative;z-index:1}
.pb-store .pb-k{font-weight:800;opacity:.75}
.pb-store h2{font:900 clamp(38px,5vw,66px)/.98 var(--pb-display);letter-spacing:-.02em;margin:8px 0 20px;color:#16120E}
.pb-store dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 22px;margin:0 0 28px;font-size:18px}
.pb-store dt{opacity:.7;font-weight:600}
.pb-store dd{margin:0;font-weight:800}
.pb-store .pb-btn.line{color:#16120E!important}
.pb-store dd a{color:#16120E!important}
.pb-mascot{justify-self:center;width:min(100%,300px);aspect-ratio:1;border-radius:50%;background:#FBF9F6;display:grid;place-items:center;box-shadow:0 30px 60px -20px rgba(60,25,0,.5);transform:rotate(-6deg)}
.pb-mascot img{width:72%;height:auto}

/* ---------- legal pages */
.pb-doc{max-width:760px;margin-inline:auto;padding-block:40px 64px;font-size:17px;line-height:1.7;color:var(--pb-ink)}
.pb-doc h1{font:900 clamp(34px,4.4vw,52px)/1.05 var(--pb-display);margin:0 0 8px}
.pb-doc .pb-updated{color:var(--pb-muted);margin:0 0 28px}
.pb-doc h2{font:800 22px/1.3 var(--pb-display);margin:34px 0 10px}
.pb-doc p,.pb-doc li{margin:0 0 12px}
.pb-doc ul{padding-inline-start:22px;margin:0 0 12px}
.pb-doc ul li{list-style:disc;float:none}
.pb-doc a{color:var(--pb-sun-deep)!important;text-decoration:underline}
.pb-doc table{width:100%;border-collapse:collapse;margin:8px 0 16px;font-size:15px}
.pb-doc th,.pb-doc td{border:1px solid var(--pb-line);padding:8px 10px;text-align:start;vertical-align:top}
.pb-doc th{background:var(--pb-sun-soft)}
.pb-doc .pb-box{background:var(--pb-surface);border:1px solid var(--pb-line);border-radius:18px;padding:18px 20px;margin:18px 0}

/* ---------- SEO text + footer */
.pb-seo{color:var(--pb-muted);font-size:13px;line-height:1.6;padding-block:28px}
.pb-seo a{color:var(--pb-muted)!important}
.pb-footer{background:var(--pb-night);color:var(--pb-night-ink);margin-top:48px}
.pb-footer .pb-cols{display:grid;grid-template-columns:1.4fr repeat(3,minmax(0,1fr));gap:32px;padding-block:52px 28px}
.pb-footer img.pb-flogo{width:84px;height:auto}
.pb-footer p{opacity:.75;max-width:24em;line-height:1.6;margin:12px 0}
.pb-footer h4{margin:0 0 12px;color:var(--pb-sun);font:800 15px var(--pb-body)}
.pb-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.pb-footer li{float:none}
.pb-footer a,.pb-footer button.pb-linkbtn{color:var(--pb-night-ink)!important;opacity:.85;font:15px var(--pb-body);background:none;border:0;padding:0;cursor:pointer;text-align:start}
.pb-footer a:hover,.pb-footer button.pb-linkbtn:hover{opacity:1;color:var(--pb-sun)!important}
.pb-legal{border-top:1px solid rgba(255,255,255,.12);padding-block:20px;display:flex;gap:10px 22px;flex-wrap:wrap;font-size:14px;opacity:.65}

/* ---------- cookie consent */
.pb-consent{position:fixed;z-index:2000;inset-inline:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));max-width:560px;margin-inline-start:auto;background:var(--pb-surface);color:var(--pb-ink);border:1px solid var(--pb-line);border-radius:22px;box-shadow:0 30px 70px -20px rgba(0,0,0,.45);padding:20px 22px;font:15px/1.55 var(--pb-body);direction:rtl}
.pb-consent h2{font:800 18px var(--pb-display);margin:0 0 6px}
.pb-consent p{margin:0 0 14px;color:var(--pb-muted)}
.pb-consent p a{color:var(--pb-sun-deep)!important;text-decoration:underline}
.pb-consent .pb-row2{display:flex;gap:8px;flex-wrap:wrap}
.pb-consent .pb-btn{padding:10px 18px;font-size:15px}
.pb-consent fieldset{border:0;padding:0;margin:0 0 14px;display:grid;gap:10px}
.pb-consent label{display:flex;gap:10px;align-items:flex-start;cursor:pointer}
.pb-consent label input{margin-top:5px;width:18px;height:18px;accent-color:var(--pb-sun)}
.pb-consent label span{display:block;color:var(--pb-muted);font-size:14px}

@media (max-width:1040px){
  .pb-hero .pb-wrap{grid-template-columns:minmax(0,1fr)}
  .pb-stage{width:min(100%,440px)}
  .pb-pets{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pb-deals{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pb-stories,.pb-store{grid-template-columns:minmax(0,1fr)}
  .pb-reads{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pb-footer .pb-cols{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pb-act .pb-lbl{display:none}
}
@media (max-width:760px){
  .pb-strip nav{display:none}
  .pb-header .pb-row{flex-wrap:wrap;gap:10px 12px}
  .pb-logo img{width:50px}
  .pb-logo span{display:none}
  .pb-find{order:3;flex-basis:100%;max-width:none}
  .pb-acts{margin-inline-start:auto}
  .pb-burger{display:block}
  .pb-cats{display:none}
  .pb-cats.open{display:block;max-height:70vh;overflow:auto}
  .pb-cats.open>.pb-wrap>ul{flex-direction:column;overflow:visible}
  .pb-cats .pb-sep{width:auto;height:1px;margin:6px 0}
  .pb-mega{position:static;box-shadow:none;border:0}
  .pb-cats li:hover>.pb-mega,.pb-cats li:focus-within>.pb-mega{display:none}
  .pb-perks .pb-wrap{grid-template-columns:minmax(0,1fr)}
  .pb-blk{padding-block:48px}
  .pb-hero .pb-wrap{padding-block:34px 40px}
  .pb-hero p{font-size:18px}
  .pb-deals{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .pb-card{border-radius:20px;padding:8px 8px 12px}
  .pb-card h3{font-size:14px}
  .pb-card .pb-pr b{font-size:21px}
  .pb-card .pb-pr s{display:block;margin:0}
  .pb-card .pb-buy{flex-direction:column;align-items:stretch}
  .pb-qty{justify-content:space-between}
  .pb-reads{grid-template-columns:minmax(0,1fr)}
  .pb-pet b{font-size:15px}
  .pb-pets{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pb-story{min-height:260px}
  .pb-story div{padding:22px}
  .pb-store{padding:28px;border-radius:28px}
  .pb-mascot{width:180px}
  .pb-footer .pb-cols{grid-template-columns:minmax(0,1fr)}
  .pb .container.pb-content{width:auto}
}
@media (prefers-reduced-motion:reduce){.pb *{animation:none!important;transition:none!important}}