/* ===== design enhancement ===== */
html{scroll-behavior:smooth}
.kicker{display:inline-block;color:var(--gold);font-weight:700;font-size:12px;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.in{opacity:1;transform:none}
.site-header{transition:box-shadow .3s}.site-header.scrolled{box-shadow:0 6px 24px rgba(31,61,43,.12)}
.btn,.button{box-shadow:0 6px 16px rgba(200,144,46,.28)}
/* hero */
.hero{padding:80px 0 90px;background:radial-gradient(circle at 85% 15%,rgba(232,180,90,.35),transparent 45%),radial-gradient(circle at 10% 90%,rgba(79,140,90,.45),transparent 50%),linear-gradient(135deg,#143023,#1f3d2b 55%,#2f5a3f)}
.hero h1{font-size:clamp(34px,5vw,58px);letter-spacing:-.5px}
.hero-stats{display:flex;gap:34px;margin-top:38px;padding-top:26px;border-top:1px solid rgba(255,255,255,.15)}
.hero-stats b{display:block;font-family:'Playfair Display',serif;font-size:30px;color:var(--gold2)}.hero-stats span{font-size:13px;color:var(--sand)}
/* features */
.feat i{background:var(--sand);width:54px;height:54px;border-radius:16px;display:grid;place-items:center;font-size:26px;flex:none}
/* categories */
.cats{grid-template-columns:repeat(4,1fr);gap:22px}
.cat{padding:0;overflow:hidden;text-align:left;display:block;position:relative}
.cat-img{height:170px;background:var(--sand) center/cover no-repeat;transition:transform .5s}.cat:hover .cat-img{transform:scale(1.07)}
.cat-body{padding:16px 18px;background:#fff;position:relative}
.cat-body b{display:block}.cat-body small{color:var(--muted);font-size:13px}
/* sections */
.sec-head h2::after{content:'';display:block;width:56px;height:3px;background:var(--gold);border-radius:3px;margin:12px auto 0}
.why-card{transition:.3s;border-top:4px solid var(--gold)}.why-card:hover{transform:translateY(-6px)}
.why-card i{display:grid;place-items:center;width:64px;height:64px;background:var(--sand);border-radius:18px;margin-bottom:12px}
.rev{position:relative;transition:.3s}.rev:hover{transform:translateY(-5px)}.rev::before{content:'\201C';position:absolute;right:22px;top:6px;font:700 70px 'Playfair Display',serif;color:var(--sand)}
.banner{box-shadow:var(--shadow);background:linear-gradient(120deg,#c8902e,#e8b45a 60%,#f1cf8a)}
/* product cards */
ul.products li.product{border:1px solid transparent;overflow:hidden}
ul.products li.product:hover{border-color:var(--gold);box-shadow:0 18px 40px rgba(31,61,43,.18)}
ul.products li.product img{transition:transform .5s}ul.products li.product:hover img{transform:scale(1.05)}
ul.products li.product a.woocommerce-LoopProduct-link{display:block;overflow:hidden;border-radius:12px}
ul.products li.product .price{display:block;margin-bottom:12px}
ul.products li.product .button{background:var(--brown)}ul.products li.product .button:hover{background:var(--gold)}
.woocommerce span.onsale,span.onsale{background:var(--gold)!important;color:#fff;font-size:12px;font-weight:700;border-radius:99px;padding:6px 14px;min-height:0;line-height:1.2}
/* shop layout */
.page-hero{background:linear-gradient(135deg,#143023,#2f5a3f);padding:56px 0}.crumb{margin:8px 0 0;font-size:14px;color:var(--sand)}.crumb a:hover{color:var(--gold2)}
.with-side{display:grid;grid-template-columns:270px 1fr;gap:34px;align-items:start}
.side-box{background:#fff;border-radius:var(--r);padding:22px;box-shadow:var(--shadow);margin-bottom:22px}
.side-box h4{font-size:18px;border-bottom:2px solid var(--sand);padding-bottom:10px}
.side-cats,.side-cats ul{list-style:none;margin:0;padding:0}.side-cats ul{padding-left:14px}
.side-cats li{padding:6px 0;font-size:14px;color:var(--muted)}.side-cats a{color:var(--ink);font-weight:500}.side-cats a:hover,.side-cats .current-cat>a{color:var(--gold)}
.woocommerce-product-search{display:flex;gap:6px}.woocommerce-product-search input[type=search]{flex:1;min-width:0;border:1px solid var(--sand);border-radius:99px;padding:10px 14px}
.woocommerce-product-search button{border:0;background:var(--brown);color:#fff;border-radius:99px;padding:0 16px;cursor:pointer}
.with-side ul.products{grid-template-columns:repeat(3,1fr)}
.woocommerce-result-count{color:var(--muted)}.woocommerce-ordering select{border:1px solid var(--sand);border-radius:99px;padding:8px 14px;background:#fff}
.woocommerce nav.woocommerce-pagination ul{border:0}.woocommerce nav.woocommerce-pagination ul li{border:0;margin:0 3px}.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{border-radius:50%;padding:10px 14px;background:#fff}.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--gold);color:#fff}
/* single product */
.woocommerce div.product{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.woocommerce div.product div.images,.woocommerce div.product div.summary{float:none;width:auto!important}
.woocommerce div.product div.images{background:#fff;padding:18px;border-radius:var(--r);box-shadow:var(--shadow)}
.woocommerce div.product .woocommerce-tabs,.woocommerce div.product .related,.woocommerce div.product .upsells{grid-column:1/-1}
.woocommerce div.product .product_title{font-size:34px}
.woocommerce div.product form.cart .variations select{border:1px solid var(--sand);border-radius:99px;padding:10px 16px;background:#fff}
.woocommerce div.product form.cart{margin:20px 0}.woocommerce .quantity .qty{border:1px solid var(--sand);border-radius:99px;padding:11px;background:#fff}
.woocommerce div.product .related ul.products,.woocommerce div.product .upsells ul.products{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){
.cats{grid-template-columns:repeat(2,1fr)}.cat-img{height:130px}
.with-side{grid-template-columns:1fr}.with-side ul.products{grid-template-columns:repeat(2,1fr)}
.woocommerce div.product{grid-template-columns:1fr}.woocommerce div.product .related ul.products{grid-template-columns:repeat(2,1fr)}
.hero-art{grid-auto-rows:130px}.hero-stats{gap:22px}
}
/* hero collage: 3 cols x 3 rows, no overlaps */
.hero-art{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:165px;gap:14px;text-align:left}
.hero-art .hero-card{position:relative;display:block;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 16px 36px rgba(0,0,0,.28);padding:0;border:0;animation:none;transform:none;transition:transform .35s,box-shadow .35s}
.hero-art .hero-card:hover{transform:translateY(-5px);box-shadow:0 22px 44px rgba(0,0,0,.38)}
.hero-art .hero-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;margin:0;border-radius:0;transition:transform .5s}
.hero-art .hero-card:hover img{transform:scale(1.06)}
.hero-art .hero-card span{position:absolute;left:0;right:0;bottom:0;padding:30px 12px 10px;font-size:12px;font-weight:600;line-height:1.3;color:#fff;background:linear-gradient(transparent,rgba(10,25,16,.85));border:0;border-radius:0;animation:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hero-art .c0{grid-column:1;grid-row:1/3}
.hero-art .c1{grid-column:2/4;grid-row:1}
.hero-art .c2{grid-column:2;grid-row:2}
.hero-art .c3{grid-column:3;grid-row:2/4}
.hero-art .c4{grid-column:1/3;grid-row:3}