/* Ported from Shopify sections/zynbe-seller.liquid — keep in sync with page-seller.php */
.zsl{ background:#FBF6F1; padding-bottom:30px; }

  .zsl__hero{ padding:34px 20px 26px; text-align:center; background:linear-gradient(160deg,var(--zs),#5E1620); color:#fff; }
  .zsl__tag{ display:inline-block; background:rgba(255,255,255,.16); font-size:10px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; padding:5px 12px; border-radius:999px; }
  .zsl__hero h1{ margin:12px 0 8px; font-family:Fraunces,'Playfair Display',Georgia,serif; font-weight:600; font-size:27px; line-height:1.2; }
  .zsl__hero p{ margin:0 auto; max-width:420px; font-size:13px; line-height:1.6; opacity:.92; }
  .zsl__cta{ display:inline-block; margin-top:18px; background:#fff; color:var(--zs); font-weight:800; font-size:13px; padding:13px 24px; border-radius:999px; text-decoration:none; }

  .zsl__steps{ padding:26px 18px 6px; }
  .zsl__steps h2, .zsl__formwrap h2{ margin:0 0 14px; font-family:Fraunces,'Playfair Display',Georgia,serif; font-weight:600; font-size:21px; color:#2B1A17; }
  .zsl__steplist{ display:flex; flex-direction:column; gap:10px; }
  .zsl__step{ display:flex; gap:13px; background:#fff; border:1px solid #F0E3DB; border-radius:14px; padding:14px; }
  .zsl__n{ width:30px; height:30px; flex:none; border-radius:50%; background:#FBF6F1; border:1.5px solid var(--zs); color:var(--zs); font-weight:800; font-size:12px; display:grid; place-items:center; }
  .zsl__step b{ font-size:13.5px; color:#2B1A17; }
  .zsl__step p{ margin:3px 0 0; font-size:12px; line-height:1.55; color:#6D5D59; }

  .zsl__bens{ display:grid; grid-template-columns:1fr 1fr; gap:8px; padding:16px 18px 4px; }
  .zsl__ben{ background:#fff; border:1px solid #F0E3DB; border-radius:12px; padding:11px 10px; text-align:center; }
  .zsl__ben span{ font-size:17px; display:block; margin-bottom:4px; }
  .zsl__ben p{ margin:0; font-size:10.5px; font-weight:700; line-height:1.35; color:#6D5D59; }

  .zsl__formwrap{ margin:22px 14px 0; background:#fff; border:1px solid #F0E3DB; border-radius:18px; padding:20px 16px; }
  .zsl__formsub{ margin:-8px 0 16px; font-size:12px; color:#8B7F7C; }
  .zsl__fld{ display:block; margin-bottom:12px; font-size:11px; font-weight:800; color:#6D5D59; }
  .zsl__fld input, .zsl__fld select, .zsl__fld textarea{
    display:block; width:100%; margin-top:5px;
    padding:12px 13px;
    background:#FBF6F1; border:1.5px solid #F0E3DB; border-radius:12px;
    font-family:inherit; font-size:14px; color:#2B1A17;
    outline:none; -webkit-appearance:none; appearance:none;
  }
  .zsl__fld select{ background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236D5D59' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 14px center; }
  .zsl__fld input:focus, .zsl__fld select:focus, .zsl__fld textarea:focus{ border-color:var(--zs); background:#fff; }
  .zsl__submit{ display:block; width:100%; margin-top:6px; height:50px; border:none; border-radius:14px; background:var(--zs); color:#fff; font-family:inherit; font-weight:800; font-size:14.5px; cursor:pointer; box-shadow:0 6px 16px rgba(122,31,43,.3); }
  .zsl__note{ margin:12px 0 0; text-align:center; font-size:10.5px; color:#A1938E; line-height:1.5; }
  .zsl__ok{ background:#E7F5EC; color:#1D7A46; font-size:13px; font-weight:700; border-radius:12px; padding:13px 14px; margin-bottom:14px; }
  .zsl__err{ background:#FDECEC; color:#B3261E; font-size:12.5px; font-weight:700; border-radius:12px; padding:12px 14px; margin-bottom:14px; }

  @media (min-width:1024px){
    .zsl__hero{ padding:60px 28px 48px; }
    .zsl__hero h1{ font-size:40px; }
    .zsl__hero p{ font-size:15px; max-width:520px; }
    .zsl__steps, .zsl__bens{ max-width:820px; margin:0 auto; }
    .zsl__steps{ padding-top:38px; }
    .zsl__steplist{ flex-direction:row; }
    .zsl__step{ flex:1; flex-direction:column; gap:10px; }
    .zsl__bens{ grid-template-columns:repeat(4,1fr); }
    .zsl__formwrap{ max-width:640px; margin:30px auto 0; padding:28px 26px; }
  }
