/* Waggle & Wash — inner-2026.css (all inner pages) */
.phead{position:relative;overflow:hidden;background:var(--aqua);border-block-end:2px solid var(--ink);padding-block:clamp(40px,6vw,88px) clamp(36px,5vw,72px)}
.phead__in{position:relative}
.phead__copy{position:relative;z-index:1;display:grid;gap:var(--s4);justify-items:start}
.phead__copy .kicker{margin-block-end:0}
.phead h1{max-inline-size:16ch}
.phead--a h1{max-inline-size:22ch;font-size:clamp(2.25rem,1.4rem + 3.6vw,4.25rem)}
.phead--pk h1{font-size:clamp(2.5rem,1.5rem + 4.4vw,4.75rem)}
.phead{overflow-x:clip}
.phead .bubbles{inset-block-start:-70px;inset-inline-end:calc(var(--gutter) * -.4);inline-size:min(380px,70vw);z-index:0}
.phead .meta{color:var(--muted)}
.h-s{font-size:var(--t-h3);margin-block-end:var(--s4)}
.h-c{font-size:var(--t-h3);line-height:1.18}
.crumb{margin-block-end:var(--s2)}
.crumb a{justify-content:flex-start}
.tbl-wrap{position:relative;overflow-x:auto;border-block:2px solid var(--ink);background:var(--card)}
.tbl-wrap:focus-visible{outline-offset:-3px}
.pt{inline-size:100%;border-collapse:collapse;min-inline-size:560px}
.pt caption{caption-side:top;text-align:start;padding:var(--s4);font-family:var(--f-display);font-weight:700;font-size:1.25rem;border-block-end:1px solid var(--line-strong)}
.pt th,.pt td{padding:var(--s3) var(--s4);text-align:start;border-block-end:1px solid var(--line);white-space:nowrap}
.pt thead th{background:var(--paper-2);font-weight:800;font-size:1rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink)}
.pt tbody th{font-family:var(--f-display);font-weight:700;font-size:1.125rem;position:sticky;inset-inline-start:0;background:var(--card);border-inline-end:1px solid var(--line)}
.pt tbody th a{text-decoration:none;display:inline-flex;align-items:center;min-block-size:44px}
.pt tbody th a:hover{color:var(--brand-ink);text-decoration:underline}
.pt td{font-size:1.125rem}
.pt tbody tr:hover td,.pt tbody tr:hover th{background:var(--aqua)}
.pt tbody tr:last-child th,.pt tbody tr:last-child td{border-block-end:0}
.addons{display:grid;gap:var(--s7);margin-block-start:var(--s7)}
.addon-list{list-style:none;padding:0;border-block-start:2px solid var(--ink)}
.addon-list li{display:flex;justify-content:space-between;align-items:center;gap:var(--s4);min-block-size:48px;border-block-end:1px dashed var(--line-strong)}
.addon-list b{font-size:1.25rem}
.addon-note{display:grid;gap:var(--s3);align-content:start;padding:var(--s5);background:var(--sun-soft);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--aqua-2)}
@media (min-width:900px){.addons{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s9);align-items:start}}
.pkl__list{list-style:none;padding:0;display:grid;gap:var(--s8)}
.pkr{display:grid;gap:var(--s5);align-items:center;scroll-margin-top:calc(var(--header) + 24px)}
.pkr__ph{display:block}
.pkr__ph img{inline-size:100%;aspect-ratio:3/2;object-fit:cover}
.pkr__b{display:grid;gap:var(--s4);align-content:center}
.pkr h3 a{text-decoration:none}
.pkr h3 a:hover{color:var(--brand-ink);text-decoration:underline}
.pk__f{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s3) var(--s4);padding-block-start:var(--s2)}
@media (min-width:900px){.pkr{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s8)}.pkr--flip .pkr__ph{order:2}}

