/* App CSS (single file). Keep under ~35KB. Namespaced to avoid overriding parent. */

/* Pattern: Hero (grid, text left, image right) */
.sc-hero-grid{display:grid;grid-template-columns:minmax(280px,560px) 1fr;gap:40px;align-items:center;padding:40px 0}
@media(max-width:992px){.sc-hero-grid{grid-template-columns:1fr;gap:24px}}
.sc-hero-h1{font-size:clamp(32px,4vw,42px);line-height:1.2;margin:.25rem 0 .5rem;color:#111}
.sc-hero-sub{max-width:52ch;color:#444}
.sc-hero-img img{width:100%;height:auto;display:block}
.sc-btn{display:inline-block;background:#0a7;color:#fff;padding:.75rem 1.25rem;border-radius:.375rem}

/* Hero wrapper background to match demo */
.sc-hero-wrap{background:#e9ecf1}
.sc-hero-wrap .sc-hero-grid{padding:64px 0}
.sc-hero-code{margin-top:10px;color:#333;opacity:.85;font-size:14px}

/* Product card helper (used in loop override) */
.product-card{border:1px solid #eee;border-radius:.5rem;overflow:hidden;background:#fff}
.product-card .thumb{aspect-ratio:1/1;display:block}
.product-card .inner{padding:.75rem}
.product-card .price{font-weight:600}

/* Sticky add to cart bar */
.sticky-atc{position:fixed;left:0;right:0;bottom:-120px;transform:translateY(0);transition:bottom .2s ease;z-index:70;background:#fff;border-top:1px solid #eee;box-shadow:0 -4px 10px rgba(0,0,0,.04)}
.sticky-atc.visible{bottom:0}
.sticky-atc .wrap{display:flex;gap:.75rem;align-items:center;justify-content:space-between;max-width:var(--shoptimizer-container-width,1200px);margin:0 auto;padding:.75rem 1rem}
.sticky-atc .title{font-weight:600}

/* Value props */
.sc-values{margin-top:48px}
.sc-values .wp-block-columns{gap:40px}
.sc-values .wp-block-column{display:flex;flex-direction:column;align-items:center;text-align:center}
.sc-values h4{font-size:18px;font-weight:600;margin:.25rem 0 .25rem;color:#111}
.sc-values p{max-width:45ch;color:#666;margin:0 auto}

/* Category tiles */
.sc-cat-tiles .wp-block-cover{border-radius:.5rem;overflow:hidden}
.sc-cat-tiles .wp-block-cover .wp-block-cover__inner-container{display:flex;align-items:flex-end;justify-content:center;padding:1rem}