/* Pom Paradise: cute cartoon, soft heaven. 1 cream · 2 pink · 3 blue, pastel. */
:root{
  --bg:#fffaf1; --bg2:#fff1f5; --bg3:#eef6ff; --card:#ffffff; --ink:#3d3358; --muted:#6f6688; --line:#f3dfe7;
  --pink:#ffb3cb; --pink-2:#ff9fbf; --pink-soft:#ffe4ed; --pink-deep:#c2457a;
  --blue:#bcdcff; --blue-2:#9cc9fb; --blue-soft:#e3f0ff; --blue-deep:#3f72b5;
  --gold:#ffd97a; --cream:#fff3dd;
  --accent:var(--pink-deep); --accent-soft:var(--pink-soft);
  --wa:#4cc489; --wa-ink:#173d2b;
  --r:24px; --r-sm:16px;
  --shadow:0 2px 4px rgba(61,51,88,.05),0 14px 34px rgba(150,120,190,.14);
  --head:"Fredoka","Nunito",system-ui,sans-serif; --sans:"Nunito",system-ui,-apple-system,"Segoe UI",sans-serif;
  --cloud:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 100'%3E%3Cpath fill='%23fff' d='M38 92a26 26 0 0 1-3-52 34 34 0 0 1 62-18 30 30 0 0 1 52 10 28 28 0 0 1 14 60z'/%3E%3C/svg%3E");
  --spark-p:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23ff9fbf' d='M10 0q1.6 8.4 10 10-8.4 1.6-10 10-1.6-8.4-10-10 8.4-1.6 10-10z'/%3E%3C/svg%3E");
  --spark-b:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%239cc9fb' d='M10 0q1.6 8.4 10 10-8.4 1.6-10 10-1.6-8.4-10-10 8.4-1.6 10-10z'/%3E%3C/svg%3E");
  --spark-g:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23ffd97a' d='M10 0q1.6 8.4 10 10-8.4 1.6-10 10-1.6-8.4-10-10 8.4-1.6 10-10z'/%3E%3C/svg%3E");
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:500 17px/1.7 var(--sans);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--accent);text-underline-offset:3px;text-decoration-thickness:2px}
a:hover{color:#9c2f5d}
h1,h2,h3{font-family:var(--head);font-weight:600;line-height:1.15;letter-spacing:-.005em;margin:0 0 .5em;color:var(--ink)}
h1{font-size:clamp(2.2rem,5vw,3.6rem)}
h2{font-size:clamp(1.6rem,3vw,2.25rem)}
h3{font-size:1.22rem}
p{margin:0 0 1em}
strong{font-weight:800}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.narrow{max-width:780px}
.muted{color:var(--muted)} .small{font-size:.92rem}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;z-index:99;background:#fff;padding:8px 12px;border-radius:10px}
.eyebrow{display:inline-block;font:700 .78rem/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--blue-deep);background:var(--blue-soft);padding:8px 14px;border-radius:999px;margin:0 0 16px}

