@charset "UTF-8";
html {
  overflow-x: hidden;
}

body {
  height: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

h1 {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 30px;
  line-height: 38px;
  color: #3e5988;
  font-weight: lighter;
  text-align: left;
}

h2 {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 22px;
  line-height: 28px;
  color: #3e5988;
  font-weight: 100;
  text-align: left;
}

h2 A:link {
  text-decoration: none;
  color: #9f1537;
}

h2 A:hover {
  text-decoration: none;
  color: #9f1537;
}

h2 A:visited {
  text-decoration: none;
  color: #9f1537;
}

p {
  text-align: left;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 21px;
}

a:link {
  color: #A01528;
  text-decoration: none;
}

a:visited {
  color: #A01528;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:active {
  text-decoration: none;
  text-align: left;
}

/* BOVENSTE BLAUWE LAAG */
#buitencontainer {
  /* full-bleed layout: niet afkappen; banden vullen de viewport,
     content centreert binnenin op --aw-page (zie full-bleed sectie). */
  max-width: none;
  clear: none;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

#container {
  width: 50%;
  clear: both;
  margin-top: 165px;
}

#top_blauw {
  top: 0;
  position: fixed;
  height: 57px;
  /* boven #menulinks (ook 9999) uit: anders valt de accountheaderblok-dropdown
     achter de menubalk (LANDEN/SMAKEN/...) omdat #menulinks later in de DOM
     staat en bij gelijke z-index dan wint. Blijft onder de mobiele
     hamburger-overlay (div.main-menu, zie _responsive.scss). */
  z-index: 10000;
  width: 100%;
  float: right;
  /*  clear: both; */
  background-color: #4a6fac;
}

#logoblok {
  margin-top: 5px;
  float: left;
  margin-left: 5%;
  width: 11%;
  min-width: 180px;
}

#hamburgermenu {
  top: 0;
  position: fixed;
  float: left;
  height: 47px;
  padding-top: 10px;
  z-index: 9999;
  /* min-width:652px;
  width: 10%;
  display: none; */
  background-color: #4a6fac;
}

/* #hamburgermenu2: dood (geen markup) — verwijderd. De .open .landItems
   open-state staat bij #menulinks hieronder. Live mobiel-menu = .menu-wrapper. */
#telefoonnummerblok {
  float: right;
  width: 12%;
  margin-top: 18px;
  margin-right: 3%;
  color: #ffffff;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
  font-size: 12px;
  display: flex;
}

#winkelwagenheaderblok {
  position: relative;
  float: right;
  margin-top: 10px;
  color: #ffffff;
  margin-right: 10%;
  width: 50px;
  height: 50px;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
  font-size: 14px;
  text-decoration: inverse;
}

.cart-trigger {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.cart-icon {
  width: 28px;
  height: 28px;
  color: #ffffff;
}

#cart-count {
  position: absolute;
  top: 2px;
  right: 2px;
  line-height: 1;
}

.winkelwagenheader_aantalflessen {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  padding: 4px 7px;
  border: 0px solid #a12727;
  border-radius: 15px;
  background: #f77708;
  background: -webkit-gradient(linear, left top, left bottom, from(#f77708), to(#fc8b00));
  background: -moz-linear-gradient(top, #f77708, #fc8b00);
  background: linear-gradient(to bottom, #f77708, #fc8b00);
  text-shadow: #a85e0f 1px 1px 0px;
  font: normal normal bold 12px arial;
  color: #ffffff;
  text-decoration: none;
}

.winkelwagenheader_aantalflessen:hover,
.bwinkelwagenheader_aantalflessen:focus {
  background: #ff8f0a;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff8f0a), to(#ffa700));
  background: -moz-linear-gradient(top, #ff8f0a, #ffa700);
  background: linear-gradient(to bottom, #ff8f0a, #ffa700);
  color: #ffffff;
  text-decoration: none;
}

.winkelwagenheader_aantalflessen:active {
  background: #944705;
  background: -webkit-gradient(linear, left top, left bottom, from(#944705), to(#fc8b00));
  background: -moz-linear-gradient(top, #944705, #fc8b00);
  background: linear-gradient(to bottom, #944705, #fc8b00);
}

#accountheaderblok {
  position: relative;
  float: right;
  margin-top: 10px;
  margin-right: 2%;
  color: #ffffff;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
  font-size: 14px;
  width: 50px;
  height: 50px;
}

.account-menu {
  position: relative;
  width: 100%;
  height: 100%;
}

.account-trigger {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.account-icon {
  width: 28px;
  height: 28px;
  color: #ffffff;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.account-menu-lijst {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  min-width: 220px;
  background: #ffffff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  z-index: 100;
  text-align: left;
  padding: 8px 0;
}

.account-menu.active .account-menu-lijst {
  display: block;
}

.account-menu-lijst a {
  display: block;
  padding: 8px 16px;
  color: #333333;
  text-decoration: none;
  white-space: nowrap;
  font-size: 14px;
}

.account-menu-lijst a:hover {
  background: #f5f5f5;
}

#taalheaderblok {
  float: right;
  width: 6%;
  height: 50px;
  margin-right: 1%;
  margin-top: 10px;
  color: #ffffff;
  font-weight: bold;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#taalheaderblok a {
  color: white;
  text-decoration: none;
}

#zoekheaderblok {
  position: relative;
  float: right;
  margin-top: 10px;
  margin-right: 1%;
  color: #ffffff;
  width: 50px;
  height: 50px;
}

.zoek-menu {
  position: relative;
  width: 100%;
  height: 100%;
}

.zoek-trigger {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.zoek-icon {
  width: 24px;
  height: 24px;
  color: #ffffff;
}

.zoek-menu-paneel {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  min-width: 280px;
  background: #ffffff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  z-index: 100;
  padding: 10px;
}

.zoek-menu.active .zoek-menu-paneel {
  display: flex;
}

.zoek-menu-paneel form {
  display: flex;
  width: 100%;
}

.zoekveld-uitklap {
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
  height: 36px;
  flex: 1;
  font-size: 14px;
  line-height: 20px;
  padding-left: 12px;
  border: 1px solid #ccc;
  border-radius: 6px 0 0 6px;
  color: #2F2A2A;
}

.zoekveld-uitklap:focus, input:focus {
  outline: none;
}

.zoekveld-uitklap-submit {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 36px;
  border: 0;
  border-radius: 0 6px 6px 0;
  background: #4a6fac;
  cursor: pointer;
}

.zoekveld-uitklap-submit .zoek-icon {
  width: 18px;
  height: 18px;
  color: #ffffff;
}

/* UITKLAP MENUS */
#menulinks {
  position: fixed;
  z-index: 9999;
  width: 102%;
  margin-top: 54px;
  padding-top: 13px;
  padding-bottom: 5px;
  margin-left: -2%;
  padding-left: 5%;
  float: left;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  clear: both;
  height: 38px;
}

.mainmenu {
  text-align: left;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 14px;
  color: #466393;
  float: left;
  width: auto;
  list-style-image: none;
  list-style: none;
  display: inline-block !important;
  display: inline;
  zoom: 1;
}

li.mainmenu {
  margin-right: 4%;
}

li.mainmenu A:link {
  color: #466393;
  text-decoration: none;
}

li.mainmenu A:visited {
  color: #466393;
  text-decoration: none;
}

li.mainmenu A:hover {
  color: #fa9945;
  text-decoration: none;
}

ul.lijst li {
  list-style: none;
  float: left;
}

#menulinks ul {
  margin: 0;
  padding: 0;
}

#menulinks li {
  position: relative;
  padding-bottom: 10px;
}

#menulinks ul ul {
  display: none;
  position: absolute;
  border: 1px solid #ddd;
  list-style: none;
  padding: 15px;
  padding-left: 30px;
  box-shadow: 0 9px 6px -6px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 9px 6px -6px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 9px 6px -6px rgba(0, 0, 0, 0.4);
}

#menulinks li:hover > ul, .open .landItems {
  display: block !important;
}

.landItems {
  background: none repeat scroll 0 0 #FFFFFF;
  list-style: none outside none;
  padding-top: 14px;
  position: absolute;
  width: 700px;
  z-index: 100;
}

.landItems li {
  float: left;
  width: 23%;
}

.smaakItems {
  background: none repeat scroll 0 0 #FFFFFF;
  list-style: none outside none;
  padding-top: 14px;
  padding-bottom: 15px;
  position: absolute;
  width: 600px;
}

.smaakItems li {
  float: left;
  width: 30%;
}

.subItem {
  color: #83b22d;
  text-shadow: none;
  padding: 5px;
  font-size: 16px;
  line-height: 18px;
  font-family: Arial, Helvetica, sans-serif;
}

li.mainmenu li A:link {
  color: #858694;
  text-decoration: none;
}

li.mainmenu li A:visited {
  color: #858694;
  text-decoration: none;
}

li.mainmenu li A:hover {
  color: #fa9945;
  text-decoration: none;
}

.recensieItems {
  background: none repeat scroll 0 0 #FFFFFF;
  list-style: none outside none;
  padding-top: 14px;
  position: absolute;
  width: 200px;
}

.recensieItems li {
  float: left;
  width: 100%;
}

.infoItems {
  background: none repeat scroll 0 0 #FFFFFF;
  list-style: none outside none;
  padding-top: 14px;
  position: absolute;
  width: 180px;
}

.infoItems li {
  float: left;
  width: 100%;
}

.expand {
  display: inline-block;
  height: 20px;
}

ul.lijst {
  padding: 0;
  margin: 0;
}

/* 	NAVIGATIE BLOKJES LAPTOP */
#navigatiesubsites {
  position: fixed;
  height: auto;
  width: 100%;
  padding-bottom: 7px;
  text-align: left;
  float: left;
  margin-top: 89px;
  padding-top: 10px;
  background-color: #ffffff;
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  margin-bottom: 5px;
  padding-left: 2%;
  clear: both;
  z-index: 9;
}

/* ===================================================================
   FULL-BLEED LAYOUT (grapedistrict-stijl)
   Banden (header, categoriebalk, footer, home-secties) vullen de
   volle schermbreedte; de content binnenin wordt gecentreerd op een
   maximale paginabreedte (--aw-page). Op mobiel/tablet (<=1000px)
   blijft de bestaande hamburger-header ongemoeid.
   =================================================================== */
:root {
  --aw-page: 1366px;
}

@media (min-width: 1001px) {
  /* header-banden: achtergrond full-bleed, inhoud gecentreerd op --aw-page */
  #top_blauw,
  #menulinks,
  #navigatiesubsites {
    left: 0;
    right: 0;
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: max(2%, (100% - var(--aw-page)) / 2);
    padding-right: max(2%, (100% - var(--aw-page)) / 2);
  }
  /* menubalk had een full-bleed hack (102% / -2%) die nu overbodig is */
  #menulinks {
    margin-left: 0;
    padding-left: max(2%, (100% - var(--aw-page)) / 2);
  }
  /* logo op dezelfde contentrand laten beginnen als het menu eronder */
  #logoblok {
    margin-left: 0;
  }
  /* footer: blauwe band full-bleed, kolommen gecentreerd */
  #footer {
    padding-left: max(2%, (100% - var(--aw-page)) / 2);
    padding-right: max(2%, (100% - var(--aw-page)) / 2);
  }
  /* hoofdcontent van niet-home pagina's gecentreerd op --aw-page */
  .blokproductpagina,
  .content_infopag {
    max-width: var(--aw-page);
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
}
.navigatieblokje {
  padding-left: 0.8%;
  padding-right: 0.8%;
  padding-bottom: 1px;
  padding-top: 2px;
  float: left;
  margin-right: 1%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #2F2A2A;
}

.navigatieblokje A:link {
  text-decoration: none;
  color: #2F2A2A;
}

.navigatieblokje A:visited {
  text-decoration: none;
  color: #2F2A2A;
}

/* "Weinregionen"/"Wijngebieden" is de laatste knop in deze rij en dus de
   eerste die overloopt: bij te weinig breedte wikkelt hij (met de float-
   layout hierboven) naar een eigen regel, die begint onder de eerste knop
   ("Rot"/"Rood") - optisch een wees-knopje EN, omdat #navigatiesubsites
   position:fixed is en #container een vaste margin-top heeft (165px, komt
   overeen met precies 1 regel van deze balk), zou die tweede regel ook
   achter de pagina-inhoud eronder wegvallen - dus niet zomaar "lelijk",
   maar volledig onbereikbaar. Voorheen daarom onder 1270px verborgen, maar
   dat maakte de knop juist weer onbereikbaar op elk scherm smaller dan
   1270px CSS-pixels breed (bijv. een niet-gemaximaliseerd browservenster
   op een overigens brede laptop) - vandaar de klacht dat hij "verdwenen"
   was terwijl het scherm breed genoeg leek. Nu i.p.v. verbergen: de rij
   blijft altijd één regel hoog (geen wrap, geen clipping-risico) en wordt
   horizontaal scrollbaar zodra hij niet meer past, zodat elke knop -
   inclusief Wijngebieden - op elke breedte >1000px (daaronder neemt het
   hamburgermenu het over) bereikbaar blijft. */
