/* MIDMOD — strony projektantów i producentów + huby A–Z (v1.0, 12.10.2026) */
.mm-mk{--mk-ink:#1a1a1a;--mk-mute:#77726a;--mk-soft:#5f5a52;--mk-text:#3d3a35;--mk-bg:#f4f2ee;--mk-bg2:#ebe7df;--mk-line:#e6e3dc;--mk-r:5px;color:var(--mk-ink)}
.mm-mk .container{max-width:1320px}
.mm-mk-crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--mk-mute);padding:22px 0 0}
.mm-mk-crumbs a{color:var(--mk-mute);text-decoration:none}
.mm-mk-crumbs a:hover{color:var(--mk-ink)}
.mm-mk-crumbs [aria-current]{color:var(--mk-ink)}

.mm-mk-hero{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:center;padding:28px 0 40px}
.mm-mk-hero--noimg{grid-template-columns:minmax(0,1fr)}
.mm-mk-hero--noimg .mm-mk-hero__text{max-width:780px}
.mm-mk-eyebrow{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mk-mute);margin:0 0 14px}
.mm-mk-h1{font-size:52px;line-height:1.08;font-weight:500;letter-spacing:-.015em;margin:0 0 18px;color:var(--mk-ink)}
.mm-mk-page{font-size:.5em;color:var(--mk-mute);font-weight:400}
.mm-mk-lead{font-size:18px;line-height:1.65;color:var(--mk-soft);margin:0 0 22px;max-width:620px}
.mm-mk-meta{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:14px;color:var(--mk-mute);margin:0 0 26px}
.mm-mk-meta b{color:var(--mk-ink);font-weight:500}
.mm-mk-chips{display:flex;flex-wrap:wrap;gap:8px}
.mm-mk-chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:var(--mk-r);background:var(--mk-bg);font-size:14px;font-weight:500;text-decoration:none;color:var(--mk-ink)}
.mm-mk-chip small{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mk-mute)}
.mm-mk-chip:hover{background:var(--mk-bg2);color:var(--mk-ink)}
.mm-mk-hero__img{height:420px;border-radius:var(--mk-r);background:var(--mk-bg);overflow:hidden}
.mm-mk-hero__img img{width:100%;height:100%;object-fit:contain;display:block}

.mm-mk-products{border-top:1px solid var(--mk-line);padding-top:32px}
.mm-mk-products .woocommerce-pagination{margin-top:40px}
.mm-mk-empty{border-top:1px solid var(--mk-line);border-bottom:1px solid var(--mk-line);padding:36px 0;margin:0}
.mm-mk-empty__title{font-size:20px;font-weight:500;margin:0 0 8px;color:var(--mk-ink)}
.mm-mk-empty p{font-size:16px;line-height:1.7;color:var(--mk-soft);margin:0}
.mm-mk-empty a{color:var(--mk-ink);text-underline-offset:3px}

.mm-mk-sec{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:56px;padding:64px 0;border-top:1px solid var(--mk-line)}
.mm-mk-products+.mm-mk-sec,.mm-mk-empty+.mm-mk-sec{margin-top:48px}
.mm-mk-h2{font-size:30px;line-height:1.2;font-weight:500;letter-spacing:-.01em;margin:0;color:var(--mk-ink)}
.mm-mk-txt p{font-size:16.5px;line-height:1.8;color:var(--mk-text);margin:0 0 16px}
.mm-mk-txt p:last-child{margin-bottom:0}
.mm-mk-txt a{color:var(--mk-ink);text-decoration:underline;text-underline-offset:3px}
.mm-mk-txt h3{font-size:19px;font-weight:500;margin:24px 0 8px}
.mm-mk-txt ul{margin:0 0 16px 1.2em;color:var(--mk-text);line-height:1.8}

.mm-mk-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 32px;border-top:1px solid var(--mk-line);border-bottom:1px solid var(--mk-line)}
.mm-mk-facts div{padding:16px 18px 16px 0}
.mm-mk-facts dt{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mk-mute);margin:0 0 6px}
.mm-mk-facts dd{margin:0;font-size:16px;font-weight:500;color:var(--mk-ink)}