.pkd{display:grid;gap:var(--s7);align-items:start}
.pkd__main{display:grid;gap:var(--s5);align-content:start}
.pkd__main .h-s{margin-block-end:0}
.pkd__h2{margin-block-start:var(--s4)}
.sizes{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3)}
.sizes li{display:grid;gap:var(--s1);padding:var(--s4);background:var(--card);border:2px solid var(--ink)}
.sizes__l{font-weight:800;font-size:.9375rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.sizes b{font-size:1.75rem;line-height:1.1}
.sizes .is-off{border-style:dashed;border-color:var(--line-strong);background:transparent}
.sizes .is-off b{font-size:1.125rem;color:var(--muted)}
.pkd__ph img{inline-size:100%;aspect-ratio:3/2;object-fit:cover}
@media (min-width:640px){.sizes{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1000px){.pkd{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--s9)}.pkd__ph{position:sticky;inset-block-start:calc(var(--header) + 24px)}}
.pager{display:grid;gap:var(--s4)}
.pager a{display:grid;gap:var(--s1);padding:var(--s4) var(--s5);background:var(--card);border:2px solid var(--ink);text-decoration:none;min-block-size:44px}
.pager small{font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.875rem}
.pager b{font-family:var(--f-display);font-size:1.375rem;font-weight:700;line-height:1.2}
.pager a:hover{background:var(--aqua)}
.pager a:hover b{color:var(--brand-ink);text-decoration:underline}
@media (min-width:640px){.pager{grid-template-columns:repeat(2,minmax(0,1fr))}.pager a:last-child{text-align:end}}

.exp{display:grid;gap:var(--s7);align-items:start}
.steps{list-style:none;padding:0;display:grid;gap:0;counter-reset:s}
.steps li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:var(--s4);padding-block:var(--s5);border-block-end:1px dashed var(--line-strong)}
.steps li:first-child{border-block-start:3px solid var(--ink)}
.steps__n{display:grid;place-items:center;inline-size:56px;block-size:56px;background:var(--sun);border:2px solid var(--ink);font-size:1.75rem;font-weight:800}
.steps h2{font-size:var(--t-h3);margin-block-end:var(--s2)}
.exp__ph img{inline-size:100%;aspect-ratio:4/3;object-fit:cover}
@media (min-width:1000px){.exp{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:var(--s9)}.exp__ph{position:sticky;inset-block-start:calc(var(--header) + 24px)}}
.tabs__list{display:flex;flex-wrap:wrap;gap:var(--s2);margin-block-end:var(--s4)}
html:not(.js) .tabs__list{display:none}
.tabs__list button{font:800 1rem/1.2 var(--f-sans);min-block-size:48px;padding:var(--s2) var(--s5);border:2px solid var(--ink);background:var(--card);color:var(--ink);border-radius:var(--r);cursor:pointer}
.tabs__list button:hover{background:var(--aqua)}
.tabs__list button[aria-selected=true]{background:var(--brand);border-color:var(--brand);color:#fff}
.tabs__panel{display:grid;gap:var(--s3);padding:var(--s6);background:var(--card);border:2px solid var(--ink);box-shadow:8px 8px 0 var(--aqua-2);margin-block-end:var(--s5)}
.js .tabs__panel{margin-block-end:0}
.js .tabs__h{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tabs__panel .ticks{border-block-start:0}

.areaA{display:grid;gap:var(--s7);align-items:start}
@media (min-width:900px){.areaA{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:var(--s9)}}
.zones{list-style:none;padding:0;display:grid;gap:var(--s4)}
.zone{padding:var(--s5);background:var(--card);border:2px solid var(--ink);border-inline-start-width:12px;display:grid;gap:var(--s2);align-content:start}
.zone h3{font-size:1.375rem}
.zone--core{border-inline-start-color:var(--sun)}
.zone--inner{border-inline-start-color:var(--aqua-2)}
.zone--nearby{border-inline-start-color:var(--brand)}
.zone--outside{border-inline-start-color:var(--line-strong);border-style:dashed;border-inline-start-style:solid}
@media (min-width:700px){.zones{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.zones{grid-template-columns:repeat(4,minmax(0,1fr))}}

.jf{display:grid;gap:var(--s5);align-items:center;margin-block-end:var(--s8)}
.jf__ph img{inline-size:100%;aspect-ratio:3/2;object-fit:cover}
.jf__b{display:grid;gap:var(--s4);justify-items:start}
.jf h2 a{text-decoration:none}
.jf h2 a:hover{color:var(--brand-ink);text-decoration:underline}
@media (min-width:900px){.jf{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--s8)}}
.art{display:grid;gap:var(--s7);align-items:start}
.art__ph img{inline-size:100%;aspect-ratio:3/2;object-fit:cover}
.prose{display:grid;gap:var(--s4);justify-items:start}
.prose p{font-size:1.125rem;max-inline-size:62ch}
.prose h2{font-size:var(--t-h3)}
.prose .sample{font-size:1rem}
@media (min-width:1000px){.art{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--s9)}.art__ph{position:sticky;inset-block-start:calc(var(--header) + 24px)}.art .prose{order:-1}}

.abt{display:grid;gap:var(--s6)}
.abt img{inline-size:100%;object-fit:cover}
.abt__a img,.abt__b img{aspect-ratio:4/5}
.abt__c img{aspect-ratio:3/2}
.facts-cards{list-style:none;padding:0;display:grid;gap:var(--s5)}
.facts-cards li{padding:var(--s6);background:var(--card);border:2px solid var(--ink);box-shadow:8px 8px 0 var(--aqua-2);display:grid;gap:var(--s2);justify-items:start}
.facts-cards h2{font-size:var(--t-h3)}
.ph-val{font-family:var(--f-display);font-size:1.5rem;font-weight:700}
@media (min-width:800px){.abt{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s6) var(--s7)}.abt__c,.facts-cards{grid-column:1/-1}.facts-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s7)}}

