/* ==================================================================
   Nova Septem - Afwerking productpagina Jansma Haule
   ================================================================== */

/* ---- Kop, prijs en bestelrij ---- */

body.single-product div.product .rightwc .product_title{
  font-size: 30px;
  line-height: 1.2;
  font-weight: 800;
  color: #1e2a17;
  margin: 0 0 10px;
}

body.single-product div.product .rightwc .summary .price{
  display: block;
  font-size: 26px;
  font-weight: 800;
  color: #476930;
  margin: 0 0 18px;
}

body.single-product div.product .rightwc .summary .price del{ opacity:.5; font-size:18px; font-weight:600; }
body.single-product div.product .rightwc .summary .price ins{ text-decoration:none; }

body.single-product div.product form.cart{
  display: flex;
  gap: 10px;
  align-items: stretch;
  margin: 0 0 14px;
}

body.single-product div.product form.cart .quantity input.qty{
  width: 72px;
  height: 52px;
  border: 1px solid #dfe5db;
  border-radius: 12px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  color: #1e2a17;
  background: #fff;
}

body.single-product div.product form.cart .quantity input.qty:focus{
  border-color: #476930;
  outline: 2px solid rgba(71,105,48,.18);
  outline-offset: 1px;
}

body.single-product div.product form.cart .single_add_to_cart_button{
  flex: 1 1 auto;
  height: 52px;
  border: 0;
  border-radius: 12px;
  background: #476930;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  transition: background .15s ease;
}

