/* Texelborg — Prijzen | definitieve pagina-CSS — Fix206 */

/* Hero */
.price-page .page-hero{
  padding-top:24px;
  padding-bottom:24px;
}
.price-page .page-hero .eyebrow{
  margin-bottom:6px;
}
.price-page .page-hero p{
  max-width:680px;
  margin:7px 0 0;
  font-size:16.5px;
  line-height:1.55;
}
.price-page .price-year-switch{
  display:inline-flex;
  gap:4px;
  margin-top:10px;
  padding:3px;
  border:1px solid rgba(13,59,90,.10);
  border-radius:999px;
  background:rgba(255,255,255,.58);
}
.price-page .price-year-switch .year-btn{
  text-decoration:none;
  padding:7px 16px;
}

/* Intro */
.price-page .price-intro-grid{
  display:grid;
  grid-template-columns:1fr;
  align-items:start;
}
.price-page .page-hero + section.content{
  padding-top:2px;
  padding-bottom:8px;
}
.price-page .price-intro-grid > div:first-child h2{
  margin:0 0 5px;
  font-size:29px;
  line-height:1.08;
}
.price-page .price-intro-grid > div:first-child p{
  max-width:780px;
  margin:0;
  color:var(--muted);
  line-height:1.58;
}

/* Hoofdblok tarieven */
.price-page section.texel-accent{
  padding-top:8px;
  padding-bottom:22px;
  background:linear-gradient(180deg,rgba(247,243,235,.82),rgba(255,255,255,.22));
}
.price-page .price-table-intro{
  display:flex;
  align-items:baseline;
  gap:12px;
  margin:0 0 10px;
}
.price-page .price-table-intro strong{
  font-family:var(--font-display);
  font-size:25px;
  line-height:1.15;
  font-weight:600;
  letter-spacing:-.012em;
  color:var(--green);
}
.price-page .price-table-intro span{
  color:var(--muted);
  font-size:14px;
}
.price-page .table-wrap{
  background:#fff;
  border-color:rgba(23,63,87,.12);
  box-shadow:0 8px 24px rgba(23,63,87,.045);
}
.price-page th{
  background:#edf5f8;
}
.price-page tbody tr:last-child td{
  border-bottom:0;
}
.price-page td b{
  color:var(--navy);
  font-weight:700;
}

/* Weekend / midweek en bijkomende kosten */
.price-page .price-two{
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
  gap:24px;
  align-items:start;
  margin-top:16px;
}
.price-page .price-two h2{
  margin:0 0 8px;
  font-family:var(--font-display);
  font-weight:600;
  letter-spacing:-.012em;
  font-size:30px;
  line-height:1.08;
  color:var(--navy);
}
.price-page .price-two p{
  margin:0;
  line-height:1.62;
}
.price-page .price-highlight{
  display:inline-block;
  margin:10px 0 9px;
  font-family:var(--font-display);
  font-weight:600;
  font-size:36px;
  line-height:1;
  letter-spacing:-.018em;
  color:var(--green);
}
.price-page .price-two > div:last-child .table-wrap{
  margin-top:0;
}

/* Acties */
.price-page .price-actions{
  display:flex;
  gap:var(--tb-space-sm);
  flex-wrap:wrap;
  margin-top:16px;
}
.price-page .price-actions-desktop{
  display:none;
}

/* Onderste kaarten */
.price-page section.texel-accent + section.price-benefits{
  padding-top:14px;
  padding-bottom:26px;
}
.price-page .price-benefits .quick{
  gap:16px;
}
.price-page .price-benefits .quick .card{
  padding:18px 19px;
  border-color:rgba(23,63,87,.10);
  box-shadow:0 8px 24px rgba(23,63,87,.055);
}
.price-page .price-benefits .quick .card:nth-child(2){
  background:#fbf8f2;
}
.price-page .price-benefits .quick .card:nth-child(3){
  background:#f4f8f5;
}
.price-page .price-benefits .quick .card h3{
  margin:0 0 5px;
  font-size:23px;
  line-height:1.08;
}
.price-page .price-benefits .quick .card p{
  margin:0;
  color:var(--muted);
  line-height:1.58;
}
.price-page .price-benefits .quick .card p + a{
  display:inline-block;
  margin-top:9px;
  text-decoration:none;
}

