/******************** OUR cookbook ******************  */
section.cookbook {
   background-image: url('img/COOKBOOK/bg-cook.webp');
   background-position: center;
   background-size: cover;
   height: 100%;
}

.con-cookbook {
   display: flex;
   height: 100%;
   flex-direction: column;
}

h1.title {
   display: flex;
   align-items: flex-end;
   justify-content: space-between;
   width: auto;
   font-weight: normal;
}

.flex-book {
   display: flex;
   justify-content: center;
}

.book-img {
   width: 100vh;
}

/* =======================================
list menu link
======================================= */

.link-menu-cookbook {
   position: relative;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-pack: center;
   margin-right: auto;
   margin-left: auto;
   justify-content: center;
   flex-direction: column;
   align-items: center;
}

.link-menu-cookbook ul {
   /* width: 15vw; */
}


.list-product-nav a {
   font-size: 1.9rem;
   letter-spacing: 4px;
}

.list-product-nav a.list-in-list {
   font-size: 1.3rem;
   letter-spacing: 2px;
}

.list-product-nav a {
   display: block;
   text-decoration: none;
}

.list-product-nav a:hover,
.list-product-nav a:focus,
.list-product-nav a:active {
   color: #d3b26d;
}


.list-product-nav>li a.list-product-cat {
   padding: 10px 20px;
}

.list-product-subnav {
   display: none;
   padding-left: 3rem;
   padding-top: 1.5rem;
   padding-bottom: 3rem;
}

.list-product-subnav li {
   padding: 10px 0;
   border-bottom: 1px solid white;
}

@media screen and (max-width: 1440px) {
   
   .list-product-subnav {
      padding-top: 0;
   }
}

/* =======================================
list menu link
======================================= */




/* test0.0.1 */

/******************** OUR cookbook ******************  */




@media (max-width: 1280px) {
   section.cookbook {
      height: 100%;
   }

   .con-cookbook {
      padding-bottom: 5rem;
   }
}