/*
Theme Name: MOX Demo
Author: Magazin Online Expert
Description: Temă ușoară pentru magazine WooCommerce rapide.
Version: 1.0
Text Domain: mox
*/
:root{--bg:#FBF8F3;--card:#fff;--ink:#1D1E22;--muted:#5A5D66;--line:#E8E1D6;--brand:#2F5D34;--brand2:#3E7A45;--soft:#E4F0E2;--accent:#D98E3A;--r:16px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
a{color:var(--brand)}img{max-width:100%;height:auto;display:block}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:700;line-height:1.15;letter-spacing:-.01em;margin:0 0 .5em}
h1{font-size:clamp(2rem,4.6vw,3.2rem)}h2{font-size:clamp(1.5rem,3vw,2.1rem)}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:#fff;padding:8px;z-index:99}
.demo-bar{background:var(--ink);color:#fff;text-align:center;font-size:.85rem;padding:8px 14px}.demo-bar a{color:#F3C48A}
.hd{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.hd .wrap{display:flex;align-items:center;gap:24px;height:70px}
.brand{font-family:Georgia,serif;font-weight:700;font-size:1.35rem;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:10px}
.brand i{width:36px;height:36px;border-radius:50%;background:var(--brand);display:grid;place-items:center;color:#fff;font-style:normal;font-size:1.1rem}
.nav{display:flex;gap:22px;margin-left:auto}.nav a{color:var(--ink);text-decoration:none;font-weight:600;font-size:.95rem}.nav a:hover{color:var(--brand)}
.cart-l{display:inline-flex;align-items:center;gap:8px;background:var(--brand);color:#fff!important;padding:9px 16px;border-radius:999px;text-decoration:none;font-weight:700;font-size:.92rem}
.cart-l b{background:#fff;color:var(--brand);border-radius:999px;min-width:22px;height:22px;display:inline-grid;place-items:center;font-size:.78rem}
@media(max-width:760px){.nav a:not(.cart-l){display:none}.hd .wrap{gap:12px}}
.hero{padding:56px 0;background:radial-gradient(800px 380px at 85% 0,#E4F0E2,transparent 70%),radial-gradient(600px 300px at 0 100%,#F7E6D2,transparent 70%)}
.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.hero p{font-size:1.15rem;color:var(--muted);max-width:32em}
.hero-art{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hero-art img{border-radius:22px;box-shadow:0 24px 50px -30px rgba(0,0,0,.45)}.hero-art img:nth-child(2){margin-top:40px}
@media(max-width:860px){.hero .wrap{grid-template-columns:1fr}}
.btn,.button,button.button,a.button,input.button,.wc-block-components-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border-radius:999px!important;background:var(--brand)!important;color:#fff!important;font-weight:700!important;text-decoration:none;border:0;cursor:pointer}
.btn:hover,.button:hover{background:#244A29!important}
.btn.o{background:transparent!important;color:var(--ink)!important;border:2px solid var(--ink)}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
section{padding:54px 0}.sec-alt{background:#fff;border-block:1px solid var(--line)}
.cats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cat{position:relative;border-radius:20px;overflow:hidden;text-decoration:none;color:#fff;aspect-ratio:4/3;display:flex;align-items:flex-end;padding:20px;background:var(--brand)}
.cat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s}.cat:hover img{transform:scale(1.05)}
.cat span{position:relative;font-family:Georgia,serif;font-size:1.4rem;font-weight:700;background:rgba(29,30,34,.72);padding:6px 14px;border-radius:12px}
@media(max-width:760px){.cats{grid-template-columns:1fr}}
.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.trust div{background:var(--bg);border:1px solid var(--line);border-radius:var(--r);padding:16px;font-size:.95rem}.trust b{display:block}
@media(max-width:760px){.trust{grid-template-columns:1fr 1fr}}
.head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:22px;flex-wrap:wrap}
/* WooCommerce */
.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,1fr);gap:18px;margin:0!important;padding:0}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important}
.woocommerce ul.products li.product{width:auto!important;margin:0!important;float:none!important;background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px!important;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.woocommerce ul.products li.product:hover{transform:translateY(-3px);box-shadow:0 18px 30px -22px rgba(0,0,0,.45)}
.woocommerce ul.products li.product img{border-radius:12px;margin-bottom:10px!important}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:system-ui;font-size:1rem!important;font-weight:700;color:var(--ink);padding:0!important}
.woocommerce ul.products li.product .price{color:var(--ink)!important;font-weight:800;font-size:1.05rem!important}
.woocommerce ul.products li.product .price del{color:var(--muted);font-weight:400;opacity:1}
.woocommerce ul.products li.product .price ins{text-decoration:none}
.woocommerce ul.products li.product .button{margin-top:auto!important;width:100%}
.woocommerce span.onsale{background:var(--accent)!important;border-radius:999px!important;min-height:0!important;min-width:0!important;line-height:1!important;padding:6px 10px!important;top:18px!important;left:18px!important;right:auto!important;font-size:.78rem}
@media(max-width:980px){.woocommerce ul.products{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.woocommerce ul.products{grid-template-columns:1fr 1fr;gap:10px}}
.woocommerce div.product div.images img{border-radius:20px}
.woocommerce div.product .product_title{font-size:clamp(1.6rem,3vw,2.3rem)}
.woocommerce div.product p.price{color:var(--ink)!important;font-size:1.6rem!important;font-weight:800}
.woocommerce .quantity .qty{min-height:46px;border:1px solid var(--line);border-radius:12px;width:4.5em}
.woocommerce-message,.woocommerce-info{border-top-color:var(--brand)!important;background:#fff!important;border-radius:12px}
.woocommerce-message::before,.woocommerce-info::before{color:var(--brand)!important}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,.select2-container .select2-selection{min-height:46px;border:1px solid var(--line)!important;border-radius:12px!important;padding:8px 12px}
.woocommerce table.shop_table{border-radius:16px!important;background:#fff}
.content{padding:40px 0 60px}
.page-title,.woocommerce-products-header__title{margin-bottom:20px}
.ft{background:var(--ink);color:#C9CCD3;padding:44px 0 24px;font-size:.92rem}
.ft .wrap{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:28px}.ft h3{color:#fff;font-family:system-ui;font-size:1rem}.ft a{color:#C9CCD3;text-decoration:none}.ft a:hover{color:#fff}
.ft ul{list-style:none;padding:0;margin:0}.ft li{margin-bottom:6px}.ft .copy{grid-column:1/-1;border-top:1px solid #34363C;padding-top:16px;margin-top:10px}
@media(max-width:760px){.ft .wrap{grid-template-columns:1fr}}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px}

.woocommerce ul.products li.product .button{justify-content:center;text-align:center}
.woocommerce .wc-block-components-button,.wc-block-cart__submit-button{border-radius:999px!important}
.hero-art img{aspect-ratio:1/1;object-fit:cover}