/* ============================================================
 * MP SERVICE CONTENT MODULES
 * Pilot: NID 105 — Cięcie laserowe blach
 * ============================================================ */

.mp-service-v1,
.mp-service-v1 * {
  box-sizing: border-box;
}


/* ============================================================
 * BLOK 60/40
 * ============================================================ */

.mp-service-feature {
  display: none;

  max-width: 1100px;

  margin:
    44px 0 48px;

  border:
    1px solid #dce2e5;

  background:
    #0b192c;
}


.mp-service-feature.is-placed {
  display: grid;

  grid-template-columns:
    minmax(0, 1.42fr)
    minmax(300px, .78fr);
}


.mp-service-feature__image {
  min-height: 360px;

  overflow:
    hidden;

  background:
    #162a3d;
}


.mp-service-feature__image img {
  display: block;

  width:
    100%;

  height:
    100%;

  object-fit:
    cover;
}


.mp-service-feature__content {
  display: flex;

  flex-direction:
    column;

  justify-content:
    center;

  padding:
    clamp(30px, 3.2vw, 48px);

  color:
    #e8edf1;
}


.mp-service-feature__eyebrow {
  display: block;

  margin-bottom:
    12px;

  color:
    #63b8c1;

  font-size:
    12px;

  line-height:
    1.3;

  font-weight:
    800;

  letter-spacing:
    .12em;

  text-transform:
    uppercase;
}


.node--type-usluga.node--view-mode-full
.mp-service-v1__body
.mp-service-feature h3 {

  margin:
    0 0 17px;

  padding:
    0;

  border:
    0;

  color:
    #fff;

  font-size:
    clamp(25px, 2vw, 31px);

  line-height:
    1.16;

  font-weight:
    700;

  letter-spacing:
    -.02em;
}


.node--type-usluga.node--view-mode-full
.mp-service-v1__body
.mp-service-feature h3::before {
  display: none;
}


.node--type-usluga.node--view-mode-full
.mp-service-v1__body
.mp-service-feature p {

  margin:
    0 0 25px;

  color:
    #d6dfe5;

  font-size:
    15.5px;

  line-height:
    1.6;
}


.mp-service-feature__facts {
  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap:
    1px;

  background:
    rgba(255, 255, 255, .15);
}


.mp-service-feature__fact {
  min-height:
    82px;

  padding:
    13px 14px;

  background:
    #12263a;
}


.mp-service-feature__fact span {
  display: block;

  margin-bottom:
    5px;

  color:
    #78bfc6;

  font-size:
    10px;

  line-height:
    1.3;

  font-weight:
    800;

  letter-spacing:
    .08em;

  text-transform:
    uppercase;
}


.mp-service-feature__fact strong {
  display: block;

  color:
    #fff;

  font-size:
    13.5px;

  line-height:
    1.4;

  font-weight:
    600;
}


/* ============================================================
 * DWA ZDJĘCIA REALIZACJI
 * ============================================================ */

.mp-service-projects {
  max-width:
    1100px;

  margin:
    54px 0 0;

  padding-top:
    38px;

  border-top:
    1px solid #dce2e5;
}


.mp-service-projects__heading {
  margin-bottom:
    22px;
}


.mp-service-projects__heading > span {
  display: block;

  margin-bottom:
    7px;

  color:
    #087d88;

  font-size:
    12px;

  font-weight:
    800;

  letter-spacing:
    .1em;

  text-transform:
    uppercase;
}


.mp-service-projects__heading h2 {
  margin:
    0;

  color:
    #0b192c;

  font-size:
    clamp(26px, 2vw, 32px);

  line-height:
    1.18;

  font-weight:
    700;

  letter-spacing:
    -.02em;
}


.mp-service-projects__grid {
  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap:
    16px;
}


.mp-service-project {
  margin:
    0;

  border:
    1px solid #dce2e5;

  background:
    #fff;
}


.mp-service-project__image {
  overflow:
    hidden;

  aspect-ratio:
    1.55 / 1;

  background:
    #eef1f2;
}


.mp-service-project__image img {
  display:
    block;

  width:
    100%;

  height:
    100%;

  object-fit:
    cover;

  transition:
    transform .35s ease;
}


.mp-service-project:hover
.mp-service-project__image img {
  transform:
    scale(1.025);
}


.mp-service-project figcaption {
  padding:
    14px 16px 15px;

  color:
    #364550;

  font-size:
    14px;

  line-height:
    1.45;
}


/* ============================================================
 * FAQ
 * ============================================================ */

.mp-service-faq {
  max-width:
    1100px;

  margin:
    58px 0 8px;

  padding:
    40px 0 0;

  border-top:
    1px solid #dce2e5;
}


.mp-service-faq__heading {
  max-width:
    820px;

  margin-bottom:
    26px;
}


.mp-service-faq__heading > span {
  display:
    block;

  margin-bottom:
    7px;

  color:
    #087d88;

  font-size:
    12px;

  line-height:
    1.3;

  font-weight:
    800;

  letter-spacing:
    .1em;

  text-transform:
    uppercase;
}


.mp-service-faq__heading h2 {
  margin:
    0 0 11px;

  color:
    #0b192c;

  font-size:
    clamp(27px, 2.2vw, 35px);

  line-height:
    1.15;

  font-weight:
    700;

  letter-spacing:
    -.02em;
}


.mp-service-faq__heading p {
  margin:
    0;

  color:
    #52616b;

  font-size:
    15.5px;

  line-height:
    1.55;
}


.mp-service-faq__items {
  border-top:
    1px solid #dce2e5;
}


.mp-service-faq__item {
  margin:
    0;

  border-bottom:
    1px solid #dce2e5;

  background:
    #fff;
}


.mp-service-faq__item summary {
  position:
    relative;

  display:
    block;

  padding:
    20px 54px 20px 0;

  color:
    #0b192c;

  font-size:
    17px;

  line-height:
    1.4;

  font-weight:
    700;

  cursor:
    pointer;

  list-style:
    none;
}


.mp-service-faq__item summary::-webkit-details-marker {
  display:
    none;
}


.mp-service-faq__item summary::after {
  content:
    "+";

  position:
    absolute;

  top:
    50%;

  right:
    8px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  width:
    29px;

  height:
    29px;

  border:
    1px solid #bfcbd0;

  color:
    #087d88;

  font-size:
    21px;

  line-height:
    1;

  font-weight:
    400;

  transform:
    translateY(-50%);

  transition:
    background .18s ease,
    color .18s ease,
    border-color .18s ease;
}


.mp-service-faq__item[open]
summary::after {
  content:
    "–";

  border-color:
    #0b192c;

  background:
    #0b192c;

  color:
    #fff;
}


.mp-service-faq__item summary:hover {
  color:
    #087d88;
}


.mp-service-faq__answer {
  max-width:
    880px;

  padding:
    0 54px 21px 0;
}


.mp-service-faq__answer p {
  margin:
    0;

  color:
    #4a5964;

  font-size:
    15px;

  line-height:
    1.65;
}


/* ============================================================
 * TABLET
 * ============================================================ */

@media all and (max-width: 980px) {

  .mp-service-feature.is-placed {
    grid-template-columns:
      1fr;
  }


  .mp-service-feature__image {
    min-height:
      0;

    aspect-ratio:
      16 / 8;
  }

}


/* ============================================================
 * MOBILE
 * ============================================================ */

@media all and (max-width: 640px) {

  .mp-service-feature {
    margin:
      34px 0 38px;
  }


  .mp-service-feature__image {
    aspect-ratio:
      16 / 10;
  }


  .mp-service-feature__content {
    padding:
      25px 20px 24px;
  }


  .mp-service-feature__facts {
    grid-template-columns:
      1fr;
  }


  .mp-service-feature__fact {
    min-height:
      0;
  }


  .mp-service-projects {
    margin-top:
      42px;

    padding-top:
      30px;
  }


  .mp-service-projects__grid {
    grid-template-columns:
      1fr;
  }


  .mp-service-faq {
    margin-top:
      44px;

    padding-top:
      31px;
  }


  .mp-service-faq__item summary {
    padding:
      18px 44px 18px 0;

    font-size:
      16px;
  }


  .mp-service-faq__item summary::after {
    right:
      2px;
  }


  .mp-service-faq__answer {
    padding:
      0 40px 19px 0;
  }

}



/* ============================================================
 * MP SERVICE CONTENT — POLISH 2026-09-13
 * ============================================================ */


/* ------------------------------------------------------------
 * 60/40 — poprawa kontrastu parametrów
 * ------------------------------------------------------------ */

.node--type-usluga.node--view-mode-full
.mp-service-v1__body
.mp-service-feature__fact strong {

  color:
    #ffffff !important;

  font-weight:
    650 !important;
}


.node--type-usluga.node--view-mode-full
.mp-service-v1__body
.mp-service-feature__fact span {

  color:
    #83c5cc !important;
}


/* ------------------------------------------------------------
 * REALIZACJE — wspólna lewa oś nagłówka
 * ------------------------------------------------------------ */

.mp-service-projects__heading {

  max-width:
    900px;

  margin:
    0 0 24px !important;

  text-align:
    left !important;
}


.mp-service-projects__heading h2 {

  margin:
    0 !important;

  text-align:
    left !important;
}


/* ------------------------------------------------------------
 * FAQ — więcej oddechu
 * ------------------------------------------------------------ */

.mp-service-faq__item summary {

  padding:
    21px 62px 21px 22px !important;
}


.mp-service-faq__answer {

  max-width:
    none !important;

  padding:
    0 70px 23px 22px !important;
}


.mp-service-faq__item[open] {

  background:
    #f8fafb;
}


.mp-service-faq__item[open] summary {

  color:
    #087d88;
}


.mp-service-faq__item summary::after {

  right:
    18px !important;
}


