/* Jocelia Festas | identidade visual original | Versão 8
   Manter img/JF.png (símbolo original) e a marca completa fornecida pela cliente.
   Paleta inspirada nas cores reais da logo: pink, turquesa, amarelo e preto.
*/
:root {
  --rose:#f7258a;
  --rose-dark:#b90d62;
  --plum:#1d1622;
  --ink:#221b25;
  --muted:#766d79;
  --cream:#fff9fc;
  --blush:#ffeaf5;
  --gold:#fff100;
  --mint:#00ded0;
  --line:#f3dce8;
  --shadow:0 15px 42px rgba(50,12,37,.10);
  --rosa:var(--rose);
  --verde:var(--mint);
  --cor-fundo-site:var(--cream);
  --texto:var(--ink);
  --borda:var(--line);
}
html {accent-color:var(--rose)}
body {background:var(--cream)!important}
.announcement-bar {background:#17121b;color:#f9f4f7;border-bottom:3px solid var(--mint)}
.announcement-spark {color:var(--gold)}
header {background:rgba(255,255,255,.975)!important;border-bottom:1px solid #f2dce8!important}
.logo-container {gap:11px}
.logo-icon {width:55px;height:55px;object-fit:contain;border-radius:50%;background:#fa3698;box-shadow:0 0 0 3px rgba(0,218,207,.26)}
.brand-copy h1 {font-size:24px!important;text-transform:none!important;letter-spacing:-.055em!important;font-weight:900!important;color:#211821!important}
.brand-copy h1 span {color:var(--rose)!important}
.brand-copy small {color:#726873;letter-spacing:.095em!important;font-size:9px!important}
#openCart {background:#1d1622!important;color:#fff!important}
#openCart:hover {background:#b90d62!important}
#openCart .cart-icon {color:var(--gold)!important}
#openCart .cart-badge {background:var(--mint);color:#11151a;border-color:white}
.hamburger {border:1px solid #f0d8e5!important;background:white!important}
.hamburger:hover {background:#ffedf6!important}
.searchbar {background:rgba(255,249,252,.97)!important}
.search-icon {color:var(--rose-dark)}
.searchbar input:focus {border-color:var(--mint)!important;outline:2px solid rgba(0,222,208,.55)!important}
#clearSearch {background:var(--blush);color:var(--rose-dark)}
.chip-btn {background:white!important;border-color:#f0dbe7!important;color:#4b3446!important}
.chip-btn:hover,.chip-btn.active {background:#1d1622!important;border-color:#1d1622!important;color:#fff!important}
.chip-btn.active {box-shadow:inset 0 -3px 0 var(--mint)!important}
.hero {
  background:radial-gradient(ellipse at 90% 10%,rgba(247,37,138,.28),transparent 51%),linear-gradient(117deg,#1d1622 0%,#291429 67%,#49182f 100%);
  border:1px solid rgba(255,255,255,.06);
  box-shadow:0 24px 55px rgba(36,13,36,.18)
}
.hero::before {content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--mint) 0 33%,var(--gold) 33% 66%,var(--rose) 66% 100%);z-index:4}
.hero-eyebrow {color:var(--mint)!important}
.hero-dot {background:var(--gold)}
.hero h2 em {color:var(--gold)!important}
.hero p {color:#f3e5ef}
.hero-primary {background:var(--rose)!important;border-color:var(--rose)!important;color:white!important;box-shadow:0 9px 25px rgba(247,37,138,.27)}
.hero-primary:hover {background:#d81975!important;border-color:#d81975!important}
.hero-secondary {border-color:var(--mint)!important;background:rgba(0,222,208,.08)!important;color:white!important}
.hero-secondary:hover {background:rgba(0,222,208,.18)!important}
.hero-orbit {border-color:rgba(0,222,208,.22)!important}
.hero-orbit-two {border-color:rgba(255,241,0,.18)!important}
.hero-photo {border-color:#fff!important}
.hero-sticker {color:#17121b!important;background:var(--gold)!important;border-color:#fff!important;font-weight:750}
.hero-twinkle {color:var(--mint)!important}
.hero-avatars {color:var(--mint)!important}
.hero-footnote {color:#e1ccda}
.benefits-bar {border-color:#f0dbe7}
.benefits-bar>div>span {color:var(--rose)!important}
.eyebrow,.section-intro h2 em {color:var(--rose-dark)!important}
.collection-card {background:#fff0f7}
.collection-card:focus-visible {outline:4px solid var(--mint)!important}
.product-card,.product-tile {border-color:#f1dce7!important}
.product-media {background:#fff1f8!important}
.product-card:hover,.product-tile:hover {border-color:#f5a7cc!important}
#sidebarCategories li button:hover,#sidebarCategories .sidebar-featured {color:var(--rose-dark)!important}
#sidebarCategories .sidebar-featured {background:#fff1f7!important}
.btn,.btn1,.btn2 {transition:background-color .15s ease,border-color .15s ease,transform .15s ease}
#finalizarCompra,#detailAddCart {background:var(--rose)!important;color:white!important;border-color:var(--rose)!important}
#finalizarCompra:hover,#detailAddCart:hover {background:var(--rose-dark)!important}
.suggestion-header {background:#fff0f6!important;color:var(--rose-dark)!important}
.suggestion-see-all {background:var(--plum)!important;color:white!important}
.cart-total {color:var(--plum)}
.back-to-top {border:2px solid var(--mint)!important}
.site-footer {background:#19131e!important;border-top:6px solid var(--mint)!important}
.footer-trust>div {border-color:rgba(0,222,208,.25)!important}
.footer-trust>div>span {color:var(--gold)!important}
.footer-brand {display:flex;max-width:1000px;align-items:center;justify-content:center;gap:21px;margin:33px auto 6px;padding:22px 16px;border-top:1px solid rgba(255,255,255,.16)}
.footer-brand>img {width:110px;height:110px;object-fit:contain;border-radius:18px;background:#000;flex-shrink:0}
.footer-brand>div {display:flex;flex-direction:column;max-width:370px;align-items:flex-start}
.footer-brand strong {font:800 24px 'Outfit',sans-serif;letter-spacing:-.04em;color:#fff}
.footer-brand span {font-size:10px;font-weight:900;letter-spacing:.15em;text-transform:uppercase;color:var(--mint)}
.footer-brand p {font-size:12px;line-height:1.55;color:#d4c6d2;margin-top:8px}
.footer-copy {color:#c8b9c8!important}
@media(max-width:780px){
  .logo-icon {width:43px;height:43px}
  .brand-copy h1 {font-size:20px!important}
}
@media(max-width:520px){
  .logo-container {gap:7px!important}
  .logo-icon {width:37px;height:37px;border-radius:50%!important}
  .brand-copy h1 {font-size:17px!important;letter-spacing:-.055em!important}
  .brand-copy small {font-size:7px!important;letter-spacing:.06em!important}
  .hero h2 em {color:var(--gold)!important}
  .hero-primary {box-shadow:none!important}
  .footer-brand {align-items:center;gap:12px;margin-top:23px;padding:18px 8px}
  .footer-brand img {width:83px;height:83px;border-radius:12px}
  .footer-brand strong {font-size:20px}
  .footer-brand span {font-size:8px;letter-spacing:.08em}
  .footer-brand p {font-size:10px}
}
@media(prefers-reduced-motion:reduce){.hero-primary,.hero-secondary {transition:none!important}}