.contact{display:grid;gap:var(--s7);align-items:start}
.contact__main .form{max-inline-size:640px}
.contact__side{display:grid;gap:var(--s6)}
.facts--side{grid-template-columns:1fr}
.contact__ph img{inline-size:100%;aspect-ratio:3/2;object-fit:cover}
.form-err{font-size:1rem}
.review{display:grid;gap:var(--s2)}
.review p{color:var(--ink)}
.faq{display:grid;gap:var(--s3);margin-block-start:var(--s5)}
.faq details{background:var(--card);border:2px solid var(--ink)}
.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--s4);min-block-size:56px;padding:var(--s3) var(--s5);font-family:var(--f-display);font-weight:700;font-size:1.25rem;letter-spacing:-.015em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:1.75rem;line-height:1;flex:none;color:var(--brand-ink)}
.faq details[open] summary::after{content:"\2212"}
.faq summary:hover{background:var(--aqua)}
.faq details[open] summary{border-block-end:1px dashed var(--line-strong)}
.faq details p{padding:var(--s4) var(--s5) var(--s5)}
@media (min-width:1000px){.contact{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:var(--s9)}}

/* booking */
.js .book{display:grid;gap:var(--s7);align-items:start}
.book__main{display:grid;gap:var(--s5);align-content:start;min-inline-size:0}
.book__body{display:grid;gap:var(--s5);min-inline-size:0}
.book__body>.field{margin:0}
.progress{block-size:12px;background:var(--aqua-2);border:2px solid var(--ink)}
.progress i{display:block;block-size:100%;background:var(--brand)}
.step-t{font-size:var(--t-h2)}
.book .err.top{padding:var(--s3) var(--s4);border:2px solid var(--danger);background:#fff;border-radius:var(--r)}
.dog{display:grid;gap:var(--s4);padding:var(--s5);background:var(--card);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--aqua-2);min-inline-size:0}
.dog legend{font-family:var(--f-display);font-weight:700;font-size:1.5rem;letter-spacing:-.02em;float:left;inline-size:100%;margin-block-end:var(--s2)}
.dog legend+*{clear:both}
.coats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3)}
.coat{display:grid;padding:0;border:2px solid var(--ink);background:var(--card);color:var(--ink);cursor:pointer;text-align:start;font:inherit}
.coat img{inline-size:100%;aspect-ratio:1/1;object-fit:cover}
.coat span{display:flex;align-items:center;min-block-size:44px;padding:var(--s2) var(--s3);font-family:var(--f-display);font-weight:700;font-size:1.125rem}
.coat:hover{background:var(--aqua)}
.coat[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:#fff}
.coat:focus-visible{outline:3px solid var(--brand);outline-offset:2px}
@media (min-width:640px){.coats{grid-template-columns:repeat(4,minmax(0,1fr))}}
.days,.times{display:flex;flex-wrap:wrap;gap:var(--s2)}
.days button,.times button{font:800 1rem/1.2 var(--f-sans);min-block-size:48px;min-inline-size:48px;padding:var(--s2) var(--s4);border:2px solid var(--ink);background:var(--card);color:var(--ink);border-radius:var(--r);cursor:pointer}
.days button:hover,.times button:hover{background:var(--aqua)}
.days button[aria-pressed=true],.times button[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:#fff}
.addon-pick{display:grid;gap:0}
.book-nav{display:flex;flex-wrap:wrap;gap:var(--s3)}
.book .btn-go{display:none}
@media (min-width:1000px){.book .btn-go{display:inline-flex}.book-bar{display:none!important}}
.sum{padding:var(--s5);background:var(--card);border:2px solid var(--ink);box-shadow:8px 8px 0 var(--aqua-2);display:grid;gap:var(--s3);align-content:start}
.sum h2{font-size:var(--t-h3)}
.sum ul{list-style:none;padding:0;display:grid;gap:var(--s2)}
.sum li{display:flex;justify-content:space-between;gap:var(--s4)}
.sum li.tot{padding-block-start:var(--s3);border-block-start:2px solid var(--ink);font-family:var(--f-display);font-size:1.5rem;font-weight:800}
.sum .num{white-space:nowrap}
@media (min-width:1000px){.js .book:not(.book--done){grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr);gap:var(--s8)}.sum{position:sticky;inset-block-start:calc(var(--header) + 24px)}}
.book-bar{position:sticky;inset-block-end:0;z-index:5;display:flex;gap:var(--s3);padding:var(--s3);margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);background:var(--paper);border-block-start:2px solid var(--ink)}
.book-bar .btn{flex:1}
.reviewbox{display:grid;gap:var(--s2);padding:var(--s5);background:var(--card);border:2px solid var(--ink)}
.reviewbox p{max-inline-size:none}
.conf{padding:var(--s6);background:var(--card);border:2px solid var(--brand);box-shadow:8px 8px 0 var(--sun);display:grid;gap:var(--s4);justify-items:start}
.conf ol{display:grid;gap:var(--s2);padding-inline-start:var(--s5)}
.conf .num{font-size:1.25rem}

.credits{list-style:none;padding:0;display:grid;gap:var(--s4);margin-block-end:var(--s6)}
.credits li{display:grid;grid-template-columns:96px minmax(0,1fr);gap:var(--s4);align-items:center;padding-block:var(--s3);border-block-end:1px dashed var(--line-strong)}
.credits__ph img{inline-size:96px;block-size:96px;object-fit:cover}
.credit-note{margin-block-end:var(--s6);color:var(--muted)}
.nf{padding-block:clamp(48px,7vw,104px);background:var(--aqua);border-block-end:2px solid var(--ink)}
.nf__in{display:grid;gap:var(--s7);align-items:center}
.nf__in>div{display:grid;gap:var(--s5);justify-items:start}
.nf__ph img{inline-size:100%;aspect-ratio:3/2;object-fit:cover}
@media (min-width:900px){.nf__in{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:var(--s9)}}
