/* Phase 3 listings (Ipatio_ListingPage, UI/UX overhaul): category,search and brand listings + the new product card,approved as mocked 2026-10-07 (docs/ui-ux-overhaul-2026-10/mockups/listing; this file = its listing.css, rescoped).
   Linked only by the ipatio_plp layout handle (ipatio_plp/general/enabled = 1). Rules carry `body.ipx-plp` (styles-l.css
   loads after module sheets). Tokens: chrome.css :root; the five the mockup added are defined here. */

body.ipx-plp{--ipx-font-body:var(--ipx-font,'Ipatio Rounded Text',Quicksand,sans-serif);--ipx-font-head:var(--ipx-font,'Ipatio Rounded Text',Quicksand,sans-serif);
  --ipx-fs-h1:clamp(28px, 1.6vw + 16px, 40px);--ipx-grey-2:#8a857c;--ipx-stone-2:#efebe4}
/* Chinese store: the same stack as the store's body text (styles-m), so listing text also reaches the Noto Sans SC web
   font on devices without PingFang SC / Microsoft YaHei (Android, Linux); the phone critical CSS leaves that web font
   out of the early paint (CSS-003) and this sheet brings it back with the rest of the page */
body.ipx-plp:lang(zh){--ipx-font-body:'Ipatio Rounded Text',Quicksand,'PingFang SC','Microsoft YaHei','Noto Sans SC','Noto Sans CJK SC','Helvetica Neue',Helvetica,Arial,sans-serif;
  --ipx-font-head:'Ipatio Rounded Text',Quicksand,'PingFang SC','Microsoft YaHei','Noto Sans SC','Noto Sans CJK SC','Helvetica Neue',Helvetica,Arial,sans-serif}
body.ipx-plp .ipx-i{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.ipx-plp .ipx-pill{box-sizing:border-box;display:inline-flex;align-items:center;gap:6px;min-height:24px;padding:3px 10px;border-radius:var(--ipx-r-pill);font-family:var(--ipx-font-body);font-size:12px;font-weight:700;line-height:1.2;white-space:nowrap}
body.ipx-plp .ipx-pill.-save{background:var(--ipx-green-tint);color:var(--ipx-green-deep)}
body.ipx-plp .ipx-btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin:0;padding:0 20px;border:1.5px solid transparent;border-radius:var(--ipx-r-sm);font:700 15px/1.1 var(--ipx-font-body);letter-spacing:0;text-transform:none;text-decoration:none;cursor:pointer;white-space:nowrap;box-shadow:none}
body.ipx-plp .ipx-btn.-primary{background:var(--ipx-orange);color:var(--ipx-ink)}
body.ipx-plp .ipx-btn.-primary:hover{background:var(--ipx-orange-hover);color:var(--ipx-ink)}
body.ipx-plp .ipx-btn.-secondary{background:#fff;color:var(--ipx-ink);border-color:var(--ipx-ink)}
body.ipx-plp .ipx-btn.-secondary:hover{background:var(--ipx-stone);color:var(--ipx-ink)}
body.ipx-plp .ipx-btn.-lg{min-height:52px;font-size:16px;padding:0 28px}
body.ipx-plp .ipx-hidden-toolbar{display:none!important}
body.ipx-plp .ipx-pc .product-item-info{container-type:inline-size}
body.ipx-plp .ipx-pc .actions-primary .stock{margin:0;font:600 13px/1.3 var(--ipx-font-body);color:var(--ipx-grey);text-transform:none;letter-spacing:0}

body.ipx-plp .ipx-plp-scope,body.ipx-plp .ipx-plp-scope *{letter-spacing:normal}
body.ipx-plp :is(.ipx-pc,.ipx-tb,.ipx-applied,.ipx-lmore,.ipx-pbar,.ipx-plp-head) *{box-sizing:border-box;letter-spacing:normal!important}

/* ---- page frame: breadcrumbs,chips (kept first, owner),title,intro ---- */
body.ipx-plp .breadcrumbs{box-sizing:border-box;max-width:var(--ipx-wrap);margin:0 auto!important;padding:14px var(--ipx-gutter) 0!important;height:auto!important}
body.ipx-plp .breadcrumbs .items{display:flex;flex-wrap:wrap;align-items:center;gap:2px 0;margin:0;padding:0;font-family:var(--ipx-font-body);font-size:13px!important;line-height:1.4}
body.ipx-plp .breadcrumbs .item{margin:0!important;padding:0!important;font-size:13px!important;text-transform:none!important;letter-spacing:0!important;color:var(--ipx-grey)!important;font-weight:500!important}
body.ipx-plp .breadcrumbs .item a{color:var(--ipx-grey)!important;font-weight:500!important;text-transform:none!important;text-decoration:none!important}
body.ipx-plp .breadcrumbs .item a:hover{color:var(--ipx-ink)!important;text-decoration:underline!important}
body.ipx-plp .breadcrumbs .item strong{color:var(--ipx-ink)!important;font-weight:600!important}
body.ipx-plp .breadcrumbs .item:not(:last-child)::after{background:none!important;width:auto!important;height:auto!important;padding:0!important;content:"/"!important;font-family:inherit!important;font-size:13px!important;margin:0 8px!important;color:var(--ipx-line-2)!important;vertical-align:baseline!important;line-height:inherit!important;display:inline!important}
body.ipx-plp .breadcrumbs .item svg,body.ipx-plp .breadcrumbs .item .amtheme-icon{display:none!important}
body.ipx-plp .category-view{max-width:var(--ipx-wrap);margin:0 auto!important;padding:0 var(--ipx-gutter)!important;box-sizing:border-box}
body.ipx-plp .category-view .ipatio-size-links{margin:14px auto 6px!important;max-width:none!important}
body.ipx-plp .page-title-wrapper{margin:0!important;padding:0!important}
body.ipx-plp .columns .page-title-wrapper .page-title,body.ipx-plp .page-title-wrapper .page-title{margin:0!important;padding:0!important;font:700 var(--ipx-fs-h1)/1.15 var(--ipx-font-head)!important;color:var(--ipx-ink)!important;text-transform:none!important;letter-spacing:0!important}
body.ipx-plp .wrapper-description{box-sizing:border-box;max-width:none;margin:0!important;padding:22px 0 0!important;display:block!important;height:auto!important}
body.ipx-plp .ipx-plp-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 14px}
body.ipx-plp .ipx-plp-head__count{display:none;font-family:var(--ipx-font-body);font-size:15px;font-weight:600;color:var(--ipx-grey)}
/* intro: two lines,the rest of the SEO copy stays in the HTML behind "Read more" */
body.ipx-plp .category-description{margin:8px 0 0!important;padding:0!important;max-width:880px}
body.ipx-plp .category-description :is([data-content-type=row],[data-element=inner],[data-content-type=text],[data-content-type=html],.ipatio-clamp__body>div){padding:0!important;margin:0!important}
body.ipx-plp .category-description .ipatio-clamp__body{max-height:50px!important;font-size:15px!important;line-height:1.6!important;color:var(--ipx-ink-2)!important}
body.ipx-plp .category-description .ipatio-clamp__body :is(p,li){font-size:15px!important;line-height:1.6!important;margin:0 0 8px!important;padding:0!important;color:var(--ipx-ink-2)!important;letter-spacing:0!important}
body.ipx-plp .category-description .ipatio-clamp__body::after{height:1.6em!important}
body.ipx-plp .category-description .ipatio-clamp__more{min-height:32px!important;margin:2px 0 0!important;padding:0!important;font-size:14px!important;font-weight:700!important;color:var(--ipx-link)!important}
body.ipx-plp .category-description .ipatio-clamp__more *{color:var(--ipx-link)!important}

/* ---- columns: 264 px sidebar + grid,one 1320 px container ---- */
body.ipx-plp .page-main{padding-top:0!important}
body.ipx-plp .columns{display:grid!important;grid-template-columns:264px minmax(0,1fr);column-gap:36px;align-items:start;margin:22px 0 0!important;padding:0!important}
body.ipx-plp .columns::before,body.ipx-plp .columns::after{display:none!important}
body.ipx-plp .columns>.column.main{grid-column:2;grid-row:1;width:auto!important;max-width:none!important;float:none!important;padding:0!important;margin:0!important;order:0!important}
body.ipx-plp .columns>.sidebar-main{grid-column:1;grid-row:1/span 2;width:auto!important;max-width:none!important;float:none!important;padding:0!important;margin:0!important;order:0!important;position:sticky;top:12px}
body.ipx-plp .columns>.sidebar-additional{display:none!important}
/* "Hide filters",view modes and the "Page #1" marker go */
body.ipx-plp .amtheme-filter-action,body.ipx-plp .toolbar-products .modes,body.ipx-plp .toolbar-products .amtheme-filter-wrap,body.ipx-plp .toolbar-products .toolbar-amount,body.ipx-plp .toolbar-products .sorter-label,body.ipx-plp .toolbar-products .amtheme-select-block,body.ipx-plp .toolbar-products .sorter-action,body.ipx-plp .toolbar-products .pages,body.ipx-plp .toolbar-products .limiter,body.ipx-plp .amscroll-navbar{display:none!important}
body.ipx-plp .amscroll-page-num{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;margin:0!important;padding:0!important;border:0!important}

/* ---- toolbar: count + sort (desktop) ---- */
body.ipx-plp .toolbar-products{display:none!important}
body.ipx-plp .ipx-tb{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;margin:0 0 4px;padding:0 0 12px;border-bottom:1px solid var(--ipx-line)}
body.ipx-plp .ipx-tb__count{margin:0;font-family:var(--ipx-font-body);font-size:15px;font-weight:600;color:var(--ipx-ink)}
body.ipx-plp .ipx-tb__count b{font-weight:700}
body.ipx-plp .ipx-sort{position:relative;display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-family:var(--ipx-font-body);font-size:14px;color:var(--ipx-grey);font-weight:600}
body.ipx-plp .ipx-sort select{appearance:none;-webkit-appearance:none;box-sizing:border-box;height:44px;min-width:190px;margin:0;padding:0 40px 0 16px;border:1.5px solid var(--ipx-line-2);border-radius:var(--ipx-r-pill);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d1b19' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 14px center/16px 16px no-repeat;
  color:var(--ipx-ink);font-family:var(--ipx-font-body);font-size:15px;font-weight:600;cursor:pointer}
body.ipx-plp .ipx-sort select:hover{border-color:var(--ipx-ink)}

/* applied-filter pills */
body.ipx-plp .ipx-applied{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0 4px;padding:0;list-style:none}
body.ipx-plp .ipx-applied li{margin:0!important;padding:0!important}
body.ipx-plp .ipx-applied a.ipx-fpill{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 10px 0 14px;border:1.5px solid var(--ipx-ink);border-radius:var(--ipx-r-pill);background:#fff;color:var(--ipx-ink)!important;
  font-family:var(--ipx-font-body);font-size:14px;font-weight:600;text-decoration:none!important;white-space:nowrap}
body.ipx-plp .ipx-applied a.ipx-fpill span{color:var(--ipx-grey);font-weight:500}
body.ipx-plp .ipx-applied a.ipx-fpill .ipx-i{width:16px;height:16px;padding:2px;border-radius:999px;background:var(--ipx-stone-2);stroke-width:2.4}
body.ipx-plp .ipx-applied a.ipx-fpill:hover{background:var(--ipx-stone)}
body.ipx-plp .ipx-applied a.ipx-clear{display:inline-flex;align-items:center;min-height:36px;padding:0 6px;color:var(--ipx-link)!important;font-family:var(--ipx-font-body);font-size:14px;font-weight:700;text-decoration:underline!important;text-underline-offset:3px}
body.ipx-plp .filter-current,body.ipx-plp .block-actions.filter-actions{display:none!important}

/* ---- sidebar filters ---- */
body.ipx-plp .sidebar-main .block.filter{margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
@media (min-width:768px){body.ipx-plp .sidebar-main .block.filter .block-title.filter-title{display:block!important;margin:0 0 4px!important;padding:6px 0 12px!important;border-bottom:1px solid var(--ipx-line)}}
body.ipx-plp .sidebar-main .block.filter .block-title.filter-title,body.ipx-plp .sidebar-main .block.filter .block-title.filter-title strong{font:700 18px/1.25 var(--ipx-font-head)!important;color:var(--ipx-ink)!important;text-transform:none!important;letter-spacing:0!important;min-height:0!important}
body.ipx-plp .sidebar-main .filter-options{margin:0!important}
body.ipx-plp .sidebar-main .filter-options-item{margin:0!important;padding:0!important;border:0!important;border-bottom:1px solid var(--ipx-line)!important}
body.ipx-plp .sidebar-main .filter-options-title{position:relative;margin:0!important;padding:15px 30px 15px 0!important;font:700 15px/1.3 var(--ipx-font-body)!important;color:var(--ipx-ink)!important;text-transform:none!important;letter-spacing:0!important}
body.ipx-plp .sidebar-main .filter-options-title::after{right:2px!important;color:var(--ipx-ink)!important}
body.ipx-plp :is(.sidebar-main,.amasty-catalog-topnav) .filter-options-content{margin:0!important;padding:0 0 14px!important}
body.ipx-plp :is(.sidebar-main,.amasty-catalog-topnav) .filter-options-content .items{margin:0!important;padding:0!important;max-height:none!important}
body.ipx-plp :is(.sidebar-main,.amasty-catalog-topnav) .filter-options-content .item{position:relative;margin:0!important;padding:0!important;min-height:34px;display:flex;align-items:center}
body.ipx-plp :is(.sidebar-main,.amasty-catalog-topnav) .filter-options-content .item>a{display:flex!important;align-items:center;gap:6px;width:100%;min-height:34px;padding:0 0 0 30px!important;margin:0!important;color:var(--ipx-ink)!important;font:500 14px/1.3 var(--ipx-font-body)!important;text-decoration:none!important;letter-spacing:0!important}
body.ipx-plp :is(.sidebar-main,.amasty-catalog-topnav) .filter-options-content .item>a .count{margin-left:auto;color:var(--ipx-grey)!important;font-size:13px!important;font-weight:500!important}
body.ipx-plp :is(.sidebar-main,.amasty-catalog-topnav) .filter-options-content .item>a .count::before,body.ipx-plp :is(.sidebar-main,.amasty-catalog-topnav) .filter-options-content .item>a .count::after{content:none!important}
body.ipx-plp :is(.sidebar-main,.amasty-catalog-topnav) .filter-options-content .item>a .filter-count-label{display:none!important}
body.ipx-plp :is(.sidebar-main,.amasty-catalog-topnav) .filter-options-content .item>:is(input,.amshopby-choice){position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none;margin:0!important}
body.ipx-plp :is(.sidebar-main,.amasty-catalog-topnav) .filter-options-content .item>.amshopby-choice{display:none!important}
body.ipx-plp :is(.sidebar-main,.amasty-catalog-topnav) .filter-options-content .items:not(.-am-multiselect) .item>a{padding-left:0!important}
/* multi-select options: our own 18 px checkbox drawn on the link (checked = ink + white tick) */
body.ipx-plp :is(.sidebar-main,.amasty-catalog-topnav) .filter-options-content .items.-am-multiselect .item>a::before{content:"";position:absolute;left:0;top:50%;width:18px;height:18px;margin-top:-9px;box-sizing:border-box;border:1.5px solid var(--ipx-ink-2);border-radius:5px;background:#fff}
body.ipx-plp :is(.sidebar-main,.amasty-catalog-topnav) .filter-options-content .items.-am-multiselect .item>a.amshopby-link-selected::before{background:var(--ipx-ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/13px 13px no-repeat;border-color:var(--ipx-ink)}
body.ipx-plp :is(.sidebar-main,.amasty-catalog-topnav) .filter-options-content .items.-am-multiselect .item>a:hover::before{border-color:var(--ipx-ink)}
body.ipx-plp :is(.sidebar-main,.amasty-catalog-topnav) .filter-options-content .item>a.amshopby-link-selected{font-weight:700!important}
body.ipx-plp :is(.sidebar-main,.amasty-catalog-topnav) .amshopby-search-box{margin:0 0 8px!important}
body.ipx-plp :is(.sidebar-main,.amasty-catalog-topnav) .amshopby-search-box input{box-sizing:border-box;width:100%!important;height:40px!important;margin:0!important;padding:0 12px!important;border:1.5px solid var(--ipx-line-2)!important;border-radius:var(--ipx-r-sm)!important;font:500 14px var(--ipx-font-body)!important;color:var(--ipx-ink)!important;background:#fff!important}
body.ipx-plp :is(.sidebar-main,.amasty-catalog-topnav) .am-show-more{display:inline-flex!important;align-items:center;min-height:36px;margin:2px 0 0!important;padding:0!important;color:var(--ipx-link)!important;font:700 14px var(--ipx-font-body)!important;letter-spacing:0!important;text-decoration:underline;text-underline-offset:3px}
body.ipx-plp :is(.sidebar-main,.amasty-catalog-topnav) .am-show-more *{color:var(--ipx-link)!important;font-weight:700!important;font-size:14px!important}
body.ipx-plp :is(.sidebar-main,.amasty-catalog-topnav) .am-show-more .am-counter{color:inherit!important;opacity:1!important}
body.ipx-plp :is(.sidebar-main,.amasty-catalog-topnav) .am-show-more::before,body.ipx-plp :is(.sidebar-main,.amasty-catalog-topnav) .am-show-more::after{display:none!important}
body.ipx-plp :is(.sidebar-main,.amasty-catalog-topnav) .amshopby-slider-wrapper,body.ipx-plp :is(.sidebar-main,.amasty-catalog-topnav) .am-fromto-widget{font-family:var(--ipx-font-body)!important}
body.ipx-plp .sidebar-main .amtheme-close{display:none!important}

/* brand options (logo swatches): logo tile, name, count on the right — same row as the other options */
body.ipx-plp :is(.sidebar-main,.amasty-catalog-topnav) .filter-options-content .am-swatch-options{display:block!important;margin:0!important}
body.ipx-plp :is(.sidebar-main,.amasty-catalog-topnav) .filter-options-content .am-swatch-wrapper{display:block!important;float:none!important;width:auto!important;margin:0!important;padding:0!important}
body.ipx-plp :is(.sidebar-main,.amasty-catalog-topnav) .filter-options-content .am-swatch-wrapper>input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none}
body.ipx-plp :is(.sidebar-main,.amasty-catalog-topnav) .filter-options-content a.am-swatch-link{display:flex!important;align-items:center;gap:10px;min-height:38px;margin:0!important;padding:0!important;color:var(--ipx-ink)!important;text-decoration:none!important}
body.ipx-plp :is(.sidebar-main,.amasty-catalog-topnav) .filter-options-content a.am-swatch-link .swatch-option{box-sizing:border-box;flex:none;float:none!important;width:44px!important;height:30px!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important;
  border:1px solid var(--ipx-line)!important;border-radius:7px!important;background-color:#fff!important;background-origin:content-box!important;padding:2px 3px!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;outline:0!important;box-shadow:none!important}
body.ipx-plp :is(.sidebar-main,.amasty-catalog-topnav) .filter-options-content a.am-swatch-link .am-shopby-swatch-label{display:flex!important;align-items:center;flex:1;min-width:0;gap:6px;margin:0!important;padding:0!important;max-width:none!important}
body.ipx-plp :is(.sidebar-main,.amasty-catalog-topnav) .filter-options-content a.am-swatch-link .am-shopby-swatch-label .label{font:500 14px/1.3 var(--ipx-font-body)!important;color:var(--ipx-ink)!important;white-space:normal}
body.ipx-plp :is(.sidebar-main,.amasty-catalog-topnav) .filter-options-content a.am-swatch-link .am-shopby-swatch-label .count{margin-left:auto;color:var(--ipx-grey)!important;font:500 13px/1.3 var(--ipx-font-body)!important}
body.ipx-plp :is(.sidebar-main,.amasty-catalog-topnav) .filter-options-content a.am-swatch-link .am-shopby-swatch-label .count::before,body.ipx-plp :is(.sidebar-main,.amasty-catalog-topnav) .filter-options-content a.am-swatch-link .am-shopby-swatch-label .count::after,body.ipx-plp :is(.sidebar-main,.amasty-catalog-topnav) .filter-options-content a.am-swatch-link .filter-count-label{content:none!important;display:none!important}
body.ipx-plp :is(.sidebar-main,.amasty-catalog-topnav) .filter-options-content a.am-swatch-link:hover .swatch-option{border-color:var(--ipx-ink)!important}
body.ipx-plp :is(.sidebar-main,.amasty-catalog-topnav) .filter-options-content a.am-swatch-link:is(.amshopby-link-selected,:has(.swatch-option.selected)) .swatch-option{border:2px solid var(--ipx-ink)!important}
body.ipx-plp :is(.sidebar-main,.amasty-catalog-topnav) .filter-options-content a.am-swatch-link:is(.amshopby-link-selected,:has(.swatch-option.selected)) .label{font-weight:700!important}
body.ipx-plp :is(.sidebar-main,.amasty-catalog-topnav) .am-show-more.-disabled{display:none!important}

/* ---- top filter bar (desktop, owner 2026-10-13): the most-used filters as chips that open a card; the sidebar keeps
   the full list. Amasty's placement (filter "Show in": top / both) decides which filters appear; phones use the sheet. ---- */
body.ipx-plp .amasty-catalog-topnav{margin:0 0 14px!important;padding:0!important;border:0!important;background:none!important}
body.ipx-plp .amasty-catalog-topnav .block.filter{margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
body.ipx-plp .amasty-catalog-topnav .filter-options{display:flex!important;flex-wrap:wrap;gap:8px;margin:0!important;padding:0!important}
body.ipx-plp .amasty-catalog-topnav .filter-options-item{position:relative;margin:0!important;padding:0!important;border:0!important;float:none!important}
body.ipx-plp .amasty-catalog-topnav .filter-options-item .filter-options-title{box-sizing:border-box;display:inline-flex!important;align-items:center;gap:8px;min-height:40px;margin:0!important;padding:0 14px 0 16px!important;
  border:1.5px solid var(--ipx-line-2);border-radius:var(--ipx-r-pill);background:#fff;color:var(--ipx-ink)!important;font:600 14px/1.2 var(--ipx-font-body)!important;
  text-transform:none!important;letter-spacing:0!important;white-space:nowrap;cursor:pointer;transition:border-color .15s var(--ipx-ease),background-color .15s var(--ipx-ease)}
body.ipx-plp .amasty-catalog-topnav .filter-options-item .filter-options-title::after{content:""!important;display:block!important;position:static!important;width:14px;height:14px;margin:0!important;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d1b19' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat center/14px;font-size:0!important;transform:none;transition:transform .2s var(--ipx-ease)}
body.ipx-plp .amasty-catalog-topnav .filter-options-item .filter-options-title:hover{border-color:var(--ipx-ink)}
body.ipx-plp .amasty-catalog-topnav .filter-options-item.-active .filter-options-title{border-color:var(--ipx-ink);background:var(--ipx-stone)}
body.ipx-plp .amasty-catalog-topnav .filter-options-item.-active .filter-options-title::after{transform:rotate(180deg)!important}
/* a group with a chosen value: ink outline + bold, like the applied-filter pills */
body.ipx-plp .amasty-catalog-topnav .filter-options-item:has(.amshopby-link-selected,.am-swatch-link.amshopby-link-selected,input:checked) .filter-options-title{border-color:var(--ipx-ink);font-weight:700!important}
body.ipx-plp .amasty-catalog-topnav .filter-options-title:focus-visible{outline:2px solid var(--ipx-ink);outline-offset:2px;box-shadow:0 0 0 4px #fff}
/* the card */
body.ipx-plp .amasty-catalog-topnav.catalog-topnav .filter-options .filter-options-content{box-sizing:border-box;position:absolute!important;top:calc(100% + 8px)!important;left:0!important;z-index:231;
  min-width:260px;max-width:340px;max-height:min(440px,62vh);overflow:auto;margin:0!important;padding:12px 16px 10px!important;background:#fff!important;
  border:1px solid var(--ipx-line)!important;border-radius:var(--ipx-r-md)!important;box-shadow:var(--ipx-sh-2)!important}
body.ipx-plp .amasty-catalog-topnav .filter-options-item:nth-last-child(-n+2) .filter-options-content{left:auto!important;right:0!important}
body.ipx-plp .amasty-catalog-topnav .block-title,body.ipx-plp .amasty-catalog-topnav .block-subtitle,body.ipx-plp .amasty-catalog-topnav .amtheme-close{display:none!important}

/* ---- grid ---- */
body.ipx-plp .products.wrapper.grid{margin:16px 0 0!important;padding:0!important}
body.ipx-plp .products.wrapper.grid ol.product-items{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px;margin:0!important;padding:0!important;width:auto!important}
body.ipx-plp .products.wrapper.grid ol.product-items::before,body.ipx-plp .products.wrapper.grid ol.product-items::after{display:none!important}
body.ipx-plp .products.wrapper.grid li.product-item{width:auto!important;max-width:none!important;margin:0!important;padding:0!important;float:none!important;display:flex!important;min-width:0}

/* ---- product card ---- */
body.ipx-plp .ipx-pc .product-item-info{position:relative;display:flex!important;flex-direction:column;width:100%!important;height:100%!important;margin:0!important;padding:0!important;
  background:#fff!important;border:1px solid var(--ipx-line)!important;border-radius:var(--ipx-r-md)!important;box-shadow:var(--ipx-sh-1)!important;overflow:hidden;transform:none!important;transition:box-shadow .2s var(--ipx-ease),border-color .2s var(--ipx-ease)}
body.ipx-plp .ipx-pc .product-item-info::before,body.ipx-plp .ipx-pc .product-item-info::after{display:none!important}
body.ipx-plp .ipx-pc:is(:hover,.-ipx-hover) .product-item-info{box-shadow:var(--ipx-sh-2)!important;border-color:var(--ipx-line-2)!important}
/* stone image tile */
body.ipx-plp .ipx-pc .product-photo-wrapper{position:relative!important;display:block!important;margin:0!important;padding:0!important;background:var(--ipx-stone)!important;aspect-ratio:1/1;overflow:hidden;border-radius:0!important;height:auto!important;min-height:0!important}
body.ipx-plp .ipx-pc .product-item-photo{display:block!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;background:none!important}
body.ipx-plp .ipx-pc .product-image-container{display:block!important;width:100%!important;max-width:none!important;height:100%!important}
body.ipx-plp .ipx-pc .product-image-wrapper{position:relative!important;display:block!important;height:100%!important;padding:0!important;background:none!important;overflow:hidden}
body.ipx-plp .ipx-pc .product-image-photo{position:absolute!important;inset:7%!important;width:86%!important;height:86%!important;max-width:none!important;margin:0!important;object-fit:contain!important;mix-blend-mode:multiply;transition:transform .45s var(--ipx-ease)}
body.ipx-plp .ipx-pc .product-image-photo.-ipx-photo{inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;mix-blend-mode:normal}
body.ipx-plp .ipx-pc:is(:hover,.-ipx-hover) .product-image-photo{transform:scale(1.035)}
body.ipx-plp .ipx-pc .hover-images-slider,body.ipx-plp .ipx-pc .product-reviews-summary,body.ipx-plp .ipx-pc .product-item-description,body.ipx-plp .ipx-pc .amtheme-product-swatches,body.ipx-plp .ipx-pc .swatch-attribute{display:none!important}
/* stock pill (real Amasty stock label text, rewritten as text) */
body.ipx-plp .ipx-pc .ipx-pc__flags{position:absolute;left:12px;top:12px;z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:6px;pointer-events:none}
body.ipx-plp .ipx-pc .ipx-pc__flags .ipx-pill{background:#fff;color:var(--ipx-ink);border:1px solid var(--ipx-line-2);box-shadow:var(--ipx-sh-1)}
/* wishlist heart top-right (44 px hit area),compare under it on mouse hover only */
body.ipx-plp .ipx-pc .amtheme-icons-position{position:absolute!important;z-index:3;margin:0!important;padding:0!important;display:flex!important;flex-direction:column;gap:6px;width:auto!important;height:auto!important;inset:auto!important}
body.ipx-plp .ipx-pc .amtheme-icons-position.-bottom-right{top:8px!important;right:8px!important}
body.ipx-plp .ipx-pc .amtheme-icons-position.-bottom-left{top:56px!important;right:8px!important;opacity:0;transition:opacity .2s}
body.ipx-plp .ipx-pc:is(:hover,.-ipx-hover) .amtheme-icons-position.-bottom-left{opacity:1}
body.ipx-plp .ipx-pc .amtheme-icon-wrapper{margin:0!important;padding:0!important;position:static!important}
body.ipx-plp .ipx-pc .amtheme-circle-icon{box-sizing:border-box!important;display:flex!important;align-items:center;justify-content:center;position:relative;width:40px!important;height:40px!important;margin:2px!important;padding:0!important;border-radius:999px!important;background:#fff!important;border:1px solid var(--ipx-line)!important;box-shadow:var(--ipx-sh-1)!important;opacity:1!important}
body.ipx-plp .ipx-pc .amtheme-circle-icon::after{content:"";position:absolute;inset:-2px}
body.ipx-plp .ipx-pc .amtheme-circle-icon svg{width:19px!important;height:19px!important;fill:var(--ipx-ink)!important;stroke:none}
body.ipx-plp .ipx-pc .amtheme-circle-icon:hover{border-color:var(--ipx-ink)!important}
/* details */
body.ipx-plp .ipx-pc .product-item-details{display:flex!important;flex-direction:column;flex:1 1 auto;gap:0;margin:0!important;padding:14px 16px 16px!important;min-height:0!important;text-align:left!important;background:#fff!important}
body.ipx-plp .ipx-pc .ipx-pc__brand{margin:0 0 3px;font-family:var(--ipx-font-body);font-size:12px;font-weight:700;line-height:1.3;color:var(--ipx-grey);text-transform:uppercase;letter-spacing:.06em!important}
body.ipx-plp .ipx-pc .product-item-name{display:block!important;margin:0!important;padding:0!important;height:auto!important;max-height:none!important;min-height:0!important;text-transform:none!important}
body.ipx-plp .ipx-pc .product-item-name .product-item-link{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:none!important;height:auto!important;
  font:600 16px/1.35 var(--ipx-font-body)!important;color:var(--ipx-ink)!important;text-transform:none!important;text-decoration:none!important;letter-spacing:0!important;white-space:normal!important;word-break:normal!important}
body.ipx-plp .ipx-pc .product-item-name .product-item-link:hover{text-decoration:underline!important;text-underline-offset:3px}
body.ipx-plp .ipx-pc .ipx-pc__spec{margin:6px 0 0;font-family:var(--ipx-font-body);font-size:13px;font-weight:500;line-height:1.45;color:var(--ipx-grey)}
body.ipx-plp .ipx-pc .ipx-pc__spec i{font-style:normal;margin:0 2px;color:var(--ipx-grey-2)}
body.ipx-plp .ipx-pc .ipx-pc__spec span{white-space:nowrap}
body.ipx-plp .ipx-pc .ipx-pc__buy{margin-top:auto;padding-top:14px}
body.ipx-plp .ipx-pc .price-box{display:flex!important;flex-direction:row!important;flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin:0!important;padding:0!important;text-align:left!important}
body.ipx-plp .ipx-pc .price-box .price-label{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important}
body.ipx-plp .ipx-pc .price-box :is(.special-price,.old-price,.price-container,.price-wrapper){display:inline!important;width:auto!important;margin:0!important;padding:0!important;float:none!important}
body.ipx-plp .ipx-pc .price-box .price{font-family:var(--ipx-font-body)!important;font-variant-numeric:tabular-nums;letter-spacing:0!important}
body.ipx-plp .ipx-pc .price-box :is(.special-price,.price-final_price:not(.old-price *)) .price,body.ipx-plp .ipx-pc .price-box>.price-container .price{font-size:21px!important;font-weight:700!important;color:var(--ipx-ink)!important;line-height:1.2!important}
body.ipx-plp .ipx-pc .price-box .old-price .price{font-size:14px!important;font-weight:500!important;color:var(--ipx-grey)!important;text-decoration:line-through!important;text-decoration-thickness:1px!important}
body.ipx-plp .ipx-pc .price-box .old-price{text-decoration:none!important}
body.ipx-plp .ipx-pc .ipx-pc__save{display:flex;flex:0 0 100%;margin:4px 0 0}
body.ipx-plp .ipx-pc .ipx-pc__ship{display:flex;align-items:center;gap:7px;margin:10px 0 0;font-family:var(--ipx-font-body);font-size:13px;font-weight:600;line-height:1.3;color:var(--ipx-ink-2)}
body.ipx-plp .ipx-pc .ipx-pc__ship .ipx-i{width:17px;height:17px;color:var(--ipx-grey)}
body.ipx-plp .ipx-pc .ipx-pc__ship.-free{color:var(--ipx-green-deep)}
body.ipx-plp .ipx-pc .ipx-pc__ship.-free .ipx-i{color:var(--ipx-green-deep)}
/* Add to Cart: desktop = on mouse hover,over the bottom of the image tile (no layout shift); phones = always,full width */
body.ipx-plp .ipx-pc .product-item-inner{position:static!important;display:block!important;margin:0!important;padding:0 16px 16px!important;background:none!important;border:0!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important;transform:none!important}
body.ipx-plp .ipx-pc .product-item-actions{display:block!important;margin:0!important;padding:0!important;opacity:1!important;visibility:visible!important;position:static!important;transform:none!important}
body.ipx-plp .ipx-pc .actions-primary{display:block!important;width:100%!important;margin:0!important;padding:0!important}
body.ipx-plp .ipx-pc .actions-primary form{margin:0!important}
body.ipx-plp .ipx-pc button.action.tocart{box-sizing:border-box!important;display:flex!important;align-items:center;justify-content:center;gap:8px;width:100%!important;min-height:44px!important;height:44px!important;margin:0!important;padding:0 16px!important;
  border:0!important;border-radius:var(--ipx-r-sm)!important;background:var(--ipx-orange)!important;color:var(--ipx-ink)!important;font:700 15px/1 var(--ipx-font-body)!important;letter-spacing:0!important;text-transform:none!important;box-shadow:var(--ipx-sh-1)!important}
body.ipx-plp .ipx-pc button.action.tocart:hover{background:var(--ipx-orange-hover)!important}
body.ipx-plp .ipx-pc button.action.tocart *{color:var(--ipx-ink)!important;font:inherit!important;letter-spacing:0!important;text-transform:none!important}
body.ipx-plp .ipx-pc button.action.tocart .ipx-i{width:18px;height:18px}
@media (hover:hover) and (pointer:fine) and (min-width:1024px){
  body.ipx-plp .ipx-pc .product-item-info>.product-item-inner{position:absolute!important;top:calc(100cqw - 56px)!important;bottom:auto!important;width:auto!important;left:12px!important;right:12px!important;z-index:4;padding:0!important;opacity:0!important;transform:translateY(8px)!important;transition:opacity .2s var(--ipx-ease),transform .2s var(--ipx-ease);pointer-events:none}
  body.ipx-plp .ipx-pc:is(:hover,.-ipx-hover,:focus-within) .product-item-info>.product-item-inner{opacity:1!important;transform:none!important;pointer-events:auto}
  body.ipx-plp .ipx-pc button.action.tocart{box-shadow:var(--ipx-sh-2)!important}
}

/* ---- Load more (replaces automatic infinite scroll; "Page #1" marker kept for screen readers) ---- */
body.ipx-plp .ipx-lmore{display:flex;flex-direction:column;align-items:center;gap:12px;margin:40px auto 8px;max-width:360px;text-align:center}
body.ipx-plp .ipx-lmore__text{margin:0;font-family:var(--ipx-font-body);font-size:14px;font-weight:600;color:var(--ipx-grey)}
body.ipx-plp .ipx-lmore__bar{width:220px;height:4px;border-radius:999px;background:var(--ipx-line);overflow:hidden}
body.ipx-plp .ipx-lmore__bar span{display:block;height:100%;border-radius:999px;background:var(--ipx-green-deep)}
body.ipx-plp .ipx-lmore .ipx-btn{min-width:240px}

/* ---- phone sticky "Filters · Sort" bar (built in the page; hidden on desktop) ---- */
body.ipx-plp .ipx-pbar{display:none}

/* ---- tablet: 2 columns + drawer filters ---- */
@media (max-width:1023px){
  body.ipx-plp .columns{grid-template-columns:minmax(0,1fr)}
  body.ipx-plp .columns>.column.main{grid-column:1}
  body.ipx-plp .columns>.sidebar-main{position:static}
}

/* ---- phone ---- */
@media (max-width:767px){
  body.ipx-plp .breadcrumbs{display:none!important}
  body.ipx-plp .category-view .ipatio-size-links{margin:10px auto 4px!important}
  body.ipx-plp .wrapper-description{padding:14px 0 0!important}
  body.ipx-plp .ipx-plp-head{gap:2px 10px}
  body.ipx-plp .ipx-plp-head__count{display:inline;font-size:14px}
  body.ipx-plp .category-description{margin:6px 0 0!important}
  body.ipx-plp .category-description .ipatio-clamp__body{max-height:74px!important}
  body.ipx-plp .category-description .ipatio-clamp__body :is(p,li){font-size:15px!important}
  body.ipx-plp .category-description .ipatio-clamp__more{min-height:44px!important}
  body.ipx-plp .columns{display:block!important}
  body.ipx-plp .ipx-tb{display:none}
  /* sticky bar: two 44 px buttons; JetTheme's filter drawer opens from "Filters" */
  body.ipx-plp .ipx-pbar{position:sticky;top:0;z-index:50;display:flex;gap:10px;margin:4px calc(-1 * var(--ipx-gutter)) 0;padding:10px var(--ipx-gutter);background:#fff;border-bottom:1px solid var(--ipx-line)}
  body.ipx-plp .ipx-pbar.-stuck{box-shadow:0 6px 14px rgba(29,27,25,.08)}
  body.ipx-plp .ipx-pbar>*{flex:1 1 0;min-width:0}
  body.ipx-plp .ipx-pbar__btn{position:relative;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:8px;height:44px;margin:0;padding:0 12px;border:1.5px solid var(--ipx-ink);border-radius:var(--ipx-r-pill);background:#fff;
    color:var(--ipx-ink);font:700 15px/1 var(--ipx-font-body);letter-spacing:0;text-transform:none;white-space:nowrap;overflow:hidden;box-shadow:none;cursor:pointer}
  body.ipx-plp .ipx-pbar__btn .ipx-i{width:18px;height:18px;flex:none}
  body.ipx-plp .ipx-pbar__btn b{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--ipx-ink);color:#fff;font-size:12px}
  body.ipx-plp .ipx-pbar__btn em{font-style:normal;font-weight:500;color:var(--ipx-grey);overflow:hidden;text-overflow:ellipsis}
  body.ipx-plp .ipx-pbar__btn select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:16px}
  body.ipx-plp .ipx-applied{margin:12px 0 0}
  body.ipx-plp .ipx-applied a.ipx-fpill{min-height:40px;font-size:14px}
  body.ipx-plp .products.wrapper.grid{margin:14px 0 0!important}
  body.ipx-plp .products.wrapper.grid ol.product-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}
  body.ipx-plp .ipx-pc .product-item-details{padding:10px 10px 12px!important}
  body.ipx-plp .ipx-pc .ipx-pc__brand{font-size:11px;margin:0 0 2px}
  body.ipx-plp .ipx-pc .product-item-name .product-item-link{-webkit-line-clamp:3;font-size:14px!important;line-height:1.35!important}
  body.ipx-plp .ipx-pc .ipx-pc__spec{font-size:12px;margin-top:4px;line-height:1.4}
  body.ipx-plp .ipx-pc .ipx-pc__spec i{margin:0 1px}
  body.ipx-plp .ipx-pc .ipx-pc__buy{padding-top:10px}
  body.ipx-plp .ipx-pc .price-box{gap:0 8px}
  body.ipx-plp .ipx-pc .price-box :is(.special-price,.price-final_price:not(.old-price *)) .price,body.ipx-plp .ipx-pc .price-box>.price-container .price{font-size:18px!important}
  body.ipx-plp .ipx-pc .price-box .old-price .price{font-size:12.5px!important}
  body.ipx-plp .ipx-pc .ipx-pc__save{flex:0 1 auto;margin:0}
  body.ipx-plp .ipx-pc .price-box{row-gap:4px!important;column-gap:6px!important}
  body.ipx-plp .ipx-pc .price-box>.special-price,body.ipx-plp .ipx-pc .price-box>.price-container:first-child{flex:0 0 100%}
  body.ipx-plp .ipx-pc .ipx-pc__spec span{white-space:normal}
  html:lang(zh) body.ipx-plp .ipx-pc__spec span{white-space:nowrap}
  body.ipx-plp .ipx-pc .ipx-pc__save .ipx-pill{font-size:11px;padding:3px 7px;min-height:22px}
  body.ipx-plp .ipx-pc .ipx-pc__ship{font-size:12px;gap:5px;margin-top:8px}
  body.ipx-plp .ipx-pc .ipx-pc__ship .ipx-i{width:15px;height:15px}
  body.ipx-plp .ipx-pc .product-item-inner{padding:0 10px 12px!important}
  body.ipx-plp .ipx-pc button.action.tocart{font-size:14px!important;padding:0 8px!important}
  body.ipx-plp .ipx-pc button.action.tocart .ipx-i{display:none}
  body.ipx-plp .ipx-pc .ipx-pc__flags{left:8px;top:8px}
  body.ipx-plp .ipx-pc .ipx-pc__flags .ipx-pill{font-size:11px;padding:2px 8px;min-height:22px}
  body.ipx-plp .ipx-pc .amtheme-icons-position.-bottom-right{top:4px!important;right:4px!important}
  body.ipx-plp .ipx-pc .amtheme-icons-position.-bottom-left{display:none!important}
  body.ipx-plp .ipx-pc .amtheme-circle-icon{width:36px!important;height:36px!important;margin:4px!important}
  body.ipx-plp .ipx-pc .amtheme-circle-icon::after{inset:-4px}
  /* filter sheet: JetTheme's drawer (.filter-content, opened by "Filters") as a full-screen sheet over the cards
     (Amasty Label gives cards z-index 996),sticky header + close,sticky footer "Clear all" / "Show N products" */
  body.ipx-plp.filter-active .sidebar-main .block-content.filter-content{position:fixed!important;inset:0!important;width:auto!important;height:auto!important;max-width:none!important;z-index:1300!important;
    margin:0!important;padding:68px 16px 104px!important;background:#fff!important;box-shadow:none!important;transform:none!important;overflow-y:auto!important;overscroll-behavior:contain}
  body.ipx-plp.filter-active .sidebar-main .filter-subtitle{position:fixed!important;left:0!important;right:0!important;top:0!important;z-index:1301!important;display:flex!important;align-items:center;width:auto!important;height:60px!important;margin:0!important;padding:0 64px 0 16px!important;
    background:#fff!important;border-bottom:1px solid var(--ipx-line)!important;font:700 19px/1.2 var(--ipx-font-head)!important;color:var(--ipx-ink)!important;text-transform:none!important;letter-spacing:0!important}
  body.ipx-plp .ipx-fsheet-close,body.ipx-plp .ipx-fsheet-foot{display:none}
  body.ipx-plp.filter-active .ipx-fsheet-close{position:fixed;top:8px;right:8px;z-index:1302;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:999px;background:var(--ipx-stone);color:var(--ipx-ink);box-shadow:none;cursor:pointer}
  body.ipx-plp.filter-active .ipx-fsheet-close .ipx-i{width:20px;height:20px}
  body.ipx-plp.filter-active .ipx-fsheet-foot{position:fixed;left:0;right:0;bottom:0;z-index:1302;display:flex;gap:10px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--ipx-line);box-shadow:0 -6px 16px rgba(29,27,25,.08)}
  body.ipx-plp .ipx-fsheet-foot .ipx-btn{flex:1 1 0;min-width:0}
  body.ipx-plp .ipx-fsheet-foot .ipx-btn.-secondary{flex:0 0 auto}
  body.ipx-plp.filter-active .ipcs-launcher,body.ipx-plp.filter-active .amtheme-backtotop-wrap,body.ipx-plp.filter-active .ipx-pbar{visibility:hidden!important}
  body.ipx-plp .ipx-lmore{margin:32px auto 8px}
  body.ipx-plp .ipx-lmore .ipx-btn{width:100%}
}

/* the old card's reserved 3-line name (uiux-fix PLP-03) is not needed: the buy block sits at the bottom of every card */
body.ipx-plp .products-grid .product-items .ipx-pc .product-item-name{min-height:0!important}

/* Load more: Amasty Infinite Scroll's own button (amasty_scroll/general/loading = button), restyled, with
   "Showing 24 of 104 products" + a progress bar above it (plp.js) */
body.ipx-plp .ipx-lmore-info{display:flex;flex-direction:column;align-items:center;gap:12px;margin:40px auto 14px;max-width:360px;text-align:center}
body.ipx-plp .ipx-lmore__text{margin:0;font:600 14px/1.4 var(--ipx-font-body);color:var(--ipx-grey);letter-spacing:0}
body.ipx-plp .ipx-lmore__bar{width:220px;height:4px;border-radius:999px;background:var(--ipx-line);overflow:hidden}
body.ipx-plp .ipx-lmore__bar span{display:block;height:100%;border-radius:999px;background:var(--ipx-green-deep);transition:width .3s var(--ipx-ease)}
body.ipx-plp button.amscroll-load-button{box-sizing:border-box;display:flex!important;align-items:center;justify-content:center;min-width:240px;min-height:52px;margin:0 auto 8px!important;padding:0 28px!important;
  border:1.5px solid var(--ipx-ink)!important;border-radius:var(--ipx-r-sm)!important;background:#fff!important;color:var(--ipx-ink)!important;font:700 16px/1.1 var(--ipx-font-body)!important;letter-spacing:0!important;text-transform:none!important;box-shadow:none!important;cursor:pointer}
body.ipx-plp button.amscroll-load-button:hover{background:var(--ipx-stone)!important}
body.ipx-plp button.amscroll-load-button *{color:var(--ipx-ink)!important;font:inherit!important;letter-spacing:0!important;text-transform:none!important}
body.ipx-plp button.amscroll-load-button[amscroll_type="before"]{margin:0 auto 18px!important}
@media (max-width:767px){
  body.ipx-plp .ipx-lmore-info{margin:32px auto 12px}
  body.ipx-plp button.amscroll-load-button{width:100%}
  /* the sheet's footer stands in for Amasty's floating Apply button (it presses it, plp.js) */
  body.ipx-plp.filter-active .am_shopby_apply_filters{display:none!important}
}

/* sold out: no Add to Cart, so the stock line sits in the card under the price (not in the hover slot over the photo) */
body.ipx-plp .ipx-pc.-oos .product-item-info>.product-item-inner{position:static!important;opacity:1!important;transform:none!important;pointer-events:auto!important;padding:0 16px 16px!important}
@media (max-width:767px){body.ipx-plp .ipx-pc.-oos .product-item-info>.product-item-inner{padding:0 10px 12px!important}}

/* keyboard focus: the site's ink ring (the phone bar's sort is a select laid over its label) */
body.ipx-plp .ipx-pbar__btn:focus-visible,body.ipx-plp .ipx-pbar__btn:has(select:focus-visible),
body.ipx-plp .ipx-sort select:focus-visible,body.ipx-plp .ipx-applied a:focus-visible,
body.ipx-plp .ipx-fsheet-close:focus-visible,body.ipx-plp .ipx-fsheet-foot .ipx-btn:focus-visible,
body.ipx-plp button.amscroll-load-button:focus-visible{outline:3px solid var(--ipx-ink)!important;outline-offset:2px!important;box-shadow:0 0 0 5px #fff!important}
body.ipx-plp .ipx-fsheet-foot [hidden]{display:none!important}

/* ---- search results (owner 2026-10-13). Three different jobs, three different looks:
   related searches = plain links with a magnifier (another search), result tabs = an underlined tab bar (another view
   of these results), filters stay the only rounded chips. The other tabs' results: category cards (name under a quiet
   trail), brand tiles, idea / question rows (templates/search/tab-result.phtml). ---- */
body.ipx-plp .page-title-wrapper.amtheme-title-search{margin:0 0 10px!important;padding:0!important;text-align:left!important}
body.ipx-plp .amtheme-title-search .amtheme-title{margin:0!important;padding:0!important;font:700 var(--ipx-fs-h1)/1.15 var(--ipx-font-head)!important;color:var(--ipx-ink)!important;text-transform:none!important;letter-spacing:0!important;text-align:left!important}
body.ipx-plp .amtheme-title-search .amtheme-label{display:block;margin:0 0 4px!important;font:600 15px/1.3 var(--ipx-font-body)!important;color:var(--ipx-grey)!important;text-transform:none!important;letter-spacing:0!important}
/* related searches: a quiet line of suggestions (regular weight, body colour, grey magnifier; link colour on hover) */
body.ipx-plp .amsearch-related-terms{display:flex!important;flex-wrap:wrap;align-items:baseline;gap:4px 18px;margin:0 0 22px!important;padding:0!important;border:0!important;background:none!important}
body.ipx-plp .amsearch-related-terms .amsearch-block-header{flex:0 0 auto;margin:0!important;padding:0!important;border:0!important;background:none!important;pointer-events:none}
body.ipx-plp .amsearch-related-terms .amsearch-block-header::before,body.ipx-plp .amsearch-related-terms .amsearch-block-header::after{content:none!important;display:none!important}
body.ipx-plp .amsearch-related-terms .amsearch-title{font:500 14px/1.4 var(--ipx-font-body)!important;color:var(--ipx-grey)!important;text-transform:none!important;letter-spacing:0!important}
body.ipx-plp .amsearch-related-terms .amsearch-item{position:relative;display:inline-block!important;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0!important;padding:0 0 0 19px!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:none!important;color:var(--ipx-ink-2)!important;font:500 14px/1.6 var(--ipx-font-body)!important;text-decoration:none!important;text-transform:none!important;letter-spacing:0!important;transition:color .15s var(--ipx-ease)}
body.ipx-plp .amsearch-related-terms .amsearch-item::before{content:"";position:absolute;left:0;top:50%;width:13px;height:13px;margin-top:-6.5px;background:var(--ipx-grey);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m20 20-4.8-4.8'/%3E%3C/svg%3E") center/14px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m20 20-4.8-4.8'/%3E%3C/svg%3E") center/14px no-repeat}
body.ipx-plp .amsearch-related-terms .amsearch-item:hover{box-shadow:none!important;background:none!important;color:var(--ipx-link)!important;text-decoration:underline!important;text-underline-offset:3px}
body.ipx-plp .amsearch-related-terms .amsearch-item:hover::before{background:var(--ipx-link)}
body.ipx-plp .amsearch-related-terms .amsearch-item:focus-visible{outline:2px solid var(--ipx-ink);outline-offset:2px;border-radius:2px}
/* result tabs: an underlined tab bar; the panel's top rule runs under every tab */
body.ipx-plp .amsearch-result-tabs{display:flex!important;flex-wrap:wrap;align-items:flex-end;gap:0 26px;margin:0!important;padding:0!important;border:0!important;background:none!important}
body.ipx-plp .amsearch-result-tabs::before,body.ipx-plp .amsearch-result-tabs::after{display:none!important}
body.ipx-plp .amsearch-result-tabs>.data.item.title{position:relative;z-index:1;order:0;float:none!important;width:auto!important;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
body.ipx-plp .amsearch-result-tabs>.data.item.title>.data.switch{display:inline-flex!important;align-items:baseline;gap:6px;height:auto!important;margin:0!important;padding:10px 0 11px!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:inset 0 -3px 0 transparent;color:var(--ipx-ink-2)!important;font:600 15px/1.3 var(--ipx-font-body)!important;text-decoration:none!important;text-transform:none!important;letter-spacing:0!important;white-space:nowrap;transition:box-shadow .15s var(--ipx-ease),color .15s var(--ipx-ease)}
body.ipx-plp .amsearch-result-tabs>.data.item.title>.data.switch::before,body.ipx-plp .amsearch-result-tabs>.data.item.title>.data.switch::after{content:none!important;display:none!important}
body.ipx-plp .amsearch-result-tabs>.data.item.title>.data.switch:hover{color:var(--ipx-ink)!important;box-shadow:inset 0 -3px 0 var(--ipx-line-2)}
/* the active tab differs by colour and underline only (a bolder weight would widen it when the tabs start: a shift);
   before Magento's tabs script runs, the first tab (Products) is drawn as the active one */
body.ipx-plp .amsearch-result-tabs>.data.item.title.active>.data.switch,
body.ipx-plp .amsearch-result-tabs:not(:has(>.data.item.title.active))>.data.item.title:first-child>.data.switch{color:var(--ipx-ink)!important;box-shadow:inset 0 -3px 0 var(--ipx-orange)}
/* Amasty's script hides the Products count once the tabs start (the count is above the grid): hidden from the first paint */
body.ipx-plp .amsearch-result-tabs .data.switch[href$="amasty_search_products_tab"] .amsearch-results-count{display:none!important}
body.ipx-plp .amsearch-result-tabs .amsearch-results-count{color:var(--ipx-grey)!important;font-weight:500!important;font-size:13px!important}
body.ipx-plp .amsearch-result-tabs>.data.item.title>.data.switch:focus-visible{outline:2px solid var(--ipx-ink)!important;outline-offset:2px}
body.ipx-plp .amsearch-result-tabs>.data.item.content{order:1;flex:0 0 100%;width:100%;box-sizing:border-box;margin:-1px 0 0!important;padding:18px 0 0!important;border:0!important;border-top:1px solid var(--ipx-line)!important;background:none!important}
/* results of the other tabs */
/* the theme squashes lists inside Magento's tab panels to 1 px with overflow hidden: undone on ours */
body.ipx-plp .amsearch-result-tabs .ipx-sr{display:grid;gap:12px;position:static!important;width:auto!important;height:auto!important;max-height:none!important;overflow:visible!important;clip:auto!important;clip-path:none!important;margin:0!important;padding:0!important;border-width:0;list-style:none}
body.ipx-plp .ipx-sr>li{margin:0;padding:0}
/* the tab panel keeps its text on one line (white-space:nowrap): our results wrap */
body.ipx-plp .amsearch-result-tabs .ipx-sr,body.ipx-plp .amsearch-result-tabs .ipx-sr *{box-sizing:border-box;letter-spacing:normal;white-space:normal!important;overflow-wrap:anywhere}
body.ipx-plp .amsearch-result-tabs .ipx-sr.-category{grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}
body.ipx-plp .amsearch-result-tabs .ipx-sr.-brand{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
body.ipx-plp .ipx-sr__card{display:flex;flex-direction:column;gap:4px;height:100%;padding:16px 18px 18px;border:1px solid var(--ipx-line);border-radius:var(--ipx-r-md);background:#fff;color:var(--ipx-ink)!important;text-decoration:none!important;transition:border-color .15s var(--ipx-ease)}
body.ipx-plp .ipx-sr.-brand .ipx-sr__card{flex-direction:row;align-items:center;justify-content:space-between;background:var(--ipx-stone);border-color:transparent;padding:18px}
body.ipx-plp .ipx-sr__card:hover{border-color:var(--ipx-ink-2)}
body.ipx-plp .ipx-sr__trail{font:500 12px/1.4 var(--ipx-font-body);color:var(--ipx-grey)}
body.ipx-plp .ipx-sr__name{font:700 17px/1.3 var(--ipx-font-head);color:var(--ipx-ink)}
body.ipx-plp .ipx-sr__desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:4px;font:500 14px/1.55 var(--ipx-font-body);color:var(--ipx-ink-2)}
body.ipx-plp .ipx-sr .amsearch-highlight{background:none!important;color:inherit!important;font-weight:700!important}
body.ipx-plp .amsearch-result-tabs .ipx-sr:is(.-idea,.-faq,.-page){gap:0;max-width:860px;border-top:1px solid var(--ipx-line);border-top-width:1px}
body.ipx-plp .ipx-sr__row{display:flex;align-items:center;gap:14px;min-height:64px;padding:12px 4px;border-bottom:1px solid var(--ipx-line);color:var(--ipx-ink)!important;text-decoration:none!important}
body.ipx-plp .ipx-sr__icon{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:var(--ipx-stone);color:var(--ipx-ink-2)}
body.ipx-plp .ipx-sr__icon .ipx-i{width:19px;height:19px}
body.ipx-plp .ipx-sr__text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
body.ipx-plp .ipx-sr__row .ipx-sr__name{font:600 16px/1.4 var(--ipx-font-body)}
body.ipx-plp .ipx-sr__go{flex:none;color:var(--ipx-grey);transition:transform .15s var(--ipx-ease)}
body.ipx-plp .ipx-sr__row:hover .ipx-sr__name{text-decoration:underline;text-underline-offset:3px}
body.ipx-plp :is(.ipx-sr__row,.ipx-sr__card):hover .ipx-sr__go{transform:translateX(3px);color:var(--ipx-ink)}
body.ipx-plp :is(.ipx-sr__row,.ipx-sr__card):focus-visible{outline:2px solid var(--ipx-ink);outline-offset:2px;border-radius:var(--ipx-r-md)}
body.ipx-plp .ipx-sr__empty{margin:0;padding:24px 0;font:500 15px/1.5 var(--ipx-font-body);color:var(--ipx-ink-2)}
@media (prefers-reduced-motion:reduce){body.ipx-plp :is(.ipx-sr__go,.amsearch-result-tabs .data.switch,.ipx-sr__card){transition:none!important}}
@media (max-width:767px){
  body.ipx-plp .amtheme-title-search .amtheme-title{font-size:28px!important}
  body.ipx-plp .amsearch-related-terms{gap:2px 16px;margin-bottom:16px!important}
  body.ipx-plp .amsearch-related-terms .amsearch-block-header{flex-basis:100%}
  body.ipx-plp .amsearch-related-terms .amsearch-item{max-width:100%}
  body.ipx-plp .amsearch-related-terms .amsearch-item:nth-of-type(n+4){display:none!important}
  body.ipx-plp .amsearch-result-tabs{gap:0 18px}
  body.ipx-plp .amsearch-result-tabs>.data.item.title>.data.switch{min-height:44px;align-items:center;padding:8px 0!important;font-size:14px!important}
  body.ipx-plp .ipx-sr.-category,body.ipx-plp .amsearch-result-tabs .ipx-sr.-brand{grid-template-columns:1fr;gap:10px}
  body.ipx-plp .ipx-sr__name{font-size:16px}
}