/** Shopify CDN: Minification failed

Line 1527:5 Expected "}" to go with "{"

**/
/* 
  Add here your own custom css styles
*/
.copyright-section{
  display:flex;
  align-items:center;
  justify-content:space-between;
}
#announcement-bar-sections--27938462695765__announcement_bar_Ge9W3V .container{
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content: space-between;
  padding:10px;
}
.lang-mobile{
  display:flex;
  justify-content:flex-end;
}
.gift-icon{
  color:var(--bs-body);
  border: 1px solid #ccc;
  border-radius:99px;
  padding:4px;
  background:#fff;
  width:30px;
  height:30px;
}
/* indicator login state*/
span.account-indicator {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 8px;
    height: 8px;
    background: #28a745;
    border-radius: 50%;
    box-shadow: 0 0 0 2px rgba(255,255,255,0.9);
    transform: translate(25%, -25%);
  }
     .logout-form { display: inline-block; vertical-align: middle; }
  .logout-text { font-size: 0.9rem; color: inherit; } 

/* Hide on desktop by default */
.mobile-only {
  display: none;
}
/* HIDE PRICE ON WISHLIST */
.st-product-card_price, .st-js-compare-at-price, .st-product-card_group button, .st-quantity-widget{
  display:none!important;
}

/* Show on screens smaller than 750px (Shopify standard) */
@media screen and (max-width: 749px) {
  .mobile-only {
    display: block;
  }
}
/* Search shop input field*/
.search-shop{
display: block;
 margin:0 auto;
 max-width:40%;
}
@media screen and (max-width:520px){
  .search-shop{
 max-width:80%;
}
}
/* Kortingen */
.gratis-item-wrap{
  display: flex;
  gap: 1rem;
  margin: 30px 0;
}
.bundle-image-wrap{
    border: 1px solid #cecece;
    padding:10px;
    border-radius:8px;
}
/* SKU in product main */
.SKU_code{
  margin-top:1rem;
  font-weight:normal;
  color:rgb(125, 125, 125);
}
/* Visual feedback for copy-to-clipboard icon */
.copy-icon{
  margin-left:.5rem;
  cursor:pointer;
  color:var(--bs-primary);
}
.copied{visibility:hidden;}
.copy-icon:hover .copied{
  display:inline-block;
  visibility:visible;
}
/*Registry form styles */
.register-custom {
  max-width: 768px;
  margin: 0 auto;
  background-color:rgb(239, 245, 249);
}
.register-custom .form-control {
  margin-bottom: 12px;
}
.confirm-registration input[type="submit"] {
  background-color: var(--bs-primary);
  color: #fff;
  border: none;
  padding: 14px;
  float: right;
  font-size: 16px;
}
/*Icons */

/* language menu position */
.dropdown-menu[data-bs-popper] {
  right:unset;
  top:unset;
  padding: 1.2em;
}
.dropdown-menu[data-bs-popper] a{
  text-decoration:none;
  outline:0;
}
.nav-desktop-icons, .nav-link-icon, .btn-icon{
  align-items:center
}
#language-selector-dropdown svg{
  padding:0;
  padding-top: 6px;
}
/* Page title */
#main header h2.title.h2 span{
font-weight: bold;
}
#main header h2.title.h2 span:before{
  font-size:24px;
}
h1.title{
  font-weight:bold;
  color:  #214152;
  font-size:2.2rem;
  text-align: center;
}
h1.product-title{
  font-weight:bold;
  color: #214152;
  font-size:1.2rem;
  text-align: left;
  text-transform:capitalize;
}
h3{
  color: #214152;
}
.product-title{
  color: #214152;
  font-weight:bold;
}
#shopify-section-template--27938462433621__hero_carousel_CmDneU .title {
  color:#fff;
}
.promotion-div{
  width:20%;
  height:240px;
  border-radius:20px;
  background:rgb(247, 247, 247);
  border:1px solid #cecece;
  padding: 20px 20px 0px 20px;
  font-size:1.2rem;
  color:black;
  position:absolute;
  right:10%;
  bottom:-180px;
  z-index:9999;
}
.description{
font-size:smaller;
}
#shopify-section-template--27938462400853__html_7z9JmT .section-header h2.title::after{
  content:'\21B4';
  padding-left:1rem;
}
h2.title{
  font-weight:bold;
  color: #4c4c54;
}
.section-header{}
.navbar-logo {
  margin-top: -16px !important;
}
 .nav-link {
  color: #2a2a2a;
  font-weight: 500;
}
.nav-link.active {
  background-color: transparent;
  color: var(--bs-primary); /*C60855*/
  border-radius: 0!important;
  font-weight:500!important;
}
.nav-link:hover{
  background-color:transparent;
  color:var(--bs-primary);
  border-radius: 0;
}
.badge.badge-circle{
  background-color: var(--bs-primary);
}
/* Services block */

 @media all and (max-width:768px){
  .parallax-section{
    display:none;
  }
/* .product-block-icons ul{
display:flex;
flex-direction:column;
justify-content:space-around;
gap:1em;
} */
} 
@media all and (max-width:520px){
  .product-block-icons, #shopify-section-template--27938462433621__card_slider_KfqGVc, #html-section-template--27938462433621__html_DTa83w {
    display:none!important;
  }
}
.service-text{
  font-size:20px;
  font-weight:bold;
  color: #4c4c54;
}

