/* css/features.css — Recursos: banners, pop-up, admin de promoções e Monte seu kit */
  .promo-banners{max-width:1180px;margin:18px auto 4px;padding:0 24px;}
  .promo-banners.pb-hide{display:none !important;}
  .pb-frame{position:relative;border-radius:16px;overflow:hidden;background:#EEF0F4;aspect-ratio:4/1;}
  .pb-track{display:flex;height:100%;transition:transform .5s ease;}
  .pb-slide{flex:0 0 100%;display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:pointer;text-align:left;}
  .pb-slide.pb-static{cursor:default;}
  .pb-slide picture,.pb-slide img{display:block;width:100%;height:100%;}
  .pb-slide img{object-fit:cover;user-select:none;-webkit-user-drag:none;}
  .pb-arrow{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.88);color:var(--ink);font-size:1.4rem;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.18);opacity:0;transition:opacity .15s;}
  .pb-frame:hover .pb-arrow,.pb-arrow:focus-visible{opacity:1;}
  .pb-arrow.prev{left:10px;} .pb-arrow.next{right:10px;}
  .pb-dots{position:absolute;left:0;right:0;bottom:8px;display:flex;justify-content:center;gap:6px;pointer-events:none;}
  .pb-dots button{pointer-events:auto;width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.65);box-shadow:0 0 0 1px rgba(0,0,0,.15);padding:0;}
  .pb-dots button.on{background:#fff;width:20px;border-radius:100px;}
  @media (max-width:640px){
    .promo-banners{padding:0 16px;margin:12px auto 0;}
    .pb-frame{aspect-ratio:2/1;border-radius:14px;}
    .pb-arrow{display:none;}
  }
  /* ===== POP-UP ===== */
  .pp-overlay{position:fixed;inset:0;z-index:90;background:rgba(15,18,28,.58);display:flex;align-items:center;justify-content:center;padding:18px;opacity:0;transition:opacity .2s;}
  .pp-overlay.open{opacity:1;}
  .pp-box{position:relative;width:100%;max-width:440px;max-height:calc(100vh - 36px);overflow:auto;background:var(--surface,#fff);border-radius:20px;box-shadow:0 24px 60px rgba(0,0,0,.35);transform:translateY(14px) scale(.97);transition:transform .22s ease;outline:none;}
  .pp-overlay.open .pp-box{transform:none;}
  .pp-x{position:absolute;top:10px;right:10px;z-index:2;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.92);color:var(--ink);font-size:1.4rem;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.2);}
  .pp-img{aspect-ratio:16/10;background:#EEF0F4;}
  .pp-img img{width:100%;height:100%;object-fit:cover;display:block;}
  .pp-body{padding:22px 22px 20px;}
  .pp-body h3{font-family:var(--display);font-weight:800;font-size:1.3rem;letter-spacing:-0.01em;line-height:1.2;margin:0 28px 8px 0;}
  .pp-body p{color:var(--ink-soft);font-size:0.95rem;line-height:1.5;margin:0 0 4px;}
  .pp-coupon{display:flex;align-items:center;gap:10px;margin:14px 0 2px;padding:10px 12px;border:1.5px dashed var(--accent);background:var(--accent-soft);border-radius:12px;}
  .pp-coupon span{font-size:0.72rem;font-weight:700;color:var(--accent-ink);text-transform:uppercase;letter-spacing:.04em;}
  .pp-coupon code{flex:1;font-family:var(--mono);font-weight:700;font-size:1.05rem;letter-spacing:.04em;}
  .pp-coupon button{font-size:0.8rem;font-weight:700;color:var(--accent-ink);padding:6px 12px;background:#fff;border-radius:8px;border:1px solid var(--line);}
  .pp-actions{display:flex;flex-direction:column;gap:8px;margin-top:16px;}
  .pp-cta{display:block;text-align:center;background:var(--accent);color:#fff;font-weight:700;font-size:0.95rem;padding:13px 18px;border-radius:12px;text-decoration:none;box-shadow:0 3px 10px rgba(21,104,242,0.28);}
  .pp-later{font-size:0.85rem;color:var(--ink-soft);padding:8px;text-decoration:underline;}
  @media (prefers-reduced-motion:reduce){ .pp-overlay,.pp-box,.pb-track{transition:none !important;} }
  /* ===== ADMIN: banners e pop-ups ===== */
  .pa-tabs{display:flex;gap:8px;flex-wrap:wrap;}
  .pa-tabs button{font-weight:700;font-size:0.88rem;padding:9px 16px;border-radius:100px;background:var(--surface);border:1px solid var(--line);color:var(--ink-soft);}
  .pa-tabs button.on{background:var(--ink);border-color:var(--ink);color:#fff;}
  .pa-list{display:flex;flex-direction:column;gap:10px;}
  .pa-empty{padding:26px;text-align:center;color:var(--ink-soft);font-size:0.9rem;border:1px dashed var(--line);border-radius:12px;background:var(--surface);}
  .pa-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px;}
  .pa-rthumb{width:132px;height:50px;border-radius:8px;overflow:hidden;background:#EEF0F4;display:flex;align-items:center;justify-content:center;color:#A6ABB5;flex-shrink:0;}
  .pa-rthumb img{width:100%;height:100%;object-fit:cover;}
  .pa-rinfo{flex:1;min-width:180px;display:flex;flex-direction:column;gap:3px;align-items:flex-start;}
  .pa-rname{font-weight:700;font-size:0.95rem;}
  .pa-rsub{font-size:0.8rem;color:var(--ink-soft);overflow-wrap:anywhere;}
  .pa-chip{font-size:0.72rem;font-weight:700;border-radius:100px;padding:3px 10px;margin-top:2px;}
  .pa-chip.on{background:#EAF6E6;color:#25761B;} .pa-chip.off{background:#EEF0F4;color:#6B7280;}
  .pa-chip.wait{background:#FFF4DB;color:#8A5A00;} .pa-chip.end{background:#FDE7E5;color:#B3261E;}
  .pa-ractions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
  .pa-mini{display:flex;gap:6px;flex-wrap:wrap;}
  .pa-btn{font-size:0.78rem;font-weight:600;padding:7px 12px;border-radius:8px;background:#fff;border:1px solid var(--line);color:var(--ink);}
  .pa-btn:disabled{opacity:.35;cursor:default;}
  .pa-btn.danger{color:#B3261E;} .pa-btn.ghost{border-color:transparent;color:var(--ink-soft);text-decoration:underline;}
  .pa-hint{font-size:0.78rem;color:var(--ink-soft);line-height:1.4;}
  .pa-img{display:flex;gap:14px;align-items:center;flex-wrap:wrap;}
  .pa-thumb{background:#EEF0F4;border:1px dashed var(--line);border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#A6ABB5;font-size:0.78rem;}
  .pa-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
  .pa-thumb.wide{width:240px;aspect-ratio:4/1;} .pa-thumb.mid{width:180px;aspect-ratio:2/1;} .pa-thumb.photo{width:180px;aspect-ratio:16/10;}
  @media (max-width:640px){ .pa-rthumb{width:100%;height:64px;} }

  /* ===== MONTE SEU KIT (seção da vitrine) ===== */
  .kitb{max-width:1180px;margin:0 auto;padding:8px 24px 88px;scroll-margin-top:80px;}
  .kitb-head{margin-bottom:22px;max-width:640px;}
  .kitb-head h2{font-family:var(--display);font-weight:800;font-size:1.7rem;letter-spacing:-0.01em;margin:10px 0 6px;line-height:1.15;}
  .kitb-head p{color:var(--ink-soft);font-size:0.97rem;}
  .kitb-rules{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;}
  .kitb-rule{font-size:0.78rem;font-weight:600;color:var(--accent-ink);background:var(--accent-soft);border-radius:100px;padding:5px 12px;}
  .kitb-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start;}
  .kitb-cats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;}
  .kitb-cat{font-size:0.82rem;font-weight:600;padding:7px 14px;border-radius:100px;background:var(--surface);border:1px solid var(--line);color:var(--ink-soft);}
  .kitb-cat.active{background:var(--ink);border-color:var(--ink);color:#fff;}
  .kitb-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;}
  .kitb-item{display:flex;flex-direction:column;gap:10px;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius);padding:12px;transition:border-color .15s, box-shadow .15s;}
  .kitb-item.has{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset;}
  .kitb-item-top{display:flex;gap:12px;align-items:center;}
  .kitb-thumb{width:62px;height:62px;border-radius:10px;flex-shrink:0;background:#F1F2F5 center/cover no-repeat;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:800;font-size:1.3rem;color:#A6ABB5;overflow:hidden;}
  .kitb-name{font-weight:700;font-size:0.92rem;line-height:1.25;overflow-wrap:anywhere;}
  .kitb-cat-label{font-family:var(--mono);font-size:0.68rem;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.03em;margin-top:2px;}
  .kitb-price{font-family:var(--display);font-weight:800;font-size:0.98rem;color:var(--accent-ink);margin-top:3px;}
  .kitb-orig{text-decoration:line-through;color:var(--ink-soft);font-weight:600;font-size:0.8rem;margin-left:6px;}
  .kitb-tag{display:inline-block;margin-top:4px;font-size:0.68rem;font-weight:700;color:#25761B;background:#EAF6E6;border-radius:100px;padding:2px 8px;}
  .kitb-line s{color:var(--ink-soft);}
  .kitb-tag.tier{color:#0B3D91;background:#EAF1FE;}
  .kitb-line.gift{background:#F3FAF0;border-radius:10px;padding:7px 9px;margin:3px -9px;}
  .kitb-line.gift b{color:#25761B;font-family:var(--body);font-weight:800;}
  .kitb-item-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;}
  .kitb-step{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:100px;background:var(--bg);overflow:hidden;}
  .kitb-step button{width:34px;height:34px;font-size:1.1rem;font-weight:700;color:var(--ink);}
  .kitb-step button:disabled{opacity:.3;cursor:default;}
  .kitb-step button:not(:disabled):hover{background:var(--accent-soft);}
  .kitb-step span{min-width:28px;text-align:center;font-family:var(--mono);font-weight:600;font-size:0.9rem;}
  .kitb-colors{display:flex;flex-wrap:wrap;gap:6px;}
  .kitb-sw{width:22px;height:22px;border-radius:50%;border:2px solid transparent;padding:0;outline:1px solid var(--line);outline-offset:-1px;}
  .kitb-sw.sel{border-color:var(--surface);outline:2px solid var(--ink);}
  .kitb-sum{position:sticky;top:92px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 8px 28px rgba(20,20,30,0.07);}
  .kitb-sum h3{font-family:var(--display);font-weight:800;font-size:1.1rem;margin-bottom:12px;}
  .kitb-empty{font-size:0.9rem;color:var(--ink-soft);padding:14px;background:var(--bg);border:1px dashed var(--line);border-radius:12px;text-align:center;}
  .kitb-line{display:flex;justify-content:space-between;gap:12px;font-size:0.88rem;padding:5px 0;}
  .kitb-line small{display:block;color:var(--ink-soft);font-size:0.74rem;}
  .kitb-line b{font-family:var(--mono);font-weight:600;white-space:nowrap;}
  .kitb-sep{border:0;border-top:1px solid var(--line);margin:12px 0;}
  .kitb-row{display:flex;justify-content:space-between;gap:12px;font-size:0.9rem;padding:3px 0;}
  .kitb-row.disc{color:#25761B;font-weight:600;}
  .kitb-row span:last-child{white-space:nowrap;}
  .kitb-total{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:6px;}
  .kitb-total>span{font-weight:700;}
  .kitb-total strong{font-family:var(--display);font-weight:800;font-size:1.65rem;letter-spacing:-0.02em;}
  .kitb-total strong.pulse{animation:kbPulse .45s ease;}
  @keyframes kbPulse{0%{transform:scale(1);color:var(--ink);}40%{transform:scale(1.09);color:var(--accent);}100%{transform:scale(1);color:var(--ink);}}
  .kitb-each{font-size:0.78rem;color:var(--ink-soft);text-align:right;margin-top:2px;}
  .kitb-was{text-decoration:line-through;color:var(--ink-soft);font-size:0.85rem;margin-right:8px;font-family:var(--mono);}
  .kitb-nudge{margin-top:12px;display:flex;flex-direction:column;gap:6px;}
  .kitb-nudge div{background:#EEF4FF;border:1px solid #C9DBFB;border-radius:10px;padding:8px 11px;font-size:0.8rem;color:#0B3D91;line-height:1.35;}
  .kitb-nudge div.done{background:#EAF6E6;border-color:#BFE0B6;color:#25451C;}
  .kitb-note{width:100%;margin-top:12px;border:1px solid var(--line);border-radius:10px;padding:9px 11px;font-size:0.85rem;font-family:var(--body);resize:vertical;min-height:58px;}
  .kitb-note:focus{outline:2px solid var(--accent-soft);border-color:var(--accent);}
  .kitb-add{width:100%;margin-top:12px;background:var(--accent);color:#fff;font-weight:700;font-size:0.95rem;padding:13px 18px;border-radius:12px;box-shadow:0 3px 10px rgba(21,104,242,0.28);transition:transform .1s, opacity .15s;}
  .kitb-add:disabled{background:#C7CDD8;box-shadow:none;cursor:not-allowed;}
  .kitb-add:not(:disabled):active{transform:scale(.98);}
  .kitb-clear{display:block;margin:10px auto 0;font-size:0.8rem;color:var(--ink-soft);text-decoration:underline;}
  .kitb-bar{display:none;position:fixed;left:12px;right:76px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:35;background:var(--ink);color:#fff;border-radius:14px;padding:11px 16px;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 8px 24px rgba(0,0,0,.25);font-size:0.86rem;font-weight:600;text-align:left;}
  .kitb-bar strong{font-family:var(--display);font-size:1.02rem;font-weight:800;}
  .kitb-bar small{font-size:0.76rem;opacity:.8;font-weight:600;}
  @media (max-width:900px){ .kitb-grid{grid-template-columns:1fr;} .kitb-sum{position:static;} .kitb-bar.show{display:flex;} }
  @media (max-width:640px){ .kitb{padding:8px 16px 64px;} .kitb-head h2{font-size:1.4rem;} .kitb-list{grid-template-columns:1fr;} }
  @media (max-width:640px){ .faq{padding:8px 16px 64px;} .faq-title{font-size:1.25rem;} }