/** Shopify CDN: Minification failed

Line 1138:1 Expected "}" to go with "{"

**/
/* Ivy Presto Display for Headings and Large Text */
/* h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.heading,
.large-text,
.section-heading,
.product-title,
.collection-title,
.page-title,
.hero-title,
.banner-title,
button,
.btn,
.button,
.navigation,
.menu,
nav a,
.disclosure__title {
  font-family: 'Ivy Presto Display', serif !important;
  font-weight: 100;
  font-style:normal !important;
}
a.btn,
span.btn{
    font-style: italic !important;
    text-transform: uppercase;
    letter-spacing: 0.25px;
} */

/* AW Conqueror for Body Text, Paragraphs and Small Text */
/* body,
p,
.body-text,
small,
.small-text,
.text,
.description,
.product-description,
.rte,
.richtext,
input,
textarea,
select,
.form-field,
.price,
.product-info,
li,
span,
a:not(nav a):not(.btn):not(.button),
div {
  font-family: 'AW Conqueror', sans-serif !important;
} */

/* Bold text uses Bold variant */
b, strong,
.bold,
.font-bold {
  font-weight: 400 !important;
}
a.btn{
  font-family: 'AW Conqueror', sans-serif !important;
  font-weight:300 !important;
  padding-bottom:18px;
}

/* Italic text uses Italic variant */
i, em,
.italic,
.font-italic {
  font-style: normal !important;
}
.section-footer__text li{
  position:relative;
  list-style:none !important;
}
.section-footer__text li:after{
  content:"";
  position:absolute;
  left:-30px;
  top:5px;
  width:20px;
  height:20px;
  background-size:contain;
}

a.btn.btn-primary:hover{
  background-color: #f1eada;
  border-color:f1eada;;
  color:#2c180f;
}
/* ===== Globo Product Options ===== */
span.label-content,
span.gpo-helptext.break-word,
span.gpo-ov-helptext,
span.choicelist-item__value {
    font-family: "Manrope", sans-serif !important;
}
.gpo-selected-values {
    font-weight: 700 !important;
}
span.label-content {
    margin-bottom: 4px;
    line-height:28px;
}
.gpo-label+.gpo-selected-values.has-value {
    font-size: 14px;
}

/* ===== Globo Form ==== */
.globo-form-control .radio-wrapper {
    font-family: 'Manrope';
}
.globo-formbuilder-wizard button.action.next.submit {
    font-family: 'Manrope';
    color: #f1eada;
    font-weight: 500;
}
.globo-formbuilder-wizard span.label-content {
    font-size: 16px;
    font-weight:500;
}
/* ===== Text color adjustments ===== */
.use-color-scheme--1 blockquote,
.use-color-scheme--1 .testimonial__author {
  color: #2C180F !important;
}
.section-footer__text li:nth-child(1):after{
  background-image:url(/cdn/shop/files/phone.svg?v=1767348141);
}
.section-footer__text li:nth-child(2):after{
  background-image:url(/cdn/shop/files/mail.svg?v=1767348141);
}

/* ===== Video Section ===== */
@media (min-width: 1100px) {
    .video-section .text-overlay--for-banner .text-overlay__inner {
        padding: 50px;
    }
}

/* ===== Seperator for titles ===== */
.hometitle,
.align-ltr-left h2.majortitle {
  text-align: left;
  border-bottom: 1px solid;
  padding-bottom: 32px;
  margin-bottom: 32px;
}
.hometitle h2 a,
.align-ltr-left h2.majortitle {
  font-size: 40px;
  font-family: var(--heading-font-family) !important;
}

/* ===== Multi Column Border ===== */
.column-border .column.text-column {
  padding: 0 16px;
  border-left: 1px solid #000;
}
.column-border .column.text-column:last-child {
  border-right: 1px solid #000;
}
@media (max-width:768px){
  .column-border .column.text-column:last-child {
  border-right: 0;
}
}
.collection-slider button.slider-nav__btn.has-ltr-icon {
  position: absolute;
  bottom: -20px;
  right: 0;
}
.collection-slider button.slider-nav__btn.has-ltr-icon[name="prev"] {
  right: 45px;
}
/* ===== Featured Collection ===== */
.view-all a.btn{
  margin-top: 16px;
  margin-bottom:32px;
}
/* ===== Newsletter ===== */

