.dlsp{font-family:Helvetica,Arial,sans-serif;width:100%;color:#111}
    .dlsp *{box-sizing:border-box}
    .dlsp-input{display:flex;align-items:center;gap:10px;border-bottom:1px solid #d8d8d8;padding:10px 0 12px}
    .dlsp-field{flex:1 1 auto;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;-webkit-appearance:none;appearance:none;font-size:11px;letter-spacing:.01em;text-transform:uppercase;padding:0!important;margin:0!important}
    .dlsp-field::placeholder{color:#777;opacity:1}
    .dlsp-btn{border:0!important;background:transparent!important;padding:0!important;margin:0!important;box-shadow:none!important;display:flex;align-items:center;justify-content:center;cursor:pointer}
    .dlsp-icon{display:flex;align-items:center;justify-content:center}
    .dlsp-icon svg{width:14px;height:14px;display:block}
    .dlsp-icon svg path{fill:#111}
    .dlsp-results{padding-top:14px}
    .dlsp-sec{margin-top:14px}
    .dlsp-hd{font-size:11px;letter-spacing:.01em;text-transform:uppercase;margin:0 0 10px}
    .dlsp-sug{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;align-items:start}
    .dlsp-sug-a{font-size:11px;text-transform:uppercase;text-decoration:none;color:#111}
    .dlsp-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px 28px;margin-top:10px}
    .dlsp-card{text-decoration:none;color:#111;display:block}
    .dlsp-img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;background:#f3f3f3}
    .dlsp-title{margin-top:12px;font-size:11px;text-transform:uppercase;line-height:1.15}
    .dlsp-price{margin-top:4px;font-size:11px;text-transform:uppercase;line-height:1.1}
    .dlsp-empty{font-size:11px;text-transform:uppercase;opacity:.6}
    .dlsp-col-a{font-size:11px;text-transform:uppercase;color:#111;text-decoration:none}
    .dlsp-viewall{margin-top:18px}
    .dlsp-viewall-a{font-size:11px;text-transform:uppercase;color:#111;text-decoration:none;display:inline-flex;gap:8px;align-items:center}
    @media(max-width:767px){
      /* Default mobile typography */
      .dlsp-field{font-size:10px}
      .dlsp-hd,.dlsp-sug-a,.dlsp-title,.dlsp-price,.dlsp-col-a,.dlsp-viewall-a,.dlsp-empty{font-size:10px}
      .dlsp-grid{gap:22px 18px}
    }

    /* iOS Safari: prevent auto-zoom but KEEP visual size = 10px */
    /* iOS will zoom inputs < 16px, so we render at 16px then scale down */
    @supports (-webkit-touch-callout: none){
      @media(max-width:767px){
        .dlsp-field{
          font-size:16px !important;
          transform: scale(0.625);
          transform-origin: left center;
          width: 160%; /* compensate for scale so it does not look cut */
        }
      }
    }