/* Little Orchard — inner-2026.css: listings, product pages, finder, birthday list, size guide, about, contact, credits */
.section--list .material:first-child{margin-block-end:var(--s4)}
#listing>.material{margin-block-end:var(--s4);font-weight:600}
/* product page */
.section--product{padding-block-start:var(--s4)}
.product-layout{display:grid;gap:var(--s6);align-items:start}
@media (min-width:900px){.product-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s8)}.product-art{position:sticky;inset-block-start:calc(var(--header) + var(--s5))}}
.product-art{position:relative;display:grid;place-items:center;aspect-ratio:1;border:1px solid var(--line)}
.product-art .art-visual{inline-size:68%}
.art-note{position:absolute;inset-block-end:var(--s3);inset-inline-start:var(--s3);padding:var(--s1) var(--s3);background:var(--surface);border:1px dashed var(--line-strong);font-size:var(--t-label);color:var(--muted)}
.product-info{display:flex;flex-direction:column;gap:var(--s3)}
.product-info h1{font-size:clamp(2.25rem,1.7rem + 2vw,3.5rem)}
.product-info .price{font-size:1.75rem}
.pick{display:grid;gap:var(--s4);padding:var(--s5);background:var(--surface);border:1px solid var(--line);outline:2px dashed var(--stitch);outline-offset:-8px}
.pick-row{display:grid;gap:var(--s2)}
.pick-l{font-weight:700;font-size:var(--t-label);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.pick .card-actions{margin-block-start:0}
.acc{border-block:1px solid var(--line-strong);margin-block-start:var(--s3)}
.acc summary{display:flex;justify-content:space-between;align-items:center;min-block-size:56px;cursor:pointer;font-family:var(--f-display);font-weight:600;font-size:1.25rem;list-style:none}
.acc summary::-webkit-details-marker{display:none}
.acc summary::after{content:"+";font-family:var(--f-body);font-size:1.5rem;font-weight:400}
.acc[open] summary::after{content:"–"}
.prose-s{display:grid;gap:var(--s3);padding-block-end:var(--s5)}
/* gift finder */
.finder-w{max-inline-size:calc(900px + var(--gutter) * 2)}
#finder h2{margin-block-end:var(--s3)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s2);margin-block-end:var(--s5)}
.steps i{display:block;block-size:6px;background:var(--surface-2);border:1px solid var(--line-strong)}
.steps i.on{background:var(--brand-h);border-color:var(--brand-h)}
.choice-grid{display:grid;gap:var(--s3);margin-block:var(--s5)}
@media (min-width:600px){.choice-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
.choice{display:grid;gap:var(--s1);text-align:start;min-block-size:72px;padding:var(--s4) var(--s5);background:var(--surface);color:var(--ink);border:1.5px solid var(--line-strong);font:700 1.125rem/1.3 var(--f-body);cursor:pointer}
.choice small{font-weight:400;font-size:1rem;color:var(--muted)}
.choice:hover{border-color:var(--ink)}
.choice[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.choice[aria-pressed="true"] small{color:var(--mist)}
.finder-nav{display:flex;justify-content:space-between;gap:var(--s3);flex-wrap:wrap}
.result{display:grid;gap:var(--s4);padding-block:var(--s5);border-block-end:1px solid var(--line)}
.result .art-frame{inline-size:min(100%,200px)}
.result h3{margin-block:var(--s2)}
.result h3 a{text-decoration:none}
.result h3 a:hover{text-decoration:underline}
@media (min-width:640px){.result{grid-template-columns:200px minmax(0,1fr);gap:var(--s5)}}
/* birthday list */
#wishlist-app{display:grid;gap:var(--s6)}
#wishlist-app .soft-panel{display:grid;gap:var(--s4)}
#list-form{display:grid;gap:var(--s4)}
.form-row.two{display:grid;gap:var(--s4)}
@media (min-width:640px){.form-row.two{grid-template-columns:repeat(2,minmax(0,1fr))}}
.party-card{padding:var(--s6);background:var(--tag);border:1px solid #d9c27a;outline:2px dashed #b39a46;outline-offset:-10px;text-align:center;display:grid;justify-items:center;gap:var(--s3)}
.party-card .eyebrow{color:var(--ink)}
.party-card p{margin-inline:auto}
/* size guide */
.size-g{display:grid;gap:var(--s6)}
.size-g>*{min-inline-size:0}
@media (min-width:1000px){.size-g{grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);align-items:start}}
.callouts{display:grid;gap:var(--s4)}
.callout{padding:var(--s5);background:var(--surface);border-inline-start:4px solid var(--brand-h)}
.callout h2{font-size:1.5rem;margin-block-end:var(--s2)}
.size-table{background:var(--surface);border:1px solid var(--line)}
.size-table th,.size-table td{padding:var(--s3) var(--s4);text-align:start;border-block-end:1px solid var(--line);white-space:nowrap}
.size-table thead th{background:var(--ink);color:#fff;font-weight:700}
.size-table tbody th{font-weight:700}
.size-table tbody tr:nth-child(even){background:var(--bg)}
.size-result{margin-block-start:var(--s3);padding:var(--s4);background:var(--mint-l);border:1.5px dashed #6f9c84;font-weight:600}
.size-result:empty{display:none}
.size-table tbody th{text-transform:none;letter-spacing:0;font-size:1rem;color:var(--ink);font-family:var(--f-body)}
#rel-title{margin-block-end:var(--s5)}
/* about */
.about-g{display:grid;gap:var(--s7)}
@media (min-width:1000px){.about-g{grid-template-columns:minmax(0,1.6fr) minmax(0,.8fr);align-items:start}}
.mark-card{display:grid;gap:var(--s4);justify-items:center;text-align:center;padding:var(--s6);background:var(--peach-l);border:1px solid var(--line);outline:2px dashed var(--stitch);outline-offset:-10px}
.mark-card .art-visual{inline-size:160px}
/* contact, basket page */
.after-form{margin-block-start:var(--s5)}
.basket-page{display:grid;gap:var(--s4)}
.basket-page .basket-line{grid-template-columns:96px minmax(0,1fr)}
.basket-page .basket-line .art-frame{inline-size:96px}
/* credits */
.credits{background:var(--surface);border:1px solid var(--line)}
.credits th,.credits td{padding:var(--s3);text-align:start;vertical-align:middle;border-block-end:1px solid var(--line)}
.credits thead th{font-size:var(--t-label);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.credits picture,.credits img{inline-size:72px;block-size:72px;object-fit:cover}
.credits a{display:inline-block;padding-block:12px;min-inline-size:44px}
*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
