:root {
  --slate: #353e44;
  --mint: #4dc3b3;
  --mint-dark: #36a393;
  --beige: #f7f4ed;
  --off: #f4f4f4;
  --white: #ffffff;
  --red: #e04e39;
  --font: 'Outfit', Arial, sans-serif;
  --radius-sm: 0.6rem;
  --radius-md: 0.8rem;
  --radius-lg: 1.6rem;
  --shadow-custom: 0px 4px 100px 0px rgba(0, 0, 0, 0.10);
  --gutter: 2rem;
  --display-xl: clamp(3.6rem, 1.592rem + 5.283vw, 9.2rem);
  --display-lg: clamp(3.2rem, 2.3rem + 2.6vw, 6rem);
  --display-md: clamp(2.6rem, 2rem + 1.9vw, 4.6rem);
}
@media (min-width:768px) {
  :root {
    --radius-md: 1.2rem;
    --radius-lg: 2rem;
    --gutter: 4rem
  }
}
@media (min-width:1200px) {
  :root {
    --radius-md: 1.6rem;
    --radius-lg: 2.4rem;
  }
}

*,*::before,*::after{box-sizing:border-box}
html {
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  font-size: 10px
}
body {
  margin: 0;
  background: var(--beige);
  color: var(--slate);
  font-family: var(--font);
  font-size: 1.6rem;
  line-height: 1.55;
}
body.no-scroll{overflow:hidden}
img{display:block;max-width:100%;height:auto}
a { color: inherit; }
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}
.visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.page_wrap{overflow-x:clip}

/* kreska przed kazdym naglowkiem sekcji, jak w szablonie */
.config-text__section-title {
  display: flex;
  align-items: center;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: .4px;
  margin-bottom: 1.4rem
}
.config-text__section-title::before {
  position: relative;
  width: 3.8rem;
  height: .4rem;
  content: "";
  background: var(--mint);
  margin-right: .8rem
}
.display-md{font-size:var(--display-md);line-height:1.12;font-weight:500;letter-spacing:-.5px}
.display-lg { font-size: var(--display-lg); line-height: 1.08; font-weight: 500; letter-spacing: -1px; }

/* przyciski */
.cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .8rem;
  padding: 1.2rem 2rem;
  border: none;
  background-color: var(--mint);
  color: var(--slate);
  font-size: 1.5rem;
  font-weight: 500;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all .3s ease-out;
}
.cta:hover{background-color:var(--mint-dark)}
.cta__icon { width: 2rem; height: 2rem; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform .3s; }
.cta:hover .cta__icon{transform:translateX(4px)}
.cta--secondary { background-color: rgba(0,0,0,.1); }
.cta--secondary:hover{background-color:rgba(0,0,0,.25)}
.cta--tertiary {
  background-color: transparent;
  box-shadow: 0 0 0 1px inset rgba(0,0,0,.5)
}
.cta--tertiary:hover{background-color:rgba(0,0,0,.05);box-shadow:0 0 0 1px inset var(--slate)}

/*--- gorny pasek + naglowek ---*/
.utility-bar{background:var(--white);font-size:1.2rem}
.utility-bar__in {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: .2rem 1.8rem;
  max-width: 132rem;
  margin: 0 auto;
  padding: .7rem 2rem;
}
.utility-bar__link{text-decoration:none;font-weight:500}
.utility-bar__link:hover { color: var(--mint-dark); }