.section-newsletter .container {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  padding: 32px 0 16px 0;
  border-bottom: 1px solid #fff;
}
.section-newsletter button {
  background: #f1eada;
  width:100%;
  transform:translateY(-16px);
}
@media (min-width: 768px) {
  .section-newsletter .container {
    justify-content: start;
  }
  .section-newsletter .container > h2 {
    flex: 0 0 50%;
    margin-bottom: 8px;
    text-align: left;
  }
  .section-newsletter .container > .rte {
    flex: 0 0 51%;
    margin-top: 0;
    text-align: left;
  }
  .section-newsletter .container > .signup-form {
    flex: 0 0 45%;
    margin-top: -24px;
    margin-left: auto;
  }
  .section-newsletter button{
    transform:none;
    width:auto;
  }
  .section-newsletter .signup-form__inline-container {
    display: inline-flex;
    width: 100%;
    justify-content: flex-end;
  }
}

/* ===== Announcement Bar Sticky ===== */

/* When announcement bar is sticky, position it properly */
/* If header is also sticky, it will be positioned below it via inline style */
.announcement-bar--sticky {
  z-index: 400;
}

/* ===== Announcement Bar USP ===== */

.announcement-bar-usp {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  width: 100%;
  flex-wrap: wrap;
}

.announcement-bar-usp__item {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 1 auto;
}

.announcement-bar-usp__icon {
  width: auto;
  height: 18px;
  max-width: 18px;
  object-fit: contain;
  flex-shrink: 0;
}

.announcement-bar-usp__text {
  font-size: inherit;
  color: inherit;
  white-space: nowrap;
}

@media (min-width: 768px) {
  .announcement-bar-usp {
    gap: 40px;
    flex-wrap: nowrap;
  }
  
  .announcement-bar-usp__icon {
    height: 18px;
    max-width: 18px;
  }
}

@media (max-width: 767px) {
  .announcement-bar-usp {
    gap: 8px;
  }
  
  .announcement-bar-usp__item {
    gap: 6px;
  }
  
  .announcement-bar-usp__text {
    font-size: 10px;
  }
}
/* ===== Header ===== */
.menu-promotion__image img {
    aspect-ratio: 1 / 1;
}
.template-index div.pageheader {
    background-color: #f1eada;
}
.template-index .announcement-bar{
    background-color:#2c180f;
}
.template-index .announcement-bar .announcement-bar-usp__text,
.template-index .announcement-bar span.text-start,
.template-index .announcement-bar svg {
    color:#f1eada;
}

.template-index .announcement-bar img{
    filter:invert(1);
}
.template-collection .announcement-bar--with-announcement {
    background-color: #b79d86;
}
.navigation .navigation__tier-1{
  background-color:transparent;
}
.section-header li.navigation__item.navigation__item--with-children.navigation__item--with-small-menu {
    position: relative;
}

/* ===== Inline Navigation with Dropdowns ===== */

/* Hide the separate #main-nav - dropdowns are now in the inline nav */
@media (min-width: 768px) {
  #main-nav {
    display: none !important;
  }
  .section-header{
    height:71px;
  }
}

