/* ================== COLLAPSE ================== */
.collapse-container .collapse-content {
  border-bottom: 1px solid #D0D1D3;
  padding-bottom: 20px;
}

.collapse-opiniocollapsen-container .collapse-content {
  padding-left: 15px;
  padding-right: 15px;
}

@media only screen and (min-width: 979px) {
  .projector_page .collapse-opinion-container {
    border-top: 1px solid #ededed;
  }
  .projector_page .collapse-container .collapse-content {
    display: block !important;
    border-color: #EDEDED;
  }
  .projector_page .collapse-opinion-container .collapse-content {
    padding-left: 0;
    padding-right: 0;
    margin-left: -20px;
    margin-right: -15px;
  }
}

@media only screen and (max-width: 978px) {
  .collapse-content-desc {
    padding-top: 30px;
  }
  .collapse-content-desc .row {
    margin-left: 0;
    margin-right: 0;
  }
}

.collapse-container .collapse-title {
  font-size: 19px;
  font-family: var(--font-family-name);
  font-weight: 500;
  color: #111111;
  padding: 18px 0;
  border-bottom: 1px solid #EDEDED;
}

.collapse-container .collapse-title .param_group {
  margin: 0;
  font-size: inherit;
}

.collapse-container.open .collapse-title {
  border-color: #fff;
}

.collapse-container .collapse-content-open {
  display: block;
}

@media only screen and (max-width: 978px) {
  .collapse-container .collapse-title {
    cursor: pointer;
    background-image: url('/data/include/cms/do_open_icon.svg');
    background-position: calc(100% - 15px) center;
    background-repeat: no-repeat;
    border-color: #D0D1D3;
    padding-left: 15px;
  }
}

.colapse-deskop.collapse-container .collapse-title {
  cursor: pointer;
  background-image: url('/data/include/cms/do_open_icon.svg');
  background-position: calc(100% - 30px) center;
  background-repeat: no-repeat;
  border-color: #D0D1D3;
  padding-left: 0;
  padding-right: 35px;
}

.askforproduct__description_txt {
  display: none;
}

.askforproduct {
  padding: 30px 15px 0;
  position: relative;
  margin-bottom: 50px;
  width: 100%;
}

@media only screen and (min-width: 979px) {
  .colapse-deskop.collapse-container .collapse-title {
    padding-left: 15px;
  }
  .collapse-content-open h2 {
    font-size: 21px;
    line-height: 28px;
  }
  .collapse-container .collapse-content-open {
    padding: 50px 0;
  }
  .collapse-container .collapse-content-open.collapse-content-desc {
    padding-bottom: 30px;
  }
  .collapse-container .collapse-title {
    font-size: 26px;
    padding: 30px 0;
  }
  .askforproduct__description_txt {
    padding-top: 80px;
    background-image: url('/data/include/cms/ask_icon.svg');
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    text-align: center;
    font-size: 14px;
    letter-spacing: 0.35px;
    color: #111111;
  }
  .askforproduct {
    padding: 60px 0;
  }
}

@media only screen and (max-width: 978px) {
  .collapse-container.open .collapse-title {
    background-image: url('/data/include/cms/do_close_icon.svg');
  }
}

.colapse-deskop.collapse-container.open .collapse-title {
  background-image: url('/data/include/cms/do_close_icon.svg');
}

/* ================== BLOG ================== */
.text-center {
  text-align: center;
}

.standar-blog-item p {
  line-height: 30px;
}

.standar-blog-item iframe {
  max-width: 100%;
}

.text_page h1,
.contact_page h1 {
  width: 100%;
  text-align: center;
  font-size: 26px;
  line-height: 34px;
}

@media(min-width: 979px) {
  .text_page h1,
  .contact_page h1 {
    font-size: 36px;
    line-height: 44px;
  }
}

#blog-item.standar-blog-item {
  max-width: none;
  width: 100%;
}

#blog-item.standar-blog-item button {
  margin-bottom: 0;
  width: 100%;
}