body.single-product div.product form.cart .single_add_to_cart_button:hover{ background: #3a5726; }

/* ---- Verlanglijst ---- */

body.single-product div.product .summary [class*="wishlist"] a,
body.single-product div.product .rightwc [class*="wishlist"] a{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #5f6b57;
  text-decoration: none;
}

body.single-product div.product .summary [class*="wishlist"] i,
body.single-product div.product .summary [class*="wishlist"] svg{
  color: #b3bcb0 !important;
  width: 18px;
  height: 18px;
  transition: color .15s ease;
}

body.single-product div.product .summary [class*="wishlist"] a:hover i,
body.single-product div.product .summary [class*="wishlist"] a:hover svg{
  color: #c0403f !important;
}

/* ---- USP-lijst ---- */

body.single-product div.product .productusps{
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 18px 0 22px;
  padding: 16px 18px;
  background: #f5f8f1;
  border-radius: 12px;
}

body.single-product div.product .productusps .singleusp{
  display: flex;
  align-items: center;
  gap: 10px;
}

body.single-product div.product .productusps .jh-usp-vink{
  flex: 0 0 18px;
  color: #476930;
}

body.single-product div.product .productusps .usptekst{
  margin: 0;
  font-size: 14.5px;
  line-height: 1.35;
  color: #1e2a17;
}

/* ---- Gerelateerde producten ---- */

body.single-product div.product .gerelateerd h2,
body.single-product div.product .additionalinfowrapper h2,
body.single-product div.product .woocommerce-tabs h2{
  font-size: 20px;
  font-weight: 800;
  color: #1e2a17;
  margin: 0 0 14px;
}

body.single-product div.product .gerelateerd .gerelateerdwrapper{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

@media (max-width: 620px){
  body.single-product div.product .gerelateerd .gerelateerdwrapper{
    grid-template-columns: 1fr;
  }
}

body.single-product div.product .gerelateerd .gerelateerdproduct{
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(16,24,16,.06);
  text-decoration: none !important;
  transition: transform .16s ease, box-shadow .16s ease;
}

body.single-product div.product .gerelateerd .gerelateerdproduct:hover{
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(16,24,16,.10);
}

body.single-product div.product .gerelateerd .gerelateerdproduct__beeld{
  flex: 0 0 56px;
  width: 56px;
  height: 56px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

body.single-product div.product .gerelateerd .gerelateerdproduct__beeld img{
  width: 56px;
  height: 56px;
  object-fit: contain;
  border-radius: 8px;
  background: transparent;
  padding: 0;
  margin: 0;
  display: block;
}

body.single-product div.product .gerelateerd .gerelateerdproduct__tekst{
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

body.single-product div.product .gerelateerd .gerelateerdproduct__titel{
  font-size: 14px;
  line-height: 1.3;
  font-weight: 600;
  color: #1e2a17;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

body.single-product div.product .gerelateerd .gerelateerdproduct__prijs{
  font-size: 15px;
  font-weight: 800;
  color: #476930;
}

body.single-product div.product .gerelateerd .gerelateerdproduct__prijs del{ opacity:.5; font-weight:600; font-size:13px; }
body.single-product div.product .gerelateerd .gerelateerdproduct__prijs ins{ text-decoration:none; }

body.single-product div.product .gerelateerd .gerelateerdproduct__pijl{
  flex: 0 0 18px;
  color: #b3bcb0;
  transition: color .16s ease, transform .16s ease;
}

body.single-product div.product .gerelateerd .gerelateerdproduct:hover .gerelateerdproduct__pijl{
  color: #476930;
  transform: translateX(2px);
}

/* ---- Hulpblok ---- */

.jh-hulp{
  margin: 28px 0 0;
  padding: 20px 22px;
  background: #f5f8f1;
  border-radius: 14px;
}

.jh-hulp__intro{
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

.jh-hulp__icoon{
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 50%;
  color: #476930;
}

.jh-hulp h3{
  margin: 2px 0 4px;
  font-size: 17px;
  font-weight: 800;
  color: #1e2a17;
  line-height: 1.25;
}

.jh-hulp p{
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  color: #5f6b57;
  max-width: 460px;
}

.jh-hulp__acties{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}

.jh-hulp__actie{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 11px 16px;
  border-radius: 10px;
  background: #fff;
  color: #1e2a17 !important;
  font-size: 14.5px;
  font-weight: 600;
  text-decoration: none !important;
  transition: background .15s ease, color .15s ease;
}

.jh-hulp__actie svg{ color: #476930; flex: 0 0 18px; }
.jh-hulp__actie:hover{ background: #e9f0e3; }

.jh-hulp__actie--knop{
  background: #476930;
  color: #fff !important;
}

.jh-hulp__actie--knop:hover{ background: #3a5726; color: #fff !important; }

/* ---- Specificaties ---- */

body.single-product div.product .additionalinfowrapper .woocommerce-product-attributes th{
  font-size: 13.5px;
  color: #8a9486;
  font-weight: 600;
  padding: 6px 16px 6px 0 !important;
  text-align: left;
}

body.single-product div.product .additionalinfowrapper .woocommerce-product-attributes td{
  font-size: 14.5px;
  color: #1e2a17;
  padding: 6px 0 !important;
}

body.single-product div.product .additionalinfowrapper .woocommerce-product-attributes td p{ margin: 0; font-style: normal; }

/* ---- Mobiel ---- */

@media (max-width: 700px){
  body.single-product div.product .rightwc .product_title{ font-size: 24px; }
  body.single-product div.product .rightwc .summary .price{ font-size: 22px; }
  .jh-hulp{ padding: 16px; }
  .jh-hulp__acties .jh-hulp__actie{ flex: 1 1 100%; justify-content: center; }
}

/* ==================================================================
   Productblok: label, artikelnummer, prijs, bestelrij
   ================================================================== */

body.single-product div.product .rightwc .jh-pp__label{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0 0 8px;
  font-size: 11.5px;
  letter-spacing: .07em;
  text-transform: uppercase;
  font-weight: 700;
  color: #8a9486;
}

body.single-product div.product .rightwc .jh-pp__label a{
  color: #8a9486;
  text-decoration: none;
}
body.single-product div.product .rightwc .jh-pp__label a:hover{ color: #476930; }

body.single-product div.product .rightwc .jh-pp__merk{
  padding: 3px 10px;
  border-radius: 999px;
  background: #eef3ea;
  color: #476930;
  letter-spacing: .04em;
}

body.single-product div.product .rightwc .jh-pp__sku{
  font-size: 13.5px;
  color: #8a9486;
  margin: 0 0 14px;
}
body.single-product div.product .rightwc .jh-pp__sku strong{
  color: #1e2a17;
  font-weight: 700;
}

body.single-product div.product .rightwc .summary .price{
  margin: 0 0 2px;
}

body.single-product div.product .rightwc .jh-pp__btw{
  font-size: 12.5px;
  color: #8a9486;
  margin: 0 0 18px;
}

/* ---- Aantalregelaar ---- */

body.single-product div.product form.cart .quantity.jh-stepper{
  display: inline-flex;
  align-items: center;
  border: 1px solid #dfe5db;
  border-radius: 12px;
  background: #fff;
  overflow: hidden;
  height: 52px;
}

body.single-product div.product form.cart .quantity.jh-stepper input.qty{
  width: 52px;
  height: 50px;
  border: 0 !important;
  border-radius: 0;
  background: transparent;
  -moz-appearance: textfield;
}

body.single-product div.product form.cart .quantity.jh-stepper input.qty::-webkit-outer-spin-button,
body.single-product div.product form.cart .quantity.jh-stepper input.qty::-webkit-inner-spin-button{
  -webkit-appearance: none;
  margin: 0;
}

body.single-product div.product form.cart .quantity.jh-stepper input.qty:focus{
  outline: none;
}

.jh-stepper__knop{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 50px;
  border: 0;
  background: transparent;
  color: #476930;
  cursor: pointer;
  transition: background .15s ease;
}

.jh-stepper__knop:hover{ background: #f0f5ec; }

/* ---- Bestelknop met winkelwagen-icoon ---- */

body.single-product div.product form.cart .single_add_to_cart_button{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

body.single-product div.product form.cart .single_add_to_cart_button::before{
  content: "";
  width: 20px;
  height: 20px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'/%3E%3C/svg%3E") center / contain no-repeat;
  flex: 0 0 20px;
}

/* ---- Verlanglijst compacter ---- */

body.single-product div.product .rightwc [class*="wishlist"]{
  margin: 12px 0 0;
}

/* ---- USP-blok iets strakker ---- */

body.single-product div.product .productusps{
  margin: 18px 0 0;
  padding: 14px 16px;
  gap: 6px;
}

/* ==================================================================
   Correcties op bestaande themaregels
   ================================================================== */

/* De prijs zit hier niet in .summary maar los in de rechterkolom, en had
   daardoor nog de oude opmaak: zwart en klein. */
body.single-product div.product p.price,
body.single-product div.product .rightwc p.price{
  font-size: 26px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  color: #476930 !important;
  margin: 0 0 2px !important;
}

body.single-product div.product p.price .woocommerce-Price-amount,
body.single-product div.product .rightwc p.price .woocommerce-Price-amount{
  font-size: 26px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  color: #476930 !important;
}

body.single-product div.product p.price del,
body.single-product div.product p.price del .woocommerce-Price-amount{
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #8a9486 !important;
  opacity: .8;
}

body.single-product div.product p.price ins,
body.single-product div.product p.price ins .woocommerce-Price-amount{
  text-decoration: none !important;
}

/* Het aantalveld had een eigen rand en een rechtermarge van 10 pixels. Binnen
   de regelaar botste dat met de plusknop, die daardoor over de rand viel. */
body.single-product div.product form.cart .quantity.jh-stepper{
  width: auto !important;
  flex: 0 0 auto;
  margin: 0 !important;
}

body.single-product .quantity.jh-stepper .qty,
body.single-product div.product form.cart .quantity.jh-stepper input.qty{
  width: 52px !important;
  min-width: 52px !important;
  max-width: 52px !important;
  height: 50px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: center !important;
  box-shadow: none !important;
}

.jh-stepper__knop{ flex: 0 0 40px; }

/* ==================================================================
   Prijs op de productpagina

   Het element eromheen is niet altijd een p.price: afhankelijk van de
   klantspecifieke prijzen kan er een andere opbouw uitkomen. Daarom hier
   op de hele rechterkolom, met het bedrag zelf als aangrijpingspunt.
   ================================================================== */

body.single-product div.product .rightwc .price,
body.single-product div.product .rightwc p.price,
body.single-product div.product .summary .price{
  display: block;
  margin: 4px 0 2px !important;
  line-height: 1.15 !important;
}

body.single-product div.product .rightwc .price .woocommerce-Price-amount,
body.single-product div.product .rightwc .price bdi,
body.single-product div.product .rightwc .woocommerce-Price-amount,
body.single-product div.product .rightwc .woocommerce-Price-amount bdi,
body.single-product div.product .summary .price .woocommerce-Price-amount,
body.single-product div.product .summary .price bdi{
  font-size: 34px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  color: #476930 !important;
  letter-spacing: -.01em;
}

/* Het euroteken iets kleiner, dat leest rustiger bij een groot bedrag. */
body.single-product div.product .rightwc .woocommerce-Price-currencySymbol{
  font-size: .72em !important;
  font-weight: 700 !important;
  margin-right: 2px;
  vertical-align: 3px;
}

/* Oude prijs bij een actie. */
body.single-product div.product .rightwc .price del,
body.single-product div.product .rightwc .price del .woocommerce-Price-amount,
body.single-product div.product .rightwc .price del bdi{
  font-size: 19px !important;
  font-weight: 600 !important;
  color: #8a9486 !important;
  text-decoration: line-through !important;
}

body.single-product div.product .rightwc .price ins,
body.single-product div.product .rightwc .price ins .woocommerce-Price-amount,
body.single-product div.product .rightwc .price ins bdi{
  text-decoration: none !important;
}

/* Btw-regel als klein label direct onder het bedrag. */
body.single-product div.product .rightwc .jh-pp__btw{
  display: inline-block;
  margin: 4px 0 20px !important;
  padding: 3px 10px;
  border-radius: 999px;
  background: #f0f3ed;
  font-size: 12px;
  font-weight: 600;
  color: #5f6b57;
}

/* De aantalregelaar en de knop wat lucht geven ten opzichte van de prijs. */
body.single-product div.product form.cart{
  margin-top: 4px !important;
}

/* ==================================================================
   Beschrijving en specificaties
   ================================================================== */

/* Lege blokken helemaal verbergen, inclusief kop en knop. */
body.single-product div.product .woocommerce-tabs.jh-leeg,
body.single-product div.product .additionalinfowrapper.jh-leeg{
  display: none !important;
}

/* ---- Specificaties ----

   Geen tabelopmaak meer. Elke specificatie is een eigen blokje met het label
   erboven en de waarde eronder. Daarmee zijn we in een klap af van de
   zebrastrepen en de halve pagina witruimte tussen label en waarde.
   ------------------------------------------------------------------ */

body.single-product div.product .additionalinfowrapper{
  margin-top: 24px;
}

body.single-product div.product .additionalinfowrapper h2{
  font-size: 20px;
  font-weight: 800;
  color: #1e2a17;
  margin: 0 0 12px;
}

body.single-product div.product .woocommerce-product-attributes,
body.single-product div.product table.shop_attributes{
  display: block !important;
  width: 100% !important;
  background: transparent !important;
  border: 0 !important;
  border-collapse: separate !important;
  margin: 0 !important;
}

body.single-product div.product .woocommerce-product-attributes tbody{
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 8px;
  width: 100%;
}

body.single-product div.product .woocommerce-product-attributes tr,
body.single-product div.product .woocommerce-product-attributes tr:nth-child(even),
body.single-product div.product .woocommerce-product-attributes tr:nth-child(odd){
  display: flex !important;
  flex-direction: column;
  gap: 3px;
  padding: 12px 14px !important;
  background: #f5f8f1 !important;
  border-radius: 10px;
  border: 0 !important;
}

body.single-product div.product .woocommerce-product-attributes th{
  display: block !important;
  width: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  font-size: 11.5px !important;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-weight: 700 !important;
  color: #8a9486 !important;
  text-align: left !important;
  line-height: 1.3 !important;
}

body.single-product div.product .woocommerce-product-attributes td{
  display: block !important;
  width: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #1e2a17 !important;
  text-align: left !important;
  line-height: 1.35 !important;
}

body.single-product div.product .woocommerce-product-attributes td p{
  margin: 0 !important;
  font-style: normal !important;
  font-size: inherit !important;
  color: inherit !important;
  font-weight: inherit !important;
}

/* ---- Beschrijving ---- */

body.single-product div.product .leftwc .woocommerce-Tabs-panel--description{
  font-size: 15px;
  line-height: 1.6;
  color: #1e2a17;
}

body.single-product div.product .leftwc .woocommerce-tabs a.leesmeer{
  margin-top: 6px;
}

@media (max-width: 560px){
  body.single-product div.product .woocommerce-product-attributes th{ width: 46%; padding-left: 14px !important; }
  body.single-product div.product .woocommerce-product-attributes td{ padding-right: 14px !important; }
}

/* ==================================================================
   Uitzondering: prijzen bij gerelateerde producten

   De grote prijsopmaak hierboven hangt aan de hele rechterkolom, en de
   gerelateerde producten staan daar ook in. Die moeten klein blijven.
   ================================================================== */

body.single-product div.product .rightwc .gerelateerd .gerelateerdproduct__prijs,
body.single-product div.product .rightwc .gerelateerd .gerelateerdproduct__prijs .woocommerce-Price-amount,
body.single-product div.product .rightwc .gerelateerd .gerelateerdproduct__prijs bdi,
body.single-product div.product .rightwc .gerelateerd .woocommerce-Price-amount,
body.single-product div.product .rightwc .gerelateerd .woocommerce-Price-amount bdi{
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  color: #476930 !important;
  letter-spacing: 0 !important;
}

body.single-product div.product .rightwc .gerelateerd .woocommerce-Price-currencySymbol{
  font-size: 1em !important;
  vertical-align: baseline !important;
  margin-right: 1px;
}

body.single-product div.product .rightwc .gerelateerd .gerelateerdproduct__prijs del,
body.single-product div.product .rightwc .gerelateerd .gerelateerdproduct__prijs del .woocommerce-Price-amount,
body.single-product div.product .rightwc .gerelateerd .gerelateerdproduct__prijs del bdi{
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #8a9486 !important;
}


/* ==================================================================
   Productpagina op telefoon

   Op mobiel verplaatst het thema het infoblok met JavaScript naar een
   andere plek in de pagina. Het valt dan niet meer binnen .rightwc, en
   daardoor viel de prijsopmaak weg. Deze regels hangen daarom aan de
   pagina zelf, met de gerelateerde producten uitgezonderd.
   ================================================================== */

@media (max-width: 900px){

  /* Titel niet over drie regels. */
  body.single-product div.product .product_title,
  body.single-product .summary .product_title{
    font-size: 24px !important;
    line-height: 1.2 !important;
    margin: 0 0 8px !important;
  }

  /* Prijs, ongeacht waar het blok naartoe verplaatst is. */
  body.single-product .summary .price,
  body.single-product .summary p.price{
    display: block;
    margin: 4px 0 2px !important;
  }

  body.single-product .summary .price .woocommerce-Price-amount,
  body.single-product .summary .price bdi,
  body.single-product .summary p.price .woocommerce-Price-amount,
  body.single-product .summary p.price bdi{
    font-size: 28px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    color: #476930 !important;
  }

  body.single-product .summary .price del,
  body.single-product .summary .price del .woocommerce-Price-amount,
  body.single-product .summary .price del bdi{
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #8a9486 !important;
  }

  body.single-product .summary .woocommerce-Price-currencySymbol{
    font-size: .72em !important;
    vertical-align: 2px;
  }

  /* Label, artikelnummer en btw-regel blijven ook na de verplaatsing kloppen. */
  body.single-product .jh-pp__label{
    font-size: 11px !important;
    margin-bottom: 6px !important;
  }

  body.single-product .jh-pp__sku{
    font-size: 13px !important;
    margin-bottom: 10px !important;
  }

  body.single-product .jh-pp__btw{
    margin: 4px 0 16px !important;
  }

  /* Bestelrij: knoptekst op een regel houden. */
  body.single-product div.product form.cart .single_add_to_cart_button{
    font-size: 14.5px !important;
    padding: 0 14px !important;
    white-space: nowrap;
    gap: 8px;
  }

  body.single-product div.product form.cart .quantity.jh-stepper{
    height: 48px;
  }

  body.single-product .quantity.jh-stepper .qty,
  body.single-product div.product form.cart .quantity.jh-stepper input.qty{
    height: 46px !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
  }

  .jh-stepper__knop{ width: 36px; height: 46px; flex: 0 0 36px; }

  body.single-product div.product form.cart .single_add_to_cart_button{
    height: 48px !important;
  }

  /* Productfoto niet meer dan een halve schermhoogte. */
  body.single-product div.product .leftwc img{
    max-height: 320px;
    object-fit: contain;
  }

  /* Blokken wat dichter op elkaar. */
  body.single-product div.product .productusps{
    margin: 14px 0 0 !important;
    padding: 12px 14px !important;
  }

  body.single-product div.product .gerelateerd,
  body.single-product div.product .additionalinfowrapper{
    margin-top: 20px;
  }

  .jh-hulp{ margin-top: 20px; padding: 16px; }
}

@media (max-width: 420px){
  body.single-product div.product .product_title{ font-size: 21px !important; }
  body.single-product .summary .price .woocommerce-Price-amount,
  body.single-product .summary .price bdi{ font-size: 25px !important; }
  body.single-product div.product form.cart .single_add_to_cart_button{ font-size: 13.5px !important; }
}