@font-face {
    font-family: "Red October";
    src: 
        url('/templates/cassiopeia/assets/fonts/redoctober.ttf'),
        url('/templates/cassiopeia/assets/fonts/redoctober_fat.ttf');
}

:root {
    --main-background-color: #494a4b;
    --main-background-color-light: #252525;
    --main-content-background: #eaeaea;
    --main-accent-color: #f58220;
    --main-accent-color-light: #fb8810;
    --accent-font: "Red October";
    --text-font: 'Open Sans', sans-serif
}
* {
    font-family: 'Open Sans', sans-serif;
    
}
a {
    text-decoration: none;
}
p {
    color: #222;
}
p a {
    color: black;
    text-decoration: underline;
}
p a:hover {
    text-decoration: none;
    color: black;
}
body {
    background-image: url('/media/templates/site/cassiopeia/images/bg.webp');
}
h1, h2 {
    font-family: var(--accent-font);
    text-align: center;
    font-size: 1.3rem;
}

.page-header {
    display: none;
}
.container-component {
    background-color: #eaeaea;
}
@supports (display:grid) {
    .site-grid {
        grid-template-areas:
            ".banner banner banner banner." 
            ".top-a  top-a  top-a  top-a. " 
            ".top-b  top-b  top-b  top-b. " 
            ".side-l side-l side-l side-l." 
            ".comp   comp   comp   comp.  " 
            ".side-r side-r side-r side-r." 
            ".bot-a  bot-a  bot-a  bot-a. " 
            ".bot-b  bot-b  bot-b  bot-b. ";
    }
    @media (width >= 992px) {
        .site-grid {
          grid-template-areas:
            ".banner banner banner banner." 
            ".top-a  top-a  top-a  top-a. " 
            ".top-b  top-b  top-b  top-b. " 
            ".side-l comp   comp   side-r." 
            ".bot-a  bot-a  bot-a  bot-a. " 
            ".bot-b  bot-b  bot-b  bot-b. ";
        }
      }
}

/* -----------------------   Header  --------------------------------START*/
.container-header {
    background-color: transparent;
    background-image: none;
    
}
@media (max-width: 991px) {
    .container-header {
        margin-inline: 1rem;
        width: auto;
    }
}
.container-header .container-below-top {
    box-shadow: rgba(0,0,0,0.5) 0 5px 20px 7px;
    background-color: var(--main-background-color);
    padding: 0;
}
.container-below-top .mod-menu {
    justify-content: center;
}
.container-below-top .mod-menu .nav-item {
    padding: 0;
    margin: 0
}
.container-below-top .nav-item a {
    white-space: nowrap;
    text-decoration: none;
    color: #fff;

    display: block;
    padding-inline: 2rem;
    padding-block: .7rem;
    transition: .05s ease;
}
.container-below-top .nav-item.active a {
    background-color: var(--main-accent-color);
}
.container-below-top .nav-item a:hover {
    background-color: var(--main-accent-color);
}
.container-header .navbar-brand {
    display: flex;
    justify-content: space-between;
    margin: 2rem;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
    row-gap: 1rem;
}
/* @media (max-width: 991px) {
    .top-socials {
        display: none;
    }
} */
@media (max-width: 550px) {
    .header-contact-block__address {
        flex-direction: column;
    }
}
.header-contact-block {
    display: flex;
    gap: 1rem;
    align-content: center;
    font-size: 1.3rem;
}
.header-contact-block a {
    /* display: block; */
    height: fit-content;
}
.header-contact-block__address {
    display: flex;
    gap: 4rem;
}
.header-contact-block__address a {
    text-decoration: none;
}
.header-contact-block img {
    height: 2rem;
}
.header-contact-block span {
    /* font-family: var(--accent-font); */
}
/* -----------------------   Header  --------------------------------END*/

.site-grid > [class*=" container-"] {
    box-shadow: rgba(0,0,0,0.5) 0 5px 20px 7px;
}
@media (min-width: 991px) {
    .site-grid {
        grid-gap: 0 0 ;
        grid-template-columns: [full-start]minmax(0,1fr)[main-start]repeat(4,minmax(0,20.6rem))[main-end]minmax(0,1fr)[full-end];
    }
}

