.stmp{--stmp-font:"STMPCairo",Tahoma,Arial,sans-serif;--stmp-accent:#4599cf;--stmp-on-accent:#000;--stmp-accent-soft:#edf5fb;--stmp-accent-text:#286c98;--stmp-ink:#1b2934;--stmp-muted:#596977;--stmp-line:#dce5ed;box-sizing:border-box;direction:rtl;background:#f6f8fb;color:var(--stmp-ink);font:15px/1.65 var(--stmp-font);max-width:1280px;margin:0 auto;padding:clamp(16px,3vw,40px);border-radius:18px;text-align:right;isolation:isolate;container-type:inline-size;color-scheme:light}
.stmp *,.stmp *::before,.stmp *::after{box-sizing:border-box}.stmp [hidden]{display:none!important}
.stmp h2,.stmp h3,.stmp h4,.stmp p{padding:0;border:0;margin:0;letter-spacing:normal;color:inherit;font-family:inherit;float:none}
.stmp button,.stmp input,.stmp select{font:inherit;letter-spacing:normal;text-transform:none;box-shadow:none}
/* Explicit colors for every interaction state prevent theme hover rules from
   turning the text white on a pale background. Scope resets to our controls. */
.stmp.stmp :is(.stmp-brands button,.stmp-picture button,.stmp-reset,.stmp-detail-btn,.stmp-more,.stmp-close,.stmp-version){--stmp-btn-bg:#fff;--stmp-btn-hover:var(--stmp-accent-soft);--stmp-btn-ink:var(--stmp-ink);--stmp-btn-hover-ink:var(--stmp-ink);background:var(--stmp-btn-bg)!important;background-image:none!important;color:var(--stmp-btn-ink)!important;border:1px solid var(--stmp-line);box-shadow:none!important;text-shadow:none!important;min-height:44px;line-height:1.5;cursor:pointer;opacity:1!important;filter:none!important;-webkit-tap-highlight-color:transparent;transition:background-color .15s,border-color .15s}
.stmp.stmp :is(.stmp-brands button,.stmp-picture button,.stmp-reset,.stmp-detail-btn,.stmp-more,.stmp-close,.stmp-version):is(:hover,:focus,:active){background:var(--stmp-btn-hover)!important;color:var(--stmp-btn-hover-ink)!important;border-color:var(--stmp-accent);box-shadow:none!important;transform:none}
.stmp.stmp :is(.stmp-brands button,.stmp-picture button,.stmp-reset,.stmp-detail-btn,.stmp-more,.stmp-close,.stmp-version)::before,.stmp.stmp :is(.stmp-brands button,.stmp-picture button,.stmp-reset,.stmp-detail-btn,.stmp-more,.stmp-close,.stmp-version)::after{content:none!important}
.stmp.stmp button>span{color:inherit!important}.stmp :focus-visible{outline:3px solid var(--stmp-accent)!important;outline-offset:3px}
.stmp-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:4px 0 32px}.stmp-eyebrow{display:block;font-size:12px;color:var(--stmp-accent-text);margin-bottom:12px}.stmp h2{font-size:clamp(30px,3.7vw,48px);font-weight:600;line-height:1.4}.stmp h2 span{color:var(--stmp-accent-text)}.stmp-intro p{font-size:14px;color:var(--stmp-muted);margin-top:12px}
.stmp-stamp{border-inline-start:1px solid var(--stmp-line);padding-inline-start:24px;color:var(--stmp-muted);font-size:12px;flex-shrink:0}.stmp-stamp b{display:block;font:600 23px/1.5 var(--stmp-font);color:var(--stmp-ink);margin:6px 0;text-align:right;font-variant-numeric:tabular-nums}.stmp-stamp small{font-size:11px}.stmp-dot{display:inline-block;width:7px;height:7px;background:var(--stmp-accent);border-radius:50%;margin-inline-end:5px}
.stmp h3{font-size:20px;font-weight:600}.stmp-brand-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.stmp-brand-heading p{font-size:12px;color:var(--stmp-muted)}
.stmp-brands{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0 24px}.stmp.stmp .stmp-brands button{border-radius:12px;padding:18px 8px;font-size:17px;font-weight:600;min-width:0;min-height:86px}.stmp-brands small{display:block;font:11px/1.8 var(--stmp-font);color:inherit;margin-top:5px}.stmp.stmp .stmp-brands button[aria-pressed=true]{--stmp-btn-bg:var(--stmp-accent);--stmp-btn-hover:var(--stmp-accent);--stmp-btn-ink:var(--stmp-on-accent);--stmp-btn-hover-ink:var(--stmp-on-accent);border-color:var(--stmp-accent)}
.stmp-search{display:flex;align-items:center;gap:14px;border:1px solid var(--stmp-line);background:#fff;border-radius:10px;padding:0 16px;min-height:58px;margin-bottom:16px}.stmp-search>span{font-size:13px;white-space:nowrap;border-inline-end:1px solid var(--stmp-line);padding-inline-end:14px}.stmp-search input{min-width:0;width:100%;height:56px;border:0!important;background:transparent!important;color:var(--stmp-ink)!important;padding:0!important;margin:0!important;font-size:16px;outline-offset:0}.stmp-search kbd{font:11px var(--stmp-font);color:var(--stmp-muted);background:#edf3f9;padding:3px 8px;border-radius:4px}
.stmp-filters{border-block:1px solid var(--stmp-line)}.stmp-filters summary{padding:14px 2px;min-height:48px;cursor:pointer;font-size:13px;font-weight:600}.stmp-filters summary span{font-size:12px;font-weight:400;color:var(--stmp-muted);margin-inline-start:12px}.stmp-filter-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:12px;align-items:end;padding:6px 0 18px}.stmp-filter-fields label{font-size:12px}.stmp-filter-fields input,.stmp-filter-fields select{display:block;width:100%;min-width:0;height:44px;border:1px solid var(--stmp-line);border-radius:7px;background:#fff;color:var(--stmp-ink);padding:8px;margin-top:5px;font-size:13px}.stmp-filter-fields input{direction:ltr;text-align:right}.stmp.stmp .stmp-reset{--stmp-btn-bg:transparent;--stmp-btn-ink:var(--stmp-accent-text);border:0;border-radius:7px;padding:8px;font-size:12px}
.stmp-results-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:24px 0 16px}.stmp-results-head>span{color:var(--stmp-muted);font-size:12px;white-space:nowrap}
.stmp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}.stmp-card{display:grid;grid-template-rows:auto 180px minmax(3em,1fr) auto auto 44px;gap:12px;min-width:0;margin:0!important;padding:16px;background:#fff;border:1px solid var(--stmp-line);border-radius:12px;overflow:hidden;color:var(--stmp-ink)}.stmp-card:hover{background:#fff;color:var(--stmp-ink);border-color:#b7d4e8}.stmp-brand-label{font:11px/1.3 var(--stmp-font);color:var(--stmp-muted)}
.stmp-picture{display:flex;align-items:center;justify-content:center;height:180px;min-width:0;overflow:hidden;background:#fff;margin:0!important}.stmp.stmp .stmp-picture button{--stmp-btn-bg:#fff;--stmp-btn-hover:#fff;border:0!important;border-radius:0;padding:4px;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.stmp-picture img{margin:0!important;display:block;width:100%;height:100%;max-width:100%;object-fit:contain;border:0;border-radius:0;box-shadow:none;opacity:1;filter:none;transform:none}
.stmp-noimage{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:120px;border-radius:8px;background:#f6f8fb;color:var(--stmp-muted);font-size:12px;font-family:var(--stmp-font)}
.stmp .stmp-card h4{font:600 16px/1.5 var(--stmp-font);text-align:right;overflow-wrap:anywhere;margin:0;min-height:3em}.stmp.stmp .stmp-variant{display:block;min-width:0;margin:0!important;padding:0!important}.stmp-variant-label{display:block;font-size:11px;color:var(--stmp-muted);margin-bottom:6px}.stmp.stmp .stmp-card select{display:block;width:100%;min-width:0;height:44px;padding:6px 4px;margin:0;border:1px solid var(--stmp-line);border-radius:6px;background:#f8fafc!important;color:var(--stmp-ink)!important;font:12px var(--stmp-font);direction:ltr;text-align:left;text-overflow:ellipsis}
.stmp-card-price{display:grid;gap:6px;min-width:0;padding:2px 0}.stmp-price{display:block;font:700 30px/1.2 var(--stmp-font);color:var(--stmp-ink);font-variant-numeric:tabular-nums;text-align:right}.stmp.stmp .stmp-detail-btn{display:flex;justify-content:space-between;align-items:center;gap:6px;width:100%;padding:9px 10px;font-size:12px;border-radius:7px;margin:0}.stmp.stmp .stmp-more{--stmp-btn-bg:var(--stmp-accent);--stmp-btn-hover:var(--stmp-accent);--stmp-btn-ink:var(--stmp-on-accent);--stmp-btn-hover-ink:var(--stmp-on-accent);display:block;margin:24px auto 0;padding:11px 32px;border:0;border-radius:8px}
.stmp-empty{padding:48px 16px!important;text-align:center!important;color:var(--stmp-muted)!important}.stmp-ad{padding:10px 0;margin:16px 0;max-width:100%;overflow:hidden}.stmp-ad>small{display:block;text-align:center;color:var(--stmp-muted);font-size:10px;margin-bottom:5px}.stmp-ad-middle{grid-column:1/-1;min-width:0;width:100%;margin:0}
.stmp-dialog{color:var(--stmp-ink);background:#fff;border:1px solid var(--stmp-line);border-radius:16px;width:min(760px,calc(100vw - 32px));max-height:88vh;max-height:88dvh;padding:28px;overflow:auto;overscroll-behavior:contain;font:14px/1.7 var(--stmp-font);text-align:right;direction:rtl}.stmp-dialog::backdrop{background:rgba(15,30,34,.55)}.stmp.stmp .stmp-close{--stmp-btn-bg:#edf2f7;position:sticky;top:0;z-index:1;display:block;margin-inline-start:auto;margin-bottom:12px;width:44px;border:0;border-radius:50%;padding:0;font:26px var(--stmp-font)}
.stmp-detail-top{display:grid;grid-template-columns:170px minmax(0,1fr);gap:24px;align-items:center}.stmp-detail-top img{display:block;width:170px;height:210px;object-fit:contain;box-shadow:none}.stmp-detail h3{font:600 25px/1.4 var(--stmp-font);margin:10px 0;text-align:right;overflow-wrap:anywhere}.stmp-detail .stmp-selected-spec{font:12px/1.8 var(--stmp-font);color:var(--stmp-muted);margin-bottom:12px}.stmp-detail h4{font:600 16px/1.6 var(--stmp-font);margin:26px 0 12px}.stmp-versions{display:grid;gap:10px}.stmp.stmp .stmp-version{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 12px;border-radius:9px;text-align:right;padding:12px;font-size:13px;width:100%}.stmp.stmp .stmp-version[aria-pressed=true]{--stmp-btn-bg:var(--stmp-accent-soft);border-color:var(--stmp-accent)}.stmp-version strong{font:700 21px/1.4 var(--stmp-font);color:inherit}
@media(max-width:1000px){.stmp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stmp-filter-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.stmp-reset{grid-column:1/-1}}
@media(max-width:680px){.stmp{padding:20px 12px;border-radius:12px}.stmp-intro{display:block;padding:0 4px 24px}.stmp h2{font-size:32px}.stmp-intro p{font-size:13px;margin-top:10px}.stmp-eyebrow{font-size:11px;margin-bottom:10px}.stmp-stamp{border:0;padding:0;margin-top:16px;font-size:11px}.stmp-stamp b{display:inline-block;font-size:13px;margin:0 6px}.stmp-stamp small{display:block;margin-top:4px}.stmp h3{font-size:17px}.stmp-brand-heading{display:block}.stmp-brand-heading p{margin-top:4px}.stmp-brands{gap:8px;margin:12px 0 20px}.stmp.stmp .stmp-brands button{font-size:14px;padding:14px 4px;min-height:76px}.stmp-brands small{font-size:10px}.stmp-brands button[data-brand=xiaomi] small{font-size:8px}.stmp-search{padding:0 12px}.stmp-search>span,.stmp-search kbd{display:none}.stmp-filters summary span{font-size:11px;margin-inline-start:6px}.stmp-results-head{padding:20px 0 14px}.stmp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stmp-card{grid-template-rows:auto 145px minmax(4.2em,1fr) auto auto 44px;gap:10px;padding:12px;border-radius:10px}.stmp-picture{height:145px}.stmp .stmp-card h4{font-size:14px;line-height:1.4;min-height:4.2em}.stmp-price{font-size:27px}.stmp.stmp .stmp-card select{font-size:11px}.stmp.stmp .stmp-detail-btn{font-size:11px;padding:8px}.stmp-dialog{width:100%;max-width:100%;max-height:90vh;max-height:90dvh;margin:auto 0 0;border-radius:18px 18px 0 0;padding:18px 16px;padding-bottom:calc(22px + env(safe-area-inset-bottom))}.stmp-detail-top{grid-template-columns:100px minmax(0,1fr);gap:16px}.stmp-detail-top img{width:100px;height:155px}.stmp-detail h3{font-size:20px}.stmp-version strong{font-size:19px}}
@container(max-width:940px){.stmp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stmp-filter-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.stmp-reset{grid-column:1/-1}}
@container(max-width:660px){.stmp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stmp-intro{display:block}.stmp-stamp{border:0;padding:0;margin-top:16px}.stmp-search>span{display:none}.stmp-brand-heading{display:block}.stmp.stmp .stmp-brands button{font-size:14px}.stmp-brands small{font-size:10px}}
@media(max-width:360px){.stmp-grid{grid-template-columns:1fr}.stmp-card{grid-template-rows:auto 190px auto auto auto 44px}.stmp-picture{height:190px}.stmp .stmp-card h4{min-height:0}.stmp-filters summary span{display:none}}
@container(max-width:300px){.stmp-grid{grid-template-columns:1fr}.stmp-card{grid-template-rows:auto 190px auto auto auto 44px}.stmp-picture{height:190px}.stmp .stmp-card h4{min-height:0}.stmp-brand-heading p{font-size:11px}.stmp-brands{gap:6px}.stmp.stmp .stmp-brands button{font-size:12px}.stmp-brands button[data-brand=xiaomi] small{font-size:7px}}
@media(prefers-reduced-motion:reduce){.stmp *{transition:none!important;scroll-behavior:auto!important}}

/* Cairo is scoped to plugin controls so theme typography cannot replace it. */
.stmp.stmp,.stmp.stmp :is(h2,h3,h4,button,input,select,option,summary){font-family:var(--stmp-font)!important}

@supports (color:color-mix(in srgb,black,white)){.stmp{--stmp-accent-soft:color-mix(in srgb,var(--stmp-accent) 9%,white);--stmp-accent-text:color-mix(in srgb,var(--stmp-accent) 70%,black)}}