.elementor-kit-17{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-17 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --fc-ink:#1F4468; --fc-muted:#5A6F84; --fc-blue:#0B76BC; --fc-bg:#F1F5F9; --fc-hero:#E6EEF5; --fc-card:#E3EAF1; --fc-line:#C9D5E0; --fc-white:#FFFFFF; --fc-font:Inter Tight; --fc-font-num:Bricolage Grotesque; --sh-font-head:Montserrat; --sh-font-text:Inter; }
/* Start custom CSS */:root { --fc-ink:#1F4468; --fc-muted:#5A6F84; --fc-blue:#0B76BC; --fc-bg:#F1F5F9; --fc-hero:#E6EEF5; --fc-card:#E3EAF1; --fc-line:#C9D5E0; --fc-white:#FFFFFF; --fc-font:Inter Tight; --fc-font-num:Bricolage Grotesque; --sh-font-head:Montserrat; --sh-font-text:Inter; }
/* Rolbest: na telefonach i tabletach bez efektu pojawiania sie przy przewijaniu (miganie i skakanie tresci) */
@media (max-width:1024px){.elementor [data-interaction-id][style*="transition"],.elementor [data-interaction-id][style*="transform"],.elementor [data-interaction-id][style*="opacity"]{opacity:1!important;transform:none!important;filter:none!important}}
/* Rolbest: przyciski - kursor i dotyk */
.elementor .e-button-base{cursor:pointer;-webkit-tap-highlight-color:transparent}
/* Rolbest: menu rozwijane (desktop) */
.elementor .sh-dd-panel{opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s ease,transform .25s ease,visibility 0s linear .3s}
.elementor .sh-dd:hover>.sh-dd-panel,.elementor .sh-dd:focus-within>.sh-dd-panel{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.elementor .sh-dd-panel::before{content:""!important;display:block!important;position:absolute!important;top:-36px!important;bottom:auto!important;left:0!important;right:0!important;width:auto!important;height:36px!important;background:transparent!important;opacity:1!important;mix-blend-mode:normal!important}
.elementor .sh-dd>.sh-nav-a{position:relative;padding-right:15px;padding-block:6px}
.elementor .sh-dd>.sh-nav-a::after{content:"";position:absolute;right:1px;top:50%;width:6px;height:6px;margin-top:-5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .25s}
.elementor .sh-dd:hover>.sh-nav-a,.elementor .sh-dd:focus-within>.sh-nav-a{color:#D21D30}
.elementor .sh-dd:hover>.sh-nav-a::after,.elementor .sh-dd:focus-within>.sh-nav-a::after{transform:translateY(3px) rotate(225deg)}
.elementor .sh-dd-i:hover .sh-dd-t,.elementor .sh-dd-i:focus .sh-dd-t{color:#D21D30}
.elementor .sh-dd-a a,.elementor .sh-mnav-a a,.elementor .sh-rb-chip a{display:block}
.elementor .sh-nav-d>.sh-dd{width:auto!important;flex:0 0 auto}
.elementor header .sh-btn-red{white-space:nowrap}
.elementor .sh-burger,.elementor .sh-burger-i{width:46px!important;min-width:46px;flex:0 0 46px}
@media (max-width:1199px){.elementor .sh-nav-d{display:none!important}}
@media (min-width:1200px){.elementor .sh-burger{display:none!important}}
/* Rolbest: menu mobilne (hamburger) */
.elementor .sh-burger-h{list-style:none}
.elementor .sh-burger-h::-webkit-details-marker{display:none}
.elementor .sh-burger-h::marker{content:""}
.elementor .sh-burger-h::before,.elementor .sh-burger-h::after{content:""!important;display:block!important;position:absolute!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;width:20px!important;height:2px!important;margin:-1px 0 0 -10px!important;padding:0!important;background:#272727!important;border:0!important;border-radius:2px!important;transform:none!important;transition:transform .3s ease,box-shadow .3s ease,opacity .2s!important}
.elementor .sh-burger-h::before{box-shadow:0 -6px 0 #272727,0 6px 0 #272727}
.elementor .sh-burger-h::after{opacity:0}
.elementor details[open]>.sh-burger-h{border-color:#272727}
.elementor details[open]>.sh-burger-h::before{box-shadow:none;transform:rotate(45deg)!important}
.elementor details[open]>.sh-burger-h::after{opacity:1;transform:rotate(-45deg)!important}
.elementor .sh-burger-t{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0);white-space:nowrap}
.elementor .sh-mnav{position:absolute!important;top:100%!important;left:0!important;right:0!important;width:100%!important;max-height:calc(100svh - 74px);overflow-y:auto;overscroll-behavior:contain;background:#fff;border-top:1px solid #E4E4E4;box-shadow:0 30px 60px rgba(0,0,0,.14);padding:22px clamp(16px,4vw,56px) 28px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 40px;box-sizing:border-box}
.elementor .sh-mnav .sh-rb{grid-column:1/-1}
@media (max-width:767px){.elementor .sh-mnav{grid-template-columns:minmax(0,1fr);gap:20px;padding-bottom:120px!important}.elementor header .sh-btn-red{white-space:nowrap;font-size:14px;padding-inline:14px!important}}
/* Rolbest: drobne poprawki menu i bloku rolbest.pl */
.elementor .sh-dd-panel{min-width:280px}
@media (min-width:1200px) and (max-width:1365px){.elementor header .sh-nav-a:has(a[href^="tel"]){display:none}}
.elementor .sh-xs-tile:hover .sh-dd-t,.elementor .sh-xs-tile:hover .sh-arr{color:#D21D30}
/* Rolbest: poradnik (wpisy i lista) */
.elementor .sh-art-p a{color:#272727;text-decoration:none;border-bottom:1px solid #D21D30;transition:color .2s}
.elementor .sh-art-p a:hover{color:#D21D30}
.elementor .sh-art-list ul,.elementor .sh-art-list ol{margin:0;padding-left:1.25em;display:flex;flex-direction:column;gap:10px}
.elementor .sh-art-list li::marker{color:#D21D30}
.elementor .sh-art-tr:nth-child(odd){background:#FCFCFC}
.elementor .sh-pcrumb a{color:#5D5D5D;text-decoration:none;border-bottom:1px solid #CFCFCF}
.elementor .sh-pcrumb a:hover{color:#D21D30;border-color:#D21D30}
.elementor .sh-pcard .sh-img-cover{transition:transform 1.1s cubic-bezier(.2,.7,.1,1)}
.elementor .sh-pcard:hover .sh-img-cover{transform:scale(1.05)}
.elementor .sh-pcard:hover .sh-pcard-t,.elementor .sh-pcard:hover .sh-pcard-more{color:#D21D30}
/* Rolbest: menu z Poradnikami - miejsce na 1200-1365 px */
.elementor .sh-nav-d{width:auto!important;flex:0 0 auto}
@media (max-width:1365px){.elementor .sh-nav-d{gap:18px!important}}
/* Rolbest: petla wpisow bez domyslnych 10 px (wyrownanie z reszta strony) */
.elementor .e-collection-loop-base,.elementor .e-collection-loop-layout-base,.elementor [data-element_type="e-collection-loop-item"]{padding:0!important}

/* Rolbest: karuzela opinii Google (sh-rev). Bazowo: przesuwanie palcem/gladzikiem ze snapem. */
.elementor .sh-rev-vp{overflow-x:auto!important;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;container-type:inline-size}
.elementor .sh-rev-vp::-webkit-scrollbar{display:none}
.elementor .sh-rev-track{width:max-content;flex-wrap:nowrap!important}
.elementor .sh-rev-card{flex:0 0 auto;width:min(84vw,460px);scroll-snap-align:start;min-height:280px}
@media (min-width:768px){.elementor .sh-rev-card{width:calc((100cqw - 48px)/3);min-width:300px}}
@media (min-width:768px) and (max-width:1024px){.elementor .sh-rev-card{width:calc((100cqw - 24px)/2)}}
.elementor .sh-rev-fill{width:100%;transform-origin:left center;transform:scaleX(.12)}
/* Pasek postepu przy recznym przesuwaniu */
@supports (animation-timeline: scroll()){
 .elementor .sh-rev{timeline-scope:--shrevx}
 .elementor .sh-rev-vp{scroll-timeline:--shrevx x}
 .elementor .sh-rev-fill{animation:shRevFill linear both;animation-timeline:--shrevx}
}
/* Desktop: sekcja przypina sie, a przewijanie strony przesuwa karty w bok */
@supports (animation-timeline: view()){
 @media (min-width:1025px) and (min-height:660px) and (prefers-reduced-motion:no-preference){
  .elementor .sh-rev{height:380vh;padding-block:0!important;view-timeline:--shrev block;timeline-scope:none}
  .elementor .sh-rev-pin{position:sticky!important;top:0;height:100vh;display:flex!important;flex-direction:column;justify-content:center;padding-top:90px!important;box-sizing:border-box}
  .elementor .sh-rev-vp{overflow:hidden!important;scroll-snap-type:none}
  .elementor .sh-rev-track{animation:shRevX linear both;animation-timeline:--shrev;animation-range:contain 8% contain 92%;will-change:transform}
  .elementor .sh-rev-fill{animation:shRevFill linear both;animation-timeline:--shrev;animation-range:contain 8% contain 92%}
 }
}
@supports (animation-timeline: view()){
 @media (min-width:1025px) and (min-height:660px) and (max-height:899px) and (prefers-reduced-motion:no-preference){
  .elementor .sh-rev-pin{padding-top:80px!important}
  .elementor .sh-rev-pin .sh-label{margin-bottom:12px!important;padding-bottom:10px!important}
  .elementor .sh-rev-pin .sh-h2{margin-block-end:20px!important;font-size:clamp(28px,3vw,40px)!important}
  .elementor .sh-rev-card{min-height:0;padding:22px!important;gap:16px!important}
  .elementor .sh-rev-card .sh-quote{font-size:16px!important;line-height:1.45!important}
  .elementor .sh-rev-bar{margin-block-start:18px!important}
  .elementor .sh-rev-pin .sh-link{margin-block-start:14px!important}
 }
}
@keyframes shRevX{from{transform:translateX(0)}to{transform:translateX(calc(-100% + 100cqw))}}
@keyframes shRevFill{from{transform:scaleX(.12)}to{transform:scaleX(1)}}
/* Rolbest: menu hamburger na tabletach - kolumny bez pustych dziur */
@media (min-width:768px) and (max-width:1199px){
.elementor .sh-mnav{display:block!important;column-count:2;column-gap:48px}
.elementor .sh-mnav>*{break-inside:avoid;page-break-inside:avoid;margin-block-end:28px!important;width:100%!important}
.elementor .sh-mnav>.sh-rb{column-span:all;margin-block-end:0!important}
}
@media (min-width:1000px) and (max-width:1199px){.elementor .sh-mnav{column-count:3}}
/* Rolbest: ukryta pusta ikona akordeonu w hamburgerze (wystawala poza ekran) */
.elementor .sh-burger-h .e-accordion-item-icon-base{display:none!important}
/* ===== v17 (2026-10-15): adresy zdjec wzgledne; v16: odstepy sekcji, szerokosci tekstow, czerwone pasy ze zdjeciem ===== */
/* 1. Jeden rytm odstepow miedzy sekcjami na podstronach */
body:not(.home):not(.page-id-1375) [data-elementor-type="wp-page"] section.e-con:not(.sh-hero):not(.sh-band):not(:first-child){padding-block:clamp(56px,6.5vw,104px)!important}
/* dwie biale sekcje obok siebie: bez podwojnego odstepu */
body:not(.home):not(.page-id-1375) [data-elementor-type="wp-page"] section.sh-sec+section.sh-sec{padding-top:0!important}
/* sekcje, ktore celowo nie maja odstepu (pasy ze zdjeciem, kontynuacje) */
body:not(.home):not(.page-id-1375) [data-elementor-type="wp-page"] section.e-con.elementor-element:is(.elementor-element-597262ce,.elementor-element-7fa9ab9f,.elementor-element-5dfb3ae2,.elementor-element-44aaf704,.elementor-element-1af50316,.elementor-element-1mbuk6i){padding-block:0!important}
body:not(.home):not(.page-id-1375) [data-elementor-type="wp-page"] section.e-con.elementor-element.elementor-element-35abfa02{padding-block:10px!important}
body:not(.home):not(.page-id-1375) [data-elementor-type="wp-page"] section.e-con.elementor-element:is(.elementor-element-24796b84,.elementor-element-1b5babc5,.elementor-element-57723a43,.elementor-element-66477cb9){padding-top:0!important}
/* 2. Teksty: rowne linie naglowkow, bez wiszacych slow, wygodna dlugosc linii */
body:not(.home):not(.page-id-1375) [data-elementor-type="wp-page"] :is(h1,h2,h3){text-wrap:balance}
body:not(.home):not(.page-id-1375) [data-elementor-type="wp-page"] p{text-wrap:pretty}
body:not(.home):not(.page-id-1375) [data-elementor-type="wp-page"] section:not(.sh-hero) p.sh-p{max-width:68ch}
body:not(.home):not(.page-id-1375) [data-elementor-type="wp-page"] section:not(.sh-hero) p.sh-lead{max-width:60ch}
/* 3. Czerwone pasy CTA: zdjecie z realizacji pod czerwonym kryciem */
.elementor .sh-band{--shb:linear-gradient(90deg,rgba(196,24,42,.95) 0%,rgba(210,29,48,.88) 55%,rgba(150,14,30,.80) 100%);background-image:var(--shb);background-size:cover;background-position:center}
@media (max-width:767px){.elementor .sh-band{--shb:linear-gradient(rgba(206,26,45,.92),rgba(190,22,40,.92))}}
.elementor .elementor-element-26726def{background-image:var(--shb),url(/wp-content/uploads/2026/10/shuttersy-biale-salon-gdansk-1-1536x1154.jpg);background-size:cover;background-position:center}
.elementor .elementor-element-53e9720a{background-image:var(--shb),url(/wp-content/uploads/2026/10/shuttersy-biale-jadalnia-kielce-1-1152x1536.jpg);background-size:cover;background-position:center}
.elementor .elementor-element-72aea648{background-image:var(--shb),url(/wp-content/uploads/2026/10/shuttersy-biale-lazienka-warszawa-1-864x1536.jpg);background-size:cover;background-position:center}
.elementor .elementor-element-c43744{background-image:var(--shb),url(/wp-content/uploads/2026/10/shuttersy-biale-salon-olszewnica-stara-1-1536x864.jpg);background-size:cover;background-position:center}
.elementor .elementor-element-37889253{background-image:var(--shb),url(/wp-content/uploads/2026/10/shuttersy-biale-salon-sopot-1-1536x1152.jpg);background-size:cover;background-position:center}
.elementor .elementor-element-2011fb74{background-image:var(--shb),url(/wp-content/uploads/2026/10/shuttersy-miodowe-salon-lodz-1-1536x864.jpg);background-size:cover;background-position:center}
.elementor .elementor-element-3b157bb8{background-image:var(--shb),url(/wp-content/uploads/2026/10/shuttersy-biale-jadalnia-gdansk-1-1536x1152.jpg);background-size:cover;background-position:center}
.elementor .elementor-element-4fa857ba{background-image:var(--shb),url(/wp-content/uploads/2026/10/shuttersy-biale-salon-poznan-1-1536x727.jpg);background-size:cover;background-position:center}
.elementor .elementor-element-2b07c89e{background-image:var(--shb),url(/wp-content/uploads/2026/10/shuttersy-beach-white-salon-wroclaw-1-1536x1154.jpg);background-size:cover;background-position:center}
.elementor .elementor-element-feddc7f{background-image:var(--shb),url(/wp-content/uploads/2026/10/shuttersy-redwood-sypialnia-wegrzce-k-krakowa-1-1154x1536.jpg);background-size:cover;background-position:center}
.elementor .elementor-element-31cfa4ee{background-image:var(--shb),url(/wp-content/uploads/2026/10/shuttersy-biale-salon-opole-1-1154x1536.jpg);background-size:cover;background-position:center}
.elementor .elementor-element-25fc61ed{background-image:var(--shb),url(/wp-content/uploads/2026/10/shuttersy-biale-lazienka-elblag-1-1536x1152.jpg);background-size:cover;background-position:center}
.elementor .elementor-element-452eb1{background-image:var(--shb),url(/wp-content/uploads/2026/10/shuttersy-biale-jadalnia-warszawa-wilanow-1-1536x864.jpg);background-size:cover;background-position:center}
.elementor .elementor-element-1d3c3a7b{background-image:var(--shb),url(/wp-content/uploads/2026/10/shuttersy-biale-salon-osiek-maly-1-1536x1154.jpg);background-size:cover;background-position:center}/* End custom CSS */