/** Shopify CDN: Minification failed

Line 13:0 Unexpected "}"
Line 316:2 Unexpected "{"

**/
/*  Web Developer Extra CSS 
/*
*/



}
.rte a, .shopify-email-marketing-confirmation__container a, .shopify-policy__container a {
  color: #84CA23;
  font-weight: 800;
}
#shopify-section-template--16341979398368__163915863080cb9149 .index-section, #shopify-section-template--15468746539232__163917035426a9901b .index-section {
    background-image: linear-gradient( 
175deg,#111111 0%,#333333 100%);
  color: #fff;
  padding: 3rem 0;
}
#shopify-section-template--16341979398368__1639163826a9cf61b4 .index-section {
	background-image: linear-gradient(
127deg,#4f4f4f 0%,#2f2e2e 100%);
	color: #fff;
    margin: 0;
    padding: 3rem 0;  }
#shopify-section-template--16341979398368__163916532823e58731 .index-section {
    background: url(https://cdn.shopify.com/s/files/1/0614/4809/3920/files/JumboMaxGrips-Site-9.jpg?v=1639165220);
    background-size: cover;
    color: #fff;
}
#shopify-section-template--16341979398368__163915863080cb9149 .index-section .image-wrap,
#shopify-section-template--16341979398368__163916532823e58731 .index-section .image-wrap,
#shopify-section-template--15468746539232__163917035426a9901b .index-section .image-wrap,
#shopify-section-template--16341979398368__1639163826a9cf61b4 .index-section .image-wrap {
  background: transparent; 
}
#shopify-section-template--16341979398368__16391625375be0c3db .h1.appear-delay,
#shopify-section-template--15468746539232__163917035426a9901b .subheading.appear-delay {
    font-size: 3.052em;
    font-weight: 800;
    color: #84ca23;
    font-family: proxima-nova,sans-serif;
    line-height: var(--typeHeaderLineHeight);
}
#shopify-section-template--16341979398368__163916328495adbfcb .h3 {
    color: #84ca23;
}
.animation-contents.collection-title {
    color: #84ca23;
    text-transform: uppercase;
}


#shopify-section-template--15468746539232__163917035426a9901b .index-section {
  margin-top:0; 
  padding-bottom: 0;
}
.card-view {
    -webkit-box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1)!important;
    background-color: #fff;
    margin: 15px;
    min-height:350px;
}
.card-view .inner-wrap {
    padding: 20px;
}
.card-view h5 {
    font-size: 1.25em;
    color: #84ca23;
    font-weight: 700;
}
#Slideshow-template--15482752762080__163918479318474a31 .animation-contents {
    font-size: 1.953em;
    font-weight: 800;
}
#Slideshow-template--15482752762080__163918479318474a31 .animation-contents a {
  color: #fff;
}
.background-media-text__text {
  width:480px; 
}
#shopify-section-template--15486072586464__16392821504a8e13d4, #shopify-section-template--15486129602784__163928402978f4d64b {
    background: #000;
}
.white {
  color: #fff!important;
  font-size: 2.441em!important;
  padding-top: 0.5em!important;
}
.pb-5 {
  padding-bottom:2em;
}
.video-carousel-heading {
    text-align: center;
    padding-bottom: 2em;
}
.video-carousel-heading h1 {
    font-size: 2.5em;
}

.btn {
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1)!important;
}