/* Force inline navigation to always be visible on desktop */
@media (min-width: 768px) {
  /* Always show the inline navigation regardless of space */
  .navigation--left {
    visibility: visible !important;
    border: none;
  }
  
  /* Allow the nav container to show content and dropdowns */
  .logo-area__left__inner {
    overflow: visible;
    width: 583px !important;
  }
  
  /* Ensure proper height for the header area */
  .pageheader--layout-inline-menu-center .logo-area__left,
  .pageheader--layout-inline-menu-left .logo-area__left {
    min-height: calc(22px * 2 + 1.5em);
  }
  
  /* Give the navigation room to breathe */
  .pageheader--layout-inline-menu-center .navigation--left,
  .pageheader--layout-inline-menu-left .navigation--left {
    width: auto;
    max-width: none;
  }
  
  /* Style the inline nav dropdowns */
  /* .navigation--inline-with-dropdowns .navigation__tier-1 > .navigation__item {
    position: relative;
  } */
  
  /* Dropdown container positioning */
  .navigation--inline-with-dropdowns .navigation__tier-2-container {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 100;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: opacity 175ms ease-in, visibility 175ms;
    background: var(--main-nav-bg, #fff);
    border: 1px solid var(--heading-divider-col, #e5e5e5);
    border-top: none;
  }
  
  /* Small menu dropdown positioning */
  .navigation--inline-with-dropdowns .navigation__item--with-small-menu > .navigation__tier-2-container {
    width: max-content;
    min-width: 170px;
    max-width: 280px;
  }
  
  /* Mega menu dropdown - full width */
  .navigation--inline-with-dropdowns .navigation__item--with-mega-menu > .navigation__tier-2-container {
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    max-width: var(--page-width, 1400px);
  }
  
  /* Show dropdown on hover */
  .navigation--inline-with-dropdowns .navigation__item--with-children:hover > .navigation__tier-2-container,
  .navigation--inline-with-dropdowns .navigation__item--with-children:focus-within > .navigation__tier-2-container {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
  }
  
  /* Hide the dropdown toggle button on desktop */
  .navigation--inline-with-dropdowns .navigation__children-toggle {
    display: none;
  }
}

/* Navigation font size adjustments for smaller desktop screens */
/* Adjust these breakpoints and font sizes as needed */
@media (min-width: 768px) and (max-width: 1024px) {
  .navigation--left .navigation__tier-1 > .navigation__item > .navigation__link {
    font-size: 0.85em;
  }
}

@media (min-width: 1025px) and (max-width: 1200px) {
  .navigation--left .navigation__tier-1 > .navigation__item > .navigation__link {
    font-size: 0.9em;
  }
}
/* ===== Footer ===== */
.shopify-section-group-footer-group.section-newsletter h2,
.shopify-section-group-footer-group.section-newsletter p,
.section-footer, 
.section-footer .section-footer__title,
span.copy{
    color:#f1eada;
}
.shopify-section-group-footer-group.section-newsletter h2{
  border-bottom:none;
  padding-bottom:8px;
}
.section-footer__menu-block__menu li a,
ul.section-footer__lower-menu__list li a{
    color:#c7c5fc;
}
.section-footer__row.section-footer__row--blocks{
  gap:0;
}
.section-footer__row.section-footer__row--blocks {
    margin-left: auto !important;
    margin-right: auto !important;
    border-bottom: 0;
    max-width: 1330px !important;
    padding: 10px 45px !important;
}
.section-footer__row.section-footer__row-lower {
    border-top: 1px solid #fff;
    padding:32px 0 !important;
    max-width: 1220px !important;
}
@media (max-width:1220px) and (min-width:991px){
  .section-footer__row.section-footer__row-lower{
    margin-left:50px !important;
    margin-right:50px !important;
  }
}

/* ==== Product card pricing ==== */
.product-price--block {
  display: none;
}

/* ===== Collection Slider Row Section ===== */
@media (max-width:768px){
  .collection-slider-row .container,
  .collection-slider-row .container--not-mobile{
    padding-left:16px;
    padding-right:16px;
  }
}
/* ===== Gallery Item Carousel ===== */

.gallery__item--has-carousel {
  position: relative;
}

.gallery-carousel {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.gallery-carousel__link {
  display: block;
  width: 100%;
  height: 100%;
}

.gallery-carousel__track {
  position: relative;
  width: 100%;
  height: 100%;
}

.gallery-carousel__slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease, visibility 0.5s ease;
  z-index: 1;
}

.gallery-carousel__slide.is-active {
  opacity: 1;
  visibility: visible;
  position: relative;
  z-index: 2;
}

.gallery-carousel__slide .gallery__image {
  width: 100%;
  height: 100%;
}

.gallery-carousel__slide .gallery__image img,
.gallery-carousel__slide .gallery__image .rimage__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Text overlay on carousel */
.gallery-carousel__overlay {
  z-index: 5;
  pointer-events: none;
}

.gallery-carousel__overlay .text-overlay__inner {
  pointer-events: auto;
}

/* Arrow navigation */
.gallery-carousel__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  width: 36px;
  height: 36px;
  background: rgba(255, 255, 255, 0.9);
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
  opacity: 0;
  transition: opacity 0.2s ease, transform 0.2s ease, background 0.2s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.gallery-carousel:hover .gallery-carousel__arrow {
  opacity: 1;
}

.gallery-carousel__arrow:hover {
  background: #fff;
  transform: translateY(-50%) scale(1.08);
}

.gallery-carousel__arrow:active {
  transform: translateY(-50%) scale(0.95);
}

.gallery-carousel__arrow--prev {
  left: 12px;
}

.gallery-carousel__arrow--next {
  right: 12px;
}

.gallery-carousel__arrow svg {
  width: 18px;
  height: 18px;
}

/* Dot navigation */
.gallery-carousel__dots {
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  display: flex;
  gap: 8px;
  padding: 6px 10px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 20px;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

.gallery-carousel__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: none;
  background: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  padding: 0;
  transition: background 0.2s ease, transform 0.2s ease;
}

.gallery-carousel__dot:hover {
  background: rgba(255, 255, 255, 0.8);
}

.gallery-carousel__dot.is-active {
  background: #fff;
  transform: scale(1.2);
}

/* Mobile adjustments */
@media (max-width: 767px) {
  .gallery-carousel__arrow {
    width: 32px;
    height: 32px;
    opacity: 1;
  }
  
  .gallery-carousel__arrow--prev {
    left: 8px;
  }
  
  .gallery-carousel__arrow--next {
    right: 8px;
  }
  
  .gallery-carousel__arrow svg {
    width: 16px;
    height: 16px;
  }
  
  .gallery-carousel__dots {
    bottom: 12px;
    gap: 6px;
    padding: 5px 8px;
  }
  
  .gallery-carousel__dot {
    width: 6px;
    height: 6px;
  }
}

/* ===== Footer =====*/
ul.section-footer__menu-block__menu li:last-child a[href="/collections/passe-partouts"] {
    border-top: 1px solid #c7c5fc !important;
    padding-top: 12px !important;
    display: inline-block;
}


/* ===== Arc Slideshow ===== */

.arc-slideshow .arc-slideshow__wrapper {
  position: relative;
}
.arc-slideshow__static-content .text-overlay__inner {
    display: flex;
    justify-content: center;
    padding:50px;
}
@media (max-width:767px){
  .arc-slideshow__static-content .text-overlay__inner {
    padding:24px;
}
}
.arc-slideshow__static-content .text-overlay__text {
    max-width: 1240px;
    width: 100%;
}

.arc-slideshow .arc-slideshow__static-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  pointer-events: none;
  display: flex;
}

.arc-slideshow .arc-slideshow__static-content .text-overlay__inner {
  pointer-events: auto;
}
@media(min-width:992px){
.arc-slideshow .text-overlay__rte.rte {
    max-width: 50ch;
}
}

.arc-slideshow .arc-slideshow__static-content .text-overlay__text,
.arc-slideshow .arc-slideshow__static-content .text-overlay__reveal {
  opacity: 1 !important;
  transform: none !important;
}

/* Richtext section */
@media (min-width:992px){
.section-rich-text .large-text {
    max-width: 50%;
}
}

/* Image with text overlay changes */
.section-image-with-text-overlay .text-overlay__inner.content-in-grid {
    max-width: 1320px;
    padding: 50px;
    margin: 0 auto;
}
@media (max-width:1340px) and (min-width:769px){
  .section-image-with-text-overlay .text-overlay__inner.content-in-grid {
      max-width: 1340px;
  }
}
@media (max-width:768px){
  .section-image-with-text-overlay .text-overlay__inner.content-in-grid{
    padding:16px;
  }
}

/* ====== Custom Code Maaike ====== */
/* ====== FONT FACE DEFINITIES ====== */

@font-face {
  font-family: 'MrGabe';
  src: url('{{ "MrGabe-BlackItalic.woff" | asset_url }}') format('woff');
  font-style: italic;
  font-weight: 900;
}

@font-face {
  font-family: 'IvyPresto';
  src: url('{{ "IvyPrestoDisplay-Regular.woff" | asset_url }}') format('woff');
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: 'IvyPresto';
  src: url('{{ "IvyPrestoDisplay-ThinItalic.woff" | asset_url }}') format('woff');
  font-style: italic;
  font-weight: 300;
}

@font-face {
  font-family: 'AWConqueror';
  src: url('{{ "AWConquerorStdSans-Light.woff" | asset_url }}') format('woff');
  font-style: normal;
  font-weight: 300;
}

  .price,
  .price__container,
  .price__default,
  .price__regular,
  .price-item,
  .product-price,
  .product-block__title-price,
  .product-grid-item__price,
  .theme-money,
  .price--sold-out,
  [data-price-container] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }

  /* 2. Verberg de volledige KOOPKNOP-sectie en 'UITVERKOCHT' meldingen */
  .product-form__payment-container,
  button[name="add"],
  .product-form__add-button,
  .shopify-payment-button,
  .product-inventory-notice,
  .payment-and-quantity__add,
  .price__label {
    display: none !important;
  }

  /* 3. Verberg de VENDOR ("Door Arc the Story NL") */
  .product-vendor,
  .product-block__vendor,
  .product-block__title-price .vendor {
    display: none !important;
  }

