/* QA corrections scoped to galleries, header spacing, cards and footer. */
.gallery-grid,.gallery-grid.preview .gallery-batch{display:block;columns:3;column-gap:24px}
.gallery-grid.preview{columns:auto}
.gallery-grid .gallery-item,.gallery-grid.preview .gallery-item{display:inline-block;vertical-align:top;break-inside:avoid;width:100%;height:auto;aspect-ratio:auto;margin:0 0 24px;border:0;border-radius:0;overflow:visible;background:none}
.gallery-grid .gallery-item>.gallery-media,.gallery-grid .gallery-item>.tray-placeholder,.gallery-grid .gallery-item>.lightbox-open{position:relative;inset:auto;display:block;width:100%;height:auto;min-height:0;aspect-ratio:auto;margin:0;padding:0;border:3px solid var(--gold);border-radius:0;overflow:hidden;background:linear-gradient(135deg,var(--cream-light),color-mix(in srgb,var(--gold) 35%,var(--cream-light)))}
.gallery-grid .gallery-item img,.gallery-grid.preview .gallery-item img,.gallery-grid .tray-placeholder.tray-real>.tray-main{position:static;inset:auto;display:block;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:auto;object-fit:initial;object-position:initial;border-radius:0;transition:transform 1.2s ease;opacity:1}
.gallery-grid .gallery-item figcaption{position:static;inset:auto;margin:10px 0 0}
.gallery-grid.preview .gallery-item:hover .tray-placeholder>.tray-main,.gallery-grid .gallery-item:hover .gallery-media>img,.gallery-grid .gallery-item:hover .tray-placeholder>img,.gallery-grid .gallery-item:hover .lightbox-open>img{transform:scale(1.04)}
.tray-placeholder.tray-real{background:linear-gradient(135deg,var(--cream-light),color-mix(in srgb,var(--gold) 35%,var(--cream-light)))}
.responsive-tile.is-loaded{animation:tile-loaded .35s ease-out}
@keyframes tile-loaded{from{opacity:.4}to{opacity:1}}
@media(max-width:767px){.gallery-grid,.gallery-grid.preview .gallery-batch{columns:2;column-gap:24px}.gallery-grid.preview{columns:auto}}
@media(min-width:1100px) and (max-width:1359px){
 .header .nav>.header-directions,.header .nav-right>.header-book{width:48px;min-width:48px;height:48px;min-height:48px!important;padding:0!important;border-radius:50%}
 .header .header-directions>span,.header .header-book>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
 .header .nav-half{gap:28px}
}
@media(min-width:1360px){
 .header .nav>.nav-half{margin-left:24px;justify-content:space-between}
 .header .nav-right>.nav-half{margin-right:24px;justify-content:space-between}
}
/* The arrow belongs beside the name; descriptions follow immediately. */
.service-grid{grid-auto-rows:auto;align-items:start}
.service-grid>.service-tile>.service-content{flex:none;gap:12px}
.service-card-heading{display:flex;align-items:center;gap:12px}
.service-grid>.service-tile .service-content .service-card-heading h3{flex:1;min-width:0;margin:0}
.service-grid>.service-tile .service-content>p{position:static;inset:auto;max-width:none;margin:0;padding:0;background:none;color:var(--taupe);font:400 15px/1.65 'Lora',serif;text-align:left;opacity:1;transform:none;pointer-events:auto}
.service-card-heading .service-card-arrow{margin-left:auto}
@media(max-width:599px){.service-grid>.service-tile .service-content .service-card-heading h3{font-size:clamp(20px,6vw,26px);white-space:nowrap;letter-spacing:.025em}}
/* CSS reserves the known bar height before JS; measurement handles wrapping. */
@media(max-width:760px){
 body{padding-bottom:calc(var(--mobile-bar-height,calc(61px + env(safe-area-inset-bottom))) + 16px)}
 footer{padding-bottom:0}
}
.footer-keywords{width:max-content;max-width:none;contain:none}
.footer-keywords p{white-space:nowrap;width:max-content;max-width:none}
@media(min-width:1024px){.footer-main{grid-template-columns:minmax(380px,38fr) minmax(0,62fr)}.footer-keywords{min-width:380px}}
.pedi-grid .tray-placeholder.tray-real>.tray-main[src*="/pedi-nabi-"]{object-position:center 55%}
@media(prefers-reduced-motion:reduce){.responsive-tile.is-loaded{animation:none}.gallery-grid .gallery-item img{transition:none}.gallery-grid .gallery-item:hover img,.gallery-grid.preview .gallery-item:hover .tray-placeholder>.tray-main,.gallery-grid .gallery-item:hover .gallery-media>img,.gallery-grid .gallery-item:hover .lightbox-open>img{transform:none}}