/* Sunset shared experience: owner-supplied route, photograph and inclusions. */
.sunset-tour{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);grid-template-areas:"heading heading" "photo booking" "options options" "water details";gap:34px clamp(32px,5vw,76px);padding:70px 5% 80px;border-top:1px solid var(--line);margin-bottom:36px}
.sunset-tour>div,.sunset-tour>figure{min-width:0}
.sunset-heading{grid-area:heading}
.sunset-tour .eyebrow{font-size:14px;line-height:1.6;letter-spacing:.13em;margin:0 0 18px}
.sunset-tour h2{font-size:clamp(40px,4.2vw,64px);line-height:1.12;margin:0}
.sunset-tour .sunset-intro{font-size:16px;line-height:1.85;color:var(--muted);max-width:760px;margin:20px 0 0}
.sunset-photo{grid-area:photo;margin:0;align-self:start}
.sunset-photo img{display:block;width:100%;height:auto;aspect-ratio:2048/1365;object-fit:cover;border-radius:35px}
.sunset-booking{grid-area:booking;align-self:start}
.sunset-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0}
.sunset-facts>div+div{border-left:1px solid var(--line);padding-left:16px}
.sunset-facts dt{font-size:14px;line-height:1.5;color:var(--muted);margin:0 0 6px}
.sunset-facts dd{font-size:clamp(18px,1.9vw,25px);line-height:1.4;font-weight:500;margin:0}
.sunset-facts>div:last-child dd{color:var(--bronze)}
.sunset-tour .sunset-departure{font-size:16px;line-height:1.8;margin:18px 0 22px;color:var(--muted)}
.sunset-departure strong{font-weight:500;color:var(--ink)}
.sunset-included{padding:0 0 24px}
.sunset-included h3{font:600 16px/1.6 var(--font);margin:0 0 6px}
.sunset-included p{font-size:16px;line-height:1.8;color:var(--muted);margin:0}
.sunset-tour .sunset-book{display:flex;justify-content:center;align-items:center;width:100%;min-height:56px;padding:15px 20px;border-radius:35px;font-size:14px;line-height:24px;letter-spacing:.035em;text-align:center}
.sunset-options{grid-area:options;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.sunset-option{display:flex;flex-direction:column;min-width:0;padding:30px;border:1px solid var(--line);border-radius:35px}
.sunset-option h3{font:400 30px/1.3 var(--display);margin:0 0 18px}
.sunset-option p{font-size:16px;line-height:1.8;color:var(--muted);margin:0 0 18px}
.sunset-option strong{font-weight:600;color:var(--ink)}
.sunset-option .sunset-option-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin:0 0 22px}
.sunset-option-price strong{font-size:32px;line-height:1.3}
.sunset-option-price span{font-size:14px}
.sunset-option .sunset-book{margin-top:auto}
.sunset-tour .sunset-booking-note{font-size:14px;line-height:1.7;color:var(--muted);margin:14px 0 0}
.sunset-water{grid-area:water;border-top:1px solid var(--line);padding-top:24px}
.sunset-water h3{font:400 28px/1.3 var(--display);margin:0 0 16px}
.sunset-water p{font-size:16px;line-height:1.85;color:var(--muted);margin:0 0 16px}
.sunset-water strong{font-weight:500;color:var(--ink)}
.sunset-water .sunset-dolphin-note{margin-bottom:0}
.sunset-details{grid-area:details;align-self:start;border-top:1px solid var(--line)}
.sunset-details details{border-bottom:1px solid var(--line)}
.sunset-details summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;padding:18px 0;font-size:16px;font-weight:500;line-height:1.5;list-style:none;cursor:pointer;color:var(--ink)}
.sunset-details summary::-webkit-details-marker{display:none}
.sunset-details summary::marker{content:""}
.sunset-toggle{flex:0 0 24px;text-align:center;font-size:24px;font-weight:400;line-height:1}
.sunset-toggle::before{content:"+"}
.sunset-details details[open] .sunset-toggle::before{content:"−"}
.sunset-panel{padding:0 0 22px}
.sunset-panel p,.sunset-panel li{font-size:16px;line-height:1.8;color:var(--muted)}
.sunset-panel p{margin:0 0 16px}
.sunset-route,.sunset-extras{margin:0;padding-left:24px}
.sunset-panel li{padding-left:4px;margin:0 0 6px}
.sunset-panel li::marker{color:var(--bronze)}
.sunset-details summary:hover{color:var(--bronze)}
.sunset-details summary:focus-visible,.sunset-book:focus-visible{outline:3px solid var(--bronze);outline-offset:5px}
@media(max-width:800px){.sunset-tour{grid-template-columns:minmax(0,1fr);grid-template-areas:"heading" "photo" "booking" "options" "water" "details";padding:48px 6% 56px;gap:28px;margin-bottom:14px}.sunset-tour h2{font-size:clamp(40px,9vw,58px)}.sunset-facts dd{font-size:22px}.sunset-facts>div+div{padding-left:12px}.sunset-options{grid-template-columns:minmax(0,1fr)}.sunset-option{padding:24px}}
@media(max-width:380px){.sunset-facts{gap:8px}.sunset-facts dd{font-size:18px}.sunset-facts>div+div{padding-left:10px}}