/* ============================================
   PLENT.PL — Cleaned CSS
   Oczyszczony: 2026-03-30
   ============================================ */

/* --- Global / Theme Colors --- */

.ck_dsclr_v2 a {
  color: #c5bfb7 !important;
}

/* UWAGA: globalny selektor — wpływa na KAŻDY link na stronie.
   Rozważ zawężenie np. do .longdescription a:hover lub .cm a:hover */
a:hover {
  color: #c5bfb7;
}

.btn {
  color: #c5bfb7;
  border-bottom: 1px solid #c5bfb7;
}

.btn.--outline {
  border-bottom: 1px solid #c5bfb7;
  color: #c5bfb7;
}

.btn.--medium.--solid {
  background: #c5bfb7;
  border: 1px solid #c5bfb7;
  color: #fff;
  border-radius: 0;
}

.breadcrumbs #back_button {
  color: #c5bfb7;
}

.freeShipping {
  border: 0;
  color: #c5bfb7;
}

.freeShipping__close {
  color: #c5bfb7;
}

html.--freeShipping:not(.order_process) #container:not(.payment_tunnel) .freeShipping {
  border-bottom: 1px solid #c5bfb7;
}

.ck_dsclr__btn_v2 {
  background-color: #c5bfb7 !important;
}

.newproducts,
.label.--new {
  background: #81aeb4;
}

/* --- Typography --- */

body,
.big_label,
.headline {
  font-family: 'open sans', 'Helvetica', sans-serif, 'Arial', sans-serif;
}

p {
  font-family: 'open sans', 'Helvetica', sans-serif, 'Arial', sans-serif;
}

.ck_dsclr_v2 p {
  font-family: 'open sans', 'Helvetica', sans-serif, 'Arial', sans-serif;
  font-size: 14px;
}

h1.product_name__name {
  font-family: 'roboto condensed';
  font-weight: 500;
}

.product__name {
  font-weight: 400;
  font-family: 'open sans';
}

.product__name:hover {
  color: #c5bfb7;
}

.big_label,
.headline {
  font-size: 21px;
  text-transform: uppercase;
  font-weight: 400;
}

.big_label::after,
.headline::after {
  height: 2px;
}

/* --- Content Module (.cm) --- */

.cm {
  font-size: 15px;
}

.cm p {
  line-height: 1.5;
}

.cm h2 {
  font-size: 25px;
  text-align: center;
}

.cm h3 {
  margin-bottom: 10px !important;
}

.cm h4 {
  font-size: 15px;
  color: #2b2a2a;
  margin-top: 0;
  margin-bottom: 10px;
}

.cm ul {
  padding-left: 0;
}

.cm ul li,
.cm ol li {
  list-style: none !important;
  font-size: 15px;
  padding-left: 19px;
  line-height: 21px;
  margin-bottom: 4px;
  position: relative;
}

.cm ul li::before {
  content: '\f00c';
  font-family: FontAwesome;
  font-weight: 400;
  font-style: normal;
  text-decoration: inherit;
  position: absolute;
  top: 2px;
  left: 0;
  font-size: 11px;
  color: #84b0b6;
}

/* --- Navigation --- */

header .nav-link {
  display: block;
  padding: 5px 10px 8px;
  text-decoration: none;
  font-weight: 400;
  font-size: 14px;
  text-transform: uppercase;
}

header .nav-link.active {
  color: #c5bfb7;
}

/* --- Product --- */

.product__icon {
  height: 220px;
}

.product__icon img {
  max-height: 200px;
}

/* --- Grid System --- */

.s-row {
  display: flex;
}

.s-grid-3 {
  width: 25%;
  text-align: center;
  margin-bottom: 20px;
}

.s-grid-4 {
  width: 33.33%;
  text-align: center;
  margin-bottom: 20px;
}

.s-grid-6 {
  width: 50%;
}

.s-grid-8 {
  width: 74%;
  padding: 20px 50px;
}

.s-row.nomargin .s-grid-6 {
  width: 50%;
  background: #f0f0f0;
  align-content: center;
  align-items: center;
  justify-content: center;
  display: flex;
}

