/* Boi Brabo – página Kits do Dia (estilo churrasco). */ :is(#bbk,#bbk-portal){ --bg:#1d1c1e; --bg-2:#262527; --card:#2c2b2d; --line:#3c3a3d; --kraft:#cebba5; --text:#fff; --muted:#fff; --red:#981211; --red-2:#e5a330; --gold:#e5a330; --wa:#25d366; --wa-dark:#128c4a; --radius:18px; } :is(#bbk,#bbk-portal),:is(#bbk,#bbk-portal) *{box-sizing:border-box;margin:0;padding:0} /* ---------- Blindagem contra estilos do tema / Elementor ---------- */ :is(#bbk,#bbk-portal){width:100%;text-align:left;letter-spacing:normal} :is(#bbk,#bbk-portal) :is(h1,h2,h3,h4,h5,h6,p,a,button,address,li,ul,small,output,label,b,strong,span,i){color:inherit;font-family:inherit;text-decoration:none;text-shadow:none;letter-spacing:inherit;text-transform:inherit} :is(#bbk,#bbk-portal) :is(h1,h2,h3,h4,h5,h6){font-weight:inherit;line-height:inherit} :is(#bbk,#bbk-portal) :is(h1,h2,h3,h4){font-weight:800} :is(#bbk,#bbk-portal) button{background:none;border:0;border-radius:0;padding:0;box-shadow:none;outline-offset:2px;min-height:0;width:auto;text-transform:none;font-size:inherit;line-height:inherit;color:inherit} :is(#bbk,#bbk-portal) img{height:auto;border:0;box-shadow:none;border-radius:0} :is(#bbk,#bbk-portal) ul{margin:0;padding:0} :is(#bbk,#bbk-portal){ background:radial-gradient(90% 60% at 100% 0,rgba(229,163,48,.10),transparent 60%),radial-gradient(70% 50% at 0 30%,rgba(152,18,17,.14),transparent 60%),var(--bg); color:#fff !important; color:var(--text); font-family:"League Spartan",Spartan,system-ui,-apple-system,Segoe UI,Roboto,sans-serif; line-height:1.5; overflow-x:clip; } :is(#bbk,#bbk-portal) img{display:block;max-width:100%} :is(#bbk,#bbk-portal) button{font:inherit;color:inherit;background:none;border:0;cursor:pointer} :is(#bbk,#bbk-portal) a{color:inherit} :is(#bbk,#bbk-portal) .wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 16px} :is(#bbk,#bbk-portal) .display{font-family:"League Spartan",Spartan,Impact,sans-serif;font-weight:900;letter-spacing:.5px;text-transform:uppercase;line-height:.95;letter-spacing:-.01em} #bbk-portal{background:none!important;width:0;height:0;overflow:visible} /* ---------- Top bar ---------- */ :is(#bbk,#bbk-portal) .ticker{background:var(--red);color:#fff;font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;overflow:hidden;white-space:nowrap} :is(#bbk,#bbk-portal) .ticker-track{display:inline-flex;gap:40px;padding:8px 0;animation:bb-tick 28s linear infinite} :is(#bbk,#bbk-portal) .ticker-track span::before{content:"🔥 ";} @keyframes bb-tick{to{transform:translateX(-50%)}} :is(#bbk,#bbk-portal) header.top{position:sticky;top:0;z-index:30;background:rgba(13,13,14,.88);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)} :is(#bbk,#bbk-portal) .top .wrap{display:flex;align-items:center;justify-content:space-between;height:64px;gap:12px} :is(#bbk,#bbk-portal) .brand{display:flex;flex-direction:column;line-height:1;text-decoration:none} :is(#bbk,#bbk-portal) .brand img{height:44px;width:auto;filter:drop-shadow(0 6px 16px #000)} :is(#bbk,#bbk-portal) .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;font-weight:800;text-decoration:none;transition:transform .15s ease, box-shadow .2s ease, background .2s} :is(#bbk,#bbk-portal) .btn:active{transform:scale(.97)} :is(#bbk,#bbk-portal) .btn-wa{background:var(--wa);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.28);padding:12px 20px;box-shadow:0 8px 24px -8px rgba(37,211,102,.6)} :is(#bbk,#bbk-portal) .btn-wa:hover{background:#2fe373} :is(#bbk,#bbk-portal) .btn-wa svg{width:20px;height:20px;flex:none} :is(#bbk,#bbk-portal) .top .btn-wa{padding:10px 16px;font-size:14px} /* ---------- Topo da seção ---------- */ :is(#bbk,#bbk-portal) .pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:rgba(229,163,48,.12);color:var(--gold);font-weight:700;font-size:13px;border:1px solid rgba(229,163,48,.35)} :is(#bbk,#bbk-portal) .pill .dot{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 0 rgba(229,163,48,.7);animation:bb-pulse 1.6s infinite} @keyframes bb-pulse{70%{box-shadow:0 0 0 10px rgba(229,163,48,0)}100%{box-shadow:0 0 0 0 rgba(229,163,48,0)}} /* ---------- Status de funcionamento ---------- */ :is(#bbk,#bbk-portal) .status{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;background:var(--bg-2);border:1px solid var(--line);border-radius:16px;padding:12px 14px;margin-bottom:16px} :is(#bbk,#bbk-portal) .st-txt{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-weight:600;font-size:14.5px} :is(#bbk,#bbk-portal) .st-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:rgba(37,211,102,.14);color:var(--wa);border:1px solid rgba(37,211,102,.4)} :is(#bbk,#bbk-portal) .st-badge::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor} :is(#bbk,#bbk-portal) .status.closed .st-badge{background:rgba(152,18,17,.14);color:var(--red-2);border-color:rgba(152,18,17,.4)} :is(#bbk,#bbk-portal) .status{position:relative;overflow:hidden} :is(#bbk,#bbk-portal) .cd{display:flex;align-items:center;gap:6px} :is(#bbk,#bbk-portal) .cd-lbl{font-size:12.5px;color:var(--muted);font-weight:600;margin-right:4px} :is(#bbk,#bbk-portal) .cd-box{position:relative;background:linear-gradient(180deg,#2e2d2f 0 50%,#232224 50% 100%);border:1px solid var(--line);border-radius:10px;padding:5px 8px 4px;min-width:52px;text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 6px 14px -8px rgba(0,0,0,.9);transition:border-color .3s, box-shadow .3s} :is(#bbk,#bbk-portal) .cd-box::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(0,0,0,.55)} :is(#bbk,#bbk-portal) .cd-box b{font-family:"League Spartan",Spartan,Impact,sans-serif;font-weight:900;font-size:24px;display:flex;justify-content:center;line-height:1.15;height:1.15em} :is(#bbk,#bbk-portal) .cd-box small{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);display:block} :is(#bbk,#bbk-portal) .dg{position:relative;display:inline-block;width:.6em;height:1.15em;overflow:hidden} :is(#bbk,#bbk-portal) .dg i{position:absolute;inset:0;font-style:normal;text-align:center;will-change:transform} :is(#bbk,#bbk-portal) .dg i.in{animation:bb-dgIn .45s cubic-bezier(.2,.9,.3,1.25) both} :is(#bbk,#bbk-portal) .dg i.out{animation:bb-dgOut .45s cubic-bezier(.4,0,.6,1) both} @keyframes bb-dgIn{from{transform:translateY(-100%) rotateX(70deg);opacity:0;filter:blur(2px)}to{transform:none;opacity:1;filter:none}} @keyframes bb-dgOut{to{transform:translateY(100%) rotateX(-70deg);opacity:0;filter:blur(2px)}} :is(#bbk,#bbk-portal) .cd-box.tick{animation:bb-boxTick .45s ease} @keyframes bb-boxTick{30%{border-color:rgba(229,163,48,.7);box-shadow:0 0 0 3px rgba(229,163,48,.12),0 6px 18px -6px rgba(229,163,48,.45)}} :is(#bbk,#bbk-portal) .cd-sep{font-family:"League Spartan",Spartan,Impact,sans-serif;font-weight:900;font-size:22px;color:var(--gold);margin-top:-14px;animation:bb-blink 1s steps(1) infinite} @keyframes bb-blink{50%{opacity:.15}} :is(#bbk,#bbk-portal) .cd-bar{position:absolute;left:0;bottom:0;height:3px;width:100%;background:rgba(255,255,255,.06)} :is(#bbk,#bbk-portal) .cd-bar span{display:block;height:100%;width:100%;transform-origin:left;background:linear-gradient(90deg,var(--wa),var(--gold));transition:transform 1s linear} :is(#bbk,#bbk-portal) .status.closed .cd-bar span{background:linear-gradient(90deg,var(--red-2),var(--gold))} :is(#bbk,#bbk-portal) .status.urgent{border-color:rgba(152,18,17,.55);animation:bb-urgent 1.6s ease-in-out infinite} :is(#bbk,#bbk-portal) .status.urgent .cd-bar span{background:linear-gradient(90deg,var(--red-2),#ff8a00)} :is(#bbk,#bbk-portal) .status.urgent .cd-box b{color:#fff;text-shadow:0 0 12px rgba(152,18,17,.8)} @keyframes bb-urgent{50%{box-shadow:0 0 0 4px rgba(152,18,17,.12),0 0 28px -6px rgba(152,18,17,.55)}} /* ---------- Kits ---------- */ :is(#bbk,#bbk-portal) section.kits{padding:56px 0 40px} :is(#bbk,#bbk-portal) .sec-head{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap;margin-bottom:20px} :is(#bbk,#bbk-portal) .sec-head h1{font-size:clamp(40px,6vw,64px);margin-top:12px} :is(#bbk,#bbk-portal) .sec-head h1 span{color:var(--red-2)} :is(#bbk,#bbk-portal) .sec-head p{color:var(--muted);max-width:420px;font-size:15px} :is(#bbk,#bbk-portal) .filters{display:flex;gap:8px;overflow-x:auto;padding:4px 0 14px;margin-bottom:8px;scrollbar-width:none} :is(#bbk,#bbk-portal) .filters::-webkit-scrollbar{display:none} :is(#bbk,#bbk-portal) .chip{white-space:nowrap;padding:9px 16px;border-radius:999px;border:1px solid var(--line);background:var(--bg-2);font-weight:700;font-size:14px;transition:all .2s} :is(#bbk,#bbk-portal) .chip:hover{border-color:#444} :is(#bbk,#bbk-portal) .chip[aria-pressed="true"]{background:var(--text);color:#111;border-color:var(--text)} :is(#bbk,#bbk-portal) .chip small{font-weight:600;margin-left:4px} :is(#bbk,#bbk-portal) .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px} :is(#bbk,#bbk-portal) .kit{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;cursor:pointer;display:flex;flex-direction:column;text-align:left;transition:transform .25s ease, border-color .25s, box-shadow .25s} :is(#bbk,#bbk-portal) .kit:hover{transform:translateY(-4px);border-color:#3a3a3b;box-shadow:0 24px 40px -24px rgba(0,0,0,.9)} :is(#bbk,#bbk-portal) .kit:focus-visible{outline:3px solid var(--gold);outline-offset:3px} :is(#bbk,#bbk-portal) .kit.is-hidden{display:none} :is(#bbk,#bbk-portal) .kit .thumb{aspect-ratio:4/5;overflow:hidden;background:#000;position:relative} :is(#bbk,#bbk-portal) .kit .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease} :is(#bbk,#bbk-portal) .img-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px;text-align:center;background:radial-gradient(circle at 50% 30%,rgba(215,25,31,.45),transparent 65%),#111} :is(#bbk,#bbk-portal) .img-fallback img{width:60%!important;height:auto!important;object-fit:contain!important;opacity:.9} :is(#bbk,#bbk-portal) .img-fallback b{font-family:"League Spartan",Spartan,Impact,sans-serif;font-weight:900;font-size:22px;line-height:1.05;text-transform:uppercase} :is(#bbk,#bbk-portal) .kit:hover .thumb img{transform:scale(1.05)} :is(#bbk,#bbk-portal) .kit .tag{position:absolute;top:10px;left:10px;background:rgba(0,0,0,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:5px 9px;border-radius:999px;color:#fff} :is(#bbk,#bbk-portal) .kit .tag.gift{background:var(--gold);color:#1a1300} :is(#bbk,#bbk-portal) .kit .body{padding:14px 14px 16px;display:flex;flex-direction:column;gap:6px;flex:1} :is(#bbk,#bbk-portal) .kit h3{font-size:15.5px;font-weight:800;line-height:1.25} :is(#bbk,#bbk-portal) .kit .meta{font-size:12.5px;color:var(--muted)} :is(#bbk,#bbk-portal) .kit .foot{margin-top:auto;padding-top:8px;display:flex;align-items:center;justify-content:space-between;gap:8px} :is(#bbk,#bbk-portal) .price{display:flex;align-items:baseline;gap:2px;font-family:"League Spartan",Spartan,Impact,sans-serif;font-weight:900;color:var(--gold);line-height:1} :is(#bbk,#bbk-portal) .price small{font-family:"League Spartan",Spartan,sans-serif;font-weight:700;font-size:12px;color:var(--gold)} :is(#bbk,#bbk-portal) .price b{font-weight:800;font-size:28px} :is(#bbk,#bbk-portal) .was{display:flex;align-items:center;gap:6px;margin-bottom:3px;font-size:12px;line-height:1} :is(#bbk,#bbk-portal) .was s{color:#a49a8e;font-weight:600} :is(#bbk,#bbk-portal) .was em{font-style:normal;font-weight:800;color:#1d1c1e;background:var(--gold);border-radius:999px;padding:2px 6px} :is(#bbk,#bbk-portal) .pf .pr{display:flex;flex-direction:column} :is(#bbk,#bbk-portal) .price .cents{font-size:16px} :is(#bbk,#bbk-portal) .price .unit{font-family:"League Spartan",Spartan,sans-serif;font-size:11px;color:var(--muted);font-weight:600;margin-left:3px} :is(#bbk,#bbk-portal) .price.quote b{font-size:20px} :is(#bbk,#bbk-portal) .kit .go{width:38px;height:38px;border-radius:50%;background:var(--wa);color:#fff;display:grid;place-items:center;flex:none;transition:transform .2s} :is(#bbk,#bbk-portal) .kit .go svg{width:20px;height:20px;fill:#fff;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))} :is(#bbk,#bbk-portal) .kit .go-link{background:var(--gold);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.28);font-weight:800;font-size:20px;line-height:1} :is(#bbk,#bbk-portal) .kit:hover .go{transform:scale(1.1)} /* ---------- Retirada na loja ---------- */ :is(#bbk,#bbk-portal) .store{margin-top:40px;display:grid;grid-template-columns:1.2fr .8fr;gap:16px} :is(#bbk,#bbk-portal) .store > div{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:24px} :is(#bbk,#bbk-portal) .store .eyebrow{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--red-2)} :is(#bbk,#bbk-portal) .store h2{font-size:clamp(28px,4vw,40px);margin:10px 0 8px} :is(#bbk,#bbk-portal) .store address{font-style:normal;color:#fff;font-size:15.5px} :is(#bbk,#bbk-portal) .store-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px} :is(#bbk,#bbk-portal) .btn-map{background:var(--gold);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.28);padding:12px 20px;box-shadow:0 8px 24px -8px rgba(229,163,48,.55)} :is(#bbk,#bbk-portal) .btn-map:hover{background:#ffd04d} :is(#bbk,#bbk-portal) .btn-map svg{width:20px;height:20px} :is(#bbk,#bbk-portal) .hours{list-style:none;margin-top:12px;display:flex;flex-direction:column} :is(#bbk,#bbk-portal) .hours li{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:15px} :is(#bbk,#bbk-portal) .hours li:last-child{border-bottom:0} :is(#bbk,#bbk-portal) .hours li span{color:var(--muted)} :is(#bbk,#bbk-portal) .hours li.today span{color:var(--text);font-weight:700} :is(#bbk,#bbk-portal) .hours li.today span::after{content:" • hoje";color:var(--gold);font-size:12px;font-weight:800} :is(#bbk,#bbk-portal) .hours li.today b{color:var(--gold)} :is(#bbk,#bbk-portal) .sheet .pickup{font-size:13.5px;color:#fff;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:10px 12px} :is(#bbk,#bbk-portal) .sheet .pickup a{color:var(--gold);font-weight:700} /* ---------- Footer ---------- */ :is(#bbk,#bbk-portal) footer{border-top:1px solid var(--line);padding:30px 0 120px;color:var(--muted);font-size:13px} :is(#bbk,#bbk-portal) footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap} :is(#bbk,#bbk-portal) footer b{color:var(--text)} :is(#bbk,#bbk-portal) .social{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:10px} :is(#bbk,#bbk-portal) .social a{color:var(--text);font-weight:600;text-decoration:none} :is(#bbk,#bbk-portal) .social a:hover{color:var(--gold)} :is(#bbk,#bbk-portal) .legal-links{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);font-size:12px;flex-direction:column;gap:6px!important} :is(#bbk,#bbk-portal) .legal-links a{color:var(--muted);text-decoration:none} :is(#bbk,#bbk-portal) .legal-links a:hover{color:var(--text)} /* ---------- LGPD ---------- */ :is(#bbk,#bbk-portal) .cookie-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:9999;max-width:720px;margin:auto;background:#262527;border:1px solid #333;border-radius:18px;padding:18px;box-shadow:0 12px 40px rgba(0,0,0,.55)} :is(#bbk,#bbk-portal) .cookie-banner[hidden],:is(#bbk,#bbk-portal) .legal-modal[hidden]{display:none} :is(#bbk,#bbk-portal) .cookie-banner p{font-size:12.5px;line-height:1.55;color:#fff;margin:0 0 12px} :is(#bbk,#bbk-portal) .cookie-actions{display:flex;gap:8px;flex-wrap:wrap} :is(#bbk,#bbk-portal) .cookie-actions button{border:1px solid #444;border-radius:10px;padding:10px 14px;font-weight:700;background:#222;color:#fff} :is(#bbk,#bbk-portal) .cookie-actions .accept{background:var(--red);border-color:var(--red)} :is(#bbk,#bbk-portal) .legal-modal{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;padding:18px} :is(#bbk,#bbk-portal) .legal-box{background:#111;color:#fff;border:1px solid #333;border-radius:18px;max-width:760px;width:100%;max-height:85vh;overflow:auto;padding:24px} :is(#bbk,#bbk-portal) .legal-box h2,:is(#bbk,#bbk-portal) .legal-box h3{color:#fff;margin:14px 0 6px} :is(#bbk,#bbk-portal) .legal-box p,:is(#bbk,#bbk-portal) .legal-box li{font-size:13px;line-height:1.65} :is(#bbk,#bbk-portal) .legal-close{float:right;background:#222;color:#fff;border:1px solid #444;border-radius:9px;padding:7px 11px} /* ---------- Floating WA ---------- */ :is(#bbk,#bbk-portal) .fab{position:fixed;right:18px;bottom:18px;z-index:40;width:62px;height:62px;border-radius:50%;background:var(--wa);display:grid;place-items:center;box-shadow:0 12px 30px -6px rgba(37,211,102,.65);text-decoration:none;animation:bb-bob 3s ease-in-out infinite} :is(#bbk,#bbk-portal) .fab svg{width:32px;height:32px;fill:#fff} @keyframes bb-bob{50%{transform:translateY(-4px)}} /* ---------- Modal ---------- */ :is(#bbk,#bbk-portal) .modal{position:fixed;inset:0;z-index:60;display:none;align-items:center;justify-content:center;padding:16px} :is(#bbk,#bbk-portal) .modal.open{display:flex} :is(#bbk,#bbk-portal) .modal .scrim{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:bb-fade .2s ease} :is(#bbk,#bbk-portal) .sheet{position:relative;width:100%;max-width:920px;max-height:calc(100dvh - 32px);background:var(--bg-2);border:1px solid var(--line);border-radius:22px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;animation:bb-pop .28s cubic-bezier(.2,.9,.3,1.2)} @keyframes bb-fade{from{opacity:0}} @keyframes bb-pop{from{opacity:0;transform:translateY(20px) scale(.97)}} :is(#bbk,#bbk-portal) .sheet .pic{background:#000;display:flex;align-items:center;justify-content:center;min-height:0} :is(#bbk,#bbk-portal) .sheet .pic img{width:100%;height:100%;max-height:calc(100dvh - 32px);object-fit:contain} :is(#bbk,#bbk-portal) .sheet .info{padding:28px 26px 24px;display:flex;flex-direction:column;gap:14px;overflow-y:auto} :is(#bbk,#bbk-portal) .sheet .close{position:absolute;top:12px;right:12px;width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,.6);display:grid;place-items:center;font-size:22px;z-index:2;border:1px solid rgba(255,255,255,.15)} :is(#bbk,#bbk-portal) .sheet .eyebrow{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--red-2)} :is(#bbk,#bbk-portal) .share{position:relative;flex:none} :is(#bbk,#bbk-portal) .share-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:rgba(229,163,48,.12);color:var(--gold);border:1px solid rgba(229,163,48,.35);font-weight:700;font-size:13px;cursor:pointer} :is(#bbk,#bbk-portal) .share-btn:hover,:is(#bbk,#bbk-portal) .share-btn[aria-expanded="true"]{background:rgba(229,163,48,.22)} :is(#bbk,#bbk-portal) .share-btn svg{width:15px;height:15px} :is(#bbk,#bbk-portal) .share-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:5;min-width:210px;background:#262527;border:1px solid var(--line);border-radius:14px;padding:6px;box-shadow:0 12px 30px rgba(0,0,0,.5);display:flex;flex-direction:column;gap:2px;animation:bb-pop .2s ease} :is(#bbk,#bbk-portal) .share-menu[hidden]{display:none} :is(#bbk,#bbk-portal) .share-menu :is(button,a){display:flex;align-items:center;gap:10px;width:100%;padding:11px 12px;border-radius:10px;background:transparent;color:#fff;font-weight:600;font-size:14.5px;text-align:left;cursor:pointer;text-decoration:none;border:0} :is(#bbk,#bbk-portal) .share-menu :is(button,a):hover{background:rgba(255,255,255,.07)} :is(#bbk,#bbk-portal) .share-menu svg{width:18px;height:18px;flex:none;color:var(--gold)} :is(#bbk,#bbk-portal) .share-menu [data-share="wa"] svg{color:var(--wa)} :is(#bbk,#bbk-portal) .m-share{width:100%} :is(#bbk,#bbk-portal) .m-share .share-btn{width:100%;justify-content:center;gap:8px;padding:14px 18px;border-radius:999px;background:#fff;color:#111;border:1.5px solid #111;font-size:15px;font-weight:800} :is(#bbk,#bbk-portal) .m-share .share-btn:hover,:is(#bbk,#bbk-portal) .m-share .share-btn[aria-expanded="true"]{background:#111;color:#fff;border-color:#fff} :is(#bbk,#bbk-portal) .m-share .share-btn svg{width:18px;height:18px} :is(#bbk,#bbk-portal) .m-share .share-menu{left:0;right:0;min-width:0;background:#fff;border-color:#111} :is(#bbk,#bbk-portal) .m-share .share-menu :is(button,a){color:#111} :is(#bbk,#bbk-portal) .m-share .share-menu :is(button,a):hover{background:#f1f1f1} :is(#bbk,#bbk-portal) .m-share .share-menu svg{color:#111} :is(#bbk,#bbk-portal) .m-share .share-menu [data-share="wa"] svg{color:#1da851} :is(#bbk,#bbk-portal) .sheet h3{font-size:clamp(28px,3.4vw,38px)} :is(#bbk,#bbk-portal) .sheet .price b{font-size:46px} :is(#bbk,#bbk-portal) .sheet .price .cents{font-size:24px} :is(#bbk,#bbk-portal) .sheet .price small{font-size:15px} :is(#bbk,#bbk-portal) .sheet ul{list-style:none;display:flex;flex-direction:column;gap:8px} :is(#bbk,#bbk-portal) .sheet li{display:flex;gap:10px;font-size:14.5px;color:#fff} :is(#bbk,#bbk-portal) .sheet li::before{content:"✓";color:var(--wa);font-weight:800;flex:none} :is(#bbk,#bbk-portal) .gift-box{background:rgba(229,163,48,.1);border:1px dashed rgba(229,163,48,.5);color:var(--gold);border-radius:12px;padding:10px 12px;font-weight:700;font-size:14px} :is(#bbk,#bbk-portal) .qty{display:flex;align-items:center;gap:12px} :is(#bbk,#bbk-portal) .qty span.l{font-weight:700;font-size:14px} :is(#bbk,#bbk-portal) .stepper{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;overflow:hidden} :is(#bbk,#bbk-portal) .stepper button{width:40px;height:40px;font-size:20px;font-weight:700} :is(#bbk,#bbk-portal) .stepper button:hover{background:rgba(255,255,255,.06)} :is(#bbk,#bbk-portal) .stepper output{min-width:34px;text-align:center;font-weight:800} :is(#bbk,#bbk-portal) .sheet .btn-wa{width:100%;padding:16px 20px;font-size:16px;margin-top:4px;animation:bb-glow 2s ease-in-out infinite} @keyframes bb-glow{50%{box-shadow:0 8px 34px -4px rgba(37,211,102,.85)}} :is(#bbk,#bbk-portal) .sheet .note{font-size:12px;color:var(--muted)} :is(#bbk,#bbk-portal) .nav-kits{display:flex;justify-content:space-between;gap:8px} :is(#bbk,#bbk-portal) .nav-kits button{font-size:13px;font-weight:700;color:var(--muted);padding:6px 0} :is(#bbk,#bbk-portal) .nav-kits button:hover{color:var(--text)} /* ---------- Carregando / sem kits ---------- */ :is(#bbk,#bbk-portal) .kit.skeleton{cursor:default;pointer-events:none} :is(#bbk,#bbk-portal) .kit.skeleton .thumb,:is(#bbk,#bbk-portal) .kit.skeleton .body span{background:linear-gradient(90deg,#2c2b2d 0%,#262627 50%,#2c2b2d 100%);background-size:200% 100%;animation:bb-shimmer 1.2s linear infinite} :is(#bbk,#bbk-portal) .kit.skeleton .body span{display:block;height:14px;border-radius:6px} :is(#bbk,#bbk-portal) .kit.skeleton .body span + span{width:55%;height:22px;margin-top:10px} @keyframes bb-shimmer{to{background-position:-200% 0}} :is(#bbk,#bbk-portal) .empty-kits{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:48px 20px;border:1px dashed #3a3a3b;border-radius:var(--radius);background:var(--bg-2)} :is(#bbk,#bbk-portal) .empty-kits b{font-size:20px} :is(#bbk,#bbk-portal) .empty-kits .btn{margin-top:8px} /* ---------- Produtos da loja ---------- */ :is(#bbk,#bbk-portal) .jump{display:inline-flex;margin-top:10px;font-weight:700;color:var(--gold);text-decoration:underline;text-underline-offset:3px} :is(#bbk,#bbk-portal) section.prods{padding:8px 0 40px} :is(#bbk,#bbk-portal) .p-tools{display:flex;gap:10px;align-items:center;margin-bottom:10px} :is(#bbk,#bbk-portal) .p-search{flex:1;max-width:420px;background:var(--bg-2);color:#fff;border:1px solid #3a3a3b;border-radius:999px;padding:11px 16px;font:inherit;font-size:15px;outline:none;min-height:44px;margin:0} :is(#bbk,#bbk-portal) .p-search:focus{border-color:var(--gold)} :is(#bbk,#bbk-portal) .p-search::placeholder{color:rgba(255,255,255,.5)} :is(#bbk,#bbk-portal) .pgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px} :is(#bbk,#bbk-portal) .pcard{position:relative;background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;text-align:left;transition:transform .2s,border-color .2s} :is(#bbk,#bbk-portal) .pcard:hover{transform:translateY(-3px);border-color:#3a3a3b} :is(#bbk,#bbk-portal) .pcard.is-hidden{display:none} :is(#bbk,#bbk-portal) .pcard .pimg{aspect-ratio:1/1;background:#000;position:relative;overflow:hidden} :is(#bbk,#bbk-portal) .pcard .pimg img{width:100%;height:100%;object-fit:cover} :is(#bbk,#bbk-portal) .pcard .pimg .img-fallback b{font-size:15px} :is(#bbk,#bbk-portal) .pcard .pb{padding:10px 12px 12px;display:flex;flex-direction:column;gap:4px;flex:1} :is(#bbk,#bbk-portal) .pcard h3{font-size:14px;font-weight:700;line-height:1.25} :is(#bbk,#bbk-portal) .pcard .pcat{font-size:11px;opacity:.8;text-transform:uppercase;letter-spacing:.06em} :is(#bbk,#bbk-portal) .pcard .pf{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:6px;padding-top:6px} :is(#bbk,#bbk-portal) .pcard .price b{font-size:22px} :is(#bbk,#bbk-portal) .pcard .price .cents{font-size:13px} :is(#bbk,#bbk-portal) .pcard .padd{width:36px;height:36px;border-radius:50%;background:var(--wa);color:#fff;font-size:22px;font-weight:800;line-height:1;display:grid;place-items:center;flex:none;box-shadow:0 6px 14px -6px rgba(37,211,102,.8)} :is(#bbk,#bbk-portal) .p-empty{grid-column:1/-1;opacity:.85;padding:20px 4px} :is(#bbk,#bbk-portal) .m-desc{font-size:14.5px;line-height:1.5;white-space:pre-line} :is(#bbk,#bbk-portal) .m-peso{margin:-4px 0 0;font-size:14px;color:var(--kraft,#cbbba7)}:is(#bbk,#bbk-portal) .m-peso b{color:#fff} :is(#bbk,#bbk-portal) .pcard .ppeso{display:block;margin-top:2px;font-size:12px;font-weight:600;color:var(--kraft,#cbbba7)} /* ---------- Nossas marcas ---------- */ :is(#bbk,#bbk-portal) .brands{margin:4px 0 22px} :is(#bbk,#bbk-portal) .brands-head{display:flex;justify-content:space-between;align-items:baseline;gap:4px 12px;margin-bottom:10px;flex-wrap:wrap} :is(#bbk,#bbk-portal) .brands-head h3{font-family:"League Spartan",Spartan,Impact,sans-serif;font-weight:900;font-size:24px;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap} :is(#bbk,#bbk-portal) .brands-head h3 span{background:linear-gradient(90deg,#f3cf8a,#e5a330 45%,#b5761c);-webkit-background-clip:text;background-clip:text;color:transparent} :is(#bbk,#bbk-portal) .brands-head small{font-size:13px;opacity:.85} :is(#bbk,#bbk-portal) .brand-row{display:flex;gap:12px;overflow-x:auto;padding:4px 2px 12px;scroll-snap-type:x mandatory;scrollbar-width:thin} :is(#bbk,#bbk-portal) .bcard{position:relative;flex:0 0 220px;scroll-snap-align:start;border-radius:18px;padding:1px;background:linear-gradient(140deg,rgba(255,224,138,.9),rgba(200,144,26,.25) 40%,rgba(255,255,255,.06) 70%,rgba(229,163,48,.6));cursor:pointer;text-align:left;transition:transform .25s ease, box-shadow .25s ease} :is(#bbk,#bbk-portal) .bcard:hover{transform:translateY(-3px);box-shadow:0 18px 36px -18px rgba(229,163,48,.45)} :is(#bbk,#bbk-portal) .bcard.on{box-shadow:0 0 0 2px var(--gold),0 18px 36px -18px rgba(229,163,48,.6)} :is(#bbk,#bbk-portal) .bcard .bin{height:100%;border-radius:17px;padding:14px 14px 12px;background:radial-gradient(120% 90% at 0% 0%,rgba(229,163,48,.14),transparent 55%),linear-gradient(180deg,#19191a,#0f0f10);display:flex;flex-direction:column;gap:6px;overflow:hidden;position:relative} :is(#bbk,#bbk-portal) .bcard .bin:after{content:"";position:absolute;inset:-40% -60%;background:linear-gradient(105deg,transparent 45%,rgba(255,255,255,.08) 50%,transparent 55%);transform:translateX(-60%);transition:transform .8s ease} :is(#bbk,#bbk-portal) .bcard:hover .bin:after{transform:translateX(60%)} :is(#bbk,#bbk-portal) .bcard .blogo{height:40px;display:flex;align-items:center} :is(#bbk,#bbk-portal) .bcard .blogo img{max-height:40px;max-width:150px;object-fit:contain} :is(#bbk,#bbk-portal) .bcard .bmono{font-family:"League Spartan",Spartan,Impact,sans-serif;font-weight:900;font-size:26px;line-height:1;letter-spacing:.03em;text-transform:uppercase;background:linear-gradient(90deg,#f6e3c2,#e5a330);-webkit-background-clip:text;background-clip:text;color:transparent} :is(#bbk,#bbk-portal) .bcard .bflags{font-size:16px;letter-spacing:2px} :is(#bbk,#bbk-portal) .bcard .bgroup{font-size:12px;text-transform:uppercase;letter-spacing:.08em;opacity:.85} :is(#bbk,#bbk-portal) .bcard .bregion{font-size:13px;font-weight:600} :is(#bbk,#bbk-portal) .bcard .bhl{font-size:12.5px;line-height:1.4;opacity:.92;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} :is(#bbk,#bbk-portal) .bcard .bcount{margin-top:auto;font-size:12px;font-weight:700;color:var(--gold)} :is(#bbk,#bbk-portal) .pcard .bchip{position:absolute;left:8px;top:8px;z-index:1;background:rgba(10,10,10,.78);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(229,163,48,.55);color:#f3cf8a;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;border-radius:999px} :is(#bbk,#bbk-portal) .m-brand{border-radius:14px;padding:1px;background:linear-gradient(140deg,rgba(255,224,138,.8),rgba(200,144,26,.2) 50%,rgba(229,163,48,.5))} :is(#bbk,#bbk-portal) .m-brand > div{border-radius:13px;background:linear-gradient(180deg,#1a1a1b,#111);padding:12px 14px;display:flex;flex-direction:column;gap:4px} :is(#bbk,#bbk-portal) .m-brand .t{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--gold);font-weight:800} :is(#bbk,#bbk-portal) .m-brand b{font-size:16px} :is(#bbk,#bbk-portal) .m-brand span{font-size:13.5px} :is(#bbk,#bbk-portal) .brand-clear{display:inline-flex;align-items:center;gap:6px;margin:0 0 10px;font-weight:700;font-size:13px;color:var(--gold);text-decoration:underline;text-underline-offset:3px} /* ---------- Pedido (carrinho) ---------- */ :is(#bbk,#bbk-portal) [hidden]{display:none!important} :is(#bbk,#bbk-portal) .btn svg{width:20px;height:20px;flex:none} :is(#bbk,#bbk-portal) .btn-ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.35);padding:12px 18px} :is(#bbk,#bbk-portal) .btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.06)} :is(#bbk,#bbk-portal) .added{display:flex;flex-direction:column;gap:12px;animation:bb-pop .3s ease} :is(#bbk,#bbk-portal) .added-msg{display:flex;flex-direction:column;gap:2px;background:rgba(37,211,102,.12);border:1px solid rgba(37,211,102,.45);border-radius:12px;padding:10px 12px} :is(#bbk,#bbk-portal) .added-msg b{color:var(--wa);font-size:15px} :is(#bbk,#bbk-portal) .added-msg span{font-size:13.5px} :is(#bbk,#bbk-portal) .added-actions{display:flex;gap:10px;flex-wrap:wrap} :is(#bbk,#bbk-portal) .sheet .added-actions .btn{flex:1 1 180px;width:auto;margin:0;padding:14px 16px;font-size:15px;animation:none} :is(#bbk,#bbk-portal) .cartbar{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:45;width:min(560px,calc(100% - 32px))} :is(#bbk,#bbk-portal) .cartbar button{width:100%;display:flex;align-items:center;gap:12px;background:var(--red);color:#fff;border-radius:999px;padding:8px 8px 8px 10px;box-shadow:0 14px 34px -10px rgba(215,25,31,.8);font-weight:800;animation:bb-pop .3s ease} :is(#bbk,#bbk-portal) .cartbar.bump button{animation:bb-bump .5s ease} @keyframes bb-bump{30%{transform:scale(1.04)}} :is(#bbk,#bbk-portal) .cb-ico{position:relative;width:42px;height:42px;border-radius:50%;background:rgba(0,0,0,.22);display:grid;place-items:center;flex:none} :is(#bbk,#bbk-portal) .cb-ico svg{width:22px;height:22px} :is(#bbk,#bbk-portal) .cb-ico i{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;border-radius:999px;background:var(--gold);color:#1a1300;font-style:normal;font-size:11px;font-weight:800;display:grid;place-items:center;padding:0 5px} :is(#bbk,#bbk-portal) .cb-txt{display:flex;flex-direction:column;line-height:1.15;text-align:left;flex:1;min-width:0} :is(#bbk,#bbk-portal) .cb-txt b{font-family:"League Spartan",Spartan,Impact,sans-serif;font-weight:900;font-size:20px} :is(#bbk,#bbk-portal) .cb-txt small{font-size:12px;font-weight:600} :is(#bbk,#bbk-portal) .cb-go{background:#fff;color:var(--red);border-radius:999px;padding:11px 16px;font-size:14px;white-space:nowrap} #bbk-portal.has-cart .fab{bottom:92px} :is(#bbk,#bbk-portal) .toast{position:fixed;left:50%;top:20px;transform:translateX(-50%);z-index:10001;width:max-content;max-width:calc(100% - 32px);background:#262527;border:1px solid rgba(37,211,102,.55);color:#fff;padding:12px 18px;border-radius:999px;font-weight:700;font-size:14px;text-align:center;box-shadow:0 12px 30px rgba(0,0,0,.5);animation:bb-pop .25s ease} :is(#bbk,#bbk-portal) .co-sheet{display:block;max-width:600px;overflow-y:auto} :is(#bbk,#bbk-portal) .co-sheet .info{overflow:visible} :is(#bbk,#bbk-portal) .co-body{display:flex;flex-direction:column;gap:14px} :is(#bbk,#bbk-portal) .sheet ul.co-items{gap:10px} :is(#bbk,#bbk-portal) .sheet .co-items li{align-items:center;gap:12px;background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:8px} :is(#bbk,#bbk-portal) .sheet .co-items li::before{content:none} :is(#bbk,#bbk-portal) .co-items img{width:56px;height:56px;border-radius:10px;object-fit:cover;flex:none;background:#000} :is(#bbk,#bbk-portal) .co-it{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px} :is(#bbk,#bbk-portal) .co-it b{font-size:14px;line-height:1.2} :is(#bbk,#bbk-portal) .co-it small{font-size:12.5px;color:var(--gold);font-weight:700} :is(#bbk,#bbk-portal) .co-items .stepper button{width:32px;height:32px;font-size:17px} :is(#bbk,#bbk-portal) .co-items .stepper output{min-width:44px;font-size:13px} :is(#bbk,#bbk-portal) .co-rm{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.08);font-size:16px;flex:none} :is(#bbk,#bbk-portal) .co-rm:hover{background:rgba(152,18,17,.3)} :is(#bbk,#bbk-portal) .link-btn{color:var(--gold);font-weight:700;font-size:14px;text-decoration:underline;text-underline-offset:3px;align-self:flex-start} :is(#bbk,#bbk-portal) .link-btn.danger{color:#ff8a80;font-size:12.5px;align-self:center} :is(#bbk,#bbk-portal) .co-sub{display:flex;justify-content:space-between;align-items:baseline;border-top:1px dashed #3a3a3b;padding-top:12px;font-weight:700} :is(#bbk,#bbk-portal) .co-sub b{font-family:"League Spartan",Spartan,Impact,sans-serif;font-weight:900;font-size:30px;color:var(--gold)} :is(#bbk,#bbk-portal) .co-empty{background:var(--bg);border:1px dashed #3a3a3b;border-radius:12px;padding:16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px} :is(#bbk,#bbk-portal) .co-empty .link-btn{align-self:center} :is(#bbk,#bbk-portal) #co-form{display:flex;flex-direction:column;gap:12px} :is(#bbk,#bbk-portal) .field{display:flex;flex-direction:column;gap:6px;border:0;min-width:0;flex:1;margin:0;padding:0} :is(#bbk,#bbk-portal) .field > span{font-size:13px;font-weight:700} :is(#bbk,#bbk-portal) .field :is(input,select,textarea){width:100%;background:var(--bg);color:#fff;border:1px solid #3a3a3b;border-radius:12px;padding:12px 14px;font:inherit;font-size:15px;line-height:1.3;outline:none;box-shadow:none;height:auto;min-height:46px;margin:0;-webkit-appearance:none;appearance:none} :is(#bbk,#bbk-portal) .field select{background-image:linear-gradient(45deg,transparent 50%,#fff 50%),linear-gradient(135deg,#fff 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat;padding-right:40px} :is(#bbk,#bbk-portal) .field select option{background:#262527;color:#fff} :is(#bbk,#bbk-portal) .field :is(input,select,textarea)::placeholder{color:rgba(255,255,255,.45)} :is(#bbk,#bbk-portal) .field :is(input,select,textarea):focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(229,163,48,.18)} :is(#bbk,#bbk-portal) .field.err :is(input,select,textarea){border-color:var(--red-2);box-shadow:0 0 0 3px rgba(152,18,17,.2)} :is(#bbk,#bbk-portal) .field.err .seg b{border-color:var(--red-2);box-shadow:0 0 0 3px rgba(152,18,17,.2)} :is(#bbk,#bbk-portal) .field textarea{resize:vertical;min-height:64px} :is(#bbk,#bbk-portal) .row{display:flex;gap:10px} :is(#bbk,#bbk-portal) .w-cep{flex:0 0 150px} :is(#bbk,#bbk-portal) .w-num{flex:0 0 110px} :is(#bbk,#bbk-portal) .seg{display:grid;grid-template-columns:1fr 1fr;gap:8px} :is(#bbk,#bbk-portal) .seg label{position:relative;cursor:pointer} :is(#bbk,#bbk-portal) .seg input{position:absolute;opacity:0;pointer-events:none} :is(#bbk,#bbk-portal) .seg b{display:flex;align-items:center;justify-content:center;gap:6px;min-height:52px;border:1.5px solid #3a3a3b;border-radius:12px;font-size:14.5px;background:var(--bg);transition:all .2s;text-align:center;padding:6px} :is(#bbk,#bbk-portal) .seg input:checked + b{border-color:var(--gold);background:rgba(229,163,48,.12);color:var(--gold)} :is(#bbk,#bbk-portal) .seg input:focus-visible + b{outline:2px solid var(--gold);outline-offset:2px} :is(#bbk,#bbk-portal) .co-pickup{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-size:13.5px} :is(#bbk,#bbk-portal) .co-pickup a{color:var(--gold);font-weight:700} :is(#bbk,#bbk-portal) .co-delivery{display:flex;flex-direction:column;gap:12px;background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:14px;padding:12px;animation:bb-pop .25s ease} :is(#bbk,#bbk-portal) .co-hint{font-size:12.5px} :is(#bbk,#bbk-portal) .co-quote{border-radius:12px;padding:10px 12px;font-size:14px;font-weight:600;background:var(--bg);border:1px solid var(--line)} :is(#bbk,#bbk-portal) .co-quote.ok{border-color:rgba(37,211,102,.55);background:rgba(37,211,102,.1)} :is(#bbk,#bbk-portal) .co-quote.out{border-color:rgba(152,18,17,.6);background:rgba(152,18,17,.12)} :is(#bbk,#bbk-portal) .co-quote.loading{opacity:.8} :is(#bbk,#bbk-portal) .co-bands{font-size:12px;opacity:.9} :is(#bbk,#bbk-portal) .co-lines{display:flex;flex-direction:column;gap:4px;border-top:1px dashed #3a3a3b;padding-top:12px} :is(#bbk,#bbk-portal) .co-lines div{display:flex;justify-content:space-between;font-weight:600} :is(#bbk,#bbk-portal) .co-lines .co-total{font-size:16px} :is(#bbk,#bbk-portal) .co-lines .co-total b{font-family:"League Spartan",Spartan,Impact,sans-serif;font-weight:900;font-size:30px;color:var(--gold)} :is(#bbk,#bbk-portal) .seg label.is-off{opacity:.45;pointer-events:none} :is(#bbk,#bbk-portal) .paused-banner{background:rgba(152,18,17,.14);border:1px solid rgba(152,18,17,.55);border-radius:14px;padding:12px 14px;margin-bottom:16px;font-weight:600} :is(#bbk,#bbk-portal) .co-sched{display:flex;flex-direction:column;gap:10px;background:rgba(229,163,48,.05);border:1px solid rgba(229,163,48,.35);border-radius:14px;padding:12px;animation:bb-pop .25s ease} :is(#bbk,#bbk-portal) .co-sched.err{border-color:var(--red-2);box-shadow:0 0 0 3px rgba(152,18,17,.2)} :is(#bbk,#bbk-portal) .sch-days{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 0} :is(#bbk,#bbk-portal) .sch-days::-webkit-scrollbar{display:none} :is(#bbk,#bbk-portal) .sch-day{flex:0 0 auto;min-width:66px;display:flex;flex-direction:column;align-items:center;gap:1px;padding:8px 10px;border-radius:12px;border:1.5px solid #3a3a3b;background:var(--bg);transition:all .15s} :is(#bbk,#bbk-portal) .sch-day b{font-size:14px;font-weight:800} :is(#bbk,#bbk-portal) .sch-day small{font-size:12px;font-weight:600} :is(#bbk,#bbk-portal) .sch-day[aria-checked="true"]{border-color:var(--gold);background:var(--gold);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35)} :is(#bbk,#bbk-portal) .sch-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:6px;max-height:190px;overflow-y:auto;padding:2px} :is(#bbk,#bbk-portal) .sch-slot{padding:9px 4px;border-radius:10px;border:1.5px solid #3a3a3b;background:var(--bg);font-weight:700;font-size:14px;text-align:center;transition:all .15s} :is(#bbk,#bbk-portal) .sch-day:hover,:is(#bbk,#bbk-portal) .sch-slot:hover{border-color:#777} :is(#bbk,#bbk-portal) .sch-slot[aria-checked="true"]{border-color:var(--gold);background:rgba(229,163,48,.16);color:var(--gold)} :is(#bbk,#bbk-portal) .sch-hint{font-size:13px;font-weight:600} :is(#bbk,#bbk-portal) .co-error{background:rgba(152,18,17,.12);border:1px solid rgba(152,18,17,.5);border-radius:12px;padding:10px 12px;font-size:13.5px;font-weight:600} /* ---------- Responsive ---------- */ @media (max-width:1024px){ :is(#bbk,#bbk-portal) .grid{grid-template-columns:repeat(3,1fr)} :is(#bbk,#bbk-portal) .pgrid{grid-template-columns:repeat(4,1fr)} } @media (max-width:820px){ :is(#bbk,#bbk-portal) .grid{grid-template-columns:repeat(2,1fr);gap:12px} :is(#bbk,#bbk-portal) .pgrid{grid-template-columns:repeat(2,1fr);gap:10px} :is(#bbk,#bbk-portal) .store{grid-template-columns:1fr} :is(#bbk,#bbk-portal) .store > div{padding:20px 16px} :is(#bbk,#bbk-portal) .store-cta .btn{flex:1 1 100%} :is(#bbk,#bbk-portal) section.kits{padding:28px 0 32px} /* modal vira bottom sheet no celular */ :is(#bbk,#bbk-portal) .modal{align-items:flex-end;padding:0} :is(#bbk,#bbk-portal) .sheet{display:block;border-radius:22px 22px 0 0;max-height:94dvh;overflow-y:auto;animation:bb-up .3s cubic-bezier(.2,.9,.3,1)} @keyframes bb-up{from{transform:translateY(100%)}} :is(#bbk,#bbk-portal) .sheet .pic img{width:auto;height:52dvh;max-width:100%;object-fit:contain} :is(#bbk,#bbk-portal) .sheet .info{overflow:visible;padding:20px 16px 18px} :is(#bbk,#bbk-portal) .sheet .cta-wrap{position:sticky;bottom:0;background:var(--bg-2);padding:10px 0 4px;margin:0 -2px} } @media (max-width:480px){ :is(#bbk,#bbk-portal) .top .btn-wa .t{display:none} :is(#bbk,#bbk-portal) .top .btn-wa{padding:10px} :is(#bbk,#bbk-portal) .kit .body{padding:10px 10px 12px} :is(#bbk,#bbk-portal) .kit h3{font-size:13.5px} :is(#bbk,#bbk-portal) .kit .meta{display:none} :is(#bbk,#bbk-portal) .price b{font-size:23px} :is(#bbk,#bbk-portal) .price .cents{font-size:13px} :is(#bbk,#bbk-portal) .kit .go{width:32px;height:32px} :is(#bbk,#bbk-portal) .kit .go svg{width:17px;height:17px} :is(#bbk,#bbk-portal) .status{padding:12px} :is(#bbk,#bbk-portal) .cd-box{min-width:46px} :is(#bbk,#bbk-portal) .cd-box b{font-size:21px} :is(#bbk,#bbk-portal) .cd-sep{font-size:18px} :is(#bbk,#bbk-portal) .w-cep{flex:0 0 128px} :is(#bbk,#bbk-portal) .w-num{flex:0 0 96px} :is(#bbk,#bbk-portal) .cb-go{padding:10px 12px} } @media (prefers-reduced-motion:reduce){ :is(#bbk,#bbk-portal) *,:is(#bbk,#bbk-portal) *::before,:is(#bbk,#bbk-portal) *::after{animation:none!important;transition:none!important} } /* Ocupa a largura toda da tela mesmo dentro de um container centralizado (tema/Elementor), como no Will */ #boibrabo-kits { width: 100vw !important; max-width: none !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; padding: 0 !important; } html:has(#boibrabo-kits) { overflow-x: clip; } /* ================================================================== */ /* Produtos da loja: navegação por categorias (v2.3) */ /* ================================================================== */ :is(#bbk,#bbk-portal) .p-head h2 span{color:var(--gold)} :is(#bbk,#bbk-portal) .prods.is-main{padding-top:48px} :is(#bbk,#bbk-portal) .prods.is-main .p-head h2{font-size:clamp(40px,6vw,64px)} :is(#bbk,#bbk-portal) #p-status-slot .status{margin-bottom:18px} /* Marcas: faixa compacta de selos (toque para filtrar) */ :is(#bbk,#bbk-portal) .brands{display:flex;align-items:center;gap:14px;margin:4px 0 18px} :is(#bbk,#bbk-portal) .brands[hidden]{display:none!important} :is(#bbk,#bbk-portal) .brands-label{flex:none;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;line-height:1.2;color:var(--kraft);padding-right:14px;border-right:1px solid var(--line)} :is(#bbk,#bbk-portal) .brand-row{display:flex;gap:8px;overflow-x:auto;padding:4px 2px;scrollbar-width:none;scroll-snap-type:none;flex:1;min-width:0;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent)} :is(#bbk,#bbk-portal) .brand-row::-webkit-scrollbar{display:none} :is(#bbk,#bbk-portal) .brand-row .bcard{flex:0 0 auto;display:inline-flex;align-items:center;gap:10px;padding:9px 16px;border-radius:999px;border:1px solid rgba(229,163,48,.35);background:linear-gradient(180deg,#2c2b2d,#222123);box-shadow:none;transform:none;transition:border-color .2s,background .2s} :is(#bbk,#bbk-portal) .brand-row .bcard:hover{border-color:var(--gold);transform:none;box-shadow:none} :is(#bbk,#bbk-portal) .brand-row .bname{font-weight:900;font-size:14px;letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(90deg,#f6e3c2,#e5a330);-webkit-background-clip:text;background-clip:text;color:transparent} :is(#bbk,#bbk-portal) .brand-row .blogo{height:22px;width:auto;max-width:110px;object-fit:contain} :is(#bbk,#bbk-portal) .brand-row .bmeta{font-size:12px;font-weight:700;color:var(--kraft);white-space:nowrap} :is(#bbk,#bbk-portal) .brand-row .bcard.on{background:var(--gold);border-color:var(--gold);box-shadow:0 6px 18px -8px rgba(229,163,48,.7)} :is(#bbk,#bbk-portal) .brand-row .bcard.on .bname{background:none;-webkit-text-fill-color:#1d1c1e;color:#1d1c1e} :is(#bbk,#bbk-portal) .brand-row .bcard.on .bmeta{color:#3a2a10} /* Barra fixa: busca + categorias */ :is(#bbk,#bbk-portal) .p-nav{position:sticky;top:64px;z-index:25;display:flex;align-items:center;gap:12px;margin:0 -16px;padding:10px 16px;background:rgba(29,28,30,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:box-shadow .2s,border-color .2s} :is(#bbk,#bbk-portal) .p-nav.is-stuck{border-bottom-color:var(--line);box-shadow:0 14px 24px -18px rgba(0,0,0,.9)} body.admin-bar :is(#bbk) header.top{top:32px} body.admin-bar :is(#bbk) .p-nav{top:96px} :is(#bbk,#bbk-portal) .p-searchbox{flex:0 1 320px;display:flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--bg-2);color:rgba(255,255,255,.55);transition:border-color .2s} :is(#bbk,#bbk-portal) .p-searchbox:focus-within{border-color:var(--gold);color:var(--gold)} :is(#bbk,#bbk-portal) .p-searchbox svg{width:18px;height:18px;flex:none} :is(#bbk,#bbk-portal) .p-searchbox .p-search{flex:1;min-width:0;max-width:none;min-height:42px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none} :is(#bbk,#bbk-portal) .p-cats-wrap{position:relative;flex:1;min-width:0;display:flex;align-items:center} :is(#bbk,#bbk-portal) .p-cats{display:flex;gap:8px;overflow-x:auto;padding:3px 2px;scrollbar-width:none;flex:1;min-width:0;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 28px),transparent)} :is(#bbk,#bbk-portal) .p-cats::-webkit-scrollbar{display:none} :is(#bbk,#bbk-portal) .p-cats .chip{flex:none;padding:9px 15px;font-size:14px} :is(#bbk,#bbk-portal) .p-cats .chip small{opacity:.7} :is(#bbk,#bbk-portal) .p-cats .chip[aria-selected="true"]{background:var(--gold);border-color:var(--gold);color:#1d1c1e} :is(#bbk,#bbk-portal) .p-arrow{position:absolute;top:50%;z-index:2;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:22px;line-height:1;background:#2c2b2d;border:1px solid var(--line);color:#fff;box-shadow:0 6px 16px -6px rgba(0,0,0,.9)} :is(#bbk,#bbk-portal) .p-arrow:hover{border-color:var(--gold);color:var(--gold)} :is(#bbk,#bbk-portal) .p-arrow.is-l{left:-6px} :is(#bbk,#bbk-portal) .p-arrow.is-r{right:-6px} :is(#bbk,#bbk-portal) .p-result{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:14px 0 0;padding:10px 14px;border-radius:12px;background:rgba(229,163,48,.08);border:1px solid rgba(229,163,48,.3);font-size:14px} :is(#bbk,#bbk-portal) .p-result .link-btn{align-self:center} /* Seções por categoria */ :is(#bbk,#bbk-portal) .pcat-sec{margin-top:30px} :is(#bbk,#bbk-portal) .pcat-head{display:flex;align-items:baseline;gap:12px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--line)} :is(#bbk,#bbk-portal) .pcat-head h3{font-family:"League Spartan",Spartan,Impact,sans-serif;font-weight:900;font-size:clamp(22px,2.6vw,28px);text-transform:uppercase;letter-spacing:-.01em;line-height:1} :is(#bbk,#bbk-portal) .pcat-head small{font-size:13px;font-weight:600;color:var(--kraft)} :is(#bbk,#bbk-portal) .pcat-head .share{margin-left:auto;align-self:center} @media (max-width:520px){:is(#bbk,#bbk-portal) .pcat-head .share-btn span{display:none}:is(#bbk,#bbk-portal) .pcat-head .share-btn{padding:8px}} :is(#bbk,#bbk-portal) .pcat-hint{margin-left:auto;font-size:12px;font-weight:700;color:var(--gold);white-space:nowrap} :is(#bbk,#bbk-portal) .pcat-sec.is-promo{margin-top:22px;padding:18px 18px 10px;border-radius:22px;border:1px solid rgba(229,163,48,.35);background:radial-gradient(80% 120% at 0 0,rgba(229,163,48,.16),transparent 60%),radial-gradient(60% 100% at 100% 100%,rgba(152,18,17,.25),transparent 60%),var(--bg-2)} :is(#bbk,#bbk-portal) .pcat-sec.is-promo .pcat-head{border-bottom-color:rgba(229,163,48,.25)} :is(#bbk,#bbk-portal) .prow{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(176px,214px);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 12px;scrollbar-width:thin;scrollbar-color:rgba(229,163,48,.5) transparent} :is(#bbk,#bbk-portal) .prow .pcard{scroll-snap-align:start} :is(#bbk,#bbk-portal) .pcard .pb h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em} :is(#bbk,#bbk-portal) .pcard .poff{position:absolute;right:8px;top:8px;z-index:1;padding:3px 9px;border-radius:999px;background:var(--gold);color:#1d1c1e;font-size:12px;font-weight:900;box-shadow:0 4px 12px -4px rgba(0,0,0,.6)} :is(#bbk,#bbk-portal) .pcard .was em{display:none} :is(#bbk,#bbk-portal) .pcard .pimg{background:#fff} :is(#bbk,#bbk-portal) .pcard .pimg .img-fallback{background:radial-gradient(circle at 50% 30%,rgba(152,18,17,.45),transparent 65%),#151416} :is(#bbk,#bbk-portal) .p-empty{text-align:center;padding:40px 10px;opacity:1} :is(#bbk,#bbk-portal) .p-empty .link-btn{align-self:center;margin-top:8px} @media (max-width:820px){ :is(#bbk,#bbk-portal) .p-nav{flex-wrap:wrap;gap:8px;padding:8px 16px} :is(#bbk,#bbk-portal) .p-searchbox{flex:1 1 100%;min-height:42px} :is(#bbk,#bbk-portal) .p-nav.is-stuck .p-searchbox:not(:focus-within){display:none} :is(#bbk,#bbk-portal) .p-arrow{display:none!important} :is(#bbk,#bbk-portal) .p-cats .chip{padding:8px 13px;font-size:13px} :is(#bbk,#bbk-portal) .brands{gap:10px} :is(#bbk,#bbk-portal) .brands-label{padding-right:10px;font-size:10px} :is(#bbk,#bbk-portal) .pcat-sec.is-promo{margin-left:-6px;margin-right:-6px;padding:14px 12px 8px} :is(#bbk,#bbk-portal) .prow{grid-auto-columns:minmax(150px,46%)} :is(#bbk,#bbk-portal) .pcat-hint{display:none} } @media (max-width:782px){ body.admin-bar :is(#bbk) header.top{top:46px} body.admin-bar :is(#bbk) .p-nav{top:110px} } @media (max-width:600px){ body.admin-bar :is(#bbk) header.top{top:0} body.admin-bar :is(#bbk) .p-nav{top:64px} } :is(#bbk,#bbk-portal) .p-search-btn{display:none;flex:none;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--bg-2);color:#fff;place-items:center} :is(#bbk,#bbk-portal) .p-search-btn svg{width:18px;height:18px} @media (max-width:820px){ :is(#bbk,#bbk-portal) .p-nav.is-stuck:not(.is-searching) .p-search-btn{display:grid} :is(#bbk,#bbk-portal) .p-nav.is-stuck.is-searching .p-searchbox{display:flex} :is(#bbk,#bbk-portal) .p-nav.is-stuck .p-cats-wrap{flex:1 1 0} } /* Marcas com setas */ :is(#bbk,#bbk-portal) .brand-wrap{flex:1;min-width:0} :is(#bbk,#bbk-portal) .brand-wrap .brand-row{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 28px),transparent)} /* Combos em destaque: todos à mostra, cartões maiores */ :is(#bbk,#bbk-portal) .pcat-sec.is-destaque{margin-top:26px;padding:20px 20px 22px;border-radius:22px;border:1px solid rgba(229,163,48,.45);background:radial-gradient(70% 120% at 100% 0,rgba(229,163,48,.18),transparent 60%),radial-gradient(60% 100% at 0 100%,rgba(152,18,17,.28),transparent 60%),var(--bg-2);box-shadow:0 24px 50px -30px rgba(229,163,48,.45)} :is(#bbk,#bbk-portal) .pcat-sec.is-destaque .pcat-head{border-bottom-color:rgba(229,163,48,.3)} :is(#bbk,#bbk-portal) .pcat-sec.is-destaque .pcat-head h3{color:var(--gold)} :is(#bbk,#bbk-portal) .pcat-sec.is-destaque .pgrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px} :is(#bbk,#bbk-portal) .pcat-sec.is-destaque .pcard{border-color:rgba(229,163,48,.35)} :is(#bbk,#bbk-portal) .pcat-sec.is-destaque .pcard h3{font-size:17px;-webkit-line-clamp:3} :is(#bbk,#bbk-portal) .pcat-sec.is-destaque .pcard .price b{font-size:28px} :is(#bbk,#bbk-portal) .pcat-sec.is-destaque .pcard .padd{width:44px;height:44px;font-size:26px} @media (max-width:1100px) and (min-width:821px){ :is(#bbk,#bbk-portal) .pcat-sec.is-destaque .pgrid{grid-template-columns:repeat(3,minmax(0,1fr))} } @media (max-width:820px){ :is(#bbk,#bbk-portal) .pcat-sec.is-destaque{margin-left:-6px;margin-right:-6px;padding:14px 12px 14px} :is(#bbk,#bbk-portal) .pcat-sec.is-destaque .pgrid{grid-template-columns:1fr 1fr;gap:10px} :is(#bbk,#bbk-portal) .pcat-sec.is-destaque .pcard h3{font-size:14px} :is(#bbk,#bbk-portal) .pcat-sec.is-destaque .pcard .price b{font-size:24px} } @media (max-width:480px){ :is(#bbk,#bbk-portal) .pcat-sec.is-destaque .pgrid{grid-template-columns:1fr} }