:root{--primary:#ff4757;--dark:#2f3542;--light:#f1f2f6;--white:#fff;--grey:#747d8c;--shadow:0 4px 15px #0000000f}body{background:var(--light);color:var(--dark)}.logo{align-items:center;display:flex}.header-logo{width:auto;height:50px;transition:transform .3s;display:block}.header-logo:hover{transform:scale(1.05)}@media (width<=768px){.header-container{flex-wrap:wrap;justify-content:space-between;gap:8px;padding:0 10px}.logo{order:1}.header-right{order:2;gap:8px}.nav-links{order:3;justify-content:center;gap:10px;width:100%;padding:5px 0;display:flex!important}.nav-links a{padding:6px 12px!important;font-size:11px!important}.btn-donate{display:none}.btn-login{font-size:13px}.btn-signup{padding:8px 12px;font-size:12px}.cart-icon{font-size:18px}}@media (width<=480px){.nav-links a{padding:5px 10px!important;font-size:10px!important}.btn-signup{padding:6px 10px;font-size:11px}}@media (width<=768px){.header-logo{height:40px}}.logo{font-size:24px;font-weight:800}.cart-icon{cursor:pointer;color:var(--dark);font-size:22px;position:relative}.category-wrapper{background:#fff;border-top:1px solid #eee;padding:12px 0}.category-bar{justify-content:center;gap:10px;padding:0 20px;display:flex;overflow-x:auto}.cat-item{cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #ddd;border-radius:50px;padding:8px 18px;font-size:12px;font-weight:600;transition:all .3s}.cat-item.active .category-wrapper{background:var(--white);z-index:999;border-top:1px solid #eee;width:100%;padding:10px 0;position:sticky;top:70px}@media (width<=768px){.category-wrapper{padding:8px 0;top:60px}.category-bar{justify-content:flex-start;gap:6px;padding:4px 12px}.cat-item{padding:6px 12px;font-size:11px}}@media (width<=480px){.cat-item{padding:5px 10px;font-size:10px}}.side-column{flex-direction:column;gap:20px;min-height:100%;display:flex}.blog-card{box-shadow:var(--shadow);background:#fff;border-radius:12px;padding:15px;overflow:hidden}.blog-card.short{background:var(--primary);color:#fff}.blog-card.short span{text-transform:uppercase;opacity:.8;font-size:10px;font-weight:700}.blog-card img{object-fit:cover;border-radius:8px;width:100%;height:100px;margin-bottom:10px}.blog-card h4{margin-bottom:5px;font-size:15px}.blog-card p{color:var(--grey);font-size:12px;line-height:1.4}.blog-card.short p{color:#ffe0e0}.p-card{border:1px solid #f0f0f0;border-radius:12px;transition:all .3s;overflow:hidden}.p-info h4{margin-bottom:5px;font-size:15px}footer{background:var(--dark);color:#ccc;margin-top:50px;padding:50px 5% 20px}.footer-content{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;max-width:1600px;margin:auto;display:grid}.footer-bottom a{color:var(--primary);text-decoration:none}@media (width<=1200px){.app-layout{grid-template-columns:220px 1fr}.right-side{display:none}}@media (width<=768px){.app-layout{grid-template-columns:1fr}.left-side{order:2}.main-content{order:1}}:root{--premium-shadow:0 4px 18px #00000012;--transition-smooth:all .3s cubic-bezier(.25, .46, .45, .94)}.main-header{background:var(--white);z-index:1000;box-shadow:var(--premium-shadow);transition:var(--transition-smooth);padding:18px 5%;position:sticky;top:0}.main-header.scrolled{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fffffff2;padding:12px 5%}.logo{letter-spacing:-1.5px;color:var(--dark);cursor:pointer;font-size:28px;font-weight:900;text-decoration:none}@keyframes bounceFromTop{0%{opacity:0;transform:translateY(-200px)scaleY(1.2)}60%{opacity:1;transform:translateY(0)scaleY(.9)}75%{transform:translateY(-30px)scaleY(1.05)}90%{transform:translateY(0)scaleY(.95)}to{opacity:1;transform:translateY(0)scaleY(1)}}.nav-links{align-items:center;display:flex}.nav-links a{color:var(--grey);text-transform:uppercase;letter-spacing:.5px;transition:var(--transition-smooth);margin:0 18px;padding:5px 0;font-size:14px;font-weight:700;text-decoration:none;position:relative}.nav-links a:after{content:"";background-color:var(--primary);width:0;height:2px;transition:var(--transition-smooth);display:none;position:absolute;bottom:0;left:0}.nav-links a:hover:after{width:100%}.cart-count{background:var(--primary);color:#fff;border:2px solid var(--white);border-radius:50%;justify-content:center;align-items:center;min-width:18px;height:18px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-5px;right:-8px;box-shadow:0 2px 5px #0003}.btn-signup:hover{background:#ff6b81;transform:translateY(-3px);box-shadow:0 6px 15px #ff47574d}@media (width<=768px){.main-header{padding:15px 5%}.logo{font-size:24px}.header-right{gap:15px}.btn-signup{padding:10px 18px;font-size:14px}}@media (width<=1200px){.app-layout{grid-template-columns:250px 1fr}.right-side{grid-column:span 2;grid-template-columns:repeat(3,1fr);gap:15px;display:grid}}.app-layout{grid-template-columns:1fr}.left-side,.right-side{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}@media (width<=600px){.header-container{padding:0 10px}.logo{font-size:20px}.btn-signup{padding:8px 15px;font-size:13px}.auth-group .btn-login{display:none}.category-bar{justify-content:flex-start;padding-bottom:5px}.app-layout{gap:20px;margin:15px auto;padding:0 15px}.left-side,.right-side{order:2;grid-template-columns:1fr}.main-content{order:1;padding:15px}.product-grid{grid-template-columns:repeat(2,1fr);gap:12px}.p-card img{height:120px}.p-info h4{font-size:14px}.footer-content{text-align:center;grid-template-columns:1fr}}:root{--primary:#ff4757;--dark:#2d3436;--grey:#636e72;--light-bg:#f8f9fa;--white:#fff;--shadow:0 10px 20px #0000000d;--transition:all .3s ease}body{background-color:var(--light-bg);color:var(--dark);line-height:1.6}.main-header{background:var(--white);z-index:1000;padding:15px 5%;position:sticky;top:0;box-shadow:0 2px 10px #0000000d}.logo{letter-spacing:-1px;font-size:26px;font-weight:800}.nav-links a{color:var(--grey);transition:var(--transition);margin:0 15px;font-size:14px;font-weight:600;text-decoration:none}.nav-links a:hover{color:var(--primary)}.cart-icon{cursor:pointer;font-size:22px;position:relative}.cart-count{background:var(--primary);color:#fff;border-radius:50%;padding:2px 6px;font-size:10px;position:absolute;top:-8px;right:-10px}.btn-signup{background:var(--primary);color:#fff;cursor:pointer;transition:var(--transition);border:none;border-radius:8px;padding:10px 20px;font-weight:700}.btn-signup:hover{opacity:.9;transform:translateY(-2px)}.category-wrapper{background:var(--white);z-index:999;border-top:1px solid #eee;padding:12px 0;position:sticky;top:70px}.category-bar{scrollbar-width:none;justify-content:center;gap:12px;padding:0 20px;display:flex;overflow-x:auto}.cat-item{cursor:pointer;white-space:nowrap;transition:var(--transition);background:#fff;border:1px solid #ddd;border-radius:50px;padding:8px 20px;font-size:13px;font-weight:600}.footer-bottom{border-top:1px solid #444;margin-top:20px;padding-top:20px}@media (width<=1100px){.side-column{order:2;grid-template-columns:1fr 1fr;width:100%;display:grid}.main-content{order:1;width:100%}}@media (width<=768px){.nav-links{display:none}.category-bar{justify-content:flex-start}.app-layout{gap:20px;margin:15px auto}.main-content{min-width:100%}.product-grid{grid-template-columns:repeat(2,1fr);gap:12px}.p-card img{height:130px}.side-column{order:2;grid-template-columns:1fr}.header-container{padding:0 10px}}@media (width<=480px){.logo{font-size:20px}.btn-signup{padding:8px 15px;font-size:12px}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.side-column{border-radius:15px;height:500px;position:relative;overflow:hidden}.image-slider-v{flex-direction:column;width:100%;animation:12s ease-in-out infinite slideVertical;display:flex}.slider-img{object-fit:cover;border-bottom:5px solid var(--light-bg);width:100%;height:250px}@keyframes slideVertical{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@media (width<=768px){.side-column,.slider-img{height:200px}@keyframes slideVertical{0%,20%{transform:translateY(0)}25%,45%{transform:translateY(-200px)}50%,70%{transform:translateY(-400px)}75%,95%{transform:translateY(-600px)}to{transform:translateY(0)}}}.side-column{height:700px;position:relative;overflow:hidden}.image-slider-v{flex-direction:column;gap:15px;animation:15s linear infinite slideVertical;display:flex}.slider-img.short{object-fit:cover;border-radius:10px;width:100%;height:120px}.slider-img.middle{object-fit:cover;border-radius:10px;width:100%;height:250px}@media (width<=1024px){.product-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.app-layout{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,1fr)}.side-column{grid-template-columns:1fr 1fr;gap:10px;height:300px;display:grid}.slider-img{height:150px!important}}.bottom-slider-wrapper{border-radius:15px;max-width:1400px;margin:30px auto;padding:0 20px;overflow:hidden}.bottom-slider{width:300%;animation:18s ease-in-out infinite slideHorizontal;display:flex}.slider-img-horizontal{object-fit:cover;width:33.3333%;height:350px;display:block}@keyframes slideHorizontal{0%,20%{transform:translate(0)}22%,42%{transform:translate(-33.33%)}44%,64%{transform:translate(-66.66%)}}@media (width<=768px){.bottom-slider-wrapper{margin:15px auto;padding:0 15px}.slider-img-horizontal{height:200px}}.blog-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000000d}.blog-card img{object-fit:cover;width:100%;height:100%;display:block}@media (width<=1100px){.app-layout{grid-template-columns:1fr}.right-side{display:none}}@media (width<=768px){.app-layout{padding:0 15px}.product-grid{gap:10px;grid-template-columns:repeat(2,1fr)!important}.left-side{grid-template-columns:1fr 1fr;width:100%;display:grid}.blog-card.short,.blog-card.middle{height:150px}}.hero-slide{opacity:0;width:100%;height:100%;transition:opacity 1.5s ease-in-out;position:absolute;top:0;left:0}.hero-slide.active{opacity:1}.hero-slide img{object-fit:cover;width:100%;height:100%;display:block}.blog-card{box-shadow:none!important;background:0 0!important;border:none!important}.blog-card img{border-radius:10px}.hero-slide{opacity:0;z-index:1;width:100%;height:100%;transition:opacity 1.5s ease-in-out;position:absolute;top:0;left:0}.hero-slide.active{opacity:1;z-index:2}.hero-slide img{object-fit:cover;width:100%;height:100%}@keyframes slideAnimation{0%,20%{transform:translate(0)}25%,45%{transform:translate(-20%)}50%,70%{transform:translate(-40%)}75%,95%{transform:translate(-60%)}to{transform:translate(-80%)}}@media (width>=1200px){.product-grid{grid-template-columns:repeat(6,1fr);gap:12px;padding:20px 0;display:grid}.p-card h4{text-align:center;font-size:12px}}@media (width<=1199px) and (width>=769px){.product-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.product-grid{grid-template-columns:repeat(2,1fr)}}.signup-container{background:#fff;border-radius:12px;width:460px;padding:35px;font-family:Inter,sans-serif;position:relative;box-shadow:0 20px 50px #00000040}.signup-container h2{text-align:center;margin-bottom:5px;font-weight:600}.signup-subtitle{text-align:center;color:#777;margin-bottom:25px;font-size:14px}.close{cursor:pointer;color:#444;font-size:20px;position:absolute;top:15px;right:18px}.close:hover{color:#ff3c3c}.signup-container input,.signup-container select{border:1px solid #ddd;border-radius:6px;width:100%;margin-bottom:14px;padding:12px;font-size:14px;transition:all .2s}.signup-container input:focus,.signup-container select:focus{border-color:#ff3c3c;outline:none;box-shadow:0 0 5px #ff3c3c40}.signup-btn{color:#fff;cursor:pointer;background:#ff3c3c;border:none;border-radius:6px;width:100%;padding:14px;font-size:16px;font-weight:500;transition:all .25s}.signup-btn:hover{background:#e60000}.signin-container{background:#fff;border-radius:12px;width:420px;padding:35px;font-family:Inter,sans-serif;position:relative;box-shadow:0 20px 50px #00000040}.signin-container h2{text-align:center;margin-bottom:5px}.signin-subtitle{text-align:center;color:#777;margin-bottom:25px;font-size:14px}.close-signin{cursor:pointer;font-size:20px;position:absolute;top:15px;right:18px}.signin-container input{border:1px solid #ddd;border-radius:6px;width:100%;margin-bottom:14px;padding:12px;font-size:14px}.signin-container input:focus{border-color:#ff3c3c;outline:none;box-shadow:0 0 5px #ff3c3c40}.signin-options{justify-content:space-between;margin-bottom:15px;font-size:13px;display:flex}.signin-btn{color:#fff;cursor:pointer;background:#ff3c3c;border:none;border-radius:6px;width:100%;padding:13px;font-size:15px;transition:all .25s}.signin-btn:hover{background:#e60000}.signup-link{text-align:center;margin-top:15px;font-size:14px}.signup-link a{color:#ff3c3c;font-weight:500;text-decoration:none}.modal{z-index:9999;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal-box{text-align:center;background:#fff;border-radius:10px;width:360px;padding:30px;position:relative}.modal-box h2{margin-bottom:15px}.modal-box input{border:1px solid #ccc;border-radius:5px;width:100%;margin:8px 0;padding:10px}.submit-btn{color:#fff;cursor:pointer;background:#ff4757;border:none;border-radius:5px;width:100%;padding:10px}.submit-btn:disabled{cursor:not-allowed;background:#999}.close-btn{cursor:pointer;font-size:22px;position:absolute;top:10px;right:15px}.follow-us{text-align:center}.social-icons{justify-content:center;gap:15px;margin-top:10px;display:flex}#businessModal{z-index:9999;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}#businessModal .modal-content{background:#fff;border-radius:12px;width:500px;max-height:90vh;padding:30px;position:relative;overflow-y:auto;box-shadow:0 20px 50px #0000004d}#businessModal .close-btn{cursor:pointer;font-size:22px;position:absolute;top:15px;right:18px}#businessModal .form-row{gap:12px;display:flex}#businessModal input,#businessModal select,#businessModal textarea{border:1px solid #ddd;border-radius:6px;width:100%;margin-bottom:14px;padding:12px;font-size:14px}#businessModal textarea{resize:none;height:80px}#businessModal input:focus,#businessModal select:focus,#businessModal textarea:focus{border-color:#ff3c3c;outline:none;box-shadow:0 0 4px #ff3c3c4d}.business-btn{color:#333;background:#f2f2f2}.business-btn:hover{color:#fff;background:#ff3c3c;transform:translateY(-1px);box-shadow:0 5px 15px #ff3c3c4d}.delivery-container{background:#fff;border-radius:12px;width:440px;max-height:90vh;padding:35px;font-family:Inter,sans-serif;animation:.3s modalPop;position:relative;overflow-y:auto;box-shadow:0 25px 60px #0000004d}@keyframes modalPop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.delivery-container h2{text-align:center;margin-bottom:5px;font-weight:600}.delivery-subtitle{text-align:center;color:#777;margin-bottom:25px;font-size:14px}.delivery-container input,.delivery-container select,.delivery-container textarea{background:#fafafa;border:1px solid #e4e4e4;border-radius:8px;width:100%;margin-bottom:14px;padding:12px;font-size:14px;transition:all .25s}.delivery-container textarea{resize:none;height:80px}.delivery-container input:focus,.delivery-container select:focus,.delivery-container textarea:focus{background:#fff;border-color:#ff3c3c;outline:none;box-shadow:0 0 0 3px #ff3c3c1f}.delivery-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff3c3c,#ff6b6b);border:none;border-radius:8px;width:100%;padding:14px;font-size:16px;font-weight:500;transition:all .25s}.delivery-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px #ff3c3c59}.form-row{gap:12px;display:flex}:root{--primary:#ff4757;--dark:#2f3542;--light:#f1f2f6;--white:#fff;--grey:#747d8c;--shadow:0 4px 15px #0000000f;--transition:all .3s ease}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}body{background:var(--light);color:var(--dark);line-height:1.6}a{color:inherit;text-decoration:none}.main-header{background:var(--white);z-index:1000;box-shadow:var(--shadow);padding:15px 5%;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;max-width:1600px;margin:auto;display:flex}.logo{align-items:center;font-size:24px;font-weight:800;display:flex}.logo span{color:var(--primary)}.header-logo{transform-origin:bottom;width:auto;height:50px;animation:1.2s ease-out forwards bounceFromTop;display:block}.nav-links{align-items:center;gap:10px;display:flex}.header-right{align-items:center;gap:20px;display:flex}.cart-icon{cursor:pointer;color:var(--dark);transition:var(--transition);padding:5px;font-size:22px;position:relative}.cart-icon:hover{color:var(--primary);transform:scale(1.1)}.cart-count{background:var(--primary);color:#fff;border:2px solid var(--white);border-radius:50%;justify-content:center;align-items:center;min-width:18px;height:18px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-5px;right:-8px}.btn-donate{cursor:pointer;transition:var(--transition);background:0 0;border:1px solid #ddd;border-radius:8px;padding:8px 16px;font-weight:600}.btn-login{color:var(--dark);cursor:pointer;transition:var(--transition);background:0 0;border:none;font-size:15px;font-weight:700}.btn-login:hover{color:var(--primary)}.btn-signup{background:var(--primary);color:#fff;cursor:pointer;transition:var(--transition);border:none;border-radius:10px;padding:10px 22px;font-size:15px;font-weight:700;box-shadow:0 4px 10px #ff475733}.btn-signup:hover{background:#ff6b81;transform:translateY(-2px)}.category-wrapper{background:var(--white);z-index:999;border-top:1px solid #eee;width:100%;padding:10px 0;position:sticky;top:70px}.category-bar{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:center;gap:8px;padding:5px 15px;display:flex;overflow-x:auto}.category-bar::-webkit-scrollbar{display:none}.cat-item{cursor:pointer;white-space:nowrap;transition:var(--transition);background:#fff;border:1px solid #ddd;border-radius:50px;flex-shrink:0;padding:7px 16px;font-size:12px;font-weight:600}.cat-item.active,.cat-item:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.running-bar-wrapper{background:var(--dark);color:var(--white);white-space:nowrap;text-transform:uppercase;letter-spacing:2px;padding:10px 0;font-size:14px;font-weight:700;overflow:hidden}.running-content{animation:20s linear infinite marquee;display:inline-block}.running-item{margin:0 40px;display:inline-block}.hero-banner-container{background:#000;width:100%;height:300px;margin:20px 0;position:relative;overflow:hidden}.slider-track{width:500%;height:100%;animation:16s cubic-bezier(.9,0,.1,1) infinite slideAnimation;display:flex}.slider-track img{object-fit:cover;width:20%;height:100%}.app-layout{grid-template-columns:320px 1fr 320px;gap:20px;max-width:1600px;margin:30px auto;padding:0 20px;display:grid}.side-column{flex-direction:column;gap:15px;display:flex}.blog-card{border-radius:12px;overflow:hidden;box-shadow:none!important;background:0 0!important;border:none!important}.blog-card img{object-fit:cover;border-radius:10px;width:100%;height:100%;display:block}.main-content{box-shadow:var(--shadow);background:#fff;border-radius:15px;padding:4px}.product-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:15px;display:grid}@media (width>=1200px){.product-grid{grid-template-columns:repeat(5, -1fr);gap:5px}}@media (width<=1199px) and (width>=769px){.product-grid{grid-template-columns:repeat(3,1fr)}}.p-card{transition:var(--transition);background:#fff;border:1px solid #f0f0f0;border-radius:12px;overflow:hidden}.p-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.p-card img{object-fit:cover;width:100%;height:140px}.p-info{padding:12px}.p-info h4{color:var(--dark);margin-bottom:5px;font-size:14px}.p-info .price{color:var(--primary);font-size:15px;font-weight:700}footer{background:var(--dark);color:#ccc;text-align:center;margin-top:50px;padding:40px 5% 20px}.footer-content{text-align:left;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;max-width:1600px;margin:auto;display:grid}.footer-bottom{text-align:center;border-top:1px solid #444;margin-top:20px;padding-top:20px;font-size:13px}.footer-bottom a{color:var(--primary);font-weight:600;text-decoration:none}.social-icons{gap:15px;margin-top:10px;display:flex}.social-icons a{color:#fff;background:#444;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-size:16px;text-decoration:none;transition:all .3s;display:flex}.social-icons a:hover{background:var(--primary);transform:scale(1.1)}@media (width<=1200px){.app-layout{grid-template-columns:220px 1fr}.right-side{display:none}}@media (width<=900px){.app-layout{grid-template-columns:1fr}.left-side{order:2;grid-template-columns:1fr 1fr;display:grid}.main-content{order:1}}.m-top-bar,.m-bottom-bar{display:none}@media (width<=768px){.ciboeat-desktop-header{visibility:hidden!important;height:0!important;padding:0!important;display:none!important;overflow:hidden!important}body{padding-top:52px;padding-bottom:68px}.category-bar{justify-content:flex-start;padding:4px 12px}.category-wrapper{top:52px}.m-top-bar{z-index:9999;background:#fff;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;gap:6px;width:100%;height:52px;padding:0 10px;position:fixed;top:0;left:0;box-shadow:0 2px 8px #0000001a;display:flex!important}.m-logo{object-fit:contain;flex-shrink:0;width:auto;height:32px}.m-btn-biz{cursor:pointer;color:#e65100;white-space:nowrap;background:#fff3e0;border-radius:50px;flex-shrink:0;align-items:center;gap:4px;padding:5px 9px;font-size:10px;font-weight:600;text-decoration:none;display:inline-flex}.m-btn-del{cursor:pointer;color:#1b5e20;white-space:nowrap;background:#e8f5e9;border-radius:50px;flex-shrink:0;align-items:center;gap:4px;padding:5px 9px;font-size:10px;font-weight:600;text-decoration:none;display:inline-flex}.m-bottom-bar{z-index:9999;background:#fff;border-top:1px solid #eee;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:8px 12px;position:fixed;bottom:0;left:0;box-shadow:0 -2px 10px #0000001a;display:flex!important}.m-signin{color:#ff4757;cursor:pointer;background:#fff;border:1.5px solid #ff4757;border-radius:8px;flex:1;padding:10px;font-size:13px;font-weight:700}.m-cart{cursor:pointer;color:var(--dark);background:#f8f9fa;border:1px solid #eee;border-radius:8px;flex-shrink:0;padding:8px 14px;font-size:20px;position:relative}.m-cart .cart-count{min-width:16px;height:16px;font-size:10px;top:-4px;right:-4px}.m-signup{color:#fff;cursor:pointer;background:#ff4757;border:none;border-radius:8px;flex:1;padding:10px;font-size:13px;font-weight:700}.product-grid{gap:10px;grid-template-columns:repeat(2,1fr)!important}.p-info h4{font-size:12px}.left-side,.right-side{display:none}.app-layout{grid-template-columns:1fr;gap:12px;margin:15px auto;padding:0 10px}.hero-banner-container{height:180px;margin:10px 0}.footer-content{text-align:center;grid-template-columns:1fr}.social-icons{justify-content:center}}.blog-card.short{height:6200px}.blog-card.middle,.blog-card.middle-1{height:2800px}.customer-panel-overlay{z-index:99999;background:#0009;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0}.customer-panel-box{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:90vh;position:relative;overflow-y:auto;box-shadow:0 25px 50px #0003}.panel-close-btn{color:#888;cursor:pointer;background:0 0;border:none;font-size:28px;position:absolute;top:15px;right:20px}.panel-close-btn:hover{color:#ff4757}.panel-header{color:#fff;text-align:center;background:#ff4757;padding:25px 20px 15px}.panel-header h2{letter-spacing:1px;margin:0;font-size:20px}.welcome-text{opacity:.9;margin-top:5px;font-size:14px}.panel-body{padding:25px 30px}.form-group{margin-bottom:20px}.form-group label{color:#2f3542;margin-bottom:6px;font-size:13px;font-weight:700;display:block}.form-group input[type=text],.form-group input[type=number],.form-group textarea{border:1px solid #ddd;border-radius:8px;outline:none;width:100%;padding:12px;font-size:14px}.form-group input:focus,.form-group textarea:focus{border-color:#ff4757}.map-placeholder{text-align:center;color:#747d8c;background:#f1f2f6;border:1px dashed #ccc;border-radius:8px;margin-top:10px;padding:15px;font-size:12px}.file-input{cursor:pointer;background:#f8f9fa;border:1px dashed #ff4757;border-radius:8px;width:100%;padding:10px}.image-preview-grid{margin-top:15px}.main-image{border-radius:8px;width:100%;height:200px;margin-bottom:10px;position:relative;overflow:hidden}.main-image img{object-fit:cover;width:100%;height:100%}.badge{color:#fff;background:#ff4757;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700;position:absolute;top:10px;left:10px}.small-images-container{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.small-image{object-fit:cover;border-radius:6px;width:100%;height:80px}.share-btn{color:#fff;cursor:pointer;background:#2ed573;border:none;border-radius:10px;width:100%;margin-top:10px;padding:15px;font-size:16px;font-weight:700;box-shadow:0 4px 15px #2ed5734d}.share-btn:hover{background:#26c267}