/** Shopify CDN: Minification failed

Line 402:26 Expected ":"
Line 406:31 Expected ":"

**/
h1,
h2 {
  font-family: "Courgette", serif; /* Specifiek voor h2: Courgette */
  color: #561609; /* Specifiek voor h2: de bruine kleur */
}
h3,
h4,
h5,
h6 {
  font-family: "Courgette", serif;
}
body .page-width h1.title, .card .card__heading a span{
  color:#561609;
}
p,
span {
  font-family: "Roboto Flex", serif;
}
@font-face {
  font-family: "TT Travels Next Trial Variable";
  src: url("/cdn/shop/files/TTTravelsNextTrialVariable.woff2?v=1740637560")
      format("woff2"),
    url("/cdn/shop/files/TTTravelsNextTrialVariable.woff?v=1740637560")
      format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.slideshow__text .banner__buttons a:before {
  background-image: url("/cdn/shop/files/13a0061f99d29e547080f5520bd5fb7f.png?v=1740378919");
  opacity: 0.2;
  position: absolute;
  top: 0;
  background-repeat: no-repeat;
  left: 0;
  background-size: cover;
  width: 100%;
  height: auto;
  background-position: center;
  z-index: 1;
}
.slideshow__text .banner__buttons a {
  background-color: rgb(0 140 69 / 100%);
  font-size: 18px;
  font-family: "Roboto Flex", serif;
  line-height: 25px;
  width: 368px;
  max-width:100%;
  height: 60px;
  position: relative;
  background-size: cover;
  border-radius: 5px;
  background-position: center;
  background-repeat: no-repeat;
}
.slideshow__text .banner__buttons a:after {
  display: none;
}
.page-index .slideshow h2.banner__heading {
  font-family: "Courgette", serif;
}
.page-index .slideshow h2.banner__heading span {
  font-family: "Roboto Flex", serif;
  font-weight: 500;
}
.page-index .slideshow .banner__text p {
  color: #561609;
}
.header__inline-menu .list-menu__item {
  font-size: 18px;
}
sticky-header,
header.header {
  position: relative;
}
header.header {
  margin-top: 5px;
}
span.header__active-menu-item {
  text-decoration: none;
}
.header--middle-center h1.header__heading,
body:not(.page-index) .header--middle-center .header__heading-link {
  background: #561609;
  border-radius: 50px;
  margin-bottom: -25px;
}

.header__inline-menu .list-menu__item:hover span {
  text-decoration: none;
}

.header__icon:hover .icon,
.modal__close-button:hover .icon {
  transform: none;
}

slideshow-component.cutsom-slideshow .slideshow__media.banner__media.media {
  border-radius: 12px;
}
header account-icon span.svg-wrapper svg {
  width: 22px;
  height: 22px;
}
header .header__icon--cart span.svg-wrapper svg {
  width: 25px;
  height: 25px;
}

slideshow-component.cutsom-slideshow .slideshow__controls.slider-buttons {
  margin-top: 0px;
  margin-bottom: 30px;
}
sticky-header.header-wrapper {
  padding: 0;
  margin-top: 0px;
}
.scrolled-past-header sticky-header.header-wrapper {
  margin-top: 15px;
}
.announcement-bar {
  padding: 20px 0;
}
.announcement-bar img {
  width: auto;
  height: 14px;
}
.header--middle-center h1.header__heading,
body:not(.page-index) .header--middle-center .header__heading-link {
  position: absolute;
  margin: 0;
  width: 100px;
  height: 100px;
}
header.header {
  padding: 13px;
  position: relative;
}
slideshow-component.cutsom-slideshow .slideshow__text .banner__buttons a:hover {
  background: #561609;
}
slideshow-component.cutsom-slideshow
  .slideshow__controls.slider-buttons.no-button {
  display: none;
}
header-drawer span svg {
  height: 20px !important;
  width: 20px !important;
}
body header-drawer {
  margin: 0;
}
.page-index .slideshow .banner__text p {
  font-size: 16px;
}

body.page-index main#MainContent {
  background: #f5f5f5;
}

body.page-index slideshow-component.cutsom-slideshow .slideshow__slide {
  padding: 30px 20px 30px;
}
.header__icons a.header__icon {
  width: unset;
  text-decoration: none;
  font-size: 18px;
  margin-left: 10px;
  color: rgba(var(--color-foreground), 0.75);
}
.header__icons a.header__icon:hover {
  color: rgb(var(--color-foreground));
}
slideshow-component.cutsom-slideshow .slideshow__text.banner__box {
  justify-content: flex-start;
}
/* -------menu-drawer--------------  */

div#menu-drawer {
  background: #eedad0;
  padding: 0 20px;
}
.menu-drawer__inner-container a.list-menu__item {
  color: #561609;
}
body .menu-drawer-container.menu-opening summary.header__icon span svg {
  display: none;
}
.menu-drawer__inner-container {
  height: auto;
}
body
  .menu-drawer-container.menu-opening
  summary.header__icon
  span
  svg.icon.icon-close {
  display: block;
}
.menu-drawer__inner-container a.list-menu__item {
  font-size: 20px;
  line-height: 1;
  font-weight: 600;
  font-family: "Roboto Flex";
  padding-left: 0;
}
.predictive-search.predictive-search--header {
  position: static;
}

input.search__input.field__input {
  background: #f4f9ff;
  color: #561609;
  border: 2px solid #561609;
  border-radius: 5px;
  font-size: 18px;
  height: 58px;
}

.field:after,
.field:before {
  display: none;
}

.search-modal__form label.field__label {
  font-size: 18px;
  color: #561609;
  text-align: center;
  padding-top: 6px;
}
.menu-drawer__inner-container
  button.search-modal__close-button.modal__close-button {
  display: none;
}
.search-modal__form svg path,
.search-modal__form svg circle {
  fill: #561609;
}
.search-modal__form .search__button {
  height: 58px;
}

button.search-modal__close-button.modal__close-button {
  background: #561609;
  border-radius: 50px;
}
.headerdrawer__menu_collectiongrid {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 15px;
}

img.headerdrawer__menu.collection-image {
  width: 100%;
  border-radius: 10px;
}

.headerdrawer__menu.collection-item a {
  position: relative;
  display: block;
}

.headerdrawer__menu.collection-item h3 {
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  width: 100%;
  text-align: center;
  background: transparent;
  margin: 0;
  padding: 5px;
  padding-bottom: 10px;
  border-radius: 10px;
}
button.reset__button.field__button {
  display: none;
}
div#menu-drawer .menu-drawer__utility-links {
  display: none;
}
body .menu-drawer__navigation-container {
  grid-template-rows: 1fr 1fr 1fr;
  align-content: center;
}
.search-modal__content {
  padding: 20px 0;
}
.page-index .slideshow h2.banner__heading {
  font-size: 42px;
}
/* -------menu-drawer-end-------------  */
/* ---------announcement-bar---------------- */

.utility-bar__grid {
  display: flex;
  align-items: center;
  position: relative;
  padding: 5px 0 0 0;
}

.announcement-bar--2 {
  margin-left: auto;
}

.announcement-bar-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.announcement-bar-logo img {
  max-height: 12px;
  border-radius: 15px 15px 15px 15px;
  width: auto;
  max-width: 100%;
}
.announcement-bar-block {
  display: flex;
  align-items: center;
  margin-right: 15px;
}
.announcement-bar-icon {
  width: 50px;
  background: #5616091a;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  margin-right: 6px;
  height: 28px;
}

.announcement-bar-icon img {
  width: 18px;
  height: 18px;
  object-fit: contain;
}
slideshow-component.announcement-bar {
  padding: 10px 0;
}
.announcement-bar-block:last-child {
  margin: 0;
}

/* ----------announcement-bar-end---------------- */
/* -------footer--------------  */

