/* GENERATED by tools/build_ui2_css.js from tools/ui2/mk-ui2.src.css - edit the source, then run the script. */
/* New page design (2026-11-03), loaded only when it is switched on (html[data-ui="2"], Admin > Themes > Page design).
   It changes layout and shapes; every colour comes from the theme variables, so all themes keep their colours.
   html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] = html[data-ui="2"] repeated to win over the older theme rules without editing them. Logical properties keep Arabic (RTL) mirrored. */

html[data-ui="2"][data-ui][data-ui][data-ui][data-ui]{--mk2-radius:16px;--mk2-pill:999px;--mk2-h1:clamp(26px,2.6vw,32px);--mk2-row1:68px;--mk2-row2:46px;--mk2-dock:64px;--mk2-tint:color-mix(in srgb,var(--primary) 14%,var(--surface));--mk2-tint-ink:color-mix(in srgb,var(--primary) 70%,var(--text))}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui][data-density="compact"]{--mk2-row1:58px;--mk2-row2:40px;--mk2-radius:12px}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] .mk2-i{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] .mk2-chev{width:14px;height:14px;stroke-width:2.2}

/* ---------------- header ---------------- */
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar{position:sticky;top:0;background:var(--header-bg)!important;border-bottom:1px solid var(--border)!important;box-shadow:none!important;backdrop-filter:none!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar>.nav{display:flex!important;flex-wrap:wrap!important;align-items:center!important;column-gap:8px!important;row-gap:0!important;min-height:0!important;height:auto!important;padding-block:0!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar>.nav::after{content:"";order:15;flex-basis:100%;height:0}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .mk2-brand,html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar>.nav>.brand{order:1!important;display:flex!important;align-items:center;height:var(--mk2-row1);padding:0!important;margin-inline-end:10px;background:transparent!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] .mk2-word{font-size:23px;font-weight:800;letter-spacing:-.6px;line-height:1;color:var(--header-text,var(--text));white-space:nowrap}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] .mk2-word b{font-weight:800;color:var(--primary)}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui][data-theme="amazon"] .mk2-word,html[data-ui="2"][data-ui][data-ui][data-ui][data-ui][data-theme="amazon"] .mk2-word b{color:#fff}

/* search in the main bar */
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .mk2-hsearch{order:2!important;flex:1 1 320px;max-width:680px;min-width:0}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .mk2-hsearch .mk-search-row{background:transparent!important;border:0!important;padding:0!important;margin:0!important;box-shadow:none!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .mk2-hsearch .mk-search-row>.container{width:auto!important;max-width:none!important;padding:0!important;margin:0!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .mk-search{display:flex!important;align-items:center!important;height:44px!important;border:1.5px solid var(--border)!important;border-radius:var(--mk2-pill)!important;background:var(--surface-2)!important;padding-inline:4px!important;box-shadow:none!important;max-width:none!important;margin:0!important;position:relative}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .mk-search:focus-within{border-color:var(--primary)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 22%,transparent)!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .mk-search .mk-search-cat{height:34px!important;border:0!important;border-inline-end:1px solid var(--border)!important;border-radius:0!important;background-color:transparent!important;color:var(--text)!important;font-size:13px!important;font-weight:600!important;padding-inline:12px 22px!important;max-width:150px;min-width:0;box-shadow:none!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .mk-search input[type=search]{flex:1!important;min-width:0!important;height:40px!important;border:0!important;background:transparent!important;color:var(--text)!important;padding-inline:14px!important;font-size:14px!important;box-shadow:none!important;outline:0}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .mk-search .mk-search-btn{width:36px!important;height:36px!important;min-width:36px!important;padding:0!important;border-radius:50%!important;border:0!important;background:var(--primary)!important;color:var(--on-primary,#fff)!important;font-size:0!important;position:relative;flex:none}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui][data-theme="amazon"] body .topbar .mk-search .mk-search-btn{background:#ffa41c!important;color:#0f1111!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui][data-theme="amazon"] body .topbar .mk-search .mk-search-btn:hover{background:#ff9900!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .mk-search .mk-search-btn::before{content:"";position:absolute;inset:0;margin:auto;width:18px;height:18px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") center/contain no-repeat}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .mk-search .mk-search-list{top:calc(100% + 6px)!important;border-radius:14px!important;border:1px solid var(--border)!important;background:var(--surface)!important;box-shadow:0 18px 40px rgba(0,0,0,.14)!important;overflow:hidden}

/* settings button (language, currency, theme, compact view) */
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .mk2-prefs{order:3!important;position:relative;margin-inline-start:auto}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .mk2-hsearch~.mk2-prefs{margin-inline-start:6px}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .mk2-prefs-btn{list-style:none;display:flex;align-items:center;gap:6px;height:38px;padding-inline:12px;border:1px solid var(--border);border-radius:var(--mk2-pill);font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer;color:var(--header-text,var(--text));background:transparent}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .mk2-prefs-btn::-webkit-details-marker{display:none}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .mk2-prefs-btn .mk2-i{width:17px;height:17px}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .mk2-prefs[open]>.mk2-prefs-btn{background:var(--mk2-tint);color:var(--mk2-tint-ink);border-color:transparent}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .mk2-prefs-panel{position:absolute;top:calc(100% + 8px);inset-inline-end:0;width:min(300px,calc(100vw - 24px));background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:16px;padding:14px;z-index:60;box-shadow:0 18px 40px rgba(0,0,0,.16)}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .mk2-prefs .selectors{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;margin:0!important;padding:0!important;width:100%!important;max-width:none!important;flex:none!important;order:0!important;position:static!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .mk2-prefs .selectors>form{display:grid!important;gap:6px;margin:0!important;width:100%}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .mk2-prefs .selectors>form[hidden],html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .mk2-prefs .mk2-ptheme-lab:has(+select[hidden]){display:none!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .mk2-prefs .mk2-ptheme-lab{margin-bottom:-6px}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .mk2-prefs .selectors>.language-form{order:1!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .mk2-prefs .selectors>.currency-form{order:2!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .mk2-prefs .selectors>.mk2-ptheme-lab{order:3!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .mk2-prefs .selectors>*{order:4}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .mk2-prefs .selectors>#themeSelect,html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .mk2-prefs .selectors>.mk-cur{order:4!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .mk2-prefs .selectors>.mk-density-btn{order:5!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .mk2-prefs .mk-density-btn .mk-density-txt{display:inline!important;position:static!important;width:auto!important;height:auto!important;overflow:visible!important;clip:auto!important;white-space:nowrap}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .mk2-prefs .mk-density-btn .mk-density-ico{display:inline!important;margin-inline-end:6px}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .mk2-plab{font-size:12px;font-weight:600;color:var(--muted)}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .mk2-prefs select,html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .mk2-prefs #themeSelect,html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .mk2-prefs .mk-cur-btn{width:100%!important;max-width:none!important;min-width:0!important;height:40px!important;border-radius:12px!important;border:1.5px solid var(--border)!important;background-color:var(--surface)!important;color:var(--text)!important;font-size:14px!important;padding-inline:12px 28px!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .mk2-prefs .mk-density-btn{width:100%!important;justify-content:center!important;height:40px!important;border-radius:var(--mk2-pill)!important;border:1.5px solid var(--border)!important;background:var(--surface)!important;color:var(--text)!important;font-size:14px!important;font-weight:600!important}

/* icon buttons: wishlist, cart, notifications (the text stays for screen readers) */
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar #primaryNav a.nav-cart[data-hdr="wishlist"],html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar #primaryNav a.nav-cart[data-hdr="cart"],html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar #primaryNav a.nav-cart[data-hdr="notifications"]{position:relative;display:inline-grid!important;place-items:center;width:42px!important;height:42px!important;min-width:42px;padding:0!important;border-radius:50%!important;font-size:0!important;color:var(--header-text,var(--text))!important;background:transparent!important;border:0!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar #primaryNav a.nav-cart[data-hdr="wishlist"]{order:4!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar #primaryNav a.nav-cart[data-hdr="cart"]{order:5!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar #primaryNav a.nav-cart[data-hdr="notifications"],html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar #primaryNav .mk2-bell{order:6!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar #primaryNav a.nav-cart[data-hdr="wishlist"]::before,html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar #primaryNav a.nav-cart[data-hdr="cart"]::before,html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar #primaryNav a.nav-cart[data-hdr="notifications"]::before{content:"";width:21px;height:21px;background:currentColor;-webkit-mask:var(--mk2-ico) center/contain no-repeat;mask:var(--mk2-ico) center/contain no-repeat}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar #primaryNav a.nav-cart[data-hdr="wishlist"]{--mk2-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M12 20s-7-4.3-9.2-8.8A4.9 4.9 0 0 1 12 6a4.9 4.9 0 0 1 9.2 5.2C19 15.7 12 20 12 20z'/%3E%3C/svg%3E")}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar #primaryNav a.nav-cart[data-hdr="cart"]{--mk2-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 7h15l-1.6 8.2a2 2 0 0 1-2 1.6H9.2a2 2 0 0 1-2-1.6L5 3H2'/%3E%3Ccircle cx='9.5' cy='20.5' r='1.2'/%3E%3Ccircle cx='17.5' cy='20.5' r='1.2'/%3E%3C/svg%3E")}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar #primaryNav a.nav-cart[data-hdr="notifications"]{--mk2-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9a6 6 0 0 1 12 0c0 6 3 7 3 7H3s3-1 3-7'/%3E%3Cpath d='M10 20a2 2 0 0 0 4 0'/%3E%3C/svg%3E")}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar #primaryNav a.nav-cart[data-hdr]:hover,html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar #primaryNav a.nav-cart[data-hdr][aria-expanded="true"]{background:var(--header-hover,var(--surface-2))!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar #primaryNav a.nav-cart .notification-badge{position:absolute!important;top:2px!important;inset-inline-end:0!important;inset-inline-start:auto!important;bottom:auto!important;box-sizing:border-box!important;min-width:18px!important;width:auto!important;height:18px!important;padding:0 4px!important;margin:0!important;border-radius:9px!important;font-size:10.5px!important;font-weight:700!important;line-height:14px!important;text-align:center!important;background:var(--primary)!important;color:var(--on-primary,#fff)!important;border:2px solid var(--header-bg,var(--surface))!important;transform:none!important;box-shadow:none!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar #primaryNav a.nav-cart .notification-badge[hidden]{display:none!important}

/* account button */
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .hdr-user{order:7!important;margin-inline-start:6px}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .hdr-user .auth-nav{display:flex!important;align-items:center;gap:6px;margin:0;padding:0;list-style:none}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .hdr-user .nav-link{display:inline-flex!important;align-items:center;gap:8px;height:42px;padding-inline:18px!important;border-radius:var(--mk2-pill)!important;background:var(--header-text,var(--text))!important;color:var(--header-bg,var(--bg))!important;font-size:14px!important;font-weight:600!important;text-transform:none!important;white-space:nowrap}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .hdr-user .nav-register{display:none!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .hdr-user .account-trigger{width:auto!important;min-width:0!important;height:42px!important;padding-inline:5px 14px!important;gap:8px!important;border-radius:var(--mk2-pill)!important;border:0!important;background:var(--header-text,var(--text))!important;color:var(--header-bg,var(--bg))!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .hdr-user .account-trigger .avatar{width:32px!important;height:32px!important;min-width:32px!important;font-size:14px!important;background:var(--mk2-tint)!important;color:var(--mk2-tint-ink)!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] .mk2-uname{font-size:14px;font-weight:600;white-space:nowrap;max-width:110px;overflow:hidden;text-overflow:ellipsis}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .hdr-user .account-dropdown{border-radius:14px!important;min-width:220px}

/* second row: menus as tabs, Compare, "Sell" at the end */
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar #primaryNav.actions{display:contents!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar #primaryNav>details.nav-group,html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar #primaryNav>a.nav-cart[data-hdr="compare"]{order:20!important;height:var(--mk2-row2);display:flex!important;align-items:center;width:auto!important;margin:0!important;flex:none!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar #primaryNav>details.nav-group[data-hdr="menu:SELL"]{order:40!important;margin-inline-start:auto}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar #primaryNav>details.nav-group[data-hdr="menu:ADMIN"]{order:30!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar #primaryNav>details.nav-group>summary,html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar #primaryNav>a.nav-cart[data-hdr="compare"]{display:flex!important;align-items:center;gap:6px;height:34px!important;padding:0 14px!important;border-radius:var(--mk2-pill)!important;font-size:14px!important;font-weight:500!important;white-space:nowrap;color:var(--header-text,var(--text))!important;background:transparent!important;border:0!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar #primaryNav>details.nav-group[open]>summary,html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar #primaryNav>details.nav-group>summary:hover,html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar #primaryNav>a.nav-cart[data-hdr="compare"]:hover{background:var(--mk2-tint)!important;color:var(--mk2-tint-ink)!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar #primaryNav>details.nav-group[data-hdr="menu:SELL"]>summary{color:var(--header-text,var(--text))!important;font-weight:600!important;border:1.5px solid color-mix(in srgb,var(--primary) 55%,transparent)!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar #primaryNav>a.nav-cart[data-hdr="compare"] .notification-badge{position:static!important;top:auto!important;inset-inline-end:auto!important;box-sizing:border-box!important;border:0!important;margin-inline-start:2px;min-width:18px;height:18px;line-height:18px;font-size:11px!important;border-radius:9px!important;background:var(--primary)!important;color:var(--on-primary,#fff)!important;padding:0 5px!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .nav-dropdown{border-radius:14px!important;border:1px solid var(--border)!important;background:var(--surface)!important;box-shadow:0 18px 40px rgba(0,0,0,.14)!important;padding:6px!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .nav-dropdown a{border-radius:10px!important}

/* narrower desktops: keep everything on one line */
@media (min-width:1101px) and (max-width:1279px){
 html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .menu-toggle{display:none!important}
 html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .mk2-hsearch{flex-basis:220px}
 html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .mk2-prefs-btn span{display:none}
 html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] .mk2-uname,html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .hdr-user .account-trigger .mk2-chev{display:none}
 html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .hdr-user .account-trigger{padding:0!important;width:42px!important;background:transparent!important}
 html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .hdr-user .account-trigger .avatar{width:38px!important;height:38px!important;min-width:38px!important}
 html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar #primaryNav>details.nav-group>summary,html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar #primaryNav>a.nav-cart[data-hdr="compare"]{padding:0 10px!important}
}
@media (min-width:1101px){ html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .menu-toggle{display:none!important} }

/* bell list */
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] .mk2-bell{position:relative;display:inline-flex}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] .mk2-npanel{white-space:normal;text-align:start;font-size:14px;font-weight:400;position:absolute;top:calc(100% + 8px);inset-inline-end:-56px;width:min(400px,calc(100vw - 24px));max-height:min(520px,calc(100vh - 120px));display:flex;flex-direction:column;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:18px;z-index:60;box-shadow:0 18px 40px rgba(0,0,0,.16);overflow:hidden}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] .mk2-npanel[hidden]{display:none}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] .mk2-np-head{display:flex;align-items:center;gap:8px;padding:14px 16px;border-bottom:1px solid var(--border)}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] .mk2-np-head b{font-size:16px}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] .mk2-np-new{font-size:12px;font-weight:700;padding:1px 9px;border-radius:999px;background:var(--mk2-tint);color:var(--mk2-tint-ink)}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] .mk2-np-all{margin-inline-start:auto;font-size:13px;font-weight:600;color:var(--link,var(--primary))!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] .mk2-np-list{overflow-y:auto}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] .mk2-np-item{display:flex;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border);color:var(--text)!important;text-decoration:none!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] .mk2-np-item:last-child{border-bottom:0}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] .mk2-np-item:hover{background:var(--surface-2)}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] .mk2-np-item.un{background:color-mix(in srgb,var(--primary) 6%,var(--surface))}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] .mk2-np-dot{width:8px;height:8px;border-radius:50%;margin-top:7px;flex:none;background:transparent}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] .mk2-np-item.un .mk2-np-dot{background:var(--primary)}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] .mk2-np-body{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0;font-size:14px;line-height:1.4;overflow-wrap:break-word}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] .mk2-np-body b{font-weight:600}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] .mk2-np-text{color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] .mk2-np-body small{font-size:12px;color:var(--muted)}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] .mk2-np-empty{margin:0;padding:22px 16px;color:var(--muted);font-size:14px;text-align:center}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] .mk2-np-foot{padding:12px;text-align:center;font-size:14px;font-weight:600;border-top:1px solid var(--border);color:var(--link,var(--primary))!important}

