header{height:70px;position:relative;width:100%}header .top_head{align-items:center;background-color:#fcfcfc;display:flex;flex-direction:row-reverse;gap:10px;justify-content:space-between;left:0;padding-inline:5%;position:fixed;top:0;width:100%;z-index:2}header .top_head .logo img{height:80px}header .top_head .icon{align-items:center;display:flex;gap:10px;position:relative}header .top_head .icon img{cursor:pointer;height:35px;vertical-align:middle;width:35px}header .top_head .icon span{background-color:orange;border-radius:50%;display:none;height:10px;position:absolute;right:0;top:0;width:10px}header .top_head .icon .dataFound{display:block}@media screen and (max-width:600px){header .top_head .icon{margin-inline-end:0}}.coffee-menu{margin:5px auto 90px;min-height:70vh}.coffee-menu .category{align-items:center;background-color:#fff;display:flex;justify-content:space-between;left:0;margin:10px auto 25px;position:fixed;top:65px;width:100%;z-index:2}.coffee-menu .category .arrow_btn{cursor:pointer;display:flex;margin-inline:6px}.coffee-menu .category .arrow_btn svg{background-color:var(--secondry-color);border-radius:50%;color:var(--primery-color);height:36px;padding:5px;transition:.3s;width:36px}.coffee-menu .category .arrow_btn svg:hover{background-color:var(--primery-color);color:var(--secondry-color)}.coffee-menu .category .arrow_btn:first-of-type svg{transform:rotateY(180deg)}.coffee-menu .category .category-content{align-items:center;background-color:#fcfcfc;display:flex;margin-inline:auto;overflow-x:auto;padding:10px;scroll-behavior:smooth}.coffee-menu .category .category-content button{background:var(--secondry-color);border:0;border-radius:6px;color:#7e4226;cursor:pointer;flex-grow:1;font-size:16px;font-weight:600;margin:7px;padding:10px 25px;text-transform:capitalize;transition:.5s ease-out;-webkit-user-select:none;user-select:none;white-space:nowrap}.coffee-menu .category .category-content button.active,.coffee-menu .category .category-content button:hover{background:#7e4226;color:#fff}.coffee-menu .category .category-content::-webkit-scrollbar{display:none;height:5px}.coffee-menu .box-content{grid-gap:0 16px;align-items:center;display:grid;gap:0 16px;grid-template-columns:repeat(3,1fr);justify-content:center;margin-top:100px;margin-inline:auto;width:95%}@media screen and (max-width:1325px){.coffee-menu .box-content{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:701px){.coffee-menu .box-content{grid-template-columns:repeat(1,1fr)}}.coffee-box{background:#fff;border-radius:7px;box-shadow:0 2px 7px 2px #ccc;display:flex;margin-inline:auto;margin-top:24px;opacity:.5;padding:8px 8px 8px 0;position:relative;transition:.3s ease-in-out;width:100%}.coffee-box.fade-in{opacity:1;top:0}.coffee-box .img-content{align-items:center;aspect-ratio:4/4;background:#fae8c3;border-radius:6px;display:flex;justify-content:center;padding:10px 24px;position:relative;width:200px}.coffee-box .img-content img{background:none;display:inline-block;filter:drop-shadow(2px 4px 1px #ccc);object-fit:contain;transform:scale(1.5);width:100%;z-index:0}.coffee-box #no-out-img{aspect-ratio:4/4;background:#fae8c3;border-radius:6px;width:200px}.coffee-box #no-out-img img{right:0;top:15px;transform:scale(1.5)}.coffee-box .coffee-info{display:flex;flex-direction:column;justify-content:space-between;padding:7px 10px;position:relative;width:100%;z-index:1}.coffee-box .coffee-info .title .head{align-items:center;display:flex;height:30px;justify-content:space-between}.coffee-box .coffee-info .title h2{color:var(--primery-color);font-size:20px;font-weight:700}.coffee-box .coffee-info .title button{all:unset;font-size:16px;font-weight:600}.coffee-box .coffee-info .title button span{font-family:sans-serif;font-weight:600}.coffee-box .coffee-info ul{display:flex;flex-wrap:wrap;list-style:none;margin-top:8px;padding:5px 0}.coffee-box .coffee-info ul li{background:var(--secondry-color);border-radius:6px;color:var(--primery-color);cursor:pointer;font-size:15px;font-weight:400;margin-inline-end:7px;margin-bottom:3px;padding:2px 15px;transition:.5s ease-out;-webkit-user-select:none;user-select:none}.coffee-box .coffee-info ul p{align-items:center;color:#5e5e5e;color:var(--primery-color);cursor:pointer;display:flex;font-size:11px;font-size:14px;font-weight:600;margin-inline-start:4px;text-decoration:underline}.coffee-box .coffee-info ul .active{background:#7e4226;color:#fff}.coffee-box .coffee-info .description{color:#5e5e5e;font-size:12px}.coffee-box .coffee-info .description span{color:var(--primery-color);cursor:pointer;margin-inline-start:4px;text-decoration:underline}.coffee-box .coffee-info .price{align-items:end;display:flex;font-size:16px;font-weight:600;height:100%;justify-content:space-between;margin-top:16px}.coffee-box .coffee-info .price p{color:var(--primery-color);font-size:14px;font-weight:800}.coffee-box .coffee-info .price span{font-family:sans-serif;font-weight:800}.coffee-box .coffee-info .price ul{all:unset;background-color:var(--primery-color);border-radius:15px;display:flex;list-style:none}.coffee-box .coffee-info .price ul li{align-items:center;background:#fff;border:2px solid var(--primery-color);border-radius:50%;color:var(--primery-color);display:flex;font-size:20px;font-weight:900;height:25px;justify-content:center;margin:0;padding:0;-webkit-user-select:none;user-select:none;width:25px}.coffee-box .coffee-info .price ul li:nth-of-type(2){background-color:var(--primery-color);border-radius:0;color:#fff;font-size:14px}@media screen and (max-width:600px){.coffee-box .coffee-info ul li{font-size:14px}}@media screen and (max-width:340px){.coffee-box{width:90%}}@font-face{font-family:El Messiri;src:url(../../static/media/ElMessiri-VariableFont_wght.3dd59e3d59b0aead44f8.ttf)}:root{--primery-color:#7e4226;--secondry-color:#fde9ce;--background-color:#fdf5df}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box;font-family:El Messiri,sans-serif;font-weight:400;margin:0;padding:0;text-decoration:none}::-webkit-scrollbar{background-color:#f1f1f1;height:7px;width:10px}::-webkit-scrollbar-thumb{background-color:#888}.show-to-up{animation:UP .5s ease-out}body{background-color:#fcfcfc;overflow-x:hidden}@keyframes UP{0%{opacity:0;transform:translateY(30%)}to{opacity:1;transform:translateY(0)}}.search_content,.search_content form{background-color:#fff;width:100%}.search_content form{align-items:center;display:flex;justify-content:space-between;left:0;padding:32px 5%;position:fixed;top:0;z-index:2}.search_content form .icon{position:relative}.search_content form .icon img{cursor:pointer;height:35px;vertical-align:middle;width:35px}.search_content form .icon span{background-color:orange;border-radius:50%;display:none;height:10px;position:absolute;right:0;top:0;width:10px}.search_content form .icon .dataFound{display:block}@media screen and (max-width:600px){.search_content form .icon{margin-inline-end:0}}.search_content form .input_group{align-items:center;display:flex;justify-content:center;max-width:600px;position:relative;width:70%}.search_content form .input_group label img{background-color:var(--secondry-color);border-radius:0 4px 4px 0;cursor:pointer;height:calc(100% - 2px);padding:4px;position:absolute;top:50%;transform:translateY(-50%)}.search_content form .input_group>input{background-color:var(--secondry-color);border:none;border-radius:6px;color:var(--primery-color);font-size:14px;font-weight:600;outline:none;padding:8px;text-indent:30px;width:100%}.search_content form .input_group>input::placeholder{color:var(--primery-color)}.search_content form .input_group>input:focus{border-bottom:1px solid var(--primery-color);border-radius:6px 6px 0 0}.search_content form .input_group ul{background:var(--secondry-color);display:none;left:0;list-style:none;max-height:310px;overflow-y:hidden;position:absolute;top:100%;width:100%}.search_content form .input_group ul::-webkit-scrollbar{background-color:var(--secondry-color);width:5px}.search_content form .input_group ul::-webkit-scrollbar-thumb{background-color:var(--primery-color)}.search_content form .input_group ul:after{border-left:3px solid var(--primery-color);left:0}.search_content form .input_group ul:after,.search_content form .input_group ul:before{border-bottom:3px solid var(--primery-color);bottom:0;content:"";height:8px;position:absolute;width:8px}.search_content form .input_group ul:before{border-right:3px solid var(--primery-color);right:0}.search_content form .input_group ul li{align-items:center;border-bottom:1px solid var(--primery-color);color:var(--primery-color);cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:space-between;padding:8px 10px;transition:.3s}.search_content form .input_group ul li input{all:unset;width:calc(100% - 30px)}.search_content form .input_group ul li:hover{background-color:var(--primery-color);color:var(--secondry-color)}.search_content form .input_group ul li:hover svg{stroke:var(--secondry-color)}.search_content form .input_group ul li svg{stroke-width:.5;stroke:var(--primery-color);height:15px;justify-self:end;width:15px}.search_content form .back a{all:unset}.search_content form .back a svg{cursor:pointer;height:35px;transform:rotateY(180deg);vertical-align:middle;width:35px}.search_content .box-content{grid-gap:20px 10px;align-items:center;display:grid;gap:20px 10px;grid-template-columns:repeat(3,1fr);justify-content:center;margin-top:100px;margin-inline:auto;padding-bottom:20px;width:95%}.search_content .box-content::-webkit-scrollbar{background-color:var(--secondry-color);width:5px}.search_content .box-content::-webkit-scrollbar-thumb{background-color:var(--primery-color)}@media screen and (max-width:1325px){.search_content .box-content{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:801px){.search_content .box-content{grid-template-columns:repeat(1,1fr);padding-inline:10px}}.search_content .cap_pic{left:50%;max-width:300px;position:absolute;top:45%;transform:translate(-50%,-50%);width:60vw;z-index:-1}
/*# sourceMappingURL=main.da165282.css.map*/