/* Real customer photographs from the original Fronk Oil Koozie Fun gallery. */
.koozies-section{background:#fff}
.koozies-intro{align-items:center}
.koozies-intro p:not(.eyebrow){font-size:15px}
.koozies-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px}
.koozie-card{margin:0;border:1px solid var(--line);background:white;min-width:0}
.koozie-photo-link{display:block;position:relative;overflow:hidden;background:var(--gray);aspect-ratio:4/3}
.koozie-photo-link img{display:block;width:100%;height:100%;object-fit:contain}
.koozie-photo-link:hover .koozie-open{background:var(--red)}
.koozie-photo-link:focus-visible{outline-offset:3px;z-index:1}
.koozie-open{position:absolute;inset:auto 0 0;padding:10px 18px;background:#202326ed;color:white;font-size:13px;font-weight:600;display:flex;justify-content:space-between;gap:12px}
.koozie-open span{font-size:19px;line-height:1.1}
.koozie-card figcaption{display:flex;align-items:start;gap:12px;padding:20px 18px;min-height:90px}
.koozie-card h3{font-size:28px;margin:0;line-height:1.15;overflow-wrap:anywhere}
.koozie-number{color:var(--red);font:600 22px/1.4 var(--heading);min-width:23px}
.koozies-source-note{font-size:13px;color:var(--muted);margin:28px 0 0}
.koozies-source-note a{color:var(--red);text-decoration:underline;text-underline-offset:3px}
.koozie-lightbox{width:min(1080px,94vw);max-width:none;max-height:94vh;max-height:94dvh;border:0;padding:0 28px 24px;background:#fff;color:var(--ink);overflow:auto;overscroll-behavior:contain}
.koozie-lightbox::backdrop{background:#101418dd}
.koozie-lightbox-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0 18px;border-bottom:1px solid var(--line);background:#fff}
.koozie-lightbox-header .eyebrow{font-size:11px;margin:0 0 7px}
.koozie-lightbox-header h2{font-size:35px;margin:0}
.koozie-lightbox-header .button{flex-shrink:0}
.koozie-lightbox-figure{margin:20px 0 18px}
.koozie-lightbox-figure img{display:block;max-width:100%;max-height:calc(94vh - 235px);max-height:calc(94dvh - 235px);width:auto;height:auto;object-fit:contain;margin:auto;background:var(--gray)}
.koozie-lightbox-figure figcaption{text-align:center;font-size:13px;color:var(--muted);padding:12px 0 0}
.koozie-lightbox-controls{display:flex;align-items:center;justify-content:space-between;gap:18px}
.koozie-lightbox-controls .button{min-width:132px}
.koozie-original-link{font-size:13px;color:var(--red);text-decoration:underline;text-underline-offset:3px;text-align:center}
@media(max-width:850px){.koozies-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}.koozies-intro p:not(.eyebrow){margin-top:18px}.koozie-lightbox-header h2{font-size:30px}}
@media(max-width:520px){.koozies-grid{grid-template-columns:1fr;gap:24px}.koozie-card figcaption{min-height:0}.koozie-lightbox{width:96vw;padding:0 15px 18px}.koozie-lightbox-header{gap:12px}.koozie-lightbox-header h2{font-size:28px}.koozie-lightbox-header .button{padding:10px 15px;min-height:44px}.koozie-lightbox-header .eyebrow{font-size:10px}.koozie-lightbox-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px}.koozie-lightbox-controls .button{min-width:0;padding:11px 12px}.koozie-original-link{grid-column:1/-1;grid-row:2}.koozie-lightbox-figure img{max-height:calc(94vh - 280px);max-height:calc(94dvh - 280px)}}