/* phones and small tablets: bar = menu button, logo, settings, account; search on its own row; menus in the drawer */
@media (max-width:1100px){
 html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar>.nav{padding-inline:12px!important}
 html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .menu-toggle{order:0!important;display:inline-flex!important;margin-inline-end:2px}
 html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .mk2-brand,html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar>.nav>.brand{height:58px;margin-inline-end:auto}
 html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] .mk2-word{font-size:21px}
 html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .mk-search .mk-search-cat{max-width:86px;padding-inline:10px 18px!important}
 html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .mk-search input[type=search]{padding-inline:10px!important;font-size:13.5px!important}
 html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .mk2-hsearch{order:16!important;flex:1 0 100%;max-width:none;padding-bottom:10px}
 html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .mk2-prefs{margin-inline-start:0!important}
 html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .mk2-prefs-btn{height:36px;padding-inline:10px}
 html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .mk2-prefs-btn span,html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .mk2-prefs-btn .mk2-chev{display:none}
 html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .hdr-user .nav-link{height:38px;padding-inline:14px!important;font-size:13px!important}
 html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .hdr-user .account-trigger{padding:0!important;width:38px!important;height:38px!important;background:transparent!important}
 html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .hdr-user .account-trigger .avatar{width:36px!important;height:36px!important;min-width:36px!important}
 html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] .mk2-uname,html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .hdr-user .account-trigger .mk2-chev{display:none}
 html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar #primaryNav.actions{display:none!important}
 html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body.menu-open .topbar #primaryNav.actions{display:flex!important;order:17!important;flex:1 0 100%;flex-direction:column;align-items:stretch;gap:2px;padding:6px 0 12px;max-height:calc(100vh - 140px);overflow-y:auto}
 html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body.menu-open .topbar #primaryNav>details.nav-group,html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body.menu-open .topbar #primaryNav>a.nav-cart{order:0!important;height:auto;margin:0!important}
 html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body.menu-open .topbar #primaryNav>details.nav-group>summary,html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body.menu-open .topbar #primaryNav a.nav-cart{display:flex!important;width:100%!important;height:44px!important;font-size:15px!important;border-radius:12px!important;padding:0 12px!important;font-size:15px!important;place-items:initial;justify-content:flex-start}
 html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body.menu-open .topbar #primaryNav a.nav-cart::before{display:none}
 html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body.menu-open .topbar #primaryNav>details.nav-group[data-hdr="menu:SELL"]>summary{border:0!important;color:var(--link,var(--primary))!important}
 html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body.menu-open .topbar #primaryNav .mk2-bell{order:0!important;display:block}
 html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body.menu-open .topbar #primaryNav a.nav-cart .notification-badge{position:static!important;margin-inline-start:8px;border:0!important}
 html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body.menu-open .topbar #primaryNav .nav-dropdown{position:static!important;box-shadow:none!important;border:0!important;padding:0 0 6px 12px!important;background:transparent!important}
 html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body.menu-open .topbar .selectors{display:grid!important}
}