/* -----------------------   Sidebar-left  --------------------------------START*/
.container-sidebar-left {
    background-color: var(--main-background-color);
}
.left-catalog {
    position: sticky;
    top: 0;
    z-index: 3;
}
.left-catalog .nav-item > a{
    display: flex;
    padding: 1rem;
    gap: 1rem;

    transition: .1s ease;
    color: #fff;
    text-decoration: none;
}
.left-catalog .nav-item > a:hover {
    background-color: var(--main-accent-color);
    text-decoration: none;
}
.left-catalog .nav-item.active > a {
    background-color: var(--main-accent-color);
    text-decoration: none;
}
.left-catalog .nav-item > a span {
    font-family: var(--accent-font);
}
.left-catalog .nav-item {
    position: relative;
    padding: 0;
}
.left-catalog .nav-item .mod-menu__sub {
    position: absolute;
    display: none;
    top: 0;
    left: 100%;
    z-index: 3;

    background-color: var(--main-background-color);
    padding: 0;
}
.left-catalog .nav-item .mod-menu__sub a {
    white-space: nowrap;
}

.left-catalog .nav-item:hover .mod-menu__sub{
    display: block;
}
.left-catalog .nav-item img {
    height: 100%;
}


/* -----------------------   Sidebar-left  --------------------------------END*/
/* -----------------------   Footer  --------------------------------START*/

.footer-container {
    background-color: black;
    flex-direction: column;
    box-shadow: rgba(0,0,0,0.5) 0 5px 20px 7px;
}
.footer-container a:hover {
    text-decoration: underline;
}
@media (max-width: 991px) {
    .footer-container {
        margin-inline: 1rem;
        width: auto;
    }
}
.footer-container hr{
    border: 1px solid var(--main-background-color);
    opacity: 1;
}
.footer-container__grid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);

    padding: 35px 40px;
}
@media (max-width: 768px) {
    .footer-container__grid {
        grid-template-columns: auto;
    }
}
.footer-menu li{
    margin-bottom: 25px;
}

.footer-menu li a {
    color: #fff;
    font-weight: 600;
    text-decoration: none;
}
.footer-catalog img{
    display: none;
}
.footer-catalog a {
    color: #fff;
    text-decoration: none;
}
.footer-catalog > .nav-item {
    margin-bottom: 1rem;
}
.footer-catalog > .nav-item  >  a{
    font-weight: 600;
}
.footer-catalog li .mod-menu__sub {
    padding: 0;
}
.footer-contact {
    color: #fff;
}
.footer-contact p {
    color: #fff;
    font-weight: 600;
}
.footer-contact ul {
    list-style: none;
    padding: 0;
}
.footer-contact ul li {
    display: flex;
    gap: .6rem;
    align-items: center;
}