#shopify-section-template--15502167867616__1639703423aad40b5f{
    background: #4c4c4c;
    color: #ffffff;
    padding: 3rem 0;
}
#shopify-section-template--15502167867616__16397046437f266c9c:before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.5);
}
#shopify-section-template--15502167867616__16397046437f266c9c {
    background-image: url(https://cdn.shopify.com/s/files/1/0614/4809/3920/files/JumboMaxGrips-Site-6_f2f1a574-8d68-4ecf-86c0-60cbe03c3bce.jpg?v=1639704857);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    background-position: 38%;
}
#shopify-section-template--15502167867616__16397046437f266c9c .image-wrap {
    background: transparent;
    position: relative;
    height: 325px!important;
    padding-bottom: 0!important;
}
#shopify-section-template--15502167867616__16397046437f266c9c .image-wrap img {
    max-width: 225px;
    position: absolute;
    inset: 25% 0 0 40%;
}
#shopify-section-template--15502167867616__16397046437f266c9c .custom__item.one-whole.align--top-middle {
    color: #fff;
    padding-bottom: 3rem;
}
.page\.testimonials .theme-block:nth-of-type(2) p {
  color: #84ca23;
}
.page\.testimonials .index-section {
  margin-bottom:0;
  padding: 5rem 0;
}
#shopify-section-template--16341979693280__16397096117a4062fa,
#shopify-section-template--16341979693280__163970976637ad7ae6,
#shopify-section-template--16341979693280__163970996245457883,
#shopify-section-template--16341979693280__1639710052e06ee355 {
  background-color: #f6f6f6;
}




.site-nav__link, .site-nav__dropdown-link {
  font-size: 15px;
}

.footer__title {
  letter-spacing: 0px;
}



.add-extra-padding {
  padding-top: 3rem;
  padding-bottom: 3rem;
}


.full-width-section {
  max-width: 100%
}

.header-container {
  margin: 0px auto; 
}

.header-container h2 {
   margin-top: 10px;
   color: #84ca23 !important;
}

.header-container h1 {
   color: #ffffff !important;
   margin-bottom: 0px;
}


.site-footer .collapsible-content p, .site-footer .faux-select, .site-footer .site-footer__linklist a, .site-footer input, .site-footer select, .site-footer textarea {
    font-size: calc(var(--typeBaseSize)*0.8);
}

.hero__link .btn {
  margin-right: 10px;
}

/* Drop Down Edits */
.horizontal-mega-menu ul.mm-submenu.tree li {
 	padding: 5px 20px!important 
}

ul.mm-submenu {
  	padding: 10px 10px 5px 10px !important;
  	min-width: 250px;
}

.grip-fitting-grips-container p {
    font-family: Proxima-Nova, sans-serif;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.2;
    margin: 0px 0px 20px;
    text-transform: uppercase;
}

.product-status {
 	 font-size: .75em;
     margin-bottom: 25px;
     font-style: italic;
}

[itemid="H1S2f"] {
	background-color: #84ca23;
  	color: #fff;
}

[itemid="H1S2f"] span {
  	color: #222222;
}

.new-platform-container {
    background-color: #ffffff;
    padding: 10px;
    font-size: .85em;
}

#customer_register_link {
 	font-weight: 800; 
}

.green {
  color: #84ca23;
}


/* Text Column on Homepage Edits to Make Buttons Flush */

#shopify-section-template--16341979398368__1639261667f61f3c12 .text-spacing {
  margin-bottom: 0px;
}

#shopify-section-template--16341979398368__1639261667f61f3c12 .btn {
  width: 100%;
  padding: 1em 1em 0.8em 1em !important;
  font-size: 1em !important;
  font-weight: 800 !important;
}

/* White Full Width Container Container Sections --------------- */

#shopify-section-template--16341980020960__1639623374a2ee9870, #shopify-section-template--16341980020960__1639624060be03b0c4, #shopify-section-template--16341980020960__1639624060be03b0c4, #shopify-section-template--16341980020960__1639624288c10f0d8f, #shopify-section-template--15468746539232__1639171401b56abf97,
#shopify-section-template--15482752762080__1639172734a86400dd, #shopify-section-template--15468746572000__rich-text, #shopify-section-template--15495413989600__1639526017de8337f0,
#shopify-section-template--16341980020960__1646756791742b4c73 {
  background-color: #fff;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

