/* ==========================================================
   ANSEIO ÍNTIMO — Fase 20 Experiência Boutique
   Header com conta, categorias rápidas, menu premium, perfil.
========================================================== */
:root{
  --anseio-brand-red:#9b000b;
  --anseio-logo-red:#a60012;
  --anseio-lotus-pink:#f4a9b8;
  --anseio-bordeaux:#5f0008;
  --anseio-rose-bg:#fff7f8;
  --anseio-ink:#1d1012;
  --anseio-gold:#b1744b;
}
body{scroll-behavior:smooth}

/* LOGO PRINCIPAL — dobro visual */
.anseio-menu-header{
  min-height:132px!important;
  padding:16px clamp(16px,4vw,52px)!important;
  align-items:center!important;
  background:rgba(255,255,255,.86)!important;
  backdrop-filter:blur(18px)!important;
  border-bottom:1px solid rgba(155,0,11,.12)!important;
  box-shadow:0 18px 50px rgba(68,0,8,.08)!important;
  z-index:90!important;
}
.anseio-menu-logo{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:min(340px,58vw)!important;
  min-height:112px!important;
}
.anseio-menu-logo img{
  width:100%!important;
  max-width:340px!important;
  max-height:112px!important;
  height:auto!important;
  object-fit:contain!important;
  display:block!important;
  filter:drop-shadow(0 10px 20px rgba(155,0,11,.12))!important;
}
.anseio-menu-toggle{
  width:54px!important;height:54px!important;border-radius:999px!important;
  border:1px solid rgba(155,0,11,.18)!important;background:#fff!important;
  box-shadow:0 12px 28px rgba(120,0,7,.08)!important;
}
.anseio-menu-toggle span{background:var(--anseio-brand-red)!important;height:2px!important}
.anseio-menu-spacer{
  margin-left:auto!important;min-width:72px!important;
  display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;
}