#blog-item.standar-blog-item h2 {
  margin-top: 0 !important;
}

#blog-item.standar-blog-item .blog-item_sub h2 {
  font-size: 21px;
  line-height: 32px;
}

.standar-blog-item .hr {
  width: 100%;
  height: 1px;
  background-color: #E5E5E5;
}

.blog-item_section_pd {
  padding: 50px 0;
}

.blog-item_section_h1 {
  padding-bottom: 50px;
}

/* 🔹 NOWA KLASA – wersja z mniejszym paddingiem */
.blog-item_section_pd--compact {
  padding: 20px 0;
}

@media(min-width: 979px) {
  .blog-item_section_pd--compact {
    padding: 30px 0;
  }
}

.bi-deskop {
  display: none;
}

@media(min-width: 979px) {
  #blog-item.standar-blog-item button {
    width: auto;
  }
  #blog-item.standar-blog-item .blog-item_sub h2 {
    font-size: 32px;
    line-height: 42px;
  }
  .blog-item_section_pd {
    padding: 100px 0;
  }
  .blog-item_section_h1 {
    padding-bottom: 70px;
  }
  .bi-mobile {
    display: none;
  }
  .bi-deskop {
    display: block;
  }
}

.bi-boxes {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.bi-box {
  flex: 0 0 100%;
  color: #fff;
  padding: 0;
}

.box-content {
  padding: 50px 15px 35px;
}

#blog-item.standar-blog-item button a {
  width: 100%;
}

.bi-box-img {
  min-height: 79.5vw;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#blog-item.standar-blog-item .collapse-title h3 {
  margin: 0 25px 0 0;
  font-size: 18px;
  line-height: 26px;
}

#blog-item.standar-blog-item .collapse-content h4 {
  font-size: 14px;
  margin-top: 0;
  font-weight: 400;
  font-style: italic;
  color: rgb(119, 119, 119);
  line-height: 30px;
}

.standar-blog-item .colapse-deskop.collapse-container.open .collapse-title {
  border-bottom: none;
}

.bi-faq {
  border-top: 1px solid #D0D1D3;
}

@media(min-width: 979px) {
  #blog-item.standar-blog-item .collapse-content h4 {
    font-size: 16px;
  }
  .bi-faq {
    border: 1px solid #D0D1D3;
  }
  #blog-item.standar-blog-item .collapse-content {
    padding-left: 35px;
    padding-right: 35px;
    padding-bottom: 0;
  }
  #blog-item.standar-blog-item .collapse-content p:last-child {
    padding-bottom: 35px;
    margin-bottom: 0;
  }
  #blog-item.standar-blog-item .collapse-title h3 {
    margin-left: 20px;
    font-size: 21px;
    line-height: 32px;
  }
  .box-content {
    padding: 100px 115px 85px;
    min-height: 676px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .bi-box-img {
    min-height: 676px;
  }
  .bi-box {
    flex: 0 0 50%;
  }
  #blog-item.standar-blog-item button a {
    width: auto;
  }
  .section-1140 {
    display: table;
    margin: 0 auto;
    max-width: 1140px;
  }
  .section-870 {
    display: table;
    margin: 0 auto;
    max-width: 870px;
  }
  #blog-item button {
    margin-right: 15px;
  }
}

.blog-item_seciton_green {
  background: #F2F6FE;
  position: relative;
}

#blog-item.standar-blog-item button a {
  border: 1px solid #111;
  background-color: #111;
}

#blog-item.standar-blog-item button a:hover {
  background-color: #353535;
}

#blog-item button a.outline {
  border-color: #111;
  background-color: transparent;
  color: #111;
}

#blog-item button a.outline:hover {
  background: #efefef;
}

#blog-item.standar-blog-item .box-content button a {
  border-color: #fff;
  background-color: #fff;
  color: #111;
}

#blog-item.standar-blog-item .box-content button a:hover {
  background-color: #dfdfdf;
}

#blog-item.standar-blog-item .box-content a.outline {
  border-color: #fff;
  background-color: transparent;
  color: #fff;
}

