/*
Theme Name: LOVOL ALMAREN — wersja robocza
Author: ALMAREN
Description: Lekki motyw katalogowy LOVOL z czterema modelami. Bez zewnętrznych fontów i bibliotek.
Version: 0.23.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: lovol-almaren
*/
:root{--ink:#0c2447;--muted:#52606b;--yellow:#ffcc00;--line:#dce1e4;--paper:#f3f5f6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);font:16px/1.6 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,a{touch-action:manipulation}a:focus-visible,summary:focus-visible{outline:3px solid #2679c8;outline-offset:5px}h1,h2,h3,p{margin:0}h1{font-size:clamp(2.6rem,5.5vw,5.3rem);line-height:1.02;letter-spacing:-.04em;max-width:760px}h2{font-size:clamp(2rem,3.5vw,3.3rem);line-height:1.12;letter-spacing:-.035em}h3{font-size:1.6rem;line-height:1.25}.wrap{max-width:1280px;margin:auto;padding:0 36px}.draft{background:var(--yellow);font-size:14px;text-align:center;padding:5px 20px}.site-head{border-bottom:1px solid var(--line);background:white;position:sticky;top:0;z-index:9}.head-inner{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{font-size:26px;font-weight:900;letter-spacing:-1px;line-height:1}.brand small{display:block;font-size:12px;letter-spacing:3px;margin-top:8px;color:var(--muted)}nav{display:flex;gap:26px;font-size:15px;font-weight:bold}.btn{display:inline-flex;justify-content:center;align-items:center;padding:14px 23px;background:var(--yellow);border:1px solid var(--yellow);font-weight:bold;line-height:1.3;color:var(--ink)}.btn:hover{background:#efbf00;text-decoration:none}.btn.outline{background:transparent;border-color:#74808a;color:white}.eyebrow{font-size:14px;letter-spacing:2px;font-weight:bold;text-transform:uppercase;margin-bottom:22px}.hero{background:#181e23;color:white;padding:72px 0 0}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center}.hero p{color:#c4cbd0;max-width:590px;font-size:18px;margin:26px 0}.actions{display:flex;gap:12px;flex-wrap:wrap}.photo{position:relative}.photo img{width:100%;height:410px;object-fit:cover;display:block}.photo-label{background:var(--yellow);color:var(--ink);padding:14px 20px;position:absolute;bottom:-18px;left:22px;font-size:14px;font-weight:bold}.hero-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:70px;border-top:1px solid #455059;padding:24px 0}.hero-bar b{display:block;font-size:24px}.hero-bar span{color:#b8c2ca;font-size:14px}.section{padding:88px 0}.section-top{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:36px}.section-top p{max-width:390px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{border:1px solid var(--line);padding:26px 22px;display:flex;flex-direction:column;background:white}.card .num{font-size:14px;color:var(--muted);margin-bottom:38px}.card h3{font-size:27px}.card .tag{font-size:15px;color:var(--muted);min-height:55px;margin-top:12px}.mass{font-size:34px;font-weight:900;margin:30px 0 16px;letter-spacing:-1px}.mass span{font-size:16px;font-weight:normal;letter-spacing:0}.card .more{border-top:1px solid var(--line);padding-top:17px;margin-top:auto;font-weight:bold;font-size:15px}.shade{background:var(--paper)}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:690px;background:white}th,td{text-align:left;padding:20px;border-bottom:1px solid var(--line)}th{background:var(--ink);color:white}td:first-child{font-weight:bold}caption{text-align:left;font-size:14px;color:var(--muted);caption-side:bottom;padding-top:18px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:35px}.step{border-top:3px solid var(--yellow);padding-top:22px}.step b{font-size:14px;color:var(--muted)}.step h3{margin:12px 0}.step p{color:var(--muted)}.service{display:grid;grid-template-columns:1fr 1fr;gap:70px}.service p{color:var(--muted);margin-top:22px}.service aside{border-left:4px solid var(--yellow);padding:10px 0 10px 26px}.service aside h3{margin-bottom:10px}.contact{background:var(--yellow);padding:66px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px}.contact h2{max-width:570px}.contact p{margin-top:20px}.contact-links{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px}.phone{font-size:clamp(1.8rem,3vw,2.7rem);font-weight:900;letter-spacing:-1px}.mail{font-size:18px;overflow-wrap:anywhere}.footer{padding:30px 0;background:var(--ink);color:#d0d7dc;font-size:14px}.footer .wrap{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.foot-note{max-width:600px}.skip{position:absolute;left:-9999px}.skip:focus{left:15px;top:10px;background:white;padding:12px;z-index:99}.detail{padding:66px 0}.detail .lead{font-size:20px;color:var(--muted);max-width:730px;margin:24px 0 35px}.specs{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;max-width:720px;margin:35px 0}.spec{background:var(--paper);padding:25px}.spec b{display:block;font-size:32px}.detail ul{padding-left:20px}.detail li{margin:12px 0}.notice{font-size:14px;color:var(--muted);margin-top:22px;max-width:850px}.back{font-size:14px;display:inline-block;margin-bottom:25px}details{border-bottom:1px solid var(--line);padding:20px 0}summary{font-size:18px;font-weight:bold;cursor:pointer}details p{color:var(--muted);max-width:800px;margin-top:15px}.mobile-call{display:none}@media(max-width:1000px){nav{gap:15px}.head-call{display:none}.hero-grid{grid-template-columns:1fr 1fr}.cards{grid-template-columns:repeat(2,1fr)}.photo img{height:360px}}@media(max-width:700px){.wrap{padding:0 20px}.head-inner{min-height:78px;flex-wrap:wrap;gap:14px;padding-top:18px;padding-bottom:16px}nav{width:100%;justify-content:space-between;font-size:14px}.brand{font-size:24px}.hero{padding-top:45px}.hero-grid,.service,.contact-grid{grid-template-columns:1fr}.hero p{font-size:17px}.photo{margin-top:15px}.photo img{height:280px}.hero-bar{margin-top:45px;gap:12px}.hero-bar b{font-size:20px}.hero-bar span{font-size:13px}.section{padding:55px 0}.section-top{display:block}.section-top p{margin-top:20px}.cards{gap:12px}.card{padding:20px 16px}.card h3{font-size:24px}.card .num{margin-bottom:25px}.mass{font-size:29px}.steps{grid-template-columns:1fr;gap:28px}.service{gap:30px}.contact{padding:45px 0}.footer{padding-bottom:85px}.specs{grid-template-columns:1fr}.mobile-call{display:block;position:fixed;bottom:0;left:0;right:0;background:var(--ink);color:white;text-align:center;padding:16px;z-index:10;font-weight:bold;border-top:3px solid var(--yellow)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* ALMAREN 0.2: własna identyfikacja i fotografie modeli */
.brand{display:block;flex-shrink:0}.brand img{display:block;width:225px;height:auto}.head-inner{min-height:124px}.hero{background:#0c2447}.hero-grid{grid-template-columns:1fr 1.15fr}.hero h1{font-size:clamp(2.6rem,4.8vw,4.8rem)}.photo img{height:auto;object-fit:contain}.photo-label{left:15px;bottom:-15px}.model-photo{display:block;width:calc(100% + 44px);max-width:none;height:auto;margin:-5px -22px 22px}.card .num{margin-bottom:20px}.card h3{font-size:25px}.product-photo{margin:38px 0;max-width:1120px}.product-photo img{width:100%;height:auto;display:block}.product-photo figcaption{font-size:14px;color:var(--muted);margin-top:8px}.company-image{width:100%;height:auto;display:block}.almaren-about .service{align-items:center}.almaren-about strong{color:#d10b17}.btn{border-radius:2px}.card .more{color:#0c2447}.draft{background:#e8edf4;color:#0c2447}@media(max-width:1000px){.brand img{width:190px}.head-inner{gap:20px}.hero-grid{grid-template-columns:1fr}}@media(max-width:700px){.brand img{width:180px}.head-inner{min-height:0}.photo img{height:auto}.model-photo{width:calc(100% + 32px);margin-left:-16px;margin-right:-16px}.hero h1{font-size:2.8rem}.cards{grid-template-columns:1fr}.card .tag{min-height:0}.card .num{margin-bottom:12px}.model-photo{max-height:280px;object-fit:contain}.product-photo{margin:28px 0}.brand{margin:auto}.hero-bar{margin-top:40px}}

.lovol-mark{display:block;width:290px;max-width:100%;height:auto;background:white;padding:10px;margin-bottom:28px;border-radius:2px}

.brand img{width:240px;height:auto}@media(max-width:1000px){.brand img{width:210px}}@media(max-width:700px){.brand img{width:200px}}

.fr20-technical{margin:45px 0}.fr20-technical h2{margin-bottom:28px}.fr20-technical table{min-width:0}.fr20-technical th{width:45%}.fr20-technical td{overflow-wrap:anywhere}@media(max-width:700px){.fr20-technical th,.fr20-technical td{padding:14px 12px;font-size:15px}}

.hero-grid{grid-template-columns:1fr}.hero-grid>div:first-child{max-width:900px}.hero h1{max-width:900px}.hero .photo{margin-top:12px}.hero .photo img{width:100%;height:auto}.hero-bar{margin-top:45px}@media(max-width:700px){.hero .photo{margin-top:8px}.photo-label{font-size:12px;padding:8px 12px}}

/* Powrót do układu: tekst po lewej, mniejsze zdjęcie po prawej. */
.hero-grid{grid-template-columns:1.1fr .9fr;gap:42px;align-items:center}.hero-grid>div:first-child{max-width:650px}.hero h1{font-size:clamp(2.7rem,4.8vw,4.8rem);max-width:650px}.hero .photo{margin-top:0}.hero .photo img{width:100%;height:auto}.hero-bar{margin-top:65px}@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:30px}.hero .photo{max-width:620px}.hero h1{font-size:clamp(2.7rem,7vw,4.5rem)}}@media(max-width:700px){.hero-grid{gap:25px}.hero h1{font-size:2.8rem}.hero-bar{margin-top:45px}}