@media all and (max-width: 640px) {

  .mp-service-faq__item summary {

    padding:
      18px 48px 18px 14px !important;
  }


  .mp-service-faq__answer {

    padding:
      0 42px 20px 14px !important;
  }


  .mp-service-faq__item summary::after {

    right:
      10px !important;
  }

}


/* === END MP SERVICE CONTENT POLISH === */


/* ============================================================
 * MP SERVICE V2 — UNIFIED WIDTH / RELATED / GALLERY
 * 2026-09-13
 * ============================================================ */

.node--type-usluga.node--view-mode-full {
  --mp-service-wide: 1280px;
  --mp-service-reading: 1040px;
}


/* ============================================================
 * JEDNA OŚ CAŁEJ ŚRODKOWEJ CZĘŚCI
 * ============================================================ */

.node--type-usluga.node--view-mode-full
.mp-service-v1__body {

  width:
    100%;

  max-width:
    var(--mp-service-wide) !important;

  margin-left:
    auto !important;

  margin-right:
    auto !important;
}


/*
 * Tekst czytelniczy jest węższy,
 * ale WYŚRODKOWANY względem całej strony.
 */
.node--type-usluga.node--view-mode-full
.mp-service-v1__body > .field--name-body > p {

  max-width:
    var(--mp-service-reading) !important;

  margin-left:
    auto !important;

  margin-right:
    auto !important;

  text-align:
    left;
}


.node--type-usluga.node--view-mode-full
.mp-service-v1__body > .field--name-body > h2,

.node--type-usluga.node--view-mode-full
.mp-service-v1__body > .field--name-body > h3 {

  width:
    100%;

  max-width:
    1180px !important;

  margin-left:
    auto !important;

  margin-right:
    auto !important;
}


/*
 * Tabele i wyróżniki są szersze.
 */
.node--type-usluga.node--view-mode-full
.mp-service-v1__body table,

.node--type-usluga.node--view-mode-full
.mp-service-v1__body ul,

.node--type-usluga.node--view-mode-full
.mp-service-v1__body ol {

  width:
    100% !important;

  max-width:
    1180px !important;

  margin-left:
    auto !important;

  margin-right:
    auto !important;
}


/*
 * Wszystkie główne moduły korzystają z tej samej osi.
 */
.node--type-usluga.node--view-mode-full
.mp-service-feature,

.node--type-usluga.node--view-mode-full
.mp-service-projects,

.node--type-usluga.node--view-mode-full
.mp-service-faq,

.node--type-usluga.node--view-mode-full
.mp-service-links,

.node--type-usluga.node--view-mode-full
.mp-service-gallery-section {

  width:
    100%;

  max-width:
    var(--mp-service-wide) !important;

  margin-left:
    auto !important;

  margin-right:
    auto !important;
}


/* ============================================================
 * LINKI WEWNĘTRZNE
 * ============================================================ */

.mp-service-links {

  margin-top:
    62px !important;

  padding-top:
    42px;

  border-top:
    1px solid #dce2e5;
}


.mp-service-links__heading {

  max-width:
    900px;

  margin:
    0 0 25px;
}


.mp-service-links__heading--related {

  margin-top:
    52px;
}


.mp-service-links__heading > span {

  display:
    block;

  margin-bottom:
    8px;

  color:
    #087d88;

  font-size:
    12px;

  line-height:
    1.3;

  font-weight:
    800;

  letter-spacing:
    .1em;

  text-transform:
    uppercase;
}


.mp-service-links__heading h2 {

  margin:
    0 0 10px;

  color:
    #0b192c;

  font-size:
    clamp(27px, 2.1vw, 34px);

  line-height:
    1.16;

  font-weight:
    700;

  letter-spacing:
    -.02em;
}


.mp-service-links__heading p {

  max-width:
    720px;

  margin:
    0;

  color:
    #53616b;

  font-size:
    15.5px;

  line-height:
    1.55;
}


.mp-service-links__grid {

  display:
    grid;

  grid-template-columns:
    repeat(4, minmax(0, 1fr));

  gap:
    16px;
}


.mp-service-links__grid--related {

  grid-template-columns:
    repeat(5, minmax(0, 1fr));
}


.mp-service-link-card {

  display:
    flex;

  flex-direction:
    column;

  min-width:
    0;

  overflow:
    hidden;

  border:
    1px solid #d8e0e4;

  background:
    #fff;

  color:
    #0b192c !important;

  text-decoration:
    none !important;

  transition:
    border-color .2s ease,
    transform .2s ease,
    box-shadow .2s ease;
}


.mp-service-link-card:hover {

  border-color:
    #87aeb4;

  transform:
    translateY(-2px);

  box-shadow:
    0 10px 25px rgba(11, 25, 44, .08);
}


.mp-service-link-card__image {

  display:
    block;

  overflow:
    hidden;

  aspect-ratio:
    16 / 10;

  background:
    #e9edef;
}


.mp-service-link-card__image img {

  display:
    block;

  width:
    100%;

  height:
    100%;

  object-fit:
    cover;

  transition:
    transform .3s ease;
}


.mp-service-link-card:hover
.mp-service-link-card__image img {

  transform:
    scale(1.035);
}


.mp-service-link-card__footer {

  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  gap:
    14px;

  min-height:
    68px;

  padding:
    14px 15px 15px;
}


.mp-service-link-card__footer strong {

  color:
    #0b192c !important;

  font-size:
    14px;

  line-height:
    1.35;

  font-weight:
    700;
}


.mp-service-link-card__arrow {

  display:
    flex;

  flex:
    0 0 30px;

  align-items:
    center;

  justify-content:
    center;

  width:
    30px;

  height:
    30px;

  border:
    1px solid #b7c8ce;

  color:
    #087d88;

  font-size:
    18px;

  line-height:
    1;
}


/* ============================================================
 * GALERIA — POPRAWNY ROZMIAR
 * ============================================================ */

.mp-service-gallery-section {

  margin-top:
    60px !important;

  padding-top:
    40px;

  border-top:
    1px solid #dce2e5;
}


.mp-service-gallery-section__heading {

  margin:
    0 0 24px;
}


.mp-service-gallery-section__heading > span {

  display:
    block;

  margin-bottom:
    7px;

  color:
    #087d88;

  font-size:
    12px;

  line-height:
    1.3;

  font-weight:
    800;

  letter-spacing:
    .1em;

  text-transform:
    uppercase;
}


.mp-service-gallery-section__heading h2 {

  margin:
    0;

  color:
    #0b192c;

  font-size:
    clamp(27px, 2.1vw, 34px);

  line-height:
    1.16;

  font-weight:
    700;
}


/*
 * WAŻNE:
 * Grid ustawiamy na samym FIELD.
 * Dzięki temu działa zarówno gdy Drupal ma .field__items,
 * jak i gdy stare template'y renderują .field__item bez niego.
 */

