/* Базовые размеры (аналогично fs-1..fs-6) */
.fs-sm-1 { font-size: 2.5rem !important; } /* ~h1 */
.fs-sm-2 { font-size: 2rem !important; }   /* ~h2 */
.fs-sm-3 { font-size: 1.75rem !important; }/* ~h3 */
.fs-sm-4 { font-size: 1.5rem !important; } /* ~h4 */
.fs-sm-5 { font-size: 1.25rem !important; }/* ~h5 */
.fs-sm-6 { font-size: 1rem !important; }   /* ~h6 */

/* Средние экраны (≥768px) */
@media (min-width: 768px) {
  .fs-md-1 { font-size: 2.5rem !important; }
  .fs-md-2 { font-size: 2rem !important; }
  .fs-md-3 { font-size: 1.75rem !important; }
  .fs-md-4 { font-size: 1.5rem !important; }
  .fs-md-5 { font-size: 1.25rem !important; }
  .fs-md-6 { font-size: 1rem !important; }
}

/* Большие экраны (≥992px) */
@media (min-width: 992px) {
  .fs-lg-1 { font-size: 2.5rem !important; }
  .fs-lg-2 { font-size: 2rem !important; }
  .fs-lg-3 { font-size: 1.75rem !important; }
  .fs-lg-4 { font-size: 1.5rem !important; }
  .fs-lg-5 { font-size: 1.25rem !important; }
  .fs-lg-6 { font-size: 1rem !important; }
}

/* Очень большие экраны (≥1200px) */
@media (min-width: 1200px) {
  .fs-xl-1 { font-size: 2.5rem !important; }
  .fs-xl-2 { font-size: 2rem !important; }
  .fs-xl-3 { font-size: 1.75rem !important; }
  .fs-xl-4 { font-size: 1.5rem !important; }
  .fs-xl-5 { font-size: 1.25rem !important; }
  .fs-xl-6 { font-size: 1rem !important; }
}

/* Экстра-большие экраны (≥1400px) */
@media (min-width: 1400px) {
  .fs-xxl-1 { font-size: 2.5rem !important; }
  .fs-xxl-2 { font-size: 2rem !important; }
  .fs-xxl-3 { font-size: 1.75rem !important; }
  .fs-xxl-4 { font-size: 1.5rem !important; }
  .fs-xxl-5 { font-size: 1.25rem !important; }
  .fs-xxl-6 { font-size: 1rem !important; }
}

header {
    background-color: #fff500;
}

.sirius-bg-primary {
    background: #e52323;
}

.sirius-color-primary {
    color: #e52323;
}

a {
    color:  #e52323;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

a.btn {
    text-decoration: none;
}

main>p {
    text-align: justify;
}

#logowrap img {
    width: 100%;
}

.socicons {
    margin-top: .5rem;
}

.socicons a {
    display: block;
    float: left;
    margin-right: 1rem;
}

.socicons a img {
    height: 2rem;
}

.imgwrap img {
    width: 100%;
}

#topnav {
    background-color: #e52323 !important;
}

#topnav a {
    color: #fff;
}

#topnav .active {
    text-decoration: underline;
}

#top-menu > li:first-child a {
    padding-left: 0 !important;
}

ul.B_crumbBox {
    padding-left: 0;
    margin-top: 2rem;
    margin-bottom: 0;
}

ul.B_crumbBox > li {
    display: inline;
}

#fbanner img {
    width: 100%;
}

#fp-icon-row {
    background-color: #e2e2e2;
    text-align: center;
}

#fp-icon-row div.icon-wrap {
    width: 12%;
    float: left;
}

#fp-icon-row img {
    height: 5rem;
}

#advantages {
    background-color: #fff500;
}

.advantage p {
    text-align: justify;
}

.splide__arrow--next {
    right: 0;
}

.splide__arrow--prev {
    left: 0;
}

.splide__pagination__page.is-active {
    background: #000;
}

#reviews {
    background: #e52323;
    color: #fff;
}

#reviews a {
    color: #fff500;
}

#reviews .splide__track {
    margin-bottom: 1rem;
}

#reviews .splide__pagination__page.is-active {
    background: #fff;
}

#reviews .splide__pagination__page {
    background: #fff;
    opacity: 1;
}

#slogan {
    background-color: #fff500;
}

#article_preview {
    float: right;
    margin: 0 0 1rem 1rem;
    max-width: 50%;
}

#catalogue .category-preview {
    color: #000;
    padding-top: calc(var(--bs-gutter-x) * .5);
}

#catalogue .category-preview:hover {
    text-decoration: none;
    background-color: #e52323;
    color: #fff500;
}

#catalogue .category-preview img {
    width: 100%;
}

#catalogue .category-preview h3 {
    font-weight: normal;
}

#good-img-row img {
    width: 100%;
}

.good {
    margin-bottom: 3rem;
    padding-top: 15px;
    padding-bottom: 15px;
    border: 1px solid transparent; /* Прозрачная граница (чтобы не "прыгал" контент при hover) */
    box-shadow: 0 0 10px rgba(255, 255, 255, 0); /* Начальное состояние — невидимая тень */
    transition: 
        border 0.3s ease,
        box-shadow 0.3s ease; /* Плавные переходы */
}

.good:hover {
    text-decoration: none;
    border: 1px solid #ccc; /* Серый бордюр */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* Размытая тень (имитация размытого бордюра) */
}
.good strong {
    font-size: 120%;
    color: #333;
}
.good img {
    width: 100%;
}

footer {
    background-color: #e52323;
    color: #fff;
}

footer a {
    color: #fff;
}

footer a:hover {
    color: #fff;
}