/* Responsywność i przewijanie tabel */
.hero-grid>*{min-width:0}.head-call{white-space:nowrap}.table-scroll{max-width:100%;overscroll-behavior-x:contain}img{max-width:100%}.head-inner nav{flex-wrap:wrap}
@media(max-width:1100px){.head-inner{gap:16px}nav{gap:14px}.brand img{width:190px}}
@media(max-width:700px){.head-call{display:inline-flex;padding:10px 14px;font-size:14px}.head-inner{justify-content:center}.brand{margin:0}.hero h1{font-size:clamp(2rem,8vw,2.8rem)}.hero-bar{grid-template-columns:1fr;gap:15px}.hero-bar>div{display:flex;align-items:baseline;gap:14px}.btn{min-height:44px}.section-top,.service,.contact-grid{min-width:0}.product-photo{margin-left:0;margin-right:0}.table-scroll:focus-visible{outline:3px solid #2679c8}}

.model-photo-link{display:block}.model-photo-link:hover img{filter:brightness(1.04)}.model-photo-link:focus-visible{outline:3px solid #2679c8;outline-offset:4px}

.company-image{width:70%;height:auto;margin:auto}.korbanek-logo{display:block;width:280px;max-width:100%;height:auto;margin:0 0 24px}

.header-contacts{background:var(--yellow);padding:10px 14px;flex-shrink:0;font-size:14px;line-height:1.55}.header-contacts>span{display:block;font-weight:bold;font-size:12px}.header-contacts>div{display:flex;flex-direction:column}.header-contacts a{font-weight:bold;white-space:nowrap}@media(max-width:1100px){.head-inner{flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.header-contacts{font-size:13px}}@media(max-width:700px){.head-inner nav{order:3}.header-contacts{padding:8px 12px}.header-contacts a{min-height:28px;display:flex;align-items:center}.brand img{width:160px}.head-inner{gap:12px}}