body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{font-family:poppins}h1,h2,h3,h4,h5{font-weight:700}
body{margin:0;font-family:poppins,sans-serif}.navbar{color:#000;z-index:1000;background-color:#f4e9dc;width:100%;padding-top:15px;padding-bottom:15px;position:sticky;top:0;left:0;box-shadow:0 4px 6px #0000001a}.dropdown-content ul{padding:0}.navbar .navbar-container{justify-content:space-evenly;align-items:center;width:100%;display:flex}.cart{cursor:pointer}.navbar .navbar-container i,.navbar .navbar-container li .search{display:none}.navbar .navbar-menu{display:flex}.navbar .navbar-links{justify-content:space-around;margin:0;padding:0;list-style:none;display:flex}.navbar .navbar-links li{margin-left:17px}.navbar .navbar-links a{color:#000;font-size:18px;text-decoration:none}.navbar .navbar-links li :hover{color:#53290c}.navbar-toggle{cursor:pointer;flex-direction:column;display:none}.dorpdownnav{height:auto}.navbar-toggle-icon{background-color:#53290c;width:25px;height:3px;margin:4px 0}.navbar .main-div{gap:25px;width:42%;padding:auto;display:flex}.navbar .search{gap:5px;width:100%;display:flex}.navbar .search-box{background-color:#dcc0a9;border-radius:50px 10px 10px 50px;align-items:center;gap:5px;width:100%;padding:12px;display:flex;position:relative}.navbar .search-box:hover .search-icon3{color:#53290c}.navbar .search-input{caret-color:#fff;background-color:#dcc0a9;border:none;outline:none;flex:1;padding-left:30px}.navbar .search-input::placeholder{color:#fff}.navbar .search-icon{color:#a17659;cursor:pointer;position:absolute;left:10px}.navbar .search-button{color:#f4e9dc;cursor:pointer;background-color:#a17659;border:none;border-radius:10px 50px 50px 10px;padding:12px}.navbar .search-button:hover{background-color:#53290c}.navbar .iconsmain{gap:25px;margin:auto 50px auto auto;display:flex}.navbar .iconsmain .cart,.account{color:#a17659;font-size:30px;position:relative}.navbar .iconsmain .cart:hover,.navbar .iconsmain .account:hover{color:#573015}.cart-count{color:#fff;background-color:#450c0c;border:1px solid #450c0c;border-radius:50%;padding-left:9px;padding-right:9px;font-size:15px;position:absolute;top:5%}.cart-count:hover{color:#53290c;background-color:#fff}.navbar .profile-picture{border-radius:50%;width:30px;height:30px}.navbar #close,.close_li{display:none}.navbar-links li .active{color:#53290c;font-weight:700}.navbar .dropdown{display:inline-block;position:relative}.navbar .dropdown-content{z-index:1;opacity:0;background-color:#f9f9f9ee;justify-content:space-around;gap:30px;min-width:180px;padding:20px 50px 20px 20px;transition:opacity .8s,transform .8s;display:none;position:absolute;transform:translateY(-20px);box-shadow:0 8px 16px #0003}.navbar .dropdown-content li{color:#000;cursor:pointer;width:150px;padding:8px 10px;text-decoration:none;display:block}.navbar .dropdown-content img{width:200px;height:200px;margin:auto}.navbar .dropdown:hover .dropdown-content{opacity:1;display:flex;transform:translateY(0)}@keyframes dropdownAppear{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.navbar .dropdown-content{animation:.3s ease-out dropdownAppear}.navbar-links .cart_nav,.account1,.search_res{display:none}.navbar .logo{width:100%;height:auto}.navbar .mylogo{width:12%}.navbar .logo{width:100%}.navbar .navbar-container .search-icon3{color:#573015;cursor:pointer;font-size:24px;display:none}.navi{justify-content:space-between;align-items:center;display:none}.navi .iconsmain,.search45{display:none}.main_navi{justify-content:space-around;width:95%;display:none}.search45 .search-box{border-radius:5px;width:80%;padding:0}.search45 .search-button{border-radius:0 20px}@media (max-width:1080px){#res_logo{display:none}.navbar .navbar-container{flex-direction:column;width:100%}.main_navi{margin:inherit;justify-content:space-evenly;display:flex}.navi,.navi .iconsmain{display:flex}.logo.hidden{display:none}.mylogo.hidden{transition:opacity .3s all ease-in-out;display:none}.mylogo{display:block}.search45{width:80%;transition:opacity .5s all ease-in-out;justify-content:space-around;gap:10px;display:flex}.navbar .navbar-links{justify-content:flex-start}.navbar .dropdown:hover .dropdown-content{display:none}.navbar-menu.active{right:0}.navbar .main-div{display:none}.navbar .navbar .logo{width:35%}.navbar-links{z-index:999;background-color:#532a0cdb;background-image:url(../media/background.a3a935cc.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:300px;height:100vh;margin-top:0;padding:80px 0 0 10px;list-style:none;transition:all .3s;display:flex;position:fixed;top:0;right:-400px;box-shadow:0 40px 60px #0000001a}.navbar-links.active{right:0}.navbar-links li{margin:10px 0}.navbar-toggle.active,.navbar-toggle{display:flex}.navbar #close{display:initial}.navbar-container i{display:initial;color:#000;font-size:30px}.navbar-container li .search{display:flex}.navbar .navbar-links li{color:#dad5d5;font-size:18px;text-decoration:none}.navbar-links li a .active{color:#53290c;font-weight:700}.navbar-links .cart_nav,.account1{display:initial;background:0 0;font-size:32px}.search_res{display:initial}.search-overlay{z-index:1000;background-color:#00000080;justify-content:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.overlay-search-box{background-color:#fff;border-radius:5px;align-items:center;padding:20px;display:flex}.close-icon{cursor:pointer;color:gray;margin-left:10px}.navbar .search-box_res{border-radius:4px;align-items:center;width:100%;margin-top:4px;padding:12px;font-size:32px;display:flex;position:relative}.res_search_ham{gap:32px;display:flex}.search-box_res .search-overlay{width:100%}.search-box-overlay-search-box2{background-color:#d7d7d7;border-radius:5px;justify-content:space-between;width:70%;height:fit-content;padding:5px 20px;display:flex;position:absolute;top:7%}.search-box-overlay-search-box2 input[type=text]{background:0 0;border:none}.navbar .navbar-links a{color:#000;font-size:24px;font-weight:700;text-decoration:none}.navbar-links li .active{color:#53290c;font-weight:700}.navbar .mylogo{justify-content:center;align-items:center;width:20%}.navbar .logo{width:100%}.navbar .search-icon{right:41px}.navbar .navbar-container .search-icon3{display:block}.close_li{display:initial}.navbar .navbar-links #close{color:#fff;cursor:pointer;background-color:#4f2100;border:2px solid #8b4513;border-radius:7px;padding:4px 8px 0;font-size:25px}.navbar .navbar-links #close:hover{color:brown;background-color:#fff}.navbar{height:fit-content}.res_search_ham,.search45.hidden,.profile-picture2.hidden{display:none}.main_navi,.navi,.navi .iconsmain{margin:inherit;justify-content:space-evenly;gap:18px;display:flex}.navbar .search-input,.search45 .search-box{border-radius:20px;width:90%}}@media (max-width:768px){.navbar .mylogo{width:30%}.navbar .logo{width:100%}.navbar{height:fit-content}.navbar .search-input,.search45 .search-box{border-radius:20px;width:90%}}@media (max-width:480px){.navbar .mylogo{width:40%}.navbar .logo{width:100%}.navbar-container .search45{width:90%}.search45 .search-box,.navbar .search-input{width:65%}.navbar{height:fit-content}.profile-picture2.hidden{display:none}.navbar .search-input,.search45 .search-box{border-radius:20px;width:90%}}@media (max-width:330px){.navbar .mylogo{width:35%}.navbar .logo{width:100%}.navbar-container .search45,.search45 .search-box{width:90%}.navbar{height:fit-content}.navbar-container .search45{justify-content:center}.navbar .search-input{width:80%}.profile-picture2.hidden{display:none}}