/* Product Section v1.3.12 - base styles */
.psw{ width:100%; }
.psw *{ box-sizing:border-box; }

/* Nav (tabs strip) */
.psw__nav{
  width:100%;
  display:flex; align-items:center; justify-content:space-between;
  padding:10px 12px; background:#2b3356; border-radius:999px; gap:10px;
  max-width:100%; margin-inline:auto;
}
.psw__tabs{
  display:flex; align-items:center; gap:10px; list-style:none; margin:0; padding:0;
  flex:1; justify-content:center; overflow:hidden; /* no scrollbars */
}
.psw__tabwrap{ display:block; }
.psw .psw__tab{
  appearance:none; border:0; background:transparent; color:#e5e7eb;
  font-weight:600; padding:8px 14px; border-radius:999px; white-space:nowrap; cursor:pointer;
  transition:background .2s ease,color .2s ease;
}
.psw .psw__tab:hover{ background:#f15a37; color:#fff; }
.psw .psw__tab.is-active{ background:#f15a37; color:#fff; }

/* Strip Next (mobile only) */
.psw__next-strip{
  width:36px; height:36px; border-radius:999px; border:0; color:#fff; background:#3c4572;
  display:none; /* hidden by default, shown only on mobile */
  align-items:center; justify-content:center; flex:0 0 auto;
}

/* Content viewport */
.psw__viewport{ margin-top:14px; width:100%; max-width:100%; margin-inline:auto; }
.psw__card{
  background:#fff; border-radius:16px; box-shadow:0 10px 40px rgba(0,0,0,.12); overflow:hidden; display:none;
  border:2px solid transparent; transition:border-color .2s ease, box-shadow .2s ease;
}
.psw__card.is-active{ display:block; border-color:#f15a37; }

.psw__media{ width:100%; }
.psw__img{ display:block; width:100%; aspect-ratio:16/9; object-fit:cover; border-radius:12px; }

.psw__card__body{ padding:16px 18px 20px; }
.psw__title{ margin:6px 0 8px; font-size:20px; line-height:1.2; color:#0f172a; }
.psw__text{ margin:0; font-size:15px; line-height:1.7; color:#6b7280; }

/* Actions: right-aligned; CTA is icon-only */
.psw__actions{ display:flex; justify-content:flex-end; align-items:center; gap:10px; margin-top:12px; }
.psw__cta{ display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:12px; background:#f15a37; color:#fff; border:0; text-decoration:none; cursor:pointer; }

/* Next (mobile icon inside card) */
.psw__icon{ display:inline-flex; align-items:center; justify-content:center; padding:6px; width:auto; height:auto;
  border:1px solid rgba(0,0,0,.08); background:#fff; color:#111; border-radius:12px; box-shadow:0 4px 12px rgba(0,0,0,.08); }
.psw__icon i, .psw__icon svg{ pointer-events:none; }

/* Mobile: show strip-next and only prev/active/next tabs */
@media (max-width: 767px){
  .psw__next-strip{ display:inline-flex; }
  .psw__tabwrap{ display:none; }
  .psw__tabwrap.is-visible{ display:block; }
}

/* Desktop layout: end-to-end with adjustable gap */
@media (min-width: 768px){
  .psw__card.is-active{ display:grid; grid-template-columns: auto 1fr; align-items:center; gap:24px; }
  .psw__media{ padding:26px 0 26px 28px; }
  .psw__img{ width:276px; height:248px; aspect-ratio:auto; border-radius:19px; }
  .psw__card__body{ padding:0 28px 0 0; }
  .psw__title{ font-size:23px; font-weight:600; }
  .psw__text{ font-size:16px; line-height:30px; }
  .psw__icon{ display:none; } /* mobile-only nav */
}