/* ================================
   IMPORTAÇÃO DE GOOGLE FONTS
================================== */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@font-face {
    font-family: 'Block Berthold';
    src: url('../fonts/blockberthold.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* EXEMPLO FONTES
  font-family: 'Public Sans', sans-serif;
  font-family: 'Poppins', sans-serif;
  font-family: 'Block Berthold', sans-serif;
*/

:root {
    /* ===============================
       FONTES
    =============================== */
    --font-base: 'Public Sans', sans-serif;
    --font-titulos: 'Poppins', sans-serif;
    --font-logo: 'Block Berthold', sans-serif;

    /* ===============================
       CORES
    =============================== */
    --app-sushi-main-100: #EC6E00;
    --app-sushi-secondary-100: #ED2B35;
    --app-sushi-shades-50: #FFEDE1;
    --app-sushi-shades-100: #FEB788;
    --app-sushi-white-100: #FFFEFE;
    --app-sushi-dark-50: #464340;
    --app-sushi-dark-100: #222;
    --app-sushi-dark-200: #191919;
    --app-sushi-gray-50: #EFF1F5;
    --app-sushi-gray-100: #ACB4C3;
    --app-sushi-gray-200: #7B7876;
    --app-sushi-dark-gradient-subtil: linear-gradient(90deg, #222 0%, #3B3936 100%);
    --sf-grad-footer: linear-gradient(
            90deg, #EB8C34 -1.66%, #E96D07 29.65%, #CA5E05 88.69%
    );
    --sf-grad-desejados: linear-gradient(
            90deg, #CA5E05 -1.66%, #E96D07 29.65%, #EB8C34 88.69%
    );

    /* ===============================
       ESPAÇAMENTO BASE
    =============================== */
    --padding-pagina: 2rem;
    --espaco-xs: 0.5rem;
    --espaco-sm: 1rem;
    --espaco-md: 2rem;
    --espaco-lg: 4rem;
    --espaco-horizontal: 24px;



    /* ===============================
       OUTROS BASE
    =============================== */
    --s-orange: #EC6E00;
    --s-orange-top: #FF8A2B;
    --s-orange-bot: #C85300;
    --s-grad: linear-gradient(180deg, var(--s-orange-top) 0%, var(--s-orange) 46%, var(--s-orange-bot) 100%);

    --s-bg: #191919;
    --s-ink: #0f0f0f;
    --s-muted: #8F8E8D;
    --s-white: #F1F1F1;

    --s-radius: 20px;
    --s-shadow-xl: 0 40px 100px rgba(0,0,0,.45);
    --s-topbar:24px; --s-header:64px;


}

*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
a {
    text-decoration: none;
    color: inherit;
}
img {
    max-width: 100%;
    height: auto;
}
html, body {
    height: 100%;
    font-family: sans-serif;
    background-color: #fff;
    color: #000;
}
body.page-menu{

    background: var(--app-sushi-dark-200);
}
input,
textarea,
button,
select {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    border: none;
    outline: none;
    background: none;
}
body,
h1, h2, h3, h4, h5, h6,
p,
span,
label,
strong,
em,
blockquote,
pre,
code {
    margin: 0;
    padding: 0;
    line-height: 1.4;
    font-weight: normal;
}

/******** GERADO *******/
html, body{ height:100%; }
.sushi-body{
    font-family: Poppins, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
    overflow-x: hidden;
}

/* ===== HEADER */

.sushi-h2{
    color: #fff;
    font-family: var(--font-logo);
    font-size: 96px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    text-transform: uppercase;
    margin-bottom: 60px;
    display: block;
}
.sushi-h3{
    color: #fff;
    font-family: var(--font-logo);
    font-size: 72px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 72px */
    text-transform: uppercase;
    z-index: 1;
    position: relative;
}
.sushi-eyebrow{color: #fff;font-family: var(--font-logo);font-size: 96px;font-style: normal;font-weight: 400;line-height: 100%; /* 96px */text-transform: uppercase;}

/* Topbar + Header (stacked) */
.sushi-topbar{ position:absolute; inset:0 0 auto 0; height:24px; z-index:1089; display:flex; align-items:center;
    padding: 16px var(--espaco-horizontal);
    top: 16px;
}
.sushi-topbar .a-top-bar{
    border-radius: 100px;
    background: var(--app-sushi-white-100);
    padding: 7px var(--espaco-horizontal);
    width: 100%;
}
.sushi-topbar__redes{ color:var(--app-sushi-dark-200);  gap: 12px !important;}
.sushi-topbar__info{ color:var(--app-sushi-dark-200); }
.sushi-topbar__links{ color:var(--app-sushi-dark-200); gap: 8px !important;}

.sushi-topbar__slick{
    height: 20px;              /* ~ igual à altura de uma linha */
    overflow: hidden;
}
.sushi-topbar__slick .slick-track{
    display: block !important; /* garante altura correta em vertical */
}
.sushi-topbar__slick .slick-slide{
    display:flex !important;
    align-items:center;    justify-content: center;
    height:auto;               /* deixa a altura do conteúdo */

    width: max-content !important;
    text-align: center;
    margin: auto;
}
.sushi-topbar__slick span{
    display:inline-flex;
    align-items:center;
    gap:6px;
    white-space: nowrap;
}
.sushi-topbar__slick span span{
    color: var(--app-sushi-main-100);
}
.sushi-nav{
    gap: 35px;
}
#minhaContaDashboard img{
    width: 24px;
}

.barra-grande-header{
    display: flex;
    padding: 16px var(--espaco-horizontal);
    width: 100%;
    justify-content: space-between;
}

/* ===== FAB circular (Menu.png) */
.os-menu-fab{
    width:48px;
    height:48px;
    border-radius:50%;
    background:var(--app-sushi-main-100);
    color:#fff;
    border:0;
    display: grid;
    place-items:center;
    cursor:pointer;
    z-index:1100;
}
.os-menu-bars,
.os-menu-bars::before,
.os-menu-bars::after{
    content:"";
    display:block;
    width:24px;
    height:2px;
    background:#fff;
    border-radius:2px;
    transition:.25s;
    float: right;
    opacity: 1;
    transition: .5s;
}
.os-menu-bars::before{transform:translateY(-6px);width:18px;text-align: right;}
.os-menu-bars::after { transform:translateY(4px); width:12px;}

.sushi-viewall-mobile,
.os-menu-nav-mobile,
.cart-mobile-literal{
    display: none;
}

.os-menu-fab:hover ::before,
.os-menu-fab:hover ::after,
body.is-open .os-menu-fab ::before,
body.is-open .os-menu-fab ::after{
    transform:translateY(0px);
    opacity: 0;
    transition: .5s;
}

.os-menu-fab:hover{
    background:var(--app-sushi-shades-100);
    transition: .5s;
}

.btn-encomendar-principal{
    background:var(--app-sushi-main-100);
    padding: 12px 28px;
    border-radius: 1000px;
    color: #FFF;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    border: none;
}
.btn-encomendar-principal:hover{
    background:var(--app-sushi-dark-200);
    color: white;
}

.os-menu-overlay{
    position:fixed; inset:0; background:var(--os-grad); color:#fff;
    display:none; z-index:1087;
    background-image:url("../img/menu-full-screen-2.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

}
.os-menu-overlay.is-open{ display:block; }

/* topbar branca fina */
.os-menu-topbar{
    position:absolute; top:0; left:0; right:0; height:20px;
    background:#fff; color:#000; display:flex; align-items:center;
    font: 600 12px/1 'Inter',system-ui; letter-spacing:.3px;
}
.os-topbar-center{ width:100%; text-align:center; }

/* header simples */
.os-menu-header{
    display:flex; align-items:center; justify-content:space-between;
    padding: 38px 48px 0 48px;
    font-family: 'Inter', system-ui;
}
.os-logo{ display:flex; align-items:center; gap:10px; }
.os-logo-mark{
    display:inline-grid; place-items:center;
    width:38px; height:38px; border-radius:8px;
    background:#fff; color:var(--os-orange); font:800 16px/1 'Inter';
}
.os-logo-txt{ font-weight:800; font-size:14px; line-height:1; }
.os-logo-txt small{ font-weight:600; opacity:.85; }

.os-pill-black{
    background:#000; color:#fff; border-radius:999px;
    padding:10px 18px; text-decoration:none; font-weight:800;
}

/* nav grande */
.os-menu-nav{
    /* margin: 40px 48px; */
    font-family: 'Block Berthold', sans-serif;
    text-transform:uppercase;
    letter-spacing:.5px;
    margin-left: 24px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.os-menu-nav a{
    display: block;
    text-decoration:none;
    color:#fff;
    margin:.18em 0;
    text-align: left;
    font-family: "Block Berthold";
    font-size: 72px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 72px */
    text-transform: uppercase;
    transition: 0.3s;
    position: relative;
}
.os-menu-nav a:before{
    content: "";
    width: 30px;
    height: 30px;
    background: url(../img/pauzinhos-icon-black.svg);
    position: absolute;
    background-size: contain;
    background-position: center;
    left: -100px;
    transition: 0.3s;
    background-repeat: no-repeat;
    top: 50%;
    transform: translateY(-50%);
}


.os-menu-nav a:hover{
    transition: 0.3s;
    padding-left: 60px;
    margin-left: 0px;
    color: var(--app-sushi-dark-200);
}
.os-menu-nav a:hover:before{
    left: 0px;
    transition: 0.3s;
}
/* idiomas */
.os-langs{
    position:absolute; left:36px; bottom:28px;
    display:flex; gap:18px; font:700 13px/1 'Inter', system-ui;
    display: none;
}
.os-langs a{color:#fff;text-decoration:none;font-family: Poppins;font-size: 16px;margin-bottom: 0px;font-style: normal;font-weight: 700;line-height: 120%; /* 19.2px */text-transform: uppercase;padding: 12px;}
.os-langs a.is-active{
    background: var(--app-sushi-dark-200);
    border-radius:999px;
}
.os-langs a:hover{
    background: white;
    color: var(--app-sushi-dark-200);
    border-radius: 100%;
}

/* etiqueta encomenda + seta */
.os-encomenda-flag{
    position:absolute;
    right:36px;
    bottom:36px;
    font-family:var(--font-logo), system-ui;
    cursor: pointer;

    padding-left: 100px;
    padding-top: 50px;
}
.os-encomenda-flag .a-encomeda{
    font-size: 42px;
    letter-spacing: 3px;
    rotate: 6deg;
    position: relative;
    display: block;
    margin-bottom: 30px;
    transition: .3s;
    color: white;
}
.os-encomenda-flag .a-encomeda:before{
    content: "";
    width: 22px;
    height: 22px;
    position: absolute;
    background-image: url('../img/pauzinhos-icon.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    top: 12px;
    left: -40px;
    transition: .3s;
}
.os-encomenda-flag .os-arrow{margin-left: -80px;
    transition: .3s;
}

.os-encomenda-flag .os-arrow img{
}

.os-encomenda-flag:hover{
    transition: .3s;
    filter: brightness(0);
}
.os-encomenda-flag:hover .a-encomeda{
    transition: .3s;
    transform: scale(1.3);
    rotate: -9deg;
    left: -30px;
}
.os-encomenda-flag:hover .a-encomeda:before{
    transition: .3s;
    top: -26px;
    left: -33px;
    rotate: 10deg;
    transform: scale(1.3);
}
.os-encomenda-flag:hover .os-arrow{
    transition: .3s;
    margin-left: 136px;
    rotate: 4deg;
    display: inline-block;
}

/* ===== estado aberto: animação simples do ícone (podes trocar por “X”) */
.os-menu-overlay.is-open ~ .os-menu-fab .os-menu-bars{ background:transparent; }
.os-menu-overlay.is-open ~ .os-menu-fab .os-menu-bars::before{ transform:rotate(45deg); }
.os-menu-overlay.is-open ~ .os-menu-fab .os-menu-bars::after { transform:rotate(-45deg); }


body.is-open .sushi-header{
    backdrop-filter: none;
}
body.is-open .btn-encomendar-principal{
    background: var(--app-sushi-dark-200);
    color: #fff;
}
body.is-open .btn-encomendar-principal:hover{
    background: #fff;
    color: var(--app-sushi-dark-200);
}
body.is-open .os-menu-fab{
    color: var(--app-sushi-main-100);
    background: #fff;
}
body.is-open .os-menu-bars,
body.is-open .os-menu-bars::before,
body.is-open .os-menu-bars::after{
    background: var(--app-sushi-main-100);
}
body.is-open svg.img-logo-principal  path{
    fill: white;
}


body.sushi-pag-tipo-other .sushi-topbar .a-top-bar{
    background: var(--app-sushi-dark-200);
}
body.sushi-pag-tipo-other .os-menu-fab,
body.sushi-pag-tipo-normal-2 .os-menu-fab{
    background: var(--app-sushi-dark-200);
}
body.sushi-pag-tipo-other .sushi-topbar__slick .slick-slide,{
    color: #fff;
}
body.sushi-pag-tipo-other .sushi-topbar__links,
body.sushi-pag-tipo-other .sushi-topbar__info span{
    color: #fff;
}



body.sushi-pag-tipo-normal-2 .btn-encomendar-principal{
    background: var(--app-sushi-dark-200);
}
body.sushi-pag-tipo-normal-2 .btn-encomendar-principal:hover{
    color: var(--app-sushi-dark-200);
    background: #fff;
}

.sushi-topbar__social img{
    width: 18px;
}
#meuCarrinho{
    position: relative;
}
#meuCarrinho.bola:before{
    content: "";
    position: absolute;
    top: 0px;
    right: -2px;
    width: 8px;
    height: 8px;
    background: var(--app-sushi-main-100);
    border-radius: 100%;
}
/* ===== HEADER */



/* ===== FOOTER */
footer{
    max-width: 100%;
    overflow-x: hidden;
    z-index: 1;
    position: relative;
}

.sfoot-wave{ display:block; width:100%; height:120px; }
.sfoot-body{ background:var(--sf-grad-footer); padding:24px; }

/* grid topo */
.sfoot-grid{
    display:grid;
    grid-template-columns: repeat(5, minmax(0,1fr));
    gap: clamp(16px, 3vw, 32px);
    align-items:start;
    margin-bottom: clamp(24px, 3vw, 40px);
}
.sfoot-col h6{
    color: #FFF;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 19.2px */
    text-transform: uppercase;
    border-bottom: 2px solid white;
    margin-bottom: 8px;
}
.sfoot-col h6::before{

}
.sfoot-col ul{padding-left: 0px;}
.sfoot-col li{
    color: #FFF;

    /* desktop/paragraph */
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%; /* 16.8px */
    list-style: none;
    padding-left: 0px;
}
.sfoot-col a{

    color: #FFF;

    /* desktop/paragraph */
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 16.8px */
}
.sfoot-col a:hover{

}
/* sociais */
.sfoot-social{ display:flex; gap:14px; font-size:22px; }
.sfoot-social a{ color:#fff; opacity:.9; }
.sfoot-social a:hover{ opacity:1; }

/* livro de reclamações */
.sfoot-badge{ display:flex; align-items:center; gap:10px; font-weight:800; text-transform:uppercase; }
.sfoot-dot{ width:12px; height:12px; border-radius:50%; background:#fff; display:inline-block; }

/* apps */
.sfoot-stores{ display:flex; gap:8px; align-items:center; }

/* linha “tens dúvidas” */
.sfoot-ask{

}

/* título gigante */
.gigante img{
    width: 100%;
}

.sms-gigante{left: 0px;transition: .3s;position: relative;background: transparent;width: 130vw;}
.sms-gigante a{
    white-space: nowrap;
    display: block;
    width: 100%;
    position: relative;
    background: transparent;
}
.sms-gigante a img{
    width: 97.5vw;
}
.sms-gigante a .bl-footer-big-seta{
    position: absolute;
    margin-right: 2.5vw;
    right: 0px;
    float: right;
    top: 25px;
}
.sms-gigante a .bl-footer-big-seta img{
    width: 70px;
    rotate: 4deg;
}
.sms-gigante:hover{
    left: -30vw;
    transition: .3s;
    filter: brightness(0);
}



/* responsivo */
@media (max-width: 1024px){
    .sfoot-grid{ grid-template-columns: repeat(3, minmax(0,1fr)); }
}
@media (max-width: 640px){
    .sfoot-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
    .sfoot-giant{ font-size: clamp(40px, 16vw, 120px); }
}

/* ===== FOOTER */

/* ===== HERO */
/* HERO WAVE */
.sushi-hero{ overflow:hidden; }
.sushi-hero-wave{
    display: block;
    width: 100%;
    height: 200px;
    margin-top: 0px;
    position: absolute;
    bottom: 0px; }
 .sushi-hero-wave path{
    fill: var(--s-ink);
 }

.sushi-hero .os-encomenda-flag:hover{
    filter: brightness(100%);
}

.sushi-hero{
    position:relative;
    min-height:100dvh;
    padding-top:24px; }

/* HERO background as image placeholder */
.sushi-hero{
    background-image: url('../img/fundo-home.png');
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
}
.cartas-home{
    cursor: pointer;
    
}
.sushi-card-home{
    transition: .3s;
    border-bottom-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}
.sushi-card-home:hover{
    transform: translateY(-2px) scale(1.08);
    box-shadow: 0 30px 10px rgba(0, 0, 0, .32);
    transition: .3s;
}
.sushi-hero__content{
    position: absolute;
    z-index:1;
    top: 50%;
    text-align: center;
    left: 50%;
    transform: translate(-50%, -58%);
}
.sushi-hero__title {
    font-family: var(--font-logo);
    color: #FFF;
    text-align: center;
    font-size: 8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 90%;
    text-transform: uppercase;
}





/* container */
.switcher{
    display:inline-flex;
    align-items:center;
    position:relative;
    padding:6px;
    background: rgba(143, 142, 141, 0.80);
    border-radius:999px;
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);
    gap:0;
    margin-top: 29px;
    margin-bottom: 16px;
}

/* pílula móvel */
.switcher__thumb{
    position:absolute;
    top:6px; left:6px;           /* deve bater com o padding do .switcher */
    height:calc(100% - 12px);
    width:var(--thumb-w, 120px);
    transform:translateX(var(--thumb-x, 0px));
    background:#fff;
    border-radius:999px;
    box-shadow:0 6px 18px rgba(0,0,0,.15);
    transition:transform .28s ease, width .28s ease;
    will-change:transform,width;
}

/* botões */
.switcher__btn{
    position:relative;
    z-index:1;                   /* acima da pílula */
    font-family: 'Poppins';
    font-size: 14px;
    background:transparent;
    border:0;
    color:#fff;
    font-weight: 400;
    padding: 10px 22px 10px 22px;
    border-radius:999px;
    line-height:1;
    cursor:pointer;
    white-space:nowrap;
    user-select:none;
}

/* estado ativo = texto laranja */
.switcher__btn.is-active{ color:var(--app-sushi-main-100); background: white;}

/* (se estiveres a usar o bloco antigo, limpa-o) */
.sushi-hero__switcher{ all:unset; }


.sushi-hero__search input{ border:none; outline:none; box-shadow:none; }
.sushi-hero__search input.form-control,
.sushi-hero__search select.form-select{
    color: var(--app-sushi-main-100);
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    border: none;
}
.sushi-hero__search input.form-control::placeholder{

    color: var(--app-sushi-main-100);
}
.sushi-hero__go{
    width: 42px;
    height: 33px;
    border-radius: 50%;
    background: #F1F1F1;
    color: #fff;
    border: 0;
    display: grid
;
    place-items: center; }


.sushi-hero__search:hover{
    opacity: .90;
}
#chPay{
    margin-bottom: 0px;
}


.sushi-hero__search{display:flex;align-items:center;gap:.4rem;background:#fff;border-radius:999px;padding:.45rem;box-shadow: var(--s-shadow-xl);width: 400px;max-width: 98%;margin: auto;}
.sushi-cta{
    background: var(--app-sushi-main-100);
    padding: 12px 28px;
    border-radius: 1000px;
    color: #FFF;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    border: none;
    margin-top: 16px;
    display: inline-block;
}
.sushi-cta:hover{
    background: white;
    color: var(--app-sushi-dark-100);
}

.sushi-hero__flag{ position:absolute; right:60px; bottom:140px; display:flex; gap:.6rem; align-items:center; text-transform:uppercase; font-weight:800; letter-spacing:.08em; }


/* ===== HERO */











.sushi-header{
    position:absolute;
    top: 0px;
    left:0;
    right:0;
    z-index:1088;
    padding-top: 50px;
}
.sushi-header.is-scrolled {
    backdrop-filter: saturate(140%) blur(8px);
    position: fixed;
    top: -20vh;
    transition: 0s;
}

.sushi-logo__dot{ width:26px; height:26px; border-radius:50%; background:var(--s-orange); box-shadow:0 0 0 3px #fff inset; display:inline-block; }
.sushi-burger{ background:none; border:0; color:#fff; font-size:1.8rem; }

/* HERO */


/* Desejados */
.sushi-orange{ position:relative;     background: var(--sf-grad-desejados); color:#1a1a1a; padding: 44px 0 196px; }
.sushi-orange__head{ position:relative;
    margin-bottom: 60px;
}

/* GRADIENTE + WAVE */
.sushi-orange{
    position:relative;
    color:#fff;
    background: var(--sf-grad-desejados);
    background: var(--s-ink);
    overflow:hidden;
}
.sushi-orange__wave{
    position:absolute; top:-1px; left:0; width:100%; height:120px; z-index:0;
}
.sushi-orange > .container-xl{ position:relative; z-index:1; }

/* “ENCOMENDA →” no canto, leve rotação */
.sushi-orange__flag{
    position:absolute; top:10px; right:14px; z-index:1;
    font: 900 14px/1 Inter, system-ui;
    letter-spacing:.08em; text-transform:uppercase;
    transform: rotate(-12deg);
}
.sushi-orange__flag .arrow{ font-size:28px; margin-left:8px; }

/* Título grande com duas linhas como screenshot */
.sushi-eyebrow--lg{
    font-weight:900; font-size: clamp(28px, 4vw, 52px);
    margin: 56px 0 0;
}
.sushi-h2--block{
    font-weight:900; text-transform:uppercase;
    font-size: clamp(38px, 6vw, 72px);
    line-height:.92; margin: 0 0 10px;
}

/* Botão “Ver menu” (pill escura à direita) */
.sushi-viewmenu{
    align-self:flex-end;
    background:#191919; color:#fff; border:0;
    padding:10px 18px; border-radius:999px; font-weight:800;
    box-shadow: 0 6px 18px rgba(0,0,0,.22); transition:transform .2s;
}
.sushi-viewmenu:hover{ transform: translateY(-2px); }

/* Filtros como no mockup (um escuro ativo + dois laranja) */
.sushi-filters{display: flex;gap:10px;margin: 12px 0 12px;/* flex-wrap: nowrap; */width: 100%;}
.sushi-chip{
    border:0;
    border-radius:999px;
    padding: 12px 27px;
    color: #FFFEFE;
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: var(--font-logo);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 120% */
}

.sushi-chip--orange{ background: #2B2B2B; color: white; }
.sushi-chip--dark:hover,
.sushi-chip--orange:hover{color:#2B2B2B; background:#fff;}
.sushi-chip--orange.sushi-chip--active{background:#EC6E00; color:#fff;}
.sushi-chip--orange:hover{ filter:brightness(1.07); }

/* Cards pretos arredondados com media destacada */
.sushi-card-home{
    border-radius:0px;
    overflow:hidden;
    height:100%;
    transition: transform .2s, box-shadow .2s;
}
.sushi-card-home:hover{}

.sushi-card__media{
    width:100%;
    aspect-ratio: 4/3;
    background: url('https://picsum.photos/600/450?random=20') center/cover no-repeat;
    
    border-radius: 0.5rem;
}
#cards-grid{  
   
    flex-wrap: wrap;
    align-items: flex-end;

}

#cards-grid .sushi-card__meta{
    height: 40px;
    overflow: hidden;
    font-size: 12px;
    line-height: 20px;
    display: none;
}
.sushi-card__body{padding: 6px 0px 16px;position:relative;display: grid;}
.sushi-card__title{
    order: 1;
    color: #FFF;
    font-family: var(--font-titulos);
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 16px;
}
.sushi-card__meta{order: 2;color: #FFF;

    /* app sushi/text/main-text */font-family: Poppins;font-size: 14px;font-style: normal;font-weight: 500;line-height: 20px; /* 142.857% */}
.sushi-card__price{
    position:absolute;
    right: 0px;
    bottom: 16px;
    color: #FFF;
    font-family: var(--font-titulos);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 120% */
    letter-spacing: 0.8px;
}

#cards-grid .sushi-card__price{
    position: relative;
    text-align: right;
    bottom: inherit;
}

.sushi-card__price--old{
    text-decoration: line-through;
    font-size: 0.9rem;
}

.sushi-viewall{

    color: #FFF;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    border-radius: 1000px;
    background: var(--sushi-dark-base, #191919);
    padding: 12px 28px;
    position: absolute !important;
    right: 0px;
}

.sushi-viewall:hover{

    background: #FFF;
    color: var(--sushi-dark-base, #191919);
}

@media (min-width: 1200px){
    .col-xl-5th {
        flex: 0 0 auto;
        width: 20%;     /* 100 / 5 = 20% */
    }
}

/* Desejados */


/* Markees */
/* INFINITE MARQUEE BELTS */
.sushi-marquee{ overflow:hidden; position:relative; }
.sushi-marquee--white{ background:#ffffff; color:#000; }
.sushi-marquee--black{ background:#0e0e0e; color:#fff; border-top:1px solid rgba(255,255,255,.08); border-bottom:1px solid rgba(255,255,255,.08); }
.sushi-marquee__track{ display:flex; width:max-content; gap:64px; animation: sushi-marquee 22s linear infinite; padding: 5px 0; }
.sushi-marquee:hover .sushi-marquee__track{ animation-play-state: paused; } /* pausa ao hover */
.sushi-marquee__list{ display:flex; gap:48px; list-style:none; padding:0; margin:0; align-items:center; }

.sushi-marquee__list li {
    margin: 0 6px;
    color: var(--app-sushi-main-100);
    text-align: center;
    font-family: var(--font-logo);
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
}
.sushi-marquee__list li:before{
    content: "";
    width: 16px;
    height: 16px;
    background-image: url('../img/pauzinhos-brancos-marquue.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    left: -38px;
    top: 2px;
}
.sushi-marquee__list--white li{
    color: var(--app-sushi-main-100);

}
.sushi-marquee__list--white li:before{
    background-image: url('../img/pauzinhos-laranja.svg');
}

.sushi-marquee__list--black li{ color:#fff; }
to   { transform: translateX(-50%); }
}

/* Opposite directions for marquees */
@keyframes sushi-marquee-left {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
}
@keyframes sushi-marquee-right {
    from { transform: translateX(0); }
    to   { transform: translateX(50%); }
}
.sushi-marquee--white .sushi-marquee__track { animation: sushi-marquee-left 42s linear infinite; }
.sushi-marquee--black .sushi-marquee__track { animation: sushi-marquee-right 42s linear infinite; }

.sushi-marquee:hover .sushi-marquee__track{
    animation-play-state: paused !important;
}

/* Markees */





/*.sushi-filters .sushi-chip{ border-color: rgba(26,26,26,.35); color:#1a1a1a; background:transparent; }
.sushi-chip--dark.sushi-chip--active, .sushi-chip--dark:hover{ background:#1a1a1a; color:#fff; }
.sushi-viewall{ position:absolute; right:0; top:-36px; background:#1a1a1a; color:#fff; border:0; border-radius:999px; padding:.35rem 1rem; font-weight:800; }

.sushi-card{ background:#0f0f0f; border-radius:16px; border:1px solid rgba(255,255,255,.08); overflow:hidden; transition:transform .25s, box-shadow .25s; height:100%; }
.sushi-card:hover{ transform:translateY(-3px); box-shadow:0 26px 60px rgba(0,0,0,.4); }
.sushi-card__media{ width:100%; aspect-ratio: 4/3; background:#1c1c1c url('https://picsum.photos/600/450?random=1') center/cover no-repeat; }
.sushi-card__body{ position:relative; padding:12px; }
.sushi-card__meta{ color:#cfcfcf; font-size:.82rem; }
.sushi-card__price{ position:absolute; top:12px; right:12px; font-weight:800; }
.sushi-card__title{ font-size:1rem; margin: 18px 0 0 0; }

/* BELT */
.sushi-belt{ background:#0e0e0e; border-top:1px solid rgba(255,255,255,.08); border-bottom:1px solid rgba(255,255,255,.08); }
.sushi-belt__list{ display:flex; gap:24px; overflow:auto; white-space:nowrap; list-style:none; margin:0; padding:.6rem 0; scrollbar-width:none; }
.sushi-belt__list::-webkit-scrollbar{ display:none; }
.sushi-belt__list a{ color:#fff; text-decoration:none; font-size:.82rem; font-weight:800; text-transform:uppercase; opacity:.9; }*/











/* INGREDIENTS */
.sushi-ingredients{ position:relative; background: linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.85)), url('https://images.unsplash.com/photo-1617191518005-8ef47b2b1d3f?q=80&w=1600&auto=format&fit=crop') center/cover no-repeat; padding: 48px 0; }
.sushi-ingredients__wrap{ display:grid; grid-template-columns: 1fr 420px; gap: 32px; align-items:center; padding: 40px 0; }
.sushi-ingredients__title h2{ font-family:"Bebas Neue"; text-transform:uppercase; font-size: clamp(2.4rem, 2.2rem + 3vw, 4.4rem); line-height:.9; text-shadow:0 16px 60px rgba(0,0,0,.5); }
.sushi-note{ background: rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.18); border-radius:16px; padding:18px; color:#fff; }
.sushi-note--accent{ background: rgba(236,110,0,.95); color:#3d1c00; border-radius:14px; padding:12px; margin-bottom: 12px; font-weight:800; }

/* STATS */
.sushi-stats{margin-bottom: -70px;
    background-image: url('../img/linhas-1.svg');background-size: 100%;background-repeat: no-repeat;background-position: center;padding: 0px 0;position:relative;background-color: var(--app-sushi-dark-200);padding-bottom: 120px;}
.sushi-stats__orbits{ position:absolute; inset:auto -20vw auto -20vw; top:-40px; height:540px; pointer-events:none; }
.sushi-stats__image{
    width:100%;
    aspect-ratio: 4/2.4;
    border-radius: 24px;
    /*box-shadow: var(--s-shadow-xl);*/
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 47px;
}
.sushi-stats h3{
    line-height: 130%;
}

.container-fluid-stats{
    padding: 80px 24px 0px;
    /* background: var(--app-sushi-dark-200); */
}
.container-home-img-destaque{
    text-align: center;
    top: -50px;
    position: relative;
    z-index: 0;
}
.btns{
    border-radius: 1000px;
    background: var(--app-sushi-main-100);
    color: #FFF;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 21px */
    padding: 12px 28px;
}
.btns:hover{
    background: #fff;
    color: var(--app-sushi-main-100);
}


/* APP */
.sushi-app{/*display:none;*/padding: 48px 0;background-image: url(../img/linhas-2.svg);background-size: 100%;background-repeat: no-repeat;background-position: center;padding: 0px 0 179px;position: relative;background-color: var(--app-sushi-dark-200);margin-bottom: -70px;}
.sushi-app__title{text-align:center;text-transform:uppercase;padding-top: 130px;margin-bottom: -80px;}
.sushi-phone{
    width: 60%;
    margin-inline:auto;
}



.grp-lojas-phones{position: absolute;text-align: left;right: 24px;margin-top: -50px;}
.grp-lojas-phones h5{
    color: #FFF;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 19.2px */
    text-transform: uppercase;
    margin-bottom: 16px;
}
.grp-lojas-phones .site-online-stores{
    display: flex;
    gap: 16px;
}
.grp-lojas-phones .site-online-stores a{

}
.grp-lojas-phones .site-online-stores img{
    height: 48px;
}





/* RESPONSIVE (base — podes ajustar à tua estratégia mobile) */
@media (max-width: 991.98px){
    .sushi-ingredients__wrap{ grid-template-columns: 1fr; }
    .sushi-hero__content{ padding-top: 110px; }
    .sushi-hero__flag{ right: 24px; bottom: 80px; }
}
@media (max-width: 575.98px){

}


/* Force opposite marquee directions with translate3d for better perf */
@keyframes sushi-marquee-left-strong { from { transform: translate3d(0,0,0); } to { transform: translate3d(-50%,0,0); } }
@keyframes sushi-marquee-right-strong{ from { transform: translate3d(-50%,0,0); } to { transform: translate3d(0%,0,0); } }
.sushi-marquee--white .sushi-marquee__track{ animation: sushi-marquee-left-strong 58s linear infinite !important; }
.sushi-marquee--black .sushi-marquee__track{ animation: sushi-marquee-right-strong 58s linear infinite !important; }


/* Topbar polish */
.sushi-topbar__info span i{ color: var(--s-orange); }
.sushi-topbar__info span{ display:inline-flex; align-items:center; gap:6px; }

.sushi-topbar__links{
    cursor: pointer;
}


/* INGREDIENTES as horizontal scroll banners */
.sushi-ingredients-carousel{
    position:relative;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    display:flex;
    width:100%;
    height: 100vh;
}
.sushi-ingredients-track{
    display:flex; flex:1;
}


.sushi-ingredients-banner{
    flex: 0 0 100%;
    width: 100%;
    scroll-snap-align: start;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background-size: cover;
    overflow: hidden;
}

.sushi-ingredients-banner h2{
    color: #FFF;
    text-align: center;
    font-family: var(--font-logo);
    font-size: 128px;
    font-style: normal;
    font-weight: 400;
    line-height: 90%;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}

.sushi-ingredients-banner img{
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    width: 100%;
    height: auto;
}
.sushi-banner1{

}
.sushi-banner2{

}
.sushi-banner3{

}
.pop-home-scroll{position: absolute;display: flex;width: 447px;padding: 16px;flex-direction: column;justify-content: center;align-items: flex-start;gap: 12px;border-radius: 16px;background: #EC6E00;bottom: 24px;left: 24px;}
.pop-home-scroll h3{
    color: #FFF;
    font-family: var(--font-logo);
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}
.pop-home-scroll p{
    color: #FFF;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}
.pop-home-scroll a{
    color: var(--app-sushi-main-100);
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    border-radius: 1000px;
    background: #FFF;
    padding: 12px 29px;
}
.pop-home-scroll a:hover{
    background: var(--app-sushi-dark-200);
    color: #FFF;
}



/* INGREDIENTES — Horizontal scroll (3 banners) */



/* ================================================================
   INGREDIENTES — sticky section: horizontal scroll while vertical
   ================================================================ */
:root{ --s-sticky-top: 88px; } /* calculado e atualizado em JS */

.sushi-ingredients-lock{ position:relative; height: calc(var(--s-hslides, 3) * 100vh); }
.sushi-hpin{ position: sticky; top: var(--s-sticky-top); height: calc(100vh - var(--s-sticky-top)); overflow: hidden; }
.sushi-htrack{ display:flex; height:100%; width: calc(var(--s-hslides, 3) * 100vw); will-change: transform; transform: translate3d(0,0,0); }
.sushi-hpane{ min-width: 100vw; height: 100%; position:relative; display:flex; align-items:center; }
.sushi-hpane__content h2{ font-family:"Bebas Neue"; text-transform:uppercase; font-size: clamp(2.6rem, 2.2rem + 3.6vw, 5rem); line-height:.9; margin-bottom:.5rem; text-shadow:0 16px 60px rgba(0,0,0,.45); }
.sushi-hpane__content .lead{ color:#ededed; max-width: 560px; }

/* backgrounds para as 3 panes (placeholders) */
.sushi-hpane--one{ background: linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.85)), url('https://images.unsplash.com/photo-1617191518005-8ef47b2b1d3f?q=80&w=1600&auto=format&fit=crop') center/cover no-repeat; }
.sushi-hpane--two{ background: linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.85)), url('https://images.unsplash.com/photo-1625944527785-e3666d7d703d?q=80&w=1600&auto=format&fit=crop') center/cover no-repeat; }
.sushi-hpane--three{ background: linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.85)), url('https://images.unsplash.com/photo-1617191518560-8b4fb7d0f093?q=80&w=1600&auto=format&fit=crop') center/cover no-repeat; }

@media (max-width: 575.98px){
    :root{ --s-sticky-top: 92px; }
}

/* === Sticky horizontal final fix === */
.sushi-ingredients-lock{ position:relative; --slides: var(--s-hslides, 3); height: calc((var(--slides) - 1) * 100vw + 100vh); }
.sushi-hpin{ position: sticky; top: 0; height: 100vh; overflow: hidden; z-index: 1; background: transparent; }
.sushi-hpin__spacer{ height: calc(var(--s-topbar) + var(--s-header)); }
.sushi-htrack{ display:flex; height: calc(100vh - (var(--s-topbar) + var(--s-header))); width: calc(var(--slides) * 100vw); will-change: transform; transform: translate3d(0,0,0); }
.sushi-hpane{ min-width: 100vw; height: 100%; position:relative; display:flex; align-items:center; }


/* === Seamless Infinite Marquees (white left, black right) === */


/* === Sticky Horizontal (Ingredientes) — definitive === */
:root{ --s-topbar: 24px; --s-header: 64px; }
.sushi-ingredients-lock{ position:relative; --slides: var(--s-hslides, 3); height: calc((var(--slides) - 1) * 100vw + 100vh); }
.sushi-hpin{ position: sticky; top: 0; height: 100vh; overflow: hidden; }
.sushi-hpin__spacer{ height: calc(var(--s-topbar) + var(--s-header)); }
.sushi-htrack{ display:flex; height: calc(100vh - (var(--s-topbar) + var(--s-header))); width: calc(var(--slides) * 100vw); will-change: transform; transform: translate3d(0,0,0); }
.sushi-hpane{ min-width: 100vw; height: 100%; display:flex; align-items:center; }


/****** OUTROS ECRAS ********/


/****** SOBRE ********/

.sushi-sobre-hero{
    background-color: var(--app-sushi-white-100);
    color: var(--app-sushi-dark-100);
    padding: var(--espaco-sm) var(--padding-pagina) var(--espaco-md);
    padding-top: 160px;
    padding-bottom: 350px;
    position: relative;
    background-image: url('../img/aboutus-linhasaboutus.png');
    background-size: 110%;
    background-position-x: -175px;
    background-repeat: no-repeat;
    background-position-y: center;
    border: none;
}
.sushi-sobre-hero__bar{
    display:flex; align-items:center; justify-content:space-between; gap: var(--espaco-sm);
}
.sushi-sobre-bc{ list-style:none; margin:0; padding:0; display:flex; gap:8px; font: 400 14px/1 var(--font-base); color:var(--app-sushi-gray-200); }
.sushi-sobre-bc__item a{ color:inherit; text-decoration:none; }
.sushi-sobre-bc__item.is-current{ color:var(--app-sushi-dark-100); font-weight:700; }

.sushi-sobre-cta{ text-decoration:none; display:inline-flex; align-items:center; }
.sushi-sobre-cta--pill{
    background: var(--app-sushi-dark-200);
    color: var(--app-sushi-white-100);
    border-radius: 999px; padding: 10px 18px; font: 800 14px/1 var(--font-base);
}

.linha-especial-esquerda{
    padding-left: 26%;
}

.sushi-sobre-hero__title{margin-top: 20px;}
.sushi-sobre-h1{
    margin:0;
    text-transform:uppercase;
    font-weight:900;
    line-height: 0.95;
    font-size: 128px;
    display:flex;
    flex-wrap:wrap;
    gap: 0em .35em;
    font-family: var(--font-logo);
}
.sushi-sobre-h1 em{ color: var(--app-sushi-main-100); font-style:normal; }
.sushi-sobre-h1__icon{ width:1.2em; height:.9em; background: url('assets/img/sushi-icon.svg') center/contain no-repeat; display:inline-block; }

.sushi-sobre-cue{
    position:absolute;
    right: var(--padding-pagina);
    bottom: 30px;
    border:0;
    background:transparent;
    cursor:pointer;
    z-index: 5;
}
.sushi-sobre-cue__dot{ width:36px; height:36px; border-radius:50%; background: var(--app-sushi-main-100); display:block; }

/* ===== INTRO – 3 IMAGENS ===== */
.sushi-sobre-intro{padding: 20px var(--padding-pagina) var(--espaco-md);margin-top: -80px;z-index: 1;position: relative;}
.sushi-sobre-intro__head{ margin-bottom: var(--espaco-sm); }
.sushi-sobre-h2{
    color: var(--sushi-dark-base, #191919);
    /* desktop/h4 */
    font-family: var(--font-logo);
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 38.4px */
}
.sushi-sobre-intro__grid{
    display:grid; gap: var(--espaco-sm); grid-template-columns: repeat(3, 1fr);
}
.sushi-sobre-card{ border-radius: 16px; overflow:hidden; background: var(--app-sushi-gray-50); }
.sushi-sobre-card__img{ width:100%; aspect-ratio: 4/3; object-fit:cover; }

/* ===== EXPERIÊNCIA + CONTADORES ===== */
.sushi-sobre-experiencia{padding: 20px var(--padding-pagina) var(--espaco-lg);}
.sushi-sobre-tag{display: block;width: 140px;margin-bottom: 18px;}
.sushi-sobre-h2--big{ font-size: clamp(28px, 5vw, 56px); line-height:.95; margin: 4px 0 18px; }
.sushi-sobre-h2__line--accent{ color: var(--app-sushi-main-100); }

.sushi-sobre-stats{
    display: flex;
    gap: 10vw;
    align-items: flex-end;
    justify-content: center;
    margin-bottom: 40px;
    margin-top: 40px;
}
.sushi-sobre-stat{ text-align:center; }
.sushi-sobre-stat__num{
    font-family: var(--font-logo);
    color: var(--app-sushi-dark-100);
    font-size: 96px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 96px */
    text-transform: uppercase;
    margin-top: 48px;
    text-align: center;
}
.sushi-sobre-stat__label{
    color: var(--sushi-dark-base, #191919);
    /* desktop/p-sub */
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 19.2px */
}

/* ===== SLIDE DIAGONAL ===== */
.sushi-sobre-diagonal{padding: var(--espaco-md) 0 0px;rotate: -5.7deg;}
.sushi-sobre-diagonal__slider{
    position:relative;
    overflow:hidden;
    transform: skewY(0deg);
}
.sushi-sobre-diagonal__track{display:flex;gap: 12px;padding: 0 var(--padding-pagina) var(--espaco-sm);overflow-x: auto;}
.sushi-sobre-diagonal__item{
    min-width: clamp(180px, 28vw, 260px);
    border-radius: 12px;
    overflow:hidden;
}
.sushi-sobre-diagonal__img{ width:100%; aspect-ratio: 4/3; object-fit:cover; }

/* ===== BANNER PRETO + MARQUEES + CTA ===== */
.sushi-sobre-banner{background-image: url('../img/Fundo-Sobre-bg.svg');padding: var(--espaco-lg) 0 0;color: var(--app-sushi-white-100);background-position: top;background-repeat: no-repeat;background-size: 100%;padding-top: 300px;margin-bottom: -100px;}
.sushi-sobre-banner__surface{ position:relative; padding-bottom: var(--espaco-lg); }

.sushi-sobre-ribbon{
    background: var(--app-sushi-main-100);
    color: var(--app-sushi-white-100);
    transform: rotate(-4deg);
    overflow:hidden;
    font-size: 62px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 72px */
    text-transform: uppercase;
    position: relative;
    display: block;
    margin-left: -10px;
    padding-top: 12px;
    padding-bottom: -2px;
    margin-bottom: 0px;
}
.sushi-sobre-ribbon__track{
    display:flex;
    gap: 102px;
    align-items:center;
    white-space: nowrap;
    font-size: 60px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 72px */
    text-transform: uppercase;
    font-family: var(--font-logo);
    list-style: none;
}
.sushi-sobre-ribbon__track li{
    position: relative;
    margin-bottom: -10px;
    line-height: 100%;
}

.rib-1{position: relative;z-index: 2;}
.rib-2{
    margin-top: 160px;
    transform: rotate(6deg);
    margin-bottom: -420px;
}
.rib-3{
    margin-top: -210px;
    position: relative;
    z-index: 0;
}
.rib-4{
    transform: rotate(4deg);
    margin-top: 120px;
    z-index: 2;
}

.sushi-sobre-ribbon__track li:before{
    content: "";
    width: 20px;
    height: 20px;
    background-image: url(../img/pauzinhos-brancos-marquue.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    left: -64px;
    top: 16px;
}
.sushi-sobre-banner__media{
    position: relative;
    z-index: 1;
    margin: 40px auto 0;
    text-align: center;
}
.sushi-sobre-banner__media img{max-width: 90%;border-radius: 18px;box-shadow: var(--s-shadow-xl);width: 701px;}

.sushi-sobre-banner__cta{display:flex;justify-content:center;padding: var(--espaco-md) 0 var(--espaco-lg);padding-top: 100px;padding-bottom: 120px;}
.sushi-sobre-cta--primary{
    color: #fff;
    text-decoration:none;
    border-radius: 100px;
    background: var(--sushi-orange-base, #EC6E00);

    /* Light/shadow060 */
    box-shadow: 0 20px 32px 0 rgba(17, 17, 17, 0.08);
    padding: 12px 10px 12px 20px;
    font-family: var(--font-logo);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 125% */
    text-transform: uppercase;
}

.sushi-sobre-cta--primary i{
    background: var(--app-sushi-dark-200);
    border-radius: 100%;
    margin-left: 30px;
    transition: .5s;
}
.sushi-sobre-cta--primary:hover{color: var(--app-sushi-dark-200);background: var(--app-sushi-white-100);}
.sushi-sobre-cta--primary:hover i{
    rotate: 45deg;
    transition: .5s;
}

/* ===== RESPONSIVO ===== */
@media (max-width: 991px){
    .sushi-sobre-diagonal__item{ min-width: 26vw; }
}

.pre-sobre-banner{

}
.sushi-sobre-stat__icon{

}
.sushi-sobre-h2__line{
    display: block;
    line-height: 100%;
}
.sushi-sobre-stat__icon img{
    width: 90px;
}

.sushi-sobre-banner::before {


    /* cobre toda a área */
}
/****** SOBRE ********/


/****** SERVICOS ********/
/* Usa os teus tokens */
:root{}

/* breadcrumb */
.sushi-servicos-bc{padding:var(--espaco-sm) var(--padding-pagina) 0;position: absolute;top: 160px;z-index: 1;}
.sushi-servicos-bc ol{margin:0;padding:0;list-style:none;display:flex;gap:8px;color:var(--app-sushi-gray-200);font:400 14px/1 var(--font-base)}
.sushi-servicos-bc a{color:inherit;text-decoration:none}
.sushi-servicos-bc li[aria-current]{color: var(--sushi-white, #FFF);
    /* desktop/paragraph */font-family: Poppins;font-size: 14px;font-style: normal;font-weight: 500;line-height: 120%; /* 16.8px */}

/* hero split */
.sushi-servicos-hero{position:relative;margin-top: -8px;}
.sushi-servicos-split{
    margin-top:8px;
    display:grid;
    grid-template-columns: 1fr 1fr;
    min-height: 90vh;
}
.sushi-servicos-left{
    background: var(--sf-grad-desejados);
    padding: clamp(20px,4vw,40px) var(--padding-pagina);
    position:relative;
    overflow:hidden;
}
.sushi-servicos-right{
    position:relative;
    overflow:hidden;
    background: #000;
}
.sushi-servicos-card{
    position:absolute;
    left:var(--padding-pagina);
    right:var(--padding-pagina);
    will-change: transform, opacity;
    transform: translateY(-150%) !important;
    opacity:0;
    top: 55%;
    padding-left: 12%;
    z-index: 1;
}
.sushi-servicos-card.is-active{transform:translateY(-50%) !important ;opacity:1 !important ;transition:transform 1.6s cubic-bezier(.2,.7,0,1),opacity .6s}
.sushi-servicos-h1{color: var(--sushi-white, #FFF);font-family: Poppins;font-size: 72px;font-style: normal;font-weight: 700;line-height: 100%; /* 72px */text-transform: uppercase;}
.sushi-servicos-lead{
    color: var(--sushi-white, #FFF);

    /* desktop/paragraph */
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 16.8px */
    margin-top: 16px;
}
.sushi-servicos-lead a{
    color: var(--app-sushi-dark-200) !important;
}
.sushi-servicos-sub{
    color: var(--sushi-dark-base, #191919);
    /* desktop/p-sub */
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 19.2px */
    margin-top: 24vh;
}

.sushi-servicos-h3{
    color: var(--sushi-dark-base, #191919);

    /* desktop/h4 */
    font-family: var(--font-logo);
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 38.4px */
}

/* imagens (lado direito) */
.sushi-servicos-media{
    position:absolute; inset:0;
    display:grid; place-items:center;
    transform: translateY(150%);
    opacity:0;
    top: 50%;
}
.sushi-servicos-media img{width:100%; height:100%; object-fit:cover; min-height: 94vh;}
.sushi-servicos-media.is-active{transform:translateY(-110%) !important;opacity:1 !important;transition:transform 1.6s cubic-bezier(.2,.7,0,1),opacity .6s}

.sushi-servicos-exta-linha{position: absolute;top: 55%;left: 0px;transform: translateY(-50%);width: 100%;}
.sushi-servicos-exta-linha img{
    width: 100%;
}

/* dots */
.sushi-servicos-dots{
    position:absolute;
    left:50%;
    bottom: 48px;
    transform:translateX(-50%);
    display:flex;
    gap:10px;
    border-radius: 100px;
    background: var(--sushi-dark-base, #191919);
    padding: 8px;
}
.sushi-servicos-dots button{
    width:46px;
    height: 4px;
    border-radius:6px;
    border:0;
    background:rgba(255,255,255,.35);
    cursor:pointer;
}
.sushi-servicos-dots button.is-active{background: var(--app-sushi-main-100);}

/* bloco escuro */
.sushi-servicos-call{
    background: var(--app-sushi-dark-200);
    color: var(--app-sushi-white-100);
    padding: clamp(28px,5vw,48px) var(--padding-pagina) clamp(26px,4vw,40px);
    position:relative;
    padding-bottom: 200px;
    margin-bottom: -100px;
}
.sushi-servicos-title{
    font-family: var(--font-logo);
    font-weight:400;
    text-transform:uppercase;
    font-size: clamp(28px,5.4vw,56px);
    line-height:1;
    letter-spacing:-.02em;
    margin: 60px 0 38px;
}
.sushi-servicos-title__accent{ color: var(--app-sushi-main-100); }

.sushi-servicos-cards{
    display:grid; gap:14px;
    grid-template-columns: repeat(4, 1fr);
}
.sushi-servicos-mini{border-radius:14px;overflow:hidden;background:#333;margin-bottom: 0px;}
.sushi-servicos-mini img{width:100%;aspect-ratio: 4/4;object-fit:cover}

.sushi-servicos-cta{
    border-radius:14px;
    background: var(--sf-grad-desejados);
    color:#fff;
    padding:18px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    position: relative;
    cursor: pointer;
}

.sushi-servicos-cta h3{margin:0;color: #FFF;font-family: var(--font-logo);font-size: 36px;font-style: normal;font-weight: 400;line-height: 120%; /* 43.2px */ }
.sushi-servicos-cta__btn{
    position: absolute;
    width: 48px;
    height: 48px;
    display: block;
    place-items:center;
    bottom: 24px;
    rotate: 0deg;
    transition: .5s;
    left: 20px;
}
.sushi-servicos-cta:hover .sushi-servicos-cta__btn{rotate: 20deg;transition: .5s;left: calc(100% - 75px); cursor: pointer;}
.sushi-servicos-cta__btn img{

}
/* responsive */
@media (max-width: 991px){

}

/****** SERVICOS ********/


/****** eventos ********/


/* Distância do topo para começar no breadcrumb */
.sushi-eventos-hero{padding-top: 160px;background: var(--app-sushi-dark-200);color: var(--app-sushi-white-100);}

/* Breadcrumb */
.sushi-eventos-bc{ padding: var(--espaco-sm) var(--padding-pagina) 0; }
.sushi-eventos-bc__list{ margin:0; padding:0; list-style:none; display:flex; gap:8px; color: var(--app-sushi-gray-200); font: 400 14px/1 var(--font-base); }
.sushi-eventos-bc__item a{color:inherit;text-decoration:none;color: #BFBEBC;

    /* desktop/paragraph */font-family: Poppins;font-size: 14px;font-style: normal;font-weight: 500;line-height: 120%; /* 16.8px */}
.sushi-eventos-bc__item.is-current{font-weight:700;color: var(--sushi-orange-base, #EC6E00);
    /* desktop/paragraph */font-family: Poppins;font-size: 14px;font-style: normal;font-weight: 500;line-height: 120%; /* 16.8px */}
.sushi-eventos-bc__sep{ opacity:.5; }

/* Título principal */
.sushi-eventos-title{padding: clamp(12px, 2vw, 60px) var(--padding-pagina) clamp(12px, 2vw, 60px);}
.sushi-eventos-h1{
    margin:0;
    font-family: var(--font-logo);
    font-weight: 400;
    text-transform: uppercase;
    line-height: .95;
    font-size: clamp(28px, 6.5vw, 72px);
}
.sushi-eventos-h1 span{ color: var(--app-sushi-main-100); }
.sushi-eventos-h1__break{ display:inline-block; }

/* CTA barra grande */
.sushi-eventos-cta{padding: 0px var(--padding-pagina) 50px;position: relative;}
.sushi-eventos-cta__btn{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    width:100%;
    max-width: 100%;
    background: #222;
    border-radius: 999px;
    padding: 18px 22px 12px;
    color: var(--app-sushi-white-100);
    text-decoration: none;
    transition: background .2s ease;
    transition: .3s;
    overflow: hidden;
}
.sushi-eventos-cta__btn:hover{background: var(--app-sushi-main-100);transition: .3s;}




.sushi-eventos-cta__label{color: transparent;font-family: var(--font-logo);font-size: 62px;font-style: normal;font-weight: 400;line-height: 135%; /* 72px */text-transform: uppercase;position: relative;overflow: hidden;}
.sushi-eventos-cta__icon{
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display:grid;
    place-items:center;
    background: var(--app-sushi-white-100);
    color: var(--app-sushi-dark-200);
    font-size: 22px;
    flex: 0 0 44px;
    padding: 6px;
    transition: .3s;
}
.sushi-eventos-cta__btn:hover .sushi-eventos-cta__icon{
    transition: .3s;
    rotate: 45deg;
}
.sushi-eventos-cta__btn:hover .sushi-eventos-cta__icon img{

    filter: brightness(0);
}

.sushi-eventos-cta__label::before,
.sushi-eventos-cta__label::after {
    content: "PEDIR INFORMAÇÕES";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    text-align: left;
    transition: transform 0.4s ease;
}

.sushi-eventos-cta__label::before {
    top: 0;
    transform: translateY(0);
    color: white;
}

.sushi-eventos-cta__label::after {
    top: 100%;
    transform: translateY(0);
    color: white;
}

/* Animação no hover */
.sushi-eventos-cta__btn:hover .sushi-eventos-cta__label::before {
    transform: translateY(-100%);
}

.sushi-eventos-cta__btn:hover .sushi-eventos-cta__label::after {
    transform: translateY(-100%);
}

/* Lead */
.sushi-eventos-lead{
    padding: 14px var(--padding-pagina) 28px;
    max-width: 50%;
    color: #FFF;
    font-family: var(--font-logo);
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 38.4px */
}

/* ===== Eventos realizados ===== */
.sushi-eventos-realizados{
    background: var(--app-sushi-dark-200);
    color: var(--app-sushi-white-100);
    padding: 18px 0 8px;
}
.sushi-eventos-section-head{
    padding: 0 var(--padding-pagina) 6px;
    display:flex;
    align-items: flex-end;
    justify-content:space-between;
    gap:12px;
}
.sushi-eventos-h2{
    color: #FFF;
    font-family: var(--font-logo);
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 38.4px */
    padding-top: 119px;
    padding-bottom: 32px;
}
.sushi-eventos-slider-nav{display:flex;gap:10px;padding-bottom: 32px;}
.sushi-eventos-prev{
    rotate: 180deg;
}
.sushi-eventos-prev, .sushi-eventos-next{
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 0;
    display:grid;
    place-items:center;
    cursor:pointer;
    background: var(--app-sushi-white-100);
    color: var(--app-sushi-dark-200);
    font-size: 20px;
    line-height: 1;
    transition: transform .15s ease;
    padding: 10px;
}
.sushi-eventos-prev:hover, .sushi-eventos-next:hover{ transform: translateY(-2px); }

/* Slider */
.sushi-eventos-slider{
    padding: 8px var(--padding-pagina) 26px;
}
.sushi-eventos-card{
    margin: 0 8px;
    border-radius: 14px;
}


/* evita flicker até o init */
/* 🔧 REMOVE qualquer regra antiga que esconda o slider */
.sushi-eventos-slider{ visibility: visible !important; }

/* 💪 Fallback horizontal (funciona mesmo sem Slick) */
[data-slider="eventos"]{
    display: flex; gap: 16px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding: 8px var(--padding-pagina) 26px;
}
[data-slider="eventos"] .sushi-eventos-card{
    flex: 0 0 auto;
    scroll-snap-align: start;
    margin: 0; /* o gap já faz o espaçamento */
    border-radius: 14px;
}
[data-slider="eventos"] .sushi-eventos-card img{
    display: block;
    width: 100%;
    object-fit: cover;
}

/* 🧠 Quando o Slick assumir, ele muda o DOM; estes ajustes garantem layout ok */
.sushi-eventos-slider.slick-initialized{
    display: block; /* Slick gere o layout; cancela o flex do fallback */
    overflow: visible;
    padding: 8px var(--padding-pagina) 26px;
}
.sushi-eventos-slider.slick-initialized .slick-list{ overflow: visible; }
.sushi-eventos-slider.slick-initialized .slick-track{
    display: flex !important;
    align-items: stretch;
}
.sushi-eventos-slider.slick-initialized .slick-slide{
    height: auto;
    margin: 0 8px;
}
.sushi-eventos-slider.slick-initialized .sushi-eventos-card{
    height: 100%;
    border-radius: 14px;
}
.sushi-eventos-slider.slick-initialized .sushi-eventos-card img{
    width: 100%;
}



/* ===== Testemunhos ===== */
.sushi-eventos-testemunhos{
    background: var(--app-sushi-dark-200);
    color: var(--app-sushi-white-100);
    padding: 0px 140px 230px;
    margin-top: -20px;
    margin-bottom: -80px;
}
.sushi-eventos-h2--center{ text-align:center; margin: 8px 0 18px; }
.sushi-eventos-grid{
    overflow: hidden;
}
.sushi-eventos-bloco{
    display: inline-block;
    vertical-align: top;
    padding: 10px 70px;
}
.sushi-eventos-bloco__titulo{color: var(--sushi-white, #FFF);font-family: 'Poppins';font-size: 14px;font-style: normal;font-weight: 400;line-height: 16px; /* 114.286% */letter-spacing: 1.4px;text-transform: uppercase;}
.sushi-eventos-bloco__texto{color: var(--sushi-white, #FFF);font-family: 'Poppins';font-size: 14px;font-style: normal;font-weight: 400;line-height: 16px; /* 114.286% */letter-spacing: 1.4px;margin-top: 20px;margin-bottom: 20px;}
.sushi-eventos-bloco__assinatura{
    margin:0;
    color: var(--app-sushi-main-100);
    font-family: 'Poppins';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 114.286% */
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

/* ===== Responsive ===== */
@media (max-width: 991px){
    .sushi-eventos-cta__label{ font-size: 22px; }
}



/****** eventos ********/



/****** faqs ********/


/* Página começa a 160px do topo (sem header) */
.sushi-faq-hero{padding-top:160px;background: var(--app-sushi-dark-200);color: var(--app-sushi-white-100);padding-bottom: 160px;margin-bottom: -70px;}

/* Breadcrumb */
.sushi-faq-bc{ padding: var(--espaco-sm) var(--padding-pagina) 0; }
.sushi-faq-bc ol{ list-style:none; margin:0; padding:0; display:flex; gap:8px; color: var(--app-sushi-gray-200); font:400 14px/1 var(--font-base); }
.sushi-faq-bc a{text-decoration:none;color: #BFBEBC;

    /* desktop/paragraph */font-family: Poppins;font-size: 14px;font-style: normal;font-weight: 500;line-height: 120%; /* 16.8px */}
.sushi-faq-bc .is-current{color: var(--app-sushi-main-100);
    text-transform: lowercase;}

/* Hero content */
.sushi-faq-wrap{ padding: clamp(12px,2vw,20px) var(--padding-pagina) clamp(28px,6vw,48px); }
.sushi-faq-h1{
    margin: 6px 0 10px;
    font-family: var(--font-logo);
    font-size: 86px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 96px */
    text-transform: uppercase;
    margin-top: 30px;
}
.sushi-faq-lead{
    color: var(--base-white, #FFF);

    /* desktop/h4 */
    font-family: var(--font-logo);
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 38.4px */
}
.sushi-faq-lead .is-accent,
.sushi-faq-lead .is-accent a{ color: var(--app-sushi-main-100); font-weight:800; text-decoration:none; }

/* Lista de links/assuntos */
.sushi-faq-list{ margin: 18px 0 0; padding:0 var(--padding-pagina) 40px; display:grid; gap:14px; }
.sushi-faq-item{
    transition: .3s;
}
.sushi-faq-item__btn{
    all:unset;
    display:flex;
    width:100%;
    padding: 0px 0px;
    color: var(--app-sushi-white-100);
    text-align: right;
    text-transform: uppercase;

    /* desktop/h4 */
    font-family: var(--font-logo);
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 38.4px */
    transition: .3s;
}
.sushi-faq-item:hover{}
.sushi-faq-item__arrow{
    width: 28px; height: 28px; flex: 0 0 28px;
    background: url('assets/img/seta-branca-grossa.svg') center/contain no-repeat;
    transition: transform .3s ease;
}
.sushi-faq-item.is-open .sushi-faq-item__arrow{
    transform: rotate(90deg);
}
.sushi-faq-answer{
    display:none;
    padding: 0 0px 16px;
    font: 400 15px/1.5 var(--font-base);
    color: var(--app-sushi-white-100);
}

.sushi-faq-item__label strong,
.sushi-faq-item__label a{
    color: var(--app-sushi-main-100);
}
.sushi-faq-item__btn img{
    rotate: 10deg;
    width: 25px;
    margin-left: 10px;
    margin-top: -4px;
}
.sushi-faq-item:hover .sushi-faq-item__btn{
    margin-left: 20px;
    transition: .3s;
}

.sushi-faq-conteudo-text{
    padding-left: var(--espaco-horizontal);
    padding-right: var(--espaco-horizontal);
}
.sushi-faq-conteudo-text h2,
.sushi-faq-conteudo-text h3,
.sushi-faq-conteudo-text h4,
.sushi-faq-conteudo-text h5,
.sushi-faq-conteudo-text h6{
    font-family: var(--font-logo);
    margin-bottom: 20px;
}
.sushi-faq-conteudo-text strong{
    font-weight: 700;
}
.sushi-faq-conteudo-text b{
    color: var(--app-sushi-main-100);
}
.sushi-faq-conteudo-text a{
    color: var(--app-sushi-main-100);
    text-decoration: underline;
}
.sushi-faq-conteudo-text a:hover{
    text-decoration: none;
}

@media (max-width: 991px){
    .sushi-faq-item__label{ font-size:16px; }
}
/****** faqs ********/

/****** 404 ********/
.sushi-404-hero{
    background-color: var(--app-sushi-main-100);
    background-image: url('../img/404-img-shape.png');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    padding-bottom: 120px;
    padding-top: 260px;
}
.sushi-404-wrap{
    text-align: center;
}
.sushi-404-h1{
    color: #FFF;
    text-align: center;
    font-family: var(--font-logo);
    font-size: 128px;
    font-style: normal;
    font-weight: 400;
    line-height: 90%;
    text-transform: uppercase;
}
.sushi-404-lead{
    color: #FFF;
    text-align: center;
    font-family: var(--font-logo);
    font-size: 64px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 70.4px */
    text-transform: uppercase;
    margin-top: 64px;
}
.sushi-404-lead a{
    display: inline-flex;
    padding: 10px 10px 10px 14px;
    align-items: flex-start;
    border-radius: 100px;
    background: var(--sushi-dark-base, #191919);
    color: #FFF;
    font-family: var(--font-logo);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px; /* 125% */
    text-transform: uppercase;
    /* Light/shadow060 */
    box-shadow: 0 20px 32px 0 rgba(17, 17, 17, 0.08);
}
.sushi-404-lead a img{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: var(--app-sushi-main-100);
    color: var(--app-sushi-dark-200);
    font-size: 22px;
    flex: 0 0 40px;
    padding: 6px;
    transition: .3s;
    margin-left: 40px;
}
.sushi-404-lead a:hover{
    color: var(--sushi-dark-base, #191919);
    background: #fff;
}
.sushi-404-lead a:hover img{
    rotate: 45deg;
    transition: .3s;
}
/****** 404 ********/

/****** CONTACTOS ********/
/* ===== Layout base (usa tokens do teu projeto) ===== */

.page-contactos{
    background: var(--app-sushi-dark-200);
}

.sushi-contact-hero{ padding-top:160px; }
.sushi-contact-bc{ padding: var(--espaco-sm) var(--padding-pagina) 0; color:var(--app-sushi-gray-200); }
.sushi-contact-bc a{color: #BFBEBC;

    /* desktop/paragraph */font-family: Poppins;font-size: 14px;font-style: normal;font-weight: 500;line-height: 120%; /* 16.8px */}
.sushi-contact-bc ol{     align-content: space-between;
    align-items: center;margin:0; padding:0; list-style:none; display:flex; gap:8px; }
.sushi-contact-bc li.is-current{
    color: var(--sushi-orange-base, #EC6E00);
    /* desktop/paragraph */
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 16.8px */
}

.sushi-contact-wrap{
    display:grid;
    grid-template-columns: 380px 1fr;
    gap:18px;
    padding: 10px var(--padding-pagina) 0;
    justify-content: space-between;
    height: 70vh;
}

/* ===== Coluna das lojas ===== */
.sushi-contact-panel{display:flex;flex-direction:column;gap:10px;height: 100%;overflow-y: auto;}
.sushi-contact-search{
    position:relative;
    display:flex;
    align-items:center;
    gap:8px;
    padding: 16px 16px 16px 36px;
    color: var(--app-sushi-main-100);
    border-radius: 50px;
    background: #fff;
    margin-bottom: 21px;
    margin-top: 22px;
}
.sushi-contact-search .sushi-contact-icon {
    position: absolute;
    left: 12px;      /* distância da borda esquerda */
    top: 50%;        /* verticalmente centrado */
    transform: translateY(-50%);
    width: 18px;     /* ajusta tamanho */
    height: auto;
    pointer-events: none; /* não bloqueia clique no input */
}
.sushi-contact-search input::placeholder{
    color: var(--app-sushi-main-100);
}
.sushi-contact-search input{
    background:transparent; border:0; outline:0; color:var(--app-sushi-dark-200); width:100%;
    font:500 14px/1 var(--font-base);
}

.sushi-contact-card{
    border-radius: 16px;
    background: #222;
    padding: 15px;
    cursor:pointer;
    transition: background .2s ease;
    margin-bottom: 20px;
}
.sushi-contact-card:hover{ background:#262626; }
.sushi-contact-card.is-open{background: var(--app-sushi-main-100);border-radius: 16px;}
.sushi-contact-card__title{
    color: var(--base-white, #FFF);
    font-family: var(--font-logo);
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 28.8px */
}
.sushi-contact-card__block,
.sushi-contact-card__block a{color: var(--base-white, #FFF);

    /* desktop/p-sub */font-family: Poppins;font-size: 16px;font-style: normal;font-weight: 600;line-height: 120%; /* 19.2px */}
.sushi-contact-card__small{
    color: var(--base-white, #FFF);

    /* desktop/p-sub */
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 19.2px */
}

/* ===== Mapa ===== */
.sushi-contact-map{

    min-height: 210px;
    border-radius: 14px;
    overflow: hidden;
    position: relative;
    background: transparent;
    margin-top: -160px;
    width: 100%;
    max-width: 80%;
    margin-left: auto;
    margin-right: -30px;
}
.sushi-contact-map #map{position:absolute;inset:0;height: 80vh;}

.sushi-contact-map::after {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle, #19191900 0%, #191919 70%);
    pointer-events: none; /* não bloqueia cliques no mapa */
    z-index: 2;
}

/* ===== Secção laranja (apenas decorativa aqui) ===== */
.sushi-contact-banner{
    margin-top: -8px;
    background-color: var(--app-sushi-dark-200);
    background-image: url('../img/contactos-bg.png');
    background-size: 100%;
    background-repeat: no-repeat;
    color: #fff;
    display:grid;
    place-items:center;
    padding: 70px 20px;
    padding-top: 45%;
    padding-bottom: 30%;
    text-align:center;
    font-family: var(--font-logo);
    text-transform:uppercase;
    line-height:1.05;
    letter-spacing:-.02em;
    font-size: clamp(22px, 4.8vw, 42px);
    /* border-radius: 0 0 40px 40px; */
}
.sushi-contact-banner-t1{
    color: var(--sushi-white, #FFF);
    text-align: center;
    font-family: var(--font-logo);
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 32px */
    text-transform: uppercase;
}
.sushi-contact-banner-t2{
    color: var(--sushi-white, #FFF);
    text-align: center;
    font-family: var(--font-logo);
    font-size: 72px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 72px */
    text-transform: uppercase;
    margin-top: 32px;
}

/* ===== Formulário ===== */
.sushi-contact-formwrap{
    background-color: var(--app-sushi-dark-200);
    padding: 0px var(--espaco-horizontal) 200px;
    margin-bottom: -120px;
}
.sushi-contact-formwrap h3{
    color: var(--icon-color, #FFF);
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 27px */
    margin-bottom: 16px;
}
.sushi-form-grid{
    display: flex;
    gap:12px;
    margin-top: 16px;
}
.sushi-form-row{margin-top:12px;}
.sushi-form-field{ display:flex; flex-direction:column; gap:6px; }
.sushi-form-field label{color: #fff;font-family: Inter;font-size: 14px;font-style: normal;font-weight: 500;line-height: 150%; /* 27px */}
.sushi-form-input, .sushi-form-select, .sushi-form-textarea{
    width:100%;
    border:0;
    outline:0;
    border-radius: 999px;
    padding: 12px 16px;
    background: #222222;
    color:#fff;
    font: 500 14px/1 var(--font-base);
}
.sushi-form-select{ appearance:none;

    margin-bottom: -4px !important;
    height: auto !important;
}
#contactForm {
    position: relative;
}
#contactForm::before {
    content: "";
    display: block;
    height: 200px;        /* altura do header fixo */
    margin-top: -200px;
    pointer-events: none;
}

.center-logo-marker{
    display: grid;
    place-items: center;
    background: var(--app-sushi-main-100);
    border-radius: 9999px;
    padding: 4px;
    box-shadow: 0 2px 8px rgba(0,0,0,.15);
}

.sub-titulo-contactos{
    color: var(--app-sushi-gray-50);
    margin-top: -12px;
    margin-bottom: 10px;
    font-size: 12px;
    font-family: 'Poppins';
}

.center-logo-marker__img{
    width: 32px;                  /* ajusta se precisares */
    height: 32px;
    display: block;
}

#contactForm .sushi-select::after{
    top: 55%;
}
.sushi-form-textarea{
    border-radius: 12px;
    min-height: 160px;
    resize: vertical;
}

.sushi-form-actions{
    display:flex; justify-content:flex-end; padding-top:12px;
}
.sushi-btn{


}
.sushi-btn--accent{

    display: flex;
    align-content: center;
    flex-direction: row;
    line-height: 32px;
    margin-top: 16px;
}
.sushi-btn img{

}

.sushi-form-note{ margin-top:10px; font:500 13px/1.35 var(--font-base); color:var(--app-sushi-gray-100); }
.sushi-form-status{
    margin-top:10px; font:700 13px/1 var(--font-base);
}
.sushi-form-status.is-ok{ color:#7CFC90; }
.sushi-form-status.is-err{ color:#FF7B7B; }


/* só o título visível por defeito */
.sushi-contact-card__details{ display:none; }
.sushi-contact-card.is-open .sushi-contact-card__details{ display:block; }
.sushi-contact-card__details strong{
    margin-top: 22px;
    color: var(--sushi-dark-base, #191919);
    display: block;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 19.2px */
    text-transform: uppercase;
}

.sushi-contact-card__title{
    display:flex; align-items:center; justify-content:space-between; gap:8px;
}
.sushi-contact-card__chev{
    width:14px; height:14px; border:2px solid currentColor; border-left:0;border-top:0;
    transform: rotate(-45deg); opacity:.6; transition: transform .2s ease, opacity .2s ease;
}
.sushi-contact-card.is-open .sushi-contact-card__chev{ transform: rotate(135deg); opacity:1; }

.w100{
    width: 100%;
}
.w33{
    width: 33.3333%;
}
.w50{
    width: 100%;
}

.sushi-ch-acc .w100{
    width: calc(100% - 4px);
}
.sushi-ch-acc .w50{
    width: calc(50% - 3px);
}
.sushi-ch-acc .w33{
    width: calc(33% - 2px);
}
.sushi-ch-acc .w100,
.sushi-ch-acc .w50,
.sushi-ch-acc .w33{
    display: inline-flex;
}

/* ===== Responsive ===== */
@media (max-width: 1100px){
}

#contactForm label{
    display: none;
}
/****** CONTACTOS ********/

/****** PRODUTOS ********/

/* ====== CHIPS (reaproveita o teu estilo) ====== */
.sushi-shop-cats{display:flex;gap:16px;flex-wrap:wrap;margin: 0px 0 12px;/* padding-top: 160px; */padding-left: var(--espaco-horizontal);padding-right: var(--espaco-horizontal);
    justify-content: center;}
.sushi-chip{border-radius:999px;color:#fff;text-align: center;font-feature-settings: 'liga' off, 'clig' off;font-family: var(--font-logo);font-size: 20px;font-style: normal;font-weight: 400;line-height: 20px; /* 120% */}
.sushi-chip--dark{border-radius: 100px;background: var(--app-sushi-dark-100, #222);}
.sushi-chip.is-active{color: #ffffff;border-radius: 100px;background: var(--app-sushi-main-100, #EC6E00);}
.sushi-shop-cats .sushi-chip:hover{
    opacity: 1;color:#fff;background: var(--app-sushi-dark-100, #222);
}
.sushi-shop-cats .sushi-chip.is-active:hover{
    opacity: 1;color: #ffffff;border-radius: 100px;background: var(--app-sushi-main-100, #EC6E00);
}
.sushi-chip small{
    padding-left: 2px;
    padding-right: 2px;
    font-size: .675em;
}
.sushi-chip.sushi-chip--dark{
    display: inline-flex;

}
.sushi-btn-magnetic {       /* garante que o transform afeta o botão */
    position: relative;
    will-change: transform;
    transition: transform 0.18s ease-out;
    transform: translate3d(var(--mx, 0), var(--my, 0), 0) scale(var(--scale, 1));
}

/* mantém o scale no hover, mas SEM NUNCA perder o translate */
.sushi-btn-magnetic:hover {
    --scale: 1.05;
}

/* ====== SECÇÕES + TÃÂTULOS ====== */
.sushi-shop-section{padding:16px 0 4px;padding-left: var(--espaco-horizontal);padding-right: var(--espaco-horizontal);background: var(--app-sushi-dark-200);}
.sushi-shop-h2{
    font-family: var(--font-logo); font-size: clamp(22px,3vw,32px);
    color: var(--app-sushi-white-100); margin: 12px 0 12px;
    position: relative;
    margin-left: 29px;
}
.sushi-shop-h2:before{
    content: "";
    width: 22px;
    height: 22px;
    position: absolute;
    background-image: url(../img/pauzinhos-icon.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    top: 9px;
    left: -29px;
    transition: .3s;
}

/* ====== GRID ====== */
.sushi-shop-grid{
    display:grid;
    gap: 20px;
    grid-template-columns: repeat( auto-fill, minmax(220px, 1fr) );
    align-items: end;
}

/* ====== CARD ====== */
.sushi-shop-card{
    /* background: #1f1f1f; */
    border-radius: 12px;
    overflow: hidden;
    /* box-shadow: 0 12px 24px rgba(0,0,0,.35); */
    transition: transform .16s ease, box-shadow .16s ease, padding .16s ease;
    cursor:pointer;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding: 0px;
}
.sushi-shop-card:hover{ transform: translateY(-2px) scale(1.08);
    box-shadow: 0 18px 34px rgba(0,0,0,.42);
    box-shadow: 0 30px 10px rgba(0,0,0,.32);

    padding: 0px;
}
/*.sushi-shop-card .sushi-shop-card__media{
  transition: .16s;
}
.sushi-shop-card:hover .sushi-shop-card__media{
  transform: scale(0.95);
  transition: .16s;
}*/

.sushi-shop-card__add{
    transition: .2s;
}
.sushi-shop-card__add:hover{
    transform: translateY(-2px); box-shadow: 0 18px 34px rgba(0,0,0,.42);
    transition: .2s;
}

.sushi-shop-card__media{
    position:relative;
    background:transparent;
    border-radius: 0.5rem;
    overflow: hidden;
    width: 98%;
    margin-left: 1%;
}
.sushi-shop-card__media img{ display:block; width:100%; aspect-ratio: 4 / 3; object-fit: cover; }

.sushi-shop-card__add{
    position:absolute; right:10px; bottom:10px;
    width:32px; height:32px; border-radius:50%;
    display:grid; place-items:center; border:0; cursor:pointer;
    font-weight:800; font-size:20px; line-height:1;
    background:#fff; color:#000;
}

.sushi-shop-card__add.addToCartExtra{
    position: unset;
    width:30px;
    height:30px
}


.sushi-shop-card__body{ padding:12px; color:#eee;
    height: 72px;
    max-height: 72px;
    overflow-y: hidden;}

/*.sushi-shop-card .sushi-shop-card__body{
  transition: .16s;
}
.sushi-shop-card:hover .sushi-shop-card__body{
  height: auto;
  transition: .16s;
}*/


.sushi-shop-card__title{
    color: #FFF;
    font-family: var(--font-titulos);
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 16px;
}
.sushi-shop-card__meta{
    display:flex;
    align-items:center;
    align-content: flex-end;
    flex-direction: row;
    justify-content: space-between;
    gap:14px;
    font: 500 13px/1 var(--font-base);
    color:#bbb;
}

.sushi-shop-card__meta span{
    color: #FFF;

    /* app sushi/text/main-text */
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    font-size: 11px;
}
.sushi-shop-card__meta span .sushi-shop-card__price{
    display: flex;
    flex-direction: column;

}
.sushi-shop-card__price{

    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.sushi-shop-card__meta strong{color: #FFF;font-family: var(--font-titulos);font-style: normal;font-weight: 600;line-height: 32px;font-size: 18px;}

.sushi-shop-card__meta strong.text-la,
.sushi-shop-price-line #pm-price.text-la{
    color: #FF6400;
}
/* ====== MODAL ====== */
.sushi-shop-modal{position:fixed;inset:0;z-index: 1096;display:none;height: 100vh;width: 100%;}
.sushi-shop-modal[aria-hidden="false"]{ display:block; }
.sushi-shop-modal__backdrop{position:fixed;inset:0;background:rgba(0,0,0,.65);display: none;z-index: 1092;}

.sushi-shop-modal__dialog{
    position: absolute;
    left: 50%;
    padding: 20px;
    top: 50%;
    transform: translate(-50%, -50%);
    width:min(1100px, 96vw);
    max-height: 80vh;
    margin: 0 auto;
    background:#222;
    color:#fff;
    border-radius:18px;
    overflow:hidden;
    display:grid;
    grid-template-columns: 1.2fr 1fr;
    gap:0;
    border-radius: 20px;
    background: #191919;
}
@media (max-width: 920px){ .sushi-shop-modal__dialog{ grid-template-columns: 1fr; } }

.grp-modal-grande{
    display: flex;
    gap: 20px;
    padding-top: 20px;
    align-items: center;
}

.sushi-shop-modal__close{
    position:absolute;
    right:10px;
    top:8px;
    z-index:5;
    width:36px;
    height:36px;
    border-radius:50%;
    border:0;
    /* background:rgba(255,255,255,.1); */
    color:#fff;
    font-size:22px;
    cursor:pointer;
}
.sushi-shop-modal__media img{display:block;width:100%;height:100%;object-fit:cover;background:transparent;aspect-ratio: 4 / 3;width: 100%;object-fit: cover;display: block;}

.sushi-shop-modal__body{ padding:20px clamp(16px, 3vw, 28px); display:flex; flex-direction:column; gap:14px; overflow:auto; position:relative; }
.sushi-shop-h3{margin:0;color: var(--app-sushi-white-100, #FFFEFE);font-family: var(--font-logo);font-size: 24px;font-style: normal;font-weight: 400;line-height: 28px; /* 116.667% */margin-bottom: 10px;}
.sushi-shop-price-line{display:flex;gap:12px;align-items:center;padding-bottom: 0px;border-bottom: 0px solid #444344;}
.sushi-shop-price-line strong{color: white;font-family: var(--font-titulos);font-size: 24px;font-style: normal;font-weight: 400;line-height: 28px; /* 116.667% */font-weight: 600;}
.sushi-shop-price-line .sushi-shop-price-line strong:nth-child(2){
    color: var(--app-sushi-main-100);
}
.sushi-shop-desc{
    color: var(--app-sushi-gray-100, #ACB4C3);

    /* app sushi/text/small-text */
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px; /* 133.333% */
    margin-top: 12px;
    border-bottom: 1px solid #434343;
    padding-bottom: 12px;
}
#productModal .sushi-shop-acc{
    display: none;
}
#productModal .sushi-shop-modal__foot{

    position: absolute;
    bottom: 10px;
    width: 100%;
    left: 0px;
}
.sushi-shop-acc summary{ cursor:pointer; list-style:none; }
.sushi-shop-acc summary::marker{ display:none; }
.sushi-shop-acc summary{color: var(--app-sushi-white-100, #FFFEFE);font-feature-settings: 'liga' off, 'clig' off;font-family: var(--font-logo);font-size: 15px;font-style: normal;font-weight: 400;line-height: 20px; /* 133.333% */}
.sushi-shop-acc__panel{ padding:8px 0 4px; color:#d8d8d8; }

.sushi-shop-tags{ display:flex; gap:8px; flex-wrap:wrap; }
.sushi-shop-tag{ font:700 12px/1 var(--font-base); padding:6px 10px; border-radius:999px; background:#333; }

.sushi-shop-block{border-top: 0px solid #444344;padding-top:12px;margin-top:6px;}
.sushi-shop-block h4{color:#fff;font-feature-settings: 'liga' off, 'clig' off;font-family: var(--font-logo);font-size: 15px;font-style: normal;font-weight: 400;line-height: 20px; /* 133.333% */margin-bottom: 8px;}

/* combos com contador */
.sushi-combo-row{display:grid;grid-template-columns: 1fr auto;align-items:center;gap:12px;padding: 6px 0;color: var(--app-sushi-white-100, #FFFEFE);

    /* app sushi/text/small-text */font-family: Poppins;font-size: 14px;font-style: normal;font-weight: 500;line-height: 16px; /* 133.333% */
    border-bottom: 1px solid #434343;
}
#pm-tags{
    display: none;
}
.sushi-counter{display:inline-grid;grid-auto-flow:column;gap:8px;align-items:center;height: 30px;
    padding: 6px 12px;
    border-radius: 1000px;
    background: var(--app-sushi-dark-100);}
.sushi-counter button{width: 18px;height: 18px;border-radius:50%;border:0;/* background:#333; */color:#fff;font-weight: 400;cursor:pointer;}
.sushi-counter span{ min-width:20px; text-align:center; }
.sushi-counter button{
    font-size: 12px;
}
/* addons (select) */
.sushi-addon-row{display:grid;grid-template-columns: 1fr auto;gap:10px;align-items:center;padding: 6px 0;color: var(--app-sushi-white-100, #FFFEFE);font-family: Poppins;font-size: 14px;font-style: normal;font-weight: 500;line-height: 16px;}
.sushi-addon-row select{width:100%;padding: 0px 10px;border-radius:10px;/* border:1px solid #3a3a3a; */background:#151515;color:#fff;text-align: center;}

/* qty + add */
.sushi-shop-modal__foot{ display:flex; gap:12px; align-items:center; margin-top:auto; }
.sushi-qty{ display:inline-grid; grid-auto-flow:column; gap:8px; align-items:center; min-height: 31.5px;}
.sushi-qty button{width: 26px;height: 26px;border-radius:50%;border:0;/* background:#333; */color:#fff;font-weight:400;cursor:pointer;}
.sushi-qty input{width: 28px;text-align:center; pointer-events: none;/* border:1px solid #3a3a3a; */background:#111;color:#fff;border-radius:10px;height: 25px;}
.sushi-produtos-list{
    background: var(--app-sushi-dark-200);
    padding-bottom: 200px;
    margin-bottom: -90px;
    padding-right: var(--espaco-horizontal);
    padding-top: 140px;
}

#productModal .sushi-shop-modal__foot{
    flex-direction: row;
}
#productModal .sushi-shop-acc summary{
    display: flex;
}

/* ====== LAYOUT COM ASIDE ====== */
.sushi-shop-layout{


    /* produtos | carrinho */
}
@media (max-width: 1100px){
    .sushi-shop-layout{ grid-template-columns: 1fr; }
}

/* ====== CARRINHO ====== */
.sushi-cart{
    position: sticky;
    top: 90px;                 /* ajusta ao teu header */
    padding:16px;
    border-radius:18px;
    background:#2a2a2a;        /* painel escuro */
    color:#fff;
    box-shadow:
            0 28px 80px rgba(0,0,0,.55),
            0 2px 0 rgba(255,255,255,.05) inset;
}
@media (max-width: 1100px){

}

.sushi-cart__title{
    color:#fff;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: var(--font-logo);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 120% */
    margin-bottom: 16px;
}

.sushi-cart__items{
    display:flex;
    flex-direction:column;
    gap:14px;
    max-height: 46vh;
    overflow:auto;
    padding-right: 6px;
    min-height: 30vh;
}

.page-menu-extra .sushi-cart__items{

    max-height: 40vh;
}

/* linha do carrinho */
.sushi-cart-item{
    display: flex;
    gap:0px;
    padding:10px 0;
    border-top:1px solid rgba(255,255,255,.06);
    color: var(--app-sushi-gray-100, #ACB4C3);

    /* app sushi/text/main-text */
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
    justify-content: space-between;
    align-items: flex-end;
    flex-direction: column;
}
.sushi-cart-item:first-child{ border-top:0;  }
.sushi-cart-item > div:first-child{
    width: 100%;
}
.sci-title{
    color:#fff;
    margin-bottom:4px;
    /* 120% */



    /* app sushi/buttons/main-buttons */
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 137.5% */
    letter-spacing: 0.2px;
}
.sci-meta{


    /* app sushi/text/main-text */
    /* 142.857% */
    color: var(--app-sushi-gray-100, #ACB4C3);

    /* app sushi/text/main-text */
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
}

/* pill de quantidade */
.sci-qty{
    display: flex;
    height: 41px;
    align-items:center;
    gap: 16px;
    padding:6px 12px;
    border-radius: 1000px;
    background: #191919;
}
.sci-btn{
    width: 18px;
    height: 18px;
    border:0;
    cursor:pointer;
    color:#fff;
    font-weight: 400;
    font-size:16px;
    line-height:1;
}
.sci-val{color: var(--app-sushi-white-100, #FFFEFE);text-align: center;font-feature-settings: 'liga' off, 'clig' off;font-family: Inter;font-size: 16px;font-style: normal;font-weight: 600;line-height: 22px; /* 137.5% */letter-spacing: 0.2px;}

/* subtotal + checkout */
.sushi-cart__subtotal{
    display:flex;
    justify-content: space-between;
    align-items:center;
    margin-top:14px;
    padding-top:14px;
    border-top:1px solid rgba(255,255,255,.08);
    font: 700 16px/1 var(--font-titulos);
}
.sushi-cart__subtotal span{
    color: var(--sushi-white, #FFF);
    font-family: var(--font-logo);
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;

}
.sushi-cart__subtotal strong{color: var(--sushi-orange-base, #EC6E00);font-family: Poppins;font-size: 24px;font-style: normal;font-weight: 700;line-height: 40px; /* 166.667% */}

.sushi-cart__checkout{
    width:100%; margin-top:14px; height:48px;
    border-radius:999px; font-weight:800;
}

/* (fallback do botão caso não tenhas) */
.sushi-btn{ display:inline-flex; align-items:center; justify-content:center; gap:10px; border:0; cursor:pointer; }
.sushi-btn-encomenda-accent{
    background: var(--app-sushi-main-100, #EC6E00);
    border-radius: 100px;
    padding:12px 20px;
    color: #FFF;


    /* Light/utility/utilityButton030 */
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 24px */
}
.sushi-btn-encomenda-accent:hover{
    background: #fff;
    color: var(--app-sushi-main-100, #EC6E00);
}

.sushi-shop-layout{
    display:grid;
    gap:4px 24px;
    grid-template-columns: 1fr 320px; /* produtos | carrinho */
    align-items:start;
}

/* Garante que o aside se “cola” e não estica verticalmente */
.sushi-cart{
    align-self:start;
    position: sticky;
    top: 90px; /* ajusta ao teu header */
    z-index: 2;
}

/* Em mobile o carrinho passa para baixo */
@media (max-width: 1100px){
    .sushi-shop-layout{ grid-template-columns: 1fr; }

}

/* MUITO IMPORTANTE: nenhum pai do sticky pode ter overflow != visible */
.sushi-shop-main,
.sushi-shop-layout {}

/* nav das categorias ocupa a largura total da grelha */
.sushi-shop-cats{
    grid-column: 1 / -1;
}

/* força a colocação de cada coluna na linha certa */
.sushi-shop-main{ grid-column: 1 / 2; }
.sushi-cart     { grid-column: 2 / 3; }

/* nada de overflow nos pais do sticky */
.sushi-shop-main,
.sushi-shop-layout { overflow: visible; }

/* garante que o sticky cola */
.sushi-cart{
    align-self:start;
    position: sticky;
    top: 160px;
    z-index: 2;
    padding: 20px;
    margin-top: 40px;
    border-radius: 20px;
    background: #222;

    /* Light/shadow060 */
    box-shadow: 0 20px 32px 0 rgba(17, 17, 17, 0.08);
}
#pm-addtocart{

    height: auto;
    text-align: right;
    display: flex
;
    justify-content: flex-start;
    margin-top: 10px;
    background: var(--app-sushi-main-100, #EC6E00);
    border-radius: 100px;
    padding: 6px 12px;
    color: #FFF;
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    width: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    max-height: 31.5px;
}
#pm-addtocart:hover{
    color: var(--app-sushi-main-100);
    background: white;
}
#pm-units{
    color: var(--app-sushi-gray-100, #ACB4C3);
    font-family: var(--font-logo);
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 116.667% */
}

@media (max-width:1100px){
    .sushi-shop-layout{ grid-template-columns: 1fr; }

}

.page-menu .sushi-topbar,
.page-menu .sushi-header{
    position: absolute;
}

.fixa-categorias{
    /*backdrop-filter: saturate(140%) blur(8px);*/
    z-index: 3;
    padding: 20px 10px;
    background: linear-gradient(to bottom, #191919 100%, rgba(25, 25, 25, 0) 100%);

    box-shadow: 0 12px 24px rgba(0, 0, 0, .60);
    width: 100vw !important;
}

.sushi-shop-card__media .sushi-qty{

    border-radius: 1000px;
    background: #191919;
    position: absolute;
    right: 10px;
    bottom: 10px;
    padding: 7px;
}

.sushi-shop-card__media .sushi-qty button{

    width: 18px;
    height: 18px;
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
}
.sushi-shop-card__media .sushi-qty input{

    color: var(--app-sushi-white-100, #FFFEFE);
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0.2px;
}
.sushi-shop-card__media .sushi-qty{

}
.sushi-shop-card--disabled{
    opacity: .3;
    pointer-events: none;
}

/****** PRODUTOS ********/

/*body.page-menu-extra .sushi-shop-layout {
    display: block;
}
body.page-menu-extra .sushi-produtos-list{
  padding-right: 0px;
}
body.page-menu-extra .sushi-extra-voltar a:hover{
 text-decoration: underline;
}

body.page-menu-extra .sushi-cart__checkout{
    width: auto;
    float: right;
    margin-top: -60px;
}*/

.sushi-extra-voltar {
    padding-left: var(--espaco-horizontal);
    padding-right: var(--espaco-horizontal);
}
.sushi-extra-voltar a{
    color: #FFF;

    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}

/****** CHECKOUT ********/
/* ====== Checkout layout ====== */
.sushi-checkout{padding: 24px var(--espaco-horizontal) 80px;background: var(--app-sushi-dark-200);}
.sushi-checkout__grid{
    display:grid;
    gap: 90px;
    grid-template-columns: 0.7fr 1fr 1fr;
}
@media (max-width:1100px){
    .sushi-checkout__grid{ grid-template-columns: 1fr; }
}

/* painéis */
.sushi-ch-panel{
    color: #fff;
}
.sushi-ch-side  { position: sticky; top: 100px; align-self: start; }
@media (max-width:1100px){ .sushi-ch-side{ position: static; } }

/* acordeões */
.sushi-ch-acc{padding:8px 0;}
.sushi-ch-acc:last-child{ border-bottom:0; }
.sushi-ch-acc > summary{
    display:flex;
    align-items:center;
    list-style:none;
    cursor:pointer;
    color: var(--app-sushi-white-100, #FFFEFE);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: var(--font-logo);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 120% */
}
.sushi-ch-acc[open] .sushi-ch-acc__toggle{ /*transform: rotate(45deg);*/ }
.sushi-ch-acc__toggle{
    width: 24px;
    height: 24px;
    font-family: 'Poppins';
    border-radius: 50%;
    border: 0;
    background: #2d2d2d;
    color: #fff;
    display: grid
;
    line-height: 14px;
    place-items: center;
    transition: .15s;
    margin-left: 10px;
    pointer-events: none;
    text-align: center;
    line-height: 24px;
}
.sushi-ch-acc__body{ padding:10px 0 6px; }



/* campos */
.sushi-ch-field{ display:flex; flex-direction:column; gap:6px; margin-bottom:10px; }
.sushi-ch-field label{ font:700 12px/1 var(--font-titulos); color:#ddd; }
.sushi-ch-input,.sushi-ch-select,.sushi-ch-textarea{
    width:100%;
    border-radius: 12px !important;
    background: var(--app-sushi-dark-100, #222);
    height:40px;
    font:500 14px/40px var(--font-base);
    color: var(--app-sushi-gray-50, #EFF1F5);

    /* app sushi/text/main-text */
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
    padding: 10px 16px;
}
.sushi-ch-input p{
    cursor: pointer;
    position: relative;
}
.bi-pencil{
    background: url(../img/pencil-icon.svg);
    background-size: contain;
    content: "";
    width: 20px;
    height: 20px;
    display: block;
}
.bi-pencil:before{
    content: "";
}
.sushi-ch-input p:before{
    background: url(../img/pencil-icon.svg);
    background-size: contain;
    content: "";
    position: absolute;
    right: -6px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: #aaa;
    width: 20px;
    height: 20px;
}
.sushi-ch-select{ appearance:none; }
.sushi-ch-textarea{ height:auto; padding:10px 12px; line-height:1.35; resize:vertical; }

/* títulos menores */
.sushi-ch-title{color: var(--app-sushi-white-100, #FFFEFE);font-feature-settings: 'liga' off, 'clig' off;

    /* app sushi/headers/h2 */font-family: var(--font-logo);font-size: 24px;font-style: normal;font-weight: 400;line-height: 28px; /* 116.667% */margin: 0 0 10px;}

/* carrinho */
.sushi-ch-cart{display:flex;flex-direction:column;gap:12px;margin-bottom: 60px;}
.sushi-ch-item{
    display:grid;
    grid-template-columns: auto 1fr auto;
    gap:10px;
    align-items:center;
}
.sushi-ch-thumb{ width:54px; height:54px; border-radius:10px; overflow:hidden; background:#000; }
.sushi-ch-thumb img{ width:100%; height:100%; object-fit:cover; }
.sushi-ch-item h5{color: var(--sushi-white, #FFF);

    /* app sushi/buttons/main-buttons */font-family: Poppins;font-size: 16px;font-style: normal;font-weight: 500;line-height: 22px; /* 137.5% */letter-spacing: 0.2px;}
.sushi-ch-meta{font:600 12px/1 var(--font-base);color:#bfbfbf;margin-top:4px;display: none;}
.sushi-ch-qty{
    display:inline-grid;
    grid-auto-flow:column;
    gap:8px;
    align-items:center;
    padding:6px 10px;
    border-radius:999px;
    background: var(--app-sushi-dark-100);
}
.sushi-ch-qty span{
    width: 20px;
    text-align: center;
}
.sushi-ch-qty button{width:24px;height:24px;border-radius:50%;border:0;/* background:#333; */color:#fff;cursor:pointer;}
.sushi-ch-linetotal{color: var(--app-sushi-gray-100, #ACB4C3);

    /* app sushi/text/main-text */font-family: Poppins;font-size: 14px;font-style: normal;font-weight: 500;line-height: 20px; /* 142.857% */}

/* extras */
.sushi-ch-extras{display:flex;flex-direction:column;gap:8px;}
.sushi-ch-extra{
    display:grid;
    grid-template-columns: 1fr auto;
    gap:10px;
    align-items:center;
    /* background:#1f1f1f; */
    /* padding:10px; */
    /* border-radius:10px; */
    margin-bottom: 6px;
}
#chExtras .sushi-ch-meta{
    display: block;
}
.sushi-ch-more{color: var(--app-sushi-main-100, #EC6E00);

    /* app sushi/text/main-text */font-family: Poppins;font-size: 14px;font-style: normal;font-weight: 500;line-height: 20px; /* 142.857% */margin-top: 20px;}

/* side */
.sushi-ch-card{/* background:#242424; *//* border-radius:14px; *//* padding:14px; */color:#fff;margin-bottom: 42px;}
.sushi-ch-label{font:800 13px/1 var(--font-titulos);display:block;margin-bottom:6px;color: var(--app-sushi-white-100, #FFFEFE);font-feature-settings: 'liga' off, 'clig' off;

    /* app sushi/headers/h2 */font-family: var(--font-logo);font-size: 24px;font-style: normal;font-weight: 400;line-height: 28px; /* 116.667% */}
.sushi-ch-help{color:#bdbdbd;font: 400 12px/1.2 var(--font-titulos);display:block;margin-top:6px;}
.sushi-ch-row{ display:flex; justify-content:space-between; align-items:center; padding:6px 0; border-top:1px solid rgba(255,255,255,.06); }
.sushi-ch-row:first-child{ border-top:0; }
.sushi-ch-row--total{font-weight:800;color: var(--sushi-white, #FFF);font-family: var(--font-logo);font-size: 24px;font-style: normal;font-weight: 400;line-height: 32px; /* 133.333% */margin-top: 8px;margin-bottom: 20px;}
.sushi-ch-finish{width: auto;transition: .3s;display: flex;padding: 12px 10px 12px 20px;align-items: flex-start;margin-top:12px;color: var(--Light-ink-inkInverse, #FFF);font-family: var(--font-logo);font-size: 16px;font-style: normal;font-weight: 400;line-height: 20px; /* 125% */text-transform: uppercase;border-radius: 100px;background: var(--sushi-orange-base, #EC6E00);

    /* Light/shadow060 */box-shadow: 0 20px 32px 0 rgba(17, 17, 17, 0.08);gap: 0;height: 56px;line-height: 32px;margin-left: auto;}

.sushi-ch-finish img{
    border-radius: 99px;
    background: var(--sushi-dark-base, #191919);
    backdrop-filter: blur(7px);
    width: 30px;
    height: 30px;
    margin-left: 26px;
    transition: .3s;
}

.sushi-ch-finish:hover{color: var(--app-sushi-dark-200);background: #fff;transition: .3s;}
.sushi-ch-finish:hover img{transition: .3s;rotate: 45deg;}
.sushi-ch-row span{

    color: var(--app-sushi-white-100, #FFFEFE);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0.2px;
}
.sushi-ch-row strong{ color:#fff; }

.sushi-ch-row--total strong{
    color: var(--sushi-orange-base, #EC6E00);
    leading-trim: both;
    text-edge: cap;
    font-family: Poppins;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 48px; /* 150% */
}

body.checkout .sushi-shop-layout{
    display: block;
}

.aplica-voucher{background: var(--app-sushi-main-100);padding: 12px 28px;border-radius: 1000px;color: #FFF;font-family: Poppins;font-size: 14px;font-style: normal;font-weight: 500;line-height: 150%;border: none;position: absolute;display: none;right: 0px;}
.aplica-voucher:hover{

}
.bloco-voucher{
    position: relative;
}
.bloco-voucher .aplica-voucher{
    display: block;

    top: 42px;
    right: 10px;
}
.bloco-voucher .aplica-voucher.is-hidden{
    display: none;
}
.sushi-ch-data .sushi-ch-acc__toggle,
.sushi-ch-morada .sushi-ch-acc__toggle,
.sushi-ch-pagamento .sushi-ch-acc__toggle{
    display: none !important;
}

.sushi-ch-morada .sushi-ch-input{
    height: auto;
    gap: 0px;
}

.sushi-ch-morada #moradaLoja{
    padding-top: 0px;
}

.sushi-ch-acc .sushi-select select{
    height: auto;    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    padding: 10px 16px;
}

#chVoucher{
    padding: 21px 16px;
    height: auto;
    border-radius: 60px !important;
}

/* botão base já existe nos teus tokens */
/****** CHECKOUT ********/


/****** OBRIGADO ********/
/* ====== WRAPPER ====== */
.sushi-obg{
    padding: 160px var(--espaco-horizontal) 80px; /* 160px para simular espaço do header */
    background: var(--app-sushi-dark-200);
    padding-bottom: 200px;
    margin-bottom: -90px;
}

/* ====== TOP BAR (estimativa) ====== */
.sushi-obg-meta{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:16px;
    color: #FFF;
    font-family: var(--font-logo);
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 38.4px */
}
.sushi-obg-meta strong{ color:var(--app-sushi-main-100); }

/* ====== STATUS (3 colunas) ====== */
.sushi-obg-status{
    display:grid; gap:16px;
    grid-template-columns: repeat(3, 1fr);
    margin-bottom:20px;
    display: none;
}
@media (max-width: 980px){ .sushi-obg-status{ grid-template-columns: 1fr; } }

.sushi-obg-step{
    padding:16px 0;
    border-top: 4px solid var(--Light-neutral040, #ABABAB);
}
.linha-bloqueio{
    display: block;
    height: 1px;
    width: 100%;
    background: white;
    margin-top: 0px;
    margin-bottom: 14px;
}
#obgTotal{
    color: var(--app-sushi-main-100);
}

.sushi-obg-step h2{
    margin:0;
    color: var(--Light-neutral040, #ABABAB);
    font-family: var(--font-logo);
    font-size: 72px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 72px */
    text-transform: uppercase;
}
.sushi-obg-step--active h2{ color:#fff; }
.sushi-obg-step--active{ border-top-color: var(--app-sushi-main-100); }

/* ====== GRID PRINCIPAL ====== */
.sushi-obg-grid{
    display:grid;
    gap: 20px;
    grid-template-columns: 1fr 340px; /* lista | sidebar */
}
@media (max-width:1100px){ .sushi-obg-grid{ grid-template-columns: 1fr; } }

/* ====== LISTA DE ITENS ====== */
.sushi-obg-card{border-radius: 20px;background: #1E1E1E;padding: 20px;}
.sushi-obg-title{
    margin-bottom: 12px;
    color: var(--app-sushi-white-100, #FFFEFE);
    font-feature-settings: 'liga' off, 'clig' off;

    /* app sushi/headers/h2 */
    font-family: var(--font-logo);
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 116.667% */
}
.sushi-obg-items{
    display:grid;
    gap: 20px;
    grid-template-columns: repeat( auto-fill, minmax(180px, 1fr) );
}
.sushi-obg-item{
}
.sushi-obg-thumb{
    width:100%; aspect-ratio: 4/3; background:#000; border-radius:10px; overflow:hidden;
    margin-bottom:8px;
}
.sushi-obg-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }

.sushi-obg-item h5{
    color: var(--app-sushi-white-100, #FFFEFE);

    /* app sushi/text/main-text */
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
}
.sushi-obg-item small{color: var(--app-sushi-white-100, #FFFEFE);

    /* app sushi/text/main-text */font-family: Poppins;font-size: 14px;font-style: normal;font-weight: 500;line-height: 20px; /* 142.857% */}

/* Complementos (lista vertical) */
.sushi-obg-comps{
    margin-top:16px;
}
.sushi-obg-comps h4{
    margin:0 0 8px;
    color: var(--app-sushi-white-100, #FFFEFE);
    font-feature-settings: 'liga' off, 'clig' off;

    /* app sushi/headers/h2 */
    font-family: var(--font-logo);
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 116.667% */
    margin-top: 50px;
}
.sushi-obg-comp{
    color: var(--sushi-white, #FFF);
    font-feature-settings: 'liga' off, 'clig' off;

    /* app sushi/buttons/main-buttons */
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 137.5% */
    letter-spacing: 0.2px;
}
.sushi-obg-comp small{
    color: var(--app-sushi-gray-100, #ACB4C3);

    /* app sushi/text/main-text */
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
    margin-bottom: 10px;
    display: block;
}

/* ====== SIDEBAR ====== */
.sushi-obg-side{
    display:flex; flex-direction:column; gap:12px;
}
.sushi-obg-box{
    background:#1f1f1f; border-radius:16px; padding:16px;
}
.sushi-obg-box h4{
    margin-bottom: 20px;
    color: var(--app-sushi-white-100, #FFFEFE);
    font-feature-settings: 'liga' off, 'clig' off;

    /* app sushi/headers/h2 */
    font-family: var(--font-logo);
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 116.667% */
}
.sushi-obg-def{
    display:grid; gap:6px;
}
.sushi-obg-row span{color: var(--app-sushi-white-100, #FFFEFE);

    /* app sushi/text/main-text */font-family: Poppins;font-size: 14px;font-style: normal;font-weight: 500;line-height: 20px; /* 142.857% */display: block;}
.sushi-obg-row strong{color: var(--app-sushi-gray-100, #ACB4C3);

    /* app sushi/text/main-text */font-family: Poppins;font-size: 14px;font-style: normal;font-weight: 500;line-height: 20px; /* 142.857% */margin-bottom: 20px;display: block;}

/* pequena nota no fim */
.sushi-obg-note{
    margin-top:14px; color:#cfcfcf; font:600 13px/1.3 var(--font-base);
}

/****** OBRIGADO ********/

.sushi-list-links{
    list-style: none;
    padding-left: 0px;
    margin-bottom: 50px;
    margin-top: 20px;
}

.sushi-shop-modal__head h3.sushi-shop-h3,
.sushi-shop-modal__body h3.sushi-shop-h3{
    font-size: 30px;
    text-align: center;
}

#productModal h3.sushi-shop-h3{
    text-align: left;
}

#productModal .sushi-shop-modal__dialog{   
    height: 52vh;
}

.sushi-list-links li button.sushi-link-row{
    color: var(--app-sushi-white-100, #FFFEFE);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: var(--font-logo);
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    list-style: none;
    margin-bottom: 30px;
    text-align: left;

}

.sushi-list-links li button.sushi-link-row img{
    width: 20px;
    margin-right: 20px;
}

/****** CART ********/
.sushi-cart-modal .sushi-shop-modal__dialog{
    width: 491px;
    max-width: 96%;
    left: auto;
    right: 0px;
    transform: none;
    top: 60px;
    display: block;
    padding: 0px;
}
.sushi-cart-modal .sushi-shop-modal__close{border-radius: 99px;background: #222;right: 30px;top: 20px;}
.sushi-cart-modal .sushi-cart__title{color: var(--sushi-white, #FFF);font-family: var(--font-logo);font-size: 40px;font-style: normal;font-weight: 400;line-height: 48px; /* 120% */}
.sushi-cart-modal .sushi-cart__items{max-height: 50vh;}
.sushi-cart-modal .sushi-cart-item{display: flex;flex-direction: row;justify-content: flex-start;align-content: flex-start;margin-top: 0px;margin-bottom: 10px;border-bottom: 1px solid #222;align-items: flex-start;}

.sushi-cart-modal .sushi-cart-item .sci-img{

    margin-right: 8px;border-radius: 12px;width: 99px;}
.sushi-cart-modal .sushi-cart-item .sci-title{

}
.sushi-cart-modal .sushi-cart-item .sci-metas{
    width: 66%;
}
.sushi-cart-modal .sushi-cart-item .sci-meta{

}
.sushi-cart-modal .sushi-cart-item .sci-line-total{

}
.sushi-cart-modal .sushi-cart-item .sci-qty{

}
.sushi-cart-modal .sushi-cart__menu{background: var(--app-sushi-dark-50);border-radius: 100px;padding: 12px 20px;color: #FFF;font-family: Poppins;font-size: 16px;font-style: normal;font-weight: 500;line-height: 150%;margin-top: 20px;}
.sushi-cart-modal .sushi-cart__menu:hover{
    color: var(--app-sushi-dark-50);
    background: #FFF;
}
.sushi-cart-modal .sushi-cart__subtotal{display: block;}
.sushi-cart-modal .sushi-cart__subtotal span{display: block;color: var(--sushi-white, #FFF);font-family: var(--font-logo);font-size: 24px;font-style: normal;font-weight: 400;line-height: 32px; /* 133.333% */}
.sushi-cart-modal .sushi-cart__subtotal .cart-line{display: flex;flex-direction: row;justify-content: space-between;width: 100%;margin-bottom: 30px;align-content: flex-end;flex-wrap: wrap;align-items: flex-end;}
.sushi-cart-modal .sushi-cart__subtotal #modal-sushiCartTotal{
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 48px; /* 150% */
}
.sushi-cart-modal .sushi-cart__subtotal .sushi-btn-encomenda-accent{
    display: block;
    width: 100%;
}

/****** CART ********/



/******** MODAL *******/


/* =========================================================
   MODAIS — BASE (partilha com o que já tens)
========================================================= */
body.modal-open { overflow: hidden; }

.sushi-shop-modal__backdrop{
}

.sushi-shop-modal{/* display: block; */}
.sushi-shop-modal[aria-hidden="false"]{ display:block; }

/* o teu productModal continua com o layout grande (já tens CSS para ele) */

/* ===== variantes compactas (todos os modais novos) ===== */
#modal-pickup .sushi-shop-modal__dialog,
#modal-time .sushi-shop-modal__dialog,
#modal-auth .sushi-shop-modal__dialog,
#modal-user-dashboard .sushi-shop-modal__dialog,
#modal-orders-history .sushi-shop-modal__dialog,
#modal-account .sushi-shop-modal__dialog,
#modal-addresses .sushi-shop-modal__dialog,
#modal-address-add .sushi-shop-modal__dialog,
#modal-address-edit .sushi-shop-modal__dialog,
#modal-recover .sushi-shop-modal__dialog,
#login-store .sushi-shop-modal__dialog,
#modal-review .sushi-shop-modal__dialog,
#modal-review-obrigado .sushi-shop-modal__dialog{
    position: absolute; left: 50%; top: 50%;
    transform: translate(-50%, -50%);
    width: min(520px, 94vw);
    max-height: 90vh; overflow: hidden;
    background: var(--app-sushi-dark-200);
    color: var(--app-sushi-white-100);
    border-radius: 20px;
    box-shadow: var(--s-shadow-xl);
    padding: 22px;
    display: block;
    overflow-y: auto;
}
#modal-review-obrigado .sushi-shop-modal__dialog{
     width: min(380px, 94vw);
}
#menu-localizacao{
    font-size: 0.9rem;
    cursor: pointer;
    display: flex;
    gap: 5px;
}
#review-form{
    text-align: center;
}
#review-open{
    font-size: 2.2rem;
}

#modal-orders-history .sushi-shop-modal__dialog{ width: min(560px, 96vw); }

#modal-orders-history .sushi-card a{

    display: flex;
    width: 100%;
    justify-content: space-between;
}

/* cabeça / corpo / rodapé */
.sushi-shop-modal__head{ margin-bottom: 14px; }
.sushi-shop-modal__body{display:flex;flex-direction:column;gap:14px; }
.sushi-shop-modal__foot{ display:flex; gap:10px; margin-top: 8px;
    flex-direction: column;}

.sushi-shop-modal__close{
}
.sushi-shop-h3{
    margin:0; font-family: var(--font-logo);
    font-size: clamp(22px, 3.2vw, 28px);
}

#modal-cart .sushi-shop-modal__body{
    height: 80dvh;
}

#chVoucher {
    text-transform: uppercase;
}
#chVoucher::placeholder {
    text-transform: none; /* mantém o placeholder como está */
}

/* texto auxiliar */
.sushi-muted{ color: rgba(255,255,255,.75); }
.sushi-center{ text-align:center; }
.sushi-link{text-decoration: underline;color: var(--app-sushi-white-100, #FFFEFE);text-align: right;

    /* app sushi/text/small-text */font-family: Poppins;font-size: 12px;font-style: normal;font-weight: 500;line-height: 16px; /* 133.333% */}
.sushi-between{ display:flex; justify-content:space-between; align-items:center; gap:10px; }
.sushi-head-row{ display:flex; justify-content:space-between; align-items:center; gap:12px; }

/* =========================================================
   CONTROLOS / FORM
========================================================= */
.sushi-form-row{ display:grid; grid-template-columns: 1fr 1fr; gap:10px; }
.sushi-form-row-3{
grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width:520px){ .sushi-form-row{ grid-template-columns:1fr; } }

.sushi-form-field{ display:flex; flex-direction:column; gap:6px; }
.sushi-form-field label{
}

.sushi-input,
.sushi-select select,
.sushi-textarea,
.sushi-input[type="text"],
.sushi-input[type="email"],
.sushi-input[type="password"],
.sushi-input[type="tel"]{
    width:100%;
    height: 46px;
    padding: 13px 16px;
    border-radius: 14px;
    background: #222222;
    color: var(--app-sushi-white-100, #FFFEFE);

    /* app sushi/text/main-text */
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    padding: 13px 16px;
    line-height: 20px; /* 142.857% */
    border-radius: 100px;
    margin-bottom: 14px;
}
.sushi-textarea{ min-height: 120px; resize: vertical; }

.sushi-input:focus,
.sushi-select select:focus,
.sushi-textarea:focus{ border-color: var(--app-sushi-main-100); }

.sushi-select{ position:relative; }
.sushi-select::after{
    content: "\25B2";
    rotate: 180deg;
    position: absolute;
    right: 12px;
    top: 20px;
    transform: translateY(50%);
    pointer-events: none;
    color: #aaa;
    height: auto;
    vertical-align: bottom;;
}
.sushi-select select{ appearance: none; -webkit-appearance: none; }

.sushi-input-password{ position:relative; }
.sushi-eye{
    position: absolute;
    right: 10px;
    top: 42%;
    transform: translateY(-50%);
    background: transparent;
    border: 0;
    cursor: pointer;
    color: #ddd;
    width: 18px;
    font-size: 16px;
    line-height: 0px;
}
#auth-su-birth {
    color: white;
    text-align: left;
}
@supports (-webkit-touch-callout: none) {
  #auth-su-birth {
    text-align: left !important;
    text-align-last: left !important;
  }
}
#insert_phone .sushi-shop-desc{
    display: none;
}

#auth-su-birth::-webkit-calendar-picker-indicator {
    filter: invert(1);       /* inverte as cores (preto -> branco) */
    cursor: pointer;
    opacity: 1;
}

.sushi-checkbox{display:inline-flex;align-items:center;gap:8px;color: var(--app-sushi-white-100, #FFFEFE);

    /* app sushi/text/small-text */font-family: Poppins;font-size: 12px;font-style: normal;font-weight: 500;line-height: 16px; /* 133.333% */}
.sushi-checkbox input{ width:18px; height:18px; accent-color: var(--app-sushi-main-100); }


#modal-time .sushi-checkbox{

    align-items: center;
    justify-content: center;
}

.sushi-radio-list{ list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:8px; }
.sushi-radio{
    display:inline-flex; align-items:center; gap:10px;
    padding: 10px 12px; border-radius: 12px; background:#161616; width: 100%;
}
.sushi-icon-btn{
    background: transparent; border:0; color:#bbb; cursor:pointer;
}
.sushi-prefix-select select{ min-width: 92px; }

/* =========================================================
   PILLS / TABS
========================================================= */
.sushi-pill-switch,
.sushi-tab-switch{
    background: #222222;
    border-radius: 999px;
    display:inline-flex;
    padding:4px;
    gap:4px;
    align-self:flex-start;
    width: 100%;
}
.sushi-pill{
    border-radius:999px;
    padding:10px 16px;
    color: var(--app-sushi-white-100, #FFFEFE);

    /* app sushi/text/main-text */
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
    padding: 16px 20px;
    height: 54px;
    width: -webkit-fill-available;
}
.sushi-pill.is-active{background: var(--app-sushi-main-100);}
.sushi-auth-pane.is-hidden,
.sushi-pkp-pane.is-hidden,
.sushi-cart__checkout.is-hidden{ display:none; }

/* ajuda (i) */
.sushi-help{
    width:20px; height:20px; border-radius:50%;
    border:0; background:#2a2a2a; color:#ddd; margin-left:6px; cursor:help;
}

/* ETA */
.sushi-eta{ font: 700 16px/1 var(--font-titulos); text-align: center;}
.sushi-eta span{ color: var(--app-sushi-white-100); }

/* =========================================================
   BOTÕES
========================================================= */
.sushi-btn{}
.sushi-btn--accent{}
.sushi-btn--accent:hover{ filter: brightness(1.05); }
.sushi-btn--ghost{
    background:#212121; color:#fff; min-width: 48px; height: 44px;
    border-radius: 14px;
}

/* =========================================================
   LISTAS / CARDS (Histórico)
========================================================= */
.sushi-card-list{ display:flex; flex-direction:column; gap:10px; }
.sushi-card{
    display:grid; grid-template-columns: 1fr auto; gap:12px;
    background:#1b1b1b; border:1px solid #2a2a2a; border-radius:16px;
    padding:12px 14px;
}
.sushi-card-title{ font: 800 14px/1.1 var(--font-titulos); }
.sushi-card-sub{ color:#bdbdbd; font: 600 12px/1 var(--font-base); }
.sushi-card-price{ align-self:center; font-family: var(--font-logo); }

/* =========================================================
   MODAIS ESPECÍFICOS — micro-ajustes
========================================================= */

/* Pickup */
#pkp-address{ margin-top:0px; line-height:1.5; }

/* Auth */
#modal-auth .sushi-social-row,
#login-store .sushi-social-row{ display:flex; gap:10px; justify-content:center; }
#modal-auth .sushi-social-row .sushi-btn,
#login-store .sushi-social-row .sushi-btn{width: 50%;display: flex;height: 54px;padding: 15px 20px;justify-content: center;align-items: center;gap: 12px;flex: 1 0 0;border-radius: 100px;background: var(--app-sushi-dark-100, #222);}

/* Addresses */
#modal-addresses #addr-list li{
    display:grid; grid-template-columns: 1fr auto; align-items:center; gap:8px;
    background:#161616; border-radius:12px; padding:0px;
}

/*Checkout Butao Ver Mais Complementos*/
#chExtras > div:nth-of-type(1),#chExtras > div:nth-of-type(2),#chExtras > div:nth-of-type(3){
    display:grid;
}

#chExtras > div{
    display:none
}

#chExtras.active > div{
    display:grid
}

/* Footer de cada modal: põe CTA principal à direita em ecrãs largos */
@media (min-width: 560px){
    .sushi-shop-modal__foot{ justify-content:flex-end; }
}

.sushi-shop-modal .sushi-btn--accent{
    display: flex;
    height: 54px;
    padding: 15px 20px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    align-self: stretch;
    border-radius: 100px;
    background: var(--app-sushi-main-100, #EC6E00);
    color: var(--app-sushi-white-100, #FFFEFE);

    /* app sushi/text/main-text */
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
    margin-bottom: 10px;
    width: -webkit-fill-available;
}
.sushi-shop-modal .sushi-btn--black{
    background-color: var(--app-sushi-dark-50);
    margin-top: 0px;
    justify-content: space-between;
    margin-bottom: 10px;
}

.sushi-shop-modal .sushi-btn--accent:hover{
    color: var(--app-sushi-dark-100);
    background: var(--app-sushi-white-100, #FFFEFE);
}
.sushi-shop-modal .sushi-btn--accent:disabled{
    pointer-events: none;
    opacity: .5;
}

.sushi-shop-modal__body .sushi-card{

    padding: 16px 16px;
    border-radius: 8px;
    background: var(--app-sushi-dark-100, #222);
    border: none;
    margin-bottom: 16px;
}

.sushi-shop-modal__body .sushi-card-title,
.sushi-shop-modal__body .sushi-card-price {
    color: var(--app-sushi-white-100, #FFFEFE);
    font-family: var(--font-base);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 10px;

}
.sushi-shop-modal__body .sushi-card-sub {
    color: var(--app-sushi-gray-50, #EFF1F5);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: var(--font-base);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    letter-spacing: 0.2px;
    margin-bottom: 5px;
}
.sushi-shop-modal__body .sushi-card-price{
    align-self: self-start;
}
.sushi-shop-modal__body .sushi-card-list,
#modal-addresses .sushi-radio-list{
    display: block;
    max-height: 35vh;
    overflow-y: auto;
}
#modal-addresses .sushi-radio-list .sushi-radio{
    padding: 20px 12px 12px 0px;
}
#modal-addresses .sushi-radio-list .sushi-radio input{

}
#modal-addresses .sushi-radio-list .sushi-radio span{

    color: var(--app-sushi-gray-200);
    font-family: var(--font-titulos);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}
#modal-addresses .sushi-radio-list .sushi-radio span span{

    color: var(--app-sushi-white-100, #FFFEFE);
}
/*}*/
#modal-addresses .dados-btns{

}
#modal-addresses .dados-btns button{

    margin-left: 10px;
    color: var(--app-sushi-dark-50);
}

#modal-address-add #addra-form label,
#modal-address-edit #addra-form label,
#modal-address-add .sushi-form-field label,
#modal-address-edit .sushi-form-field label {
    color: var(--app-sushi-white-100, #FFFEFE);
    font-family: var(--font-titulos);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    display: block;
    margin-top: 18px;
    margin-bottom: 10px;
}

#modal-message .sushi-shop-modal__dialog,
#insert_token .sushi-shop-modal__dialog,
#insert_phone .sushi-shop-modal__dialog{
    width: 391px;
    max-width: 98%;
    display: flex;
}
#modal-message .sushi-shop-modal__dialog .sushi-shop-modal__body{
    text-align: center;
}
#modal-message .sushi-shop-modal__dialog h3#message-title{
    color: var(--icon-color, #FFF);
    text-align: center;
    font-family: var(--font-titulos);
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 116.667% */
    letter-spacing: 0.3px;
}
#modal-message .sushi-shop-modal__dialog p#message-text{
    text-align: center;
    border-bottom: 0px solid #434343;
}

/******** MODAL *******/

.bs-tooltip-auto{
    z-index: 99999;
    background: var(--app-sushi-dark-50);
    font-size: 10px;
    color: var(--app-sushi-white-100);

}

#moradaLoja{
    padding-top: 10px;
    font-size: 10px;
    display: block;
}

.sushi-ch-faturacao .w33,
.sushi-ch-faturacao .w50,
.sushi-ch-faturacao .w100{
    display: none;
}
#menuExtra .btn-encomendar-principal,
.checkout .btn-encomendar-principal {
    display:none
}
.sushi-header.fixed {
    position: fixed;
    top: 0;
    left: 0;
    transition: 0.25s;
    padding-top: 0px;
}
body.a-subir .fixa-categorias{
    top: 80px !important;
    transition: .5s;
}
body.a-subir.menu .sushi-header.is-scrolled{

    background: var(--app-sushi-dark-200);
}

body.a-subir.menu .sushi-header.is-scrolled.fixed{
    background: var(--app-sushi-dark-200);
}

body.a-subir.menu.page-menu .sushi-header.is-scrolled{

    background: var(--app-sushi-dark-200);
}
.sushi-header.fixed{
    background: var(--app-sushi-dark-200);
}
body.sushi-pag-tipo-other .sushi-header.fixed{
    background: #fff;
}
body.is-open .sushi-header.is-scrolled.fixed{
    background: transparent !important;
}

#auth-su-pref{
    position: absolute;
    width: 100px;
}
#auth-su-phone{
    padding-left: 116px;
}
#auth-register-error,
#auth-login-error{
    text-align: center;
    padding: 20px 0px 0px;
    text-transform: uppercase;
    font-weight: 500;
    font-family: 'Poppins';
}
#insert_token-form{
    text-align: center;
}
#login-store{
    width: auto;
}

#menuExtra .sushi-cart{
    display: none !important;
}
#menuExtra .sushi-shop-layout{
    grid-template-columns: 1fr;
}

#menuExtra .sushi-shop-section{

    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: auto auto;
    column-gap: 1rem;
    row-gap: 2rem;
}
#menuExtra .sushi-shop-h2 {
    grid-column: 1;
    grid-row: 1;
    align-self: center;
}
#menuExtra .sushi-shop-nav-extra {
    grid-column: 2;
    grid-row: 1;
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    align-items: center;
}
#menuExtra .sushi-shop-nav-extra a{
    width: auto;
    min-width: 220px;
}
#menuExtra .sushi-shop-grid {
    grid-column: 1 / -1;
    grid-row: 2;
}
.grp-btns-checkout{
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}
.sushi-btn-2{
    width: auto;
    padding: 12px 30px 12px 30px;
    margin-top: 12px;
    color: var(--Light-ink-inkInverse, #FFF);
    font-family: var(--font-logo);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    border-radius: 100px;
    background: var(--app-sushi-gray-200);
    box-shadow: 0 20px 32px 0 rgba(17, 17, 17, 0.08);
    gap: 0;
    height: 56px;
    line-height: 32px;
}

.grp-btns-checkout .sushi-btn-2{
    font-size: 14px;
    height: 46px;
    margin-top: 17px;
    background: #222222;
}

.sushi-token-input {
    background: #453f3f;
    width: 40px;
    text-align: center;
    padding:10px;
}

#insert_token-inputs {
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: center;
    padding: 20px;
}


.page-menu .btn-encomendar-principal{
    display: none;
}
.page-menu.is-open .btn-encomendar-principal{
    display: block;
}
/* Firefox */
* {
    scrollbar-width: thin;                     /* mais fino */
    scrollbar-color: rgba(0,0,0,.35) transparent;
}

/* WebKit (Safari, Chrome, Edge) */
*::-webkit-scrollbar {
    width: 8px;    /* vertical */
    height: 8px;   /* horizontal */
}

*::-webkit-scrollbar-track {
    background: transparent;                   /* sem fundo visível */
}

*::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,.35);         /* cinza semi-transparente */
    border-radius: 999px;                      /* arredondado */
    border: 2px solid transparent;             /* espaço interno */
    background-clip: content-box;
}

*::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0,0,0,.55);         /* ligeiro destaque */
}

*::-webkit-scrollbar-corner {
    background: transparent;
}
/******** MEDIA *******/
.sushi-shop-card__meta div.sushi-select{
        width: 100%;
    max-height: 30px;
}
.sushi-shop-card__meta div.sushi-select::after{
    top: 15px;
}
select.sushi-shop-card__select-combo{
    width: 100%;
    max-width: 100%;
    color: #FFF;
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    font-size: 12px;
    padding: 0px 38px 0px 15px;
    border-radius: 30px;
    height: 30px;
}
select.sushi-shop-card__select-combo option{
    width: 100%;
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    font-size: 12px;
}
.sushi-shop-card__select-combo .nome-titulo{

    color: #FFF;
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    font-size: 12px;
}
.sushi-shop-card__select-combo .preco-titulo{
    
    color: #FFF;
    font-family: var(--font-titulos);
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    font-size: 20px;
}

#review-obrigado-rating{
    text-align: center;
    display: flex
;
    flex-direction: row;
    justify-content: center;
    gap: 20px;
}
#review-obrigado-rating img{
    width: 30px;
}

label[for="review-obrigado-rating"]{
    display: none;
}

#review-obrigado-message{
    height: 70px;  
}
#productModal .sushi-shop-modal__close{

    width: 46px;
    height: 46px;
    font-size: 32px;
    text-shadow: -1px 0px 9px black;
}
.sushi-cart .contentorextra{
    display: none;
}

#modal-user-dashboard .sushi-btn--accent{
    text-align: center;
}
 #btnFinish.is-loading{
        pointer-events: none;
    background: var(--app-sushi-dark-50);
    }

@media screen and (max-width: 1510px){
    .sushi-chip {
        font-size: 18px;
        line-height: 20px;
        padding: 12px 22px;
    }
}

@media screen and (max-width: 1400px){
    .sushi-chip {
        font-size: 18px;
        line-height: 20px;
        padding: 12px 22px;
    }
    .sushi-shop-card__title {
        font-size: 20px;
        line-height: 24px;
    }
    .sushi-shop-card__meta span {
        font-size: 12px;
        line-height: 20px;
    }
    .sushi-servicos-cta h3{
        font-size: 26px;
    }
}
@media screen and (max-width: 1280px){
    .sushi-chip {
        font-size: 16px;
        line-height: 20px;
        padding: 12px 16px;
    }
}

@media screen and (max-width: 1199px){
    .sushi-hero__title {
        font-size: 5.7rem;
        line-height: 90%;
    }
    .os-encomenda-flag .a-encomeda {
        font-size: 32px;
        letter-spacing: 2px;
    }
    .os-encomenda-flag .os-arrow img {
        width: 90px;
    }
    .sushi-eyebrow,
    #desejados .sushi-h2 {
        font-size: 60px;
    }
    .sushi-ingredients-banner h2 {
        font-size: 74px;
    }
    .sushi-h3 {
        font-size: 50px;
    }
    .sushi-chip{
        font-size: 16px;
        line-height: 20px;
        padding: 12px 16px;
    }
    .sushi-shop-card__title {
        font-size: 18px;
        line-height: 23px;
    }
    .sushi-shop-card__meta strong{
        font-size: 20px;
    }
    .sushi-shop-modal__head h3.sushi-shop-h3,
    .sushi-shop-modal__body h3.sushi-shop-h3,
    .sushi-cart-modal .sushi-cart__title {
        font-size: 30px;
    }
    .sushi-sobre-h1 {
        font-size: 90px;
    }
    .sushi-eventos-h1,
    .sushi-eventos-cta__label{
        font-size: 60px;
    }
    .sushi-eventos-testemunhos {
        padding: 0px 10px 230px;
    }
    .sushi-eventos-bloco {
        padding: 10px 40px;
    }
    .sushi-faq-h1 {
        font-size: 70px;
    }
    .sushi-faq-item__btn{

        font-size: 28px;

    }
    .cartas-home .sushi-card__meta {
        max-width: 60%;
    }
}
@media screen and (max-width: 1100px){
    .sushi-app__title {
        padding-top: 60px;
        margin-bottom: -70px;
        font-size: 76px;
    }
    .sushi-shop-layout {
        grid-template-columns: 1fr 320px;
    }
    .sushi-chip {
        font-size: 13px;
        line-height: 18px;
        padding: 12px 13px;
    }
    .sushi-cart__items {
        max-height: 46vh;
    }
    .sushi-cart-modal .sushi-cart__items {
        max-height: 40vh;
    }

    .sci-title {
        font-size: 13px;
        line-height: 18px;
    }
    .os-menu-nav a {
        font-size: 58px;
    }
    .sushi-sobre-h1 {
        font-size: 71px;
    }

    .sushi-sobre-hero {

        padding-top: 160px;
        padding-bottom: 240px;
        position: relative;
        background-image: url(../img/aboutus-linhasaboutus.png);
        background-size: 120%;
        background-position-x: -175px;
    }
    .sushi-sobre-stat__num {
        font-size: 80px;
    }
    .sushi-servicos-cta h3{
        font-size: 22px;
    }
    .sushi-eventos-h1, .sushi-eventos-cta__label {
        font-size: 48px;
    }
    .sushi-eventos-testemunhos {
        padding: 0px 10px 170px;
    }
    .sushi-contact-banner {
        padding-top: 360px;
    }
    .sushi-contact-banner {
        margin-bottom: -1px;
    }
}
@media screen and (max-width: 991px){
    .pop-home-scroll h3 {
        font-size: 20px;
    }
    .pop-home-scroll p {
        font-size: 13px;
    }
    .sushi-stats h3{
        font-size: 45px;
    }
    .sushi-faq-h1 {
        font-size: 60px;
    }
    .sushi-sobre-ribbon__track{
        font-size: 34px;
    }
    .sushi-sobre-ribbon__track li:before{
        width: 16px;
        height: 16px;
        top: 6px;
    }
    .sushi-servicos-sub {
        margin-top: 4vh;
    }
    .sushi-servicos-media {
        top: 110%;
        object-fit: cover;
        height: 100%;
    }
}
@media screen and (max-width: 768px){
    .os-encomenda-flag .a-encomeda {
        margin-bottom: 10px;
    }
    .sushi-ingredients-carousel {
        height: 80vh;
    }
    .sushi-ingredients-banner h2 {
        font-size: 64px;
    }
    .sushi-stats h3 {
        font-size: 38px;
    }
    .sushi-app__title {
        padding-top: 60px;
        margin-bottom: -60px;
        font-size: 59px;
    }
    .grp-lojas-phones {
        margin-top: 40px;
    }
    .sushi-contact-map {
        min-height: 210px;
        border-radius: 0px;
        margin-top: -160px;
        width: calc(100% + 30px);
        max-width: calc(100% + 30px);
        margin-right: -30px;
    }
    .sushi-contact-banner {
        padding-top: 260px;
        padding-bottom: 200px;
    }
    .sushi-contact-banner-t2 {
        font-size: 52px;
    }
    .sushi-form-note {
        margin-top: 30px;
    }
    .sushi-sobre-h1 {
        font-size: 52px;
    }
    .sushi-sobre-h1__decor img{
        width: 100px;
    }
    .sushi-sobre-hero {
        padding-top: 160px;
        padding-bottom: 180px;
        background-size: 124%;
        background-position-x: -175px;
        background-position-y: 180px;
    }
    .sushi-sobre-stat__num {
        font-size: 50px;
        margin-top: 22px;
    }
    .sushi-sobre-stat__icon img {
        width: 80px;
    }
    .sushi-servicos-card{
        padding-left: 0px;
    }
    .sushi-servicos-h1{
        font-size: 45px;
    }
    .sushi-servicos-split {
        min-height: 65vh;
    }
    .sushi-servicos-cards {
        grid-template-columns: repeat(2, 1fr);
    }
    .sushi-servicos-cta h3 {
        font-size: 34px;
    }
    .sushi-eventos-bloco {
        padding: 10px 15px;
    }
    .sushi-eventos-testemunhos {
        padding: 0px 10px 130px;
    }
    .sushi-shop-cats{
        gap: 8px;
    }
    .sushi-chip {
        font-size: 16px;
        line-height: 18px;
        padding: 12px 13px;
    }
    .sushi-shop-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .sushi-shop-layout {
        grid-template-columns: 1fr 220px;
    }
    .sushi-cart-item{

        align-items: flex-start;
        flex-direction: row;
    }
    .sushi-cart-modal .sushi-shop-modal__dialog {
        width: 400px;
    }

}
@media screen and (max-width: 500px){
    .sushi-hero{
        min-height:93vh; }

    #menuExtra .sushi-shop-section {
        grid-template-columns: 1fr; /* só 1 coluna */
        grid-template-rows: auto auto auto;
    }

    #menuExtra .sushi-shop-h2 {
        grid-column: 1;
        grid-row: 1;
    }

    #menuExtra .sushi-shop-nav-extra {
        grid-column: 1;
        grid-row: 2; /* agora vem por baixo do h2 */
        justify-content: flex-start; /* opcional: alinhar à esquerda no mobile */
    }

    #menuExtra .sushi-shop-grid {
        grid-column: 1;
        grid-row: 3; /* vem por baixo de tudo */
    }
    .sushi-topbar__social,
    .sushi-topbar__links{

        display: none !important;
    }
    .sushi-topbar__slick .slick-slide,
    .sushi-topbar__slick .slick-track,
    .sushi-topbar__slick .slick-list,
    .sushi-topbar__slick{
        width: 100% !important;
    }
    .sushi-hero__title {
        font-size: 3.2rem;
        line-height: 90%;
    }
    .sushi-hero__content {
        padding-top: 0px;
        transform: translate(-50%, -50%);
    }
    .navbar-brand{
        width: 70px;
        overflow: hidden;
    }
    .navbar-brand svg{

        margin-left: 0px;
        width: 140px;
        height: auto;
    }
    body.is-open .navbar-brand {
        width: 150px;
    }
    .sushi-nav {
        gap: 16px;
        display: flex !important
    ;
        flex-direction: row;
    }
    .sushi-nav .nav-link{
        display: none !important;
    }
    .sushi-orange {
        padding: 44px 0 120px;
    }
    .os-menu-nav a {
        font-size: 40px;
        line-height: 3rem;
    }
    .os-encomenda-flag .os-arrow img {
        width: 70px;
    }
    .os-encomenda-flag .os-arrow {
        margin-left: -60px;
        display: none !important;
    }
    .sushi-hero-wave {
        height: 120px;
    }
    .os-encomenda-flag:hover .os-arrow {
        transition: .3s;
        margin-left: 100px;
        rotate: 4deg;
        display: inline-block;
    }
    .sushi-eyebrow, #desejados .sushi-h2 {
        font-size: 46px;
    }
    #desejados .sushi-h2 {
        margin-bottom: 30px;
    }
    .sushi-viewall{
        display: none;
    }

    .sushi-viewall-mobile{
        display: block;
    }

    .sushi-viewall-mobile .sushi-sobre-banner__cta{

        padding-top: 60px;
        padding-bottom: 0px;
    }
    .sushi-viewall-mobile .sushi-sobre-banner__cta .sushi-sobre-cta--primary{

        background: var(--app-sushi-dark-200);
        width: calc(100% - 30px);
        display: flex
    ;
        justify-content: space-between;
    }

    .sushi-viewall-mobile .sushi-sobre-banner__cta .sushi-sobre-cta--primary i{
        background: var(--app-sushi-main-100);
    }

    .sushi-chip {
        font-size: 16px;
        line-height: 18px;
        padding: 12px 23px;
        border: 0px solid #fff;
    }
    /*.sushi-chip--orange.sushi-chip--active {
        color: var(--app-sushi-main-100);
        background: white;
    }*/
    .sushi-card-home {
        border-radius: 0px;
    }
    .sushi-ingredients-banner h2 {
        font-size: 35px;
    }
    .pop-home-scroll{
        display: none;
    }
    .sushi-stats h3 {
        font-size: 35px;
        line-height: 52px;
    }
    .container-home-img-destaque {
        top: 0px;
    }
    .sushi-stats {
        padding-bottom: 140px;
    }
    .sushi-app__title {
        font-size: 44px;
    }
    .sushi-app{
        padding: 0px 0 120px;
    }
    .grp-lojas-phones {
        position: relative;
        right: inherit;
        width: 100%;
        margin-top: 60px;
    }
    .grp-lojas-phones .site-online-stores {
        justify-content: space-between;
    }
    .sfoot-grid {
        display: grid;
        grid-template-columns: 1fr 1fr; /* dois primeiros lado a lado */
        gap: 20px; /* espaçamento opcional */
    }

    .sfoot-grid > *:nth-child(1),
    .sfoot-grid > *:nth-child(2) {
        grid-column: auto; /* ocupam uma coluna cada */
    }

    .sfoot-grid > *:nth-child(n+3) {
        grid-column: 1 / -1; /* do 3º em diante ocupa a linha toda */
    }
    .sfoot-book{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .sfoot-book img{

        height: 28px;
    }
    .sfoot-apps{
        margin-bottom: 20px;
    }
    .os-menu-nav{
        top: 42%;
    }
    .os-menu-nav a {        font-size: 1.9rem;
        line-height: 2.1rem;
        margin-bottom: 23px;

    }

    .os-menu-overlay .os-encomenda-flag{
        display: none;
    }

    .os-menu-nav-mobile{
        display: block;
        position: absolute;
        bottom: 90px;
        margin-left: 24px;
    }
    .os-menu-nav-mobile ul{padding: 0;list-style: none;}
    .os-menu-nav-mobile ul li{

    }
    .os-menu-nav-mobile ul li img{

        height: 19px;
        margin-right: 9px;
    }
    .os-menu-nav-mobile ul li a{
        color: var(--base-white, #FFF);
        font-family: var(--font-logo);
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%; /* 20px */
        text-transform: uppercase;
        margin-bottom: 20px;
        display: inline-block;
    }
    .os-menu-nav-mobile ul li a:hover{

    }
    .linha-especial-esquerda {
        padding-left: 0%;
    }
    .sushi-sobre-h1 {
        font-size: 42px;
        line-height: 50px;
    }
    .sushi-sobre-h1__decor img {
        width: 54px !important;
    }
    .sushi-sobre-cue{
        display: none;
    }
    .sushi-sobre-intro {
        max-width: 100%;
        overflow-x: auto;
    }
    .sushi-sobre-intro__grid{

        width: 300%;
    }
    .sushi-sobre-hero {
        padding-bottom: 130px;
        background-size: 138%;
        background-position-x: -161px;
        background-position-y: 210px;
    }
    .sushi-sobre-h2--big {
        font-size: 40px;
        line-height: 1;
        margin: 4px 0 18px;
    }
    .sushi-sobre-stats {
        display: flex;
        gap: 70px;
        align-items: center;
        justify-content: center;
        margin-bottom: 70px;
        margin-top: 70px;
        flex-direction: column;
        align-content: center;
    }
    .sushi-sobre-diagonal__item{
        min-width: 36vw;
    }
    .rib-1 {
        top: -150px;
    }
    .rib-2 {
        margin-top: 110px;
        margin-bottom: -410px;
    }
    .rib-3 {
        margin-top: -250px;
        position: relative;
        z-index: 0;
    }
    .sushi-sobre-banner__cta {
        padding-top: 140px;
        padding-bottom: 90px;
        text-align: center;
    }
    .sushi-sobre-cta--primary {
        width: calc(100% - 30px);
        display: flex;
        justify-content: space-between;
    }
    .sushi-sobre-banner__surface {
        background: var(--app-sushi-dark-200);
    }

    .sushi-servicos-title {
        font-size: 34px;
    }
    .sushi-servicos-cards {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .sushi-servicos-cards > *:nth-child(1),
    .sushi-servicos-cards > *:nth-child(2),
    .sushi-servicos-cards > *:nth-child(3) {
        grid-column: auto; /* ocupam uma coluna cada */
    }

    .sushi-servicos-cards> *:nth-child(n+4) {
        grid-column: 1 / -1; /* do 3º em diante ocupa a linha toda */
    }
    .sushi-servicos-cta {
        padding-bottom: 160px;
    }
    .sushi-servicos-split {
        grid-template-columns: 1fr;
        min-height: 100dvh;
    }
    .sushi-servicos-bc{
        display: none;
    }
    .sushi-servicos-h1 {
        font-size: 40px;
        margin-top: 50px;
    }
    .sushi-eventos-h1, .sushi-eventos-cta__label {
        font-size: 34px;
        line-height: 48px;
        margin-bottom: 20px;
        margin-top: 12px;
    }

    .sushi-eventos-cta__btn{
        padding: 12px 12px 12px 22px;
    }
    .sushi-eventos-cta__label {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 5px;
        padding: 0px 0px 0px;
        margin-top: 5px;
        color: white;  }
    .sushi-eventos-cta {
        padding-bottom: 20px;
    }
    .sushi-eventos-lead {
        padding: 14px var(--padding-pagina) 28px;
        max-width: 100%;
        color: #FFF;
        font-family: var(--font-logo);
        font-size: 26px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
    }
    .sushi-eventos-h2 {
        font-size: 30px;
        padding-top: 60px;
        padding-bottom: 12px;
    }
    .sushi-eventos-h2--center {
        text-align: center;
        margin: 8px 30px 18px;
    }
    .sushi-eventos-realizados {
        max-width: 100%;
        overflow-x: hidden;
    }
    .sushi-eventos-cta__label::before,
    .sushi-eventos-cta__label::after{
        display: none;
    }
    .sushi-faq-h1 {
        font-size: 44px;
        margin-bottom: 40px;
    }
    .sushi-faq-lead {
        font-size: 24px;
    }
    .sushi-contact-map{
        display: none;
    }
    .sushi-contact-wrap{
        height: inherit;
    }
    .sushi-contact-hero {
        background: var(--app-sushi-dark-200);
    }
    .sushi-contact-banner {
        padding-top: 260px;
        padding-bottom: 200px;
        background-size: cover;
        background-position: center;
    }
    .sushi-contact-banner-t2 {
        font-size: 34px;
    }
    .sushi-contact-banner-t1 {
        font-size: 24px;
    }
    .sushi-form-grid {
        flex-direction: column;
    }
    .w33 {
        width: 100%;
    }
    .sushi-form-input, .sushi-form-select, .sushi-form-textarea, .sushi-contact-card {
        border-radius: 8px;
        background: var(--app-sushi-dark-50);
    }
    .sushi-contact-wrap{

        grid-template-columns: 1fr;

    }
    .sushi-form-actions {
        justify-content: center;
    }
    .sushi-shop-cats{
        flex-wrap: nowrap;
        justify-content: flex-start;
        flex-direction: row;
        max-width: calc(100% + 0px);
        overflow-x: auto;
        display: flex;
        width: calc(100% + 0px) !important;
    }
    .sushi-chip{
        white-space: nowrap;
    }
    .sushi-shop-layout {
        grid-template-columns: 1fr;
    }
    .sushi-cart{
        display: none;
    }

    .sushi-shop-card__meta {
       /* align-items: flex-start;
        justify-content: space-between;
        flex-direction: column;
        align-content: flex-start;*/
    }
    .sushi-produtos-list {
        padding-right: 0px;
    }

    .cart-mobile-literal{
        border-radius: 10px 10px 0px 0px;
        background: var(--app-sushi-main-100, #EC6E00);
        padding: 12px 28px;
        position: fixed;
        right: 0px;
        bottom: 0;
        z-index: 1086;
        display: block;
        width: 100%;
        display: flex;
        justify-content: space-around;
        display: none;
    }
    .cart-mobile-literal.bola{
        display: flex;
    }
        body.is-open .navbar-brand {
        width: 70px;
    }
    #review-open {
    font-size: 18px;
}
    .sushi-cart__items {
        max-height: 67dvh;
        height: 67dvh;
    }
    .sushi-cart{
        right: 0vw;
        transition: .5s;
        display: block;
        position: fixed;
        top: 120vh;
        z-index: 1088;
        border-radius: 0px;
        width: 100%;
        height: calc(100dvh - 59px);
    }
    body.open-cart-mobile .sushi-cart{overflow-y: scroll;position: fixed;top: -40px;right: 0px;transition: .5s;width: 100%;}
    body.open-cart-mobile .sushi-cart .contentorextra{
        display: block;
        
        position: absolute;
        right: 0px;
        top: 0px;
    }
    body.open-cart-mobile .sushi-cart .contentorextra:before{

        content: "x";
        position: absolute;
        right: 18px;
        top: 10px;
        z-index: 5;
        width: 36px;
        height: 36px;
        border-radius: 50%;
        border: 0;
        /* background: rgba(255, 255, 255, .1); */
        color: #fff;
        font-size: 19px;
        font-family: 'Poppins';
        cursor: pointer;
        text-transform: lowercase;
        text-align: right;
    }
    #sushiCartCheckout{
        display: none;
    }
    .cart-mobile-literal.bola .btn-preso-cart:before{
        content: "";
        position: absolute;
        top: -4px;
        right: 8px;
        width: 8px;
        height: 8px;
        background: #ffffff;
        border-radius: 100%;
        display: none;
    }

    .btn-preso-mobile{display: flex;flex-direction: column;position: relative;}

    .btn-preso-mobile img{
        height: 16px;
        margin-bottom: 5px;
    }

    .btn-preso-mobile span{
        color: white;
        font-size: 10px;
        text-transform: uppercase;
    }


    .page-menu-extra .sushi-cart__items {
        max-height: 60dvh;
        height: 60dvh;
    }

    .sushi-produtos-list {
        padding-bottom: 120px;
    }
    .sushi-obg-meta {
        flex-direction: column;
        align-content: flex-start;
        display: flex;
        align-items: flex-start;
    }
    .sushi-obg-step h2 {
        font-size: 30px;
    }
    .sushi-obg-items {
        display: grid;
        gap: 20px;
        grid-template-columns: 1fr 1fr;
    }
    .sushi-obg-card {
        padding: 0px;
    }
    .cartas-home .sushi-card__meta {
        max-width: 100%;
    }
    .sushi-card__body {
        padding: 6px 0px 36px;;
    }
    .sushi-card__price {
        right: 0px;
        bottom: 0px;
        font-size: 20px;
        line-height: 24px;
    }
    .sushi-shop-card__title {
        font-size: 14px;
        line-height: 18px;
    }
    .sushi-shop-card__meta span {
        font-size: 10px;
        line-height: 20px;
        width: 100%;
    }
    .sushi-shop-card__body {
        padding: 8px;
        height: 42px;
        max-height: 42px;
        overflow-y: hidden;
    }

    .sushi-shop-card .sushi-shop-card__price{
        display: flex;
        flex-direction: column;
        align-content: flex-end;
        align-items: flex-end;
        text-align: right;
    }
    .sushi-shop-card__meta strong {
        font-size: 16px;
        line-height: 18px;
    }
    .sushi-card__price--old{
        width: inherit;
    }
    .sushi-faq-item__label {
        font-size: 16px;
        max-width: calc(100% - 50px);
        text-align: left;
    }

    .sushi-cart__items {
        max-height: none;
        min-height: 67dvh;
    }
    .btn-encomendar-principal
    /*,body.a-subir.menu .sushi-header.is-scrolled*/{
        display: none;
    }
    body.a-subir .fixa-categorias{
        /*top: 0px !important;*/
    }
    #btnFinish{

        position: fixed;
        bottom: 0px;
        left: 0px;
        width: 100%;
        border-radius: 10px 10px 0px 0px;
        z-index: 2;
    }


    .sushi-btn-magnetic:hover,
    .sushi-btn-magnetic{
        --mx: 0 !important;
        --my: 0 !important;
        --scale: 1 !important;
    }
    .sushi-shop-card:hover,
    .sushi-shop-card__add:hover {
        transform: none;        
        box-shadow: none;
        padding: 0px;
    }
    .sushi-shop-modal__dialog {
        max-height: 74vh;
        overflow-y: auto;
    }
    #modal-pickup .sushi-shop-modal__dialog, #modal-time .sushi-shop-modal__dialog, #modal-auth .sushi-shop-modal__dialog, #modal-user-dashboard .sushi-shop-modal__dialog, #modal-orders-history .sushi-shop-modal__dialog, #modal-account .sushi-shop-modal__dialog, #modal-addresses .sushi-shop-modal__dialog, #modal-address-add .sushi-shop-modal__dialog, #modal-address-edit .sushi-shop-modal__dialog, #modal-recover .sushi-shop-modal__dialog, #login-store .sushi-shop-modal__dialog, #modal-review .sushi-shop-modal__dialog, #modal-review-obrigado .sushi-shop-modal__dialog{
        top: 45%;
    }
    .sushi-shop-modal__body {
        max-height: none;
        height: fit-content;
        padding-bottom: 20px;
    }
    .sushi-shop-h2:before{
        width: 15px;
        height: 15px;
        top: 7px;
        left: -29px;
    }
    .sushi-shop-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 5px;
    }
    .sushi-shop-section {
        padding-left: 12px;
        padding-right: 12px;
    }
    .sushi-shop-card {
        margin-bottom: 20px;
    }

    .sms-gigante{
        padding-bottom: 30px;
    }

    #review-message{        
        height: 90px;
        border-radius: 20px;
    }
    /* Firefox */
      * {
        scrollbar-width: none !important;      /* esconde totalmente */
      }

      /* IE/Edge antigo */
      * {
        -ms-overflow-style: none !important;
      }

      /* WebKit (Chrome, Safari, etc.) */
      *::-webkit-scrollbar {
        width: 0 !important;
        height: 0 !important;
      }
      *::-webkit-scrollbar-track {
        background: transparent !important;
      }
      *::-webkit-scrollbar-thumb {
        background: transparent !important;
        border: none !important;
      }
      *::-webkit-scrollbar-corner {
        background: transparent !important;
      }

    .sushi-shop-price-line{
        display: flex
;
        gap: 12px;
        align-items: center;
        flex-direction: row;
    }
    .sushi-form-field-m2{
        grid-template-columns: 1fr 1fr;
    }
    .sms-gigante a .bl-footer-big-seta {
        position: absolute;
        margin-right: 8.5vw;
        right: 0px;
        float: right;
        top: 25px;
        width: 50px;
    }

    .sushi-shop-card__meta div.sushi-select::after{
        top: 15px;
        right: 4px;
        font-size: 8px;
    }
    select.sushi-shop-card__select-combo{

        font-size: 11px;
        padding: 0px 16px 0px 10px;
    }
    #productModal .sushi-shop-modal__dialog{
        height: auto;
        max-height: 80dvh;
    }
    .sushi-filters{
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
        width: 100%;
        flex-direction: row;
    }
}
@media screen and (max-width: 391px){
    .sushi-shop-card__meta{
        gap: 6px;
    }
    /*.sushi-shop-grid {
        grid-template-columns: repeat(1, 1fr);
    }*/
    .sushi-hero__title {
        font-size: 2.7rem;
        line-height: 90%;
    }
    .os-encomenda-flag .a-encomeda {
        font-size: 22px;
        letter-spacing: 2px;
    }
    .os-encomenda-flag .a-encomeda:before {
        width: 15px;
        height: 15px;
        top: 5px;
        left: -26px;
    }
    .os-encomenda-flag .os-arrow img {
        width: 50px;
    }
    .os-menu-nav a {
        font-size: 1.7rem;
        line-height: 1.4rem;
        margin-bottom: 19px;
    }
    .os-menu-nav {
        top: 45%;
    }
    .os-menu-nav-mobile ul li a {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .sushi-stats h3 {
        font-size: 31px;
        line-height: 47px;
        margin-bottom: 30px;
    }
    .sushi-stats {
        padding-bottom: 70px;
    }
    .sushi-sobre-h1 {
        font-size: 38px;
        line-height: 46px;
    }
    .sushi-sobre-banner__media img {
        max-width: 98%;
        border-radius: 0px;
    }
    .sushi-servicos-h3 {
        font-size: 22px;
        line-height: 22px;
    }
    .sushi-servicos-h1 {
        font-size: 30px;
        margin-top: 80px;
        line-height: 15px;
    }

    .sushi-list-links li button.sushi-link-row {
        font-size: 21px;
        line-height: 26px;
        margin-bottom: 25px;
    }
    .sushi-pill{
        padding: 16px 15px;
    }
}