:root{
  --ct-bg:#0d1d68;
  --ct-fg:#fff;
  --ct-bd:#e5e7eb;
  --ct-text:#0f172a;
  --ct-accent:#1e40af;
}
.soho-ct-wrap{overflow:hidden; background:#fff}
.soho-ct-tabs{display:flex; gap:24px; align-items:center; background:var(--ct-bg); color:var(--ct-fg); padding:14px 18px; overflow-x:auto}
.soho-ct-tab{display:flex; flex-direction:column; align-items:center; gap:6px; background:transparent; color:#cbd5e1; border:0; padding:8px 10px; cursor:pointer; min-width:90px}
.soho-ct-tab .soho-ct-icon{color:#cbd5e1}
.soho-ct-tab.active, .soho-ct-tab:focus{color:#fff}
.soho-ct-tab.active .soho-ct-icon{color:#fff}
.soho-ct-label{font-size:13px; font-weight:600}
.soho-ct-panel{display:none; padding:28px 24px; background:#fff; width: 75%; margin: 0 auto}
.soho-ct-panel.active{display:block}

.soho-ct-carousel{position:relative; display:flex; align-items:center; gap:14px}
.soho-ct-prev,.soho-ct-next{background:#0d1d68; border:1px solid #0d1d68; color:#fff; width:36px; height:36px; border-radius:999px; display:flex; align-items:center; justify-content:center; cursor:pointer}
.soho-ct-prev:hover,.soho-ct-next:hover{filter:brightness(1.1)}
.soho-ct-track{overflow:hidden; width:100%}
.soho-ct-slide{display:none; grid-template-columns: 1fr 520px; gap: 40px; align-items:center}
.soho-ct-slide.current{display:grid}
.soho-ct-left .soho-ct-title{font-size:26px; margin:0 0 10px; color:#0b184f}
.soho-ct-left .soho-ct-text{color:var(--ct-text); line-height:1.6}
.soho-ct-right{text-align:center}
.soho-ct-right img{max-width:520px; width:100%; height:auto}

/* === v1.1: icon images + active opacity + layout tweaks === */
.soho-ct-tab{min-width:120px}
.soho-ct-tabs{justify-content:center; column-gap:64px; row-gap:8px}
.soho-ct-icon img{width:40px; height:40px; object-fit:contain; display:block; opacity:.5; transition:opacity .2s ease}
.soho-ct-tab.active .soho-ct-icon img{opacity:1}
.soho-ct-tab{color:rgba(255,255,255,.7)}
.soho-ct-tab.active{color:#fff}
.soho-ct-panel{padding:36px 32px}

/* Responsive refinements */
@media (max-width: 1280px){
  .soho-ct-tabs{column-gap:40px}
  .soho-ct-slide.current{grid-template-columns: 1fr 460px}
  .soho-ct-right img{max-width:460px}
}
@media (max-width: 992px){
  .soho-ct-tabs{justify-content:flex-start}
}
@media (max-width: 768px){
  .soho-ct-slide.current{grid-template-columns:1fr; gap:18px}
  .soho-ct-prev,.soho-ct-next{position:absolute; top:50%; transform:translateY(-50%);}
  .soho-ct-prev{left:6px}
  .soho-ct-next{right:6px}
  .soho-ct-tab{min-width:100px}
  .soho-ct-icon img{width:32px; height:32px}
  .soho-ct-left .soho-ct-title{font-size:22px}
}