mabe-product-map{display:block;min-width:0}.mabe-product-map__intro{max-width:70ch;margin-bottom:24px}.mabe-product-map__layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:clamp(20px,3vw,40px);align-items:start}.mabe-product-map__image{position:relative;isolation:isolate;margin:0!important;border:1px solid #10733320;background:#fff}.mabe-product-map__image>img{display:block;width:100%;height:auto;object-fit:contain;transform:none!important}.mabe-product-map__point{position:absolute;left:var(--spot-x);top:var(--spot-y);translate:-50% -50%;display:grid;place-items:center;width:32px;height:32px;min-width:0;min-height:0;padding:0;border:1px solid #107333;background:#fffffff0;color:#107333;font:700 .8rem Verdana,sans-serif;border-radius:var(--mabe-shared-radius,8px);box-shadow:0 2px 8px #073b1930;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s,scale .18s;z-index:2;touch-action:manipulation}.mabe-product-map__point[aria-pressed=true]{background:#107333;color:#fff;box-shadow:0 3px 12px #073b1940;scale:1.1;z-index:3}.mabe-product-map__point:focus-visible{outline:3px solid #f7ce65;outline-offset:3px;z-index:4}.mabe-product-map__info{position:sticky;top:120px;padding:clamp(20px,3vw,32px);background:linear-gradient(145deg,#eef5ef,#fafbf8);border:1px solid #10733326;border-radius:var(--mabe-shared-radius,8px);min-width:0}.mabe-product-map__info label{display:block;font-size:.85rem;font-weight:700;margin-bottom:10px}.mabe-product-map__info select{width:100%;min-height:48px;padding:10px 32px 10px 12px;border:1px solid #10733360;border-radius:var(--mabe-shared-radius,8px);font:inherit;background:#fff;color:inherit}.mabe-product-map__number{font-weight:700;color:#10733380;font-size:2.5rem;line-height:1;margin:28px 0 12px}.mabe-product-map__panels h3{font-size:clamp(1.25rem,2vw,1.8rem);margin:0 0 16px}.mabe-product-map__panels .rte{line-height:1.7}.mabe-product-map__panels .button{display:inline-flex;align-items:center;justify-content:center;gap:.5em;margin-top:20px;max-width:100%}.mabe-product-map__panels [hidden],[data-map-points][hidden],[data-map-picker][hidden]{display:none!important}.mabe-product-map__all{margin-top:32px;border-block:1px solid #10733326;padding-block:24px}.mabe-product-map__all>summary{font-weight:700;cursor:pointer;font-size:1.1rem}.mabe-product-map__all .mabe-about__assortment{margin-top:24px}@media(max-width:989px){.mabe-product-map__layout{grid-template-columns:minmax(0,1fr)}.mabe-product-map__info{position:static}.mabe-product-map__number{font-size:2rem;margin-top:20px}}@media(max-width:749px){.mabe-product-map__point{width:clamp(16px,5vw,24px);height:clamp(16px,5vw,24px);font-size:.65rem}.mabe-product-map__info{padding:20px}}@media(prefers-reduced-motion:reduce){.mabe-product-map__point{transition:none;scale:1!important}}.mabe-product-map__region{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:visible}.mabe-product-map__region polygon{fill:transparent;stroke:none;pointer-events:all;cursor:pointer}.mabe-product-map__eyebrow{font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--color-foreground)}.mabe-product-map .mabe-about__families{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.mabe-product-map .mabe-about__families ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}.mabe-product-map .mabe-about__families h4{margin:0 0 20px;font-size:1.1rem}.mabe-product-map .mabe-about__specials{display:flex;gap:16px;flex-wrap:wrap;margin-top:32px}@media(max-width:989px){.mabe-product-map .mabe-about__families{grid-template-columns:repeat(2,minmax(0,1fr))}}.mabe-product-map .mabe-about__assortment{margin-top:24px;padding:clamp(24px,4vw,40px);border:1px solid #10733326;border-radius:var(--mabe-shared-radius,8px);background:linear-gradient(135deg,#eef5ef,#fff)}@media(hover:hover)and (pointer:fine){.mabe-product-map__point:hover:not([aria-pressed=true]){background:#eef5ef;box-shadow:0 0 0 2px #10733340}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/mabe-product-map.css.map */