.footer__content-top.page-width {
  display: flex;
  justify-content: space-between;
  padding-bottom: 0;
  align-items: center;
}
.footer-block.grid__item {
  display: flex;
  align-items: center;
}
footer img.footer-logo {
  position: relative;
  z-index: 2;
  padding: 3px;
}
h2.footer-block__heading {
  margin: 0;
  margin-right: 10px;
  color:#ffe3cf;
}
footer a.link.link--text.list-menu__item.list-menu__item--link {
  padding: 0;
}
footer .footer-block--newsletter {
  margin: 0;
}
footer .footer__content-bottom {
  display: flex;
  flex-direction: row-reverse;
  padding: 0;
  padding-top: 15px;
}
footer.footer {
  margin-top: 20px;
  position: relative;
}
footer .footer__content-bottom-wrapper {
  justify-content: flex-start;
}
footer .footer__copyright {
  margin: 0;
}

footer .footer__copyright a {
  font-family: "Roboto Flex";
  font-size: 16px;
  text-decoration: none; 
}

footer .footer__copyright a:hover {
  text-decoration: underline; 
}

.footer__column.footer__column--info {
  flex-direction: row;
  justify-content: flex-end;
}
a.main-footer-logo .footer-logo-wrapper:before {
  position: absolute;
  background: #561609;
  left: 50%;
  display: block;
  top: 0;
  z-index: 1;
  border-radius: 50%;
  margin: auto;
  width: 100px;
  height: 100px;
  transform: translateX(-50%);
  text-align: center;
  content: "";
}
body.page-index a.main-footer-logo .footer-logo-wrapper:before {
  z-index: 0;
}
a.main-footer-logo {
  position: relative;
  width: 100%;
  display: block;
  margin-top: -50px;
}

footer .footer__payment {
  margin: 0;
}

footer a.link.link--text.list-menu__item.list-menu__item--link {
  font-size: 16px;
  font-family: "Roboto Flex";
}
.footer-logo-wrapper {
  text-align: center;
}
/* ------------collection-page----------------- */

p.card_product_type {
  font-size: 24px;
  font-family: "Courgette";
  line-height: 28px;
  margin-bottom: 0;
  text-align: center;
  margin-top: 0;
}
.collection-hero__description.rte p {
  font-size: 16px;
  color: #561609;
  line-height: 1.75;
  text-align: justify !important;
}

/* Styling voor de 'Meer tonen' en 'Verbergen' links */
.read_more_less {
  color: #561609; /* Bruine kleur */
  font-family: "Roboto Flex", serif; /* Zelfde font als de body tekst */
  font-size: 16px; /* Zelfde grootte als de body tekst */
  text-decoration: underline; /* Onderstreping */
  cursor: pointer; /* Zorgt ervoor dat het een klikbaar element lijkt */
  margin-left: 0.5em; /* Kleine spatie ten opzichte van de afgebroken tekst */
  white-space: nowrap; /* Voorkomt dat de link over meerdere regels breekt */
}

.read_more_less:hover {
  color: #000; /* Optioneel: donkerder bij hover voor betere zichtbaarheid */
  text-decoration: none; /* Optioneel: haal onderstreping weg bij hover */
}

body h3.card__heading span {
  font-size: 24px;
  text-transform: uppercase;
  display: block;
  font-weight: 700;
  font-family: TT Travels Next Trial Variable;
  letter-spacing: 4.32px;
  line-height: 28px;
  padding-bottom: 16px;
}
h3.card__heading {
  text-align: center;
}
a.button.card__information_product_button {
  background-color: #008c45;
  font-size: 18px;
  color: #fff;
  font-family: Roboto Flex, serif;
  line-height: 25px;
  min-width: 100%;
  height: 60px;
  position: relative;
  border-radius: 5px;
}

a.button.card__information_product_button:before {
  background-image: url("https://battito.nl/cdn/shop/files/13a0061f99d29e547080f5520bd5fb7f.png?v=1740378919");
  opacity: 0.2;
  position: absolute;
  top: 0;
  background-repeat: no-repeat;
  left: 0;
  background-size: cover;
  width: 100%;
  height: auto;
  background-position: center;
  z-index: 1;
}
.collection li.grid__item {
  padding: 0 5px;
}
.main_product_title_content {
  text-align: center;
}

.main_product_title_content h2.card_product_type {
  margin: 5px 0 0 0;
  font-size: 32px;
}

.main_product_title_content .product__title h1 {
  font-family: "TT Travels Next Trial Variable";
  text-transform: uppercase;
  font-size: 32px;
  font-weight: 700;
  color: #ffe3cf;
  letter-spacing: 4.32px;
  line-height: 40px;
  margin-bottom: 30px;
}

.product__title {
  border-radius: 5px;
}

.product__info-wrapper p.main_product.product-meta-description {
  color: #561609;
  font-family: "Roboto Flex";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: 0.8px;
}

