body.cmx-workshops-page {
  overflow-x: hidden;
  --cmx-ws-ink: #17131b;
  --cmx-ws-paper: #f6f0e8;
  --cmx-ws-white: #fffdf8;
  --cmx-ws-lime: #cde96f;
  --cmx-ws-purple: #b273e0;
  --cmx-ws-purple-dark: #6f3d91;
  --cmx-ws-line: rgba(23,19,27,.14);
  --cmx-ws-muted: rgba(23,19,27,.64);
  background: var(--cmx-ws-paper);
}

.cmx-workshops-page #content {
  overflow: visible;
}

.cmx-workshops-page .cmx-ws-original-title,
.cmx-workshops-page .cmx-ws-original-title-link,
.cmx-workshops-page .cmx-ws-original-title-wrap {
  display: none !important;
}

.cmx-workshops-page .cmx-ws-shop-chrome {
  display: none !important;
}

.cmx-workshops-page .breadcrumb {
  margin-bottom: 0;
}

.cmx-ws-shell {
  width: min(1240px, calc(100% - 48px));
  margin: 0 auto;
}

.cmx-ws-kicker,
.cmx-ws-section-head > span,
.cmx-ws-enrolments-head > span,
.cmx-ws-group-head > span {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.cmx-ws-kicker::before,
.cmx-ws-section-head > span::before,
.cmx-ws-enrolments-head > span::before,
.cmx-ws-group-head > span::before {
  content: "";
  width: 38px;
  height: 2px;
  background: currentColor;
}

.cmx-ws-programs {
  position: relative;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  left: auto !important;
  right: auto !important;
}

.cmx-ws-hero {
  position: relative;
  width: 100%;
  max-width: none;
  overflow: hidden;
  color: #fff;
  background:
    radial-gradient(circle at 72% 20%, rgba(178,115,224,.22), transparent 31%),
    radial-gradient(circle at 92% 80%, rgba(205,233,111,.12), transparent 25%),
    var(--cmx-ws-ink);
  isolation: isolate;
}

/*
 * The theme clips children of its category container. JavaScript promotes
 * only the hero to a direct child of BODY and keeps a placeholder in the
 * original flow. This makes the dark background genuinely viewport-wide.
 */
.cmx-ws-hero.cmx-ws-hero--viewport {
  position: absolute !important;
  z-index: 5;
  left: 0 !important;
  right: auto !important;
  width: 100vw !important;
  max-width: none !important;
  margin: 0 !important;
  transform: none !important;
}

.cmx-ws-hero-placeholder {
  display: block;
  width: 100%;
  min-height: 1px;
  margin: 0;
  padding: 0;
}

.cmx-ws-hero::before {
  display: none;
}

.cmx-ws-hero::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, transparent 49.8%, rgba(255,255,255,.05) 50%, transparent 50.2%);
}

.cmx-ws-hero__grid {
  min-height: 650px;
  display: grid;
  grid-template-columns: minmax(0,1.05fr) minmax(420px,.95fr);
  align-items: center;
  gap: 70px;
  padding: 82px 0 72px;
}

.cmx-ws-hero__copy {
  position: relative;
  z-index: 2;
}

.cmx-ws-kicker {
  color: var(--cmx-ws-lime);
  margin-bottom: 34px;
}

.cmx-ws-hero h1 {
  margin: 0;
  color: #fff;
  font-size: clamp(72px, 8vw, 128px);
  font-weight: 800;
  line-height: .82;
  letter-spacing: -.065em;
}

.cmx-ws-hero h1 em {
  color: var(--cmx-ws-purple);
  font-style: normal;
  font-weight: 500;
}

.cmx-ws-hero__copy > p {
  max-width: 620px;
  margin: 34px 0 38px;
  color: rgba(255,255,255,.68);
  font-size: 18px;
  line-height: 1.7;
}