.mm-mk-works{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mm-mk-works li{background:var(--mk-bg);border-radius:var(--mk-r);padding:20px 22px}
.mm-mk-works h3{font-size:18px;font-weight:500;margin:0 0 4px;color:var(--mk-ink)}
.mm-mk-works p{font-size:15px;line-height:1.6;color:var(--mk-soft);margin:0}
.mm-mk-works .mm-mk-works__meta{font-size:13px;letter-spacing:.02em;color:var(--mk-mute);margin:0 0 8px}

.mm-mk-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.mm-mk-tile{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border-radius:var(--mk-r);background:var(--mk-bg);text-decoration:none;color:var(--mk-ink)}
.mm-mk-tile:hover{background:var(--mk-bg2);color:var(--mk-ink)}
.mm-mk-tile small{font-size:12px;color:var(--mk-mute);letter-spacing:.04em;text-transform:uppercase;font-weight:600}
.mm-mk-tile span{font-size:16px;font-weight:500}
.mm-mk-tile em{font-style:normal;font-size:13.5px;color:var(--mk-mute)}

.mm-mk-blk{padding:64px 0;border-top:1px solid var(--mk-line)}
.mm-mk-blk--last{padding-bottom:96px}
.mm-mk-head{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px 16px;margin:0 0 28px}
.mm-mk-head span{font-size:14px;color:var(--mk-mute)}
.mm-mk-head a{font-size:15px;color:var(--mk-ink);text-decoration:underline;text-underline-offset:3px}

.mm-mk-sold{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.mm-mk-sold a{display:flex;flex-direction:column;gap:10px;text-decoration:none;color:var(--mk-soft)}
.mm-mk-sold__img{display:block;aspect-ratio:1/1;border-radius:var(--mk-r);background:var(--mk-bg);overflow:hidden;opacity:.75}
.mm-mk-sold__img img{width:100%;height:100%;object-fit:cover;display:block}
.mm-mk-sold__name{font-size:13.5px;line-height:1.45}
.mm-mk-sold a:hover .mm-mk-sold__img{opacity:1}

.mm-mk-notify{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px;align-items:center;background:var(--mk-bg);border-radius:var(--mk-r);padding:36px 40px;margin:0 0 64px}
.mm-mk-notify p{font-size:16px;line-height:1.7;color:var(--mk-soft);margin:10px 0 0}
.mm-mk-notify .wpforms-container{margin:0!important}

.mm-mk-rel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.mm-mk-rcard{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:var(--mk-ink)}
.mm-mk-rcard__img{display:block;aspect-ratio:3/2;border-radius:var(--mk-r);background:var(--mk-bg);overflow:hidden;margin-bottom:6px}
.mm-mk-rcard__img img{width:100%;height:100%;object-fit:cover;display:block}
.mm-mk-rcard small{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mk-mute)}
.mm-mk-rcard__title{font-size:20px;font-weight:500}
.mm-mk-rcard:hover{color:var(--mk-soft)}

/* Hub A–Z (strony /projektanci/, /producenci/) */
.mm-mk-az{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 32px}
.mm-mk-az a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;border-radius:5px;background:#f4f2ee;color:#1a1a1a;text-decoration:none;font-weight:500}
.mm-mk-az a:hover{background:#ebe7df}
.mm-mk-hub{columns:3 260px;column-gap:48px}
.mm-mk-hub section{break-inside:avoid;margin:0 0 28px}
.mm-mk-hub h2{font-size:24px;font-weight:500;margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid #e6e3dc}
.mm-mk-hub ul{list-style:none;margin:0;padding:0}
.mm-mk-hub li{padding:5px 0;font-size:16px}
.mm-mk-hub li a{color:#1a1a1a;text-decoration:none}
.mm-mk-hub li a:hover{text-decoration:underline;text-underline-offset:3px}
.mm-mk-hub li span{font-size:13px;color:#77726a;margin-left:4px}

@media (max-width:991px){
	.mm-mk-hero{grid-template-columns:1fr;gap:24px;padding:16px 0 28px}
	.mm-mk-hero__img{height:240px;order:-1}
	.mm-mk-h1{font-size:34px}
	.mm-mk-lead{font-size:16px}
	.mm-mk-sec{grid-template-columns:1fr;gap:20px;padding:44px 0}
	.mm-mk-h2{font-size:24px}
	.mm-mk-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
	.mm-mk-works{grid-template-columns:1fr}
	.mm-mk-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
	.mm-mk-sold{grid-template-columns:repeat(3,minmax(0,1fr))}
	.mm-mk-rel{grid-template-columns:1fr}
	.mm-mk-blk{padding:44px 0}
	.mm-mk-notify{grid-template-columns:1fr;gap:16px;padding:24px 20px}
}