.product__info-wrapper .p_price {
  border-radius: 5px;
  border: 2px solid rgba(86, 22, 9, 0.1);
  padding: 15px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product__info-wrapper span.product-regular-price {
  color: #561609;
  text-align: center;
  font-family: "Roboto Flex";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 1.25px;
}
body .product-grid-container .collection .card__inner {
  background-image: url("/cdn/shop/files/Lege_achtergrond.jpg?v=1754224205");
  background-color: #5616091a;
  background-size: contain;
  border-radius: 10px;
  background-repeat: no-repeat;
  width: 100%;
  background-position: center;
}

.product__info-wrapper .product-form__submit {
  background-color: #008c45;
  font-size: 20px;
  font-family: Roboto Flex, serif;
  line-height: 25px;
  min-width: 100%;
  height: 60px;
  position: relative;
  background-size: cover;
  border-radius: 5px;
  background-position: center;
  background-repeat: no-repeat;
}
.product__info-wrapper .product-form__submit:hover {
  background-color: #561609;
}
.product__info-wrapper .product-form__submit:before {
  background-image: url("https://battito.nl/cdn/shop/files/13a0061f99d29e547080f5520bd5fb7f.png?v=1740378919");
  opacity: 0.2;
  position: absolute;
  top: 0;
  background-repeat: no-repeat;
  left: 0;
  background-size: cover;
  width: 100%;
  height: auto;
  background-position: center;
  z-index: 1;
}
.product__info-wrapper .product__description {
  color: #561609;
  font-family: "Roboto Flex";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
}
.product__info-wrapper .product-form__submit:after {
  display: none;
}
.collection-hero .collection-hero__text-wrapper {
  text-align: center;
}

.collection-hero .collection-hero__title + .collection-hero__description {
  max-width: 100%;
  margin-top: 10px;
  margin-bottom: 0; /* Verklein de marge aan de onderkant */
}

.collection-hero .collection-hero__title {
  margin-top: 0;
  margin-bottom: 0; /* Zet deze ook op 0 als je de ruimte volledig met padding wilt regelen */
  padding-top: 2rem;    /* Voeg hier de gewenste padding toe */
  padding-bottom: 2rem; /* Voeg hier de gewenste padding toe */
}

.collection-hero .collection-hero__inner {
  margin-top: 30px;
}
a.button.card__information_product_button:after {
  display: none;
}
.product-card-wrapper.underline-links-hover:hover a {
  text-decoration: none;
}
a.button.card__information_product_button:hover {
  text-decoration: none;
  background-color: #561609;
}
p.card_product.product-meta-description {
  font-size: 16px;
  font-weight: 400;
  color: #561609;
  line-height: 25px;
}
.product-grid-container {
  margin-bottom: 40px;
}
body.page-list-collections .section .page-width{
    margin-top: 50px;
    margin-bottom: 50px;
}
body.page-list-collections h1.title{
 text-align: center;
  padding-bottom: 4.5rem;
  margin-top: 0;
  margin-bottom: 0;
}
body.page-list-collections .card__content h3.card__heading a.button.card__information_product_button {
    margin-top: 10px;
}
.card-wrapper .card__inner .card__media .media{
    border-radius: 15px;
}
.card-wrapper .card--standard .card__inner:after {
    border-radius: 15px ;
}
.card-wrapper  .card__inner {
    background: transparent;
    border-radius: 15px;
}
li.collection-list__item.grid__item {
    padding: 0 10px;
}
body.page-collection .card-information {
    margin-top: auto;
}

body.page-collection .card__content .card__information {
    display: flex;
    flex-direction: column;
}
/* ------------collection-page-end---------------- */
/* ------------product-page------------------------ */

.product__media-wrapper .product-media-container {
  height: 100%;
}
.product-media-container .product__media img{
    object-fit: contain;
}

body .product__media-wrapper ul .product__media-item {
  background: rgba(86, 22, 9, 0.1);
}
.product__media-wrapper .global-media-settings {
  border: 0;
  background-color: transparent;
}

.product__media-wrapper .product__media-icon,
.product__media-wrapper .thumbnail__badge {
  background: #561609;
  color: #fff;
}
.product__media-wrapper
  ul
  .product__media-item:nth-child(2)
  .product__media.media {
  padding-top: unset;
  height: 100%;
  border-radius: 0 10px 10px 0;
}
.product__modal-opener {
  height: 100%;
}
nav.main-product.breadcrumbs {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}

nav.main-product.breadcrumbs svg {
  width: 15px;
  height: 15px;
}

nav.main-product.breadcrumbs * {
  margin-right: 5px;
}
.grid__item.product__media-wrapper {
  padding-right: 50px;
}
.custom_icon_with_text li.custom_icon-with-text__item {
  display: flex;
  align-items: center;
  margin-bottom: 9px;
}

.custom_icon_with_text .announcement-bar__message {
  line-height: 1;
  min-height: unset;
  padding: 0;
  font-size: 16px;
  text-align: left;
}

.custom_icon_with_text .announcement-bar-icon {
  margin-right: 10px;
  height: 30px;
  min-width: 50px;
}
body .product__info-wrapper .product-form__submit.sold-out {
  background-color: #ffe3cf;
  color: #fff;
  opacity: 1;
}
body .product__info-wrapper .product-form__buttons {
  max-width: 100%;
}
.product__info-wrapper .product-form__submit.sold-out:before {
  display: none;
}
.product__media-wrapper ul .product__media-item:nth-child(3) deferred-media.deferred-media {
    /* border-radius:0px 0  0 10px; */
}
/*-----------------cart------------------------*/

cart-items.is-empty {
  height: 100%;
  display: flex;
  align-items: center;
}

cart-items.is-empty h1.cart__empty-text {
  color: #561609;
  margin-bottom: 15px;
  font-size: 32px;
  margin-top: 0;
}


cart-items.is-empty .cart__warnings {
  padding: 0;
}

cart-items.is-empty .search-modal__form {
  max-width: 100% !important;
}

cart-items.is-empty input.search__input.field__input, .page-404 .search__input.field__input, .customer.addresses .field input{
  width: 100%;
}
cart-items.is-empty input.search__input.field__input,  .page-404 .search__input.field__input, .customer.addresses .field input,  .customer.addresses select {
  border: 2px solid rgba(86, 22, 9, 0.1);
  background: transparent;
}
cart-items.is-empty input.search__input.field__input:focus-visible,  .page-404 .search__input.field__input:focus-visible, .customer.addresses .field input:focus-visible, .customer.addresses select:focus-visible{
  outline: 0;
  box-shadow: none;
}

.cart-items span.price.price--end {
  text-align: center;
  border: 2px solid #5616091a;
  padding: 6px 0;
  color: #561609;
  font-size: 15px;
  max-width: 140px;
  border-radius: 5px;
}
.cart-items quantity-input.quantity.cart-quantity {
  flex-direction: column;
  align-items: center;
  border: 0;
  background: none;
  width: unset;
}

.cart-items .quantity:before {
  display: none;
}

.cart-items .quantity:after {
  display: none;
}

.cart-items td.cart-item__totals.right {
  grid-column: 2 / 4;
  text-align: left;
  justify-content: flex-start;
}

.cart-items .cart-item__quantity {
  grid-column: 1 / 5;
  display: block;
}

.cart-items td.cart-item__quantity {
  grid-column: 4 / 5 !important;
  grid-row: 1;
}

.cart-items p.card_product_type {
  text-align: left;
  color: #561609;
}

.cart-items .product-option {
  display: none;
}

.cart-item__name {
  font-size: 20px;
  font-family: "TT Travels Next Trial Variable";
  text-transform: uppercase;
  font-weight: 700;
}

.cart-item__image-container {
  background: #5616091a;
  border: 0;
  border-radius: 10px;
}
.cart-item cart-remove-button {
  margin: 5px;
}

.cart-items button.quantity__button {
  background: #eee7e6 !important;
  width: 40px;
  height: 27px;
  opacity: 1 !important;
  color: #561609;
  font-size: 18px;
}

.cart-items input {
  background: #eee7e6 !important;
  width: 40px;
  height: 30px;
  margin: 5px 0;
  color: #561609;
  font-weight: 600;
  font-family: "Roboto Flex";
}
.cart-item__quantity-wrapper {
  justify-content: flex-end;
}
.cart-items button.quantity__button:first-child {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.cart-items button.quantity__button:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.cart-items .quantity__button .svg-wrapper {
  width: 14px;
}

.cart-items .svg-wrapper line.cls-1 {
  stroke: #561609;
}

body.page-cart p.sub_title {
    margin-top: 0;
  font-size: 16px;
    color: #561609;
}

body.page-cart cart-items .title-wrapper-with-link {
  margin-top: 30px;
  flex-direction: column;
  align-items: center;
  margin-bottom: 0;
}

body.page-cart cart-items h1.title {
  color: #561609;
}
.header__icons .cart-count-bubble {
  width: 16px;
  right: 0px;
  left: inherit;
  background: #008c45;
  color: #fff;
  top: 25px;
  height: 16px;
  border-radius: 4px;
  line-height: 1;
  font-size: 10px;
}
table.cart-items thead {
  display: none;
}
.header__icons .cart-count-bubble span {
  line-height: 1;
}
td.cart-item__totals.right.small-hide {
  display: none;
}
td.cart-item__details a.cart-item__name:hover {
  text-decoration: none;
}
.cart__footer .totals {
  border: 2px solid #5616091a;
  padding: 15px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cart__footer .totals h2.totals__total {
  font-size: 20px;
  color: #561609;
}

.cart__footer p.totals__total-value {
  color: #561609;
  line-height: 1;
}

.cart__footer small.tax-note {
  display: none;
}

.cart__footer .cart__ctas button,
.article-card-wrapper a.article_btn {
  background-color: rgb(0 140 69 / 100%);
  font-size: 18px;
  font-family: "Roboto Flex", serif;
  line-height: 25px;
  min-width: 100%;
  height: 60px;
  position: relative;
  background-size: cover;
  border-radius: 5px;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
}
.cart__footer .cart__ctas button:hover,
.article-card-wrapper a.article_btn:hover{
    background-color:#561609;
}
.cart__footer .cart__ctas button:before,
.article-card-wrapper a.article_btn:before {
  background-image: url("/cdn/shop/files/13a0061f99d29e547080f5520bd5fb7f.png?v=1740378919");
  opacity: 0.2;
  position: absolute;
  top: 0;
  background-repeat: no-repeat;
  left: 0;
  background-size: cover;
  width: 100%;
  height: auto;
  background-position: center;
  z-index: 1;
  content: "";
}

.cart-drawer td.cart-item__details {
    padding-top: 0 !important;
}

.cart-drawer .cart-items td.cart-item__quantity {
    padding-top: 0;
}


.drawer__inner .cart-item__details a.cart-item__name, .drawer__inner  h2.drawer__heading {
    color: #561609;
}


.drawer__inner a.cart-item__link img{
    background: #f1ebea;
    border-radius: 10px;
}

.drawer__inner button#CartDrawer-Checkout:hover {
    background: #561609;
}

.drawer__inner button.cart__checkout-button {
    background-color: #008c45;
    font-size: 20px;
    font-family: Roboto Flex, serif;
    line-height: 25px;
    min-width: 100%;
    height: 60px;
    border: 0;
    position: relative;
    background-size: cover;
    border-radius: 5px;
    background-position: center;
    background-repeat: no-repeat;
}

 .drawer__inner button.cart__checkout-button:after {
    display: none;
}
.drawer__inner button.cart__checkout-button:before{
    background-image: url('/cdn/shop/files/13a0061f99d29e547080f5520bd5fb7f.png?v=1740378919');
    opacity: .2;
    position: absolute;
    top: 0;
    background-repeat: no-repeat;
    left: 0;
    background-size: cover;
    width: 100%;
    height: auto;
    background-position: center;
    z-index: 1;
  content:'';
}
.drawer__inner h2.totals__total {
    font-size: 24px;
    color: #561609;
}

.drawer__inner .totals__total-value {
    font-size: 24px;
    font-weight: 500;
    color:#561609;
}

.drawer__inner small.tax-note {
    color: #561609;
}
.cart__footer .cart__ctas button:after {
  display: none;
}
html{
  padding:0 !important;
}
body.page-page main .page-width {
    padding: 30px 20px;
  padding-bottom: 20px;
}
/*-----------------cart-end-----------------------*/


.page-404 .template-404 h1.title {
    margin: 0;
}
.page-404 #MainContent .shopify-section,  .empty_cart.page-cart #MainContent .shopify-section.custom-cart-section{
    height: 100%;
}
.template-404.page-width {
    margin: 0 auto;
}
.template-404.page-width {
    padding-top: 60px;
    padding-bottom: 60px;
}
.template-404.page-width {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.template-404 .search-modal__content.search-modal__content-bottom {
    height: auto;
}

/* --------------------blog-page---------------------- */

.main-blog .blog-articles .blog-articles__article {
  grid-column: unset !important;
}
.main-blog .blog-articles {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.article-template__hero-container {
    max-width: 50%;
  margin:0 auto;
}
body .article-template header {
  text-align:center;
}
body .article-template .article-template__content{
    margin-top: 1rem;
  max-width: 90rem; 
}
body.page-blog .main-blog .card.article-card .ratio:before {
  padding-bottom: 22rem;
}
.blog-articles__article {
  padding: 0 10px;
}
.article-card-wrapper a.article_btn{
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
        z-index: 9;
}
.main-blog h1 {
  font-size: 42px;
    color: #561609;
  padding-top: 1.25rem;
  padding-bottom: 4rem;
    text-align: center;
  margin-top: 0px;
    margin-bottom: 0px;
}
main-blog h3.card__heading a {
  color: #561609;
  font-size: 24px;
  font-weight: 500;
  font-family: 'Courgette' !important;  
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  max-width: 100%;
}
.article-card-wrapper a.article_btn::before {
  background-image: url("https://battito.nl/cdn/shop/files/13a0061f99d29e547080f5520bd5fb7f.png?v=1740378919");
        height: 100%;
}
.main-blog .article-card-wrapper.card-wrapper:hover a {
    text-decoration: none;
}
.main-blog p.article-card__excerpt {
    color: #561609;
}
article.article-template {
    margin-top: 50px;
}

.article-card__image {
    border-radius: 5px;
}
.article-template__hero-adapt.media {
    padding-bottom: 100% !important;
    border-radius: 50px;
}
.article-template header {
    margin: 0;
}

.article-template__content {
    margin-top: 20px;
}
article h1.article-template__title {
    color: #561609;
}
body .article-card-wrapper .card__content h3 span{
    font-size: 24px;
    text-transform: CAPITALIZE;
    display: block;
    font-weight: 500;
    font-family: 'Courgette';
    letter-spacing: 0;
    line-height: 28px;
}

.article-card-wrapper.card-wrapper:hover a {
    text-decoration: none;
}

/*--------------------blog-page-end--------------------- */
/*---------------account-login---------------------*/

.customer.login h2#login, .customer.login h2#recover , .customer.register h2{
    font-size: 32px;
    color: #561609;
}

.customer.login h2#login span, .customer.login h2#recover span, .customer.register h2 span {
    font-weight: 500;
  font-family: "Roboto Flex", serif;
}

.page-login form .field input , .page-register form .field input, .contact form .field input, .contact form .field textarea{
    border: 2px solid #5616091A;
    height: 59px;
    border-radius:5px;
  color: #561609;
}
.page-login form .field label, .page-register form .field label, .contact form .field label{
        font-size:18px;
        color:#561609;
        line-height: 2;
}
.page-login .field,  .page-login form .field, .contact form .field  {
    align-items: center;
}

form#customer_login a, .customer.login a, .customer.register a , .contact form .field input a{
    width: 100%;
    color: #561609;
    font-size: 16px;
}
.page-login .customer form button, .customer.register form button, .contact form button {
    background: #561609;
    width:100%;
    margin-top: 20px;
    height: 58px;
    border-radius: 5px;
    border: 2px solid transparent;
  font-family:'Roboto Flex';
  font-size:18px;
}
.contact form button{
  background-color:#008c45;
}
.contact form button:hover{
  background-color:#561609;
}
.contact form button:before{
    background-image: url('/cdn/shop/files/13a0061f99d29e547080f5520bd5fb7f.png?v=1740378919');
    opacity: .2;
    position: absolute;
    top: 0;
    background-repeat: no-repeat;
    left: 0;
    background-size: cover;
    width: 100%;
    height: auto;
    background-position: center;
    z-index: 1;
  content:'';
}
.page-login form .field input:focus-visible , .page-register form .field input:focus-visible, .contact form .field input:focus-visible {
    box-shadow: none;
    border-radius: 5px;
}
.page-login .customer form button:before, .page-login .customer form button:after, .page-register .customer form button:after, .page-register .customer form button:before, .contact form button:after{
    display: none;
}

