/* Allure (Aurelle) - shop / collection page, filter drawer, quick buy and predictive search.
   Owned by al-shop.js. Namespaces: al-sx-* (shop) and al-sxp-* (search panel). Logical properties only, so ar/he mirror automatically.
   Spec numbers: SPEC.md section 5 (collection), 8 (search), 10 (responsive), 11 (states). Core classes reused: al-card*, al-badge*, al-drawer*, al-overlay, al-btn*, al-h*, al-link*, al-skel*. */

/* ================================================================== banner */
.al-sx-banner { position: relative; isolation: isolate; display: grid; align-items: center; justify-items: center; text-align: center; overflow: hidden; }
.al-sx-banner.has-img { min-height: 266px; color: #fff; --fg: #fff; --muted: rgba(255,255,255,.8); }
.al-sx-banner.is-solid { background: var(--al-bg3); color: var(--al-text3); min-height: 9rem; }
@media (min-width: 700px) { .al-sx-banner.has-img { min-height: 437px; } .al-sx-banner.is-solid { min-height: 11rem; } }
.al-sx-bg { position: absolute; inset: 0; z-index: -2; overflow: hidden; }
.al-sx-bg img { position: absolute; inset-inline: 0; top: -10%; width: 100%; height: 120%; max-width: none; object-fit: cover; will-change: transform; }
.al-sx-shade { position: absolute; inset: 0; z-index: -1; background: rgba(0,0,0,var(--ov, .3)); pointer-events: none; }
.al-sx-bin { display: grid; justify-items: center; gap: 1rem; padding-block: 3rem; }
.al-sx-title { max-width: 60rem; overflow-wrap: anywhere; line-height: 1.5; }
@media (min-width: 700px) { .al-sx-title { line-height: 1.3; } }
.al-sx-sub { max-width: 42.5rem; font-size: .875rem; line-height: 1.65; font-weight: 400; color: inherit; margin: 0; }
.al-sx-crumb ol { display: flex; flex-wrap: wrap; justify-content: center; gap: .25rem .5rem; margin: 0; padding: 0; list-style: none; font-size: .6875rem; }
.al-sx-crumb li { display: inline-flex; align-items: center; gap: .5rem; opacity: .75; }
.al-sx-crumb li + li::before { content: "/"; opacity: .6; }
.al-sx-crumb li:last-child { opacity: 1; }
.al-sx-crumb a:hover { text-decoration: underline; text-underline-offset: 3px; }

/* ================================================================== sticky toolbar (SPEC 5.2) */
.al-sx-bar { position: sticky; top: var(--al-header-h); z-index: 30; background: var(--al-bg1); box-shadow: 0 1px var(--al-line), 0 -1px var(--al-line); min-height: 3em; }
.al-sx-bar-in { position: relative; display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; min-height: 42px; }
.al-sx-acts { display: flex; flex: 1; }
.al-sx-btn { display: flex; align-items: center; justify-content: center; gap: .6rem; flex: 1; padding: .75rem 1rem; font-size: .6875rem; line-height: 1.65; letter-spacing: var(--al-ls); color: var(--al-text); transition: opacity .2s; white-space: nowrap; }
.al-sx-btn + .al-sx-btn { border-inline-start: 1px solid var(--al-line); }
.al-sx-btn:hover { opacity: .7; }
.al-sx-btn .al-chev { width: 10px; height: 8px; flex: none; transition: transform .2s; }
.al-sx-btn[aria-expanded="true"] .al-chev { transform: rotate(180deg); }
.al-sx-fcount { font-weight: 400; }
.al-sx-lays { display: flex; align-items: center; gap: 1rem; padding-inline: 1rem; border-inline-start: 1px solid var(--al-line); }
.al-sx-lay { display: grid; place-items: center; opacity: .5; transition: opacity .2s; padding: 0; }
.al-sx-lay:hover, .al-sx-lay.on { opacity: 1; }
.al-sx-lay:nth-child(3) { display: none; }
.al-sx-count { display: none; margin: 0; font-size: .75rem; color: var(--muted); pointer-events: none; white-space: nowrap; }
@media (min-width: 700px) {
  .al-sx-bar-in { flex-direction: row-reverse; min-height: 54px; }
  .al-sx-acts { flex: none; }
  .al-sx-btn { flex: none; padding: 1.125rem 2.875rem; }
  .al-sx-lays { padding-inline: 1.875rem; border-inline-start: 0; border-inline-end: 1px solid var(--al-line); }
  .al-sx-lay:nth-child(3) { display: grid; }
}
@media (min-width: 1000px) {
  .al-sx-count { display: block; position: absolute; inset-inline-start: 50%; top: 50%; transform: translate(-50%, -50%); }
  [dir="rtl"] .al-sx-count { transform: translate(50%, -50%); }
  .al-sx-bar.is-inline .al-sx-btn-f { display: none; }
}

/* sort popover (desktop) / bottom sheet (<700) */
.al-sx-sort { position: fixed; z-index: 95; width: min(18rem, 92vw); background: #fff; color: #1C1C1C; border: 1px solid #DDD; box-shadow: 0 5px 30px rgba(0,0,0,.08); padding: 1.25rem 0; opacity: 0; visibility: hidden; transform: translateY(-6px); transition: opacity .2s, transform .2s, visibility 0s .2s; }
.al-sx-sort.open { opacity: 1; visibility: visible; transform: none; transition: opacity .2s, transform .2s; }
.al-sx-sort-grab { display: none; }
.al-sx-sort-t { padding: 0 1.5rem 1rem; }
.al-sx-sort [role=option] { display: block; width: 100%; padding: .55rem 1.5rem; color: rgba(28,28,28,.65); text-align: start; transition: color .2s; }
.al-sx-sort [role=option]:hover, .al-sx-sort [role=option].on, .al-sx-sort [role=option][aria-selected="true"] { color: #1C1C1C; }
.al-sx-sort [role=option][aria-selected="true"] { font-weight: 700; }
@media (max-width: 699px) {
  .al-sx-sort { inset: auto 0 0 0 !important; width: auto; z-index: 100; border: 0; border-top: 1px solid #DDD; box-shadow: 0 -8px 30px rgba(0,0,0,.12); padding: .75rem 0 calc(1rem + env(safe-area-inset-bottom)); transform: translateY(100%); opacity: 1; transition: transform .3s var(--al-ease), visibility 0s .3s; }
  .al-sx-sort.open { transform: none; transition: transform .3s var(--al-ease); }
  .al-sx-sort-grab { display: block; width: 2.5rem; height: 3px; margin: 0 auto .75rem; background: #DDD; }
  .al-sx-sort [role=option] { padding-block: .8rem; }
}

/* ================================================================== body / grid (SPEC 5.4) */
.al-sx-body { padding-block: 2rem 4rem; }
@media (min-width: 700px) { .al-sx-body { padding-block: 3rem 5rem; } }
.al-sx-side { display: none; }
.al-sx-chips { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem .75rem; margin-bottom: 1.5rem; }
.al-sx-chips[hidden] { display: none; }
.al-sx-chip { display: inline-flex; align-items: center; gap: .5rem; padding: .3rem .75rem; border: 1px solid var(--al-line); background: transparent; font: 400 .75rem/1.6 var(--al-font-h); letter-spacing: 0; transition: border-color .2s; }
.al-sx-chip:hover { border-color: var(--fg); }
.al-sx-chip .al-ic { width: 10px; height: 10px; opacity: .7; }
.al-sx-chip-sw { width: .875rem; height: .875rem; box-shadow: inset 0 0 0 1px rgba(0,0,0,.18); flex: none; }
.al-sx-clear { margin-inline-start: .5rem; }

.al-sx-grid { --sx-c: var(--sx-sm, 2); --sx-gx: .625rem; --sx-gy: 2.1875rem; display: grid; grid-template-columns: repeat(var(--sx-c), minmax(0, 1fr)); column-gap: var(--sx-gx); row-gap: var(--sx-gy); margin-inline: -.625rem; min-height: 14rem; }
@media (min-width: 700px) { .al-sx-grid { --sx-c: var(--sx-md, 3); --sx-gx: 1.5rem; --sx-gy: 3rem; margin-inline: 0; } }
@media (min-width: 1000px) { .al-sx-grid { --sx-c: var(--sx-lg, 4); --sx-gx: 3rem; --sx-gy: 4rem; } }
@media (min-width: 1200px) { .al-sx-grid { --sx-gx: 3.75rem; } }
@media (min-width: 700px) { .al-sx-grid[data-lay="S"] .al-card-info { display: none; } .al-sx-grid[data-lay="S"] { --sx-gy: 3rem; } }
.al-sx-grid[aria-busy="true"] { pointer-events: none; }
.al-sx-in { animation: al-sx-in .35s ease-out both; animation-delay: calc(var(--i, 0) * 40ms); }
.al-sx-in.no-anim { animation: none; }
@keyframes al-sx-in { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
.al-sx-skel .al-sx-skel-p { width: 35%; margin-top: .75rem; }
.al-sx-state { grid-column: 1 / -1; display: grid; justify-items: center; align-content: center; gap: 1rem; text-align: center; padding-block: 4rem; }
.al-sx-state .al-sub { max-width: 28rem; margin: 0; }
/* colour swatches on cards (SPEC 5.5: --swatch-size 1.375rem) */
.al-sx-sws { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: .375rem; }
.al-sx-sw { width: 1.375rem; height: 1.375rem; background: var(--c, #bbb); box-shadow: inset 0 0 0 1px rgba(0,0,0,.15); border-radius: var(--al-radius); }
.al-sx-sw-more { font-size: .6875rem; color: var(--muted); }
.al-sx .al-card-info { padding-top: 1.25rem; gap: .75rem; }

/* pagination (SPEC 5.4: cells 60x45, bottom border, current = 2px underline) */
.al-sx-pager { display: flex; justify-content: center; margin-top: 3.5rem; }
.al-sx-pager:empty { display: none; }
.al-sx-pgs { display: flex; flex-wrap: wrap; justify-content: center; margin: 0; padding: 0; list-style: none; }
.al-sx-pgs li { display: contents; }
.al-sx-pg { display: grid; place-items: center; width: 2.75rem; height: 2.8125rem; border-bottom: 1px solid var(--al-line); color: var(--muted); transition: color .2s; }
@media (min-width: 700px) { .al-sx-pg { width: 3.75rem; } }
a.al-sx-pg:hover { color: var(--fg); }
.al-sx-pg.cur { color: var(--fg); box-shadow: 0 1px, inset 0 -2px; border-bottom-color: transparent; }
.al-sx-pg-arrow .al-ic { width: 14px; height: 14px; }
.al-sx-pg-gap { color: var(--muted); }

/* ================================================================== inline filters (shop.filter_drawer = false) */
@media (min-width: 1000px) {
  .al-sx-body.has-side { display: grid; grid-template-columns: 15rem minmax(0, 1fr); gap: 3rem; align-items: start; }
  .al-sx-body.has-side .al-sx-side { display: block; position: sticky; top: calc(var(--al-header-h) + 4.5rem); max-height: calc(100vh - var(--al-header-h) - 6rem); overflow-y: auto; }
  .al-sx-body.has-side .al-sx-grid { --sx-c: var(--sx-md, 3); }
  .al-sx-body.has-side .al-sx-grid[data-lay="L"] { --sx-c: 2; } .al-sx-body.has-side .al-sx-grid[data-lay="M"] { --sx-c: 3; } .al-sx-body.has-side .al-sx-grid[data-lay="S"] { --sx-c: 4; }
}

/* ================================================================== filter drawer (SPEC 5.3) */
.al-sx-fd { z-index: 100; }
.al-sx-fd .al-drawer-head h2 { margin: 0; }
.al-sx-dbody { padding: 0 2rem; }
.al-sx-fd .al-sx-facets { padding-block: 1rem; }
.al-sx-acc { border-top: 1px solid var(--bd, #DDD); }
.al-sx-acc:last-child { border-bottom: 1px solid var(--bd, #DDD); }
.al-sx-acc-h { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 1rem; padding-block: 1.25rem; font-size: .75rem; text-align: start; }
.al-sx-plus { position: relative; flex: none; width: 10px; height: 10px; }
.al-sx-plus::before, .al-sx-plus::after { content: ""; position: absolute; background: currentColor; transition: transform .25s ease-in-out, opacity .25s ease-in-out; }
.al-sx-plus::before { inset-inline: 0; top: 4.5px; height: 1px; }
.al-sx-plus::after { inset-block: 0; inset-inline-start: 4.5px; width: 1px; }
.al-sx-acc.is-open .al-sx-plus::after { transform: rotate(90deg); opacity: 0; }
.al-sx-acc-b { display: grid; grid-template-rows: 0fr; visibility: hidden; transition: grid-template-rows .25s ease-in-out, visibility 0s .25s; }
.al-sx-acc.is-open > .al-sx-acc-b { grid-template-rows: 1fr; visibility: visible; transition: grid-template-rows .25s ease-in-out; }
.al-sx-acc-in { min-height: 0; overflow: hidden; }
.al-sx-acc-pad { padding-bottom: 1.25rem; }
.al-sx-list { display: grid; gap: .125rem; }
.al-sx-grp { display: grid; gap: .125rem; margin-bottom: .5rem; }
.al-sx-chk { position: relative; display: flex; align-items: center; gap: .75rem; padding-block: .375rem; cursor: pointer; font-size: .875rem; line-height: 1.5; }
.al-sx-chk.sub { padding-inline-start: 1.75rem; color: var(--muted, rgba(28,28,28,.65)); }
.al-sx-chk.is-off { cursor: default; }
.al-sx-chk input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.al-sx-chk em { margin-inline-start: auto; font-style: normal; color: var(--muted, rgba(28,28,28,.65)); font-size: .75rem; }
.al-sx-box { position: relative; flex: none; width: 16px; height: 16px; border: 1px solid currentColor; background: transparent; transition: background .15s; opacity: .9; }
.al-sx-chk input:checked + .al-sx-box { background: var(--fg, #1C1C1C); border-color: var(--fg, #1C1C1C); }
.al-sx-chk input:checked + .al-sx-box::after { content: ""; position: absolute; inset-inline-start: 4.5px; top: 1px; width: 4px; height: 8px; border: solid #fff; border-width: 0 1.5px 1.5px 0; transform: rotate(45deg); }
.al-sx-chk input:indeterminate + .al-sx-box { background: var(--fg, #1C1C1C); }
.al-sx-chk input:indeterminate + .al-sx-box::after { content: ""; position: absolute; inset-inline: 3px; top: 6.5px; height: 1.5px; background: #fff; }
.al-sx-chk input:focus-visible + .al-sx-box { outline: 2px solid currentColor; outline-offset: 2px; }
.al-sx-swatches { display: flex; flex-wrap: wrap; gap: .625rem; }
.al-sx-swatch { position: relative; width: 2.125rem; height: 2.125rem; padding: 2px; border: 1px solid transparent; transition: border-color .15s; }
.al-sx-swatch > span { display: block; width: 100%; height: 100%; box-shadow: inset 0 0 0 1px rgba(0,0,0,.14); }
.al-sx-swatch.on, .al-sx-swatch:hover { border-color: currentColor; }
.al-sx-swatch::after { content: attr(data-tip); position: absolute; bottom: calc(100% + 6px); inset-inline-start: 50%; transform: translateX(-50%); white-space: nowrap; background: #1C1C1C; color: #fff; padding: 2px 8px; font-size: .6875rem; line-height: 1.6; opacity: 0; pointer-events: none; transition: opacity .15s; z-index: 3; }
[dir="rtl"] .al-sx-swatch::after { transform: translateX(50%); }
.al-sx-swatch:hover::after, .al-sx-swatch:focus-visible::after { opacity: 1; }
.al-sx-pills { display: flex; flex-wrap: wrap; gap: .5rem; }
.al-sx-pill { min-width: 2.5rem; height: 2.375rem; padding: 0 .875rem; border: 1px solid var(--bd, #DDD); font-size: .8125rem; text-align: center; transition: background .15s, color .15s, border-color .15s; }
.al-sx-pill:hover { border-color: currentColor; }
.al-sx-pill.on, .al-sx-pill[aria-checked="true"] { background: var(--fg, #1C1C1C); color: var(--bg, #fff); border-color: var(--fg, #1C1C1C); }
.al-sx-range { position: relative; height: 1.5rem; margin-block: .25rem 1rem; --lo: 0%; --hi: 100%; }
.al-sx-track { position: absolute; inset-inline: 5px; top: 50%; height: 2px; margin-top: -1px; background: color-mix(in srgb, currentColor 12%, transparent); }
.al-sx-track i { position: absolute; inset-block: 0; inset-inline-start: var(--lo); inset-inline-end: calc(100% - var(--hi)); background: currentColor; }
.al-sx-r { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; appearance: none; -webkit-appearance: none; background: transparent; pointer-events: none; }
.al-sx-r::-webkit-slider-runnable-track { background: transparent; height: 100%; }
.al-sx-r::-moz-range-track { background: transparent; }
.al-sx-r::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; pointer-events: auto; width: 10px; height: 10px; margin-top: calc(.75rem - 5px); border-radius: 50%; border: 0; background: currentColor; cursor: grab; }
.al-sx-r::-moz-range-thumb { pointer-events: auto; width: 10px; height: 10px; border-radius: 50%; border: 0; background: currentColor; cursor: grab; }
.al-sx-r:focus-visible::-webkit-slider-thumb { outline: 2px solid currentColor; outline-offset: 3px; }
.al-sx-r:focus-visible::-moz-range-thumb { outline: 2px solid currentColor; outline-offset: 3px; }
.al-sx-prange { display: flex; align-items: center; gap: .75rem; }
.al-sx-prange label { flex: 1; display: flex; align-items: center; gap: .5rem; padding: .5rem .75rem; border: 1px solid var(--bd, #DDD); font-size: .875rem; transition: border-color .15s; }
.al-sx-prange label:focus-within { border-color: currentColor; }
.al-sx-prange input { width: 100%; min-width: 0; border: 0; background: transparent; color: inherit; font: inherit; padding: 0; outline: none; -moz-appearance: textfield; }
.al-sx-prange input::-webkit-outer-spin-button, .al-sx-prange input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.al-sx-to { font-size: .75rem; color: var(--muted, rgba(28,28,28,.65)); }
.al-sx-dfoot { gap: 1rem; text-align: center; }
.al-sx-dclear { justify-self: center; }
@media (max-width: 699px) { .al-sx-dbody { padding-inline: 1.25rem; } .al-sx-fd .al-drawer-head { padding-inline: 1.25rem; } .al-sx-dfoot { padding: 1.25rem 1.25rem calc(1.25rem + env(safe-area-inset-bottom)); } }

/* ================================================================== quick buy */
.al-sx-qb { position: fixed; inset: 0; z-index: 105; display: grid; place-items: center; padding: 1rem; visibility: hidden; opacity: 0; transition: opacity .2s, visibility 0s .2s; }
.al-sx-qb.open { visibility: visible; opacity: 1; transition: opacity .2s; }
.al-sx-qb-box { position: relative; width: min(50rem, 100%); max-height: calc(100dvh - 2rem); overflow: auto; display: grid; grid-template-columns: 5fr 6fr; background: #fff; color: #1C1C1C; --bd: #DDD; --fg: #1C1C1C; --bg: #fff; --muted: rgba(28,28,28,.65); }
.al-sx-qb-fig { position: relative; min-height: 18rem; background: var(--al-bg1); overflow: hidden; }
.al-sx-qb-fig img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: var(--al-card-fit); }
.al-sx-qb-info { display: grid; align-content: center; gap: 1.25rem; padding: 2.5rem 2rem; }
.al-sx-qb-x { position: absolute; top: .5rem; inset-inline-end: .5rem; z-index: 2; }
.al-sx-qb-t { margin: 0; }
.al-sx-qb-price { margin: 0; justify-content: flex-start; font-size: .9375rem; }
.al-sx-qb-g { display: grid; gap: .5rem; }
.al-sx-qb-opts { display: flex; flex-wrap: wrap; gap: .5rem; }
.al-sx-qb-c { position: relative; width: 2.125rem; height: 2.125rem; padding: 2px; border: 1px solid transparent; }
.al-sx-qb-c > span { display: block; width: 100%; height: 100%; box-shadow: inset 0 0 0 1px rgba(0,0,0,.14); }
.al-sx-qb-c.on, .al-sx-qb-c:hover { border-color: currentColor; }
.al-sx-qb-err { margin: 0; color: var(--al-sale); font-size: .8125rem; }
.al-sx-qb-more { justify-self: center; }
@media (max-width: 699px) {
  .al-sx-qb { padding: 0; place-items: end stretch; }
  .al-sx-qb-box { width: 100%; max-height: 88dvh; grid-template-columns: 1fr; transform: translateY(100%); transition: transform .3s var(--al-ease); }
  .al-sx-qb.open .al-sx-qb-box { transform: none; }
  .al-sx-qb-fig { aspect-ratio: 16 / 9; min-height: 0; } .al-sx-qb-fig img { object-fit: contain; }
  .al-sx-qb-info { padding: 1.5rem 1.25rem calc(1.5rem + env(safe-area-inset-bottom)); }
}

/* ================================================================== predictive search panel (SPEC 8) */
.al-sxp { display: grid; gap: 1.5rem; padding-top: 1.5rem; }
.al-sxp-sug ul { display: grid; gap: .5rem; margin: .75rem 0 0; padding: 0; list-style: none; }
.al-sxp-sug li a { font-size: .875rem; line-height: 1.6; display: inline; }
.al-sxp-sug mark { font-weight: 700; }
.al-sxp-nosug { margin: .75rem 0 0; color: var(--muted); }
.al-sxp-sk-l { height: 14px; margin-top: 12px; width: 70%; }
.al-sxp-tabs { display: flex; gap: 2.5rem; margin-bottom: 1.5rem; }
.al-sxp-tabs button { color: var(--muted); transition: color .2s; padding: 0; }
.al-sxp-tabs button[aria-selected="true"] { color: var(--fg); }
.al-sxp-cards { display: grid; grid-template-columns: 1fr; gap: 1rem; margin: 0; }
.al-sxp-card { display: grid; grid-template-columns: 70px minmax(0, 1fr); column-gap: 1rem; align-items: center; text-align: start; }
.al-sxp-fig { position: relative; aspect-ratio: 1; background: var(--al-bg1); overflow: hidden; grid-row: span 2; }
.al-sxp-fig img { width: 100%; height: 100%; object-fit: var(--al-card-fit); }
.al-sxp-fig .al-badges { display: none; }
.al-sxp-t, .al-sxp-p { margin: 0; text-transform: var(--al-h-upper); }
.al-sxp-t { align-self: end; }
.al-sxp-p { align-self: start; }
.al-sxp-cols { display: grid; gap: 1rem; margin: 0; padding: 0; list-style: none; }
.al-sxp-all { display: flex; justify-content: center; margin-top: .5rem; }
.al-sxp-empty { display: grid; justify-items: start; gap: .75rem; padding-block: .5rem 1rem; }
.al-sxp-empty .al-sub { margin: 0; }
@media (max-width: 999px) { .al-sxp-sug ul { display: flex; overflow-x: auto; gap: 1.5rem; padding-bottom: .25rem; } .al-sxp-sug li { flex: none; } }
@media (min-width: 700px) and (max-width: 999px) { .al-sxp-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1000px) {
  .al-sxp { grid-template-columns: 15.125rem minmax(0, 1fr); column-gap: 3rem; }
  .al-sxp-empty, .al-sxp-all { grid-column: 1 / -1; }
  .al-sxp-cards { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.25rem; }
  .al-sxp-card { display: grid; grid-template-columns: 1fr; gap: .5rem; text-align: center; align-items: start; }
  .al-sxp-fig { grid-row: auto; margin-bottom: .5rem; }
  .al-sxp-fig .al-badges { display: flex; flex-direction: column; align-items: flex-start; }
  .al-sxp-t, .al-sxp-p { align-self: auto; }
  .al-sxp-t { font-size: .75rem; line-height: 1.7; }
}
@media (min-width: 1000px) and (max-width: 1199px) { .al-sxp-cards .al-sxp-card:nth-child(4) { display: none; } .al-sxp-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.al-sxp-card:hover .al-sxp-t { text-decoration: underline; text-underline-offset: 3px; }

@media (prefers-reduced-motion: reduce) {
  .al-sx-in { animation: none; }
  .al-sx-acc-b, .al-sx-sort, .al-sx-qb, .al-sx-qb-box { transition: none !important; }
}
body.al-a-pause .al-sx-in { animation: none; }

/* Arabic / Hebrew: the 11px caps look of the toolbar is too small for these scripts */
html[lang="ar"] .al-sx-btn, html[lang="he"] .al-sx-btn { font-size: .8125rem; }
html[lang="ar"] .al-sx-crumb ol, html[lang="he"] .al-sx-crumb ol { font-size: .8125rem; }