/* Shared, local Cairo typography and existing warm ivory / plum identity. */
html body,html body *{font-style:normal!important;font-variation-settings:"slnt" 0!important;font-synthesis:none}
@font-face{font-family:"Maraya Cairo";src:url("../fonts/cairo/Cairo-Upright.ttf") format("truetype");font-style:normal;font-weight:200 1000;font-display:block}
@font-face{font-family:"Cairo";src:url("../fonts/cairo/Cairo-Upright.ttf") format("truetype");font-style:normal;font-weight:200 1000;font-display:block}
:root{--app-font:"Maraya Cairo",Tahoma,Arial,sans-serif;--app-paper:#fffaf6;--app-page:#f8f5f2;--app-ink:#271f26;--app-muted:#665d64;--app-line:#ded7dc;--app-brand:#4b2142;--app-action:#111;--app-gap:16px;--app-large-gap:24px;--app-radius:26px;--app-touch:44px;--app-body:clamp(16px,1.2vw,18px);--app-title:clamp(24px,4vw,36px);--font-body:var(--app-font);--subscription-font:var(--app-font);--sa-bg:var(--app-page);--sa-ink:var(--app-ink);--sa-muted:var(--app-muted);--sa-brand:var(--app-brand);--sa-line:var(--app-line);--plum:var(--app-brand);--ink:var(--app-ink);--muted:var(--app-muted)}
html body,body :is(h1,h2,h3,h4,p,a,button,input,select,textarea,label,legend,summary,table,small,strong,b,dt,dd,span){font-family:var(--app-font)!important;letter-spacing:normal}
html body.ui-consistent,html body.ui-consistent :is(h1,h2,h3,h4,p,a,button,input,select,textarea,label,legend,summary,table,small,strong,b,dt,dd,span){font-family:var(--app-font)!important}
body :is(input,textarea,select){font-size:max(16px,1em);min-width:0}
body :is(h1,h2,h3){overflow-wrap:anywhere}
body :is(.sa-table th,.sa-table td strong,.sa-row strong,.sa-ledger dd){font-weight:400}
body :is(.sa-row-meta,.sa-period,.sa-invoice-number){overflow-wrap:anywhere}
html body.ui-consistent.ui-consistent .merchant-product-row :is(b,span,button){font-size:16px!important;line-height:1.7}
body :is(a,button,summary,input,textarea,select):focus-visible{outline:2px solid var(--app-brand);outline-offset:3px}
body .legal-page{max-width:880px;margin:auto;padding:var(--app-large-gap) var(--app-gap) 64px;color:var(--app-ink);font-size:var(--app-body);line-height:1.85}
.legal-page h1{font-size:var(--app-title);font-weight:500;line-height:1.5}.legal-page h2{font-size:1.2em;font-weight:500;margin-block:32px 12px}
.legal-page nav{display:flex;gap:var(--app-gap);flex-wrap:wrap;border-block-end:1px solid var(--app-line);padding-block-end:var(--app-gap)}
.legal-page nav a,.legal-page .legal-back{display:inline-flex;align-items:center;min-height:var(--app-touch);color:var(--app-brand)}
.legal-page .legal-draft{border:1px solid var(--app-line);border-radius:var(--app-radius);padding:var(--app-gap);background:var(--app-paper)}
.legal-page ul{padding-inline-start:var(--app-large-gap)}.legal-page li{margin-block:8px}
@media(max-width:600px){.sa-header-actions{width:100%}.sa-panel{padding:var(--app-gap)}.sa-header h1{font-size:var(--app-title)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.app-nav-toggle{display:none}
.server-groups{max-width:100%;min-width:0;text-align:right;direction:rtl}.server-groups header{display:flex;align-items:center;justify-content:space-between;gap:16px}.server-groups form,.server-groups label{display:grid;gap:8px;min-width:0}.server-groups form,.social-group-list article,.social-member{margin-block:16px;padding-block:16px;border-bottom:1px solid var(--app-line)}.server-groups input,.server-groups select{box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:8px;border:1px solid var(--app-line);border-radius:12px;background:var(--app-paper);color:var(--app-ink)}.server-groups button{min-height:44px;padding:8px 16px;border:1px solid var(--app-line);border-radius:999px;background:var(--app-action);color:#fff;font-size:16px;cursor:pointer}.server-groups button:disabled{opacity:.5}.server-groups img{max-width:100%;height:auto;border-radius:20px}.server-groups :is(p,h2,h3,strong,small){overflow-wrap:anywhere}.social-group-list strong,.social-group-list small{display:block}.social-error{color:#9d303d}.server-groups details{margin-block:24px}
html body .favorite-products{grid-template-columns:minmax(0,1fr)!important;gap:24px}
html body .favorite-collection{padding:0;border:0;box-shadow:none;background:transparent}
html body .favorite-product{display:grid;gap:16px;border:0;background:transparent;overflow:visible}
html body .favorite-product .favorite-visual{position:relative;padding:0;overflow:hidden;border:1px solid var(--app-line);border-radius:var(--app-radius);box-shadow:0 8px 20px #4b21421a}
html body .favorite-product img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}
html body .favorite-product .favorite-copy{padding:16px 20px 32px;min-height:120px;box-sizing:border-box;border:1px solid var(--app-line);border-radius:var(--app-radius);background:var(--app-paper);box-shadow:0 8px 20px #4b21421a}
html body .favorite-product small{font-size:16px}html body .favorite-product strong{font-size:20px;font-weight:500;margin-block:8px}html body .favorite-product b{font-size:18px;font-weight:500;color:var(--app-ink)}
.favorite-gallery-dots{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:8px;direction:ltr}.favorite-gallery-dots i{width:8px;height:8px;border:1px solid #fff;border-radius:999px;background:#aaa;box-shadow:0 1px 3px #0005}.favorite-gallery-dots i.active{width:24px;background:#ff6b60;border-color:#ff6b60}
.catalog-pagination{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:24px 8px;box-sizing:border-box;color:var(--app-ink);background:var(--app-paper);scroll-snap-align:start;flex-shrink:0}
.catalog-pagination button{min-height:44px;min-width:72px;border:1px solid var(--app-line);border-radius:999px;background:var(--app-action);color:#fff;font-size:16px;padding:8px 16px;cursor:pointer}.catalog-pagination button:disabled{opacity:.4;cursor:default}.catalog-pagination span{font-size:14px;white-space:nowrap}
@media(max-width:600px){html body .sa-nav[data-mobile-closed="true"]{display:none!important}html body .sa-nav[data-mobile-closed="false"]{position:fixed;display:grid;grid-template-columns:minmax(0,1fr);right:16px;bottom:80px;max-height:calc(100dvh - 160px);overflow:auto;width:calc(100% - 32px);padding:16px;border:1px solid var(--app-line);border-radius:26px;background:var(--app-paper);z-index:99}.sa-nav[data-responsive-rail]>a{width:auto!important;min-width:0;gap:8px}}
@media(max-width:600px){
 html body :is(.shopper-rail,.merchant-rail,.rail-nav)[data-mobile-closed="true"]{display:none!important}
 html body .app-nav-toggle{position:fixed;display:grid;place-items:center;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:100;width:48px;height:48px;padding:12px;border:1px solid var(--app-line);border-radius:50%;background:var(--app-paper);color:var(--app-ink);box-shadow:0 8px 20px #4b214226;cursor:pointer}
 .app-nav-toggle svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
 html body :is(.shopper-rail,.merchant-rail,.rail-nav)[data-mobile-closed="false"]{position:fixed!important;display:grid!important;grid-template-columns:repeat(4,48px)!important;gap:8px!important;top:auto!important;left:auto!important;right:16px!important;bottom:calc(80px + env(safe-area-inset-bottom))!important;transform:none!important;width:auto!important;height:auto!important;max-height:calc(100dvh - 160px);overflow:auto;padding:16px!important;z-index:99!important;border:1px solid var(--app-line);border-radius:26px;background:var(--app-paper);box-shadow:0 8px 20px #4b214226}
 html body :is(.shopper-rail,.merchant-rail,.rail-nav)[data-responsive-rail][data-mobile-closed="false"]>:is(a,button){position:relative!important;inset:auto!important;transform:none!important;margin:0!important;width:48px!important;height:48px!important;min-height:48px!important;grid-column:auto!important;grid-row:auto!important}
}
