*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;color:#1f2937;background-color:#fafafa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{width:100%;min-height:100vh}button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;outline:none;font-family:inherit}button:focus-visible{outline-offset:2px;outline:2px solid #ec4899}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}input{font-family:inherit}.safe-area-top{padding-top:env(safe-area-inset-top)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:.3s ease-in-out fadeIn}.animate-slide-up{animation:.3s ease-out slideUp}.animate-spin{animation:1s linear infinite spin}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.card{background:#fff;border:1px solid #f3f4f6;border-radius:1rem;box-shadow:0 1px 3px #0000000d}.card-clickable{cursor:pointer;transition:transform .2s}.card-clickable:active{transform:scale(.98)}.bg-white{background-color:#fff}.bg-gray-50{background-color:#f9fafb}.bg-gray-100{background-color:#f3f4f6}.bg-gray-200{background-color:#e5e7eb}.bg-primary-50{background-color:#fdf2f8}.bg-primary-100{background-color:#fce7f3}.bg-primary-500{background-color:#ec4899}.bg-primary-600{background-color:#db2777}.bg-red-50{background-color:#fef2f2}.bg-red-100{background-color:#fee2e2}.bg-red-500{background-color:#ef4444}.bg-green-50{background-color:#f0fdf4}.bg-green-100{background-color:#dcfce7}.bg-green-500{background-color:#22c55e}.bg-blue-50{background-color:#eff6ff}.bg-blue-100{background-color:#dbeafe}.bg-blue-500{background-color:#3b82f6}.bg-amber-50{background-color:#fffbeb}.bg-amber-100{background-color:#fef3c7}.bg-amber-400{background-color:#fbbf24}.bg-amber-500{background-color:#f59e0b}.bg-orange-500{background-color:#f97316}.bg-purple-500{background-color:#a855f7}.text-white{color:#fff}.text-gray-300{color:#d1d5db}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-900{color:#111827}.text-primary-500{color:#ec4899}.text-primary-600{color:#db2777}.text-red-500{color:#ef4444}.text-red-600{color:#dc2626}.text-red-700{color:#b91c1c}.text-green-500{color:#22c55e}.text-green-600{color:#16a34a}.text-green-700{color:#15803d}.text-blue-500{color:#3b82f6}.text-blue-600{color:#2563eb}.text-blue-700{color:#1d4ed8}.text-amber-500{color:#f59e0b}.text-amber-600{color:#d97706}.text-amber-700{color:#b45309}.text-amber-800{color:#92400e}.text-purple-500{color:#a855f7}.bg-gradient-to-r{background:linear-gradient(to right, var(--tw-gradient-from), var(--tw-gradient-to))}.bg-gradient-to-br{background:linear-gradient(to bottom right, var(--tw-gradient-from), var(--tw-gradient-to))}.bg-gradient-to-b{background:linear-gradient(to bottom, var(--tw-gradient-from), var(--tw-gradient-to))}.from-primary-50{--tw-gradient-from:#fdf2f8;--tw-gradient-to:#fdf2f8}.from-primary-400{--tw-gradient-from:#f472b6;--tw-gradient-to:#f472b6}.from-primary-500{--tw-gradient-from:#ec4899;--tw-gradient-to:#ec4899}.from-amber-400{--tw-gradient-from:#fbbf24;--tw-gradient-to:#fbbf24}.from-black\/50{--tw-gradient-from:#00000080;--tw-gradient-to:#00000080}.to-pink-50{--tw-gradient-to:#fdf2f8}.to-primary-600{--tw-gradient-to:#db2777}.to-orange-500{--tw-gradient-to:#f97316}.to-transparent{--tw-gradient-to:transparent}.text-white\/50{color:#ffffff80}.text-white\/80{color:#fffc}.text-white\/90{color:#ffffffe6}.bg-white\/90{background-color:#ffffffe6}.bg-white\/20{background-color:#fff3}.bg-black\/50{background-color:#00000080}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.shadow-primary-500\/30{box-shadow:0 10px 15px -3px #ec48994d}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.w-2{width:.5rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-20{width:5rem}.w-24{width:6rem}.w-full{width:100%}.h-2{height:.5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-20{height:5rem}.h-24{height:6rem}.h-32{height:8rem}.h-48{height:12rem}.h-full{height:100%}.min-h-screen{min-height:100vh}.max-w-sm{max-width:24rem}.max-w-lg{max-width:32rem}.max-w-app{max-width:600px}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pb-24{padding-bottom:6rem}.pb-32{padding-bottom:8rem}.pl-10{padding-left:2.5rem}.m-0{margin:0}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.-ml-2{margin-left:-.5rem}.-top-2{top:-.5rem}.-right-2{right:-.5rem}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.items-center{align-items:center}.items-start{align-items:flex-start}.items-baseline{align-items:baseline}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.top-0{top:0}.top-3{top:.75rem}.top-1\/2{top:50%}.bottom-0{bottom:0}.bottom-4{bottom:1rem}.bottom-20{bottom:5rem}.left-0{left:0}.left-3{left:.75rem}.right-0{right:0}.right-3{right:.75rem}.z-10{z-index:10}.z-50{z-index:50}.-translate-y-1\/2{transform:translateY(-50%)}.border{border:1px solid}.border-0{border:0}.border-2{border:2px solid}.border-t{border-top:1px solid}.border-b{border-bottom:1px solid}.border-gray-100{border-color:#f3f4f6}.border-gray-200{border-color:#e5e7eb}.border-gray-300{border-color:#d1d5db}.border-primary-500{border-color:#ec4899}.border-red-500{border-color:#ef4444}.border-blue-200{border-color:#bfdbfe}.border-amber-200{border-color:#fde68a}.divide-y>*+*{border-top:1px solid #f3f4f6}.divide-gray-100>*+*{border-top-color:#f3f4f6}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.leading-relaxed{line-height:1.625}.whitespace-nowrap{white-space:nowrap}.line-through{text-decoration:line-through}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.transition-all{transition:all .2s}.transition-colors{transition:color .2s,background-color .2s,border-color .2s}.transition-transform{transition:transform .2s}.duration-200{transition-duration:.2s}.active\:scale-95:active{transform:scale(.95)}.active\:scale-98:active{transform:scale(.98)}.hover\:bg-gray-50:hover{background-color:#f9fafb}.hover\:bg-gray-100:hover{background-color:#f3f4f6}.hover\:bg-gray-200:hover{background-color:#e5e7eb}.hover\:bg-gray-800:hover{background-color:#1f2937}.hover\:bg-primary-50:hover{background-color:#fdf2f8}.hover\:bg-primary-600:hover{background-color:#db2777}.hover\:bg-red-50:hover{background-color:#fef2f2}.hover\:border-gray-300:hover{border-color:#d1d5db}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.outline-none{outline:none}.backdrop-blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.object-cover{object-fit:cover}.aspect-square{aspect-ratio:1}.aspect-\[16\/9\]{aspect-ratio:16/9}.min-w-0{min-width:0}.btn{cursor:pointer;border:none;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.btn:active:not(:disabled){transform:scale(.95)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{color:#fff;background:linear-gradient(135deg,#ec4899 0%,#db2777 100%);box-shadow:0 4px 12px #ec48994d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#db2777 0%,#be185d 100%)}.btn-secondary{color:#fff;background:#111827}.btn-outline{color:#ec4899;background:0 0;border:2px solid #ec4899}.btn-outline:hover:not(:disabled){background:#fdf2f8}.btn-ghost{color:#6b7280;background:0 0}.btn-ghost:hover:not(:disabled){background:#f3f4f6}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-md{padding:.75rem 1.5rem;font-size:1rem}.btn-lg{padding:1rem 2rem;font-size:1.125rem}.btn-full,.input-wrapper{width:100%}.input-label{color:#374151;margin-bottom:.375rem;font-size:.875rem;font-weight:500;display:block}.input-field{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;outline:none;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:1rem;transition:all .2s}.input-field:focus{border-color:#ec4899;box-shadow:0 0 0 4px #ec48991a}.input-field.error{border-color:#ef4444}.input-field.error:focus{box-shadow:0 0 0 4px #ef44441a}.input-field.with-icon{padding-left:2.5rem}.input-icon{color:#9ca3af;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.input-error-text{color:#ef4444;margin-top:.25rem;font-size:.875rem}.bottom-nav{padding-bottom:env(safe-area-inset-bottom);z-index:50;background:#fff;border-top:1px solid #e5e7eb;position:fixed;bottom:0;left:0;right:0}.bottom-nav-inner{justify-content:space-around;align-items:center;max-width:32rem;margin:0 auto;padding:.5rem;display:flex}.nav-item{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:.5rem;flex-direction:column;align-items:center;gap:.25rem;padding:.25rem .75rem;font-family:inherit;font-size:.75rem;transition:color .2s;display:flex;position:relative}.nav-item.active{color:#ec4899}.nav-badge{color:#fff;background:#ec4899;border-radius:9999px;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;font-size:.625rem;font-weight:700;display:flex;position:absolute;top:-.5rem;right:-.5rem}.product-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.badge{border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-primary{color:#db2777;background:#fce7f3}.badge-green{color:#15803d;background:#dcfce7}.badge-amber{color:#b45309;background:#fef3c7}.badge-red{color:#b91c1c;background:#fee2e2}.delivery-option{cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;width:100%;padding:1rem;font-family:inherit;transition:all .2s}.delivery-option:hover{border-color:#d1d5db}.delivery-option.active{background:#fdf2f8;border-color:#ec4899}.delivery-option-icon{border-radius:9999px;justify-content:center;align-items:center;width:3rem;height:3rem;margin:0 auto .5rem;display:flex}.delivery-option.active .delivery-option-icon{color:#fff;background:#ec4899}.delivery-option:not(.active) .delivery-option-icon{color:#4b5563;background:#f3f4f6}.quantity-control{background:#f3f4f6;border-radius:.5rem;align-items:center;gap:.5rem;padding:.25rem;display:flex}.quantity-btn{cursor:pointer;color:#4b5563;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;transition:background .2s;display:flex}.quantity-btn:hover{background:#e5e7eb}.quantity-value{text-align:center;width:1.5rem;font-size:.875rem;font-weight:600}.radio-circle{border:2px solid #d1d5db;border-radius:9999px;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;transition:border-color .2s;display:flex}.radio-circle.active{border-color:#ec4899}.radio-dot{background:#ec4899;border-radius:9999px;width:.75rem;height:.75rem}.check-btn{color:#9ca3af;background:#e5e7eb;border-radius:9999px;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;transition:all .2s;display:flex}.check-btn.active{color:#fff;background:#ec4899}.availability-dot{border-radius:9999px;width:.5rem;height:.5rem}.availability-dot.available{background:#22c55e}.availability-dot.unavailable{background:#ef4444}.photo-dots{justify-content:center;gap:.5rem;display:flex;position:absolute;bottom:1rem;left:0;right:0}.photo-dot{cursor:pointer;background:#ffffff80;border:none;border-radius:9999px;width:.5rem;height:.5rem;padding:0;transition:all .2s}.photo-dot.active{background:#fff;width:1.5rem}.category-filter{white-space:nowrap;cursor:pointer;border:none;border-radius:9999px;padding:.5rem 1rem;font-family:inherit;font-size:.875rem;font-weight:500;transition:all .2s}.category-filter.active{color:#fff;background:#ec4899}.category-filter:not(.active){color:#374151;background:#f3f4f6}.bonus-card{background:linear-gradient(135deg,#fbbf24 0%,#f97316 100%);border:none;border-radius:1rem;padding:1.5rem}.bonus-movement-icon{border-radius:9999px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.bonus-movement-icon.add{color:#16a34a;background:#dcfce7}.bonus-movement-icon.subtract{color:#dc2626;background:#fee2e2}.page-header{padding:1rem;padding-top:calc(1rem + env(safe-area-inset-top));background:#fff;border-bottom:1px solid #f3f4f6}.page-header-title{color:#111827;font-size:1.25rem;font-weight:700}.page-header-back{cursor:pointer;color:#111827;background:0 0;border:none;align-items:center;margin-left:-.5rem;padding:.5rem;display:flex}.page-content{padding:1rem 1rem 6rem}.page-content-spaced{padding:1rem 1rem 8rem}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.fixed-bottom-btn{padding:0 1rem;padding-bottom:env(safe-area-inset-bottom);position:fixed;bottom:5rem;left:0;right:0}.fixed-bottom-btn-inner{max-width:32rem;margin:0 auto}.info-block{border-radius:.75rem;padding:.75rem;font-size:.875rem}.info-block-blue{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe}.info-block-amber{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.avatar{color:#fff;background:linear-gradient(135deg,#f472b6 0%,#db2777 100%);border-radius:9999px;justify-content:center;align-items:center;width:4rem;height:4rem;font-size:1.25rem;font-weight:700;display:flex}.avatar-sm{width:2.5rem;height:2.5rem;font-size:1rem}.loader{border:4px solid #ec4899;border-top-color:#0000;border-radius:9999px;width:3rem;height:3rem;animation:1s linear infinite spin}.empty-state{text-align:center;padding:3rem 1rem}.empty-state-icon{color:#9ca3af;background:#f3f4f6;border-radius:9999px;justify-content:center;align-items:center;width:6rem;height:6rem;margin:0 auto 1rem;display:flex}.empty-state-title{color:#111827;margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.empty-state-text{color:#6b7280;margin-bottom:1.5rem}.gradient-header{background:linear-gradient(135deg,#fbbf24 0%,#f97316 100%);border:none;border-radius:1rem;padding:1.5rem}.cross-sell-item{cursor:pointer;text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;align-items:center;gap:.75rem;width:100%;padding:.75rem;font-family:inherit;transition:all .2s;display:flex}.cross-sell-item:hover{border-color:#d1d5db}.cross-sell-item.active{background:#fdf2f8;border-color:#ec4899}.category-card{cursor:pointer;text-align:left;background:#fff;border:1px solid #f3f4f6;border-radius:1rem;align-items:center;gap:.75rem;width:100%;padding:1rem;font-family:inherit;transition:transform .2s;display:flex}.category-card:active{transform:scale(.98)}.category-emoji{font-size:1.875rem}.order-summary{background:#fff;border:1px solid #f3f4f6;border-radius:1rem;padding:1rem}.order-summary-row{justify-content:space-between;font-size:.875rem;display:flex}.order-summary-label{color:#6b7280}.order-summary-value{color:#111827;font-weight:500}.order-summary-total{border-top:1px solid #e5e7eb;justify-content:space-between;margin-top:.5rem;padding-top:.5rem;font-weight:700;display:flex}.order-summary-total-label{font-size:1rem}.order-summary-total-value{color:#db2777;font-size:1.25rem}.status-badge{align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;display:inline-flex}.status-pending{color:#f59e0b}.status-processing{color:#3b82f6}.status-delivering{color:#a855f7}.status-completed{color:#22c55e}.status-cancelled{color:#6b7280}.days-badge{border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500;display:inline-flex}.days-badge.long{color:#15803d;background:#dcfce7}.days-badge.medium{color:#b45309;background:#fef3c7}.days-badge.short{color:#b91c1c;background:#fee2e2}.saved-address-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.75rem;align-items:center;gap:.75rem;width:100%;padding:.75rem;font-family:inherit;transition:background .2s;display:flex}.saved-address-item:hover{background:#f9fafb}