/* Conta no cabeçalho */
.anseio-header-account{
  border:0;background:linear-gradient(135deg,#fff,#fff6f8);
  color:var(--anseio-bordeaux);
  display:flex;align-items:center;gap:10px;
  min-height:54px;padding:7px 12px 7px 7px;border-radius:999px;
  box-shadow:0 14px 36px rgba(120,0,7,.12);
  border:1px solid rgba(155,0,11,.14);
  cursor:pointer;font-weight:900;letter-spacing:.02em;
}
.anseio-header-avatar,.anseio-drawer-avatar,.anseio-profile-avatar{
  width:42px;height:42px;border-radius:50%;overflow:hidden;
  background:radial-gradient(circle at 35% 25%,#fff 0 15%,#f3b0bd 16% 45%,#8b000a 46% 100%);
  display:grid;place-items:center;color:#fff;font-weight:900;flex:0 0 auto;
  border:2px solid rgba(255,255,255,.9);box-shadow:0 8px 20px rgba(120,0,7,.16);
}
.anseio-header-avatar img,.anseio-drawer-avatar img,.anseio-profile-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.anseio-header-account small{display:block;font-size:10px;text-transform:uppercase;color:#98636b;line-height:1}
.anseio-header-account span{display:block;font-size:13px;line-height:1.1;max-width:116px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Categorias rápidas abaixo da logo */
.anseio-category-quickbar{
  position:sticky;top:0;z-index:80;
  background:rgba(255,255,255,.82);backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(155,0,11,.10);
  transition:transform .32s ease, opacity .32s ease;
  box-shadow:0 16px 40px rgba(90,0,10,.06);
}
.anseio-category-quickbar.is-hidden{transform:translateY(-110%);opacity:0;pointer-events:none}
.anseio-category-inner{
  max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:center;gap:10px;
  padding:10px 14px;overflow-x:auto;scrollbar-width:none;
}
.anseio-category-inner::-webkit-scrollbar{display:none}
.anseio-category-pill{
  flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;text-decoration:none;
  color:var(--anseio-bordeaux);font-weight:900;letter-spacing:.05em;text-transform:uppercase;
  font-size:11px;background:#fff;border:1px solid rgba(155,0,11,.13);border-radius:999px;
  padding:10px 14px;box-shadow:0 10px 22px rgba(120,0,7,.07);
  transition:.22s ease;
}
.anseio-category-pill:hover,.anseio-category-pill.is-active{
  transform:translateY(-2px);background:linear-gradient(135deg,var(--anseio-brand-red),#b84d4d);
  color:#fff;border-color:transparent;
}
.anseio-category-icon{font-size:16px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.08))}

/* Menu lateral boutique */
.anseio-drawer{
  width:min(430px,94vw)!important;background:linear-gradient(180deg,#fff 0%,#fff8f9 55%,#fff 100%)!important;
  border-right:1px solid rgba(155,0,11,.13)!important;box-shadow:30px 0 80px rgba(55,0,8,.18)!important;
}
.anseio-drawer-head{
  min-height:160px!important;display:flex!important;align-items:center!important;justify-content:center!important;
  padding:22px 78px 18px 26px!important;border-bottom:1px solid rgba(155,0,11,.12)!important;
  background:radial-gradient(circle at 50% 10%,rgba(244,169,184,.22),transparent 55%),#fff!important;
  position:relative!important;
}
.anseio-drawer-head a{display:flex!important;justify-content:center!important;width:100%!important}
.anseio-drawer-head img{
  max-width:min(285px,70vw)!important;max-height:120px!important;object-fit:contain!important;margin:auto!important;
  filter:drop-shadow(0 12px 22px rgba(155,0,11,.14))!important;
}
.anseio-drawer-close{
  position:absolute!important;right:20px!important;top:26px!important;width:50px!important;height:50px!important;
  border-radius:50%!important;background:var(--anseio-brand-red)!important;color:#fff!important;border:0!important;
  box-shadow:0 14px 34px rgba(155,0,11,.2)!important;
}
.anseio-drawer-content{padding:22px!important}
.anseio-drawer-kicker{
  color:var(--anseio-brand-red)!important;letter-spacing:.18em!important;font-size:12px!important;font-weight:900!important;
}
.anseio-drawer-nav{
  display:grid!important;gap:9px!important;margin-top:14px!important;
}
.anseio-drawer-nav a{
  min-height:54px!important;border-radius:18px!important;background:#fff!important;border:1px solid rgba(155,0,11,.12)!important;
  color:#8e000a!important;box-shadow:0 10px 28px rgba(90,0,10,.045)!important;
  transition:.2s ease!important;font-weight:900!important;letter-spacing:.08em!important;
}
.anseio-drawer-nav a:hover{transform:translateX(4px)!important;background:#fff5f6!important}
.anseio-drawer-nav a[aria-current="page"]{background:linear-gradient(135deg,var(--anseio-brand-red),#c07178)!important;color:#fff!important}
.anseio-auth-box{border-radius:26px!important;border:1px solid rgba(155,0,11,.12)!important;box-shadow:0 16px 42px rgba(90,0,10,.08)!important;background:#fff!important}
.anseio-auth-box .anseio-client-hint{display:none!important}

/* Conta dentro do menu: avatar + apenas Minha Conta / Preferências / Sair */
.anseio-user-box{
  border:1px solid rgba(155,0,11,.12)!important;border-radius:28px!important;
  background:linear-gradient(180deg,#fff,#fff7f8)!important;box-shadow:0 18px 48px rgba(90,0,10,.09)!important;
  padding:18px!important;margin-top:18px!important;
}
.anseio-drawer-profile-card{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.anseio-drawer-avatar{width:62px;height:62px;font-size:24px}
.anseio-drawer-profile-card b{display:block;color:#4b171c;font-size:16px}
.anseio-drawer-profile-card span{display:block;color:#8b6268;font-size:12px;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.anseio-user-box .anseio-account-actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
.anseio-user-box .anseio-account-action,
.anseio-user-box .anseio-preferences-open{
  width:100%;min-height:52px;border-radius:17px;border:1px solid rgba(155,0,11,.12);
  display:flex;align-items:center;justify-content:space-between;text-decoration:none;
  background:#fff;color:#8e000a;padding:0 14px;font-weight:900;box-shadow:0 9px 24px rgba(90,0,10,.04);
}
.anseio-user-box .anseio-account-action:not([href*="minha-conta"]):not([data-logout]),
.anseio-user-box .anseio-lia-link,
.anseio-user-box a[href*="favoritos"],
.anseio-user-box a[href*="carrinho"],
.anseio-user-box a[href*="rastrear"]{display:none!important}
.anseio-user-box .anseio-user-name,.anseio-user-box .anseio-user-email{display:none!important}
.anseio-drawer-footer{text-align:center!important;color:#8b6268!important;margin-top:22px!important}

/* Preferências do cliente */
.anseio-pref-modal{position:fixed;inset:0;z-index:9999;background:rgba(32,0,8,.55);backdrop-filter:blur(10px);display:none;align-items:center;justify-content:center;padding:18px}
.anseio-pref-modal.is-open{display:flex}
.anseio-pref-card{width:min(560px,96vw);background:#fff;border-radius:32px;box-shadow:0 34px 110px rgba(60,0,8,.28);overflow:hidden;border:1px solid rgba(155,0,11,.12)}
.anseio-pref-head{padding:24px 26px;background:linear-gradient(135deg,#8e000a,#f0a7b6);color:#fff;display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.anseio-pref-head h3{margin:0;font-size:25px;color:#fff}
.anseio-pref-head p{margin:5px 0 0;color:rgba(255,255,255,.85)}
.anseio-pref-close{border:0;background:rgba(255,255,255,.18);color:#fff;width:44px;height:44px;border-radius:50%;font-size:24px}
.anseio-pref-body{padding:24px;display:grid;gap:20px}
.anseio-pref-group strong{display:block;color:#550007;margin-bottom:10px;text-transform:uppercase;letter-spacing:.1em;font-size:12px}
.anseio-pref-options{display:flex;flex-wrap:wrap;gap:9px}
.anseio-pref-chip{position:relative}
.anseio-pref-chip input{position:absolute;opacity:0}
.anseio-pref-chip span{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(155,0,11,.15);border-radius:999px;padding:10px 13px;background:#fff;color:#65121a;font-weight:800;cursor:pointer}
.anseio-pref-chip input:checked+span{background:#8e000a;color:#fff;border-color:#8e000a;box-shadow:0 10px 24px rgba(155,0,11,.18)}
.anseio-pref-save{min-height:52px;border:0;border-radius:18px;background:linear-gradient(135deg,#8e000a,#b65b62);color:#fff;font-weight:900}

/* Profile supplement */
.anseio-profile-supplement{border:1px solid rgba(155,0,11,.12);background:#fff8f9;border-radius:24px;padding:15px;margin:12px 0;display:flex;align-items:center;gap:13px}
.anseio-profile-avatar{width:70px;height:70px;font-size:28px}
.anseio-profile-supplement b{color:#5a0008;display:block}.anseio-profile-supplement span{color:#835e63;font-size:12px;display:block;margin:3px 0 8px}
.anseio-profile-supplement label,.anseio-profile-supplement button{border:1px solid rgba(155,0,11,.13);border-radius:999px;background:#fff;color:#8e000a;font-weight:900;padding:8px 11px;font-size:12px;cursor:pointer}
.anseio-profile-supplement input{display:none}

/* Admin — visual Anseio, avatar proprietária */
body:has(#app) .sidebar{background:linear-gradient(180deg,#150407,#090909)!important}
body:has(#app) .brand{background:radial-gradient(circle at top left,rgba(244,169,184,.24),transparent 50%)!important}
body:has(#app) .logo{background:linear-gradient(135deg,#9b000b,#f2a8b7)!important;color:#fff!important}
body:has(#app) .top{background:rgba(255,255,255,.96)!important;color:#17080a!important;border-bottom:1px solid rgba(155,0,11,.12)!important;box-shadow:0 14px 36px rgba(0,0,0,.08)!important}
body:has(#app) .top .crumb,body:has(#app) .top .muted{color:#815e63!important}
body:has(#app) .top .title{color:#7b0008!important}
.anseio-admin-owner{display:flex;align-items:center;gap:10px;margin-left:8px;padding:7px;border-radius:999px;background:#fff;border:1px solid rgba(155,0,11,.14);box-shadow:0 8px 22px rgba(120,0,7,.10)}
.anseio-admin-owner-avatar{width:42px;height:42px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#9b000b,#f2a8b7);display:grid;place-items:center;color:#fff;font-weight:900}
.anseio-admin-owner-avatar img{width:100%;height:100%;object-fit:cover}
.anseio-admin-owner label{font-size:11px;color:#790008;font-weight:900;cursor:pointer;display:grid;line-height:1.05}
.anseio-admin-owner input{display:none}
.anseio-admin-owner small{font-weight:500;color:#89656a}

/* Responsivo */
@media(max-width:760px){
  .anseio-menu-header{min-height:118px!important;padding:12px 14px!important}
  .anseio-menu-logo{width:min(265px,58vw)!important;min-height:98px!important}
  .anseio-menu-logo img{max-height:98px!important}
  .anseio-header-account{padding:6px;width:54px;height:54px;justify-content:center}
  .anseio-header-account div{display:none}
  .anseio-category-inner{justify-content:flex-start}
  .anseio-category-pill{font-size:10px;padding:9px 12px}
}