/* Compact Arabic utility header, one glass plane with a shaded menu control. */
header.site-header{gap:12px;padding:10px 18px;min-height:80px}
.header-identity{min-width:0;display:flex;flex-direction:column;gap:0;line-height:1.5}
.header-identity .brand{font-size:.875rem;color:var(--muted);min-height:24px;display:inline-flex;align-items:center;text-decoration:none;letter-spacing:0}
#header-page{font-size:1.125rem;font-weight:600;color:var(--ink);overflow-wrap:anywhere}
.header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.header-shortcut{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;min-height:44px;padding:10px;border:1px solid transparent;border-radius:50%;color:var(--ink);background:transparent;cursor:pointer;text-decoration:none}
.header-shortcut svg{width:24px;height:24px;flex-shrink:0}
.header-shortcut:hover{background:#ffffff7a;border-color:var(--glass-edge)}
.header-shortcut:focus-visible,.basket-close:focus-visible,.basket-remove:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
#basket-count:not([hidden]){position:absolute;inset-block-start:0;inset-inline-end:0;min-width:18px;height:18px;padding-inline:3px;border-radius:10px;background:#65518e;color:white;box-shadow:0 0 0 2px #f7f4fb;font-size:.75rem;font-weight:600;line-height:18px;text-align:center}
body.basket-open{overflow:hidden}
dialog#basket{width:min(400px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:24px;border-radius:28px;overflow:auto;overscroll-behavior:contain}
.basket-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.basket-heading h2{margin:0;font-size:1.5rem}
.basket-close{width:44px;height:44px;min-height:44px;border:1px solid var(--glass-edge);border-radius:50%;background:#ffffff66;color:var(--ink);font-size:1.8rem;cursor:pointer}
.basket-items{list-style:none;padding:0;margin:16px 0 24px}
.basket-items li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:12px;border-bottom:1px solid var(--glass-edge)}
.basket-items li>div{min-width:0}.basket-line-price{display:block;margin-top:6px;font-size:1.125rem;color:var(--ink)}
.basket-remove{flex-shrink:0;min-height:44px;padding:6px 10px;font:inherit;font-size:.875rem;border:0;border-radius:12px;background:transparent;color:#584477;text-decoration:underline;cursor:pointer}
.basket-empty{padding:24px 0 16px}
.basket-empty p{font-size:1.125rem;font-weight:600;margin:0 0 6px}
.basket-services{display:flex;flex-wrap:wrap;gap:8px}
.basket-services a{display:inline-flex;align-items:center;min-height:44px;border-radius:14px;background:#ffffff70;padding:8px 12px;font-size:.875rem}
.basket-disclosure{font-size:.875rem;line-height:1.7;margin:20px 0 0}
@media(max-width:600px){header.site-header{padding:10px 12px;gap:8px}.header-actions{gap:4px}#header-page{font-size:1rem}.header-identity .brand{font-size:.875rem}}
@media(max-width:360px){header.site-header{max-width:calc(100% - 16px);padding:10px;gap:6px}.header-actions{gap:0}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.header-shortcut:hover,.basket-close,.basket-services a{background:#faf9ff;border-color:#716984}}
@media(forced-colors:active){.header-shortcut,.basket-close,.basket-remove,.basket-services a{color:ButtonText;border:1px solid ButtonText;background:Canvas}#basket-count:not([hidden]){background:Highlight;color:HighlightText;box-shadow:none}}