/* ---------------- phone bottom bar ---------------- */
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui]{--mk-bn-h:64px}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] .mk2-dock{display:none}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] .mk-bottomnav{display:none!important}
@media (max-width:1100px){
 html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] .mk2-dock{position:fixed;inset-inline:0;bottom:0;z-index:55;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:var(--surface);border-top:1px solid var(--border);padding:6px 4px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -6px 20px rgba(0,0,0,.05)}
 html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] .mk2-dock>a,html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] .mk2-dock>button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:52px;padding:2px 0;border:0;background:transparent;color:var(--muted)!important;font:inherit;font-size:11px;font-weight:600;text-decoration:none!important;cursor:pointer;min-width:0}
 html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] .mk2-dpill{display:grid;place-items:center;width:52px;height:30px;border-radius:999px}
 html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] .mk2-dlab{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-inline:2px}
 html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] .mk2-dock>.on,html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] .mk2-dock>button[aria-expanded="true"]{color:var(--mk2-tint-ink)!important}
 html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] .mk2-dock>.on .mk2-dpill,html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] .mk2-dock>button[aria-expanded="true"] .mk2-dpill{background:var(--mk2-tint)}
 html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] .mk2-dn{position:absolute;top:0;inset-inline-start:calc(50% + 6px);min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--primary);color:var(--on-primary,#fff);font-size:11px;font-weight:700;line-height:18px;text-align:center}
 html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] .mk2-dn[hidden]{display:none}
 html[data-ui="2"][data-ui][data-ui][data-ui][data-ui].mk-kb .mk2-dock{display:none!important}
 html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] .r23-cookie{bottom:calc(var(--mk2-dock) + 8px + env(safe-area-inset-bottom))!important}
}

