/* ix-directory-v1_1_6.css
   v1.1.6 (29 Oct 2026, Code-Built Site S7): phones filter by category only.
     The type pill is not shown on phones, and the type name on a card is plain
     text there (tapping it does nothing), so a phone can never hold a type
     filter it cannot see. Desktop unchanged: category and type pills, both
     names on a card tappable. CSS only; pairs with ix-directory-v1_1_4.js.
   v1.1.5 (29 Oct 2026, Code-Built Site S7): the phone search and filter icons
     now match Archives exactly (white circle, thin border). The page's button
     reset (#ix-root .ixd button: no border, no background) was stronger than
     the icon rule and stripped both; the icon rules now outrank it. CSS only;
     pairs with ix-directory-v1_1_4.js (unchanged).
   v1.1.4 (29 Oct 2026, Code-Built Site S7): phone search and filter open in
     place (.ixd-xrow, under the count line), no sheet. The open icon gets an
     Accent ring (.ixd-ib.is-open). Pairs with ix-directory-v1_1_4.js.
   v1.1.1 (28 Oct 2026): phone icons and sheets (.ixd-ib, .ixd-sheet, .ixd-done); the phone bar and the "Filter by category" text button are gone. Desktop unchanged.
   INBXIFY · Directory page on the site shell. Pairs with ix-directory-v1_1_3.js.
   Code-Built Site S5, 28 Oct 2026. Replaces directory-head-v5.21.css and
   ix-directory-v1_0_0.css (both drew on the Webflow list and JetBoost).

   The look is the one ruled in Archives + Directory review v0.2 (FM-1 A,
   DR-1 A), now drawn by the page script:
     Cards    white, one per row, logo on the left (220; 160 under 1080),
              Category › Type in small capitals in Accent mixed with text,
              the name in the title's display face in Main, the description
              (two lines; three on phones), a footer line under a rule:
              phone, place, socials, Website, Directions, View.
     Filters  search and two dropdown pills; a dropdown with a choice made
              gets a 2px Accent border (.is-set). Clear is a small text link.
     Phones   the card stacks with the logo band on top; the dropdowns open
              from "Filter by category".
   Every colour and font comes from the shell's variables (the title's TITLES
   values): --ix-t-main, --ix-t-accent, --ixs-text-c, --ixs-ui,
   --ixs-display. Sizes are platform values (HC-P-CB-23).

   LOAD (Directory template, Inside <head>, after ix-shell-v1_0_4.css)
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/jbrady74/inbxify-site-code@main/ix-directory-v1_1_3.css">
*/

