/* Phase 3 search popup (Ipatio_ListingPage, layout handle ipatio_srch while ipatio_plp/search/enabled = 1; mockup
   docs/ui-ux-overhaul-2026-10/mockups/search/, approved 2026-10-14). Loads without blocking the first paint
   (Ipatio_UiUxFix AsyncNonCriticalCss): the popup opens only after a tap. Also the "More from <brand>" grid on product
   pages (below the fold). Everything is scoped to body.ipx-srch. Tokens: the Phase 2 chrome's. */

/* ---------- popup: every group ---------- */
body.ipx-srch .amsearch-result-section{font-family:var(--ipx-font);color:var(--ipx-ink)}
body.ipx-srch .amsearch-result-section .amsearch-highlight{color:inherit!important;background:none!important;font-weight:700}
body.ipx-srch .amsearch-result-section .amsearch-block-header{padding:0 0 10px!important;margin:0!important}
body.ipx-srch .amsearch-result-section .amsearch-block-header .amsearch-title{font:700 13px/1.3 var(--ipx-font-bold)!important;color:var(--ipx-grey)!important;text-transform:none!important;letter-spacing:0!important}
body.ipx-srch .amsearch-result-section .amsearch-items-section{box-sizing:border-box;max-width:300px;padding:22px 24px!important;border-right:1px solid var(--ipx-line)!important}
body.ipx-srch .amsearch-result-section .amsearch-item-container{margin:0 0 22px!important;padding:0!important}
body.ipx-srch .amsearch-result-section .amsearch-tab-items .amsearch-item{margin:0!important;padding:0!important}
body.ipx-srch .amsearch-result-section .amsearch-tab-items .amsearch-link{display:block;padding:7px 0!important;font:500 15px/1.35 var(--ipx-font)!important;color:var(--ipx-ink)!important;text-decoration:none!important}
body.ipx-srch .amsearch-result-section .amsearch-tab-items .amsearch-description{display:none!important}
body.ipx-srch .amsearch-result-section .-category .ipxs-trail{display:block;font:500 12px/1.3 var(--ipx-font);color:var(--ipx-grey)}
body.ipx-srch .amsearch-result-section .-category .ipxs-name{display:block}
body.ipx-srch .amsearch-result-section :is(.-faq,.-blog) .amsearch-item:nth-child(n+4){display:none!important}

