
:root{--blue:#0754f8;--navy:#10254c;--muted:#62718a;--line:#e0e7f1;--bg:#f6f8fc;color-scheme:light;font-family:Inter,Arial,sans-serif;color:var(--navy);background:var(--bg)}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,select,input{touch-action:manipulation}button,select{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #ffb83f;outline-offset:4px}header{min-height:72px;height:auto;display:flex;align-items:center;justify-content:space-between;padding:12px max(4vw,20px);background:#fff;border-bottom:1px solid var(--line);gap:20px}.brand{width:140px;display:block;flex-shrink:0}.brand img{width:100%;height:52px;object-fit:contain;display:block}nav{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:600;flex:1;justify-content:center;flex-wrap:wrap}nav a{padding:8px 12px;border-radius:999px;color:var(--navy);transition:background .15s,color .15s}nav a:hover{background:#eef3ff;color:var(--blue)}nav a[aria-current="page"]{background:#eaf0ff;color:var(--blue)}nav a:hover,footer a:hover{color:var(--blue)}.language{display:flex;align-items:center;gap:8px;border:1px solid var(--line);padding:6px 10px;border-radius:999px;background:#fff;flex-shrink:0}.language span{font-size:24px;color:var(--blue)}.language select{border:0;background:transparent;color:var(--navy);max-width:130px;font-size:14px}main{max-width:1440px;margin:auto;padding:0 5vw 70px}.hero{display:grid;grid-template-columns:1.04fr 1fr;align-items:center;gap:6%;padding:48px 0 42px}.eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:2px;font-weight:700;color:var(--blue);display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';width:25px;height:2px;background:var(--blue)}h1{font-size:clamp(38px,4.5vw,64px);line-height:1.06;letter-spacing:-2.8px;margin:22px 0;font-weight:750}h1 em{font-style:normal;color:var(--blue)}.hero p{font-size:17px;line-height:1.65;color:var(--muted);max-width:440px}
.hero-promise{margin:14px 0 0;font-size:16px;font-weight:650;line-height:1.45;color:var(--navy);max-width:460px}.hero-art{position:relative;perspective:1000px;padding:6px 12px 12px}.hero-photo{height:295px;width:100%;object-fit:cover;border-radius:25px;transform:rotateY(-6deg) rotateX(2deg) rotateZ(2deg);box-shadow:18px 26px 0 #e2eafa,0 30px 50px #14284f1c}.photo-note{position:absolute;bottom:5px;left:-13px;padding:15px 20px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 28px #14284f15;display:flex;align-items:center;gap:12px;font-size:14px}.note-icon{background:#eaf0ff;color:var(--blue);padding:11px;border-radius:10px}.photo-note strong{display:block;margin-bottom:4px}.photo-note small{color:var(--muted)}.search-panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 10px 35px #1b397209;display:grid;grid-template-columns:1.6fr 1fr 1fr auto;gap:15px;margin:5px 0 30px}.field label{display:block;font-size:12px;font-weight:700;margin-bottom:9px;letter-spacing:.7px;text-transform:uppercase}.field input,.field select{width:100%;background:#f6f8fc;border:1px solid var(--line);border-radius:9px;padding:13px;color:var(--navy);height:48px}.primary{background:var(--blue);color:#fff;border:0;border-radius:10px;padding:14px 23px;font-weight:600;align-self:end;min-height:48px}.primary:hover{background:#0041d0}.results-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:28px 0 20px}.results-head h2{font-size:25px;letter-spacing:-.7px;margin:0 0 7px}.results-head p{font-size:13px;color:var(--muted);margin:0}.sort{display:flex;align-items:center;gap:10px;font-size:14px}.sort select{border:0;background:transparent;color:var(--navy);padding:10px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden;box-shadow:0 5px 10px #233b6e04;transition:transform .22s,box-shadow .22s}.card:hover{transform:translateY(-5px);box-shadow:0 16px 30px #20375913}.card-image{height:228px;position:relative;background:#eaf0fc}.card-image img{width:100%;height:100%;object-fit:cover}.tag{position:absolute;top:14px;left:14px;background:#fff;padding:7px 10px;border-radius:6px;font-size:12px;font-weight:600}.count{position:absolute;bottom:13px;right:13px;color:#fff;background:#152949c9;padding:5px 8px;border-radius:6px;font-size:12px}.card-body{padding:21px}.location{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin:0 0 9px}.card h3{margin:0 0 16px;font-size:19px;letter-spacing:-.4px}.specs{display:flex;gap:16px;font-size:13px;color:var(--muted);padding-bottom:18px;border-bottom:1px solid var(--line);flex-wrap:wrap}.price-row{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.price{font-weight:750;font-size:23px;letter-spacing:-.8px}.price small{font-size:12px;font-weight:400;letter-spacing:0;color:var(--muted)}.view{border:0;background:#edf2ff;color:var(--blue);border-radius:8px;width:40px;height:40px;font-size:21px}.card-hit{display:block;width:100%;text-align:left;color:inherit;padding:0;border:0;background:none;cursor:pointer}.more{display:block;margin:32px auto 0;border:1px solid var(--line);border-radius:10px;background:white;padding:13px 25px;color:var(--navy)}.empty{grid-column:1/-1;text-align:center;padding:60px;background:white;border-radius:18px}.empty button{margin-top:20px}.editorial{margin-top:52px;padding:32px;border-radius:18px;background:#eaf0ff;display:flex;justify-content:space-between;align-items:center;gap:30px}.editorial h2{margin:0 0 10px;font-size:24px}.editorial p{margin:0;line-height:1.6;color:#4d607f}.editorial a{white-space:nowrap;font-weight:600;color:var(--blue)}footer{padding:40px 5vw;background:white;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:20px}footer strong{font-size:25px;color:var(--blue);letter-spacing:-1px}footer strong span{font-size:10px;vertical-align:top}footer p,footer small{color:var(--muted);font-size:13px;line-height:1.6}footer>div:nth-child(2){display:flex;justify-content:flex-end;gap:24px;align-items:center;font-size:14px}footer small{grid-column:1/-1}.page-head{max-width:740px;margin:60px 0 40px}.page-head p{color:var(--muted);font-size:18px;line-height:1.7}.prose{max-width:850px}.prose section{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;margin:20px 0;scroll-margin-top:25px}.prose h2{font-size:23px}.prose p,.prose li{font-size:16px;line-height:1.8;color:#4f607c}.prose a{color:var(--blue);text-decoration:underline}.prose details{padding:23px 26px;background:#fff;border:1px solid var(--line);border-radius:12px;margin:12px 0}.prose summary{cursor:pointer;font-weight:600;font-size:17px}.prose details p{margin-bottom:0}.legal-nav{display:flex;gap:10px;flex-wrap:wrap}.legal-nav a{padding:10px 14px;background:white;border:1px solid var(--line);border-radius:24px;font-size:14px}.notice{background:#eef3ff;padding:18px;border-left:3px solid var(--blue);line-height:1.6;font-size:14px}dialog{border:0;border-radius:20px;max-width:850px;width:calc(100% - 32px);max-height:90vh;padding:0;box-shadow:0 35px 100px #00194450}dialog::backdrop{background:#0d1a37a6;backdrop-filter:blur(5px)}.close{position:sticky;float:right;top:15px;margin:15px 15px -60px 0;z-index:2;border:0;background:white;width:42px;height:42px;border-radius:50%;font-size:28px;color:var(--navy)}.detail-photo{width:100%;height:390px;object-fit:cover;background:#eaf0fc}.gallery{display:flex;gap:9px;padding:12px 24px;overflow:auto}.gallery button{border:2px solid transparent;padding:0;border-radius:6px;background:white;flex-shrink:0}.gallery button.active{border-color:var(--blue)}.gallery img{width:85px;height:60px;object-fit:cover;display:block;border-radius:4px}.detail-body{padding:10px 30px 30px}.detail-body h2{font-size:30px;letter-spacing:-1px}.detail-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.detail-specs div{background:#f5f7fb;padding:15px;border-radius:10px}.detail-specs small{display:block;color:var(--muted);margin-bottom:7px}.detail-body .primary{display:inline-block}.detail-body p{color:var(--muted);line-height:1.65}.skip{position:absolute;top:-100px;left:20px;background:white;padding:12px;z-index:10}.skip:focus{top:5px}.loading{padding:80px;text-align:center}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}.hero-photo{transform:none}}@media(min-width:1600px){header,footer{padding-left:calc((100vw - 1296px)/2);padding-right:calc((100vw - 1296px)/2)}}@media(max-width:1000px){.grid{grid-template-columns:repeat(2,1fr)}.hero{gap:4%}h1{font-size:46px}.hero-photo{height:265px}.search-panel{grid-template-columns:1.5fr 1fr}.hero p{font-size:16px}.photo-note{left:0}.card-image{height:220px}}@media(max-width:780px){header{/* layout handled in 900px */}.brand{width:120px}.brand img{height:44px}nav{/* layout handled in 900px */}.language{padding:6px 9px}.hero{grid-template-columns:1fr;padding:28px 0;gap:24px}h1{font-size:43px;letter-spacing:-2px;margin:17px 0}.hero p{margin-bottom:0}.hero-photo{height:240px}.hero-art{padding:0 10px 15px}.photo-note{bottom:0;padding:10px 14px}.search-panel{padding:17px;gap:13px;margin-top:17px}.field:first-child{grid-column:1/-1}.search-panel .primary{grid-column:1/-1}.field label{font-size:11px}.grid{grid-template-columns:1fr;gap:20px}.card-image{height:250px}.results-head{align-items:flex-start;flex-direction:column;gap:8px}.results-head h2{font-size:23px}.sort{align-self:flex-end}.editorial{padding:23px;flex-direction:column;align-items:flex-start}.editorial h2{font-size:22px}footer{grid-template-columns:1fr;padding:30px 6vw}footer>div:nth-child(2){justify-content:flex-start;flex-wrap:wrap}.detail-photo{height:260px}.detail-specs{grid-template-columns:repeat(2,1fr)}.detail-body{padding:10px 20px 25px}.page-head{margin-top:35px}.prose section{padding:22px}.prose details{padding:20px}.page-head h1{font-size:38px}}

/* Nops gaps — pricing strip, bron chips, zoek slots */
.ww-pricing-strip{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin:8px 0 22px;padding:18px 20px;background:#fff;border:1px solid var(--line,#e0e7f1);border-radius:16px}
.ww-strip-plans{display:flex;gap:10px;flex-wrap:wrap}
.ww-strip-plan{display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;background:#eaf0ff;color:var(--blue,#0754f8);font-weight:700;font-size:14px}
.ww-strip-plan.featured{background:var(--navy,#10254c);color:#fff}
.ww-strip-anti{margin:0;font-size:13px;font-weight:600;color:var(--navy,#10254c)}
.ww-risk-badge{margin:0;font-size:13px;color:var(--muted,#62718a)}
.ww-bellen-note{margin:12px 0 0;font-size:14px;color:var(--navy,#10254c);max-width:52rem;line-height:1.5}
.bron-chip{position:absolute;left:12px;bottom:12px;z-index:2;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.2px;background:#fff;color:var(--navy,#10254c);border:1px solid var(--line,#e0e7f1)}
.bron-chip.free{background:#e8f8ef;color:#0b6b3a;border-color:#bfe8cf}
.bron-chip.paid{background:#fff4e8;color:#9a4b00;border-color:#f0d2b0}
.card-image{position:relative}
.ww-zoek-strip{margin:8px 0 28px;padding:20px;background:#f6f8fc;border:1px solid var(--line,#e0e7f1);border-radius:16px}
.ww-zoek-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 16px;margin-bottom:14px}
.ww-zoek-head h2{margin:0;font-size:18px}
.ww-zoek-head p{margin:0;color:var(--muted,#62718a);font-size:14px;flex:1}
.ww-zoek-head a{font-weight:600;font-size:14px}
.ww-zoek-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.ww-zoek-slot{background:#fff;border:1px dashed var(--line,#e0e7f1);border-radius:12px;padding:14px;min-height:88px}
.ww-zoek-slot.filled{border-style:solid;border-color:#c9d7ff}
.ww-zoek-slot .n{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#eaf0ff;color:var(--blue,#0754f8);font-size:12px;font-weight:700;margin-bottom:8px}
.ww-zoek-slot p{margin:0;font-size:13px;line-height:1.4;color:var(--navy,#10254c)}
.ww-zoek-slot.empty p{color:var(--muted,#62718a)}
@media(max-width:900px){.ww-zoek-slots{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.ww-zoek-slots{grid-template-columns:1fr}.ww-pricing-strip{flex-direction:column;align-items:flex-start}}

/* Header layout: brand | nav | actions */
.header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0;margin-left:auto}
.nav-auth{display:inline-flex;align-items:center;gap:8px}
.nav-auth a{font-weight:600;font-size:13px;text-decoration:none;padding:8px 14px;border-radius:999px;white-space:nowrap;line-height:1.2;min-height:40px;display:inline-flex;align-items:center;justify-content:center}
a.nav-signin{color:var(--navy);border:1px solid var(--line);background:#fff}
a.nav-signin:hover{border-color:#b8c7e0;background:#f7f9fc}
a.nav-signup{background:var(--blue);color:#fff!important;border:1px solid var(--blue)}
a.nav-signup:hover{filter:brightness(1.06)}
.nav-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--navy);flex-shrink:0}
.nav-toggle:hover{border-color:#b8c7e0;background:#f7f9fc}
.nav-toggle-bars{display:block;width:18px;height:2px;background:currentColor;border-radius:1px;box-shadow:0 -6px 0 currentColor,0 6px 0 currentColor}
header.nav-open .nav-toggle-bars{height:0;box-shadow:none;background:transparent;position:relative}
header.nav-open .nav-toggle-bars:before,header.nav-open .nav-toggle-bars:after{content:"";position:absolute;left:0;top:0;width:18px;height:2px;background:var(--navy);border-radius:1px}
header.nav-open .nav-toggle-bars:before{transform:rotate(45deg)}
header.nav-open .nav-toggle-bars:after{transform:rotate(-45deg)}
@media(max-width:900px){
  header{flex-wrap:wrap;align-items:center;gap:10px 12px;padding:10px 14px;min-height:0}
  header.nav-open{align-items:flex-start}
  .brand{width:110px;order:1}
  .brand img{height:40px}
  .header-actions{order:2;margin-left:auto;display:contents}
  .nav-auth{order:5;display:none;flex:0 0 100%;width:100%;max-width:100%;gap:10px;padding-top:4px;padding-bottom:4px}
  .language{order:2;margin-left:auto;flex:0 0 auto}
  .nav-toggle{display:inline-flex;order:3;flex:0 0 auto}
  .brand{flex:0 0 auto}
  nav{order:4;display:none;flex:0 0 100%;width:100%;max-width:100%;flex-direction:column;align-items:stretch;gap:4px;padding:8px 0 4px;border-top:1px solid var(--line);justify-content:flex-start;overflow:visible}
  nav a{padding:12px 14px;min-height:44px;display:flex;align-items:center;border-radius:12px;font-size:15px}
  header.nav-open nav{display:flex}
  header.nav-open .nav-auth{display:flex}
  .nav-auth a{flex:1;text-align:center;padding:12px 14px;min-height:44px;font-size:14px}
}
@media(max-width:520px){
  .brand{width:100px}
  .brand img{height:36px}
}

/* Category landings — rooms / houses */
.category-hero{position:relative}
.category-hero h1 em,.category-hero h1 i{font-style:italic;color:var(--blue,#0754f8);font-weight:650}
.category-seo{margin:14px 0 0;font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--muted,#62718a)}
.category-hero .primary{margin-top:22px;display:inline-flex}
.hero-art .hero-photo{width:100%;height:100%;object-fit:cover}
#ptype:disabled{opacity:.85;cursor:not-allowed;background:#eef2f8}
@media(max-width:780px){
  .category-hero .primary{width:100%;justify-content:center}
}


/* Photo clarity: sharp CDN crops, light contrast, no rehost */
.card-image{overflow:hidden;background:#e8eef8}
.card-image img{
  width:100%;height:100%;object-fit:cover;object-position:center;
  transform:translateZ(0);
  filter:contrast(1.04) saturate(1.05);
  image-rendering:auto;
}
.hero-photo{
  object-fit:cover;object-position:center;
  filter:contrast(1.05) saturate(1.04) brightness(1.01);
  image-rendering:auto;
}
.detail-photo{
  width:100%;max-height:min(68vh,640px);object-fit:cover;object-position:center;
  filter:contrast(1.04) saturate(1.03);
  border-radius:18px;
}
.gallery img{filter:contrast(1.03) saturate(1.02)}
@media (prefers-reduced-motion:reduce){
  .card-image img,.hero-photo,.detail-photo{filter:none}
}

/* New listing badge + home strip */
.tag-new{background:var(--blue,#0754f8);color:#fff;border:0;box-shadow:0 4px 12px #0754f855;letter-spacing:.3px;text-transform:uppercase;font-size:11px;left:auto;right:56px;top:14px}
.card-image .tag+.tag-new,.card-image .tag-new{position:absolute;z-index:2}
.card-new-mini .tag-new{right:14px}
.save-home{z-index:3}
.new-listings{margin:8px 0 28px;padding:22px;border:1px solid var(--line,#e0e7f1);border-radius:18px;background:linear-gradient(180deg,#f4f7ff 0%,#fff 55%);box-shadow:0 10px 30px #1b39720a}
.new-listings-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;margin-bottom:16px;flex-wrap:wrap}
.new-listings-head h2{margin:6px 0;font-size:26px;letter-spacing:-.6px}
.new-listings-head p{margin:0;color:var(--muted,#62718a);font-size:14px}
.new-listings-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.card-new-mini .card-image{height:140px}
.card-new-mini h3{font-size:15px;margin:0 0 8px;letter-spacing:-.2px}
.card-new-mini .card-body{padding:12px 14px 14px}
.card-new-mini .price{font-size:16px;font-weight:750}
.card-new-mini .location{font-size:11px;margin:0 0 6px}
@media(max-width:1000px){.new-listings-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.new-listings-grid{grid-template-columns:1fr}.new-listings{padding:16px}}

/* Listing detail: search profile accordion (collapsed by default) */
.ww-detail-profile{margin:18px 0;border:1px solid var(--line,#e0e7f1);border-radius:12px;background:#f6f8fc;overflow:hidden}
.ww-detail-profile-toggle{width:100%;display:flex;align-items:center;gap:10px;padding:14px 16px;border:0;background:transparent;color:var(--navy,#10254c);cursor:pointer;text-align:left;font:inherit}
.ww-detail-profile-toggle:hover{background:#eef3ff}
.ww-detail-profile-toggle:focus-visible{outline:2px solid var(--blue,#0754f8);outline-offset:-2px}
.ww-detail-profile-title{font-weight:650;font-size:15px;flex:1}
.ww-detail-profile-action{font-size:13px;color:var(--blue,#0754f8);font-weight:600}
.ww-detail-profile-chevron{font-size:14px;color:var(--muted,#62718a);transition:transform .18s}
.ww-detail-profile-toggle.is-open .ww-detail-profile-chevron,.ww-detail-profile-toggle[aria-expanded=true] .ww-detail-profile-chevron{transform:rotate(180deg)}
.ww-detail-profile-panel{padding:0 16px 14px;border-top:1px solid var(--line,#e0e7f1)}
.ww-detail-profile-panel[hidden]{display:none!important}
.ww-detail-profile-block{margin-top:12px}
.ww-detail-profile-block h3{margin:0 0 8px;font-size:13px;letter-spacing:.4px;text-transform:uppercase;color:var(--muted,#62718a)}
.ww-detail-profile-list{margin:0;padding:0;list-style:none}
.ww-detail-profile-list li{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;padding:7px 0;border-bottom:1px solid #e8eef7;font-size:14px;color:var(--navy,#10254c)}
.ww-detail-profile-list li:last-child{border-bottom:0}
.ww-detail-profile-list small{color:var(--muted,#62718a);font-size:12px}
.ww-detail-profile-mark{font-weight:700;width:1.1em}
.ww-detail-profile-pass .ww-detail-profile-mark{color:#1a6b3c}
.ww-detail-profile-fail .ww-detail-profile-mark{color:#8a3b2a}
.ww-detail-profile-empty,.ww-detail-profile-hint{margin:0;font-size:13px;line-height:1.5;color:var(--muted,#62718a)}
.ww-detail-profile-hint{margin-top:8px}
.ww-detail-profile a{color:var(--blue,#0754f8);font-weight:600}
@media(prefers-reduced-motion:reduce){.ww-detail-profile-chevron{transition:none}}