/* Dark Gradient Full Width Container Container Sections --------------- */
#shopify-section-template--15482752762080__164675455615d46efd,
#shopify-section-template--15791341994208__16467639554376ebb6,
#shopify-section-template--15468746572000__1646755386af20e5a0 {
    background-color: transparent;
    background-image: linear-gradient(175deg, #212121 0%, #4d4d4d 100%);
    margin-top: 0px;
}

/* No Bottom Margin Sections */
#shopify-section-template--15468746572000__1646755386af20e5a0, #shopify-section-template--15499325669600__1647394973f48320b5, #shopify-section-template--15499325669600__164739504467fe9c75, #shopify-section-template--16341979398368__163916532823e58731 .index-section {
  margin-bottom: 0px;
}

/* No Top Margin Sections */
#shopify-section-template--15495413989600__1639526017de8337f0 {
  margin-top: 0px; 
}


/* Limited Top Margin Sections */ 
#shopify-section-template--16341979693280__16397095093d042cc0, #shopify-section-template--15499325669600__1647394973f48320b5 {
 	margin-top: 34px; 
}

.no-top-margin {
  margin-top: 0px; 
}

/* Hiding the Grip Fitting Grip Options */

#shopify-section-template--16341979693280__1647394973f48320b5, #shopify-section-template--16341979693280__164739504467fe9c75, #shopify-section-template--16341979693280__164739524517c63e25 {
  display: none;
}

/* Do not flip on mobile Sections */ 
@media only screen and (max-width: 589px) {
	#shopify-section-template--15499009491168__16395298046aeb3b9b .feature-row__text, #shopify-section-template--15499009491168__1639425831dc07c615 .feature-row__text, #shopify-section-template--15498972987616__16395298046aeb3b9b .feature-row__text,

  {
    	order: 0;
    	margin-top: 0;
    	padding: 30px 20px 0;
    	padding-bottom: 30px;
	}
}

.dark-gradient-section {
    background-color: transparent;
    background-image: linear-gradient(175deg, #212121 0%, #4d4d4d 100%);
    margin-top: 0px;
}

/* ARCCOS SENSORS PAGE */
#shopify-section-template--15791341994208__1646764218007dd4c7 .h1 {
    font-size: 1.25em;
    color: #84ca23;
}

#shopify-section-template--15791341994208__1646764218007dd4c7 .feature-row {
    align-items: flex-start;
}

#shopify-section-template--15791341994208__1646764218007dd4c7 .feature-row__item {
    flex: 0 0 50%;
}

figcaption {
    font-size: 14px;
    font-weight: 600;
    margin-top: 0.5em;
    margin-bottom: 1em;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}

#shopify-section-template--15791341994208__1646766550d0c9e042 .background-media-text__inner {
    background: rgba(0,0,0,.5);
}

#shopify-section-template--15791341994208__1646766550d0c9e042 .background-media-text__text.larger-text {
    background: transparent;
    color: #84ca23;
    width: 100%;
}

#shopify-section-template--15791341994208__1646766550d0c9e042 .background-media-text__aligner {
    margin: 60px auto;
    max-width: 1160px;
}

#shopify-section-template--15791341994208__1646766550d0c9e042 .background-media-text__text.larger-text .rte.background-media-text__subtext p {
    font-size: 1.953em;
    font-weight: 800;
    line-height: 46px;
    font-family: 'Proxima-Nova', sans-serif !important;
    text-align: center;
}

#shopify-section-template--15791341994208__16467686172d8bba79 h2 {
    box-sizing: inherit;
    color: #84ca23;
    font-family: Proxima-Nova, sans-serif;
    font-size: 25px;
    font-weight: 800;
    line-height: 1.2;
    margin: 0px 0px 20px;
    text-transform: uppercase;
    word-wrap: break-word;
}

#shopify-section-template--15791341994208__16467686172d8bba79 h6 {
    font-size: calc(1.15em *.7);
    color: #84ca23;
    text-transform: uppercase;
}

.vertical-mega-menu .mm-add-to-cart {
  display: none !important;
}

.horizontal-mega-menu .mm-add-to-cart {
  display: none !important;
}