@media (max-width: 1269px) {
  #navigatiesubsites {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  #navigatiesubsites .navigatieblokje {
    float: none;
    display: inline-block;
    vertical-align: top;
  }
}
.getalinbutton {
  color: #2F2A2A;
}

/*
 .getalinbutton A:link{
	color:#ffffff;
}
.getalinbutton A:visited{
	color:#ffffff;
} */
.button {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  padding: 6px 14px;
  border: 1px solid #d5d9e0;
  border-radius: 16px;
  background: #ffffff;
  font: normal normal normal 14px arial;
  color: #2F2A2A;
  text-decoration: none;
}

.button:hover,
.button:focus {
  border: 1px solid #466393;
  background: #eef2f9;
  color: #466393;
  text-decoration: none;
}

.button:active {
  background: #dde6f3;
}

.button A:link {
  color: #2F2A2A;
}

.button A:visited {
  color: #2F2A2A;
}

/* FOOTER FOOTER FOOTER */
#footer {
  clear: both;
  width: 100%;
  height: auto;
  padding-top: 10px;
  background-color: #4a6fac;
}

.footertekst {
  text-align: left;
  font-family: georgia, serif;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 14px;
  line-height: 16px;
  color: #FFF;
}

.footertekst A:link {
  color: #FFF;
  text-decoration: none;
}

.footertekst A:visited {
  color: #FFF;
  text-decoration: none;
}

.footertekst A:hover {
  text-decoration: none;
  color: #fa9945;
}

.footertekst A:active {
  text-decoration: none;
}

.footerkleintekst {
  font-family: georgia, serif;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: #666;
  text-align: center;
}

.footerkoptekst {
  text-align: left;
  font-family: Verdana, Geneva, sans-serif;
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
  color: #FFF;
}

.footerblok1 {
  width: 27%;
  height: auto;
  float: left;
  padding-right: 2%;
  padding-left: 2%;
}

.footerblok2 {
  width: 18%;
  height: auto;
  float: left;
  padding-right: 2%;
  padding-left: 2%;
  display: block;
}

.footerblok3 {
  width: 18%;
  height: auto;
  float: left;
  padding-right: 2%;
  padding-left: 2%;
  display: block;
}

.footerblok4 {
  width: 21%;
  height: auto;
  float: left;
  padding-right: 2%;
  padding-left: 2%;
}

/* "Volg ons"-blok: opgenomen bovenin de (blauwe) footer, met een kop in
   dezelfde stijl als de andere footerkolommen i.p.v. het losse bleke bandje
   dat er eerst boven de footer zweefde. */
.footer-social {
  clear: both;
  width: 100%;
  padding: 2px 2% 14px;
  margin-bottom: 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.18);
}
.footer-social .footerkoptekst {
  margin: 0 0 9px;
}

.footer-social-iconen {
  display: flex;
  align-items: center;
  gap: 18px;
}
.footer-social-iconen a {
  display: inline-flex;
  color: #fff;
  transition: color 0.15s ease;
}
.footer-social-iconen a:hover,
.footer-social-iconen a:focus {
  color: #fa9945;
}
.footer-social-iconen svg {
  width: 22px;
  height: 22px;
  fill: currentColor;
  display: block;
}

.onderfooter {
  width: 100%;
  margin-top: 10px;
  height: auto;
  clear: both;
}

.onderstefooter {
  width: 100%;
  padding-top: 25px;
  padding-bottom: 25px;
  clear: both;
}

.blokjesonderfooter {
  margin-left: 10%;
  float: left;
}

/* PRODUCTCATEGORIE PAGINA PRODUCTCATEGORIE PAGINA PRODUCTCATEGORIE PAGINA  */
.blokproductpagina {
  width: 100%;
  padding-left: 3%;
  padding-right: 3%;
}

/* productcategorie-pagina's krijgen een smallere marge dan de rest (product-,
   info-, account- ... pagina's delen dezelfde .blokproductpagina-wrapper) */
.blokproductpagina.blokproductpagina-categorie {
  padding-left: 4%;
  padding-right: 4%;
}

/* Minimal-corporate kop voor categoriepagina's (scoped als direct kind, raakt
   de h1 binnen .content_infopag op infopagina's niet aan) */
.blokproductpagina > h1 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-weight: 800;
  font-size: 26px;
  line-height: 1.25;
  letter-spacing: -0.01em;
  color: #262626;
  margin: 20px 0 10px;
}

.blokproductpagina > h1::after {
  content: "";
  display: block;
  width: 32px;
  height: 3px;
  background: #4a6fac;
  margin: 8px 0 16px;
}

#scheidingsblok {
  padding-top: 128px;
}

.prijslinkerblokvoorkomma {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #3e5988;
  color: #181515;
  font-size: 26px;
}

.prijslinkerbloknakomma {
  font-family: Arial, Helvetica, sans-serif;
  color: #3e5988;
  color: #181515;
  font-size: 16px;
}

.oudeprijslinkerblokvoorkomma {
  font-family: Arial, Helvetica, sans-serif;
  color: #808080;
  font-size: 20px;
  font-weight: bold;
}

.oudeprijslinkerbloknakomma {
  font-family: Arial, Helvetica, sans-serif;
  color: #808080;
  font-size: 12px;
}

.prijswijnaanbieding {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 28px;
  color: #f4640f;
  font-weight: bold;
}

.prijswijnaanbiedingklein {
  color: #f4640f;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
}

.tegelcategoriepagina {
  min-height: 195px;
  width: 47.5%;
  padding-top: 12px;
  margin-right: 1%;
  display: flex;
  flex-direction: column;
  border: 1px solid #dddddd;
  margin-bottom: 14px;
  box-shadow: 0 9px 6px -6px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 9px 6px -6px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 9px 6px -6px rgba(0, 0, 0, 0.4);
}

.tegelcategoriepagina_boven {
  clear: right;
  flex: 1 0 auto;
}

.fotoflesintegel {
  width: 20%;
  margin-left: 5%;
  float: left;
  min-height: 260px;
}

.foto_in_tegel_catpag {
  display: block;
  text-align: left;
}

a.foto_in_tegel_catpag:hover {
  opacity: 0.78;
}

.teksttegelproductpag {
  width: 100%;
  min-height: 278px;
  text-align: left;
  margin-left: 5px;
  margin-right: 5px;
  clear: none;
}

.teksttegelproductpag p {
  color: #000;
  line-height: 22px;
  font-size: 14px;
  /*font-family: 'Open Sans', sans-serif;*/
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}

.naam_herkomst_categoriepag {
  min-height: 128px;
  padding-right: 1%;
}

.naam_herkomst_categoriepag p {
  color: #857A7A;
}

.naam_herkomst_categoriepag_proefdoos {
  min-height: 150px;
  padding-top: 35px;
  padding-right: 1%;
}

.naam_herkomst_categoriepag_proefdoos p {
  color: #857A7A;
}

.beschr_herkomst_categoriepag {
  min-height: 85px;
  width: 96%;
  padding-right: 15px;
}

.beschr_herkomst_categoriepag p {
  font-size: 16px;
  line-height: 24px;
  color: #000000;
}

.beschr_herkomst_categoriepag A:link {
  text-decoration: none;
  color: #000000;
}

.beschr_herkomst_categoriepag A:hover {
  text-decoration: none;
  color: #000000;
}

.beschr_herkomst_categoriepag A:visited {
  text-decoration: none;
  color: #000000;
}

.beschr_herkomst_categoriepag_proefdoos {
  min-height: 110px;
  width: 96%;
  padding-right: 15px;
}

.tegelcategoriepagina_onder {
  clear: left;
  margin-top: auto;
}

.prijsblok_categoriepag {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 12px calc(2% + 1em) 4px;
  border-top: 1px solid #ddd;
}

.prijsblok_categoriepag > p {
  margin: 0;
}

.prijsblok_categoriepag_rij {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}

.prijs_categoriepag {
  text-align: left;
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 8px;
}

.prijs_categoriepag p {
  margin: 0;
}

.lowstock_categoriepag {
  display: flex;
  align-items: center;
  gap: 8px;
}

.prijsblok_categoriepag .aantalkiezen {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 14px;
  margin: 0;
  padding: 6px 8px;
  border: 1px solid #ccc;
  border-radius: 6px;
  background: #ffffff;
  color: #2F2A2A;
}

.Bestelknopklein {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-align: center;
  vertical-align: middle;
  padding: 8px 16px;
  border: 0;
  border-radius: 6px;
  background: #5aba1a;
  background: -webkit-gradient(linear, left top, left bottom, from(#5aba1a), to(#438e12));
  background: -moz-linear-gradient(top, #5aba1a, #438e12);
  background: linear-gradient(to bottom, #5aba1a, #438e12);
  font: normal normal normal 14px verdana;
  color: #ffffff;
  text-decoration: none;
}

.Bestelknopklein:hover,
.Bestelknopklein:focus {
  border: 0px solid #54b217;
  background: #6cdf1f;
  background: -webkit-gradient(linear, left top, left bottom, from(#6cdf1f), to(#50aa16));
  background: -moz-linear-gradient(top, #6cdf1f, #50aa16);
  background: linear-gradient(to bottom, #6cdf1f, #50aa16);
  color: #ffffff;
  text-decoration: none;
}

.Bestelknopklein:active {
  background: #367010;
  background: -webkit-gradient(linear, left top, left bottom, from(#367010), to(#438e12));
  background: -moz-linear-gradient(top, #367010, #438e12);
  background: linear-gradient(to bottom, #367010, #438e12);
}

.prijsblok_categoriepag .Bestelknopklein {
  background: #83b22d;
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: bold;
}

.prijsblok_categoriepag .Bestelknopklein:hover,
.prijsblok_categoriepag .Bestelknopklein:focus {
  border: 0;
  background: #6f9726;
}

.prijsblok_categoriepag .Bestelknopklein:active {
  background: #5e8020;
}

.beperktleverbaar {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #C30;
  text-transform: uppercase;
  text-align: right;
}

.beperktleverbaaraantal {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #C30;
  text-transform: uppercase;
}

.prijsblok_categoriepag .beperktleverbaar {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #9c7430;
  text-transform: none;
  text-align: left;
}

.prijsblok_categoriepag .beperktleverbaaraantal {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #9c7430;
  text-transform: none;
}

.fotoproefdoosmiddel {
  width: 35%;
  margin-left: 5%;
  margin-top: 10px;
  padding-top: 30px;
  margin-right: 5%;
  float: left;
  min-height: 145px;
  clear: none;
}

.aantalkiezen {
  font-size: 22px;
  margin: 4px;
}

.bestelinfoallessmaak {
  width: 100%;
  padding: 25px;
  min-height: 160px;
  text-align: left;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 34px;
  color: #666;
}

/* Minimal-corporate productnaam: kleiner en zwaarder dan de h1, blauw uit
   de topbalk ($blue) zodat kop en productnaam duidelijk contrasteren */
.Productnaam_categorie {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 20px;
  line-height: 1.3;
  color: #4a6fac;
  font-weight: 700;
}

.Productnaam_categorie A:link {
  text-decoration: none;
  color: #4a6fac;
}

.Productnaam_categorie A:hover {
  text-decoration: none;
  color: #4a6fac;
}

.Productnaam_categorie A:visited {
  text-decoration: none;
  color: #4a6fac;
}

.vivinologo {
  margin-bottom: 4px;
  width: 15%;
}

.DGH_score {
  width: 4.8%;
  margin-bottom: 4px;
}

/* Paginering onder de productgrid op categoriepagina's: ronde knoppen in
   dezelfde stijl als de bestelknoppen ($green), met "…" bij veel pagina's. */
#productpaginering {
  clear: both;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
  padding: 32px 0 12px;
}

.paginering-link,
.paginering-pijl {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  height: 38px;
  padding: 0 6px;
  border-radius: 50%;
  border: 1px solid #e2e2e2;
  background: #ffffff;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 14px;
  color: #262626;
  text-decoration: none;
  box-sizing: border-box;
  transition: border-color 0.15s ease, color 0.15s ease, background-color 0.15s ease;
}

.paginering-pijl {
  font-size: 18px;
  line-height: 1;
}

a.paginering-link:hover,
a.paginering-pijl:hover {
  border-color: #83b22d;
  color: #83b22d;
  text-decoration: none;
}

.paginering-link.paginering-actief {
  background: #83b22d;
  border-color: #83b22d;
  color: #ffffff;
  font-weight: 700;
}

.paginering-pijl.paginering-uit {
  opacity: 0.35;
  pointer-events: none;
}

.paginering-ellipsis {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  height: 38px;
  color: #999;
  font-size: 14px;
}

/* HOME PAGE HOME PAGE HOME PAGE */
.laag-home-links {
  width: 50%;
  float: left;
}

.laag-home-rechts {
  width: 50%;
  float: left;
}

.laag-home-volle-breedte {
  width: 100%;
  float: left;
  clear: both;
}

#home {
  box-sizing: border-box;
  color: #262626;
}

#home * {
  box-sizing: border-box;
}

/* gedeelde sectiekop: gecentreerd met gouden streepje */
#home h2 {
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 27px;
  line-height: 1.25;
  font-weight: 700;
  color: #262626;
  margin: 0 0 26px;
}

#home h2:after {
  content: "";
  display: block;
  width: 54px;
  height: 3px;
  margin: 14px auto 0;
  background: #b58a3c;
  border-radius: 2px;
}

/* --- HERO (foto + overlay) --- */
#home .home-hero {
  position: relative;
  padding: 92px 24px;
  margin: 0 0 8px;
  text-align: center;
  color: #ffffff;
  background: linear-gradient(rgba(28, 22, 16, 0.55), rgba(28, 22, 16, 0.6)), url("../image/subsites/Oekraiense-wijngaard.jpg") center/cover no-repeat;
}

/* --- hero-statistieken: 3 regels, diagonaal links/midden/rechts,
   getallen knallen groot uit --- */
#home .home-hero-stats {
  max-width: 560px;
  margin: 0 auto 30px;
}

#home .home-hero-stat {
  display: block;
  width: 100%;
  margin: 0 0 6px;
  font: 500 20px Arial, sans-serif;
  color: #f4efe8;
  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}

#home .home-hero-stat strong {
  display: inline-block;
  margin-right: 12px;
  font-size: 64px;
  line-height: 1;
  font-weight: 800;
  color: #ffffff;
  letter-spacing: -0.5px;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.45);
}

#home .home-hero-stat-links {
  text-align: left;
}

#home .home-hero-stat-midden {
  text-align: center;
}

