html, body {
    min-width: 320px;
}
:root {
    --bs-link-color: #333333;
    --bs-link-hover-color: #D81B60;
}

/* Увеличенные размеры шрифтов Bootstrap */
.fs-1 { font-size: 3rem !important; }
.fs-2 { font-size: 2.5rem !important; }
.fs-3 { font-size: 2rem !important; }
.fs-4 { font-size: 1.75rem !important; }
.fs-5 { font-size: 1.5rem !important; }
.fs-6 { font-size: 1.25rem !important; }
.fs-7{font-size:1.0em !important;}
.fs-8 {font-size:0.8em !important;}
.fs-9 {font-size:0.7em !important;}
.fs-10 {font-size:0.6em !important;}

/* font-size до md (меньше 768px) */
@media (max-width: 767.98px) {
  .fs-md-1 { font-size: 2.0rem !important; }
  .fs-md-2 { font-size: 1.5rem !important; }
  .fs-md-3 { font-size: 1.25rem !important; }
  .fs-md-4 { font-size: 1.0rem !important; }
  .fs-md-5 { font-size: 0.75rem !important; }
  .fs-md-6 { font-size: 0.5rem !important; }
}


.header-nav {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

#logo-img {
    transition: transform 0.4s ease;
    transform-origin: left center;
}

header.rocket .promo {
    background: url(../images/header-wave.svg), linear-gradient(102.01deg, #530455 0.3%, #20064D 0.4%, #A61C58 106.31%);
    background-repeat: repeat-x, no-repeat;
    background-position: bottom left, center;
    background-size: auto, cover;
    padding-bottom: 0;
    position: relative;

    z-index: 1;
}

@media (min-width: 1000px) {
    header.rocket .decoration-1 {
        border-radius: 100%;
        background-color: #F4F7F8;
        display: block;
        position: absolute;
        z-index: 1;
        width: 524px;
        height: 524px;
        left: 10%;
        top: -10%;
        opacity: .04;
        transition: transform 0.15s ease-out;
        will-change: transform;
    }
    header.rocket .decoration-2 {

        border-radius: 100%;
        background-color: #F4F7F8;
        display: block;
        position: absolute;
        z-index: 1;
        width: 524px;
        height: 524px;
        right: 16%;
        top: 24%;
        opacity: .05;
        transition: transform 0.15s ease-out;
        will-change: transform;
    }
}
.promo-img {
    transition: transform 0.15s ease-out;
    will-change: transform;
    z-index: 2;
}

.hover-shadow {
    transition: all 0.3s ease;
}

.hover-shadow:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}


.bg-dmdev {
    background: linear-gradient(102.01deg, #530455 0.3%, #20064D 0.4%, #A61C58 106.31%);
}