:root {
      --ink-bg: #0D0C0B; 
      --red: #ED6464;
      --white: #FFFFFF;
      --line-dark: rgba(255,255,255,.08);
      --terra: #C17A5A;
      --sans: 'Barlow', system-ui, sans-serif;
      --serif: 'Barlow', system-ui, sans-serif;
      --gutter: clamp(20px, 5vw, 80px);
      --max: 1320px;
      --ease: cubic-bezier(.22,1,.36,1);
      --fs-body: 17px; 
    }

    .tabs-section-wrapper *, 
    .tabs-section-wrapper *::before, 
    .tabs-section-wrapper *::after { box-sizing: border-box; margin: 0; padding: 0; }

    .tabs-section-wrapper { 
        font-family: var(--sans); 
        -webkit-font-smoothing: antialiased; 
        background: var(--ink-bg); 
        color: var(--white); 
        padding: clamp(60px, 10vw, 140px) 0; 
        position: relative; 
        overflow: hidden;
        line-height: 1.5;
    }

    .tabs-section-wrapper .container-fluid { max-width: var(--max); margin: 0 auto; padding: 0 var(--gutter); }

    .tabs-section-wrapper .eyebrow {
      display: inline-flex; align-items: center; gap: 12px;
      font-size: 12px; font-weight: 600; letter-spacing: .2em;
      text-transform: uppercase; color: var(--red); margin-bottom: 20px;
    }
    .tabs-section-wrapper .eyebrow::before { content: ""; width: 24px; height: 1px; background: currentColor; }

    .tabs-header { margin-bottom: clamp(40px, 6vw, 80px); }
    .tabs-header h2 {
      font-family: var(--serif); font-size: clamp(30px, 5vw, 55px);
      font-weight: 600; line-height: 1.05; letter-spacing: -.01em; color: var(--white);
    }

    .tabs-triggers { list-style: none !important; border-top: 1px solid var(--line-dark); padding-left: 0 !important; margin-left: 0 !important;}
    .tab-item { border-bottom: 1px solid var(--line-dark); background: transparent !important; list-style: none !important;}

    .tab-btn {
      display: grid; grid-template-columns: 100px 1fr 40px; gap: 20px; align-items: center;
      width: 100%; padding: 32px 0; background: transparent !important; border: none; cursor: pointer;
      text-align: left; color: inherit; outline: none;
    }

    .tab-btn__num {
      font-family: var(--serif); font-size: clamp(32px, 5vw, 64px);
      font-weight: 600; line-height: 1; letter-spacing: -.02em; color: rgba(255,255,255,0.12); transition: color .4s var(--ease);
    }

    .tab-btn:hover .tab-btn__num, .tab-item.is-open .tab-btn__num { color: var(--red); }
    .tab-btn__text { display: flex; flex-direction: column; gap: 6px; overflow: hidden; }
    .tab-btn__title {
      font-family: var(--serif); font-size: clamp(19px, 2.5vw, 32px);
      font-weight: 600; line-height: 1.2; color: rgba(255,255,255,0.6); transition: color .3s var(--ease);
    }
    .tab-item.is-open .tab-btn__title { color: var(--white); }

    .tab-btn__sub { font-size: 13px; font-weight: 500; letter-spacing: .05em; text-transform: uppercase; color: rgba(255,255,255,.3); line-height: 1.4; }

    .tab-btn__arrow {
      width: 32px; height: 32px; border-radius: 50%; border: 1px solid rgba(255,255,255,.15);
      display: grid; place-items: center; transition: all .4s var(--ease);
    }
    .tab-btn__arrow svg { width: 14px; height: 14px; color: rgba(255,255,255,.4); transition: transform .4s var(--ease); }

    .tab-item.is-open .tab-btn__arrow { background: var(--red); border-color: var(--red); }
    .tab-item.is-open .tab-btn__arrow svg { color: var(--white); transform: rotate(45deg); }

    .tab-panel { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .5s var(--ease); }
    .tab-panel.is-open { grid-template-rows: 1fr; }
    .tab-panel__inner { overflow: hidden; }

    .tab-panel__content { display: grid; grid-template-columns: 1.2fr 1fr; gap: 40px; padding: 0 0 60px 120px; }

    .panel-desc { font-size: var(--fs-body); line-height: 1.7; color: rgba(255,255,255,0.5); margin-bottom: 32px; }

    .panel-treatments { list-style: none !important; padding-left: 0 !important; }
    .panel-treatment { display: flex; align-items: flex-start; gap: 16px; padding: 20px 0; border-top: 1px solid var(--line-dark); }
    .panel-treatment__dot {
      width: 6px; height: 6px; border-radius: 50%; background: var(--red); box-shadow: 0 0 8px var(--red);
      margin-top: 10px; flex-shrink: 0;
    }
    .panel-treatment__name { font-size: var(--fs-body); font-weight: 600; color: var(--white); margin-bottom: 4px; }
    .panel-treatment__tech { font-size: 16px; color: rgba(255,255,255,0.35); line-height: 1.5; }

    .panel-img { border-radius: 12px; overflow: hidden; height: 100%; min-height: 300px; background: #1a1a1a; }
    .panel-img img { width: 100%; height: 100%; object-fit: cover; opacity: 0.6; }

    @media(max-width:800px) {
      .tab-btn { grid-template-columns: 45px 1fr 32px; gap: 15px; padding: 24px 0; }
      .tab-btn__num { font-size: 28px; }
      .tab-btn__title { font-size: 19px; }
      .tab-panel__content { grid-template-columns: 1fr; padding: 0 0 30px 0; }
      .panel-img { min-height: 250px; margin-top: 20px; }
    }