/* Newsletter */
div#newsletter-sections--27938462662997__newsletter_fL4LWF {}

/* FAQ */
.accordion-item{
  margin-bottom: 12px;
}
.accordion-button{
 color:  #4c4c54;
  background-color: white;
  font-weight:500;
}
/* FAQ toggle icon */
.faq .accordion-button::after { display: none; }
.faq .accordion-button { position: relative; }
.faq .accordion-button .accordion-toggle-icon {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform .25s ease;
  width: 1.25rem;
  height: 1.25rem;
}
.faq .accordion-button .accordion-toggle-icon svg {
  width: 1rem;
  height: 1rem;
}

.faq .accordion-button.collapsed .accordion-toggle-icon { transform: rotate(0deg); }
.faq .accordion-button:not(.collapsed) .accordion-toggle-icon { transform: rotate(180deg); }

/*Newsletter*/
.newsletter-card{
border-radius:1em;
}

/* Toggle discounts button: rotate icon when expanded */
.btn-toggle-discounts{ 
  border:1px solid var(--bs-gray-300);
}
.btn-toggle-discounts svg {
  transition: transform .2s ease;
}
.btn-toggle-discounts[aria-expanded="true"] > svg:first-of-type{
  transform: rotate(180deg);
}

/* Footer */
#footer .footer-block .title span{
  background:transparent;
}
#footer-desktop .title{
  display:none;
}

#footer-mobile .heading{
   font-weight:bold;
}

#footer{
 
}
#footer .footer-block .footer-block-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 24px;
}
#footer .footer-block .footer-block-icon img {
  width: 24px;
  height: 24px;
  display: block;
}
#footer .footer-block .description .description-content {
  display: block;
}
.footer-block .nav-item a, .footer-block .description, .footer-mobile .nav-item a{
  font-size:1rem!important;
}

.contact-block { max-width: 420px; color: inherit; }
.contact-block address{
  line-height:1.6;
  margin-bottom:0;
}

.contact-item {
  display: flex;
  gap: .8rem;
  align-items: center;
  margin-top: .5rem;
}

.contact-icon {
  color: #444444; /* dark grey for icons */
  flex: 0 0 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}

.contact-icon svg { width: 24px; height: 24px; display: block; }

.contact-text {
  font-size: 0.95rem;
  line-height: 1.35;
}

/* optional: make phone link inherit color and be readable */
.contact-text a { color: inherit; text-decoration: none; }
.contact-text a:hover { text-decoration: underline; }
/* Ensure collection product cards are equal height
   - make the list item a flex container so cards stretch
   - set product card to column flex and full height
   - reserve a fixed-height image area and center the image inside without distortion
*/
.product-list [role="list-item"] {
  display: flex;
}

.product-card {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  height: 100%;
  min-width:100%;
  padding: 12px;
  border: 1px solid rgb(223, 223, 223);
  border-radius: 26px;
}

.product-card .img-thumbnail{
  border:none!important;
}


.product-card-title{
    margin-top: 12px;
    line-height: 1.6rem;
    font-size: 1rem!important;
    text-transform: lowercase;
    text-transform: capitalize;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100%;
    display: inline-block; 
      font-weight: bold !important;
    color:rgb(33, 65, 82);
}



/*brochures*/

.brochures_btn a{
  text-decoration:none;
}

/* Collection/product card quantity controls: stacked full-width buttons and hide native number spinners */
.product-qty {
  max-width: 40%;
  margin: 6px 0;
}

.product-qty .qty-input {
  width: 100%;
  min-width: .4rem;
  text-align: center;
}
span.product-card-price-final {
  
  color: #4c4c54;
  font-size:20px;
  font-weight:bolder;

}

/* Remove native number input arrows */
/* Chrome, Safari, Edge, Opera */
input[type=number].qty-input::-webkit-outer-spin-button,
input[type=number].qty-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number].qty-input {
  -moz-appearance: textfield;
}

/* Small visual spacing for stacked controls */
.product-card-actions button {
  font-size: 1rem
}