#ix-root .ixd{
  --ixd-ink: var(--ixs-text-c, #333);
  --ixd-mute: color-mix(in srgb, var(--ixd-ink) 62%, transparent);
  --ixd-line: color-mix(in srgb, var(--ix-t-main) 14%, transparent);
  --ixd-label: color-mix(in srgb, var(--ix-t-accent) 62%, var(--ixd-ink));
  --ixd-tint: color-mix(in srgb, var(--ix-t-main) 6%, #fff);
  font-family: var(--ixs-ui); color: var(--ixd-ink);
}
#ix-root .ixd button{ font: inherit; color: inherit; background: none; border: 0; padding: 0; margin: 0; cursor: pointer; }
#ix-root .ixd a{ color: inherit; }
#ix-root .ixd svg{ display: block; flex: none; }
#ix-root .ixd :focus-visible, #ix-root .ixd-scrim :focus-visible{ outline: 2px solid var(--ix-t-accent); outline-offset: 3px; border-radius: 3px; }

/* ── Filters ── */
#ix-root .ixd-bar{ display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
#ix-root .ixd-search{
  position: relative; flex: 1 1 320px; display: flex; align-items: center; height: 48px; min-width: 0;
  border: 1.5px solid color-mix(in srgb, var(--ix-t-main) 18%, transparent); border-radius: 999px; background: #fff;
}
#ix-root .ixd-search:focus-within{ border-color: var(--ix-t-main); box-shadow: 0 0 0 3px color-mix(in srgb, var(--ix-t-main) 10%, transparent); }
#ix-root .ixd-sico{ width: 18px; height: 18px; margin: 0 10px 0 18px; color: var(--ixd-mute); }
#ix-root .ixd-search input{
  flex: 1 1 auto; min-width: 0; height: 100%; border: 0; outline: 0; background: transparent; padding: 0 8px 0 0;
  font: 400 16px/1 var(--ixs-ui); color: var(--ixd-ink); -webkit-appearance: none; appearance: none;
}
#ix-root .ixd-search input::-webkit-search-cancel-button{ display: none; }
#ix-root .ixd-search input:focus-visible{ outline: 0; }   /* the pill shows focus */
#ix-root .ixd-search input::placeholder{ color: var(--ixd-mute); }
#ix-root .ixd-qx{ width: 34px; height: 34px; margin-right: 7px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--ixd-mute); }
#ix-root .ixd-qx:hover{ background: var(--ixd-tint); color: var(--ix-t-main); }
#ix-root .ixd-qx svg{ width: 16px; height: 16px; }
#ix-root .ixd-qx[hidden]{ display: none; }
#ix-root .ixd-filters{ display: flex; gap: 12px; flex: 0 1 auto; flex-wrap: wrap; }
#ix-root .ixd-pill{
  position: relative; display: flex; align-items: center; gap: 8px; height: 48px; padding: 0 40px 0 18px; min-width: 0;
  border: 1.5px solid color-mix(in srgb, var(--ix-t-main) 18%, transparent); border-radius: 999px; background: #fff;
}
#ix-root .ixd-pill[hidden]{ display: none; }
#ix-root .ixd-pill::after{
  content: ""; position: absolute; right: 18px; top: 50%; width: 7px; height: 7px; margin-top: -6px; pointer-events: none;
  border-right: 2px solid var(--ix-t-main); border-bottom: 2px solid var(--ix-t-main); transform: rotate(45deg);
}
#ix-root .ixd-pill:focus-within{ border-color: var(--ix-t-main); box-shadow: 0 0 0 3px color-mix(in srgb, var(--ix-t-main) 10%, transparent); }
#ix-root .ixd-pl{ font: 600 11px/1 var(--ixs-ui); letter-spacing: .14em; text-transform: uppercase; color: var(--ixd-label); white-space: nowrap; }
#ix-root .ixd-pill select:focus-visible{ outline: 0; }   /* the pill shows focus */
#ix-root .ixd-pill select{
  position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; font-size: 16px;
}
/* The select is invisible over the pill; the pill shows the choice. */
#ix-root .ixd-pill{ max-width: 340px; }
#ix-root .ixd-pill .ixd-pv{ font: 500 15px/1 var(--ixs-ui); color: var(--ixd-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* A dropdown with a choice made: distinct border, seen at a glance. */
#ix-root .ixd-pill.is-set{ border: 2px solid var(--ix-t-accent); padding-left: 17.5px; }
#ix-root .ixd-pill.is-set .ixd-pv{ color: var(--ix-t-main); font-weight: 600; }
#ix-root .ixd-ftog{ display: none; }

#ix-root .ixd-line{ display: flex; align-items: center; gap: 16px; margin: 18px 0 16px; min-height: 18px; }
#ix-root .ixd-count{ font: 600 12.5px/1 var(--ixs-ui); letter-spacing: .12em; text-transform: uppercase; color: var(--ixd-mute); }
#ix-root .ixd-clear{
  font: 500 13.5px/1 var(--ixs-ui) !important; color: var(--ix-t-main) !important;
  text-decoration: underline; text-decoration-color: var(--ix-t-accent); text-underline-offset: 4px;
}
#ix-root .ixd-clear[hidden]{ display: none; }
#ix-root .ixd-clear:hover{ text-decoration-color: var(--ix-t-main); }

/* ── Phone icons and sheets (v1.1.1) ── */
#ix-root .ixd-shome, #ix-root .ixd-fhome{ display: contents; }
#ix-root .ixd-icons{ display: none; }
#ix-root .ixd-ib, #ix-root .ixd .ixd-ib{   /* v1.1.5: outranks the .ixd button reset */
  position: relative; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
  border: 1.5px solid color-mix(in srgb, var(--ix-t-main) 18%, transparent); background: #fff; color: var(--ix-t-main); cursor: pointer; padding: 0;
}
#ix-root .ixd-ib svg{ width: 18px; height: 18px; }
#ix-root .ixd-ib .ixd-dot{ display: none; position: absolute; top: 1px; right: 1px; width: 10px; height: 10px; border-radius: 50%; background: var(--ix-t-accent); border: 2px solid #fff; }
/* v1.1.2: a set search or filter fills the icon solid, so the reminder cannot be missed */
#ix-root .ixd-ib.is-set, #ix-root .ixd .ixd-ib.is-set{ border-color: var(--ix-t-accent); background: var(--ix-t-accent); color: var(--ix-t-main); }
#ix-root .ixd-ib.is-set .ixd-dot{ display: none; }
#ix-root .ixd-sheet .ixd-search, #ix-root .ixd-sheet .ixd-pill{ max-width: none; width: 100%; }
#ix-root .ixd-sheet .ixd-filters{ display: flex; flex-direction: column; gap: 10px; }
#ix-root .ixd-done{
  display: block; width: 100%; margin-top: 16px; height: 48px; border: 0; border-radius: 999px; cursor: pointer;
  background: var(--ix-t-main); color: var(--ixs-on, #fff); font: 600 14px/1 var(--ixs-ui); letter-spacing: .14em; text-transform: uppercase;
}

