
/* /website_electronia/static/src/css/electronia.css */
 :root{--el-blue: #0658a4; --el-blue-dark: #04427c; --el-blue-hover: #0a6bc4; --el-navy: #0b2c4d; --el-teal: #1aa6a0; --el-teal-light: #4ecfc7; --el-gray-50: #f5f5f5; --el-gray-100: #ebebeb; --el-gray-200: #d9d9d9; --el-gray-300: #c4c4c4; --el-gray-600: #6b7280; --el-gray-800: #2d2d2d; --el-gray-900: #1a1a1a; --el-white: #ffffff; --el-radius: 12px; --el-radius-lg: 20px; --el-shadow: 0 12px 40px rgba(11, 44, 77, 0.12); --el-font: "Manrope", "Segoe UI", sans-serif; --el-container: 1320px;}body, .o_main_content, #wrapwrap{font-family: var(--el-font) !important; color: var(--el-navy); background: #ffffff !important;}#wrapwrap > header, #wrapwrap > footer, #wrapwrap .el-home, #wrapwrap .el-page{font-family: var(--el-font);}.is-hidden{display: none !important;}.el-container{width: min(100% - 2.5rem, var(--el-container)); margin-inline: auto;}.el-header > .el-container, .el-footer > .el-container, .el-mobile-nav > .el-container{width: 100%; max-width: none; margin-inline: 0; padding-inline: clamp(1rem, 2.5vw, 2.5rem); box-sizing: border-box;}body:has(.el-header) .o_header_standard, body:has(.el-header) header#top > .navbar, body:has(.el-header) #top .o_main_navbar, body:has(.el-header) .o_footer_copyright, body:has(.el-header) #o_main_nav, body:has(.el-header) .o_livechat_button, body:has(.el-header) .o_website_cookies_bar, body:has(.el-header) .o_frontend_to_backend_nav, body:has(.el-header) .o_connected_user_burger{display: none !important;}body:has(.el-header) #wrapwrap > main{padding-top: 0 !important;}body:has(.el-header) #wrapwrap, body:has(.el-header) #wrapwrap > header, body:has(.el-header) #wrapwrap > footer, body:has(.el-header) #wrapwrap > main, body:has(.el-header) #wrap{width: 100% !important; max-width: none !important;}body:has(.el-header) #wrapwrap{padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important;}body:has(.el-header) #wrapwrap > header, body:has(.el-header) #wrapwrap > footer{padding-left: 0 !important; padding-right: 0 !important;}.form-control{font-size: 1rem !important; line-height: 1.5 !important; min-height: 2.5rem; padding: 0.375rem 0.75rem !important;}.oe_website_login_container{max-width: 420px !important; width: 100% !important; margin: 2rem auto !important; padding: 1.5rem !important; box-sizing: border-box;}.oe_login_form .btn, .oe_signup_form .btn, .oe_reset_password_form .btn{padding: 0.5rem 1rem !important; font-size: 1rem !important; min-height: 2.5rem;}.el-header{position: sticky; top: 0; z-index: 100; width: 100%; background: #ffffff; border-bottom: 1px solid var(--el-gray-100);}.el-header__top{display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 0.65rem 0; border-bottom: 1px solid var(--el-gray-100); font-size: 0.875rem;}.el-nav{display: flex; flex-wrap: wrap; gap: 0.25rem 1.25rem; list-style: none; margin: 0; padding: 0;}.el-nav a{color: var(--el-navy); text-decoration: none; font-weight: 500;}.el-nav a:hover{color: var(--el-blue);}.el-header__utils{display: flex; align-items: center; gap: 1rem;}.el-util{display: inline-flex; align-items: center; gap: 0.4rem; color: var(--el-navy); text-decoration: none; font-weight: 500; background: none; border: 0; padding: 0; cursor: pointer;}.el-util img{width: 22px; height: 22px;}.el-lang-switch{position: relative; display: inline-flex; align-items: center;}.el-lang-switch__toggle{display: inline-flex; align-items: center; gap: 0.45rem; min-height: 36px; padding: 0.35rem 0.85rem; border: 0; border-radius: 999px; background: var(--el-gray-100); color: var(--el-navy); font-family: inherit; font-size: 0.92rem; font-weight: 600; letter-spacing: 0.02em; cursor: pointer; line-height: 1;}.el-lang-switch__toggle:hover{background: var(--el-gray-200);}.el-lang-switch.is-open .el-lang-switch__toggle{background: var(--el-gray-200);}.el-lang-switch__chevron{width: 10px; height: 6px; opacity: 0.75; transition: transform 0.15s ease;}.el-lang-switch.is-open .el-lang-switch__chevron{transform: rotate(180deg);}.el-lang-switch__menu{position: absolute; top: calc(100% + 0.4rem); right: 0; z-index: 40; min-width: 100%; padding: 0.35rem; border-radius: 12px; background: var(--el-white); box-shadow: 0 10px 28px rgba(11, 44, 77, 0.16); display: flex; flex-direction: column; gap: 0.15rem;}.el-lang-switch__menu[hidden]{display: none;}.el-lang-switch__item{display: block; padding: 0.45rem 0.75rem; border-radius: 8px; color: var(--el-navy); text-decoration: none; font-weight: 600; font-size: 0.9rem; letter-spacing: 0.02em; white-space: nowrap;}.el-lang-switch__item:hover{background: var(--el-gray-50); color: var(--el-blue);}.el-lang-switch--mobile{width: 100%; margin: 0.75rem 0 1rem;}.el-lang-switch--mobile .el-lang-switch__toggle{width: 100%; justify-content: space-between;}.el-lang-switch--mobile .el-lang-switch__menu{left: 0; right: 0;}.el-cart-badge{display: inline-flex; align-items: center; justify-content: center; min-width: 18px; height: 18px; padding: 0 4px; border-radius: 999px; background: var(--el-teal); color: var(--el-white); font-size: 0.72rem; font-weight: 700; line-height: 1;}.el-cart-badge.is-hidden{display: none;}.el-header__main{display: grid; grid-template-columns: auto auto 1fr auto; align-items: center; gap: 1rem; padding: 0.85rem 0 1rem;}.el-logo{display: inline-flex; align-items: center; gap: 0.55rem; text-decoration: none; color: var(--el-blue);}.el-logo__mark{width: 40px; height: 40px; display: block; flex: 0 0 auto;}.el-logo__word{height: 18px; width: auto; display: block;}.el-logo__text{font-weight: 800; font-size: 1.35rem; letter-spacing: 0.04em; line-height: 1;}.el-btn{display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; min-height: 46px; padding: 0.65rem 1.25rem; border-radius: 8px; border: 1px solid transparent; background: var(--el-blue); color: var(--el-white); font-weight: 600; text-decoration: none; cursor: pointer; transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;}.el-btn:disabled, .el-btn[disabled]{opacity: 0.55; cursor: not-allowed; pointer-events: none;}.el-btn:hover{background: var(--el-blue-hover); color: var(--el-white);}.el-btn--ghost{background: transparent; color: var(--el-blue); border-color: var(--el-blue);}.el-btn--ghost:hover{background: var(--el-blue); color: var(--el-white);}.el-btn--white{background: var(--el-white); color: var(--el-blue);}.el-btn--white:hover{background: var(--el-gray-50); color: var(--el-blue-dark);}.el-btn--phone{white-space: nowrap;}.el-btn--icon{width: 46px; min-height: 46px; padding: 0; flex: none;}.el-btn--icon img{width: 20px; height: 20px; filter: brightness(0) invert(1);}.el-search{position: relative; width: 100%;}.el-search input{width: 100%; min-height: 46px; border: 0; border-radius: 8px; background: var(--el-gray-50); padding: 0.65rem 2.75rem 0.65rem 1rem; outline: none;}.el-search button{position: absolute; right: 0.5rem; top: 50%; transform: translateY(-50%); border: 0; background: transparent; padding: 0.35rem; cursor: pointer;}.el-search img{width: 20px; height: 20px; opacity: 0.7;}.el-burger{display: none; width: 42px; height: 42px; border: 1px solid var(--el-gray-100); border-radius: 8px; background: var(--el-white); align-items: center; justify-content: center; flex-direction: column; gap: 5px; cursor: pointer;}.el-burger span{display: block; width: 18px; height: 2px; background: var(--el-navy);}.el-hero{background: radial-gradient(ellipse 80% 60% at 20% 20%, rgba(120, 220, 255, 0.45), transparent 55%), radial-gradient(ellipse 70% 50% at 80% 70%, rgba(90, 70, 210, 0.35), transparent 50%), linear-gradient(165deg, #4eb8e6 0%, #3a8fd6 28%, #3d6ad0 58%, #4a45c0 82%, #5a3eb8 100%); position: relative; overflow: hidden; width: 100%; padding-bottom: 2.5rem;}.el-hero__inner{position: relative; z-index: 2; display: grid; grid-template-columns: 0.95fr 1.1fr; gap: 2rem; align-items: center; padding: 2.75rem 0 4.5rem; min-height: 520px;}.el-hero__inner--shipment{grid-template-columns: 1fr; max-width: 760px; min-height: 420px; margin-inline: auto; justify-items: center; text-align: center;}.el-hero__inner--shipment .el-hero__copy{display: flex; flex-direction: column; align-items: center; width: 100%;}.el-hero__inner--shipment .el-hero__lead{max-width: 36rem;}.el-hero__inner--shipment .el-hero__actions{justify-content: center;}.el-hero__inner--shipment .el-hero__icons{justify-content: center;}.el-hero__copy{position: relative;}.el-hero__title{color: var(--el-white); font-size: clamp(2.6rem, 4.4vw, 4.25rem); font-weight: 800; line-height: 1.02; margin: 0 0 1rem; letter-spacing: -0.02em;}.el-hero__lead{color: rgba(255, 255, 255, 0.92); font-size: 1.1rem; line-height: 1.45; margin: 0 0 1.5rem; max-width: 34rem;}.el-hero__actions{display: flex; flex-wrap: wrap; gap: 0.75rem; margin-bottom: 1.75rem;}.el-btn--on-dark{border-color: rgba(255, 255, 255, 0.55); color: #fff; background: transparent;}.el-btn--on-dark:hover{background: rgba(255, 255, 255, 0.12); color: #fff;}.el-hero__arrow{position: absolute; top: 2.2rem; right: -0.5rem; width: min(180px, 28vw); height: auto; opacity: 0.95; pointer-events: none;}.el-hero__icons{display: flex; gap: 0.85rem; flex-wrap: wrap;}.el-hero__icon{width: 100px; height: 100px; border-radius: 18px; overflow: hidden; box-shadow: 0 8px 24px rgba(20, 40, 120, 0.18);}.el-hero__icon img{width: 100%; height: 100%; object-fit: cover; display: block;}.el-section{padding: 4.5rem 0;}.el-section--tight{padding-top: 1.5rem;}.el-section--cta{padding-top: 1rem; padding-bottom: 0;}.el-section__title{text-align: center; font-size: clamp(2rem, 3vw, 2.75rem); font-weight: 800; color: var(--el-navy); margin: 0 0 2rem;}.el-section__sub{text-align: center; text-transform: uppercase; letter-spacing: 0.06em; color: var(--el-gray-600); font-size: 0.85rem; margin: -1.25rem 0 2.5rem;}.el-section__action{text-align: center; margin-top: 1.75rem;}.el-buy-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem;}.el-buy-card{display: flex; flex-direction: column; min-height: 237px; padding: 1.15rem; border-radius: var(--el-radius-lg); background: var(--el-gray-50); text-decoration: none; color: var(--el-navy); overflow: hidden; transition: transform 0.2s ease, box-shadow 0.2s ease;}.el-buy-card:hover{transform: translateY(-3px); box-shadow: var(--el-shadow); color: var(--el-navy);}.el-buy-card__title{display: flex; align-items: center; gap: 0.5rem; font-weight: 700; font-size: 1.15rem; margin-bottom: 0.75rem;}.el-buy-card__title img{width: 22px; height: 22px;}.el-buy-card__media{flex: 1; display: grid; place-items: center; border-radius: 12px; overflow: hidden;}.el-buy-card__media img{max-width: 92%; max-height: 160px; width: auto; height: auto; object-fit: contain;}.el-delivery{display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; align-items: stretch;}.el-partners{display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;}.el-partner{background: var(--el-gray-50); border-radius: var(--el-radius); min-height: 156px; display: grid; place-items: center; padding: 1.25rem 1.5rem; overflow: hidden;}.el-partner--span{grid-column: 1 / -1;}.el-partner img{max-width: 88%; max-height: 52px; width: auto; height: auto; object-fit: contain;}.el-partner--span img{max-width: min(88%, 183px); max-height: 52px;}.el-delivery__photo{border-radius: var(--el-radius-lg); overflow: hidden; min-height: 338px;}.el-delivery__photo img{width: 100%; height: 100%; object-fit: cover;}.el-eval{display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem;}.el-eval__promo{background: radial-gradient(ellipse 70% 60% at 80% 20%, rgba(140, 230, 255, 0.35), transparent 55%), linear-gradient(145deg, #0a6bb8 0%, #1a9ad8 45%, #4ec8ef 100%); border-radius: var(--el-radius-lg); color: var(--el-white); padding: 2rem 2rem 1.25rem; display: flex; flex-direction: column; justify-content: space-between; min-height: 480px; overflow: hidden;}.el-eval__promo h2{font-size: clamp(1.8rem, 2.5vw, 2.4rem); font-weight: 800; margin: 0 0 1.25rem; max-width: 14ch; line-height: 1.15;}.el-eval__art{margin: 1.5rem 0 0; display: flex; justify-content: flex-start;}.el-eval__art img{width: min(100%, 240px); max-height: 200px; object-fit: contain; object-position: left bottom; display: block; filter: drop-shadow(0 8px 18px rgba(0, 20, 60, 0.25));}.el-eval__list{list-style: none; margin: 0; padding: 0; display: grid; gap: 0.75rem;}.el-eval__list li{display: flex; gap: 0.65rem; align-items: flex-start;}.el-check{width: 20px; height: 20px; border-radius: 50%; background: #22c55e; color: white; display: grid; place-items: center; font-size: 0.75rem; flex: 0 0 auto; margin-top: 0.15rem;}.el-eval__form{background: var(--el-gray-50); border-radius: var(--el-radius-lg); padding: 2rem;}.el-field{display: grid; gap: 0.4rem; margin-bottom: 1rem;}.el-field label{font-size: 0.9rem; font-weight: 600; color: var(--el-navy);}.el-field input:not([type="radio"]):not([type="checkbox"]), .el-field textarea, .el-field select{width: 100%; min-height: 48px; border: 1px solid #e5e7eb; border-radius: 8px; background: var(--el-white); padding: 0.7rem 0.9rem; outline: none;}.el-field input:focus, .el-field textarea:focus, .el-field select:focus{border-color: var(--el-blue);}.el-field textarea{min-height: 110px; resize: vertical;}.el-attach{display: inline-flex; align-items: center; gap: 0.5rem; min-height: 46px; padding: 0 1rem; border: 1px solid #e5e7eb; border-radius: 8px; background: var(--el-white); cursor: pointer; margin-bottom: 1rem;}.el-attach input[type="file"]{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;}.el-attach--block{display: flex; width: 100%;}.el-attach-preview{display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.5rem;}.el-attach-preview:empty{display: none;}.el-attach-preview__item{position: relative; width: 56px; height: 56px; border-radius: 8px; overflow: hidden; border: 1px solid var(--el-gray-200); background: var(--el-gray-50);}.el-attach-preview__item img{width: 100%; height: 100%; object-fit: cover; display: block;}.el-attach-preview__remove{position: absolute; top: 2px; right: 2px; width: 18px; height: 18px; border-radius: 50%; border: none; background: rgba(0, 0, 0, 0.6); color: var(--el-white); font-size: 12px; line-height: 18px; text-align: center; cursor: pointer; padding: 0;}.el-attach-note{font-size: 0.82rem; color: #b91c1c; background: #fef2f2; border: 1px solid #fecaca; border-radius: 6px; padding: 0.4rem 0.6rem; margin: 0.5rem 0 0;}.el-check-row{display: flex; align-items: flex-start; gap: 0.65rem; margin: 0.75rem 0 0; font-size: 0.92rem; line-height: 1.35;}.el-check-row input{margin-top: 0.2rem; cursor: pointer; flex-shrink: 0;}.el-check-row__link{color: inherit; text-decoration: underline; text-underline-offset: 0.15em;}.el-check-row__link:hover{color: var(--el-blue, #0b5ea8);}.el-pack-instructions{margin: 2.5rem 0 0; padding: 1.5rem 0 0.5rem; text-align: center;}.el-pack-instructions .el-h2{margin-bottom: 0.5rem;}.el-pack-instructions p{margin: 0 0 1rem; color: #0b2c4d;}.el-pack-instructions .el-btn{display: inline-flex;}.el-cta{background: radial-gradient(ellipse 55% 80% at 35% 0%, rgba(120, 220, 255, 0.55), transparent 60%), linear-gradient(90deg, #3db4e6 0%, #0b5ea8 55%, #084a8a 100%); border-radius: 24px; text-align: center; padding: 3.5rem 1.5rem 2.75rem; color: var(--el-white); position: relative; overflow: visible; margin: 2.5rem 0 2.5rem;}.el-cta__chip{position: absolute; left: 50%; top: 0; transform: translate(-50%, -50%); width: 76px; height: 76px; border-radius: 20px; background: var(--el-white); display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 24px rgba(6, 88, 164, 0.25); overflow: visible; padding: 0;}.el-cta__chip img{width: 56px; height: 56px; object-fit: contain; display: block; margin: 0 auto;}.el-cta h2{margin: 0.5rem 0 0.4rem; font-size: clamp(1.8rem, 3vw, 2.5rem); font-weight: 800;}.el-cta p{margin: 0 0 1.35rem; opacity: 0.95; font-size: 1.05rem;}.el-cta--banner{background: none; border-radius: 0; padding: 0; margin: 2.5rem 0; overflow: visible; color: var(--el-white); isolation: isolate;}.el-cta__banner-frame{display: block; width: 100%; height: auto;}.el-cta__banner-content{position: absolute; inset: 22% 8% 12%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; pointer-events: none;}.el-cta__banner-content h2{margin: 0 0 0.35rem; font-size: clamp(1.55rem, 2.8vw, 2.35rem); font-weight: 800; line-height: 1.15;}.el-cta__banner-content p{margin: 0 0 1.1rem; opacity: 0.95; font-size: clamp(0.95rem, 1.5vw, 1.1rem);}.el-cta__banner-content .el-btn{pointer-events: auto; min-width: 200px;}.el-page{padding: 2rem 0 4rem;}.el-breadcrumb{color: var(--el-gray-600); font-size: 0.9rem; margin-bottom: 0.75rem;}.el-breadcrumb a{color: var(--el-gray-600); text-decoration: none;}.el-page__title{font-size: clamp(2rem, 3vw, 2.75rem); font-weight: 800; color: var(--el-navy); margin: 0.35rem 0 1.25rem; line-height: 1.15;}.el-catalog{display: grid; grid-template-columns: 280px 1fr; gap: 1.75rem;}.el-filters-wrap{min-width: 0;}.el-filters-toggle{display: none; list-style: none; cursor: pointer;}.el-filters-toggle::-webkit-details-marker{display: none;}.el-filters{background: var(--el-gray-50); border-radius: var(--el-radius); padding: 1rem;}.el-filter-group{border-bottom: 1px solid #e5e7eb; padding: 0.85rem 0;}.el-filter-group:last-child{border-bottom: 0;}.el-filter-group summary{cursor: pointer; font-weight: 700; list-style: none;}.el-filter-group ul{list-style: none; margin: 0.75rem 0 0; padding: 0; display: grid; gap: 0.45rem;}.el-products{display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem;}.el-product-card{background: var(--el-gray-50); border: 0; border-radius: var(--el-radius); padding: 1rem; text-decoration: none; color: var(--el-navy); display: flex; flex-direction: column; gap: 0.75rem; min-height: 300px;}.el-product-card__img{height: 180px; display: grid; place-items: center; background: var(--el-gray-50); border-radius: 8px; overflow: hidden;}.el-product-card__img img{max-width: 92%; max-height: 160px; object-fit: contain;}.el-product-card__price{font-weight: 700;}.el-product-card__foot{margin-top: auto; display: flex; justify-content: space-between; align-items: center;}.el-icon-btn{width: 42px; height: 42px; border-radius: 8px; border: 0; background: var(--el-blue); display: grid; place-items: center; cursor: pointer;}.el-icon-btn img{width: 20px; height: 20px; filter: brightness(0) invert(1);}.el-product{display: grid; grid-template-columns: 1fr 1fr; gap: 2rem;}.el-product__media{background: var(--el-gray-50); border-radius: var(--el-radius-lg); min-height: 420px; display: grid; place-items: center; padding: 1.5rem;}.el-product__media img{max-width: 100%; max-height: 380px; object-fit: contain; background: transparent; border-radius: 0; padding: 0;}.el-price-row{display: flex; align-items: baseline; gap: 0.75rem; flex-wrap: wrap; margin: 0.5rem 0 1rem;}.el-price-row .el-price-lg, .el-price-row .el-price-sub{margin: 0;}.el-cart-item__controls{display: flex; align-items: center; gap: 0.75rem;}.el-cart-item__title{font-weight: 600; line-height: 1.35;}.el-icon-btn--ghost{background: transparent; border: 1px solid var(--el-blue); color: var(--el-blue); font-size: 1.25rem; line-height: 1;}.el-about-grid--figma{display: none;}.el-about{display: grid; grid-template-columns: 1.35fr 0.9fr; gap: 1rem; align-items: stretch; margin-bottom: 1.5rem;}.el-about__left, .el-about__right{display: flex; flex-direction: column; gap: 1rem;}.el-about__row{display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;}.el-about-card{background: var(--el-gray-50); border-radius: 16px; padding: 1.15rem 1.2rem 1.25rem; color: var(--el-navy); font-size: 0.98rem; line-height: 1.45; font-weight: 500;}.el-about-card p{margin: 0.65rem 0 0;}.el-about-card__icon{width: 36px; height: 36px; display: block;}.el-about-card__icon--light{width: 36px; height: 36px;}.el-about-card--wide{flex: 0 0 auto;}.el-about-card--gradient{background: linear-gradient(180deg, #0b6ec0 0%, #4eb8e8 100%); color: #ffffff; flex: 1 1 auto; display: flex; flex-direction: column; justify-content: space-between; gap: 1.75rem; padding: 1.5rem 1.35rem; min-height: 280px;}.el-about-card--gradient p{margin: 0.7rem 0 0; font-size: 1rem; line-height: 1.45; font-weight: 500;}.el-about-card__block{display: block;}.el-about-card--brand{background: linear-gradient(160deg, #1a8fd6 0%, #0b5ea8 100%); color: #ffffff; min-height: 260px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.85rem; font-weight: 800; font-size: 1.65rem; letter-spacing: 0.06em; text-align: center; padding: 2rem;}.el-about-card--brand img{width: 72px; height: 72px; display: block; margin: 0 auto; background: var(--el-white); border-radius: 18px; padding: 8px;}.el-about-card--photo{padding: 0.85rem 0 0.35rem 1.25rem; overflow: hidden; flex: 1 1 auto; min-height: 260px; background: var(--el-gray-50); display: flex; align-items: flex-end; justify-content: flex-end;}.el-about-card--photo img{width: 115%; max-width: none; height: auto; max-height: 100%; object-fit: contain; object-position: right bottom; display: block; transform: translate(6%, 3%); pointer-events: none;}.el-about-more{margin: 0.5rem 0 2.75rem; color: var(--el-gray-600); font-size: 0.95rem;}.el-about-more a{color: var(--el-blue); font-weight: 600; text-decoration: underline;}.el-license{border: 1px solid #e5e7eb; border-radius: 14px; padding: 1rem 1rem 1.15rem; font-size: 0.9rem; line-height: 1.4; background: #ffffff; display: flex; flex-direction: column; gap: 0.75rem;}.el-license img{width: 36px; height: 36px;}.el-license p{margin: 0;}.el-requisites{color: var(--el-navy); font-size: 1rem; line-height: 1.55; margin: 0;}.el-partner img{max-width: 88%; max-height: 52px; width: auto; height: auto; object-fit: contain; display: block; margin: 0 auto; background: transparent;}.el-h2{font-size: 1.75rem; font-weight: 700; color: var(--el-navy); margin: 2rem 0 1rem;}.el-h3{font-size: 1.25rem; font-weight: 700; color: var(--el-navy); margin: 1.5rem 0 0.75rem;}.el-h4{font-size: 1.05rem; font-weight: 700; color: var(--el-navy); margin: 1rem 0 0.75rem;}.el-info-cards{display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin-bottom: 2rem;}.el-info-card{background: var(--el-white); border: 1px solid #e8eef5; border-radius: var(--el-radius); padding: 1.1rem; box-shadow: 0 4px 18px rgba(11, 44, 77, 0.04); font-size: 0.95rem; line-height: 1.45;}.el-info-row{display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin-bottom: 1.5rem;}.el-bullets{margin: 0 0 1rem; padding-left: 1.2rem; display: grid; gap: 0.65rem; color: var(--el-navy);}.el-note{color: var(--el-gray-600); font-size: 0.92rem; margin: 1rem 0 2rem;}.el-near-packomats{display: grid; grid-template-columns: 1fr 1fr 1.2fr; grid-template-rows: auto auto; gap: 0.85rem; margin-bottom: 2.5rem;}.el-near-packomats .el-pack-card--light:nth-child(1){grid-column: 1; grid-row: 1;}.el-near-packomats .el-pack-card--light:nth-child(2){grid-column: 2; grid-row: 1;}.el-near-packomats .el-pack-card--light:nth-child(3){grid-column: 1 / span 2; grid-row: 2;}.el-near-packomats .el-pack-card--light:nth-child(4){grid-column: 2; grid-row: 2;}.el-near-packomats .el-pack-card--span{justify-items: center; text-align: center; place-items: center !important;}.el-near-packomats .el-pack-card--span img{max-height: 28px !important; max-width: 183px; width: auto;}.el-near-packomats__photo{grid-column: 3; grid-row: 1 / span 2; border-radius: var(--el-radius); overflow: hidden; min-height: 220px;}.el-near-packomats__photo img{width: 100%; height: 100%; object-fit: cover; display: block;}.el-pack-card--light{background: var(--el-gray-50); display: grid !important; gap: 0.5rem; align-content: start; place-items: start !important; text-align: left;}.el-pack-card--light img{max-height: 28px !important; width: auto;}.el-pack-card--light h4, .el-pack-card--light p{margin: 0;}.el-pack-card--light p{font-size: 0.9rem; line-height: 1.4;}.el-pack-cards--dense{grid-template-columns: 1fr 1fr;}.el-pack-card--span{grid-column: 1 / -1; min-height: 100px;}.el-pack-cards--dense .el-pack-card--span img{max-height: 52px; max-width: 183px; width: auto; height: auto; object-fit: contain; display: block; margin: 0 auto;}.el-pack-card--teal{background: linear-gradient(145deg, #0b8a9e, #06607a);}.el-pack-hero{margin-bottom: 2.5rem; align-items: center;}.el-label-strong{display: block; font-weight: 700; margin-bottom: 0.35rem;}.el-radio-row{display: flex; flex-wrap: wrap; gap: 1.75rem;}.el-radio{display: inline-flex; align-items: center; gap: 0.55rem; font-size: 0.95rem; font-weight: 500; color: var(--el-navy); cursor: pointer; position: relative;}.el-radio input[type="radio"]{position: absolute; opacity: 0; width: 1px; height: 1px;}.el-radio__mark{flex: none; width: 20px; height: 20px; border-radius: 50%; border: 2px solid #d1d5db; background: var(--el-white); position: relative; transition: border-color 0.15s ease;}.el-radio__mark::after{content: ""; position: absolute; inset: 4px; border-radius: 50%; background: var(--el-blue); transform: scale(0); transition: transform 0.15s ease;}.el-radio input[type="radio"]:checked + .el-radio__mark{border-color: var(--el-blue);}.el-radio input[type="radio"]:checked + .el-radio__mark::after{transform: scale(1);}.el-radio input[type="radio"]:focus-visible + .el-radio__mark{box-shadow: 0 0 0 3px rgba(11, 94, 168, 0.2);}.el-btn--submit{margin-top: 1.5rem;}.el-link-arrow{display: inline-block; margin: 1rem 0; color: var(--el-blue); font-weight: 600; text-decoration: none;}.el-link-arrow:hover{text-decoration: underline;}.el-specs{width: 100%; border-collapse: collapse; margin-top: 0.5rem;}.el-specs td{padding: 0.65rem 0.5rem; border-bottom: 1px solid #e8eef5; vertical-align: top;}.el-specs td:first-child{width: 32%; color: var(--el-gray-600); font-weight: 500;}.el-price-lg{font-size: 1.75rem; font-weight: 800; color: var(--el-blue); margin: 0.25rem 0;}.el-price-sub{color: var(--el-gray-600); font-size: 0.95rem;}.el-qty{display: inline-flex; align-items: center; border: 1px solid #e5e7eb; border-radius: 8px; overflow: hidden;}.el-qty button{width: 40px; height: 40px; border: 0; background: var(--el-white); cursor: pointer;}.el-qty span{min-width: 40px; text-align: center; font-weight: 600;}.el-contact-grid{display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 1.5rem; margin-bottom: 2rem;}.el-contact-list{list-style: none; margin: 0; padding: 0; display: grid; gap: 1rem;}.el-contact-list li{display: flex; gap: 0.75rem; align-items: flex-start;}.el-contact-list img{width: 22px; height: 22px; margin-top: 0.15rem;}.el-map{border-radius: var(--el-radius); overflow: hidden; min-height: 320px; background: var(--el-gray-100);}.el-map iframe{width: 100%; height: 100%; min-height: 320px; border: 0;}.el-form-box{background: var(--el-gray-50); border-radius: var(--el-radius-lg); padding: 2rem; max-width: 720px; margin: 0 auto;}.el-license-grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem;}.el-cart-layout{display: flex; flex-direction: column; gap: 1.5rem;}.el-cart-checkout{display: grid; grid-template-columns: 1.4fr 0.8fr; gap: 1.5rem; align-items: start;}.el-cart-aside{align-self: start;}.el-cart-item{display: grid; grid-template-columns: 110px 1fr auto; gap: 1rem; align-items: center; padding: 1rem; border: 1px solid var(--el-gray-100); border-radius: var(--el-radius); margin-bottom: 1rem;}.el-cart-item img{width: 110px; height: 90px; object-fit: contain; background: var(--el-gray-50); border-radius: 8px;}.el-summary{background: var(--el-gray-50); border-radius: var(--el-radius); padding: 1.25rem; height: fit-content;}.el-pack-block{display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 1.5rem; margin-bottom: 3rem;}.el-pack-cards{display: grid; grid-template-columns: 1fr 1fr; gap: 0.85rem;}.el-pack-card{background: var(--el-gray-50); border-radius: var(--el-radius); padding: 1rem;}.el-pack-cards .el-pack-card:not(.el-pack-card--cta){background: var(--el-gray-50); display: grid; place-items: center; min-height: 120px;}.el-pack-cards .el-pack-card:not(.el-pack-card--cta) img{max-height: 40px; width: auto; filter: none;}.el-pack-card--cta{background: linear-gradient(145deg, #0b5ea8, #1a4f8c); color: var(--el-white);}.el-info-steps{display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin: 1.5rem 0 2.5rem;}.el-info-step{background: linear-gradient(145deg, #0b5ea8, #5b4fd1); color: var(--el-white); border-radius: var(--el-radius-lg); padding: 1.5rem; min-height: 180px;}.el-info-step__num{width: 42px; height: 42px; border-radius: 50%; background: var(--el-white); color: var(--el-blue); display: grid; place-items: center; font-weight: 800; margin-bottom: 1rem;}.el-footer{width: 100%; background: #232323; color: #ffffff; padding: 2.75rem 0 2.25rem;}.el-footer__grid{display: grid; grid-template-columns: 1.15fr 1fr 0.85fr auto; align-items: start; column-gap: 3rem; row-gap: 1.75rem;}.el-footer, .el-footer a, .el-footer__legal, .el-footer__links a, .el-footer .el-btn--footer-phone, .el-footer .el-btn--footer-cta{color: #ffffff !important;}.el-footer a{text-decoration: none;}.el-footer a:hover{color: #ffffff !important; opacity: 0.9;}.el-footer__brand{display: flex; flex-direction: column; align-items: flex-start; gap: 0.85rem;}.el-footer__logo{color: var(--el-blue); font-weight: 800; letter-spacing: 0.04em; display: inline-flex; align-items: center; gap: 0.5rem; margin-bottom: 0.35rem;}.el-footer__logo img:first-child{width: 28px; height: 28px;}.el-footer__word{height: 14px; width: auto;}.el-footer__legal{font-size: 0.875rem; line-height: 1.4;}.el-footer__address{font-size: 0.875rem; line-height: 1.4; color: rgba(255, 255, 255, 0.78);}.el-footer__geo{font-size: 0.8125rem; line-height: 1.4; color: rgba(255, 255, 255, 0.72); max-width: 18rem;}.el-footer__links{list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.95rem;}.el-footer__links a{display: block; font-size: 0.95rem; font-weight: 500; line-height: 1.25; white-space: nowrap;}.el-footer__actions{display: flex; flex-direction: column; align-items: stretch; gap: 0.75rem; min-width: 240px;}.el-footer .el-btn--footer-phone, .el-footer .el-btn--footer-cta{width: 100%; min-height: 48px; border-radius: 999px; font-size: 0.95rem; font-weight: 600; white-space: nowrap;}.el-footer .el-btn--footer-phone{background: transparent; border: 1px solid rgba(255, 255, 255, 0.85); gap: 0.55rem;}.el-footer .el-btn--footer-phone img{width: 16px; height: 16px; filter: brightness(0) invert(1); flex: 0 0 auto;}.el-footer .el-btn--footer-phone:hover{background: rgba(255, 255, 255, 0.08); border-color: #ffffff;}.el-footer .el-btn--footer-cta{background: var(--el-blue); border-color: var(--el-blue);}.el-footer__notice{margin: 1.75rem 0 0; padding-top: 1.25rem; border-top: 1px solid rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.78); font-size: 0.875rem; line-height: 1.45; max-width: 52rem;}.el-footer .el-btn--footer-cta:hover{background: var(--el-blue-hover); border-color: var(--el-blue-hover);}.el-modal{position: fixed; inset: 0; background: rgba(15, 23, 42, 0.45); display: none; place-items: center; z-index: 200; padding: 1rem;}.el-modal.is-open{display: grid;}.el-modal__dialog{width: min(100%, 460px); background: #f2f2f2; border-radius: var(--el-radius-lg); padding: 1.75rem; position: relative;}.el-modal__close{position: absolute; top: 0.85rem; right: 0.85rem; border: 0; background: transparent; font-size: 1.4rem; cursor: pointer; line-height: 1;}.el-modal__title{margin: 0 0 0.35rem; font-size: 1.35rem; font-weight: 800; color: var(--el-navy); text-align: center;}.el-modal__sub{text-align: center; color: var(--el-gray-600); margin: 0 0 1.25rem;}.el-toast{position: fixed; right: 1rem; bottom: 1rem; background: var(--el-navy); color: white; padding: 0.85rem 1.1rem; border-radius: 8px; display: none; z-index: 300;}.el-toast.is-visible{display: block;}@media (max-width: 991px){.el-container{width: min(100% - 1.5rem, var(--el-container));}.el-header > .el-container, .el-footer > .el-container, .el-mobile-nav > .el-container{width: 100%; max-width: none; margin-inline: 0; padding-inline: 0.75rem;}.el-header{position: sticky; top: 0; z-index: 50; background: var(--el-white);}.el-header__top{display: none;}.el-header__main{grid-template-columns: 1fr auto; gap: 0.75rem; padding: 0.7rem 0;}.el-header__main .el-btn--catalog, .el-header__main .el-btn--phone, .el-header__main .el-search{display: none;}.el-logo__mark{width: 32px; height: 32px;}.el-logo__word{height: 14px;}.el-burger{display: inline-flex;}.el-mobile-nav{display: none; position: absolute; left: 0; right: 0; top: 100%; background: var(--el-white); border-bottom: 1px solid var(--el-gray-100); padding: 0.85rem 0 1.25rem; box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12); max-height: calc(100vh - 70px); overflow-y: auto;}.el-mobile-nav.is-open{display: block;}.el-mobile-nav .el-nav{flex-direction: column; align-items: stretch; gap: 0; margin-bottom: 1rem;}.el-mobile-nav .el-nav a{display: block; padding: 0.75rem 0; border-bottom: 1px solid var(--el-gray-100); font-size: 1rem; font-weight: 600;}.el-search--mobile{display: block; width: 100%; margin-bottom: 0.85rem;}.el-hero__inner{grid-template-columns: 1fr; gap: 1.25rem; padding: 1.5rem 0 3.5rem; min-height: 0;}.el-hero__title{font-size: clamp(1.85rem, 8vw, 2.4rem); margin-bottom: 1rem; max-width: 12ch;}.el-hero__inner--shipment .el-hero__title{max-width: none;}.el-hero__arrow{display: none;}.el-hero__icons{display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.55rem; width: 100%;}.el-hero__icon{width: 100%; aspect-ratio: 1; height: auto; border-radius: 14px;}.el-section{padding: 2rem 0;}.el-section__title{font-size: clamp(1.5rem, 6vw, 2rem); margin-bottom: 1.15rem;}.el-page__title{font-size: clamp(1.6rem, 7vw, 2.1rem);}.el-buy-grid, .el-products, .el-partners, .el-pack-cards, .el-license-grid{grid-template-columns: 1fr 1fr; gap: 0.75rem;}.el-buy-card{min-height: 180px; padding: 0.85rem;}.el-buy-card__title{font-size: 0.92rem;}.el-catalog{display: flex; flex-direction: column; gap: 1rem;}.el-filters-wrap{background: var(--el-gray-50); border-radius: var(--el-radius); padding: 0; order: 0;}.el-products{order: 0;}.el-filters-toggle{display: flex; align-items: center; justify-content: space-between; padding: 0.9rem 1rem; font-weight: 700; color: var(--el-navy);}.el-filters-toggle::after{content: ""; width: 0.55rem; height: 0.55rem; border-right: 2px solid var(--el-blue); border-bottom: 2px solid var(--el-blue); transform: rotate(45deg); transition: transform 0.15s ease;}.el-filters-wrap[open] > .el-filters-toggle::after{transform: rotate(-135deg); margin-top: 0.35rem;}.el-filters{padding: 0 1rem 0.85rem; background: transparent;}.el-delivery, .el-eval, .el-product, .el-contact-grid, .el-cart-checkout, .el-pack-block, .el-about, .el-about__row, .el-about-grid, .el-info-steps, .el-info-cards, .el-info-row, .el-near-packomats, .el-footer__grid{grid-template-columns: 1fr;}.el-delivery__photo{min-height: 220px; order: -1;}.el-near-packomats__photo{grid-column: auto; grid-row: auto; min-height: 200px;}.el-near-packomats .el-pack-card--light:nth-child(n){grid-column: auto; grid-row: auto;}.el-eval__promo{padding: 1.25rem;}.el-eval__promo h2{font-size: 1.35rem;}.el-eval__art{max-width: 180px; margin: 0.75rem auto 0;}.el-cta{margin: 1.5rem 0; padding: 2.5rem 1rem 2rem;}.el-cta h2{font-size: 1.45rem;}.el-cta__banner-content{inset: 26% 6% 10%;}.el-cta__banner-content h2{font-size: 1.35rem;}.el-cta__banner-content p{font-size: 0.9rem; margin-bottom: 0.85rem;}.el-cta__banner-content .el-btn{min-width: 0; width: auto; padding-inline: 1.25rem;}.el-product__media{min-height: 240px;}.el-product__actions{flex-wrap: wrap;}.el-product__actions .el-btn--icon{flex: 1 1 auto; width: auto; min-width: 52px;}.el-cart-item{grid-template-columns: 72px 1fr; gap: 0.75rem;}.el-cart-item__controls{grid-column: 1 / -1; justify-content: space-between;}.el-radio-row{flex-direction: column; gap: 0.85rem;}.el-footer{padding: 2rem 0 2.5rem;}.el-footer__grid{gap: 1.75rem;}.el-footer__actions{display: flex; flex-direction: column; align-items: stretch; gap: 0.75rem; min-width: 0;}.el-footer__actions .el-btn{width: 100%;}.el-footer__links a{white-space: normal;}.el-about-card--brand{min-height: 180px; font-size: 1.35rem;}.el-about-card--photo{min-height: 220px; padding: 0.75rem 0 0.25rem 1rem; justify-content: center;}.el-about-card--photo img{width: 100%; transform: translate(3%, 2%);}.el-info-steps{gap: 0.75rem;}}@media (max-width: 575px){.el-hero__icons{grid-template-columns: repeat(2, 1fr); max-width: none;}.el-buy-grid, .el-products{grid-template-columns: 1fr 1fr; gap: 0.65rem;}.el-product-card{padding: 0.7rem; font-size: 0.82rem; line-height: 1.25; min-height: 0; gap: 0.45rem;}.el-product-card__img{margin-bottom: 0.55rem; height: 110px;}.el-product-card__price{font-size: 0.9rem;}.el-product-card .el-icon-btn{width: 36px; height: 36px;}.el-partners{grid-template-columns: 1fr 1fr; gap: 0.65rem;}.el-partners img{max-height: 36px; width: auto; max-width: 100%; object-fit: contain;}.el-buy-card{min-height: 160px;}.el-pack-cards, .el-license-grid{grid-template-columns: 1fr;}.el-catalog{gap: 1.25rem;}.el-field input:not([type="radio"]):not([type="checkbox"]), .el-field textarea, .el-field select{font-size: 16px;}}@media (min-width: 992px){.el-mobile-nav{display: none !important;}}