.jc-hotspot-hero{--color-background:#281b10;--color-text:#f2d593}
.jc-hotspot-hero .media-with-content__inner{gap:0;align-items:center}
.jc-hotspot-hero .media-with-content__media-wrapper{width:64%;flex:0 0 64%}
.jc-hotspot-hero .media-with-content__content-wrapper{width:36%;flex:0 0 36%;padding:48px clamp(24px,4vw,72px) 48px 24px}
.jc-hotspot-hero .media-with-content__media{position:relative}
.jc-hotspot-hero .media-with-content__media-item--primary{aspect-ratio:3/2!important;height:auto!important;padding-bottom:0!important}
.jc-hotspot-hero .media-with-content__media-item--primary img{width:100%;height:100%;object-fit:cover}
.jc-hotspot-hero h1{font-size:clamp(44px,6.1vw,116px);line-height:1.02;letter-spacing:-.045em;color:#f2d593}
.jc-hotspot-hero .section-blocks__text{color:#ede4d5}
.jc-hotspot-hero .btn--primary{background:#f2d593;color:#281b10;border-color:#f2d593}
.jc-hotspot-hero .btn--text{color:#ede4d5}
.jc-hotspots{position:absolute;inset:0;pointer-events:none}
.jc-hotspot{position:absolute;left:var(--point-x);top:var(--point-y);transform:translate(-50%,-50%);width:44px;height:44px;border:2px solid #f6e5c3;border-radius:50%;background:#281b10;color:#fff7e7;font-size:20px;font-weight:700;line-height:1;display:grid;place-items:center;box-shadow:0 2px 7px #0005;cursor:pointer;pointer-events:auto}
.jc-hotspot:hover,.jc-hotspot:focus-visible{background:#5b3d1e;outline:3px solid #f2d593;outline-offset:3px}
.jc-hotspot-card{position:fixed;margin:0;padding:24px 20px 20px;border:1px solid #e2d8c9;border-radius:10px;background:#fff;color:#172348;width:min(340px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow-y:auto;box-shadow:0 12px 48px #0004;pointer-events:auto}
.jc-hotspot-card::backdrop{background:transparent}
.jc-hotspot-close{position:absolute;right:4px;top:4px;width:40px;height:40px;font-size:28px;line-height:1;background:transparent;color:#172348}
.jc-hotspot-label{font-weight:700;padding-right:24px;margin:0 0 16px;font-size:18px;line-height:1.3}
.jc-hotspot-card .product-item__inner{display:flex;gap:14px;align-items:center}
.jc-hotspot-card .product-item__media{width:92px;flex:0 0 92px}
.jc-hotspot-card .product-item__meta{flex:1;min-width:0;margin:0}
.jc-hotspot-card .product-item__text{text-align:left}
.jc-hotspot-card .product-item__product-title{font-size:13px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.jc-hotspot-card .product-item__price{font-size:15px}
.jc-hotspot-card .btn{margin-top:18px}
@media(max-width:767px){.jc-hotspot-hero .media-with-content__inner{display:flex;flex-direction:column}.jc-hotspot-hero .media-with-content__content-wrapper{order:var(--mobile-order);width:100%;flex-basis:auto;padding:28px 8px}.jc-hotspot-hero .media-with-content__media-wrapper{order:var(--mobile-order);width:100%;flex-basis:auto}.jc-hotspot-hero h1{font-size:clamp(44px,12vw,64px)}.jc-hotspot{font-size:16px}.jc-hotspot-hero .section-inner{padding-bottom:16px}}

@media(max-width:767px){
[data-section-id$="__categorypictures"] .multi-column__grid{column-gap:12px;row-gap:28px;align-items:stretch}
[data-section-id$="__categorypictures"] .multi-column__grid-item{min-width:0}
[data-section-id$="__categorypictures"] .multi-column__grid-item-inner{display:flex;flex-direction:column;height:100%;gap:12px}
[data-section-id$="__categorypictures"] .multi-column__grid-item-text-wrapper{display:flex;flex-direction:column;flex:1;gap:10px;width:100%;max-width:100%}
[data-section-id$="__categorypictures"] .multi-column__grid-item-text-wrapper h3{font-size:14px!important;line-height:1.3!important;letter-spacing:normal;font-weight:600;min-height:3.9em;margin:0!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;display:block!important;-webkit-line-clamp:unset!important;word-break:normal;overflow-wrap:normal}
[data-section-id$="__categorypictures"] .multi-column__grid-item-text-wrapper h3 *{white-space:normal!important;text-overflow:clip!important;overflow:visible!important}
[data-section-id$="__categorypictures"] .multi-column__grid-item-text-wrapper .section-blocks__button{margin-top:auto}
[data-section-id$="__categorypictures"] .multi-column__grid-item-text-wrapper .btn{font-size:12px!important;line-height:1.4;white-space:nowrap;padding:0 0 4px;min-height:24px}
[data-section-id$="__categorypictures"] .section-header h2{font-size:26px;line-height:1.2}
}

.jc-hotspot-hero .jc-hotspot-card .btn--primary:hover,.jc-hotspot-hero .jc-hotspot-card .btn--primary:focus-visible{color:#fff}

@media(min-width:768px){
[data-section-id$="__categorypictures"] .multi-column__grid-item-inner{display:flex;flex-direction:column;height:100%}
[data-section-id$="__categorypictures"] .multi-column__grid-item-text-wrapper{display:flex;flex-direction:column;flex:1;gap:16px}
[data-section-id$="__categorypictures"] .multi-column__grid-item-text-wrapper h3{font-size:20px!important;line-height:1.3!important;font-weight:600;letter-spacing:normal;min-height:2.6em;margin-bottom:0!important}
[data-section-id$="__categorypictures"] .multi-column__grid-item-text-wrapper .section-blocks__button{margin-top:auto}
}
