#borys-page {
  --borys-graphite:#202a31;
  --borys-gold:#ffd13d;
  --borys-paper:#fcfaf3;
  --borys-stripes:repeating-linear-gradient(
    128deg,var(--borys-graphite) 0 16.5px,var(--borys-gold) 17.5px 37.5px,var(--borys-graphite) 38.5px
  );
}
#borys-page .br-header {
  overflow:visible;
  background:var(--borys-graphite);
  border-bottom:1px solid #39464f;
}
#borys-page .br-header .brand.borys-emblem { position:relative; z-index:2; }
#borys-page .br-header .header-call { border-radius:9px; }
#borys-page .mobile-shortcuts { display:none; }

@media (min-width:1051px) {
  #borys-page .br-header {
    background:
      linear-gradient(to bottom,transparent 22px,var(--borys-graphite) 22px 98px,#fff 98px),
      var(--borys-stripes);
    border-bottom:0;
  }
  #borys-page .br-header .header-inner {
    grid-template-columns:96px minmax(0,1fr) auto;
    gap:clamp(12px,2vw,28px);
    height:120px;
  }
  #borys-page .br-header .brand.borys-emblem {
    width:106px;
    height:106px;
    align-self:center;
  }
  #borys-page .br-header nav {
    position:relative;
    isolation:isolate;
    justify-self:stretch;
    justify-content:center;
    align-items:center;
    gap:clamp(1px,.4vw,7px);
    padding:0 12px;
    min-height:58px;
    border-radius:0 10px 10px 0;
    background:transparent;
  }
  #borys-page .br-header nav ul { align-items:center; }
  #borys-page .br-header nav :is(a,li>a) {
    isolation:isolate;
    position:relative;
    display:flex;
    gap:6px;
    justify-content:center;
    min-height:58px;
    padding:0 clamp(7px,.75vw,13px);
    color:#fff;
    background:transparent;
    border-radius:0;
    transition:color .18s ease;
  }
  #borys-page .br-header nav :is(a[aria-current=page],.current-menu-item>a) {
    color:var(--borys-gold);
    background:transparent;
    box-shadow:inset 0 -3px var(--borys-gold);
  }
  #borys-page .br-header nav a::before {
    content:"";
    position:absolute;
    z-index:-1;
    inset:0 0 -28px;
    background:var(--borys-gold);
    border-radius:0 0 8px 8px;
    box-shadow:0 8px 15px #10171b44;
    transform:scaleY(.65);
    transform-origin:top;
    opacity:0;
    transition:transform .24s cubic-bezier(.2,.8,.3,1),opacity .16s ease;
    pointer-events:none;
  }
  #borys-page .br-header nav :is(a,li>a):is(:hover,:focus-visible) {
    color:var(--borys-graphite);
    background:transparent;
    box-shadow:none;
  }
  #borys-page .br-header nav a:is(:hover,:focus-visible)::before {
    transform:scaleY(1);
    opacity:1;
  }
  #borys-page .br-header nav a:has(> .borys-ui-icon) {
    padding-inline-start:calc(clamp(7px,.75vw,13px) + 23px);
  }
  #borys-page .br-header nav a .borys-ui-icon {
    position:absolute;
    top:50%;
    left:clamp(7px,.75vw,13px);
    width:17px;
    height:17px;
    transform:translateY(-50%);
    transition:left .24s ease,transform .24s ease;
  }
  #borys-page .br-header nav a:is(:hover,:focus-visible) .borys-ui-icon {
    left:calc(50% - 8.5px);
    transform:translateY(30px);
  }
  #borys-page .br-header nav.borys-nav-float {
    position:fixed;
    justify-self:auto;
    background:#2b3a45;
    border-color:#54616a;
    border-radius:10px;
    box-shadow:0 12px 28px #121b2255;
  }

}

#borys-page main > .hero {
  padding-block:0;
  background:var(--borys-graphite);
  overflow:hidden;
}
#borys-page main > .hero > .hero-grid {
  isolation:isolate;
  overflow:visible;
  min-height:var(--hero-height);
  border-radius:0;
  outline:none;
  box-shadow:none;
  background:transparent;
}
#borys-page .hero .hero-grid::before { content:none; }
#borys-page main > .hero .hero-copy {
  align-self:center;
  width:48%;
  padding:34px 0 54px;
}
#borys-page .hero .hero-copy h1 { max-width:13ch; text-wrap:balance; }
#borys-page .hero .hero-art {
  inset:0 auto 0 43%;
  width:calc(57% + max(0px,(100vw - 1240px)/2));
  background:var(--borys-gold);
  clip-path:polygon(25% 0,100% 0,100% 100%,25% 100%,0 53%);
}
#borys-page .hero .hero-art figure {
  inset:16px 0 16px 18px;
  width:calc(100% - 18px);
  height:auto;
  clip-path:polygon(25% 0,100% 0,100% 100%,25% 100%,0 53%);
}
#borys-page .hero .hero-art img { object-position:center 56%; }
#borys-page main > .hero .actions .button { border-radius:9px; }

