.experience-page{max-width:1120px;margin:24px auto 48px;padding:0 24px}.experience-crumb{display:flex;gap:10px;font-size:12px;color:#5d736a;margin-bottom:20px}.experience-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.experience-cover{display:block;width:100%;height:260px;object-fit:cover;border-radius:16px;margin-bottom:20px}.experience-page h1{font-size:35px;margin:7px 0 12px}.experience-intro>p:not(.op-kicker){font-size:14px;line-height:1.6;color:#526d64;margin:0 0 15px}.experience-features{display:flex;gap:8px;flex-wrap:wrap;padding:0;list-style:none;margin:15px 0}.experience-features li{font-size:11px;border:1px solid #d9e2d5;background:#edf2e8;padding:5px 10px;border-radius:20px}.experience-options{display:flex;gap:8px;margin:14px 0}.experience-options a{flex:1;text-align:center;text-decoration:none;border:1px solid #cad8c8;border-radius:8px;padding:10px;font-size:13px;min-height:44px}.experience-options a[aria-current]{background:#214e43;color:white;border-color:#214e43}.experience-info{font-size:13px;border-top:1px solid #dce3db;padding:12px 0;margin-top:12px}.experience-info summary{cursor:pointer;font-weight:600;min-height:30px}.experience-info p{color:#526d64}.experience-schedule{background:#fff;border:1px solid #dce3db;border-radius:18px;padding:24px;box-shadow:0 10px 30px #234e3c08}.experience-schedule>.op-kicker{margin:0 0 8px}.experience-schedule h2{font-size:25px;margin-bottom:10px}.experience-step-note{font-size:12px;line-height:1.5;color:#65786d;margin:0 0 18px}.experience-page .experience-booking{padding:0;border:0;border-radius:0;margin:0;box-shadow:none}.experience-page .op-grid{gap:0 12px;grid-template-columns:repeat(2,minmax(0,1fr))}.experience-page label{font-size:11px;margin-bottom:12px}.experience-page input{font-size:14px;padding:9px;min-width:0}.experience-page .experience-children{grid-column:1/-1;margin:0 0 10px}.experience-children summary{cursor:pointer;font-size:12px;padding:7px 0;min-height:35px}.experience-children .op-grid{padding-top:8px}.experience-page #service-note{display:none}.experience-page .experience-booking>.op-button{width:100%;border-radius:9px;margin-top:8px}.experience-page #availability-result .op-panel,.experience-page #reservation-form{padding:16px;margin:18px 0 0;background:#f7f9f3}.experience-page #reservation-form h2{font-size:23px}.experience-page #availability-result h2{font-size:22px}.experience-page .op-help{font-size:11px;margin:16px 0 0}.experience-page .available-unit{font-size:13px}.experience-page .available-unit input{width:18px;flex:0 0 18px}.experience-page #reservation-status .op-panel{padding:14px}.experience-page [hidden]{display:none!important}
@media(max-width:700px){.experience-page{margin:16px auto 40px;padding:0 16px}.experience-layout{grid-template-columns:1fr;gap:18px}.experience-cover{height:165px;margin-bottom:14px;border-radius:12px}.experience-crumb{font-size:10px;margin-bottom:14px}.experience-page h1{font-size:28px;margin-bottom:8px}.experience-intro>p:not(.op-kicker){font-size:12px;margin-bottom:8px}.experience-features{margin:10px 0;gap:5px}.experience-features li{font-size:10px;padding:4px 8px}.experience-schedule{padding:18px;border-radius:14px}.experience-schedule h2{font-size:24px}.experience-info{margin-top:8px;padding:8px 0}.experience-page .op-header{height:70px}}