.footer-contact li a {
    color: #fff;
    text-decoration: none;
}
.footer-contact li a:hover {
    color: #fff;
    text-decoration: underline;
}
.i::after{
    content: "";
    display: inline-block;
    height: 2rem;
    aspect-ratio: 1;
}
.i-map::after {
    background: url('/images/icons/ic-map-w.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.i-phone::after {
    background: url('/images/icons/ic-phone-w.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.i-mail::after {
    background: url('/images/icons/ic-email-w.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.i-time::after {
    background: url('/images/icons/ic-hours.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.i-vk::after {
    background: url('/media/templates/site/cassiopeia/images/vk-logo.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.i-tg::after {
    background: url('/media/templates/site/cassiopeia/images/telegram.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.i-wa::after {
    background: url('/media/templates/site/cassiopeia/images/whatsapp.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.footer-container__bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2rem;
    padding-top: 1rem;
}
.footer-container__bottom .info {
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
    column-gap: 1rem;
    flex-wrap: wrap;
}
.footer-container__bottom .info p {
    color: #ffffff9f;
    margin: 0;
}

.footer-container__bottom .footer-policy  {
    color: #ffffff9f;
    font-size: .9rem;
    font-weight: 400;
    width: fit-content;
    display: inline-block;
    white-space: nowrap;
}
.footer-container__bottom .footer-policy:hover {
    text-decoration: underline;
    color: #fff;
}

.footer-container__bottom p:first-of-type {
    display: inline-block;
    flex: 0 1 100%;
    color:#ffffffe4;
    width: max-content;
}


.footer-container__bottom .footer-dev img {
    width: 120px;
}

/* -----------------------   Footer  --------------------------------END*/

/* ----------------------- Main Page ------------------------------- START */
/* container-component {
    width: calc(100% + 1rem);
    margin-left: -1rem;
} */

/* .container-component {
    background-color: #fff;
} */
.banner-swiper {
    overflow: hidden;
    position: relative;
}
.banner-swiper__control {
    position: absolute;
    height: 100%;
    top: 0;
    z-index: 2;
    cursor: pointer;
}
.banner-swiper__control__prev {
    left: 0;
}
.banner-swiper__control__next {
    right: 0;
}
.banner-swiper__control img{
    height: 100%;
}
.banner-swiper__control:hover img[state="off"],
.banner-swiper__control img[state="on"] {
    display: none;
}
.banner-swiper__control:hover img[state="on"] {
    display: block;
}

.main-container {
    margin: 3rem;
}

.advantages-grid {
    display: flex;
    justify-content: center;
    margin-block: 3rem;
    flex-wrap: wrap;
}

.banneritem img {
    width: 100%;
}
.advantages-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding-inline: 1rem;
    gap: 1rem;
    max-width: 30%;
}
@media (max-width: 567px) {
    .advantages-item {
        max-width: 50%;
    }
}
.section-two-column {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    max-height: 620px;
    width: 48%;
    gap: 4%;
}
@media (max-width: 1300px) {
    .section-two-column {
        max-height: 750px;
    }
}
@media (max-width: 1200px) {
    .section-two-column {
        max-height: 800px;
    }
}
@media (max-width: 900px) {
    .section-two-column {
        max-height: 100%;
        width: 100%;
        gap: none;
    }
}
.section-two-column p {
    flex: 0 1 50%;
}
.main-slogan {
    font-family: var(--accent-font);
    font-size: 1.3rem;
}
.allocation {
    font-family: inherit;
    color: var(--main-accent-color);
}

/* ----------------------- Main Page ------------------------------- END */

/* ----------------------- dileram Page ------------------------------- START */
.diler-section h2 {
    text-align: start;
}
.diler-section p {
    color: #0000009c;
}
.diler-section ul li{
    font-family: var(--accent-font);
    margin-bottom: 1rem;
    position: relative;
}
.diler-section ul li::marker {
    content: "";
}
.diler-section ul li::before {
    content: "";
    background: url('/templates/cassiopeia/assets/images/dileram-dot.png');
    background-repeat: no-repeat;
    background-position: center;


    position: absolute;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    left: -1.5rem;
    top: 0;
}

/* ----------------------- dileram Page ------------------------------- END */

/* ----------------------- sovet Page ------------------------------- START */
.sovet .page-header {
    display: inline;
}
.content-categorysovet {
    margin: 3rem;
}
.content-categorysovet h1 {
    text-align: left;
    margin-bottom: 3rem;
}
.content-categorysovet .table > :not(caption) > * > *{
    padding: 0;
    border-bottom: none;
}

.content-categorysovet h2 {
    text-align: start;
}

.content-categorysovet .article-header {
    padding: .7rem 1rem;
    background-color: var(--main-accent-color-light);
    position: relative;
}.content-categorysovet .article-header a {
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
}@media (min-width: 991px) {
    .article-header.first::after {
        content: url('/images/sovety-chel.png');
    
        position: absolute;
        right: 0;
        bottom: 30%;
    }
}
.content-categorysovet .article-content {
    margin: 1rem;
    
}
.table > :not(caption) > * > * {
    background-color: #eaeaea;
}

.content-categorysovet .article-more {
    font-style: italic;
    color: black;
    text-decoration: underline;
}

.pagination {
    justify-content: center;
    gap: .5rem;
    
}
.pagination .page-link {
    font-size: .8rem;
    color: black;
    padding: 3px 6px 2px 6px;
    border-radius: 0;
    border: 1px solid #333;
}
.pagination .active .page-link{
    background-color: #777;
    color: #fff;
    font-weight: 600;
}

.pagination .page-link:focus {
    box-shadow: none;
}
.pagination .disabled {
    display: none;
}
.icon-angle-double-left::before {
    content: " первая";
}
.icon-angle-left::before {
    content: " предыдущая";
}
.icon-angle-double-right::before {
    content: "последняя ";
}
.icon-angle-right::before {
    content: "следующая ";
}

.item-pagesovet {
    margin: 3rem;
}
.item-pagesovet h1,
.item-pagesovet h2 {
    text-align: start;
} 

/* ----------------------- sovet Page ------------------------------- END */

/* ----------------------- contatcs Page ------------------------------- START */

.main-contacts .page-header {
    display: inline;
}
.item-pagemain-contacts h1,
.item-pagemain-contacts h2 {
    text-align: start;
}
.item-pagemain-contacts {
    margin: 3rem;
}

.item-pagemain-contacts h2 {
    margin-block: 1.5rem;
}
.item-pagemain-contacts .i::after{
    filter: brightness(0);
    background-size: 1rem;

}
.contact-page__container {
    display: flex;
    flex-direction: column;
}
.contact-page__row {
    display: flex;
    flex-wrap: wrap;
}

.contact-page__row p {
    display: flex;
    gap: .4rem;
    font-size: .9rem;
    margin-bottom: 5px;
    color: #222;
}
.contact-page__item {
    flex: 0 1 33%;
}
.contact-page__map {
    flex: 0 1 100%;

    overflow-y: hidden;
    height: 0;
    transition: .3s ease;
    margin-top: 2rem;
}
.contact-page__map.open {
    height: 300px;
    margin-bottom: .6rem;
}
.contact-page__row {
    padding-top: 2rem;
    border-bottom: 1px solid #aaa;
}
.contact-page__row:last-of-type {
    border: none;
}
.contact-page__row .contact-page__item:first-child {
    padding-left: 2rem;
}
.contact-page__row .contact-page__item:last-child {
    padding-right: 2rem;
}
.item-pagemain-contacts .map-btn{
    margin-left: 2.2rem;
    font-size: .9rem;
    color: var(--main-accent-color);
    cursor: pointer;
    transition: .1s ease;
}
.item-pagemain-contacts .map-btn:hover{
    margin-left: 2.2rem;
    font-size: .95rem;
    color: var(--main-accent-color-light);
}

@media (max-width: 768px) {
    .contact-page__row {
        flex-direction: column;
    }
    .contact-page__row .contact-page__item:first-child {
        padding: 0;
    }
}

/* ----------------------- contatcs Page ------------------------------- END */

/* ----------------------- otzivi Page ------------------------------- START */

.otzivi .page-header {
    display: inline;
}
.otzivi .page-header h1 {
    text-align: start;
}
.item-pageotzivi {
    margin: 3rem;
}
.otzivi-container__button {
    display: flex;
    justify-content: center;
}
.otzivi-container__button a{
    display: block;
    font-family: var(--accent-font);
    font-size: 1.4rem;
    color: #fff;
    text-decoration: none;

    background-color: var(--main-accent-color-light);
    padding: 1rem;
    width: fit-content;
    transition: .1s;

    border-bottom: 5px solid #c2681a; 
}
.otzivi-container__button a:hover {
    transform: scale(0.95);
}
.item-pageotzivi .overlay {
    display: flex;
    flex-direction: column;
    gap: 3rem;
}
.item-pageotzivi .comment {
    display: grid;
    grid-template-columns: 60px auto;
    gap: 1rem;
}
.item-pageotzivi .comment-date {
    color: var(--main-accent-color-light);
}

/* ----------------------- otzivi Page ------------------------------- END */

/* ----------------------- create-review Page-------------------------- START */
.item-page-create-review {
    margin: 3rem;
}
.item-page-create-review .page-header{
    display: inline;
}
.item-page-create-review .page-header h1 {
    text-align: left;
}

.item-page-create-review #otziv-form {
    display: grid;
    gap: 1rem;
}
.item-page-create-review .otziv-form__field {
    display: flex;
    flex-direction: column;
}
.item-page-create-review .otziv-form__field label span {
    color: red;
}
/* ----------------------- create-review Page-------------------------- END */

/* ----------------------- product Page-------------------------- START */
.item-page-product h1 {
    text-align: center;
}
.item-page-product .product-main-block {
    /* display: grid;
    grid-template-columns: repeat(2, 1fr); */
}
@media (max-width: 768px) {
    .item-page-product .product-main-block {
        grid-template-columns: auto;
    }
}
.item-page-product .product-catalog {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-row: 4rem;
}
.item-page-product  .product-catalog__item {
    display: block;
    height: 200px;
    position: relative;

    transition: .6s ease;
    filter: grayscale(100%);
    background-size: 100%;
    width: 100%;
}
@media (max-width: 991px) {
    .item-page-product .product-catalog__item {
        background-size: auto 100%;
        background-position: center;
        
    }
}

.item-page-product .product-catalog__item:hover {
    filter: grayscale(0);
}
.item-page-product .product-catalog__item span {
    position: absolute;
    top: 2rem;
    left: 2rem;
    right: 2rem;

    font-family: var(--accent-font);
    color: #fff;
    font-size: 1.4rem;
    user-select: none;
    word-break: break-word;
}
@media (max-width: 600px) {
    .item-page-product .product-catalog__item span {
        font-size: 4.8vw;
    }
    .item-page-product .product-catalog__item {
        aspect-ratio: 1;
        height: auto;
    }
}

.item-page-product h1,
.item-page-product h2{
    font-family: var(--text-font);
}
.item-page-product h2{
    font-size: 2rem;
}
.item-page-product .product-catalog-info {
    margin: 3rem;
}
.item-page-product .main-product-image {
    max-width: 438px;
}
.item-page-product .product-catalog-info h2 {
    margin-button: 1rem;
}

.item-page-product .product-catalog-info-block {
    margin-bottom: 3rem;
}
.item-page-product .product-catalog-info p,
.item-page-product .product-catalog-info li
.item-page-product .product-catalog-info-block p,
.item-page-product .product-catalog-info-block li{
    text-align: justify;
}
.item-page-product .product-catalog-info__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.item-page-product .product-micro-info {
    font-size: .5rem;
    font-style: italic;
}
.item-page-product .product-slider {
    margin-inline: 3rem;
}
.item-page-product .product-slider p {
    font-size: .8rem;
    text-align: center;
    margin-bottom: auto;
}
.item-page-product .additional-elements__item {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 2rem;
    padding: 1rem;
    border-bottom: 1px solid #959595;
}
.item-page-product .additional-elements__item-image {
    display: flex;
    justify-content: center;
    align-items: center;
}
.item-page-product .product-catalog-info__gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}
.item-page-product .product-catalog-info__gallery img {
    aspect-ratio: 1;
    height: 100%;
    object-fit: cover;
    position: relative;
}
.item-page-product .product-catalog-info__gallery a  {
    aspect-ratio: 1;
}

.item-page-product .only-metalocherepok {
    display: grid;
    grid-gap: 1.4rem;
    margin-block: 1rem;
}

.item-page-product .only-metalocherepok > * {
    display: flex;
    justify-content: center;
    align-content: center;
    padding: 1.4rem;
    font-size: 1.1rem;
}
.item-page-product .only-metalocherepok__title {
    background-color: #959595;
    text-transform: uppercase;
    color: #fff;
    font-size: 1.4rem;
}
.item-page-product .only-metalocherepok__field {
    background-color: #fff;
}
.item-page-product .only-metalocherepok__link {
    font-family: var(--accent-font);
    font-size: 1.4rem;
    color: #fff;
    text-decoration: none;
    background-color: var(--main-accent-color-light);
    transition: .1s;
    border-bottom: 5px solid #c2681a;
}
.item-page-product .only-metalocherepok__link:hover {
    transform: scale(.95);
}

.item-page-product .product-form {
    margin-block: 3rem;
    margin-right: 3rem;
}
@media (max-width: 768px) {
    .item-page-product .product-form {
        margin-inline: 3rem;
    }
}
.item-page-product #product-form {
    display: grid;
    justify-items: start;
}

.item-page-product #product-form input,
.item-page-product #product-form textarea {
    border:none;
    padding-inline: 1rem;
    padding-block: .7rem;
    margin-top: 1rem;
    min-width: 80%;
    box-shadow: 0px 0px 10px rgb(113, 113, 113);
}
.item-page-product #product-form input:focus,
.item-page-product #product-form textarea:focus {
    outline: none;
}
.item-page-product #product-form input::placeholder {
    color: #777;
}
.item-page-product #product-form p {
    margin-top: 1rem;
    text-align: end;
}
.item-page-product #product-form input[type="submit"] {
    font-family: var(--accent-font);
    font-size: 1.4rem;
    color: #fff;
    text-decoration: none;
    background-color: var(--main-accent-color-light);
    transition: .1s;
    border-bottom: 5px solid #c2681a;
    margin-inline: auto;
}
.item-page-product #product-form input[type="submit"]:hover {
    transform: scale(.98);
}
.item-page-product .product-color-button-next {
    color: var(--main-accent-color);
}
.item-page-product .product-color-button-prev {
    color: var(--main-accent-color);
}
.item-page-product.online-zakaz {
    margin: 3rem;
}
.item-page-product.online-zakaz #product-form {
    justify-content: center;
}