.page-login .customer form button img, .page-register .customer form button img, .contact form button img {
    max-width: 30px;
    width: 100%;
}
.customer.login, .customer.register {
    margin: 50px auto!important;
    padding: 0 20px!important;
}
.page-login .customer form button:hover, .customer.register form button:hover {
    border: 2px solid #FFE3CF;
}
body main 
.contact.page-width {
    padding-top:0;
}
body .contact__button {
    margin-top: 20px;
    margin-bottom: 20px;
}
.product-media-container .product__media img{
    object-fit: contain;
}
/*---------------account-login-end--------------------*/
/* -------------------product-range----------------- */
.size-line {
  margin-top: 25px;
  font-size: 14px;
}
#size-line .line {
  height: 5px;
  background-color: #dfdcda;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}
#size-line .bubble.main-bubble {
  width: 15px;
  height: 15px;
  background-color: #62554a;
  border-radius: 500px;
}
#size-line .bubble {
  width: 5px;
  height: 5px;
  background-color: #b0a9a4;
  border-radius: 500px;
  display: inline-block;
  margin: 0 5px;
}
#size-line .label-wrapper {
  justify-content: space-between;
  margin-top: 12px;
  display: flex;
}
#size-line .size-line-label {
  display: inline-block;
}
.scale-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.field-content-scale {
  position: relative;
  width: 100%;
  max-width: 300px;
}

.field-content-scale label {
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
}

.field-content-scale-bar {
  position: relative;
  height: 2px;
  background: #561609;
  width: 100%;
  border-radius: 3px;
  position: relative;
}

