/* Классы-модификаторы, вынесенные из style="..." на лендинге (apps/home/templates/home/index.html).
   Подключается последним в page_css — приоритет над fintrader.css/style.css/us_design_options.css
   нужен там, где правила касаются уже существующих классов (.feature-image-container,
   .feature-image), при равной специфичности порядок подключения и решает. */

.landing-hwrapper-gap-2 {
    --hwrapper-gap: 2rem;
}

.landing-hwrapper-gap-3 {
    --hwrapper-gap: 3rem;
}

.landing-columns-gap-0 {
    --columns-gap: 0rem;
}

.landing-columns-gap-4vw {
    --columns-gap: 4vw;
}

.landing-hero-image {
    background-image: url("../img/TraderSync_Trade_Journal_v2.e0a6ded5cf58.png");
}

.landing-hero-overlay {
    background: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0.00) 100%);
}

.feature-image-container {
    width: 100%;
    max-width: 800px;
}

.feature-image {
    display: block;
    border: 1px solid #dee2e6;
    border-radius: 13px;
    box-shadow: 0 5px 14px rgba(0, 0, 0, 0.4);
}

.landing-actionbox-title {
    font-size: max(2rem, 3.5vh);
}