button,a{touch-action:manipulation}button:active,.bento-card:active{transform:scale(.96)}.app-scroll{scroll-snap-type:y mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;height:100dvh;overflow-y:auto}.app-scroll::-webkit-scrollbar{display:none}.screen{scroll-snap-align:start;scroll-snap-stop:always;width:100%;height:100dvh;display:flex;position:relative;overflow:hidden}.screen__bg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.screen__overlay{position:absolute;inset:0}.screen__overlay--30{background:color-mix(in srgb, var(--color-overlay-tint) 30%, transparent)}.screen__overlay--50{background:color-mix(in srgb, var(--color-overlay-tint) 50%, transparent)}.screen--cover{justify-content:center;align-items:center}.cover__content{z-index:1;text-align:center;color:#fff;flex-direction:column;align-items:center;gap:12px;padding:24px;display:flex;position:relative}.cover__logo{object-fit:cover;border:3px solid #ffffffb3;border-radius:50%;width:96px;height:96px;box-shadow:0 6px 20px #00000040}.cover__name{font-family:var(--font-title), var(--font-body);text-shadow:0 2px 10px #00000059;margin:4px 0 0;font-size:1.7rem;font-weight:800}.cover__social{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:6px;display:flex}.social-btn{letter-spacing:.3px;color:#fff;background:#ffffff38;border:1.5px solid #ffffff59;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:.72rem;font-weight:800;text-decoration:none;transition:background .15s;display:inline-flex}.social-btn:active{background:#ffffff57}.cover__phone{color:#fff;direction:ltr;margin-top:10px;font-size:1.05rem;font-weight:700;text-decoration:none}.screen--item{align-items:flex-end}.item-screen__content{z-index:1;direction:ltr;flex-direction:column;width:100%;padding-bottom:130px;display:flex;position:relative}.item-screen__imgwrap{aspect-ratio:1;background:color-mix(in srgb, var(--color-bg) 92%, black 8%);border-radius:22px;max-height:46dvh;margin:16px 16px 0;overflow:hidden;box-shadow:0 10px 30px #0003}.item-screen__img{object-fit:cover;width:100%;height:100%}.item-screen__img--fallback{background:repeating-linear-gradient(45deg,#ffffff26,#ffffff26 12px,#0000 12px 24px);width:100%;height:100%}.item-screen__info{color:#fff;flex-direction:column;align-items:stretch;gap:10px;padding:18px 20px 0;display:flex}.item-screen__top-row{justify-content:space-between;align-items:center;gap:14px;display:flex}.item-screen__title-block{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.item-screen__category{text-align:right;letter-spacing:.2px;color:var(--color-accent);direction:rtl;margin:0;font-size:.74rem;font-weight:800}.item-screen__title{text-align:right;font-family:var(--font-title), var(--font-body);text-shadow:0 2px 8px #00000059;direction:rtl;margin:0;font-size:1.4rem;font-weight:800;line-height:1.3}.item-screen__price{color:#fff;background:color-mix(in srgb, var(--color-accent) 35%, transparent);border:1.5px solid color-mix(in srgb, var(--color-accent) 55%, transparent);white-space:nowrap;direction:rtl;border-radius:100px;flex-shrink:0;padding:9px 15px;font-size:.9rem;font-weight:800}.item-screen__meta-row{align-items:center;gap:12px;display:flex}.details-toggle-btn{color:#fff;background:#ffffff2e;border:1.5px solid #ffffff4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:background .15s;display:flex}.details-toggle-btn:active{background:#ffffff4d}.item-screen__details{z-index:2;text-align:right;scrollbar-width:none;-ms-overflow-style:none;color:#fffffff2;opacity:0;pointer-events:none;direction:rtl;background:#0000008c;border-radius:16px;max-height:50dvh;padding:16px;font-size:.92rem;line-height:1.65;transition:opacity .18s,transform .18s;position:absolute;bottom:110px;left:16px;right:16px;overflow-y:auto;transform:translateY(8px)}.item-screen__details--open{opacity:1;pointer-events:auto;transform:translateY(0)}.item-screen__details::-webkit-scrollbar{display:none}.bag-add__btn{background:var(--color-accent);width:42px;height:42px;color:var(--color-accent-text);box-shadow:0 4px 12px color-mix(in srgb, var(--color-accent) 45%, transparent);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;font-weight:800;transition:transform .1s;display:flex}.bag-add__stepper{background:#ffffff2e;border-radius:100px;align-items:center;gap:12px;padding:5px 8px;display:flex}.bag-add__step{background:var(--color-accent);width:30px;height:30px;color:var(--color-accent-text);border:none;border-radius:50%;font-size:1.05rem;font-weight:800;line-height:1}.bag-add__count{text-align:center;color:#fff;min-width:20px;font-weight:700}.toast{z-index:50;background:var(--color-card-bg);color:var(--color-card-text);box-shadow:var(--shadow);opacity:0;pointer-events:none;white-space:nowrap;border-radius:100px;padding:12px 20px;font-size:.88rem;font-weight:700;transition:opacity .22s,transform .22s;position:fixed;bottom:96px;left:50%;transform:translate(-50%,8px)}.toast--visible{opacity:1;transform:translate(-50%)}@media (width>=768px){.toast{left:auto;right:24px;transform:translateY(8px)}.toast--visible{transform:translateY(0)}}.navbar{z-index:30;background:color-mix(in srgb, var(--color-accent) 55%, transparent);direction:ltr;border-radius:100px;align-items:center;gap:7px;max-width:calc(100% - 24px);padding:9px 11px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000002e}@media (width>=768px),(orientation:landscape){.navbar{bottom:24px;left:auto;right:24px;transform:none}.screen--item{align-items:center}.item-screen__content{flex-direction:row;align-items:center;gap:32px;max-width:1000px;margin:0 auto;padding:0 32px}.item-screen__imgwrap{aspect-ratio:4/5;flex:0 0 44%;max-height:80dvh;margin:0}.item-screen__info{flex:1;padding:0}.item-screen__details{bottom:32px;left:32px;right:32px}}@media (orientation:landscape) and (width<=767px){.item-screen__content{gap:20px;padding:0 20px}.item-screen__imgwrap{flex-basis:40%;max-height:88dvh}.item-screen__title{font-size:1.15rem}.item-screen__details{max-height:60dvh;bottom:16px;left:20px;right:20px}}.navbar__logo{object-fit:cover;border:1.5px solid #fff9;border-radius:50%;flex-shrink:0;width:36px;height:36px}.navbar__btn{color:#fff;background:#ffffff29;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.05rem;transition:background .15s;display:flex;position:relative}.navbar__btn:active{background:#ffffff47}.navbar__btn--bag{color:var(--color-accent);background:#fff}.navbar__btn--bag:active{opacity:.85;background:#fff}.navbar__btn--lang{letter-spacing:.3px;font-size:.72rem;font-weight:800}.navbar__bag-badge{background:var(--color-accent);color:#fff;text-align:center;border:1.5px solid #fff;border-radius:100px;min-width:17px;height:17px;padding:0 3px;font-size:.64rem;font-weight:800;line-height:17px;position:absolute;top:-4px;right:-4px}@keyframes badge-pulse{0%{transform:scale(1)}35%{transform:scale(1.35)}to{transform:scale(1)}}.navbar__bag-badge--pulse{animation:.35s badge-pulse}.modal-overlay{z-index:40;opacity:0;background:#00000073;justify-content:center;align-items:flex-end;transition:opacity .2s;display:flex;position:fixed;inset:0}.modal-overlay.is-open{opacity:1}@media (width>=768px){.modal-overlay{align-items:center}}.modal{background:var(--color-card-bg);width:100%;max-width:420px;max-height:70dvh;color:var(--color-card-text);border-radius:22px 22px 0 0;flex-direction:column;gap:10px;padding:18px 18px 22px;transition:transform .2s;display:flex;overflow:hidden;transform:translateY(16px)}.modal-overlay.is-open .modal{transform:translateY(0)}@media (width>=768px){.modal{border-radius:22px;margin:0 16px;transform:translateY(8px)scale(.98)}.modal-overlay.is-open .modal{transform:translateY(0)scale(1)}}.modal__header{justify-content:space-between;align-items:center;display:flex}.modal__header h3{margin:0;font-size:1.08rem;font-weight:800}.modal__close{background:var(--color-bg);width:32px;height:32px;color:var(--color-text);border:none;border-radius:50%;font-size:1.15rem}.modal__list{scrollbar-width:none;flex-direction:column;gap:4px;display:flex;overflow-y:auto}.modal__list::-webkit-scrollbar{display:none}.modal__option{text-align:right;color:var(--color-card-text);background:0 0;border:none;border-radius:10px;padding:13px 10px;font-size:.97rem;transition:background .15s}.modal__option:active{background:color-mix(in srgb, var(--color-accent) 10%, transparent)}.modal__option--active{background:color-mix(in srgb, var(--color-accent) 15%, transparent);color:var(--color-accent);font-weight:700}.bag-overlay{z-index:40;background:var(--color-bg);color:var(--color-text);opacity:0;flex-direction:column;padding:20px;transition:opacity .2s,transform .2s;display:flex;position:fixed;inset:0;overflow-y:auto;transform:translateY(10px)}.bag-overlay.is-open{opacity:1;transform:translateY(0)}.bag-overlay__close{background:var(--color-card-bg);width:38px;height:38px;color:var(--color-text);box-shadow:var(--shadow);border:none;border-radius:50%;font-size:1.25rem;position:absolute;top:16px;left:16px}.bag-overlay__title{font-family:var(--font-title), var(--font-body);margin:6px 0 4px;font-size:1.4rem;font-weight:800}.bag-overlay__subtitle{color:var(--color-text-muted);margin:0 0 18px;font-size:.86rem;line-height:1.5}.bag-list{flex-direction:column;gap:10px;display:flex}.bag-row{background:var(--color-card-bg);box-shadow:var(--shadow);border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;display:flex}.bag-row__name{flex:1;min-width:100px;font-size:.92rem;font-weight:700}.bag-row__price{color:var(--color-text-muted);white-space:nowrap;font-size:.82rem}.bag-row__qty{color:var(--color-text-muted);white-space:nowrap;font-size:.85rem}.bag-row__subtotal{white-space:nowrap;color:var(--color-accent);font-size:.9rem;font-weight:800}.bag-row__remove{color:var(--color-text-muted);background:0 0;border:none;padding:4px;font-size:.8rem;text-decoration:underline}.bag-total{text-align:left;direction:ltr;margin-top:18px;font-size:1.15rem;font-weight:800}.bag-actions{gap:10px;margin-top:14px;display:flex}.bag-action-btn{border:1.5px solid var(--color-line);color:var(--color-text);background:0 0;border-radius:12px;flex:1;padding:12px;font-size:.9rem;font-weight:700}.bag-save{gap:8px;margin-top:22px;display:flex}.bag-save__input{border:1.5px solid var(--color-line);background:var(--color-card-bg);color:var(--color-text);border-radius:12px;flex:1;padding:11px 13px;font-size:.9rem}.bag-save__btn{background:var(--color-accent);color:var(--color-accent-text);white-space:nowrap;border:none;border-radius:12px;padding:11px 18px;font-size:.88rem;font-weight:700}.bag-saved{margin-top:22px}.bag-saved h4{color:var(--color-text-muted);margin:0 0 8px;font-size:.9rem}.bag-saved__row{border-bottom:1px solid var(--color-line);align-items:center;gap:8px;padding:9px 0;display:flex}.bag-saved__name{flex:1;font-size:.9rem}.bag-saved__btn{border:1.5px solid var(--color-line);color:var(--color-text);background:0 0;border-radius:100px;padding:6px 13px;font-size:.8rem}.bag-saved__btn--danger{color:#b5502d;border-color:#b5502d}.empty-state{color:var(--color-text-muted);text-align:center;padding:34px 16px;font-size:.92rem;line-height:1.6}:root{--bg:#f3f1ec;--surface:#fff;--text:#24211d;--text-muted:#6b6459;--line:#e2ddd2;--accent:#8b5e3c;--accent-text:#fff;--danger:#b3402f;--danger-bg:#fbeae7;--radius:12px;--radius-sm:8px}.app-shell *{box-sizing:border-box}.app-shell{background:var(--bg);color:var(--text);min-height:100vh;padding-bottom:84px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Cairo,Tahoma,Arial,sans-serif}h1,h2{margin:0}.app-shell h2{margin-bottom:12px;font-size:1.05rem}.topbar{z-index:20;background:var(--surface);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex;position:sticky;top:0}.topbar__title h1{font-size:1.05rem}.topbar__subtitle{color:var(--text-muted);margin:2px 0 0;font-size:.75rem}.topbar__actions{flex-wrap:wrap;gap:8px;display:flex}.container{flex-direction:column;gap:16px;max-width:720px;margin:0 auto;padding:16px;display:flex}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.card__header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.field-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.field{color:var(--text-muted);flex-direction:column;gap:6px;font-size:.85rem;display:flex}.field--full{grid-column:1/-1}input[type=text],input[type=number],input[type=email],input[type=password],input[type=tel],select,textarea{font:inherit;border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text);background:#fff;width:100%;min-height:42px;padding:11px 12px;font-size:.95rem}textarea{resize:vertical;min-height:64px}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.color-input{align-items:center;gap:8px;display:flex}.color-input input[type=color]{border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;background:#fff;width:44px;height:42px;padding:2px}.hint{color:var(--text-muted);margin:0 0 10px;font-size:.78rem}.hint--tight{margin-bottom:0}.btn{font:inherit;cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:10px 16px;font-size:.85rem;text-decoration:none;display:inline-flex}.btn--primary{background:var(--accent);color:var(--accent-text)}.btn--ghost{border-color:var(--line);color:var(--text);background:0 0}.btn--small{background:var(--bg);border-color:var(--line);min-height:36px;color:var(--text);padding:8px 13px;font-size:.8rem}.btn--danger{background:var(--danger-bg);color:var(--danger);border-color:#0000}.btn--icon{min-width:40px;padding:8px 11px}.btn:disabled{opacity:.6;cursor:default}.image-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.image-field{border:1px dashed var(--line);border-radius:var(--radius-sm);flex-direction:column;gap:8px;padding:12px;display:flex}.image-field__label{color:var(--text-muted);font-size:.8rem}.image-field__preview{border-radius:var(--radius-sm);background:#f1efe9;justify-content:center;align-items:center;height:110px;display:flex;overflow:hidden}.image-field__preview img{object-fit:contain;max-width:100%;max-height:100%}.image-field__controls{flex-wrap:wrap;gap:8px;display:flex}.stack{flex-direction:column;gap:10px;display:flex}.item-card{border:1px solid var(--line);border-radius:var(--radius-sm);flex-direction:column;gap:10px;padding:14px;display:flex}.item-card__header{justify-content:space-between;align-items:center;display:flex}.item-card__title{font-size:.9rem;font-weight:700}.category-row,.social-row{align-items:center;gap:6px;display:flex}.category-row input{flex:1}.msg{border-radius:var(--radius-sm);margin-bottom:8px;padding:10px 14px;font-size:.85rem}.msg--error{background:var(--danger-bg);color:var(--danger)}.msg--ok{color:#226b3a;background:#e7f5ea}.msg--warn{color:#8a6100;background:#fff6e0}.bottombar{bottom:0;background:var(--surface);border-top:1px solid var(--line);z-index:15;justify-content:space-between;align-items:center;gap:10px;padding:10px 16px;display:flex;position:fixed;inset-inline:0}.bottombar span{color:var(--text-muted);font-size:.82rem}.auth-wrap{max-width:380px;margin:60px auto;padding:0 16px}.auth-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:12px;padding:24px;display:flex}.auth-switch{text-align:center;color:var(--text-muted);font-size:.85rem}.auth-switch button{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.billing-wrap{text-align:center;max-width:420px;margin:60px auto;padding:0 16px}.billing-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;align-items:center;gap:14px;padding:32px 24px;display:flex}.billing-card .big-icon{font-size:2.5rem}.billing-card .price{color:var(--accent);font-size:1.4rem;font-weight:700}.container--wide{max-width:1100px}.pad-16{padding:16px}.pad-20{padding:20px}.status-pill{margin:0;padding:4px 10px}.no-margin{margin:0}.image-field__empty-text{color:var(--text-muted);font-size:.75rem}.btn-row{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}@media (width<=560px){.topbar{padding:10px 12px}.topbar__subtitle{display:none}.container{padding:12px}.card{padding:14px}}@font-face{font-family:Cairo;font-style:normal;font-weight:800;font-display:swap;src:url(/assets/fonts/cairo-arabic-800-normal.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:Cairo;font-style:normal;font-weight:800;font-display:swap;src:url(/assets/fonts/cairo-latin-800-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122}@font-face{font-family:Cairo;font-style:normal;font-weight:800;font-display:swap;src:url(/assets/fonts/cairo-latin-ext-800-normal.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+1E00-1E9F}:root{--color-bg:#f7f5f0;--color-text:#26312d;--color-text-muted:#6b756f;--color-card-bg:#fff;--color-card-text:#1b2e2b;--color-accent:#6750a4;--color-accent-text:#fff;--color-line:#e4dfd3;--color-overlay-tint:#6750a4;--font-body:-apple-system, "Segoe UI", system-ui, Tahoma, Arial, sans-serif;--font-title:"Cairo", -apple-system, "Segoe UI", system-ui, Tahoma, Arial, sans-serif;--radius:16px;--shadow:0 6px 20px #0000001f}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}[hidden]{display:none!important}*{-webkit-tap-highlight-color:transparent}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overscroll-behavior:none;line-height:1.5}img{max-width:100%;display:block}a{color:inherit}button,select,input{font:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}.loading-screen,.error-screen{min-height:100dvh;color:var(--color-text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex}.loading-mark{border:3px solid var(--color-line);border-top-color:var(--color-accent);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-card{background:var(--color-card-bg);border-radius:var(--radius);max-width:380px;box-shadow:var(--shadow);padding:28px}.error-card h1{color:var(--color-card-text);margin:0 0 8px;font-size:1.4rem}.error-card p{margin:0;font-size:.95rem}.site-root{height:100dvh;position:relative;overflow:hidden}