
/* Hide only WooCommerce's default archive content, not the active theme header/footer. */
body.tax-product_cat.term-matcha-for-lattes .woocommerce-products-header,
body.tax-product_cat.term-matcha-for-lattes .woocommerce-result-count,
body.tax-product_cat.term-matcha-for-lattes .woocommerce-ordering,
body.tax-product_cat.term-matcha-for-lattes ul.products,
body.tax-product_cat.term-matcha-for-lattes nav.woocommerce-pagination,
body.tax-product_cat.term-matcha-for-lattes .woocommerce-no-products-found,
body.tax-product_cat.term-matcha-for-lattes .products,
body.tax-product_cat.term-matcha-for-lattes .wc-block-grid,
body.tax-product_cat.term-matcha-for-lattes .wc-block-product-template,
body.tax-product_cat.term-matcha-for-lattes .shop-grid,
body.tax-product_cat.term-matcha-for-lattes .product-grid{
  display:none!important;
}

/* Re-enable ONLY the custom V3 product grid. */
body.tax-product_cat.term-matcha-for-lattes .moc-gui-page .moc-product-grid{
  display:grid!important;
}

/* Give the existing WooCommerce content area full usable width. */
body.tax-product_cat.term-matcha-for-lattes .site-main,
body.tax-product_cat.term-matcha-for-lattes #primary,
body.tax-product_cat.term-matcha-for-lattes .content-area{
  width:100%!important;
  max-width:none!important;
  float:none!important;
}

.moc-gui-page{
  --green:#5d7134;
  --deep:#284529;
  --soft:#f7f8f4;
  --line:#d9ddd4;
  --text:#222;
  --muted:#5f665d;
  max-width:1440px;
  margin:0 auto;
  padding:26px 24px 72px;
  color:var(--text);
  font-family:inherit;
}