#borys-page main:has(> .hero) .offer-heading {
  background:linear-gradient(119deg,#202a31 0 87%,#344957 87%);
  color:#fff;
  border-bottom:0;
}
#borys-page main:has(> .hero) .offer-heading h3 { color:#fff; }
#borys-page main:has(> .hero) .offer-heading .offer-illustration { color:var(--borys-gold); }
#borys-page main:has(> .hero) .offer-card {
  background:#fff;
  border-width:0 1px 1px;
  border-radius:0 0 14px 14px;
  clip-path:var(--card-shape);
}
#borys-page main:has(> .hero) .offer-card::before { inset-inline:-1px; }
#borys-page main:has(> .hero) .offer-heading {
  justify-content:center;
}
#borys-page main:has(> .hero) .offer-heading h3 {
  width:auto;
  text-align:center!important;
}
#borys-page main:has(> .hero) .offer-heading .offer-illustration {
  flex-basis:40px;
  width:40px;
  height:40px;
}
#borys-page main:has(> .hero) .offer-card.yellow .offer-heading {
  background:linear-gradient(119deg,#ffd13d 0 87%,#f5bd24 87%);
}
#borys-page main:has(> .hero) .offer-card.yellow .offer-heading :is(h3,.offer-illustration) {
  color:var(--borys-graphite);
}
#borys-page .service-card-heading {
  padding-bottom:10px;
  border-bottom:1px solid #e7ddc4;
}
#borys-page .service-cards article { background:var(--borys-paper); }
#borys-page main .br-faq details { border-left:3px solid #e3ab24; }

@media (max-width:1050px) {
  #borys-page .br-header .header-inner { position:static; }
  #borys-page .br-header .menu-toggle span { background:#fff; }
  #borys-page .br-header nav { overflow-x:hidden; }
  #borys-page .br-header nav:not(.is-open) { transform:translateX(-100%); }
  #borys-page .br-header nav.is-open { transform:none; }
  #borys-page .mobile-shortcuts {
    position:fixed;
    z-index:15;
    inset:auto 0 0;
    display:flex;
    justify-content:stretch;
    padding:5px max(8px,env(safe-area-inset-right)) max(5px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));
    background:var(--borys-graphite);
    color:#fff;
    box-shadow:0 -6px 25px #10171b36;
    border-top:1px solid #52616a;
  }
  #borys-page .mobile-shortcuts > a {
    display:grid;
    justify-items:center;
    align-content:center;
    flex:1 1 0;
    gap:3px;
    min-height:50px;
    padding:4px 2px;
    color:#fff;
    font-size:12px;
    line-height:1.2;
    border-radius:7px;
  }
  #borys-page .mobile-shortcuts > a::after { content:none; }
  #borys-page .mobile-shortcuts .borys-ui-icon { width:23px; height:23px; }
  #borys-page .mobile-shortcuts > a[aria-current=page] { color:var(--borys-gold); }
  #borys-page .mobile-shortcuts > a.mobile-shortcut-call {
    color:var(--borys-graphite);
    background:var(--borys-gold);
  }
  #borys-page { padding-bottom:calc(61px + env(safe-area-inset-bottom)); }
}
@media (max-width:800px) {
  #borys-page main > .hero > .hero-grid { min-height:0; grid-template-columns:minmax(0,1fr); }
  #borys-page main > .hero .hero-copy { width:auto; padding:34px 0 24px; }
  #borys-page .hero .hero-art {
    position:relative;
    inset:auto;
    z-index:auto;
    width:100%;
    aspect-ratio:16/10;
    margin-bottom:24px;
    clip-path:polygon(8% 0,100% 0,100% 86%,92% 100%,0 100%,0 16%);
  }
  #borys-page .hero .hero-art figure {
    inset:5px;
    width:auto;
    clip-path:polygon(8% 0,100% 0,100% 86%,92% 100%,0 100%,0 16%);
  }
}
@media(prefers-reduced-motion:reduce) {
  #borys-page .br-header nav :is(a,a::before,.borys-ui-icon) { transition:none; }
}

#borys-page .borys-coverage .borys-map-heading h2 {
  border-radius:9px;
  background:var(--borys-gold);
  color:var(--borys-graphite);
}
#borys-page .city-index .button { border-radius:10px; }
#borys-page .borys-footer-banner .button { border-radius:9px; }
#borys-page .borys-footer-banner { border-bottom-color:#ffd13d55; }
@media (min-width:801px) and (max-width:1200px) {
  #borys-page main > .hero .hero-copy { padding-block:24px; }
}

