/* v1.8: focused, reversible shop and search refinements.
   No change to homepage, payment, cart or account flows. */
:root{--zera18:#e88400;--zera18-hover:#c56d00;--zera18-ink:#26343a;--zera18-line:#e9dfd2}
/* Search opens OUTSIDE the document flow, rather than resizing/centering the shop banner. */
#zera-v10-search.zera-v10-search{
 position:fixed!important;top:clamp(64px, 8vh, 94px)!important;right:max(18px,calc((100vw - 1300px)/2 + 18px))!important;
 left:auto!important;width:min(480px,calc(100vw - 36px))!important;
 max-width:calc(100vw - 36px)!important;max-height:calc(100dvh - 110px)!important;
 overflow-y:auto!important;overscroll-behavior:contain!important;
 z-index:9999!important;box-sizing:border-box!important;background:#fffdfa!important;
 box-shadow:0 18px 48px #28312c33!important;border:1px solid var(--zera18-line)!important;
}
#zera-v10-search.zera-v10-search[hidden]{display:none!important}
#zera-v10-search .zera-live-results{width:100%!important;min-width:0!important;max-height:min(440px,55dvh)!important;overflow-x:hidden!important;overflow-y:auto!important}
#zera-v10-search .zera-live-results[hidden]{display:none!important}
#zera-v10-search .zera-result-item{display:grid!important;grid-template-columns:60px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:12px!important;row-gap:3px!important;align-items:center!important;padding:10px 6px!important;border-bottom:1px solid #efe9e1!important}
#zera-v10-search .zera-result-item img{grid-column:1!important;grid-row:1/span 2!important;display:block!important;width:60px!important;height:60px!important;object-fit:contain!important}
#zera-v10-search .zera-result-title{grid-column:2!important;grid-row:1!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;font-size:14px!important;line-height:1.35!important;color:var(--zera18-ink)!important}
#zera-v10-search .zera-result-price{grid-column:2!important;grid-row:2!important;white-space:normal!important;overflow-wrap:anywhere!important;font-size:13px!important;color:var(--zera18)!important;font-weight:750!important}
#zera-v10-search button[type=submit]{background:var(--zera18)!important;color:#fff!important}
#zera-v10-search button[type=submit]:hover{background:var(--zera18-hover)!important}
/* Product search results use the same centered wide content shell as the shop. */
body.search.search-results.post-type-archive-product .ct-container,
body.search.search-results.woocommerce .ct-container{width:calc(100% - 36px)!important;max-width:1320px!important;margin-inline:auto!important}
/* Shop cards: restrained, warm, consistent purchasing CTA. */
body:is(.post-type-archive-product,.tax-product_cat,.tax-product_brand,.tax-product_tag,.search-results) .woocommerce ul.products li.product{
 display:flex!important;flex-direction:column!important;min-width:0!important;padding:12px!important;
 background:#fff!important;border:1px solid var(--zera18-line)!important;border-radius:12px!important;
 box-shadow:none!important;overflow:hidden!important}
body:is(.post-type-archive-product,.tax-product_cat,.tax-product_brand,.tax-product_tag,.search-results) .woocommerce ul.products li.product :is(.ct-product-categories,.product-categories,.ct-woo-card-extra){display:none!important}
body:is(.post-type-archive-product,.tax-product_cat,.tax-product_brand,.tax-product_tag,.search-results) .woocommerce ul.products li.product :is(.ct-image-container,a img){object-fit:contain!important}
body:is(.post-type-archive-product,.tax-product_cat,.tax-product_brand,.tax-product_tag,.search-results) .woocommerce ul.products li.product .ct-image-container{aspect-ratio:1/1!important;width:100%!important;max-height:265px!important;overflow:hidden!important;background:#fff!important}
body:is(.post-type-archive-product,.tax-product_cat,.tax-product_brand,.tax-product_tag,.search-results) .woocommerce ul.products li.product :is(.ct-woo-card-title,.woocommerce-loop-product__title){font-size:14px!important;line-height:1.45!important;margin:12px 0 8px!important;min-height:2.9em!important;color:var(--zera18-ink)!important}
body:is(.post-type-archive-product,.tax-product_cat,.tax-product_brand,.tax-product_tag,.search-results) .woocommerce ul.products li.product .price{color:var(--zera18)!important;font-size:15px!important;font-weight:750!important;margin:0 0 11px!important}
body:is(.post-type-archive-product,.tax-product_cat,.tax-product_brand,.tax-product_tag,.search-results) .woocommerce ul.products li.product .price del{color:#879092!important;opacity:.9!important;font-size:12px!important}
body:is(.post-type-archive-product,.tax-product_cat,.tax-product_brand,.tax-product_tag,.search-results) .woocommerce ul.products li.product :is(a.button,button.button){display:inline-flex!important;align-items:center!important;justify-content:center!important;align-self:flex-start!important;min-height:40px!important;margin-top:auto!important;padding:10px 15px!important;background:var(--zera18)!important;color:#fff!important;border-radius:5px!important;font-size:13px!important;font-weight:700!important;line-height:1.35!important;text-decoration:none!important}
body:is(.post-type-archive-product,.tax-product_cat,.tax-product_brand,.tax-product_tag,.search-results) .woocommerce ul.products li.product :is(a.button,button.button):hover{background:var(--zera18-hover)!important;color:#fff!important}
/* Preserve four-column default and site owner's 3/5 setting, without changing the homepage. */
@media(min-width:1100px){
body[class*='zera-shop-cols-'] .woocommerce ul.products{display:grid!important;grid-template-columns:repeat(var(--zera-archive-columns,4),minmax(0,1fr))!important;gap:22px!important}
body.zera-shop-cols-3{--zera-archive-columns:3}body.zera-shop-cols-4{--zera-archive-columns:4}body.zera-shop-cols-5{--zera-archive-columns:5}
body[class*='zera-shop-cols-'] .woocommerce ul.products>li.product{width:auto!important;max-width:none!important;float:none!important;margin:0!important}
}
@media(min-width:701px) and (max-width:1099px){body[class*='zera-shop-cols-'] .woocommerce ul.products{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}}
@media(max-width:700px){
 #zera-v10-search.zera-v10-search{top:calc(68px + env(safe-area-inset-top,0px))!important;left:10px!important;right:10px!important;width:auto!important;max-width:none!important;max-height:calc(100dvh - 95px - env(safe-area-inset-top,0px))!important}
 #zera-v10-search .zera-result-item{grid-template-columns:48px minmax(0,1fr)!important}
 #zera-v10-search .zera-result-item img{width:48px!important;height:48px!important}
 body[class*='zera-shop-cols-'] .woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 body:is(.post-type-archive-product,.tax-product_cat,.tax-product_brand,.tax-product_tag,.search-results) .woocommerce ul.products li.product{padding:7px!important}
 body:is(.post-type-archive-product,.tax-product_cat,.tax-product_brand,.tax-product_tag,.search-results) .woocommerce ul.products li.product :is(.ct-woo-card-title,.woocommerce-loop-product__title){font-size:12px!important;margin:8px 0 6px!important}
 body:is(.post-type-archive-product,.tax-product_cat,.tax-product_brand,.tax-product_tag,.search-results) .woocommerce ul.products li.product .price{font-size:13px!important}
 body:is(.post-type-archive-product,.tax-product_cat,.tax-product_brand,.tax-product_tag,.search-results) .woocommerce ul.products li.product :is(a.button,button.button){font-size:12px!important;min-height:36px!important;padding:8px 10px!important}
}