.cmx-ws-primary {
  display: inline-flex;
  align-items: center;
  gap: 20px;
  padding: 16px 20px;
  color: var(--cmx-ws-ink) !important;
  background: var(--cmx-ws-lime);
  text-decoration: none !important;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.cmx-ws-primary span {
  font-size: 18px;
}

.cmx-ws-primary:hover {
  transform: translateY(-2px);
}

.cmx-ws-hero__visual {
  position: relative;
  min-height: 520px;
  padding-right: 54px;
}

.cmx-ws-paper {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 28px;
  color: var(--cmx-ws-ink);
  background: var(--cmx-ws-white);
  box-shadow: 0 35px 80px rgba(0,0,0,.25);
}

.cmx-ws-paper span {
  position: absolute;
  top: 22px;
  left: 24px;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .18em;
  opacity: .45;
}

.cmx-ws-paper b {
  font-size: 42px;
  line-height: .9;
  letter-spacing: -.04em;
}

.cmx-ws-paper--one {
  top: 0;
  right: 118px;
  width: 300px;
  height: 410px;
  transform: rotate(5deg);
}

.cmx-ws-paper--one i {
  display: block;
  width: 100%;
  height: 1px;
  margin-top: 15px;
  background: rgba(23,19,27,.2);
}

.cmx-ws-paper--one i:nth-of-type(1) { width: 78%; }
.cmx-ws-paper--one i:nth-of-type(2) { width: 52%; }

.cmx-ws-paper--two {
  right: 42px;
  bottom: 0;
  width: 245px;
  height: 310px;
  background: var(--cmx-ws-purple);
  color: #fff;
  transform: rotate(-7deg);
}

.cmx-ws-paper--two p {
  margin: 18px 0 0;
  color: rgba(255,255,255,.7);
  font-size: 14px;
  line-height: 1.55;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.cmx-ws-mark {
  position: absolute;
  left: 5px;
  bottom: 32px;
  width: 128px;
  height: 128px;
  display: grid;
  place-items: center;
  color: var(--cmx-ws-lime);
  border: 1px solid rgba(205,233,111,.6);
  border-radius: 50%;
  text-align: center;
  font-size: 11px;
  font-weight: 900;
  line-height: 1.45;
  letter-spacing: .14em;
  transform: rotate(-12deg);
}

.cmx-ws-programs {
  padding: 110px 0 74px;
  background: var(--cmx-ws-paper);
}

.cmx-ws-section-head {
  display: grid;
  grid-template-columns: 190px minmax(0,1fr) minmax(280px,.45fr);
  gap: 38px;
  align-items: start;
  margin-bottom: 62px;
}

.cmx-ws-section-head > span,
.cmx-ws-enrolments-head > span,
.cmx-ws-group-head > span {
  color: var(--cmx-ws-purple-dark);
  padding-top: 13px;
}

.cmx-ws-section-head h2,
.cmx-ws-enrolments-head h2 {
  margin: 0;
  color: var(--cmx-ws-ink);
  font-size: clamp(48px,5.7vw,82px);
  line-height: .92;
  font-weight: 800;
  letter-spacing: -.055em;
}

.cmx-ws-section-head h2 em,
.cmx-ws-enrolments-head h2 em {
  color: var(--cmx-ws-purple-dark);
  font-style: normal;
  font-weight: 500;
}

.cmx-ws-section-head p,
.cmx-ws-enrolments-head p,
.cmx-ws-group-head p {
  margin: 10px 0 0;
  color: var(--cmx-ws-muted);
  font-size: 15px;
  line-height: 1.75;
}

.cmx-ws-program-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  border-top: 1px solid var(--cmx-ws-line);
  border-left: 1px solid var(--cmx-ws-line);
}

.cmx-ws-program {
  position: relative;
  min-height: 480px;
  padding: 34px 34px 30px;
  border-right: 1px solid var(--cmx-ws-line);
  border-bottom: 1px solid var(--cmx-ws-line);
  background: rgba(255,255,255,.24);
  transition: transform .25s ease, background .25s ease, color .25s ease;
}

.cmx-ws-program:hover {
  transform: translateY(-7px);
  background: var(--cmx-ws-ink);
  color: #fff;
}

.cmx-ws-program__num {
  display: block;
  margin-bottom: 70px;
  color: var(--cmx-ws-purple-dark);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .18em;
}

.cmx-ws-program__line {
  position: absolute;
  top: 38px;
  right: 34px;
  width: 54px;
  height: 1px;
  background: currentColor;
  opacity: .25;
}

.cmx-ws-program small {
  display: block;
  margin-bottom: 14px;
  font-weight: 900;
  letter-spacing: .16em;
  color: var(--cmx-ws-purple-dark);
}

.cmx-ws-program h3 {
  margin: 0 0 24px;
  color: inherit;
  font-size: clamp(36px,3vw,50px);
  line-height: .95;
  font-weight: 800;
  letter-spacing: -.045em;
}

.cmx-ws-program p {
  max-width: 340px;
  margin: 0;
  color: var(--cmx-ws-muted);
  font-size: 15px;
  line-height: 1.75;
}

.cmx-ws-program:hover p { color: rgba(255,255,255,.62); }
.cmx-ws-program:hover small,
.cmx-ws-program:hover .cmx-ws-program__num { color: var(--cmx-ws-lime); }

.cmx-ws-program button {
  position: absolute;
  right: 30px;
  bottom: 28px;
  left: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0 0;
  border: 0;
  border-top: 1px solid currentColor;
  background: transparent;
  color: inherit;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
  text-align: left;
}

.cmx-ws-program button span { font-size: 18px; }

.cmx-ws-enrolments-head {
  width: min(1240px, calc(100% - 48px));
  margin: 0 auto;
  padding: 52px 0 34px;
  display: grid;
  grid-template-columns: 190px minmax(0,1fr);
  gap: 38px;
  align-items: start;
}

.cmx-ws-enrolments-head h2 {
  max-width: 860px;
  font-size: clamp(52px, 5.2vw, 78px);
  line-height: .94;
}

.cmx-ws-enrolments-head h2 em {
  display: inline-block;
}

#cmx-workshop-enrolments {
  width: min(1240px, calc(100% - 48px));
  margin: 0 auto 110px !important;
  display: grid !important;
  grid-template-columns: 1fr;
  gap: 24px !important;
}