/* ---------------- shared pieces on every page ---------------- */
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body{background:var(--bg)!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main :is(.btn,button.btn){border-radius:var(--mk2-pill)!important;font-weight:600!important;min-height:40px;padding-inline:18px;text-transform:none!important;letter-spacing:0!important;box-shadow:none!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main :is(.btn.small,.btn.sm,.btn-small){min-height:32px;padding-inline:12px;font-size:13px!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main :is(.btn.primary,button.primary):hover{transform:none!important;box-shadow:none!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]),select,textarea){border-radius:12px!important;border-width:1.5px!important;border-style:solid!important;min-height:42px}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main textarea{min-height:90px}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main :is(input,select,textarea):focus-visible{border-color:var(--primary)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 22%,transparent)!important;outline:0!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main :is(.form-card,.table-card,.admin-card,.admin-panel,.card,.panel,.product-card,.plan-card,.notice,.stat-card,.vendor-card,.summary-card,.support-card,.knowledge-card,.review-card,.order-card,.wallet-hero,.localization-card,.identity-card,.cart-list,.summary,.support-form,.ticket-list,.empty,.empty-state,.store-hero,.notification-card,.kpi-link,.kpi-grid>div,.feature-strip){border-radius:var(--mk2-radius)!important;box-shadow:none!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main :is(.product-card,.vendor-card,.admin-card,.kpi-link):hover{transform:none!important;box-shadow:none!important;border-color:color-mix(in srgb,var(--text) 22%,var(--border))!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main :is(.status,.badge,.chips a,.chip,.mk-count-chip,.notification-status){border-radius:var(--mk2-pill)!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main :is(.page-head h1,.sectionhead h1,.admin-hero h1,section>h1,.container>h1){font-size:var(--mk2-h1)!important;line-height:1.15!important;font-weight:700!important;letter-spacing:-.02em!important;color:var(--text)!important;overflow-wrap:break-word}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .eyebrow{letter-spacing:.04em!important;font-size:12px!important;font-weight:700!important;color:var(--muted)!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .breadcrumbs{font-size:13px!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main :is(table th,.table-card th){font-size:12.5px!important;font-weight:600!important;color:var(--muted)!important;text-transform:none!important;letter-spacing:0!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main :is(h1,h2,h3,h4,p,li,td,th,label,a,span,b,strong,small,dd,dt){overflow-wrap:break-word}

/* footer */
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body footer{margin-top:40px}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body footer .footergrid{padding-block:40px!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body footer .footergrid a{text-decoration:none}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body footer .footergrid a:hover{text-decoration:underline}

/* ---------------- product cards (home, lists, best sellers, seller shops, recently viewed) ---------------- */
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-card{display:flex!important;flex-direction:column!important;padding:0!important;overflow:hidden;background:var(--surface)!important;border:1px solid var(--border)!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-card .product-image{position:relative;margin:8px!important;width:auto!important;max-width:calc(100% - 16px)!important;box-sizing:border-box!important;border-radius:12px!important;aspect-ratio:1/1;background:var(--surface-2)!important;overflow:hidden;border:0!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-grid[data-view=large] .product-card .product-image{aspect-ratio:4/3!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-grid[data-view=list] .product-card{display:grid!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-grid[data-view=list] .product-card .product-image{aspect-ratio:auto!important;height:auto!important;min-height:150px;max-width:none!important}
@media (max-width:640px){ html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-grid[data-view=list] .product-card .product-image{min-height:110px} }
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-card .product-image img{width:100%!important;max-width:100%!important;height:100%!important;object-fit:contain}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-card .product-image .mk-heart{top:8px!important;inset-inline-end:8px!important;inset-inline-start:auto!important;width:34px!important;height:34px!important;border-radius:50%!important;background:var(--surface)!important;color:var(--text)!important;border:0!important;box-shadow:none!important;display:grid!important;place-items:center}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-card .product-image .mk-heart.on{color:var(--sale,#d9481f)!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-card .product-image :is(.discount-badge,.mk-bs-corner,.oos-chip){position:absolute!important;top:8px!important;inset-inline-start:8px!important;inset-inline-end:auto!important;left:auto;max-width:calc(100% - 60px);border-radius:999px!important;padding:2px 10px!important;font-size:12px!important;font-weight:700!important;line-height:1.6!important;text-transform:none!important;letter-spacing:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:none!important;transform:none!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-card .product-image .mk-bs-corner{background:var(--surface)!important;color:var(--text)!important;border:0!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-card .product-image .discount-badge{background:#b5361a!important;color:#fff!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-card .product-image:has(.discount-badge) .mk-bs-corner,html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-card .product-image:has(.oos-chip) :is(.mk-bs-corner,.discount-badge){display:none!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-card .product-image .oos-chip{background:var(--text)!important;color:var(--bg)!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-card .product-image .promo-badge{position:absolute!important;bottom:8px!important;top:auto!important;inset-inline-start:8px!important;max-width:calc(100% - 16px);border-radius:999px!important;font-size:12px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-card .product-body{display:flex!important;flex-direction:column!important;gap:4px!important;padding:4px 14px 14px!important;flex:1;min-width:0}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-card .product-body .category{display:none!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-card .product-body .vendor{order:1;margin:0!important;font-size:12px!important;color:var(--muted)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-card .product-body h3{order:2;margin:0!important;font-size:15px!important;font-weight:600!important;line-height:1.35!important;min-height:2.7em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-card .product-body h3 a{color:var(--text)!important;text-decoration:none!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-card .product-body .price-row{order:3;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:baseline!important;gap:2px 8px!important;margin:2px 0 0!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-card .product-body .price-row .mk-rate{order:1;flex:1 0 100%}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-card .product-body .price-row .mk-rate:empty{display:none}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-card .product-body .price-row .az-card-price{order:2}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-card .product-body .price-row .mk-vat-note{order:3;margin-inline-start:auto;font-size:11px!important;color:var(--muted)!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-card .product-body .mk-rate{font-size:13px!important;color:var(--muted)!important;min-height:1.4em}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-card .product-body .az-badges{order:4;display:flex!important;flex-wrap:wrap;gap:4px 10px;margin:0!important;padding:0!important;list-style:none;font-size:12px!important;color:var(--muted)!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-card .product-body .az-badges li{display:inline-flex!important;gap:4px;align-items:center;padding:0!important;border:0!important;background:transparent!important;font-size:12px!important;color:var(--muted)!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-card .product-body .az-badges li i{font-style:normal;opacity:.8}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-card .product-body .az-badges li.off,html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-card .product-body .az-badges li.warn{color:var(--warn,#8a4b0c)!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-card .product-body .mk-lowstock{order:4;font-size:12px!important;font-weight:600;color:var(--warn,#8a4b0c)!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-card .product-body .product-actions{order:9;margin-top:auto!important;padding-top:8px!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:6px 8px!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-card .product-body .product-actions>form{margin:0!important;display:flex}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-card .product-body .product-actions>form:first-child{flex:1 1 120px}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-card .product-body .product-actions>form:first-child :is(.btn,button){width:100%!important;min-height:40px!important;justify-content:center!important;background:var(--surface)!important;color:var(--text)!important;border:1.5px solid var(--border)!important;font-size:14px!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-card .product-body .product-actions>form:first-child :is(.btn,button):hover{background:var(--primary)!important;color:var(--on-primary,#fff)!important;border-color:var(--primary)!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-card .product-body .product-actions>form:first-child .btn.disabled{background:var(--surface-2)!important;color:var(--muted)!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-card .product-body .product-actions>form+form :is(.btn,button){min-height:32px!important;padding:0 6px!important;border:0!important;background:transparent!important;color:var(--muted)!important;font-size:12px!important;font-weight:600!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-card .product-body .product-actions>form+form :is(.btn,button):hover{color:var(--text)!important;text-decoration:underline}

/* prices: plain "EGP 1,250" (no raised decimals); .00 is not shown */
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .az-pr{display:inline-flex!important;align-items:baseline!important;gap:4px;flex-wrap:wrap}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .az-pr .az-int{font-size:1em!important;line-height:1.2!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .az-pr .az-cur{font-size:.8em!important;line-height:1.2!important;font-weight:600!important;vertical-align:baseline!important;margin:0!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .az-pr .az-int{font-weight:700!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .az-pr .az-dec{font-size:inherit!important;vertical-align:baseline!important;margin:0!important;font-weight:700!important;position:static!important;top:auto!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .az-pr .az-dec::before{content:attr(data-sep)}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .az-pr .az-dec.az-dec0{display:none!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-card .az-card-price .az-pr{font-size:inherit!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-card .az-card-price{display:flex!important;flex-wrap:wrap;align-items:baseline;gap:2px 8px;font-size:18px!important;color:var(--text)!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-card .az-off{font-size:12px!important;font-weight:700!important;color:#b5361a!important;background:transparent!important;padding:0!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-card .az-list{font-size:13px!important;color:var(--muted)!important;font-weight:400!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui][data-theme="morrow-night"] main .product-card .az-off,html[data-ui="2"][data-ui][data-ui][data-ui][data-ui][data-theme="midnight"] main .product-card .az-off{color:#f59e6b!important}

/* phones and tablets: every tap target at least 44px high (project rule, tests/e2e filters-drawer + a11y) */
@media (max-width:1100px){
 html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main :is(.btn,button.btn,.product-card .product-actions>form:first-child :is(.btn,button)){min-height:44px!important}
 html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-card .product-body .product-actions>form+form :is(.btn,button){min-height:44px!important}
 html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .mk2-prefs-btn{height:44px!important;min-width:44px}
 html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .hdr-user .nav-link{height:44px!important}
 html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .hdr-user .account-trigger{width:44px!important;height:44px!important}
 html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .mk2-prefs select,html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .mk2-prefs .mk-density-btn,html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .mk2-prefs .mk-cur-btn{min-height:44px!important}
}

/* phones and tablets: the settings panel opens full width under the header (mk-ui2.js sets --mk2-ptop) */
@media (max-width:1100px){
 html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .mk2-prefs-panel{position:fixed!important;top:var(--mk2-ptop,64px)!important;inset-inline:12px!important;width:auto!important;max-height:calc(100vh - var(--mk2-ptop,64px) - 84px);overflow-y:auto}
}

/* ---------------- product list: filters (white card on computers; the same groups in the phone pop-up, which keeps opening from the end side) ---------------- */
@media (min-width:901px){
 html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .cat-layout .cat-side{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:16px!important;padding:6px 18px!important;box-shadow:none!important}
}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .cat-side .cat-group{padding:12px 0!important;margin:0!important;border:0!important;border-bottom:1px solid var(--border)!important;background:transparent!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .cat-side .cat-group:last-of-type{border-bottom:0!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .cat-side .cat-group h3{font-size:14px!important;font-weight:700!important;margin:0 0 8px!important;text-transform:none!important;letter-spacing:0!important;color:var(--text)!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .cat-side input[type=checkbox]{width:18px!important;height:18px!important;min-height:0!important;accent-color:var(--primary);border-radius:5px!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .cat-side .cat-count{color:var(--muted)!important;font-size:12px!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .cat-side .cat-list a.is-current{font-weight:700!important;color:var(--text)!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .cat-price-box{align-items:flex-end!important;gap:6px!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .cat-price-box .mk-field{background:transparent!important;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;flex:1;min-width:0;overflow:visible!important;display:flex;flex-direction:column;gap:4px}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .cat-price-box .mk-auto-label{font-size:12px!important;font-weight:600!important;color:var(--muted)!important;background:transparent!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .cat-price-box input{width:100%!important;box-sizing:border-box!important;margin:0!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .cat-side-head{border-bottom:1px solid var(--border)!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .cat-side-head h2{font-size:18px!important;font-weight:700!important;color:var(--text)!important;margin:0!important}
/* narrow cards (Compact view, small phones, long Arabic/French labels): buttons wrap their words and stack, never leave the card */
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-card .product-body .product-actions>form{min-width:0!important;max-width:100%}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-card .product-body .product-actions :is(.btn,button){white-space:normal!important;line-height:1.2!important;text-align:center;padding-inline:10px!important;max-width:100%}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-grid[data-view=compact] .product-card .product-body .product-actions{flex-direction:column!important;align-items:stretch!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-grid[data-view=compact] .product-card .product-body .product-actions>form{flex:none!important;width:100%}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-grid[data-view=compact] .product-card .product-body .product-actions>form :is(.btn,button){width:100%!important;justify-content:center}

/* ---------------- product list page ---------------- */
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .mk-quick{display:flex!important;flex-wrap:wrap;gap:8px!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .mk-quick .mk-pill,html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .cat-chips .cat-chip{display:inline-flex!important;align-items:center;gap:6px;min-height:34px;padding:0 14px!important;border:1px solid var(--border)!important;border-radius:999px!important;background:var(--surface)!important;color:var(--text)!important;font-size:13px!important;font-weight:600!important;text-decoration:none!important;box-shadow:none!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .mk-quick .mk-pill.on,html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .cat-chips .cat-chip{background:var(--text)!important;color:var(--bg)!important;border-color:var(--text)!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .cat-chips{display:flex!important;flex-wrap:wrap;gap:8px!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .cat-chips .cat-chip b{font-weight:700}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .view-toolbar{display:flex!important;align-items:center!important;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:14px!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .view-toolbar .count{font-size:13px!important;color:var(--muted)!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .view-switch{display:inline-flex!important;border:1px solid var(--border)!important;border-radius:999px!important;overflow:hidden;background:var(--surface)!important;padding:0!important;gap:0!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .view-switch button{position:relative;width:40px!important;min-width:40px!important;height:36px!important;min-height:36px!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--muted)!important;font-size:0!important;box-shadow:none!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .view-switch button::before{content:"";position:absolute;inset:0;margin:auto;width:17px;height:17px;background:currentColor;-webkit-mask:var(--mk2-vi) center/contain no-repeat;mask:var(--mk2-vi) center/contain no-repeat}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .view-switch button[aria-pressed="true"]{background:var(--mk2-tint)!important;color:var(--mk2-tint-ink)!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .view-switch button[data-v="compact"]{--mk2-vi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3' y='4' width='5' height='5' rx='1'/%3E%3Crect x='9.5' y='4' width='5' height='5' rx='1'/%3E%3Crect x='16' y='4' width='5' height='5' rx='1'/%3E%3Crect x='3' y='12' width='5' height='5' rx='1'/%3E%3Crect x='9.5' y='12' width='5' height='5' rx='1'/%3E%3Crect x='16' y='12' width='5' height='5' rx='1'/%3E%3C/svg%3E")}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .view-switch button[data-v="grid"]{--mk2-vi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='4' y='4' width='7' height='7' rx='1.5'/%3E%3Crect x='13' y='4' width='7' height='7' rx='1.5'/%3E%3Crect x='4' y='13' width='7' height='7' rx='1.5'/%3E%3Crect x='13' y='13' width='7' height='7' rx='1.5'/%3E%3C/svg%3E")}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .view-switch button[data-v="large"]{--mk2-vi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='4' y='4' width='16' height='16' rx='2'/%3E%3C/svg%3E")}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .view-switch button[data-v="list"]{--mk2-vi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M9 6h11M9 12h11M9 18h11'/%3E%3Ccircle cx='4.5' cy='6' r='1'/%3E%3Ccircle cx='4.5' cy='12' r='1'/%3E%3Ccircle cx='4.5' cy='18' r='1'/%3E%3C/svg%3E")}
@media (max-width:1100px){ html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .view-switch button{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important} }
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .page-head .btn.ghost-dark{background:var(--surface)!important;color:var(--text)!important;border:1.5px solid var(--border)!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main label:has(>select[name="sort"]),html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .cat-sort{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main select[name="sort"]{border-radius:999px!important;padding-inline:14px 30px!important}
/* phones: two cards per row in the normal (grid) view, like the sample */
@media (max-width:640px){
 html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-grid:not([data-view]){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-grid:not([data-view]) .product-card .product-body{padding:2px 10px 12px!important}
 html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-grid:not([data-view]) .product-card .product-body h3{font-size:14px!important}
 html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-grid:not([data-view]) .product-card .az-card-price{font-size:16px!important}
 html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-grid:not([data-view]) .product-card .product-body .product-actions{flex-direction:column!important;align-items:stretch!important}
 html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-grid:not([data-view]) .product-card .product-body .product-actions>form{flex:none!important;width:100%}
 html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-grid:not([data-view]) .product-card .product-body .product-actions>form :is(.btn,button){width:100%!important;justify-content:center}
 html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-grid:not([data-view]) .product-card .price-row .mk-vat-note{flex-basis:100%;margin-inline-start:0}
}

/* headings are ink, not the theme colour (the hero and the Hero Designer keep their own colours) */
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main :is(h1,h2):not(.hero *):not(.hd *):not(.admin-hero *){color:var(--text)!important}

/* ---------------- product page ---------------- */
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-gallery-wrap{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-gallery-wrap .product-gallery-thumbs{order:2;flex-direction:row!important;max-height:none!important;overflow-x:auto!important;overflow-y:hidden!important;gap:10px!important;padding:2px 2px 8px!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-gallery-wrap .gallery-thumb{width:72px!important;height:72px!important;flex:none;border-radius:12px!important;border:1px solid var(--border)!important;overflow:hidden;background:var(--surface-2)!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-gallery-wrap .gallery-thumb[aria-current="true"],html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-gallery-wrap .gallery-thumb.active,html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .product-gallery-wrap .gallery-thumb.is-active{outline:2px solid var(--primary)!important;outline-offset:2px}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main :is(.detail-image,.gallery-frame){border-radius:20px!important;background:var(--surface-2)!important;border:0!important;box-shadow:none!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .gallery-nav{border-radius:50%!important;background:var(--surface)!important;border:1px solid var(--border)!important;box-shadow:none!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .az-head .az-title{font-size:clamp(24px,2.4vw,30px)!important;line-height:1.2!important;font-weight:700!important;letter-spacing:-.01em!important;color:var(--text)!important;margin:4px 0 8px!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .az-head .az-brand,html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .az-head .vendor{font-size:13px!important;color:var(--muted)!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .az-head .az-brand,html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .az-head .vendor a{color:var(--link,var(--primary))!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .az-head .az-rating{font-size:14px!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .az-head .az-rule{border:0!important;border-top:1px solid var(--border)!important;margin:12px 0!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .az-price{display:flex!important;align-items:baseline!important;gap:6px;flex-wrap:wrap;font-size:32px!important;font-weight:700!important;color:var(--text)!important;margin:6px 0 0!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .az-price .az-cur{font-size:.6em!important;font-weight:600!important;vertical-align:baseline!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .az-price .az-int{font-size:1em!important;font-weight:700!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .az-price .az-dec{font-size:1em!important;vertical-align:baseline!important;font-weight:700!important;margin:0!important;position:static!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .az-price .az-dec::before{content:attr(data-sep)}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .az-price .az-dec.az-dec0{display:none!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .az-price :is(.az-list,s){font-size:16px!important;font-weight:400!important;color:var(--muted)!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .az-price .az-off{font-size:13px!important;font-weight:700!important;color:#fff!important;background:#b5361a!important;padding:2px 10px!important;border-radius:999px!important;align-self:center}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .az-vat{font-size:13px!important;margin:2px 0 10px!important}
/* delivery, payment, returns, limits: one box with a line per fact */
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .az-icons{display:grid!important;grid-template-columns:1fr!important;gap:0!important;margin:14px 0!important;padding:0!important;list-style:none;background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:16px!important;overflow:hidden}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .az-icons>li{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;padding:11px 16px!important;margin:0!important;border:0!important;border-bottom:1px solid var(--border)!important;text-align:start!important;font-size:14px!important;color:var(--text)!important;background:transparent!important;min-height:0!important;width:auto!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .az-icons>li:last-child{border-bottom:0!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .az-icons>li :is(i,.ico,span:first-child){flex:none}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .az-icons>li a{color:var(--text)!important}
/* specifications */
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .az-specs{width:100%;border-collapse:separate!important;border-spacing:0!important;border:1px solid var(--border)!important;border-radius:14px!important;overflow:hidden;margin:12px 0!important;font-size:14px}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .az-specs :is(th,td){padding:9px 14px!important;border:0!important;border-bottom:1px solid var(--border)!important;background:var(--surface)!important;text-align:start}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .az-specs tr:last-child :is(th,td){border-bottom:0!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .az-specs th,html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .az-specs td:first-child{font-weight:600!important;color:var(--muted)!important;width:38%;background:var(--surface-2)!important}
/* options: rounded choices; the chosen one has a dark ring */
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .mk-cascade button,html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .mk-swatches :is(button,label,.mk-sw){border-radius:999px!important;border:1.5px solid var(--border)!important;background:var(--surface)!important;color:var(--text)!important;box-shadow:none!important;min-height:40px}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .mk-swatches :is(button,label,.mk-sw){border-radius:14px!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .mk-cascade button:is([aria-pressed="true"],.on,.is-on,.selected),html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .mk-swatches :is(button,label,.mk-sw):is([aria-pressed="true"],.on,.is-on,.selected,:has(input:checked)){border:2px solid var(--text)!important;font-weight:600!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .mk-cascade button:disabled,html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .mk-cascade button[aria-disabled="true"]{color:var(--muted)!important;text-decoration:line-through}
/* buy box */
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .detail-actions{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:16px!important;padding:16px!important;box-shadow:none!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .detail-actions :is(button.btn.primary,.btn.primary)[type=submit]{min-height:48px!important;font-size:15px!important;padding-inline:26px!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .detail-actions .qty input{border-radius:999px!important;text-align:center;min-height:44px}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .stock{display:inline-block;border-radius:999px!important}
/* the sticky buy bar on phones sits outside main: same plain price */
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] .mk-buybar .az-dec{font-size:inherit!important;vertical-align:baseline!important;margin:0!important;position:static!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] .mk-buybar .az-dec::before{content:attr(data-sep)}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] .mk-buybar .az-dec.az-dec0{display:none!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] .mk-buybar .az-cur{font-size:.75em!important;margin-inline-end:4px}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] .mk-buybar :is(.btn,button){border-radius:999px!important;min-height:44px}
/* an option step that waits for the previous one: grey text, not faded (every word stays readable) */
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .mk-cas-step.is-locked{opacity:1!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] main .mk-cas-step.is-locked :is(.mk-cas-label,.mk-cas-label *,.mk-cas-hint){color:var(--muted)!important;opacity:1!important}

/* settings panel choices (as in the samples): every option visible, the chosen one has a dark ring; the original lists stay hidden in the page */
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .mk2-prefs :is(select.mk2-chipped,.mk-cur:has(select.mk2-chipped)){display:none!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .mk2-prefs .mk2-chips{order:4;display:flex;flex-wrap:wrap;gap:6px}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .mk2-prefs .language-form .mk2-chips,html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .mk2-prefs .currency-form .mk2-chips{order:0}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .mk2-prefs .mk2-chips[hidden]{display:none}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .mk2-chip{min-height:34px;padding:0 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);font:inherit;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .mk2-chip:hover{background:var(--surface-2)}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .mk2-chip[aria-pressed="true"]{border:2px solid var(--text);padding:0 11px;font-weight:700}
@media (max-width:1100px){ html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .mk2-chip{min-height:44px;padding:0 14px} html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .mk2-chip[aria-pressed="true"]{padding:0 13px} }

/* account menu: every line the same size and start, sign-out under a line */
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .hdr-user .account-dropdown{padding:6px!important;min-width:230px!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .hdr-user .account-dropdown>a,html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .hdr-user .account-dropdown>form>button{display:flex!important;align-items:center;width:100%!important;min-height:40px;margin:0!important;padding:0 12px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:var(--text)!important;font:inherit!important;font-size:14px!important;font-weight:500!important;text-align:start!important;text-decoration:none!important;box-sizing:border-box}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .hdr-user .account-dropdown>a:hover,html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .hdr-user .account-dropdown>form>button:hover{background:var(--surface-2)!important}
html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .hdr-user .account-dropdown>form{margin:6px 0 0!important;padding:6px 0 0!important;border-top:1px solid var(--border)!important}
@media (max-width:1100px){ html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .hdr-user .account-dropdown>a,html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .hdr-user .account-dropdown>form>button{min-height:44px} html[data-ui="2"][data-ui][data-ui][data-ui][data-ui] body .topbar .hdr-user .account-dropdown{position:fixed!important;top:calc(var(--mk2-row1) + 4px)!important;inset-inline:12px!important;width:auto!important;min-width:0!important} }