:root{--bg:#fbf7f0;--paper:#fffdf9;--cream:#f7efe5;--ink:#1b1614;--muted:#6b5f58;--line:#eadccc;--gold:#c9954b;--gold2:#e4c089;--red:#a20f1b;--red2:#7d0f16;--black:#111010;--shadow:0 24px 70px rgba(42,26,14,.12);--soft:0 12px 32px rgba(42,26,14,.08);--r:28px;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:radial-gradient(circle at top left,#fff 0,#fbf7f0 45%,#f5ede2 100%);color:var(--ink);overflow-x:hidden}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}.wrap{width:min(1440px,calc(100% - 48px));margin-inline:auto}.site-glow{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 8%,rgba(201,149,75,.15),transparent 30%),radial-gradient(circle at 84% 20%,rgba(162,15,27,.08),transparent 28%);z-index:-1}.i{width:1.15em;height:1.15em;display:inline-block;vertical-align:-.2em}.eyebrow,.section-kicker{font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--gold);font-size:13px;margin:0 0 12px}h1,h2,h3,p{margin:0}h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.045em}em{font-style:italic;color:var(--red)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:10px;padding:0 24px;min-height:52px;font-weight:800;font-size:14px;transition:.25s var(--ease);white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn svg{width:18px;height:18px}.btn-red{background:linear-gradient(135deg,var(--red),var(--red2));color:#fff;box-shadow:0 16px 32px rgba(162,15,27,.22)}.btn-link{color:var(--ink);background:transparent}.btn-link:hover{color:var(--red);transform:none}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,253,249,.82);backdrop-filter:saturate(140%) blur(18px);border-bottom:1px solid rgba(234,220,204,.86)}.header-wrap{height:78px;display:flex;align-items:center;gap:26px}.brand{align-self:stretch;display:flex;align-items:center}.brand img{width:124px;max-height:94px;margin-top:12px;filter:drop-shadow(0 10px 18px rgba(42,26,14,.12))}.main-nav{margin-left:auto;display:flex;align-items:center;gap:28px;font-size:14px;font-weight:750}.main-nav a{padding:14px 2px;position:relative}.main-nav a:after{content:"";position:absolute;left:0;right:0;bottom:4px;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:.25s var(--ease)}.main-nav a:hover:after,.main-nav .is-active:after{transform:scaleX(1)}.nav-home{width:38px;height:38px;border-radius:999px;border:1px solid var(--line);display:grid!important;place-items:center;padding:0!important;background:#fff}.nav-home svg{width:18px;height:18px}.header-cta{display:flex;align-items:center;gap:9px;margin-left:18px;background:linear-gradient(135deg,var(--red),var(--red2));color:#fff;border-radius:10px;padding:14px 20px;font-weight:850;font-size:14px;box-shadow:0 14px 28px rgba(162,15,27,.18)}.menu-toggle{display:none;position:relative;width:48px;height:48px;border:1px solid var(--line);background:#fff;border-radius:999px}.menu-toggle svg{position:absolute;inset:0;margin:auto;width:22px;height:22px;transition:.25s var(--ease)}.menu-close{opacity:0;transform:scale(.7) rotate(-45deg)}.menu-toggle[aria-expanded=true] .menu-open{opacity:0;transform:scale(.7) rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-close{opacity:1;transform:none}.mobile-drawer{position:fixed;inset:0;z-index:80;pointer-events:none}.mobile-drawer.is-open{pointer-events:auto}.drawer-backdrop{position:absolute;inset:0;border:0;background:rgba(17,16,16,.38);opacity:0;transition:.25s var(--ease)}.drawer-panel{position:absolute;top:0;right:0;height:100%;width:min(92vw,390px);padding:20px;background:#fffdf9;box-shadow:-24px 0 60px rgba(17,16,16,.16);transform:translateX(105%);transition:.3s var(--ease);display:flex;flex-direction:column}.mobile-drawer.is-open .drawer-backdrop{opacity:1}.mobile-drawer.is-open .drawer-panel{transform:none}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--line)}.drawer-head img{width:92px}.drawer-close{width:42px;height:42px;border:1px solid var(--line);border-radius:999px;background:#fff;display:grid;place-items:center}.drawer-nav{display:grid;gap:8px;padding:22px 0}.drawer-nav a{display:flex;align-items:center;gap:12px;padding:14px 12px;border-radius:16px;font-weight:800}.drawer-nav a:hover{background:var(--cream)}.drawer-nav svg{color:var(--red)}.drawer-contact{margin-top:auto;display:grid;gap:12px}.drawer-phone{display:flex;gap:12px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:18px;background:#fff}.drawer-phone b,.drawer-phone small{display:block}.drawer-phone small{color:var(--muted);font-size:12px}.hero{padding:18px 0 0}.hero-grid{background:linear-gradient(90deg,#fffaf4 0,#fffaf4 34%,rgba(255,250,244,.45) 52%,rgba(255,250,244,0) 100%);border-radius:0 0 var(--r) var(--r);box-shadow:var(--shadow);display:grid;grid-template-columns:40% 60%;min-height:560px;overflow:hidden}.hero-copy{padding:78px 34px 42px 74px;z-index:2}.hero h1{font-size:clamp(54px,5.2vw,86px);line-height:.93}.hero-lead{margin-top:20px;max-width:370px;color:#24201e;line-height:1.65;font-size:17px}.hero-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:32px 0 28px;max-width:520px}.hero-benefits article{display:grid;gap:4px;justify-items:center;text-align:center;color:var(--muted);font-size:12px}.hero-benefits svg{font-size:26px;color:var(--gold)}.hero-benefits b{color:var(--ink);font-size:12px}.hero-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.hero-slider-card{position:relative;min-width:0}.before-after{--pos:50%;position:relative;height:100%;min-height:560px;overflow:hidden;touch-action:none;cursor:ew-resize;background:#d6c2ad;isolation:isolate}.ba-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;user-select:none;pointer-events:none}.ba-after{z-index:1}.ba-before{position:absolute;inset:0;z-index:2;clip-path:inset(0 calc(100% - var(--pos)) 0 0);transition:clip-path .72s var(--ease)}.ba-line{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;background:rgba(255,255,255,.92);z-index:3;transform:translateX(-50%);box-shadow:0 0 0 1px rgba(0,0,0,.05);transition:left .72s var(--ease)}.ba-handle{position:absolute;left:var(--pos);top:50%;z-index:4;transform:translate(-50%,-50%);width:58px;height:58px;border:0;border-radius:999px;background:#fff;color:var(--gold);font-weight:900;letter-spacing:2px;box-shadow:0 16px 34px rgba(22,16,10,.18);animation:pulseHandle 2.5s infinite, handleWiggle 3.9s infinite var(--ease);transition:left .72s var(--ease),transform .18s var(--ease)}.ba-handle::after{content:"";position:absolute;inset:-8px;border-radius:inherit;border:1px solid rgba(255,255,255,.72);opacity:0;animation:clickRing 3.9s infinite var(--ease);pointer-events:none}.before-after.is-dragging .ba-before,.before-after.is-dragging .ba-line,.before-after.is-dragging .ba-handle{transition:none}.before-after.is-dragging .ba-handle,.before-after.is-dragging .ba-handle::after{animation:none}.ba-label{position:absolute;z-index:4;top:44px;padding:9px 14px;border-radius:9px;text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:.08em}.ba-label-before{left:88px;background:#1b1918;color:#fff}.ba-label-after{right:94px;background:var(--gold);color:#fff}.ba-hint{position:absolute;left:50%;bottom:28px;z-index:4;transform:translateX(-50%);display:flex;align-items:center;gap:18px;color:#fff;background:rgba(0,0,0,.20);backdrop-filter:blur(8px);border-radius:999px;padding:10px 18px;font-weight:800;font-size:14px;text-shadow:0 1px 2px rgba(0,0,0,.2)}.ba-hint i{font-style:normal;animation:slideHint 1.7s infinite}.ba-hint i:last-child{animation-direction:reverse}@keyframes pulseHandle{0%,100%{box-shadow:0 16px 34px rgba(22,16,10,.18),0 0 0 0 rgba(255,255,255,.0)}50%{box-shadow:0 16px 34px rgba(22,16,10,.18),0 0 0 12px rgba(255,255,255,.28)}}@keyframes handleWiggle{0%,100%{transform:translate(-50%,-50%)}12%{transform:translate(calc(-50% + 6px),-50%)}24%{transform:translate(calc(-50% - 6px),-50%)}36%{transform:translate(-50%,-50%)}}@keyframes clickRing{0%,9%,100%{opacity:0;transform:scale(.84)}12%{opacity:.72;transform:scale(1)}28%{opacity:0;transform:scale(1.32)}}@keyframes slideHint{0%,100%{transform:translateX(0);opacity:.65}50%{transform:translateX(-8px);opacity:1}}.intro-section{padding:0}.intro-grid{display:grid;grid-template-columns:.85fr 1.22fr .95fr;gap:0;background:rgba(255,253,249,.94);box-shadow:var(--shadow);border-radius:0 0 var(--r) var(--r);overflow:hidden;border-top:1px solid var(--line)}.about-panel,.services-panel,.quote-card{padding:38px 42px}.about-panel{border-right:1px solid var(--line)}.about-panel h2{font-size:38px;line-height:1.08}.about-panel p:not(.section-kicker):not(.signature){color:var(--muted);line-height:1.75;margin-top:18px}.signature-img{width:236px;max-width:86%;height:auto;margin-top:26px;margin-bottom:6px;filter:drop-shadow(0 5px 10px rgba(201,149,75,.12))}.about-panel small{display:block;color:var(--ink);font-weight:700}.panel-head{display:flex;align-items:center;gap:18px;margin-bottom:18px}.panel-head span{height:1px;background:var(--gold);flex:1}.services-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.service-card{min-height:126px;border:1px solid var(--line);border-radius:14px;background:#fffdf9;padding:18px 14px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.25s var(--ease)}.service-card:hover{transform:translateY(-3px);box-shadow:var(--soft);border-color:#dec4a7}.service-card svg{font-size:30px;color:var(--gold);margin-bottom:10px}.service-card h3{font-size:13px;text-transform:uppercase;line-height:1.15;font-weight:900;letter-spacing:.02em}.service-card p{font-size:12px;color:var(--muted);line-height:1.35;margin-top:7px}.services-grid .service-card:last-child{grid-column:1/-1;min-height:74px;flex-direction:row;gap:12px}.quote-card{background:linear-gradient(180deg,#fff8eb,#fff);border-left:1px solid #e8d2b8;box-shadow:inset 0 0 0 1px rgba(201,149,75,.18),0 20px 50px rgba(162,15,27,.10);margin:18px 22px 18px 0;border-radius:22px;align-self:start;position:relative;z-index:2}.quote-card:before{content:"";position:absolute;inset:-1px;border-radius:inherit;border:1px solid rgba(201,149,75,.45);pointer-events:none}.quote-top h2{font-family:Inter,system-ui,sans-serif;font-size:24px;letter-spacing:.04em;text-transform:uppercase;font-weight:900}.quote-top p{color:var(--muted);line-height:1.55;margin:10px 0 18px}.quote-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quote-form label{display:grid;gap:6px}.quote-form span{font-size:12px;font-weight:800;color:#332a25}.quote-form input,.quote-form select,.quote-form textarea{width:100%;border:1px solid #dfcdb8;background:#fff;border-radius:10px;padding:12px 13px;outline:none;color:var(--ink);transition:.2s var(--ease)}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:var(--red);box-shadow:0 0 0 4px rgba(162,15,27,.08)}.quote-form .wide{grid-column:1/-1}.upload{border:1.5px dashed #d2aa77;border-radius:14px;padding:14px;background:#fff9f2;text-align:center;cursor:pointer}.upload input{display:none}.upload b{display:flex!important;justify-content:center;gap:8px;align-items:center;color:var(--ink);font-size:14px}.upload small{display:block;color:var(--muted);line-height:1.45;margin-top:6px}.quote-note{grid-column:1/-1;text-align:center;color:var(--muted);font-size:12px}.form-message{grid-column:1/-1;padding:12px 14px;border-radius:12px;font-weight:700;margin:10px 0}.form-message-success{background:#eef9ef;color:#1b6a2d}.form-message-error{background:#fff0ee;color:#9e1620}.real-preview{padding:0}.preview-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:24px;background:#fffdf9;border-top:1px solid var(--line);box-shadow:var(--shadow);padding:34px 74px}.preview-text h2{font-size:38px;line-height:1.08}.preview-text p{color:var(--muted);line-height:1.7;margin:12px 0 18px}.preview-carousel-wrap{min-width:0;position:relative}.swipe-hint{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-bottom:12px;color:var(--muted);font-size:13px;font-weight:700}.preview-carousel{display:flex;gap:14px;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.preview-carousel::-webkit-scrollbar{display:none}.preview-card{position:relative;flex:0 0 24%;min-width:210px;border-radius:14px;overflow:hidden;scroll-snap-align:start;background:#eee;box-shadow:var(--soft)}.preview-card img{height:172px;width:100%;object-fit:cover}.preview-card span{position:absolute;left:10px;right:10px;bottom:10px;border-radius:10px;background:rgba(26,19,16,.78);color:#fff;padding:10px;font-weight:800;font-size:12px}.site-footer{background:linear-gradient(180deg,#fff7ea,#fbf1e5);border-top:1px solid var(--line);padding:34px 0 22px}.footer-grid{display:grid;grid-template-columns:1.1fr 1.25fr .85fr 1.25fr .7fr;gap:34px}.footer-brand img{width:122px;margin-bottom:12px}.footer-brand p,.footer-col p{color:var(--muted);line-height:1.65}.footer-col h3{text-transform:uppercase;letter-spacing:.08em;font-size:14px;margin:0 0 12px}.footer-col{display:grid;align-content:start;gap:9px}.footer-col a,.footer-reasons span{display:flex;gap:8px;align-items:flex-start;font-weight:600;color:#302720}.footer-col svg,.footer-reasons svg{color:var(--gold);flex:0 0 auto;margin-top:2px}.footer-col a span{margin-left:26px}.footer-badge{align-self:center;justify-self:center;width:126px;height:126px;border-radius:50%;border:2px solid var(--gold);display:grid;place-items:center;text-align:center;color:var(--gold);background:#fffaf2}.footer-badge b{font-size:34px;line-height:.8}.footer-badge span{text-transform:uppercase;font-size:11px;font-weight:900;line-height:1.2}.footer-bottom{margin-top:26px;padding-top:18px;border-top:1px solid #e4cda9;display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.subhero{padding:54px 0 34px}.subhero-grid{display:grid;grid-template-columns:1fr .42fr;gap:28px;align-items:stretch}.subhero-grid>div:first-child,.subhero-card{background:#fffdf9;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:48px}.subhero h1{font-size:clamp(46px,5vw,76px);line-height:.96}.subhero p:not(.eyebrow){max-width:720px;color:var(--muted);line-height:1.75;margin:22px 0}.subhero-card{display:grid;place-items:center;text-align:center;background:linear-gradient(135deg,#fff8e9,#fff)}.subhero-card b{font-size:72px;font-family:Georgia,serif;color:var(--red)}.subhero-card span{font-weight:900;text-transform:uppercase}.subhero-card small{color:var(--muted);line-height:1.5}.realizations-page{padding:18px 0 54px}.filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.filter-bar button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:12px 18px;font-weight:800;color:var(--ink)}.filter-bar button.is-active{background:var(--red);color:#fff;border-color:var(--red)}.real-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.real-card{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--soft);overflow:hidden;transition:.25s var(--ease)}.real-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.real-card-media{width:100%;border:0;padding:0;background:#eee;display:block;position:relative;overflow:hidden}.real-card-media:after{content:"Zobacz";position:absolute;right:12px;bottom:12px;background:var(--red);color:#fff;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900;opacity:0;transform:translateY(8px);transition:.22s var(--ease)}.real-card:hover .real-card-media:after{opacity:1;transform:none}.real-card img{width:100%;height:300px;object-fit:cover;transition:.35s var(--ease)}.real-card:hover img{transform:scale(1.04)}.real-card-body{padding:18px}.real-card-body span{color:var(--gold);font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.real-card-body h2{font-family:Inter,system-ui,sans-serif;font-size:18px;letter-spacing:0;line-height:1.25;margin-top:6px;font-weight:900}.real-quote-banner{padding:0 0 54px}.real-quote-inner{background:linear-gradient(135deg,#fff8ea,#fff);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:34px;display:flex;align-items:center;justify-content:space-between;gap:24px}.real-quote-inner h2{font-size:36px}.lightbox{position:fixed;inset:0;z-index:120;background:rgba(12,10,9,.92);display:none;align-items:center;justify-content:center;padding:48px}.lightbox.is-open{display:flex}.lightbox img{max-width:min(92vw,1300px);max-height:84vh;border-radius:18px;box-shadow:0 30px 100px rgba(0,0,0,.45)}.lightbox p{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);color:#fff;background:rgba(0,0,0,.45);padding:10px 16px;border-radius:999px}.lightbox button{position:absolute;border:0;border-radius:999px;background:#fff;color:#111;width:48px;height:48px;font-size:32px;display:grid;place-items:center}.lightbox-close{top:24px;right:24px}.lightbox-prev{left:24px}.lightbox-next{right:24px}.mobile-bottom{position:fixed;left:50%;bottom:12px;z-index:60;transform:translate(-50%,120%);opacity:0;visibility:hidden;width:min(520px,calc(100% - 20px));display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(135deg,var(--red),var(--red2));border-radius:22px;padding:8px;box-shadow:0 20px 40px rgba(17,16,16,.2);transition:.28s var(--ease)}.mobile-bottom.is-visible{transform:translate(-50%,0);opacity:1;visibility:visible}.mobile-bottom a{min-height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#fff;border-right:1px solid rgba(255,255,255,.18);font-size:11px;font-weight:800;text-transform:uppercase}.mobile-bottom a:last-child{border-right:0}.mobile-bottom svg{font-size:22px}.mobile-bottom .is-strong{background:rgba(255,255,255,.14);border-radius:16px}.mobile-bottom a:first-child svg{animation:ring 2.2s infinite}.mobile-bottom .is-strong{animation:lift 2.8s infinite}@keyframes ring{0%,100%{transform:rotate(0)}8%{transform:rotate(18deg)}16%{transform:rotate(-15deg)}24%{transform:rotate(8deg)}32%{transform:rotate(0)}}@keyframes lift{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}.reveal{opacity:0;transform:translateY(18px);transition:.45s var(--ease)}.reveal.is-visible{opacity:1;transform:none}
@media (min-width:901px){
  .brand img{animation:logoBreath 5.8s infinite var(--ease);transform-origin:center}
  .brand:hover img{animation-play-state:paused;transform:translateY(1px) scale(1.025)}
}
@keyframes logoBreath{0%,100%{transform:translateY(0) scale(1);filter:drop-shadow(0 10px 18px rgba(42,26,14,.12))}50%{transform:translateY(1px) scale(1.018);filter:drop-shadow(0 14px 23px rgba(201,149,75,.22))}}
.mobile-bottom a:nth-child(2) svg{animation:mailNudge 2.7s infinite var(--ease)}
.mobile-bottom a:nth-child(3) svg{animation:galleryNudge 3.1s infinite var(--ease)}
@keyframes mailNudge{0%,100%{transform:translateY(0)}45%{transform:translateY(-3px)}}
@keyframes galleryNudge{0%,100%{transform:translateX(0)}45%{transform:translateX(3px)}}
@media (prefers-reduced-motion:reduce){.brand img,.ba-handle,.ba-handle::after,.ba-hint i,.mobile-bottom a:first-child svg,.mobile-bottom .is-strong,.mobile-bottom a:nth-child(2) svg,.mobile-bottom a:nth-child(3) svg{animation:none!important;transition:none!important}}
@media (max-width:1240px){.hero-grid{grid-template-columns:1fr}.hero-copy{padding:56px 38px}.hero-slider-card{height:560px}.intro-grid{grid-template-columns:1fr}.about-panel{border-right:0;border-bottom:1px solid var(--line)}.quote-card{margin:0 24px 24px}.real-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr 1fr}.footer-badge{justify-self:start}.preview-grid{padding:34px 38px}}@media (max-width:900px){.wrap{width:min(100% - 24px,1440px)}.main-nav,.header-cta{display:none}.menu-toggle{display:block;margin-left:auto}.header-wrap{height:72px}.brand img{width:105px}.hero-grid{border-radius:0 0 24px 24px}.hero-copy{padding:34px 22px}.hero h1{font-size:50px}.hero-lead{font-size:15px}.hero-benefits{grid-template-columns:repeat(4,1fr);overflow:auto;gap:8px}.hero-benefits article{min-width:96px}.hero-slider-card{height:auto}.before-after{min-height:360px;height:360px}.ba-label{top:14px}.ba-label-before{left:14px}.ba-label-after{right:14px}.ba-hint{bottom:12px;font-size:12px;gap:8px;white-space:nowrap}.ba-handle{width:48px;height:48px}.services-grid{grid-template-columns:repeat(3,1fr)}.intro-grid{border-radius:0 0 24px 24px}.about-panel,.services-panel,.quote-card{padding:26px 18px}.quote-card{margin:0 14px 22px;order:-1}.preview-grid{grid-template-columns:1fr;padding:28px 18px}.preview-card{flex-basis:44%;min-width:44%}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:grid;gap:8px}.subhero-grid{grid-template-columns:1fr}.subhero-grid>div:first-child,.subhero-card{padding:32px 22px}.real-grid{grid-template-columns:repeat(2,1fr)}.real-quote-inner{display:grid}.site-footer{padding-bottom:112px}}@media (max-width:560px){.hero{padding-top:0}.hero-grid{width:100%;border-radius:0;box-shadow:none}.hero-copy{order:2}.hero-slider-card{order:1}.before-after{height:315px;min-height:315px}.hero h1{font-size:42px}.hero-actions .btn{width:100%}.hero-benefits{grid-template-columns:repeat(2,1fr);overflow:visible}.services-grid{grid-template-columns:repeat(2,1fr)}.service-card{min-height:120px;padding:14px 10px}.service-card h3{font-size:11px}.service-card p{display:none}.quote-form{grid-template-columns:1fr}.preview-card{flex:0 0 68%;min-width:68%}.preview-carousel{padding-right:76px}.preview-carousel-wrap:after{content:"";position:absolute;top:32px;right:0;bottom:0;width:70px;background:linear-gradient(90deg,rgba(255,253,249,0),#fffdf9 75%);pointer-events:none}.real-grid{grid-template-columns:1fr}.real-card img{height:340px}.filter-bar{overflow:auto;flex-wrap:nowrap;padding-bottom:4px}.filter-bar button{white-space:nowrap}.lightbox{padding:18px}.lightbox button{width:42px;height:42px}.lightbox-prev{left:8px}.lightbox-next{right:8px}.mobile-bottom{display:grid}.drawer-panel{width:100%}}@media (min-width:901px){.mobile-bottom{display:none}}


/* === Premium navigation & mobile refresh === */
.site-header{background:rgba(255,252,248,.92);box-shadow:0 14px 34px rgba(42,26,14,.08)}
.header-wrap{height:92px;gap:30px}
.brand{position:relative;align-self:center;display:flex;align-items:center;justify-content:center;width:154px;min-width:154px}
.brand::before{content:"";position:absolute;inset:7px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0,#fffaf3 70%,#f4e2cb 100%);box-shadow:0 18px 34px rgba(45,28,14,.12),inset 0 0 0 1px rgba(201,149,75,.18)}
.brand img,.drawer-head img,.footer-brand img{position:relative;aspect-ratio:1/1;object-fit:contain;border-radius:50%;background:#fff}
.brand img{width:132px;max-height:none;margin-top:0;padding:8px;filter:drop-shadow(0 14px 22px rgba(42,26,14,.15))}
.main-nav{gap:18px;font-size:16px;font-weight:850;letter-spacing:.01em}
.main-nav a{padding:14px 14px;border-radius:999px;transition:.25s var(--ease),color .25s var(--ease),background .25s var(--ease)}
.main-nav a:hover,.main-nav .is-active{background:rgba(201,149,75,.11);color:var(--red)}
.main-nav a:after{left:14px;right:14px;bottom:8px;height:2.5px;border-radius:999px}
.nav-home{width:46px;height:46px;border:1px solid rgba(201,149,75,.28);box-shadow:0 8px 18px rgba(42,26,14,.06)}
.nav-home svg{width:19px;height:19px}
.header-cta{position:relative;overflow:hidden;gap:14px;margin-left:8px;padding:8px 10px 8px 18px;min-height:56px;border-radius:999px;font-size:15px;font-weight:900;letter-spacing:.01em;box-shadow:0 20px 38px rgba(162,15,27,.24), inset 0 1px 0 rgba(255,255,255,.2)}
.header-cta::before{content:"";position:absolute;inset:-40% auto -40% -10%;width:42%;background:linear-gradient(120deg,rgba(255,255,255,0),rgba(255,255,255,.22),rgba(255,255,255,0));transform:translateX(-150%) skewX(-18deg);animation:ctaShine 5.8s infinite}
.header-cta span{position:relative;z-index:1}
.header-cta svg{position:relative;z-index:1;flex:0 0 auto;width:40px;height:40px;padding:10px;border-radius:50%;background:rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 8px 18px rgba(0,0,0,.12);animation:ctaIconFloat 2.8s infinite var(--ease)}
.header-cta:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 24px 44px rgba(162,15,27,.28), inset 0 1px 0 rgba(255,255,255,.24)}
.menu-toggle{width:54px;height:54px;border-color:rgba(201,149,75,.24);box-shadow:0 12px 26px rgba(42,26,14,.08)}
.menu-toggle svg{color:var(--red)}
.drawer-panel{padding:24px;background:linear-gradient(180deg,#fffefb 0,#fff8ef 100%);border-left:1px solid rgba(201,149,75,.12);box-shadow:-34px 0 80px rgba(17,16,16,.18)}
.drawer-head{padding-bottom:20px}
.drawer-head img{width:104px;padding:7px;box-shadow:0 14px 28px rgba(42,26,14,.10), inset 0 0 0 1px rgba(201,149,75,.18)}
.drawer-close{width:46px;height:46px;border-color:rgba(201,149,75,.22);box-shadow:0 10px 20px rgba(42,26,14,.08)}
.drawer-nav{gap:12px;padding:24px 0}
.drawer-nav a{padding:16px 16px;border-radius:18px;font-size:15px;font-weight:850;background:rgba(255,255,255,.9);border:1px solid rgba(201,149,75,.12);box-shadow:0 10px 20px rgba(42,26,14,.04)}
.drawer-nav a:hover{background:#fff;border-color:rgba(201,149,75,.28);transform:translateX(2px)}
.drawer-nav svg{font-size:18px}
.drawer-phone{padding:18px;border-radius:22px;border-color:rgba(201,149,75,.16);box-shadow:0 12px 28px rgba(42,26,14,.06)}
.footer-brand img{width:122px;padding:8px;box-shadow:0 14px 30px rgba(42,26,14,.08), inset 0 0 0 1px rgba(201,149,75,.18)}
.mobile-bottom{width:min(570px,calc(100% - 18px));padding:10px;background:linear-gradient(135deg,rgba(162,15,27,.98),rgba(125,15,22,.98));backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.12);box-shadow:0 22px 50px rgba(17,16,16,.26)}
.mobile-bottom a{position:relative;min-height:72px;gap:8px;border-right:0;border-radius:18px;font-size:10px;letter-spacing:.08em;transition:transform .25s var(--ease),background .25s var(--ease)}
.mobile-bottom a:hover,.mobile-bottom a:active{background:rgba(255,255,255,.10)}
.mobile-bottom a span{line-height:1.1}
.mobile-bottom svg{width:22px;height:22px;padding:10px;box-sizing:content-box;border-radius:50%;background:rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 8px 18px rgba(0,0,0,.12)}
.mobile-bottom .is-strong{background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.1));box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}
.mobile-bottom .is-strong svg{background:#fff;color:var(--red)}
.mobile-bottom a:first-child svg{animation:premiumRing 2.4s infinite var(--ease)}
.mobile-bottom a:nth-child(2) svg{animation:mailNudge 2.9s infinite var(--ease)}
.mobile-bottom a:nth-child(3) svg{animation:galleryNudge 3.2s infinite var(--ease)}
.mobile-bottom .is-strong{animation:premiumLift 3s infinite var(--ease)}
@keyframes ctaIconFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px) scale(1.04)}}
@keyframes ctaShine{0%,82%,100%{transform:translateX(-150%) skewX(-18deg)}88%{transform:translateX(420%) skewX(-18deg)}}
@keyframes premiumRing{0%,100%{transform:rotate(0) scale(1)}10%{transform:rotate(18deg) scale(1.04)}20%{transform:rotate(-15deg) scale(1.04)}30%{transform:rotate(8deg) scale(1.02)}40%{transform:rotate(0) scale(1)}}
@keyframes premiumLift{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@media (min-width:901px){
  .brand img{animation:logoBreath 5.8s infinite var(--ease);transform-origin:center}
  .brand:hover img{animation-play-state:paused;transform:translateY(1px) scale(1.025)}
}
@media (max-width:900px){
  .header-wrap{height:84px}
  .brand{width:118px;min-width:118px}
  .brand::before{inset:6px}
  .brand img{width:100px;padding:7px}
  .drawer-panel{width:min(94vw,410px)}
}
@media (max-width:560px){
  .site-header{background:rgba(255,252,248,.96)}
  .header-wrap{height:82px;gap:16px}
  .brand{width:110px;min-width:110px}
  .brand img{width:94px}
  .menu-toggle{width:50px;height:50px}
  .drawer-panel{width:100%;padding:20px 18px 24px;border-left:0;border-radius:28px 28px 0 0;top:auto;bottom:0;height:auto;max-height:min(90dvh,780px);transform:translateY(105%)}
  .mobile-drawer.is-open .drawer-panel{transform:translateY(0)}
  .drawer-head img{width:92px}
  .drawer-nav a{font-size:15px;padding:15px 14px;border-radius:18px}
  .mobile-bottom{bottom:10px;width:calc(100% - 14px);padding:8px;border-radius:24px}
  .mobile-bottom a{min-height:74px}
  .mobile-bottom svg{width:20px;height:20px;padding:9px}
}
@media (prefers-reduced-motion:reduce){.header-cta::before,.header-cta svg,.mobile-bottom a:first-child svg,.mobile-bottom .is-strong,.mobile-bottom a:nth-child(2) svg,.mobile-bottom a:nth-child(3) svg{animation:none!important}}

/* ==========================================================
   WARIANT 3 — premium ornate menu system
   Desktop medallion header + dark luxury mobile drawer
   ========================================================== */
.site-header.v3-header{
  position:sticky;top:0;z-index:70;padding:18px 0 8px;
  background:linear-gradient(180deg,rgba(255,252,247,.96),rgba(255,252,247,.82));
  border-bottom:0;box-shadow:none;backdrop-filter:saturate(145%) blur(18px)
}
.v3-header-shell{
  position:relative;height:96px;display:grid;grid-template-columns:1fr 190px 1fr;align-items:center;
  padding:0 28px;border-radius:18px;background:
    linear-gradient(180deg,rgba(255,252,246,.98),rgba(250,241,229,.98));
  border:1px solid rgba(201,149,75,.38);
  box-shadow:0 22px 48px rgba(42,26,14,.12),inset 0 1px 0 rgba(255,255,255,.72);
  overflow:visible
}
.v3-header-shell:before,.v3-header-shell:after{
  content:"";position:absolute;left:18px;right:18px;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(201,149,75,.62),transparent)
}
.v3-header-shell:before{top:10px}.v3-header-shell:after{bottom:10px}
.v3-nav{display:flex;align-items:center;gap:0;min-width:0;z-index:2}
.v3-nav-left{justify-content:flex-start}.v3-nav-right{justify-content:flex-end}
.v3-nav-item{
  position:relative;display:flex;align-items:center;justify-content:center;min-height:68px;padding:0 30px;
  color:#1d1715;font-family:Georgia,"Times New Roman",serif;font-size:20px;font-weight:600;letter-spacing:-.02em;
  border-right:1px solid rgba(201,149,75,.22);transition:.28s var(--ease)
}
.v3-nav-left .v3-nav-item:last-child,.v3-nav-right .v3-nav-item:nth-last-child(2){border-right:0}
.v3-nav-item:before{content:"";position:absolute;left:50%;bottom:16px;width:34px;height:2px;background:var(--gold);transform:translateX(-50%) scaleX(.35);opacity:.42;transition:.28s var(--ease)}
.v3-nav-item:after{content:"";position:absolute;left:50%;bottom:12px;width:7px;height:7px;background:#fff;border:1px solid var(--gold);transform:translateX(-50%) rotate(45deg) scale(.75);opacity:.55;transition:.28s var(--ease)}
.v3-nav-item:hover,.v3-nav-item.is-active{color:var(--red);background:radial-gradient(circle at center,rgba(201,149,75,.12),transparent 68%)}
.v3-nav-item:hover:before,.v3-nav-item.is-active:before{transform:translateX(-50%) scaleX(1);opacity:1}
.v3-nav-item:hover:after,.v3-nav-item.is-active:after{opacity:1;transform:translateX(-50%) rotate(45deg) scale(1)}
.v3-home{width:78px;min-width:78px;padding:0;border-left:1px solid rgba(201,149,75,.18);border-radius:14px;margin-right:10px;background:rgba(255,255,255,.46)}
.v3-home span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.v3-home svg{width:31px;height:31px;color:var(--gold)}
.brand-v3{
  position:relative;z-index:4;align-self:center;justify-self:center;width:182px;height:182px;min-width:182px;display:grid;place-items:center;margin:0
}
.brand-v3:before{
  content:"";position:absolute;inset:0;border-radius:50%;background:
    radial-gradient(circle at 35% 25%,#fff 0,#fffaf3 58%,#ead2b5 100%);
  border:1px solid rgba(201,149,75,.48);
  box-shadow:0 22px 44px rgba(42,26,14,.18),inset 0 0 0 9px rgba(255,255,255,.55),inset 0 0 0 11px rgba(201,149,75,.14)
}
.brand-v3:after{
  content:"";position:absolute;inset:-10px;border-radius:50%;border:1px solid rgba(201,149,75,.24);box-shadow:0 0 0 1px rgba(255,255,255,.75)
}
.brand-v3 img{position:relative;width:150px;height:150px;max-height:none;margin:0;padding:8px;border-radius:50%;object-fit:contain;background:#fff;filter:drop-shadow(0 12px 20px rgba(42,26,14,.14));animation:logoBreath 5.8s infinite var(--ease)}
.v3-cta{
  position:relative;overflow:hidden;display:flex;align-items:center;gap:12px;min-height:56px;padding:0 13px 0 24px;margin-left:18px;
  border-radius:10px;background:linear-gradient(180deg,#a90f1b,#760910);color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:17px;font-weight:600;
  border:1px solid rgba(228,192,137,.72);box-shadow:0 18px 30px rgba(125,15,22,.26),inset 0 1px 0 rgba(255,255,255,.18),inset 0 0 0 1px rgba(255,255,255,.07);transition:.26s var(--ease)
}
.v3-cta:before{content:"";position:absolute;inset:7px;border:1px solid rgba(228,192,137,.28);border-radius:7px;pointer-events:none}
.v3-cta:after{content:"";position:absolute;top:-35%;bottom:-35%;left:-22%;width:34%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.24),transparent);transform:translateX(-160%) skewX(-18deg);animation:ctaShine 5.4s infinite}
.v3-cta svg{position:relative;z-index:1;width:34px;height:34px;padding:8px;border-radius:50%;border:1px solid rgba(228,192,137,.78);background:rgba(0,0,0,.12);animation:ctaIconFloat 2.9s infinite var(--ease)}
.v3-cta span{position:relative;z-index:1;white-space:nowrap}
.v3-cta:hover{transform:translateY(-2px);box-shadow:0 22px 38px rgba(125,15,22,.30),0 0 0 4px rgba(201,149,75,.10)}
.mobile-brand,.mobile-quick-phone,.v3-menu-toggle{display:none}

.mobile-drawer.v3-mobile-drawer .drawer-backdrop{background:rgba(12,10,9,.52);backdrop-filter:blur(5px)}
.v3-drawer-panel{
  background:linear-gradient(180deg,#181411 0,#0f0e0d 100%)!important;color:#fff;border:1px solid rgba(201,149,75,.38)!important;
  border-radius:0 0 0 28px;overflow:hidden;padding:0!important;box-shadow:-30px 0 80px rgba(0,0,0,.38)!important
}
.v3-drawer-crown{position:absolute;left:-8%;right:-8%;top:-78px;height:170px;background:radial-gradient(circle at 50% 0,#b51421,#6e0710 72%);border-bottom:2px solid rgba(201,149,75,.72);border-radius:0 0 50% 50%;box-shadow:0 18px 32px rgba(0,0,0,.22)}
.v3-drawer-head{position:relative;z-index:2;display:flex;justify-content:center;align-items:flex-start;min-height:152px;padding:30px 24px 0!important;border-bottom:0!important}
.v3-drawer-head img{width:112px!important;height:112px;max-height:none;padding:8px;border-radius:50%;background:#fff;box-shadow:0 18px 40px rgba(0,0,0,.24),0 0 0 1px rgba(201,149,75,.55),inset 0 0 0 7px rgba(255,255,255,.62)}
.v3-drawer-close{position:absolute;right:20px;top:20px;width:46px!important;height:46px!important;color:#e6c089;background:rgba(0,0,0,.18)!important;border:1px solid rgba(201,149,75,.62)!important;box-shadow:none!important}
.v3-drawer-nav{position:relative;z-index:2;padding:12px 20px 16px!important;gap:0!important}
.v3-drawer-nav a{display:grid!important;grid-template-columns:34px 1fr 22px;align-items:center;gap:14px;padding:17px 14px!important;border-radius:0!important;border:0!important;border-bottom:1px solid rgba(201,149,75,.20)!important;background:transparent!important;box-shadow:none!important;color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:21px;font-weight:500!important;transition:.25s var(--ease)}
.v3-drawer-nav a svg:first-child{width:25px;height:25px;color:#e4bd82;filter:drop-shadow(0 0 8px rgba(201,149,75,.18))}
.v3-drawer-nav a svg:last-child{width:18px;height:18px;color:#c9954b;justify-self:end;opacity:.72}
.v3-drawer-nav a:hover,.v3-drawer-nav a.is-active{background:linear-gradient(90deg,rgba(201,149,75,.16),rgba(201,149,75,.04))!important;color:#f6e4ca;box-shadow:inset 0 0 0 1px rgba(201,149,75,.22)!important;border-radius:14px!important;border-bottom-color:transparent!important}
.v3-drawer-quote{position:relative;z-index:2;margin:0 20px 24px;padding:18px 16px;border:1px solid rgba(201,149,75,.55);border-radius:10px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));box-shadow:inset 0 0 0 1px rgba(201,149,75,.13)}
.v3-drawer-quote b{display:block;color:#e4bd82;letter-spacing:.11em;font-size:15px;margin-bottom:7px}.v3-drawer-quote small{display:block;color:rgba(255,255,255,.82);line-height:1.55;font-size:14px}.v3-drawer-quote svg{width:38px;height:38px;padding:9px;border-radius:50%;border:1px solid rgba(201,149,75,.78);color:#e4bd82;flex:none}

.mobile-bottom{background:linear-gradient(180deg,#a70f1b,#76080f)!important;border:1px solid rgba(228,192,137,.56)!important;border-radius:999px!important;padding:9px 12px!important;box-shadow:0 20px 44px rgba(30,12,10,.28),inset 0 1px 0 rgba(255,255,255,.18)!important;overflow:visible}
.mobile-bottom:before{content:"";position:absolute;left:50%;top:-9px;width:18px;height:18px;background:#a70f1b;border-left:1px solid rgba(228,192,137,.56);border-top:1px solid rgba(228,192,137,.56);transform:translateX(-50%) rotate(45deg);border-radius:3px}
.mobile-bottom a{border-right:1px solid rgba(255,255,255,.18)!important;border-radius:0!important;min-height:66px!important;font-size:10px!important;letter-spacing:.06em;background:transparent!important}.mobile-bottom a:last-child{border-right:0!important}.mobile-bottom svg{background:transparent!important;box-shadow:none!important;padding:0!important;color:#fff}.mobile-bottom a:first-child svg{animation:premiumRing 2.4s infinite var(--ease)}.mobile-bottom .is-strong{animation:premiumLift 3s infinite var(--ease)}

@media(max-width:1100px){.site-header.v3-header{padding:10px 0}.v3-header-shell{height:86px;display:flex;justify-content:space-between;border-radius:18px;padding:0 18px}.v3-nav,.brand-v3{display:none}.mobile-brand{display:grid;place-items:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:108px;height:108px;border-radius:50%;background:#fff;box-shadow:0 14px 28px rgba(42,26,14,.12),0 0 0 1px rgba(201,149,75,.28);z-index:2}.mobile-brand img{width:92px;height:92px;object-fit:contain;border-radius:50%;padding:6px}.mobile-quick-phone{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;margin-left:auto;margin-right:10px;color:#b87b36;background:#fff;border:1px solid rgba(201,149,75,.25);box-shadow:0 10px 22px rgba(42,26,14,.08)}.mobile-quick-phone svg{width:20px;height:20px}.v3-menu-toggle{display:grid!important;place-items:center;position:relative;width:52px;height:52px;background:#fff;border:1px solid rgba(201,149,75,.25);border-radius:16px;box-shadow:0 10px 22px rgba(42,26,14,.08)}.v3-menu-toggle svg{position:absolute;width:25px;height:25px;color:#1c1715}}
@media(max-width:560px){.site-header.v3-header{padding:7px 0}.v3-header-shell{height:74px;border-radius:14px}.mobile-brand{width:88px;height:88px}.mobile-brand img{width:76px;height:76px}.mobile-quick-phone{width:44px;height:44px}.v3-menu-toggle{width:46px;height:46px;border-radius:14px}.v3-drawer-panel{width:100%!important;height:100%!important;border-radius:0!important}.v3-drawer-head{min-height:142px}.v3-drawer-head img{width:104px!important;height:104px}.v3-drawer-nav a{font-size:20px;padding:16px 13px!important}.mobile-bottom{bottom:10px!important;width:calc(100% - 16px)!important}.mobile-bottom a{min-height:62px!important}.mobile-bottom span{font-size:9.5px}}
@media(prefers-reduced-motion:reduce){.v3-cta:after,.v3-cta svg,.brand-v3 img,.mobile-bottom a:first-child svg,.mobile-bottom .is-strong{animation:none!important}}

/* === FIX v3: stabilne menu wariant 3, bez rozjeżdżania === */
.site-header.v3-header{
  position:sticky;
  top:0;
  z-index:80;
  padding:16px 0 10px;
  background:linear-gradient(180deg,rgba(255,253,249,.97),rgba(255,253,249,.72));
  border-bottom:0;
  backdrop-filter:saturate(140%) blur(16px);
}
.v3-header-shell{
  width:min(1500px,calc(100% - 48px));
  height:106px;
  margin-inline:auto;
  padding:0 24px;
  display:grid!important;
  grid-template-columns:minmax(360px,1fr) 172px minmax(470px,1fr);
  align-items:center;
  gap:18px;
  position:relative;
  border-radius:24px;
  overflow:visible;
  background:
    linear-gradient(180deg,rgba(255,255,255,.86),rgba(255,248,238,.92)),
    radial-gradient(circle at 50% 0,rgba(228,192,137,.22),transparent 55%);
  border:1px solid rgba(201,149,75,.38);
  box-shadow:0 24px 58px rgba(42,26,14,.13), inset 0 0 0 1px rgba(255,255,255,.76);
}
.v3-header-shell::before{
  content:"";
  position:absolute;
  inset:10px 12px;
  border:1px solid rgba(201,149,75,.26);
  border-radius:18px;
  pointer-events:none;
}
.v3-header-shell::after{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  bottom:14px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(201,149,75,.55),transparent);
  pointer-events:none;
}
.v3-nav{
  display:flex!important;
  align-items:center;
  gap:0;
  height:100%;
  min-width:0;
  position:relative;
  z-index:2;
}
.v3-nav-left{grid-column:1;justify-content:flex-start;padding-right:8px}
.v3-nav-right{grid-column:3;justify-content:flex-end;padding-left:8px}
.v3-nav-item{
  min-height:62px;
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:0 clamp(14px,1.35vw,24px)!important;
  color:#1d1715;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(18px,1.2vw,22px);
  font-weight:600;
  line-height:1;
  white-space:nowrap;
  border-radius:15px;
  border-right:1px solid rgba(201,149,75,.18);
  position:relative;
  transition:background .25s var(--ease),color .25s var(--ease),transform .25s var(--ease);
}
.v3-nav-left .v3-nav-item:last-child,
.v3-nav-right .v3-nav-item:nth-last-child(2){border-right:0}
.v3-nav-item::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:13px;
  width:42px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
  transform:translateX(-50%) scaleX(.45);
  opacity:.65;
  transition:.25s var(--ease);
}
.v3-nav-item:hover,
.v3-nav-item.is-active{
  background:linear-gradient(180deg,rgba(201,149,75,.12),rgba(201,149,75,.04));
  color:#8f0711;
}
.v3-nav-item:hover::after,
.v3-nav-item.is-active::after{
  transform:translateX(-50%) scaleX(1);
  opacity:1;
}
.v3-home{
  width:64px;
  min-width:64px;
  padding:0!important;
  border:1px solid rgba(201,149,75,.28);
  background:rgba(255,255,255,.56);
}
.v3-home span{display:none!important}
.v3-home svg{width:25px;height:25px;color:var(--gold)}
.brand-v3{
  grid-column:2;
  justify-self:center;
  align-self:center;
  position:relative!important;
  width:166px!important;
  height:166px!important;
  min-width:166px!important;
  display:grid!important;
  place-items:center;
  margin:0!important;
  transform:none!important;
  z-index:4;
  border-radius:50%;
}
.brand-v3::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:50%;
  background:radial-gradient(circle at 35% 25%,#fff 0,#fffaf3 58%,#ead2b5 100%);
  border:1px solid rgba(201,149,75,.52);
  box-shadow:
    0 22px 44px rgba(42,26,14,.18),
    inset 0 0 0 8px rgba(255,255,255,.66),
    inset 0 0 0 10px rgba(201,149,75,.15);
}
.brand-v3::after{
  content:"";
  position:absolute;
  inset:-9px;
  border-radius:50%;
  border:1px solid rgba(201,149,75,.25);
  pointer-events:none;
}
.brand-v3 img{
  position:relative;
  width:146px!important;
  height:146px!important;
  max-height:none!important;
  margin:0!important;
  padding:8px;
  border-radius:50%;
  object-fit:contain;
  background:#fff;
  filter:drop-shadow(0 12px 20px rgba(42,26,14,.14));
}
.v3-cta{
  flex:0 0 auto;
  position:relative;
  overflow:hidden;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-height:58px;
  padding:0 12px 0 22px!important;
  margin-left:clamp(10px,1.2vw,22px)!important;
  border-radius:12px;
  background:linear-gradient(180deg,#a90f1b,#760910);
  color:#fff!important;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(16px,1vw,18px);
  font-weight:600;
  border:1px solid rgba(228,192,137,.72);
  box-shadow:0 18px 30px rgba(125,15,22,.26), inset 0 1px 0 rgba(255,255,255,.18), inset 0 0 0 1px rgba(255,255,255,.07);
  white-space:nowrap;
}
.v3-cta::before{
  content:"";
  position:absolute;
  inset:7px;
  border:1px solid rgba(228,192,137,.28);
  border-radius:8px;
  pointer-events:none;
}
.v3-cta::after{
  content:"";
  position:absolute;
  top:-35%;
  bottom:-35%;
  left:-22%;
  width:34%;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.24),transparent);
  transform:translateX(-160%) skewX(-18deg);
  animation:ctaShine 5.4s infinite;
}
.v3-cta span{position:relative;z-index:1}
.v3-cta svg{
  position:relative;
  z-index:1;
  width:34px!important;
  height:34px!important;
  padding:8px;
  border-radius:50%;
  border:1px solid rgba(228,192,137,.78);
  background:rgba(0,0,0,.12);
  animation:ctaIconFloat 2.9s infinite var(--ease);
}
.mobile-brand,.mobile-quick-phone,.v3-menu-toggle{display:none!important}
@media(max-width:1320px){
  .site-header.v3-header{padding:8px 0}
  .v3-header-shell{
    height:82px;
    display:flex!important;
    align-items:center;
    justify-content:space-between;
    width:min(100% - 24px,760px);
    padding:0 16px;
    border-radius:18px;
  }
  .v3-header-shell::before{inset:8px;border-radius:14px}
  .v3-nav,.brand-v3{display:none!important}
  .mobile-brand{
    display:grid!important;
    place-items:center;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:104px;
    height:104px;
    border-radius:50%;
    background:#fff;
    box-shadow:0 14px 28px rgba(42,26,14,.12),0 0 0 1px rgba(201,149,75,.28);
    z-index:2;
  }
  .mobile-brand img{
    width:90px;
    height:90px;
    object-fit:contain;
    border-radius:50%;
    padding:6px;
  }
  .mobile-quick-phone{
    display:grid!important;
    place-items:center;
    width:48px;
    height:48px;
    border-radius:50%;
    margin-left:auto;
    margin-right:10px;
    color:#b87b36;
    background:#fff;
    border:1px solid rgba(201,149,75,.25);
    box-shadow:0 10px 22px rgba(42,26,14,.08);
  }
  .mobile-quick-phone svg{width:20px;height:20px}
  .v3-menu-toggle{
    display:grid!important;
    place-items:center;
    position:relative;
    width:52px;
    height:52px;
    background:#fff;
    border:1px solid rgba(201,149,75,.25);
    border-radius:16px;
    box-shadow:0 10px 22px rgba(42,26,14,.08);
  }
  .v3-menu-toggle svg{position:absolute;width:25px;height:25px;color:#1c1715}
}
@media(max-width:560px){
  .v3-header-shell{height:74px;width:calc(100% - 18px);border-radius:14px}
  .mobile-brand{width:88px;height:88px}
  .mobile-brand img{width:76px;height:76px}
  .mobile-quick-phone{width:44px;height:44px}
  .v3-menu-toggle{width:46px;height:46px;border-radius:14px}
  .v3-drawer-panel{width:100%!important;height:100%!important;border-radius:0!important}
}



/* =========================================================
   STABILNE MENU — bez nakładania elementów
   Ten blok celowo nadpisuje wcześniejsze eksperymentalne warianty.
   ========================================================= */
@media (min-width:1181px){
  .site-header.v3-header{
    padding:14px 0 10px!important;
    background:linear-gradient(180deg,rgba(255,252,247,.97),rgba(255,252,247,.88))!important;
  }

  .v3-header-shell{
    height:94px!important;
    display:grid!important;
    grid-template-columns:minmax(300px,1fr) 156px minmax(430px,1.05fr)!important;
    align-items:center!important;
    gap:0!important;
    padding:0 18px!important;
    border-radius:18px!important;
    overflow:visible!important;
    max-width:1440px!important;
    width:calc(100% - 48px)!important;
    margin-inline:auto!important;
  }

  .v3-nav{
    display:flex!important;
    align-items:center!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:visible!important;
    z-index:2!important;
  }

  .v3-nav-left{justify-content:flex-start!important}
  .v3-nav-right{justify-content:flex-end!important}

  .v3-nav-item{
    min-height:60px!important;
    padding:0 clamp(12px,1.05vw,22px)!important;
    font-size:clamp(16px,1.1vw,18px)!important;
    line-height:1!important;
    white-space:nowrap!important;
    flex:0 0 auto!important;
    border-right:1px solid rgba(201,149,75,.18)!important;
  }

  .v3-home{
    width:60px!important;
    min-width:60px!important;
    padding:0!important;
    margin-right:8px!important;
  }

  .v3-home svg{
    width:26px!important;
    height:26px!important;
  }

  .brand-v3{
    position:relative!important;
    width:154px!important;
    height:154px!important;
    min-width:154px!important;
    justify-self:center!important;
    align-self:center!important;
    margin:0!important;
    z-index:4!important;
    transform:none!important;
  }

  .brand-v3:before{inset:0!important}
  .brand-v3:after{inset:10px!important}

  .brand-v3 img{
    width:126px!important;
    height:126px!important;
    max-height:none!important;
    margin:0!important;
    padding:7px!important;
  }

  .v3-cta{
    min-height:50px!important;
    padding:0 9px 0 17px!important;
    margin-left:10px!important;
    font-size:clamp(14px,1vw,16px)!important;
    white-space:nowrap!important;
    flex:0 0 auto!important;
    border-radius:10px!important;
  }

  .v3-cta svg{
    width:34px!important;
    height:34px!important;
    padding:8px!important;
  }

  .mobile-brand,.mobile-quick-phone,.v3-menu-toggle{
    display:none!important;
  }
}

/* Na laptopach i tabletach od razu przechodzimy na stabilny układ mobilny.
   Dzięki temu menu nigdy nie musi się wciskać na siłę i nie ma prawa nachodzić. */
@media (max-width:1180px){
  .site-header.v3-header{
    padding:10px 0!important;
  }

  .v3-header-shell{
    height:86px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    border-radius:18px!important;
    padding:0 18px!important;
    overflow:visible!important;
  }

  .v3-nav,.brand-v3{
    display:none!important;
  }

  .mobile-brand{
    display:grid!important;
    place-items:center!important;
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    width:108px!important;
    height:108px!important;
    border-radius:50%!important;
    background:#fff!important;
    box-shadow:0 14px 28px rgba(42,26,14,.12),0 0 0 1px rgba(201,149,75,.28)!important;
    z-index:2!important;
  }

  .mobile-brand img{
    width:92px!important;
    height:92px!important;
    object-fit:contain!important;
    border-radius:50%!important;
    padding:6px!important;
  }

  .mobile-quick-phone{
    display:grid!important;
    place-items:center!important;
    width:48px!important;
    height:48px!important;
    border-radius:50%!important;
    margin-left:auto!important;
    margin-right:10px!important;
    color:#b87b36!important;
    background:#fff!important;
    border:1px solid rgba(201,149,75,.25)!important;
    box-shadow:0 10px 22px rgba(42,26,14,.08)!important;
  }

  .mobile-quick-phone svg{
    width:20px!important;
    height:20px!important;
  }

  .v3-menu-toggle{
    display:grid!important;
    place-items:center!important;
    width:50px!important;
    height:50px!important;
    min-width:50px!important;
    border-radius:50%!important;
    border:1px solid rgba(201,149,75,.25)!important;
    background:#fff!important;
    box-shadow:0 10px 22px rgba(42,26,14,.08)!important;
  }

  .v3-menu-toggle svg{
    width:22px!important;
    height:22px!important;
  }
}

/* Drawer premium, ale technicznie prosty i stabilny */
.v3-drawer-panel{
  width:min(92vw,420px)!important;
  max-width:420px!important;
}

.v3-drawer-nav a{
  display:grid!important;
  grid-template-columns:34px 1fr 18px!important;
  align-items:center!important;
  gap:12px!important;
  min-height:58px!important;
  padding:0 18px!important;
  white-space:nowrap!important;
}

.v3-drawer-nav a span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

@media (max-width:560px){
  .v3-drawer-panel{
    width:100%!important;
    max-width:100%!important;
    border-radius:28px 28px 0 0!important;
  }

  .v3-drawer-nav a{
    min-height:56px!important;
    font-size:17px!important;
  }

  .mobile-bottom{
    width:calc(100% - 14px)!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }

  .mobile-bottom a{
    min-width:0!important;
    font-size:10px!important;
  }
}


/* === FINAL HARD FIX: stable premium menu without overlap === */
@media (min-width:1281px){
  .site-header.v3-header{
    padding:14px 0 !important;
    background:transparent !important;
    border-bottom:0 !important;
    backdrop-filter:none !important;
    box-shadow:none !important;
  }
  .v3-header-shell{
    position:relative !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 132px minmax(0,1fr) !important;
    align-items:center !important;
    gap:18px !important;
    width:min(1480px, calc(100% - 40px)) !important;
    min-height:92px !important;
    height:auto !important;
    padding:14px 18px !important;
    margin:0 auto !important;
    overflow:visible !important;
    background:rgba(255,251,245,.97) !important;
    border:1px solid rgba(201,149,75,.32) !important;
    border-radius:24px !important;
    box-shadow:0 16px 36px rgba(42,26,14,.08) !important;
  }
  .v3-header-shell::before{
    content:"" !important;
    position:absolute !important;
    inset:10px !important;
    border:1px solid rgba(201,149,75,.18) !important;
    border-radius:18px !important;
    pointer-events:none !important;
  }
  .v3-header-shell::after{content:none !important;}

  .v3-nav{
    position:relative !important;
    z-index:2 !important;
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    min-width:0 !important;
  }
  .v3-nav-left{justify-content:flex-start !important;}
  .v3-nav-right{justify-content:flex-end !important;}

  .v3-nav-item{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:52px !important;
    padding:0 22px !important;
    border-radius:16px !important;
    white-space:nowrap !important;
    font-size:17px !important;
    line-height:1 !important;
    font-weight:800 !important;
    color:#1b1614 !important;
    background:linear-gradient(180deg,#fffdf9,#f8efe3) !important;
    border:1px solid rgba(201,149,75,.28) !important;
    box-shadow:0 10px 22px rgba(42,26,14,.05) !important;
    transform:none !important;
  }
  .v3-nav-item:hover,
  .v3-nav-item.is-active{
    background:#fff !important;
    border-color:rgba(201,149,75,.44) !important;
    box-shadow:0 12px 24px rgba(42,26,14,.08) !important;
    color:#7d0f16 !important;
  }
  .v3-home{
    width:60px !important;
    min-width:60px !important;
    padding:0 !important;
  }
  .v3-home span{display:none !important;}
  .v3-home svg{width:22px !important;height:22px !important;}

  .brand-v3{
    position:relative !important;
    z-index:3 !important;
    display:grid !important;
    place-items:center !important;
    width:132px !important;
    height:132px !important;
    margin:0 auto !important;
    align-self:center !important;
    justify-self:center !important;
    border-radius:50% !important;
    background:radial-gradient(circle at 35% 30%, #ffffff 0, #fffdf8 62%, #f4e4cd 100%) !important;
    border:1px solid rgba(201,149,75,.44) !important;
    box-shadow:0 18px 40px rgba(42,26,14,.12), 0 0 0 8px rgba(255,251,245,.97) !important;
  }
  .brand-v3 img{
    width:106px !important;
    height:106px !important;
    max-height:none !important;
    margin:0 !important;
    padding:5px !important;
    object-fit:contain !important;
    border-radius:50% !important;
    filter:drop-shadow(0 8px 14px rgba(42,26,14,.12)) !important;
  }

  .v3-cta{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    min-width:238px !important;
    min-height:52px !important;
    margin-left:2px !important;
    padding:0 10px 0 22px !important;
    border-radius:16px !important;
    font-size:17px !important;
    font-weight:900 !important;
    color:#fff !important;
    background:linear-gradient(135deg,#b01722,#880d17) !important;
    border:1px solid rgba(255,255,255,.16) !important;
    box-shadow:0 18px 34px rgba(162,15,27,.24) !important;
  }
  .v3-cta span{position:relative !important;z-index:1 !important;white-space:nowrap !important;}
  .v3-cta::before{content:none !important;}
  .v3-cta svg{
    position:relative !important;
    z-index:1 !important;
    width:38px !important;
    height:38px !important;
    padding:9px !important;
    border-radius:50% !important;
    background:rgba(255,255,255,.14) !important;
  }
  .mobile-brand,
  .mobile-quick-phone,
  .v3-menu-toggle{display:none !important;}
}

@media (max-width:1280px){
  .site-header.v3-header{
    padding:10px 0 !important;
    background:transparent !important;
    border-bottom:0 !important;
    backdrop-filter:none !important;
    box-shadow:none !important;
  }
  .v3-header-shell{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    width:min(calc(100% - 24px), 960px) !important;
    height:88px !important;
    padding:0 16px !important;
    margin:0 auto !important;
    background:rgba(255,251,245,.98) !important;
    border:1px solid rgba(201,149,75,.28) !important;
    border-radius:22px !important;
    box-shadow:0 14px 28px rgba(42,26,14,.08) !important;
    overflow:visible !important;
  }
  .v3-header-shell::before{
    content:"" !important;
    position:absolute !important;
    inset:8px !important;
    border:1px solid rgba(201,149,75,.16) !important;
    border-radius:16px !important;
    pointer-events:none !important;
  }
  .v3-header-shell::after{content:none !important;}
  .v3-nav,.brand-v3{display:none !important;}

  .mobile-brand{
    display:grid !important;
    place-items:center !important;
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%,-50%) !important;
    width:100px !important;
    height:100px !important;
    border-radius:50% !important;
    background:radial-gradient(circle at 35% 30%, #ffffff 0, #fffdf8 62%, #f4e4cd 100%) !important;
    border:1px solid rgba(201,149,75,.36) !important;
    box-shadow:0 14px 30px rgba(42,26,14,.12),0 0 0 6px rgba(255,251,245,.98) !important;
    z-index:2 !important;
  }
  .mobile-brand img{
    width:82px !important;
    height:82px !important;
    padding:5px !important;
    object-fit:contain !important;
    border-radius:50% !important;
  }
  .mobile-quick-phone{
    display:grid !important;
    place-items:center !important;
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    border-radius:50% !important;
    color:#b87b36 !important;
    background:#fff !important;
    border:1px solid rgba(201,149,75,.24) !important;
    box-shadow:0 10px 22px rgba(42,26,14,.08) !important;
  }
  .mobile-quick-phone svg{width:20px !important;height:20px !important;}
  .v3-menu-toggle{
    display:grid !important;
    place-items:center !important;
    position:relative !important;
    width:50px !important;
    height:50px !important;
    min-width:50px !important;
    border-radius:16px !important;
    border:1px solid rgba(201,149,75,.24) !important;
    background:#fff !important;
    box-shadow:0 10px 22px rgba(42,26,14,.08) !important;
    margin-left:auto !important;
  }
  .v3-menu-toggle svg{position:absolute !important;width:22px !important;height:22px !important;}
}

@media (max-width:560px){
  .v3-header-shell{
    width:calc(100% - 16px) !important;
    height:78px !important;
    padding:0 12px !important;
    border-radius:18px !important;
  }
  .mobile-brand{
    width:86px !important;
    height:86px !important;
  }
  .mobile-brand img{width:70px !important;height:70px !important;}
  .mobile-quick-phone{width:44px !important;height:44px !important;min-width:44px !important;}
  .v3-menu-toggle{width:44px !important;height:44px !important;min-width:44px !important;border-radius:14px !important;}
}


/* ===== FINAL DESKTOP/MOBILE HEADER LAYOUT ===== */
.desktop-main-nav,.desktop-home,.desktop-link,.desktop-dot,.desktop-divider,.desktop-cta{display:none}

@media (min-width:1101px){
  .site-header.v3-header{
    position:sticky;
    top:0;
    padding:18px 0 10px !important;
    background:transparent !important;
    border-bottom:0 !important;
    backdrop-filter:none !important;
    box-shadow:none !important;
  }
  .v3-header-shell{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    gap:24px !important;
    min-height:118px !important;
    height:118px !important;
    width:min(100% - 20px, 1500px) !important;
    margin:0 auto !important;
    padding:0 24px 0 208px !important;
    background:linear-gradient(180deg,#fdfbf8,#fcf9f4) !important;
    border:1px solid rgba(217,198,170,.58) !important;
    border-radius:30px !important;
    box-shadow:0 16px 40px rgba(42,26,14,.08) !important;
    overflow:visible !important;
  }
  .v3-header-shell::before{
    content:"" !important;
    position:absolute !important;
    inset:10px !important;
    border:1px solid rgba(217,198,170,.42) !important;
    border-radius:22px !important;
    pointer-events:none !important;
  }
  .v3-header-shell::after{content:none !important;}

  .brand-v3{
    display:grid !important;
    place-items:center !important;
    position:absolute !important;
    left:28px !important;
    top:-6px !important;
    z-index:4 !important;
    width:162px !important;
    height:162px !important;
    border-radius:50% !important;
    background:#fff !important;
    border:1px solid rgba(201,149,75,.40) !important;
    box-shadow:0 18px 36px rgba(42,26,14,.12), 0 0 0 10px #fdfbf8 !important;
  }
  .brand-v3::before{
    content:"" !important;
    position:absolute !important;
    left:-16px !important;
    right:-16px !important;
    bottom:18px !important;
    height:36px !important;
    background:#fdfbf8 !important;
    border-bottom:1px solid rgba(217,198,170,.58) !important;
    border-radius:0 0 36px 36px !important;
    z-index:-1 !important;
  }
  .brand-v3::after{content:none !important;}
  .brand-v3 img{
    width:126px !important;
    height:126px !important;
    margin:0 !important;
    padding:6px !important;
    background:#fff !important;
    border-radius:50% !important;
    object-fit:contain !important;
    filter:drop-shadow(0 10px 16px rgba(42,26,14,.10)) !important;
    animation:logoBreath 6s infinite var(--ease) !important;
  }

  .desktop-main-nav{
    position:relative !important;
    z-index:2 !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:18px !important;
    padding-left:12px !important;
  }
  .desktop-home{
    display:grid !important;
    place-items:center !important;
    width:44px !important;
    min-width:44px !important;
    height:44px !important;
    border-radius:14px !important;
    color:#3d342e !important;
    position:relative !important;
  }
  .desktop-home svg{width:22px !important;height:22px !important;}
  .desktop-home::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:-11px;
    width:28px;
    height:2px;
    background:var(--gold);
    transform:translateX(-50%);
    border-radius:999px;
    opacity:1;
  }
  .desktop-divider{
    display:block !important;
    width:1px !important;
    height:28px !important;
    background:rgba(217,198,170,.7) !important;
    margin-right:2px !important;
  }
  .desktop-link{
    display:inline-flex !important;
    align-items:center !important;
    height:44px !important;
    font-family:Georgia,"Times New Roman",serif !important;
    font-size:18px !important;
    font-weight:500 !important;
    color:#231d1a !important;
    white-space:nowrap !important;
    position:relative !important;
  }
  .desktop-link:hover,
  .desktop-link.is-active{color:#8c5a22 !important;}
  .desktop-dot{
    display:block !important;
    width:5px !important;
    height:5px !important;
    border-radius:50% !important;
    background:#c9954b !important;
    opacity:.9 !important;
    flex:none !important;
  }
  .desktop-cta{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    margin-left:auto !important;
    min-width:234px !important;
    min-height:58px !important;
    padding:0 10px 0 22px !important;
    border-radius:14px !important;
    background:linear-gradient(135deg,#b01722,#8a0d17) !important;
    color:#fff !important;
    font-weight:900 !important;
    box-shadow:0 16px 30px rgba(162,15,27,.22), inset 0 1px 0 rgba(255,255,255,.25) !important;
  }
  .desktop-cta::before{
    content:"" !important;
    position:absolute !important;
    inset:3px !important;
    border:1px solid rgba(228,192,137,.45) !important;
    border-radius:11px !important;
    pointer-events:none !important;
  }
  .desktop-cta::after{
    content:"" !important;
    position:absolute !important;
    top:-30% !important;
    bottom:-30% !important;
    left:-20% !important;
    width:34% !important;
    background:linear-gradient(120deg,transparent,rgba(255,255,255,.22),transparent) !important;
    transform:translateX(-160%) skewX(-18deg) !important;
    animation:ctaShine 5.6s infinite !important;
  }
  .desktop-cta span{position:relative !important;z-index:1 !important;white-space:nowrap !important;}
  .desktop-cta svg{
    position:relative !important;
    z-index:1 !important;
    width:38px !important;
    height:38px !important;
    padding:9px !important;
    border-radius:50% !important;
    border:1px solid rgba(228,192,137,.75) !important;
    background:rgba(255,255,255,.10) !important;
    animation:ctaIconFloat 2.9s infinite var(--ease) !important;
  }

  .v3-nav,
  .mobile-brand,
  .mobile-quick-phone,
  .v3-menu-toggle{display:none !important;}
}

@media (max-width:1100px){
  .desktop-main-nav,
  .brand-v3{display:none !important;}
  .site-header.v3-header{
    padding:10px 0 !important;
    background:transparent !important;
    border-bottom:0 !important;
    backdrop-filter:none !important;
    box-shadow:none !important;
  }
  .v3-header-shell{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    width:min(calc(100% - 22px), 960px) !important;
    height:86px !important;
    padding:0 18px !important;
    background:rgba(255,251,245,.96) !important;
    border:1px solid rgba(201,149,75,.24) !important;
    border-radius:18px !important;
    box-shadow:0 12px 26px rgba(42,26,14,.08) !important;
    overflow:visible !important;
  }
  .v3-header-shell::before{
    content:"" !important;
    position:absolute !important;
    inset:8px !important;
    border:1px solid rgba(201,149,75,.16) !important;
    border-radius:14px !important;
    pointer-events:none !important;
  }
  .v3-header-shell::after{content:none !important;}
  .mobile-brand{
    display:grid !important;
    place-items:center !important;
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%,-50%) !important;
    width:108px !important;
    height:108px !important;
    border-radius:50% !important;
    background:#fff !important;
    box-shadow:0 14px 28px rgba(42,26,14,.12),0 0 0 1px rgba(201,149,75,.28) !important;
    z-index:2 !important;
  }
  .mobile-brand img{width:92px !important;height:92px !important;object-fit:contain !important;border-radius:50% !important;padding:6px !important;}
  .mobile-quick-phone{display:grid !important;place-items:center !important;width:48px !important;height:48px !important;border-radius:50% !important;margin-left:auto !important;margin-right:10px !important;color:#b87b36 !important;background:#fff !important;border:1px solid rgba(201,149,75,.25) !important;box-shadow:0 10px 22px rgba(42,26,14,.08) !important;}
  .mobile-quick-phone svg{width:20px !important;height:20px !important;}
  .v3-menu-toggle{display:grid !important;place-items:center !important;position:relative !important;width:52px !important;height:52px !important;background:#fff !important;border:1px solid rgba(201,149,75,.25) !important;border-radius:16px !important;box-shadow:0 10px 22px rgba(42,26,14,.08) !important;}
  .v3-menu-toggle svg{position:absolute !important;width:25px !important;height:25px !important;color:#1c1715 !important;}
}

@media (max-width:560px){
  .site-header.v3-header{padding:7px 0 !important;}
  .v3-header-shell{height:74px !important;border-radius:14px !important;width:calc(100% - 18px) !important;}
  .mobile-brand{width:88px !important;height:88px !important;}
  .mobile-brand img{width:76px !important;height:76px !important;}
  .mobile-quick-phone{width:44px !important;height:44px !important;}
  .v3-menu-toggle{width:46px !important;height:46px !important;border-radius:14px !important;}
}


/* ===== FINAL PC HEADER + FOOTER REFINEMENT ===== */
@media (min-width:1101px){
  .site-header.v3-header{
    position:sticky !important;
    top:0 !important;
    z-index:60 !important;
    padding:16px 0 12px !important;
    background:transparent !important;
    border-bottom:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
  }
  .v3-header-shell{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:26px !important;
    width:min(calc(100% - 20px), 1490px) !important;
    min-height:106px !important;
    height:106px !important;
    padding:0 24px 0 240px !important;
    background:linear-gradient(180deg,#fcfaf7 0%,#fbf8f3 100%) !important;
    border:1px solid rgba(218,205,189,.6) !important;
    border-radius:22px !important;
    box-shadow:0 12px 34px rgba(42,26,14,.07) !important;
    overflow:visible !important;
  }
  .v3-header-shell::before{
    content:"" !important;
    position:absolute !important;
    inset:12px !important;
    border:1px solid rgba(218,205,189,.45) !important;
    border-radius:17px !important;
    pointer-events:none !important;
  }
  .v3-header-shell::after{content:none !important;}

  .brand-v3{
    position:absolute !important;
    left:28px !important;
    top:12px !important;
    width:162px !important;
    height:162px !important;
    display:grid !important;
    place-items:center !important;
    background:#fff !important;
    border-radius:50% !important;
    border:1px solid rgba(213,188,154,.68) !important;
    box-shadow:0 18px 40px rgba(42,26,14,.10), 0 0 0 7px rgba(255,252,248,.92) !important;
    z-index:5 !important;
  }
  .brand-v3 img{
    width:132px !important;
    height:132px !important;
    margin:0 !important;
    padding:4px !important;
    border-radius:50% !important;
    object-fit:contain !important;
    background:#fff !important;
    filter:drop-shadow(0 10px 15px rgba(42,26,14,.10)) !important;
    animation:logoBreath 6s infinite var(--ease) !important;
  }
  .brand-v3::before,
  .brand-v3::after{content:none !important;}

  .desktop-main-nav{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    gap:0 !important;
    margin-left:0 !important;
    padding:0 10px !important;
    height:48px !important;
    border-radius:999px !important;
    border:1px solid rgba(218,205,189,.9) !important;
    background:#fff !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9), 0 8px 18px rgba(42,26,14,.04) !important;
  }
  .desktop-home{
    display:grid !important;
    place-items:center !important;
    width:48px !important;
    min-width:48px !important;
    height:48px !important;
    color:#c9954b !important;
    position:relative !important;
    border-radius:999px !important;
  }
  .desktop-home svg{width:20px !important;height:20px !important;}
  .desktop-home::after{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    bottom:3px !important;
    width:22px !important;
    height:2px !important;
    transform:translateX(-50%) !important;
    border-radius:999px !important;
    background:#c9954b !important;
    opacity:1 !important;
  }
  .desktop-divider,
  .desktop-dot{
    display:block !important;
    width:1px !important;
    height:22px !important;
    border-radius:0 !important;
    background:rgba(218,205,189,.95) !important;
    margin:0 12px !important;
    flex:none !important;
  }
  .desktop-link{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    height:48px !important;
    padding:0 !important;
    font-family:Georgia,"Times New Roman",serif !important;
    font-size:15px !important;
    font-weight:500 !important;
    letter-spacing:-.01em !important;
    color:#211b19 !important;
    white-space:nowrap !important;
  }
  .desktop-link:hover,
  .desktop-link.is-active{color:#8b5b25 !important;}
  .desktop-cta{
    flex:none !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:16px !important;
    margin-left:0 !important;
    min-width:240px !important;
    min-height:56px !important;
    padding:0 10px 0 24px !important;
    border-radius:999px !important;
    position:relative !important;
    overflow:hidden !important;
    background:radial-gradient(circle at 30% 15%, rgba(255,255,255,.20), transparent 24%), linear-gradient(135deg,#ad111d 0%,#7d0d16 100%) !important;
    color:#fff !important;
    font-size:16px !important;
    font-weight:850 !important;
    letter-spacing:.01em !important;
    box-shadow:0 14px 34px rgba(140,13,23,.24), inset 0 1px 0 rgba(255,255,255,.25) !important;
    border:1px solid rgba(173,17,29,.45) !important;
  }
  .desktop-cta::before{
    content:"" !important;
    position:absolute !important;
    inset:3px !important;
    border-radius:999px !important;
    border:1px solid rgba(228,192,137,.55) !important;
    pointer-events:none !important;
  }
  .desktop-cta::after{
    content:"" !important;
    position:absolute !important;
    top:-35% !important;
    bottom:-35% !important;
    left:-14% !important;
    width:30% !important;
    background:linear-gradient(120deg,transparent,rgba(255,255,255,.22),transparent) !important;
    transform:translateX(-160%) skewX(-20deg) !important;
    animation:ctaShine 5.8s infinite !important;
  }
  .desktop-cta span{position:relative !important;z-index:1 !important;white-space:nowrap !important;}
  .desktop-cta svg{
    position:relative !important;
    z-index:1 !important;
    width:36px !important;
    height:36px !important;
    padding:8px !important;
    border-radius:50% !important;
    border:1px solid rgba(228,192,137,.85) !important;
    background:rgba(255,255,255,.08) !important;
    animation:ctaIconFloat 2.9s infinite var(--ease) !important;
  }

  .v3-nav,.mobile-brand,.mobile-quick-phone,.v3-menu-toggle{display:none !important;}
}

@media (max-width:1100px){
  .desktop-main-nav,.brand-v3,.desktop-cta{display:none !important;}
}

/* footer refinement */
.site-footer{
  background:linear-gradient(180deg,#fff9ef 0%,#f8efe4 100%) !important;
}
.footer-grid{
  align-items:start !important;
}
.footer-badge{
  align-self:center !important;
  justify-self:center !important;
  width:148px !important;
  height:148px !important;
  padding:18px 10px !important;
  border-radius:50% !important;
  border:2px solid #c9954b !important;
  background:#fffaf2 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:4px !important;
  text-align:center !important;
  box-shadow:0 10px 26px rgba(201,149,75,.08) !important;
}
.footer-badge b{
  display:block !important;
  font-size:52px !important;
  line-height:.85 !important;
  font-weight:900 !important;
  letter-spacing:-.03em !important;
  color:#c9954b !important;
}
.footer-badge span,
.footer-badge small{
  display:block !important;
  text-transform:uppercase !important;
  font-weight:900 !important;
  color:#c9954b !important;
  letter-spacing:.05em !important;
}
.footer-badge span{font-size:16px !important;line-height:1 !important;}
.footer-badge small{font-size:12px !important;line-height:1.15 !important;max-width:104px !important;}
.footer-bottom{
  margin-top:28px !important;
  padding-top:18px !important;
  border-top:1px solid rgba(201,149,75,.26) !important;
}
.footer-bottom span:last-child{
  font-weight:700 !important;
  color:#7d654f !important;
}

@media (max-width:900px){
  .footer-badge{
    width:132px !important;
    height:132px !important;
    justify-self:center !important;
  }
  .footer-badge b{font-size:44px !important;}
  .footer-badge span{font-size:14px !important;}
  .footer-badge small{font-size:11px !important;}
}


/* =========================================================
   FINAL HEADER FIX — menu PC bez nakładania, CTA osobno
   ========================================================= */
@media (min-width:1201px){
  .site-header.v3-header{
    position:sticky !important;
    top:0 !important;
    z-index:80 !important;
    padding:16px 0 12px !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
  }
  .v3-header-shell{
    position:relative !important;
    display:grid !important;
    grid-template-columns:190px minmax(560px,1fr) 238px !important;
    align-items:center !important;
    column-gap:38px !important;
    width:min(1460px,calc(100% - 28px)) !important;
    min-height:108px !important;
    height:108px !important;
    margin:0 auto !important;
    padding:0 26px !important;
    background:linear-gradient(180deg,#fffdfa 0%,#fbf8f3 100%) !important;
    border:1px solid rgba(218,205,189,.62) !important;
    border-radius:22px !important;
    box-shadow:0 16px 38px rgba(42,26,14,.075) !important;
    overflow:visible !important;
  }
  .v3-header-shell::before{
    content:"" !important;
    position:absolute !important;
    inset:11px !important;
    border:1px solid rgba(218,205,189,.45) !important;
    border-radius:16px !important;
    pointer-events:none !important;
  }
  .v3-header-shell::after{content:none !important;}

  .brand-v3{
    grid-column:1 !important;
    position:absolute !important;
    left:28px !important;
    top:8px !important;
    z-index:4 !important;
    width:160px !important;
    height:160px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:50% !important;
    background:#fff !important;
    border:1px solid rgba(201,149,75,.40) !important;
    box-shadow:0 18px 38px rgba(42,26,14,.11),0 0 0 8px rgba(255,253,249,.96) !important;
  }
  .brand-v3::before,.brand-v3::after{content:none !important;}
  .brand-v3 img{
    display:block !important;
    width:128px !important;
    height:128px !important;
    max-height:none !important;
    margin:0 !important;
    padding:5px !important;
    object-fit:contain !important;
    border-radius:50% !important;
    background:#fff !important;
    filter:drop-shadow(0 10px 16px rgba(42,26,14,.10)) !important;
    animation:logoBreath 6s infinite var(--ease) !important;
  }

  .desktop-main-nav{
    grid-column:2 !important;
    justify-self:center !important;
    align-self:center !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:0 !important;
    width:fit-content !important;
    max-width:100% !important;
    min-height:54px !important;
    height:54px !important;
    padding:0 18px !important;
    border-radius:999px !important;
    border:1px solid rgba(218,205,189,.86) !important;
    background:rgba(255,255,255,.98) !important;
    box-shadow:0 8px 20px rgba(42,26,14,.045), inset 0 1px 0 rgba(255,255,255,.92) !important;
    overflow:hidden !important;
    position:relative !important;
    z-index:2 !important;
  }
  .desktop-home{
    display:grid !important;
    place-items:center !important;
    width:46px !important;
    min-width:46px !important;
    height:54px !important;
    padding:0 !important;
    color:#c9954b !important;
    position:relative !important;
    border-radius:0 !important;
    background:transparent !important;
  }
  .desktop-home svg{width:20px !important;height:20px !important;}
  .desktop-home::after{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    bottom:6px !important;
    width:24px !important;
    height:2px !important;
    transform:translateX(-50%) !important;
    border-radius:999px !important;
    background:#c9954b !important;
  }
  .desktop-divider,.desktop-dot{
    display:block !important;
    width:1px !important;
    height:26px !important;
    margin:0 14px !important;
    flex:none !important;
    background:rgba(218,205,189,.9) !important;
    border-radius:0 !important;
  }
  .desktop-link{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    height:54px !important;
    padding:0 !important;
    font-family:Georgia,"Times New Roman",serif !important;
    font-size:15.5px !important;
    font-weight:500 !important;
    letter-spacing:-.01em !important;
    line-height:1 !important;
    color:#211b19 !important;
    white-space:nowrap !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }
  .desktop-link:hover,.desktop-link.is-active{color:#8b5b25 !important;}
  .desktop-link::before,.desktop-link::after{content:none !important;}

  .desktop-cta{
    grid-column:3 !important;
    justify-self:end !important;
    align-self:center !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:14px !important;
    width:224px !important;
    min-width:224px !important;
    min-height:56px !important;
    margin:0 !important;
    padding:0 9px 0 22px !important;
    position:relative !important;
    overflow:hidden !important;
    border-radius:16px !important;
    background:radial-gradient(circle at 28% 16%,rgba(255,255,255,.20),transparent 24%),linear-gradient(135deg,#ad111d 0%,#850d16 100%) !important;
    color:#fff !important;
    border:1px solid rgba(173,17,29,.48) !important;
    box-shadow:0 14px 28px rgba(140,13,23,.24),inset 0 1px 0 rgba(255,255,255,.22) !important;
    font-size:15.5px !important;
    font-weight:900 !important;
    line-height:1 !important;
    letter-spacing:0 !important;
    text-align:left !important;
    transform:none !important;
    z-index:2 !important;
  }
  .desktop-cta::before{
    content:"" !important;
    position:absolute !important;
    inset:3px !important;
    border-radius:13px !important;
    border:1px solid rgba(228,192,137,.50) !important;
    pointer-events:none !important;
  }
  .desktop-cta::after{
    content:"" !important;
    position:absolute !important;
    top:-35% !important;bottom:-35% !important;left:-20% !important;
    width:30% !important;
    background:linear-gradient(120deg,transparent,rgba(255,255,255,.22),transparent) !important;
    transform:translateX(-170%) skewX(-20deg) !important;
    animation:ctaShine 5.8s infinite !important;
  }
  .desktop-cta span{position:relative !important;z-index:1 !important;white-space:nowrap !important;}
  .desktop-cta svg{
    position:relative !important;
    z-index:1 !important;
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    padding:9px !important;
    border-radius:50% !important;
    border:1px solid rgba(228,192,137,.82) !important;
    background:rgba(255,255,255,.08) !important;
    animation:ctaIconFloat 2.9s infinite var(--ease) !important;
  }
  .desktop-cta:hover{transform:translateY(-1px) !important;box-shadow:0 18px 32px rgba(140,13,23,.26),inset 0 1px 0 rgba(255,255,255,.24) !important;}

  .v3-nav,.mobile-brand,.mobile-quick-phone,.v3-menu-toggle{display:none !important;}
}

@media (max-width:1200px){
  .desktop-main-nav,.brand-v3,.desktop-cta{display:none !important;}
  .site-header.v3-header{padding:8px 0 !important;background:transparent !important;border:0 !important;box-shadow:none !important;backdrop-filter:none !important;}
  .v3-header-shell{position:relative !important;display:flex !important;align-items:center !important;justify-content:space-between !important;width:min(calc(100% - 22px),960px) !important;height:86px !important;padding:0 18px !important;background:rgba(255,251,245,.96) !important;border:1px solid rgba(201,149,75,.24) !important;border-radius:18px !important;box-shadow:0 12px 26px rgba(42,26,14,.08) !important;overflow:visible !important;}
  .v3-header-shell::before{content:"" !important;position:absolute !important;inset:8px !important;border:1px solid rgba(201,149,75,.16) !important;border-radius:14px !important;pointer-events:none !important;}
  .v3-header-shell::after{content:none !important;}
  .mobile-brand{display:grid !important;place-items:center !important;position:absolute !important;left:50% !important;top:50% !important;transform:translate(-50%,-50%) !important;width:108px !important;height:108px !important;border-radius:50% !important;background:#fff !important;box-shadow:0 14px 28px rgba(42,26,14,.12),0 0 0 1px rgba(201,149,75,.28) !important;z-index:2 !important;}
  .mobile-brand img{width:92px !important;height:92px !important;object-fit:contain !important;border-radius:50% !important;padding:6px !important;}
  .mobile-quick-phone{display:grid !important;place-items:center !important;width:48px !important;height:48px !important;border-radius:50% !important;margin-left:auto !important;margin-right:10px !important;color:#b87b36 !important;background:#fff !important;border:1px solid rgba(201,149,75,.25) !important;box-shadow:0 10px 22px rgba(42,26,14,.08) !important;}
  .mobile-quick-phone svg{width:20px !important;height:20px !important;}
  .v3-menu-toggle{display:grid !important;place-items:center !important;position:relative !important;width:52px !important;height:52px !important;background:#fff !important;border:1px solid rgba(201,149,75,.25) !important;border-radius:16px !important;box-shadow:0 10px 22px rgba(42,26,14,.08) !important;}
  .v3-menu-toggle svg{position:absolute !important;width:25px !important;height:25px !important;color:#1c1715 !important;}
}
@media (max-width:560px){
  .v3-header-shell{height:74px !important;width:calc(100% - 18px) !important;border-radius:14px !important;}
  .mobile-brand{width:88px !important;height:88px !important;}
  .mobile-brand img{width:76px !important;height:76px !important;}
  .mobile-quick-phone{width:44px !important;height:44px !important;}
  .v3-menu-toggle{width:46px !important;height:46px !important;border-radius:14px !important;}
}

/* ===== HERO / BEFORE-AFTER FINAL REFINEMENT ===== */
.hero-premium{
  padding-top:18px;
}
.hero-premium .hero-grid{
  position:relative;
  grid-template-columns:minmax(420px, 38%) minmax(0, 62%);
  min-height:620px;
  border-radius:0 0 34px 34px;
  background:
    radial-gradient(circle at 10% 18%, rgba(201,149,75,.12), transparent 28%),
    linear-gradient(90deg,#fffaf4 0%,#fffaf4 34%,rgba(255,250,244,.62) 49%,rgba(255,250,244,.08) 100%);
  box-shadow:0 28px 70px rgba(42,26,14,.11);
  overflow:hidden;
}
.hero-premium .hero-grid::before{
  content:"";
  position:absolute;
  left:28px;
  right:28px;
  top:22px;
  bottom:22px;
  border:1px solid rgba(201,149,75,.12);
  border-radius:28px;
  pointer-events:none;
  z-index:1;
}
.hero-premium .hero-copy{
  position:relative;
  z-index:2;
  padding:84px 34px 46px 76px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.hero-premium .eyebrow{
  margin-bottom:15px;
  color:#b87b36;
  letter-spacing:.14em;
}
.hero-premium h1{
  font-size:clamp(58px,5.5vw,94px);
  line-height:.91;
  max-width:590px;
}
.hero-premium .hero-lead{
  margin-top:23px;
  max-width:430px;
  font-size:17px;
  line-height:1.78;
  color:#2c2522;
}
.hero-premium .hero-actions{
  margin-top:31px;
  gap:20px;
}
.hero-premium .hero-main-cta{
  min-height:56px;
  border-radius:12px;
  padding-inline:25px 19px;
  box-shadow:0 18px 34px rgba(162,15,27,.22), inset 0 1px 0 rgba(255,255,255,.18);
}
.hero-premium .hero-main-cta svg{
  transition:transform .25s var(--ease);
}
.hero-premium .hero-main-cta:hover svg{
  transform:translateX(4px);
}
.hero-premium .hero-secondary-cta{
  min-height:56px;
  color:#211b19;
}
.hero-premium .hero-benefits{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  max-width:580px;
  margin:36px 0 0;
}
.hero-premium .hero-benefits article{
  min-height:84px;
  padding:12px 8px 10px;
  border-right:1px solid rgba(201,149,75,.24);
  display:grid;
  align-content:start;
  justify-items:center;
  gap:5px;
  text-align:center;
}
.hero-premium .hero-benefits article:last-child{
  border-right:0;
}
.hero-premium .hero-benefits svg{
  width:27px;
  height:27px;
  color:#c9954b;
  margin-bottom:2px;
}
.hero-premium .hero-benefits b{
  font-size:12px;
  line-height:1.18;
  color:#221c19;
}
.hero-premium .hero-benefits span{
  font-size:11px;
  line-height:1.25;
  color:#75675e;
}
.hero-premium .hero-slider-card{
  position:relative;
  z-index:2;
  min-width:0;
  min-height:620px;
}
.hero-slider-top{
  position:absolute;
  left:32px;
  right:32px;
  top:28px;
  z-index:8;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  pointer-events:none;
}
.hero-slider-top span,
.hero-slider-top strong{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:0 14px;
  border-radius:999px;
  backdrop-filter:blur(10px);
  box-shadow:0 10px 24px rgba(30,22,18,.10);
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.hero-slider-top span{
  color:#fff;
  background:rgba(22,18,16,.74);
}
.hero-slider-top strong{
  color:#8f0711;
  background:rgba(255,255,255,.82);
}
.hero-premium .before-after{
  height:100%;
  min-height:620px;
  border-radius:0 0 34px 0;
  background:#d8c6b5;
}
.hero-premium .ba-img{
  object-fit:cover;
  object-position:center;
}
.hero-premium .ba-before{
  transition:clip-path .72s var(--ease);
}
.hero-premium .ba-line{
  width:2px;
  background:rgba(255,255,255,.96);
  transition:left .72s var(--ease);
  box-shadow:0 0 0 1px rgba(0,0,0,.04),0 0 24px rgba(255,255,255,.35);
}
.hero-premium .ba-handle{
  width:62px;
  height:62px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:3px;
  background:rgba(255,255,255,.96);
  color:#bc823e;
  border:1px solid rgba(201,149,75,.55);
  box-shadow:0 18px 38px rgba(22,16,10,.20), inset 0 0 0 7px rgba(255,250,244,.72);
  font-family:Georgia,"Times New Roman",serif;
  font-size:27px;
  letter-spacing:0;
  animation:pulseHandle 2.7s infinite, handleWiggle 4.2s infinite var(--ease);
}
.hero-premium .ba-handle span{
  display:block;
  line-height:1;
  transform:translateY(-1px);
}
.hero-premium .ba-handle::after{
  border-color:rgba(201,149,75,.32);
}
.hero-premium .ba-label{
  top:66px;
  padding:10px 15px;
  border-radius:9px;
  font-size:12px;
  letter-spacing:.10em;
  box-shadow:0 10px 22px rgba(30,22,18,.10);
}
.hero-premium .ba-label-before{
  left:50px;
  background:#171412;
  color:#fff;
}
.hero-premium .ba-label-after{
  right:50px;
  background:linear-gradient(135deg,#d4a056,#b87b36);
  color:#fff;
}
.hero-premium .ba-hint{
  bottom:30px;
  gap:18px;
  padding:10px 20px;
  background:rgba(20,16,14,.24);
  border:1px solid rgba(255,255,255,.24);
  color:#fff;
  font-size:14px;
  box-shadow:0 12px 28px rgba(20,16,14,.12);
}
.before-after.is-dragging .ba-before,
.before-after.is-dragging .ba-line,
.before-after.is-dragging .ba-handle{
  transition:none!important;
}
.before-after.is-dragging .ba-handle,
.before-after.is-dragging .ba-handle::after{
  animation:none!important;
}
@media (max-width:1240px){
  .hero-premium .hero-grid{
    grid-template-columns:1fr;
    min-height:0;
  }
  .hero-premium .hero-copy{
    padding:56px 38px 42px;
  }
  .hero-premium .hero-slider-card{
    min-height:560px;
  }
  .hero-premium .before-after{
    min-height:560px;
    border-radius:0 0 34px 34px;
  }
}
@media (max-width:900px){
  .hero-premium{
    padding-top:4px;
  }
  .hero-premium .hero-grid{
    width:min(100%, 760px);
    border-radius:0 0 26px 26px;
  }
  .hero-premium .hero-copy{
    order:2;
    padding:33px 22px 32px;
  }
  .hero-premium .hero-slider-card{
    order:1;
    min-height:390px;
  }
  .hero-premium .before-after{
    min-height:390px;
    height:390px;
    border-radius:0;
  }
  .hero-slider-top{
    top:14px;
    left:14px;
    right:14px;
  }
  .hero-slider-top span,
  .hero-slider-top strong{
    min-height:31px;
    padding-inline:11px;
    font-size:10px;
  }
  .hero-premium .ba-label{
    top:52px;
  }
  .hero-premium .ba-label-before{
    left:14px;
  }
  .hero-premium .ba-label-after{
    right:14px;
  }
  .hero-premium .ba-handle{
    width:56px;
    height:56px;
    font-size:24px;
  }
  .hero-premium .ba-hint{
    bottom:13px;
    max-width:calc(100% - 24px);
    gap:10px;
    padding:9px 13px;
    font-size:12px;
    white-space:nowrap;
  }
  .hero-premium h1{
    font-size:50px;
  }
  .hero-premium .hero-lead{
    font-size:15px;
    line-height:1.68;
  }
  .hero-premium .hero-actions{
    margin-top:24px;
  }
  .hero-premium .hero-benefits{
    grid-template-columns:repeat(4,minmax(96px,1fr));
    overflow:auto;
    gap:8px;
    margin-top:28px;
    padding-bottom:4px;
    scrollbar-width:none;
  }
  .hero-premium .hero-benefits::-webkit-scrollbar{display:none;}
  .hero-premium .hero-benefits article{
    min-width:100px;
    border-right:1px solid rgba(201,149,75,.18);
  }
}
@media (max-width:560px){
  .hero-premium .hero-grid{
    width:100%;
    border-radius:0;
    box-shadow:none;
  }
  .hero-premium .hero-grid::before{
    display:none;
  }
  .hero-premium .hero-slider-card{
    min-height:330px;
  }
  .hero-premium .before-after{
    height:330px;
    min-height:330px;
  }
  .hero-premium h1{
    font-size:42px;
  }
  .hero-premium .hero-actions{
    display:grid;
    gap:12px;
  }
  .hero-premium .hero-actions .btn{
    width:100%;
  }
  .hero-premium .hero-benefits{
    grid-template-columns:repeat(2,1fr);
    overflow:visible;
  }
  .hero-premium .hero-benefits article:nth-child(2n){
    border-right:0;
  }
}


/* ===== O PRACOWNI + ODRĘCZNY PODPIS — FINAL ===== */
.about-panel-premium{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 100% 0%, rgba(201,149,75,.10), transparent 34%),
    linear-gradient(180deg,#fffdf8 0%,#fff8ee 100%) !important;
}
.about-panel-premium::before{
  content:"";
  position:absolute;
  left:24px;
  right:24px;
  top:24px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(201,149,75,.55),transparent);
  opacity:.75;
}
.about-panel-premium h2{
  max-width:520px;
  font-size:clamp(34px,3.2vw,48px) !important;
  line-height:1.03 !important;
}
.about-panel-premium .about-lead{
  color:#2b2420 !important;
  font-size:18px !important;
  line-height:1.72 !important;
  font-weight:650 !important;
  margin-top:18px !important;
}
.about-panel-premium p:not(.section-kicker):not(.about-lead){
  font-size:15.5px;
  line-height:1.82;
}
.about-highlights{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:26px 0 24px;
}
.about-highlights span{
  min-height:96px;
  padding:14px 10px;
  border-radius:18px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(201,149,75,.20);
  box-shadow:0 12px 26px rgba(42,26,14,.045);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:5px;
}
.about-highlights svg{
  width:24px;
  height:24px;
  color:var(--gold);
  margin:0 0 3px;
}
.about-highlights b{
  display:block;
  color:#231c18;
  font-size:19px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.02em;
}
.about-highlights small{
  display:block;
  color:#77675b;
  font-size:11px;
  line-height:1.25;
  font-weight:750;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.owner-signature-card{
  position:relative;
  display:grid;
  grid-template-columns:minmax(160px,.72fr) 1fr;
  gap:18px;
  align-items:center;
  margin-top:22px;
  padding:20px;
  border-radius:22px;
  background:linear-gradient(135deg,#fff 0%,#fff7ea 100%);
  border:1px solid rgba(201,149,75,.26);
  box-shadow:0 18px 34px rgba(42,26,14,.065);
}
.owner-signature-card::after{
  content:"";
  position:absolute;
  inset:9px;
  border:1px solid rgba(201,149,75,.14);
  border-radius:17px;
  pointer-events:none;
}
.signature-img{
  width:260px !important;
  max-width:100% !important;
  height:auto !important;
  margin:0 0 8px !important;
  filter:drop-shadow(0 7px 9px rgba(201,149,75,.14));
}
.owner-signature-card small{
  display:block;
  color:#2d2622;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.owner-signature-card p{
  color:#6a5d53 !important;
  font-size:14.5px !important;
  line-height:1.75 !important;
  margin:0 !important;
}
@media (max-width:1240px){
  .about-panel-premium h2{max-width:760px;}
  .owner-signature-card{grid-template-columns:.55fr 1fr;}
}
@media (max-width:760px){
  .about-highlights{grid-template-columns:1fr;}
  .about-highlights span{min-height:76px;}
  .owner-signature-card{grid-template-columns:1fr;gap:12px;padding:18px;}
  .signature-img{width:232px !important;}
}


/* ===== NASZE USŁUGI + FORMULARZ WYCENY — FINAL ===== */
.services-panel-premium{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 0% 0%, rgba(201,149,75,.12), transparent 32%),
    linear-gradient(180deg,#161310 0%,#0f0e0d 100%) !important;
  color:#fff;
}
.services-panel-premium::before{
  content:"";
  position:absolute;
  inset:20px;
  border:1px solid rgba(201,149,75,.25);
  border-radius:24px;
  pointer-events:none;
}
.services-panel-premium::after{
  content:"";
  position:absolute;
  right:-90px;
  top:-90px;
  width:230px;
  height:230px;
  border-radius:50%;
  border:1px solid rgba(201,149,75,.28);
  opacity:.7;
  pointer-events:none;
}
.services-head-premium{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:22px;
  align-items:end;
  margin-bottom:24px;
}
.services-head-premium h2{
  max-width:520px;
  font-size:clamp(32px,3vw,44px);
  line-height:1.04;
  color:#fff;
}
.services-head-premium p:not(.section-kicker){
  color:rgba(255,255,255,.72);
  line-height:1.65;
  font-size:15px;
  max-width:390px;
  margin-left:auto;
}
.services-panel-premium .section-kicker{
  color:#e4bd82;
}
.services-grid-premium{
  position:relative;
  z-index:1;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
}
.service-card-premium,
.services-grid-premium .service-card:last-child{
  position:relative;
  min-height:158px !important;
  padding:18px 16px 16px !important;
  border-radius:20px !important;
  border:1px solid rgba(201,149,75,.26) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.026)) !important;
  box-shadow:0 18px 34px rgba(0,0,0,.12) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  text-align:left !important;
  gap:12px !important;
  overflow:hidden !important;
  grid-column:auto !important;
  transition:.25s var(--ease);
}
.service-card-premium::before{
  content:"";
  position:absolute;
  left:-40px;
  top:-40px;
  width:110px;
  height:110px;
  border-radius:50%;
  background:rgba(201,149,75,.10);
}
.service-card-premium:hover{
  transform:translateY(-4px) !important;
  border-color:rgba(228,192,137,.58) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.038)) !important;
}
.service-card-premium.is-featured{
  grid-column:span 2 !important;
  background:
    linear-gradient(135deg,rgba(162,15,27,.28),rgba(255,255,255,.045)),
    linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.032)) !important;
}
.service-number{
  position:absolute;
  right:16px;
  top:14px;
  font-size:12px;
  font-weight:900;
  letter-spacing:.12em;
  color:rgba(228,192,137,.60);
}
.service-icon-wrap{
  position:relative;
  width:52px;
  height:52px;
  border-radius:16px;
  display:grid;
  place-items:center;
  color:#e4bd82;
  background:rgba(201,149,75,.10);
  border:1px solid rgba(201,149,75,.28);
}
.service-icon-wrap svg{
  width:28px !important;
  height:28px !important;
  margin:0 !important;
  color:currentColor !important;
}
.service-card-premium h3{
  color:#fff !important;
  font-family:Inter,system-ui,sans-serif !important;
  font-size:15px !important;
  line-height:1.18 !important;
  font-weight:900 !important;
  letter-spacing:.01em !important;
  text-transform:none !important;
  margin:0 !important;
}
.service-card-premium p{
  display:block !important;
  margin-top:8px !important;
  color:rgba(255,255,255,.67) !important;
  font-size:12.5px !important;
  line-height:1.45 !important;
}

.quote-card-premium{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 100% 0%, rgba(162,15,27,.12), transparent 36%),
    linear-gradient(180deg,#fffaf1 0%,#fffdf8 100%) !important;
  border-left:1px solid rgba(201,149,75,.24) !important;
}
.quote-card-premium::before{
  content:"";
  position:absolute;
  left:22px;
  right:22px;
  top:22px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(201,149,75,.48),transparent);
}
.quote-top-premium{
  position:relative;
  z-index:1;
}
.quote-top-premium h2{
  font-size:clamp(32px,3vw,44px) !important;
  line-height:1.06 !important;
}
.quote-top-premium p:not(.section-kicker){
  color:#6d5e53 !important;
  line-height:1.68 !important;
  max-width:460px;
}
.quote-steps{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin:20px 0 18px;
}
.quote-steps span{
  min-height:54px;
  border-radius:16px;
  border:1px solid rgba(201,149,75,.24);
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:#4b4039;
  font-size:12px;
  font-weight:850;
  white-space:nowrap;
}
.quote-steps b{
  width:24px;
  height:24px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,var(--red),var(--red2));
  color:#fff;
  font-size:12px;
}
.quote-form-premium{
  position:relative;
  z-index:1;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:13px !important;
}
.quote-form-premium .wide{
  grid-column:1/-1 !important;
}
.quote-form-premium label.field,
.quote-form-premium .upload-premium{
  margin:0 !important;
}
.quote-form-premium label.field span{
  display:block;
  margin:0 0 7px;
  color:#2b2420;
  font-size:12px;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.quote-form-premium input,
.quote-form-premium select,
.quote-form-premium textarea{
  width:100%;
  border:1px solid rgba(201,149,75,.24) !important;
  background:#fff !important;
  border-radius:16px !important;
  padding:14px 15px !important;
  color:#211b18 !important;
  box-shadow:0 8px 18px rgba(42,26,14,.035) !important;
  outline:none;
  transition:.2s var(--ease);
}
.quote-form-premium textarea{
  resize:vertical;
  min-height:132px;
}
.quote-form-premium input:focus,
.quote-form-premium select:focus,
.quote-form-premium textarea:focus{
  border-color:rgba(162,15,27,.46) !important;
  box-shadow:0 0 0 4px rgba(162,15,27,.08),0 10px 22px rgba(42,26,14,.045) !important;
}
.upload-premium{
  position:relative;
  min-height:126px;
  padding:20px !important;
  border:1.5px dashed rgba(201,149,75,.46) !important;
  border-radius:20px !important;
  background:linear-gradient(135deg,#fff,#fff7eb) !important;
  display:grid !important;
  place-items:center !important;
  text-align:center !important;
  cursor:pointer;
}
.upload-premium:hover{
  border-color:rgba(162,15,27,.44) !important;
  background:linear-gradient(135deg,#fff,#fff2df) !important;
}
.upload-premium b{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  color:#231c18;
  font-size:15px;
  font-weight:900;
}
.upload-premium b svg{
  color:var(--red);
  width:22px;
  height:22px;
}
.upload-premium small{
  max-width:430px;
  margin-top:8px;
  color:#7a6b60;
  font-size:12px;
  line-height:1.45;
}
.upload-premium input{
  position:absolute;
  inset:0;
  opacity:0;
  cursor:pointer;
}
.quote-submit{
  min-height:58px !important;
  border-radius:16px !important;
  font-size:15px !important;
  box-shadow:0 18px 34px rgba(162,15,27,.20) !important;
}
.quote-note{
  margin:0 !important;
  color:#77675b !important;
  font-size:12px !important;
  text-align:center;
}

@media (max-width:1240px){
  .services-head-premium{grid-template-columns:1fr;gap:8px;}
  .services-head-premium p:not(.section-kicker){margin-left:0;max-width:650px;}
  .services-grid-premium{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
}
@media (max-width:900px){
  .services-panel-premium::before{inset:12px;border-radius:18px;}
  .services-grid-premium{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .service-card-premium.is-featured{grid-column:span 2 !important;}
  .quote-form-premium{grid-template-columns:1fr !important;}
  .quote-steps{grid-template-columns:1fr;}
}
@media (max-width:560px){
  .services-grid-premium{grid-template-columns:1fr !important;}
  .service-card-premium.is-featured{grid-column:auto !important;}
  .service-card-premium{min-height:132px !important;}
  .quote-card-premium{padding-inline:18px !important;}
  .quote-top-premium h2{font-size:32px !important;}
}


/* ===== CLEAN SPLIT: O PRACOWNI / USLUGI / WYCENA ===== */
.about-clean-section,
.services-clean-section,
.quote-clean-section{
  position:relative;
  padding:78px 0;
}
.about-clean-section{padding-top:82px;background:linear-gradient(180deg,rgba(255,253,249,.35),rgba(255,248,238,.68));}
.about-clean-grid{
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(320px,.62fr);
  gap:42px;
  align-items:stretch;
}
.about-clean-copy,
.owner-clean-card,
.services-clean-grid,
.quote-clean-panel{
  border:1px solid rgba(201,149,75,.22);
  box-shadow:0 22px 60px rgba(42,26,14,.08);
}
.about-clean-copy{
  background:#fffdf9;
  border-radius:30px;
  padding:52px;
}
.about-clean-copy h2,
.services-clean-head h2,
.quote-clean-info h2{
  font-size:clamp(42px,4.4vw,68px);
  line-height:.98;
  max-width:760px;
}
.about-clean-lead{
  margin-top:24px;
  max-width:640px;
  font-size:20px;
  line-height:1.7;
  color:#29231f;
  font-weight:750;
}
.about-clean-copy p:not(.section-kicker):not(.about-clean-lead){
  margin-top:20px;
  max-width:690px;
  color:var(--muted);
  font-size:17px;
  line-height:1.85;
}
.about-clean-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:34px;
}
.about-clean-stats span{
  min-height:128px;
  display:grid;
  place-items:center;
  text-align:center;
  gap:7px;
  padding:18px 12px;
  border:1px solid rgba(201,149,75,.25);
  border-radius:20px;
  background:linear-gradient(180deg,#fff,#fff8ed);
}
.about-clean-stats svg{width:24px;height:24px;color:var(--gold);}
.about-clean-stats b{font-size:23px;line-height:1;color:#1e1916;}
.about-clean-stats small{text-transform:uppercase;font-weight:900;font-size:11px;line-height:1.25;color:#7a6755;}
.owner-clean-card{
  border-radius:30px;
  padding:42px;
  background:radial-gradient(circle at 30% 0,rgba(201,149,75,.13),transparent 42%),linear-gradient(180deg,#171411,#0f0d0c);
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:100%;
  overflow:hidden;
}
.owner-card-label{
  color:#e4bd82;
  text-transform:uppercase;
  letter-spacing:.13em;
  font-weight:900;
  font-size:13px;
}
.owner-clean-card .signature-img{
  width:min(350px,100%);
  margin:28px 0 20px;
  padding:18px;
  border-radius:18px;
  background:#fffdf9;
  box-shadow:0 18px 40px rgba(0,0,0,.20);
}
.owner-clean-card p{
  color:rgba(255,255,255,.78);
  line-height:1.8;
  font-size:16px;
}
.owner-card-link{
  margin-top:28px;
  display:inline-flex;
  align-items:center;
  gap:12px;
  color:#e4bd82;
  font-weight:900;
}
.owner-card-link svg{width:18px;height:18px;}

.services-clean-section{
  background:linear-gradient(180deg,#fffdf9 0,#fbf4ea 100%);
  border-top:1px solid rgba(201,149,75,.16);
  border-bottom:1px solid rgba(201,149,75,.16);
}
.services-clean-head{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(280px,.42fr);
  gap:36px;
  align-items:end;
  margin-bottom:34px;
}
.services-clean-head p:not(.section-kicker){
  color:var(--muted);
  line-height:1.75;
  font-size:17px;
  max-width:420px;
}
.services-clean-grid{
  background:#fffdf9;
  border-radius:30px;
  padding:26px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.service-clean-card{
  min-height:190px;
  padding:26px;
  border:1px solid rgba(201,149,75,.23);
  border-radius:22px;
  background:linear-gradient(180deg,#fff,#fff9f0);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  transition:.25s var(--ease);
}
.service-clean-card:hover{transform:translateY(-4px);box-shadow:0 20px 38px rgba(42,26,14,.08);border-color:rgba(201,149,75,.45);}
.service-clean-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
.service-clean-number{font-family:Georgia,"Times New Roman",serif;font-size:26px;color:#c9954b;opacity:.75;}
.service-clean-icon{width:48px;height:48px;border-radius:16px;background:#fff;border:1px solid rgba(201,149,75,.28);display:grid;place-items:center;color:#c9954b;}
.service-clean-icon svg{width:25px;height:25px;}
.service-clean-card h3{font-size:19px;line-height:1.15;text-transform:uppercase;letter-spacing:.02em;margin:0 0 12px;font-weight:950;color:#171412;}
.service-clean-card p{color:#6b5f58;line-height:1.65;font-size:15px;}

.quote-clean-section{background:radial-gradient(circle at 88% 0,rgba(162,15,27,.09),transparent 30%),linear-gradient(180deg,#fbf4ea,#fffdf9);}
.quote-clean-panel{
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(430px,.72fr);
  gap:34px;
  align-items:stretch;
  padding:34px;
  border-radius:34px;
  background:linear-gradient(135deg,#fff9ef,#fffdf9);
}
.quote-clean-info{
  padding:28px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.quote-clean-info h2{max-width:620px;}
.quote-clean-info>p:not(.section-kicker){
  margin-top:20px;
  max-width:540px;
  color:var(--muted);
  line-height:1.8;
  font-size:18px;
}
.quote-clean-steps{
  display:grid;
  gap:14px;
  margin-top:32px;
  max-width:560px;
}
.quote-clean-steps span{
  display:grid;
  grid-template-columns:46px 1fr;
  column-gap:14px;
  align-items:center;
  padding:16px;
  background:#fff;
  border:1px solid rgba(201,149,75,.22);
  border-radius:18px;
}
.quote-clean-steps b{
  grid-row:1/3;
  width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#a20f1b;color:#fff;font-weight:950;
}
.quote-clean-steps strong{font-size:16px;color:#161210;}
.quote-clean-steps small{font-size:13px;color:var(--muted);margin-top:3px;}
.quote-clean-form-card{
  border-radius:26px;
  background:#fff;
  border:1px solid rgba(201,149,75,.22);
  padding:30px;
  box-shadow:0 22px 45px rgba(42,26,14,.08);
}
.quote-form-clean{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:17px;
}
.quote-form-clean .field span{font-size:13px;text-transform:none;letter-spacing:0;color:#271f1b;}
.quote-form-clean input,
.quote-form-clean select,
.quote-form-clean textarea{
  min-height:54px;
  border-radius:14px;
  background:#fffdf9;
  border:1px solid #e2cbb0;
}
.quote-form-clean textarea{min-height:150px;padding-top:15px;}
.upload-clean{
  border-radius:18px;
  min-height:118px;
  background:linear-gradient(180deg,#fffaf4,#fff);
  border:1px dashed #c9954b;
}
.quote-form-clean .quote-submit{
  min-height:58px;
  border-radius:14px;
  font-size:15px;
}
.quote-note{font-size:13px;color:var(--muted);text-align:center;}

/* Hide/neutralize old crowded layout if cached classes appear */
.intro-grid{display:block;}

@media (max-width:1180px){
  .about-clean-grid,.quote-clean-panel{grid-template-columns:1fr;}
  .services-clean-head{grid-template-columns:1fr;align-items:start;}
  .services-clean-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .quote-clean-info{padding:12px;}
}
@media (max-width:720px){
  .about-clean-section,.services-clean-section,.quote-clean-section{padding:44px 0;}
  .about-clean-copy,.owner-clean-card,.quote-clean-form-card{padding:24px;border-radius:24px;}
  .about-clean-copy h2,.services-clean-head h2,.quote-clean-info h2{font-size:40px;}
  .about-clean-lead{font-size:17px;}
  .about-clean-stats,.services-clean-grid,.quote-form-clean{grid-template-columns:1fr;}
  .services-clean-grid{padding:14px;border-radius:24px;}
  .service-clean-card{min-height:auto;padding:22px;}
  .quote-clean-panel{padding:18px;border-radius:26px;}
  .quote-clean-steps span{grid-template-columns:42px 1fr;}
  .quote-clean-steps b{width:42px;height:42px;}
}


/* ===== MODERN SERVICES + REALIZATIONS CAROUSEL ===== */
.services-clean-section{display:none!important;}
.services-modern-section{
  padding:86px 0 76px!important;
  background:
    radial-gradient(circle at 14% 14%, rgba(201,149,75,.11), transparent 28%),
    linear-gradient(180deg,#fffdf8 0%,#f8efe4 100%)!important;
  border-top:1px solid rgba(201,149,75,.18);
  border-bottom:1px solid rgba(201,149,75,.16);
}
.services-modern-head{
  max-width:850px;
  margin:0 auto 34px;
  text-align:center;
}
.services-modern-head h2{
  font-size:clamp(38px,4.4vw,68px);
  line-height:.96;
  letter-spacing:-.055em;
}
.services-modern-head p:not(.section-kicker){
  max-width:720px;
  margin:16px auto 0;
  color:#6b5f58;
  line-height:1.72;
  font-size:17px;
}
.services-modern-layout{
  display:grid;
  grid-template-columns:minmax(330px,.74fr) 1.26fr;
  gap:24px;
  align-items:stretch;
}
.services-showcase-card{
  position:relative;
  min-height:520px;
  overflow:hidden;
  border-radius:32px;
  padding:38px;
  color:#fff;
  background:
    linear-gradient(160deg,rgba(24,20,18,.97),rgba(11,10,9,.98)),
    radial-gradient(circle at 34% 18%,rgba(201,149,75,.32),transparent 32%);
  border:1px solid rgba(201,149,75,.42);
  box-shadow:0 26px 70px rgba(42,26,14,.16);
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}
.services-showcase-bg{
  position:absolute;
  inset:22px;
  border:1px solid rgba(201,149,75,.30);
  border-radius:24px;
  pointer-events:none;
}
.services-showcase-bg:before,
.services-showcase-bg:after{
  content:"";
  position:absolute;
  border-radius:50%;
  border:1px solid rgba(201,149,75,.30);
}
.services-showcase-bg:before{width:240px;height:240px;right:-72px;top:-72px;}
.services-showcase-bg:after{width:170px;height:170px;left:-54px;bottom:64px;}
.services-showcase-icon{
  position:absolute;
  top:48px;
  left:38px;
  width:110px;
  height:110px;
  border-radius:28px;
  display:grid;
  place-items:center;
  color:#e3bf83;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(201,149,75,.34);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
}
.services-showcase-icon svg{width:58px;height:58px;}
.services-showcase-card p{
  position:relative;
  z-index:1;
  color:#d8b37c;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:12px;
  font-weight:900;
  margin:0 0 12px;
}
.services-showcase-card h3{
  position:relative;
  z-index:1;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(34px,3.1vw,50px);
  line-height:1.02;
  font-weight:500;
  letter-spacing:-.045em;
  margin:0;
}
.services-showcase-card span:not(.services-showcase-bg){
  position:relative;
  z-index:1;
  display:block;
  color:rgba(255,255,255,.74);
  line-height:1.6;
  margin-top:18px;
}
.services-showcase-card a{
  position:relative;
  z-index:1;
  margin-top:28px;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  width:max-content;
  min-width:214px;
  min-height:52px;
  padding:0 12px 0 18px;
  border-radius:14px;
  background:#fffdf8;
  color:#8f0711;
  font-weight:900;
  box-shadow:0 14px 28px rgba(0,0,0,.16);
}
.services-showcase-card a svg{width:34px;height:34px;padding:8px;border-radius:50%;background:#8f0711;color:#fff;}
.services-modern-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.service-modern-card{
  position:relative;
  min-height:142px;
  display:grid;
  grid-template-columns:58px 1fr;
  column-gap:18px;
  align-items:center;
  padding:22px 22px 22px 20px;
  border-radius:24px;
  background:rgba(255,253,249,.9);
  border:1px solid rgba(201,149,75,.22);
  box-shadow:0 12px 28px rgba(42,26,14,.06);
  overflow:hidden;
  transition:.25s var(--ease);
}
.service-modern-card:before{
  content:"";
  position:absolute;
  right:-54px;
  top:-54px;
  width:128px;
  height:128px;
  border-radius:50%;
  border:1px solid rgba(201,149,75,.19);
  background:radial-gradient(circle,rgba(201,149,75,.08),transparent 68%);
}
.service-modern-card:hover{
  transform:translateY(-3px);
  border-color:rgba(201,149,75,.42);
  box-shadow:0 18px 36px rgba(42,26,14,.09);
}
.service-modern-no{
  position:absolute;
  right:18px;
  top:14px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:32px;
  line-height:1;
  color:rgba(201,149,75,.18);
}
.service-modern-icon{
  width:58px;
  height:58px;
  border-radius:18px;
  display:grid;
  place-items:center;
  color:#c9954b;
  background:#fff8eb;
  border:1px solid rgba(201,149,75,.28);
}
.service-modern-icon svg{width:31px;height:31px;}
.service-modern-card h3{
  position:relative;
  z-index:1;
  margin:0;
  font-size:18px;
  line-height:1.15;
  letter-spacing:-.02em;
  font-weight:900;
  color:#1d1714;
}
.service-modern-card p{
  position:relative;
  z-index:1;
  margin:8px 0 0;
  color:#6b5f58;
  line-height:1.55;
  font-size:14px;
}

.real-preview-modern{
  padding:86px 0 92px!important;
  background:#fffdf9!important;
}
.real-preview-wrap{
  display:block!important;
}
.real-preview-head{
  max-width:850px;
  margin:0 0 30px;
}
.real-preview-head h2{
  font-size:clamp(38px,4.1vw,64px);
  line-height:.98;
  letter-spacing:-.055em;
}
.real-preview-head p:not(.section-kicker){
  max-width:690px;
  margin-top:14px;
  color:#6b5f58;
  line-height:1.72;
  font-size:17px;
}
.real-preview-modern .preview-carousel-wrap{position:relative;min-width:0;}
.real-preview-modern .swipe-hint{
  justify-content:flex-start;
  margin:0 0 14px;
  color:#8b7563;
}
.preview-carousel-modern{
  display:flex!important;
  gap:18px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x mandatory!important;
  scrollbar-width:none;
  padding:4px 42px 8px 0!important;
}
.preview-carousel-modern::-webkit-scrollbar{display:none;}
.preview-card-modern{
  flex:0 0 clamp(250px,23vw,340px)!important;
  min-width:clamp(250px,23vw,340px)!important;
  height:390px!important;
  border-radius:26px!important;
  overflow:hidden!important;
  scroll-snap-align:start!important;
  position:relative!important;
  background:#e9dfd2!important;
  box-shadow:0 18px 38px rgba(42,26,14,.11)!important;
  border:1px solid rgba(201,149,75,.18)!important;
}
.preview-card-modern img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  transition:.35s var(--ease);
}
.preview-card-modern:hover img{transform:scale(1.04);}
.preview-card-modern span{
  position:absolute!important;
  left:16px!important;
  right:16px!important;
  bottom:16px!important;
  background:linear-gradient(180deg,rgba(22,18,15,.82),rgba(22,18,15,.72))!important;
  color:#fff!important;
  border:1px solid rgba(228,192,137,.22)!important;
  border-radius:16px!important;
  padding:13px 14px!important;
  font-weight:900!important;
  font-size:14px!important;
  line-height:1.25!important;
  backdrop-filter:blur(8px)!important;
}
.preview-all-card{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-end!important;
  padding:26px!important;
  color:#fff!important;
  background:
    radial-gradient(circle at 80% 18%,rgba(201,149,75,.36),transparent 32%),
    linear-gradient(160deg,#1b1614,#100f0e)!important;
  border-color:rgba(201,149,75,.42)!important;
}
.preview-all-card:before{
  content:"";
  position:absolute;
  inset:18px;
  border:1px solid rgba(201,149,75,.32);
  border-radius:20px;
}
.preview-all-card b{
  position:relative;
  z-index:1;
  font-family:Georgia,"Times New Roman",serif;
  font-size:34px;
  line-height:1.05;
  font-weight:500;
  letter-spacing:-.04em;
}
.preview-all-card small{
  position:relative;
  z-index:1;
  display:block;
  color:rgba(255,255,255,.72);
  line-height:1.5;
  margin-top:12px;
}
.preview-all-card svg{
  position:relative;
  z-index:1;
  margin-top:22px;
  width:42px;
  height:42px;
  padding:10px;
  border-radius:50%;
  color:#111;
  background:#e4c089;
}
@media(max-width:1100px){
  .services-modern-section{padding:68px 0!important;}
  .services-modern-layout{grid-template-columns:1fr!important;}
  .services-showcase-card{min-height:430px;}
}
@media(max-width:760px){
  .services-modern-section{padding:54px 0!important;}
  .services-modern-head{text-align:left;margin-bottom:24px;}
  .services-modern-head h2{font-size:42px;}
  .services-modern-list{grid-template-columns:1fr!important;}
  .services-showcase-card{min-height:390px;border-radius:24px;padding:28px;}
  .services-showcase-icon{top:32px;left:28px;width:88px;height:88px;border-radius:22px;}
  .services-showcase-icon svg{width:46px;height:46px;}
  .service-modern-card{min-height:124px;border-radius:20px;padding:18px 18px 18px 16px;grid-template-columns:52px 1fr;}
  .service-modern-icon{width:52px;height:52px;border-radius:16px;}
  .service-modern-card h3{font-size:17px;}
  .real-preview-modern{padding:58px 0 76px!important;}
  .real-preview-head h2{font-size:40px;}
  .real-preview-head p:not(.section-kicker){font-size:15px;}
  .preview-carousel-modern{
    gap:14px!important;
    padding-right:76px!important;
    margin-right:calc((100vw - 100%) / -2)!important;
  }
  .preview-card-modern{
    flex:0 0 78vw!important;
    min-width:78vw!important;
    height:360px!important;
    border-radius:22px!important;
  }
  .real-mobile-peek:after{
    content:"";
    position:absolute;
    top:34px;
    right:-12px;
    bottom:8px;
    width:68px;
    pointer-events:none;
    background:linear-gradient(90deg,rgba(255,253,249,0),#fffdf9 78%);
  }
  .preview-all-card b{font-size:31px;}
}
@media(max-width:420px){
  .preview-card-modern{flex-basis:80vw!important;min-width:80vw!important;height:330px!important;}
  .service-modern-card{grid-template-columns:48px 1fr;column-gap:14px;}
  .service-modern-icon{width:48px;height:48px;}
}


/* === Mobile bottom menu: variant 3, white premium sticky bar === */
.mobile-bottom.mobile-bottom-v3{
  position:fixed;
  left:50%;
  bottom:14px;
  z-index:95;
  width:min(640px, calc(100% - 16px));
  display:none;
  grid-template-columns:repeat(4, minmax(0,1fr));
  align-items:stretch;
  gap:0;
  padding:8px;
  background:rgba(255,253,249,.96);
  border:1px solid rgba(201,149,75,.45);
  border-radius:30px;
  box-shadow:0 22px 50px rgba(42,26,14,.18), inset 0 1px 0 rgba(255,255,255,.95);
  backdrop-filter:blur(18px) saturate(135%);
  transform:translateX(-50%) translateY(22px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:transform .32s var(--ease), opacity .28s var(--ease), visibility .28s var(--ease);
}
.mobile-bottom.mobile-bottom-v3::before{
  content:"";
  position:absolute;
  inset:6px;
  border-radius:24px;
  border:1px solid rgba(201,149,75,.18);
  pointer-events:none;
}
.mobile-bottom.mobile-bottom-v3.is-visible{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateX(-50%) translateY(0);
}
.mobile-bottom.mobile-bottom-v3 .mobile-bottom-item{
  position:relative;
  min-height:76px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  border-radius:22px;
  color:#2a211c;
  background:transparent;
  border-right:1px solid rgba(201,149,75,.16);
  transition:transform .22s var(--ease), background .22s var(--ease), box-shadow .22s var(--ease), color .22s var(--ease);
}
.mobile-bottom.mobile-bottom-v3 .mobile-bottom-item:last-child{border-right:0}
.mobile-bottom.mobile-bottom-v3 .mobile-bottom-item:hover,
.mobile-bottom.mobile-bottom-v3 .mobile-bottom-item:active{
  background:rgba(201,149,75,.08);
  transform:translateY(-1px);
}
.mobile-bottom.mobile-bottom-v3 .mobile-bottom-item.is-current{
  background:rgba(201,149,75,.10);
}
.mobile-bottom.mobile-bottom-v3 .mobile-bottom-icon{
  width:42px;
  height:42px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:var(--gold);
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(249,242,231,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95), 0 8px 16px rgba(42,26,14,.08);
  border:1px solid rgba(201,149,75,.28);
  transition:transform .22s var(--ease), box-shadow .22s var(--ease), color .22s var(--ease), background .22s var(--ease);
}
.mobile-bottom.mobile-bottom-v3 .mobile-bottom-icon svg{
  width:20px;
  height:20px;
}
.mobile-bottom.mobile-bottom-v3 .mobile-bottom-label{
  font-size:11px;
  line-height:1;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:none;
}
.mobile-bottom.mobile-bottom-v3 .is-strong{
  background:linear-gradient(180deg, #b3111f, #8d0c17);
  color:#fff;
  box-shadow:0 14px 28px rgba(162,15,27,.22), inset 0 1px 0 rgba(255,255,255,.2);
}
.mobile-bottom.mobile-bottom-v3 .is-strong:hover,
.mobile-bottom.mobile-bottom-v3 .is-strong:active{
  background:linear-gradient(180deg, #bc1524, #8d0c17);
}
.mobile-bottom.mobile-bottom-v3 .is-strong .mobile-bottom-icon{
  color:#fff;
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.22);
  box-shadow:none;
}
.mobile-bottom.mobile-bottom-v3 .mobile-call .mobile-bottom-icon{
  animation:phonePulseV3 2.8s infinite var(--ease);
}
.mobile-bottom.mobile-bottom-v3 .is-strong{
  animation:quotePulseV3 3.2s infinite var(--ease);
}
@keyframes phonePulseV3{
  0%,100%{transform:scale(1); box-shadow:inset 0 1px 0 rgba(255,255,255,.95), 0 8px 16px rgba(42,26,14,.08), 0 0 0 0 rgba(201,149,75,0)}
  50%{transform:scale(1.06); box-shadow:inset 0 1px 0 rgba(255,255,255,.95), 0 10px 18px rgba(42,26,14,.10), 0 0 0 10px rgba(201,149,75,.12)}
}
@keyframes quotePulseV3{
  0%,100%{transform:translateY(0); box-shadow:0 14px 28px rgba(162,15,27,.22), inset 0 1px 0 rgba(255,255,255,.2)}
  50%{transform:translateY(-1px) scale(1.02); box-shadow:0 18px 34px rgba(162,15,27,.28), 0 0 0 8px rgba(162,15,27,.08), inset 0 1px 0 rgba(255,255,255,.2)}
}
@media (max-width:900px){
  .mobile-bottom.mobile-bottom-v3{display:grid}
  .site-footer{padding-bottom:126px}
}
@media (max-width:560px){
  .mobile-bottom.mobile-bottom-v3{
    bottom:10px;
    width:calc(100% - 12px);
    padding:7px;
    border-radius:26px;
  }
  .mobile-bottom.mobile-bottom-v3::before{border-radius:21px}
  .mobile-bottom.mobile-bottom-v3 .mobile-bottom-item{min-height:70px; border-radius:18px}
  .mobile-bottom.mobile-bottom-v3 .mobile-bottom-icon{width:38px;height:38px}
  .mobile-bottom.mobile-bottom-v3 .mobile-bottom-icon svg{width:18px;height:18px}
  .mobile-bottom.mobile-bottom-v3 .mobile-bottom-label{font-size:10px}
}
@media (min-width:901px){
  .mobile-bottom.mobile-bottom-v3{display:none!important}
}
@media (prefers-reduced-motion:reduce){
  .mobile-bottom.mobile-bottom-v3,
  .mobile-bottom.mobile-bottom-v3 .mobile-bottom-item,
  .mobile-bottom.mobile-bottom-v3 .mobile-bottom-icon,
  .mobile-bottom.mobile-bottom-v3 .is-strong,
  .mobile-bottom.mobile-bottom-v3 .mobile-call .mobile-bottom-icon{
    animation:none!important;
    transition:none!important;
  }
}


/* ==========================================================
   FINAL CORRECTIONS — mobile menu variant 3, carousel, colors
   ========================================================== */

/* Biały dolny pasek jak wariant 3 — wszystkie kluczowe wartości z !important,
   żeby wyczyścić wcześniejsze czerwone/czarne style. */
.mobile-bottom.mobile-bottom-v3{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:10px!important;
  z-index:120!important;
  width:min(560px, calc(100% - 14px))!important;
  display:none!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:0!important;
  padding:7px!important;
  background:rgba(255,253,248,.97)!important;
  color:#241c17!important;
  border:1px solid rgba(201,149,75,.48)!important;
  border-radius:30px!important;
  box-shadow:0 18px 42px rgba(42,26,14,.18), inset 0 1px 0 rgba(255,255,255,.95)!important;
  backdrop-filter:blur(16px) saturate(135%)!important;
  transform:translateX(-50%) translateY(24px)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  overflow:visible!important;
  transition:opacity .28s var(--ease), transform .32s var(--ease), visibility .28s var(--ease)!important;
}
.mobile-bottom.mobile-bottom-v3::before{
  content:""!important;
  position:absolute!important;
  inset:5px!important;
  border:1px solid rgba(201,149,75,.18)!important;
  border-radius:24px!important;
  background:transparent!important;
  pointer-events:none!important;
}
.mobile-bottom.mobile-bottom-v3::after{content:none!important}
.mobile-bottom.mobile-bottom-v3.is-visible{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateX(-50%) translateY(0)!important;
}
.mobile-bottom.mobile-bottom-v3 .mobile-bottom-item{
  min-width:0!important;
  min-height:72px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:0 4px!important;
  background:transparent!important;
  color:#2a211c!important;
  border:0!important;
  border-right:1px solid rgba(201,149,75,.18)!important;
  border-radius:20px!important;
  box-shadow:none!important;
  text-transform:none!important;
  letter-spacing:0!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1!important;
  transform:none!important;
  transition:background .22s var(--ease), transform .22s var(--ease)!important;
}
.mobile-bottom.mobile-bottom-v3 .mobile-bottom-item:last-child{
  border-right:0!important;
}
.mobile-bottom.mobile-bottom-v3 .mobile-bottom-item:hover,
.mobile-bottom.mobile-bottom-v3 .mobile-bottom-item:active{
  background:rgba(201,149,75,.08)!important;
  transform:translateY(-1px)!important;
}
.mobile-bottom.mobile-bottom-v3 .mobile-bottom-icon{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border-radius:50%!important;
  color:#c9954b!important;
  background:linear-gradient(180deg,#fff,#f8efe4)!important;
  border:1px solid rgba(201,149,75,.28)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95), 0 8px 16px rgba(42,26,14,.08)!important;
}
.mobile-bottom.mobile-bottom-v3 .mobile-bottom-icon svg,
.mobile-bottom.mobile-bottom-v3 svg{
  width:19px!important;
  height:19px!important;
  padding:0!important;
  color:currentColor!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.mobile-bottom.mobile-bottom-v3 .mobile-bottom-label{
  display:block!important;
  font-size:10.5px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:0!important;
  color:inherit!important;
  white-space:nowrap!important;
}
.mobile-bottom.mobile-bottom-v3 .is-strong{
  background:linear-gradient(180deg,#b51322,#8d0c17)!important;
  color:#fff!important;
  border-radius:22px!important;
  border-right:0!important;
  box-shadow:0 14px 28px rgba(162,15,27,.24), inset 0 1px 0 rgba(255,255,255,.18)!important;
  animation:quoteSoftPulseFinal 3.2s infinite var(--ease)!important;
}
.mobile-bottom.mobile-bottom-v3 .is-strong .mobile-bottom-icon{
  color:#fff!important;
  background:rgba(255,255,255,.12)!important;
  border-color:rgba(255,255,255,.24)!important;
  box-shadow:none!important;
}
.mobile-bottom.mobile-bottom-v3 .mobile-call .mobile-bottom-icon{
  animation:phoneSoftPulseFinal 2.8s infinite var(--ease)!important;
}
@keyframes phoneSoftPulseFinal{
  0%,100%{transform:scale(1); box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 8px 16px rgba(42,26,14,.08),0 0 0 0 rgba(201,149,75,0)}
  50%{transform:scale(1.055); box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 10px 18px rgba(42,26,14,.10),0 0 0 9px rgba(201,149,75,.12)}
}
@keyframes quoteSoftPulseFinal{
  0%,100%{transform:translateY(0); box-shadow:0 14px 28px rgba(162,15,27,.24), inset 0 1px 0 rgba(255,255,255,.18)}
  50%{transform:translateY(-1px) scale(1.015); box-shadow:0 17px 32px rgba(162,15,27,.29),0 0 0 7px rgba(162,15,27,.08),inset 0 1px 0 rgba(255,255,255,.18)}
}
@media (max-width:900px){
  .mobile-bottom.mobile-bottom-v3{display:grid!important}
  .site-footer{padding-bottom:126px!important}
}
@media (max-width:420px){
  .mobile-bottom.mobile-bottom-v3{
    width:calc(100% - 10px)!important;
    padding:6px!important;
    border-radius:26px!important;
  }
  .mobile-bottom.mobile-bottom-v3::before{border-radius:21px!important}
  .mobile-bottom.mobile-bottom-v3 .mobile-bottom-item{
    min-height:68px!important;
    gap:6px!important;
  }
  .mobile-bottom.mobile-bottom-v3 .mobile-bottom-icon{
    width:37px!important;
    height:37px!important;
    min-width:37px!important;
    min-height:37px!important;
  }
  .mobile-bottom.mobile-bottom-v3 .mobile-bottom-label{
    font-size:9.8px!important;
  }
}
@media (min-width:901px){
  .mobile-bottom.mobile-bottom-v3{display:none!important}
}

/* Realizacje na stronie głównej: przewijanie po jednej karcie, bez przeskoku do końca. */
.preview-carousel.preview-carousel-modern{
  scroll-snap-type:x mandatory!important;
  scroll-behavior:smooth!important;
  overscroll-behavior-x:contain!important;
  gap:18px!important;
}
.preview-carousel.preview-carousel-modern .preview-card-modern{
  scroll-snap-align:start!important;
  scroll-snap-stop:always!important;
}
@media (max-width:900px){
  .preview-carousel.preview-carousel-modern{
    padding-right:76px!important;
  }
  .preview-carousel.preview-carousel-modern .preview-card-modern{
    flex:0 0 82%!important;
    min-width:82%!important;
  }
}
@media (max-width:560px){
  .preview-carousel.preview-carousel-modern .preview-card-modern{
    flex:0 0 84%!important;
    min-width:84%!important;
  }
}

/* O pracowni / właściciel: bez czarnego, lżej i bardziej rzemieślniczo. */
.owner-clean-card{
  background:linear-gradient(180deg,#fffdf9,#fff7ec)!important;
  color:#241c17!important;
  border:1px solid rgba(201,149,75,.26)!important;
  box-shadow:0 18px 42px rgba(42,26,14,.08)!important;
}
.owner-clean-card::before,
.owner-clean-card::after{
  opacity:.16!important;
}
.owner-clean-card .owner-card-label,
.owner-card-label{
  color:#c9954b!important;
}
.owner-clean-card p{
  color:#5f5149!important;
}
.owner-card-link{
  background:#fff!important;
  color:#8d0c17!important;
  border:1px solid rgba(201,149,75,.30)!important;
  box-shadow:0 10px 22px rgba(42,26,14,.06)!important;
}

/* Box usług: koniec z czarnym panelem, jasna elegancja. */
.services-showcase-card{
  background:linear-gradient(145deg,#fffaf3 0%,#f6eadb 100%)!important;
  color:#251d19!important;
  border:1px solid rgba(201,149,75,.32)!important;
  box-shadow:0 20px 48px rgba(42,26,14,.10)!important;
}
.services-showcase-card::before,
.services-showcase-bg{
  opacity:.18!important;
}
.services-showcase-icon{
  background:#fff!important;
  color:#c9954b!important;
  border:1px solid rgba(201,149,75,.34)!important;
  box-shadow:0 12px 26px rgba(42,26,14,.08)!important;
}
.services-showcase-card p,
.services-showcase-card span{
  color:#6b5a4e!important;
}
.services-showcase-card h3{
  color:#221b17!important;
}
.services-showcase-card a{
  background:linear-gradient(135deg,#b51322,#8d0c17)!important;
  color:#fff!important;
  border:1px solid rgba(201,149,75,.26)!important;
  box-shadow:0 14px 28px rgba(162,15,27,.18)!important;
}

/* 20 lat — spójna prezentacja w hero, o pracowni i stopce. */
.footer-badge b{
  font-size:52px!important;
}
.footer-badge span{
  font-size:16px!important;
}
.footer-badge small{
  font-size:12px!important;
}
@media (prefers-reduced-motion:reduce){
  .mobile-bottom.mobile-bottom-v3 .mobile-call .mobile-bottom-icon,
  .mobile-bottom.mobile-bottom-v3 .is-strong{
    animation:none!important;
  }
}


/* ==== FINAL UX/UI REWORK: about, services, quote, mobile gallery hint ==== */
.about-story-section{padding:clamp(44px,6vw,86px) 0 10px}
.about-story-card{
  background:linear-gradient(180deg,#fffdf9 0%,#fcf6ed 100%);
  border:1px solid rgba(201,149,75,.28);
  border-radius:34px;
  box-shadow:0 24px 60px rgba(42,26,14,.09);
  padding:clamp(28px,4vw,54px);
  display:grid;
  gap:30px;
}
.about-story-main h2{max-width:12ch; margin:10px 0 18px}
.about-story-lead{font-size:clamp(1.05rem,1.7vw,1.28rem); color:#2a211c; font-weight:600; max-width:760px}
.about-story-main p:not(.section-kicker){max-width:840px; color:#60534a}
.about-story-points{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:24px}
.about-story-points span{
  min-height:58px; display:flex; align-items:center; gap:12px; padding:14px 16px; border-radius:18px;
  background:rgba(255,255,255,.78); border:1px solid rgba(201,149,75,.22); color:#2f2722; font-weight:600;
}
.about-story-points svg{width:20px;height:20px;color:#c9954b; flex:0 0 auto}
.about-story-owner{
  display:grid; gap:16px; padding:24px; border-radius:26px;
  background:linear-gradient(180deg,#fff 0%,#fbf2e5 100%); border:1px solid rgba(201,149,75,.24);
}
.about-story-owner-top{display:flex; align-items:end; justify-content:space-between; gap:16px; flex-wrap:wrap}
.owner-story-label{font-size:.8rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:#c9954b}
.about-story-owner-top strong{font-size:clamp(1.1rem,1.8vw,1.35rem); color:#211a16}
.signature-story{max-width:280px}
.about-story-owner p{max-width:780px; color:#63554c; margin:0}
.owner-story-link{
  display:inline-flex; align-items:center; gap:12px; width:max-content; padding:14px 20px; border-radius:999px;
  background:linear-gradient(135deg,#b51322,#8d0c17); color:#fff; box-shadow:0 16px 30px rgba(162,15,27,.18)
}
.owner-story-link svg{width:18px;height:18px}

.services-modern-clean{padding:clamp(54px,6vw,92px) 0 8px}
.services-head-clean{max-width:820px; margin-bottom:28px}
.services-modern-grid-clean{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px}
.service-clean-card{
  padding:22px 22px 20px; border-radius:24px; background:linear-gradient(180deg,#fff 0%,#fcf7ef 100%);
  border:1px solid rgba(201,149,75,.22); box-shadow:0 18px 42px rgba(42,26,14,.06); display:grid; gap:16px;
  transition:transform .22s var(--ease), box-shadow .22s var(--ease), border-color .22s var(--ease);
}
.service-clean-card:hover{transform:translateY(-4px); box-shadow:0 24px 48px rgba(42,26,14,.1); border-color:rgba(201,149,75,.42)}
.service-clean-top{display:flex; align-items:center; justify-content:space-between; gap:12px}
.service-clean-icon{
  width:58px; height:58px; border-radius:18px; display:grid; place-items:center;
  background:linear-gradient(180deg,#fff,#f8efe1); border:1px solid rgba(201,149,75,.28); color:#c9954b;
  box-shadow:0 12px 24px rgba(42,26,14,.06);
}
.service-clean-icon svg{width:26px;height:26px}
.service-clean-no{font-size:.8rem; font-weight:800; letter-spacing:.12em; color:#b4976c}
.service-clean-card h3{font-size:1.15rem; line-height:1.14; margin:0; color:#221b17}
.service-clean-card p{margin:0; color:#68594f}
.services-clean-note{
  margin-top:18px; display:flex; align-items:flex-start; gap:14px; padding:18px 20px; border-radius:22px;
  background:rgba(255,248,238,.9); border:1px solid rgba(201,149,75,.2); color:#66574c
}
.services-clean-note svg{width:22px;height:22px; color:#c9954b; flex:0 0 auto}

.quote-compact-section{padding:clamp(54px,6vw,92px) 0 8px}
.quote-clean-panel-compact{grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr); gap:24px; align-items:start}
.quote-clean-info-compact{padding:28px 28px 24px}
.quote-clean-info-compact h2{margin-bottom:12px}
.quote-mini-steps{display:flex; flex-wrap:wrap; gap:12px; margin-top:20px}
.quote-mini-steps span{
  display:inline-flex; align-items:center; gap:10px; padding:12px 14px; border-radius:16px; background:#fff;
  border:1px solid rgba(201,149,75,.2); color:#453930; font-weight:700; box-shadow:0 10px 22px rgba(42,26,14,.05)
}
.quote-mini-steps b{
  width:26px; height:26px; display:grid; place-items:center; border-radius:50%; background:#f8efe1; color:#b51322; font-size:.92rem
}
.quote-clean-form-card-compact{padding-top:26px}
.quote-clean-form-card-compact .quote-form{gap:14px}

.mobile-swipe-helper{display:none}
.mobile-gallery-progress{display:none}
@media (max-width:900px){
  .about-story-main h2{max-width:none}
  .about-story-points{grid-template-columns:1fr}
  .about-story-owner-top{align-items:flex-start; flex-direction:column}
  .services-modern-grid-clean{grid-template-columns:repeat(2,minmax(0,1fr))}
  .quote-clean-panel-compact{grid-template-columns:1fr}
  .quote-clean-info-compact{padding:24px}
  .quote-mini-steps span{font-size:.94rem}
  .mobile-swipe-helper{
    display:flex; align-items:center; justify-content:center; gap:14px; margin:0 0 12px; color:#7a685b; font-weight:700; font-size:.92rem;
  }
  .mobile-swipe-helper-hand{
    position:relative; width:54px; height:26px; border-radius:999px; background:linear-gradient(180deg,#fff,#f8efe1);
    border:1px solid rgba(201,149,75,.24); box-shadow:0 10px 22px rgba(42,26,14,.06); overflow:hidden;
  }
  .mobile-swipe-helper-hand::before{
    content:""; position:absolute; top:50%; left:9px; width:14px; height:14px; border-radius:50%; background:#c9954b; transform:translateY(-50%);
    animation:swipeDot 1.8s infinite ease-in-out;
  }
  .mobile-swipe-helper-hand::after{
    content:""; position:absolute; inset:5px 10px; border-radius:999px; border:1px dashed rgba(201,149,75,.35);
  }
  .mobile-gallery-progress{display:block; margin-top:14px}
  .mobile-gallery-progress-track{
    display:block; width:100%; height:6px; background:rgba(201,149,75,.16); border-radius:999px; overflow:hidden;
  }
  .mobile-gallery-progress-fill{
    display:block; height:100%; width:20%; border-radius:999px; background:linear-gradient(90deg,#c9954b,#b51322); box-shadow:0 0 18px rgba(181,19,34,.18);
    animation:progressGlow 2s infinite ease-in-out;
  }
}
@media (max-width:560px){
  .about-story-card{padding:22px; border-radius:26px}
  .about-story-owner{padding:18px; border-radius:20px}
  .services-modern-grid-clean{grid-template-columns:1fr}
  .service-clean-card{padding:18px}
  .mobile-swipe-helper{font-size:.86rem; gap:10px}
}
@keyframes swipeDot{0%,100%{left:9px}50%{left:calc(100% - 23px)}}
@keyframes progressGlow{0%,100%{opacity:.84}50%{opacity:1}}


/* ==== FINAL POLISH: about PC scale, quote steps, realizations photos only, subtle mobile menu ==== */

/* O pracowni — na PC pełny, szeroki, mocny blok, bez małego schowanego nagłówka */
@media (min-width:901px){
  .about-story-card{
    padding:clamp(54px,5vw,82px)!important;
    gap:34px!important;
  }
  .about-story-main{
    width:100%!important;
    display:block!important;
  }
  .about-story-main h2{
    max-width:none!important;
    width:100%!important;
    font-size:clamp(54px,5.2vw,86px)!important;
    line-height:.95!important;
    letter-spacing:-.055em!important;
    margin:10px 0 24px!important;
  }
  .about-story-lead{
    max-width:1180px!important;
    font-size:clamp(22px,2vw,32px)!important;
    line-height:1.22!important;
    color:#241c17!important;
    font-weight:650!important;
  }
  .about-story-main p:not(.section-kicker):not(.about-story-lead){
    max-width:1080px!important;
    font-size:18px!important;
    line-height:1.75!important;
  }
  .about-story-points{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    margin-top:34px!important;
  }
  .about-story-owner{
    margin-top:4px!important;
    grid-template-columns:minmax(220px,.34fr) minmax(0,1fr) auto!important;
    align-items:center!important;
    column-gap:28px!important;
    padding:26px 30px!important;
  }
  .about-story-owner-top{
    display:block!important;
  }
  .about-story-owner-top strong{
    display:none!important;
  }
  .signature-story{
    max-width:310px!important;
    margin:0!important;
  }
  .about-story-owner p{
    max-width:620px!important;
  }
  .owner-story-link{
    white-space:nowrap!important;
  }
}
.owner-story-label{
  display:block!important;
  margin-bottom:8px!important;
}

/* Darmowa wycena — etapy razem, z ikonami i strzałkami */
.quote-step-flow{
  display:flex!important;
  align-items:stretch!important;
  gap:10px!important;
  margin-top:22px!important;
}
.quote-step-item{
  flex:1 1 0!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:auto 1fr!important;
  grid-template-areas:"icon title" "icon text"!important;
  column-gap:12px!important;
  row-gap:2px!important;
  align-items:center!important;
  padding:14px 14px!important;
  border-radius:18px!important;
  background:#fff!important;
  border:1px solid rgba(201,149,75,.24)!important;
  box-shadow:0 10px 22px rgba(42,26,14,.05)!important;
}
.quote-step-item b{
  grid-area:icon!important;
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:linear-gradient(180deg,#fff9ef,#f4e6d1)!important;
  color:#c9954b!important;
  border:1px solid rgba(201,149,75,.26)!important;
  font-size:0!important;
}
.quote-step-item b svg{
  width:20px!important;
  height:20px!important;
}
.quote-step-item strong{
  grid-area:title!important;
  display:block!important;
  color:#241c17!important;
  font-size:15px!important;
  line-height:1.05!important;
}
.quote-step-item small{
  grid-area:text!important;
  display:block!important;
  color:#75665d!important;
  font-size:12px!important;
  line-height:1.25!important;
}
.quote-step-arrow{
  flex:0 0 26px!important;
  display:grid!important;
  place-items:center!important;
  color:#c9954b!important;
  opacity:.75!important;
}
.quote-step-arrow svg{
  width:22px!important;
  height:22px!important;
}
@media (max-width:900px){
  .quote-step-flow{
    display:grid!important;
    grid-template-columns:1fr auto 1fr auto 1fr!important;
    gap:8px!important;
  }
  .quote-step-item{
    padding:12px 10px!important;
    grid-template-columns:1fr!important;
    grid-template-areas:"icon" "title" "text"!important;
    justify-items:center!important;
    text-align:center!important;
    row-gap:6px!important;
  }
  .quote-step-item b{
    width:38px!important;
    height:38px!important;
  }
  .quote-step-item strong{
    font-size:13px!important;
  }
  .quote-step-item small{
    display:none!important;
  }
  .quote-step-arrow{
    flex:auto!important;
    width:18px!important;
  }
  .quote-step-arrow svg{
    width:16px!important;
    height:16px!important;
  }
}

/* Realizacje — tylko zdjęcia, bez podpisów/opisów pod zdjęciami */
.preview-card-modern span,
.preview-card span{
  display:none!important;
}
.preview-card-modern{
  background:#eee!important;
}
.preview-card-modern img{
  height:100%!important;
}
.real-card-body{
  display:none!important;
}
.real-card{
  padding:0!important;
}
.real-card img{
  height:320px!important;
}
@media (max-width:560px){
  .real-card img{
    height:340px!important;
  }
}

/* Dolne menu — bardziej genialne, przyklejone niżej, animacja subtelna, bez agresywnego skakania */
.mobile-bottom.mobile-bottom-v3{
  bottom:max(4px, env(safe-area-inset-bottom))!important;
  width:min(560px, calc(100% - 10px))!important;
  padding:6px!important;
  border-radius:24px!important;
  box-shadow:0 14px 34px rgba(42,26,14,.15), inset 0 1px 0 rgba(255,255,255,.95)!important;
  transform:translateX(-50%) translateY(14px)!important;
}
.mobile-bottom.mobile-bottom-v3::before{
  inset:5px!important;
  border-radius:19px!important;
}
.mobile-bottom.mobile-bottom-v3.is-visible{
  transform:translateX(-50%) translateY(0)!important;
}
.mobile-bottom.mobile-bottom-v3 .mobile-bottom-item{
  min-height:66px!important;
  gap:6px!important;
  border-radius:18px!important;
}
.mobile-bottom.mobile-bottom-v3 .mobile-bottom-icon{
  width:37px!important;
  height:37px!important;
  min-width:37px!important;
  min-height:37px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95), 0 6px 12px rgba(42,26,14,.07)!important;
}
.mobile-bottom.mobile-bottom-v3 .mobile-bottom-label{
  font-size:10px!important;
}
.mobile-bottom.mobile-bottom-v3 .is-strong{
  border-radius:18px!important;
  animation:quoteVerySoftPulse 4.6s infinite var(--ease)!important;
}
.mobile-bottom.mobile-bottom-v3 .mobile-call .mobile-bottom-icon{
  animation:phoneVerySoftPulse 4.2s infinite var(--ease)!important;
}
@keyframes phoneVerySoftPulse{
  0%,100%{transform:scale(1); box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 6px 12px rgba(42,26,14,.07),0 0 0 0 rgba(201,149,75,0)}
  50%{transform:scale(1.025); box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 7px 14px rgba(42,26,14,.08),0 0 0 5px rgba(201,149,75,.08)}
}
@keyframes quoteVerySoftPulse{
  0%,100%{transform:none; box-shadow:0 12px 24px rgba(162,15,27,.20), inset 0 1px 0 rgba(255,255,255,.18)}
  50%{transform:none; box-shadow:0 13px 26px rgba(162,15,27,.24), 0 0 0 4px rgba(162,15,27,.055), inset 0 1px 0 rgba(255,255,255,.18)}
}
@media (max-width:420px){
  .mobile-bottom.mobile-bottom-v3{
    width:calc(100% - 8px)!important;
    bottom:max(3px, env(safe-area-inset-bottom))!important;
    border-radius:22px!important;
  }
  .mobile-bottom.mobile-bottom-v3 .mobile-bottom-item{
    min-height:64px!important;
  }
  .mobile-bottom.mobile-bottom-v3 .mobile-bottom-icon{
    width:35px!important;
    height:35px!important;
    min-width:35px!important;
    min-height:35px!important;
  }
}


/* ==== FINAL: compact mobile services, stronger quote form, clean realizations ==== */

/* Mobile: usługi kompaktowo — ikona po lewej, tekst obok, mniej białej przestrzeni i mniejsze zaokrąglenia */
@media (max-width:900px){
  .services-modern-clean{padding:38px 0 6px!important}
  .services-head-clean{margin-bottom:18px!important}
  .services-head-clean h2{font-size:clamp(34px,8vw,46px)!important; line-height:1!important}
  .services-head-clean p{font-size:15px!important; line-height:1.55!important}
  .services-modern-grid-clean{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .service-clean-card{
    display:grid!important;
    grid-template-columns:54px 1fr!important;
    grid-template-areas:"icon title" "icon desc"!important;
    column-gap:14px!important;
    row-gap:3px!important;
    align-items:center!important;
    padding:14px 15px!important;
    border-radius:16px!important;
    min-height:0!important;
  }
  .service-clean-top{
    grid-area:icon!important;
    display:block!important;
  }
  .service-clean-icon{
    width:50px!important;
    height:50px!important;
    border-radius:14px!important;
  }
  .service-clean-icon svg{width:24px!important; height:24px!important}
  .service-clean-no{display:none!important}
  .service-clean-card h3{
    grid-area:title!important;
    font-size:16px!important;
    line-height:1.12!important;
    margin:0!important;
  }
  .service-clean-card p{
    grid-area:desc!important;
    font-size:13px!important;
    line-height:1.35!important;
    margin:0!important;
  }
  .services-clean-note{
    margin-top:12px!important;
    padding:14px 15px!important;
    border-radius:16px!important;
    font-size:13px!important;
    line-height:1.4!important;
  }
}
@media (max-width:560px){
  .service-clean-card{
    grid-template-columns:50px 1fr!important;
    padding:12px 13px!important;
    border-radius:14px!important;
  }
  .service-clean-icon{
    width:46px!important;
    height:46px!important;
    border-radius:12px!important;
  }
  .service-clean-card h3{font-size:15px!important}
  .service-clean-card p{font-size:12.5px!important}
}

/* Darmowa wycena — formularz bardziej wyeksponowany */
.quote-clean-form-card,
.quote-clean-form-card-compact{
  position:relative!important;
  border:1px solid rgba(201,149,75,.32)!important;
  box-shadow:0 26px 68px rgba(42,26,14,.16), 0 0 0 7px rgba(255,255,255,.55)!important;
  background:linear-gradient(180deg,#fff 0%,#fffaf4 100%)!important;
}
.quote-form-encourage{
  display:flex;
  align-items:center;
  gap:12px;
  margin:0 0 16px;
  padding:13px 15px;
  border-radius:16px;
  background:linear-gradient(90deg,rgba(37,139,84,.11),rgba(37,139,84,.04));
  border:1px solid rgba(37,139,84,.26);
  color:#1f6f45;
  box-shadow:0 10px 24px rgba(37,139,84,.08);
  animation:greenEncourage 4.2s infinite ease-in-out;
}
.quote-form-encourage span{
  width:34px;height:34px;display:grid;place-items:center;border-radius:50%;
  background:#258b54;color:#fff;flex:0 0 auto;
}
.quote-form-encourage svg{width:18px;height:18px}
.quote-form-encourage strong{display:block;color:#175f3a;font-size:15px;line-height:1.1}
.quote-form-encourage small{display:block;color:#347453;font-size:12.5px;line-height:1.2}
@keyframes greenEncourage{
  0%,100%{box-shadow:0 10px 24px rgba(37,139,84,.08)}
  50%{box-shadow:0 12px 28px rgba(37,139,84,.14),0 0 0 5px rgba(37,139,84,.055)}
}

/* Kafel końcowy w realizacjach na stronie głównej — nie szary, nie biała czcionka na szaro */
.preview-all-card{
  background:linear-gradient(145deg,#fffaf3 0%,#f4e5cf 100%)!important;
  border:1px solid rgba(201,149,75,.42)!important;
  color:#251d19!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  padding:26px!important;
  box-shadow:0 18px 42px rgba(42,26,14,.10)!important;
}
.preview-all-card b{
  color:#251d19!important;
  font-size:clamp(24px,4vw,36px)!important;
  line-height:1.05!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-weight:500!important;
}
.preview-all-card small{
  color:#6a594d!important;
  display:block!important;
  margin-top:12px!important;
  font-size:14px!important;
  line-height:1.4!important;
}
.preview-all-card svg{
  width:42px!important;height:42px!important;margin-top:22px!important;padding:10px!important;
  border-radius:50%!important;background:#b51322!important;color:#fff!important;
}

/* Strona /realizacje/ — jeden worek zdjęć, bez kategorii, bez opisów */
.realizations-simple-hero{
  padding:clamp(46px,6vw,90px) 0 20px;
}
.realizations-simple-hero-inner{
  background:linear-gradient(180deg,#fffdf9,#fbf3e8);
  border:1px solid rgba(201,149,75,.26);
  border-radius:32px;
  padding:clamp(30px,5vw,66px);
  box-shadow:0 24px 60px rgba(42,26,14,.09);
}
.realizations-simple-hero h1{
  font-size:clamp(52px,7vw,104px);
  line-height:.92;
  letter-spacing:-.06em;
}
.realizations-simple-hero p:not(.section-kicker){
  margin-top:18px;
  max-width:760px;
  color:#6b5f58;
  font-size:clamp(16px,1.4vw,20px);
  line-height:1.6;
}
.realizations-simple-section{
  padding:26px 0 clamp(70px,7vw,110px);
}
.realizations-simple-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.realization-photo-card{
  display:block;
  width:100%;
  border:0;
  padding:0;
  background:#eee;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 16px 36px rgba(42,26,14,.10);
  aspect-ratio:4/3;
  cursor:zoom-in;
}
.realization-photo-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .35s var(--ease), filter .35s var(--ease);
}
.realization-photo-card:hover img{
  transform:scale(1.035);
  filter:saturate(1.04);
}
@media (max-width:900px){
  .realizations-simple-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .realizations-simple-hero-inner{border-radius:24px}
  .realization-photo-card{border-radius:14px}
}
@media (max-width:560px){
  .realizations-simple-grid{grid-template-columns:1fr;gap:12px}
  .realization-photo-card{aspect-ratio:1.08/1}
}

/* Lightbox wygodniejszy na PC i mobile */
.lightbox.is-open{display:flex!important}
.lightbox img{
  max-width:min(96vw,1320px)!important;
  max-height:82vh!important;
  object-fit:contain!important;
  border-radius:14px!important;
}
.lightbox p{display:none!important}
.lightbox-prev,.lightbox-next{
  background:rgba(255,253,249,.92)!important;
  color:#241c17!important;
  border:1px solid rgba(201,149,75,.28)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.16)!important;
}
.lightbox-close{
  background:#fff!important;
  color:#241c17!important;
  border:1px solid rgba(201,149,75,.28)!important;
}
@media (max-width:560px){
  .lightbox{padding:12px!important}
  .lightbox img{max-height:76vh!important;border-radius:10px!important}
  .lightbox-prev,.lightbox-next,.lightbox-close{width:44px!important;height:44px!important}
}


/* ==== FINAL FIX: realizacje structure, quote CTA reveal, footer address, mobile sticky, hero icons ==== */

/* Realizacje page: prevent subfolder layout break and keep one clean photo grid */
.realizations-simple-hero{padding:clamp(42px,6vw,88px) 0 18px!important}
.realizations-simple-hero-inner{
  width:100%!important;
  background:linear-gradient(180deg,#fffdf9,#fbf3e8)!important;
  border:1px solid rgba(201,149,75,.26)!important;
  border-radius:32px!important;
  padding:clamp(30px,5vw,66px)!important;
  box-shadow:0 24px 60px rgba(42,26,14,.09)!important;
}
.realizations-simple-hero h1{
  font-size:clamp(54px,7vw,106px)!important;
  line-height:.92!important;
  letter-spacing:-.06em!important;
}
.realizations-simple-hero p:not(.section-kicker){
  margin-top:18px!important;
  max-width:680px!important;
  color:#6b5f58!important;
  font-size:clamp(16px,1.4vw,20px)!important;
  line-height:1.55!important;
}
.realizations-simple-section{padding:24px 0 clamp(72px,7vw,112px)!important}
.realizations-simple-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
}
.realization-photo-card{
  appearance:none!important;
  display:block!important;
  width:100%!important;
  border:0!important;
  padding:0!important;
  margin:0!important;
  background:#efe5d8!important;
  border-radius:18px!important;
  overflow:hidden!important;
  box-shadow:0 16px 36px rgba(42,26,14,.10)!important;
  aspect-ratio:4/3!important;
  cursor:zoom-in!important;
}
.realization-photo-card img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  transition:transform .35s var(--ease), filter .35s var(--ease)!important;
}
.realization-photo-card:hover img{transform:scale(1.035)!important;filter:saturate(1.04)!important}
@media(max-width:900px){
  .realizations-simple-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .realizations-simple-hero-inner{border-radius:24px!important}
  .realization-photo-card{border-radius:14px!important}
}
@media(max-width:560px){
  .realizations-simple-grid{grid-template-columns:1fr!important;gap:12px!important}
  .realization-photo-card{aspect-ratio:1.08/1!important}
}

/* Quote: zielony komunikat pojawia się dopiero przy wejściu w sekcję */
.quote-form-encourage{
  opacity:0!important;
  transform:translateY(12px)!important;
  transition:opacity .42s var(--ease), transform .42s var(--ease), box-shadow .42s var(--ease)!important;
  animation:none!important;
}
.quote-clean-section.is-quote-visible .quote-form-encourage,
.quote-form-encourage.is-visible{
  opacity:1!important;
  transform:none!important;
  animation:greenEncourageFinal 4.2s infinite ease-in-out!important;
}
@keyframes greenEncourageFinal{
  0%,100%{box-shadow:0 10px 24px rgba(37,139,84,.08)}
  50%{box-shadow:0 12px 28px rgba(37,139,84,.16),0 0 0 5px rgba(37,139,84,.055)}
}

/* PC quote: więcej oddechu wokół Kontakt -> Zdjęcia -> Wycena */
@media(min-width:901px){
  .quote-clean-panel-compact{
    grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr)!important;
    gap:34px!important;
    padding:34px!important;
  }
  .quote-clean-info-compact{
    padding:38px 40px!important;
    border-radius:28px!important;
  }
  .quote-clean-info-compact h2{
    margin-bottom:16px!important;
  }
  .quote-clean-info-compact p:not(.section-kicker){
    font-size:17px!important;
    line-height:1.65!important;
  }
  .quote-step-flow{
    gap:14px!important;
    margin-top:30px!important;
    padding-top:6px!important;
  }
  .quote-step-item{
    padding:18px 18px!important;
    border-radius:20px!important;
  }
  .quote-step-arrow{
    flex:0 0 34px!important;
  }
  .quote-step-arrow svg{
    width:24px!important;
    height:24px!important;
  }
  .quote-clean-form-card-compact{
    padding:34px!important;
    border-radius:30px!important;
  }
}

/* Mobile bottom menu: hard fixed, truly glued to the bottom */
.mobile-bottom.mobile-bottom-v3{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:calc(env(safe-area-inset-bottom,0px) + 4px)!important;
  z-index:999!important;
  transform:translateX(-50%) translateY(12px)!important;
}
.mobile-bottom.mobile-bottom-v3.is-visible{
  transform:translateX(-50%) translateY(0)!important;
}
@media(max-width:900px){
  .mobile-bottom.mobile-bottom-v3{display:grid!important}
}

/* Footer address: keep postal code and street together */
.footer-address-link{
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
}
.footer-address-link span{
  display:inline!important;
  white-space:normal!important;
  line-height:1.45!important;
}

/* Hero icons: modern, intentional icons instead of random-looking marks */
.hero-benefits article svg{
  width:28px!important;
  height:28px!important;
  stroke-width:1.65!important;
}
.hero-benefits article{
  background:rgba(255,255,255,.55)!important;
  border:1px solid rgba(201,149,75,.18)!important;
  border-radius:16px!important;
  padding:12px 8px!important;
}
@media(max-width:560px){
  .hero-benefits article{
    border-radius:14px!important;
    padding:10px 6px!important;
  }
}


/* ==== CLOSING FIXES: mobile glued menu, footer address, quote step boxes, better hero icons ==== */

/* Mobile menu: przyklejone DO SAMEGO DOŁU, zero przerwy pod spodem */
@media(max-width:900px){
  .mobile-bottom.mobile-bottom-v3{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    z-index:9999!important;
    width:100%!important;
    max-width:none!important;
    transform:translateY(100%)!important;
    border-radius:22px 22px 0 0!important;
    padding:6px 8px 6px!important;
    margin:0!important;
    border-left:0!important;
    border-right:0!important;
    border-bottom:0!important;
    background:rgba(255,253,249,.98)!important;
    box-shadow:0 -12px 30px rgba(42,26,14,.15), inset 0 1px 0 rgba(255,255,255,.95)!important;
  }
  .mobile-bottom.mobile-bottom-v3.is-visible{
    transform:translateY(0)!important;
  }
  .mobile-bottom.mobile-bottom-v3::before{
    inset:5px 8px 5px!important;
    border-radius:17px 17px 0 0!important;
  }
  .mobile-bottom.mobile-bottom-v3 .mobile-bottom-item{
    min-height:64px!important;
    border-radius:16px!important;
  }
}

/* Stopka: adres bez ikony i bez sztucznego odstępu */
.footer-address-link{
  display:block!important;
  padding-left:0!important;
  margin-left:0!important;
  gap:0!important;
  line-height:1.45!important;
}
.footer-address-link svg{display:none!important}
.footer-address-link span{
  display:inline!important;
  white-space:normal!important;
}
.footer-badge{display:none!important}

/* Hero benefit icons: bardziej znaczeniowe, bez monitora i przypadkowych symboli */
.hero-benefits article{
  background:rgba(255,255,255,.64)!important;
  border:1px solid rgba(201,149,75,.2)!important;
  border-radius:15px!important;
}
.hero-benefits article svg{
  width:30px!important;
  height:30px!important;
  stroke-width:1.65!important;
  color:#c9954b!important;
}

/* Wycena: boxy Kontakt/Zdjęcia/Wycena nie mogą wychodzić poza ramkę */
.quote-step-flow{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
}
.quote-step-item{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr)!important;
  grid-template-areas:"icon title" "icon text"!important;
  column-gap:14px!important;
  row-gap:4px!important;
  align-items:center!important;
  padding:16px 18px!important;
  border-radius:18px!important;
  overflow:hidden!important;
}
.quote-step-item strong,
.quote-step-item small{
  min-width:0!important;
  max-width:100%!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
}
.quote-step-item strong{
  font-size:16px!important;
}
.quote-step-item small{
  display:block!important;
  font-size:13px!important;
  line-height:1.28!important;
}
.quote-step-arrow{
  width:100%!important;
  height:18px!important;
  display:grid!important;
  place-items:center!important;
  transform:rotate(90deg)!important;
  opacity:.72!important;
}
.quote-step-arrow svg{
  width:18px!important;
  height:18px!important;
}
@media(min-width:901px){
  .quote-clean-panel-compact{
    grid-template-columns:minmax(390px,.86fr) minmax(0,1.14fr)!important;
    gap:38px!important;
  }
  .quote-clean-info-compact{
    padding:42px 40px!important;
  }
}
@media(max-width:900px){
  .quote-step-flow{
    grid-template-columns:1fr!important;
  }
  .quote-step-item{
    grid-template-columns:42px minmax(0,1fr)!important;
    grid-template-areas:"icon title" "icon text"!important;
    justify-items:stretch!important;
    text-align:left!important;
    padding:14px 15px!important;
  }
  .quote-step-item small{display:block!important}
  .quote-step-arrow{
    width:100%!important;
    height:16px!important;
    transform:rotate(90deg)!important;
  }
}

/* Realizacje / katalog: assety są root absolute, a siatka ma być stabilna */
.realizations-simple-grid{
  align-items:start!important;
}
.realization-photo-card{
  min-width:0!important;
}


/* ==== FINAL MICRO-POLISH: icons, footer address, quote reveal, owner CTA, services texture, menu sound-ready ==== */

/* Better icons visual treatment in hero and about */
.hero-benefits article svg,
.about-story-points svg{
  width:30px!important;
  height:30px!important;
  stroke-width:1.65!important;
  color:#c9954b!important;
}
.about-story-points span{
  position:relative!important;
  overflow:hidden!important;
}

/* Footer address: icon restored, but compact and aligned */
.footer-address-link{
  display:inline-flex!important;
  align-items:flex-start!important;
  gap:7px!important;
  padding:0!important;
  margin:0!important;
  line-height:1.42!important;
}
.footer-address-icon{
  display:inline-grid!important;
  place-items:center!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  margin-top:2px!important;
  color:#c9954b!important;
}
.footer-address-icon svg{
  width:18px!important;
  height:18px!important;
}
.footer-address-link span:last-child{
  display:inline!important;
  white-space:normal!important;
}

/* Owner CTA: centered on mobile + subtle click encouragement */
.owner-story-cta{
  position:relative!important;
  overflow:hidden!important;
  animation:ownerCtaBreathe 3.8s infinite var(--ease)!important;
}
.owner-story-cta::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.24) 42%,transparent 68%)!important;
  transform:translateX(-120%)!important;
  animation:ownerCtaShine 4.8s infinite var(--ease)!important;
}
@keyframes ownerCtaBreathe{
  0%,100%{box-shadow:0 16px 30px rgba(162,15,27,.18)}
  50%{box-shadow:0 18px 36px rgba(162,15,27,.25),0 0 0 6px rgba(162,15,27,.06)}
}
@keyframes ownerCtaShine{
  0%,50%{transform:translateX(-120%)}
  72%,100%{transform:translateX(120%)}
}
@media(max-width:900px){
  .owner-story-cta{
    width:min(100%,340px)!important;
    justify-content:center!important;
    justify-self:center!important;
    margin:6px auto 0!important;
    text-align:center!important;
  }
}

/* Green form encouragement: appear exactly when quote section is in view */
.quote-form-encourage{
  opacity:0!important;
  transform:translateY(14px) scale(.985)!important;
  pointer-events:none!important;
  transition:opacity .42s var(--ease), transform .42s var(--ease)!important;
  animation:none!important;
}
.quote-clean-section.is-quote-visible .quote-form-encourage,
.quote-form-encourage.is-visible{
  opacity:1!important;
  transform:none!important;
  pointer-events:auto!important;
  animation:greenEncourageFinal 4.2s infinite ease-in-out!important;
}
@keyframes greenEncourageFinal{
  0%,100%{box-shadow:0 10px 24px rgba(37,139,84,.08)}
  50%{box-shadow:0 12px 28px rgba(37,139,84,.16),0 0 0 5px rgba(37,139,84,.055)}
}

/* Services: subtle premium fabric/atelier background in cards */
.service-clean-card{
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 92% 8%,rgba(201,149,75,.16),transparent 34%),
    linear-gradient(180deg,#fff 0%,#fbf3e7 100%)!important;
}
.service-clean-card::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    linear-gradient(135deg,rgba(201,149,75,.08) 0 1px,transparent 1px 13px),
    radial-gradient(circle at 8% 92%,rgba(162,15,27,.06),transparent 32%)!important;
  opacity:.55!important;
  pointer-events:none!important;
}
.service-clean-card > *{
  position:relative!important;
  z-index:1!important;
}
.service-clean-icon{
  background:rgba(255,255,255,.82)!important;
  backdrop-filter:blur(8px)!important;
}

/* Bottom menu: exact bottom, and class used by sound trigger */
@media(max-width:900px){
  .mobile-bottom.mobile-bottom-v3{
    bottom:0!important;
    transform:translateY(100%)!important;
  }
  .mobile-bottom.mobile-bottom-v3.is-visible{
    transform:translateY(0)!important;
  }
}

/* Reduced motion/sound still keeps layout normal */
@media(prefers-reduced-motion:reduce){
  .owner-story-cta,
  .owner-story-cta::after,
  .quote-clean-section.is-quote-visible .quote-form-encourage,
  .quote-form-encourage.is-visible{
    animation:none!important;
  }
}


/* ==== FINAL REQUEST PATCH: footer icon, PC menu readability, subtle sound-ready bottom, quote step animation ==== */

/* Footer address icon — musi być widoczna jak telefon i mail */
.footer-col .footer-address-link{
  display:flex!important;
  align-items:flex-start!important;
  gap:8px!important;
  padding-left:0!important;
  margin-left:0!important;
  line-height:1.42!important;
}
.footer-col .footer-address-link .footer-address-icon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:19px!important;
  height:19px!important;
  min-width:19px!important;
  margin-top:1px!important;
  color:#c9954b!important;
}
.footer-col .footer-address-link .footer-address-icon svg,
.footer-address-link .footer-address-icon svg{
  display:block!important;
  width:19px!important;
  height:19px!important;
  color:#c9954b!important;
}
.footer-col .footer-address-link span:last-child{
  display:inline!important;
  white-space:normal!important;
}

/* Górne menu PC — trochę większe i czytelniejsze, bez przesady */
@media(min-width:1201px){
  .desktop-main-nav{
    font-size:16px!important;
  }
  .desktop-link{
    font-size:16px!important;
    font-weight:760!important;
    letter-spacing:.01em!important;
    color:#211a16!important;
  }
  .desktop-home svg{width:19px!important;height:19px!important}
  .desktop-cta{font-size:15px!important;font-weight:850!important}
}
@media(min-width:1201px) and (max-width:1360px){
  .desktop-main-nav{font-size:15px!important}
  .desktop-link{font-size:15px!important}
}

/* Dolne menu mobile — zadzwoń zielone, menu dalej przyklejone do samego dołu */
@media(max-width:900px){
  .mobile-bottom.mobile-bottom-v3{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    z-index:9999!important;
    border-radius:22px 22px 0 0!important;
    transform:translateY(100%)!important;
  }
  .mobile-bottom.mobile-bottom-v3.is-visible{transform:translateY(0)!important}
  .mobile-bottom.mobile-bottom-v3 .mobile-call .mobile-bottom-icon{
    color:#fff!important;
    background:linear-gradient(180deg,#32a96a,#218a50)!important;
    border-color:rgba(33,138,80,.45)!important;
    box-shadow:0 8px 16px rgba(33,138,80,.20), inset 0 1px 0 rgba(255,255,255,.2)!important;
  }
  .mobile-bottom.mobile-bottom-v3 .mobile-call .mobile-bottom-label{
    color:#1f7d4b!important;
    font-weight:900!important;
  }
}

/* Ścieżka Kontakt / Zdjęcia / Wycena — spokojna animacja po wejściu w sekcję */
.quote-step-item{
  will-change:transform, box-shadow, border-color!important;
}
.quote-clean-section.is-quote-visible .quote-step-item{
  animation:quoteStepSoftFocus 5.6s infinite var(--ease)!important;
}
.quote-clean-section.is-quote-visible .quote-step-item:nth-of-type(1){animation-delay:0s!important}
.quote-clean-section.is-quote-visible .quote-step-item:nth-of-type(2){animation-delay:.75s!important}
.quote-clean-section.is-quote-visible .quote-step-item:nth-of-type(3){animation-delay:1.5s!important}
.quote-clean-section.is-quote-visible .quote-step-arrow{
  animation:quoteArrowSoftMove 2.8s infinite var(--ease)!important;
}
@keyframes quoteStepSoftFocus{
  0%,100%{transform:translateY(0);border-color:rgba(201,149,75,.24);box-shadow:0 10px 22px rgba(42,26,14,.05)}
  36%{transform:translateY(-2px);border-color:rgba(37,139,84,.26);box-shadow:0 14px 28px rgba(37,139,84,.08)}
  60%{transform:translateY(0);border-color:rgba(201,149,75,.24);box-shadow:0 10px 22px rgba(42,26,14,.05)}
}
@keyframes quoteArrowSoftMove{
  0%,100%{opacity:.55;transform:rotate(90deg) translateX(0)}
  50%{opacity:1;transform:rotate(90deg) translateX(3px)}
}
@media(min-width:901px){
  .quote-clean-section.is-quote-visible .quote-step-arrow{
    animation:quoteArrowSoftMovePc 2.8s infinite var(--ease)!important;
  }
  @keyframes quoteArrowSoftMovePc{
    0%,100%{opacity:.55;transform:translateX(0)}
    50%{opacity:1;transform:translateX(4px)}
  }
}
@media(prefers-reduced-motion:reduce){
  .quote-clean-section.is-quote-visible .quote-step-item,
  .quote-clean-section.is-quote-visible .quote-step-arrow{animation:none!important}
}


/* Auto gallery empty state */
.realizations-empty{
  padding:34px;
  border-radius:22px;
  background:#fffaf3;
  border:1px solid rgba(201,149,75,.26);
  color:#5f5149;
  box-shadow:0 16px 34px rgba(42,26,14,.07);
}
.realizations-empty p{margin:0}


/* ==== FINAL: PC realizacje scroll + mobile compact quote steps ==== */

/* Realizacje na stronie głównej — na PC widoczne przewijanie, strzałki i pasek */
.preview-carousel-wrap.real-mobile-peek{
  position:relative!important;
}
.gallery-scroll-cue{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin:0 0 14px!important;
  color:#6d5c50!important;
  font-weight:800!important;
}
.gallery-scroll-cue > span{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  font-size:14px!important;
}
.gallery-scroll-cue > span::before{
  content:""!important;
  width:38px!important;
  height:2px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#c9954b,#b51322)!important;
  animation:realCueLine 2s infinite ease-in-out!important;
}
.gallery-scroll-buttons{
  display:flex!important;
  gap:8px!important;
}
.gallery-scroll-buttons button{
  width:44px!important;
  height:44px!important;
  border:1px solid rgba(201,149,75,.32)!important;
  border-radius:50%!important;
  background:#fffdf9!important;
  color:#8d0c17!important;
  font-size:30px!important;
  line-height:1!important;
  display:grid!important;
  place-items:center!important;
  box-shadow:0 10px 22px rgba(42,26,14,.08)!important;
  transition:transform .2s var(--ease), box-shadow .2s var(--ease)!important;
}
.gallery-scroll-buttons button:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 14px 28px rgba(42,26,14,.12)!important;
}
.preview-carousel.preview-carousel-modern{
  display:flex!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x mandatory!important;
  scroll-behavior:smooth!important;
  gap:18px!important;
  padding:0 0 16px!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(201,149,75,.72) rgba(201,149,75,.14)!important;
}
.preview-carousel.preview-carousel-modern::-webkit-scrollbar{
  display:block!important;
  height:8px!important;
}
.preview-carousel.preview-carousel-modern::-webkit-scrollbar-track{
  background:rgba(201,149,75,.14)!important;
  border-radius:999px!important;
}
.preview-carousel.preview-carousel-modern::-webkit-scrollbar-thumb{
  background:linear-gradient(90deg,#c9954b,#b51322)!important;
  border-radius:999px!important;
}
.preview-carousel.preview-carousel-modern .preview-card-modern{
  flex:0 0 calc((100% - 36px)/3)!important;
  min-width:calc((100% - 36px)/3)!important;
  scroll-snap-align:start!important;
  scroll-snap-stop:always!important;
}
.mobile-gallery-progress{
  display:block!important;
  margin-top:8px!important;
}
.mobile-gallery-progress-track{
  display:block!important;
  width:100%!important;
  height:6px!important;
  background:rgba(201,149,75,.16)!important;
  border-radius:999px!important;
  overflow:hidden!important;
}
.mobile-gallery-progress-fill{
  display:block!important;
  height:100%!important;
  width:16%!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#c9954b,#b51322)!important;
  box-shadow:0 0 18px rgba(181,19,34,.15)!important;
}
@keyframes realCueLine{
  0%,100%{opacity:.5; transform:scaleX(.74)}
  50%{opacity:1; transform:scaleX(1)}
}

/* Mobile: kroki wyceny w jednej, krótkiej linii */
@media(max-width:900px){
  .gallery-scroll-cue{
    display:none!important;
  }
  .preview-carousel.preview-carousel-modern{
    padding-right:76px!important;
    padding-bottom:12px!important;
  }
  .preview-carousel.preview-carousel-modern .preview-card-modern{
    flex:0 0 84%!important;
    min-width:84%!important;
  }

  .quote-clean-info-compact{
    padding:20px 18px!important;
  }
  .quote-clean-info-compact h2{
    margin-bottom:8px!important;
  }
  .quote-clean-info-compact p:not(.section-kicker){
    font-size:14px!important;
    line-height:1.45!important;
  }
  .quote-step-flow{
    display:flex!important;
    align-items:stretch!important;
    justify-content:space-between!important;
    gap:5px!important;
    margin-top:14px!important;
    width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
  }
  .quote-step-item{
    flex:1 1 0!important;
    min-width:0!important;
    max-width:none!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    padding:9px 5px!important;
    border-radius:13px!important;
    text-align:center!important;
  }
  .quote-step-item b{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
  }
  .quote-step-item b svg{
    width:15px!important;
    height:15px!important;
  }
  .quote-step-item strong{
    display:block!important;
    font-size:11px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  .quote-step-item small{
    display:none!important;
  }
  .quote-step-arrow{
    flex:0 0 12px!important;
    width:12px!important;
    min-width:12px!important;
    height:auto!important;
    display:grid!important;
    place-items:center!important;
    transform:none!important;
    opacity:.72!important;
  }
  .quote-step-arrow svg{
    width:12px!important;
    height:12px!important;
  }
}
@media(max-width:360px){
  .quote-step-item strong{
    font-size:10px!important;
  }
  .quote-step-item{
    padding:8px 3px!important;
  }
  .quote-step-arrow{
    flex-basis:9px!important;
    min-width:9px!important;
  }
  .quote-step-arrow svg{
    width:10px!important;
    height:10px!important;
  }
}