.mp-service-gallery-section
.field--name-field-galeria {

  display:
    grid !important;

  grid-template-columns:
    repeat(4, minmax(0, 1fr)) !important;

  gap:
    16px !important;

  width:
    100% !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


.mp-service-gallery-section
.field--name-field-galeria
> .field__items {

  display:
    contents !important;
}


.mp-service-gallery-section
.field--name-field-galeria
.field__item {

  float:
    none !important;

  width:
    auto !important;

  min-width:
    0 !important;

  max-width:
    none !important;

  height:
    auto !important;

  margin:
    0 !important;

  padding:
    0 !important;

  overflow:
    hidden;

  border:
    1px solid #d9e0e4;

  background:
    #eef1f2;
}


.mp-service-gallery-section
.field--name-field-galeria
.field__item img {

  display:
    block !important;

  width:
    100% !important;

  max-width:
    none !important;

  height:
    auto !important;

  aspect-ratio:
    4 / 3;

  object-fit:
    cover;
}


/* ============================================================
 * RESPONSIVE
 * ============================================================ */

@media all and (max-width: 1200px) {

  .mp-service-links__grid--related {

    grid-template-columns:
      repeat(3, minmax(0, 1fr));
  }

}


@media all and (max-width: 900px) {

  .mp-service-links__grid,
  .mp-service-links__grid--related {

    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }


  .mp-service-gallery-section
  .field--name-field-galeria {

    grid-template-columns:
      repeat(3, minmax(0, 1fr)) !important;
  }

}


@media all and (max-width: 640px) {

  .node--type-usluga.node--view-mode-full {
    --mp-service-wide: 100%;
    --mp-service-reading: 100%;
  }


  .mp-service-links {

    margin-top:
      44px !important;

    padding-top:
      31px;
  }


  .mp-service-links__grid,
  .mp-service-links__grid--related {

    grid-template-columns:
      1fr;
  }


  .mp-service-link-card__image {

    aspect-ratio:
      16 / 8.5;
  }


  .mp-service-gallery-section
  .field--name-field-galeria {

    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;

    gap:
      10px !important;
  }

}


/* === END MP SERVICE V2 === */



/* ============================================================
 * MP SERVICE V3 — PRODUCT WIDTH + CARD DESCRIPTIONS
 * 2026-09-13
 * ============================================================ */


/*
 * Poprzednio było 1280 px.
 * Teraz szerokie moduły wykorzystują całą dostępną
 * szerokość wnętrza karty — tak jak w produkcie.
 */
.node--type-usluga.node--view-mode-full {

  --mp-service-wide:
    100%;

  --mp-service-reading:
    1060px;
}


.node--type-usluga.node--view-mode-full
.mp-service-v1__body {

  max-width:
    none !important;
}


/*
 * Szerokie moduły bez sztucznego limitu 1280.
 */
.node--type-usluga.node--view-mode-full
.mp-service-feature,

.node--type-usluga.node--view-mode-full
.mp-service-projects,

.node--type-usluga.node--view-mode-full
.mp-service-faq,

.node--type-usluga.node--view-mode-full
.mp-service-links,

.node--type-usluga.node--view-mode-full
.mp-service-gallery-section {

  max-width:
    none !important;
}


/*
 * Sama tabela może być szeroka, ale nie rozciągamy
 * jej bez potrzeby do absolutnego maksimum.
 */
.node--type-usluga.node--view-mode-full
.mp-service-v1__body table {

  max-width:
    1280px !important;
}


/* ============================================================
 * KARTY LINKÓW — TYTUŁ + OPIS
 * ============================================================ */

.mp-service-link-card__footer {

  align-items:
    flex-start;

  min-height:
    106px;
}


.mp-service-link-card__text {

  display:
    block;

  min-width:
    0;

  flex:
    1 1 auto;
}


.mp-service-link-card__text strong {

  display:
    block;

  margin-bottom:
    7px;

  color:
    #0b192c !important;

  font-size:
    14px;

  line-height:
    1.32;

  font-weight:
    750;
}


.mp-service-link-card__description {

  display:
    block;

  color:
    #52616b;

  font-size:
    12.5px;

  line-height:
    1.42;

  font-weight:
    400;
}


.mp-service-link-card__arrow {

  margin-top:
    1px;
}


/*
 * Przy 5 kartach powiązanych trochę więcej oddechu.
 */
.mp-service-links__grid--related
.mp-service-link-card__footer {

  min-height:
    122px;
}


/* ============================================================
 * ODSTĘPY PO PRZENIESIENIU POD TABELĘ
 * ============================================================ */

.mp-service-v1__body
.mp-service-links {

  margin-top:
    38px !important;

  padding-top:
    34px;
}


.mp-service-v1__body
.mp-service-feature {

  margin-top:
    52px !important;
}


/*
 * Nie potrzebujemy już dodatkowej szerokiej przerwy
 * nad drugą grupą kart.
 */
.mp-service-links__heading--related {

  margin-top:
    44px;
}


/* ============================================================
 * RESPONSIVE
 * ============================================================ */

@media all and (max-width: 900px) {

  .mp-service-link-card__footer,
  .mp-service-links__grid--related
  .mp-service-link-card__footer {

    min-height:
      104px;
  }

}


@media all and (max-width: 640px) {

  .mp-service-link-card__footer,
  .mp-service-links__grid--related
  .mp-service-link-card__footer {

    min-height:
      0;
  }


  .mp-service-link-card__description {

    font-size:
      13px;
  }

}


/* === END MP SERVICE V3 === */



/* ============================================================
 * MP SERVICE PROJECTS — 9 IMAGES / 3x3
 * ============================================================ */

.mp-service-projects--3x3
.mp-service-projects__grid {

  display:
    grid !important;

  grid-template-columns:
    repeat(3, minmax(0, 1fr)) !important;

  gap:
    18px !important;
}


.mp-service-projects--3x3
.mp-service-project {

  min-width:
    0;

  margin:
    0;

  overflow:
    hidden;

  border:
    1px solid #dce2e5;

  background:
    #fff;
}


.mp-service-projects--3x3
.mp-service-project__image {

  width:
    100%;

  aspect-ratio:
    4 / 3;

  overflow:
    hidden;

  background:
    #edf1f2;
}


.mp-service-projects--3x3
.mp-service-project__image img {

  display:
    block;

  width:
    100% !important;

  height:
    100% !important;

  object-fit:
    cover !important;

  transition:
    transform .3s ease;
}


.mp-service-projects--3x3
.mp-service-project:hover
.mp-service-project__image img {

  transform:
    scale(1.025);
}


.mp-service-projects--3x3
.mp-service-project figcaption {

  padding:
    12px 14px 14px;

  color:
    #4c5b65;

  font-size:
    13px;

  line-height:
    1.4;
}


@media all and (max-width: 900px) {

  .mp-service-projects--3x3
  .mp-service-projects__grid {

    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;
  }

}


@media all and (max-width: 560px) {

  .mp-service-projects--3x3
  .mp-service-projects__grid {

    grid-template-columns:
      1fr !important;
  }

}


/* === END MP SERVICE PROJECTS 3x3 === */



/* ============================================================
 * MP SERVICE V3 FIX
 * pełna szerokość modułów + opisy kart
 * ============================================================ */

.node--type-usluga.node--view-mode-full {

  --mp-service-wide:
    100%;

  --mp-service-reading:
    1060px;
}


/*
 * Nie ograniczamy całego BODY drugim kontenerem.
 */
.node--type-usluga.node--view-mode-full
.mp-service-v1__body {

  width:
    100% !important;

  max-width:
    none !important;
}


/*
 * Szerokie komponenty korzystają z pełnej
 * szerokości wnętrza ramki.
 */
.node--type-usluga.node--view-mode-full
.mp-service-feature,

.node--type-usluga.node--view-mode-full
.mp-service-projects,

.node--type-usluga.node--view-mode-full
.mp-service-faq,

.node--type-usluga.node--view-mode-full
.mp-service-links,

.node--type-usluga.node--view-mode-full
.mp-service-gallery-section {

  width:
    100% !important;

  max-width:
    none !important;
}


/*
 * Sama tabela pozostaje kontrolowana.
 */
.node--type-usluga.node--view-mode-full
.mp-service-v1__body table {

  width:
    100% !important;

  max-width:
    1280px !important;

  margin-left:
    auto !important;

  margin-right:
    auto !important;
}


/* ============================================================
 * OPISY KART
 * ============================================================ */

.mp-service-link-card__footer {

  align-items:
    flex-start !important;

  min-height:
    112px;
}


.mp-service-link-card__text {

  display:
    block;

  flex:
    1 1 auto;

  min-width:
    0;
}


.mp-service-link-card__text strong {

  display:
    block;

  margin-bottom:
    7px;

  color:
    #0b192c !important;

  font-size:
    14px;

  line-height:
    1.3;

  font-weight:
    750;
}


.mp-service-link-card__description {

  display:
    block;

  color:
    #52616b;

  font-size:
    12.5px;

  line-height:
    1.42;

  font-weight:
    400;
}


.mp-service-link-card__arrow {

  margin-top:
    1px;
}


/*
 * Pięć kart powiązanych.
 */
.mp-service-links__grid--related
.mp-service-link-card__footer {

  min-height:
    128px;
}


/* ============================================================
 * NOWA KOLEJNOŚĆ
 * ============================================================ */

.mp-service-v1__body
.mp-service-links {

  margin-top:
    34px !important;

  padding-top:
    32px;
}


.mp-service-v1__body
.mp-service-feature {

  margin-top:
    50px !important;
}


.mp-service-links__heading--related {

  margin-top:
    42px;
}


/* ============================================================
 * RESPONSIVE
 * ============================================================ */

@media all and (max-width: 900px) {

  .mp-service-link-card__footer,

  .mp-service-links__grid--related
  .mp-service-link-card__footer {

    min-height:
      105px;
  }

}


@media all and (max-width: 640px) {

  .mp-service-link-card__footer,

  .mp-service-links__grid--related
  .mp-service-link-card__footer {

    min-height:
      0;
  }


  .mp-service-link-card__description {

    font-size:
      13px;
  }

}


/* === END MP SERVICE V3 FIX === */



/* ============================================================
 * MP SERVICE LINK CARDS — DESCRIPTION VISIBILITY FIX
 * ============================================================ */

.node--type-usluga.node--view-mode-full
.mp-service-link-card {

  height:
    auto !important;

  min-height:
    0 !important;

  overflow:
    visible !important;
}


.node--type-usluga.node--view-mode-full
.mp-service-link-card__footer {

  display:
    flex !important;

  align-items:
    flex-start !important;

  height:
    auto !important;

  min-height:
    118px !important;

  max-height:
    none !important;

  overflow:
    visible !important;

  white-space:
    normal !important;
}


.node--type-usluga.node--view-mode-full
.mp-service-link-card__text {

  display:
    block !important;

  flex:
    1 1 auto !important;

  min-width:
    0 !important;

  height:
    auto !important;

  max-height:
    none !important;

  overflow:
    visible !important;
}


.node--type-usluga.node--view-mode-full
.mp-service-link-card__text strong {

  display:
    block !important;

  margin:
    0 0 7px !important;

  white-space:
    normal !important;
}


.node--type-usluga.node--view-mode-full
.mp-service-link-card__description {

  display:
    block !important;

  height:
    auto !important;

  max-height:
    none !important;

  margin:
    0 !important;

  padding:
    0 !important;

  overflow:
    visible !important;

  opacity:
    1 !important;

  visibility:
    visible !important;

  color:
    #52616b !important;

  font-size:
    13px !important;

  line-height:
    1.45 !important;

  font-weight:
    400 !important;

  white-space:
    normal !important;
}


.node--type-usluga.node--view-mode-full
.mp-service-links__grid--related
.mp-service-link-card__footer {

  min-height:
    135px !important;
}


@media all and (max-width: 900px) {

  .node--type-usluga.node--view-mode-full
  .mp-service-link-card__footer,

  .node--type-usluga.node--view-mode-full
  .mp-service-links__grid--related
  .mp-service-link-card__footer {

    min-height:
      120px !important;
  }

}


@media all and (max-width: 640px) {

  .node--type-usluga.node--view-mode-full
  .mp-service-link-card__footer,

  .node--type-usluga.node--view-mode-full
  .mp-service-links__grid--related
  .mp-service-link-card__footer {

    min-height:
      0 !important;
  }

}


/* === END MP SERVICE LINK CARD DESCRIPTION FIX === */



/* ============================================================
 * MP SERVICE LINK CARDS — DESCRIPTION VISIBILITY FIX
 * ============================================================ */

.node--type-usluga.node--view-mode-full
.mp-service-link-card {

  height:
    auto !important;

  min-height:
    0 !important;

  overflow:
    visible !important;
}


.node--type-usluga.node--view-mode-full
.mp-service-link-card__footer {

  display:
    flex !important;

  align-items:
    flex-start !important;

  height:
    auto !important;

  min-height:
    118px !important;

  max-height:
    none !important;

  overflow:
    visible !important;

  white-space:
    normal !important;
}


.node--type-usluga.node--view-mode-full
.mp-service-link-card__text {

  display:
    block !important;

  flex:
    1 1 auto !important;

  min-width:
    0 !important;

  height:
    auto !important;

  max-height:
    none !important;

  overflow:
    visible !important;
}


.node--type-usluga.node--view-mode-full
.mp-service-link-card__text strong {

  display:
    block !important;

  margin:
    0 0 7px !important;

  white-space:
    normal !important;
}


.node--type-usluga.node--view-mode-full
.mp-service-link-card__description {

  display:
    block !important;

  height:
    auto !important;

  max-height:
    none !important;

  margin:
    0 !important;

  padding:
    0 !important;

  overflow:
    visible !important;

  opacity:
    1 !important;

  visibility:
    visible !important;

  color:
    #52616b !important;

  font-size:
    13px !important;

  line-height:
    1.45 !important;

  font-weight:
    400 !important;

  white-space:
    normal !important;
}


.node--type-usluga.node--view-mode-full
.mp-service-links__grid--related
.mp-service-link-card__footer {

  min-height:
    135px !important;
}


@media all and (max-width: 900px) {

  .node--type-usluga.node--view-mode-full
  .mp-service-link-card__footer,

  .node--type-usluga.node--view-mode-full
  .mp-service-links__grid--related
  .mp-service-link-card__footer {

    min-height:
      120px !important;
  }

}


@media all and (max-width: 640px) {

  .node--type-usluga.node--view-mode-full
  .mp-service-link-card__footer,

  .node--type-usluga.node--view-mode-full
  .mp-service-links__grid--related
  .mp-service-link-card__footer {

    min-height:
      0 !important;
  }

}


/* === END MP SERVICE LINK CARD DESCRIPTION FIX === */



/* ============================================================
 * MP SERVICE CARD DESCRIPTION — FINAL VISIBILITY RESET
 * ============================================================ */

.node--type-usluga.node--view-mode-full
.mp-service-links
.mp-service-link-card
.mp-service-link-card__footer {

  display:
    flex !important;

  height:
    auto !important;

  max-height:
    none !important;

  overflow:
    visible !important;

  align-items:
    flex-start !important;
}


.node--type-usluga.node--view-mode-full
.mp-service-links
.mp-service-link-card
.mp-service-link-card__text {

  position:
    static !important;

  display:
    block !important;

  flex:
    1 1 auto !important;

  width:
    auto !important;

  min-width:
    0 !important;

  height:
    auto !important;

  min-height:
    0 !important;

  max-height:
    none !important;

  margin:
    0 !important;

  padding:
    0 !important;

  overflow:
    visible !important;

  opacity:
    1 !important;

  visibility:
    visible !important;

  transform:
    none !important;

  clip:
    auto !important;

  clip-path:
    none !important;

  white-space:
    normal !important;

  text-overflow:
    clip !important;

  -webkit-line-clamp:
    unset !important;

  -webkit-box-orient:
    initial !important;
}


.node--type-usluga.node--view-mode-full
.mp-service-links
.mp-service-link-card
.mp-service-link-card__description {

  position:
    static !important;

  display:
    block !important;

  float:
    none !important;

  clear:
    none !important;

  width:
    100% !important;

  min-width:
    0 !important;

  max-width:
    none !important;

  height:
    auto !important;

  min-height:
    20px !important;

  max-height:
    none !important;

  margin:
    7px 0 0 !important;

  padding:
    0 !important;

  overflow:
    visible !important;

  opacity:
    1 !important;

  visibility:
    visible !important;

  transform:
    none !important;

  clip:
    auto !important;

  clip-path:
    none !important;

  color:
    #52616b !important;

  background:
    transparent !important;

  font-size:
    13px !important;

  line-height:
    1.45 !important;

  font-weight:
    400 !important;

  font-style:
    normal !important;

  text-indent:
    0 !important;

  text-align:
    left !important;

  white-space:
    normal !important;

  text-overflow:
    clip !important;

  -webkit-line-clamp:
    unset !important;

  -webkit-box-orient:
    initial !important;
}


/* === END FINAL DESCRIPTION RESET === */



/* ============================================================
 * MP SERVICE PROJECT CAPTIONS
 * ============================================================ */

.node--type-usluga.node--view-mode-full
.mp-service-project {

  display:
    flex;

  flex-direction:
    column;

  height:
    100%;

  overflow:
    hidden;

  border:
    1px solid #dce2e5;

  background:
    #fff;
}


.node--type-usluga.node--view-mode-full
.mp-service-project__image {

  flex:
    0 0 auto;
}


.node--type-usluga.node--view-mode-full
.mp-service-project__caption {

  display:
    block !important;

  flex:
    1 1 auto;

  min-height:
    58px;

  margin:
    0;

  padding:
    14px 16px 15px;

  border-top:
    1px solid #e1e6e8;

  background:
    #fff;

  color:
    #263844;

  font-size:
    14px;

  line-height:
    1.4;

  font-weight:
    600;

  text-align:
    left;
}


@media all and (max-width: 640px) {

  .node--type-usluga.node--view-mode-full
  .mp-service-project__caption {

    min-height:
      0;

    padding:
      12px 13px 14px;

    font-size:
      13.5px;
  }

}


/* === END MP SERVICE PROJECT CAPTIONS === */



/* ============================================================
 * MP LASER HUB V4
 * TECHNOLOGY DISCLOSURE + LINK GRIDS
 * ============================================================ */


/* ------------------------------------------------------------
 * AMADA — ROZWIJANY BLOK JAK HOME / O FIRMIE
 * ------------------------------------------------------------ */

.node--type-usluga.node--view-mode-full
.mp-service-tech {

  margin:
    26px 0 0;

  border-top:
    1px solid rgba(255, 255, 255, .18);

  color:
    #fff;
}


.node--type-usluga.node--view-mode-full
.mp-service-tech summary {

  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  gap:
    20px;

  padding:
    22px 0;

  color:
    #fff;

  font-size:
    14px;

  line-height:
    1.4;

  font-weight:
    800;

  cursor:
    pointer;

  list-style:
    none;
}


.node--type-usluga.node--view-mode-full
.mp-service-tech summary::-webkit-details-marker {

  display:
    none;
}


.node--type-usluga.node--view-mode-full
.mp-service-tech summary > span {

  flex:
    0 0 auto;

  color:
    #f6c400;

  font-size:
    24px;

  line-height:
    1;

  transition:
    transform .2s ease;
}


.node--type-usluga.node--view-mode-full
.mp-service-tech[open]
summary > span {

  transform:
    rotate(45deg);
}


.node--type-usluga.node--view-mode-full
.mp-service-tech__content {

  padding:
    4px 0 8px;

  color:
    #c8d3da;
}


.node--type-usluga.node--view-mode-full
.mp-service-tech__content h4 {

  margin:
    0 0 15px;

  color:
    #fff;

  font-size:
    18px;

  line-height:
    1.3;

  font-weight:
    750;
}


.node--type-usluga.node--view-mode-full
.mp-service-tech__content p {

  margin:
    0 0 15px;

  color:
    #c8d3da !important;

  font-size:
    14px !important;

  line-height:
    1.62 !important;
}


.node--type-usluga.node--view-mode-full
.mp-service-tech__specs {

  display:
    grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap:
    1px;

  margin:
    20px 0;

  background:
    rgba(255, 255, 255, .15);
}


.node--type-usluga.node--view-mode-full
.mp-service-tech__specs > span {

  display:
    block;

  padding:
    14px;

  background:
    #162a3e;

  color:
    #91a7b3;

  font-size:
    11px;

  line-height:
    1.4;
}


.node--type-usluga.node--view-mode-full
.mp-service-tech__specs strong {

  display:
    block;

  margin-bottom:
    3px;

  color:
    #fff !important;

  font-size:
    15px;

  font-weight:
    750;
}


.node--type-usluga.node--view-mode-full
.mp-service-tech__content small {

  display:
    block;

  padding:
    2px 0 22px;

  color:
    #7f96a3;

  font-size:
    10.5px;

  line-height:
    1.45;
}


/* ------------------------------------------------------------
 * LINKI — 5 CIĘĆ + 4 USŁUGI POWIĄZANE
 * ------------------------------------------------------------ */

.node--type-usluga.node--view-mode-full
.mp-service-links__grid {

  grid-template-columns:
    repeat(5, minmax(0, 1fr)) !important;
}


.node--type-usluga.node--view-mode-full
.mp-service-links__grid--related {

  grid-template-columns:
    repeat(4, minmax(0, 1fr)) !important;
}


@media all and (max-width: 1200px) {

  .node--type-usluga.node--view-mode-full
  .mp-service-links__grid,

  .node--type-usluga.node--view-mode-full
  .mp-service-links__grid--related {

    grid-template-columns:
      repeat(3, minmax(0, 1fr)) !important;
  }

}


@media all and (max-width: 800px) {

  .node--type-usluga.node--view-mode-full
  .mp-service-links__grid,

  .node--type-usluga.node--view-mode-full
  .mp-service-links__grid--related {

    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;
  }


  .node--type-usluga.node--view-mode-full
  .mp-service-tech__specs {

    grid-template-columns:
      1fr;
  }

}


@media all and (max-width: 520px) {

  .node--type-usluga.node--view-mode-full
  .mp-service-links__grid,

  .node--type-usluga.node--view-mode-full
  .mp-service-links__grid--related {

    grid-template-columns:
      1fr !important;
  }

}


/* === END MP LASER HUB V4 === */


/* ============================================================
 * MP AMADA FULL WIDTH ACCORDION
 *
 * [ zdjęcie AMADA | dane techniczne ]
 * [   Poznaj technologię AMADA ENSIS-3015AJ   + ]
 * [   rozwinięcie na pełną szerokość             ]
 *
 * ============================================================ */


/* ------------------------------------------------------------
 * GÓRNY BLOK 60/40
 * ------------------------------------------------------------ */

.node--type-usluga.node--view-mode-full
.mp-service-feature {

  align-items:
    stretch !important;

  margin-bottom:
    0 !important;
}


.node--type-usluga.node--view-mode-full
.mp-service-feature__image {

  align-self:
    stretch !important;

  min-height:
    0 !important;
}


.node--type-usluga.node--view-mode-full
.mp-service-feature__image img {

  display:
    block !important;

  width:
    100% !important;

  height:
    100% !important;

  min-height:
    0 !important;

  aspect-ratio:
    auto !important;

  object-fit:
    cover !important;

  object-position:
    center center !important;
}


/* ------------------------------------------------------------
 * DETAILS WYCIĄGNIĘTY POD CAŁĄ SEKCJĘ
 * ------------------------------------------------------------ */

.node--type-usluga.node--view-mode-full
.mp-service-tech--below-feature {

  display:
    block !important;

  width:
    100% !important;

  max-width:
    none !important;

  margin:
    -1px 0 48px !important;

  padding:
    0 !important;

  border:
    0 !important;

  background:
    transparent !important;

  color:
    #0b192c !important;
}


/* ------------------------------------------------------------
 * JASNY PRZYCISK
 * ------------------------------------------------------------ */

.node--type-usluga.node--view-mode-full
.mp-service-tech--below-feature
> summary {

  display:
    flex !important;

  align-items:
    center !important;

  justify-content:
    space-between !important;

  gap:
    22px !important;

  width:
    100% !important;

  min-height:
    70px !important;

  margin:
    0 !important;

  padding:
    15px 20px 15px 24px !important;

  border:
    1px solid #d8e1e5 !important;

  border-left:
    4px solid #1597a6 !important;

  background:
    #ffffff !important;

  color:
    #0b192c !important;

  box-shadow:
    0 7px 22px rgba(11,25,44,.055) !important;

  font-size:
    17px !important;

  line-height:
    1.35 !important;

  font-weight:
    800 !important;

  cursor:
    pointer;

  list-style:
    none;
}


.node--type-usluga.node--view-mode-full
.mp-service-tech--below-feature
> summary::-webkit-details-marker {

  display:
    none;
}


.node--type-usluga.node--view-mode-full
.mp-service-tech--below-feature
> summary:hover {

  background:
    #f9fbfb !important;

  border-color:
    #b8ccd1 !important;

  border-left-color:
    #087d88 !important;

  box-shadow:
    0 10px 28px rgba(11,25,44,.085) !important;
}


/* ------------------------------------------------------------
 * ŻÓŁTY PLUS
 * ------------------------------------------------------------ */

.node--type-usluga.node--view-mode-full
.mp-service-tech--below-feature
> summary
> span {

  display:
    inline-flex !important;

  flex:
    0 0 38px !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  width:
    38px !important;

  height:
    38px !important;

  border:
    0 !important;

  border-radius:
    50% !important;

  background:
    #f6c400 !important;

  color:
    #0b192c !important;

  box-shadow:
    none !important;

  font-size:
    27px !important;

  line-height:
    1 !important;

  font-weight:
    500 !important;

  transform:
    none !important;

  transition:
    transform .18s ease !important;
}


.node--type-usluga.node--view-mode-full
.mp-service-tech--below-feature[open]
> summary
> span {

  transform:
    rotate(45deg) !important;
}


/* ------------------------------------------------------------
 * STAN OTWARTY
 * ------------------------------------------------------------ */

.node--type-usluga.node--view-mode-full
.mp-service-tech--below-feature[open]
> summary {

  background:
    #ffffff !important;

  border-bottom-color:
    #edf1f2 !important;

  box-shadow:
    none !important;
}


/* ------------------------------------------------------------
 * ROZWINIĘCIE NA PEŁNĄ SZEROKOŚĆ
 * ------------------------------------------------------------ */

.node--type-usluga.node--view-mode-full
.mp-service-tech--below-feature
.mp-service-tech__content {

  display:
    block !important;

  width:
    100% !important;

  max-width:
    none !important;

  margin:
    0 !important;

  padding:
    34px 40px 37px !important;

  border:
    1px solid #d8e1e5 !important;

  border-top:
    0 !important;

  background:
    #f7f9fa !important;

  color:
    #34444e !important;

  box-shadow:
    none !important;
}


/* ------------------------------------------------------------
 * TYPOGRAFIA ROZWINIĘCIA
 * ------------------------------------------------------------ */

.node--type-usluga.node--view-mode-full
.mp-service-tech--below-feature
.mp-service-tech__content h4 {

  max-width:
    1000px;

  margin:
    0 0 18px !important;

  color:
    #0b192c !important;

  font-size:
    clamp(24px, 2vw, 31px) !important;

  line-height:
    1.18 !important;

  font-weight:
    800 !important;

  letter-spacing:
    -.018em;
}


.node--type-usluga.node--view-mode-full
.mp-service-tech--below-feature
.mp-service-tech__content p {

  max-width:
    1100px !important;

  margin:
    0 0 16px !important;

  color:
    #40515c !important;

  font-size:
    16px !important;

  line-height:
    1.7 !important;

  font-weight:
    400 !important;
}


/* ------------------------------------------------------------
 * PARAMETRY W ROZWINIĘCIU
 * ------------------------------------------------------------ */

.node--type-usluga.node--view-mode-full
.mp-service-tech--below-feature
.mp-service-tech__specs {

  display:
    grid !important;

  grid-template-columns:
    repeat(2, minmax(0, 1fr)) !important;

  gap:
    0 !important;

  max-width:
    760px !important;

  margin:
    25px 0 21px !important;

  border:
    1px solid #d8e1e5 !important;

  background:
    #fff !important;
}


.node--type-usluga.node--view-mode-full
.mp-service-tech--below-feature
.mp-service-tech__specs
> span {

  display:
    block !important;

  padding:
    16px 19px !important;

  border:
    0 !important;

  border-right:
    1px solid #d8e1e5 !important;

  background:
    #fff !important;

  color:
    #64737d !important;

  font-size:
    12px !important;

  line-height:
    1.45 !important;
}


.node--type-usluga.node--view-mode-full
.mp-service-tech--below-feature
.mp-service-tech__specs
> span:last-child {

  border-right:
    0 !important;
}


.node--type-usluga.node--view-mode-full
.mp-service-tech--below-feature
.mp-service-tech__specs strong {

  display:
    block !important;

  margin:
    0 0 4px !important;

  color:
    #0b192c !important;

  font-size:
    18px !important;

  line-height:
    1.25 !important;

  font-weight:
    800 !important;
}


.node--type-usluga.node--view-mode-full
.mp-service-tech--below-feature
.mp-service-tech__content small {

  display:
    block !important;

  max-width:
    950px;

  padding:
    0 !important;

  color:
    #74838c !important;

  font-size:
    11px !important;

  line-height:
    1.5 !important;
}


/* ------------------------------------------------------------
 * TABLET
 * ------------------------------------------------------------ */

@media all and (max-width: 900px) {

  .node--type-usluga.node--view-mode-full
  .mp-service-tech--below-feature
  > summary {

    min-height:
      62px !important;

    padding:
      13px 16px !important;

    font-size:
      15px !important;
  }


  .node--type-usluga.node--view-mode-full
  .mp-service-tech--below-feature
  .mp-service-tech__content {

    padding:
      27px 24px 29px !important;
  }

}


/* ------------------------------------------------------------
 * MOBILE
 * ------------------------------------------------------------ */

@media all and (max-width: 600px) {

  .node--type-usluga.node--view-mode-full
  .mp-service-tech--below-feature {

    margin-bottom:
      36px !important;
  }


  .node--type-usluga.node--view-mode-full
  .mp-service-tech--below-feature
  > summary {

    gap:
      14px !important;

    padding:
      13px 13px 13px 15px !important;

    font-size:
      14px !important;
  }


  .node--type-usluga.node--view-mode-full
  .mp-service-tech--below-feature
  > summary
  > span {

    flex-basis:
      34px !important;

    width:
      34px !important;

    height:
      34px !important;

    font-size:
      24px !important;
  }


  .node--type-usluga.node--view-mode-full
  .mp-service-tech--below-feature
  .mp-service-tech__content {

    padding:
      22px 17px 25px !important;
  }


  .node--type-usluga.node--view-mode-full
  .mp-service-tech--below-feature
  .mp-service-tech__content p {

    font-size:
      14.5px !important;
  }


  .node--type-usluga.node--view-mode-full
  .mp-service-tech--below-feature
  .mp-service-tech__specs {

    grid-template-columns:
      1fr !important;
  }


  .node--type-usluga.node--view-mode-full
  .mp-service-tech--below-feature
  .mp-service-tech__specs
  > span {

    border-right:
      0 !important;

    border-bottom:
      1px solid #d8e1e5 !important;
  }


  .node--type-usluga.node--view-mode-full
  .mp-service-tech--below-feature
  .mp-service-tech__specs
  > span:last-child {

    border-bottom:
      0 !important;
  }

}


/* === END MP AMADA FULL WIDTH ACCORDION === */



/* ============================================================
 * MP FAQ — STRUCTURED QUOTATION FILES
 * ============================================================ */

.node--type-usluga.node--view-mode-full
.mp-service-faq__intro {

  margin:
    0 0 16px !important;
}


.node--type-usluga.node--view-mode-full
.mp-service-faq__answer-list {

  display:
    grid;

  gap:
    0;

  max-width:
    1050px;

  margin:
    4px 0 2px;

  border:
    1px solid #dce2e5;

  background:
    #fff;
}


.node--type-usluga.node--view-mode-full
.mp-service-faq__answer-row {

  display:
    grid;

  grid-template-columns:
    190px minmax(0, 1fr);

  gap:
    18px;

  padding:
    13px 16px;

  border-bottom:
    1px solid #e3e8ea;

  color:
    #465660;
}


.node--type-usluga.node--view-mode-full
.mp-service-faq__answer-row:last-child {

  border-bottom:
    0;
}


.node--type-usluga.node--view-mode-full
.mp-service-faq__answer-row strong {

  color:
    #0b192c !important;

  font-size:
    13.5px;

  line-height:
    1.45;

  font-weight:
    800;
}


.node--type-usluga.node--view-mode-full
.mp-service-faq__answer-row span {

  color:
    #52616b;

  font-size:
    14px;

  line-height:
    1.55;
}


@media all and (max-width: 700px) {

  .node--type-usluga.node--view-mode-full
  .mp-service-faq__answer-row {

    grid-template-columns:
      1fr;

    gap:
      4px;

    padding:
      12px 13px;
  }

}


/* === END MP FAQ STRUCTURED QUOTATION FILES === */



/* ==========================================================
   MP RENTAL PAGE START
   Wypożyczalnia stelaży wystawienniczych — NID 429
   ========================================================== */

.mp-rental {
  width: 100%;
  max-width: none;
  margin: 0;
  color: #202a35;
}

.mp-rental *,
.mp-rental *::before,
.mp-rental *::after {
  box-sizing: border-box;
}

.mp-rental h2,
.mp-rental h3,
.mp-rental h4,
.mp-rental p {
  margin-top: 0;
}

.mp-rental-intro {
  max-width: 1060px;
  margin: 0 auto 70px;
  padding: 42px 0 0;
}

.mp-rental-kicker {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  margin-bottom: 18px;
  padding: 6px 12px;
  border-left: 4px solid #d6ae43;
  background: #f2f4f6;
  color: #1e3e62;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.mp-rental-intro h2 {
  max-width: 900px;
  margin-bottom: 22px;
  color: #0b192c;
  font-size: clamp(30px, 3.3vw, 42px);
  line-height: 1.08;
}

.mp-rental-lead {
  max-width: 950px;
  margin-bottom: 18px;
  font-size: 20px;
  line-height: 1.65;
}

.mp-rental-intro__note {
  max-width: 900px;
  margin-bottom: 0;
  color: #52606d;
  font-size: 16px;
  line-height: 1.7;
}

.mp-rental-section {
  margin: 0 0 76px;
}

.mp-rental-section__header {
  max-width: 980px;
  margin: 0 0 32px;
}

.mp-rental-section__header h2 {
  position: relative;
  margin-bottom: 14px;
  padding-left: 18px;
  color: #0b192c;
  font-size: clamp(26px, 2.5vw, 34px);
  line-height: 1.15;
}

.mp-rental-section__header h2::before {
  content: "";
  position: absolute;
  top: .15em;
  bottom: .15em;
  left: 0;
  width: 4px;
  background: #2f7f82;
}

.mp-rental-section__header p {
  max-width: 900px;
  margin-bottom: 0;
  color: #53616f;
  font-size: 16px;
  line-height: 1.7;
}

.mp-rental-models > h3 {
  margin: 36px 0 16px;
  color: #1e3e62;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.mp-rental-products {
  display: grid;
  gap: 22px;
}

.mp-rental-products--2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mp-rental-products--3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mp-rental-product {
  overflow: hidden;
  border: 1px solid #dce2e7;
  background: #fff;
  box-shadow: 0 10px 28px rgba(11, 25, 44, .07);
}

.mp-rental-product__image {
  display: block;
  overflow: hidden;
  aspect-ratio: 16 / 10;
  background: #edf0f2;
}

.mp-rental-product__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .35s ease;
}