.mega-menu-item-container .horizontal-mega-menu .mm-add-to-cart {
  display: none !important;
}

/* Icon Container --------------- */

.highlights_container {
  display: flex;
  text-align: center;
}

.grip-feature-item .grip-img {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: top;
  width: 33.3%;
  margin: 0 0 0.2rem !important;
  padding: 3px;
}

.grip-feature-item .img-title {
    text-align: center;
    font-size: .75em;
    font-weight: 600;
    font-family: 'Proxima-Nova', "Gothic A1", sans-serif;
    color: #4f4f4f;
    margin-top: 0px !important;
    margin-bottom: 0px
}

.grip-features-container {
  padding: 0px !important;
}

.grip-features-container .section-header {
   margin-bottom: 10px;
}

.grip-features-container .section-header__title {
    font-size: 1em;
    font-weight: 600;
    color: #84ca23;
}

.bulk-promo-container {
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #cccccc;
  	margin-bottom: 10px;
}

.bulk-promo-text {
    font-size: .75em;
    font-family: 'Proxima-Nova', sans-serif;
    font-weight: 600;
    margin-bottom: 0px !important;
    text-align: center;
}

.padding-bottom-reg {
    padding-bottom: 20px !important;
}

.margin-top-sm {
    margin-top: 10px !important;
}

.highlights_row {
  display: flex;
}

.highlights_column p {
  margin: 0px !important;
}

.highlights_column img {
  margin: 0px auto !important;
  max-width: 90px;
  align-self: center;
  display: block;
}

.features_container {
  border-top: 1px solid #cccccc;
  padding-top: 20px;
  font-size: 16px;
}

.highlights_header {
    text-align: center;
    font-size: .75em;
    font-weight: 600;
    font-family: 'Proxima-Nova', "Gothic A1", sans-serif;
    color: #4f4f4f;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.logo-bar {
  margin-bottom: 0px;
}


.product__price {
    font-size: 1.5em !important;
    font-weight: 800;
    font-family: "Proxima-Nova", sans-serif;
}

.product__policies {
  display: none;
}

.small-body-font {
    font-size: .75em;
}

.footer__title {
  letter-spacing: 0px !important;
}

.product-section {
  max-width: 1440px;
  margin: 0 auto;
}
.cart__variant-backorder {
  font-size: .90em;
  color: #db0000;
}

/* Mega Menu ---------------- */

.mm-title {
  	font-family: 'Proxima-Nova', sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 800 !important;
  	font-size: 16px;
    
}



.mega-menu-price, .mega-menu-sold_out {
  display: none !important;
}

/* Dot Rating Component ----------- */

.ratingComponent {
	 margin: 20px;
	 text-align: center;
}
 .ratingComponent__heading {
	 display: block;
	 color: #666;
	 margin-bottom: 5px;
}
 .ratingComponent__rating {
	 display: flex;
	 flex-direction: row-reverse;
	 align-items: center;
	 align-content: center;
	 justify-content: center;
}
 .ratingComponent__dot {
	 background-color: transparent;
	 border: solid 2px #84ca23;
	 width: 16px;
	 height: 16px;
	 border-radius: 50%;
	 margin: 0 5px 0 0;
}
 .ratingComponent__dot:first-of-type {
	 margin: 0;
}
 .ratingComponent__dot--filled {
	 background-color: #84ca23;
}
 .ratingComponent__dot--halfFilled {
	 background-color: #84ca23;
	 width: 7px;
	 border-radius: 10px 0 0 10px;
	 margin-right: 15px;
}
 .ratingComponent__dot--halfFilled:after {
	 content: "";
	 display: block;
	 position: relative;
	 left: 7px;
	 top: -2px;
	 width: 8px;
	 height: 16px;
	 border-radius: 0 10px 10px 0;
	 border: solid 2px #84ca23;
}
 .ratingComponent__dot--unRated {
	 background-color: transparent;
	 border-color: #84ca23;
	 cursor: pointer;
	 transition: all 200ms ease-in-out;
}
 .ratingComponent__dot--unRated:hover, .ratingComponent__dot--unRated:hover ~ .ratingComponent__dot, .ratingComponent__dot--unRated:focus, .ratingComponent__dot--unRated:focus ~ .ratingComponent__dot {
	 border-color: #ffffff;
	 background-color: #84ca23;
}