.item-page-product ul li::marker {
    content: url('/templates/cassiopeia/assets/images/dash.png');
    margin-right: 1rem;
}
.item-page-product ul li {
    margin-bottom: 1rem;
}
/* ----------------------- product Page-------------------------- END */

/* ----------------------- calculator Page-------------------------- START */
.item-page-calc {
    margin: 3rem;
    
}
.item-page-calc .page-header {
    display: inline;
}
.item-page-calc .page-header h1{
    text-align: left;
}
.item-page-calc .calc-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 4rem
}
.item-page-calc .calc-container section {
    margin-bottom: 2rem;
}
.item-page-calc label span {
    color: red;
}
.item-page-calc #calc-form__data-section label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding:.3rem .5rem ;
}
.item-page-calc #calc-form__data-section label:hover {
    background-color: #f08143;
}

.item-page-calc #calc-form__data-section label p.title {
    width: 65%;
    margin: 0;
}
.item-page-calc #calc-form__data-section label input {
    width: 20%;
    text-align: center;
}
.item-page-calc #calc-form__data-section label input:focus {
    outline: none;
}
.item-page-calc #calc-form__data-section label p.iso {
    width: 15%;
    text-align: end;
    margin: 0;
}

.item-page-calc #calc-form__contact-section label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding:.3rem .5rem ;
}
.item-page-calc #calc-form__contact-section label:hover {
    background-color: #f08143;
}