@media (min-width:1051px) {
  #borys-page .br-header .header-inner { position:relative; }
  #borys-page .br-header .brand.borys-emblem { width:104px; height:104px; }
  #borys-page .br-header nav a:before { inset:0 0 -36px; }
}

#borys-page main .service-hero,
#borys-page main > .section.borys-intro:has(h1) {
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
#borys-page .service-hero::before,
#borys-page .borys-intro::before {
  content:"";
  position:absolute;
  inset:0 0 0 49%;
  z-index:-1;
  background:linear-gradient(135deg,#fff1b0 0%,#ffd13d 60%,#f3b727 100%);
  clip-path:polygon(33% 0,100% 0,100% 100%,33% 100%,0 55%);
}
#borys-page main .service-kas .service-hero {
  background:linear-gradient(125deg,#202a31 55%,#354a58);
}
#borys-page .borys-intro-kontakt::before,
#borys-page .service-kas .service-hero::before {
  background:linear-gradient(130deg,#617784,#31444f 67%);
}
#borys-page .borys-intro-faq::before,
#borys-page .borys-intro-miejscowosc::before {
  background:linear-gradient(130deg,#e9ddba,#ffe48a);
}
#borys-page :is(.service-visual,.borys-intro-visual) {
  --frame:polygon(13% 0,100% 0,100% 86%,89% 100%,0 100%,0 22%);
  position:relative;
  padding:7px;
  background:var(--borys-graphite);
  clip-path:var(--frame);
}
#borys-page :is(.service-kas,.borys-intro-kontakt) :is(.service-visual,.borys-intro-visual) {
  background:var(--borys-gold);
}
#borys-page :is(.service-visual,.borys-intro-visual) img {
  clip-path:var(--frame);
  border-radius:0;
  box-shadow:none;
}
@media(max-width:800px) {
  #borys-page .service-hero::before,
  #borys-page .borys-intro::before {
    inset:46% 0 0 0;
    clip-path:polygon(0 47%,100% 0,100% 100%,0 100%);
    opacity:.45;
  }
}
@media(prefers-reduced-motion:reduce) {
  #borys-page .br-header nav a .borys-ui-icon,
  #borys-page .br-header nav a::before { transition:none; }
}

#borys-page footer.borys-footer {
  --footer-cut:clamp(26px,7.5vw,140px);
  --footer-edge:clamp(6px,.65vw,12px);
  position:relative;
  isolation:isolate;
  border-radius:0;
  background:var(--borys-gold);
  clip-path:polygon(var(--footer-cut) 0,100% 0,100% 100%,0 100%,0 var(--footer-cut));
}
#borys-page footer.borys-footer::before {
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:var(--borys-graphite);
  clip-path:polygon(calc(var(--footer-cut) + var(--footer-edge) * 2) var(--footer-edge),100% var(--footer-edge),100% 100%,0 100%,0 calc(var(--footer-cut) + var(--footer-edge)));
}

#borys-page main:has(> .hero) .city-copy > section,
#borys-page main :is(.service-cards,.process-grid,.vehicle-grid) article,
#borys-page main .offer-card,
#borys-page main :is(.city-copy,.service-guide,.section-title,.service-offer,.process-grid,.vehicle-grid,.offer-grid) p:not(:where(.city-copy > section p,article p,.br-faq p)),
#borys-page main .city-copy > section p:not(:where(main:has(> .hero) .city-copy p,.br-faq p)) {
  --card-edge:var(--borys-graphite);
  --card-cut:24px;
  --card-shape:polygon(var(--card-cut) 0,100% 0,100% 100%,0 100%,0 var(--card-cut));
  --card-line:polygon(var(--card-cut) 0,100% 0,100% 6px,calc(var(--card-cut) + 2px) 6px,0 calc(var(--card-cut) + 8px),0 var(--card-cut));
  position:relative;
  clip-path:var(--card-shape);
  border-top-color:transparent;
  border-top-left-radius:0;
}
#borys-page main:has(> .hero) .city-copy > section {
  display:flex;
  flex-direction:column;
  justify-content:center;
}
#borys-page main:has(> .hero) .city-copy > section:nth-child(2) {
  --card-edge:var(--borys-gold);
  --card-shape:polygon(0 0,calc(100% - var(--card-cut)) 0,100% var(--card-cut),100% 100%,0 100%);
  --card-line:polygon(0 0,calc(100% - var(--card-cut)) 0,100% var(--card-cut),100% calc(var(--card-cut) + 8px),calc(100% - var(--card-cut) - 2px) 6px,0 6px);
  border-top-color:transparent;
  border-top-left-radius:20px;
  border-top-right-radius:0;
}
#borys-page main:has(> .hero) .city-copy > section::before,
#borys-page main :is(.service-cards,.process-grid,.vehicle-grid) article::before,
#borys-page main .offer-card::before,
#borys-page main :is(.city-copy,.service-guide,.section-title,.service-offer,.process-grid,.vehicle-grid,.offer-grid) p:not(:where(.city-copy > section p,article p,.br-faq p))::before,
#borys-page main .city-copy > section p:not(:where(main:has(> .hero) .city-copy p,.br-faq p))::before {
  content:"";
  position:absolute;
  inset:0;
  background:var(--card-edge);
  z-index:1;
  clip-path:var(--card-line);
  pointer-events:none;
}
#borys-page main .service-guide section,
#borys-page main .city-copy > section + section { border-top:0; }
#borys-page .service-card-heading { border:0; }
#borys-page .offer-facts {
  border:0;
  grid-template-columns:auto minmax(0,max-content);
  justify-content:center;
  text-align:left;
  justify-items:start;
}
#borys-page .offer-facts > .borys-ui-icon { width:34px; height:34px; }
#borys-page main .offer-card { --card-edge:var(--borys-gold); }
#borys-page main .offer-card.yellow { --card-edge:var(--borys-graphite); }
@media(max-width:1050px) {
  #borys-page .br-header nav :is(a[aria-current="page"],.current-menu-item > a) {
    box-shadow:inset 0 0 0 3px var(--borys-graphite);
  }
}

