/* Detalhes da vitrine que vêm do painel: faixa do topo, etiqueta e preço riscado dos produtos, mapa */
.topbar{background:var(--red);color:#fff;font-weight:600;font-size:13px;text-align:center;padding:7px 10px;letter-spacing:.4px}

.card .img{position:relative;overflow:hidden}
.card .tg{position:absolute;top:10px;left:10px;z-index:1;background:var(--red);color:#fff;font-size:11px;font-weight:700;padding:3px 9px;border-radius:4px;text-transform:uppercase}
.card .tg.off{background:#444;color:#ddd}
.price s{display:block;color:var(--muted);font-family:'Inter',system-ui,sans-serif;font-size:.75rem;font-weight:400}
.est{font-size:.8rem;color:#5be584;font-weight:600}

.map{margin-top:12px;border-radius:10px;overflow:hidden}
.map iframe{display:block;width:100%;height:260px;border:0}

/* Parcelas do cartão no carrinho */
.parcelas{margin:10px 0;border:1px solid var(--line);border-radius:10px;padding:8px 12px;background:var(--card)}
.parcelas summary{cursor:pointer;font-weight:600;color:var(--hi)}
.parcelas .par{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--line);font-size:.9rem}
.parcelas .par small{color:var(--muted)}
.parcelas p{margin:8px 0 0}
#parcelasList{max-height:220px;overflow:auto}

/* Autenticação de Clientes e Perfil */
.auth-box{display:flex;align-items:center;gap:8px}
.auth-btn{background:transparent;border:1px solid var(--line);color:var(--hi);padding:6px 14px;border-radius:999px;cursor:pointer;font-weight:600;display:inline-flex;align-items:center;gap:6px;font-size:13px;transition:all .2s ease}
.auth-btn:hover{border-color:var(--red);color:var(--red);background:rgba(var(--rgb),.08)}
.user-menu{display:flex;align-items:center;gap:6px;background:var(--card);padding:3px 8px 3px 12px;border-radius:999px;border:1px solid var(--line);transition:border-color .2s ease}
.user-menu:hover{border-color:var(--red)}
.user-profile-btn{background:none;border:none;color:var(--hi);font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:3px 4px;border-radius:6px;transition:color .2s ease}
.user-profile-btn:hover{color:var(--red)}
.user-gear-icon{font-size:12px;opacity:.7;transition:transform .3s ease}
.user-profile-btn:hover .user-gear-icon{transform:rotate(45deg);opacity:1}
.auth-logout-btn{background:rgba(255,50,50,.08);border:1px solid rgba(255,50,50,.2);color:var(--muted);cursor:pointer;font-size:11px;font-weight:600;padding:4px 8px;border-radius:999px;transition:all .2s ease}
.auth-logout-btn:hover{background:#ff2a1f;color:#fff;border-color:#ff2a1f}

.auth-card{max-width:440px;width:92%}
.auth-tabs,.profile-tabs{display:flex;gap:8px;margin-bottom:20px;border-bottom:1px solid var(--line);padding-bottom:10px}
.auth-tab{flex:1;background:transparent;border:none;color:var(--muted);font-size:15px;font-weight:600;padding:8px 0;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;text-align:center}
.auth-tab.on{color:var(--hi);border-bottom-color:var(--red)}
.link-btn{background:none;border:none;color:var(--red);font-weight:600;cursor:pointer;text-decoration:underline;padding:0;font-size:inherit}
.link-btn:hover{color:var(--hov)}

/* Modal de Perfil */
.profile-card{max-width:540px;width:94%}
.profile-header{display:flex;align-items:center;gap:14px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.profile-avatar{width:46px;height:46px;border-radius:50%;background:rgba(var(--rgb),.12);color:var(--red);display:flex;align-items:center;justify-content:center;font-size:24px;border:1px solid var(--red)}
.profile-meta h2{margin:0 0 2px;font-size:1.35rem}
.profile-meta p{margin:0}
.profile-actions{display:flex;flex-direction:column;gap:10px;margin-top:16px}
.danger-btn{background:rgba(255,50,50,.08)!important;border-color:rgba(255,50,50,.4)!important;color:#ff5b5b!important;transition:all .2s ease}
.danger-btn:hover{background:#d92020!important;color:#fff!important;border-color:#d92020!important}
.success-msg{background:#0e3a1f;color:#5be584;padding:10px 14px;border-radius:8px;margin:12px 0 0;font-size:.9rem;border:1px solid rgba(91,229,132,.3)}
html[data-theme="light"] .success-msg{background:#dcfce7;color:#166534;border-color:#86efac}

/* Lista de pedidos no perfil e modal de pedidos */
.orders-nav-btn{background:transparent;border:1px solid var(--line);color:var(--hi);padding:6px 14px;border-radius:999px;cursor:pointer;font-weight:600;display:inline-flex;align-items:center;gap:6px;font-size:13px;transition:all .2s ease}
.orders-nav-btn:hover{border-color:var(--red);color:var(--red);background:rgba(var(--rgb),.08)}
.user-orders-btn{background:transparent;border:none;color:var(--hi);font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:4px;padding:3px 6px;border-radius:6px;transition:color .2s ease}
.user-orders-btn:hover{color:var(--red)}

.orders-card{max-width:600px;width:95%}
.orders-header{display:flex;align-items:center;gap:14px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.orders-avatar{width:46px;height:46px;border-radius:50%;background:rgba(var(--rgb),.12);color:var(--red);display:flex;align-items:center;justify-content:center;font-size:24px;border:1px solid var(--red)}
.orders-full-list{max-height:420px;overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding-right:4px}
.orders-modal-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:16px;padding-top:12px;border-top:1px solid var(--line)}

.order-box{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px;transition:border-color .2s ease}
.order-box:hover{border-color:var(--red)}
.order-box-head{display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding-bottom:8px}
.order-box-head b{font-size:1rem;color:var(--hi)}
.order-box-head small{color:var(--muted);font-size:.8rem}
.order-box-items{display:flex;flex-direction:column;gap:4px;font-size:.9rem}
.order-item-row{display:flex;justify-content:space-between;align-items:center;color:var(--hi)}
.order-item-row span{color:var(--muted)}
.order-box-meta{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--muted);margin-top:4px;border-top:1px dashed var(--line);padding-top:8px}
.order-box-foot{display:flex;justify-content:space-between;align-items:center;margin-top:4px}
.order-box-total{font-size:1.05rem;font-weight:700;color:var(--hi)}

.order-pix-box{background:rgba(var(--rgb),.06);border:1px solid var(--red);border-radius:8px;padding:10px 12px;margin-top:8px}
.order-pix-box p{margin:0 0 6px;font-size:.85rem;font-weight:600;color:var(--hi)}
.order-pix-row{display:flex;gap:8px}
.order-pix-row input{flex:1;background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:6px 10px;color:var(--hi);font-size:.8rem}
.order-pix-btn{background:var(--red);color:#fff;border:none;border-radius:6px;padding:6px 12px;cursor:pointer;font-weight:600;font-size:.8rem;white-space:nowrap}
.order-pix-btn:hover{background:var(--hov)}

.profile-orders-list{max-height:280px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-right:4px}
.profile-order-item{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.profile-order-info b{font-size:.95rem;color:var(--hi);display:block}
.profile-order-info small{color:var(--muted);display:block;margin-top:2px}
.profile-order-status{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.profile-order-badge{font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px;text-transform:uppercase}
.profile-order-badge.paid{background:#166534;color:#86efac}
.profile-order-badge.pending{background:#854d0e;color:#fde047}
.profile-order-badge.cancelled{background:#991b1b;color:#fca5a5}