.opening-photo-story{scroll-margin-top:100px}.opening-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}.opening-photo-card{min-width:0;border:1px solid #d4e2df;border-radius:12px;background:#fff;overflow:hidden}.opening-photo-copy{padding:22px 22px 10px}.opening-photo-copy .eyebrow{margin:0 0 8px}.opening-photo-copy h3{margin:0 0 12px;font-size:23px;line-height:1.25}.opening-photo-copy p{font-size:16px;line-height:1.65;margin:0 0 12px}.opening-photo-card figure{margin:0}.opening-photo-card figure a{display:block}.opening-photo-card img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.opening-photo-card figcaption{padding:12px 20px;font-size:14px;line-height:1.55;color:#4a626a}.opening-photo-card details{border-top:1px solid #d4e2df}.opening-photo-card summary{padding:16px 20px;cursor:pointer;font-size:15px;font-weight:700;line-height:1.5;color:#1f6554}.opening-photo-card summary:focus-visible,.opening-photo-card a:focus-visible{outline:3px solid #ad7a25;outline-offset:-3px}.opening-photo-note{max-width:850px;margin:20px 0 12px;font-size:14px;line-height:1.6;color:#4a626a}@media(max-width:800px){.opening-photo-grid{grid-template-columns:1fr;gap:18px}.opening-photo-copy{padding:20px 20px 8px}.opening-photo-card img{aspect-ratio:16/10}.opening-photo-story{scroll-margin-top:85px}}

.opening-photo-card img[src$="opening-example-green-water.jpg"]{object-position:50% 70%}

/* Compact, optional opening-photo preview inside the booking guides. */
.guide-photo-preview{max-width:620px;margin:16px 0 20px;padding:14px;border:1px solid #d4e2df;border-radius:10px;background:#f7faf9;box-sizing:border-box}
#closing-guide-panel .guide-photo-preview h3,#pool-seasonal-draft.guide-unified .guide-photo-preview h3{font-family:inherit;font-size:16px;line-height:1.4;font-weight:700;letter-spacing:normal;margin:0 0 10px;color:#123d49}
.guide-photo-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.guide-photo-preview figure{min-width:0;margin:0}
.guide-photo-preview figure a{display:block;border-radius:6px;overflow:hidden}
.guide-photo-preview img{display:block;width:100%;height:110px;object-fit:cover}
.guide-photo-preview img[src$="green-water.jpg"]{object-position:50% 70%}
.guide-photo-preview figcaption{font-size:13px;line-height:1.35;margin:6px 0 0;padding:0;color:#4a626a;overflow-wrap:normal}
.guide-photo-preview figcaption strong,.guide-photo-preview figcaption span{display:block}
.guide-photo-preview figcaption strong{font-size:12px;color:#123d49}
.guide-photo-preview .guide-photo-preview-note{font-size:12px;line-height:1.45;margin:10px 0 4px;color:#4a626a}
.guide-photo-preview .guide-photo-preview-more{font-size:13px;line-height:1.5;font-weight:700;display:inline-block;padding:4px 0;color:#1f6554;text-decoration:underline;text-underline-offset:3px}
.guide-photo-preview a:focus-visible{outline:3px solid #ad7a25;outline-offset:3px}
.guide-photo-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:600px){.guide-photo-preview{padding:10px;margin:12px 0 16px}#closing-guide-panel .guide-photo-preview h3,#pool-seasonal-draft.guide-unified .guide-photo-preview h3{font-size:15px;margin-bottom:8px}.guide-photo-preview-grid{gap:7px}.guide-photo-preview img{height:auto;aspect-ratio:4/3}.guide-photo-preview figcaption{font-size:12px}.guide-photo-preview figcaption strong{font-size:11px}.guide-photo-preview .guide-photo-preview-note{margin-top:8px}}
@media print{.guide-photo-preview{display:none}}

/* Premium emphasis on the main opening-service page only. */
body[data-page="pool-opening-service"] .opening-plans{align-items:start}
body[data-page="pool-opening-service"] main .opening-plans>article.opening-premium{background:#edf7f2;border:2px solid #26735d;position:relative}
body[data-page="pool-opening-service"] .opening-recommended{display:inline-block;background:#226555;color:#fff;font:700 12px/1.4 Arial,sans-serif;border-radius:4px;padding:6px 9px;margin:0 0 16px}
body[data-page="pool-opening-service"] main .opening-plans .opening-value{border-top:1px solid #c3dcd0;margin:0 0 18px;padding-top:14px;color:#205947;font-size:14px}
body[data-page="pool-opening-service"] .opening-value strong{display:block}
body[data-page="pool-opening-service"] main .opening-plans .opening-ez{font-size:13px;margin:10px 0 0;color:#205947}
body[data-page="pool-opening-service"] .opening-plans li+li{margin-top:8px}
body[data-page="pool-opening-service"] .opening-plans .eyebrow{margin-bottom:12px}
body[data-page="pool-opening-service"] .opening-plans .button{width:100%;justify-content:space-between}
body[data-page="pool-opening-service"] #opening-packages{scroll-margin-top:120px}
@media(max-width:800px){body[data-page="pool-opening-service"] main .opening-plans>article{padding:22px}body[data-page="pool-opening-service"] .opening-recommended{margin-bottom:12px}}

/* Premium upgrade value: scoped to the two booking guides. */
#pool-seasonal-draft.guide-unified .guide-premium{border-top:4px solid #216750}
#pool-seasonal-draft.guide-unified .guide-premium :is(.pg-recommended,.guide-recommended){align-self:flex-start;padding:4px 8px;border-radius:4px;background:#216750;color:#fff;font-size:10px;line-height:1.4;letter-spacing:.045em}
#pool-seasonal-draft.guide-unified :is(.guide-premium-value,.guide-standard-value){display:grid;gap:8px;margin:4px 0 0;padding-top:12px;border-top:1px solid #cbded5;color:#345d51;font:400 14px/1.5 'Segoe UI',Arial,sans-serif}
#pool-seasonal-draft.guide-unified :is(.guide-premium-value,.guide-standard-value)>strong{font-size:15px;line-height:1.4;color:#205b49}
#pool-seasonal-draft.guide-unified :is(.guide-premium-value,.guide-standard-value)>span{display:block}
#pool-seasonal-draft.guide-unified :is(.guide-premium-value,.guide-standard-value) b{font-weight:650}
@media(max-width:600px){
#pool-seasonal-draft.guide-unified :is(.guide-premium-value,.guide-standard-value){gap:6px;margin-top:2px;padding-top:10px;font-size:13px}
#pool-seasonal-draft.guide-unified :is(.guide-premium-value,.guide-standard-value)>strong{font-size:14px}
}
