/*
Theme Name: Miechucino Modern
Description: Nowoczesny motyw Auto Serwis Janczyk.
Version: 1.0.0
Text Domain: miechucino-modern
*/
:root{--ink:#121416;--paper:#f3f0e9;--red:#d62e2e;--muted:#686b6d;--line:#d5d0c6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{color:inherit}.skip{position:fixed;left:1rem;top:-5rem;background:#fff;padding:.7rem;z-index:99}.skip:focus{top:1rem}.site-header{height:86px;padding:0 clamp(1.25rem,5vw,5rem);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:rgba(243,240,233,.95);backdrop-filter:blur(12px);z-index:10;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;letter-spacing:.08em}.brand img{width:52px;height:52px;object-fit:contain}.brand b{color:var(--red)}nav{display:flex;gap:2rem;align-items:center}nav a{text-decoration:none;font-weight:700}.call,.primary{background:var(--red);color:#fff!important;padding:.8rem 1.15rem;text-decoration:none;display:inline-block;font-weight:700}.menu{display:none}.hero{min-height:calc(100vh - 86px);position:relative;display:grid;align-items:end;overflow:hidden;background:#111}.hero>img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.48}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78),transparent 75%)}.hero-copy{position:relative;z-index:1;color:#fff;padding:clamp(2rem,8vw,8rem);max-width:980px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:800;color:var(--red)}h1,h2{font-family:Georgia,serif;line-height:.98;margin:.3em 0;font-weight:500}h1{font-size:clamp(3rem,8vw,7rem)}h1 em{color:#ff4c43}.hero-copy>p:not(.eyebrow){max-width:620px;font-size:1.18rem}.actions{display:flex;gap:1rem;margin-top:2rem}.secondary{border:1px solid #fff;padding:.8rem 1.15rem;text-decoration:none;font-weight:700}.intro,.contact{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,8vw,9rem);padding:clamp(4rem,9vw,9rem)}h2{font-size:clamp(2.6rem,5vw,5rem)}.intro>div:last-child{font-size:1.15rem}.services{padding:clamp(4rem,7vw,7rem);background:var(--ink);color:#fff}.section-head{max-width:780px;margin-bottom:3rem}.section-head>p:last-child{color:#b9bbbc}.grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #414345}.grid details{border-bottom:1px solid #414345;padding:1.3rem 0}.grid details:nth-child(odd){padding-right:2rem}.grid details:nth-child(even){padding-left:2rem}.grid summary{cursor:pointer;font-family:Georgia,serif;font-size:1.35rem;list-style:none}.grid summary span{font:700 .7rem Arial;color:var(--red);margin-right:1rem}.grid li{color:#c7c8c8;margin:.35rem 0}.photo{position:relative;height:70vh;background:#111}.photo img{width:100%;height:100%;object-fit:cover;opacity:.7}.photo blockquote{position:absolute;bottom:2rem;left:clamp(1rem,7vw,7rem);color:#fff;font:italic clamp(2rem,5vw,4.5rem)/1 Georgia;max-width:850px;margin:0}.map{margin-top:2rem;min-height:340px;border:1px solid var(--line);background:#ddd;overflow:hidden}.map iframe{display:block;width:100%;height:100%;min-height:340px;border:0}.details{border-left:1px solid var(--line);padding-left:clamp(2rem,7vw,7rem)}.details h3{margin-top:2rem;text-transform:uppercase;font-size:.8rem;letter-spacing:.15em}.details a{font-weight:700}.cards{max-width:300px;height:auto;margin-top:2rem}.site-footer{padding:2rem clamp(1.25rem,5vw,5rem);display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:.85rem}@media(max-width:760px){.site-header{height:70px}.brand span{font-size:.8rem}.brand img{width:42px;height:42px}.menu{display:block;border:0;background:none;font-weight:700}.menu+nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--paper);padding:1.5rem;flex-direction:column;align-items:stretch}.menu[aria-expanded=true]+nav{display:flex}.hero{min-height:80vh}.intro,.contact{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.grid details:nth-child(n){padding:1.2rem 0}.details{border:0;padding:0}.actions{flex-wrap:wrap}.photo{height:55vh}.map,.map iframe{min-height:300px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}