/* Phase 2 chrome: promise band, help band, footer columns, floating widgets. Linked by layout handle
   ipatio_chrome_footer (templates/chrome/footer.phtml); below the fold, so it is on the AsyncNonCriticalCss list
   (preloaded, never render-blocking; render-blocking on the cart, whose route that plugin skips). Scoped to
   body.ipx-chrome. Design tokens: --ipx-* from chrome.css, each with the Direction A1 value as fallback.
   Mockup: docs/ui-ux-overhaul-2026-10/mockups/foundation (inject.mjs + header-footer.css, variant A1). */

body.ipx-chrome .ipx-promise,
body.ipx-chrome .ipx-foot {
    --ipf-ink: var(--ipx-ink, #1d1b19);
    --ipf-grey: var(--ipx-grey, #6b6963);
    --ipf-cream: var(--ipx-cream, #fffaf1);
    --ipf-cream-line: var(--ipx-cream-line, #f3e9d8);
    --ipf-green-deep: var(--ipx-green-deep, #2e5902);
    --ipf-green: var(--ipx-green, #86af28);
    --ipf-link: var(--ipx-link, #9a5600);
    --ipf-link-dark: var(--ipx-link-dark, #ffc266);   /* 10.8:1 on ink */
    --ipf-on-dark: var(--ipx-on-dark, #f3f0ea);
    --ipf-on-dark-2: var(--ipx-on-dark-2, #d9d4cb);   /* 11.6:1 on ink */
    --ipf-on-dark-3: var(--ipx-on-dark-3, #b3ada3);   /* 7.7:1 on ink */
    --ipf-dark-line: var(--ipx-dark-line, rgba(255, 255, 255, .14));
    /* type (chrome.css): --ipx-font = Quicksand 500 stack; --ipx-font-bold = 'Ipatio Rounded' (Quicksand 700 subset,
       weight 700 only) first. Text is 500 or 700, never 600 (no face: synthetic bold). */
    --ipf-font: var(--ipx-font, inherit);
    --ipf-font-bold: var(--ipx-font-bold, inherit);
    --ipf-wrap: var(--ipx-wrap, 1384px);
    --ipf-gutter: var(--ipx-gutter, 32px);
}
/* templates/chrome/footer.phtml keeps the band and the footer invisible until this file is applied (an unstyled footer
   on a short page would otherwise change size in view when the file lands: a layout shift); 8 s fallback there. */
body.ipx-chrome .page-footer :is(.ipx-promise, .ipx-foot) {
    visibility: visible;
    animation: none;
}
@media (max-width: 1023px) {
    body.ipx-chrome .ipx-promise,
    body.ipx-chrome .ipx-foot { --ipf-gutter: var(--ipx-gutter, 24px); }
}
@media (max-width: 767px) {
    body.ipx-chrome .ipx-promise,
    body.ipx-chrome .ipx-foot { --ipf-gutter: var(--ipx-gutter, 16px); }
}

/* JetTheme's generic rules leak into new markup (body letter-spacing .03em, ul > li margins, content-box sizing,
   heading styles); reset them inside the footer. */
body.ipx-chrome :is(.ipx-promise, .ipx-foot),
body.ipx-chrome :is(.ipx-promise, .ipx-foot) * {
    box-sizing: border-box;
    letter-spacing: normal;
}
/* :where() keeps these resets at (0,1,2) or less: they beat the theme's ul / li / p rules and lose to every rule below */
body.ipx-chrome :where(.ipx-promise, .ipx-foot) :where(ul, ol) { margin: 0; padding: 0; list-style: none; }
body.ipx-chrome :where(.ipx-promise, .ipx-foot) :where(li) { margin: 0; padding: 0; }
body.ipx-chrome :where(.ipx-promise, .ipx-foot) :where(p) { margin: 0; }
/* every bold piece of the footer uses the real bold face */
body.ipx-chrome :is(.ipx-promise, .ipx-foot) :is(strong, b, h2) { font-family: var(--ipf-font-bold); font-weight: 700; }
body.ipx-chrome .ipx-foot-i {
    width: 18px; height: 18px; flex: none;
    fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
}

/* the footer container: no theme flex column / grey band; the ink background is on .ipx-foot */
body.ipx-chrome .page-footer {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
}

/* shared container (1320 px content + gutters, like the header) */
body.ipx-chrome .ipx-promise__in,
body.ipx-chrome .ipx-foot__wrap {
    width: 100%;
    max-width: var(--ipf-wrap);
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--ipf-gutter);
    padding-right: var(--ipf-gutter);
}

/* ---- promise band (cream, above the ink footer) ---- */
body.ipx-chrome .ipx-promise {
    background: var(--ipf-cream);
    border-top: 1px solid var(--ipf-cream-line);
    color: var(--ipf-ink);
    font-family: var(--ipf-font);
    font-weight: 500;
}
body.ipx-chrome .ipx-promise__in {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
    padding-top: 30px;
    padding-bottom: 30px;
}
body.ipx-chrome .ipx-promise__i { display: flex; align-items: flex-start; gap: 14px; }
body.ipx-chrome .ipx-promise__ico {
    display: grid; place-items: center; flex: none;
    width: 46px; height: 46px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid var(--ipf-cream-line);
    color: var(--ipf-green-deep);
}
body.ipx-chrome .ipx-promise__ico .ipx-foot-i { width: 22px; height: 22px; }
body.ipx-chrome .ipx-promise__i p { display: flex; flex-direction: column; gap: 3px; padding-top: 2px; }
body.ipx-chrome .ipx-promise__i strong {
    font-family: var(--ipf-font-bold);
    font-size: 15.5px;
    font-weight: 700;
    line-height: 1.3;
    color: var(--ipf-ink);
}
body.ipx-chrome .ipx-promise__i span { font-size: 13.5px; font-weight: 500; line-height: 1.45; color: var(--ipf-grey); text-wrap: balance; }
body.ipx-chrome .ipx-promise__i a {
    color: var(--ipf-link);
    font-family: var(--ipf-font-bold);
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
}
body.ipx-chrome .ipx-promise__i a:hover { color: #7a4400; }
@media (max-width: 1023px) {
    body.ipx-chrome .ipx-promise__in { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
    body.ipx-chrome .ipx-promise__in { gap: 20px 14px; padding-top: 22px; padding-bottom: 22px; }
    body.ipx-chrome .ipx-promise__i { flex-direction: column; gap: 8px; }
    body.ipx-chrome .ipx-promise__ico { width: 38px; height: 38px; }
    body.ipx-chrome .ipx-promise__ico .ipx-foot-i { width: 19px; height: 19px; }
    body.ipx-chrome .ipx-promise__i strong { font-size: 14px; }
    body.ipx-chrome .ipx-promise__i span { font-size: 12.5px; }
}

/* ---- ink footer ---- */
body.ipx-chrome .ipx-foot {
    background: var(--ipf-ink);
    color: var(--ipf-on-dark);
    font-family: var(--ipf-font);
    font-size: 14.5px;
    font-weight: 500;
    line-height: 1.5;
}
body.ipx-chrome .ipx-foot a {
    color: var(--ipf-on-dark-2);
    font-weight: 500;
    text-decoration: none;
}
body.ipx-chrome .ipx-foot a:hover {
    color: #fff;
    text-decoration: underline;
    text-underline-offset: 3px;
}
body.ipx-chrome .ipx-foot a[aria-current="page"] { color: #fff; }
/* focus on dark: white outline + ink halo */
body.ipx-chrome .ipx-foot :is(a, button, summary, [tabindex]):focus-visible {
    outline: 2px solid #fff;
    outline-offset: 2px;
    box-shadow: 0 0 0 4px var(--ipf-ink);
}
body.ipx-chrome .ipx-foot :is(a, button, summary, [tabindex]):focus:not(:focus-visible) { outline: 0; box-shadow: none; }
body.ipx-chrome .ipx-promise a:focus-visible {
    outline: 2px solid var(--ipf-ink);
    outline-offset: 2px;
    box-shadow: 0 0 0 4px #fff;
}

/* help band: chat + e-mail, social icons */
body.ipx-chrome .ipx-foot__help { border-bottom: 1px solid var(--ipf-dark-line); }
body.ipx-chrome .ipx-foot__help-in {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding-top: 26px;
    padding-bottom: 26px;
}
body.ipx-chrome .ipx-foot__help-text { display: flex; align-items: center; gap: 16px; min-width: 0; }
body.ipx-chrome .ipx-foot__help-ico {
    display: grid; place-items: center; flex: none;
    width: 46px; height: 46px;
    border-radius: 999px;
    background: var(--ipf-green-deep);
    color: #fff;
}
body.ipx-chrome .ipx-foot__help-ico .ipx-foot-i { width: 22px; height: 22px; }
body.ipx-chrome .ipx-foot__help-text p { color: var(--ipf-on-dark-2); font-size: 15px; line-height: 1.5; }
body.ipx-chrome .ipx-foot__help-text p strong {
    display: block;
    margin-bottom: 2px;
    color: #fff;
    font-family: var(--ipf-font-bold);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
}
body.ipx-chrome .ipx-foot .ipx-foot__mail { color: var(--ipf-link-dark); font-family: var(--ipf-font-bold); font-weight: 700; overflow-wrap: anywhere; }
body.ipx-chrome .ipx-foot .ipx-foot__mail:hover { color: #ffd699; }
body.ipx-chrome .ipx-foot__help-act { display: flex; align-items: center; gap: 20px; flex: none; }
body.ipx-chrome .ipx-foot .ipx-foot__chat {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 20px;
    border: 1.5px solid rgba(255, 255, 255, .6);
    border-radius: 8px;
    background: transparent;
    color: #fff;
    font-family: var(--ipf-font-bold);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.1;
    white-space: nowrap;
    text-decoration: none;
    transition: background-color .15s, border-color .15s;
}
body.ipx-chrome .ipx-foot .ipx-foot__chat:hover {
    background: rgba(255, 255, 255, .08);
    border-color: #fff;
    color: #fff;
    text-decoration: none;
}
body.ipx-chrome .ipx-foot .ipx-foot__chat:active { transform: scale(.98); }

/* social icons (moved footer.social block, SOCIAL-003): white line icons in 44 px rings */
body.ipx-chrome .ipx-foot .amtheme-socials-list {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 4px;
    margin: 0;
    padding: 0;
    order: 0;
}
body.ipx-chrome .ipx-foot .amtheme-socials-list .amtheme-item { margin: 0; padding: 0; }
body.ipx-chrome .ipx-foot .amtheme-socials-list .amtheme-action {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    margin: 0;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 999px;
    background: transparent;
    box-shadow: none;
    transition: background-color .15s, border-color .15s;
}
body.ipx-chrome .ipx-foot .amtheme-socials-list .amtheme-action:hover {
    background: rgba(255, 255, 255, .1);
    border-color: #fff;
}
body.ipx-chrome .ipx-foot .amtheme-socials-list .amtheme-action > :is(svg, img) {
    width: 19px;
    height: 19px;
    margin: 0;
}
body.ipx-chrome .ipx-foot .amtheme-socials-list .amtheme-action.facebook > svg { width: 24px; height: 24px; margin: 0; }
body.ipx-chrome .ipx-foot .amtheme-socials-list .amtheme-action path { fill: #fff; }

/* main: brand column + four headed columns (desktop), accordions (phone) */
body.ipx-chrome .ipx-foot__main {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) repeat(4, minmax(0, 1fr));
    gap: 32px;
    padding-top: 44px;
    padding-bottom: 40px;
}
body.ipx-chrome .ipx-foot__logo { display: block; width: auto; height: 58px; margin: 0 0 16px; }
body.ipx-chrome .ipx-foot__brand p { margin: 0 0 6px; color: var(--ipf-on-dark-2); font-size: 14px; line-height: 1.55; }
body.ipx-chrome .ipx-foot__brand .ipx-foot__entity { color: #fff; font-family: var(--ipf-font-bold); font-weight: 700; }
body.ipx-chrome .ipx-foot__col { min-width: 0; margin: 0; padding: 0; border: 0; }
body.ipx-chrome .ipx-foot__sum {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 14px;
    padding: 0;
    list-style: none;
    cursor: pointer;
    color: #fff;
}
body.ipx-chrome .ipx-foot__sum::-webkit-details-marker { display: none; }
body.ipx-chrome .ipx-foot__sum::marker { content: ""; }
body.ipx-chrome .ipx-foot .ipx-foot__h {
    margin: 0;
    padding: 0;
    border: 0;
    color: #fff;
    font-family: var(--ipf-font-bold);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: normal;
    text-transform: none;
}
body.ipx-chrome .ipx-foot__chev { width: 20px; height: 20px; transition: transform .2s; }
body.ipx-chrome .ipx-foot__col[open] .ipx-foot__chev { transform: rotate(180deg); }
body.ipx-chrome .ipx-foot__list { display: grid; gap: 10px; }
body.ipx-chrome .ipx-foot__list a { font-size: 14.5px; line-height: 1.4; }

/* Desktop and tablet (>= 768 px): every column is open whatever its <details> state; the heading is a plain heading.
   ::details-content (Chrome/Edge 131, Safari 18.4, Firefox 143) shows the content of a closed <details>. A browser
   without it keeps the columns as accordions (the heading stays a working toggle with its chevron). */
@supports selector(::details-content) {
    @media (min-width: 768px) {
        body.ipx-chrome .ipx-foot__col::details-content { display: block; content-visibility: visible; }
        body.ipx-chrome .ipx-foot__sum { cursor: default; pointer-events: none; }
        body.ipx-chrome .ipx-foot__chev { display: none; }
    }
}

/* bottom row: payment marks on white tiles, Secure checkout, Top Quality Store, languages, legal line */
body.ipx-chrome .ipx-foot__bottom { border-top: 1px solid var(--ipf-dark-line); }
body.ipx-chrome .ipx-foot__bottom-in {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px 28px;
    padding-top: 22px;
    padding-bottom: 85px; /* the floating chat launcher / back-to-top (16 + 53 px) never cover the legal line */
}
/* the moved JetTheme payments block (WALLET-001 marks): its own alignment / margin rules reach (0,5,0), hence the
   long selectors; no WALLET-001 container query here (the tiles have their own size) */
body.ipx-chrome .ipx-foot__pay .amtheme-payment-methods.footer-payments { container-type: normal; margin: 0; padding: 0; }
body.ipx-chrome .ipx-foot__pay .amtheme-payment-methods.footer-payments .amtheme-payments-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 8px;
    width: auto;
    margin: 0;
    padding: 0;
}
body.ipx-chrome .ipx-foot__pay .amtheme-payment-methods.footer-payments .amtheme-payments-list .amtheme-item {
    display: grid;
    place-items: center;
    width: auto;
    min-width: 46px;
    height: 30px;
    margin: 0;
    padding: 0 6px;
    border-radius: 6px;
    background: #fff;
}
body.ipx-chrome .ipx-foot__pay .amtheme-payment-methods.footer-payments .amtheme-payments-list .amtheme-item > :is(svg, img) {
    display: block;
    width: auto;
    max-width: 44px;
    height: 20px;
    margin: 0;
}
body.ipx-chrome .ipx-foot__badge {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    font-family: var(--ipf-font-bold);
    font-size: 13.5px;
    font-weight: 700;
    line-height: 1.35;
}
body.ipx-chrome .ipx-foot__badge .ipx-foot-i { width: 19px; height: 19px; color: var(--ipf-green); }
body.ipx-chrome .ipx-foot__lang { display: flex; align-items: center; gap: 2px; margin-left: auto; }
body.ipx-chrome .ipx-foot__lang-opt {
    display: inline-flex;
    align-items: center;
    min-width: 32px;
    min-height: 44px;
    justify-content: center;
    padding: 0 6px;
    color: var(--ipf-on-dark-2);
    font-size: 14px;
    font-weight: 500;
}
body.ipx-chrome .ipx-foot .ipx-foot__lang-opt[aria-current] {
    color: #fff;
    font-family: var(--ipf-font-bold);
    font-weight: 700;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 6px;
}
body.ipx-chrome .ipx-foot__lang-sep { color: var(--ipf-on-dark-3); }
body.ipx-chrome .ipx-foot__legal {
    flex-basis: 100%;
    color: var(--ipf-on-dark-3);
    font-size: 12.5px;
    line-height: 1.5;
}
body.ipx-chrome .ipx-foot__nowrap { white-space: nowrap; }

@media (max-width: 1023px) {
    body.ipx-chrome .ipx-foot__main { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    body.ipx-chrome .ipx-foot__brand { grid-column: 1 / -1; }
    body.ipx-chrome .ipx-foot__help-in { flex-wrap: wrap; }
}
@media (max-width: 767px) {
    body.ipx-chrome .ipx-foot__help-in { flex-direction: column; align-items: stretch; gap: 16px; padding-top: 24px; padding-bottom: 22px; }
    body.ipx-chrome .ipx-foot__help-text { align-items: flex-start; }
    body.ipx-chrome .ipx-foot__help-act { flex-direction: column; align-items: stretch; gap: 14px; }
    body.ipx-chrome .ipx-foot .ipx-foot__chat { width: 100%; }
    body.ipx-chrome .ipx-foot .amtheme-socials-list { justify-content: center; }
    body.ipx-chrome .ipx-foot__main { grid-template-columns: 1fr; gap: 0; padding-top: 0; padding-bottom: 8px; }
    body.ipx-chrome .ipx-foot__brand { padding: 20px 0 16px; border-bottom: 1px solid var(--ipf-dark-line); }
    body.ipx-chrome .ipx-foot__logo { height: 44px; margin: 0 0 12px; }
    body.ipx-chrome .ipx-foot__col { border-bottom: 1px solid var(--ipf-dark-line); }
    body.ipx-chrome .ipx-foot__sum { min-height: 56px; margin: 0; }
    body.ipx-chrome .ipx-foot__list { gap: 0; padding-bottom: 10px; }
    body.ipx-chrome .ipx-foot__list a { display: flex; align-items: center; min-height: 44px; }
    body.ipx-chrome .ipx-foot__bottom-in { flex-direction: column; align-items: flex-start; gap: 14px; padding-bottom: 96px; }
    /* six even tiles on one row from 320 px up (they wrapped 5 + 1 at 360-390 px) */
    body.ipx-chrome .ipx-foot__pay { align-self: stretch; }
    body.ipx-chrome .ipx-foot__pay .amtheme-payment-methods.footer-payments .amtheme-payments-list {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(42px, 1fr));
        gap: 6px;
        max-width: 372px;
    }
    body.ipx-chrome .ipx-foot__pay .amtheme-payment-methods.footer-payments .amtheme-payments-list .amtheme-item { min-width: 0; padding: 0 4px; }
    body.ipx-chrome .ipx-foot__pay .amtheme-payment-methods.footer-payments .amtheme-payments-list .amtheme-item > :is(svg, img) { max-width: 100%; height: auto; max-height: 20px; }
    body.ipx-chrome .ipx-foot__lang { margin-left: -6px; }
}
@media (prefers-reduced-motion: reduce) {
    body.ipx-chrome .ipx-foot :is(.ipx-foot__chev, .ipx-foot__chat, .amtheme-action) { transition: none; }
}
@media print {
    body.ipx-chrome .page-footer { display: none !important; }
}

/* ---- one floating-widget system: support chat launcher (bottom left, Ipatio_CustomerService) and back-to-top
   (bottom right, Ipatio_BackToTop on JetTheme's .amtheme-backtotop-wrap) ----
   Same 53 px circle, 14 px from the side and 16 px from the bottom, same shadow, hover lift, focus ring; geometry
   unchanged from today, so nothing moves when this file arrives.
   z-index scale (decided with the header, chrome.css): page content < product cards 996 (Amasty Label inline) <
   floats --ipx-z-float 998. The compact sticky header (.ipx-compact, z 900, top 58-64 px of the window) is below the
   floats in stacking order but never shares space with them (floats: bottom 16-69 px); every header layer that can
   reach the bottom corners (mega / More panels, the search popup, the phone drawer at z 10001) makes the floats step
   aside while it is open, as do the minicart, Magento modals (z 900, body._has-modal), the photo lightbox and the
   cookie dialog / phone cookie bar; and in print. */
body.ipx-chrome .ipcs-launcher,
body.ipx-chrome .amtheme-backtotop-wrap {
    bottom: 16px;
    width: 53px;
    height: 53px;
    border-radius: 50%;
    z-index: var(--ipx-z-float, 998);
}
body.ipx-chrome button.ipcs-launcher,
body.ipx-chrome button.ipcs-launcher:focus,
body.ipx-chrome button.ipcs-launcher:active,
body.ipx-chrome .amtheme-backtotop-wrap,
body.ipx-chrome .amtheme-backtotop-wrap:focus {
    box-shadow: 0 4px 14px rgba(29, 27, 25, .22);
}
@media (hover: hover) {
    body.ipx-chrome .ipcs-launcher:hover,
    body.ipx-chrome .amtheme-backtotop-wrap:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 20px rgba(29, 27, 25, .28);
    }
}
/* the same keyboard ring on both, readable over the white page and over the ink footer: white then ink */
body.ipx-chrome button.ipcs-launcher:focus-visible,
body.ipx-chrome .amtheme-backtotop-wrap:focus-visible,
body._keyfocus.ipx-chrome .amtheme-backtotop-wrap:focus {
    outline: 0;
    box-shadow: 0 0 0 3px #fff, 0 0 0 6px var(--ipx-ink, #1d1b19);
}
body.ipx-chrome .amtheme-backtotop-wrap:focus:not(:focus-visible) { box-shadow: 0 4px 14px rgba(29, 27, 25, .22); }
/* the floating Google reviews badge is replaced by the footer's "Top Quality Store on Google" (switched off with
   docs/storefront-refinement/p2-google-badge-off.json at go-live; this only covers the time before that) */
body.ipx-chrome div[id^="___ratingbadge_"] { display: none !important; }

body.ipx-chrome:has(.minicart-wrapper.active) :is(.ipcs-launcher, .amtheme-backtotop-wrap),
body.ipx-chrome._has-modal :is(.ipcs-launcher, .amtheme-backtotop-wrap),
body.ipx-chrome.fancybox-active :is(.ipcs-launcher, .amtheme-backtotop-wrap),
body.ipx-chrome.-amsearch-overlay-opened :is(.ipcs-launcher, .amtheme-backtotop-wrap),
body.ipx-chrome.filter-active :is(.ipcs-launcher, .amtheme-backtotop-wrap),
body.ipx-chrome:has(.amgdprcookie-groups-modal._show) :is(.ipcs-launcher, .amtheme-backtotop-wrap),
html.ipx-drawer-open body.ipx-chrome :is(.ipcs-launcher, .amtheme-backtotop-wrap),
body.ipx-chrome.ipx-drawer-open :is(.ipcs-launcher, .amtheme-backtotop-wrap),
body.ipx-chrome:has(.ipx-drawer[aria-hidden="false"], .ipx-drawer.-open, .ipx-drawer[open]) :is(.ipcs-launcher, .amtheme-backtotop-wrap),
body.ipx-chrome:has(.ipx-nav__item.-open) :is(.ipcs-launcher, .amtheme-backtotop-wrap) {
    display: none !important;
}
@media (max-width: 767px) {
    body.ipx-chrome:has(.amgdprcookie-bar-container._show) :is(.ipcs-launcher, .amtheme-backtotop-wrap) { display: none !important; }
}
@media (max-width: 599px) {
    html[data-finder-open] body.ipx-chrome :is(.ipcs-launcher, .amtheme-backtotop-wrap) { display: none !important; }
}
@media (prefers-reduced-motion: reduce) {
    body.ipx-chrome :is(.ipcs-launcher, .amtheme-backtotop-wrap) { transition: none; }
    body.ipx-chrome :is(.ipcs-launcher, .amtheme-backtotop-wrap):hover { transform: none; }
}
@media print {
    body.ipx-chrome :is(.ipcs-launcher, .amtheme-backtotop-wrap) { display: none !important; }
}