/* =========================
   ARC THE STORY — SPACING SYSTEM
   ========================= */

:root{
  --larger-section-padding: 88px;
}

.template-index .section-padding{
  padding-top: 88px;
  padding-bottom: 88px;
}

.template-index .multicolumn.section-padding{
  padding-top: 56px;
  padding-bottom: 56px;
}

.template-index .grid{
  column-gap: 40px;
  row-gap: 40px;
}/* =========================
   ARC THE STORY — VERTICAL RHYTHM
   ========================= */

/* standaard secties */
.template-index .section-padding {
  padding-top: 72px;
  padding-bottom: 72px;
}

/* grote storytelling secties */
.template-index .image-with-text.section-padding,
.template-index .banner.section-padding {
  padding-top: 96px;
  padding-bottom: 96px;
}

/* compacte info secties */
.template-index .multicolumn.section-padding,
.template-index .icon-with-text.section-padding {
  padding-top: 48px;
  padding-bottom: 48px;
}/* =========================================
   HOMEPAGE POLISH — 3 fixes (non-destructive)
   ========================================= */

/* 1) Meer overgang tussen secties (Zo werkt het → volgende grote image/tekst sectie)
   - We geven "multicolumn" (jouw 3 stappen) extra ruimte onderaan
   - En de eerstvolgende sectie iets extra bovenaan
*/
.template-index .multicolumn.section-padding {
  padding-bottom: 96px !important;
}