.row2 {
  display: flex;
}

.col6 {
  display: inline-block;
  width: 48%;
  margin-right: 4%;
}

.col6:last-child {
  margin-right: 0;
}

.dblocks {
  align-content: center;
  align-items: center;
}

/* --- Long Description --- */

.longdescription p {
  text-align: justify;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 10px;
}

.londescription .cm p {
  margin-top: 0;
}

.longdescription .pad-bg p {
  text-align: center;
}

.longdescription .s-grid-3 img {
  margin-bottom: 15px;
}

.longdescription .s-grid-3 p {
  text-align: center;
}

.longdescription .s-grid-4 p {
  text-align: center;
  padding: 0 20px;
}

.longdescription .s-grid-6:first-child {
  padding-right: 40px;
}

/* --- Spacing Utilities --- */

.margintop {
  margin-top: 25px;
}

.margintb1 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.margintb {
  margin-top: 20px;
  text-align: center;
}

.margintb .s-grid-12 {
  display: block;
  width: 100%;
  margin-bottom: 20px;
}

.mgbt {
  margin-bottom: 50px;
}

.mgtt {
  margin-top: 50px;
}

.ht1 {
  margin-top: 40px;
}

.ht2 {
  margin-top: 20px;
}

.ht2 p {
  text-align: center;
  display: block;
  margin: 0 auto;
  max-width: 60%;
}

ul.nomargintop {
  margin-top: 0;
}

/* --- Background Blocks --- */

.pad-bg {
  text-align: center;
  padding: 20px;
  background: #eee;
  margin: 30px 0;
  width: 100%;
}

.bg1 {
  background: #f4edef;
  padding: 30px;
  margin: 40px 0;
  text-align: center;
  font-size: 17px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #2b2a2a;
}

/* --- Info Image Blocks --- */

.info-img-2 img {
  display: block;
  margin: 0 auto 20px;
}

.info-img-2 h5 {
  font-size: 16px;
  color: #2b2a2a;
  padding: 0 20px;
}

.info-img-2.ht2 h5 {
  text-align: center;
  display: block;
  margin: 0 auto;
  max-width: 60%;
  margin-bottom: 16px;
}

.info-img-2 p {
  font-size: 15px;
  color: #2b2a2a;
  padding: 0 20px;
}

.s-row.info-img-2.ht1 {
  display: block;
  text-align: center;
}

.info-img-2.ht1 .s-grid-4 {
  width: 32.33%;
  text-align: center;
  margin-bottom: 20px;
  display: inline-block;
}

.text-pad {
  padding: 10px 40px;
}

/* --- Banner --- */

#main_banner1 .slick-dots {
  bottom: 30px;
  display: none;
}

/* --- Footer --- */

.ftd {
  text-align: left;
  max-width: 1170px;
  width: 100%;
  display: block;
  margin: 0 auto;
  font-size: 10px;
  padding-bottom: 10px;
  color: #bbb;
}

.ftd a {
  color: #bbb;
}

#footer_links .footer_links {
  padding: 0;
}

#footer_links .footer_links#menu_orders {
  padding: 0;
  border: 0;
}

#footer_links .footer_links#menu_account {
  border: 0;
  border-left: 0;
  border-radius: 0;
}

#footer_links .footer_links_sub > li {
  width: 100%;
  display: block;
  vertical-align: top;
}

#footer_links .footer_links_sub > li.menu_orders_item i {
  display: none !important;
}

#footer_links .footer_links_sub > li.menu_orders_item a {
  font-size: 14px;
}

#footer_links .footer_links_label {
  font-size: 17px;
  font-family: 'open sans';
  margin-right: -1.5rem;
}

#footer_links a,
#footer_links span {
  font-size: 14px;
}

/* --- Price & IdoSell Badge --- */

.price_info__wrapper {
  text-align: left;
  color: #000;
  font-size: 11px;
}

.price_info::after,
.idosell::before {
  display: none;
}

.idosell {
  flex-grow: 1;
  display: block !important;
  text-align: right;
}

