:root{--orange:#ff7900;--bg:#0b0b0e;--card:#17171d;--muted:#a4a4b2}
body{background:var(--bg)!important;color:#fff!important;padding-bottom:100px!important}
main{max-width:1100px;margin:auto}
.muted,.hint{color:var(--muted)!important}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}
.stat,.platform{background:linear-gradient(145deg,#1c1c23,#121216)!important;border:1px solid #303039;border-radius:18px;padding:18px!important;box-shadow:0 8px 25px #0005}
.stat strong{display:block;color:var(--orange);font-size:23px;margin-top:10px}
.platforms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.platform{display:flex;align-items:center;gap:12px;transition:transform .2s}
.platform:active{transform:scale(.97)}
.cyv-bottom{position:fixed;z-index:9999;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr 1fr 1.2fr 1fr 1fr;align-items:end;gap:2px;padding:10px 8px calc(10px + env(safe-area-inset-bottom));background:#111115f5;border-top:1px solid #333;backdrop-filter:blur(15px)}
.cyv-bottom a{color:#b8b8c3;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:11px;min-height:45px}
.cyv-bottom a.active{color:var(--orange)}
.cyv-bottom .cyv-new-wrap{margin-top:-32px}
.cyv-bottom .cyv-new{width:58px;height:58px;border-radius:50%;padding:0;font-size:25px;border:4px solid #111115;box-shadow:0 0 22px #ff790066}
.cyv-bottom .cyv-new-wrap span{font-size:11px;color:#ff922e;font-weight:bold;margin-top:3px}
/* CYV PANEL - تحسين الرموز السفلية */
.cyv-bottom a span:first-child{font-size:25px;line-height:1.2}
.cyv-bottom a{gap:8px;min-height:55px;font-size:13px}
.cyv-bottom a.active{color:#ff8500;text-shadow:0 0 12px #ff790077}
.cyv-bottom .cyv-new-wrap .cyv-new{font-size:34px;width:68px;height:68px;background:linear-gradient(145deg,#ff9d24,#ff6500);box-shadow:0 0 25px #ff790099}
.cyv-bottom .cyv-new-wrap{margin-top:-38px}
/* بطاقة طلب جديد الرئيسية */

/* تحسين الشريط السفلي */
.cyv-bottom a span:first-child{font-size:30px!important;line-height:1.25}
.cyv-bottom a{gap:9px!important;font-size:13px!important;min-height:62px!important}
.cyv-bottom .cyv-new-wrap .cyv-new{width:72px!important;height:72px!important;font-size:38px!important}
.cyv-bottom .cyv-new-wrap{margin-top:-40px!important}

/* بطاقات المنصات */
.platforms{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.platform{min-height:92px;border-radius:24px!important;border-color:#633315!important;box-shadow:0 5px 20px #ff790012!important}
.platform b{font-size:30px!important}
@media(max-width:600px){.platform{min-height:90px!important;padding:14px!important}.platform b{font-size:30px!important}}

/* بانر CYV البرتقالي */

/* تصحيح نهائي للشريط السفلي والمنصات */
.cyv-bottom a span:first-child{font-size:30px!important;line-height:1.3}
.cyv-bottom a{gap:8px!important;min-height:62px!important;font-size:13px!important}
.cyv-bottom .cyv-new-wrap .cyv-new{width:72px!important;height:72px!important;font-size:36px!important}
.cyv-bottom .cyv-new-wrap{margin-top:-40px!important}
.platforms{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.platform{min-height:95px!important;box-sizing:border-box;border-radius:24px!important;border:1px solid #633315!important;box-shadow:0 0 15px #ff790018!important}
.platform b{font-size:30px!important}
@media(max-width:600px){
.cyv-bottom a span:first-child{font-size:27px!important}
.cyv-bottom a{font-size:12px!important}
.platform{min-height:90px!important;padding:14px!important}
}

/* تكبير إجباري لأيقونات الشريط السفلي */
nav.cyv-bottom a:not(.cyv-new-wrap){
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
}
nav.cyv-bottom a:not(.cyv-new-wrap) span:first-child,
nav.cyv-bottom a:not(.cyv-new-wrap) i,
nav.cyv-bottom a:not(.cyv-new-wrap) svg{
  font-size:34px!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  line-height:34px!important;
}
nav.cyv-bottom a:not(.cyv-new-wrap) span:last-child{
  font-size:13px!important;
  line-height:1.4!important;
}
nav.cyv-bottom .cyv-new-wrap .cyv-new{
  width:76px!important;
  height:76px!important;
  font-size:40px!important;
}

.cyv-bottom .cyv-icon{
  display:block!important;
  font-size:29px!important;
  line-height:1.2!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
}

/* CYV: force larger bottom navigation icons */
nav.cyv-bottom a:not(.cyv-new-wrap) span.cyv-icon {
  font-size: 38px !important;
  line-height: 1 !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
nav.cyv-bottom .cyv-new-wrap .cyv-new {
  width: 76px !important;
  height: 76px !important;
  font-size: 42px !important;
}

/* حجم متوسط لرموز الشريط السفلي */
nav.cyv-bottom a:not(.cyv-new-wrap) span.cyv-icon {
  font-size: 27px !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  line-height: 1 !important;
}

/* إبقاء زر + كما هو */

nav.cyv-bottom a:not(.cyv-new-wrap) span.cyv-icon {
  font-size: 21px !important;
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  min-height: 26px !important;
  line-height: 1 !important;
  flex-shrink: 0 !important;
}

/* حجم الرموز مثل التصميم المرجعي */
nav.cyv-bottom a:not(.cyv-new-wrap) span.cyv-icon {
  font-size: 28px !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  line-height: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* CYV - توهج برتقالي ناعم ومرتب */
.stats .stat {
  border: 1px solid #ff861f66 !important;
  box-shadow:
    0 0 8px #ff790018,
    inset 0 0 12px #ff790008 !important;
  transition: box-shadow .25s ease, border-color .25s ease;
}

.platform {
  border: 1px solid #ff861f66 !important;
  box-shadow:
    0 0 12px #ff790022,
    inset 0 0 14px #ff790008 !important;
}

nav.cyv-bottom {
  border-top: 1px solid #ff861f55 !important;
  box-shadow:
    0 -5px 18px #ff790018,
    0 -1px 4px #ff790022 !important;
}

  box-shadow:
    0 0 18px #ff790033,
    0 0 38px #ff790018 !important;
}

/* توهج محيط الشريط السفلي بنسبة 10% */
nav.cyv-bottom {
  border: 1px solid rgba(255, 132, 31, 0.10) !important;
  border-radius: 28px 28px 0 0 !important;
  box-shadow:
    0 -3px 14px rgba(255, 121, 0, 0.10),
    0 0 16px rgba(255, 121, 0, 0.10) !important;
}

nav.cyv-bottom::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 8%;
  right: 8%;
  height: 1px;
  background: rgba(255, 132, 31, 0.10);
  box-shadow: 0 0 10px rgba(255, 121, 0, 0.10);
  pointer-events: none;
}

/* CYV - خط نيون ينحني حول زر + */
nav.cyv-bottom {
  position: fixed !important;
  overflow: visible !important;
  border-top: 1px solid transparent !important;
  isolation: isolate !important;
}

nav.cyv-bottom::before {
  content: "";
  position: absolute;
  pointer-events: none;
  top: -3px;
  left: 0;
  width: 100%;
  height: 92px;
  z-index: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 90' preserveAspectRatio='none'%3E%3Cpath d='M0 8 H140 C170 8 165 78 200 78 C235 78 230 8 260 8 H400' fill='none' stroke='%23ff7900' stroke-width='2.5'/%3E%3C/svg%3E") center top / 100% 100% no-repeat;
  filter: drop-shadow(0 0 3px #ff7900) drop-shadow(0 0 9px #ff7900);
}

nav.cyv-bottom > a {
  position: relative;
  z-index: 2;
}

/* CYV - مسار نيون متوازن حول زر الإضافة */
nav.cyv-bottom {
  overflow: visible !important;
  isolation: isolate !important;
}
nav.cyv-bottom::before {
  content: "";
  position: absolute;
  top: -3px;
  left: 0;
  width: 100%;
  height: 116px;
  pointer-events: none;
  z-index: 1;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 116' preserveAspectRatio='none'%3E%3Cpath d='M0 8 H145 C175 8 175 104 200 104 C225 104 225 8 255 8 H400' fill='none' stroke='%23ff7900' stroke-width='2.5'/%3E%3C/svg%3E") center top / 100% 100% no-repeat;
  filter: drop-shadow(0 0 4px #ff7900) drop-shadow(0 0 11px #ff7900);
}
nav.cyv-bottom > a {
  z-index: 2;
}
nav.cyv-bottom .cyv-new-wrap {
  transform: translateY(-7px);
}

/* المسار النهائي: مستقيم وانحناء U ناعم */
nav.cyv-bottom::before {
  top: -2px !important;
  height: 108px !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 108' preserveAspectRatio='none'%3E%3Cpath d='M0 8 H125 C165 8 155 96 200 96 C245 96 235 8 275 8 H400' fill='none' stroke='%23ff7900' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center top / 100% 100% no-repeat !important;
  filter: drop-shadow(0 0 3px #ff7900) drop-shadow(0 0 7px #ff7900) drop-shadow(0 0 13px #ff790088) !important;
}
nav.cyv-bottom .cyv-new-wrap {
  transform: translateY(-12px) !important;
}

/* CYV - انحناء متناظر وناعم حول زر الإضافة */
nav.cyv-bottom::before {
  content: "" !important;
  position: absolute !important;
  top: -2px !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: 108px !important;
  pointer-events: none !important;
  z-index: 1 !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 108' preserveAspectRatio='none'%3E%3Cpath d='M0 8 H120 C160 8 160 100 200 100 C240 100 240 8 280 8 H400' fill='none' stroke='%23ff7900' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E") center top / 100% 100% no-repeat !important;
  filter: drop-shadow(0 0 4px #ff7900) drop-shadow(0 0 9px #ff7900) drop-shadow(0 0 15px #ff790088) !important;
}
nav.cyv-bottom .cyv-new-wrap {
  transform: translateY(-12px) !important;
}

/* CYV FINAL - خط مستقيم وقوس دائري حول زر + */
nav.cyv-bottom {
  position: fixed !important;
  overflow: visible !important;
  isolation: isolate !important;
}
nav.cyv-bottom::before {
  content: "" !important;
  position: absolute !important;
  top: -2px !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: 88px !important;
  pointer-events: none !important;
  z-index: 1 !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 88' preserveAspectRatio='none'%3E%3Cpath d='M0 8 H160 A40 40 0 0 0 240 8 H400' fill='none' stroke='%23ff7900' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E") center top / 100% 100% no-repeat !important;
  filter: drop-shadow(0 0 3px #ff7900) drop-shadow(0 0 8px #ff7900) !important;
}
nav.cyv-bottom > a {
  position: relative !important;
  z-index: 2 !important;
}
nav.cyv-bottom .cyv-new-wrap {
  transform: translateY(-12px) !important;
}

/* CYV service details */
.wrap:has(form[action*="/order"]) { max-width:850px; padding-top:24px; padding-bottom:40px; }
.wrap:has(form[action*="/order"]) h1 { color:#ff922e; }
.wrap:has(form[action*="/order"]) form { margin-top:22px; padding:22px; background:linear-gradient(145deg,#1b1b20,#101014); border:1px solid #44332a; border-radius:20px; box-shadow:0 8px 28px #0005; }
.wrap:has(form[action*="/order"]) form label { display:block; margin-top:16px; color:#f4f4f4; font-weight:600; }
.wrap:has(form[action*="/order"]) form input { width:100%; box-sizing:border-box; padding:14px; border-radius:12px; background:#101014; color:#fff; border:1px solid #45404a; }
.wrap:has(form[action*="/order"]) .error { padding:13px; border-radius:12px; background:#ff922e12; border:1px solid #ff922e55; color:#ffc58d; line-height:1.8; }
.wrap:has(form[action*="/order"]) form button { margin-top:20px; border-radius:12px; padding:14px; background:linear-gradient(90deg,#ff7900,#ffab42); color:#17120d; font-weight:bold; border:0; }

/* CYV SERVICE DETAIL + CATEGORY UI */
.platform{text-decoration:none;color:#fff!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.platform small{color:#aab6c5;font-size:11px}.category-chips{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0 22px}.category-chip{padding:10px 15px;border-radius:999px;border:1px solid #34404c;background:#18212b;color:#dce5ef!important;text-decoration:none}.category-chip.active{background:linear-gradient(100deg,#ff9d00,#ff5900);color:#17120d!important;border-color:#ff9d32;font-weight:800}.service-open{display:inline-block;margin-top:8px;text-decoration:none;font-weight:800}.service-detail-wrap{max-width:850px}.service-detail-head{padding:20px 0}.service-platform-tag{display:inline-block;padding:7px 12px;border-radius:999px;background:#1c2934;color:#9fc5f5;font-size:12px}.speed-panel{background:linear-gradient(145deg,#111b24,#0b1118);border:1px solid #263644;border-radius:24px;padding:14px;margin:18px 0}.speed-gauge svg{width:100%;max-height:250px;display:block}.speed-caption{text-align:center;color:#aebdca;background:#12382d;border-radius:999px;padding:10px;margin:0 auto 4px;width:fit-content;max-width:100%}.service-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.service-facts>div{background:#18232c;border:1px solid #273744;border-radius:16px;padding:15px}.service-facts span{display:block;color:#aab8c7;font-size:13px;margin-bottom:8px}.service-facts strong{font-size:15px}.order-panel{background:#151f28;border:1px solid #283743;border-radius:22px;padding:18px;margin-top:16px}.order-panel label{margin-top:15px}.order-panel input{background:#0d141b;border-color:#344451}.price-total{display:grid;grid-template-columns:1fr auto;gap:8px 14px;background:#101820;border-radius:16px;padding:15px;margin-top:18px}.price-total span{color:#aebdca}.price-total strong{font-size:20px;color:#fff}.order-panel .error{line-height:1.7}@media(max-width:560px){.service-facts{grid-template-columns:1fr 1fr}.order-panel{padding:14px}.speed-panel{padding:8px}.service-detail-head h1{font-size:25px}}

/* CYVH applications grid */
.app-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0 28px}
.app-tile{min-height:118px;padding:14px 6px!important;background:linear-gradient(155deg,#17171d,#08090c)!important;border:1px solid #49301f!important;border-radius:22px!important;box-shadow:0 5px 18px #ff790014;text-align:center}
.app-tile .app-icon{width:54px;height:54px;display:flex;align-items:center;justify-content:center;border-radius:15px;background:linear-gradient(145deg,#ff9a18,#ff6500);color:#080808;font-size:29px;font-weight:900;margin:0 auto 5px}
.app-tile span{font-weight:800;font-size:13px}
.app-tile small{font-size:10px;color:#aab0ba}
.app-tile.active{border-color:#ff7900!important;box-shadow:0 0 20px #ff790033}
.service-search{display:flex;gap:8px;margin:18px 0}
.service-search input{min-width:0;flex:1;background:#08090c;color:#fff;border:1px solid #3a3028;border-radius:16px;padding:14px;font:inherit}
.service-search button{background:linear-gradient(120deg,#ff9a18,#ff6500);color:#111;border:0;border-radius:14px;padding:0 18px;font-weight:900}
.services-section-title{margin-top:24px}
@media(max-width:420px){.app-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.app-tile{min-height:108px}.app-tile .app-icon{width:48px;height:48px}}


/* CYVH HOME APPS - تصميم التطبيقات والخدمات أسفل اختر المنصة فقط */
.home-services {
  width: 100%;
  margin-top: 18px;
}
.home-app-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 11px;
  margin: 18px 0 22px;
}
.home-app-tile {
  min-width: 0;
  min-height: 112px;
  padding: 13px 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7px;
  text-align: center;
  text-decoration: none !important;
  color: #fff !important;
  background: linear-gradient(155deg,#19191e,#09090c);
  border: 1px solid #49301f;
  border-radius: 18px;
  box-shadow: 0 5px 16px #0005;
  transition: .18s ease;
}
.home-app-tile:active {
  transform: scale(.96);
}
.home-app-icon {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: linear-gradient(145deg,#ff9d24,#ff6500);
  color: #111;
  font-size: 25px;
  font-weight: 900;
  line-height: 1;
}
.home-app-tile strong {
  font-size: 12px;
  font-weight: 900;
  line-height: 1.4;
}
.home-app-tile small {
  color: #a9a9b2;
  font-size: 10px;
}
.home-app-tile.active {
  background: linear-gradient(145deg,#ff9d24,#f65b00);
  border-color: #ffb34d;
  box-shadow: 0 0 17px #ff790044;
  color: #17100a !important;
}
.home-app-tile.active .home-app-icon {
  background: #171717;
  color: #ff941c;
}
.home-app-tile.active small {
  color: #2b1707;
}
.home-service-search {
  display: flex;
  gap: 9px;
  margin: 18px 0 24px;
  padding: 5px;
  background: #101014;
  border: 1px solid #49301f;
  border-radius: 16px;
}
.home-service-search input {
  flex: 1;
  min-width: 0;
  width: auto;
  border: 0;
  outline: 0;
  background: transparent;
  color: #fff;
  padding: 12px;
  font: inherit;
}
.home-service-search button {
  width: 48px;
  flex: 0 0 48px;
  border: 0;
  border-radius: 12px;
  background: linear-gradient(120deg,#ff9d24,#ff6500);
  color: #17100a;
  font-size: 25px;
  font-weight: 900;
}
.home-section-title {
  margin: 22px 0 12px;
  font-size: 18px;
  color: #fff;
}
.home-categories {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin: 12px 0 22px;
}
.home-category {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 39px;
  padding: 9px 16px;
  border: 1px solid #49301f;
  border-radius: 13px;
  background: #17171c;
  color: #eee !important;
  text-decoration: none !important;
  font-size: 13px;
  font-weight: 800;
}
.home-category.active {
  background: linear-gradient(100deg,#ff9d24,#ff6500);
  border-color: #ffad45;
  color: #17100a !important;
}
.home-service-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 11px;
  margin-bottom: 25px;
}
.home-service-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  border: 1px solid #55351f;
  border-radius: 18px;
  background: linear-gradient(145deg,#19191e,#0c0c10);
  color: #fff !important;
  text-decoration: none !important;
  box-shadow: 0 5px 17px #0005;
}
.home-service-info {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.home-service-platform {
  color: #ff9a29;
  font-size: 11px;
  font-weight: 800;
}
.home-service-info h3 {
  margin: 0;
  font-size: 16px;
  overflow-wrap: anywhere;
}
.home-service-info p,
.home-service-info small {
  margin: 0;
  color: #aaaab3;
  font-size: 11px;
}
.home-service-price {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 5px;
}
.home-service-price strong {
  color: #ff9825;
  font-size: 17px;
}
.home-service-price small {
  color: #aaa;
  font-size: 10px;
}
.home-service-price span {
  color: #ff9825;
  font-size: 11px;
  font-weight: 900;
}
.home-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 9px;
  padding: 28px 15px;
  text-align: center;
  border: 1px dashed #634027;
  border-radius: 18px;
  background: #121216;
}
.home-empty span {
  color: #ff9224;
  font-size: 30px;
}
.home-empty strong {
  font-size: 14px;
}
.home-empty small {
  color: #aaa;
  font-size: 11px;
}
@media(max-width:420px) {
  .home-app-grid {
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 7px;
  }
  .home-app-tile {
    min-height: 99px;
    padding: 9px 2px;
    border-radius: 14px;
  }
  .home-app-icon {
    width: 41px;
    height: 41px;
    border-radius: 12px;
    font-size: 22px;
  }
  .home-app-tile strong {
    font-size: 10px;
  }
  .home-app-tile small {
    font-size: 9px;
  }
  .home-service-card {
    padding: 13px;
  }
}


/* CYVH: Dynamic category dropdown */
.home-category-form {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 22px 0 20px;
}
.home-category-form label {
  display: block;
  color: #fff;
  font-size: 17px;
  font-weight: 900;
  text-align: right;
}
.home-category-select-wrap {
  position: relative;
  width: 100%;
}
.home-category-select-wrap select {
  display: block;
  width: 100%;
  min-height: 58px;
  padding: 13px 17px 13px 48px;
  border: 1px solid #624027;
  border-radius: 12px;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  background: #17171c;
  color: #f4f4f5;
  font: inherit;
  font-size: 15px;
  font-weight: 700;
  text-align: right;
  direction: rtl;
  cursor: pointer;
}
.home-category-select-wrap select:focus {
  border-color: #ff9224;
  box-shadow: 0 0 0 2px #ff922422;
}
.home-category-select-wrap select option {
  background: #17171c;
  color: #fff;
  padding: 12px;
}
.home-category-arrow {
  position: absolute;
  left: 17px;
  top: 50%;
  transform: translateY(-55%);
  color: #ff9825;
  font-size: 25px;
  font-weight: 900;
  pointer-events: none;
}

/* Official platform logos */
.home-app-icon img {
  display: block;
  width: 31px;
  height: 31px;
  object-fit: contain;
}
.home-app-tile.active .home-app-icon img {
  filter: none;
}

/* FIX: clean official platform logos */
.home-app-icon:has(img) {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  width: 54px;
  height: 54px;
}
.home-app-icon img {
  width: 46px !important;
  height: 46px !important;
  object-fit: contain;
  display: block;
}
.home-app-tile.active .home-app-icon:has(img) {
  background: transparent !important;
}
@media(max-width:560px) {
  .home-app-icon:has(img) {
    width: 48px;
    height: 48px;
  }
  .home-app-icon img {
    width: 43px !important;
    height: 43px !important;
  }
}

/* WHITE LOGO BACKGROUNDS */
.home-app-icon:has(img){width:54px;height:54px;background:#fff!important;border:0!important;border-radius:15px!important;padding:4px;box-shadow:0 2px 8px #0002!important;}
.home-app-icon img{width:46px!important;height:46px!important;object-fit:contain;display:block;}
.home-app-tile.active .home-app-icon:has(img){background:#fff!important;}
@media(max-width:560px){.home-app-icon:has(img){width:48px;height:48px;padding:3px;}.home-app-icon img{width:42px!important;height:42px!important;}}

/* Live filtering without page reload */
.home-service-card[hidden]{display:none!important}
.home-app-tile{cursor:pointer}

.home-service-card.is-filtered-out{display:none!important}
.home-service-picker-wrap{margin:18px 0 24px}.home-service-picker-wrap label{display:block;margin-bottom:12px;font-weight:700}.home-service-picker-wrap select{width:100%;min-height:64px;padding:14px 18px;border:1px solid #59402f;border-radius:20px;background:#171619;color:#fff;font-size:17px}.home-services .home-service-list{display:none!important}

/* CYV VISUAL CATALOG */
.cyv-catalog,.cyv-detail{max-width:1500px;margin:24px auto;padding:10px;color:#f8f8fa}
.cyv-catalog-head,.cyv-detail-head{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:24px}
.cyv-catalog-head h1,.cyv-detail-head h1{font-size:30px;margin:0 0 8px;font-weight:900}
.cyv-catalog-head p,.cyv-detail-head p{color:#aaa;margin:0}
.cyv-add-app{display:flex;gap:10px;align-items:center}
.cyv-add-app input,.cyv-search,.cyv-family-form input{background:#111318;color:#fff;border:1px solid #383b42;border-radius:13px;padding:14px 17px;min-height:50px}
.cyv-search{width:100%;margin:8px 0 22px}
.cyv-app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.cyv-app-card{position:relative;text-align:center;padding:22px 16px 18px;border:1px solid #ff8b00;border-radius:20px;background:linear-gradient(145deg,#17191e,#090a0d);box-shadow:0 5px 18px #ff8b0015}
.cyv-app-card[hidden]{display:none}
.cyv-app-icon,.cyv-detail-logo{display:grid;place-items:center;width:76px;height:76px;margin:10px auto;border-radius:50%;background:#171d27;font-size:42px}
.cyv-app-card h3{font-size:21px;margin:8px 0 2px}.cyv-app-ar{color:#ddd;margin:0 0 15px}
.cyv-status{display:inline-block;padding:5px 14px;border-radius:30px;font-size:13px}
.cyv-status.on{background:#075a2c;color:#b9ffd0}.cyv-status.off{background:#651c1c;color:#ffd0d0}
.cyv-app-card>.cyv-status{position:absolute;top:14px;left:14px}
.cyv-app-counts,.cyv-app-actions{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}
.cyv-app-counts span{background:#202329;padding:8px 12px;border-radius:10px;font-size:13px}
.cyv-app-actions{margin-top:16px}.cyv-open-app{color:#ff9a22;font-weight:800}
.cyv-app-actions form{margin:0}
.cyv-summary,.cyv-top-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0;padding:18px;border:1px solid #b96510;border-radius:17px;background:#111318}
.cyv-summary div,.cyv-top-stats div{text-align:center;padding:8px;border-left:1px solid #303238}
.cyv-summary strong,.cyv-top-stats strong{display:block;font-size:25px;color:#ff9a22}.cyv-summary span,.cyv-top-stats span{color:#bbb;font-size:13px}
.cyv-detail-head{justify-content:flex-start}.cyv-detail-logo{margin:0;background:#087fca}
.cyv-breadcrumb{color:#aaa;margin-bottom:8px}.cyv-breadcrumb a{color:#ff9825}
.cyv-workspace{display:grid;grid-template-columns:300px minmax(0,1fr);gap:16px;align-items:start}
.cyv-family-panel,.cyv-services-panel{border:1px solid #bd650d;border-radius:17px;background:#0e1014;padding:17px;min-width:0}
.cyv-panel-title,.cyv-services-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}
.cyv-panel-title h2,.cyv-services-heading h2{margin:0 0 8px}
.cyv-panel-title button{background:#ff940c;color:#111;border:0;border-radius:10px;padding:10px;font-weight:800}
.cyv-family-form{display:none;gap:8px;margin:12px 0}.cyv-family-form.show{display:grid}
.cyv-family-list{display:grid;gap:7px;margin-top:14px}
.cyv-family-item{display:flex;align-items:center;gap:10px;padding:13px 10px;border-bottom:1px solid #282a30;color:#eee;text-decoration:none;border-radius:10px}
.cyv-family-item.selected{background:#38200d;border:1px solid #ff9000;color:#ffad3d}
.cyv-family-item span:nth-child(2){flex:1}.cyv-family-item small{display:block;color:#999;margin-top:4px}
.cyv-family-symbol{font-size:22px;color:#ff9222}
.cyv-services-heading{margin-bottom:16px}.cyv-services-heading small{color:#aaa}.cyv-services-heading p{color:#aaa;margin:4px 0}
.cyv-service-tools{display:flex;gap:8px;flex-wrap:wrap}
.cyv-service-tools a{padding:11px 13px;border-radius:10px;text-decoration:none}
.cyv-table-wrap{overflow-x:auto;border:1px solid #282b31;border-radius:12px}
.cyv-service-table{width:100%;border-collapse:collapse;min-width:780px}
.cyv-service-table th,.cyv-service-table td{padding:13px 10px;text-align:center;border-bottom:1px solid #292c32}
.cyv-service-table th{background:#171a20;color:#ddd;font-size:13px}
.cyv-service-table td{font-size:14px}.cyv-service-table td small{display:block;color:#999;margin-top:4px}
.cyv-price{color:#ff9a22;font-weight:900}.cyv-speed{background:#242830;padding:5px 10px;border-radius:20px}
.cyv-row-actions{display:flex;justify-content:center;align-items:center;gap:9px}
.cyv-row-actions form{margin:0}.cyv-row-actions a,.cyv-row-actions button{background:none;border:0;color:#ddd;font-size:20px;text-decoration:none;cursor:pointer}
.cyv-row-actions .danger{color:#ff4545}.cyv-empty{text-align:center;color:#aaa;padding:18px}
@media(max-width:850px){.cyv-app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cyv-workspace{grid-template-columns:1fr}.cyv-family-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.cyv-catalog-head{align-items:stretch;flex-direction:column}.cyv-add-app{flex-direction:column;align-items:stretch}.cyv-app-grid{grid-template-columns:1fr 1fr;gap:9px}.cyv-app-card{padding:16px 8px}.cyv-app-icon{width:56px;height:56px;font-size:32px}.cyv-app-card h3{font-size:16px}.cyv-app-counts span{font-size:11px;padding:6px}.cyv-summary,.cyv-top-stats{grid-template-columns:repeat(2,1fr)}.cyv-detail-head h1{font-size:23px}.cyv-services-heading{align-items:flex-start;flex-direction:column}.cyv-family-list{grid-template-columns:1fr}}


/* CYV MOBILE APPLICATION GRID */
.cyv-catalog{direction:rtl}
.cyv-app-grid{
 display:grid;
 grid-template-columns:repeat(4,minmax(0,1fr));
 gap:12px;
}
.cyv-app-card,.cyv-all-card{
 min-width:0;min-height:180px;
 display:flex;flex-direction:column;align-items:center;justify-content:center;
 text-align:center;position:relative;
 padding:15px 7px;
 border:1px solid #493321;border-radius:23px;
 background:linear-gradient(145deg,#19191d,#0b0b0e);
 color:#fff;box-shadow:0 5px 16px #0008;
 text-decoration:none;
}
.cyv-app-card h3{font-size:17px;font-weight:900;margin:8px 0 3px}
.cyv-app-ar{font-size:12px;color:#aaa;margin:0 0 8px}
.cyv-app-icon{
 width:76px;height:76px;margin:0 auto 7px;
 border-radius:22px;background:#fff;color:#111;
 font-size:43px;font-weight:900;
}
.cyv-app-card>.cyv-status{top:7px;left:7px;font-size:10px;padding:3px 7px}
.cyv-app-counts{gap:4px}
.cyv-app-counts span{font-size:10px;padding:4px 6px}
.cyv-app-actions{gap:5px;margin-top:9px}
.cyv-app-actions button,.cyv-open-app{font-size:11px}
.cyv-all-card{
 cursor:pointer;background:linear-gradient(145deg,#ff9e19,#ff7900);
 color:#17100a;border-color:#ffad32;
}
.cyv-all-icon{
 width:76px;height:76px;border-radius:22px;
 display:grid;place-items:center;background:#171717;color:#ff9a19;
 font-size:43px;margin-bottom:9px;
}
.cyv-all-card b{font-size:17px}
.cyv-all-card small{font-size:12px;margin-top:7px;color:#542900}
@media(max-width:560px){
 .cyv-catalog{padding:8px 5px;margin:12px auto}
 .cyv-catalog-head h1{font-size:23px}
 .cyv-app-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
 .cyv-app-card,.cyv-all-card{min-height:145px;padding:10px 3px;border-radius:18px}
 .cyv-app-icon,.cyv-all-icon{width:48px;height:48px;border-radius:15px;font-size:29px;margin-bottom:5px}
 .cyv-app-card h3,.cyv-all-card b{font-size:12px;margin:5px 0 2px}
 .cyv-app-ar,.cyv-all-card small{font-size:10px}
 .cyv-app-counts{display:none}
 .cyv-app-actions{flex-direction:column;margin-top:5px}
 .cyv-app-actions form button{font-size:10px;padding:4px 7px}
 .cyv-app-card>.cyv-status{font-size:8px;top:4px;left:4px;padding:2px 5px}
 .cyv-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:350px){
 .cyv-app-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* CYV APPLICATIONS GRID MOBILE */
.cyv-catalog{direction:rtl}
.cyv-app-grid{
 display:grid;
 grid-template-columns:repeat(4,minmax(0,1fr));
 gap:12px;
}
.cyv-app-card{
 min-width:0;min-height:180px;
 display:flex;flex-direction:column;
 align-items:center;justify-content:center;
 padding:15px 7px;
 border:1px solid #493321;
 border-radius:22px;
 background:linear-gradient(145deg,#19191d,#090a0d);
 text-align:center;
}
.cyv-app-icon{
 width:72px;height:72px;
 border-radius:20px;
 background:#fff;color:#111;
 font-size:40px;
 display:grid;place-items:center;
}
.cyv-app-card h3{font-size:17px;margin:8px 0}
.cyv-app-counts{gap:5px}
.cyv-app-counts span{font-size:11px;padding:5px}
.cyv-app-actions{margin-top:10px}
@media(max-width:560px){
 .cyv-app-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
 .cyv-app-card{min-height:135px;padding:9px 3px;border-radius:16px}
 .cyv-app-icon{width:48px;height:48px;font-size:28px;border-radius:14px}
 .cyv-app-card h3{font-size:12px}
 .cyv-app-counts{display:none}
 .cyv-app-actions{margin-top:5px;gap:4px}
 .cyv-app-actions a,.cyv-app-actions button{font-size:10px;padding:4px}
}
@media(max-width:350px){
 .cyv-app-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* ORIGINAL APP LOGOS */
.cyv-app-icon img{
 width:72%;height:72%;
 object-fit:contain;
 display:block;
}

/* PROVIDER IMPORT SELECT */
.provider-service-card{
 display:grid;
 grid-template-columns:24px minmax(0,1fr) auto;
 align-items:center;
 gap:12px;
 direction:rtl;
 margin:9px 0;
 padding:15px;
 min-height:64px;
 border:1px solid #ed4444;
 border-radius:13px;
 background:#651d24;
 color:#fff;
 cursor:pointer;
}
.provider-service-card input{
 width:20px!important;
 height:20px;
 margin:0;
 accent-color:#20d477;
}
.provider-service-name{font-size:14px;font-weight:700}
.provider-service-rate{
 direction:ltr;
 color:#fff;
 font-weight:900;
 white-space:nowrap;
}
.provider-service-card:has(input:checked){
 background:#176b3d;
 border-color:#24d477;
}
.provider-service-card:has(input:disabled){
 opacity:.5;
 cursor:not-allowed;
}

/* PROVIDER IMPORT BUTTONS */
form[action$="/services/import/save"] .provider-service-card{box-sizing:border-box!important;position:relative!important;display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:66px!important;margin:10px 0!important;padding:15px 17px!important;direction:rtl!important;text-align:right!important;border:2px solid #ff4545!important;border-radius:14px!important;background:#721f28!important;color:#fff!important;cursor:pointer!important}
form[action$="/services/import/save"] .provider-service-card input[type=checkbox]{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
form[action$="/services/import/save"] .provider-service-name{display:block!important;flex:1 1 auto!important;min-width:0!important;color:#fff!important;font-size:15px!important;line-height:1.6!important;font-weight:700!important;text-align:right!important;overflow-wrap:anywhere!important}
form[action$="/services/import/save"] .provider-service-rate{display:block!important;flex:0 0 auto!important;color:#fff!important;font-weight:900!important;white-space:nowrap!important;direction:ltr!important}
form[action$="/services/import/save"] .provider-service-card.is-selected{background:#176b3d!important;border-color:#25df80!important}
form[action$="/services/import/save"] .provider-service-card.is-disabled,form[action$="/services/import/save"] .provider-service-card:has(input:disabled){opacity:.48!important;cursor:not-allowed!important}
form[action$="/services/import/save"] button.primary:disabled{opacity:.45!important;cursor:not-allowed!important}




/* Banner enlargement */
.site-hero-banner {
    width: 120% !important;
    max-width: none !important;
    margin-left: -10% !important;
    margin-right: -10% !important;
}

.site-hero-banner img {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
}


/* CYVH MOBILE FIX - حذف زر + مع الحفاظ على الشريط */
@media(max-width:850px){
  nav.cyv-bottom{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    align-items:center!important;
    padding:10px 8px calc(10px + env(safe-area-inset-bottom))!important;
  }

  nav.cyv-bottom::before{
    content:none!important;
    display:none!important;
    background:none!important;
    filter:none!important;
  }

  nav.cyv-bottom .cyv-new-wrap{
    display:none!important;
  }

  nav.cyv-bottom>a{
    transform:none!important;
    margin:0!important;
    min-width:0!important;
  }

  body{
    padding-bottom:100px!important;
  }

  .stats{
    direction:rtl!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  .stats .stat{
    min-width:0!important;
    text-align:center!important;
    overflow-wrap:anywhere!important;
  }

  .platforms{
    direction:rtl!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .platform{
    min-width:0!important;
    width:100%!important;
    text-align:center!important;
    justify-content:center!important;
  }

  .site-hero-banner,
  .site-hero-banner img{
    max-width:100%!important;
  }

  .site-hero-banner img{
    height:auto!important;
    transform:none!important;
  }
}



/* CYVH banner mobile fit */
.site-hero-banner,
.cyvh-hero-banner {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow: hidden !important;
}

.site-hero-banner img,
.cyvh-hero-banner img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
}

@media (max-width: 600px) {
    .site-hero-banner,
    .cyvh-hero-banner {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        border-radius: 16px !important;
    }
}

/* CYVH bottom navigation - 5 equal items */
@media(max-width:850px){
  nav.cyv-bottom{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    justify-content:stretch!important;
    align-items:center!important;
    gap:0!important;
    padding:8px 4px calc(8px + env(safe-area-inset-bottom))!important;
  }

  nav.cyv-bottom>a{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:4px 0!important;
    transform:none!important;
    text-align:center!important;
    white-space:nowrap!important;
  }

  nav.cyv-bottom>a .cyv-icon{
    display:block!important;
    margin:0 auto 4px!important;
  }

  nav.cyv-bottom>a span:last-child{
    font-size:12px!important;
  }

  nav.cyv-bottom::before{
    display:none!important;
    content:none!important;
  }
}



/* =========================================================
   CYVH SETTINGS PAGE — orange neon design inspired by user
   screenshot. Scoped to the settings landing page only.
   ========================================================= */
.wrap:has(> .services) {
  --settings-orange: #ff7900;
  position: relative !important;
  isolation: isolate;
  width: min(100% - 28px, 680px) !important;
  max-width: 680px !important;
  margin: 24px auto 42px !important;
  padding: 24px 0 36px !important;
  direction: rtl !important;
  text-align: right !important;
  overflow: visible !important;
}
.wrap:has(> .services)::before,
.wrap:has(> .services)::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: -12vw;
  right: -12vw;
  height: 145px;
  pointer-events: none;
  opacity: .72;
  background:
    radial-gradient(ellipse at 50% 0%, #ff79002b 0, transparent 62%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 160' preserveAspectRatio='none'%3E%3Cpath d='M-20 25 C140 25 155 135 330 105 S540 10 690 70 S820 120 920 20' fill='none' stroke='%23ff7900' stroke-width='2'/%3E%3Cpath d='M-20 40 C140 40 170 145 330 115 S540 20 690 80 S820 130 920 30' fill='none' stroke='%23ff7900' stroke-opacity='.38' stroke-width='5'/%3E%3C/svg%3E") center/100% 100% no-repeat;
  filter: drop-shadow(0 0 8px #ff7900);
}
.wrap:has(> .services)::before { top: -38px; }
.wrap:has(> .services)::after {
  bottom: -35px;
  transform: rotate(180deg);
}
.wrap:has(> .services) > h1 {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  margin: 22px 0 34px !important;
  padding-top: 112px !important;
  color: #fff !important;
  font-size: clamp(28px, 7vw, 42px) !important;
  font-weight: 950 !important;
  line-height: 1.25 !important;
  text-align: center !important;
  text-shadow: 0 2px 18px #ff790033 !important;
}
.wrap:has(> .services) > h1::before {
  content: "⚙️";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 94px;
  height: 94px;
  display: grid;
  place-items: center;
  border: 2px solid #ff9a28;
  border-radius: 50%;
  background: radial-gradient(circle, #282016 0%, #0c0b0a 68%);
  box-shadow: 0 0 10px #ff7900, 0 0 28px #ff790077, inset 0 0 18px #ff790033;
  font-size: 53px;
}
.wrap:has(> .services) > h1::after {
  content: "تحكم كامل بحسابك وتفضيلاتك";
  display: block;
  color: #bdb8b3;
  font-size: clamp(15px, 4vw, 22px);
  font-weight: 600;
  margin-top: 0;
  text-shadow: none;
}
.wrap:has(> .services) .services {
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
  margin: 0 !important;
}
.wrap:has(> .services) .services > .service {
  box-sizing: border-box !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 15px !important;
  min-height: 112px !important;
  width: 100% !important;
  padding: 20px 18px 20px 52px !important;
  border: 1px solid #55504b !important;
  border-radius: 28px !important;
  background: linear-gradient(115deg, #171717f5 0%, #101010f7 58%, #1d1a17f5 100%) !important;
  color: #fff !important;
  text-decoration: none !important;
  font-size: clamp(17px, 4.5vw, 23px) !important;
  font-weight: 850 !important;
  line-height: 1.55 !important;
  text-align: right !important;
  box-shadow: 0 8px 22px #0008, inset 0 1px 0 #ffffff0c !important;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease !important;
  overflow: hidden !important;
}
.wrap:has(> .services) .services > .service::after {
  content: "";
  position: absolute;
  right: 0;
  top: 22%;
  bottom: 22%;
  width: 5px;
  border-radius: 5px 0 0 5px;
  background: linear-gradient(#ffb34b, #ff6500);
  box-shadow: 0 0 12px #ff7900, 0 0 24px #ff790077;
}
.wrap:has(> .services) .services > .service::before {
  content: "‹";
  position: absolute;
  left: 18px;
  top: 50%;
  transform: translateY(-50%);
  color: #f4f0ed;
  font-size: 34px;
  font-weight: 400;
  line-height: 1;
}
.wrap:has(> .services) .services > .service:hover,
.wrap:has(> .services) .services > .service:active {
  transform: translateY(-2px);
  border-color: #ff8b20 !important;
  box-shadow: 0 0 22px #ff79002b, 0 8px 22px #0008 !important;
}
.wrap:has(> .services) .services > .service:nth-child(1),
.wrap:has(> .services) .services > .service:nth-child(3),
.wrap:has(> .services) .services > .service:nth-child(5) {
  border-color: #4b4035 !important;
}
.wrap:has(> .services) .services > .service:nth-child(3) {
  box-shadow: 0 0 18px #ff79001c, 0 8px 22px #0008 !important;
}
.wrap:has(> .services) .services > .service small {
  display: block;
  color: #b6b2ae !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}
.wrap:has(> .services) .services > form.service {
  justify-content: center !important;
  min-height: 94px !important;
  margin-top: 12px !important;
  padding: 12px 18px !important;
  border: 1px solid #a82d2d !important;
  border-radius: 22px !important;
  background: linear-gradient(110deg, #4b100f, #240b0b 55%, #35100f) !important;
  box-shadow: 0 0 14px #ff242422, inset 0 0 18px #ff24240c !important;
  color: #ffd8d8 !important;
  font-size: 0 !important;
}
.wrap:has(> .services) .services > form.service::before {
  content: "↪";
  position: static;
  transform: none;
  color: #ffb2b2;
  font-size: 35px;
  order: 0;
}
.wrap:has(> .services) .services > form.service::after {
  display: none;
}
.wrap:has(> .services) .services > form.service button {
  width: auto !important;
  flex: 1 !important;
  margin: 0 !important;
  padding: 12px 8px !important;
  border: 0 !important;
  background: transparent !important;
  color: #fff !important;
  font-size: clamp(18px, 5vw, 25px) !important;
  font-weight: 900 !important;
  box-shadow: none !important;
}
@media(max-width: 560px) {
  .wrap:has(> .services) {
    width: calc(100% - 34px) !important;
    margin-top: 18px !important;
    padding-top: 18px !important;
  }
  .wrap:has(> .services) > h1 {
    padding-top: 106px !important;
    margin-bottom: 28px !important;
  }
  .wrap:has(> .services) > h1::before {
    width: 88px;
    height: 88px;
    font-size: 49px;
  }
  .wrap:has(> .services) .services {
    gap: 15px !important;
  }
  .wrap:has(> .services) .services > .service {
    min-height: 102px !important;
    padding: 17px 15px 17px 42px !important;
    border-radius: 25px !important;
  }
  .wrap:has(> .services) .services > .service::before {
    left: 13px;
    font-size: 30px;
  }
  .wrap:has(> .services) .services > .service small {
    font-size: 12px !important;
  }
  .wrap:has(> .services) .services > form.service {
    min-height: 82px !important;
    margin-top: 10px !important;
  }
}


/* Settings card icon + descriptions (the current HTML keeps labels as plain text) */
.wrap:has(> .services) .services > .service {
  box-shadow: inset -5px 0 0 #ff7900, 0 8px 22px #0008, inset 0 1px 0 #ffffff0c !important;
}
.wrap:has(> .services) .services > .service::after {
  position: static !important;
  display: block !important;
  flex: 0 0 100% !important;
  width: 100% !important;
  height: auto !important;
  margin-top: 3px !important;
  content: "" !important;
  background: none !important;
  box-shadow: none !important;
  color: #b6b2ae !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
}
.wrap:has(> .services) .services > .service:nth-child(1)::after { content: "إدارة بيانات الحساب وكلمة المرور" !important; }
.wrap:has(> .services) .services > .service:nth-child(2)::after { content: "مفاتيح API وربط الخدمات الخارجية" !important; }
.wrap:has(> .services) .services > .service:nth-child(3)::after { content: "التحكم بتنبيهات الطلبات والتحديثات" !important; }
.wrap:has(> .services) .services > .service:nth-child(4)::after { content: "مساعدة فنية واستفسارات فورية" !important; }
.wrap:has(> .services) .services > .service:nth-child(5)::after { content: "اختر لغة الموقع المناسبة لك" !important; }
.wrap:has(> .services) .services > .service:not(form) {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) 76px !important;
  grid-template-rows: auto auto !important;
  column-gap: 14px !important;
  align-content: center !important;
}
.wrap:has(> .services) .services > .service:not(form)::first-letter {
  display: inline-grid !important;
  place-items: center !important;
  float: right !important;
  width: 68px !important;
  height: 68px !important;
  margin: 0 0 0 0 !important;
  border: 1px solid #ffb36a !important;
  border-radius: 20px !important;
  background: linear-gradient(145deg,#ff9a24,#ff6500) !important;
  color: #fff !important;
  font-size: 34px !important;
  line-height: 68px !important;
  text-align: center !important;
  box-shadow: 0 0 15px #ff790066 !important;
}
.wrap:has(> .services) .services > .service:not(form)::before {
  content: "‹";
  grid-column: 1;
  grid-row: 1 / span 2;
  left: 13px;
}
.wrap:has(> .services) .services > .service:not(form)::after {
  grid-column: 1;
  grid-row: 2;
}
@media(max-width:560px) {
  .wrap:has(> .services) .services > .service:not(form) {
    grid-template-columns: minmax(0,1fr) 62px !important;
    column-gap: 10px !important;
  }
  .wrap:has(> .services) .services > .service:not(form)::first-letter {
    width: 58px !important;
    height: 58px !important;
    line-height: 58px !important;
    font-size: 30px !important;
    border-radius: 17px !important;
  }
  .wrap:has(> .services) .services > .service:not(form)::after {
    font-size: 12px !important;
  }
}

/* CYVH SETTINGS CARDS ALIGNMENT FIX */
.wrap:has(> h1) .services > .service {
    position: relative !important;
    box-sizing: border-box !important;
    direction: rtl !important;
    text-align: right !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-height: 125px !important;
    padding: 24px 28px 24px 65px !important;
    border-radius: 28px !important;
    overflow: hidden !important;
    line-height: 1.8 !important;
    overflow-wrap: anywhere !important;
}

/* تثبيت السهم بمنتصف البطاقة */
.wrap:has(> h1) .services > .service::before {
    position: absolute !important;
    left: 22px !important;
    right: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
}

/* توحيد المسافات بين البطاقات */
.wrap:has(> h1) .services {
    display: flex !important;
    flex-direction: column !important;
    gap: 22px !important;
}

/* ترتيب النصوص الطويلة */
.wrap:has(> h1) .services > .service small {
    display: block !important;
    margin-top: 8px !important;
    line-height: 1.8 !important;
    font-size: 14px !important;
}

/* تحسين عرض الموبايل */
@media (max-width: 600px) {
    .wrap:has(> h1) .services > .service {
        min-height: 125px !important;
        padding: 20px 20px 20px 58px !important;
        border-radius: 25px !important;
    }

    .wrap:has(> h1) .services > .service::before {
        left: 18px !important;
    }

    .wrap:has(> h1) .services {
        gap: 17px !important;
    }
}


/* CYVH SETTINGS FINAL CARD FIX */

/* بطاقات الإعدادات فقط */
.wrap:has(> h1) .services > a.service,
.wrap:has(> h1) .services > div.service {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    white-space: normal !important;
    direction: rtl !important;
}

/* السهم بمنتصف البطاقة */
.wrap:has(> h1) .services > a.service::before,
.wrap:has(> h1) .services > div.service::before {
    left: 22px !important;
    right: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

/* إصلاح بطاقة تسجيل الخروج */
.wrap:has(> h1) .services > form.service {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 70px !important;
    padding: 12px !important;
    box-sizing: border-box !important;
    writing-mode: horizontal-tb !important;
    direction: rtl !important;
    white-space: normal !important;
}

/* زر تسجيل الخروج */
.wrap:has(> h1) .services > form.service button {
    display: block !important;
    width: 100% !important;
    min-height: 52px !important;
    height: auto !important;
    padding: 14px 20px !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    text-align: center !important;
    line-height: 1.6 !important;
    box-sizing: border-box !important;
}

/* منع النص العمودي */
.wrap:has(> h1) .services > form.service,
.wrap:has(> h1) .services > form.service * {
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
}

/* الموبايل */
@media(max-width:600px) {
    .wrap:has(> h1) .services > a.service,
    .wrap:has(> h1) .services > div.service {
        min-width: 0 !important;
        max-width: 100% !important;
        overflow-wrap: anywhere !important;
    }

    .wrap:has(> h1) .services > form.service button {
        font-size: 18px !important;
    }
}


/* FIX CYVH LOGOUT BUTTON TEXT */
.wrap:has(> h1) .services form.service {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

.wrap:has(> h1) .services form.service button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: row !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 76px !important;
    padding: 18px 24px !important;
    font-size: 20px !important;
    line-height: 1.5 !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    text-align: center !important;
    box-sizing: border-box !important;
}


/* Center settings cards and fix mobile overflow */
@media (max-width: 768px) {
    .wrap:has(> h1) .services {
        width: 100% !important;
        max-width: 680px !important;
        margin: 0 auto !important;
        padding: 0 14px !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    .wrap:has(> h1) .services > *,
    .wrap:has(> h1) .services .service {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-inline: auto !important;
        box-sizing: border-box !important;
    }

    .wrap:has(> h1) .logout-form {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
    }

    .wrap:has(> h1) .logout-button {
        width: 100% !important;
        min-width: 0 !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        white-space: normal !important;
        writing-mode: horizontal-tb !important;
        box-sizing: border-box !important;
    }
}

/* CYVH preferences: centered layout */
.cyvh-preferences {
    width: 100% !important;
    max-width: 760px !important;
    margin: 0 auto !important;
    padding: 24px 14px 40px !important;
    box-sizing: border-box !important;
}

.cyvh-preferences .preferences-cards {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.cyvh-preferences .preferences-card,
.cyvh-preferences .preferences-logout {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-inline: auto !important;
    box-sizing: border-box !important;
}

.cyvh-preferences .preferences-logout-button {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: normal !important;
    writing-mode: horizontal-tb !important;
    box-sizing: border-box !important;
}


/* Final mobile viewport centering */
@media (max-width: 768px) {
    html, body {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    body {
        margin: 0 !important;
        padding: 0 !important;
    }

    .cyvh-preferences {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 20px 16px 40px !important;
        box-sizing: border-box !important;
        position: relative !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
    }

    .cyvh-preferences .preferences-cards {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    .cyvh-preferences .preferences-card,
    .cyvh-preferences .preferences-logout {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
        position: relative !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
    }

    .cyvh-preferences .preferences-logout-button {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        justify-content: center !important;
        text-align: center !important;
        writing-mode: horizontal-tb !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }
}


/* Center logout text and icon */
.cyvh-preferences .preferences-logout-button {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    direction: rtl !important;
    gap: 10px !important;
    padding: 16px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.cyvh-preferences .preferences-logout-button * {
    margin: 0 !important;
    text-align: center !important;
}


/* Smoothly center logout button content */
.cyvh-preferences .preferences-logout-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    direction: rtl !important;
    gap: 10px !important;
    padding: 16px !important;
    transition: all 0.6s ease-in-out !important;
}

.cyvh-preferences .preferences-logout-button span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    margin: 0 auto !important;
    transition: all 0.6s ease-in-out !important;
}


/* Logout button size matches settings cards */
.cyvh-preferences .preferences-logout {
    width: 100% !important;
    margin: 0 auto !important;
}

.cyvh-preferences .preferences-logout-button {
    width: 100% !important;
    min-height: 118px !important;
    height: auto !important;
    padding: 22px 24px !important;
    margin: 0 !important;
    border-radius: 26px !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: row !important;
    text-align: center !important;
    direction: rtl !important;
    font-size: 22px !important;
}

@media (max-width: 560px) {
    .cyvh-preferences .preferences-logout-button {
        min-height: 112px !important;
        padding: 18px 16px !important;
        border-radius: 24px !important;
        font-size: 19px !important;
    }
}


/* Mobile bottom navigation clearance */
@media (max-width: 768px) {
    body {
        padding-bottom: calc(100px + env(safe-area-inset-bottom)) !important;
    }

    .cyv-bottom {
        z-index: 9999 !important;
    }
}



/* CYVH - Settings buttons mobile sizing */
@media (max-width: 768px) {
    .settings-card,
    .setting-card,
    .settings-item,
    .setting-item,
    .settings-option {
        min-height: 145px;
        padding: 25px 22px;
        border-radius: 30px;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        gap: 18px;
    }

    .settings-card h3,
    .setting-card h3,
    .settings-item h3,
    .setting-item h3,
    .settings-option h3 {
        font-size: 23px;
        line-height: 1.6;
        font-weight: 700;
    }

    .settings-card p,
    .setting-card p,
    .settings-item p,
    .setting-item p,
    .settings-option p {
        font-size: 15px;
        line-height: 1.8;
        opacity: .75;
    }

    .settings-card .icon,
    .setting-card .icon,
    .settings-item .icon,
    .setting-item .icon,
    .settings-option .icon {
        flex-shrink: 0;
        font-size: 32px;
    }
}



/* CYVH - Settings buttons mobile sizing */
@media (max-width: 768px) {
    .settings-card,
    .setting-card,
    .settings-item,
    .setting-item,
    .settings-option {
        min-height: 145px;
        padding: 25px 22px;
        border-radius: 30px;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        gap: 18px;
    }

    .settings-card h3,
    .setting-card h3,
    .settings-item h3,
    .setting-item h3,
    .settings-option h3 {
        font-size: 23px;
        line-height: 1.6;
        font-weight: 700;
    }

    .settings-card p,
    .setting-card p,
    .settings-item p,
    .setting-item p,
    .settings-option p {
        font-size: 15px;
        line-height: 1.8;
        opacity: .75;
    }

    .settings-card .icon,
    .setting-card .icon,
    .settings-item .icon,
    .setting-item .icon,
    .settings-option .icon {
        flex-shrink: 0;
        font-size: 32px;
    }
}


/* CYVH Preferences - Telegram Settings Style */
.cyvh-preferences .preferences-card {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    direction: rtl;
    width: 100%;
    min-height: 145px;
    padding: 25px 22px;
    margin: 0 0 20px;
    border-radius: 30px;
    box-sizing: border-box;
    gap: 16px;
    text-decoration: none;
    transition: transform .2s ease, border-color .2s ease;
}

.cyvh-preferences .preferences-card:active {
    transform: scale(.985);
}

.cyvh-preferences .preferences-card-content {
    display: flex;
    flex: 1;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
    text-align: right;
    gap: 12px;
}

.cyvh-preferences .preferences-card-content strong {
    display: block;
    font-size: 24px;
    line-height: 1.6;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.cyvh-preferences .preferences-card-content small {
    display: block;
    font-size: 16px;
    line-height: 1.8;
    opacity: .75;
}

.cyvh-preferences .preferences-arrow {
    flex-shrink: 0;
    font-size: 35px;
    line-height: 1;
    margin-inline-start: 8px;
}

.cyvh-preferences .preferences-support-note {
    font-size: 14px;
    line-height: 1.8;
}

@media (max-width: 768px) {
    .cyvh-preferences {
        padding-left: 12px;
        padding-right: 12px;
    }

    .cyvh-preferences .preferences-card {
        min-height: 145px;
        padding: 24px 20px;
        border-radius: 30px;
        margin-bottom: 18px;
    }

    .cyvh-preferences .preferences-card-content strong {
        font-size: 23px;
    }

    .cyvh-preferences .preferences-card-content small {
        font-size: 15px;
    }

    .cyvh-preferences .preferences-arrow {
        font-size: 32px;
    }
}


/* CYVH - Compact Telegram-like settings cards */
.cyvh-preferences .preferences-card {
    min-height: 100px !important;
    height: auto !important;
    padding: 16px 20px !important;
    margin-bottom: 12px !important;
    border-radius: 24px !important;
    gap: 12px !important;
}

.cyvh-preferences .preferences-card-content {
    gap: 5px !important;
}

.cyvh-preferences .preferences-card-content strong {
    font-size: 19px !important;
    line-height: 1.5 !important;
}

.cyvh-preferences .preferences-card-content small {
    font-size: 13px !important;
    line-height: 1.6 !important;
}

.cyvh-preferences .preferences-arrow {
    font-size: 25px !important;
}

@media (max-width: 768px) {
    .cyvh-preferences .preferences-card {
        min-height: 100px !important;
        padding: 15px 18px !important;
        margin-bottom: 12px !important;
    }

    .cyvh-preferences .preferences-card-content strong {
        font-size: 19px !important;
    }

    .cyvh-preferences .preferences-card-content small {
        font-size: 13px !important;
    }
}


/* CYVH compact settings buttons */
.cyvh-preferences .preferences-card {
    display: inline-flex !important;
    width: fit-content !important;
    max-width: 100% !important;
    min-height: unset !important;
    height: auto !important;
    padding: 14px 18px !important;
    margin: 8px 0 !important;
    border-radius: 18px !important;
    gap: 12px !important;
}

.cyvh-preferences .preferences-card-content {
    flex: 0 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    gap: 4px !important;
}

.cyvh-preferences .preferences-card-content strong {
    font-size: 18px !important;
    line-height: 1.5 !important;
    white-space: normal !important;
}

.cyvh-preferences .preferences-card-content small {
    display: none !important;
}

.cyvh-preferences .preferences-arrow {
    font-size: 22px !important;
    margin: 0 !important;
}

.cyvh-preferences {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

@media(max-width:768px) {
    .cyvh-preferences .preferences-card {
        padding: 12px 16px !important;
        width: fit-content !important;
    }

    .cyvh-preferences .preferences-card-content strong {
        font-size: 17px !important;
    }
}



/* CYVH Settings - compact row style */
.cyvh-preferences .preferences-cards {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
}

.cyvh-preferences .preferences-card {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: fit-content !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 12px 16px !important;
    margin: 0 !important;
    border-radius: 16px !important;
    gap: 10px !important;
    box-sizing: border-box !important;
}

.cyvh-preferences .preferences-card-content {
    flex: 0 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
    text-align: right !important;
}

.cyvh-preferences .preferences-card-content strong {
    font-size: 16px !important;
    line-height: 1.5 !important;
    white-space: normal !important;
}

.cyvh-preferences .preferences-card-content small {
    font-size: 12px !important;
    line-height: 1.5 !important;
}

.cyvh-preferences .preferences-arrow {
    flex: 0 0 auto !important;
    font-size: 20px !important;
    margin: 0 !important;
}

.cyvh-preferences .preferences-subtitle {
    margin-bottom: 20px !important;
}

@media(max-width:768px) {
    .cyvh-preferences .preferences-card {
        padding: 10px 14px !important;
    }

    .cyvh-preferences .preferences-card-content strong {
        font-size: 16px !important;
    }
}



/* CYVH Settings - button title only */
.cyvh-preferences .preferences-cards {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
}

.cyvh-preferences .preferences-card {
    display: inline-flex !important;
    width: fit-content !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 12px 18px !important;
    margin: 0 !important;
    border: 1px solid #393939 !important;
    border-right: 4px solid #ff941f !important;
    border-radius: 16px !important;
    background: #151515 !important;
    box-shadow: none !important;
}

.cyvh-preferences .preferences-card-content {
    display: block !important;
    flex: 0 1 auto !important;
    width: auto !important;
}

.cyvh-preferences .preferences-card-content strong {
    font-size: 17px !important;
    line-height: 1.5 !important;
    white-space: normal !important;
}

.cyvh-preferences .preferences-card-content small,
.cyvh-preferences .preferences-arrow,
.cyvh-preferences .preferences-support-note {
    display: none !important;
}

@media(max-width:768px) {
    .cyvh-preferences .preferences-card {
        padding: 10px 15px !important;
    }

    .cyvh-preferences .preferences-card-content strong {
        font-size: 16px !important;
    }
}


/* Account security circular back button */
.account-security-topbar {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 12px;
}

.account-security-back {
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 50%;
    background: rgba(255,255,255,.035);
    color: #e8e8e8;
    font-size: 30px;
    line-height: 1;
    text-decoration: none;
    transition: .2s ease;
}

.account-security-back:hover {
    border-color: #ff8a00;
    color: #ff8a00;
    transform: scale(1.04);
}


/* CYVH Account Back Button - Left & Orange */
.account-security-topbar {
    display: flex !important;
    justify-content: flex-start !important;
    direction: ltr !important;
    width: 100%;
    margin: 0 0 12px;
}

.account-security-back {
    margin-left: 0 !important;
    margin-right: auto !important;
    border: 1px solid #ff8a00 !important;
    color: #ff8a00 !important;
    background: rgba(255, 138, 0, 0.10) !important;
    box-shadow: 0 0 12px rgba(255, 138, 0, 0.18);
    border-radius: 50% !important;
    width: 48px !important;
    height: 48px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

.account-security-back:hover {
    background: rgba(255, 138, 0, 0.20) !important;
    box-shadow: 0 0 18px rgba(255, 138, 0, 0.35);
}

/* Solid orange account back button */
.account-security-back {
    background: #ff8a00 !important;
    background-color: #ff8a00 !important;
    color: #ffffff !important;
    border: 2px solid #ff8a00 !important;
    box-shadow: 0 0 16px rgba(255, 138, 0, 0.45) !important;
    opacity: 1 !important;
}

.account-security-back:hover {
    background: #e87900 !important;
    background-color: #e87900 !important;
    color: #ffffff !important;
}

/* CYVH account information cards layout */
.account-info-page .account-info-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

.account-info-page .account-info-item {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    min-height: 76px !important;
    padding: 18px 22px !important;
    box-sizing: border-box !important;
    direction: rtl !important;
}

.account-info-page .account-info-item > span {
    flex: 0 1 auto !important;
    text-align: right !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

.account-info-page .account-info-item > strong {
    flex: 0 1 45% !important;
    min-width: 0 !important;
    text-align: left !important;
    direction: ltr !important;
    unicode-bidi: plaintext !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    font-size: 17px !important;
}

@media (max-width: 480px) {
    .account-info-page .account-info-item {
        padding: 16px !important;
        gap: 10px !important;
    }

    .account-info-page .account-info-item > span {
        font-size: 16px !important;
    }

    .account-info-page .account-info-item > strong {
        font-size: 15px !important;
        flex-basis: 42% !important;
    }
}


/* Account information: title above value, no arrows */
.account-info-page .account-info-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 9px !important;
    min-height: auto !important;
    padding: 20px 22px !important;
    direction: rtl !important;
    text-align: right !important;
}

.account-info-page .account-info-label {
    display: block !important;
    width: 100% !important;
    text-align: right !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #fff !important;
}

.account-info-page .account-info-value {
    display: block !important;
    width: 100% !important;
    text-align: right !important;
    direction: auto !important;
    unicode-bidi: plaintext !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
    color: #b9b9b9 !important;
    overflow-wrap: anywhere !important;
}

/* Hide decorative arrows inside account info cards */
.account-info-page .account-info-item::before,
.account-info-page .account-info-item::after {
    content: none !important;
    display: none !important;
}


/* Remove unwanted subtitles from account information cards */
.account-info-page .account-info-item .account-info-label {
    display: block !important;
    width: 100% !important;
    text-align: right !important;
    margin: 0 !important;
}

.account-info-page .account-info-item .account-info-value {
    display: block !important;
    width: 100% !important;
    text-align: right !important;
    direction: ltr !important;
    unicode-bidi: plaintext !important;
    overflow-wrap: anywhere !important;
    margin: 0 !important;
}

.account-info-page .account-info-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 8px !important;
}

/* Hide old descriptive subtitles and decorative arrows */
.account-info-page .account-info-item p,
.account-info-page .account-info-item .muted,
.account-info-page .account-info-item .preferences-support-note {
    display: none !important;
}


/* Account info: consistent label then value */
.account-info-page .account-info-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 8px !important;
    direction: rtl !important;
    text-align: right !important;
    padding: 20px 24px !important;
}

.account-info-page .account-info-label {
    width: 100% !important;
    text-align: right !important;
    font-size: 18px !important;
    font-weight: 700 !important;
}

.account-info-page .account-info-value {
    width: 100% !important;
    text-align: right !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #aaa !important;
    direction: ltr !important;
    unicode-bidi: plaintext !important;
    overflow-wrap: anywhere !important;
    line-height: 1.8 !important;
}



/* توسيع بطاقات معلومات الحساب أفقياً */
.cyvh-account-info .services {
    width: 100% !important;
    max-width: 100% !important;
}

.cyvh-account-info .service {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin-inline: 0 !important;
}

.cyvh-account-info {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}


/* CYVH account info full width fix */
.cyvh-account-info-layout {
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

/* CYVH shared orange back button */
.cyvh-backbar{direction:rtl;display:flex;align-items:center;justify-content:flex-start;min-height:52px;padding:7px 4%;position:relative;z-index:30}
.cyvh-back-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:40px;padding:8px 16px;border:1px solid rgba(255,145,20,.45);border-radius:13px;background:linear-gradient(135deg,rgba(255,153,24,.16),rgba(255,116,0,.06));color:#ff9b22;font:inherit;font-weight:800;cursor:pointer;box-shadow:0 5px 18px rgba(0,0,0,.22);transition:transform .18s ease,background .18s ease,border-color .18s ease}
.cyvh-back-button span{font-size:25px;line-height:1;font-weight:900}
.cyvh-back-button:hover{background:linear-gradient(135deg,rgba(255,153,24,.25),rgba(255,116,0,.12));border-color:rgba(255,163,47,.8);transform:translateY(-1px)}
.cyvh-back-button:active{transform:scale(.97)}
.cyvh-back-button:focus-visible{outline:2px solid #ff9b22;outline-offset:3px}
@media(max-width:560px){.cyvh-backbar{min-height:48px;padding:5px 12px}.cyvh-back-button{min-height:38px;padding:7px 13px;border-radius:11px}}
@media(prefers-reduced-motion:reduce){.cyvh-back-button{transition:none}}


/* CYVH PREMIUM MOBILE REDESIGN — global, visual-only */
:root{--cyvh-orange:#ff8a00;--cyvh-gold:#ffb32c;--cyvh-bg:#070809}
html{background:#070809;scroll-behavior:smooth}
body{background:radial-gradient(ellipse at 50% -12%,#251305 0,transparent 42%),radial-gradient(ellipse at 100% 30%,#180d04 0,transparent 32%),#070809!important;color:#f8f8f8}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(circle at 0 55%,rgba(255,128,0,.055),transparent 27%),radial-gradient(circle at 100% 78%,rgba(255,128,0,.045),transparent 25%);opacity:.95}
body>*{position:relative;z-index:1}
header.cyvh-header{min-height:100px;display:flex;align-items:center;justify-content:center!important;flex-direction:column!important;gap:3px!important;padding:14px 70px 15px!important;background:linear-gradient(180deg,#0b0c0f,#08090b)!important;border:0!important;border-radius:0 0 34px 34px;box-shadow:0 12px 28px #0008;position:relative}
.cyvh-brand{margin:0!important;text-align:center!important;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;font-size:0!important;line-height:1.2}
.cyvh-brand-name{font-family:Arial,Tahoma,sans-serif;font-size:clamp(27px,6vw,36px);font-weight:1000;letter-spacing:-1px;color:#fff}
.cyvh-brand-name span{color:#ff8500}
.cyvh-crown{font-size:35px;color:#ffb52d;filter:drop-shadow(0 0 7px #ff950066)}
.cyvh-brand small{display:block;flex-basis:100%;font-size:15px;color:#c8c8c8;font-weight:500;letter-spacing:0}
header .userbar{position:absolute;left:12px;top:12px;font-size:11px!important;gap:5px!important;max-width:30%;color:#aaa}
header .userbar span{padding:5px 8px;background:#141414;border:1px solid #252525;border-radius:12px}
header .brand b{color:#fff}
.wrap{max-width:1100px!important;padding:22px 3%!important}
.layout{display:block!important}
.layout>.side{display:none!important}
.layout>main{min-width:0}
.cyvh-premium-hero{display:flex;direction:rtl;align-items:center;justify-content:space-between;gap:12px;min-height:170px;margin:0 0 22px;padding:20px 24px;border:1px solid #65401d;border-radius:25px;background:radial-gradient(ellipse at 80% 50%,#3a1b04 0,#17100b 40%,#101012 75%);box-shadow:inset 0 0 22px #ff8a0010,0 10px 28px #0008;overflow:hidden;position:relative}
.cyvh-premium-hero:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,transparent,#ff8a00,transparent);opacity:.8}
.cyvh-hero-copy{position:relative;z-index:1}
.cyvh-hero-copy h2{font-size:clamp(20px,4vw,30px);font-weight:900;margin:0 0 8px;color:#fff}
.cyvh-hero-copy p{font-size:14px;color:#d4c9bd;margin:0 0 16px}
.cyvh-hero-points{display:flex;flex-wrap:wrap;gap:9px}
.cyvh-hero-points span{padding:7px 11px;border-radius:12px;background:#171717;border:1px solid #4b2c12;color:#f3e7da;font-size:12px;font-weight:800}
.cyvh-hero-crown{font-size:clamp(58px,13vw,100px);line-height:1;filter:drop-shadow(0 0 17px #ff980088);animation:cyvh-crown-glow 3s ease-in-out infinite}
@keyframes cyvh-crown-glow{0%,100%{filter:drop-shadow(0 0 9px #ff980055)}50%{filter:drop-shadow(0 0 20px #ff9800aa)}}
body.cyvh-home-page .layout main>h1,body.cyvh-home-page .layout main>.muted,body.cyvh-home-page .layout main>.stats{display:none!important}
.home-services{display:block}
.home-services:before{content:"";display:block}
.home-app-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px!important;margin:20px 0 24px!important}
.home-app-tile{min-height:110px!important;border-radius:22px!important;border:1px solid #2b2b2f!important;background:linear-gradient(145deg,#191a1e,#0c0d10)!important;box-shadow:0 5px 15px #0006!important;transition:transform .18s,border-color .18s,box-shadow .18s}
.home-app-tile.active{border:1px solid #ff9b18!important;box-shadow:0 0 0 1px #ff850044,0 0 22px #ff850044!important;background:linear-gradient(145deg,#24170c,#111)!important}
.home-app-tile:hover{transform:translateY(-2px);border-color:#ff8a00!important}
.home-app-icon{width:58px!important;height:58px!important;border-radius:17px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#16171b!important}
.home-app-icon img{width:48px!important;height:48px!important;object-fit:contain}
.home-app-tile strong{font-size:14px!important;font-weight:900}
.home-service-search{margin:20px 0 18px!important;padding:7px 10px!important;border-radius:20px!important;background:linear-gradient(145deg,#1a1a1c,#111)!important;border:1px solid #333!important;box-shadow:0 7px 20px #0005}
.home-service-search input{font-size:17px!important;min-height:48px}
.home-service-search button{width:48px!important;min-width:48px;border-radius:15px!important;background:#ff8a00!important;color:#17100a!important;font-size:26px!important;font-weight:900}
.cyvh-category-chips{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:9px;padding:2px 0 12px;margin:0 0 14px;scrollbar-width:thin}
.cyvh-category-chip{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:10px 16px;border-radius:17px;border:1px solid #303034;background:linear-gradient(145deg,#191a1d,#101114);color:#eee!important;text-decoration:none!important;font-weight:800;white-space:nowrap}
.cyvh-category-chip.active{background:linear-gradient(135deg,#ffa51b,#ff7900);border-color:#ffb13b;color:#17100a!important;box-shadow:0 4px 16px #ff850044}
.home-category-form{display:none!important}
.home-section-title{font-size:clamp(22px,4vw,28px)!important;font-weight:900!important;margin:24px 0 16px!important}
.home-service-picker-wrap{display:none!important}
.home-service-list{display:grid!important;grid-template-columns:1fr!important;gap:13px!important}
.home-service-card{position:relative;min-height:115px;padding:18px 20px!important;border:1px solid #59381d!important;border-radius:24px!important;background:linear-gradient(145deg,#191a1e,#0c0d10)!important;box-shadow:0 8px 22px #0007,inset 0 0 0 1px #ffffff04!important;transition:border-color .18s,transform .18s}
.home-service-card:hover{border-color:#ff8a00!important;transform:translateY(-1px)}
.home-service-info h3{font-size:clamp(16px,3.5vw,22px)!important;font-weight:900!important;line-height:1.6!important}
.home-service-info p{font-size:13px!important;color:#aaa!important}
.home-service-platform{display:inline-block;padding:5px 10px;border-radius:11px;background:#222;border:1px solid #343434;color:#ffb14a!important;font-size:11px!important;font-weight:800}
.home-service-price strong{font-size:22px!important;color:#ff8a00!important}
.home-service-price span{display:block;margin-top:5px;font-size:12px;color:#aaa}
.home-empty{border:1px solid #333;border-radius:20px;background:#141414;padding:25px;text-align:center}
.cyvh-bottom-nav{position:fixed;z-index:9000;bottom:0;left:0;right:0;display:flex;direction:rtl;justify-content:space-around;align-items:center;gap:3px;padding:9px 7px calc(9px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#101114f2,#08090bf7);border:1px solid #28282b;border-bottom:0;border-radius:30px 30px 0 0;box-shadow:0 -9px 30px #0009,0 0 20px #ff850015;backdrop-filter:blur(14px)}
.cyvh-bottom-nav a{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none!important;color:#aaa!important;padding:5px 2px;border-radius:15px;transition:color .2s,transform .2s}
.cyvh-bottom-nav a span{font-size:25px;line-height:1.15;filter:grayscale(.35)}
.cyvh-bottom-nav a small{font-size:12px;font-weight:800;white-space:nowrap}
.cyvh-bottom-nav a.active{color:#ff9417!important}
.cyvh-bottom-nav a.active span{filter:none;transform:translateY(-2px);text-shadow:0 0 12px #ff850088}
.cyvh-bottom-nav a.cyvh-nav-home.active span{font-size:31px;color:#ff9417}
body:has(.cyvh-bottom-nav){padding-bottom:95px!important}
.cyvh-backbar{padding:8px 3%!important;min-height:48px!important}
.cyvh-back-button{background:linear-gradient(135deg,#ff9b19,#ff7800)!important;color:#17100a!important;border:1px solid #ffb64d!important;border-radius:14px!important;box-shadow:0 4px 16px #ff850033!important;font-weight:900!important}
.cyvh-back-button span{color:#17100a!important}
@media(max-width:650px){
 header.cyvh-header{min-height:110px;padding:14px 55px 12px!important;border-radius:0 0 28px 28px}
 .cyvh-brand-name{font-size:29px}
 .cyvh-crown{font-size:30px}
 .cyvh-brand small{font-size:13px}
 header .userbar{display:none!important}
 .wrap{padding:14px 12px 22px!important}
 .cyvh-premium-hero{min-height:150px;padding:17px 15px;border-radius:22px;margin-bottom:18px}
 .cyvh-hero-copy h2{font-size:20px}
 .cyvh-hero-copy p{font-size:12px;line-height:1.7}
 .cyvh-hero-points{gap:5px}
 .cyvh-hero-points span{padding:6px 8px;font-size:10px}
 .cyvh-hero-crown{font-size:65px}
 .home-app-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin:18px 0!important}
 .home-app-tile{min-height:105px!important;padding:10px 4px!important;border-radius:20px!important}
 .home-app-icon{width:53px!important;height:53px!important}
 .home-app-icon img{width:44px!important;height:44px!important}
 .home-app-tile strong{font-size:13px!important}
 .home-service-search input{font-size:15px!important}
 .cyvh-category-chip{min-height:47px;padding:9px 14px;font-size:13px}
 .home-service-card{min-height:108px;padding:15px 14px!important;border-radius:20px!important}
 .home-service-info h3{font-size:16px!important}
 .home-service-price strong{font-size:20px!important}
 .cyvh-bottom-nav a span{font-size:23px}
 .cyvh-bottom-nav a small{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.cyvh-hero-crown{animation:none}.home-app-tile,.home-service-card{transition:none}}

/* Header hamburger keeps existing menu behavior */
header.cyvh-header>.side{display:block!important;position:absolute!important;top:17px!important;left:12px!important;right:auto!important;z-index:9500!important;width:auto!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important}
header.cyvh-header>.side .menu-toggle{display:flex!important;align-items:center;justify-content:center;width:46px!important;height:46px!important;color:#fff!important;font-size:30px!important;background:transparent!important;border:0!important}
header.cyvh-header>.side .site-menu.open{top:52px!important;left:0!important;right:auto!important;z-index:9501!important}
@media(max-width:650px){header.cyvh-header>.side{top:14px!important;left:10px!important}header.cyvh-header>.side .menu-toggle{width:42px!important;height:42px!important}}

/* CYVH - Compact platform cards */
@media (max-width: 600px) {
    .platform-card,
    .app-card,
    .platform-tile {
        min-height: 100px !important;
        padding: 9px 6px !important;
        border-radius: 18px !important;
    }

    .platform-card img,
    .app-card img,
    .platform-tile img {
        width: 48px !important;
        height: 48px !important;
        object-fit: contain !important;
    }

    .platform-card h3,
    .app-card h3,
    .platform-tile h3 {
        font-size: 14px !important;
    }
}

/* CYVH - Mobile 4 platform cards */
@media (max-width: 600px) {
    .platform-grid,
    .app-grid,
    .platforms-grid,
    .platforms-container {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 7px !important;
        width: 100% !important;
    }

    .platform-card,
    .app-card,
    .platform-tile {
        min-width: 0 !important;
        min-height: 90px !important;
        height: auto !important;
        padding: 8px 3px !important;
        border-radius: 15px !important;
        box-sizing: border-box !important;
    }

    .platform-card img,
    .app-card img,
    .platform-tile img {
        width: 42px !important;
        height: 42px !important;
        max-width: 100% !important;
        object-fit: contain !important;
    }

    .platform-card h3,
    .app-card h3,
    .platform-tile h3 {
        font-size: 11px !important;
        line-height: 1.4 !important;
        overflow-wrap: anywhere !important;
    }
}


/* CYVH - Real platform cards: 4 columns on mobile */
@media (max-width: 560px) {
    .platforms {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 7px !important;
        margin: 14px 0 !important;
    }

    .platform {
        min-width: 0 !important;
        width: 100% !important;
        min-height: 95px !important;
        padding: 10px 3px !important;
        border-radius: 14px !important;
        box-sizing: border-box !important;
    }

    .platform b {
        width: 42px !important;
        height: 42px !important;
        margin: 0 auto 7px !important;
    }

    .platform b svg {
        width: 42px !important;
        height: 42px !important;
    }

    .platform span {
        font-size: 11px !important;
        line-height: 1.4 !important;
        overflow-wrap: anywhere !important;
    }

    .platform:last-child:nth-child(odd) {
        grid-column: auto !important;
        justify-self: auto !important;
        width: 100% !important;
    }
}


/* CYVH - 4 compact application cards on mobile */
@media (max-width: 560px) {
    .home-app-grid {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 7px !important;
        width: 100% !important;
    }

    .home-app-grid > * {
        min-width: 0 !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 8px 3px !important;
        box-sizing: border-box !important;
    }

    .home-app-grid img,
    .home-app-grid svg {
        max-width: 100% !important;
        width: 42px !important;
        height: 42px !important;
        object-fit: contain !important;
    }

    .home-app-grid span,
    .home-app-grid b {
        font-size: 11px !important;
        line-height: 1.4 !important;
        overflow-wrap: anywhere !important;
    }
}


/* CYVH - Smaller mobile application cards */
@media (max-width: 560px) {
    .home-app-grid {
        gap: 5px !important;
    }

    .home-app-grid > * {
        min-height: 100px !important;
        height: 100px !important;
        padding: 6px 2px !important;
        border-radius: 13px !important;
    }

    .home-app-grid img,
    .home-app-grid svg {
        width: 38px !important;
        height: 38px !important;
    }

    .home-app-grid span,
    .home-app-grid b {
        font-size: 10px !important;
        line-height: 1.3 !important;
    }
}


/* CYVH - 5 platform cards per row on mobile */
@media (max-width: 560px) {
    .home-app-grid {
        display: grid !important;
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        gap: 4px !important;
        width: 100% !important;
    }

    .home-app-grid > * {
        min-width: 0 !important;
        width: 100% !important;
        min-height: 78px !important;
        height: auto !important;
        padding: 6px 1px !important;
        margin: 0 !important;
        border-radius: 10px !important;
        box-sizing: border-box !important;
    }

    .home-app-grid img,
    .home-app-grid svg {
        width: 30px !important;
        height: 30px !important;
        max-width: 100% !important;
        object-fit: contain !important;
    }

    .home-app-grid span,
    .home-app-grid b {
        font-size: 9px !important;
        line-height: 1.3 !important;
        overflow-wrap: anywhere !important;
    }
}


/* CYVH - Platform cards and original application logos */
.home-app-grid {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 7px !important;
    width: 100% !important;
}

.home-app-tile {
    min-width: 0 !important;
    padding: 10px 3px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    text-align: center !important;
    border-radius: 15px !important;
    overflow: hidden !important;
}

.home-app-icon {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #fff !important;
    border-radius: 13px !important;
    overflow: hidden !important;
}

.home-app-icon img {
    display: block !important;
    width: 34px !important;
    height: 34px !important;
    object-fit: contain !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.home-app-tile strong {
    display: block !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
}

@media (max-width: 560px) {
    .home-app-grid {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        gap: 6px !important;
    }

    .home-app-tile {
        padding: 9px 2px !important;
        border-radius: 13px !important;
    }

    .home-app-icon {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        border-radius: 11px !important;
    }

    .home-app-icon img {
        width: 30px !important;
        height: 30px !important;
    }

    .home-app-tile strong {
        font-size: 10px !important;
    }
}

/* CYVH - Original brand-style application icons */

/* Remove unified white icon backgrounds */
.home-app-icon:has(img),
.home-app-tile.active .home-app-icon:has(img) {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    border-radius: 14px !important;
}

/* Individual platform icon backgrounds */
.home-app-tile[data-platform="Instagram"] .home-app-icon {
    background: linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045) !important;
}

.home-app-tile[data-platform="Facebook"] .home-app-icon {
    background: #0866ff !important;
}

.home-app-tile[data-platform="Telegram"] .home-app-icon {
    background: #26a5e4 !important;
}

.home-app-tile[data-platform="YouTube"] .home-app-icon {
    background: #ff0000 !important;
}

.home-app-tile[data-platform="TikTok"] .home-app-icon {
    background: #050505 !important;
}

.home-app-tile[data-platform="WhatsApp"] .home-app-icon {
    background: #25d366 !important;
}

.home-app-tile[data-platform="Snapchat"] .home-app-icon {
    background: #fffc00 !important;
}

.home-app-tile[data-platform="Discord"] .home-app-icon {
    background: #5865f2 !important;
}

.home-app-tile[data-platform="X"] .home-app-icon {
    background: #000 !important;
}

.home-app-tile[data-platform="Threads"] .home-app-icon {
    background: #000 !important;
}

.home-app-tile[data-platform="Twitch"] .home-app-icon {
    background: #9146ff !important;
}

.home-app-tile[data-platform="Spotify"] .home-app-icon {
    background: #1ed760 !important;
}

.home-app-tile[data-platform="Kick"] .home-app-icon {
    background: #53fc19 !important;
}

.home-app-tile[data-platform="Trovo"] .home-app-icon {
    background: #fff !important;
}

.home-app-tile[data-platform="Kwai"] .home-app-icon {
    background: #fff !important;
}

.home-app-tile[data-platform="Other"] .home-app-icon {
    background: #182c42 !important;
}

/* Make black logos visible on dark backgrounds */
.home-app-tile[data-platform="TikTok"] .home-app-icon img,
.home-app-tile[data-platform="X"] .home-app-icon img,
.home-app-tile[data-platform="Threads"] .home-app-icon img {
    filter: invert(1) !important;
}

/* Brand icon size */
.home-app-icon img {
    width: 38px !important;
    height: 38px !important;
    object-fit: contain !important;
    padding: 3px !important;
}

@media(max-width:560px) {
    .home-app-icon {
        width: 43px !important;
        height: 43px !important;
    }

    .home-app-icon img {
        width: 38px !important;
        height: 38px !important;
    }
}

/* CYVH - Fix original platform logos */
.home-app-icon:has(img),
.home-app-tile.active .home-app-icon:has(img) {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    overflow: visible !important;
}

.home-app-icon img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    object-fit: contain !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
}

.home-app-tile[data-platform="Instagram"] .home-app-icon,
.home-app-tile[data-platform="Facebook"] .home-app-icon,
.home-app-tile[data-platform="Telegram"] .home-app-icon,
.home-app-tile[data-platform="YouTube"] .home-app-icon,
.home-app-tile[data-platform="WhatsApp"] .home-app-icon,
.home-app-tile[data-platform="Snapchat"] .home-app-icon,
.home-app-tile[data-platform="Discord"] .home-app-icon,
.home-app-tile[data-platform="Spotify"] .home-app-icon,
.home-app-tile[data-platform="TikTok"] .home-app-icon,
.home-app-tile[data-platform="X"] .home-app-icon,
.home-app-tile[data-platform="Threads"] .home-app-icon,
.home-app-tile[data-platform="Twitch"] .home-app-icon,
.home-app-tile[data-platform="Kick"] .home-app-icon,
.home-app-tile[data-platform="Kwai"] .home-app-icon,
.home-app-tile[data-platform="Trovo"] .home-app-icon {
    background: transparent !important;
}


/* CYVH - Mobile app style icons */
.home-app-icon:has(img) {
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    border-radius: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    padding: 8px !important;
    box-shadow: 0 2px 8px #0005 !important;
}

/* Instagram */
.home-app-tile[data-platform="Instagram"] .home-app-icon {
    background: linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045) !important;
}

/* Facebook */
.home-app-tile[data-platform="Facebook"] .home-app-icon {
    background: #0866ff !important;
}
.home-app-tile[data-platform="Facebook"] img {
    filter: brightness(0) invert(1) !important;
}

/* Telegram */
.home-app-tile[data-platform="Telegram"] .home-app-icon {
    background: #26a5e4 !important;
}
.home-app-tile[data-platform="Telegram"] img {
    filter: brightness(0) invert(1) !important;
}

/* TikTok */
.home-app-tile[data-platform="TikTok"] .home-app-icon {
    background: #000 !important;
}
.home-app-tile[data-platform="TikTok"] img {
    filter: brightness(0) invert(1) !important;
}

/* YouTube */
.home-app-tile[data-platform="YouTube"] .home-app-icon {
    background: #ff0000 !important;
}
.home-app-tile[data-platform="YouTube"] img {
    filter: brightness(0) invert(1) !important;
}

/* WhatsApp */
.home-app-tile[data-platform="WhatsApp"] .home-app-icon {
    background: #25d366 !important;
}
.home-app-tile[data-platform="WhatsApp"] img {
    filter: brightness(0) invert(1) !important;
}

/* Snapchat */
.home-app-tile[data-platform="Snapchat"] .home-app-icon {
    background: #fffc00 !important;
}
.home-app-tile[data-platform="Snapchat"] img {
    filter: brightness(0) !important;
}

/* Discord */
.home-app-tile[data-platform="Discord"] .home-app-icon {
    background: #5865f2 !important;
}
.home-app-tile[data-platform="Discord"] img {
    filter: brightness(0) invert(1) !important;
}

/* X */
.home-app-tile[data-platform="X"] .home-app-icon {
    background: #000 !important;
}
.home-app-tile[data-platform="X"] img {
    filter: brightness(0) invert(1) !important;
}

/* Spotify */
.home-app-tile[data-platform="Spotify"] .home-app-icon {
    background: #1ed760 !important;
}
.home-app-tile[data-platform="Spotify"] img {
    filter: brightness(0) invert(1) !important;
}

/* Threads */
.home-app-tile[data-platform="Threads"] .home-app-icon {
    background: #000 !important;
}
.home-app-tile[data-platform="Threads"] img {
    filter: brightness(0) invert(1) !important;
}

/* Twitch */
.home-app-tile[data-platform="Twitch"] .home-app-icon {
    background: #9146ff !important;
}
.home-app-tile[data-platform="Twitch"] img {
    filter: brightness(0) invert(1) !important;
}

/* Kick */
.home-app-tile[data-platform="Kick"] .home-app-icon {
    background: #53fc19 !important;
}

/* Mobile sizing */
@media(max-width:560px) {
    .home-app-icon:has(img) {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        padding: 6px !important;
        border-radius: 13px !important;
    }
    .home-app-icon img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
    }

/* CYVH - Final platform cards alignment */
.home-app-grid {
    align-items: stretch !important;
}

.home-app-tile {
    box-sizing: border-box !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
}

.home-app-icon,
.home-app-icon:has(img) {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
    flex: 0 0 56px !important;
    padding: 0 !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 15px !important;
    overflow: hidden !important;
    background: transparent !important;
    box-shadow: none !important;
}

.home-app-icon img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    filter: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.home-app-tile {
    text-align: center !important;
}

.home-app-tile > span:last-child,
.home-app-tile > div:last-child {
    min-height: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

@media (max-width: 560px) {
    .home-app-icon,
    .home-app-icon:has(img) {
        width: 54px !important;
        height: 54px !important;
        min-width: 54px !important;
        max-width: 54px !important;
        flex-basis: 54px !important;
        padding: 0 !important;
    }

    .home-app-tile {
        gap: 8px !important;
    }
}



/* CYVH FINAL ICON FIX - platform by platform */

/* حجم موحد لحاوية الأيقونة */
.home-app-icon,
.home-app-icon:has(img) {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    flex: 0 0 44px !important;
    padding: 0 !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* الحجم الأساسي لكل شعار */
.home-app-icon img {
    display: block !important;
    width: 38px !important;
    height: 38px !important;
    max-width: 38px !important;
    max-height: 38px !important;
    object-fit: contain !important;
    filter: none !important;
    opacity: 1 !important;
}

/* Instagram */
.home-app-tile[data-platform="Instagram"] img {
    width: 38px !important;
    height: 38px !important;
    filter: none !important;
}

/* Facebook */
.home-app-tile[data-platform="Facebook"] img {
    width: 38px !important;
    height: 38px !important;
    filter: none !important;
}

/* Telegram */
.home-app-tile[data-platform="Telegram"] img {
    width: 38px !important;
    height: 38px !important;
    filter: none !important;
}

/* TikTok */
.home-app-tile[data-platform="TikTok"] img {
    width: 38px !important;
    height: 38px !important;
    filter: none !important;
}

/* YouTube */
.home-app-tile[data-platform="YouTube"] img {
    width: 38px !important;
    height: 38px !important;
    filter: none !important;
}

/* WhatsApp */
.home-app-tile[data-platform="WhatsApp"] img {
    width: 38px !important;
    height: 38px !important;
    filter: none !important;
}

/* Snapchat */
.home-app-tile[data-platform="Snapchat"] img {
    width: 38px !important;
    height: 38px !important;
    filter: none !important;
}

/* Discord */
.home-app-tile[data-platform="Discord"] img {
    width: 38px !important;
    height: 38px !important;
    filter: none !important;
}

/* X */
.home-app-tile[data-platform="X"] img {
    width: 38px !important;
    height: 38px !important;
    filter: none !important;
}

/* Spotify */
.home-app-tile[data-platform="Spotify"] img {
    width: 38px !important;
    height: 38px !important;
    filter: none !important;
}

/* Threads */
.home-app-tile[data-platform="Threads"] img {
    width: 38px !important;
    height: 38px !important;
    filter: none !important;
}

/* Twitch */
.home-app-tile[data-platform="Twitch"] img {
    width: 38px !important;
    height: 38px !important;
    filter: none !important;
}

/* Kick */
.home-app-tile[data-platform="Kick"] img {
    width: 42px !important;
    height: 30px !important;
    max-width: 42px !important;
    max-height: 30px !important;
    filter: none !important;
}

/* Kwai */
.home-app-tile[data-platform="Kwai"] img {
    width: 38px !important;
    height: 38px !important;
    filter: none !important;
}

/* Trovo */
.home-app-tile[data-platform="Trovo"] img {
    width: 38px !important;
    height: 38px !important;
    filter: none !important;
}

/* Other */
.home-app-tile[data-platform="Other"] img {
    width: 38px !important;
    height: 38px !important;
    filter: none !important;
}

/* بطاقة الكل - الرمز النصي */
.home-app-tile[data-platform="all"] .home-app-icon {
    color: #ff9224 !important;
    font-size: 25px !important;
    font-weight: 900 !important;
}

/* تثبيت الاسم أسفل الشعار */
.home-app-tile {
    align-items: center !important;
    text-align: center !important;
}

.home-app-tile strong {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    line-height: 1.4 !important;
    min-height: 22px !important;
}

/* Mobile */
@media(max-width:560px) {
    .home-app-icon,
    .home-app-icon:has(img) {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;
        flex-basis: 44px !important;
    }

    .home-app-icon img {
        width: 38px !important;
        height: 38px !important;
    }

    .home-app-tile[data-platform="Kick"] img {
        width: 42px !important;
        height: 30px !important;
    }
}




/* ===== CYVH: FINAL PLATFORM ICONS ===== */

/* إزالة الخلفيات التي كانت تغطي الشعارات */
.home-app-tile .home-app-icon {
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    overflow: visible !important;
}

/* حجم موحد لجميع الصور */
.home-app-tile .home-app-icon img {
    display: block !important;
    width: 44px !important;
    height: 44px !important;
    max-width: 44px !important;
    max-height: 44px !important;
    object-fit: contain !important;
    object-position: center !important;
    filter: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Instagram */
.home-app-tile[data-platform="Instagram"] img {
    width: 44px !important;
    height: 44px !important;
}

/* Kick */
.home-app-tile[data-platform="Kick"] img {
    width: 46px !important;
    height: 34px !important;
    max-width: 46px !important;
    max-height: 34px !important;
}

/* Kwai */
.home-app-tile[data-platform="Kwai"] img {
    width: 44px !important;
    height: 44px !important;
}

/* Trovo */
.home-app-tile[data-platform="Trovo"] img {
    width: 46px !important;
    height: 34px !important;
    max-width: 46px !important;
    max-height: 34px !important;
}

/* Other */
.home-app-tile[data-platform="Other"] img {
    width: 44px !important;
    height: 44px !important;
}

/* X و Threads: شعارات سوداء تحتاج تباين على الخلفية الداكنة */
.home-app-tile[data-platform="X"] img,
.home-app-tile[data-platform="Threads"] img {
    filter: brightness(0) invert(1) !important;
}

/* تثبيت البطاقات والأسماء */
.home-app-tile {
    box-sizing: border-box !important;
    align-items: center !important;
    text-align: center !important;
}

.home-app-tile strong {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    line-height: 1.4 !important;
}

/* Mobile */
@media (max-width: 560px) {
    .home-app-tile .home-app-icon img {
        width: 44px !important;
        height: 44px !important;
        max-width: 44px !important;
        max-height: 44px !important;
    }

    .home-app-tile[data-platform="Kick"] img,
    .home-app-tile[data-platform="Trovo"] img {
        width: 46px !important;
        height: 34px !important;
    }
}



/* CYVH - FIX ORIGINAL PLATFORM LOGOS */
.home-app-icon { background: transparent !important; }
.home-app-icon img { filter: none !important; }
.home-app-tile[data-platform="Telegram"] .home-app-icon{ background: transparent !important; box-shadow: none !important; }
.home-app-tile[data-platform="Telegram"] .home-app-icon img{ filter: none !important; opacity: 1 !important; visibility: visible !important; }
.home-app-tile[data-platform="TikTok"] .home-app-icon{ background: transparent !important; box-shadow: none !important; }
.home-app-tile[data-platform="TikTok"] .home-app-icon img{ filter: none !important; opacity: 1 !important; visibility: visible !important; }
.home-app-tile[data-platform="Instagram"] .home-app-icon{ background: transparent !important; box-shadow: none !important; }
.home-app-tile[data-platform="Instagram"] .home-app-icon img{ filter: none !important; opacity: 1 !important; visibility: visible !important; }
.home-app-tile[data-platform="Facebook"] .home-app-icon{ background: transparent !important; box-shadow: none !important; }
.home-app-tile[data-platform="Facebook"] .home-app-icon img{ filter: none !important; opacity: 1 !important; visibility: visible !important; }
.home-app-tile[data-platform="Snapchat"] .home-app-icon{ background: transparent !important; box-shadow: none !important; }
.home-app-tile[data-platform="Snapchat"] .home-app-icon img{ filter: none !important; opacity: 1 !important; visibility: visible !important; }
.home-app-tile[data-platform="Discord"] .home-app-icon{ background: transparent !important; box-shadow: none !important; }
.home-app-tile[data-platform="Discord"] .home-app-icon img{ filter: none !important; opacity: 1 !important; visibility: visible !important; }
.home-app-tile[data-platform="X"] .home-app-icon{ background: transparent !important; box-shadow: none !important; }
.home-app-tile[data-platform="X"] .home-app-icon img{ filter: none !important; opacity: 1 !important; visibility: visible !important; }
.home-app-tile[data-platform="WhatsApp"] .home-app-icon{ background: transparent !important; box-shadow: none !important; }
.home-app-tile[data-platform="WhatsApp"] .home-app-icon img{ filter: none !important; opacity: 1 !important; visibility: visible !important; }
.home-app-tile[data-platform="YouTube"] .home-app-icon{ background: transparent !important; box-shadow: none !important; }
.home-app-tile[data-platform="YouTube"] .home-app-icon img{ filter: none !important; opacity: 1 !important; visibility: visible !important; }
.home-app-tile[data-platform="Spotify"] .home-app-icon{ background: transparent !important; box-shadow: none !important; }
.home-app-tile[data-platform="Spotify"] .home-app-icon img{ filter: none !important; opacity: 1 !important; visibility: visible !important; }
.home-app-tile[data-platform="Kick"] .home-app-icon{ background: transparent !important; box-shadow: none !important; }
.home-app-tile[data-platform="Kick"] .home-app-icon img{ filter: none !important; opacity: 1 !important; visibility: visible !important; }
.home-app-tile[data-platform="Kwai"] .home-app-icon{ background: transparent !important; box-shadow: none !important; }
.home-app-tile[data-platform="Kwai"] .home-app-icon img{ filter: none !important; opacity: 1 !important; visibility: visible !important; }
.home-app-tile[data-platform="Twitch"] .home-app-icon{ background: transparent !important; box-shadow: none !important; }
.home-app-tile[data-platform="Twitch"] .home-app-icon img{ filter: none !important; opacity: 1 !important; visibility: visible !important; }
.home-app-tile[data-platform="Threads"] .home-app-icon{ background: transparent !important; box-shadow: none !important; }
.home-app-tile[data-platform="Threads"] .home-app-icon img{ filter: none !important; opacity: 1 !important; visibility: visible !important; }
.home-app-tile[data-platform="Trovo"] .home-app-icon{ background: transparent !important; box-shadow: none !important; }
.home-app-tile[data-platform="Trovo"] .home-app-icon img{ filter: none !important; opacity: 1 !important; visibility: visible !important; }
.home-app-tile[data-platform="Other"] .home-app-icon{ background: transparent !important; box-shadow: none !important; }
.home-app-tile[data-platform="Other"] .home-app-icon img{ filter: none !important; opacity: 1 !important; visibility: visible !important; }
.home-app-tile[data-platform="TikTok"] .home-app-icon img{ filter: brightness(0) invert(1) !important; }
.home-app-tile[data-platform="X"] .home-app-icon img{ filter: brightness(0) invert(1) !important; }
.home-app-tile[data-platform="Threads"] .home-app-icon img{ filter: brightness(0) invert(1) !important; }
.home-app-tile[data-platform="Instagram"] .home-app-icon img{ width:44px !important; height:44px !important; max-width:44px !important; max-height:44px !important; object-fit:contain !important; }}
.home-app-tile[data-platform="Telegram"] .home-app-icon img{ width:44px !important; height:44px !important; max-width:44px !important; max-height:44px !important; object-fit:contain !important; }}
.home-app-tile[data-platform="Facebook"] .home-app-icon img{ width:44px !important; height:44px !important; max-width:44px !important; max-height:44px !important; object-fit:contain !important; }}
.home-app-tile[data-platform="TikTok"] .home-app-icon img{ width:44px !important; height:44px !important; max-width:44px !important; max-height:44px !important; object-fit:contain !important; }}
.home-app-tile[data-platform="Snapchat"] .home-app-icon img{ width:44px !important; height:44px !important; max-width:44px !important; max-height:44px !important; object-fit:contain !important; }}
.home-app-tile[data-platform="Discord"] .home-app-icon img{ width:44px !important; height:44px !important; max-width:44px !important; max-height:44px !important; object-fit:contain !important; }}
.home-app-tile[data-platform="WhatsApp"] .home-app-icon img{ width:44px !important; height:44px !important; max-width:44px !important; max-height:44px !important; object-fit:contain !important; }}
.home-app-tile[data-platform="YouTube"] .home-app-icon img{ width:44px !important; height:44px !important; max-width:44px !important; max-height:44px !important; object-fit:contain !important; }}
.home-app-tile[data-platform="Spotify"] .home-app-icon img{ width:44px !important; height:44px !important; max-width:44px !important; max-height:44px !important; object-fit:contain !important; }}
.home-app-tile[data-platform="X"] .home-app-icon img{ width:44px !important; height:44px !important; max-width:44px !important; max-height:44px !important; object-fit:contain !important; }}
.home-app-tile[data-platform="Threads"] .home-app-icon img{ width:44px !important; height:44px !important; max-width:44px !important; max-height:44px !important; object-fit:contain !important; }}
.home-app-tile[data-platform="Twitch"] .home-app-icon img{ width:44px !important; height:44px !important; max-width:44px !important; max-height:44px !important; object-fit:contain !important; }}
.home-app-tile[data-platform="Kick"] .home-app-icon img{ width:48px !important; height:34px !important; max-width:48px !important; max-height:34px !important; object-fit:contain !important; }}
.home-app-tile[data-platform="Kwai"] .home-app-icon img{ width:44px !important; height:44px !important; max-width:44px !important; max-height:44px !important; object-fit:contain !important; }}
.home-app-tile[data-platform="Trovo"] .home-app-icon img{ width:50px !important; height:34px !important; max-width:50px !important; max-height:34px !important; object-fit:contain !important; }}
.home-app-tile[data-platform="Other"] .home-app-icon img{ width:44px !important; height:44px !important; max-width:44px !important; max-height:44px !important; object-fit:contain !important; }}

@media(max-width:560px) {
    .home-app-tile .home-app-icon {
        background: transparent !important;
        box-shadow: none !important;
    }
    .home-app-tile .home-app-icon img {
        object-fit: contain !important;
    }
}




/* ===== CYVH APP ICONS - INDIVIDUAL BRAND STYLE ===== */

.home-app-tile .home-app-icon {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    flex: 0 0 48px !important;
    padding: 0 !important;
    margin: 0 auto !important;
    border-radius: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    box-shadow: 0 3px 10px #0003 !important;
}

.home-app-tile .home-app-icon img {
    width: 32px !important;
    height: 32px !important;
    max-width: 32px !important;
    max-height: 32px !important;
    object-fit: contain !important;
    filter: none !important;
}

/* Telegram */
.home-app-tile[data-platform="Telegram"] .home-app-icon {
    background: #229ED9 !important;
}
.home-app-tile[data-platform="Telegram"] img {
    filter: brightness(0) invert(1) !important;
}

/* TikTok */
.home-app-tile[data-platform="TikTok"] .home-app-icon {
    background: #050505 !important;
}
.home-app-tile[data-platform="TikTok"] img {
    filter: brightness(0) invert(1) !important;
}

/* Instagram */
.home-app-tile[data-platform="Instagram"] .home-app-icon {
    background: linear-gradient(135deg,#833AB4 0%,#E1306C 45%,#FD1D1D 70%,#FCAF45 100%) !important;
}
.home-app-tile[data-platform="Instagram"] img {
    filter: brightness(0) invert(1) !important;
    width: 34px !important;
    height: 34px !important;
}

/* Facebook */
.home-app-tile[data-platform="Facebook"] .home-app-icon {
    background: #0866FF !important;
}
.home-app-tile[data-platform="Facebook"] img {
    filter: brightness(0) invert(1) !important;
}

/* Snapchat */
.home-app-tile[data-platform="Snapchat"] .home-app-icon {
    background: #FFFC00 !important;
}
.home-app-tile[data-platform="Snapchat"] img {
    filter: brightness(0) !important;
}

/* Discord */
.home-app-tile[data-platform="Discord"] .home-app-icon {
    background: #5865F2 !important;
}
.home-app-tile[data-platform="Discord"] img {
    filter: brightness(0) invert(1) !important;
}

/* X */
.home-app-tile[data-platform="X"] .home-app-icon {
    background: #000000 !important;
}
.home-app-tile[data-platform="X"] img {
    filter: brightness(0) invert(1) !important;
}

/* WhatsApp */
.home-app-tile[data-platform="WhatsApp"] .home-app-icon {
    background: #25D366 !important;
}
.home-app-tile[data-platform="WhatsApp"] img {
    filter: brightness(0) invert(1) !important;
}

/* YouTube */
.home-app-tile[data-platform="YouTube"] .home-app-icon {
    background: #FF0000 !important;
}
.home-app-tile[data-platform="YouTube"] img {
    filter: brightness(0) invert(1) !important;
}

/* Spotify */
.home-app-tile[data-platform="Spotify"] .home-app-icon {
    background: #1ED760 !important;
}
.home-app-tile[data-platform="Spotify"] img {
    filter: brightness(0) invert(1) !important;
}

/* Kick */
.home-app-tile[data-platform="Kick"] .home-app-icon {
    background: #101114 !important;
}
.home-app-tile[data-platform="Kick"] img {
    filter: none !important;
    width: 42px !important;
    height: 30px !important;
}

/* Kwai */
.home-app-tile[data-platform="Kwai"] .home-app-icon {
    background: linear-gradient(135deg,#FF6A00,#FE8302) !important;
}
.home-app-tile[data-platform="Kwai"] img {
    filter: brightness(0) invert(1) !important;
}

/* Twitch */
.home-app-tile[data-platform="Twitch"] .home-app-icon {
    background: #9146FF !important;
}
.home-app-tile[data-platform="Twitch"] img {
    filter: brightness(0) invert(1) !important;
}

/* Threads */
.home-app-tile[data-platform="Threads"] .home-app-icon {
    background: #000000 !important;
}
.home-app-tile[data-platform="Threads"] img {
    filter: brightness(0) invert(1) !important;
}

/* Trovo */
.home-app-tile[data-platform="Trovo"] .home-app-icon {
    background: #101114 !important;
}
.home-app-tile[data-platform="Trovo"] img {
    filter: none !important;
    width: 42px !important;
    height: 30px !important;
}

/* Other */
.home-app-tile[data-platform="Other"] .home-app-icon {
    background: #183653 !important;
}
.home-app-tile[data-platform="Other"] img {
    filter: brightness(0) invert(1) !important;
}

/* Mobile icon dimensions */
@media(max-width:560px) {
    .home-app-tile .home-app-icon {
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        max-width: 48px !important;
        flex-basis: 48px !important;
        border-radius: 14px !important;
    }

    .home-app-tile .home-app-icon img {
        width: 32px !important;
        height: 32px !important;
    }

    .home-app-tile[data-platform="Instagram"] img {
        width: 34px !important;
        height: 34px !important;
    }

    .home-app-tile[data-platform="Kick"] img,
    .home-app-tile[data-platform="Trovo"] img {
        width: 42px !important;
        height: 30px !important;
    }
}




/* CYVH FINAL ICON CONTRAST FIX */

.home-app-tile .home-app-icon img {
    opacity: 1 !important;
    visibility: visible !important;
    object-fit: contain !important;
}

/* Telegram */
.home-app-tile[data-platform="Telegram"] .home-app-icon {
    background: #229ED9 !important;
}
.home-app-tile[data-platform="Telegram"] img {
    filter: brightness(0) invert(1) !important;
}

/* TikTok */
.home-app-tile[data-platform="TikTok"] .home-app-icon {
    background: #000 !important;
}
.home-app-tile[data-platform="TikTok"] img {
    filter: brightness(0) invert(1) !important;
}

/* Instagram */
.home-app-tile[data-platform="Instagram"] .home-app-icon {
    background: linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045) !important;
}
.home-app-tile[data-platform="Instagram"] img {
    filter: brightness(0) invert(1) !important;
}

/* Facebook */
.home-app-tile[data-platform="Facebook"] .home-app-icon {
    background: #0866ff !important;
}
.home-app-tile[data-platform="Facebook"] img {
    filter: brightness(0) invert(1) !important;
}

/* Snapchat */
.home-app-tile[data-platform="Snapchat"] .home-app-icon {
    background: #fffc00 !important;
}
.home-app-tile[data-platform="Snapchat"] img {
    filter: brightness(0) !important;
}

/* Discord */
.home-app-tile[data-platform="Discord"] .home-app-icon {
    background: #5865f2 !important;
}
.home-app-tile[data-platform="Discord"] img {
    filter: brightness(0) invert(1) !important;
}

/* WhatsApp */
.home-app-tile[data-platform="WhatsApp"] .home-app-icon {
    background: #25d366 !important;
}
.home-app-tile[data-platform="WhatsApp"] img {
    filter: brightness(0) invert(1) !important;
}

/* YouTube */
.home-app-tile[data-platform="YouTube"] .home-app-icon {
    background: #ff0000 !important;
}
.home-app-tile[data-platform="YouTube"] img {
    filter: brightness(0) invert(1) !important;
}

/* Spotify */
.home-app-tile[data-platform="Spotify"] .home-app-icon {
    background: #1ed760 !important;
}
.home-app-tile[data-platform="Spotify"] img {
    filter: brightness(0) invert(1) !important;
}

/* X */
.home-app-tile[data-platform="X"] .home-app-icon {
    background: #000 !important;
}
.home-app-tile[data-platform="X"] img {
    filter: brightness(0) invert(1) !important;
}

/* Threads */
.home-app-tile[data-platform="Threads"] .home-app-icon {
    background: #000 !important;
}
.home-app-tile[data-platform="Threads"] img {
    filter: brightness(0) invert(1) !important;
}

/* Twitch */
.home-app-tile[data-platform="Twitch"] .home-app-icon {
    background: #9146ff !important;
}
.home-app-tile[data-platform="Twitch"] img {
    filter: brightness(0) invert(1) !important;
}

/* Kick */
.home-app-tile[data-platform="Kick"] .home-app-icon {
    background: #101114 !important;
}
.home-app-tile[data-platform="Kick"] img {
    filter: none !important;
}

/* Kwai */
.home-app-tile[data-platform="Kwai"] .home-app-icon {
    background: #101114 !important;
}
.home-app-tile[data-platform="Kwai"] img {
    filter: none !important;
}

/* Trovo */
.home-app-tile[data-platform="Trovo"] .home-app-icon {
    background: #101114 !important;
}
.home-app-tile[data-platform="Trovo"] img {
    filter: none !important;
}

/* Other */
.home-app-tile[data-platform="Other"] .home-app-icon {
    background: #183653 !important;
}
.home-app-tile[data-platform="Other"] img {
    filter: brightness(0) invert(1) !important;
}




/* CYVH - Restore Original App Logos Only */

.home-app-tile .home-app-icon img {
    filter: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    object-fit: contain !important;
    object-position: center !important;
}

/* Keep existing cards unchanged */
.home-app-tile {
    box-sizing: border-box !important;
}

/* Original colors for platform logos */
.home-app-tile[data-platform="Telegram"] img,
.home-app-tile[data-platform="Instagram"] img,
.home-app-tile[data-platform="Facebook"] img,
.home-app-tile[data-platform="Snapchat"] img,
.home-app-tile[data-platform="Discord"] img,
.home-app-tile[data-platform="WhatsApp"] img,
.home-app-tile[data-platform="YouTube"] img,
.home-app-tile[data-platform="Spotify"] img,
.home-app-tile[data-platform="Kick"] img,
.home-app-tile[data-platform="Kwai"] img,
.home-app-tile[data-platform="Twitch"] img,
.home-app-tile[data-platform="Trovo"] img,
.home-app-tile[data-platform="Other"] img {
    filter: none !important;
}




/* CYVH ICONS FINAL - preserve cards, repair logos */

.home-app-tile .home-app-icon {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
}

/* Show original brand logos */
.home-app-tile .home-app-icon img {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
    object-fit: contain !important;
    object-position: center !important;
}

/* Brand colors */
.home-app-tile[data-platform="Telegram"] img {
    filter: none !important;
}

.home-app-tile[data-platform="Instagram"] img {
    filter: none !important;
}

.home-app-tile[data-platform="Facebook"] img {
    filter: none !important;
}

.home-app-tile[data-platform="Snapchat"] img {
    filter: none !important;
}

.home-app-tile[data-platform="Discord"] img {
    filter: none !important;
}

.home-app-tile[data-platform="WhatsApp"] img {
    filter: none !important;
}

.home-app-tile[data-platform="YouTube"] img {
    filter: none !important;
}

.home-app-tile[data-platform="Spotify"] img {
    filter: none !important;
}

.home-app-tile[data-platform="Kick"] img {
    filter: none !important;
}

.home-app-tile[data-platform="Kwai"] img {
    filter: none !important;
}

.home-app-tile[data-platform="Twitch"] img {
    filter: none !important;
}

.home-app-tile[data-platform="Trovo"] img {
    filter: none !important;
}

.home-app-tile[data-platform="Other"] img {
    filter: none !important;
}

/* Dark logos must remain visible */
.home-app-tile[data-platform="X"] img,
.home-app-tile[data-platform="Threads"] img {
    filter: brightness(0) invert(1) !important;
}

/* Keep app names readable */
.home-app-tile strong,
.home-app-tile small {
    color: #ffffff !important;
    opacity: 1 !important;
}


/* CYVH FINAL LOGO FIX */
.home-app-tile .home-app-icon {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
    flex: 0 0 56px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 15px !important;
    box-shadow: none !important;
}

.home-app-tile .home-app-icon img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
}

/* Brand backgrounds only where needed */
.home-app-tile[data-platform="Telegram"] .home-app-icon {
    background: #26A5E4 !important;
}
.home-app-tile[data-platform="Facebook"] .home-app-icon {
    background: #0866FF !important;
}
.home-app-tile[data-platform="Instagram"] .home-app-icon {
    background: #111 !important;
}
.home-app-tile[data-platform="TikTok"] .home-app-icon {
    background: #000 !important;
}
.home-app-tile[data-platform="Snapchat"] .home-app-icon {
    background: #FFFC00 !important;
}
.home-app-tile[data-platform="Discord"] .home-app-icon {
    background: #5865F2 !important;
}
.home-app-tile[data-platform="WhatsApp"] .home-app-icon {
    background: #25D366 !important;
}
.home-app-tile[data-platform="YouTube"] .home-app-icon {
    background: #FF0000 !important;
}
.home-app-tile[data-platform="Spotify"] .home-app-icon {
    background: #1ED760 !important;
}
.home-app-tile[data-platform="Kick"] .home-app-icon {
    background: #101114 !important;
}
.home-app-tile[data-platform="Twitch"] .home-app-icon {
    background: #9146FF !important;
}
.home-app-tile[data-platform="X"] .home-app-icon,
.home-app-tile[data-platform="Threads"] .home-app-icon {
    background: #000 !important;
}
.home-app-tile[data-platform="Other"] .home-app-icon {
    background: #183047 !important;
}
.home-app-tile[data-platform="Trovo"] .home-app-icon {
    background: #101114 !important;
}

/* Keep logo colors original */
.home-app-tile .home-app-icon img {
    filter: none !important;
}

@media (max-width: 560px) {
    .home-app-tile .home-app-icon {
        width: 56px !important;
        height: 56px !important;
        min-width: 56px !important;
        max-width: 56px !important;
        flex-basis: 56px !important;
    }
}


/* CYVH FIX: dropdown menu always above homepage images */
header.cyvh-header,
header.cyvh-header > .side {
    z-index: 100000 !important;
}

header.cyvh-header > .side .site-menu,
header.cyvh-header > .side .site-menu.open {
    position: fixed !important;
    z-index: 100001 !important;
    isolation: isolate !important;
}

.site-hero-banner,
.cyvh-hero-banner,
.home-app-grid,
.home-app-tile,
.service,
.services {
    z-index: auto !important;
}


/* CYVH: uploaded platform images fill icon area */
.home-app-tile .home-app-icon {
    overflow: hidden !important;
    position: relative !important;
    padding: 0 !important;
}

.home-app-tile .home-app-icon img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
    border-radius: inherit !important;
}



/* CYVH HOME CATALOG — platform/category/service flow and service cards */
.home-services .home-service-list{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:14px!important;
  margin:18px 0 120px!important;
}
.home-service-card.is-filtered-out{display:none!important}
.home-service-card{
  display:block!important;position:relative!important;overflow:hidden!important;
  padding:15px 16px!important;min-height:0!important;
  border:1px solid #5a381e!important;border-radius:22px!important;
  background:linear-gradient(145deg,#191a1e 0%,#0b0c0f 72%,#17100a 100%)!important;
  color:#fff!important;text-decoration:none!important;
  box-shadow:0 7px 20px #0008,inset 0 0 0 1px #ffffff05!important;
}
.home-service-card::after{
  content:"";position:absolute;inset:0 0 0 auto;width:3px;
  background:linear-gradient(#ffb13b,#ff7900);box-shadow:0 0 15px #ff850088;
}
.home-service-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:13px}
.home-service-id{
  display:inline-flex;align-items:center;gap:8px;padding:5px 10px;
  border:1px solid #ff9900;border-radius:999px;background:#1b130b;
  color:#ff9b13;font-weight:900;font-size:14px;direction:ltr;white-space:nowrap
}
.copy-service-id{
  border:0;background:transparent;color:#ff9b13;font-size:20px;font-weight:900;
  cursor:pointer;padding:0 2px;line-height:1
}
.copy-service-id.copied{color:#36e879}
.home-service-badges{display:flex;gap:6px;flex-wrap:wrap}
.service-badge{
  display:inline-flex;align-items:center;gap:4px;padding:5px 9px;border-radius:999px;
  border:1px solid #383838;background:linear-gradient(145deg,#292929,#171717);
  color:#eaeaea;font-size:11px;font-weight:800
}
.speed-badge{border-color:#ff8b1a66;color:#ffd18a}
.guarantee-badge{color:#d9d9d9}
.home-service-card-main{
  display:grid;grid-template-columns:52px minmax(0,1fr) 58px 94px;
  align-items:center;gap:10px;direction:rtl
}
.home-service-platform-icon{
  width:48px;height:48px;border-radius:50%;background:#159ee8;
  display:flex;align-items:center;justify-content:center;overflow:hidden;
  box-shadow:0 0 14px #159ee855
}
.home-service-platform-icon img{width:70%;height:70%;object-fit:contain;filter:brightness(0) invert(1)}
.home-service-info{min-width:0;display:flex;flex-direction:column;gap:5px}
.home-service-info h3{margin:0!important;font-size:16px!important;font-weight:900!important;line-height:1.5;color:#fff}
.home-service-description{margin:0!important;color:#aaa!important;font-size:12px!important;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.home-service-category{align-self:flex-start;color:#ffad45;font-size:11px;font-weight:800}
.home-service-metrics{display:flex;flex-direction:column;align-items:center;gap:5px}
.service-speed-meter{width:54px;height:31px;position:relative;overflow:hidden;text-align:center}
.meter-arc{position:absolute;inset:0 3px -19px;border:7px solid #2b343b;border-bottom:0;border-radius:60px 60px 0 0}
.speed-fast .meter-arc{border-top-color:#20d99a;border-left-color:#19b9bd;border-right-color:#20d99a}
.speed-medium .meter-arc{border-top-color:#f0b13a;border-left-color:#26bfc0;border-right-color:#f0b13a}
.speed-slow .meter-arc{border-top-color:#f45b4e;border-left-color:#f45b4e;border-right-color:#f45b4e}
.service-speed-meter strong{position:absolute;bottom:0;left:0;right:0;font-size:10px;color:#ddd}
.service-quality-check{color:#37e879;font-size:18px;font-weight:900}
.home-service-price{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:2px!important;min-width:0}
.home-service-price strong{color:#ff8a00!important;font-size:22px!important;font-weight:900!important;direction:ltr}
.home-service-price span{font-size:11px;color:#ccc}
.service-details-link{display:inline-block;margin-top:6px;padding:5px 7px;border-radius:9px;background:#ff8a00;color:#15100a!important;font-size:10px;font-weight:900;text-decoration:none;white-space:nowrap}
.cyvh-category-chips{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:8px!important;padding:4px 0 12px!important;scrollbar-width:thin}
.cyvh-category-chip{cursor:pointer!important;font-family:inherit!important}
.cyvh-filter-empty{display:block!important;text-align:center;padding:22px;color:#aaa;border:1px dashed #55351f;border-radius:16px}
.cyvh-filter-empty[hidden]{display:none!important}
.home-service-search{margin:18px 0 14px!important}
.home-service-search input{border-radius:18px!important}
.home-section-title{display:flex;align-items:center;justify-content:space-between;gap:8px}
@media(max-width:560px){
 .home-service-card{padding:13px 12px!important;border-radius:18px!important}
 .home-service-card-top{align-items:flex-start}
 .home-service-id{font-size:12px;padding:4px 8px}
 .service-badge{font-size:9px;padding:4px 6px}
 .home-service-card-main{grid-template-columns:42px minmax(0,1fr) 48px 72px;gap:6px}
 .home-service-platform-icon{width:40px;height:40px}
 .home-service-info h3{font-size:13px!important;line-height:1.45}
 .home-service-description{font-size:10px!important}
 .home-service-price strong{font-size:17px!important}
 .home-service-price span{font-size:9px}
 .service-speed-meter{width:45px;height:27px}
 .service-details-link{font-size:9px;padding:4px 5px}
}
@media(max-width:390px){
 .home-service-card-main{grid-template-columns:36px minmax(0,1fr) 42px 65px;gap:5px}
 .home-service-platform-icon{width:34px;height:34px}
 .home-service-info h3{font-size:12px!important}
 .home-service-price strong{font-size:15px!important}
}


/* بطاقة الخدمة كلها قابلة للنقر؛ زر نسخ ID يبقى مستقلاً */
.home-service-card { cursor: pointer !important; }
.home-service-card:focus-visible {
  outline: 2px solid #ff8500 !important;
  outline-offset: 3px;
}
.home-service-card .copy-service-id { cursor: copy !important; }


/* CYV description popup */
.cyv-info-area{margin:14px 0;direction:rtl}
.cyv-info-toggle{display:block;width:38px;height:38px;margin-bottom:8px;border:1px solid #ff941f;border-radius:9px;background:#171d25;color:#ff941f;font-size:23px;font-weight:bold;cursor:pointer}
.cyv-info-box{min-height:100px;padding:14px;border:1px solid #39434e;border-radius:10px;background:#171d25;box-sizing:border-box}
.cyv-info-text{display:none;color:#dce3eb;line-height:1.8}
.cyv-info-box.active .cyv-info-text{display:block}


/* CYV info button and always-visible description */
.cyv-info-area {
    position: relative;
    margin: 14px 0;
    direction: rtl;
}

.cyv-info-toggle {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 70px !important;
    height: 70px !important;
    margin: 0 0 14px auto !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 20px !important;
    background: linear-gradient(135deg,#ff7900,#ffab42) !important;
    color: #17120d !important;
    font-size: 30px !important;
    line-height: 1 !important;
}

.cyv-info-box {
    min-height: 150px;
    padding: 18px;
    border: 1px solid #39434e;
    border-radius: 18px;
    background: #171d25;
    box-sizing: border-box;
}

.cyv-info-text {
    display: block !important;
    color: #dce3eb;
    line-height: 1.8;
    text-align: center;
}



/* CYV info box responsive sizing */
.cyv-info-area {
    position: relative;
    margin: 12px 0;
    direction: rtl;
}

.cyv-info-toggle {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 45px !important;
    height: 45px !important;
    min-width: 45px !important;
    padding: 0 !important;
    margin: 0 0 10px auto !important;
    border: 0 !important;
    border-radius: 13px !important;
    background: linear-gradient(135deg,#ff7900,#ffab42) !important;
    color: #17120d !important;
    font-size: 24px !important;
    line-height: 1 !important;
}

.cyv-info-box {
    width: 100%;
    min-height: 90px;
    height: auto !important;
    padding: 16px;
    border: 1px solid #39434e;
    border-radius: 16px;
    background: #171d25;
    box-sizing: border-box;
}

.cyv-info-text {
    display: block !important;
    width: 100%;
    height: auto !important;
    min-height: 0 !important;
    color: #dce3eb;
    line-height: 1.8;
    text-align: center;
    overflow-wrap: anywhere;
    white-space: normal;
}


/* CYVH - Home account statistics: colorful light cards */
.cyvh-account-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:13px;
  margin:22px 0 28px;
}
.cyvh-account-stat{
  display:flex;
  align-items:center;
  gap:13px;
  min-width:0;
  padding:18px 16px;
  border:1px solid rgba(255,255,255,.65);
  border-radius:20px;
  box-shadow:0 8px 22px rgba(30,40,60,.08);
  color:#202638;
  overflow:hidden;
}
.cyvh-stat-completed{
  background:linear-gradient(135deg,#e6fff3,#c9f5e2);
  border-color:#b8ead5;
}
.cyvh-stat-spent{
  background:linear-gradient(135deg,#fff3df,#ffe0b3);
  border-color:#f3d4a7;
}
.cyvh-stat-balance{
  background:linear-gradient(135deg,#e8f2ff,#d2e5ff);
  border-color:#c4dcff;
}
.cyvh-account-stat .cyvh-stat-icon{
  display:grid;
  place-items:center;
  flex:0 0 48px;
  width:48px;
  height:48px;
  border-radius:15px;
  background:rgba(255,255,255,.72);
  font-size:25px;
  box-shadow:0 4px 12px rgba(0,0,0,.06);
}
.cyvh-account-stat small{
  display:block;
  font-size:12px;
  font-weight:800;
  color:#596174;
  line-height:1.6;
}
.cyvh-account-stat strong{
  display:block;
  margin:5px 0;
  font-size:clamp(18px,3vw,25px);
  font-weight:900;
  color:#182033;
  overflow-wrap:anywhere;
}
.cyvh-account-stat em{
  display:block;
  font-size:11px;
  font-style:normal;
  color:#687084;
}
@media(max-width:650px){
  .cyvh-account-stats{
    grid-template-columns:1fr;
    gap:10px;
    margin:17px 0 23px;
  }
  .cyvh-account-stat{
    padding:15px;
    border-radius:17px;
  }
  .cyvh-account-stat .cyvh-stat-icon{
    width:45px;
    height:45px;
    flex-basis:45px;
  }
  .cyvh-account-stat strong{
    font-size:22px;
  }
}


/* CYVH refined platform title and compact luxury statistics */
.cyvh-platform-heading{
  display:flex;
  justify-content:center;
  align-items:center;
  margin:28px 0 20px;
  text-align:center;
}
.cyvh-platform-heading span{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:11px 30px;
  min-width:190px;
  border:1px solid #d5a34c;
  border-radius:18px;
  background:linear-gradient(135deg,#20180e,#35230f,#20180e);
  color:#ffe2a1;
  font-size:23px;
  font-weight:900;
  letter-spacing:.2px;
  box-shadow:0 5px 18px #0005, inset 0 0 0 1px #ffffff08;
}
.cyvh-platform-heading span:before,
.cyvh-platform-heading span:after{
  content:"✦";
  color:#e9b85e;
  font-size:13px;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
}
.cyvh-platform-heading span:before{right:12px}
.cyvh-platform-heading span:after{left:12px}

/* Smaller premium statistics cards */
.cyvh-account-stats{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:17px 0 23px;
}
.cyvh-account-stat{
  gap:10px;
  padding:13px 12px;
  border-radius:17px;
  box-shadow:0 5px 16px #0002;
}
.cyvh-stat-completed{
  background:linear-gradient(135deg,#e4f8ef,#ccebdd);
  border:1px solid #a9d8c3;
}
.cyvh-stat-spent{
  background:linear-gradient(135deg,#fff1d8,#f7dfb5);
  border:1px solid #e8c98d;
}
.cyvh-stat-balance{
  background:linear-gradient(135deg,#e7efff,#d1e0f8);
  border:1px solid #b7c9e8;
}
.cyvh-account-stat .cyvh-stat-icon{
  width:39px;
  height:39px;
  flex-basis:39px;
  border-radius:12px;
  font-size:21px;
}
.cyvh-account-stat small{
  font-size:11px;
  line-height:1.5;
}
.cyvh-account-stat strong{
  font-size:clamp(16px,2.5vw,21px);
  margin:4px 0;
}
.cyvh-account-stat em{
  font-size:10px;
}
@media(max-width:650px){
  .cyvh-account-stats{
    grid-template-columns:1fr;
    gap:8px;
    margin:14px 0 20px;
  }
  .cyvh-account-stat{
    padding:11px 13px;
    min-height:74px;
  }
  .cyvh-account-stat .cyvh-stat-icon{
    width:37px;
    height:37px;
    flex-basis:37px;
    font-size:20px;
  }
  .cyvh-account-stat strong{
    font-size:19px;
  }
  .cyvh-platform-heading{
    margin:23px 0 17px;
  }
  .cyvh-platform-heading span{
    font-size:21px;
    padding:10px 28px;
    min-width:175px;
  }
}


/* CYVH Premium Dashboard Cards */
.stats {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    margin: 18px 0 24px;
}

.stats .stat {
    position: relative;
    overflow: hidden;
    min-height: 105px;
    padding: 18px 20px;
    border-radius: 20px;
    background: linear-gradient(135deg, #171717, #0c0c0c);
    border: 1px solid rgba(212, 168, 87, .32);
    color: #d7d0c4;
    box-shadow: 0 8px 22px rgba(0, 0, 0, .25);
    text-align: right;
}

.stats .stat strong {
    display: block;
    margin: 8px 0 4px;
    color: #f5d28b;
    font-size: 27px;
    font-weight: 900;
    line-height: 1.2;
}

.stats .stat small {
    color: #99918a;
    font-size: 12px;
}

.stats .stat:first-child {
    border-color: rgba(54, 190, 137, .35);
}

.stats .stat:first-child strong {
    color: #72e0b1;
}

.stats .stat:nth-child(2) {
    border-color: rgba(220, 165, 83, .4);
}

.stats .stat:nth-child(2) strong {
    color: #e9bd78;
}

.stats .stat:nth-child(3) {
    border-color: rgba(108, 157, 255, .35);
}

.stats .stat:nth-child(3) strong {
    color: #a8c8ff;
}

@media (min-width: 700px) {
    .stats {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 480px) {
    .stats {
        gap: 10px;
        margin: 14px 0 20px;
    }

    .stats .stat {
        min-height: 88px;
        padding: 14px 17px;
        border-radius: 17px;
    }

    .stats .stat strong {
        font-size: 23px;
        margin: 6px 0 3px;
    }

    .stats .stat small {
        font-size: 11px;
    }
}


/* CYVH Premium Wave Dashboard */
.stats .stat {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-height: 96px;
    padding: 16px 18px;
    border-radius: 20px;
    background: #111722;
    border: 1px solid rgba(255,255,255,.12);
    box-shadow: 0 8px 24px rgba(0,0,0,.3);
    backdrop-filter: blur(12px);
}

.stats .stat::before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 180%;
    height: 150%;
    left: -35%;
    bottom: -105%;
    border-radius: 45%;
    transform: rotate(-12deg);
    animation: cyvh-wave 9s ease-in-out infinite alternate;
    opacity: .75;
}

.stats .stat::after {
    content: "";
    position: absolute;
    z-index: -1;
    width: 160%;
    height: 130%;
    left: -25%;
    bottom: -110%;
    border-radius: 45%;
    transform: rotate(12deg);
    animation: cyvh-wave 12s ease-in-out infinite alternate-reverse;
    opacity: .4;
}

.stats .stat:first-child {
    background: linear-gradient(135deg,#102D35,#101820 65%,#142B3A);
    border-color: rgba(79,220,190,.35);
}

.stats .stat:first-child::before {
    background: linear-gradient(90deg,#16A085,#38BDF8,#1D6580);
}

.stats .stat:first-child::after {
    background: linear-gradient(90deg,#50E3C2,#267BAA);
}

.stats .stat:nth-child(2) {
    background: linear-gradient(135deg,#382419,#19120F 65%,#302017);
    border-color: rgba(255,174,95,.35);
}

.stats .stat:nth-child(2)::before {
    background: linear-gradient(90deg,#D97736,#F5B65C,#9C4B2B);
}

.stats .stat:nth-child(2)::after {
    background: linear-gradient(90deg,#FFC477,#A95E32);
}

.stats .stat:nth-child(3) {
    background: linear-gradient(135deg,#172746,#101725 65%,#202B49);
    border-color: rgba(126,166,255,.35);
}

.stats .stat:nth-child(3)::before {
    background: linear-gradient(90deg,#4267D5,#35A9D6,#6656C7);
}

.stats .stat:nth-child(3)::after {
    background: linear-gradient(90deg,#6E9BFF,#5A67D8);
}

.stats .stat strong {
    position: relative;
    z-index: 2;
    color: #FFFFFF !important;
    font-size: 25px;
    font-weight: 900;
    text-shadow: 0 2px 12px rgba(0,0,0,.3);
}

.stats .stat small,
.stats .stat {
    color: #D7E0EA;
}

@keyframes cyvh-wave {
    0% {
        transform: translateX(-4%) rotate(-12deg);
    }
    100% {
        transform: translateX(9%) rotate(8deg);
    }
}

@media (max-width: 480px) {
    .stats .stat {
        min-height: 88px;
        padding: 13px 16px;
        border-radius: 17px;
    }

    .stats .stat strong {
        font-size: 23px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .stats .stat::before,
    .stats .stat::after {
        animation: none;
    }
}

/* CYVH - Luxury dark gradient account statistics */
.cyvh-account-stat {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.13) !important;
    box-shadow:
        0 10px 28px rgba(0,0,0,.35),
        inset 0 1px 0 rgba(255,255,255,.08) !important;
    backdrop-filter: blur(12px);
    transition: transform .25s ease, box-shadow .25s ease;
}

.cyvh-account-stat:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 32px rgba(0,0,0,.45) !important;
}

/* الطلبات المكتملة - زمردي */
.cyvh-stat-completed {
    background:
        radial-gradient(ellipse at 10% 100%, rgba(16,185,129,.24), transparent 55%),
        linear-gradient(125deg, #071f1b, #103c32 48%, #09251f) !important;
    border-color: rgba(52,211,153,.35) !important;
}

/* الرصيد المصروف - ذهبي برونزي */
.cyvh-stat-spent {
    background:
        radial-gradient(ellipse at 0% 100%, rgba(245,158,11,.25), transparent 58%),
        linear-gradient(125deg, #24170b, #493019 48%, #211408) !important;
    border-color: rgba(245,179,75,.38) !important;
}

/* الرصيد المتبقي - أزرق ملكي بنفسجي */
.cyvh-stat-balance {
    background:
        radial-gradient(ellipse at 0% 100%, rgba(99,102,241,.28), transparent 58%),
        linear-gradient(125deg, #10172d, #202c50 48%, #17152f) !important;
    border-color: rgba(129,140,248,.4) !important;
}

/* أيقونات البطاقات */
.cyvh-account-stat .cyvh-stat-icon {
    background: rgba(255,255,255,.07) !important;
    border: 1px solid rgba(255,255,255,.12);
    box-shadow: 0 5px 18px rgba(0,0,0,.2);
}

/* النصوص */
.cyvh-account-stat,
.cyvh-account-stat small,
.cyvh-account-stat em {
    color: #e7eaf2 !important;
}

.cyvh-account-stat strong {
    color: #fff !important;
    text-shadow: 0 2px 12px rgba(0,0,0,.25);
}



/* CYVH Price Box */
.home-service-price strong {
    display: inline-block !important;
    direction: ltr !important;
    unicode-bidi: isolate !important;
    white-space: nowrap !important;
    background: linear-gradient(135deg, #241500, #3a2108) !important;
    color: #ff9a22 !important;
    border: 1px solid #ff8a00 !important;
    border-radius: 10px !important;
    padding: 7px 12px !important;
    box-shadow: 0 0 12px rgba(255, 138, 0, 0.12) !important;
    font-weight: 900 !important;
    max-width: 100% !important;
    overflow: visible !important;
}

/* إخفاء مؤشر السرعة وعلامة الصح من بطاقات الخدمات */
.speed-badge,
.service-speed-meter,
.service-quality-check {
    display: none !important;
}

/* ضبط إطار السعر على حجم السعر نفسه */
.home-service-price {
    width: max-content !important;
    max-width: 100% !important;
    min-width: 0 !important;
    align-items: flex-start !important;
    overflow: visible !important;
}

.home-service-price strong {
    display: inline-flex !important;
    width: max-content !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    flex-shrink: 1 !important;
    padding: 10px 12px !important;
    line-height: 1.3 !important;
}


/* إصلاح إطار السعر في بطاقات الخدمات */
.home-service-price {
    display: flex !important;
    width: max-content !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
    flex-shrink: 0 !important;
}

.home-service-price strong {
    display: inline-block !important;
    width: max-content !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    overflow: visible !important;
    padding: 10px 12px !important;
    font-size: clamp(12px, 3.5vw, 22px) !important;
    line-height: 1.3 !important;
}


/* إصلاح إطار السعر في بطاقات الخدمات */
.home-service-price {
    display: flex !important;
    width: max-content !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
    flex-shrink: 0 !important;
}

.home-service-price strong {
    display: inline-block !important;
    width: max-content !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    overflow: visible !important;
    padding: 10px 12px !important;
    font-size: clamp(12px, 3.5vw, 22px) !important;
    line-height: 1.3 !important;
}


/* السعر: إطار يتناسب مع الرقم */
.home-service-card-main {
    min-width: 0 !important;
}

.home-service-price {
    display: flex !important;
    flex: 0 0 auto !important;
    width: max-content !important;
    min-width: max-content !important;
    max-width: 100% !important;
    justify-self: start !important;
    align-items: flex-start !important;
    box-sizing: border-box !important;
}

.home-service-price strong {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    width: max-content !important;
    min-width: max-content !important;
    max-width: none !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    overflow: visible !important;
    padding: 10px 12px !important;
    font-size: 18px !important;
    line-height: 1.4 !important;
    direction: ltr !important;
}

@media (max-width: 560px) {
    .home-service-price strong {
        font-size: 16px !important;
        padding: 9px 10px !important;
    }
}


/* إصلاح نهائي لإطار السعر داخل بطاقة الخدمة */
.home-service-card-main {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    min-width: 0 !important;
    overflow: hidden !important;
}

.home-service-price {
    display: flex !important;
    width: fit-content !important;
    min-width: 0 !important;
    max-width: 100% !important;
    flex: 0 1 auto !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    align-items: flex-start !important;
}

.home-service-price strong {
    display: block !important;
    width: fit-content !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    font-size: clamp(12px, 4vw, 18px) !important;
    padding: 10px !important;
    direction: ltr !important;
}


/* إعادة إطار السعر لحجم أنيق */
.home-service-price {
    display: flex !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    flex: 0 1 auto !important;
    overflow: visible !important;
}

.home-service-price strong {
    display: inline-block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 9px 12px !important;
    font-size: 18px !important;
    line-height: 1.35 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    direction: ltr !important;
}

@media (max-width: 560px) {
    .home-service-price strong {
        font-size: 15px !important;
        padding: 8px 10px !important;
    }
}




/* سعر الخدمة - تصميم مدمج */
.home-service-price {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: max-content;
    max-width: 100%;
    min-width: 0;
}

.home-service-price strong {
    display: inline-block;
    width: max-content;
    max-width: 100%;
    box-sizing: border-box;
    white-space: nowrap;
    padding: 9px 12px;
    font-size: 16px;
    line-height: 1.35;
    direction: ltr;
}


/* CYVH: إطار السعر على قد النص بدون قص */
.home-service-card-main {
    grid-template-columns: 42px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 10px !important;
}

.home-service-price {
    grid-column: 1 / -1 !important;
    justify-self: start !important;
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: fit-content !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
}

.home-service-price strong {
    display: inline-block !important;
    width: fit-content !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 7px 12px !important;
    box-sizing: border-box !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: unset !important;
    direction: ltr !important;
}

.home-service-price span {
    margin-top: 4px !important;
    font-size: 10px !important;
}




/* ===== VEXPOST PREMIUM BRAND HEADER ===== */
.cyvh-brand {
    gap: 7px !important;
    align-items: center !important;
    justify-content: center !important;
}

.cyvh-brand-name {
    display: inline-flex !important;
    align-items: center;
    direction: ltr;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: clamp(30px, 7vw, 39px) !important;
    font-weight: 950 !important;
    letter-spacing: -1.8px !important;
    line-height: 1 !important;
    text-shadow: 0 2px 12px #0008;
}

.cyvh-brand-name .vex {
    color: #fff !important;
}

.cyvh-brand-name .post {
    background: linear-gradient(180deg, #fff0bd 0%, #ffc65b 42%, #d88919 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #f5b94d !important;
}

.cyvh-crown {
    color: #ffc34d !important;
    font-size: 34px !important;
    line-height: 1 !important;
    filter: drop-shadow(0 0 5px #ffb52d99)
            drop-shadow(0 0 13px #ff950044) !important;
}

.cyvh-brand small {
    flex-basis: 100% !important;
    margin-top: 5px;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: .2px !important;
    color: #d0d0d0 !important;
}

@media(max-width:560px) {
    .cyvh-brand-name {
        font-size: 34px !important;
        letter-spacing: -1.5px !important;
    }
    .cyvh-crown {
        font-size: 31px !important;
    }
    .cyvh-brand small {
        font-size: 13px !important;
    }
}
/* ===== END VEXPOST PREMIUM BRAND HEADER ===== */

/* CYVH referral rewards */
.ref-home-cta{display:flex;align-items:center;gap:14px;margin:18px 0 22px;padding:17px 19px;border:1px solid #8057d866;border-radius:20px;background:radial-gradient(circle at 15% 10%,#58359a55,transparent 42%),linear-gradient(120deg,#171329,#101a2b);color:#fff;text-decoration:none;box-shadow:0 10px 30px #0007,0 0 22px #7855c522}
.ref-home-cta>span{font-size:30px}.ref-home-cta div{display:flex;flex:1;flex-direction:column;gap:5px}.ref-home-cta strong{font-size:17px}.ref-home-cta small{color:#c3bdd7}.ref-home-cta>b{font-size:22px;color:#c4a6ff}
.ref-wrap{width:min(900px,100%);margin:0 auto;padding:24px 14px 110px}.ref-hero{position:relative;overflow:hidden;text-align:center;padding:34px 22px;border:1px solid #8b65d866;border-radius:28px;background:radial-gradient(circle at 50% 0,#6d45bd66,transparent 55%),linear-gradient(145deg,#19132d,#0b1d30 65%,#10101a);box-shadow:0 18px 55px #0008,0 0 28px #8b5cf622}.ref-orb{font-size:45px}.ref-kicker{letter-spacing:5px;color:#c4a6ff;font-weight:bold}.ref-hero h1{font-size:clamp(28px,6vw,46px)}.ref-hero>p:not(.ref-kicker){color:#d5d0e3}.ref-reward{font-size:48px;font-weight:900;color:#ffd36b;text-shadow:0 0 25px #e9a83b55;margin-top:18px}.ref-reward small{display:block;font-size:13px;color:#d7d2e4;text-shadow:none;font-weight:normal}.ref-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}.ref-stats>div,.ref-card{border:1px solid #45405c;border-radius:20px;background:linear-gradient(145deg,#191725,#10131d);padding:18px;box-shadow:0 10px 30px #0005}.ref-stats small{display:block;color:#bcb6cf}.ref-stats strong{display:block;margin-top:8px;font-size:21px;color:#f2d18a;overflow-wrap:anywhere}.ref-card{margin:14px 0}.ref-card h2{margin-top:0}.ref-link{display:flex;gap:9px;align-items:center}.ref-link input{min-width:0;flex:1}.ref-link button{white-space:nowrap}.ref-actions{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.ref-actions a{display:inline-flex;align-items:center;text-decoration:none}.ref-card li{margin:10px 0;line-height:1.8}.ref-row{display:grid;grid-template-columns:1fr auto;gap:6px;padding:12px 0;border-bottom:1px solid #ffffff16}.ref-row small{grid-column:1/-1;color:#9691a4}.ref-row b{color:#e9c879}.ref-disabled{color:#ffb45c}.ref-card .muted{color:#aaa}
@media(max-width:560px){.ref-stats{grid-template-columns:1fr}.ref-link{align-items:stretch;flex-direction:column}.ref-link button{width:100%}.ref-home-cta{padding:14px}.ref-home-cta strong{font-size:15px}}
.ref-progress>div{display:flex;justify-content:space-between;color:#d7c9f7;margin-bottom:9px}.ref-progress i{display:block;height:11px;border-radius:20px;background:#ffffff18;overflow:hidden}.ref-progress i span{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,#8b5cf6,#38bdf8);box-shadow:0 0 14px #8b5cf688}.ref-table-wrap{overflow-x:auto}.ref-table{width:100%;border-collapse:collapse}.ref-table th,.ref-table td{padding:12px;text-align:right;border-bottom:1px solid #ffffff18}.ref-table th{color:#c4a6ff}.ref-table td:last-child{color:#fbbf24;font-weight:bold}

/* ===== CYVH PREMIUM REFERRAL ACTION BUTTONS ===== */

.ref-actions{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:14px !important;
    margin-top:20px !important;
}

.ref-actions #shareRef,
.ref-actions a[href="/referrals/story"]{
    min-height:62px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    border:1px solid #ffffff35 !important;
    border-radius:17px !important;
    padding:15px 12px !important;
    font-size:17px !important;
    font-weight:900 !important;
    color:#fff !important;
    text-decoration:none !important;
    cursor:pointer !important;
    position:relative !important;
    overflow:hidden !important;
    transition:transform .2s ease,box-shadow .2s ease,filter .2s ease !important;
}

.ref-actions #shareRef{
    background:linear-gradient(135deg,#ffbd35 0%,#ff8500 55%,#f05b00 100%) !important;
    box-shadow:0 7px 22px #ff850055,inset 0 1px 0 #ffffff70 !important;
    color:#271400 !important;
}

.ref-actions #shareRef::before{
    content:"↗";
    font-size:25px;
    font-weight:1000;
}

.ref-actions a[href="/referrals/story"]{
    background:linear-gradient(135deg,#a855f7 0%,#8738d5 48%,#ec4899 100%) !important;
    box-shadow:0 7px 24px #a855f755,inset 0 1px 0 #ffffff65 !important;
}

.ref-actions a[href="/referrals/story"]::before{
    content:"✦";
    font-size:24px;
    color:#ffe8ff;
}

.ref-actions #shareRef::after,
.ref-actions a[href="/referrals/story"]::after{
    content:"";
    position:absolute;
    top:-80%;
    left:-45%;
    width:35%;
    height:260%;
    transform:rotate(25deg);
    background:linear-gradient(90deg,transparent,#ffffff35,transparent);
    pointer-events:none;
}

.ref-actions #shareRef:active,
.ref-actions a[href="/referrals/story"]:active{
    transform:scale(.96) !important;
    filter:brightness(1.12) !important;
}

@media(hover:hover){
    .ref-actions #shareRef:hover{
        transform:translateY(-3px);
        box-shadow:0 11px 30px #ff850077 !important;
        filter:brightness(1.08);
    }
    .ref-actions a[href="/referrals/story"]:hover{
        transform:translateY(-3px);
        box-shadow:0 11px 30px #a855f777 !important;
        filter:brightness(1.1);
    }
}

@media(max-width:560px){
    .ref-actions{
        grid-template-columns:1fr 1fr !important;
        gap:10px !important;
    }
    .ref-actions #shareRef,
    .ref-actions a[href="/referrals/story"]{
        min-height:58px !important;
        padding:12px 7px !important;
        font-size:15px !important;
        border-radius:15px !important;
    }
}

/* ===== END PREMIUM REFERRAL ACTION BUTTONS ===== */