.fdos-zones__layout{display:flex;flex-direction:column;gap:20px}@media screen and (min-width:990px){.fdos-zones__layout{display:grid;grid-template-columns:7fr 5fr;gap:24px;align-items:start}}.fdos-zones__map{position:relative}.fdos-zones__viewport{--fdos-map-zoom: 1.8;position:relative;height:328px;overflow:hidden;border-radius:14px;background:#fff;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.fdos-zones__viewport:focus-visible{outline:2px solid var(--fdos-accent);outline-offset:3px}.fdos-zones__viewport.is-dragging{cursor:grabbing}@media screen and (min-width:750px){.fdos-zones__viewport{height:460px}}@media screen and (min-width:990px){.fdos-zones__viewport{--fdos-map-zoom: 1.6;height:633px;border-radius:18px}}.fdos-zones__canvas{position:absolute;left:50%;top:50%;height:calc(100% * var(--fdos-map-zoom));aspect-ratio:4800 / 1890;transform:translate(-51%,-27%);will-change:transform}.fdos-zones__canvas.is-animated{transition:transform .45s ease}.fdos-zones__map-img{display:block;width:100%;height:100%;pointer-events:none}.fdos-zones__hint[hidden]{display:none}.fdos-zones__hint{position:absolute;left:12px;bottom:12px;z-index:3;display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--radius-pill);background:#0b1020d9;color:#fff;font-size:.8125rem;font-weight:600;pointer-events:none;transition:opacity .3s ease}.fdos-zones__hint.is-hidden{opacity:0}.fdos-zones__pin{position:absolute;z-index:1;display:flex;align-items:center;gap:6px;margin:-11px 0 0 -11px;padding:0;border:0;background:transparent;cursor:pointer;font-family:inherit}.fdos-zones__pin.is-active{z-index:2}.fdos-zones__pin-count{width:22px;height:22px;border-radius:50%;border:2px solid #fff;background:var(--fdos-ink);color:#fff;font-size:.6875rem;font-weight:700;display:flex;align-items:center;justify-content:center;transition:background .15s ease,transform .15s ease}.fdos-zones__pin:hover .fdos-zones__pin-count{transform:scale(1.1)}.fdos-zones__pin.is-active .fdos-zones__pin-count{background:var(--fdos-accent)}.fdos-zones__pin-name{display:none;padding:4px 8px;border-radius:var(--radius-sm);background:var(--fdos-ink);color:#fff;font-size:.8125rem;font-weight:600;white-space:nowrap}@media screen and (min-width:990px){.fdos-zones__pin{margin:-15px 0 0 -15px;gap:8px}.fdos-zones__pin-count{width:30px;height:30px;font-size:.8125rem}.fdos-zones__pin.is-active .fdos-zones__pin-name{display:block}}@media(prefers-reduced-motion:reduce){.fdos-zones__canvas.is-animated,.fdos-zones__hint,.fdos-zones__pin-count{transition:none}}.fdos-zones__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}@media screen and (min-width:990px){.fdos-zones__list{gap:10px}}.fdos-zone__details{border-radius:var(--radius-lg);border:1px solid #e1e5ee;transition:background .15s ease,border-color .15s ease}.fdos-zone__details[open]{background:#fff;border-color:#c7d2f5}.fdos-zone__summary{min-height:52px;padding:10px 14px;display:flex;align-items:center;gap:12px;list-style:none;cursor:pointer}.fdos-zone__summary::-webkit-details-marker{display:none}.fdos-zone__summary:focus-visible{outline:2px solid var(--fdos-accent);outline-offset:2px;border-radius:var(--radius-lg)}.fdos-zone__count{width:28px;height:28px;flex-shrink:0;border-radius:50%;background:var(--fdos-ink);color:#fff;font-size:.8125rem;font-weight:700;display:flex;align-items:center;justify-content:center}.fdos-zone__details[open] .fdos-zone__count{background:var(--fdos-accent)}.fdos-zone__name{flex-grow:1;font-size:1rem;font-weight:700}.fdos-zone__label{font-size:.8125rem;color:var(--fdos-muted)}.fdos-zone__articles{margin:0;padding:0 14px 16px 54px;list-style:none;display:flex;flex-direction:column;gap:10px}.fdos-zone__article{font-size:.9375rem;font-weight:600;line-height:1.4;color:var(--fdos-accent)}.fdos-zone__article:hover{color:var(--fdos-accent-strong)}.fdos-zone__dossier{font-size:.875rem;font-weight:600;color:var(--fdos-ink)}@media screen and (min-width:990px){.fdos-zone__details{border-radius:14px}.fdos-zone__summary{min-height:60px;padding:12px 18px;gap:14px}.fdos-zone__count{width:30px;height:30px}.fdos-zone__name{font-size:1.125rem}.fdos-zone__label{font-size:.875rem}.fdos-zone__articles{padding:0 18px 18px 62px}.fdos-zone__article{font-size:1rem}}
/*# sourceMappingURL=/cdn/shop/t/82/assets/blocks-fish-dossier-zones.css.map */