.field-content-scale-point {
  position: absolute;
  top: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background: #561609;
  width: 20px;
  height: 20px;
  display: block !important;
}
.content-block-1.field-headings ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 28%;
  margin-bottom: 20px;
}

.field-content-scale {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 100%;
  margin-bottom: 15px;
}
.field-content-scale label {
  flex: 0 0 30%;
  max-width: 30%;
}

.field-content-scale-bar {
  flex: 0 0 70%;
  max-width: 70%;
}
.main-content-block-1 {
  flex: 0 0 35%;
  max-width: 35%;
  margin-right: 50px;
}
.main-content-block-3 {
  flex: 0 0 65%;
  max-width: 65%;
}
.content-blocks {
  display: flex;
  margin: 50px 0;
}
.content-block-1.field-content {
  width: 100%;
}
.content-block-1.field-table:before {
  content: "";
  background-image: url("/cdn/shop/files/Battito_illustration_brown_2.png?v=1740731192");
  background-size: cover;
  width: 100%;
  height: 100%;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
}
.content-block-1.field-table {
  background: #dfd3d0;
  padding: 20px;
  border-radius: 20px;
  position: relative;
}

.field-headings li {
  font-family: "Courgette";
}
.content-blocks h2 {
  text-align: center;
  font-size: 28px;
}
.content-blocks h2 span {
  display: block;
  font-weight: 500;
}
.main-content-block-3 .accordion svg {
  width: 20px;
  height: 20px;
}

body .main-content-block-3 .accordion {
  width: 100%;
  border: 2px solid rgba(86, 22, 9, 0.1) !important;
  margin-bottom: 10px;
  padding: 0 20px;
  border-radius: 5px;
  margin-top: 0;
}
details[open] line.plus {
  display: none;
}
.main-content-block-3 .accordion summary {
  justify-content: space-between;
}

.main-content-block-3 h3.accordion__title {
  color: #561609;
  font-family: "Roboto Flex";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
}
.main-content-block-3 .accordion__content {
  padding: 0;
}
.main-content-block-3 .accordion summary line {
  stroke: #561609;
}

.main-content-block-3 .accordion__content p {
  font-size: 16px;
  color: #561609;
}
/* -------------------product-range-end---------------- */
/*----------pdp-accordion----------------*/

