/* Paleta Lolis: branco predominante e detalhes inspirados na marca.
   Altere estas variáveis para ajustar as cores do site inteiro. */
:root {
  --white: #ffffff;
  --cyan: #00c5e8;
  --pink: #f719ae;
  --lime: #a5e900;
  --purple: #a442e8;
  --yellow: #ffd21a;
  --ink: #252331;
  --muted: #696575;
  --line: #ebe9f0;
  --coral: var(--pink);
  --cream: var(--white);
}
body, header, .hero, .contact, footer { background: var(--white); }
.announcement { background: #faf8ff; color: var(--ink); border-bottom: 1px solid var(--line); }
.announcement span, .topline a { color: #7130a5; }
.logo { color: #00829b; }
.logo span { color: var(--muted); }
.search { background: #fff; border-color: #dcd7e7; }
.search button { color: #00829b; }
.bag span { background: #a12ab2; }
nav { background: #fff; color: var(--ink); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.navigation button.active { background: #fce9f7; color: #9f146e; box-shadow: inset 0 -3px var(--pink); }
.navigation button:hover { background: #f5faff; }
.hero { border-bottom: 1px solid var(--line); }
.hero h1 em { color: #a12ab2; }
.hero p, .hero-note { color: var(--muted); }
.hero-note > span { color: #00829b; }
.hero .eyebrow { color: #7130a5; }
.dark { background: #7925ad; color: #fff; }
.orbit { background: #eefbfe; }
.orbit:after { border-color: #d5f2f8; }
.spark { color: var(--yellow); }
.s2 { color: var(--purple); }
.tag { color: #7130a5; }
.notebook { background: #b3ed24; border-left-color: #719b08; box-shadow: 7px 12px 18px #719b081a; }
.notebook span { color: #304200; }
.bottle { background: linear-gradient(90deg,#00a9ce,#31d9f4 50%,#00b4db); color: #173a46; box-shadow: 10px 12px 20px #00829b26; }
.bottle-cap { background: linear-gradient(90deg,#006c82,#168ca4,#006c82); }
.gift-back { background: #b961ef; }
.gift-back:before { background: #ca87f7; }
.gift-back .ribbon { background: var(--yellow); }
.gift-back .ribbon:before, .gift-back .ribbon:after { border-color: var(--yellow); }
.gift-front { background: var(--pink); }
.gift-front:before { background: #ff68ca; }
.gift-front .ribbon { background: #fff2a6; }
.gift-front .ribbon:before, .gift-front .ribbon:after { border-color: #fff2a6; }
.gift-front > span { color: #451039; }
.round-label { background: #fff4bd; color: #624d00; }
.art-caption { color: #626070; }
.benefits b { border-color: #d6eef4; color: #00768d; background: #f7fdff; }
.benefits > div:nth-child(2) b { color: #a21774; border-color: #f9d5ed; background: #fff8fd; }
.benefits > div:nth-child(3) b { color: #7130a5; border-color: #e8d9f5; background: #fcf9ff; }
.benefits > div:nth-child(4) b { color: #526e00; border-color: #e1edbf; background: #fcfff5; }
.collection { background: #fff; border: 1px solid var(--line); }
.collection.coral { border-top: 4px solid var(--cyan); }
.collection.green { border-top: 4px solid var(--lime); }
.collection.yellow { border-top: 4px solid var(--yellow); }
.collection.coral i { color: #0096b0; }
.collection.green i { color: #689100; }
.collection.yellow i { color: #af8500; }
.collection small { color: #7130a5; }
.collection span { color: #655773; }
.filters button.active { background: #7925ad; border-color: #7925ad; }
.product-art { background: #fff; border: 1px solid var(--line); }
.product-art .label { background: #fff; color: #625b6f; border: 1px solid var(--line); }
.product-bottom button { color: #7130a5; border-color: #dfcbed; }
.product-bottom button:hover { background: #f7effd; }
.contact { border: 1px solid var(--line); border-top: 4px solid var(--cyan); }
.contact .eyebrow { color: #7130a5; }
.selection-item button { background: #f7ebff; color: #7130a5; }
#toast { background: #7130a5; }
:focus-visible { outline-color: #007b94; }

/* Cabeçalho, categorias e rodapé */
.utility-bar{border-bottom:1px solid var(--line);background:#fff}.utility-inner,.utility-links{display:flex;align-items:center;justify-content:space-between;gap:16px}.utility-inner{min-height:43px}.utility-inner button{border:0;background:none;padding:5px 0;color:var(--muted);font-size:12px}.utility-inner .contact-top{color:#00768d}.utility-links .social-mini{background:#7925ad;color:#fff;width:20px;height:20px;border-radius:4px;padding:0;font-size:16px;font-weight:bold}.header-actions{display:flex;gap:30px;align-items:center}.header-action{display:flex;align-items:center;gap:10px;background:none;border:0;white-space:nowrap;font-size:12px;color:var(--ink);padding:7px 0}.header-action svg{width:32px;height:32px;fill:none;stroke:#89848f;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}.bag.header-action>span{background:none;color:inherit;width:auto;height:auto;border-radius:0;margin:0;display:inline-block}.cart-symbol{position:relative}.cart-symbol b{position:absolute;top:-5px;right:-4px;font-size:9px;color:#fff;background:#7925ad;border-radius:20px;min-width:16px;height:16px;display:grid;place-items:center}.main-header{min-height:106px}.main-header .search{max-width:440px}.category-nav{position:relative;z-index:5}.nav-shell{position:relative}.navigation{width:100%;gap:0}.navigation button{text-transform:uppercase;font-size:11px;padding:18px 12px}.navigation #categorias-toggle{font-weight:bold;background:#fce9f7;color:#9f146e;box-shadow:inset 0 -3px var(--pink);flex-shrink:0}.mega-menu{position:absolute;top:100%;left:0;width:100%;background:white;padding:24px 14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;border:1px solid var(--line);border-top:3px solid var(--cyan);border-radius:0 0 10px 10px;box-shadow:0 16px 30px #342b4521;max-height:min(650px,70vh);overflow:auto}.category-column{display:flex;flex-direction:column;gap:2px}.category-link{text-align:left;background:white;border:0;border-radius:4px;padding:8px 10px;font-size:12px;line-height:1.35;color:var(--ink)}.category-link.featured{font-weight:700}.category-link:hover,.category-link:focus-visible{background:#f7effd;color:#7130a5}.site-footer{display:block;max-width:none;width:100%;padding:0;border-top:1px solid var(--line);background:#fff}.footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px;padding:40px 0}.footer-grid h2{font-size:18px;margin:0 0 22px;color:var(--ink);padding-left:10px;border-left:3px solid var(--cyan)}.footer-grid section:nth-child(2) h2{border-color:var(--pink)}.footer-grid section:nth-child(3) h2{border-color:var(--lime)}.footer-grid section:nth-child(4) h2{border-color:var(--yellow)}.footer-grid section>button,.footer-grid section>a{display:block;border:0;background:none;padding:5px 0;text-align:left;color:#5c5665;font-size:12px;line-height:1.6}.footer-grid section>button:hover,.footer-grid section>a:hover{color:#7130a5;text-decoration:underline}.footer-grid section p{font-size:12px;line-height:1.8;color:var(--muted);margin:8px 0 16px}.social-links{display:flex;gap:9px}.social-links button{border:1px solid #e4d8ed;background:#fff;width:40px;height:40px;border-radius:50%;color:#7130a5;font:25px Georgia}.footer-bottom{display:flex;align-items:center;gap:25px;padding:25px 0;border-top:1px solid var(--line)}.footer-bottom p{font-size:12px}.footer-bottom small{margin-left:auto;font-size:10px;color:var(--muted)}#info-dialog p{white-space:pre-line;line-height:1.9;font-size:14px}#vazio{padding:25px;background:#faf8fc;border-radius:6px;color:var(--muted);line-height:1.8;font-size:14px}
@media(max-width:1000px){.header-actions{gap:15px}.main-header{gap:25px}.header-action{font-size:10px}.navigation{overflow-x:auto}.navigation button{white-space:nowrap}.mega-menu{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-grid{gap:24px}}
@media(max-width:650px){.utility-inner{gap:8px}.utility-inner button{font-size:10px}.utility-links{gap:9px}.main-header .search{max-width:none}.header-actions{margin-left:auto;gap:16px}.header-action{gap:6px;font-size:10px}.header-action svg{width:25px;height:25px}.mega-menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:14px 8px;max-height:65vh}.category-link{font-size:11px;padding:9px 6px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px;padding:30px 0}.footer-grid h2{font-size:16px;margin-bottom:15px}.footer-bottom{flex-wrap:wrap;gap:20px}.footer-bottom small{width:100%;margin:0}.category-nav .navigation button{padding:16px 12px}}

/* Logo com dimensões próprias, sem herdar a tipografia anterior. */
.main-header .logo,.footer-bottom .logo{font-size:0;letter-spacing:0;line-height:1;display:block;flex-shrink:0}
.logo img{display:block;width:220px;height:auto;max-height:90px;object-fit:contain}
.footer-bottom .logo img{width:145px;max-height:65px}
@media(max-width:650px){.main-header .logo img{width:145px;max-height:65px}}