/* VILLAVILLE 2.2.8 — four-stage product expansion */
.desktop-nav{gap:18px}
.desktop-nav a{white-space:nowrap}
.booking-sheet-overlay,.booking-sheet-close{display:none}
.home-page .booking-card{grid-template-columns:185px 1fr}
.home-page .booking-form{grid-template-columns:1fr 1fr .85fr 1.08fr 118px;gap:10px}
.home-page .booking-form label{min-width:0}
.home-page .booking-form select{white-space:nowrap;text-overflow:ellipsis}
.home-season-compact{padding:88px 0;background:#ece9e6}
.home-season-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:42px}
.home-season-cards article{position:relative;min-height:430px;overflow:hidden;isolation:isolate;background:#171c1a;color:#fff}
.home-season-cards article>img{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;filter:saturate(.78) brightness(.62);transition:transform .8s ease}
.home-season-cards article:hover>img{transform:scale(1.025)}
.home-season-cards article::after{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(13,18,16,.12),rgba(13,18,16,.9))}
.home-season-cards article>div{position:absolute;left:0;right:0;bottom:0;padding:34px}
.home-season-cards .page-kicker{color:#bfd0cc}
.home-season-cards h3{max-width:430px;margin:0 0 14px;font-size:34px;font-weight:400;line-height:1.03}
.home-season-cards p{max-width:480px;margin:0 0 18px;font-size:15px;line-height:1.62;color:rgba(255,255,255,.82)}
.home-season-cards span{display:inline-block;padding:8px 10px;border:1px solid rgba(255,255,255,.32);font-size:11px;line-height:1.4;color:rgba(255,255,255,.72)}
.home-end-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:22px;padding:52px 0 74px}
.home-end-grid article{min-height:330px;padding:36px}
.home-city-guide-card{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;background:#f5f3f0;border:1px solid rgba(38,37,36,.12)}
.home-city-guide-card h3,.home-rules-card-v228 h3{max-width:520px;margin:0 0 18px;font-size:38px;font-weight:400;line-height:1.02}
.home-city-guide-card p:not(.page-kicker),.home-rules-card-v228 p:not(.page-kicker){margin:0 0 23px;font-size:15px;line-height:1.68;color:#5b5754}
.home-city-guide-points{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.home-city-guide-points li{display:grid;grid-template-columns:38px 1fr;gap:14px;padding:17px 0;border-bottom:1px solid var(--line);font-size:14px}
.home-city-guide-points span{font-size:11px;letter-spacing:.12em;color:#5f5b57}
.home-rules-card-v228{background:#203d36;color:#fff}
.home-rules-card-v228 .page-kicker{color:#bfd0cc}
.home-rules-card-v228 p:not(.page-kicker){color:rgba(255,255,255,.72)}
.home-rules-card-v228 .home-text-link{color:#fff;border-color:rgba(255,255,255,.65)}
.v228-location-links{padding:72px 0;background:#ece9e6}
.v228-location-links>.shell{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.v228-location-links article{padding:34px;background:#f7f5f2;border-top:2px solid #203d36}
.v228-location-links h2{margin:0 0 15px;font-size:36px;font-weight:400;line-height:1.03}
.v228-location-links p:not(.page-kicker){margin:0 0 22px;font-size:15px;line-height:1.65;color:#5b5754}
.v228-location-links a{display:inline-block;padding-bottom:5px;border-bottom:1px solid currentColor;font-size:14px;font-weight:600}
.v228-season-section{padding:88px 0;background:#ece9e6}
.v228-season-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.v228-season-card{background:#f7f5f2;border:1px solid rgba(38,37,36,.1)}
.v228-season-card figure{position:relative;height:420px;margin:0;overflow:hidden;background:#171c1a}
.v228-season-card figure img{width:100%;height:100%;object-fit:cover;filter:saturate(.78) brightness(.72)}
.v228-season-card figure figcaption{position:absolute;left:14px;bottom:12px;padding:7px 9px;background:rgba(14,19,17,.7);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#fff}
.v228-season-card>div{padding:32px 34px 36px}
.v228-season-card h2{max-width:500px;margin:0 0 28px;font-size:40px;font-weight:400;line-height:1.02}
.v228-season-card h3{margin:24px 0 10px;font-size:15px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#4e4a47}
.v228-season-card ul{margin:0;padding-left:20px;font-size:15px;line-height:1.75;color:#4f4b48}
.v228-season-card p:not(.page-kicker){margin:0;font-size:15px;line-height:1.68;color:#5b5754}
.v228-activity-note{padding:76px 0;background:#203d36;color:#fff}
.v228-activity-note>.shell{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:start}
.v228-activity-note .page-kicker{color:#bfd0cc}
.v228-activity-note h2{max-width:620px;margin:0;font-size:48px;font-weight:400;line-height:1}
.v228-activity-note>div>p:last-child{max-width:650px;margin:26px 0 0;font-size:16px;line-height:1.72;color:rgba(255,255,255,.72)}
.v228-guide-map-section{padding:88px 0;background:#ece9e6}
.v228-guide-heading{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:end;margin-bottom:44px}
.v228-guide-heading h2{margin:0;font-size:50px;font-weight:400;line-height:1}
.v228-guide-heading>p{max-width:600px;margin:0;font-size:15px;line-height:1.7;color:#5b5754}
.v228-guide-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:start}
.v228-city-map{position:sticky;top:98px;height:650px;overflow:hidden;background:#d9d6d2;border:1px solid rgba(38,37,36,.12)}
.v228-city-map::before{content:'';position:absolute;inset:0;background:linear-gradient(125deg,rgba(255,255,255,.62),transparent 48%),repeating-linear-gradient(0deg,transparent 0 72px,rgba(63,60,57,.05) 73px 74px)}
.v228-city-river{position:absolute;left:-12%;right:-12%;bottom:12%;height:126px;padding-top:52px;background:linear-gradient(180deg,rgba(62,108,101,.06),rgba(62,108,101,.22));border-top:1px solid rgba(53,91,86,.3);transform:rotate(-6deg);text-align:center;font-size:12px;letter-spacing:.22em;color:#4b6c66}
.v228-city-boulevard{position:absolute;left:10%;right:8%;bottom:34%;padding:12px 16px;border-top:1px solid rgba(38,37,36,.22);border-bottom:1px solid rgba(38,37,36,.22);font-size:11px;letter-spacing:.16em;color:#5f5b57}
.v228-city-street{position:absolute;height:1px;background:rgba(38,37,36,.16);transform-origin:left center}
.v228-city-street.one{left:18%;top:22%;width:70%;transform:rotate(18deg)}
.v228-city-street.two{left:12%;top:49%;width:76%;transform:rotate(-12deg)}
.v228-city-street.three{left:48%;top:11%;width:54%;transform:rotate(74deg)}
.v228-map-point{position:absolute;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#203d36;color:#fff;border:5px solid rgba(255,255,255,.75);box-shadow:0 8px 24px rgba(31,42,38,.22);font-size:12px;font-weight:600}
.v228-map-point.is-walk{left:18%;top:58%}.v228-map-point.is-museum{left:37%;top:38%}.v228-map-point.is-theatre{left:57%;top:53%}.v228-map-point.is-craft{left:72%;top:28%}.v228-map-point.is-cathedral{left:76%;top:61%}
.v228-map-caption{position:absolute;left:20px;bottom:16px;font-size:11px;color:#5f5b57}
.v228-guide-list{display:grid;gap:12px}
.v228-guide-place{padding:24px 26px;background:#f7f5f2;border:1px solid rgba(38,37,36,.1)}
.v228-guide-place>span{font-size:11px;letter-spacing:.14em;color:#5f5b57}
.v228-guide-place h3{margin:16px 0 9px;font-size:24px;font-weight:500;line-height:1.2}
.v228-guide-place p{margin:0 0 17px;font-size:14px;line-height:1.62;color:#5b5754}
.v228-guide-place a{display:inline-block;padding-bottom:4px;border-bottom:1px solid currentColor;font-size:13px;font-weight:600}
.v228-guide-place.is-active,.v228-guide-place:focus-within{border-color:#203d36;box-shadow:0 12px 28px rgba(31,42,38,.08)}
.v228-guide-source{padding:76px 0;background:#203d36;color:#fff}
.v228-guide-source .page-kicker{color:#bfd0cc}
.v228-guide-source h2{max-width:820px;margin:0 0 22px;font-size:45px;font-weight:400;line-height:1}
.v228-guide-source p:not(.page-kicker){max-width:740px;margin:0 0 23px;font-size:15px;line-height:1.7;color:rgba(255,255,255,.72)}
.v228-guide-source a{display:inline-block;padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,.65);font-size:14px;font-weight:600;color:#fff}
.v228-booking-form-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:20px}
.v228-booking-form-actions>a{padding-bottom:4px;border-bottom:1px solid currentColor;font-size:13px;font-weight:600}
.v228-booking-form-actions .flow-primary{min-width:230px}
.v228-three-steps{grid-template-columns:repeat(3,1fr)!important}
.v228-three-steps span:nth-child(2){border-right:1px solid var(--line)!important}
.v228-three-steps span:nth-child(-n+2){border-bottom:0!important}
.v228-compare-return{grid-column:1/-1;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.v228-compare-return a{display:inline-block;padding-bottom:4px;border-bottom:1px solid currentColor;font-size:14px;font-weight:600}
@media(max-width:1120px) and (min-width:901px){
  .desktop-nav{gap:11px;font-size:10px}
  .nav-book{padding-inline:11px}
}
@media(max-width:900px){
  .home-season-cards,.home-end-grid,.v228-season-grid,.v228-guide-heading,.v228-guide-layout,.v228-activity-note>.shell{grid-template-columns:1fr}
  .home-city-guide-card{grid-template-columns:1fr}
  .v228-city-map{position:relative;top:auto;height:520px}
  .v228-location-links>.shell{grid-template-columns:1fr}
}
@media(max-width:760px){
  .booking-sheet-overlay{display:block;position:fixed;inset:0;z-index:120;background:rgba(10,14,12,.62);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s ease}
  body.booking-open .booking-sheet-overlay{opacity:1;visibility:visible;pointer-events:auto}
  .home-page .booking-section{position:fixed;left:0;right:0;bottom:0;z-index:130;max-height:88vh;margin:0;padding:0;background:#f3f1ee;overflow-y:auto;transform:translateY(105%);visibility:hidden;pointer-events:auto;transition:transform .28s ease,visibility .28s ease}
  body.booking-open .booking-section{transform:translateY(0);visibility:visible}
  body.booking-open{overflow:hidden}
  .home-page .booking-card{width:100%;padding:28px 20px calc(24px + env(safe-area-inset-bottom));background:#f3f1ee;box-shadow:0 -20px 60px rgba(12,18,15,.2)}
  .booking-sheet-close{display:grid;position:absolute;right:18px;top:14px;width:38px;height:38px;place-items:center;font-size:30px;line-height:1}
  .home-page .booking-intro{padding-right:50px}
  .home-page .booking-form{display:block;margin-top:25px}
  .home-page .booking-form label{margin-bottom:10px}
  .home-page .booking-submit{width:100%;min-height:52px;margin-top:8px}
}
@media(max-width:760px){
  .home-season-compact{padding:62px 0}
  .home-season-cards{gap:12px;margin-top:32px}
  .home-season-cards article{min-height:390px}
  .home-season-cards article>div{padding:25px 22px}
  .home-season-cards h3{font-size:29px}
  .home-season-cards p{font-size:14px}
  .home-end-grid{gap:14px;padding:38px 0 58px}
  .home-end-grid article{min-height:0;padding:27px 23px}
  .home-city-guide-card{gap:24px}
  .home-city-guide-card h3,.home-rules-card-v228 h3{font-size:31px}
  .v228-location-links{padding:58px 0}
  .v228-location-links article{padding:25px 22px}
  .v228-location-links h2{font-size:31px}
  .v228-season-section{padding:62px 0}
  .v228-season-grid{gap:14px}
  .v228-season-card figure{height:310px}
  .v228-season-card>div{padding:25px 22px 28px}
  .v228-season-card h2{font-size:33px}
  .v228-season-card h3{font-size:13px}
  .v228-activity-note{padding:58px 0}
  .v228-activity-note h2{font-size:34px}
  .v228-activity-note>div>p:last-child{margin-top:20px;font-size:15px}
}
@media(max-width:760px){
  .v228-guide-map-section{padding:62px 0}
  .v228-guide-heading{gap:20px;margin-bottom:30px}
  .v228-guide-heading h2{font-size:34px}
  .v228-guide-heading>p{font-size:14px}
  .v228-guide-layout{gap:14px}
  .v228-city-map{height:430px}
  .v228-map-point{width:38px;height:38px;border-width:4px}
  .v228-city-boulevard{left:7%;right:7%;font-size:9px}
  .v228-map-caption{left:14px;bottom:12px;max-width:250px;font-size:10px}
  .v228-guide-place{padding:22px}
  .v228-guide-place h3{font-size:22px}
  .v228-guide-source{padding:58px 0}
  .v228-guide-source h2{font-size:34px}
  .v228-booking-form-actions{display:grid}
  .v228-booking-form-actions>a{justify-self:start}
  .v228-booking-form-actions .flow-primary{width:100%;min-width:0}
  .v228-three-steps{grid-template-columns:1fr!important}
  .v228-three-steps span{border-right:0!important;border-bottom:1px solid var(--line)!important}
  .v228-three-steps span:last-child{border-bottom:0!important}
  .v228-compare-return{padding:15px 0}
}
@media(max-width:430px){
  .home-season-cards article{min-height:370px}
  .v228-city-map{height:400px}
  .v228-map-point.is-craft{left:68%}
  .v228-map-point.is-cathedral{left:72%}
}
/* V2.2.8 compact mobile teasers */
@media(max-width:760px){
  .home-season-cards{width:100%;max-width:none;display:flex;gap:12px;margin-top:30px;padding:0 20px 8px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:20px;scrollbar-width:none}
  .home-season-cards::-webkit-scrollbar,.home-end-grid::-webkit-scrollbar{display:none}
  .home-season-cards article{flex:0 0 calc(100vw - 52px);min-height:390px;scroll-snap-align:start}
  .home-end-grid{width:100%;max-width:none;display:flex;gap:12px;padding:38px 20px 58px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:20px;scrollbar-width:none}
  .home-end-grid article{flex:0 0 calc(100vw - 52px);scroll-snap-align:start}
}

@media (orientation:portrait) and (pointer:coarse), (orientation:portrait) and (hover:none){
  .booking-sheet-overlay{display:block;position:fixed;inset:0;z-index:120;background:rgba(10,14,12,.62);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s ease}
  body.booking-open .booking-sheet-overlay{opacity:1;visibility:visible;pointer-events:auto}
  .home-page .booking-section{position:fixed;left:0;right:0;bottom:0;z-index:130;max-height:88vh;margin:0;padding:0;background:#f3f1ee;overflow-y:auto;transform:translateY(105%);visibility:hidden;pointer-events:auto;transition:transform .28s ease,visibility .28s ease}
  body.booking-open .booking-section{transform:translateY(0);visibility:visible} body.booking-open{overflow:hidden}
  .home-page .booking-card{width:100%;grid-template-columns:1fr;padding:28px 20px calc(24px + env(safe-area-inset-bottom));background:#f3f1ee;box-shadow:0 -20px 60px rgba(12,18,15,.2)}
  .booking-sheet-close{display:grid;position:absolute;right:18px;top:14px;width:38px;height:38px;place-items:center;font-size:30px;line-height:1}.home-page .booking-intro{padding-right:50px}
  .home-page .booking-form{display:block;margin-top:25px}.home-page .booking-form label{margin-bottom:10px}.home-page .booking-submit{width:100%;min-height:52px;margin-top:8px}
}