.pdp_accodination .accordion-header {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  padding: 10px;
  background: transparent;
}
.pdp_accodination .accordion-toggle {
  font-size: 20px;
  font-weight: bold;
}
.pdp_accodination .accordion-content {
  display: none;
  padding: 10px;
  background: transparent;
}
.pdp_accodination .accordion-header span {
  color: #5a3721;
  font-weight: 700 !important;
  font-family: Myriad Pro Semibold !important;
}
.pdp_accodination .accordion-content p {
  color: #5a3721;
}
.pdp_accodination .accordion-item {
  padding: 10px;
  border-radius: 0 !important;
  margin-bottom: 0;
  background: beige;
  border-color: transparent !important;
}
.pdp_accodination .accordion-container {
  background: #fff;
  border-radius: 10px;
  padding: 20px;
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
span.product-regular-price {
    display: flex;
}
p.product-regular-price-per-value {
    font-size: 24px;
    font-family: Courgette;
    text-align: center;
    margin: 0 10px 0 10px;
}
.product-form__submit {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background 0.3s ease, color 0.3s ease;
  }

  .checkmark svg {
    font-size: 20px;
    color: white;
    position: absolute;
    transition: opacity 0.3s ease;
  }

  .show-checkmark .button-text,
  .show-checkmark .loading-spinner {
    display: none !important;
  }

  .show-checkmark .checkmark {
    opacity: 1;
    visibility: visible;
  }
/*-------------pdp-accordion-end---------------*/

body.page-page main .page-width {
    max-width: 80rem;
}

body.page-page main .page-width h1.main-page-title {
  color: #561609;
  padding-top: 2rem;
  padding-bottom: 3.5rem;
  font-family: 'Courgette';
  text-align: center;
  font-size: 42px;
  margin-top: 0;
  margin-bottom: 0;
}

body.page-page main .page-width .rte p {
    color: #561609;
    font-size: 16px; 
}

body.page-page main .page-width .rte li {
    color: #561609;
  font-family: 'Roboto Flex';
    font-size: 16px;
}

p.card_product_type {
    color: #561609;
}

.article-card-wrapper .card .card__content h3.card__heading a {
    color: #561609;
    font-size:20px;
}
p.article-card__excerpt {
    font-size: 16px;
    font-weight: 400;
    color: #561609;
    line-height: 25px;
    margin: 1rem 0 2rem 0;
}
.template-search__header h1 {
    color: #561609;
    font-family: 'Roboto Flex';
}


.drawer__inner-empty h2.cart__empty-text {
    color: #561609;
    font-family: 'Courgette';
    font-size: 24px;
}
 .drawer__inner-empty  p.cart__login-title.h3,  .drawer__inner-empty  p.cart__login-paragraph , .drawer__inner-empty  p.cart__login-paragraph a{
        color: #561609;
    font-family: 'Roboto Flex';
    font-size: 18px;
    font-weight:500;
 }


.drawer__inner-empty a.button, .customer.addresses button.customer_add_address {
    background-color: rgb(0 140 69 / 100%);
    font-size: 18px;
    font-family: "Roboto Flex", serif;
    line-height: 25px;
    width: 300px;
    max-width:100%;
    height: 60px;
    position: relative;
    background-size: cover;
    border-radius: 5px;
    background-position: center;
    background-repeat: no-repeat;
}
.drawer__inner-empty a.button:after, .customer.addresses button.customer_add_address:after{
    display:none;
}
.drawer__inner-empty a.button:hover,  .customer.addresses button.customer_add_address:hover{
  background-color:#561609;
}
.drawer__inner-empty a.button:before,  .customer.addresses button.customer_add_address:before{
    background-image: url("/cdn/shop/files/13a0061f99d29e547080f5520bd5fb7f.png?v=1740378919");
  opacity: 0.2;
  position: absolute;
  top: 0;
  background-repeat: no-repeat;
  left: 0;
  background-size: cover;
  width: 100%;
  height: auto;
  background-position: center;
  z-index: 1;
}
.article-card-wrapper .card .card__content h3.card__heading a:hover {
    text-decoration: none;
}

/* ------------product-page-end---------------------- */
h2.form__message , .customer.login .errors{
    color: #561609;
}
.customer.login .errors{
  font-family:'Roboto Flex';
}
.customer.account h1.customer__title , .customer.account h2, .customer.account p, body.page-account .customer.account a{
    color: #561609;
}
 .customer.account p, body .customer.account a{
    font-family:'Roboto Flex';
}
 .customer.account .svg-wrapper svg path{
    fill: #561609;
}
.customer:not(.account):not(.order) {
    max-width: 40%;
}

.customer.addresses h1, .customer.addresses h2, .customer.addresses p, .customer.addresses a{
    color:#561609
}
.customer.addresses .select .svg-wrapper, .customer.addresses select+.svg-wrapper {
    right: 20px;
}
.customer.addresses .select:before, .customer.addresses .select:after{
  display:none;
}
.customer.addresses .field label, .customer.addresses select, .customer.addresses label , .customer.addresses .field input {
    color: #561609;
}
/* Styling voor de 'Bewerken' en 'Verwijderen' knoppen op de adres-pagina (met WITTE tekst) */
.customer.addresses button.customer_addresses {
    background-color: #561609; /* Bruine achtergrond */
    color: #ffffff;             /* Witte tekstkleur */
    border: 2px solid transparent; 
    height: 58px;
    padding: 0 50px;
    font-size: 18px;
    border-radius: 5px;
    transition: all 0.3s ease; 
}

/* Hover-effect voor dezelfde knoppen */
.customer.addresses button.customer_addresses:hover {
    background-color: #561609; 
    color: #ffffff;             /* Tekstkleur blijft wit */
    border: 2px solid #eedad0; /* Lichtbeige rand bij hover */
}
.customer.addresses button.customer_addresses:before, .customer.addresses button.customer_addresses:after {
    display: none;
}


/* -----------------responsive------------------------- */

@media (max-width: 1640px) {
  .product-grid-container .collection.page-width {
    max-width: 130rem;
  }
  .collection-hero__inner.page-width {
    max-width: 130rem;
  }
  body:not(.page-index) .page-width {
    max-width: 130rem;
  }
  body header.header.page-width,
  body .page-width.utility-bar__grid {
    max-width: 150rem;
  }
  .custom_icon_with_text .announcement-bar__message {
    font-size: 14px;
  }
}
@media (min-width:1301px){
  body:not(.page-index) product-info .page-width, .custom-content-block-container {
    max-width: 130rem;
}
}
@media (max-width: 1300px) {
  .announcement-bar-block {
    display: none;
  }

  .announcement-bar-logo {
    position: static;
    transform: none;
    padding: 0 0 10px 0;
  }
.main-blog .blog-articles {
    grid-template-columns: repeat(3, 1fr);
    row-gap: 20px;
}
  .page-width.utility-bar__grid {
    justify-content: center;
    align-items: center;
  }
  .product .grid__item.product__media-wrapper {
    padding-right: 0px;
  }
  .product .product--large:not(.product--no-media) .product__info-wrapper {
    padding-left: 50px;
  }
  .product .custom_icon_with_text .announcement-bar__message {
    text-align: left;
  }
}

@media (max-width: 1399px) {
  .announcement-bar-logo img {
    max-height: 10px;
  }
}
@media (max-width: 1200px) {
  .predictive-search.predictive-search--header {
    position: static;
  }
  .main-content-block-1 {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .main-content-block-3 {
    flex: 0 0 60%;
    max-width: 60%;
    padding-left: 50px;
  }
  .header {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .header__icon span {
    white-space: nowrap;
  }
  body .menu-drawer__navigation-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 30px;
    height: unset;
  }
  body .menu-drawer__navigation {
    padding: 2rem 0;
  }
}
@media (min-width: 992px) {
  body.page-index slideshow-component.cutsom-slideshow {
    background: #fff;
    align-items: center;
    justify-content: center;
  }
  .cart-items p.card_product_type {
    line-height: 1;
    font-size: 28px;
  }

  .cart-item__name {
    font-size: 28px;
  }

  .cart-item__price-wrapper span.price.price--end {
    font-size: 18px;
  }
}

@media (min-width: 750px) {
  .product__media-wrapper ul .product__media-item:nth-child(1) {
    grid-column: 1 / span 2;
    grid-row: 1;
    /* border-radius: 10px 0 0 0px !important; */
  }
.page-addresses .customer:not(.account):not(.order) {
    max-width: 42%;
}

  .product__media-wrapper ul .product__media-item:nth-child(2) {
    grid-column: 2 / 3;
    grid-row: 1 / 3;
    max-width: 100% !important;
    width: 100% !important;
    /* border-radius: 0px 10px 10px 0px; */
  }
  .product__media-wrapper ul .product__media-item:nth-child(3) {
    grid-column: 1 / span 2;
    grid-row: 2;
    /* border-radius: 10px 0 0 10px; */
  }

  .product__media-wrapper .product__media-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 10px;
  }
}
@media (max-width: 991px) {
  .main-content-block-1 {
    flex: 0 0 50%;
    max-width: 50%;
  }
.main-blog .blog-articles {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 20px;
}
  .main-content-block-3 {
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 30px;
  }
}
@media (min-width:750px) and (max-width:1270px){
  .page-addresses .customer:not(.account):not(.order) {
    max-width: 70%;
}
}
@media (min-width: 768px) {
.main-content-block-2 {
  display: none;
}
table.cart-items .cart-item__media {
  width: 13rem;
}
cart-items.is-empty input.search__input.field__input, .page-404 .search__input.field__input {
  max-width: 100%;
  width:600px;
}
}
@media (max-width: 767px) {
  .footer__content-top.page-width {
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
  }
  .product__media-wrapper .product__first-image  {
    position: relative;
    padding-bottom: 100%;
    content:'';
}

.product__media-wrapper .product__first-image img.product__first-image-content {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  object-fit:contain;
    height: 100%;
}

body .customer:not(.account):not(.order) {
    max-width: 100%;
}
.article-template__hero-container {
    max-width: 100%;
    margin: 0 auto;
}
body.page-page main .page-width h1.main-page-title {
  font-size:36px;
}
a.button.card__information_product_button {
    height: 50px;
}
body .product__info-wrapper .product__description {
    margin-bottom: 0px 
}
.page-404 .template-404 h1.title{
  font-size:28px;
}
.content-blocks {
  margin: 0 0 50px 0;
}
.cart__contents .cart__items {
  border: 0;
}
.content-block-2.media img, .content-block-2.media video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* border-radius: 0 10px 10px 0; */
}
.content-block-2.media ul {
    display: grid!important;
    position: static!important;
    list-style: none;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 10px;
    width: unset!important;
    height: unset!important;
    padding: 0;
    border-radius: 10px;
    overflow: hidden;
}
.content-blocks li.content-block-2.product-image--1 {
  grid-column: 1 / span 2;
  grid-row: 1;
  border-radius: 10px 0 0 0px;
}
.content-blocks li.content-block-2.product-image--3 {
  grid-column: 2 / 3;
  grid-row: 1 / 3;
  max-width: 100% !important;
  width: 100% !important;
  border-radius: 0px 10px 10px 0px;
}
li.content-block-2.product-image--2 {
  grid-column: 1 / span 2;
  grid-row: 2;
  border-radius: 10px 0 0 10px;
}
li.content-block-2 {
  background: rgba(86, 22, 9, 0.1);
  max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
}
.content-block-2.media {
  background: transparent !important;
}
.main-content-block-2 {
  margin: 30px 0 20px 0;
}
.product__info-wrapper .product-form__buttons {
  max-width: 100%;
}
.custom_icon_with_text .announcement-bar__message {
  font-size: 14px;
}
.menu-drawer__inner-container a.list-menu__item {
  font-size: 18px;
}
span.header__icon--cart_title,
span.header__icon--account_title {
  display: none;
}
footer.footer:before {
  content: "";
  position: absolute;
  background-image: url("/cdn/shop/files/13a0061f99d29e547080f5520bd5fb7f.png?v=1740378919");
  opacity: 0.1;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  background-position: center;
  top: 0;
  left: 0;
}
.footer-block.grid__item.footer-block--menu {
  justify-content: center;
  width: 100% !important;
  max-width: 100% !important;
}
.footer-block__details-content li {
  padding: 0 10px;
}
body .footer-block__details-content {
  margin: 0;
  display: flex;
  flex-wrap: nowrap;
}
footer .footer__content-bottom-wrapper {
  justify-content: center;
}
footer .footer__content-bottom {
  padding: 0;
}
.footer__column.footer__column--info {
  justify-content: center;
}
.footer__blocks-wrapper.grid {
  flex: 0 0 100%;
  max-width: 100%;
  margin: 10px 0;
}
.page-index .slideshow h2.banner__heading {
  font-size: 36px;
}
p.card_product_type,
body h3.card__heading span {
  font-size: 20px;
  line-height: 24px;
}
body h3.card__heading span {
  letter-spacing: 4px;
}
.collection-hero .collection-hero__title + .collection-hero__description {
  margin: 10px 0 0;
}
.product-grid-container
  .collection
  .card--standard
  > .card__content
  .card__information {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
}
.product .grid__item.product__media-wrapper {
  padding-right: 0;
}
.product .product--large:not(.product--no-media) .product__info-wrapper {
  padding-left: 50px;
}
.main-content-block-1 {
  flex: 0 0 100%;
  max-width: 100%;
}
.main-content-block-3 {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0;
}
.content-blocks {
  flex-wrap: wrap;
}
  body.page-cart cart-items .title-wrapper-with-link {
  margin-bottom: 3rem;
}
li.content-block-2.product-image--2 {
  border-radius: 10px 0 0 10px;
}
}
@media (max-width: 640px) {
.customer.login, .customer.register {
  max-width: 100% !important;
}
}

