/** Shopify CDN: Minification failed

Line 282:11 Unterminated string token
Line 282:17 Unterminated string token

**/
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;200;300;400;700&family=Jost:wght@300;400;500;600;700&display=swap');

/** Shopify CDN: Minification failed

Line 1056:124 Unexpected "}"

**/
@font-face {
 font-family: 'Tachyon';
 src: url('Tachyon-LightItalic.eot');
 src: url('Tachyon-LightItalic.eot?#iefix') format('embedded-opentype'),
 url('Tachyon-LightItalic.woff2') format('woff2'),
 url('Tachyon-LightItalic.woff') format('woff'),
 url('Tachyon-LightItalic.svg#Tachyon-LightItalic') format('svg');
 font-weight: 300;
 font-style: italic;
 font-display: swap;
}

@font-face {
 font-family: 'Tachyon';
 src: url('Tachyon-Light.eot');
 src: url('Tachyon-Light.eot?#iefix') format('embedded-opentype'),
 url('Tachyon-Light.woff2') format('woff2'),
 url('Tachyon-Light.woff') format('woff'),
 url('Tachyon-Light.svg#Tachyon-Light') format('svg');
 font-weight: 300;
 font-style: normal;
 font-display: swap;
}

@font-face {
 font-family: 'Tachyon';
 src: url('Tachyon-Regular.eot');
 src: url('Tachyon-Regular.eot?#iefix') format('embedded-opentype'),
 url('Tachyon-Regular.woff2') format('woff2'),
 url('Tachyon-Regular.woff') format('woff'),
 url('Tachyon-Regular.svg#Tachyon-Regular') format('svg');
 font-weight: normal;
 font-style: normal;
 font-display: swap;
}

@font-face {
 font-family: 'Tachyon';
 src: url('Tachyon-Italic.eot');
 src: url('Tachyon-Italic.eot?#iefix') format('embedded-opentype'),
 url('Tachyon-Italic.woff2') format('woff2'),
 url('Tachyon-Italic.woff') format('woff'),
 url('Tachyon-Italic.svg#Tachyon-Italic') format('svg');
 font-weight: normal;
 font-style: italic;
 font-display: swap;
}

@font-face {
 font-family: "Tachyon W00 Light";
 src: url("https://db.onlinewebfonts.com/t/adae36e9078d4f4051d17d1f52599f73.eot");
 src: url("https://db.onlinewebfonts.com/t/adae36e9078d4f4051d17d1f52599f73.eot?#iefix")format("embedded-opentype"),
 url("https://db.onlinewebfonts.com/t/adae36e9078d4f4051d17d1f52599f73.woff2")format("woff2"),
 url("https://db.onlinewebfonts.com/t/adae36e9078d4f4051d17d1f52599f73.woff")format("woff"),
 url("https://db.onlinewebfonts.com/t/adae36e9078d4f4051d17d1f52599f73.ttf")format("truetype"),
 url("https://db.onlinewebfonts.com/t/adae36e9078d4f4051d17d1f52599f73.svg#Tachyon W00 Light")format("svg");
}

.banner-title{
 font-family: "Tachyon W00 Light" !important;
 text-transform: uppercase;
 font-size: 20px !important;
}
#shopify-section-collection-template-1 .section-header__title.clothing {
 font-family: "Tachyon W00 Light" !important;
 color: var(--g-main);
}
a.site-nav__link.performance_font{
 font-family: "Tachyon W00 Light" !important;
 text-transform: uppercase;
}
 a.site-nav__link.performance_font {
 font-size: 10px;
 font-weight: 400;
}
.footer-performance_font ul li:last-child a,
.drawer__nav li:nth-last-child(2) a{
 font-family: Tachyon W00 Light !important;
 text-transform: uppercase;
 font-size: 10px;
 letter-spacing: 1px;
}

@media only screen and (min-width: 750px) {
 .template-collection .main-content {
 padding-top: 90px;
 }
}

.myorder-wrapper {
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 gap: 2rem;
 margin-top: 2rem;
}
.order-card {
 max-width: 400px;
 background: #f3f3f3;
 border-radius: 12px;
 box-shadow: 0 2px 10px #00000014;
 font-family: Inter, sans-serif;
 overflow: hidden;
 padding: 16px;
}

.order-status {
 background: #e5e5e5;
 border-radius: 10px;
 padding: 10px 14px;
 display: flex;
 justify-content: space-between;
 align-items: center;
 font-size: 14px;
 color: #333;
 margin-bottom: 16px;
}
.order-status .order-sts-txt{
 position: relative;
 padding-left: 30px;
 color: #000;
 font-weight: 600;
}
.order-status .order-sts-txt svg{
 position: absolute;
 left: 0;
 top: 2px;
}
.order-status .order-sts-txt span{
 display: block;
 margin-top: 4px;
 font-weight: normal;
}

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

.product-item {
 background: #fafafa;
 border-radius: 10px;
 overflow: hidden;
 display: flex;
 justify-content: center;
 align-items: center;
}

.product-item img {
 width: 100%;
 height: auto;
 object-fit: cover;
}

.order-info {
 text-align: left;
 margin-top: 16px;
}

.order-info p {
 margin: 8px 0;
 font-size: 14px;
}

.order-id {
 color: #777;
}

p.order-price {
 font-weight: 600;
 font-size: 16px;
 margin-top: 15px;
}
.buyagain-btn{
 border: 1px solid #ddd;
 display: block;
 width: 100%;
 background: transparent;
 height: 50px;
 margin-top: 20px;
 text-align: center;
 padding: 10px;
}

li.footer__payment-icon.ideal-icon svg {
 height: 16px !important;
 top: -1px;
 position: relative;
}


/* Responsive */
@media (max-width: 767px) {
 #shopify-section-collection-template-1 .section-header__title.clothing {
 font-size: 1.5rem;
 }
 li.footer__payment-icon.ideal-icon svg {
 top: -2px;
 }
}
@media (max-width: 480px) {
 .order-card {
 padding: 12px;
 }
 .product-grid {
 grid-template-columns: 1fr 1fr;
 gap: 8px;
 }
}

.single-option-radio label.disabled:before{
 position: static !important;
 transform: none !important;
}



/* Loyality Page 
===================*/

/* -----about section--- */
.about-sec {
 padding: 70px 0;
}

.about-wrapper {
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 margin: 0 auto;
 gap: 10px;
 text-align: center;
}

.about-wrapper h2 {
 text-align: center;
 font-weight: 900;
 font-size: clamp(2.75rem, 5vw, 5rem);
 line-height: 1;
 text-transform: uppercase;
 color: #000;
}
.about-wrapper h5{
 font-size: 1.3rem;
 line-height: 1.2;
 color: #000;
 font-weight: 700;
 margin: 0;
}
.about-sec p {
 font-size: 1.2rem;
 color: #000;
}
.abt-text,
.earn-subtitle {
 max-width: 720px;
 line-height: 1.2;
 color: #555;
 text-align: center;
}
.about-sec ul li{
 font-size: 1rem;
 color: #6e6e6e;
 position:relative;
 padding-left: 1.3rem;
}
.about-sec ul li:before {
 content: "00c";
 font-family: FontAwesome;
 font-style: normal;
 font-weight: 400;
 text-decoration: inherit;
 color: #6e6e6e;
 font-size: 1rem;
 position: absolute;
 top: 1px;
 left: 0;
}
.about-sec ul li i{
 margin-right: 5px;
}

.about-wrapper>button {
 margin-top: 10px;
}
.more-button {
 background-color: #000;
 color: #fff;
 border: none;
 padding: 12px 30px;
 font-weight: 600;
 text-transform: uppercase;
 border-radius: 25px;
 cursor: pointer;
 transition: all 0.3s ease;
 font-size: 14px;
}
.more-button:hover{
 color:#fff;
}

/* ---earn cad css */
.earn-header {
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 text-align: center;
 margin-bottom: 60px;
}

.earn-title {
 text-align: center;
 font-weight: 900;
 font-size: clamp(2.75rem, 5vw, 5rem);
 line-height: 1;
 text-transform: uppercase;
 color: #000;
 margin-bottom: 16px;
}

.highlight {
 /* background: #d9d9d9; */
 /* padding: 6px 14px; */
 /* display: inline-block; */
}

.earn-card {
 padding: 2px;
 cursor: pointer;
}

.earn-figure {
 position: relative;
 overflow: hidden;
 margin: 0;
}

.earn-figure img {
 width: 100%;
 height: 100%;
 display: block;
 object-fit: cover;
 transition: transform 0.6s ease;
}

.earn-figure::after {
 content: "";
 position: absolute;
 inset: 0;
 background: rgba(0, 0, 0, 0.45);
 opacity: 0;
 transition: opacity 0.4s ease;
 z-index: 1;
}

.earn-figure h3 {
 position: absolute;
 left: 50%;
 bottom: 50%;
 transform: translate(-50%, 40px);
 font-weight: 900;
 text-transform: uppercase;
 color: #fff;
 text-align: center;
 letter-spacing: 1px;
 opacity: 0;
 transition: transform 0.45s ease, opacity 0.45s ease;
 z-index: 2;
}

.earn-card:hover .earn-figure::after {
 opacity: 1;
}

.earn-card:hover .earn-figure img {
 transform: scale(1.05);
}

.earn-card:hover .earn-figure h3 {
 opacity: 1;
 text-align: center;
 left: 50%;
 transform: translate(-50%, 0);
}

.earn-card p {
 margin-top: 10px;
 font-size: 1rem;
 color: #000;
}

/* slider section */
/* ===== SWIPER ===== */
.levels-swiper {
 padding-bottom: 20px;
}

.level-card {
 height: 100%;
 padding: 3px;
 color: #fff;
 display: flex;
 flex-direction: column;
 gap: 12px;
}
.level-1 {
 background: #e6e6e6;
 color: #000;
}
.level-2 {
 background: #0f3f3a;
}
.level-3 {
 background: #2e4d87;
}
.level-4 {
 background: #6a2648;
}

.level-card h3 {
 font-weight: 900;
}
.slide-wraper .smalltxt {
 font-size: 1rem;
 font-weight: 400;
 margin-bottom: .5rem;
 display: block;
 color: #6e6e6e;
}
.slide-wraper h4 {
 color: #000;
 font-size: 1.2rem;
 margin-bottom: .5rem;
 font-weight: 600;
}
.level-card img {
 width: 100%;
 margin-inline: auto;
}
.level-card ul {
 margin-top: auto;
 line-height: 1.6;
 list-style: none;
 padding: 0;
}
/* faqq */
.faq {
 padding: 80px 25px;
 background: #fff;
}
.faq-title {
 font-size: 1.5rem;
 font-weight: 900;
 margin-bottom: 24px;
 color: #000;
}
.faq-list {
 border-top: 1px solid #eee;
}
.faq-item {
 border-bottom: 1px solid #eee;
}
.faq-question {
 width: 100%;
 background: none;
 border: 0;
 padding: 18px 0;
 display: flex;
 justify-content: space-between;
 align-items: center;
 font-weight: 700;
 text-transform: uppercase;
 cursor: pointer;
 color: #000;
}
.faq-icon {
 font-size: 1.2rem;
 line-height: 1;
 transition: transform 0.3s ease;
 color: #000;
}
.faq-answer {
 max-height: 0;
 overflow: hidden;
 transition: max-height 0.35s ease;
}
.faq-answer p {
 padding-bottom: 16px;
 font-size: 1rem;
 line-height: 1.6;
 color: #000;
}

.faq-item.active .faq-answer {
 max-height: 200px;
}
.faq-item.active .faq-icon {
 transform: rotate(45deg);
}


.banner.banner-2 {
 min-height: auto;
}
.banner-2 img{
 max-width: 50rem;
}

.hero-banner .desktop-img {
 display: block;
}
.hero-banner .mobile-img {
 display: none;
}

.product-single__meta .product-badge{
 display: flex;
 justify-content: center;
 gap: 1rem;
 margin-bottom: 1rem;
}
.product-single__meta .product-badge span{
 position: static;
 opacity: 1;
 visibility: visible;
 font-size: 1rem;
}

div#one-click-popup-main-content .dismissal{
 top: 10px !important;
 right: 10px !important;
}
div#one-click-popup-main-content .dismissal svg{
 width: 40px;
 height: 40px;
}

@media (max-width: 991px) {
 .hero-banner .desktop-img {
 display: none;
 }
 .hero-banner .mobile-img {
 display: block;
 }
 .about-sec,.earn-points {
 padding: 50px 0;
 }
 .banner.banner-2 {
 min-height: auto;
 padding-inline: 15px;
 }
 .banner-2 img {
 max-width: 100%;
 }
 .earn-title br {
 display: none;
 }
 .faq{
 padding-inline: 0;
 }
}

@media (max-width: 767px) {
 .about-sec{
 overflow-x: hidden;
 }
 .about-sec,.earn-points {
 padding: 35px 0;
 }
 .earn-card{
 width: 100%;
 margin-bottom: 1.5rem;
 }
 .levels-swiper {
 padding-bottom: 20px;
 overflow: visible;
 }
 .product-single__meta .product-badge,
 .product-info-guide ul{
 justify-content: start;
 }
 .product-info-guide ul{
 gap: 1rem;
 }
 .selector-wrapper {
 justify-content: start;
 padding-inline: 0 !important;
 }
}

/* Mobile fix for Performance section title */
@media (max-width: 767px) {
 section.swiper-slider.item-image-slider h2.main-title,
 .item-image-slider .main-title {
 font-size: clamp(13px, 4vw, 20px) !important;
 margin-bottom: 20px;
 padding: 0 15px;
 line-height: 1.3;
 }
 
 section.swiper-slider.item-image-slider {
 padding: 30px 0;
 }
 
 .item-image-slider .swiper-button-next,
 .item-image-slider .swiper-button-prev {
 display: none;
 }
}

/* ===== MOBILE FIXES FOR SECTION TITLES (max-width: 767px) ===== */
@media (max-width: 767px) {
 
 /* NEW ARRIVALS heading (section-title-0) */
 h3.section-title-0 {
 font-size: 20px !important;
 margin-bottom: 20px !important;
 }
 
 /* Banner collection titles (HEADWEAR, PERFORMANCE banners) */
 .banner-title {
 font-size: 20px !important;
 }
 
 .banner-content p {
 font-size: 14px !important;
 }
 
 /* Featured collections titles (New Arrivals, Headwear links) */
 .collectionlist-main h4,
 .featured_collections h4,
 #shopify-section-featured_collections_pxbfqQ h4 {
 font-size: 16px !important;
 }
 
 /* Product tab nav items (Men, Women, Accessories, Headwear) */
 .nav-tabs .nav-item .nav-link {
 font-size: 12px !important;
 padding: 6px 10px !important;
 }
 
 /* Collection List (New Arrivals / Headwear images with links) */
 .collection-item h4 {
 font-size: 16px !important;
 }
}

/* Mobile fix for collection page titles (Performance, Men, Women, Headwear etc) */
@media (max-width: 767px) {
 .section-header__title {
 font-size: 24px !important;
 line-height: 1.2;
 padding: 10px 15px;
 }
 
 .section-header__title.performance {
 font-size: 22px !important;
 }
 
 .section-header {
 margin-top: 20px !important;
 margin-bottom: 10px !important;
 }
}

/* Recently Viewed - match font to You May Also Like */
.recently-title h4 {
 font-family: 'Jost', sans-serif !important;
 font-size: 1.875rem !important;
 font-weight: 500 !important;
}

/* ════════════════════════════════════════════════════════════
   Contact us overlay — brand style overrides
   - Border: light brand purple
   - Heading + links + SVG strokes: brand purple #6500a7
   - Geen layout/spacing wijzigingen (live maten blijven 1:1)
   ════════════════════════════════════════════════════════════ */
.contact-cards__content-item{
  border:2px solid #ece6f2 !important;
  transition:border-color .25s ease, transform .25s ease, box-shadow .25s ease !important;
}
.contact-cards__content-item:hover{
  border-color:#6500a7 !important;
  transform:translateY(-3px);
  box-shadow:0 14px 30px rgba(101,0,167,.12);
}

/* Modal title "Contact us" */
.contact-overlay > .contact-overlay__header h3,
.contact-overlay__header h3{
  color:#6500a7 !important;
}

/* Close knop SVG → brand paars */
.contact-overlay .close-contact svg path,
.contact-overlay__header .close-contact svg path{
  stroke:#6500a7 !important;
}

/* Card heading "Call us / Message us / Email us" */
.contact-cards__content-heading,
.contact-cards .contact-cards__content-heading{
  color:#6500a7 !important;
}

/* Card iconen (SVG outline) → brand paars */
.contact-cards svg path[stroke],
.contact-cards .contact-cards__content-item svg path{
  stroke:#6500a7 !important;
}

/* Footer links (telefoon nummers + email) */
.contact-cards__content-footer a,
.contact-cards__content-footer a strong,
.contact-cards .contact-cards__content-footer a{
  color:#6500a7 !important;
}

/* ===== SEARCH OVERLAY - BRAND STYLE (apr 29) ===== */

/* Compact centered search input (max 520px) */
.search-popup .site-header__search.js-ajaxsearch{
  max-width:520px !important;
  margin:0 auto !important;
  background:transparent !important;
}
input#SiteNavSearch{
  max-width:520px !important;
  background-color:#f5f3f7 !important;
  padding:10px 20px 10px 46px !important;
  font-family:'Jost',sans-serif !important;
  font-size:14px !important;
  background-position:left 18px center !important;
  background-size:18px !important;
}
input#SiteNavSearch::placeholder{ color:#9a93a6 !important; font-style:normal !important; }

/* X close paars + kleiner + vertikaal gecentreerd */
span.close-serach-popup{
  position:absolute !important;
  right:20px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  transition:opacity .2s;
}
span.close-serach-popup svg{ width:22px !important; height:22px !important; display:block !important; }
span.close-serach-popup svg path{ stroke:#6500a7 !important; }
span.close-serach-popup:hover{ opacity:.6; }

/* Body grid: left col + divider + right col */
.search-results-data-v2{
  display:grid !important;
  grid-template-columns:280px 1px 1fr !important;
  gap:0 !important;
  padding:36px 48px 48px !important;
  width:100% !important;
}
.search-left-col{
  flex:none !important;
  padding:0 48px 0 0 !important;
  min-width:auto !important;
}
.search-divider{
  width:1px !important;
  background:rgba(14,14,14,.10) !important;
  align-self:stretch !important;
  margin:0 !important;
  flex-shrink:0 !important;
}
.search-right-col{
  flex:none !important;
  padding:0 0 0 48px !important;
  min-width:0 !important;
}

/* Section labels */
.search-section-label{
  font-family:'Jost',sans-serif !important;
  font-weight:700 !important;
  font-size:11px !important;
  letter-spacing:.1em !important;
  text-transform:uppercase !important;
  color:#6500a7 !important;
  margin:0 0 16px !important;
}
.search-text-section{ margin-bottom:32px !important; }
.search-text-section:last-child{ margin-bottom:0 !important; }

/* Trending links - Jost paars */
.search-link-list{ list-style:none !important; padding:0 !important; margin:0 !important; }
.search-link-list li{ margin-bottom:10px !important; }
.search-link-list li:last-child{ margin-bottom:0 !important; }
.search-link-list li a{
  font-family:'Jost',sans-serif !important;
  font-size:14px !important;
  font-weight:400 !important;
  color:#6500a7 !important;
  text-decoration:none !important;
  transition:opacity .2s !important;
  display:inline-block !important;
}
.search-link-list li a:hover{ opacity:.6 !important; }

/* Performance link - Tachyon (zoals hoofdnav) */
.search-link-list li a.performance-link{
  font-family:"Tachyon W00 Light",sans-serif !important;
  text-transform:uppercase !important;
  font-size:11px !important;
  letter-spacing:1px !important;
  font-weight:400 !important;
}

/* Products grid - 4 across */
.search-products-row{
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:18px !important;
  margin-top:0 !important;
  justify-content:flex-start !important;
}
.search-product-card{
  flex:none !important;
  width:auto !important;
  min-width:0 !important;
  text-decoration:none !important;
  color:inherit !important;
  display:block;
}
.search-product-img-wrap{
  width:100% !important;
  margin:0 0 12px !important;
  aspect-ratio:4/5 !important;
  border-radius:12px !important;
  overflow:hidden !important;
  background-color:#f6f4f9 !important;
}
.search-product-img-wrap img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  padding:12px !important;
  transition:transform .5s ease !important;
  display:block !important;
}
.search-product-card:hover .search-product-img-wrap img{ transform:scale(1.04) !important; }