.product-card button.btn.btn-sm.btn-outline-primary{
    width: 100%;
    padding-top: .3rem;
    padding-bottom: .3rem;
    border-radius: 99px;
    border: 1px solid #242424;
     font-weight: 300;
    color: #4c4c54;
}

.product-card-link {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  color: #214152;
  text-decoration: none;
}

.product-card-price-area{
  margin-bottom:1.2em;
}

.product-card-price-area span, .product-card-price-area ~ a{
   color: #214152;
   font-weight:500!important;
  text-decoration: none!important;
  width:100%!important;
}
.product-card-img-wrapper {
  min-height: 300px;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
}

.product-card-img-wrapper img,
.product-card-img-wrapper picture,
.product-card-img-wrapper svg {
    max-width: 100%;
    max-height: 300px;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.vendor-text{
  color:var(--bs-primary);
  opacity:.6;
}

.product-card-actions button {
    font-size: .9rem;
    font-weight: 300;
}

/* Product card small screens */
@media all and (max-width:960px){
.product-card-actions{
    display: flex !important;
    flex-direction: column;
    align-content: space-around;
    gap: .6rem !important;
    margin-top: 1em;
}
.product-qty{
  max-width:100%!important;
}
}

/* Quickview option radios styled as square rounded buttons */
.quickview-option-group .form-check {
  margin: 0;
  padding-left: 0 !important;
  padding-right: .4rem;
}

.modal-body .form-check-input{
  display: none;
}
.quickview-option-radio {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.quickview-option-label {
  display: inline-block;
  padding: .45rem .6rem;
  border: 1px solid var(--bs-border-color, #ddd);
  border-radius: .5rem;
  background: var(--bs-bg, #fff);
  cursor: pointer;
  user-select: none;
  min-width: 3rem;
  text-align: center;
}

.quickview-option-radio:checked+.quickview-option-label,
.quickview-option-label:has(input:checked) {
  background-color: var(--bs-primary, #0d6efd);
  color: #fff;
  border-color: transparent;
}

.quickview-option-label:focus {
  outline: 2px solid rgba(13, 110, 253, 0.25);
  outline-offset: 2px;
}


/* Quickview modal layout: image left, content right on md+; stacked on small screens */
#modal-quickview .quickview-media {
  flex: 0 0 50%;
  max-width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#modal-quickview .quickview-content {
  flex: 1 1 50%;
  max-width: 50%;
}

label.form-check-label.quickview-option-label.disabled {
    background: #ccc;
}

@media (max-width: 767.98px) {

  #modal-quickview .quickview-media,
  #modal-quickview .quickview-content {
    max-width: 100%;
    flex: 1 1 auto;
  }

  #modal-quickview .quickview-media {
    margin-bottom: .75rem;
  }
}

/* Constrain images inside quickview media */
#modal-quickview .quickview-media img {
  width: 100%;
  max-height: 60vh;
  object-fit: contain;
}

/* Ensure flex-row is applied on desktop even if some other rules interfere */
@media (min-width: 768px) {
  #modal-quickview .d-flex {
    flex-direction: row !important;
    align-items: center !important;
  }

  #modal-quickview .quickview-media {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }

  #modal-quickview .quickview-content {
    flex: 1 1 50% !important;
    max-width: 50% !important;
  }
}

/* Add-to-cart button appearance for collection cards */
.product-card-actions .btn-atc {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  /* gap: .65rem; */
  border-radius: 9999px !important;
  padding-top: .8rem !important;
  padding-bottom: .8rem !important;
  background-color: #ededed;

}
 .product-card-actions .btn-atc .btn-atc-text{
    display:none;
  }

.btn-atc .btn-atc-icon svg {
  width: 1.4rem;
  height: 1.4rem;
}

.btn-atc .btn-atc-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.product-block-atc .btn-atc {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  /* gap: .65rem; */
  border-radius: 9999px !important;
  padding-top: .8rem !important;
  padding-bottom: .8rem !important;

}
/* .product-contents product-price{
  margin-top:1rem;
} */
.product-contents .product-price-final {
    color:  #214152;
  font-size:20px;
  font-weight:bolder;
}
.product-contents .product-price-final:after{
  font-weight:bolder;
  font-size:larger;
  content: ''
}

.product-media-gallery-zoom {
  margin-right:10px;
  margin-top:10px;
  border: 2px solid var(--bs-body-color);
  border-radius:40px;
  padding: 8px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
}

button.back-button {
  border: 2px solid #214152;
  border-radius:40px;
  padding: 8px;
  margin-bottom: 20px;
  cursor: pointer;
  padding-right:1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
}