#blog-item.standar-blog-item .box-content a.outline:hover {
  background: #ebebeb1f;
}

.bi-row-container {
  padding: 0 15px;
}

@media(max-width: 978px) {
  .blog-item_seciton_green {
    margin-left: -15px;
    margin-right: -15px;
  }
  .order-mobile-first {
    order: -1;
  }
  .order-mobile-first img {
    margin-bottom: 15px;
  }
  .bi-opinion .d-flex > div {
    flex: 0 0 100% !important;
    padding-left: 0 !important;
    padding-top: 30px;
  }
  .menu-panel.col-nav-inline .account_link,
  .menu-panel.col-nav-inline .wishes_link {
    width: 28px;
    height: 28px;
  }
  .col-nav-inline #menu_basket > a {
    width: 28px;
    height: 28px;
  }
  .standar-blog-item iframe {
    height: 55vw;
  }
  .bi-row-container .col-md-6,
  .bi-row-container .col-md-12 {
    padding-right: 0;
    padding-left: 0;
  }
  #blog-item.standar-blog-item button:nth-child(n + 2):not(.contact-form-send) {
    margin-top: 6px;
  }
  .colapse-deskop.collapse-container .collapse-title {
    background-position: right center;
  }
  .bi-boxes {
    margin-left: -15px;
    margin-right: -15px;
  }
}

.bi-links a {
  text-decoration: none;
  margin-bottom: 30px;
}

.bi-links a img {
  vertical-align: middle;
}

.bi-links a span {
  max-width: calc(100% - 52px);
  display: inline-block;
  margin-left: 15px;
  vertical-align: middle;
  font-size: 18px;
  line-height: 1.1;
  font-weight: 500;
}

.bi-container {
  height: 100%;
  display: flex;
  align-items: center;
}

#blog-item.standar-blog-item form label {
  font-size: 1.4rem;
}

#blog-item.standar-blog-item form textarea {
  padding-left: 16px;
}

#blog-item.standar-blog-item form button {
  padding-left: 30px;
  padding-right: 30px;
  margin-top: 25px;
  width: auto;
  letter-spacing: 0.35px;
  font-weight: 500;
}

#blog-item.standar-blog-item form .reult-contact-form div {
  font-size: 13px;
  background-color: #D3F9E9;
  border-radius: 6px;
  padding: 10px 10px 10px 40px;
  margin-top: 20px;
  background-image: url('/data/include/cms/new_contact_form_ok.svg');
  background-position: 10px center;
  background-repeat: no-repeat;
  line-height: 18px;
}

#blog-item.standar-blog-item .blog-item_section-mobile-100 {
  width: 100%;
}

#blog-item.standar-blog-item .bi-boreder-box {
  border: 1px solid #D0D1D3;
  border-bottom: none;
  padding: 30px 35px;
}

.cms-green-payments {
  padding: 30px 35px;
}

.bi-boreder-box-row {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

ul li,
ol li {
  margin-bottom: 6px;
}

@media(max-width: 978px) {
  #blog-item.standar-blog-item .cm, .text_menu__txt .cm {
      overflow: initial;
      max-width: none;
  }
  #blog-item.standar-blog-item .blog-item_section-mobile-100 {
    margin-left: -30px;
    margin-right: -30px;
    width: calc(100% + 60px);
  }
  #blog-item.standar-blog-item .bi-boreder-box {
    padding: 18px 15px;
    border-left: none;
    border-right: none;
  }
  .cms-green-payments {
    padding: 18px 15px;
  }
  .bi-boreder-box-row {
    flex-direction: column;
    align-items: start;
  }
  .bi-boreder-box-row > div {
    margin-left: 20px;
    flex-direction: column;
    align-items: start !important;
  }
  .bi-boreder-box-row > div .text-right {
    text-align: left !important;
    margin-left: 0 !important;
  }

}

  @media(max-width: 978px) {
  .blog-item_section_pd--compact .order-mobile-first img {
    margin-bottom: 0px;
  }
}