:root {
    --olive: #8fb336;
    --olive-dark: #7a9a2c;
    --forest: #1b3600;
    --pale: #eff4e7;
    --ink: #1a1a1a;
    --gray-txt: #5d6652;
    --gold: #cda34f;      /* tylko kreska pod naglowkami w ramce */
    --line: #e5e5e5;
    --white: #ffffff;
    --font: 'Open Sans', -apple-system, 'Segoe UI', Roboto, sans-serif;
    --wrap: 1400px;
}

*,*::before,*::after{box-sizing:border-box}
html { -webkit-text-size-adjust: 100%; }
body {
    margin: 0;
    background: var(--white);
    color: var(--ink);
    font-family: var(--font);
    font-size: 15px;
    line-height: 1.7;
}
body.no-scroll{overflow:hidden;}
img { display:block; max-width:100%; height:auto; }
a { color: inherit; text-decoration: none; }
h1,h2,h3,p,ul { margin: 0; }
ul{padding:0;list-style:none}
button { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; }
[hidden]{display:none !important}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* pasek z kontaktem nad naglowkiem */
.top-strip { background: var(--olive); color: #ffffff; font-size: 13px; }
.top-strip__in {
  display: flex; flex-wrap: wrap; justify-content: center;
  gap: 4px 20px;
  max-width: var(--wrap);
  margin: 0 auto;
  padding: 8px 20px;
}
.top-item{display:inline-flex;align-items:center;gap:7px}
.top-item svg { width: 16px; height: 16px; fill: #fff; flex: 0 0 16px; }
a.top-item:hover{text-decoration:underline}

.main_head{position:relative;z-index:40;background:#fff;border-bottom:1px solid var(--line);}
.main_head-in {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    max-width: var(--wrap);
    margin: 0 auto;
    padding: 12px 20px;
}
.brand-logo img { width: 150px; height: 46px; object-fit: contain; object-position: left center; }
.burger{order:3;position:relative;width:42px;height:42px;margin-left:auto}
.burger i { position:absolute; left:10px; right:10px; height:2px; background:var(--forest); }
.burger i:nth-child(1){top:14px}
.burger i:nth-child(2){top:20px}
.burger i:nth-child(3){top:26px}
.menu-top {
    display: none;
    order: 5;
    flex-basis: 100%;
    padding: 6px 0 10px;
}
.menu-top.is-open{display:block}
.menu-top a {
    display: block;
    padding: 11px 0;
    border-bottom: 1px solid var(--line);
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    color: var(--forest);
}
.menu-top a:hover, .menu-top a[aria-current="page"] { color: var(--olive); }
.head-btns{order:2;display:flex;align-items:center;gap:8px;margin-left:auto}
.basket-btn {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 8px 12px;
  border: 2px solid var(--forest);
  font-weight: 700; font-size: 13px;
  color: var(--forest);
}
.basket-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}
.basket-btn span { display: none; }
.basket-btn b{min-width:22px;padding:1px 6px;background:var(--olive);color:#fff;font-size:12px;text-align:center}
.call-btn { display:none; }

/* przyciski - kwadratowe jak w szablonie, bez zaokraglen */
.sq-btn {
    display: inline-block;
    padding: 13px 34px;
    background-color: var(--olive);
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    line-height: 24px;
    border-radius: 0px;
    transition: background-color .25s;
}
.sq-btn:hover{background-color:var(--forest)}
.line-btn{display:inline-block;padding:11px 26px;border:2px solid var(--forest);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:var(--forest)}
.line-btn:hover { background: var(--forest); color: #fff; }
.txt-link{color:var(--olive-dark);font-weight:600;text-decoration:underline;font-size:inherit}

.kicker {
    color: var(--olive);
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.kicker--c{text-align:center}

/*--- slider ---*/
.hero-slides { position: relative; min-height: 480px; overflow: hidden; background: #0e130e; }
.slide {
    position: absolute; inset: 0;
    display: flex; align-items: center;
    background-size: cover;
    background-position: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity .8s ease, visibility 0s linear .8s;
}
.slide::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,19,14,.78) 0%,rgba(14,19,14,.35) 70%,rgba(14,19,14,.15))}
.slide.is-on { opacity: 1; visibility: visible; transition: opacity .8s ease; }
.slide-txt{position:relative;padding:0 24px 0 13%;color:#fff;max-width:900px}
.slide-kick { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: #d7e8b0; }
.slide-h {
    margin: 10px 0 24px;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.18;
}
.slide-arr{position:absolute;top:50%;z-index:3;width:40px;height:40px;margin-top:-20px;border-radius:50%;background:rgba(255,255,255,.85)}
.slide-arr::after{content:"";position:absolute;top:14px;left:15px;width:10px;height:10px;border:solid var(--forest);border-width:0 0 2px 2px;transform:rotate(45deg)}
.slide-arr--prev { left: 10px; }
.slide-arr{display:none}
.slide-arr--next{right:10px}
.slide-arr--next::after{left:12px;transform:rotate(-135deg)}
.slide-dots { position: absolute; left: 0; right: 0; bottom: 18px; z-index: 3; display: flex; justify-content: center; gap: 8px; }
.slide-dots button{width:10px;height:10px;border-radius:5px;background:rgba(255,255,255,.55);transition:width .3s}
.slide-dots button.is-on { width: 28px; background: #fff; }

.intro_txt {
    max-width: 860px;
    margin: 50px auto 0;
    padding: 0 20px;
    text-align: center;
}
.intro_h1 { font-size: 26px; line-height: 1.3; color: var(--forest); }
.intro_txt p{margin:16px 0 26px;color:var(--gray-txt);font-size:15px}

/*--- kolaz + trzy problemy ---*/
.why-split {
    display: flex;
    flex-direction: column;
    gap: 50px;
    max-width: var(--wrap);
    margin: 90px auto;
    padding: 0 20px;
}
.pic-collage { position: relative; padding-bottom: 60px; }
.pic-collage__a{width:78%;aspect-ratio:560/620;object-fit:cover;background:#dde5cf}
.pic-collage__b { position: absolute; right: 0; bottom: 0; width: 52%; aspect-ratio: 420/460; object-fit: cover; border: 8px solid #fff; background: #cfd9bd; }
.why-h{margin:10px 0 26px;font-size:26px;line-height:1.3;color:var(--forest)}
.ico-row { display: grid; grid-template-columns: 54px minmax(0,1fr); gap: 16px; padding: 14px 0; }
.ico-row svg{width:50px;height:50px;fill:none;stroke:var(--olive);stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
.ico-row h3 { font-size: 17px; color: var(--forest); }
.ico-row p{margin-top:4px;font-size:14px;color:var(--gray-txt)}
.ico-row a { color: var(--olive-dark); text-decoration: underline; }

.strip4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding:0 0 0 0}
.strip4 img { width: 100%; aspect-ratio: 4/5; object-fit: cover; background: #d9e1cc; }

/*--- sklep, jasne pasmo ---*/
.shop-band {
    margin-top: 90px;
    padding: 80px 20px;
    background: #EFF4E7;
}
.shop-h{margin:8px 0 12px;font-size:28px;line-height:1.25;text-align:center;color:var(--forest)}
.shop-sub { max-width: 720px; margin: 0 auto 40px; text-align: center; color: var(--gray-txt); font-size: 14.5px; }
.prod-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:26px;max-width:var(--wrap);margin:0 auto}
.prod-card { display: flex; flex-direction: column; background: #fff; }
.prod-card img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#dde5cf}
.prod-card__name { margin: 18px 20px 6px; font-size: 18px; color: var(--forest); }
.prod-card__txt{flex-grow:1;margin:0 20px;font-size:14px;color:var(--gray-txt)}
.pick-color {
    display: flex; align-items: center; justify-content: space-between; gap: 10px;
    margin: 16px 20px 0;
    font-size: 13px;
    color: var(--gray-txt);
}
.pick-color select, .row-prod select {
    padding: 6px 8px;
    border: 1px solid #cfd6c4;
    background: #fff;
    font: inherit;
    font-size: 13px;
    color: var(--ink);
}
.prod-card__buy{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 20px 20px;padding-top:14px;border-top:1px solid var(--line)}
.prod-card__buy b { font-size: 22px; color: var(--forest); }
.prod-card--small .prod-card__txt{font-size:13px}
.add-btn {
    padding: 10px 16px;
    background: var(--forest);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.add-btn:hover{background:var(--olive)}

/*--- pulapki + dyfuzory ---*/
.bass_part { display: flex; flex-direction: column; gap: 40px; max-width: var(--wrap); margin: 100px auto; padding: 0 20px; }
.bass_h{margin:10px 0 16px;font-size:26px;line-height:1.3;color:var(--forest)}
.bass_lead { color: var(--gray-txt); font-size: 14.5px; }
.tick-list{margin:22px 0 30px}
.tick-list li {
    position: relative;
    padding: 7px 0 7px 38px;
    font-size: 14.5px;
}
.tick-list li::before{content:"";position:absolute;left:0;top:8px;width:26px;height:26px;border-radius:50%;background:var(--pale)}
.tick-list li::after { content: ""; position: absolute; left: 9px; top: 14px; width: 9px; height: 5px; border: solid var(--olive); border-width: 0 0 2px 2px; transform: rotate(-45deg); }
.row-prod{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px 14px;padding:16px 0;border-top:1px solid var(--line)}
.row-prod:last-child { border-bottom: 1px solid var(--line); }
.row-prod__t { grid-column: 1 / -1; }
.row-prod__t b{display:block;font-size:16px;color:var(--forest)}
.row-prod__t span { display: block; font-size: 13px; color: var(--gray-txt); }
.row-prod select{grid-column:1;justify-self:start}
.row-prod .add-btn { grid-column: 3; }
.row-prod__price { grid-column: 2; font-size: 19px; color: var(--forest); text-align: right; }
.bass_part-pic img{width:100%;aspect-ratio:700/820;object-fit:cover;background:#d9e1cc}

.dark-cta {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 26px;
    min-height: 320px;
    padding: 60px 20px;
    background: #0E130E;
    background-image: radial-gradient(ellipse at 70% 20%, rgba(143,179,54,.18), transparent 60%);
    text-align: center;
}
.dark-cta__h{color:#fff;font-size:26px;font-weight:700;line-height:1.25}

/* kalkulator - wlasny, nie ma go w szablonie */
.calc-box {
    display: grid;
    grid-template-columns: minmax(0,1fr);
    gap: 26px;
    max-width: 1100px;
    margin: 90px auto 0;
    padding: 0 20px;
}
.calc-h{font-size:26px;color:var(--forest)}
.calc-box__txt p { margin-top: 10px; color: var(--gray-txt); font-size: 14.5px; }
.calc-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:22px;background:var(--pale)}
.calc-f label { display: block; margin-bottom: 4px; font-size: 12.5px; font-weight: 600; color: var(--forest); }
.calc-f input,.calc-f select{width:100%;padding:10px;border:1px solid #cfd6c4;background:#fff;font:inherit;font-size:14px}
.calc-f input.is-bad { border-color: #c0392b; }
.calc-f--wide{grid-column:1 / -1}
.calc-go { grid-column: 1 / -1; }
.calc-out{grid-column:1 / -1;padding:24px;border:2px solid var(--olive)}
.calc-out__big { font-size: 22px; font-weight: 700; line-height: 1.3; color: var(--forest); }
.calc-out__small{margin-top:8px;font-size:14px;color:var(--gray-txt)}
.calc-out__sum { margin-top: 10px; font-size: 15px; }
.calc-out__btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}

.kits_row { display: grid; grid-template-columns: minmax(0,1fr); gap: 30px; max-width: var(--wrap); margin: 100px auto; padding: 0 20px; }
.kit{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line)}
.kit img { width: 100%; aspect-ratio: 800/520; object-fit: cover; background: #dde5cf; }
.kit-body{display:flex;flex-direction:column;flex-grow:1;padding:22px}
.kit-name { font-size: 20px; line-height: 1.3; color: var(--forest); }
.kit-body > p{margin-top:10px;font-size:14px;color:var(--gray-txt)}
.kit-list { margin-top: 12px; }
.kit-list li{position:relative;padding:4px 0 4px 18px;font-size:14px}
.kit-list li::before { content: ""; position: absolute; left: 0; top: 13px; width: 8px; height: 2px; background: var(--olive); }
.kit .pick-color{margin:auto 0 0;padding-top:16px}
.kit-buy { display: flex; align-items: center; justify-content: space-between; margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--line); }
.kit-buy b{font-size:24px;color:var(--forest)}

/*--- 6 krokow ---*/
.steps6 { max-width: var(--wrap); margin: 0 auto; padding: 0 20px; }
.steps6-h{margin:8px 0 40px;font-size:26px;line-height:1.3;text-align:center;color:var(--forest)}
.steps6-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 34px 26px; }
.step-card{text-align:center}
.step-card img { width: 100%; aspect-ratio: 1; object-fit: cover; background: #dde5cf; transition: transform .4s; }
.step-card img:hover{transform:scale(1.03)}
.step-card h3 { margin: 16px 0 8px; font-size: 18px; color: var(--forest); }
.step-card p{font-size:14px;color:var(--gray-txt);padding:0 6px}

.txt-box {
  max-width: var(--wrap);
  margin: 100px 20px 0;
  padding: 30px 20px;
  background-color: #f0f7f2;
  border-radius: 16px;
}
.txt-box__part + .txt-box__part{margin-top:45px}
.txt-box__h {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 15px;
    font-size: 22px;
    line-height: 1.3;
    color: #112a1c;
}
.txt-box__h::after{content:'';position:absolute;left:0;bottom:0;width:65px;height:3px;background-color:var(--gold);border-radius:2px}
.txt-box p { font-weight: 400; color: rgb(84, 89, 95); font-size: 15px; line-height: 26px; }

.faq_wrap{display:flex;flex-direction:column;gap:36px;max-width:var(--wrap);margin:100px auto;padding:0 20px}
.faq_h { margin-bottom: 26px; font-size: 26px; line-height: 1.3; text-align: center; color: var(--forest); }
.faq_wrap-l img{width:100%;aspect-ratio:640/560;object-fit:cover;border-radius:5px;background:#dde5cf}
.acc-item { border-bottom: 1px solid var(--line); }
.acc-q {
    position: relative;
    width: 100%;
    padding: 18px 40px 18px 0;
    text-align: left;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.35;
    color: var(--forest);
}
.acc-q::after{content:"+";position:absolute;right:6px;top:14px;font-size:28px;font-weight:400;color:var(--olive)}
.acc-q[aria-expanded="true"]::after { content: "–"; }
.acc-a{padding:0 0 20px}
.acc-a p { font-size: 14.5px; color: var(--gray-txt); }
.acc-a b{color:var(--ink)}

.numbers-band {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 40px 20px;
    padding: 80px 20px;
    background: #1b3600 url(../public/liczby-tlo-pracownia.webp) center / cover no-repeat;
    background-blend-mode: multiply;
    text-align: center;
    color: #fff;
}
.num-lab{display:block;font-size:13px;opacity:.85;min-height:40px}
.num-big { display: block; font-size: 44px; font-weight: 700; line-height: 1.1; }

.ship-cards{max-width:var(--wrap);margin:100px auto 0;padding:0 20px}
.ship-h { margin: 8px 0 36px; font-size: 26px; text-align: center; color: var(--forest); }
.ship-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
.ship-card { padding: 26px 24px; background: var(--pale); }
.ship-card__price{font-size:30px;font-weight:700;line-height:1;color:var(--olive-dark)}
.ship-card h3 { margin-top: 12px; font-size: 18px; color: var(--forest); }
.ship-meta{margin:2px 0 10px;font-size:12.5px;color:var(--gray-txt)}
.ship-card p:last-child { font-size: 14px; }
/* kolor ceny byl najpierw #8fb336, na jasnym tle za slabo widac */
.ship-note{max-width:900px;margin:26px auto 0;font-size:14px;color:var(--gray-txt);text-align:center}
.ship-note a { text-decoration: underline; color: var(--forest); }

.ask-split { display: flex; flex-direction: column; gap: 30px; max-width: var(--wrap); margin: 100px auto 80px; padding: 0 20px; }
.ask-form{padding:30px 20px;border:1px solid var(--line)}
.ask-h { font-size: 24px; line-height: 1.3; color: var(--forest); }
.ask-lead{margin:6px 0 22px;font-size:14px;color:var(--gray-txt)}
.quote_form { display: flex; flex-wrap: wrap; gap: 14px; }
.qf{flex:1 1 100%;min-width:0}
.qf label { display: block; margin-bottom: 4px; font-size: 13px; font-weight: 600; color: var(--forest); }
.qf label small{font-weight:400;color:var(--gray-txt)}
.qf input, .qf select, .qf textarea {
    width: 100%;
    padding: 11px 12px;
    border: 1px solid #d3d9c9;
    background: #fbfcf9;
    font: inherit;
    font-size: 14px;
    color: var(--ink);
}
.qf textarea{resize:vertical}
.qf input:focus,.qf select:focus,.qf textarea:focus { outline: 2px solid var(--olive); outline-offset: -1px; }
.qf.is-err input,.qf.is-err select{border-color:#c0392b}
.qf-err { display: block; min-height: 0; font-size: 12.5px; color: #c0392b; }
.qf--trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.qf label.chk, .of label.chk { display: flex; gap: 10px; font-weight: 400; cursor: pointer; }
.chk input{position:absolute;opacity:0;width:1px;height:1px}
.chk i { flex: 0 0 20px; height: 20px; margin-top: 2px; border: 2px solid var(--forest); background: #fff; }
.chk input:checked + i{background:var(--olive);border-color:var(--olive);box-shadow:inset 0 0 0 3px #fff}
.chk input:focus-visible + i { outline: 2px solid var(--olive); outline-offset: 2px; }
.chk em{font-style:normal;font-size:13px;color:var(--gray-txt)}
.chk a { text-decoration: underline; }
.ask-thanks{padding:20px 0}
.ask-thanks__h { font-size: 22px; font-weight: 700; color: var(--forest); margin-bottom: 8px; }
.ask-info{padding:30px 22px;background:var(--forest);color:#e4ecd6}
.ask-info__h { font-size: 18px; font-weight: 700; color: #fff; }
.ask-info__tel{display:block;margin:8px 0 14px;font-size:28px;font-weight:700;color:#fff}
.ask-info__tel:hover { color: var(--olive); }
.ask-info > p{font-size:14px}
.ask-info__adr { margin-top: 18px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.18); }
.ask-info__adr a{text-decoration:underline}

.map-full { margin: 80px 0 0; line-height: 0; }
.map-full iframe{display:block;filter:grayscale(.3)}

/* stopka - ciemna z deseniem */
.foot {
  background-color: var(--forest);
  background-image: repeating-linear-gradient(45deg, rgba(255,255,255,.03) 0 2px, transparent 2px 14px), repeating-linear-gradient(-45deg, rgba(0,0,0,.08) 0 2px, transparent 2px 14px);
  color: #fff;
}
.foot-cols{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;max-width:var(--wrap);margin:0 auto;padding:60px 20px 40px;text-align:center}
.brand-logo--foot img { margin: 0 auto; filter: brightness(0) invert(1); }
.foot-about{margin-top:12px;font-size:14px;opacity:.8}
.foot-title { font-size: 20px; font-weight: 700; }
.foot-icon svg{width:30px;height:30px;margin:14px auto;fill:var(--olive)}
.foot-col p { font-size: 15px; }
.foot-col a:hover{color:var(--olive)}
.foot-terms {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 20px 30px;
    font-size: 13px;
    line-height: 1.7;
    text-align: center;
    color: #cfdcb8;
}
.foot-terms b{color:#fff;font-weight:600}
.foot-bottom { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 16px 20px; background: #1a1a1a; font-size: 13px; color: #bdbdbd; text-align: center; }
.foot-legal{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 16px}
.foot-legal a:hover, .foot-legal button:hover { color: var(--olive); }
.foot-legal button{font-size:13px;color:#bdbdbd;text-decoration:underline}

.up-btn {
    position: fixed; right: 16px; bottom: 16px; z-index: 50;
    display: none;
    width: 42px; height: 42px;
    background: var(--olive);
}
.up-btn::after{content:"";position:absolute;left:15px;top:17px;width:10px;height:10px;border:solid #fff;border-width:2px 0 0 2px;transform:rotate(45deg)}
.up-btn.is-show { display: block; }

@media (min-width: 600px) {
    .strip4{grid-template-columns:repeat(4,minmax(0,1fr))}
    .prod-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .steps6-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .row-prod { grid-template-columns: minmax(0,1fr) 112px 78px 118px; }
    .row-prod__t{grid-column:1}
    .row-prod select { grid-column: 2; grid-row: 1; }
    .row-prod__price{grid-column:3;grid-row:1}
    .row-prod .add-btn { grid-column: 4; grid-row: 1; }
    .basket-btn span { display: inline; }
}

@media (min-width:768px){
.slide-h{font-size:50px}
.slide-arr { display: block; }
.hero-slides { min-height: 620px; }
.intro_h1{font-size:34px}
.why-split { flex-direction: row; align-items: center; gap: 70px; margin: 140px auto; padding: 0 40px; }
.pic-collage,.why-txt{flex:1 1 0;min-width:0}
.why-h { font-size: 36px; }
.shop-band{margin-top:140px;padding:140px 40px}
.shop-h { font-size: 40px; }
.bass_part{flex-direction:row;align-items:center;gap:70px;margin:140px auto;padding:0 40px}
.bass_part-txt { flex: 1.1 1 0; min-width: 0; }
.bass_part-pic{flex:.9 1 0;min-width:0}
.bass_h { font-size: 36px; }
.dark-cta{min-height:400px}
.dark-cta__h { font-size: 48px; }
.calc-box{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);align-items:start;gap:50px;margin-top:120px;padding:0 40px}
.calc-out { grid-column: 2; }
.kits_row{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);align-items:start;margin:140px auto;padding:0 40px}
.steps6 { padding: 0 40px; }
.steps6-h{font-size:40px;margin-bottom:50px}
.txt-box { margin: 120px 40px 0; padding: 50px 60px; }
.faq_wrap{flex-direction:row;align-items:flex-start;gap:60px;margin:140px auto;padding:0 40px}
.faq_wrap-l,.faq_wrap-r{flex:1 1 0;min-width:0}
.acc-q { font-size: 22px; }
.numbers-band{grid-template-columns:repeat(4,minmax(0,1fr));padding:150px 40px}
.num-big { font-size: 64px; }
.ship-cards{margin-top:140px;padding:0 40px}
.ship-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
.ask-split{flex-direction:row;align-items:stretch;margin:140px auto 80px;padding:0 40px}
.ask-form { flex: 1.6 1 0; padding: 40px; }
.ask-info{flex:1 1 0;padding:40px 34px}
.qf--half { flex: 1 1 calc(50% - 7px); }
.foot-cols{grid-template-columns:repeat(2,minmax(0,1fr));padding:120px 40px 60px}
.foot-bottom { flex-direction: row; justify-content: space-between; padding: 16px 40px; }
}

@media (min-width: 1025px) {
    .burger { display: none; }
    .brand-logo img{width:210px;height:64px}
    .menu-top {
        display: flex;
        order: 2;
        flex-basis: auto;
        gap: 34px;
        margin-left: auto;
        padding: 0;
    }
    .menu-top a{padding:6px 0;border:0}
    .head-btns { order: 3; margin-left: 30px; }
    .call-btn{display:inline-block;padding:10px 26px;background:var(--olive);color:#fff;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.6px}
    .call-btn:hover { background: var(--forest); }
    .top-strip__in{justify-content:flex-start;padding:9px 40px}
    .main_head-in { padding: 14px 40px; }
    .slide-h{font-size:74px;line-height:1.1}
    .hero-slides { min-height: 700px; }
    .prod-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
    .steps6-grid { grid-template-columns: repeat(3, minmax(0,1fr)); gap: 50px 30px; }
    .why-h,.bass_h,.shop-h{font-size:46px}
    .foot-cols { grid-template-columns: repeat(4, minmax(0,1fr)); }
}

/* stary wariant z ciemnym paskiem u gory, zostawiony na razie
.top-strip{background:#1b3600}
*/
@media (max-width: 767px) {
  .bass_part-pic, .faq_wrap-l img { margin-top: 10px; }
}

.quote-line {
    max-width: 900px;
    margin: 20px auto 0;
    padding: 70px 20px 10px;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.35;
    text-align: center;
    color: var(--forest);
}
.box-contents{max-width:var(--wrap);margin:26px auto 0;font-size:13.5px;color:var(--gray-txt);text-align:center}
.box-contents b { color: var(--forest); }
@media (min-width: 768px) { .quote-line{font-size:32px;padding-top:110px} }
.quote-line + .shop-band{margin-top:60px}