/*
 * Al Arabia Mobile Shop — premium mobile-first presentation layer.
 * This file is intentionally presentation-only. It does not change
 * form names, API endpoints, database fields, tracking code, or lead flow.
 */
:root {
  --m-bg: #f5f5f7;
  --m-card: #ffffff;
  --m-ink: #111214;
  --m-muted: #73757b;
  --m-soft: #a4a6ab;
  --m-line: #e6e7ea;
  --m-accent: #111214;
  --m-shadow: 0 18px 55px rgba(17,18,20,.08);
  --m-radius: 24px;
}

body.mobile-theme {
  background: var(--m-bg);
  color: var(--m-ink);
  font-family: Inter, -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif;
}

body.mobile-theme::before,
body.mobile-theme::after { display: none; }

.mobile-theme .site-header {
  height: 62px;
  padding: 7px 16px;
  background: rgba(245,245,247,.86);
  border-bottom: 1px solid rgba(17,18,20,.07);
  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
}

.mobile-theme .brand img {
  width: 106px;
  height: 46px;
  filter: none;
}

.mobile-theme .header-cta,
.mobile-theme .back {
  min-height: 38px;
  padding: 9px 13px;
  border: 1px solid #dedfe2;
  border-radius: 12px;
  background: #fff;
  color: #151619;
  font-size: 11px;
  box-shadow: 0 5px 18px rgba(17,18,20,.05);
}