.header { position: absolute; left: 0; right: 0; z-index: 30; }
.header--gradient{background:linear-gradient(180deg,rgba(53,62,68,.65) 0%,rgba(0,0,0,0) 100%)}
.header__row {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1.2rem;
  max-width: 132rem;
  margin: 0 auto;
  padding: 1.2rem var(--gutter);
}
.header .logo-container{display:block;height:5rem;width:14rem;margin-right:auto}
.logo-container img { width: 100%; height: 100%; object-fit: contain; object-position: left center; filter: brightness(0) invert(1); }
.mmenulink{position:relative;width:4.4rem;height:4.4rem}
.mmenulink i { position: absolute; left: 1.1rem; right: 1.1rem; height: 2px; background: #fff; }
.mmenulink i:nth-child(1){top:1.5rem}
.mmenulink i:nth-child(2){top:2.1rem}
.mmenulink i:nth-child(3){top:2.7rem}
.navigation-wrapper {
  display: none;
  position: absolute;
  top: 100%;
  left: 1.2rem;
  right: 1.2rem;
  padding: .8rem 1.6rem;
  background: #fff;
  border-radius: var(--radius-md);
  box-shadow: 0 20px 24px -4px rgba(0,0,0,.08),0 8px 8px -4px rgba(0,0,0,.03);
}
.navigation-wrapper.is-open{display:block}
.navigation-wrapper .navigation {
  display: block;
  padding: 1.2rem 0;
  border-bottom: 1px solid #DADADA;
  font-size: 1.6rem;
  font-weight: 500;
  text-decoration: none;
}
.navigation-wrapper .level1:last-child .navigation{border-bottom:0}
.navigation-wrapper .navigation[aria-current="page"] { color: var(--mint-dark); }
.cart-trigger {
  display: inline-flex;
  align-items: center;
  gap: .6rem;
  padding: .8rem 1.2rem;
  border-radius: var(--radius-md);
  background: rgba(255,255,255,.15);
  color: #fff;
  font-size: 1.4rem;
  font-weight: 500;
}
.cart-trigger svg{width:2rem;height:2rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}
.cart-trigger__lab { display: none; }
.cart-trigger b{min-width:2.2rem;padding:0 .6rem;border-radius:1.1rem;background:var(--mint);color:var(--slate);font-size:1.2rem;text-align:center}
.cart-trigger:hover { background: rgba(255,255,255,.28); }

/*--- hero ---*/
.simple-hero-banner { position: relative; min-height: 56rem; display: flex; align-items: flex-end; background: #2b3237; }
.simple-hero-banner__bg{position:absolute;inset:0;overflow:hidden}
.simple-hero-banner__bg img { width: 100%; height: 100%; object-fit: cover; object-position: bottom; }
.simple-hero-banner__description {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 132rem;
  margin: 0 auto;
  padding: 14rem var(--gutter) 6rem;
}
.simple-hero-banner::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(0,0,0,.6) 0,rgba(0,0,0,.42) 25%,rgba(0,0,0,0) 100%),linear-gradient(0deg,rgba(0,0,0,.45),rgba(0,0,0,0) 50%)}
.simple-hero-banner__title {
  color: #fff;
  font-size: var(--display-lg);
  line-height: 1.08;
  font-weight: 700;
  letter-spacing: -1px;
  margin-bottom: 3rem;
}
.cta--hero{border-radius:99px;padding:1.3rem 2.4rem}

/*--- intro ---*/
.home-intro {
  display: flex;
  flex-direction: column;
  gap: 3.4rem;
  max-width: 132rem;
  margin: 0 auto;
  padding: 8rem var(--gutter) 9rem;
}
.home-intro__title{font-size:var(--display-xl);line-height:1.02;font-weight:500;letter-spacing:-2px;margin-bottom:2.6rem}
.home-intro__title span {
  background: linear-gradient(-180deg,rgba(0,0,0,0) 50%,var(--mint) 50%,var(--mint) 85%,rgba(0,0,0,0) 85%)
}
.home-intro__right p{font-size:1.7rem}
.home-intro__right p + p { margin-top: 1.6rem; }
.home-intro__right p:last-child{font-size:1.5rem;opacity:.75}

