/* ==========================================================
   Warsztat Pod Wiaduktem — Rzeszów
   Skrzynie automatyczne: naprawa, regeneracja mechatroniki,
   wymiana oleju metodą dynamiczną
   Paleta: czerń + żółć ostrzegawcza + papier
   Fonty: Anton (nagłówki) + Work Sans (tekst)
   ========================================================== */

:root{
	--wpw-bg:       #f4f2ec;   /* papier / off-white */
	--wpw-white:    #ffffff;
	--wpw-panel:    #eae6db;   /* ciepła szarość — panele */
	--wpw-ink:      #17161a;   /* niemal czerń */
	--wpw-ink-2:    #201f25;
	--wpw-yellow:   #f2c312;   /* żółć ostrzegawcza — akcent */
	--wpw-yellow-dk:#d3a808;
	--wpw-text:     #1e1d20;
	--wpw-muted:    #6b6a63;
	--wpw-muted-lt: #9a988e;
	--wpw-line:     #ddd8cc;
	--wpw-line-dk:  #2f2e34;
	--wpw-maxw:     1180px;
	--wpw-shadow:   0 16px 40px rgba(23,22,26,.14);
}

*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }

body{
	margin:0;
	font-family:'Work Sans', Arial, sans-serif;
	font-size:16px;
	line-height:1.65;
	color:var(--wpw-text);
	background:var(--wpw-bg);
	-webkit-font-smoothing:antialiased;
}
img{ display:block; max-width:100%; height:auto; }
a{ color:var(--wpw-yellow-dk); text-decoration:none; }
a:hover{ color:var(--wpw-ink); }

h1,h2,h3,h4{ font-family:'Anton','Work Sans',sans-serif; font-weight:400; line-height:.98; margin:0 0 .4em; color:var(--wpw-ink); text-transform:uppercase; letter-spacing:.01em; }
p{ margin:0 0 1.05em; }

.wpw-wrap{ width:100%; max-width:var(--wpw-maxw); margin:0 auto; padding:0 22px; }

/* hazard stripe divider */
.wpw-hazard{ height:10px; background:repeating-linear-gradient(-45deg, var(--wpw-yellow) 0 22px, var(--wpw-ink) 22px 44px); }

.wpw-eyebrow{ display:inline-block; font-family:'Work Sans',sans-serif; font-weight:700; font-size:13px; letter-spacing:.18em; text-transform:uppercase; color:var(--wpw-yellow-dk); margin:0 0 12px; }
.wpw-lead{ font-size:19px; color:var(--wpw-muted); line-height:1.6; }
.wpw-tag{ display:inline-flex; align-items:center; gap:8px; background:var(--wpw-ink); color:var(--wpw-yellow); font-weight:700; font-size:12px; letter-spacing:.14em; text-transform:uppercase; padding:5px 12px; }