.item-page-calc #calc-form__contact-section label p {
    width: 50%;
    margin: 0;
}
.item-page-calc #calc-form__contact-section label input {
    width: 50%;
}
.item-page-calc #calc-form__contact-section label input:focus {
    outline: none;
}
.item-page-calc #calc-form input[type="submit"]{
    font-family: var(--accent-font);
    font-size: 1.4rem;
    color: #fff;
    text-decoration: none;
    background-color: var(--main-accent-color-light);
    transition: .1s;
    border-bottom: 5px solid #c2681a;
    padding: .5rem .7rem;
}

.item-page-calc #calc-form input[type="submit"]:hover {
    transform: scale(.98);
}

.item-page-calc #calc-modal {
    display: none;
    position: fixed;

    width: 100%;
    height: 100%;
    top: 0;
    left: 0;

    justify-content: center;
    align-items: center;
}
.item-page-calc .calc-modal__container {
    max-width: 600px;
    max-height: 300px;
    background-color: var(--main-accent-color);
    text-align: center;
    width: 80%;
    height: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 1.2rem;
}
.item-page-calc .calc-modal__container p {
    color: #fff;
}
.item-page-calc .calc-modal__container button {
    font-family: var(--accent-font);
    font-size: 1.4rem;
    color: #000;
    text-decoration: none;
    background-color: var(--main-accent-color-light);
    transition: .1s;
    background-color: #ffbb80;
    border: none;
    padding: .5rem .7rem;
    width: fit-content;
}
.item-page-calc .calc-modal__container .calc-modal__container__sum {
    font-weight: 600;
}
.item-page-calc .calc-info__text {
    padding-left: 3rem;
    background-image: url('/templates/cassiopeia/assets/images/raschet-info.png');
    background-repeat: no-repeat;
    margin-top: 4rem;
}
.item-page-calc .calc-container {
    margin-top: 2rem;
}
@media (max-width: 768px) {
    .item-page-calc .calc-container {
        grid-template-columns: auto;
    }
}
/* ----------------------- calculator Page-------------------------- END */

