#main #products .row{margin:0}#main #products .row>*{margin:0;padding:0}.square{display:block;height:calc(100vw/4)!important;overflow:hidden;background-position:top left;background-repeat:no-repeat;background-size:cover;color:#000;text-decoration:none}.square:hover{color:#000;text-decoration:none}.square.square-lg{height:calc(100vw/2)!important}.square img.bottle{width:33%;height:auto;position:absolute;top:6.67%;left:2%;z-index:2;transition:.4s all}.square:hover img.bottle{transform:rotate(5deg)}.square.nohover img.bottle{transform-origin:50% 75%}.square.nohover:hover img.bottle{transform-origin:50% 75%}.square .info{background:#fff;position:absolute;top:17.5%;bottom:auto;left:18%;right:6.5%;z-index:1;padding:7.5% 2% 7.5% 20%;min-height:65%}.square.square-lg .info{top:20%;bottom:auto;left:18%;right:15%;z-index:99;padding:7.5% 2% 7.5% 20%;min-height:50%}.square .info h2{font-size:calc(100vw/44);line-height:calc(100vw/45);margin-bottom:calc(100vw/150)}.square.square-lg .info h2{font-size:calc(100vw/20);line-height:calc(100vw/21);margin-bottom:calc(100vw/150)}.square .info p{font-size:calc(100vw/100);line-height:calc(100vw/88);font-family:"Overpass Mono",monospace;padding-right:3%}.square.square-lg .info p{font-size:calc(100vw/84);line-height:calc(100vw/72);max-width:calc(100vw/6)}.product__pepper{margin-top:calc(100vw/150)}.square .product__pepper svg{height:calc(100vw/55)}.square.square-lg .product__pepper svg{height:calc(100vw/38)}@media (min-width:768px) and (max-width:991px){.square{height:calc(100vw/1)!important}.square.square-lg{height:calc(100vw)!important}.square.square-lg .info{top:17.5%;bottom:auto;left:18%;right:7.5%;min-height:65%}.square .info h2{font-size:calc(100vw/12) !important;line-height:calc(100vw/22.5)}.square.square-lg .info h2{font-size:calc(100vw/10);line-height:calc(100vw/10.5)}.square .info p{font-size:calc(100vw/40);line-height:calc(100vw/44)}.square.square-lg .info p{font-size:calc(100vw/48);line-height:calc(100vw/42);max-width:none}.square .product__pepper svg{height:calc(100vw/20)}.square.square-lg .product__pepper svg{height:calc(100vw/15)}}@media (max-width:767px){.square.square-lg .info{top:17.5%;bottom:auto;left:18%;right:7.5%;min-height:65%}.square,.square.square-lg{height:calc(100vw)!important}.square .info h2,.square.square-lg .info h2{font-size:calc(100vw/12);line-height:calc(100vw/12.5)}.square .info p,.square.square-lg .info p{font-size:calc(100vw/24);line-height:calc(100vw/21);max-width:none}.square .product__pepper svg,.square.square-lg .product__pepper svg{height:calc(100vw/15)}}#main .callouts .row{margin:0}.double-square{position:relative;display:block;height:calc(100vw/4)!important;overflow:hidden;background-color:#333;background-position:top left;background-repeat:no-repeat;background-size:cover;color:#000;text-decoration:none}.double-square:hover{color:#000;text-decoration:none}.promo>*{z-index:11;position:relative}.promo .overlay{z-index:10;position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5)}.bbq-callout h2,.promo h2{color:#fff;font-size:calc(100vw/46)}.bbq-callout .bottles-bbq{position:absolute;top:19%;left:2%;width:auto;height:calc(100vw/6.5)!important}.bbq-callout .content{position:absolute;top:0;right:4%;width:31%;height:100%;display:flex;justify-content:center;align-items:center}.bbq-callout .primary-cta{font-family:"Overpass Mono",monospace;display:inline-block;position:relative;border-radius:0;background:#fff;color:#f40000;font-size:calc(100vw/100);line-height:calc(100vw/100);font-weight:700;text-transform:uppercase;padding:calc(100vw/140) calc(100vw/100) calc(100vw/160);margin-top:15px;margin-right:15px;border:0;transition:all .2s;transform:scale(1);white-space:nowrap}.bbq-callout .primary-cta:active,.bbq-callout .primary-cta:focus,.bbq-callout .primary-cta:hover{transform:scale(1.1)}@media (max-width:767px){.double-square{position:relative;display:block;height:auto!important;overflow:hidden;background-color:#333;background-position:top left;background-repeat:no-repeat;background-size:cover;color:#000;text-decoration:none}.bbq-callout{text-align:center;padding:45px 15px}.bbq-callout .bottles-bbq{position:relative;top:auto;left:auto;width:80%;height:auto!important}.bbq-callout .content{position:relative;top:auto;right:auto;width:auto;height:auto;display:block;padding:15px 60px}.bbq-callout .primary-cta{font-family:"Overpass Mono",monospace;display:inline-block;position:relative;border-radius:0;background:#fff;color:#f40000;font-size:16px;line-height:16px;font-weight:700;text-transform:uppercase;padding:8px 24px 6px;margin-top:15px;margin-right:15px;border:0;transition:all .2s;transform:scale(1);white-space:nowrap}.bbq-callout .primary-cta:active,.bbq-callout .primary-cta:focus,.bbq-callout .primary-cta:hover{transform:scale(1.1)}}#main #products .promo{padding:5vw 2.5vw;text-align:center}.promo h2{font-size:calc(100vw/22.5);line-height:calc(100vw/28);margin-bottom:.25em}.promo .content{font-family:"Overpass Mono",monospace;color:#fff}.promo .content p{font-size:calc(100vw/92);line-height:calc(100vw/80);margin-bottom:0}.promo .primary-cta{font-family:"Overpass Mono",monospace;display:inline-block;position:relative;border-radius:0;background:#f40000;color:#fff;font-size:calc(100vw/100);line-height:calc(100vw/100);font-weight:700;text-transform:uppercase;padding:calc(100vw/140) calc(100vw/100) calc(100vw/160);margin-top:15px;border:0;transition:all .2s;transform:scale(1);white-space:nowrap}.promo .primary-cta:active,.promo .primary-cta:focus,.promo .primary-cta:hover{transform:scale(1.1)}