.mp-rental-product:hover .mp-rental-product__image img {
  transform: scale(1.025);
}

.mp-rental-product__body {
  padding: 22px 22px 24px;
}

.mp-rental-product__model {
  display: block;
  margin-bottom: 7px;
  color: #2f7f82;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .1em;
}

.mp-rental-product h4 {
  min-height: 2.5em;
  margin-bottom: 20px;
  color: #0b192c;
  font-size: 20px;
  line-height: 1.25;
}

.mp-rental-product__actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 11px;
}

.mp-rental-product__button {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 42px;
  padding: 10px 14px;
  background: #0b192c;
  color: #fff !important;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none !important;
}

.mp-rental-product__button:hover {
  background: #1e3e62;
}

.mp-rental-product__buy {
  color: #42566d !important;
  font-size: 13px;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}

.mp-rental-formats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.mp-rental-format {
  min-height: 128px;
  padding: 25px 18px;
  border-top: 4px solid #2f7f82;
  background: #f4f6f7;
}

.mp-rental-format strong {
  display: block;
  margin-bottom: 6px;
  color: #0b192c;
  font-size: clamp(23px, 2.2vw, 31px);
  line-height: 1;
}

.mp-rental-format span {
  display: block;
  color: #66727e;
  font-size: 13px;
  line-height: 1.4;
}

