/* Shared interactive overview for product forms and brands. */
.mk-explorer {position:relative;margin-block:32px; color:#593d32; min-width:0;}
.mk-explorer__heading {display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px;}
.mk-explorer__heading h2 {margin:0;}
.mk-explorer__arrows {display:flex;gap:10px;}
.mk-explorer__arrows[hidden],.mk-explorer__panel[hidden] {display:none!important;}
.mk-explorer__arrows button {position:absolute;top:var(--mk-explorer-image-center,190px);transform:translateY(-50%);z-index:5;display:flex;align-items:center;justify-content:center;width:42px;height:42px;min-width:42px;min-height:0;padding:0;border:1px solid #e4d5cd;border-radius:50%!important;background:#fdfdfb;color:var(--mk-brown,#6f4f3c);box-shadow:0 2px 8px rgb(0 0 0 / 10%);cursor:pointer;font-size:23px;}
.mk-explorer__arrows button:first-child {left:0;}
.mk-explorer__arrows button:last-child {right:0;}
.mk-explorer__choices::-webkit-scrollbar {display:none;}
.mk-explorer__arrows button:disabled {opacity:.35;}
.mk-explorer__choices {display:flex;align-items:stretch;gap:40px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:6px 4px 24px;cursor:grab;}
.mk-explorer__choices.is-dragging {cursor:grabbing;user-select:none;}
.mk-explorer__choice {flex:0 0 400px;min-width:0;color:inherit!important;text-decoration:none!important;display:flex;flex-direction:column;outline-offset:3px;padding-bottom:42px;}
.mk-explorer__choice.is-active {flex-basis:400px;}
@media (hover:hover) and (pointer:fine) {.mk-explorer__choice:hover .mk-explorer__image img {transform:scale(1.025);}}
.mk-explorer__image {position:relative;height:auto;aspect-ratio:5 / 6;width:100%;overflow:hidden;border-radius:6px;background:#f6f3e8;display:grid;place-items:center;}

.mk-explorer__image img {width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;transition:transform 500ms ease;}
.mk-explorer__image>span {padding:20px;text-align:center;}
.mk-explorer--brands .mk-explorer__image img {object-fit:cover;padding:0;box-sizing:border-box;background:#fdfdfb;}
.mk-explorer__choice h3 {font-size:20px;line-height:1.2;margin:20px 0 12px;overflow-wrap:anywhere;}
.mk-explorer__description {font-size:13px;line-height:1.65;margin:0 0 16px;}
.mk-explorer__description p {margin:0 0 12px;}
.mk-explorer__mobile-description {display:none;}
.mk-explorer__link {position:absolute;bottom:18px;left:18px;right:18px;width:fit-content;max-width:calc(100% - 36px);box-sizing:border-box;padding:10px 14px;background:#fdfdfb;color:#593d32;border-radius:6px;font-weight:700;text-decoration:none;font-size:13px;line-height:1.4;}
.mk-explorer__panels {background:#f6f3e8;width:var(--mk-viewport-width,100vw);max-width:none;margin-left:50%;transform:translateX(-50%);box-sizing:border-box;}
.mk-explorer .mk-explorer__panel {width:100%;max-width:100%;margin:0;transform:none;}
.mk-explorer__product-heading {display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;}
.mk-explorer__product-heading h3 {margin:0;font-size:24px;}
.mk-explorer__product-heading a {display:none;color:inherit;text-decoration:underline;text-underline-offset:4px;white-space:nowrap;}
.mk-explorer :is(a,button):focus-visible {outline:2px solid #593d32;outline-offset:3px;}
.mk-explorer__quick {display:flex;justify-content:flex-start;gap:24px;overflow-x:auto;scrollbar-width:none;margin:0 0 24px;padding:4px clamp(16px,4vw,64px) 12px;}
.mk-explorer__quick::-webkit-scrollbar {display:none;}
.mk-explorer__quick button {flex:0 0 auto;background:transparent;color:inherit;border:0;border-radius:6px;padding:6px 2px;font:inherit;cursor:pointer;}
.mk-explorer__quick button[aria-pressed="true"] {font-weight:700;text-decoration:underline;text-underline-offset:6px;}

@media(max-width:760px) {
 .mk-explorer__arrows,
 .mk-explorer .mk-category-products__controls {display:none!important;}
 .mk-explorer__heading {margin-bottom:16px;}
 .mk-explorer__arrows button {top:var(--mk-explorer-image-center,120px);}
 .mk-explorer__product-heading a {display:inline;}
 .mk-explorer__choices {gap:12px;padding-bottom:18px;scroll-snap-type:x proximity;}
 .mk-explorer__choice,.mk-explorer__choice.is-active {flex-basis:calc((100vw - 56px) / 1.75);transition:none;scroll-snap-align:start;}
 .mk-explorer__image {height:auto;aspect-ratio:1;}
 .mk-explorer--brands .mk-explorer__image img {padding:12px;}
 .mk-explorer__choice h3 {font-size:16px;margin:12px 0 0;line-height:1.3;}
 .mk-explorer__description,.mk-explorer__link {display:none;}
 .mk-explorer__choice {padding-bottom:28px;}
 .mk-explorer__mobile-description {display:block;margin:0 0 20px;line-height:1.6;}
 .mk-explorer__product-heading h3 {font-size:21px;}
}
@media(prefers-reduced-motion:reduce) {.mk-explorer__choice,.mk-explorer__image,.mk-explorer__image img {transition:none;transform:none!important;}}



/* Keep product-row controls on the heading line, without changing rail height. */
.mk-explorer__panel {position:relative!important;padding-top:28px!important;}
.mk-explorer__panel .mk-explorer__product-heading {min-height:42px;align-items:center;margin:0 52px 26px 0;}
.mk-explorer__panel .mk-explorer__product-heading h3 {font-size:28px;line-height:1.2;}
.mk-explorer__panel > .mk-category-products__controls {position:absolute;top:28px;right:24px;margin:0!important;height:42px;align-items:center;}
@media(max-width:760px){
 .mk-explorer__panel {padding-top:22px!important;}
 .mk-explorer__panel .mk-explorer__product-heading {margin:0 0 22px;}
 .mk-explorer__panel .mk-explorer__product-heading h3 {font-size:23px;}
 .mk-explorer__panel > .mk-category-products__controls {top:22px;right:16px;}
}

/* A card selects a rail; its separate link opens the full selection. */
.mk-explorer__choice {cursor:pointer;}
.mk-explorer__choice:focus-visible {outline:2px solid #593d32;outline-offset:3px;}
.mk-explorer__fixed {flex:0 0 var(--mk-rail-card-width);width:var(--mk-rail-card-width);margin-bottom:12px;}
@media(max-width:760px) {.mk-explorer__fixed {display:none;}}

/* v1.15: one full-viewport explorer, even beyond the theme's maximum width. */
.mk-explorer {
 box-sizing:border-box;width:var(--mk-viewport-width,100vw)!important;max-width:none!important;
 margin-left:50%!important;margin-right:0!important;transform:translateX(-50%);
}
.mk-explorer .mk-explorer__panels {width:100%;max-width:none;margin-left:0;transform:none;}
.mk-explorer__heading {padding-inline:24px;}
.mk-explorer__choices {padding-inline:24px;padding-bottom:8px;scroll-padding-inline:24px;}
.mk-explorer__choice {padding-bottom:20px;}
.mk-explorer__arrows button:first-child {left:16px;}
.mk-explorer__arrows button:last-child {right:16px;}
.mk-explorer__quick button:first-child {margin-left:auto;}
.mk-explorer__quick button:last-child {margin-right:auto;}
.mk-explorer .mk-explorer__panel {padding-bottom:40px;}
.mk-explorer__panel .mk-explorer__product-heading {margin-right:110px;}
.mk-explorer__story[hidden] {display:none!important;}
/* Existing product-page banner classes, scoped here to avoid changing that snippet. */
.mk-explorer .mk-explorer__brand-story {
 width:100%;max-width:none;margin:0!important;position:relative;background-size:cover;
 background-position:50% 50%;background-repeat:no-repeat;overflow:hidden;padding:0!important;border:0!important;
}
.mk-explorer__brand-story .merk-info-auteur-overlay {
 position:absolute!important;inset:0;width:100%;height:100%;background:rgba(89,62,62,.4)!important;z-index:1!important;
}
.mk-explorer__brand-story .merk-info-auteur-inner {
 position:relative;z-index:2;display:flex;align-items:center;justify-content:flex-end;
 min-height:inherit;max-width:1500px;margin:0 auto;padding:0 40px;box-sizing:border-box;
}
.mk-explorer__brand-story .merk-info-auteur-content {
 width:45%;max-width:700px;padding:80px;background:#f6f3e8;box-sizing:border-box;overflow-wrap:anywhere;
}
@media(min-width:761px) and (max-width:1100px) {
 .mk-explorer--categories .mk-explorer__panel {--mk-rail-card-width:240px;}
}
@media(max-width:1024px) {
 .mk-explorer .mk-explorer__brand-story {min-height:300px;}
 .mk-explorer__brand-story .merk-info-auteur-inner {justify-content:center;flex-direction:column;min-height:auto;padding:50px 20px;}
 .mk-explorer__brand-story .merk-info-auteur-content {width:90%;padding:80px 40px;text-align:center;flex:0 0 auto;}
 .mk-explorer__brand-story .merk-info-auteur-content .wp-block-heading {font-size:46px!important;}
}
@media(max-width:760px) {
 .mk-explorer__quick {display:flex!important;gap:22px;padding:4px 20px 12px;justify-content:flex-start;}
 .mk-explorer__quick button:first-child {margin-left:0;}
 .mk-explorer__quick button:last-child {margin-right:0;}
 .mk-explorer__choices {padding-inline:20px;scroll-padding-inline:20px;gap:16px;}
 .mk-explorer__choice,.mk-explorer__choice.is-active {flex-basis:min(400px,calc(var(--mk-viewport-width,100vw) - 72px));padding-bottom:18px;}
 .mk-explorer__image {aspect-ratio:5 / 6;}
 .mk-explorer--brands .mk-explorer__image img {padding:0;}
 .mk-explorer__choice h3 {font-size:20px;line-height:1.3;}
 .mk-explorer__link {display:block;bottom:14px;left:14px;right:14px;max-width:calc(100% - 28px);}
 .mk-explorer__panel .mk-explorer__product-heading {margin-right:0;flex-wrap:wrap;}
 .mk-explorer__product-heading a {white-space:normal;}
 .mk-explorer .mk-explorer__panel {padding-bottom:28px;}
}
@media(max-width:480px) {
 .mk-explorer__brand-story .merk-info-auteur-content {padding:70px 25px;}
 .mk-explorer__brand-story .merk-info-auteur-content .wp-block-heading {font-size:38px!important;}
}

/* v1.16: real image movement with overscan, independent of the source ratio. */
.mk-explorer .mk-explorer__brand-story::before {
 content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
 background-image:inherit;background-size:cover;background-repeat:no-repeat;background-position:center;
}
@media(min-width:1025px) and (prefers-reduced-motion:no-preference) {
 .mk-explorer .mk-explorer__brand-story::before {
  inset:-176px 0;transform:translate3d(0,var(--mk-story-shift,0px),0);will-change:transform;
 }
}
.mk-explorer__story:not([hidden]):has(.mk-explorer__brand-story) {
 margin-top:44px;padding-top:28px;position:relative;
}
/* Override generic WooCommerce/theme image constraints on the stationary card. */
.mk-explorer .mk-category-products__layout > .mk-explorer__fixed > img {
 position:absolute!important;inset:0!important;display:block!important;
 width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;
 object-fit:cover!important;object-position:center!important;margin:0!important;padding:0!important;border-radius:0!important;
}
@media(max-width:760px) {
 .mk-explorer .mk-explorer__quick {display:none!important;}
 .mk-explorer .mk-explorer__image {aspect-ratio:1 / 1;}
 .mk-explorer .mk-explorer__product-heading > a {display:none!important;}
 .mk-explorer__story:not([hidden]):has(.mk-explorer__brand-story) {margin-top:28px;padding-top:24px;}
}

/* v1.16.1: the separator belongs to the cream product band. */
.mk-explorer__story:not([hidden]):has(.mk-explorer__brand-story) {
 margin-top:0;padding-top:48px;padding-bottom:48px;background:#f6f3e8;
}
@media(max-width:760px) {
 .mk-explorer__story:not([hidden]):has(.mk-explorer__brand-story) {margin-top:0;padding-top:32px;padding-bottom:32px;}
 }

/* v1.17: shared image coverage and a desktop-only active-card lift. */
.mk-explorer .mk-explorer__choice .mk-explorer__image > img {
 position:absolute!important;inset:0!important;display:block!important;
 width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;
 margin:0!important;padding:0!important;object-fit:cover!important;object-position:center!important;
}
@media(min-width:761px) {
 .mk-explorer .mk-explorer__choices {padding-top:22px;}
 .mk-explorer .mk-explorer__choice {translate:0 0;transition:translate 220ms ease;}
 .mk-explorer .mk-explorer__choice.is-active {translate:0 -10px;}
}
@media(prefers-reduced-motion:reduce) {
 .mk-explorer .mk-explorer__choice {transition:none;}
}

/* v1.23: the interactive category, brand and product-form menu is a rose strip. */
.mk-explorer .mk-explorer__quick {
  width: var(--mk-viewport-width, 100vw) !important;
  max-width: none !important;
  margin: 0 0 0 calc((100% - var(--mk-viewport-width, 100vw)) / 2) !important;
  padding: 4px clamp(20px, 4vw, 64px);
  box-sizing: border-box;
  background: #A27377;
  color: #FDFDFB;
  border: 0;
  border-radius: 0;
}
.mk-explorer .mk-explorer__quick button {
  min-height: 44px;
  padding: 8px 2px;
  color: #FDFDFB !important;
  background: transparent !important;
  font-family: var(--mk-usp-title-family);
  font-size: var(--mk-usp-title-size);
  line-height: 1.2;
  white-space: nowrap;
}
.mk-explorer .mk-explorer__quick button:hover {
  color: #FDFDFB !important;
  text-decoration: underline;
  text-underline-offset: 6px;
}
.mk-explorer .mk-explorer__quick button:focus-visible {
  outline: 2px solid #FDFDFB;
  outline-offset: -2px;
}
/* The existing mobile rule still hides this menu below 761px. */

/* v1.23.2: retain the extra breathing room without a border on the rail. */
.mk-explorer .mk-explorer__quick { margin-bottom: 12px !important; }