/* suggestions (search-popup.js) and the panel before typing */
body.ipx-srch .ipxs-sugg{margin:0 0 22px}
body.ipx-srch .ipxs-sugg__list{list-style:none;margin:0;padding:0}
body.ipx-srch .ipxs-sugg__list li{margin:0;padding:0}
body.ipx-srch .ipxs-sugg__a{display:flex;align-items:center;gap:10px;padding:7px 0;font:500 15px/1.35 var(--ipx-font);color:var(--ipx-ink)!important;text-decoration:none!important}
body.ipx-srch .ipxs-sugg__a b{font-weight:700}
body.ipx-srch .ipxs-sugg__a::before{content:"";flex:0 0 14px;height:14px;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.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") center/contain 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.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") center/contain no-repeat}
body.ipx-srch .amsearch-result-section .amsearch-result-block.-preload{display:none!important}
body.ipx-srch .ipxs-focus{box-sizing:border-box;display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;padding:22px 24px 24px}
body.ipx-srch .ipxs-focus__h{margin:0 0 10px;font:700 13px/1.3 var(--ipx-font-bold);color:var(--ipx-grey);text-transform:none;letter-spacing:0}
body.ipx-srch .ipxs-cats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body.ipx-srch .ipxs-cats .ipes__cat{box-sizing:border-box;display:flex;align-items:center;gap:12px;min-height:56px;padding:10px 12px;border:1px solid var(--ipx-line);border-radius:var(--ipx-r-md);background:#fff;color:var(--ipx-ink)!important;font:600 15px/1.25 var(--ipx-font);text-decoration:none!important}
body.ipx-srch .ipxs-cats .ipes__tileart{flex:0 0 44px;width:44px;height:36px}

/* products: 10 in a 5-column grid, no SKU / description / stars, ink prices */
body.ipx-srch .amsearch-result-section :is(.amsearch-sku-block,.product-item-description,.product-reviews-summary,.product-item-actions,.stock){display:none!important}
body.ipx-srch .amsearch-result-section .amsearch-products-section{padding:22px 24px 24px!important}
body.ipx-srch .amsearch-result-section .amsearch-products-section .amsearch-block-header{display:flex!important;align-items:baseline;justify-content:space-between}
body.ipx-srch .amsearch-result-section .amsearch-products-section .amsearch-block-header .amsearch-count{font-weight:500;color:var(--ipx-grey)}
body.ipx-srch .amsearch-result-section .amsearch-products-section .amsearch-link.-view-all{display:inline-flex!important;align-items:center;gap:6px;font:600 14px/1.2 var(--ipx-font)!important;color:var(--ipx-link)!important;text-decoration:none!important}
body.ipx-srch .amsearch-result-section .amsearch-products-section .amsearch-link.-view-all .amsearch-count{display:none!important}
body.ipx-srch .amsearch-result-section .amsearch-products-section .amsearch-link.-view-all::after{content:"";width:7px;height:7px;border:solid currentColor;border-width:2px 2px 0 0;transform:rotate(45deg)}
body.ipx-srch .amsearch-result-section .amsearch-product-list{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px 16px;margin:0!important;padding:0!important}
body.ipx-srch .amsearch-result-section .amsearch-product-list>.product-item:nth-child(n+11){display:none!important}
body.ipx-srch .amsearch-result-section .amsearch-product-list .product-item{display:flex!important;flex-direction:column;gap:8px;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
body.ipx-srch .amsearch-result-section .amsearch-product-list .amsearch-image{box-sizing:border-box;display:block;width:100%!important;aspect-ratio:1/1;padding:8px;overflow:hidden;border-radius:var(--ipx-r-md);background:var(--ipx-stone)}
body.ipx-srch .amsearch-result-section .amsearch-product-list .amsearch-image :is(.product-image-container,[class*=amsearch-product-image-container]){display:block;width:100%!important;height:100%}
body.ipx-srch .amsearch-result-section .amsearch-product-list .product-image-wrapper{position:relative;display:block;height:100%;padding-bottom:0!important}
body.ipx-srch .amsearch-result-section .amsearch-product-list .product-image-photo{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:contain;mix-blend-mode:multiply}
body.ipx-srch .amsearch-result-section .amsearch-product-list .amsearch-description{display:flex;flex-direction:column;gap:4px;padding:0!important}
body.ipx-srch .amsearch-result-section .amsearch-product-list .product-item-link{display:block!important;min-height:2.7em;max-height:2.7em;overflow:hidden;font:500 14px/1.35 var(--ipx-font)!important;color:var(--ipx-ink)!important;text-decoration:none!important}
body.ipx-srch .amsearch-result-section .amsearch-product-list .product-item-link .amsearch-highlight{font-weight:inherit}
body.ipx-srch .amsearch-result-section .amsearch-product-list .price-box{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin:0!important}
body.ipx-srch .amsearch-result-section .amsearch-product-list .price-label{display:none!important}
body.ipx-srch .amsearch-result-section .amsearch-product-list :is(.special-price,.normal-price,.price-final_price>.price-container) .price{font:700 16px/1.2 var(--ipx-font-bold)!important;color:var(--ipx-ink)!important}
body.ipx-srch .amsearch-result-section .amsearch-product-list .old-price .price{font:500 13px/1.2 var(--ipx-font)!important;color:var(--ipx-grey)!important;text-decoration:line-through}
body.ipx-srch .ipxs-all{display:flex;justify-content:center;margin:22px 0 0}
body.ipx-srch .ipxs-all a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 26px;border-radius:var(--ipx-r-pill);background:var(--ipx-orange);color:var(--ipx-ink)!important;font:700 15px/1 var(--ipx-font-bold);text-decoration:none!important}

/* hover / keyboard focus */
@media (hover:hover){
  body.ipx-srch .amsearch-result-section .amsearch-tab-items .amsearch-link:hover,body.ipx-srch .ipxs-sugg__a:hover{color:var(--ipx-link)!important;text-decoration:underline!important;text-underline-offset:3px}
  body.ipx-srch .amsearch-result-section .amsearch-product-list .product-item:hover .product-item-link{color:var(--ipx-link)!important;text-decoration:underline!important;text-underline-offset:3px}
  body.ipx-srch .amsearch-result-section .amsearch-product-list .product-item:hover .amsearch-image{box-shadow:inset 0 0 0 1.5px var(--ipx-line-2)}
  body.ipx-srch .amsearch-result-section .amsearch-link.-view-all:hover{text-decoration:underline!important}
  body.ipx-srch .ipxs-cats .ipes__cat:hover{border-color:var(--ipx-ink)}
  body.ipx-srch .ipxs-all a:hover{background:var(--ipx-orange-hover)}
}
body.ipx-srch .amsearch-result-section a:focus-visible{outline:2px solid var(--ipx-ink)!important;outline-offset:2px}

/* ---------- popup: phones ---------- */
@media (max-width:767px){
  body.ipx-srch .amsearch-result-section .amsearch-items-section{max-width:none;padding:18px 16px!important;border-right:0!important;border-top:1px solid var(--ipx-line)}
  body.ipx-srch .amsearch-result-section .amsearch-products-section{padding:16px 16px 20px!important}
  body.ipx-srch .amsearch-result-section .amsearch-products-section .amsearch-link.-view-all{display:none!important}
  body.ipx-srch .amsearch-result-section .amsearch-product-list{grid-template-columns:1fr;gap:0}
  body.ipx-srch .amsearch-result-section .amsearch-product-list>.product-item:nth-child(n+7){display:none!important}
  body.ipx-srch .amsearch-result-section .amsearch-product-list .product-item{flex-direction:row!important;align-items:center;gap:14px;padding:8px 0!important;border-bottom:1px solid var(--ipx-line)!important}
  body.ipx-srch .amsearch-result-section .amsearch-product-list .amsearch-image{flex:0 0 80px;width:80px!important;padding:5px}
  body.ipx-srch .amsearch-result-section .amsearch-product-list .amsearch-description{flex:1;min-width:0;gap:2px}
  body.ipx-srch .amsearch-result-section .amsearch-product-list .product-item-link{min-height:0}
  body.ipx-srch .amsearch-result-section .amsearch-product-list .price-box{flex-wrap:nowrap}
  body.ipx-srch .amsearch-result-section .amsearch-product-list :is(.special-price,.normal-price) .price{font-size:15px!important}
  body.ipx-srch .amsearch-result-section :is(.-faq,.-blog){display:none!important}
  body.ipx-srch .amsearch-result-section :is(.-category,.-brand) .amsearch-tab-items,body.ipx-srch .ipxs-sugg__list{display:flex;flex-wrap:wrap;gap:8px}
  body.ipx-srch .amsearch-result-section :is(.-category,.-brand) .amsearch-tab-items .amsearch-link,body.ipx-srch .ipxs-sugg__a{box-sizing:border-box;min-height:40px;padding:9px 14px!important;border:1px solid var(--ipx-line-2);border-radius:var(--ipx-r-pill);font-size:14px!important}
  body.ipx-srch .ipxs-sugg__a::before{flex-basis:12px;height:12px}
  body.ipx-srch .amsearch-result-section .-category .ipxs-trail{display:none}
  body.ipx-srch .ipxs-all a{width:100%}
  body.ipx-srch .ipxs-focus{grid-template-columns:1fr;gap:20px;padding:18px 16px}
  body.ipx-srch .ipxs-cats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
}

/* ---------- product page: "More from <brand>" as listing-style cards ---------- */
body.ipx-srch.ipx-pdp .block.amshopby-morefrom .block-title strong{font:700 22px/1.25 var(--ipx-font-bold)!important;color:var(--ipx-ink);letter-spacing:0!important;text-transform:none!important}
body.ipx-srch.ipx-pdp .block.amshopby-morefrom .product-item{opacity:1!important}
body.ipx-srch.ipx-pdp .block.amshopby-morefrom .product-item-info{box-sizing:border-box;height:100%;padding:10px;border:1px solid var(--ipx-line);border-radius:var(--ipx-r-md);background:#fff;opacity:1!important}
body.ipx-srch.ipx-pdp .block.amshopby-morefrom .product-image-container{border-radius:var(--ipx-r-sm);background:var(--ipx-stone)}
body.ipx-srch.ipx-pdp .block.amshopby-morefrom .product-image-photo{mix-blend-mode:multiply}
body.ipx-srch.ipx-pdp .block.amshopby-morefrom :is(.product-item-name,.product-item-link){font:600 15px/1.35 var(--ipx-font)!important;letter-spacing:0!important;color:var(--ipx-ink)!important;text-transform:none!important}
body.ipx-srch.ipx-pdp .block.amshopby-morefrom .price-box .price-label{display:none!important}
body.ipx-srch.ipx-pdp .block.amshopby-morefrom .price-box :is(.special-price,.normal-price,.price-final_price>.price-container) .price{font:700 17px/1.2 var(--ipx-font-bold)!important;color:var(--ipx-ink)!important;letter-spacing:0!important}
body.ipx-srch.ipx-pdp .block.amshopby-morefrom .price-box .old-price .price{font:500 13px/1.2 var(--ipx-font)!important;color:var(--ipx-grey)!important;text-decoration:line-through;letter-spacing:0!important}
body.ipx-srch.ipx-pdp .block.amshopby-morefrom .action.tocart{border-radius:var(--ipx-r-pill)!important;background:var(--ipx-orange)!important;color:var(--ipx-ink)!important;font:700 15px/1 var(--ipx-font-bold)!important;letter-spacing:0!important;text-transform:none!important;min-height:44px}
@media (hover:hover){
  body.ipx-srch.ipx-pdp .block.amshopby-morefrom .product-item-info:hover{border-color:var(--ipx-line-2);box-shadow:var(--ipx-sh-2)}
  body.ipx-srch.ipx-pdp .block.amshopby-morefrom .action.tocart:hover{background:var(--ipx-orange-hover)!important}
}
@media (prefers-reduced-motion:no-preference){
  body.ipx-srch.ipx-pdp .block.amshopby-morefrom .product-item-info{transition:box-shadow .15s,border-color .15s}
}