.home{color:#111827;background:#f6f7f9;min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.home *{box-sizing:border-box}.home-loading,.home-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;display:flex}.home-spinner{border:4px solid #d1d5db;border-top-color:#0f766e;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.home-retry-btn{color:#fff;cursor:pointer;background:#0f766e;border:none;border-radius:8px;padding:10px 18px}.home-topbar{color:#fff;z-index:50;background:#0f766e;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 20px;display:flex;position:sticky;top:0}.home-topbar-row{justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.home-brand{flex-shrink:0;margin:0;font-size:16px;font-weight:600}.home-search{border:1px solid #ddd;border-radius:10px;outline:none;flex:1;width:300px;max-width:600px;padding:4px 6px}.home-search:focus{border-color:#999}.home-empty-search{text-align:center;background:#fff;border-radius:14px;grid-column:1/-1;padding:40px 20px;box-shadow:0 6px 18px #0000000f}.home-empty-search h3{margin-bottom:8px}.home-empty-search p{color:#6b7280;margin-bottom:16px}.home-clear-search{color:#fff;cursor:pointer;background:#0f766e;border:none;border-radius:8px;padding:10px 16px}.home-nav{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.home-picks-count{color:#fff;text-align:center;background:#f59e0b;border-radius:999px;min-width:22px;padding:3px 8px;font-size:11px;font-weight:700;box-shadow:0 0 12px #f59e0b80}.home-selection-btn{align-items:center;gap:6px;display:flex}.home-picks-label{font-weight:500}.home-picks-count{color:#fff;text-align:center;background:#0f766e;border-radius:999px;min-width:20px;padding:2px 7px;font-size:11px;font-weight:600}.cart-pulse .home-picks-count{animation:.5s badgeFlash}@keyframes badgeFlash{0%{background:#f59e0b;transform:scale(1);box-shadow:0 0 #ffc80000}40%{background:gold;transform:scale(1.35);box-shadow:0 0 25px gold,0 0 45px #ffd700b3}to{background:#f59e0b;transform:scale(1);box-shadow:0 0 12px #f59e0b80}}.cart-pulse{animation:.5s cartBounce}@keyframes cartBounce{0%{transform:scale(1)}40%{transform:scale(1.15)}to{transform:scale(1)}}.home-selection-btn:hover .home-picks-count{transform:scale(1.05)}.home-categories-scroll{flex-wrap:wrap;gap:8px;width:100%;padding:6px 0;display:flex}.category-chip{color:#fff;white-space:nowrap;background:#ffffff26;border:1px solid #fff6;border-radius:20px;flex:none;padding:6px 12px;font-size:12px}.category-chip:active{transform:scale(.97)}.home-btn,.home-selection-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;height:34px;padding:6px 12px;font-family:inherit;font-weight:500}.home-btn{color:#fff;background:#ffffff26}.home-selection-btn{color:#0f766e;background:#fff}.home-hero{color:#fff;background:linear-gradient(135deg,#0f766e,#14b8a6);border-radius:24px;justify-content:space-between;align-items:center;margin:20px;padding:35px;display:flex;overflow:hidden}.hero-content h1{margin:0 0 15px;font-size:42px;line-height:1.05}.hero-content p{opacity:.9;max-width:420px}.hero-content button{color:#0f766e;cursor:pointer;background:#fff;border:none;border-radius:999px;margin-top:20px;padding:12px 20px;font-weight:600}.hero-circle{font-size:90px;animation:3s ease-in-out infinite float}@keyframes float{50%{transform:translateY(-15px)}}.home-main{padding:20px}.home-title{margin-bottom:14px;font-size:18px}.home-products-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px;display:grid}.home-product-card{background:#fff;border-radius:14px;flex-direction:column;height:100%;display:flex;overflow:hidden;box-shadow:0 6px 18px #0000000f}.home-products-grid{scroll-margin-top:160px}.home-product-card:hover{transition:all .2s;transform:translateY(-2px)}.home-product-image{aspect-ratio:1;object-fit:cover;background:#fff;width:100%}.home-product-card:hover .home-product-image{transition:transform .25s;transform:scale(1.03)}.home-product-body{flex-direction:column;flex:1;gap:6px;padding:12px;display:flex}.home-product-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:38px;margin:0;font-size:14px;font-weight:600;display:-webkit-box;overflow:hidden}.home-product-desc{color:#6b7280;-webkit-line-clamp:3;-webkit-box-orient:vertical;min-height:48px;margin:0;font-size:12px;display:-webkit-box;overflow:hidden}.home-product-footer{justify-content:space-between;align-items:center;gap:10px;margin-top:auto;display:flex}.home-price{color:#0f766e;font-weight:600}.home-add-btn{color:#fff;cursor:pointer;background:#0f766e;border:none;border-radius:8px;padding:6px 10px;font-size:12px}.home-add-btn:hover{background:#f59e0b}.home-cart-overlay{z-index:200;background:#00000073;justify-content:flex-end;display:flex;position:fixed;inset:0}.home-cart{background:#fff;flex-direction:column;width:380px;max-width:100%;height:100%;padding:16px;display:flex}.home-cart-header{justify-content:space-between;align-items:center;display:flex}.home-cart-items{flex:1;margin-top:10px;overflow-y:auto}.home-cart-item{border-bottom:1px solid #eee;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 0;display:flex}.home-cart-info{flex:1;min-width:0}.home-cart-name{word-break:break-word;font-size:13px;font-weight:600}.home-cart-price{color:#666;font-size:12px}.home-cart-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.home-cart-actions button{color:#fff;cursor:pointer;background:#0f766e;border:none;border-radius:6px;width:30px;height:30px}.home-cart-actions button:last-child{color:#ef4444;white-space:nowrap;background:0 0;border:1px solid #ef4444;border-radius:6px;width:auto;min-width:70px;height:30px;padding:0 10px;font-size:11px}.home-cart-footer{border-top:1px solid #eee;padding-top:10px}.home-whatsapp-btn{color:#fff;cursor:pointer;background:#0f766e;border:none;border-radius:8px;width:100%;margin-top:10px;padding:10px}.home-cart-empty{color:#777;margin-top:20px}.home-quickview-overlay{z-index:300;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.home-quickview{background:#fff;border-radius:14px;flex-direction:column;gap:10px;width:90%;max-width:420px;padding:16px;display:flex;position:relative}.home-quickview-image{aspect-ratio:1;object-fit:cover;border-radius:10px;width:100%}.home-quickview-desc{color:#666;font-size:13px}.home-quickview-footer{justify-content:space-between;align-items:center;display:flex}.home-quickview-close{cursor:pointer;background:0 0;border:none;font-size:18px;position:absolute;top:10px;right:10px}.home-quickview{animation:.15s ease-out pop}@keyframes pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.home-toast{color:#fff;z-index:500;background:#111827;border-radius:999px;padding:12px 20px;animation:.25s toastIn;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000040}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.home-order-note{color:#6b7280;margin-top:-4px;font-size:13px}@media (width<=768px){.home-topbar{flex-direction:column;align-items:stretch;gap:10px}.home-brand{letter-spacing:.3px;margin:0;font-size:17px;font-weight:700}.home-search{width:100%;padding:10px 12px}.home-nav{justify-content:space-between;width:100%}.home-categories-scroll{flex-wrap:nowrap;overflow-x:auto}.home-categories-scroll::-webkit-scrollbar{display:none}.home-selection-btn{height:32px;padding:6px 10px;font-size:12px}.home-products-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.home-product-image{height:140px}}@media (width<=600px){.home-hero{flex-direction:column;align-items:flex-start;padding:25px}.hero-content h1{font-size:32px}.hero-circle{font-size:60px}}@media (width<=480px){.home-topbar{flex-wrap:wrap;padding:12px}.home-search{width:100%;max-width:none}.home-products-grid{grid-template-columns:repeat(2,1fr);gap:12px}.home-product-image{aspect-ratio:1;height:auto;padding:8px}.home-cart{width:100%}}.login-page{background:#f6f7f9;justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:system-ui,-apple-system,Segoe UI,sans-serif;display:flex}.login-card{background:#fff;border-radius:12px;width:100%;max-width:380px;padding:28px;box-shadow:0 6px 20px #0000000f}.login-title{text-align:center;color:#111827;margin-bottom:20px;font-size:20px;font-weight:600}.login-form{flex-direction:column;gap:12px;display:flex}.login-input{color:#111827;border:1px solid #e5e7eb;border-radius:8px;outline:none;width:100%;padding:10px;font-size:14px}.login-input:focus{border-color:#0f766e}.login-button{color:#fff;cursor:pointer;background:#0f766e;border:none;border-radius:8px;padding:10px 14px;font-weight:500;transition:all .2s}.login-button:hover{background:#0b5f58}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-error{color:#ef4444;text-align:center;font-size:13px}.admin{color:#111827;background:#f6f7f9;min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.admin-search{border:1px solid #ddd;border-radius:8px;outline:none;width:220px;padding:8px 12px}.admin-search:focus{border-color:#999}.admin *{box-sizing:border-box}.admin .topbar{color:#fff;z-index:50;background:#0f766e;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex;position:sticky;top:0}.admin .topbar h3{margin:0;font-size:16px;font-weight:600}.admin .nav-actions{align-items:center;gap:10px;display:flex}.admin button{cursor:pointer;border:none;font-family:inherit;font-weight:500}.admin .logout{color:#fff;background:#ffffff26;border-radius:8px;align-items:center;height:34px;padding:6px 12px;display:flex}.admin .dropdown{position:relative}.admin .dropdown button{color:#fff;background:#ffffff26;border-radius:8px;align-items:center;height:34px;padding:6px 12px;display:flex}.admin .dropdown-menu{z-index:100;background:#fff;border-radius:10px;min-width:200px;padding:6px 0;position:absolute;top:42px;right:0;overflow:hidden;box-shadow:0 10px 30px #0000001f}.admin .dropdown-menu div{cursor:pointer;color:#0f766e;padding:10px 14px;font-size:14px;transition:all .2s}.admin .dropdown-menu div:hover{background:#f3f4f6}.admin .main{padding:20px}.admin .form{background:#fff;border-radius:12px;margin-bottom:20px;padding:16px;box-shadow:0 6px 20px #0000000f}.admin .form input,.admin .form textarea,.admin .form select{border:1px solid #e5e7eb;border-radius:8px;width:100%;margin-bottom:10px;padding:10px}.admin .form input:focus,.admin .form textarea:focus,.admin .form select:focus{border-color:#0f766e}.admin .add-btn{color:#fff;background:#0f766e;border-radius:8px;width:100%;padding:10px 14px}.admin .grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;display:grid}.admin .card{background:#fff;border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex;box-shadow:0 6px 18px #0000000f}.admin .card img{aspect-ratio:1;object-fit:cover;background:#fff;border-radius:10px;width:100%}.admin .card input,.admin .card textarea,.admin .card select{border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:8px}.admin .save-btn{color:#fff;background:#0f766e;border-radius:8px;width:100%;padding:8px;font-size:13px}.admin .delete-btn{color:#fff;background:#ef4444;border-radius:8px;width:100%;padding:8px;font-size:13px}.admin .status{color:#555;font-size:12px}.admin .toast{z-index:999;background:#fff;border-radius:10px;padding:12px 16px;font-size:14px;font-weight:500;position:fixed;bottom:20px;right:20px;box-shadow:0 6px 20px #00000026}.admin .toast.success{border-left:5px solid #22c55e}.admin .toast.error{color:red;border-left:5px solid red}.modal-overlay{z-index:9999;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-box{text-align:center;background:#fff;border-radius:12px;width:300px;margin:0 1rem;padding:2rem;box-shadow:0 10px 30px #0003}.modal-actions{justify-content:space-between;margin-top:20px;display:flex}.cancel-btn{cursor:pointer;background:#ccc;border:none;border-radius:6px;padding:10px 15px}.confirm-btn{color:#fff;cursor:pointer;background:#e63946;border:none;border-radius:6px;padding:10px 15px}@media (width<=768px){.admin .topbar{flex-wrap:nowrap;align-items:center;gap:10px}.admin .topbar h3{flex:unset;text-align:left;font-size:15px}.admin .nav-actions{flex-wrap:nowrap;flex:1;justify-content:flex-end;gap:10px;display:flex}.admin-search{width:180px}.admin .dropdown-menu{min-width:180px;left:auto;right:0}}@media (width<=480px){.admin .topbar{flex-wrap:wrap;gap:8px}.admin .topbar h3{text-align:center;flex:100%}.admin .nav-actions{flex-flow:row;flex:100%;justify-content:space-between;gap:10px;display:flex}.admin .dropdown,.admin .logout{flex:1;width:auto}.admin .dropdown button,.admin .logout{justify-content:center;width:100%}.admin-search{width:100%}.admin .dropdown-menu{left:0;right:auto}}