.mp-rental-format--conditional {
  border-top-color: #d6ae43;
}

.mp-rental-format-note {
  max-width: 950px;
  margin: 18px 0 0;
  padding: 14px 17px;
  border-left: 3px solid #d6ae43;
  background: #fbfaf6;
  color: #5c626a;
  font-size: 14px;
  line-height: 1.65;
}

.mp-rental-materials {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}

.mp-rental-material {
  position: relative;
  padding: 32px;
  border: 1px solid #dbe1e6;
  background: #fff;
}

.mp-rental-material__tag {
  display: inline-flex;
  margin-bottom: 20px;
  padding: 6px 10px;
  background: #0b192c;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .12em;
}

.mp-rental-material h3 {
  margin-bottom: 8px;
  color: #0b192c;
  font-size: 25px;
}

.mp-rental-material__subtitle {
  margin-bottom: 18px !important;
  color: #2f7f82;
  font-size: 14px;
  font-weight: 700;
}

.mp-rental-material > p:not(.mp-rental-material__subtitle) {
  color: #4e5c68;
  line-height: 1.7;
}

.mp-rental-material__note {
  margin-top: 22px;
  padding: 16px 17px;
  background: #f2f4f6;
  color: #53616d;
  font-size: 14px;
  line-height: 1.6;
}