/* Vaak is "image-with-text" je volgende storytelling sectie */
.template-index .image-with-text.section-padding {
  padding-top: 96px !important;
}

/* Als jouw grote beeld-sectie geen image-with-text is, maar "banner"/"slideshow",
   dan pakt deze hem ook (veilig) */
.template-index .banner.section-padding,
.template-index .slideshow.section-padding {
  padding-top: 96px !important;
}


/* 2) Icon-row minder strak (meer ademruimte zonder de iconen zelf groter te maken)
   - meer section padding
   - iets meer interne spacing tussen icon en tekst
*/
.template-index .icon-with-text.section-padding {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

.template-index .icon-with-text .icon-with-text__item,
.template-index .icon-with-text .icon-with-text__block {
  gap: 12px !important;
}

.template-index .icon-with-text p {
  line-height: 1.55 !important;
}


/* 3) Story grid (jouw 4 kaarten) dezelfde gaps als product grids
   - Shopify/Dawn gebruikt .grid op veel plekken, maar soms overschrijft sections het.
   - Dit zet een consistente gap op homepage.
*/
.template-index .grid {
  column-gap: 40px !important;
  row-gap: 40px !important;
}

/* Als je story sectie "multicolumn" of "collection" intern een andere class gebruikt */
.template-index .multicolumn-list,
.template-index .product-grid,
.template-index .collection-list {
  column-gap: 40px !important;
  row-gap: 40px !important;
}/* =====================================
   ARC THE STORY — spacing harmonizer
   (non-destructive tweaks)
===================================== */


/* 1️⃣ Zo werkt het → volgende sectie overgang */
.template-index .shopify-section:has(h2:contains("Zo werkt")) {
  margin-bottom: 96px !important;
}


/* fallback (Shopify themes zonder :has support) */
.template-index .multicolumn {
  margin-bottom: 96px !important;
}


/* 2️⃣ Grote storytelling image ("Van iets tot erfstuk") */
.template-index .image-with-text,
.template-index .banner {
  padding-top: 96px !important;
  padding-bottom: 96px !important;
}


/* 3️⃣ Icon row rustiger maken */
.template-index .icon-with-text {
  padding-top: 72px !important;
  padding-bottom: 72px !important;
}

.template-index .icon-with-text__item {
  gap: 14px !important;
}


/* 4️⃣ Grid ritme gelijk trekken (Apartamento gevoel) */
.template-index .grid {
  row-gap: 40px !important;
  column-gap: 40px !important;
}


/* 5️⃣ Section titles meer editorial spacing */
.template-index h2 {
  margin-bottom: 32px !important;
}/* MASTER TEXT ALIGNMENT LINE */

.template-index .container,
.template-index .page-width {
  max-width: 1340px;
  margin-left: auto;
  margin-right: auto;
}

/* Hero tekst exact laten aansluiten */
.template-index .banner__content,
.template-index .image-with-text__text-item {
  padding-left: 0 !important;
}/* =========================================
   MASTER TEXT START LINE — Dawn-style
   Doel: hero heading + alle section headings starten op exact dezelfde lijn
   ========================================= */

/* 1) Maak de algemene contentkolom (headings/sections) voorspelbaar */
.template-index .page-width {
  padding-left: 6vw !important;
  padding-right: 6vw !important;
}

/* 2) Laat de hero tekst dezelfde linker padding gebruiken als .page-width */
.template-index .banner__content {
  padding-left: 6vw !important;
  padding-right: 6vw !important;
}

/* 3) Voorkom dat een inner "banner__box"/text wrapper nog eens extra inspringt */
.template-index .banner__content .banner__box,
.template-index .banner__content .banner__text,
.template-index .banner__content .rte {
  padding-left: 0 !important;
  margin-left: 0 !important;
  text-align: left !important;
}/* Maak overlay tekst (op grote beelden) gelijk aan content startlijn */
.template-index .banner__content,
.template-index .image-with-text__text-item,
.template-index .slideshow__text-wrapper,
.template-index .rich-text__wrapper {
  padding-left: 6vw !important;
  padding-right: 6vw !important;
}@media (min-width: 990px){
  .template-index .banner__content{
    gap: 48px !important;
  }
 .template-index .multicolumn .multicolumn-card__image-wrapper{
  margin-bottom: 24px !important;
}
@media (min-width: 990px){
  .template-index .banner__content,
  .template-index .slideshow__text-wrapper{
    padding-left: 7vw !important;
  }
}/* =========================
   Testimonials — font fix
   (force Playfair for quote)
========================= */

/* Quote / blockquote tekst */
.testimonials blockquote,
.testimonials .testimonial__blockquote,
.testimonials .testimonial__text,
.section-testimonials blockquote,
.section-testimonials .testimonial__blockquote,
.section-testimonials .testimonial__text {
  font-family: "Playfair Display", serif !important;
  font-weight: 400 !important;
  font-size: 24px !important;      /* match jouw devtools: 24px */
  line-height: 1.38 !important;    /* editorial */
}

/* Auteur/locatie (klein, UI-achtig) */
.testimonials .testimonial__author,
.section-testimonials .testimonial__author {
  font-family: "Manrope", system-ui, -apple-system, "Segoe UI", Arial, sans-serif !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}/* =========================
   Footer grid alignment
   Theme: section-footer__row
========================= */

:root{
  --page-max: 1180px;
  --gutter: clamp(20px, 4vw, 56px);
}

/* 1) Zet de footer-rij exact op dezelfde container als de rest */
.section-footer__row{
  max-width: var(--page-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: var(--gutter) !important;
  padding-right: var(--gutter) !important;
}

/* 2) Kill extra padding op buiten-wrappers (zorgt voor “inspringen”) */
.shopify-section-group-footer-group,
.section-footer,
.section-footer__inner,
.section-footer__content{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* 3) Als columns zelf nog padding hebben: neutraliseer */
.section-footer__row__col{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* 4) Nieuwsbrief rij (zelfde grid) */
.section-footer__newsletter,
.section-footer__newsletter .newsletter,
.section-footer__newsletter .newsletter-form{
  max-width: var(--page-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: var(--gutter) !important;
  padding-right: var(--gutter) !important;
}/* Newsletter row: 2 kolommen op één baseline */
.section-footer__newsletter .section-footer__row{
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: center !important;
  column-gap: 40px !important;
}

/* Links blok */
.section-footer__newsletter .section-footer__row__col:first-child{
  max-width: 60ch !important;
}

/* Form rechts netjes */
.section-footer__newsletter form{
  display: flex !important;
  gap: 10px !important;
  align-items: center !important;
}

.section-footer__newsletter input[type="email"]{
  min-width: 280px;
}/* Newsletter row: 2 kolommen op één baseline */
.section-footer__newsletter .section-footer__row{
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: center !important;
  column-gap: 40px !important;
}

/* Links blok */
.section-footer__newsletter .section-footer__row__col:first-child{
  max-width: 60ch !important;
}

/* Form rechts netjes */
.section-footer__newsletter form{
  display: flex !important;
  gap: 10px !important;
  align-items: center !important;
}

.section-footer__newsletter input[type="email"]{
  min-width: 280px;
}/* Footer columns: zelfde top alignment + rustigere spacing */
.section-footer__row{
  align-items: start !important;
}

.section-footer__row__col{
  padding-top: 0 !important;
}

.section-footer__title{
  margin: 0 0 14px 0 !important;
  line-height: 1.15 !important;
}

.section-footer__text,
.section-footer__text p,
.section-footer__row a{
  line-height: 1.6 !important;
}