.m-solution-page {background: #ffffff;color: #1c1c1c;}
.m-solution-hero {position: relative;min-height: 720px;overflow: hidden;background: #121212;}
.m-solution-hero__media,
.m-solution-hero__overlay {position: absolute;inset: 0;}
.m-solution-hero__overlay {background: linear-gradient( 90deg, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0.28) 55%, rgba(0, 0, 0, 0) 100%);}
.m-solution-hero__container {position: relative;z-index: 1;display: flex;align-items: center;min-height: 720px;padding-bottom: 96px;}
.m-solution-hero__content {max-width: 640px;}
.m-solution-hero__title {margin: 0 0 12px;color: #ffffff;font-size: 48px;font-weight: 700;line-height: 1.15;}
.m-solution-hero__eyebrow {margin: 0 0 23px;color: #ffffff;font-size: 22px;font-weight: 500;line-height: 0.81;letter-spacing: 3.12px;text-transform: capitalize;}
.m-solution-hero__desc {max-width: 547px;color: rgba(255, 255, 255, 0.8);font-size: 16px;line-height: 1.62;padding:23px 0 41px}
.m-solution-hero__cta,
.m-solution-outline-btn {display: inline-flex;align-items: center;gap: 10px;min-height: 49.5px;padding: 15px 48px;border-radius: 6px;text-decoration: none;transition: opacity 0.25s ease, transform 0.25s ease;margin-top: 12px;}
.m-solution-hero__cta {background: #f05a22;color: #ffffff;font-size: 16px;}
.m-solution-hero__cta:hover {color: #ffffff;opacity: 0.92;transform: translateY(-1px);}
.m-solution-outline-btn:hover {color: #f05a22;opacity: 0.92;transform: translateY(-1px);}
.m-solution-hero__tabs-wrap {position: absolute;right: 0;bottom: 0;left: 0;z-index: 2;border-top: 3px solid #f05a22;background: #1c1c1c;}
.m-solution-hero__tabs {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));}
.m-solution-hero__tab {display: flex;align-items: center;justify-content: center;min-height: 53.5px;border-right: 1px solid #e4e0db;color: #ffffff;font-size: 22px;font-weight: 500;text-align: center;text-decoration: none;transition: background-color 0.25s ease;}
.m-solution-hero__tab:last-child {border-right: 0;}
.m-solution-hero__tab.is-active {background-color: #f05a22;}
.m-solution-hero__tab:hover{color:#ffffff;background-color: #f05a22;}
.m-solution-cabinets,
.m-solution-workflows,
.m-solution-hardware,
.m-solution-projects,
.m-solution-process,
.m-solution-request {padding: 100px 0;}
.m-solution-workflows,
.m-solution-process {background: #f7f7f8;}
.m-solution-projects,
.m-solution-request {background: #1c1c1c;}
.m-solution-section-head {margin-bottom: 56px;}
.m-solution-section-head--center {text-align: center;}
.m-solution-section-head__eyebrow,
.m-solution-process__eyebrow,
.m-solution-projects__eyebrow {margin: 0 0 18px;color: #f05a22;font-size: 22px;font-weight: 500;line-height: 1.2;}
.m-solution-section-head__title,
.m-solution-request__title,
.m-solution-projects__title {margin: 0;color: #1c1c1c;font-size: 48px;font-weight: 700;line-height: 1.15;}
.m-solution-request__title,
.m-solution-projects__title {color: #ffffff;}
.m-solution-section-head__desc {max-width: 730px;margin: 17px 0 0;color: #666666;font-size: 16px;line-height: 1.75;}
.m-solution-section-head__desc p{margin-bottom: 0;}
.m-solution-section-head__desc--wide {max-width: 872px;}
.m-solution-section-head--center .m-solution-section-head__desc {margin-right: auto;margin-left: auto;}
.m-solution-cabinets__list {border-top: 1px solid #e8e4df;border-radius: 15px;overflow: hidden;}
.m-solution-cabinet-card {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));min-height: 520px;}
.m-solution-cabinet-card__media,
.m-solution-cabinet-card__content {position: relative;}
.m-solution-cabinet-card__media {overflow: hidden;order: 1;}
.m-solution-cabinet-card__media img {width: 100%;height: 100%;object-fit: cover;}
.m-solution-cabinet-card__index {position: absolute;top: 28px;left: 28px;color: rgba(255, 255, 255, 0.15);font-size: 96px;font-weight: 700;line-height: 1;}
.m-solution-cabinet-card--reverse .m-solution-cabinet-card__index {right: 28px;left: auto;}
.m-solution-cabinet-card__content {display: flex;flex-direction: column;justify-content: center;padding: 80px;background: #1c1c1c;order: 2;}
.m-solution-cabinet-card__label {margin: 0 0 14px;color: #f05a22;font-size: 22px;font-weight: 500;line-height: 1.2;}
.m-solution-cabinet-card__title {margin: 0 0 20px;color: #ffffff;font-size: 48px;font-weight: 700;line-height: 0.95;padding-right: 18%;}
.m-solution-cabinet-card__desc {margin: 0;color: #C7C7C7;font-size: 18px;line-height: 1.55;}
.m-solution-cabinet-card--reverse .m-solution-cabinet-card__media {order: 2;}
.m-solution-cabinet-card--reverse .m-solution-cabinet-card__content {order: 1;}
.m-solution-workflows__grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 32px;margin-top: 65px;}
.m-solution-feature-card {overflow: hidden;height: 100%;background: #ffffff;border-radius: 15px;}
.m-solution-feature-card:hover {transform: translateY(-5px);}
.m-solution-feature-card__media {aspect-ratio: 13 / 8;overflow: hidden;}
.m-solution-feature-card__media img {width: 100%;height: 100%;object-fit: cover;}
.m-solution-feature-card__body {padding: 32px;}
.m-solution-feature-card__label {margin: 0;color: #f05a22;font-size: 16px;font-weight: 400;line-height: 1.03; text-transform: uppercase;}
.m-solution-feature-card__title {margin: 0 0 12px;color: #1C1C1C;font-size: 22px;font-weight: 600;line-height: 1.5;}
.m-solution-feature-card__desc {margin: 0;color: #666666;font-size: 16px;line-height: 1.72;}
.m-solution-hardware__content{padding-right: 48px;}
.m-solution-hardware__img{padding-left: 48px;background: #323232;border-radius: 15px;overflow: hidden;}
.m-solution-hardware__list {margin-top: 68px;display: grid;grid-template-columns: repeat(2, 1fr);gap: 0;}
.m-solution-hardware__item {position: relative;height: 100%;padding:22px 32px 22px 17px;border-bottom: 1px solid #E8E4DF;}
.m-solution-hardware__item-title::before,
.m-solution-request__benefits li::before {content: "";position: absolute;top: 50%;left: -17px;width: 7px;height: 7px;background: #f05a22;transform: translateY(-50%);}
.m-solution-hardware__item-title {margin: 0 0 8px;color: #1c1c1c;font-size: 16px;font-weight: 600;line-height: 1.5;position: relative;}
.m-solution-hardware__item-desc {margin: 0;color: #888888;font-size: 16px;line-height: 1.65;}
.m-solution-hardware__visual {overflow: hidden;margin:0 63px;position: relative;}
.m-solution-hardware__visual::after {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);width: 100%;height: 100%;pointer-events: none;}
.m-solution-hardware__visual img {width: 100%;height: auto;}
.m-solution-projects__grid{display: grid;grid-template-columns: repeat(4, 1fr);gap: 16px;}
.m-solution-projects__head {display: flex;align-items: flex-end;justify-content: space-between;gap: 40px;margin-bottom: 56px;}
.m-solution-projects__eyebrow{padding-left:45px;position: relative;}
.m-solution-projects__eyebrow::before{content: "";position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 32px;height: 2px;background: #F05A22;}
.m-solution-projects__desc {max-width: 460px;margin: 0;color: rgba(255, 255, 255, 0.5);font-size: 16px;line-height: 1.8;}
.m-solution-projects__desc p{margin-bottom: 0;}
.m-solution-project-card {position: relative;overflow: hidden;height: 420px;border-radius: 15px;}
.m-solution-project-card:hover {transform: translateY(-5px);}
.m-solution-project-card img {width: 100%;height: 100%;object-fit: cover;}
.m-solution-project-card__overlay {position: absolute;height: 145px;bottom: 0;left: 0; border-radius: 0 0 15px 15px;background: linear-gradient(0deg, rgba(0, 0, 0, 0.82) 0%, rgba(0, 0, 0, 0.00) 100%);width: 100%;}
.m-solution-project-card__title {position: absolute;right: 24px;bottom: 40px;left: 24px;margin: 0;color: #ffffff;font-size: 22px;font-weight: 600;line-height: 1.5;}
.m-solution-projects__action,
.m-solution-process__action {margin-top: 52px;text-align: center;}
.m-solution-outline-btn {border: 1px solid rgba(240, 90, 34, 0.5);color: #f05a22;}
.m-solution-process__grid {border-top: 1px solid #e6e0db;border-left: 1px solid #e6e0db;background: #ffffff;}
.m-solution-process__eyebrow{display: flex;align-items: center;justify-content: center;gap: 12px;}
.m-solution-process__eyebrow em{display: inline-block;width: 32px;height: 2px;background: #F05A22;}
.m-solution-step-card {position: relative;height: 100%;min-height: 232px;padding: 52px 44px;border-right: 1px solid #e6e0db;border-bottom: 1px solid #e6e0db;}
.m-solution-step-card__line {display: block;width: 36px;height: 3px;margin-bottom: 18px;background: #f05a22;}
.m-solution-step-card__title {margin: 0 0 12px;color: #1c1c1c;font-size: 22px;font-weight: 600;line-height: 1.5;}
.m-solution-step-card__desc {margin: 0;color: #777777;font-size: 16px;line-height: 1.72;}
.m-solution-step-card__index {position: absolute;top: 28px;right: 28px;color: #EDEAE6;font-size: 64px;font-weight: 700;line-height: 1;}
.m-solution-request .m-solution-section-head{margin-bottom: 0;}
.m-solution-request__desc {max-width: 551px;margin: 21px 0 0;color: rgba(255, 255, 255, 0.65);font-size: 16px;line-height: 1.85;}
.m-solution-request__desc p{margin-bottom: 0;}
.m-solution-request__benefits {list-style: none;padding: 40px 0 0;margin: 0;}
.m-solution-request__benefits li {position: relative;padding-left: 20px;color: #ffffff;font-size: 16px;line-height: 1.5;}
.m-solution-request__benefits li + li {margin-top: 16px;}
.m-solution-request__benefits li::before{left: 0;}
.m-solution-form {padding: 53px 49px;background: rgba(255, 255, 255, 0.03);}
.m-solution-form__input {width: 100%;min-height: 51px;padding: 15px 19px;border: 1px solid rgba(255, 255, 255, 0.18);border-radius: 6px;background: rgba(255, 255, 255, 0.07);color: #ffffff;font-size: 14px;outline: none;}
.m-solution-form__input::placeholder {color: rgba(255, 255, 255, 0.5);}
.m-solution-form select.m-solution-form__input {color: rgba(255, 255, 255, 0.5);}
.m-solution-form select.m-solution-form__input.is-filled {color: #ffffff;}
.m-solution-form__textarea {min-height: 114px;resize: vertical;}
.m-solution-form__submit {width: 100%;min-height: 53.5px;border: 0;border-radius: 6px;background: #f05a22;color: #ffffff;font-size: 16px;font-weight: 500;letter-spacing: 1.82px;text-transform: capitalize;}
.error{color: #ffffff;}
@media (max-width: 1480px) {
  .m-solution-hero__tab {font-size: 18px;}
  .m-solution-cabinet-card__content {padding: 48px;}
  .m-solution-cabinet-card__title,
  .m-solution-section-head__title,
  .m-solution-request__title,
  .m-solution-projects__title {font-size: 40px;}
  .m-solution-cabinet-card__title {padding-right: 5%;}
}

@media (max-width: 1200px) {
  .m-solution-hero__title {font-size: 42px;}
  .m-solution-projects__head {flex-direction: column;align-items: flex-start;}
  .m-solution-feature-card__title {font-size: 28px;}
}

@media (max-width: 992px) {
  .m-solution-hero {min-height: 640px;}
  .m-solution-hero__container {min-height: 640px;padding-top: 40px;}
  .m-solution-hero__tabs {grid-template-columns: 1fr;}
  .m-solution-hero__tab {min-height: 48px;border-right: 0;border-bottom: 1px solid rgba(228, 224, 219, 0.2);}
  .m-solution-hero__tab:last-child {border-bottom: 0;}
  .m-solution-cabinet-card,
  .m-solution-cabinet-card--reverse {grid-template-columns: 1fr;}
  .m-solution-cabinet-card__media,
  .m-solution-cabinet-card--reverse .m-solution-cabinet-card__media {min-height: 420px;border-radius: 15px 15px 0 0;}
  .m-solution-cabinet-card__content {padding: 40px 28px;}
  .m-solution-step-card__index {font-size: 48px;}
  .m-solution-cabinet-card__title{padding-right: 0;}
  .m-solution-workflows__grid {grid-template-columns: repeat(1, 1fr);}
  .m-solution-cabinet-card--reverse .m-solution-cabinet-card__media{order:1;}
  .m-solution-cabinet-card--reverse .m-solution-cabinet-card__content{order:2;}
  .m-solution-workflows__grid{margin-top: 36px;}
  .m-solution-hardware__content{padding-right: 0;}
  .m-solution-hardware__list{grid-template-columns: repeat(1, 1fr);margin-top: 38px;}
  .m-solution-projects__grid{grid-template-columns: repeat(1, 1fr);}
  .m-solution-step-card__title {font-size: 18px;}
  .m-solution-hero__cta, .m-solution-outline-btn{padding:12px 38px}
}

@media (max-width: 768px) {
  .m-solution-cabinets,
  .m-solution-workflows,
  .m-solution-hardware,
  .m-solution-projects,
  .m-solution-process,
  .m-solution-request {padding: 72px 0;}
  .m-solution-hero {min-height: 560px;}
  .m-solution-hero__container {min-height: 560px;padding-bottom: 150px;}
  .m-solution-hero__title,
  .m-solution-section-head__title,
  .m-solution-request__title,
  .m-solution-projects__title,
  .m-solution-cabinet-card__title {font-size: 28px;}
  .m-solution-hero__eyebrow,
  .m-solution-section-head__eyebrow,
  .m-solution-process__eyebrow,
  .m-solution-projects__eyebrow,
  .m-solution-cabinet-card__label {font-size: 16px;}
  .m-solution-hero__desc,
  .m-solution-section-head__desc,
  .m-solution-cabinet-card__desc,
  .m-solution-feature-card__desc,
  .m-solution-hardware__item-desc,
  .m-solution-step-card__desc,
  .m-solution-request__desc,
  .m-solution-projects__desc {font-size: 14px;line-height: 24px;}
  .m-solution-project-card__title {bottom: 24px;font-size: 20px;}
  .m-solution-step-card {min-height: 200px;padding: 36px 24px 28px;}
  .m-solution-request__benefits li {font-size: 18px;}
  .m-solution-form {padding: 28px 20px;}
}


/* solution-bathroom */
.m-solution-bathroom-page {background: #ffffff;color: #1c1c1c;}
.m-solution-bathroom-page img {display: block;max-width: 100%;}
.m-solution-bathroom-hero {position: relative;min-height: 720px;overflow: hidden;background: #121212;}
.m-solution-bathroom-hero__media,
.m-solution-bathroom-hero__overlay {position: absolute;inset: 0;}
.m-solution-bathroom-hero__overlay {background: linear-gradient(90deg,rgba(0, 0, 0, 0.75) 0%,rgba(0, 0, 0, 0.3) 52%,rgba(0, 0, 0, 0) 100%);}
.m-solution-bathroom-hero__container {position: relative;z-index: 1;display: flex;align-items: center;min-height: 720px;padding-bottom: 104px;}
.m-solution-bathroom-hero__content {max-width: 640px;}
.m-solution-bathroom-hero__eyebrow,
.m-solution-bathroom-head__eyebrow {margin: 0 0 18px;color: #f05a22;font-size: 22px;font-weight: 500;line-height: 1.2;}
.m-solution-bathroom-head__eyebrow{position: relative;padding-left: 44px;}
.m-solution-bathroom-head__eyebrow::before{content: '';position: absolute;top: 50%;left: 0;width: 32px;height: 2px;background: #F05A22;transform: translateY(-50%);}
.m-solution-bathroom-hero__title,
.m-solution-bathroom-head__title,
.m-solution-bathroom-gallery__title{margin: 0;font-size: 48px;font-weight: 700;line-height: 1.15;}
.m-solution-bathroom-hero__title,
.m-solution-bathroom-gallery__title{color: #ffffff;}
.m-solution-bathroom-head__title {color: #1c1c1c;}
.m-solution-bathroom-hero__desc,
.m-solution-bathroom-head__desc,
.m-solution-bathroom-gallery__desc,
.m-solution-bathroom-feature__desc,
.m-solution-bathroom-quality__desc{font-size: 16px;line-height: 1.75;}
.m-solution-bathroom-hero__desc {max-width: 500px;margin: 30px 0 0;color: rgba(255, 255, 255, 0.8);}
.m-solution-bathroom-hero__actions {display: flex;flex-wrap: wrap;gap: 16px;margin-top: 40px;}
.m-solution-bathroom-btn {display: inline-flex;align-items: center;justify-content: center;gap: 10px;min-height: 52px;padding: 14px 38px;border-radius: 6px;text-decoration: none;transition: opacity 0.25s ease, transform 0.25s ease, color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;}
.m-solution-bathroom-btn--primary {background: #f05a22;color: #ffffff;}
.m-solution-bathroom-btn--outline {border: 1.176px solid rgba(255, 255, 255, 0.45);color: #ffffff;}
.m-solution-bathroom-btn--compact {min-height: 50px;padding: 14px 32px;}
.m-solution-bathroom-btn--wide {min-width: 331px;}
.m-solution-bathroom-btn:hover {transform: translateY(-1px);opacity: 0.92;}
.m-solution-bathroom-btn--primary:hover {color: #ffffff;}
.m-solution-bathroom-btn--outline:hover {color: #f05a22;border-color: #f05a22;}
.m-solution-bathroom-systems,
.m-solution-bathroom-quality,
.m-solution-bathroom-gallery,
.m-solution-bathroom-process{padding: 104px 0;}
.m-solution-bathroom-quality,
.m-solution-bathroom-process {background: #f7f7f8;}
.m-solution-bathroom-gallery{background: #2a2a2a;}
.m-solution-bathroom-head {margin-bottom: 60px;}
.m-solution-bathroom-head--compact {margin-bottom: 0;}
.m-solution-bathroom-head--center {max-width: 760px;margin-right: auto;margin-left: auto;text-align: center;}
.m-solution-bathroom-head__desc {max-width: 560px;margin: 18px 0 0;color: #666666;}
.m-solution-bathroom-head--center .m-solution-bathroom-head__desc {margin-right: auto;margin-left: auto;}
.m-solution-bathroom-systems__filters {display: flex;flex-wrap: wrap;justify-content: flex-end;gap: 0;margin-bottom: 40px;}
.m-solution-bathroom-systems__filter {min-height: 39px;padding: 9px 36px;border: 1px solid #d8d2cc;border-radius: 6px;background: transparent;color: #555555;font-size: 13px;font-weight: 500;letter-spacing: 0.65px;white-space: nowrap;}
.m-solution-bathroom-systems__filter + .m-solution-bathroom-systems__filter {margin-left: 12px;}
.m-solution-bathroom-systems__filter:hover,
.m-solution-bathroom-systems__filter.is-active {border-color: #f05a22;background: #f05a22;color: #ffffff;}
.m-solution-bathroom-systems__panels {position: relative;}
.m-solution-bathroom-feature {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));overflow: hidden;border-radius: 15px;}
.m-solution-bathroom-feature[hidden] {display: none;}
.m-solution-bathroom-feature__media {overflow: hidden;}
.m-solution-bathroom-feature__media img {width: 100%;height: 100%;object-fit: cover;}
.m-solution-bathroom-feature__media:hover img{transform: scale(1.08);}
.m-solution-bathroom-feature__content {display: flex;flex-direction: column;justify-content: center;padding: 72px 64px;background: #f7f7f8;}
.m-solution-bathroom-feature__eyebrow {margin: 0 0 18px;color: #f05a22;font-size: 22px;font-weight: 500;line-height: 1.2;position: relative;padding-left: 44px;}
.m-solution-bathroom-feature__eyebrow::before{content: '';position: absolute;top: 50%;left: 0;width: 32px;height: 2px;background: #F05A22;transform: translateY(-50%);;}
.m-solution-bathroom-feature__title {margin: 0;color: #1c1c1c;font-size: 38px;font-weight: 700;line-height: 1.2;}
.m-solution-bathroom-feature__desc {margin: 20px 0 0;color: #666666;}
.m-solution-bathroom-feature__tags {display: flex;flex-wrap: wrap;gap: 12px 14px;padding: 0;margin: 36px 0 0;list-style: none;}
.m-solution-bathroom-feature__tags li {padding: 6px 14px;border: 1px solid #f05a22;border-radius: 6px;color: #f05a22;font-size: 12px;letter-spacing: 0.72px;}
.m-solution-bathroom-feature__tags li:hover{transform: translateY(-5px);}
.m-solution-bathroom-feature .m-solution-bathroom-btn {align-self: flex-start;margin-top: 40px;}
.m-solution-bathroom-quality__visual {overflow: hidden;border-radius: 0 15px 15px 0;}
.m-solution-bathroom-quality__visual img {width: 100%;height: auto;}
.m-solution-bathroom-quality__list {margin-top: 48px;}
.m-solution-bathroom-quality__item {display: flex;gap: 20px;padding: 22px 0;border-bottom: 1px solid #e0dbd5;}
.m-solution-bathroom-quality__index {flex: 0 0 36px;display: inline-flex;align-items: center;justify-content: center;width: 36px;height: 36px;margin-top: 2px;background: #f05a22;color: #ffffff;font-size: 13px;font-weight: 700;line-height: 1;}
.m-solution-bathroom-quality__title {margin: 0;color: #1c1c1c;font-size: 16px;font-weight: 600;line-height: 1.5;}
.m-solution-bathroom-quality__desc {margin: 6px 0 0;color: #888888;line-height: 1.65;}
.m-solution-bathroom-gallery__head {display: flex;align-items: flex-start;justify-content: space-between;gap: 48px;margin-bottom: 60px;}
.m-solution-bathroom-gallery__desc {max-width: 440px;margin: 104px 44px 0 0;color: rgba(255, 255, 255, 0.5);line-height: 28.8px;}
.m-solution-bathroom-gallery__grid {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));grid-template-rows: 420px 340px;gap: 16px;}
.m-solution-bathroom-gallery__card {position: relative;overflow: hidden;border-radius: 15px;}
.m-solution-bathroom-gallery__card::after {content: "";position: absolute;inset: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.78) 100%);pointer-events: none;}
.m-solution-bathroom-gallery__card img {width: 100%;height: 100%;object-fit: cover;}
.m-solution-bathroom-gallery__card--large {grid-row: 1 / span 2;}
.m-solution-bathroom-gallery__card--medium {grid-column: 2;grid-row: 1;}
.m-solution-bathroom-gallery__card--small {grid-column: 2;grid-row: 2;}
.m-solution-bathroom-gallery__card--tall {grid-column: 3;grid-row: 1 / span 2;}
.m-solution-bathroom-gallery__card__media{border-radius: 15px;overflow: hidden;}
.m-solution-bathroom-gallery__card__media:hover img{transform: scale(1.08);}
.m-solution-bathroom-gallery__card__desc{padding:104px 45px 80px;line-height: 1.8;color:rgba(255, 255, 255, 0.5);}
.m-solution-bathroom-gallery__badge {position: absolute;top: 24px;left: 24px;z-index: 1;padding: 10px 14px;background: #f05a22;color: #ffffff;font-size: 11px;font-weight: 600;letter-spacing: 1.1px;text-transform: uppercase;}
.m-solution-bathroom-gallery__card-title {position: absolute;right: 24px;bottom: 24px;left: 24px;z-index: 1;margin: 0;color: #ffffff;font-size: 22px;font-weight: 600;line-height: 1.5;}
.m-solution-bathroom-gallery__card--large .m-solution-bathroom-gallery__card-title {font-size: 28px;font-weight: 700;line-height: 1.5;}
.m-solution-bathroom-gallery__action {margin-top: 52px;text-align: center;}
.m-solution-bathroom-gallery__action .m-solution-bathroom-btn--outline{border: 1.176px solid #F05A22;color: #F05A22;}
.m-solution-bathroom-process__grid {border-top: 1px solid #e4e0db;border-left: 1px solid #e4e0db;background: #ffffff;}
@media (max-width: 1400px) {
  .m-solution-bathroom-hero__title,
  .m-solution-bathroom-head__title,
  .m-solution-bathroom-gallery__title{font-size: 40px;}
  .m-solution-bathroom-feature__content {padding: 56px 44px;}
}

@media (max-width: 1200px) {
  .m-solution-bathroom-gallery__head {flex-direction: column;}
  .m-solution-bathroom-gallery__desc {max-width: 100%;margin: 0;}
  .m-solution-bathroom-gallery__grid {grid-template-columns: repeat(2, minmax(0, 1fr));grid-template-rows: repeat(3, 320px);}
  .m-solution-bathroom-gallery__card--large {grid-column: 1;grid-row: 1 / span 2;}
  .m-solution-bathroom-gallery__card--medium {grid-column: 2;grid-row: 1;}
  .m-solution-bathroom-gallery__card--small {grid-column: 2;grid-row: 2;}
  .m-solution-bathroom-gallery__card--tall {grid-column: 1 / span 2;grid-row: 3;}
}

@media (max-width: 992px) {
  .m-solution-bathroom-hero {min-height: 640px;}
  .m-solution-bathroom-hero__container {min-height: 640px;padding-top: 40px;}
  .m-solution-bathroom-systems__filters {justify-content: flex-start;margin-top: 0;gap:10px;}
  .m-solution-bathroom-systems__filter{padding: 8px 10px;}
  .m-solution-bathroom-systems__filter + .m-solution-bathroom-systems__filter{margin-left: 0;}
  .m-solution-bathroom-feature {grid-template-columns: 1fr;}
  .m-solution-bathroom-feature__media {min-height: 360px;}
  .m-solution-bathroom-quality__visual {border-radius: 15px;}
  .m-solution-bathroom-gallery__head{margin-bottom: 30px;}
}

@media (max-width: 768px) {
  .m-solution-bathroom-systems,
  .m-solution-bathroom-quality,
  .m-solution-bathroom-gallery,
  .m-solution-bathroom-process{padding: 72px 0;}
  .m-solution-bathroom-hero {min-height: 580px;}
  .m-solution-bathroom-hero__container {min-height: 580px;padding-bottom: 150px;}
  .m-solution-bathroom-hero__title,
  .m-solution-bathroom-head__title,
  .m-solution-bathroom-gallery__title,
  .m-solution-bathroom-feature__title {font-size: 30px;}
  .m-solution-bathroom-hero__eyebrow,
  .m-solution-bathroom-head__eyebrow,
  .m-solution-bathroom-feature__eyebrow {font-size: 16px;}
  .m-solution-bathroom-hero__desc,
  .m-solution-bathroom-head__desc,
  .m-solution-bathroom-gallery__desc,
  .m-solution-bathroom-feature__desc,
  .m-solution-bathroom-quality__desc{font-size: 14px;line-height: 24px;}
  .m-solution-bathroom-feature__content {padding: 36px 24px;}
  .m-solution-bathroom-gallery__grid {grid-template-columns: 1fr;grid-template-rows: repeat(4, 280px);}
  .m-solution-bathroom-gallery__card--large,
  .m-solution-bathroom-gallery__card--medium,
  .m-solution-bathroom-gallery__card--small,
  .m-solution-bathroom-gallery__card--tall {grid-column: auto;grid-row: auto;}
  .m-solution-bathroom-btn--wide {width: 100%;min-width: 0;}
}



/* customization */
.m-customization-page {background: #ffffff;color: #1c1c1c;}
.m-customization-hero {position: relative;min-height: 720px;overflow: hidden;background: #121212;}
.m-customization-hero__media,
.m-customization-hero__overlay {position: absolute;inset: 0;}
.m-customization-hero__overlay {background: linear-gradient( 90deg, rgba(0, 0, 0, 0.74) 0%, rgba(0, 0, 0, 0.34) 52%, rgba(0, 0, 0, 0) 100%);}
.m-customization-hero__container {position: relative;z-index: 1;display: flex;align-items: center;min-height: 720px;padding-bottom: 104px;}
.m-customization-hero__content {max-width: 640px;}
.m-customization-hero__eyebrow,
.m-customization-head__eyebrow{margin: 0 0 18px;color: #f05a22;font-size: 22px;font-weight: 500;line-height: 1.2;}
.m-customization-hero__title,
.m-customization-head__title{margin: 0;font-size: 48px;font-weight: 700;line-height: 1.15;}
.m-customization-hero__title{color: #ffffff;}
.m-customization-head__title {color: #1c1c1c;}
.m-customization-head__title--light {color: #ffffff;}
.m-customization-hero__desc,
.m-customization-head__desc,
.m-customization-capability-card__desc,
.m-customization-rnd__desc,
.m-customization-factory__stat-desc,
.m-customization-step-card__desc{font-size: 16px;line-height: 28px;}
.m-customization-hero__desc {max-width: 500px;margin: 24px 0 0;color: rgba(255, 255, 255, 0.8);}
.m-customization-hero__actions {display: flex;flex-wrap: wrap;gap: 16px;margin-top: 40px;}
.m-customization-btn {display: inline-flex;align-items: center;justify-content: center;gap: 10px;min-height: 52px;padding: 14px 38px;border-radius: 6px;text-decoration: none;transition: opacity 0.25s ease, transform 0.25s ease, color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;}
.m-customization-btn--primary {background: #f05a22;color: #ffffff;}
.m-customization-btn--outline {border: 1px solid rgba(255, 255, 255, 0.45);color: #ffffff;}
.m-customization-btn--compact {min-height: 48px;padding: 14px 32px;}
.m-customization-btn:hover {transform: translateY(-1px);opacity: 0.92;}
.m-customization-btn--primary:hover,
.m-customization-btn--outline:hover {color: #ffffff;}
.m-customization-capabilities,
.m-customization-rnd,
.m-customization-factory,
.m-customization-process,
.m-customization-scenarios{padding: 104px 0;overflow: hidden;}
.m-customization-capabilities{padding-bottom: 0;}
.m-customization-rnd,
.m-customization-scenarios {background: #f7f7f8;}
.m-customization-process{background: #1c1c1c;}
.m-customization-head {margin-bottom: 60px;}
.m-customization-head--center {margin-right: auto;margin-left: auto;text-align: center;}
.m-customization-head--compact {margin-bottom: 0;}
.m-customization-head__desc {max-width: 680px;margin: 18px 0 0;color: #666666;}
.m-customization-head__desc p{margin-bottom: 0; }
.m-customization-head__desc--wide {max-width: 866px;}
.m-customization-head__desc--light {color: rgba(255, 255, 255, 0.68);}
.m-customization-head--center .m-customization-head__desc {margin-right: auto;margin-left: auto;}
.m-customization-capabilities__list {display: grid;gap: 0;}
.m-customization-capability-card {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));overflow: hidden;min-height: 720px;}
.m-customization-capability-card__media {min-height: 720px;order:1;}
.m-customization-capability-card__media img {width: 100%;height: 100%;object-fit: cover;}
.m-customization-capability-card__content {display: flex;flex-direction: column;justify-content: center;padding:72px 80px;background: #ffffff;order:2;}
.m-customization-capability-card:first-of-type .m-customization-capability-card__content {background-color: #f7f7f8;}
.m-customization-capability-card--reverse .m-customization-capability-card__media {order:2;}
.m-customization-capability-card--reverse .m-customization-capability-card__content {order:1;}
.m-customization-capability-card__label {margin: 0 0 18px;color: #f05a22;font-size: 22px;font-weight: 500;line-height: 1.2;}
.m-customization-capability-card__title {margin: 0;color: #1c1c1c;font-size: 38px;font-weight: 700;line-height: 1.2;}
.m-customization-capability-card__desc {max-width: 600px;margin: 20px 0 0;color: #666666;}
.m-customization-capability-card__desc p{margin-bottom: 0;}
.m-customization-capability-card__tags {display: flex;flex-wrap: wrap;gap: 11px 12px;padding: 0;margin: 65px 0 0;list-style: none;}
.m-customization-capability-card__tags li {padding: 6px 14px;border: 1px solid #f05a22;border-radius: 6px;color: #f05a22;font-size: 16px;}
.m-customization-capability-card__tags li:hover{transform: translateY(-3px);}
.m-customization-capability-card .m-customization-btn {align-self: flex-start;margin-top: 40px;}
.customization-rnd__left{padding-right: 48px;}
.customization-rnd__right{padding-left: 48px;}
.m-customization-rnd__visual {overflow: hidden;border-radius: 15px;}
.m-customization-rnd__visual img {width: 100%;height: auto;}
.m-customization-rnd__list {margin-top: 48px;}
.m-customization-rnd__item {display: flex;gap: 20px;padding: 24px 0;border-bottom: 1px solid #ded8d1;}
.m-customization-rnd__index {flex: 0 0 40px;display: inline-flex;align-items: center;justify-content: center;width: 40px;height: 40px;background: #f05a22;color: #ffffff;font-size: 13px;font-weight: 700;line-height: 1.5;}
.m-customization-rnd__title {margin: 0;color: #1c1c1c;font-size: 16px;font-weight: 600;line-height: 1.5;}
.m-customization-rnd__desc {margin: 6px 0 0;color: #888888;line-height: 1.65;}
.m-customization-factory__layout {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));overflow: hidden;border-radius: 15px;}
.m-customization-factory__stats {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 0;padding: 72px 64px;background: #1c1c1c;}
.m-customization-factory__stat {padding:40px 32px;}
.m-customization-factory__stat:nth-of-type(2){padding-right: 0;}
.m-customization-factory__stat:nth-of-type(1),
.m-customization-factory__stat:nth-of-type(3) {border-right: 1.176px solid rgba(255, 255, 255, 0.08);}
.m-customization-factory__stat:nth-of-type(1),
.m-customization-factory__stat:nth-of-type(2) {border-bottom: 1.176px solid rgba(255, 255, 255, 0.08);}
.m-customization-factory__number {display: flex;align-items: baseline;gap: 12px;margin-bottom: 14px;color: #f05a22;}
.m-customization-factory__number span {font-size: 42px;font-weight: 700;line-height: 1;}
.m-customization-factory__number small {font-size: 20px;font-weight: 500;line-height: 1;}
.m-customization-factory__stat-title {margin: 0;color: #ffffff;font-size: 14px;font-weight: 600;line-height: 1.4;}
.m-customization-factory__stat-desc {margin: 8px 0 0;color: rgba(255, 255, 255, 0.5);font-size: 14px;line-height: 1.65;}
.m-customization-factory__visual img {width: 100%;height: 100%;min-height: 626px;object-fit: cover;}
.m-customization-process__grid {display: grid;grid-template-columns: repeat(6, 1fr);gap: 12px;overflow: hidden;}
.m-customization-process .m-customization-head{margin-bottom: 72px;}
.m-custom-process__item{display: flex;align-items: center;flex-direction: column;}
.m-customization-step-card {min-height: 236px; padding: 28px 24px;border: 1px solid rgba(255, 255, 255, 0.08);background: rgba(255, 255, 255, 0.05);border-radius: 15px;overflow: hidden;}
.m-customization-step-card__index {display: inline-flex;align-items: center;justify-content: center;width: 56px;height: 56px;margin-bottom: 32px;border-radius: 50%;background: #f05a22;color: #ffffff;font-size: 22px;font-weight: 700;line-height: 1;position:relative;border: 2.941px solid #2A2A2A;}
.m-customization-step-card__index::after{position: absolute;content:'';width: 2px;height: 32px;background: rgba(255, 255, 255, 0.12);bottom: -35px;}
.m-customization-step-card__title {margin: 0 0 12px;color: #ffffff;font-size: 16px;font-weight: 600;line-height: 1.5;}
.m-customization-step-card__desc {margin: 0;color: rgba(255, 255, 255, 0.68);font-size: 14px;line-height: 1.7;}
.m-customization-scenarios__grid {margin-top: 20px;display: grid;grid-template-columns: repeat(4, 1fr);gap: 16px;}
.m-customization-scene-card {position: relative;overflow: hidden;border-radius: 10px;aspect-ratio: 79 / 84;}
.m-customization-scene-card:hover{transform: translateY(-3px);}
.m-customization-scene-card img {width: 100%;height: 100%;object-fit: cover;}
.m-customization-scene-card__overlay {position: absolute;inset: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 42%, rgba(0, 0, 0, 0.76) 100%);}
.m-customization-scene-card__title {position: absolute;right: 24px;bottom: 24px;left: 24px;margin: 0;color: #ffffff;font-size: 22px;font-weight: 600;line-height: 1.5;}

@media (max-width: 1400px) {
  .m-customization-hero__title,
  .m-customization-head__title,
  .m-customization-capability-card__title {font-size: 36px;}
  .m-customization-capability-card__content {padding: 56px 44px;}
  .m-customization-factory__stats {padding: 52px 40px;}
}

@media (max-width: 1200px) {
  .m-customization-capability-card__title {font-size: 30px;}
  .m-customization-factory__layout {grid-template-columns: 1fr;}
  .m-customization-factory__visual img {min-height: 420px;}
}

@media (max-width: 992px) {
  .m-customization-hero {min-height: 640px;}
  .m-customization-hero__container {min-height: 640px;padding-top: 40px;}
  .m-customization-capability-card,
  .m-customization-capability-card--reverse {grid-template-columns: 1fr;}
  .m-customization-capability-card__media {min-height: 360px;}
  .m-customization-capability-card--reverse .m-customization-capability-card__media {order:1;}
  .m-customization-capability-card--reverse .m-customization-capability-card__content {order:2;}
  .customization-rnd__left{padding-right: 0;}
  .customization-rnd__right{padding-left: 0;}
  .m-customization-process__grid {display: grid;grid-template-columns: repeat(3, 1fr);gap:20px;}
}

@media (max-width: 768px) {
  .m-customization-capabilities,
  .m-customization-rnd,
  .m-customization-factory,
  .m-customization-process,
  .m-customization-scenarios{padding: 72px 0;}
  .m-customization-hero {min-height: 580px;}
  .m-customization-hero__container {min-height: 580px;padding-bottom: 150px;}
  .m-customization-hero__title,
  .m-customization-head__title,
  .m-customization-capability-card__title {font-size: 28px;}
  .m-customization-hero__eyebrow,
  .m-customization-head__eyebrow,
  .m-customization-capability-card__label {font-size: 16px;}
  .m-customization-hero__desc,
  .m-customization-head__desc,
  .m-customization-capability-card__desc,
  .m-customization-rnd__desc,
  .m-customization-factory__stat-desc,
  .m-customization-step-card__desc{font-size: 14px;line-height: 24px;}
  .m-customization-capability-card__content {padding: 36px 24px;}
  .m-customization-rnd__item {gap: 14px;}
  .m-customization-factory__stats {grid-template-columns: 1fr;padding: 36px 24px;}
  .m-customization-factory__stat {padding: 0 0 28px;}
  .m-customization-scene-card__title {font-size: 22px;}
  .m-customization-form {padding: 28px 20px;}
  .m-customization-process__grid {display: grid;grid-template-columns: repeat(1, 1fr);}
  .m-customization-scenarios__grid {grid-template-columns: repeat(1, 1fr);}
  .m-customization-capability-card__tags{margin-top: 42px;}
  .m-customization-capability-card__tags li{font-size: 14px;}
  .m-customization-capability-card .m-customization-btn{margin-top: 28px;font-size: 14px;}
  .m-customization-btn--compact{padding:12px 22px;}
  .m-customization-rnd__list{margin-top: 32px;}
  .m-customization-factory__stat{padding:20px 0;border-bottom: 1px solid rgba(255, 255, 255, 0.08);}
  .m-customization-factory__stat:nth-of-type(1), .m-customization-factory__stat:nth-of-type(3){border-right: 0;}
  .m-customization-factory__number span{font-size: 28px;}
  .m-customization-process .m-customization-head{margin-bottom: 38px;}
  .m-customization-step-card{min-height: 180px;}
}