.moc-gui-page *{box-sizing:border-box}
.moc-gui-page img{display:block;max-width:100%}
.moc-gui-breadcrumb{
  display:flex;gap:7px;align-items:center;justify-content:flex-end;
  font-size:13px;color:#6a7167;margin:0 0 26px
}
.moc-gui-breadcrumb a{color:#657330;text-decoration:none}

.moc-gui-layout{
  display:grid;
  grid-template-columns:280px minmax(0,1fr);
  gap:38px;
  align-items:start;
}

.moc-side-box{
  background:#fff;
  border:1px solid #edf0ea;
  border-radius:4px;
  box-shadow:0 2px 12px rgba(0,0,0,.05);
  padding:18px 16px;
  margin-bottom:22px;
}
.moc-side-box h3{font-size:24px;margin:0;font-weight:500}
.moc-side-line{width:70px;height:2px;background:var(--green);margin:12px 0 14px}
.moc-parent-cat{
  display:flex;justify-content:space-between;align-items:center;
  padding:12px 14px;background:var(--green);color:#fff!important;text-decoration:none!important;
  font-size:15px
}
.moc-child-cats{padding:4px 0 0}
.moc-child-cats a{
  display:block;padding:11px 14px;color:#222!important;text-decoration:none!important;
  border-bottom:1px solid #f2f3f0;font-size:14px
}
.moc-child-cats a.is-active{color:var(--green)!important;font-weight:700}
.moc-hot-list{display:grid;gap:10px}
.moc-hot-item{
  display:grid;grid-template-columns:74px 1fr;gap:12px;align-items:center;
  text-decoration:none!important;color:#222!important;background:#fafafa
}
.moc-hot-thumb{width:74px;height:66px;background:#f2f2f2}
.moc-hot-thumb img{width:100%;height:100%;object-fit:cover}
.moc-hot-item span{font-size:13px;line-height:1.35;padding-right:8px}
.moc-inquiry-box p{font-size:13px;line-height:1.6;color:#616860}
.moc-side-btn{
  display:block;text-align:center;padding:11px 12px;margin-top:9px;
  background:var(--green);border:1px solid var(--green);color:#fff!important;
  text-decoration:none!important;font-size:12px;font-weight:700
}
.moc-side-btn.outline{background:#fff;color:var(--green)!important}

.moc-gui-main{min-width:0}
.moc-cat-intro h1{font-size:30px;line-height:1.2;margin:0 0 40px;font-weight:500}
.moc-cat-intro h2{
  font-size:21px;text-align:center;color:var(--green);font-weight:500;margin:0 0 28px
}
.moc-cat-intro p{font-size:15px;line-height:1.65;margin:0 0 8px}
.moc-dash{border-top:2px dashed var(--green);margin:34px 0 42px;opacity:.9}

.moc-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.moc-product-tile{
  border:1px solid #e0e3de;background:#fff;border-radius:4px;overflow:hidden
}
.moc-product-img{display:block;aspect-ratio:1/1;background:#f7f7f7;overflow:hidden}
.moc-product-img img,.moc-product-tile.placeholder>img{width:100%;height:100%;object-fit:cover}
.moc-product-image-fallback{width:100%;height:100%;display:grid;place-items:center;background:#f3f1ea;color:var(--green);font-weight:700}
.moc-product-body{text-align:center;padding:18px 18px 22px}
.moc-product-body h3{font-size:18px;line-height:1.35;margin:0 0 13px;min-height:49px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.moc-product-body h3 a{color:#111!important;text-decoration:none!important}
.moc-product-body p{font-size:14px;line-height:1.6;color:#4f554f;margin:0 0 14px;min-height:67px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.moc-readmore{display:inline-block;font-size:12px;font-weight:700;color:var(--green)!important;text-decoration:none!important;border-bottom:1px solid var(--green);padding-bottom:2px}

.moc-why,.moc-types,.moc-specs,.moc-custom,.moc-detail-block,.moc-shipping,.moc-faq{margin-top:52px}
.moc-why>h2,.moc-types>h2,.moc-specs>h2,.moc-custom>h2,.moc-detail-block>h2,.moc-shipping>h2,.moc-faq>h2{
  text-align:center;font-size:25px;margin:0;font-weight:700
}
.moc-title-mark{width:58px;height:3px;background:var(--green);margin:16px auto 28px}
.moc-title-mark.dots{height:auto;width:auto;background:none;text-align:center;color:var(--green);font-size:18px;letter-spacing:6px;margin:6px auto 18px}

.moc-why-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.moc-why-grid article{
  display:grid;grid-template-columns:82px 1fr;gap:18px;align-items:center;
  border:1px solid #e0e3df;border-bottom:2px solid var(--green);
  border-radius:10px;padding:24px 26px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.04)
}
.moc-icon{
  width:66px;height:66px;border-radius:50%;display:grid;place-items:center;
  background:#f5f6f3;font-size:28px
}
.moc-why-grid h3{font-size:17px;color:var(--green);margin:0 0 8px}
.moc-why-grid p{font-size:14px;line-height:1.55;margin:0}

.moc-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.moc-type-grid article{border:1px solid #e2e4e0;border-radius:4px;overflow:hidden;background:#fff}
.moc-type-grid img{width:100%;aspect-ratio:1/1;object-fit:cover}
.moc-type-grid article>div{padding:18px}
.moc-type-grid h3{font-size:18px;margin:0 0 10px}
.moc-type-grid p{font-size:14px;line-height:1.6;margin:0}

.moc-specs table{width:100%;border-collapse:collapse;font-size:14px}
.moc-specs th,.moc-specs td{border:1px solid #d7d9d5;padding:9px 12px;text-align:left}
.moc-specs th{font-weight:700}
.moc-specs td:first-child{width:44%;font-weight:600}

.moc-custom-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px}
.moc-custom-grid>div{
  background:#f3f3f3;border-radius:4px;padding:12px;text-align:center;font-size:13px
}
.moc-wide-image{max-width:760px;margin:28px auto 0}
.moc-wide-image img{width:100%;max-height:480px;object-fit:contain;background:#fafafa}
.moc-center{text-align:center;margin-top:20px}
.moc-green-btn{
  display:inline-block;background:var(--green);color:#fff!important;text-decoration:none!important;
  padding:12px 22px;font-size:12px;font-weight:700
}

.moc-detail-split{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
.moc-detail-split p,.moc-detail-split li{font-size:14px;line-height:1.65}
.moc-detail-split img{width:100%;aspect-ratio:1.25/1;object-fit:cover}
.moc-support-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:48px}
.moc-support-grid article{border:1px solid #e1e4df;padding:24px}
.moc-support-grid h3{font-size:19px;margin:0 0 10px}
.moc-support-grid p{font-size:14px;line-height:1.6}
.moc-support-grid a{font-size:12px;font-weight:700;color:var(--green)!important;text-decoration:none!important}

.moc-ship-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.moc-ship-grid>div{border:1px solid #e0e3de;padding:22px}
.moc-ship-grid h3{font-size:17px;margin:0 0 8px}
.moc-ship-grid p{font-size:14px;line-height:1.6;margin:0}

.moc-faq details{border-bottom:1px solid #dfe2dd;padding:0}
.moc-faq summary{cursor:pointer;font-weight:700;font-size:15px;padding:18px 0}
.moc-faq details p{font-size:14px;line-height:1.65;padding:0 0 18px;margin:0;color:#5a625a}

.moc-final-cta{
  margin-top:54px;background:#f7f8f4;border-top:2px dashed var(--green);
  text-align:center;padding:36px 24px
}
.moc-final-cta h2{font-size:25px;margin:0 0 10px}
.moc-final-cta p{font-size:14px;line-height:1.6;max-width:720px;margin:0 auto 20px}
.moc-final-cta div{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.moc-final-cta a{
  background:var(--green);color:#fff!important;text-decoration:none!important;
  padding:12px 22px;font-size:12px;font-weight:700
}
.moc-final-cta a+ a{background:#fff;color:var(--green)!important;border:1px solid var(--green)}

@media(max-width:1000px){
  .moc-gui-layout{grid-template-columns:1fr}
  .moc-gui-sidebar{display:none}
  .moc-product-grid,.moc-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  .moc-gui-page{padding:18px 12px 50px}
  .moc-gui-breadcrumb{justify-content:flex-start;overflow:auto;white-space:nowrap}
  .moc-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .moc-type-grid,.moc-why-grid,.moc-custom-grid,.moc-detail-split,.moc-support-grid,.moc-ship-grid{grid-template-columns:1fr}
  .moc-product-body{padding:10px 8px 14px}
  .moc-product-body h3{font-size:13px;line-height:1.32;min-height:52px;margin-bottom:8px;-webkit-line-clamp:3}
  .moc-product-body p{font-size:11px;line-height:1.45;min-height:48px;margin-bottom:9px;-webkit-line-clamp:3}
  .moc-readmore{font-size:10px}
  .moc-product-tile{border-radius:3px}
  .moc-cat-intro h1{font-size:26px;margin-bottom:24px}
}


/* Latte V1: current category may begin with only one real product. */
body.tax-product_cat.term-matcha-for-lattes .moc-product-grid.moc-count-1{
  grid-template-columns:minmax(0,680px);
  justify-content:center;
}
body.tax-product_cat.term-matcha-for-lattes .moc-product-grid.moc-count-2{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
body.tax-product_cat.term-matcha-for-lattes .moc-product-grid.moc-count-3,
body.tax-product_cat.term-matcha-for-lattes .moc-product-grid.moc-count-4{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
@media(max-width:680px){
  body.tax-product_cat.term-matcha-for-lattes .moc-product-grid.moc-count-1{
    grid-template-columns:1fr;
  }
  body.tax-product_cat.term-matcha-for-lattes .moc-product-grid.moc-count-2,
  body.tax-product_cat.term-matcha-for-lattes .moc-product-grid.moc-count-3,
  body.tax-product_cat.term-matcha-for-lattes .moc-product-grid.moc-count-4{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