/* ── Cards: white, one per row ── */
#ix-root .ixd-list{ display: flex; flex-direction: column; gap: 16px; }
#ix-root .ixd-card{
  display: flex; min-height: 196px; border: 1px solid var(--ixd-line); border-radius: 12px; background: #fff; overflow: hidden;
  transition: box-shadow .2s ease;
}
#ix-root .ixd-card:hover{ box-shadow: 0 6px 20px color-mix(in srgb, var(--ix-t-main) 10%, transparent); }
#ix-root .ixd-logo{
  flex: 0 0 220px; display: flex; align-items: center; justify-content: center; padding: 18px; background: #fff;
  border-right: 1px solid var(--ixd-line);
}
#ix-root .ixd-logo img{ display: block; max-width: 100%; max-height: 150px; width: auto; height: auto; object-fit: contain; }
#ix-root .ixd-logo.is-ini, #ix-root .ixd-mlogo.is-ini{ background: var(--ixd-tint); }
#ix-root .ixd-ini{
  display: flex; align-items: center; justify-content: center; width: 96px; height: 96px; border-radius: 50%;
  background: var(--ix-t-main); color: #fff; font: 600 34px/1 var(--ixs-display); letter-spacing: .02em;
}
#ix-root .ixd-cb{ flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; padding: 22px 26px 18px; }
#ix-root .ixd-cat{ display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 8px; margin-bottom: 8px; }
#ix-root .ixd-catb{ font: 600 11.5px/1.3 var(--ixs-ui) !important; letter-spacing: .14em; text-transform: uppercase; color: var(--ixd-label) !important; text-align: left; }
#ix-root .ixd-catb:hover{ text-decoration: underline; text-underline-offset: 3px; }
#ix-root .ixd-chev{ font: 600 13px/1 var(--ixs-ui); color: var(--ixd-label); opacity: .7; }
#ix-root .ixd-name{ margin: 0 0 8px; }
#ix-root .ixd-nameb{
  font: 600 26px/1.18 var(--ixs-display) !important; color: var(--ix-t-main) !important; text-align: left;
}
#ix-root .ixd-nameb:hover{ text-decoration: underline; text-decoration-color: var(--ix-t-accent); text-underline-offset: 5px; text-decoration-thickness: 2px; }
#ix-root .ixd-expert{
  display: inline-flex; align-items: center; gap: 6px; align-self: flex-start; margin: 0 0 10px; padding: 5px 10px;
  border-radius: 999px; background: color-mix(in srgb, var(--ix-t-accent) 18%, #fff);
  font: 600 11px/1 var(--ixs-ui); letter-spacing: .12em; text-transform: uppercase; color: var(--ix-t-main);
}
#ix-root .ixd-expert svg{ width: 12px; height: 12px; color: var(--ix-t-accent); }
#ix-root .ixd-desc{
  margin: 0 0 16px; font: 400 15.5px/1.5 var(--ixs-ui); color: color-mix(in srgb, var(--ixd-ink) 85%, transparent);
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;
}
#ix-root .ixd-foot{
  margin-top: auto; display: flex; align-items: center; flex-wrap: wrap; gap: 10px 18px;
  padding-top: 12px; border-top: 1px solid var(--ixd-line);
}
#ix-root .ixd-phone{ font: 600 17px/1 var(--ixs-ui); letter-spacing: .02em; color: var(--ix-t-main) !important; text-decoration: none; white-space: nowrap; }
#ix-root a.ixd-phone:hover{ text-decoration: underline; text-decoration-color: var(--ix-t-accent); text-underline-offset: 4px; }
#ix-root .ixd-place{ display: inline-flex; align-items: center; gap: 6px; font: 500 13.5px/1 var(--ixs-ui); color: var(--ixd-mute); }
#ix-root .ixd-place svg{ width: 15px; height: 15px; color: var(--ixd-label); }
#ix-root .ixd-acts{ margin-left: auto; display: flex; align-items: center; flex-wrap: wrap; gap: 10px 18px; }
#ix-root .ixd-socs, #ix-root .ixd-msocs{ display: flex; gap: 6px; }
#ix-root .ixd-soc{
  width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
  background: var(--ix-t-main); color: #fff !important; transition: background .15s;
}
#ix-root .ixd-soc:hover{ background: var(--ix-t-accent); }
#ix-root .ixd-soc svg{ width: 15px; height: 15px; }
#ix-root .ixd-act{
  font: 600 12.5px/1 var(--ixs-ui); letter-spacing: .12em; text-transform: uppercase; text-decoration: none;
  color: var(--ix-t-main) !important; white-space: nowrap;
}
#ix-root .ixd-act:hover{ text-decoration: underline; text-decoration-color: var(--ix-t-accent); text-underline-offset: 4px; }
#ix-root .ixd-view{
  display: inline-flex; align-items: center; gap: 6px; padding-bottom: 4px; border-bottom: 2px solid var(--ix-t-accent) !important;
  font: 600 12.5px/1 var(--ixs-ui) !important; letter-spacing: .12em; text-transform: uppercase; color: var(--ix-t-main) !important;
}
#ix-root .ixd-view svg{ width: 13px; height: 13px; }
#ix-root .ixd-view:hover{ border-bottom-color: var(--ix-t-main) !important; }

