.web-shell{--sbs-navy:#050a6e;--sbs-blue:#0f06b9;--sbs-orange:#ff6b00;--sbs-gold:#ffb300;--sbs-red:#fa0000;--sbs-ice:#ebf0ff;--sbs-charcoal:#1a1a2e;color:var(--sbs-charcoal);background:#f4f5fa;min-block-size:100dvh;font-family:Tajawal,sans-serif;font-size:16px;line-height:1.5}.web-shell *{box-sizing:border-box}.web-shell button,.web-shell input,.web-shell select,.web-shell textarea{font:inherit;color:inherit}.web-shell button{cursor:pointer;background:#fff;border:1px solid #d8dcea;border-radius:10px;min-block-size:44px;padding-block:8px;padding-inline:14px;font-weight:700}.web-shell button:hover:not(:disabled){background:var(--sbs-ice)}.web-shell button:disabled{opacity:.5;cursor:default}.web-shell :focus-visible{outline:3px solid var(--sbs-blue);outline-offset:2px}.web-shell input:not([type=checkbox]):not([type=radio]),.web-shell select,.web-shell textarea{background:#fff;border:1px solid #cbd0e0;border-radius:8px;min-block-size:44px;inline-size:100%;min-inline-size:0;padding-block:8px;padding-inline:10px}.web-shell textarea{resize:vertical;min-block-size:80px}.web-shell input[aria-invalid=true],.web-shell select[aria-invalid=true]{border-color:#b3261e;box-shadow:0 0 0 1px #b3261e}.web-shell label{flex-direction:column;gap:4px;min-inline-size:0;font-size:14px;font-weight:700;display:flex}.web-shell fieldset{border:0;min-inline-size:0;margin:0;padding:0}.web-shell h1{margin-block:0 8px;font-size:26px;font-weight:700}.web-shell h2{margin-block:0 10px;font-size:19px;font-weight:700}.web-shell h3{margin-block:16px 8px;font-size:16px;font-weight:700}.web-shell p{margin-block:6px}.web-shell small{color:#5d6377;font-size:13px;font-weight:400}.web-shell bdi{font-variant-numeric:tabular-nums}.web-shell a{color:var(--sbs-blue);font-weight:700}.web-header{background:var(--sbs-navy);color:#fff;justify-content:space-between;align-items:center;gap:12px;padding-block:14px;padding-inline:24px;display:flex}.web-brand{align-items:center;gap:12px;min-inline-size:0;display:flex}.web-brand strong{display:block}.web-brand small{color:#c5cbf2;display:block}.web-mark{background:var(--sbs-orange);block-size:38px;inline-size:38px;color:var(--sbs-charcoal);border-radius:10px;flex:none;place-items:center;font-size:22px;font-weight:700;display:grid}.web-shell .web-lang{color:#fff;background:0 0;border-color:#4a4c95}.web-shell .web-lang:hover:not(:disabled){background:#ffffff20}.web-nav{background:#e6e9f4;gap:4px;padding-block:6px;padding-inline:24px;display:flex;overflow-x:auto}.web-nav a{color:var(--sbs-charcoal);white-space:nowrap;border-radius:10px;padding-block:10px;padding-inline:14px;text-decoration:none}.web-nav a[aria-current=page]{color:var(--sbs-navy);background:#fff;box-shadow:0 2px 5px #050a6e12}.web-main{max-inline-size:1200px;margin-inline:auto;padding-block:24px;padding-inline:24px}.web-stack{flex-direction:column;gap:18px;display:flex}.web-panel{background:#fff;border:1px solid #dfe3ef;border-radius:14px;padding:20px}.web-denied{background:#fff8ea;border-color:#edca86}.web-status{text-align:center;padding:24px}.web-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-block-end:14px;display:grid}.web-row{border-block-end:1px solid #eceef5;flex-wrap:wrap;align-items:end;gap:10px;padding-block:12px;display:flex}.web-row>label{flex:140px}.web-row>.web-field-error{flex-basis:100%}.web-shell .web-check{flex-direction:row;align-items:center;gap:8px;min-block-size:44px;font-weight:400}.web-check input{flex:none;block-size:20px;inline-size:20px}.web-radios{flex-direction:column;gap:4px;margin-block:8px;display:flex}.web-inner{border-radius:10px;border:1px solid #e1e5ef!important;margin-block:10px!important;padding:10px!important}.web-inner legend{padding-inline:4px;font-weight:700}.web-shell .web-primary{background:var(--sbs-orange);border-color:var(--sbs-orange);color:var(--sbs-charcoal);margin-block-start:12px}.web-shell .web-primary:hover:not(:disabled){background:#ff842b}.web-help{background:var(--sbs-ice);border-radius:8px;padding-block:8px;padding-inline:12px;font-size:14px}.web-field-error{font-weight:700;color:#b3261e!important}.web-status-line{border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;margin-block-start:12px;padding-block:10px;padding-inline:12px;display:flex}.web-status-line.web-ok{color:#1b5e20;background:#e8f6ec}.web-status-line.web-error{color:#8c1d18;background:#fdecea}.web-facts dd{flex-direction:column;margin:0;font-weight:700;display:flex}.web-list{margin:0;padding:0;list-style:none}.web-list-item{border-block-end:1px solid #eceef5;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-block:12px;display:flex}.web-list-item>div:first-child{flex-direction:column;flex:220px;min-inline-size:0;display:flex}.web-list-item strong{overflow-wrap:anywhere}.web-editor{background:#f8f9fc;border:1px solid #e1e5ef;border-radius:12px;flex-basis:100%;padding:16px}.web-muted{color:#8a5a00!important}.web-pill{background:var(--sbs-ice);color:var(--sbs-navy);border-radius:999px;padding-block:6px;padding-inline:12px;font-size:13px;font-weight:700}.web-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.web-version{color:#8b90a3;text-align:end}.web-banner{background:#fff3df;border:1px solid #edca86;border-radius:12px;margin:0;padding-block:12px;padding-inline:16px}.web-preview-banner{flex-direction:column;gap:4px;display:flex}.web-hours{grid-template-columns:1fr;gap:6px;margin:0;display:grid}.web-hours>div{border-block-end:1px dashed #eceef5;justify-content:space-between;gap:12px;padding-block:6px;display:flex}.web-hours dt{font-weight:700}.web-hours dd{text-align:end;flex-direction:column;align-items:end;margin:0;display:flex}.web-menu{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.web-menu-item{background:#fff;border:1px solid #e1e5ef;border-radius:12px;flex-direction:column;gap:6px;padding:14px;display:flex}.web-menu-head{justify-content:space-between;align-items:start;gap:10px;display:flex}.web-menu-head strong{overflow-wrap:anywhere}.web-price{color:var(--sbs-navy);white-space:nowrap;font-weight:700}.web-availability{font-weight:700}.web-unavailable{color:#8c1d18!important}.web-group ul{margin-block:4px;padding-inline-start:18px}.web-basket-controls{border-block-start:1px solid #eceef5;flex-direction:column;gap:6px;padding-block-start:8px;display:flex}.web-quote{background:var(--sbs-ice);border-radius:12px;margin-block-start:14px;padding:14px}.web-quote>div{justify-content:space-between;gap:10px;font-size:18px;font-weight:700;display:flex}@media (max-width:640px){.web-header,.web-nav{padding-inline:16px}.web-main{padding-block:16px;padding-inline:16px}.web-panel{padding:16px}.web-shell h1{font-size:22px}.web-row>label{flex-basis:100%}.web-menu{grid-template-columns:1fr}}.web-cart .web-list-item{align-items:end}.web-shell .web-qty{flex-direction:row;align-items:center;gap:6px;font-weight:400}.web-shell .web-qty input{inline-size:72px;min-inline-size:72px}.web-shell .web-stepper{align-items:center;gap:6px;display:inline-flex}.web-shell .web-stepper input{text-align:center;inline-size:56px;min-inline-size:56px}.web-shell .web-stepper button{place-items:center;block-size:44px;inline-size:44px;min-inline-size:44px;padding:0;font-size:22px;line-height:1;display:grid}.web-slots{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-block:10px;display:grid}.web-shell .web-slot{text-align:center;font-weight:700}.web-shell .web-slot[aria-pressed=true]{background:var(--sbs-navy);color:#fff;border-color:var(--sbs-navy)}.web-totals dd{align-items:start}.web-totals>div:last-child{border-block-start:1px dashed #cbd0e0;padding-block-start:8px}.web-eyebrow{letter-spacing:.05em;color:#5d6377;margin:0;font-size:12px;font-weight:700}.web-order{background:#fff;border:1px solid #e1e5ef;border-radius:12px;flex-direction:column;gap:8px;margin-block-end:12px;padding:14px;display:flex}.web-order-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.web-order-lines{margin:0;padding-inline-start:18px}.web-events{color:#3d4256;margin:0;padding-inline-start:18px;font-size:14px}.web-shell .web-warn{color:#8c1d18;background:#fdecea}.web-state-submitted{color:#7a4b00!important;background:#fff3df!important}.web-state-ready{color:#1b5e20!important;background:#e8f6ec!important}.web-state-rejected,.web-state-cancelled,.web-state-expired{color:#3d4256!important;background:#eceef5!important}.web-cash-expected{font-size:18px}@media (max-width:640px){.web-slots{grid-template-columns:repeat(2,minmax(0,1fr))}.web-order .web-actions button{flex:140px}}.web-shell label.web-choice{flex-direction:row;align-items:center;gap:8px;min-block-size:44px;font-size:16px;font-weight:400}.web-shell label.web-choice input{flex:none;block-size:20px;min-block-size:0;inline-size:20px}.web-shell dl.web-totals{grid-template-columns:1fr auto;gap:6px 16px;margin:0;display:grid}.web-shell dl.web-totals dt,.web-shell dl.web-totals dd{margin:0}.web-shell dl.web-totals dd{text-align:end}.web-lines{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.web-lines li{justify-content:space-between;gap:12px;display:flex}.web-badge{background:#eef0f7;border-radius:999px;padding-block:2px;padding-inline:10px;font-size:13px;font-weight:700;display:inline-block}.web-badge.web-ok{color:#1b5e20;background:#e8f6ec}.web-badge.web-new{background:var(--sbs-orange);color:var(--sbs-charcoal)}.web-orders{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.web-order-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 12px;display:flex}.web-order-actions{flex-wrap:wrap;gap:8px;display:flex}.web-order-actions>button{flex:120px}.web-signout{color:var(--sbs-charcoal);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:10px;margin-inline-start:auto;padding-block:10px;padding-inline:14px}.web-table-wrap{background:#fff;border:1px solid #dfe3ef;border-radius:14px;overflow-x:auto}.web-table{border-collapse:collapse;inline-size:100%;font-size:14px}.web-table th,.web-table td{text-align:start;white-space:nowrap;border-block-end:1px solid #dfe3ef;padding-block:10px;padding-inline:12px;font-weight:400}.web-table thead th{background:#f6f7fb;font-weight:700}.web-table tbody th{font-weight:700}.web-table tbody tr:last-child th,.web-table tbody tr:last-child td{border-block-end:0}.web-table .web-num{text-align:end}.web-row-link{cursor:pointer}.web-row-link:hover{background:#ebf0ff}.web-row-link a{color:#050a6e;text-decoration:none}.web-sort,.web-stack .web-sort{min-block-size:0;font:inherit;color:inherit;cursor:pointer;box-shadow:none;background:0 0;border:0;padding:0;font-weight:700}.web-back{color:#050a6e;font-weight:700;text-decoration:none}.web-facts{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin:0;display:grid}.web-facts dt{color:#5d6377;font-size:13px}.web-facts dd{margin:0;font-weight:700}.web-cards{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin:0;display:grid}.web-card{background:#fff;border:1px solid #dfe3ef;border-radius:14px;flex-direction:column-reverse;gap:6px;padding:16px;display:flex}.web-card dt{color:#5d6377;font-size:13px}.web-card dd{color:#050a6e;margin:0;font-size:22px;font-weight:700}.web-pill{background:#f1f2f6;border-radius:999px;padding-block:3px;padding-inline:8px;font-size:12px;font-weight:700}.web-pill[data-status=delivered],.web-pill[data-status=collected]{color:#1b7a43;background:#e6f4ec}.web-pill[data-status=cancelled]{color:#b3261e;background:#fdecea}.web-product-row{grid-template-columns:120px minmax(0,1fr);align-items:start;gap:16px;display:grid}.web-product-photo{flex-direction:column;align-items:center;gap:6px;display:flex}.web-product-photo img,.web-product-photo>span{-o-object-fit:contain;object-fit:contain;background:#fff;border:1px solid #e4e7f0;border-radius:12px;justify-content:center;align-items:center;block-size:88px;inline-size:88px;font-size:28px;display:flex}.web-photo-button{color:#050a6e;cursor:pointer;text-align:center;font-size:13px;font-weight:700;position:relative}.web-photo-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.web-link-button{color:#b3261e;cursor:pointer;min-block-size:0;box-shadow:none;background:0 0;border:0;padding:0;font-size:13px}.web-menu-photo{aspect-ratio:1;-o-object-fit:contain;object-fit:contain;background:#fff;border:1px solid #e4e7f0;border-radius:12px;inline-size:100%;margin-block-end:8px}@media (max-width:600px){.web-product-row{grid-template-columns:96px minmax(0,1fr);gap:10px}}.web-shared-line{color:#050a6e;font-weight:700}.web-badge.web-held{color:#050a6e;background:#ebf0ff}.web-overdue{color:#b3261e;margin:0;font-weight:700}.web-line-extra{color:#5d6377}.web-line-note{font-weight:700;display:block;color:#8a5a00!important}.web-order-note{background:#fff8ea;border:1px solid #edca86;border-radius:10px;margin:0;padding-block:8px;padding-inline:12px}.web-look{align-items:start;gap:18px;display:grid}@media (min-width:1000px){.web-look{grid-template-columns:minmax(0,1.3fr) minmax(320px,1fr)}.web-look-side{position:sticky;inset-block-start:16px}}.web-look-themes{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;display:grid}.web-shell label.web-look-theme{border:1px solid #dfe3ef;border-radius:12px;align-items:flex-start;padding:12px}.web-shell label.web-look-theme:has(input:checked){border-color:var(--sbs-navy);background:var(--sbs-ice)}.web-look-theme span{flex-direction:column;display:flex}.web-look-color{align-items:center;gap:8px;display:flex}.web-shell .web-look-color input[type=color]{background:#fff;border:1px solid #cbd0e0;border-radius:8px;block-size:44px;inline-size:52px;min-inline-size:52px;padding:2px}.web-look-preview{border:1px solid #dfe3ef;border-radius:14px;min-block-size:0;padding-block-end:12px;overflow:hidden}.web-look-preview .brand-hero{min-block-size:140px;margin-inline:12px;padding:18px}.web-look-preview .brand-hero h1{font-size:24px}.web-look-logo{-o-object-fit:contain;object-fit:contain;background:#fff;border:1px solid #e4e7f0;border-radius:50%;block-size:96px;inline-size:96px}.web-look-banner{-o-object-fit:cover;object-fit:cover;border-radius:12px;max-block-size:160px;inline-size:100%}.web-addon{border:1px dashed #cbd0e0;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.web-addon>div{flex-direction:column;display:flex}.web-alert{justify-content:flex-end;align-items:center;gap:8px;margin-block-end:12px;display:flex}.web-alert-badge{block-size:44px;inline-size:44px;color:var(--sbs-navy);background:#fff;border:1px solid #dfe3ef;border-radius:50%;place-items:center;display:grid;position:relative}.web-alert-badge svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linejoin:round;block-size:22px;inline-size:22px}.web-alert-on{background:var(--sbs-orange);border-color:var(--sbs-orange);color:var(--sbs-charcoal);animation:1.6s ease-in-out infinite web-pulse}.web-alert-badge span{color:#fff;background:#b3261e;border-radius:10px;padding-inline:6px;font-size:12px;font-weight:800;line-height:20px;position:absolute;inset-block-start:-4px;inset-inline-end:-4px}.web-shell .web-alert-btn{min-block-size:44px}@keyframes web-pulse{50%{box-shadow:0 0 0 6px #ff6b0033}}@media (prefers-reduced-motion:reduce){.web-alert-on{animation:none}}.web-report-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;display:grid}.web-muted-line{color:#5d6377;margin:0}.web-shell .web-order-actions button[aria-pressed=true]{background:var(--sbs-navy);color:#fff;border-color:var(--sbs-navy)}.web-group-member{border-block-end:1px dashed #e1e5ef;padding-block:6px}.web-group-values{display:contents}.web-report-cards{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.web-report-cards .web-card dd{font-size:19px}.web-shell .web-button-link{min-block-size:44px;color:var(--sbs-navy);background:#fff;border:1px solid #dfe3ef;border-radius:10px;align-items:center;padding-inline:14px;font-weight:700;text-decoration:none;display:inline-flex}.web-nav .web-nav-group{font-weight:700}.web-nav .web-nav-group[aria-current]{color:var(--sbs-navy);background:#fff;box-shadow:0 2px 5px #050a6e12}.web-subnav{background:#f4f6fb;border-block-end:1px solid #e1e5ef;gap:6px;padding-block:6px;padding-inline:24px;display:flex;overflow-x:auto}.web-subnav a{color:#3a4057;white-space:nowrap;border-radius:999px;align-items:center;min-block-size:36px;padding-block:8px;padding-inline:12px;font-size:14px;text-decoration:none;display:inline-flex}.web-subnav a[aria-current=page]{background:var(--sbs-navy);color:#fff}@media (max-width:720px){.web-subnav{padding-inline:16px}}.web-theme-presets{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;display:grid}.web-shell label.web-theme-preset{cursor:pointer;border:1px solid #dfe3ef;border-radius:12px;justify-items:start;gap:6px;padding:10px;display:grid}.web-shell label.web-theme-preset:has(input:checked){border-color:var(--sbs-navy);background:var(--sbs-ice)}.web-theme-preset input{opacity:0;pointer-events:none;position:absolute}.web-theme-preset:has(input:focus-visible){outline:2px solid var(--sbs-blue);outline-offset:2px}.web-theme-swatch{border:1px solid;border-radius:8px;gap:4px;inline-size:100%;padding:6px;display:flex}.web-theme-swatch i{border-radius:5px;flex:1;block-size:22px}.web-theme-colors summary{cursor:pointer;padding-block:10px;font-weight:700}.web-theme-modes{flex-wrap:wrap;gap:16px;display:flex}.web-theme-preview{background:var(--b-bg);color:var(--b-ink);font-family:var(--b-font);border:1px solid #e1e5ef;border-radius:12px;overflow:hidden}.web-theme-sample{gap:8px;padding:16px;display:grid}.web-theme-sample h3{margin:0}.web-theme-sample p{color:var(--b-muted);margin:0}.web-theme-card{background:var(--b-surface);border:1px solid var(--b-line);border-radius:var(--b-radius);gap:6px;max-inline-size:220px;padding:10px;display:grid}.web-theme-pic{aspect-ratio:4/3;border-radius:calc(var(--b-radius) - 6px);background:var(--b-soft);display:block}.web-theme-sale{background:var(--b-sale);color:#fff;border-radius:999px;padding-inline:8px;font-size:12px;font-weight:700}.web-sr-only{clip:rect(0 0 0 0);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.web-slides{gap:8px}.web-slide-item{gap:10px;display:grid!important}.web-slide-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.web-slide-thumb{background:#eef0f6;border-radius:8px;flex:none;block-size:54px;inline-size:96px;overflow:hidden}.web-slide-thumb img{-o-object-fit:cover;object-fit:cover;block-size:100%;inline-size:100%}.web-slide-title{flex-wrap:wrap;flex:1;align-items:center;gap:8px;min-inline-size:140px;display:flex}.web-slide-form{border-block-start:1px solid #e1e5ef;padding-block-start:10px}