.mobile-theme .header-cta:hover,
.mobile-theme .back:hover { background: #fff; transform: none; }

.mobile-theme .hero {
  width: min(100%, 560px);
  min-height: auto;
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 14px 12px 92px;
}

.mobile-theme .hero-product {
  order: -1;
  width: 100%;
  height: 340px;
  min-height: 0;
  margin: 0;
  border-radius: 28px;
  background: #fff;
  overflow: hidden;
  box-shadow: var(--m-shadow);
}

.mobile-theme .hero-light,
.mobile-theme .hero-orbit,
.mobile-theme .hero-product::after,
.mobile-theme .hero-price-chip { display: none; }

.mobile-theme .hero-phone {
  height: 80%;
  max-width: 72%;
  object-fit: contain;
  filter: drop-shadow(0 24px 24px rgba(0,0,0,.15));
  animation: mobilePhoneFloat 5.5s ease-in-out infinite;
}

@keyframes mobilePhoneFloat {
  0%,100% { transform: translateY(0); }
  50% { transform: translateY(-5px); }
}

.mobile-theme .hero-copy {
  width: 100%;
  padding: 20px 4px 0;
  text-align: center;
}

.mobile-theme .hero .eyebrow { display: none; }

.mobile-theme .hero h1 {
  margin: 0;
  font-size: 27px;
  line-height: 1.12;
  letter-spacing: -.045em;
  font-weight: 800;
}

.mobile-theme .hero h1 span {
  display: inline;
  color: inherit;
}

.mobile-theme .hero-lead {
  max-width: 340px;
  margin: 7px auto 0;
  color: var(--m-muted);
  font-size: 11px;
  line-height: 1.5;
}

.mobile-theme .price {
  justify-content: center;
  gap: 7px;
  margin: 13px 0 14px;
}

.mobile-theme .price strong {
  font-size: 31px;
  letter-spacing: -.06em;
  line-height: 1;
}

.mobile-theme .price div { padding-bottom: 1px; text-align: left; }
.mobile-theme .price b { font-size: 10px; }
.mobile-theme .price small { font-size: 8px; }

.mobile-theme .color-picker {
  width: 100%;
  margin: 0 auto 12px;
  padding: 11px;
  border: 1px solid var(--m-line);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 8px 28px rgba(17,18,20,.045);
  text-align: left;
}

.mobile-theme .color-picker-head {
  margin-bottom: 9px;
  color: var(--m-muted);
  font-size: 9px;
}
.mobile-theme .color-picker-head b { color: var(--m-ink); font-size: 9px; }
.mobile-theme .swatches { gap: 5px; justify-content: space-between; }
.mobile-theme .swatch {
  flex: 1;
  min-width: 0;
  padding: 7px 4px 6px;
  border: 1px solid transparent;
  border-radius: 13px;
  color: #7d7f84;
}
.mobile-theme .swatch i { width: 23px; height: 23px; }
.mobile-theme .swatch span { font-size: 7px; }
.mobile-theme .swatch.selected {
  border-color: #cfd0d4;
  background: #f6f6f7;
  color: #111214;
}
.mobile-theme .swatch.selected i { box-shadow: inset 0 0 0 2px rgba(255,255,255,.55), 0 0 0 2px rgba(17,18,20,.08); }

.mobile-theme .pay-row {
  justify-content: center;
  margin: 0 0 12px;
  color: #888a90;
  font-size: 8px;
}
.mobile-theme .pay-logos { gap: 5px; }
.mobile-theme .pay-logos img { height: 22px; max-width: 75px; }

.mobile-theme .primary-btn,
.mobile-theme .secondary-btn {
  min-height: 48px;
  border-radius: 14px;
  font-size: 11px;
  padding: 12px 16px;
}

.mobile-theme .hero-order {
  width: 100%;
  background: #111214;
  color: #fff;
  box-shadow: 0 12px 28px rgba(17,18,20,.16);
}
.mobile-theme .hero-order:hover { transform: none; }
.mobile-theme .micro { margin-top: 7px; color: #999ba0; font-size: 7px; }

.mobile-theme .mobile-order-bar {
  left: 10px;
  right: 10px;
  bottom: calc(10px + var(--safe-bottom));
  padding: 8px 9px 8px 12px;
  border: 1px solid rgba(17,18,20,.08);
  border-radius: 17px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 15px 45px rgba(17,18,20,.15);
  color: var(--m-ink);
}
.mobile-theme .mobile-order-bar small { color: #888a90; font-size: 7px; }
.mobile-theme .mobile-order-bar b { font-size: 9px; }
.mobile-theme .mobile-order-bar a { padding: 10px 13px; border-radius: 11px; background: #111214; color: #fff; font-size: 9px; }

.mobile-theme .strip {
  display: flex;
  gap: 7px;
  width: min(100%, 560px);
  padding: 0 12px 18px;
  overflow-x: auto;
  scrollbar-width: none;
}
.mobile-theme .strip::-webkit-scrollbar { display: none; }
.mobile-theme .strip div {
  min-width: 148px;
  padding: 12px;
  border: 1px solid var(--m-line);
  border-radius: 16px;
  background: #fff;
}
.mobile-theme .strip span { color: #a0a2a7; font-size: 7px; margin-bottom: 4px; }
.mobile-theme .strip b { color: #303136; font-size: 8px; line-height: 1.35; }

.mobile-theme .showcase,
.mobile-theme .finance,
.mobile-theme .trust,
.mobile-theme .final-cta,
.mobile-theme footer { display: none; }

/* Application page: same business flow, refreshed presentation only. */
.mobile-theme.inner-page main { min-height: calc(100svh - 62px); }
.mobile-theme .form-wrap {
  width: min(100%, 560px);
  padding: 26px 14px 90px;
}
.mobile-theme .form-intro { margin-bottom: 16px; text-align: center; }
.mobile-theme .form-intro .eyebrow { display: block; color: #999ba0; font-size: 8px; margin-bottom: 7px; }
.mobile-theme .form-intro h1 {
  margin: 0;
  color: #111214;
  font-size: 29px;
  line-height: 1.08;
  letter-spacing: -.045em;
}
.mobile-theme .form-intro p:last-child { margin: 7px 0 0; color: #777980; font-size: 10px; }

.mobile-theme .selected-product {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  margin-bottom: 12px;
  border: 1px solid var(--m-line);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 9px 28px rgba(17,18,20,.05);
}
.mobile-theme .selected-product img {
  width: 62px;
  height: 62px;
  object-fit: contain;
  border-radius: 13px;
  background: #f6f6f7;
}
.mobile-theme .selected-product small { display: block; color: #9a9ca1; font-size: 7px; letter-spacing: .12em; }
.mobile-theme .selected-product strong { display: block; margin-top: 2px; color: #17181b; font-size: 11px; }

.mobile-theme #applicationForm {
  padding: 15px;
  border: 1px solid var(--m-line);
  border-radius: 22px;
  background: #fff;
  box-shadow: var(--m-shadow);
}
.mobile-theme #applicationForm label:not(.check) {
  display: block;
  margin: 0 0 11px;
  color: #62646a;
  font-size: 8px;
  font-weight: 700;
}
.mobile-theme #applicationForm input:not([type="checkbox"]),
.mobile-theme #applicationForm select {
  width: 100%;
  height: 45px;
  margin-top: 5px;
  padding: 0 12px;
  border: 1px solid #e1e2e5;
  border-radius: 12px;
  outline: none;
  background: #f8f8f9;
  color: #17181b;
  font-size: 10px;
  transition: border-color .18s, background .18s, box-shadow .18s;
}
.mobile-theme #applicationForm input:not([type="checkbox"]):focus,
.mobile-theme #applicationForm select:focus {
  border-color: #bfc1c6;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(17,18,20,.05);
}
.mobile-theme #applicationForm .notice {
  margin: 3px 0 12px;
  padding: 10px;
  border-radius: 13px;
  background: #f6f6f7;
  border: 1px solid #e9eaec;
}
.mobile-theme #applicationForm .notice span { color: #111214; }
.mobile-theme #applicationForm .notice p { color: #7b7d83; font-size: 7px; line-height: 1.45; }
.mobile-theme #applicationForm .check { display: flex; align-items: flex-start; gap: 7px; color: #777980; font-size: 8px; line-height: 1.4; }
.mobile-theme #applicationForm .check input { margin-top: 1px; accent-color: #111214; }
.mobile-theme #applicationForm .full { width: 100%; margin-top: 10px; background: #111214; color: #fff; }
.mobile-theme .form-error { color: #b42318; font-size: 8px; }

.mobile-theme .whatsapp-float {
  right: 14px;
  bottom: 82px;
  width: 48px;
  height: 48px;
  box-shadow: 0 10px 28px rgba(0,0,0,.16);
}
.mobile-theme .whatsapp-float svg { width: 29px; height: 29px; }

@media (min-width: 700px) {
  body.mobile-theme .hero,
  body.mobile-theme .strip,
  body.mobile-theme .form-wrap { max-width: 560px; }
  body.mobile-theme .hero { padding-top: 24px; }
  body.mobile-theme .hero-product { height: 430px; }
}

/* Compact product carousel */
.mobile-theme .phone-carousel {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  touch-action: pan-y;
}
.mobile-theme .phone-slide {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  opacity: 0;
  transform: translateX(12px) scale(.985);
  transition: opacity .45s ease, transform .45s ease;
  pointer-events: none;
}
.mobile-theme .phone-slide.active {
  opacity: 1;
  transform: translateX(0) scale(1);
  pointer-events: auto;
}
.mobile-theme .phone-dots {
  position: absolute;
  left: 50%;
  bottom: 12px;
  transform: translateX(-50%);
  display: flex;
  gap: 5px;
  align-items: center;
  z-index: 4;
}
.mobile-theme .phone-dot {
  width: 6px;
  height: 6px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #c9cacf;
  transition: width .22s ease, background .22s ease;
}
.mobile-theme .phone-dot.active {
  width: 17px;
  border-radius: 999px;
  background: #111214;
}

.mobile-theme .storage-picker{width:100%;margin:0 auto 12px;padding:11px;border:1px solid var(--m-line);border-radius:18px;background:#fff;box-shadow:0 8px 28px rgba(17,18,20,.045);text-align:left}.mobile-theme .storage-picker-head{display:flex;justify-content:space-between;margin-bottom:9px;color:var(--m-muted);font-size:9px}.mobile-theme .storage-picker-head b{color:var(--m-ink);font-size:9px}.mobile-theme .storage-options{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.mobile-theme .storage-options::-webkit-scrollbar{display:none}.mobile-theme .storage-option{flex:1;min-width:70px;padding:9px 8px;border:1px solid var(--m-line);border-radius:11px;background:#fafafa;color:#5e6065;font-size:9px;font-weight:700}.mobile-theme .storage-option.selected{background:#111214;color:#fff;border-color:#111214}.mobile-theme .order-choice{display:grid;gap:10px;margin-bottom:14px;padding:12px;border:1px solid var(--m-line);border-radius:17px;background:#fff}.mobile-theme .order-choice label{display:grid;gap:6px}.mobile-theme .order-choice select{height:44px;border:1px solid var(--m-line);border-radius:11px;background:#f8f8f9;padding:0 11px;font:inherit;font-size:11px;color:#111214}.mobile-theme .selected-product small{display:block;margin-top:5px}

/* --- Premium black catalogue theme --- */
body.mobile-theme {
  --m-bg:#050505; --m-card:#0d0d0f; --m-ink:#f5f5f7; --m-muted:#8f9198; --m-soft:#666870; --m-line:rgba(255,255,255,.09); --m-accent:#fff;
  background:#050505; color:#f5f5f7; min-height:100svh; overflow-x:hidden;
}
body.mobile-theme::before {
  content:""; position:fixed; inset:0; pointer-events:none; z-index:-2;
  background:
    radial-gradient(circle at 18% 12%,rgba(255,255,255,.07) 0 1px,transparent 1.8px),
    radial-gradient(circle at 78% 26%,rgba(255,255,255,.05) 0 1px,transparent 1.7px),
    radial-gradient(circle at 42% 72%,rgba(255,255,255,.045) 0 1px,transparent 1.7px),
    radial-gradient(circle at 88% 84%,rgba(255,255,255,.05) 0 1px,transparent 1.7px),
    radial-gradient(ellipse at 50% 18%,rgba(255,255,255,.045),transparent 52%);
  background-size:73px 91px,111px 137px,89px 121px,137px 103px,100% 100%;
}
body.mobile-theme::after {content:"";position:fixed;inset:0;pointer-events:none;z-index:-3;background:#050505;}
.mobile-theme .site-header{background:rgba(5,5,5,.78);border-bottom-color:rgba(255,255,255,.08)}
.mobile-theme .header-cta,.mobile-theme .back{background:#111113;border-color:rgba(255,255,255,.12);color:#fff;box-shadow:0 8px 28px rgba(0,0,0,.25)}
.mobile-theme .hero-product{background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.10),transparent 44%),#0b0b0d;border:1px solid rgba(255,255,255,.07);box-shadow:0 25px 80px rgba(0,0,0,.45)}
.mobile-theme .hero-phone{filter:drop-shadow(0 28px 28px rgba(0,0,0,.55));max-width:68%;}
.mobile-theme .hero h1,.mobile-theme .hero h1 span,.mobile-theme .price strong,.mobile-theme .price b,.mobile-theme .color-picker-head b,.mobile-theme .storage-picker-head b{color:#fff}
.mobile-theme .hero-lead,.mobile-theme .pay-row,.mobile-theme .micro{color:#85868d}
.mobile-theme .color-picker,.mobile-theme .storage-picker,.mobile-theme .strip div,.mobile-theme #applicationForm,.mobile-theme .selected-product{background:#0d0d0f;border-color:rgba(255,255,255,.09);box-shadow:0 14px 45px rgba(0,0,0,.25)}
.mobile-theme .swatch{color:#8f9198}.mobile-theme .swatch.selected{background:#171719;border-color:rgba(255,255,255,.2);color:#fff}.mobile-theme .swatch.selected i{box-shadow:inset 0 0 0 2px rgba(255,255,255,.45),0 0 0 2px rgba(255,255,255,.12)}
.mobile-theme .storage-option{background:#111113;color:#9b9da3;border-color:rgba(255,255,255,.09)}.mobile-theme .storage-option.selected,.mobile-theme .hero-order,.mobile-theme .mobile-order-bar a{background:#fff;color:#050505;border-color:#fff}
.mobile-theme .mobile-order-bar{background:rgba(13,13,15,.92);border-color:rgba(255,255,255,.1);color:#fff}.mobile-theme .mobile-order-bar small{color:#85868d}.mobile-theme .mobile-order-bar b{color:#fff}
.mobile-theme .strip b{color:#d7d7db}.mobile-theme .strip span{color:#6f7178}
.mobile-theme .phone-dot{background:#4b4c52}.mobile-theme .phone-dot.active{background:#fff}

.model-switcher{width:100%;display:flex;gap:6px;overflow-x:auto;padding:2px 1px 9px;margin:0 0 2px;scrollbar-width:none;scroll-snap-type:x proximity}.model-switcher::-webkit-scrollbar{display:none}
.model-chip{flex:0 0 auto;scroll-snap-align:start;border:1px solid rgba(255,255,255,.09);background:#0d0d0f;color:#8f9198;border-radius:999px;padding:8px 11px;font:600 8px/1 Inter,sans-serif;white-space:nowrap;transition:.2s ease}.model-chip.selected{background:#fff;color:#050505;border-color:#fff;box-shadow:0 6px 20px rgba(255,255,255,.08)}
.phone-gallery{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);display:flex;gap:5px;max-width:88%;overflow:hidden;z-index:5;padding:4px;border-radius:12px;background:rgba(5,5,5,.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.gallery-thumb{width:38px;height:38px;flex:0 0 38px;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:9px;overflow:hidden;background:#111113;opacity:.62}.gallery-thumb.selected{opacity:1;border-color:rgba(255,255,255,.7)}.gallery-thumb img{width:100%;height:100%;object-fit:contain;display:block}
.ambient-phone{position:fixed;z-index:-1;pointer-events:none;width:54px;height:92px;object-fit:contain;opacity:.055;filter:blur(.2px) grayscale(1);animation:ambientFloat 8s ease-in-out infinite}.ambient-phone.a1{left:3%;top:19%}.ambient-phone.a2{right:4%;top:38%;animation-delay:-2.5s}.ambient-phone.a3{left:7%;bottom:22%;animation-delay:-5s}.ambient-phone.a4{right:7%;bottom:13%;animation-delay:-6.5s}
@keyframes ambientFloat{0%,100%{transform:translate3d(0,0,0) rotate(-4deg)}50%{transform:translate3d(0,-12px,0) rotate(4deg)}}
body.model-locked .phone-carousel{box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}
.mobile-theme.inner-page main{background:transparent}.mobile-theme .form-intro h1,.mobile-theme .form-intro p:last-child,.mobile-theme .selected-product strong{color:#fff}.mobile-theme .selected-product small{color:#70727a}.mobile-theme .selected-product img{background:#111113}.mobile-theme #applicationForm input:not([type="checkbox"]),.mobile-theme #applicationForm select{background:#111113;color:#fff;border-color:rgba(255,255,255,.1)}.mobile-theme #applicationForm input:not([type="checkbox"]):focus,.mobile-theme #applicationForm select:focus{background:#151517;border-color:rgba(255,255,255,.28);box-shadow:0 0 0 3px rgba(255,255,255,.05)}.mobile-theme #applicationForm .notice{background:#111113;border-color:rgba(255,255,255,.08)}.mobile-theme #applicationForm .notice span{color:#fff}.mobile-theme #applicationForm .notice p{color:#85868d}.mobile-theme #applicationForm .check{color:#8f9198}.mobile-theme #applicationForm .full{background:#fff;color:#050505}
@media(max-width:520px){.mobile-theme .hero-product{height:330px}.mobile-theme .hero-phone{max-width:66%;max-height:76%}.phone-gallery{bottom:32px}.model-chip{font-size:7.5px;padding:8px 10px}.ambient-phone{width:42px;height:74px;opacity:.045}}

/* --- Stable catalogue/model selection controls --- */
.mobile-theme .model-select-card{width:100%;margin:0 auto 12px;padding:11px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:#0d0d0f;box-shadow:0 14px 45px rgba(0,0,0,.25);text-align:left}
.mobile-theme .model-select-card label{display:block;margin:0 0 7px;color:#85868d;font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.mobile-theme .model-select{width:100%;height:46px;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:#111113;color:#fff;padding:0 13px;outline:0;font:600 11px/1 Inter,sans-serif;color-scheme:dark}
.mobile-theme .model-select:focus{border-color:rgba(255,255,255,.32);box-shadow:0 0 0 3px rgba(255,255,255,.05)}
.mobile-theme .model-select option{background:#111113;color:#fff}
.mobile-theme .swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;overflow:visible}
.mobile-theme .swatch{min-height:68px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;background:#111113!important;color:#9b9da3!important;border-color:rgba(255,255,255,.08)!important}
.mobile-theme .swatch i{display:block;flex:0 0 25px;width:25px;height:25px;border-radius:50%;border:1px solid rgba(255,255,255,.2);box-shadow:0 2px 10px rgba(0,0,0,.3);background-clip:padding-box}
.mobile-theme .swatch span{font-size:8px;line-height:1.15;text-align:center;white-space:normal}
.mobile-theme .swatch.selected{background:#19191b!important;color:#fff!important;border-color:rgba(255,255,255,.32)!important;box-shadow:0 0 0 1px rgba(255,255,255,.04)}
.mobile-theme .storage-options{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;overflow:visible!important}
.mobile-theme .storage-option{min-width:0!important;width:100%;height:43px;cursor:pointer;background:#111113!important;color:#a2a4aa!important;border-color:rgba(255,255,255,.09)!important}
.mobile-theme .storage-option.selected{background:#fff!important;color:#050505!important;border-color:#fff!important;box-shadow:0 6px 20px rgba(255,255,255,.08)}
.mobile-theme .hero-phone{transition:opacity .18s ease,transform .35s ease}
.mobile-theme .order-choice{display:grid!important;gap:10px;margin:0 0 14px;padding:14px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:#0d0d0f;box-shadow:0 14px 45px rgba(0,0,0,.25)}
.mobile-theme .order-choice .choice-title{color:#fff;font-size:12px;font-weight:800;margin-bottom:1px}
.mobile-theme .order-choice label{display:grid;gap:6px;color:#8f9198;font-size:9px;font-weight:700}
.mobile-theme .order-choice select{width:100%;height:45px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#111113!important;color:#fff!important;padding:0 11px;font:600 11px/1 Inter,sans-serif;color-scheme:dark;outline:none}
.mobile-theme .order-choice select option{background:#111113;color:#fff}
.mobile-theme .selection-summary{padding:11px 12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#111113}
.mobile-theme .selection-summary span{display:block;color:#70727a;font-size:8px;text-transform:uppercase;letter-spacing:.08em}
.mobile-theme .selection-summary strong{display:block;margin-top:4px;color:#fff;font-size:11px;line-height:1.4}
.mobile-theme #selectedPhoneImage{transition:opacity .18s ease}
@media(max-width:520px){.mobile-theme .swatches{grid-template-columns:repeat(4,minmax(0,1fr))}.mobile-theme .storage-options{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-theme .model-select{height:44px}}

/* FINAL CATALOGUE POLISH — no ambient phone bubbles */
body.mobile-theme::before {
  display:block;
  z-index:-2;
  background:
    radial-gradient(ellipse 42% 30% at 50% 7%, rgba(110,145,255,.10), transparent 72%),
    radial-gradient(ellipse 35% 28% at 8% 42%, rgba(170,95,255,.055), transparent 72%),
    radial-gradient(ellipse 36% 30% at 94% 70%, rgba(55,190,255,.045), transparent 72%);
  background-size:100% 100%;
}
body.mobile-theme::after{display:block;z-index:-3;background:#050505}
.mobile-theme .hero-product{
  position:relative;
  isolation:isolate;
  background:
    radial-gradient(ellipse 58% 48% at 50% 42%, rgba(255,255,255,.095), transparent 68%),
    radial-gradient(ellipse 35% 30% at 12% 12%, rgba(102,135,255,.08), transparent 72%),
    #0b0b0d;
  border:1px solid rgba(255,255,255,.075);
  box-shadow:0 26px 90px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.025);
}
.mobile-theme .hero-product::before{
  content:"";position:absolute;inset:-18%;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse at 50% 52%,rgba(255,255,255,.08),transparent 38%);
  filter:blur(26px);opacity:.7;
}
.mobile-theme .hero-product::after{display:none!important}
.mobile-theme .hero-phone{max-width:62%;max-height:74%;filter:drop-shadow(0 30px 34px rgba(0,0,0,.62));animation:none}
.mobile-theme .phone-carousel{overflow:visible}
.mobile-theme .phone-slide{inset:4px 0 54px}
.mobile-theme .phone-gallery{
  left:12px;right:12px;bottom:10px;transform:none;max-width:none;width:auto;
  justify-content:flex-start;overflow-x:auto;overflow-y:hidden;padding:5px 4px 6px;
  border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(8,8,10,.72);
  box-shadow:0 10px 35px rgba(0,0,0,.32);scrollbar-width:none;
}
.mobile-theme .phone-gallery::-webkit-scrollbar{display:none}
.mobile-theme .gallery-thumb{width:44px;height:44px;flex:0 0 44px;border-radius:10px;background:#111113;opacity:.56}
.mobile-theme .gallery-thumb.selected{opacity:1;border-color:rgba(255,255,255,.82);box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.mobile-theme .gallery-thumb img{object-fit:contain}
.mobile-theme .model-select-card{position:relative;overflow:hidden}
.mobile-theme .model-select-card::after{
  content:"";position:absolute;top:-40px;right:-35px;width:130px;height:90px;border-radius:50%;
  background:radial-gradient(circle,rgba(120,145,255,.13),transparent 68%);filter:blur(8px);pointer-events:none;
}
.mobile-theme .model-select{appearance:auto;-webkit-appearance:auto;cursor:pointer}
.mobile-theme .selection-empty{padding:12px 8px;color:#6f7178;font-size:8px;line-height:1.4;text-align:center;border:1px dashed rgba(255,255,255,.08);border-radius:10px}
.mobile-theme .swatches:has(.selection-empty),.mobile-theme .storage-options:has(.selection-empty){display:block!important}
.mobile-theme .swatch.selected{transform:translateY(-1px);box-shadow:0 7px 20px rgba(255,255,255,.05)}
.mobile-theme .storage-option{transition:transform .18s ease,border-color .18s ease,background .18s ease}
.mobile-theme .storage-option:active,.mobile-theme .swatch:active{transform:scale(.98)}
.ambient-phone{display:none!important}