.roboto-regular {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
    
  }
  
.roboto-medium {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: normal;
  }
body {
    background-color: #1C1C1C;
    color: #fff;
    margin: 0;
    
}
h1,h2,h3,h4,h5,h6 {
    font-weight: 500;
    margin: 0;
}
img {
    max-width: 100%;
}
p {
margin: 0;
font-family: 'Roboto';
font-size: 16px;
}
p + p {
    margin-top: 15px;
}
a {
    color: #fff;
    text-decoration: none;
}
ul {
    font-family: 'Roboto';
    list-style: none;
    padding: 0;
    margin: 0;
}
.container {
    box-sizing: border-box;
    max-width: 1170px;
    margin-right: auto;
    margin-left: auto;
    padding: 0 15px;
}
.header {
position: relative;
z-index: 10;
padding: 25px 0;
}
.header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;


}
.header__logo {

}

.header__nav {

}

.header__list {
display: flex;
gap: 30px;
}
.header__nav a{

    font-size: 16px;
    opacity: 0.7;
}
.header__nav a.active {

    opacity: 1;
}
.header__nav a:hover{
opacity: 0.9;
transition: opacity 0.3s;

}
.btn {
font-family: 'Roboto';
display: flex;
align-items: center;
justify-content: center;
font-weight: 500;
font-size: 16px;
width: 165px;
height: 50px;
background: #F6762C;
border-radius: 5px;
text-transform: uppercase;
transition: opacity 0.3s;

}
.btn:hover {
    opacity: 0.8;
}
.main {
}
/* Приветственная секция*/

.welcome {
box-sizing: border-box;
min-height: 100vh;
margin-top: -100px;
padding: 240px 0;
background-image: url("./images/welcome-bg.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.welcome__text{
    width: 550px;
}
.welcome__subtitle {
margin-bottom: 7px;
font-family: 'Roboto';
font-size: 14px;
letter-spacing: 0.1em;
}

.welcome__title {
font-family: 'Roboto';
font-size: 58px;
}

.welcome__desc {
margin: 40px 0;
font-family: 'Roboto';
font-size: 18px;
opacity: 0.7;
}

/* Список еды */
.food-list {
padding: 100px 0;
}
.food-list .container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 40px 10px;
}
.food-list__card {
width: 260px;
background: #312F30;
border-radius: 10px;
overflow: hidden;
text-align: center;

}

.food-list__img {
max-width: 100%;
height: 175px;
object-fit: cover;
}
.food-list__text-wrapper {
padding: 30px 20px;
}
.food-list__title {
font-family: 'Roboto';
font-size: 20px;
margin-bottom: 13px;
}

.food-list__desc {
font-family: 'Roboto';
font-size: 16px;
opacity: 0.7;
}
/* Order */
.order {
background: #312F30;
padding: 60px 0;
}

.order .container {
display: flex;
align-items: center;
justify-content: space-between;
padding-right: 90px;
}

.order__img {
max-width: 470px;
}

.order__text {
max-width: 360px;
}

.order__title {
margin-bottom: 25px;
font-family: 'Roboto';
font-size: 44px;
}

.order_desc {
margin-bottom: 15px;
font-family: 'Roboto';
font-size: 16px;
opacity: 0.7;
}

.order__price {
font-family: 'Roboto';
font-weight: 500;
font-size: 20px;
letter-spacing: 0.1em;
color: #F6762C;
}

.order__old-price {
font-family: 'Roboto';
font-weight: 500;
font-size: 16px;
letter-spacing: 0.1em;
color: #F6762C;
opacity: 0.5;
text-decoration: line-through;
}

.order__price + .order__price {
margin-left: 3px;
}

.order .btn {
margin-top: 10px;
}

.product {
padding: 150px 0;
}

.product .container {
display: flex;
flex-wrap: wrap;
gap: 30px;
justify-content: center;
}

