/* Dynamic carrier SIM-card product visual. Scales to its container via cqi units.
   Driven by per-product meta (carrier + specs) — see inc/sim-card.php. @package AlMadi */
/* card sits INSIDE the square media box (same as every other product card), centered, no stretch */
.omx-sim-box{container-type:inline-size;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#fff}
.omx-sim{position:relative;width:100%;aspect-ratio:1012/700;border-radius:2.36em;overflow:hidden;direction:ltr;
  font-size:2.6cqi;font-family:'IBM Plex Sans Arabic',system-ui,sans-serif;color:#fff;
  background:linear-gradient(135deg,var(--c1),var(--c2));display:flex;gap:1.67em;padding:2.13em 2.3em;
  box-shadow:0 2.2em 4em -1.4em rgba(11,26,43,.5), inset 0 .08em 0 rgba(255,255,255,.22)}
.omx-sim *{box-sizing:border-box}
.omx-sim .pat{position:absolute;inset:0;width:100%;height:100%;opacity:.07;z-index:1;pointer-events:none}
.omx-sim::before{content:"";position:absolute;width:34em;height:34em;border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.18),rgba(255,255,255,0) 68%);top:-13em;left:-9em;z-index:1}
.omx-sim .sl{width:11.4em;display:flex;flex-direction:column;flex-shrink:0;position:relative;z-index:2}
.omx-sim .wm{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:2.66em;line-height:.96;letter-spacing:-.06em;
  text-shadow:0 .12em .4em rgba(0,0,0,.18)}
.omx-sim .wm .ar{font-family:'IBM Plex Sans Arabic';font-size:.44em;display:block;margin-top:.3em;opacity:.92;font-weight:600;text-shadow:none}
html[lang^="en"] .omx-sim .wm .ar{display:none}
.omx-sim .badge{align-self:flex-start;margin-top:.55em;background:linear-gradient(90deg,#ffe1a0,#eeb43c);color:#5a3d00;
  font-weight:700;font-size:.95em;padding:.35em .8em;border-radius:5em;box-shadow:0 .3em .7em -.3em rgba(0,0,0,.32)}
.omx-sim .sim-cut{width:8.3em;height:auto;margin:1.1em 0 auto;display:block;filter:drop-shadow(0 .3em .6em rgba(0,0,0,.22))}
.omx-sim .ox{width:3.65em;height:auto;opacity:.92;margin-top:auto;display:block;filter:drop-shadow(0 .08em .25em rgba(0,0,0,.25))}
.omx-sim .rows{flex:1;display:flex;flex-direction:column;gap:.61em;position:relative;z-index:2}
.omx-sim .row{direction:rtl;flex:1;display:flex;align-items:center;gap:.84em;padding:0 1.14em;border-radius:1em;
  background:rgba(255,255,255,.82);backdrop-filter:blur(.8em) saturate(1.25);-webkit-backdrop-filter:blur(.8em) saturate(1.25);
  border:.06em solid rgba(255,255,255,.6);box-shadow:0 .6em 1.3em -.6em rgba(0,0,0,.32), inset 0 .06em 0 rgba(255,255,255,.7)}
.omx-sim .ico{width:2.59em;height:2.59em;border-radius:.72em;flex-shrink:0;display:grid;place-items:center;
  background:color-mix(in srgb,var(--c1) 16%,#fff)}
.omx-sim .ico svg{width:1.45em;height:1.45em;color:var(--c1)}
.omx-sim .txt{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.05em;min-width:0}
.omx-sim .lbl{font-size:1.03em;color:#7c8a98;font-weight:600;line-height:1}
.omx-sim .val{font-size:1.82em;font-weight:700;letter-spacing:-.02em;line-height:1.04;color:#0b1a2b}