/* =========================================================
   MENU "PRODUTOS" > NAVEGUE POR LINHA (V2)
   Igual ao site de referência: Hospitalar e Industrial com as
   categorias e três atalhos (Odontológica, Estética, Veterinária).
   ========================================================= */

body.storefront-body .betel-menu{--navy:#061C40;--blue:#1A5DB6;--soft:#F4F7FB;--mut:#5B6B82;--white:#FFFFFF;--line:#E3E9F1;display:block;margin-top:20px}
body.storefront-body .betel-menu a{text-decoration:none}
body.storefront-body .betel-menu .betel-menu__mobile{display:none}

/* Computador */
body.storefront-body .betel-menu .mcols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
body.storefront-body .betel-menu .acc{border-radius:16px;overflow:hidden;background:var(--soft)}
body.storefront-body .betel-menu .mcols>.acc{background:none;border-radius:0;border:0}
body.storefront-body .betel-menu .acc__head{display:flex;align-items:center;gap:14px;padding:0 0 14px}
body.storefront-body .betel-menu .aimg{width:54px;height:54px;border-radius:50%;object-fit:cover;flex:none;box-shadow:0 0 0 2px var(--white),0 0 0 3px #C9D5E6}
body.storefront-body .betel-menu .alab{flex:1;min-width:0}
body.storefront-body .betel-menu .alab strong{display:block;font-size:15px;font-weight:700;color:var(--navy)}
body.storefront-body .betel-menu .alab small{display:block;font-size:12px;color:var(--mut);margin-top:3px;line-height:1.35}
body.storefront-body .betel-menu .cl{display:flex;flex-wrap:wrap;gap:8px}
body.storefront-body .betel-menu .cl a{padding:9px 14px;font-size:12.5px;font-weight:600;color:var(--navy);background:var(--white);border:1px solid var(--line);border-radius:999px;line-height:1.2}
body.storefront-body .betel-menu .cl a:hover{border-color:var(--navy)}
body.storefront-body .betel-menu .cl a.all{flex-basis:100%;background:none;border:0;padding:6px 2px 0;color:var(--blue);border-radius:0}
body.storefront-body .betel-menu .accsp{display:flex;flex-direction:column;gap:14px;align-self:start}

/* Atalhos das linhas especiais */
body.storefront-body .betel-menu .acc.oda,
body.storefront-body .betel-menu .acc.esa,
body.storefront-body .betel-menu .acc.vta{position:relative;display:flex;align-items:center;gap:14px;padding:16px;overflow:hidden;border-radius:16px}
body.storefront-body .betel-menu .acc.oda::after,
body.storefront-body .betel-menu .acc.esa::after,
body.storefront-body .betel-menu .acc.vta::after{content:"";position:absolute;top:0;bottom:0;left:-50%;width:40%;pointer-events:none;transform:skewX(-20deg);animation:betel-menu-shine 3.2s ease-in-out infinite}
body.storefront-body .betel-menu .acc.oda{background:linear-gradient(118deg,#0C3069 0%,#061C40 45%,#0F3E80 100%);box-shadow:0 10px 26px rgba(6,28,64,.25)}
body.storefront-body .betel-menu .acc.oda::after{background:linear-gradient(100deg,transparent,rgba(210,230,255,.22),transparent)}
body.storefront-body .betel-menu .acc.oda .alab strong{color:var(--white)}
body.storefront-body .betel-menu .acc.oda .alab small{color:#9CC8FF;font-weight:600}
body.storefront-body .betel-menu .acc.oda .aimg{box-shadow:0 0 0 2px #9CC8FF,0 0 16px rgba(140,195,255,.6)}
body.storefront-body .betel-menu .acc.esa{background:linear-gradient(118deg,#E9C3B8 0%,#FBEAE3 45%,#E2B2A7 100%);box-shadow:0 10px 26px rgba(122,62,78,.2)}
body.storefront-body .betel-menu .acc.esa::after{background:linear-gradient(100deg,transparent,rgba(255,255,255,.6),transparent)}
body.storefront-body .betel-menu .acc.esa .alab strong{color:#5E2A3A}
body.storefront-body .betel-menu .acc.esa .alab small{color:#8D5A66;font-weight:600}
body.storefront-body .betel-menu .acc.esa .aimg{box-shadow:0 0 0 2px #fff,0 0 16px rgba(176,112,122,.5)}
body.storefront-body .betel-menu .acc.vta{background:linear-gradient(118deg,#0F5648 0%,#062A24 45%,#0E4A40 100%);box-shadow:0 10px 26px rgba(6,42,36,.25)}
body.storefront-body .betel-menu .acc.vta::after{background:linear-gradient(100deg,transparent,rgba(200,255,235,.2),transparent)}
body.storefront-body .betel-menu .acc.vta .alab strong{color:#fff}
body.storefront-body .betel-menu .acc.vta .alab small{color:#9EEBD2;font-weight:600}
body.storefront-body .betel-menu .acc.vta .aimg{box-shadow:0 0 0 2px #9EEBD2,0 0 16px rgba(140,235,200,.5)}
body.storefront-body .betel-menu .odgo{position:relative;z-index:1;width:34px;height:34px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;color:var(--navy);background:linear-gradient(115deg,#AFC3E0,#FFFFFF 45%,#9FB6D9)}
body.storefront-body .betel-menu .odgo.esgo{color:#fff;background:linear-gradient(118deg,#8E4F5E,#6B3243)}
body.storefront-body .betel-menu .odgo.vtgo{color:#06302A;background:linear-gradient(115deg,#A9D8C9,#FFFFFF 45%,#8CCBB6)}
@keyframes betel-menu-shine{0%{left:-50%}60%,100%{left:130%}}

/* Celular */
@media (max-width:900px){
body.storefront-body .betel-menu .betel-menu__desk{display:none}
body.storefront-body .betel-menu .betel-menu__mobile{display:flex;flex-direction:column;gap:10px}
body.storefront-body .betel-menu .betel-menu__mobile summary{list-style:none;display:flex;align-items:center;gap:14px;padding:12px 14px;cursor:pointer}
body.storefront-body .betel-menu .betel-menu__mobile summary::-webkit-details-marker{display:none}
body.storefront-body .betel-menu .betel-menu__mobile .chev{flex:none;transition:transform .2s}
body.storefront-body .betel-menu .betel-menu__mobile .acc[open] .chev{transform:rotate(180deg)}
body.storefront-body .betel-menu .betel-menu__mobile .cl{padding:2px 14px 16px}
body.storefront-body .betel-menu .betel-menu__mobile .acc.hsa,
body.storefront-body .betel-menu .betel-menu__mobile .acc.ina{position:relative}
body.storefront-body .betel-menu .betel-menu__mobile .acc.hsa{background:linear-gradient(118deg,#EAF2FD 0%,#F7FAFF 45%,#D6E5F8 100%);box-shadow:0 10px 26px rgba(26,93,182,.14);border:1px solid #CFE0F6}
body.storefront-body .betel-menu .betel-menu__mobile .acc.ina{background:linear-gradient(118deg,#FFFFFF 0%,#FFFBEB 45%,#FFEDB0 100%);box-shadow:0 10px 26px rgba(176,127,0,.14);border:1px solid #F5E3A3}
body.storefront-body .betel-menu .betel-menu__mobile .acc.hsa .alab small{color:#1A5DB6;font-weight:600}
body.storefront-body .betel-menu .betel-menu__mobile .acc.hsa .aimg{box-shadow:0 0 0 2px #fff,0 0 0 4px #7FB0EC,0 0 16px rgba(26,93,182,.3)}
body.storefront-body .betel-menu .betel-menu__mobile .acc.ina .alab small{color:#9A6F00;font-weight:600}
body.storefront-body .betel-menu .betel-menu__mobile .acc.ina .aimg{box-shadow:0 0 0 2px #fff,0 0 0 4px #F5C400,0 0 16px rgba(245,184,0,.35)}
body.storefront-body .betel-menu .betel-menu__mobile .acc.ina .chev{stroke:#B07F00}
body.storefront-body .betel-menu .betel-menu__mobile .acc.ina .cl a{border-color:#F3E2A6}
body.storefront-body .betel-menu .betel-menu__mobile .acc.ina .cl a.all{color:#9A6F00}
body.storefront-body .betel-menu .betel-menu__mobile .acc.hsa .cl a{border-color:#CFE0F6}
body.storefront-body .betel-menu .betel-menu__mobile .acc.oda,
body.storefront-body .betel-menu .betel-menu__mobile .acc.esa,
body.storefront-body .betel-menu .betel-menu__mobile .acc.vta{padding:12px 14px}
}

@media (prefers-reduced-motion:reduce){
body.storefront-body .betel-menu .acc::after{animation:none}
}