/* Siso Events V3 — mobile-first polish */
@media (max-width: 760px) {
  html { scroll-padding-top: 68px; }
  body { padding-bottom: calc(74px + env(safe-area-inset-bottom)); overflow-x: hidden; }
  .wrap { width: min(100% - 24px, 620px); }
  .nav { position: sticky; top: 0; background: rgba(5,4,3,.96); }
  .navin { height: 62px; gap: 10px; }
  .brand { font-size: 13px; letter-spacing: .13em; white-space: nowrap; }
  .nav .btn { padding: 10px 12px; min-height: 42px; }
  .hero { min-height: 78svh; align-items: end; background-position: 62% 20%; }
  .hero:after { inset: 10px; }
  .hero-content { padding: 92px 0 52px; max-width: 100%; }
  .hero h1 { font-size: clamp(42px, 12vw, 64px); line-height: .94; margin: 10px 0; }
  .script { font-size: 29px; line-height: 1.05; }
  .hero p { font-size: 14px; line-height: 1.65; max-width: 92%; }
  .actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
  .actions .btn { min-height: 46px; display: grid; place-items: center; text-align: center; }
  .count { display: grid; grid-template-columns: repeat(4,1fr); gap: 6px; }
  .count div { min-width: 0; padding: 10px 5px; }
  .count b { font-size: 20px; }
}
@media (max-width: 760px) {
  section { padding: 58px 0; }
  .head { margin-bottom: 22px; text-align: left; }
  .head h2 { font-size: clamp(28px, 9vw, 40px); line-height: 1.02; }
  .head p { font-size: 13px; line-height: 1.6; }
  .service-grid { display: grid; grid-auto-flow: column; grid-auto-columns: 84%; grid-template-columns: none; overflow-x: auto; gap: 10px; padding: 2px 2px 12px; scroll-snap-type: x mandatory; }
  .service-grid .card { scroll-snap-align: start; min-height: 225px; }
  .card { padding: 18px; border-radius: 16px; }
  .card h3 { font-size: 16px; }
  .icon { width: 46px; height: 46px; }
  .feature-grid { grid-template-columns: 1fr; grid-template-rows: none; gap: 9px; }
  .feat, .feat:first-child { grid-column: auto; grid-row: auto; height: auto; aspect-ratio: 4/3; border-radius: 14px; }
  .feat:nth-child(n+4) { display: none; }
  .catering { grid-template-columns: 1fr; }
  .catering img { height: 240px; border-radius: 14px; }
  .hostess { grid-template-columns: 1fr; }
  .hostess img { max-height: 520px; border-radius: 14px; }
  .event { grid-template-columns: 1fr; gap: 14px; padding: 14px; border-radius: 18px; }
  .event .poster { height: auto; aspect-ratio: 16/10; border-radius: 12px; }
  .event h3 { font-size: 22px; }
  .event p { font-size: 12px; }
  .event > .btn { width: 100%; min-height: 48px; }
}
@media (max-width: 760px) {
  .gallery { columns: 2 135px; column-gap: 8px; }
  .gitem { border-radius: 12px; margin-bottom: 8px; }
  .quote, .fields { grid-template-columns: 1fr; }
  .full { grid-column: auto; }
  input, select, textarea { width: 100%; min-height: 48px; border-radius: 10px; font-size: 16px; }
  textarea { min-height: 120px; }
  .modal { align-items: end; padding: 0; }
  .modalbox { width: 100%; max-height: 90svh; overflow: auto; padding: 20px 16px calc(22px + env(safe-area-inset-bottom)); border-radius: 22px 22px 0 0; border-bottom: 0; }
  .prices { grid-template-columns: 1fr; }
  .price { min-height: 64px; border-radius: 12px; }
  .x { width: 44px; height: 44px; }
  .toast { left: 12px; right: 12px; bottom: calc(84px + env(safe-area-inset-bottom)); text-align: center; border-radius: 12px; }
  footer { padding-bottom: 28px; }
  .mobilebar { display: grid; grid-template-columns: repeat(4,1fr); position: fixed; left: 10px; right: 10px; bottom: calc(8px + env(safe-area-inset-bottom)); z-index: 70; background: rgba(9,6,3,.96); border: 1px solid rgba(216,167,44,.28); border-radius: 18px; overflow: hidden; box-shadow: 0 18px 50px rgba(0,0,0,.45); backdrop-filter: blur(16px); }
  .mobilebar a { min-height: 58px; display: grid; place-items: center; gap: 2px; padding: 8px 4px; color: #cbbd9f; font-family: "Cinzel"; font-size: 8px; text-align: center; }
  .mobilebar a span { display: block; font-size: 16px; color: var(--gold2); }
}
@media (min-width: 761px) { .mobilebar { display: none; } }
@media (prefers-reduced-motion: reduce) { * { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; } }
/* V3 visual fallback while event artwork is being integrated */
.hero {
  background:
    radial-gradient(circle at 72% 22%, rgba(240,216,120,.20), transparent 24%),
    radial-gradient(circle at 22% 16%, rgba(216,167,44,.16), transparent 28%),
    linear-gradient(135deg, rgba(18,12,6,.15), rgba(0,0,0,.88)),
    linear-gradient(180deg, #171006, #050403 82%);
}
.event .poster {
  background:
    radial-gradient(circle at 70% 25%, rgba(240,216,120,.28), transparent 18%),
    linear-gradient(145deg, #171006, #080503 58%, #1e1508);
  border: 1px solid rgba(216,167,44,.22);
  position: relative;
  overflow: hidden;
}
.event .poster:after {
  content: "SISO EVENTS · ACTE 10";
  position: absolute;
  inset: auto 12px 12px 12px;
  font-family: "Cinzel";
  font-size: 10px;
  letter-spacing: .14em;
  color: var(--gold2);
}
.btn:disabled { opacity: .48; cursor: not-allowed; transform: none !important; }