img.idosell__img {
  float: right;
  opacity: 0.5;
  filter: grayscale(80%);
}

/* --- Contact --- */

#menu_contact {
  background: #fff;
  margin: 0 auto 2rem;
  position: relative;
  text-align: left;
  display: block !important;
  font-size: 12px;
}

/* --- Hidden Elements --- */

.number_description,
.number_amount,
.number_unit {
  display: none !important;
}

/* ============================================
   Strona: Współpraca
   ============================================ */

.s-row.nomargin.cooperate .s-grid-6 {
  width: 50%;
  background: transparent;
}

.cm .page-wspolpraca h3 {
  text-transform: none;
  font-size: 22px;
  line-height: 1.4;
}

.cm .page-wspolpraca h3 span {
  color: #000;
}

.s-row.nomargin.quests .s-grid-6 {
  display: block;
  text-align: left;
}

.cm .quests h4 {
  font-size: 18px;
  text-align: left;
  text-transform: none;
  padding-right: 40px;
}

.cm .quests p {
  font-weight: 400;
  text-transform: none;
  font-size: 15px;
  padding-right: 40px;
}

.quest {
  margin-bottom: 30px;
  padding-bottom: 0;
}

.quest:after {
  content: '';
  display: block;
  width: 150px;
  height: 1px;
  background: #666;
  margin-top: 25px;
}

.page-wspolpraca ul {
  list-style-type: none !important;
  padding-left: 0 !important;
}

.page-wspolpraca ul li {
  position: relative;
  font-size: 17px;
  text-transform: none;
  font-weight: 400;
  margin-bottom: 12px;
  padding-left: 36px;
}

.page-wspolpraca ul li::before {
  content: '\f00c';
  font-family: FontAwesome;
  font-weight: 400;
  font-style: normal;
  text-decoration: inherit;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 20px;
  color: #84b0b6;
}

.text-pad.page-wspolpraca a,
.page-wspolpraca a {
  border: 0;
  font-size: 15px;
  font-weight: bold;
  text-transform: none;
  text-decoration: none;
  padding: 14px 25px;
  top: 0;
  position: relative;
  background: #84b0b6;
  border-radius: 30px;
  color: #fff;
  display: inline-block;
  margin-top: 20px;
}

.text-pad.page-wspolpraca a:hover,
.page-wspolpraca a:hover {
  background: #585858;
}

.text-pad.page-wspolpraca p {
  font-size: 16px;
  text-transform: none;
  font-weight: 400;
  text-align: justify;
  line-height: 1.5;
}

/* --- BGCover Section --- */

.bgcover {
  margin-top: 50px;
  background: #f4edef;
  padding: 50px;
  text-align: center;
  margin-bottom: 50px;
}

.bgcover p {
  text-align: center;
  line-height: 1.7;
}

.cm .bgcover h3 {
  font-size: 27px;
  text-align: center !important;
  line-height: 1.5;
  margin-bottom: 30px;
}

.cm .bgcover h3 span {
  color: #000;
}

.cm .bgcover h5 {
  font-size: 21px;
  line-height: 1.5;
  font-weight: 400;
}

.cm .bgcover h5 strong {
  font-size: 27px;
}

.bgcover a {
  border: 0;
  font-size: 15px;
  font-weight: bold;
  text-transform: none;
  text-decoration: none;
  padding: 14px 25px;
  top: 0;
  position: relative;
  background: #84b0b6;
  border-radius: 30px;
  color: #fff;
  margin-top: 20px;
  display: inline-block;
}

.bgcover a:hover {
  background: #585858;
}

/* ============================================
   Responsive: Mobile (max-width: 978px)
   ============================================ */

