.sub-app{color:#15241f;background:#f8faf9;min-height:100dvh;padding-bottom:140px;font-family:Tajawal,Arial,sans-serif;line-height:1.7}.sub-app *{box-sizing:border-box}.sub-app button,.sub-app input,.sub-app select,.sub-app textarea{font:inherit}.sub-app button{cursor:pointer;color:#19352b;background:#fff;border:1px solid #d9e2de;border-radius:12px;min-height:44px;padding:9px 15px}.sub-app button:disabled{opacity:.5;cursor:wait}:is(.sub-app button:focus-visible,.sub-app input:focus-visible,.sub-app select:focus-visible){outline-offset:3px;outline:3px solid #20b5bf}.sub-hero{color:#fff;isolation:isolate;background:linear-gradient(110deg,#0e251a,#17392e);max-width:1000px;min-height:280px;margin:auto;padding:28px 32px 34px;position:relative;overflow:hidden}.sub-brand{flex-direction:row-reverse;justify-content:space-between;align-items:center;display:flex}.sub-brand img{object-fit:contain;border-radius:12px;width:76px;height:76px}.sub-brand button{color:#fff;background:0 0;border:0}.sub-hero h1{margin:6px 0;font-size:clamp(30px,5vw,46px);font-weight:900}.sub-hero p{margin:0 0 10px;font-size:clamp(20px,3vw,27px)}.sub-hero small{font-size:18px}.sub-new{color:#13211a;background:#ceee68;border-radius:20px;padding:0 14px;font-size:14px;font-weight:800;display:inline-block}.sub-food{opacity:.17;z-index:-1;width:45%;display:flex;position:absolute;bottom:0;left:0;transform:rotate(-8deg)}.sub-food img{border-radius:30px;width:65%;margin-left:-30px}.sub-test{text-align:center;color:#6d4d1b;background:#fff2d6;padding:9px 16px;font-size:13px}.sub-tabs{justify-content:center;gap:6px;max-width:800px;margin:auto;padding:15px 10px;display:flex}.sub-tabs button{font-size:14px}.sub-tabs .on{background:#e0f4f3;border-color:#38aeb7}.sub-body{max-width:800px;margin:auto;padding:0 18px}.sub-steps{justify-content:space-between;margin:8px 0 22px;display:flex}.sub-steps button{color:#7f8a86;background:0 0;border:0;flex-direction:column;align-items:center;gap:5px;padding:4px 10px;display:flex}.sub-steps b{background:#e9eeeb;border-radius:100%;place-items:center;width:32px;height:32px;display:grid}.sub-steps .on{color:#087981;font-weight:800}.sub-steps .on b{color:#fff;background:#22acb5}.sub-card{background:#fff;border:1px solid #e7ece9;border-radius:18px;margin-bottom:17px;padding:23px;box-shadow:0 3px 15px #183b2610}.sub-card h2{margin:0 0 16px;font-size:23px;font-weight:800}.sub-card h3{margin:22px 0 9px;font-size:17px}.sub-card p{margin:10px 0}.sub-muted{color:#74817a;font-size:14px}.sub-choices{gap:8px;display:flex}.sub-choices button{flex:1;min-width:0;padding:12px 4px;font-size:18px;font-weight:700}.sub-choices button small{font-size:12px;font-weight:400;display:block}.sub-choices .selected{color:#fff;background:#17372c;border-color:#17372c;box-shadow:0 2px 8px #183b2620}.sub-choices.packing{border-top:1px solid #e3e8e5;margin-top:20px;padding-top:15px}.sub-choices.packing button{justify-content:center;align-items:center;gap:8px;font-size:16px;display:flex}.sub-choices.packing .selected{color:#132e29;background:#e2f6f5;border-color:#20b3bc}.sub-stats{text-align:center;background:#e6f6f6;border-radius:14px;justify-content:space-evenly;gap:8px;margin:14px 0;padding:16px 8px;display:flex}.sub-stats span{flex:1;font-size:13px}.sub-stats b{color:#15262a;font-size:24px;display:block}.sub-app .sub-check{align-items:center;gap:9px;margin:12px 0;font-size:15px;display:flex}.sub-app .sub-check input{accent-color:#1a9ba4;width:20px;height:20px;margin:0}.sub-app label{font-weight:600;display:block}.sub-app input,.sub-app select,.sub-app textarea{color:#15241f;background:#fff;border:1px solid #ccd7d1;border-radius:10px;width:100%;min-width:0;max-width:100%;margin:7px 0 17px;padding:12px;font-size:16px;display:block}.sub-app textarea{min-height:90px}.sub-app summary{cursor:pointer;align-content:center;min-height:40px;font-weight:700}.sub-app summary svg{vertical-align:middle;display:inline-block}.sub-row{background:#f5f9f6;border:1px solid #dce6df;border-radius:12px;margin:14px 0;padding:15px}.sub-row p{font-size:14px}.sub-app .sub-primary{color:#fff;background:#183b30;border:0;justify-content:center;align-items:center;gap:8px;width:100%;margin:12px 0 4px;padding:14px;font-size:18px;font-weight:800;display:flex}.sub-teaser{color:#fff;background:#15392e;border-radius:18px;padding:23px}.sub-teaser h2{margin:9px 0;font-size:27px;font-weight:800}.sub-teaser p{margin:0}.sub-footer{width:min(100%,840px);padding:12px 18px max(12px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;z-index:20;background:#ffffffed;border-radius:20px 20px 0 0;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -4px 20px #123b2010}.sub-footer small,.sub-footer span{color:#728078;font-size:13px;display:block}.sub-footer .sub-primary{margin:6px 0}.sub-error{color:#9c2918;background:#fff0ec;border:1px solid #e9b8ac;border-radius:12px;margin-bottom:15px;padding:13px}.sub-notice{color:#725226;background:#fff7e6;border-radius:10px;padding:12px;font-size:14px}.sub-price{border-bottom:1px solid #e1e8e3;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.sub-price.total{font-size:22px;font-weight:800}.sub-id{overflow-wrap:anywhere;color:#728078;font-size:11px}.sub-success{color:#237746;background:#eaf7ec;border-radius:10px;padding:10px}.sub-flavors{grid-template-columns:1fr 1fr;gap:0 8px;display:grid}.sub-delivery{border:1px solid #dbe5de;border-radius:12px;margin:12px 0;padding:14px}.sub-modal{z-index:50;overscroll-behavior:contain;background:#0c231cb0;padding:20px 14px;position:fixed;inset:0;overflow-y:auto}.sub-modal>.sub-card{max-width:550px;max-height:none;margin:20px auto}.sub-app input[type=date]{-webkit-appearance:none;appearance:none;width:100%;min-height:48px;display:block}@media (max-width:400px){.sub-card{padding:17px}.sub-body{padding:0 12px}.sub-choices button{font-size:16px}.sub-hero{padding:20px}.sub-tabs button{padding:8px;font-size:13px}.sub-stats b{font-size:22px}}.sub-address-grid{grid-template-columns:1fr 1fr;gap:0 14px;display:grid}.sub-address-grid label{min-width:0}@media (max-width:380px){.sub-address-grid{grid-template-columns:1fr}}.sub-tabs{flex-wrap:wrap}.sub-account{color:#15241f;background:#e6f6f6;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:12px 18px;font-family:Arial,sans-serif;display:flex}.sub-account b{overflow-wrap:anywhere}.sub-account button{cursor:pointer;background:#fff;border:1px solid #b3cebd;border-radius:12px;min-height:44px;padding:10px 14px}