/* LUWAK +ENERGY — versione multilingua: selettore lingua, testi lunghi, scritture non latine, destra-sinistra. Sinapsia Studio */
[hidden]{display:none!important}
:root[data-scr]{--f:'Archivo',var(--fx),system-ui,sans-serif;--s:'Instrument Serif',var(--sx,var(--fx)),Georgia,serif;--m:'JetBrains Mono',var(--fx),ui-monospace,monospace}

/* selettore lingua nella barra */
.lg-btn{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 13px 0 11px;border:0;border-radius:99px;background:rgba(243,241,236,.1);color:var(--ink);font:700 11px var(--m);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background .3s}
.lg-btn:hover,.lg-btn[aria-expanded=true]{background:rgba(255,210,58,.2)}
.lg-btn svg{width:17px;height:17px;flex:none}
@media(max-width:370px){.lg-btn span{display:none}.lg-btn{padding:0;width:44px;justify-content:center}}
.lg{position:fixed;inset:0;z-index:120;display:flex;justify-content:flex-end;align-items:flex-start;padding:calc(72px + env(safe-area-inset-top)) var(--pad) 20px;background:rgba(3,4,11,.5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.lg-in{width:min(440px,100%);max-height:min(78vh,700px);display:flex;flex-direction:column;border-radius:26px;background:linear-gradient(160deg,#10163a,#0a0d22 60%);box-shadow:0 30px 80px rgba(0,0,0,.6),inset 0 0 0 1px var(--line);overflow:hidden;animation:lgIn .5s cubic-bezier(.2,.8,.2,1)}
.is-sweet .lg-in{background:linear-gradient(160deg,#3a1233,#170814 60%)}
@keyframes lgIn{from{opacity:0;transform:translateY(-14px) scale(.98)}}
.lg-top{display:flex;justify-content:space-between;align-items:center;padding:16px 14px 8px 22px}
.lg-t{margin:0;font:600 11px var(--m);letter-spacing:.2em;text-transform:uppercase;color:var(--mute)}
.lg-t b{color:var(--yel);font-weight:600}
.lg-x{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:rgba(243,241,236,.08);color:var(--ink);cursor:pointer}
.lg-x svg{width:18px;height:18px}
.lg-s{position:relative;display:block;margin:4px 14px 8px}
.lg-s svg{position:absolute;left:16px;top:50%;width:18px;height:18px;transform:translateY(-50%);color:var(--mute);pointer-events:none}
[dir=rtl] .lg-s svg{left:auto;right:16px}
.lg-s input{width:100%;min-height:52px;padding:0 18px 0 46px;border:0;border-radius:16px;background:rgba(243,241,236,.07);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);font:500 17px var(--f);color-scheme:dark;outline:none;transition:box-shadow .3s}
[dir=rtl] .lg-s input{padding:0 46px 0 18px}
.lg-s input:focus{box-shadow:inset 0 0 0 2px var(--yel)}
.lg-s input::placeholder{color:rgba(243,241,236,.45)}
.lg-l{list-style:none;margin:0;padding:4px 8px 14px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;scrollbar-width:thin;scrollbar-color:rgba(243,241,236,.25) transparent}
.lg-l a{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:1px 12px;padding:10px 12px;border-radius:14px;text-decoration:none;color:var(--ink);transition:background .2s}
.lg-l a:hover,.lg-l a:focus-visible{background:rgba(243,241,236,.08);outline:none}
.lg-l a[aria-current]{background:rgba(255,210,58,.13)}
.is-sweet .lg-l a[aria-current]{background:rgba(224,86,159,.18)}
.lg-l img{grid-row:1/3;width:24px;height:17px;border-radius:3px;object-fit:cover;box-shadow:0 0 0 1px rgba(255,255,255,.14);background:rgba(255,255,255,.08)}
.lg-l .n{font:700 16px/1.3 system-ui,sans-serif;letter-spacing:0}
.lg-l .e{grid-column:2;font:500 11px/1.3 var(--m);letter-spacing:.04em;color:var(--mute)}
.lg-l .c{grid-row:1/3;grid-column:3;font:600 10px var(--m);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.lg-l a[aria-current] .c{color:var(--yel)}
.lg-0{margin:0;padding:24px;text-align:center;color:var(--mute)}
@media(max-width:600px){.lg{padding:0;align-items:stretch}.lg-in{width:100%;max-height:none;height:100%;border-radius:0;padding-top:env(safe-area-inset-top)}}

/* barra: voci su una riga anche quando sono piu' lunghe dell'italiano */
.nav-cta,.links a{white-space:nowrap}
html:not([lang=it]) .links{gap:clamp(14px,1.5vw,30px)}

/* testi piu' lunghi dell'italiano: niente sbordi */
h2,h3,.mnav a,.fmts b,.chips b{hyphens:manual}
.col>p,.gu-c p,.step p,.hz-card p,.cg-f small,.val p,.pa-g p,.sc-t p,.fmts small,.io span,.who p,.rl-c p,.fo-sub,.lead,.sc-head p,.cp-head p,.hz-head p,.sc-b dt{overflow-wrap:break-word;hyphens:auto}
.sc-b dt{min-width:0;padding-inline-end:10px}
.specs span,.st-l,.chips span,.eyebrow,.gu-c ul,.fo-lbl,.duo span,.gu-hint,.cue,.sc-b dd{overflow-wrap:anywhere}
.btn{text-align:center;line-height:1.15}
.mcta{white-space:normal;max-width:calc(100vw - 32px);padding-top:8px;padding-bottom:8px}
.fo-lbl{max-width:min(22vw,300px)}
@media(max-width:819px){
  .fo-lbl{max-width:calc(38vw - 22px)}
  body:not(.no3d) .formato .steps{display:grid;min-height:0}
  body:not(.no3d) .formato .step{position:relative;grid-area:1/1}
  html:not([lang=it]) .gu-c p{display:none}
  .gu-c .btn{white-space:normal;height:auto;padding-top:8px;padding-bottom:8px}
}

/* scritture con segni sopra e sotto la riga (arabo, indiane, thai, etiope...) e CJK: niente spaziature ne' sillabazione */
html[data-g] *{letter-spacing:0!important;hyphens:manual!important}
html[data-g] .sc-b dt{overflow-wrap:anywhere}
html[data-g] em{font-style:normal}
html[data-g=tall] h2,html[data-g=tall] h3,html[data-g=tall] .mnav a,html[data-g=tall] .fmts b,html[data-g=tall] .gu-c h3,html[data-g=tall] .duo p,html[data-g=tall] .cg-f figcaption b,html[data-g=tall] .io b,html[data-g=tall] .mani-t,html[data-g=tall] .mq-t span,html[data-g=tall] .specs b{line-height:1.34}
html[data-g=tall] .w{padding-top:.1em;padding-bottom:.2em}
html[data-scr=mymr] h2,html[data-scr=khmr] h2,html[data-scr=sinh] h2,html[data-scr=mymr] h3,html[data-scr=khmr] h3{line-height:1.6}
html[data-g=cjk] h2,html[data-g=cjk] h3,html[data-g=cjk] .mnav a,html[data-g=cjk] .fmts b,html[data-g=cjk] .mani-t{line-height:1.14}
html[data-g=cjk] .w{padding-top:.04em;padding-bottom:.12em}
html[data-g] .eyebrow,html[data-g] .specs span,html[data-g] .st-l,html[data-g] .chips span,html[data-g] .fo-lbl,html[data-g] .cue,html[data-g] .gu-hint,html[data-g] .duo span,html[data-g] .pa-g h3,html[data-g] .io-col h3,html[data-g] .sc-b h3,html[data-g] .sc-t h3,html[data-g] .links,html[data-g] .rl-c p b,html[data-g] .fmts span,html[data-g] .sc-b thead th,html[data-g] .hz-card .n,html[data-g] .cg-f figcaption span{font-size:12.5px}
html[data-g] .gu-c ul{font-size:12px;line-height:1.6}
@media(max-width:819px){html[data-g] .gu-c ul{font-size:10.5px}}
html[lang=ja] h2,html[lang=ja] h3,html[lang=ja] .mani-t{word-break:auto-phrase}
html[lang=ko] h2,html[lang=ko] h3,html[lang=ko] p,html[lang=ko] .mani-t{word-break:keep-all}
html[lang^=zh] p{line-break:strict}

/* destra-sinistra: i testi si girano, la scena 3D e le parti in inglese del brand restano dove sono */
[dir=rtl] .switch,[dir=rtl] .ht,[dir=rtl] .fo-big,[dir=rtl] .kick,[dir=rtl] .duo-mid,[dir=rtl] .gu-t,[dir=rtl] .mq,[dir=rtl] .ld-t,[dir=rtl] .ld-num,[dir=rtl] .foot-mega,[dir=rtl] .brand{direction:ltr}
[dir=rtl] .gu-g,[dir=rtl] .hz-row,[dir=rtl] .hz-track,[dir=rtl] .rl-row{direction:ltr}
[dir=rtl] .gu-c,[dir=rtl] .hz-head,[dir=rtl] .hz-card,[dir=rtl] .rl-c{direction:rtl}
@media(min-width:820px){[dir=rtl] .orig .col{margin-right:auto}[dir=rtl] .sweet .col{margin-left:0;margin-right:auto}}
[dir=rtl] .sc-b dd,[dir=rtl] .sc-b td,[dir=rtl] .sc-b thead th{text-align:left}
[dir=rtl] .sc-b tbody th{text-align:right}
[dir=rtl] .gu-c li::before{content:" +"}