@font-face{font-family:Sahel;src:url(/Sahel.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Sahel-Bold;src:url(/Sahel-Black.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Sahel-Bold-FD;src:url(/Sahel-Bold-FD.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Vazir;src:url(/Vazir-Medium.woff) format("woff");font-weight:mediuum;font-style:normal;font-display:swap}@font-face{font-family:Vazir-Bold;src:url(/Vazir-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Yekan;src:url(/Yekan.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box;margin:0;padding:0;font-family:Sahel,Yekan,Tahoma,Geneva,Verdana,sans-serif}html{direction:rtl}body{color:#333;background-image:url(/back.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;background-blend-mode:lighten}h1,h2,h3,h4,h5,h6{font-family:Vazir-Bold,sans-serif;font-weight:700}.coffee-shop{max-width:1200px;margin:0 auto;position:relative;min-height:100vh;display:flex;flex-direction:column;background-color:#000;color:#fff}.container{flex:1;position:relative;min-height:60vh;padding-bottom:20px;overflow-y:auto}.header-image{position:relative;width:100%;margin-top:3px;margin-bottom:10px;overflow:hidden;border-radius:10px}.header-image img{width:100%;height:auto;display:block}.header-image:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:50%;background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,black 100%);pointer-events:none}.food-categories{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 20px;padding:0 20px}.food-image-wrapper{width:170px;height:170px;background-color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;padding:5px;transition:transform .3s ease}.food-image{width:150px;height:150px;border-radius:50%;object-fit:cover}.food-name{position:absolute;background-color:red;color:#fff;width:70px;height:70px;border-radius:50%;border:2px solid white;font-weight:700;bottom:-15px;display:flex;align-items:center;justify-content:center;font-size:20px;font-family:Vazir-Bold,sans-serif}.food-item.right .food-name{left:5%;top:75%}.food-item.left .food-name{right:5%;top:75%}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;padding:0 20px}.in-stock{color:#fff;font-size:16px}@media (max-width: 1024px){.food-image-wrapper{width:150px;height:150px}.food-image{width:130px;height:130px}.food-name{width:120px;font-size:18px}}.product-description p{text-align:justify;font-size:24px}@media (max-width: 768px){.food-categories{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 20px;padding:20px;margin-bottom:80px}.products-grid{grid-template-columns:1fr}.product-info h3{font-size:26px;margin-bottom:20px;color:#fff}.product-price{color:gold;font-weight:700;font-family:Sahel-Bold-FD,Sahel-Bold!important;font-size:26px!important}.in-stock{color:#fff;font-size:26px}.food-item{position:relative;display:flex;align-items:center}.food-item.right{justify-content:flex-end}.food-item.left{justify-content:flex-start}.food-image-container{position:relative}.food-image-wrapper{width:300px;height:300px;background-color:#fff;border-radius:30px 30px 0 0;display:flex;justify-content:center;align-items:center;padding:5px;transition:transform .3s ease}.food-item:hover .food-image-wrapper{transform:scale(1.05)}.food-image{width:280px;height:280px;border-radius:30px 30px 0 0;object-fit:cover}.food-name{position:absolute;background-color:red;color:#fff;width:120px;height:120px;border-radius:50%;border:2px solid white;font-weight:700;bottom:-15px;display:flex;align-items:center;justify-content:center;font-size:24px;font-family:Vazir-Bold,sans-serif;text-align:center}.food-item.right .food-name{left:51%;top:70%}.food-item.left .food-name{right:51%;top:70%}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:white;padding:20px;border-radius:8px;max-width:90%;max-height:90vh;overflow-y:auto;width:800px}.close-button{position:relative;top:10px;right:-8px;width:50px;height:50px;background-color:#fff;color:#000;border:none;border-radius:50%;font-size:45px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 1px 3px #0003;line-height:1}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin-top:20px}.gallery-item img{width:100%;height:auto;object-fit:cover;border-radius:20px;display:block;position:relative;z-index:1;transition:all .3s ease;border:white solid}.gallery-item:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,rgba(255,105,180,.7) 0%,rgba(255,165,0,.7) 25%,rgba(0,191,255,.7) 50%,rgba(138,43,226,.7) 75%,rgba(75,0,130,.7) 100%);z-index:0;border-radius:22px;animation:gradientBorder 6s ease infinite;background-size:400% 400%}.gallery-item:hover img{transform:scale(1.03)}@keyframes gradientBorder{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.product-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.view-gallery-button{width:80%;margin:3% auto 0;display:block;background-color:#4caf50;color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .3s}.view-gallery-button:hover{background-color:#45a049}.product-gallery-preview{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap;justify-content:center}.gallery-thumbnail{width:80px;height:80px;border-radius:50%;overflow:hidden;position:relative;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 4px #0000001a;transition:transform .2s}.gallery-thumbnail:hover{transform:scale(1.1)}.gallery-thumbnail img{width:100%;height:100%;object-fit:cover}.more-images-count{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}}@media (max-width: 480px){.food-categories{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 20px;padding:20px;margin-bottom:80px}.products-grid{grid-template-columns:1fr}.food-item{position:relative;display:flex;align-items:center}.food-item.right{justify-content:flex-end}.food-item.left{justify-content:flex-start}.food-image-container{position:relative}.food-image-wrapper{width:170px;height:170px;background-color:#fff;border-radius:30px 30px 0 0;display:flex;justify-content:center;align-items:center;padding:5px;transition:transform .3s ease}.food-item:hover .food-image-wrapper{transform:scale(1.05)}.food-image{width:150px;height:150px;border-radius:30px 30px 0 0;object-fit:cover}.food-name{position:absolute;background-color:red;color:#fff;width:80px;height:80px;border-radius:50%;border:2px solid white;font-weight:700;bottom:-15px;display:flex;align-items:center;justify-content:center;font-size:20px;font-family:Vazir-Bold,sans-serif;text-align:center}.food-item.right .food-name{left:77%;top:73%}.food-item.left .food-name{right:30%;top:73%}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:white;padding:20px;border-radius:8px;max-width:90%;max-height:90vh;overflow-y:auto;width:800px}.close-button{position:relative;top:10px;right:-8px;width:50px;height:50px;background-color:#fff;color:#000;border:none;border-radius:50%;font-size:45px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 1px 3px #0003;line-height:1}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin-top:20px}.gallery-item img{width:100%;height:auto;object-fit:cover;border-radius:20px;display:block;position:relative;z-index:1;transition:all .3s ease;border:white solid}.gallery-item:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,rgba(255,105,180,.7) 0%,rgba(255,165,0,.7) 25%,rgba(0,191,255,.7) 50%,rgba(138,43,226,.7) 75%,rgba(75,0,130,.7) 100%);z-index:0;border-radius:22px;animation:gradientBorder 6s ease infinite;background-size:400% 400%}.gallery-item:hover img{transform:scale(1.03)}@keyframes gradientBorder{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.product-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.view-gallery-button{width:80%;margin:3% auto 0;display:block;background-color:#4caf50;color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .3s}.view-gallery-button:hover{background-color:#45a049}.product-gallery-preview{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap;justify-content:center}.gallery-thumbnail{width:50px;height:50px;border-radius:50%;overflow:hidden;position:relative;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 4px #0000001a;transition:transform .2s}.gallery-thumbnail:hover{transform:scale(1.1)}.gallery-thumbnail img{width:100%;height:100%;object-fit:cover}.more-images-count{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}}.business-header{background-color:#fff;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:30000;border-radius:10px;margin-top:1%}.header-container{display:flex;max-width:1200px;margin:0 auto;align-items:center}.header-section{display:flex;align-items:center}.section-logo{width:25%;justify-content:flex-start;padding-right:10px}.section-name{width:75%;justify-content:flex-start}.business-logo{height:90px;width:auto;max-width:180px;object-fit:contain}.default-logo{padding:10px;background-color:#f5f5f5;border-radius:4px}.business-name{color:#333;font-size:1.8rem;margin:0;font-weight:600}.header-loading{display:flex;justify-content:center;align-items:center;height:100px;background-color:#f9f9f9}.loading-spinner{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.header-error{background-color:#ffebee;color:#d32f2f;padding:1rem;text-align:center}@media (max-width: 768px){.header-container{flex-direction:row;align-items:center}.section-logo{width:25%;justify-content:flex-start;padding-right:10px}.section-name{width:75%;justify-content:flex-start;margin-right:12%}.business-logo{height:90px}.business-name{font-size:1.2rem}}.business-footer{background-color:#2c3e50;color:#ecf0f1;padding:2rem 0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;width:100%;margin-top:auto;position:relative;z-index:10}.footer-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1200px;margin:0 auto;padding:0 2rem}.contact-info,.business-description,.social-media{padding:1rem}.contact-info h3,.business-description h3,.social-media h3{color:#f39c12;margin-bottom:1rem;font-size:1.3rem;border-bottom:1px solid #34495e;padding-bottom:.5rem}.contact-info p{margin:.8rem 0;display:flex;align-items:center;gap:.5rem}.business-description p{line-height:1.6;text-align:justify}.social-icons{display:flex;gap:1.5rem;margin-top:1rem}.social-icon{font-size:1.8rem;transition:transform .3s ease,color .3s ease}.social-icon:hover{transform:translateY(-3px)}.instagram{color:#e1306c}.telegram{color:#08c}.whatsapp{color:#25d366}.copyright{text-align:center;margin-top:2rem;padding-top:1rem;border-top:1px solid #34495e;font-size:.9rem;color:#bdc3c7}@media (max-width: 768px){.business-footer{height:200px;padding:1rem 0;position:fixed;bottom:0;left:0;right:0}.footer-container{grid-template-columns:1fr;padding:0 1rem}}/*!* استایل دکمه *!*/@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #4f46e566}70%{transform:scale(1.02);box-shadow:0 0 0 10px #4f46e500}to{transform:scale(1);box-shadow:0 0 #4f46e500}}.top-footer{position:fixed;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;padding:20px 0;background:linear-gradient(135deg,#ffffff 0%,#f9fafb 100%);box-shadow:0 -4px 20px #00000014;border-top:1px solid rgba(0,0,0,.05);z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.success-message{width:85%;max-width:400px;text-align:center;font-size:18px;font-weight:600;background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;padding:16px 24px;border-radius:12px;box-shadow:0 6px 15px #10b9814d;position:relative;overflow:hidden}.success-message:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to bottom right,rgba(255,255,255,.3) 0%,rgba(255,255,255,0) 60%);transform:rotate(30deg)}.slide-in-right{animation:slideInFromRight .6s cubic-bezier(.23,1,.32,1) forwards,pulse 2s infinite .6s}.call-button{width:85%;max-width:400px;text-align:center;font-size:18px;font-weight:600;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:#fff;padding:16px 24px;border-radius:12px;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3b82f640;position:relative;overflow:hidden}.call-button:hover{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);box-shadow:0 6px 16px #3b82f659;transform:translateY(-2px)}.call-button:active{transform:translateY(0)}.call-button:disabled{background:linear-gradient(135deg,#9ca3af 0%,#6b7280 100%);box-shadow:none;cursor:not-allowed;transform:none}.call-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.call-button:hover:before{left:100%}.call-button:disabled:after{content:"";display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin-left:10px;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.error-message{color:#ef4444;margin-top:12px;text-align:center;font-size:14px;font-weight:500;background-color:#ef44441a;padding:8px 16px;border-radius:8px;max-width:85%;animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}@media (max-width: 480px){.container{padding-bottom:80px}.top-footer{padding:10px 0}.call-button,.success-message{width:90%;font-size:16px;padding:14px 20px}}.category-back-button{position:relative;bottom:5px;left:15%;transform:translate(-50%);width:100px;height:100px;border-radius:50%;background:#6F4E37;cursor:pointer;box-shadow:0 4px 15px #0003;z-index:1000;overflow:hidden;transition:all .3s ease;border:6px solid white!important;padding:2px}.category-back-button:hover{border-color:#f5f5f5;box-shadow:0 0 0 4px #fff3}.button-content{overflow:hidden;border-radius:50%}.category-image{display:block;border-radius:50%;transition:transform .5s ease;animation:gentleSway 5s infinite ease-in-out}@keyframes gentleSway{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}50%{transform:rotate(0)}75%{transform:rotate(5deg)}}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(111,78,55,.6);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;border-radius:50%}.category-back-button:hover .overlay{opacity:1}.arrow-icon{width:40px;height:40px;fill:#fff;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(0)}40%{transform:translate(-5px)}60%{transform:translate(-3px)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.category-back-button:hover .category-image{animation:none;transform:rotate(0)}@media (max-width: 36rem){.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin-top:20px}.gallery-item img{width:100%;height:auto;object-fit:cover;border-radius:20px;display:block;position:relative;z-index:1;transition:all .3s ease;border:white solid}.gallery-item:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,rgba(255,105,180,.7) 0%,rgba(255,165,0,.7) 25%,rgba(0,191,255,.7) 50%,rgba(138,43,226,.7) 75%,rgba(75,0,130,.7) 100%);z-index:0;border-radius:22px;animation:gradientBorder 6s ease infinite;background-size:400% 400%}.gallery-item:hover img{transform:scale(1.03)}@keyframes gradientBorder{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.product-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.view-gallery-button{width:80%;margin:3% auto 0;display:block;background-color:#4caf50;color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .3s}.view-gallery-button:hover{background-color:#45a049}.product-gallery-preview{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap;justify-content:center}.gallery-thumbnail{width:50px;height:50px;border-radius:50%;overflow:hidden;position:relative;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 4px #0000001a;transition:transform .2s}.gallery-thumbnail:hover{transform:scale(1.1)}.gallery-thumbnail img{width:100%;height:100%;object-fit:cover}.more-images-count{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}}@media (min-width: 36.0625rem) and (max-width: 48rem){.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;margin-top:25px}.gallery-item img{width:100%;height:auto;object-fit:cover;border-radius:22px;display:block;position:relative;z-index:1;transition:all .3s ease;border:white solid}.gallery-item:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,rgba(255,105,180,.7) 0%,rgba(255,165,0,.7) 25%,rgba(0,191,255,.7) 50%,rgba(138,43,226,.7) 75%,rgba(75,0,130,.7) 100%);z-index:0;border-radius:24px;animation:gradientBorder 6s ease infinite;background-size:400% 400%}.gallery-item:hover img{transform:scale(1.05)}@keyframes gradientBorder{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.product-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.view-gallery-button{width:70%;margin:3% auto 0;display:block;background-color:#4caf50;color:#fff;border:none;padding:8px 12px;border-radius:5px;cursor:pointer;font-size:17px;transition:background-color .3s}.view-gallery-button:hover{background-color:#45a049}.product-gallery-preview{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap;justify-content:center}.gallery-thumbnail{width:90px;height:90px;border-radius:50%;overflow:hidden;position:relative;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 4px #0000001a;transition:transform .2s}.gallery-thumbnail:hover{transform:scale(1.1)}.gallery-thumbnail img{width:100%;height:100%;object-fit:cover}.more-images-count{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}}@media (min-width: 48.0625rem) and (max-width: 62rem){.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;margin-top:25px}.gallery-item img{width:100%;height:auto;object-fit:cover;border-radius:22px;display:block;position:relative;z-index:1;transition:all .3s ease;border:white solid}.gallery-item:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,rgba(255,105,180,.7) 0%,rgba(255,165,0,.7) 25%,rgba(0,191,255,.7) 50%,rgba(138,43,226,.7) 75%,rgba(75,0,130,.7) 100%);z-index:0;border-radius:24px;animation:gradientBorder 6s ease infinite;background-size:400% 400%}.gallery-item:hover img{transform:scale(1.05)}@keyframes gradientBorder{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.product-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.view-gallery-button{width:70%;margin:3% auto 0;display:block;background-color:#4caf50;color:#fff;border:none;padding:8px 12px;border-radius:5px;cursor:pointer;font-size:17px;transition:background-color .3s}.view-gallery-button:hover{background-color:#45a049}.product-gallery-preview{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap;justify-content:center}.gallery-thumbnail{width:90px;height:90px;border-radius:50%;overflow:hidden;position:relative;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 4px #0000001a;transition:transform .2s}.gallery-thumbnail:hover{transform:scale(1.1)}.gallery-thumbnail img{width:100%;height:100%;object-fit:cover}.more-images-count{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}}@media (max-width: 480px){.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:white;padding:20px;border-radius:8px;max-width:90%;max-height:90vh;overflow-y:auto;width:800px}.close-button{position:relative;top:10px;right:-8px;width:50px;height:50px;background-color:#fff;color:#000;border:none;border-radius:50%;font-size:45px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 1px 3px #0003;line-height:1}}@media (min-width: 30.0625rem) and (max-width: 48rem){.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:white;padding:25px;border-radius:10px;max-width:85%;max-height:85vh;overflow-y:auto;width:700px}.close-button{position:relative;top:10px;right:-10px;width:45px;height:45px;background-color:#fff;color:#000;border:none;border-radius:50%;font-size:40px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 2px 4px #0003;line-height:1}}@media (min-width: 48.0625rem) and (max-width: 62rem){.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:white;padding:25px;border-radius:10px;max-width:85%;max-height:85vh;overflow-y:auto;width:700px}.close-button{position:relative;top:10px;right:-10px;width:45px;height:45px;background-color:#fff;color:#000;border:none;border-radius:50%;font-size:40px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 2px 4px #0003;line-height:1}}.products-section{padding:20px}.products-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:0 20px}.back-button{background-color:red;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-family:Vazir-Bold,sans-serif;font-size:16px}.selected-category-name{color:#fff}.products-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:20px;padding:0 20px}.product-card{background-color:#222;border-radius:10px;overflow:hidden;transition:all .3s ease;cursor:pointer}.product-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000004d}.product-image-container{position:relative;width:100%;height:200px}.product-image{width:100%;height:100%;object-fit:cover}.product-badge{position:absolute;top:10px;left:10px;background-color:green;color:#fff;padding:5px 10px;border-radius:5px;font-size:14px}.product-info{padding:15px}.product-info h3{margin-bottom:10px;color:#fff}.product-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.product-price{color:gold;font-weight:700;font-family:Sahel-Bold-FD!important;font-size:20px!important}.product-status{font-size:14px}.in-stock{color:#fff;font-size:14px}.out-of-stock{color:#ccc}.product-description{margin-top:15px;padding-top:15px;border-top:1px solid #444;color:#ddd}.product-description p{font-size:14px;text-align:justify}.categories-section,.products-section{position:absolute;width:100%;transition:all .5s cubic-bezier(.4,0,.2,1)}.categories-section.entering{animation:slideInFromLeft .5s forwards}.categories-section.exiting{animation:slideOutToRight .5s forwards}.products-section.entering{animation:slideInFromRight .5s forwards}.products-section.exiting{animation:slideOutToLeft .5s forwards}@keyframes slideInFromLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutToRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutToLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}.loading,.error{text-align:center;padding:50px;font-size:1.2rem;color:#fff}.loading{color:gold}.error{color:#ff6b6b}.no-products-container{text-align:center;padding:50px}.no-products{color:#ccc;margin-bottom:20px;font-size:1.2rem}@media (min-width: 36.0625rem) and (max-width: 48rem){.products-grid{gap:40px}.products-header{font-size:42px}.back-button{padding:10px 20px;border-radius:15px;font-size:42px}.selected-category-name{color:#fff;font-size:42px}.product-image-container{position:relative;width:100%;height:400px}.product-badge{border-radius:15px;font-size:38px}.product-info{padding:25px}.product-info h3{margin-bottom:25px;color:#fff;font-size:45px}.product-price{font-size:40px!important}.product-status,.in-stock{font-size:36px}.out-of-stock{color:#ccc}.product-description{margin-top:15px;padding-top:15px;border-top:1px solid #444;color:#ddd}.product-description p{font-size:34px;text-align:justify}}@media (min-width: 48.0625rem) and (max-width: 62rem){.products-grid{gap:40px}.products-header{font-size:42px}.back-button{padding:10px 20px;border-radius:15px;font-size:42px}.selected-category-name{color:#fff;font-size:42px}.product-image-container{position:relative;width:100%;height:400px}.product-badge{border-radius:15px;font-size:38px}.product-info{padding:25px}.product-info h3{margin-bottom:25px;color:#fff;font-size:45px}.product-price{font-size:40px!important}.product-status,.in-stock{font-size:36px}.out-of-stock{color:#ccc}.product-description{margin-top:15px;padding-top:15px;border-top:1px solid #444;color:#ddd}.product-description p{font-size:34px;text-align:justify}}.food-categories{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 20px;padding:20px;margin-bottom:80px}.food-item{position:relative;display:flex;align-items:center;cursor:pointer}.food-item.right{justify-content:flex-end}.food-item.left{justify-content:flex-start}.food-image-container{position:relative}.food-image-wrapper{width:170px;height:170px;background-color:#fff;border-radius:5%;display:flex;justify-content:center;align-items:center;padding:5px;transition:transform .3s ease}.food-item:hover .food-image-wrapper{transform:scale(1.05)}.food-image{width:150px;height:150px;border-radius:5%;object-fit:cover}.food-name{position:absolute;background-color:red;color:#fff;width:130px;height:45px;border-radius:10px;border:2px solid white;font-weight:700;bottom:-15px;display:flex;align-items:center;justify-content:center;font-size:20px;font-family:Vazir-Bold,sans-serif}.food-item.right .food-name{left:6%;top:90%}.food-item.left .food-name{right:6%;top:90%}@media (max-width: 36rem){.food-image-wrapper{width:150px;height:150px}.food-image{width:130px;height:130px}}@media (min-width: 36.0625rem) and (max-width: 48rem){.food-image-wrapper{width:300px;height:300px}.food-image{width:280px;height:280px}.food-categories{gap:70px 30px;padding:20px;margin-bottom:100px}.food-name{width:250px;height:80px;border-radius:15px;border:4px solid white;font-size:40px}.food-item.right .food-name{left:7%;top:90%}.food-item.left .food-name{right:7%;top:90%}}@media (min-width: 48.0625rem) and (max-width: 62rem){.food-image-wrapper{width:320px;height:320px}.food-image{width:300px;height:300px}.food-categories{gap:70px 30px;padding:20px;margin-bottom:100px}.food-name{width:250px;height:80px;border-radius:15px;border:4px solid white;font-size:40px}.food-item.right .food-name{left:9%;top:90%}.food-item.left .food-name{right:9%;top:90%}}