*{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{font-family:'Montserrat',sans-serif;background:#1F1F1F;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  img{display:block;max-width:100%}
  a{color:inherit;text-decoration:none}
  button{font:inherit;border:none;background:none;cursor:pointer}
  @keyframes zRevealUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
  [data-reveal]{opacity:1}
  @keyframes zKen{from{transform:scale(1.16)}to{transform:scale(1)}}
  @keyframes zHeroPar{from{transform:scale(1.06) translateY(0)}to{transform:scale(1.22) translateY(60px)}}
  @keyframes zMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
  [data-marquee]{display:inline-flex;white-space:nowrap;animation:zMarquee 36s linear infinite;will-change:transform}
  @supports (animation-timeline:view()){
    [data-reveal]{animation:zRevealUp 1.1s cubic-bezier(.2,.7,.2,1) both;animation-timeline:view();animation-range:entry 4% cover 26%}
    [data-kb]{animation:zKen linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
  }
  @supports (animation-timeline:scroll()){
    [data-hero]{animation:zHeroPar linear both;animation-timeline:scroll(root);animation-range:0 92vh}
  }
  @media (prefers-reduced-motion:reduce){[data-reveal],[data-kb],[data-hero],[data-marquee]{animation:none!important;opacity:1!important;transform:none!important}}
  @keyframes zScrollCue{0%{transform:translateY(0);opacity:.9}50%{transform:translateY(8px);opacity:.3}100%{transform:translateY(0);opacity:.9}}

  @keyframes zHeroIn{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
  .ev2-hero-in>*{opacity:0;animation:zHeroIn 1.15s cubic-bezier(.2,.7,.2,1) forwards}
  .ev2-hero-in .ev2-eyebrow{animation-delay:.3s}
  .ev2-hero-in .ev2-title{animation-delay:.6s}
  .ev2-hero-in .ev2-sub{animation-delay:.9s}
  @media (prefers-reduced-motion:reduce){.ev2-hero-in>*{animation:none;opacity:1;transform:none}}

  .ev-drink{display:inline-flex;align-items:center;gap:.5rem;font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:500;letter-spacing:.04em;color:#F6F4F0;border:1px solid rgba(236,200,154,.32);background:rgba(236,200,154,.08);padding:.55rem 1.05rem .55rem .85rem;border-radius:30px;transition:background .3s,border-color .3s,transform .3s}
  .ev-drink svg{flex:none;opacity:.92}
  .ev-drink:hover{background:rgba(236,200,154,.18);border-color:rgba(236,200,154,.6);transform:translateY(-2px)}

  .ev-doc{display:flex;align-items:center;gap:.95rem;background:#fff;border:1px solid #e3d9c8;border-radius:6px;padding:1rem 1.2rem;transition:border-color .3s,box-shadow .3s,transform .3s,background .3s}
  .ev-doc-ic{flex:none;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#f4ece0;color:#A35733;transition:background .3s,color .3s}
  .ev-doc-txt{display:flex;flex-direction:column;gap:.15rem;min-width:0;text-align:left}
  .ev-doc-txt b{font-family:'Montserrat',sans-serif;font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#62341F;line-height:1.25}
  .ev-doc-txt i{font-family:'Montserrat',sans-serif;font-style:normal;font-size:.58rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#9a8a76}
  .ev-doc:hover{border-color:#A35733;background:#A35733;box-shadow:0 22px 40px -28px rgba(163,87,51,.6);transform:translateY(-3px)}
  .ev-doc:hover .ev-doc-ic{background:rgba(255,255,255,.18);color:#fff}
  .ev-doc:hover .ev-doc-txt b{color:#fff}
  .ev-doc:hover .ev-doc-txt i{color:rgba(255,255,255,.7)}

  @media (max-width:780px){.ev-docs{grid-template-columns:1fr 1fr}}
  @media (max-width:460px){.ev-docs{grid-template-columns:1fr}}

@media (max-width:860px){
  body.evenimente2 [style*="grid-template-columns"]{grid-template-columns:1fr !important}

  body.evenimente2 [style*="repeat(4"]{grid-template-columns:repeat(2,1fr) !important}

  body.evenimente2 ul[style*="1fr 1fr"]{grid-template-columns:1fr 1fr !important}

  body.evenimente2 [style*="grid-auto-rows:200px"]{grid-auto-rows:clamp(130px,34vw,200px) !important}
}
@media (max-width:460px){
  body.evenimente2 ul[style*="1fr 1fr"]{grid-template-columns:1fr !important}
}