.mp-rental-service {
  margin: 0 0 76px;
  padding: clamp(32px, 5vw, 58px);
  background: #0b192c;
  color: #fff;
}

.mp-rental-service__badge {
  display: inline-block;
  margin-bottom: 18px;
  padding: 7px 11px;
  background: #d6ae43;
  color: #0b192c;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.mp-rental-service h2 {
  max-width: 950px;
  margin-bottom: 20px;
  color: #fff;
  font-size: clamp(30px, 4vw, 45px);
  line-height: 1.1;
}

.mp-rental-service__lead {
  max-width: 1000px;
  margin-bottom: 14px !important;
  font-size: 19px;
  line-height: 1.65;
}

.mp-rental-service > p:not(.mp-rental-service__lead) {
  max-width: 1000px;
  color: #d8e0e8;
  line-height: 1.7;
}

.mp-rental-service__items {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-top: 30px;
}

.mp-rental-service__items div {
  min-height: 68px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, .17);
  background: rgba(255, 255, 255, .06);
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
}

.mp-rental-service__design {
  margin: 23px 0 0 !important;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, .16);
}

.mp-rental-process {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.mp-rental-process__step {
  min-height: 210px;
  padding: 24px;
  border: 1px solid #dce2e7;
  background: #fff;
}

.mp-rental-process__step > span {
  display: block;
  margin-bottom: 18px;
  color: #d6ae43;
  font-size: 28px;
  font-weight: 800;
  line-height: 1;
}

.mp-rental-process__step h3 {
  margin-bottom: 10px;
  color: #0b192c;
  font-size: 20px;
}

.mp-rental-process__step p {
  margin-bottom: 0;
  color: #5b6874;
  font-size: 14px;
  line-height: 1.65;
}

.mp-rental-design {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 30px;
  margin: 0 0 76px;
  padding: 30px 34px;
  border-left: 5px solid #2f7f82;
  background: #f2f4f6;
}

.mp-rental-design h2 {
  margin-bottom: 8px;
  color: #0b192c;
  font-size: 26px;
}

.mp-rental-design p {
  max-width: 850px;
  margin-bottom: 0;
  color: #596773;
  line-height: 1.65;
}

.mp-rental-design__button,
.mp-rental-quote__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 48px;
  padding: 12px 18px;
  background: #1e3e62;
  color: #fff !important;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none !important;
  white-space: nowrap;
}

.mp-rental-design__button:hover,
.mp-rental-quote__button:hover {
  background: #0b192c;
}

.mp-rental-faq__list {
  border-top: 1px solid #d8dfe5;
}

.mp-rental-faq__item {
  border-bottom: 1px solid #d8dfe5;
  background: #fff;
}

.mp-rental-faq__item summary {
  position: relative;
  display: block;
  padding: 20px 56px 20px 4px;
  color: #0b192c;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.45;
  cursor: pointer;
  list-style: none;
}

.mp-rental-faq__item summary::-webkit-details-marker {
  display: none;
}

.mp-rental-faq__item summary::after {
  content: "+";
  position: absolute;
  top: 50%;
  right: 8px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-50%);
  border-radius: 50%;
  background: #d6ae43;
  color: #0b192c;
  font-size: 20px;
  font-weight: 700;
}

.mp-rental-faq__item[open] summary::after {
  content: "−";
}

.mp-rental-faq__answer {
  max-width: 1020px;
  padding: 0 56px 22px 4px;
}

.mp-rental-faq__answer p {
  margin: 0;
  color: #586671;
  line-height: 1.72;
}

.mp-rental-quote {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 30px;
  margin: 12px 0 35px;
  padding: clamp(30px, 5vw, 52px);
  background: #1e3e62;
  color: #fff;
}

