.tislit-feature-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  margin: 0;
  padding: clamp(18px,3vw,42px) clamp(14px,3vw,44px);
  text-align: start;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

/* Shared floral branches fade naturally into the page. */
.tislit-feature-hero::before,.tislit-feature-hero::after {
  content: ""; position: absolute; inset-block: 0; width: clamp(110px,17vw,250px);
  pointer-events: none; z-index: -1;
  background: url('../img/floral-branch.svg') left center / contain no-repeat;
  opacity: .65;
  -webkit-mask-image: linear-gradient(transparent,#000 12%,#000 80%,transparent);
  mask-image: linear-gradient(transparent,#000 12%,#000 80%,transparent);
}
.tislit-feature-hero::before { left: -24px; }
.tislit-feature-hero::after { right: -24px; transform: scaleX(-1); }
.tislit-feature-hero * {
  box-sizing: border-box;
}

.tislit-feature-hero [hidden] {
  display: none!important;
}

.tislit-feature-shell {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0,1.65fr) minmax(250px,.85fr);
  align-items: center;
  gap: clamp(16px,2vw,34px);
  max-width: 1540px;
  margin: auto;
  direction: ltr;
}

.tislit-feature-slides {
  min-width: 0;
}

.tislit-feature-slide {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1.1fr);
  align-items: center;
  gap: clamp(16px,2vw,32px);
  min-height: var(--tislit-feature-height);
  margin: 0;
}

.tislit-feature-copy {
  padding: clamp(12px,2vw,30px);
  text-align: start;
  direction: ltr;
}

.afus-rtl .tislit-feature-copy {
  direction: rtl;
}

.tislit-feature-kicker {
  color: var(--anaqa-accent);
  font-size: 13px;
  font-weight: 700;
}

.tislit-feature-copy h2 {
  font-size: clamp(24px,2.35vw,42px);
  line-height: 1.45;
  margin: 14px 0;
  overflow-wrap: anywhere;
}

.tislit-feature-copy h2 a {
  color: #5e2336;
  text-decoration: none;
}

.tislit-feature-copy p {
  font-size: clamp(14px,1.1vw,18px);
  line-height: 1.8;
  color: var(--anaqa-muted);
  margin: 0 0 22px;
}

.tislit-feature-cta {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 11px 24px;
  border-radius: 999px;
  color: #fff;
  background: var(--anaqa-accent);
  box-shadow: 0 10px 25px #c83d6830;
  text-decoration: none;
  font-weight: 700;
}

.tislit-feature-cta:hover {
  color: #fff;
  background: var(--anaqa-accent-strong);
}

.tislit-feature-image {
  display: block;
  min-width: 0;
  height: var(--tislit-feature-height);
  max-height: 550px;
  border-radius: 42% 58% 30% 70%/18% 25% 75% 82%;
  overflow: hidden;
  border: 8px solid #fce3eb;
  box-shadow: 0 18px 45px #89405115;
}

.tislit-feature-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 30%;
}

.tislit-feature-slide:not(:has(.tislit-feature-image)) {
  grid-template-columns: 1fr;
}

.tislit-feature-categories {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 12px 8px;
  padding: clamp(16px,2vw,30px);
  border-radius: 52px 28px 48px 30px;
  background: #eae3e7b0;
  border: 1px solid #e2b6b6;
  box-shadow: 0 18px 35px #8b40521a;
  direction: ltr;
  min-width: 0;
}

.afus-rtl .tislit-feature-categories {
  direction: rtl;
}

