/*
Theme Name: Blocksy Market Child
Template: blocksy
Version: 1.0.0
Description: Custom high-conversion multi-category WooCommerce child theme for Blocksy.
*/

:root{
  --store-max: 1500px;
  --store-gap: 18px;
  --store-radius: 18px;
  --store-text: #111;
  --store-muted: #6b7280;
  --store-border: #ececec;
}

body{background:#fff;color:var(--store-text)}
.site-main{overflow:hidden}
.store-shell{max-width:var(--store-max);margin:0 auto;padding:0 24px}
.store-section{padding:54px 0}
.store-section + .store-section{border-top:1px solid var(--store-border)}
.store-kicker{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--store-muted);margin-bottom:10px}
.store-title{font-size:clamp(30px,4vw,62px);line-height:1.02;letter-spacing:-.045em;margin:0 0 16px;font-weight:800}
.store-subtitle{font-size:18px;line-height:1.6;color:var(--store-muted);max-width:680px;margin:0 0 28px}
.store-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border-radius:999px;background:#111;color:#fff!important;text-decoration:none;font-weight:700;transition:.2s ease}
.store-btn:hover{transform:translateY(-1px);opacity:.9}

.store-hero{padding:32px 0 24px}
.store-hero-card{min-height:560px;border-radius:28px;padding:clamp(34px,6vw,88px);display:flex;align-items:flex-end;background:radial-gradient(circle at 75% 20%,rgba(255,255,255,.18),transparent 30%),linear-gradient(135deg,#151515,#343434 60%,#111);color:#fff;position:relative;overflow:hidden}
.store-hero-card:before,.store-hero-card:after{content:"";position:absolute;border-radius:999px;filter:blur(2px);opacity:.28}
.store-hero-card:before{width:420px;height:420px;background:#8b5cf6;right:-100px;top:-120px}
.store-hero-card:after{width:340px;height:340px;background:#22d3ee;right:190px;bottom:-180px}
.store-hero-content{position:relative;z-index:2;max-width:720px}
.store-hero .store-kicker,.store-hero .store-subtitle{color:rgba(255,255,255,.78)}
.store-hero .store-btn{background:#fff;color:#111!important}

.store-section-head{display:flex;gap:20px;align-items:end;justify-content:space-between;margin-bottom:24px}
.store-section-head h2{font-size:clamp(26px,3vw,40px);letter-spacing:-.035em;margin:0}
.store-link{font-weight:700;color:#111;text-decoration:none;white-space:nowrap}

.store-cats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--store-gap)}
.store-cat{min-height:155px;border:1px solid var(--store-border);border-radius:var(--store-radius);padding:22px;text-decoration:none;color:#111;background:linear-gradient(145deg,#fafafa,#f2f2f2);display:flex;flex-direction:column;justify-content:flex-end;transition:.2s ease}
.store-cat:hover{transform:translateY(-3px);box-shadow:0 16px 35px rgba(0,0,0,.08)}
.store-cat strong{font-size:20px}
.store-cat span{font-size:13px;color:var(--store-muted);margin-top:4px}

.store-products .woocommerce ul.products{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:26px 16px!important;margin:0!important}
.store-products .woocommerce ul.products:before,.store-products .woocommerce ul.products:after{display:none!important}
.store-products .woocommerce ul.products li.product{width:auto!important;margin:0!important;float:none!important;position:relative}
.store-products .woocommerce ul.products li.product a img{border-radius:16px;margin-bottom:12px!important;aspect-ratio:4/5;object-fit:cover;background:#f6f6f6}
.store-products .woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:15px!important;line-height:1.35!important;font-weight:650!important;padding:0!important;margin:4px 0 6px!important}
.store-products .woocommerce ul.products li.product .price{font-size:15px!important;font-weight:750!important;color:#111!important}
.store-products .woocommerce ul.products li.product .button{width:100%;min-height:42px;border-radius:10px!important;margin-top:10px!important;text-align:center!important;font-weight:700!important}
.store-products .woocommerce span.onsale{border-radius:999px!important;padding:7px 10px!important;min-height:auto!important;line-height:1!important;font-size:11px!important}

.store-promo{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}
.store-promo-card{border-radius:24px;padding:38px;min-height:290px;display:flex;flex-direction:column;justify-content:flex-end;background:#f3f4f6}
.store-promo-card.dark{background:#111;color:#fff}
.store-promo-card h3{font-size:clamp(26px,3vw,42px);letter-spacing:-.035em;margin:0 0 10px}
.store-promo-card p{margin:0 0 18px;color:inherit;opacity:.7;max-width:520px}

@media (max-width:1100px){
  .store-cats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .store-products .woocommerce ul.products{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media (max-width:760px){
  .store-shell{padding:0 14px}
  .store-hero{padding-top:14px}
  .store-hero-card{min-height:470px;border-radius:20px;padding:28px 22px}
  .store-section{padding:38px 0}
  .store-section-head{align-items:center}
  .store-cats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .store-cat{min-height:125px;padding:16px}
  .store-products .woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px 10px!important}
  .store-products .woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:14px!important}
  .store-promo{grid-template-columns:1fr}
  .store-promo-card{min-height:240px;padding:26px}
}