.mp-rental-quote h2 {
  margin-bottom: 11px;
  color: #fff;
  font-size: clamp(27px, 3vw, 36px);
}

.mp-rental-quote p {
  max-width: 900px;
  margin: 0;
  color: #e2e8ee;
  line-height: 1.7;
}

.mp-rental-quote__button {
  background: #d6ae43;
  color: #0b192c !important;
}

.mp-rental-quote__button:hover {
  background: #fff;
}


@media (max-width: 980px) {

  .mp-rental-products--3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mp-rental-formats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mp-rental-service__items {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .mp-rental-process {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

}


@media (max-width: 720px) {

  .mp-rental-intro {
    margin-bottom: 52px;
    padding-top: 25px;
  }

  .mp-rental-section,
  .mp-rental-service,
  .mp-rental-design {
    margin-bottom: 54px;
  }

  .mp-rental-products--2,
  .mp-rental-products--3,
  .mp-rental-materials,
  .mp-rental-process {
    grid-template-columns: 1fr;
  }

  .mp-rental-formats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mp-rental-product h4 {
    min-height: auto;
  }

  .mp-rental-service {
    padding: 30px 22px;
  }

  .mp-rental-service__items {
    grid-template-columns: 1fr 1fr;
  }

  .mp-rental-design,
  .mp-rental-quote {
    grid-template-columns: 1fr;
    padding: 26px 22px;
  }

  .mp-rental-design__button,
  .mp-rental-quote__button {
    width: 100%;
    white-space: normal;
  }

}


@media (max-width: 460px) {

  .mp-rental-formats {
    grid-template-columns: 1fr;
  }

  .mp-rental-service__items {
    grid-template-columns: 1fr;
  }

}

/* ==========================================================
   MP RENTAL PAGE END
   ========================================================== */


/* ==========================================================
   MP RENTAL MATERIAL LINKS
   ========================================================== */

.mp-rental-material__link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
  color: #1e3e62 !important;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(30, 62, 98, .32);
  padding-bottom: 3px;
}

.mp-rental-material__link span {
  transition: transform .2s ease;
}

.mp-rental-material__link:hover {
  color: #2f7f82 !important;
  border-bottom-color: #2f7f82;
}

.mp-rental-material__link:hover span {
  transform: translateX(3px);
}

@media (max-width: 720px) {

  .mp-rental-intro h2 {
    font-size: clamp(29px, 8vw, 32px);
  }

  .mp-rental-section__header h2 {
    font-size: clamp(26px, 7vw, 29px);
  }

}


/* ==========================================================
   MP PRINT PRODUCT LINKS START
   Drukarnia wielkoformatowa — NID 106
   ========================================================== */

.mp-print-links {
  width: 100%;
  margin: 30px 0 38px;
}

.mp-print-links__header {
  max-width: 920px;
  margin: 0 0 24px;
}

.mp-print-links__header h3 {
  margin: 0 0 9px;
  color: #0b192c;
  font-size: 22px;
  line-height: 1.25;
}

.mp-print-links__header p {
  margin: 0;
  color: #5b6875;
  font-size: 15px;
  line-height: 1.65;
}

.mp-print-links__grid {
  display: grid;
  grid-template-columns:
    repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.mp-print-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  border: 1px solid #dce2e7;
  background: #fff;
  color: inherit !important;
  text-decoration: none !important;
  box-shadow:
    0 8px 24px
    rgba(11, 25, 44, .065);
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    border-color .22s ease;
}

.mp-print-card:hover {
  transform: translateY(-3px);
  border-color: #bfcbd3;
  box-shadow:
    0 14px 32px
    rgba(11, 25, 44, .11);
}

.mp-print-card__image {
  display: block;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 16 / 10;
  background: #eef1f3;
}

.mp-print-card__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .32s ease;
}

.mp-print-card:hover
.mp-print-card__image img {
  transform: scale(1.025);
}

.mp-print-card__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 19px 18px 18px;
}

.mp-print-card__title {
  display: block;
  margin-bottom: 9px;
  color: #0b192c;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.28;
}

.mp-print-card__description {
  display: block;
  flex: 1;
  margin-bottom: 17px;
  color: #5a6875;
  font-size: 13px;
  line-height: 1.55;
}

.mp-print-card__action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-top: 13px;
  border-top: 1px solid #e3e7ea;
  color: #1e3e62;
  font-size: 13px;
  font-weight: 700;
}

.mp-print-card__action > span {
  display: inline-flex;
  width: 27px;
  height: 27px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #d6ae43;
  color: #0b192c;
  font-size: 16px;
  transition: transform .2s ease;
}

.mp-print-card:hover
.mp-print-card__action > span {
  transform: translateX(3px);
}


@media (max-width: 1180px) {

  .mp-print-links__grid {
    grid-template-columns:
      repeat(3, minmax(0, 1fr));
  }

}


@media (max-width: 900px) {

  .mp-print-links__grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

}


@media (max-width: 600px) {

  .mp-print-links {
    margin-top: 24px;
  }

  .mp-print-links__grid {
    grid-template-columns: 1fr;
  }

  .mp-print-card__image {
    aspect-ratio: 16 / 9;
  }

}

/* ==========================================================
   MP PRINT PRODUCT LINKS END
   ========================================================== */


/* ==========================================================
   MP PRINT FOCUS 2026 START
   ========================================================== */

.mp-print-focus {
  margin: 0 0 46px;
}

.mp-print-focus__header {
  max-width: 1080px;
  margin: 0 0 30px;
}

.mp-print-focus__header h2 {
  position: relative;
  margin: 0 0 20px;
  padding-left: 50px;
  color: #0b192c;
  font-size: clamp(28px, 2.6vw, 38px);
  font-weight: 700;
  line-height: 1.2;
}

.mp-print-focus__header h2::before {
  content: "";
  position: absolute;
  top: .58em;
  left: 0;
  width: 30px;
  height: 3px;
  background: #4c9298;
}

.mp-print-focus__header p {
  max-width: 1100px;
  margin: 0;
  color: #344250;
  font-size: 16px;
  line-height: 1.72;
}


/*
 * Produkty główne:
 * 4 x 2 desktop.
 */
.mp-print-focus .mp-print-links__grid {
  margin-top: 28px;
}


/*
 * Usługi drugoplanowe:
 * folia, banery i mesh.
 */
.mp-print-secondary {
  display: grid;
  grid-template-columns:
    minmax(0, 1.45fr)
    minmax(300px, .8fr);
  gap: 34px;
  align-items: center;
  margin-top: 34px;
  padding: 25px 28px;
  border: 1px solid #dce2e7;
  background: #f6f7f8;
}

.mp-print-secondary__copy h3 {
  margin: 0 0 8px;
  color: #0b192c;
  font-size: 20px;
  line-height: 1.3;
}

.mp-print-secondary__copy p {
  margin: 0;
  color: #5a6875;
  font-size: 14px;
  line-height: 1.65;
}

.mp-print-secondary__links {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.mp-print-secondary__links a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  padding: 11px 0;
  border-bottom:
    1px solid rgba(30, 62, 98, .2);
  color: #1e3e62 !important;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none !important;
}

.mp-print-secondary__links a:last-child {
  border-bottom: 0;
}

.mp-print-secondary__links a span {
  transition: transform .2s ease;
}

.mp-print-secondary__links a:hover span {
  transform: translateX(4px);
}


@media (max-width: 900px) {

  .mp-print-secondary {
    grid-template-columns: 1fr;
    gap: 18px;
  }

}


@media (max-width: 600px) {

  .mp-print-focus__header h2 {
    padding-left: 38px;
    font-size: 29px;
  }

  .mp-print-focus__header h2::before {
    width: 24px;
  }

  .mp-print-secondary {
    padding: 20px;
  }

}

/* ==========================================================
   MP PRINT FOCUS 2026 END
   ========================================================== */


/* MP PRINT FOCUS ANCHOR LINK */
.mp-service-v1__body a[href="#mp-print-focus-anchor"] {
  display: none !important;
}


/* ==========================================================
   MP PRINT PROJECTS START
   Kompleksowe realizacje z wykorzystaniem druku
   ========================================================== */

.mp-print-projects {
  margin: 36px 0 34px;
  padding-top: 30px;
  border-top: 1px solid #dce2e7;
}

.mp-print-projects__header {
  max-width: 1080px;
  margin-bottom: 27px;
}

.mp-print-projects__eyebrow {
  display: inline-block;
  margin-bottom: 11px;
  padding-left: 14px;
  border-left: 3px solid #d6ae43;
  color: #1e3e62;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  line-height: 1.4;
}

.mp-print-projects__header h2 {
  position: relative;
  margin: 0 0 15px;
  padding-left: 50px;
  color: #0b192c;
  font-size: clamp(27px, 2.5vw, 36px);
  font-weight: 700;
  line-height: 1.2;
}

.mp-print-projects__header h2::before {
  content: "";
  position: absolute;
  top: .57em;
  left: 0;
  width: 30px;
  height: 3px;
  background: #4c9298;
}

.mp-print-projects__header > p {
  max-width: 1050px;
  margin: 0;
  color: #4f5e6d;
  font-size: 15px;
  line-height: 1.7;
}


.mp-print-projects__grid {
  display: grid;
  grid-template-columns:
    repeat(3, minmax(0, 1fr));
  gap: 18px;
}


.mp-print-project-card {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 100%;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #dce2e7;
  background: #fff;
  box-shadow:
    0 7px 22px
    rgba(11, 25, 44, .055);
}


.mp-print-project-card__number {
  display: block;
  padding: 18px 20px 0;
  color: #d6ae43;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .08em;
}


.mp-print-project-card__body {
  flex: 1;
  padding: 12px 20px 20px;
}


.mp-print-project-card h3 {
  margin: 0 0 13px;
  color: #0b192c;
  font-size: 20px;
  line-height: 1.3;
}


