@import url('https://fonts.googleapis.com/css2?family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@font-face {
    font-family: 'Fashion Fetish';
    url('../font/Fashion-Fetish.ttf');
}
@font-face {
    font-family: 'listingloves';
    url('../font/listingloves.ttf');
}
@font-face {
    font-family: 'mak';
    url('../font/mak.otf');
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
:root{
    --black: #000;
    --white: #fff;
    --text: #4A2937;
    --beige: #F5EAE4;
    --krayola: #76344F;
    --pink: #F5EFF2;

    /* Старые цвета  */
    --gray: #949494;
    --strong-gray: #7E7E7E;
    --text-gray: #838383;
    --midle-gray: #E6E6E6;
    --light-gray: #F1F1F1;
    --low-gray: #D7D7D7;
    --light-pink: #F5EFF2;
    --dark-pink: #804C61;
    --red: #E74C3C;

}
html, body {
    height: 100%;
}
.pr{
    font-size: 18px;
}
body {
    font-family: "Montserrat Alternates", sans-serif;
    color: var(--text);
    display: flex;
    flex-direction: column;
}
main {
    flex: 1;
}
.Fashion-Fetish{
    font-family: Fashion Fetish, serif;
    line-height: 1.5;
}
.mak{
    font-family: mak, serif;
}
.listingloves{
    font-family: listingloves, serif;
}
.container{
    max-width: 1200px;
    margin: 0 auto;
}
.no-scroll {
    overflow: hidden;
}
.H1{
    font-size: 50px;
}
.page_header{
    margin: 15px 0 50px 0;
}
.big-mg{
    margin-bottom: 120px;
}
.inner-mg{
    margin-top: 50px;
}
/* Стили таблицы */
    table{
        border: none;
        margin: 20px 0;
    }
    table td{
        border: none;
        padding: 15px 35px;
    }
    table thead tr{
        background: var(--beige);
    }
    table thead td{
        font-family: "mak", serif;
        font-size: 30px;
    }
    table tbody td{
        font-size: 18px;
        font-weight: 500;
        flex: 1;
    }
    table tbody tr{
        border-bottom: 1px solid var(--text);
        display: flex;
    }
/* /Стили таблицы */
.hystmodal__window{
    padding: 40px 30px;
    position: relative;
}
.modal__close-btn{
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 20px;
    content: '';
    width: 20px;
    height: 20px;
    background: var(--black);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.63205 0.870267L0.577393 1.92493L13.5226 14.8701L14.5773 13.8155L1.63205 0.870267Z' fill='black'/%3E%3Cpath d='M13.5214 0.86968L0.578491 13.8171L1.63334 14.8716L14.5763 1.92416L13.5214 0.86968Z' fill='black'/%3E%3C/svg%3E%0A");
    transition: .3s;
}
.modal__close-btn:hover{
    transition: .3s;
    background: var(--gray);
}
.appointment-warn__alert{
    background: var(--red);
    max-width: 400px;
}
.appointment-warn__alert-ico{
    width: 100%;
    height: 30px;
    content: '';
    background: var(--black);
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-image: url("data:image/svg+xml,%3Csvg width='3' height='24' viewBox='0 0 3 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.45376 18.7374C1.0682 18.7374 0.69843 18.5842 0.425797 18.3116C0.153164 18.0389 0 17.6692 0 17.2836L0 1.45376C0 1.0682 0.153164 0.69843 0.425797 0.425797C0.69843 0.153164 1.0682 0 1.45376 0C1.83932 0 2.20909 0.153164 2.48172 0.425797C2.75436 0.69843 2.90752 1.0682 2.90752 1.45376V17.2836C2.90795 17.4746 2.87064 17.6639 2.79773 17.8404C2.72482 18.017 2.61775 18.1774 2.48267 18.3125C2.3476 18.4476 2.18717 18.5547 2.01059 18.6276C1.83402 18.7005 1.64479 18.7378 1.45376 18.7374Z' fill='black'/%3E%3Cpath d='M1.45379 24.0001C1.06974 24.0023 0.700413 23.8525 0.426462 23.5833C0.358297 23.5158 0.297641 23.441 0.245549 23.3604C0.193212 23.2821 0.14884 23.1988 0.113096 23.1117C0.0758764 23.0243 0.0477303 22.9334 0.0291007 22.8403C0.00917803 22.7436 -0.000566808 22.6451 2.54539e-05 22.5463C-0.000303773 22.3311 0.0471501 22.1185 0.138962 21.9239C0.230773 21.7292 0.364653 21.5574 0.530936 21.4208C0.69722 21.2842 0.891759 21.1862 1.10051 21.1339C1.30927 21.0816 1.52703 21.0763 1.73808 21.1184C1.83091 21.1381 1.92174 21.1662 2.00945 21.2024C2.09798 21.2386 2.18244 21.2841 2.26143 21.3381C2.44206 21.457 2.5938 21.6149 2.70554 21.8C2.81729 21.9852 2.88621 22.193 2.90727 22.4083C2.92834 22.6235 2.901 22.8407 2.82726 23.0441C2.75352 23.2474 2.63525 23.4316 2.48111 23.5833C2.20716 23.8525 1.83783 24.0023 1.45379 24.0001Z' fill='black'/%3E%3C/svg%3E%0A");
}
.light-slider__btn-prev{
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background: var(--white);
}
.light-slider__btn-prev::after{
    width: 15px;
    height: 20px;
    font-size: 0;
    background: var(--krayola);
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: left;
    mask-image: url("data:image/svg+xml,%3Csvg width='10' height='16' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.66308 0.318191L0.815166 7.23182C0.394945 7.65607 0.394945 8.34393 0.815166 8.76818L7.66308 15.6818C8.0833 16.1061 8.76461 16.1061 9.18483 15.6818C9.60506 15.2576 9.60506 14.5697 9.18483 14.1454L3.0978 8L9.18483 1.85455C9.60506 1.4303 9.60506 0.742446 9.18483 0.318191C8.76461 -0.106064 8.0833 -0.106064 7.66308 0.318191Z' fill='%2376344F'/%3E%3C/svg%3E%0A");
    transition: .3s;
}
.light-slider__btn-prev:hover::after{
    background: var(--text);
    transition: .3s;
}
.light-slider__btn-next{
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background: var(--white);
}
.light-slider__btn-next::after{
    content: '';
    display: block;
    width: 15px;
    height: 20px;
    font-size: 0;
    background: var(--krayola);
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: right;
    mask-image: url("data:image/svg+xml,%3Csvg width='10' height='16' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.33692 0.318191L9.18483 7.23182C9.60505 7.65607 9.60505 8.34393 9.18483 8.76818L2.33692 15.6818C1.9167 16.1061 1.23539 16.1061 0.815166 15.6818C0.394945 15.2576 0.394945 14.5697 0.815166 14.1454L6.9022 8L0.815166 1.85455C0.394945 1.4303 0.394945 0.742446 0.815166 0.318191C1.23539 -0.106064 1.9167 -0.106064 2.33692 0.318191Z' fill='%2376344F'/%3E%3C/svg%3E%0A");
    transition: .3s;
}
.light-slider__btn-next:hover::after {
    background: var(--text);
    transition: .3s;
}

.light-slider__btn-prev{
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background: var(--white);
}
.light-slider__btn-prev::after{
    content: '';
    display: block;
    width: 15px;
    height: 20px;
    font-size: 0;
    background: var(--krayola);
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: left;
    mask-image: url("data:image/svg+xml,%3Csvg width='10' height='16' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.66308 0.318191L0.815166 7.23182C0.394945 7.65607 0.394945 8.34393 0.815166 8.76818L7.66308 15.6818C8.0833 16.1061 8.76461 16.1061 9.18483 15.6818C9.60506 15.2576 9.60506 14.5697 9.18483 14.1454L3.0978 8L9.18483 1.85455C9.60506 1.4303 9.60506 0.742446 9.18483 0.318191C8.76461 -0.106064 8.0833 -0.106064 7.66308 0.318191Z' fill='%2376344F'/%3E%3C/svg%3E%0A");
    transition: .3s;
}
.light-slider__btn-prev:hover::after{
    background: var(--text);
    transition: .3s;
}
.light-slider__btn-next{
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background: var(--white);
}


.dark-slider__btn-prev{
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    min-height: 40px;
    border-radius: 100%;
    background: var(--text);
    cursor: pointer;
}
.dark-slider__btn-prev::after{
    content: '';
    display: block;
    width: 15px;
    height: 20px;
    font-size: 0;
    background: var(--white);
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: left;
    mask-image: url("data:image/svg+xml,%3Csvg width='10' height='16' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.66308 0.318191L0.815166 7.23182C0.394945 7.65607 0.394945 8.34393 0.815166 8.76818L7.66308 15.6818C8.0833 16.1061 8.76461 16.1061 9.18483 15.6818C9.60506 15.2576 9.60506 14.5697 9.18483 14.1454L3.0978 8L9.18483 1.85455C9.60506 1.4303 9.60506 0.742446 9.18483 0.318191C8.76461 -0.106064 8.0833 -0.106064 7.66308 0.318191Z' fill='%2376344F'/%3E%3C/svg%3E%0A");
    transition: .3s;
}
.dark-slider__btn-prev:hover::after{
    background: var(--krayola);
    transition: .3s;
}
.dark-slider__btn-next{
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    min-height: 40px;
    border-radius: 100%;
    background: var(--text);
    cursor: pointer;
}
.dark-slider__btn-next::after{
    content: '';
    display: flex;
    width: 15px;
    height: 20px;
    font-size: 0;
    background: var(--white);
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: right;
    mask-image: url("data:image/svg+xml,%3Csvg width='10' height='16' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.33692 0.318191L9.18483 7.23182C9.60505 7.65607 9.60505 8.34393 9.18483 8.76818L2.33692 15.6818C1.9167 16.1061 1.23539 16.1061 0.815166 15.6818C0.394945 15.2576 0.394945 14.5697 0.815166 14.1454L6.9022 8L0.815166 1.85455C0.394945 1.4303 0.394945 0.742446 0.815166 0.318191C1.23539 -0.106064 1.9167 -0.106064 2.33692 0.318191Z' fill='%2376344F'/%3E%3C/svg%3E%0A");
    transition: .3s;
}
.dark-slider__btn-next:hover::after {
    background: var(--krayola);
    transition: .3s;
}
.swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    background: none;
    border: solid 2px var(--white);
    opacity: 1;
}
.swiper-pagination-bullet-active{
    background: var(--white);
}
.cookie-container{
    position: fixed;
    display: flex;
    gap: 15px;
    left: 10px;
    bottom: 10px;
    max-width: 500px;
    height: fit-content;
    padding: 10px 15px;
    background: var(--beige);
    z-index: 5;
    border-radius: 2px;
}
.cookie-container__text{
    display: flex;
    gap: 15px;
    flex-direction: column;
}
.cookie-container__text p a{
    color: var(--text);
}
.cookie-container__button{
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--krayola);
    color: var(--white);
    height: 35px;
    cursor: pointer;
    transition: .3s;
}
.cookie-container__button:hover{
    background: var(--text);
    transition: .3s;
}
.first-left__wishlist{
    font-size: 0;
}
@media (max-width: 1200px) {
    .container{
        padding: 0 20px;
    }

}
@media (max-width: 1000px) {
    .big-mg{
        margin-bottom: 60px;
    }
    .H1{
        font-size: 30px;
    }
}
@media (max-width: 700px) {
    .container{
        padding: 0 10px;
    }
    .big-mg{
        margin-bottom: 40px;
    }
    .pr{
        font-size: 14px;
    }
    table tbody tr td:last-child{
        font-weight: unset;
    }
    table tbody tr{
        flex-direction: column;
    }
    .hystmodal__window{
        padding: 30px 20px;
    }
    .cookie-container{
        bottom: 0;
        left: 0;
    }
}
