:root{--france-map-primary: #68B97C;--france-map-primary-dark: #4ea54f;--france-map-text: #333}.france-map__wrapper{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.france-map__metadata-row{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.france-map__metadata-row-image{flex-shrink:0}.france-map__metadata-row-image img{width:100%;max-width:75px;height:auto;border-radius:50%;object-fit:cover;aspect-ratio:1/1}.france-map__metadata-row-text{flex:1}.france-map__metadata-row-text p{margin:0}.france-map__metadata-heading{margin-bottom:1rem}.france-map__metadata-heading h1,.france-map__metadata-heading h2,.france-map__metadata-heading h3,.france-map__metadata-heading h4,.france-map__metadata-heading h5,.france-map__metadata-heading h6{margin:0;line-height:1.3}.france-map__metadata-text{margin-bottom:1rem}.france-map__metadata-text p{margin:0 0 .5rem}.france-map__metadata-text p:last-child{margin-bottom:0}.france-map__wrapper svg{transition:transform .3s ease}.clickable-region{transition:fill .3s ease,opacity .3s ease,filter .3s ease}.clickable-region:hover{cursor:pointer}.france-map__collections{width:100%;max-width:700px;display:flex;flex-direction:column;gap:1rem}.france-map svg{width:100%;max-width:50vw;height:auto;max-height:80vh}.france-map path{cursor:pointer}.france-map path.region--active{transition:all .3s ease}.map-sidebar{position:fixed;top:0;right:0;width:50vw;height:100vh;padding:3rem;background-color:#fff;box-shadow:-4px 0 20px #00000026;overflow-y:auto;z-index:1000;opacity:0;transform:translate(50vw);pointer-events:none;transition:opacity .3s ease,transform .3s ease}.map-sidebar--active{opacity:1;transform:translate(0);pointer-events:auto}.map-sidebar__close{position:fixed;top:1rem;right:1rem;font-size:2.5rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#fffffff2;border:2px solid var(--france-map-text);border-radius:50%;color:var(--france-map-text);cursor:pointer;z-index:1001;box-shadow:0 2px 10px #0003;transition:all .3s ease}.map-sidebar__close:hover{background:var(--france-map-text);color:#fff;transform:rotate(90deg);box-shadow:0 4px 15px #0000004d}.map-sidebar__inner img{width:100%;object-fit:cover;aspect-ratio:1/1;border-radius:8px}.map-sidebar__products{margin-top:2rem}.map-sidebar__products h3{margin-bottom:1rem;font-size:1.2rem}.map-sidebar__products ul{list-style:none;padding:0;margin:0}.map-sidebar__products li{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.map-sidebar__products img{width:60px;height:auto;border-radius:4px}.products-carrousel{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.region-path{pointer-events:none}.sidebar-departments{margin-top:2rem}.sidebar-departments h3{margin-bottom:1.5rem;font-size:1.5rem;font-weight:600;color:var(--france-map-text)}.departments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;margin-top:1rem}.department-card{display:flex;flex-direction:column;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease;background:#fff}.department-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000026}.department-card img{width:100%;height:200px;object-fit:cover}.department-card__no-image{width:100%;height:200px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--france-map-primary) 0%,var(--france-map-primary-dark) 100%);color:#fff;font-size:3rem;font-weight:700}.department-card__content{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.department-card h4{margin:0;font-size:1rem;font-weight:500;color:var(--france-map-text);text-align:center}.department-card__buttons{display:flex;flex-direction:column;gap:.5rem}.department-btn{display:inline-block;padding:.75rem 1rem;text-align:center;text-decoration:none;border-radius:8px;font-size:.9rem;font-weight:500;transition:all .3s ease;cursor:pointer}.department-btn--primary{background-color:var(--france-map-primary);color:#fff;border:2px solid var(--france-map-primary)}.department-btn--primary:hover{background-color:var(--france-map-primary-dark);border-color:var(--france-map-primary-dark);transform:translateY(-2px)}.department-btn--secondary{background-color:#fff;color:var(--france-map-primary);border:2px solid var(--france-map-primary)}.department-btn--secondary:hover{background-color:var(--france-map-primary);color:#fff;transform:translateY(-2px)}.popup-product-in-sidebar .card-wrapper .card{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:1rem;border:1px solid black;border-radius:13px;background:#f0f8ff}.map-sidebar__backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;z-index:999;opacity:0;pointer-events:none;transition:opacity .3s ease}.map-sidebar__backdrop--active{opacity:1;pointer-events:auto}.sidebar-departments__note{margin-top:1.5rem;padding:1rem 1.25rem;font-size:.95rem;font-style:italic;color:#555;line-height:1.6;border-left:3px solid var(--france-map-primary);background:#f9f9f9;border-radius:0 8px 8px 0}.sidebar-no-departments{padding:2rem 0;text-align:center;color:#888;font-style:italic}.clickable-region--hidden{opacity:.2!important;pointer-events:none;cursor:default}.clickable-region:focus{outline:none}.clickable-region:focus-visible{outline:2px solid var(--france-map-primary-dark);outline-offset:2px}body.body--noscroll{overflow:hidden!important;touch-action:none}@media(max-width:768px){.france-map svg{max-width:90vw}.map-sidebar{width:100%;max-width:90vw;padding:2rem}.map-sidebar__close{top:.5rem;right:.5rem}.departments-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.department-card img,.department-card__no-image{height:150px}}@media(max-width:480px){.france-map svg{max-width:100vw}.map-sidebar{width:100%;max-width:100vw;padding:1rem}.map-sidebar__close{top:.5rem;right:.5rem;font-size:1.5rem}.products-carrousel{grid-template-columns:1fr 1fr}.departments-grid{grid-template-columns:1fr;gap:1rem}.department-card img,.department-card__no-image{height:180px}.sidebar-departments h3{font-size:1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/component-france-map.css.map */