.workshop-promo { display: grid; grid-template-columns: 1.6fr 1fr; align-items: center; gap: 32px; margin-top: 28px; padding: clamp(24px, 4vw, 44px); border: 1px solid var(--gold); border-radius: 12px; background: radial-gradient(ellipse at top right, rgba(217,173,87,.18), transparent 70%), var(--panel); }
.workshop-promo[hidden] { display: none; }
.workshop-promo h2 { font-size: clamp(1.8rem, 3.5vw, 3rem); }
.workshop-promo p { margin-bottom: 12px; }
.workshop-meta { color: var(--gold-light); font: 700 .85rem/1.7 Arial, sans-serif; }
.workshop-promo-action { display: grid; gap: 10px; padding-left: 28px; border-left: 1px solid rgba(217,173,87,.3); }
.workshop-promo-action .workshop-promo-price { font-size: 1.8rem; color: var(--gold-light); margin: 0; }
.workshop-fine { color: var(--muted); font: .8rem/1.6 Arial, sans-serif; }
.workshop-hero { display: grid; grid-template-columns: 1.5fr 1fr; align-items: center; gap: 60px; padding: 72px 0; }
.workshop-hero h1 { font-size: clamp(3rem, 6.5vw, 5.6rem); }
.workshop-intro { color: #c8c1b7; font-size: 1.2rem; max-width: 620px; }
.workshop-ticket { padding: clamp(26px, 4vw, 40px); border: 1px solid var(--gold); border-radius: 12px; background: linear-gradient(145deg, rgba(217,173,87,.13), var(--panel)); }
.workshop-date { color: var(--gold-light); font-size: 5rem; line-height: 1; margin: 20px 0; letter-spacing: -.04em; }
.workshop-date span { display: block; font: 700 1rem/1.6 Arial, sans-serif; letter-spacing: .2em; }
.workshop-ticket hr { border: 0; border-top: 1px solid var(--line); margin: 25px 0; }
.workshop-agenda { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.workshop-agenda article { padding: 30px; border: 1px solid var(--line); border-radius: 10px; background: var(--panel); }
.workshop-agenda p:last-child { margin-bottom: 0; color: var(--muted); }
.workshop-enrollment { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: start; }
.workshop-includes { padding-left: 21px; }
.workshop-includes li { margin-bottom: 12px; }
.workshop-ticket-price { color: var(--gold-light); font-size: 2.7rem; margin-bottom: 12px; line-height: 1.2; }
.workshop-ticket .btn { width: 100%; }
.workshop-ticket .btn:disabled { cursor: default; opacity: .8; }
.workshop-preview { padding: 10px 20px; margin: 0; text-align: center; background: #252019; color: var(--gold-light); font: .8rem/1.5 Arial, sans-serif; }
#registration { scroll-margin-top: 95px; }
@media (max-width: 760px) {
  .workshop-promo, .workshop-hero, .workshop-enrollment { grid-template-columns: 1fr; gap: 26px; }
  .workshop-promo-action { border-left: 0; border-top: 1px solid rgba(217,173,87,.3); padding: 22px 0 0; }
  .workshop-hero { padding: 44px 0; }
  .workshop-agenda { grid-template-columns: 1fr; }
}
/* Workshop checkout: Square hosts the card fields in its own secure iframe. */
.workshop-checkout{max-width:760px;padding-top:4rem;padding-bottom:4rem}
.workshop-checkout h1{font-size:clamp(2.4rem,6vw,4rem)}
.workshop-checkout fieldset{border:1px solid #b69a5944;padding:1.5rem;margin:2rem 0;border-radius:12px}
.workshop-checkout legend{padding:0 .5rem}
.workshop-checkout label{display:block;margin-bottom:1rem}
.workshop-checkout input{display:block;width:100%;box-sizing:border-box;margin-top:.4rem;padding:.8rem;border-radius:6px;border:1px solid #b69a5966;background:#fff;color:#191919;font:inherit}
.workshop-checkout #square-card{background:#fff;border-radius:8px;padding:1rem;margin:1.5rem 0}
.workshop-checkout #checkout-message{padding:1rem 0;line-height:1.5}
[hidden]{display:none!important}