/* ============================================================
   Bolos Queiroz — estilos globais
   (o estilo de cada elemento fica inline no HTML;
   aqui ficam reset, tipografia base, animações, hover e responsivo)
   ============================================================ */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:#FFF8EF;color:#3A241E;font-family:'Nunito Sans',sans-serif;line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:#C97C8A;text-decoration:none}
a:hover{color:#3A241E}
::selection{background:#F7E3E7;color:#3A241E}

/* animações */
@keyframes bmorph{0%,100%{border-radius:60% 40% 55% 45%/45% 55% 40% 60%}33%{border-radius:50% 50% 40% 60%/60% 40% 55% 45%}66%{border-radius:45% 55% 60% 40%/40% 60% 50% 50%}}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes pulse{0%,100%{box-shadow:0 4px 20px rgba(37,211,102,.4)}50%{box-shadow:0 4px 28px rgba(37,211,102,.65),0 0 0 8px rgba(37,211,102,.1)}}
@keyframes lbFade{from{opacity:0}to{opacity:1}}

/* revelação ao rolar */
.fade-in{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.fade-in.show{opacity:1;transform:none}

/* navegação */
.nav-link{transition:background .2s ease,color .2s ease}
.nav-link:hover{background:#F7E3E7;color:#3A241E}

/* cards de produto/categoria */
.card{transition:opacity .7s ease,transform .3s ease,box-shadow .3s ease}
.card:hover{transform:translateY(-6px);box-shadow:0 20px 46px rgba(58,36,30,.14)}

/* galeria */
.gal-cell img{transition:transform .5s ease}
.gal-cell:hover img{transform:scale(1.07)}

/* lightbox */
.lightbox{display:none;position:fixed;inset:0;z-index:300;background:rgba(30,18,14,.86);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);align-items:center;justify-content:center;padding:4vw;animation:lbFade .25s ease}
.lightbox.open{display:flex}
.lb-close{position:absolute;top:1.4rem;right:1.6rem;width:46px;height:46px;border-radius:50%;border:none;background:rgba(255,255,255,.14);color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.lb-close:hover{background:rgba(255,255,255,.24)}

/* ── responsivo ── */
@media (max-width:900px){
  [data-rnav]{display:none !important}
  [data-rhero]{grid-template-columns:1fr !important;gap:2.4rem !important}
  [data-rhvis]{min-height:auto !important;order:-1}
  [data-grid="4"],[data-grid="3"]{grid-template-columns:repeat(2,1fr) !important}
  [data-grid="2"]{grid-template-columns:1fr !important;gap:2.4rem !important}
  [data-rline]{display:none !important}
}
@media (max-width:600px){
  header{padding:0 1.15rem !important}
  [data-wrap]{padding-left:1.15rem !important;padding-right:1.15rem !important}
  section{padding-top:58px !important;padding-bottom:66px !important}
  [data-grid="4"],[data-grid="3"]{grid-template-columns:1fr !important}
  [data-rgal]{grid-template-columns:repeat(2,1fr) !important;grid-auto-rows:150px !important}
  [data-rhero]{padding:0 1.15rem !important}
  [data-rhvis]{min-height:auto !important}
  [data-rhimg]{width:min(80vw,340px) !important;height:auto !important;aspect-ratio:376/440 !important}
  [data-rhblob1]{width:min(88vw,380px) !important;height:min(88vw,380px) !important}
  [data-rhblob2]{width:min(48vw,210px) !important;height:min(48vw,210px) !important}
}