/* buttons: chunky sticker pills */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 24px;border-radius:999px;font:700 1rem/1.1 var(--sans);text-decoration:none;border:2.5px solid var(--ink);cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s;white-space:nowrap;box-shadow:0 4px 0 var(--ink)}
.btn:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--ink)}
.btn:active{transform:translateY(2px);box-shadow:0 2px 0 var(--ink)}
.btn-primary{background:var(--pink-2);color:var(--ink)}
.btn-primary:hover{background:#ff8db3;color:var(--ink)}
.btn-ghost{background:#fff;color:var(--ink)}
.btn-ghost:hover{background:var(--blue-soft);color:var(--ink)}
.btn-wa{background:var(--wa);color:var(--wa-ink)}.btn-wa:hover{background:#3db77a;color:var(--wa-ink)}
.btn-sm{padding:9px 17px;font-size:.92rem;box-shadow:0 3px 0 var(--ink)}
.btn[disabled]{opacity:.5;cursor:not-allowed;transform:none}

/* header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,250,241,.9);backdrop-filter:saturate(1.4) blur(12px);border-bottom:2px solid var(--line)}
.hdr{display:flex;align-items:center;gap:24px;height:74px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font:600 1.4rem/1 var(--head)}
.brand b{color:var(--pink-deep);font-weight:600;margin-left:4px}
.logo-mark{width:48px;height:48px;flex:none;filter:drop-shadow(0 3px 0 rgba(61,51,88,.12))}
.nav{display:flex;gap:6px;margin-left:auto}
.nav a{color:var(--ink);text-decoration:none;font-weight:700;font-size:.97rem;padding:8px 13px;border-radius:999px}
.nav a:hover{background:var(--pink-soft);color:var(--ink)}
.menu{display:none;margin-left:auto}
.menu summary{list-style:none;cursor:pointer;width:46px;height:46px;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:11px;border-radius:14px;background:var(--pink-soft)}
.menu summary::-webkit-details-marker{display:none}
.menu summary span{display:block;height:2.5px;background:var(--ink);border-radius:2px}
.menu-panel{position:absolute;left:0;right:0;top:74px;background:var(--bg);border-bottom:2px solid var(--line);padding:12px 20px 22px;display:flex;flex-direction:column;gap:4px;box-shadow:var(--shadow)}
.menu-panel a:not(.btn){padding:11px 0;color:var(--ink);text-decoration:none;font-weight:700;border-bottom:1.5px dashed var(--line)}
.menu-panel .btn{margin-top:14px}
@media (max-width:900px){.nav,.hdr-cta{display:none}.menu{display:block}}

/* breadcrumbs */
.crumbs ol{list-style:none;margin:0;padding:16px 20px 0;display:flex;flex-wrap:wrap;gap:6px;font-size:.88rem;color:var(--muted);font-weight:600}
.crumbs li+li::before{content:"✦";margin-right:6px;color:var(--pink-2);font-size:.7em}
.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--accent)}

/* hero: heaven sky with clouds + sparkles */
.hero{position:relative;padding:44px 0 92px;background:
  radial-gradient(60% 70% at 85% 10%,rgba(188,220,255,.75),transparent 70%),
  radial-gradient(55% 60% at 8% 25%,rgba(255,179,203,.45),transparent 70%),
  linear-gradient(180deg,#fff4f8 0%,var(--bg) 100%);overflow:hidden;isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:
  var(--cloud) 3% 70%/170px auto no-repeat,var(--cloud) 46% 6%/120px auto no-repeat,var(--cloud) 97% 58%/150px auto no-repeat,
  var(--spark-p) 40% 78%/18px no-repeat,var(--spark-b) 8% 14%/22px no-repeat,var(--spark-g) 92% 12%/20px no-repeat,var(--spark-b) 55% 92%/14px no-repeat,var(--spark-g) 30% 20%/12px no-repeat;opacity:.95}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:46px;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 46'%3E%3Cg fill='%23fffaf1'%3E%3Ccircle cx='20' cy='52' r='34'/%3E%3Ccircle cx='70' cy='48' r='26'/%3E%3Ccircle cx='118' cy='54' r='36'/%3E%3Ccircle cx='160' cy='50' r='24'/%3E%3C/g%3E%3C/svg%3E") 0 100%/160px 46px repeat-x}
.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center}
.hero .lede{font-size:1.18rem;color:var(--muted);max-width:36em}
.hero-btns{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.hero-img{position:relative}
.hero-img img{border-radius:42% 58% 52% 48% / 46% 44% 56% 54%;border:8px solid #fff;box-shadow:var(--shadow),0 0 0 3px var(--pink-soft);aspect-ratio:4/3.6;object-fit:cover;width:100%}
.hero-img::after{content:"";position:absolute;right:-6px;top:-14px;width:62px;height:62px;background:var(--spark-g) center/100% no-repeat;animation:twinkle 3s ease-in-out infinite}
.hero-sm .hero-img img{aspect-ratio:4/3;border-radius:36px}
.hero-home{padding-top:34px}
.hero-home h1{font-size:clamp(2.5rem,6vw,4.3rem)}
.hero-home h1 em{font-style:normal;color:var(--pink-deep);background:linear-gradient(transparent 62%,var(--blue) 62% 92%,transparent 92%);padding:0 .08em}
.trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px;padding:0;list-style:none;font-size:.92rem;font-weight:700;color:var(--ink)}
.trust li{display:flex;align-items:center;gap:8px;background:#fff;border:2px solid var(--line);padding:6px 13px 6px 8px;border-radius:999px}
.trust li::before{content:"";width:20px;height:20px;border-radius:50%;background:var(--blue-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3 3 7-7' stroke='%233f72b5' stroke-width='2.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") center/13px no-repeat;flex:none}
@keyframes twinkle{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(.75) rotate(20deg)}}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media (max-width:860px){.hero-grid{grid-template-columns:1fr;gap:28px}.hero-img{order:-1}.hero{padding:20px 0 76px}.hero::before{background-size:110px auto,80px auto,100px auto,14px,16px,16px,12px,10px}}

/* sections */
.section{padding:60px 0;position:relative}
.section.tint{background:linear-gradient(180deg,var(--bg3),#f5f0ff)}
.section.tint::before{content:"";position:absolute;left:0;right:0;top:-1px;height:30px;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 30'%3E%3Cg fill='%23fffaf1'%3E%3Ccircle cx='15' cy='-8' r='26'/%3E%3Ccircle cx='60' cy='-12' r='26'/%3E%3Ccircle cx='105' cy='-6' r='24'/%3E%3C/g%3E%3C/svg%3E") 0 0/120px 30px repeat-x}
.section.tint+.section.tint::before{display:none}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px;flex-wrap:wrap}
.section-head p{margin:0;color:var(--muted);max-width:40em}
.grid{display:grid;gap:22px}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:900px){.g3,.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.g2,.g3,.g4{grid-template-columns:1fr}}
.card{background:var(--card);border:2px solid var(--line);border-radius:var(--r);padding:24px;box-shadow:var(--shadow)}
.card h3{margin-bottom:.35em}
.card p:last-child{margin-bottom:0}
a.card{display:block;text-decoration:none;color:inherit;transition:transform .18s,box-shadow .18s,border-color .18s}
a.card:hover{transform:translateY(-4px) rotate(-.4deg);border-color:var(--pink);box-shadow:0 18px 40px rgba(255,140,180,.22)}
.card-img{padding:0;overflow:hidden}
.card-img img{aspect-ratio:4/3;object-fit:cover;width:100%}
.card-img .card-body{padding:18px 20px 20px}
.step-num{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50% 50% 46% 54%;background:var(--pink-soft);color:var(--pink-deep);border:2px solid var(--pink);font:600 1.15rem/1 var(--head);margin-bottom:12px}
.grid .card:nth-child(even) .step-num{background:var(--blue-soft);color:var(--blue-deep);border-color:var(--blue)}
.flag{font-size:1.8rem;line-height:1;margin-bottom:10px;display:inline-grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--cream)}

/* chips & swatches */
.chips{display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:0;list-style:none}
.chip{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;background:var(--card);border:2px solid var(--line);color:var(--ink);text-decoration:none;font-weight:700;font-size:.95rem;transition:background .15s,border-color .15s}
.chip:hover{border-color:var(--pink-2);background:var(--pink-soft);color:var(--ink)}
li:nth-child(3n+2)>.chip:hover{border-color:var(--blue-2);background:var(--blue-soft)}
.sw{width:18px;height:18px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1.5px rgba(61,51,88,.15);flex:none}
.swatch-card{display:flex;align-items:center;gap:14px}
.swatch-card .sw{width:48px;height:48px;border-width:4px}
.tag{display:inline-block;font-size:.74rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:var(--pink-soft);color:#9c2f5d}

/* prose */
.prose{max-width:760px}
.prose h2{margin-top:1.6em}
.prose h3{margin-top:1.3em}
.prose ul,.prose ol{padding-left:1.25em;margin:0 0 1.1em}
.prose li{margin:.3em 0}
.prose li::marker{color:var(--pink-deep)}
.prose table{width:100%;border-collapse:collapse;margin:0 0 1.4em;font-size:.95rem;background:var(--card);border-radius:var(--r-sm);overflow:hidden;border:2px solid var(--line)}
.prose th,.prose td{text-align:left;padding:10px 14px;border-bottom:1.5px solid var(--line)}
.prose th{background:var(--blue-soft);font-weight:800}
.table-scroll{overflow-x:auto}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px;align-items:start}
.aside{position:sticky;top:98px;display:flex;flex-direction:column;gap:18px}
@media (max-width:960px){.layout{grid-template-columns:1fr}.aside{position:static}}
.facts{list-style:none;padding:0;margin:0}
.facts li{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1.5px dashed var(--line);font-size:.94rem}
.facts li:last-child{border:0}
.facts span:first-child{color:var(--muted)}
.facts span:last-child{text-align:right;font-weight:800}
.lead-img img{border-radius:var(--r);border:6px solid #fff;box-shadow:var(--shadow);margin:0 0 28px;aspect-ratio:16/9;object-fit:cover;width:100%}

/* faq */
.faq{background:var(--card);border:2px solid var(--line);border-radius:var(--r-sm);margin-bottom:12px}
.faq summary{cursor:pointer;padding:16px 52px 16px 20px;font-weight:800;list-style:none;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:16px;top:12px;width:28px;height:28px;border-radius:50%;background:var(--pink-soft);display:grid;place-items:center;font:700 1.2rem/1 var(--sans);color:var(--pink-deep)}
.faq[open]{border-color:var(--blue)}
.faq[open] summary::after{content:"–";background:var(--blue-soft);color:var(--blue-deep)}
.faq p{padding:0 20px 18px;margin:0;color:var(--muted)}

/* cta band: pastel sky card */
.cta-band{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:28px;padding:44px;border-radius:36px;background:linear-gradient(120deg,var(--pink) 0%,#ffd3e2 40%,var(--blue) 100%);color:var(--ink);flex-wrap:wrap;border:3px solid #fff;box-shadow:var(--shadow);isolation:isolate}
.cta-band::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--cloud) 104% 120%/180px auto no-repeat,var(--cloud) -4% -30%/130px auto no-repeat,var(--spark-g) 60% 18%/20px no-repeat,var(--spark-b) 36% 86%/14px no-repeat;opacity:.85}
.cta-band h2{color:var(--ink);margin-bottom:.3em}.cta-band p{margin:0;color:#4d4468;max-width:36em}
.cta-btns{display:flex;gap:12px;flex-wrap:wrap}

/* city lists */
.city-list{columns:4 200px;column-gap:24px;padding:0;margin:0;list-style:none}
.city-list li{break-inside:avoid;padding:5px 0}
.city-list a{color:var(--ink);text-decoration:none;font-weight:600}.city-list a:hover{color:var(--accent)}
.city-list a::before{content:"♥ ";color:var(--pink);font-size:.8em}
.region-block{margin-bottom:28px}
.region-block h3 a{color:var(--ink);text-decoration:none}.region-block h3 a:hover{color:var(--accent)}
.count{color:var(--muted);font-size:.85rem;font-weight:600;font-family:var(--sans)}

/* footer: soft sky */
.site-footer{position:relative;background:linear-gradient(180deg,#e1efff 0%,#efe7ff 100%);color:var(--ink);margin-top:70px;padding:64px 0 110px}
.site-footer::before{content:"";position:absolute;left:0;right:0;top:-38px;height:40px;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 40'%3E%3Cg fill='%23e1efff'%3E%3Ccircle cx='20' cy='44' r='30'/%3E%3Ccircle cx='72' cy='40' r='24'/%3E%3Ccircle cx='120' cy='46' r='32'/%3E%3Ccircle cx='160' cy='44' r='22'/%3E%3C/g%3E%3C/svg%3E") 0 100%/160px 40px repeat-x}
.site-footer .brand{color:var(--ink)}
.site-footer h3{color:var(--blue-deep);font:800 .8rem/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px}
.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{padding:4px 0}
.site-footer a{color:var(--ink);text-decoration:none;font-size:.94rem;font-weight:600}.site-footer a:hover{color:var(--pink-deep)}
.site-footer .muted{color:var(--muted);margin-top:14px}
.foot-cta{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding:32px 36px;margin-bottom:44px;background:#fff;border-radius:32px;box-shadow:var(--shadow)}
.foot-cta h2{color:var(--ink);margin-bottom:.2em}.foot-cta p{margin:0;color:var(--muted)}
.foot-cta-btns{display:flex;gap:12px;flex-wrap:wrap}
.foot-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:32px}
@media (max-width:900px){.foot-grid{grid-template-columns:1fr 1fr}.foot-grid>div:first-child{grid-column:1/-1}}
.foot-legal{display:flex;flex-wrap:wrap;gap:18px;margin-top:40px;padding-top:24px;border-top:2px dashed #cfdcf3;font-size:.85rem;color:var(--muted)}
.foot-legal a{font-size:.85rem}
.wa-float{position:fixed;right:18px;bottom:18px;z-index:60;width:60px;height:60px;border-radius:50%;background:var(--wa);color:#fff;display:grid;place-items:center;border:3px solid #fff;box-shadow:0 10px 26px rgba(61,51,88,.25);animation:floaty 4s ease-in-out infinite}
.wa-float svg{width:30px;height:30px}
.wa-float:hover{color:#fff;background:#3db77a}

/* booking */
.booker{background:var(--card);border:2px solid var(--line);border-radius:32px;padding:28px;box-shadow:var(--shadow)}
.booker h2{font-size:1.45rem}
.days{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 12px;scroll-snap-type:x mandatory}
.day{flex:none;scroll-snap-align:start;width:78px;padding:10px 0;border-radius:20px;border:2px solid var(--line);background:var(--bg);text-align:center;cursor:pointer;font:700 .85rem/1.3 var(--sans);color:var(--ink)}
.day b{display:block;font:600 1.4rem/1.2 var(--head)}
.day:hover{border-color:var(--blue-2)}
.day[aria-pressed="true"]{background:var(--blue);border-color:var(--ink);color:var(--ink);box-shadow:0 3px 0 var(--ink)}
.day:disabled{opacity:.4;cursor:not-allowed}
.times{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;margin:14px 0 6px}
.time{padding:11px 0;border-radius:999px;border:2px solid var(--line);background:#fff;cursor:pointer;font:700 .95rem/1 var(--sans);color:var(--ink)}
.time:hover{border-color:var(--pink-2);background:var(--pink-soft)}
.time[aria-pressed="true"]{background:var(--pink-2);border-color:var(--ink)}
.tz-note{font-size:.88rem;color:var(--muted)}
.form{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}
.form .full{grid-column:1/-1}
@media (max-width:600px){.form{grid-template-columns:1fr}}
label{display:block;font-weight:800;font-size:.9rem;margin-bottom:6px}
input,select,textarea{width:100%;padding:12px 16px;border:2px solid var(--line);border-radius:16px;background:#fff;font:500 1rem/1.4 var(--sans);color:var(--ink)}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--pink-2);box-shadow:0 0 0 4px var(--pink-soft)}
.hp{position:absolute;left:-5000px}
.notice{padding:14px 18px;border-radius:16px;background:var(--cream);color:#6b4a12;font-size:.95rem;border:2px solid #ffe7b0}
.notice.ok{background:#e4f7ee;color:#1d5c3c;border-color:#c4ecd7}
.notice.err{background:#ffe6ea;color:#8d2240;border-color:#ffc9d4}
.confirm{text-align:center;padding:12px 0}
.confirm h2{margin-top:6px}
.confirm .cta-btns{justify-content:center;margin-top:20px}

/* tools */
.tool{background:var(--card);border:2px solid var(--line);border-radius:32px;padding:28px;box-shadow:var(--shadow);max-width:640px}
.tool .row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.result{margin-top:18px;padding:20px;border-radius:22px;background:linear-gradient(120deg,var(--pink-soft),var(--blue-soft))}
.result .big{font:600 2.3rem/1.1 var(--head);color:var(--pink-deep)}

/* puppies */
.pup-meta{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0}
.empty{padding:44px;border-radius:36px;background:linear-gradient(120deg,var(--pink-soft),var(--blue-soft));text-align:center;border:3px solid #fff;box-shadow:var(--shadow)}
.empty h2{font-size:1.6rem}
[hidden]{display:none!important}
.hero-book .hero-grid{grid-template-columns:.8fr 1.2fr}
.hero-book h1{font-size:clamp(2rem,4vw,3rem)}
@media (max-width:860px){.hero-book .hero-grid{grid-template-columns:1fr}}
.hero-grid>*,.layout>*{min-width:0}