.mobile-header{display:none}.mobile-panel{box-sizing:border-box;position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:white;color:#172338}.mobile-panel::backdrop{background:#15203265}.mobile-panel-head{height:76px;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e6eaf0;gap:14px}.mobile-panel-head h2{font-size:20px;margin:0}.mobile-brand{display:flex;align-items:center;gap:8px;min-width:0;color:inherit;text-decoration:none;font-weight:650;font-size:16px;line-height:1.2;white-space:nowrap}.mobile-brand img{flex-shrink:0}.mobile-brand small{display:block;font-size:8px;letter-spacing:1.8px;margin-top:4px;color:#778394}.mobile-icon{display:flex;align-items:center;justify-content:center;border:0;background:none;color:inherit;width:44px;height:44px;min-width:44px;padding:10px;border-radius:9px;cursor:pointer}.mobile-icon svg{width:24px;height:24px}.mobile-icon:focus-visible,.mobile-menu-row:focus-visible{outline:3px solid #3974cd;outline-offset:-3px}.mobile-menu-body{overflow-y:auto;height:calc(100dvh - 76px);overscroll-behavior:contain;padding:0 20px 35px}.mobile-menu-row{display:flex;align-items:center;justify-content:space-between;text-align:left;width:100%;min-height:58px;padding:16px 0;border:0;border-bottom:1px solid #e6eaf0;background:none;color:#172338;font-size:16px;line-height:1.4;text-decoration:none;gap:12px;cursor:pointer}.mobile-menu-row small{font-size:12px;color:#667588}.mobile-menu-row span[aria-hidden]{font-size:25px;color:#728099}.mobile-submenu-title{font-size:22px;margin:24px 0 12px}.mobile-back{color:#285fa3}.mobile-menu-theme{display:flex;align-items:center;justify-content:space-between;padding-top:25px;gap:15px}.mobile-menu-theme select{background:#f5f7fa;color:#172338;border:1px solid #d8dfea;border-radius:8px;min-height:44px;padding:8px 14px}.mobile-menu-empty{color:#667588;line-height:1.7}.mobile-panel-open{overflow:hidden!important}.mobile-filter-panel{background:var(--bg);color:var(--text)}.mobile-filter-panel .mobile-panel-head{background:var(--panel);border-color:var(--line)}.mobile-filter-panel #mobileFilterForm{height:calc(100dvh - 76px);display:flex;flex-direction:column}.mobile-filter-body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:20px 0;min-height:0}.mobile-filter-body .sidebar-body{padding:0 22px}.mobile-filter-body .sidebar-body h2{display:none}.mobile-filter-body .simple-filter-row,.mobile-filter-body .advanced-grid{display:grid;grid-template-columns:1fr;gap:20px}.mobile-filter-body .field{margin-bottom:18px}.mobile-filter-body .field input,.mobile-filter-body .field select{min-height:46px;font-size:16px}.mobile-filter-body .saving-choices{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mobile-filter-body .filter-reset{display:none}.mobile-filter-body .advanced-filters{margin-top:24px}.mobile-filter-actions{display:flex;gap:12px;padding:15px 22px max(15px,env(safe-area-inset-bottom));background:var(--panel);border-top:1px solid var(--line)}.mobile-filter-actions button{flex:1;min-height:48px}.mobile-filter-body #filters{margin:0;padding:0;border:0;background:none}.mobile-filter-body .sidebar-sort{margin:22px 0}
@media(max-width:740px){
body{min-width:0}.top{display:none}.mobile-header{display:block;padding:10px 12px 13px;background:var(--panel);border-bottom:1px solid var(--line);color:var(--text)}.mobile-header-row{display:flex;align-items:center;gap:0;min-height:44px}.mobile-header .mobile-brand{flex:1;font-size:16px;gap:7px}.mobile-header .mobile-brand small{color:var(--muted)}.mobile-search{display:flex;align-items:center;margin:9px 2px 0;background:var(--bg);border:1px solid var(--line);border-radius:11px;overflow:hidden;min-width:0}.mobile-search input{border:0;outline:none;background:none;color:var(--text);min-width:0;width:100%;height:46px;padding:10px 12px;font-size:12px}.mobile-search input:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.mobile-search button{width:44px;height:46px;flex-shrink:0;display:grid;place-items:center;background:none;border:0;color:var(--blue)}.mobile-search svg{width:22px;height:22px}.wrap{padding-left:14px;padding-right:14px;min-width:0}.simple-hero .search{display:none}.hero.simple-hero{padding-top:24px;padding-bottom:18px}.hero.simple-hero h1{font-size:32px}.hero.simple-hero .lead{font-size:13px}.modebar{flex-wrap:wrap}.modebar span{overflow-wrap:anywhere}.results-column .products,.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.results-column .product-image,.product-image{height:150px}.results-column .product-body,.product-body{padding:12px;min-width:0}.results-column .product h3,.product h3{font-size:13px;line-height:1.45;min-height:0;overflow-wrap:anywhere;margin:10px 0 12px}.results-column .price,.price{font-size:20px;white-space:normal;overflow-wrap:anywhere}.results-column .saving,.saving{font-size:11px;line-height:1.5}.product .old-price{font-size:10px}.results-column .product .old-price span{display:none}.product .store-caption{font-size:10px}.product-action{flex-wrap:wrap;gap:4px}.product-action .card-cta{width:100%;min-height:44px;padding:10px 5px;font-size:11px}.product-action .favorite-button{margin-left:auto;min-width:44px;min-height:44px}.product .badges{top:10px;left:10px}.product .offer-tags{gap:4px}.product .offer-tags span{padding:5px;font-size:9px;overflow-wrap:anywhere}.product .offer-details summary{min-height:44px;display:flex;align-items:center;font-size:11px}.product .offer-details{font-size:11px}.results-heading{gap:8px;font-size:11px}.sidebar-drawer>summary{min-height:48px}.sidebar-drawer .sidebar-body{display:none}.mobile-filter-body .sidebar-body{display:block}.store{padding:16px 12px}.store-all{font-size:11px}.store-card .store-brand{min-width:0}.store-slide-name{overflow-wrap:anywhere}.detail-price-row{flex-wrap:wrap}.comparison{min-width:0}.breadcrumb{overflow-wrap:anywhere}.mobile-header .mobile-icon{min-width:44px}.mobile-panel .mobile-icon{color:#172338}.mobile-filter-panel .mobile-icon{color:var(--text)}
}
@media(max-width:349px){.products,.results-column .products{grid-template-columns:1fr}.product-image,.results-column .product-image{height:210px}.product-action{flex-wrap:nowrap}.product-action .card-cta{width:auto;flex:1}.mobile-header{padding-left:7px;padding-right:7px}.mobile-header .mobile-brand{font-size:14px;gap:5px}.mobile-header .mobile-brand img{width:28px;height:28px}.mobile-search input{font-size:11px}.stores{gap:9px}.store-card .logo{width:78px}.store-slide-price{font-size:16px}}
html[data-theme] dialog.mobile-panel{background:#fff;color:#172338;border-radius:0;box-shadow:none;border:0;padding:0;max-width:none;max-height:none}html[data-theme] dialog.mobile-filter-panel{background:var(--bg);color:var(--text)}.mobile-panel[open]{display:flex;flex-direction:column}.mobile-panel-head{flex-shrink:0}.mobile-panel nav.mobile-menu-body{display:block;flex:1;min-height:0;width:100%;height:auto;margin:0;gap:0}.mobile-panel .mobile-menu-row{color:#172338}.mobile-panel .mobile-brand{color:#172338}.mobile-panel .mobile-close{color:#172338}

html[data-theme] .mobile-filter-panel .mobile-close{color:var(--text)}

/* Photo containment applies on desktop and mobile, including tall packaging. */
.product .product-image{display:block;position:relative;overflow:hidden;contain:layout paint;isolation:isolate;flex:0 0 auto}
.product .product-photo{position:absolute;inset:20px;display:block;overflow:hidden;pointer-events:none}
.product .product-photo>img{display:block;position:static;inset:auto;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain;object-position:center}
.product .product-body{position:relative;z-index:1;min-width:0}
@media(max-width:740px){.product .product-photo{inset:16px}}

/* Theme-matched side drawer with quiet motion between navigation levels. */
html[data-theme] dialog#mobileMenu{width:min(86vw,360px);height:100dvh;inset:0 auto 0 0;background:var(--panel);color:var(--text);border-radius:0 20px 20px 0;box-shadow:16px 0 55px #0003;overflow:hidden}
#mobileMenu::backdrop{background:#07111d66;backdrop-filter:blur(3px);animation:menu-backdrop-in 240ms ease-out}
#mobileMenu[open]{animation:menu-slide-in 260ms cubic-bezier(.2,.8,.2,1)}
#mobileMenu[open].is-closing{animation:menu-slide-out 220ms ease-in forwards}
#mobileMenu.is-closing::backdrop{animation:menu-backdrop-out 220ms ease-in forwards}
#mobileMenu .mobile-panel-head{padding:12px 14px;border-color:var(--line);gap:8px}
#mobileMenu .mobile-menu-body{padding:0 18px 30px}
#mobileMenu .mobile-menu-row,#mobileMenu .mobile-brand,#mobileMenu .mobile-close{color:var(--text)}
#mobileMenu .mobile-menu-row{border-color:var(--line);font-size:15px;min-height:55px;transition:background 160ms,color 160ms;padding:15px 2px}
#mobileMenu .mobile-menu-row:hover,#mobileMenu .mobile-menu-row:active{background:var(--bg);color:var(--blue)}
#mobileMenu .mobile-menu-row small,#mobileMenu .mobile-menu-row span[aria-hidden],#mobileMenu .mobile-brand small,#mobileMenu .mobile-menu-empty,#mobileMenu .mobile-menu-theme{color:var(--muted)}
#mobileMenu .mobile-menu-theme select{background:var(--bg);color:var(--text);border-color:var(--line)}
#mobileMenu .mobile-submenu-title{font-size:21px}
#mobileMenu .submenu-forward{animation:submenu-forward 210ms ease-out}
#mobileMenu .submenu-back{animation:submenu-back 210ms ease-out}
@keyframes menu-slide-in{from{transform:translateX(-100%);opacity:.7}to{transform:translateX(0);opacity:1}}
@keyframes menu-slide-out{to{transform:translateX(-100%);opacity:.7}}
@keyframes menu-backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes menu-backdrop-out{to{opacity:0}}
@keyframes submenu-forward{from{transform:translateX(18px);opacity:.25}to{transform:translateX(0);opacity:1}}
@keyframes submenu-back{from{transform:translateX(-18px);opacity:.25}to{transform:translateX(0);opacity:1}}
@media(prefers-reduced-motion:reduce){#mobileMenu[open],#mobileMenu::backdrop,#mobileMenu .submenu-forward,#mobileMenu .submenu-back{animation:none!important}}

#desktopFilterRail{display:none}
@media(min-width:741px){body.desktop-filter-rail #desktopFilterRail{display:block;position:fixed;left:18px;top:20px;bottom:20px;width:250px;z-index:20;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}body.desktop-filter-rail #desktopFilterRail .filter-sidebar{position:static}body.desktop-filter-rail #desktopFilterRail .sidebar-drawer>summary{display:none}body.desktop-filter-rail #desktopFilterRail .sidebar-body{display:block;padding:21px}body.desktop-filter-rail #app{margin-left:280px}body.desktop-filter-rail .top{margin-left:280px}body.desktop-filter-rail .footer{margin-left:300px}body.desktop-filter-rail .browse-layout{display:block}body.desktop-filter-rail .wrap{padding-left:22px;padding-right:22px;min-width:0}body.desktop-filter-rail .results-column .products{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:741px) and (max-width:1200px){body.desktop-filter-rail .results-column .products{grid-template-columns:repeat(2,minmax(0,1fr))}}

.active-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}.active-filters:empty{display:none}.active-filter-chip{display:flex;align-items:center;gap:10px;min-height:40px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--blue);font-size:12px}.active-filter-chip span{font-size:20px}.filter-is-active label{color:var(--blue)!important}.filter-is-active input,.filter-is-active select{border-color:var(--blue)}.sidebar-shops{margin:0 0 22px;border-bottom:1px solid var(--line);padding-bottom:15px}.sidebar-shops>summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:600;font-size:13px}.sidebar-shops>summary::after{content:'⌄';margin-left:auto}.sidebar-store-nav{display:block!important;padding-top:8px}.sidebar-store-link{display:flex;align-items:center;gap:12px;min-height:48px;padding:7px 9px;border-radius:9px;color:var(--text);font-size:12px}.sidebar-store-link .logo{width:48px;height:30px;object-fit:contain;background:white;border-radius:5px}.sidebar-store-link.selected{background:var(--bg);outline:1px solid var(--blue);color:var(--blue);font-weight:600}.top-saving{font-size:12px;color:var(--blue);margin:15px 0}.top-saving strong{display:block;font-size:28px;margin-top:5px;line-height:1.3}.saving-ranked .price{font-size:20px}.rank-badge{background:var(--blue);color:var(--panel)}.top-saving-caption{font-size:12px;color:var(--muted);margin:0}.section-head:has(.top-saving-caption){flex-wrap:wrap;gap:10px}.results-column .saving-ranked .top-saving strong{font-size:26px}@media(max-width:740px){.sidebar-shops{display:none}.results-column .saving-ranked .top-saving strong{font-size:21px}.top-saving{font-size:11px}.active-filter-chip{min-height:44px;font-size:11px}}

#mobileMenu .mobile-menu-row.selected{background:var(--bg);color:var(--blue);font-weight:650;border-radius:8px;padding-left:10px;padding-right:10px}

.mobile-results-toolbar{display:none}.mobile-filter-panel #mobileFilterForm{height:auto;flex:1;min-height:0}.mobile-filter-body{scroll-padding-bottom:100px}.mobile-filter-actions{flex-shrink:0}.mobile-filter-actions #mobileFilterApply{flex:1.7}.mobile-filter-panel{overflow:hidden}.products,.active-filters{overflow-anchor:none}
@media(max-width:740px){.mobile-results-toolbar{position:sticky;top:0;z-index:24;display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:8px;margin:0 0 18px;box-shadow:0 4px 15px #0001}.mobile-open-filters{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 14px;background:var(--bg);border:1px solid var(--line);border-radius:8px;color:var(--text);font-size:14px;font-weight:600;white-space:nowrap}.mobile-results-toolbar label{flex:1;min-width:0}.mobile-results-toolbar select{min-height:44px;width:100%;min-width:0;border:1px solid var(--line);border-radius:8px;padding:8px;color:var(--text);background:var(--bg);font-size:12px}.mobile-results-toolbar~.browse-layout>.filter-sidebar{display:none}.mobile-filter-body .sidebar-body{display:block}.mobile-filter-panel .mobile-filter-actions{padding-bottom:max(15px,env(safe-area-inset-bottom))}.products{scroll-margin-top:76px}.active-filter-chip{transition:background 150ms ease}.mobile-filter-panel input{font-size:16px}.mobile-filter-panel .mobile-filter-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}}
@media(prefers-reduced-motion:reduce){.active-filter-chip{transition:none}}

@media(max-width:740px){.results-column .product.reference-recommended .old-price span{display:block;font-size:9px;line-height:1.4;margin:4px 0}}

@media(max-width:740px){.mobile-search input,#app input,#app textarea,#app select,.mobile-panel input,.mobile-panel select{font-size:16px!important}.mobile-search input::placeholder{font-size:12px}}