/*
Theme Name: Elastobinder DI-ZET
Theme URI: https://elastobinder.pl/
Author: DI-ZET
Description: Autorski motyw centrum technologii Cyklop Elastobinder. Bez zewnętrznych fontów, frameworków i API.
Version: 0.1.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 8.0
Text Domain: elastobinder-dizet
*/
:root{--navy:#062b4c;--navy2:#0c4263;--blue:#07578a;--orange:#f36b32;--green:#12883a;--ink:#17334b;--sub:#576a79;--light:#f4f8fa;--line:#dbe6ec;--white:#fff;--rad:20px;--width:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#fff;line-height:1.65}img{max-width:100%;height:auto}a{color:#075787;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{color:var(--navy);line-height:1.18;letter-spacing:-.03em;margin:0 0 .75em}h1{font-size:clamp(2.35rem,5.2vw,4.35rem);max-width:790px}h2{font-size:clamp(1.85rem,3.25vw,2.65rem)}h3{font-size:1.32rem}p{margin:0 0 1.1rem}.container{max-width:var(--width);margin:0 auto;padding:0 24px}.top-strip{background:var(--navy);color:#dcecf6;font-size:13px}.top-strip .container{display:flex;justify-content:space-between;gap:18px;padding-top:7px;padding-bottom:7px;flex-wrap:wrap}.top-strip a{color:#fff}.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.head-inner{min-height:86px;display:flex;justify-content:space-between;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:14px;text-decoration:none!important}.brand img{height:44px;width:auto;max-width:172px;object-fit:contain}.brand-caption{display:block;font-size:11px;color:var(--sub);line-height:1.25}.brand-caption strong{display:block;font-size:15px;letter-spacing:-.015em;color:var(--navy)}.desktop-nav{display:flex;align-items:center;gap:17px;flex-wrap:wrap}.desktop-nav a{font-weight:650;color:#23445b;font-size:14px}.desktop-nav .nav-cta{background:var(--orange);color:#fff;padding:12px 18px;border-radius:11px}.menu-toggle{display:none;background:#fff;border:1px solid var(--line);border-radius:12px;padding:9px 12px;font-weight:700;cursor:pointer}.hero{background:linear-gradient(122deg,#052a48 4%,#06486c 67%,#08757e);color:#fff;overflow:hidden}.hero-inner{display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:44px;min-height:570px;padding-top:66px;padding-bottom:70px}.hero h1{color:#fff;margin-bottom:19px}.hero p{font-size:18px;color:#d6e7f1;max-width:610px}.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.17em;font-size:12px;font-weight:800;color:#aae3d4;margin-bottom:18px}.hero-art{position:relative;min-height:440px;display:flex;align-items:center}.hero-art img{width:100%;max-height:440px;object-fit:cover;border-radius:24px;box-shadow:0 28px 85px #00172c85}.hero-art:after{content:'45 cykli/min*';position:absolute;right:-12px;bottom:15px;background:var(--orange);font-weight:900;padding:12px 17px;border-radius:11px;transform:rotate(-3deg)}.hero-note{font-size:12px!important;margin-top:12px;color:#b8cedc!important}.btn-row{display:flex;gap:12px;flex-wrap:wrap;margin:27px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:13px 20px;font-weight:750;text-decoration:none!important;border:1px solid transparent;cursor:pointer;line-height:1.4}.btn-primary{background:var(--orange);color:#fff!important}.btn-outline{border-color:#b9d7e4;color:#fff!important;background:#ffffff14}.btn-blue{background:var(--navy);color:#fff!important}.btn-ghost{background:#edf5f9;color:var(--navy)!important}.trust{border-bottom:1px solid var(--line);background:#fff}.trust-inner{padding:22px 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.trust-item{font-size:13px;color:#546a7a;font-weight:650}.trust-item strong{display:block;color:var(--navy);font-size:16px}.section{padding:78px 0}.section.gray{background:var(--light)}.section-top{max-width:800px;margin-bottom:31px}.section-top p{color:var(--sub);font-size:17px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.tile{background:#fff;border:1px solid var(--line);border-radius:var(--rad);overflow:hidden;box-shadow:0 10px 35px #123d5910}.tile:hover{border-color:#a1bac8}.tile-image{height:190px;width:100%;object-fit:cover;background:#f5f7f9}.tile-body{padding:24px}.tile .kicker{color:#08758d;font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.1em}.tile p{color:var(--sub)}.arrow-link{display:inline-flex;gap:8px;align-items:center;font-weight:800}.feature-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px}.feature-icon{font-size:29px;margin-bottom:8px}.centered{text-align:center}.pill{display:inline-block;padding:6px 11px;background:#e4f2f6;color:#065b76;border-radius:100px;font-size:12px;font-weight:750;margin-bottom:13px}.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.split img{border-radius:22px}.check-list{list-style:none;padding:0;margin:17px 0 23px}.check-list li{padding:7px 0 7px 29px;position:relative}.check-list li:before{content:'✓';position:absolute;left:0;color:var(--green);font-weight:900}.cta-band{background:#082f4f;color:#fff;padding:56px 0}.cta-band h2{color:#fff}.cta-band p{color:#bdd8e6}.cta-band .container{display:flex;justify-content:space-between;align-items:center;gap:28px}.site-footer{background:#071f34;color:#bdcddd;padding:54px 0 18px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.site-footer a{color:#e3edf3}.site-footer h3{color:#fff;font-size:18px}.footer-grid .foot-links a{display:block;padding:5px 0}.footer-logo{width:165px;background:white;padding:8px 12px;border-radius:8px}.footer-bottom{border-top:1px solid #315267;margin-top:34px;padding-top:16px;font-size:12px;color:#9eb1bd}.page-hero{padding:60px 0 42px;background:var(--light);border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(2.3rem,4vw,3.55rem);color:var(--navy)}.content-shell{padding:54px 24px 85px}.entry-content{max-width:900px;margin:auto}.entry-content h2,.entry-content h3{margin-top:1.7em}.entry-content table,.eb-table{width:100%;border-collapse:collapse;margin:26px 0;font-size:15px}.entry-content td,.entry-content th,.eb-table td,.eb-table th{border:1px solid var(--line);padding:11px;text-align:left;vertical-align:top}.entry-content th,.eb-table th{background:#e8f2f6;color:var(--navy)}.entry-content li{margin:5px 0}.breadcrumbs{font-size:13px;color:#6f8290;margin-bottom:15px}.breadcrumbs a{color:#52758c}.archive-grid{margin-top:24px}.post-meta{color:#637e8d;font-size:13px}.eb-toolbar{padding:15px;background:#e8f3f7;border-radius:12px}.site-note{font-size:13px;color:#69818d}.skip-link{position:absolute;top:-80px;left:0;padding:10px;background:#fff;z-index:99}.skip-link:focus{top:0}
@media(max-width:960px){.desktop-nav{display:none;position:absolute;top:86px;left:0;right:0;padding:22px;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch}.desktop-nav.open{display:flex}.menu-toggle{display:block}.hero-inner{grid-template-columns:1fr;gap:30px;padding-top:50px}.hero-art{min-height:260px}.hero-art img{max-height:335px}.trust-inner{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}.split{gap:25px}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.top-strip .container{justify-content:center;text-align:center}.head-inner{min-height:70px}.brand img{height:35px;max-width:135px}.brand-caption{font-size:10px}.brand-caption strong{font-size:13px}.desktop-nav{top:70px}.hero-inner{padding-top:43px}.hero-art{min-height:210px}.hero-art img{max-height:280px}.hero p{font-size:16px}.section{padding:53px 0}.grid-3,.grid-2,.split,.footer-grid{grid-template-columns:1fr}.trust-inner{grid-template-columns:repeat(2,1fr)}.cta-band .container{display:block}.tile-image{height:180px}.footer-grid{gap:18px}.content-shell{padding-top:36px}}