.container-page-error {
    margin: 3rem;
}

.container-page-error h1 {
    text-align: left;
}

.container-page-error .link-to-home {
    font-family: var(--accent-font);
    font-size: 1.4rem;
    color: #fff;
    text-decoration: none;
    background-color: var(--main-accent-color-light);
    transition: .1s;
    border-bottom: 5px solid #c2681a;
    padding: .7rem .9rem;
}
.container-page-error .link-to-home:hover {
    transform: scale(0.95);
}

/* ------------------------ Hovers --------------------- START */
.header-contact-block img,
.brand-logo img {
    transition: .1s ease;
}

.brand-logo img:hover {
    transform: scale(1.05);
}

.header-contact-block a:hover img {
    transform: scale(1.1);
}



/* ------------------------ Hovers --------------------- END */


/* ------------------------- Cookie --------------------- START */
.cookie-info {
    position: fixed;
    bottom: -100%;
    left: 0;

    width: 100vw;
    transition: .7s ease;
}
.cookie-info.open {
    bottom: 0;
}
.cookie-info__container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;

    margin-inline: auto;
    margin-block: 1rem;
    padding: 1rem 1.4rem;
    width: fit-content;
    box-shadow: 0px 0px 10px rgb(155, 155, 155);
    background-color: #f7811d;
}
.cookie-info__container p{
    margin:0;
    
}
.cookie-info__container a {
    color:rgb(45, 45, 45);
    font-weight: 600;
    translate: .1s ease;
}
.cookie-info__container a:hover {
    color: aliceblue;
    text-decoration: none;
}

