/* webitlocal: consistent sage surfaces and restrained filter styling */
:root{--wil-sage:#e8f1eb;--wil-sage-line:#cdded2;--wil-deep:#173e30;--wil-muted:#6d8275}
html,body{background:var(--wil-sage)!important;color:var(--wil-deep)}
/* Shop filters: no individual stark white rectangles */
body .filters{background:transparent!important;border-right:1px solid var(--wil-sage-line)!important;padding-right:22px}
body .filters .filter-title{background:transparent!important;padding:12px 0 18px!important;position:static!important;border-bottom:1px solid var(--wil-sage-line);margin:0 0 8px!important}
body .filters .wil-filter,body .filters .facet,body .filters .filter-block{background:transparent!important;border:0!important;border-bottom:1px solid var(--wil-sage-line)!important;border-radius:0!important;box-shadow:none!important;margin:0!important}
body .filters .wil-filter>summary,body .filters .facet>summary{background:transparent!important;border:0!important;padding:19px 4px!important;font-weight:650!important;letter-spacing:-.01em}
body .filters .wil-filter>summary:hover,body .filters .facet>summary:hover{color:#146b4b!important}
body .filters .wil-filter .wil-options,body .filters .wil-filter>.wil-filter-actions,body .filters .wil-filter .wil-options>.wil-filter-actions{background:transparent!important}
body .filters .wil-filter input:not([type=checkbox]),body .filters .wil-filter select,body .filters .facet-search{background:#f5faf6!important;border:1px solid var(--wil-sage-line)!important;border-radius:9px!important}
body .filters .wil-clear-all-bottom{background:transparent!important;border:1px solid var(--wil-sage-line)!important}
body .filters .clear{font-weight:650!important}
/* Clean product cards: unified proportions and subtle elevation */
body .product,body .card,body .product-card,body .product-tile{border:1px solid #dce8df!important;border-radius:17px!important;box-shadow:0 3px 14px rgba(23,62,48,.035)!important;overflow:hidden}
body .product:hover,body .card:hover,body .product-card:hover{box-shadow:0 12px 28px rgba(23,62,48,.09)!important}
body .product .picture,body .product .details{background:transparent!important}
/* Preserve actual image colors; do not pretend to remove backgrounds with CSS */
body img{filter:none!important;opacity:1!important;mix-blend-mode:normal!important}
/* Keep header, content and footer harmonious across pages */
body header,body footer{border-color:var(--wil-sage-line)!important}
@media(max-width:850px){body .filters.open{background:var(--wil-sage)!important;padding:24px!important;box-shadow:-12px 0 45px rgba(23,62,48,.15)!important}}

/* Balanced Sage — contrast without stark white or flat monochrome */
:root{--wil-sage:#e8f1eb;--wil-panel:#dce9df;--wil-ivory:#f9f8f3;--wil-edge:#c8dbcc;--wil-ink:#173e30;--wil-soft-shadow:0 7px 22px rgba(27,66,46,.055)}
html,body{background-color:var(--wil-sage)!important;color:var(--wil-ink)}
/* Navigation is an intentionally distinct surface. */
body header{background:var(--wil-ivory)!important;border-bottom:1px solid var(--wil-edge)!important}
body footer{background:transparent!important;border-color:var(--wil-edge)!important}
/* One coherent, softly tinted filter panel, rather than separate white boxes. */
body .filters{background:var(--wil-panel)!important;border:1px solid var(--wil-edge)!important;border-radius:20px!important;padding:22px 20px!important;align-self:start;box-shadow:var(--wil-soft-shadow)!important}
body .filters .filter-title{background:transparent!important;border-color:var(--wil-edge)!important}
body .filters .wil-filter,body .filters .facet,body .filters .filter-block{background:transparent!important;border-bottom:1px solid #bfd3c3!important}
body .filters .wil-filter>summary,body .filters .facet>summary{background:transparent!important}
body .filters .wil-clear-all-bottom{background:var(--wil-ivory)!important;border-color:var(--wil-edge)!important}
body .filters input:not([type=checkbox]),body .filters select{background:var(--wil-ivory)!important;border-color:var(--wil-edge)!important}
/* Warm ivory cards create visual separation from sage. */
body .product,body .card,body .product-card,body .product-tile{background:var(--wil-ivory)!important;border:1px solid #d7e4d8!important;border-radius:18px!important;box-shadow:var(--wil-soft-shadow)!important}
body .product .details,body .product .picture,body .card .card-image,body .product-card .product-image{background:var(--wil-ivory)!important}
body .product .picture img,body .product img,body .card img{filter:none!important;opacity:1!important;mix-blend-mode:normal!important}
/* Detail modal uses the same premium surfaces. Image backgrounds cannot be removed by CSS. */
body .detail-panel,body .detail-inner,body .product-modal,body .modal-content{background:var(--wil-ivory)!important}
body .detail-inner .detail-image,body .detail-gallery,body .gallery-main{background:var(--wil-ivory)!important}
body .store-banner{background:var(--wil-panel)!important}
body .toolbar{border-color:var(--wil-edge)!important}
body .softbtn,body .sort{background:var(--wil-ivory)!important;border-color:var(--wil-edge)!important}
body .softbtn:hover{background:#eff4ed!important}
body .wil-cart-panel{background:var(--wil-ivory)!important}
/* Admin and content surfaces remain legible and visually consistent. */
body .panel,body .admin-card,body .editor-panel,body .settings-card{background:var(--wil-ivory)!important;border-color:var(--wil-edge)!important}
@media(max-width:850px){body .filters.open{background:var(--wil-panel)!important;border-radius:20px 0 0 20px!important;padding:25px 20px!important}}


/* Equal-height listings: fixed two-line title slot, aligned price/footer. */
body .cards{align-items:stretch!important}
body .cards .card{height:100%!important;align-self:stretch!important;display:flex!important;flex-direction:column!important;box-sizing:border-box!important}
body .cards .card .body{flex:1 1 auto!important;display:flex!important;flex-direction:column!important;min-height:0!important}
body .cards .card .deal-title,body .cards .card h3,body .cards .card h4{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;line-clamp:2!important;overflow:hidden!important;line-height:1.35!important;min-height:2.7em!important;max-height:2.7em!important;margin:3px 0 5px!important}
body .cards .card .price-row{margin-top:auto!important}
body .cards .card .card-actions{margin-top:auto!important}


/* Webitlocal: white product surfaces, preserving sage site backgrounds. */
body .product,body .card,body .product-card,body .product-tile,
body .detail-panel,body .detail-inner,body .product-modal,body .modal-content {
 background:#fff!important;background-color:#fff!important;
}
body .product .picture,body .product .details,
body .card .card-image,body .cards .card .card-image,
body .card .body,body .product-card .product-image,
body .detail-inner .detail-image,body .detail-gallery,
body .gallery-main,body .gallery-main img,
body .detail-gallery-thumbs img,body .product-photo {
 background:#fff!important;background-color:#fff!important;
}
body .product img,body .card img,body .detail-inner img {
 filter:none!important;opacity:1!important;mix-blend-mode:normal!important;
}
/* Darker, muted forest green for primary shopping actions. */
body .card-actions .primary,body .modal-actions .primary,
body .product .primary,body .product .shop-btn,
body .product .shop-now,body .shop-now,
body a.shop-now,body button.shop-now,
body .shop-now-btn,body .buy-now,body .shop-button {
 background:#24513f!important;background-color:#24513f!important;
 border-color:#24513f!important;color:#fff!important;
 font-weight:650!important;
}
body .card-actions .primary:hover,body .modal-actions .primary:hover,
body .product .primary:hover,body .shop-now:hover,
body .shop-now-btn:hover,body .buy-now:hover,body .shop-button:hover {
 background:#1b4031!important;background-color:#1b4031!important;
}