#cmx-workshop-enrolments::before,
#cmx-workshop-enrolments::after {
  display: none !important;
}

.cmx-ws-group {
  border: 1px solid var(--cmx-ws-line);
  background: rgba(255,255,255,.42);
  padding: 26px;
}

.cmx-ws-group-head {
  display: grid;
  grid-template-columns: 190px minmax(0,1fr);
  gap: 24px;
  align-items: start;
  margin-bottom: 22px;
}

.cmx-ws-group-head h3 {
  margin: 0;
  color: var(--cmx-ws-ink);
  font-size: clamp(30px,2.8vw,42px);
  line-height: .96;
  font-weight: 800;
  letter-spacing: -.045em;
}

.cmx-ws-group-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(2,minmax(0,1fr));
}

.cmx-workshops-page .cmx-ws-product,
.cmx-workshops-page .cmx-ws-group-grid > [class*="product-layout"],
.cmx-workshops-page .cmx-ws-group-grid > [class*="product-thumb"],
.cmx-workshops-page .cmx-ws-group-grid > [class*="col-"] {
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

.cmx-workshops-page .cmx-ws-product > .product-thumb,
.cmx-workshops-page .cmx-ws-product.product-thumb,
.cmx-workshops-page .cmx-ws-product [class*="product-thumb"] {
  display: flex;
  flex-direction: column;
  height: 100%;
  border: 1px solid var(--cmx-ws-line) !important;
  background: #fff !important;
  box-shadow: none !important;
  overflow: hidden;
}

.cmx-workshops-page .cmx-ws-product .image,
.cmx-workshops-page .cmx-ws-product .product-image {
  margin: 0 !important;
  padding: 0 !important;
  background: linear-gradient(180deg, rgba(178,115,224,.08), rgba(205,233,111,.04));
}

.cmx-workshops-page .cmx-ws-product img {
  display: block;
  width: 100% !important;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  transition: transform .35s ease;
}

.cmx-workshops-page .cmx-ws-product:hover img { transform: scale(1.025); }

.cmx-workshops-page .cmx-ws-product .caption,
.cmx-workshops-page .cmx-ws-product .product-caption,
.cmx-workshops-page .cmx-ws-product .content,
.cmx-workshops-page .cmx-ws-product .product-info {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  padding: 22px 22px 18px !important;
}

.cmx-workshops-page .cmx-ws-product h4,
.cmx-workshops-page .cmx-ws-product .product-name,
.cmx-workshops-page .cmx-ws-product .name {
  margin: 0 0 12px !important;
  color: var(--cmx-ws-ink) !important;
  font-size: 30px !important;
  line-height: 1.05 !important;
  font-weight: 800 !important;
  letter-spacing: -.03em !important;
}

.cmx-workshops-page .cmx-ws-product p,
.cmx-workshops-page .cmx-ws-product .description {
  color: var(--cmx-ws-muted) !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
}

.cmx-workshops-page .cmx-ws-product .price {
  margin-top: auto !important;
  padding-top: 12px !important;
  color: var(--cmx-ws-purple-dark) !important;
  font-size: 24px !important;
  font-weight: 900 !important;
}

.cmx-workshops-page .cmx-ws-product .price-old,
.cmx-workshops-page .cmx-ws-product .price-new,
.cmx-workshops-page .cmx-ws-product .price-tax {
  color: inherit !important;
}

.cmx-workshops-page .cmx-ws-product .button-group,
.cmx-workshops-page .cmx-ws-product .actions,
.cmx-workshops-page .cmx-ws-product .product-buttons,
.cmx-workshops-page .cmx-ws-product .cart {
  display: flex !important;
  align-items: center;
  gap: 10px;
  margin-top: 14px !important;
}

.cmx-workshops-page .cmx-ws-product .button-group .wishlist,
.cmx-workshops-page .cmx-ws-product .button-group .compare,
.cmx-workshops-page .cmx-ws-product .btn-wishlist,
.cmx-workshops-page .cmx-ws-product .btn-compare,
.cmx-workshops-page .cmx-ws-product .btn-quickview,
.cmx-workshops-page .cmx-ws-product [onclick*="wishlist"],
.cmx-workshops-page .cmx-ws-product [onclick*="compare"] {
  display: none !important;
}

.cmx-workshops-page .cmx-ws-book-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 48px;
  padding: 0 18px !important;
  background: var(--cmx-ws-ink) !important;
  color: #fff !important;
  border: 1px solid var(--cmx-ws-ink) !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
}