#home .home-hero-stat-rechts {
  text-align: right;
}

@media (min-width: 1001px) {
  #home .home-hero-stat-links {
    transform: translateX(40px);
  }
  #home .home-hero-stat-rechts {
    transform: translateX(50px);
  }
}
/* de knop blijft gecentreerd, net als de gecentreerde sectiekoppen
   elders op de home */
#home .home-hero p {
  text-align: center;
}

/* --- gouden knop (verken/editorial) --- */
#home .home-hero-knop {
  display: inline-block;
  padding: 13px 32px;
  border-radius: 4px;
  background: #b58a3c;
  color: #ffffff;
  font: 700 14px/1 Arial, sans-serif;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  text-decoration: none;
  transition: background 0.15s;
}

#home .home-hero-knop:hover,
#home .home-hero-knop:visited {
  background: #9c7430;
  color: #ffffff;
}

/* --- rij met willekeurige wijnfoto's (volle breedte, 2 rijen) --- */
#home .home-wijnrij {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  align-items: end;
  gap: 14px;
  padding: 26px 24px;
  background: #ffffff;
  border-bottom: 1px solid #eee;
}

#home .home-wijnrij-fles {
  position: relative;
  display: flex;
  justify-content: center;
  line-height: 0;
}

#home .home-wijnrij-foto {
  height: 110px;
  max-width: 100%;
  width: auto;
  display: block;
  transition: transform 0.15s;
}

#home .home-wijnrij-fles:hover .home-wijnrij-foto {
  transform: translateY(-3px);
}

#home .home-wijnrij-vlag {
  display: none;
  position: absolute;
  top: 2px;
  right: 2px;
  width: 16px;
  height: auto;
  border: 1px solid #fff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
}

@media (min-width: 1001px) {
  #home .home-wijnrij-vlag {
    display: block;
  }
}
@media (max-width: 1000px) {
  #home .home-wijnrij {
    grid-template-columns: repeat(7, 1fr);
  }
  #home .home-wijnrij-fles:nth-child(n+11) {
    display: none;
  }
}
@media (max-width: 750px) {
  #home .home-wijnrij {
    grid-template-columns: repeat(5, 1fr);
    padding: 18px 16px;
    gap: 8px;
  }
  #home .home-wijnrij-foto {
    height: 60px;
  }
}
/* --- promo (Doosje Rode Herfstwijnen), vervangt de flessenrij --- */
#home .home-promo {
  padding: 34px 24px;
  background: #ffffff;
  border-bottom: 1px solid #eee;
}

#home .home-promo-inner {
  display: flex;
  align-items: center;
  gap: 40px;
  max-width: 1040px;
  margin: 0 auto;
}

#home .home-promo-img {
  flex: 0 0 220px;
  display: block;
  line-height: 0;
}

#home .home-promo-img img {
  width: 100%;
  height: auto;
  display: block;
}

#home .home-promo-tekst {
  flex: 1 1 auto;
  text-align: left;
}

#home .home-promo-label {
  margin: 0 0 8px;
  font: 700 13px Arial, sans-serif;
  letter-spacing: 0.6px;
  line-height: 1.3;
  text-transform: uppercase;
  color: #9c7430;
}

#home .home-promo-tekst h2 {
  text-align: left;
  margin: 0 0 14px;
  font-size: 25px;
}

#home .home-promo-tekst h2 a {
  color: inherit;
  text-decoration: none;
}

#home .home-promo-tekst h2:after {
  margin: 12px 0 0;
}

#home .home-promo-tekst p {
  font-size: 17px;
  line-height: 27px;
  color: #5a5a5a;
  margin: 0 0 14px;
}

#home .home-promo-tekst .home-promo-label {
  font-size: 13px;
  line-height: 1.3;
  color: #9c7430;
}

#home .home-promo-tekst .home-promo-prijs {
  margin: 0 0 18px;
  line-height: 1.2;
}

#home .home-promo-oud {
  font: 400 16px Arial, sans-serif;
  color: #808080;
  text-decoration: line-through;
  margin-right: 10px;
}

#home .home-promo-nieuw {
  font: 700 30px Arial, sans-serif;
  color: #f4640f;
}

/* zelfde groen als de bestelknoppen in de wijntegels */
#home .home-promo-tekst .home-promo-knop,
#home .home-promo-tekst .home-promo-knop:visited {
  background: #83b22d;
}

#home .home-promo-tekst .home-promo-knop:hover {
  background: #6f9726;
}

@media (max-width: 750px) {
  #home .home-promo {
    padding: 24px 20px;
  }
  #home .home-promo-inner {
    flex-direction: column;
    gap: 16px;
  }
  #home .home-promo-img {
    flex-basis: auto;
    width: 62%;
  }
  #home .home-promo-tekst,
  #home .home-promo-tekst h2 {
    text-align: center;
  }
  #home .home-promo-tekst h2 {
    font-size: 21px;
  }
  #home .home-promo-tekst h2:after {
    margin: 12px auto 0;
  }
  #home .home-promo-tekst p {
    font-size: 16px;
    line-height: 25px;
  }
  #home .home-promo-nieuw {
    font-size: 26px;
  }
}
/* --- tegelrijen (smaak / land) --- */
#home .home-tegelrij {
  padding: 50px 24px;
  text-align: center;
}

#home .home-tegels {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
  max-width: 1040px;
  margin: 0 auto;
}

#home .home-tegel {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 13px 22px;
  border: 1px solid #e2e2e2;
  border-radius: 6px;
  background: #ffffff;
  color: #333333;
  font: 600 15px Arial, sans-serif;
  text-decoration: none;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  transition: border-color 0.15s, box-shadow 0.15s, transform 0.1s;
}

#home .home-tegel:hover,
#home .home-tegel:visited {
  color: #262626;
}

#home .home-tegel:hover {
  border-color: #b58a3c;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transform: translateY(-1px);
}

#home .home-hero-knop:hover,
#home .home-tegel:hover {
  text-decoration: none;
}

#home .home-tegel-vlag {
  width: 30px;
  height: auto;
  border: 1px solid #eee;
  border-radius: 2px;
}

#home .home-tegel-aantal {
  color: #9a9a9a;
  font-weight: 400;
  font-size: 13px;
}

/* kleurstaal in de smaaktegels */
#home .home-dot {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.18);
  flex: 0 0 auto;
}

/* --- SMAAK: wijnglas-iconen --- */
#home .home-tegel-smaak {
  flex-direction: column;
  gap: 8px;
  width: 116px;
  padding: 18px 12px 16px;
  text-align: center;
}

#home .home-tegel-smaak .home-smaak-icon {
  width: 38px;
  height: 52px;
  display: block;
  transition: transform 0.15s ease;
}

#home .home-tegel-smaak:hover .home-smaak-icon {
  transform: translateY(-2px);
}

#home .home-tegel-smaak .home-tegel-naam {
  font: 600 15px Arial, sans-serif;
  color: #262626;
  line-height: 1.1;
}

#home .home-tegel-smaak .home-tegel-aantal {
  color: #9a9a9a;
  font-size: 13px;
}

/* WIJNGRID: gelijke kaarthoogtes - flex-grid laat de tegels per rij
   even hoog worden; .tegelcategoriepagina_onder (margin-top:auto) duwt
   het prijs-/bestelblok naar onderen zodat die op een lijn staan.
   form:not([id]) sluit het bestelform (id=form1) op de losse productpagina uit. */
.blokproductpagina form:not([id]) {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

#home .blokproductpagina form {
  max-width: 1120px;
  margin: 0 auto;
}

#home .blokproductpagina form .tegelcategoriepagina:nth-of-type(odd) {
  clear: left;
}

/* Zelfde gat-fix nu óók op de categorie-/smaakpagina's: elke linker-tegel
   begint een nieuwe rij, zodat een hoge kaart geen gat naast een lage kaart
   laat staan. */
.blokproductpagina form .tegelcategoriepagina:nth-of-type(odd) {
  clear: left;
}

/* Marketing-/CTA-tegel die het lege vak in de laatste rij opvult (oneven
   aantal flessen) of als volle balk loopt (even aantal). */
.tegel-promo {
  background: #FAF1EA;
  border-color: #ead9c8;
  padding-top: 0;
}

.tegel-promo-vol {
  width: 96.5%;
  clear: left;
}

.tegel-promo-inner {
  padding: 26px 28px;
  text-align: left;
}

.tegel-promo-kop {
  display: block;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 24px;
  line-height: 28px;
  font-weight: 300;
  color: #2F2A2A;
  margin-bottom: 10px;
}

.tegel-promo-tekst {
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 16px;
  line-height: 24px;
  color: #000;
  margin: 0 0 16px 0;
}

.tegel-promo-usps {
  list-style: none;
  margin: 0 0 18px 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 30px;
  color: #666;
}

.tegel-promo-usps li {
  background: url(../image/allpages/check.png) left center no-repeat;
  background-size: 15px 15px;
  padding-left: 26px;
}

a.tegel-promo-knop {
  display: inline-block;
  padding: 9px 20px;
  border-radius: 5px;
  background: linear-gradient(to bottom, #5aba1a, #438e12);
  font: normal normal normal 15px verdana;
  color: #fff;
  text-decoration: none;
}

a.tegel-promo-knop:hover {
  background: linear-gradient(to bottom, #6cdf1f, #50aa16);
  color: #fff;
}

/* --- klantbeoordelingen: trustbalk + kaartenrij --- */
#home .home-reviews-balk {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
  padding: 18px 24px;
  background: #d4e0f4;
  font: 600 17px Arial, sans-serif;
  color: #262626;
}

#home .home-reviews-sterren {
  color: #b58a3c;
  font-size: 27px;
  letter-spacing: 1px;
}

#home .home-reviews-cijfer {
  font-size: 22px;
  font-weight: 800;
}

#home .home-reviews-toelichting {
  color: #3e5988;
  font-weight: 400;
}

#home .home-reviews-link {
  color: #466393;
  font-weight: 600;
  text-decoration: underline;
}

#home .home-reviews-link:hover {
  color: #b58a3c;
}

#home .home-reviews-kaarten {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
  max-width: 1040px;
  margin: 0 auto;
  padding: 22px 24px;
}

#home .home-reviews-kaart {
  flex: 1 1 280px;
  max-width: 340px;
  background: #faf6ef;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  padding: 16px 18px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

#home .home-reviews-kaart-sterren {
  color: #b58a3c;
  font-size: 14px;
  letter-spacing: 1px;
  margin-bottom: 6px;
}

#home .home-reviews-kaart-tekst {
  font-size: 14px;
  line-height: 21px;
  color: #444444;
  margin: 0 0 10px;
}

#home .home-reviews-kaart-naam {
  font-size: 13px;
  color: #9a9a9a;
  margin: 0;
}

@media (max-width: 750px) {
  #home .home-reviews-balk {
    padding: 14px 18px;
    font-size: 15px;
  }
  #home .home-reviews-sterren {
    font-size: 22px;
  }
  #home .home-reviews-cijfer {
    font-size: 18px;
  }
  #home .home-reviews-kaarten {
    padding: 16px 18px;
  }
  #home .home-reviews-kaart {
    flex-basis: 100%;
    max-width: none;
  }
}
@media (max-width: 1000px) {
  #home .home-reviews-kaart:nth-child(n+3) {
    display: none;
  }
}
/* --- proefdoosjes-banner --- */
#home .home-proefdozen {
  padding: 44px 24px;
  text-align: center;
}