.tislit-feature-categories a {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  min-height: 42px;
  color: var(--anaqa-text);
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.tislit-feature-categories a:hover {
  color: var(--anaqa-accent);
}

.tislit-feature-cat-icon {
  display: grid;
  place-items: center;
  flex: none;
  width: 32px;
  height: 32px;
  color: var(--anaqa-accent);
  font-size: 23px;
}

.tislit-feature-cat-icon :is(svg,img) {
  width: 28px;
  height: 28px;
  object-fit: contain;
}

.tislit-feature-controls {
  grid-column: 1/-1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-top: 4px;
}

.tislit-feature-controls>button {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid var(--anaqa-line);
  background: white;
  color: var(--anaqa-accent);
  font-size: 26px;
  cursor: pointer;
}

.tislit-feature-dots {
  display: flex;
  gap: 9px;
}

.tislit-feature-dots button {
  width: 12px;
  height: 12px;
  padding: 0;
  border-radius: 50%;
  border: 1px solid #e2b8c6;
  background: white;
  cursor: pointer;
}

.tislit-feature-dots button[aria-pressed="true"] {
  background: var(--anaqa-accent);
  border-color: var(--anaqa-accent);
}

.tislit-feature-hero :is(a,button):focus-visible {
  outline: 2px solid var(--anaqa-accent);
  outline-offset: 4px;
}

.tislit-feature-shell:not(:has(.tislit-feature-categories)) {
  grid-template-columns: 1fr;
}

.afus-night .tislit-feature-hero::before,



.afus-night .tislit-feature-categories {
  background: #241c23;
  color: #eee;
  border-color: #44313c;
}

.afus-night .tislit-feature-copy h2 a,.afus-night .tislit-feature-categories a {
  color: #f4dbe4;
}

.afus-night .tislit-feature-copy p {
  color: #c5b5bc;
}

.afus-night .tislit-feature-controls>button {
  background: #241c23;
  border-color: #44313c;
  color: #f4a8c2;
}

@media (max-width:1100px) {
  .tislit-feature-shell {
    grid-template-columns: 1fr;
  }

  .tislit-feature-categories {
    grid-template-columns: repeat(4,minmax(0,1fr));
    border-radius: 26px;
    padding: 16px;
  }

  .tislit-feature-slide {
    min-height: 0;
  }

  .tislit-feature-image {
    height: min(var(--tislit-feature-height),380px);
  }
}

@media (max-width:600px) {


  .tislit-feature-hero {
    padding: 18px 12px;
  }

  .tislit-feature-slide {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .tislit-feature-image {
    grid-row: 1;
    height: 260px;
    border-width: 5px;
    border-radius: 36px 70px 36px 70px;
  }

  .tislit-feature-copy {
    padding: 4px 8px;
  }

  .tislit-feature-copy h2 {
    font-size: 25px;
    margin: 8px 0;
  }

  .tislit-feature-copy p {
    margin-bottom: 14px;
  }

  .tislit-feature-categories {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 7px 12px;
    padding: 14px;
    border-radius: 24px;
  }

  .tislit-feature-categories a {
    font-size: 12px;
  }

  .tislit-feature-controls {
    gap: 16px;
  }
}

@keyframes tislit-pink-mist {
  from {
    transform: translate3d(-2%,-1%,0) scale(1);
  }

  to {
    transform: translate3d(2%,2%,0) scale(1.06);
  }
}

@keyframes tislit-romantic-drift {
  from {
    background-position: 0 0;
  }

  to {
    background-position: 0 420px;
  }
}

@keyframes tislit-romantic-drift-mobile {
  from {
    background-position: 0 0;
  }

  to {
    background-position: 0 315px;
  }
}

@media (prefers-reduced-motion:reduce) {
  .tislit-feature-hero::before,.tislit-feature-hero::after {
    animation: none;
  }
}

/* Reference hero layout; inactive slides reserve the same layout space. */
.tislit-feature-hero {
  padding: 16px 70px 42px;
}
.tislit-feature-shell {
  max-width: 1540px;
  grid-template-columns: minmax(0,2.15fr) minmax(270px,1fr);
  gap: 0;
}
.tislit-feature-slides {
  display: grid;
  grid-template-columns: minmax(0,1fr);
  touch-action: pan-y pinch-zoom;
}
.tislit-feature-slides .tislit-feature-slide {
  grid-area: 1 / 1;
  grid-template-columns: minmax(0,.85fr) minmax(0,1.35fr);
  gap: 0;
  min-width: 0;
}
.tislit-feature-slides .tislit-feature-slide[hidden] {
  display: grid !important;
  visibility: hidden;
  pointer-events: none;
}
.tislit-feature-copy { padding: 24px 28px 24px 0; position: relative; z-index: 1; }
.tislit-feature-copy h2 { font-size: clamp(24px,2.1vw,38px); line-height: 1.5; }
.tislit-feature-copy p { font-size: 15px; }
.tislit-feature-cta { background: #f23870; box-shadow: 0 10px 24px #f2387040; }
.tislit-feature-hero .tislit-feature-image {
  width: 100%;
  height: clamp(340px,var(--tislit-feature-height),480px);
  max-height: none;
  min-height: 0;
  border: 0;
  border-radius: 0;
  padding: 0;
  background-color: #f9dce6;
  clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
  clip-path: url(#tislit-feature-wave);
}
.tislit-feature-hero .tislit-feature-image img {
  width: 100%; height: 100%; min-height: 0; max-height: 100%;
  object-fit: cover; object-position: center 20%;
  border-radius: 0;
}
.tislit-feature-categories {
  position: relative; z-index: 2;
  margin-left: -36px;
  padding: 28px 24px;
  background: #ffffffed;
  border: 6px solid #fff2f6;
  border-radius: 28% 18% 16% 26% / 20% 28% 22% 25%;
  box-shadow: 8px 12px 22px #8b405225;
  gap: 12px 8px;
}
.tislit-feature-categories a { min-height: 42px; font-size: 13px; }
.tislit-feature-controls { margin: 0; height: 24px; }
.tislit-feature-controls > button { position: absolute; top: 50%; transform: translateY(-50%); width: 46px; height: 46px; box-shadow: 0 4px 14px #89405115; }
.tislit-feature-controls > button:first-child { left: -56px; }
.tislit-feature-controls > button:last-child { right: -56px; }
.tislit-feature-dots { align-self: end; }
.afus-night .tislit-feature-categories { background: #241c23; border-color: #44313c; }
@media (max-width:1100px) {
  .tislit-feature-hero { padding: 16px 52px 30px; }
  .tislit-feature-shell { grid-template-columns: 1fr; gap: 18px; }
  .tislit-feature-categories { margin-left: 0; grid-template-columns: repeat(4,minmax(0,1fr)); border-radius: 30px; padding: 18px; }
  .tislit-feature-controls > button:first-child { left: -44px; }
  .tislit-feature-controls > button:last-child { right: -44px; }
}
@media (max-width:600px) {
  .tislit-feature-hero { padding: 16px 14px 24px; }
  .tislit-feature-slides .tislit-feature-slide { grid-template-columns: minmax(0,1fr); gap: 12px; }
  .tislit-feature-hero .tislit-feature-image { grid-row: 1; height: 280px; padding: 0; }
  .tislit-feature-copy { padding: 4px 8px; }
  .tislit-feature-copy h2 { font-size: 25px; }
  .tislit-feature-categories { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px 12px; padding: 14px; border-radius: 28px; }
  .tislit-feature-controls { height: 40px; gap: 16px; }
  .tislit-feature-controls > button { position: static; transform: none; width: 40px; height: 40px; }
  .tislit-feature-dots { align-self: center; }
}

/* Alternative wave layouts selected in Admin > Layout. */
.tislit-feature-hero.tislit-feature-wave-2 .tislit-feature-image {
  clip-path: none;
  border-radius: 48% 52% 38% 62% / 38% 35% 65% 62%;
  border: 8px solid #fce2eb;
}
.tislit-feature-hero.tislit-feature-wave-2 .tislit-feature-categories {
  margin-left: 16px;
  border-radius: 45px 80px 45px 80px;
  background: #fff8f4;
}
.tislit-feature-hero.tislit-feature-wave-3 .tislit-feature-shell { grid-template-columns: minmax(0,1fr); gap: 14px; }
.tislit-feature-hero.tislit-feature-wave-3 .tislit-feature-slide { grid-template-columns: minmax(0,.8fr) minmax(0,1.4fr); }
.tislit-feature-hero.tislit-feature-wave-3 .tislit-feature-image {
  clip-path: none;
  border-radius: 60px 140px 80px 140px / 80px 80px 110px 110px;
}
.tislit-feature-hero.tislit-feature-wave-3 .tislit-feature-categories {
  margin: 0;
  grid-template-columns: repeat(6,minmax(0,1fr));
  border-radius: 36px 60px 36px 60px;
  padding: 14px 20px;
}
.afus-night .tislit-feature-hero.tislit-feature-wave-2 .tislit-feature-categories { background: #241c23; }
@media(max-width:1100px) {
  .tislit-feature-hero.tislit-feature-wave-2 .tislit-feature-categories { margin-left:0; }
  .tislit-feature-hero.tislit-feature-wave-3 .tislit-feature-categories { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:600px) {
  .tislit-feature-hero.tislit-feature-wave-3 .tislit-feature-slide { grid-template-columns:minmax(0,1fr); }
  .tislit-feature-hero.tislit-feature-wave-3 .tislit-feature-categories { grid-template-columns:repeat(2,minmax(0,1fr)); padding:14px; }
}

/* Layout 4: fixed portrait rectangle, retaining touch navigation. */
.tislit-feature-hero.tislit-feature-wave-4 .tislit-feature-shell { grid-template-columns: minmax(0,1fr); gap: 18px; }
.tislit-feature-hero.tislit-feature-wave-4 .tislit-feature-slide { grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: center; }
.tislit-feature-hero.tislit-feature-wave-4 .tislit-feature-image {
  clip-path: none; border-radius: 18px; border: 0;
  height: clamp(400px,var(--tislit-feature-height),600px);
  width: auto; aspect-ratio: 2 / 3; max-width: 100%; justify-self: center;
  overflow: hidden;
}
.tislit-feature-hero.tislit-feature-wave-4 .tislit-feature-image img { object-fit: cover; object-position: center; }
.tislit-feature-hero.tislit-feature-wave-4 .tislit-feature-categories {
  margin: 0; border-radius: 24px; grid-template-columns: repeat(6,minmax(0,1fr)); padding: 16px;
}
@media (max-width:1100px) {
  .tislit-feature-hero.tislit-feature-wave-4 .tislit-feature-categories { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width:600px) {
  .tislit-feature-hero.tislit-feature-wave-4 .tislit-feature-slide { grid-template-columns: minmax(0,1fr); }
  .tislit-feature-hero.tislit-feature-wave-4 .tislit-feature-image { grid-row: 1; height: 390px; width: min(260px,100%); aspect-ratio: auto; }
  .tislit-feature-hero.tislit-feature-wave-4 .tislit-feature-categories { grid-template-columns: repeat(2,minmax(0,1fr)); }
}