.mp-print-project-card__body > p {
  margin: 0;
  color: #53616e;
  font-size: 14px;
  line-height: 1.65;
}


.mp-print-project-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 18px;
}


.mp-print-project-card__tags span {
  display: inline-flex;
  padding: 5px 8px;
  background: #f0f3f5;
  color: #33485d;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.3;
}


.mp-print-project-card__example {
  margin-top: 17px !important;
  padding-top: 13px;
  border-top: 1px solid #e4e8eb;
  font-size: 12px !important;
}


.mp-print-project-card__example a {
  color: #1e3e62 !important;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 2px;
}


.mp-print-project-card__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  padding: 15px 20px;
  border-top: 1px solid #e1e6e9;
  background: #f7f8f9;
  color: #1e3e62 !important;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
  text-decoration: none !important;
}


.mp-print-project-card__link span {
  display: inline-flex;
  width: 26px;
  height: 26px;
  flex: 0 0 26px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #d6ae43;
  color: #0b192c;
  transition: transform .2s ease;
}


.mp-print-project-card__link:hover span {
  transform: translateX(3px);
}


@media (max-width: 1000px) {

  .mp-print-projects__grid {
    grid-template-columns: 1fr;
  }

  .mp-print-project-card {
    min-height: 0;
  }

}


@media (max-width: 600px) {

  .mp-print-projects {
    margin-top: 38px;
    padding-top: 34px;
  }

  .mp-print-projects__header h2 {
    padding-left: 38px;
    font-size: 28px;
  }

  .mp-print-projects__header h2::before {
    width: 24px;
  }

}

/* ==========================================================
   MP PRINT PROJECTS END
   ========================================================== */


/* ==========================================================
   MP PRINT MACHINES START
   ========================================================== */

.mp-print-machines {
  display: grid;
  grid-template-columns:
    repeat(2, minmax(0, 1fr));
  gap: 20px;
  margin: 28px 0 30px;
}

.mp-print-machine-card {
  overflow: hidden;
  margin: 0;
  border: 1px solid #dce2e7;
  background: #fff;
  box-shadow:
    0 7px 22px
    rgba(11, 25, 44, .055);
}

.mp-print-machine-card__image {
  overflow: hidden;
  width: 100%;
  aspect-ratio: 16 / 8.7;
  background: #eef1f3;
}

.mp-print-machine-card__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .3s ease;
}

.mp-print-machine-card:hover
.mp-print-machine-card__image img {
  transform: scale(1.018);
}

.mp-print-machine-card figcaption {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 17px 19px 18px;
}

.mp-print-machine-card figcaption strong {
  color: #0b192c;
  font-size: 17px;
  line-height: 1.3;
}

.mp-print-machine-card figcaption span {
  color: #5a6875;
  font-size: 13px;
  line-height: 1.5;
}


@media (max-width: 720px) {

  .mp-print-machines {
    grid-template-columns: 1fr;
  }

}

/* ==========================================================
   MP PRINT MACHINES END
   ========================================================== */


/* ==========================================================
   MP MUSEUM PAGE START
   NID 213
   ========================================================== */

.mp-museum {
  margin-top: 38px;
}

.mp-museum-eyebrow {
  display: inline-block;
  margin-bottom: 12px;
  padding-left: 14px;
  border-left: 3px solid #d6ae43;
  color: #1e3e62;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .07em;
  line-height: 1.45;
}

.mp-museum-intro {
  max-width: 1120px;
  margin-bottom: 58px;
}

.mp-museum-intro h2,
.mp-museum-section-head h2,
.mp-museum-complete h2,
.mp-museum-cta h2 {
  margin: 0 0 17px;
  color: #0b192c;
  font-size: clamp(28px, 2.7vw, 38px);
  font-weight: 700;
  line-height: 1.2;
}

.mp-museum-intro > p,
.mp-museum-section-head > p,
.mp-museum-complete__copy > p,
.mp-museum-cta p {
  max-width: 1080px;
  margin: 0;
  color: #53616e;
  font-size: 15px;
  line-height: 1.72;
}

.mp-museum-section-head {
  max-width: 1100px;
  margin-bottom: 27px;
}


/* Produkty */

.mp-museum-products {
  margin-bottom: 58px;
}

.mp-museum-products__grid {
  display: grid;
  grid-template-columns:
    repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.mp-museum-product {
  display: flex;
  min-width: 0;
  overflow: hidden;
  flex-direction: column;
  border: 1px solid #dce2e7;
  background: #fff;
  color: inherit !important;
  text-decoration: none !important;
  box-shadow:
    0 7px 22px
    rgba(11, 25, 44, .055);
  transition:
    transform .2s ease,
    box-shadow .2s ease;
}

.mp-museum-product:hover {
  transform: translateY(-3px);
  box-shadow:
    0 13px 30px
    rgba(11, 25, 44, .10);
}

.mp-museum-product__image {
  overflow: hidden;
  width: 100%;
  aspect-ratio: 16 / 10;
  background: #eef1f3;
}

.mp-museum-product__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .3s ease;
}

.mp-museum-product:hover
.mp-museum-product__image img {
  transform: scale(1.025);
}

.mp-museum-product__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 18px;
}

.mp-museum-product__body > strong {
  display: block;
  margin-bottom: 9px;
  color: #0b192c;
  font-size: 17px;
  line-height: 1.3;
}

.mp-museum-product__text {
  display: block;
  flex: 1;
  margin-bottom: 17px;
  color: #596773;
  font-size: 13px;
  line-height: 1.55;
}

.mp-museum-product__action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 13px;
  border-top: 1px solid #e3e7ea;
  color: #1e3e62;
  font-size: 13px;
  font-weight: 700;
}

.mp-museum-product__action > span {
  display: inline-flex;
  width: 27px;
  height: 27px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #d6ae43;
  color: #0b192c;
}


/* Kompleksowość */

.mp-museum-complete {
  margin: 0 0 58px;
  padding: 38px;
  background: #0b192c;
}

.mp-museum-complete h2 {
  color: #fff;
}

.mp-museum-complete__copy > p {
  color: rgba(255,255,255,.74);
}

.mp-museum-complete .mp-museum-eyebrow {
  color: #fff;
}

.mp-museum-process {
  display: grid;
  grid-template-columns:
    repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 30px;
}

.mp-museum-step {
  display: flex;
  align-items: center;
  gap: 13px;
  min-height: 72px;
  padding: 15px 17px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.055);
}

.mp-museum-step > span {
  color: #d6ae43;
  font-size: 12px;
  font-weight: 700;
}

.mp-museum-step > strong {
  color: #fff;
  font-size: 14px;
  line-height: 1.4;
}


/* Galeria */

.mp-museum-gallery {
  margin-bottom: 58px;
}

.mp-museum-gallery__grid {
  display: grid;
  grid-template-columns:
    repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.mp-museum-gallery-card {
  position: relative;
  display: block;
  overflow: hidden;
  min-height: 240px;
  background: #0b192c;
  color: #fff !important;
  text-decoration: none !important;
}

.mp-museum-gallery-card__image,
.mp-museum-gallery-card__image img {
  display: block;
  width: 100%;
  height: 100%;
}

.mp-museum-gallery-card__image {
  position: absolute;
  inset: 0;
}

.mp-museum-gallery-card__image img {
  object-fit: cover;
  transition: transform .35s ease;
}

.mp-museum-gallery-card:hover
.mp-museum-gallery-card__image img {
  transform: scale(1.035);
}

.mp-museum-gallery-card__overlay {
  position: absolute;
  inset: auto 0 0;
  display: flex;
  min-height: 106px;
  flex-direction: column;
  justify-content: flex-end;
  padding: 34px 18px 17px;
  background:
    linear-gradient(
      to top,
      rgba(4, 15, 29, .93),
      rgba(4, 15, 29, .06)
    );
}

.mp-museum-gallery-card__overlay strong {
  font-size: 16px;
  line-height: 1.35;
}

.mp-museum-gallery-card__overlay > span {
  margin-top: 7px;
  color: #e3bf5a;
  font-size: 12px;
  font-weight: 700;
}

.mp-museum-gallery__footer {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
}

.mp-museum-gallery__all {
  display: inline-flex;
  align-items: center;
  gap: 18px;
  color: #1e3e62 !important;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none !important;
}

.mp-museum-gallery__all > span {
  display: inline-flex;
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #d6ae43;
  color: #0b192c;
}


/* CTA */

.mp-museum-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 45px;
  margin: 0 0 38px;
  padding: 35px 38px;
  border: 1px solid #dce2e7;
  background: #f6f7f8;
}

.mp-museum-cta > div {
  max-width: 850px;
}

.mp-museum-cta h2 {
  font-size: clamp(25px, 2.2vw, 32px);
}

.mp-museum-cta > a {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 16px;
  padding: 14px 18px;
  background: #1e3e62;
  color: #fff !important;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none !important;
}

.mp-museum-cta > a span {
  color: #e4bd51;
}


@media (max-width: 1100px) {

  .mp-museum-products__grid {
    grid-template-columns:
      repeat(3, minmax(0, 1fr));
  }

}


@media (max-width: 860px) {

  .mp-museum-products__grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .mp-museum-gallery__grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .mp-museum-process {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .mp-museum-cta {
    align-items: flex-start;
    flex-direction: column;
  }

}


@media (max-width: 600px) {

  .mp-museum {
    margin-top: 28px;
  }

  .mp-museum-products__grid,
  .mp-museum-gallery__grid,
  .mp-museum-process {
    grid-template-columns: 1fr;
  }

  .mp-museum-complete {
    padding: 27px 20px;
  }

  .mp-museum-gallery-card {
    min-height: 230px;
  }

  .mp-museum-cta {
    padding: 25px 20px;
  }

  .mp-museum-cta > a {
    width: 100%;
    justify-content: space-between;
  }

}

/* ==========================================================
   MP MUSEUM PAGE END
   ========================================================== */