/* It's On Sale explainer video player. Version 1.0.14-20261112. Modal (.ios-xp), thumbnail card (.ios-xv-card) and the hero/search slots. Pages with no video in the map load none of this. */

/* ---- Modal ---- */
.ios-xp[hidden]{display:none!important}
.ios-xp{position:fixed;inset:0;z-index:100090;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:24px;background:rgba(5,9,22,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transition:opacity .18s ease;font-family:'IOS Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;text-transform:none;letter-spacing:0}
.ios-xp.is-open{opacity:1}
.ios-xp *{box-sizing:border-box}
.ios-xp__panel{position:relative;display:flex;flex-direction:column;width:min(960px,100%,calc((100vh - 130px) * 1.7778));width:min(960px,100%,calc((100dvh - 130px) * 1.7778));min-width:min(100%,320px);overflow:hidden;border:1px solid rgba(255,138,43,.4);border-radius:18px;background:linear-gradient(180deg,rgba(24,35,72,.96) 0%,rgba(10,16,38,.98) 100%);box-shadow:0 30px 90px rgba(0,0,0,.6),0 0 60px rgba(238,124,27,.12),inset 0 1px 0 rgba(255,255,255,.06);color:#fff;transform:translateY(8px) scale(.985);transition:transform .2s ease}
.ios-xp.is-open .ios-xp__panel{transform:none}
.ios-xp__panel:focus{outline:none}
.ios-xp__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 8px 8px 20px;border-bottom:1px solid rgba(255,255,255,.08)}
.ios-xp__heading{min-width:0;display:flex;flex-direction:column;gap:2px}
.ios-xp__kicker{display:block;color:#ff8a1e;font-size:11px;font-weight:800;line-height:1.2;letter-spacing:.14em;text-transform:uppercase}
.ios-xp__title{margin:0;padding:0;color:#fff;font-family:inherit;font-size:18px;font-weight:800;line-height:1.2;letter-spacing:0;text-transform:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body .ios-xp .ios-xp__close{all:unset;box-sizing:border-box;flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:#152038;color:#fff;font:700 24px/1 'IOS Manrope',system-ui,sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s ease,border-color .15s ease}
html body .ios-xp .ios-xp__close:hover,html body .ios-xp .ios-xp__close:focus-visible{background:#ee7c1b;border-color:#ee7c1b;outline:none}
html body .ios-xp .ios-xp__close:focus-visible{box-shadow:0 0 0 3px rgba(255,138,30,.4)}
.ios-xp__stage{background:#000;line-height:0}
.ios-xp__video{display:block;width:100%;height:auto;aspect-ratio:16/9;margin:0;background:#000;border:0;outline:none;object-fit:contain}
html.ios-xp-open,html.ios-xp-open body{overflow:hidden}
@media (max-width:600px){
  .ios-xp{padding:12px}
  .ios-xp__head{padding:6px 6px 6px 14px}
  .ios-xp__title{font-size:16px}
}
@media (max-height:480px) and (orientation:landscape){
  .ios-xp{padding:8px}
  .ios-xp__panel{width:min(960px,100%,calc((100vh - 76px) * 1.7778));width:min(960px,100%,calc((100dvh - 76px) * 1.7778))}
}

/* ---- Thumbnail card ---- */
.ios-xv-slot{display:block;min-width:0;box-sizing:border-box}
html body .ios-xv-card{all:unset;box-sizing:border-box;position:relative;display:block;width:100%;aspect-ratio:16/9;overflow:hidden;border:1px solid rgba(255,138,43,.55);border-radius:16px;background:#0b1224;cursor:pointer;box-shadow:0 0 0 1px rgba(255,138,43,.12),0 0 26px rgba(238,124,27,.26),0 14px 34px rgba(0,0,0,.45);transition:transform .18s ease,box-shadow .18s ease;-webkit-tap-highlight-color:transparent;font-family:'IOS Manrope',system-ui,sans-serif}
html body .ios-xv-card:hover{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(255,138,43,.3),0 0 34px rgba(238,124,27,.4),0 18px 38px rgba(0,0,0,.5)}
html body .ios-xv-card:focus-visible{outline:2px solid #ff8a1e;outline-offset:3px}
.ios-xv-card__img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;margin:0;padding:0;border:0;border-radius:0;object-fit:cover}
.ios-xv-card__shade{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(5,9,22,.4) 0,rgba(5,9,22,0) 55%),linear-gradient(180deg,rgba(5,9,22,0) 55%,rgba(5,9,22,.55) 100%)}
.ios-xv-card__play{position:absolute;left:50%;top:50%;display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:linear-gradient(180deg,#FFB45E 0%,#FF8A1E 45%,#FF6A0B 100%);box-shadow:0 8px 22px rgba(255,106,11,.5),inset 0 1px 0 rgba(255,255,255,.35),0 0 0 6px rgba(255,138,30,.18);transition:transform .18s ease}
.ios-xv-card__play::after{content:'';position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(255,138,30,.55);opacity:0;pointer-events:none;animation:ios-xv-ring 2.6s ease-out 1.2s 2}
.ios-xv-card__play svg{display:block;width:22px;height:22px;margin-left:3px;fill:#fff}
html body .ios-xv-card:hover .ios-xv-card__play{transform:scale(1.08)}
.ios-xv-card__pill{position:absolute;right:10px;bottom:10px;display:block;height:24px;padding:0 10px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(7,12,28,.78);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:11px;font-weight:700;line-height:22px;letter-spacing:.02em;white-space:nowrap}
@keyframes ios-xv-ring{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(1.5)}}
@media (prefers-reduced-motion:reduce){
  .ios-xp,.ios-xp__panel,html body .ios-xv-card,.ios-xv-card__play{transition:none}
  .ios-xv-card__play::after{animation:none}
  html body .ios-xv-card:hover{transform:none}
}

/* ---- Hero pages: card replaces the Become a Member button ---- */
body.ios-xp-hero-pending .ios-hero .h-cta{visibility:hidden}
body.ios-xp-has-card .ios-hero .h-cta{display:none!important}
@media (min-width:992px){
  .ios-hero .h-grid > .ios-xv-slot{width:clamp(250px,24vw,300px);justify-self:end;align-self:center}
}
@media (max-width:991px){
  .ios-hero .h-grid > .ios-xv-slot{grid-column:1 / -1;width:100%;max-width:100%;justify-self:center;margin:14px auto 6px}
  .ios-xv-card__play{width:48px;height:48px;margin:-24px 0 0 -24px}
  .ios-xv-card__play svg{width:19px;height:19px}
}

/* ---- Product Search: 336px card, centred in the free space to the right of the search block on desktop; under the search on mobile. Play badge and Watch in Ns pill use the same proportions as the hero cards. From 1600px up, the layout is inset so it clears the left My Favourites tab. ---- */
@media (min-width:992px){
  body.page-id-7698 .ios-ais-wrap .ios-amy.has-xv .ios-amy__layout{max-width:none;width:100%;grid-template-columns:minmax(0,964px) minmax(336px,1fr);column-gap:24px;align-items:center}
  body.page-id-7698 .ios-ais-wrap .ios-amy.has-xv .ios-amy__form,
  body.page-id-7698 .ios-ais-wrap .ios-amy.has-xv .ios-amy__suggestions,
  body.page-id-7698 .ios-ais-wrap .ios-amy.has-xv .ios-amy__feedback{grid-column:1;width:100%;max-width:964px;justify-self:stretch}
  body.page-id-7698 .ios-ais-wrap .ios-amy.has-xv .ios-xv-slot--search{grid-column:2;grid-row:1 / span 3;justify-self:center;align-self:center;width:336px;max-width:100%}
  body.page-id-7698 .ios-xv-slot--search .ios-xv-card{border-radius:16px}
  body.page-id-7698 .ios-xv-slot--search .ios-xv-card__play{width:56px;height:56px;margin:-28px 0 0 -28px}
  body.page-id-7698 .ios-xv-slot--search .ios-xv-card__play svg{width:22px;height:22px;margin-left:3px}
  body.page-id-7698 .ios-xv-slot--search .ios-xv-card__pill{right:10px;bottom:10px;height:24px;padding:0 10px;font-size:12px;line-height:22px}
}
@media (min-width:1600px){
  body.page-id-7698 .ios-ais-wrap .ios-amy.has-xv .ios-amy__layout{padding-left:160px}
}
@media (max-width:991px){
  body.page-id-7698 .ios-ais-wrap .ios-amy.has-xv .ios-xv-slot--search{grid-column:1 / -1;width:100%;max-width:100%;justify-self:center;margin:8px 0 2px}
  body.page-id-7698 .ios-xv-slot--search .ios-xv-card{aspect-ratio:16/9;border-radius:12px}
  body.page-id-7698 .ios-xv-slot--search .ios-xv-card__play{width:48px;height:48px;margin:-24px 0 0 -24px}
  body.page-id-7698 .ios-xv-slot--search .ios-xv-card__play svg{width:19px;height:19px;margin-left:2px}
  body.page-id-7698 .ios-xv-slot--search .ios-xv-card__pill{right:8px;bottom:8px;height:22px;padding:0 9px;font-size:11px;line-height:20px}
  body.page-id-7698 .mobile-filter-toggle{box-sizing:border-box;display:flex;justify-content:center;margin-left:auto;margin-right:auto;float:none;left:auto;right:auto;position:relative}
  body.page-id-7698 .ios-brandsel,
  body.page-id-7698 .ios-brandsel__ctl,
  body.page-id-7698 .ios-brandsel__btn,
  body.page-id-7698 .ios-dbar{box-sizing:border-box;width:100%;max-width:100%}
  body.page-id-7698 .ais-results-sortbar{padding-left:0;padding-right:0}
}

/* ---- Store Finder (card lives inside the <ios-store-search> shadow root; this block is copied there by ios-explainer.js) ---- */
.ss-header.has-xv{position:relative}
@media (min-width:1200px){
  .ss-header.has-xv > .ios-xv-slot--sf{position:absolute;right:64px;top:56px;width:280px}
}
@media (max-width:1199px){
  .ss-header.has-xv > .ios-xv-slot--sf{width:100%;max-width:560px;margin:14px auto 4px}
}
@media (max-width:991px){
  .ss-header.has-xv > .ios-xv-slot--sf{width:100%;max-width:100%;margin:20px auto 4px}
}

/* ---- Store Cards chip: sits just above the store logo grid on the five collection pages ---- */
.ios-xv-chip-row{display:flex;align-items:center;justify-content:flex-start;box-sizing:border-box;width:100%;margin:10px 0 31px;padding:0;position:relative;z-index:3;clear:both}
.ios-xv-chip{all:unset;box-sizing:border-box;position:relative;display:inline-flex;align-items:center;gap:8px;height:36px;margin:0;padding:0 14px 0 6px;border:1px solid rgba(238,124,27,.55);border-radius:999px;background:#0f172a;color:#fff;font-family:'IOS Manrope',system-ui,sans-serif;font-weight:700;font-size:13px;line-height:1;letter-spacing:.01em;white-space:nowrap;cursor:pointer;box-shadow:0 6px 16px rgba(0,0,0,.28);-webkit-tap-highlight-color:transparent}
.ios-xv-chip__play{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex:0 0 24px;border-radius:50%;background:linear-gradient(180deg,#FFB45E 0%,#FF8A1E 45%,#FF6A0B 100%);box-shadow:0 2px 8px rgba(255,106,11,.4),inset 0 1px 0 rgba(255,255,255,.35)}
.ios-xv-chip__play svg{display:block;width:10px;height:10px;margin-left:1px;fill:#fff}
.ios-xv-chip__text{display:inline-block}
.ios-xv-chip:hover,.ios-xv-chip:focus-visible{border-color:#ee7c1b;background:#152038;color:#fff;outline:2px solid #ee7c1b;outline-offset:2px}
@media (max-width:991px){
  .ios-xv-chip-row{margin:8px 0 27px;padding:0;justify-content:stretch;box-sizing:border-box}
  .ios-xv-chip{height:36px;font-size:12.5px;padding:0 12px 0 6px}
  .ios-xv-chip--store-cards{width:100%;max-width:100%;box-sizing:border-box}
  .ios-xv-chip::after{content:'';position:absolute;inset:-6px;border-radius:999px}
}

/* ---- Today's Sales mobile only: a little more space above the hero video, then the Your Concierge chip, then the All aisle dropdown, then the store logo grid. The tall empty band above the old chip position is removed. Desktop Today's Sales is unchanged apart from the chip label. ---- */
@media (max-width:991px){
  body.page-id-2 .ios-hero .h-grid > .ios-xv-slot{margin:14px auto 0;width:calc(100vw - 40px);max-width:calc(100vw - 40px);justify-self:center}
  body.page-id-2 .ios-hero .h-grid > .ios-xv-chip-row{grid-column:1 / -1;width:calc(100vw - 40px);max-width:calc(100vw - 40px);margin:14px auto 12px;padding:0;justify-self:center;justify-content:stretch}
  body.page-id-2 .ios-xv-chip--store-cards{width:100%;max-width:100%;box-sizing:border-box}
  body.page-id-2 .aisle_select_hld{height:auto!important;min-height:0!important;margin-top:0!important;margin-bottom:0!important;left:0!important;width:100%!important}
  body.page-id-2 .aisle_select_hld .vc_empty_space{display:none!important;height:0!important;max-height:0!important}
  body.page-id-2 .aisle_select_hld .vc_column-inner,
  body.page-id-2 .aisle_select_hld .vc_custom_1779779391696{padding-top:0!important;padding-bottom:0!important}
  body.page-id-2 .aisle_select_hld .cls_payment_drodwn,
  body.page-id-2 .aisle_select_hld .f_aisle_selector_JS,
  body.page-id-2 .aisle_select_hld .cla_p_selector{width:calc(100vw - 40px)!important;max-width:calc(100vw - 40px)!important;float:none!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box}
  body.page-id-2 .aisle_select_hld .cls_payment_drodwn,
  body.page-id-2 .aisle_select_hld .f_aisle_selector_JS{margin-top:0!important;margin-bottom:36px!important}
}

/* ---- Homepage Plan A: Showcase every day card.
   Desktop (Variant A, 992px and up): 280px card, 52px in from the wrap's right edge, vertically centred on the headline and search. Headline, proof, search and Why wait stay centred in the space to the left of the card, with a 48px gap. The deals band stays full width. Phones (991px and below): the card fills the same content width as the headline and search, centred, with about 24px above and 28px below. Subtle orange glow. ---- */
body.page-id-7939 .ios-home-plana .plana-wrap.has-xv{position:relative}
@media (min-width:992px){
  body.page-id-7939 .ios-home-plana .plana-wrap.has-xv{--ios-hero-card-w:280px;--ios-hero-gap:48px;--ios-hero-inset:52px;--ios-hero-reserve:calc(var(--ios-hero-card-w) + var(--ios-hero-gap) + var(--ios-hero-inset) - 32px)}
  body.page-id-7939 .ios-home-plana .plana-wrap.has-xv .plana-hero{box-sizing:border-box;width:calc(100% - var(--ios-hero-reserve));max-width:calc(100% - var(--ios-hero-reserve));margin-left:0;margin-right:var(--ios-hero-reserve);text-align:center}
  body.page-id-7939 .ios-home-plana .plana-wrap.has-xv .plana-hero h1{overflow-wrap:break-word;text-wrap:pretty}
  body.page-id-7939 .ios-home-plana .plana-wrap.has-xv form.plana-search{box-sizing:border-box;width:640px;max-width:min(640px,calc(100% - var(--ios-hero-reserve)));margin-left:max(0px,calc((100% - var(--ios-hero-reserve) - 640px) / 2));margin-right:calc(var(--ios-hero-reserve) + max(0px,calc((100% - var(--ios-hero-reserve) - 640px) / 2)))}
  body.page-id-7939 .ios-home-plana .plana-wrap.has-xv .plana-why{box-sizing:border-box;width:calc(100% - var(--ios-hero-reserve));max-width:calc(100% - var(--ios-hero-reserve));margin-left:0;margin-right:var(--ios-hero-reserve);text-align:center}
  body.page-id-7939 .ios-xv-slot--home{position:absolute;z-index:4;left:auto;right:var(--ios-hero-inset);width:var(--ios-hero-card-w);max-width:var(--ios-hero-card-w);min-height:0;height:auto;margin:0;padding:0;display:block;box-sizing:border-box;pointer-events:none}
  html body.page-id-7939 .ios-xv-slot--home .ios-xv-card{pointer-events:auto;width:100%;max-width:100%;flex:none;border-radius:16px;border:1px solid rgba(255,176,74,.75);box-shadow:0 0 0 1px rgba(255,138,43,.2),0 0 20px rgba(238,124,27,.3),0 10px 26px rgba(0,0,0,.4)}
  html body.page-id-7939 .ios-xv-slot--home .ios-xv-card:hover{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(255,176,74,.45),0 0 28px rgba(238,124,27,.42),0 14px 30px rgba(0,0,0,.48)}
  body.page-id-7939 .ios-xv-slot--home .ios-xv-card__play{width:48px;height:48px;margin:-24px 0 0 -24px}
  body.page-id-7939 .ios-xv-slot--home .ios-xv-card__play svg{width:18px;height:18px;margin-left:2px}
  body.page-id-7939 .ios-xv-slot--home .ios-xv-card__pill{right:8px;bottom:8px;height:22px;padding:0 9px;font-size:11px;line-height:20px}
}
@media (max-width:991px){
  body.page-id-7939 .ios-xv-slot--home{display:block;position:static;width:100%;max-width:100%;margin:24px auto 28px;overflow:visible;left:auto;right:auto;top:auto}
  html body.page-id-7939 .ios-xv-slot--home .ios-xv-card{aspect-ratio:16/9;width:100%;max-width:100%;border-radius:14px;border:1px solid rgba(255,176,74,.75);box-shadow:0 0 0 1px rgba(255,138,43,.2),0 0 16px rgba(238,124,27,.28),0 8px 20px rgba(0,0,0,.38)}
  body.page-id-7939 .ios-xv-slot--home .ios-xv-card__play{width:48px;height:48px;margin:-24px 0 0 -24px}
  body.page-id-7939 .ios-xv-slot--home .ios-xv-card__play svg{width:18px;height:18px;margin-left:2px}
  body.page-id-7939 .ios-xv-slot--home .ios-xv-card__pill{right:8px;bottom:8px;height:22px;padding:0 9px;font-size:11px;line-height:20px}
}

/* ---- Daily Brief: 336px card, centred in the free space to the right of the headline on desktop; full content width under the intro at 991px and below. */
@media (min-width:1025px){
  .iosdh-row.has-xv{grid-template-columns:auto minmax(0,1fr) minmax(336px,1fr);align-items:center}
  .iosdh-row.has-xv .iosdh-ico{grid-column:1;grid-row:1 / span 2}
  .iosdh-row.has-xv .iosdh-body{grid-column:2;grid-row:1;min-width:0}
  .iosdh-row.has-xv .ios-xv-slot--brief{grid-column:3;grid-row:1 / span 2;width:336px;max-width:100%;justify-self:center;align-self:center}
  .iosdh-row.has-xv .iosdh-cta{grid-column:2;grid-row:2;justify-self:start;margin-top:12px}
}
@media (max-width:1024px){
  .iosdh-row.has-xv .ios-xv-slot--brief{grid-column:1 / -1;width:200px;max-width:100%;justify-self:center;margin:8px auto 2px}
  .iosdh-row.has-xv .ios-xv-card{aspect-ratio:16/9;border-radius:12px}
  .iosdh-row.has-xv .ios-xv-card__play{width:36px;height:36px;margin:-18px 0 0 -18px}
  .iosdh-row.has-xv .ios-xv-card__play svg{width:14px;height:14px;margin-left:2px}
  .iosdh-row.has-xv .ios-xv-card__pill{right:6px;bottom:6px;height:20px;padding:0 8px;font-size:10px;line-height:18px}
}
@media (max-width:991px){
  .iosdh-row.has-xv .ios-xv-slot--brief{grid-column:1 / -1;width:100%;max-width:100%;justify-self:center;margin:2px auto 2px}
  .iosdh-row.has-xv .ios-xv-card{aspect-ratio:16/9;width:100%;max-width:100%;border-radius:12px}
  .iosdh-row.has-xv .ios-xv-card__play{width:48px;height:48px;margin:-24px 0 0 -24px}
  .iosdh-row.has-xv .ios-xv-card__play svg{width:19px;height:19px;margin-left:2px}
  .iosdh-row.has-xv .ios-xv-card__pill{right:8px;bottom:8px;height:22px;padding:0 9px;font-size:11px;line-height:20px}
}


/* ---- Product Search mobile: hide the duplicate header 'Search products' bar (the in-page Try: search stays). Collapse the header so no empty gap is left. Desktop unchanged. ---- */
@media (max-width:991px){
  body.page-id-7698 #ios-new-header .search,
  body.page-id-7698 .site-header .search{display:none!important;margin:0!important;height:0!important;min-height:0!important;padding:0!important;overflow:hidden!important;border:0!important}
}

/* ---- 601-991px: keep My Favourites as a right-edge mid tab (same idea as desktop) so the old bottom-left pill does not sit on in-flow controls. Dragged positions (.ios-fav-pos) are left alone. ---- */
@media (max-width:991px) and (min-width:601px){
  .ios-my-favourites-tab:not(.ios-fav-pos):not(.ios-fav-dragging){top:58%!important;right:0!important;left:auto!important;bottom:auto!important;border-right:0!important;border-radius:16px 0 0 16px!important}
  .ios-my-favourites-tab:not(.ios-fav-pos):not(.ios-fav-dragging):hover,
  .ios-my-favourites-tab:not(.ios-fav-pos):not(.ios-fav-dragging):focus-visible{transform:translateX(-4px)}
}

/* ---- Phones up to 600px (345 and 390): shrink My Favourites to a 48px round heart and park it bottom right, away from the first store-tile column. Drag still works. Do not force display, so body.ios-collection-open can keep hiding the tab while a Collection box is open. ---- */
@media (max-width:600px){
  .ios-my-favourites-tab{width:48px;height:48px;min-width:48px;min-height:48px;padding:0;gap:0;box-sizing:border-box;justify-content:center;align-items:center;border-radius:50%;border:1px solid rgba(255,129,40,.75);font-size:0;line-height:0;--ios-fav-gap:12px}
  .ios-my-favourites-tab > span:not(.ios-my-favourites-tab__icon):not(.ios-fav-sr){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .ios-my-favourites-tab__icon{width:28px;height:28px;flex:0 0 28px}
  .ios-my-favourites-tab__icon svg{width:16px;height:16px}
  .ios-my-favourites-tab:not(.ios-fav-pos):not(.ios-fav-dragging){top:auto!important;left:auto!important;right:12px!important;bottom:calc(12px + 56px + env(safe-area-inset-bottom,0px))!important;border-radius:50%!important}
  .ios-my-favourites-tab:not(.ios-fav-pos):not(.ios-fav-dragging):hover,
  .ios-my-favourites-tab:not(.ios-fav-pos):not(.ios-fav-dragging):focus-visible{transform:translateY(-2px)}
  .ios-my-favourites-tab.ios-fav-pos.ios-fav-left,
  .ios-my-favourites-tab.ios-fav-pos.ios-fav-right{border-radius:50%!important}
}

/* ---- Cap the Zoho SalesIQ mascot to about 56px below 1100px so the phone heart can stack above it in the bottom-right corner. ---- */
@media (max-width:1099px){
  #zsiq_float,div#zsiq_float,.zsiq_floatmain{max-width:56px!important;max-height:56px!important;width:56px!important;height:56px!important;overflow:hidden!important}
  #zsiq_float img,#zsiq_float iframe,.zsiq_floatmain img,.zsiq_floatmain iframe{max-width:56px!important;max-height:56px!important}
}

/* ---- Product Search mobile: keep the live Budget dock usable at the bottom, compact enough that amounts stay clear of the play badge, and add bottom padding so results don't slide under it. ---- */
@media (max-width:991px){
  body.page-id-7698.ios-budget-is-live .ios-budget-dock-wrap.has-play,
  body.page-id-7698.ios-budget-is-ready .ios-budget-dock-wrap.has-play{padding-right:22px;box-sizing:border-box}
  body.page-id-7698.ios-budget-is-live .ios-budget-dock-wrap.has-play .ios-budget-dock,
  body.page-id-7698.ios-budget-is-ready .ios-budget-dock-wrap.has-play .ios-budget-dock,
  body.page-id-7698.ios-budget-is-live .ios-budget-dock-wrap.has-play .ios-budget-dock.has-bar,
  body.page-id-7698.ios-budget-is-ready .ios-budget-dock-wrap.has-play .ios-budget-dock.has-bar{padding-right:28px}
  body.page-id-7698 .ios-budget-dock-wrap .ios-budget-play,
  body.page-id-7698 .ios-budget-pill-wrap .ios-budget-play{transform:translate(70%,-70%)}
  body.page-id-7698.ios-budget-is-live .ios-budget-dock__total,
  body.page-id-7698.ios-budget-is-ready .ios-budget-dock__total{padding-right:4px;position:relative;z-index:1}
  body.page-id-7698.ios-budget-is-live #aiSearchResults,
  body.page-id-7698.ios-budget-is-live .ais-body,
  body.page-id-7698.ios-budget-is-ready #aiSearchResults,
  body.page-id-7698.ios-budget-is-ready .ais-body{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}
}