.elementor-kit-6{--e-global-color-primary:#28583B;--e-global-color-secondary:#39764F;--e-global-color-text:#31392D;--e-global-color-accent:#39764F;--e-global-color-muted:#70786D;--e-global-color-bg:#FBF8F0;--e-global-color-cream:#F7F0DF;--e-global-color-sand:#F4E8BE;--e-global-color-mint:#EDF5EE;--e-global-color-line:#E4DED0;--e-global-color-white:#FFFFFF;--e-global-color-mintline:#D6E7D9;--e-global-typography-primary-font-family:"Baloo 2";--e-global-typography-primary-font-size:40px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:1.12em;--e-global-typography-secondary-font-family:"Baloo 2";--e-global-typography-secondary-font-size:22px;--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-text-font-family:"Figtree";--e-global-typography-text-font-size:17px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.6em;--e-global-typography-accent-font-family:"Figtree";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:700;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* MM Drew – wspólne style nowych podstron (kategoria, karty modeli, poradnik).
   Wklejane do Elementor > Ustawienia witryny > Własny CSS. Wszystko pod klasą .mm,
   więc nie dotyka strony głównej. Kolory = globalne kolory Elementora (--e-global-color-*). */
.mm{--bg:#FBF8F0;--surface:#FFFFFF;--cream:#F7F0DF;--sand:#F4E8BE;--mint:#EDF5EE;--line:#E4DED0;--line-2:#DDD6C8;--ink:#31392D;--muted:#70786D;--green:#39764F;--green-dark:#28583B;--green-tint:#28583B1A;--r-card:24px;--r-sm:14px;--r-pill:48px;--shadow:0 10px 30px -12px rgba(40,88,59,.25);--font-head:"Baloo 2",system-ui,sans-serif;--font-body:"Figtree",system-ui,sans-serif;font-family:var(--font-body);color:var(--ink)}
/* Elementy flex nie mogą być szersze niż kontener (inaczej szeroka tabela rozpycha stronę na telefonie). */
.mm .elementor-element{min-width:0;max-width:100%}
.mm .tbl-wrap{max-width:100%;-webkit-overflow-scrolling:touch}
.mm p{margin:0 0 1em}.mm p:last-child{margin-bottom:0}
.mm a{color:var(--green-dark)}
.mm .elementor-widget-text-editor{font-size:17px;line-height:1.6}
.mm .eyebrow{display:inline-block;font:600 14px/1 var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--green);background:var(--mint);padding:8px 14px;border-radius:var(--r-pill)}
.mm .muted,.mm .muted p{color:var(--muted)}
.mm .lead{font-size:19px}
.mm .todo{background:var(--sand);color:var(--ink);border-radius:6px;padding:0 5px;font-weight:600;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.mm .ticks{list-style:none;padding:0;margin:0}
.mm .ticks li{position:relative;padding:0 0 12px 34px}
.mm .ticks li::before{content:"";position:absolute;left:0;top:3px;width:22px;height:22px;border-radius:50%;background:var(--mint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2328583B' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/13px no-repeat}
.mm .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap;font:700 16px/1 var(--font-body);padding:17px 28px;border-radius:var(--r-pill);border:2px solid var(--green-dark);text-decoration:none;cursor:pointer;transition:.2s}
.mm .btn-primary{background:var(--green-dark);color:#fff}.mm .btn-primary:hover{background:var(--green);border-color:var(--green)}
.mm .btn-ghost{background:transparent;color:var(--green-dark)}.mm .btn-ghost:hover{background:var(--green-tint)}
.mm .elementor-button svg{width:18px;height:18px}

/* Okruszki */
.mm .crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;font-size:14px;color:var(--muted)}
.mm .crumbs li+li::before{content:"›";margin-right:8px;color:var(--line-2)}
.mm .crumbs a{color:var(--muted);text-decoration:none}

/* Hero */
.mm .bluf{font-size:19px}
.mm .cert-badge{display:flex;gap:14px;align-items:center;background:var(--surface);border:1.5px solid var(--green);border-radius:var(--r-card);padding:14px 18px;text-decoration:none;color:var(--ink)}
.mm .cert-badge:hover{background:var(--mint)}
.mm .cert-badge img{flex:none;width:58px;height:58px;object-fit:contain}
.mm .cert-badge b{display:block;font:700 17px/1.2 var(--font-head);color:var(--green-dark)}
.mm .cert-badge small{color:var(--muted);font-size:13.5px}
.mm .cert-badge .go{margin-left:auto;font-weight:700;font-size:14px;color:var(--green-dark);white-space:nowrap}
.mm .trust{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0;padding:0;list-style:none}
.mm .trust li{background:var(--cream);border-radius:var(--r-sm);padding:14px;font-size:14px;color:var(--muted)}
.mm .trust b{display:block;font:800 24px/1.1 var(--font-head);color:var(--green-dark)}
.mm .mm-collage{display:grid!important;grid-template-columns:1.3fr 1fr;grid-template-rows:1fr 1fr;gap:14px;aspect-ratio:5/4}
.mm .mm-collage>.elementor-element{width:100%!important;height:100%;margin:0}
.mm .mm-collage>.elementor-element:first-child{grid-row:span 2}
.mm .mm-collage .elementor-widget-container,.mm .mm-collage a{display:block;height:100%}
.mm .mm-collage img{width:100%;height:100%!important;object-fit:cover;border-radius:var(--r-card);box-shadow:var(--shadow);background:var(--cream)}

/* Karty modeli (kafelki w kategorii, generowane shortcodem [mm_karty]) */
.mm .filters{display:flex;gap:8px;flex-wrap:wrap}
.mm .filters button{font:600 14px var(--font-body);border:1px solid var(--line-2);background:var(--surface);color:var(--ink);border-radius:var(--r-pill);padding:10px 16px;cursor:pointer;line-height:1.2}
.mm .filters button:hover{border-color:var(--green)}
.mm .filters button[aria-pressed="true"]{background:var(--green-dark);border-color:var(--green-dark);color:#fff}
.mm .pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.mm .pcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}
.mm .pcard:hover{box-shadow:var(--shadow);transform:translateY(-2px)}
.mm .pcard.is-hidden{display:none}
.mm .pimg{position:relative;display:block;background:var(--cream);aspect-ratio:1536/1086}
.mm .pimg img{width:100%;height:100%;object-fit:cover;display:block}
.mm .pimg::after{content:"Certyfikat";position:absolute;left:12px;top:12px;background:rgba(255,255,255,.95) url("/wp-content/uploads/2026/10/certyfikat-bezpieczenstwa.png") 6px center/22px no-repeat;border-radius:var(--r-pill);padding:6px 10px 6px 32px;font:700 12px/1 var(--font-body);color:var(--green-dark);pointer-events:none}
.mm .pbody{padding:20px 22px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.mm .pbody h3{margin:0;font:700 23px/1.15 var(--font-head);color:var(--green-dark)}
.mm .pbody h3 a{color:inherit;text-decoration:none}
.mm .pbody p{margin:0;font-size:15px}
.mm .pmeta{display:flex;gap:8px;flex-wrap:wrap;list-style:none;margin:4px 0 0;padding:0}
.mm .pmeta li{background:var(--mint);color:var(--green-dark);font-size:13px;font-weight:700;border-radius:var(--r-pill);padding:5px 11px}
.mm .pmeta li:empty{display:none}
.mm .pfoot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}
.mm .pprice{font-size:15px}.mm .pprice b{font:800 22px var(--font-head);color:var(--green-dark)}
.mm .btn-sm{padding:11px 16px;font-size:14px}
.mm .btn-white{background:#fff;color:var(--green-dark);border-color:#fff}.mm .btn-white:hover{background:var(--mint);border-color:var(--mint)}
.mm .pcard-custom{background:var(--green-dark);border-color:var(--green-dark);color:#E9F1EA}
.mm .pcard-custom h3{color:#fff}
.mm .pcard-custom p,.mm .pcard-custom li{color:#E9F1EA}
.mm .pcard-custom .eyebrow{background:#ffffff1f;color:#fff;align-self:flex-start}
.mm .pcard-custom .btn{align-self:flex-start;margin-top:auto}
.mm .mini-steps{margin:6px 0 12px;padding-left:20px;font-size:15px}

/* Karta modelu */
.mm .mm-h1{font:800 54px/1.08 var(--font-head);color:var(--green-dark);margin:0 0 .4em}
.mm .mm-h{font:700 40px/1.12 var(--font-head);color:var(--green-dark);margin:0}
.mm .contact .mm-h{color:#fff}
.mm .gallery-main{border-radius:var(--r-card);overflow:hidden;background:var(--cream);aspect-ratio:1536/1086;box-shadow:var(--shadow)}
.mm .gallery-main img{width:100%;height:100%;object-fit:cover;display:block}
.mm .gallery-main.ph,.mm .case .ph{display:grid;place-items:center;color:var(--muted);font-weight:600}
.mm .thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px}
.mm .thumbs button{padding:0;border:2px solid transparent;border-radius:var(--r-sm);overflow:hidden;cursor:pointer;background:var(--cream);aspect-ratio:4/3}
.mm .thumbs button[aria-current="true"]{border-color:var(--green-dark)}
.mm .thumbs img{width:100%;height:100%;object-fit:cover;display:block}
.mm .chips{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px;padding:0;list-style:none}
.mm .chips li{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-pill);padding:9px 15px;font-size:15px;font-weight:600}
.mm .price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:18px 22px}
.mm .price strong{font:800 30px/1 var(--font-head);color:var(--green-dark)}
.mm .price small{color:var(--muted);font-size:14px}
.mm .variants{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.mm .variant{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:26px;display:flex;flex-direction:column;gap:8px}
.mm .variant.is-pop{border:2px solid var(--green-dark);position:relative}
.mm .variant.is-pop::after{content:"Najczęściej wybierany";position:absolute;top:-13px;left:22px;background:var(--green-dark);color:#fff;font-size:13px;font-weight:700;padding:5px 12px;border-radius:var(--r-pill)}
.mm .variant .size{font:800 32px/1 var(--font-head);color:var(--green-dark)}
.mm .variant ul{margin:6px 0 14px;padding-left:18px;color:var(--muted)}
.mm .variant .btn{margin-top:auto}
.mm .docs{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.mm .docs a{display:flex;align-items:center;gap:14px;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-sm);padding:14px 16px;text-decoration:none;color:var(--ink);font-weight:600}
.mm .docs a:hover{border-color:var(--green)}
.mm .docs .ico{flex:none;width:40px;height:40px;border-radius:10px;background:var(--mint);display:grid;place-items:center;color:var(--green-dark);font:800 12px var(--font-body)}
.mm .docs small{display:block;font-weight:400;color:var(--muted)}
.mm .cases{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.mm .case{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden}
.mm .case>div{padding:20px}
.mm .case p{margin:6px 0 0}
.mm .mm-faq{max-width:860px}
.mm .mm-faq details{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);margin-bottom:12px}
.mm .mm-faq summary{list-style:none;cursor:pointer;padding:20px 56px 20px 22px;font:700 19px/1.3 var(--font-head);color:var(--ink);position:relative}
.mm .mm-faq summary::-webkit-details-marker{display:none}
.mm .mm-faq summary::after{content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:26px;color:var(--green)}
.mm .mm-faq details[open] summary::after{content:"–"}
.mm .mm-faq details p{padding:0 22px 20px;margin:0}
.mm .models{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.mm .model{text-decoration:none;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden}
.mm .model img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}
.mm .model span{display:block;padding:12px 14px;font-weight:700}

/* Tabele */
.mm .tbl-wrap{overflow-x:auto;border-radius:var(--r-card)}
.mm .spec{width:100%;border-collapse:separate;border-spacing:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;margin:0;font-size:16px}
.mm .spec th,.mm .spec td{text-align:left;padding:15px 20px;border:0;border-bottom:1px solid var(--line);vertical-align:top;background:none}
.mm .spec tr:last-child th,.mm .spec tr:last-child td{border-bottom:0}
.mm .spec th{width:44%;font-weight:600;color:var(--muted);background:#FDFBF6}
.mm .spec tbody tr:hover>*{background:inherit}
.mm .cmp{min-width:760px}
.mm .cmp thead th{background:var(--green-dark);color:#fff;font-weight:600;width:auto}
.mm .cmp tbody th{width:auto}
.mm .cmp a{font-weight:700;text-decoration:none}
.mm .seo-copy h3{font:700 19px/1.2 var(--font-head);color:var(--green-dark);margin:14px 0 4px}
.mm .seo-copy h3:first-child{margin-top:0}
.mm .seo-copy p{font-size:15.5px;margin:0}

/* Certyfikat */
.mm .doc{position:relative;background:#fff;border-radius:18px;padding:34px 34px 28px;box-shadow:0 24px 50px -20px rgba(40,88,59,.35);border:1px solid var(--line);transform:rotate(-1.5deg);max-width:470px;margin:0 auto}
.mm .doc::before{content:"";position:absolute;inset:10px;border:2px solid var(--green-tint);border-radius:12px;pointer-events:none}
.mm .doc .org{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700}
.mm .doc .title{font:800 30px/1.05 var(--font-head);color:var(--green-dark);margin:6px 0 2px}
.mm .doc .sub{color:var(--muted);font-size:14px;margin-bottom:18px}
.mm .doc dl{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;margin:0 0 64px;font-size:14.5px}
.mm .doc dt{color:var(--muted)}.mm .doc dd{margin:0;font-weight:600}
.mm .doc .sign{width:150px;border-top:1px solid var(--line-2);font-size:12px;color:var(--muted);padding-top:6px}
.mm .marks{display:flex;gap:18px;align-items:center}
.mm .marks img{height:92px;width:auto}
.mm .doc .marks{position:absolute;right:20px;bottom:18px;gap:10px}
.mm .doc .marks img{height:64px}
.mm .verify{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.mm .verify div{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);padding:14px}
.mm .verify b{display:block;font:800 22px/1 var(--font-head);color:var(--green);margin-bottom:6px}
.mm .verify span{font-size:14px;color:var(--muted)}
.mm .tip{background:var(--sand);border-radius:var(--r-sm);padding:14px 16px;font-size:15px}

/* Kroki */
.mm .step-no{display:block;font:800 34px/1 var(--font-head);color:var(--green);margin-bottom:6px}

/* Realizacje */
.mm .case img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}
.mm .case .ph{aspect-ratio:4/3;background:var(--cream);padding:20px;text-align:center}
.mm .case .where{font-weight:700;color:var(--green-dark)}

/* FAQ (widget Akordeon) */
.mm .elementor-accordion .elementor-accordion-item{background:var(--surface);border:1px solid var(--line)!important;border-radius:var(--r-sm);margin-bottom:12px;overflow:hidden}
.mm .elementor-accordion .elementor-tab-title{padding:20px 22px;font:700 19px/1.3 var(--font-head)}
.mm .elementor-accordion .elementor-tab-content{padding:0 22px 20px;border:0!important;font-size:17px}

/* Formularz wyceny */
.mm .person{display:flex;gap:14px;align-items:center;background:#ffffff14;border-radius:var(--r-sm);padding:16px;color:#fff}
.mm .person .av{flex:none;width:52px;height:52px;border-radius:50%;background:var(--sand);color:var(--green-dark);display:grid;place-items:center;font:800 20px var(--font-head)}
.mm .person a{color:#fff;font-weight:700;text-decoration:none}
.mm .contact .ticks li,.mm .contact .lead{color:#E9F1EA}
.mm .contact .ticks li::before{background-color:#ffffff22;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E")}
.mm .elementor-form .elementor-field-group>label{font-size:14px;font-weight:600}
.mm .elementor-form .elementor-field-type-acceptance label{font-size:13px;font-weight:400;color:var(--muted)}
.mm .elementor-form .elementor-field-textual,.mm .elementor-form select{font-size:16px!important}
.mm .elementor-form .elementor-upload-field{border:2px dashed var(--line-2)!important;border-radius:12px;padding:14px;background:var(--bg);color:var(--muted);font-size:14px;width:100%}
.mm .elementor-form .elementor-upload-field::file-.elementor-kit-6-button{font:600 14px var(--font-body);color:var(--green-dark);background:var(--mint);border:0;border-radius:var(--r-pill);padding:8px 14px;margin-right:12px;cursor:pointer}
.mm .elementor-form .elementor-field-type-acceptance .elementor-field-subgroup{display:flex}
.mm .elementor-form .elementor-field-type-acceptance input{width:18px;height:18px;margin:2px 10px 0 0;flex:none}

/* Poradniki */
.mm .guides{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mm .guide{display:block;text-decoration:none;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);padding:20px}
.mm .guide:hover{border-color:var(--green)}
.mm .guide small{color:var(--green);font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.05em}
.mm .guide b{display:block;font:700 18px/1.3 var(--font-head);margin-top:6px}

@media (max-width:1024px){
  .mm .mm-collage{display:none!important}
  .mm .guides,.mm .pgrid,.mm .variants,.mm .cases{grid-template-columns:1fr 1fr}
  .mm .models{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:767px){
  .mm .lead,.mm .bluf{font-size:17px}
  .mm .eyebrow{font-size:11.5px;letter-spacing:.04em;padding:7px 11px;line-height:1.3}
  .mm .trust li{padding:10px;font-size:13px}.mm .trust b{font-size:20px}
  .mm .cert-badge .go{display:none}
  .mm .verify,.mm .guides,.mm .pgrid,.mm .variants,.mm .cases{grid-template-columns:1fr}
  .mm .models{grid-template-columns:1fr 1fr}
  .mm .mm-h1{font-size:34px}.mm .mm-h{font-size:28px}
  .mm .price strong{font-size:26px}
  .mm .doc{padding:26px 22px;transform:none}
  .mm .spec th,.mm .spec td{padding:12px 14px}
  .mm .elementor-button-wrapper,.mm .elementor-button{width:100%}
}
.mm .mm-mt{margin-top:40px}/* End custom CSS */