/*****************************
/* Fitting Tool
/*****************************/

#shopify-section-template--16341979693280__16396253883cf1d872 {
  background-color: #4f4f4f;
}

#shopify-section-template--16341979693280__16396253883cf1d872 .index-section {
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 30px;
}

.page.grip-fitting {
  background-color: #4f4f4f;
}

.fitting-tool {
  display: flex;
  flex-direction: row;
  align-content: space-between;
}

.fitting_question_row {
  display: flex;
  flex-direction: row;
}

.fitting-deeper-dive-container {
  display: none;
}

.fitting_header h5 {
  margin-top: 20px;
}

.fitting_grip_recommendation_row {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.fitting_grip_recommendation_row h2 {
  text-align: center;
}

.fitting_question_column {
  display: flex;
  flex-direction: column;
  flex: 50%;
}

.fitting_image_column {
  display: flex;
  flex-direction: column;
  flex: 50%;
  padding-bottom: 20px;
  padding-top: 20px;
}

.fitting_button_row {
  margin-top: 20px;
  margin-bottom: 20px;
}

.fitting_question_row .MuiTypography-body1 {
  font-family: "Open Sans", sans-serif;
  font-size: 1em;
}

.fitting_question_row .MuiRadio-root {
  color: #fff !important;
}

.fitting_question_row .Mui-checked {
  color: #85ca23 !important;
}

.fitting_question_row .MuiFormControlLabel-root  {
  color: #fff;
}

.fitting_question_row .Mui-checked .MuiTypography-body1 {
  color: #85ca23 !important;
}

.fitter-previous-button {
    border: 1px solid #84ca23 !important;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1)!important;
    border-radius: 0px !important;
    font-family: 'Proxima-Nova';
    font-size: .70em !important;
    font-weight: 800 !important;
    font-family: "Proxima-Nova", sans-serif;
    color: #84ca23;
    background: none!important;
    text-transform: uppercase;
    margin: 20px 20px 0px 0px;
    width: 40%;
    padding: 15px;
  }

.fitter-next-button {
    border: none !important;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1)!important;
    border-radius: 0px !important;
    font-family: 'Proxima-Nova';
    font-size: .70em !important;
    font-weight: 800 !important;
    font-family: "Proxima-Nova", sans-serif;
    color: #ffffff;
    background: #84ca23 !important;
    text-transform: uppercase;
    margin: 20px 20px 0px 0px;
    width: 40%;
    padding: 15px;
  }

.fitter-previous-button:hover {
  color: #ffffff;
}

.fitter_grip_pressure_slider {
  margin-top: 20px;
  margin-bottom: 20px;
}

.fitter_grip_pressure_slider .PrivateValueLabel-label-20 {
    font-size: 1.5em !important;
    font-family: 'Proxima-Nova', 'Roboto', sans-serif !important;
    font-weight: 900 !important;
}

.grip-reco-text-huge {
  color: #84ca23;
  margin-top: 0px;
}

.fitting_grip_recommendation_row h1, .fitting_grip_recommendation_row h2 {
  margin-top: 5px !important;
  margin-bottom: 0px !important;
}

.fitting_question_column h5 {
  margin-top: 5px;
  margin-bottom: 0px;
  font-size: 1.25em !important;
}

#shopify-section-template--16341979693280__main .page-content {
  padding-top: 0px;
  padding-bottom: 0px;
}

.fitting_header h5 {
  color:#fff;
}

/* SWING GRIPS PAGE */

