.on-storefront{--on-ink:#102c3b;--on-accent:#087e78;--on-muted:#60717a;--on-line:#dce5df;color:var(--on-ink);font-family:Inter,Arial,sans-serif;background:#f5f7f5}
.on-storefront .on-store-header{background:#f5f7f5;border-bottom:1px solid var(--on-line);position:relative!important;box-shadow:none!important;transform:none!important}
.on-store-nav{max-width:1200px;margin:auto;min-height:88px;padding:12px 32px;display:flex;align-items:center;gap:32px;flex-wrap:wrap}
.on-store-nav a,.on-store-footer a{color:var(--on-ink);text-decoration:none}
.on-store-logo{flex-shrink:0}.on-store-logo img{width:185px;height:auto;display:block}
.on-store-links,.on-store-actions{display:flex;align-items:center;gap:22px;font-size:14px}.on-store-actions{margin-left:auto;gap:16px}
.on-store-links .on-store-active{color:var(--on-accent);font-weight:700;border-bottom:2px solid var(--on-accent);padding:10px 0}
.on-store-cart{display:flex;align-items:center;gap:7px}.on-store-cart-count{background:var(--on-accent);color:#fff;border-radius:20px;padding:2px 6px;font-size:12px}
.on-store-actions .on-store-contact{background:var(--on-accent);color:#fff;padding:12px 18px;border-radius:7px;font-weight:600}
.on-storefront main{background:#f5f7f5}.on-storefront #wrap .container{max-width:1200px}
.on-storefront .o_wsale_products_page{padding-top:30px!important;padding-bottom:40px!important}
.on-storefront h1{font-size:28px;line-height:1.25;letter-spacing:-.7px;color:var(--on-ink)}
.on-storefront .oe_product_cart{border-radius:12px;overflow:hidden;background:#fff}
.on-storefront .o_wsale_products_item_title{font-size:16px!important;line-height:1.45}
.on-storefront .product_price{color:var(--on-ink)}
.on-storefront .btn-primary{background-color:var(--on-accent);border-color:var(--on-accent);color:#fff}
.on-storefront .btn-primary:hover{background:#066863;border-color:#066863}
.on-storefront a:focus-visible,.on-storefront button:focus-visible{outline:3px solid #e49e32;outline-offset:3px}
.on-storefront .on-store-footer{background:#eef2ee!important;border-top:1px solid var(--on-line);color:var(--on-ink)}
.on-store-footer-content{max-width:1200px;margin:auto;padding:36px 32px;display:grid;grid-template-columns:1.1fr .9fr 1.3fr;gap:32px}
.on-store-footer-content img{width:160px;height:auto}.on-store-footer h2{font-size:18px;margin:0 0 14px;color:var(--on-ink);font-weight:600}.on-store-footer p,.on-store-footer address{font-size:14px;line-height:1.8;font-style:normal;margin:12px 0 0}.on-store-footer a{font-size:14px;line-height:1.9;overflow-wrap:anywhere}.on-store-footer a:hover{text-decoration:underline}
.on-store-footer-bottom{max-width:1136px;margin:auto;padding:18px 0;border-top:1px solid var(--on-line);display:flex;justify-content:space-between;font-size:13px}.on-store-footer-bottom div{display:flex;gap:20px}
@media(max-width:1050px){.on-store-nav{gap:20px}.on-store-actions{gap:12px}.on-store-links{gap:16px}}
@media(max-width:760px){.on-store-nav{padding:14px 20px;gap:16px}.on-store-logo img{width:145px}.on-store-links{order:3;width:100%;justify-content:center;font-size:14px;gap:20px}.on-store-actions{font-size:13px;gap:12px}.on-store-actions .on-store-contact{display:none}.on-store-footer-content{grid-template-columns:1fr;padding:28px 20px;gap:24px}.on-store-footer-bottom{margin:0 20px;gap:16px;flex-wrap:wrap}.on-storefront h1{font-size:24px}}

/* Mobile forms: keep Bootstrap gutters within the contact container. */
.on-storefront #wrap .s_website_form>.container>.row{margin-left:0;margin-right:0}
@media(max-width:760px){.on-storefront input:not([type=hidden]),.on-storefront textarea,.on-storefront select{font-size:16px}.on-storefront .on-store-links a,.on-storefront .on-store-actions a:not(.on-store-contact){min-height:44px;display:inline-flex;align-items:center}}

/* Every website uses its own brand and company contact details. */
.on-store-site-logo{display:flex;align-items:center;gap:12px;font-size:24px;letter-spacing:-.6px;text-decoration:none}
.on-store-site-logo img{width:40px;height:40px}.on-store-brand-name{font-size:24px}
.on-zelisgarden{--on-accent:#285f3b;--on-ink:#183629;background:#f6f8f1}
.on-zelisgarden .on-store-header,.on-zelisgarden main{background:#f6f8f1}
@media(max-width:760px){.on-store-site-logo{font-size:22px}.on-store-site-logo img{width:36px;height:36px}.on-zelisgarden .on-store-links{gap:16px;justify-content:flex-start;flex-wrap:wrap}}