.product__card {
box-sizing: border-box;
width: 555px;
min-height: 300px;
padding: 60px 30px 60px 290px;
background-color: #4b3a3a;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}

.product__title {
font-family: 'Roboto';
font-size: 30px;
margin-bottom: 20px;
}

.product_desc {
margin-bottom: 10px;
font-family: 'Roboto';
font-size: 16px;
opacity: 0.7;
}

.product__price {
font-family: 'Roboto';
font-weight: 500;
font-size: 16px;
letter-spacing: 0.1em;
color: #F6762C;
}

.product__old-price {
font-family: 'Roboto';
font-weight: 500;
font-size: 16px;
letter-spacing: 0.1em;
color: #F6762C;
opacity: 0.5;
text-decoration: line-through;
}

.product__price + .product__price {
    margin-left: 5px;
}

.btn-small {
width: 140px;
height: 40px;
font-family: 'Roboto';
font-size: 12px;
}

.product .btn {
margin-top: 10px;
}

.card-queen {
    background-image: url(./images/product-1.jpg);
}

.card-hut {
    background-image: url(./images/product-2.jpg);

}
.card-king {
    background-image: url(./images/product-3.jpg);

}
.card-papa {
    background-image: url(./images/product-4.jpg);
}
.product__card:nth-child(even) {
    padding-left: 30px;
    padding-right: 290px;
}
/* Feedback */

.feedback {
padding-bottom: 200px;
}

.feedback .container {
display: flex;
justify-content: space-between;
align-items: center;
max-width: 880px;

}

.feedback__img {

}

.feedback__text {
margin:0;
text-align: center;
max-width: 370px;
/* display: flex;
flex-direction: column; */
}

.feedback__text::before {
    content: url(./images/icons/quote.svg);
}

.feedback_desc {
text-align: center;
opacity: 0.7;
margin: 30px 0;
}

.feedback__author {
font-family: 'Roboto';
font-weight: 500;
font-size: 24px;
font-style: normal;
}

.feedback__subauthor {
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 12px;
    opacity: 0.7;
    display: block;
}
/* Download */
.download {
padding: 60px 0;
background: #312F30;
}

.download .container {
display: flex;
align-items: center;
justify-content: space-around;
}

.download__title {
font-weight: 500;
font-size: 40px;
}

.btn {

}
/* Footer */

.footer {
padding: 120px 0;
}
.footer a {
    font-family: 'Roboto';
    font-size: 12px;
    color: rgba(255,255,255, 0.8);
}
.footer a {
    font-family: 'Roboto';
    font-size: 12px;
    color: rgba(255,255,255, 0.9);
}
.footer .container {
display: grid;
grid-template-columns: 1fr 3fr 1fr;
}

.footer__contacts {
display: flex;
flex-direction: column;
align-items: flex-start;
}

.footer__logo {
display: inline-block;
width: 70px;
margin-bottom: 20px;
}

.footer__link + .footer__link {
margin-top: 10px;
}
.footer__link {
    display: flex;
    align-items: center;
    gap: 10px;
    opacity: 0.8;
}
.footer__link::before{
    width: 12px;
    height: 12px;
}
.footer__link-mail::before {
content: url(./images/icons/mail.svg);

}

.footer__link-web::before {
content: url(./images/icons/global.svg);
}

.footer__nav {

}

.footer__list {
display: grid;
grid-template-columns: repeat(3, 1fr);
}

.footer__list-title {
    list-style-type: none;

}

.footer .footer__title {
    display: inline-block;
    margin-bottom: 15px;
    font-family: 'Roboto';
    font-size: 16px;
    font-weight: 500;
    color: rgba(255,255,255, 1);
    
}

.footer__inner-list {

}

.footer__list-item + .footer__list-item {
margin-top: 15px;
}

.footer__socials {

}

.foooter__socials-icons {

}

.footer__socials-link + .footer__socials-link {
margin-left: 7px;
}
.footer__list-item {
    opacity: 0.8;
}