.mis{--mis-cartone:var(--t-sfondo);--mis-scatola:var(--t-superficie);--mis-ink:var(--t-testo);--mis-tenue:var(--t-testo-tenue);--mis-blu:var(--t-primario);--mis-blu2:#13204F;--mis-arancio:#EA8913;--mis-arancio2:#D27A0E;--mis-bordo:#6F6A5E;--mis-spago:#F6F1E6;--mis-filetto:color-mix(in srgb,var(--t-testo) 14%,transparent);--mis-kraft:#E3E0D8;position:relative;color:var(--mis-ink);font-variant-numeric:tabular-nums}
.mis *,.mis *::before,.mis *::after{box-sizing:border-box}
.mis :focus-visible{outline:3px solid var(--mis-blu);outline-offset:2px}
.mis-sez{padding-block:clamp(3rem,5.5vw,5.5rem)}
.mis-h1,.mis-h2,.mis-h3{margin:0;font-family:var(--t-font-titoli);font-weight:700;letter-spacing:-.02em;line-height:1.04;text-wrap:balance;overflow-wrap:break-word}
.mis-h1{font-size:clamp(2.375rem,1.4rem + 4vw,4.5rem);line-height:1.02}
.mis-h2{font-size:clamp(1.75rem,1.2rem + 2vw,2.75rem)}
.mis-h3{font-size:1.3125rem;line-height:1.2}
.mis-h1 em,.mis-h2 em,.mis-h1 .pf-chiave,.mis-h2 .pf-chiave{font-style:normal;color:inherit;background:none;padding:0;margin:0;border-radius:0}
.mis-cart{display:block;margin:0;font:500 .8125rem/1.3 var(--t-font-testo);letter-spacing:.08em;text-transform:uppercase;color:var(--mis-blu)}
.mis-cart--tenue{color:var(--mis-tenue)}
.mis-testa{max-width:46rem;margin-bottom:2rem}
.mis-testa>.mis-h2{margin-top:.6rem}
.mis-intro{margin:.75rem 0 0;font-size:1.125rem;color:var(--mis-tenue)}
.mis-scatola{position:relative;background:var(--mis-scatola);border:1px solid var(--mis-filetto);border-radius:2px}
.mis-spago::before{content:"";position:absolute;left:1.25rem;right:1.25rem;top:2.95rem;height:3px;background:var(--mis-spago);box-shadow:0 1px 0 var(--mis-filetto)}
.mis-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3rem;padding:.75rem 1.25rem;border:2px solid transparent;border-radius:2px;font:500 1.0625rem/1.2 var(--t-font-testo);text-decoration:none;cursor:pointer;transition:background .12s,border-color .12s}
.mis-btn--p{background:var(--mis-arancio);border-color:var(--mis-arancio);color:var(--mis-ink)}
.mis-btn--p:hover{background:var(--mis-arancio2);border-color:var(--mis-arancio2);text-decoration:none}
.mis-btn--s{background:transparent;border-color:var(--mis-blu);color:var(--mis-blu)}
.mis-btn--s:hover{background:color-mix(in srgb,var(--mis-blu) 8%,transparent);text-decoration:none}
.mis-btn--mini{min-height:2.75rem;padding:.5rem .9rem;font-size:.9375rem}
.mis-btn svg{flex:none;width:1.1em;height:1.1em}
.mis-azioni{display:flex;flex-wrap:wrap;gap:.75rem}
@media (max-width:37.49rem){.mis-azioni>.mis-btn{width:100%}}
.mis-nota{margin:.9rem 0 0;font-size:.9375rem;color:var(--mis-tenue)}
.mis-link{font-weight:500;color:var(--mis-blu);text-underline-offset:.25em}
.mis-ts{position:relative;z-index:30;background:var(--mis-cartone);border-bottom:1px solid var(--mis-filetto)}
.mis-ts--fissa{position:sticky;top:0}
.mis-ts__riga{display:flex;align-items:center;gap:1rem;min-height:4.25rem}
.mis-ts__logo{display:flex;align-items:center;min-height:2.75rem;color:var(--mis-ink)}
.mis-ts__logo img{display:block;width:auto;height:2.5rem;max-width:7rem;object-fit:contain;object-position:left}
.mis-ts__nav{display:none}
.mis-ts__nav ul{display:flex;align-items:center;gap:.25rem;margin:0 0 0 .75rem;padding:0;list-style:none}
.mis-ts__nav li{position:relative}
.mis-ts__voce,.mis-ts__tendina>summary{display:flex;align-items:center;min-height:2.75rem;padding:0 .8rem;border-radius:2px;font:500 1rem/1 var(--t-font-testo);color:var(--mis-ink);text-decoration:none;cursor:pointer;list-style:none;white-space:nowrap}
.mis-ts__tendina>summary::-webkit-details-marker{display:none}
.mis-ts__tendina>summary::after{content:"";width:.45rem;height:.45rem;margin:0 0 .2rem .5rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}
.mis-ts__voce:hover,.mis-ts__tendina>summary:hover{background:color-mix(in srgb,var(--mis-ink) 7%,transparent);text-decoration:none}
.mis-ts__tendina[open]>summary{background:color-mix(in srgb,var(--mis-ink) 7%,transparent)}
.mis-ts__pannello{position:absolute;left:0;top:100%;display:grid;min-width:14rem;padding:.5rem;background:var(--mis-scatola);border:1px solid var(--mis-filetto)}
.mis-ts__pannello a{display:flex;align-items:center;min-height:2.75rem;padding:0 .75rem;color:var(--mis-ink);text-decoration:none}
.mis-ts__pannello a:hover{background:var(--mis-cartone)}
.mis-ts__destra{display:flex;align-items:center;gap:.5rem;margin-left:auto}
.mis-ts__cta{min-height:2.75rem;padding:.5rem .9rem;font-size:.9375rem}
.mis-ts__mobile>summary{display:inline-flex;align-items:center;min-height:2.75rem;padding:0 .8rem;border:2px solid var(--mis-blu);border-radius:2px;color:var(--mis-blu);font:500 .9375rem/1 var(--t-font-testo);cursor:pointer;list-style:none}
.mis-ts__mobile>summary::-webkit-details-marker{display:none}
.mis-ts__elenco{position:absolute;left:0;right:0;top:100%;display:grid;align-content:start;max-height:calc(100dvh - 4.5rem);overflow:auto;background:var(--mis-scatola);border-bottom:1px solid var(--mis-filetto)}
.mis-ts__v1{display:flex;align-items:center;min-height:3rem;padding:0 1rem;border-top:1px solid var(--mis-filetto);font-weight:500;color:var(--mis-ink);text-decoration:none}
.mis-ts__v2{display:flex;align-items:center;min-height:3rem;padding:0 1rem 0 2rem;border-top:1px solid var(--mis-filetto);color:var(--mis-ink);text-decoration:none}
@media (max-width:59.99rem){
/* Sul telefono si vede solo il marchio (il globo con «MIS»): il logo intero, ritagliato. Il logo è 401×164 e il marchio sta nel riquadro 128..290 × 0..108 (sotto c'è la scritta): 108 unità = 44 px. */
.mis-ts__logo{align-items:flex-start;width:4.12rem;height:2.75rem;overflow:hidden}
.mis-ts__logo img{width:10.2rem;max-width:none;height:4.175rem;margin-left:-3.256rem}
.mis-ts__cta{padding-inline:.7rem;font-size:.875rem}
}
@media (min-width:60rem){
.mis-ts__logo img{height:2.75rem;max-width:6.75rem}
.mis-ts__nav{display:block}
.mis-ts__mobile{display:none}
}
.mis-ap{padding-block:clamp(2rem,4vw,4rem) clamp(3rem,5.5vw,5.5rem)}
.mis-ap__riga{display:grid;gap:2rem;align-items:center}
@media (min-width:60rem){.mis-ap__riga{grid-template-columns:minmax(0,46fr) minmax(0,54fr);gap:3.5rem}}
.mis-ap .mis-h1{margin-top:.75rem}
.mis-ap--pagina .mis-h1{font-size:clamp(2rem,1.3rem + 3vw,3.5rem)}
.mis-ap__lead{margin:1.25rem 0 0;max-width:34rem;font-size:1.1875rem}
.mis-ap__azioni{margin-top:1.75rem}
.mis-ap__oggi{display:grid;gap:.35rem;margin-top:1.5rem;font-size:1rem}
.mis-ap__oggi p{margin:0}
.mis-ap__oggi b{font-weight:500}
.mis-ap__pallino{display:inline-block;width:.6rem;height:.6rem;margin-right:.45rem;border-radius:50%;background:#2E7D4F;vertical-align:.05em}
.mis-ap__pallino.chiuso{background:var(--mis-bordo)}
.mis-box{perspective:1200px;perspective-origin:50% 0}
.mis-box__corpo{position:relative;background:var(--mis-scatola);border:1px solid color-mix(in srgb,var(--t-testo) 22%,transparent);border-radius:2px;transform-style:preserve-3d}
.mis-box__img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.mis-box__corpo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,26,46,.42) 0%,rgba(20,26,46,.1) 58%,rgba(20,26,46,0) 70%);opacity:.15;pointer-events:none}
.mis-box__coperchio{position:absolute;left:-.6%;right:-.6%;top:-1.2%;height:58%;display:grid;align-content:end;padding:clamp(.75rem,2.2vw,1.5rem);background:var(--mis-scatola);border:1px solid color-mix(in srgb,var(--t-testo) 22%,transparent);border-radius:2px;box-shadow:0 10px 24px -12px rgba(20,26,46,.45);transform-origin:50% 0;transform:rotateX(74deg)}
.mis-box__coperchio::before{content:"";position:absolute;left:1rem;right:1rem;top:0;height:3px;background:var(--mis-spago);box-shadow:0 1px 0 var(--mis-filetto)}
.mis-box__coperchio::after{content:"";position:absolute;left:-1px;right:-1px;bottom:-9px;height:9px;background:var(--mis-kraft);border:1px solid color-mix(in srgb,var(--t-testo) 22%,transparent);border-top:0;transform-origin:50% 0;transform:rotateX(-90deg)}
.mis-box__etic{display:grid;gap:.15rem}
.mis-box__riga1{font-family:var(--t-font-titoli);font-weight:700;font-size:clamp(1.25rem,2.6vw,2rem);letter-spacing:-.02em;line-height:1}
.mis-box__riga2,.mis-box__riga3{font:500 .8125rem/1.3 var(--t-font-testo);letter-spacing:.08em;text-transform:uppercase;color:var(--mis-tenue)}
.mis-box__riga3{color:var(--mis-blu)}
.mis-box__dida{margin:.75rem 0 0;font-size:.9375rem;color:var(--mis-tenue)}
.mis-tre{padding-top:0}
.mis-tre__lista{display:grid;gap:1rem;margin:0;padding:0;list-style:none}
@media (min-width:47.5rem){.mis-tre__lista{grid-template-columns:repeat(3,1fr)}}
.mis-tre__scatola{padding:1.25rem 1.25rem 1.5rem}
.mis-tre__scatola .mis-cart{padding-bottom:.75rem}
.mis-tre__scatola p{margin:.9rem 0 0}
.mis-scaff__lista{display:grid;gap:1rem;margin:0;padding:0;list-style:none}
@media (min-width:40rem){.mis-scaff__lista{grid-template-columns:repeat(2,1fr)}}
@media (min-width:62.5rem){.mis-scaff__lista{grid-template-columns:repeat(3,1fr)}}
.mis-scaff__link{display:grid;grid-template-rows:auto 1fr;min-height:4.5rem;color:inherit;text-decoration:none}
.mis-scaff__link:hover{text-decoration:none}
.mis-scaff__foto{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--mis-kraft)}
.mis-scaff__foto img{display:block;width:100%;height:100%;object-fit:cover}
.mis-scaff__testo{display:grid;align-content:start;gap:.25rem;padding:1rem 1.125rem 1.25rem;border-top:1px solid var(--mis-filetto)}
.mis-scaff__desc{margin-top:.25rem;color:var(--mis-tenue);font-size:1rem}
.mis-scaff__conta{margin-top:.5rem;font-size:.9375rem;font-weight:500}
@media (max-width:39.99rem){
.mis-scaff__link{grid-template-columns:38% 1fr;grid-template-rows:none}
.mis-scaff__foto{aspect-ratio:auto;height:100%;min-height:6.5rem}
.mis-scaff__testo{border-top:0;border-left:1px solid var(--mis-filetto);padding:.9rem 1rem}
.mis-scaff__desc{display:none}
}
.mis-op__lista{display:grid;gap:.75rem;margin:0;padding:0;list-style:none}
@media (min-width:40rem){.mis-op__lista{grid-template-columns:repeat(2,1fr)}}
@media (min-width:62.5rem){.mis-op__lista{grid-template-columns:repeat(3,1fr)}}
.mis-cop{display:grid;align-content:start;gap:.5rem;padding:1rem 1.125rem 1.125rem}
.mis-cop::before{content:"";position:absolute;left:1.125rem;right:1.125rem;top:2.55rem;height:3px;background:var(--mis-spago);box-shadow:0 1px 0 var(--mis-filetto)}
.mis-cop .mis-cart{padding-bottom:.9rem}
.mis-cop__nome{margin:0;font:700 1.25rem/1.15 var(--t-font-titoli);letter-spacing:-.01em;overflow-wrap:anywhere}
.mis-cop__cosa{margin:0;font-size:.9375rem;color:var(--mis-tenue)}
.mis-cop__rec{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.25rem}
.mis-cop__foto{display:inline-flex;align-items:center;min-height:2.75rem;padding-inline:.25rem}
.mis-op__coda{margin:1.5rem 0 0}
.mis-op--scheda .mis-op__lista{grid-template-columns:minmax(0,34rem)}
.mis-op__filtro{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1.25rem;padding:0;border:0}
.mis-op__filtro legend{float:left;margin-right:.75rem;padding:0;line-height:2.75rem}
.mis-op__filtro label{display:inline-flex}
.mis-op__filtro input{position:absolute;opacity:0;width:1px;height:1px}
.mis-op__filtro label span{display:inline-flex;align-items:center;min-height:2.75rem;padding:0 1rem;border:1.5px solid var(--mis-bordo);border-radius:2px;background:var(--mis-scatola);font-weight:500;cursor:pointer}
.mis-op__filtro input:checked+span{background:var(--mis-blu);border-color:var(--mis-blu);color:#fff}
.mis-op__filtro input:focus-visible+span{outline:3px solid var(--mis-blu);outline-offset:2px}
.mis-op--filtro:has(input[value="uomo"]:checked) .mis-cop:not([data-c~="uomo"]),
.mis-op--filtro:has(input[value="donna"]:checked) .mis-cop:not([data-c~="donna"]),
.mis-op--filtro:has(input[value="bambini"]:checked) .mis-cop:not([data-c~="bambini"]),
.mis-op--filtro:has(input[value="pantofole"]:checked) .mis-cop:not([data-c~="pantofole"]),
.mis-op--filtro:has(input[value="accessori"]:checked) .mis-cop:not([data-c~="accessori"]),
.mis-op--filtro:has(input[value="pelletteria"]:checked) .mis-cop:not([data-c~="pelletteria"]){display:none}
.mis-sf__muro{column-count:2;column-gap:.75rem;margin:0;padding:0;list-style:none}
@media (min-width:40rem){.mis-sf__muro{column-count:3}}
@media (min-width:62.5rem){.mis-sf__muro{column-count:4}}
.mis-sf__foto{break-inside:avoid;margin:0 0 .75rem}
.mis-sf__apri{display:block;background:var(--mis-kraft);border:1px solid var(--mis-filetto)}
.mis-sf__apri img{display:block;width:100%;height:auto}
.mis-sf__dida{margin:.35rem 0 0;font-size:.875rem;color:var(--mis-tenue)}
.mis-sf__op{margin:.25rem 0 0;font-size:.875rem}
.mis-sf__op a{display:inline-flex;align-items:center;min-height:2.75rem;color:var(--mis-ink);font-weight:500}
.mis-sf__chiedi{margin:0}
.mis-sf__chiedi a{display:inline-flex;align-items:center;gap:.4rem;min-height:2.75rem;font-size:.9375rem;font-weight:500;color:var(--mis-blu)}
.mis-sf__chiedi svg{flex:none;width:1.1em;height:1.1em}
.mis-co__fila{display:flex;gap:.75rem;margin:0;padding:0 0 .5rem;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}
.mis-co__foto{flex:0 0 clamp(9.5rem,40vw,14rem);margin:0;scroll-snap-align:start}
.mis-co__img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;background:var(--mis-kraft);border:1px solid var(--mis-filetto)}
.mis-co__foto p{margin:.4rem 0 0;font-size:.875rem;color:var(--mis-tenue)}
.mis-co__foto a{display:inline-flex;align-items:center;min-height:2.75rem;color:var(--mis-ink);text-decoration:none}
.mis-co__foto b{font-weight:500}
.mis-co__fila:focus-visible{outline:3px solid var(--mis-blu);outline-offset:2px}
@media (min-width:62.5rem){.mis-co__foto{flex-basis:calc((100% - 3.75rem) / 6)}}
.mis-fa{background:var(--mis-blu);color:#fff}
.mis-fa__riga{display:grid;gap:2rem;align-items:center}
@media (min-width:56.25rem){.mis-fa__riga{grid-template-columns:1fr 1fr;gap:3.5rem}}
.mis-fa .mis-cart{color:#fff;opacity:.85}
.mis-fa .mis-h2{margin-top:.5rem}
.mis-fa__testo{margin:1rem 0 0;max-width:34rem;font-size:1.125rem}
.mis-fa__numeri{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem 2rem;margin:1.5rem 0 0}
.mis-fa__numeri div{margin:0}
.mis-fa__numeri dt{font:700 1.75rem/1 var(--t-font-titoli);letter-spacing:-.02em}
.mis-fa__numeri dd{margin:.25rem 0 0;font-size:1rem}
.mis-fa__btn{margin-top:1.5rem;background:#fff;border-color:#fff;color:var(--mis-blu)}
.mis-fa__btn:hover{background:#EEF0FA;text-decoration:none}
.mis-fa :focus-visible{outline-color:#fff}
.mis-fa__img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border:1px solid rgba(255,255,255,.25)}
.mis-vf{padding-block:.75rem}
.mis-vf__fig{margin:0;max-width:56rem}
.mis-vf__video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#1b1f22;border-radius:2px}
.mis-vf__fig--verticale{max-width:min(100%,22rem)}
.mis-vf__fig--verticale .mis-vf__video{max-height:70dvh;object-fit:contain}
.mis-vf figcaption{margin-top:.5rem}
.mis-vf__titolo{margin:0;font:700 1.0625rem/1.3 var(--t-font-testo)}
.mis-vf__durata{font-weight:400;color:var(--mis-tenue)}
.mis-vf figcaption p{margin:.25rem 0 0;color:var(--mis-tenue);font-size:.9375rem}
@media (prefers-reduced-motion:no-preference){
.mis-scaff__voce .mis-scaff__foto img{transition:transform calc(220ms * var(--t-movimento,1))}
.mis-scaff__voce:hover .mis-scaff__foto img{transform:scale(1.03)}
@supports (animation-timeline:scroll()){
@keyframes mis-apri{from{transform:rotateX(6deg)}to{transform:rotateX(88deg)}}
@keyframes mis-ombra{from{opacity:1}to{opacity:0}}
.mis-box__coperchio{transform:rotateX(6deg);animation:mis-apri linear both;animation-timeline:scroll(root);animation-range:0 520px}
.mis-box__corpo::after{opacity:1;animation:mis-ombra linear both;animation-timeline:scroll(root);animation-range:0 520px}
}
@supports (animation-timeline:view()){
@keyframes mis-sale{from{opacity:.4;transform:translateY(14px)}to{opacity:1;transform:none}}
.mis-scaff__voce{animation:mis-sale linear both;animation-timeline:view();animation-range:entry 0% entry 40%}
@keyframes mis-comparsa{from{opacity:0}to{opacity:1}}
.mis-op__lista>li:nth-child(-n+12){animation:mis-comparsa linear both;animation-timeline:view();animation-range:entry 0% entry 30%}
}
}