/*--- sklep: pasmo mietowe + karty ---*/
.home-carousel{position:relative}
.home-carousel__wrapper {
  position: relative;
  background: var(--mint);
  background-image: repeating-linear-gradient(135deg, rgba(255,255,255,.07) 0 2px, transparent 2px 22px);
}
.home-carousel__content{position:relative;max-width:132rem;margin:0 auto;padding:7rem var(--gutter) 26.5rem}
.home-carousel__content .config-text__section-title::before { background-color: var(--slate); }
.home-carousel__h{font-size:var(--display-md);line-height:1.1;font-weight:500;max-width:73.5rem}
.home-carousel__lead { max-width: 60rem; margin-top: 1.4rem; font-size: 1.7rem; }
.home-carousel__signpost-card {
  position: relative;
  max-width: 132rem;
  margin: -22rem auto 0;
  padding: 0 0 0 var(--gutter);
}
.swiper--navigation{display:flex;justify-content:flex-end;gap:.8rem;padding-right:var(--gutter);margin-bottom:1.6rem}
.action-button { width: 4.4rem; height: 4.4rem; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; }
.action-button svg{width:2rem;height:2rem;fill:none;stroke:var(--slate);stroke-width:2}
.action-button:disabled { background: rgba(255,255,255,.5); pointer-events: none; }
.swiper {
  display: flex;
  gap: 2rem;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding: 0 var(--gutter) 6rem 0;
  scrollbar-width: none;
}
.swiper::-webkit-scrollbar{display:none}
.card {
  flex: 0 0 26rem;
  display: flex;
  flex-direction: column;
  scroll-snap-align: start;
  background: #fff;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-custom);
  overflow: hidden;
}
.card__image-wrapper{height:17.1rem;background:#d6d2c4}
.card__image-wrapper img { width: 100%; height: 100%; object-fit: cover; }
.card__content{display:flex;flex-direction:column;flex-grow:1;padding:2rem 2rem 2.2rem}
.card__heading { font-size: 1.8rem; line-height: 1.3; font-weight: 500; margin-bottom: .8rem; }
.card__description{flex-grow:1;font-size:1.4rem;line-height:1.55;opacity:.85}
.card__buy { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 1.8rem; padding-top: 1.4rem; border-top: 1px solid #e8e8e8; }
.card__buy b{font-size:2.2rem;font-weight:700}
.card__buy small { font-size: 1.3rem; font-weight: 400; }
.add-btn{padding:.9rem 1.4rem;border-radius:var(--radius-sm);background:var(--slate);color:#fff;font-size:1.3rem;font-weight:500;transition:background .25s}
.add-btn:hover { background: var(--mint-dark); }
.card--small{background:var(--off)}
.card__content--split { border-top: 1px dashed #b7b7b7; }

/*--- materialy ---*/
.homepage-brand {
  display: flex;
  flex-direction: column;
  gap: 4rem;
  max-width: 132rem;
  margin: 0 auto;
  padding: 4rem var(--gutter) 9rem;
}
.homepage-brand__txt > p:not(.config-text__section-title){margin-top:1.4rem;font-size:1.7rem}
.stone-facts { margin-top: 2.4rem; }
.stone-facts li{padding:1.1rem 0;border-top:1px solid rgba(53,62,68,.15);font-size:1.5rem}
.stone-facts b { display: inline-block; min-width: 11rem; font-weight: 700; }
.stone-collage{position:relative;height:36rem}
.stone-tile {
  position: absolute;
  display: flex;
  align-items: flex-end;
  padding: 1rem;
  border-radius: var(--radius-sm);
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
  box-shadow: 0 12px 16px -4px rgba(0,0,0,.08);
}
.stone-tile--szary{left:0;top:2rem;width:13rem;height:13rem;background:#9a9a96 radial-gradient(circle at 20% 30%,#b5b5b1 1px,transparent 2px) 0 0/7px 7px}
.stone-tile--impala { left: 14.5rem; top: 0; width: 11rem; height: 15rem; background: #2c2e30 radial-gradient(circle at 60% 40%,#55595c 1px,transparent 2px) 0 0/6px 6px; }
.stone-tile--piaskowiec{right:0;top:3rem;width:12rem;height:11rem;background:#d8b98a linear-gradient(170deg,rgba(255,255,255,.12) 0 30%,transparent 30% 55%,rgba(120,80,30,.12) 55%);color:#353e44}
.stone-tile--kongl { left: 3rem; top: 17rem; width: 12rem; height: 10rem; background: #f1efe9 radial-gradient(circle at 40% 60%,#dcd8cf 1px,transparent 2px) 0 0/9px 9px; color: #353e44; }
.stone-tile--plom{left:17rem;top:17rem;width:10rem;height:12rem;background:#8d8b86 repeating-radial-gradient(circle at 30% 30%,#a19f99 0 1px,#86847f 1px 3px)}
.stone-tile--pol { right: 2rem; top: 16rem; width: 9rem; height: 9rem; background: linear-gradient(135deg,#1f2224,#4a4f52 45%,#1f2224); }
.stone-tile--szlif{left:9rem;top:29rem;width:14rem;height:6.5rem;background:#b7b7b7;color:#353e44}

/*--- obrobka: dwie kolumny w ruchu ---*/
.homepage-brand__images-wrapper {
  display: flex;
  flex-direction: column;
  gap: 4rem;
  max-width: 132rem;
  margin: 0 auto;
  padding: 0 var(--gutter) 9rem;
}
.marquee-txt > p:not(.config-text__section-title) { margin: 1.4rem 0 2.4rem; font-size: 1.7rem; }
.homepage-brand__images-wrapper .container-inner{position:relative;height:42rem;overflow:hidden}
.homepage-brand__images-wrapper .container-inner::before,
.homepage-brand__images-wrapper .container-inner::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 9rem;
  z-index: 2;
  pointer-events: none;
}
.homepage-brand__images-wrapper .container-inner::before{top:0;background:linear-gradient(180deg,#f7f4ed,rgba(247,244,237,0))}
.homepage-brand__images-wrapper .container-inner::after { bottom: 0; background: linear-gradient(0deg,#f7f4ed,rgba(247,244,237,0)); }
.slideshow{display:flex;gap:1.2rem;height:100%}
.slideshow__col {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  animation: jedzie-w-dol 38s linear infinite;
}
.slideshow__col--up{animation-name:jedzie-w-gore;animation-duration:31s}
.element {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 11rem;
  padding: 1.4rem;
  border-radius: var(--radius-sm);
  background: #fff;
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
}
.element--dark{background:var(--slate);color:#fff}
.element--mint { background: var(--mint); }
@keyframes jedzie-w-dol { from { transform: translateY(-50%); } to { transform: translateY(0); } }
@keyframes jedzie-w-gore{from{transform:translateY(0)}to{transform:translateY(-50%)}}
@media (prefers-reduced-motion: reduce) {
  .slideshow__col { animation: none; }
}

/*--- kalkulator na wymiar ---*/
.size-calc {
  max-width: 132rem;
  margin: 0 auto;
  padding: 0 var(--gutter) 9rem;
}
.size-calc__head p:not(.config-text__section-title){max-width:70rem;margin-top:1.4rem;font-size:1.6rem}
.size-calc__form {
  display: flex;
  flex-wrap: wrap;
  gap: 1.4rem;
  margin-top: 3rem;
  padding: 2.4rem 2rem;
  background: #fff;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-custom);
}
.sc-f{flex:1 1 100%;min-width:0}
.sc-f--third { flex: 1 1 calc(33.33% - 1rem); }
.sc-f label{display:block;margin-bottom:.4rem;font-size:1.3rem;font-weight:500}
.sc-f input, .sc-f select {
  width: 100%;
  padding: 1.1rem 1.2rem;
  border: 1px solid #b7b7b7;
  border-radius: 0;
  background: #fff;
  font: inherit;
  font-size: 1.5rem;
  color: var(--slate);
}
.sc-f input.is-bad{border-color:var(--red)}
.size-calc__err { flex: 1 1 100%; min-height: 2rem; font-size: 1.4rem; color: var(--red); }
.size-calc__out{flex:1 1 100%;display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2rem;padding-top:1.8rem;border-top:1px solid #e8e8e8}
.size-calc__out p:first-child { flex: 1 1 100%; font-size: 1.4rem; opacity: .8; }
.size-calc__price b{font-size:3.6rem;font-weight:700;line-height:1}

/*--- cennik na zdjeciu ---*/
.homepage-download{max-width:132rem;margin:0 auto;padding:0 var(--gutter) 9rem}
.homepage-download__head { margin-bottom: 3rem; }
.homepage-download__card {
  position: relative;
  border-radius: var(--radius-lg);
  overflow: hidden;
  background: #2b3237;
}
.homepage-download__card > img{width:100%;height:26rem;object-fit:cover;opacity:.9}
.price-panel { padding: 2.4rem 2rem; background: var(--slate); color: #fff; }
.price-panel__table{width:100%;border-collapse:collapse;font-size:1.5rem}
.price-panel__table caption { text-align: left; font-size: 1.3rem; opacity: .75; padding-bottom: 1rem; }
.price-panel__table th,.price-panel__table td{padding:.9rem 0;border-bottom:1px solid rgba(255,255,255,.12);text-align:left;font-weight:400}
.price-panel__table thead th { font-size: 1.2rem; text-transform: uppercase; letter-spacing: .8px; opacity: .7; }
.price-panel__table td{text-align:right;font-weight:700}
.homepage-download__tag { margin-top: 1.6rem; font-size: 1.3rem; color: rgba(255, 255, 255, 0.75); }

/*--- dostawa w jednym rzedzie ---*/
.ship-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 2.4rem 2rem;
  max-width: 132rem;
  margin: 0 auto;
  padding: 0 var(--gutter) 9rem;
}
/* te liczby byly wieksze, ale 190 zl obok 0 zl wygladalo jak promocja */
.ship-row__item b{display:block;font-size:3.2rem;font-weight:500;line-height:1.1}
.ship-row__item span { display: block; margin-top: .4rem; font-size: 1.4rem; }
.ship-row__note{grid-column:1 / -1;padding-top:1.8rem;border-top:1px solid rgba(53,62,68,.2);font-size:1.4rem}
.ship-row__note a { color: var(--mint-dark); }

/*--- wycena z rysunku ---*/
.quote-block{display:flex;flex-direction:column;gap:3rem;max-width:132rem;margin:0 auto;padding:0 var(--gutter) 10rem}
.quote-block__txt > p:not(.config-text__section-title) { margin-top: 1.4rem; font-size: 1.7rem; }
.quote-block__txt p.quote-block__phone{font-size:3rem;font-weight:500}
.quote-block__phone a { text-decoration: none; }
.quote-block__card{padding:2.8rem 2rem;border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-custom)}
.quote_form { display: flex; flex-wrap: wrap; gap: 1.4rem; }
.qf-row{flex:1 1 100%;min-width:0}
.qf-row label { display: block; margin-bottom: .4rem; font-size: 1.3rem; font-weight: 500; }
.qf-row label small{font-weight:400;opacity:.7}
.qf-row input,.qf-row select,.qf-row textarea {
  width: 100%;
  padding: 1.1rem 1.2rem;
  border: 1px solid #b7b7b7;
  background: #fff;
  font: inherit;
  font-size: 1.5rem;
  color: var(--slate);
}
.qf-row input[type=file]{padding:.9rem;border-style:dashed}
.qf-row.is-err input,.qf-row.is-err select { border-color: var(--red); }
.qf-err{display:block;font-size:1.3rem;color:var(--red)}
.qf-trap { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.qf-row label.tick, .ch-f label.tick { display: flex; gap: 1rem; cursor: pointer; font-weight: 400; }
.tick input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.tick i{flex:0 0 2rem;height:2rem;margin-top:.2rem;border:2px solid var(--slate);border-radius:.3rem;background:#fff}
.tick input:checked + i { background: var(--mint); border-color: var(--mint); box-shadow: inset 0 0 0 3px #fff; }
.tick input:focus-visible + i{outline:2px solid var(--mint);outline-offset:2px}
.tick em { font-style: normal; font-size: 1.35rem; }
.tick a{color:var(--mint-dark)}
.quote-thanks__h { font-size: 2.6rem; font-weight: 500; margin-bottom: .8rem; }

/*--- ciemna sekcja + pytania ---*/
.dark-statement {
  position: relative;
  background: #1f2426 url(../visual/ciemna-plyta-granitu.webp) center / cover no-repeat;
  color: #fff;
}
.dark-statement::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(31,33,34,.85) 5%,rgba(53,62,68,.55) 60%,rgba(53,62,68,.3) 100%)}
.dark-statement__in { position: relative; display: flex; flex-direction: column; gap: 4rem; max-width: 132rem; margin: 0 auto; padding: 9rem var(--gutter); }
.dark-statement .config-text__section-title::before{background:#fff}
.dark-statement__left p:last-child { max-width: 52rem; margin-top: 2rem; font-size: 1.7rem; color: rgba(255,255,255,.85); }
.acc-panel{margin-bottom:1rem;border-radius:2.4rem;background:rgba(255,255,255,.1);backdrop-filter:blur(6px)}
.acc-panel__btn {
  position: relative;
  width: 100%;
  padding: 1.8rem 5rem 1.8rem 2.4rem;
  text-align: left;
  font-size: 1.7rem;
  font-weight: 500;
  color: #fff;
}
.acc-panel__btn::after{content:"+";position:absolute;right:2.4rem;top:1.3rem;font-size:2.6rem;font-weight:300}
.acc-panel__btn[aria-expanded="true"]::after { content: "−"; }
.acc-panel__body{padding:0 2.4rem 2rem;font-size:1.5rem;color:rgba(255,255,255,.85)}

/*--- stopka ---*/
.standard-footer { background: var(--mint); }
.standard-footer__cols{display:grid;grid-template-columns:minmax(0,1fr);gap:3rem;max-width:132rem;margin:0 auto;padding:6rem var(--gutter) 5rem}
.adress-container .logo-container{display:block;width:16rem;height:5.4rem;margin-bottom:1.4rem}
.logo-container--foot img { filter: none; }
.standard-footer__h{font-size:1.3rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;margin-bottom:1rem}
.standard-footer__col p, .quick-links a { font-size: 1.5rem; }
.quick-links li{padding:.3rem 0}
.standard-footer a { text-decoration: none; }
.standard-footer a:hover{text-decoration:underline}
.standard-footer__col--terms p { font-size: 1.35rem; }
.bottum-strip{display:flex;flex-direction:column;gap:1rem;padding:1.6rem var(--gutter);background:#fff;font-size:1.3rem}
.bottum-strip__legal { display: flex; flex-wrap: wrap; gap: .4rem 2rem; }
.bottum-strip__legal a{text-decoration:none}
.bottum-strip__legal a:hover, .bottum-strip__legal button:hover { color: var(--mint-dark); }
.bottum-strip__legal button{font-size:1.3rem;text-decoration:underline}

.back-top {
  position: fixed;
  right: 1.6rem;
  bottom: 1.6rem;
  z-index: 50;
  display: none;
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 50%;
  background: var(--mint);
  box-shadow: var(--shadow-custom);
}
.back-top svg{width:2rem;height:2rem;margin:auto;fill:none;stroke:var(--slate);stroke-width:2.2}
.back-top.is-show { display: flex; }

@media (min-width:576px) {
  .card{flex-basis:30rem}
  .cart-trigger__lab { display: inline; }
}
@media (min-width:768px) {
  .simple-hero-banner { min-height: 70rem; }
  .simple-hero-banner__description{padding:18rem var(--gutter) 10rem 8.33%}
  .home-intro { flex-direction: row; align-items: center; gap: 6rem; padding: 14rem var(--gutter) 15rem; }
  .home-intro__left{flex:0 0 58%;text-align:right}
  .home-intro__left .config-text__section-title { justify-content: flex-end; }
  .home-carousel__content{padding:10rem var(--gutter) 25rem}
  .homepage-brand { flex-direction: row; align-items: center; gap: 6rem; padding: 6rem var(--gutter) 14rem; }
  .homepage-brand__txt,.stone-collage{flex:1 1 0;min-width:0}
  .stone-collage { height: 40rem; }
  .homepage-brand__images-wrapper{flex-direction:row;align-items:center;gap:6rem;padding-bottom:14rem}
  .marquee-txt, .homepage-brand__images-wrapper .container-inner { flex: 1 1 0; min-width: 0; }
  .homepage-brand__images-wrapper .container-inner{height:56rem}
  .size-calc__form { padding: 3.6rem 4rem; }
  .sc-f{flex:1 1 calc(50% - .7rem)}
  .sc-f--third { flex: 1 1 calc(33.33% - 1rem); }
  .homepage-download__card > img{height:52rem}
  .price-panel { position: absolute; right: 3rem; bottom: 3rem; width: 42rem; border-radius: var(--radius-md); background: rgba(53,62,68,.92); }
  .ship-row{grid-template-columns:repeat(4,minmax(0,1fr));padding-bottom:14rem}
  .quote-block { flex-direction: row; gap: 6rem; }
  .quote-block__txt{flex:0 0 36%}
  .quote-block__card { flex: 1 1 0; padding: 4rem; }
  .qf-row--half{flex:1 1 calc(50% - .7rem)}
  .dark-statement { background-attachment: fixed; }
  .dark-statement__in{flex-direction:row;align-items:center;gap:8rem;min-height:70rem;padding:12rem var(--gutter)}
  .dark-statement__left,.dark-statement__acc { flex: 1 1 0; min-width: 0; }
  .standard-footer__cols{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bottum-strip { flex-direction: row; justify-content: space-between; align-items: center; }
}
@media (min-width: 1200px) {
  .mmenulink{display:none}
  .navigation-wrapper { display: block; position: static; padding: 0; background: none; box-shadow: none; margin-right: 2rem; }
  .navigation-wrapper .mainmenu{display:flex;gap:3.2rem}
  .navigation-wrapper .navigation { padding: .6rem 0; border-bottom: 2px solid transparent; color: #fff; font-size: 1.6rem; }
  .navigation-wrapper .navigation:hover,.navigation-wrapper .navigation[aria-current="page"]{border-bottom-color:#fff;color:#fff}
  .header .logo-container { width: 19.2rem; height: 6.4rem; }
  .utility-bar__in{justify-content:flex-end}
  .simple-hero-banner { min-height: 80rem; }
  .card{flex-basis:35.2rem}
  .home-carousel__signpost-card { margin-top: -18.7rem; }
  .standard-footer__cols{grid-template-columns:1.2fr 1fr 1fr 1.5fr;padding:9rem var(--gutter) 7rem}
}
/*
.dark-statement { min-height: 80rem }
*/
@media (max-width:767.98px) {
  .home-intro__title { letter-spacing: -1px; }
}

.body-light,.section-light{--color-headline:var(--slate);--color-body:var(--slate)}
.section-dark { --color-headline: #fff; --color-body: #fff; }
.cta__label{white-space:nowrap}
.utility-bar__txt { opacity: .8; }
.bottum-strip__copy{opacity:.75}
.stone-collage { width: 100%; max-width: 44rem; margin: 0 auto; }
.stone-facts li{display:grid;grid-template-columns:11rem minmax(0,1fr);gap:1rem}
/* kolaz na telefonie sie nie miescil - zwykla siatka */
@media (max-width: 767.98px) {
  .stone-collage { display: flex; flex-wrap: wrap; gap: 1rem; height: auto; }
  .stone-tile{position:static;width:calc(33.33% - .7rem);height:9rem}
}