/* Shop "Add item" (digital items and tickets): the owner create-sheet look
   shared with Booking "Add service" and Stream "Add stream" (same tokens,
   same parts), benchmarked on the phone Map "New pin" sheet.

   Enterprise layout: Cancel | title | status header, grouped cards under
   small-caps eyebrows, labelled 48px fields, price with a $ prefix, tickets
   as one event card (date and time, venue) plus tiers, a quantity stepper,
   description / entry / wallet-front fields under More options, and one
   primary action that stays muted until the form is ready. Light, dark, the
   owner's page colour and Glass all come from the --es-* tokens below.

   The root selector repeats the id seven times on purpose: the legacy sheet,
   mobile-shop-theme.css, the Glass layer (mobile-glass-shop.css) and the
   page's [data-theme] sweeps all repaint #addItemModal; seven ids beat them.
   mobile-shop-legacy-add-item.js stamps inline colours from --sac-* vars, so
   those vars follow the theme too. Markup: templates/mobile.html. */

/* A full-screen form: the nav pill (z 240020) would sit on the submit. */
html body:has(#addItemModal[style*="display: block"]) #bottom-nav,
html body:has(#addItemModal[style*="display:block"]) #bottom-nav,
html body:has(#addItemModal[style*="display: flex"]) #bottom-nav,
html body:has(#addItemModal[style*="display:flex"]) #bottom-nav { display: none !important; }

/* ---- tokens: light (default), dark, page colour, Glass ---- */
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal {
    --es-font: var(--font-family, Manrope), -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    --es-scheme: light;
    --es-page: #F5F5F3;
    --es-card: #FFFFFF;
    --es-line: #E6E6E9;
    --es-line-soft: #EFEFF1;
    --es-ink: #0E0E10;
    --es-dim: #5C5C63;
    --es-faint: #8A8A92;
    --es-field: #FFFFFF;
    --es-field-line: #D9D9DE;
    --es-field-ink: #111113;
    --es-field-dim: #5C5C63;
    --es-field-faint: #9A9AA2;
    --es-focus: #0E0E10;
    --es-track: #EAEAEC;
    --es-seg-on: #FFFFFF;
    --es-seg-shadow: 0 1px 2px rgba(14, 14, 16, 0.10);
    --es-tile: #F1F1F2;
    --es-btn: #0E0E10;
    --es-on-btn: #FFFFFF;
    --es-btn-idle: #E3E3E6;
    --es-on-btn-idle: #8A8A92;
    --es-bad: #C62828;
    --es-good: #15803D;
    --es-toggle-off: #D9D9DE;
}
html[data-theme*="dark"] body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal {
    --es-scheme: dark;
    --es-page: #0B0B0D;
    --es-card: #151518;
    --es-line: #26262B;
    --es-line-soft: #1F1F23;
    --es-ink: #F4F4F5;
    --es-dim: #B4B4BB;
    --es-faint: #85858E;
    --es-field: #0F0F12;
    --es-field-line: #303036;
    --es-field-ink: #F4F4F5;
    --es-field-dim: #B4B4BB;
    --es-field-faint: #6E6E77;
    --es-focus: #F4F4F5;
    --es-track: #1E1E22;
    --es-seg-on: #2C2C32;
    --es-seg-shadow: none;
    --es-tile: #222227;
    --es-btn: #F4F4F5;
    --es-on-btn: #0E0E10;
    --es-btn-idle: #222227;
    --es-on-btn-idle: #6E6E77;
    --es-bad: #F87171;
    --es-good: #4ADE80;
    --es-toggle-off: #3A3A41;
}
/* The owner's page colour (mobile-page-colors.js writes the --pc-* set). */
html[data-page-color] body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal {
    --es-page: var(--pc-page);
    --es-card: var(--pc-soft);
    --es-line: var(--pc-line);
    --es-line-soft: var(--pc-line);
    --es-ink: var(--pc-ink);
    --es-dim: var(--pc-dim);
    --es-faint: var(--pc-faint);
    --es-field: var(--pc-field);
    --es-field-line: var(--pc-edge);
    --es-field-ink: var(--pc-field-ink);
    --es-field-dim: var(--pc-field-dim);
    --es-field-faint: var(--pc-field-dim);
    --es-focus: var(--pc-ink);
    --es-track: var(--pc-hover);
    --es-seg-on: var(--pc-field);
    --es-tile: var(--pc-hover);
    --es-btn: var(--pc-btn);
    --es-on-btn: var(--pc-on-btn);
    --es-btn-idle: var(--pc-hover);
    --es-on-btn-idle: var(--pc-faint);
    --es-bad: var(--pc-bad);
    --es-good: var(--pc-good);
    --es-toggle-off: var(--pc-edge);
}
/* Glass: the app's frosted sheet, white type, translucent cards. */
html[data-appearance="glass"] body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal {
    --es-scheme: dark;
    --es-page: var(--gl-sheet, rgba(28, 28, 32, 0.42));
    --es-card: rgba(255, 255, 255, 0.08);
    --es-line: rgba(255, 255, 255, 0.18);
    --es-line-soft: rgba(255, 255, 255, 0.12);
    --es-ink: #FFFFFF;
    --es-dim: rgba(255, 255, 255, 0.74);
    --es-faint: rgba(255, 255, 255, 0.56);
    --es-field: rgba(255, 255, 255, 0.10);
    --es-field-line: rgba(255, 255, 255, 0.24);
    --es-field-ink: #FFFFFF;
    --es-field-dim: rgba(255, 255, 255, 0.74);
    --es-field-faint: rgba(255, 255, 255, 0.52);
    --es-focus: #FFFFFF;
    --es-track: rgba(255, 255, 255, 0.10);
    --es-seg-on: rgba(255, 255, 255, 0.24);
    --es-seg-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18);
    --es-tile: rgba(255, 255, 255, 0.12);
    --es-btn: #FFFFFF;
    --es-on-btn: #0E0E10;
    --es-btn-idle: rgba(255, 255, 255, 0.12);
    --es-on-btn-idle: rgba(255, 255, 255, 0.50);
    --es-bad: #FFB0A8;
    --es-good: #86EFAC;
    --es-toggle-off: rgba(255, 255, 255, 0.24);
}

/* The legacy script writes these into inline !important styles. */
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal {
    --sac-field-ink: var(--es-field-ink);
    --sac-muted-ink: var(--es-dim);
    --sac-selected-bg: var(--es-seg-on);
    --sac-field-scheme: var(--es-scheme);
}

/* ---- surface ---- */
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal {
    overflow-y: auto !important; overflow-x: hidden !important; -webkit-overflow-scrolling: touch;
    background: var(--es-page) !important; background-image: none !important;
    color: var(--es-ink) !important; -webkit-text-fill-color: var(--es-ink) !important;
    color-scheme: var(--es-scheme) !important;
    font-family: var(--es-font) !important;
}
html[data-appearance="glass"] body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal {
    -webkit-backdrop-filter: var(--gl-blur, blur(22px) saturate(170%)) !important;
    backdrop-filter: var(--gl-blur, blur(22px) saturate(170%)) !important;
}
/* Every leaf inherits from the rule that styles its container; the page's
   [data-theme] sweeps and the modal fixer never reach past this. */
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal * {
    box-sizing: border-box;
    font-family: var(--es-font) !important;
    letter-spacing: 0;
    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
    text-shadow: none !important;
}
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal * { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal :where(div, section, form, p, span, small, strong, em, label, summary, details, h1, h2, h3) {
    background-color: transparent !important;
}
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal :is(.fa, .fas, .fa-solid, .far, .fa-regular) { font-family: "Font Awesome 6 Free" !important; font-weight: 900 !important; font-style: normal !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .far, html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .fa-regular { font-weight: 400 !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .fab { font-family: "Font Awesome 6 Brands" !important; font-weight: 400 !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal button {
    -webkit-appearance: none !important; appearance: none !important;
    backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
    filter: none !important; box-shadow: none !important; transform: none !important;
    -webkit-font-smoothing: antialiased !important; cursor: pointer;
}
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal button::before, html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal button::after { content: none !important; display: none !important; }

/* ---- header: Cancel | title | status ---- */
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-bar {
    position: sticky !important; top: 0 !important; z-index: 8 !important;
    display: grid !important; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important; align-items: center !important; column-gap: 10px !important;
    min-height: 0 !important; margin: 0 -16px 18px !important;
    padding: calc(env(safe-area-inset-top, 0px) + 8px) 16px 8px !important;
    border: 0 !important; border-bottom: 1px solid var(--es-line) !important; border-radius: 0 !important;
    background: var(--es-page) !important; box-shadow: none !important;
}
html[data-appearance="glass"] body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-bar { background: rgba(28, 28, 32, 0.30) !important; -webkit-backdrop-filter: var(--gl-blur, blur(22px)) !important; backdrop-filter: var(--gl-blur, blur(22px)) !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-bar-title { display: contents !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-bar-spacer { display: none !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-bar-cancel {
    grid-column: 1 !important; justify-self: start !important;
    width: auto !important; min-width: 0 !important; height: 44px !important; min-height: 44px !important; margin: 0 !important; padding: 0 !important;
    border: 0 !important; border-radius: 0 !important; background: transparent !important;
    font-size: 16px !important; font-weight: 600 !important; text-align: left !important; color: var(--es-dim) !important;
}
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-bar-title strong {
    grid-column: 2 !important; display: block !important; max-width: 52vw !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important;
    font-size: 17px !important; font-weight: 800 !important; letter-spacing: -0.01em !important; text-transform: none !important; font-stretch: normal !important;
    text-align: center !important; color: var(--es-ink) !important;
}
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-bar-title small {
    grid-column: 3 !important; justify-self: end !important;
    display: inline-flex !important; align-items: center !important; gap: 6px !important;
    height: 26px !important; padding: 0 10px !important; border: 1px solid var(--es-line) !important; border-radius: 999px !important;
    font-size: 12px !important; font-weight: 700 !important; letter-spacing: 0 !important; text-transform: none !important; white-space: nowrap !important;
    color: var(--es-dim) !important;
}
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-bar-title small::before { content: "" !important; display: block !important; width: 6px !important; height: 6px !important; border-radius: 50% !important; background: var(--es-faint) !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-bar-title small.is-ready { color: var(--es-ink) !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-bar-title small.is-ready::before { background: var(--es-good) !important; }

/* ---- "Hosted by / Selling as / Streaming as" ---- */
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-posting {
    display: flex !important; align-items: center !important; gap: 12px !important;
    margin: 0 !important; padding: 12px 14px !important;
    border: 1px solid var(--es-line) !important; border-radius: 16px !important; background: var(--es-card) !important; box-shadow: none !important;
}
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-posting-avatar { width: 40px !important; height: 40px !important; flex: 0 0 40px !important; border-radius: 12px !important; overflow: hidden !important; background: var(--es-btn) !important; display: flex !important; align-items: center !important; justify-content: center !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-posting-avatar span { font-size: 15px !important; font-weight: 800 !important; color: var(--es-on-btn) !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-posting-avatar img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; margin: 0 !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-posting-copy { display: flex !important; flex-direction: column !important; gap: 2px !important; min-width: 0 !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-posting-label { font-size: 12px !important; font-weight: 600 !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--es-dim) !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-posting-name { font-size: 15px !important; font-weight: 700 !important; color: var(--es-ink) !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }

/* ---- small-caps eyebrow over each group ---- */
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-eyebrow {
    display: flex !important; align-items: baseline !important; justify-content: space-between !important; gap: 10px !important;
    margin: 24px 4px 8px !important; padding: 0 !important;
}
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-eyebrow, html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-eyebrow span {
    font-size: 12px !important; font-weight: 700 !important; letter-spacing: 0.06em !important; text-transform: uppercase !important; line-height: 1.2 !important;
    color: var(--es-dim) !important;
}
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-eyebrow span:last-child:not(:first-child) { font-weight: 600 !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--es-faint) !important; text-align: right !important; }

/* ---- grouped card ---- */
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-card {
    display: flex !important; flex-direction: column !important; gap: 16px !important;
    margin: 0 !important; padding: 16px !important;
    border: 1px solid var(--es-line) !important; border-radius: 16px !important;
    background: var(--es-card) !important; box-shadow: none !important; overflow: visible !important;
}

/* ---- labelled field ---- */
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-field { position: relative !important; display: flex !important; flex-direction: column !important; gap: 8px !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-label {
    display: flex !important; align-items: baseline !important; justify-content: space-between !important; gap: 8px !important;
    margin: 0 !important; padding: 0 !important;
    font-size: 14px !important; font-weight: 700 !important; letter-spacing: 0 !important; text-transform: none !important; line-height: 1.25 !important;
    color: var(--es-ink) !important;
}
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-label em { font-style: normal !important; font-size: 13px !important; font-weight: 500 !important; color: var(--es-faint) !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-help, html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-hint { margin: 0 !important; padding: 0 !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.4 !important; color: var(--es-dim) !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-hint { margin: 8px 4px 0 !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-error { display: none !important; margin: 0 !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.35 !important; color: var(--es-bad) !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-field[data-invalid] > .sac-error { display: block !important; }

/* inputs: 48px, labelled above, hairline box */
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal :where(input:not([type="file"]):not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="hidden"]):not([type="range"]), select) {
    display: block !important; width: 100% !important; max-width: none !important; min-width: 0 !important;
    height: 48px !important; min-height: 48px !important; margin: 0 !important; padding: 0 14px !important;
    border: 1.5px solid var(--es-field-line) !important; border-radius: 12px !important; outline: none !important; box-shadow: none !important;
    background: var(--es-field) !important; background-image: none !important;
    font-size: 16px !important; font-weight: 500 !important; line-height: 1.3 !important; text-align: left !important; direction: ltr !important;
    color: var(--es-field-ink) !important; -webkit-text-fill-color: var(--es-field-ink) !important; caret-color: var(--es-focus) !important;
    -webkit-appearance: none !important; appearance: none !important; color-scheme: var(--es-scheme) !important;
}
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal textarea {
    display: block !important; width: 100% !important; max-width: none !important; min-width: 0 !important;
    min-height: 96px !important; margin: 0 !important; padding: 12px 14px !important;
    border: 1.5px solid var(--es-field-line) !important; border-radius: 12px !important; outline: none !important; box-shadow: none !important;
    background: var(--es-field) !important; background-image: none !important; resize: none !important;
    font-size: 16px !important; font-weight: 500 !important; line-height: 1.45 !important;
    color: var(--es-field-ink) !important; -webkit-text-fill-color: var(--es-field-ink) !important; caret-color: var(--es-focus) !important;
    -webkit-appearance: none !important; appearance: none !important; color-scheme: var(--es-scheme) !important;
}
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal :is(input, textarea, select):focus { border-color: var(--es-focus) !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal :is(input, textarea)::placeholder { color: var(--es-field-faint) !important; -webkit-text-fill-color: var(--es-field-faint) !important; opacity: 1 !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal select option { background: #FFFFFF !important; color: #111113 !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal input[type="number"]::-webkit-inner-spin-button, html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal input[type="number"] { -moz-appearance: textfield !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal :is(input[type="date"], input[type="time"], input[type="datetime-local"])::-webkit-date-and-time-value { text-align: left !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-field[data-invalid] :is(input, textarea, select, .sac-affix, .sac-stepper, .sac-iconfield) { border-color: var(--es-bad) !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-field[data-invalid] :is(.sac-affix, .sac-stepper, .sac-iconfield) :is(input, select) { border-color: transparent !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal :is(.sac-affix, .sac-stepper, .sac-iconfield):has([data-builder-error="true"]) { border-color: var(--es-bad) !important; }

/* select with a chevron */
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-select { position: relative !important; display: block !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-select select { padding-right: 40px !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-select > i { position: absolute !important; right: 15px !important; top: 50% !important; transform: translateY(-50%) !important; font-size: 12px !important; pointer-events: none !important; color: var(--es-field-dim) !important; }

/* $ price, icon fields: one box, the input inside it */
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal :is(.sac-affix, .sac-iconfield) {
    display: flex !important; align-items: center !important; height: 48px !important; min-height: 48px !important;
    border: 1.5px solid var(--es-field-line) !important; border-radius: 12px !important; background: var(--es-field) !important; overflow: hidden !important;
}
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal :is(.sac-affix, .sac-iconfield):focus-within { border-color: var(--es-focus) !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal :is(.sac-affix, .sac-iconfield) :is(input, select) {
    flex: 1 1 auto !important; height: 100% !important; min-height: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important;
}
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-affix-pre { flex: 0 0 auto !important; padding: 0 0 0 14px !important; font-size: 16px !important; font-weight: 700 !important; color: var(--es-field-dim) !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-affix-pre + input { padding-left: 6px !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-affix-post { flex: 0 0 auto !important; padding: 0 14px 0 6px !important; font-size: 14px !important; font-weight: 600 !important; color: var(--es-field-dim) !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-iconfield > i { flex: 0 0 auto !important; width: 42px !important; text-align: center !important; font-size: 14px !important; color: var(--es-field-dim) !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-iconfield > i + :is(input, select) { padding-left: 0 !important; }

/* - value unit + stepper */
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-stepper {
    display: flex !important; align-items: center !important; height: 48px !important; min-height: 48px !important;
    border: 1.5px solid var(--es-field-line) !important; border-radius: 12px !important; background: var(--es-field) !important; overflow: hidden !important;
}
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-stepper:focus-within { border-color: var(--es-focus) !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-stepper > button {
    flex: 0 0 52px !important; width: 52px !important; height: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important;
    border: 0 !important; border-radius: 0 !important; background: transparent !important;
    display: grid !important; place-items: center !important; font-size: 22px !important; font-weight: 500 !important; line-height: 1 !important; color: var(--es-field-ink) !important;
}
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-stepper > button:first-child { border-right: 1px solid var(--es-field-line) !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-stepper > button:last-child { border-left: 1px solid var(--es-field-line) !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-stepper > button:active { background: var(--es-track) !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-stepper input { flex: 1 1 auto !important; width: 0 !important; height: 100% !important; min-height: 0 !important; padding: 0 4px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; text-align: right !important; font-weight: 700 !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-stepper-unit { flex: 1 1 auto !important; padding: 0 0 0 5px !important; font-size: 15px !important; font-weight: 600 !important; color: var(--es-field-dim) !important; text-align: left !important; }

/* ---- segmented control ---- */
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-segment {
    display: flex !important; gap: 4px !important; margin: 0 !important; padding: 4px !important;
    border: 0 !important; border-radius: 12px !important; background: var(--es-track) !important; box-shadow: none !important;
}
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-segment button {
    flex: 1 1 0 !important; min-width: 0 !important; height: 40px !important; min-height: 40px !important; margin: 0 !important; padding: 0 6px !important;
    border: 0 !important; border-radius: 9px !important; background: transparent !important;
    display: flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important;
    font-size: 14px !important; font-weight: 600 !important; letter-spacing: 0 !important; white-space: nowrap !important; opacity: 1 !important;
    color: var(--es-dim) !important;
}
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-segment button:is(.is-active, .active, [aria-pressed="true"]) {
    background: var(--es-seg-on) !important; box-shadow: var(--es-seg-shadow) !important; color: var(--es-field-ink) !important;
}

/* ---- primary action: muted until the form is ready ---- */
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-foot { display: block !important; margin: 28px 0 0 !important; padding: 0 !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal :is(.sac-submit, button.sac-submit, .sac-submit:disabled) {
    display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important;
    width: 100% !important; height: 52px !important; min-height: 52px !important; margin: 0 !important; padding: 0 20px !important;
    border: 0 !important; border-radius: 26px !important; background: var(--es-btn-idle) !important; opacity: 1 !important;
    font-size: 16px !important; font-weight: 800 !important; letter-spacing: 0 !important; text-transform: none !important;
    color: var(--es-on-btn-idle) !important;
}
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-submit * { font-size: inherit !important; font-weight: inherit !important; letter-spacing: 0 !important; text-transform: none !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-submit.is-ready { background: var(--es-btn) !important; color: var(--es-on-btn) !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-submit.is-busy { opacity: 0.7 !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-note { margin: 10px 0 0 !important; padding: 0 !important; text-align: center !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.4 !important; color: var(--es-dim) !important; }

/* ---- More options ---- */
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-more {
    display: block !important; margin: 24px 0 0 !important; padding: 0 !important;
    border: 1px solid var(--es-line) !important; border-radius: 16px !important; background: var(--es-card) !important; overflow: visible !important;
}
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-more > summary {
    display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important;
    min-height: 54px !important; margin: 0 !important; padding: 0 16px !important; list-style: none !important; cursor: pointer;
    font-size: 15px !important; font-weight: 700 !important; color: var(--es-ink) !important;
}
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-more > summary::-webkit-details-marker { display: none !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-more > summary::marker { content: "" !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-more-meta { display: inline-flex !important; align-items: center !important; gap: 10px !important; min-width: 0 !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-more-meta em { font-style: normal !important; font-size: 13px !important; font-weight: 500 !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--es-faint) !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-more-meta i { font-size: 12px !important; color: var(--es-dim) !important; transition: transform 160ms ease; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-more[open] .sac-more-meta i { transform: rotate(180deg); }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-more[open] > summary { border-bottom: 1px solid var(--es-line-soft) !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-more-body { display: flex !important; flex-direction: column !important; gap: 16px !important; padding: 16px !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-more-body > .sac-eyebrow { margin: 4px 0 -6px !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-more-body > .sac-eyebrow:first-child { margin-top: 0 !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-more-body .sac-card { padding: 0 !important; border: 0 !important; background: transparent !important; }

/* ---- sheet frame ---- */
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal { position: fixed !important; inset: 0 !important; width: 100vw !important; height: 100vh !important; height: 100dvh !important; z-index: 150000 !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .mobile-shop-add-item-shell { width: 100% !important; min-height: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .mobile-shop-add-item-scroll {
    width: 100% !important; max-width: 560px !important; margin: 0 auto !important;
    padding: 0 16px calc(48px + env(safe-area-inset-bottom, 0px)) !important; background: transparent !important;
}
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal #addItemForm { display: block !important; margin: 0 !important; padding: 0 !important; background: transparent !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-section { display: block; margin: 0 !important; }

/* ---- image and file pickers ---- */
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-file {
    position: relative !important; display: flex !important; align-items: center !important; gap: 12px !important;
    width: 100% !important; min-height: 72px !important; margin: 0 !important; padding: 12px 14px !important;
    border: 1.5px dashed var(--es-field-line) !important; border-radius: 16px !important; background: var(--es-card) !important;
    text-align: left !important; cursor: pointer;
}
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-file.has-file { border-style: solid !important; border-color: var(--es-line) !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-file input[type="file"] { position: absolute !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-file-icon { width: 46px !important; height: 46px !important; flex: 0 0 46px !important; border-radius: 12px !important; background: var(--es-tile) !important; display: grid !important; place-items: center !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-file-icon i { font-size: 16px !important; color: var(--es-dim) !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-file-preview { display: none; width: 46px !important; height: 46px !important; flex: 0 0 46px !important; border-radius: 12px !important; object-fit: cover !important; margin: 0 !important; background: var(--es-tile) !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-file-copy { display: flex !important; flex-direction: column !important; gap: 3px !important; min-width: 0 !important; flex: 1 1 auto !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-file-copy strong { font-size: 15px !important; font-weight: 700 !important; color: var(--es-ink) !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-file-copy small { font-size: 13px !important; font-weight: 500 !important; color: var(--es-dim) !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-file-action {
    width: 32px !important; min-width: 32px !important; height: 32px !important; min-height: 0 !important; flex: 0 0 32px !important; margin: 0 !important; padding: 0 !important;
    border: 1.5px solid var(--es-field-line) !important; border-radius: 10px !important; background: transparent !important; display: grid !important; place-items: center !important;
}
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-file-action i { font-size: 12px !important; color: var(--es-ink) !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-file.has-file .sac-file-action { border-color: var(--es-btn) !important; background: var(--es-btn) !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-file.has-file .sac-file-action i { color: var(--es-on-btn) !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-file[for="itemImage"].has-file .sac-file-icon { display: none !important; }

/* ---- tickets: the event card ---- */
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-row--venue { position: relative !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .mobile-shop-ticket-venue-suggestions {
    position: absolute !important; left: 0 !important; right: 0 !important; top: calc(100% + 6px) !important; z-index: 9 !important; margin: 0 !important; overflow: hidden !important;
    border: 1px solid var(--es-line) !important; border-radius: 14px !important; background: var(--es-card) !important; box-shadow: 0 18px 40px rgba(0, 0, 0, 0.16) !important;
}
html[data-appearance="glass"] body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .mobile-shop-ticket-venue-suggestions { background: rgba(28, 28, 32, 0.92) !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .mobile-shop-ticket-venue-suggestion { padding: 11px 14px !important; border-bottom: 1px solid var(--es-line-soft) !important; background: transparent !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .mobile-shop-ticket-venue-suggestion:last-child { border-bottom: 0 !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .mobile-shop-ticket-venue-suggestion span { font-size: 14px !important; font-weight: 700 !important; color: var(--es-ink) !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .mobile-shop-ticket-venue-suggestion small { font-size: 12px !important; color: var(--es-dim) !important; }

/* ---- tickets: tiers (name, price, qty per row) ---- */
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-card--tiers { gap: 12px !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .mobile-shop-ticket-tiers { display: grid !important; gap: 12px !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .mobile-shop-ticket-tier { display: flex !important; flex-direction: column !important; gap: 8px !important; margin: 0 !important; padding: 0 0 12px !important; border: 0 !important; border-bottom: 1px solid var(--es-line-soft) !important; background: transparent !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .mobile-shop-ticket-tier:last-child { padding-bottom: 0 !important; border-bottom: 0 !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .mobile-shop-ticket-tier-line { display: grid !important; grid-template-columns: minmax(0, 1fr) 84px 64px 36px !important; align-items: center !important; gap: 8px !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .mobile-shop-ticket-tier input { padding: 0 12px !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .mobile-shop-ticket-tier input[data-tier-field="quantity"], html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .mobile-shop-ticket-tier input[data-tier-field="price"] { text-align: right !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .mobile-shop-ticket-tier textarea { min-height: 64px !important; font-size: 15px !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .mobile-shop-ticket-tier button[data-tier-remove] { width: 36px !important; height: 36px !important; min-height: 36px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 10px !important; background: transparent !important; display: grid !important; place-items: center !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .mobile-shop-ticket-tier button[data-tier-remove] i { font-size: 14px !important; color: var(--es-faint) !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .mobile-shop-ticket-tier-add {
    display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; align-self: flex-start !important;
    height: 40px !important; min-height: 40px !important; margin: 0 !important; padding: 0 14px !important;
    border: 1.5px dashed var(--es-field-line) !important; border-radius: 10px !important; background: transparent !important;
    font-size: 14px !important; font-weight: 700 !important; color: var(--es-ink) !important;
}
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .mobile-shop-ticket-tier-add i { font-size: 12px !important; color: var(--es-ink) !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .mobile-shop-ticket-wallet-preview { display: none !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-stepper input { text-align: center !important; font-weight: 600 !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal #ticketDetailsFields > .sac-eyebrow:first-child { margin-top: 24px !important; }

/* ---- More options: wallet front grid, pass colour, preview ---- */
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 14px 10px !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .mobile-shop-add-item-ticket-actions { grid-template-columns: 1fr !important; gap: 12px !important; width: 100% !important; margin: 0 !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .mobile-shop-add-item-ticket-actions > .sac-eyebrow { margin: 4px 0 -2px !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-passrow { display: flex !important; align-items: center !important; justify-content: space-between !important; min-height: 48px !important; padding: 0 6px 0 14px !important; border: 1.5px solid var(--es-field-line) !important; border-radius: 12px !important; background: var(--es-field) !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-passrow > .sac-label { color: var(--es-field-ink) !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .mobile-shop-ticket-color-control { position: relative !important; display: block !important; flex: 0 0 34px !important; width: 34px !important; min-width: 34px !important; height: 34px !important; min-height: 34px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; border: 1px solid var(--es-line) !important; border-radius: 9px !important; background: var(--ticket-preview-color, #18181b) !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .mobile-shop-ticket-color-control input { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; min-height: 0 !important; opacity: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; cursor: pointer; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .mobile-shop-ticket-color-control span { display: none !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-row--button {
    display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important;
    width: 100% !important; height: 48px !important; min-height: 48px !important; margin: 0 !important; padding: 0 14px !important;
    border: 1.5px solid var(--es-line) !important; border-radius: 12px !important; background: transparent !important;
}
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-row--button i { font-size: 13px !important; color: var(--es-dim) !important; }
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .sac-row--button span { font-size: 15px !important; font-weight: 700 !important; color: var(--es-ink) !important; }

/* Ticket-only parts disappear for one-time items. */
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal:not([data-shop-kind="ticket"]) [data-shop-ticket-only] { display: none !important; }

/* ---- hidden wins over every display rule above ---- */
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal [hidden],
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal [hidden][hidden],
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal [style*="display: none"],
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal [style*="display:none"] { display: none !important; }

/* Full screen on the installed app too: pin all four edges (100vh fell short
   on iOS and left a white band where the nav sits) and sit above the nav's
   layer, so nothing white can cover the bottom of the form. */
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal[style*="display"] {
    top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important;
    width: auto !important; height: auto !important; min-height: 100% !important; max-height: none !important;
    z-index: 250000 !important; background: var(--es-page) !important;
}
html body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal#addItemModal .mobile-shop-add-item-shell {
    min-height: 100% !important; background: var(--es-page) !important;
    padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 28px) !important;
}