.product__title h1.ys-logo-heading {
  position: relative;
  width: min(100%, 340px);
  aspect-ratio: 2108 / 557;
  overflow: hidden;
  margin: 0;
  line-height: 1;
}
.ys-logo-heading img {
  position: absolute;
  display: block;
  width: 102.8463%;
  max-width: none;
  height: auto;
  left: -1.186%;
  top: -11.6697%;
}
@media (max-width: 749px) {
  .product__title h1.ys-logo-heading { width: min(100%, 300px); }
}
html[data-preview-theme] .ys-class-builder-showcase .ycb .ycb-panel .ycb-controls {
  background: linear-gradient(135deg, rgba(33, 29, 38, .72), rgba(40, 34, 43, .62));
  border-color: rgba(255, 255, 255, .28);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 8px 24px rgba(20, 15, 25, .16);
  backdrop-filter: blur(12px) saturate(.9);
  -webkit-backdrop-filter: blur(12px) saturate(.9);
}
html[data-preview-theme] .ys-class-builder-showcase .ycb .ycb-panel > .ycb-practice {
  margin-top: 18px;
  width: 100%;
  flex: none;
  border-radius: 999px;
  background: #5836dc !important;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.ys-class-builder-showcase .ycb-panel[inert] { cursor: default; }
html[data-preview-theme] .ys-class-builder-showcase .ycb .ycb-panel > .ycb-practice,
html[data-preview-theme] #practice-player .ysl-scene .ysl-screen .ysl-mobile-transport button.ysl-play {
  background-color: #073f31 !important;
  background-image: linear-gradient(180deg, rgba(232, 255, 243, .25), rgba(255, 255, 255, .015) 43%, rgba(0, 22, 16, .22)), radial-gradient(ellipse at 18% 5%, rgba(94, 184, 141, .46), transparent 58%), linear-gradient(110deg, rgba(12, 89, 61, .04), rgba(0, 29, 22, .18) 48%, rgba(0, 24, 19, .72)), var(--ys-green-texture) !important;
  background-size: 100% 100%, 100% 100%, 100% 100%, 260% auto !important;
  background-position: center, center, center, left top !important;
  background-repeat: no-repeat !important;
  border: 1px solid rgba(192, 237, 212, .58) !important;
  color: #fff !important;
  text-shadow: 0 1px 2px rgba(0, 25, 18, .4);
  box-shadow: inset 0 1px 1px rgba(239, 255, 246, .48), inset 0 -2px 2px rgba(0, 25, 17, .3), 0 2px 0 rgba(121, 180, 150, .22), 0 5px 12px rgba(0, 40, 27, .2) !important;
  backdrop-filter: blur(10px) saturate(1.35);
  -webkit-backdrop-filter: blur(10px) saturate(1.35);
}
@media (prefers-reduced-transparency: reduce) {
  html[data-preview-theme] .ys-class-builder-showcase .ycb .ycb-panel .ycb-controls {
    background: #29242e;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}

html[data-preview-theme] .ys-class-builder-showcase .ycb .ycb-panel>.ycb-practice,html[data-preview-theme] #practice-player .ysl-scene .ysl-screen .ysl-mobile-transport button.ysl-play {position:relative;isolation:isolate;overflow:hidden;background:transparent!important;border:0!important;box-shadow:0 5px 12px #00281b25!important}
html[data-preview-theme] .ycb-practice:before,html[data-preview-theme] #practice-player .ysl-play:before {content:"";position:absolute;inset:-3px;z-index:-1;border-radius:inherit;background-color:#073f31;background-image:linear-gradient(180deg,#e8fff32e,#ffffff00 44%,#00161024),radial-gradient(ellipse at 15% 0%,#77cda491,transparent 62%),radial-gradient(ellipse at 55% 105%,#2e886333,transparent 65%),linear-gradient(110deg,#0d684d38,#002b204d 55%,#001813bd),var(--ys-green-texture);background-size:100% 100%,100% 100%,100% 100%,100% 100%,260% auto;background-position:center,center,center,center,left top;filter:blur(1.35px);opacity:.93}
html[data-preview-theme] .ycb-practice:after,html[data-preview-theme] #practice-player .ysl-play:after {content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;border:1px solid #c0edd480;box-shadow:inset 0 1px 1px #effff65e,inset 0 -1px 2px #00191138}
.yogaspace-product-main{--color-base-accent-1:21,83,61;--color-base-accent-2:34,94,70;--color-button:21,83,61;--color-link:21,83,61}.yogaspace-product-main button[name=add],.yogaspace-product-main .product-form__submit{background:linear-gradient(115deg,#397b5f,#063e2e)!important;color:#fff!important}.ysb-app-nav button[aria-pressed=true],.ypc-explore-link{color:#225b40!important}.ycb-ring-handle{fill:#548366!important}.product__text strong,.ys-plan-card strong{color:inherit}

/* Scroll-linked duration: the centered value replaces both adjusters. */
html[data-preview-theme] .ycb .ycb-duration-control {display:flex;justify-content:center;gap:0}
html[data-preview-theme] .ycb .ycb-ring-value,
html[data-preview-theme] .ycb .ycb-ring-handle {transition:none}
/* Keep the existing cards intact over the same softened texture as the buttons. */
html[data-preview-theme] .ys-sequence-filmstrips__panel {
  position:relative;isolation:isolate;overflow:hidden;background:#073f31;
}
html[data-preview-theme] .ys-sequence-filmstrips__panel::before {
  content:"";position:absolute;inset:-3px;z-index:-1;pointer-events:none;
  background-color:#073f31;
  background-image:linear-gradient(180deg,#e8fff32e,#ffffff00 44%,#00161024),radial-gradient(ellipse at 15% 0%,#77cda491,transparent 62%),radial-gradient(ellipse at 55% 105%,#2e886333,transparent 65%),linear-gradient(110deg,#0d684d38,#002b204d 55%,#001813bd),var(--ys-green-texture);
  background-size:100% 100%,100% 100%,100% 100%,100% 100%,800% auto;
  background-position:center,center,center,center,left top;
  filter:blur(1.35px);opacity:.93;
}

/* Give the two frameless green previews a soft lift from the page. */
html[data-preview-theme] :is(#iphone-library .ys-library-preview,#sequence-recommendations .ys-sequence-filmstrips__panel) {
  box-shadow: 0 28px 56px rgba(20, 54, 43, .15), 0 6px 16px rgba(20, 54, 43, .07);
}

/* Size the greeting to its copy and keep the search field easy to use. */
html[data-preview-theme] #sequence-recommendations .ys-sequence-filmstrips__recommendation {
  box-sizing: border-box;
  width: max-content;
  max-width: 100%;
  align-self: end;
  background: rgba(255, 255, 255, .9) !important;
}
html[data-preview-theme] #sequence-recommendations .ys-sequence-filmstrips__recommendation::after {
  background: rgba(255, 255, 255, .9) !important;
}
html[data-preview-theme] #sequence-recommendations .ys-sequence-filmstrips__search {
  box-sizing: border-box;
  width: 100%;
  height: 48px;
  align-self: end;
  justify-self: center;
  background: rgba(255, 255, 255, .9) !important;
}
html[data-preview-theme] #sequence-recommendations .ys-sequence-filmstrips__search input {
  padding-block: 9px;
}

/* Founder mat callout. */
.yogaspace-product-main .limited-stock-badge {
  border-color: #133f30;
  color: #306951;
}