/* Ported from Shopify sections/zynbe-suppliers.liquid — keep in sync with parts/product/supplier.php */
.zsup__link{
    display:inline-flex; align-items:center; gap:5px;
    margin:0 16px 14px;
    padding:0;
    background:none; border:none;
    font-family:inherit;
    font-size:11.5px; font-weight:700;
    color:#6D5D59;
    text-decoration:underline;
    text-underline-offset:3px;
    text-decoration-color:#D8C6BD;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
  }

  .zsup__scrim{
    position:fixed; inset:0; z-index:190;
    background:rgba(30,10,12,.45);
    opacity:0; transition:opacity .25s ease;
  }
  .zsup__scrim.is-open{ opacity:1; }

  .zsup__sheet{
    position:fixed; left:0; right:0; bottom:0; z-index:195;
    background:#fff;
    border-radius:20px 20px 0 0;
    padding:10px 20px calc(20px + env(safe-area-inset-bottom,0px));
    transform:translateY(105%);
    transition:transform .28s cubic-bezier(.32,.72,.32,1);
    max-height:75vh; overflow-y:auto;
  }
  .zsup__sheet.is-open{ transform:translateY(0); }
  .zsup__handle{ width:38px; height:4px; border-radius:2px; background:#E8DCD7; margin:4px auto 14px; }
  .zsup__title{ margin:0 0 12px; font-family:Fraunces,'Playfair Display',Georgia,serif; font-size:18px; font-weight:600; color:#2B1A17; }

  .zsup__rows{ border:1px solid #F0E3DB; border-radius:14px; overflow:hidden; }
  .zsup__row{
    display:flex; gap:14px;
    padding:11px 14px;
    border-bottom:1px solid #F5ECE6;
    font-size:12.5px;
  }
  .zsup__row:last-child{ border-bottom:none; }
  .zsup__row span{ flex:0 0 110px; color:#A1938E; font-weight:700; }
  .zsup__row b{ color:#2B1A17; font-weight:600; line-height:1.45; min-width:0; }

  .zsup__note{
    margin:12px 0 0;
    font-size:11px; line-height:1.55; color:#8B7F7C;
    background:#FBF6F1; border-radius:11px; padding:10px 13px;
  }
  .zsup__close{
    display:block; width:100%;
    margin-top:10px; padding:12px;
    background:none; border:none;
    font-family:inherit; font-size:13.5px; font-weight:700;
    color:#8B7F7C; cursor:pointer;
  }

  @media (min-width:1024px){
    .zsup__sheet{
      left:50%; right:auto; bottom:auto; top:50%;
      width:min(480px,92vw);
      border-radius:20px;
      transform:translate(-50%,-46%) scale(.98);
      opacity:0; pointer-events:none;
    }
    .zsup__sheet.is-open{ transform:translate(-50%,-50%) scale(1); opacity:1; pointer-events:auto; }
  }