#home .home-proefdozen-foto {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}

/* --- vivino-banner --- */
#home .home-vivino {
  padding: 0 24px;
}

#home .home-vivino-blok {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  max-width: 1040px;
  margin: 0 auto;
  padding: 26px 24px;
  background: #9f041d;
  border-radius: 8px;
  text-decoration: none;
  transition: background 0.15s;
}

#home .home-vivino-blok:hover {
  background: #8e041a;
}

#home .home-vivino-logo {
  height: 40px;
  width: auto;
}

#home .home-vivino-tekst {
  color: #ffffff;
  font: 700 19px Arial, sans-serif;
}

@media (max-width: 1000px) {
  #home .home-vivino {
    padding: 0;
  }
  #home .home-vivino-blok {
    max-width: none;
    border-radius: 0;
    background: #8e041a;
  }
}
@media (max-width: 750px) {
  #home .home-vivino-blok {
    flex-direction: column;
    gap: 12px;
    padding: 22px 20px;
    text-align: center;
  }
  #home .home-vivino-tekst {
    font-size: 16px;
  }
  #home .home-vivino-logo {
    height: 32px;
  }
}
/* --- onze nieuwste aanwinsten --- */
#home .home-nieuw-kop {
  padding-top: 25px;
}

/* --- quote Harold Hamersma --- */
#home .home-hamersma {
  padding: 34px 24px;
  text-align: center;
  background: #faf6ef;
  border-top: 1px solid #efe7d8;
  border-bottom: 1px solid #efe7d8;
}

#home .home-hamersma-intro {
  font: 700 15px Arial, sans-serif;
  color: #3e5988;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0 0 12px;
}

#home .home-hamersma-quote {
  max-width: 680px;
  margin: 0 auto 10px;
}

#home .home-hamersma-quote p {
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 18px;
  line-height: 27px;
  color: #262626;
  margin: 0 0 12px;
}

#home .home-hamersma-auteur {
  font: 600 14px Arial, sans-serif;
  color: #9a9a9a;
  margin: 0;
}

@media (max-width: 750px) {
  #home .home-hamersma {
    padding: 26px 20px;
  }
  #home .home-hamersma-quote p {
    font-size: 16px;
    line-height: 25px;
  }
}
/* --- editorial: wijnproeverij organiseren --- */
#home .home-proeverij {
  padding: 66px 24px;
  background: #f6f1ea;
  border-top: 1px solid #ece3d5;
}

#home .home-proeverij-inner {
  display: flex;
  align-items: stretch;
  gap: 44px;
  max-width: 1040px;
  margin: 0 auto;
  text-align: left;
}

#home .home-proeverij-img {
  flex: 0 0 42%;
  min-height: 290px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
}

#home .home-proeverij-tekst {
  flex: 1 1 auto;
  align-self: center;
}

#home .home-proeverij-tekst h2 {
  text-align: left;
  margin: 0 0 18px;
}

#home .home-proeverij-tekst h2:after {
  margin: 14px 0 0;
}

#home .home-proeverij-tekst p {
  max-width: none;
  font-size: 18px;
  line-height: 29px;
  color: #5a5a5a;
  margin: 0 0 22px;
}

@media (max-width: 750px) {
  #home .home-proeverij {
    padding: 48px 20px;
  }
  #home .home-proeverij-inner {
    flex-direction: column;
    gap: 24px;
  }
  #home .home-proeverij-img {
    flex-basis: auto;
    width: 100%;
    min-height: 200px;
  }
  #home .home-proeverij-tekst h2,
  #home .home-proeverij-tekst {
    text-align: center;
  }
  #home .home-proeverij-tekst h2:after {
    margin: 14px auto 0;
  }
  #home .home-proeverij-tekst p {
    font-size: 16px;
    line-height: 26px;
  }
}
@media (max-width: 750px) {
  #home .home-hero {
    padding: 60px 20px;
  }
  #home .home-hero-stat {
    font-size: 15px;
    margin-bottom: 4px;
  }
  #home .home-hero-stat strong {
    font-size: 38px;
    margin-right: 8px;
  }
  #home .home-hero-stat-links {
    transform: translateX(20px);
  }
  #home .home-hero-stat-midden {
    transform: translateX(-20px);
  }
  #home h2 {
    font-size: 23px;
  }
  #home .home-tegel {
    padding: 11px 16px;
    font-size: 14px;
  }
  #home .home-tegels {
    gap: 10px;
  }
  #home .home-tegel-smaak {
    width: 30%;
    min-width: 92px;
    padding: 14px 8px 12px;
  }
  #home .home-tegel-smaak .home-smaak-icon {
    width: 32px;
    height: 44px;
  }
  #home .home-tegel-smaak .home-tegel-naam {
    font-size: 14px;
  }
}
/* INFOPAGS INFOPAGS INFOPAGS */
.content_infopag {
  width: 65%;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  float: none;
  /* #buitencontainer heeft een legacy align="center"-attribuut, dat WebKit/Blink
     als text-align:-webkit-center laat overerven naar elke nakomeling die dit
     niet expliciet overschrijft - zelfde oorzaak als eerder gefixt voor
     .account-profiel-rij. Trof de afsluitende "We hebben momenteel..."-tekst
     op alle wijnregio-, druif- en wijnhuispagina's (die tekst zit buiten een
     <p>-tag, dus direct kind van dit element). */
  text-align: left;
}

/* Minimal-corporate koppen/tekst voor infopagina's (scoped op .content_infopag,
   raakt de globale h1/h2/p in _base.scss niet aan) */
.content_infopag h1 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-weight: 800;
  font-size: 29px;
  line-height: 1.25;
  letter-spacing: -0.01em;
  color: #262626;
  margin: 20px 0 6px;
}

.content_infopag h1::after {
  content: "";
  display: block;
  width: 36px;
  height: 3px;
  background: #4a6fac;
  margin: 10px 0 18px;
}

.content_infopag h2 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #262626;
  border-left: 3px solid #4a6fac;
  padding-left: 10px;
  margin: 34px 0 14px;
}

.content_infopag p {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 16.5px;
  line-height: 1.6;
  color: #222222;
  margin: 0 0 14px;
}

.button_bekijk_producten {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  padding: 5px 10px;
  border: 1px solid #45a605;
  border-radius: 8px;
  background: #6f94d1;
  background: -webkit-gradient(linear, left top, left bottom, from(#45a605), to(#45a605));
  background: -moz-linear-gradient(top, #45a605, #45a605);
  background: linear-gradient(to bottom, #45a605, #45a605);
  font: normal normal normal 14px arial;
  color: #ffffff;
  text-decoration: none;
}

.button_bekijk_producten:hover,
.button_bekijk_producten:focus {
  border: 1px solid #55c40c;
  background: #85b2fb;
  background: -webkit-gradient(linear, left top, left bottom, from(#55c40c), to(#55c40c));
  background: -moz-linear-gradient(top, #55c40c, #55c40c);
  background: linear-gradient(to bottom, #55c40c, #55c40c);
  color: #ffffff;
  text-decoration: none;
}

.button_bekijk_producten:active {
  background: #43597d;
  background: -webkit-gradient(linear, left top, left bottom, from(#55c40c), to(#55c40c));
  background: -moz-linear-gradient(top, #55c40c, #55c40c);
  background: linear-gradient(to bottom, #55c40c, #55c40c);
}

.button_bekijk_producten A:link {
  color: #ffffff;
}

.button_bekijk_producten A:visited {
  color: #ffffff;
}

/* 404-PAGINA ("leeg glas") — eigen scope (.pagina-404) zodat de koppen hier
   niet de algemene .content_infopag h1/h2-stijl (blauw streepje) overerven */
.content_infopag.pagina-404 {
  text-align: center;
  background: #eef1f7;
  border-radius: 10px;
  padding: 56px 32px 64px;
  margin-top: 30px;
}

.pagina-404__figuur {
  width: 96px;
  margin: 0 auto 22px;
}

.pagina-404__figuur svg {
  width: 100%;
  height: auto;
  display: block;
}

.content_infopag.pagina-404 p.pagina-404__eyebrow {
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-size: 12px;
  font-weight: 700;
  color: #9f1537;
  margin: 0 0 16px;
}

.content_infopag.pagina-404 h1 {
  font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
  font-weight: 400;
  font-size: 34px;
  line-height: 1.25;
  color: #262626;
  margin: 0 0 16px;
}

.content_infopag.pagina-404 h1::after {
  display: none;
}

.content_infopag.pagina-404 p.pagina-404__sub {
  font-size: 16px;
  line-height: 1.7;
  color: #5d6478;
  max-width: 38ch;
  margin: 0 auto 30px;
}

.pagina-404__acties {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

.pagina-404__link {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: #9f1537;
  border-bottom: 1px solid currentColor;
  padding-bottom: 2px;
  text-decoration: none;
}

.pagina-404__zoekhint {
  font-size: 13px;
  color: #5d6478;
}

@media (max-width: 750px) {
  .content_infopag.pagina-404 {
    padding: 44px 20px 52px;
  }
  .content_infopag.pagina-404 h1 {
    font-size: 27px;
  }
}
/* 1 FLES PAGINA */
#blokflesfoto {
  margin-top: 5px;
  float: left;
  margin-right: 1%;
  width: 15%;
  clear: none;
}

#contenteenfles {
  margin-top: 0px;
  width: 84%;
  float: left;
  margin-bottom: 25px;
  /* #buitencontainer heeft align="center", wat WebKit/Blink laat erven als
     text-align:-webkit-center en niet-gefloate kind-blokken (met vaste
     breedte) centreert i.p.v. links uitlijnt - hier expliciet resetten */
  text-align: left;
}

#productpag_beschr_naamprod {
  width: 100%;
  float: left;
  margin-bottom: -5px;
}

/* Minimal-corporate kop voor productpagina's — geen accentstreepje (te dicht
   op prijs/CTA eronder) */
#productpag_beschr_naamprod h1 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-weight: 800;
  font-size: 23px;
  line-height: 1.3;
  letter-spacing: -0.01em;
  color: #262626;
  margin: 36px 0 15px;
}

#productpag_beschr_vlag {
  float: left;
  text-align: left;
  width: 6%;
  padding-top: 7px;
  font-size: 14px;
  min-height: 27px;
}

#productpag_beschr_druificon {
  float: left;
  text-align: left;
  width: 6%;
  padding-top: 7px;
  font-size: 14px;
  min-height: 27px;
  display: block;
}

#productpag_beschr_herkomst {
  float: left;
  clear: right;
  text-align: left;
  width: 94%;
  padding-top: 7px;
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 14px;
  line-height: 18px;
  color: #605656;
  min-height: 27px;
}

#productpag_beschr_druivenblend {
  float: left;
  clear: right;
  text-align: left;
  width: 94%;
  padding-top: 7px;
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 14px;
  line-height: 18px;
  color: #605656;
  min-height: 27px;
  display: block;
}

#productpag_beschr_scores {
  float: left;
  clear: right;
  text-align: left;
  width: 100%;
  padding-top: 7px;
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 14px;
  line-height: 18px;
  color: #605656;
  min-height: 27px;
  display: block;
}

.productpag_beschr_labels {
  float: right;
  width: 40%;
  padding-right: 30%;
  text-align: left;
  color: #4F9D03;
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 12px;
  line-height: 18px;
  padding-top: 7px;
  min-height: 27px;
  font-weight: 600;
  display: block;
}

#product_pag_beschr_tekst1 {
  width: 70%;
  clear: right;
  float: left;
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 16px;
  line-height: 24px;
  color: #342F2F;
  text-align: left;
  margin-top: 18px;
  display: block;
}

#product_pag_beschr_tekst2 {
  margin-top: 18px;
  width: 70%;
  clear: right;
  float: left;
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 16px;
  line-height: 24px;
  color: #342F2F;
  text-align: left;
  /* .productpag_container_prijsbestel clear:both raakt hier altijd exact
     de onderkant van dit (gefloate) element - margin-top daar heeft geen
     effect, dus de ruimte voor de lijn moet hier vandaan komen */
  padding-bottom: 15px;
}

.productpag_container_infoboven {
  clear: both;
  width: 60%;
  float: left;
}

.productpag_container_prijsbestel {
  clear: both;
  width: 75%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 28px;
  margin-top: 20px;
  padding: 22px calc(2% + 1em) 4px 0;
  border-top: 1px solid #ddd;
}

#product_pag_prijsbestelblok {
  float: left;
  width: 100%;
  clear: both;
  text-align: left;
}

#product_pag_prijsblok {
  text-align: left;
}

#product_pag_bestelknopblok {
  display: flex;
  align-items: center;
  gap: 8px;
  text-align: left;
}

.productpag_container_prijsbestel .aantalkiezen {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 14px;
  margin: 0;
  padding: 6px 8px;
  border: 1px solid #ccc;
  border-radius: 6px;
  background: #ffffff;
  color: #2F2A2A;
}