.chevron {
  display: inline-block !important;
  border-right: 3px solid  #214152;
  border-bottom: 3px solid  #214152;
  width: 8px;
  height: 8px;
  margin-right:.5rem;
}

#chevron-arrow-left {
  transform: rotate(135deg);
}
 
.back-button span{
color:  #214152;
}
/* Promotion badge for Single Product */
.product-promo-badge {
  margin-top:1em;
  margin-left:1em;
  background: var(--bs-accent,rgb(9, 166, 166));
  color: #fff;
  padding: .5rem .5rem;
  border-radius: 100px;
  font-size: .8rem;
  z-index: 5;
}
.product-promo-badge-cart {
  margin-top:1em;
  margin-left:1em;
  color: var(--bs-primary);
  padding: .5rem .5rem;
  border-radius: 100px;
  font-size: .8rem;
  z-index: 5;
}
.cart-custom-badge{
  margin-left:0;
}



/* Cart item promo badge */
.cart-item-img-wrapper { position: relative; display: block; }

.cart-item-promo-badge {
 margin-top:12px;
  background: var(--bs-accent,rgb(233, 168, 70));
  color: #fff;
  padding: .3rem .45rem;
  border-radius: .25rem;
  font-size: .8rem;
  z-index: 5;
}
.product-card-img-wrapper { position: relative; }

.product-card button.btn.btn-sm.btn-outline-primary{
   padding-top: .8rem !important;
  padding-bottom: .8rem !important;
}

.product-card button.btn.btn-sm.btn-outline-primary:hover{
background-color:transparent;
}

/* Cart page */
#card-list-cart{
  margin-top:80px;
}
.cart-item-img-wrapper{
  height:140px;
  width:140px;
  margin-right:20px!important;
}
.cart-item{
  display:flex;

  align-items:center;
  padding:12px;

}
.page-cart .cart-item{
    border: 1px solid #e5e5e5;
    padding: 10px 24px 10px 12px !important;
}

.cart-item-product-title{
  font-size:1em;
  color:rgb(33, 65, 82);
  font-weight:bold;
}
.cart-item-product-title a{
  margin-bottom:.8em;
}

.page-cart .cart-item .cart-item-img-wrapper, 
.page-cart .cart-item .cart-item-info, 
.first-info, 
.cart-action-wrap, 
.cart-price_actions{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    text-align: left;
    align-items:center;
    max-width:100%

}
@media all and (min-width:1024px){
.item-title-wrap{
  margin-left: 20px;
}
}
.cart-item .counter{
      justify-content: center;
}
.card-body .offcanvas-footer{
justify-items: flex-end;
}

