:root{--primary-green:#297E3F;--dark-green:#1B5E20;--accent-yellow:#FFD25E;--light-bg:#F8F9FA;--base-bg:#FFF9EE;--white-cards:#FFFFFF;--primary-text:#2B2D42;--secondary-text:#8D99AE;--font-family:'Plus Jakarta Sans', sans-serif;--soft-shadow:0 4px 14px 0 rgba(0, 0, 0, 0.05);--premium-shadow:0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.03);--card-shadow-hover:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.05);--soft-green:#EBF7EE;}body{font-family:var(--font-family);background-color:#E2E8F0;color:var(--primary-text);margin:0;padding:0;-webkit-font-smoothing:antialiased;}.text-success{color:var(--primary-green) !important;}.bg-soft-green{background-color:var(--soft-green) !important;}.text-warning{color:var(--accent-yellow) !important;}.bg-base{background-color:var(--base-bg) !important;}.mobile-wrapper{max-width:420px;margin:0 auto;background-color:var(--base-bg);min-height:100vh;position:relative;box-shadow:0 0 20px rgba(0,0,0,0.1);overflow-x:hidden;padding-bottom:100px;}h1, h2, h3, h4, h5, h6{color:var(--primary-text);letter-spacing:-0.02em;}.app-header{padding:16px 20px 8px;background-color:transparent;}.app-logo{display:flex;align-items:center;}.app-cart-icon{cursor:pointer;color:var(--primary-text);}.cart-badge{position:absolute;top:-6px;right:-10px;background-color:#EF4444;color:white;font-size:0.65rem;font-weight:700;padding:4px 6px;border:2px solid var(--base-bg);}.main-content{padding:0 20px;}.welcome-section{margin-bottom:24px;}.search-box-pill{transition:all 0.3s;}.search-box-pill:focus-within{box-shadow:0 4px 12px rgba(0,0,0,0.05) !important;border-color:var(--primary-green) !important;}.hide-scroll::-webkit-scrollbar{display:none;}.hide-scroll{-ms-overflow-style:none;scrollbar-width:none;}.chip-pill{display:inline-block;padding:10px 20px;border-radius:50px;background-color:var(--base-bg);border:1px solid #D1D5DB;color:var(--primary-text);font-weight:600;font-size:0.9rem;transition:all 0.2s;cursor:pointer;white-space:nowrap;}.chip-pill.active{background-color:var(--white-cards);color:var(--primary-text);border-color:var(--primary-green);box-shadow:0 2px 8px rgba(0,0,0,0.05);}.product-card{transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);background-color:var(--white-cards);border:1px solid rgba(0,0,0,0.02);overflow:hidden;position:relative;}.card-brand-tag{position:absolute;top:12px;left:12px;background:rgba(255,255,255,0.8);backdrop-filter:blur(4px);padding:4px;border-radius:8px;z-index:2;border:1px solid rgba(0,0,0,0.03);opacity:0.8;}.product-card:hover{transform:translateY(-4px);box-shadow:var(--premium-shadow) !important;}.product-card:hover .card-img-top{transform:scale(1.08);}.card-img-top{transition:transform 0.4s ease;height:120px;object-fit:contain;}.product-title{font-size:0.95rem;color:var(--primary-text);font-weight:700 !important;margin-top:4px;}.product-unit{font-size:0.75rem;color:var(--secondary-text);}.product-price{font-size:1rem;color:var(--primary-text);font-weight:800;}.btn-add{background-color:#F8FAF9;color:var(--primary-green);border:1px solid #E6EDE9;font-size:0.85rem;padding:0;height:40px;display:flex;align-items:center;overflow:hidden;transition:all 0.2s ease;}.btn-add .price-display{background:transparent;padding-left:12px;height:100%;display:flex;align-items:center;color:var(--primary-text);font-weight:800;font-size:0.9rem;}.btn-add .btn-text-add{background:#FFFFFF;color:var(--primary-green);margin:4px;height:calc(100% - 8px);padding:0 12px;display:flex;align-items:center;border-radius:50px;border:1px solid #E6EDE9;transition:all 0.2s ease;}.btn-add:hover{border-color:var(--primary-green);background-color:var(--soft-green);}.btn-add:hover .btn-text-add{background-color:var(--primary-green);color:#fff;border-color:var(--primary-green);}.btn-add.added{background-color:var(--primary-green);border-color:var(--primary-green);}.btn-add.added .price-display{color:#fff;}.btn-add.added .btn-text-add{background:rgba(255,255,255,0.2);color:#fff;border-color:transparent;}.cart-card{background-color:var(--white-cards);}.cart-item{font-size:0.85rem;padding:12px 0;border-bottom:1px solid #F1F5F9;}.cart-item-title{font-weight:600;color:var(--primary-text);}.cart-item-price{font-weight:700;color:var(--primary-text);}.qty-btn{width:28px;height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;font-size:0.85rem;background:var(--soft-green);color:var(--dark-green);border:none;font-weight:bold;}.form-card{background-color:var(--white-cards);}.form-control-custom{border:1px solid #E2E8F0;border-radius:12px;padding:14px 16px;font-size:0.95rem;background-color:var(--white-cards);transition:all 0.3s;}.form-control-custom:focus{border-color:var(--primary-green);box-shadow:0 0 0 3px rgba(80, 140, 94, 0.1);}.btn-whatsapp-checkout{background-color:#25D366;color:white;border:none;transition:all 0.3s;}.btn-whatsapp-checkout:hover{background-color:#128C7E;color:white;transform:translateY(-2px);box-shadow:0 4px 12px rgba(37,211,102,0.3);}.sticky-bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:420px;background-color:var(--white-cards);height:80px;z-index:1000;}.nav-item{width:20%;margin-top:4px;}.nav-item .icon-wrapper{width:55px;height:32px;border-radius:50px;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;}.nav-item.active{color:var(--primary-green);}.nav-item.active .icon-wrapper{background-color:var(--soft-green);}.nav-item.active .nav-text{color:var(--primary-green) !important;}.orders-card, .form-card{background-color:var(--white-cards);transition:transform 0.3s ease, box-shadow 0.3s ease;}.orders-card:hover{transform:translateY(-2px);box-shadow:var(--premium-shadow) !important;}.relative{position:relative;}.z-index-1{z-index:1;}.pointer{cursor:pointer;}.feature-card{border:1px solid transparent;transition:border-color 0.2s;background-color:var(--base-bg);}.feature-card:hover{border-color:var(--primary-green);}.variant-picker{width:100%;padding:4px 0;margin-bottom:4px;display:flex;justify-content:center;gap:4px;flex-wrap:wrap;}.variant-picker .btn-outline-success{border-color:#ECECEC !important;color:#666 !important;font-weight:700 !important;font-size:0.7rem !important;padding:0 10px !important;height:28px !important;min-width:50px !important;display:flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:50px !important;box-shadow:none !important;transition:all 0.2s ease;border:1px solid #ECECEC !important;}.variant-picker .btn-outline-success:hover{background-color:#F8F9FA !important;border-color:#DDD !important;}.variant-picker .btn-outline-success.active{background-color:var(--primary-green) !important;border-color:var(--primary-green) !important;color:#ffffff !important;box-shadow:0 4px 8px rgba(41, 126, 63, 0.2) !important;}.btn-add{background-color:#EBF7EE !important;color:var(--primary-green) !important;border:none !important;font-weight:800 !important;font-size:0.85rem !important;padding:10px 16px !important;height:42px !important;display:flex;align-items:center;justify-content:center;gap:6px;transition:all 0.2s ease;width:100% !important;border-radius:50px !important;text-transform:uppercase;letter-spacing:0.5px;}.btn-add:hover{background-color:#D9EFDE !important;transform:translateY(-1px);}.btn-add .price-display{opacity:0.9;}.btn-add.added{background-color:var(--primary-green) !important;color:white !important;}.carousel-indicators [data-bs-target]{width:10px;height:10px;background-color:var(--primary-green) !important;border:none;border-radius:50%;opacity:0.3 !important;transition:all 0.3s ease;margin:0 4px !important;}.carousel-indicators .active{opacity:1 !important;width:24px !important;border-radius:50px !important;}.carousel-item img{height:180px;object-fit:cover;border-radius:1rem;}@media (max-width:576px){.carousel-item img{height:160px;}}