@media only screen and (max-width: 978px) {

  .cm .page-wspolpraca h3 br {
    display: none;
  }

  .cm .page-wspolpraca h3 {
    text-align: center;
  }

  .text-pad.page-wspolpraca a {
    margin-bottom: 20px;
    display: inline-block;
  }

  .bgcover {
    padding: 20px;
    margin-bottom: 0;
  }

  .cm .quests h4,
  .cm .quests p {
    padding-right: 0;
  }

  .cm .bgcover h3 {
    font-size: 23px;
    text-align: center !important;
    line-height: 1.2;
    margin-bottom: 30px;
  }

  .nomargin.reverse {
    display: flex;
    flex-direction: column;
  }

  .nomargin.reverse .s-grid-6:first-child {
    order: 2;
  }

  .s-row.nomargin.reversemobile {
    display: flex;
    flex-direction: column;
  }

  .s-row.nomargin.reversemobile .s-grid-6:first-child {
    order: 2;
  }

  .text-pad {
    padding: 20px;
  }

  .s-row {
    display: block;
  }

  .s-row.nomargin .s-grid-6 {
    width: 100% !important;
  }

  .s-grid-3 {
    width: 100%;
    text-align: center;
    margin-bottom: 0;
  }

  .s-grid-4 {
    width: 100% !important;
  }

  .s-grid-6 {
    width: 100%;
    margin-bottom: 30px;
  }

  .s-grid-8 {
    width: 100%;
    padding: 20px 0;
  }

  .row2 {
    display: block;
  }

  .col6 {
    display: block;
    width: 100%;
    margin-right: 0;
  }

  .longdescription .s-grid-6:first-child {
    padding-right: 0;
  }

  .bg1 {
    padding: 25px;
    font-size: 14px;
    letter-spacing: 0;
  }

  .price_info__wrapper {
    text-align: center;
    color: #000;
    font-size: 11px;
  }

  .idosell {
    flex-grow: 1;
    display: block !important;
    text-align: center;
  }

  img.idosell__img {
    float: none;
  }

  html.--freeShipping:not(.order_process) #container:not(.payment_tunnel) .freeShipping {
    border-bottom: 0;
  }

  .info-img-2 img {
    max-width: 70px;
  }

  .ht2 {
    margin-top: 0;
  }

  .ht2 p {
    text-align: center;
    display: block;
    margin: 0 auto;
    max-width: 100%;
  }

  .info-img-2.ht2 h5 {
    text-align: center;
    display: block;
    margin: 0 auto;
    max-width: 100%;
    margin-bottom: 16px;
  }

  .hte1 img,
  .info-img-htw img {
    max-width: 80px;
    margin-bottom: 10px;
  }

  .mgw {
    margin-top: -25px;
  }

  .ht1 .s-grid-4,
  .info-img-2 .s-grid-4 {
    width: 48% !important;
    display: inline-block;
    vertical-align: top;
  }

  .info-img-2 .s-grid-4 {
    width: 49% !important;
    display: inline-block;
  }

  .htw1 .s-grid-3,
  .htw2 .s-grid-3 {
    width: 49%;
    text-align: center;
    margin-bottom: 20px;
    display: inline-block;
    vertical-align: top;
  }

  .dblocks img,
  .margintop img {
    display: block;
    margin: 0 auto;
  }
}

/* ============================================
   Responsive: Tablet (768px - 1180px)
   ============================================ */

@media only screen and (min-width: 768px) and (max-width: 1180px) {

  .ht1 .s-grid-4,
  .info-img-2 .s-grid-4 {
    width: 48% !important;
    display: inline-block;
    vertical-align: top;
  }

  .info-img-2 .s-grid-4 {
    width: 49% !important;
    display: inline-block;
  }

  .hte1 .s-grid-4 {
    width: 32% !important;
    display: inline-block;
    vertical-align: top;
  }

  .s-grid-6 img,
  .s-grid-3 img {
    display: block;
    margin: 0 auto;
  }

  .htw1 .s-grid-3,
  .htw2 .s-grid-3 {
    width: 24%;
    display: inline-block;
    vertical-align: top;
  }

  .ht1 .s-grid-6 {
    width: 49%;
    display: inline-block;
  }

  .ht2 .s-grid-6 {
    width: 48%;
    display: inline-block;
    vertical-align: top;
  }

  .dblocks img,
  .margintop img {
    display: block;
    margin: 0 auto;
  }
}