.item-title-wrap span a{
      display: block;
    width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.discount-info{
    border: 1px solid #e5e5e5;
    margin-bottom:1em;
  display: flex;
    align-content: space-around;
    flex-direction: row;
    align-items: center;
    background: #f3f3f3;
    border-radius: 4px;
    padding:1rem;
}

/* Respect Bootstrap collapse state: hide when collapsed, show as flex when expanded */
.discount-info.collapse { display: none; }
.discount-info.collapse.show { display: flex; }

.discount-info span.product-promo-badge{
  margin-right:1em;
}
.cart-action-wrap{

}
/* Cart-specific list mode styles when wrapped with .card-list */

.card-list .cart-item-img-wrapper { position: relative; }
.card-list .cart-item-number {
    color: #242424;
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.card-list.layout-grid .cart-item-number { left: .75rem; top: .75rem; width:28px; height:28px; }

/* Make quantity input larger for accessibility */
.page-cart .qty-input-wrapper .form-control,
.page-cart .qty-input-wrapper input.form-control.form-control-sm {
  min-height: 48px;
  height: 48px;
  padding: .5rem .75rem;
  font-size: 1.125rem;
  border-radius: .5rem;
  text-align: center;
}

/* Increase touch target for plus/minus buttons next to quantity */
.page-cart .qty-input-wrapper .btn,
.page-cart .qty-input-wrapper button.btn-qty-minus,
.page-cart .qty-input-wrapper button.btn-qty-plus {
  min-width: 44px;
  min-height: 44px;
  padding: .45rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 576px) {
  .page-cart .qty-input-wrapper .form-control,
  .page-cart .qty-input-wrapper input.form-control.form-control-sm {
    min-height: 56px;
    height: 56px;
    font-size: 1.125rem;
  }
  .page-cart .qty-input-wrapper .btn,
  .page-cart .qty-input-wrapper button.btn-qty-minus,
  .page-cart .qty-input-wrapper button.btn-qty-plus {
    min-width: 52px;
    min-height: 52px;
  }
}

/* Single page */

.product-options .size-buttons input:checked+label{
  background-color: var(--bs-primary);
}
.product-block-atc .d-flex{
  align-items:center;
  gap: 2rem;
}
.product-options .size-buttons input+label {
    display: block;
    cursor: pointer;
    border: 1px solid#c2c2c2;
    color: #5d5d5d;
    padding: .3rem .8rem;
    margin: .25rem;
    border-radius: var(--bs-border-radius);
    transition: all .2s ease-out;
  }

/* Testimonials */
/* .testimonials-card ~ p > span.text-primary{
color: green;
} */
 /* Cart list item layout: place actions on the right with flexbox */
.cart-items-list .cart-item {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.75rem 0;
}

.cart-item-img-wrapper {
  flex: 0 0 auto;
  margin-right: 0.75rem;
}

.cart-item-info {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  gap: 1rem;
}

.cart-action-wrap {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: .5rem;
}

/* Top/bottom action rows inside cart-action-wrap */
.cart-action-top,
.cart-action-bottom {
  display: flex;
  align-items: center;
  gap: .5rem;
}

/* Ensure the action rows align right on narrow viewports */
@media (max-width: 1023.98px) {
  .cart-action-top,
  .cart-action-bottom {
    justify-content: space-between;
    width: 100%;
  }

  .cart-action-top { order: 1; }
  .cart-action-bottom { order: 2; }
}

@media (max-width: 576px) {
  .cart-items-list .cart-item {
    flex-direction: column;
    align-items: flex-start;
  }

  .cart-action-wrap {
    margin-left: 0;
    width: 100%;
    justify-content: space-between;
    margin-top: .5rem;
  }
}
  /*small item image on mobile*/
@media (max-width: 576px) {
  .cart-item-img-wrapper{
  height:auto!important;
  width:120px!important;
}
}

/* Responsive: stack cart item segments for tablets and smaller (<1024px) */
@media (max-width: 1023.98px) {
  .page-cart .cart-item {
    flex-direction: column;
    align-items: stretch;
    gap: .5rem;
  }

  /* Keep image full width and place it visually above content */
  .page-cart .cart-item .cart-item-img-wrapper {
  
    max-width: 100%;
    margin-right: 0 !important;
    display: block;
    order: -1;
    height: auto;
  }

  /* Stack the info, counters and price/actions */
  .page-cart .cart-item .cart-item-info,
  .page-cart .cart-item .first-info,
  .page-cart .cart-item .cart-price_actions,
  .page-cart .cart-item .cart-action-wrap {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: stretch;
    justify-content: flex-start;
    gap: .4rem;
  }

  /* Make action area span full width and place at the bottom */
  .page-cart .cart-item .cart-action-wrap {
    order: 3;
    align-items: center;
    justify-content: space-between;
    padding-top: .25rem;
    gap:1.6rem;
  }
.card-list.layout-list .cart-item .cart-item-price {
    margin-right: 0!important;
}
  /* Ensure small inline elements don't overflow */
  .page-cart .cart-item .item-title-wrap {
    width: 100%;
  }
}

/* Card list layout toggle styles */
.card-list .btn-toggle-layout { gap:.5rem; margin-bottom:2rem; }
.card-list{
  border-top-style: none;
    border-bottom-style: none;
}
/* Full-width list mode: make container span the page */
.card-list.layout-list .container {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100% !important;
}

/* Ensure items stack full-width in list mode */
.card-list.layout-list .card-list-row {
  display: block;
}
.card-list.layout-list .card-list-row > div {
  width: 100% !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

/* Convert card to horizontal layout on larger screens for list mode */
.card-list.layout-list .card {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center;
}
.card-list.layout-list .card-img-top {
  flex: 0 0 220px;
  max-width: 220px;
  height: 140px;
  overflow: hidden;
}
.card-list.layout-list .card-img-top img,
.card-list.layout-list .card-img-top picture {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.card-list.layout-list .card-body {
  flex: 1 1 auto;
}

/* Responsive: stack vertically on small screens */
@media (max-width: 767.98px) {
  .card-list.layout-list .card { flex-direction: column; }
  .card-list.layout-list .card-img-top { width: 100%; max-width: none; height: auto; }
}


/* Cart-specific list mode styles when wrapped with .card-list */
.card-list.layout-list .cart-items-list {
  width: 100%;
  margin: 0;
  padding: 0;
}
/* .card-list.layout-list .cart-items-list .cart-item {
 
  padding-right: 0 !important;
} */
.card-list.layout-list .cart-item .row {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.card-list.layout-list .cart-item .col-6 {
  flex: 0 0 140px;
  max-width: 140px;
}
.card-list.layout-list .cart-item .col-12 {
  flex: 1 1 auto;
  max-width: none;
}
.card-list.layout-list .cart-item .cart-item-price {
    margin-right: 4rem;
    display:flex;
    flex-direction:column;
}
.card-list.layout-list .btn-line-item-remove {
  
}
/* Ensure desktop-only cart header is visible and styled */
.cart-items-header { display: none; }
@media (min-width: 768px) {
  .cart-items-header {
    display: flex !important;
    align-items: center;
    gap: 1rem;
    padding: .75rem 0;
    border-bottom: 1px solid #e5e5e5;
  }
  .cart-items-header > div { display: flex; align-items: center; }
}

@media (max-width: 767.98px) {
  .card-list.layout-list .cart-item .row { flex-direction: column; }
  .card-list.layout-list .cart-item .col-6 { flex: 0 0 auto; max-width: 100%; }
}

.page-cart .card .card-body{
display:flex;
justify-content:flex-end;
}
/* Grid mode for cart: 3 items per row */
.card-list.layout-grid .cart-items-list {
  display: flex;
  flex-wrap: wrap;
  margin: -0.75rem;
  padding: 0;
}
.card-list.layout-grid .cart-items-list .cart-item {
  box-sizing: border-box;
  width: 33.3333%;
  padding: 0.75rem;
border: 1px solid #eaeaea;
}
.card-list.layout-grid .cart-items-list .cart-item .row {
  display: flex;
  flex-direction: column;
}
.card-list.layout-grid .cart-items-list .cart-item .col-6 {
  flex: 0 0 auto;
  max-width: 100%;
}
.card-list.layout-grid .cart-items-list .cart-item .col-12 {
  flex: 1 1 auto;
}

@media (max-width: 991.98px) {
  .card-list.layout-grid .cart-items-list .cart-item { width: 50%; }
}
@media (max-width: 767.98px) {
  .card-list.layout-grid .cart-items-list .cart-item { width: 100%; }
}

/* Grid card content: stack image -> title -> specs -> qty+price */
.card-list.layout-grid .cart-items-list .cart-item {
  display: flex;
  /* flex-direction: column; */
  width:100%;
}
.card-list.layout-grid .cart-items-list .cart-item .row {
  display: block;
}
.card-list.layout-grid .cart-items-list .cart-item .col-6,
.card-list.layout-grid .cart-items-list .cart-item .col-12 {
  width: 100% !important;
  max-width: 100% !important;
  flex: none !important;
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.card-list.layout-grid .cart-items-list .cart-item .col-6 {
  order: 1;
}
.card-list.layout-grid .cart-items-list .cart-item .col-12 {
  order: 2;
}
.card-list.layout-grid .cart-items-list .cart-item .cart-item-product-title {
  margin-top: .75rem;
  margin-bottom: .5rem;
}
.card-list.layout-grid .cart-items-list .cart-item .cart-item-properties,
.card-list.layout-grid .cart-items-list .cart-item .cart-item-discounts {
  margin-bottom: .5rem;
}
.card-list.layout-grid .cart-items-list .cart-item .d-flex.align-items-center.justify-content-between {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: .75rem;
  margin-top: .5rem;
}
.card-list.layout-grid .cart-items-list .cart-item .qty-input-wrapper {
  order: 3;
}
.card-list.layout-grid .cart-items-list .cart-item .cart-item-price {
  order: 4;
}


@media (max-width: 767.98px) {
  .card-list.layout-grid .cart-items-list .cart-item { padding: .5rem; }
}

.product-media-gallery{
  margin-left:0;
  margin-right:auto;
}
@media (max-width: 1199px) {
    .product-media-gallery {
        max-width: auto;
    }
  }

/* Secondary category menu styles */
.secondary-category-menu{
  background: transparent;
  border-bottom: none;
  padding: 0;
}
.secondary-category-menu .category-list{
  display:flex;
  gap: .6rem;
  list-style: none;
  margin: 0;
  padding: 0 .5rem;
  align-items: center;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.secondary-category-menu .category-item a{
  display:inline-flex;
  align-items:center;
  padding: .45rem .75rem;
  border-radius: 999px;
  text-decoration: none;
  color: var(--bs-body-color);
  font-weight: 500;
  white-space: nowrap;
  border: 1px solid transparent;
  transition: background .12s ease, color .12s ease, transform .12s ease;
}
.secondary-category-menu .category-item a:hover,
.secondary-category-menu .category-item a:focus{
  background: rgba(0,0,0,0.03);
  text-decoration: none;
}
.secondary-category-menu .category-item a.active{
  background: var(--bs-primary);
  color: #fff;
}

.category-item{
  display:flex;
  align-items:center;

}

/* Small screens: allow touch-friendly spacing */
@media (max-width: 575.98px){
  .secondary-category-menu{ padding: .5rem 0; }
  .secondary-category-menu .category-list{ gap: .5rem; padding: 0 .4rem; }
}

.secondary-category-wrapper{
  position: relative;
  /* full-width visual chrome so inner .container aligns content with header/logo */
  background: var(--bs-bg, #fff);
  border-bottom: 1px solid rgba(0,0,0,0.06);
  padding: .6rem 0;
}
.secondary-category-toggle{
  display: inline-flex;
  position: relative;
  background: transparent;
  border: none;
  padding: .5rem;
  margin: .25rem .5rem;
}
.secondary-category-toggle:focus{ outline: 2px solid rgba(0,0,0,0.08); border-radius: 6px; }

/* Drawer */
.secondary-category-drawer{
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  width: 50vw;
  max-width: 480px;
  background: var(--bs-bg, #fff);
  box-shadow: 8px 0 24px rgba(0,0,0,0.12);
  transform: translateX(-100%);
  transition: transform .26s cubic-bezier(.2,.8,.2,1);
  z-index: 1200;
  overflow-y: auto;
}
.secondary-category-drawer.open{ transform: translateX(0); }
.secondary-category-drawer .drawer-inner{ padding: 1rem; }
.secondary-category-drawer .drawer-header{ display:flex; align-items:center; justify-content:space-between; margin-bottom: .6rem; }
.secondary-category-drawer .drawer-title{ margin:0; font-size:1.05rem; font-weight:600; }
.drawer-close{ background:transparent; border:none; color:inherit; padding:.3rem; }

.drawer-category-list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:.35rem; }
.drawer-category-list li a{ display:flex; gap:.75rem; align-items:center; padding:.6rem .5rem; border-radius:8px; text-decoration:none; color:var(--bs-foreground,#242424); }
.drawer-category-list li a:hover{ background: rgba(0,0,0,0.03); }
.category-icon{ display:inline-flex; width:34px; height:34px; align-items:center; justify-content:center; border-radius:8px; background: rgba(0,0,0,0.03); }
.category-label{ font-weight:500; }

/* Overlay */
.secondary-category-overlay{ position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.35); z-index:1190; opacity:0; transition: opacity .18s ease; }
.secondary-category-overlay.visible{ opacity:1; }

/* Show hamburger on small screens and hide full-length scrollbar if desired */
@media (max-width: 991.98px){
  .secondary-category-toggle{ display: inline-flex; align-items:center; justify-content:center; }
  .secondary-category-menu .category-list{ overflow-x: auto; }
}


/* Ensure toggle is visible in the theme editor preview */
.design-mode .secondary-category-toggle{
  display: inline-flex !important;
}

/* Inline alignment: place toggle and full-length bar on the same row */
@media (min-width: 768px) {
  /* Use the inner .container as the flex row so the toggle lines up with the menu */
  .secondary-category-wrapper .container {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: nowrap;
    padding-left: 0;
    padding-right: 0;
  }

  .secondary-category-toggle {
   display:none;
  }

  .secondary-category-menu {
    flex: 1 1 auto;
    min-width: 0;
  }
}

/* On narrow viewports stack vertically */
@media (max-width: 767.98px) {
  .secondary-category-wrapper { display: block; }
  .secondary-category-toggle {
    display:block;
    margin: 0;
    flex: 0 0 auto;
  }
    .secondary-category-menu {
    display:none;
  }
}

  /* Scroll-to-top button styles */

.scroll-to-top {
  position: fixed;
  right: 1.6rem;
  bottom: 2rem;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgb(22, 21, 22);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 18px rgba(0,0,0,0.12);
  pointer-events: none;
  transform: translateY(8px);
  transition: opacity .22s ease, transform .22s ease;
  z-index: 9999;
  border: none;
}
.scroll-to-top.visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}
.scroll-to-top:focus { outline: 3px solid rgba(255,255,255,0.18); outline-offset: 2px; }
.scroll-to-top svg { width: 18px; height: 18px; fill: currentColor; }
  
@media (max-width: 520px){
  .scroll-to-top { display:none;}
}



.img-grid-home {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media all and (max-width: 786px) {
  .img-grid-home {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
  }
  .img-grid-item {
    margin-bottom: -10px;
  }
}
.img-grid-item img {
  width: 100%;
  height: 100%;
}
.grid-item-desc-1 {
  z-index: 1;
  position: absolute;
  padding: 20px;
  left: 0;

  color: white;
  font-weight: 500;
}
.grid-item-desc-2 {
  z-index: 1;
  position: absolute;
  padding: 20px;
  right: 0;
  text-align: right;
  color: white;
  font-weight: 500;
}
.grid-item-desc-1 h3,
.grid-item-desc-2 h3 {
  color: white;
  font-weight: bold;
  font-size: 2em;
}
a.grid-item-btn {
  color: white;
  border: 1px solid white;
  padding: 10px 10px;
  border-radius: 20px;
  text-decoration: none;
}

/* Styles for image-text-two-row section */
.image-text-two-row .max-960{  margin: 0 auto; padding: 1rem; }
.image-text-two-row .image-text-row{ display:flex; gap:1rem; align-items:flex-start; flex-wrap:wrap; justify-content:space-between; }
.image-text-two-row .image{ flex: 0 0 48%; max-width:44%; }
.image-text-two-row .image img{ width:100%; height:auto; display:block; border-radius:8px; }
.image-text-two-row .content{ flex: 1 1 48%; max-width:48%; }
.image-text-two-row .section-heading{ margin-top:0; margin-bottom: 2rem; }
.image-text-two-row .section-text{ color: var(--bs-foreground,#242424); }
.image-text-two-row.image-right .image{ order: 2; }
.image-text-two-row.image-right .content{ order: 1; }
/* Also support `image-right` placed on the inner row element */
.image-text-row.image-right .image{ order: 2; }
.image-text-row.image-right .content{ order: 1; }

@media (max-width: 767.98px){
  .image-text-two-row .image-text-row{ flex-direction: column; gap:4rem; }
  .image-text-two-row .image, .image-text-two-row .content{ flex-basis: 100%; max-width: 100%; }
  .image-text-two-row .max-960{ padding-left: .75rem; padding-right: .75rem; }
}
/* Button shape helpers used by sections */
.btn-pill { border-radius: 9999px !important; }
.btn-rounded { border-radius: 8px !important; }
.btn-square { border-radius: 2px !important; }



/* Adjustable card list: 5-column helper */
@media (min-width: 768px) {
  .adjustable-card-list .cols-5-item { flex: 0 0 20%; max-width: 20%; }
}

/* Slider styles for adjustable card list */
.adjustable-slider-wrap { display: grid; grid-template-columns: auto 1fr auto; grid-template-rows: auto auto; gap: .5rem; align-items: center; }
.adjustable-slider { display: flex; gap: 1rem; overflow-x: auto; scroll-behavior: smooth; padding-bottom: 0.5rem; grid-column: 2; grid-row: 1; }
.adjustable-slider > [class*="col-"]{ flex: 0 0 auto; }
.adjustable-slider-prev, .adjustable-slider-next { background: transparent; border: none; font-size: 1.6rem; line-height: 1; padding: .25rem .6rem; cursor: pointer; grid-row: 1; }
.adjustable-slider-prev { grid-column: 1; }
.adjustable-slider-next { grid-column: 3; }
.adjustable-slider-prev:focus, .adjustable-slider-next:focus { outline: 2px solid rgba(0,0,0,0.08); border-radius: 6px; }

/* Scroll snap and pagination dots */
.adjustable-slider { scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; touch-action: pan-x; -ms-touch-action: pan-x; }
.adjustable-slider > * { scroll-snap-align: center; }

/* hide native scrollbar visually but keep functionality */
.adjustable-slider::-webkit-scrollbar { height: 8px; display: none; }
.adjustable-slider { -ms-overflow-style: none; scrollbar-width: none; }

.adjustable-slider-dots { display:flex; gap:.5rem; align-items:center; justify-content:center; margin-top:.5rem; grid-column: 1 / -1; grid-row: 2; }
.adjustable-slider-dots button { width:10px; height:10px; border-radius:50%; background:rgba(0,0,0,0.16); border:none; padding:0; cursor:pointer; }
.adjustable-slider-dots button.active { background:rgba(0,0,0,0.6); }

/* On small screens show one slide per view */
@media (max-width: 767.98px) {
  .adjustable-slider > [class*="col-"] { flex: 0 0 100%; max-width: 100%; }
  .adjustable-slider .product-card { min-width: 100% !important; }
}

/* Ensure items inside slider have some min-width for good appearance */
.adjustable-slider .product-card { min-width: 200px; }

/* Banner card: center and constrain image so it reads as a single column on mobile */
.adjustable-banner-card .product-card-img-wrapper { display:flex; justify-content:center; align-items: center; height: 100%;}
.adjustable-banner-card .adjustable-card-image { width: auto; height: auto; max-width: 100%;max-height: 100%; object-fit:contain; }
@media (max-width: 767.98px) {
  .adjustable-banner-card .adjustable-card-image { }
}
.adjustable-card-image-wrapper{min-height:unset;}

@media (max-width: 599px) {
    .swiper-slider[data-slider-partial-slides-mobile=true] .container>.swiper {
        padding-bottom: 3em;
    }