.elementor-536 .elementor-element.elementor-element-ae6ac99 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-536 .elementor-element.elementor-element-6dfe344{width:100%;max-width:100%;}.elementor-536 .elementor-element.elementor-element-6dfe344 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-536 .elementor-element.elementor-element-400387b > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-536 .elementor-element.elementor-element-6e5a372 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-536 .elementor-element.elementor-element-51592b2 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-536 .elementor-element.elementor-element-363db2d > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-536 .elementor-element.elementor-element-7e37d8c > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-536 .elementor-element.elementor-element-a62dcf6 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-536 .elementor-element.elementor-element-db1286d > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-536 .elementor-element.elementor-element-598553c > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-536 .elementor-element.elementor-element-7399449 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-536 .elementor-element.elementor-element-819568b > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-536 .elementor-element.elementor-element-3f93f69 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-536 .elementor-element.elementor-element-f8fb63f > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-536 .elementor-element.elementor-element-0a97d76 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-536 .elementor-element.elementor-element-c7fd0e2 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-536 .elementor-element.elementor-element-12c18b2{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-536 .elementor-element.elementor-element-75087f5 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-536 .elementor-element.elementor-element-0b393cd{width:100%;max-width:100%;align-self:center;}.elementor-536 .elementor-element.elementor-element-0b393cd > .elementor-widget-container{padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-536 .elementor-element.elementor-element-75087f5{width:100%;}}/* Start custom CSS for html, class: .elementor-element-6dfe344 */:root{
--ml2-bg: #0b0d12; /* tło header */
--ml2-surface: #111521; /* dropdown mobile */
--ml2-text: #f4f6fb; /* biel */
--ml2-muted: rgba(244,246,251,.72);
--ml2-border: rgba(255,255,255,.10);
--ml2-accent: #d6b36a; /* złoty akcent (premium) */
--ml2-accent-2: #b9954f;
--ml2-radius: 16px;
--ml2-shadow: 0 10px 30px rgba(0,0,0,.35);
}
.ml2-header{
position: sticky;
top: 0;
z-index: 9999;
background: rgba(11,13,18,.86);
backdrop-filter: blur(10px);
border-bottom: 1px solid var(--ml2-border);
}
.ml2-wrap{ max-width: 1200px; margin: 0 auto; padding: 0 18px; }
.ml2-header-inner{
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
padding: 12px 0;
}
.ml2-brand{
display: flex;
align-items: center;
gap: 12px;
text-decoration: none;
color: var(--ml2-text);
}
.ml2-logo{
width: 48px;
height: 48px;
border-radius: 50%;
box-shadow: 0 8px 18px rgba(0,0,0,.28);
}
.ml2-brand-text{ display:flex; flex-direction:column; line-height:1.1; }
.ml2-name{ font-weight: 900; letter-spacing: .4px; font-size: 16px; }
.ml2-sub{ margin-top: 4px; font-size: 12px; color: var(--ml2-muted); }
.ml2-menu{
display: flex;
align-items: center;
gap: 8px;
}
.ml2-menu a{
color: var(--ml2-muted);
text-decoration: none;
font-weight: 800;
font-size: 14px;
padding: 10px 12px;
border-radius: 12px;
transition: background .15s ease, color .15s ease, transform .15s ease;
}
.ml2-menu a:hover{
color: var(--ml2-text);
background: rgba(255,255,255,.06);
}
.ml2-strong{
color: var(--ml2-text) !important;
border: 1px solid rgba(214,179,106,.25);
background: rgba(214,179,106,.10);
}
.ml2-ghost{
border: 1px solid var(--ml2-border);
background: rgba(255,255,255,.03);
color: var(--ml2-text) !important;
}
/* CTA: Zadzwoń */
.ml2-menu a.ml2-cta,
.ml2-menu a.ml2-cta:visited{
background: var(--ml2-accent) !important;
color: #0b0d12 !important;
border: 1px solid rgba(0,0,0,.15) !important;
box-shadow: 0 10px 20px rgba(214,179,106,.18) !important;
}
.ml2-menu a.ml2-cta:hover,
.ml2-menu a.ml2-cta:focus,
.ml2-menu a.ml2-cta:active{
background: var(--ml2-accent-2) !important;
color: #0b0d12 !important;
text-decoration: none !important;
opacity: 1 !important;
filter: none !important;
transform: translateY(-1px);
}
.ml2-burger{
display: none;
width: 44px;
height: 44px;
border-radius: 14px;
border: 1px solid var(--ml2-border);
background: rgba(255,255,255,.04);
padding: 10px;
cursor: pointer;
}
.ml2-burger span{
display:block;
height:2px;
background: var(--ml2-text);
margin: 6px 0;
border-radius: 2px;
opacity:.9;
}
@media (max-width: 980px){
.ml2-brand-text{ display:none; } /* czyściej na mobile */
.ml2-burger{ display:block; }
.ml2-menu{
position: absolute;
left: 12px;
right: 12px;
top: 100%;
margin-top: 10px;
background: var(--ml2-surface);
border: 1px solid var(--ml2-border);
border-radius: var(--ml2-radius);
padding: 10px;
display: none;
flex-direction: column;
align-items: stretch;
box-shadow: var(--ml2-shadow);
}
.ml2-menu a{ padding: 12px 12px; }
.ml2-header.ml2-open .ml2-menu{ display:flex; }
}
/* ===== ML2 HEADER – FIX WIDOCZNOŚCI MENU (FINAL) ===== */
/* 1) Header zawsze czytelny (mniej przezroczysty) */
.ml2-header{
background: rgba(11,13,18,.96) !important;
border-bottom: 1px solid rgba(255,255,255,.12) !important;
}
/* 2) Wymuszenie kolorów TYLKO w headerze (nie da się nadpisać „jasnymi” sekcjami) */
.ml2-header,
.ml2-header *{
--ml2-text: #f4f6fb;
--ml2-muted: rgba(244,246,251,.86);
--ml2-border: rgba(255,255,255,.12);
}
/* 3) Linki w menu – widoczne zawsze */
.ml2-header .ml2-menu a,
.ml2-header .ml2-menu a:visited{
color: rgba(244,246,251,.86) !important;
background: transparent !important;
}
/* hover / focus */
.ml2-header .ml2-menu a:hover,
.ml2-header .ml2-menu a:focus{
color: #ffffff !important;
background: rgba(255,255,255,.08) !important;
}
/* 4) Aktywny/strong */
.ml2-header .ml2-menu a.ml2-strong{
color: #f4f6fb !important;
border: 1px solid rgba(214,179,106,.35) !important;
background: rgba(214,179,106,.14) !important;
}
/* 5) Ghost */
.ml2-header .ml2-menu a.ml2-ghost{
color: #f4f6fb !important;
border: 1px solid rgba(255,255,255,.18) !important;
background: rgba(255,255,255,.05) !important;
}
.ml2-header .ml2-menu a.ml2-ghost:hover{
background: rgba(255,255,255,.10) !important;
}
/* 6) CTA Zadzwoń – zostaje złote i zawsze widoczne */
.ml2-header .ml2-menu a.ml2-cta,
.ml2-header .ml2-menu a.ml2-cta:visited{
background: #d6b36a !important;
color: #0b0d12 !important;
border: 1px solid rgba(0,0,0,.15) !important;
}
.ml2-header .ml2-menu a.ml2-cta:hover,
.ml2-header .ml2-menu a.ml2-cta:focus{
background: #b9954f !important;
color: #0b0d12 !important;
}
/* 7) Mobile dropdown – tło i linki też wymuszone */
@media (max-width: 980px){
.ml2-header .ml2-menu{
background: #111521 !important;
border: 1px solid rgba(255,255,255,.14) !important;
}
.ml2-header .ml2-menu a{
color: rgba(244,246,251,.90) !important;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a32cee8 *//* ===== ML2 – HERO WYPOŻYCZALNIA (FINAL / BEZ DUBLI) ===== */
.ml2-rent-hero{
padding: 54px 0;
background:
radial-gradient(900px 380px at 15% 10%, rgba(214,179,106,.14), transparent 60%),
radial-gradient(700px 320px at 85% 20%, rgba(255,255,255,.06), transparent 60%),
#0b0d12;
border-bottom: 1px solid rgba(255,255,255,.08);
}
.ml2-rent-hero-grid{
display:grid;
grid-template-columns: 1.25fr 1fr;
gap: 26px;
align-items: stretch;
}
/* badge */
.ml2-rent-badge{
display:inline-flex;
align-items:center;
gap:10px;
padding: 8px 12px;
border-radius: 999px;
border: 1px solid rgba(214,179,106,.28);
background: rgba(214,179,106,.10);
color: rgba(244,246,251,.90);
font-weight: 800;
font-size: 13px;
width: fit-content;
line-height: 1.4;
max-width: 100%;
margin-bottom: 12px;
}
/* tekst */
.ml2-rent-h1{
margin: 14px 0 10px;
font-weight: 950;
letter-spacing: -.4px;
line-height: 1.06;
font-size: clamp(30px, 3.2vw, 54px);
color: #ffffff !important;
text-shadow: 0 2px 10px rgba(0,0,0,.55), 0 1px 2px rgba(0,0,0,.9);
}
.ml2-rent-p{
color: rgba(244,246,251,.75);
font-size: 16px;
line-height: 1.6;
max-width: 62ch;
margin: 0 0 18px;
}
/* CTA */
.ml2-rent-ctas{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-bottom:18px;
}
/* 1) złoty (TYLKO pierwszy) */
.ml2-rent-ctas .ml2-btn-primary{
background:#d6b36a !important;
color:#0b0d12 !important;
border-color: rgba(0,0,0,.18) !important;
box-shadow: 0 14px 28px rgba(214,179,106,.18) !important;
}
.ml2-rent-ctas .ml2-btn-primary:hover,
.ml2-rent-ctas .ml2-btn-primary:focus{
background:#caa55b !important;
transform: translateY(-1px);
}
/* 2) i 3) białe (bez złota na hover) */
.ml2-rent-ctas .ml2-rent-white,
.ml2-rent-ctas .ml2-rent-white2{
background:#ffffff !important;
color:#0b0d12 !important;
border: 1px solid rgba(0,0,0,.12) !important;
box-shadow: 0 10px 22px rgba(0,0,0,.10) !important;
text-decoration:none !important;
}
.ml2-rent-ctas .ml2-rent-white:hover,
.ml2-rent-ctas .ml2-rent-white2:hover,
.ml2-rent-ctas .ml2-rent-white:focus,
.ml2-rent-ctas .ml2-rent-white2:focus{
background:#f1f2f4 !important;
border-color: rgba(0,0,0,.18) !important;
box-shadow: 0 12px 24px rgba(0,0,0,.14) !important;
transform: translateY(-1px);
}
/* zabezpieczenie na span (Elementor) */
.ml2-rent-ctas .ml2-rent-white *,
.ml2-rent-ctas .ml2-rent-white2 *{
color: inherit !important;
}
/* trust */
.ml2-rent-trust{
display:flex;
gap:12px;
flex-wrap:wrap;
color: rgba(244,246,251,.65);
font-weight: 700;
font-size: 13px;
}
/* karta z obrazem */
.ml2-rent-hero-card{
border-radius: 22px;
border: 1px solid rgba(255,255,255,.10);
background: rgba(255,255,255,.04);
box-shadow: 0 18px 40px rgba(0,0,0,.35);
overflow:hidden;
display:flex;
flex-direction:column;
}
/* zdjęcie */
.ml2-rent-hero-media{
min-height: 380px;
background:
linear-gradient(180deg, rgba(11,13,18,.22) 0%, rgba(11,13,18,.72) 75%, rgba(11,13,18,.92) 100%),
url("https://miro-lak2.pl/wp-content/uploads/2025/12/Miro-Lak-2-Wypozyczalnia.webp")
center / cover no-repeat;
}
/* mini boxy */
.ml2-rent-mini{
display:grid;
grid-template-columns: 1fr 1fr;
gap:10px;
padding:14px;
}
@media (max-width: 980px){
.ml2-rent-hero{ padding: 34px 0; }
.ml2-rent-hero-grid{ grid-template-columns: 1fr; }
.ml2-rent-hero-media{ min-height: 240px; }
.ml2-rent-mini{ grid-template-columns: 1fr; }
}
/* ===== ML2 – HERO WYPOŻYCZALNIA: FIX CTA (JAK NA OC) ===== */
/* Wklej NA SAM KONIEC CSS */
.ml2-rent-hero .ml2-rent-ctas a.ml2-btn{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
padding: 12px 14px !important;
border-radius: 14px !important;
font-weight: 900 !important;
font-size: 14px !important;
text-decoration: none !important;
line-height: 1 !important;
border: 1px solid rgba(255,255,255,.10) !important;
transition: transform .15s ease, background .15s ease, color .15s ease, border-color .15s ease !important;
-webkit-appearance: none !important;
appearance: none !important;
}
/* 1) ZŁOTY (PRIMARY) */
.ml2-rent-hero .ml2-rent-ctas a.ml2-btn-primary{
background:#d6b36a !important;
color:#0b0d12 !important;
border-color: rgba(0,0,0,.18) !important;
box-shadow: 0 14px 28px rgba(214,179,106,.16) !important;
}
.ml2-rent-hero .ml2-rent-ctas a.ml2-btn-primary:hover,
.ml2-rent-hero .ml2-rent-ctas a.ml2-btn-primary:focus{
transform: translateY(-1px) !important;
background:#caa55b !important;
color:#0b0d12 !important;
}
/* 2) i 3) BIAŁE (enterprise) */
.ml2-rent-hero .ml2-rent-ctas a.ml2-rent-white,
.ml2-rent-hero .ml2-rent-ctas a.ml2-rent-white2{
background:#ffffff !important;
color:#0b0d12 !important;
border: 1px solid rgba(0,0,0,.12) !important;
box-shadow: 0 10px 22px rgba(0,0,0,.10) !important;
}
/* hover tylko SZARY */
.ml2-rent-hero .ml2-rent-ctas a.ml2-rent-white:hover,
.ml2-rent-hero .ml2-rent-ctas a.ml2-rent-white:focus,
.ml2-rent-hero .ml2-rent-ctas a.ml2-rent-white2:hover,
.ml2-rent-hero .ml2-rent-ctas a.ml2-rent-white2:focus{
background:#f1f2f4 !important;
color:#0b0d12 !important;
border-color: rgba(0,0,0,.16) !important;
box-shadow: 0 12px 24px rgba(0,0,0,.14) !important;
transform: translateY(-1px) !important;
}
/* jeśli Elementor trzyma kolor w środku / podkreślenia */
.ml2-rent-hero .ml2-rent-ctas a.ml2-btn *,
.ml2-rent-hero .ml2-rent-ctas a.ml2-btn:hover *{
color: inherit !important;
text-decoration: none !important;
}
/* ===== ML2 – HERO WYPOŻYCZALNIA: MINI POD ZDJĘCIEM (FIX) ===== */
/* Wklej NA SAM KONIEC CSS */
.ml2-rent-hero .ml2-rent-mini a.ml2-mini{
display:block !important;
text-decoration:none !important;
border-radius: 16px !important;
border: 1px solid rgba(255,255,255,.10) !important;
background: rgba(255,255,255,.04) !important;
padding: 12px 12px !important;
transition: transform .15s ease, background .15s ease, border-color .15s ease !important;
}
.ml2-rent-hero .ml2-rent-mini a.ml2-mini:hover{
transform: translateY(-2px) !important;
background: rgba(255,255,255,.06) !important;
border-color: rgba(214,179,106,.22) !important;
}
/* tytuł */
.ml2-rent-hero .ml2-rent-mini .ml2-mini-top{
color: #f4f6fb !important;
font-weight: 950 !important;
font-size: 14px !important;
margin: 0 !important;
text-decoration:none !important;
}
/* opis */
.ml2-rent-hero .ml2-rent-mini .ml2-mini-sub{
margin-top: 6px !important;
color: rgba(244,246,251,.68) !important;
font-weight: 700 !important;
font-size: 12px !important;
text-decoration:none !important;
}
/* zabijamy niebieskie linki / podkreślenia */
.ml2-rent-hero .ml2-rent-mini a.ml2-mini,
.ml2-rent-hero .ml2-rent-mini a.ml2-mini *{
color: inherit !important;
text-decoration: none !important;
}
/* ===== ML2 – WYPOŻYCZALNIA: MINI POD ZDJĘCIEM (HARD OVERRIDE) ===== */
/* Wklej NA ABSOLUTNY KONIEC CSS */
.ml2-rent-hero .ml2-rent-hero-card .ml2-rent-mini a.ml2-mini,
.ml2-rent-hero .ml2-rent-hero-card .ml2-rent-mini a.ml2-mini:visited{
color: #f4f6fb !important; /* zabija niebieski link */
text-decoration: none !important; /* zabija podkreślenia */
}
.ml2-rent-hero .ml2-rent-hero-card .ml2-rent-mini a.ml2-mini{
display: block !important;
border-radius: 16px !important;
border: 1px solid rgba(255,255,255,.10) !important;
background: rgba(255,255,255,.04) !important;
padding: 12px !important;
transition: transform .15s ease, background .15s ease, border-color .15s ease !important;
}
.ml2-rent-hero .ml2-rent-hero-card .ml2-rent-mini a.ml2-mini:hover{
transform: translateY(-2px) !important;
background: rgba(255,255,255,.06) !important;
border-color: rgba(214,179,106,.22) !important;
}
/* nagłówek – BIAŁY */
.ml2-rent-hero .ml2-rent-hero-card .ml2-rent-mini a.ml2-mini .ml2-mini-top{
color: #ffffff !important;
font-weight: 950 !important;
font-size: 14px !important;
text-decoration: none !important;
}
/* opis – SZARY */
.ml2-rent-hero .ml2-rent-hero-card .ml2-rent-mini a.ml2-mini .ml2-mini-sub{
color: rgba(244,246,251,.65) !important;
font-weight: 700 !important;
font-size: 12px !important;
margin-top: 6px !important;
text-decoration: none !important;
}
/* zabijamy wszystko co Elementor próbuje narzucić dzieciom */
.ml2-rent-hero .ml2-rent-hero-card .ml2-rent-mini a.ml2-mini *{
text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7642686 *//* =========================================================
ML2 – SEO INTRO – FINAL FIX
CTA + złota kreska pod H2
========================================================= */
/* ===== ZŁOTA KRESKA POD NAGŁÓWKIEM ===== */
.ml2-rent-seo-title{
position: relative;
margin-bottom: 26px !important;
}
.ml2-rent-seo-title::after{
content:"";
display:block;
width:120px;
height:4px;
margin:14px auto 0;
border-radius:999px;
background: linear-gradient(
90deg,
rgba(214,179,106,0) 0%,
rgba(214,179,106,.85) 50%,
rgba(214,179,106,0) 100%
);
box-shadow: 0 6px 16px rgba(214,179,106,.45);
}
/* ===== CTA WRAPPER ===== */
.ml2-rent-seo-ctas{
display:flex;
justify-content:center;
gap:14px;
flex-wrap:wrap;
margin-top: 18px;
}
/* ===== WSPÓLNE DLA OBU PRZYCISKÓW ===== */
.ml2-rent-seo-ctas a{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
padding:14px 22px !important;
border-radius:999px !important;
font-weight:950 !important;
font-size:15px !important;
text-decoration:none !important;
line-height:1 !important;
white-space:nowrap;
transition:background .15s ease, box-shadow .15s ease, transform .15s ease;
}
/* ===== ZŁOTY – TELEFON (ZAWSZE ZŁOTY) ===== */
.ml2-rent-seo-ctas a[href^="tel"]{
background:#d6b36a !important;
color:#0b0d12 !important;
border:1px solid rgba(0,0,0,.12) !important;
box-shadow:0 18px 34px rgba(214,179,106,.35) !important;
}
.ml2-rent-seo-ctas a[href^="tel"]:hover{
background:#d6b36a !important; /* NIE ZMIENIA KOLORU */
transform:translateY(-1px);
}
/* ===== BIAŁY – WIADOMOŚĆ ===== */
.ml2-rent-seo-ctas a:not([href^="tel"]){
background:#ffffff !important;
color:#0b0d12 !important;
border:1px solid rgba(11,13,18,.15) !important;
box-shadow:0 12px 24px rgba(11,13,18,.10) !important;
}
.ml2-rent-seo-ctas a:not([href^="tel"]):hover{
background:#f1f2f4 !important;
transform:translateY(-1px);
box-shadow:0 14px 28px rgba(11,13,18,.14) !important;
}
/* =========================================================
ML2 – SEO INTRO – FIX ODSTĘPU DO KOLEJNEGO BLOKU
========================================================= */
/* bezpieczny odstęp pod całym SEO INTRO */
.ml2-rent-seo{
position: relative;
margin-bottom: 64px !important;
}
/* MOBILE – trochę większy luz, żeby CTA nie dotykało kolejnego bloku */
@media (max-width: 768px){
.ml2-rent-seo{
margin-bottom: 72px !important;
}
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-6e5a372 *//* ===== ML2 – WYPOŻYCZALNIA: BLOK #1 POD BANEREM (JASNY / OVERRIDE) ===== */
/* Wklej NA ABSOLUTNY KONIEC CSS */
.ml2-rent-b1{
padding: 50px 0 !important;
background:
radial-gradient(900px 360px at 18% 0%, rgba(214,179,106,.16), transparent 60%),
radial-gradient(700px 320px at 85% 10%, rgba(11,13,18,.06), transparent 62%),
#ffffff !important;
border-bottom: 1px solid rgba(11,13,18,.10) !important;
}
.ml2-rent-b1-kicker{
border: 1px solid rgba(214,179,106,.40) !important;
background: rgba(214,179,106,.14) !important;
color: rgba(11,13,18,.80) !important;
}
.ml2-rent-b1-title{
color: #0b0d12 !important;
text-shadow: none !important;
}
.ml2-rent-b1-desc{
color: rgba(11,13,18,.72) !important;
}
/* CTA – spójne jak home: złoty + biały, biały hover szary */
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn{
border: 1px solid rgba(11,13,18,.12) !important;
text-decoration: none !important;
}
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn-primary{
background:#d6b36a !important;
color:#0b0d12 !important;
border-color: rgba(0,0,0,.18) !important;
box-shadow: 0 14px 28px rgba(214,179,106,.18) !important;
}
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn-primary:hover,
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn-primary:focus{
background:#caa55b !important;
transform: translateY(-1px) !important;
}
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-rent-white{
background:#ffffff !important;
color:#0b0d12 !important;
border: 1px solid rgba(11,13,18,.14) !important;
box-shadow: 0 10px 22px rgba(11,13,18,.10) !important;
}
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-rent-white:hover,
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-rent-white:focus{
background:#f1f2f4 !important;
border-color: rgba(11,13,18,.20) !important;
box-shadow: 0 12px 24px rgba(11,13,18,.14) !important;
transform: translateY(-1px) !important;
}
/* zabijamy niebieskie linki wewnątrz (Elementor span itp.) */
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn,
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn *{
color: inherit !important;
text-decoration: none !important;
}
/* karty – jasne */
.ml2-rent-b1-card{
background: rgba(11,13,18,.03) !important;
border: 1px solid rgba(11,13,18,.10) !important;
box-shadow: 0 14px 26px rgba(11,13,18,.08) !important;
}
.ml2-rent-b1-card:hover{
border-color: rgba(214,179,106,.35) !important;
background: rgba(214,179,106,.08) !important;
}
.ml2-rent-b1-ico{
background: rgba(214,179,106,.18) !important;
border: 1px solid rgba(214,179,106,.35) !important;
}
.ml2-rent-b1-cardTitle{
color: #0b0d12 !important;
}
.ml2-rent-b1-cardText{
color: rgba(11,13,18,.70) !important;
}
/* dolny pasek – jasny */
.ml2-rent-b1-bar{
border-top: 1px solid rgba(11,13,18,.10) !important;
color: rgba(11,13,18,.62) !important;
}
/* responsywność */
@media (max-width: 980px){
.ml2-rent-b1{ padding: 38px 0 !important; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cbe82c3 *//* ===== ML2 – WYPOŻYCZALNIA: BLOK #1 POD BANEREM (BEZ DUBLI) ===== */
/* Wklej NA ABSOLUTNY KONIEC CSS */
.ml2-rent-b1{
padding: 46px 0;
background:
radial-gradient(800px 320px at 20% 0%, rgba(214,179,106,.10), transparent 60%),
radial-gradient(700px 260px at 80% 20%, rgba(255,255,255,.05), transparent 60%),
#0b0d12;
border-bottom: 1px solid rgba(255,255,255,.08);
}
.ml2-rent-b1-grid{
display:grid;
grid-template-columns: 1.1fr 1fr;
gap: 22px;
align-items:start;
}
/* lewa kolumna */
.ml2-rent-b1-kicker{
display:inline-flex;
align-items:center;
gap:10px;
padding: 8px 12px;
border-radius: 999px;
border: 1px solid rgba(214,179,106,.24);
background: rgba(214,179,106,.08);
color: rgba(244,246,251,.88);
font-weight: 900;
font-size: 12px;
line-height: 1.3;
width: fit-content;
max-width: 100%;
margin-bottom: 12px;
}
.ml2-rent-b1-title{
margin: 0 0 10px;
font-weight: 950;
letter-spacing: -.3px;
line-height: 1.08;
font-size: clamp(22px, 2.2vw, 34px);
color: #ffffff !important;
text-shadow: 0 2px 10px rgba(0,0,0,.45);
}
.ml2-rent-b1-desc{
margin: 0 0 16px;
color: rgba(244,246,251,.72);
font-size: 15.5px;
line-height: 1.65;
max-width: 62ch;
}
/* CTA – dokładnie jak w hero (zabezpieczenie na niebieskie linki) */
.ml2-rent-b1-ctas{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top: 6px;
}
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
padding: 12px 14px !important;
border-radius: 14px !important;
font-weight: 900 !important;
font-size: 14px !important;
text-decoration: none !important;
line-height: 1 !important;
border: 1px solid rgba(255,255,255,.10) !important;
transition: transform .15s ease, background .15s ease, color .15s ease, border-color .15s ease, box-shadow .15s ease !important;
}
/* złoty */
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn-primary{
background:#d6b36a !important;
color:#0b0d12 !important;
border-color: rgba(0,0,0,.18) !important;
box-shadow: 0 14px 28px rgba(214,179,106,.16) !important;
}
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn-primary:hover,
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn-primary:focus{
transform: translateY(-1px) !important;
background:#caa55b !important;
color:#0b0d12 !important;
}
/* biały -> hover SZARY */
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-rent-white{
background:#ffffff !important;
color:#0b0d12 !important;
border: 1px solid rgba(0,0,0,.12) !important;
box-shadow: 0 10px 22px rgba(0,0,0,.10) !important;
}
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-rent-white:hover,
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-rent-white:focus{
background:#f1f2f4 !important;
border-color: rgba(0,0,0,.16) !important;
box-shadow: 0 12px 24px rgba(0,0,0,.14) !important;
transform: translateY(-1px) !important;
}
/* zabijamy niebieskie w środku (Elementor span itp.) */
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn,
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn *{
color: inherit !important;
text-decoration: none !important;
}
/* prawa kolumna – karty */
.ml2-rent-b1-cards{
display:grid;
grid-template-columns: 1fr;
gap: 10px;
}
.ml2-rent-b1-card{
border-radius: 18px;
border: 1px solid rgba(255,255,255,.10);
background: rgba(255,255,255,.04);
padding: 14px 14px;
box-shadow: 0 14px 30px rgba(0,0,0,.25);
transition: transform .15s ease, border-color .15s ease, background .15s ease;
}
.ml2-rent-b1-card:hover{
transform: translateY(-2px);
border-color: rgba(214,179,106,.22);
background: rgba(255,255,255,.06);
}
.ml2-rent-b1-ico{
width: 36px;
height: 36px;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius: 12px;
background: rgba(214,179,106,.12);
border: 1px solid rgba(214,179,106,.22);
margin-bottom: 10px;
font-size: 16px;
}
.ml2-rent-b1-cardTitle{
margin: 0 0 6px;
color: #ffffff !important;
font-weight: 950;
font-size: 15px;
letter-spacing: -.2px;
text-decoration: none !important;
}
.ml2-rent-b1-cardText{
margin: 0;
color: rgba(244,246,251,.68);
font-weight: 700;
font-size: 13px;
line-height: 1.6;
}
/* dolny pasek (spójny z trust) */
.ml2-rent-b1-bar{
grid-column: 1 / -1;
display:flex;
gap: 12px;
flex-wrap: wrap;
margin-top: 8px;
padding-top: 12px;
border-top: 1px solid rgba(255,255,255,.08);
color: rgba(244,246,251,.62);
font-weight: 800;
font-size: 13px;
}
.ml2-rent-b1-barItem{
display:inline-flex;
align-items:center;
gap:10px;
}
/* responsywność */
@media (max-width: 980px){
.ml2-rent-b1{ padding: 34px 0; }
.ml2-rent-b1-grid{ grid-template-columns: 1fr; }
}
/* ===== ML2 – WYPOŻYCZALNIA: BLOK #1 POD BANEREM (JASNY / FINAL) ===== */
/* Wklej NA ABSOLUTNY KONIEC CSS */
.ml2-rent-b1{
padding: 50px 0;
background:
radial-gradient(900px 360px at 18% 0%, rgba(214,179,106,.16), transparent 60%),
radial-gradient(700px 320px at 85% 10%, rgba(11,13,18,.06), transparent 62%),
#ffffff;
border-bottom: 1px solid rgba(11,13,18,.10);
}
.ml2-rent-b1-grid{
display:grid;
grid-template-columns: 1.1fr 1fr;
gap: 22px;
align-items:start;
}
/* nagłówek */
.ml2-rent-b1-kicker{
display:inline-flex;
align-items:center;
gap:10px;
padding: 8px 12px;
border-radius: 999px;
border: 1px solid rgba(214,179,106,.40);
background: rgba(214,179,106,.14);
color: rgba(11,13,18,.82);
font-weight: 900;
font-size: 12px;
line-height: 1.3;
width: fit-content;
max-width: 100%;
margin-bottom: 12px;
}
.ml2-rent-b1-title{
margin: 0 0 10px;
font-weight: 950;
letter-spacing: -.3px;
line-height: 1.08;
font-size: clamp(22px, 2.2vw, 34px);
color: #0b0d12 !important;
text-shadow: none !important;
}
.ml2-rent-b1-desc{
margin: 0 0 16px;
color: rgba(11,13,18,.72);
font-size: 15.5px;
line-height: 1.65;
max-width: 62ch;
}
/* CTA – spójne jak home */
.ml2-rent-b1-ctas{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top: 6px;
}
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
padding: 12px 14px !important;
border-radius: 14px !important;
font-weight: 900 !important;
font-size: 14px !important;
text-decoration: none !important;
line-height: 1 !important;
border: 1px solid rgba(11,13,18,.12) !important;
transition: transform .15s ease, background .15s ease, color .15s ease, border-color .15s ease, box-shadow .15s ease !important;
}
/* złoty */
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn-primary{
background:#d6b36a !important;
color:#0b0d12 !important;
border-color: rgba(0,0,0,.18) !important;
box-shadow: 0 14px 28px rgba(214,179,106,.18) !important;
}
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn-primary:hover,
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn-primary:focus{
background:#caa55b !important;
transform: translateY(-1px) !important;
}
/* biały -> hover SZARY */
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-rent-white{
background:#ffffff !important;
color:#0b0d12 !important;
border: 1px solid rgba(11,13,18,.14) !important;
box-shadow: 0 10px 22px rgba(11,13,18,.10) !important;
}
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-rent-white:hover,
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-rent-white:focus{
background:#f1f2f4 !important;
border-color: rgba(11,13,18,.20) !important;
box-shadow: 0 12px 24px rgba(11,13,18,.14) !important;
transform: translateY(-1px) !important;
}
/* zabijamy niebieskie linki w środku (Elementor) */
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn,
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn *{
color: inherit !important;
text-decoration: none !important;
}
/* karty */
.ml2-rent-b1-cards{
display:grid;
grid-template-columns: 1fr;
gap: 10px;
}
.ml2-rent-b1-card{
border-radius: 18px;
background: rgba(11,13,18,.03);
border: 1px solid rgba(11,13,18,.10);
padding: 14px 14px;
box-shadow: 0 14px 26px rgba(11,13,18,.08);
transition: transform .15s ease, border-color .15s ease, background .15s ease;
}
.ml2-rent-b1-card:hover{
transform: translateY(-2px);
border-color: rgba(214,179,106,.35);
background: rgba(214,179,106,.08);
}
.ml2-rent-b1-ico{
width: 36px;
height: 36px;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius: 12px;
background: rgba(214,179,106,.18);
border: 1px solid rgba(214,179,106,.35);
margin-bottom: 10px;
font-size: 16px;
}
.ml2-rent-b1-cardTitle{
margin: 0 0 6px;
color: #0b0d12 !important;
font-weight: 950;
font-size: 15px;
letter-spacing: -.2px;
text-decoration: none !important;
}
.ml2-rent-b1-cardText{
margin: 0;
color: rgba(11,13,18,.70);
font-weight: 700;
font-size: 13px;
line-height: 1.6;
}
/* ===== DÓŁ: "NA TEJ STRONIE" (PILLE JAK NA OC) ===== */
.ml2-rent-b1-nav{
grid-column: 1 / -1;
display:flex;
align-items:center;
justify-content:space-between;
gap: 14px;
margin-top: 12px;
padding-top: 14px;
border-top: 1px solid rgba(11,13,18,.10);
}
.ml2-rent-b1-navLabel{
font-weight: 900;
font-size: 13px;
color: rgba(11,13,18,.70);
white-space: nowrap;
}
.ml2-rent-b1-navPills{
display:flex;
gap: 10px;
flex-wrap: wrap;
justify-content:flex-end;
}
.ml2-rent-b1 .ml2-rent-pill{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
padding: 9px 14px !important;
border-radius: 999px !important;
background: #ffffff !important;
border: 1px solid rgba(11,13,18,.14) !important;
color: #0b0d12 !important;
font-weight: 900 !important;
font-size: 12px !important;
line-height: 1 !important;
text-decoration: none !important;
box-shadow: 0 10px 18px rgba(11,13,18,.08) !important;
transition: transform .15s ease, background .15s ease, border-color .15s ease, box-shadow .15s ease !important;
}
.ml2-rent-b1 .ml2-rent-pill:hover,
.ml2-rent-b1 .ml2-rent-pill:focus{
background:#f1f2f4 !important;
border-color: rgba(11,13,18,.18) !important;
transform: translateY(-1px) !important;
box-shadow: 0 12px 22px rgba(11,13,18,.12) !important;
}
/* aktywny złoty */
.ml2-rent-b1 .ml2-rent-pill.is-active{
background:#d6b36a !important;
border-color: rgba(0,0,0,.12) !important;
color:#0b0d12 !important;
box-shadow: 0 14px 26px rgba(214,179,106,.20) !important;
}
.ml2-rent-b1 .ml2-rent-pill.is-active:hover,
.ml2-rent-b1 .ml2-rent-pill.is-active:focus{
background:#caa55b !important;
}
/* zabijamy niebieskie linki / podkreślenia (Elementor) */
.ml2-rent-b1 .ml2-rent-pill,
.ml2-rent-b1 .ml2-rent-pill *{
color: inherit !important;
text-decoration: none !important;
}
/* responsywność */
@media (max-width: 980px){
.ml2-rent-b1{ padding: 38px 0; }
.ml2-rent-b1-grid{ grid-template-columns: 1fr; }
.ml2-rent-b1-nav{
align-items:flex-start;
flex-direction:column;
}
.ml2-rent-b1-navPills{
justify-content:flex-start;
}
}
/* =========================================================
ML2 – BLOK #1 POD BANEREM (JASNY + ZŁOTA KRESKA / FINAL)
========================================================= */
.ml2-rent-b1{
padding: 56px 0 !important;
background:#ffffff !important;
border-bottom: 1px solid rgba(11,13,18,.10);
}
/* GRID */
.ml2-rent-b1-grid{
display:grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
align-items:start;
}
/* =========================
HEADER – WYGLĄD JAK NA OC
========================= */
.ml2-rent-b1-head{
text-align:center;
}
/* badge (mały, delikatny) */
.ml2-rent-b1-kicker{
display:inline-flex;
margin: 0 auto 10px;
padding: 7px 14px;
border-radius:999px;
background: rgba(214,179,106,.14);
border:1px solid rgba(214,179,106,.35);
color:#6f5a2c;
font-weight:900;
font-size:12px;
}
/* TYTUŁ */
.ml2-rent-b1-title{
position:relative;
margin: 0 auto 22px;
font-size: clamp(26px, 3vw, 38px);
font-weight: 950;
letter-spacing:-.3px;
color:#0b0d12 !important;
text-align:center;
}
/* ZŁOTA KRESKA (GRADIENT + CIEŃ) */
.ml2-rent-b1-title::after{
content:"";
display:block;
width:120px;
height:4px;
margin:14px auto 0;
border-radius:999px;
background: linear-gradient(
90deg,
rgba(214,179,106,0) 0%,
rgba(214,179,106,.85) 50%,
rgba(214,179,106,0) 100%
);
box-shadow: 0 6px 16px rgba(214,179,106,.45);
}
/* opis */
.ml2-rent-b1-desc{
margin: 0 auto 22px;
max-width: 62ch;
color: rgba(11,13,18,.72);
font-size:15.5px;
line-height:1.65;
text-align:center;
}
/* =========================
CTA
========================= */
.ml2-rent-b1-ctas{
display:flex;
justify-content:center;
gap:12px;
flex-wrap:wrap;
}
/* złoty */
.ml2-rent-b1 .ml2-btn-primary{
background:#d6b36a !important;
color:#0b0d12 !important;
font-weight:900;
border-radius:999px;
padding:12px 18px;
box-shadow:0 14px 30px rgba(214,179,106,.35);
}
.ml2-rent-b1 .ml2-btn-primary:hover{
background:#caa55b !important;
}
/* biały */
.ml2-rent-b1 .ml2-rent-white{
background:#ffffff !important;
color:#0b0d12 !important;
border:1px solid rgba(11,13,18,.15);
border-radius:999px;
padding:12px 18px;
}
.ml2-rent-b1 .ml2-rent-white:hover{
background:#f1f2f4 !important;
}
/* =========================
PRAWA KOLUMNA – KARTY
========================= */
.ml2-rent-b1-cards{
display:grid;
gap:14px;
}
.ml2-rent-b1-card{
background:#f7f7f7;
border:1px solid rgba(11,13,18,.10);
border-radius:18px;
padding:16px;
transition:.2s ease;
}
.ml2-rent-b1-card:hover{
transform:translateY(-2px);
background:#f3efe4;
border-color:rgba(214,179,106,.45);
}
.ml2-rent-b1-cardTitle{
color:#0b0d12 !important;
font-weight:950;
}
.ml2-rent-b1-cardText{
color:rgba(11,13,18,.70);
}
/* =========================
RESPONSYWNOŚĆ
========================= */
@media (max-width:980px){
.ml2-rent-b1-grid{
grid-template-columns:1fr;
}
}
/* =========================================================
ML2 – WYPOŻYCZALNIA: BLOK #1 POD BANEREM (HARD OVERRIDE)
Wklej NA ABSOLUTNY KONIEC CSS – nadpisze cały bałagan wyżej
========================================================= */
.ml2-rent-b1{
padding: 56px 0 !important;
background:#ffffff !important;
border-bottom: 1px solid rgba(11,13,18,.10) !important;
}
.ml2-rent-b1-grid{
display:grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 32px !important;
align-items:start !important;
}
/* HEADER */
.ml2-rent-b1-head{
text-align:center !important;
}
.ml2-rent-b1-kicker{
display:inline-flex !important;
margin: 0 auto 10px !important;
padding: 7px 14px !important;
border-radius:999px !important;
background: rgba(214,179,106,.14) !important;
border:1px solid rgba(214,179,106,.35) !important;
color:#6f5a2c !important;
font-weight:900 !important;
font-size:12px !important;
line-height:1.2 !important;
}
/* TYTUŁ + KRESKA */
.ml2-rent-b1-title{
position:relative !important;
margin: 0 auto 22px !important;
font-size: clamp(26px, 3vw, 38px) !important;
font-weight: 950 !important;
letter-spacing:-.3px !important;
color:#0b0d12 !important;
text-align:center !important;
text-shadow:none !important;
}
.ml2-rent-b1-title::after{
content:"" !important;
display:block !important;
width:120px !important;
height:4px !important;
margin:14px auto 0 !important;
border-radius:999px !important;
background: linear-gradient(
90deg,
rgba(214,179,106,0) 0%,
rgba(214,179,106,.85) 50%,
rgba(214,179,106,0) 100%
) !important;
box-shadow: 0 6px 16px rgba(214,179,106,.35) !important;
}
/* OPIS */
.ml2-rent-b1-desc{
margin: 0 auto 22px !important;
max-width: 62ch !important;
color: rgba(11,13,18,.72) !important;
font-size:15.5px !important;
line-height:1.65 !important;
text-align:center !important;
}
/* CTA */
.ml2-rent-b1-ctas{
display:flex !important;
justify-content:center !important;
gap:12px !important;
flex-wrap:wrap !important;
margin-top: 0 !important;
}
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
text-decoration:none !important;
font-weight:900 !important;
font-size:14px !important;
line-height:1 !important;
padding:12px 18px !important;
border-radius:999px !important;
border:1px solid rgba(11,13,18,.14) !important;
transition: transform .15s ease, background .15s ease, border-color .15s ease, box-shadow .15s ease !important;
}
/* złoty */
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn-primary{
background:#d6b36a !important;
color:#0b0d12 !important;
border-color: rgba(0,0,0,.14) !important;
box-shadow:0 14px 30px rgba(214,179,106,.28) !important;
}
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn-primary:hover,
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn-primary:focus{
background:#caa55b !important;
transform:translateY(-1px) !important;
}
/* biały */
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-rent-white{
background:#ffffff !important;
color:#0b0d12 !important;
box-shadow:0 10px 18px rgba(11,13,18,.08) !important;
}
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-rent-white:hover,
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-rent-white:focus{
background:#f1f2f4 !important;
transform:translateY(-1px) !important;
}
/* zabij niebieskie/linki z elementora */
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn,
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn *{
color: inherit !important;
text-decoration:none !important;
}
/* KARTY */
.ml2-rent-b1-cards{
display:grid !important;
gap:14px !important;
}
.ml2-rent-b1-card{
background:#f7f7f7 !important;
border:1px solid rgba(11,13,18,.10) !important;
border-radius:18px !important;
padding:16px !important;
box-shadow: 0 14px 26px rgba(11,13,18,.08) !important;
transition:.2s ease !important;
}
.ml2-rent-b1-card:hover{
transform:translateY(-2px) !important;
background:#f3efe4 !important;
border-color:rgba(214,179,106,.45) !important;
}
.ml2-rent-b1-ico{
width: 38px !important;
height: 38px !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
border-radius:12px !important;
background: rgba(214,179,106,.18) !important;
border:1px solid rgba(214,179,106,.35) !important;
margin-bottom:10px !important;
font-size:16px !important;
}
.ml2-rent-b1-cardTitle{
margin:0 0 6px !important;
color:#0b0d12 !important;
font-weight:950 !important;
font-size:15px !important;
text-decoration:none !important;
}
.ml2-rent-b1-cardText{
margin:0 !important;
color:rgba(11,13,18,.70) !important;
font-weight:700 !important;
font-size:13px !important;
line-height:1.6 !important;
}
/* PILLE */
.ml2-rent-b1-nav{
grid-column: 1 / -1 !important;
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:14px !important;
margin-top: 16px !important;
padding-top: 14px !important;
border-top: 1px solid rgba(11,13,18,.10) !important;
}
.ml2-rent-b1-navLabel{
font-weight:900 !important;
font-size:13px !important;
color:rgba(11,13,18,.70) !important;
white-space:nowrap !important;
}
.ml2-rent-b1-navPills{
display:flex !important;
gap:10px !important;
flex-wrap:wrap !important;
justify-content:flex-end !important;
}
.ml2-rent-b1 .ml2-rent-pill{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
padding: 9px 14px !important;
border-radius:999px !important;
background:#ffffff !important;
border:1px solid rgba(11,13,18,.14) !important;
color:#0b0d12 !important;
font-weight:900 !important;
font-size:12px !important;
line-height:1 !important;
text-decoration:none !important;
box-shadow:0 10px 18px rgba(11,13,18,.08) !important;
transition:transform .15s ease, background .15s ease, border-color .15s ease, box-shadow .15s ease !important;
}
.ml2-rent-b1 .ml2-rent-pill:hover,
.ml2-rent-b1 .ml2-rent-pill:focus{
background:#f1f2f4 !important;
transform:translateY(-1px) !important;
}
.ml2-rent-b1 .ml2-rent-pill.is-active{
background:#d6b36a !important;
border-color: rgba(0,0,0,.12) !important;
color:#0b0d12 !important;
box-shadow:0 14px 26px rgba(214,179,106,.22) !important;
}
.ml2-rent-b1 .ml2-rent-pill,
.ml2-rent-b1 .ml2-rent-pill *{
color: inherit !important;
text-decoration:none !important;
}
/* MOBILE */
@media (max-width: 980px){
.ml2-rent-b1{
padding: 40px 0 !important;
}
.ml2-rent-b1-grid{
grid-template-columns:1fr !important;
gap: 18px !important;
}
.ml2-rent-b1-nav{
flex-direction:column !important;
align-items:flex-start !important;
}
.ml2-rent-b1-navPills{
justify-content:flex-start !important;
}
}
/* =========================================================
ML2 – RENT B1: MOBILE FIX – opis za nisko (Elementor)
========================================================= */
@media (max-width: 980px){
/* karta = brak sztucznej wysokości */
.ml2-rent-b1 .ml2-rent-b1-card{
min-height: unset !important;
align-content: start !important;
}
/* ikona bez marginesów */
.ml2-rent-b1 .ml2-rent-b1-ico{
margin-top: 0 !important;
}
/* tytuł bliżej ikony */
.ml2-rent-b1 .ml2-rent-b1-cardTitle{
margin-top: 0 !important;
margin-bottom: 6px !important;
line-height: 1.2 !important;
}
/* OPIS – kluczowe */
.ml2-rent-b1 .ml2-rent-b1-cardText{
margin-top: 0 !important;
padding-top: 0 !important;
line-height: 1.5 !important;
}
/* jeśli Elementor dodał lub
*/
.ml2-rent-b1 .ml2-rent-b1-card p{
margin: 0 !important;
}
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-51592b2 *//* ===== ML2 – WYPOŻYCZALNIA: BLOK #1 POD BANEREM (JASNY / OVERRIDE) ===== */
/* Wklej NA ABSOLUTNY KONIEC CSS */
.ml2-rent-b1{
padding: 50px 0 !important;
background:
radial-gradient(900px 360px at 18% 0%, rgba(214,179,106,.16), transparent 60%),
radial-gradient(700px 320px at 85% 10%, rgba(11,13,18,.06), transparent 62%),
#ffffff !important;
border-bottom: 1px solid rgba(11,13,18,.10) !important;
}
.ml2-rent-b1-kicker{
border: 1px solid rgba(214,179,106,.40) !important;
background: rgba(214,179,106,.14) !important;
color: rgba(11,13,18,.80) !important;
}
.ml2-rent-b1-title{
color: #0b0d12 !important;
text-shadow: none !important;
}
.ml2-rent-b1-desc{
color: rgba(11,13,18,.72) !important;
}
/* CTA – spójne jak home: złoty + biały, biały hover szary */
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn{
border: 1px solid rgba(11,13,18,.12) !important;
text-decoration: none !important;
}
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn-primary{
background:#d6b36a !important;
color:#0b0d12 !important;
border-color: rgba(0,0,0,.18) !important;
box-shadow: 0 14px 28px rgba(214,179,106,.18) !important;
}
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn-primary:hover,
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn-primary:focus{
background:#caa55b !important;
transform: translateY(-1px) !important;
}
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-rent-white{
background:#ffffff !important;
color:#0b0d12 !important;
border: 1px solid rgba(11,13,18,.14) !important;
box-shadow: 0 10px 22px rgba(11,13,18,.10) !important;
}
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-rent-white:hover,
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-rent-white:focus{
background:#f1f2f4 !important;
border-color: rgba(11,13,18,.20) !important;
box-shadow: 0 12px 24px rgba(11,13,18,.14) !important;
transform: translateY(-1px) !important;
}
/* zabijamy niebieskie linki wewnątrz (Elementor span itp.) */
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn,
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn *{
color: inherit !important;
text-decoration: none !important;
}
/* karty – jasne */
.ml2-rent-b1-card{
background: rgba(11,13,18,.03) !important;
border: 1px solid rgba(11,13,18,.10) !important;
box-shadow: 0 14px 26px rgba(11,13,18,.08) !important;
}
.ml2-rent-b1-card:hover{
border-color: rgba(214,179,106,.35) !important;
background: rgba(214,179,106,.08) !important;
}
.ml2-rent-b1-ico{
background: rgba(214,179,106,.18) !important;
border: 1px solid rgba(214,179,106,.35) !important;
}
.ml2-rent-b1-cardTitle{
color: #0b0d12 !important;
}
.ml2-rent-b1-cardText{
color: rgba(11,13,18,.70) !important;
}
/* dolny pasek – jasny */
.ml2-rent-b1-bar{
border-top: 1px solid rgba(11,13,18,.10) !important;
color: rgba(11,13,18,.62) !important;
}
/* responsywność */
@media (max-width: 980px){
.ml2-rent-b1{ padding: 38px 0 !important; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9d51353 *//* ===== ML2 – WYPOŻYCZALNIA: BLOK #2 (CIEMNY) – KROKI 1-2-3 / FINAL ===== */
/* Wklej NA ABSOLUTNY KONIEC CSS */
.ml2-rent-b2{
padding: 54px 0;
background:
radial-gradient(900px 380px at 15% 10%, rgba(214,179,106,.14), transparent 60%),
radial-gradient(720px 320px at 85% 18%, rgba(255,255,255,.06), transparent 60%),
#0b0d12;
border-bottom: 1px solid rgba(255,255,255,.08);
}
.ml2-rent-b2-grid{
display:grid;
grid-template-columns: 1.05fr 1fr;
gap: 22px;
align-items:start;
}
/* nagłówek */
.ml2-rent-b2-kicker{
display:inline-flex;
align-items:center;
gap:10px;
padding: 8px 12px;
border-radius: 999px;
border: 1px solid rgba(214,179,106,.28);
background: rgba(214,179,106,.10);
color: rgba(244,246,251,.90);
font-weight: 900;
font-size: 12px;
width: fit-content;
line-height: 1.35;
margin-bottom: 12px;
}
.ml2-rent-b2-title{
margin: 0 0 10px;
font-weight: 950;
letter-spacing: -.35px;
line-height: 1.08;
font-size: clamp(22px, 2.3vw, 36px);
color: #ffffff !important;
text-shadow: 0 2px 10px rgba(0,0,0,.45);
}
.ml2-rent-b2-desc{
margin: 0 0 16px;
color: rgba(244,246,251,.72);
font-size: 15.5px;
line-height: 1.65;
max-width: 62ch;
}
/* CTA */
.ml2-rent-b2-ctas{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top: 8px;
}
/* anchor reset + spójne buttony */
.ml2-rent-b2 .ml2-rent-b2-ctas a.ml2-btn{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
padding: 12px 14px !important;
border-radius: 14px !important;
font-weight: 900 !important;
font-size: 14px !important;
text-decoration: none !important;
line-height: 1 !important;
border: 1px solid rgba(255,255,255,.10) !important;
transition: transform .15s ease, background .15s ease, color .15s ease, border-color .15s ease, box-shadow .15s ease !important;
}
/* złoty */
.ml2-rent-b2 .ml2-rent-b2-ctas a.ml2-btn-primary{
background:#d6b36a !important;
color:#0b0d12 !important;
border-color: rgba(0,0,0,.18) !important;
box-shadow: 0 14px 28px rgba(214,179,106,.16) !important;
}
.ml2-rent-b2 .ml2-rent-b2-ctas a.ml2-btn-primary:hover,
.ml2-rent-b2 .ml2-rent-b2-ctas a.ml2-btn-primary:focus{
background:#caa55b !important;
transform: translateY(-1px) !important;
}
/* biały -> hover SZARY */
.ml2-rent-b2 .ml2-rent-b2-ctas a.ml2-rent-white{
background:#ffffff !important;
color:#0b0d12 !important;
border: 1px solid rgba(0,0,0,.12) !important;
box-shadow: 0 10px 22px rgba(0,0,0,.10) !important;
}
.ml2-rent-b2 .ml2-rent-b2-ctas a.ml2-rent-white:hover,
.ml2-rent-b2 .ml2-rent-b2-ctas a.ml2-rent-white:focus{
background:#f1f2f4 !important;
border-color: rgba(0,0,0,.16) !important;
box-shadow: 0 12px 24px rgba(0,0,0,.14) !important;
transform: translateY(-1px) !important;
}
/* zabijamy niebieskie / underline w środku */
.ml2-rent-b2 .ml2-rent-b2-ctas a.ml2-btn,
.ml2-rent-b2 .ml2-rent-b2-ctas a.ml2-btn *{
color: inherit !important;
text-decoration: none !important;
}
/* kroki */
.ml2-rent-b2-steps{
display:grid;
grid-template-columns: 1fr;
gap: 10px;
}
.ml2-rent-step{
position: relative;
border-radius: 18px;
border: 1px solid rgba(255,255,255,.10);
background: rgba(255,255,255,.04);
padding: 14px 14px 14px 14px;
box-shadow: 0 18px 34px rgba(0,0,0,.25);
transition: transform .15s ease, border-color .15s ease, background .15s ease;
overflow:hidden;
}
.ml2-rent-step:hover{
transform: translateY(-2px);
border-color: rgba(214,179,106,.22);
background: rgba(255,255,255,.06);
}
.ml2-rent-stepNum{
width: 36px;
height: 36px;
border-radius: 12px;
display:inline-flex;
align-items:center;
justify-content:center;
background: rgba(214,179,106,.12);
border: 1px solid rgba(214,179,106,.24);
color: #f4f6fb;
font-weight: 950;
font-size: 14px;
margin-bottom: 10px;
}
.ml2-rent-stepTitle{
margin: 0 0 6px;
color: #ffffff !important;
font-weight: 950;
font-size: 15px;
letter-spacing: -.2px;
text-decoration: none !important;
}
.ml2-rent-stepText{
margin: 0;
color: rgba(244,246,251,.68);
font-weight: 700;
font-size: 13px;
line-height: 1.6;
}
/* dolny note bar */
.ml2-rent-b2-note{
grid-column: 1 / -1;
margin-top: 12px;
padding: 14px;
border-radius: 20px;
border: 1px solid rgba(255,255,255,.10);
background: rgba(255,255,255,.04);
box-shadow: 0 18px 40px rgba(0,0,0,.30);
display:flex;
align-items:center;
justify-content:space-between;
gap: 12px;
}
.ml2-rent-b2-noteTitle{
color:#ffffff !important;
font-weight: 950;
font-size: 14px;
margin: 0 0 4px;
}
.ml2-rent-b2-noteText{
color: rgba(244,246,251,.68);
font-weight: 700;
font-size: 12.5px;
margin: 0;
}
.ml2-rent-b2-noteCta{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
padding: 10px 14px !important;
border-radius: 999px !important;
background: rgba(214,179,106,.14) !important;
border: 1px solid rgba(214,179,106,.22) !important;
color: #f4f6fb !important;
font-weight: 950 !important;
font-size: 12px !important;
text-decoration: none !important;
white-space: nowrap;
transition: transform .15s ease, background .15s ease, border-color .15s ease !important;
}
.ml2-rent-b2-noteCta:hover,
.ml2-rent-b2-noteCta:focus{
transform: translateY(-1px) !important;
background: rgba(214,179,106,.18) !important;
border-color: rgba(214,179,106,.30) !important;
}
/* zabijamy niebieskie linki */
.ml2-rent-b2 .ml2-rent-b2-noteCta,
.ml2-rent-b2 .ml2-rent-b2-noteCta *{
color: inherit !important;
text-decoration: none !important;
}
/* responsive */
@media (max-width: 980px){
.ml2-rent-b2{ padding: 38px 0; }
.ml2-rent-b2-grid{ grid-template-columns: 1fr; }
.ml2-rent-b2-note{ flex-direction:column; align-items:flex-start; }
}
/* =========================================================
ML2 – BLOK #2 (CIEMNY): NAGŁÓWEK + ZŁOTA KRESKA (JAK WZÓR)
========================================================= */
/* Wklej NA ABSOLUTNY KONIEC CSS */
.ml2-rent-b2 .ml2-rent-b2-head{
text-align: center !important;
}
/* kicker na środku */
.ml2-rent-b2 .ml2-rent-b2-kicker{
margin-left: auto !important;
margin-right: auto !important;
}
/* tytuł na środku + miejsce na kreskę */
.ml2-rent-b2 .ml2-rent-b2-title{
text-align: center !important;
margin: 0 auto 22px !important;
position: relative !important;
}
/* złota kreska (gradient + cień) */
.ml2-rent-b2 .ml2-rent-b2-title::after{
content:"" !important;
display:block !important;
width:120px !important;
height:4px !important;
margin:14px auto 0 !important;
border-radius:999px !important;
background: linear-gradient(
90deg,
rgba(214,179,106,0) 0%,
rgba(214,179,106,.85) 50%,
rgba(214,179,106,0) 100%
) !important;
box-shadow: 0 6px 16px rgba(214,179,106,.45) !important;
}
/* opis na środku */
.ml2-rent-b2 .ml2-rent-b2-desc{
text-align: center !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* CTA na środku */
.ml2-rent-b2 .ml2-rent-b2-ctas{
justify-content: center !important;
}
/* =========================================================
ML2 – FIX MOBILE: BLOK #1 (ml2-rent-b1) – opisy za nisko
Wklej NA ABSOLUTNY KONIEC CSS
========================================================= */
/* Karty – wymuś układ i usuń "rozpychanie" */
.ml2-rent-b1 .ml2-rent-b1-card{
display: grid !important;
grid-template-columns: 56px 1fr !important;
grid-template-rows: auto auto !important;
grid-template-areas:
"ico title"
"ico text" !important;
align-items: start !important;
gap: 6px 14px !important;
/* kasujemy ewentualne stare flexy/space-between/min-height */
justify-content: initial !important;
justify-items: initial !important;
align-content: initial !important;
flex-direction: initial !important;
min-height: 0 !important;
}
/* Przypisz elementy do pól (żeby nic nie "uciekało") */
.ml2-rent-b1 .ml2-rent-b1-ico{
grid-area: ico !important;
margin: 0 !important;
}
.ml2-rent-b1 .ml2-rent-b1-cardTitle{
grid-area: title !important;
margin: 2px 0 0 !important;
align-self: center !important;
}
.ml2-rent-b1 .ml2-rent-b1-cardText{
grid-area: text !important;
margin: 2px 0 0 !important;
}
/* MOBILE – jeszcze ciaśniej i czytelniej */
@media (max-width: 560px){
.ml2-rent-b1 .ml2-rent-b1-card{
padding: 14px !important;
grid-template-columns: 52px 1fr !important;
gap: 6px 12px !important;
}
.ml2-rent-b1 .ml2-rent-b1-cardText{
font-size: 13.5px !important;
line-height: 1.55 !important;
}
}
/* =========================================================
ML2 – FIX: BLOK #2 (ml2-rent-b2) – przycisk "Zobacz flotę"
(tekst niewidoczny przez "color: inherit !important")
Wklej NA ABSOLUTNY KONIEC CSS
========================================================= */
.ml2-rent-b2 .ml2-rent-b2-noteCta{
color: #ffffff !important;
background: rgba(214,179,106,.22) !important;
border-color: rgba(214,179,106,.40) !important;
box-shadow: 0 14px 26px rgba(0,0,0,.22) !important;
}
/* ZAWSZE wymuś kolor tekstu także w środku (span itp.) */
.ml2-rent-b2 .ml2-rent-b2-noteCta,
.ml2-rent-b2 .ml2-rent-b2-noteCta *{
color: #ffffff !important;
text-decoration: none !important;
}
.ml2-rent-b2 .ml2-rent-b2-noteCta:hover,
.ml2-rent-b2 .ml2-rent-b2-noteCta:focus{
background: rgba(214,179,106,.30) !important;
border-color: rgba(214,179,106,.55) !important;
transform: translateY(-1px) !important;
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-363db2d *//* ===== ML2 – WYPOŻYCZALNIA: BLOK #1 POD BANEREM (JASNY / OVERRIDE) ===== */
/* Wklej NA ABSOLUTNY KONIEC CSS */
.ml2-rent-b1{
padding: 50px 0 !important;
background:
radial-gradient(900px 360px at 18% 0%, rgba(214,179,106,.16), transparent 60%),
radial-gradient(700px 320px at 85% 10%, rgba(11,13,18,.06), transparent 62%),
#ffffff !important;
border-bottom: 1px solid rgba(11,13,18,.10) !important;
}
.ml2-rent-b1-kicker{
border: 1px solid rgba(214,179,106,.40) !important;
background: rgba(214,179,106,.14) !important;
color: rgba(11,13,18,.80) !important;
}
.ml2-rent-b1-title{
color: #0b0d12 !important;
text-shadow: none !important;
}
.ml2-rent-b1-desc{
color: rgba(11,13,18,.72) !important;
}
/* CTA – spójne jak home: złoty + biały, biały hover szary */
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn{
border: 1px solid rgba(11,13,18,.12) !important;
text-decoration: none !important;
}
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn-primary{
background:#d6b36a !important;
color:#0b0d12 !important;
border-color: rgba(0,0,0,.18) !important;
box-shadow: 0 14px 28px rgba(214,179,106,.18) !important;
}
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn-primary:hover,
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn-primary:focus{
background:#caa55b !important;
transform: translateY(-1px) !important;
}
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-rent-white{
background:#ffffff !important;
color:#0b0d12 !important;
border: 1px solid rgba(11,13,18,.14) !important;
box-shadow: 0 10px 22px rgba(11,13,18,.10) !important;
}
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-rent-white:hover,
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-rent-white:focus{
background:#f1f2f4 !important;
border-color: rgba(11,13,18,.20) !important;
box-shadow: 0 12px 24px rgba(11,13,18,.14) !important;
transform: translateY(-1px) !important;
}
/* zabijamy niebieskie linki wewnątrz (Elementor span itp.) */
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn,
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn *{
color: inherit !important;
text-decoration: none !important;
}
/* karty – jasne */
.ml2-rent-b1-card{
background: rgba(11,13,18,.03) !important;
border: 1px solid rgba(11,13,18,.10) !important;
box-shadow: 0 14px 26px rgba(11,13,18,.08) !important;
}
.ml2-rent-b1-card:hover{
border-color: rgba(214,179,106,.35) !important;
background: rgba(214,179,106,.08) !important;
}
.ml2-rent-b1-ico{
background: rgba(214,179,106,.18) !important;
border: 1px solid rgba(214,179,106,.35) !important;
}
.ml2-rent-b1-cardTitle{
color: #0b0d12 !important;
}
.ml2-rent-b1-cardText{
color: rgba(11,13,18,.70) !important;
}
/* dolny pasek – jasny */
.ml2-rent-b1-bar{
border-top: 1px solid rgba(11,13,18,.10) !important;
color: rgba(11,13,18,.62) !important;
}
/* responsywność */
@media (max-width: 980px){
.ml2-rent-b1{ padding: 38px 0 !important; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0ece484 *//* ===== ML2 – WYPOŻYCZALNIA: BLOK #3 (JASNY) – FAQ / FINAL ===== */
/* Wklej NA ABSOLUTNY KONIEC CSS */
.ml2-rent-b3{
padding: 54px 0;
background:
radial-gradient(900px 360px at 18% 0%, rgba(214,179,106,.16), transparent 60%),
radial-gradient(700px 320px at 85% 10%, rgba(11,13,18,.06), transparent 62%),
#ffffff;
border-bottom: 1px solid rgba(11,13,18,.10);
}
.ml2-rent-b3-grid{
display:grid;
grid-template-columns: 1.05fr 1fr;
gap: 22px;
align-items:start;
}
/* header */
.ml2-rent-b3-kicker{
display:inline-flex;
align-items:center;
gap:10px;
padding: 8px 12px;
border-radius: 999px;
border: 1px solid rgba(214,179,106,.40);
background: rgba(214,179,106,.14);
color: rgba(11,13,18,.82);
font-weight: 900;
font-size: 12px;
width: fit-content;
line-height: 1.35;
margin-bottom: 12px;
}
.ml2-rent-b3-title{
margin: 0 0 10px;
font-weight: 950;
letter-spacing: -.35px;
line-height: 1.08;
font-size: clamp(22px, 2.3vw, 36px);
color: #0b0d12 !important;
text-shadow: none !important;
}
.ml2-rent-b3-desc{
margin: 0 0 16px;
color: rgba(11,13,18,.72);
font-size: 15.5px;
line-height: 1.65;
max-width: 62ch;
}
/* CTA */
.ml2-rent-b3-ctas{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top: 8px;
}
.ml2-rent-b3 .ml2-rent-b3-ctas a.ml2-btn{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
padding: 12px 14px !important;
border-radius: 14px !important;
font-weight: 900 !important;
font-size: 14px !important;
text-decoration: none !important;
line-height: 1 !important;
border: 1px solid rgba(11,13,18,.12) !important;
transition: transform .15s ease, background .15s ease, color .15s ease, border-color .15s ease, box-shadow .15s ease !important;
}
/* złoty */
.ml2-rent-b3 .ml2-rent-b3-ctas a.ml2-btn-primary{
background:#d6b36a !important;
color:#0b0d12 !important;
border-color: rgba(0,0,0,.18) !important;
box-shadow: 0 14px 28px rgba(214,179,106,.18) !important;
}
.ml2-rent-b3 .ml2-rent-b3-ctas a.ml2-btn-primary:hover,
.ml2-rent-b3 .ml2-rent-b3-ctas a.ml2-btn-primary:focus{
background:#caa55b !important;
transform: translateY(-1px) !important;
}
/* biały -> hover SZARY */
.ml2-rent-b3 .ml2-rent-b3-ctas a.ml2-rent-white{
background:#ffffff !important;
color:#0b0d12 !important;
border: 1px solid rgba(11,13,18,.14) !important;
box-shadow: 0 10px 22px rgba(11,13,18,.10) !important;
}
.ml2-rent-b3 .ml2-rent-b3-ctas a.ml2-rent-white:hover,
.ml2-rent-b3 .ml2-rent-b3-ctas a.ml2-rent-white:focus{
background:#f1f2f4 !important;
border-color: rgba(11,13,18,.20) !important;
box-shadow: 0 12px 24px rgba(11,13,18,.14) !important;
transform: translateY(-1px) !important;
}
/* zabijamy niebieskie / underline w środku */
.ml2-rent-b3 .ml2-rent-b3-ctas a.ml2-btn,
.ml2-rent-b3 .ml2-rent-b3-ctas a.ml2-btn *{
color: inherit !important;
text-decoration: none !important;
}
/* FAQ */
.ml2-rent-b3-faq{
display:grid;
grid-template-columns: 1fr;
gap: 10px;
}
.ml2-faq-item{
border-radius: 18px;
border: 1px solid rgba(11,13,18,.10);
background: rgba(11,13,18,.03);
box-shadow: 0 14px 26px rgba(11,13,18,.08);
overflow:hidden;
transition: transform .15s ease, border-color .15s ease, background .15s ease;
}
.ml2-faq-item:hover{
transform: translateY(-2px);
border-color: rgba(214,179,106,.35);
background: rgba(214,179,106,.08);
}
.ml2-faq-q{
list-style: none;
cursor: pointer;
padding: 14px 14px;
display:flex;
align-items:center;
justify-content:space-between;
gap: 12px;
font-weight: 950;
font-size: 14px;
color: #0b0d12;
text-decoration:none !important;
}
.ml2-faq-q::-webkit-details-marker{ display:none; }
.ml2-faq-ico{
width: 28px;
height: 28px;
border-radius: 999px;
display:inline-flex;
align-items:center;
justify-content:center;
background: rgba(214,179,106,.18);
border: 1px solid rgba(214,179,106,.35);
font-weight: 950;
color: rgba(11,13,18,.85);
flex: 0 0 auto;
transition: transform .15s ease;
}
.ml2-faq-item[open] .ml2-faq-ico{
transform: rotate(45deg);
}
.ml2-faq-a{
padding: 0 14px 14px 14px;
color: rgba(11,13,18,.72);
font-weight: 700;
font-size: 13px;
line-height: 1.65;
}
/* dolny pasek kontaktu */
.ml2-rent-b3-bar{
grid-column: 1 / -1;
margin-top: 12px;
padding: 14px;
border-radius: 20px;
border: 1px solid rgba(11,13,18,.10);
background: rgba(11,13,18,.03);
box-shadow: 0 14px 26px rgba(11,13,18,.08);
display:flex;
align-items:center;
justify-content:space-between;
gap: 12px;
}
.ml2-rent-b3-barTitle{
color:#0b0d12 !important;
font-weight: 950;
font-size: 14px;
margin: 0 0 4px;
}
.ml2-rent-b3-barText{
color: rgba(11,13,18,.70);
font-weight: 700;
font-size: 12.5px;
margin: 0;
}
.ml2-rent-b3-barBtn{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
padding: 10px 14px !important;
border-radius: 999px !important;
background:#d6b36a !important;
border: 1px solid rgba(0,0,0,.12) !important;
color:#0b0d12 !important;
font-weight: 950 !important;
font-size: 12px !important;
text-decoration: none !important;
white-space: nowrap;
box-shadow: 0 14px 26px rgba(214,179,106,.20) !important;
transition: transform .15s ease, background .15s ease, border-color .15s ease, box-shadow .15s ease !important;
}
.ml2-rent-b3-barBtn:hover,
.ml2-rent-b3-barBtn:focus{
transform: translateY(-1px) !important;
background:#caa55b !important;
}
.ml2-rent-b3 .ml2-rent-b3-barBtn,
.ml2-rent-b3 .ml2-rent-b3-barBtn *{
color: inherit !important;
text-decoration: none !important;
}
/* responsive */
@media (max-width: 980px){
.ml2-rent-b3{ padding: 38px 0; }
.ml2-rent-b3-grid{ grid-template-columns: 1fr; }
.ml2-rent-b3-bar{ flex-direction:column; align-items:flex-start; }
}
/* =========================================================
ML2 – BLOK #3 (JASNY): NAGŁÓWEK + ZŁOTA KRESKA (JAK WZÓR)
========================================================= */
/* Wklej NA ABSOLUTNY KONIEC CSS */
.ml2-rent-b3 .ml2-rent-b3-head{
text-align: center !important;
}
/* kicker na środku */
.ml2-rent-b3 .ml2-rent-b3-kicker{
margin-left: auto !important;
margin-right: auto !important;
}
/* tytuł na środku + miejsce na kreskę */
.ml2-rent-b3 .ml2-rent-b3-title{
position: relative !important;
margin: 0 auto 22px !important;
text-align: center !important;
}
/* złota kreska (gradient + cień) */
.ml2-rent-b3 .ml2-rent-b3-title::after{
content:"" !important;
display:block !important;
width:120px !important;
height:4px !important;
margin:14px auto 0 !important;
border-radius:999px !important;
background: linear-gradient(
90deg,
rgba(214,179,106,0) 0%,
rgba(214,179,106,.85) 50%,
rgba(214,179,106,0) 100%
) !important;
box-shadow: 0 6px 16px rgba(214,179,106,.45) !important;
}
/* opis na środku */
.ml2-rent-b3 .ml2-rent-b3-desc{
text-align: center !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* CTA na środku */
.ml2-rent-b3 .ml2-rent-b3-ctas{
justify-content: center !important;
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-7e37d8c *//* ===== ML2 – WYPOŻYCZALNIA: BLOK #1 POD BANEREM (JASNY / OVERRIDE) ===== */
/* Wklej NA ABSOLUTNY KONIEC CSS */
.ml2-rent-b1{
padding: 50px 0 !important;
background:
radial-gradient(900px 360px at 18% 0%, rgba(214,179,106,.16), transparent 60%),
radial-gradient(700px 320px at 85% 10%, rgba(11,13,18,.06), transparent 62%),
#ffffff !important;
border-bottom: 1px solid rgba(11,13,18,.10) !important;
}
.ml2-rent-b1-kicker{
border: 1px solid rgba(214,179,106,.40) !important;
background: rgba(214,179,106,.14) !important;
color: rgba(11,13,18,.80) !important;
}
.ml2-rent-b1-title{
color: #0b0d12 !important;
text-shadow: none !important;
}
.ml2-rent-b1-desc{
color: rgba(11,13,18,.72) !important;
}
/* CTA – spójne jak home: złoty + biały, biały hover szary */
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn{
border: 1px solid rgba(11,13,18,.12) !important;
text-decoration: none !important;
}
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn-primary{
background:#d6b36a !important;
color:#0b0d12 !important;
border-color: rgba(0,0,0,.18) !important;
box-shadow: 0 14px 28px rgba(214,179,106,.18) !important;
}
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn-primary:hover,
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn-primary:focus{
background:#caa55b !important;
transform: translateY(-1px) !important;
}
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-rent-white{
background:#ffffff !important;
color:#0b0d12 !important;
border: 1px solid rgba(11,13,18,.14) !important;
box-shadow: 0 10px 22px rgba(11,13,18,.10) !important;
}
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-rent-white:hover,
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-rent-white:focus{
background:#f1f2f4 !important;
border-color: rgba(11,13,18,.20) !important;
box-shadow: 0 12px 24px rgba(11,13,18,.14) !important;
transform: translateY(-1px) !important;
}
/* zabijamy niebieskie linki wewnątrz (Elementor span itp.) */
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn,
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn *{
color: inherit !important;
text-decoration: none !important;
}
/* karty – jasne */
.ml2-rent-b1-card{
background: rgba(11,13,18,.03) !important;
border: 1px solid rgba(11,13,18,.10) !important;
box-shadow: 0 14px 26px rgba(11,13,18,.08) !important;
}
.ml2-rent-b1-card:hover{
border-color: rgba(214,179,106,.35) !important;
background: rgba(214,179,106,.08) !important;
}
.ml2-rent-b1-ico{
background: rgba(214,179,106,.18) !important;
border: 1px solid rgba(214,179,106,.35) !important;
}
.ml2-rent-b1-cardTitle{
color: #0b0d12 !important;
}
.ml2-rent-b1-cardText{
color: rgba(11,13,18,.70) !important;
}
/* dolny pasek – jasny */
.ml2-rent-b1-bar{
border-top: 1px solid rgba(11,13,18,.10) !important;
color: rgba(11,13,18,.62) !important;
}
/* responsywność */
@media (max-width: 980px){
.ml2-rent-b1{ padding: 38px 0 !important; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0b808cf *//* ===== ML2 – WYPOŻYCZALNIA: BLOK #4 (CIEMNY) – FLOTA GRID / FINAL ===== */
/* Wklej NA ABSOLUTNY KONIEC CSS */
.ml2-rent-b4{
padding: 54px 0;
background:
radial-gradient(900px 380px at 15% 10%, rgba(214,179,106,.14), transparent 60%),
radial-gradient(720px 320px at 85% 18%, rgba(255,255,255,.06), transparent 60%),
#0b0d12;
border-bottom: 1px solid rgba(255,255,255,.08);
}
.ml2-rent-b4-grid{
display:grid;
grid-template-columns: 1.05fr 1fr;
gap: 22px;
align-items:start;
}
/* header */
.ml2-rent-b4-kicker{
display:inline-flex;
align-items:center;
padding: 8px 12px;
border-radius: 999px;
border: 1px solid rgba(214,179,106,.28);
background: rgba(214,179,106,.10);
color: rgba(244,246,251,.90);
font-weight: 900;
font-size: 12px;
width: fit-content;
line-height: 1.35;
margin-bottom: 12px;
}
.ml2-rent-b4-title{
margin: 0 0 10px;
font-weight: 950;
letter-spacing: -.35px;
line-height: 1.08;
font-size: clamp(22px, 2.3vw, 36px);
color: #ffffff !important;
text-shadow: 0 2px 10px rgba(0,0,0,.45);
}
.ml2-rent-b4-desc{
margin: 0 0 16px;
color: rgba(244,246,251,.72);
font-size: 15.5px;
line-height: 1.65;
max-width: 62ch;
}
/* CTA */
.ml2-rent-b4-ctas{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top: 8px;
}
.ml2-rent-b4 .ml2-rent-b4-ctas a.ml2-btn{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
padding: 12px 14px !important;
border-radius: 14px !important;
font-weight: 900 !important;
font-size: 14px !important;
text-decoration: none !important;
line-height: 1 !important;
border: 1px solid rgba(255,255,255,.10) !important;
transition: transform .15s ease, background .15s ease, color .15s ease, border-color .15s ease, box-shadow .15s ease !important;
}
/* złoty */
.ml2-rent-b4 .ml2-rent-b4-ctas a.ml2-btn-primary{
background:#d6b36a !important;
color:#0b0d12 !important;
border-color: rgba(0,0,0,.18) !important;
box-shadow: 0 14px 28px rgba(214,179,106,.16) !important;
}
.ml2-rent-b4 .ml2-rent-b4-ctas a.ml2-btn-primary:hover,
.ml2-rent-b4 .ml2-rent-b4-ctas a.ml2-btn-primary:focus{
background:#caa55b !important;
transform: translateY(-1px) !important;
}
/* biały -> hover SZARY */
.ml2-rent-b4 .ml2-rent-b4-ctas a.ml2-rent-white{
background:#ffffff !important;
color:#0b0d12 !important;
border: 1px solid rgba(0,0,0,.12) !important;
box-shadow: 0 10px 22px rgba(0,0,0,.10) !important;
}
.ml2-rent-b4 .ml2-rent-b4-ctas a.ml2-rent-white:hover,
.ml2-rent-b4 .ml2-rent-b4-ctas a.ml2-rent-white:focus{
background:#f1f2f4 !important;
border-color: rgba(0,0,0,.16) !important;
box-shadow: 0 12px 24px rgba(0,0,0,.14) !important;
transform: translateY(-1px) !important;
}
/* zabijamy niebieskie / underline */
.ml2-rent-b4 .ml2-rent-b4-ctas a.ml2-btn,
.ml2-rent-b4 .ml2-rent-b4-ctas a.ml2-btn *{
color: inherit !important;
text-decoration: none !important;
}
/* GRID kart */
.ml2-rent-b4-cards{
display:grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
}
.ml2-b4-card{
display:block !important;
border-radius: 18px !important;
border: 1px solid rgba(255,255,255,.10) !important;
background: rgba(255,255,255,.04) !important;
padding: 14px !important;
box-shadow: 0 18px 34px rgba(0,0,0,.25) !important;
text-decoration:none !important;
transition: transform .15s ease, border-color .15s ease, background .15s ease !important;
}
.ml2-b4-card:hover{
transform: translateY(-2px) !important;
border-color: rgba(214,179,106,.22) !important;
background: rgba(255,255,255,.06) !important;
}
.ml2-b4-ico{
width: 36px;
height: 36px;
border-radius: 12px;
display:inline-flex;
align-items:center;
justify-content:center;
background: rgba(214,179,106,.12);
border: 1px solid rgba(214,179,106,.22);
margin-bottom: 10px;
font-size: 16px;
}
.ml2-b4-top{
display:flex;
align-items:center;
justify-content:space-between;
gap: 10px;
}
.ml2-b4-title{
margin: 0;
color:#ffffff !important;
font-weight: 950;
font-size: 14px;
letter-spacing: -.2px;
text-decoration:none !important;
}
.ml2-b4-pill{
display:inline-flex;
align-items:center;
justify-content:center;
padding: 6px 10px;
border-radius: 999px;
background: rgba(214,179,106,.12);
border: 1px solid rgba(214,179,106,.22);
color: rgba(244,246,251,.92);
font-weight: 900;
font-size: 11px;
white-space: nowrap;
}
.ml2-b4-text{
margin: 10px 0 10px;
color: rgba(244,246,251,.68);
font-weight: 700;
font-size: 12.5px;
line-height: 1.6;
}
.ml2-b4-link{
color: rgba(244,246,251,.90);
font-weight: 950;
font-size: 12px;
}
/* zabijamy niebieskie linki */
.ml2-rent-b4 .ml2-b4-card,
.ml2-rent-b4 .ml2-b4-card *{
color: inherit !important;
text-decoration: none !important;
}
/* dolny bar */
.ml2-rent-b4-bar{
grid-column: 1 / -1;
margin-top: 12px;
padding: 14px;
border-radius: 20px;
border: 1px solid rgba(255,255,255,.10);
background: rgba(255,255,255,.04);
box-shadow: 0 18px 40px rgba(0,0,0,.30);
display:flex;
align-items:center;
justify-content:space-between;
gap: 12px;
}
.ml2-rent-b4-barTitle{
color:#ffffff !important;
font-weight: 950;
font-size: 14px;
margin: 0 0 4px;
}
.ml2-rent-b4-barText{
color: rgba(244,246,251,.68);
font-weight: 700;
font-size: 12.5px;
margin: 0;
}
.ml2-rent-b4-barBtns{
display:flex;
gap: 10px;
flex-wrap: wrap;
justify-content:flex-end;
}
/* złoty pill */
.ml2-rent-b4-barBtnGold{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
padding: 10px 14px !important;
border-radius: 999px !important;
background:#d6b36a !important;
border: 1px solid rgba(0,0,0,.12) !important;
color:#0b0d12 !important;
font-weight: 950 !important;
font-size: 12px !important;
text-decoration: none !important;
white-space: nowrap;
box-shadow: 0 14px 26px rgba(214,179,106,.20) !important;
transition: transform .15s ease, background .15s ease !important;
}
.ml2-rent-b4-barBtnGold:hover,
.ml2-rent-b4-barBtnGold:focus{
transform: translateY(-1px) !important;
background:#caa55b !important;
}
/* biały pill -> hover SZARY */
.ml2-rent-b4-barBtnWhite{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
padding: 10px 14px !important;
border-radius: 999px !important;
background:#ffffff !important;
border: 1px solid rgba(0,0,0,.12) !important;
color:#0b0d12 !important;
font-weight: 950 !important;
font-size: 12px !important;
text-decoration: none !important;
white-space: nowrap;
box-shadow: 0 10px 22px rgba(0,0,0,.10) !important;
transition: transform .15s ease, background .15s ease, box-shadow .15s ease !important;
}
.ml2-rent-b4-barBtnWhite:hover,
.ml2-rent-b4-barBtnWhite:focus{
transform: translateY(-1px) !important;
background:#f1f2f4 !important;
box-shadow: 0 12px 24px rgba(0,0,0,.14) !important;
}
/* reset linków */
.ml2-rent-b4 .ml2-rent-b4-bar a,
.ml2-rent-b4 .ml2-rent-b4-bar a *{
color: inherit !important;
text-decoration: none !important;
}
/* responsive */
@media (max-width: 980px){
.ml2-rent-b4{ padding: 38px 0; }
.ml2-rent-b4-grid{ grid-template-columns: 1fr; }
.ml2-rent-b4-cards{ grid-template-columns: 1fr; }
.ml2-rent-b4-bar{ flex-direction:column; align-items:flex-start; }
.ml2-rent-b4-barBtns{ justify-content:flex-start; }
}
/* ===== ML2 – FIX: KOLOR TEKSTU W KARTACH FLOTA (BLOK #4) ===== */
/* Wklej NA ABSOLUTNY KONIEC CSS */
/* tytuły kart */
.ml2-rent-b4 .ml2-b4-card .ml2-b4-title{
color: #ffffff !important;
}
/* opisy kart */
.ml2-rent-b4 .ml2-b4-card .ml2-b4-text{
color: rgba(244,246,251,.75) !important;
}
/* link "Zobacz →" */
.ml2-rent-b4 .ml2-b4-card .ml2-b4-link{
color: rgba(244,246,251,.90) !important;
font-weight: 950 !important;
}
/* pill (Ekonomiczne, Komfort itd.) */
.ml2-rent-b4 .ml2-b4-card .ml2-b4-pill{
color: rgba(244,246,251,.95) !important;
}
/* zabezpieczenie na WSZYSTKO w karcie (Elementor lub a:link) */
.ml2-rent-b4 .ml2-b4-card,
.ml2-rent-b4 .ml2-b4-card *{
text-decoration: none !important;
}
/* hover – delikatnie jaśniej */
.ml2-rent-b4 .ml2-b4-card:hover .ml2-b4-text{
color: rgba(255,255,255,.85) !important;
}
/* =========================================================
ML2 – BLOK #4 (CIEMNY): NAGŁÓWEK + ZŁOTA KRESKA (JAK WZÓR)
========================================================= */
/* Wklej NA ABSOLUTNY KONIEC CSS */
/* wyśrodkowanie całego headera */
.ml2-rent-b4 .ml2-rent-b4-head{
text-align: center !important;
}
/* kicker na środku */
.ml2-rent-b4 .ml2-rent-b4-kicker{
margin-left: auto !important;
margin-right: auto !important;
}
/* tytuł + miejsce na kreskę */
.ml2-rent-b4 .ml2-rent-b4-title{
position: relative !important;
margin: 0 auto 22px !important;
text-align: center !important;
}
/* złota kreska (gradient + cień) */
.ml2-rent-b4 .ml2-rent-b4-title::after{
content:"" !important;
display:block !important;
width:120px !important;
height:4px !important;
margin:14px auto 0 !important;
border-radius:999px !important;
background: linear-gradient(
90deg,
rgba(214,179,106,0) 0%,
rgba(214,179,106,.85) 50%,
rgba(214,179,106,0) 100%
) !important;
box-shadow: 0 6px 16px rgba(214,179,106,.45) !important;
}
/* opis na środku */
.ml2-rent-b4 .ml2-rent-b4-desc{
text-align: center !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* CTA na środku */
.ml2-rent-b4 .ml2-rent-b4-ctas{
justify-content: center !important;
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-a62dcf6 *//* ===== ML2 – WYPOŻYCZALNIA: BLOK #1 POD BANEREM (JASNY / OVERRIDE) ===== */
/* Wklej NA ABSOLUTNY KONIEC CSS */
.ml2-rent-b1{
padding: 50px 0 !important;
background:
radial-gradient(900px 360px at 18% 0%, rgba(214,179,106,.16), transparent 60%),
radial-gradient(700px 320px at 85% 10%, rgba(11,13,18,.06), transparent 62%),
#ffffff !important;
border-bottom: 1px solid rgba(11,13,18,.10) !important;
}
.ml2-rent-b1-kicker{
border: 1px solid rgba(214,179,106,.40) !important;
background: rgba(214,179,106,.14) !important;
color: rgba(11,13,18,.80) !important;
}
.ml2-rent-b1-title{
color: #0b0d12 !important;
text-shadow: none !important;
}
.ml2-rent-b1-desc{
color: rgba(11,13,18,.72) !important;
}
/* CTA – spójne jak home: złoty + biały, biały hover szary */
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn{
border: 1px solid rgba(11,13,18,.12) !important;
text-decoration: none !important;
}
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn-primary{
background:#d6b36a !important;
color:#0b0d12 !important;
border-color: rgba(0,0,0,.18) !important;
box-shadow: 0 14px 28px rgba(214,179,106,.18) !important;
}
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn-primary:hover,
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn-primary:focus{
background:#caa55b !important;
transform: translateY(-1px) !important;
}
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-rent-white{
background:#ffffff !important;
color:#0b0d12 !important;
border: 1px solid rgba(11,13,18,.14) !important;
box-shadow: 0 10px 22px rgba(11,13,18,.10) !important;
}
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-rent-white:hover,
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-rent-white:focus{
background:#f1f2f4 !important;
border-color: rgba(11,13,18,.20) !important;
box-shadow: 0 12px 24px rgba(11,13,18,.14) !important;
transform: translateY(-1px) !important;
}
/* zabijamy niebieskie linki wewnątrz (Elementor span itp.) */
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn,
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn *{
color: inherit !important;
text-decoration: none !important;
}
/* karty – jasne */
.ml2-rent-b1-card{
background: rgba(11,13,18,.03) !important;
border: 1px solid rgba(11,13,18,.10) !important;
box-shadow: 0 14px 26px rgba(11,13,18,.08) !important;
}
.ml2-rent-b1-card:hover{
border-color: rgba(214,179,106,.35) !important;
background: rgba(214,179,106,.08) !important;
}
.ml2-rent-b1-ico{
background: rgba(214,179,106,.18) !important;
border: 1px solid rgba(214,179,106,.35) !important;
}
.ml2-rent-b1-cardTitle{
color: #0b0d12 !important;
}
.ml2-rent-b1-cardText{
color: rgba(11,13,18,.70) !important;
}
/* dolny pasek – jasny */
.ml2-rent-b1-bar{
border-top: 1px solid rgba(11,13,18,.10) !important;
color: rgba(11,13,18,.62) !important;
}
/* responsywność */
@media (max-width: 980px){
.ml2-rent-b1{ padding: 38px 0 !important; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-04e2b4e *//* =========================================================
ML2 – WYPOŻYCZALNIA: BLOK #5 (JASNY) – WARUNKI / FINAL
========================================================= */
.ml2-rent-b5{
padding: 56px 0;
background:
radial-gradient(900px 360px at 18% 0%, rgba(214,179,106,.16), transparent 60%),
radial-gradient(700px 320px at 85% 10%, rgba(11,13,18,.06), transparent 62%),
#ffffff;
border-bottom: 1px solid rgba(11,13,18,.10);
}
.ml2-rent-b5-grid{
display:grid;
grid-template-columns: 1fr;
gap: 26px;
}
/* ================= HEADER ================= */
.ml2-rent-b5-head{
text-align:center;
}
.ml2-rent-b5-kicker{
display:inline-flex;
margin: 0 auto 10px;
padding: 7px 14px;
border-radius:999px;
background: rgba(214,179,106,.14);
border:1px solid rgba(214,179,106,.35);
color:#6f5a2c;
font-weight:900;
font-size:12px;
}
.ml2-rent-b5-title{
position:relative;
margin: 0 auto 22px;
font-size: clamp(26px, 3vw, 38px);
font-weight: 950;
letter-spacing:-.3px;
color:#0b0d12 !important;
}
/* ZŁOTA KRESKA */
.ml2-rent-b5-title::after{
content:"";
display:block;
width:120px;
height:4px;
margin:14px auto 0;
border-radius:999px;
background: linear-gradient(
90deg,
rgba(214,179,106,0) 0%,
rgba(214,179,106,.85) 50%,
rgba(214,179,106,0) 100%
);
box-shadow: 0 6px 16px rgba(214,179,106,.45);
}
.ml2-rent-b5-desc{
max-width:62ch;
margin:0 auto;
color: rgba(11,13,18,.72);
font-size:15.5px;
line-height:1.65;
}
/* ================= KARTY ================= */
.ml2-rent-b5-cards{
display:grid;
grid-template-columns: repeat(4, 1fr);
gap: 12px;
}
.ml2-rent-b5-card{
background:#f7f7f7;
border:1px solid rgba(11,13,18,.10);
border-radius:18px;
padding:16px;
text-align:left;
transition:.2s ease;
}
.ml2-rent-b5-card:hover{
transform:translateY(-2px);
background:#f3efe4;
border-color:rgba(214,179,106,.45);
}
.ml2-rent-b5-ico{
width:36px;
height:36px;
border-radius:12px;
display:inline-flex;
align-items:center;
justify-content:center;
background: rgba(214,179,106,.18);
border:1px solid rgba(214,179,106,.35);
margin-bottom:10px;
}
.ml2-rent-b5-cardTitle{
font-weight:950;
color:#0b0d12;
margin:0 0 6px;
}
.ml2-rent-b5-cardText{
color: rgba(11,13,18,.70);
font-weight:700;
font-size:13px;
line-height:1.6;
}
/* ================= DOLNY BAR ================= */
.ml2-rent-b5-bar{
display:flex;
justify-content:space-between;
align-items:center;
gap:12px;
padding:16px;
border-radius:20px;
border:1px solid rgba(11,13,18,.10);
background:#f7f7f7;
}
.ml2-rent-b5-barTitle{
font-weight:950;
color:#0b0d12;
}
.ml2-rent-b5-barText{
color: rgba(11,13,18,.70);
font-size:12.5px;
font-weight:700;
}
.ml2-rent-b5-barBtns{
display:flex;
gap:10px;
flex-wrap:wrap;
}
/* złoty */
.ml2-rent-b5-barBtnGold{
padding:10px 16px;
border-radius:999px;
background:#d6b36a;
color:#0b0d12;
font-weight:950;
text-decoration:none;
}
.ml2-rent-b5-barBtnGold:hover{
background:#caa55b;
}
/* biały */
.ml2-rent-b5-barBtnWhite{
padding:10px 16px;
border-radius:999px;
background:#ffffff;
border:1px solid rgba(11,13,18,.15);
color:#0b0d12;
font-weight:950;
text-decoration:none;
}
.ml2-rent-b5-barBtnWhite:hover{
background:#f1f2f4;
}
/* ================= RWD ================= */
@media (max-width:980px){
.ml2-rent-b5-cards{
grid-template-columns:1fr;
}
.ml2-rent-b5-bar{
flex-direction:column;
align-items:flex-start;
}
}
/* =========================================================
ML2 – FIX MOBILE: BLOK #5 (ml2-rent-b5) – zawężenie kart
Ikona + tytuł obok, opis pod tytułem (bez pustej dziury)
Wklej NA ABSOLUTNY KONIEC CSS
========================================================= */
.ml2-rent-b5 .ml2-rent-b5-card{
/* twardo: grid, żeby nic nie rozpychało */
display:grid !important;
grid-template-columns: 56px 1fr !important;
grid-template-rows: auto auto !important;
grid-template-areas:
"ico title"
"ico text" !important;
align-items:start !important;
gap: 6px 14px !important;
/* usuń potencjalne rozpychanie */
min-height: 0 !important;
}
/* przypisanie elementów */
.ml2-rent-b5 .ml2-rent-b5-ico{
grid-area: ico !important;
margin: 0 !important;
width: 48px !important;
height: 48px !important;
border-radius: 14px !important;
font-size: 18px !important; /* emoji czytelniejsze */
}
.ml2-rent-b5 .ml2-rent-b5-cardTitle{
grid-area: title !important;
margin: 6px 0 0 !important;
line-height: 1.15 !important;
}
.ml2-rent-b5 .ml2-rent-b5-cardText{
grid-area: text !important;
margin: 2px 0 0 !important;
}
/* MOBILE: realne "zawężenie" i lepsze proporcje */
@media (max-width: 560px){
.ml2-rent-b5 .ml2-rent-b5-cards{
gap: 12px !important;
}
.ml2-rent-b5 .ml2-rent-b5-card{
padding: 14px !important;
grid-template-columns: 52px 1fr !important;
gap: 6px 12px !important;
}
.ml2-rent-b5 .ml2-rent-b5-cardText{
font-size: 13.5px !important;
line-height: 1.55 !important;
}
}
/* =========================================================
ML2 – BLOK #5: FIX PRZYCISKÓW (BAR) – zwężenie + czytelność
Wklej NA ABSOLUTNY KONIEC CSS
========================================================= */
.ml2-rent-b5 .ml2-rent-b5-barBtns{
display:flex !important;
gap:10px !important;
flex-wrap:wrap !important;
justify-content:flex-end !important;
}
/* bazowo – przyciski nie mogą rozlewać się na 100% */
.ml2-rent-b5 .ml2-rent-b5-barBtnGold,
.ml2-rent-b5 .ml2-rent-b5-barBtnWhite{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
width:auto !important;
max-width: 260px !important; /* klucz: zwęża */
padding: 10px 14px !important; /* trochę ciaśniej */
border-radius:999px !important;
font-size: 14px !important;
line-height: 1 !important;
white-space: nowrap !important; /* bez łamania w środku */
text-decoration:none !important;
}
/* zabijamy niebieskie/linki z motywu/Elementora */
.ml2-rent-b5 .ml2-rent-b5-barBtnGold,
.ml2-rent-b5 .ml2-rent-b5-barBtnGold * ,
.ml2-rent-b5 .ml2-rent-b5-barBtnWhite,
.ml2-rent-b5 .ml2-rent-b5-barBtnWhite *{
color: inherit !important;
text-decoration: none !important;
}
/* MOBILE – przyciski jeden pod drugim, ale dalej wąskie i na środku */
@media (max-width: 560px){
.ml2-rent-b5 .ml2-rent-b5-bar{
align-items:center !important;
text-align:center !important;
}
.ml2-rent-b5 .ml2-rent-b5-barBtns{
width:100% !important;
justify-content:center !important;
flex-direction:column !important;
align-items:center !important;
gap:10px !important;
}
.ml2-rent-b5 .ml2-rent-b5-barBtnGold,
.ml2-rent-b5 .ml2-rent-b5-barBtnWhite{
max-width: 240px !important; /* jeszcze ciaśniej na telefonie */
width: fit-content !important; /* niech nie rozciąga */
padding: 11px 16px !important; /* czytelne, ale nie wielkie */
}
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-db1286d *//* ===== ML2 – WYPOŻYCZALNIA: BLOK #1 POD BANEREM (JASNY / OVERRIDE) ===== */
/* Wklej NA ABSOLUTNY KONIEC CSS */
.ml2-rent-b1{
padding: 50px 0 !important;
background:
radial-gradient(900px 360px at 18% 0%, rgba(214,179,106,.16), transparent 60%),
radial-gradient(700px 320px at 85% 10%, rgba(11,13,18,.06), transparent 62%),
#ffffff !important;
border-bottom: 1px solid rgba(11,13,18,.10) !important;
}
.ml2-rent-b1-kicker{
border: 1px solid rgba(214,179,106,.40) !important;
background: rgba(214,179,106,.14) !important;
color: rgba(11,13,18,.80) !important;
}
.ml2-rent-b1-title{
color: #0b0d12 !important;
text-shadow: none !important;
}
.ml2-rent-b1-desc{
color: rgba(11,13,18,.72) !important;
}
/* CTA – spójne jak home: złoty + biały, biały hover szary */
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn{
border: 1px solid rgba(11,13,18,.12) !important;
text-decoration: none !important;
}
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn-primary{
background:#d6b36a !important;
color:#0b0d12 !important;
border-color: rgba(0,0,0,.18) !important;
box-shadow: 0 14px 28px rgba(214,179,106,.18) !important;
}
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn-primary:hover,
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn-primary:focus{
background:#caa55b !important;
transform: translateY(-1px) !important;
}
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-rent-white{
background:#ffffff !important;
color:#0b0d12 !important;
border: 1px solid rgba(11,13,18,.14) !important;
box-shadow: 0 10px 22px rgba(11,13,18,.10) !important;
}
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-rent-white:hover,
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-rent-white:focus{
background:#f1f2f4 !important;
border-color: rgba(11,13,18,.20) !important;
box-shadow: 0 12px 24px rgba(11,13,18,.14) !important;
transform: translateY(-1px) !important;
}
/* zabijamy niebieskie linki wewnątrz (Elementor span itp.) */
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn,
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn *{
color: inherit !important;
text-decoration: none !important;
}
/* karty – jasne */
.ml2-rent-b1-card{
background: rgba(11,13,18,.03) !important;
border: 1px solid rgba(11,13,18,.10) !important;
box-shadow: 0 14px 26px rgba(11,13,18,.08) !important;
}
.ml2-rent-b1-card:hover{
border-color: rgba(214,179,106,.35) !important;
background: rgba(214,179,106,.08) !important;
}
.ml2-rent-b1-ico{
background: rgba(214,179,106,.18) !important;
border: 1px solid rgba(214,179,106,.35) !important;
}
.ml2-rent-b1-cardTitle{
color: #0b0d12 !important;
}
.ml2-rent-b1-cardText{
color: rgba(11,13,18,.70) !important;
}
/* dolny pasek – jasny */
.ml2-rent-b1-bar{
border-top: 1px solid rgba(11,13,18,.10) !important;
color: rgba(11,13,18,.62) !important;
}
/* responsywność */
@media (max-width: 980px){
.ml2-rent-b1{ padding: 38px 0 !important; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cde3b6a *//* =========================================================
ML2 – WYPOŻYCZALNIA: BLOK #6 (CIEMNY) – ZAUFANIE / FINAL
========================================================= */
.ml2-rent-b6{
padding: 54px 0;
background:
radial-gradient(900px 380px at 15% 10%, rgba(214,179,106,.14), transparent 60%),
radial-gradient(720px 320px at 85% 18%, rgba(255,255,255,.06), transparent 60%),
#0b0d12;
border-bottom: 1px solid rgba(255,255,255,.08);
}
.ml2-rent-b6-grid{
display:grid;
grid-template-columns: 1fr;
gap: 26px;
}
/* ================= HEADER (CENTER + GOLD LINE) ================= */
.ml2-rent-b6-head{
text-align:center;
}
.ml2-rent-b6-kicker{
display:inline-flex;
align-items:center;
padding: 8px 12px;
border-radius: 999px;
border: 1px solid rgba(214,179,106,.28);
background: rgba(214,179,106,.10);
color: rgba(244,246,251,.90);
font-weight: 900;
font-size: 12px;
width: fit-content;
line-height: 1.35;
margin: 0 auto 12px;
}
.ml2-rent-b6-title{
position: relative;
margin: 0 auto 22px;
font-weight: 950;
letter-spacing: -.35px;
line-height: 1.08;
font-size: clamp(24px, 2.6vw, 38px);
color: #ffffff !important;
text-shadow: 0 2px 10px rgba(0,0,0,.45);
}
/* złota kreska */
.ml2-rent-b6-title::after{
content:"";
display:block;
width:120px;
height:4px;
margin:14px auto 0;
border-radius:999px;
background: linear-gradient(
90deg,
rgba(214,179,106,0) 0%,
rgba(214,179,106,.85) 50%,
rgba(214,179,106,0) 100%
);
box-shadow: 0 6px 16px rgba(214,179,106,.45);
}
.ml2-rent-b6-desc{
margin: 0 auto 16px;
color: rgba(244,246,251,.72);
font-size: 15.5px;
line-height: 1.65;
max-width: 70ch;
}
/* ================= CTA ================= */
.ml2-rent-b6-ctas{
display:flex;
gap:10px;
flex-wrap:wrap;
justify-content:center;
}
.ml2-rent-b6 .ml2-rent-b6-ctas a.ml2-btn{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
padding: 12px 14px !important;
border-radius: 14px !important;
font-weight: 900 !important;
font-size: 14px !important;
text-decoration: none !important;
line-height: 1 !important;
border: 1px solid rgba(255,255,255,.10) !important;
transition: transform .15s ease, background .15s ease, color .15s ease, border-color .15s ease, box-shadow .15s ease !important;
}
/* złoty */
.ml2-rent-b6 .ml2-rent-b6-ctas a.ml2-btn-primary{
background:#d6b36a !important;
color:#0b0d12 !important;
border-color: rgba(0,0,0,.18) !important;
box-shadow: 0 14px 28px rgba(214,179,106,.16) !important;
}
.ml2-rent-b6 .ml2-rent-b6-ctas a.ml2-btn-primary:hover,
.ml2-rent-b6 .ml2-rent-b6-ctas a.ml2-btn-primary:focus{
background:#caa55b !important;
transform: translateY(-1px) !important;
}
/* biały -> hover SZARY */
.ml2-rent-b6 .ml2-rent-b6-ctas a.ml2-rent-white{
background:#ffffff !important;
color:#0b0d12 !important;
border: 1px solid rgba(0,0,0,.12) !important;
box-shadow: 0 10px 22px rgba(0,0,0,.10) !important;
}
.ml2-rent-b6 .ml2-rent-b6-ctas a.ml2-rent-white:hover,
.ml2-rent-b6 .ml2-rent-b6-ctas a.ml2-rent-white:focus{
background:#f1f2f4 !important;
border-color: rgba(0,0,0,.16) !important;
box-shadow: 0 12px 24px rgba(0,0,0,.14) !important;
transform: translateY(-1px) !important;
}
/* reset linków */
.ml2-rent-b6 .ml2-rent-b6-ctas a,
.ml2-rent-b6 .ml2-rent-b6-ctas a *{
color: inherit !important;
text-decoration: none !important;
}
/* ================= KARTY ================= */
.ml2-rent-b6-cards{
display:grid;
grid-template-columns: repeat(3, 1fr);
gap: 12px;
}
.ml2-rent-b6-card{
border-radius: 18px;
border: 1px solid rgba(255,255,255,.10);
background: rgba(255,255,255,.04);
padding: 16px;
box-shadow: 0 18px 34px rgba(0,0,0,.25);
transition: transform .15s ease, border-color .15s ease, background .15s ease;
}
.ml2-rent-b6-card:hover{
transform: translateY(-2px);
border-color: rgba(214,179,106,.22);
background: rgba(255,255,255,.06);
}
.ml2-rent-b6-ico{
width: 36px;
height: 36px;
border-radius: 12px;
display:inline-flex;
align-items:center;
justify-content:center;
background: rgba(214,179,106,.12);
border: 1px solid rgba(214,179,106,.22);
margin-bottom: 10px;
font-size: 16px;
}
.ml2-rent-b6-cardTitle{
margin: 0 0 6px;
color: #ffffff !important;
font-weight: 950;
font-size: 15px;
letter-spacing: -.2px;
}
.ml2-rent-b6-cardText{
margin: 0;
color: rgba(244,246,251,.72);
font-weight: 700;
font-size: 13px;
line-height: 1.6;
}
/* ================= DOLNY BAR ================= */
.ml2-rent-b6-bar{
display:flex;
align-items:center;
justify-content:space-between;
gap: 12px;
padding: 16px;
border-radius: 20px;
border: 1px solid rgba(255,255,255,.10);
background: rgba(255,255,255,.04);
box-shadow: 0 18px 40px rgba(0,0,0,.30);
}
.ml2-rent-b6-barTitle{
color:#ffffff !important;
font-weight: 950;
font-size: 14px;
margin: 0 0 4px;
}
.ml2-rent-b6-barText{
color: rgba(244,246,251,.68);
font-weight: 700;
font-size: 12.5px;
margin: 0;
}
.ml2-rent-b6-barBtns{
display:flex;
gap: 10px;
flex-wrap: wrap;
justify-content:flex-end;
}
/* złoty pill */
.ml2-rent-b6-barBtnGold{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
padding: 10px 14px !important;
border-radius: 999px !important;
background:#d6b36a !important;
border: 1px solid rgba(0,0,0,.12) !important;
color:#0b0d12 !important;
font-weight: 950 !important;
font-size: 12px !important;
text-decoration: none !important;
white-space: nowrap;
box-shadow: 0 14px 26px rgba(214,179,106,.20) !important;
transition: transform .15s ease, background .15s ease !important;
}
.ml2-rent-b6-barBtnGold:hover,
.ml2-rent-b6-barBtnGold:focus{
transform: translateY(-1px) !important;
background:#caa55b !important;
}
/* biały pill -> hover SZARY */
.ml2-rent-b6-barBtnWhite{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
padding: 10px 14px !important;
border-radius: 999px !important;
background:#ffffff !important;
border: 1px solid rgba(0,0,0,.12) !important;
color:#0b0d12 !important;
font-weight: 950 !important;
font-size: 12px !important;
text-decoration: none !important;
white-space: nowrap;
box-shadow: 0 10px 22px rgba(0,0,0,.10) !important;
transition: transform .15s ease, background .15s ease, box-shadow .15s ease !important;
}
.ml2-rent-b6-barBtnWhite:hover,
.ml2-rent-b6-barBtnWhite:focus{
transform: translateY(-1px) !important;
background:#f1f2f4 !important;
box-shadow: 0 12px 24px rgba(0,0,0,.14) !important;
}
/* reset linków */
.ml2-rent-b6 a,
.ml2-rent-b6 a *{
color: inherit !important;
text-decoration: none !important;
}
/* ================= RWD ================= */
@media (max-width:980px){
.ml2-rent-b6{ padding: 38px 0; }
.ml2-rent-b6-cards{ grid-template-columns: 1fr; }
.ml2-rent-b6-bar{ flex-direction:column; align-items:flex-start; }
.ml2-rent-b6-barBtns{ justify-content:flex-start; }
}
/* =========================================================
ML2 – FIX MOBILE: BLOK #6 (ml2-rent-b6) – zawężenie + układ kart
Ikona + tytuł obok, opis pod tytułem (bez pustej dziury)
Wklej NA ABSOLUTNY KONIEC CSS
========================================================= */
@media (max-width: 560px){
/* zawężenie całej sekcji (żeby nie była "na full") */
.ml2-rent-b6 .ml2-wrap{
max-width: 520px !important; /* bezpiecznie */
margin-left: auto !important;
margin-right: auto !important;
padding-left: 16px !important;
padding-right: 16px !important;
}
/* karty – węższe i bardziej "kafelkowe" */
.ml2-rent-b6 .ml2-rent-b6-cards{
gap: 12px !important;
}
.ml2-rent-b6 .ml2-rent-b6-card{
max-width: 520px !important;
margin-left: auto !important;
margin-right: auto !important;
/* układ jak w b5: ikona po lewej, tytuł/tekst po prawej */
display: grid !important;
grid-template-columns: 56px 1fr !important;
grid-template-rows: auto auto !important;
grid-template-areas:
"ico title"
"ico text" !important;
gap: 6px 14px !important;
align-items: start !important;
padding: 16px !important;
}
.ml2-rent-b6 .ml2-rent-b6-ico{
grid-area: ico !important;
margin: 0 !important;
width: 48px !important;
height: 48px !important;
border-radius: 14px !important;
font-size: 18px !important;
}
.ml2-rent-b6 .ml2-rent-b6-cardTitle{
grid-area: title !important;
margin: 6px 0 0 !important;
line-height: 1.15 !important;
}
.ml2-rent-b6 .ml2-rent-b6-cardText{
grid-area: text !important;
margin: 2px 0 0 !important;
line-height: 1.55 !important;
}
}
@media (max-width: 560px){
.ml2-rent-b6 .ml2-rent-b6-bar{
align-items:center !important;
text-align:center !important;
}
.ml2-rent-b6 .ml2-rent-b6-barBtns{
width:100% !important;
justify-content:center !important;
flex-direction:column !important;
align-items:center !important;
gap:10px !important;
}
.ml2-rent-b6 .ml2-rent-b6-barBtnGold,
.ml2-rent-b6 .ml2-rent-b6-barBtnWhite{
width: fit-content !important;
max-width: 240px !important;
padding: 11px 16px !important;
white-space: nowrap !important;
}
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-598553c *//* ===== ML2 – WYPOŻYCZALNIA: BLOK #1 POD BANEREM (JASNY / OVERRIDE) ===== */
/* Wklej NA ABSOLUTNY KONIEC CSS */
.ml2-rent-b1{
padding: 50px 0 !important;
background:
radial-gradient(900px 360px at 18% 0%, rgba(214,179,106,.16), transparent 60%),
radial-gradient(700px 320px at 85% 10%, rgba(11,13,18,.06), transparent 62%),
#ffffff !important;
border-bottom: 1px solid rgba(11,13,18,.10) !important;
}
.ml2-rent-b1-kicker{
border: 1px solid rgba(214,179,106,.40) !important;
background: rgba(214,179,106,.14) !important;
color: rgba(11,13,18,.80) !important;
}
.ml2-rent-b1-title{
color: #0b0d12 !important;
text-shadow: none !important;
}
.ml2-rent-b1-desc{
color: rgba(11,13,18,.72) !important;
}
/* CTA – spójne jak home: złoty + biały, biały hover szary */
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn{
border: 1px solid rgba(11,13,18,.12) !important;
text-decoration: none !important;
}
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn-primary{
background:#d6b36a !important;
color:#0b0d12 !important;
border-color: rgba(0,0,0,.18) !important;
box-shadow: 0 14px 28px rgba(214,179,106,.18) !important;
}
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn-primary:hover,
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn-primary:focus{
background:#caa55b !important;
transform: translateY(-1px) !important;
}
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-rent-white{
background:#ffffff !important;
color:#0b0d12 !important;
border: 1px solid rgba(11,13,18,.14) !important;
box-shadow: 0 10px 22px rgba(11,13,18,.10) !important;
}
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-rent-white:hover,
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-rent-white:focus{
background:#f1f2f4 !important;
border-color: rgba(11,13,18,.20) !important;
box-shadow: 0 12px 24px rgba(11,13,18,.14) !important;
transform: translateY(-1px) !important;
}
/* zabijamy niebieskie linki wewnątrz (Elementor span itp.) */
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn,
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn *{
color: inherit !important;
text-decoration: none !important;
}
/* karty – jasne */
.ml2-rent-b1-card{
background: rgba(11,13,18,.03) !important;
border: 1px solid rgba(11,13,18,.10) !important;
box-shadow: 0 14px 26px rgba(11,13,18,.08) !important;
}
.ml2-rent-b1-card:hover{
border-color: rgba(214,179,106,.35) !important;
background: rgba(214,179,106,.08) !important;
}
.ml2-rent-b1-ico{
background: rgba(214,179,106,.18) !important;
border: 1px solid rgba(214,179,106,.35) !important;
}
.ml2-rent-b1-cardTitle{
color: #0b0d12 !important;
}
.ml2-rent-b1-cardText{
color: rgba(11,13,18,.70) !important;
}
/* dolny pasek – jasny */
.ml2-rent-b1-bar{
border-top: 1px solid rgba(11,13,18,.10) !important;
color: rgba(11,13,18,.62) !important;
}
/* responsywność */
@media (max-width: 980px){
.ml2-rent-b1{ padding: 38px 0 !important; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-228d609 *//* =========================================================
ML2 – WYPOŻYCZALNIA: BLOK #7 (JASNY) – OPINIE / FINAL
========================================================= */
.ml2-rent-b7{
padding: 56px 0;
background:
radial-gradient(900px 360px at 18% 0%, rgba(214,179,106,.16), transparent 60%),
radial-gradient(700px 320px at 85% 10%, rgba(11,13,18,.06), transparent 62%),
#ffffff;
border-bottom: 1px solid rgba(11,13,18,.10);
}
.ml2-rent-b7-grid{
display:grid;
grid-template-columns: 1fr;
gap: 26px;
}
/* ================= HEADER ================= */
.ml2-rent-b7-head{
text-align:center;
}
.ml2-rent-b7-kicker{
display:inline-flex;
margin: 0 auto 10px;
padding: 7px 14px;
border-radius:999px;
background: rgba(214,179,106,.14);
border:1px solid rgba(214,179,106,.35);
color:#6f5a2c;
font-weight:900;
font-size:12px;
}
.ml2-rent-b7-title{
position:relative;
margin: 0 auto 22px;
font-size: clamp(26px, 3vw, 38px);
font-weight: 950;
letter-spacing:-.3px;
color:#0b0d12 !important;
}
/* ZŁOTA KRESKA */
.ml2-rent-b7-title::after{
content:"";
display:block;
width:120px;
height:4px;
margin:14px auto 0;
border-radius:999px;
background: linear-gradient(
90deg,
rgba(214,179,106,0) 0%,
rgba(214,179,106,.85) 50%,
rgba(214,179,106,0) 100%
);
box-shadow: 0 6px 16px rgba(214,179,106,.45);
}
.ml2-rent-b7-desc{
max-width:70ch;
margin:0 auto;
color: rgba(11,13,18,.72);
font-size:15.5px;
line-height:1.65;
}
/* ================= KARTY ================= */
.ml2-rent-b7-cards{
display:grid;
grid-template-columns: repeat(3, 1fr);
gap: 12px;
}
.ml2-rent-b7-card{
background:#f7f7f7;
border:1px solid rgba(11,13,18,.10);
border-radius:18px;
padding:16px;
box-shadow: 0 14px 26px rgba(11,13,18,.08);
transition: transform .15s ease, border-color .15s ease, background .15s ease;
}
.ml2-rent-b7-card:hover{
transform: translateY(-2px);
background:#f3efe4;
border-color: rgba(214,179,106,.45);
}
.ml2-rent-b7-stars{
font-weight: 950;
letter-spacing: 1px;
color: #d6b36a;
font-size: 14px;
margin-bottom: 10px;
}
.ml2-rent-b7-quote{
margin: 0 0 14px;
color: rgba(11,13,18,.78);
font-weight: 750;
font-size: 13.5px;
line-height: 1.65;
}
.ml2-rent-b7-who{
display:flex;
align-items:center;
gap:10px;
padding-top: 12px;
border-top: 1px solid rgba(11,13,18,.10);
}
.ml2-rent-b7-avatar{
width: 34px;
height: 34px;
border-radius: 12px;
display:inline-flex;
align-items:center;
justify-content:center;
background: rgba(214,179,106,.18);
border:1px solid rgba(214,179,106,.35);
color:#0b0d12;
font-weight: 950;
}
.ml2-rent-b7-name{
font-weight: 950;
color:#0b0d12;
font-size: 13px;
}
.ml2-rent-b7-meta{
color: rgba(11,13,18,.65);
font-weight: 800;
font-size: 12px;
}
/* ================= DOLNY BAR ================= */
.ml2-rent-b7-bar{
display:flex;
justify-content:space-between;
align-items:center;
gap:12px;
padding:16px;
border-radius:20px;
border:1px solid rgba(11,13,18,.10);
background:#f7f7f7;
}
.ml2-rent-b7-barTitle{
font-weight:950;
color:#0b0d12;
margin:0 0 4px;
}
.ml2-rent-b7-barText{
color: rgba(11,13,18,.70);
font-size:12.5px;
font-weight:700;
margin:0;
}
.ml2-rent-b7-barBtns{
display:flex;
gap:10px;
flex-wrap:wrap;
}
/* złoty */
.ml2-rent-b7-barBtnGold{
padding:10px 16px;
border-radius:999px;
background:#d6b36a;
color:#0b0d12;
font-weight:950;
text-decoration:none;
}
.ml2-rent-b7-barBtnGold:hover{
background:#caa55b;
}
/* biały */
.ml2-rent-b7-barBtnWhite{
padding:10px 16px;
border-radius:999px;
background:#ffffff;
border:1px solid rgba(11,13,18,.15);
color:#0b0d12;
font-weight:950;
text-decoration:none;
}
.ml2-rent-b7-barBtnWhite:hover{
background:#f1f2f4;
}
/* reset linków (na wszelki) */
.ml2-rent-b7 a,
.ml2-rent-b7 a *{
color: inherit !important;
text-decoration: none !important;
}
/* ================= RWD ================= */
@media (max-width:980px){
.ml2-rent-b7-cards{
grid-template-columns:1fr;
}
.ml2-rent-b7-bar{
flex-direction:column;
align-items:flex-start;
}
}
/* =========================================================
ML2 – FIX MOBILE: BLOK #7 (ml2-rent-b7) – opinie nie rozjechane
Wklej NA ABSOLUTNY KONIEC CSS
========================================================= */
.ml2-rent-b7 .ml2-rent-b7-card{
/* żeby stopka (who) nie odpływała i zawsze była blisko cytatu */
display:flex !important;
flex-direction:column !important;
gap: 10px !important;
}
/* reset typowych marginesów z Elementora */
.ml2-rent-b7 .ml2-rent-b7-card p,
.ml2-rent-b7 .ml2-rent-b7-card h3,
.ml2-rent-b7 .ml2-rent-b7-card h4{
margin: 0 !important;
}
.ml2-rent-b7 .ml2-rent-b7-stars{
margin-bottom: 6px !important;
}
/* cytat – bez „pustego” dołu */
.ml2-rent-b7 .ml2-rent-b7-quote{
margin: 0 !important;
}
/* stopka karty */
.ml2-rent-b7 .ml2-rent-b7-who{
margin-top: 10px !important;
padding-top: 12px !important;
display:flex !important;
align-items:center !important;
gap: 12px !important;
}
/* avatar nie może się ściskać */
.ml2-rent-b7 .ml2-rent-b7-avatar{
flex: 0 0 44px !important;
width: 44px !important;
height: 44px !important;
border-radius: 14px !important;
font-size: 16px !important;
}
/* nazwa + miasto w kolumnie (żeby nie latało) */
.ml2-rent-b7 .ml2-rent-b7-name,
.ml2-rent-b7 .ml2-rent-b7-meta{
display:block !important;
line-height: 1.25 !important;
}
/* MOBILE: zawężenie kart, żeby nie były "na całą szerokość" */
@media (max-width: 560px){
.ml2-rent-b7 .ml2-wrap{
max-width: 520px !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 16px !important;
padding-right: 16px !important;
}
.ml2-rent-b7 .ml2-rent-b7-card{
max-width: 520px !important;
margin-left: auto !important;
margin-right: auto !important;
padding: 16px !important;
}
/* lepsze proporcje tekstu */
.ml2-rent-b7 .ml2-rent-b7-quote{
font-size: 14px !important;
line-height: 1.6 !important;
}
}
/* =========================================================
ML2 – FIX MOBILE: PRZYCISKI W BARZE (B5/B7) – nie rozciągaj
Wklej NA ABSOLUTNY KONIEC CSS
========================================================= */
/* kontener przycisków */
.ml2-rent-b5 .ml2-rent-b5-barBtns,
.ml2-rent-b7 .ml2-rent-b7-barBtns{
width: 100% !important;
justify-content: center !important; /* na środku */
align-items: center !important;
}
/* same przyciski – szerokość na treść */
.ml2-rent-b5 .ml2-rent-b5-barBtnGold,
.ml2-rent-b5 .ml2-rent-b5-barBtnWhite,
.ml2-rent-b7 .ml2-rent-b7-barBtnGold,
.ml2-rent-b7 .ml2-rent-b7-barBtnWhite{
display: inline-flex !important;
width: fit-content !important;
max-width: 100% !important;
padding: 11px 16px !important;
border-radius: 999px !important;
line-height: 1 !important;
font-weight: 950 !important;
text-decoration: none !important;
white-space: nowrap !important;
}
/* mobile: jeśli brakuje miejsca, pozwól łamać na 2 linie zamiast rozpychać */
@media (max-width: 420px){
.ml2-rent-b5 .ml2-rent-b5-barBtnGold,
.ml2-rent-b5 .ml2-rent-b5-barBtnWhite,
.ml2-rent-b7 .ml2-rent-b7-barBtnGold,
.ml2-rent-b7 .ml2-rent-b7-barBtnWhite{
white-space: normal !important; /* może się złamać */
text-align: center !important;
}
}
/* zabij ewentualne niebieskie/linki w środku */
.ml2-rent-b5 a, .ml2-rent-b5 a *,
.ml2-rent-b7 a, .ml2-rent-b7 a *{
text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-7399449 *//* ===== ML2 – WYPOŻYCZALNIA: BLOK #1 POD BANEREM (JASNY / OVERRIDE) ===== */
/* Wklej NA ABSOLUTNY KONIEC CSS */
.ml2-rent-b1{
padding: 50px 0 !important;
background:
radial-gradient(900px 360px at 18% 0%, rgba(214,179,106,.16), transparent 60%),
radial-gradient(700px 320px at 85% 10%, rgba(11,13,18,.06), transparent 62%),
#ffffff !important;
border-bottom: 1px solid rgba(11,13,18,.10) !important;
}
.ml2-rent-b1-kicker{
border: 1px solid rgba(214,179,106,.40) !important;
background: rgba(214,179,106,.14) !important;
color: rgba(11,13,18,.80) !important;
}
.ml2-rent-b1-title{
color: #0b0d12 !important;
text-shadow: none !important;
}
.ml2-rent-b1-desc{
color: rgba(11,13,18,.72) !important;
}
/* CTA – spójne jak home: złoty + biały, biały hover szary */
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn{
border: 1px solid rgba(11,13,18,.12) !important;
text-decoration: none !important;
}
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn-primary{
background:#d6b36a !important;
color:#0b0d12 !important;
border-color: rgba(0,0,0,.18) !important;
box-shadow: 0 14px 28px rgba(214,179,106,.18) !important;
}
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn-primary:hover,
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn-primary:focus{
background:#caa55b !important;
transform: translateY(-1px) !important;
}
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-rent-white{
background:#ffffff !important;
color:#0b0d12 !important;
border: 1px solid rgba(11,13,18,.14) !important;
box-shadow: 0 10px 22px rgba(11,13,18,.10) !important;
}
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-rent-white:hover,
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-rent-white:focus{
background:#f1f2f4 !important;
border-color: rgba(11,13,18,.20) !important;
box-shadow: 0 12px 24px rgba(11,13,18,.14) !important;
transform: translateY(-1px) !important;
}
/* zabijamy niebieskie linki wewnątrz (Elementor span itp.) */
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn,
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn *{
color: inherit !important;
text-decoration: none !important;
}
/* karty – jasne */
.ml2-rent-b1-card{
background: rgba(11,13,18,.03) !important;
border: 1px solid rgba(11,13,18,.10) !important;
box-shadow: 0 14px 26px rgba(11,13,18,.08) !important;
}
.ml2-rent-b1-card:hover{
border-color: rgba(214,179,106,.35) !important;
background: rgba(214,179,106,.08) !important;
}
.ml2-rent-b1-ico{
background: rgba(214,179,106,.18) !important;
border: 1px solid rgba(214,179,106,.35) !important;
}
.ml2-rent-b1-cardTitle{
color: #0b0d12 !important;
}
.ml2-rent-b1-cardText{
color: rgba(11,13,18,.70) !important;
}
/* dolny pasek – jasny */
.ml2-rent-b1-bar{
border-top: 1px solid rgba(11,13,18,.10) !important;
color: rgba(11,13,18,.62) !important;
}
/* responsywność */
@media (max-width: 980px){
.ml2-rent-b1{ padding: 38px 0 !important; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a93f421 *//* =========================================================
ML2 – WYPOŻYCZALNIA: BLOK #8 (CIEMNY) – OBSZAR + MAPA / FINAL
========================================================= */
.ml2-rent-b8{
padding: 54px 0;
background:
radial-gradient(900px 380px at 15% 10%, rgba(214,179,106,.14), transparent 60%),
radial-gradient(720px 320px at 85% 18%, rgba(255,255,255,.06), transparent 60%),
#0b0d12;
border-bottom: 1px solid rgba(255,255,255,.08);
}
.ml2-rent-b8-grid{
display:grid;
grid-template-columns: 1fr;
gap: 26px;
}
/* ================= HEADER (CENTER + GOLD LINE) ================= */
.ml2-rent-b8-head{
text-align:center;
}
.ml2-rent-b8-kicker{
display:inline-flex;
align-items:center;
padding: 8px 12px;
border-radius: 999px;
border: 1px solid rgba(214,179,106,.28);
background: rgba(214,179,106,.10);
color: rgba(244,246,251,.90);
font-weight: 900;
font-size: 12px;
width: fit-content;
line-height: 1.35;
margin: 0 auto 12px;
}
.ml2-rent-b8-title{
position: relative;
margin: 0 auto 22px;
font-weight: 950;
letter-spacing: -.35px;
line-height: 1.08;
font-size: clamp(24px, 2.6vw, 38px);
color: #ffffff !important;
text-shadow: 0 2px 10px rgba(0,0,0,.45);
}
/* złota kreska */
.ml2-rent-b8-title::after{
content:"";
display:block;
width:120px;
height:4px;
margin:14px auto 0;
border-radius:999px;
background: linear-gradient(
90deg,
rgba(214,179,106,0) 0%,
rgba(214,179,106,.85) 50%,
rgba(214,179,106,0) 100%
);
box-shadow: 0 6px 16px rgba(214,179,106,.45);
}
.ml2-rent-b8-desc{
margin: 0 auto 16px;
color: rgba(244,246,251,.72);
font-size: 15.5px;
line-height: 1.65;
max-width: 72ch;
}
/* CTA */
.ml2-rent-b8-ctas{
display:flex;
gap:10px;
flex-wrap:wrap;
justify-content:center;
}
.ml2-rent-b8 .ml2-rent-b8-ctas a.ml2-btn{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
padding: 12px 14px !important;
border-radius: 14px !important;
font-weight: 900 !important;
font-size: 14px !important;
text-decoration: none !important;
line-height: 1 !important;
border: 1px solid rgba(255,255,255,.10) !important;
transition: transform .15s ease, background .15s ease, color .15s ease, border-color .15s ease, box-shadow .15s ease !important;
}
/* złoty */
.ml2-rent-b8 .ml2-rent-b8-ctas a.ml2-btn-primary{
background:#d6b36a !important;
color:#0b0d12 !important;
border-color: rgba(0,0,0,.18) !important;
box-shadow: 0 14px 28px rgba(214,179,106,.16) !important;
}
.ml2-rent-b8 .ml2-rent-b8-ctas a.ml2-btn-primary:hover,
.ml2-rent-b8 .ml2-rent-b8-ctas a.ml2-btn-primary:focus{
background:#caa55b !important;
transform: translateY(-1px) !important;
}
/* biały -> hover SZARY */
.ml2-rent-b8 .ml2-rent-b8-ctas a.ml2-rent-white{
background:#ffffff !important;
color:#0b0d12 !important;
border: 1px solid rgba(0,0,0,.12) !important;
box-shadow: 0 10px 22px rgba(0,0,0,.10) !important;
}
.ml2-rent-b8 .ml2-rent-b8-ctas a.ml2-rent-white:hover,
.ml2-rent-b8 .ml2-rent-b8-ctas a.ml2-rent-white:focus{
background:#f1f2f4 !important;
border-color: rgba(0,0,0,.16) !important;
box-shadow: 0 12px 24px rgba(0,0,0,.14) !important;
transform: translateY(-1px) !important;
}
/* reset linków */
.ml2-rent-b8 .ml2-rent-b8-ctas a,
.ml2-rent-b8 .ml2-rent-b8-ctas a *{
color: inherit !important;
text-decoration: none !important;
}
/* ================= LAYOUT: MAPA + INFO ================= */
.ml2-rent-b8-side{
display:grid;
grid-template-columns: 1.2fr .8fr;
gap: 12px;
align-items: stretch;
}
.ml2-rent-b8-map{
border-radius: 22px;
border: 1px solid rgba(255,255,255,.10);
background: rgba(255,255,255,.04);
box-shadow: 0 18px 40px rgba(0,0,0,.35);
overflow:hidden;
min-height: 360px;
}
.ml2-rent-b8-map iframe{
width:100%;
height:100%;
min-height:360px;
border:0;
display:block;
filter: grayscale(10%) contrast(105%);
}
.ml2-rent-b8-info{
border-radius: 22px;
border: 1px solid rgba(255,255,255,.10);
background: rgba(255,255,255,.04);
box-shadow: 0 18px 40px rgba(0,0,0,.35);
padding: 14px;
display:flex;
flex-direction:column;
gap: 12px;
}
.ml2-rent-b8-infoRow{
display:flex;
gap:10px;
align-items:flex-start;
padding-bottom: 12px;
border-bottom: 1px solid rgba(255,255,255,.08);
}
.ml2-rent-b8-infoRow:last-of-type{
border-bottom: 0;
padding-bottom: 0;
}
.ml2-rent-b8-ico{
width: 36px;
height: 36px;
border-radius: 12px;
display:inline-flex;
align-items:center;
justify-content:center;
background: rgba(214,179,106,.12);
border: 1px solid rgba(214,179,106,.22);
flex: 0 0 auto;
}
.ml2-rent-b8-infoTop{
color:#ffffff !important;
font-weight: 950;
font-size: 13px;
margin-bottom: 2px;
}
.ml2-rent-b8-infoSub{
color: rgba(244,246,251,.72);
font-weight: 750;
font-size: 12.5px;
line-height: 1.5;
}
.ml2-rent-b8-sep{
margin: 0 8px;
color: rgba(244,246,251,.45);
}
/* linki tel – bez niebieskiego */
.ml2-rent-b8 .ml2-rent-b8-link{
color: rgba(244,246,251,.92) !important;
font-weight: 950 !important;
text-decoration: none !important;
}
.ml2-rent-b8 .ml2-rent-b8-link:hover{
text-decoration: underline !important;
}
/* pills */
.ml2-rent-b8-pills{
display:flex;
flex-wrap:wrap;
gap: 8px;
margin-top: 2px;
}
.ml2-rent-b8-pill{
display:inline-flex;
align-items:center;
justify-content:center;
padding: 8px 12px;
border-radius: 999px;
border: 1px solid rgba(214,179,106,.22);
background: rgba(214,179,106,.10);
color: rgba(244,246,251,.92);
font-weight: 900;
font-size: 12px;
}
/* ================= DOLNY BAR ================= */
.ml2-rent-b8-bar{
display:flex;
align-items:center;
justify-content:space-between;
gap: 12px;
padding: 16px;
border-radius: 20px;
border: 1px solid rgba(255,255,255,.10);
background: rgba(255,255,255,.04);
box-shadow: 0 18px 40px rgba(0,0,0,.30);
}
.ml2-rent-b8-barTitle{
color:#ffffff !important;
font-weight: 950;
font-size: 14px;
margin: 0 0 4px;
}
.ml2-rent-b8-barText{
color: rgba(244,246,251,.68);
font-weight: 700;
font-size: 12.5px;
margin: 0;
}
.ml2-rent-b8-barBtns{
display:flex;
gap: 10px;
flex-wrap: wrap;
justify-content:flex-end;
}
/* złoty pill */
.ml2-rent-b8-barBtnGold{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
padding: 10px 14px !important;
border-radius: 999px !important;
background:#d6b36a !important;
border: 1px solid rgba(0,0,0,.12) !important;
color:#0b0d12 !important;
font-weight: 950 !important;
font-size: 12px !important;
text-decoration: none !important;
white-space: nowrap;
box-shadow: 0 14px 26px rgba(214,179,106,.20) !important;
transition: transform .15s ease, background .15s ease !important;
}
.ml2-rent-b8-barBtnGold:hover,
.ml2-rent-b8-barBtnGold:focus{
transform: translateY(-1px) !important;
background:#caa55b !important;
}
/* biały pill -> hover SZARY */
.ml2-rent-b8-barBtnWhite{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
padding: 10px 14px !important;
border-radius: 999px !important;
background:#ffffff !important;
border: 1px solid rgba(0,0,0,.12) !important;
color:#0b0d12 !important;
font-weight: 950 !important;
font-size: 12px !important;
text-decoration: none !important;
white-space: nowrap;
box-shadow: 0 10px 22px rgba(0,0,0,.10) !important;
transition: transform .15s ease, background .15s ease, box-shadow .15s ease !important;
}
.ml2-rent-b8-barBtnWhite:hover,
.ml2-rent-b8-barBtnWhite:focus{
transform: translateY(-1px) !important;
background:#f1f2f4 !important;
box-shadow: 0 12px 24px rgba(0,0,0,.14) !important;
}
/* reset linków */
.ml2-rent-b8 a,
.ml2-rent-b8 a *{
color: inherit !important;
text-decoration: none !important;
}
/* ================= RWD ================= */
@media (max-width:980px){
.ml2-rent-b8{ padding: 38px 0; }
.ml2-rent-b8-side{ grid-template-columns: 1fr; }
.ml2-rent-b8-map{ min-height: 260px; }
.ml2-rent-b8-map iframe{ min-height: 260px; }
.ml2-rent-b8-bar{ flex-direction:column; align-items:flex-start; }
.ml2-rent-b8-barBtns{ justify-content:flex-start; }
}
/* =========================================================
ML2 – FIX MOBILE: BLOK #8 (ml2-rent-b8) – zawężenie + pille
Wklej NA ABSOLUTNY KONIEC CSS
========================================================= */
/* 1) ZAWĘŻENIE całego bloku na telefonie */
@media (max-width: 560px){
.ml2-rent-b8 .ml2-wrap{
max-width: 520px !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 16px !important;
padding-right: 16px !important;
}
}
/* 2) PILLE – nie mogą się rozciągać (koniec z kółkami) */
.ml2-rent-b8 .ml2-rent-b8-pills{
justify-content: center !important; /* estetycznie na środku */
}
.ml2-rent-b8 .ml2-rent-b8-pill{
width: auto !important;
max-width: 100% !important;
flex: 0 0 auto !important; /* KLUCZ: brak rozciągania */
padding: 8px 12px !important;
border-radius: 999px !important;
line-height: 1.1 !important;
white-space: nowrap !important;
}
/* jak brakuje miejsca, to niech się łamie, a nie rozpycha */
@media (max-width: 420px){
.ml2-rent-b8 .ml2-rent-b8-pill{
white-space: normal !important;
text-align: center !important;
}
}
/* 3) BAR – przyciski w B8 też nie mają się robić "balony" */
@media (max-width: 560px){
.ml2-rent-b8 .ml2-rent-b8-barBtns{
width: 100% !important;
justify-content: center !important;
align-items: center !important;
}
.ml2-rent-b8 .ml2-rent-b8-barBtnGold,
.ml2-rent-b8 .ml2-rent-b8-barBtnWhite{
width: fit-content !important;
max-width: 100% !important;
white-space: nowrap !important;
}
}
/* =========================================================
ML2 – FIX: BLOK #8 – TELEFONY (czytelne pille + mobile)
Wklej NA ABSOLUTNY KONIEC CSS
========================================================= */
/* telefony jako pille */
.ml2-rent-b8 .ml2-rent-b8-infoSub{
display: flex !important;
flex-wrap: wrap !important;
gap: 10px !important;
align-items: center !important;
}
.ml2-rent-b8 .ml2-rent-b8-sep{
display: none !important; /* chowamy kropkę */
}
.ml2-rent-b8 a.ml2-rent-b8-link{
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding: 10px 12px !important;
border-radius: 999px !important;
background: rgba(214,179,106,.14) !important;
border: 1px solid rgba(214,179,106,.22) !important;
color: rgba(244,246,251,.92) !important;
font-weight: 950 !important;
text-decoration: none !important;
line-height: 1 !important;
white-space: nowrap !important;
}
.ml2-rent-b8 a.ml2-rent-b8-link:hover{
background: rgba(214,179,106,.20) !important;
border-color: rgba(214,179,106,.34) !important;
}
/* mobile: telefony na środku i większe */
@media (max-width: 560px){
.ml2-rent-b8 .ml2-rent-b8-infoSub{
justify-content: center !important;
}
.ml2-rent-b8 a.ml2-rent-b8-link{
width: fit-content !important;
}
}
/* =========================================================
ML2 – FIX: BLOK #8 – TELEFONY
1. pierwszy ZŁOTY
2. drugi BIAŁY
========================================================= */
.ml2-rent-b8 .ml2-rent-b8-infoSub{
display: flex !important;
flex-wrap: wrap !important;
gap: 10px !important;
align-items: center !important;
}
/* WSPÓLNE */
.ml2-rent-b8 a.ml2-rent-b8-link{
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding: 10px 14px !important;
border-radius: 999px !important;
font-weight: 950 !important;
font-size: 13px !important;
text-decoration: none !important;
line-height: 1 !important;
white-space: nowrap !important;
transition: transform .15s ease, background .15s ease, box-shadow .15s ease !important;
}
/* ================= ZŁOTY (GŁÓWNY) ================= */
.ml2-rent-b8 a.ml2-rent-b8-linkGold{
background:#d6b36a !important;
color:#0b0d12 !important;
border:1px solid rgba(0,0,0,.18) !important;
box-shadow: 0 12px 26px rgba(214,179,106,.25) !important;
}
.ml2-rent-b8 a.ml2-rent-b8-linkGold:hover{
background:#caa55b !important;
transform: translateY(-1px) !important;
}
/* ================= BIAŁY (POMOCNICZY) ================= */
.ml2-rent-b8 a.ml2-rent-b8-linkWhite{
background:#ffffff !important;
color:#0b0d12 !important;
border:1px solid rgba(0,0,0,.14) !important;
box-shadow: 0 10px 22px rgba(0,0,0,.10) !important;
}
.ml2-rent-b8 a.ml2-rent-b8-linkWhite:hover{
background:#f1f2f4 !important;
transform: translateY(-1px) !important;
}
/* MOBILE – wyśrodkowane i czytelne */
@media (max-width: 560px){
.ml2-rent-b8 .ml2-rent-b8-infoSub{
justify-content: center !important;
}
}
/* =========================================================
ML2 – HARD FIX: BLOK #8 – TELEFONY (1 = ZŁOTY, 2 = BIAŁY)
Wklej NA ABSOLUTNY KONIEC CSS
========================================================= */
/* łapiemy cały wiersz "Telefon" */
.ml2-rent-b8 .ml2-rent-b8-infoRow:nth-of-type(2) .ml2-rent-b8-infoSub{
display:flex !important;
flex-wrap:wrap !important;
gap:10px !important;
align-items:center !important;
justify-content:center !important;
}
/* WSPÓLNY WYGLĄD PRZYCISKU dla obu tel */
.ml2-rent-b8 .ml2-rent-b8-infoRow:nth-of-type(2) .ml2-rent-b8-infoSub a{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
padding:10px 14px !important;
border-radius:999px !important;
font-weight:950 !important;
font-size:13px !important;
line-height:1 !important;
white-space:nowrap !important;
text-decoration:none !important;
border:1px solid rgba(255,255,255,.12) !important;
color:inherit !important;
background:transparent !important;
box-shadow:none !important;
}
/* 1. TELEFON = ZŁOTY */
.ml2-rent-b8 .ml2-rent-b8-infoRow:nth-of-type(2) .ml2-rent-b8-infoSub a:nth-of-type(1){
background:#d6b36a !important;
color:#0b0d12 !important;
border-color:rgba(0,0,0,.18) !important;
box-shadow:0 12px 26px rgba(214,179,106,.25) !important;
}
/* 2. TELEFON = BIAŁY */
.ml2-rent-b8 .ml2-rent-b8-infoRow:nth-of-type(2) .ml2-rent-b8-infoSub a:nth-of-type(2){
background:#ffffff !important;
color:#0b0d12 !important;
border-color:rgba(0,0,0,.14) !important;
box-shadow:0 10px 22px rgba(0,0,0,.10) !important;
}
/* hover */
.ml2-rent-b8 .ml2-rent-b8-infoRow:nth-of-type(2) .ml2-rent-b8-infoSub a:nth-of-type(1):hover{
background:#caa55b !important;
transform:translateY(-1px) !important;
}
.ml2-rent-b8 .ml2-rent-b8-infoRow:nth-of-type(2) .ml2-rent-b8-infoSub a:nth-of-type(2):hover{
background:#f1f2f4 !important;
transform:translateY(-1px) !important;
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-819568b *//* ===== ML2 – WYPOŻYCZALNIA: BLOK #1 POD BANEREM (JASNY / OVERRIDE) ===== */
/* Wklej NA ABSOLUTNY KONIEC CSS */
.ml2-rent-b1{
padding: 50px 0 !important;
background:
radial-gradient(900px 360px at 18% 0%, rgba(214,179,106,.16), transparent 60%),
radial-gradient(700px 320px at 85% 10%, rgba(11,13,18,.06), transparent 62%),
#ffffff !important;
border-bottom: 1px solid rgba(11,13,18,.10) !important;
}
.ml2-rent-b1-kicker{
border: 1px solid rgba(214,179,106,.40) !important;
background: rgba(214,179,106,.14) !important;
color: rgba(11,13,18,.80) !important;
}
.ml2-rent-b1-title{
color: #0b0d12 !important;
text-shadow: none !important;
}
.ml2-rent-b1-desc{
color: rgba(11,13,18,.72) !important;
}
/* CTA – spójne jak home: złoty + biały, biały hover szary */
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn{
border: 1px solid rgba(11,13,18,.12) !important;
text-decoration: none !important;
}
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn-primary{
background:#d6b36a !important;
color:#0b0d12 !important;
border-color: rgba(0,0,0,.18) !important;
box-shadow: 0 14px 28px rgba(214,179,106,.18) !important;
}
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn-primary:hover,
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn-primary:focus{
background:#caa55b !important;
transform: translateY(-1px) !important;
}
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-rent-white{
background:#ffffff !important;
color:#0b0d12 !important;
border: 1px solid rgba(11,13,18,.14) !important;
box-shadow: 0 10px 22px rgba(11,13,18,.10) !important;
}
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-rent-white:hover,
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-rent-white:focus{
background:#f1f2f4 !important;
border-color: rgba(11,13,18,.20) !important;
box-shadow: 0 12px 24px rgba(11,13,18,.14) !important;
transform: translateY(-1px) !important;
}
/* zabijamy niebieskie linki wewnątrz (Elementor span itp.) */
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn,
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn *{
color: inherit !important;
text-decoration: none !important;
}
/* karty – jasne */
.ml2-rent-b1-card{
background: rgba(11,13,18,.03) !important;
border: 1px solid rgba(11,13,18,.10) !important;
box-shadow: 0 14px 26px rgba(11,13,18,.08) !important;
}
.ml2-rent-b1-card:hover{
border-color: rgba(214,179,106,.35) !important;
background: rgba(214,179,106,.08) !important;
}
.ml2-rent-b1-ico{
background: rgba(214,179,106,.18) !important;
border: 1px solid rgba(214,179,106,.35) !important;
}
.ml2-rent-b1-cardTitle{
color: #0b0d12 !important;
}
.ml2-rent-b1-cardText{
color: rgba(11,13,18,.70) !important;
}
/* dolny pasek – jasny */
.ml2-rent-b1-bar{
border-top: 1px solid rgba(11,13,18,.10) !important;
color: rgba(11,13,18,.62) !important;
}
/* responsywność */
@media (max-width: 980px){
.ml2-rent-b1{ padding: 38px 0 !important; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-668e63d *//* =========================================================
ML2 – WYPOŻYCZALNIA: BLOK #9 (JASNY) – FINAL CTA
========================================================= */
.ml2-rent-b9{
padding: 64px 0 70px;
background:
radial-gradient(900px 360px at 18% 0%, rgba(214,179,106,.18), transparent 60%),
radial-gradient(700px 320px at 85% 10%, rgba(11,13,18,.06), transparent 62%),
#ffffff;
}
.ml2-rent-b9-grid{
display:grid;
grid-template-columns: 1fr;
gap: 26px;
text-align:center;
}
/* ================= HEADER ================= */
.ml2-rent-b9-kicker{
display:inline-flex;
margin: 0 auto 10px;
padding: 7px 14px;
border-radius:999px;
background: rgba(214,179,106,.14);
border:1px solid rgba(214,179,106,.35);
color:#6f5a2c;
font-weight:900;
font-size:12px;
}
.ml2-rent-b9-title{
position:relative;
margin: 0 auto 22px;
font-size: clamp(28px, 3.2vw, 44px);
font-weight: 950;
letter-spacing:-.35px;
color:#0b0d12 !important;
}
/* ZŁOTA KRESKA */
.ml2-rent-b9-title::after{
content:"";
display:block;
width:140px;
height:4px;
margin:16px auto 0;
border-radius:999px;
background: linear-gradient(
90deg,
rgba(214,179,106,0) 0%,
rgba(214,179,106,.85) 50%,
rgba(214,179,106,0) 100%
);
box-shadow: 0 6px 16px rgba(214,179,106,.45);
}
.ml2-rent-b9-desc{
max-width:68ch;
margin:0 auto;
color: rgba(11,13,18,.72);
font-size:16px;
line-height:1.65;
}
/* ================= CTA ================= */
.ml2-rent-b9-ctas{
display:flex;
justify-content:center;
gap:12px;
flex-wrap:wrap;
margin-top: 10px;
}
/* złoty */
.ml2-rent-b9-btnGold{
display:inline-flex;
align-items:center;
justify-content:center;
padding:14px 22px;
border-radius:999px;
background:#d6b36a;
color:#0b0d12;
font-weight:950;
font-size:15px;
text-decoration:none;
box-shadow: 0 18px 34px rgba(214,179,106,.35);
transition: transform .15s ease, background .15s ease;
}
.ml2-rent-b9-btnGold:hover{
transform: translateY(-1px);
background:#caa55b;
}
/* białe */
.ml2-rent-b9-btnWhite{
display:inline-flex;
align-items:center;
justify-content:center;
padding:14px 22px;
border-radius:999px;
background:#ffffff;
border:1px solid rgba(11,13,18,.15);
color:#0b0d12;
font-weight:950;
font-size:15px;
text-decoration:none;
box-shadow: 0 12px 24px rgba(11,13,18,.10);
transition: transform .15s ease, background .15s ease, box-shadow .15s ease;
}
.ml2-rent-b9-btnWhite:hover{
transform: translateY(-1px);
background:#f1f2f4;
box-shadow: 0 14px 28px rgba(11,13,18,.14);
}
/* ================= TRUST ================= */
.ml2-rent-b9-trust{
display:flex;
justify-content:center;
gap:18px;
flex-wrap:wrap;
margin-top: 8px;
}
.ml2-rent-b9-trustItem{
font-weight:900;
font-size:13px;
color: rgba(11,13,18,.70);
}
/* ================= RWD ================= */
@media (max-width:980px){
.ml2-rent-b9{
padding: 44px 0 52px;
}
}
/* =========================================================
ML2 – FIX MOBILE: BLOK #9 (ml2-rent-b9) – CTA równo i czytelnie
Wklej NA ABSOLUTNY KONIEC CSS
========================================================= */
/* twardy reset linków w obrębie CTA */
.ml2-rent-b9 .ml2-rent-b9-ctas a,
.ml2-rent-b9 .ml2-rent-b9-ctas a *{
text-decoration: none !important;
color: inherit !important;
}
/* wspólne: przyciski mają być równe wysokością i nie łamać się dziwnie */
.ml2-rent-b9 .ml2-rent-b9-btnGold,
.ml2-rent-b9 .ml2-rent-b9-btnWhite{
line-height: 1.1 !important;
min-height: 52px !important;
white-space: nowrap !important;
}
/* MOBILE: jeden pod drugim + jedna szerokość (bez “pływania”) */
@media (max-width: 560px){
.ml2-rent-b9 .ml2-rent-b9-ctas{
display: grid !important;
grid-template-columns: 1fr !important;
gap: 12px !important;
max-width: 360px !important; /* to jest “zwężenie” żeby nie było za szeroko */
margin: 14px auto 0 !important;
justify-items: stretch !important;
}
.ml2-rent-b9 .ml2-rent-b9-btnGold,
.ml2-rent-b9 .ml2-rent-b9-btnWhite{
width: 100% !important;
padding: 14px 16px !important;
font-size: 15px !important;
}
}
/* małe telefony – jeszcze ciaśniej */
@media (max-width: 360px){
.ml2-rent-b9 .ml2-rent-b9-ctas{
max-width: 320px !important;
}
}
/* =========================================================
ML2 – FIX MOBILE: BLOK #9 (ml2-rent-b9) – zawężenie + TRUST (miasto)
Wklej NA ABSOLUTNY KONIEC CSS
========================================================= */
/* ZAWĘŻENIE całego bloku na telefonie */
@media (max-width: 560px){
.ml2-rent-b9 .ml2-rent-b9-grid{
max-width: 420px !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 16px !important;
padding-right: 16px !important;
}
/* trochę mniejsze odstępy żeby nie było „pustyni” */
.ml2-rent-b9 .ml2-rent-b9-desc{
margin-top: 0 !important;
}
.ml2-rent-b9 .ml2-rent-b9-ctas{
margin-top: 14px !important;
}
}
/* TRUST: 2 w rzędzie + miasto pod spodem wycentrowane (bez rozjechania) */
@media (max-width: 560px){
.ml2-rent-b9 .ml2-rent-b9-trust{
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 10px 14px !important;
align-items: center !important;
justify-items: center !important;
margin-top: 14px !important;
}
.ml2-rent-b9 .ml2-rent-b9-trustItem{
text-align: center !important;
white-space: nowrap !important;
margin: 0 !important;
}
/* „Tychy i Śląsk” (3ci element) – na środku pod spodem */
.ml2-rent-b9 .ml2-rent-b9-trustItem:nth-child(3){
grid-column: 1 / -1 !important;
justify-self: center !important;
}
}
/* super małe telefony */
@media (max-width: 360px){
.ml2-rent-b9 .ml2-rent-b9-grid{
max-width: 360px !important;
}
.ml2-rent-b9 .ml2-rent-b9-trust{
grid-template-columns: 1fr !important; /* wtedy wszystko jeden pod drugim */
}
.ml2-rent-b9 .ml2-rent-b9-trustItem:nth-child(3){
grid-column: auto !important;
}
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-3f93f69 *//* ===== ML2 – WYPOŻYCZALNIA: BLOK #1 POD BANEREM (JASNY / OVERRIDE) ===== */
/* Wklej NA ABSOLUTNY KONIEC CSS */
.ml2-rent-b1{
padding: 50px 0 !important;
background:
radial-gradient(900px 360px at 18% 0%, rgba(214,179,106,.16), transparent 60%),
radial-gradient(700px 320px at 85% 10%, rgba(11,13,18,.06), transparent 62%),
#ffffff !important;
border-bottom: 1px solid rgba(11,13,18,.10) !important;
}
.ml2-rent-b1-kicker{
border: 1px solid rgba(214,179,106,.40) !important;
background: rgba(214,179,106,.14) !important;
color: rgba(11,13,18,.80) !important;
}
.ml2-rent-b1-title{
color: #0b0d12 !important;
text-shadow: none !important;
}
.ml2-rent-b1-desc{
color: rgba(11,13,18,.72) !important;
}
/* CTA – spójne jak home: złoty + biały, biały hover szary */
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn{
border: 1px solid rgba(11,13,18,.12) !important;
text-decoration: none !important;
}
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn-primary{
background:#d6b36a !important;
color:#0b0d12 !important;
border-color: rgba(0,0,0,.18) !important;
box-shadow: 0 14px 28px rgba(214,179,106,.18) !important;
}
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn-primary:hover,
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn-primary:focus{
background:#caa55b !important;
transform: translateY(-1px) !important;
}
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-rent-white{
background:#ffffff !important;
color:#0b0d12 !important;
border: 1px solid rgba(11,13,18,.14) !important;
box-shadow: 0 10px 22px rgba(11,13,18,.10) !important;
}
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-rent-white:hover,
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-rent-white:focus{
background:#f1f2f4 !important;
border-color: rgba(11,13,18,.20) !important;
box-shadow: 0 12px 24px rgba(11,13,18,.14) !important;
transform: translateY(-1px) !important;
}
/* zabijamy niebieskie linki wewnątrz (Elementor span itp.) */
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn,
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn *{
color: inherit !important;
text-decoration: none !important;
}
/* karty – jasne */
.ml2-rent-b1-card{
background: rgba(11,13,18,.03) !important;
border: 1px solid rgba(11,13,18,.10) !important;
box-shadow: 0 14px 26px rgba(11,13,18,.08) !important;
}
.ml2-rent-b1-card:hover{
border-color: rgba(214,179,106,.35) !important;
background: rgba(214,179,106,.08) !important;
}
.ml2-rent-b1-ico{
background: rgba(214,179,106,.18) !important;
border: 1px solid rgba(214,179,106,.35) !important;
}
.ml2-rent-b1-cardTitle{
color: #0b0d12 !important;
}
.ml2-rent-b1-cardText{
color: rgba(11,13,18,.70) !important;
}
/* dolny pasek – jasny */
.ml2-rent-b1-bar{
border-top: 1px solid rgba(11,13,18,.10) !important;
color: rgba(11,13,18,.62) !important;
}
/* responsywność */
@media (max-width: 980px){
.ml2-rent-b1{ padding: 38px 0 !important; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1924e61 *//* ===== ML2 RENT – FAQ (Wklej NA ABSOLUTNY KONIEC CSS) ===== */
.ml2-rent-faq{
padding: 34px 0 10px;
background: #ffffff;
}
.ml2-rent-faq-title{
margin: 0 auto 16px;
max-width: 72ch;
font-weight: 950;
font-size: clamp(18px, 2.1vw, 26px);
color: #0b0d12;
text-align:center;
}
.ml2-faq{
max-width: 78ch;
margin: 10px auto;
border: 1px solid rgba(11,13,18,.12);
border-radius: 14px;
padding: 10px 12px;
background: #fff;
}
.ml2-faq summary{
cursor:pointer;
font-weight: 900;
color:#0b0d12;
}
.ml2-faq p{
margin: 10px 0 0;
color: rgba(11,13,18,.75);
line-height: 1.7;
}
/* =========================================================
ML2 RENT – FAQ FINAL (ciemny + złota kreska pod H2)
Wklej NA ABSOLUTNY KONIEC CSS
========================================================= */
.ml2-rent-faq{
padding: 80px 0 96px;
background:
radial-gradient(900px 260px at 50% 0%, rgba(214,179,106,.10), transparent 60%),
#11141b; /* ciemny grafit – NIE czarny */
}
/* ===== NAGŁÓWEK FAQ ===== */
.ml2-rent-faq-title{
position: relative;
margin: 0 auto 48px;
max-width: 72ch;
font-weight: 950;
font-size: clamp(22px, 2.4vw, 32px);
color: #ffffff;
text-align: center;
}
/* ZŁOTA KRESKA POD NAGŁÓWKIEM */
.ml2-rent-faq-title::after{
content:"";
display:block;
width:150px;
height:4px;
margin:18px auto 0;
border-radius:999px;
background: linear-gradient(
90deg,
rgba(214,179,106,0) 0%,
rgba(214,179,106,.95) 50%,
rgba(214,179,106,0) 100%
);
box-shadow: 0 6px 18px rgba(214,179,106,.45);
}
/* ===== KARTY FAQ ===== */
.ml2-rent-faq .ml2-faq{
max-width: 78ch;
margin: 14px auto;
border-radius: 16px;
padding: 14px 16px;
background: #ffffff;
border: 1px solid rgba(11,13,18,.10);
box-shadow: 0 14px 30px rgba(0,0,0,.12);
}
/* PYTANIE */
.ml2-rent-faq .ml2-faq summary{
cursor: pointer;
font-weight: 900;
font-size: 15px;
color: #0b0d12;
list-style: none;
}
/* odpowiedź */
.ml2-rent-faq .ml2-faq p{
margin: 12px 0 0;
color: rgba(11,13,18,.75);
line-height: 1.7;
font-size: 14.5px;
}
/* usuń domyślną strzałkę */
.ml2-rent-faq summary::-webkit-details-marker{
display:none;
}
/* ===== ML2 RENT – FAQ FIX: NAGŁÓWEK BIAŁY (OVERRIDE) ===== */
.ml2-rent-faq h2,
.ml2-rent-faq .ml2-rent-faq-title{
color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-f8fb63f *//* ===== ML2 – WYPOŻYCZALNIA: BLOK #1 POD BANEREM (JASNY / OVERRIDE) ===== */
/* Wklej NA ABSOLUTNY KONIEC CSS */
.ml2-rent-b1{
padding: 50px 0 !important;
background:
radial-gradient(900px 360px at 18% 0%, rgba(214,179,106,.16), transparent 60%),
radial-gradient(700px 320px at 85% 10%, rgba(11,13,18,.06), transparent 62%),
#ffffff !important;
border-bottom: 1px solid rgba(11,13,18,.10) !important;
}
.ml2-rent-b1-kicker{
border: 1px solid rgba(214,179,106,.40) !important;
background: rgba(214,179,106,.14) !important;
color: rgba(11,13,18,.80) !important;
}
.ml2-rent-b1-title{
color: #0b0d12 !important;
text-shadow: none !important;
}
.ml2-rent-b1-desc{
color: rgba(11,13,18,.72) !important;
}
/* CTA – spójne jak home: złoty + biały, biały hover szary */
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn{
border: 1px solid rgba(11,13,18,.12) !important;
text-decoration: none !important;
}
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn-primary{
background:#d6b36a !important;
color:#0b0d12 !important;
border-color: rgba(0,0,0,.18) !important;
box-shadow: 0 14px 28px rgba(214,179,106,.18) !important;
}
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn-primary:hover,
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn-primary:focus{
background:#caa55b !important;
transform: translateY(-1px) !important;
}
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-rent-white{
background:#ffffff !important;
color:#0b0d12 !important;
border: 1px solid rgba(11,13,18,.14) !important;
box-shadow: 0 10px 22px rgba(11,13,18,.10) !important;
}
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-rent-white:hover,
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-rent-white:focus{
background:#f1f2f4 !important;
border-color: rgba(11,13,18,.20) !important;
box-shadow: 0 12px 24px rgba(11,13,18,.14) !important;
transform: translateY(-1px) !important;
}
/* zabijamy niebieskie linki wewnątrz (Elementor span itp.) */
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn,
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn *{
color: inherit !important;
text-decoration: none !important;
}
/* karty – jasne */
.ml2-rent-b1-card{
background: rgba(11,13,18,.03) !important;
border: 1px solid rgba(11,13,18,.10) !important;
box-shadow: 0 14px 26px rgba(11,13,18,.08) !important;
}
.ml2-rent-b1-card:hover{
border-color: rgba(214,179,106,.35) !important;
background: rgba(214,179,106,.08) !important;
}
.ml2-rent-b1-ico{
background: rgba(214,179,106,.18) !important;
border: 1px solid rgba(214,179,106,.35) !important;
}
.ml2-rent-b1-cardTitle{
color: #0b0d12 !important;
}
.ml2-rent-b1-cardText{
color: rgba(11,13,18,.70) !important;
}
/* dolny pasek – jasny */
.ml2-rent-b1-bar{
border-top: 1px solid rgba(11,13,18,.10) !important;
color: rgba(11,13,18,.62) !important;
}
/* responsywność */
@media (max-width: 980px){
.ml2-rent-b1{ padding: 38px 0 !important; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a55538e *//* ===== ML2 RENT – PREMIUM CTA FINAL (JASNE TŁO) ===== */
.ml2-rent-cta-final{
padding: 70px 0 90px;
background:
radial-gradient(900px 380px at 50% 0%, rgba(214,179,106,.20), transparent 60%),
#ffffff;
border-top: 1px solid rgba(11,13,18,.06);
}
/* Tytuł */
.ml2-rent-cta-title{
position: relative;
max-width: 72ch;
margin: 0 auto 22px;
text-align: center;
font-weight: 950;
font-size: clamp(26px, 3vw, 40px);
color: #0b0d12;
}
/* złota kreska */
.ml2-rent-cta-title::after{
content:"";
display:block;
width:140px;
height:4px;
margin:16px auto 0;
border-radius:999px;
background: linear-gradient(
90deg,
rgba(214,179,106,0) 0%,
rgba(214,179,106,.85) 50%,
rgba(214,179,106,0) 100%
);
box-shadow: 0 6px 16px rgba(214,179,106,.45);
}
/* opis */
.ml2-rent-cta-desc{
max-width: 68ch;
margin: 0 auto 28px;
text-align: center;
color: rgba(11,13,18,.72);
font-size: 16px;
line-height: 1.7;
}
/* przyciski */
.ml2-rent-cta-buttons{
display:flex;
justify-content:center;
gap:14px;
flex-wrap:wrap;
}
/* złoty – STAŁY */
.ml2-rent-cta-gold{
display:inline-flex;
align-items:center;
justify-content:center;
padding:14px 26px;
border-radius:999px;
background:#d6b36a;
color:#0b0d12;
font-weight:950;
font-size:15px;
text-decoration:none;
box-shadow: 0 18px 34px rgba(214,179,106,.35);
transition: transform .15s ease, background .15s ease;
}
.ml2-rent-cta-gold:hover{
background:#caa55b;
transform: translateY(-1px);
}
/* biały → hover SZARY */
.ml2-rent-cta-white{
display:inline-flex;
align-items:center;
justify-content:center;
padding:14px 26px;
border-radius:999px;
background:#ffffff;
border:1px solid rgba(11,13,18,.15);
color:#0b0d12;
font-weight:950;
font-size:15px;
text-decoration:none;
box-shadow: 0 12px 24px rgba(11,13,18,.10);
transition: transform .15s ease, background .15s ease, box-shadow .15s ease;
}
.ml2-rent-cta-white:hover{
background:#f1f2f4;
box-shadow: 0 14px 28px rgba(11,13,18,.14);
transform: translateY(-1px);
}
/* RWD */
@media (max-width:980px){
.ml2-rent-cta-final{
padding: 52px 0 64px;
}
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-0a97d76 *//* ===== ML2 – WYPOŻYCZALNIA: BLOK #1 POD BANEREM (JASNY / OVERRIDE) ===== */
/* Wklej NA ABSOLUTNY KONIEC CSS */
.ml2-rent-b1{
padding: 50px 0 !important;
background:
radial-gradient(900px 360px at 18% 0%, rgba(214,179,106,.16), transparent 60%),
radial-gradient(700px 320px at 85% 10%, rgba(11,13,18,.06), transparent 62%),
#ffffff !important;
border-bottom: 1px solid rgba(11,13,18,.10) !important;
}
.ml2-rent-b1-kicker{
border: 1px solid rgba(214,179,106,.40) !important;
background: rgba(214,179,106,.14) !important;
color: rgba(11,13,18,.80) !important;
}
.ml2-rent-b1-title{
color: #0b0d12 !important;
text-shadow: none !important;
}
.ml2-rent-b1-desc{
color: rgba(11,13,18,.72) !important;
}
/* CTA – spójne jak home: złoty + biały, biały hover szary */
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn{
border: 1px solid rgba(11,13,18,.12) !important;
text-decoration: none !important;
}
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn-primary{
background:#d6b36a !important;
color:#0b0d12 !important;
border-color: rgba(0,0,0,.18) !important;
box-shadow: 0 14px 28px rgba(214,179,106,.18) !important;
}
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn-primary:hover,
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn-primary:focus{
background:#caa55b !important;
transform: translateY(-1px) !important;
}
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-rent-white{
background:#ffffff !important;
color:#0b0d12 !important;
border: 1px solid rgba(11,13,18,.14) !important;
box-shadow: 0 10px 22px rgba(11,13,18,.10) !important;
}
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-rent-white:hover,
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-rent-white:focus{
background:#f1f2f4 !important;
border-color: rgba(11,13,18,.20) !important;
box-shadow: 0 12px 24px rgba(11,13,18,.14) !important;
transform: translateY(-1px) !important;
}
/* zabijamy niebieskie linki wewnątrz (Elementor span itp.) */
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn,
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn *{
color: inherit !important;
text-decoration: none !important;
}
/* karty – jasne */
.ml2-rent-b1-card{
background: rgba(11,13,18,.03) !important;
border: 1px solid rgba(11,13,18,.10) !important;
box-shadow: 0 14px 26px rgba(11,13,18,.08) !important;
}
.ml2-rent-b1-card:hover{
border-color: rgba(214,179,106,.35) !important;
background: rgba(214,179,106,.08) !important;
}
.ml2-rent-b1-ico{
background: rgba(214,179,106,.18) !important;
border: 1px solid rgba(214,179,106,.35) !important;
}
.ml2-rent-b1-cardTitle{
color: #0b0d12 !important;
}
.ml2-rent-b1-cardText{
color: rgba(11,13,18,.70) !important;
}
/* dolny pasek – jasny */
.ml2-rent-b1-bar{
border-top: 1px solid rgba(11,13,18,.10) !important;
color: rgba(11,13,18,.62) !important;
}
/* responsywność */
@media (max-width: 980px){
.ml2-rent-b1{ padding: 38px 0 !important; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a2141ee */.ml2-stickyCta{display:none;}
@media (max-width:980px){
.ml2-stickyCta{
position:fixed;
left:12px;
right:12px;
bottom:calc(12px + env(safe-area-inset-bottom));
z-index:99999;
display:flex;
gap:10px;
padding:10px;
background:rgba(11,13,18,.78);
border:1px solid rgba(255,255,255,.12);
border-radius:18px;
backdrop-filter:blur(12px);
-webkit-backdrop-filter:blur(12px);
box-shadow:0 18px 44px rgba(0,0,0,.35);
}
.ml2-stickyBtn{
flex:1 1 0;
height:46px;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
font-size:14px!important;
font-weight:950!important;
line-height:1!important;
border-radius:14px!important;
text-decoration:none!important;
white-space:nowrap;
transition:transform .15s ease, background .15s ease, box-shadow .15s ease!important;
}
.ml2-stickyBtnGold{
background:#d6b36a!important;
color:#0b0d12!important;
border:1px solid rgba(0,0,0,.18)!important;
box-shadow:0 14px 26px rgba(214,179,106,.22)!important;
}
.ml2-stickyBtnGold:hover{
background:#caa55b!important;
transform:translateY(-1px)!important;
}
.ml2-stickyBtnWhite{
background:#ffffff!important;
color:#0b0d12!important;
border:1px solid rgba(0,0,0,.14)!important;
box-shadow:0 10px 20px rgba(0,0,0,.12)!important;
}
.ml2-stickyBtnWhite:hover{
background:#f1f2f4!important;
transform:translateY(-1px)!important;
}
.ml2-stickyCta a,
.ml2-stickyCta a *{
color:inherit!important;
text-decoration:none!important;
}
body{
padding-bottom:calc(86px + env(safe-area-inset-bottom));
}
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-c7fd0e2 *//* ===== ML2 – WYPOŻYCZALNIA: BLOK #1 POD BANEREM (JASNY / OVERRIDE) ===== */
/* Wklej NA ABSOLUTNY KONIEC CSS */
.ml2-rent-b1{
padding: 50px 0 !important;
background:
radial-gradient(900px 360px at 18% 0%, rgba(214,179,106,.16), transparent 60%),
radial-gradient(700px 320px at 85% 10%, rgba(11,13,18,.06), transparent 62%),
#ffffff !important;
border-bottom: 1px solid rgba(11,13,18,.10) !important;
}
.ml2-rent-b1-kicker{
border: 1px solid rgba(214,179,106,.40) !important;
background: rgba(214,179,106,.14) !important;
color: rgba(11,13,18,.80) !important;
}
.ml2-rent-b1-title{
color: #0b0d12 !important;
text-shadow: none !important;
}
.ml2-rent-b1-desc{
color: rgba(11,13,18,.72) !important;
}
/* CTA – spójne jak home: złoty + biały, biały hover szary */
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn{
border: 1px solid rgba(11,13,18,.12) !important;
text-decoration: none !important;
}
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn-primary{
background:#d6b36a !important;
color:#0b0d12 !important;
border-color: rgba(0,0,0,.18) !important;
box-shadow: 0 14px 28px rgba(214,179,106,.18) !important;
}
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn-primary:hover,
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn-primary:focus{
background:#caa55b !important;
transform: translateY(-1px) !important;
}
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-rent-white{
background:#ffffff !important;
color:#0b0d12 !important;
border: 1px solid rgba(11,13,18,.14) !important;
box-shadow: 0 10px 22px rgba(11,13,18,.10) !important;
}
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-rent-white:hover,
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-rent-white:focus{
background:#f1f2f4 !important;
border-color: rgba(11,13,18,.20) !important;
box-shadow: 0 12px 24px rgba(11,13,18,.14) !important;
transform: translateY(-1px) !important;
}
/* zabijamy niebieskie linki wewnątrz (Elementor span itp.) */
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn,
.ml2-rent-b1 .ml2-rent-b1-ctas a.ml2-btn *{
color: inherit !important;
text-decoration: none !important;
}
/* karty – jasne */
.ml2-rent-b1-card{
background: rgba(11,13,18,.03) !important;
border: 1px solid rgba(11,13,18,.10) !important;
box-shadow: 0 14px 26px rgba(11,13,18,.08) !important;
}
.ml2-rent-b1-card:hover{
border-color: rgba(214,179,106,.35) !important;
background: rgba(214,179,106,.08) !important;
}
.ml2-rent-b1-ico{
background: rgba(214,179,106,.18) !important;
border: 1px solid rgba(214,179,106,.35) !important;
}
.ml2-rent-b1-cardTitle{
color: #0b0d12 !important;
}
.ml2-rent-b1-cardText{
color: rgba(11,13,18,.70) !important;
}
/* dolny pasek – jasny */
.ml2-rent-b1-bar{
border-top: 1px solid rgba(11,13,18,.10) !important;
color: rgba(11,13,18,.62) !important;
}
/* responsywność */
@media (max-width: 980px){
.ml2-rent-b1{ padding: 38px 0 !important; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0b393cd */.ml2-footer{
background: #070910;
border-top: 1px solid var(--ml2-border);
color: var(--ml2-text);
}
.ml2-footer-grid{
display: grid;
grid-template-columns: 1.4fr 1fr 1fr 1.2fr;
gap: 22px;
padding: 34px 0;
}
.ml2-foot-brand{
display:flex;
align-items:center;
gap: 14px;
}
.ml2-foot-logo{
width: 52px; height: 52px;
border-radius: 50%;
box-shadow: 0 10px 22px rgba(0,0,0,.30);
}
.ml2-foot-name{ font-weight: 950; letter-spacing: .4px; }
.ml2-foot-sub{ margin-top: 6px; color: var(--ml2-muted); font-size: 13px; line-height: 1.4; }
.ml2-foot-title{ font-weight: 950; margin-bottom: 12px; }
.ml2-foot-links{ list-style:none; padding:0; margin:0; display:grid; gap: 8px; }
.ml2-foot-links a, .ml2-footer a{ color: var(--ml2-muted); text-decoration:none; font-weight: 750; }
.ml2-foot-links a:hover, .ml2-footer a:hover{ color: var(--ml2-text); }
.ml2-foot-contact{ display:flex; gap:10px; flex-wrap: wrap; margin-bottom: 12px; }
.ml2-foot-btn{
display:inline-block;
padding: 10px 12px;
border-radius: 14px;
border: 1px solid var(--ml2-border);
background: rgba(255,255,255,.04);
color: var(--ml2-text);
text-decoration:none;
font-weight: 900;
font-size: 14px;
}
.ml2-foot-btn2{
background: rgba(214,179,106,.14);
border: 1px solid rgba(214,179,106,.28);
color: var(--ml2-text);
}
.ml2-foot-note{ color: var(--ml2-muted); font-size: 13px; line-height: 1.55; }
.ml2-footer-bottom{
border-top: 1px solid var(--ml2-border);
padding: 14px 0;
}
.ml2-footer-bottom-inner{
display:flex;
align-items:center;
gap:10px;
color: var(--ml2-muted);
font-size: 13px;
}
.ml2-foot-dot{ opacity:.35; }
@media (max-width: 980px){
.ml2-footer-grid{ grid-template-columns: 1fr; padding: 26px 0; }
.ml2-footer-bottom-inner{ flex-wrap: wrap; }
}
.ml2-owner{
color: rgba(244,246,251,.55);
font-size: 12px;
font-weight: 600;
white-space: nowrap;
}
.ml2-owner a{
color: rgba(214,179,106,.9);
text-decoration: none;
font-weight: 700;
}
.ml2-owner a:hover{
color: #d6b36a;
text-decoration: underline;
}
/* ===== ML2 FOOTER – FIX WIDOCZNOŚCI (FINAL) ===== */
.ml2-footer{
/* tło OK, zostaje */
background: #070910;
/* NADPISANIE ZMIENNYCH – kluczowe */
--ml2-text: #f4f6fb;
--ml2-muted: rgba(244,246,251,.70);
--ml2-border: rgba(255,255,255,.12);
color: var(--ml2-text);
}
/* nagłówki kolumn */
.ml2-foot-title{
color: #f4f6fb;
}
/* nazwa firmy */
.ml2-foot-name{
color: #f4f6fb;
}
/* opisy / drobny tekst */
.ml2-foot-sub,
.ml2-foot-note,
.ml2-footer-bottom-inner{
color: var(--ml2-muted);
}
/* linki */
.ml2-footer a,
.ml2-foot-links a{
color: rgba(244,246,251,.75);
}
.ml2-footer a:hover,
.ml2-foot-links a:hover{
color: #ffffff;
}
/* przyciski kontaktowe */
.ml2-foot-btn{
background: rgba(255,255,255,.06);
border: 1px solid rgba(255,255,255,.18);
color: #f4f6fb;
}
.ml2-foot-btn:hover{
background: rgba(255,255,255,.12);
}
/* złoty wariant */
.ml2-foot-btn2{
background: rgba(214,179,106,.18);
border: 1px solid rgba(214,179,106,.45);
color: #f4f6fb;
}
.ml2-foot-btn2:hover{
background: rgba(214,179,106,.28);
}
/* dolna belka */
.ml2-footer-bottom{
border-top: 1px solid rgba(255,255,255,.12);
}
/* podpis autora */
.ml2-owner{
color: rgba(244,246,251,.65);
}
.ml2-owner a{
color: #d6b36a;
}
.ml2-owner a:hover{
color: #f0d38a;
}/* End custom CSS */