/* ── Ad tile (phones and tablets only, as today) ── */
#ix-root .ixd-ad{ display: none; }
#ix-root .ixd-ad .ixd-adl{ margin-bottom: 8px; text-align: center; font: 600 10.5px/1 var(--ixs-ui); letter-spacing: .2em; text-transform: uppercase; color: var(--ixd-mute); }
#ix-root .ixd-ad img{ display: block; width: 100%; max-width: 700px; height: auto; margin: 0 auto; border-radius: 6px; }

#ix-root .ixd-empty{ padding: 48px 0; text-align: center; }
#ix-root .ixd-empty p{ margin: 0 0 14px; font: 400 17px/1.4 var(--ixs-ui); color: var(--ixd-ink); }
#ix-root .ixd-more{
  display: block; width: 260px; height: 44px; margin: 28px auto 0 !important;
  border: 1.5px solid var(--ix-t-main) !important; border-radius: 999px !important;
  font: 600 12.5px/1 var(--ixs-ui) !important; letter-spacing: .14em; text-transform: uppercase; color: var(--ix-t-main) !important;
}
#ix-root .ixd-more:hover{ background: var(--ix-t-main) !important; color: #fff !important; }
#ix-root .ixd-more[hidden]{ display: none; }

/* ── Profile window ── */
#ix-root .ixd-scrim{
  position: fixed; inset: 0; z-index: 1000; display: flex; align-items: center; justify-content: center; padding: 24px;
  background: rgba(10, 20, 20, .55); font-family: var(--ixs-ui); color: var(--ixs-text-c, #333);
}
#ix-root .ixd-scrim[hidden]{ display: none; }
#ix-root .ixd-scrim button{ font: inherit; background: none; border: 0; padding: 0; cursor: pointer; }
#ix-root .ixd-scrim svg{ display: block; flex: none; }
#ix-root .ixd-modal{
  position: relative; width: min(600px, 100%); max-height: calc(100dvh - 48px); overflow-y: auto; overscroll-behavior: contain;
  background: #fff; border-radius: 16px; box-shadow: 0 24px 60px rgba(0,0,0,.3);
}
#ix-root .ixd-mx{
  position: absolute; top: 14px; right: 14px; z-index: 2; width: 40px; height: 40px; border-radius: 50% !important;
  display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,.14) !important; color: #fff;
}
#ix-root .ixd-mx:hover{ background: rgba(255,255,255,.26) !important; }
#ix-root .ixd-mx svg{ width: 20px; height: 20px; }
#ix-root .ixd-mtop{ display: flex; align-items: center; gap: 18px; padding: 26px 66px 24px 26px; background: var(--ix-t-main); color: #fff; border-bottom: 3px solid var(--ix-t-accent); }
#ix-root .ixd-mlogo{
  flex: 0 0 96px; width: 96px; height: 96px; border-radius: 12px; background: #fff; display: flex; align-items: center; justify-content: center; padding: 8px; overflow: hidden;
}
#ix-root .ixd-mlogo img{ max-width: 100%; max-height: 100%; object-fit: contain; }
#ix-root .ixd-mlogo .ixd-ini{ width: 72px; height: 72px; font-size: 26px; }
#ix-root .ixd-mtw{ min-width: 0; }
#ix-root .ixd-mcat{ margin-bottom: 6px; font: 600 11px/1.3 var(--ixs-ui); letter-spacing: .14em; text-transform: uppercase; color: var(--ix-t-accent); }
#ix-root .ixd-mname{ margin: 0; font: 600 26px/1.18 var(--ixs-display); color: #fff; }
#ix-root .ixd-mtw .ixd-expert{ margin: 10px 0 0; display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px; border-radius: 999px; background: var(--ix-t-accent); color: var(--ix-t-main); font: 600 11px/1 var(--ixs-ui); letter-spacing: .12em; text-transform: uppercase; }
#ix-root .ixd-mtw .ixd-expert svg{ width: 12px; height: 12px; color: var(--ix-t-main); }
#ix-root .ixd-mb{ padding: 22px 26px 8px; }
#ix-root .ixd-macts{ display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 22px; }
#ix-root .ixd-mact{
  display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 18px; border-radius: 999px;
  border: 1.5px solid var(--ix-t-main); color: var(--ix-t-main); text-decoration: none;
  font: 600 13px/1 var(--ixs-ui); letter-spacing: .08em; text-transform: uppercase;
}
#ix-root .ixd-mact svg{ width: 17px; height: 17px; }
#ix-root .ixd-mact:hover{ background: var(--ixd-tint, #f3f5f5); }
#ix-root .ixd-mact.is-primary{ background: var(--ix-t-main); color: #fff; }
#ix-root .ixd-mact.is-primary:hover{ background: color-mix(in srgb, var(--ix-t-main), #000 18%); }
#ix-root .ixd-ms{ padding: 18px 0; border-top: 1px solid color-mix(in srgb, var(--ix-t-main) 14%, transparent); }
#ix-root .ixd-mh{ margin: 0 0 10px; font: 600 11.5px/1 var(--ixs-ui); letter-spacing: .18em; text-transform: uppercase; color: color-mix(in srgb, var(--ix-t-accent) 62%, var(--ixs-text-c, #333)); }
#ix-root .ixd-mp{ margin: 0; font: 400 16px/1.6 var(--ixs-ui); color: var(--ixs-text-c, #333); }
#ix-root .ixd-svcs{ list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
#ix-root .ixd-svcs li{ padding: 7px 12px; border-radius: 999px; background: color-mix(in srgb, var(--ix-t-main) 7%, #fff); font: 500 13.5px/1.2 var(--ixs-ui); color: var(--ix-t-main); }
#ix-root .ixd-cgrid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 20px; }
#ix-root .ixd-ci{ display: flex; gap: 12px; align-items: flex-start; min-width: 0; }
#ix-root .ixd-cic{ flex: 0 0 36px; width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: color-mix(in srgb, var(--ix-t-main) 8%, #fff); color: var(--ix-t-main); }
#ix-root .ixd-cic svg{ width: 17px; height: 17px; }
#ix-root .ixd-cl{ font: 600 10.5px/1 var(--ixs-ui); letter-spacing: .14em; text-transform: uppercase; color: color-mix(in srgb, var(--ixs-text-c, #333) 62%, transparent); margin: 2px 0 5px; }
#ix-root .ixd-cv{ display: block; font: 500 15px/1.35 var(--ixs-ui); color: var(--ix-t-main); word-break: break-word; text-decoration: none; }
#ix-root a.ixd-cv:hover{ text-decoration: underline; text-decoration-color: var(--ix-t-accent); text-underline-offset: 3px; }
#ix-root .ixd-msocs .ixd-soc{ width: 36px; height: 36px; }
#ix-root .ixd-msocs .ixd-soc svg{ width: 18px; height: 18px; }
#ix-root .ixd-mfoot{ padding: 14px 26px 18px; border-top: 1px solid color-mix(in srgb, var(--ix-t-main) 14%, transparent); text-align: center; font: 500 12px/1.3 var(--ixs-ui); letter-spacing: .06em; color: color-mix(in srgb, var(--ixs-text-c, #333) 62%, transparent); }