.search-product-name{
  font-family:'Jost',sans-serif !important;
  font-size:14px !important;
  font-weight:500 !important;
  color:#6500a7 !important;
  text-align:center !important;
  margin:0 0 4px !important;
  line-height:1.3 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  transition:opacity .2s !important;
}
.search-product-price{
  font-family:'Jost',sans-serif !important;
  font-size:14px !important;
  font-weight:400 !important;
  color:#6500a7 !important;
  text-align:center !important;
  margin:0 !important;
  transition:opacity .2s !important;
}
.search-product-card:hover .search-product-name,
.search-product-card:hover .search-product-price{ opacity:.6 !important; }

/* Hide products beyond 4 by default until JS shuffles */
.search-products-row .search-product-card:nth-child(n+5){ display:none; }

/* ===== LOYALTY pagina — btn-purple naar brand paars (was #6B2FD9) ===== */
.btn-purple{
  background:#6500a7 !important;
  box-shadow:0 6px 24px rgba(101,0,167,.4) !important;
}
.btn-purple:hover{
  background:#4d007e !important;
  box-shadow:0 8px 28px rgba(101,0,167,.5) !important;
}

/* ===== ABOUT US — manifesto tekst leesbaar + strong als eigen blok (apr 29 fix) ===== */
.cc-manifesto-body{ color:#0e0e0e !important; }
.cc-manifesto-body strong{
  color:#0e0e0e !important;
  font-weight:700 !important;
  display:block !important;
  margin-bottom:10px !important;
}

/* ===== ABOUT US — letter loop highlight (desktop only) ===== */
@media (min-width:768px){
  .cc-origin-right .ll{
    display:inline-block;
    transition:color .25s ease, transform .25s ease;
  }
  .cc-origin-right .ll.is-active{
    color:#6500a7 !important;
    transform:translateY(-2px) scale(1.15);
  }
}

/* Search popup - white background + z-index over announcement bar */
.search-popup{
  background-color:#ffffff !important;
  z-index:1200 !important;
}
.site-header__search.js-ajaxsearch{ background-color:#ffffff !important; }

/* ===== MOBILE — search overlay stack ===== */
@media (max-width:767px){
  .search-popup .site-header__search.js-ajaxsearch{
    max-width:none !important;
    padding:0 16px !important;
  }
  input#SiteNavSearch{
    max-width:none !important;
    padding:10px 18px 10px 42px !important;
    font-size:13px !important;
  }
  span.close-serach-popup{
    right:14px !important;
  }
  span.close-serach-popup svg{ width:18px !important; height:18px !important; }

  .search-results-data-v2{
    display:flex !important;
    flex-direction:column !important;
    padding:24px 16px 32px !important;
    gap:0 !important;
  }
  .search-left-col{
    padding:0 !important;
    width:100% !important;
  }
  .search-divider{
    width:100% !important;
    height:1px !important;
    margin:24px 0 !important;
    align-self:auto !important;
  }
  .search-right-col{
    padding:0 !important;
    width:100% !important;
  }
  .search-section-label{ font-size:10px !important; margin-bottom:12px !important; }
  .search-text-section{ margin-bottom:24px !important; }
  .search-link-list li a{ font-size:14px !important; }

  /* 2 producten per rij op mobiel */
  .search-products-row{
    grid-template-columns:repeat(2,1fr) !important;
    gap:12px !important;
  }
  .search-product-name{ font-size:12px !important; }
  .search-product-price{ font-size:12px !important; }
}

/* ===== PRODUCT PAGE - NEW/EXCLUSIVE BADGES (Casablanca style) ===== */

/* Badge container - centered like Casablanca */
.product-single__meta .product-badge {
 display: flex;
 justify-content: center !important;
 gap: 8px;
 margin-bottom: 10px;
}

/* Individual badge - no border, clean text only */
.product-single__meta .product-badge span.custom-badge {
 font-size: 13px !important;
 font-weight: 700 !important;
 font-family: Cormorant, serif !important;
 letter-spacing: 0.05em !important;
 text-transform: none !important;
 color: #330060 !important;
 background: transparent !important;
 border: none !important;
 border-radius: 0 !important;
 padding: 0 !important;
 position: static !important;
 opacity: 1 !important;
 visibility: visible !important;
 display: inline-block !important;
 line-height: 1.6 !important;
}

/* EXCLUSIVE badge - same purple color */
.product-single__meta .product-badge span.badge-exclusives_heading {
 color: #330060 !important;
 border: none !important;
}

/* product-stickers style - for the New tag above title (mobile + desktop) */
.product-stickers__pdp {
 list-style: none;
 padding: 0;
 margin: 0 0 8px;
 display: flex;
 justify-content: center !important;
 gap: 8px;
}

.product-stickers__pdp .product-stickers__sticker {
 font-size: 13px !important;
 font-weight: 700 !important;
 font-family: Cormorant, serif !important;
 letter-spacing: 0.05em !important;
 text-transform: none !important;
 color: #330060 !important;
 background: transparent !important;
 border: none !important;
 border-radius: 0 !important;
 padding: 0 !important;
 display: inline-block !important;
 line-height: 1.6 !important;
}

/* ===== PRODUCT PAGE - DELIVERY TEXT ===== */
.product-delivery-text {
 display: flex;
 align-items: center;
 justify-content: flex-start;
 margin: 14px 0 0;
 font-size: 13px;
 color: #330060 !important;
 font-weight: 400;
 line-height: 1.5;
}

.product-delivery-text svg {
 display: none !important;
}

/* ── BCA Athlete Modal - Icon & Title Center Fix ── */
.bca-modal > div > div:first-child { text-align: center !important; }
.bca-modal h3 { text-align: center !important; }


/* ── ABOUT PAGE - DESKTOP ── */
.cc-about-wrap *,.cc-about-wrap *::before,.cc-about-wrap *::after{margin:0;padding:0;box-sizing:border-box;}
.cc-about-wrap{background:#0a0a0a;color:#fff;font-family:'Futura','Trebuchet MS',Arial,sans-serif;overflow-x:hidden;width:100%;}
.cc-hero{position:relative;width:100%;height:100vh;min-height:600px;overflow:hidden;}
.cc-hero img{width:100%;height:100%;object-fit:cover;filter:brightness(0.45);display:block;}
.cc-hero-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:0 60px 70px;}
.cc-hero-eyebrow{font-size:0.62rem;letter-spacing:0.35em;text-transform:uppercase;color:rgba(255,255,255,0.45);margin-bottom:16px;display:flex;align-items:center;gap:12px;}
.cc-hero-eyebrow::before{content:'';display:block;width:3px;height:14px;background:rgba(255,255,255,0.45);border-radius:2px;}
.cc-hero-title{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(2.2rem,4.5vw,4.5rem);font-weight:400;line-height:1.05;color:#fff;margin-bottom:6px;}
.cc-hero-title em{font-style:italic;color:#6501a5;}
.cc-hero-sub{font-size:0.6rem;letter-spacing:0.42em;text-transform:uppercase;color:rgba(255,255,255,0.45);margin-top:20px;}
.cc-origin{background:#111;padding:100px 60px;display:grid;grid-template-columns:240px 1fr;gap:80px;align-items:start;}
.cc-origin-label{font-size:0.6rem;letter-spacing:0.42em;text-transform:uppercase;color:rgba(255,255,255,0.45);display:block;margin-bottom:28px;}
.cc-origin-year{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(3rem,6vw,5.5rem);font-weight:300;color:rgba(255,255,255,0.45);line-height:0.9;}
.cc-origin-heading{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(1.8rem,3vw,2.8rem);font-weight:400;line-height:1.2;color:#fff;margin-bottom:36px;}
.cc-origin-heading em{font-style:italic;color:#6501a5;}
.cc-origin-text{font-size:0.82rem;line-height:1.92;color:rgba(255,255,255,0.6);margin-bottom:18px;letter-spacing:0.02em;}
.cc-origin-text strong{color:#fff;font-weight:600;}
.cc-pillars{background:#0a0a0a;padding:100px 60px;}
.cc-pillars-label{font-size:0.6rem;letter-spacing:0.42em;text-transform:uppercase;color:rgba(255,255,255,0.45);display:block;margin-bottom:20px;}
.cc-pillars-title{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(1.8rem,3vw,2.8rem);font-weight:400;color:#fff;line-height:1.1;margin-bottom:60px;}
.cc-pillars-title em{font-style:italic;color:#6501a5;}
.cc-pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,0.08);}
.cc-pillar{padding:50px 50px 50px 0;border-right:1px solid rgba(255,255,255,0.08);transition:all 0.3s ease;position:relative;}
.cc-pillar::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:#6501a5;transform:scaleX(0);transform-origin:left;transition:transform 0.35s ease;}
.cc-pillar:hover::after{transform:scaleX(1);}
.cc-pillar:last-child{border-right:none;padding-left:50px;padding-right:0;}
.cc-pillar:nth-child(2){padding-left:50px;}
.cc-pillar-num{font-family:'Cormorant Garamond',Georgia,serif;font-size:3.5rem;font-weight:300;color:rgba(255,255,255,0.08);line-height:1;display:block;margin-bottom:20px;}
.cc-pillar-title{font-size:0.6rem;letter-spacing:0.3em;text-transform:uppercase;color:#fff;display:block;margin-bottom:16px;}
.cc-pillar-text{font-size:0.8rem;line-height:1.88;color:rgba(255,255,255,0.48);}
.cc-manifesto{position:relative;background:#161616;overflow:hidden;}
.cc-manifesto-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,rgba(101,1,165,0.18) 0%,transparent 60%);}
.cc-manifesto-inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;}
.cc-manifesto-left{padding:90px 60px;border-right:1px solid rgba(255,255,255,0.06);display:flex;flex-direction:column;justify-content:center;}
.cc-manifesto-tagline{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(1.8rem,3.2vw,3.2rem);font-weight:300;line-height:1.15;color:#fff;}
.cc-manifesto-tagline .cc-purple{color:#6501a5;font-style:italic;}
.cc-manifesto-right{padding:90px 60px;display:flex;flex-direction:column;justify-content:center;gap:18px;}
.cc-manifesto-eyebrow{font-size:0.6rem;letter-spacing:0.42em;text-transform:uppercase;color:#6501a5;margin-bottom:20px;display:block;}
.cc-manifesto-body{font-size:0.82rem;line-height:1.9;color:rgba(255,255,255,0.55);letter-spacing:0.02em;}
.cc-manifesto-body strong{color:#fff;}
.cc-standard{background:#111;padding:100px 60px;text-align:center;}
.cc-standard-label{font-size:0.6rem;letter-spacing:0.42em;text-transform:uppercase;color:rgba(255,255,255,0.45);display:block;margin-bottom:24px;}
.cc-standard-title{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(2.5rem,5vw,5rem);font-weight:300;line-height:1.0;color:#fff;}
.cc-standard-title-italic{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(2.5rem,5vw,5rem);font-weight:300;font-style:italic;color:#6501a5;line-height:1.0;margin-bottom:26px;display:block;}
.cc-standard-sub{font-size:0.6rem;letter-spacing:0.42em;text-transform:uppercase;color:rgba(255,255,255,0.4);margin-bottom:70px;display:block;}
.cc-values-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:1100px;margin:0 auto;gap:2px;background:rgba(255,255,255,0.06);}
.cc-value-item{padding:50px 40px;background:#111;text-align:left;}
.cc-value-top{display:flex;align-items:center;gap:14px;margin-bottom:20px;}
.cc-value-symbol{font-size:1.1rem;color:#6501a5;flex-shrink:0;}
.cc-value-title{font-size:0.62rem;letter-spacing:0.35em;text-transform:uppercase;color:#fff;}
.cc-value-line{width:30px;height:1px;background:#6501a5;display:block;margin-bottom:18px;}
.cc-value-text{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.05rem;font-style:italic;line-height:1.85;color:rgba(255,255,255,0.5);}
.cc-stats{background:#0a0a0a;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,0.06);}
.cc-stat{padding:70px 40px;border-right:1px solid rgba(255,255,255,0.06);text-align:center;}
.cc-stat:last-child{border-right:none;}
.cc-stat-num{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(2.5rem,4vw,4.5rem);font-weight:300;display:block;line-height:1;margin-bottom:12px;color:#fff;}
.cc-stat-num .cc-purple{color:#6501a5;}
.cc-stat-num .cc-small{font-size:0.55em;vertical-align:super;color:#6501a5;}
.cc-stat-label{font-size:0.58rem;letter-spacing:0.3em;text-transform:uppercase;color:rgba(255,255,255,0.35);}
.cc-cta{background:#111;padding:100px 60px;text-align:center;position:relative;overflow:hidden;}
.cc-cta-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(101,1,165,0.2) 0%,transparent 60%);pointer-events:none;}
.cc-cta-label{font-size:0.6rem;letter-spacing:0.42em;text-transform:uppercase;color:#6501a5;display:block;margin-bottom:24px;position:relative;}
.cc-cta-title{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(1.8rem,3.5vw,3.8rem);font-weight:400;line-height:1.15;color:#fff;margin-bottom:10px;position:relative;}
.cc-cta-title em{font-style:italic;color:#6501a5;}
.cc-cta-sub{font-size:0.6rem;letter-spacing:0.42em;text-transform:uppercase;color:rgba(255,255,255,0.4);margin-bottom:40px;display:block;position:relative;}
.cc-cta-btn{display:inline-block;border:1px solid rgba(255,255,255,0.3);color:#fff;text-decoration:none;font-size:0.62rem;letter-spacing:0.3em;text-transform:uppercase;padding:16px 44px;position:relative;cursor:pointer;background:transparent;transition:all 0.3s ease;border-radius:50px;}
.cc-cta-btn:hover{background:#6501a5;border-color:#6501a5;color:#fff;}/* ── ABOUT PAGE - MOBILE ── */
@media (max-width: 768px) {
  .cc-hero-content { padding: 0 24px 50px; }
    .cc-hero { min-height: 500px; }
      .cc-origin { grid-template-columns: 1fr; gap: 30px; padding: 60px 24px; }
        .cc-origin-year { font-size: clamp(2.5rem, 12vw, 4rem); }
          .cc-pillars { padding: 60px 24px; }
            .cc-pillars-title { margin-bottom: 36px; }
              .cc-pillars-grid { grid-template-columns: 1fr; border-top: none; }
                .cc-pillar { padding: 36px 0; border-right: none; border-top: 1px solid rgba(255,255,255,0.08); }
                  .cc-pillar:last-child { padding-left: 0; }
                    .cc-pillar:nth-child(2) { padding-left: 0; }
                      .cc-manifesto-inner { grid-template-columns: 1fr; }
                        .cc-manifesto-left { padding: 60px 24px 30px; border-right: none; border-bottom: 1px solid rgba(255,255,255,0.06); }
                          .cc-manifesto-right { padding: 30px 24px 60px; }
                            .cc-standard { padding: 60px 24px; }
                              .cc-standard-sub { margin-bottom: 40px; }
                                .cc-values-grid { grid-template-columns: 1fr; }
                                  .cc-value-item { padding: 36px 24px; }
                                    .cc-stats { grid-template-columns: repeat(2, 1fr); }
                                      .cc-stat { padding: 40px 20px; }
                                        .cc-stat:nth-child(2) { border-right: none; }
                                          .cc-cta { padding: 60px 24px; }
                                          }

                                          /* — ABOUT PAGE: CENTER VALUES (THE WORK / THE VISION / THE RESULT) — */
                                          .cc-value-item { text-align: center !important; align-items: center !important; }
                                          .cc-value-top { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 8px !important; }
                                          .cc-value-text { text-align: center !important; }
                                          .cc-value-line { margin-left: auto !important; margin-right: auto !important; display: block !important; }

/* === Oude HOW IT WORKS step CSS verwijderd 2026-04-27 — vervangen door .bca-wrap overrides verderop === */

                                                                                                                                /* === Hide Categories filter in collection sidebar === */
                                                                                                                                .filtersidebar .accordion-item:first-child { display: none !important; }

/* Size buttons on product cards - visible on hover */

/* Fix blue Discover button on homepage product sections */
.product-info a.btn.btn-primary {
    background: transparent !important;
    color: #6500a7 !important;
    border: solid 1px #6500a7 !important;
    border-radius: 50px !important;
    font-weight: 380 !important;
}
.product-info a.btn.btn-primary:hover {
    background: #6500a7 !important;
    color: #fff !important;
}

/* Override Bootstrap blue buttons site-wide to match theme */
.btn-primary:not(.shopify-payment-button__button) {
    background-color: #6500a7 !important;
    border-color: #6500a7 !important;
    border-radius: 50px !important;
}
.btn-primary:not(.shopify-payment-button__button):hover {
    background-color: #4a0080 !important;
    border-color: #4a0080 !important;
}

/* Blog Read More link - elegant underline style */
.blog-readmore {
    font-size: 12px !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    color: #1a1a1a !important;
    text-decoration: none !important;
    position: relative !important;
    padding-bottom: 3px !important;
}
.blog-readmore::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #1a1a1a;
    transform: scaleX(0.3);
    transform-origin: left;
    transition: transform 0.3s ease;
}
.blog-readmore:hover::after {
    transform: scaleX(1);
}


/* Cart bottom bar - purple instead of black */
.cart-bottom-bar,
.product-sticky-atc,
[class*="sticky-atc"],
.btn-theme.gradient-theme.js-cart-btn-checkout,
.mini-cart-btns .btn-theme.gradient-theme {
    background: #6500a7 !important;
    background-image: none !important;
    border-color: #6500a7 !important;
}
.btn-theme.gradient-theme.js-cart-btn-checkout:hover,
.mini-cart-btns .btn-theme.gradient-theme:hover {
    background: #4a0080 !important;
}

/* Cart total centered */
.mini-cart-total {
    text-align: center !important;
}
.mini-cart-total .money,
.mini-cart-total span {
    display: block !important;
    text-align: center !important;
}

/* ─── WISHLIST HEART ON PRODUCT CARDS ─── */
/* Heart turns purple when added */
.js-btn-wishlist svg path {
    transition: all 0.3s ease !important;
}
.js-btn-wishlist[title="Go to wishlist"] svg path,
.js-btn-wishlist[data-original-title="Go to wishlist"] svg path {
    stroke: #6500a7 !important;
    fill: #6500a7 !important;
}

/* Wishlist button background */
.js-btn-wishlist {
    background: rgba(255,255,255,0.85) !important;
    backdrop-filter: blur(4px) !important;
    transition: all 0.3s ease !important;
}
.js-btn-wishlist:hover {
    background: rgba(255,255,255,1) !important;
}

/* ─── WISHLIST NOTIFICATION POPUP ─── */
.notification--wishlist {
    background-color: #6500a7 !important;
    color: #fff !important;
}
.notification--wishlist .notification__inner,
.notification--wishlist .notification__link {
    color: #fff !important;
    text-align: center !important;
    font-size: 13px !important;
    letter-spacing: 1px !important;
}
.notification--wishlist a {
    color: #fff !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
}


/* ─── WISHLIST TOAST POPUP (Casablanca style) ─── */
.wl-toast {
    position: fixed;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%) translateY(80px);
    background: #1a1a1a;
    color: #fff;
    padding: 16px 32px;
    border-radius: 4px;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-align: center;
    z-index: 9999;
    opacity: 0;
    transition: all 0.35s cubic-bezier(0.25, 0.1, 0.25, 1);
    pointer-events: none;
    display: flex;
    align-items: center;
    gap: 16px;
    font-family: "Inter", sans-serif;
}
.wl-toast.show {
    transform: translateX(-50%) translateY(0);
    opacity: 1;
    pointer-events: auto;
}
.wl-toast a {
    color: #fff;
    text-decoration: underline;
    text-underline-offset: 3px;
    font-weight: 500;
    white-space: nowrap;
}
.wl-toast a:hover {
    opacity: 0.7;
}



/* ─── HEADER WISHLIST HEART ─── */
/* Default: black */
.site-header__wishlist svg path {
    stroke: #000 !important;
    fill: none !important;
    transition: all 0.3s ease !important;
}
/* White on transparent header (homepage top) */
.template-index .site-header--transparent:not(.active) .site-header__wishlist svg path {
    stroke: #fff !important;
}
/* PURPLE when wishlist has items - highest specificity */
.site-header__wishlist.has-items svg path,
.template-index .site-header--transparent:not(.active) .site-header__wishlist.has-items svg path,
.site-header--sticky.active .site-header__wishlist.has-items svg path {
    stroke: #6500a7 !important;
    fill: #6500a7 !important;
}

/* ─── PRODUCT PAGE: prijs gecentreerd, add to cart paars ─── */
.product-single__meta .product-single__price,
.product-single__meta .price,
.product-single__meta .product__price {
    text-align: center !important;
    display: block !important;
    width: 100% !important;
}
.product-single__meta .product-single__price .money,
.product-single__meta .price .money {
    text-align: center !important;
}

/* Add to Cart button paars */
.product-single__meta .btn-theme.gradient-theme,
.product-form .btn-theme.gradient-theme,
.product-single__meta .btn--add-to-cart,
.product-form__cart-submit,
#AddToCart,
.btn--add-to-cart {
    background: #6500a7 !important;
    background-image: none !important;
    border-color: #6500a7 !important;
    border-radius: 50px !important;
}
.product-single__meta .btn-theme.gradient-theme:hover,
.product-form .btn-theme.gradient-theme:hover,
.product-single__meta .btn--add-to-cart:hover,
.product-form__cart-submit:hover,
#AddToCart:hover,
.btn--add-to-cart:hover {
    background: #4a0080 !important;
    border-color: #4a0080 !important;
}

/* ─── PRODUCT PAGE: prijs midden, add to cart paars ─── */
/* Prijs gecentreerd */
.product-single__price {
    text-align: center !important;
}
ul.list-unstyled:has(.product-single__price) {
    text-align: center !important;
}





/* Prijs MIDDEN */
.product-single__price,
span.product-single__price,
span[itemprop="price"] {
    display: block !important;
    text-align: center !important;
    width: 100% !important;
    font-size: 20px !important;
}
.product-single__meta .product__price-and-badge,
.product-single__meta ul.list-unstyled {
    text-align: center !important;
}
li:has(.product-single__price) {
    text-align: center !important;
    display: block !important;
    width: 100% !important;
}
/* ─── PERFORMANCE SLIDER: hoofd zichtbaar ─── */
.item-image-slider .slider-image {
    object-position: center top !important;
    object-fit: cover !important;
}

/* ─── BLOG: foto klik naar grote versie uitschakelen ─── */
.article-template .rte a img,
.article__body a img,
.article-body a img,
.rte a img {
    pointer-events: none;
    cursor: default;
}
.article-template .rte a[href$='.jpg'],
.article-template .rte a[href$='.png'],
.article-template .rte a[href$='.webp'],
.article__body a[href$='.jpg'],
.article__body a[href$='.png'],
.article__body a[href$='.webp'] {
    pointer-events: none;
    cursor: default;
}

/* Collection page titles - consistent size (Performance, Men, Women, Headwear) */
.section-header__title {
  font-size: 1.8rem !important;
}


/* === Catar Cottega — Product font update === */
h1.product-single__title {
  font-family: 'Jost', sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  font-size: 14px !important;
}

.product-single__price,
span[id*="ProductPrice"] {
  font-family: 'Josefin Sans', sans-serif !important;
  font-weight: 395 !important;
  letter-spacing: 0 !important;
  font-size: 16px !important;
  line-height: 1 !important;
  -webkit-font-smoothing: antialiased !important;
}
/* === Stap 1: Delivery text onder product === */
.product-delivery-text {
  font-family: 'Jost', sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  color: #330066 !important;
  text-transform: none !important;
}

/* === Stap 2: Product details & Delivery & returns links === */
.product-info-guide ul li a {
  font-family: 'Jost', sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  padding: 2px 0 !important;
  display: block !important;
}
.product-info-guide {
  margin-top: -5px !important;
}
.product-info-guide ul {
  margin: 0 !important;
  padding: 0 !important;
}
.product-delivery-text {
  padding-bottom: 4px !important;
  margin-bottom: 4px !important;
  margin-top: -28px !important;
  border-bottom: none !important;
}
@media (max-width: 768px) {
  .product-delivery-text {
    border-bottom: 1px solid #e8e8e8 !important;
  }
}
.product-info-guide ul li a svg {
  width: 14px !important;
  height: 15px !important;
}

/* === Stap 3: Need assistance / Email us / Call us === */
.product-details__help {
  margin-top: 200px !important;
}
.product-details__help-link {
  font-family: 'Jost', sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}
.product-details__help-link svg {
  width: 14px !important;
  height: 15px !important;
}

/* === Stap 4: New & Exclusive badges === */
.product-stickers__sticker,
.product-stickers__sticker.subheading,
.product-stickers__sticker.subheading-2,
.custom-badge,
span.custom-badge,
.product-badge span,
.product-stickers .product-stickers__sticker {
  font-family: 'Josefin Sans', sans-serif !important;
  font-size: 12px !important;
  font-weight: 450 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-style: normal !important;
}

/* === Stap 5: Product card titel & prijs (collectie/homepage) === */
.product-card__name {
  font-family: 'Josefin Sans', sans-serif !important;
  font-size: 12px !important;
  font-weight: 450 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
.product-card__price {
  font-family: 'Jost', sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  -webkit-font-smoothing: antialiased !important;
}

/* === Size chart popup font fix === */
.sizechart-dialog,
.sizechart-dialog td,
.sizechart-dialog th,
.sizechart-dialog p,
.sizechart-dialog span {
  font-family: 'Josefin Sans', sans-serif !important;
}
.sizechart-title {
  font-family: 'Josefin Sans', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
}
.sizechart-subtitle {
  font-family: 'Josefin Sans', sans-serif !important;
  font-size: 10px !important;
}

/* === Size chart tabel styling — nieuw === */
/* Verberg de tekst onder de tabel */
.sizechart-body ul,
.cc-sg-inner ul {
  display: none !important;
}
.sizechart-body h4,
.cc-sg-inner h4 {
  display: none !important;
}

/* Tabel styling */
.sizechart-body table,
.cc-sg-inner table {
  width: 100% !important;
  border-collapse: collapse !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 12px !important;
}
.sizechart-body th,
.cc-sg-inner th {
  background: #6500a7 !important;
  color: #fff !important;
  padding: 10px 12px !important;
  text-align: center !important;
  font-family: 'Josefin Sans', sans-serif !important;
  font-size: 9px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
}
.sizechart-body td,
.cc-sg-inner td {
  padding: 11px 12px !important;
  border-bottom: 1px solid #f0f0f0 !important;
  text-align: center !important;
  color: #0e0e0e !important;
  font-size: 12px !important;
}
.sizechart-body tr:last-child td,
.cc-sg-inner tr:last-child td {
  border-bottom: none !important;
}
.sizechart-body tr:hover td,
.cc-sg-inner tr:hover td {
  background: #f5eeff !important;
}
.sizechart-body td:first-child,
.cc-sg-inner td:first-child {
  font-family: 'Josefin Sans', sans-serif !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  color: #6500a7 !important;
  text-align: left !important;
}

/* === Kruisjes paars === */
/* Select size sidebar close */
.product-options-sidebar .side-close-btn,
.product-options-sidebar .side-close-btn i {
  color: #6500a7 !important;
  font-size: 12px !important;
}

/* Size guide panel close */
.cc-sg-close {
  color: #6500a7 !important;
}

/* Size guide tabs — not bold */
.cc-sg-tabs .cc-sg-tab {
  font-weight: 380 !important;
}

/* Cart — Josefin Sans font */
.mini-cart-total,
.js-cart-btn-checkout,
.mini-cart-btns a,
.bottom-cart-data {
  font-family: 'Josefin Sans', sans-serif !important;
}

/* === Product details tab tekst paars === */
.cc-sg-inner p,
.cc-sg-inner li,
.cc-sg-inner span,
.cc-sg-inner div {
  color: #6500a7 !important;
}

/* === Wishlist hartje — transparante achtergrond === */
.js-btn-wishlist,
.wishlist-icon,
.smartwishlist,
.product-card .js-btn-wishlist {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* === Tooltip mat paars === */
.tooltip-inner {
  background-color: #8b5fa3 !important;
  color: #ffffff !important;
  font-family: 'Josefin Sans', sans-serif !important;
  font-size: 11px !important;
  opacity: 1 !important;
}
.tooltip {
  opacity: 1 !important;
}
.tooltip .arrow::before,
.bs-tooltip-top .arrow::before,
.bs-tooltip-bottom .arrow::before {
  border-top-color: #8b5fa3 !important;
  border-bottom-color: #330066 !important;
}

/* === Select Size & Join Waitlist knoppen === */
.selector-wrapper {
  cursor: pointer !important;
}
.selected-value {
  font-family: 'Josefin Sans', sans-serif !important;
  letter-spacing: 1px !important;
  font-size: 12px !important;
  color: #330066 !important;
  cursor: pointer !important;
  pointer-events: none !important;
}

.select-size-btn {
  font-family: 'Josefin Sans', sans-serif !important;
  letter-spacing: 1px !important;
  font-size: 16px !important;
  color: #8b5fa3 !important;
}
[id*="AddToCart"],
.product-form__cart-submit,
.notify-me-btn,
.js-notify-btn {
  font-family: 'Josefin Sans', sans-serif !important;
  letter-spacing: 1px !important;
}

/* ============================================
   MOBIEL ONLY — max 768px
   Desktop blijft onveranderd
   ============================================ */
@media (max-width: 768px) {

  /* 1. New/Exclusive badges kleiner op mobiel */
  .product-stickers__sticker,
  .custom-badge,
  span.custom-badge,
  .product-stickers .product-stickers__sticker,
  .product-stickers__pdp .product-stickers__sticker,
  .product-stickers__sticker.subheading,
  .product-stickers__sticker.subheading-2,
  .product-stickers__sticker.subheading-2--bold {
    font-size: 7px !important;
    padding: 2px 6px !important;
    letter-spacing: 0.5px !important;
  }

  /* 2. Product titel gecentreerd op mobiel */
  h1.product-single__title {
    text-align: center !important;
    width: 100% !important;
    letter-spacing: 1px !important;
  }

  /* 3. Knoppen — geen border/omlijning op mobiel */
  .product-form .select-wrapper,
  .product-form .selector-wrapper,
  .product-form select,
  .product-form .product-form__variants,
  .swatch-element,
  .select-wrapper,
  .selector-wrapper {
    border: none !important;
    outline: none !important;
  }

  /* 4. Product details / Size chart / Delivery & returns netter op mobiel */
  .product-info-guide {
    text-align: center !important;
    width: 100% !important;
  }
  .product-info-guide ul {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 0 !important;
    gap: 0 !important;
  }
  .product-info-guide ul li {
    text-align: center !important;
  }
  .product-info-guide ul li a {
    padding: 4px 0 !important;
  }

  /* Select Size knop gecentreerd als die alleen staat */
  .product-form__item--submit,
  .product-form__cart-submit,
  #AddToCart,
  .btn--add-to-cart {
    width: 100% !important;
    text-align: center !important;
  }

  /* Selector wrapper (Size/Color knoppen) naast elkaar op mobiel */
  .product-form,
  .product-form form,
  form.product-form {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
  }
  .selector-wrapper.product-form__item,
  .product-form__item {
    width: 48% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    margin: 0 !important;
  }
  /* Als er maar 1 selector is, centreer op 100% */
  .selector-wrapper.product-form__item:only-of-type {
    width: 100% !important;
    align-items: center !important;
  }
  .selector-wrapper .selected-value,
  .product-form__item .selected-value {
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
  }
}


/* === Force price Jost === */
.product-single__price,
#ProductPrice-product-template-1,
span.product-single__price,
.product-single__meta-list .product-single__price,
.product-single__meta li span.product-single__price {
  font-family: 'Jost', sans-serif !important;
  font-weight: 400 !important;
  font-size: 13px !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

/* === Padel banner — hoofd zichtbaar === */
.banner-collection-section {
  background-position: center top !important;
}

/* === Become Catar Athlete pagina — alleen font aanpassen === */
body.template-page h1,
body.template-page h2,
body.template-page h3,
body.template-page h4,
body.template-page h5,
body.template-page h6,
body.template-page p,
body.template-page a,
body.template-page span,
body.template-page li,
body.template-page div,
body.template-page label,
body.template-page input,
body.template-page button,
body.template-page textarea {
  font-family: 'Josefin Sans', sans-serif !important;
}

/* Hide ,00 from prices via CSS - target the decimal part */


/* === Blog styling === */
/* Hide RSS link and sidebar */
.blog__rss-link { display: none !important; }
.col--sidebar-blog,
.sidebar-blog-wrap { display: none !important; }
.template-blog .col-md-8.col-lg-9 {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}
/* Blog page title */
.title-blog-page {
  font-family: 'Josefin Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  text-align: center !important;
  margin-bottom: 40px !important;
  padding-top: 100px !important;
  text-transform: uppercase !important;
}
/* Blog cards clean */
.blog__item {
  margin-bottom: 32px !important;
  padding-bottom: 32px !important;
  border-bottom: 1px solid #f0f0f0 !important;
}
.blog__title-link {
  margin-bottom: 0 !important;
}
.blog__title-link a {
  font-family: 'Josefin Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  color: #6500a7 !important;
  text-decoration: none !important;
  letter-spacing: 0.5px !important;
}
.blog__title-link a:hover {
  color: #3d0066 !important;
}
.blog__excerpt {
  font-family: 'Jost', sans-serif !important;
  font-size: 13px !important;
  color: #666 !important;
  line-height: 1.6 !important;
  margin-top: 4px !important;
}
.blog-readmore {
  font-family: 'Josefin Sans', sans-serif !important;
  font-size: 10px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  color: #6500a7 !important;
  margin-top: 8px !important;
  display: inline-block !important;
}
/* Hide blog tags, dates, meta clutter */
.list-blog-tags { display: none !important; }
.content-block__meta .blog__date,
.blog__item .blog__date { display: none !important; }
/* Clean grid - 3 columns */
.template-blog .row .col-12.col-md-6 {
  flex: 0 0 33.33% !important;
  max-width: 33.33% !important;
}
/* Blog grid spacing */
.template-blog .col-md-8.col-lg-9 > .row {
  padding-top: 4px !important;
}
/* Blog items cleaner */
.blog__item.blog__item--3 {
  text-align: left !important;
  padding: 20px !important;
  border-bottom: none !important;
  border: 1px solid #f0f0f0 !important;
  border-radius: 8px !important;
  margin-bottom: 16px !important;
  transition: all 0.2s ease !important;
}

@media (max-width: 768px) {
  .template-blog .row .col-12.col-md-6 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}
/* Blog page - article template headers */
.blog-template .blog-title,
.blog-template h1,
.article-template h1,
.article-template-1 h1 {
  font-family: 'Josefin Sans', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
}
.blog-template .blog-card__title,
.blog-grid-1 h3,
.blog-grid-1 .blog-card__title,
.blog-card h3,
.blog-card .blog-card__title,
.featured-articles h3 {
  font-family: 'Josefin Sans', sans-serif !important;
  font-weight: 700 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
.blog-template p,
.article-template p,
.article-template-1 p,
.article-template .rte p,
.article-template-1 .rte p {
  font-family: 'Jost', sans-serif !important;
  font-weight: 400 !important;
  font-size: 15px !important;
  line-height: 1.8 !important;
  color: #333 !important;
}
.article-template h2,
.article-template-1 h2,
.article-template .rte h2,
.article-template-1 .rte h2 {
  font-family: 'Josefin Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  margin-top: 32px !important;
  margin-bottom: 12px !important;
}
.article-template h3,
.article-template-1 h3,
.article-template .rte h3,
.article-template-1 .rte h3 {
  font-family: 'Josefin Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  letter-spacing: 0.5px !important;
  margin-top: 24px !important;
  margin-bottom: 8px !important;
}
.article-template li,
.article-template-1 li,
.article-template .rte li,
.article-template-1 .rte li {
  font-family: 'Jost', sans-serif !important;
  font-size: 15px !important;
  line-height: 1.8 !important;
  color: #333 !important;
}
.article-template a,
.article-template-1 a,
.article-template .rte a,
.article-template-1 .rte a {
  color: #6500a7 !important;
  text-decoration: none !important;
}
.article-template a:hover,
.article-template-1 a:hover {
  text-decoration: underline !important;
}
.blog-template .blog-card__date,
.blog-card__date,
.article-template .article-date {
  font-family: 'Jost', sans-serif !important;
  font-size: 12px !important;
  color: #999 !important;
}
.blog-template .blog-card__tag,
.blog-card__tag {
  font-family: 'Josefin Sans', sans-serif !important;
  font-size: 10px !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
}

/* === Article page — €2000 design === */
/* Hide clutter */
.article-template-1 .blog__meta,
.article-template-1 hr,
.article-template-1 .blog__comment-count {
  display: none !important;
}
.article-template-1 .social-sharing {
  max-width: 620px !important;
  margin: 0 auto !important;
  border-top: 1px solid #f0f0f0 !important;
  padding-top: 20px !important;
}
.article-template-1 .social-sharing .col-title,
.article-template-1 .social-sharing__title {
  font-family: 'Josefin Sans', sans-serif !important;
  font-size: 9px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: #999 !important;
}
.article-template-1 .social-sharing__link {
  color: #999 !important;
  transition: color 0.3s !important;
}
.article-template-1 .social-sharing__link:hover {
  color: #6500a7 !important;
}
/* Full width hero title area */
.article-template-1 h1.h2 {
  font-family: 'Josefin Sans', sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  text-align: center !important;
  margin: 80px auto 16px !important;
  max-width: 600px !important;
  line-height: 1.4 !important;
  color: #0e0e0e !important;
}
/* Subtle accent line under title */
.article-template-1 h1.h2::after {
  content: '' !important;
  display: block !important;
  width: 40px !important;
  height: 1px !important;
  background: #6500a7 !important;
  margin: 24px auto 0 !important;
}
/* Content container */
.article-template-1 .content-block {
  max-width: 620px !important;
  margin: 0 auto !important;
  padding: 48px 20px 60px !important;
}
/* Body text — elegant reading */
.article-template-1 .rte p {
  font-family: 'Jost', sans-serif !important;
  font-weight: 300 !important;
  font-size: 15px !important;
  line-height: 2 !important;
  color: #444 !important;
  margin-bottom: 20px !important;
}
/* Headings — refined */
.article-template-1 .rte h2 {
  font-family: 'Josefin Sans', sans-serif !important;
  font-weight: 400 !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  color: #0e0e0e !important;
  margin-top: 48px !important;
  margin-bottom: 16px !important;
  padding-top: 32px !important;
  border-top: 1px solid #f0f0f0 !important;
}
.article-template-1 .rte h3 {
  font-family: 'Josefin Sans', sans-serif !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: #6500a7 !important;
  margin-top: 32px !important;
  margin-bottom: 10px !important;
}
/* Lists — clean */
.article-template-1 .rte li {
  font-family: 'Jost', sans-serif !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  line-height: 2 !important;
  color: #555 !important;
  padding-left: 8px !important;
}
.article-template-1 .rte ul {
  list-style: none !important;
  padding-left: 0 !important;
}
.article-template-1 .rte ul li::before {
  content: '—' !important;
  color: #6500a7 !important;
  margin-right: 12px !important;
}
/* Links */
.article-template-1 .rte a {
  color: #6500a7 !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(101,0,167,0.2) !important;
  transition: border-color 0.3s ease !important;
}
.article-template-1 .rte a:hover {
  border-bottom-color: #6500a7 !important;
  text-decoration: none !important;
}
/* Back to journal link */
.article-template-1 .content-block::after {
  content: '← Back to Journal' !important;
  display: block !important;
  text-align: center !important;
  margin-top: 48px !important;
  padding-top: 32px !important;
  border-top: 1px solid #f0f0f0 !important;
  font-family: 'Josefin Sans', sans-serif !important;
  font-size: 10px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: #999 !important;
}
/* Related articles */
.article-template-1 .related-articles h3,
.article-template-1 .blog-posts-wrap h3 {
  font-family: 'Josefin Sans', sans-serif !important;
  font-size: 10px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  text-align: center !important;
  margin: 20px 0 !important;
  color: #999 !important;
}

/* === Footer Newsletter === */
#Email {
  font-family: 'Jost', sans-serif !important;
}
#Email::placeholder {
  font-family: 'Jost', sans-serif !important;
}

/* === Announcement bar — push header down === */
#cc-announcement {
  position: relative !important;
  z-index: 1100 !important;
}
.site-header--transparent {
  top: 0 !important;
}
.site-header--sticky.active {
  top: 0 !important;
}

/* === Back to collection — origineel === */
.full-width--return-link {
  text-align: center;
  padding: 40px 0;
}
.full-width--return-link .return-link {
  color: var(--g-main, #330066);
  font-family: poppins, sans-serif;
  font-size: 1.8em;
  display: inline-block;
}
.full-width--return-link .return-link i {
  margin-right: 8px;
}



/* === Policy & Page titels — Cormorant serif === */
.shopify-policy__title,
h1.page-title,
h1.text-center.page-title {
  font-family: Cormorant, serif !important;
  color: #000000 !important;
  margin-bottom: 40px !important;
  padding-top: 100px !important;
  text-transform: uppercase !important;
  text-transform: uppercase !important;
}

/* === Filter Sidebar — Premium Restyle === */
.filtersidebar.js-sidebar {
  max-width: 740px !important;
  box-shadow: -20px 0 60px rgba(0,0,0,0.12) !important;
}

/* Header */
.filtersidebar .js-stick-parent {
  padding: 20px 50px !important;
}

/* Close button */
.filtersidebar span.close-btn svg path {
  stroke: #6500a7 !important;
}

/* Accordion items */
.filtersidebar .accordion-item {
  border: none !important;
  border-bottom: 1px solid rgba(101,0,167,0.06) !important;
  border-radius: 0 !important;
  padding: 4px 0 !important;
}
.filtersidebar .accordion-item:last-of-type {
  border-bottom: none !important;
}

/* Accordion button/title */
.filtersidebar .accordion-button {
  font-family: "Josefin Sans", sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  color: #6500a7 !important;
  padding: 20px 0 !important;
  background: transparent !important;
}
.filtersidebar .accordion-button:focus,
.filtersidebar .accordion-button:not(.collapsed) {
  color: #6500a7 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Accordion arrow */
.filtersidebar .accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg width='12' height='12' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.03125 3.5625L8.96875 7.5L5.03125 11.4375' stroke='%236500a7' stroke-width='1.5' stroke-linecap='round'/%3e%3c/svg%3e") !important;
  width: 12px !important;
  height: 12px !important;
  transition: transform 0.35s ease !important;
}
.filtersidebar .accordion-button:not(.collapsed)::after {
  transform: rotate(90deg) !important;
}

/* Accordion body */
.filtersidebar .accordion-body {
  padding: 0 0 16px !important;
}

/* Filter options/labels */
.filtersidebar .accordion-body label,
.filtersidebar .accordion-body a {
  font-family: "Jost", sans-serif !important;
  font-size: 13px !important;
  color: rgba(101,0,167,0.85) !important;
  font-weight: 300 !important;
  transition: color 0.2s !important;
}
.filtersidebar .accordion-body label:hover,
.filtersidebar .accordion-body a:hover {
  color: #6500a7 !important;
}

/* Checkboxes round */
.filtersidebar input[type="checkbox"] {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 18px !important;
  height: 18px !important;
  border: 1px solid rgba(101,0,167,0.2) !important;
  border-radius: 50% !important;
  cursor: pointer !important;
  transition: all 0.25s !important;
}
.filtersidebar input[type="checkbox"]:checked {
  background: #6500a7 !important;
  border-color: #6500a7 !important;
}

/* Color swatches */
.filtersidebar .swatch-filter {
  border-radius: 50% !important;
  width: 34px !important;
  height: 34px !important;
  transition: all 0.3s !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
}
.filtersidebar .swatch-filter:hover {
  transform: scale(1.1) !important;
}
.filtersidebar .swatch-filter.active {
  box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px #6500a7, 0 4px 15px rgba(101,0,167,0.2) !important;
}

/* Size options round */
.filtersidebar .size-filter,
.filtersidebar .variant-option {
  border-radius: 50% !important;
  width: 48px !important;
  height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(101,0,167,0.12) !important;
  font-family: "Josefin Sans", sans-serif !important;
  font-size: 11px !important;
  color: rgba(101,0,167,0.45) !important;
  transition: all 0.3s !important;
}
.filtersidebar .size-filter:hover,
.filtersidebar .variant-option:hover {
  border-color: #6500a7 !important;
  color: #6500a7 !important;
}
.filtersidebar .size-filter.active,
.filtersidebar .variant-option.active {
  background: #6500a7 !important;
  border-color: #6500a7 !important;
  color: #fff !important;
  box-shadow: 0 4px 15px rgba(101,0,167,0.35) !important;
}

/* Refine button */
span.js-toggle-filter {
  font-family: "Jost", sans-serif !important;
  color: #6500a7 !important;
  border-color: #6500a7 !important;
  border-radius: 50px !important;
}
span.js-toggle-filter:hover {
  background: #6500a7 !important;
  color: #fff !important;
}

/* Scrollbar */
.filtersidebar::-webkit-scrollbar { width: 2px !important; }
.filtersidebar::-webkit-scrollbar-thumb { background: rgba(101,0,167,0.1) !important; border-radius: 2px !important; }

/* === Filter sidebar header title === */
.filtersidebar h2.section-header__title,
.filtersidebar .collection-sidebar h2,
.filtersidebar > .js-stick-parent > h2,
.filtersidebar h2:first-child {
  font-family: "Josefin Sans", sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: 5px !important;
  text-transform: uppercase !important;
  color: #6500a7 !important;
}

/* === Refine results title === */
.filtersidebar .header h5 {
  font-family: "Josefin Sans", sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: 5px !important;
  text-transform: uppercase !important;
  color: #6500a7 !important;
}



/* === Product titel (bovenste h1) === */
h1.product-details__title,
h1.main-heading-test {
  font-family: 'Jost', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  color: #6500a7 !important;
}


/* === Verberg oude thema back-to-link, gebruik onze custom versie === */
a.h1.return-link {
  display: none !important;
}


/* === Product info popup positioning === */
.info-popup .popup-content {
  padding-top: 40px !important;
}

/* === Product info popup titel === */
.content-drawer__heading,
h3.heading.heading-3.heading--bold {
  font-family: 'Josefin Sans', sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: 5px !important;
  text-transform: uppercase !important;
  color: #6500a7 !important;
}


/* === Size selector sidebar fonts === */
.product-options-sidebar h3 {
  font-family: 'Josefin Sans', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  color: #330066 !important;
}
/* Size labels - available */
.product-options-sidebar .variant-option__title {
  font-family: 'Jost', sans-serif !important;
  font-size: 20px !important;
  color: #330066 !important;
}
/* Size labels - out of stock */
.product-options-sidebar .variant-option__option-outofstock_cross .variant-option__title {
  font-family: 'Jost', sans-serif !important;
  font-size: 20px !important;
  color: #ccc !important;
}
/* Stock status text */
.product-options-sidebar .variant-option__status {
  font-family: 'Jost', sans-serif !important;
  font-size: 9px !important;
  text-decoration: none !important;
}
/* Out of stock - red */
.product-options-sidebar .variant-option__status.outofstock_hide {
  color: #c0392b !important;
}
/* Low stock - golden */
.product-options-sidebar .variant-option__status.lowstock_status {
  color: #975f0c !important;
}
/* Labels general */
.product-options-sidebar .variant-option__label {
  font-family: 'Jost', sans-serif !important;
}
.product-options-sidebar .size-guide-link,
.product-options-sidebar a[href*="size"] {
  font-family: 'Jost', sans-serif !important;
  font-size: 12px !important;
}





/* === Size guide link in sidebar === */
.cc-sizeguide-sidebar-link {
  font-family: 'Jost', sans-serif !important;
  font-size: 13px !important;
  color: #6500a7 !important;
  text-decoration: none !important;
  display: block !important;
  margin-top: 8px !important;
  margin-bottom: 8px !important;
  margin-top: 4px !important;
}


/* === Mobile fixes 26 maart === */
@media (max-width: 767px) {
  /* Need assistance - minder margin op mobiel */
  .product-details__help {
    margin-top: 80px !important;
  }
  /* Info popup full width op mobiel */
  .info-popup .popup-content {
    width: 95vw !important;
    max-height: 85vh !important;
    overflow-y: auto !important;
    padding: 30px 16px !important;
  }
  /* Size guide tabel scrollbaar op mobiel */
  #size-guide {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
  #size-guide table {
    min-width: 400px !important;
  }
}


/* === Loyalty page - mobile headings fix === */
@media (max-width: 768px) {
  .section-heading em,
  .banner-heading em {
    display: block !important;
  }
  .section-heading {
    word-break: normal !important;
    overflow-wrap: normal !important;
  }
}


/* === Product card image centering (mobile only) === */
@media (max-width: 767px) {
  .product-card__image {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .product-card__image img,
  .product-slider-item img,
  .js-recently-view img.lazyload,
  .js-recently-view img.lazyloaded {
    object-fit: contain !important;
    object-position: center center !important;
  }
}


/* === Mobile: selector hokjes + help links lijnen === */
@media (max-width: 767px) {
  .selector-wrapper.js.product-form__item {
    border: 1px solid #eee !important;
    border-radius: 10px !important;
    padding: 14px 16px !important;
    margin-bottom: 10px !important;
    background: #fff !important;
  }
  .product-details__help.flex {
    border-top: 1px solid #eee !important;
    border-bottom: 1px solid #eee !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    margin-top: 20px !important;
  }
}





/* === Blog article magazine layout === */
body.template-article .content-block,
body.template-article .article-template-1 .content-block,
body.template-article .article-template .content-block {
  max-width: 720px !important;
  margin: 0 auto !important;
  padding: 40px 20px 60px !important;
}
body.template-article .article-template-1 h1.h2,
body.template-article .article-template-1 h1,
body.template-article h1.h2 {
  font-family: 'Josefin Sans', sans-serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #330066 !important;
  line-height: 1.2 !important;
  margin-bottom: 16px !important;
  text-align: center !important;
}
body.template-article .blog__meta,
body.template-article .article-template-1 .blog__meta {
  text-align: center !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 11px !important;
  color: #999 !important;
  margin-bottom: 32px !important;
  letter-spacing: 0.5px !important;
}
body.template-article .blog__meta a {
  color: #8b5fa3 !important;
  text-decoration: none !important;
}
body.template-article .rte,
body.template-article .article-template-1 .rte {
  max-width: 660px !important;
  margin: 0 auto !important;
}
body.template-article .rte p,
body.template-article .article-template-1 .rte p {
  font-family: 'Jost', sans-serif !important;
  font-size: 14px !important;
  line-height: 1.85 !important;
  color: #444 !important;
  margin-bottom: 16px !important;
}
body.template-article .rte h2,
body.template-article .article-template-1 .rte h2 {
  font-family: 'Josefin Sans', sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #330066 !important;
  margin-top: 40px !important;
  margin-bottom: 12px !important;
  padding-top: 24px !important;
  border-top: 1px solid #f0f0f0 !important;
}
body.template-article .rte h3,
body.template-article .article-template-1 .rte h3 {
  font-family: 'Josefin Sans', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #330066 !important;
  margin-top: 24px !important;
  margin-bottom: 8px !important;
}
body.template-article .rte li,
body.template-article .article-template-1 .rte li {
  font-family: 'Jost', sans-serif !important;
  font-size: 14px !important;
  line-height: 1.85 !important;
  color: #444 !important;
}
body.template-article .rte strong {
  color: #330066 !important;
}


/* === Loyalty page heading sizes === */
.section-heading {
  font-size: clamp(28px, 4vw, 42px) !important;
}
.banner-heading {
  font-size: clamp(28px, 4vw, 48px) !important;
}


/* === Clear all button paars === */
.btn-custom-outline {
  color: #6500a7 !important;
  border-color: #6500a7 !important;
}


/* === Price range slider paars + input hokjes kleiner === */
.filtersidebar input[type="range"]::-webkit-slider-runnable-track {
  background: #6500a7 !important;
}
.filtersidebar input[type="range"]::-webkit-slider-thumb {
  background: #6500a7 !important;
}
.filtersidebar input[type="range"]::-moz-range-track {
  background: #6500a7 !important;
}
.filtersidebar input[type="range"]::-moz-range-thumb {
  background: #6500a7 !important;
}
.filtersidebar .price-range-slider,
.filtersidebar .custom-range {
  accent-color: #6500a7 !important;
}
.filtersidebar input[type="number"],
.filtersidebar input[type="text"].price-input,
.filtersidebar .price-input {
  padding: 6px 8px !important;
  font-size: 12px !important;
  max-width: 80px !important;
  border: 1px solid #ddd !important;
  border-radius: 6px !important;
}


/* === Price filter — compact & clean === */
.filtersidebar .accordion-body .form-label {
  font-family: 'Jost', sans-serif !important;
  font-size: 10px !important;
  color: #6500a7 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  margin-bottom: 4px !important;
}
.filtersidebar .input-group {
  border: 1px solid #eee !important;
  border-radius: 6px !important;
  background: #fff !important;
}
.filtersidebar .input-group-text {
  background: transparent !important;
  border: none !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 12px !important;
  color: #6500a7 !important;
  padding: 4px 8px !important;
}
.filtersidebar .input-group .form-control {
  border: none !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 12px !important;
  padding: 6px 8px !important;
  height: 32px !important;
  box-shadow: none !important;
  width: 100% !important;
  flex: 1 !important;
  cursor: text !important;
}


/* === Hide theme Join Waitlist button === */
.js-contact-soldout,
.btn-waitlist {
  display: none !important;
}


/* === Notify Me button always clickable === */
.select-size-btn,
.product-form__cart-submit {
  pointer-events: auto !important;
  opacity: 1 !important;
  cursor: pointer !important;
}
.select-size-btn[disabled],
.product-form__cart-submit[disabled] {
  pointer-events: auto !important;
  opacity: 1 !important;
  cursor: pointer !important;
}


/* === Select Size btn same style as Add to Cart === */
.select-size-btn {
  background: #6500a7 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 50px !important;
  width: 100% !important;
  padding: 16px !important;
  font-family: 'Josefin Sans', sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  cursor: pointer !important;
}
.select-size-btn:hover {
  background: #4a0080 !important;
}


/* === Sold Out strikethrough + Notify Me clean === */
.variant-option__option-outofstock_cross,
.variant-option__option-outofstock_cross *,
.variant-option__option-outofstock_cross label,
.variant-option__option-outofstock_cross .variant-option__label,
.variant-option__option-outofstock_cross .variant-option__title,
.variant-option__option-outofstock_cross .cc-notify-link {
  text-decoration: none !important;
  text-decoration-line: none !important;
  -webkit-text-decoration: none !important;
}
/* Sold Out text gets strikethrough */
.variant-option__option-outofstock_cross .variant-option__status.outofstock_hide {
  text-decoration: line-through !important;
  text-decoration-color: #c0392b !important;
  -webkit-text-decoration: line-through !important;
}


/* === Blog breadcrumb + back to blog === */
.blog-breadcrumb {
  font-family: 'Jost', sans-serif !important;
  font-size: 12px !important;
  color: #999 !important;
  padding: 16px 40px !important;
}
.blog-breadcrumb a {
  color: #999 !important;
  text-decoration: none !important;
}
.blog-breadcrumb a:hover {
  color: #330066 !important;
}
.blog-breadcrumb span {
  margin: 0 8px !important;
  color: #ccc !important;
}
.back-to-blog {
  text-align: center !important;
  padding: 60px 0 40px !important;
}
.back-to-blog a {
  font-family: 'Josefin Sans', sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  color: #999 !important;
  text-decoration: none !important;
}
.back-to-blog a:hover {
  color: #330066 !important;
}


/* === Add to Cart logo loading animation === */
.product-form__cart-submit { position: relative !important; overflow: hidden !important; }
.product-form__cart-submit .cc-logo-loader {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  opacity: 0 !important;
  transition: opacity 0.3s !important;
  pointer-events: none !important;
}
.product-form__cart-submit .cc-logo-loader img {
  height: 22px !important;
  filter: brightness(0) invert(1) !important;
  animation: ccLogoPulse 1s ease-in-out infinite !important;
}
.product-form__cart-submit.cc-loading #AddToCartText-product-template-1 { opacity: 0 !important; transition: opacity 0.3s !important; }
.product-form__cart-submit.cc-loading .cc-logo-loader { opacity: 1 !important; }
@keyframes ccLogoPulse {
  0%, 100% { opacity: 0.4; transform: scale(0.9); }
  50% { opacity: 1; transform: scale(1.1); }
}

/* === Securely checkout logo loading animation === */
.js-cart-btn-checkout { position: relative !important; overflow: hidden !important; }
.js-cart-btn-checkout .cc-logo-loader {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  opacity: 0 !important;
  transition: opacity 0.3s !important;
  pointer-events: none !important;
}
.js-cart-btn-checkout .cc-logo-loader img {
  height: 22px !important;
  filter: brightness(0) invert(1) !important;
  animation: ccLogoPulse 1s ease-in-out infinite !important;
}
.js-cart-btn-checkout.cc-loading .js-checkout-text { opacity: 0 !important; transition: opacity 0.3s !important; }
.js-cart-btn-checkout.cc-loading .cc-logo-loader { opacity: 1 !important; }




/* === Hide Shopify onboarding placeholder products === */
.product-card__image svg[xmlns="http://www.w3.org/2000/svg"] { display: none !important; }
.product-card__name:empty + .product-card__price { display: none !important; }
.producttab-item .product-card__image:has(svg) { display: none !important; }
.producttab-item:has(.product-card__image svg) { display: none !important; }

/* === Minicart crosssell styling === */
.mini-cart-crosssell .cross-item {
  background: #f9f9f9 !important;
  border-radius: 10px !important;
  padding: 12px !important;
  margin: 0 !important;
}
.mini-cart-crosssell .cross-item .row {
  flex-wrap: nowrap !important;
}
.mini-cart-crosssell .minicart-prod img {
  width: 70px !important;
  height: 70px !important;
  object-fit: contain !important;
  border-radius: 8px !important;
}
@media (max-width: 767px) {
  .mini-cart-crosssell .title {
    font-size: 12px !important;
  }
  .mini-cart-crosssell .price {
    font-size: 12px !important;
  }
}
.mini-cart-crosssell .minicart-heading-nav {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}
.mini-cart-crosssell .minicart-nav-wrapper {
  display: flex !important;
  gap: 8px !important;
}
.mini-cart-content {
  overflow-x: hidden !important;
}



/* ============================================
   HIDE AVADA COOKIE BAR — we use our own (cc-cookie-overlay)
   ============================================ */
[class*="Avada-CookiesBar"],
[class*="avada-cookie"],
[id*="avada-cookie"],
.Avada-CookiesBar,
.Avada-Preview,
[class*="Avada-Preview"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  z-index: -1 !important;
  height: 0 !important;
  overflow: hidden !important;
}


/* ============================================
   POLICY PAGES — Privacy, Terms, Refund
   ============================================ */
.shopify-policy__container {
  max-width: 720px;
  margin: 0 auto;
  padding: 60px 24px 80px;
}
.shopify-policy__title {
  font-family: "Josefin Sans", sans-serif !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  letter-spacing: normal !important;
  text-transform: uppercase !important;
  color: #0e0e0e !important;
  text-align: center !important;
  margin-bottom: 40px !important;
}
.shopify-policy__body {
  font-family: "Jost", sans-serif !important;
}
.shopify-policy__body h2 {
  font-family: "Josefin Sans", sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  color: #0e0e0e !important;
  margin: 40px 0 16px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid #eee !important;
}
.shopify-policy__body h3 {
  font-family: "Josefin Sans", sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  color: #333 !important;
  margin: 28px 0 12px !important;
}
.shopify-policy__body p {
  font-size: 13px !important;
  font-weight: 300 !important;
  color: #666 !important;
  line-height: 1.8 !important;
  margin-bottom: 16px !important;
}
.shopify-policy__body ul,
.shopify-policy__body ol {
  padding-left: 20px !important;
  margin-bottom: 16px !important;
  list-style: none !important;
}
.shopify-policy__body li {
  font-size: 13px !important;
  font-weight: 300 !important;
  color: #666 !important;
  line-height: 1.8 !important;
  margin-bottom: 6px !important;
  position: relative !important;
  padding-left: 16px !important;
}
.shopify-policy__body li::before {
  content: "●";
  color: #6500a7;
  font-size: 8px;
  position: absolute;
  left: 0;
  top: 4px;
}
.shopify-policy__body a {
  color: #6500a7 !important;
  text-decoration: none !important;
}
.shopify-policy__body a:hover {
  text-decoration: underline !important;
}
.shopify-policy__body strong {
  color: #333 !important;
  font-weight: 500 !important;
}
.shopify-policy__body table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 16px 0 !important;
}
.shopify-policy__body table th {
  font-family: "Josefin Sans", sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  color: #333 !important;
  background: #f9f9f9 !important;
  padding: 12px 16px !important;
  text-align: left !important;
  border-bottom: 1px solid #eee !important;
}
.shopify-policy__body table td {
  font-size: 12px !important;
  color: #666 !important;
  padding: 10px 16px !important;
  border-bottom: 1px solid #f0f0f0 !important;
}
@media (max-width: 600px) {
  .shopify-policy__container { padding: 32px 20px 60px !important; }
  .shopify-policy__title { font-size: 20px !important; letter-spacing: normal !important; margin-bottom: 24px !important; }
  .shopify-policy__body h2 { font-size: 13px !important; letter-spacing: 1px !important; margin: 32px 0 12px !important; padding-bottom: 8px !important; }
  .shopify-policy__body h3 { font-size: 11px !important; margin: 20px 0 8px !important; }
  .shopify-policy__body p, .shopify-policy__body li { font-size: 12px !important; line-height: 1.7 !important; }
  .shopify-policy__body ul, .shopify-policy__body ol { padding-left: 12px !important; }
  .shopify-policy__body li { padding-left: 14px !important; margin-bottom: 8px !important; }
  .shopify-policy__body table th, .shopify-policy__body table td { padding: 8px 10px !important; font-size: 10px !important; }
}

/* === BLOG TABLE HOVER (vergelijkingsblogs) === */
.rte table tr:hover td {
  background: #6500a7 !important;
  color: #fff !important;
  transition: background 0.2s ease, color 0.2s ease;
}
.rte table tr:hover td strong {
  color: #fff !important;
}

/* === VS BLOGS: concurrent naam grijs === */
body.template-article .rte strong.competitor-name,
body.template-article .article-template-1 .rte strong.competitor-name,
.rte strong.competitor-name,
strong.competitor-name {
  color: #999 !important;
  font-weight: 400 !important;
}

/* === VS BLOGS: concurrent naam grijs in titels === */
.blog-card__title .competitor-title,
.blog__title-link .competitor-title,
h1.h2 .competitor-title,
.article-template-1 h1 .competitor-title {
  color: #999 !important;
  font-weight: 400 !important;
}

/* === BLOG: related articles + same category hover paars === */
.row.mt-5 a.text-secondary:hover,
body.template-article .row.mt-5 a.text-secondary:hover,
.article-template-1 .row.mt-5 a.text-secondary:hover {
  color: #6500a7 !important;
  transition: color 0.2s ease;
}

/* === BLOG: new CTA box shop links hover paars === */
.rte div[style*='overflow:hidden'] a:hover {
  color: #6500a7 !important;
}

/* === BLOG: tabel mobiel responsive === */
@media (max-width: 600px) {
  .rte table {
    width: 100% !important;
    table-layout: fixed !important;
  }
  .rte table th,
  .rte table td {
    padding: 8px 6px !important;
    font-size: 11px !important;
    word-wrap: break-word !important;
  }
  /* CTA box mobiel */
  .rte div[style*='overflow:hidden'] {
    padding: 32px 20px !important;
  }
  .rte div[style*='overflow:hidden'] div[style*='gap:24px'] {
    flex-direction: column !important;
    gap: 14px !important;
  }
}

/* === Cart crosssell: 2 items zichtbaar === */
.cc-crosssell-track {
  display: flex !important;
  overflow-x: auto !important;
  gap: 8px !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
  padding-bottom: 4px !important;
}
.cc-crosssell-track::-webkit-scrollbar { display: none !important; }
.cc-crosssell-card {
  min-width: 48% !important;
  max-width: 48% !important;
  flex-shrink: 0 !important;
}
.cc-crosssell-inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  padding: 10px !important;
}
.cc-crosssell-img img {
  width: 70px !important;
  height: 70px !important;
  object-fit: contain !important;
}
.cc-crosssell-title {
  font-size: 12px !important;
  margin-top: 6px !important;
}
.cc-crosssell-price {
  font-size: 13px !important;
  font-weight: 600 !important;
}
.cc-crosssell-nav button {
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  width: auto !important;
  height: auto !important;
  padding: 4px !important;
  cursor: pointer !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.cc-crosssell-nav button svg { width: 12px !important; height: 12px !important; }
.cc-crosssell-nav button svg path { stroke: #6500a7 !important; stroke-width: 3 !important; transition: stroke 0.2s ease !important; }
.cc-crosssell-nav button:hover { background: none !important; }
.cc-crosssell-nav button:hover svg path { stroke: #330066 !important; }

/* === Crosssell View knop centreren === */
.cc-crosssell-link {
  display: block !important;
  text-align: center !important;
  margin: 0 auto !important;
  width: fit-content !important;
}


/* === Mobile menu drawer — fix overlap announcement bar === */
#NavDrawer.drawer.drawer--left {
  z-index: 1200 !important;
}


/* ============================================
   BECOME A CATAR ATHLETE — Wit + Jost (override op PageFly)
   Goedgekeurd door Marchano 2026-04-27
   Scope: alleen op /pages/catarcottega-athlete (.bca-wrap marker)
   ============================================ */

.bca-wrap, .bca-wrap * {
  font-family:'Jost',sans-serif !important;
}

/* HERO — donker → wit */
.bca-wrap .bca-hero {
  background:#ffffff !important;
}
.bca-wrap .bca-hero-tag {
  background:#faf7fc !important;
  border:1px solid #ebe0f0 !important;
  color:#6500a7 !important;
  font-family:'Jost',sans-serif !important;
}
.bca-wrap .bca-hero-title {
  font-family:'Jost',sans-serif !important;
  font-weight:300 !important;
  color:#0e0e0e !important;
  letter-spacing:-1.5px !important;
}
.bca-wrap .bca-hero-title em {
  font-style:italic !important;
  color:#6500a7 !important;
  font-weight:300 !important;
}
.bca-wrap .bca-hero-sub {
  color:#888 !important;
}
.bca-wrap .bca-btn {
  font-family:'Jost',sans-serif !important;
}

/* SCROLL HINT */
.bca-wrap .bca-scroll-hint {
  color:#bbb !important; opacity:0.45 !important;
}

/* SECTIONS — donker → wit met alternerende grijs */
.bca-wrap .bca-section { background:#ffffff !important; }
.bca-wrap .bca-section:nth-of-type(2),
.bca-wrap .bca-section:nth-of-type(4) {
  background:#fafafa !important;
}
.bca-wrap .bca-section-tag {
  color:#6500a7 !important;
}
.bca-wrap .bca-section-title {
  font-family:'Jost',sans-serif !important;
  font-weight:300 !important;
  color:#0e0e0e !important;
  letter-spacing:-1px !important;
}
.bca-wrap .bca-section-title em {
  font-style:italic !important;
  color:#6500a7 !important;
  font-weight:300 !important;
}
.bca-wrap .bca-section-sub {
  color:#888 !important;
}

/* PERKS — donker card → wit card */
.bca-wrap .bca-perk {
  background:#ffffff !important;
  border:1px solid #ebebeb !important;
  border-radius:10px !important;
}
.bca-wrap .bca-perk:hover {
  border-color:#6500a7 !important;
  transform:translateY(-3px) !important;
  box-shadow:0 14px 30px rgba(101,0,167,0.10) !important;
}
.bca-wrap .bca-perk-title {
  font-family:'Jost',sans-serif !important;
  font-weight:500 !important;
  color:#0e0e0e !important;
}
.bca-wrap .bca-perk-desc {
  color:#888 !important;
}

/* PERK ICONS — emoji vervangen met SVG */
.bca-wrap .bca-perk-icon {
  font-size:0 !important;
  width:32px !important;
  height:32px !important;
  margin:0 auto 18px !important;
  position:relative !important;
}
.bca-wrap .bca-perk-icon::before {
  content:'' !important;
  position:absolute !important;
  inset:0 !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  background-size:contain !important;
  transition:opacity .3s ease !important;
}
.bca-wrap .bca-perks .bca-perk:nth-child(1) .bca-perk-icon::before {
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%230e0e0e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M11 5c0 2.5 2.2 4 5 4s5-1.5 5-4'/><path d='M11 5L3 12l4 2.5 3-2v15h12V12.5l3 2L29 12l-8-7'/></svg>") !important;
}
.bca-wrap .bca-perks .bca-perk:nth-child(1):hover .bca-perk-icon::before {
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%236500a7' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M11 5c0 2.5 2.2 4 5 4s5-1.5 5-4'/><path d='M11 5L3 12l4 2.5 3-2v15h12V12.5l3 2L29 12l-8-7'/></svg>") !important;
}
.bca-wrap .bca-perks .bca-perk:nth-child(2) .bca-perk-icon::before {
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%230e0e0e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M16 28S4 22 4 13a6 6 0 0112-3 6 6 0 0112 3c0 9-12 15-12 15z'/></svg>") !important;
}
.bca-wrap .bca-perks .bca-perk:nth-child(2):hover .bca-perk-icon::before {
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%236500a7' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M16 28S4 22 4 13a6 6 0 0112-3 6 6 0 0112 3c0 9-12 15-12 15z'/></svg>") !important;
}
.bca-wrap .bca-perks .bca-perk:nth-child(3) .bca-perk-icon::before {
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%230e0e0e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M9 9l2-3h10l2 3h4a3 3 0 013 3v13a3 3 0 01-3 3H5a3 3 0 01-3-3V12a3 3 0 013-3h4z'/><circle cx='16' cy='17' r='5.5'/></svg>") !important;
}
.bca-wrap .bca-perks .bca-perk:nth-child(3):hover .bca-perk-icon::before {
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%236500a7' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M9 9l2-3h10l2 3h4a3 3 0 013 3v13a3 3 0 01-3 3H5a3 3 0 01-3-3V12a3 3 0 013-3h4z'/><circle cx='16' cy='17' r='5.5'/></svg>") !important;
}
.bca-wrap .bca-perks .bca-perk:nth-child(4) .bca-perk-icon::before {
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%230e0e0e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><circle cx='16' cy='16' r='12'/><path d='M19 12h-5a2 2 0 000 4h4a2 2 0 010 4h-5M16 9v2M16 20v2'/></svg>") !important;
}
.bca-wrap .bca-perks .bca-perk:nth-child(4):hover .bca-perk-icon::before {
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%236500a7' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><circle cx='16' cy='16' r='12'/><path d='M19 12h-5a2 2 0 000 4h4a2 2 0 010 4h-5M16 9v2M16 20v2'/></svg>") !important;
}
.bca-wrap .bca-perks .bca-perk:nth-child(5) .bca-perk-icon::before {
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%230e0e0e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M2 16h2M28 16h2'/><rect x='4' y='11' width='4' height='10' rx='1'/><rect x='24' y='11' width='4' height='10' rx='1'/><path d='M8 16h16'/></svg>") !important;
}
.bca-wrap .bca-perks .bca-perk:nth-child(5):hover .bca-perk-icon::before {
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%236500a7' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M2 16h2M28 16h2'/><rect x='4' y='11' width='4' height='10' rx='1'/><rect x='24' y='11' width='4' height='10' rx='1'/><path d='M8 16h16'/></svg>") !important;
}
.bca-wrap .bca-perks .bca-perk:nth-child(6) .bca-perk-icon::before {
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%230e0e0e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><circle cx='16' cy='16' r='12'/><path d='M4 16h24M16 4a18 18 0 010 24M16 4a18 18 0 000 24'/></svg>") !important;
}
.bca-wrap .bca-perks .bca-perk:nth-child(6):hover .bca-perk-icon::before {
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%236500a7' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><circle cx='16' cy='16' r='12'/><path d='M4 16h24M16 4a18 18 0 010 24M16 4a18 18 0 000 24'/></svg>") !important;
}

/* LEVELS — donker → wit (incl .featured override) */
.bca-wrap .bca-level,
.bca-wrap .bca-level.featured {
  background:#ffffff !important;
  border:1.5px solid #ebebeb !important;
  border-color:#ebebeb !important;
  box-shadow:none !important;
}
.bca-wrap .bca-level:hover,
.bca-wrap .bca-level.featured:hover,
.bca-wrap .bca-level:active,
.bca-wrap .bca-level.featured:active {
  border-color:#6500a7 !important;
  background:#ffffff !important;
  transform:translateY(-3px) !important;
  box-shadow:0 14px 30px rgba(101,0,167,0.10) !important;
}
.bca-wrap .bca-level-medal {
  font-family:'Jost',sans-serif !important;
  font-weight:300 !important;
  font-style:italic !important;
  color:#6500a7 !important;
  opacity:0.7 !important;
}
.bca-wrap .bca-level-num {
  color:#6500a7 !important;
}
.bca-wrap .bca-level-title { display:none !important; }
.bca-wrap .bca-level-req {
  color:#6500a7 !important;
}
.bca-wrap .bca-level-divider {
  background:linear-gradient(90deg,transparent,#6500a7,transparent) !important;
}
.bca-wrap .bca-level-list li {
  color:#888 !important;
}
.bca-wrap .bca-info-btn {
  color:#6500a7 !important;
  border:1px solid #ebebeb !important;
  background:transparent !important;
}
.bca-wrap .bca-info-btn:hover {
  background:#6500a7 !important;
  color:#ffffff !important;
  border-color:#6500a7 !important;
}

/* HOW IT WORKS — was al wit op origineel, stylen voor consistentie */
.bca-wrap .bca-section--white {
  background:#fafafa !important;
}
.bca-wrap .bca-step,
.bca-wrap .bca-step:first-child {
  background:#ffffff !important;
  border:1px solid #ebebeb !important;
  transition:all .3s ease !important;
}
.bca-wrap .bca-step:hover,
.bca-wrap .bca-step:first-child:hover {
  border-color:#6500a7 !important;
  transform:translateY(-3px) !important;
  box-shadow:0 14px 30px rgba(101,0,167,0.10) !important;
}
.bca-wrap .bca-step-num,
.bca-wrap .bca-step:first-child .bca-step-num {
  background:#ffffff !important;
  border:1.5px solid #6500a7 !important;
  color:#6500a7 !important;
  box-shadow:none !important;
  transition:all .3s ease !important;
}
.bca-wrap .bca-step-num::before {
  display:none !important;
}
.bca-wrap .bca-step:hover .bca-step-num,
.bca-wrap .bca-step:first-child:hover .bca-step-num {
  background:#6500a7 !important;
  border-color:#6500a7 !important;
  color:#ffffff !important;
  box-shadow:0 0 30px rgba(101,0,167,0.25) !important;
}
.bca-wrap .bca-step-title,
.bca-wrap .bca-step:first-child .bca-step-title {
  color:#0e0e0e !important;
}
.bca-wrap .bca-step-desc {
  color:#888 !important;
}

/* CTA — donker → wit */
.bca-wrap .bca-cta {
  background:#ffffff !important;
  border-top:1px solid #ebebeb !important;
  border-bottom:none !important;
}
.bca-wrap .bca-cta-title {
  font-family:'Jost',sans-serif !important;
  font-weight:300 !important;
  color:#0e0e0e !important;
  letter-spacing:-1px !important;
}
.bca-wrap .bca-cta-title em {
  font-style:italic !important;
  color:#6500a7 !important;
  font-weight:300 !important;
}
.bca-wrap .bca-cta-sub {
  color:#888 !important;
}
.bca-wrap .bca-cta-note {
  color:#aaa !important;
}

/* MODAL — donker → wit */
.bca-wrap .bca-modal-overlay {
  background:rgba(20,0,30,0.45) !important;
}
.bca-wrap .bca-modal {
  background:#ffffff !important;
  border:1px solid #ebebeb !important;
  color:#0e0e0e !important;
}
.bca-wrap .bca-modal h3 {
  font-family:'Jost',sans-serif !important;
  font-weight:300 !important;
  color:#0e0e0e !important;
}
.bca-wrap .bca-modal h4 {
  font-family:'Jost',sans-serif !important;
  color:#6500a7 !important;
}
.bca-wrap .bca-modal p, .bca-wrap .bca-modal li {
  color:#666 !important;
  font-family:'Jost',sans-serif !important;
}
.bca-wrap .bca-modal-close {
  color:#aaa !important;
}
.bca-wrap .bca-modal-close:hover {
  color:#0e0e0e !important;
}
.bca-wrap .bca-m-badge {
  background:#faf7fc !important;
  border:1px solid #ebe0f0 !important;
  color:#6500a7 !important;
}
.bca-wrap .bca-m-elig {
  color:#666 !important;
}
.bca-wrap .bca-m-divider {
  background:linear-gradient(90deg,transparent,#ebebeb,transparent) !important;
}
.bca-wrap .bca-m-opt-title {
  color:#aaa !important;
}


/* ════════════════════════════════════════════════════════
   ABOUT US — donker → wit redesign
   Scope: .cc-about-wrap (alleen /pages/about-us)
   Live: 27 april 2026
   ════════════════════════════════════════════════════════ */

/* ── BASE WRAP ── */
.cc-about-wrap {
  color:#0e0e0e !important;
  background:#ffffff !important;
}

/* ── HERO — gradient lichter, alle paars naar #6500a7 ── */
.cc-about-wrap .cc-hero::after {
  background:linear-gradient(to top,rgba(10,10,10,.55) 0%,rgba(10,10,10,.15) 60%,transparent 100%) !important;
}
.cc-about-wrap .cc-hero-eyebrow { color:#fff !important; }
.cc-about-wrap .cc-hero-title { color:#fff !important; letter-spacing:2px !important; }
.cc-about-wrap .cc-hero-title em { color:#6500a7 !important; }
.cc-about-wrap .cc-hero-sub { color:#fff !important; }

/* ── ORIGIN — al wit, alleen paars accent fixen ── */
.cc-about-wrap .cc-origin { border-bottom:none !important; }
.cc-about-wrap .cc-origin-heading em { color:#6500a7 !important; }
.cc-about-wrap .cc-origin-text { color:#666 !important; }

/* ── PILLARS — donker → wit ── */
.cc-about-wrap .cc-pillars {
  background:#fafafa !important;
}
.cc-about-wrap .cc-pillars-title { color:#0e0e0e !important; letter-spacing:1px !important; }
.cc-about-wrap .cc-pillars-title em { color:#6500a7 !important; }
.cc-about-wrap .cc-pillars-grid { gap:2px !important; }
.cc-about-wrap .cc-pillar {
  background:#ffffff !important;
  border:1px solid transparent !important;
  border-bottom:2px solid transparent !important;
  transition:border-color .35s, background .35s, transform .35s, box-shadow .35s !important;
}
.cc-about-wrap .cc-pillar:hover {
  border-bottom:2px solid #6500a7 !important;
  background:#ffffff !important;
  transform:translateY(-4px) !important;
  box-shadow:0 12px 30px rgba(101,0,167,0.10) !important;
}
.cc-about-wrap .cc-pillar:hover .cc-pillar-title { color:#6500a7 !important; }
.cc-about-wrap .cc-pillar:hover .cc-pillar-text { color:#444 !important; }
.cc-about-wrap .cc-pillar-num { color:#6500a7 !important; }
.cc-about-wrap .cc-pillar-title { color:#0e0e0e !important; transition:color .3s !important; }
.cc-about-wrap .cc-pillar-text { color:#666 !important; transition:color .3s !important; }

/* ── MANIFESTO — donker → wit ── */
.cc-about-wrap .cc-manifesto { background:#ffffff !important; }
.cc-about-wrap .cc-manifesto-tagline {
  color:#0e0e0e !important;
  font-weight:300 !important;
  letter-spacing:2px !important;
}
.cc-about-wrap .cc-purple { color:#6500a7 !important; }
.cc-about-wrap .cc-manifesto-eyebrow { color:#6500a7 !important; }
.cc-about-wrap .cc-manifesto-body { color:#666 !important; }

/* ── STANDARD — al wit, alleen paars accent ── */
.cc-about-wrap .cc-standard {
  border-top:1px solid #ebebeb !important;
  border-bottom:1px solid #ebebeb !important;
}
.cc-about-wrap .cc-standard-tagline { color:#6500a7 !important; }
.cc-about-wrap .cc-standard h2 em { color:#6500a7 !important; }
.cc-about-wrap .cc-standard-sub { color:#888 !important; }

/* ── VALUES — donker → wit, logo boven titel, gecentreerd ── */
.cc-about-wrap .cc-values { background:#fafafa !important; }
.cc-about-wrap .cc-values-inner { gap:2px !important; }
.cc-about-wrap .cc-value-item {
  background:#ffffff !important;
  border:1px solid transparent !important;
  text-align:center !important;
  transition:background .35s, transform .35s, box-shadow .35s !important;
}
.cc-about-wrap .cc-value-item:hover {
  background:#ffffff !important;
  transform:translateY(-4px) !important;
  box-shadow:0 12px 30px rgba(101,0,167,0.10) !important;
}
.cc-about-wrap .cc-value-item:hover .cc-value-title { color:#6500a7 !important; }
.cc-about-wrap .cc-value-item:hover .cc-value-text { color:#444 !important; }
.cc-about-wrap .cc-value-top {
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:14px !important;
  margin-bottom:20px !important;
}
.cc-about-wrap .cc-value-symbol {
  width:34px !important;
  height:34px !important;
  border:1px solid rgba(0,0,0,0.15) !important;
  background:#ffffff !important;
  transition:border-color .3s, background .3s !important;
}
.cc-about-wrap .cc-value-symbol img {
  width:18px !important;
  height:18px !important;
  filter:brightness(0) !important;
  transition:filter .3s !important;
}
.cc-about-wrap .cc-value-item:hover .cc-value-symbol {
  border-color:#6500a7 !important;
  background:#6500a7 !important;
}
.cc-about-wrap .cc-value-item:hover .cc-value-symbol img {
  filter:brightness(0) invert(1) !important;
}
.cc-about-wrap .cc-value-title {
  color:#0e0e0e !important;
  font-size:12px !important;
  transition:color .3s !important;
}
.cc-about-wrap .cc-value-line {
  background:#ebebeb !important;
  margin:0 auto 20px !important;
  width:40px !important;
}
.cc-about-wrap .cc-value-text { color:#888 !important; transition:color .3s !important; }

/* ── STATS — donker → wit, geen lijnen ── */
.cc-about-wrap .cc-stats { background:#ffffff !important; }
.cc-about-wrap .cc-stat {
  border-right:none !important;
  padding:60px 24px !important;
}
.cc-about-wrap .cc-stat-num { color:#0e0e0e !important; }
.cc-about-wrap .stat-year-20 { color:#0e0e0e !important; }
.cc-about-wrap .stat-year-22 { color:#6500a7 !important; }
.cc-about-wrap .stat-pct { color:#6500a7 !important; }
.cc-about-wrap .cc-stat-num.cc-purple { color:#6500a7 !important; }
.cc-about-wrap .cc-stat-label { color:#888 !important; }

/* ── JOIN — donker → wit, paarse pill knop ── */
.cc-about-wrap .cc-join {
  background:#ffffff !important;
  border-top:1px solid #ebebeb !important;
}
.cc-about-wrap .cc-join-eyebrow { color:#6500a7 !important; }
.cc-about-wrap .cc-join-heading { color:#0e0e0e !important; letter-spacing:1px !important; }
.cc-about-wrap .cc-join-heading em { color:#6500a7 !important; }
.cc-about-wrap .cc-join-sub { color:#888 !important; }
.cc-about-wrap .cc-join-btn {
  padding:16px 44px !important;
  background:linear-gradient(135deg,#6500a7,#3a0060) !important;
  border:none !important;
  color:#fff !important;
  font-weight:600 !important;
  box-shadow:0 4px 20px rgba(101,0,167,0.25) !important;
  transition:all .3s !important;
}
.cc-about-wrap .cc-join-btn:hover {
  background:linear-gradient(135deg,#6500a7,#3a0060) !important;
  border-color:transparent !important;
  transform:translateY(-2px) !important;
  box-shadow:0 8px 30px rgba(101,0,167,0.4) !important;
}

/* ── MOBILE — subtiele paarse lijnen tussen stats (alleen mobiel) ── */
@media(max-width:768px){
  .cc-about-wrap .cc-stat {
    border-right:1px solid rgba(101,0,167,0.3) !important;
    border-bottom:1px solid rgba(101,0,167,0.3) !important;
    padding:40px 16px !important;
  }
  .cc-about-wrap .cc-stat:nth-child(2),
  .cc-about-wrap .cc-stat:nth-child(4){
    border-right:none !important;
  }
  .cc-about-wrap .cc-stat:nth-child(3),
  .cc-about-wrap .cc-stat:nth-child(4){
    border-bottom:none !important;
  }
}

/* === Producttitel detailpagina — Futura 20px + gecentreerd op mobiel (2026-04-27) === */
h2.product-single__title.productSizeGuide {
  font-family: 'Futura', 'Trebuchet MS', Arial, sans-serif !important;
  font-weight: 400 !important;
  font-size: 20px !important;
}
@media (max-width: 768px) {
  h2.product-single__title.productSizeGuide {
    text-align: center !important;
    width: 100% !important;
  }
}

/* === Section titels productpagina (You May Also Like, Recently Viewed) === */
h4.mb-4,
body #productrelated h4 {
  font-family: 'Futura', 'Trebuchet MS', Arial, sans-serif !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  letter-spacing: 1px !important;
}


/* ════════════════════════════════════════════════════════════════
   LOYALTY PAGINA — WIT REDESIGN (2026-04-28)
   /pages/catarcottega-loyalty
   Scope: classes zijn uniek voor deze pagina (.earn, .levels, .intro, etc.)
   ════════════════════════════════════════════════════════════════ */

/* PERFORMANCE LOYALTY titel kleiner */
.intro h2 { font-size: clamp(24px, 2.5vw, 38px) !important; }

/* 5 zwarte secties → wit */
.earn,
.levels,
.progress-section,
.faq-wrap,
.banner { background: #fff !important; }

/* Witte titels → zwart */
.earn .section-heading,
.levels .section-heading,
.progress-section .section-heading,
.faq-wrap .faq-left .section-heading,
.banner-heading,
.level-name,
.progress-node-name,
.faq-q { color: #0e0e0e !important; }
.earn .section-heading[style],
.levels .section-heading[style],
.progress-section .section-heading[style] { color: #0e0e0e !important; }

/* Sub-tekst (zelfde transparantie maar zwart-toned) */
.level-desc { color: rgba(0,0,0,.55) !important; }
.level-perks li { color: rgba(0,0,0,.65) !important; border-bottom-color: rgba(0,0,0,.06) !important; }
.progress-node-xp { color: rgba(0,0,0,.45) !important; }
.faq-left p { color: rgba(0,0,0,.55) !important; }
.faq-a p { color: rgba(0,0,0,.65) !important; }
.faq-a strong[style] { color: #0e0e0e !important; }
.banner-sub { color: rgba(0,0,0,.55) !important; }

/* Borders → zwart equivalent */
.levels-header,
.levels-grid,
.progress-section,
.faq-wrap,
.banner { border-top-color: rgba(0,0,0,.06) !important; }
.level-card { border-right-color: rgba(0,0,0,.06) !important; }
.level-card:hover { background: rgba(0,0,0,.02) !important; }
.faq-item { border-bottom-color: rgba(0,0,0,.07) !important; }
.progress-bar-bg { background: rgba(0,0,0,.08) !important; }
.progress-node-dot { border-color: #fafafa !important; }

/* Hero stats balk — frosted glass over hero image */
.hero-stats {
  background: rgba(255,255,255,.20) !important;
  backdrop-filter: blur(20px) saturate(1.4) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.4) !important;
  border-color: rgba(255,255,255,.30) !important;
}
.hero-stat:not(:last-child)::after { background: rgba(255,255,255,.18) !important; }
.stat-val { color: #fff !important; text-shadow: 0 1px 3px rgba(0,0,0,.3); }
.stat-label { color: rgba(255,255,255,.75) !important; }

/* Level cards hover gloed (alleen op .level-body, niet op foto) */
.level-card .level-body { transition: box-shadow .4s ease !important; position: relative; }
.level-card:nth-child(1):hover .level-body { box-shadow: 0 0 40px rgba(180,180,180,0.45), 0 12px 30px rgba(150,150,150,0.20) !important; }
.level-card:nth-child(2):hover .level-body { box-shadow: 0 0 40px rgba(60,191,133,0.45), 0 12px 30px rgba(60,191,133,0.20) !important; }
.level-card:nth-child(3):hover .level-body { box-shadow: 0 0 40px rgba(107,159,255,0.45), 0 12px 30px rgba(107,159,255,0.20) !important; }
.level-card:nth-child(4):hover .level-body { box-shadow: 0 0 40px rgba(140,30,50,0.50), 0 12px 30px rgba(120,20,40,0.25) !important; }

/* Level 4 — paars vervangen door BORDEAUX ROOD (gradient lijn, XP tekst, progress bar) */
.level-card:nth-child(4) .level-accent { background: linear-gradient(90deg, #5a1422, #a8324a) !important; }
.level-card:nth-child(4) .level-img-overlay { background: linear-gradient(135deg, rgba(168,50,74,.22) 0%, rgba(0,0,0,0) 60%) !important; }
.level-card:nth-child(4) .level-xp { color: #a8324a !important; }
.level-card:nth-child(4) .dot { background: #a8324a !important; }
.progress-bar-fill { background: linear-gradient(90deg, #888 0%, #3cbf85 33%, #6B9FFF 66%, #a8324a 100%) !important; box-shadow: 0 0 12px rgba(168,50,74,.5) !important; }
.progress-node:nth-child(4) .progress-node-dot { background: #a8324a !important; }
.progress-node:hover:nth-child(4) .progress-node-dot { box-shadow: 0 0 14px 4px rgba(168,50,74,.4) !important; }
.progress-node:nth-child(4) .progress-node-reward { background: rgba(168,50,74,.15) !important; color: #a8324a !important; }

/* Mobile (≤768px) specifieke aanpassingen */
@media (max-width: 768px) {
  /* Hero stats: borders tussen 4 stat blocks (mobile gebruikt 2×2 grid) */
  .hero-stat:nth-child(1) { border-bottom-color: rgba(255,255,255,.20) !important; border-right-color: rgba(255,255,255,.20) !important; }
  .hero-stat:nth-child(2) { border-bottom-color: rgba(255,255,255,.20) !important; }
  .hero-stat:nth-child(3) { border-right-color: rgba(255,255,255,.20) !important; }
  /* Progress dots op mobile — witte border werkt op witte achtergrond */
  .progress-node-dot { border-color: #fff !important; }
}


/* ════════════════════════════════════════════════════════════
   /pages/contact — v6 layout (Shipping & Returns style)
   ════════════════════════════════════════════════════════════ */

/* Map full-width hero (boven page title) */
.cc-contact-map{
  width:100%;
  height:420px;
  overflow:hidden;
  border-bottom:1px solid #f0f0f0;
}
.cc-contact-map iframe,
.cc-contact-map .mapouter,
.cc-contact-map .gmap_canvas{
  width:100% !important;
  height:100% !important;
  border:none !important;
  filter:grayscale(35%) contrast(1.05);
}

/* Hide breadcrumb op contact (cleaner met map als hero) — laat aan voor SEO; kan weg met .breadcrumb-nav { display:none } indien gewenst */

/* Page title */
.cc-contact-title{
  font-family:'Josefin Sans',sans-serif !important;
  font-weight:400 !important;
  font-size:32px !important;
  letter-spacing:normal !important;
  text-transform:uppercase !important;
  color:#0e0e0e !important;
  text-align:center !important;
  padding-top:80px !important;
  margin:0 !important;
}

/* Content wrapper */
.cc-contact-content{
  max-width:700px;
  margin:0 auto;
  padding:60px 20px 80px;
}

/* Section */
.cc-contact-section{margin-bottom:48px}
.cc-section-header{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:24px;
}
.cc-section-icon{
  width:36px;
  height:36px;
  border-radius:50%;
  background:#fafafa;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  color:#6500a7;
}
.cc-section-icon svg{
  width:16px;
  height:16px;
}
.cc-section-icon svg,
.cc-section-icon svg path,
.cc-section-icon svg circle,
.cc-section-icon svg rect,
.cc-section-icon svg polyline,
.cc-section-icon svg line{
  fill:none !important;
  stroke:#6500a7 !important;
  stroke-width:1.5 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}
.cc-section-title{
  font-family:'Josefin Sans',sans-serif;
  font-size:11px;
  font-weight:700;
  letter-spacing:3px;
  text-transform:uppercase;
  color:#0e0e0e;
}

.cc-contact-page__des{
  font-family:'Jost',sans-serif;
  font-size:14px;
  line-height:1.9;
  color:#666;
  font-style:normal;
}

/* Form: ronde velden */
.cc-contact-form{display:flex;flex-direction:column;gap:14px}
.cc-contact-form .cc-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.cc-contact-form .cc-input,
.cc-contact-form .cc-textarea{
  width:100%;
  background:#fafafa;
  border:1px solid #f0f0f0;
  border-radius:50px;
  font-family:'Jost',sans-serif;
  font-size:14px;
  font-weight:400;
  color:#0e0e0e;
  padding:14px 22px;
  transition:border-color .25s ease,background .25s ease;
  box-shadow:none;
}
.cc-contact-form .cc-textarea{
  border-radius:18px;
  min-height:140px;
  resize:none;
  padding:16px 22px;
  line-height:1.7;
}
.cc-contact-form .cc-input::placeholder,
.cc-contact-form .cc-textarea::placeholder{
  color:#999;
  font-weight:300;
  font-style:normal;
}
.cc-contact-form .cc-input:focus,
.cc-contact-form .cc-textarea:focus{
  outline:none;
  border-color:#6500a7;
  background:#fff;
}

/* Send: klein paars rond */
.cc-contact-form .cc-submit-row{text-align:center;margin-top:20px}
.cc-contact-form .cc-submit{
  background:#6500a7 !important;
  background-image:none !important;
  color:#fff !important;
  border:none !important;
  border-radius:50px !important;
  font-family:'Josefin Sans',sans-serif !important;
  font-size:11px !important;
  font-weight:700 !important;
  letter-spacing:3px !important;
  text-transform:uppercase !important;
  padding:12px 38px !important;
  cursor:pointer !important;
  transition:background .25s ease,transform .25s ease !important;
  -webkit-appearance:none !important;
  appearance:none !important;
}
.cc-contact-form .cc-submit:hover{
  background:#4d007e !important;
  transform:translateY(-1px) !important;
}

.cc-form-success{
  font-family:'Jost',sans-serif;
  font-size:14px;
  color:#6500a7;
  background:#faf7fc;
  border:1px solid #e8dff0;
  border-left:3px solid #6500a7;
  padding:18px 22px;
  border-radius:14px;
  margin-bottom:20px;
}

/* Divider */
.cc-divider{height:1px;background:#f0f0f0;margin:48px 0}

/* Info grid */
.cc-info-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin:20px 0;
}
.cc-info-box{
  background:#fafafa;
  padding:20px;
  border-radius:4px;
  display:flex;
  align-items:center;
  gap:14px;
}
.cc-info-box-icon{
  width:28px;
  height:28px;
  flex-shrink:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background:transparent;
  border-radius:0;
}
.cc-info-box-icon svg,
.cc-info-box-icon svg path{
  width:22px;
  height:22px;
  fill:#6500a7 !important;
  stroke:none !important;
}
.cc-info-box-text{flex:1;min-width:0}
.cc-info-box-label{
  font-family:'Josefin Sans',sans-serif;
  font-size:8px;
  letter-spacing:2px;
  text-transform:uppercase;
  color:#999;
  margin-bottom:4px;
}
.cc-info-box-value{
  font-family:'Jost',sans-serif;
  font-size:14px;
  color:#0e0e0e;
  font-weight:500;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.cc-info-box-value a{color:#0e0e0e;text-decoration:none;transition:color .2s ease}
.cc-info-box-value a:hover{color:#6500a7}

/* Contact bar onderaan */
.cc-contact-bar{
  background:#fafafa;
  text-align:center;
  padding:32px 20px;
  margin-top:60px;
  border-radius:4px;
}
.cc-contact-bar p{
  font-family:'Jost',sans-serif;
  font-size:13px;
  color:#999;
  margin-bottom:8px;
}
.cc-contact-bar a{
  font-family:'Josefin Sans',sans-serif;
  font-size:11px;
  letter-spacing:2px;
  text-transform:uppercase;
  color:#6500a7;
  text-decoration:none;
}

/* Mobile: alle titels gecentreerd */
@media (max-width:767px){
  .cc-contact-map{height:280px}
  .cc-contact-title{padding-top:50px !important;font-size:26px !important}
  .cc-contact-content{padding:40px 18px 60px}
  .cc-contact-form .cc-row{grid-template-columns:1fr}
  .cc-info-grid{grid-template-columns:1fr}

  .cc-section-header{
    flex-direction:column;
    align-items:center;
    text-align:center;
    gap:10px;
  }
  .cc-section-title{text-align:center}
  .cc-contact-page__des{text-align:center}

  .cc-info-box{
    flex-direction:column;
    align-items:center;
    text-align:center;
    padding:24px 16px;
    gap:10px;
  }
  .cc-info-box-text{width:100%}
  .cc-info-box-label{text-align:center}
  .cc-info-box-value{text-align:center;white-space:normal}
}

/* ════════════════════════════════════════════════════════════
   /policies/* — Shipping & Returns style (Terms / Refund / Privacy)
   - Shopify policy editor stript <style> tags uit de body, dus
     zetten we alle CSS hier neer.
   - Scoped op markers: .cc-terms-marker, .cc-refund-marker, .cc-privacy-marker
   ════════════════════════════════════════════════════════════ */

/* Page title */
.shopify-policy__title h1{
  font-family:'Josefin Sans',sans-serif !important;
  font-weight:400 !important;
  font-size:32px !important;
  letter-spacing:normal !important;
  text-transform:uppercase !important;
  color:#0e0e0e !important;
  text-align:center;
  padding-top:60px;
}

/* Wrapper */
.cc-terms-content,
.cc-refund-content,
.cc-privacy-content,
.cc-policy-content{
  font-family:'Jost',sans-serif;
  color:#0e0e0e;
  max-width:700px;
  margin:0 auto;
  padding:60px 20px 80px;
}

/* Last updated */
.cc-terms-content .cc-updated-date,
.cc-refund-content .cc-updated-date,
.cc-privacy-content .cc-updated-date,
.cc-policy-content .cc-updated-date{
  font-family:'Jost',sans-serif;
  font-size:10px;
  font-style:italic;
  font-weight:400;
  color:#bbb;
  letter-spacing:0.4px;
  text-align:left;
  padding-bottom:30px;
}

/* Section */
.cc-terms-content .section,
.cc-refund-content .section,
.cc-privacy-content .section,
.cc-policy-content .section{margin-bottom:48px}

.cc-terms-content .section-header,
.cc-refund-content .section-header,
.cc-privacy-content .section-header,
.cc-policy-content .section-header{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:24px;
}

.cc-terms-content .section-icon,
.cc-refund-content .section-icon,
.cc-privacy-content .section-icon,
.cc-policy-content .section-icon{
  width:36px;
  height:36px;
  border-radius:50%;
  background:#fafafa url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236500a7' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/><polyline points='14 2 14 8 20 8'/><line x1='16' y1='13' x2='8' y2='13'/><line x1='16' y1='17' x2='8' y2='17'/></svg>") center/16px 16px no-repeat;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}

/* Section icons rotation 6× */
.cc-terms-content > div:nth-child(12n+3) .section-icon,
.cc-refund-content > div:nth-child(12n+3) .section-icon,
.cc-privacy-content > div:nth-child(12n+3) .section-icon,
.cc-policy-content > div:nth-child(12n+3) .section-icon{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236500a7' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/><polyline points='14 2 14 8 20 8'/><line x1='16' y1='13' x2='8' y2='13'/><line x1='16' y1='17' x2='8' y2='17'/></svg>") !important}
.cc-terms-content > div:nth-child(12n+5) .section-icon,
.cc-refund-content > div:nth-child(12n+5) .section-icon,
.cc-privacy-content > div:nth-child(12n+5) .section-icon,
.cc-policy-content > div:nth-child(12n+5) .section-icon{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236500a7' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/><circle cx='12' cy='7' r='4'/></svg>") !important}
.cc-terms-content > div:nth-child(12n+7) .section-icon,
.cc-refund-content > div:nth-child(12n+7) .section-icon,
.cc-privacy-content > div:nth-child(12n+7) .section-icon,
.cc-policy-content > div:nth-child(12n+7) .section-icon{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236500a7' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z'/><line x1='3' y1='6' x2='21' y2='6'/><path d='M16 10a4 4 0 0 1-8 0'/></svg>") !important}
.cc-terms-content > div:nth-child(12n+9) .section-icon,
.cc-refund-content > div:nth-child(12n+9) .section-icon,
.cc-privacy-content > div:nth-child(12n+9) .section-icon,
.cc-policy-content > div:nth-child(12n+9) .section-icon{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236500a7' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/></svg>") !important}
.cc-terms-content > div:nth-child(12n+11) .section-icon,
.cc-refund-content > div:nth-child(12n+11) .section-icon,
.cc-privacy-content > div:nth-child(12n+11) .section-icon,
.cc-policy-content > div:nth-child(12n+11) .section-icon{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236500a7' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/><polyline points='22,6 12,13 2,6'/></svg>") !important}
.cc-terms-content > div:nth-child(12n+13) .section-icon,
.cc-refund-content > div:nth-child(12n+13) .section-icon,
.cc-privacy-content > div:nth-child(12n+13) .section-icon,
.cc-policy-content > div:nth-child(12n+13) .section-icon{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236500a7' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/><line x1='2' y1='12' x2='22' y2='12'/><path d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'/></svg>") !important}
.cc-terms-content .section-icon svg,
.cc-refund-content .section-icon svg,
.cc-privacy-content .section-icon svg,
.cc-policy-content .section-icon svg,
.cc-terms-content .section-icon svg path,
.cc-refund-content .section-icon svg path,
.cc-privacy-content .section-icon svg path,
.cc-policy-content .section-icon svg path,
.cc-terms-content .section-icon svg circle,
.cc-refund-content .section-icon svg circle,
.cc-privacy-content .section-icon svg circle,
.cc-policy-content .section-icon svg circle,
.cc-terms-content .section-icon svg rect,
.cc-refund-content .section-icon svg rect,
.cc-privacy-content .section-icon svg rect,
.cc-policy-content .section-icon svg rect,
.cc-terms-content .section-icon svg polyline,
.cc-refund-content .section-icon svg polyline,
.cc-privacy-content .section-icon svg polyline,
.cc-policy-content .section-icon svg polyline,
.cc-terms-content .section-icon svg line,
.cc-refund-content .section-icon svg line,
.cc-privacy-content .section-icon svg line,
.cc-policy-content .section-icon svg line{
  fill:none !important;
  stroke:#6500a7 !important;
  stroke-width:1.5 !important;
}

.cc-terms-content .section-num,
.cc-refund-content .section-num,
.cc-privacy-content .section-num,
.cc-policy-content .section-num{
  font-family:'Josefin Sans',sans-serif;
  font-size:9px;
  letter-spacing:2px;
  text-transform:uppercase;
  color:#999;
  margin-bottom:4px;
}

.cc-terms-content .section-title,
.cc-refund-content .section-title,
.cc-privacy-content .section-title,
.cc-policy-content .section-title{
  font-family:'Josefin Sans',sans-serif;
  font-size:11px;
  font-weight:700;
  letter-spacing:3px;
  text-transform:uppercase;
  color:#0e0e0e;
}

/* Body text */
.cc-terms-content p,
.cc-refund-content p,
.cc-privacy-content p,
.cc-policy-content p{
  font-family:'Jost',sans-serif;
  font-size:14px;
  line-height:1.9;
  color:#666;
  margin-bottom:14px;
}
.cc-terms-content strong,
.cc-refund-content strong,
.cc-privacy-content strong,
.cc-policy-content strong{color:#0e0e0e}

/* Lists */
.cc-terms-content ul,
.cc-refund-content ul,
.cc-privacy-content ul,
.cc-policy-content ul{list-style:none;margin:16px 0;padding:0}
.cc-terms-content ul li,
.cc-refund-content ul li,
.cc-privacy-content ul li,
.cc-policy-content ul li{
  font-family:'Jost',sans-serif;
  font-size:14px;
  line-height:1.9;
  color:#666;
  padding:6px 0 6px 20px;
  position:relative;
  border-bottom:1px solid #f8f8f8;
}
.cc-terms-content ul li:last-child,
.cc-refund-content ul li:last-child,
.cc-privacy-content ul li:last-child,
.cc-policy-content ul li:last-child{border-bottom:none}
.cc-terms-content ul li::before,
.cc-refund-content ul li::before,
.cc-privacy-content ul li::before,
.cc-policy-content ul li::before{
  content:"";
  position:absolute;
  left:0;
  top:14px;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#6500a7;
  opacity:0.4;
}

/* Important callout */
.cc-terms-content .important,
.cc-refund-content .important,
.cc-privacy-content .important,
.cc-policy-content .important{
  background:#faf7fc;
  border:1px solid #e8dff0;
  border-left:3px solid #6500a7;
  color:#555;
  padding:22px 28px;
  border-radius:14px;
  margin:24px 0;
}
.cc-terms-content .important p,
.cc-refund-content .important p,
.cc-privacy-content .important p,
.cc-policy-content .important p{
  color:#555;
  margin:0;
  font-size:13px;
  line-height:1.75;
}
.cc-terms-content .important strong,
.cc-refund-content .important strong,
.cc-privacy-content .important strong,
.cc-policy-content .important strong{color:#0e0e0e;font-weight:600}

/* Divider */
.cc-terms-content .divider,
.cc-refund-content .divider,
.cc-privacy-content .divider,
.cc-policy-content .divider{height:1px;background:#f0f0f0;margin:48px 0}

/* Info grid */
.cc-terms-content .info-grid,
.cc-refund-content .info-grid,
.cc-privacy-content .info-grid,
.cc-policy-content .info-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin:20px 0;
}
.cc-terms-content .info-box,
.cc-refund-content .info-box,
.cc-privacy-content .info-box,
.cc-policy-content .info-box{background:#fafafa;padding:20px;border-radius:4px}
.cc-terms-content .info-box-label,
.cc-refund-content .info-box-label,
.cc-privacy-content .info-box-label,
.cc-policy-content .info-box-label{
  font-family:'Josefin Sans',sans-serif;
  font-size:8px;
  letter-spacing:2px;
  text-transform:uppercase;
  color:#999;
  margin-bottom:6px;
}
.cc-terms-content .info-box-value,
.cc-refund-content .info-box-value,
.cc-privacy-content .info-box-value,
.cc-policy-content .info-box-value{font-size:14px;color:#0e0e0e;font-weight:500}

/* Steps */
.cc-terms-content .steps,
.cc-refund-content .steps,
.cc-privacy-content .steps,
.cc-policy-content .steps{display:flex;gap:16px;margin:24px 0}
.cc-terms-content .step,
.cc-refund-content .step,
.cc-privacy-content .step,
.cc-policy-content .step{flex:1;text-align:center;padding:20px 12px;background:#fafafa;border-radius:4px}
.cc-terms-content .step-num,
.cc-refund-content .step-num,
.cc-privacy-content .step-num,
.cc-policy-content .step-num{
  font-family:'Josefin Sans',sans-serif;
  font-size:18px;
  font-weight:300;
  color:#6500a7;
  margin-bottom:8px;
}
.cc-terms-content .step-title,
.cc-refund-content .step-title,
.cc-privacy-content .step-title,
.cc-policy-content .step-title{
  font-family:'Josefin Sans',sans-serif;
  font-size:9px;
  font-weight:700;
  letter-spacing:2px;
  text-transform:uppercase;
  color:#0e0e0e;
  margin-bottom:6px;
}
.cc-terms-content .step-desc,
.cc-refund-content .step-desc,
.cc-privacy-content .step-desc,
.cc-policy-content .step-desc{font-size:12px;color:#999;line-height:1.5}

/* Contact bar */
.cc-terms-content .contact-bar,
.cc-refund-content .contact-bar,
.cc-privacy-content .contact-bar,
.cc-policy-content .contact-bar{
  background:#fafafa;
  text-align:center;
  padding:32px 20px;
  margin-top:60px;
  border-radius:4px;
}
.cc-terms-content .contact-bar p,
.cc-refund-content .contact-bar p,
.cc-privacy-content .contact-bar p,
.cc-policy-content .contact-bar p{font-size:13px;color:#999;margin-bottom:8px}
.cc-terms-content .contact-bar a,
.cc-refund-content .contact-bar a,
.cc-privacy-content .contact-bar a,
.cc-policy-content .contact-bar a{
  font-family:'Josefin Sans',sans-serif;
  font-size:11px;
  letter-spacing:2px;
  text-transform:uppercase;
  color:#6500a7;
  text-decoration:none;
}

.cc-terms-content .note,
.cc-refund-content .note,
.cc-privacy-content .note,
.cc-policy-content .note{font-size:12px;color:#bbb;line-height:1.7;text-align:center;margin-top:40px}

/* Mobile */
@media (max-width:600px){
  .cc-terms-content .info-grid,
  .cc-refund-content .info-grid,
  .cc-privacy-content .info-grid,
  .cc-policy-content .info-grid{grid-template-columns:1fr !important}
  .cc-terms-content .steps,
  .cc-refund-content .steps,
  .cc-privacy-content .steps,
  .cc-policy-content .steps{flex-direction:column !important}
}

/* ════════════════════════════════════════════════════════════
   /pages/catarcottega-loyalty — MOBILE only
   - Intro: titel + tekst + stats + CTA midden, intro tekst kleiner
   - Earn cards: alle content midden
   - Banner + Questions: alles midden, knoppen midden
   ════════════════════════════════════════════════════════════ */
@media (max-width:767px){

  /* Hero — eyebrow + sub kleiner zodat het niet over de loyalty title valt */
  .hero-content{ text-align:center !important; }
  .hero-eyebrow-inline{
    font-size:9px !important;
    letter-spacing:.35em !important;
    margin-bottom:10px !important;
  }
  .hero-sub{
    font-size:13px !important;
    line-height:1.5 !important;
    margin-bottom:22px !important;
  }
  /* Join Now / How It Works knoppen midden */
  .hero-actions{
    justify-content:center !important;
    text-align:center !important;
  }

  /* Intro */
  .intro,
  .intro-heading,
  .intro p,
  .intro span{ text-align:center !important; }
  .intro-heading h2{
    text-align:center !important;
    font-size:28px !important;
    line-height:.95 !important;
  }

  .intro-label{ display:inline-block; }
  .intro-body{
    font-size:13px !important;
    line-height:1.6 !important;
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  .intro-tagline{
    font-size:14px !important;
    line-height:1.4 !important;
    letter-spacing:.05em !important;
    text-align:center !important;
  }

  /* XP rate stats (8 XP / 1 €) midden */
  .intro-stats,
  .xp-rate,
  .intro-rate,
  .intro-bottom{
    justify-content:center !important;
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  /* Create Account knop kleiner + midden */
  .intro .btn-primary,
  .intro a[class*="btn"],
  .intro button{
    font-size:10px !important;
    padding:11px 22px !important;
    letter-spacing:.18em !important;
    margin:0 auto !important;
    display:inline-block !important;
  }
  .intro-cta,
  .intro .cta-row{
    text-align:center !important;
    justify-content:center !important;
  }

  /* Earn cards: alle content midden (8XP/1€, 25 XP per workout, etc) */
  .earn-card,
  .earn-card *{ text-align:center !important; }
  .earn-card{ align-items:center !important; }

  /* Banner / Support sectie: alles midden */
  .banner,
  .banner *{ text-align:center !important; }
  .banner .btn-purple,
  .banner a[class*="btn"]{
    margin:0 auto !important;
    display:inline-block !important;
  }

  /* FAQ / Questions: heading + contact us midden */
  .faq-left,
  .faq-left *,
  .faq-wrap .faq-left{ text-align:center !important; }
  .faq-left .btn-purple,
  .faq-left a[class*="btn"],
  .faq-left button{
    margin:0 auto !important;
    display:inline-block !important;
  }

  /* FAQ items (vragen + antwoorden) midden op mobile, + icoon rechts */
  .faq-list,
  .faq-list *{ text-align:center !important; }
  .faq-item .faq-q{
    justify-content:center !important;
    text-align:center !important;
    position:relative !important;
    padding-right:32px !important;
  }
  .faq-item .faq-icon{
    position:absolute !important;
    right:8px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
  }
  .faq-item .faq-a p{ text-align:center !important; }
}

/* ════════════════════════════════════════════════════════════
   /pages/about-us — MOBILE only
   - Origin sectie (Our Origin / 2022 / Built Without Reinforcements) midden
   - Manifesto sectie (Late nights / The Catar Mindset) midden
   - Desktop: ongewijzigd
   ════════════════════════════════════════════════════════════ */
@media (max-width:767px){
  /* Origin */
  .cc-origin,
  .cc-origin *,
  .cc-origin-left,
  .cc-origin-right,
  .cc-origin-label,
  .cc-origin-year,
  .cc-origin-heading,
  .cc-origin-right p{
    text-align:center !important;
  }
  .cc-origin-left{ align-items:center !important; }

  /* Manifesto: Late nights / Catar Mindset */
  .cc-manifesto,
  .cc-manifesto *,
  .cc-manifesto-inner,
  .cc-manifesto-left,
  .cc-manifesto-right,
  .cc-manifesto-tagline,
  .cc-manifesto-eyebrow,
  .cc-manifesto-right p{
    text-align:center !important;
  }
  .cc-manifesto-left,
  .cc-manifesto-right{ align-items:center !important; }

  /* Bold deel als eigen blok zodat "Every time you put on Catar..." op een nieuwe gecentreerde regel komt */
  .cc-manifesto-body strong{
    display:block !important;
    margin-bottom:10px !important;
  }
}



/* 2026-05-08: Bullet vest sweater section title — reduce weight from h4 default 700 to medium 500 */
.image-with-text-section .product-info .product-title { font-weight: 400 !important; }


/* 2026-05-08: Caps section homepage — pet 1 tikje kleiner via extra padding in grijze card */
#shopify-section-product_list_kfVmYY .product-image-slider { padding: 45px 30px !important; }


/* 2026-05-08: You may also like — pet 1 tikje kleiner via extra padding in grijze card */
#productrelated .product-image-slider { padding: 45px 30px !important; }


/* === About Us hero — Josefin Sans italic 52px (2026-05-11) === */
body .cc-about-wrap .cc-hero-title,
body .cc-hero-title {
  font-family: 'Josefin Sans', sans-serif !important;
  font-size: clamp(2.2rem, 4vw, 3.25rem) !important;
  font-weight: 300 !important;
  line-height: 1.05 !important;
  letter-spacing: 1px !important;
}
body .cc-about-wrap .cc-hero-title em,
body .cc-hero-title em,
html body h1.cc-hero-title em {
  font-family: 'Josefin Sans', sans-serif !important;
  font-style: italic !important;
  font-weight: 300 !important;
  font-size: 1em !important;
  color: #6500a7 !important;
}


/* === Athlete page hero — Josefin Sans italic 64px (2026-05-11) === */
body .bca-hero .bca-hero-title,
body .bca-hero-title,
html body h1.bca-hero-title {
  font-family: 'Josefin Sans', sans-serif !important;
  font-size: clamp(2.4rem, 5vw, 4rem) !important;
  font-weight: 300 !important;
  line-height: 1.05 !important;
  letter-spacing: 1px !important;
}
body .bca-hero .bca-hero-title em,
body .bca-hero-title em,
html body h1.bca-hero-title em {
  font-family: 'Josefin Sans', sans-serif !important;
  font-style: italic !important;
  font-weight: 300 !important;
  font-size: 1em !important;
  color: #6500a7 !important;
}


/* === Athlete section titles — Josefin Sans 44px sentence case (2026-05-11) === */
body .bca-wrap .bca-section-title,
html body .bca-wrap .bca-section-title {
  font-family: 'Josefin Sans', sans-serif !important;
  font-size: clamp(1.8rem, 3.5vw, 2.75rem) !important;
  font-weight: 300 !important;
  line-height: 1.1 !important;
  letter-spacing: 1px !important;
  text-transform: lowercase !important;
}
body .bca-wrap .bca-section-title::first-letter,
html body .bca-wrap .bca-section-title::first-letter {
  text-transform: uppercase !important;
}
body .bca-wrap .bca-section-title em,
html body .bca-wrap .bca-section-title em {
  font-family: 'Josefin Sans', sans-serif !important;
  font-style: italic !important;
  font-weight: 300 !important;
  color: #6500a7 !important;
  text-transform: lowercase !important;
  font-size: 1em !important;
}


/* === Athlete CTA title — Josefin Sans 60px sentence case (2026-05-11) === */
body .bca-wrap .bca-cta-title,
html body .bca-wrap .bca-cta-title {
  font-family: 'Josefin Sans', sans-serif !important;
  font-size: clamp(2.2rem, 4.5vw, 3.75rem) !important;
  font-weight: 300 !important;
  line-height: 1.05 !important;
  letter-spacing: 1px !important;
  text-transform: lowercase !important;
}
body .bca-wrap .bca-cta-title::first-letter,
html body .bca-wrap .bca-cta-title::first-letter {
  text-transform: uppercase !important;
}
body .bca-wrap .bca-cta-title em,
html body .bca-wrap .bca-cta-title em {
  font-family: 'Josefin Sans', sans-serif !important;
  font-style: italic !important;
  font-weight: 300 !important;
  color: #6500a7 !important;
  text-transform: lowercase !important;
  font-size: 1em !important;
}


/* ============================================================
   Article body link hover — darker purple on hover (2026-05-25)
============================================================ */
.article-template a,
.blog-article a,
article.article a,
article a[href^="/blogs/"],
article a[href^="/collections/"],
article a[href^="/products/"] {
  color: #6500a7;
  text-decoration: underline;
  transition: color .2s ease;
}
.article-template a:hover,
.blog-article a:hover,
article.article a:hover,
article a[href^="/blogs/"]:hover,
article a[href^="/collections/"]:hover,
article a[href^="/products/"]:hover {
  color: #3d0066;
  text-decoration: underline;
}


/* ============================================================
   Blog grid card excerpt — much smaller text (2026-05-25 v2)
============================================================ */
.blog__excerpt,
.blog__excerpt p,
.blog__item .blog__excerpt,
.blog__item .blog__excerpt p,
.template-blog .blog__excerpt,
.template-blog .blog__excerpt p,
section.template-blog .blog__excerpt p,
.content-block__meta .blog__excerpt,
.content-block__meta .blog__excerpt p {
  font-family: 'Jost', sans-serif !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  color: #666 !important;
  margin-top: 6px !important;
  margin-bottom: 8px !important;
  letter-spacing: 0 !important;
  font-weight: 400 !important;
  padding: 0 !important;
}

@media (max-width: 768px) {
  .blog__excerpt,
  .blog__excerpt p,
  .blog__item .blog__excerpt,
  .blog__item .blog__excerpt p {
    font-size: 11px !important;
    line-height: 1.45 !important;
  }
}


/* ============================================================
   Blog grid card excerpt — v3 sibling-target (2026-05-25)
   Targets the plain <p> created by browser auto-closing of
   invalid nested <p class="blog__excerpt"> structure
============================================================ */
.blog__item .content-block__meta > p,
.blog__item .content-block__meta p,
.blog__item.blog__item--3 .content-block__meta p,
.template-blog .blog__item .content-block__meta p,
section.template-blog .blog__item .content-block__meta p,
.blog__item .content-block__meta .blog__excerpt {
  font-family: 'Jost', sans-serif !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  color: #666 !important;
  margin: 6px 0 !important;
  letter-spacing: 0 !important;
  font-weight: 400 !important;
}

@media (max-width: 768px) {
  .blog__item .content-block__meta p,
  .blog__item .content-block__meta > p {
    font-size: 11px !important;
    line-height: 1.45 !important;
  }
}


/* ============================================================
   Blog card hover — Option E: lift + shadow + title color
   Replaces previous neon purple glow (2026-05-25)
============================================================ */
.blog__item.blog__item--3 {
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;
}
.blog__item.blog__item--3:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 22px rgba(14, 14, 14, 0.10) !important;
  border-color: #e8e8e8 !important;
}
.blog__item.blog__item--3 .blog__title-link a {
  transition: color .2s ease !important;
}
.blog__item.blog__item--3:hover .blog__title-link a {
  color: #3d0066 !important;
}


/* ============================================================
   Blog article tables — D1 Refined Minimal (2026-05-25)
   Each row = clean white card with thin purple bar on left
============================================================ */
.article-template table,
.blog-article table,
article.article table,
.rte table,
.article__body table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 6px !important;
  border: none !important;
  background: transparent !important;
  margin: 24px 0 !important;
}

.article-template table thead,
.blog-article table thead,
article.article table thead,
.rte table thead,
.article__body table thead {
  display: none !important;
}

.article-template table tbody tr,
.blog-article table tbody tr,
article.article table tbody tr,
.rte table tbody tr,
.article__body table tbody tr {
  background: #fff !important;
  border-radius: 6px !important;
  transition: transform .2s ease, box-shadow .2s ease !important;
}

.article-template table tbody tr:hover,
.blog-article table tbody tr:hover,
article.article table tbody tr:hover,
.rte table tbody tr:hover,
.article__body table tbody tr:hover {
  transform: translateX(2px) !important;
  box-shadow: 0 3px 10px rgba(101, 0, 167, 0.08) !important;
}

.article-template table tbody td,
.blog-article table tbody td,
article.article table tbody td,
.rte table tbody td,
.article__body table tbody td {
  padding: 16px 22px !important;
  font-family: 'Jost', sans-serif !important;
  border: none !important;
  vertical-align: middle !important;
  font-size: 14px !important;
  color: #3a3a3a !important;
  background: transparent !important;
}

.article-template table tbody td:first-child,
.blog-article table tbody td:first-child,
article.article table tbody td:first-child,
.rte table tbody td:first-child,
.article__body table tbody td:first-child {
  width: 40% !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.8px !important;
  color: #0e0e0e !important;
  border-left: 3px solid #6500a7 !important;
  padding-left: 18px !important;
  border-radius: 6px 0 0 6px !important;
}

@media (max-width: 768px) {
  .article-template table tbody td,
  .blog-article table tbody td,
  article.article table tbody td,
  .rte table tbody td {
    padding: 12px 16px !important;
    font-size: 13px !important;
  }
  .article-template table tbody td:first-child,
  .blog-article table tbody td:first-child,
  article.article table tbody td:first-child,
  .rte table tbody td:first-child {
    font-size: 10px !important;
    letter-spacing: 1.5px !important;
    padding-left: 14px !important;
  }
}


/* ============================================================
   CTA Box V2 — Off-white luxury (2026-05-27)
============================================================ */
.cc-cta-box {
  margin: 48px 0 24px !important;
  padding: 44px 36px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8f8f8 100%) !important;
  border: 1px solid #ebebeb !important;
  border-radius: 14px !important;
  text-align: center !important;
}
.cc-cta-tag {
  display: inline-block !important;
  font-family: 'Josefin Sans', sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  color: #6500a7 !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  margin-bottom: 10px !important;
}
.cc-cta-headline {
  font-family: 'Josefin Sans', sans-serif !important;
  font-size: 26px !important;
  font-weight: 600 !important;
  color: #0e0e0e !important;
  margin-bottom: 8px !important;
  letter-spacing: -0.4px !important;
  line-height: 1.2 !important;
}
.cc-cta-sub {
  font-family: 'Jost', sans-serif !important;
  font-size: 14px !important;
  color: #666 !important;
  margin-bottom: 24px !important;
  font-style: italic !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
}
.cc-cta-btn {
  display: inline-block !important;
  padding: 14px 32px !important;
  background: transparent !important;
  color: #6500a7 !important;
  text-decoration: none !important;
  border: 1.5px solid #6500a7 !important;
  border-radius: 50px !important;
  font-family: 'Josefin Sans', sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  transition: all .2s ease !important;
}
.cc-cta-btn:hover {
  background: #6500a7 !important;
  color: #fff !important;
}
@media (max-width: 768px) {
  .cc-cta-box {
    padding: 32px 24px !important;
  }
  .cc-cta-headline {
    font-size: 22px !important;
  }
}





/* === FIX TABLE OVERFLOW V2 (28 mei 2026) === */
/* Real fix: gebruikt theme's eigen selectors + table-layout:fixed */
article,
article .col-12,
.shopify-section [class*="article"],
.shopify-section section,
#shopify-section-article-template-1,
#shopify-section-article-template-1 .container,
main .container article {
  overflow-x: hidden !important;
  max-width: 100% !important;
}
article table,
.shopify-section article table,
#shopify-section-article-template-1 table {
  width: 100% !important;
  max-width: 100% !important;
  table-layout: fixed !important;
  border-collapse: collapse !important;
  word-wrap: break-word !important;
    display: table !important;
}
article table th,
article table td,
.shopify-section article table th,
.shopify-section article table td {
  word-wrap: break-word !important;
  word-break: normal !important;
    white-space: normal !important;
  hyphens: auto !important;
  vertical-align: top !important;
}
/* Mobile - kleinere font + minder padding */
@media (max-width: 768px) {
  article table {
    font-size: 12px !important;
  }
  article table th,
  article table td {
    padding: 10px 6px !important;
    hyphens: none !important;
  }
  /* MOBILE: Title Case + geen letter-spacing zodat alles past */
  article table td:first-child,
  article table th:first-child,
  article table td:first-child strong,
  article table th:first-child strong,
  .article-template table td:first-child,
  .article-template table th:first-child,
  .article-template table td:first-child strong,
  .article-template table th:first-child strong {
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-size: 12px !important;
  }
  /* Kolom verdeling */
  article table th:first-child,
  article table td:first-child {
    width: 38% !important;
  }
  article table th:not(:first-child),
  article table td:not(:first-child) {
    width: 62% !important;
  }
}
/* === END TABLE OVERFLOW V2 === */


/* === HIDE CROSSSELL SCROLLBAR (28 mei 2026) === */
/* De grijze balk onder artikelen kwam van .cc-crosssell-track */
/* Scroll functionaliteit blijft, alleen balk weg */
.cc-crosssell-track {
  scrollbar-width: none !important;       /* Firefox */
  -ms-overflow-style: none !important;    /* IE/Edge */
}
.cc-crosssell-track::-webkit-scrollbar {
  display: none !important;                /* Safari/Chrome */
  width: 0 !important;
  height: 0 !important;
}
/* Ook andere mogelijke horizontale tracks - defensive */
[class*="crosssell"][class*="track"]::-webkit-scrollbar,
[class*="slider"][class*="track"]::-webkit-scrollbar,
.swiper-wrapper::-webkit-scrollbar {
  display: none !important;
}
/* === END CROSSSELL SCROLLBAR === */


/* === FIX RTE TABLE WRAPPER SCROLLBAR (28 mei 2026) === */
/* Theme wikkelt tabellen in .rte__table-wrapper met overflow-x:auto */
/* Dat geeft een grijze scrollbar onder de tabel ook al past hij perfect */
.rte__table-wrapper {
  overflow-x: hidden !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}
.rte__table-wrapper::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}
/* === END RTE TABLE WRAPPER FIX === */


/* === EQUAL HEIGHT BLOG CARDS (29 mei 2026) === */
/* Force all blog cards in the grid to be exact same height regardless of content */
.blog__item,
.blog__item--3 {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}
.blog__item .content-block__image,
.blog__item--3 .content-block__image {
  flex-shrink: 0 !important;
}
.blog__item .content-block__meta,
.blog__item--3 .content-block__meta {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
}
/* Ensure grid container stretches children to full height */
.blog__item-wrap,
[class*="blog-grid"],
.row > [class*="col"]:has(.blog__item) {
  display: flex !important;
  flex-direction: column !important;
}
/* === END EQUAL HEIGHT === */


/* === EQUAL PRODUCT IMAGE SIZES (29 mei 2026) === */
/* Force all product images to consistent aspect ratio so close-ups + full body shots render at same size */
.product__photo-wrapper,
.product__photo-container,
.product__photo-wrapper-product-template-1,
.product__photo-container-product-template-1,
.product-single__photo {
  aspect-ratio: 3/4 !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #fafafa !important;
  overflow: hidden !important;
}
.product__photo-wrapper img,
.product__photo-container img,
.product__photo-wrapper-product-template-1 img,
.product__photo-container-product-template-1 img,
.product-single__photo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
}
/* === END EQUAL PRODUCT IMAGE === */


/* === FIX: remove gray scrollbar lines in Recently Viewed cards === */
.js-recentPdpBlock section#Recent,
section#Recent {
  overflow: visible !important;
}
/* === END Recently Viewed scrollbar fix === */


/* === FIX: ensure color dots are visible under count text on cards === */
.product-card__swatches-wrapper {
  display: block !important;
  text-align: center;
}
.product-card__swatches-wrapper ul.product-card__swatch.product-swatches {
  display: flex !important;
  justify-content: center;
  gap: 8px;
  margin-top: 6px;
  padding: 0;
  list-style: none;
}
.product-card__swatches-wrapper ul.product-card__swatch.product-swatches li {
  list-style: none;
}
/* === END dots visibility fix === */


/* === FIX: Empower color dots must always be visible (not hover-only) === */
.product-card .product-card__swatches-wrapper ul.product-card__swatch.product-swatches,
.product-card .product-card__swatches-wrapper .product-swatches--card {
  opacity: 1 !important;
}
/* === END dots opacity fix === */


/* === FIX: extra spacing tussen kleur swatches en slider pagination dots (mobile + desktop) === */
.product-card .product-card__swatches-wrapper {
  margin-bottom: 14px !important;
  padding-bottom: 4px !important;
}
@media (max-width: 749px) {
  .product-card .product-card__swatches-wrapper {
    margin-bottom: 18px !important;
  }
  /* Also add space above slick-dots when they appear below product cards */
  .productlist-slider .slick-dots,
  .prdtab-content .slick-dots {
    margin-top: 12px !important;
  }
}
/* === END swatches spacing fix === */


/* === FIX: mobile center alignment in Color/Size selector boxes === */
@media (max-width: 749px) {
  .selector-wrapper[data-option-name="color"],
  .selector-wrapper[data-option-name="Color"],
  .selector-wrapper[data-option-name="size"],
  .selector-wrapper[data-option-name="Size"] {
    text-align: center !important;
  }
  .selector-wrapper[data-option-name="color"] label,
  .selector-wrapper[data-option-name="Color"] label,
  .selector-wrapper[data-option-name="size"] label,
  .selector-wrapper[data-option-name="Size"] label {
    min-width: auto !important;
    text-align: center !important;
    margin-right: 0 !important;
    display: block !important;
    width: 100% !important;
  }
  .selector-wrapper[data-option-name="color"] .selected-value,
  .selector-wrapper[data-option-name="Color"] .selected-value,
  .selector-wrapper[data-option-name="size"] .selected-value,
  .selector-wrapper[data-option-name="Size"] .selected-value {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: auto !important;
    margin: 0 auto !important;
  }
}
/* === END mobile center fix === */


/* === FIX: Recently Viewed image properly centered + contained in card === */
.js-recentPdpBlock .c-product__img {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  aspect-ratio: 4/5 !important;
}
.js-recentPdpBlock .c-product__img a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
}
.js-recentPdpBlock .c-product__img img {
  max-width: 100% !important;
  max-height: 100% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
  margin: auto !important;
}
/* === END Recently Viewed image fix === */


/* === Cookie banner: laat scroll door op mobiel (03 juli 2026) === */
@media (max-width: 767px) {
  #cc-cookie-overlay.active {
    pointer-events: none;
  }
  #cc-cookie-overlay .cc-cookie-banner {
    pointer-events: auto;
  }
}
/* === END Cookie banner scroll fix === */


/* === Judge.me Trustpilot-green stars (Catar Cottega, 14 Jul 2026) === */
.jdgm-star.jdgm--on, .jdgm-star.jdgm--half { color:#00b67a !important; }
.jdgm-star.jdgm--off { color:#d6d9dd !important; }
.jdgm-prev-badge__stars .jdgm-star,
.jdgm-widget .jdgm-star,
.jdgm-rev__rating .jdgm-star { color:#00b67a !important; }
.jdgm-histogram__bar-content { background-color:#00b67a !important; }
/* Write-a-review button in brand black/white */
.jdgm-write-rev-link, .jdgm-write-rev-link:hover {
  background:#0e0e0e !important; color:#ffffff !important;
  border-radius:50px !important; letter-spacing:.08em; text-transform:uppercase; font-weight:600;
}


/* === Casablanca-style full-screen mobiel menu (draft, 16 jul 2026) === */
/* LET OP: GEEN font-family of font-size op nav-links -> Performance (Tachyon) blijft onaangeroerd */
@media (max-width: 768px){
  .drawer.drawer--left{ width:100% !important; max-width:100% !important; }
  .drawer--left .drawer__inner{ padding-left:0 !important; padding-right:0 !important; }
  .drawer--left .drawer__search{
    margin:16px 20px 6px !important; background:#f4f4f2 !important; border:0 !important;
    border-radius:50px !important; padding:6px 10px 6px 20px !important; display:flex !important; align-items:center !important;
  }
  .drawer--left .drawer__search-input{ background:transparent !important; border:0 !important; padding:12px 0 !important; }
  .drawer--left .drawer__nav{ margin-top:8px !important; padding:0 !important; }
  .drawer--left .drawer__nav-item{ border-bottom:1px solid #ececec !important; margin:0 !important; }
  .drawer--left .drawer__nav-item:first-child{ border-top:1px solid #ececec !important; }
  .drawer--left .drawer__nav-link--top-level{
    padding:20px 46px 20px 20px !important; margin:0 !important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233a3a3a' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") !important;
    background-repeat:no-repeat !important;
    background-position:right 20px center !important;
    background-size:18px 18px !important;
  }
}


/* === Casablanca menu top bar + contact (draft, 16 jul 2026) === */
@media (max-width: 768px){
  .drawer--left .drawer__topbar{ display:flex; align-items:center; justify-content:space-between; padding:16px 18px 10px; }
  .drawer--left .drawer__topbar-left{ display:flex; align-items:center; gap:16px; min-width:74px; }
  .drawer--left .drawer__topbar-left a, .drawer--left .drawer__topbar-left span a{ color:#141414 !important; display:inline-flex; align-items:center; }
  .drawer--left .drawer__topbar-wish .wishlist-text, .drawer--left .drawer__topbar-wish .compare-text, .drawer--left .drawer__topbar-wish .js-wishlist-count{ display:none !important; }
  .drawer--left .drawer__topbar-logo{ display:flex; align-items:center; }
  .drawer--left .drawer__topbar-logo img{ height:30px !important; width:auto !important; }
  .drawer--left .drawer__close{ background:none !important; border:0 !important; padding:4px !important; color:#141414 !important; min-width:74px; display:flex; justify-content:flex-end; cursor:pointer; }
  .drawer--left .drawer__nav-link--util{ display:flex !important; align-items:center; gap:12px; background-image:none !important; padding:18px 20px !important; color:#141414 !important; }
  .drawer--left .drawer__nav-item--contact{ border-bottom:1px solid #ececec !important; }
}


/* === menu icon-fix + util (draft, 16 jul 2026) === */
@media (max-width: 768px){
  .drawer--left .drawer__topbar svg{ fill:none !important; }
  .drawer--left .drawer__topbar-icon svg path, .drawer--left .drawer__close svg path{ fill:none !important; stroke:#141414 !important; }
  .drawer--left .drawer__util{ padding:8px 20px 24px; }
  .drawer--left .drawer__util-link{ display:flex; align-items:center; gap:12px; padding:16px 0; color:#141414 !important; text-decoration:none; border-top:1px solid #ececec; }
  .drawer--left .drawer__util-link svg{ fill:none !important; stroke:#141414 !important; }
}


/* === menu topbar icons: uitlijnen + tik-grijs (16 jul 2026) === */
@media (max-width: 768px){
  .drawer--left .drawer__topbar-left{ display:flex !important; align-items:center !important; gap:16px !important; }
  .drawer--left .drawer__topbar-left > span, .drawer--left .drawer__topbar-left > a{ display:inline-flex !important; align-items:center !important; height:24px; line-height:0 !important; }
  .drawer--left .drawer__topbar-wish a{ display:inline-flex !important; align-items:center !important; height:24px; padding:0 !important; margin:0 !important; line-height:0 !important; }
  .drawer--left .drawer__topbar-left svg{ display:block !important; }
  .drawer--left .drawer__close{ align-items:center !important; }
  /* tik = lichtgrijs */
  .drawer--left .drawer__topbar-left a:active svg path,
  .drawer--left .drawer__topbar-wish a:active svg path,
  .drawer--left .drawer__topbar-icon:active svg path,
  .drawer--left .drawer__close:active svg path{ stroke:#b3b3b3 !important; }
}


/* === Women sub-item Performance in tachyon-font (16 jul 2026) === */
.drawer--left a[href*="womens-performance"], .meganav__link[href*="womens-performance"]{
  font-family:"Tachyon W00 Light", sans-serif !important;
  font-weight:100 !important; letter-spacing:.16em; text-transform:uppercase;
}


/* === Casablanca-style drill-down panels (16 jul 2026) === */
@media (max-width: 768px){
  .drawer--left .meganav--drawer.cp-panel{
    position:fixed; top:0; left:0; right:0; bottom:0; width:100%;
    background:#fff; z-index:60; margin:0 !important; padding:0 !important;
    transform:translateX(100%); transition:transform .3s cubic-bezier(.4,0,.2,1);
    height:100% !important; max-height:100% !important; display:block !important;
    visibility:visible !important; opacity:1 !important; overflow-y:auto;
  }
  .drawer--left .meganav--drawer.cp-panel.cp-open{ transform:translateX(0); }
  .drawer--left .cp-panel-top{ display:flex; align-items:center; justify-content:space-between; padding:16px 18px 8px; }
  .drawer--left .cp-back{ display:inline-flex; align-items:center; gap:7px; background:none; border:0; font-size:13px; color:#141414; font-weight:600; cursor:pointer; padding:0; }
  .drawer--left .cp-back svg{ stroke:#141414; }
  .drawer--left .cp-panel-close{ background:none; border:0; padding:4px; cursor:pointer; }
  .drawer--left .cp-panel-close svg{ stroke:#141414; }
  .drawer--left .cp-panel-title{ font-size:20px; font-weight:700; padding:2px 20px 12px; color:#141414; }
  .drawer--left .cp-panel .meganav__nav{ list-style:none; margin:0 !important; padding:0 !important; }
  .drawer--left .cp-panel .meganav__nav li{ margin:0 !important; }
  .drawer--left .cp-panel .meganav__link, .drawer--left .cp-panel .cp-shopall{
    display:flex !important; align-items:center; justify-content:flex-start;
    padding:18px 46px 18px 20px !important; border-bottom:1px solid #ececec; color:#141414 !important; text-decoration:none;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233a3a3a' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") !important; background-repeat:no-repeat !important; background-position:right 20px center !important; background-size:18px 18px !important;
  }
  .drawer--left .cp-panel .cp-shopall{ border-top:1px solid #ececec; font-weight:600; }
}


/* === alleen Performance sub-item in tachyon, rest Jost (16 jul 2026) === */
.drawer--left .cp-panel .meganav__link, .drawer--left .cp-panel .cp-shopall{
  font-family:'Jost', sans-serif !important; font-weight:400 !important; letter-spacing:normal !important; text-transform:none !important;
}
.drawer--left .cp-panel a.meganav__link[href*="womens-performance"], .drawer--left .cp-panel a[href*="womens-performance"]{
  font-family:"Tachyon W00 Light", sans-serif !important; font-weight:100 !important; letter-spacing:.16em !important; text-transform:uppercase !important;
}