/* Metr i Nitka 1.4.2 — spójność zdjęć, siatki i proporcji (ładowany po main.css). */
:root{--mn-photo-radius:12px}
.mn-hero{background-image:linear-gradient(90deg,rgba(250,247,241,.97) 0%,rgba(250,247,241,.88) 34%,rgba(250,247,241,.03) 75%),var(--mn-hero-desktop);background-position:center;background-size:cover;background-repeat:no-repeat}
.mn-categories,.mn-editorial,.mn-extra-grid,.mn-blog-grid,.mn-product-grid{align-items:stretch}
.mn-category,.mn-extra-card,.mn-product,.mn-blog{min-width:0;height:100%;overflow:hidden}
.mn-category{display:flex;flex-direction:column;transform:translateZ(0)}
.mn-category>img{display:block;width:100%;height:auto;aspect-ratio:1200/845;object-fit:cover;flex:0 0 auto}
.mn-cat-info{display:flex;flex:1;flex-direction:column;position:relative;min-height:108px;padding:16px}
.mn-cat-info strong{padding-right:30px;min-height:48px;line-height:1.23}
.mn-cat-info small{margin-top:auto;padding:4px 16px 0 0;line-height:1.4}
.mn-category img,.mn-feature img,.mn-blog img,.mn-sew-grid img,.mn-extra-card img{display:block;max-width:100%}
.mn-editorial{grid-auto-flow:row}
.mn-feature{height:320px;min-height:320px;isolation:isolate}
.mn-feature img{width:100%;height:100%;object-fit:cover;filter:none;opacity:.88}
.mn-feature::after{background:linear-gradient(0deg,rgba(4,31,35,.94) 0%,rgba(4,31,35,.58) 40%,rgba(4,31,35,.07) 88%)}
.mn-feature div{bottom:18px;left:20px;right:18px}
.mn-feature h3{font-size:clamp(23px,2.3vw,29px)}
.mn-feature p{line-height:1.45}
.mn-feature .mn-photo-szycie{object-position:57% center}
.mn-feature .mn-photo-pralnia{object-position:52% center}
.mn-extra-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.mn-extra-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--mn-photo-radius);background:#fff;box-shadow:var(--shadow);text-decoration:none}
.mn-extra-card>img{display:block;width:100%;height:auto;aspect-ratio:1200/845;object-fit:cover;flex:0 0 auto}
.mn-extra-content{display:flex;flex:1;flex-direction:column;padding:20px 20px 22px;min-height:174px}
.mn-extra-content h3{font:700 23px/1.2 Georgia,serif;color:var(--petrol);margin:0 0 8px}
.mn-extra-content p{margin:0 0 12px;font-size:14px;color:var(--muted);line-height:1.5}
.mn-extra-content span{font-size:14px;font-weight:750;color:var(--rust);margin-top:auto}
.mn-sew-grid img{width:100%;height:300px;max-height:none;object-fit:cover;object-position:55% center}
.mn-blog{display:flex;flex-direction:column}
.mn-blog>a:first-child{display:block}
.mn-blog img{display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:cover}
.mn-blog p{flex:1}
.mn-product{display:flex;flex-direction:column}
.mn-product>a:first-child{display:block}
.mn-product>a:first-child img{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain}
.mn-product .mn-textlink{margin-top:auto}
.mn-brand img,.mn-footer-grid img{display:block;height:auto;object-fit:contain}
/* On tablet 3 narrow feature cards caused text crowding; use 2+1 composition. */
@media (min-width:701px) and (max-width:1050px){
 .mn-editorial{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mn-feature:last-child{grid-column:1/-1;height:275px;min-height:275px}
 .mn-extra-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mn-extra-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:45% 1fr;align-items:stretch}
 .mn-extra-card:last-child>img{height:100%;aspect-ratio:auto;min-height:235px}
 .mn-extra-card:last-child .mn-extra-content{min-height:0;justify-content:center}
}
@media(max-width:700px){
 .mn-hero{background-image:linear-gradient(180deg,rgba(250,247,241,.97) 0%,rgba(250,247,241,.95) 50%,rgba(250,247,241,.20) 85%,rgba(250,247,241,.06) 100%),var(--mn-hero-mobile)!important;background-position:center!important;background-size:cover;min-height:640px;align-items:flex-start}
 .mn-hero-in{padding-top:30px;padding-bottom:165px}
 .mn-hero h1{font-size:clamp(30px,8vw,38px)}
 .mn-hero p{max-width:95%;font-size:14px}
 .mn-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .mn-category>img{aspect-ratio:1.23;object-position:center}
 .mn-cat-info{padding:12px 10px 13px;min-height:128px}
 .mn-cat-info strong{font-size:clamp(14px,3.9vw,16px);min-height:42px;padding-right:24px}
 .mn-cat-info small{font-size:11px;padding-right:0}
 .mn-cat-info b{top:12px;right:5px}
 .mn-editorial,.mn-blog-grid,.mn-extra-grid{grid-template-columns:1fr}
 .mn-feature,.mn-feature:last-child{grid-column:auto;height:285px;min-height:285px}
 .mn-extra-grid{gap:15px}
 .mn-extra-card:last-child{display:flex;grid-column:auto}
 .mn-extra-card>img,.mn-extra-card:last-child>img{aspect-ratio:1.8;height:auto;min-height:0}
 .mn-extra-content{min-height:0;padding:16px 17px 18px}
 .mn-sew-grid img{height:235px}
}
@media(max-width:430px){
 .mn-hero{min-height:650px}
 .mn-category>img{aspect-ratio:1.18}
 .mn-cat-info{min-height:132px}
 .mn-hero-flags{gap:8px}
}
@media (prefers-reduced-motion:reduce){.mn-category:hover{transform:none}}

/* SEO editorial landing + semantic article image; no layout shifts. */
.mn-seo-intro{font-size:17px;line-height:1.75;color:#445f61;max-width:820px;margin:0 0 25px}
.mn-seo-topic-links{margin:24px 0 36px;padding:22px;border-radius:12px;background:#f7f3ea}
.mn-seo-topic-links h2{font:700 23px Georgia,serif;margin:0 0 14px;color:#124f59}
.mn-seo-topic-links ul{list-style:none;margin:0;padding:0;display:flex;gap:10px;flex-wrap:wrap}
.mn-seo-topic-links li a{display:block;padding:9px 13px;border:1px solid #b7cbc6;border-radius:8px;background:#fff;color:#124f59;font-weight:700;text-decoration:none}
.mn-seo-topic-links li a:hover,.mn-seo-topic-links li a:focus-visible{border-color:#c85739;color:#ad3d23}
.mn-seo-pagination{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;margin:30px 0}
.mn-seo-pagination a{padding:9px 16px;background:#124f59;color:#fff;border-radius:7px}
.mn-seo-pagination a:hover{background:#073940;color:#fff}
.mn-paper img.mn-photo{display:block;max-height:430px;width:100%;object-fit:cover;aspect-ratio:16/9;border-radius:12px;margin:10px 0 26px}
.mn-paper .mn-article-text h3{font-size:21px;margin:26px 0 10px;color:#124f59}
.mn-article-text .mn-intro{font-size:18px;line-height:1.8;color:#34494c}
.mn-article-text a{overflow-wrap:anywhere}
@media(max-width:700px){.mn-seo-topic-links{padding:15px}.mn-seo-topic-links ul{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mn-seo-topic-links li a{font-size:12px;padding:8px}.mn-paper img.mn-photo{max-height:260px}}