.productpag_container_prijsbestel .Bestelknopklein {
  background: #83b22d;
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: bold;
}

.productpag_container_prijsbestel .Bestelknopklein:hover,
.productpag_container_prijsbestel .Bestelknopklein:focus {
  border: 0;
  background: #6f9726;
}

.productpag_container_prijsbestel .Bestelknopklein:active {
  background: #5e8020;
}

/* Proefdoos-productpagina (product_pag_proefdoos.php) deelt dezelfde
   bestelknop/aantalkiezen als de normale productpagina, maar zit niet in
   .productpag_container_prijsbestel — zelfde regels hier zodat de knop niet
   op de oude gradient-stijl terugvalt. */
#prijsblokproefdoos .aantalkiezen {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 14px;
  margin: 0;
  padding: 6px 8px;
  border: 1px solid #ccc;
  border-radius: 6px;
  background: #ffffff;
  color: #2F2A2A;
}

#prijsblokproefdoos .Bestelknopklein {
  background: #83b22d;
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: bold;
}

#prijsblokproefdoos .Bestelknopklein:hover,
#prijsblokproefdoos .Bestelknopklein:focus {
  border: 0;
  background: #6f9726;
}

#prijsblokproefdoos .Bestelknopklein:active {
  background: #5e8020;
}

#prod_pag_flessenschaarste {
  flex-basis: 100%;
  width: auto;
  text-align: left;
  padding-left: 0;
  margin-top: 0;
}

/* Grundpreis + btw/verzendregel (alleen andereweine.de, zie aw_grundpreis_tonen()) */
#prod_pag_grundpreis {
  flex-basis: 100%;
  margin-top: -18px;
  font-size: 13px;
  line-height: 1.5;
  color: #7a7070;
}

#prod_pag_grundpreis a {
  color: #7a7070;
  text-decoration: underline;
}

.prijsregel_de_proefdoos {
  flex-basis: 100%;
  text-align: left;
  margin-top: 6px;
  font-size: 13px;
  line-height: 1.5;
  color: #7a7070;
}

.prijsregel_de_proefdoos a {
  color: #7a7070;
  text-decoration: underline;
}

.grundpreis_categoriepag {
  flex-basis: 100%;
  margin: 2px 0 0;
  font-size: 12px;
  line-height: 1.3;
  color: #7a7070;
}

.productpag_container_prijsbestel .beperktleverbaar {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #9c7430;
  text-transform: none;
  text-align: left;
}

.vivinologo_productpag {
  margin-bottom: 8px;
  width: 16%;
}

#product_pag_container {
  clear: none;
}

#product_pag_container_onder {
  clear: both;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}

#product_pag_voorwaarden_container {
  clear: both;
  background-color: #ffffff;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

#product_pag_keurmerk {
  flex: none;
  padding: 10px 18px 10px 0;
}
#product_pag_keurmerk img {
  display: block;
  max-width: 62px;
  height: auto;
}

.product_pag_voorwaarden_blok {
  flex: 1 1 22%;
  min-width: 180px;
  padding-left: 2%;
  padding-right: 2%;
  padding-bottom: 15px;
  padding-top: 20px;
  text-align: left;
  font-family: "Open Sans", Verdana, Geneva, sans-serif;
  font-size: 14px;
  color: #808080;
  background-color: #ffffff;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
}
.product_pag_voorwaarden_blok svg {
  margin-top: 2px;
}
.product_pag_voorwaarden_blok img {
  margin-right: 0 !important;
}

#product_pag_wistjedatblok {
  background-color: #4a6fac;
  text-align: left;
  clear: both;
  width: 100%;
  color: #FFFFFF;
  font-size: 18px;
  line-height: 22px;
  font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 5px;
  padding-bottom: 15px;
  display: none;
}

.wist_je_dat_header {
  font-size: 26px;
  line-height: 30px;
  font-family: "sans-serif";
  text-align: left;
}

#product_pag_wijnhuisinfo_container {
  width: 100%;
  padding-left: 1%;
  padding-right: 1%;
  padding-top: 20px;
  padding-bottom: 25px;
  background-color: beige;
}

#product_pag_wijnhuisinfo_binnencontainer {
  width: 96%;
  padding-left: 2%;
  padding-right: 2%;
  padding-bottom: 10px;
  padding-top: 10px;
  background-color: #FFFFFF;
}

#product_pag_wijnhuis_tekst {
  width: 50%;
  padding-left: 2%;
  padding-right: 2%;
  padding-bottom: 10px;
  padding-top: 25px;
  float: left;
}

#product_pag_wijnhuis_tekst p {
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 16px;
  line-height: 24px;
  color: #342F2F;
  text-align: left;
}

#product_pag_wijnhuis_tekst .wist_je_dat_header {
  color: #4a6fac;
}

#product_pag_wijnhuis_foto {
  width: 50%;
  padding-left: 5%;
  padding-right: 5%;
  padding-bottom: 10px;
  padding-top: 10px;
  float: right;
  background-color: #FFFFFF;
}

#product_pag_expertreview_container {
  width: 100%;
  background-color: #6e942a;
}

#product_pag_expertreview_score {
  width: 25%;
  padding-top: 60px;
  padding-left: 5%;
  padding-right: 5%;
  margin-bottom: 20px;
  float: left;
}

#product_pag_expertreview_tekst {
  width: 75%;
  float: left;
  padding-left: 1%;
  padding-right: 5%;
  padding-top: 25px;
  padding-bottom: 25px;
  color: #FFFFFF;
}

#product_pag_expertreview_tekst p {
  font-size: 18px;
  line-height: 24px;
  font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
}

#product_pag_wijnkenmerken {
  width: 100%;
  background-color: beige;
}

#product_pag_kenmerkentekst {
  width: 65%;
  padding-left: 8%;
  padding-right: 2%;
  padding-bottom: 10px;
  padding-top: 25px;
  float: left;
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 16px;
  line-height: 24px;
  color: #342F2F;
  text-align: left;
}

/* Minimal-corporate kenmerkentabel: strakke lijnenlijst i.p.v. kale table */
#product_pag_kenmerkentekst table {
  width: 100%;
  border-collapse: collapse;
}

#product_pag_kenmerkentekst tr {
  border-bottom: 1px solid #E4E1D8;
}

#product_pag_kenmerkentekst tr:last-child {
  border-bottom: none;
}

#product_pag_kenmerkentekst td {
  padding: 10px 12px 10px 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 15px;
  color: #262626;
}

#product_pag_kenmerkentekst td:first-child {
  width: 190px;
}

#product_pag_kenmerkentekst td strong {
  font-weight: 600;
  color: #6B6459;
}

#product_pag_kenmerkenfoto {
  width: 35%;
  padding-left: 10%;
  padding-right: 10%;
  padding-bottom: 10px;
  padding-top: 50px;
  float: right;
  display: block;
  align: left;
}

#product_pag_wijnregioinfo_container {
  width: 100%;
  padding-left: 1%;
  padding-right: 1%;
  padding-top: 20px;
  padding-bottom: 25px;
  background-color: beige;
}

#product_pag_wijnregioinfo_binnencontainer {
  width: 96%;
  padding-left: 2%;
  padding-right: 2%;
  padding-bottom: 10px;
  padding-top: 10px;
  background-color: #FFFFFF;
}

#product_pag_wijnregio_tekst {
  width: 50%;
  padding-left: 2%;
  padding-right: 2%;
  padding-bottom: 10px;
  padding-top: 30px;
  float: right;
}

#product_pag_wijnregio_tekst p {
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 16px;
  line-height: 24px;
  color: #342F2F;
  text-align: left;
}

#product_pag_wijnregio_tekst .wist_je_dat_header {
  color: #4a6fac;
}

#product_pag_wijnregio_foto {
  width: 50%;
  padding-left: 5%;
  padding-right: 5%;
  padding-bottom: 10px;
  padding-top: 10px;
  float: left;
  background-color: #FFFFFF;
}

#product_pag_klantbeoordelingen_container {
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: beige;
}

#product_pag_klantbeoordelingen_binnen {
  width: 86%;
  padding-top: 25px;
  margin-left: 7%;
  margin-right: 7%;
  border-style: solid;
  border-width: thin;
  border-color: #e0e2c5;
}

.product_pag_klantbeoordeling {
  width: 80%;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 10%;
  margin-right: 10%;
  padding: 15px;
  background-color: #f8f9f1;
  border-style: solid;
  border-width: thin;
  border-color: #e0e2c5;
}

.reviewsklantenheader {
  color: #4662a0;
  font-size: 42px;
  line-height: 48px;
  font-style: bold;
  font-family: "Bradley Hand";
}

.reviewsklantentekst {
  font-size: 20px;
  line-height: 26px;
  font-family: "Bradley Hand";
  color: #30477a;
}

.product_page_ratingpic {
  width: 20%;
}

.proefdoosblok {
  height: auto;
  width: 25%;
  padding-top: 0px;
  padding-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  vertical-align: top;
  float: left;
  margin-left: 1%;
}

#prijsblokproefdoos {
  width: 100%;
  height: auto;
  margin-right: 10px;
  margin-top: 35px;
  float: left;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
}

#prijsblokproefdoos p {
  margin: 0;
}

.blokomproefdoosflessen {
  width: 65%;
  float: left;
  clear: right;
}

.blokomproefdoosflessen p {
  color: #666;
  line-height: 12px;
  margin-top: 0px;
}

.wijneninproefdoos {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 16px;
  color: #3e5988;
}

.flesinproefdoos {
  min-height: 165px;
  width: 30%;
  min-width: 180px;
  padding-right: 5px;
  padding-bottom: 5px;
  float: left;
  text-align: left;
  border: 1px solid #ddd;
  padding-top: 5px;
  padding-left: 0px;
  margin-right: 10px;
  margin-bottom: 15px;
  margin-left: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  clear: none;
  box-shadow: 0 9px 6px -6px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 9px 6px -6px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 9px 6px -6px rgba(0, 0, 0, 0.4);
}

.flesinproefdoos p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: #666;
}

#naamproefdoosblok {
  width: 100%;
  padding-bottom: 10px;
}

.fotoflesproefdoosinhoud {
  width: 25%;
  border: 0;
}

.vlagflesinhoudproefdoos {
  width: 9%;
  padding-right: 5px;
}

.proefdoosfoto {
  width: 80%;
  padding-left: 5%;
  float: left;
}

.vlagkleinprodcatpagina {
  width: 4%;
  padding-right: 1%;
}

.druifuitoverzicht {
  border-radius: 15px;
  padding: 10px;
  background-color: #FCF4EC;
  border: 1px solid #DCD9D9;
}

/* Minimal-corporate druivenoverzicht: prominente letterkop + kleur per druiftype.
   Letter + bijbehorende druiven delen nu één container (.druivenletter-sectie,
   flex i.p.v. floats) — opgeschoonde structuur t.o.v. de oude losse tabelrijen. */
.druivenletter-sectie {
  margin-bottom: 24px;
}

.druivenletter-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.alfabet {
  display: block;
  text-align: left;
  font-size: 15px;
  font-weight: 800;
  color: #262626;
  padding: 8px 0;
  margin-bottom: 4px;
}

.druifuitoverzicht.rood {
  border-left: 3px solid #9f1537;
}

.druifuitoverzicht.wit {
  border-left: 3px solid #b58a3c;
}

/* wijnspijs pagina overzichten */
.content_wijnspijsoverzicht {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
  gap: 14px;
  width: 100%;
  padding-right: 3%;
  box-sizing: border-box;
}

.wijnspijstegel {
  background-color: #ffffff;
  border: 1px solid #d4e0f4;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
  transition: box-shadow 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

.wijnspijstegel:hover {
  border-color: #b58a3c;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transform: translateY(-1px);
}

.wijnspijstegel-met-icoon {
  background-color: #d4e0f4;
  border-color: rgba(74, 111, 172, 0.25);
}

.wijnspijstegel-gerecht {
  background-color: #faf3e6;
  border-color: rgba(181, 138, 60, 0.3);
}

.tabletfototekst,
.tablettekst {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 88px;
  width: 100%;
  height: 100%;
  padding: 16px 14px;
  text-align: center;
  box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: #3e5988;
}

a.tabletfototekst:hover,
a.tablettekst:hover {
  color: #9f1537;
}

.wijnspijstegel-icon {
  display: flex;
  color: #b58a3c;
}

.wijnspijstegel-icon svg {
  width: 26px;
  height: 26px;
}

/* wijn-spijs gerecht-pagina: categorie-chip, lichte wijnkaarten */
.wijnspijs-wijnenblok {
  width: 65%;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  float: none;
}

.wijnspijs-pairing-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 4px 0 22px;
}

.wijnspijs-pairing-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #d4e0f4;
  border: 1px solid rgba(74, 111, 172, 0.25);
  border-radius: 999px;
  padding: 6px 16px 6px 10px;
  font-size: 13.5px;
  font-weight: 600;
  color: #3e5988;
  text-decoration: none;
  transition: box-shadow 0.15s ease;
}

