:root{--ink:#153c32;--ink-deep:#0f332a;--muted:#66746f;--cream:#f7f4ed;--paper:#fffdfa;--line:#d9d7d0;--coral:#ef6a4d;--yellow:#f2cd4d;--green:#2c8a60}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--cream)}body{background:var(--cream);color:var(--ink);font-family:var(--font-en), ui-sans-serif, system-ui, sans-serif;-webkit-font-smoothing:antialiased;margin:0}button,input,textarea{color:inherit;font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}img{max-width:100%;display:block}.app-shell{min-height:100vh;padding-bottom:130px}.app-shell[dir=rtl]{font-family:var(--font-fa), var(--font-en), sans-serif}.app-shell[dir=rtl] .brand span,.app-shell[dir=rtl] h1,.app-shell[dir=rtl] h2,.app-shell[dir=rtl] .station-grid>button>span{font-family:var(--font-fa), sans-serif}.topbar{z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7f4edf0;border-bottom:1px solid #153c3224;grid-template-columns:230px minmax(300px,490px) minmax(250px,1fr) auto;align-items:center;gap:22px;min-height:78px;padding:12px clamp(22px,2.2vw,38px);display:grid;position:sticky;top:0}.brand{color:var(--ink);letter-spacing:-.035em;white-space:nowrap;align-items:center;gap:12px;font-size:19px;font-weight:850;text-decoration:none;display:inline-flex}.brand-mark{object-fit:cover;border-radius:50%;width:42px;height:42px}.search-box{border:1px solid var(--line);color:#74807c;background:#fffdfac7;border-radius:24px;align-items:center;gap:10px;min-height:45px;padding:0 15px;display:flex}.search-box:focus-within{border-color:var(--ink);box-shadow:0 0 0 3px #153c3214}.search-box input{background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:13px}.search-box input::placeholder{color:#88918e;opacity:1}.search-box button{background:#ebe9e2;border:0;border-radius:50%;place-items:center;width:28px;height:28px;padding:0;display:grid}.delivery-meta{color:#8b928f;flex-direction:column;justify-self:end;gap:3px;min-width:245px;font-size:11px;display:flex}.delivery-title{color:var(--ink);align-items:center;gap:8px;font-size:12px;font-weight:800;display:inline-flex}.delivery-title i{background:#4db782;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #4db7821f}.header-actions{justify-self:end;align-items:center;gap:12px;display:flex}.install-button{background:var(--paper);white-space:nowrap;border:1px solid #153c322e;border-radius:20px;align-items:center;gap:7px;min-height:38px;padding:0 12px;font-size:11px;font-weight:800;display:inline-flex}.language-toggle{border:1px solid var(--line);background:var(--paper);direction:ltr;border-radius:22px;grid-template-columns:1fr 1fr;gap:2px;padding:3px;display:grid}.language-toggle button{min-width:38px;height:32px;color:var(--muted);background:0 0;border:0;border-radius:17px;padding:0 8px;font-size:10px;font-weight:850}.language-toggle button.active{background:var(--ink);color:#fff}.profile{text-align:end;background:0 0;border:0;justify-content:flex-end;align-items:center;gap:12px;min-width:175px;padding:0;display:flex}.profile>span{flex-direction:column;gap:3px;display:flex}.profile strong{font-size:12px}.profile small{color:var(--muted);font-size:10px}.profile b{background:var(--yellow);border:1px solid #d0ae31;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;font-size:11px;display:grid}.progress-row{color:#596964;align-items:center;gap:9px;min-height:55px;padding:10px clamp(28px,3vw,44px);font-size:11px;display:flex}.progress-row strong{font-weight:700}.progress-track{background:#deddd7;border-radius:9px;width:min(440px,34vw);height:5px;margin-inline-start:18px;overflow:hidden}.progress-track i{border-radius:inherit;background:var(--green);height:100%;transition:width .3s;display:block}.progress-row button{color:#52635e;background:0 0;border:0;align-items:center;gap:7px;margin-inline-start:auto;padding:8px 0;font-size:11px;display:inline-flex}.station-grid{border:1px solid #153c3226;grid-template-columns:repeat(4,1fr);margin:0 30px;display:grid;overflow:hidden}.station-grid>button{border:0;color:#fff;text-align:start;isolation:isolate;background-position:50%;background-size:cover;border-inline-end:1px solid #ffffffad;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:5px;min-width:0;height:158px;padding:24px 30px;display:flex;position:relative}.station-grid>button:after{content:"";z-index:-1;background:#08191480;transition:background .2s;position:absolute;inset:0}.station-grid>button:last-child{border-inline-end:0}.station-grid>button:hover:after{background:#08191461}.station-grid>button.active{box-shadow:inset 0 -5px 0 var(--yellow)}.station-grid>button.active:after{background:#0819144d}.station-grid>button>span{font-family:var(--font-display), Georgia, serif;letter-spacing:-.035em;font-size:clamp(22px,2.15vw,31px);font-weight:500;line-height:1}.station-grid>button small{color:var(--yellow);align-items:center;gap:5px;font-size:11px;font-weight:800;display:inline-flex}.catalogue{width:min(1335px,100% - 150px);margin:0 auto;padding:24px 0 32px}.catalogue-heading{align-items:baseline;gap:50px;margin-bottom:16px;display:flex}.catalogue-heading h1{font-family:var(--font-display), Georgia, serif;letter-spacing:-.04em;margin:0;font-size:30px;font-weight:500}.catalogue-heading p{color:#7a8581;margin:0;font-size:13px}.product-section{margin-top:16px}.section-title{grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin-bottom:14px;display:grid}.section-title h2{font-family:var(--font-display), Georgia, serif;letter-spacing:-.025em;margin:0;font-size:22px;font-weight:500}.section-title span{background:var(--line);height:1px}.section-title button{border:0;border-bottom:1px solid var(--coral);color:var(--coral);background:0 0;padding:5px 0;font-size:11px}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.product-card{border:1px solid var(--line);background:#fffdfad1;border-radius:10px;min-width:0;overflow:hidden}.product-image{aspect-ratio:1.58;background:#e9e4da;overflow:hidden}.product-image img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.product-card:hover .product-image img{transform:scale(1.025)}.product-main{justify-content:space-between;align-items:flex-start;gap:10px;min-height:65px;padding:13px 12px 8px;display:flex}.product-main h3{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;margin:0 0 4px;font-size:13px;font-weight:850;overflow:hidden}.product-main p{color:#818985;margin:0;font-size:10px}.product-main>strong{text-align:end;flex:none;font-size:13px}.product-main>strong small{color:#818985;margin-top:2px;font-size:9px;font-weight:500;display:block}.product-footer{justify-content:space-between;align-items:flex-end;gap:10px;min-height:64px;padding:7px 12px 12px;display:flex}.product-footer>p{color:#576861;min-width:0;margin:0;font-size:10px;line-height:1.45}.product-footer>p>span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.product-footer>p small{color:#969c99;align-items:center;gap:6px;font-size:9px;display:flex}.product-footer>p i{background:#55b884;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #55b8841a}.stepper{border:1px solid var(--line);background:var(--paper);direction:ltr;border-radius:7px;flex:none;grid-template-columns:33px 38px 33px;align-items:center;height:36px;display:grid;overflow:hidden}.stepper button{background:0 0;border:0;place-items:center;width:33px;height:100%;padding:0;display:grid}.stepper button:hover{background:#f0eee8}.stepper strong{text-align:center;font-size:12px}.add-button{background:var(--ink);color:#fff;border:0;border-radius:7px;align-items:center;gap:6px;height:36px;padding:0 13px;font-size:11px;font-weight:800;display:inline-flex}.empty-state{min-height:320px;color:var(--muted);align-content:center;place-items:center;gap:12px;display:grid}.empty-state p{margin:0}.empty-state button{border:1px solid var(--line);background:var(--paper);border-radius:20px;padding:10px 14px}.order-tray{width:min(1040px,100% - 40px);min-height:88px;left:50%;bottom:max(18px, env(safe-area-inset-bottom));z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffdfaf7;border:1px solid #153c322e;border-radius:18px;grid-template-columns:1.15fr 1.15fr 1.2fr 1.7fr;align-items:center;gap:0;padding:10px 14px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 14px 44px #153c3229}.tray-items,.tray-delivery{align-items:center;gap:13px;padding:0 16px;display:flex}.tray-items,.tray-total{border-inline-end:1px solid var(--line)}.bag-icon{background:var(--ink);color:#fff;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;display:grid}.tray-items p,.tray-delivery p{flex-direction:column;gap:3px;margin:0;display:flex}.tray-items strong{font-size:14px}.tray-items button{width:fit-content;color:var(--muted);background:0 0;border:0;padding:0;font-size:10px}.tray-total{flex-direction:column;gap:6px;padding:0 24px;display:flex}.tray-total small,.tray-delivery small{color:#8b918e;font-size:9px}.tray-total strong{font-size:17px}.tray-total em{color:var(--muted);font-size:10px;font-style:normal;font-weight:500}.tray-delivery>svg{flex:none}.tray-delivery strong{font-size:11px}.tray-delivery span{color:var(--muted);font-size:10px}.review-button,.confirm-button{background:var(--yellow);color:#1d2b26;border:0;border-radius:28px;justify-content:center;align-items:center;gap:24px;min-height:52px;padding:0 24px;font-size:13px;font-weight:850;display:flex}.review-button:hover,.confirm-button:hover{background:#e9c13c}.app-shell[dir=rtl] .review-button svg:last-child,.app-shell[dir=rtl] .confirm-button svg:last-child{transform:scaleX(-1)}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a1f199e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.review-modal{background:var(--paper);border-radius:18px;width:min(720px,100%);max-height:min(820px,100vh - 40px);padding:28px;position:relative;overflow:auto;box-shadow:0 24px 70px #081e1747}.modal-close{border:1px solid var(--line);background:var(--paper);top:20px;border-radius:50%;place-items:center;width:38px;height:38px;padding:0;display:grid;position:absolute;inset-inline-end:20px}.review-modal>header{align-items:flex-start;gap:14px;margin-bottom:22px;padding-inline-end:45px;display:flex}.review-modal>header>span{background:#e8eee9;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;display:grid}.review-modal h2{font-family:var(--font-display), Georgia, serif;letter-spacing:-.035em;margin:0 0 7px;font-size:29px;font-weight:500}.review-modal header p{color:var(--muted);margin:0;font-size:12px}.review-list{border-top:1px solid var(--line)}.review-row{border-bottom:1px solid var(--line);grid-template-columns:52px minmax(0,1fr) auto 92px;align-items:center;gap:12px;min-height:70px;display:grid}.review-row img{object-fit:cover;border-radius:7px;width:52px;height:52px}.review-row>div:nth-child(2){flex-direction:column;gap:4px;min-width:0;display:flex}.review-row>div:nth-child(2) strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.review-row>div:nth-child(2) small{color:var(--muted);font-size:10px}.review-row .stepper{grid-template-columns:28px 32px 28px;height:32px}.review-row .stepper button{width:28px}.review-row>b{text-align:end;font-size:11px}.buyer-note{flex-direction:column;gap:8px;margin-top:20px;font-size:11px;font-weight:800;display:flex}.buyer-note textarea{resize:vertical;border:1px solid var(--line);background:#fff;border-radius:9px;outline:0;min-height:78px;padding:12px;font-size:12px;line-height:1.5}.buyer-note textarea:focus{border-color:var(--ink);box-shadow:0 0 0 3px #153c3214}.modal-summary{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;margin:20px 0;padding:16px 0;font-size:12px;display:flex}.modal-summary strong{font-size:18px}.modal-actions{grid-template-columns:.8fr 1.5fr;gap:10px;display:grid}.secondary-button{border:1px solid var(--line);background:0 0;border-radius:27px;min-height:52px;font-size:12px;font-weight:800}.success-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:440px;padding:30px;display:flex}.success-check{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:70px;height:70px;margin-bottom:20px;display:grid}.success-state>p{color:var(--coral);letter-spacing:.11em;text-transform:uppercase;margin:0 0 10px;font-size:10px;font-weight:850}.success-state h2{max-width:470px;font-size:38px}.success-delivery{border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:500px;color:var(--muted);text-align:start;align-items:flex-start;gap:12px;margin:16px 0 26px;padding:17px;font-size:12px;line-height:1.55;display:flex}.success-state .confirm-button{min-width:230px}:is(button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible){outline-offset:2px;outline:3px solid #ef6a4d61}@media (max-width:1120px){.topbar{grid-template-columns:210px minmax(270px,1fr) auto}.delivery-meta{display:none}.profile{min-width:42px}.profile>span{display:none}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.order-tray{grid-template-columns:1fr 1fr 1fr 1.4fr}}@media (max-width:820px){.app-shell{padding-bottom:112px}.topbar{grid-template-columns:1fr auto;gap:10px;padding:10px 18px}.search-box{grid-area:2/1/auto/-1}.header-actions{grid-area:1/2}.install-button span,.profile{display:none}.progress-row{padding-inline:18px}.progress-row>span:first-child,.progress-row .dot{display:none}.progress-track{flex:1;width:auto}.progress-row button{font-size:0}.station-grid{scroll-snap-type:x mandatory;border-inline:0;grid-template-columns:none;grid-auto-columns:minmax(240px,70vw);grid-auto-flow:column;margin:0;overflow-x:auto}.station-grid>button{scroll-snap-align:start;height:142px}.catalogue{width:calc(100% - 36px)}.catalogue-heading{flex-direction:column;align-items:flex-start;gap:4px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.order-tray{width:calc(100% - 24px);min-height:76px;bottom:max(10px, env(safe-area-inset-bottom));border-radius:16px;grid-template-columns:1fr 1.35fr;padding:9px}.tray-total,.tray-delivery{display:none}.tray-items{border:0;padding:0 8px}.bag-icon{width:42px;height:42px}.review-button{gap:14px;min-height:54px}}@media (max-width:560px){.brand{font-size:16px}.brand-mark{width:38px;height:38px}.language-toggle button{min-width:34px}.progress-row strong{text-overflow:ellipsis;white-space:nowrap;max-width:170px;overflow:hidden}.station-grid{grid-auto-columns:82vw}.catalogue{width:calc(100% - 28px);padding-top:20px}.catalogue-heading h1{font-size:27px}.section-title h2{font-size:20px}.product-grid{grid-template-columns:1fr}.product-image{aspect-ratio:1.7}.order-tray{grid-template-columns:.8fr 1.3fr}.tray-items p button{display:none}.review-modal{padding:22px 16px}.review-row{grid-template-columns:44px minmax(0,1fr) auto}.review-row img{width:44px;height:44px}.review-row>b{display:none}.review-row .stepper{grid-template-columns:27px 28px 27px}.modal-actions{grid-template-columns:1fr}.secondary-button{order:2}.success-state{padding:20px 5px}.success-state h2{font-size:31px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}