@media (max-width:570px){
.main-blog .blog-articles {
  grid-template-columns: repeat(1, 1fr);
  row-gap: 50px;
}
}

@media (max-width: 767px) and (min-width: 399px) {
.content-block-1.field-headings ul {
  padding-left: 30%;
}
}

@media (max-width: 479px) {
body .banner--mobile-bottom .banner__box {
  padding: 30px 10px;
}
a.main-footer-logo .footer-logo-wrapper:before {
  top: 5px;
}
cart-items.is-empty h1.cart__empty-text {
  font-size: 28px;
}
.customer.addresses button.customer_addresses, .customer.addresses button.customer_add_address {
  width: 100%;
}
.main-content-block-3 h3.accordion__title {
  font-size: 18px;
}
.content-blocks h2 {
  font-size: 24px;
  margin-top:0;
}
.content-blocks {
  display: flex;
  margin: 20px 0 50px;
}
}

@media (max-width: 399px) {
p.card_product_type,
body h3.card__heading span {
  font-size: 18px;
  line-height: 24px;
}
body h3.card__heading span {
  letter-spacing: 4px;
}
.footer-block.grid__item {
  flex-wrap: wrap;
}
}

@media (max-width: 370px) {
.field-content-scale label {
  font-size: 14px;
}
.cart-item__name {
  font-size: 18px;
}
}

/* Feddback changes */
.product__first-image {
  display: none;
}
.product__media-wrapper ul .product__media-item:nth-child(1){
  background-image: url("/cdn/shop/files/Lege_achtergrond.jpg?v=1754224205");
  background-color: #5616091a;
  background-size: contain;
  /* border-radius: 10px; */
  background-repeat: no-repeat;
  width: 100%;
  background-position: center;
}
button.quantity__button[name="plus"] svg {
  width: 20px !important;
  min-width: 20px;
}
nav.main-product.breadcrumbs {
  font-family: Roboto Flex;
}
article.article-template {
  padding: 0 20px;
}
body.page-blog .main-blog .card.article-card .ratio:before {
  padding-bottom: 100%;
}
.article-template__content p {
  color: #561609;
  text-align:center;
}
.article-template__back a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  z-index: 9;
  width: 368px;
  max-width: 100%;
  background-color: #008c45;
  font-size: 18px;
  font-family: Roboto Flex, serif;
  line-height: 25px;
  height: 60px;
  position: relative;
  background-size: cover;
  border-radius: 5px;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
  padding: 0 30px;
}

.article-template__back a:after {
  opacity: .2;
  position: absolute;
  top: 0;
  background-repeat: no-repeat;
  left: 0;
  background-size: cover;
  width: 100%;
  background-position: center;
  z-index: 1;
  content: "";
  background-image: url(https://battito.nl/cdn/shop/files/13a0061f99d29e547080f5520bd5fb7f.png?v=1740378919);
  height: 100%;
}
.article-template__back a:hover {
  background-color: #561609;
}
body .drawer__inner {
  width: 50rem;
}

/* */
.header-wrapper .header__icons details-modal.header__search svg {
    width: 22px;
    height: 22px;
}
.template-search .template-search__search .field label.field__label {
    color: #561609;
    font-size: 12px;
    font-family: Roboto Flex,serif;
}
.template-search__header.page-width.scroll-trigger.animate--fade-in {
    margin: 0 auto;
}
.template-search p {
    color: #561609;
    text-align: center;
    margin: 0;
}
.product .product__media-wrapper media-gallery ul {
    border-radius: 10px;
    overflow: hidden;
}
.product .product__media-wrapper media-gallery ul li .product-media-container {
    width: 100%;
    margin: 0 auto;
}
.product__media-wrapper ul .product__media-item:nth-child(2) video {
    object-fit: cover;
  position: static;
}
.product__media-wrapper ul .product__media-item:nth-child(2) deferred-media {
    /* padding-bottom: 5%; */
  padding: 0;
}
.desktop_mode_slideshow .slideshow.banner {
    width: 100%;
    /* height: calc(100vh - 123px); */
}
.desktop_mode_slideshow .slideshow.banner .slideshow__media {
    aspect-ratio: 16 / 9;
    height: auto !important;
}
.desktop_mode_slideshow .slideshow.banner video {
    object-fit: cover;
}
.mobile_mode_slideshow {
    display: none;
}
.home_banner {
    background-color: #fff;
}
.home_banner slideshow-component {
    max-width: 1100px;
    margin: auto;
}


@media (min-width:1300px){
.grid__item.product__media-wrapper {
  padding-right: 50px;
}
}
@media (max-width:767px){
cart-items.is-empty {
  padding: 60px 0;
}
.content-block-2.media video {
  /* border-radius: 0px 0 0 10px !important; */
}
.product__first-image {
  display: block;
  background-image: url("/cdn/shop/files/Lege_achtergrond.jpg?v=1754224205");
  background-color: #5616091a;
  background-size: contain;
  border-radius: 10px;
  background-repeat: no-repeat;
  width: 100%;
  background-position: center;
  text-align: center;
}
.product__first-image img{
  max-width:100%;
}
.product .slider-mobile-gutter {
  display: none;
}
.desktop_mode_slideshow{
  display: none;
}
.mobile_mode_slideshow {
    display: block;
}
.mobile_mode_slideshow {
    display: block;
    /* height: calc(100vh - 118px); */
}
.mobile_mode_slideshow .slideshow {
    height: 100%;
}
.mobile_mode_slideshow .slideshow__slide {
    padding: 20px !important;
    border-radius: 0;
}
.mobile_mode_slideshow .slideshow__slide .slideshow__media {
    aspect-ratio: 4/ 5 !important;
}
}
@media (max-width: 767px) {
  .collection-hero__title {
    font-size: 36px;
}
}

/* =================================================================== */
/* DEFINITIEVE OPLOSSING VOOR KAARTEN */
/* =================================================================== */

/* Algemene styling voor alle kaarten */
.card-wrapper .card__content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 1rem;
}

.card-wrapper .card__information {
  width: 100%;
  text-align: var(--text-alignment, left);
  flex-grow: 1;
}

.card__information .card__caption.rte {
  font-size: 1.4rem;
  margin-top: 0.5rem;
  line-height: 1.4;
  color: rgba(var(--color-foreground), 0.75);
  word-wrap: break-word;
}

.card__button-wrapper {
  margin-top: 1.5rem;
  text-align: var(--text-alignment, left);
}

.card__button-wrapper .button {
  min-height: 4rem;
  font-size: 1.3rem;
}

/* Uitzondering voor de titels op de hoofd-collectielijst pagina */
body.page-list-collections .collection-list__item .card__heading a,
body.page-list-collections .collection-list__item .card__heading a span {
    font-family: 'Courgette', serif !important;
    color: #561609 !important;
    font-size: 24px !important;
    text-transform: capitalize !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    line-height: 1.3 !important;
    padding: 0 !important;
}

