@media (max-width: 820px) { [data-picker-hide] { display: none !important; } }

.ia-picker {
  display: none;
   
  --iap-text: #fff;
  --iap-text-soft: rgba(255,255,255,0.72);
  --iap-trigger-bg: linear-gradient(135deg, rgba(255,255,255,0.07), rgba(255,255,255,0.02));
  --iap-border: rgba(255,255,255,0.14);
  --iap-menu-bg: #1a1a1a;
  --iap-menu-border: rgba(255,255,255,0.12);
  --iap-divider: rgba(255,255,255,0.06);
  --iap-shadow: 0 22px 54px -14px rgba(0,0,0,.65);
  --iap-thumb-bg: #222;
  --iap-body-bg: rgba(255,255,255,0.04);
}
 
.ink-on-paper .ia-picker {
  --iap-text: var(--ink);
  --iap-text-soft: var(--muted-l, rgba(0,0,0,.55));
  --iap-trigger-bg: #fff;
  --iap-border: rgba(0,0,0,0.14);
  --iap-menu-bg: #fff;
  --iap-menu-border: rgba(0,0,0,0.12);
  --iap-divider: rgba(0,0,0,0.08);
  --iap-shadow: 0 22px 54px -18px rgba(0,0,0,.28);
  --iap-thumb-bg: var(--paper-deep, #ece9e2);
  --iap-body-bg: #fff;
}

@media (max-width: 820px) {
  .ia-picker { display: block; padding: 4px 20px 8px; }

  .iap-trigger {
    width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 14px;
    padding: 18px 20px; cursor: pointer; color: var(--iap-text); text-align: left;
    background: var(--iap-trigger-bg);
    border: 1px solid var(--iap-border); border-left: 3px solid var(--tsa-orange);
    border-radius: 14px;
    font-family: 'Anton', sans-serif; text-transform: uppercase; letter-spacing: .01em;
    font-size: clamp(20px, 5.6vw, 26px); line-height: 1.05;
    transition: border-color .25s var(--ease), background .25s var(--ease);
  }
  .iap-trigger:active { background: rgba(250,148,24,0.08); }
  .ia-picker.is-open .iap-trigger { border-color: var(--tsa-orange); }
  .iap-caret {
    width: 11px; height: 11px; flex: none; margin-top: -4px;
    border-right: 2px solid var(--tsa-orange); border-bottom: 2px solid var(--tsa-orange);
    transform: rotate(45deg); transition: transform .3s var(--ease), margin-top .3s var(--ease);
  }
  .ia-picker.is-open .iap-caret { transform: rotate(-135deg); margin-top: 4px; }

  .iap-menu {
    margin-top: 8px; max-height: 58vh; overflow: hidden auto;
    background: var(--iap-menu-bg); border: 1px solid var(--iap-menu-border); border-radius: 14px;
    box-shadow: var(--iap-shadow); -webkit-overflow-scrolling: touch;
  }
  .iap-option {
    width: 100%; display: flex; align-items: center; gap: 14px; padding: 11px 16px;
    background: transparent; border: 0; border-bottom: 1px solid var(--iap-divider);
    cursor: pointer; color: var(--iap-text); text-align: left; font: inherit;
  }
  .iap-option:last-child { border-bottom: 0; }
  .iap-option:active { background: rgba(250,148,24,0.12); }
  .iap-thumb {
    width: 52px; height: 40px; flex: none; border-radius: 8px; background-color: var(--iap-thumb-bg);
    background-image: var(--thumb); background-size: cover; background-position: center;
    filter: brightness(.85) saturate(.9);
  }
  .iap-name { flex: 1; font-weight: 700; font-size: 16px; }
  .iap-arrow { color: var(--tsa-orange); font-size: 22px; line-height: 1; }

  .iap-result { margin-top: 14px; border-radius: 16px; overflow: hidden; border: 1px solid var(--iap-menu-border); }
  .iap-result-img {
    position: relative; height: 190px; display: flex; align-items: flex-end;
    background-size: cover; background-position: center; background-color: var(--iap-thumb-bg);
  }
   
  .iap-result-img::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.05) 30%, rgba(0,0,0,.78) 100%); }
  .iap-result-name {
    position: relative; z-index: 1; padding: 16px 18px; color: #fff;
    font-family: 'Anton', sans-serif; text-transform: uppercase;
    font-size: clamp(22px, 6.2vw, 30px); line-height: 1;
  }
  .iap-result-body { padding: 16px 18px 20px; background: var(--iap-body-bg); }
  .iap-result-tagline { margin: 0 0 14px; color: var(--iap-text-soft); font-size: 14px; line-height: 1.5; }
  .iap-result-cta { display: inline-flex; align-items: center; gap: 8px; color: var(--tsa-orange); font-weight: 700; font-size: 14px; text-decoration: none; }
}