#Slideshow-template--15824728228064__1639623163b0385895 .hero__title .animation-contents, 
#Slideshow-template--15824728228064__1639623163b0385895 .animation-contents a,
#Slideshow-template--15824858972384__1639623163b0385895 .hero__title .animation-contents {
    color: #84ca23;
    
}
#Slideshow-template--15824858972384__1639623163b0385895 .hero__title .animation-contents,
#Slideshow-template--15824728228064__1639623163b0385895 .hero__title .animation-contents {
  font-size: 60px;
  font-weight: 800;
}
#Slideshow-template--15824728228064__1639623163b0385895 .animation-contents a {
  text-decoration: underline;
}
#shopify-section-template--15824728228064__164753702203e45cbf,
#shopify-section-template--15824858972384__164753702203e45cbf {
    background: #000;
    margin-bottom: 0;
    padding-bottom: 2rem;
}
#shopify-section-template--15824728228064__164753702203e45cbf h2,
#shopify-section-template--15824858972384__164753702203e45cbf h2 {
    color: #fff;
    padding-top: 2rem;
}

/* Responsive Tables */

.TablePress {
  -webkit-box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1)!important;
}

.tablepress {
    background: #fff;
    margin: 1em 0;
    border: 1px solid rgba(34,36,38,.15) !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0.28571429rem;
    text-align: left;
    color: rgba(0,0,0,.87);
    border-collapse: separate;
    border-spacing: 0;
}

.semantic_ui .ui.striped.table tbody tr:nth-child(2n) {
    background-color: rgba(0,0,50,.02);
}


.dataTables_scrollBody td {
  	text-align: center !important;
}


@media only screen and (min-width: 768px) {
	.dataTables_scrollHeadInner, .dataTables_scrollHeadInner .tablepress, .dataTables_scrollBody .tablepress  {
    	width: 100% !important;
	}
}

/* Reviews */
.spr-review-content-body {
  font-size: 16px !important;
}
/* jr-page-width: Paul Richard, gemeten 1300px op 1440 (header + content) */
.page-width { max-width: 1300px; }

/* jr-swatch-colours:start — waxed canvas reads as waxed: a sheen on the swatch and a small tag under it */
.variant-input .color-swatch.color-swatch--waxed {
  background-image: linear-gradient(135deg, rgba(255,255,255,.55) 0%, rgba(255,255,255,0) 42%, rgba(0,0,0,0) 58%, rgba(0,0,0,.28) 100%) !important;
}
/* operator 2026-10-01: waxed colours on their own row under a "WAXED CANVAS" heading,
   instead of a tag under each swatch. Only on a product that has waxed variants. */
.variant-input-wrap:has(.color-swatch--waxed) { display: flex; flex-wrap: wrap; align-items: flex-start; }
.variant-input-wrap:has(.color-swatch--waxed) .variant-input:has(.color-swatch--waxed) { order: 2; }
.variant-input-wrap:has(.color-swatch--waxed)::before {
  content: "WAXED CANVAS";
  order: 1;
  flex-basis: 100%;
  margin: 10px 0 2px;
  font-size: 10px;
  line-height: 1.4;
  letter-spacing: .12em;
  color: #5a2d16;
}
.variant-input .jr-swatch-tag { display: none !important; }
/* jr-swatch-colours:end */

/* jr-grid-holes:start — buiten VK/IE zijn uitverkochte kaarten verborgen (marktsplitsing);
   Motion's float-raster telt verborgen kaarten mee in :nth-of-type(5n+1) en gaf
   dan een halve rij midden in de collectie. Een raster met zo'n kaart wordt flex-wrap.
   Zie scripts/_jr-collection-pagination.ts */
.fa-mkt-intl .grid--uniform:has(> .grid-product .grid-product__tag--sold-out) { display: flex; flex-wrap: wrap; }
.fa-mkt-intl .grid--uniform:has(> .grid-product .grid-product__tag--sold-out) > .grid__item { float: none; clear: none; }
/* jr-grid-holes:end */

