/* UK-only patient gallery; inherits the UK admin colour palette. */
.uk-page .uk-smiles-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;align-items:stretch}
.uk-page .uk-smile-card{min-width:0;margin:0;background:var(--uk-card,#fff);border:2px solid var(--uk-team-border,#c9a227);border-radius:12px;overflow:hidden;box-shadow:0 3px 12px #16313e08}
.uk-page .uk-smile-photo{display:block;position:relative;overflow:hidden;background:var(--uk-band,#f1f6f5)}
.uk-page .uk-smile-photo img{display:block;width:100%;height:auto;aspect-ratio:6/7;object-fit:cover;object-position:top;transition:transform .25s ease}
.uk-page .uk-smile-photo:hover img{transform:scale(1.025)}
.uk-page .uk-smile-photo:focus-visible{outline:3px solid var(--uk-gold,#c9a227);outline-offset:-4px}
.uk-page .uk-smile-expand{position:absolute;right:14px;bottom:14px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff;color:#16313e;font-size:22px;box-shadow:0 2px 12px #0002}
.uk-page .uk-smile-card figcaption{padding:16px 16px 18px;overflow-wrap:anywhere}
.uk-page .uk-smile-card h3{font-size:17px;color:var(--uk-heading,#16313e)}
.uk-page .uk-smile-card p{font-size:13px;line-height:1.6;color:var(--uk-muted,#536872)}
.uk-page .uk-smile-card h3+p{margin-top:6px}
.uk-page .uk-smiles-section .uk-heading{overflow-wrap:anywhere}
@media(max-width:1100px){.uk-page .uk-smiles-grid{display:flex;flex-wrap:nowrap;gap:26px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:2px;padding:0 0 14px;-webkit-overflow-scrolling:touch}.uk-page .uk-smiles-grid>.uk-smile-card{flex:0 0 calc((100% - 78px)/4);scroll-snap-align:start}}
@media(max-width:1000px){.uk-page .uk-smiles-grid>.uk-smile-card{flex-basis:calc((100% - 52px)/3)}}
@media(max-width:700px){.uk-page .uk-smiles-grid{gap:15px}.uk-page .uk-smiles-grid>.uk-smile-card{flex-basis:calc((100% - 15px)/2)}.uk-page .uk-smile-card figcaption{padding:16px 10px 18px}}
@media(prefers-reduced-motion:reduce){.uk-page .uk-smile-photo img{transition:none}.uk-page .uk-smile-photo:hover img{transform:none}}

.uk-page .uk-smiles-section{background:var(--uk-band,#f2f6f5)}
@media(max-width:700px){.uk-page .uk-smile-card h3{font-size:15px}}