/* ZERA Edition v1.6: native WooCommerce shop + compact premium components */
:root{--zera-v16-navy:#1b3040;--zera-v16-gold:#a87d4d;--zera-v16-cream:#faf7f2;}
/* Header's search lives above normal layout: opening must not compress title banner. */
.zera-v10-header,.zera-v10-container{overflow:visible!important}
.zera-v10-search{position:absolute!important;right:16px!important;top:calc(100% + 5px)!important}
.zera-live-results{margin-top:9px;max-height:310px;overflow:auto;border-top:1px solid #e5dcd2;padding-top:6px}
.zera-live-results[hidden]{display:none!important}
.zera-live-results a{display:flex;justify-content:space-between;gap:10px;text-decoration:none;color:var(--zera-v16-navy);padding:9px 6px;border-radius:7px;font-size:13px}
.zera-live-results a:hover,.zera-live-results a:focus{background:#f2e9de}
.zera-live-results strong{color:#927042;white-space:nowrap;font-size:12px}
.zera-live-results .zera-no-results{font-size:12px;padding:8px}
/* Stable shop-banner size irrespective of search popover or narrow browser. */
body.post-type-archive-product .hero-section,body.post-type-archive-product .ct-page-title{min-height:175px;display:flex;align-items:center}
body.post-type-archive-product .hero-section .page-title{margin-block:0}
/* Standard shop grids. WooCommerce/Blocksy can set columns differently, override only shop/product taxonomy pages. */
@media(min-width:1100px){
body.zera-shop-cols-3 .woocommerce ul.products{grid-template-columns:repeat(3,minmax(0,1fr))!important;--shop-columns:3}
body.zera-shop-cols-4 .woocommerce ul.products{grid-template-columns:repeat(4,minmax(0,1fr))!important;--shop-columns:4}
body.zera-shop-cols-5 .woocommerce ul.products{grid-template-columns:repeat(5,minmax(0,1fr))!important;--shop-columns:5}
body[class*="zera-shop-cols-"] .woocommerce ul.products{display:grid!important;gap:16px}
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{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:700px){body[class*="zera-shop-cols-"] .woocommerce ul.products{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}}
.woocommerce ul.products li.product .button,.single-product .single_add_to_cart_button{background:var(--zera-v16-navy)!important;color:white!important;border-radius:8px!important}
.woocommerce ul.products li.product .button:hover,.single-product .single_add_to_cart_button:hover{background:#a87d4d!important}
.woocommerce ul.products li.product .price{color:var(--zera-v16-navy)!important}
.woocommerce ul.products li.product a:hover,.woocommerce ul.products li.product a:focus-visible{color:var(--zera-v16-gold)}
/* Homepage buttons, including products returned by the “more” endpoint. */
.zera-home .zera-product-info{display:flex;flex-direction:column;height:100%}
.zera-home .zera-product-link{display:inline-flex;align-items:center;justify-content:center;min-height:38px;align-self:flex-start;background:var(--zera-v16-navy);color:#fff!important;border-radius:7px;padding:8px 14px;font-weight:650;text-decoration:none;margin-top:auto}
.zera-home .zera-product-link:hover{background:var(--zera-v16-gold)}
.zera-home .zera-product-info .zera-price{color:var(--zera-v16-navy)}
/* Trust band remains editorial, not exaggerated security claims. */
.zera-home .zera-trust{background:#faf7f2;gap:14px;padding:21px 22px;border:1px solid #ece3d7}
.zera-home .zera-trust .zera-trust-item{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px;padding:12px;border-radius:10px}
.zera-home .zera-trust .zera-trust-icon{width:38px;height:38px;border:1px solid #dcc8b1;border-radius:50%;display:grid;place-items:center;color:#997344;flex:none}
.zera-home .zera-trust .zera-trust-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.zera-home .zera-trust .zera-trust-text{display:flex;flex-direction:column;text-align:left;gap:3px}
.zera-home .zera-trust strong{color:var(--zera-v16-navy);font-size:14px}
.zera-home .zera-trust span{color:#586469;font-size:12px}
@media(max-width:760px){.zera-home .zera-trust{gap:5px;padding:10px}.zera-home .zera-trust .zera-trust-item{justify-content:flex-start}}