.sic-carta{display:block;padding-block:clamp(40px,6vw,80px)}.sic-carta__title{margin:.15em 0 0;font-family:var(--font-heading--family);font-size:clamp(2.2rem,5.5vw,4rem);line-height:1;color:var(--sic-blu);text-shadow:3px 3px 0 var(--sic-giallo)}.sic-carta__title em{color:var(--sic-rosso);font-style:italic}.sic-carta__intro{max-width:60ch;margin-inline:auto;color:var(--sic-blu-deep)}.sic-carta__filters{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 0 26px}.sic-chip{border:2px solid var(--sic-blu);background:#fff;color:var(--sic-blu);border-radius:999px;padding:8px 16px;font-weight:700;font-size:.85rem;cursor:pointer;box-shadow:3px 3px 0 var(--sic-giallo);transition:transform .15s ease,background .15s ease}.sic-chip:hover{transform:translate(-1px,-1px)}.sic-chip.is-active{background:var(--sic-blu);color:var(--sic-giallo);box-shadow:3px 3px 0 var(--sic-rosso)}.sic-carta__layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:clamp(20px,3vw,36px);align-items:start}.sic-carta__map{position:relative;border-radius:22px;overflow:hidden;border:4px solid var(--sic-giallo);box-shadow:0 0 0 5px var(--sic-blu),0 0 0 11px var(--sic-crema),0 0 0 15px var(--sic-rosso),0 24px 50px #08245a66}.sic-carta__svg{display:block;width:100%;height:auto}.sic-map__sea{fill:var(--sic-crema);font-family:var(--font-heading--family);font-style:italic;font-size:20px;opacity:.9}.sic-map__sea--big{font-size:34px;letter-spacing:.04em}.sic-map__city circle{fill:var(--sic-blu);stroke:var(--sic-crema);stroke-width:2}.sic-map__city text{fill:var(--sic-blu);font-family:var(--font-heading--family);font-style:italic;font-weight:700;font-size:17px;paint-order:stroke;stroke:var(--sic-crema);stroke-width:5px;stroke-linejoin:round}.sic-map__compass text{fill:var(--sic-crema);font-family:var(--font-heading--family);font-weight:700;font-size:16px}.sic-map__cartouche-t{fill:var(--sic-blu);font-family:var(--font-heading--family);font-style:italic;font-weight:700;font-size:26px}.sic-map__cartouche-s{fill:var(--sic-rosso);font-family:var(--font-heading--family);font-style:italic;font-size:13px}.sic-map__compass{animation:sic-compass 12s ease-in-out infinite alternate;transform-box:fill-box}@keyframes sic-compass{0%{rotate:-8deg}to{rotate:8deg}}.sic-pin{--c: var(--sic-rosso);position:absolute;z-index:2;transform:translate(-50%,-50%);display:grid;place-items:center;padding:0;border:0;background:none;cursor:pointer;transition:opacity .2s ease,transform .2s ease}.sic-pin__disc{width:clamp(30px,4.6vw,48px);height:clamp(30px,4.6vw,48px);border-radius:50%;display:grid;place-items:center;background:var(--sic-crema);border:3px solid var(--c);box-shadow:0 0 0 3px var(--sic-crema),0 0 0 5px var(--sic-blu),0 6px 12px #08245a73;transition:transform .2s ease}.sic-pin__disc svg,.sic-pin__disc .sic-lemon{width:70%;height:70%}.sic-pin:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:3px solid var(--c);opacity:0;animation:sic-pulse 2.4s ease-out infinite;pointer-events:none}.sic-pin__label{position:absolute;top:100%;left:50%;transform:translate(-50%,6px);white-space:nowrap;background:var(--sic-blu);color:var(--sic-giallo);font-family:var(--font-heading--family);font-style:italic;font-weight:700;font-size:.8rem;padding:3px 10px;border-radius:999px;opacity:0;pointer-events:none;transition:opacity .15s ease}.sic-pin:hover{z-index:4}.sic-pin:hover .sic-pin__disc,.sic-pin:focus-visible .sic-pin__disc{transform:scale(1.15) rotate(-6deg)}.sic-pin:hover .sic-pin__label,.sic-pin:focus-visible .sic-pin__label,.sic-pin.is-active .sic-pin__label{opacity:1}.sic-pin.is-active{z-index:5}.sic-pin.is-active .sic-pin__disc{transform:scale(1.25);background:var(--c);box-shadow:0 0 0 3px var(--sic-giallo),0 0 0 6px var(--sic-blu),0 10px 20px #08245a80}.sic-pin.is-active .sic-pin__disc svg{filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 2px #fff)}.sic-pin.is-dimmed{opacity:.18;pointer-events:none}.sic-pin.is-dimmed:after{animation:none}.sic-pin:focus-visible{outline:none}.sic-pin:focus-visible .sic-pin__disc{outline:3px solid var(--sic-giallo);outline-offset:4px}@keyframes sic-pulse{0%{opacity:.9;transform:scale(.8)}to{opacity:0;transform:scale(1.6)}}.sic-carta__panels{position:sticky;top:calc(var(--header-height, 80px) + 20px)}.sic-panel{--c: var(--sic-rosso);background:#fff;border:3px solid var(--sic-blu);border-radius:22px;padding:0 22px 24px;box-shadow:8px 8px 0 var(--c);overflow:hidden;animation:sic-panel-in .3s ease}.sic-panel[hidden]{display:none}@keyframes sic-panel-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.sic-panel__head{display:flex;gap:14px;align-items:center;margin:0 -22px 16px;padding:26px 22px 16px;background:linear-gradient(var(--sic-crema),var(--sic-crema)) padding-box;border-top:14px solid transparent;border-image:var(--sic-stripes) 14;border-bottom:2px solid var(--sic-oro)}.sic-panel__disc{flex:none;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--sic-tile) center / 32px 32px;border:4px solid var(--c)}.sic-panel__disc>*{width:40px;height:40px;background:var(--sic-crema);border-radius:50%;padding:4px;box-sizing:border-box}.sic-panel__area{margin:0;font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;color:var(--sic-rosso);font-weight:700}.sic-panel__title{margin:2px 0 0;font-family:var(--font-heading--family);font-size:1.7rem;line-height:1.05;color:var(--sic-blu)}.sic-panel__zone{margin:2px 0 0;font-style:italic;color:var(--sic-blu-deep)}.sic-panel__text{color:var(--sic-blu-deep);font-size:.98rem;line-height:1.6}.sic-panel__products{list-style:none;margin:18px 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sic-prod{display:flex;flex-direction:column;height:100%;gap:6px;padding:8px;border:2px solid var(--sic-oro);border-radius:12px;text-decoration:none;color:var(--sic-blu);background:var(--sic-crema);transition:transform .15s ease,box-shadow .15s ease}.sic-prod:hover{transform:translateY(-3px);box-shadow:4px 4px 0 var(--c)}.sic-prod__img{display:grid;place-items:center;aspect-ratio:1;background:#fff;border-radius:8px;overflow:hidden}.sic-prod__img img{width:100%;height:100%;object-fit:contain}.sic-prod__img svg{width:50%;height:50%}.sic-prod__title{font-family:var(--font-heading--family);font-weight:700;font-size:.85rem;line-height:1.2}.sic-prod__price{margin-top:auto;color:var(--sic-rosso);font-weight:700;font-size:.9rem}.sic-panel__soon{display:flex;align-items:center;gap:12px;margin:18px 0;padding:14px;border:2px dashed var(--sic-oro);border-radius:12px;background:var(--sic-crema);font-family:var(--font-heading--family);font-style:italic;color:var(--sic-blu)}.sic-panel__soon .sic-lemon{width:52px;flex:none}.sic-carta__index{margin-top:clamp(36px,5vw,56px)}.sic-carta__index-title{text-align:center;font-family:var(--font-heading--family);color:var(--sic-blu);font-size:clamp(1.5rem,3vw,2rem);margin:0 0 18px}.sic-carta__index ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.sic-carta__index li.is-dimmed{opacity:.3}.sic-carta__index button{--c: var(--sic-rosso);width:100%;text-align:left;display:flex;flex-direction:column;gap:2px;padding:12px 14px;border:2px solid var(--sic-blu);border-left:8px solid var(--c);border-radius:12px;background:#fff;color:var(--sic-blu);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.sic-carta__index button:hover{transform:translateY(-2px);box-shadow:4px 4px 0 var(--sic-giallo)}.sic-carta__index strong{font-family:var(--font-heading--family);font-size:1.05rem}.sic-carta__index span{font-size:.82rem;font-style:italic;color:var(--sic-rosso)}@media(max-width:989px){.sic-carta__layout{grid-template-columns:1fr}.sic-carta__panels{position:static}}@media(max-width:749px){.sic-carta__map{border-radius:14px;box-shadow:0 0 0 3px var(--sic-blu),0 0 0 7px var(--sic-crema),0 0 0 10px var(--sic-rosso),0 14px 30px #08245a66}.sic-pin__disc{border-width:2px;box-shadow:0 0 0 2px var(--sic-crema),0 0 0 3px var(--sic-blu),0 3px 6px #08245a66}.sic-pin__label{font-size:.7rem}.sic-panel__products{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.sic-pin:after,.sic-map__compass,.sic-panel{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/sicilia-carta.css.map */