.cookie-info__container button{
    background-color: #fff;
    padding: .5rem 1.7rem;
    cursor: pointer;

    border: none;
    font-size: 1.1rem;
    transition: .1s ease;
}
.cookie-info__container button:hover {
    background-color: rgb(192, 192, 192);
}



/* ------------------------- Cookie --------------------- START */


/* ------------------------- New Product Page ----------- START */

.product-container {
    padding-inline: 3rem;
}
.product-container > h2 {
    text-align: left;
    margin-bottom: 2rem;
}
.product-container__head {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem
}
@media (max-width: 567px) {
    .product-container__head {
        grid-template-columns: auto;
    }
}
.product-container__main-image {
    aspect-ratio: 1;
}
.product-container__main-image img {
    object-fit: cover;
    height: 100%;
}
.product-container__image-slider {
    height: 100px;
}
.product-container__image-slider .splide__slide {
    background-color: #fff;
    align-content: center;
    aspect-ratio: 1;
}
.product-container__characteristics-table [scope="row"] {
    text-align: left;
    width: 50%;
}
.item-page-product .thumbnail-slider ul li::marker  {
    content: '';
}
.item-page-product .thumbnail-slider ul li {
    margin: 0;
}
.item-page-product .thumbnail-slider {
    margin-block: .5rem;
}
.product-container__characteristics-title {
    font-size: 1.4rem;
}
.product-container .product-slider {
    margin: 0;
    margin-bottom: 2rem;
}
.product-container .swiper-slide {
    text-align: center;
}
#product-form #comment {
    float: right;
}
.product-form__container {
    width: 100%;
    display: grid;
    grid-template-columns: 40% 60%;
}
#product-form .product-form__container input:first-child {
    margin-top: 0;
}
#product-form .product-form__container textarea {
    width: 100%;
    height: 100%;
    margin: 0;
}

.form-check {
  margin-top: 15px;
}
.form-check input {
  margin-top:0px !important;
  margin-right: 15px;
}
/* ------------------------- New Product Page ----------- END */