/*Обнуление*/
* {
    padding: 0;
    margin: 0;
    border: 0;
}

*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

:focus,
:active {
    outline: none;
}

a:focus,
a:active {
    outline: none;
}

nav,
footer,
header,
aside {
    display: block;
}

html,
body {
    height: 100%;
    width: 100%;
    font-size: 100%;
    line-height: 1;
    font-size: 14px;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

input,
button,
textarea {
    font-family: inherit;
}

input::-ms-clear {
    display: none;
}

button {
    cursor: pointer;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

a,
a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

ul li {
    list-style: none;
}

img {
    vertical-align: top;
}
/* ????????????????? */

p{
    /* font-size: clamp(16px, 1vw, 18px); */
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
                 Roboto, "Helvetica Neue", Arial, sans-serif;
    color: #222;
}



body
{
    font-family: "Kurale", serif;
    color:#222;
}
.container
{
    width: 90%;
    margin: 0 auto;
    min-width: 320px;
    max-width: 2560px;
    container-type: inline-size;
}
.full__container
{
    width: 100%;
    margin: 0 auto;
    min-width: 320px;
    max-width: 2560px;
    container-type: inline-size;
}
.head__container
{
    width: 90%;
    margin: 0 auto;
    min-width: 320px;
    max-width: 2560px;
    container-type: inline-size;
}
/* ???????????????????????????????????? */

.margin-top
{
    margin-top: clamp(12.5rem, calc(10.47rem + 4.296vh), 15.625rem);
    
}

.wrapper
{
    display: flex;
    flex-direction: column;
    min-height: 100%;
}
.main
{
    flex: 1 1 auto;
}
.nav
{
    width: 100%;
    position: fixed;
    
 /* position: sticky;  */
 top: 0; 
 z-index: 100;
}
.nav__wrap
{
    width: 100%;
     background: #303030ad;
    
}
.nav__box
{
    width: 90%;
    margin: 0 auto;
    display: flex;
    /* position: fixed;
    top: 0;
    left: 0; */
}
.nav__line
{
    display: flex;
    /* flex: 0 0 70%; */
     justify-content:space-evenly;
     width: 100%;
}
.nav__logo
{
    display: flex;
    flex: 0 0 10%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.nav__logo p
{
    color: rgb(255, 170, 79);
    text-align: center;
}
.nav__img
{
    display: flex;
    height: auto;
    max-width: 100%;
    justify-content: center;
    align-items: center;
}
.nav__img a
{
    justify-content: center;
    display: flex;
    flex: 0 0 70%;
    height: auto;
    align-items: center;
}
.nav__img img
{
    flex: 0 0 100%;
    height: auto;
    width: 60%;
}
.nav__line ul
{
    display: flex;
    flex: 0 0 50%;
}
.nav__line ul li
{
    flex: 0 0 25%;
    display: flex;
    justify-content: center;
  align-items: center;

}
.nav__line ul li a
{
    /* color: white; */
    /* font-size: clamp(16px, 1vw, 18px); */
    /* font-size: clamp(1.25rem, calc(1.027rem + 1.116cqh), 2.81rem); */
    font-size: clamp(1.50rem, calc(0.900rem + 1.000cqw), 2.50rem);
    padding: 5% 0%;

    margin: 2% 0%;

    font-weight: bold;
    color: #c57f00;
    border-radius: 20px;
    padding: 2% 5%;
    border: 1px solid orange;
}
.nav__line ul li a:hover
{
    background: #7a5b5b70;
    color: #9c2c00;
}

.nav__adres
{
    flex: 0 0 40%;
    display: flex;
    justify-content: space-evenly;
    font-size: clamp(1.25rem, calc(-0.625rem + 1.563cqw), 1.88rem);

    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.nav__adres a
{
    display: flex;
    justify-content: center;
    align-items: center;

    color: #ff3d00;
    /* font-size: 30px; */
    font-weight: bold;

    

}
.nav__adres p
{
    display: flex;
    justify-content: center;
    align-items: center;

    color: #ff3d00;
    /* font-size: 24px; */
    font-weight: bold;
}
.head__pic
{
    display: flex;
  justify-content: center;
}
.head__img
{
    display: flex;
    width: 70%;
    justify-content: center;
    align-content: center;
}
.head__img img
{
    flex: 0 0 60%;
    height: auto;
    width: 100%;
}

.test__header
{
    padding: 2% 4%;
    background: rgb(192, 192, 192);
     margin-top: 5%;
}
/* @media (max-width: 1024px)
{
    .header
{
    margin-top: 10%;
}   
}
@media (max-width: 600px)
{
    .header
{
    margin-top: 20%;
}   
} */


/* Вёрстка-баблон: лево-право начало */
.lr
{
    display: flex;
    width: 100%;
    min-height: 100%;
}
.lr__box
{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
        margin-top: 8%;
}
.lr__main
{
display: flex;
}
.lr__left
{
    flex: 0 0 80%;
    
}
.lr__right
{
    flex: 0 0 20%;
}





.header
{
    background: url('../images/header_india.webp') no-repeat;
    background-size: cover;
    background-position: center;
}
.head__box
{
    min-height: 100vh;
    width: 100%;
    background: #303030ad;

}
h1
{
    color: red;
    font-size: 60px;
    font-weight: 50px;
    letter-spacing: 1px;
    text-align: center;
    
    padding-top: 2%;
    padding-bottom: 2%;
}
.lr__left
{
    display: flex;
}


.kurale-regular {
  font-family: "Kurale", serif;
  font-weight: 400;
  font-style: normal;
}




.lr__left p
{
        /* color: rgb(168, 138, 84); */
        color: rgb(255 179 8);
        /* font-size: 50px; */
        /* font-weight: bold; */
        /* padding-top: 1%; */
        letter-spacing: 1px;
        line-height: normal;
        /* display: flex; */
        flex: 0 0 70%;
        font-family: 'KuraleRegular', Arial, sans-serif;
        font-family: "Kurale", serif;
}
.lr__left p span
{
 color: red;
 font-weight: bolder;
 font-size: 80px;
}

.lr__footer p
{
    color: white;
    font-size: 30px;
    text-align: center;
    padding-bottom: 1%;
}





/* Шаблон верх, средний, низ, начало */
.tmb
{
    /* display: block;
    height: 100%; */
    width: 100%;
}
.tmb__box
{
    display: flex;
    height: 100%;
}
.tmb__column
{
 display: flex;
flex-direction: column;
width: 100%;
}
.tmb__mid
{
    display: flex;
    flex: 1 1 auto;
}
/* Шаблон верх, средний, низ, конец */



.h_max a
{
    /* font-size: 28px; */
    color: rgb(29, 0, 0);
}


/* Повар, начало */
.lr__left
{
    flex: 0 0 60%;
}
.lr__right
{
    flex: 0 0 40%;
}
.povar__pic
{
        display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}
.pover__description
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.pover__description p
{
 /* font-size: 30px; */
 /* padding: 0% 0%;
     flex: 0 0 auto;
     color: rgb(48, 37, 0);
     padding-top: 2%; */
}
.povar__img
{
  max-width: 100%;          /* Блок не станет шире родителя */
  overflow: hidden;
}
.povar__img img
{
    flex: 0 0 100%;
    border-radius: 20px;
    max-width: 100%;
    object-fit: contain;
}
.povar__text
{
    padding: 0% 5%;
}
.povar__text p
{
    /* font-size: 50px; */
    text-align: center;
    padding: 2% 0%;
    font-weight: bold;
    color: rgb(48, 37, 0);

}
/* Повар конец */
/* ???????????????????????? */
.mesh
{
        width: 100%;
}
.mesh__box
{
    background: white;
}
.mesh__line
{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    
}

.mesh__item
{
    margin-top: 3%;
    display: flex;
    flex: 0 0 40%;
    margin: 2% 0%;
    flex-direction: column;
    min-height: 5%;
    /* background: rgb(145, 145, 145); */
    min-height: 20px;

    justify-content: center;
    align-items: center;
}


.mesh__carda
{
    border-radius: 20px;
    display: flex;
    flex-direction: column;

    font-size: 18px;
    flex: 1 1 auto;

    
}
.mesh__imga
{
    display: flex;
}
.mesh__imga img
{
    width: 100%;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-top: 2px solid rgb(196, 196, 196);
    border-left: 2px solid rgb(196, 196, 196);
    border-right: 2px solid rgb(196, 196, 196);

       box-shadow: 2px -3px 9px 2px rgb(159 172 191 / 82%);
}
.mesh__imga img:hover
{
    /* transform: scaleX(1);
    will-change: transform;
    transition: transform .4s cubic-bezier(.3, 0, .2, 1); */

}
.mesh__text
{

     
}
.mesh__texta
{
        border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
     border-bottom: 2px solid rgb(196, 196, 196);
    border-left: 2px solid rgb(196, 196, 196);
    border-right: 2px solid rgb(196, 196, 196);
    
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
padding: 2% 5%;

/* font-size: 16px; */

box-shadow: -1px 7px 4px 2px rgb(159 172 191 / 82%);
}
.mesh__titlea
{
    display: flex;
    
    

}

.mesh__icon
{
    flex: 0 0 10%;
}
.mesh__icon img
{
    max-width: 100%;
}
.mesh__words
{
    display: flex;
    flex: 1 1 auto;
    justify-content: center;
    align-items: center;
}
.mesh__words p
{
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
}
.mesh__description
{
    margin: 2% 0%;
}
/* ?????????????????????????????? */



.dish__box
{
    flex: 0 0 50%;
    display: flex;
    margin-top: 4%;
}
.dish__column
{
    flex-direction: column;
    display: flex;
}
.dish__category
{
    display: flex;
    justify-content: center;
    display: flex;


}
.dish__category
{
    text-align: center;
    font-weight: bold;
    font-size: 30px;
}
.dish__card
{
    display: flex;
    flex: 1 1 auto;
    justify-content: center;
}

.background
{
    background: url(../images/background_main.webp) no-repeat;
    width: 100%;
    min-height: 50vh;
    background-attachment: fixed;
    display: grid;
    place-content: center;
    background-position: center;
    background-size: cover;

}





/* raznoe nachalo */


/* Шаблон верх, средний, низ, начало */
.tmb
{
    /* display: block;
    height: 100%; */
    width: 100%;
}
.tmb__box
{
    display: flex;
    height: 100%;
}
.tmb__column
{
 display: flex;
flex-direction: column;
width: 100%;
}
.tmb__mid
{
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
}
/* Шаблон верх, средний, низ, конец */



.mesh__box
{
    background: white;
}
.mesh__line
{
    display: flex;
    justify-content: space-around;
        flex-wrap: wrap;
}

.mesh__item
{
    margin-top: 3%;
    display: flex;
    flex: 0 0 40%;
    margin: 2% 0%;
    flex-direction: column;
    min-height: 5%;
    /* background: rgb(145, 145, 145); */
    min-height: 20px;

    justify-content: center;
    align-items: center;
}



.mesh
{
        width: 100%;
}
.cardx
{
    width: 100%;
}
.cardx__column
{
    display: flex;
    flex-direction: column;
}
.cardx__img
{
    display: flex;
    justify-content: center;
    align-items: center;
}
.cardx__img img
{
    flex: 0 0 80%;
        border-radius: 20px;
}

.cardx__description
{
    display: flex;
    justify-content: center;
    align-items: center;
}
.cardx__description p
{
        font-weight: bold;
    font-size: 30px;
    text-align: center;
}


/* Текст1 начало */
.titlea
{
    display: flex;
    height: auto;
    width: 100%;
    margin: 2% 0%;
}
.titlea__box
{
    display: flex;
    width: 100%;
    height: 100%;
        width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    flex-direction: column;

}
.titlea__texta
{
      
 border-bottom: 8px solid rgba(70, 0, 0, 0.719);
  border-left: 8px solid rgba(70, 0, 0, 0.719);
 border-bottom-left-radius: 30px;

 display: flex;
 padding-left: 2%;

}
.titlea__texta a
{
    align-self: end;
    color: rgb(0, 0, 71);
}
.titlea__description
{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;

    background: #fff2ab;
  padding: 1% 2%;
  border-radius: 20px;
      box-shadow: 4px -3px 10px 3px rgb(157 141 32 / 42%);

  margin: 2% 0%;
}
.titlea__description p:first-child
{
    padding-top: 1%;
    border-bottom: 3px solid #be8f34;
    padding-bottom: 1%;
}
.titlea__description span
{
    padding-top: 1%;
    display: flex;
    /* align-self: flex-start; */
}
.titlea__spanbox
{
border-radius: 20px;
  box-shadow: -3px -4px 9px 5px rgb(235 213 58 / 32%);
  margin: 1% 0%;
  background: #f5efc4;
  padding: 1%;
}
.tmb_top
{
    /* display: flex;
    justify-content: center;
    padding: 5% 0%; */
        
}
h4.text-xl, h3.text-xl, h2.text-xl h1.text-xl
{
 /* font-size: 90px; */
 color: rgb(78, 0, 0);
 padding-bottom: 1%;

 /* padding-left: 1%; */
 /* margin: 2% 0%; */
 text-align: center;

}

h2.p_base
{
    padding: 1% 2%;
    color: white;
    line-height: normal;
    text-align: center;
    font-size: clamp(1.50rem, calc(1.071rem + 0.670cqw), 1.88rem);
}
/* Текст1 конец */






/* raznoe konec */

/* footer start */
.footer
{
    margin-top: 3%;
}
.footer__box
{
    display: flex;
    width: 100%;
     background: linear-gradient(135deg, #8b006d 0%, #4a0019 100%);
     flex-direction: column;
     justify-content: center;
     align-items: center;
}
.footer__box p
{
 padding: 1% 0%;
 color: rgb(206, 221, 0);
 text-align: center;
}

/* footer end */





/* Вёрстка-баблон: лево-право начало */
.gallerya
{
    display: flex;
    width: 100%;
    margin: 2% 0%;
    /* min-height: 100%; */
}
.gallerya__box
{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.gallerya__main
{
display: flex;
}
.gallerya__left
{
    flex: 0 0 100%;
    display: flex;
    
}
.gallereya__pic
{


      flex: 0 0 100%;
    background: url(../images/ind_baba.webp) no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 70vh;
    border-radius: 30px;

}
.gallereya__img
{
    border-radius: 30px;
  display: flex;
  flex: 0 0 100%;
  background: rgba(158, 43, 75, 0.62);
   min-height: 70vh;

   justify-content: center;
   align-items: center;






  background-attachment: fixed;
  display: grid;
  place-content: center;
  background-position: center;
  background-size: cover;
}
.gallereya__img a
{
color:white;
letter-spacing: 2px;

}
.gallereya__img a:hover
{
color: orange;

}
.gallereya__pic img
{
    flex: 0 0 100%;
}
/* .gallerya__right
{
    flex: 0 0 50%;
} */

@media (max-width: 768px) {
    .gallerya__main {
        flex-direction: column; /* Переворачиваем ось: теперь блоки идут сверху вниз */
    }
    
    /* .gallerya__left,
    .gallerya__right {
        flex: 1 1 auto; 
        width: 100%;     
    } */
}
/* Вёрстка-баблон: лево-право конец */














/* Фото вертится начало */
.head__img img {
  animation: rotate 10s linear infinite;
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/* Фото вертится конец */


@media (max-width: 768px) {
    .lr__main {
        flex-direction: column; /* Переворачиваем ось: теперь блоки идут сверху вниз */
    }
    
    .lr__left,
    .lr__right {
        flex: 1 1 auto;  /* Разрешаем расти и сжиматься по необходимости */
        width: 100%;     /* Растягиваем на всю ширину экрана */
    }
}
/* Вёрстка-баблон: лево-право конец */




@container(max-width: 2560px)
{
    .head__box
    {
        min-height: 100vh;
    }
    .background
    {
        min-height: 50vh;
    }
}
@container (max-width: 1024px)
{

}
@container (max-width: 1024px)
{
    .titlea__texta
    {
        border-bottom: 4px solid rgba(70, 0, 0, 0.719);
  border-left: 4px solid rgba(70, 0, 0, 0.719);
    }
    .dish__box
    {
        flex: 0 0 100%;
    }
    .background
    {
        min-height: 25vh;
    }
        .lr__left p
    {
        flex: 1 1 70%;
    }

    .nav__logo
    {
        flex: 0 0 20%;
    }
    .nav__box
    {
        width: 100%;
    }
    .nav__line ul
    {
        display: flex;
  flex-wrap: wrap;
  flex: 0 0 50%;
    }
    .nav__line ul li
   {
    flex: 0 0 50%;
   }

    .lr__left p span
    {
        font-size: clamp(3.75rem, calc(2.917rem + 1.302cqw), 5.00rem);
    }
    .lr__box
    {
        margin-top: 15%;
    }
        .head__box
    {
        min-height: 100vh;
    }
.header
{
    margin-top: 10%;
}    
.nav__adres
{
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.nav__adres a, .nav__adres p
{
    padding: 1% 0%;
}
.nav__line ul
{
    flex: 0 0 40%;
}
.nav__adres
{
    flex: 0 0 40%;
}
}
@media(max-width: 756px)
{
    .margin-top
    {
        margin-top: 40%;
    }
}
@container (max-width: 768px)
{
    .margin-top
    {
        margin-top: 40%;
    }
    .mesh__item{
        flex: 0 0 49%;
    }

      .lr__box {
    margin-top: 40%;
  }

    .nav__img img
    {
        max-width: 90%;
    }
    .nav__line ul li a
    {
font-size: clamp(1.00rem, calc(0.464rem + 2.679cqw), 1.75rem);
    }
.container
{
    width: 98%;
}
.nav__line
{
    flex-wrap: wrap;
    justify-content: unset;
}
.nav__line ul
{
    flex: 0 0 100%;
    flex-wrap: wrap;
    order: 3;
}
.nav__adres
{
    flex: 0 0 68%;
    order: 2;
}
.nav__logo
{
    order: 1;
}
.nav__line ul li
{
    flex: 0 0 25%;
    padding: 1% 0%;

}

}

/* @container (max-width: 600px)
{
 .nav__line
 {

 }   
 .nav__line ul {

  }
  .nav__adres
  {
    flex-direction: row;
    justify-content: space-between;
  }

  .nav__adres a, .nav__adres p
{
      font-size: clamp(0.88rem, calc(0.089rem + 3.929cqw), 1.56rem);
}
} */



.contact__box
{
    display: flex;
}
.contact__column
{
    display: flex;
    flex-direction: column;
    width: 100%;
}
.contact__adres
{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.contact__adres p
{
  padding: 1% 0%;
  text-align: center;
}
.contact__map
{
    display: flex;
    width: 100%;
    flex-direction: column;
}
.contact__inner
{
    width: 100%;
    border: 2px solid black;
    margin-top: 2%;
    border-radius: 20px;
}






/* автор начало */
.footer__right address {
    padding: 10px 0px;
}
.developer-banner {
    font-weight: bold;
    width: 100%;
    background-color: #5a5a5a;
    padding: 10px 0;
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
}
.developer-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}
.developer-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #efefef;
    text-decoration: none;
    font-family: inherit;
    /* font-size: 14px; */
    font-size: clamp(0.75rem, calc(0.650rem + 0.500vw), 1.25rem);
    transition: color 0.2s ease;
}
/* автор конец */