.wijnspijs-pairing-chip:hover {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
  color: #3e5988;
}

.wijnspijs-pairing-icon {
  display: flex;
  color: #b58a3c;
  flex: none;
}

.wijnspijs-pairing-icon svg {
  width: 18px;
  height: 18px;
}

.wijnspijs-wijnenlijst {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 16px;
  margin-top: 10px;
}

.wijnspijs-wijnkaart {
  display: flex;
  gap: 18px;
  background: #ffffff;
  border: 1px solid #d4e0f4;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
  padding: 18px;
}

.wijnspijs-wijnkaart-foto {
  flex: none;
  display: block;
}

.wijnspijs-wijnkaart-foto img {
  width: 67px;
  height: 90px;
  object-fit: contain;
}

.wijnspijs-wijnkaart-info {
  min-width: 0;
}

.wijnspijs-wijnkaart-naam {
  display: block;
  font-size: 18px;
  font-weight: 700;
  color: #3e5988;
  text-decoration: none;
  margin: 0 0 4px;
}

.wijnspijs-wijnkaart-naam:hover {
  color: #9f1537;
}

.wijnspijs-wijnkaart-herkomst {
  font-size: 13px;
  color: #857a7a;
  margin: 0 0 8px;
}

.wijnspijs-wijnkaart-tekst {
  font-size: 14.5px;
  line-height: 1.5;
  color: #333;
  margin: 0 0 12px;
}

.wijnspijs-wijnkaart-onder {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}

.wijnspijs-wijnkaart-prijs {
  font-weight: 700;
  color: #262626;
  font-size: 17px;
}

.wijnspijs-wijnkaart-oudprijs {
  font-weight: 400;
  color: #999;
  text-decoration: line-through;
  font-size: 14px;
  margin-left: 4px;
}

.wijnspijs-wijnkaart-link {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  color: #a01528;
  text-decoration: none;
  border: 1px solid #a01528;
  border-radius: 6px;
  padding: 6px 14px;
  white-space: nowrap;
}

.wijnspijs-wijnkaart-link:hover {
  background: #a01528;
  color: #ffffff;
}

.sectie-kop-wijnspijs {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #262626;
  border-left: 3px solid #4a6fac;
  padding-left: 10px;
  margin: 34px 0 14px;
}

.kopmeningklanten {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  line-height: 24px;
  color: #f89036;
  display: block;
  margin-bottom: 6px;
}

/* --- reviews-pagina (meningen van klanten) --- */
.reviews-lijst {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 12px;
}