/* Footermerk */
.price-page footer .footer-brand strong{color:#fff}
.price-page footer .footer-brand span{color:#c9dce6}

/* Brede desktop */
@media(min-width:901px){
  .price-page .price-actions-desktop{
    display:flex;
    margin-top:20px;
  }
  .price-page .price-actions-flow{display:none}
}

/* Tablet */
@media(max-width:900px){
  .price-page .page-hero{
    padding-top:24px;
    padding-bottom:24px;
  }
  .price-page .page-hero + section.content{
    padding-top:2px;
    padding-bottom:7px;
  }
  .price-page section.texel-accent{
    padding-top:7px;
    padding-bottom:20px;
  }
  .price-page .price-two{
    grid-template-columns:1fr;
    gap:16px;
    margin-top:14px;
  }
  .price-page section.texel-accent + section.price-benefits{
    padding-top:12px;
    padding-bottom:22px;
  }
}

/* Mobiel */
@media(max-width:700px){
  .price-page .page-hero{
    padding-top:14px;
    padding-bottom:18px;
  }
  .price-page .page-hero .eyebrow{margin-bottom:4px}
  .price-page .page-hero p{
    margin-top:6px;
    font-size:15px;
    line-height:1.55;
  }
  .price-page .price-year-switch{
    margin-top:9px;
  }
  .price-page .price-year-switch .year-btn{
    padding:8px 18px;
  }
  .price-page .page-hero + section.content{
    padding-top:0;
    padding-bottom:5px;
  }
  .price-page .price-intro-grid > div:first-child h2{
    margin:0 0 5px;
    font-size:27px;
  }
  .price-page .price-intro-grid > div:first-child p{
    font-size:15px;
    line-height:1.55;
  }
  .price-page section.texel-accent{
    padding-top:5px;
    padding-bottom:16px;
  }
  .price-page .price-table-intro{
    display:block;
    margin-bottom:9px;
  }
  .price-page .price-table-intro strong{
    display:block;
    font-size:22px;
  }
  .price-page .price-table-intro span{
    display:block;
    margin-top:3px;
    font-size:13.5px;
    line-height:1.45;
  }
  .price-page .price-two{
    gap:12px;
    margin-top:12px;
  }
  .price-page .price-two h2{
    margin-bottom:6px;
    font-size:27px;
  }
  .price-page .price-two p{
    font-size:15px;
    line-height:1.55;
  }
  .price-page .price-highlight{
    margin:8px 0 7px;
    font-size:33px;
  }
  .price-page .price-two > div:last-child .table-wrap{
    margin-top:8px;
  }
  .price-page .price-actions{
    margin-top:13px;
  }
  .price-page section.texel-accent + section.price-benefits{
    padding-top:9px;
    padding-bottom:18px;
  }
  .price-page .price-benefits .quick{
    gap:10px;
  }
  .price-page .price-benefits .quick .card{
    padding:16px 17px;
  }
  .price-page .price-benefits .quick .card h3{
    margin-bottom:4px;
    font-size:21px;
  }
  .price-page .price-benefits .quick .card p{
    font-size:14.5px;
    line-height:1.52;
  }
  .price-page .price-benefits .quick .card p + a{
    margin-top:7px;
  }
}

/* Lage landscape-weergave: compacter zonder inhoud samen te drukken. */
@media(max-width:900px) and (max-height:520px) and (orientation:landscape){
  .price-page .page-hero{
    padding-top:18px;
    padding-bottom:22px;
  }
  .price-page .page-hero p{margin-top:6px}
  .price-page .price-year-switch{margin-top:7px}
  .price-page .page-hero + section.content{
    padding-top:0;
    padding-bottom:4px;
  }
  .price-page section.texel-accent{
    padding-top:4px;
    padding-bottom:14px;
  }
  .price-page .price-two{margin-top:10px}
  .price-page section.texel-accent + section.price-benefits{
    padding-top:8px;
    padding-bottom:16px;
  }
}