/* Storefront Moramay — Merch shop (catálogo de merchandising) */
body.page-template-template-merch-php .storefront-breadcrumb,
body.page-template-template-merch-php .woocommerce-breadcrumb { display:none!important; }
/* Hero — full-bleed dark banner, centrado, igual al Design System */
.merch-hero{background:var(--mm-ink);color:#fff;text-align:center;
  padding:64px 40px 56px;width:100vw;position:relative;left:50%;right:50%;
  margin-left:-50vw;margin-right:-50vw;}
.merch-eyebrow{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:14px;}
.merch-hero h1{font-family:var(--mm-display);font-weight:400;font-size:clamp(32px,5vw,56px);
  line-height:1.1;color:#fff;margin:0 0 14px;}
.merch-hero h1 em{font-style:italic;color:var(--mm-honey);}
.merch-hero p{font-size:14.5px;color:rgba(255,255,255,.6);max-width:560px;margin:0 auto;}
.merch-hero-link{color:rgba(255,255,255,.85);text-decoration:underline;}
.merch-hero-link:hover{color:#fff;}

.merch-wrap{max-width:1140px;margin:0 auto;padding:48px 80px 80px;font-family:var(--mm-sans);}
.merch-filters{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:36px;}
.merch-filter{font-family:var(--mm-sans);font-size:11px;letter-spacing:.12em;text-transform:uppercase;
  padding:9px 18px;border:1.5px solid var(--mm-ink-15);background:transparent;color:var(--mm-ink-70);
  cursor:pointer;border-radius:999px;transition:all .2s;}
.merch-filter:hover{border-color:var(--mm-accent);color:var(--mm-accent);}
.merch-filter.on{background:var(--mm-accent);border-color:var(--mm-accent);color:#fff;}
.merch-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.merch-card{background:var(--mm-bone);border-radius:14px;overflow:hidden;
  display:flex;flex-direction:column;transition:box-shadow .2s;}
.merch-card:hover{box-shadow:0 12px 32px rgba(31,23,57,.10);}
.merch-img{position:relative;aspect-ratio:1;background:var(--mm-paper-soft);}
.merch-img img{width:100%;height:100%;object-fit:cover;display:block;cursor:pointer;}
.merch-badge{position:absolute;top:12px;left:12px;z-index:3;background:var(--mm-accent);color:#fff;
  font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;padding:4px 10px;border-radius:999px;}
.merch-body{padding:20px 20px 22px;display:flex;flex-direction:column;flex:1;}
.merch-cat{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--mm-ink-50);margin-bottom:5px;}
.merch-name{font-family:var(--mm-display);font-size:21px;font-weight:400;color:var(--mm-ink);line-height:1.1;margin-bottom:auto;cursor:pointer;}
.merch-foot{display:flex;align-items:center;justify-content:space-between;margin-top:16px;}
.merch-price{font-family:var(--mm-display);font-size:20px;color:var(--mm-ink);}
.merch-add{background:var(--mm-accent);color:#fff;border:none;border-radius:999px;
  padding:8px 16px;font-family:var(--mm-sans);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;
  cursor:pointer;transition:filter .2s;}
.merch-add:hover{filter:brightness(1.1);}
.merch-add[disabled]{opacity:.6;cursor:default;}
.merch-empty{text-align:center;font-size:13px;color:var(--mm-ink-50);padding:40px 0;}

@media (max-width:1024px){.merch-grid{grid-template-columns:repeat(3,1fr);}}
@media (max-width:768px){
  .merch-wrap{padding:32px 24px 56px;}
  .merch-grid{grid-template-columns:1fr 1fr;gap:12px;}
}
@media (max-width:480px){.merch-grid{grid-template-columns:1fr;}}