.cwcs-home-creations{overflow:hidden;background:#f4f4f6;padding:18px 0 56px}.cwcs-creation-row{overflow:hidden;margin:0 0 14px}.cwcs-creation-track{display:flex;width:max-content;gap:0;animation:cwcs-left 90s linear infinite}.cwcs-creation-row--right .cwcs-creation-track{animation-name:cwcs-right}.cwcs-creation-row:hover .cwcs-creation-track{animation-play-state:paused}.cwcs-creation-sequence{display:flex;flex:0 0 auto;gap:14px;padding-right:14px}.cwcs-creation-card{position:relative;flex:0 0 min(var(--cwcs-card-width,260px),calc(100vw - 32px));height:var(--cwcs-card-height,205px);border-radius:18px;overflow:hidden;background:#ddd;box-shadow:0 10px 26px rgba(0,0,0,.08)}.cwcs-creation-card img{width:100%;height:100%;object-fit:cover;display:block}.cwcs-edit-overlay{position:absolute;inset:auto 12px 12px 12px;padding:10px 14px;border-radius:999px;background:rgba(20,20,24,.86);color:#fff!important;text-align:center;text-decoration:none;font-weight:800;opacity:0;transform:translateY(8px);transition:.2s ease}.cwcs-creation-card:hover .cwcs-edit-overlay,.cwcs-creation-card:focus-within .cwcs-edit-overlay{opacity:1;transform:none}.cwcs-creation-still-grid{width:100%;margin:0 auto;padding:0 14px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.cwcs-creation-still-grid .cwcs-creation-card{width:100%;min-width:0;height:var(--cwcs-card-height,205px)}.cwcs-creation-row--static-sparse .cwcs-creation-track{animation:none!important;width:100%;justify-content:center}.cwcs-creation-row--static-sparse .cwcs-creation-sequence{padding-right:0;justify-content:center;flex-wrap:nowrap}.cwcs-video-posts{max-width:1220px;margin:52px auto 0;padding:0 20px}.cwcs-video-heading{text-align:center;margin-bottom:24px}.cwcs-video-heading span{font-size:.82rem;text-transform:uppercase;letter-spacing:.14em;font-weight:800}.cwcs-video-heading h2{margin:6px 0 0}.cwcs-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.cwcs-video-post{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:22px;overflow:hidden;box-shadow:0 16px 38px rgba(0,0,0,.08)}.cwcs-video-post video{width:100%;aspect-ratio:16/9;background:#111;display:block}.cwcs-video-copy{padding:18px}.cwcs-video-copy h3{margin:0 0 8px}.cwcs-video-copy p{margin:0 0 14px;color:#666}.cwcs-video-edit{display:inline-flex;padding:10px 16px;border-radius:999px;background:var(--cw-pink,var(--pink,#555));color:#fff!important;text-decoration:none;font-weight:800}@keyframes cwcs-left{to{transform:translateX(-50%)}}@keyframes cwcs-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}.cwcs-home-creations--rows{padding-bottom:18px}.cwcs-home-creations--videos{padding-top:10px;background:transparent}.cwcs-home-creations--videos .cwcs-video-posts{margin-top:20px;padding-bottom:42px}.cwcs-creation-row--count-1 .cwcs-creation-still-grid{grid-template-columns:minmax(180px,320px);justify-content:center}.cwcs-creation-row--count-2 .cwcs-creation-still-grid{grid-template-columns:repeat(2,minmax(180px,320px));justify-content:center}.cwcs-creation-row--count-3 .cwcs-creation-still-grid{grid-template-columns:repeat(3,minmax(180px,320px));justify-content:center}.cwcs-creation-row--count-4 .cwcs-creation-still-grid{grid-template-columns:repeat(4,minmax(180px,320px));justify-content:center}.cwcs-creation-image-link{display:block;width:100%;height:100%}.cwcs-creation-image-link:focus-visible{outline:4px solid currentColor;outline-offset:-4px}@media(max-width:900px){.cwcs-creation-card{flex-basis:calc((100vw - 56px)/3);height:190px}.cwcs-creation-still-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cwcs-video-grid{grid-template-columns:1fr}.cwcs-edit-overlay{opacity:1;transform:none}}@media(max-width:560px){.cwcs-creation-card{flex-basis:calc((100vw - 32px)/2);height:140px}.cwcs-creation-still-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 10px}.cwcs-creation-still-grid .cwcs-creation-card{height:140px}.cwcs-home-creations{padding-top:10px}.cwcs-creation-row--count-1 .cwcs-creation-still-grid{grid-template-columns:minmax(0,1fr);max-width:190px}.cwcs-creation-row--count-2 .cwcs-creation-still-grid,.cwcs-creation-row--count-3 .cwcs-creation-still-grid,.cwcs-creation-row--count-4 .cwcs-creation-still-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.cwcs-creation-track{animation:none}.cwcs-creation-row{overflow-x:auto}}


/* v1.10.7 customer starter homepage content */
.cwcs-starter-home{max-width:1500px;margin:34px auto;padding:0 18px}.cwcs-starter-hero{padding:30px;border:1px solid rgba(90,90,110,.14);border-radius:28px;background:#fff;text-align:center}.cwcs-starter-kicker{display:inline-block;margin-bottom:8px;font-weight:800;color:var(--cw-accent,var(--cwbe-accent,#4f8cff))}.cwcs-starter-hero h2{margin:0;font-size:clamp(1.7rem,4vw,3rem)}.cwcs-starter-hero p{max-width:760px;margin:12px auto 20px;color:#686877;line-height:1.6}.cwcs-starter-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.cwcs-starter-actions a,.cwcs-starter-card a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 18px;border-radius:999px;background:var(--cw-accent,var(--cwbe-accent,#4f8cff));color:#fff!important;font-weight:800;text-decoration:none}.cwcs-starter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}.cwcs-starter-card{position:relative;overflow:hidden;border:1px solid rgba(90,90,110,.14);border-radius:22px;background:#fff}.cwcs-starter-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.cwcs-starter-card>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px}.cwcs-starter-card h3{margin:0;font-size:1rem}.cwcs-starter-card a{min-height:36px;padding:8px 13px;font-size:.82rem;white-space:nowrap}.cwcs-starter-badge{position:absolute;z-index:2;top:10px;left:10px;padding:5px 9px;border-radius:999px;background:rgba(20,20,30,.78);color:#fff;font-size:.72rem;font-weight:800}.cwbe-base-media-card[data-media-title^="Demo"] .cwbe-base-media-title::after{content:"Demo";display:inline-block;margin-left:6px;padding:2px 6px;border-radius:999px;background:rgba(20,20,30,.75);color:#fff;font-size:.62rem;vertical-align:middle}@media(max-width:900px){.cwcs-starter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.cwcs-starter-home{padding:0 10px}.cwcs-starter-hero{padding:22px 16px}.cwcs-starter-grid{grid-template-columns:1fr}.cwcs-starter-card>div{align-items:flex-start;flex-direction:column}}

/* v1.10.8 customer homepage: feature grid + progressive three-row creation layout. */
.cwcs-feature-grid{width:min(1180px,calc(100% - 32px));margin:0 auto 26px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:center;padding:10px 0 18px}.cwcs-feature-card{position:relative;min-width:0;aspect-ratio:4/3;border-radius:24px;overflow:hidden;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 14px 34px rgba(0,0,0,.1);transition:transform .2s ease}.cwcs-feature-card a{display:block;width:100%;height:100%}.cwcs-feature-card img{display:block;width:100%;height:100%;object-fit:cover}.cwcs-feature-card--middle{aspect-ratio:1/1;max-width:360px;justify-self:center;width:100%}.cwcs-feature-card--left.is-rotated{transform:rotate(-3deg)}.cwcs-feature-card--right.is-rotated{transform:rotate(3deg)}.cwcs-feature-card:hover,.cwcs-feature-card:focus-within{transform:translateY(-3px) rotate(0)}.cwcs-feature-gif-badge{position:absolute;right:12px;bottom:12px;padding:5px 10px;border-radius:999px;background:rgba(15,15,20,.78);color:#fff;font-size:.72rem;font-weight:900;letter-spacing:.08em}.cwcs-home-creations--approved{padding-top:28px}.cwcs-home-creations--approved .cwcs-creation-row--left .cwcs-creation-track{animation-duration:110s}.cwcs-home-creations--approved .cwcs-creation-row--right .cwcs-creation-track{animation-duration:110s}@media(max-width:760px){.cwcs-feature-grid{grid-template-columns:1fr 1fr;gap:14px}.cwcs-feature-card--middle{grid-column:1/-1;grid-row:1;max-width:320px}.cwcs-feature-card--left.is-rotated{transform:rotate(-2deg)}.cwcs-feature-card--right.is-rotated{transform:rotate(2deg)}}@media(max-width:520px){.cwcs-feature-grid{grid-template-columns:1fr;width:calc(100% - 20px)}.cwcs-feature-card--middle{grid-column:auto}.cwcs-feature-card--left.is-rotated,.cwcs-feature-card--right.is-rotated{transform:none}}


/* v1.10.11 — equal-size customer creation rows with dependable motion. */
.cwcs-home-creations--approved{padding-top:18px}
.cwcs-home-creations--approved .cwcs-creation-row{margin-bottom:18px;overflow:hidden}
.cwcs-home-creations--approved .cwcs-creation-card{flex:0 0 clamp(170px,18vw,260px)!important;width:clamp(170px,18vw,260px)!important;height:auto!important;aspect-ratio:4/3!important}
.cwcs-home-creations--approved .cwcs-creation-card img{width:100%;height:100%;object-fit:cover}
.cwcs-home-creations--approved .cwcs-creation-track{display:flex;width:max-content;animation:cwcs-left 110s linear infinite!important;will-change:transform}
.cwcs-home-creations--approved .cwcs-creation-row--right .cwcs-creation-track{animation-name:cwcs-right!important}
.cwcs-home-creations--approved .cwcs-creation-still-grid{display:flex!important;align-items:stretch;justify-content:center;gap:14px;overflow:hidden;padding-inline:14px}
.cwcs-home-creations--approved .cwcs-creation-still-grid .cwcs-creation-card{flex:0 0 clamp(170px,18vw,260px)!important;width:clamp(170px,18vw,260px)!important;min-width:0}
@keyframes cwcs-left{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes cwcs-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media(max-width:700px){.cwcs-home-creations--approved .cwcs-creation-card,.cwcs-home-creations--approved .cwcs-creation-still-grid .cwcs-creation-card{flex-basis:150px!important;width:150px!important}.cwcs-home-creations--approved .cwcs-creation-still-grid{justify-content:flex-start;overflow-x:auto}}


/* v1.10.12 — double-size approved creation sliders. */
.cwcs-home-creations--approved .cwcs-creation-card{
  flex:0 0 clamp(340px,36vw,520px)!important;
  width:clamp(340px,36vw,520px)!important;
}
.cwcs-home-creations--approved .cwcs-creation-still-grid .cwcs-creation-card{
  flex:0 0 clamp(340px,36vw,520px)!important;
  width:clamp(340px,36vw,520px)!important;
}
.cwcs-home-creations--approved .cwcs-creation-sequence,
.cwcs-home-creations--approved .cwcs-creation-still-grid{gap:22px!important}
@media(max-width:900px){
  .cwcs-home-creations--approved .cwcs-creation-card,
  .cwcs-home-creations--approved .cwcs-creation-still-grid .cwcs-creation-card{
    flex-basis:300px!important;
    width:300px!important;
  }
}
@media(max-width:560px){
  .cwcs-home-creations--approved .cwcs-creation-card,
  .cwcs-home-creations--approved .cwcs-creation-still-grid .cwcs-creation-card{
    flex-basis:min(86vw,320px)!important;
    width:min(86vw,320px)!important;
  }
}


/* v1.10.13 — honor the exact per-row image limit without duplicating cards. */
.cwcs-home-creations--approved .cwcs-creation-track{
  width:max-content!important;
  min-width:0!important;
  animation:cwcs-approved-left 42s ease-in-out infinite alternate!important;
}
.cwcs-home-creations--approved .cwcs-creation-row--right .cwcs-creation-track{
  animation-name:cwcs-approved-right!important;
}
.cwcs-home-creations--approved .cwcs-creation-sequence{
  padding-inline:14px!important;
  padding-right:14px!important;
}
.cwcs-home-creations--approved .cwcs-creation-row--count-1 .cwcs-creation-track,
.cwcs-home-creations--approved .cwcs-creation-row--count-2 .cwcs-creation-track{
  animation:none!important;
  width:100%!important;
  justify-content:center!important;
}
.cwcs-home-creations--approved .cwcs-creation-row--count-1 .cwcs-creation-sequence,
.cwcs-home-creations--approved .cwcs-creation-row--count-2 .cwcs-creation-sequence{
  margin-inline:auto!important;
}
@keyframes cwcs-approved-left{
  from{transform:translateX(0)}
  to{transform:translateX(min(0px,calc(100vw - 100% - 28px)))}
}
@keyframes cwcs-approved-right{
  from{transform:translateX(min(0px,calc(100vw - 100% - 28px)))}
  to{transform:translateX(0)}
}
@media(max-width:700px){
  .cwcs-home-creations--approved .cwcs-creation-track{
    animation-duration:34s!important;
  }
}


/* v1.10.14 — slightly shorter cards and reliable motion for exact short rows. */
.cwcs-home-creations--approved .cwcs-creation-row--left,
.cwcs-home-creations--approved .cwcs-creation-row--right{
  display:flex!important;
  justify-content:center!important;
}
.cwcs-home-creations--approved .cwcs-creation-row--left .cwcs-creation-track,
.cwcs-home-creations--approved .cwcs-creation-row--right .cwcs-creation-track{
  flex:0 0 auto!important;
  width:max-content!important;
  animation-duration:24s!important;
  animation-timing-function:ease-in-out!important;
  animation-iteration-count:infinite!important;
  animation-direction:alternate!important;
}
.cwcs-home-creations--approved .cwcs-creation-row--left .cwcs-creation-track{
  animation-name:cwcs-short-row-left!important;
}
.cwcs-home-creations--approved .cwcs-creation-row--right .cwcs-creation-track{
  animation-name:cwcs-short-row-right!important;
}
.cwcs-home-creations--approved .cwcs-creation-card,
.cwcs-home-creations--approved .cwcs-creation-still-grid .cwcs-creation-card{
  height:clamp(231px,calc(27vw - 24px),366px)!important;
  aspect-ratio:auto!important;
}
@keyframes cwcs-short-row-left{
  from{transform:translateX(48px)}
  to{transform:translateX(-48px)}
}
@keyframes cwcs-short-row-right{
  from{transform:translateX(-48px)}
  to{transform:translateX(48px)}
}
@media(max-width:900px){
  .cwcs-home-creations--approved .cwcs-creation-card,
  .cwcs-home-creations--approved .cwcs-creation-still-grid .cwcs-creation-card{
    height:201px!important;
  }
  @keyframes cwcs-short-row-left{
    from{transform:translateX(32px)}
    to{transform:translateX(-32px)}
  }
  @keyframes cwcs-short-row-right{
    from{transform:translateX(-32px)}
    to{transform:translateX(32px)}
  }
}
@media(max-width:560px){
  .cwcs-home-creations--approved .cwcs-creation-card,
  .cwcs-home-creations--approved .cwcs-creation-still-grid .cwcs-creation-card{
    height:calc(min(86vw,320px) * .75 - 24px)!important;
    min-height:180px!important;
  }
}


/* v1.10.15 — true one-direction row motion with adjustable speed. */
.cwcs-home-creations--approved .cwcs-creation-row--left .cwcs-creation-track,
.cwcs-home-creations--approved .cwcs-creation-row--right .cwcs-creation-track{
  animation-duration:var(--cwcs-row-duration,18s)!important;
  animation-timing-function:linear!important;
  animation-iteration-count:infinite!important;
  animation-direction:normal!important;
}
.cwcs-home-creations--approved .cwcs-creation-row--left .cwcs-creation-track{
  animation-name:cwcs-one-way-left!important;
}
.cwcs-home-creations--approved .cwcs-creation-row--right .cwcs-creation-track{
  animation-name:cwcs-one-way-right!important;
}
.cwcs-home-creations--approved .cwcs-creation-row--still .cwcs-creation-track,
.cwcs-home-creations--approved .cwcs-creation-row--still .cwcs-creation-still-grid{
  animation:none!important;
  transform:none!important;
}
@keyframes cwcs-one-way-left{
  from{transform:translateX(42px)}
  to{transform:translateX(-42px)}
}
@keyframes cwcs-one-way-right{
  from{transform:translateX(-42px)}
  to{transform:translateX(42px)}
}
@media(max-width:900px){
  @keyframes cwcs-one-way-left{from{transform:translateX(28px)}to{transform:translateX(-28px)}}
  @keyframes cwcs-one-way-right{from{transform:translateX(-28px)}to{transform:translateX(28px)}}
}
@media(prefers-reduced-motion:reduce){
  .cwcs-home-creations--approved .cwcs-creation-track{animation:none!important;transform:none!important}
}


/* v1.10.18 — make Homepage Creations width/height controls authoritative.
   Older release rules used fixed clamp() dimensions with !important, which prevented saved values from applying. */
.cwcs-home-creations--approved .cwcs-creation-card,
.cwcs-home-creations--approved .cwcs-creation-still-grid .cwcs-creation-card{
  flex:0 0 min(var(--cwcs-card-width,260px),calc(100vw - 32px))!important;
  width:min(var(--cwcs-card-width,260px),calc(100vw - 32px))!important;
  height:var(--cwcs-card-height,205px)!important;
  min-height:0!important;
  max-width:none!important;
  aspect-ratio:auto!important;
}
@media(max-width:900px){
  .cwcs-home-creations--approved .cwcs-creation-card,
  .cwcs-home-creations--approved .cwcs-creation-still-grid .cwcs-creation-card{
    flex-basis:min(var(--cwcs-card-width,260px),calc(100vw - 32px))!important;
    width:min(var(--cwcs-card-width,260px),calc(100vw - 32px))!important;
    height:min(var(--cwcs-card-height,205px),72vw)!important;
  }
}

/* v1.10.21 — seamless continuous marquee for approved creation rows. */
.cwcs-home-creations--approved .cwcs-creation-row--left,
.cwcs-home-creations--approved .cwcs-creation-row--right{
  justify-content:flex-start!important;
}
.cwcs-home-creations--approved .cwcs-creation-row--left .cwcs-creation-track,
.cwcs-home-creations--approved .cwcs-creation-row--right .cwcs-creation-track{
  display:flex!important;
  width:max-content!important;
  gap:0!important;
  will-change:transform;
  animation-duration:var(--cwcs-row-duration,18s)!important;
  animation-timing-function:linear!important;
  animation-iteration-count:infinite!important;
  animation-direction:normal!important;
}
.cwcs-home-creations--approved .cwcs-creation-row--left .cwcs-creation-track{
  animation-name:cwcs-seamless-left!important;
}
.cwcs-home-creations--approved .cwcs-creation-row--right .cwcs-creation-track{
  animation-name:cwcs-seamless-right!important;
}
.cwcs-home-creations--approved .cwcs-creation-sequence{
  display:flex!important;
  flex:0 0 auto!important;
  gap:22px!important;
  padding:0 22px 0 0!important;
}
@keyframes cwcs-seamless-left{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}
@keyframes cwcs-seamless-right{
  from{transform:translate3d(-50%,0,0)}
  to{transform:translate3d(0,0,0)}
}