/* Wedda fresh market design — customer surface only. */
.category-directory{display:grid;gap:12px}.category-banner{display:flex;align-items:center;justify-content:space-between;border-radius:22px;padding:18px 22px;text-align:right;background:#b7f5ca;color:#092d29;min-height:100px}.category-banner strong{font-size:20px;display:block}.category-banner small{display:block;margin-top:6px;color:#24473b}.category-banner>span{font-size:54px}.category-banner.color-1{background:#c9bcf6}.category-banner.color-2{background:#ffe89c}.category-banner.color-3{background:#f7bbd6}.category-banner.color-4{background:#bcddf8}.category-banner.color-5{background:#ffcdac}.category-banner.color-6{background:#baede2}
.customer-app{--pink:#008956;--ink:#082d28;--muted:#72847c;--border:#e3ece7;--green:#008956;background:#f4f8f5;color:var(--ink)}
.customer-app .announcement{background:#032820;color:#a6e4bd;font-size:11px;letter-spacing:.2px}
.customer-app header{background:#06372c;color:white;border:0;padding-bottom:10px}
.customer-app .brand{color:#35f38b;letter-spacing:-1.5px}.customer-app .brand b span{color:#b7dfc6}.customer-app .brand img{display:none}
.customer-app .search{background:white;color:#082d28;border-radius:30px}.customer-app .search input{color:#082d28}.customer-app .cart-button{border-color:#ffffff25}.customer-app .cart-button b{background:#35f38b;color:#073529;border-radius:20px}.customer-app #city{color:#bcead0}
.customer-app main{padding-top:12px}.customer-app .demo-note{font-size:10px;color:#7b9184}
.customer-app .hero{display:block;min-height:360px;background:#052b23;border-radius:28px;isolation:isolate;box-shadow:0 16px 40px #052b2315}
.customer-app .hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.customer-app .hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 20%,#052b2380 55%,#052b23ed);z-index:-1}
.customer-app .hero-copy{width:55%;padding:42px}.customer-app .eyebrow{color:#a1f5b9;font-size:12px}.customer-app h1{color:white;font-size:44px;line-height:1.5}.customer-app h1 em{color:#35f38b}.customer-app .hero p{color:#c4dbcd;max-width:280px}.customer-app .hero-foot{color:#94c4a5;font:9px Arial;letter-spacing:2px}
.customer-app .primary{background:#008956;border-radius:30px;padding:12px 24px;box-shadow:0 6px 16px #00895615}.customer-app .hero .primary{background:#35f38b;color:#05382a}.customer-app .hero .primary span{margin-right:16px}
.customer-app .categories{gap:18px;padding:28px 0}.customer-app .category span{background:white;border-radius:22px;box-shadow:0 4px 20px #143f2905}.customer-app .category:nth-child(3n+1) span{background:#def7e7}.customer-app .category:nth-child(3n+2) span{background:#fff1d0}.customer-app .category:nth-child(3n) span{background:#eee7ff}.customer-app .category.active span{outline:2px solid #0bac65;background:#c9f5da}
.customer-app .benefits{background:white;border:0;border-radius:20px;padding:18px}.customer-app .benefits b{color:#5e7768}
.customer-app .section-head h2{font-weight:800;font-size:25px}.customer-app .sort-label select{border:0;background:white;border-radius:20px}
.customer-app .product{border:0;border-radius:24px;padding:14px;box-shadow:0 5px 24px #153f2905}.customer-app .product-art{border-radius:18px;background:#f1f6f3;height:170px}.customer-app .discount{background:#008956;border-radius:20px;padding:2px 8px;font-size:10px}.customer-app .add{background:#008956;color:white;border:0;border-radius:50%;width:34px;height:34px}.customer-app .price{font-weight:800}.customer-app .old{color:#95a59c}
.customer-app .grocery-banner{border-radius:24px;background:linear-gradient(110deg,#e5f8bc,#b3e9c6);color:#073e2b}.customer-app .grocery-banner .primary{background:#06372c}.customer-app footer{border-color:#deebe1}
.customer-app .mobile-nav{border:0;box-shadow:0 -4px 24px #153f2908;border-radius:24px 24px 0 0;padding-top:12px}.customer-app .mobile-nav button{min-width:60px;color:#7d9085}.customer-app .mobile-nav button:first-child{color:#008956}.customer-app .mobile-nav button:first-child span{font-weight:800}
.customer-app dialog{border:0;border-radius:28px;box-shadow:0 24px 80px #04271d40;background:#f8fbf9;padding:24px}.customer-app dialog::backdrop{background:#001e18a8;backdrop-filter:blur(6px)}.customer-app .dialog-head{padding-bottom:18px;border-color:#e1ece5}.customer-app .dialog-head h2{font-size:23px}.customer-app #close{background:white;border-radius:50%;width:36px;height:36px}
.customer-app .line{background:white;border-radius:16px;padding:14px;margin:8px 0;border:0}.customer-app .line .icon{background:#edf6ef;border-radius:16px;padding:8px}.customer-app .qty{border-radius:24px;background:#edf5ef}.customer-app .qty button{color:#008956}.customer-app .total{padding:20px 0;font-weight:800}.customer-app .form input,.customer-app .form textarea,.customer-app .form select{border:1px solid #dce9e0;border-radius:16px;background:white}.customer-app .form label{font-size:13px;font-weight:600}.customer-app .form .hint{background:#edf6ef;border-radius:14px;padding:12px;font-size:11px}.customer-app .detail-icon{background:linear-gradient(145deg,#e9f7ea,#f5faf6);border-radius:24px;font-size:130px;padding:22px}.customer-app .step{border-radius:18px}.customer-app .step.done{background:#d7f6e2;color:#007b4b}.customer-app #toast{background:#06372c;border-radius:20px;color:white}
.native-app:has(.customer-app){background:#f4f8f5}
@media(max-width:600px){.customer-app header{border-radius:0 0 26px 26px}.customer-app .header-inner{padding-top:18px}.customer-app .brand{font-size:32px}.customer-app .brand b span{display:none}.customer-app nav{font-size:11px}.customer-app .hero{min-height:255px;border-radius:24px}.customer-app .hero-copy{width:62%;padding:24px 20px}.customer-app h1{font-size:30px;line-height:1.5}.customer-app .hero p{font-size:11px;line-height:1.8;margin:8px 0 14px}.customer-app .hero .primary{padding:10px 15px;font-size:11px}.customer-app .hero-photo{object-position:43% center}.customer-app .hero:after{background:linear-gradient(90deg,transparent,#052b2330 30%,#052b23e6)}.customer-app .categories{gap:18px 7px}.customer-app .category span{width:61px;height:61px;border-radius:18px}.customer-app .benefits{padding:12px 5px}.customer-app .section-head h2{font-size:22px}.customer-app .product{padding:10px;border-radius:20px}.customer-app .product-art{height:130px}.customer-app .product h3{font-size:13px}.customer-app .price{font-size:14px}.customer-app .discount{top:18px;right:18px}.customer-app dialog{width:calc(100% - 20px);max-width:520px;padding:20px}.customer-app .grocery-banner{padding:24px}.customer-app .grocery-banner h2{font-size:23px}}