/* ── Tablet ── */
@media (max-width: 1080px){
  #ix-root .ixd-logo{ flex-basis: 160px; }
  #ix-root .ixd-cb{ padding: 20px 20px 16px; }
  #ix-root .ixd-nameb{ font-size: 23px !important; }
  #ix-root .ixd-catb{ font-size: 10.5px !important; }
  #ix-root .ixd-desc{ font-size: 14.5px; }
  #ix-root .ixd-phone{ font-size: 15px; }
  #ix-root .ixd-ad{ display: block; padding: 6px 0; }
}

/* ── Phone: search, then "Filter by category"; cards stack ── */
@media (max-width: 767px){
  #ix-root .ixd-bar{ display: none; }                     /* v1.1.1: the box and pills live in the sheets */
  #ix-root .ixd-sheet .ixd-search, #ix-root .ixd-sheet .ixd-pill{ display: flex; }
  #ix-root .ixd-line{ margin: 0 0 14px; gap: 12px; }
  #ix-root .ixd-count{ flex: 1 1 auto; min-width: 0; }
  #ix-root .ixd-icons{ display: flex; gap: 8px; margin-left: auto; }
  #ix-root .ixd-card{ flex-direction: column; min-height: 0; }
  #ix-root .ixd-logo{ flex: 0 0 auto; height: 128px; padding: 14px; border-right: 0; border-bottom: 1px solid var(--ixd-line); }
  #ix-root .ixd-logo img{ max-width: 200px; max-height: 96px; }
  #ix-root .ixd-ini{ width: 80px; height: 80px; font-size: 28px; }
  #ix-root .ixd-cb{ padding: 16px 18px; }
  #ix-root .ixd-desc{ font-size: 15px; -webkit-line-clamp: 3; }
  #ix-root .ixd-foot{ gap: 10px 16px; }
  #ix-root .ixd-phone{ font-size: 17px; flex: 0 0 100%; }
  #ix-root .ixd-acts{ margin-left: 0; flex: 0 0 100%; gap: 12px 18px; }
  #ix-root .ixd-socs{ flex: 0 0 100%; }
  #ix-root .ixd-view{ margin-left: auto; }
  #ix-root .ixd-scrim{ padding: 0; align-items: flex-end; }
  #ix-root .ixd-modal{ width: 100%; max-height: 94dvh; border-radius: 16px 16px 0 0; }
  #ix-root .ixd-mtop{ padding: 20px 60px 18px 18px; gap: 14px; }
  #ix-root .ixd-mlogo{ flex-basis: 72px; width: 72px; height: 72px; }
  #ix-root .ixd-mlogo .ixd-ini{ width: 56px; height: 56px; font-size: 21px; }
  #ix-root .ixd-mname{ font-size: 22px; }
  #ix-root .ixd-mb{ padding: 18px 18px 4px; }
  #ix-root .ixd-mact{ flex: 1 1 calc(50% - 5px); justify-content: center; padding: 0 12px; }
  #ix-root .ixd-cgrid{ grid-template-columns: 1fr; }
  #ix-root .ixd-mfoot{ padding-bottom: calc(18px + env(safe-area-inset-bottom, 0px)); }
}

@media (prefers-reduced-motion: reduce){
  #ix-root .ixd-card{ transition: none; }
}

/* ── v1.1.4 · phone: search and filter open in place ── */
#ix-root .ixd-xrow{ display: none; }
@media (max-width: 767px){
  #ix-root .ixd-xrow.is-open{ display: block; margin: 0 0 18px; }
  #ix-root .ixd-xrow .ixd-search{ display: flex; max-width: none; width: 100%; }
  #ix-root .ixd-xrow .ixd-filters{ display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; justify-content: flex-start; }
  #ix-root .ixd-xrow .ixd-pill{ display: flex; flex: 1 1 0; min-width: 0; max-width: none; }
  #ix-root .ixd-xrow .ixd-pill[hidden]{ display: none; }
  #ix-root .ixd-ib.is-open{ box-shadow: 0 0 0 2px var(--ix-t-accent); }
}

/* ── v1.1.6 · phone: category only, no type ── */
@media (max-width: 767px){
  #ix-root .ixd-filters .ixd-pill + .ixd-pill{ display: none; }                 /* the type pill */
  #ix-root .ixd-cat .ixd-chev + .ixd-catb{ pointer-events: none; cursor: default; text-decoration: none; }   /* the type name on a card: plain text */
}