/* CaptainGreek — About Us (brand aligned) */
    :root{
        --cg-blue:#2d337f;
        --cg-accent:#b89b65;
        --cg-neutral:#4b4f5a;
        --cg-surface:#ffffff;
        --cg-edge:#d9dcf0;
      }
      
      /* Scope to profile page wrapper if present */
      .marketplace-seller-profile .wk-mp-aboutus-title,
      .marketplace-seller-profile .vendor-attr-profile-label{
        max-width:1200px;
        margin:28px auto 8px;
        padding:0 16px;
        font-weight:800;
        font-size:clamp(26px,2.8vw,40px);
        line-height:1.15;
        letter-spacing:.2px;
        color:var(--cg-blue);
        position:relative;
      }
      .marketplace-seller-profile .wk-mp-aboutus-title::after,
      .marketplace-seller-profile .vendor-attr-profile-label::after{
        content:"";
        display:block;
        width:84px;height:4px;margin-top:10px;border-radius:999px;
        background:linear-gradient(90deg,#d4af37,var(--cg-accent));
      }
      
      /* Card */
      .marketplace-seller-profile .wk-mp-aboutus-data,
      .marketplace-seller-profile .seller-about-content{
        max-width:980px;
        margin:14px auto 24px;
        padding:26px 28px 26px 36px;
        background:linear-gradient(180deg,#fff 0%,#f7f8ff 100%) !important;
        border:1px solid var(--cg-edge) !important;
        border-radius:16px !important;
        box-shadow:0 10px 28px rgba(45,51,127,.08);
        color:var(--cg-neutral);
        font-size:1.3rem; /* ~18px */
        line-height:1.8;
        position:relative;
        text-align:justify;
      }
      
      /* Left gold accent */
      .marketplace-seller-profile .wk-mp-aboutus-data::before,
      .marketplace-seller-profile .seller-about-content::before{
        content:"";
        position:absolute;left:16px;top:22px;bottom:22px;width:3px;border-radius:2px;
        background:linear-gradient(180deg,#d4af37,var(--cg-accent));
      }
      
      /* Typography & links */
      .marketplace-seller-profile .wk-mp-aboutus-data p,
      .marketplace-seller-profile .seller-about-content p{margin:0 0 12px;}
      .marketplace-seller-profile .wk-mp-aboutus-data p:last-child,
      .marketplace-seller-profile .seller-about-content p:last-child{margin-bottom:0;}
      
      .marketplace-seller-profile .wk-mp-aboutus-data a,
      .marketplace-seller-profile .seller-about-content a{
        color:var(--cg-blue);
        text-decoration:none;
        background-image:linear-gradient(var(--cg-accent),var(--cg-accent));
        background-position:0 100%;
        background-repeat:no-repeat;
        background-size:0% 2px;
        transition:background-size .25s ease,color .25s ease;
      }
      .marketplace-seller-profile .wk-mp-aboutus-data a:hover,
      .marketplace-seller-profile .seller-about-content a:hover{
        background-size:100% 2px;
      }
      
      /* Responsive */
      @media (max-width:640px){
        .marketplace-seller-profile .wk-mp-aboutus-title,
        .marketplace-seller-profile .vendor-attr-profile-label{padding:0 12px;}
        .marketplace-seller-profile .wk-mp-aboutus-data,
        .marketplace-seller-profile .seller-about-content{
          margin:12px 12px 20px;
          padding:20px 18px 20px 28px;
        }
        .marketplace-seller-profile .wk-mp-aboutus-data::before,
        .marketplace-seller-profile .seller-about-content::before{left:12px;}
      }
      
      /* Reduced motion */
      @media (prefers-reduced-motion:reduce){
        .marketplace-seller-profile .wk-mp-aboutus-data a,
        .marketplace-seller-profile .seller-about-content a{transition:none;}
      }
     /* Kill the legacy 2-column layout on the seller profile page */
@media (min-width: 768px){
    .marketplace-seller-profile .wk-mp-aboutus-title{
      float: none !important;
      width: auto !important;
      margin: 28px auto 8px !important;
      padding: 0 16px !important;
      border-right: 0 !important;            /* remove the grey vertical line */
    }
  }
  
  /* Ensure our heading sizing wins */
  .marketplace-seller-profile .wk-mp-aboutus-title{
    font-size: clamp(26px, 2.8vw, 40px) !important;
    font-weight: 800 !important;
  }
  
  /* Prevent the gold accent from overlapping text by giving the card extra left padding
     and positioning the bar within that padding. */
  .marketplace-seller-profile .wk-mp-aboutus-data,
  .marketplace-seller-profile .seller-about-content{
    padding-left: 48px !important;            /* was 36px; add space for the bar */
    position: relative;
  }
  .marketplace-seller-profile .wk-mp-aboutus-data::before,
  .marketplace-seller-profile .seller-about-content::before{
    left: 20px !important;                    /* sits inside the padding; no overlap */
  }
  
  /* If you prefer ZERO left padding on the card, hide the accent bar instead: */
  /*
  .marketplace-seller-profile .wk-mp-aboutus-data::before,
  .marketplace-seller-profile .seller-about-content::before{ display: none !important; }
  .marketplace-seller-profile .wk-mp-aboutus-data,
  .marketplace-seller-profile .seller-about-content{ padding-left: 0 !important; }
  */
  .wk-mp-aboutus-title{
    border-right: none;
  }

  /* Keep the vertical bar but avoid overlap with text */
.wk-mp-aboutus-data,
.seller-about-content{
  position: relative;
  padding-left: 44px !important; /* 16px (bar offset) + 3px (bar width) + 25px gap */
}

.wk-mp-aboutus-data::before,
.seller-about-content::before{
  left: 16px;
  top: 22px;
  bottom: 22px;
  width: 3px;
  right: auto;                 /* ← remove stretch */
  border-radius: 2px;
  content: "";
  position: absolute;
  background: linear-gradient(180deg, #d4af37, var(--cg-accent));
}
/* Center the "About Us" title and remove legacy 2-col rules */
.wk-mp-profile-block .wk-mp-aboutus-title{
    text-align: center;
    float: none !important;
    width: auto !important;
    border-right: 0 !important;
    margin: 0 auto 12px !important;
    padding: 0 !important;
  }
  .wk-mp-profile-block .wk-mp-aboutus-title::after{
    /* keep the gold underline centered if you use it */
    margin: 10px auto 0 !important;
  }
  
  /* Make the description block use the full container width */
  .wk-mp-profile-block .wk-mp-aboutus-data{
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box;
  }
  
  /* If you keep the vertical accent bar, ensure it doesn’t overlap text */
  .wk-mp-profile-block .wk-mp-aboutus-data{
    position: relative;
    padding-left: 44px !important;   /* space for the bar */
  }
  .wk-mp-profile-block .wk-mp-aboutus-data::before{
    left: 16px !important;           /* bar sits in the padding area */
  }