#r3s{display:none}
html.r3s-on #r3s{display:block}
#r3s [hidden]{display:none!important}
html.r3s-on body:not(.editor_enable) #product_detail_main{display:none!important}
html.r3s-on body:not(.editor_enable) #product_detail > .o_wsale_content_contained.container{display:none!important}
body.editor_enable #r3s,body.editor_enable #r3-sticky-cart.r3s-bar{display:none!important}
html.r3s-on .s_embed_code:has(#r3s){padding-top:0!important;padding-bottom:0!important;background:transparent!important}
html.r3s-on .s_embed_code:has(#r3s) .s_embed_code_embedded{text-align:left}
html.r3s-lock,html.r3s-lock body{overflow:hidden!important}
/* descrizioni universali precedenti (v22-v24) nelle zone condivise: nascoste mentre c'e' quella automatica (regole separate: i browser vecchi ignorano solo quelle con :has) */
html.r3s-descr-on body:not(.editor_enable) #r3StickyBar{display:none!important}
/* moduli della scheda vecchia (MODULI 18, 2, 19, 21, 22, 27, 37...) se sono ancora nel codice del sito: qui non servono piu' */
html.r3s-on body:not(.editor_enable) :is(.x3r-warranty-badge,.x3r-warranty-stage,.x3r-variants-loader,.x3r-grade-section,.x3r-grade-cards,.x3r-price-block,.x3r-savings-row,.r3-buybox-delivery,.r3-buybox-stock,.r3-buybox-trust,.r3-tradein,.r3-battline,.r3-av-chips){display:none!important}
html.r3s-descr-on body:not(.editor_enable) #oe_structure_website_sale_product_2 > :is(.r3-v22,.r3-v23,.r3-v24,.r3-product-desc,.r3-premium,.r3-v11,.r3-auto-desc,[class*="r3-v2"]){display:none!important}
html.r3s-descr-on body:not(.editor_enable) #oe_structure_website_sale_product_2 > :has(.r3-v22,.r3-v23,.r3-v24,.r3-product-desc,.r3-premium,.r3-v11,.r3-auto-desc,[class*="r3-v2"]){display:none!important}
html.r3s-descr-on body:not(.editor_enable) #oe_structure_website_sale_product_1 > :not(:has(#r3s)):has(.r3-v22,.r3-v23,.r3-v24,.r3-product-desc,.r3-premium,.r3-v11,.r3-auto-desc,[class*="r3-v2"]){display:none!important}
html.r3s-descr-on body:not(.editor_enable) #product_full_description :is([class^="r3-v"],[class*=" r3-v"],.r3-product-desc,.r3-premium,.r3-auto-desc,#r3Uni){display:none!important}
html.r3s-descr-on body:not(.editor_enable) #product_full_description > :has([class^="r3-v"],[class*=" r3-v"],.r3-product-desc,.r3-premium,.r3-auto-desc,#r3Uni){display:none!important}
#r3s,#r3-sticky-cart.r3s-bar,.r3s-zoom,.r3s-toast{
--ink:#1d1d1f;--ink2:#424245;--mute:#6e6e73;--line:#d2d2d7;--soft:#e8e8ed;--bg:#f5f5f7;
--blue:#0071e3;--blue2:#0062c4;--blues:#e8f1fc;--teal:#17a098;--green:#0b7a3e;--greens:#e2f6e9;
--prem:#7a3df0;--prems:#f1eaff;--warn:#c2410c;--promo:#b03a0a;--promos:#fdebe6;--card:#eef3fb;
color:var(--ink);font-family:inherit;line-height:1.35;-webkit-font-smoothing:antialiased;text-align:left;
}
#r3s *,#r3s *::before,#r3s *::after,#r3-sticky-cart.r3s-bar *,.r3s-zoom *{box-sizing:border-box}
#r3s button,#r3-sticky-cart.r3s-bar button,.r3s-zoom button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;margin:0;border:0;background:none;padding:0;text-align:center}
#r3s a{color:inherit;text-decoration:none}
#r3s h1,#r3s h2,#r3s h3,#r3s p,#r3s ul{margin:0;padding:0}
#r3s ul{list-style:none}
/* ---- struttura ---- */
#r3s .r3s-hero{display:grid;grid-template-columns:1fr;gap:14px;padding:8px 0 28px}
#r3s .r3s-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12.5px;color:var(--mute);margin-bottom:6px}
#r3s .r3s-crumb-m{margin:0 0 -4px}
#r3s .r3s-box .r3s-crumb{display:none}
#r3s .r3s-i,#r3s .r3s-back{position:relative}
#r3s .r3s-i::after{content:"";position:absolute;inset:-11px}
#r3s .r3s-back::after{content:"";position:absolute;inset:-4px}
#r3s .r3s-back{display:inline-grid;place-items:center;width:32px;height:32px;margin-right:4px;border-radius:50%;background:var(--bg);color:var(--ink)}
#r3s .r3s-back:hover{background:var(--blues);color:var(--blue)}
#r3s .r3s-back svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
#r3s .r3s-crumb a:hover{color:var(--blue)}
/* ---- galleria ---- */
#r3s .r3s-gal{position:relative;background:#fff;border-radius:20px;padding:14px;overflow:hidden}
#r3s .r3s-main{position:relative;aspect-ratio:1/1;display:grid;place-items:center;touch-action:pan-y}
#r3s .r3s-main img{width:100%;height:100%;object-fit:contain;transition:opacity .25s;cursor:zoom-in}
#r3s .r3s-main img:focus-visible{outline:3px solid rgba(0,113,227,.45);outline-offset:4px;border-radius:12px}
#r3s .r3s-main img.r3s-fade{opacity:.6}
#r3s .r3s-main img.r3s-velo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;z-index:1;transition:none;cursor:default}
#r3s .r3s-main img:not([src]){visibility:hidden}
#r3s .r3s-badge{position:absolute;top:12px;right:12px;z-index:2;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px 0 9px;border-radius:999px;background:rgba(255,255,255,.92);box-shadow:0 4px 14px rgba(0,0,0,.08),inset 0 0 0 1px rgba(0,0,0,.06);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:12px;font-weight:650;letter-spacing:-.01em;text-transform:none;color:var(--ink);white-space:nowrap;pointer-events:none}
#r3s .r3s-badge svg{width:16px;height:16px;color:var(--teal);margin:0;flex:0 0 auto}
#r3s .r3s-tags{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:4px;align-items:flex-start;z-index:2;pointer-events:none}
#r3s .r3s-tag{font-size:11px;font-weight:700;padding:5px 9px;border-radius:999px;background:var(--blue);color:#fff}
#r3s .r3s-tag.r3s-tag2{background:rgba(255,255,255,.92);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
#r3s .r3s-tag.r3s-tag-promo{background:var(--promo)}
#r3s .r3s-thumbs{display:flex;gap:8px;margin-top:10px;overflow-x:auto;scrollbar-width:none;padding:2px}
#r3s .r3s-thumbs::-webkit-scrollbar{display:none}
#r3s .r3s-thumbs:empty{display:none}
#r3s .r3s-th{flex:0 0 auto;width:58px;height:58px;border-radius:12px;border:1px solid var(--soft);background:#fff;padding:3px;display:grid;place-items:center;transition:border-color .15s,box-shadow .15s}
#r3s .r3s-th img{width:100%;height:100%;object-fit:contain;border-radius:8px}
#r3s .r3s-th[aria-current="true"]{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}
/* ---- box acquisto ---- */
#r3s .r3s-box{background:#fff;border-radius:20px;padding:18px 16px 16px}
#r3s .r3s-h1{font-size:24px;line-height:1.1;font-weight:750;letter-spacing:-.025em}
#r3s .r3s-sub{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:8px;font-size:12.5px;color:var(--mute)}
#r3s .r3s-pill{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:999px;background:var(--bg);font-weight:600;color:var(--ink2)}
#r3s .r3s-pill svg{width:12px;height:12px;color:var(--teal)}
#r3s .r3s-star{color:#f5a623;vertical-align:-1px}
#r3s .r3s-desc{margin-top:10px;font-size:13.5px;color:var(--ink2);line-height:1.45}
#r3s .r3s-desc p{margin:0 0 6px}
#r3s .r3s-desc:empty{display:none}
#r3s .r3s-price{margin-top:12px;padding-top:12px;border-top:1px solid var(--soft)}
#r3s .r3s-now{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
#r3s .r3s-now strong{font-size:34px;font-weight:750;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1}
#r3s .r3s-was{font-size:13px;color:var(--mute);white-space:nowrap}
#r3s .r3s-was s{text-decoration:line-through}
#r3s .r3s-promo{display:inline-flex;align-items:center;gap:5px;background:var(--promos);color:var(--promo);font-weight:700;border-radius:999px;padding:4px 9px;font-size:12px;white-space:nowrap}
#r3s .r3s-promo small{font-size:11px;font-weight:600}
#r3s .r3s-promoline{display:flex;align-items:center;gap:10px;width:100%;margin-top:10px;padding:10px 12px;border-radius:12px;background:var(--promos);color:var(--ink);font-size:13px;text-align:left;line-height:1.35}
#r3s .r3s-promoline:hover{background:#fbdcd6}
#r3s .r3s-promoline .r3s-pl-tag{flex:0 0 auto;background:var(--promo);color:#fff;font-size:10.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:3px 7px;border-radius:999px}
#r3s .r3s-promoline b{font-weight:650}
#r3s .r3s-promoline .r3s-arrow{margin-left:auto;width:16px;height:16px;flex:0 0 auto;color:var(--promo)}
#r3s .r3s-save{display:inline-block;margin-top:8px;background:var(--greens);color:var(--green);font-weight:700;border-radius:999px;padding:4px 10px;font-size:12px}
#r3s .r3s-rate{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;margin-top:8px;font-size:13px;color:var(--ink2)}
#r3s .r3s-rate b{font-weight:650;color:var(--ink)}
#r3s .r3s-pills{display:inline-flex;gap:4px;align-items:center}
.r3s-kl,.r3s-pp{font-style:normal;font-size:9.5px;font-weight:800;line-height:1;padding:4px 6px;border-radius:4px;display:inline-block}
.r3s-kl{background:#ffb3c7;color:#17120f}
.r3s-pp{background:#003087;color:#fff}
/* gruppi opzioni */
#r3s .r3s-groups{display:flex;flex-direction:column;gap:12px;margin-top:14px}
#r3s .r3s-groups:empty{display:none}
#r3s .r3s-g h3{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:650;color:var(--ink2);margin-bottom:8px}
#r3s .r3s-g h3 span{font-weight:500;color:var(--mute)}
#r3s .r3s-i{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--line);color:var(--mute);display:inline-grid;place-items:center;font-size:11px;font-weight:700;font-style:normal;line-height:1;text-decoration:none}
#r3s .r3s-i:hover{border-color:var(--blue);color:var(--blue)}
#r3s .r3s-opts{display:flex;flex-wrap:wrap;gap:8px}
#r3s .r3s-o{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:64px;min-height:44px;padding:6px 12px;border:1.5px solid var(--line);border-radius:12px;background:#fff;font-size:14px;font-weight:600;line-height:1.15;transition:border-color .15s,background .15s,box-shadow .15s}
#r3s .r3s-o small{font-size:11px;font-weight:600;color:var(--mute);margin-top:2px;white-space:nowrap}
#r3s .r3s-o[aria-pressed="true"]{border-color:var(--blue);background:var(--blues);box-shadow:0 0 0 1px var(--blue)}
#r3s .r3s-o[aria-pressed="true"] small{color:var(--blue)}
#r3s .r3s-o.r3s-dim{opacity:.75;border-style:dashed}
#r3s .r3s-o.r3s-na{opacity:1;pointer-events:none;background:#efeff2;border:1.5px solid #e6e6ea;color:#a8a8ae;box-shadow:none}
#r3s .r3s-o.r3s-na.r3s-prem{color:#a8a8ae}
#r3s .r3s-sw.r3s-na{pointer-events:auto;cursor:pointer}
#r3s .r3s-sw.r3s-na img{opacity:.55;filter:grayscale(.3)}
#r3s .r3s-sw.r3s-na[aria-pressed="true"]{border:1.5px dashed var(--blue);background:#fff;box-shadow:none}
#r3s .r3s-sw.r3s-na[aria-pressed="true"] img{opacity:.9;filter:none}
#r3s .r3s-o s{text-decoration-thickness:1.5px}
#r3s .r3s-o[data-fisso]{cursor:default}
#r3s .r3s-o.r3s-na small{color:var(--mute);font-weight:500}
#r3s .r3s-sw .r3s-swx{position:absolute;left:50%;right:auto;bottom:-8px;transform:translateX(-50%);z-index:1;margin:0;padding:1px 6px;border-radius:999px;background:#fff;border:1px solid #e3e3e8;font-size:8.5px;font-weight:700;line-height:1.25;color:#8e8e93;text-align:center;white-space:nowrap;letter-spacing:.01em}
#r3s .r3s-g:has(.r3s-sw.r3s-na) .r3s-opts{padding-bottom:6px}
#r3s .r3s-sw.r3s-na .r3s-swn{margin-bottom:10px;color:#a8a8ae}
#r3s .r3s-swn{font-size:11px;font-weight:650;line-height:1.15;color:var(--ink2);text-align:center;word-break:break-word;padding:0 2px}
#r3s .r3s-o.r3s-prem{color:var(--prem)}
#r3s .r3s-o.r3s-prem[aria-pressed="true"]{border-color:var(--prem);background:var(--prems);box-shadow:0 0 0 1px var(--prem)}
#r3s .r3s-o.r3s-prem[aria-pressed="true"] small{color:var(--prem)}
#r3s .r3s-o .r3s-pt{position:absolute;top:-8px;right:-6px;background:var(--promo);color:#fff;font-style:normal;font-size:9px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;line-height:1;padding:3px 5px;border-radius:999px;box-shadow:0 0 0 2px #fff}
#r3s .r3s-sw .r3s-pt{top:-6px;right:-4px;font-size:8px;padding:2px 4px}
#r3s .r3s-promoline s{color:var(--mute)}
#r3s .r3s-sw{min-width:0;width:56px;height:56px;padding:3px;border-radius:14px}
#r3s .r3s-sw img{width:100%;height:100%;object-fit:contain;border-radius:10px}
#r3s .r3s-sw .r3s-swph{width:100%;height:100%;display:block}
#r3s .r3s-sw.r3s-na .r3s-swph{opacity:.55}
#r3s .r3s-sw.r3s-na[aria-pressed="true"] .r3s-swph{opacity:.9}
#r3s .r3s-sw .r3s-dot{width:26px;height:26px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.18)}
#r3s .r3s-gdesc{margin-top:8px;font-size:12.5px;color:var(--ink2);background:var(--bg);border-radius:10px;padding:8px 11px;line-height:1.4}
#r3s .r3s-gdesc b{font-weight:650} #r3s .r3s-ggrado .r3s-opts{display:flex;flex-wrap:nowrap;gap:6px} #r3s .r3s-ggrado .r3s-o{flex:1 1 0;min-width:0;padding:6px 2px;font-size:12px;letter-spacing:-.1px;white-space:nowrap} #r3s .r3s-ggrado .r3s-o small{font-size:10px} #r3s .r3s-ggrado .r3s-gdesc{display:none;margin-top:6px} #r3s .r3s-ggrado .r3s-gdesc.r3s-open{display:block} #r3s .r3s-gtog{margin-top:2px} #r3s .r3s-ggrado .r3s-o .r3s-gn{display:inline-flex;align-items:center;gap:5px;max-width:100%} #r3s .r3s-ggrado .r3s-o .r3s-gn::before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor;flex:none} #r3s .r3s-ggrado .r3s-o[data-gc="premium"]:not(.r3s-na) .r3s-gn{color:#7a3df0} #r3s .r3s-ggrado .r3s-o[data-gc="eccellente"]:not(.r3s-na) .r3s-gn{color:#0a66c2} #r3s .r3s-ggrado .r3s-o[data-gc="ottimo"]:not(.r3s-na) .r3s-gn{color:#2f9e5d} #r3s .r3s-ggrado .r3s-o[data-gc="buono"]:not(.r3s-na) .r3s-gn{color:#6e6e73} #r3s .r3s-ggrado .r3s-o.r3s-na .r3s-gn::before{display:none}
#r3s .r3s-sim{display:flex;align-items:center;gap:7px;margin-top:10px;font-size:12.5px;color:var(--ink2)}
#r3s .r3s-sim svg{width:16px;height:16px;color:var(--teal)}
#r3s .r3s-batt{margin-top:12px}
#r3s .r3s-batt:empty{display:none}
#r3s .r3s-batt .r3bat{margin:0!important}
#r3s .r3bat-desc{margin-top:6px}
#r3s .r3bat-desc.r3s-bchiusa > :not(.r3s-bdt){display:none!important}
#r3s .r3s-bdt{display:inline-flex;align-items:center;gap:6px;padding:6px 0;background:none;border:0;color:#0071e3;font-size:13px;font-weight:600;cursor:pointer}
#r3s .r3s-bdt svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#r3s .r3s-bdt .r3s-bdv{width:14px;height:14px;transition:transform .2s}
#r3s .r3s-bdt[aria-expanded="true"] .r3s-bdv{transform:rotate(180deg)}
#r3s .r3bat-desc:not(.r3s-bchiusa) .r3s-bdt{display:flex;margin-bottom:2px}
/* stato, consegna, bottone */
#r3s .r3s-stock{display:flex;align-items:center;gap:7px;margin-top:14px;font-size:13px;font-weight:600;color:var(--green)}
#r3s .r3s-stock i{width:8px;height:8px;border-radius:50%;background:currentColor;flex:0 0 auto}
#r3s .r3s-stock.r3s-low{color:var(--warn)}
#r3s .r3s-stock.r3s-low i{animation:r3sPulse 1.8s ease-in-out infinite}
#r3s .r3s-stock.r3s-out{color:var(--mute)}
#r3s .r3s-box{min-width:0}
#r3s .r3s-avvisa{margin-top:12px;padding:15px 15px 13px;border-radius:16px;background:var(--blues);border:1px solid #cfe2fb}
#r3s.r3s-avv [data-r3s="cta"],#r3s.r3s-avv [data-r3s="buy"]{display:none}
#r3s.r3s-avv .r3s-avvisa{margin-top:6px}
#r3s .r3s-av-t{display:flex;align-items:center;gap:8px;font-size:15.5px;color:var(--ink)}
#r3s .r3s-av-t svg,#r3s .r3s-av-ok svg{flex:0 0 auto;width:20px;height:20px;color:var(--blue)}
#r3s .r3s-av-s{margin:5px 0 11px;font-size:13px;line-height:1.4;color:var(--ink2)}
#r3s .r3s-av-f{display:flex;gap:8px}
#r3s .r3s-av-f input[type="email"]{flex:1 1 auto;width:0;min-width:0;height:48px;padding:0 14px;border:1.5px solid var(--line);border-radius:12px;background:#fff;font:inherit;font-size:16px;color:var(--ink);outline:none}
#r3s .r3s-av-f input[type="email"]:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(0,113,227,.15)}
#r3s .r3s-av-f button{flex:0 0 auto;height:48px;padding:0 18px;border-radius:12px;background:var(--blue);color:#fff;font-size:15.5px;font-weight:700}
#r3s .r3s-av-f button:disabled{opacity:.7;cursor:progress}
#r3s .r3s-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
#r3s .r3s-av-e{margin:7px 0 0;font-size:12.5px;color:#b42318}
#r3s .r3s-av-n{margin:8px 0 0;font-size:11.5px;color:var(--mute)}
#r3s .r3s-av-ok{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.4;color:var(--ink);outline:none}
#r3s .r3s-av-ok span{display:block;margin-top:2px;font-size:13px;color:var(--ink2)}
#r3s .r3s-av-altra{margin-top:6px;font-size:12.5px;color:var(--blue);text-decoration:underline;text-underline-offset:2px}
#r3s .r3s-stock a{color:var(--blue);font-weight:600;text-decoration:underline;text-underline-offset:2px}
@keyframes r3sPulse{50%{opacity:.35}}
#r3s .r3s-card{display:flex;align-items:center;gap:12px;margin-top:8px;padding:12px 14px;border-radius:14px;background:var(--card);color:var(--ink2);font-size:12.5px;line-height:1.4;text-align:left;width:100%}
#r3s .r3s-card > svg{width:24px;height:24px;flex:0 0 auto;color:var(--blue)}
#r3s .r3s-card > div{min-width:0;flex:1 1 auto}
#r3s .r3s-card b{display:block;font-size:14.5px;font-weight:650;color:var(--ink);margin-bottom:2px;letter-spacing:-.01em;line-height:1.25}
#r3s .r3s-card b .r3s-nw{white-space:nowrap}
#r3s .r3s-card .r3s-hot{color:var(--warn);font-weight:600}
#r3s .r3s-card a{color:var(--ink2);text-decoration:underline;text-underline-offset:2px}
#r3s .r3s-card a:hover{color:var(--blue)}
#r3s .r3s-card .r3s-chev{display:none;width:16px;height:16px;flex:0 0 auto;color:var(--mute)}
#r3s .r3s-card[role="link"]{cursor:pointer}
#r3s .r3s-card[role="link"] .r3s-chev{display:block}
#r3s .r3s-card[role="link"]:hover{background:#e4ecf8}
#r3s a.r3s-pill:hover{background:var(--soft)}
#r3s .r3bat-card{position:relative}
#r3s .r3s-consigliata{position:absolute;top:-9px;left:50%;transform:translateX(-50%);background:var(--green);color:#fff;font-size:9.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:2px 7px;border-radius:999px;white-space:nowrap;pointer-events:none}
#r3s .r3s-cta{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:54px;margin-top:12px;border-radius:14px;background:var(--blue);color:#fff;font-size:16.5px;font-weight:700;transition:background .15s,transform .1s}
#r3s .r3s-cta:hover{background:var(--blue2)}
#r3s .r3s-cta:active{transform:scale(.99)}
#r3s .r3s-cta[disabled]{background:#a1a1a6;cursor:default}
#r3s .r3s-busy,#r3-sticky-cart.r3s-bar .r3s-busy{opacity:.75;cursor:progress}
#r3s .r3s-cta svg{width:19px;height:19px}
#r3s .r3s-buy{display:block;width:100%;margin-top:8px;height:44px;border-radius:12px;border:1.5px solid var(--line);font-size:14px;font-weight:600;color:var(--ink)}
#r3s .r3s-buy:hover{border-color:var(--ink)}
#r3s .r3s-buy[disabled]{opacity:.45;cursor:default}
#r3s .r3s-cards{margin-top:12px}
#r3s .r3s-permuta{display:flex;align-items:center;gap:10px;margin-top:12px;padding:11px 12px;border-radius:12px;background:#f3eefc;color:#4a2f8a;font-size:13px}
#r3s .r3s-permuta svg{width:18px;height:18px;flex:0 0 auto}
#r3s .r3s-permuta b{font-weight:650}
#r3s .r3s-permuta .r3s-arrow{margin-left:auto}
#r3s .r3s-ask{display:flex;align-items:center;gap:10px;width:100%;margin-top:8px;padding:11px 12px;border-radius:12px;background:var(--bg);color:var(--ink2);font-size:13px;text-align:left}
#r3s .r3s-ask svg{width:18px;height:18px;flex:0 0 auto;color:var(--blue)}
#r3s .r3s-ask b{font-weight:650;color:var(--ink)}
#r3s .r3s-ask .r3s-arrow{margin-left:auto;color:var(--mute)}
#r3s .r3s-ask:hover{background:var(--soft)}
#r3s .r3s-pay{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 8px;margin-top:10px;font-size:11.5px;color:var(--mute)}
#r3s .r3s-pay span.r3s-lk{display:inline-flex;align-items:center;gap:4px}
#r3s .r3s-pay svg{width:13px;height:13px;color:var(--teal)}
#r3s .r3s-pay img{height:22px;width:auto;max-width:44px;display:block;border-radius:4px;object-fit:contain}
#r3s .r3s-pay i{font-style:normal;font-size:10px;font-weight:700;color:var(--ink2);border:1px solid var(--line);border-radius:4px;padding:2px 5px}
#r3s .r3s-spec{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
#r3s .r3s-spec span{display:inline-flex;align-items:baseline;gap:4px;padding:6px 10px;border-radius:10px;background:var(--bg);font-size:12.5px;color:var(--ink)}
#r3s .r3s-spec span small{font-size:11.5px;color:var(--mute)}
#r3s .r3s-spec span{font-weight:650}
#r3s .r3s-uni{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px;margin-top:2px}
#r3s .r3s-uc{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:52px;padding:7px 8px;border:1.5px solid var(--blue);border-radius:12px;background:var(--blues);text-align:center}
#r3s .r3s-uc small{font-size:11px;font-weight:600;color:var(--mute);line-height:1.2}
#r3s .r3s-uc b{font-size:15px;font-weight:700;color:var(--ink);line-height:1.2;word-break:break-word}
#r3s .r3s-uc.r3s-prem{border-color:var(--prem);background:var(--prems)}
#r3s .r3s-uc.r3s-prem b{color:var(--prem)}
#r3s .r3s-spec .r3s-gdesc{flex:1 1 100%;margin-top:2px}
#r3s .r3s-inbox{margin-top:14px}
#r3s .r3s-inbox h3{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);margin-bottom:8px}
#r3s .r3s-chips{display:flex;flex-wrap:wrap;gap:6px}
#r3s .r3s-chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:999px;background:var(--bg);font-size:12.5px;font-weight:500;color:var(--ink2)}
#r3s .r3s-chip svg{width:14px;height:14px;color:var(--teal)}
#r3s .r3s-esaurito{margin-top:14px;padding:12px 14px;border-radius:12px;background:var(--bg);font-size:13.5px;color:var(--ink2)}
#r3s .r3s-esaurito a{color:var(--blue);font-weight:600}
/* avviso flottante */
.r3s-toast{position:fixed;left:50%;bottom:92px;transform:translate(-50%,16px);opacity:0;pointer-events:none;transition:.25s;background:var(--ink);color:#fff;font-size:13.5px;line-height:1.35;padding:11px 15px;border-radius:14px;max-width:calc(100% - 32px);z-index:2147483000;text-align:center;font-family:inherit}
.r3s-toast.r3s-vis{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.r3s-toast a{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:2px}
.r3s-toast{bottom:calc(var(--r3-bar-height,72px) + 20px)}
@media (min-width:992px){.r3s-toast{bottom:calc(var(--r3-bar-height,0px) + 28px)}}
/* zoom foto */
.r3s-zoom{position:fixed;inset:0;z-index:2147483100;background:rgba(255,255,255,.97);display:none;place-items:center;padding:20px;cursor:zoom-out}
.r3s-zoom.r3s-vis{display:grid}
.r3s-zoom img{max-width:100%;max-height:100%;object-fit:contain}
.r3s-zoom .r3s-x{position:absolute;top:14px;right:14px;width:40px;height:40px;border-radius:50%;background:var(--bg);font-size:22px;line-height:1}
/* barra fissa (telefono) */
html.r3s-on #r3-sticky-cart.r3s-bar{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:1020;display:flex;align-items:center;gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));margin:0;background:rgba(255,255,255,.96);border-top:1px solid var(--soft);box-shadow:0 -6px 24px rgba(0,0,0,.08);transform:translateY(110%);transition:transform .25s ease;animation:none;visibility:visible;opacity:1}
html.r3s-on #r3-sticky-cart.r3s-bar.r3s-vis{transform:none}
html.r3s-on body.modal-open #r3-sticky-cart.r3s-bar,html.r3s-on body:has(.o_sale_product_configurator_dialog) #r3-sticky-cart.r3s-bar,html.r3s-on.r3nl-open #r3-sticky-cart.r3s-bar,html.r3s-on.r3chat-lock #r3-sticky-cart.r3s-bar,html.r3s-on:has(.r3bat-ov.on) #r3-sticky-cart.r3s-bar{display:none!important}
html.r3s-on body.r3-sticky-cart-visible{padding-bottom:var(--r3-bar-height,72px)}
html.r3s-on #r3-sticky-cart.r3s-bar .r3s-sp{flex:1 1 auto;min-width:0;line-height:1.15}
html.r3s-on #r3-sticky-cart.r3s-bar .r3s-sn{display:none;font-style:normal;font-size:12.5px;font-weight:600;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:1px}
html.r3s-on #r3-sticky-cart.r3s-bar .r3s-sp strong{display:block;font-size:19px;font-weight:750;letter-spacing:-.02em;color:var(--ink)}
html.r3s-on #r3-sticky-cart.r3s-bar .r3s-sp small{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.r3s-on #r3-sticky-cart.r3s-bar .r3s-cta{flex:0 0 auto;width:auto;height:46px;margin:0;padding:0 18px;font-size:15px;border-radius:12px;background:var(--blue);color:#fff;display:inline-flex;align-items:center;gap:8px;font-weight:700;border:0}
html.r3s-on #r3-sticky-cart.r3s-bar .r3s-cta[disabled]{background:#a1a1a6}
html.r3s-on #r3-sticky-cart.r3s-bar .r3s-cta svg{width:17px;height:17px}
@media (max-width:359px){html.r3s-on #r3-sticky-cart.r3s-bar .r3s-sp small i{display:none}}
@media (min-width:768px){
#r3s .r3s-hero{gap:22px;padding:12px 0 36px}
#r3s .r3s-box{padding:24px 24px 20px}
#r3s .r3s-h1{font-size:30px}
#r3s .r3s-now strong{font-size:40px}
#r3s .r3s-card b{font-size:15px}
}
@media (min-width:576px) and (max-width:991.98px){#r3s .r3s-main{max-height:min(56vh,520px);margin-inline:auto}#r3s .r3s-thumbs>:first-child{margin-left:auto}#r3s .r3s-thumbs>:last-child{margin-right:auto}}
@media (min-width:992px){
#r3s .r3s-hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start}
#r3s .r3s-crumb-m{display:none}
#r3s .r3s-box .r3s-crumb{display:flex}
#r3s .r3s-gal{position:sticky;top:90px;padding:22px}
#r3s .r3s-main{max-height:calc(100vh - 260px);min-height:300px;margin-inline:auto}
#r3s .r3s-badge{height:34px;font-size:13px;top:16px;right:16px;padding:0 14px 0 11px}
#r3s .r3s-badge svg{width:18px;height:18px}
#r3s .r3s-th{width:64px;height:64px}
html.r3s-on #r3-sticky-cart.r3s-bar{left:50%;right:auto;bottom:18px;width:min(640px,calc(100% - 48px));padding:10px 10px 10px 20px;border:1px solid var(--soft);border-radius:18px;box-shadow:0 14px 44px rgba(0,0,0,.16);transform:translate(-50%,160%)}
html.r3s-on #r3-sticky-cart.r3s-bar.r3s-vis{transform:translate(-50%,0)}
html.r3s-on #r3-sticky-cart.r3s-bar .r3s-sn{display:block}
}
/* ---- descrizione automatica (MODULO 66 integrato) ---- */
#r3s .r3s-descr{display:flex;flex-direction:column;gap:12px;padding-bottom:28px}
#r3s .r3s-sec{background:#fff;border-radius:20px;padding:22px 16px}
#r3s .r3s-sec h2{font-size:22px;line-height:1.15;font-weight:750;letter-spacing:-.025em;color:var(--ink)}
#r3s .r3s-sec .r3s-eyebrow{display:block;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);margin-bottom:8px}
#r3s .r3s-sec .r3s-lead{margin-top:8px;font-size:14px;line-height:1.5;color:var(--ink2)}
#r3s .r3s-sec .r3s-lead b{font-weight:650;color:var(--ink)}
#r3s .r3s-facts{display:grid;grid-template-columns:1fr;gap:8px;margin-top:14px}
#r3s .r3s-fact{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:var(--bg)}
#r3s .r3s-fact svg{width:22px;height:22px;flex:0 0 auto;color:var(--blue);margin-top:1px}
#r3s .r3s-fact b{display:block;font-size:14px;font-weight:650;color:var(--ink);margin-bottom:2px}
#r3s .r3s-fact span{font-size:12.5px;line-height:1.4;color:var(--ink2)}
#r3s .r3s-fact a{color:var(--blue);font-weight:600}
#r3s .r3s-revs{display:flex;gap:10px;margin-top:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px}
#r3s .r3s-revs::-webkit-scrollbar{display:none}
#r3s .r3s-rev{flex:0 0 82%;scroll-snap-align:start;padding:14px;border-radius:14px;background:var(--bg);font-size:13px;line-height:1.45;color:var(--ink2)}
#r3s .r3s-revtrack{display:flex;gap:10px}
#r3s .r3s-revs.r3s-revgiro{overflow:hidden;scroll-snap-type:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 20px,#000 calc(100% - 20px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 20px,#000 calc(100% - 20px),transparent 100%)}
#r3s .r3s-revgiro .r3s-revtrack{gap:0;width:max-content;animation:r3s-revscorri 66s linear infinite}
#r3s .r3s-revgiro .r3s-rev{flex:0 0 250px;margin-right:10px}
#r3s .r3s-revgiro:hover .r3s-revtrack,#r3s .r3s-revgiro:active .r3s-revtrack{animation-play-state:paused}
@keyframes r3s-revscorri{from{transform:translateX(0)}to{transform:translateX(-50%)}}
#r3s .r3s-revgiro:focus-within .r3s-revtrack{animation-play-state:paused}
#r3s .r3s-thumbs,#r3s .r3s-ktrack,#r3s .r3s-simili,#r3s .r3s-revs,#r3s .r3-x .fcar-track{overscroll-behavior-x:contain}
#r3s .r3s-h1,#r3s .r3s-sec h2,#r3s .r3-x h2.t{text-wrap:balance}
@media (prefers-reduced-motion:reduce){#r3s .r3s-revs.r3s-revgiro{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-mask-image:none;mask-image:none}#r3s .r3s-revgiro .r3s-revtrack{animation:none}#r3s .r3s-revc{display:none}}
#r3s .r3s-rev .r3s-stars{color:#f5a623;letter-spacing:1px;font-size:12px}
#r3s .r3s-rev p{margin:6px 0 8px}
#r3s .r3s-rev b{font-size:12.5px;color:var(--ink);font-weight:650}
#r3s .r3s-rev small{color:var(--mute)}
#r3s .r3s-model{background:var(--ink);color:#fff}
#r3s .r3s-model h2{color:#fff;font-size:26px}
#r3s .r3s-model .r3s-lead{color:rgba(255,255,255,.78)}
#r3s .r3s-model .r3s-lead b{color:#fff}
#r3s .r3s-model .r3s-eyebrow{color:#9fc2f0}
#r3s .r3s-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px}
#r3s .r3s-tile{padding:12px 12px 11px;border-radius:14px;background:rgba(255,255,255,.08)}
#r3s .r3s-tile b{display:block;font-size:19px;font-weight:750;letter-spacing:-.02em;line-height:1.1;color:#fff;font-variant-numeric:tabular-nums}
#r3s .r3s-tile span{display:block;margin-top:4px;font-size:11.5px;line-height:1.3;color:rgba(255,255,255,.7)}
#r3s .r3s-check{display:grid;grid-template-columns:1fr;gap:6px;margin-top:14px}
#r3s .r3s-check li{display:flex;gap:9px;align-items:flex-start;font-size:13.5px;line-height:1.4;color:var(--ink2);padding:8px 10px;border-radius:10px;background:var(--bg)}
#r3s .r3s-check li svg{width:16px;height:16px;flex:0 0 auto;color:var(--green);margin-top:2px}
#r3s .r3s-check li b{font-weight:650;color:var(--ink)}
#r3s .r3s-note{margin-top:12px;font-size:13px;line-height:1.45;color:var(--ink2);padding:11px 13px;border-radius:12px;background:var(--blues)}
#r3s .r3s-note b{font-weight:650;color:var(--ink)}
#r3s .r3s-feats{display:grid;grid-template-columns:1fr;gap:8px;margin-top:14px}
#r3s .r3s-feat{padding:14px;border-radius:14px;background:var(--bg)}
#r3s .r3s-feat b{display:block;font-size:14.5px;font-weight:650;color:var(--ink);letter-spacing:-.01em}
#r3s .r3s-feat span{display:block;margin-top:4px;font-size:13px;line-height:1.45;color:var(--ink2)}
#r3s .r3s-table{margin-top:14px;border-top:1px solid var(--soft)}
#r3s .r3s-table div{display:grid;grid-template-columns:minmax(96px,34%) 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--soft);font-size:13.5px;line-height:1.4}
#r3s .r3s-table dt{color:var(--mute);font-weight:500}
#r3s .r3s-table dd{margin:0;color:var(--ink);font-weight:500}
#r3s .r3s-grades{display:grid;grid-template-columns:1fr;gap:8px;margin-top:14px}
#r3s .r3s-grade{position:relative;display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:14px;border:1.5px solid var(--line);background:#fff;text-align:left}
#r3s .r3s-grade.r3s-on{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue);background:var(--blues)}
#r3s .r3s-grade.r3s-prem.r3s-on{border-color:var(--prem);box-shadow:0 0 0 1px var(--prem);background:var(--prems)}
#r3s .r3s-grade h3{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:15px;font-weight:700;letter-spacing:-.01em;color:var(--ink)}
#r3s .r3s-grade.r3s-prem h3{color:var(--prem)}
#r3s .r3s-grade h3 small{font-size:12px;font-weight:600;color:var(--mute);white-space:nowrap}
#r3s .r3s-grade p{font-size:13px;line-height:1.45;color:var(--ink2)}
#r3s .r3s-grade .r3s-gsel{align-self:flex-start;margin-top:4px;height:40px;padding:0 14px;border-radius:999px;background:var(--ink);color:#fff;font-size:12.5px;font-weight:650}
#r3s .r3s-grade.r3s-on .r3s-gsel{background:transparent;color:var(--blue);padding:0;height:auto;cursor:default}
#r3s .r3s-grade.r3s-prem.r3s-on .r3s-gsel{color:var(--prem)}
#r3s .r3s-simili{display:flex;gap:10px;margin-top:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px}
#r3s .r3s-simili::-webkit-scrollbar{display:none}
#r3s .r3s-simcard{flex:0 0 46%;scroll-snap-align:start;display:flex;flex-direction:column;border-radius:16px;background:var(--bg);padding:12px;color:var(--ink);transition:transform .15s}
#r3s .r3s-simcard:hover{transform:translateY(-2px)}
#r3s .r3s-simcard img{width:100%;aspect-ratio:1/1;object-fit:contain;mix-blend-mode:multiply}
#r3s .r3s-simcard b{display:block;margin-top:8px;font-size:15px;font-weight:700;line-height:1.25;letter-spacing:-.01em}
#r3s .r3s-simcard span{display:block;margin-top:3px;font-size:12.5px;color:var(--ink2)}
#r3s .r3s-simcard .r3s-simconf{margin-top:2px;font-size:13px;line-height:1.3;color:var(--ink2)}
#r3s .r3s-simcard .r3s-simp{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;margin-top:8px}
#r3s .r3s-simcard .r3s-simp strong{font-size:21px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}
#r3s .r3s-simcard .r3s-simp s{font-size:13px;color:var(--mute)}
#r3s .r3s-simcard em.r3s-simpromo{color:#fff;background:var(--promo)}
#r3s .r3s-simcard em{display:inline-block;margin-top:6px;font-style:normal;font-size:11px;font-weight:700;color:var(--green);background:var(--greens);border-radius:999px;padding:3px 8px;align-self:flex-start}
#r3s .r3s-faq{margin-top:12px;border-top:1px solid var(--soft)}
#r3s .r3s-faq details{border-bottom:1px solid var(--soft)}
#r3s .r3s-faq summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;font-size:14.5px;font-weight:600;color:var(--ink);cursor:pointer;list-style:none}
#r3s .r3s-faq summary::-webkit-details-marker{display:none}
#r3s .r3s-faq summary svg{width:18px;height:18px;flex:0 0 auto;color:var(--mute);transition:transform .2s}
#r3s .r3s-faq details[open] summary svg{transform:rotate(45deg)}
#r3s .r3s-faq .r3s-a{padding:0 0 14px;font-size:13.5px;line-height:1.5;color:var(--ink2)}
#r3s .r3s-faq .r3s-a a{color:var(--blue);font-weight:600}
#r3s .r3s-end{background:var(--ink);color:#fff;text-align:center;padding:30px 16px}
#r3s .r3s-end h2{color:#fff;font-size:26px}
#r3s .r3s-end h2,#r3s .r3s-end .r3s-lead{margin-left:auto;margin-right:auto}
#r3s .r3s-end .r3s-lead{color:rgba(255,255,255,.75);margin-top:6px}
#r3s .r3s-end .r3s-endp{margin-top:14px;font-size:30px;font-weight:750;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
#r3s .r3s-end .r3s-endp small{display:block;font-size:12.5px;font-weight:500;color:rgba(255,255,255,.7);margin-top:3px;letter-spacing:0}
#r3s .r3s-end .r3s-cta{max-width:360px;margin:16px auto 0;background:#fff;color:var(--ink)}
#r3s .r3s-end .r3s-cta:hover{background:#f0f0f3}
#r3s .r3s-end .r3s-cta[disabled]{background:rgba(255,255,255,.25);color:#fff}
#r3s .r3s-end .r3s-endt{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;margin-top:14px;font-size:12px;color:rgba(255,255,255,.7)}
#r3s .r3s-end .r3s-endt span{display:inline-flex;align-items:center;gap:5px}
#r3s .r3s-end .r3s-endt svg{width:13px;height:13px;color:#7dd3a8}
#r3s .r3s-end a.r3s-alt{display:inline-block;margin-top:14px;color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:3px}
/* ---- kit "Proteggilo dal primo giorno" (solo iPhone) ---- */
#r3s .r3s-sec.r3s-kit{position:relative;overflow:hidden;background:radial-gradient(120% 80% at 10% 0%,#0d2a3f 0%,rgba(13,42,63,0) 60%),radial-gradient(90% 70% at 100% 100%,#0b3b37 0%,rgba(11,59,55,0) 60%),#0b0d10;color:#fff;padding:26px 0 22px}
#r3s .r3s-kit .r3s-kh{padding:0 16px;text-align:center}
#r3s .r3s-kit .r3s-eyebrow{color:#7fd6cc}
#r3s .r3s-kit h2{color:#fff;font-size:26px}
#r3s .r3s-kit .r3s-lead{color:rgba(255,255,255,.72);max-width:520px;margin-left:auto;margin-right:auto}
#r3s .r3s-ktrack{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:18px 16px 6px;scroll-padding:0 16px;-webkit-overflow-scrolling:touch}
#r3s .r3s-ktrack::-webkit-scrollbar{display:none}
#r3s .r3s-kc{position:relative;flex:0 0 78%;max-width:320px;scroll-snap-align:center;display:flex;flex-direction:column;border-radius:22px;background:#fff;color:var(--ink);text-align:left;box-shadow:0 0 0 2px transparent;transition:box-shadow .2s,transform .2s}
#r3s .r3s-kc{cursor:pointer;-webkit-tap-highlight-color:transparent}
#r3s .r3s-kc:focus-visible{outline:3px solid #7fd6cc;outline-offset:3px}
#r3s .r3s-kc[aria-checked="true"]{box-shadow:0 0 0 3px #17a098,0 10px 30px rgba(23,160,152,.35)}
#r3s .r3s-kc.r3s-krec{box-shadow:0 0 0 2px #0071e3}
#r3s .r3s-kc.r3s-krec[aria-checked="true"]{box-shadow:0 0 0 3px #17a098,0 10px 30px rgba(23,160,152,.35)}
#r3s .r3s-kmedia{position:relative;height:150px;border-radius:22px 22px 0 0;background:#f2f2f5;display:grid;place-items:center;overflow:hidden}
#r3s .r3s-kmedia img{max-width:78%;max-height:130px;object-fit:contain;mix-blend-mode:multiply}
#r3s .r3s-kmedia svg{width:54px;height:54px;color:#8a8d93;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
#r3s .r3s-kflag{position:absolute;top:12px;left:12px;font-size:12px;font-weight:750;padding:5px 11px;border-radius:999px;background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
#r3s .r3s-kflag.r3s-kf-gift{background:#e7f8ec;color:#0b7a3e;box-shadow:inset 0 0 0 1px #bfe8cc}
#r3s .r3s-kflag.r3s-kf-hot{background:#111;color:#fff;box-shadow:none}
#r3s .r3s-kflag.r3s-kf-rec{background:#0071e3;color:#fff;box-shadow:none}
#r3s .r3s-kflag.r3s-kf-orig{background:#e8f1fc;color:#0062c4;box-shadow:inset 0 0 0 1px #c6dcf6}
#r3s .r3s-kbody{padding:14px 16px 16px;display:flex;flex-direction:column;flex:1 1 auto}
#r3s .r3s-kbody h3{font-size:18px;line-height:1.2;font-weight:800;letter-spacing:-.02em}
#r3s .r3s-kinc{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
#r3s .r3s-kinc span{font-size:12.5px;font-weight:650;padding:4px 10px;border-radius:999px;background:var(--bg);color:var(--ink2)}
#r3s .r3s-kinc span.r3s-kgift{background:#e7f8ec;color:#0b7a3e}
#r3s .r3s-kinc span.r3s-korig{background:#e8f1fc;color:#0062c4}
#r3s .r3s-kbody p{margin-top:9px;font-size:13.5px;line-height:1.45;color:var(--ink2)}
#r3s .r3s-kfoot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:12px}
#r3s .r3s-kfoot small{font-size:13px;color:var(--mute);margin-right:4px}
#r3s .r3s-kfoot b{font-size:24px;font-weight:800;letter-spacing:-.02em}
#r3s .r3s-kradio{width:30px;height:30px;border-radius:50%;border:2px solid #c7c7cc;display:grid;place-items:center;flex:0 0 auto;transition:.15s}
#r3s .r3s-kradio svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;opacity:0}
#r3s .r3s-kc[aria-checked="true"] .r3s-kradio{background:#17a098;border-color:#17a098}
#r3s .r3s-kc[aria-checked="true"] .r3s-kradio svg{opacity:1}
#r3s .r3s-kdots{display:flex;justify-content:center;gap:6px;margin-top:10px}
#r3s .r3s-kdots i{width:7px;height:7px;border-radius:999px;background:rgba(255,255,255,.3);transition:width .2s,background .2s}
#r3s .r3s-kdots i.on{width:22px;background:#fff}
#r3s .r3s-ksum{margin:16px 16px 0;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
#r3s .r3s-krow{display:flex;justify-content:space-between;gap:10px;font-size:14px;color:rgba(255,255,255,.8);padding:3px 0}
#r3s .r3s-krow b{color:#fff;font-weight:700;white-space:nowrap}
#r3s .r3s-krow.r3s-ktot{margin-top:6px;padding-top:9px;border-top:1px solid rgba(255,255,255,.14);font-size:16px;color:#fff}
#r3s .r3s-krow.r3s-ktot b{font-size:19px}
#r3s .r3s-ksum .r3s-cta{margin-top:12px;background:#fff;color:var(--ink)}
#r3s .r3s-ksum .r3s-cta:hover{background:#f0f0f3}
#r3s .r3s-ksum .r3s-cta[disabled]{background:rgba(255,255,255,.25);color:#fff}
#r3s .r3s-khint{margin-top:9px;font-size:12px;line-height:1.4;color:rgba(255,255,255,.6);text-align:center}
/* FINESTRA "Configura" DI ODOO (accessori opzionali): nomi interi, "+ Aggiungi" chiaro, totale e bottoni come la scheda.
Solo stile: la finestra resta quella di Odoo (OWL), nessun suo elemento viene spostato o riscritto */
html.r3s-on .o_sale_product_configurator_dialog{border:0;border-radius:22px;overflow:hidden;color:#1d1d1f;box-shadow:0 24px 70px rgba(0,0,0,.28);-webkit-font-smoothing:antialiased}
html.r3s-on .modal-dialog:has(> .o_sale_product_configurator_dialog){max-width:600px}
html.r3s-on .o_sale_product_configurator_dialog .modal-header{border:0;height:auto!important;min-height:58px;padding:16px 20px 6px!important;gap:10px;align-items:center}
html.r3s-on .o_sale_product_configurator_dialog .modal-title{font-size:0!important;line-height:1.2;margin:0}
html.r3s-on .o_sale_product_configurator_dialog .modal-title::before{content:"Completa il tuo ordine";font-size:21px;font-weight:700;letter-spacing:-.015em;color:#1d1d1f}
html.r3s-on .o_sale_product_configurator_dialog .modal-header .btn-close{flex:0 0 auto;width:34px;height:34px;padding:0;margin:0;border-radius:50%;background-color:#f0f0f3;background-size:11px;opacity:1;box-shadow:none}
html.r3s-on .o_sale_product_configurator_dialog .modal-header .btn.oi-arrow-left{flex:0 0 auto;width:36px;height:36px;padding:0!important;border-radius:50%;background:#f0f0f3;color:#1d1d1f;display:inline-flex;align-items:center;justify-content:center;font-size:15px}
html.r3s-on .o_sale_product_configurator_dialog .modal-body{padding:4px 20px 18px;overscroll-behavior:contain}
html.r3s-on .o_sale_product_configurator_dialog table.o_sale_product_configurator_table,html.r3s-on .o_sale_product_configurator_dialog .o_sale_product_configurator_table>tbody{display:block;width:100%;margin:0!important;border:0}
html.r3s-on .o_sale_product_configurator_dialog table.o_sale_product_configurator_table:not(.o_sale_product_configurator_table_optional)::before{content:"Nel tuo ordine";display:block;margin:6px 0 0;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#86868b}
html.r3s-on .o_sale_product_configurator_dialog .o_sale_product_configurator_table tr{display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-areas:"img nome" "img prezzo";column-gap:14px;row-gap:8px;align-items:center;padding:14px 0;border-bottom:1px solid #ececf0}
html.r3s-on .o_sale_product_configurator_dialog .o_sale_product_configurator_table tr:last-child{border-bottom:0}
html.r3s-on .o_sale_product_configurator_dialog .o_sale_product_configurator_table td{display:block;width:auto!important;max-width:none!important;min-width:0;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;text-align:left!important}
html.r3s-on .o_sale_product_configurator_dialog td.o_sale_product_configurator_img{grid-area:img;align-self:start;width:64px!important;max-height:none}
html.r3s-on .o_sale_product_configurator_dialog td.o_sale_product_configurator_img img{display:block;width:64px!important;height:64px;object-fit:contain;padding:4px;border:0!important;border-radius:14px!important;background:#f5f5f7}
html.r3s-on .o_sale_product_configurator_dialog td.product_name_description{grid-area:nome;align-self:end}
html.r3s-on .o_sale_product_configurator_dialog [name=o_sale_product_configurator_name]{margin:0!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
html.r3s-on .o_sale_product_configurator_dialog [name=o_sale_product_configurator_name]>span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0;font-size:15px!important;font-weight:600!important;line-height:1.3!important;color:#1d1d1f;letter-spacing:-.005em}
html.r3s-on .o_sale_product_configurator_dialog [name=o_sale_product_configurator_name]>div{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:3px;white-space:normal!important;font-size:13px;line-height:1.35;color:#6e6e73!important}
html.r3s-on .o_sale_product_configurator_dialog .product_name_description select{max-width:100%}
html.r3s-on .o_sale_product_configurator_dialog .impossible_combination_alert{margin:8px 0 0!important;padding:8px 10px;font-size:13px;border-radius:10px}
html.r3s-on .o_sale_product_configurator_dialog td.o_sale_product_configurator_price,html.r3s-on .o_sale_product_configurator_dialog td.o_sale_product_configurator_qty{grid-area:prezzo;display:flex!important;align-items:center;flex-wrap:wrap;gap:8px 12px}
html.r3s-on .o_sale_product_configurator_dialog td.o_sale_product_configurator_price>div,html.r3s-on .o_sale_product_configurator_dialog td.o_sale_product_configurator_qty>div:not([name=quantity_buttons_wrapper]){display:flex!important;align-items:baseline;gap:8px;margin:0 auto 0 0!important}
html.r3s-on .o_sale_product_configurator_dialog [name=sale_product_configurator_formatted_price]{display:inline!important;margin:0!important;font-size:16px!important;font-weight:700!important;line-height:1.2!important;color:#1d1d1f}
html.r3s-on .o_sale_product_configurator_dialog td.o_sale_product_configurator_price>div>div,html.r3s-on .o_sale_product_configurator_dialog td.o_sale_product_configurator_qty>div>div{font-size:12px;color:#6e6e73!important}
html.r3s-on .o_sale_product_configurator_dialog .oe_striked_price{margin:0!important;font-size:13px!important;font-weight:500;color:#86868b!important}
html.r3s-on .o_sale_product_configurator_dialog [name=sale_product_configurator_add_button]{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 16px;border:0;border-radius:980px;background:#e8f1fd;color:#0071e3;font-size:14.5px;font-weight:600;white-space:nowrap;box-shadow:none;transition:background .15s,transform .1s}
html.r3s-on .o_sale_product_configurator_dialog [name=sale_product_configurator_add_button]>*{display:none!important}
html.r3s-on .o_sale_product_configurator_dialog [name=sale_product_configurator_add_button]::before{content:"+ Aggiungi"}
html.r3s-on .o_sale_product_configurator_dialog [name=sale_product_configurator_add_button]:hover{background:#d9e8fb;color:#0071e3}
html.r3s-on .o_sale_product_configurator_dialog [name=sale_product_configurator_add_button]:active{transform:scale(.97)}
html.r3s-on .o_sale_product_configurator_dialog [name=sale_product_configurator_add_button].disabled{opacity:.45}
html.r3s-on .o_sale_product_configurator_dialog [name=quantity_buttons_wrapper]{display:inline-flex!important;flex:0 0 auto;flex-wrap:nowrap;align-items:center;width:auto!important;padding:2px;border-radius:980px;background:#f0f0f3}
html.r3s-on .o_sale_product_configurator_dialog [name=quantity_buttons_wrapper] .btn{display:inline-flex!important;align-items:center;justify-content:center;width:32px;height:32px;padding:0!important;border:0;border-radius:50%!important;background:#fff;color:#1d1d1f;font-size:12px;box-shadow:0 1px 2px rgba(0,0,0,.1)}
html.r3s-on .o_sale_product_configurator_dialog [name=quantity_buttons_wrapper] .btn:disabled{opacity:.35;box-shadow:none}
html.r3s-on .o_sale_product_configurator_dialog [name=quantity_buttons_wrapper] input{flex:0 0 34px!important;width:34px!important;padding:0;border:0;background:transparent;box-shadow:none;text-align:center;font-weight:700;font-size:15px;-moz-appearance:textfield;appearance:textfield}
html.r3s-on .o_sale_product_configurator_dialog [name=quantity_buttons_wrapper] input::-webkit-inner-spin-button,html.r3s-on .o_sale_product_configurator_dialog [name=quantity_buttons_wrapper] input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
html.r3s-on .o_sale_product_configurator_dialog .o_sale_product_configurator_table:not(.o_sale_product_configurator_table_optional) tr:first-child [name=quantity_buttons_wrapper]{display:none!important}
html.r3s-on .o_sale_product_configurator_dialog td.o_sale_product_configurator_qty>a[role=button]{display:inline-block!important;margin:0!important;font-size:13px;font-weight:500;color:#6e6e73;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
html.r3s-on .o_sale_product_configurator_dialog td.o_sale_product_configurator_qty>a[role=button]:hover{color:#1d1d1f}
html.r3s-on .o_sale_product_configurator_dialog .o_sale_optional_products{margin:0!important;padding:0!important;border:0!important}
html.r3s-on .o_sale_product_configurator_dialog [name=sale_product_configurator_list_title]{display:block!important;margin:6px 0 0!important;padding-top:16px;border-top:1px solid #ececf0;font-size:0!important;line-height:1.2}
html.r3s-on .o_sale_product_configurator_dialog [name=sale_product_configurator_list_title]::before{content:"Aggiungi un accessorio";display:block;font-size:17px;font-weight:700;letter-spacing:-.01em;color:#1d1d1f}
html.r3s-on .o_sale_product_configurator_dialog [name=sale_product_configurator_list_title]::after{content:"Arriva insieme al tuo ordine, nello stesso pacco.";display:block;margin-top:3px;font-size:13px;font-weight:400;color:#6e6e73}
html.r3s-on .o_sale_product_configurator_dialog .r3bat-mrow{margin:-4px 0 8px 78px;padding:10px 12px;border:0;border-radius:12px;background:#f5f5f7;font-size:13.5px}
html.r3s-on .o_sale_product_configurator_dialog .modal-footer{flex-direction:column;flex-wrap:nowrap!important;align-items:stretch;gap:10px!important;padding:12px 20px calc(14px + env(safe-area-inset-bottom,0px))!important;border-top:1px solid #ececf0;background:#fff;box-shadow:0 -8px 24px rgba(0,0,0,.05)!important}
html.r3s-on .o_sale_product_configurator_dialog .modal-footer>*{margin:0!important}
html.r3s-on .o_sale_product_configurator_dialog [name=sale_product_configurator_list_total]{order:1!important;display:block!important;width:100%!important;margin:0!important;font-size:18px!important;font-weight:700!important;letter-spacing:-.01em;text-align:left!important;color:#1d1d1f}
html.r3s-on .o_sale_product_configurator_dialog .modal-footer>div{order:2!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;width:100%!important}
html.r3s-on .o_sale_product_configurator_dialog [name=website_sale_product_configurator_continue_button],html.r3s-on .o_sale_product_configurator_dialog [name=sale_product_configurator_confirm_button]{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:52px;border:0;border-radius:14px;background:#0071e3;color:#fff;font-size:16.5px;font-weight:700;box-shadow:none;transition:background .15s,transform .1s}
html.r3s-on .o_sale_product_configurator_dialog [name=website_sale_product_configurator_continue_button]:hover,html.r3s-on .o_sale_product_configurator_dialog [name=sale_product_configurator_confirm_button]:hover{background:#0077ed;color:#fff}
html.r3s-on .o_sale_product_configurator_dialog [name=website_sale_product_configurator_checkout_button]{display:flex;align-items:center;justify-content:center;gap:2px;width:100%;height:48px;border:1.5px solid #d2d2d7;border-radius:14px;background:#fff;color:#1d1d1f;font-size:15.5px;font-weight:600;box-shadow:none}
html.r3s-on .o_sale_product_configurator_dialog [name=website_sale_product_configurator_checkout_button]:hover{border-color:#86868b;background:#fff;color:#1d1d1f}
html.r3s-on .o_sale_product_configurator_dialog .modal-footer .btn:active{transform:scale(.985)}
html.r3s-on .o_sale_product_configurator_dialog .modal-footer .btn:disabled{opacity:.5}
html.r3s-on .o_sale_product_configurator_dialog .modal-footer .btn:focus-visible,html.r3s-on .o_sale_product_configurator_dialog [name=sale_product_configurator_add_button]:focus-visible{outline:2px solid #0071e3;outline-offset:2px;box-shadow:none}
@keyframes r3sKok{0%,35%{background:#e8f1fd}100%{background:transparent}}
html.r3s-on .o_sale_product_configurator_dialog tr.r3s-kok{animation:r3sKok 1.8s ease-out}
@media (min-width:576px){
html.r3s-on .modal-dialog:has(> .o_sale_product_configurator_dialog){max-height:calc(100% - 3.5rem)}
html.r3s-on .o_sale_product_configurator_dialog{max-height:calc(100vh - 3.5rem);max-height:calc(100dvh - 3.5rem)}
html.r3s-on .o_sale_product_configurator_dialog .modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}
html.r3s-on .o_sale_product_configurator_dialog .modal-footer{flex:0 0 auto;flex-direction:row;align-items:center}
html.r3s-on .o_sale_product_configurator_dialog [name=sale_product_configurator_list_total]{flex:1 1 auto;width:auto!important}
html.r3s-on .o_sale_product_configurator_dialog .modal-footer>div{flex-direction:row-reverse!important;align-items:center!important;flex:0 0 auto;width:auto!important}
html.r3s-on .o_sale_product_configurator_dialog [name=website_sale_product_configurator_continue_button],html.r3s-on .o_sale_product_configurator_dialog [name=website_sale_product_configurator_checkout_button]{width:auto!important;height:48px;padding:0 20px;font-size:15.5px;white-space:nowrap}
}
@media (min-width:768px){
html.r3s-on .o_sale_product_configurator_dialog .o_sale_product_configurator_table tr{grid-template-columns:72px minmax(0,1fr) auto;grid-template-areas:"img nome prezzo";column-gap:16px}
html.r3s-on .o_sale_product_configurator_dialog td.o_sale_product_configurator_img{width:72px!important;align-self:center}
html.r3s-on .o_sale_product_configurator_dialog td.o_sale_product_configurator_img img{width:72px!important;height:72px}
html.r3s-on .o_sale_product_configurator_dialog td.product_name_description{align-self:center}
html.r3s-on .o_sale_product_configurator_dialog td.o_sale_product_configurator_price,html.r3s-on .o_sale_product_configurator_dialog td.o_sale_product_configurator_qty{justify-content:flex-end;flex-wrap:nowrap}
html.r3s-on .o_sale_product_configurator_dialog td.o_sale_product_configurator_price>div,html.r3s-on .o_sale_product_configurator_dialog td.o_sale_product_configurator_qty>div:not([name=quantity_buttons_wrapper]){margin:0!important}
html.r3s-on .o_sale_product_configurator_dialog .r3bat-mrow{margin-left:88px}
html.r3s-on .o_sale_product_configurator_dialog .o_sale_product_configurator_table tr:has(a[role=button]){grid-template-columns:72px minmax(0,1fr);grid-template-areas:"img nome" "img prezzo"}
html.r3s-on .o_sale_product_configurator_dialog tr:has(a[role=button]) td.o_sale_product_configurator_qty{justify-content:flex-start}
html.r3s-on .o_sale_product_configurator_dialog tr:has(a[role=button]) td.o_sale_product_configurator_qty>div:not([name=quantity_buttons_wrapper]){margin:0 auto 0 0!important}
}
@media (max-width:575.98px){
html.r3s-on .o_modal_full .o_sale_product_configurator_dialog{border-radius:0;box-shadow:none}
}
html.r3s-on body:has(.o_sale_product_configurator_dialog) :is(#r3-chat,#r3nl-root,.o_livechat_button,.r3s-toast){display:none!important}
#r3s .r3s-kbatt{display:flex;align-items:center;gap:12px;margin:12px 16px 0;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.06);color:#fff;font-size:13px;line-height:1.35}
#r3s .r3s-kbatt svg{width:22px;height:22px;flex:0 0 auto;color:#7dd3a8}
#r3s .r3s-kbatt b{display:block;font-size:14px}
#r3s .r3s-kbatt span{color:rgba(255,255,255,.7)}
#r3s .r3s-kbatt .r3s-arrow{margin-left:auto;width:16px;height:16px;color:rgba(255,255,255,.6)}
@media (min-width:768px){
#r3s .r3s-sec.r3s-kit{padding:34px 0 28px;border-radius:20px}
#r3s .r3s-sec.r3s-kit h2{font-size:32px;margin-left:auto;margin-right:auto}
#r3s .r3s-kc{flex-basis:300px}
#r3s .r3s-ksum,#r3s .r3s-kbatt{max-width:560px;margin-left:auto;margin-right:auto}
}
@media (min-width:1000px){
/* computer: tutte le card in vista (righe da tre, centrate), niente riga da trascinare col mouse */
#r3s .r3s-ktrack{flex-wrap:wrap;justify-content:center;overflow:visible;scroll-snap-type:none;row-gap:16px;max-width:1000px;margin:0 auto;padding:22px 24px 6px}
#r3s .r3s-kc{flex:0 0 calc((100% - 24px) / 3);max-width:300px}
#r3s .r3s-kdots{display:none}
}
@media (min-width:768px){
#r3s .r3s-sec{padding:30px 28px}
#r3s .r3s-sec h2{font-size:26px;max-width:760px}
#r3s .r3s-sec .r3s-lead{max-width:760px}
#r3s .r3s-model h2,#r3s .r3s-end h2{font-size:32px}
#r3s .r3s-facts{grid-template-columns:repeat(3,minmax(0,1fr))}
#r3s .r3s-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}
#r3s .r3s-tile b{font-size:24px}
#r3s .r3s-check{grid-template-columns:repeat(2,minmax(0,1fr))}
#r3s .r3s-feats{grid-template-columns:repeat(3,minmax(0,1fr))}
#r3s .r3s-grades{grid-template-columns:repeat(2,minmax(0,1fr))}
#r3s .r3s-rev{flex-basis:44%}
#r3s .r3s-revgiro .r3s-rev{flex:0 0 300px}
#r3s .r3s-simcard{flex-basis:23.5%}
#r3s .r3s-table div{grid-template-columns:220px 1fr}
}
@media (min-width:992px){
#r3s .r3s-grades{grid-template-columns:repeat(4,minmax(0,1fr))}
#r3s .r3s-grades.r3s-due{grid-template-columns:repeat(2,minmax(0,1fr))}
#r3s .r3s-grades.r3s-tre{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){
#r3s *,.r3s-toast,#r3-sticky-cart.r3s-bar{animation:none!important;transition:none!important}
}
/* ===== DESCRIZIONE ANIMATA (v23.6, tutte le famiglie) ===== */
#r3s .r3-x {
--ink: #101113; --ink-2: #55585e; --ink-3: #8a8d93; --mist: #f5f5f7; --line: #e3e5e8; --blue: #0071e3; --blue-hi: #2997ff;
--teal: #14b8ab; --teal-deep: #0e8d83; --teal-dark: #0a6b64; --green: #30d158;
--r-lg: 24px; --pad: 18px; --ease: cubic-bezier(0.2, 0.8, 0.2, 1); --spring: cubic-bezier(0.34, 1.56, 0.64, 1);
color: var(--ink); line-height: 1.45; letter-spacing: -0.015em;
}
#r3s .r3-x[hidden] { display: none !important; }
#r3s .r3-x *, #r3s .r3-x *::before, #r3s .r3-x *::after { box-sizing: border-box; }
#r3s .r3-x .sec { position: relative; border-radius: var(--r-lg); margin: 0 0 12px; padding: 38px var(--pad); overflow: hidden; }
#r3s .r3-x .sec--card { background: #fff; border: 1px solid var(--line); }
#r3s .r3-x .sec--mist { background: var(--mist); }
#r3s .r3-x .sec--night { background: #000; color: #f5f5f7; }
#r3s .r3-x .r3in { max-width: 1020px; margin: 0 auto; }
#r3s .r3-x h2.t { font-size: clamp(25px, 6.6vw, 40px); font-weight: 700; letter-spacing: -0.035em; line-height: 1.08; margin: 0 0 10px; color: inherit; }
#r3s .r3-x .sub { font-size: clamp(15px, 4vw, 17px); line-height: 1.45; color: var(--ink-2); max-width: 620px; margin: 0 0 24px; }
#r3s .r3-x .sec--night .sub { color: #a1a1a6; }
#r3s .r3-x .center { text-align: center; }
#r3s .r3-x .center .sub { margin-left: auto; margin-right: auto; }
#r3s .r3-x .scan-note { margin: 18px 0 0; padding: 12px 14px; border-radius: 14px; background: #fff; font-size: 13.5px; line-height: 1.45; color: var(--ink-2); }
#r3s .r3-x .scan-note b { color: var(--ink); }
#r3s .r3-x .fcar-controls { display: none; justify-content: flex-end; gap: 8px; padding: 0 var(--pad); }
#r3s .r3-x .fcar-btn { width: 38px; height: 38px; border-radius: 50%; border: 1px solid var(--line); background: #fff; color: var(--ink); font-size: 22px; line-height: 1; cursor: pointer; }
#r3s .r3-x .fcar-btn:disabled { opacity: .35; cursor: default; }
/* ===== 5. MANIFESTO (testo che si accende scorrendo) + RISPARMIO ===== */
#r3s .r3-x .mani { padding-top: 54px; padding-bottom: 46px; }
#r3s .r3-x .mani-in { max-width: 760px; margin: 0 auto; }
#r3s .r3-x .mani-p { font-size: clamp(27px, 7.6vw, 46px); font-weight: 700; letter-spacing: -0.04em; line-height: 1.13; margin: 0; color: #f5f5f7; }
#r3s .r3-x.r3-anim .mani-p .w { color: rgba(245,245,247,0.17); transition: color 0.35s ease; }
#r3s .r3-x.r3-anim .mani-p .w.lit { color: #f5f5f7; }
#r3s .r3-x .mani-p .w.k { color: #4fdccf; }
#r3s .r3-x.r3-anim .mani-p .w.k { color: rgba(245,245,247,0.17); }
#r3s .r3-x.r3-anim .mani-p .w.k.lit { color: #4fdccf; }
#r3s .r3-x .save { margin-top: 40px; padding-top: 28px; border-top: 1px solid rgba(255,255,255,0.12); }
#r3s .r3-x .save-row { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; font-size: 14px; color: #a1a1a6; margin: 0 0 8px; }
#r3s .r3-x .save-row b { font-size: 16px; font-weight: 600; color: #f5f5f7; font-variant-numeric: tabular-nums; }
#r3s .r3-x .save-row--new { margin-top: 18px; }
#r3s .r3-x .save-row--new b { color: var(--green); font-size: 18px; font-weight: 800; }
#r3s .r3-x .save-bar { position: relative; height: 12px; border-radius: 8px; background: rgba(255,255,255,0.07); overflow: hidden; }
#r3s .r3-x .save-bar i { position: absolute; left: 0; top: 0; bottom: 0; width: 100%; border-radius: 8px; transform-origin: left center; transition: transform 1.3s var(--ease); }
#r3s .r3-x .save-bar--old i { background: #55555b; }
#r3s .r3-x .save-bar--new { background: rgba(48,209,88,0.14); }
#r3s .r3-x .save-bar--new i { background: linear-gradient(90deg, #1faa45, #30d158); transition-delay: 0.3s; }
#r3s .r3-x.r3-anim .save .save-bar i { transform: scaleX(0); }
#r3s .r3-x.r3-anim .save.on .save-bar i { transform: scaleX(1); }
#r3s .r3-x .save-big { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin: 24px 0 0; font-size: clamp(27px, 7.6vw, 46px); font-weight: 700; letter-spacing: -0.04em; line-height: 1.1; color: #f5f5f7; }
#r3s .r3-x .save-big b { color: var(--green); font-weight: 700; font-variant-numeric: tabular-nums; }
#r3s .r3-x .save-big em { font-style: normal; font-size: 14px; font-weight: 800; letter-spacing: -0.01em; color: #0c0c0d; background: var(--green); border-radius: 100px; padding: 5px 12px; }
#r3s .r3-x .save-note { font-size: 12px; line-height: 1.45; color: #8e8e93; margin: 14px 0 0; }
/* ===== 6. I 30 CONTROLLI ===== */
#r3s .r3-x .scan {
--phw: 118px; --phh: 240px;
display: grid; grid-template-columns: var(--phw) 1fr; grid-template-areas: "ph list" "prog prog";
gap: 18px 16px; align-items: start; margin-top: 4px;
}
#r3s .r3-x .scan-ph {
grid-area: ph; align-self: center;
position: relative; width: var(--phw); height: var(--phh);
border-radius: 30px; padding: 4px;
background: linear-gradient(160deg, #3a3a3d, #151517);
box-shadow: 0 26px 44px -24px rgba(16,17,19,0.55), inset 0 0 0 1px rgba(255,255,255,0.12);
}
#r3s .r3-x .scan-scr { position: relative; width: 100%; height: 100%; border-radius: 26px; overflow: hidden; background: radial-gradient(120% 80% at 50% 0%, #0f2a3a 0%, #04070b 70%); }
#r3s .r3-x .scan-isl { position: absolute; top: 8px; left: 50%; width: 36px; height: 11px; margin-left: -18px; border-radius: 8px; background: #000; z-index: 3; }
#r3s .r3-x .scan-beam { position: absolute; left: 0; right: 0; top: 0; height: 54px; margin-top: -54px; background: linear-gradient(180deg, rgba(20,184,171,0) 0%, rgba(20,184,171,0.3) 86%, #5ff2e4 100%); opacity: 0; }
#r3s .r3-x .scan.run .scan-beam { opacity: 1; animation: r3xBeam 1.5s cubic-bezier(0.5, 0, 0.5, 1) infinite alternate; }
@keyframes r3xBeam { from { transform: translateY(0); } to { transform: translateY(calc(var(--phh) + 46px)); } }
#r3s .r3-x .scan-ok { position: absolute; left: 50%; top: 40%; width: 54px; height: 54px; margin: -27px 0 0 -27px; fill: none; stroke: var(--green); stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }
#r3s .r3-x .scan-ok circle { stroke-dasharray: 152; stroke-dashoffset: 152; }
#r3s .r3-x .scan-ok path { stroke-dasharray: 40; stroke-dashoffset: 40; }
#r3s .r3-x .scan.done .scan-ok circle { stroke-dashoffset: 0; transition: stroke-dashoffset 0.7s var(--ease); }
#r3s .r3-x .scan.done .scan-ok path { stroke-dashoffset: 0; transition: stroke-dashoffset 0.45s var(--ease) 0.5s; }
#r3s .r3-x .scan-st { position: absolute; left: 4px; right: 4px; top: 62%; text-align: center; font-size: 11px; font-weight: 600; line-height: 1.25; color: #d2d2d7; }
#r3s .r3-x .scan-list { grid-area: list; list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr; gap: 6px; min-width: 0; }
#r3s .r3-x .scan-list li {
display: flex; align-items: center; gap: 8px;
font-size: 13px; font-weight: 600; line-height: 1.2; letter-spacing: -0.012em; text-align: left;
color: var(--ink-3); background: #fff; border-radius: 12px; padding: 0 11px; min-height: 36px;
transition: color 0.35s, box-shadow 0.35s;
}
#r3s .r3-x .scan-list li svg { width: 15px; height: 15px; flex-shrink: 0; fill: none; stroke: #c7cad0; stroke-width: 2.8; stroke-linecap: round; stroke-linejoin: round; transition: stroke 0.3s, transform 0.45s var(--spring); transform: scale(0.7); }
#r3s .r3-x .scan-list li.ok { color: var(--ink); box-shadow: 0 8px 18px -14px rgba(16,17,19,0.4); }
#r3s .r3-x .scan-list li.ok svg { stroke: #1faa45; transform: scale(1); }
#r3s .r3-x .scan-prog { grid-area: prog; }
#r3s .r3-x .scan-line { height: 6px; border-radius: 6px; background: #e3e5e8; overflow: hidden; }
#r3s .r3-x .scan-line i { display: block; height: 100%; width: 100%; border-radius: 6px; background: linear-gradient(90deg, #14b8ab, #30d158); transform-origin: left center; transform: scaleX(0); transition: transform 0.35s linear; }
#r3s .r3-x .scan-cnt { display: flex; align-items: baseline; justify-content: space-between; margin-top: 10px; font-size: 13.5px; color: var(--ink-2); }
#r3s .r3-x .scan-cnt b { font-size: 24px; font-weight: 800; letter-spacing: -0.035em; color: var(--ink); font-variant-numeric: tabular-nums; }
/* ===== 7. NUMERI ===== */
#r3s .r3-x .stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 28px 14px; max-width: 860px; margin: 24px auto 0; }
#r3s .r3-x .stat { text-align: center; }
#r3s .r3-x .stat-v {
font-size: clamp(42px, 11.5vw, 68px); font-weight: 800; letter-spacing: -0.045em; line-height: 1; margin-bottom: 7px;
background: linear-gradient(180deg, #fff 30%, #6e9fd8 100%);
-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: #fff;
font-variant-numeric: tabular-nums;
}
#r3s .r3-x .stat-sfx { font-size: 0.5em; letter-spacing: -0.02em; }
#r3s .r3-x .stat-l { font-size: 13px; color: #86868b; font-weight: 500; }
/* ===== 8. CAROSELLO CARATTERISTICHE con illustrazioni ===== */
#r3s .r3-x .fcar-wrap { position: relative; margin: 0 calc(var(--pad) * -1); }
#r3s .r3-x .fcar-track {
display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch;
padding: 14px var(--pad) 4px; scrollbar-width: none; -ms-overflow-style: none;
}
#r3s .r3-x .fcar-track::-webkit-scrollbar { display: none; }
#r3s .r3-x .fcar {
flex: 0 0 82%; max-width: 330px;
scroll-snap-align: center;
display: flex; flex-direction: column;
min-height: 430px;
padding: 26px 22px 24px;
border-radius: var(--r-lg);
background: linear-gradient(180deg, #fafafc 0%, #e9e9ee 100%);
color: var(--ink);
text-align: left;
margin: 0;
--vis-a: #0071e3;
}
#r3s .r3-x .fcar.dark { background: linear-gradient(180deg, #232326 0%, #0b0b0d 100%); color: #f5f5f7; --vis-a: #4ca8ff; }
#r3s .r3-x .fcar-tag { font-size: 13px; font-weight: 600; color: var(--vis-a); margin-bottom: 8px; }
#r3s .r3-x .fcar-big { font-size: clamp(42px, 11vw, 56px); font-weight: 800; letter-spacing: -0.05em; line-height: 1; color: var(--vis-a); margin-bottom: 8px; }
#r3s .r3-x .fcar h3 { font-size: 22px; font-weight: 700; letter-spacing: -0.03em; line-height: 1.15; margin: 0; color: inherit; }
#r3s .r3-x .fcar p { font-size: 14.5px; line-height: 1.5; color: var(--ink-2); margin: 0; }
#r3s .r3-x .fcar.dark p { color: #a1a1a6; }
#r3s .r3-x .fcar-controls { display: none; justify-content: flex-end; gap: 8px; padding: 0 var(--pad); }
#r3s .r3-x .fcar-btn { width: 38px; height: 38px; border-radius: 50%; background: rgba(0,0,0,0.06); border: none; cursor: pointer; font-size: 18px; line-height: 1; color: var(--ink); display: flex; align-items: center; justify-content: center; transition: background 0.2s; }
#r3s .r3-x .fcar-btn:hover { background: rgba(0,0,0,0.12); }
#r3s .r3-x .fcar-btn:disabled { opacity: 0.3; cursor: not-allowed; }
#r3s .r3-x .vis { position: relative; flex: 1; min-height: 148px; margin: 16px 0 16px; display: flex; align-items: center; justify-content: center; }
/* obiettivi */
#r3s .r3-x .ln {
position: relative; display: block; width: 116px; height: 116px; border-radius: 50%; flex-shrink: 0;
background: radial-gradient(circle, #0a1026 0%, #111a3d 20%, #04050a 32%, #04050a 45%, #2e3138 47%, #0c0d10 54%, #0c0d10 66%, #4a4d55 68%, #1a1b1f 73%, #101114 100%);
box-shadow: 0 0 0 3px rgba(255,255,255,0.1), 0 20px 30px -14px rgba(0,0,0,0.65), inset 0 2px 3px rgba(255,255,255,0.18);
}
#r3s .r3-x .ln i {
position: absolute; top: 16%; right: 16%; bottom: 16%; left: 16%; border-radius: 50%;
background: radial-gradient(circle at 30% 26%, rgba(130,180,255,0.85) 0%, rgba(130,180,255,0) 20%), radial-gradient(circle at 70% 74%, rgba(160,120,255,0.4) 0%, rgba(160,120,255,0) 17%);
}
#r3s .r3-x .fcar.is-in .ln i { animation: r3xLens 9s linear infinite; }
@keyframes r3xLens { to { transform: rotate(360deg); } }
#r3s .r3-x .bump { position: relative; display: block; flex-shrink: 0; background: linear-gradient(150deg, rgba(255,255,255,0.16), rgba(255,255,255,0.04)); box-shadow: inset 0 0 0 1px rgba(255,255,255,0.14), 0 18px 30px -16px rgba(0,0,0,0.5); }
#r3s .r3-x .fcar:not(.dark) .bump { background: linear-gradient(150deg, #dcdde2, #c3c5cc); box-shadow: inset 0 0 0 1px rgba(255,255,255,0.7), 0 18px 30px -16px rgba(0,0,0,0.35); }
#r3s .r3-x .bump .ln { position: absolute; width: 58px; height: 58px; }
#r3s .r3-x .bump--3 { width: 148px; height: 148px; border-radius: 40px; }
#r3s .r3-x .bump--3 .ln:nth-child(1) { left: 13px; top: 13px; }
#r3s .r3-x .bump--3 .ln:nth-child(2) { left: 13px; bottom: 13px; }
#r3s .r3-x .bump--3 .ln:nth-child(3) { right: 13px; top: 45px; }
#r3s .r3-x .bump--2 { width: 84px; height: 148px; border-radius: 42px; }
#r3s .r3-x .bump--2 .ln:nth-child(1) { left: 13px; top: 13px; }
#r3s .r3-x .bump--2 .ln:nth-child(2) { left: 13px; bottom: 13px; }
/* chip */
#r3s .r3-x .cp {
position: relative; display: flex; align-items: center; justify-content: center; flex-shrink: 0;
width: 108px; height: 108px; border-radius: 26px;
background: linear-gradient(145deg, #303238, #08090b);
box-shadow: 0 0 0 1px rgba(255,255,255,0.16), inset 0 1px 0 rgba(255,255,255,0.22), 0 20px 34px -16px rgba(0,0,0,0.7);
}
#r3s .r3-x .cp::before, #r3s .r3-x .cp::after { content: ""; position: absolute; z-index: -1; }
#r3s .r3-x .cp::before { left: 20px; right: 20px; top: -9px; bottom: -9px; background: repeating-linear-gradient(90deg, #8d9098 0, #8d9098 3px, transparent 3px, transparent 10px); }
#r3s .r3-x .cp::after { top: 20px; bottom: 20px; left: -9px; right: -9px; background: repeating-linear-gradient(180deg, #8d9098 0, #8d9098 3px, transparent 3px, transparent 10px); }
#r3s .r3-x .vis-chip { isolation: isolate; }
#r3s .r3-x .cp-glow { position: absolute; left: 50%; top: 50%; width: 220px; height: 220px; margin: -110px 0 0 -110px; border-radius: 50%; background: radial-gradient(circle, rgba(41,151,255,0.5) 0%, rgba(41,151,255,0) 62%); z-index: -2; opacity: 0.6; }
#r3s .r3-x .fcar.is-in .cp-glow { animation: r3xPulse 3.4s ease-in-out infinite; }
@keyframes r3xPulse { 0%, 100% { opacity: 0.45; transform: scale(0.92); } 50% { opacity: 0.95; transform: scale(1.06); } }
#r3s .r3-x .cp b { font-size: 19px; font-weight: 700; letter-spacing: -0.03em; line-height: 1; text-align: center; padding: 0 8px; background: linear-gradient(180deg, #fff, #9aa0aa); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: #e5e5ea; }
/* display */
#r3s .r3-x .vis-display, #r3s .r3-x .vis-island { align-items: flex-end; overflow: hidden; margin-bottom: 0; }
#r3s .r3-x .vis-display + p, #r3s .r3-x .vis-island + p { border-top: 1px solid rgba(128,128,128,0.22); padding-top: 16px; }
#r3s .r3-x .ph {
position: relative; display: block; width: 172px; height: 140px; flex-shrink: 0;
border-radius: 34px 34px 0 0; border: 5px solid #1b1b1e; border-bottom: none;
background: linear-gradient(135deg, #061a3a, #0a63d8, #3cc3d6, #0e8d83, #061a3a);
background-size: 300% 300%;
box-shadow: 0 0 0 1px rgba(255,255,255,0.14), 0 -18px 50px -18px rgba(41,151,255,0.55);
}
#r3s .r3-x .fcar.is-in .ph { animation: r3xWall 9s ease-in-out infinite; }
@keyframes r3xWall { 0%, 100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } }
#r3s .r3-x .ph .isl { position: absolute; top: 11px; left: 50%; height: 17px; width: 56px; border-radius: 10px; background: #000; transform: translateX(-50%); }
#r3s .r3-x .fcar.is-in .vis-island .isl { animation: r3xIsl 4.4s var(--ease) infinite; }
@keyframes r3xIsl { 0%, 18%, 100% { width: 56px; height: 17px; } 34%, 74% { width: 132px; height: 30px; border-radius: 16px; } }
/* batteria */
#r3s .r3-x .bt { position: relative; display: block; width: 150px; height: 66px; border-radius: 19px; border: 3px solid currentColor; padding: 6px; opacity: 0.95; flex-shrink: 0; }
#r3s .r3-x .bt::after { content: ""; position: absolute; right: -10px; top: 50%; width: 5px; height: 22px; margin-top: -11px; border-radius: 0 4px 4px 0; background: currentColor; }
#r3s .r3-x .bt i { display: block; height: 100%; width: 16%; border-radius: 11px; background: linear-gradient(90deg, #1faa45, #30d158); transition: width 1.8s var(--ease) 0.25s; }
#r3s .r3-x .fcar.is-in .bt i { width: 100%; }
/* profilo (titanio, spessore, tasti, porta) */
#r3s .r3-x .edw { position: relative; display: block; width: 92%; max-width: 250px; flex-shrink: 0; }
#r3s .r3-x .edw .kb { position: absolute; bottom: 100%; height: 3px; border-radius: 2px 2px 0 0; background: linear-gradient(180deg, #d9d5cc, #9c978d); }
#r3s .r3-x .edw .kb1 { left: 17%; width: 9%; }
#r3s .r3-x .edw .kb2 { left: 30%; width: 15%; }
#r3s .r3-x .edw .kb3 { left: 48%; width: 15%; }
#r3s .r3-x .ed {
position: relative; display: block; width: 100%; height: 20px; border-radius: 10px; overflow: hidden;
background: linear-gradient(180deg, #f0ede6 0%, #bdb8ae 26%, #8b867d 50%, #cdc8be 74%, #716d66 100%);
box-shadow: 0 16px 24px -12px rgba(0,0,0,0.6);
}
#r3s .r3-x .ed::before, #r3s .r3-x .ed::after { content: ""; position: absolute; top: 0; bottom: 0; width: 2px; background: rgba(40,38,34,0.55); }
#r3s .r3-x .ed::before { left: 9%; }
#r3s .r3-x .ed::after { right: 9%; }
#r3s .r3-x .vis-thin .ed { height: 11px; border-radius: 6px; }
#r3s .r3-x .ed i { position: absolute; top: 0; bottom: 0; left: -40%; width: 34%; background: linear-gradient(100deg, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0)); transform: skewX(-20deg); }
#r3s .r3-x .fcar.is-in .ed i { animation: r3xSheen 4.2s ease-in-out infinite; }
@keyframes r3xSheen { 0% { left: -40%; } 45%, 100% { left: 120%; } }
#r3s .r3-x .ed .bn { position: absolute; left: 50%; top: 4px; bottom: 4px; width: 62px; margin-left: -31px; border-radius: 6px; background: linear-gradient(180deg, #6d6961, #a9a49b); box-shadow: inset 0 1px 2px rgba(0,0,0,0.55); }
#r3s .r3-x .fcar.is-in .ed .bn { animation: r3xPress 3s var(--ease) infinite; }
@keyframes r3xPress { 0%, 30%, 100% { transform: scaleY(1); } 12% { transform: scaleY(0.55); } }
#r3s .r3-x .rp { position: absolute; left: 50%; top: 50%; width: 70px; height: 70px; margin: -35px 0 0 -35px; border-radius: 50%; border: 1.5px solid var(--vis-a); opacity: 0; }
#r3s .r3-x .fcar.is-in .rp { animation: r3xRipple 3s ease-out infinite; }
@keyframes r3xRipple { 0%, 10% { opacity: 0; transform: scale(0.3); } 16% { opacity: 0.8; } 55%, 100% { opacity: 0; transform: scale(2.1); } }
#r3s .r3-x .vis-port .ed { height: 30px; border-radius: 15px; }
#r3s .r3-x .ed .pt { position: absolute; left: 50%; top: 50%; width: 52px; height: 14px; margin: -7px 0 0 -26px; border-radius: 7px; background: #07080a; box-shadow: inset 0 1px 3px rgba(0,0,0,0.9), 0 0 0 1px rgba(255,255,255,0.25); }
#r3s .r3-x .ed .pt::after { content: ""; position: absolute; left: 9px; right: 9px; top: 6px; height: 2px; border-radius: 2px; background: #5a5d64; }
#r3s .r3-x .ed .hl { position: absolute; top: 50%; width: 46px; height: 6px; margin-top: -3px; background: radial-gradient(circle, #15161a 0 2.6px, transparent 3px) 0 0 / 11px 6px repeat-x; }
#r3s .r3-x .ed .hl--l { left: 22px; }
#r3s .r3-x .ed .hl--r { right: 22px; }
#r3s .r3-x .pg { position: absolute; left: 50%; top: 50%; width: 190px; height: 190px; margin: -95px 0 0 -95px; border-radius: 50%; background: radial-gradient(circle, rgba(41,151,255,0.38) 0%, rgba(41,151,255,0) 62%); }
#r3s .r3-x .fcar.is-in .pg { animation: r3xPulse 3.4s ease-in-out infinite; }
/* ===== 9. SCHEDA TECNICA ===== */
#r3s .r3-x .specs { margin: 0; padding: 0; border-top: 1px solid rgba(16,17,19,0.1); text-align: left; }
#r3s .r3-x .spec { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; padding: 14px 2px; border-bottom: 1px solid rgba(16,17,19,0.1); }
#r3s .r3-x .spec-l { font-size: 14px; color: var(--ink-2); flex-shrink: 0; }
#r3s .r3-x .spec-v { font-size: 15px; font-weight: 600; letter-spacing: -0.015em; text-align: right; }
@media (max-width: 359px) {
#r3s .r3-x { --pad: 14px; }
#r3s .r3-x .scan { --phw: 96px; --phh: 196px; gap: 14px 12px; }
#r3s .r3-x .scan-ok { width: 44px; height: 44px; margin: -22px 0 0 -22px; }
#r3s .r3-x .scan-st { font-size: 10px; }
}
@media (min-width: 700px) {
#r3s .r3-x { font-size: 17px; margin-top: 34px; --pad: 28px; }
#r3s .r3-x .sec { padding: 56px var(--pad); margin-bottom: 14px; }
#r3s .r3-x .mani { padding-top: 84px; padding-bottom: 76px; }
#r3s .r3-x .scan { --phw: 170px; --phh: 346px; grid-template-areas: "ph list" "ph prog"; gap: 22px 48px; max-width: 760px; margin-left: auto; margin-right: auto; align-items: center; }
#r3s .r3-x .scan-ph { border-radius: 40px; padding: 5px; }
#r3s .r3-x .scan-scr { border-radius: 35px; }
#r3s .r3-x .scan-list { grid-template-columns: 1fr 1fr; gap: 8px; align-self: end; }
#r3s .r3-x .scan-list li { min-height: 42px; font-size: 14px; }
#r3s .r3-x .scan-prog { align-self: start; }
#r3s .r3-x .scan-st { font-size: 13px; }
#r3s .r3-x .scan-head { text-align: center; }
#r3s .r3-x .scan-head .sub { margin-left: auto; margin-right: auto; }
#r3s .r3-x .stats { grid-template-columns: repeat(4, 1fr); }
#r3s .r3-x .fcar { flex-basis: 330px; }
#r3s .r3-x .fcar-track { padding-bottom: 24px; }
#r3s .r3-x .fcar-controls { display: flex; }
#r3s .r3-x .specs { display: grid; grid-template-columns: 1fr 1fr; column-gap: 44px; max-width: 860px; margin: 0 auto; }
}
@media (prefers-reduced-motion: reduce) {
#r3s .r3-x.r3-anim .mani-p .w, #r3s .r3-x.r3-anim .mani-p .w.k { transition: none; }
#r3s .r3-x.r3-anim .save .save-bar i { transform: none; transition: none; }
#r3s .r3-x *, #r3s .r3-x *::before, #r3s .r3-x *::after { animation: none !important; }
#r3s .r3-x .bt i { width: 100%; transition: none; }
}
/* scanner: forma del dispositivo per famiglia */
#r3s .r3-x .scan--ipad { --phw: 140px; --phh: 190px; }
#r3s .r3-x .scan--ipad .scan-ph { border-radius: 20px; padding: 6px; }
#r3s .r3-x .scan--ipad .scan-scr { border-radius: 14px; }
#r3s .r3-x .scan--mac { --phw: 150px; --phh: 100px; }
#r3s .r3-x .scan--mac .scan-ph { border-radius: 10px 10px 3px 3px; padding: 5px; overflow: visible; }
#r3s .r3-x .scan--mac .scan-scr { border-radius: 6px 6px 2px 2px; }
#r3s .r3-x .scan--mac .scan-ph::after { content: ""; position: absolute; left: -12px; right: -12px; bottom: -8px; height: 8px; border-radius: 0 0 8px 8px; background: linear-gradient(#d2d2d7, #8e8e93); }
#r3s .r3-x .scan--mac .scan-ok, #r3s .r3-x .scan--watch .scan-ok { width: 34px; height: 34px; margin: -17px 0 0 -17px; top: 38%; }
#r3s .r3-x .scan--mac .scan-st, #r3s .r3-x .scan--watch .scan-st { top: 68%; font-size: 10px; }
#r3s .r3-x .scan--watch { --phw: 108px; --phh: 132px; }
#r3s .r3-x .scan--watch .scan-ph { border-radius: 34px; padding: 6px; }
#r3s .r3-x .scan--watch .scan-scr { border-radius: 28px; }
#r3s .r3-x .scan--ipad .scan-isl, #r3s .r3-x .scan--mac .scan-isl, #r3s .r3-x .scan--watch .scan-isl { display: none; }
#r3s .r3-x .vis-vuota { min-height: 24px; flex: 1; }
@media (min-width: 700px) {
#r3s .r3-x .scan--ipad { --phw: 230px; --phh: 310px; }
#r3s .r3-x .scan--mac { --phw: 280px; --phh: 180px; }
#r3s .r3-x .scan--watch { --phw: 160px; --phh: 196px; }
#r3s .r3-x .scan--ipad .scan-ph, #r3s .r3-x .scan--watch .scan-ph { border-radius: 30px; }
#r3s .r3-x .scan--watch .scan-ph { border-radius: 46px; }
#r3s .r3-x .scan--watch .scan-scr { border-radius: 40px; }
#r3s .r3-x .scan--mac .scan-ok { width: 54px; height: 54px; margin: -27px 0 0 -27px; }
#r3s .r3-x .scan--mac .scan-st { font-size: 13px; }
}
/* permuta: valutatore in una finestra sopra la scheda */
.r3s-pm-ov{position:fixed;inset:0;z-index:2147483000;display:none;align-items:flex-end;justify-content:center;background:rgba(0,0,0,.45);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.r3s-pm-ov.on{display:flex}
.r3s-pm-sheet{position:relative;display:flex;flex-direction:column;width:100%;height:94vh;height:94dvh;background:#fff;border-radius:20px 20px 0 0;overflow:hidden;box-shadow:0 -10px 40px rgba(0,0,0,.2);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter","Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.r3s-pm-head{display:flex;align-items:center;gap:12px;padding:12px 12px 12px 18px;border-bottom:1px solid #ececf0}
.r3s-pm-head b{flex:1 1 auto;font-size:16px;font-weight:750;letter-spacing:-.01em;color:#1d1d1f}
.r3s-pm-full{font-size:13px;font-weight:600;color:#0071e3;text-decoration:none;white-space:nowrap}
.r3s-pm-x{flex:0 0 auto;width:36px;height:36px;border:0;border-radius:50%;background:#f2f2f5;color:#1d1d1f;font-size:22px;line-height:1;cursor:pointer}
.r3s-pm-body{position:relative;flex:1 1 auto}
.r3s-pm-body iframe{position:absolute;inset:0;width:100%;height:100%;border:0;opacity:0;transition:opacity .25s}
.r3s-pm-ov.pronto .r3s-pm-body iframe{opacity:1}
.r3s-pm-load{position:absolute;inset:0;display:grid;place-items:center;font-size:14px;color:#86868b}
html.r3s-pmopen #r3-sticky-cart{display:none!important}
@media (min-width:768px){.r3s-pm-ov{align-items:center}.r3s-pm-sheet{width:min(820px,calc(100% - 48px));height:88vh;border-radius:20px}}
/* ---- riquadro "Aggiunto al carrello" (carrello diretto): foglio dal basso sul telefono, finestra al centro sul PC ---- */
.r3s-ok{position:fixed;inset:0;z-index:2147483001;display:flex;align-items:flex-end;justify-content:center;background:rgba(0,0,0,.42);opacity:0;transition:opacity .22s ease;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter","Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#1d1d1f;font-size:15px;line-height:1.35;-webkit-font-smoothing:antialiased;text-align:left}
.r3s-ok[hidden]{display:none!important}
.r3s-ok.on{opacity:1}
.r3s-ok *,.r3s-ok *::before,.r3s-ok *::after{box-sizing:border-box}
.r3s-ok button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;margin:0;border:0;background:none;padding:0;text-align:center;box-shadow:none}
.r3s-ok h2,.r3s-ok h3,.r3s-ok p,.r3s-ok ul{margin:0;padding:0;font-family:inherit;color:inherit}
.r3s-ok ul{list-style:none}
.r3s-ok-box{position:relative;display:flex;flex-direction:column;width:100%;max-height:90vh;max-height:90dvh;background:#fff;border-radius:22px 22px 0 0;box-shadow:0 -12px 40px rgba(0,0,0,.18);transform:translateY(28px);transition:transform .28s cubic-bezier(.2,.8,.2,1)}
.r3s-ok.on .r3s-ok-box{transform:none}
.r3s-ok-top{display:flex;align-items:center;gap:10px;padding:18px 16px 8px 18px}
.r3s-ok-ic{flex:0 0 auto;width:28px;height:28px;border-radius:50%;background:#0b7a3e;display:grid;place-items:center}
.r3s-ok-ic svg{width:15px;height:15px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.r3s-ok-top h2{flex:1 1 auto;min-width:0;font-size:19px;font-weight:700;line-height:1.2;letter-spacing:-.015em}
.r3s-ok .r3s-ok-x{flex:0 0 auto;width:36px;height:36px;border-radius:50%;background:#f2f2f5;display:grid;place-items:center}
.r3s-ok-x svg{width:13px;height:13px;fill:none;stroke:#1d1d1f;stroke-width:2.2;stroke-linecap:round}
.r3s-ok-corpo{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:2px 18px 10px}
.r3s-ok-righe li{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #ececf0}
.r3s-ok-righe li:last-child{border-bottom:0}
.r3s-ok-th{position:relative;flex:0 0 56px;width:56px;height:56px;border-radius:12px;background:#f5f5f7;display:grid;place-items:center;overflow:hidden}
.r3s-ok-th img{position:absolute;inset:4px;width:calc(100% - 8px);height:calc(100% - 8px);object-fit:contain}
.r3s-ok-th svg{width:26px;height:26px;fill:none;stroke:#6e6e73;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.r3s-ok-tx{flex:1 1 auto;min-width:0}
.r3s-ok-tx b{display:block;font-size:15px;font-weight:650;line-height:1.25}
.r3s-ok-tx small{display:block;margin-top:2px;font-size:12.5px;line-height:1.3;color:#6e6e73}
.r3s-ok-pz{flex:0 0 auto;font-size:15px;font-weight:650;white-space:nowrap}
.r3s-ok .r3s-ok-st{color:#0b7a3e;font-weight:600}
.r3s-ok .r3s-ok-err{color:#c2410c}
.r3s-ok .r3s-ok-err a,.r3s-ok .r3s-ok-rip{color:#0071e3;font-weight:600;text-decoration:underline;text-underline-offset:2px}
.r3s-ok .r3s-ok-nota{margin:4px 0 2px;padding:10px 12px;border-radius:12px;background:#fff7ed;color:#9a3412;font-size:13px}
.r3s-ok-acc{margin-top:12px;padding:14px 14px 12px;border-radius:16px;background:#f5f5f7}
.r3s-ok-acc h3{font-size:15px;font-weight:700;line-height:1.25}
.r3s-ok-acc>p{font-size:12.5px;color:#6e6e73;margin-top:2px}
.r3s-ok-acc li{display:flex;align-items:center;gap:10px;padding-top:10px}
.r3s-ok-acc .r3s-ok-th{flex-basis:48px;width:48px;height:48px;background:#fff}
.r3s-ok-acc .r3s-ok-th svg{width:22px;height:22px}
.r3s-ok-acc .r3s-ok-tx b{font-size:14px}
.r3s-ok .r3s-ok-add{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;height:36px;padding:0 15px;border-radius:999px;border:1.5px solid #0071e3;background:#fff;color:#0071e3;font-size:13.5px;font-weight:650;white-space:nowrap;text-decoration:none}
.r3s-ok .r3s-ok-add:hover{background:#f0f6ff;color:#0071e3}
.r3s-ok .r3s-ok-add[disabled]{cursor:default}
.r3s-ok .r3s-ok-add.r3s-ok-fatto{border-color:#0b7a3e;color:#0b7a3e;background:#fff}
.r3s-ok-add svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.r3s-ok-piede{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 18px calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid #ececf0;background:#fff}
.r3s-ok .r3s-ok-piede a{display:flex;align-items:center;justify-content:center;min-height:50px;padding:6px 8px;border-radius:14px;font-size:15.5px;font-weight:700;line-height:1.15;text-align:center;text-decoration:none}
.r3s-ok .r3s-ok-piede a.r3s-ok-cart,.r3s-ok .r3s-ok-piede a.r3s-ok-cart:hover{background:#0071e3;color:#fff}
.r3s-ok .r3s-ok-piede a.r3s-ok-cart:hover{background:#0077ed}
.r3s-ok .r3s-ok-piede a.r3s-ok-check,.r3s-ok .r3s-ok-piede a.r3s-ok-check:hover{border:1.5px solid #d2d2d7;background:#fff;color:#1d1d1f}
.r3s-ok .r3s-ok-piede a.r3s-ok-check:hover{border-color:#86868b}
.r3s-ok .r3s-ok-cont{grid-column:1/-1;height:38px;font-size:14.5px;font-weight:600;color:#0071e3}
.r3s-ok a:focus-visible,.r3s-ok button:focus-visible{outline:2px solid #0071e3;outline-offset:2px}
.r3s-ok-box:focus{outline:none}
@media (min-width:768px){
.r3s-ok{align-items:center}
.r3s-ok-box{width:min(520px,calc(100% - 48px));max-height:86vh;border-radius:22px;transform:translateY(14px) scale(.98)}
.r3s-ok-top{padding:22px 20px 10px 24px}
.r3s-ok-corpo{padding:2px 24px 12px}
.r3s-ok-piede{padding:14px 24px 14px;border-radius:0 0 22px 22px}
}
@media (prefers-reduced-motion:reduce){.r3s-ok,.r3s-ok-box{transition:none}}
html.r3s-okopen :is(#r3-chat,#r3nl-root,.o_livechat_button,#r3-sticky-cart,.r3s-toast){display:none!important}