/* jr-mobile-header:start — telefoon en tablet (t/m 768px, waar het menu een hamburger is):
   links menu + zoeken, logo in het midden, rechts de winkelwagen. Het zijn dezelfde
   knoppen als voorheen (geen nieuwe markup, dus dezelfde klik-bindingen); alleen hun
   plek verandert. De rechterkolom is even breed als de twee knoppen links, zodat het
   logo echt in het midden van het scherm staat. Het menu schuift van links in, de kant
   van de knop (Motion doet dat zelf ook bij een gecentreerd logo).
   Vanaf 769px verandert er niets. Zie scripts/_jr-mobile-header.ts */
@media only screen and (max-width: 768px) {
  #SiteHeader .header-layout--left-center {
    --jr-mh-icon: 28px;
    --jr-mh-pad: 12px;
    --jr-mh-tuck: 0px;
    display: grid;
    grid-template-columns:
      calc(var(--jr-mh-icon) + var(--jr-mh-pad))
      calc(var(--jr-mh-icon) + var(--jr-mh-pad) * 2 - var(--jr-mh-tuck))
      minmax(0, 1fr)
      calc(var(--jr-mh-icon) * 2 + var(--jr-mh-pad) * 3 - var(--jr-mh-tuck));
    align-items: center;
  }
  #SiteHeader .header-layout--left-center .header-item--navigation { display: none; }
  #SiteHeader .header-layout--left-center .header-item--icons,
  #SiteHeader .header-layout--left-center .site-nav--icons,
  #SiteHeader .header-layout--left-center .site-nav__icons { display: contents; }
  #SiteHeader .header-layout--left-center .site-nav__link--icon { grid-row: 1; margin: 0; }
  #SiteHeader .header-layout--left-center .js-drawer-open-nav {
    grid-column: 1; justify-self: start; margin-left: calc(var(--jr-mh-pad) * -1);
  }
  #SiteHeader .header-layout--left-center .js-search-header {
    grid-column: 2; justify-self: start; margin-left: calc(var(--jr-mh-tuck) * -1);
  }
  #SiteHeader .header-layout--left-center .js-drawer-open-cart {
    grid-column: 4; justify-self: end; margin-right: calc(var(--jr-mh-pad) * -1);
  }
  #SiteHeader .header-layout--left-center .header-item--logo {
    grid-column: 3; grid-row: 1; justify-self: center; justify-content: center;
    max-width: 100%; min-width: 0;
  }
  #SiteHeader .header-layout--left-center .site-header__logo {
    margin-right: 0; max-width: 100%; min-width: 0;
  }
  #SiteHeader .header-layout--left-center .site-header__logo img { max-width: 100%; height: auto; }
  #NavDrawer.drawer--right { right: auto; left: -350px; }
  #NavDrawer.drawer--right.drawer--is-open { transform: translateX(350px); }
}
@media only screen and (max-width: 589px) {
  #SiteHeader .header-layout--left-center { --jr-mh-icon: 27px; --jr-mh-pad: 10px; --jr-mh-tuck: 3px; }
}
@media only screen and (min-width: 590px) and (max-width: 768px) {
  #NavDrawer.drawer--right { left: -450px; }
  #NavDrawer.drawer--right.drawer--is-open { transform: translateX(450px); }
}
/* jr-mobile-header:end */

/* jr-card-gap:start — kleurblokjes even ver onder de prijs als de prijs onder de naam
   (operator 2026-10-17). Gemeten van inkt tot inkt (randen op halve dekking) in een
   offline render met deze thema-CSS en Jost: naam→prijs 19,40px desktop / 17,76px
   telefoon, prijs→rand blokje hiermee gelijk. Afleiding in scripts/_jr-card-swatch-gap.ts. */
.grid-product__colors{margin-top:calc(var(--typeBaseSize)*0.3741 + 1px)}
@media only screen and (min-width:590px){
  .grid-product__colors{margin-top:calc(var(--typeBaseSize)*0.4412 + 1px)}
}
/* jr-card-gap:end */