*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fbfaf7;color:#282923;font:15px/1.65 'DM Sans',Arial,sans-serif}a{color:inherit}.wrap{max-width:1040px;margin:auto;padding:0 24px}.topbar{background:#fff;border-bottom:1px solid #eee9df;position:sticky;top:0;z-index:10}.top-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;letter-spacing:.06em;font-size:13px;line-height:1.3}.brand small{display:block;font-size:10px;font-weight:500;color:#8a8275;letter-spacing:.16em;margin-top:3px}.brand-mark{display:grid;place-items:center;background:#285a4d;color:white;width:36px;height:36px;border-radius:10px;font-size:22px}nav{display:flex;gap:8px}nav a{font-size:13px;font-weight:600;padding:9px 13px;text-decoration:none;border-radius:9px;color:#746d63}nav a.active,nav a:hover{background:#edf3ef;color:#245c4b}.page{display:none;min-height:65vh;padding-bottom:80px}.page.active{display:block}.intro{text-align:center;padding:60px 0 32px}.eyebrow{font-size:10px;letter-spacing:.19em;font-weight:800;color:#9a7557}.intro h1,.page-heading h1{font:600 clamp(34px,5vw,55px)/1.17 'Playfair Display',Georgia,serif;letter-spacing:-.025em;margin:13px 0}.intro em,.page-heading em{font-weight:500;color:#b77c57}.intro p{color:#746e65;font-size:16px;margin:0}.dot{padding:0 8px}.countdown-panel{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:28px 36px;background:#f0eee7;border:1px solid #e7e1d6;border-radius:18px}.countdown-panel h2{font:600 25px 'Playfair Display',Georgia,serif;margin:8px 0}.countdown-panel p{margin:0;color:#817b71}.countdown{display:flex;gap:9px}.countdown>div{width:75px;text-align:center;background:#fff;border-radius:11px;padding:10px 5px}.countdown strong{display:block;font-size:27px;color:#295a4b;line-height:1.25}.countdown span{font-size:10px;color:#827c72}.section{margin-top:56px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:21px}.section-heading h2,.budget-card h2{font:600 29px 'Playfair Display',Georgia,serif;margin:5px 0}.section-heading p{margin:3px 0}.text-link{color:#295a4b;font-weight:700;font-size:13px;white-space:nowrap}.gallery{display:grid;grid-template-columns:1.65fr 1fr;gap:15px}.photo-frame{height:350px;position:relative;overflow:hidden;border-radius:15px;background:#e7e2d8}.photo-frame img{width:100%;height:100%;object-fit:cover;display:block}.photo-controls{position:absolute;bottom:13px;right:14px;background:#fff;display:flex;align-items:center;gap:14px;border-radius:30px;padding:4px 7px;font-size:12px}.photo-controls button{background:#f2f1ed;border:0;border-radius:50%;width:30px;height:30px;cursor:pointer;font-size:20px}.villa-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.villa-facts>div{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;text-align:center;background:#f1f1eb;border-radius:13px;padding:12px}.villa-facts span{font-size:28px}.villa-facts strong{font-size:12px}.mini{font-size:11px;margin-top:10px}.muted{color:#857e75}.day-list{display:grid;gap:11px}.day{border:1px solid #e9e4db;border-radius:13px;background:#fff;overflow:hidden}.day>summary{cursor:pointer;display:flex;align-items:center;gap:16px;padding:18px 22px;list-style:none}.day>summary::-webkit-details-marker{display:none}.day .day-emoji{display:grid;place-items:center;background:#f5f0e7;border-radius:11px;font-size:23px;width:49px;height:49px;flex-shrink:0}.day .day-label{flex:1}.day .day-label strong{display:block;font-size:15px}.day .day-label span{display:block;font-size:12px;color:#827a71}.day .chevron{font-size:24px;color:#8b8175;transition:transform .2s}.day[open] .chevron{transform:rotate(180deg)}.day-content{border-top:1px solid #eee9e1;padding:18px 22px 22px}.day-intro{margin:0 0 15px;color:#6f6c65}.timeline{border-left:2px solid #e4e8e2;margin:12px 0 20px 6px}.event{position:relative;display:grid;grid-template-columns:115px 1fr;gap:12px;padding:0 0 19px 18px}.event:last-child{padding-bottom:0}.event:before{content:'';position:absolute;left:-6px;top:7px;width:10px;height:10px;background:#547965;border:2px solid white;border-radius:50%}.event time{font-size:12px;font-weight:700;color:#285a4b}.event strong{display:block;font-size:13px}.event p{margin:2px 0;color:#817c73;font-size:12px}.day-foot{background:#f8f6f0;border-radius:10px;padding:14px 16px;font-size:12px}.day-foot strong{color:#295a4b}.day-foot p{margin:4px 0 0}.day-tips{margin:13px 0 0;padding-left:20px;color:#817b72;font-size:12px}.page-heading{text-align:center;padding:64px 0 34px}.page-heading p{margin:0;color:#817c73}.activity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.activity-card{background:white;border:1px solid #eee9e0;border-radius:14px;overflow:hidden}.activity-card img{width:100%;height:180px;object-fit:cover;display:block;background:#ede8de}.activity-body{padding:18px}.activity-body .tag{font-size:10px;font-weight:800;letter-spacing:.07em;color:#a57751}.activity-body h2{font:600 22px 'Playfair Display',Georgia,serif;margin:8px 0}.activity-body p{font-size:13px;color:#77736c;margin:0 0 15px}.price{font-size:13px;font-weight:800;color:#2d634f}.notice{display:flex;gap:12px;background:#f2efe8;border:1px solid #e8e0d4;padding:15px 19px;border-radius:12px;font-size:13px;color:#655f55;margin-bottom:22px}.budget-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.budget-card{border:1px solid #e9e4da;background:#fff;border-radius:15px;padding:27px}.budget-card.soft{background:#f0f0e9}.budget-card p{font-size:13px;color:#777168}.budget-row{display:flex;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid #eeeae3;font-size:13px}.budget-row span:last-child{text-align:right;font-weight:800;white-space:nowrap;color:#295a4b}.button{display:inline-block;text-decoration:none;margin-top:15px;background:#295a4b;color:white;border-radius:9px;padding:10px 16px;font-weight:700;font-size:13px}.practical-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.practical-card{border:1px solid #e9e5de;background:#fff;border-radius:13px;padding:21px}.practical-card h2{font-size:16px;margin:0 0 8px}.practical-card h2 span{font-size:23px;margin-right:8px}.practical-card p{margin:0;color:#746e66;font-size:13px}.bottom-notice{margin-top:22px}footer{border-top:1px solid #eae5dc;color:#888076;font-size:12px;padding:20px 0}.footer-inner{display:flex;justify-content:space-between;gap:12px}@media(max-width:720px){.wrap{padding:0 17px}.top-inner{display:block;padding-top:11px;padding-bottom:10px}.brand{justify-content:center}.top-inner nav{justify-content:space-between;margin-top:12px;gap:2px}nav a{padding:7px 8px;font-size:11px}.intro{padding:39px 0 27px}.countdown-panel{flex-direction:column;text-align:center;gap:17px;padding:23px 12px}.countdown{gap:6px}.countdown>div{width:67px}.countdown strong{font-size:25px}.gallery{grid-template-columns:1fr}.photo-frame{height:260px}.villa-facts{grid-template-columns:repeat(4,1fr);gap:7px}.villa-facts>div{min-height:90px;padding:8px 3px}.villa-facts span{font-size:21px}.villa-facts strong{font-size:10px}.section{margin-top:43px}.section-heading{align-items:start}.section-heading h2{font-size:25px}.text-link{font-size:11px}.day>summary{padding:13px}.day-content{padding:15px}.event{grid-template-columns:82px 1fr;gap:5px}.activity-grid,.budget-grid,.practical-grid{grid-template-columns:1fr}.activity-card{display:grid;grid-template-columns:120px 1fr}.activity-card img{height:100%;min-height:175px}.activity-body{padding:12px}.activity-body h2{font-size:19px}.page-heading{padding:42px 0 25px}.footer-inner{flex-direction:column;gap:0;text-align:center}}
.brand-logo{width:52px;height:52px;object-fit:contain;flex-shrink:0}
.villa-feature{font:inherit;color:inherit;cursor:pointer;border:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;text-align:center;background:#f1f1eb;border-radius:13px;padding:12px}
.villa-feature:hover,.villa-feature:focus-visible{background:#dcebe0}
.villa-feature span{font-size:28px}.villa-feature strong{font-size:12px}.villa-feature small{font-size:10px;color:#426d58}
.villa-dialog{border:0;border-radius:18px;box-shadow:0 20px 80px #0004;max-width:min(660px,calc(100vw - 30px));max-height:85vh;padding:27px;overflow:auto;background:#fff;color:#282923}
.villa-dialog::backdrop{background:#14251bbb}.villa-dialog h2{font:600 28px 'Playfair Display',Georgia,serif;margin:4px 40px 10px 0}.villa-dialog p{color:#69665e;font-size:14px}
.dialog-close{position:absolute;right:16px;top:12px;border:0;background:#f1f1eb;border-radius:50%;height:36px;width:36px;font-size:18px;cursor:pointer}
.villa-detail-photo{display:block;width:100%;max-height:340px;object-fit:cover;border-radius:12px;margin:12px 0}
.activity-grid{display:flex;flex-direction:column;gap:15px}.activity-card{display:grid;grid-template-columns:260px 1fr;min-height:185px}
.activity-visual{background:linear-gradient(130deg,#d8e7dd,#a6c8bc);min-height:185px;display:grid;place-items:center}
.activity-card img{height:100%;min-height:185px;max-height:260px}.activity-placeholder{font-size:65px}
.activity-body{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.activity-day{font-size:12px;font-weight:800;letter-spacing:.07em;color:#285a4b;background:#e8f2e9;border-radius:5px;padding:4px 8px;margin-bottom:9px}
.activity-body .price{margin-top:auto;padding-top:12px}
@media(max-width:720px){.brand-logo{width:46px;height:46px}.villa-feature{min-height:90px;padding:8px 3px}.villa-feature span{font-size:21px}.villa-feature strong{font-size:10px}.villa-feature small{font-size:9px}.activity-card{grid-template-columns:120px 1fr;min-height:190px}.activity-visual,.activity-card img{min-height:190px}.activity-placeholder{font-size:40px}.activity-day{font-size:9px}.villa-dialog{padding:20px}}

/* Compacte dagkeuze: vijf dagen naast elkaar, één planning tegelijk */
.day-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:14px}
.day-tab{appearance:none;border:1px solid #e6e4dd;background:#f3f1ec;color:#665e54;border-radius:12px;padding:12px 5px;cursor:pointer;font-family:inherit;display:flex;flex-direction:column;align-items:center;gap:3px;line-height:1.3}
.day-tab:hover,.day-tab:focus-visible{background:#e6eee7;outline-offset:2px}.day-tab.active{background:#295a4b;color:white;border-color:#295a4b}
.day-tab-weekday{font-size:11px;font-weight:800;letter-spacing:.08em}.day-tab strong{font-size:14px}
.day-panel{border:1px solid #e9e4db;background:#fff;border-radius:13px;overflow:hidden}.day-panel[hidden]{display:none!important}
.day-panel-heading{display:flex;gap:14px;align-items:center;padding:17px 22px;border-bottom:1px solid #eee9e1}.day-panel-heading .day-emoji{font-size:25px;background:#f5f0e7;border-radius:11px;padding:9px}.day-panel-heading h3{font-size:17px;margin:0}.day-panel-heading p{font-size:12px;color:#827a71;margin:2px 0 0}.day-panel .day-content{border-top:0}
@media(max-width:720px){.day-tabs{gap:4px}.day-tab{padding:10px 1px;border-radius:8px}.day-tab-weekday{font-size:10px}.day-tab strong{font-size:11px}.day-panel-heading{padding:13px}.day-panel-heading h3{font-size:14px}}

/* v4: nadruk op planning en overzichtelijke activiteiten */
#days{margin-top:23px}.day-tabs{gap:12px;margin-bottom:0;position:relative;z-index:1}
.day-tab{min-height:115px;background:#f0eee8;border:1px solid #dedbd2;border-radius:15px 15px 0 0;padding:16px 7px 14px;gap:6px;justify-content:center;transition:background .2s}
.day-tab.active{background:#295a4b;border-color:#295a4b;box-shadow:0 7px 18px #295a4b24}
.day-tab-weekday{font-size:14px;letter-spacing:0}.day-tab strong{font-size:17px}.day-tab small{font-size:11px;line-height:1.3;opacity:.83}
.day-panel{border:1px solid #d9e2d9;border-top:5px solid #295a4b;border-radius:0 0 18px 18px;box-shadow:0 12px 35px #244f4020}
.day-panel-heading{background:#eef4ed;padding:25px 30px;gap:20px}
.day-panel-heading .day-emoji{font-size:35px;padding:14px;background:white;border-radius:16px}
.day-panel-heading h3{font:600 30px/1.25 'Playfair Display',Georgia,serif;margin:5px 0}
.day-panel-heading p{font-size:15px}.panel-date{font-size:12px;font-weight:800;letter-spacing:.12em;color:#295a4b}
.day-panel .day-content{padding:26px 30px 30px}.day-intro{font-size:16px;line-height:1.7;margin-bottom:26px;color:#4f5d52}
.day-panel .timeline{border-left:3px solid #dbe7de;margin-left:8px;margin-bottom:28px}
.day-panel .event{grid-template-columns:125px 1fr;gap:20px;padding:0 0 28px 25px}
.day-panel .event:before{width:14px;height:14px;left:-9px;top:6px;background:#2d7558}
.day-panel .event time{font-size:15px;font-weight:800;color:#295a4b}
.day-panel .event strong{font-size:17px;line-height:1.4}.day-panel .event p{font-size:14px;line-height:1.6;margin-top:5px}
.day-panel .day-foot{padding:20px 22px;background:#eaf3ec;font-size:15px;border-left:4px solid #295a4b}
.day-panel .day-foot p{font-size:13px;line-height:1.65}.day-panel .day-tips{font-size:13px;line-height:1.7;margin-top:20px}
.activity-day-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:25px}
.activity-pick{border:1px solid #e1e1d7;border-radius:16px;padding:20px 12px;background:#f0eee8;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;color:#544f47;font:inherit}
.activity-pick>span{font-size:28px}.activity-pick strong{font-size:18px}.activity-pick small{font-size:13px}
.activity-pick.active{background:#295a4b;color:white;border-color:#295a4b;box-shadow:0 6px 18px #295a4b20}
.activity-group-heading{padding:0 0 5px}.activity-group-heading h2{font:600 27px 'Playfair Display',Georgia,serif;margin:5px 0}
.activity-group-heading p{font-size:13px;color:#817c73;margin:0}
@media(max-width:720px){.day-tabs{gap:4px}.day-tab{min-height:93px;padding:10px 2px;border-radius:10px 10px 0 0}.day-tab-weekday{font-size:11px}.day-tab strong{font-size:12px}.day-tab small{font-size:9px;line-height:1.15;overflow-wrap:anywhere}.day-panel-heading{padding:18px 16px;gap:12px}.day-panel-heading .day-emoji{font-size:25px;padding:9px}.day-panel-heading h3{font-size:24px}.day-panel-heading p{font-size:13px}.day-panel .day-content{padding:19px 16px}.day-intro{font-size:14px}.day-panel .event{grid-template-columns:76px 1fr;gap:9px;padding:0 0 23px 17px}.day-panel .event time{font-size:12px}.day-panel .event strong{font-size:15px}.day-panel .event p{font-size:12px}.day-panel .day-foot{padding:15px;font-size:13px}.activity-day-picker{gap:7px}.activity-pick{padding:12px 4px}.activity-pick>span{font-size:23px}.activity-pick strong{font-size:14px}.activity-pick small{font-size:11px}.activity-group-heading h2{font-size:23px}}
