/*
Theme Name: KLAMAG
Description: Motyw strony KLAMAG – druk 3D na zamówienie. Ciemny, z limonkowymi dodatkami.
Author: KLAMAG
Version: 1.0.0
Requires PHP: 8.0
Text Domain: klamag
*/

body{margin:0;background:#121314}
a{color:#c8f04a}a:hover{color:#c8f04a}
.kC{font-family:Inter,system-ui,sans-serif;color:#f2f2f0;background:#121314;font-size:17px;line-height:1.6;min-height:100vh;display:flex;flex-direction:column}
.kC main{flex:1}
.kC h1,.kC h2,.kC h3{font-family:Archivo,Inter,sans-serif;margin:0;line-height:1.08}
.kC .wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.kC .top{position:sticky;top:0;z-index:5;background:#0b0b0c;border-bottom:1px solid #2a2c2e}
.kC .topin{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:104px;flex-wrap:wrap}
.kC .brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.kC .brand img{width:96px;height:96px;display:block}
@media (max-width:760px){.kC .brand img{width:72px;height:72px}.kC .topin{min-height:84px}}
.kC .nav{display:flex;align-items:center;gap:4px}
.kC .nav a{color:#e6e6e3;text-decoration:none;font-weight:500;font-size:15px;padding:12px 10px;text-transform:uppercase;letter-spacing:.04em}
.kC .nav a:hover{color:#c8f04a}
.kC .nav a.on{color:#c8f04a;box-shadow:inset 0 -3px 0 #b5e61d}
.kC .tools{display:flex;align-items:center;gap:10px}
.kC .cta{display:inline-flex;align-items:center;min-height:48px;padding:0 18px;background:#b5e61d;color:#121314;text-decoration:none;font-weight:700}
.kC .cta:hover{background:#c8f04a;color:#121314}
.kC .cart{position:relative;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid #4a4c4f;background:transparent;color:#ffffff;cursor:pointer}
.kC .cart span{position:absolute;top:-7px;right:-7px;background:#b5e61d;color:#121314;font-size:12px;font-weight:700;min-width:22px;height:22px;display:flex;align-items:center;justify-content:center}
.kC .burger{display:none;background:transparent;border:1px solid #4a4c4f;color:#ffffff;width:48px;height:48px;align-items:center;justify-content:center;cursor:pointer}
.kC .hero{background-size:cover;background-position:center}
.kC .heroveil{background:rgba(11,11,12,.78);padding:128px 0 112px}
.kC .hero h1{font-size:76px;font-weight:800;max-width:820px;text-transform:uppercase;letter-spacing:-.01em}
.kC .hero h1 span{color:#b5e61d}
.kC .hero p.lead{font-size:21px;color:#d7d7d3;margin:28px 0 40px;max-width:600px}
.kC .btns{display:flex;gap:12px;flex-wrap:wrap}
.kC .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 26px;font-weight:700;text-decoration:none;font-size:16px;cursor:pointer;font-family:inherit;border:2px solid #b5e61d;box-sizing:border-box;text-align:center}
.kC .btn.o{background:#b5e61d;color:#121314}
.kC .btn.o:hover{background:#c8f04a;border-color:#c8f04a;color:#121314}
.kC .btn.g{background:transparent;color:#ffffff;border-color:#6a6c6f}
.kC .btn.g:hover{border-color:#ffffff;color:#ffffff}
.kC .phead{background:#0b0b0c;padding:56px 0 48px;border-bottom:1px solid #2a2c2e}
.kC .crumb{margin:0 0 14px;font-size:14px;color:#b5b5b1}
.kC .phead h1{font-size:60px;font-weight:800;text-transform:uppercase}
.kC .phead .lead{margin:14px 0 0;font-size:19px;color:#d7d7d3;max-width:680px}
.kC .sec{padding:88px 0}
.kC .alt{background:#18191b}
.kC .head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:40px}
.kC .eyebrow{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:#c8f04a;font-weight:700;margin:0 0 14px}
.kC .sec h2{font-size:46px;font-weight:800;text-transform:uppercase}
.kC .g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.kC .g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.kC .g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;align-items:start}
.kC .card{background:#1d1f21;border:1px solid #2e3033;padding:32px 28px;display:flex;flex-direction:column;gap:14px}
.kC .alt .card{background:#222427}
.kC .card h3{font-size:22px;font-weight:700}
.kC .card p{margin:0;color:#c3c3bf;font-size:16px}
.kC a.card{text-decoration:none;color:#f2f2f0}
.kC a.card:hover{border-color:#b5e61d}
.kC .more{font-weight:700;color:#c8f04a;margin-top:auto}
.kC .ico{width:56px;height:56px;border:2px solid #b5e61d;color:#b5e61d;display:flex;align-items:center;justify-content:center;flex:none}
.kC .nr{font-family:Archivo,sans-serif;font-weight:800;font-size:44px;color:#b5e61d;line-height:1}
.kC .filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:32px}
.kC .prod{background:#1d1f21;border:1px solid #2e3033;display:flex;flex-direction:column}
.kC .ph{aspect-ratio:1/1;background:#2a2c2e;color:#b5b5b1;display:flex;align-items:center;justify-content:center;font-size:15px}
.kC .pb{padding:20px;display:flex;flex-direction:column;gap:10px;flex:1}
.kC .pb h3{font-size:19px;font-weight:700}
.kC .pr{margin:0;font-family:Archivo,sans-serif;font-size:24px;font-weight:800;color:#c8f04a}
.kC .pb .btn{margin-top:auto}
.kC .photo{margin:0;position:relative;overflow:hidden;background:#222427}
.kC .photo img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
.kC .photo figcaption{position:absolute;left:0;right:0;bottom:0;background:rgba(11,11,12,.85);padding:16px 20px;font-weight:700}
.kC .band{background:#b5e61d;color:#121314;padding:48px 0}
.kC .bandin{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.kC .band h2{font-size:34px;font-weight:800;text-transform:uppercase}
.kC .band .btn{background:#121314;color:#ffffff;border-color:#121314}
.kC .steps{list-style:none;margin:0 0 32px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.kC .steps li{display:flex;gap:14px;align-items:center;background:#1d1f21;border:1px solid #2e3033;padding:16px;font-weight:600;font-size:15px;line-height:1.35}
.kC .steps b{font-family:Archivo,sans-serif;font-size:28px;color:#b5e61d;flex:none}
.kC .calcbox{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid #2e3033}
.kC .calcform{grid-column:span 3;padding:40px;display:flex;flex-direction:column;gap:24px;background:#1d1f21}
.kC .result{grid-column:span 2;background:#0b0b0c;border-left:4px solid #b5e61d;padding:40px;display:flex;flex-direction:column;gap:16px;justify-content:center}
.kC .price{font-family:Archivo,sans-serif;font-size:46px;font-weight:800;line-height:1.1;color:#ffffff}
.kC .small{font-size:15px;margin:0;color:#c3c3bf}
.kC .field{display:flex;flex-direction:column;gap:8px}
.kC label,.kC .lab{font-weight:600;font-size:15px}
.kC input,.kC textarea{font:inherit;font-size:16px;border:1px solid #55585c;padding:12px 14px;min-height:48px;box-sizing:border-box;width:100%;background:#121314;color:#f2f2f0}
.kC textarea{min-height:120px;resize:vertical}
.kC input:focus,.kC textarea:focus{outline:3px solid #b5e61d;outline-offset:0}
.kC .chk{display:flex;gap:12px;align-items:flex-start;background:#232a0f;border:1px solid #b5e61d;padding:16px;font-weight:500}
.kC .chk input{width:22px;height:22px;min-height:0;margin:2px 0 0;flex:none;accent-color:#b5e61d}
.kC .pills{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.kC .pill{min-height:52px;padding:0 18px;border:1px solid #55585c;background:#121314;color:#f2f2f0;font:inherit;font-weight:700;cursor:pointer}
.kC .pill.on{background:#b5e61d;color:#121314;border-color:#b5e61d}
.kC .dims{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.kC .row2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.kC .note{font-size:14px;color:#b5b5b1;margin:0}
.kC .file{border:2px dashed #55585c;padding:22px;display:flex;flex-direction:column;gap:8px;background:#121314}
.kC .fileok{background:#232a0f;border:1px solid #b5e61d;padding:12px 16px;font-size:15px;display:flex;flex-direction:column;gap:2px}
.kC .sum{background:#1d1f21;border:1px solid #2e3033;padding:32px;display:flex;flex-direction:column;gap:12px}
.kC .sum dl{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}
.kC .sum dt{color:#b5b5b1;font-size:14px}
.kC .sum dd{margin:0;font-weight:600}
.kC .form{background:#1d1f21;border:1px solid #2e3033;padding:40px;display:flex;flex-direction:column;gap:18px}
.kC .why{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px;align-items:center}
.kC .why img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.kC .list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:22px}
.kC .list li{display:flex;flex-direction:column;gap:4px;padding-bottom:22px;border-bottom:1px solid #2e3033}
.kC .list li b{font-family:Archivo,sans-serif;font-size:21px}
.kC .list li span{color:#c3c3bf}
.kC .big{font-family:Archivo,sans-serif;font-size:30px;font-weight:800;color:#ffffff;text-decoration:none}
.kC .big:hover{color:#c8f04a}
.kC .foot{background:#0b0b0c;color:#e6e6e3;padding:64px 0 32px;border-top:1px solid #2a2c2e}
.kC .foot a{color:#e6e6e3;text-decoration:none}
.kC .foot a:hover{color:#c8f04a}
.kC .fcols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.kC .fcols h3{font-size:15px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:14px;color:#c8f04a}
.kC .fcols ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:15px}
.kC .fbot{border-top:1px solid #2a2c2e;margin-top:48px;padding-top:24px;font-size:14px;color:#9a9a96}
.kC .mjump{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:48px;padding-bottom:24px;border-bottom:1px solid #2e3033}
.kC .mjump span{color:#b5b5b1;font-weight:600;margin-right:4px}
.kC .mjump a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid #4a4c4f;color:#f2f2f0;text-decoration:none;font-weight:600}
.kC .mjump a:hover{border-color:#b5e61d;color:#c8f04a}
.kC .mgrp{margin-bottom:64px;scroll-margin-top:130px}
.kC .mgrp:last-child{margin-bottom:0}
.kC .sec .mgrp h2{font-size:32px;margin-bottom:8px}
.kC .mlead{margin:0 0 24px;color:#c3c3bf;font-size:18px}
.kC .mcard{border-top:3px solid #b5e61d}
.kC .mcard h3{font-size:24px}
@media (max-width:1200px){
 .kC .nav a{padding:12px 7px;font-size:14px}
}
@media (max-width:1100px){
 .kC .nav a{padding:12px 8px;font-size:14px}
 .kC .cta{display:none}
}
@media (max-width:1000px){
 .kC .g4,.kC .fcols{grid-template-columns:repeat(2,minmax(0,1fr))}
 .kC .g3{grid-template-columns:repeat(1,minmax(0,1fr))}
 .kC .g2,.kC .why{grid-template-columns:repeat(1,minmax(0,1fr));gap:32px}
 .kC .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
 .kC .calcbox{grid-template-columns:repeat(1,minmax(0,1fr))}
 .kC .calcform,.kC .result{grid-column:span 1}
 .kC .result{border-left:0;border-top:4px solid #b5e61d}
 .kC .burger{display:flex}
 .kC .nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0;padding-bottom:16px;order:3}
 .kC .nav.open{display:flex}
 .kC .nav a{border-top:1px solid #2a2c2e}
}
@media (max-width:760px){
 .kC .heroveil{padding:64px 0 56px}
 .kC .hero h1{font-size:40px}
 .kC .phead h1{font-size:38px}
 .kC .sec{padding:56px 0}
 .kC .sec h2{font-size:30px}
 .kC .g4,.kC .steps,.kC .fcols{grid-template-columns:repeat(1,minmax(0,1fr))}
 .kC .pills{grid-template-columns:repeat(2,minmax(0,1fr))}
 .kC .dims,.kC .row2{grid-template-columns:repeat(1,minmax(0,1fr))}
 .kC .calcform,.kC .result,.kC .form,.kC .sum{padding:24px}
 .kC .price{font-size:36px}
}

/* --- Dodatki dla WordPressa --- */
.kC [hidden]{display:none !important}
.kC .photo img{height:auto}
.kC .kw-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.kC .kw-alert{padding:16px 20px;margin-bottom:24px;font-weight:600}
.kC .kw-alert-blad{background:#3a1414;border:1px solid #ff6b6b;color:#ffd6d6}
.kC .kw-ok{align-items:flex-start}
.kC .kw-mats{display:flex;flex-wrap:wrap;gap:10px}
.kC .kw-mats .pill{min-height:48px;padding:8px 16px;text-align:left}
.kC .kw-zgoda{background:#1d1f21;border-color:#4a4c4f}
.kC .tresc{max-width:820px}
.kC .tresc h2{font-size:28px;text-transform:none;margin:32px 0 12px}
.kC .tresc p,.kC .tresc li{color:#d7d7d3}
.kC .tresc a{color:#c8f04a}