.elementor-kit-7{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"OceanicGrotesk";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"OceanicGrotesk";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"OceanicGrotesk";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"OceanicGrotesk";--e-global-typography-accent-font-weight:500;--e-global-typography-37529e0-font-family:"OceanicGrotesk";--e-global-typography-6bdc361-font-family:"OceanicGrotesk";--e-global-typography-0f3134a-font-family:"OceanicGrotesk";--e-global-typography-5417e99-font-family:"OceanicGrotesk";--e-global-typography-69d314b-font-family:"OceanicGrotesk";--e-global-typography-18f7f26-font-family:"OceanicGrotesk";--e-global-typography-ac8bd5e-font-family:"OceanicGrotesk";background-color:#060606;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ===========================================
   RETAIL ROCKET WEBSITE 2025 - TYPOGRAPHY
   Custom CSS для Elementor
   =========================================== */

/* Подключение шрифта OceanicGrotesk */
/* Добавьте ваш шрифт через Elementor Pro → Custom Fonts или подключите через @font-face */

/* ===========================================
   БАЗОВЫЕ СТИЛИ - ДЕСКТОП
   =========================================== */
@font-face {
  font-family: 'Oceanic regular';
  font-display: swap !important;
}

@font-face {
  font-family: 'Oceanic medium';
  font-display: swap !important;
}



/* Основные заголовки */
h1, .elementor-heading-title.elementor-size-default h1 {
    font-family: 'OceanicGrotesk', sans-serif;
    font-weight: 400;
    font-size: 72px;
    line-height: 86px;
    letter-spacing: -1.03px;
    margin: 0;
}

h2, .elementor-heading-title.elementor-size-default h2 {
    font-family: 'OceanicGrotesk', sans-serif;
    font-weight: 400;
    font-size: 64px;
    line-height: 77px;
    letter-spacing: -1.03%;
    margin: 0;
}

h3, .elementor-heading-title.elementor-size-default h3 {
    font-family: 'OceanicGrotesk', sans-serif;
    font-weight: 400;
    font-size: 56px;
    line-height: 67px;
    letter-spacing: -1.03px;
}

h4, .elementor-heading-title.elementor-size-default h4 {
    font-family: 'OceanicGrotesk', sans-serif;
    font-weight: 400;
    font-size: 48px;
    line-height: 58px;
    letter-spacing: -1.03px;
}

h5, .elementor-heading-title.elementor-size-default h5 {
    font-family: 'OceanicGrotesk', sans-serif;
    font-weight: 400;
    font-size: 32px;
    line-height: 38px;
    letter-spacing: -1.03px;
}

h6, .elementor-heading-title.elementor-size-default h6 {
    font-family: 'OceanicGrotesk', sans-serif;
    font-weight: 400;
    font-size: 28px;
    line-height: 34px;
    letter-spacing: 0;
}

/* H7 - дополнительный заголовок */
.h7, .heading-h7 {
    font-family: 'OceanicGrotesk', sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: 0;
}

/* ===========================================
   ТЕКСТОВЫЕ СТИЛИ - ДЕСКТОП
   =========================================== */

/* Подзаголовок */
.subtitle, .elementor-widget-text-editor .subtitle {
    font-family: 'OceanicGrotesk', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0;
}

/* Основной текст */
p, .elementor-widget-text-editor, body {
    font-family: 'OceanicGrotesk', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0;
}

/* Вторичный текст и CTA */
.text-secondary, .elementor-button, .cta-text {
    font-family: 'OceanicGrotesk', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
}

/* Третичный текст */
.text-tertiary, small, .small-text {
    font-family: 'OceanicGrotesk', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
}

/* ===========================================
   МОБИЛЬНЫЕ СТИЛИ
   =========================================== */

@media (max-width: 768px) {
    
    /* Заголовки на мобильных */
    h1, .elementor-heading-title.elementor-size-default h1 {
        font-family: 'OceanicGrotesk TRIAL', 'OceanicGrotesk', sans-serif;
        font-size: 48px;
        line-height: 58px;
        letter-spacing: -1.03px;
    }

    h2, .elementor-heading-title.elementor-size-default h2 {
        font-family: 'OceanicGrotesk TRIAL', 'OceanicGrotesk', sans-serif;
        font-size: 40px;
        line-height: 48px;
        letter-spacing: -1.03px;
    }

    h3, .elementor-heading-title.elementor-size-default h3 {
        font-family: 'OceanicGrotesk TRIAL', 'OceanicGrotesk', sans-serif;
        font-size: 32px;
        line-height: 38px;
        letter-spacing: 0;
    }

    h4, .elementor-heading-title.elementor-size-default h4 {
        font-family: 'OceanicGrotesk TRIAL', 'OceanicGrotesk', sans-serif;
        font-size: 24px;
        line-height: 29px;
        letter-spacing: -0.8px;
    }

    h5, .elementor-heading-title.elementor-size-default h5 {
        font-family: 'OceanicGrotesk TRIAL', 'OceanicGrotesk', sans-serif;
        font-size: 22px;
        line-height: 26px;
        letter-spacing: 0;
    }

    /* H6, H7 остаются без изменений на мобильных */

    /* Текстовые стили на мобильных */
    .subtitle, .elementor-widget-text-editor .subtitle {
        font-family: 'OceanicGrotesk TRIAL', 'OceanicGrotesk', sans-serif;
        font-size: 20px;
        line-height: 28px;
        letter-spacing: 0;
    }

    p, .elementor-widget-text-editor, body {
        font-family: 'OceanicGrotesk TRIAL', 'OceanicGrotesk', sans-serif;
        font-size: 18px;
        line-height: 26px;
        letter-spacing: 0;
    }

    .text-secondary, .elementor-button, .cta-text {
        font-family: 'OceanicGrotesk TRIAL', 'OceanicGrotesk', sans-serif;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: -0.6%;
    }

    .text-tertiary, small, .small-text {
        font-family: 'OceanicGrotesk TRIAL', 'OceanicGrotesk', sans-serif;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0;
    }

    /* Инфографика - только для мобильных */
    .infographic, .infographic-text {
        font-family: 'OceanicGrotesk TRIAL', 'OceanicGrotesk', sans-serif;
        font-weight: 400;
        font-size: 64px;
        line-height: 77px;
        letter-spacing: 0;
    }
}

/* ===========================================
   ДОПОЛНИТЕЛЬНЫЕ СЕЛЕКТОРЫ ДЛЯ ELEMENTOR
   =========================================== */

/* Elementor виджеты */
.elementor-widget-heading .elementor-heading-title {
    font-family: inherit;
}

.elementor-widget-text-editor {
    font-family: inherit;
}

.elementor-button {
    font-family: inherit;
}

/* Кастомные классы для удобства */
.retail-h7 { 
    font-size: 24px; 
    line-height: 29px; 
    letter-spacing: 0; 
}

.retail-subtitle { 
    font-size: 20px; 
    line-height: 28px; 
    letter-spacing: 0; 
}

.retail-text-main { 
    font-size: 18px; 
    line-height: 26px; 
    letter-spacing: 0; 
}

.retail-text-secondary { 
    font-size: 16px; 
    line-height: 24px; 
    letter-spacing: 0; 
}

.retail-text-tertiary { 
    font-size: 14px; 
    line-height: 20px; 
    letter-spacing: 0; 
}

@media (max-width: 768px) {
    .retail-infographic { 
        font-size: 64px; 
        line-height: 77px; 
        letter-spacing: 0; 
    }
}

/* Стилизация жирного текста в заголовках Elementor */
/* Стилизация жирного текста в заголовках и списках Elementor */
.elementor-heading-title b,
.elementor-heading-title strong,
.elementor-icon-list-text b,
.elementor-icon-list-text strong,
.rr-table-cell b,
.rr-table-cell strong {
    font-family: 'Oceanic medium', sans-serif !important;
    font-weight: 500 !important;
    color: #DAFB9D !important;
}


.contacts-map{
    border-radius: 16px;
border-image: : linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 50%, rgba(0, 0, 0, 0.1) 100%) 1;
background: linear-gradient(159deg, rgba(56, 57, 58, 0.20) 14.01%, rgba(22, 22, 21, 0.20) 101.97%);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), inset 0 -1px 0 rgba(0, 0, 0, 0.5), inset 1px 0 0 rgba(255, 255, 255, 0.06), inset -1px 0 0 rgba(255, 255, 255, 0.06);
}


.contact-form{
    border: 1px solid rgba(255, 255, 255, 0.00);

background: linear-gradient(159deg, rgba(56, 57, 58, 0.50) 14.01%, rgba(22, 22, 21, 0.50) 101.97%);


    border-radius: 16px;
    backdrop-filter: blur(6px);
    
}

/* Белый цвет текста для всех элементов списка Elementor Icon List */
.elementor-widget-icon-list .elementor-icon-list-text {
    color: #ffffff !important;
}/* End custom CSS */