.custom-weight {
  font-weight: 200; /* or 600, 700 depending on the font */
}

.slider-plus-ones .slide p {
  font-weight: 500 !important;  /* use !important if the theme does */
}
/* Witte blok: vast formaat, mag overlappende inhoud tonen */
#sets .info {
  position: absolute;
  top: 17.5%;
  left: 16.5%;
  right: 16.5%;
  height: 65%;          /* <-- vaste hoogte i.p.v. min-height */
  background: #fff;

  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  padding: 7.5% 6%;

  overflow: visible;     /* laat content buiten de box zien */

  padding: 4% 6% 7.5%;  /* minder top-padding dan eerst */
}

/* Gift Sets – bottle image */
#sets .info img.bottle {
  position: static !important;   /* niet absoluut in deze tegel */
  display: block;
  height: auto;

  /* laat ‘m links/rechts uitsteken maar centreer ‘m wel */
  width: 115%;        /* groter dan de box */
  max-width: none;    /* voorkomt begrenzing op 100% */
  margin-left: -10%;  /* evenveel uitsteken links */
  margin-right: -10%; /* en rechts, blijft gecentreerd */
  margin-top: 10px;

  /* hover-animatie blijft werken */
  transition: .4s transform;
  transform-origin: center center;

  margin-top: -20px;
}

.square .info p { 
  font-size: clamp(15px, 1.0vw, 17px) !important; /* keep your scaling */ 
  line-height: 1.22 !important; /* tighter vertical spacing */ 
  letter-spacing: -0.2px; /* optional: pulls letters slightly closer */ 
  font-weight: 400; /* avoid too thin, 100 is very wide-looking */ 
} 
  
  .square .info h2 { 
    font-size: clamp(20px, 2.3vw, 36px) !important; 
    line-height: 1.05 !important; /* tight, like the official site */ 
    letter-spacing: -0.3px; /* optional, makes them look bold & compact */ 
  } 
  
  /* ===== Tegels (baseline op brede schermen) ===== */ 

  .square .info h2 { font-size: clamp(20px, 2.3vw, 36px) !important; /* ↑ min 20px */ 
    line-height: 1.1 !important; margin-bottom: 0.35em; 
  } 
    
  .square .info p { font-size: clamp(15px, 1.05vw, 18px) !important; /* ↑ min 15px */ 
    line-height: 1.35 !important; 
    font-weight: 400; 
  } 
  
  /* <= 1600px: stapje kleiner */ 
  @media (max-width: 1600px) 
  { .square .info h2 { font-size: clamp(18px, 2.1vw, 34px) !important; 
  } 

  .square .info p { font-size: clamp(14px, 1.05vw, 16.5px) !important; } } 
  
  /* <= 1366px: laptops (13") */ @media (max-width: 1366px) 
  { .square .info h2 
    { font-size: clamp(17px, 1.85vw, 28px) !important; } 
  
  .square .info p { 
    font-size: clamp(13.5px, 1.05vw, 16px) !important; } } /* <= 1200px: smal venster */ 
    @media (max-width: 1200px) { 
      .square .info h2 { font-size: clamp(16px, 1.65vw, 24px) !important; } .square .info p { font-size: clamp(13px, 1vw, 15px) !important; } } 

/* NEW: when the grid collapses to single column (< 992px),
   keep headings and copy comfortably sized */
@media (max-width: 991.98px) {
  .square .info h2 {
    font-size: 60px !important;   /* 28–32px is a good range */
    line-height: 1.08 !important;
    letter-spacing: -0.3px;
  }
  .square .info p {
    font-size: 28px !important;    /* 16–18px readable on tablets/half-screen */
    line-height: 1.35 !important;
    letter-spacing: -0.2px;
  }
}

/* <= 767px: phones — force comfortable size */ @media (max-width: 767px) { .square .info h2 { font-size: 28px !important; } .square .info p { font-size: 16px !important; } }