#borys-page .borys-map-svg .borys-pin-label text { text-anchor:middle; }
#borys-page .borys-intro-copy > p + .button { margin-top:20px; }
#borys-page .service-preparation > aside { font-size:16px; }
#borys-page .service-preparation > aside h2 { font-size:17px; }
@media(min-width:1100px) and (max-width:1220px) {
  #borys-page .service-preparation > aside,
  #borys-page .service-preparation > aside ul { flex-wrap:wrap; }
}
#borys-page :is(.service-body > aside,.borys-faq-contact) {
  display:grid;
  justify-items:center;
  text-align:center;
  gap:14px;
  padding:42px clamp(20px,2.5vw,36px) 28px;
  border-radius:10px 10px 28px 10px;
  color:var(--borys-graphite);
  background:
    var(--borys-stripes) top / 100% 13px no-repeat,
    var(--borys-gold);
}
#borys-page :is(.service-body > aside,.borys-faq-contact) :is(h2,p,a) { margin:0; }
#borys-page :is(.service-body > aside,.borys-faq-contact) p { color:var(--borys-graphite); }
#borys-page :is(.service-body > aside,.borys-faq-contact) > .button {
  display:inline-flex;
  justify-content:center;
  width:100%;
  background:var(--borys-graphite);
  color:#fff;
}
#borys-page :is(.service-body > aside,.borys-faq-contact) > .button:is(:hover,:focus-visible) { background:#344752; }
#borys-page :is(.service-body > aside,.borys-faq-contact) > a:not(.button) { text-decoration:underline; text-underline-offset:3px; }
@media(min-width:801px) and (min-height:560px) {
  #borys-page :is(.service-body > aside,.borys-faq-contact) { position:sticky; top:104px; }
  body.admin-bar #borys-page :is(.service-body > aside,.borys-faq-contact) { top:136px; }
}

/* Align the painted edges with the outer clipping geometry. */
#borys-page main:has(> .hero) .city-copy > section {
  border-top-width:0;
}
#borys-page main:has(> .hero) .city-copy > section:nth-child(2) {
  border-style:none;
  border-top-left-radius:0;
}
#borys-page main:has(> .hero) .offer-card:hover {
  transform:none;
}
#borys-page main:has(> .hero) .offer-heading {
  flex:none;
  min-height:calc(2 * 1.22 * clamp(22px,2.5vw,30px) + 58px);
}

#borys-page .borys-faq-contact { align-self:start; }
#borys-page .borys-faq-contact h2 { font-size:clamp(26px,3vw,40px); }
#borys-page .borys-faq-contact .button { gap:9px; }
#borys-page .borys-back-top {
  position:fixed;
  right:max(18px,env(safe-area-inset-right));
  bottom:20px;
  z-index:14;
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  border:1px solid #202a31;
  border-radius:10px;
  background:var(--borys-gold);
  color:var(--borys-graphite);
  box-shadow:0 5px 16px #202a3129;
}
#borys-page .borys-back-top[hidden] { display:none; }
#borys-page .borys-back-top:is(:hover,:focus-visible) { background:var(--borys-graphite); color:#fff; }
@media(max-width:1050px) {
  #borys-page .borys-back-top { bottom:calc(76px + env(safe-area-inset-bottom)); }
}