/* Workshop landing (/dirbtuves): builds on vebinaras.css (same navy + gold system). */
.seats { background: var(--gold); color: var(--ink); }
.hero .h-b { max-width: none; font-size: clamp(48px, 7vw, 96px); }

.buy .price { margin: 0; font: 900 64px/1 var(--cond); font-stretch: 62%; }
.buy .price-sub { margin: 8px 0 16px; color: var(--mute); font-size: 15px; }
.incl { list-style: none; margin: 0 0 20px; padding: 0; border-top: 1px solid var(--line); }
.incl li { position: relative; padding: 10px 0 10px 30px; border-bottom: 1px solid var(--line); font-size: 15px; font-weight: 600; }
.incl li::before { content: "✓"; position: absolute; left: 0; top: 10px; width: 20px; height: 20px; border-radius: 50%; background: var(--gold); display: grid; place-items: center; font-size: 12px; }
.buy .pay { width: 100%; }
.guar { margin-top: 16px; padding: 14px 16px; border-radius: 10px; background: #FFF4DC; font-size: 14px; line-height: 1.5; }
.guar b { display: block; font-size: 15px; }

.prog li { grid-template-columns: 76px minmax(0, 1fr) minmax(0, 1.2fr); }
.prog li::before { content: none; }
.prog .t { grid-row: 1 / span 2; grid-column: 1; order: -1; color: var(--gold); font: 900 30px/1 var(--cond); font-stretch: 62%; }
.prog b { grid-column: 2; grid-row: 1; }
.prog p { grid-column: 3; grid-row: 1 / span 2; }
.prog-note { margin: 20px 0 0; color: var(--on-navy); font-size: 14px; }

.gets { padding-top: clamp(64px, 8vw, 110px); }
.get-g { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.get-g div { padding: 24px; background: var(--paper); border: 1px solid var(--line); border-radius: 14px; }
.get-g b { display: block; font: 900 22px/1.1 var(--cond); font-stretch: 62%; text-transform: uppercase; margin-bottom: 8px; }
.get-g p { margin: 0; color: var(--mute); font-size: 15px; }

.cta-end { padding: clamp(64px, 8vw, 110px) 0; text-align: center; background: var(--deep); }
.cta-end p { color: var(--on-navy); margin: 16px auto 28px; max-width: 34em; }

@media (min-width: 961px) { .hero .act .btn { display: none; } }
@media (max-width: 960px) {
  .get-g { grid-template-columns: 1fr 1fr; }
  .buy { max-width: 520px; width: 100%; margin-inline: auto; }
}
@media (max-width: 640px) {
  .get-g { grid-template-columns: 1fr; }
  .prog li { grid-template-columns: 56px minmax(0, 1fr); }
  .prog p { grid-column: 2; grid-row: auto; }
  .prog .t { grid-row: 1 / span 2; font-size: 24px; }
}

.seat-box { margin: 0 0 18px; padding: 14px 16px; border-radius: 10px; background: var(--navy); color: #fff; }
.seat-dots { display: grid; grid-template-columns: repeat(10, 1fr); gap: 6px; margin-bottom: 10px; }
.seat-dots i { aspect-ratio: 1; border-radius: 50%; border: 2px solid var(--gold); }
.seat-dots i.on { background: var(--gold); }
.seat-box p { margin: 0; font-size: 14px; color: var(--on-navy); }
.seat-box b { color: #fff; }

/* Workshop title: "Dirbtuvės:" on its own line above the long concept name. */
.hero h1 { grid-template-columns: 1fr; }
.hero .h-a { color: var(--gold); font-size: clamp(30px, 3.4vw, 46px); }
.hero .h-b { margin-top: 6px; font-size: clamp(42px, 5.6vw, 80px); }
/* Owner's current projects, shown under the 8 topics. */
.proj { margin-top: 32px; padding: 22px 26px; border: 1.5px solid var(--gold); border-radius: 14px; background: rgba(9, 18, 31, .55); }
.proj p { margin: 0; color: var(--on-navy); }
.proj b { color: #fff; }
.proj .proj-h { margin-bottom: 8px; color: var(--gold); font: 900 22px/1.1 var(--cond); font-stretch: 62%; text-transform: uppercase; letter-spacing: .02em; }