.review-kaart {
  display: flex;
  gap: 20px;
  align-items: stretch;
  background: #faf6ef;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  padding: 18px 20px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

.review-kaart-inhoud {
  flex: 1 1 auto;
  min-width: 0;
}

.review-kaart-sterren {
  color: #b58a3c;
  font-size: 16px;
  letter-spacing: 1px;
  margin-bottom: 6px;
}

.review-kaart-naam {
  color: #9a9a9a;
  font-size: 13px;
  margin: 8px 0 0;
}

.review-kaart-antwoord {
  margin-top: 12px;
  padding: 10px 14px;
  background: #faf6ef;
  border-radius: 6px;
}

.review-kaart-antwoord p {
  margin: 0 0 4px;
  font-size: 14px;
}

.review-kaart-antwoord p:last-child {
  margin-bottom: 0;
}

.review-kaart-aanbevolen {
  flex: 0 0 130px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  background: #ffffff;
  border: 1px solid #efe7d8;
  border-radius: 8px;
  padding: 12px 10px;
  text-decoration: none;
}

.review-kaart-aanbevolen img {
  width: 44px;
  height: 150px;
  object-fit: contain;
  margin-bottom: 8px;
}

.review-kaart-aanbevolen--doos img {
  width: 95px;
  height: 83px;
}

.review-kaart-aanbevolen-label {
  font-size: 11px;
  color: #9a9a9a;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}

.review-kaart-aanbevolen-naam {
  font-size: 13px;
  font-weight: 600;
  color: #3e5988;
  margin: 4px 0;
}

.review-kaart-aanbevolen-cta {
  font-size: 12px;
  color: #b58a3c;
  font-weight: 600;
}

a.review-kaart-aanbevolen:hover .review-kaart-aanbevolen-cta {
  color: #9c7430;
}

a.review-kaart-aanbevolen:hover {
  text-decoration: none;
}

@media (max-width: 750px) {
  .review-kaart {
    flex-direction: column;
  }
  .review-kaart-aanbevolen {
    flex: none;
    width: 100%;
    flex-direction: row;
    justify-content: flex-start;
    text-align: left;
    gap: 12px;
  }
  .review-kaart-aanbevolen img {
    margin-bottom: 0;
  }
}
.inschrijfveld_nieuwsbrief {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  float: left;
  min-height: 27px;
  padding-left: 2%;
  min-width: 220px;
  border: 1px solid #ddd;
}

.nieuwsbrief_knop {
  display: inline-flex;
  align-items: center;
  padding: 8px 16px;
  border: 0;
  border-radius: 6px;
  background: #83b22d;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
}

.nieuwsbrief_knop:hover,
.nieuwsbrief_knop:focus {
  border: 0;
  background: #6f9726;
  color: #ffffff;
  text-decoration: none;
}

.nieuwsbrief_knop:active {
  background: #5e8020;
}

a.nieuwsbrief_knop {
  color: #ffffff;
  text-decoration: none;
}

.account-pag-container {
  width: 100%;
  float: left;
}

.account-pag-container p {
  font-size: 16px;
}

.account-blok-info {
  float: left;
  background-color: #d4e0f4;
  width: 27%;
  padding-left: 3%;
  padding-right: 3%;
  padding-bottom: 3%;
  padding-top: 2%;
  margin-top: 25px;
  margin-right: 4%;
  border: 1px solid rgba(74, 111, 172, 0.25);
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

.kop-account-blok-info {
  float: left;
  width: 100%;
  clear: both;
  padding-bottom: 14px;
  margin-bottom: 14px;
  border-bottom: 1px solid rgba(74, 111, 172, 0.25);
}

.kop-account-blok-info p {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  color: #3e5988;
  margin: 0;
}

.content-account-blok-info {
  float: left;
  width: 100%;
  clear: both;
}

.content-account-blok-info p {
  font-size: 16px;
  color: #262626;
  line-height: 24px;
  margin: 0 0 10px;
}

.content-account-blok-info p:last-child {
  margin-bottom: 0;
}

.content-account-blok-info a {
  color: #3e5988;
  text-decoration: none;
}

.content-account-blok-info a:hover {
  color: #9f1537;
  text-decoration: underline;
}

.account-pag-tegel-container {
  float: right;
  width: 65%;
  padding-bottom: 20px;
}

.account-tegel-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
  clear: both;
}

.account-pag-tegel {
  background-color: #ffffff;
  border: 1px solid #d4e0f4;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
  transition: box-shadow 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

.account-pag-tegel:hover {
  border-color: #b58a3c;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transform: translateY(-1px);
}

.account-pag-tegel-contentblok {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 18px 20px;
  min-height: 22px;
}

.account-pag-tegel-contentblok p {
  font-size: 16px;
  color: #3e5988;
  margin: 0;
}

.account-pag-tegel-contentblok a {
  color: #3e5988;
  font-weight: 600;
  text-decoration: none;
}

.account-pag-tegel-contentblok a:hover {
  color: #9f1537;
}

.account-pag-tegel-icon {
  flex: none;
  display: flex;
  color: #b58a3c;
}

.account-pag-tegel-icon svg {
  width: 22px;
  height: 22px;
}

.account-grote-tegel-kop {
  margin-top: 25px;
  padding-left: 5%;
  padding-right: 5%;
  float: right;
  clear: both;
  width: 94%;
  margin-left: 3%;
  margin-right: 3%;
}

.account-grote-tegel-kop h1 {
  line-height: 10px;
  color: #3e5988;
}

.account-grote-tegel {
  padding: 24px 5%;
  float: right;
  clear: both;
  width: 94%;
  margin-left: 3%;
  margin-right: 3%;
  background-color: #ffffff;
  border: 1px solid #d4e0f4;
  border-left: 4px solid #b58a3c;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

.account-grote-tegel p {
  text-align: left;
  font-size: 16px;
  line-height: 22px;
}

.account-grote-tegel-kop--flush,
.account-grote-tegel--flush {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.account-intro-tekst {
  clear: both;
  color: #262626;
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 20px;
}

.form-error {
  background-color: #fdecea;
  border: 1px solid #cb2124;
  color: #cb2124;
  border-radius: 6px;
  padding: 10px 14px;
  margin: 0 0 16px;
}

.form-success {
  background-color: rgba(131, 178, 45, 0.12);
  border: 1px solid #83b22d;
  color: #5a7a1f;
  border-radius: 6px;
  padding: 10px 14px;
  margin: 0 0 16px;
}

.bestelhistorie-lijst {
  clear: both;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.bestelhistorie-kaart {
  background-color: #ffffff;
  border: 1px solid #d4e0f4;
  border-left: 4px solid #b58a3c;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
  padding: 18px 22px;
}

.bestelhistorie-kaart-kop {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #d4e0f4;
  color: #3e5988;
  font-size: 17px;
}

.bestelhistorie-kaart-icon {
  flex: none;
  display: flex;
  color: #b58a3c;
}

.bestelhistorie-kaart-icon svg {
  width: 20px;
  height: 20px;
}

.bestelhistorie-regels {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.bestelhistorie-regel {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 15px;
  color: #262626;
}

.bestelhistorie-aantal {
  color: #3e5988;
  font-weight: 600;
  flex: none;
}

.bestelhistorie-naam a {
  color: #3e5988;
  text-decoration: none;
}

.bestelhistorie-naam a:hover {
  color: #9f1537;
}

.bestelhistorie-naam img {
  vertical-align: middle;
  margin-left: 4px;
}

.account-leeg {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 40px 20px;
  color: #262626;
  text-align: center;
}

.account-leeg-icon {
  color: #d4e0f4;
}

.account-leeg-icon svg {
  width: 40px;
  height: 40px;
}

.mijnwijnen-grid {
  clear: both;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

.mijnwijnen-kaart {
  display: flex;
  align-items: center;
  gap: 8px;
  background-color: #ffffff;
  border: 1px solid #d4e0f4;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
  padding: 14px 16px;
  color: #3e5988;
  text-decoration: none;
  font-size: 15px;
  transition: box-shadow 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

.mijnwijnen-kaart:hover {
  border-color: #b58a3c;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transform: translateY(-1px);
  color: #9f1537;
}

.mijnwijnen-kaart img {
  flex: none;
}

.mijnwijnen-kaart--uit {
  color: #262626;
  opacity: 0.55;
  box-shadow: none;
}

.mijnwijnen-kaart--uit:hover {
  border-color: #d4e0f4;
  box-shadow: none;
  transform: none;
  color: #262626;
}

.account-form-kaart {
  display: block;
  clear: both;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #d4e0f4;
  border-left: 4px solid #b58a3c;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
  padding: 10px 28px;
}

.account-form-rij {
  overflow: hidden;
  padding: 12px 0;
  border-bottom: 1px solid #d4e0f4;
}

.account-form-rij:last-child {
  border-bottom: none;
}

.account-form-label {
  float: left;
  width: 180px;
  box-sizing: border-box;
  padding-top: 8px;
  color: #3e5988;
  font-size: 15px;
  font-weight: 600;
}

.account-form-veld {
  overflow: hidden;
}

.account-form-input {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 15px;
  padding: 8px 12px;
  border: 1px solid #d4e0f4;
  border-radius: 6px;
  color: #262626;
  background-color: #ffffff;
  max-width: 360px;
  width: 100%;
  box-sizing: border-box;
}

.account-form-input:focus {
  outline: none;
  border-color: #b58a3c;
}

.account-form-radiogroep {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 24px;
}

.account-form-radio {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 15px;
  color: #262626;
  font-weight: normal;
}

.account-form-rij--acties {
  padding-top: 18px;
}

.account-form-kaart .Bestelknopklein {
  background: #83b22d;
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: bold;
}

.account-form-kaart .Bestelknopklein:hover,
.account-form-kaart .Bestelknopklein:focus {
  border: 0;
  background: #6f9726;
}

.account-form-kaart .Bestelknopklein:active {
  background: #5e8020;
}

.account-form-melding {
  clear: both;
  padding: 12px 16px;
  border-radius: 6px;
  font-size: 15px;
}

.account-form-melding--succes {
  background-color: #e6f2d9;
  color: #4a6b1e;
  border: 1px solid #c3ddaa;
}

.account-form-melding--fout {
  background-color: #fbe6e6;
  color: #a12a2a;
  border: 1px solid #eeb8b8;
}

.dash-vivino-klant {
  background-color: #D56CFB;
  color: #FFF;
  padding: 1px 6px;
  border-radius: 3px;
  font-weight: bold;
}

.account-profiel-header {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 14px;
}

.account-profiel-avatar {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: #d4e0f4;
  color: #3e5988;
}

.account-profiel-avatar svg {
  width: 24px;
  height: 24px;
}

.account-profiel-naam {
  font-size: 19px;
  color: #3e5988;
  margin: 0;
}

.account-profiel-firma {
  margin: 2px 0 0;
  color: #262626;
}

.account-profiel-rij {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 8px 0;
  color: #262626;
  line-height: 22px;
  text-align: left;
}

.account-profiel-rij svg {
  flex: none;
  width: 18px;
  height: 18px;
  margin-top: 2px;
  color: #b58a3c;
}

.account-tekst-blok {
  padding: 25px;
}

.inlogletters {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  float: left;
  min-height: 25px;
  padding-left: 2%;
  min-width: 220px;
  border: 1px solid #ddd;
}

.formuliertekstopmaak {
  font-size: 16px;
  line-height: 22px;
  padding: 4px;
}

.review-blok-wijn-laptop {
  clear: both;
  width: 100%;
  float: left;
}

.review-blok-wijn-mobile {
  display: none;
}

.review-blok-wijn-laptop .Bestelknopklein,
.review-blok-wijn-mobile .Bestelknopklein {
  background: #83b22d;
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: bold;
}

.review-blok-wijn-laptop .Bestelknopklein:hover,
.review-blok-wijn-laptop .Bestelknopklein:focus,
.review-blok-wijn-mobile .Bestelknopklein:hover,
.review-blok-wijn-mobile .Bestelknopklein:focus {
  border: 0;
  background: #6f9726;
}

.review-blok-wijn-laptop .Bestelknopklein:active,
.review-blok-wijn-mobile .Bestelknopklein:active {
  background: #5e8020;
}

#infonaastwinkelwagen {
  width: 30%;
  float: left;
  min-height: 160px;
  text-align: left;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 34px;
  color: #666;
  padding-bottom: 20px;
  padding-left: 15px;
}

#blokomwinkelwagenpagina {
  width: 100%;
  margin-left: 20px;
  border: 1px solid #ddd;
  margin-bottom: 35px;
  background-position: left top;
  margin-right: 25px;
  padding-right: 15px;
  margin-top: 10px;
  float: left;
  padding-bottom: 10px;
  padding-left: 10px;
  background-color: #ffffff;
}

/* Pop-up "product toegevoegd aan winkelwagen" */
.cart-popup-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
}
.cart-popup-overlay[hidden] {
  display: none;
}

.cart-popup-kaart {
  position: relative;
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.25);
  padding: 30px 35px;
  max-width: 420px;
  width: 90%;
  text-align: center;
}

.cart-popup-sluiten {
  position: absolute;
  top: 8px;
  right: 14px;
  background: none;
  border: none;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
  color: #262626;
}

.cart-popup-inhoud {
  display: flex;
  align-items: center;
  gap: 16px;
  text-align: left;
  margin: 10px 0 25px;
}

.cart-popup-foto {
  max-width: 80px;
  max-height: 110px;
  width: auto;
  height: auto;
  border-radius: 6px;
  flex-shrink: 0;
}
.cart-popup-foto[hidden] {
  display: none;
}

.cart-popup-tekst {
  font-size: 18px;
  margin: 0;
}

.cart-popup-knoppen {
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
}

.cart-popup-verder,
.cart-popup-bestellen {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 8px;
  font-size: 15px;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid #ccc;
}

.cart-popup-verder {
  background-color: #ffffff;
  color: #262626;
}

.cart-popup-bestellen {
  background-color: #83b22d;
  border-color: #83b22d;
  font-weight: bold;
}
.cart-popup-bestellen:hover, .cart-popup-bestellen:focus {
  background-color: #6f9526;
  border-color: #6f9526;
}

a.cart-popup-bestellen,
a.cart-popup-bestellen:link,
a.cart-popup-bestellen:visited {
  color: #ffffff;
}

.infopag-cta {
  margin: 20px 0;
  min-height: 145px;
  padding: 20px;
  border: 2px solid #83b22d;
  border-radius: 12px;
  text-align: left;
}
@media (min-width: 1001px) {
  .infopag-cta {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 32px;
  }
}

.infopag-cta-producten {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}
@media (min-width: 1001px) {
  .infopag-cta-producten {
    flex-wrap: nowrap;
    margin-bottom: 0;
  }
}

.infopag-cta-product-foto {
  flex: 0 0 67px;
  width: 67px;
  height: 90px;
  border-radius: 6px;
  object-fit: contain;
}

.infopag-cta-knop {
  display: inline-block;
  padding: 12px 24px;
  border-radius: 8px;
  background-color: #83b22d;
  font-weight: bold;
  text-decoration: none;
  font-size: 16px;
  white-space: nowrap;
}
@media (min-width: 1001px) {
  .infopag-cta-knop {
    justify-self: start;
  }
}
.infopag-cta-knop:hover, .infopag-cta-knop:focus {
  background-color: #6f9526;
}

a.infopag-cta-knop,
a.infopag-cta-knop:link,
a.infopag-cta-knop:visited {
  color: #ffffff;
}

a.infopag-cta-knop:hover {
  color: #ffffff;
  text-decoration: none;
}

.cart-page {
  width: 94%;
  max-width: var(--aw-page);
  margin: 30px auto 60px;
  text-align: left;
}

.cart-page-titel {
  margin-bottom: 20px;
}

.cart-page-grid {
  display: flex;
  align-items: flex-start;
  gap: 24px;
}
@media (max-width: 1000px) {
  .cart-page-grid {
    flex-direction: column;
  }
}

.cart-page-kolom-items {
  flex: 1 1 65%;
  min-width: 0;
}

.cart-page-kolom-samenvatting {
  flex: 0 0 340px;
}
@media (max-width: 1000px) {
  .cart-page-kolom-samenvatting {
    flex-basis: auto;
    width: 100%;
  }
}

.cart-page-leeg {
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
  padding: 40px 30px;
  text-align: center;
}

.cart-page-verder-knop {
  display: inline-block;
  margin-top: 16px;
  padding: 10px 22px;
  border-radius: 8px;
  background-color: #83b22d;
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
}

.cart-page-regel {
  display: flex;
  align-items: center;
  gap: 16px;
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
  padding: 14px 18px;
  margin-bottom: 12px;
}
@media (max-width: 1000px) {
  .cart-page-regel {
    flex-wrap: wrap;
  }
}

.cart-page-foto-link {
  flex-shrink: 0;
}

.cart-page-foto {
  max-width: 60px;
  max-height: 85px;
  width: auto;
  height: auto;
  border-radius: 4px;
}

.cart-page-regel-info {
  flex: 1 1 auto;
  min-width: 0;
}

.cart-page-naam {
  display: block;
  font-weight: bold;
  color: #262626;
  text-decoration: none;
}
.cart-page-naam:hover {
  color: #a01528;
}

.cart-page-prijs-per-stuk {
  font-size: 14px;
  color: #666;
  margin-top: 4px;
}

.cart-page-prijs-oud {
  text-decoration: line-through;
  color: #999;
  margin-right: 6px;
}

.cart-page-prijs-actie {
  color: #9f1537;
  font-weight: bold;
}

.cart-page-per-fles {
  margin-left: 4px;
}

.cart-page-aantal {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}

.cart-page-stap-knop {
  width: 28px;
  height: 28px;
  border: 1px solid #ccc;
  border-radius: 6px;
  background-color: #f5f5f5;
  cursor: pointer;
  font-size: 16px;
  line-height: 1;
}
.cart-page-stap-knop:hover {
  background-color: #e9e9e9;
}

.cart-page-aantal-veld {
  width: 48px;
  height: 28px;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 6px;
}

.cart-page-regeltotaal {
  flex-shrink: 0;
  width: 90px;
  text-align: right;
  font-weight: bold;
}
@media (max-width: 1000px) {
  .cart-page-regeltotaal {
    width: auto;
    margin-left: auto;
  }
}

.cart-page-verwijderen {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border: none;
  background: none;
  cursor: pointer;
  color: #b5b0b0;
}
.cart-page-verwijderen svg {
  width: 21px;
  height: 21px;
}
.cart-page-verwijderen:hover {
  color: #8a8686;
}
@media (max-width: 1000px) {
  .cart-page-verwijderen {
    width: 40px;
    height: 40px;
  }
  .cart-page-verwijderen svg {
    width: 24px;
    height: 24px;
  }
}

.cart-page-totaal-flessen {
  text-align: right;
  font-weight: bold;
  color: #262626;
  padding: 4px 18px 0;
}

.cart-page-samenvatting {
  background-color: #FBF7F3;
  border-radius: 10px;
  padding: 20px 24px;
}

.cart-page-totaalrij {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.cart-page-voucherrij {
  color: #E5801A;
  font-weight: 600;
}

.cart-page-vouchermelding {
  font-size: 15px;
  color: #E5801A;
  font-weight: 600;
  margin: -4px 0 14px;
}

.cart-page-eindtotaal {
  font-weight: bold;
  font-size: 18px;
  border-top: 1px solid #ddd;
  padding-top: 10px;
  margin-top: 6px;
}

.cart-page-vrijeverzending {
  font-size: 15px;
  color: #83b22d;
  margin: -4px 0 14px;
}

.cart-page-actiecode {
  margin: 16px 0;
}
.cart-page-actiecode label {
  display: block;
  font-weight: bold;
  margin-bottom: 6px;
}

.cart-page-actiecode-rij {
  display: flex;
  gap: 8px;
}

#cart-page-actiecode-veld {
  flex: 1 1 auto;
  min-width: 0;
  padding: 6px 10px;
  border: 1px solid #ccc;
  border-radius: 6px;
}

#cart-page-actiecode-knop {
  padding: 6px 14px;
  border: none;
  border-radius: 6px;
  background-color: #4a6fac;
  color: #ffffff;
  cursor: pointer;
}
#cart-page-actiecode-knop:hover {
  background-color: #466393;
}

.cart-page-actiecode-melding {
  font-size: 13px;
  margin-top: 6px;
  color: #9f1537;
}

.cart-page-cta {
  display: block;
  text-align: center;
  margin-top: 18px;
  padding: 12px 20px;
  border-radius: 8px;
  background-color: #83b22d;
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
}
.cart-page-cta:hover {
  background-color: #6f9526;
}

a.cart-page-cta,
a.cart-page-cta:link,
a.cart-page-cta:visited {
  color: #ffffff;
}

a.cart-page-cta:hover {
  color: #ffffff;
  text-decoration: none;
}

.cart-page-verder-link {
  display: block;
  text-align: center;
  margin-top: 10px;
  color: #466393;
  font-size: 14px;
}

/* Leeftijdspoort (18+) — blokkerende overlay, niet dismissible */
.age-gate-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.85);
  z-index: 1200;
}
.age-gate-overlay[hidden] {
  display: none;
}

.age-gate-kaart {
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35);
  padding: 30px 35px;
  max-width: 420px;
  width: 90%;
  text-align: center;
}

.age-gate-tekst {
  font-size: 18px;
  margin: 0 0 25px;
}

.age-gate-knoppen {
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
}

.age-gate-nee,
.age-gate-ja {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 8px;
  font-size: 15px;
  cursor: pointer;
  border: 1px solid #ccc;
}

.age-gate-nee {
  background-color: #ffffff;
  color: #262626;
}

.age-gate-ja {
  background-color: #83b22d;
  border-color: #83b22d;
  color: #ffffff;
  font-weight: bold;
}
.age-gate-ja:hover, .age-gate-ja:focus {
  background-color: #6f9526;
  border-color: #6f9526;
}

/* Cookie-consent banner (vaste balk onderaan) */
.cookie-consent-banner {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1100;
  background-color: #ffffff;
  box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.25);
  padding: 18px 24px;
}
.cookie-consent-banner[hidden] {
  display: none;
}

.cookie-consent-inhoud {
  max-width: 1366px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
}

.cookie-consent-tekst {
  margin: 0;
  font-size: 14px;
  color: #262626;
  flex: 1 1 320px;
}

.cookie-consent-knoppen {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  flex-shrink: 0;
}

.cookie-consent-weigeren,
.cookie-consent-accepteren {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 8px;
  font-size: 15px;
  cursor: pointer;
  border: 1px solid #ccc;
}

.cookie-consent-weigeren {
  background-color: #ffffff;
  color: #262626;
}

.cookie-consent-accepteren {
  background-color: #83b22d;
  border-color: #83b22d;
  color: #ffffff;
  font-weight: bold;
}
.cookie-consent-accepteren:hover, .cookie-consent-accepteren:focus {
  background-color: #6f9526;
  border-color: #6f9526;
}

/* andereweine.de: "Ablehnen" even prominent als "Akzeptieren" (Duitse
   rechtspraak eist gelijkwaardige keuzeknoppen in de cookiebanner). */
