/* Shared Graphite Atelier vocabulary. Theme authority: Sumaya design tokens.
   The final section applies the agreed customer composition to every screen. */
@font-face{font-family:Manrope;src:url('/mini/fonts/Manrope.woff2?v=ffbe39c8dd9bdca13734013c3e3ed1aa957f63177005249067145f2e95765d13') format('woff2');font-display:swap}
@font-face{font-family:NotoSansArabic;src:url('/mini/fonts/NotoSansArabic.woff2?v=ffbe39c8dd9bdca13734013c3e3ed1aa957f63177005249067145f2e95765d13') format('woff2');font-display:swap}
@font-face{font-family:Prata;src:url('/mini/fonts/Prata-Regular.woff2?v=ffbe39c8dd9bdca13734013c3e3ed1aa957f63177005249067145f2e95765d13') format('woff2');font-display:swap}
@font-face{font-family:MaterialIcons;src:url('/mini/fonts/MaterialIcons-Regular.woff2?v=ffbe39c8dd9bdca13734013c3e3ed1aa957f63177005249067145f2e95765d13') format('woff2');font-display:block}
:root{--mini-top:calc(max(env(safe-area-inset-top,0px),var(--tg-safe-area-inset-top,0px)) + var(--tg-content-safe-area-inset-top,0px));--mini-bottom:calc(max(env(safe-area-inset-bottom,0px),var(--tg-safe-area-inset-bottom,0px)) + var(--tg-content-safe-area-inset-bottom,0px));--mini-tabs:80px;--mini-height:100dvh;--mini-keyboard:0px}
*{box-sizing:border-box}html{height:100%;scroll-padding-top:var(--mini-top);scroll-behavior:auto}body{margin:0;background:var(--sumaya-color-canvas);color:var(--sumaya-color-ink);font:.875rem/1.43 Manrope,NotoSansArabic,Arial,sans-serif;overflow-wrap:anywhere;padding-top:var(--mini-top);padding-bottom:calc(var(--mini-tabs) + var(--mini-bottom));min-height:var(--mini-height)}[hidden]{display:none!important}h1,h2,h3,p{margin:0}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit;max-width:100%}button{cursor:pointer;background:transparent}input,select,textarea{background:var(--sumaya-color-surface);border:1px solid var(--sumaya-color-control-border);border-radius:4px;min-height:48px;padding:12px;line-height:1.4;width:100%}textarea{resize:vertical;min-height:96px}button{min-height:48px;border:1px solid var(--sumaya-color-control-border);border-radius:4px;padding:10px 16px;font-weight:600}button.primary{background:var(--sumaya-color-action);color:var(--sumaya-color-on-dark);border-color:var(--sumaya-color-action)}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--sumaya-color-focus);outline-offset:3px}form{display:grid;gap:16px;margin:16px 0}label{display:grid;gap:6px;color:var(--sumaya-color-text-secondary)}label input,label select,label textarea{color:var(--sumaya-color-ink)}.material-icon{display:inline-block;font:normal 24px/1 MaterialIcons;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:'liga';-webkit-font-smoothing:antialiased;flex-shrink:0}.icon-button{display:inline-flex;align-items:center;justify-content:center;padding:0;width:48px;height:48px;flex:0 0 48px;border:0;border-radius:50%}.icon-button.outlined{border:1px solid var(--sumaya-color-control-border);width:40px;height:40px;min-height:40px;flex-basis:40px}.icon-button .material-icon{font-size:1.5rem}.with-icon{display:inline-flex;align-items:center;justify-content:center;gap:8px}.muted{color:var(--sumaya-color-text-secondary)}.error{color:var(--sumaya-color-danger);padding:12px;background:var(--sumaya-color-danger-surface)}.danger{color:var(--sumaya-color-danger)}.primary.danger{background:var(--sumaya-color-danger);border-color:var(--sumaya-color-danger)}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.actions>*{flex:1}.check{display:flex;align-items:center;gap:12px;min-height:48px}.check input{width:24px;height:24px;min-height:24px;margin:0;accent-color:var(--sumaya-color-action)}
main{margin:0 auto;max-width:1440px;padding:0 16px 24px;min-height:calc(var(--mini-height) - var(--mini-top) - var(--mini-tabs) - var(--mini-bottom));outline:none}main>h1{font-size:1.375rem;font-weight:500;line-height:1.75rem;min-height:56px;display:flex;align-items:center;margin-inline:-16px;padding:8px 16px;margin-bottom:8px}body[data-nested=true] main>h1{padding-inline-start:56px}body[data-screen=catalog] main{padding:6px 14px 16px}body[data-screen=catalog] main>h1{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0;min-height:0;margin:0}#back{position:fixed;inset-inline-start:max(4px,var(--tg-safe-area-inset-left,0px));top:var(--mini-top);z-index:6;width:48px;height:56px;min-height:56px;border:0;padding:0;background:var(--sumaya-color-canvas);display:flex;align-items:center;justify-content:center}body[dir=rtl] #back .material-icon{transform:rotate(180deg)}.skip{position:absolute;top:-100px;z-index:30}.skip:focus{top:var(--mini-top);background:var(--sumaya-color-surface);padding:16px}.pilot-banner{padding:6px 16px;background:var(--sumaya-color-ink);color:var(--sumaya-color-on-dark);font-size:0.6875rem;text-align:center}.pilot-banner:not([hidden])+*{--mini-top:calc(max(env(safe-area-inset-top,0px),var(--tg-safe-area-inset-top,0px)) + var(--tg-content-safe-area-inset-top,0px) + 28px)}
.tabs{position:fixed;bottom:0;inset-inline:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:calc(var(--mini-tabs) + var(--mini-bottom));padding:0 max(4px,var(--tg-safe-area-inset-left,0px)) var(--mini-bottom);background:var(--sumaya-color-surface);z-index:5}.tabs a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-decoration:none;text-align:center;font-size:0.75rem;font-weight:500;line-height:1rem;min-width:0;min-height:80px;color:var(--sumaya-color-text-secondary)}.tabs .nav-symbol{position:relative;width:64px;height:32px;display:flex;justify-content:center;align-items:center;border-radius:32px}.tabs .material-icon{font-size:1.5rem}.tabs a[aria-current] .nav-symbol{background:var(--sumaya-color-divider);color:var(--sumaya-color-focus)}.tabs a[aria-current]{color:var(--sumaya-color-ink)}.badge{font-size:0.6875rem;line-height:1rem;border-radius:12px;padding:0 4px;background:var(--sumaya-color-danger);color:var(--sumaya-color-on-dark);min-width:16px;text-align:center}.nav-symbol .badge{position:absolute;top:-4px;inset-inline-end:5px}#notice{margin:0}#notice:not(:empty){position:fixed;bottom:calc(var(--mini-tabs) + var(--mini-bottom) + 8px);inset-inline:16px;background:var(--sumaya-color-ink);color:var(--sumaya-color-on-dark);padding:14px 16px;z-index:20;max-width:700px;margin:auto;border-radius:4px}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;font-size:0.6875rem;color:var(--sumaya-color-text-secondary);margin:0 0 8px}.breadcrumbs a{display:inline-flex;align-items:center;min-height:24px;text-decoration:none}.breadcrumbs[aria-label]{background:none;position:static}body[data-screen=catalog] .breadcrumbs{margin-top:8px}.loading-panel{display:flex;align-items:center;justify-content:center;gap:16px;flex-direction:column;min-height:50vh}.spinner{width:36px;height:36px;border:3px solid var(--sumaya-color-divider);border-top-color:var(--sumaya-color-action);border-radius:50%;animation:spin 1s linear infinite}.linear-progress{height:4px;background:var(--sumaya-color-divider);overflow:hidden;margin:8px 0}.linear-progress::after{content:'';display:block;width:40%;height:100%;background:var(--sumaya-color-focus);animation:progress 1s ease-in-out infinite}.empty-panel{min-height:calc(var(--mini-height) - var(--mini-top) - var(--mini-tabs) - var(--mini-bottom) - 120px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center;color:var(--sumaya-color-text-secondary)}.empty-panel h2{font-size:1.375rem;line-height:1.75rem;color:var(--sumaya-color-ink);font-weight:400}.empty-panel p{max-width:420px}.empty-panel>.material-icon{color:var(--sumaya-color-divider)}
.catalog-search{position:relative}.catalog-search>.material-icon{position:absolute;inset-inline-start:12px;top:12px;font-size:1.25rem}.catalog-search input{height:40px;min-height:40px;padding:9px 12px;padding-inline-start:40px;font-size:0.875rem}.catalog-controls{display:flex;gap:8px;margin-top:10px}.catalog-controls button{height:42px;min-height:42px;border-radius:15px;display:flex;gap:8px;align-items:center;padding:0 12px;font-weight:800;white-space:nowrap;font-size:0.8125rem}.catalog-controls .category-picker{flex:1;min-width:0;justify-content:flex-start}.category-picker .category-label{flex:1;text-align:start;overflow:hidden;text-overflow:ellipsis}.catalog-controls .material-icon{font-size:1.125rem}.catalog-title{display:flex;align-items:center;gap:8px;margin-top:10px;margin-bottom:12px}.catalog-title h2{flex:1;font-size:1rem;font-weight:800;line-height:1.5rem}.catalog-title span{font-size:0.75rem;color:var(--sumaya-color-text-secondary)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product{height:296px;min-width:0;border-radius:4px;background:var(--sumaya-color-surface);overflow:hidden;margin:4px}.product a{height:100%;display:flex;flex-direction:column;text-decoration:none}.product-photo{position:relative;flex:1;min-height:0;background:#e9dfe8;display:flex;justify-content:center;align-items:center;overflow:hidden}.product-photo>.material-icon{font-size:2.125rem;color:var(--sumaya-color-text-secondary)}.product-photo img{width:100%;height:100%;object-fit:cover}.product-tags{position:absolute;top:8px;inset-inline-start:8px;display:flex;gap:6px}.product-tag{background:#ffdadf;padding:4px 8px;border-radius:8px;font-size:0.6875rem;line-height:1rem}.product-tag.premium{background:var(--sumaya-color-divider)}.product-copy{padding:8px}.product h2{font-size:0.875rem;line-height:1.25rem;font-weight:800;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:20px;max-height:40px;margin:0}.product-bottom{display:flex;gap:3px;align-items:center;margin-top:6px}.product .price{font-size:0.875rem;line-height:1.25rem;font-weight:700;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.stock{display:flex;align-items:center;gap:3px;font-size:0.6875rem}.stock .material-icon{font-size:1rem}.catalog-status{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px;color:var(--sumaya-color-text-secondary)}.empty{padding:24px 0}.chip-row{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.chip{min-height:32px;border-radius:4px;padding:6px 10px;font-size:0.875rem;display:inline-flex;align-items:center;gap:6px}.chip[aria-pressed=true]{background:var(--sumaya-color-divider)}.category-row{border:0;width:100%;display:flex;text-align:start;align-items:center;gap:16px;padding:12px 16px;border-radius:14px;min-height:64px}.category-row[aria-pressed=true]{background:var(--sumaya-color-divider)}.category-row .tile-copy{flex:1}.filter-fields{display:grid;gap:12px}.filter-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.filter-flags{display:flex;flex-wrap:wrap;gap:8px}
.detail{padding-top:0}.gallery{display:flex;flex-direction:column;gap:8px}.gallery-frame{aspect-ratio:3/4;max-height:550px;border-radius:8px;background:#e9dfe8;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;border:0;min-height:0;padding:0;width:100%}.gallery-frame img{height:100%;width:100%;object-fit:cover}.gallery-frame>.material-icon{font-size:2.125rem;color:var(--sumaya-color-text-secondary)}.gallery-frame .gallery-counter{position:absolute;bottom:12px;inset-inline-end:12px;color:white;background:#252126aa;border-radius:20px;padding:4px 10px}.gallery-dots{display:flex;justify-content:center;gap:6px;min-height:20px}.gallery-dots button{width:8px;height:8px;min-height:8px;padding:0;border-radius:50%;border:0;background:var(--sumaya-color-divider)}.gallery-dots button[aria-pressed=true]{background:var(--sumaya-color-ink)}.detail h2{font-size:1.5rem;line-height:2rem;font-weight:400;margin-top:18px}.detail .category-name{margin-top:6px;color:var(--sumaya-color-text-secondary)}.price-stock{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.price-stock .price{font-size:1.5rem;line-height:2rem;font-weight:800}.trust-block{background:var(--sumaya-color-surface);padding:14px;border-radius:4px;margin:12px 0 18px;display:grid;gap:8px}.trust-block p{font-size:0.75rem}.trust-block .with-icon{justify-content:flex-start}.product-details{white-space:pre-line;background:var(--sumaya-color-surface);padding:12px;border-radius:4px;margin:12px 0}.meta-row{display:flex;gap:12px;padding:8px 0}.meta-row span:first-child{color:var(--sumaya-color-text-secondary)}.variant-label{font-size:1rem;line-height:1.5rem;margin-top:18px;font-weight:500}.size-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:18px}.quantity-add{display:flex;align-items:center;gap:0;margin-top:18px}.quantity-value{width:56px;text-align:center;font-size:1rem}.quantity-add>.primary{flex:1;margin-inline-start:12px}.gallery-zoom{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;overflow:auto}.gallery-zoom img{max-width:100%;max-height:70vh;object-fit:contain;touch-action:pinch-zoom}.gallery-zoom img[data-zoom=true]{max-width:none;width:200%;max-height:none}.fullscreen-sheet{inset:0!important;height:100%!important;max-height:100%!important;border-radius:0!important}.fullscreen-sheet .sheet-body{flex:1;background:var(--sumaya-color-canvas)}
.profile-summary{display:flex;align-items:center;gap:14px;padding:16px;margin:12px 4px 16px;background:var(--sumaya-color-surface);border-radius:4px}.avatar{width:68px;height:68px;border-radius:50%;background:var(--sumaya-color-divider);color:var(--sumaya-color-focus);display:flex;justify-content:center;align-items:center;font-size:1.5rem;overflow:hidden;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover}.profile-summary .tile-copy{flex:1}.profile-summary strong{font-size:1.375rem;line-height:1.75rem;display:block;font-weight:900}.profile-summary p{font-size:0.875rem;color:var(--sumaya-color-text-secondary);margin-top:4px}.profile-menu{display:grid;gap:0}.profile-action{width:calc(100% - 8px);margin:4px 4px 10px;display:flex;gap:16px;align-items:center;min-height:64px;padding:12px 16px;border:0;background:var(--sumaya-color-surface);text-align:start;font-weight:400}.tile-copy{display:flex;flex-direction:column;min-width:0;flex:1;gap:4px}.tile-title{font-size:1rem;line-height:1.5rem}.tile-subtitle{font-size:0.875rem;line-height:1.25rem;color:var(--sumaya-color-text-secondary)}.profile-action>.material-icon{color:var(--sumaya-color-text-secondary)}.profile-action .tile-title{font-weight:500}.row{padding:14px;background:var(--sumaya-color-surface);border-radius:4px;margin:8px 4px}.row h2{font-size:1rem;font-weight:800}.row p{margin:6px 0}.row .actions{margin-top:8px}.floating-action{position:fixed;bottom:calc(var(--mini-tabs) + var(--mini-bottom) + 16px);inset-inline-end:16px;background:var(--sumaya-color-divider);border:0;border-radius:16px;z-index:4}.cart-row{display:flex;align-items:flex-start;gap:12px}.cart-row .cart-photo{width:88px;height:112px;background:#e9dfe8;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:4px;overflow:hidden}.cart-photo img{width:100%;height:100%;object-fit:cover}.cart-row .cart-copy{flex:1;min-width:0}.cart-row a{font-weight:800;text-decoration:none}.cart-row .quantity-controls{display:flex;align-items:center;gap:12px;margin-top:8px}.cart-total{padding:16px;background:var(--sumaya-color-surface);border-radius:4px;margin:16px 4px;display:grid;gap:14px}.cart-total-line{display:flex;align-items:center;justify-content:space-between;gap:12px}.cart-total-line strong{font-size:1.375rem;font-weight:800}.cart-total>.primary{width:100%}.order-summary h2{margin:8px 0}.order-step{display:flex;gap:12px;align-items:center;padding:10px}.order-step .material-icon{color:var(--sumaya-color-focus)}dl{margin:12px 0}dt{color:var(--sumaya-color-text-secondary);font-size:0.75rem}dd{margin:4px 0 12px}.checkout-section{background:var(--sumaya-color-surface);padding:16px;margin:12px 4px;border-radius:4px}.checkout-section h2{font-size:1.125rem;line-height:1.5rem;margin-bottom:12px}.checkout-form{margin:0}.checkout-form .check{font-size:0.75rem}.payment-option{display:flex;align-items:flex-start;gap:12px;padding:12px}.payment-option input{width:20px;min-height:20px;flex-shrink:0}.receipt-return{margin-top:16px}.status-chip{padding:4px 8px;background:var(--sumaya-color-divider);border-radius:4px;display:inline-flex;font-size:0.75rem}.personal-form{padding:0 4px}.legal-doc{padding:12px;border-bottom:1px solid var(--sumaya-color-divider)}.legal-doc>summary{min-height:48px;cursor:pointer;display:flex;align-items:center}.legal-doc p{white-space:pre-line;font-size:0.75rem;padding:12px 0}
.sheet-backdrop{position:fixed;inset:0;background:#25212666;z-index:40;display:flex;align-items:flex-end;justify-content:center;padding-top:var(--mini-top)}.sheet{background:var(--sumaya-color-surface);width:100%;max-width:640px;max-height:calc(var(--mini-height) - var(--mini-top) - 16px);border-radius:28px 28px 0 0;display:flex;flex-direction:column;padding-bottom:var(--mini-bottom);box-shadow:0 -4px 24px #25212612;overflow:hidden}.drag-handle{display:block;align-self:center;width:32px;height:4px;border-radius:4px;background:var(--sumaya-color-text-secondary);opacity:.4;margin:12px 0 8px}.sheet-heading{display:flex;gap:8px;align-items:center;padding:0 16px}.sheet-heading h2{font-size:1.375rem;line-height:1.75rem;font-weight:500;flex:1}.sheet-body{padding:12px 16px 16px;overflow:auto;overscroll-behavior:contain}.sheet-body form{margin:0}.modal-open{overflow:hidden}.picker-list{display:grid;gap:4px;margin-top:12px}.confirm-content{display:grid;gap:16px}.sheet .select-row{min-height:56px;width:100%;border:0;display:flex;align-items:center;justify-content:space-between;text-align:start;font-weight:400;padding:12px 16px}.sheet .select-row[aria-pressed=true]{color:var(--sumaya-color-focus)}
.chat-log{display:flex;flex-direction:column;gap:8px;padding:12px 0 16px;min-height:35vh}.message{max-width:85%;padding:10px 12px;background:var(--sumaya-color-surface);border-radius:12px;align-self:flex-start;white-space:pre-wrap}.message[data-direction=user]{align-self:flex-end;background:var(--sumaya-color-divider)}.message .message-time{font-size:0.6875rem;color:var(--sumaya-color-text-secondary);text-align:end;margin-top:4px}.message .attachment{display:flex;gap:8px;align-items:center;min-height:48px}.chat-composer{display:flex;gap:8px;align-items:flex-end;background:var(--sumaya-color-surface);padding:8px;border-radius:4px;position:sticky;bottom:calc(var(--mini-tabs) + var(--mini-bottom) + var(--mini-keyboard));margin:0 -8px}.chat-composer textarea{min-height:48px;max-height:120px;height:48px;flex:1;resize:none}.chat-composer button{width:48px;padding:0;flex-shrink:0}.chat-composer .attach-button{border:0}.upload-chip{display:flex;gap:8px;align-items:center;padding:8px;background:var(--sumaya-color-divider);margin:8px 0}.upload-chip span{flex:1}.thread-tile{display:flex;gap:12px;align-items:center;text-decoration:none}.thread-tile>.tile-copy{min-width:0}.thread-tile .tile-subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-tile time{font-size:0.6875rem}.auth-welcome{min-height:calc(var(--mini-height) - var(--mini-top) - var(--mini-bottom));display:flex;flex-direction:column;padding:24px 20px;background:linear-gradient(#fff3f6,#ffe8ee)}.auth-welcome .welcome-visual{flex:1;border-radius:42px;background:#fff6f8;display:flex;justify-content:center;align-items:center;font:2.5rem Prata,serif;min-height:240px}.auth-welcome h1{font-size:1.875rem;font-weight:800;margin:24px 0 12px;line-height:1.2}.auth-welcome button{height:64px;border-radius:20px;margin-top:24px}.auth-tabs{display:flex;gap:0;border-bottom:1px solid var(--sumaya-color-divider);margin:0 0 16px}.auth-tabs button{flex:1;border:0;border-radius:0}.auth-tabs button[aria-selected=true]{border-bottom:2px solid var(--sumaya-color-focus);color:var(--sumaya-color-focus)}.settings-form{padding-top:8px}.settings-form label{margin-bottom:12px}
@media(min-width:481px){.grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.product{max-width:240px}.tabs{max-width:1440px;margin:auto}.detail{max-width:640px;margin:auto}.gallery-frame{max-height:650px}.profile-menu,.profile-summary,.settings-form,.personal-form{max-width:760px;margin-inline:auto}.profile-action{margin-inline:4px}.checkout-form{max-width:760px;margin:auto}}
@media(max-width:340px){.filter-pair{grid-template-columns:1fr}.tabs a{font-size:0.6875rem}.catalog-controls button{padding-inline:10px;gap:6px}.product{margin:2px}.grid{gap:6px}.quantity-add>.primary{font-size:0.75rem;padding-inline:8px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(prefers-reduced-motion:no-preference){button,a{transition:background-color 140ms ease-out}.sheet{animation:sheet-in 200ms ease-out}.product-photo img{transition:opacity 140ms ease-out}@keyframes sheet-in{from{transform:translateY(24px);opacity:.7}to{transform:translateY(0);opacity:1}}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes progress{0%{transform:translateX(-100%)}100%{transform:translateX(350%)}}
body[data-nested=true]{--mini-tabs:0px}body[data-nested=true] .tabs{display:none}.screen-actions{position:absolute;top:var(--mini-top);inset-inline-end:8px;display:flex;height:56px;align-items:center}.gallery-frame{aspect-ratio:.82}.thumbnails{display:flex;gap:8px;overflow-x:auto;height:58px}.thumbnails button{border-radius:8px;width:48px;height:58px;flex:0 0 48px;padding:0;min-height:0;overflow:hidden;border-color:var(--sumaya-color-divider)}.thumbnails button[aria-pressed=true]{border:2px solid var(--sumaya-color-ink)}.thumbnails img{width:100%;height:100%;object-fit:cover}.product-details{font-size:1rem;background:none;padding:0;margin-bottom:16px}.trust-block{background:#e9dfe8;border-radius:8px;padding:12px}.trust-block p{font-size:0.875rem;color:var(--sumaya-color-text-secondary)}.meta-row span:first-child{width:112px;flex-shrink:0}.cart-row{padding:10px}.cart-row .cart-photo{width:86px}.cart-row a{font-size:1rem;font-weight:500}.cart-row .quantity-controls{gap:0}.cart-row .quantity-controls>span{width:46px;text-align:center}
.private-photo{max-width:100%;max-height:calc(var(--mini-height) - 120px);object-fit:contain}.chat-attachment{display:grid;gap:4px;margin-top:8px}.file-tile{display:flex;gap:8px;align-items:center;border:0;text-align:start;padding:8px 0;min-height:48px}.file-download{display:inline-block;min-height:48px;padding:12px 0}.upload-panel{padding:12px;background:var(--sumaya-color-warning-surface);border-radius:4px;margin:8px 0}.upload-panel .actions{margin-top:8px}.thread-list{display:grid;gap:8px}.thread-icon{position:relative}.thread-icon .badge{position:absolute;top:-8px;inset-inline-end:-8px}.chat-composer .icon-button{background:#e9dfe8}.chat-composer>button.primary{display:flex;align-items:center;justify-content:center;border-radius:50%;height:48px}.chat-composer input[type=file]{display:none}

.tabs{bottom:var(--mini-keyboard)}
.personal-avatar{position:relative;width:96px;height:96px;margin:16px auto 24px}.personal-avatar>.icon-button{position:absolute;bottom:0;inset-inline-end:-8px;width:40px;height:40px;min-height:40px;background:var(--sumaya-color-action);color:var(--sumaya-color-on-dark)}.personal-avatar input{display:none}.profile-field .field-control{display:flex;align-items:center;gap:12px;border:1px solid var(--sumaya-color-control-border);border-radius:4px;padding:0 12px}.field-control input{border:0;min-width:0;padding:12px 0}.field-control .icon-button{width:40px;height:40px;min-height:40px;flex-basis:40px}.delivery-location-fields{display:grid;gap:12px}.location-picker{display:flex;align-items:center;gap:12px;text-align:start;font-weight:400;width:100%}.location-picker>span:nth-child(2){flex:1}.collection-heading{display:flex;align-items:center;gap:8px}.collection-heading h2{flex:1;font-size:1rem;font-weight:800}.profile-collection{display:grid;gap:8px;padding-bottom:96px}.profile-collection .row{display:grid;gap:8px}.floating-action{position:fixed;bottom:calc(16px + var(--mini-bottom) + var(--mini-keyboard));inset-inline-end:16px;background:#e9dfe8;box-shadow:0 2px 6px #25212618;z-index:7}.payment-segments{display:flex;flex-wrap:wrap}.payment-segments button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:0;min-width:90px}.payment-segments button:first-child{border-radius:24px 0 0 24px}.payment-segments button:last-child{border-radius:0 24px 24px 0}.payment-segments button[aria-pressed=true]{background:#e9dfe8}.partnero-native,.contact-attempt{display:grid;gap:16px;padding-top:16px}.profile-shopping-preferences{display:grid;gap:8px;margin-bottom:8px}.profile-action{text-align:start}.profile-action .tile-title{font-weight:600}.profile-summary{padding:14px;display:flex;gap:14px;align-items:center;margin:0 0 8px}.profile-summary .tile-copy{flex:1;min-width:0}.avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;border-radius:50%;background:#e9dfe8;font-size:1.5rem;font-weight:700}.avatar img{width:100%;height:100%;object-fit:cover}
.native-card{background:var(--sumaya-color-surface);border:1px solid var(--sumaya-color-divider);border-radius:4px;padding:14px;margin:8px 0}.native-card>p+p{margin-top:8px}.native-field{display:grid;gap:6px}.field-label{display:flex;gap:10px;align-items:center}.native-icon-line{display:flex;gap:10px;align-items:center}.checkout-form{gap:12px}.checkout-form h2{font-size:1rem;font-weight:800;margin-top:8px}.payment-choice{display:flex;align-items:center;gap:12px;text-align:start;font-weight:400}.payment-choice>span:nth-child(2){flex:1}.payment-choice.selected{background:#e9dfe8}.checkout-recovery{display:grid;gap:16px}.checkout-recovery h2{font-size:1.25rem}.promo-status{display:grid;gap:6px}.order-tile-main{display:block;text-decoration:none}.order-tile-top{display:flex;justify-content:space-between;gap:12px}.order-tile-top h2{font-size:1rem;font-weight:800}.order-tile-top strong{font-weight:900}.order-badges{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.status-badge,.payment-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:18px;background:#e9dfe8;font-size:0.75rem;font-weight:800}.status-badge[data-status=cancelled]{background:var(--sumaya-color-danger-surface);color:var(--sumaya-color-danger)}.order-date{font-size:0.75rem;color:var(--sumaya-color-text-secondary)}.orders-list{display:grid;gap:8px}.order-detail-field{display:flex;gap:12px;margin:8px 0}.order-detail-field>span:first-child{width:124px;flex-shrink:0}.order-timeline{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.order-timeline>*{display:flex;align-items:center;gap:6px;color:var(--sumaya-color-text-secondary)}.order-timeline .complete,.order-timeline .active{color:var(--sumaya-color-action)}.order-timeline .cancelled{color:var(--sumaya-color-danger)}.order-aftersales{display:grid;gap:12px}.order-aftersales h2{font-size:1.125rem}.return-item{display:flex;gap:12px;justify-content:space-between;align-items:center}.return-item .quantity-controls{flex-shrink:0}.order-items{display:grid;gap:8px}.order-item{display:flex;gap:12px;align-items:flex-start}.order-item-photo{width:72px;min-width:72px;height:92px;object-fit:cover;background:#e9dfe8;border-radius:4px}.order-item-copy{flex:1;display:grid;gap:6px;min-width:0}.tracking-photo{max-width:100%;border-radius:4px}.order-success{display:grid;gap:16px}.order-success-scene{position:relative;min-height:280px;display:grid;place-items:center;border-radius:4px;background:#e9dfe8;overflow:hidden}.success-receipt{background:var(--sumaya-color-surface);width:172px;padding:20px 16px;transform:rotate(-7deg);box-shadow:0 8px 18px #25212622}.receipt-line{display:block;width:100%;height:8px;margin:10px 0;background:var(--sumaya-color-divider)}.receipt-line.short{width:64%}.filter-flags .check{border:1px solid var(--sumaya-color-control-border);border-radius:8px;padding:4px 10px;min-height:32px;gap:6px;font-size:0.875rem}.filter-flags .check:has(input:checked){background:#e9dfe8}.filter-flags input{width:16px;height:16px;min-height:16px}.filter-fields label:not(.check){gap:6px}.gallery-zoom img{touch-action:pan-x pan-y}

/* Flutter first-run onboarding and AuthScreen; safe-area/keyboard geometry is shared. */
body[data-onboarding=true] .tabs{display:none}
body[data-onboarding=true] main{padding:20px;min-height:calc(var(--mini-height) - var(--mini-top) - var(--mini-bottom));display:grid}
body[data-screen=welcome] main{padding:6px}
body[data-onboarding=true] main>h1:empty{display:none}
.native-language-onboarding{display:flex;flex-direction:column;justify-content:center;gap:10px;width:100%;max-width:480px;margin:auto}
.native-language-onboarding>p{text-align:center;color:var(--sumaya-color-text-secondary);margin:4px 0 18px}
.native-language-onboarding button{background:#e9dfe8;border:0;justify-content:center}
.native-brand-wordmark{text-align:center;overflow-wrap:anywhere}
.brand-sumaya{font-family:Prata,NotoSansArabic,serif;color:var(--sumaya-color-focus);font-size:clamp(2rem,12vw,50px);font-weight:400;line-height:1.3}
.brand-collection{font-size:0.8125rem;font-weight:400;color:var(--sumaya-color-text-secondary);margin-top:8px}
.native-welcome-onboarding{display:flex;flex-direction:column;align-self:stretch;min-height:calc(var(--mini-height) - var(--mini-top) - var(--mini-bottom) - 12px);border-radius:42px;background:linear-gradient(135deg,#fff3f6,#ffe8ee);box-shadow:0 18px 30px #d58c972e;padding:42px 34px 34px}
.native-welcome-onboarding>.native-brand-wordmark{margin-top:auto}
.native-welcome-onboarding>p{font-size:1rem;line-height:1.42;font-weight:700;text-align:center;margin:70px 0 auto;color:#25212694}
.native-welcome-onboarding>button{height:64px;min-height:64px;border-radius:20px;background:#d58c97b8;border:0;color:white;font-size:1.375rem;font-weight:900;margin-top:44px}
.auth-card{margin:20px 0}.auth-form{display:grid;gap:16px}.auth-form h2{font-size:1.25rem}.auth-field .field-control{display:flex;align-items:center;gap:12px;border:1px solid var(--sumaya-color-control-border);border-radius:4px;padding-inline:12px}.auth-field .field-control input{border:0;min-width:0;flex:1;padding-inline:0;background:transparent}.auth-field .field-control:focus-within{outline:2px solid var(--sumaya-color-focus);outline-offset:2px}.auth-form .with-icon{justify-content:center}.auth-form input[readonly]{opacity:.75}
.chat-composer .send-recovery{width:auto;max-width:45%;padding-inline:10px;font-size:0.75rem;overflow-wrap:anywhere}
@media(max-height:680px){.native-welcome-onboarding{padding-top:24px;padding-bottom:22px}.native-welcome-onboarding>p{margin-top:44px}}

/* Server amount and currency stay in one reading order in RTL layouts. */
.price{direction:ltr;unicode-bidi:isolate}

/* The visible native glyph may be compact; its interactive target is 48px. */
button{min-width:48px}
.icon-button.outlined{width:48px;height:48px;min-height:48px;flex-basis:48px}
.catalog-search input{height:auto;min-height:48px}
.catalog-search>.material-icon{top:14px}
.catalog-controls button{height:auto;min-height:48px;white-space:normal;padding-block:8px}
.chip{min-width:48px;min-height:48px}
.breadcrumbs a{min-width:48px;min-height:48px;justify-content:center}
.gallery-dots{flex-wrap:wrap;gap:0;min-height:48px}
.gallery-dots button{position:relative;width:48px;height:48px;min-width:48px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;background:transparent}
.gallery-dots button::after{content:'';width:8px;height:8px;border-radius:50%;background:var(--sumaya-color-divider)}
.gallery-dots button[aria-pressed=true]{background:transparent}
.gallery-dots button[aria-pressed=true]::after{background:var(--sumaya-color-ink)}
.gallery-dots button:has(img)::after{display:none}
.gallery-dots button img{max-width:40px;max-height:40px;object-fit:cover}
.filter-flags label.check{min-width:48px;min-height:48px;padding-block:8px}

/* Text enlargement preserves full product names, prices and action labels. */
:root{--mini-tabs:max(80px,5rem)}
body[data-nested=true]{--mini-tabs:0px}
.tabs a{min-height:var(--mini-tabs);line-height:1.35;padding:8px 6px;overflow-wrap:anywhere}
.tabs .nav-symbol{flex-shrink:0}
.product{height:auto;min-height:296px}
.product-photo{flex:none;aspect-ratio:3/4;min-height:208px}
.product h2{display:block;max-height:none;line-height:1.43;overflow:visible;-webkit-line-clamp:unset}
.product-bottom{flex-wrap:wrap;align-items:flex-start}
.product .price{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.43}
.category-picker .category-label{overflow:visible;text-overflow:clip;white-space:normal}
.price-stock,.quantity-add,.cart-row,.order-detail-field,.return-item{flex-wrap:wrap}
.price-stock{gap:8px}.quantity-add>.primary{min-width:120px;white-space:normal}
.cart-row>div,.order-detail-field>span{min-width:0}
.native-welcome-onboarding>button,.auth-welcome button{height:auto;min-height:4rem}
.personal-avatar>.icon-button,.field-control .icon-button{width:48px;height:48px;min-height:48px;flex-basis:48px}
.material-icon{font-size:24px;line-height:1}

/* Back remains visible on top-level customer sections without hiding tabs. */
body[data-back=true] main>h1{padding-inline-start:56px}
/* The loading/error placeholder must not consume space beside the photograph. */
.product-photo,.gallery-frame,.cart-photo,.order-item-photo{position:relative;overflow:hidden}
.product-photo>.material-icon,.gallery-frame>.material-icon,.cart-photo>.material-icon,.order-item-photo>.material-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}
.product-photo>img,.gallery-frame>img,.cart-photo>img,.order-item-photo>img{position:relative;display:block;flex:none;width:100%;height:100%;object-position:center}
.gallery-frame>img{object-fit:contain;background:#e9dfe8}

.order-item-photo>img{object-fit:cover}

.payment-actions>a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 16px;border:1px solid var(--sumaya-color-control-border);border-radius:4px;font-weight:600;text-align:center;text-decoration:none}

/* Graphite Atelier / Clear Commerce: one customer language, all routes.
   Keep existing controls, labels, states and recovery nodes in normal flow. */
body{font-size:1rem;line-height:1.5}
:root{--mini-tabs:max(80px,calc(6rem - 16px))}
body[data-nested=true]{--mini-tabs:0px}
html{scroll-padding-block:calc(var(--mini-top) + 72px) calc(var(--mini-tabs) + var(--mini-bottom) + 16px)}
main{padding-bottom:32px}
main>h1{position:sticky;top:var(--mini-top);z-index:6;background:var(--sumaya-color-canvas);border-bottom:1px solid var(--sumaya-color-divider);font-size:1.5rem;line-height:1.25;font-weight:600;min-height:72px;margin-bottom:16px;padding-block:16px;padding-inline-end:16px}
main:has(>.screen-actions)>h1{padding-inline-end:64px}
body[data-screen=catalog] main{padding:0 16px 32px}
body[data-screen=catalog] main>h1{position:static;width:auto;height:auto;overflow:visible;clip-path:none;min-height:72px;margin:0 0 16px;padding:20px 0 12px;font-family:Prata,NotoSansArabic,serif;font-weight:400;font-size:clamp(1.75rem,6vw,2rem);line-height:1.25}
#back{height:72px;min-height:72px;z-index:7}
.screen-actions{position:fixed;height:72px;z-index:7}
.breadcrumbs{font-size:.875rem;line-height:1.5;gap:4px 12px;margin-bottom:16px}
.breadcrumbs a{text-decoration:underline;text-underline-offset:4px}
.breadcrumbs [aria-current=page]{color:var(--sumaya-color-ink)}
.tabs{border-top:1px solid var(--sumaya-color-divider)}
.tabs a{font-size:.875rem;line-height:1.25;min-height:var(--mini-tabs)}
.tabs .nav-symbol{border-radius:4px}
.tabs a[aria-current] .nav-symbol{background:var(--sumaya-color-action);color:var(--sumaya-color-on-dark)}
.catalog-controls{gap:12px;margin-top:12px}
.catalog-controls button{border-radius:4px;font-weight:600;font-size:1rem}
.catalog-search input{font-size:1rem}
.catalog-title{align-items:baseline;flex-wrap:wrap;margin:24px 0 16px}
.catalog-title h2{font-size:1.25rem;line-height:1.4;font-weight:600}
.catalog-title span,.stock,.product-tag{font-size:.875rem;line-height:1.5}
.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,clamp(8rem,30vw,16rem)),1fr));gap:24px 12px}
.product{min-height:0;max-width:none;margin:0;background:none;border-radius:0;overflow:visible}
.product-photo{aspect-ratio:3/4;min-height:0;background:var(--sumaya-color-divider)}
.product-photo img{object-fit:cover}
.product-copy{padding:12px 0 0}
.product h2{font-size:1rem;font-weight:500;line-height:1.5}
.product-bottom{gap:8px;margin-top:8px}
.product .price{font-size:1rem;font-weight:700}
.product-tag{border-radius:4px;background:var(--sumaya-color-surface);color:var(--sumaya-color-ink)}
.product-tags{flex-wrap:wrap;inset-inline-end:8px}
.price,.quantity-value,.cart-total-line strong{font-variant-numeric:tabular-nums}
.gallery-frame,.thumbnails button,.cart-row .cart-photo,.order-item-photo,.tracking-photo{border-radius:0}
.gallery-frame,.gallery-frame>img{background:var(--sumaya-color-divider)}
.gallery-frame{aspect-ratio:3/4;max-height:650px}
.gallery-frame>img{object-fit:contain}
.thumbnails{height:auto;min-height:64px;padding:4px}
.thumbnails button{height:60px}
.detail h2{font-size:1.75rem;font-weight:500;line-height:1.3;margin-top:24px}
.price-stock{margin-top:16px}
.price-stock .price{font-size:1.5rem;font-weight:700}
.trust-block{background:none;border-radius:0;padding:16px 0;margin:24px 0;border-block:1px solid var(--sumaya-color-divider)}
.trust-block p,.tile-subtitle,.order-date,.status-badge,.payment-badge,.status-chip,dt,.checkout-form .check,.legal-doc p{font-size:.875rem;line-height:1.5}
.chip[aria-pressed=true],.payment-segments button[aria-pressed=true]{background:var(--sumaya-color-action);color:var(--sumaya-color-on-dark);border-color:var(--sumaya-color-action)}
.chip[aria-pressed=true]:focus-visible,.payment-segments button[aria-pressed=true]:focus-visible{outline-color:var(--sumaya-color-focus)}
.size-heading,.meta-row{flex-wrap:wrap;gap:8px 16px}
.size-heading,.variant-label{font-weight:600}
.quantity-add{gap:8px;margin-top:24px}
.quantity-add>.primary{margin-inline-start:0;min-width:160px;font-size:1rem}
.profile-summary{padding:24px 0;margin:0 0 16px;background:none;border-radius:0;border-bottom:1px solid var(--sumaya-color-divider)}
.profile-summary strong{font-size:1.5rem;font-weight:600;line-height:1.4}
.avatar{background:var(--sumaya-color-divider);color:var(--sumaya-color-ink)}
.profile-menu,.profile-shopping-preferences{gap:0}
.profile-action{width:100%;margin:0;padding:16px 0;min-height:72px;border-radius:0;background:none;border-bottom:1px solid var(--sumaya-color-divider)}
.profile-action .tile-title{font-weight:600}
.row{margin:0;padding:20px 0;background:none;border-radius:0;border-bottom:1px solid var(--sumaya-color-divider)}
.row h2,.order-tile-top h2{font-size:1.125rem;font-weight:600;line-height:1.4}
.cart-row{gap:16px;padding:20px 0}
.cart-row .cart-photo{width:84px;height:112px;background:var(--sumaya-color-divider)}
.cart-row a{font-weight:600}
.cart-row .quantity-controls{flex-wrap:wrap;gap:4px}
.cart-total{margin:24px 0 0;padding:20px;background:var(--sumaya-color-surface);border:1px solid var(--sumaya-color-divider)}
.cart-total-line{flex-wrap:wrap}
.cart-total-line strong{font-size:1.5rem;font-weight:700}
.checkout-form{gap:16px}
.delivery-shipping-fields{display:grid;gap:16px}
.checkout-form h2{font-size:1.125rem;font-weight:600;line-height:1.4;padding-top:24px;margin-top:8px;border-top:1px solid var(--sumaya-color-divider)}
.native-card{padding:16px;margin:0;background:var(--sumaya-color-surface)}
.payment-choice{min-height:64px;background:var(--sumaya-color-surface);padding:16px}
.payment-choice.selected{background:var(--sumaya-color-action);color:var(--sumaya-color-on-dark);border-color:var(--sumaya-color-action)}
.payment-choice.selected .muted{color:inherit}
.payment-segments button:first-child,.payment-segments button:last-child{border-radius:4px}
.status-badge,.payment-badge{border-radius:4px;background:var(--sumaya-color-divider);padding:6px 10px;font-weight:600}
.order-tile-top{flex-wrap:wrap;align-items:baseline}
.order-tile-top strong{font-weight:700;overflow-wrap:anywhere}
.orders-list{gap:0}
.order-detail-field{gap:8px 16px;padding-block:8px}
.order-detail-field>span:first-child{width:auto;min-width:124px;color:var(--sumaya-color-text-secondary)}
.order-success-scene{background:var(--sumaya-color-divider);min-height:240px}
.order-summary h2,.order-aftersales h2{font-weight:600}
.sheet{border-radius:8px 8px 0 0;box-shadow:none}
.sheet-heading h2{font-weight:600}
.sheet-body{padding-top:16px}
.native-language-onboarding button{background:var(--sumaya-color-surface);border:1px solid var(--sumaya-color-control-border)}
.brand-sumaya{color:var(--sumaya-color-ink)}
.brand-collection{font-size:.875rem;letter-spacing:.12em}
.native-welcome-onboarding,.auth-welcome{background:var(--sumaya-color-canvas);box-shadow:none;border-radius:0;padding:32px 24px}
.native-welcome-onboarding>p{color:var(--sumaya-color-text-secondary);font-weight:400;margin-block:48px}
.native-welcome-onboarding>button,.auth-welcome button{border-radius:4px;background:var(--sumaya-color-action);color:var(--sumaya-color-on-dark);font-size:1rem;font-weight:600;min-height:48px}
.auth-welcome .welcome-visual{border-radius:0;background:var(--sumaya-color-divider)}
.floating-action{border-radius:4px;background:var(--sumaya-color-action);color:var(--sumaya-color-on-dark);box-shadow:none}
.chat-composer .icon-button{background:var(--sumaya-color-divider);border-radius:4px}
.message .message-time,.thread-tile time,.chat-composer .send-recovery{font-size:.875rem}
.error{border-inline-start:3px solid var(--sumaya-color-danger);line-height:1.5}
@media(min-width:1024px){body[data-screen=catalog] main{max-width:1280px;padding-inline:32px}}
@media(min-width:768px){body:not([data-screen=catalog]):not([data-screen=product]) main{max-width:800px}body:not([data-screen=catalog]):not([data-screen=product]) #back{inset-inline-start:max(4px,calc((100vw - 800px)/2 + 4px))}body:not([data-screen=catalog]):not([data-screen=product]) .screen-actions{inset-inline-end:max(8px,calc((100vw - 800px)/2 + 8px))}.detail{max-width:720px}}
@media(prefers-reduced-motion:no-preference){.catalog-title,.product-copy{animation:strict-reveal 180ms ease-out}@keyframes strict-reveal{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}}