/* ============ BUTTONS (pill, Logan's DNA) ============ */
.wpw-btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:13px 26px; font-family:'Work Sans',sans-serif; font-size:14px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; border-radius:999px; border:2px solid transparent; cursor:pointer; transition:all .2s ease; line-height:1; }
.wpw-btn-yellow{ background:var(--wpw-yellow); color:var(--wpw-ink) !important; border-color:var(--wpw-yellow); }
.wpw-btn-yellow:hover{ background:var(--wpw-yellow-dk); border-color:var(--wpw-yellow-dk); }
.wpw-btn-ink{ background:var(--wpw-ink); color:#fff !important; border-color:var(--wpw-ink); }
.wpw-btn-ink:hover{ background:var(--wpw-ink-2); border-color:var(--wpw-ink-2); }
.wpw-btn-out{ background:transparent; color:var(--wpw-ink) !important; border-color:var(--wpw-ink); }
.wpw-btn-out:hover{ background:var(--wpw-ink); color:#fff !important; }
.wpw-btn-ghost{ background:transparent; color:#fff !important; border-color:rgba(255,255,255,.65); }
.wpw-btn-ghost:hover{ background:var(--wpw-yellow); color:var(--wpw-ink) !important; border-color:var(--wpw-yellow); }
.wpw-btns{ display:flex; gap:12px; flex-wrap:wrap; }

/* ============ TOP STRIP ============ */
.wpw-topstrip{ background:var(--wpw-ink); color:#c9c7bf; font-size:13px; }
.wpw-topstrip .wpw-wrap{ display:flex; justify-content:space-between; align-items:center; gap:10px; padding:8px 22px; flex-wrap:wrap; }
.wpw-topstrip .wpw-ts-tag{ color:var(--wpw-yellow); font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
.wpw-topstrip a{ color:#fff; font-weight:700; }
.wpw-topstrip a:hover{ color:var(--wpw-yellow); }

/* ============ HEADER ============ */
.wpw-header{ position:sticky; top:0; z-index:100; background:var(--wpw-white); border-bottom:1px solid var(--wpw-line); }
.wpw-header .wpw-inner{ max-width:var(--wpw-maxw); margin:0 auto; padding:12px 22px; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.wpw-brand{ display:flex; align-items:center; gap:11px; }
.wpw-brand-mark{ width:44px; height:44px; flex:0 0 44px; background:var(--wpw-ink); display:flex; align-items:center; justify-content:center; }
.wpw-brand-mark svg{ width:26px; height:26px; stroke:var(--wpw-yellow); fill:none; stroke-width:1.6; }
.wpw-brand-txt b{ display:block; font-family:'Anton',sans-serif; font-weight:400; font-size:19px; text-transform:uppercase; letter-spacing:.02em; color:var(--wpw-ink); line-height:.95; }
.wpw-brand-txt span{ display:block; font-size:10.5px; letter-spacing:.16em; text-transform:uppercase; color:var(--wpw-muted); margin-top:3px; }

.wpw-toggle{ display:inline-flex; flex-direction:column; gap:5px; background:none; border:0; cursor:pointer; padding:8px; }
.wpw-toggle span{ width:24px; height:2px; background:var(--wpw-ink); display:block; }

.wpw-nav{ display:none; }
.wpw-nav ul{ list-style:none; margin:0; padding:0; }
.wpw-nav a{ display:block; font-family:'Work Sans',sans-serif; font-size:14px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--wpw-ink); padding:12px 0; border-bottom:1px solid var(--wpw-line); }
.wpw-nav a:hover, .wpw-nav a.wpw-active{ color:var(--wpw-yellow-dk); }
.wpw-nav.wpw-open{ display:block; width:100%; padding:4px 22px 16px; }
.wpw-nav-cta{ margin-top:10px; display:flex; gap:10px; flex-wrap:wrap; }

/* ============ HERO ============ */
.wpw-hero{ background:var(--wpw-ink); color:#fff; overflow:hidden; }
.wpw-hero .wpw-inner{ max-width:var(--wpw-maxw); margin:0 auto; padding:0 22px; display:grid; grid-template-columns:1fr; gap:0; align-items:stretch; }
.wpw-hero-txt{ padding:54px 0 58px; }
.wpw-hero .wpw-eyebrow{ color:var(--wpw-yellow); }
.wpw-hero h1{ color:#fff; font-size:46px; line-height:.96; margin:0 0 16px; }
.wpw-hero h1 .wpw-hl{ color:var(--wpw-yellow); }
.wpw-hero p{ font-size:18px; color:#c9c7bf; max-width:48ch; margin:0 0 24px; }
.wpw-hero-media{ min-height:280px; background-size:cover; background-position:center; position:relative; }
.wpw-hero-media::after{ content:""; position:absolute; inset:0; background:linear-gradient(90deg, var(--wpw-ink) 0%, transparent 30%); }

/* ============ BAND (dlaczego my — DNA loyalty band) ============ */
.wpw-band{ position:relative; background:var(--wpw-ink); color:#fff; overflow:hidden; }
.wpw-band-bg{ position:absolute; inset:0; background-size:cover; background-position:center; opacity:.22; z-index:0; }
.wpw-band-inner{ position:relative; z-index:1; padding:60px 22px; max-width:var(--wpw-maxw); margin:0 auto; }
.wpw-band-head{ text-align:center; margin-bottom:36px; }
.wpw-badge{ width:120px; height:120px; margin:0 auto 18px; border-radius:50%; border:3px solid var(--wpw-yellow); display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:rgba(23,22,26,.6); }
.wpw-badge svg{ width:34px; height:34px; stroke:var(--wpw-yellow); fill:none; stroke-width:1.5; }
.wpw-badge b{ font-family:'Anton',sans-serif; font-size:14px; letter-spacing:.1em; color:#fff; text-transform:uppercase; margin-top:4px; line-height:1; }
.wpw-band-head h2{ color:#fff; font-size:34px; }
.wpw-band-head p{ color:#c9c7bf; max-width:56ch; margin:8px auto 0; }
.wpw-feats{ display:grid; grid-template-columns:1fr; gap:20px; }
.wpw-feat{ background:var(--wpw-white); color:var(--wpw-ink); padding:24px 22px; box-shadow:8px 8px 0 var(--wpw-yellow); display:flex; gap:14px; align-items:flex-start; }
.wpw-feat-ic{ flex:0 0 40px; }
.wpw-feat-ic svg{ width:40px; height:40px; stroke:var(--wpw-ink); fill:none; stroke-width:1.5; }
.wpw-feat b{ display:block; font-family:'Anton',sans-serif; font-size:19px; text-transform:uppercase; letter-spacing:.02em; margin-bottom:6px; }
.wpw-feat span{ font-size:14.5px; color:var(--wpw-muted); }
.wpw-band-cta{ text-align:center; margin-top:36px; }

/* ============ SPLIT CTA (DNA alternating rows) ============ */
.wpw-split{ display:grid; grid-template-columns:1fr; }
.wpw-split-img{ min-height:260px; background-size:cover; background-position:center; }
.wpw-split-txt{ padding:48px 26px; display:flex; flex-direction:column; justify-content:center; }
.wpw-split-txt.wpw-on-ink{ background:var(--wpw-ink); color:#fff; }
.wpw-split-txt.wpw-on-ink h2{ color:#fff; }
.wpw-split-txt.wpw-on-ink p{ color:#c9c7bf; }
.wpw-split-txt.wpw-on-ink .wpw-eyebrow{ color:var(--wpw-yellow); }
.wpw-split-txt.wpw-on-paper{ background:var(--wpw-panel); }
.wpw-split-txt h2{ font-size:32px; margin-bottom:14px; }
.wpw-split-num{ font-family:'Anton',sans-serif; font-size:44px; color:var(--wpw-yellow); line-height:1; margin-bottom:8px; }

/* ============ SECTION ============ */
.wpw-block{ padding:60px 0; }
.wpw-block-white{ background:var(--wpw-white); }
.wpw-head{ max-width:720px; margin:0 0 40px; }
.wpw-head.wpw-center{ margin:0 auto 42px; text-align:center; }
.wpw-head h2{ font-size:38px; }
.wpw-head p{ margin-top:10px; }

/* ============ USŁUGI GRID ============ */
.wpw-grid{ display:grid; grid-template-columns:1fr; gap:20px; }
.wpw-card{ background:var(--wpw-white); border:1px solid var(--wpw-line); overflow:hidden; display:flex; flex-direction:column; transition:transform .18s ease, box-shadow .18s ease; }
.wpw-card:hover{ transform:translateY(-4px); box-shadow:var(--wpw-shadow); }
.wpw-card-img{ height:170px; background-size:cover; background-position:center; }
.wpw-card-body{ padding:22px; display:flex; flex-direction:column; flex:1; }
.wpw-card-body h3{ font-size:20px; margin-bottom:8px; }
.wpw-card-body p{ font-size:14.5px; color:var(--wpw-muted); flex:1; margin:0 0 12px; }
.wpw-card-link{ font-family:'Work Sans',sans-serif; font-size:13px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--wpw-yellow-dk); display:inline-flex; gap:6px; }
.wpw-card-link::after{ content:"\2192"; color:var(--wpw-ink); }

/* ============ PARTNERS STRIP ============ */
.wpw-partners{ background:var(--wpw-panel); text-align:center; padding:40px 0; }
.wpw-partners b{ font-family:'Anton',sans-serif; font-size:30px; color:var(--wpw-ink); display:block; }
.wpw-partners b span{ color:var(--wpw-yellow-dk); }
.wpw-partners p{ color:var(--wpw-muted); margin:8px auto 0; max-width:56ch; }

/* ============ OBJAWY (symptom cards) ============ */
.wpw-symptoms{ display:grid; grid-template-columns:1fr; gap:18px; }
.wpw-symptom{ background:var(--wpw-white); border:1px solid var(--wpw-line); border-left:4px solid var(--wpw-yellow); padding:22px 22px; }
.wpw-symptom-ic{ width:34px; height:34px; margin-bottom:12px; }
.wpw-symptom-ic svg{ width:34px; height:34px; stroke:var(--wpw-ink); fill:none; stroke-width:1.5; }
.wpw-symptom b{ display:block; font-family:'Anton',sans-serif; font-size:19px; text-transform:uppercase; letter-spacing:.02em; margin-bottom:7px; color:var(--wpw-ink); }
.wpw-symptom p{ margin:0; font-size:15px; color:var(--wpw-muted); }

/* ============ FAQ (accordion) ============ */
.wpw-faq{ max-width:100%; }
.wpw-faq details{ background:var(--wpw-white); border:1px solid var(--wpw-line); margin-bottom:14px; }
.wpw-faq summary{ list-style:none; cursor:pointer; padding:20px 24px; font-family:'Anton',sans-serif; font-size:19px; letter-spacing:.02em; text-transform:uppercase; color:var(--wpw-ink); display:flex; justify-content:space-between; align-items:center; gap:16px; }
.wpw-faq summary::-webkit-details-marker{ display:none; }
.wpw-faq summary::after{ content:"+"; font-family:'Work Sans',sans-serif; font-size:26px; font-weight:400; color:var(--wpw-yellow-dk); line-height:1; }
.wpw-faq details[open] summary::after{ content:"\2013"; }
.wpw-faq details p{ padding:0 24px 22px; margin:0; color:var(--wpw-muted); font-size:15.5px; }

/* ============ KONTAKT ============ */
.wpw-contact{ display:grid; grid-template-columns:1fr; gap:32px; align-items:start; }
.wpw-clist{ list-style:none; margin:0; padding:0; }
.wpw-clist li{ display:flex; gap:14px; align-items:flex-start; padding:16px 0; border-bottom:1px solid var(--wpw-line); }
.wpw-clist li:last-child{ border-bottom:0; }
.wpw-cic{ flex:0 0 24px; margin-top:2px; }
.wpw-cic svg{ width:22px; height:22px; stroke:var(--wpw-yellow-dk); fill:none; stroke-width:1.7; }
.wpw-clist b{ display:block; font-size:12px; text-transform:uppercase; letter-spacing:.1em; color:var(--wpw-muted); margin-bottom:2px; }
.wpw-clist a, .wpw-clist span.wpw-cval{ color:var(--wpw-ink); font-size:18px; font-weight:700; }
.wpw-clist a:hover{ color:var(--wpw-yellow-dk); }
.wpw-map{ border:1px solid var(--wpw-line); width:100%; height:360px; }

/* ============ SUBPAGE HERO ============ */
.wpw-phero{ background:var(--wpw-ink); color:#fff; position:relative; overflow:hidden; }
.wpw-phero-bg{ position:absolute; inset:0; background-size:cover; background-position:center; opacity:.3; z-index:0; }
.wpw-phero-inner{ position:relative; z-index:1; padding:54px 22px; max-width:var(--wpw-maxw); margin:0 auto; }
.wpw-crumb{ font-family:'Work Sans',sans-serif; font-size:13px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--wpw-muted-lt); margin-bottom:12px; }
.wpw-crumb a{ color:#d8d6cd; }
.wpw-crumb a:hover{ color:var(--wpw-yellow); }
.wpw-phero h1{ color:#fff; font-size:40px; margin:0; }

/* ============ ARTICLE (full container width) ============ */
.wpw-article{ max-width:100%; }
.wpw-article h2{ font-size:28px; margin-top:34px; }
.wpw-article h3{ font-size:21px; margin-top:24px; }
.wpw-article ul{ padding-left:20px; margin:0 0 1.2em; }
.wpw-article li{ margin-bottom:8px; }
.wpw-note{ background:var(--wpw-panel); border-left:5px solid var(--wpw-yellow); padding:18px 22px; margin:24px 0; font-size:15.5px; color:var(--wpw-text); }
.wpw-related{ display:grid; grid-template-columns:1fr; gap:14px; margin-top:14px; }
.wpw-related a{ display:block; padding:16px 20px; border:1px solid var(--wpw-line); background:var(--wpw-white); font-family:'Anton',sans-serif; font-size:18px; text-transform:uppercase; letter-spacing:.02em; color:var(--wpw-ink); }
.wpw-related a:hover{ border-color:var(--wpw-yellow); color:var(--wpw-yellow-dk); }

/* ============ FOOTER ============ */
.wpw-foot{ background:var(--wpw-white); border-top:1px solid var(--wpw-line); padding:48px 0 22px; }
.wpw-foot-grid{ display:grid; grid-template-columns:1fr; gap:30px; }
.wpw-foot-brand b{ font-family:'Anton',sans-serif; font-size:22px; text-transform:uppercase; color:var(--wpw-ink); display:block; margin-bottom:10px; }
.wpw-foot-brand p{ color:var(--wpw-muted); font-size:14.5px; }
.wpw-foot h4{ font-family:'Anton',sans-serif; font-size:16px; text-transform:uppercase; letter-spacing:.03em; color:var(--wpw-ink); margin:0 0 14px; }
.wpw-foot ul{ list-style:none; margin:0; padding:0; }
.wpw-foot li{ margin-bottom:9px; }
.wpw-foot a{ color:var(--wpw-muted); font-size:14.5px; }
.wpw-foot a:hover{ color:var(--wpw-yellow-dk); }
.wpw-foot-bottom{ border-top:1px solid var(--wpw-line); margin-top:40px; padding:18px 0 0; display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; font-size:12.5px; color:var(--wpw-muted); }
.wpw-foot-bottom ul{ display:flex; gap:16px; flex-wrap:wrap; list-style:none; margin:0; padding:0; }
.wpw-foot-bottom a{ color:var(--wpw-muted); }

/* ============ STICKY MOBILE BAR ============ */
.wpw-sticky{ position:fixed; bottom:0; left:0; right:0; z-index:90; display:flex; }
.wpw-sticky a{ flex:1; text-align:center; padding:15px 8px; font-family:'Work Sans',sans-serif; font-size:13px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
.wpw-sticky .wpw-s-yellow{ background:var(--wpw-yellow); color:var(--wpw-ink); }
.wpw-sticky .wpw-s-ink{ background:var(--wpw-ink); color:#fff; }

/* ============ COOKIE ============ */
.wpw-cookie{ position:fixed; left:16px; right:16px; bottom:76px; z-index:200; background:var(--wpw-ink); color:#d8d6cd; border-top:4px solid var(--wpw-yellow); padding:20px 22px; display:none; }
.wpw-cookie.wpw-show{ display:block; }
.wpw-cookie p{ margin:0 0 14px; font-size:14px; }
.wpw-cookie a{ color:var(--wpw-yellow); }
.wpw-cookie-btns{ display:flex; gap:10px; flex-wrap:wrap; }
.wpw-cookie .wpw-btn{ padding:10px 18px; font-size:13px; }
.wpw-btn-line{ background:transparent; color:#d8d6cd !important; border-color:var(--wpw-line-dk); }
.wpw-btn-line:hover{ border-color:#fff; color:#fff !important; }

/* ============ RESPONSIVE ============ */
@media (min-width:640px){
	.wpw-grid{ grid-template-columns:repeat(2,1fr); }
	.wpw-feats{ grid-template-columns:repeat(2,1fr); }
	.wpw-cookie{ left:auto; right:24px; max-width:460px; bottom:24px; }
}
@media (min-width:900px){
	body{ font-size:17px; }
	.wpw-sticky{ display:none; }
	.wpw-toggle{ display:none; }
	.wpw-nav{ display:flex !important; align-items:center; gap:24px; }
	.wpw-nav ul{ display:flex; gap:24px; align-items:center; }
	.wpw-nav a{ padding:4px 0; border-bottom:2px solid transparent; }
	.wpw-nav a:hover, .wpw-nav a.wpw-active{ border-bottom-color:var(--wpw-yellow); color:var(--wpw-ink); }
	.wpw-nav-cta{ margin-top:0; }
	.wpw-hero .wpw-inner{ grid-template-columns:1.05fr .95fr; }
	.wpw-hero-txt{ padding:80px 40px 84px 0; }
	.wpw-hero h1{ font-size:66px; }
	.wpw-hero-media{ min-height:0; }
	.wpw-feats{ grid-template-columns:repeat(4,1fr); }
	.wpw-split{ grid-template-columns:1fr 1fr; }
	.wpw-split.wpw-split-rev .wpw-split-img{ order:2; }
	.wpw-split-txt{ padding:64px 48px; }
	.wpw-grid{ grid-template-columns:repeat(3,1fr); }
	.wpw-contact{ grid-template-columns:1fr 1fr; }
	.wpw-related{ grid-template-columns:repeat(2,1fr); }
	.wpw-foot-grid{ grid-template-columns:1.6fr 1fr 1fr 1.1fr; }
	.wpw-head h2{ font-size:46px; }
	.wpw-band-head h2{ font-size:42px; }
	.wpw-phero h1{ font-size:54px; }
}