.cookie-consent-banner--de .cookie-consent-weigeren {
  background-color: #83b22d;
  border-color: #83b22d;
  color: #ffffff;
  font-weight: bold;
}
.cookie-consent-banner--de .cookie-consent-weigeren:hover, .cookie-consent-banner--de .cookie-consent-weigeren:focus {
  background-color: #6f9526;
  border-color: #6f9526;
}

.cookie-consent-banner--de .cookie-consent-tekst {
  font-size: 13px;
  line-height: 1.5;
}

@media (max-width: 750px) {
  .cookie-consent-banner {
    padding: 12px 16px;
  }
  .cookie-consent-inhoud {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  .cookie-consent-tekst {
    flex-basis: auto;
    font-size: 12px;
    line-height: 1.35;
  }
  .cookie-consent-knoppen {
    flex-wrap: nowrap;
    justify-content: stretch;
  }
  .cookie-consent-knoppen .cookie-consent-weigeren,
  .cookie-consent-knoppen .cookie-consent-accepteren {
    flex: 1 1 0;
    text-align: center;
    padding: 8px 10px;
    font-size: 13px;
  }
}
/* MOBIEL MOBIEL MOBIEL  MOBIEL MOBIEL MOBIEL  MOBIEL MOBIEL MOBIEL  MOBIEL MOBIEL MOBIEL */
@media (max-width: 1000px) {
  /* dit is mobiel + tablet: hamburger-header tot 1000px */
  h1 {
    font-size: 22px;
    line-height: 28px;
  }
  h2 {
    font-size: 20px;
    line-height: 26px;
    color: #CB2124;
  }
  #scheidingsblok {
    /* #top_blauw is position:fixed en 57px hoog (zie _header.scss) - moet
       hier geheel geklaard worden, anders valt de H1 er half achter */
    padding-top: 65px;
  }
  /* toplaag */
  #top_blauw {
    width: 100%;
    margin-left: 0;
  }
  #logoblok {
    margin-top: 10px;
    float: left;
    width: 25%;
    min-width: 120px;
    margin-left: 80px;
  }
  /* ---- MOBIELE/TABLET HEADER: pin de hamburger links en onderdruk het
     base.css 'div.main-menu' desktop mega-menu framework (alleen ☰ + slide-out lijst) ---- */
  div.main-menu {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: auto !important;
    /* moet boven #top_blauw (10000, zie _header.scss) blijven staan */
    z-index: 10001 !important;
    background: transparent !important;
  }
  div.main-menu > ul {
    margin: 0 !important;
    padding: 0 !important;
  }
  div.main-menu .mobile-toggle {
    display: inline-block !important;
    margin: 0 !important;
  }
  div.main-menu > ul > li:not(.mobile-toggle) {
    display: none !important;
  }
  #menu-hamburger {
    margin-left: 16px !important;
  }
  #taalheaderblok {
    display: none;
  }
  .account-tegel-grid {
    grid-template-columns: 1fr;
  }
  .mijnwijnen-grid {
    grid-template-columns: 1fr;
  }
  .account-form-label {
    float: none;
    width: auto;
    padding-top: 0;
    display: block;
    margin-bottom: 4px;
  }
  .account-form-input {
    max-width: 100%;
  }
  .account-form-radiogroep {
    flex-wrap: wrap;
    row-gap: 8px;
  }
  .kop-account-blok-info {
    display: none;
  }
  .account-blok-info {
    margin-left: 3%;
    margin-right: 0;
  }
  .landItems {
    width: 800%;
  }
  .landItems li {
    width: 100%;
  }
  .subItem {
    font-size: 22px;
  }
  #telefoonnummerblok {
    display: none;
  }
  /* navigatie */
  #menulinks {
    display: none;
  }
  #navigatiesubsites {
    display: none;
  }
  .zoek-menu-paneel {
    position: fixed;
    top: 57px;
    left: 0;
    right: 0;
    min-width: 0;
    width: 100%;
    border-radius: 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    padding: 10px 3%;
    background: #d4e0f4;
  }
  .zoekveld-uitklap {
    height: 40px;
    font-size: 16px;
  }
  .zoekveld-uitklap-submit {
    width: 48px;
    height: 40px;
  }
  /* footer */
  #footer {
    padding-left: 4%;
    padding-right: 4%;
  }
  .footerblok2 {
    display: none;
  }
  .footerblok3 {
    display: none;
  }
  .footerblok1 {
    width: 42%;
    padding-left: 0;
    padding-right: 0;
  }
  .footerblok4 {
    width: 40%;
    padding-left: 0;
    padding-right: 0;
  }
  .footer-social {
    padding-left: 0;
    padding-right: 0;
  }
  .blokjesonderfooter {
    margin-left: 0;
  }
  /* productpagina */
  .blokproductpagina {
    padding-top: 0px;
    padding-left: 7%;
    padding-right: 7%;
  }
  .blokproductpagina > h1 {
    font-size: 22px;
    margin-bottom: 6px;
  }
  .blokproductpagina > h1::after {
    margin: 6px 0 12px;
  }
  #productpag_beschr_naamprod h1 {
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 6px;
  }
  .teksttegelproductpag {
    min-height: 220px;
  }
  .naam_herkomst_categoriepag {
    min-height: 150px;
  }
  .vivinologo {
    width: 23%;
  }
  .DGH_score {
    width: 8%;
  }
  .teksttegelproductpag p {
    line-height: 26px;
    font-size: 18px;
  }
  .beperktleverbaar {
    font-size: 14px;
  }
  .beperktleverbaaraantal {
    font-size: 16px;
  }
  /* infopags */
  .content_infopag {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    float: none;
  }
  .content_infopag h1 {
    font-size: 24px;
    margin-bottom: 4px;
  }
  .content_infopag h1::after {
    margin: 8px 0 14px;
  }
  .content_infopag p {
    font-size: 16px;
    line-height: 1.55;
  }
  .fotoflesintegel {
    min-height: 150px;
  }
  /* CTA-blok met productpreview (druif-/wijnstreek-/wijnhuis-infopagina's):
     4 flessen naast elkaar via een grid i.p.v. flex-wrap (die brak af naar 3+1
     zodra de vaste 67px-fotobreedte niet meer paste), en de knop mag wrappen
     en blijft altijd binnen de breedte van het blok i.p.v. eroverheen te lopen */
  .infopag-cta-producten {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 6px;
  }
  .infopag-cta-product-foto {
    flex: none;
    width: 100%;
    height: auto;
    aspect-ratio: 67/90;
  }
  .infopag-cta-knop {
    display: block;
    width: 100%;
    box-sizing: border-box;
    white-space: normal;
    text-align: center;
  }
  /* 1 FLES PAGINA */
  #blokflesfoto {
    width: 25%;
  }
  #contenteenfles {
    width: 70%;
  }
  #product_pag_beschr_tekst1 {
    display: none;
  }
  /* diensten (o.a. tickets): eerste alinea blijft zichtbaar, er is dan geen 'Wist je dat?'-blok */
  #product_pag_beschr_tekst1.beschr_dienst {
    display: block;
    width: 98%;
  }
  #product_pag_beschr_tekst2 {
    width: 98%;
  }
  .doosdisclaimer {
    width: 100%;
    float: left;
    clear: left;
  }
  .doosdisclaimer p {
    font-family: Arial, Helvetica, sans-serif;
    color: #808080;
    font-size: 12px;
  }
  /* productcategorie pagina */
  .vlagkleinprodcatpagina {
    width: 7%;
    padding-right: 1%;
  }
  .kopmeningklanten {
    font-size: 24px;
    line-height: 28px;
    color: #EA7B1B;
  }
  .review-blok-wijn-laptop {
    display: none;
  }
  .review-blok-wijn-mobile {
    clear: both;
    padding-left: 3%;
    width: 97%;
    float: left;
    display: flex;
  }
  .inlogletters {
    font-size: 16px;
  }
}
@media (max-width: 1000px) and (max-width: 1000px) {
  /* toplaag */
  #taalheaderblok {
    display: none;
  }
  #telefoonnummerblok {
    display: none;
  }
  /* de brede margin-right op #winkelwagenheaderblok was gereserveerd voor het
     oude, altijd-zichtbare zoekveld naast het logo; op mobiel is die ruimte
     niet meer nodig en duwde het zoekicoon buiten beeld */
  #winkelwagenheaderblok,
  #accountheaderblok,
  #zoekheaderblok {
    width: 44px;
    height: 44px;
    margin-right: 4px;
  }
  .account-blok-info {
    width: 100%;
    float: left;
  }
  .account-pag-tegel-container {
    width: 100%;
  }
  /* productpagina */
  .tegelcategoriepagina {
    width: 100%;
  }
  .content_wijnspijsoverzicht {
    grid-template-columns: repeat(2, 1fr);
    padding-right: 0;
  }
  .wijnspijs-wijnenblok {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    float: none;
  }
  .wijnspijs-wijnenlijst {
    grid-template-columns: 1fr;
  }
  .wijnspijs-wijnkaart {
    flex-direction: column;
  }
  .wijnspijs-wijnkaart-foto img {
    width: 90px;
    height: 120px;
  }
  .beschr_herkomst_categoriepag {
    min-height: 100px;
  }
  /* product pag */
  #productpag_beschr_druificon {
    display: none;
  }
  #productpag_beschr_druivenblend {
    display: none;
  }
  .productpag_beschr_labels {
    display: none;
  }
  .productpag_container_infoboven {
    width: 98%;
  }
  #productpag_beschr_vlag {
    width: 12%;
  }
  #productpag_beschr_herkomst {
    width: 88%;
  }
  .productpag_container_prijsbestel {
    width: 100%;
  }
  #product_pag_prijsblok {
    flex-basis: 100%;
    text-align: left;
  }
  #product_pag_bestelknopblok {
    flex-basis: 100%;
    margin-top: 15px;
    text-align: left;
  }
  #prijsblokproefdoos {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
  #prijsblokproefdoos p:last-child {
    margin-top: 15px;
  }
  .vivinologo_productpag {
    margin-bottom: 4px;
    width: 35%;
  }
  #product_pag_beschr_tekst2 {
    margin-top: 10px;
  }
  #prod_pag_flessenschaarste {
    float: left;
    width: 100%;
    text-align: left;
    margin-top: 8px;
    padding-left: 0px;
  }
  .product_pag_voorwaarden_blok {
    flex-basis: 100%;
    text-align: left;
    justify-content: flex-start;
    font-size: 16px;
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 5px;
    padding-top: 15px;
  }
  #product_pag_keurmerk {
    /* op mobiel te groot/prominent vlak onder de bestelknop - alleen hier
       verbergen, op desktop blijft het logo gewoon staan */
    display: none;
  }
  /* breekt uit de mobiele padding van .blokproductpagina (zie hierboven) zodat
     de balk edge-to-edge loopt i.p.v. binnen de contentmarge te blijven */
  #product_pag_voorwaarden_container {
    clear: both;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding-bottom: 10px;
  }
  #product_pag_wistjedatblok {
    display: block;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding-left: 5%;
    padding-right: 5%;
  }
  /* zelfde full-bleed breakout als hierboven: de overige gekleurde blokken op de
     productpagina zaten nog binnen de contentmarge van .blokproductpagina */
  #product_pag_wijnhuisinfo_container {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }
  #product_pag_wijnhuis_tekst {
    width: 100%;
  }
  #product_pag_wijnhuis_foto {
    width: 100%;
    float: left;
    margin-left: 0;
  }
  #product_pag_wijnhuis_foto {
    padding-left: 0;
    padding-right: 0;
  }
  #product_pag_wijnkenmerken {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }
  #product_pag_kenmerkentekst {
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
  }
  #product_pag_kenmerkenfoto {
    display: none;
  }
  #product_pag_wijnregioinfo_container {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }
  #product_pag_wijnregio_tekst {
    width: 100%;
    padding-bottom: 0px;
  }
  #product_pag_wijnregio_foto {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0px;
  }
  #product_pag_expertreview_container {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }
  #product_pag_expertreview_score {
    width: 100%;
    padding-top: 30px;
    padding-left: 23%;
    padding-right: 23%;
  }
  #product_pag_expertreview_tekst {
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
  }
  #product_pag_klantbeoordelingen_container {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }
  #product_pag_klantbeoordelingen_binnen {
    width: 92%;
    margin-left: 4%;
    margin-right: 4%;
  }
  .product_pag_klantbeoordeling {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
  }
  .flesinproefdoos {
    width: 100%;
    min-height: 120px;
  }
  .proefdoosblok {
    width: 100%;
  }
  .blokomproefdoosflessen {
    width: 100%;
    float: left;
    clear: right;
  }
  .blokomproefdoosflessen p {
    color: #666;
    font-size: 18px;
    line-height: 22px;
    margin-top: 0px;
  }
  .fotoflesproefdoosinhoud {
    width: 17%;
  }
  .vlagflesinhoudproefdoos {
    width: 7%;
    padding-right: 5px;
  }
  /* navigatie */
}