/* Witruimte voor de titels op de hoofd-collectielijst pagina */
body.page-list-collections .collection-list__item h3.card__heading {
    padding: 1rem 0 !important;
    margin-bottom: 0 !important;
}
/* =================================================================== */
/* FORCE TWO-COLUMN LAYOUT (v2 - STRONGER)
/* =================================================================== */
@media screen and (max-width: 749px) {
  body.page-collection .collection .grid__item:only-child {
    /* Set the width to match a two-column layout and force it */
    width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2) !important;
    max-width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2) !important;
    
    /* Prevent the item from growing to fill the empty space */
    flex-grow: 0 !important;
  }
}
/* =================================================================== */
/* FOOTER MENU FIX (MOBILE - CENTERED FLEX)
/* =================================================================== */
@media screen and (max-width: 749px) {
  /* Adjust the flex container to center the items */
  .footer-block--menu .footer-block__details-content {
    justify-content: center;
    flex-wrap: wrap;
    gap: 1rem; /* Adds space between items when they wrap */
  }

  /* Ensure text inside each link is centered */
  .footer-block--menu .list-menu__item {
    text-align: center;
  }
}
/* =================================================================== */
/* VOLLEDIGE STYLING COOKIE BANNER (ZWEVENDE VERSIE)
/* =================================================================== */

/* 1. De banner container zelf */
.shopify-pc__banner__dialog {
    background-color: #ffffff !important;
    background-image: none !important;
    padding: 25px !important;
    border-top: none !important;
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.4) !important; /* Iets meer schaduw voor diepte */
    border-radius: 12px !important;
    overflow: hidden !important;
    
    /* AANGEPAST: Om de banner te laten zweven */
    bottom: 20px !important;
    left: 20px !important;
    right: 20px !important;
    width: auto !important;
    max-width: 1100px; /* Voorkomt dat de banner te breed wordt op grote schermen */
    margin: 0 auto !important; /* Centreert de banner horizontaal */
}

/* 2. De titel */
.shopify-pc__banner__dialog h2 {
  font-family: "Courgette", serif !important;
  color: #561609 !important;
  font-size: 28px !important;
  font-weight: 500 !important;
}

/* 3. De body-tekst en de link kleur */
.shopify-pc__banner__dialog p {
  font-family: "Roboto Flex", serif !important;
  color: #561609 !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
}

.shopify-pc__banner__dialog p a {
    color: #561609 !important;
    font-weight: normal !important;
    text-decoration: underline !important;
}

.shopify-pc__banner__dialog p a:hover {
    text-decoration: none !important;
}

/* 4. Algemene knop-styling */
.shopify-pc__banner__dialog button {
  font-family: "Roboto Flex", serif !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  border-radius: 5px !important;
  padding: 15px 25px !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  outline: none !important;
  letter-spacing: 1.5px !important;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

/* 5. "Accepteren" knop */
.shopify-pc__banner__dialog button.shopify-pc__banner__btn-accept {
  background-color: #008c45 !important;
  color: #ffffff !important;
  border: none !important;
}

.shopify-pc__banner__dialog button.shopify-pc__banner__btn-accept:hover {
  background-color: #561609 !important;
}

/* Patroon-overlay voor de Accepteren-knop */
.shopify-pc__banner__dialog button.shopify-pc__banner__btn-accept::before {
  content: '';
  background-image: url("/cdn/shop/files/13a0061f99d29e547080f5520bd5fb7f.png?v=1740378919");
  opacity: 0.2;
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-size: cover;
  background-position: center;
  z-index: -1;
}

/* 6. "Afwijzen" knop */
.shopify-pc__banner__dialog button.shopify-pc__banner__btn-decline {
  background-color: #561609 !important;
  color: #ffffff !important;
  border: 2px solid transparent !important;
}

.shopify-pc__banner__dialog button.shopify-pc__banner__btn-decline:hover {
  background-color: #561609 !important;
  color: #ffffff !important;
  border-color: #eedad0 !important;
}

/* 7. "Voorkeuren beheren" */
.shopify-pc__banner__dialog button.shopify-pc__banner__btn-pref,
.shopify-pc__banner__dialog button.shopify-pc__banner__btn-manage-prefs {
  font-family: "Roboto Flex", serif !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin-right: auto !important;
  color: #561609 !important;
  text-decoration: underline !important;
  font-size: 16px !important;
}

.shopify-pc__banner__dialog button.shopify-pc__banner__btn-pref:hover,
.shopify-pc__banner__dialog button.shopify-pc__banner__btn-manage-prefs:hover {
  text-decoration: none !important;
}
@media (max-width: 767px) {
  /* Zorg ervoor dat het inputveld zelf rechte hoeken heeft op mobiel */
  .cart-items input { /* Dit is de selector voor het inputveld met het aantal */
    border-radius: 0 !important;
  }

  /* OPTIONEEL: Als de hele quantity-input container afgerond is en je dat niet wilt */
  .cart-items quantity-input.quantity.cart-quantity {
      border-radius: 0 !important;
  }
}
/*
 * === AANPASSINGEN VOOR PRODUCT FOTO GALERIJ (VERSIE 4 - DIRECTE METHODE) ===
 */

/* 1. Ronde hoeken voor het FOTO-ITEM (alle schermen), alléén als er 1 foto is. */
/* We passen de afronding nu direct toe op het <li> element. */
.product-media-list--count-1 > .product__media-item {
  border-radius: 10px !important;
  overflow: hidden !important;
  /* Een extra fix om te zorgen dat de inhoud netjes wordt afgesneden in Safari. */
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

/* 2. Formaat van het FOTO-ITEM (alleen desktop), alléén als er 1 foto is. */
@media screen and (min-width: 750px) {
  
  /* De container (ul) lijnt het item links uit. */
  .product-media-list--count-1 {
    justify-items: start;
    align-content: start;
  }

  /* Het item (li) zelf krijgt een maximale breedte. */
  .product-media-list--count-1 > .product__media-item {
    max-width: 49.5%;
    width: 100%;
  }
}
@media (max-width: 767px) {

    /* 1. Meer ruimte boven de breadcrumbs */
    nav.main-product.breadcrumbs {
        margin-top: 15px; /* Pas de waarde naar wens aan */
    }

    /* 2. Meer ruimte tussen product type en foto */
    .main_product_title_content h2.card_product_type {
        margin-top: 20px; /* Creëert extra ruimte onder het producttype */
    }

    /* 3. Minder ruimte binnen content block 2 */
    .main-content-block-2 h2 {
        margin-bottom: 5px; /* Verkleint de ruimte onder de titel van content block 2 */
    }
}
.customer.account a {
  font-size: 16px;
}
.customer.addresses a {
  font-size: 16px;
  font-family: 'Roboto Flex';
}
/* * Stijlt ALLEEN de tekst van de foutmelding-opsomming onder de titel.
 * Selecteert de lijst-items (li) die in de lijst (ul) direct na de titel (h2) komen.
 */
h2.form__message + ul li {
    font-family: 'Roboto Flex', serif;
    font-size: 16px;
    color: #561609;
}
/* Styling voor b, strong en li in blogartikelen */
article.article-template .rte b,
article.article-template .rte strong,
article.article-template .rte li {
    font-family: 'Roboto Flex', serif;
    font-size: 16px;
    color: #561609;
}
.product__info-wrapper .product-compare-price {
  font-family: "Roboto Flex";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 1.25px;
  color: rgba(86, 22, 9, 0.31);
}
.card__inner {
  position: relative;
}

.free-shipping-banner {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 3;
  background-color: #008a4a;
  border-radius: 5px;
  color: #ffffff;
  font-family: 'Roboto Flex', sans-serif;
  font-size: 16px;
  font-weight: 400;
  padding: 6px 12px;
  pointer-events: none;
  transform-origin: top right;
}

@media screen and (max-width: 749px) {
  .free-shipping-banner {
    transform: scale(0.7);
  }
}
@media screen and (max-width: 749px) {
  .card__heading.h5 .full-unstyled-link {
    font-size: 1.6rem; 
  }
}