.site-main {overflow: hidden;}
.section-eyebrow {position: relative;display: inline-flex;align-items: center;gap: 16px;color: var(--color-primary);font-size: 22px;font-weight: bold;letter-spacing:  1.25px;text-transform: uppercase;}
.section-eyebrow::before {content: "";width: 48px;height: 4px;background: currentColor;}
.section-eyebrow--light {color: #ffffff;}
.section-title {margin: 0 0 18px;font-size: clamp(2rem, 3vw, 2.75rem);font-weight: bold;line-height: 1.1;color: #151b26;}
.section-title--light {color: #ffffff;}
.hero-banner {position: relative;min-height: 968px;padding: 293px 0 150px;background-color: #101828;}
.hero-banner__overlay {position: absolute;inset: 0;background-position: center;background-repeat: no-repeat;background-size: cover;opacity: 0.3;}
.hero-banner__overlay video{width: 100%;height: 100%;object-fit: cover;}
.hero-banner__container {position: relative;z-index: 1;}
.hero-banner__title {margin: 0;color: #ffffff;font-size: clamp(3rem, 5vw, 4.5rem);font-weight: bold;line-height: 1.25;letter-spacing: -0.023em;}
.hero-banner__title span {color: var(--color-primary);}
.hero-banner__actions {display: flex;flex-wrap: wrap;gap: 16px;margin-top: 128px;}
.hero-banner__scroll {position: absolute;left: 50%;bottom: 52px;z-index: 1;display: flex;flex-direction: column;align-items: center;gap: 8px;width: 62px;transform: translateX(-50%);}
.hero-banner__scroll-text {color: rgba(255, 255, 255, 0.72);font-size: 0.875rem;letter-spacing: 0.16em;text-transform: uppercase;}
.hero-banner__scroll-line {width: 1px;height: 32px;background: var(--color-primary);}
.products-panel {position: relative;z-index: 2;}
.products-panel__shell {position: relative;background: transparent;}
.products-panel__sidebar {position: relative;z-index: 2;min-height: 668px;margin-left: clamp(50px, 5vw, 150px);padding: 148px 0 34px 34px;color: #ffffff;box-shadow: none;}
.products-panel__sidebar::before {content: "";position: absolute;inset: 0;background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.1)), var(--products-image);background-position: center;background-size: cover;opacity: 0.22;pointer-events: none;}
.products-panel__sidebar-title {position: relative;z-index: 1;padding: 0 0 60px;font-size: clamp(36px, 3vw, 58px);font-weight: bold;line-height: 0.92;letter-spacing: -0.85px;margin-bottom: 0;}
.products-panel__sidebar-title::after{position: absolute;left: 0;bottom: 40px;width: 48px;height: 4px;background: rgba(255, 255, 255, 0.5);content: '';}
.products-panel__category-list {display: grid;gap: 12px;position: relative;z-index: 1;}
.products-panel__category {display: flex;align-items: center;justify-content: space-between;gap: 12px;min-height: 60px;padding: 16px 20px;border: 1px solid transparent;border-radius: 16px;color: rgba(255, 255, 255, 0.8);background: transparent;text-align: left;}
.products-panel__category.is-active,
.products-panel__category:hover {color: var(--color-primary);background: #ffffff;box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.10), 0 8px 10px -6px rgba(0, 0, 0, 0.10);transform: translateX(32px);}
.products-panel__category-text {font-size: 18px;font-weight: 700;}
.products-panel__category-arrow {font-size: 20px;line-height: 1;}
.products-panel__all-link {position: relative;z-index: 1;display: inline-flex;align-items: center;gap: 8px;margin-top: 48px;color: rgba(255, 255, 255, 0.90);
;font-size: 1rem;font-weight: 500;letter-spacing: -0.312px;line-height: 1.5;}
.products-panel__all-link::after {content: "\2192";font-size: 1rem;}
.products-panel__all-link:hover {color: #ffffff;transform: translateX(8px);}
.products-panel__content {position: relative;min-height: 1062px;margin-top: -49px;margin-left: 0;padding: 188px 182px 44px 140px;background: #ffffff;border-radius: 80px 0 0 80px;box-shadow: 0 25px 50px rgba(0, 0, 0, 0.25);overflow: hidden;}
.products-panel__heading {display: flex;align-items: center;justify-content: space-between;gap: 20px;margin-bottom: 32px;}
.products-panel__pane {display: none;overflow: hidden;}
.products-panel__pane.is-active {display: block;}
.products-panel__description {margin: 8px 0 0;color: #9aa3b2;font-size: 0.875rem;}
.products-panel__controls {display: flex;gap: 10px;}
.products-panel__arrow {display: flex; width: 44px;height: 44px;border: 1px solid #ebedf0;border-radius: 50%;background: #ffffff;transition: var(--transition-base);box-shadow: none;align-items: center;justify-content: center;}
.products-panel__arrow span {display: inline-block;width: 10px;height: 10px;border-right: 2px solid #1b2430;border-bottom: 2px solid #1b2430;}
.products-panel__arrow--prev span {transform: rotate(135deg);margin-left: 4px;}
.products-panel__arrow--next span {transform: rotate(-45deg);margin-right: 4px;}
.products-panel__arrow:hover {border-color: var(--color-primary);background: var(--color-primary);}
.products-panel__arrow:hover span {border-color: #ffffff;}
.product-card {position: relative;min-height: 400px;padding: 0;border-radius: 0;background: transparent;text-align: left;transition: var(--transition-base);}
.product-card:hover {transform: translateY(-4px);}
.product-card__badge {position: absolute;z-index: 1;top: 12px;left: 12px;display: inline-flex;align-items: center;justify-content: center;min-width: 36px;height: 20px;padding: 0 8px;border-radius: 999px;color: #ffffff;background: var(--color-primary);font-size: 0.56rem;font-weight: bold;letter-spacing: 0.03em;text-transform: uppercase;}
.products-swiper {overflow: visible;}
.products-swiper .swiper-wrapper {align-items: flex-start;}
.products-swiper .swiper-slide {width: 280px;height: auto;}
.product-card__image-container {position: relative;z-index: 1;max-width: 280px;height: 320px; background: #f9fafb;border: 1px solid #f3f4f6;border-radius: 30px;}
.product-card__image {position: absolute;bottom: 0;left: 0;width: 100%;object-fit: contain;}
.product-card__title {position: relative;z-index: 1;margin: 0 0 8px;color: #101828;font-size: 1.25rem;font-weight: bold;line-height: 1.4;margin-top: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.product-card__text {position: relative;z-index: 1;margin: 0;color: #6a7282;font-size: 0.875rem;line-height: 1.43;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.products-panel__pagination {display: none;}
.cases-showcase {position: relative;z-index: 100;margin-top: -180px;margin-right: 85px;overflow: auto;background-color: #0A0A0A;border-radius: 0 120px 0 0;}
.cases-showcase .cases-banner__overlay {position: absolute;inset: 0;background-position: center;background-repeat: no-repeat;background-size: cover;z-index: 0;}
.cases-showcase__shell {position: relative;padding: 140px 98px 115px 210px;border-top: 1px solid #101828;overflow: hidden;}
.cases-showcase .section-title {margin-bottom: 18px;font-size: clamp(36px, 3vw, 58px);position: relative;}
.cases-showcase .section-title::after{content: "";position: absolute;top: -32px;left: 0;width: 48px;height: 4px;background: var(--color-primary);}
.cases-showcase .accent {color: var(--color-primary);}
.cases-showcase__text {margin: 0;color: rgba(255, 255, 255, 0.72);max-width: 512px;font-size: 18px;line-height: 1.62;}
.cases-showcase__list {display: grid;gap: 0;margin-top: 48px;position: relative;z-index: 1;}
.cases-showcase__item {display: grid;grid-template-columns: 26px minmax(0, 1fr) 26px;align-items: self-start;gap: 14px;width: 100%;padding: 25px 0;border: 0;border-bottom: 1px solid #E5E7EB;color: rgba(255, 255, 255, 0.92);background: transparent;text-align: left;transition: var(--transition-base);}
.cases-showcase__item.is-active,
.cases-showcase__item:hover {color: #ffffff;}
.cases-showcase__item-index {color: #99A1AF;font-size: 14px;letter-spacing: 0.15px;}
.cases-showcase__item-body {display: block;min-width: 0;}
.cases-showcase__item-title {display: block;font-size: 24px;font-weight: bold;line-height: 1;}
.cases-showcase__item-text {display: none;max-width: 602px;margin-top: 16px;color: #99A1AF;font-size: 16px;line-height: 1.625;}
.cases-showcase__item.is-active .cases-showcase__item-text {display: block;}
.cases-showcase__item-arrow {position: relative;width: 32px;height: 32px;border-radius: 50%;background: #F3F4F6;transition: var(--transition-base);display: flex;align-items: center;justify-content: center;}
.cases-showcase__item-arrow img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.cases-showcase__item-arrow img:nth-child(2) {opacity: 0;}
.cases-showcase__item.is-active .cases-showcase__item-arrow {background: var(--color-primary);}
.cases-showcase__item.is-active .cases-showcase__item-arrow img:nth-child(1) {opacity: 0;}
.cases-showcase__item.is-active .cases-showcase__item-arrow img:nth-child(2) {opacity: 1;}
.cases-showcase__item.is-active .cases-showcase__item-index,
.cases-showcase__item.is-active .cases-showcase__item-title {color: var(--color-primary);}
.cases-showcase__media {position: relative;z-index: 1;padding-left: 40px;}
.cases-showcase__pane {position: relative;display: none;}
.cases-showcase__pane.is-active {display: block;}
.cases-showcase__image {width: 100%;min-height: 748px;object-fit: cover;border-radius: 0;border: 1px solid rgba(30, 41, 57, 0.5);box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);}
.cases-showcase__info {position: absolute;left: 40px;bottom: 20px;max-width: 320px;padding: 25px;border-radius: 24px 24px 24px 8px;background: rgba(16, 24, 40, 0.80);box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);}
.cases-showcase__tag {display: inline-flex;align-items: center;gap: 8px;margin-bottom: 16px;color: #FB2C36;font-size: 12px;font-weight: bold;letter-spacing: 1.2px;text-transform: uppercase;}
.cases-showcase__tag::before {content: "";width: 8px;height: 8px;border-radius: 50%;background: #FB2C36;opacity: 0.93;}
.cases-showcase__info-title {margin: 0 0 4px;color: #ffffff;font-size: 24px;font-weight: 700;line-height: 1.3;}
.cases-showcase__info-text {margin: 0;color: #99A1AF;font-size: 14px;line-height: 1.42;letter-spacing: -0.15px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.about-overview {padding: 128px 0;background-color: #ffffff;position: relative;z-index: 1;}
.about-overview__shell {padding: 0;}
.about-overview__media {position: relative;padding-right: 24px;}
.about-overview__media::after {content: "";position: absolute;top: 24px;left: 24px;width: calc(100% - 24px);height: 100%;border: 1px solid rgba(231, 0, 11, 0.3);border-radius:40px;pointer-events: none;z-index: 0;}
.about-overview__image {width: 100%;min-height: 650px;object-fit: cover;border-radius: 10px 40px 10px 40px;box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);position: relative;z-index: 1;}
.about-overview__play {position: absolute;inset: 50% auto auto 50%;display: grid;place-items: center;width: 70px;height: 70px;border: 0;border-radius: 50%;background: var(--color-primary);box-shadow: 0 18px 42px rgba(239, 32, 40, 0.4);transform: translate(-50%, -50%);z-index: 10;}
.about-overview__play span {width: 0;height: 0;margin-left: 5px;border-top: 11px solid transparent;border-bottom: 11px solid transparent;border-left: 17px solid #ffffff;}
.about-overview__title span {display: block;}
.about-overview__stamp {position: absolute;right: -50px;bottom: -50px;display: flex;gap: 16px;padding: 25px;border-radius: 16px;background: rgba(255, 255, 255);z-index: 2;align-items: center;box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.10), 0 8px 10px -6px rgba(0, 0, 0, 0.10);border: 1px solid #F3F4F6;}
.about-overview__stamp .about-overview__stamp-icon{width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;border-radius: 14px;border: 1px solid #FFE2E2;background-color: #FFE2E2;}
.about-overview__stamp strong {font-size:18px;font-weight: bold;letter-spacing: -0.44px;line-height: 1.5;color:#101828;}
.about-overview__stamp p {font-size: 14px;color: #6A7282;line-height: 1.42;margin-bottom: 0;}
.about-overview__text {margin: 0 0 24px;color: #4a5565;font-size: 1.125rem;line-height: 1.625;}
.about-overview__stats {padding:40px 0;margin-top: 38px; row-gap: 18px;border-top: 1px solid #E5E7EB;border-bottom: 1px solid #E5E7EB;}
.about-overview__stat strong {display: block;margin-bottom: 8px;color: #111827;font-size: clamp(28px, 2vw, 48px);font-weight: bold;line-height: 1;}
.about-overview__stat strong .about-overview__stat-red{color: #E7000B;letter-spacing: 0.352px;}
.about-overview__stat .about-overview__stat-text {display: block;color: #6A7282;font-size: 12px;letter-spacing: 0.6px;text-transform: uppercase; }
.about-info__content{padding-left: 72px;}
.about-info__content .section-title{font-size: clamp(36px, 3vw, 56px);color:#101828;line-height: 1.12;letter-spacing: -1.236px;}
.about-info__content .about-overview__title-sub{color: #D1D5DC;line-height: 1.12;letter-spacing: -1.236px;}
.about-overview__button{margin-top: 12px;display: inline-flex;align-items: center; gap: 12px;min-height: 56px;min-width: 250px;font-size: 16px;font-weight: 500;}
.about-overview__button img {transform: rotate(-90deg);}

.why-choose {position: relative;margin-left: 98px;}
.why-choose__shell {position: relative;padding: 128px 80px 96px 182px;border-top: 1px solid #101828;border-radius: 0 0 0 120px;background-size: cover;background-position: center;overflow: hidden;}
.why-choose__left{padding-right: 2%;}
.why-choose__right{padding-left: 3.8%;}
.why-choose .section-title{font-size: clamp(36px, 3vw, 58px);color:#ffffff;line-height: 1;letter-spacing: -0.848px;margin-bottom: 0;}
.why-choose .section-title p{margin-bottom: 0;}
.why-choose .section-title span{color: var(--color-primary);}
.why-choose__text {color: #99A1AF;line-height: 1.62;letter-spacing: -0.439px;margin-bottom: 0;font-size: 18px;}
.why-choose__lead-mark {display: inline-block;width: 48px;height: 4px;margin: 40px 0 33px;background: var(--color-primary);}
.why-choose__button {display: inline-flex;gap: 12px;margin-top: 38px;align-items: center;}
.why-cright__list{display: grid;grid-template-columns: repeat(2, 1fr);gap: 32px;}
.why-card {position: relative;height: 100%;padding: 32px;border: 1px solid rgba(30, 41, 57, 0.6);border-radius: 16px;background: #0A0A0A;transition: var(--transition-base);}
.why-card:nth-child(2n){margin-top: 32px;}
.why-card:hover {transform: translateY(-6px);border-color: rgba(239, 32, 40, 0.34);}
.why-card__icon {display: inline-flex;align-items: center;justify-content: center;width: 56px;height: 56px;margin-bottom: 32px;border: 1px solid #1e2939;border-radius: 14px;background: rgba(16, 24, 40, 0.5);}
.why-card__title {margin: 0 0 12px;color: #ffffff;font-size: 1.25rem;font-weight: bold;line-height: 1.4;letter-spacing: -0.449px;}
.why-card__text {margin: 0;color: #99a1af;font-size: 0.875rem;line-height: 1.625;letter-spacing: -0.15px;}

.contact-section {position: relative;padding: 96px 0;}
.contact-section__shell {padding: 0;}
.contact-section .section-title{font-size: clamp(36px, 3vw, 58px);color:#ffffff;line-height: 1;letter-spacing: -0.53px;margin-bottom: 0;}
.contact-section__lead-mark {display: inline-block;width: 48px;height: 4px;margin:32px 0;background: #ffffff;}
.contact-section__intro {max-width: 746px;color: rgba(255, 255, 255);font-size: 1.125rem;line-height: 1.5;letter-spacing: -0.439px;margin-bottom: 0;}
.contact-section__info-list {display: grid;gap: 24px;margin-top: 48px;}
.contact-section__info-item {display: grid;grid-template-columns: 48px 1fr;gap: 16px;align-items: center;}
.contact-section__info-icon {display: inline-flex;align-items: center;justify-content: center;width: 48px;height: 48px;border-radius: 4px;background: #f9fafb;}
.contact-section__info-icon img {width: 24px;height: 24px;}
.contact-section__info-item strong {display: block;margin-bottom: 4px;color: #ffffff;font-size: 1.125rem;font-weight: bold;}
.contact-section__info-item span {color: rgba(255, 255, 255, 0.84);font-size: 1rem;}
.contact-section__info-item a:hover {color: #ffffff;}
.contact-form {padding: 32px;border-radius: 4px;background: #ffffff;box-shadow: 0 25px 25px rgba(0, 0, 0, 0.25);}
.contact-form__title {margin: 0 0 24px;color: #101828;font-size: 1.5rem;font-weight: bold;line-height: 1.333;}
.contact-form__label {display: block;margin-bottom: 4px;color: #364153;font-size: 0.875rem;font-weight: 500;}
.contact-form__input {width: 100%;min-height: 50px;padding: 12px 16px;border: 1px solid #e4e7ec;border-radius: 4px;color: #111827;background: #f9fafb;outline: none;transition: var(--transition-base);}
.contact-form__input::placeholder {color: rgba(16, 24, 40, 0.5);}
.contact-form__input:focus {border-color: var(--color-primary);box-shadow: 0 0 0 4px rgba(239, 32, 40, 0.08);}
.contact-form__input.is-invalid {border-color: var(--color-primary);background: rgba(239, 32, 40, 0.03);}
.contact-form__input--textarea {min-height: 122px;resize: vertical;}
.contact-form__feedback {min-height: 24px;color: #aa0e16;font-size: 0.9rem;font-weight: 700;}
.contact-form__feedback.is-success {color: #137d44;}
.contact-form__submit {width: 100%;min-height: 56px;border-radius: 4px;}

.bg-main__box{background: #E7000B;position: relative;}
.bg-main__box .main-banner__overlay {position: absolute;inset: 0;background-position: center;background-repeat: no-repeat;background-size: cover;opacity: 0.2;z-index: 0;}

@media (max-width: 1480px) {
  .products-panel__content {padding:188px 132px 44px 120px;}
  .products-panel__sidebar{padding:148px 0 34px;}
  .why-choose__shell{padding: 108px 80px 96px 152px;}
}
@media (max-width: 1200px) {
  .hero-banner {min-height: 780px;padding: 230px 0 136px;}
  .products-panel__content,
  .cases-showcase__shell,
  .why-choose__shell {padding: 42px 32px;}
  .products-panel__sidebar {min-height: 560px;margin-top: 42px;padding: 34px 24px 26px;}
  .products-panel__content {min-height: 780px;padding-left: 72px;padding-top: 120px;}
  .cases-showcase{margin-top: -50px;}
  .why-choose__shell{padding: 98px 80px 96px 132px;}
}

@media (max-width: 992px) {
  .hero-banner {min-height: 640px;padding: 180px 0 118px;}
  .products-panel {padding-bottom: 92px;}
  .products-panel__shell {background: transparent;border-radius: 0;box-shadow: none;overflow: visible;}
  .products-panel__sidebar {min-height: auto;margin-top: 0;margin-left:0; border-radius: 0;}
  .products-panel__content {margin-left: 0;min-height: auto;border-radius: 0;box-shadow: none;padding-left: 32px; margin-top: 0;}
  .products-swiper {overflow: hidden;}
  .products-swiper .swiper-slide {width: auto;}
  .products-panel__all-link{margin-top: 30px;}
  .cases-showcase{margin-right: 0;margin-top: 0;border-radius: 0;}
  .cases-showcase__image {min-height: 420px;}
  .cases-showcase__shell {padding: 96px 42px;}
  .cases-showcase__media {padding-left: 0;}
  .cases-showcase__text{max-width: 100%;}
  .cases-showcase__text{font-size: 16px;}
  .cases-showcase__list{margin-top: 32px;}
  .cases-showcase__item-arrow{width: 28px;height: 28px;}
  .cases-showcase__row{gap:30px;}
  .why-choose__lead-mark,
  .contact-section__lead-mark {margin:22px 0 18px;}
  .products-panel__category.is-active, .products-panel__category:hover{transform: none;}
  .products-panel__sidebar-title{padding: 0 0 48px;}
  .products-panel__sidebar-title::after{bottom: 26px;}
  .products-panel__category-list{grid-template-columns: repeat(2, 1fr);}
  .products-panel__category{padding:12px 18px;}
  .products-panel__category-text{font-size: 16px;}
  .about-overview{padding: 60px 0;}
  .about-overview__row{gap:60px;}
  .about-overview__stamp{right: 10px;bottom: -20px;padding:16px;}
  .about-overview__stamp .about-overview__stamp-icon{width: 36px;height: 36px;}
  .about-overview__stamp strong{font-size: 16px;}
  .about-overview__stamp p{font-size: 12px;}
  .about-overview__media::after{left: auto;right: -12px;}
  .about-info__content{padding-left: 12px;}
  .section-eyebrow{font-size: 18px;}
  .about-overview__text{font-size: 16px;}
  .about-overview__stats{padding:20px 0;}
  .about-overview__button{min-height: 46px;}
  .why-choose{margin-left: 0;}
  .why-choose__shell{padding:68px 30px;}
  .why-choose__row{gap:36px;}
  .why-choose__text{font-size: 16px;}
  .why-choose__button{margin-top: 28px;min-height: 42px;font-size: 14px;}
  .why-choose__right{padding-left: 0;}
  .why-card{padding:26px;}
  .why-card__icon{margin-bottom: 20px;}
  .why-card__title{font-size: 18px;}
  .contact-section__row{gap:36px;}
  .contact-form__submit{min-height: 42px;font-size: 14px;}
}

@media (max-width: 768px) {
  .hero-banner {min-height: auto;padding: 138px 0 124px;}
  .hero-banner__title {font-size: 2.45rem;}
  .hero-banner__actions {margin-top: 48px;}
  .hero-banner__scroll {display: none;}
  .products-panel,
  .cases-showcase,
  .about-overview,
  .why-choose {padding-bottom: 72px;}
  .products-panel__content,
  .products-panel__sidebar,
  .why-choose__shell,
  .contact-form {padding: 30px 24px;}
  .products-panel__shell,
  .why-choose__shell {border-radius: 0;}
  .cases-showcase__shell {padding: 72px 24px;}
  .products-panel__heading {align-items: flex-start;gap: 12px;margin-bottom: 20px;}
  .products-panel__arrow{width: 32px;height: 32px;}
  .products-panel__arrow span{width: 8px;height: 8px;}
  .product-card {min-height: 352px;}
  .product-card::before {height: 280px;border-radius: 24px;}
  .product-card__image {max-width: 220px;height: 220px;margin: 30px auto 30px;}
  .product-card__title {font-size: 1rem;}
  .product-card__text {font-size: 0.8rem;}
  .products-panel__category {min-height: 42px;}
  .cases-showcase__image {min-height: 360px;}
  .cases-showcase__info {left: 16px;right: auto;bottom: 16px;width: min(220px, calc(100% - 32px));padding:16px;}
  .cases-showcase__tag{margin-bottom: 10px;}
  .cases-showcase__info-title{font-size: 18px;}
  .cases-showcase__item {grid-template-columns: 22px minmax(0, 1fr) 22px;gap: 10px;}
  .cases-showcase__item-title {font-size: 0.96rem;}
  .about-overview__image {min-height: 320px;}
  .about-overview__media {padding-right: 0;}
  .contact-section {padding: 56px 0;}
  .contact-section__info-list {margin-top: 32px;}
  .contact-section__info-item {grid-template-columns: 40px 1fr;gap: 12px;}
  .contact-section__info-icon {width: 40px;height: 40px;}
  .why-cright__list{grid-template-columns: repeat(1, 1fr);}
  .why-card:nth-child(2n){margin-top: 0;}
}

@media (max-width: 576px) {
  .hero-banner__actions {width: 100%;}
  .hero-banner__title {font-size: 2.08rem;}
  .products-panel {margin-top: -64px;}
  .products-panel__content,
  .products-panel__sidebar,
  .cases-showcase__shell,
  .why-choose__shell,
  .contact-form {padding: 24px 18px;}
  .products-panel__content {padding-left: 18px;}
  .cases-showcase__item {padding-block: 12px;}
  .cases-showcase__shell {border-radius: 0 24px 0 0;}
  .cases-showcase__item-text {max-width: none;}
  .contact-section__shell,
  .about-overview__shell {padding: 0;}
}


.pop-box{position: fixed;top: 100%;left: 0;width: 100%;height:100%;background-color: rgba(0, 0, 0, 0.8);opacity: 0;z-index: -1;}
.pop-box.show{opacity: 1;z-index: 1000;top: 0;}
.pop-box .pop-box__content{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 80%;height: 80%;background-color: #000000;border-radius: 1.25rem;overflow: hidden;}
.pop-box .pop-box__content iframe{border: none;outline: none;width: 100%;height: 100%;}
.pop-box .pop-close__btn{position: absolute;top: 1.25rem;right: 1.25rem;font-size: 1.25rem;color: #000000;cursor: pointer;background-color: #ffffff;width: 30px;height: 30px;display: flex;justify-content: center;align-items: center;border-radius: 50%;}