.cmx-workshops-page .cmx-ws-book-button:hover {
  background: var(--cmx-ws-purple-dark) !important;
  border-color: var(--cmx-ws-purple-dark) !important;
}

.cmx-workshops-page .cmx-ws-product--kids {
  border-top: 4px solid var(--cmx-ws-lime) !important;
}

.cmx-workshops-page .cmx-ws-product--writing {
  border-top: 4px solid var(--cmx-ws-purple) !important;
}

.cmx-workshops-page .cmx-ws-product--adult-comic,
.cmx-workshops-page .cmx-ws-product--adult-animation,
.cmx-workshops-page .cmx-ws-product--other {
  border-top: 4px solid var(--cmx-ws-ink) !important;
}

.cmx-ws-pulse { animation: cmx-ws-pulse 1.15s ease; }

@keyframes cmx-ws-pulse {
  0%,100% { transform: translateY(0); }
  35% { transform: translateY(-9px); }
}

@media (max-width: 1150px) {
  .cmx-ws-group-head {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}

@media (max-width: 991px) {
  .cmx-ws-hero__grid {
    grid-template-columns: 1fr;
    min-height: 0;
    gap: 30px;
    padding: 68px 0;
  }

  .cmx-ws-hero__visual {
    min-height: 390px;
    max-width: 560px;
    width: 100%;
    margin: 0 auto;
    padding-right: 34px;
  }

  .cmx-ws-section-head,
  .cmx-ws-enrolments-head,
  .cmx-ws-group-head {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .cmx-ws-section-head > span,
  .cmx-ws-enrolments-head > span,
  .cmx-ws-group-head > span {
    padding-top: 0;
  }

  .cmx-ws-program-grid,
  .cmx-ws-group-grid {
    grid-template-columns: 1fr;
  }

  .cmx-ws-program { min-height: 390px; }
}

@media (max-width: 700px) {
  .cmx-ws-shell,
  .cmx-ws-enrolments-head,
  #cmx-workshop-enrolments {
    width: min(100% - 30px, 1240px);
  }

  .cmx-ws-hero h1 { font-size: clamp(62px,20vw,90px); }
  .cmx-ws-hero__copy > p { font-size: 16px; }
  .cmx-ws-hero__visual { min-height: 330px; }
  .cmx-ws-paper--one { right: 78px; width: 220px; height: 300px; }
  .cmx-ws-paper--one b,
  .cmx-ws-paper--two b { font-size: 34px; }
  .cmx-ws-paper--two { right: 18px; width: 190px; height: 240px; }
  .cmx-ws-mark { width: 102px; height: 102px; font-size: 10px; }
  .cmx-ws-programs { padding: 75px 0 56px; }
  .cmx-ws-section-head { margin-bottom: 38px; }
  .cmx-ws-section-head h2,
  .cmx-ws-enrolments-head h2 { font-size: 48px; }
  .cmx-ws-group { padding: 20px; }
}

@media (prefers-reduced-motion: reduce) {
  .cmx-ws-primary,
  .cmx-ws-program,
  .cmx-ws-product img { transition: none !important; }
  .cmx-ws-pulse { animation: none !important; }
}

/* v1.2.4 — clearer programme copy + product title visible on arrival */
.cmx-ws-section-head h2.cmx-ws-programs-title {
  font-size: clamp(42px, 4.7vw, 68px);
  line-height: .94;
}

.cmx-workshops-page .cmx-ws-product {
  scroll-margin-top: 110px;
}

.cmx-workshops-page .cmx-ws-product-titlebar {
  padding: 20px 22px 18px;
  border-bottom: 1px solid var(--cmx-ws-line);
  background: var(--cmx-ws-white);
}

.cmx-workshops-page .cmx-ws-product-titlebar span {
  display: block;
  margin-bottom: 7px;
  color: var(--cmx-ws-purple-dark);
  font-size: 9px;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.cmx-workshops-page .cmx-ws-product-titlebar strong {
  display: block;
  color: var(--cmx-ws-ink);
  font-size: clamp(20px, 1.65vw, 28px);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -.025em;
}

.cmx-workshops-page .cmx-ws-product-original-title {
  display: none !important;
}

@media (max-width: 700px) {
  .cmx-ws-section-head h2.cmx-ws-programs-title {
    font-size: 42px;
  }

  .cmx-workshops-page .cmx-ws-product {
    scroll-margin-top: 80px;
  }
}


/* v1.2.9 — hard-hide legacy decorative/self-link artifacts over the hero. */
.cmx-workshops-page .cmx-ws-hero-stray {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* The original category shell can be rebuilt asynchronously by MFP. */
.cmx-workshops-page .cmx-ws-shop-chrome,
.cmx-workshops-page .cmx-ws-original-title-wrap {
  display: none !important;
}


/* ==========================================================
   v1.3.0 — stability fixes
   ========================================================== */

/* The white dot next to the hero title comes from a theme heading pseudo
   element.  Our hero has its own art direction, so disable theme decoration
   on the generated H1 explicitly. */
.cmx-ws-hero h1::before,
.cmx-ws-hero h1::after,
.cmx-ws-hero__copy h1::before,
.cmx-ws-hero__copy h1::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  pointer-events: none !important;
}

/* Keep the promoted hero above any legacy category decoration that the theme
   positions absolutely.  Header/breadcrumb are outside the hero's vertical
   area, so this does not cover navigation. */
.cmx-ws-hero.cmx-ws-hero--viewport {
  z-index: 5000 !important;
}

.cmx-ws-hero__copy,
.cmx-ws-hero__visual {
  position: relative;
  z-index: 2;
}

/* The original product grid is only a data source for our custom enrolment
   cards. Hide that exact grid, never a broad row/content wrapper. */
.cmx-workshops-page .cmx-ws-original-products-source {
  display: none !important;
}

/* Long copy (especially the writing seminar) must never collide with the
   bottom rule/action. Use normal flex flow instead of an absolutely positioned
   button. */
.cmx-ws-program {
  display: flex !important;
  flex-direction: column !important;
  min-height: 535px !important;
}

.cmx-ws-program p {
  margin-bottom: 24px !important;
}

.cmx-ws-program button {
  position: static !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: 100% !important;
  margin-top: auto !important;
  flex: 0 0 auto !important;
}

@media (max-width: 991px) {
  .cmx-ws-program {
    min-height: 0 !important;
  }
}


/* ==========================================================
   v1.3.1 — focused hero marker + long writing card fix
   ========================================================== */

/* Cyberstore applies its heading marker with a selector more specific than
   the generic workshop override. Target the generated title by ID so no dot,
   bullet or marker can survive beside «Κόμικς». */
body.cmx-workshops-page #cmx-ws-title,
body.cmx-workshops-page .cmx-ws-hero #cmx-ws-title {
  list-style: none !important;
}

body.cmx-workshops-page #cmx-ws-title::before,
body.cmx-workshops-page #cmx-ws-title::after,
body.cmx-workshops-page .cmx-ws-hero #cmx-ws-title::before,
body.cmx-workshops-page .cmx-ws-hero #cmx-ws-title::after {
  content: none !important;
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  position: static !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  transform: none !important;
  pointer-events: none !important;
}

