@import "https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";:root{--color-primary:#16a34a;--color-primary-dark:#15803d;--color-primary-light:#dcfce7;--color-primary-muted:#86efac;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-muted:#94a3b8;--color-background:#fff;--color-background-2:#f0fdf4;--color-border:#e2e8f0;--color-error:#ef4444}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0;font-family:Outfit}body{min-height:100vh}a{color:inherit;text-decoration:none}.app{width:88%;max-width:1280px;margin:auto}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.navbar{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin:0 -5%;padding:16px 5%;display:flex;position:sticky;top:0}.navbar .logo{width:130px}.navbar-menu{gap:6px;list-style:none;display:flex}.navbar-menu a{color:#475569;text-transform:capitalize;border-radius:8px;padding:8px 14px;font-size:15px;font-weight:500;transition:color .2s,background .2s}.navbar-menu a:hover{color:#16a34a;background:#f0fdf4}.navbar-menu a.active{color:#16a34a;font-weight:600}.navbar-right{align-items:center;gap:12px;display:flex}.navbar-right img{cursor:pointer;opacity:.6;width:20px;transition:opacity .2s}.navbar-right img:hover{opacity:1}.navbar-basket-icon{position:relative}.navbar-basket-icon .dot{background:#16a34a;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:-3px;right:-3px}.navbar button{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:999px;padding:9px 22px;font-family:inherit;font-size:14px;font-weight:600;transition:background .2s,transform .15s}.navbar button:hover{background:#15803d;transform:translateY(-1px)}.navbar-customer{align-items:center;gap:10px;display:flex}.navbar-customer-name{color:#374151;font-size:14px;font-weight:600}.navbar-logout-btn{color:#ef4444!important;background:0 0!important;border:1.5px solid #ef4444!important;padding:7px 16px!important;font-size:13px!important}.navbar-logout-btn:hover{background:#fef2f2!important;transform:none!important}@media (max-width:900px){.navbar-menu,.navbar-customer-name{display:none}}@media (max-width:480px){.navbar .logo{width:110px}}.header{background:linear-gradient(135deg,#064e3b 0%,#065f46 40%,#16a34a 100%);border-radius:24px;align-items:center;min-height:420px;margin:24px 0 0;display:flex;position:relative;overflow:hidden}.header:before,.header:after{content:"";background:#ffffff0f;border-radius:50%;position:absolute}.header:before{width:400px;height:400px;top:-100px;right:-80px}.header:after{width:250px;height:250px;bottom:-80px;right:200px}.header-content{z-index:1;max-width:600px;padding:60px 56px;animation:.8s fadeIn;position:relative}.header-badge{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border-radius:999px;align-items:center;gap:6px;margin-bottom:20px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.header-content h1{color:#fff;margin-bottom:16px;font-size:clamp(28px,4vw,48px);font-weight:800;line-height:1.2}.header-content h1 span{color:#86efac}.header-content p{color:#fffc;max-width:440px;margin-bottom:32px;font-size:clamp(14px,1.2vw,16px);line-height:1.6}.header-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.header-btn-primary{color:#16a34a;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 16px #00000026}.header-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}.header-btn-secondary{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:1.5px solid #ffffff4d;border-radius:999px;align-items:center;padding:14px 28px;font-size:15px;font-weight:600;text-decoration:none;transition:background .2s;display:inline-flex}.header-btn-secondary:hover{background:#ffffff40}@media (max-width:768px){.header{border-radius:16px;min-height:320px}.header-content{padding:40px 28px}.header-content p{display:none}}@media (max-width:480px){.header-content{padding:32px 20px}.header-btn-primary,.header-btn-secondary{padding:12px 20px;font-size:14px}}.explore-menu{margin:40px 0 32px}.explore-menu-top{margin-bottom:20px}.explore-menu-top h1{color:#111827;margin-bottom:6px;font-size:clamp(20px,2.5vw,26px);font-weight:700}.explore-menu-top p{color:#6b7280;font-size:14px}.explore-menu-list{flex-wrap:wrap;gap:10px;display:flex}.explore-menu-chip{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e5e7eb;border-radius:999px;padding:8px 20px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s}.explore-menu-chip:hover{color:#16a34a;background:#f0fdf4;border-color:#16a34a}.explore-menu-chip.active{color:#fff;background:#16a34a;border-color:#16a34a;box-shadow:0 2px 8px #16a34a4d}@media (max-width:600px){.explore-menu-list{flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.explore-menu-list::-webkit-scrollbar{display:none}}.product-display{margin-top:20px;padding-bottom:60px}.product-display-header{align-items:baseline;gap:12px;margin-bottom:28px;display:flex}.product-display-header h2{color:#111827;margin:0;font-size:clamp(20px,2.5vw,28px);font-weight:700}.product-display-count{color:#6b7280;background:#f3f4f6;border-radius:999px;padding:3px 10px;font-size:14px;font-weight:500}.product-display-list{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:24px;display:grid}.product-display-empty{color:#9ca3af;flex-direction:column;align-items:center;gap:12px;padding:80px 0;display:flex}.product-display-empty span{font-size:48px}.product-display-empty p{font-size:15px}.product-display-skeleton{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:24px;display:grid}.skeleton-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #0000000f}.skeleton-img{aspect-ratio:4/3;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%) 0 0/200% 100%;animation:1.4s infinite shimmer}.skeleton-body{flex-direction:column;gap:10px;padding:14px 16px;display:flex}.skeleton-line{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%) 0 0/200% 100%;border-radius:6px;height:12px;animation:1.4s infinite shimmer}.skeleton-line.w70{width:70%}.skeleton-line.w50{width:50%}.skeleton-line.w40{width:40%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:600px){.product-display-list,.product-display-skeleton{grid-template-columns:repeat(2,1fr);gap:14px}}.product-item{background:#fff;border-radius:16px;flex-direction:column;transition:transform .25s,box-shadow .25s;animation:.5s fadeIn;display:flex;overflow:hidden;box-shadow:0 2px 12px #00000012}.product-item:hover{transform:translateY(-4px);box-shadow:0 8px 28px #0000001f}.product-item-img-container{aspect-ratio:4/3;background:linear-gradient(135deg,#f0fdf4,#dcfce7);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.product-item-img-container:before{content:"";opacity:.3;font-size:40px;position:absolute}.product-item-image{object-fit:cover;width:100%;height:100%;transition:transform .4s}.product-item:hover .product-item-image{transform:scale(1.05)}.product-item-overlay{opacity:0;pointer-events:none;background:#00000059;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:absolute;inset:0}.product-item:hover .product-item-overlay{opacity:1;pointer-events:auto}.product-item-add-btn{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:999px;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:background .2s;display:flex}.product-item-add-btn:hover{background:#15803d}.product-item-counter{background:#fff;border-radius:999px;align-items:center;gap:12px;padding:8px 16px;display:flex}.product-item-counter button{color:#111;cursor:pointer;background:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:background .2s;display:flex}.product-item-counter button:hover{background:#e5e7eb}.product-item-counter span{text-align:center;color:#111;min-width:20px;font-size:16px;font-weight:700}.product-item-badge{color:#fff;z-index:2;background:#16a34a;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex;position:absolute;top:10px;right:10px}.product-item-info{flex-direction:column;flex:1;gap:6px;padding:14px 16px 16px;display:flex}.product-item-name{color:#111827;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:16px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.product-item-desc{color:#6b7280;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.product-item-footer{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.product-item-price{color:#16a34a;font-size:18px;font-weight:700}.product-item-cart-btn{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s,transform .15s;display:flex}.product-item-cart-btn:hover{background:#15803d;transform:scale(1.08)}.product-item-qty-inline{background:#f3f4f6;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;display:flex}.product-item-qty-inline button{color:#111;cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:16px;font-weight:700;line-height:1;transition:background .2s;display:flex}.product-item-qty-inline button:hover{background:#e5e7eb}.product-item-qty-inline span{text-align:center;color:#111827;min-width:18px;font-size:14px;font-weight:700}@media (max-width:600px){.product-item-overlay{display:none}.product-item-info{gap:4px;padding:10px 12px 12px}.product-item-name{-webkit-line-clamp:2;line-clamp:2;font-size:13px}.product-item-desc{display:none}.product-item-footer{gap:4px;margin-top:6px}.product-item-price{white-space:nowrap;font-size:14px}.product-item-cart-btn{flex-shrink:0;width:30px;height:30px}.product-item-cart-btn svg{width:14px;height:14px}.product-item-qty-inline{gap:4px;padding:3px 6px}.product-item-qty-inline button{width:22px;height:22px;font-size:14px}.product-item-qty-inline span{min-width:14px;font-size:12px}}.app-download{text-align:center;margin:100px auto auto;font-size:max(3vw,20px);font-weight:500}.app-download-platforms{justify-content:center;gap:max(2vw,10px);margin-top:40px;display:flex}.app-download-platforms img{cursor:pointer;width:max(30vw,120px);max-width:180px;transition:all .5s}.app-download-platforms img:hover{transform:scale(1.05)}.cart{min-height:60vh;margin-top:60px;padding-bottom:80px}.cart-title{color:#111827;margin-bottom:24px;font-size:24px;font-weight:700}.cart-empty{color:#9ca3af;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:50vh;display:flex}.cart-empty span{font-size:64px}.cart-empty p{font-size:18px;font-weight:500}.cart-empty button{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:999px;padding:12px 28px;font-family:inherit;font-size:15px;font-weight:600;transition:background .2s}.cart-empty button:hover{background:#15803d}.cart-items{flex-direction:column;gap:12px;margin-bottom:40px;display:flex}.cart-item{background:#fff;border-radius:14px;grid-template-columns:72px 1fr auto auto auto;align-items:center;gap:16px;padding:14px 16px;display:grid;box-shadow:0 1px 6px #0000000f}.cart-item-img{object-fit:cover;background:#f3f4f6;border-radius:10px;width:72px;height:72px}.cart-item-info{min-width:0}.cart-item-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:15px;font-weight:600;overflow:hidden}.cart-item-price{color:#6b7280;margin:0;font-size:14px}.cart-item-qty{background:#f3f4f6;border-radius:999px;align-items:center;gap:8px;padding:4px 10px;display:flex}.cart-item-qty button{color:#111;cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-family:inherit;font-size:18px;font-weight:700;line-height:1;transition:background .2s;display:flex}.cart-item-qty button:hover{background:#e5e7eb}.cart-item-qty span{text-align:center;color:#111827;min-width:22px;font-size:15px;font-weight:700}.cart-item-subtotal{color:#16a34a;text-align:right;min-width:90px;margin:0;font-size:15px;font-weight:700}.cart-item-remove{color:#ef4444;cursor:pointer;background:#fee2e2;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:background .2s;display:flex}.cart-item-remove:hover{background:#fecaca}.cart-bottom{align-items:flex-start;gap:24px;display:flex}.cart-total{background:#fff;border-radius:16px;flex-direction:column;flex:1;gap:14px;padding:24px;display:flex;box-shadow:0 1px 6px #0000000f}.cart-total h3{color:#111827;margin:0;font-size:18px;font-weight:700}.cart-total hr{border:none;border-top:1px solid #f3f4f6;margin:0}.cart-total-row{color:#6b7280;justify-content:space-between;font-size:15px;display:flex}.cart-total-row.total{color:#111827;font-size:17px;font-weight:700}.cart-total-row.total span:last-child{color:#16a34a}.cart-checkout-btn{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:4px;padding:14px;font-family:inherit;font-size:16px;font-weight:700;transition:background .2s;display:flex}.cart-checkout-btn:hover{background:#15803d}.cart-promocode{background:#fff;border-radius:16px;flex:1;padding:24px;box-shadow:0 1px 6px #0000000f}.cart-promocode>p{color:#374151;margin:0 0 12px;font-size:15px;font-weight:600}.cart-promocode-input{gap:8px;display:flex}.cart-promocode-input input{border:1.5px solid #e5e7eb;border-radius:10px;outline:none;flex:1;padding:11px 14px;font-family:inherit;font-size:14px;transition:border-color .2s}.cart-promocode-input input:focus{border-color:#16a34a}.cart-promocode-input button{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:10px;padding:11px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:background .2s}.cart-promocode-input button:hover{background:#374151}@media (max-width:768px){.cart-item{grid-template-rows:auto auto;grid-template-columns:60px 1fr}.cart-item-img{width:60px;height:60px}.cart-item-qty,.cart-item-subtotal,.cart-item-remove{grid-column:2}.cart-item-qty{justify-self:start}.cart-item-subtotal{text-align:left;justify-self:start}.cart-item-remove{grid-area:1/2;place-self:start end}.cart-bottom{flex-direction:column}}.place-order{justify-content:space-between;align-items:start;gap:50px;margin-top:100px;display:flex}.place-order-left{width:100%;max-width:max(30vw,500px)}.place-order-left .title{margin-bottom:50px;font-size:30px;font-weight:600}.place-order-left input{border:1px solid #c5c5c5;border-radius:4px;outline-color:tomato;width:100%;margin-bottom:15px;padding:10px}.place-order-left .multi-fields{gap:10px;display:flex}.place-order-right{width:100%;max-width:max(40vw,500px)}.place-order .cart-total button{margin-top:30px}@media (max-width:900px){.place-order{flex-direction:column;align-items:center}}.footer{color:#d9d9d9;background-color:#323232;flex-direction:column;align-items:center;gap:20px;margin-top:100px;padding:80px 8vw 20px;display:flex}.footer-content{grid-template-columns:2fr 1fr 1fr;gap:80px;width:100%;display:grid}.footer-content-left,.footer-content-center,.footer-content-right{flex-direction:column;align-items:start;gap:20px;display:flex}.footer-content-left li,.footer-content-center li,.footer-content-right li{cursor:pointer;margin-bottom:10px;list-style:none}.footer-content-center h2,.footer-content-right h2{color:#fff}.footer-social-icons img{width:40px;margin-right:15px}.footer hr{background-color:gray;border:none;width:100%;height:2px;margin:20px 0}@media (max-width:750px){.footer-content{flex-direction:column;gap:35px;display:flex}.footer-copoyright{text-align:center}}.customer-auth-popup{z-index:1000;background:#000000b3;place-items:center;width:100%;height:100%;display:grid;position:fixed;top:0;left:0}.customer-auth-container{background:#fff;border-radius:12px;width:90%;max-width:400px;padding:30px;animation:.3s fadeIn;box-shadow:0 4px 20px #0003}.customer-auth-title{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.customer-auth-title h2{color:#333;margin:0;font-size:24px}.customer-auth-title img{cursor:pointer;width:20px;transition:transform .2s}.customer-auth-title img:hover{transform:rotate(90deg)}.customer-auth-inputs{flex-direction:column;gap:15px;margin-bottom:20px;display:flex}.customer-auth-inputs input{border:1px solid #ddd;border-radius:8px;padding:12px 15px;font-size:14px;transition:border-color .3s}.customer-auth-inputs input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.customer-auth-error{color:var(--color-error);text-align:center;margin:-10px 0 15px;font-size:13px}.customer-auth-container button{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;margin-bottom:15px;padding:12px;font-size:16px;font-weight:500;transition:background .3s}.customer-auth-container button:hover:not(:disabled){background:var(--color-primary-dark)}.customer-auth-container button:disabled{opacity:.6;cursor:not-allowed}.customer-auth-container p{text-align:center;color:#666;margin:0;font-size:14px}.customer-auth-container p span{color:var(--color-primary);cursor:pointer;font-weight:500;text-decoration:underline}.customer-auth-container p span:hover{color:var(--color-primary-dark)}.customer-chat-button{background:var(--color-primary-dark);cursor:pointer;z-index:999;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 4px 12px #00000026}.customer-chat-button:hover{transform:scale(1.1);box-shadow:0 6px 16px #0003}.customer-chat-button.hidden{opacity:0;pointer-events:none;transform:scale(.8)}.customer-chat-button svg{color:#fff}.customer-chat-badge{color:#fff;background:#e74c3c;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex;position:absolute;top:-5px;right:-5px}.customer-chat-window{z-index:999;background:#fff;border-radius:16px;flex-direction:column;width:380px;height:550px;display:flex;position:fixed;bottom:30px;right:30px;overflow:hidden;box-shadow:0 8px 32px #00000026}.customer-chat-header{background:var(--color-primary-dark);color:#fff;justify-content:space-between;align-items:center;padding:20px;display:flex}.customer-chat-header h3{margin:0 0 5px;font-size:18px}.customer-chat-header p{opacity:.9;margin:0;font-size:13px}.customer-chat-close{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;transition:background .3s;display:flex}.customer-chat-close:hover{background:#ffffff4d}.customer-chat-messages{background:#f8f9fa;flex:1;padding:20px;overflow-y:auto}.customer-chat-empty{color:#999;text-align:center;justify-content:center;align-items:center;height:100%;padding:20px;display:flex}.customer-chat-message{align-items:flex-end;gap:8px;margin-bottom:15px;display:flex}.customer-chat-message.sent{justify-content:flex-end}.customer-chat-message.received{justify-content:flex-start}.customer-chat-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex;overflow:hidden}.customer-chat-avatar img{object-fit:cover;width:100%;height:100%}.customer-chat-sender-name{color:#16a34a;margin-bottom:4px;font-size:11px;font-weight:600}.customer-chat-message-content{border-radius:12px;max-width:70%;padding:12px 16px;position:relative}.customer-chat-message.sent .customer-chat-message-content{background:var(--color-primary-dark);color:#fff;border-bottom-right-radius:4px}.customer-chat-message.received .customer-chat-message-content{color:#333;background:#fff;border-bottom-left-radius:4px;box-shadow:0 1px 2px #0000001a}.customer-chat-message-content p{word-wrap:break-word;margin:0 0 5px;font-size:14px;line-height:1.4}.customer-chat-message-time{opacity:.7;font-size:11px}.customer-chat-input{background:#fff;border-top:1px solid #e0e0e0;gap:10px;padding:15px;display:flex}.customer-chat-input input{border:1px solid #ddd;border-radius:24px;outline:none;flex:1;padding:12px 15px;font-size:14px;transition:border-color .3s}.customer-chat-input input:focus{border-color:tomato}.customer-chat-input button{background:var(--color-primary-dark);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex}.customer-chat-input button:hover:not(:disabled){background:var(--color-primary-light);transform:scale(1.05)}.customer-chat-input button:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.customer-chat-button{width:52px;height:52px;bottom:16px;right:16px}.customer-chat-button.hidden{opacity:.6;width:40px;height:40px;bottom:16px;right:16px;transform:scale(.85)}.customer-chat-window{z-index:1000;border-radius:0;width:100%;height:100%;position:fixed;inset:0}.customer-chat-header{padding:16px 16px 14px}.customer-chat-header h3{font-size:16px}.customer-chat-header p{font-size:12px}.customer-chat-messages{padding:14px 12px}.customer-chat-message-content{max-width:80%;padding:10px 13px}.customer-chat-input{padding:10px 12px;padding-bottom:max(10px, env(safe-area-inset-bottom))}.customer-chat-input input{padding:10px 14px;font-size:16px}.customer-chat-input button{flex-shrink:0;width:40px;height:40px}}