:root{--bg:#0E0D0C;--sf:#1C1A17;--tx:#EFE8DC;--mu:#B8B0A2;--ac:#C9A35E;--ln:rgba(201,163,94,0.28);--onac:#0E0D0C;--disp:'Marcellus', Georgia, serif;--body:'DM Sans', system-ui, sans-serif;color-scheme:dark}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--bg:#0E0D0C;--sf:#1C1A17;--tx:#EFE8DC;--mu:#B8B0A2;--ac:#C9A35E;--ln:rgba(201,163,94,0.28);--onac:#0E0D0C;--disp:'Marcellus', Georgia, serif;--body:'DM Sans', system-ui, sans-serif}}
:root[data-theme="dark"]{--bg:#0E0D0C;--sf:#1C1A17;--tx:#EFE8DC;--mu:#B8B0A2;--ac:#C9A35E;--ln:rgba(201,163,94,0.28);--onac:#0E0D0C;--disp:'Marcellus', Georgia, serif;--body:'DM Sans', system-ui, sans-serif}
@font-face{font-family:'Marcellus';src:url(fonts/marcellus.woff2) format('woff2');font-display:swap}
@font-face{font-family:'DM Sans';src:url(fonts/dmsans.woff2) format('woff2');font-weight:100 1000;font-display:swap}
html{background:var(--bg);scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--bg)}
html:has(.sw:checked){overflow:hidden}
section[id],div[id]{scroll-margin-top:16px}
.done{padding:8px 0 4px;display:flex;flex-direction:column;gap:10px;align-items:center}
.done b{font-family:var(--disp);font-weight:400;font-size:28px;color:var(--ac)}
.done small{font-size:13px;color:var(--mu)}
body{margin:0}
p,h1,h2,h3,figure{margin:0}
a{text-decoration:none}
input,select,button,textarea{font:inherit}
.root *{box-sizing:border-box}
.pg{container-type:inline-size;container-name:pg;width:100%;background:var(--bg);color:var(--tx);font-family:var(--body);font-size:17px;line-height:1.55}
.fr{display:flex;align-items:center;gap:12px}.fr i{display:block}
.ey{font-size:12px;letter-spacing:6px;padding-left:6px;color:var(--ac)}
.k4{font-size:12px;letter-spacing:4px;color:var(--ac)}
.h2{font-family:var(--disp);font-weight:400;font-size:64px;line-height:1}
.mu{color:var(--mu)}
.cov{position:absolute;inset:0;width:100%;height:100%}
.cov img,.ph img,figure img,.hero-ph img,.card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.ov{position:absolute;inset:0;background:rgba(8,10,9,.42)}
.btn{height:56px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;font-weight:500;letter-spacing:3px;border:1px solid var(--ac);color:var(--tx);background:transparent;cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none}
.btn.gold{background:var(--ac);color:var(--onac)}
.btn svg{width:18px;height:18px;flex:none}
.sec-t{padding:144px 24px 0;display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}
/* testata */
.hd{position:absolute;left:0;right:0;top:0;z-index:3}
.hd-in{max-width:1280px;margin:0 auto;padding:0 48px;height:112px;display:grid;grid-template-columns:minmax(0,1fr) 240px minmax(0,1fr);align-items:center}
.nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));font-size:13px;letter-spacing:3px;text-align:center}
.nav a,.nav label{color:var(--tx);padding:14px 0;cursor:pointer}
.nav .on{color:var(--ac);text-decoration:underline;text-underline-offset:8px}
.logo{display:flex;justify-content:center}.logo img{height:44px;width:auto;display:block}
.hd-line{max-width:1184px;margin:0 auto;height:1px;background:var(--ln)}
/* apertura */
.hero{position:relative;height:860px;overflow:hidden;background:#0b0d0c}
.hero-ph{position:absolute;inset:0}
.hero-ph .ov{background:linear-gradient(rgba(8,10,9,.6),rgba(8,10,9,.1) 28%,rgba(8,10,9,.1) 55%,rgba(8,10,9,.8))}
.hero-tx{position:absolute;left:0;right:0;bottom:72px;z-index:2;display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center;padding:0 24px}
.tag{font-size:14px;letter-spacing:6px;padding-left:6px}
.hrs{display:none}
.cta3{display:grid;grid-template-columns:repeat(3,240px);gap:24px}
.cta3 .btn{font-size:12px;letter-spacing:2px}
/* striscia info */
.info{border-bottom:1px solid var(--ln)}
.info-in{max-width:1184px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.info-in>*{padding:40px 16px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;color:var(--tx)}
.info-in>*:nth-child(2){border-left:1px solid var(--ln);border-right:1px solid var(--ln)}
.info .s{font-size:15px;color:var(--mu)}
.info a .s{color:var(--ac);text-decoration:underline;text-underline-offset:4px}
/* tre momenti */
.mom{margin-top:72px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--ln);border-top:1px solid var(--ln);border-bottom:1px solid var(--ln)}
.card{position:relative;height:640px;overflow:hidden;display:block;color:var(--tx)}
.card .cx{position:absolute;left:0;right:0;bottom:56px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
.card h3{font-family:var(--disp);font-weight:400;font-size:44px;line-height:1}
.card .d{font-size:15px}
/* domenica */
.dom{position:relative;height:640px;overflow:hidden;margin-top:144px}
.dom .ov{background:rgba(8,10,9,.5)}
.dom-c{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0 24px}
.box{width:560px;max-width:100%;padding:64px 48px;border:1px solid var(--ac);outline:1px solid var(--ln);outline-offset:8px;display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center;background:rgba(8,10,9,.35)}
.dw{font-family:var(--disp);font-size:30px;line-height:1;letter-spacing:12px;padding-left:12px;color:var(--ac)}
.box h2{font-family:var(--disp);font-weight:400;font-size:56px;line-height:1}
.box .btn{width:240px}
/* menu */
.menu{padding:144px 48px;display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}
.mgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;width:100%;max-width:960px;margin-top:48px;background:var(--ln);border:1px solid var(--ln)}
.mgrid a,.mgrid label{height:112px;display:flex;align-items:center;justify-content:center;background:var(--bg);color:var(--tx);font-family:var(--disp);font-size:26px;cursor:pointer}
.mgrid label:hover{color:var(--ac)}
/* galleria */
.gal{padding-bottom:144px}
.gal>input{position:fixed;top:0;left:0;width:1px;height:1px;opacity:0;pointer-events:none}
.tabs{display:grid;grid-template-columns:repeat(3,160px);justify-content:center;margin:48px auto 0}
.tabs label{height:52px;display:flex;align-items:center;justify-content:center;font-size:13px;letter-spacing:3px;border:1px solid var(--ln);color:var(--tx);cursor:pointer}
.tabs label+label{border-left:0}
.gp{display:none;max-width:1184px;margin:48px auto 0;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.gp figure{position:relative;height:520px;overflow:hidden}
.gp figcaption{position:absolute;left:0;right:0;bottom:0;padding:48px 16px 20px;text-align:center;font-size:12px;letter-spacing:3px;background:linear-gradient(rgba(8,10,9,0),rgba(8,10,9,.75))}
/* feste */
.fb{position:relative;height:520px;overflow:hidden}
.fb .ov{background:rgba(8,10,9,.5)}
.fb .cx{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;text-align:center;padding:0 24px}
.fb h2{font-family:var(--disp);font-weight:400;font-size:72px;line-height:1}
.fw{background:var(--sf)}
.fw-in{max-width:1184px;margin:0 auto;padding:96px 0;display:grid;grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr)}
.fw-l{padding:0 64px;display:flex;flex-direction:column}
.fw-l .k4{text-align:center;margin-bottom:24px}
.fw-r{padding:0 64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;text-align:center}
.fw-r h3{font-family:var(--disp);font-weight:400;font-size:44px;line-height:1.1}
.fw-r .btn{width:280px}
.row{display:flex;justify-content:space-between;align-items:center;height:72px;border-bottom:1px solid var(--ln)}
.row p:first-child{font-family:var(--disp);font-size:26px}
.row p:last-child{color:var(--ac)}
.vl{background:var(--ln)}
/* spazi */
.sp{max-width:1184px;margin:72px auto 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.sp>div{display:flex;flex-direction:column;gap:16px;text-align:center}
.sp .ph{position:relative;height:440px;overflow:hidden}
.sp h3{font-family:var(--disp);font-weight:400;font-size:28px}
.sp .s{font-size:15px;color:var(--mu)}
/* asporto e recensioni */
.ar{max-width:1184px;margin:144px auto 0;display:grid;grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);border-top:1px solid var(--ln);border-bottom:1px solid var(--ln)}
.col{padding:96px 32px;display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}
.col h2{font-family:var(--disp);font-weight:400;font-size:52px;line-height:1}
.duo2{display:grid;grid-template-columns:repeat(2,200px);gap:24px}
.col>.btn{width:280px;max-width:100%}
.score{font-family:var(--disp);font-size:72px;line-height:1;color:var(--ac)}
/* dove */
.dove{padding:144px 48px;display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}
.dove h2{font-family:var(--disp);font-weight:400;font-size:52px;line-height:1.1}
.duo{display:grid;grid-template-columns:repeat(2,240px);gap:24px;margin-top:24px}
.ft{border-top:1px solid var(--ln)}
.ft-in{max-width:1184px;margin:0 auto;padding:72px 0;display:grid;grid-template-columns:minmax(0,1fr) 240px minmax(0,1fr);align-items:center;font-size:13px;letter-spacing:2px;color:var(--mu);text-align:center}
.ft-in img{width:200px;height:auto;display:block;margin:0 auto}
.ft-in a{color:var(--mu)}
/* computer: stessa impostazione del telefono */
.hd{background:linear-gradient(rgba(8,8,8,.62),rgba(8,8,8,0))}
.hd-in{height:88px;grid-template-columns:64px minmax(0,1fr) 64px}
.logo{grid-column:2}.logo img{height:52px}
.nav,.hd-line,.hero-tx,.cta3,.info{display:none}
.burger{grid-column:3;display:flex;align-items:center;justify-content:center;width:56px;height:56px;color:var(--tx);cursor:pointer}
.burger svg{width:30px;height:30px}
.hero{height:auto;overflow:visible;background:var(--bg)}
.hero-ph{position:relative;inset:auto;height:calc(100vh - 88px);height:calc(100svh - 88px);min-height:480px}
.hero-ph .ov{background:linear-gradient(rgba(8,10,9,0) 80%,rgba(14,13,12,.55))}
.pg{padding-bottom:88px}
.bar{display:grid;position:fixed;left:0;right:0;bottom:0;z-index:40;grid-template-columns:repeat(3,240px);justify-content:center;gap:16px;background:rgba(14,13,12,.96);border-top:1px solid var(--ln);padding:12px 16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--body)}
.bar>*{height:62px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px;font-weight:500;letter-spacing:2px;color:var(--onac);cursor:pointer;border:1px solid var(--ac);border-radius:3px;background:var(--ac);box-shadow:0 2px 0 rgba(0,0,0,.45)}
.bar svg{width:20px;height:20px}
@container pg (max-width: 760px){
.h2{font-size:40px}
.ey{font-size:11px;letter-spacing:4px;padding-left:4px}
.sec-t{padding:88px 16px 0;gap:20px}
.hero{height:auto;overflow:visible;background:var(--bg)}
.hd{position:absolute;background:linear-gradient(rgba(8,8,8,.62),rgba(8,8,8,0))}
.hd-in{height:64px;padding:0 8px;grid-template-columns:48px minmax(0,1fr) 48px}
.logo{grid-column:2}
.burger{grid-column:3;display:flex;align-items:center;justify-content:center;width:48px;height:48px;color:var(--tx);cursor:pointer}
.burger svg{width:26px;height:26px}
.nav{display:none}
.logo img{height:40px}
.hd-line{display:none}
.hero-ph{position:relative;inset:auto;height:calc(100vh - 74px);height:calc(100svh - 74px - env(safe-area-inset-bottom));min-height:380px}
.hero-ph img{object-position:60% 42%!important}
.hero-ph .ov{background:linear-gradient(rgba(8,10,9,0) 80%,rgba(14,13,12,.55))}
.hero-tx{display:none}
.cta3{display:none}
.info{display:none}
.mom{margin-top:40px;display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 16px;background:none;border:0}
.card{height:420px;scroll-snap-align:center}
.card h3{font-size:36px}
.card .cx{bottom:36px}
.dom{height:520px;margin-top:88px}
.dom-c{padding:0 22px}
.box{padding:44px 20px;outline-offset:6px;gap:18px}
.dw{font-size:24px;letter-spacing:10px;padding-left:10px}
.box h2{font-size:44px}
.menu{padding:88px 16px}
.mgrid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px}
.mgrid a,.mgrid label{height:72px;font-size:20px}
.gal{padding-bottom:88px}
.tabs{grid-template-columns:repeat(3,minmax(0,1fr));padding:0 16px;margin-top:32px}
.tabs label{font-size:12px;letter-spacing:2px}
.gp{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 16px;gap:12px;margin-top:24px}
.gp figure{height:420px;scroll-snap-align:center}
.fb{height:340px}
.fb h2{font-size:44px}
.fw-in{grid-template-columns:minmax(0,1fr);padding:56px 16px;gap:48px}
.vl{display:none}
.fw-l,.fw-r{padding:0}
.fw-r h3{font-size:32px}
.fw-r .btn{width:100%}
.row{height:60px}
.row p:first-child{font-size:21px}
.sp{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 16px;margin-top:40px}
.sp .ph{height:240px}
.sp>div{gap:8px}
.sp h3{font-size:21px}
.sp .s{font-size:14px}
.ar{grid-template-columns:minmax(0,1fr);margin-top:88px}
.col{padding:64px 16px}
.col h2{font-size:40px}
.ar .col+.vl+.col{border-top:1px solid var(--ln)}
.duo2{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:12px}
.duo2 .btn{font-size:12px;letter-spacing:2px}
.score{font-size:56px}
.dove{padding:88px 16px}
.dove h2{font-size:34px}
.duo{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:12px}
.duo .btn{font-size:12px;letter-spacing:2px}
.ft-in{grid-template-columns:minmax(0,1fr);gap:20px;padding:48px 16px}
.ft-in img{width:150px;order:-1}
}
@container pg (max-width: 380px){
.tag{font-size:11px;letter-spacing:2.2px;padding-left:2.2px}
}
@media (max-width: 760px){
.root{overflow-x:clip}
.pg{padding-bottom:calc(78px + env(safe-area-inset-bottom))}
.bar{display:grid;position:fixed;left:0;right:0;bottom:0;z-index:40;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;background:rgba(14,13,12,.96);border-top:1px solid var(--ln);padding:8px 8px calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--body)}
.bar>*{height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:10.5px;font-weight:500;letter-spacing:1.5px;color:var(--tx);cursor:pointer;border:1px solid var(--ac);border-radius:3px;background:var(--sf);box-shadow:0 2px 0 rgba(0,0,0,.45)}
.bar>*:active{transform:translateY(1px);box-shadow:none}
.bar .gold{background:var(--ac);color:var(--onac)}
.bar svg{width:21px;height:21px}
}
/* finestre a comparsa: Prenota e Richiamatemi */
.sh-nav{padding:0!important;align-items:stretch!important}
.mnav{position:relative;width:100%;min-height:100%;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:72px 24px 40px;overflow-y:auto;text-align:center}
.mnav .x{position:absolute;top:10px;right:10px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:30px;color:var(--tx);cursor:pointer}
.mnav .mlogo{height:40px;width:auto}
.mnav nav{display:flex;flex-direction:column;align-items:center;gap:4px}
.mnav nav a{font-family:var(--disp);font-size:27px;line-height:1.2;color:var(--tx);padding:9px 12px}
.mnav nav a:active{color:var(--ac)}
.mnav .small{font-size:13px;letter-spacing:2px;color:var(--mu)}
.sw{position:fixed;top:0;left:0;width:1px;height:1px;opacity:0;pointer-events:none}
.sheet{position:fixed;inset:0;z-index:50;display:none;align-items:center;justify-content:center;padding:16px;font-family:var(--body);color:var(--tx);font-size:17px;line-height:1.5}
.sheet .bd{position:absolute;inset:0;background:rgba(8,10,9,.75);cursor:pointer}
.panel{position:relative;width:480px;max-width:100%;background:var(--sf);border:1px solid var(--ac);padding:44px 32px 28px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.panel .x{position:absolute;top:6px;right:6px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--mu);font-size:26px;line-height:1}
.panel h2{font-family:var(--disp);font-weight:400;font-size:36px;line-height:1.1}
.panel .sub{font-size:15px;color:var(--mu);margin-top:-4px}
.panel form{width:100%;display:flex;flex-direction:column;gap:12px;margin-top:8px;text-align:left}
.panel input,.panel textarea{width:100%;height:54px;padding:0 16px;background:var(--bg);border:1px solid var(--ln);border-radius:0;color:var(--tx);font-size:16px;-webkit-appearance:none;appearance:none}
.panel textarea{height:76px;padding:14px 16px;resize:none}
.panel input::placeholder,.panel textarea::placeholder{color:var(--mu);opacity:.85}
.panel .btn{width:100%;margin-top:4px}
.panel .small{font-size:13px;color:var(--mu)}
.panel .small a{color:var(--ac);text-decoration:underline;text-underline-offset:3px}
.panel{max-height:92vh;max-height:92dvh;overflow-y:auto;overscroll-behavior:contain}
.panel .x{position:sticky;top:-38px;align-self:flex-end;margin:-38px -20px -6px 0;z-index:3;background:var(--sf);border:1px solid var(--ln);border-radius:50%;width:40px;height:40px;font-size:22px}
.panel .lbl{font-size:11px;letter-spacing:3px;color:var(--ac);margin-top:10px}
.days{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:4px;margin:0 -2px}
.days::-webkit-scrollbar{display:none}
.ch{min-height:48px;border:1px solid var(--ln);background:var(--bg);color:var(--tx);font-size:16px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.15;padding:6px 4px;border-radius:3px}
.ch small{font-size:11px;color:var(--mu);letter-spacing:.5px}
.days .ch{flex:0 0 66px;height:62px;scroll-snap-align:start}
.ch.on{background:var(--ac);border-color:var(--ac);color:var(--onac)}
.ch.on small{color:var(--onac)}
.ch:disabled{opacity:.35;cursor:not-allowed;text-decoration:line-through}
.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.grid2 .ch{font-size:15px;min-height:52px}
.times{display:flex;flex-direction:column;gap:8px}
.times .sl{font-size:11px;letter-spacing:2px;color:var(--mu)}
.hint{font-size:14px;color:var(--mu)}
.err{font-size:14px;color:#E8A07A;min-height:0}
.err:empty{display:none}
.ord{width:100%;text-align:left}
.mlist{width:100%;text-align:left;margin-top:4px}
.mlist .lbl{margin-top:22px}
.mlist .it .d{grid-column:1 / -1}
.cat{border-bottom:1px solid var(--ln)}
.cat summary{list-style:none;min-height:58px;display:flex;align-items:center;gap:10px;font-family:var(--disp);font-size:22px;cursor:pointer}
.cat summary::-webkit-details-marker{display:none}
.cat summary:after{content:"+";margin-left:auto;color:var(--ac);font-family:var(--body);font-size:24px;width:24px;text-align:center}
.cat[open] summary:after{content:"–"}
.cat .bdg{font-family:var(--body);font-size:12px;background:var(--ac);color:var(--onac);border-radius:10px;padding:1px 8px}
.cat .bdg:empty{display:none}
.it{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:12px 0;border-top:1px solid rgba(201,163,94,.12)}
.it .n{font-family:var(--disp);font-size:16px;letter-spacing:.6px}
.it .d{font-size:13px;color:var(--mu);line-height:1.4}
.it .p{color:var(--ac);font-size:15px;text-align:right;white-space:nowrap}
.it .q{grid-column:2;grid-row:2 / span 2;align-self:end;display:flex;align-items:center;gap:6px;justify-content:flex-end}
.q button{width:40px;height:40px;border:1px solid var(--ac);background:transparent;color:var(--tx);font-size:20px;line-height:1;cursor:pointer;border-radius:3px}
.q .add{background:var(--ac);color:var(--onac)}
.q b{min-width:22px;text-align:center;font-weight:500}
.ord-foot{position:sticky;bottom:0;margin:12px 0 0;background:var(--sf);border-top:1px solid var(--ac);padding:12px 0 calc(16px + env(safe-area-inset-bottom));display:flex;gap:12px;align-items:center;justify-content:space-between;z-index:2}
.ord-foot div{display:flex;flex-direction:column;line-height:1.25}
.ord-foot b{font-size:20px;font-weight:500;color:var(--ac)}
.ord-foot span{font-size:13px;color:var(--mu)}
.ord-foot .btn{width:auto;padding:0 28px;margin:0}
.ord-foot .btn:disabled{opacity:.4;cursor:not-allowed}
.ord-2{display:flex;flex-direction:column;gap:12px}
.ord-2[hidden]{display:none}
.back{align-self:flex-start;background:none;border:0;color:var(--ac);font-size:14px;padding:6px 0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.riep{border:1px solid var(--ln);padding:12px 14px;display:flex;flex-direction:column;gap:6px;font-size:15px}
.riep div{display:flex;justify-content:space-between;gap:12px}
.riep .tot{border-top:1px solid var(--ln);padding-top:8px;margin-top:2px;color:var(--ac);font-weight:500}
.pay{font-size:14px;color:var(--mu)}
@media (max-width: 760px){
.sheet{align-items:flex-end;padding:0}
.panel{width:100%;border-width:1px 0 0;padding:40px 16px calc(20px + env(safe-area-inset-bottom))}
.panel.tall{height:94vh;height:94dvh;max-height:none}
.panel .x{margin-right:-4px}
}