/* store-tall.css — ONLY tall (≤900px). Never put wide rules here. * Active when */ html.ionic-store.store-tall, html.ionic-store.store-tall body { height: auto !important; min-height: 100% !important; min-height: 100dvh !important; overflow-x: hidden !important; overflow-y: auto !important; } html.ionic-store.store-tall .app { display: flex !important; flex-direction: column !important; align-items: stretch !important; width: 100% !important; min-height: 100dvh !important; height: auto !important; overflow: visible !important; } html.ionic-store.store-tall .rail { display: contents !important; width: auto !important; max-width: none !important; max-height: none !important; position: relative !important; flex: 0 0 auto !important; } html.ionic-store.store-tall .nav, html.ionic-store.store-tall .nav.glass { order: 0 !important; position: relative !important; flex: 0 0 auto !important; width: auto !important; height: auto !important; max-height: none !important; align-self: stretch !important; margin: 12px 12px 0 !important; overflow: hidden !important; border-radius: 28px !important; padding: 12px 0 16px !important; display: flex !important; flex-direction: column !important; } html.ionic-store.store-tall .brand { order: 0 !important; } html.ionic-store.store-tall #radio, html.ionic-store.store-tall .radio { order: 1 !important; } /* first row after logo */ html.ionic-store.store-tall .pills, html.ionic-store.store-tall #pills { order: 2 !important; } html.ionic-store.store-tall .rail > .legal, html.ionic-store.store-tall .legal { order: 3 !important; } /* 3-across small pills */ html.ionic-store.store-tall .nav .pills, html.ionic-store.store-tall #pills, html.ionic-store.store-tall .pills { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 4px !important; padding: 4px 6px !important; margin: 2px 0 0 !important; overflow: hidden !important; flex: 0 0 auto !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } html.ionic-store.store-tall .nav .pill, html.ionic-store.store-tall .pill { height: 26px !important; min-height: 26px !important; max-height: 26px !important; padding: 0 3px !important; font: 650 9px/1 Outfit, system-ui, sans-serif !important; gap: 2px !important; min-width: 0 !important; max-width: 100% !important; box-sizing: border-box !important; } html.ionic-store.store-tall .pill__ico, html.ionic-store.store-tall .pill__ico svg { width: 11px !important; height: 11px !important; flex: 0 0 11px !important; } html.ionic-store.store-tall .pill__label { font-size: 9px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; min-width: 0 !important; } /* One-row player: art | title (+ EQ behind) | controls */ html.ionic-store.store-tall #radio, html.ionic-store.store-tall #radio.lmp, html.ionic-store.store-tall #radio.lmp--compact, html.ionic-store.store-tall .radio { position: relative !important; display: grid !important; grid-template-columns: 32px minmax(0, 1fr) auto !important; grid-template-rows: 44px !important; grid-template-areas: "art title controls" !important; align-items: center !important; gap: 0 8px !important; height: 44px !important; min-height: 44px !important; max-height: 44px !important; margin: 6px 10px 0 !important; padding: 0 8px !important; overflow: visible !important; background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; width: auto !important; box-sizing: border-box !important; } html.ionic-store.store-tall #radio .lmp-art-slot { display: contents !important; } html.ionic-store.store-tall #radio .lmp-art { grid-area: art !important; width: 32px !important; height: 32px !important; min-width: 32px !important; min-height: 32px !important; max-width: 32px !important; max-height: 32px !important; margin: 0 !important; border-radius: 8px !important; object-fit: cover !important; } html.ionic-store.store-tall #radio .lmp-title { grid-area: title !important; position: relative !important; z-index: 1 !important; display: block !important; margin: 0 !important; padding: 0 !important; font: 650 12px/1 Outfit, system-ui, sans-serif !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; color: #fff !important; min-width: 0 !important; } /* EQ behind title — tall path only */ html.ionic-store.store-tall #radio .lmp-eq { display: block !important; visibility: visible !important; opacity: 0.55 !important; grid-area: title !important; position: absolute !important; left: -5px !important; right: 0 !important; top: 0 !important; bottom: 0 !important; width: calc(100% + 5px) !important; height: 100% !important; max-height: none !important; min-height: 0 !important; z-index: 0 !important; pointer-events: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; } html.ionic-store.store-tall #radio .lmp-controls { grid-area: controls !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-end !important; gap: 6px !important; height: 40px !important; z-index: 1 !important; margin: 0 !important; padding: 0 !important; } html.ionic-store.store-tall #radio .lmp-seek, html.ionic-store.store-tall #radio input.lmp-seek, html.ionic-store.store-tall #radio .lmp-times, html.ionic-store.store-tall #radio .lmp-vol-row, html.ionic-store.store-tall #radio .lmp-gain { display: none !important; } html.ionic-store.store-tall #radio .lmp-btn[data-lmp="prev"] { display: flex !important; } html.ionic-store.store-tall #radio .lmp-btn--mute, html.ionic-store.store-tall #radio .lmp-btn[data-lmp="mute"] { display: none !important; } /* Cards below chrome; page scrolls when needed */ html.ionic-store.store-tall .store-stage { order: 4 !important; width: 100% !important; height: auto !important; max-height: none !important; overflow: visible !important; display: block !important; padding: 16px 18px 24px !important; box-sizing: border-box !important; flex: 0 0 auto !important; } html.ionic-store.store-tall .store-shelf { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; grid-auto-rows: auto !important; gap: 12px !important; width: 100% !important; height: auto !important; max-height: none !important; align-content: start !important; align-items: start !important; padding: 4px !important; box-sizing: border-box !important; } html.ionic-store.store-tall .store-tile, html.ionic-store.store-tall a.store-tile, html.ionic-store.store-tall article.store-tile { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: min-content !important; max-height: none !important; align-self: start !important; overflow: hidden !important; margin: 0 !important; transform: none !important; } html.ionic-store.store-tall .store-tile__media { width: 100% !important; height: auto !important; aspect-ratio: 16 / 9 !important; max-height: none !important; overflow: hidden !important; } html.ionic-store.store-tall .legal { position: relative !important; margin: 8px 12px 0 !important; text-align: center !important; } /* --- store213 tall polish: logo + no trailing empty space --- */ html.ionic-store.store-tall, html.ionic-store.store-tall body { height: auto !important; min-height: 0 !important; /* content-sized; don't force a full viewport trailer */ overflow-x: hidden !important; overflow-y: auto !important; } html.ionic-store.store-tall .app { min-height: 0 !important; height: auto !important; padding-bottom: 12px !important; /* was ~28px + fixed legal reserve */ } /* Wordmark: keep visible and sized (rail display:contents used to orphan it) */ html.ionic-store.store-tall .brand, html.ionic-store.store-tall .nav .brand { display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 0 !important; padding: 4px 12px 6px !important; width: auto !important; max-width: 100% !important; min-height: 28px !important; box-sizing: border-box !important; opacity: 1 !important; visibility: visible !important; } html.ionic-store.store-tall .brand__word, html.ionic-store.store-tall .nav .brand__word { display: block !important; height: 24px !important; width: auto !important; max-width: min(220px, 70vw) !important; object-fit: contain !important; object-position: left center !important; opacity: 1 !important; visibility: visible !important; } html.ionic-store.store-tall .brand__star { display: none !important; } /* © in document flow under chrome — not fixed (fixed left a dead scroll gap) */ html.ionic-store.store-tall .legal, html.ionic-store.store-tall .rail > .legal { position: relative !important; left: auto !important; right: auto !important; bottom: auto !important; margin: 10px 12px 4px !important; padding: 0 !important; text-align: center !important; z-index: auto !important; pointer-events: none !important; } html.ionic-store.store-tall .store-stage { min-height: 0 !important; height: auto !important; flex: 0 0 auto !important; padding-bottom: 16px !important; } html.ionic-store.store-tall .store-shelf { min-height: 0 !important; height: auto !important; } html.ionic-store.store-tall .store-shelf:not(:has(.store-tile)) { min-height: 0 !important; } /* --- store213 tall: logo → music → categories; controls right; EQ behind title --- */ html.ionic-store.store-tall .nav, html.ionic-store.store-tall .nav.glass { display: flex !important; flex-direction: column !important; } html.ionic-store.store-tall .brand, html.ionic-store.store-tall .nav .brand, html.ionic-store.store-tall .nav__top { order: 0 !important; } html.ionic-store.store-tall #radio, html.ionic-store.store-tall #radio.lmp, html.ionic-store.store-tall #radio.lmp--compact, html.ionic-store.store-tall .radio { order: 1 !important; position: relative !important; display: grid !important; grid-template-columns: 32px minmax(0, 1fr) auto !important; grid-template-rows: 44px !important; grid-template-areas: "art title controls" !important; align-items: center !important; gap: 0 8px !important; height: 44px !important; min-height: 44px !important; max-height: 44px !important; margin: 4px 10px 6px !important; padding: 0 8px !important; overflow: visible !important; background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; width: auto !important; box-sizing: border-box !important; } html.ionic-store.store-tall .pills, html.ionic-store.store-tall #pills, html.ionic-store.store-tall .nav .pills { order: 2 !important; } html.ionic-store.store-tall .legal, html.ionic-store.store-tall .rail > .legal { order: 3 !important; position: relative !important; margin: 8px 12px 0 !important; } html.ionic-store.store-tall .store-stage { order: 4 !important; } html.ionic-store.store-tall #radio .lmp-art-slot { display: contents !important; } html.ionic-store.store-tall #radio .lmp-art { grid-area: art !important; width: 32px !important; height: 32px !important; min-width: 32px !important; min-height: 32px !important; max-width: 32px !important; max-height: 32px !important; border-radius: 8px !important; object-fit: cover !important; margin: 0 !important; } html.ionic-store.store-tall #radio .lmp-title { grid-area: title !important; position: relative !important; z-index: 1 !important; margin: 0 !important; padding: 0 !important; font: 650 12px/1 Outfit, system-ui, sans-serif !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; color: #fff !important; min-width: 0 !important; } html.ionic-store.store-tall #radio .lmp-eq { display: block !important; visibility: visible !important; opacity: 0.55 !important; grid-area: title !important; position: absolute !important; left: -5px !important; right: 0 !important; top: 0 !important; bottom: 0 !important; width: calc(100% + 5px) !important; height: 100% !important; max-height: none !important; z-index: 0 !important; pointer-events: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; } html.ionic-store.store-tall #radio .lmp-controls { grid-area: controls !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-end !important; gap: 6px !important; height: 40px !important; width: auto !important; margin: 0 !important; padding: 0 !important; z-index: 1 !important; } html.ionic-store.store-tall #radio .lmp-seek, html.ionic-store.store-tall #radio input.lmp-seek, html.ionic-store.store-tall #radio .lmp-times, html.ionic-store.store-tall #radio .lmp-vol-row, html.ionic-store.store-tall #radio .lmp-gain { display: none !important; } html.ionic-store.store-tall #radio .lmp-btn[data-lmp="prev"] { display: flex !important; } html.ionic-store.store-tall #radio .lmp-btn--mute, html.ionic-store.store-tall #radio .lmp-btn[data-lmp="mute"] { display: none !important; } /* Nothing under © — hug content, no dead trailer */ html.ionic-store.store-tall, html.ionic-store.store-tall body { min-height: 0 !important; height: auto !important; } html.ionic-store.store-tall .app { min-height: 0 !important; height: auto !important; padding-bottom: 8px !important; } html.ionic-store.store-tall .nav, html.ionic-store.store-tall .nav.glass { padding-bottom: 8px !important; max-height: none !important; } html.ionic-store.store-tall .store-shelf:not(:has(.store-tile)) { min-height: 0 !important; } /* --- store213 tall: logo + music on ONE row, then categories --- */ html.ionic-store.store-tall .nav, html.ionic-store.store-tall .nav.glass { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; align-content: flex-start !important; column-gap: 8px !important; row-gap: 4px !important; } html.ionic-store.store-tall .nav__top { display: contents !important; } html.ionic-store.store-tall .brand, html.ionic-store.store-tall .nav .brand { order: 0 !important; flex: 0 0 auto !important; max-width: 42% !important; min-width: 0 !important; padding: 2px 0 2px 10px !important; margin: 0 !important; } html.ionic-store.store-tall .brand__word, html.ionic-store.store-tall .nav .brand__word { height: 20px !important; max-width: min(140px, 38vw) !important; width: auto !important; display: block !important; object-fit: contain !important; } html.ionic-store.store-tall #radio, html.ionic-store.store-tall #radio.lmp, html.ionic-store.store-tall #radio.lmp--compact, html.ionic-store.store-tall .radio { order: 1 !important; flex: 1 1 0 !important; min-width: 0 !important; max-width: none !important; width: auto !important; margin: 0 8px 0 0 !important; height: 40px !important; min-height: 40px !important; max-height: 40px !important; /* keep one-row: art | title+EQ | controls */ display: grid !important; grid-template-columns: 28px minmax(0, 1fr) auto !important; grid-template-rows: 40px !important; grid-template-areas: "art title controls" !important; align-items: center !important; gap: 0 6px !important; padding: 0 4px 0 0 !important; overflow: visible !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } html.ionic-store.store-tall #radio .lmp-art { width: 28px !important; height: 28px !important; min-width: 28px !important; min-height: 28px !important; max-width: 28px !important; max-height: 28px !important; } html.ionic-store.store-tall .pills, html.ionic-store.store-tall #pills, html.ionic-store.store-tall .nav .pills { order: 2 !important; flex: 1 1 100% !important; width: 100% !important; max-width: 100% !important; margin: 2px 0 0 !important; } html.ionic-store.store-tall .legal, html.ionic-store.store-tall .rail > .legal { order: 3 !important; flex: 1 1 100% !important; width: 100% !important; } /* --- store213 tall: © after tile grid, then nothing; no ghost player --- */ html.ionic-store.store-tall .app { display: flex !important; flex-direction: column !important; align-items: stretch !important; min-height: 0 !important; height: auto !important; padding-bottom: 0 !important; margin-bottom: 0 !important; } html.ionic-store.store-tall .nav, html.ionic-store.store-tall .nav.glass { order: 0 !important; flex: 0 0 auto !important; margin-bottom: 0 !important; padding-bottom: 8px !important; } html.ionic-store.store-tall .store-stage { order: 1 !important; flex: 0 0 auto !important; margin: 0 !important; padding-bottom: 8px !important; min-height: 0 !important; height: auto !important; } html.ionic-store.store-tall .legal, html.ionic-store.store-tall #legal { order: 2 !important; position: relative !important; flex: 0 0 auto !important; width: 100% !important; margin: 4px 0 12px !important; padding: 0 12px !important; text-align: center !important; left: auto !important; right: auto !important; bottom: auto !important; z-index: auto !important; } /* Absolutely nothing after © */ html.ionic-store.store-tall .app > *:not(.nav):not(.store-stage):not(.legal):not(#legal):not(.rail) { display: none !important; } /* Inside #radio: only art/title/eq/controls participate; bury the rest */ html.ionic-store.store-tall #radio .lmp-seek, html.ionic-store.store-tall #radio input.lmp-seek, html.ionic-store.store-tall #radio .lmp-times, html.ionic-store.store-tall #radio .lmp-vol-row, html.ionic-store.store-tall #radio .lmp-gain, html.ionic-store.store-tall #radio .lmp-vol-ico, html.ionic-store.store-tall #radio .lmp-audio, html.ionic-store.store-tall #radio audio { display: none !important; position: absolute !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; opacity: 0 !important; pointer-events: none !important; } /* EQ stays visible behind title only */ html.ionic-store.store-tall #radio .lmp-eq { display: block !important; opacity: 0.55 !important; grid-area: title !important; position: absolute !important; height: 100% !important; width: calc(100% + 5px) !important; left: -5px !important; right: 0 !important; top: 0 !important; bottom: 0 !important; z-index: 0 !important; pointer-events: none !important; } /* No fixed legal leftover from old store.css */ html.ionic-store.store-tall .legal { position: relative !important; } /* --- store213 tall: © last; zero junk after --- */ html.ionic-store.store-tall, html.ionic-store.store-tall body { min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 0 !important; } html.ionic-store.store-tall .app { display: flex !important; flex-direction: column !important; min-height: 0 !important; height: auto !important; padding: 0 0 8px !important; margin: 0 !important; } html.ionic-store.store-tall .rail { display: contents !important; } html.ionic-store.store-tall .nav { order: 0 !important; flex: 0 0 auto !important; } html.ionic-store.store-tall .store-stage { order: 1 !important; flex: 0 0 auto !important; min-height: 0 !important; } html.ionic-store.store-tall .legal, html.ionic-store.store-tall #legal { order: 2 !important; flex: 0 0 auto !important; position: relative !important; margin: 4px 12px 10px !important; padding: 0 !important; text-align: center !important; } /* Kill any sibling after © */ /* store213: removed legal~ hide — it was hiding .store-stage */ /* Kill old fixed-legal + app padding from store.css */ html.ionic-store.store-tall .app { padding-bottom: 8px !important; } /* --- store213 tall: chrome fits viewport; ONLY tiles scroll; EQ behind title --- */ html.ionic-store.store-tall, html.ionic-store.store-tall body { height: 100% !important; max-height: 100dvh !important; overflow: hidden !important; margin: 0 !important; } html.ionic-store.store-tall .app { display: flex !important; flex-direction: column !important; height: 100% !important; max-height: 100dvh !important; min-height: 0 !important; overflow: hidden !important; padding: 0 !important; margin: 0 !important; } html.ionic-store.store-tall .rail { display: contents !important; } html.ionic-store.store-tall .nav, html.ionic-store.store-tall .nav.glass { flex: 0 0 auto !important; max-height: none !important; overflow: hidden !important; width: auto !important; margin: 10px 10px 0 !important; } /* logo + music same row already set above */ html.ionic-store.store-tall #radio .lmp-eq { display: block !important; visibility: visible !important; opacity: 0.55 !important; grid-area: title !important; position: absolute !important; left: -5px !important; right: 0 !important; top: 0 !important; bottom: 0 !important; width: calc(100% + 5px) !important; height: 100% !important; z-index: 0 !important; pointer-events: none !important; } /* Bury broken extra player chrome so it can't become page junk */ html.ionic-store.store-tall #radio > .lmp-seek, html.ionic-store.store-tall #radio > input.lmp-seek, html.ionic-store.store-tall #radio > .lmp-times, html.ionic-store.store-tall #radio > .lmp-vol-row, html.ionic-store.store-tall #radio > .lmp-gain, html.ionic-store.store-tall #radio > audio, html.ionic-store.store-tall #radio > .lmp-audio { display: none !important; position: absolute !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; } html.ionic-store.store-tall .store-stage { flex: 1 1 auto !important; min-height: 0 !important; overflow-x: hidden !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; order: 1 !important; } html.ionic-store.store-tall .legal, html.ionic-store.store-tall #legal { flex: 0 0 auto !important; order: 2 !important; position: relative !important; margin: 6px 12px 10px !important; padding: 0 !important; text-align: center !important; } /* store213: removed legal~ hide — it was hiding .store-stage */ /* --- store213 tall: FORCE logo | music one row; pills full width; EQ behind title --- */ html.ionic-store.store-tall .nav, html.ionic-store.store-tall .nav.glass { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; align-content: flex-start !important; column-gap: 6px !important; row-gap: 4px !important; } html.ionic-store.store-tall .nav__top { display: contents !important; } html.ionic-store.store-tall .brand, html.ionic-store.store-tall .nav .brand { order: 0 !important; flex: 0 0 auto !important; width: auto !important; max-width: 38% !important; min-width: 0 !important; padding: 2px 0 2px 8px !important; margin: 0 !important; } html.ionic-store.store-tall .brand__word { height: 18px !important; max-width: min(120px, 34vw) !important; width: auto !important; display: block !important; } html.ionic-store.store-tall #radio, html.ionic-store.store-tall #radio.lmp, html.ionic-store.store-tall #radio.lmp--compact, html.ionic-store.store-tall .radio { order: 1 !important; flex: 1 1 0 !important; min-width: 0 !important; width: auto !important; max-width: none !important; margin: 0 6px 0 0 !important; height: 40px !important; min-height: 40px !important; max-height: 40px !important; display: grid !important; grid-template-columns: 28px minmax(0, 1fr) auto !important; grid-template-rows: 40px !important; grid-template-areas: "art title controls" !important; align-items: center !important; overflow: hidden !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } html.ionic-store.store-tall #radio .lmp-art-slot { display: contents !important; } html.ionic-store.store-tall #radio .lmp-art { grid-area: art !important; width: 28px !important; height: 28px !important; border-radius: 7px !important; object-fit: cover !important; } html.ionic-store.store-tall #radio .lmp-title { grid-area: title !important; position: relative !important; z-index: 1 !important; font: 650 11px/1 Outfit, system-ui, sans-serif !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; margin: 0 !important; color: #fff !important; } html.ionic-store.store-tall #radio .lmp-eq { display: block !important; visibility: visible !important; opacity: 0.55 !important; grid-area: title !important; position: absolute !important; inset: 0 -0 0 -4px !important; width: calc(100% + 4px) !important; height: 100% !important; z-index: 0 !important; pointer-events: none !important; } html.ionic-store.store-tall #radio .lmp-controls { grid-area: controls !important; display: flex !important; justify-content: flex-end !important; gap: 4px !important; z-index: 1 !important; } html.ionic-store.store-tall #radio .lmp-seek, html.ionic-store.store-tall #radio .lmp-times, html.ionic-store.store-tall #radio .lmp-vol-row, html.ionic-store.store-tall #radio .lmp-gain, html.ionic-store.store-tall #radio audio { display: none !important; } html.ionic-store.store-tall .pills, html.ionic-store.store-tall #pills { order: 2 !important; flex: 1 1 100% !important; width: 100% !important; display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } html.ionic-store.store-tall .store-stage { order: 1 !important; flex: 1 1 auto !important; min-height: 0 !important; width: 100% !important; max-width: 100% !important; overflow-x: hidden !important; overflow-y: auto !important; padding: 12px 12px 16px !important; box-sizing: border-box !important; } html.ionic-store.store-tall .store-shelf { width: 100% !important; max-width: 100% !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; box-sizing: border-box !important; } html.ionic-store.store-tall .store-tile { max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; } html.ionic-store.store-tall .legal, html.ionic-store.store-tall #legal { order: 2 !important; flex: 0 0 auto !important; margin: 4px 12px 12px !important; } /* App column: nav, stage, legal — fix orders on app children */ html.ionic-store.store-tall .app { display: flex !important; flex-direction: column !important; } html.ionic-store.store-tall .nav { order: 0 !important; } html.ionic-store.store-tall .store-stage { order: 1 !important; } html.ionic-store.store-tall .legal, html.ionic-store.store-tall #legal { order: 2 !important; }