@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
/* ===== DEVOWEB BRAND v3 — wspólny blok (identyczny w każdej sekcji) ===== */
:root{
  --dw-grad:linear-gradient(135deg,#FF9A2E 0%,#FF4507 55%,#F65E77 100%);
  --dw-grad-h:linear-gradient(90deg,#FF9A2E 0%,#FF4507 55%,#F65E77 100%);
  --dw-accent:#FF5214;
  --dw-font:Inter,"Helvetica Neue",Arial,sans-serif;
  --dw-r-card:18px;
  --dw-r-inner:12px;
  --dw-r-pill:999px;
  --dw-logo:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='90 0 332 512'%3E%3Cpath d='M296 493 C295 490 268 439 237 378 C206 318 181 268 181 267 C181 266 194 239 210 206 C226 174 239 147 239 146 C239 146 222 146 201 146 L162 146 L157 149 C149 153 148 156 124 205 C100 255 98 258 99 270 C100 280 99 278 146 368 C169 415 192 458 195 465 C202 479 209 486 218 491 C228 496 230 497 265 497 L298 497 L296 493 Z M351 360 C362 356 362 357 387 305 C400 280 411 257 412 254 C414 248 414 234 412 228 C410 221 313 33 309 28 C305 22 297 16 289 13 C284 11 282 10 249 10 C230 10 215 10 215 10 C215 11 239 58 268 115 C298 173 324 224 327 230 L332 240 L303 300 C287 333 274 360 274 360 C274 362 345 361 351 360 Z'/%3E%3C/svg%3E");
}
/* Znak z logo — kolorowany gradientem przez maskę */
.dw-mark{display:inline-block;flex:0 0 auto;width:.65em;height:1em;background:var(--dw-grad);-webkit-mask:var(--dw-logo) center/contain no-repeat;mask:var(--dw-logo) center/contain no-repeat;vertical-align:middle}
/* Eyebrow nad nagłówkiem — jeden wzór na całej stronie */
.dw-eyebrow{display:inline-flex!important;align-items:center;gap:10px;margin:0 0 22px!important;padding:0!important;font-family:var(--dw-font)!important;font-size:11px!important;font-weight:600!important;line-height:1.3!important;letter-spacing:.16em!important;text-transform:uppercase!important}
.dw-eyebrow .dw-mark{font-size:15px}
.dw-on-light .dw-eyebrow{color:#5f5f5b!important}
.dw-on-dark .dw-eyebrow{color:#c4c4c6!important}
/* Nagłówek H2 — jeden wzór na całej stronie */
h2.dw-h2{margin:0!important;font-family:var(--dw-font)!important;font-size:clamp(40px,4.6vw,68px)!important;font-weight:600!important;font-style:normal!important;line-height:1!important;letter-spacing:-.05em!important;text-transform:none!important;max-width:none}
h2.dw-h2 .dw-h2__muted{font-weight:600!important;font-style:normal!important;opacity:1!important}
.dw-on-light h2.dw-h2{color:#151515!important}
.dw-on-light h2.dw-h2 .dw-h2__muted{color:#8b8b86!important}
.dw-on-dark h2.dw-h2{color:#f5f5f3!important}
.dw-on-dark h2.dw-h2 .dw-h2__muted{color:#8e8e93!important}
h2.dw-h2 .dw-h2__dot,.dw-dot{background:var(--dw-grad);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent!important}
/* Przycisk główny w gradiencie logo (ciemny tekst = czytelny kontrast) */
a.dw-btn,a.dw-btn:link,a.dw-btn:visited{display:inline-flex!important;align-items:center!important;justify-content:space-between;gap:22px;min-height:52px;padding:0 22px!important;border:0!important;border-radius:var(--dw-r-pill)!important;background:var(--dw-grad)!important;background-size:170% 100%!important;background-position:0 0!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;font-family:var(--dw-font)!important;font-size:13px!important;font-weight:650!important;text-decoration:none!important;box-shadow:none!important;opacity:1!important;transition:background-position .45s ease,transform .25s ease,box-shadow .25s ease!important}
a.dw-btn *{color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;background:transparent!important}
a.dw-btn:hover,a.dw-btn:focus-visible,a.dw-btn:active{background:var(--dw-grad)!important;background-size:170% 100%!important;background-position:100% 0!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;transform:translateY(-2px);box-shadow:0 12px 30px rgba(255,69,7,.28)!important;text-decoration:none!important}
/* „Wcięcie” w rogu karty z logo w środku. --dw-notch-bg = kolor tła sekcji */
.dw-notch{position:absolute;z-index:3;top:-1px;right:-1px;display:grid;place-items:center;width:calc(var(--dw-notch,104px) + 1px);height:calc(var(--dw-notch,104px) + 1px);background:var(--dw-notch-bg,#f2f2f0);border-bottom-left-radius:var(--dw-r-card);pointer-events:none}
.dw-notch::before,.dw-notch::after{position:absolute;width:var(--dw-r-card);height:var(--dw-r-card);background:radial-gradient(circle at 0 100%,transparent calc(var(--dw-r-card) - .5px),var(--dw-notch-bg,#f2f2f0) var(--dw-r-card));content:""}
.dw-notch::before{top:0;left:calc(var(--dw-r-card) * -1)}
.dw-notch::after{right:0;bottom:calc(var(--dw-r-card) * -1)}
.dw-notch .dw-mark{font-size:calc(var(--dw-notch,104px) * .5)}
@media(max-width:700px){h2.dw-h2{font-size:clamp(36px,10vw,48px)!important}.dw-notch{--dw-notch:76px}}
@media(prefers-reduced-motion:reduce){a.dw-btn{transition:none!important}}
/* v3.1: biały tekst na gradiencie + delikatny cień dla czytelności */
a.dw-btn,a.dw-btn *,.nav .nav__cta,.hero a.button--primary,.dw-why .dw-why__contact-button,.dw-final-cta a.dw-final-cta__button,.mega-menu__overview,.dwpc__dialog-panel>a.dwpc__dialog-link{text-shadow:0 1px 2px rgba(110,25,0,.28)}
/* ===== /DEVOWEB BRAND v3 ===== */
/* ===== nagłówek podstron — kontener ===== */
.dw-site-header{position:relative;z-index:100;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);background:#0b0b0c!important;color:#f7f7f4!important;font-family:var(--dw-font)!important;-webkit-font-smoothing:antialiased;border-bottom:1px solid rgba(255,255,255,.07);box-sizing:border-box}
.dw-site-header *,.dw-site-header *::before,.dw-site-header *::after{box-sizing:border-box}
:where(.dw-site-header) a{color:inherit;text-decoration:none}
:where(.dw-site-header) button{font:inherit}
.dw-site-header{--bg:#101210;--fg:#f7f7f4;--muted:rgba(255,255,255,.76);--accent:#f3f3ef}
/* ===== style menu (wyciągnięte 1:1 z sekcji hero strony głównej) ===== */
.nav{width: 100%;
    max-width: none;
    margin-inline: 0;
    padding: 25px clamp(22px, 5.5vw, 82px);
    display: flex;
    align-items: center;
    gap: 30px;}
.logo{display: inline-flex; align-items: center; flex: 0 0 auto; white-space: nowrap;}
.logo img{object-fit: contain;}
.logo span{color: #d9d9d2;}
.nav__links{display: flex; align-items: center; gap: clamp(18px, 2.7vw, 40px); margin-left: clamp(22px, 3vw, 44px); margin-right: auto;}
.nav__links a{font-size: 12px; color: rgba(255,255,255,.88); transition: opacity .2s;}
.nav__links a:hover{opacity: .65;}
.nav__cta{min-height: 44px;
    padding: 0 21px;
    border-radius: 100px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    text-decoration: none !important;
    font-size: 12px;
    font-weight: 650;
    transition: transform .22s ease, background .22s ease, border-color .22s ease;}
.nav .nav__cta,.nav .nav__cta:link,.nav .nav__cta:visited{margin-left: auto;
    min-height: 42px;
    padding: 0 22px;
    color: #ffffff !important;
    background: #ed1235 !important;
    border: 1px solid #ed1235 !important;}
.nav .nav__cta:hover,.nav .nav__cta:focus-visible,.nav .nav__cta:active{color: #ffffff !important;
    background: #d90d2d !important;
    border-color: #d90d2d !important;
    transform: translateY(-1px);}
.nav{position: relative; justify-content: space-between;}
.nav__links{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); margin: 0; width: max-content; max-width: calc(100% - 360px);}
.nav__actions{margin-left: auto; display: flex; align-items: center; gap: 18px; flex: 0 0 auto;}
.nav__contact{color: rgba(255,255,255,.88); font-size: 16px; transition: opacity .2s ease;}
.nav__contact:hover{opacity: .7;}
.nav__mobile-actions{display: none;}
.nav{position: relative; z-index: 20;}
.nav__links{gap: clamp(13px, 1.65vw, 25px);}
.nav__item{position: relative; display: flex; align-items: center; height: 42px;}
.nav__trigger{display: inline-flex; align-items: center; gap: 7px; border: 0; padding: 10px 0; background: transparent; color: rgba(255,255,255,.91); font: inherit; font-size: 12px; cursor: pointer; white-space: nowrap; transition: color .2s ease;}
.nav__trigger:hover,.nav__trigger:focus-visible,.nav__item.is-open .nav__trigger{color: #fff;}
.nav__chevron{width: 10px; height: 10px; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; transform: rotate(45deg) translateY(-2px); transition: transform .2s ease;}
.nav__item.is-open .nav__chevron{transform: rotate(225deg) translate(-1px,-1px);}
.mega-menu{position: absolute; z-index: 22; top: calc(100% + 13px); left: 0; width: min(1040px, calc(100vw - 48px)); transform: translateY(8px); padding: 27px; border: 1px solid rgba(20,22,20,.08); border-radius: 16px; background: #fff; color: #171916; box-shadow: 0 24px 70px rgba(0,0,0,.22); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .18s ease, transform .18s ease, visibility .18s ease;}
.nav__item.is-open .mega-menu,.nav__item:focus-within .mega-menu{opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0);}
@media (hover: hover) and (pointer: fine) and (min-width: 701px){
.nav__item.is-open .mega-menu{opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0);}
.nav__item.is-open .nav__chevron{transform: rotate(225deg) translate(-1px,-1px);}
}
.mega-menu__layout{display: grid; grid-template-columns: minmax(0,1.55fr) minmax(220px,.85fr); gap: 30px;}
.mega-menu__eyebrow{margin: 0 0 17px; color: #85877f; font-size: 9px; font-weight: 700; letter-spacing: .17em; text-transform: uppercase;}
.mega-menu__links{display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 24px; row-gap: 3px;}
.mega-menu__link{display: block; min-width: 0; padding: 12px 8px; margin: 0 -8px; border-radius: 8px; color: #191b18 !important; transition: background .18s ease, transform .18s ease;}
.mega-menu__link:hover,.mega-menu__link:focus-visible{background: #f5f5f1; transform: translateX(2px);}
.mega-menu__link strong{display: block; margin-bottom: 4px; font-size: 13px; font-weight: 650; letter-spacing: -.02em;}
.mega-menu__link span{display: block; color: #74766f; font-size: 11px; line-height: 1.45;}
.mega-menu__aside{min-width: 0; padding: 20px; border-radius: 12px; background: #f6f6f3; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 20px;}
.mega-menu__aside-label{color: #777970; font-size: 9px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase;}
.mega-menu__brand{width: 100%; min-height: 118px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; text-align: center;}
.mega-menu__brand-mark{width: 58px; height: 58px; display: grid; place-items: center; border-radius: 14px; background: #fff; border: 1px solid #e7e7e1; box-shadow: 0 4px 16px rgba(0,0,0,.035);}
.mega-menu__brand-mark svg{width: 39px; height: 39px; display: block;}
.mega-menu__brand-name{font-size: 19px; line-height: 1; font-weight: 750; letter-spacing: -.06em; color: #22241f;}
.mega-menu__brand-caption{color: #777970; font-size: 10px;}
.mega-menu__rule{width: 100%; height: 1px; background: #dedfd8;}
.mega-menu__aside p{margin: 0; color: #64665f; font-size: 12px; line-height: 1.6;}
.mega-menu__cta{display: inline-flex; align-items: center; gap: 8px; color: #d71938 !important; font-size: 12px; font-weight: 700;}
.mega-menu__cta:hover{gap: 12px;}
.mega-menu__footer{display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 22px; padding-top: 17px; border-top: 1px solid #e4e5df; color: #777970; font-size: 10px;}
.mega-menu__footer a{color: #262822 !important; font-weight: 650;}
.mega-menu__footer a:hover{color: #d71938 !important;}
.nav__simple{display: inline-flex; align-items: center; white-space: nowrap;}
.nav__simple:hover{color: #fff !important;}
.nav__mobile-toggle{display: none; width: 42px; height: 42px; padding: 0; border: 1px solid rgba(255,255,255,.4); border-radius: 50%; color: #fff; background: rgba(0,0,0,.12); cursor: pointer; align-items: center; justify-content: center;}
.nav__mobile-toggle span,.nav__mobile-toggle span::before,.nav__mobile-toggle span::after{display: block; width: 16px; height: 1px; background: currentColor; position: relative;}
.nav__mobile-toggle span::before,.nav__mobile-toggle span::after{content: ''; position: absolute; left: 0;}
.nav__mobile-toggle span::before{top: -5px;}
.nav__mobile-toggle span::after{top: 5px;}
.mega-menu a:focus-visible,.nav a:focus-visible,.nav button:focus-visible{outline: 2px solid #ed1235; outline-offset: 4px;}
@media (max-width: 1120px) and (min-width: 701px){
.nav{gap: 14px; padding-inline: 24px;}
.nav__links{left: 48%; gap: 11px; max-width: calc(100% - 320px);}
.nav__actions{gap: 12px;}
.nav__trigger,.nav__simple{font-size: 11px;}
.nav .nav__cta{padding-inline: 15px; font-size: 11px;}
}
@media (max-width: 700px){
.nav{position: relative; padding: 17px 20px; flex-wrap: nowrap; gap: 12px; align-items: center;}
.nav__links{position: absolute; left: 12px; top: calc(100% + 8px); transform: none; max-width: none;}
.nav__actions{display: none;}
.nav__mobile-actions{display: flex; flex-direction: column; gap: 8px; padding-top: 8px;}
.nav__mobile-actions .nav__simple{border-bottom: 1px solid rgba(255,255,255,.12);}
.logo{font-size: 21px;}
.logo img{max-width: 105px !important; max-height: 42px !important;}
.nav__mobile-toggle{display: inline-flex; margin-left: auto; flex: 0 0 42px;}
.nav__links{display: none; position: absolute; top: calc(100% + 8px); left: 12px; right: 12px; width: auto; max-height: min(72svh, 620px); overflow-y: auto; overflow-x: hidden; margin: 0; padding: 13px; border: 1px solid rgba(255,255,255,.12); border-radius: 14px; background: rgba(17,19,17,.98); box-shadow: 0 22px 50px rgba(0,0,0,.32); flex-direction: column; align-items: stretch; gap: 0;}
.nav.nav--mobile-open .nav__links{display: flex;}
.nav__item{display: block; height: auto; border-bottom: 1px solid rgba(255,255,255,.12);}
.nav__trigger,.nav__simple{display: flex; width: 100%; justify-content: space-between; padding: 15px 7px; font-size: 13px; text-align: left;}
.nav__simple{border-bottom: 1px solid rgba(255,255,255,.12);}
.nav .nav__cta{margin-left: 0; min-height: 38px; padding-inline: 14px; font-size: 11px;}
.nav__links > .nav__cta{margin: 13px 0 3px; justify-content: center;}
.mega-menu{position: static; width: 100%; max-height: 0; overflow: hidden; padding: 0; margin: 0; border: 0; border-radius: 0; box-shadow: none; background: transparent; color: #fff; transform: none; opacity: 1; visibility: visible; pointer-events: auto; transition: max-height .25s ease, padding .25s ease;}
.nav__item.is-open .mega-menu,.nav__item:focus-within .mega-menu{max-height: 900px; padding: 0 0 14px; transform: none;}
.mega-menu__layout{grid-template-columns: 1fr; gap: 12px;}
.mega-menu__eyebrow{margin: 8px 6px 7px; color: rgba(255,255,255,.55);}
.mega-menu__links{grid-template-columns: 1fr; gap: 0;}
.mega-menu__link{padding: 10px 7px; margin: 0; color: #fff !important;}
.mega-menu__link:hover,.mega-menu__link:focus-visible{background: rgba(255,255,255,.07);}
.mega-menu__link strong{color: #fff; font-size: 12px;}
.mega-menu__link span{color: rgba(255,255,255,.62); font-size: 10px;}
.mega-menu__aside{padding: 14px; gap: 12px; background: rgba(255,255,255,.07); color: #fff;}
.mega-menu__aside-label,.mega-menu__aside p,.mega-menu__brand-caption{color: rgba(255,255,255,.65);}
.mega-menu__brand{min-height: 88px;}
.mega-menu__brand-name{color: #fff;}
.mega-menu__brand-mark{background: #fff;}
.mega-menu__rule{background: rgba(255,255,255,.16);}
.mega-menu__footer{margin-top: 14px; padding-top: 12px; border-color: rgba(255,255,255,.14); flex-wrap: wrap;}
.mega-menu__footer a{color: #fff !important;}
.mega-menu__cta{color: #ff6b80 !important;}
.nav__item.is-open .nav__chevron{transform: rotate(225deg) translate(-1px,-1px);}
}
@media (min-width: 701px){
.nav__item{position: relative;}
.mega-menu{left: 0; right: auto;}
.nav__item:last-of-type .mega-menu{left: auto; right: 0;}
}
@media (max-width: 1120px) and (min-width: 701px){
.nav__links{max-width: calc(100% - 300px);}
.nav__trigger,.nav__simple{font-size: 10px;}
.nav__contact{font-size: 11px;}
}
@media (min-width: 701px){
.nav__item{position: static;}
.mega-menu{position: fixed;
      top: 92px;
      left: 50% !important;
      right: auto !important;
      width: min(900px, calc(100vw - 48px));
      max-height: calc(100vh - 118px);
      overflow-y: auto;
      padding: 23px;
      transform: translate(-50%, 8px);}
.nav__item.is-open .mega-menu,.nav__item:focus-within .mega-menu,.nav__item:hover .mega-menu{transform: translate(-50%, 0);}
.mega-menu__layout{grid-template-columns: minmax(0, 1.6fr) minmax(190px, .72fr); gap: 23px;}
.mega-menu__aside{padding: 17px; gap: 15px;}
.mega-menu__brand{min-height: 94px; gap: 6px;}
.mega-menu__brand-mark{width: 42px;
      height: 42px;
      border-radius: 11px;
      background: #fff5f6;
      border: 1px solid rgba(215,25,56,.12);
      box-shadow: none;}
.mega-menu__brand-mark svg{width: 27px; height: 27px;}
.mega-menu__brand-name{font-size: 16px; letter-spacing: -.04em;}
.mega-menu__brand-caption{font-size: 9px;}
.mega-menu__eyebrow{margin-bottom: 12px;}
.mega-menu__links{column-gap: 18px; row-gap: 1px;}
.mega-menu__link{padding-top: 10px; padding-bottom: 10px;}
.mega-menu__link strong{font-size: 12px;}
.mega-menu__link span{font-size: 10px;}
}
@media (max-width: 1120px) and (min-width: 701px){
.mega-menu{top: 84px; width: min(820px, calc(100vw - 32px)); padding: 18px;}
.mega-menu__layout{grid-template-columns: minmax(0, 1.5fr) minmax(165px, .7fr); gap: 16px;}
.mega-menu__aside{padding: 13px;}
}
@media (max-width: 700px){
.mega-menu__brand-mark{width: 36px; height: 36px; border-radius: 9px;}
.mega-menu__brand-mark svg{width: 23px; height: 23px;}
.mega-menu__brand-name{font-size: 15px;}
}
.mega-menu__link{display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    column-gap: 12px;
    align-items: center;
    padding: 12px 9px;
    border-radius: 11px;
    transition: background .2s ease, transform .2s ease;}
.mega-menu__icon{grid-column: 1;
    grid-row: 1 / span 2;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(30,35,25,.035);
    border-radius: 11px;
    background: #f2f3ed;
    color: #656b5b;
    transition: background .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease;}
.mega-menu__icon svg{display: block; width: 20px; height: 20px;}
.mega-menu__icon img{display: block; width: 23px; height: 23px; object-fit: contain;}
.mega-menu__links .mega-menu__link:nth-child(6n+1) .mega-menu__icon{background:#eaf3ff; color:#3976c5;}
.mega-menu__links .mega-menu__link:nth-child(6n+2) .mega-menu__icon{background:#f1eafa; color:#8155b7;}
.mega-menu__links .mega-menu__link:nth-child(6n+3) .mega-menu__icon{background:#e5f6ee; color:#25845a;}
.mega-menu__links .mega-menu__link:nth-child(6n+4) .mega-menu__icon{background:#fff0e5; color:#c66b2e;}
.mega-menu__links .mega-menu__link:nth-child(6n+5) .mega-menu__icon{background:#fff0f2; color:#cf5268;}
.mega-menu__links .mega-menu__link:nth-child(6n) .mega-menu__icon{background:#e8f5f5; color:#28858a;}
.mega-menu__icon--brand{background:#f5f5f1 !important;}
.mega-menu__icon--brand img{width:24px; height:24px;}
.mega-menu__link strong,.mega-menu__link span:not(.mega-menu__icon){grid-column: 2;}
.mega-menu__link strong{align-self: end; margin-bottom:4px; font-size:13px;}
.mega-menu__link span:not(.mega-menu__icon){align-self: start;}
.mega-menu__link:hover,.mega-menu__link:focus-visible{background:#f8f8f5; transform:translateY(-1px);}
.mega-menu__link:hover .mega-menu__icon,.mega-menu__link:focus-visible .mega-menu__icon{transform:translateY(-2px) scale(1.04); box-shadow:0 5px 12px rgba(30,35,25,.08);}
.mega-menu__brands{display:flex; flex-direction:column; gap:9px; width:100%;}
.mega-menu__brands .mega-menu__brand{display:flex; flex-direction:row; align-items:center; justify-content:flex-start;
    gap:11px; width:100%; min-height:39px; text-align:left;}
.mega-menu__brands .mega-menu__brand-mark{width:29px; height:29px; flex:0 0 29px; display:flex; align-items:center;
    justify-content:center; margin:0; padding:0; border-radius:8px;
    background:rgba(255,255,255,.8); border:0; box-shadow:none; overflow:hidden;}
.mega-menu__brands .mega-menu__brand-mark img{display:block; width:23px; height:23px; object-fit:contain;}
.mega-menu__brands .mega-menu__brand-name{display:block; margin:0; font-size:14px; font-weight:700; letter-spacing:-.02em; color:#22241f;}
.mega-menu__brand-mark--allegro{background:#fff0e6 !important;}
.mega-menu__brand-mark--erli{background:#fff0f3 !important;}
.mega-menu__brand-mark--erli span{color:#ee3150; font-size:10px; font-weight:900; letter-spacing:-.04em;}
@media (max-width:700px){
.mega-menu__link{grid-template-columns:34px minmax(0,1fr); column-gap:10px; padding:10px 7px;}
.mega-menu__icon{width:32px; height:32px; border-radius:10px;}
.mega-menu__icon svg{width:19px; height:19px;}
.mega-menu__icon img{width:21px; height:21px;}
.mega-menu__brands .mega-menu__brand-name{color:#fff;}
.mega-menu__brands .mega-menu__brand-mark{width:28px; height:28px; flex-basis:28px;}
}
@media (min-width:701px){
.mega-menu{width:min(1240px, calc(100vw - 48px)); padding:28px 30px 22px;}
.mega-menu__layout{display:block;}
.mega-menu__layout > div:first-child{width:100%;}
.mega-menu__eyebrow{margin:0 0 17px; font-size:10px; color:#a0a39b;}
.mega-menu__links{grid-template-columns:repeat(4,minmax(0,1fr)); column-gap:18px; row-gap:7px;}
.mega-menu__link{margin:0; padding:10px 8px; min-height:62px;}
.mega-menu__link strong{font-size:13px;}
.mega-menu__link span:not(.mega-menu__icon){font-size:11px; line-height:1.4;}
.mega-menu__aside{margin-top:22px; padding:18px 0 0; border-top:1px solid #eceee8; border-radius:0; background:transparent; display:grid; grid-template-columns:minmax(220px,.9fr) minmax(210px,.95fr) minmax(300px,1.6fr); align-items:center; gap:24px;}
.mega-menu__aside-label{display:none;}
.mega-menu__brand{min-height:116px; width:100%; align-items:flex-start; text-align:left; padding:18px; border-radius:12px; background:#e5f5f3; gap:8px;}
.mega-menu__brand-mark{width:42px; height:42px; border:0; box-shadow:none; background:transparent;}
.mega-menu__brand-mark img{width:38px!important; height:38px!important; object-fit:contain;}
.mega-menu__brand-name{font-size:16px;}
.mega-menu__brand-caption{font-size:10px; line-height:1.45;}
.mega-menu__rule{display:none;}
.mega-menu__aside p{font-size:12px;}
.mega-menu__cta{align-self:start;}
.mega-menu__bottom-tools{display:contents;}
.mega-menu__help{display:flex; flex-direction:column; gap:9px; min-width:0;}
.mega-menu__help-title{font-size:16px; color:#333730; margin-bottom:3px;}
.mega-menu__help a{display:flex; align-items:center; gap:10px; padding:9px 11px; border-radius:9px; background:#f5f6f9; color:#30332f!important; font-size:12px; font-weight:650;}
.mega-menu__help-icon{width:27px; height:27px; display:grid; place-items:center; border-radius:50%; background:#fff; color:#38b8c9; font-size:15px;}
.mega-menu__payments{min-width:0; align-self:center;}
.mega-menu__payments-label{display:block; color:#9a9d95; text-transform:uppercase; letter-spacing:.1em; font-size:9px; font-weight:750; margin-bottom:16px;}
.mega-menu__payment-logos{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:15px;}
.mega-menu__footer{margin-top:18px; padding-top:14px;}
}
@media (max-width:700px){
.mega-menu__aside{display:flex; flex-direction:column; align-items:stretch;}
.mega-menu__brand{min-height:unset;}
.mega-menu__bottom-tools{display:flex; flex-direction:column; gap:16px; width:100%;}
.mega-menu__help{display:flex; flex-direction:column; gap:8px;}
.mega-menu__help-title{font-size:14px; color:#fff;}
.mega-menu__help a{display:flex; align-items:center; gap:9px; padding:9px; border-radius:8px; background:rgba(255,255,255,.08); color:#fff!important; font-size:11px;}
.mega-menu__help-icon{width:25px; height:25px; display:grid; place-items:center; border-radius:50%; background:#fff; color:#38b8c9;}
.mega-menu__payments-label{display:block; font-size:9px; color:rgba(255,255,255,.55); margin-bottom:10px;}
.mega-menu__payment-logos{display:flex; flex-wrap:wrap; gap:12px;}
}
@media (min-width: 701px){
.nav{width: min(100%, 1600px);
      max-width: 1600px;
      margin-inline: auto;
      padding-left: clamp(28px, 4.5vw, 72px);
      padding-right: clamp(28px, 4.5vw, 72px);}
.mega-menu{width: min(1160px, calc(100vw - 64px));
      padding: 23px 25px 18px;}
.mega-menu__links{grid-template-columns: repeat(4, minmax(0, 1fr));
      column-gap: 13px;
      row-gap: 4px;}
.mega-menu__link{display: grid;
      grid-template-columns: 36px minmax(0,1fr);
      grid-template-rows: auto auto;
      align-items: center;
      align-content: center;
      min-height: 66px;
      padding: 8px 7px;
      column-gap: 10px;}
.mega-menu__icon{width: 34px;
      height: 34px;
      border: 0;
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      align-self: center;
      justify-self: center;
      grid-row: 1 / span 2;}
.mega-menu__icon svg{width: 19px; height: 19px;}
.mega-menu__icon img{width: 23px; height: 23px; object-fit: contain;}
.mega-menu__link strong{align-self: end; margin: 0 0 3px; font-size: 12px; line-height: 1.25;}
.mega-menu__link span:not(.mega-menu__icon){align-self: start; font-size: 10px; line-height: 1.35;}
.mega-menu__aside{margin-top: 16px; padding-top: 15px; gap: 18px;}
.mega-menu__brand{min-height: 105px; padding: 13px;}
}
@media (min-width: 701px) and (max-width: 1120px){
.nav{padding-inline: 22px;}
.mega-menu{width: calc(100vw - 32px);}
.mega-menu__links{column-gap: 7px;}
.mega-menu__link{grid-template-columns: 31px minmax(0,1fr); column-gap: 7px;}
.mega-menu__icon{width: 29px; height: 29px; border-radius: 9px;}
.mega-menu__link strong{font-size: 11px;}
.mega-menu__link span:not(.mega-menu__icon){font-size: 9px;}
}
@media (max-width: 700px){
.mega-menu__link{grid-template-columns: 34px minmax(0,1fr); grid-template-rows:auto auto; align-items:center;}
.mega-menu__icon{align-self:center; justify-self:center;}
}
@media (max-width:700px){
.mega-menu__eyebrow{text-align:center; margin:10px 0 12px !important;}
.mega-menu__links{grid-template-columns:1fr !important;}
.mega-menu__aside{display:flex !important; flex-direction:column !important; align-items:stretch !important; gap:13px !important; border-top:1px solid rgba(255,255,255,.16); padding-top:14px !important;}
.mega-menu__aside > .mega-menu__brand{order:2; min-height:unset !important; padding:14px !important; border-radius:12px !important; background:rgba(255,255,255,.09) !important;}
.mega-menu__brand-name{color:#fff !important;}
.mega-menu__brand-caption{color:rgba(255,255,255,.68) !important;}
.mega-menu__help{order:1; display:flex !important; flex-direction:column; gap:7px; padding:12px; border-radius:10px; background:rgba(255,255,255,.07);}
.mega-menu__help-title{color:#fff !important; font-size:14px !important;}
.mega-menu__help a{color:#fff !important; background:transparent !important; font-size:11px !important;}
.mega-menu__payments{order:3; padding:8px 0;}
.mega-menu__payments-label{color:rgba(255,255,255,.58) !important; text-align:left;}
.mega-menu__payment-logos{min-height:0; padding:5px 0;}
.mega-menu__payment-image{width:100%; max-width:330px; max-height:145px; background:#fff; border-radius:8px;}
.mega-menu__aside > .mega-menu__cta{order:4; align-self:flex-start;}
.mega-menu__rule,.mega-menu__aside > p{display:none !important;}
}
@media (min-width:701px){
.mega-menu{position: fixed !important;
    top: 92px !important;
    left: 50% !important;
    right: auto !important;
    width: min(1080px, calc(100vw - 80px)) !important;
    max-width: calc(100vw - 80px) !important;
    max-height: calc(100vh - 116px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 24px 26px 17px !important;
    transform: translate(-50%, 8px) !important;
    border-radius: 16px !important;}
.nav__item.is-open .mega-menu,.nav__item:focus-within .mega-menu,.nav__item:hover .mega-menu{transform: translate(-50%, 0) !important;}
.mega-menu__layout,.mega-menu__layout > div:first-child{display:block !important; width:100% !important;}
.mega-menu__eyebrow{text-align:center !important; margin:0 0 15px !important; font-size:10px !important;}
.mega-menu__links{display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    column-gap:14px !important;
    row-gap:4px !important;}
.mega-menu__link{display:grid !important;
    grid-template-columns:34px minmax(0,1fr) !important;
    grid-template-rows:auto auto !important;
    column-gap:10px !important;
    align-items:center !important;
    align-content:center !important;
    min-height:58px !important;
    padding:7px 6px !important;
    margin:0 !important;}
.mega-menu__icon{grid-column:1 !important; grid-row:1 / span 2 !important;
    display:flex !important; align-items:center !important; justify-content:center !important;
    justify-self:center !important; align-self:center !important;
    width:32px !important; height:32px !important; min-width:32px !important;
    padding:0 !important; margin:0 !important; border:0 !important; box-shadow:none !important;
    border-radius:10px !important;}
.mega-menu__icon svg{width:18px !important; height:18px !important; display:block !important;}
.mega-menu__icon img{width:22px !important; height:22px !important; object-fit:contain !important; display:block !important;}
.mega-menu__link strong{grid-column:2 !important; grid-row:1 !important; align-self:end !important; margin:0 0 3px !important; font-size:11.5px !important; line-height:1.25 !important;}
.mega-menu__link span:not(.mega-menu__icon){grid-column:2 !important; grid-row:2 !important; align-self:start !important; font-size:9.5px !important; line-height:1.35 !important;}
.mega-menu__aside{display:grid !important;
    grid-template-columns:minmax(220px,.9fr) minmax(200px,.85fr) minmax(290px,1.25fr) !important;
    grid-template-rows:auto auto !important;
    grid-auto-flow:row !important;
    align-items:stretch !important;
    gap:10px 18px !important;
    margin-top:17px !important;
    padding:16px 0 0 !important;
    border-top:1px solid #e8eae4 !important;
    border-radius:0 !important;
    background:transparent !important;
    min-width:0 !important;}
.mega-menu__aside-label{display:none !important;}
.mega-menu__aside > .mega-menu__brand{grid-column:2 !important; grid-row:1 / span 2 !important;
    display:flex !important; flex-direction:column !important; align-items:flex-start !important; justify-content:center !important;
    width:100% !important; min-width:0 !important; min-height:112px !important;
    margin:0 !important; padding:15px 17px !important; gap:7px !important;
    text-align:left !important; border-radius:12px !important; background:#e7f5f3 !important;}
.mega-menu__brand-mark{display:flex !important; align-items:center !important; justify-content:center !important;
    width:38px !important; height:38px !important; margin:0 0 2px !important; padding:0 !important;
    border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important;}
.mega-menu__brand-mark img{display:block !important; width:36px !important; height:36px !important; max-width:36px !important; max-height:36px !important; object-fit:contain !important;}
.mega-menu__brand-name{color:#22241f !important; font-size:15px !important; line-height:1.2 !important;}
.mega-menu__brand-caption{color:#68756f !important; font-size:9px !important; line-height:1.4 !important;}
.mega-menu__rule,.mega-menu__aside > p{display:none !important;}
.mega-menu__aside > .mega-menu__cta{grid-column:2 !important; grid-row:2 !important; align-self:end !important; justify-self:start !important; margin:0 0 13px 17px !important; padding:0 !important; font-size:11px !important;}
.mega-menu__bottom-tools{display:contents !important;}
.mega-menu__help{grid-column:1 !important; grid-row:1 / span 2 !important;
    display:flex !important; flex-direction:column !important; justify-content:center !important;
    gap:7px !important; min-width:0 !important; padding:12px !important;
    border-radius:11px !important; background:#f5f6f9 !important;}
.mega-menu__help-title{color:#343831 !important; font-size:14px !important; margin:0 0 2px !important;}
.mega-menu__help a{display:flex !important; align-items:center !important; gap:9px !important; min-width:0 !important; padding:5px 0 !important; background:transparent !important; color:#30332f !important; font-size:11px !important; overflow-wrap:anywhere !important;}
.mega-menu__help-icon{flex:0 0 27px !important; width:27px !important; height:27px !important; display:grid !important; place-items:center !important; border-radius:50% !important; background:#fff !important; color:#28aebd !important; font-size:14px !important;}
.mega-menu__payments{grid-column:3 !important; grid-row:1 / span 2 !important;
    display:flex !important; flex-direction:column !important; justify-content:center !important;
    align-self:stretch !important; min-width:0 !important; max-width:100% !important; padding:8px 0 !important; overflow:hidden !important;}
.mega-menu__payments-label{display:block !important; margin:0 0 9px !important; text-align:center !important; color:#858a80 !important; font-size:9px !important; font-weight:750 !important; letter-spacing:.1em !important;}
.mega-menu__payment-logos{display:flex !important; align-items:center !important; justify-content:center !important; width:100% !important; min-width:0 !important; min-height:0 !important; max-width:100% !important; overflow:hidden !important;}
.mega-menu__payment-image{display:block !important; width:100% !important; max-width:330px !important; min-width:0 !important; height:auto !important; max-height:160px !important; object-fit:contain !important; margin:0 auto !important; background:transparent !important; border-radius:0 !important;}
.mega-menu__footer{margin-top:14px !important; padding-top:11px !important;}
}
@media (min-width:701px) and (max-width:1120px){
.mega-menu{width:calc(100vw - 48px) !important; max-width:calc(100vw - 48px) !important; padding:18px !important;}
.mega-menu__aside{grid-template-columns:minmax(190px,.9fr) minmax(170px,.85fr) minmax(230px,1.15fr) !important; gap:10px !important;}
.mega-menu__payment-image{max-width:260px !important;}
}
@media (max-width:700px){
.mega-menu{width:100% !important; max-width:100% !important;}
.mega-menu__aside{display:flex !important; flex-direction:column !important; align-items:stretch !important; gap:12px !important;}
.mega-menu__aside > .mega-menu__brand{order:2 !important; min-height:unset !important; padding:13px !important; background:rgba(255,255,255,.09) !important;}
.mega-menu__bottom-tools{display:flex !important; flex-direction:column !important; gap:12px !important; width:100% !important;}
.mega-menu__help{order:1 !important; display:flex !important; flex-direction:column !important; padding:12px !important; border-radius:10px !important; background:rgba(255,255,255,.07) !important;}
.mega-menu__help-title,.mega-menu__help a{color:#fff !important;}
.mega-menu__payments{order:2 !important; width:100% !important; padding:8px 0 !important;}
.mega-menu__payments-label{color:rgba(255,255,255,.6) !important; text-align:left !important;}
.mega-menu__payment-logos{justify-content:flex-start !important;}
.mega-menu__payment-image{width:100% !important; max-width:300px !important; max-height:146px !important; background:#fff !important; border-radius:8px !important;}
.mega-menu__aside > .mega-menu__cta{order:3 !important; align-self:flex-start !important; margin:0 !important;}
}
@media (min-width:701px){
.mega-menu{padding-top:22px !important; padding-bottom:16px !important;}
.mega-menu__eyebrow{margin-bottom:11px !important;}
.mega-menu__link{min-height:54px !important; padding-top:7px !important; padding-bottom:7px !important;}
.mega-menu__aside{margin-top:14px !important; padding-top:14px !important; gap:18px !important;}
.mega-menu__brand{min-height:94px !important; padding:12px 14px !important; gap:5px !important;}
.mega-menu__brand-mark{width:32px !important; height:26px !important;}
.mega-menu__brand-mark img{width:30px !important; height:30px !important;}
.mega-menu__brand-name{font-size:15px !important;}
.mega-menu__brand-caption{font-size:9px !important;}
.mega-menu__help{gap:6px !important;}
.mega-menu__help-title{font-size:14px !important; margin-bottom:1px !important;}
.mega-menu__help a{padding:6px 9px !important; min-height:35px !important; gap:8px !important; font-size:11px !important;}
.mega-menu__help-icon{width:23px !important; height:23px !important; font-size:13px !important;}
.mega-menu__payments{padding:0 !important;}
.mega-menu__payments-label{margin-bottom:4px !important; font-size:8px !important;}
.mega-menu__payment-logos{min-height:0 !important;}
.mega-menu__payment-image{max-width:310px !important; max-height:76px !important;}
.mega-menu__aside > p{margin:0 !important; font-size:11px !important; line-height:1.45 !important;}
.mega-menu__cta{margin-top:2px !important; font-size:11px !important;}
.mega-menu__footer{margin-top:12px !important; padding-top:10px !important;}
}
@media (max-width:700px){
.mega-menu__brand{min-height:88px !important;}
.mega-menu__payment-image{max-width:260px !important; max-height:90px !important;}
}
@media (min-width:701px){
.mega-menu__aside > .mega-menu__brand:not(.mega-menu__brands .mega-menu__brand){min-height:120px !important;
      padding:16px 18px !important;
      gap:7px !important;}
.mega-menu__aside > .mega-menu__brand:not(.mega-menu__brands .mega-menu__brand) .mega-menu__brand-mark{width:58px !important;
      height:54px !important;
      flex:0 0 54px !important;
      margin:0 0 2px !important;}
.mega-menu__aside > .mega-menu__brand:not(.mega-menu__brands .mega-menu__brand) .mega-menu__brand-mark img{width:54px !important;
      height:54px !important;
      object-fit:contain !important;}
.mega-menu__brands{display:grid !important;
      grid-template-columns:repeat(3,minmax(0,1fr)) !important;
      gap:8px !important;
      align-items:center !important;
      width:100% !important;}
.mega-menu__brands .mega-menu__brand{min-width:0 !important;
      min-height:66px !important;
      flex-direction:column !important;
      justify-content:center !important;
      align-items:center !important;
      gap:5px !important;
      padding:7px 4px !important;
      border-radius:9px !important;
      background:rgba(255,255,255,.72) !important;
      text-align:center !important;}
.mega-menu__brands .mega-menu__brand-mark{width:34px !important;
      height:32px !important;
      flex:0 0 32px !important;
      border-radius:0 !important;
      background:transparent !important;}
.mega-menu__brands .mega-menu__brand-mark img{width:32px !important;
      height:32px !important;
      object-fit:contain !important;}
.mega-menu__brands .mega-menu__brand-name{font-size:11px !important;
      line-height:1.15 !important;
      letter-spacing:-.015em !important;
      text-align:center !important;}
.mega-menu__brands .mega-menu__brand-mark--erli span{font-size:11px !important;}
.mega-menu__help-title{font-size:16px !important;}
.mega-menu__help a{gap:11px !important;
      padding:10px 11px !important;
      font-size:13px !important;
      line-height:1.3 !important;}
.mega-menu__help-icon{width:30px !important; height:30px !important; flex-basis:30px !important; font-size:16px !important;}
.mega-menu__payments-label{margin-bottom:10px !important;}
.mega-menu__payment-logos{gap:8px !important;}
.mega-menu__payment-image{width:100% !important;
      max-width:440px !important;
      max-height:132px !important;
      height:auto !important;
      object-fit:contain !important;
      background:transparent !important;
      border-radius:0 !important;}
}
@media (max-width:700px){
.mega-menu__aside > .mega-menu__brand .mega-menu__brand-mark,.mega-menu__aside > .mega-menu__brand .mega-menu__brand-mark img{width:52px !important;
      height:52px !important;}
.mega-menu__brands{display:grid !important;
      grid-template-columns:repeat(3,minmax(0,1fr)) !important;
      gap:7px !important;}
.mega-menu__brands .mega-menu__brand{min-width:0 !important;
      min-height:58px !important;
      flex-direction:column !important;
      align-items:center !important;
      justify-content:center !important;
      gap:4px !important;
      padding:6px 3px !important;
      border-radius:8px !important;
      background:rgba(255,255,255,.08) !important;
      text-align:center !important;}
.mega-menu__brands .mega-menu__brand-mark,.mega-menu__brands .mega-menu__brand-mark img{width:28px !important;
      height:28px !important;
      flex-basis:28px !important;}
.mega-menu__brands .mega-menu__brand-name{font-size:11px !important; text-align:center !important;}
.mega-menu__help a{font-size:13px !important;}
.mega-menu__payment-image{max-width:360px !important; max-height:125px !important;}
}
@media (min-width:701px){
.mega-menu__aside > .mega-menu__brand:not(.mega-menu__brands .mega-menu__brand) .mega-menu__brand-mark{width:76px !important; height:64px !important; flex:0 0 64px !important;}
.mega-menu__aside > .mega-menu__brand:not(.mega-menu__brands .mega-menu__brand) .mega-menu__brand-mark img{width:72px !important; height:64px !important; max-width:none !important; max-height:none !important; object-fit:contain !important;}
.mega-menu__brands .mega-menu__brand-mark{width:72px !important; height:64px !important; flex:0 0 64px !important;}
.mega-menu__brands .mega-menu__brand-mark img{display:block !important; width:66px !important; height:60px !important; max-width:none !important; max-height:none !important; object-fit:contain !important;}
.mega-menu__brands .mega-menu__brand-mark--erli span{font-size:15px !important; font-weight:900 !important; letter-spacing:-.06em !important; color:#ed3150 !important;}
.mega-menu__brands .mega-menu__brand-name{font-size:12px !important;}
.mega-menu__brand-mark--repair{width:64px !important; height:64px !important; flex:0 0 64px !important;}
.mega-menu__brand-mark--repair img{display:block !important; width:60px !important; height:60px !important; object-fit:contain !important;}
}
@media (max-width:700px){
.mega-menu__aside > .mega-menu__brand:not(.mega-menu__brands .mega-menu__brand) .mega-menu__brand-mark,.mega-menu__aside > .mega-menu__brand:not(.mega-menu__brands .mega-menu__brand) .mega-menu__brand-mark img{width:60px !important; height:56px !important;}
.mega-menu__brands .mega-menu__brand-mark{width:48px !important; height:44px !important; flex-basis:44px !important;}
.mega-menu__brands .mega-menu__brand-mark img{width:46px !important; height:42px !important; max-width:none !important; max-height:none !important; object-fit:contain !important;}
.mega-menu__brands .mega-menu__brand-mark--erli span{font-size:12px !important;}
.mega-menu__brand-mark--repair,.mega-menu__brand-mark--repair img{width:52px !important; height:52px !important;}
}
.mega-menu a.mega-menu__link,.mega-menu a.mega-menu__link:link,.mega-menu a.mega-menu__link:visited{color: #191b18 !important;
    -webkit-text-fill-color: #191b18 !important;
    text-decoration: none !important;}
.mega-menu a.mega-menu__link:hover,.mega-menu a.mega-menu__link:focus,.mega-menu a.mega-menu__link:focus-visible,.mega-menu a.mega-menu__link:active{color: #191b18 !important;
    -webkit-text-fill-color: #191b18 !important;
    background: #f1f2ed !important;
    text-decoration: none !important;
    opacity: 1 !important;}
.mega-menu a.mega-menu__link:hover strong,.mega-menu a.mega-menu__link:focus strong,.mega-menu a.mega-menu__link:focus-visible strong,.mega-menu a.mega-menu__link:active strong{color: #171916 !important;
    -webkit-text-fill-color: #171916 !important;}
.mega-menu a.mega-menu__link:hover span:not(.mega-menu__icon),.mega-menu a.mega-menu__link:focus span:not(.mega-menu__icon),.mega-menu a.mega-menu__link:focus-visible span:not(.mega-menu__icon),.mega-menu a.mega-menu__link:active span:not(.mega-menu__icon){color: #656960 !important;
    -webkit-text-fill-color: #656960 !important;}
@media (max-width: 700px){
.nav .logo{flex: 0 0 auto !important; max-width: calc(100% - 66px) !important;}
.nav .logo{width: 190px !important;
    max-width: calc(100% - 76px) !important;
    flex: 0 0 190px !important;
    min-width: 0 !important;}
.nav .logo img{display: block !important;
    width: 190px !important;
    height: 58px !important;
    max-width: 100% !important;
    max-height: 58px !important;
    object-fit: contain !important;
    object-position: left center !important;}
}
@media (max-width: 700px){
.nav__links{max-height: calc(100svh - 105px) !important;
    max-height: calc(100dvh - 105px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 18px !important;}
.nav__item{flex: 0 0 auto; min-height: 0;}
.mega-menu{max-height: 0 !important;
    overflow: hidden !important;
    min-height: 0;}
.nav__item.is-open .mega-menu,.nav__item:focus-within .mega-menu{max-height: 5000px !important;
    overflow: visible !important;
    padding-bottom: 18px !important;}
.mega-menu__layout,.mega-menu__links,.mega-menu__link{min-width: 0;}
.mega-menu__link{grid-template-columns: 36px minmax(0, 1fr) !important;
    column-gap: 10px !important;
    padding: 11px 7px !important;}
.mega-menu__icon{width: 32px !important;
    height: 32px !important;
    flex: 0 0 32px;
    overflow: hidden;}
.mega-menu__icon img{display: block !important;
    width: 22px !important;
    height: 22px !important;
    object-fit: contain !important;}
}
@media (max-width:700px){
.nav{padding: 12px 16px !important; gap: 10px !important;}
.nav .logo{width: 190px !important;
    flex: 0 1 190px !important;
    max-width: calc(100% - 66px) !important;}
.nav .logo img{width: 190px !important;
    height: 58px !important;
    max-width: 100% !important;
    max-height: 58px !important;
    object-fit: contain !important;
    object-position: left center !important;}
.nav__mobile-toggle{flex: 0 0 42px !important;}
.nav__links{position: absolute !important;
    top: calc(100% + 8px) !important;
    left: 12px !important; right: 12px !important;
    width: auto !important;
    max-height: calc(100dvh - 118px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 12px !important;
    background: rgba(14,16,14,.985) !important;
    z-index: 99999 !important;}
.nav.nav--mobile-open{z-index: 99999 !important;}
.nav__item{position: relative !important; overflow: visible !important;}
.nav__item.is-open .mega-menu,.nav__item:focus-within .mega-menu{display: block !important;
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
    visibility: visible !important;
    opacity: 1 !important;
    padding: 0 0 14px !important;}
.mega-menu,.mega-menu *{box-sizing: border-box !important;}
.mega-menu{background: transparent !important; color: #fff !important;}
.mega-menu__eyebrow{color: rgba(255,255,255,.65) !important;
    -webkit-text-fill-color: rgba(255,255,255,.65) !important;}
.mega-menu a.mega-menu__link,.mega-menu a.mega-menu__link:link,.mega-menu a.mega-menu__link:visited,.mega-menu a.mega-menu__link:hover,.mega-menu a.mega-menu__link:focus,.mega-menu a.mega-menu__link:active{color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    background: transparent !important;
    opacity: 1 !important;
    transform: none !important;}
.mega-menu a.mega-menu__link strong{color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    opacity: 1 !important;}
.mega-menu a.mega-menu__link span:not(.mega-menu__icon){color: rgba(255,255,255,.72) !important;
    -webkit-text-fill-color: rgba(255,255,255,.72) !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
    opacity: 1 !important;}
.mega-menu__links{display: grid !important; grid-template-columns: 1fr !important; gap: 2px !important;}
.mega-menu__link{display: grid !important;
    grid-template-columns: 42px minmax(0,1fr) !important;
    grid-template-rows: auto auto !important;
    column-gap: 11px !important;
    align-items: center !important;
    min-height: 60px !important;
    padding: 10px 6px !important;}
.mega-menu__icon{grid-column: 1 !important; grid-row: 1 / span 2 !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    width: 38px !important; height: 38px !important; flex: 0 0 38px !important;
    overflow: hidden !important;}
.mega-menu__icon svg{display: block !important; width: 22px !important; height: 22px !important;}
.mega-menu__icon img{display: block !important; width: 24px !important; height: 24px !important; object-fit: contain !important;}
.mega-menu__aside{display: flex !important; flex-direction: column !important; align-items: stretch !important;}
}
@media (max-width: 700px){
.nav{align-items: center !important; min-height: 76px !important;}
.nav .logo{display: flex !important;
    width: 250px !important;
    flex: 0 1 250px !important;
    max-width: calc(100vw - 104px) !important;
    min-width: 0 !important;
    overflow: visible !important;}
.nav .logo img{display: block !important;
    width: 250px !important;
    height: 110px !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: left center !important;}
.nav__mobile-toggle{flex: 0 0 42px !important;}
.nav .logo img{transform: scale(1.22); transform-origin: left center;}
.mega-menu a.mega-menu__link,.mega-menu a.mega-menu__link:link,.mega-menu a.mega-menu__link:visited,.mega-menu a.mega-menu__link:hover,.mega-menu a.mega-menu__link:focus,.mega-menu a.mega-menu__link:focus-visible,.mega-menu a.mega-menu__link:active,.mega-menu a.mega-menu__link strong,.mega-menu a.mega-menu__link:hover strong,.mega-menu a.mega-menu__link:focus strong,.mega-menu a.mega-menu__link:active strong{color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;}
.mega-menu a.mega-menu__link:hover,.mega-menu a.mega-menu__link:focus,.mega-menu a.mega-menu__link:focus-visible,.mega-menu a.mega-menu__link:active{background: rgba(255,255,255,.08) !important;
    filter: none !important;}
.mega-menu a.mega-menu__link span:not(.mega-menu__icon),.mega-menu a.mega-menu__link:hover span:not(.mega-menu__icon),.mega-menu a.mega-menu__link:focus span:not(.mega-menu__icon),.mega-menu a.mega-menu__link:active span:not(.mega-menu__icon){color: rgba(255,255,255,.76) !important;
    -webkit-text-fill-color: rgba(255,255,255,.76) !important;}
}
@media (min-width: 701px){
.mega-menu a.mega-menu__link:hover,.mega-menu a.mega-menu__link:focus,.mega-menu a.mega-menu__link:focus-visible,.mega-menu a.mega-menu__link:active{background: #f1f2ed !important;
    color: #191b18 !important;
    -webkit-text-fill-color: #191b18 !important;
    opacity: 1 !important;
    filter: none !important;}
.mega-menu a.mega-menu__link:hover strong,.mega-menu a.mega-menu__link:focus strong,.mega-menu a.mega-menu__link:active strong{color: #171916 !important;
    -webkit-text-fill-color: #171916 !important;}
}
.mega-menu__overview{display:none}
@media (max-width:700px){
.mega-menu__overview{display:flex!important;align-items:center;justify-content:space-between;margin:4px 0 10px;padding:13px 14px;border-radius:10px;background:#ed1235;color:#fff!important;font-weight:650;font-size:14px;text-decoration:none!important}
.nav.nav--mobile-open .nav__links{background:#101210!important}
}
.nav .nav__cta,.nav .nav__cta:link,.nav .nav__cta:visited{background:var(--dw-grad)!important;background-size:170% 100%!important;border:0!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;border-radius:var(--dw-r-pill)!important;transition:background-position .45s ease,transform .22s ease!important}
.nav .nav__cta *{color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important}
.nav .nav__cta:hover,.nav .nav__cta:focus-visible,.nav .nav__cta:active{background:var(--dw-grad)!important;background-size:170% 100%!important;background-position:100% 0!important;border:0!important;color:#FFFFFF!important}
.mega-menu__cta{color:#FF5214!important}
.mega-menu__footer a:hover{color:#FF5214!important}
.mega-menu a:focus-visible,.nav a:focus-visible,.nav button:focus-visible{outline-color:#FF5214!important}
.mega-menu__overview{background:var(--dw-grad)!important;color:#FFFFFF!important;border-radius:var(--dw-r-inner)!important}
.mega-menu__overview *{color:#FFFFFF!important}
.mega-menu__link,.mega-menu__aside,.mega-menu__help a,.mega-menu__payment-image,.mega-menu__aside>.mega-menu__brand{border-radius:var(--dw-r-inner)!important}
.mega-menu__brand-mark,.mega-menu__icon{border-radius:10px!important}
@media(min-width:701px){
.mega-menu{border-radius:var(--dw-r-card)!important}
}
/* ===== menu wstawione w hero podstrony (slot) ===== */
.dws-hero>.nav{position:relative;z-index:60;width:100%;max-width:1600px;margin:0 auto clamp(26px,3.5vw,54px)!important;padding:22px 0!important;border:0!important;background:transparent!important}
@media(max-width:700px){.dws-hero>.nav{padding:16px 0!important}}
.dw-menu-slot:empty{display:none}
/* aktualna strona */
.nav a.nav__simple.is-current{color:#fff!important;text-decoration:underline!important;text-decoration-color:#FF5214!important;text-decoration-thickness:2px!important;text-underline-offset:8px!important}
.mega-menu__link.is-current strong{color:#FF5214!important}