body.cmx-workshops-page #cmx-ws-title::marker {
  content: "" !important;
  color: transparent !important;
  font-size: 0 !important;
}

/* The three editorial cards have copy of different lengths. Let every card
   grow naturally, while keeping the action at the bottom in normal flex flow.
   The extra base height keeps all three cards visually aligned. */
body.cmx-workshops-page .cmx-ws-program-grid {
  align-items: stretch !important;
}

body.cmx-workshops-page .cmx-ws-program-grid > .cmx-ws-program {
  display: flex !important;
  flex-direction: column !important;
  height: auto !important;
  min-height: 610px !important;
  max-height: none !important;
  overflow: visible !important;
  padding-bottom: 30px !important;
}

body.cmx-workshops-page .cmx-ws-program-grid > .cmx-ws-program > p {
  position: static !important;
  flex: 0 0 auto !important;
  max-width: none !important;
  margin: 0 0 34px !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.cmx-workshops-page .cmx-ws-program-grid > .cmx-ws-program > button {
  position: relative !important;
  inset: auto !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  display: flex !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  margin: auto 0 0 !important;
  padding: 16px 0 0 !important;
  transform: none !important;
}

@media (max-width: 991px) {
  body.cmx-workshops-page .cmx-ws-program-grid > .cmx-ws-program {
    min-height: 0 !important;
  }
}