/* Mega Key Pro V4.1 — reference-matched responsive interface */
:root{
  --mk-blue:#086cff;--mk-blue-dark:#0558d8;--mk-ink:#10203a;--mk-muted:#718198;
  --mk-line:#dfe8f3;--mk-soft:#f4f8ff;--mk-orange:#ff9800;--mk-green:#12a85e;
  --mk-panel:#fff;--mk-radius:17px;--mk-shadow:0 8px 28px rgba(34,72,122,.10);
}
[hidden]{display:none!important}
body{background:radial-gradient(circle at 8% 2%,#dceaff 0,transparent 25%),linear-gradient(135deg,#f7fbff,#edf5ff 54%,#f9fcff);color:var(--mk-ink)}
.home-mode,.customer-portal-mode,body:not(.admin-mode){font-family:"Tajawal",Tahoma,Arial,sans-serif}
.btn,.site-header nav,.filters button{font-family:"Cairo","Tajawal",sans-serif;font-weight:700}
.home-mode h1,.home-mode h2,.customer-portal-mode h1,.customer-portal-mode h2,.product-detail h1,.checkout h1,.narrow h1{font-family:"Noto Kufi Arabic","Tajawal",sans-serif;font-weight:700}
.admin-mode,.admin-mode input,.admin-mode select,.admin-mode textarea,.admin-mode button{font-family:"IBM Plex Sans Arabic",Tahoma,Arial,sans-serif}
.admin-mode h1,.admin-mode h2,.admin-mode h3{font-family:"IBM Plex Sans Arabic",Tahoma,Arial,sans-serif;font-weight:700}
.duration-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
.noise{opacity:.012}
.btn{min-height:42px;border-radius:10px;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:translateY(0) scale(.985)}
.btn.is-loading{pointer-events:none;opacity:.72}
.btn.is-loading:after{content:"";width:14px;height:14px;margin-right:8px;border:2px solid currentColor;border-left-color:transparent;border-radius:50%;animation:mk-spin .75s linear infinite}
.primary{background:linear-gradient(135deg,var(--mk-blue),#075ce4);box-shadow:0 8px 20px rgba(8,108,255,.20)}
input,select,textarea{border-color:#d7e1ed;border-radius:10px;background:#fbfdff;transition:border-color .18s,box-shadow .18s}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--mk-blue);box-shadow:0 0 0 4px rgba(8,108,255,.10)}

/* Customer portal */
.customer-portal-mode{min-width:320px}
.customer-portal-mode main{min-height:auto;padding:1px 22px 0}
.customer-portal-mode .noise{display:none}
.c360-hero,.c360-summary,.c360-layout{width:min(1440px,100%);max-width:none}
.c360-hero{
  min-height:96px;margin:15px auto 0;padding:17px 30px;display:grid;
  grid-template-columns:180px minmax(260px,1fr) 220px 145px;align-items:center;gap:22px;
  border:1px solid rgba(222,232,244,.95);border-radius:18px;background:rgba(255,255,255,.96);
  box-shadow:0 14px 42px rgba(33,75,129,.09);overflow:visible;animation:mk-rise .42s ease both
}
.c360-hero:after{display:none}
.c360-logo{display:flex;align-items:center;direction:ltr}
.c360-logo img{width:145px;height:60px;object-fit:contain!important;object-position:center!important}
.c360-greet{min-width:0;padding-right:28px;border-right:1px solid #e3eaf4}
.c360-greet h1{margin:0 0 6px;font-size:clamp(22px,2vw,29px);line-height:1.35}
.c360-greet p{margin:0;color:var(--mk-muted);font-size:13px}
.c360-secure{
  display:grid;grid-template-columns:34px 1fr;align-items:center;padding:11px 13px;
  border:0;border-radius:11px;background:#f0f6ff;color:var(--mk-ink);white-space:normal
}
.c360-secure i{grid-row:1/3;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#17ad63;color:#fff;font-style:normal;font-size:11px}
.c360-secure b{font-size:12px}.c360-secure small{grid-column:2;color:var(--mk-muted);font-size:9px}
.c360-head-support{gap:8px;background:var(--mk-blue);color:#fff;border:0;white-space:nowrap}

.c360-summary{margin:16px auto 22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.c360-summary article{
  min-height:116px;padding:20px 25px;display:flex;align-items:center;gap:17px;
  border:1px solid var(--mk-line);border-radius:16px;background:#fff;box-shadow:var(--mk-shadow);
  animation:mk-rise .42s ease both
}
.c360-summary article:nth-child(2){animation-delay:.05s}.c360-summary article:nth-child(3){animation-delay:.1s}
.c360-summary article>i{order:0;flex:0 0 52px;width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:#edf4ff;color:var(--mk-blue);font-style:normal;font-size:24px}
.c360-summary .summary-due>i{background:#fff5e9;color:var(--mk-orange)}
.c360-summary .summary-expiry>i{background:#edf4ff;color:#4381ff}
.c360-summary span{display:block;color:#33455f;font-size:13px;font-weight:700}
.c360-summary b{display:block;margin:4px 0 1px;color:var(--mk-ink);font-size:27px;line-height:1.25}
.c360-summary small{color:var(--mk-muted);font-size:10px}

.c360-layout{margin:auto;padding:0 0 35px;display:block}
.c360-layout>.section-head{display:none}
.c360-subs,.c360-subs.c360-count-1,.c360-subs.c360-count-2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.c360-subs.c360-count-1{grid-template-columns:minmax(0,1fr)}
.c360-subs.c360-count-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.c360-sub{
  min-height:352px;padding:18px 20px 17px;overflow:hidden;border:1px solid var(--mk-line);
  border-radius:16px;background:#fff;box-shadow:var(--mk-shadow);animation:mk-rise .45s ease both;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease
}
.c360-sub:hover{transform:translateY(-3px);border-color:#b9d4fa;box-shadow:0 16px 38px rgba(32,75,132,.14)}
.c360-subhead{min-height:58px;padding:0 0 12px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #edf1f6}
.c360-subhead>div{min-width:0}.c360-subhead h3{margin:0;color:#15233a;font-size:17px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c360-subhead small{display:block;margin-top:4px;color:var(--mk-muted);font-size:10px}
.c360-brand{order:0!important;margin:0!important;flex:0 0 50px;width:50px!important;height:50px!important;display:grid!important;place-items:center;border-radius:13px!important;color:#fff!important;font:900 17px/1 Arial,sans-serif;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25),0 6px 14px rgba(30,70,120,.13)}
.c360-brand img{width:100%;height:100%;display:block;object-fit:contain;border-radius:inherit}
.brand-adobe{background:linear-gradient(145deg,#ff0050,#ff6a00 45%,#7657ff)!important}
.brand-autodesk{background:linear-gradient(145deg,#eceff4,#fff)!important;color:#b10e17!important;font-size:25px}
.brand-canva{background:linear-gradient(145deg,#16cad1,#3155f5 58%,#7d2bf2)!important;font-size:25px}
.brand-microsoft{background:linear-gradient(145deg,#f35325,#81bc06 40%,#05a6f0 72%,#ffba08)!important}
.brand-mega{background:linear-gradient(145deg,#1284ff,#0658d8)!important;font-size:12px}
.c360-subhead em{margin-right:auto;padding:6px 11px;border-radius:7px;background:#eaf9f0;color:#119450;font-style:normal;font-size:11px;font-weight:800;white-space:nowrap}
.c360-subhead em.pending{background:#fff5e8;color:#c76b00}
.c360-body{margin-top:16px;display:grid;grid-template-columns:105px 1fr;gap:17px;align-items:start}
.c360-ring{--p:3;--ring:var(--mk-blue);width:96px;height:96px;margin:5px auto 0;display:grid;place-items:center;position:relative;border-radius:50%;background:conic-gradient(var(--ring) calc(var(--p)*1%),#e8f0fb 0)}
.c360-ring:before{content:"";position:absolute;width:76px;height:76px;border-radius:50%;background:#fff}
.c360-ring div{position:relative;text-align:center}.c360-ring b{display:block;font-size:24px;line-height:1.1}.c360-ring small{color:#3d4b61;font-size:10px}
.c360-info{min-width:0}.c360-dates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.c360-dates p{margin:0;padding:7px 0;background:#fff}.c360-dates span,.c360-services>span{display:block;color:var(--mk-muted);font-size:10px}.c360-dates b{display:block;margin-top:5px;font-size:11px;white-space:nowrap}
.c360-pay{--pay:0%;display:grid;grid-template-columns:1fr auto;gap:6px;margin-top:10px;padding:10px 0;border-top:1px solid #edf1f6;font-size:11px}
.c360-pay span{color:var(--mk-muted)}.c360-pay b{color:var(--mk-green)}.c360-pay i{grid-column:1/-1;height:5px;overflow:hidden;border-radius:99px;background:#e8eff6}.c360-pay u{display:block;width:var(--pay);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--mk-blue),#36bbff)}
.c360-services{padding-top:8px;border-top:1px solid #edf1f6}.c360-services p{min-height:18px;margin:5px 0 0;color:#4b5a70;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c360-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.c360-actions .btn{min-width:0;padding:9px 10px;font-size:11px}.c360-details{background:#fff;color:var(--mk-blue);border-color:var(--mk-blue);box-shadow:none}
.c360-extra{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px;padding:11px;border-radius:10px;background:#f5f9ff;color:var(--mk-muted);font-size:10px}.c360-extra b{display:block;margin-top:3px;color:var(--mk-ink);overflow-wrap:anywhere}

.c360-bottom{margin-top:20px;display:grid;grid-template-columns:1.35fr .78fr .78fr;grid-template-areas:"track payments support";gap:18px}
.c360-bottom>article{min-height:230px;padding:20px;border:1px solid var(--mk-line);border-radius:16px;background:#fff;box-shadow:var(--mk-shadow)}
.c360-bottom h3{margin:0 0 16px;font-size:18px}.c360-bottom h3>span{color:var(--mk-blue);margin-left:5px}
.c360-support-card{grid-area:support}.c360-payment-card{grid-area:payments}.c360-track-card{grid-area:track;overflow:hidden}
.c360-support-card>button,.c360-payment-card>button{
  width:100%;min-height:52px;margin-top:8px;padding:8px 10px;display:flex;align-items:center;gap:10px;
  border:1px solid var(--mk-line);border-radius:9px;background:#fff;color:var(--mk-ink);text-align:right;cursor:pointer;transition:.18s
}
.c360-support-card>button:hover,.c360-payment-card>button:hover{border-color:#aacdfd;background:#f7fbff}
.c360-support-card>button i{flex:0 0 31px;width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#edf4ff;color:var(--mk-blue);font-style:normal}
.c360-support-card>button span{min-width:0}.c360-support-card>button b,.c360-support-card>button small{display:block}.c360-support-card>button b{font-size:11px}.c360-support-card>button small{margin-top:3px;color:var(--mk-muted);font-size:8px}
.c360-help-answer{margin:7px 0;padding:10px;border-radius:9px;background:#f4f8ff;color:#55657b;font-size:10px;line-height:1.7}
.payment-meta{display:flex;align-items:end;justify-content:space-between;gap:10px}.payment-meta p{margin:0}.payment-meta span,.invoice-row small{display:block;color:var(--mk-muted);font-size:9px}.payment-meta b{display:block;margin-top:5px;font-size:10px}.payment-meta strong{color:var(--mk-blue);font-size:23px}
.invoice-row{margin:18px 0 12px;padding:12px 0;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf1f6;border-bottom:1px solid #edf1f6}.invoice-row b{font-size:11px}.invoice-row em{padding:5px 8px;border-radius:7px;background:#e9f9f0;color:var(--mk-green);font-size:9px;font-style:normal}
.c360-payment-card>button{justify-content:center;min-height:38px;color:var(--mk-blue);font-size:11px}
.c360-steps{margin-top:35px;display:grid;grid-template-columns:repeat(5,1fr);position:relative;direction:rtl;color:#15243a}
.c360-steps:before,.c360-steps:after{content:"";position:absolute;right:9%;left:9%;top:17px;height:3px;border-radius:99px}.c360-steps:before{background:#dbe7fa}.c360-steps:after{left:auto;width:82%;background:var(--mk-blue);transform-origin:right}
.c360-steps span{padding:0 4px;display:grid;justify-items:center;gap:7px;position:relative;z-index:1;background:transparent!important}
.c360-steps i{width:36px;height:36px;display:grid;place-items:center;border:2px solid var(--mk-blue);border-radius:50%;background:#fff;color:var(--mk-blue);font-style:normal;font-weight:800;box-shadow:0 0 0 5px #fff}
.c360-steps .done i,.c360-steps .active i{background:#eef5ff}.c360-steps span:last-child.done i,.c360-steps span:last-child.active i{border-color:#18ae63;color:#18ae63;background:#effcf5}
.c360-steps b{font-size:11px;text-align:center}.c360-steps small{font-size:9px;color:#8190a4;text-align:center}.track-success{margin:25px 0 0;padding:13px;border:1px solid #d4f0df;border-radius:11px;background:#f0fbf5;color:#12934e;text-align:center;font-size:11px}
.c360-layout aside{margin-top:16px;display:block}.c360-hidden-form{display:none}.c360-hidden-form.open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;animation:mk-rise .28s ease both}.c360-hidden-form h2,.c360-hidden-form .wide,.c360-hidden-form .safe-note{grid-column:1/-1}
.lucky-btn{margin-bottom:12px;background:linear-gradient(135deg,#f0e2ff,#ffeaf8);color:#8225c8;border-color:#e7c9ff}
.c360-mobile-nav{display:none}.c360-privacy{padding:9px 20px 18px;color:#66768c;text-align:center;font-size:10px}

/* Admin: same visual language, administrative content */
.site-header{height:76px;padding:0 max(22px,calc((100vw - 1440px)/2));border-bottom:1px solid rgba(215,227,240,.9);background:rgba(255,255,255,.92);box-shadow:0 5px 22px rgba(31,71,122,.06);backdrop-filter:blur(16px)}
.brand img{width:122px;height:48px;object-fit:contain!important}.brand span{display:none}
.site-header nav{gap:7px}.site-header nav a,.link-btn{padding:10px 13px;border-radius:9px;color:#41536c;font-size:13px}.site-header nav a:hover,.link-btn:hover{background:#edf5ff;color:var(--mk-blue)}
.admin-mode main{min-height:calc(100vh - 76px)}
.admin-wrap{width:min(1440px,100%);max-width:none;padding:24px 22px 55px}
.admin-title{padding:22px 25px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid var(--mk-line);border-radius:17px;background:#fff;box-shadow:var(--mk-shadow)}
.admin-title h1{margin:4px 0;font-size:30px}.admin-title p{margin:5px 0 0;color:var(--mk-muted);font-size:12px}.kicker{color:var(--mk-blue);font-size:10px;letter-spacing:1.5px}
.admin-title .actions{margin:0;justify-content:flex-end}.admin-title .actions .btn{min-height:37px;padding:8px 11px;border-color:#dbe6f2;background:#f8fbff;color:#30445e;font-size:11px;box-shadow:none}.admin-title .actions .btn:hover{border-color:#9fc8ff;color:var(--mk-blue)}
.admin-stats{margin:18px 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.admin-stats article{min-height:104px;padding:19px 20px 19px 78px;position:relative;border:1px solid var(--mk-line);border-radius:15px;background:#fff;color:var(--mk-ink);box-shadow:var(--mk-shadow)}
.admin-stats article:after{position:absolute;left:20px;top:50%;transform:translateY(-50%);width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:#edf4ff;color:var(--mk-blue);font-size:19px;font-weight:800}
.admin-stats article:nth-child(1):after{content:"♙"}.admin-stats article:nth-child(2):after{content:"▤";background:#eefaf4;color:var(--mk-green)}.admin-stats article:nth-child(3):after{content:"◷";background:#fff5e8;color:var(--mk-orange)}.admin-stats article:nth-child(4):after{content:"⌁";background:#f3efff;color:#7648d8}
.admin-stats span{display:block;color:var(--mk-muted);font-size:12px}.admin-stats b,.admin-stats strong{display:block;margin-top:5px;color:var(--mk-ink);font-size:27px}
.admin-panel,.order-filters{border:1px solid var(--mk-line);border-radius:16px;background:#fff;box-shadow:var(--mk-shadow)}
.admin-panel{padding:20px}.panel-title h2,.admin-panel>h2{font-size:18px}.panel-title>span{padding:6px 9px;border-radius:8px;background:#edf5ff;color:var(--mk-blue);font-size:10px;font-weight:800}.panel-title small{display:block;margin-top:4px;color:var(--mk-muted)}
.portal-admin-list article,.admin-order-card{border-color:#e4ebf4;background:#fbfdff}.portal-admin-list article:hover,.admin-order-card:hover{border-color:#bdd7fa;background:#f7fbff}
.status-pill{border-radius:8px;background:#eaf3ff;color:#0965d7;font-size:10px;font-weight:800}
.order-filters{padding:14px}.order-filters .btn{min-height:43px}
.product-admin-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-product{border-color:#e0e9f3;background:#fbfdff}.admin-product>span{background:linear-gradient(145deg,#1381ff,#0659da)}
.lower-admin{gap:18px}.database-panel{line-height:1.9}.success-box{padding:14px;border:1px solid #ccebd9;border-radius:10px;background:#eefaf3;color:#13894c}
.auth-card{border-radius:18px;box-shadow:0 22px 65px rgba(24,66,120,.15)}
.back{display:inline-flex;margin:0 0 14px;padding:8px 12px;border-radius:9px;background:#fff;border:1px solid var(--mk-line)}
footer{background:#09192f}

@keyframes mk-rise{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@keyframes mk-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

@media(max-width:1100px){
  .c360-hero{grid-template-columns:145px 1fr}.c360-secure,.c360-head-support{grid-row:2}
  .c360-summary{gap:14px}.c360-subs,.c360-subs.c360-count-1,.c360-subs.c360-count-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .c360-bottom{grid-template-columns:1fr 1fr;grid-template-areas:"track track" "payments support"}
  .admin-stats{grid-template-columns:repeat(2,1fr)}.product-admin-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  body{background:#f4f8fd}.customer-portal-mode{padding-bottom:74px}.customer-portal-mode main{padding:1px 9px 0}
  .c360-hero{margin-top:8px;padding:13px 14px;display:grid;grid-template-columns:44px 1fr;gap:9px;border-radius:12px}
  .c360-logo{grid-column:1/-1;justify-content:center}.c360-logo img{width:112px;height:48px}.c360-greet{grid-column:1/-1;padding:0;border:0;text-align:center}.c360-greet h1{font-size:20px}.c360-greet p{font-size:10px}
  .c360-secure{grid-column:1/-1;grid-row:auto;padding:8px 10px}.c360-head-support{display:none}
  .c360-summary{margin:9px auto 12px;grid-template-columns:1fr;gap:7px}.c360-summary article{min-height:66px;padding:9px 11px;border-radius:10px}.c360-summary article>i{flex-basis:37px;width:37px;height:37px;font-size:17px}.c360-summary span{font-size:10px}.c360-summary b{font-size:18px}.c360-summary small{font-size:8px}
  .c360-subs,.c360-subs.c360-count-1,.c360-subs.c360-count-2{grid-template-columns:1fr;gap:10px}.c360-sub{min-height:auto;padding:13px;border-radius:12px}.c360-subhead{min-height:48px}.c360-brand{flex-basis:42px;width:42px!important;height:42px!important}.c360-subhead h3{font-size:14px}.c360-body{grid-template-columns:78px 1fr;gap:11px}.c360-ring{width:72px;height:72px}.c360-ring:before{width:57px;height:57px}.c360-ring b{font-size:18px}.c360-dates{gap:7px}.c360-dates b{font-size:9px}.c360-services p{font-size:9px}.c360-actions{grid-template-columns:1fr;gap:6px}.c360-actions .btn{min-height:35px}.c360-extra{grid-template-columns:1fr}
  .c360-bottom{grid-template-columns:1fr;grid-template-areas:"track"}.c360-support-card,.c360-payment-card{display:none}.c360-bottom>article{min-height:130px;padding:14px}.c360-bottom h3{margin-bottom:9px;font-size:14px}.c360-steps{margin-top:16px}.c360-steps:before,.c360-steps:after{top:11px}.c360-steps i{width:23px;height:23px;border-width:1.5px;font-size:9px;box-shadow:0 0 0 3px #fff}.c360-steps b,.c360-steps small{display:none}.track-success{margin-top:14px;padding:9px;font-size:9px}
  .c360-hidden-form.open{grid-template-columns:1fr}.c360-hidden-form.open>*{grid-column:1}
  .c360-mobile-nav{position:fixed;z-index:80;right:0;left:0;bottom:0;height:68px;padding-bottom:env(safe-area-inset-bottom);display:flex;justify-content:space-around;align-items:center;background:#fff;border-top:1px solid #dbe5f0;box-shadow:0 -8px 24px rgba(16,35,61,.10)}
  .c360-mobile-nav a{min-width:48px;display:grid;gap:2px;text-align:center;color:#64748b;text-decoration:none}.c360-mobile-nav a:first-child,.c360-mobile-nav a.active{color:var(--mk-blue)}.c360-mobile-nav span{font-size:18px}.c360-mobile-nav small{font-size:8px}.c360-privacy{padding-bottom:6px}
  .site-header{height:66px;padding:0 14px}.brand img{width:105px;height:42px}.site-header nav{top:66px}.admin-wrap{padding:14px 10px 40px}.admin-title{padding:16px;align-items:flex-start;flex-direction:column}.admin-title h1{font-size:24px}.admin-title .actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.admin-title .actions .btn{width:100%}.admin-stats{grid-template-columns:1fr 1fr;gap:8px}.admin-stats article{min-height:86px;padding:13px 13px 13px 54px}.admin-stats article:after{left:11px;width:35px;height:35px}.admin-stats b,.admin-stats strong{font-size:21px}.portal-admin-list article{grid-template-columns:1fr!important}.portal-admin-list article>div{grid-column:auto!important}.order-filters,.lower-admin,.order-admin-grid{grid-template-columns:1fr}.product-admin-grid{grid-template-columns:1fr}.admin-order-card{grid-template-columns:1fr}.order-card-action{grid-template-columns:1fr 1fr}.admin-panel{padding:15px}
}
@media(max-width:400px){
  .c360-body{display:block}.c360-ring{float:right;margin:12px 0 10px 12px}.c360-actions{clear:both}.c360-dates{padding-top:12px}
  .admin-stats{grid-template-columns:1fr}.admin-title .actions{grid-template-columns:1fr}
}

/* Storefront V4.2 — simpler, premium public home */
.home-mode{background:#f8fbff}
.home-mode .noise{opacity:.008}
.home-mode .site-header{height:72px;border-bottom:1px solid #e8eef7;background:rgba(255,255,255,.88);box-shadow:none}
.home-mode .site-header nav{gap:4px}
.home-mode .site-header nav a{padding:9px 13px;color:#52627a;font-weight:700}
.home-mode .site-header nav a:hover{background:#f1f6ff;color:var(--mk-blue)}
.home-mode .nav-cta{padding:10px 17px!important;border-radius:10px!important;background:#10203a!important;box-shadow:0 8px 20px rgba(16,32,58,.14)}
.home-mode main{overflow:hidden;background:linear-gradient(180deg,#f7fbff 0,#fff 44%,#f8fbff 100%)}
.home-mode .home-hero{width:min(1240px,100%);min-height:590px;margin:0 auto;padding:64px 36px 92px;grid-template-columns:1.02fr .98fr;gap:80px;position:relative;background:transparent;overflow:visible}
.home-mode .home-hero:before{content:"";position:absolute;z-index:0;inset:20px -160px -30px;background:radial-gradient(circle at 18% 32%,rgba(8,108,255,.09),transparent 29%),linear-gradient(90deg,transparent 49.9%,rgba(218,229,242,.42) 50%,transparent 50.1%);pointer-events:none}
.home-mode .home-hero>*{position:relative;z-index:1}
.home-mode .hero-copy{max-width:610px}
.home-mode .eyebrow{gap:9px;color:#0870ee;font-size:12px;letter-spacing:0}
.home-mode .eyebrow span{width:8px;height:8px;border-radius:50%}
.home-mode .hero h1{max-width:620px;margin:18px 0 14px;color:#10203a;font-size:clamp(40px,4.6vw,61px);font-weight:700;line-height:1.34;letter-spacing:0}
.home-mode .hero p{max-width:580px;margin:0;color:#687991;font-size:17px;line-height:1.9}
.home-mode .hero-actions{margin:28px 0 22px;gap:10px}
.home-mode .hero-actions .btn{min-width:145px;padding:13px 19px}
.home-mode .hero-actions .primary{gap:13px;background:#086cff;box-shadow:0 12px 26px rgba(8,108,255,.23)}
.home-mode .hero-actions .ghost{background:rgba(255,255,255,.74);border-color:#dbe5f1;box-shadow:0 8px 20px rgba(31,69,119,.05)}
.home-mode .trust{gap:9px}
.home-mode .trust span{padding:7px 10px;border:1px solid #e3ebf5;border-radius:999px;background:rgba(255,255,255,.7);color:#64758d;font-size:11px}
.home-mode .trust span:before{content:"✓";margin-left:6px;color:#0eaf68;font-weight:900}
.home-mode .hero-visual{height:430px;display:grid;place-items:center;position:relative}
.home-mode .hero-visual:before,.home-mode .hero-visual:after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.home-mode .hero-visual:before{display:none}
.home-mode .hero-visual:after{width:260px;height:260px;background:#0a76ff;filter:blur(110px);opacity:.09}
.store-preview{z-index:2;width:min(450px,100%);padding:22px;border:1px solid #dbe6f2;border-radius:18px;background:#fff;box-shadow:0 20px 55px rgba(24,68,126,.11);animation:mk-rise .5s ease both}
.preview-head{display:flex;align-items:center;justify-content:space-between;padding:2px 2px 17px;border-bottom:1px solid #eaf0f7}
.preview-head>div{display:flex;align-items:center;gap:8px}.preview-head b{font-size:15px}.preview-head small{color:#8391a5;font-size:12px}
.live-dot{width:8px;height:8px;border-radius:50%;background:#15b86c;box-shadow:0 0 0 5px rgba(21,184,108,.10)}
.preview-list{display:grid;gap:9px;padding:14px 0}
.preview-product{min-height:65px;padding:9px 10px;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:11px;border:1px solid #e6edf6;border-radius:13px;background:#fff;box-shadow:0 5px 16px rgba(34,72,122,.045)}
.preview-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:11px;background:#fff;color:#fff;font-size:12px;font-weight:800;overflow:hidden}
.preview-icon img{width:100%;height:100%;display:block;object-fit:contain;border-radius:inherit}
.preview-product:nth-child(2) .preview-icon{background:linear-gradient(145deg,#15263f,#354b6a)}.preview-product:nth-child(3) .preview-icon{background:linear-gradient(145deg,#13c3c9,#6746ee)}
.preview-product b,.preview-product small{display:block}.preview-product b{font-size:13px}.preview-product small{margin-top:4px;color:#8a97a9;font-size:11px}
.preview-product em{padding:5px 8px;border-radius:7px;background:#eef9f3;color:#169354;font-size:10px;font-style:normal;font-weight:700}
.preview-foot{padding-top:2px;display:flex;justify-content:space-between;color:#697991;font-size:11px}.preview-foot span{display:flex;align-items:center;gap:6px}.preview-foot i{width:23px;height:23px;display:grid;place-items:center;border-radius:7px;background:#edf4ff;color:#086cff;font-style:normal;font-size:11px}
.floating-note{display:none}
.floating-note>i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#eaf9f1;color:#12a85e;font-style:normal;font-weight:900}.floating-note b,.floating-note small{display:block}.floating-note b{font-size:11px}.floating-note small{margin-top:3px;color:#8290a4;font-size:8px}
@keyframes home-float{50%{transform:translateY(-7px)}}

.home-mode .stats{width:min(1050px,calc(100% - 40px));max-width:none;margin:-44px auto 0;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #e2eaf4;border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 18px 48px rgba(26,67,121,.11)}
.home-mode .stats div{min-height:102px;padding:22px;display:grid;grid-template-columns:38px auto;grid-template-rows:auto auto;align-content:center;justify-content:center;column-gap:11px;border-left:1px solid #e8eef6;text-align:right}
.home-mode .stats div:last-child{border:0}.home-mode .stats i{grid-row:1/3;width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#eef5ff;color:#086cff;font-style:normal;font-size:17px}.home-mode .stats b{font-size:24px;line-height:1.05;color:#10203a}.home-mode .stats span{margin-top:4px;color:#7b899c;font-size:12px}

.home-mode .section{max-width:1200px;padding:90px 24px}
.home-mode .section-head{align-items:end;margin-bottom:30px}.home-mode .section-head h2{margin:7px 0 5px;color:#10203a;font-size:clamp(30px,4vw,43px);font-weight:700;letter-spacing:0}.home-mode .section-head p{font-size:15px;line-height:1.7}.home-mode .filters{padding:4px;border:1px solid #e1e9f3;border-radius:999px;background:#f6f9fd}.home-mode .filters button{border:0;background:transparent;color:#687991;font-size:13px;font-weight:700}.home-mode .filters button.active{background:#10203a;color:#fff;box-shadow:0 6px 15px rgba(16,32,58,.12)}
.home-mode .product-grid{grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:16px}
.home-mode .product-card{min-height:350px;padding:19px;border-color:#e3ebf4;border-radius:17px;box-shadow:0 9px 30px rgba(34,72,122,.07)}
.home-mode .product-card:hover{transform:translateY(-4px);border-color:#bfd8fa;box-shadow:0 18px 40px rgba(34,72,122,.12)}
.home-mode .product-icon{width:52px;height:52px;padding:0;overflow:hidden;border-radius:14px;background:#fff;font-size:15px;box-shadow:0 10px 22px rgba(8,108,255,.15)}
.home-mode .product-icon img,.detail-art>span img{width:100%;height:100%;display:block;object-fit:contain;border-radius:inherit}
.detail-art>span{padding:0;overflow:hidden;background:#fff}
.admin-product>span{padding:0!important;overflow:hidden;background:#fff!important}.admin-product>span img{width:100%;height:100%;display:block;object-fit:contain;border-radius:inherit}
.home-mode .product-top em{padding:6px 9px;border-radius:7px;font-size:11px}.home-mode .product-category{margin-top:19px;color:#7a899e;font-size:12px;font-weight:700}.home-mode .product-card h3{margin:7px 0 8px;font-size:19px}.home-mode .product-card p{font-size:14px;line-height:1.75}.home-mode .price{padding:16px 0 12px}.home-mode .price b{font-size:17px}.home-mode .card-btn{justify-content:space-between;padding:10px 13px;border:1px solid #dfe9f5;background:#f7faff;color:#075fd4;font-size:14px;box-shadow:none}.home-mode .card-btn i{font-style:normal;font-size:16px}
.home-mode .why{padding-top:30px}
.home-mode .feature-grid{grid-template-columns:repeat(4,1fr);gap:14px}.home-mode .feature-grid article{min-height:220px;padding:22px;border:1px solid #e1eaf4;border-radius:17px;background:#fff;color:#10203a;box-shadow:0 8px 28px rgba(34,72,122,.06);transition:.2s}.home-mode .feature-grid article:hover{transform:translateY(-3px);border-color:#c2d9f7}.home-mode .feature-grid i{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#edf5ff;color:#086cff;font-size:12px}.home-mode .feature-grid h3{margin:32px 0 8px;font-size:17px}.home-mode .feature-grid p{margin:0;color:#738298;font-size:14px;line-height:1.8}
.home-cta{width:min(1152px,calc(100% - 48px));margin:0 auto 90px;padding:32px 38px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-radius:22px;background:linear-gradient(135deg,#10203a,#15345e);color:#fff;box-shadow:0 20px 50px rgba(16,32,58,.18)}.home-cta span{color:#62c9ff;font-size:11px;font-weight:800}.home-cta h2{margin:7px 0 0;font-size:clamp(22px,3vw,32px)}.home-cta .btn{flex:0 0 auto;background:#fff;color:#10203a;box-shadow:none}

@media(max-width:1100px){
  .home-mode .home-hero{gap:38px}.home-mode .product-grid,.home-mode .feature-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
  .home-mode .home-hero{min-height:auto;padding:60px 28px 95px;grid-template-columns:1fr}.home-mode .hero-copy{max-width:680px;margin:auto;text-align:center}.home-mode .eyebrow,.home-mode .hero-actions,.home-mode .trust{justify-content:center}.home-mode .hero p{margin-inline:auto}.home-mode .hero-visual{height:390px;display:grid}.store-preview{width:min(520px,90%)}.floating-note{left:8%}
}
@media(max-width:700px){
  .home-mode .site-header{height:66px}.home-mode .home-hero{padding:52px 18px 70px}.home-mode .hero h1{font-size:36px;line-height:1.4;letter-spacing:0}.home-mode .hero p{font-size:15px}.home-mode .hero-visual{display:none}.home-mode .hero-actions .btn{flex:1;min-width:135px}.home-mode .trust span{font-size:11px}
  .home-mode .stats{width:calc(100% - 24px);margin:-22px auto 0;grid-template-columns:repeat(3,1fr);border-radius:14px}.home-mode .stats div{min-height:80px;padding:13px 6px;display:block;border-left:1px solid #e8eef6;border-bottom:0;text-align:center}.home-mode .stats i{display:none}.home-mode .stats b{font-size:19px}.home-mode .stats span{display:block;font-size:8px}
  .home-mode .section{padding:68px 15px}.home-mode .section-head{align-items:flex-start}.home-mode .section-head h2{font-size:31px}.home-mode .filters{width:100%;overflow:auto}.home-mode .product-grid,.home-mode .feature-grid{grid-template-columns:1fr}.home-mode .product-card{min-height:315px}.home-mode .feature-grid article{min-height:170px}.home-mode .feature-grid h3{margin-top:24px}
  .home-cta{width:calc(100% - 30px);margin-bottom:65px;padding:27px 22px;align-items:flex-start;flex-direction:column}.home-cta .btn{width:100%}
}
@media(max-width:420px){.home-mode .hero-actions{display:grid;grid-template-columns:1fr}.home-mode .trust{gap:5px}.home-mode .trust span{padding:6px 8px}.home-mode .stats b{font-size:17px}.home-mode .stats span{font-size:10px}}
.cart-link{display:flex!important;align-items:center;gap:6px}.cart-link em{min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;border-radius:99px;background:#087cff;color:#fff;font-size:9px;font-style:normal}.price del,.choice del{margin-inline-end:6px;color:#9aa7b6;font-size:11px}.cart-page{max-width:850px}.cart-list{display:grid;gap:10px}.cart-item{padding:16px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:16px;border:1px solid #dfe8f2;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(31,71,122,.06)}.cart-item b,.cart-item span,.cart-item small{display:block}.cart-item span,.cart-item small{margin-top:4px;color:#78889d;font-size:11px}.icon-btn{width:34px;height:34px;border:0;border-radius:9px;cursor:pointer}.icon-btn.danger{background:#fff0f1;color:#d22b3b}.cart-total{margin-top:14px;padding:18px;display:flex;justify-content:space-between;border-radius:14px;background:#0d213d;color:#fff}.existing-access{max-width:620px}.access-success{padding:35px;text-align:center;border:1px solid #cbead8;border-radius:20px;background:#f4fff8}.access-success i{width:64px;height:64px;margin:auto;display:grid;place-items:center;border-radius:50%;background:#11aa68;color:#fff;font-style:normal;font-size:30px}.access-success h2{margin:16px 0 8px}.access-success p{color:#65768c;line-height:1.9}.six-steps{grid-template-columns:repeat(6,1fr)!important}
.access-request-code{margin:20px auto;padding:15px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;border:1px dashed #9bc6ad;border-radius:14px;background:#fff}.access-request-code span{width:100%;color:#718398;font-size:11px}.access-request-code code{direction:ltr;color:#0a7045;font-size:20px;font-weight:800;letter-spacing:.5px}.access-track-link{margin-top:16px;display:block;text-align:center;color:#086cff;font-weight:700}.access-track-result{margin-top:18px;padding:24px;border:1px solid #cfe0f4;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(31,71,122,.07)}.access-track-result span,.access-track-result small{display:block;color:#7a899d}.access-track-result code{display:block;margin:7px 0 17px;color:#17314f;font-size:15px;font-weight:800}.access-track-result h2{margin:0 0 7px}.access-track-result.status-sent{border-color:#a8dfbf;background:#f4fff8}.access-track-result.status-approved{border-color:#a8cdf8;background:#f4f9ff}
@media(max-width:650px){.cart-item{grid-template-columns:1fr auto}.cart-item form{grid-column:2;grid-row:1}.cart-item strong{grid-column:1/-1}.six-steps{grid-template-columns:repeat(3,1fr)!important;gap:14px}.six-steps:before,.six-steps:after{display:none}}
@media(max-width:520px){.duration-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.store-preview,.floating-note{animation:none!important}}
.catalog-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:12px;margin:0 0 24px}.catalog-search,.catalog-sort{margin:0;display:flex;align-items:center;gap:10px;padding:5px 14px;border:1px solid #dbe6f2;border-radius:14px;background:#fff;box-shadow:0 8px 25px rgba(24,68,126,.06)}.catalog-search span{font-size:25px;color:#1677e8}.catalog-search input,.catalog-sort select{border:0;outline:0;background:transparent;box-shadow:none;padding:10px 0}.catalog-sort span{white-space:nowrap;color:#6b7b91;font-size:13px}.product-badges{display:flex;align-items:flex-end;flex-direction:column;gap:6px}.product-badges em.stock-badge{color:#087443;background:#eafaf3}.product-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.product-actions .btn{padding-inline:11px}.quick-add{border-color:#1677e8;background:#1677e8;color:#fff}.catalog-empty{padding:45px;text-align:center;border:1px dashed #b8c9da;border-radius:18px;background:#fff}.catalog-empty b,.catalog-empty span{display:block}.catalog-empty span{margin-top:7px;color:#6c7b8e}.buying-steps{padding-top:35px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.steps-grid article{display:flex;gap:17px;padding:25px;border:1px solid #dbe6f2;border-radius:20px;background:#fff;box-shadow:0 12px 35px rgba(24,68,126,.07)}.steps-grid article>span{flex:0 0 48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#10203a;color:#5bd3ff;font-weight:900}.steps-grid h3{margin:2px 0 7px}.steps-grid p{margin:0;color:#68798f;line-height:1.8}.reveal-card,.steps-grid article,.payment-grid article{opacity:0;transform:translateY(18px);transition:opacity .45s ease,transform .45s ease}.is-visible{opacity:1!important;transform:none!important}.theme-toggle,.cart-trigger{min-width:40px;height:40px;border:1px solid #dbe6f2;border-radius:12px;background:#fff;color:#30445c;cursor:pointer}.cart-trigger{height:42px;padding:0 13px;font:700 13px "Cairo",sans-serif}.cart-trigger em{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-right:5px;border-radius:999px;background:#1677e8;color:#fff;font-style:normal}.cart-backdrop{position:fixed;z-index:199;inset:0;background:rgba(2,10,23,.55);backdrop-filter:blur(3px)}.cart-drawer{position:fixed;z-index:200;top:0;left:0;width:min(430px,100%);height:100dvh;padding:24px;display:flex;flex-direction:column;background:#fff;box-shadow:25px 0 80px rgba(0,0,0,.25);transform:translateX(-105%);transition:transform .28s ease}.cart-drawer.open{transform:none}.drawer-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:17px;border-bottom:1px solid #e3eaf2}.drawer-head small{color:#1677e8}.drawer-head h2{margin:3px 0}.drawer-head button{width:40px;height:40px;border:0;border-radius:50%;background:#eef3f8;font-size:25px;cursor:pointer}.drawer-items{flex:1;overflow:auto;padding:14px 0}.drawer-item{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 4px;border-bottom:1px solid #edf1f5}.drawer-item b,.drawer-item span{display:block}.drawer-item span{margin-top:4px;color:#728197;font-size:13px}.drawer-item strong{white-space:nowrap}.drawer-empty,.drawer-loading{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#728197;text-align:center}.drawer-empty b{color:#10203a;font-size:20px}.drawer-foot{padding-top:16px;border-top:1px solid #e3eaf2}.drawer-foot>div{display:flex;justify-content:space-between;margin-bottom:15px}.drawer-view{display:block;margin-top:12px;text-align:center;color:#53677f;text-decoration:none;font-weight:700;font-size:13px}.drawer-open{overflow:hidden}
html[data-theme="dark"] body:not(.admin-mode){--bg:#07111f;--ink:#f4f8ff;--muted:#9eb0c6;--panel:#0d1b2d;--line:#26384d;background:#07111f;color:#f4f8ff}html[data-theme="dark"] body:not(.admin-mode) .site-header{background:rgba(7,17,31,.9);border-color:#26384d}html[data-theme="dark"] body:not(.admin-mode) .brand,html[data-theme="dark"] body:not(.admin-mode) .site-header nav a,html[data-theme="dark"] body:not(.admin-mode) .theme-toggle,html[data-theme="dark"] body:not(.admin-mode) .cart-trigger{color:#eaf2fb}html[data-theme="dark"] body:not(.admin-mode) .theme-toggle,html[data-theme="dark"] body:not(.admin-mode) .cart-trigger,html[data-theme="dark"] body:not(.admin-mode) .catalog-search,html[data-theme="dark"] body:not(.admin-mode) .catalog-sort,html[data-theme="dark"] body:not(.admin-mode) .product-card,html[data-theme="dark"] body:not(.admin-mode) .steps-grid article,html[data-theme="dark"] body:not(.admin-mode) .payment-grid article,html[data-theme="dark"] body:not(.admin-mode) .faq-list details,html[data-theme="dark"] body:not(.admin-mode) .store-preview,html[data-theme="dark"] body:not(.admin-mode) .catalog-empty,html[data-theme="dark"] body:not(.admin-mode) .cart-drawer{background:#0d1b2d;border-color:#26384d;color:#f4f8ff}html[data-theme="dark"] body:not(.admin-mode) input,html[data-theme="dark"] body:not(.admin-mode) select{color:#f4f8ff}html[data-theme="dark"] body:not(.admin-mode) .drawer-head button{background:#1a2a3e;color:#fff}html[data-theme="dark"] body:not(.admin-mode) .drawer-empty b{color:#fff}
@media(max-width:800px){.catalog-toolbar{grid-template-columns:1fr}.steps-grid{grid-template-columns:1fr}.product-actions{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.catalog-toolbar{margin-top:8px}.catalog-sort{display:none}.product-actions{grid-template-columns:1fr}.quick-add{min-height:45px}.theme-toggle{position:absolute;left:63px;top:13px}.cart-trigger{position:absolute;left:108px;top:12px;font-size:0;padding:0;width:44px}.cart-trigger:before{content:"🛒";font-size:17px}.cart-trigger em{position:absolute;top:-6px;right:-5px;font-size:10px}.cart-drawer{padding:19px}.steps-grid article{padding:19px}}
.product-detail-premium{max-width:1260px;padding-top:34px}.premium-back{display:inline-flex;margin-bottom:24px;font-weight:800}.premium-product-grid{display:grid;grid-template-columns:minmax(460px,.98fr) minmax(0,1.02fr);gap:64px;align-items:center}.premium-product-art{position:relative;min-height:650px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #dce7f2;border-radius:36px;background:radial-gradient(circle at 50% 42%,rgba(42,156,255,.26),transparent 37%),linear-gradient(145deg,#071426,#102d50 60%,#0b1b30);box-shadow:0 28px 75px rgba(10,37,72,.25)}.premium-product-art:after{content:"";position:absolute;inset:28px;border:1px solid rgba(126,205,255,.18);border-radius:28px}.product-aura{position:absolute;width:420px;height:420px;border:1px solid rgba(89,194,255,.22);border-radius:50%;box-shadow:0 0 0 55px rgba(69,164,255,.05),0 0 0 110px rgba(69,164,255,.025)}.premium-product-logo{position:relative;z-index:2;width:330px;height:330px;display:grid;place-items:center;filter:drop-shadow(0 28px 30px rgba(0,0,0,.3));transition:transform .35s ease}.premium-product-art:hover .premium-product-logo{transform:scale(1.045) rotate(-2deg)}.premium-product-logo img{width:100%;height:100%;object-fit:contain}.art-caption{position:absolute;z-index:3;right:36px;bottom:35px}.art-caption small,.art-caption strong{display:block}.art-caption small{color:#6dd7ff;font-weight:800}.art-caption strong{margin-top:5px;color:#fff;font:700 24px "Noto Kufi Arabic",sans-serif}.engineer-seal{position:absolute;z-index:4;top:30px;left:30px;width:132px;padding:16px;text-align:center;border:1px solid rgba(255,255,255,.2);border-radius:20px;background:rgba(255,255,255,.1);color:#fff;backdrop-filter:blur(12px)}.engineer-seal span{display:block;color:#66d7ff;font-size:22px}.engineer-seal b,.engineer-seal small{display:block}.engineer-seal small{margin-top:3px;color:#a9c4dd}.product-statusbrow{display:flex;align-items:center;justify-content:space-between;gap:16px}.product-statusbrow>span{color:#1677e8;font-weight:900;font-size:13px}.product-statusbrow em{padding:7px 11px;border-radius:999px;background:#eafaf3;color:#087443;font-style:normal;font-size:12px;font-weight:800}.premium-product-copy h1{margin:14px 0 8px;font-size:clamp(42px,5vw,68px);line-height:1.16;letter-spacing:-1.4px}.premium-product-copy>h2{margin:0 0 15px;color:#25415f;font:700 clamp(20px,2.4vw,29px) "Cairo",sans-serif;line-height:1.55}.premium-product-copy .detail-text{margin-bottom:9px;font-size:17px}.product-description{margin:0 0 18px;color:#718096;line-height:1.85}.premium-trust-row{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.premium-trust-row span{padding:9px 11px;border:1px solid #dce7f2;border-radius:11px;background:#f8fbff;color:#4e6177;font-size:12px;font-weight:700}.premium-trust-row i{color:#079461;font-style:normal}.premium-buy-box{padding:25px;border-radius:24px;box-shadow:0 22px 55px rgba(19,63,113,.12)}.buy-box-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:17px}.buy-box-heading small,.starting-price small{color:#718096;font-size:12px}.buy-box-heading h3{margin:4px 0 0;font-size:20px}.starting-price{text-align:left}.starting-price b{display:block;color:#0d6fe8;font-size:24px}.starting-price b span{font-size:13px}.premium-duration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-choice span{position:relative;min-height:76px;flex-direction:column;align-items:flex-start;justify-content:center}.premium-choice span>i{position:absolute;top:10px;left:10px;width:21px;height:21px;display:none;place-items:center;border-radius:50%;background:#1677e8;color:#fff;font-size:11px;font-style:normal}.premium-choice input:checked+span>i{display:grid}.premium-buy-button{margin-top:20px;min-height:56px;justify-content:space-between;font-size:15px}.product-value-section{max-width:1180px;margin:35px auto 0;padding:80px 24px}.product-value-intro{max-width:720px;margin-bottom:30px}.product-value-intro h2{margin:9px 0;font-size:clamp(30px,4vw,46px)}.product-value-intro p{color:#6a7b90;font-size:17px;line-height:1.9}.product-value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.product-value-grid article{padding:25px;border:1px solid #dce7f2;border-radius:20px;background:#fff;box-shadow:0 12px 35px rgba(24,68,126,.07)}.product-value-grid article>span{color:#1682ef;font-weight:900}.product-value-grid h3{margin:28px 0 8px}.product-value-grid p{margin:0;color:#6a7b90;line-height:1.8;font-size:14px}.engineer-reviews-ready{max-width:1180px;margin:0 auto 80px;padding:34px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #d8e5f1;border-radius:24px;background:linear-gradient(135deg,#f9fcff,#edf6ff)}.engineer-reviews-ready h2{margin:7px 0}.engineer-reviews-ready p{margin:0;color:#6a7b90}.reviews-coming{padding:10px 16px;border-radius:999px;background:#10203a;color:#fff;font-weight:800}.product-final-cta{max-width:1180px;margin:0 auto 90px;padding:38px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-radius:27px;background:linear-gradient(135deg,#0a182a,#12365d);color:#fff}.product-final-cta small{color:#66d7ff}.product-final-cta h2{margin:7px 0;font-size:clamp(25px,3vw,38px)}.product-final-cta p{margin:0;color:#9cb7d1}.product-final-cta .btn{flex:0 0 auto;background:#fff;color:#10203a;box-shadow:none}html[data-theme="dark"] body:not(.admin-mode) .premium-product-copy>h2{color:#c7d9ec}html[data-theme="dark"] body:not(.admin-mode) .premium-trust-row span,html[data-theme="dark"] body:not(.admin-mode) .premium-buy-box,html[data-theme="dark"] body:not(.admin-mode) .product-value-grid article,html[data-theme="dark"] body:not(.admin-mode) .engineer-reviews-ready{background:#0d1b2d;border-color:#26384d;color:#f4f8ff}
@media(max-width:980px){.premium-product-grid{grid-template-columns:1fr;gap:38px}.premium-product-art{min-height:540px}.premium-product-logo{width:290px;height:290px}.product-value-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.product-detail-premium{padding:24px 15px}.premium-product-art{min-height:420px;border-radius:25px}.premium-product-art:after{inset:16px}.premium-product-logo{width:225px;height:225px}.engineer-seal{top:20px;left:20px;width:112px;padding:12px}.art-caption{right:24px;bottom:24px}.art-caption strong{font-size:18px}.premium-product-copy h1{font-size:39px}.product-statusbrow{align-items:flex-start;flex-direction:column}.premium-duration-grid{grid-template-columns:1fr}.buy-box-heading{align-items:flex-start;flex-direction:column}.starting-price{text-align:right}.product-value-section{padding:55px 15px}.product-value-grid{grid-template-columns:1fr}.engineer-reviews-ready{margin:0 15px 55px;padding:25px;align-items:flex-start;flex-direction:column}.product-final-cta{margin:0 15px 65px;padding:27px;align-items:flex-start;flex-direction:column}.product-final-cta .btn{width:100%}}
.announcement-bar{min-height:38px;padding:7px max(20px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:center;gap:9px;background:#08182c;color:#fff;font-size:12px}.announcement-bar span{color:#58d6ff}.announcement-bar a{margin-right:9px;color:#75ddff;text-decoration:none;font-weight:800}.product-faq,.related-products{max-width:1180px;margin:0 auto 75px;padding:0 24px}.product-faq>div:first-child{margin-bottom:22px}.product-faq h2{margin:8px 0;font-size:clamp(28px,3vw,40px)}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.related-grid>a{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid #dce7f2;border-radius:18px;background:#fff;color:#10203a;text-decoration:none;box-shadow:0 10px 30px rgba(24,68,126,.07);transition:.2s}.related-grid>a:hover{transform:translateY(-4px);border-color:#61aeff}.related-grid>a>span{flex:0 0 65px;height:65px;display:grid;place-items:center;border-radius:15px;background:#eef6ff}.related-grid img{width:52px;height:52px;object-fit:contain}.related-grid small,.related-grid h3,.related-grid b{display:block}.related-grid small{color:#718096}.related-grid h3{margin:3px 0}.related-grid b{color:#1677e8}.related-grid>a>i{margin-right:auto;color:#1677e8;font-style:normal}.mobile-buy-bar{display:none}
.cart-shell,.checkout-premium{max-width:1180px;margin:auto;padding:58px 24px 90px}.page-intro{max-width:720px;margin-bottom:30px}.page-intro h1{margin:8px 0;font-size:clamp(35px,5vw,55px)}.page-intro p{margin:0;color:#687a90;font-size:16px}.premium-empty{padding:70px 25px}.premium-empty>span{display:block;font-size:46px}.cart-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:start}.cart-products{display:grid;gap:12px}.cart-section-title{display:flex;align-items:center;justify-content:space-between}.cart-section-title span{color:#718096}.cart-product-card{display:grid;grid-template-columns:76px minmax(0,1fr) auto 38px;gap:16px;align-items:center;padding:18px;border:1px solid #dce7f2;border-radius:19px;background:#fff;box-shadow:0 10px 30px rgba(24,68,126,.06)}.cart-product-logo{height:76px;display:grid;place-items:center;border-radius:16px;background:#eef6ff}.cart-product-logo img{width:62px;height:62px;object-fit:contain}.cart-product-main{display:flex;align-items:center;justify-content:space-between;gap:16px}.cart-product-main small{color:#718096}.cart-product-main h3{margin:3px 0}.cart-duration-form label{margin:0}.cart-duration-form select{min-width:135px;padding:9px}.cart-addons{display:block!important;margin-top:7px}.cart-product-card>strong{white-space:nowrap;color:#102f55}.cart-remove{width:34px;height:34px;border:0;border-radius:50%;background:#fff0f1;color:#c63240;font-size:21px;cursor:pointer}.add-more-link{display:block;padding:15px;text-align:center;border:1px dashed #9eb9d3;border-radius:14px;color:#126fd8;text-decoration:none;font-weight:800}.cart-checkout-card,.checkout-order-summary{position:sticky;top:102px;padding:25px;border:1px solid #dce7f2;border-radius:22px;background:#fff;box-shadow:0 18px 50px rgba(24,68,126,.11)}.cart-checkout-card>div{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid #e7edf4}.cart-grand-total b{color:#1477e8;font-size:23px}.cart-checkout-card ul{padding:5px 0;list-style:none;color:#5f738a;line-height:2}.clear-cart{width:100%;margin-top:12px;border:0;background:none;color:#8a5960;cursor:pointer}.checkout-progress{max-width:720px;margin:0 auto 55px;display:grid;grid-template-columns:repeat(3,1fr);position:relative}.checkout-progress:before{content:"";position:absolute;top:20px;right:16%;left:16%;height:2px;background:#d9e5f0}.checkout-progress span{position:relative;z-index:1;text-align:center;color:#8796a8}.checkout-progress i{width:42px;height:42px;margin:auto;display:grid;place-items:center;border-radius:50%;background:#edf2f7;font-style:normal;font-weight:900}.checkout-progress b{display:block;margin-top:7px;font-size:12px}.checkout-progress .done i,.checkout-progress .active i{background:#1677e8;color:#fff}.checkout-progress .done,.checkout-progress .active{color:#163a63}.checkout-premium-grid{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:24px;align-items:start}.checkout-form-card{display:grid;gap:17px}.checkout-form-card fieldset{margin:0;padding:25px;border:1px solid #dce7f2;border-radius:21px;background:#fff}.checkout-form-card legend{display:flex;align-items:center;gap:11px;padding:0 8px}.checkout-form-card legend>i{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#10203a;color:#62d4ff;font-style:normal;font-weight:900}.checkout-form-card legend b,.checkout-form-card legend small{display:block}.checkout-form-card legend small{color:#718096;font-size:11px}.payment-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.payment-options label{margin:0}.payment-options input{position:absolute;opacity:0}.payment-options span{min-height:86px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;border:1px solid #dce7f2;border-radius:14px;cursor:pointer}.payment-options input:checked+span{border-color:#1677e8;background:#edf6ff;color:#0c62bd}.payment-options i{font-style:normal;font-size:21px}.proof-drop{margin-top:18px}.proof-drop input{position:absolute;opacity:0;pointer-events:none}.proof-drop>span{min-height:145px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px dashed #9bb9d6;border-radius:16px;background:#f8fbff;cursor:pointer;overflow:hidden}.proof-drop i{font-style:normal;font-size:25px;color:#1677e8}.proof-drop b{margin:5px 0}.proof-drop small{color:#718096}.proof-drop img{width:100%;max-height:145px;object-fit:cover}.checkout-submit{min-height:58px;font-size:16px}.checkout-order-summary h2{margin:8px 0 15px}.checkout-summary-items article{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #e7edf4}.checkout-summary-items b,.checkout-summary-items small{display:block}.checkout-summary-items small{margin-top:3px;color:#718096}.checkout-summary-items strong{white-space:nowrap}.checkout-total{display:flex;justify-content:space-between;padding:20px 0}.checkout-total b{color:#1677e8;font-size:23px}.checkout-order-summary>p{color:#718096;font-size:12px}.checkout-security{display:grid;gap:8px;padding-top:15px;border-top:1px solid #e7edf4;color:#47705f;font-size:13px}
.order-success-premium{max-width:820px;margin:0 auto;padding:75px 24px 95px;text-align:center}.success-ring{width:112px;height:112px;margin:0 auto 20px;padding:11px;border:1px solid #b8eed8;border-radius:50%;background:#effcf6}.success-ring span{width:100%;height:100%;display:grid;place-items:center;border-radius:50%;background:#0ca66a;color:#fff;font-size:45px}.order-success-premium h1{margin:10px auto;font-size:clamp(35px,5vw,55px)}.order-success-premium>p{color:#6a7b90;font-size:17px}.success-order-code{margin:28px 0;padding:22px;border:1px solid #dce7f2;border-radius:20px;background:#fff}.success-order-code small,.success-order-code code{display:block}.success-order-code code{margin:7px 0;color:#0a67ca;font-size:clamp(19px,4vw,29px);font-weight:900}.success-order-code button{border:0;background:none;color:#1677e8;font-weight:800;cursor:pointer}.success-next-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin:24px 0}.success-next-steps article{padding:19px;border:1px solid #dce7f2;border-radius:17px;background:#fff;text-align:right}.success-next-steps i{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#10203a;color:#62d4ff;font-style:normal}.success-next-steps b,.success-next-steps span{display:block}.success-next-steps b{margin-top:12px}.success-next-steps span{margin-top:5px;color:#718096;font-size:12px;line-height:1.7}.success-warning{font-size:12px!important}.premium-footer{min-height:auto;display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:45px;padding:60px max(24px,calc((100vw - 1180px)/2)) 25px}.premium-footer>div:not(.footer-brand){display:flex;flex-direction:column;gap:11px}.premium-footer h3{margin:0 0 8px;font-size:15px}.premium-footer a{color:#a9c2da;text-decoration:none;font-size:13px}.premium-footer a:hover{color:#fff}.footer-brand .brand{color:#fff}.footer-brand p{max-width:380px;line-height:1.9}.footer-whatsapp{display:inline-block;margin-top:8px;color:#58e19b!important;font-weight:800}.premium-footer>small{grid-column:1/-1;margin-top:15px}
html[data-theme="dark"] body:not(.admin-mode) .related-grid>a,html[data-theme="dark"] body:not(.admin-mode) .cart-product-card,html[data-theme="dark"] body:not(.admin-mode) .cart-checkout-card,html[data-theme="dark"] body:not(.admin-mode) .checkout-form-card fieldset,html[data-theme="dark"] body:not(.admin-mode) .checkout-order-summary,html[data-theme="dark"] body:not(.admin-mode) .success-order-code,html[data-theme="dark"] body:not(.admin-mode) .success-next-steps article{background:#0d1b2d;border-color:#26384d;color:#f4f8ff}
@media(max-width:900px){.related-grid{grid-template-columns:1fr}.cart-layout,.checkout-premium-grid{grid-template-columns:1fr}.cart-checkout-card,.checkout-order-summary{position:static}.premium-footer{grid-template-columns:repeat(2,1fr)}.footer-brand{grid-column:1/-1}}
@media(max-width:650px){.announcement-bar{justify-content:space-between;padding:7px 13px}.announcement-bar span{display:none}.announcement-bar b{font-size:10px}.announcement-bar a{font-size:10px}.cart-shell,.checkout-premium{padding:38px 15px 70px}.cart-product-card{grid-template-columns:58px minmax(0,1fr) 32px}.cart-product-logo{height:58px}.cart-product-logo img{width:46px;height:46px}.cart-product-main{align-items:flex-start;flex-direction:column}.cart-product-card>strong{grid-column:2}.cart-product-card>form:last-child{grid-column:3;grid-row:1}.payment-options{grid-template-columns:1fr}.checkout-form-card .two{grid-template-columns:1fr}.checkout-progress{margin-bottom:38px}.checkout-progress b{font-size:10px}.success-next-steps{grid-template-columns:1fr}.mobile-buy-bar{position:fixed;z-index:90;right:0;bottom:0;left:0;padding:10px 13px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #dce7f2;background:rgba(255,255,255,.94);box-shadow:0 -12px 35px rgba(16,50,87,.13);backdrop-filter:blur(14px)}.mobile-buy-bar small,.mobile-buy-bar b{display:block}.mobile-buy-bar small{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#718096;font-size:10px}.mobile-buy-bar .btn{padding:11px 20px}.floating-whatsapp{bottom:82px}.premium-footer{grid-template-columns:1fr;gap:28px}.footer-brand{grid-column:auto}.premium-footer>small{grid-column:1}.product-final-cta{margin-bottom:110px}html[data-theme="dark"] body:not(.admin-mode) .mobile-buy-bar{background:rgba(7,17,31,.94);border-color:#26384d}}
.floating-whatsapp{position:fixed;z-index:95;left:22px;bottom:22px;min-height:54px;padding:0 17px;display:flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:#16a765;color:#fff;text-decoration:none;box-shadow:0 14px 34px rgba(22,167,101,.34);transition:transform .2s ease,box-shadow .2s ease}.floating-whatsapp:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(22,167,101,.42)}.floating-whatsapp span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.16);font-size:18px}.floating-whatsapp b{font:700 13px "Cairo","Tajawal",sans-serif}.customer-portal-mode .floating-whatsapp{bottom:22px}@media(max-width:760px){.floating-whatsapp{left:13px;bottom:13px;min-height:50px;padding:0 13px}.customer-portal-mode .floating-whatsapp{bottom:82px}.floating-whatsapp b{font-size:12px}}
.track-result{margin-top:20px;padding:24px;border-radius:20px;box-shadow:0 14px 40px rgba(24,68,126,.08)}.customer-timeline.six-steps{position:relative;display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:8px;margin-top:18px;padding:24px}.customer-timeline.six-steps:before{content:"";position:absolute;top:41px;right:8%;left:8%;height:2px;background:#dce7f2}.customer-timeline.six-steps>div{min-height:auto;display:flex;align-items:center;flex-direction:column;text-align:center}.customer-timeline.six-steps>div:after{display:none!important}.customer-timeline.six-steps i{position:relative;z-index:1}.customer-timeline.six-steps span{margin-top:9px}.premium-message{min-height:600px}.premium-message .success-icon{background:#fff4de;color:#d48806}
@media(max-width:650px){.customer-timeline.six-steps{grid-template-columns:repeat(2,1fr)!important;gap:20px}.customer-timeline.six-steps:before{display:none}.track-result{grid-template-columns:1fr}.premium-message{min-height:520px}.mobile-buy-bar~.floating-whatsapp,.floating-whatsapp{bottom:82px}}

/* V4.9.0 — Premium Commerce */
:root{--mk-night:#07152d;--mk-night-2:#0b2144;--mk-cyan:#54d7ff;--mk-violet:#755cff;--mk-glow:0 24px 70px rgba(7,30,69,.16)}
body:not(.admin-mode):not(.customer-portal-mode){background:#f5f8fc}
.announcement-bar{min-height:38px;padding:7px max(24px,calc((100vw - 1320px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--mk-night);color:#c7d6eb;font-size:12px}.announcement-bar>div{display:flex;align-items:center;gap:10px}.announcement-bar b{color:#fff}.announcement-bar a{color:#9be7ff;font-weight:800}.announce-live{width:7px;height:7px;border-radius:50%;background:#60e39a;box-shadow:0 0 0 5px rgba(96,227,154,.11);animation:mk-live 2s ease infinite}
.site-header{height:82px;position:sticky;top:0;z-index:80;padding:0 max(24px,calc((100vw - 1320px)/2));transition:height .25s,box-shadow .25s,background .25s}.site-header.is-compact{height:66px;background:rgba(255,255,255,.97);box-shadow:0 12px 34px rgba(7,30,69,.11)}.site-header .brand img{width:142px;height:55px}.site-header .nav-cta{padding-inline:18px!important;background:var(--mk-night)!important;color:#fff!important;box-shadow:0 8px 20px rgba(7,21,45,.18)}
.home-mode main{overflow:hidden}.home-hero{width:min(1320px,calc(100% - 40px));min-height:610px;margin:28px auto 0;padding:72px clamp(32px,5vw,76px);grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);gap:70px;position:relative;border:0;border-radius:34px;background:radial-gradient(circle at 12% 20%,rgba(84,215,255,.16),transparent 30%),radial-gradient(circle at 90% 90%,rgba(117,92,255,.19),transparent 36%),linear-gradient(135deg,#06142d,#0b2145 58%,#0d2852);box-shadow:0 35px 90px rgba(7,25,59,.22);color:#fff;isolation:isolate}.home-hero:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.055),transparent 42%);z-index:-1}.home-hero:after{content:"MEGA";position:absolute;bottom:-28px;right:36px;font:900 clamp(90px,14vw,190px)/1 Arial;color:rgba(255,255,255,.025);letter-spacing:-10px;z-index:-1}
.hero-copy{position:relative;z-index:2}.hero-label{display:inline-flex;align-items:center;gap:10px;margin-bottom:20px;padding:7px 12px 7px 7px;border:1px solid rgba(145,210,255,.2);border-radius:99px;background:rgba(255,255,255,.06);color:#c7d8ed;font-size:11px}.hero-label span{padding:6px 9px;border-radius:99px;background:linear-gradient(135deg,var(--mk-cyan),#4d8cff);color:#06142d;font:900 10px/1 Arial}.home-hero h1{max-width:720px;margin:0;font-size:clamp(39px,5.3vw,72px);line-height:1.25;letter-spacing:-2.3px;color:#fff}.home-hero .hero-copy>p{max-width:640px;margin:24px 0 0;color:#afc2da;font-size:18px;line-height:1.9}.home-hero .hero-actions{margin-top:32px}.home-hero .hero-actions .btn{min-height:50px;padding:12px 22px;border-color:rgba(255,255,255,.18);color:#fff;background:rgba(255,255,255,.05)}.home-hero .hero-actions .primary{border:0;background:linear-gradient(135deg,#0c77ff,#655eff);box-shadow:0 15px 34px rgba(41,105,255,.31)}
.hero-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:42px;padding-top:25px;border-top:1px solid rgba(255,255,255,.11)}.hero-proof div{padding:0 17px;border-right:1px solid rgba(255,255,255,.1)}.hero-proof div:first-child{padding-right:0;border-right:0}.hero-proof b,.hero-proof span{display:block}.hero-proof b{color:#fff;font-size:14px}.hero-proof span{margin-top:4px;color:#7891b1;font-size:11px}
.store-preview{padding:24px;border:1px solid rgba(255,255,255,.13);border-radius:25px;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.055));box-shadow:0 28px 70px rgba(0,0,0,.22);backdrop-filter:blur(18px);transform:perspective(1200px) rotateY(-5deg) rotateX(2deg)}.preview-head{padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.11)}.preview-head b,.preview-product b{color:#fff}.preview-head small,.preview-product small{color:#7f9aba}.preview-product{margin-top:12px;padding:13px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(4,17,39,.38)}.preview-product em{background:rgba(84,215,255,.12);color:#8be6ff}.preview-icon{background:#fff!important}.preview-foot{grid-template-columns:repeat(3,1fr);color:#b8c8db}.floating-note{border:1px solid rgba(255,255,255,.22);background:#fff;color:var(--mk-night);box-shadow:0 18px 42px rgba(0,0,0,.2)}
.service-rail{width:min(1240px,calc(100% - 40px));margin:-28px auto 0;padding:20px 28px;display:grid;grid-template-columns:repeat(4,1fr);position:relative;z-index:3;border:1px solid #e2eaf4;border-radius:19px;background:#fff;box-shadow:0 20px 55px rgba(20,53,96,.11)}.service-rail>div{padding:4px 22px;display:flex;align-items:center;gap:13px;border-left:1px solid #e7edf5}.service-rail>div:last-child{border-left:0}.service-rail i{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:#edf5ff;color:var(--mk-blue);font:800 11px/1 Arial}.service-rail b,.service-rail small{display:block}.service-rail b{font-size:13px}.service-rail small{margin-top:3px;color:#8190a4;font-size:10px}
.professional-note{width:min(1180px,calc(100% - 40px));margin:72px auto 20px;padding:30px 34px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-radius:23px;background:linear-gradient(115deg,#eaf4ff,#f4f0ff);border:1px solid #dce8f7}.professional-note>div{display:flex;align-items:center;gap:20px}.pro-mark{flex:0 0 64px;width:64px;height:64px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,var(--mk-blue),var(--mk-violet));color:#fff;font:900 27px/1 Arial;box-shadow:0 13px 30px rgba(44,90,230,.25)}.professional-note small{color:#537299;font-weight:800}.professional-note h2{margin:4px 0 2px;font-size:21px}.professional-note p{margin:0;color:#718198;font-size:12px}.professional-note>a{white-space:nowrap;color:var(--mk-blue);font-weight:900;font-size:13px}
.products-section{width:min(1320px,calc(100% - 40px));padding-top:75px}.products-section .section-head h2{font-size:clamp(30px,4vw,48px);letter-spacing:-1.6px}.catalog-toolbar{padding:13px;border:1px solid #e2eaf3;border-radius:15px;background:#fff;box-shadow:0 10px 30px rgba(20,53,96,.06)}.product-grid{gap:20px}.product-card{min-height:440px;padding:25px;position:relative;overflow:hidden;border-color:#e0e8f2;border-radius:22px;background:linear-gradient(155deg,#fff,#f9fbfe);box-shadow:0 12px 38px rgba(22,56,100,.07);transition:transform .28s,box-shadow .28s,border-color .28s}.product-card:hover{transform:translateY(-7px);border-color:#b7d4fa;box-shadow:0 24px 58px rgba(18,61,121,.14)}.product-card:before{content:"";position:absolute;top:-80px;left:-70px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(8,108,255,.09),transparent 68%)}.product-card-link{position:absolute;inset:0;z-index:0}.product-card>*:not(.product-card-link){position:relative;z-index:1}.product-icon{width:78px!important;height:78px!important;padding:9px!important;border-radius:20px!important;background:#fff!important;box-shadow:0 10px 28px rgba(20,50,90,.1)}.product-card h3{margin-top:14px;font-size:22px}.product-card>p{min-height:52px;line-height:1.8}.product-meta{min-height:46px}.product-actions{margin-top:auto}.product-actions .btn{position:relative;z-index:2}.quick-add{background:var(--mk-night)!important;color:#fff!important;border-color:var(--mk-night)!important}.price b{font-size:29px}
.service-concierge{width:min(1180px,calc(100% - 40px));margin:80px auto;padding:45px 48px;display:flex;align-items:center;justify-content:space-between;gap:35px;border-radius:27px;background:linear-gradient(120deg,var(--mk-night),#103260);color:#fff;box-shadow:var(--mk-glow)}.service-concierge h2{max-width:760px;margin:9px 0;font-size:clamp(23px,3vw,36px);line-height:1.45;color:#fff}.service-concierge p{margin:0;color:#a8bdd7}.concierge-btn{flex:0 0 auto;border:1px solid rgba(255,255,255,.25)!important;background:#fff!important;color:var(--mk-night)!important}.buying-steps,.why,.payment-trust,.faq-section{width:min(1180px,calc(100% - 40px))}.buying-steps .steps-grid article,.feature-grid article,.payment-grid article{border-radius:20px;box-shadow:0 10px 34px rgba(18,55,100,.06)}.home-cta{width:min(1180px,calc(100% - 40px));border-radius:25px}
.admin-command-bar{margin:17px 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.admin-command-bar a{padding:16px 18px;display:flex;flex-direction:column;border:1px solid #dfe8f3;border-radius:14px;background:linear-gradient(145deg,#fff,#f8fbff);box-shadow:0 7px 22px rgba(20,53,96,.05);transition:.2s}.admin-command-bar a:hover{transform:translateY(-2px);border-color:#a9cdfc;box-shadow:0 13px 28px rgba(20,70,135,.1)}.admin-command-bar b{color:#142641;font-size:13px}.admin-command-bar span{margin-top:4px;color:#7b8ba1;font-size:10px}.admin-title{background:linear-gradient(120deg,#071a38,#10305c);border:0;color:#fff;box-shadow:0 20px 48px rgba(8,34,72,.2)}.admin-title h1{color:#fff}.admin-title p{color:#9db2cc}.admin-title .kicker{color:#6edfff}.admin-title>.btn{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff}
@keyframes mk-live{50%{opacity:.45;box-shadow:0 0 0 8px rgba(96,227,154,0)}}
@media(max-width:980px){.home-hero{min-height:0;grid-template-columns:1fr;padding:48px 34px}.store-preview{transform:none}.service-rail{grid-template-columns:repeat(2,1fr);margin-top:18px}.service-rail>div:nth-child(2){border-left:0}.admin-command-bar{grid-template-columns:repeat(2,1fr)}.professional-note,.service-concierge{align-items:flex-start;flex-direction:column}.professional-note>a{margin-right:84px}}
@media(max-width:640px){.announcement-bar{padding:8px 14px}.announcement-bar>div>span:not(.announce-live){display:none}.announcement-bar a{font-size:10px}.site-header{height:68px;padding-inline:14px}.site-header .brand img{width:118px}.home-hero{width:calc(100% - 20px);margin-top:10px;padding:36px 21px;border-radius:23px}.home-hero:after{display:none}.hero-label b{display:none}.home-hero h1{font-size:36px;letter-spacing:-1.4px}.home-hero .hero-copy>p{font-size:15px}.home-hero .hero-actions{display:grid}.home-hero .hero-actions .btn{width:100%}.hero-proof{grid-template-columns:1fr 1fr}.hero-proof div:last-child{display:none}.store-preview{padding:15px}.preview-foot{grid-template-columns:1fr 1fr}.preview-foot span:last-child,.floating-note{display:none}.service-rail{width:calc(100% - 20px);grid-template-columns:1fr;padding:10px 18px}.service-rail>div{padding:11px 2px;border-left:0;border-bottom:1px solid #e7edf5}.service-rail>div:last-child{border-bottom:0}.professional-note{width:calc(100% - 20px);margin-top:42px;padding:24px}.professional-note>div{align-items:flex-start}.pro-mark{width:49px;height:49px;flex-basis:49px}.professional-note h2{font-size:17px}.professional-note p{font-size:11px}.professional-note>a{margin-right:69px}.products-section{width:calc(100% - 20px);padding-top:45px}.product-card{min-height:405px}.service-concierge{width:calc(100% - 20px);margin:50px auto;padding:30px 24px}.service-concierge .btn{width:100%}.admin-command-bar{grid-template-columns:1fr 1fr}.admin-command-bar a{padding:13px}.admin-title{border-radius:14px}}
html[data-theme="dark"] .professional-note{background:linear-gradient(115deg,#10294d,#1b244d);border-color:#29436b}html[data-theme="dark"] .professional-note h2{color:#fff}html[data-theme="dark"] .service-rail,html[data-theme="dark"] .catalog-toolbar,html[data-theme="dark"] .product-card{background:#0d1d35;border-color:#243a59}html[data-theme="dark"] .service-rail b,html[data-theme="dark"] .product-card h3{color:#edf5ff}html[data-theme="dark"] .service-rail>div{border-color:#263d5d}html[data-theme="dark"] .site-header.is-compact{background:rgba(8,20,39,.97)}

/* V4.9.1 — lock the new hero against legacy home selectors */
.home-mode .home-hero{width:min(1320px,calc(100% - 40px));min-height:610px;margin:28px auto 0;padding:72px clamp(32px,5vw,76px);grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);gap:70px;overflow:hidden;border:0;border-radius:34px;background:radial-gradient(circle at 12% 20%,rgba(84,215,255,.16),transparent 30%),radial-gradient(circle at 90% 90%,rgba(117,92,255,.19),transparent 36%),linear-gradient(135deg,#06142d,#0b2145 58%,#0d2852);box-shadow:0 35px 90px rgba(7,25,59,.22);color:#fff}
.home-mode .home-hero:before{inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(115deg,rgba(255,255,255,.055),transparent 42%)}
.home-mode .home-hero:after{content:"MEGA";position:absolute;display:block;bottom:-28px;right:36px;font:900 clamp(90px,14vw,190px)/1 Arial;color:rgba(255,255,255,.025);letter-spacing:-10px;z-index:-1}
.home-mode .home-hero h1{max-width:720px;margin:0;color:#fff;font-size:clamp(39px,5.3vw,72px);line-height:1.25;letter-spacing:-2.3px}
.home-mode .home-hero .hero-copy>p{max-width:640px;margin:24px 0 0;color:#afc2da;font-size:18px;line-height:1.9}
.home-mode .home-hero .hero-actions{justify-content:flex-start}.home-mode .home-hero .hero-actions .btn{color:#fff}.home-mode .home-hero .hero-proof b{color:#fff}.home-mode .home-hero .hero-proof span{color:#7891b1}
.home-mode .service-rail{background:#fff;color:var(--mk-ink)}
html[data-theme="dark"] .home-mode .service-rail{background:#0d1d35;color:#edf5ff}
@media(max-width:980px){.home-mode .home-hero{min-height:0;grid-template-columns:1fr;gap:38px;padding:48px 34px}.home-mode .home-hero .hero-copy{max-width:none;margin:0;text-align:right}.home-mode .home-hero .hero-actions{justify-content:flex-start}.home-mode .home-hero .hero-visual{height:auto;display:block}}
@media(max-width:640px){.home-mode .home-hero{width:calc(100% - 20px);margin-top:10px;padding:36px 21px 42px;grid-template-columns:1fr;border-radius:23px}.home-mode .home-hero:after{display:none}.home-mode .home-hero h1{font-size:36px;line-height:1.35;letter-spacing:-1.4px}.home-mode .home-hero .hero-copy>p{font-size:15px}.home-mode .home-hero .hero-visual{display:none}.home-mode .home-hero .hero-actions{display:grid}.home-mode .home-hero .hero-actions .btn{width:100%}.home-mode .service-rail{width:calc(100% - 20px)}}
.home-mode .buying-steps{padding-top:42px;padding-bottom:36px}.home-mode .compact-faq{padding-top:36px;padding-bottom:72px}.compact-faq .section-head{align-items:end}.compact-faq .faq-list{grid-template-columns:repeat(3,minmax(0,1fr))}.faq-support{color:var(--mk-blue);font-size:13px;font-weight:900;white-space:nowrap}@media(max-width:850px){.compact-faq .faq-list{grid-template-columns:1fr}.compact-faq .section-head{align-items:start}.faq-support{margin-top:8px}}

/* Storefront V5.0 — wider products and secure download center */
.home-mode .products-section{width:min(1380px,calc(100% - 40px))}
.home-mode .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.home-mode .product-card{min-height:430px;padding:29px}
.home-mode .product-icon{width:86px!important;height:86px!important}
.downloads-page{width:min(1280px,calc(100% - 40px));margin:0 auto;padding:42px 0 90px}
.downloads-hero{min-height:270px;padding:48px 54px;display:flex;align-items:center;justify-content:space-between;gap:32px;overflow:hidden;position:relative;border:1px solid rgba(116,190,255,.2);border-radius:30px;background:radial-gradient(circle at 15% 10%,rgba(24,130,255,.32),transparent 34%),linear-gradient(135deg,#07172d,#102e52);color:#fff;box-shadow:0 26px 70px rgba(12,42,80,.2)}
.downloads-hero:after{content:"";position:absolute;left:-80px;bottom:-160px;width:360px;height:360px;border:1px solid rgba(120,205,255,.16);border-radius:50%;box-shadow:0 0 0 48px rgba(81,173,255,.035),0 0 0 96px rgba(81,173,255,.025)}
.downloads-hero>div{position:relative;z-index:1}.downloads-hero h1{margin:10px 0;font-size:clamp(38px,6vw,68px);line-height:1.2}.downloads-hero p{max-width:650px;margin:0;color:#b8cee6;font-size:16px;line-height:1.9}
.download-shield{min-width:245px;padding:22px;display:flex;align-items:center;gap:16px;border:1px solid rgba(255,255,255,.15);border-radius:20px;background:rgba(255,255,255,.08);backdrop-filter:blur(12px)}.download-shield i{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#1f95ff,#6555ff);font-size:28px;font-style:normal}.download-shield b,.download-shield small{display:block}.download-shield small{margin-top:4px;color:#aac2dc}
.download-toolbar{margin:28px 0 24px;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #e0e9f3;border-radius:17px;background:#fff;box-shadow:0 12px 36px rgba(20,55,100,.07)}.download-toolbar>label{min-width:310px;display:flex;align-items:center;gap:9px;padding:0 14px;border:1px solid #dce6f1;border-radius:12px;background:#f8fbff}.download-toolbar input{width:100%;min-height:46px;border:0;background:transparent;outline:0}.download-filters{display:flex;gap:7px;overflow:auto}.download-filters button{padding:10px 14px;flex:none;border:0;border-radius:10px;background:#f1f5fa;color:#52657c;font:700 12px "Cairo",sans-serif;cursor:pointer}.download-filters button.active{background:#0d71e8;color:#fff}
.download-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.download-card{min-height:310px;padding:23px;display:flex;flex-direction:column;border:1px solid #dfe8f2;border-radius:22px;background:linear-gradient(155deg,#fff,#f8fbff);box-shadow:0 12px 38px rgba(22,56,100,.07);transition:.25s}.download-card:hover{transform:translateY(-5px);border-color:#b5d3f8;box-shadow:0 22px 50px rgba(18,61,121,.13)}.file-type{width:70px;height:70px;display:grid;place-items:center;border-radius:19px;background:linear-gradient(145deg,#e9f4ff,#dcecff);color:#0d70df;box-shadow:inset 0 0 0 1px #d3e6fa}.file-type b{font-size:13px}.file-pdf{background:linear-gradient(145deg,#fff0f0,#ffe0e0);color:#d83c3c}.file-zip,.file-rar,.file-7z{background:linear-gradient(145deg,#f4efff,#e9ddff);color:#7044d7}.download-card-body{flex:1}.download-card-body>span{display:inline-block;margin-top:17px;color:#1678e8;font-size:11px;font-weight:900}.download-card h2{margin:8px 0;font-size:20px;line-height:1.55}.download-card p{min-height:48px;margin:0;color:#6d7e92;font-size:13px;line-height:1.8}.download-card-body>div{margin-top:16px;display:flex;gap:15px;color:#8492a5}.download-btn{margin-top:20px;min-height:47px;justify-content:space-between;background:#0b1b31!important;color:#fff!important}.download-empty{margin:35px 0}.catalog-empty[data-download-empty]{grid-column:1/-1}
.download-admin-layout{margin-top:18px;display:grid;grid-template-columns:minmax(330px,.72fr) minmax(0,1.28fr);gap:18px;align-items:start}.download-upload-panel{position:sticky;top:94px}.download-upload-panel form{display:grid;gap:13px}.admin-file-drop{padding:26px 18px;display:grid;gap:7px;text-align:center;border:1px dashed #99bce8;border-radius:14px;background:#f5f9ff;color:#345575;cursor:pointer}.admin-file-drop input{padding:8px;background:#fff}.admin-file-drop small{color:#72849a}.admin-download-list{display:grid;gap:10px}.admin-download-list article{padding:14px;display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:13px;border:1px solid #e0e8f2;border-radius:14px;background:#fbfdff}.admin-file-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:14px;background:#e8f3ff;color:#0d70df;font-size:10px;font-weight:900}.admin-download-list article>div:nth-child(2){min-width:0}.admin-download-list b,.admin-download-list span,.admin-download-list small{display:block}.admin-download-list b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-download-list span,.admin-download-list small{margin-top:3px;color:#728197;font-size:11px}.admin-file-actions{display:flex;align-items:center;gap:6px}.admin-file-actions form{margin:0}.admin-file-actions .btn{min-height:35px;padding:7px 9px;font-size:10px}
html[data-theme="dark"] body:not(.admin-mode) .download-toolbar,html[data-theme="dark"] body:not(.admin-mode) .download-card{border-color:#26384d;background:#0d1b2d;color:#f2f7ff}html[data-theme="dark"] body:not(.admin-mode) .download-toolbar>label{border-color:#30445d;background:#111f32}html[data-theme="dark"] body:not(.admin-mode) .download-toolbar input{color:#fff}html[data-theme="dark"] body:not(.admin-mode) .download-filters button{background:#17273b;color:#bac9dc}html[data-theme="dark"] body:not(.admin-mode) .download-filters button.active{background:#147bea;color:#fff}
@media(max-width:1050px){.home-mode .product-grid,.download-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.download-admin-layout{grid-template-columns:1fr}.download-upload-panel{position:static}}
@media(max-width:700px){.home-mode .products-section,.downloads-page{width:calc(100% - 20px)}.home-mode .product-grid,.download-grid{grid-template-columns:1fr}.home-mode .product-card{min-height:400px;padding:24px}.downloads-page{padding-top:16px}.downloads-hero{min-height:0;padding:32px 23px;align-items:flex-start;flex-direction:column;border-radius:23px}.downloads-hero h1{font-size:39px}.download-shield{width:100%;min-width:0}.download-toolbar{align-items:stretch;flex-direction:column}.download-toolbar>label{min-width:0}.admin-download-list article{grid-template-columns:50px minmax(0,1fr)}.admin-file-icon{width:50px;height:50px}.admin-file-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr)}.admin-file-actions .btn{width:100%}}

/* Storefront V5.1 — merchandising highlights */
.home-offer-banner{width:min(1320px,calc(100% - 40px));margin:22px auto 0;padding:22px 27px;display:grid;grid-template-columns:62px minmax(0,1fr) auto;align-items:center;gap:19px;border:1px solid rgba(142,118,255,.35);border-radius:22px;background:linear-gradient(110deg,#101f3b,#172e58 58%,#392676);color:#fff;box-shadow:0 20px 48px rgba(15,42,85,.18)}.offer-symbol{width:62px;height:62px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,#26a4ff,#7a4dff);font-size:26px;font-weight:900}.home-offer-banner small{color:#74d7ff;font-weight:900}.home-offer-banner h2{margin:3px 0;font-size:21px}.home-offer-banner p{margin:0;color:#bdd0e8;font-size:13px}.home-offer-banner .btn{min-width:155px;background:#fff;color:#11213b;box-shadow:none}
.popular-strip{margin-bottom:42px;padding:17px;display:grid;grid-template-columns:1.05fr repeat(3,1fr);gap:10px;border:1px solid #dce7f2;border-radius:20px;background:linear-gradient(145deg,#0a1a30,#102b4d);box-shadow:0 18px 45px rgba(15,48,87,.15)}.popular-heading{padding:10px 12px;display:flex;justify-content:center;flex-direction:column;color:#fff}.popular-heading span{color:#62cfff;font-size:11px;font-weight:900}.popular-heading b{margin-top:5px;font-size:15px}.popular-strip>a{min-width:0;padding:11px;display:grid;grid-template-columns:24px 46px minmax(0,1fr) 20px;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(255,255,255,.06);color:#fff;text-decoration:none;transition:.2s}.popular-strip>a:hover{background:rgba(255,255,255,.12);transform:translateY(-2px)}.popular-strip img{width:46px;height:46px;padding:4px;object-fit:contain;border-radius:12px;background:#fff}.popular-strip a b,.popular-strip a small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.popular-strip a b{font-size:12px}.popular-strip a small{margin-top:3px;color:#9fc2e4;font-size:10px}.popular-strip a i{color:#61ceff;font-style:normal}.popular-rank{color:#58caff;font-size:10px;font-weight:900}
.product-badges .discount-badge{background:linear-gradient(135deg,#ee3f64,#ff6b3d);color:#fff;box-shadow:0 7px 18px rgba(238,63,100,.22)}.product-badges .popular-badge{background:linear-gradient(135deg,#6d4cff,#268dff);color:#fff;box-shadow:0 7px 18px rgba(78,102,255,.2)}
.home-downloads{padding-top:38px;padding-bottom:34px}.home-download-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.home-download-grid>a{min-width:0;padding:17px;display:grid;grid-template-columns:54px minmax(0,1fr) 35px;align-items:center;gap:13px;border:1px solid #dce7f2;border-radius:17px;background:#fff;color:#172a43;text-decoration:none;box-shadow:0 10px 30px rgba(19,55,98,.06);transition:.2s}.home-download-grid>a:hover{transform:translateY(-3px);border-color:#acd0fb}.home-download-grid>a>span{width:54px;height:54px;display:grid;place-items:center;border-radius:14px;background:#e9f4ff;color:#0870df;font-size:10px;font-weight:900}.home-download-grid small,.home-download-grid b,.home-download-grid em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-download-grid small{color:#1478e8;font-size:10px;font-weight:900}.home-download-grid b{margin:3px 0;font-size:13px}.home-download-grid em{color:#8190a2;font-size:10px;font-style:normal}.home-download-grid>a>i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#0b1b31;color:#fff;font-style:normal}.offer-admin-fields{margin:9px 0;padding:15px;display:grid;gap:12px;border:1px solid #dce7f2;border-radius:14px;background:#f7faff}.offer-admin-fields legend{padding:0 8px;color:#1a72d5;font-weight:900}
html[data-theme="dark"] body:not(.admin-mode) .home-download-grid>a{border-color:#26384d;background:#0d1b2d;color:#f3f8ff}
@media(max-width:1050px){.popular-strip{grid-template-columns:1fr repeat(3,minmax(0,1fr))}.popular-heading{grid-column:1/-1}.home-download-grid{grid-template-columns:1fr 1fr}.home-download-grid>a:last-child{grid-column:1/-1}}
@media(max-width:700px){.home-offer-banner{width:calc(100% - 20px);padding:18px;grid-template-columns:50px 1fr}.offer-symbol{width:50px;height:50px}.home-offer-banner .btn{grid-column:1/-1;width:100%}.popular-strip{margin-bottom:30px;grid-template-columns:1fr}.popular-heading{grid-column:auto}.home-download-grid{grid-template-columns:1fr}.home-download-grid>a:last-child{grid-column:auto}.home-downloads .section-head{align-items:flex-start}.home-downloads .faq-support{margin-top:8px}}

/* Customer 360 V5.2 — premium account experience */
.customer-portal-mode{background:radial-gradient(circle at 8% 4%,rgba(50,133,255,.15),transparent 24%),linear-gradient(145deg,#f4f8fd,#eef4fb 54%,#f8fbff)}
.customer-portal-mode main{padding-top:12px}.c360-hero,.c360-summary,.c360-quick-actions,.c360-layout{width:min(1380px,100%)}
.c360-hero{min-height:180px;padding:30px 38px;grid-template-columns:190px minmax(300px,1fr) 230px 160px;gap:26px;overflow:hidden;border:1px solid rgba(118,190,255,.21);border-radius:28px;background:radial-gradient(circle at 8% 10%,rgba(27,142,255,.29),transparent 30%),linear-gradient(135deg,#07182d,#102f52 60%,#112641);color:#fff;box-shadow:0 28px 70px rgba(8,38,75,.22)}.c360-hero:before{content:"";position:absolute;left:-130px;bottom:-270px;width:460px;height:460px;border:1px solid rgba(110,203,255,.15);border-radius:50%;box-shadow:0 0 0 55px rgba(62,162,255,.035),0 0 0 110px rgba(62,162,255,.025)}.c360-logo{padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(255,255,255,.96)}.c360-logo img{width:155px;height:68px}.c360-greet{border-color:rgba(255,255,255,.13)}.c360-member-label{display:inline-flex;margin-bottom:8px;padding:5px 9px;border-radius:999px;background:rgba(69,188,255,.13);color:#68d4ff;font-size:10px;font-weight:900}.c360-greet h1{color:#fff;font-size:clamp(27px,3vw,40px)}.c360-greet p{color:#afc5dd;font-size:14px}.c360-secure{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);color:#fff;backdrop-filter:blur(10px)}.c360-secure small{color:#9fb9d3}.c360-head-support{min-height:49px;background:#fff;color:#102541;box-shadow:0 12px 28px rgba(0,0,0,.16)}
.c360-summary{margin-top:-24px;position:relative;z-index:3;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;padding:0 20px}.c360-summary article{min-height:114px;padding:18px 20px;border-radius:18px;box-shadow:0 16px 38px rgba(17,56,104,.11)}.c360-summary article>i{flex-basis:48px;width:48px;height:48px;border-radius:14px}.c360-summary .summary-paid>i{background:#ebfaf2;color:#0b9e55}.c360-summary b{font-size:22px}.c360-summary small{font-size:11px}
.c360-quick-actions{margin:17px auto 25px;padding:11px;display:grid;grid-template-columns:repeat(4,1fr);gap:9px;border:1px solid #dce7f2;border-radius:19px;background:rgba(255,255,255,.78);box-shadow:0 10px 35px rgba(22,57,100,.07);backdrop-filter:blur(12px)}.c360-quick-actions button{min-height:72px;padding:11px 14px;display:flex;align-items:center;gap:12px;border:0;border-radius:13px;background:transparent;color:#172a43;text-align:right;cursor:pointer;transition:.2s}.c360-quick-actions button:hover{background:#eef6ff;transform:translateY(-2px)}.c360-quick-actions i{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:12px;background:#e8f3ff;color:#0b72e7;font-size:20px;font-style:normal}.c360-quick-actions b,.c360-quick-actions small{display:block}.c360-quick-actions b{font-size:13px}.c360-quick-actions small{margin-top:3px;color:#74849a;font-size:10px}
.c360-layout>.section-head,.c360-layout>div>.section-head{display:flex;margin:28px 0 15px;align-items:end;justify-content:space-between}.c360-layout .section-head h2{margin:0;font-size:25px}.c360-layout .section-head p{margin:4px 0 0;color:#708198;font-size:12px}.c360-subs,.c360-subs.c360-count-1,.c360-subs.c360-count-2{gap:20px}.c360-sub{min-height:380px;padding:21px;border-radius:21px;position:relative}.c360-sub:before{content:"";position:absolute;right:0;top:0;bottom:0;width:4px;background:#18a75f}.c360-sub.is-expiring:before{background:#ff9f0a}.c360-sub.is-expired:before{background:#ef476f}.c360-sub.is-expiring{border-color:#f4dcb5}.c360-sub.is-expired{border-color:#f1cad3}.c360-subhead{min-height:66px}.c360-brand{flex-basis:56px;width:56px!important;height:56px!important;border-radius:16px!important}.c360-subhead h3{font-size:18px}.c360-subhead em{padding:7px 10px;border-radius:999px}.c360-body{grid-template-columns:112px 1fr}.c360-ring{width:104px;height:104px;box-shadow:0 9px 25px rgba(24,72,132,.1)}.c360-ring:before{width:81px;height:81px}.c360-dates p{padding:10px;border-radius:11px;background:#f7faff}.c360-dates span,.c360-services>span{font-size:11px}.c360-dates b{font-size:12px}.c360-pay{font-size:12px}.c360-pay i{height:7px}.c360-services p{font-size:12px}.c360-actions .btn{min-height:43px;font-size:12px}.c360-extra{padding:14px;border:1px solid #dce8f5;border-radius:13px;font-size:11px}
.c360-bottom{margin-top:28px;gap:20px}.c360-bottom>article{min-height:250px;padding:23px;border-radius:21px}.c360-track-card{background:linear-gradient(145deg,#fff,#f7fbff)}.c360-empty{grid-column:1/-1;padding:55px 25px;text-align:center;border:1px dashed #b8cde5;border-radius:22px;background:#fff}.c360-empty>span{width:64px;height:64px;margin:0 auto 14px;display:grid;place-items:center;border-radius:18px;background:#eaf4ff;color:#0b72e7;font-size:28px}.c360-empty b{display:block;font-size:20px}.c360-empty p{color:#718198}.c360-empty .btn{margin-top:10px}.mini-table{overflow:hidden;border:1px solid #dce7f2;border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(22,57,100,.06)}.mini-table>div{padding:15px 18px;display:grid;grid-template-columns:1fr auto auto;gap:15px;border-bottom:1px solid #e7edf5}.mini-table>div:last-child{border-bottom:0}.mini-table span{padding:5px 8px;border-radius:8px;background:#eaf4ff;color:#0b70df;font-size:11px}.mini-table small{color:#718198}
@media(max-width:1150px){.c360-hero{grid-template-columns:160px 1fr 220px}.c360-head-support{grid-column:3}.c360-summary{grid-template-columns:repeat(2,1fr)}.c360-subs,.c360-subs.c360-count-1,.c360-subs.c360-count-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.customer-portal-mode main{padding-top:1px}.c360-hero{margin-top:8px;padding:24px 18px;display:grid;grid-template-columns:1fr;gap:15px;border-radius:22px;text-align:center}.c360-logo{width:170px;margin:auto}.c360-greet{padding:0;border:0}.c360-greet h1{font-size:25px}.c360-greet p{font-size:12px}.c360-secure{grid-column:auto}.c360-summary{margin-top:10px;padding:0;grid-template-columns:1fr 1fr;gap:8px}.c360-summary article{min-height:94px;padding:13px;gap:9px}.c360-summary article>i{flex-basis:38px;width:38px;height:38px}.c360-summary b{font-size:17px}.c360-summary span{font-size:11px}.c360-summary small{font-size:9px}.c360-quick-actions{margin:10px auto 18px;grid-template-columns:1fr 1fr;gap:6px}.c360-quick-actions button{min-height:65px;padding:8px}.c360-quick-actions i{width:37px;height:37px;flex-basis:37px}.c360-layout .section-head h2{font-size:20px}.c360-subs,.c360-subs.c360-count-1,.c360-subs.c360-count-2{grid-template-columns:1fr}.c360-sub{padding:17px;min-height:0}.c360-body{display:grid;grid-template-columns:86px 1fr}.c360-ring{width:80px;height:80px}.c360-ring:before{width:62px;height:62px}.c360-actions{grid-template-columns:1fr}.mini-table>div{grid-template-columns:1fr auto}.mini-table small{grid-column:1/-1}.c360-bottom>article{border-radius:17px}}
@media(max-width:430px){.c360-summary{grid-template-columns:1fr}.c360-quick-actions{grid-template-columns:1fr}.c360-body{display:block}.c360-ring{float:none;margin:12px auto 18px}.c360-dates{grid-template-columns:1fr 1fr}.c360-actions{clear:both}}

/* V5.3 — on-site customer support chat */
.c360-head-support{cursor:pointer}.support-chat-backdrop{position:fixed;z-index:109;inset:0;background:rgba(4,14,28,.48);backdrop-filter:blur(3px)}.support-chat-drawer{position:fixed;z-index:110;top:0;bottom:0;left:0;width:min(430px,100%);display:grid;grid-template-rows:auto 1fr auto;background:#f4f8fd;box-shadow:24px 0 70px rgba(3,20,42,.28);transform:translateX(-105%);transition:transform .28s ease}.support-chat-drawer.open{transform:none}.support-chat-drawer>header{min-height:88px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(135deg,#07192f,#10345b);color:#fff}.support-chat-drawer>header>div{display:flex;align-items:center;gap:10px}.support-chat-drawer header b,.support-chat-drawer header small{display:block}.support-chat-drawer header small{margin-top:3px;color:#a9c2dc;font-size:10px}.support-online{width:12px;height:12px;border:3px solid rgba(255,255,255,.2);border-radius:50%;background:#21d477;box-shadow:0 0 0 5px rgba(33,212,119,.1)}.support-chat-drawer header button{width:38px;height:38px;border:1px solid rgba(255,255,255,.18);border-radius:11px;background:rgba(255,255,255,.08);color:#fff;font-size:24px;cursor:pointer}.customer-chat-messages{padding:20px;overflow:auto;display:flex;align-items:flex-start;flex-direction:column;gap:10px}.customer-chat-messages article{max-width:84%;padding:11px 13px;border-radius:16px;box-shadow:0 5px 18px rgba(22,55,98,.08)}.customer-chat-messages p{margin:0;font-size:13px;line-height:1.75}.customer-chat-messages small{display:block;margin-top:5px;font-size:9px;opacity:.66}.chat-customer{align-self:flex-start;border-bottom-right-radius:5px!important;background:#0c73e8;color:#fff}.chat-admin{align-self:flex-end;border:1px solid #dce7f2;border-bottom-left-radius:5px!important;background:#fff;color:#172a43}.chat-welcome{width:100%;margin:auto;text-align:center;color:#6b7d92}.chat-welcome>span{width:58px;height:58px;margin:0 auto 12px;display:grid;place-items:center;border-radius:18px;background:#e6f2ff;color:#0b73e8;font-size:25px}.chat-welcome b{display:block;color:#172a43}.chat-welcome p{font-size:12px}.support-chat-drawer>form{padding:14px;display:grid;grid-template-columns:1fr auto;gap:9px;border-top:1px solid #dbe5f0;background:#fff}.support-chat-drawer textarea{height:52px;min-height:52px;max-height:120px;margin:0;padding:13px;resize:none}.support-chat-drawer form button{padding:0 17px;border:0;border-radius:12px;background:#0b72e7;color:#fff;font-weight:900;cursor:pointer}.support-chat-drawer form button:disabled{opacity:.55}.chat-open{overflow:hidden}
.c360-hero:before{pointer-events:none}.c360-whatsapp-support{position:relative;z-index:5;pointer-events:auto;display:flex!important;align-items:center;justify-content:center;gap:9px!important;border:0!important;background:#20b85a!important;color:#fff!important;text-decoration:none!important;box-shadow:0 12px 28px rgba(18,168,78,.28)!important}.c360-whatsapp-support>span:first-child{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#16a34a;font-size:18px}.c360-whatsapp-support b,.c360-whatsapp-support small{display:block;line-height:1.35}.c360-whatsapp-support b{font-size:12px}.c360-whatsapp-support small{margin-top:2px;color:#eafff1;font-size:9px}.c360-direct-chat{position:fixed;z-index:90;left:22px;bottom:22px;min-width:210px;padding:12px 15px;display:flex;align-items:center;gap:11px;border:1px solid rgba(255,255,255,.28);border-radius:17px;background:linear-gradient(135deg,#0875e8,#0754b8);color:#fff;box-shadow:0 16px 38px rgba(7,82,174,.3);cursor:pointer}.c360-direct-chat:hover{transform:translateY(-2px)}.c360-direct-chat i{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.16);font-style:normal}.c360-direct-chat b,.c360-direct-chat small{display:block;text-align:right}.c360-direct-chat b{font-size:13px}.c360-direct-chat small{margin-top:2px;color:#cde5ff;font-size:9px}
.c360-mobile-nav button{min-width:48px;display:grid;gap:2px;border:0;background:transparent;text-align:center;color:#64748b;font:inherit;cursor:pointer}.c360-mobile-nav button span{font-size:18px}.c360-mobile-nav button small{font-size:8px}
.support-workspace{margin-top:18px;min-height:650px;display:grid;grid-template-columns:350px minmax(0,1fr);overflow:hidden;border:1px solid #dce6f1;border-radius:20px;background:#fff;box-shadow:0 16px 45px rgba(20,55,100,.08)}.support-thread-list{overflow:auto;border-left:1px solid #e1e9f2;background:#f8fbff}.support-thread-list>header{padding:20px;display:flex;justify-content:space-between;border-bottom:1px solid #e1e9f2}.support-thread-list header small{color:#718198}.support-thread-list>a{padding:14px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;border-bottom:1px solid #e7edf5;color:#1b2c43;text-decoration:none}.support-thread-list>a:hover,.support-thread-list>a.active{background:#eaf4ff}.support-thread-list>a.unread{border-right:4px solid #0b72e7;background:#f0f7ff}.support-thread-list>a>span{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#137eff,#075dcc);color:#fff;font-weight:900}.support-thread-list a b,.support-thread-list a small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-thread-list a small{margin-top:4px;color:#738398;font-size:10px}.support-thread-list a em{padding:5px 7px;border-radius:7px;background:#edf3fa;color:#5e7086;font-size:9px;font-style:normal}.support-chat-admin{min-width:0;display:grid;grid-template-rows:auto 1fr auto}.support-chat-admin>header{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e1e9f2}.support-chat-admin header b,.support-chat-admin header small{display:block}.support-chat-admin header small{margin-top:3px;color:#74849a}.support-messages{padding:24px;overflow:auto;display:flex;align-items:flex-start;flex-direction:column;gap:11px;background:#f3f7fc}.support-messages article{max-width:76%;padding:12px 15px;border-radius:16px}.support-messages p{margin:0;line-height:1.8}.support-messages small{display:block;margin-top:5px;font-size:9px;opacity:.67}.support-messages .from-customer{align-self:flex-start;border-bottom-right-radius:5px;background:#0b72e7;color:#fff}.support-messages .from-admin{align-self:flex-end;border:1px solid #dce6f1;border-bottom-left-radius:5px;background:#fff}.support-reply{padding:14px;display:grid;grid-template-columns:1fr auto;gap:10px;border-top:1px solid #e1e9f2}.support-reply textarea{min-height:55px;max-height:130px;margin:0}.support-no-thread{margin:auto;text-align:center;color:#718198}.support-no-thread>span{font-size:36px;color:#0b72e7}
@media(max-width:900px){.support-workspace{grid-template-columns:280px 1fr}}
@media(max-width:700px){.support-chat-drawer{width:100%}.support-workspace{display:block}.support-thread-list{max-height:280px;border-left:0;border-bottom:1px solid #e1e9f2}.support-chat-admin{min-height:560px}.support-reply{grid-template-columns:1fr}.support-reply .btn{width:100%}.c360-direct-chat{left:12px;bottom:76px;min-width:0;padding:10px 12px}.c360-direct-chat small{display:none}}

/* Engineer support program */
.engineer-aid-cta{width:min(1280px,calc(100% - 40px));margin:35px auto;padding:27px 30px;display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:20px;border:1px solid rgba(73,184,255,.22);border-radius:24px;background:radial-gradient(circle at 10% 10%,rgba(40,155,255,.25),transparent 32%),linear-gradient(135deg,#07182d,#103456);color:#fff;box-shadow:0 22px 55px rgba(11,43,81,.18)}.aid-cta-mark{width:72px;height:72px;display:grid;place-items:center;border-radius:20px;background:#fff;color:#111;font:900 35px Arial}.engineer-aid-cta small{color:#60d2ff;font-weight:900}.engineer-aid-cta h2{margin:3px 0;font-size:22px}.engineer-aid-cta p{margin:0;color:#b4c9df;font-size:13px}.engineer-aid-cta .btn{background:#fff;color:#102541;box-shadow:none}
.aid-form .form-error{margin:0 0 15px;padding:12px 14px;border:1px solid #f3b4b4;border-radius:12px;background:#fff1f1;color:#9c2020;font-size:12px;font-weight:800;line-height:1.7}
.aid-page{width:min(1160px,calc(100% - 40px));margin:35px auto 90px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid #dce6f1;border-radius:30px;background:#fff;box-shadow:0 26px 70px rgba(12,44,84,.14)}.aid-intro{padding:55px;display:flex;justify-content:center;flex-direction:column;background:radial-gradient(circle at 15% 10%,rgba(37,150,255,.3),transparent 34%),linear-gradient(145deg,#07172c,#10345b);color:#fff}.aid-intro h1{margin:12px 0;font-size:clamp(36px,5vw,60px);line-height:1.3}.aid-intro>p{color:#bdd0e4;font-size:16px;line-height:1.9}.aid-intro>small{color:#8faac5;line-height:1.8}.aid-principles{margin:24px 0;display:grid;gap:9px}.aid-principles span{padding:10px 12px;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:rgba(255,255,255,.06);font-size:12px}.aid-principles span:before{content:"✓";margin-left:8px;color:#55dba0}.aid-form{padding:45px;display:grid;align-content:center;gap:12px}.aid-form h2{margin:0 0 10px;font-size:25px}.aid-consent{display:flex!important;align-items:flex-start;gap:9px}.aid-consent input{width:auto;margin-top:4px}.aid-success{grid-column:1/-1;padding:80px 25px;text-align:center}.aid-success>span{width:78px;height:78px;margin:0 auto 18px;display:grid;place-items:center;border-radius:24px;background:#e8faf1;color:#0aa158;font-size:35px}.aid-success h1{font-size:40px}.aid-success p{color:#718198}.aid-success>div{width:min(360px,100%);margin:24px auto;padding:18px;border:1px solid #dce7f2;border-radius:15px;background:#f7faff}.aid-success small,.aid-success b{display:block}.aid-success b{margin-top:5px;color:#0b72e7;font-size:20px}.aid-admin-list{margin-top:18px;display:grid;gap:14px}.aid-admin-list>article{padding:20px;border:1px solid #dce6f1;border-radius:18px;background:#fff;box-shadow:0 9px 28px rgba(22,56,100,.06)}.aid-admin-list article>header{display:flex;align-items:center;justify-content:space-between}.aid-admin-list header b,.aid-admin-list header small{display:block}.aid-admin-list header small{margin-top:4px;color:#718198}.aid-status{padding:6px 10px;border-radius:999px;background:#edf4ff;color:#0b70df;font-size:10px;font-weight:900}.status-approved{background:#eaf9f1;color:#0a9650}.status-rejected{background:#fff0f3;color:#d2395c}.status-reviewing{background:#fff6e8;color:#bc6b00}.aid-contact{margin:14px 0;display:flex;gap:8px;flex-wrap:wrap}.aid-contact>*{padding:6px 9px;border-radius:8px;background:#f1f6fb;color:#52657b;font-size:11px;text-decoration:none}.aid-admin-list article>p{padding:14px;border-radius:12px;background:#f8fbff;line-height:1.9}.aid-admin-list form{display:grid;gap:10px}.aid-admin-list form textarea{min-height:72px}.aid-admin-list form>div{display:flex;gap:8px;justify-content:flex-end}
@media(max-width:780px){.engineer-aid-cta{width:calc(100% - 20px);padding:22px;grid-template-columns:55px 1fr}.aid-cta-mark{width:55px;height:55px}.engineer-aid-cta .btn{grid-column:1/-1;width:100%}.aid-page{width:calc(100% - 20px);grid-template-columns:1fr}.aid-intro,.aid-form{padding:30px 22px}.aid-intro h1{font-size:37px}.aid-admin-list form>div{display:grid;grid-template-columns:1fr}.aid-admin-list form .btn{width:100%}}

/* V5.4 unified operations inbox */
.inbox-tools{margin:18px 0;padding:12px;display:grid;grid-template-columns:1fr minmax(240px,360px) auto;gap:10px;align-items:center;border:1px solid #dce6f1;border-radius:17px;background:#fff}.inbox-tabs{display:flex;gap:6px;flex-wrap:wrap}.inbox-tabs a{padding:9px 12px;border-radius:10px;color:#5f7187;text-decoration:none;font-size:12px;font-weight:800}.inbox-tabs a.active{background:#0b70df;color:#fff}.inbox-tools label{margin:0}.inbox-tools input{margin:0}.inbox-list{display:grid;gap:10px}.inbox-item{position:relative;padding:16px 18px;display:grid;grid-template-columns:110px minmax(0,1fr) auto;align-items:center;gap:16px;overflow:hidden;border:1px solid #dce6f1;border-radius:16px;background:#fff;color:#172a43;text-decoration:none;box-shadow:0 8px 24px rgba(18,55,100,.05)}.inbox-item:before{content:"";position:absolute;right:0;top:0;bottom:0;width:4px;background:#84a1bd}.inbox-item.priority-high:before{background:#f5a524}.inbox-item.priority-urgent:before{background:#ef476f}.inbox-type{padding:8px 9px;border-radius:9px;background:#edf4fb;color:#536981;text-align:center;font-size:10px;font-weight:900}.inbox-item b,.inbox-item small{display:block}.inbox-item p{margin:4px 0;color:#60738a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox-item small{color:#8796a8;font-size:10px}.inbox-item em{color:#0b70df;font-size:11px;font-style:normal;font-weight:900}.inbox-item:hover{border-color:#a8cef8;transform:translateY(-2px)}.inbox-empty{padding:60px 20px}.inbox-empty>span{display:block;color:#0aa158;font-size:38px}
@media(max-width:850px){.inbox-tools{grid-template-columns:1fr}.inbox-item{grid-template-columns:90px 1fr}.inbox-item>em{grid-column:2}.inbox-item p{white-space:normal}}

/* V5.5 — subscription-first customer portal */
.customer-portal-mode main{overflow:hidden}.c360-hero{min-height:145px;padding-block:22px}.c550-stage{position:relative;margin-top:18px;padding:25px 28px 36px;overflow:hidden;border-radius:30px;background:radial-gradient(circle at 10% 15%,rgba(43,165,255,.29),transparent 25%),radial-gradient(circle at 90% 90%,rgba(84,74,255,.23),transparent 32%),linear-gradient(145deg,#06162b,#0b2c53 65%,#10213c);box-shadow:0 27px 70px rgba(5,32,68,.2);isolation:isolate}.c550-stage:before,.c550-stage:after{content:"";position:absolute;z-index:-1;border:1px solid rgba(255,255,255,.1);border-radius:50%;pointer-events:none}.c550-stage:before{width:330px;height:330px;right:-180px;top:-210px;box-shadow:0 0 0 45px rgba(64,170,255,.035),0 0 0 90px rgba(64,170,255,.025)}.c550-stage:after{width:210px;height:210px;left:-120px;bottom:-135px;box-shadow:0 0 0 35px rgba(103,93,255,.045)}.c550-stage>.section-head{margin:0 0 22px!important;color:#fff}.c550-stage .section-head h2{color:#fff;font-size:30px}.c550-stage .section-head p{color:#a9c0d8}.c550-stage .section-head>em{padding:8px 12px;border:1px solid rgba(77,222,153,.28);border-radius:999px;background:rgba(24,181,105,.12);color:#62e0a2;font-size:11px;font-style:normal;font-weight:900}.c550-kicker{display:block;margin-bottom:4px;color:#5fcfff;font-size:10px;font-weight:900;letter-spacing:1px}.c550-stage .c360-subs,.c550-stage .c360-subs.c360-count-1,.c550-stage .c360-subs.c360-count-2{width:min(940px,100%);margin:auto;display:grid;grid-template-columns:1fr;gap:23px}.c550-stage .c360-sub{min-height:0;padding:27px 30px;border:0;border-radius:28px;background:linear-gradient(160deg,#fff,#f7faff);box-shadow:0 25px 55px rgba(0,0,0,.25);transform:perspective(1100px) rotateX(1deg);transition:.25s}.c550-stage .c360-sub:hover{transform:perspective(1100px) rotateX(0) translateY(-3px)}.c550-stage .c360-sub:before{width:6px;border-radius:0 28px 28px 0}.c550-stage .c360-subhead{padding-bottom:15px;border-bottom:1px solid #e4ebf3}.c550-stage .c360-brand{width:70px!important;height:70px!important;flex-basis:70px;border-radius:20px!important}.c550-stage .c360-subhead h3{font-size:24px}.c550-stage .c360-subhead small{font-size:12px}.c550-stage .c360-subhead em{font-size:11px}.c550-duration{margin:22px 0 7px;padding:16px 18px;border:1px solid #e0e9f3;border-radius:17px;background:#f7faff}.c550-duration>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px}.c550-duration span{color:#728298;font-size:11px}.c550-duration b{color:#102b4d;font-size:14px}.c550-duration-track{height:12px;margin:11px 0 8px;overflow:hidden;border-radius:999px;background:#e3eaf2;box-shadow:inset 0 1px 3px rgba(11,37,68,.08)}.c550-duration-fill{width:var(--duration);height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#0870e5,#38bdf8);box-shadow:0 3px 10px rgba(8,112,229,.28)}.c550-duration>small{display:flex;justify-content:space-between}.c550-duration>small span{font-size:10px}.c550-stage .c360-body{grid-template-columns:125px minmax(0,1fr);gap:25px}.c550-stage .c360-ring{width:116px;height:116px}.c550-stage .c360-ring:before{width:89px;height:89px}.c550-stage .c360-actions{margin-top:15px;grid-template-columns:1fr 1fr;gap:12px}.c550-stage .c360-actions .btn{min-height:50px;border-radius:14px;font-size:13px}.c360-layout>div>.c360-summary{width:100%;margin:22px 0 0;padding:0;gap:10px}.c360-layout>div>.c360-summary article{min-height:98px;padding:14px}.c360-layout>div>.c360-quick-actions{width:100%;margin:12px 0 25px}.c360-layout>div>.c360-quick-actions button{min-height:65px}
@media(max-width:760px){.c360-hero{min-height:0}.c550-stage{margin-top:10px;padding:20px 12px 24px;border-radius:24px}.c550-stage>.section-head{align-items:flex-end}.c550-stage .section-head h2{font-size:25px}.c550-stage .c360-sub{padding:20px 16px;border-radius:22px;transform:none}.c550-stage .c360-sub:hover{transform:none}.c550-stage .c360-brand{width:58px!important;height:58px!important;flex-basis:58px}.c550-stage .c360-subhead h3{font-size:19px}.c550-duration{margin-top:16px;padding:14px}.c550-duration>div:first-child{align-items:flex-start;flex-direction:column;gap:3px}.c550-stage .c360-body{display:grid;grid-template-columns:90px 1fr;gap:13px}.c550-stage .c360-ring{width:86px;height:86px}.c550-stage .c360-ring:before{width:66px;height:66px}.c550-stage .c360-actions{grid-template-columns:1fr}.c360-layout>div>.c360-summary{grid-template-columns:1fr 1fr}.c360-layout>div>.c360-quick-actions{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.c550-stage .section-head>em{font-size:9px}.c550-stage .c360-body{display:block}.c550-stage .c360-ring{margin:12px auto}.c360-layout>div>.c360-summary,.c360-layout>div>.c360-quick-actions{grid-template-columns:1fr}}

/* V5.6 — Premium Prize Corner */
.nav-prizes{color:#80520b!important;background:linear-gradient(135deg,#fff5cf,#ffd874);padding:9px 13px;border-radius:999px}.home-prize-banner{max-width:1180px;margin:34px auto 0;padding:28px 32px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:28px;color:#fff;border-radius:25px;background:radial-gradient(circle at 15% 20%,#ffda7655,transparent 25%),linear-gradient(135deg,#07152d,#102c5a);box-shadow:0 25px 60px #07152d30}.home-prize-banner span{color:#ffd86b;font-weight:900;font-size:12px}.home-prize-banner h2{font-size:28px;margin:7px 0}.home-prize-banner p{margin:0;color:#b8cce7}.home-prize-winner{min-width:210px;padding:14px 20px;border:1px solid #ffffff20;border-radius:16px;background:#ffffff0c}.home-prize-winner>*{display:block}.home-prize-winner small{color:#ffda76}.home-prize-winner b{font-size:20px}.home-prize-winner em{font-style:normal;color:#9db4d2;font-size:12px}.home-prize-banner .btn{background:#ffd86b;color:#162039;white-space:nowrap}
.prize-public-page{background:linear-gradient(180deg,#f8fbff,#eef4fc)}.prize-public-hero{position:relative;overflow:hidden;max-width:1240px;min-height:470px;margin:35px auto;padding:70px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:45px;color:#fff;border-radius:38px;background:radial-gradient(circle at 75% 35%,#156fff55,transparent 30%),linear-gradient(140deg,#061327,#102f63)}.prize-copy{position:relative;z-index:2}.prize-copy>span,.prize-label{font-size:12px;font-weight:900;letter-spacing:2px;color:#ffd768}.prize-copy h1{font-size:clamp(48px,7vw,82px);margin:12px 0}.prize-copy p{max-width:650px;color:#bbcee8;font-size:18px;line-height:1.9}.prize-cup{position:relative;z-index:2;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #ffffff1c;border-radius:45px;background:linear-gradient(145deg,#ffffff12,#ffffff04);box-shadow:inset 0 1px #ffffff24,0 35px 65px #0005;transform:rotate(-4deg)}.prize-cup i{font-style:normal;font-size:110px;line-height:1;color:#ffd35d;text-shadow:0 18px 40px #ffb70055}.prize-cup b{font-size:25px}.prize-cup small{color:#9db5d5}.prize-current{padding-top:55px}.prize-result-card{margin-top:15px;padding:38px;display:grid;grid-template-columns:.9fr 1.1fr;gap:35px;background:#fff;border:1px solid #dce7f3;border-radius:28px;box-shadow:0 25px 60px #102c5a15}.prize-result-card h2{font-size:36px;margin:8px 0}.prize-result-card p{color:#687b91;line-height:1.8}.prize-result-card>div:first-child strong,.prize-result-card>div:first-child em{display:block;margin-top:12px;font-style:normal}.prize-result-card>div:first-child strong{color:#936800}.public-winners{display:grid;gap:12px}.public-winners article{display:flex;align-items:center;gap:15px;padding:18px;border:1px solid #e5ecf4;border-radius:17px;background:#f8fbff}.public-winners article>span{font-size:30px}.public-winners article div>*{display:block}.public-winners b{font-size:19px}.public-winners em{font-style:normal;color:#74869a;font-size:12px}.prize-history-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.prize-history-grid article{padding:24px;background:#fff;border:1px solid #dfe9f3;border-radius:20px;box-shadow:0 12px 30px #102c5a0d}.prize-history-grid h3{font-size:21px;margin:8px 0}.prize-history-grid p,.prize-history-grid small{color:#75879b}.prize-history-grid article div{display:grid;gap:5px;margin-top:18px;color:#725306}
.prize-admin-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-bottom:20px}.prize-admin-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:17px;background:#fff3c5;color:#956400;font-size:28px}.prize-draw-submit{margin-top:18px;background:linear-gradient(135deg,#0c6ff0,#654cff)}.prize-wheel-preview{text-align:center;color:#71849a}.site-prize-wheel{width:min(330px,75vw);aspect-ratio:1;margin:30px auto 22px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;border:12px solid #fff;outline:2px solid #dfc370;background:conic-gradient(#08285a 0 12.5%,#f1c95a 0 25%,#1478ed 0 37.5%,#fff2ba 0 50%,#08285a 0 62.5%,#f1c95a 0 75%,#1478ed 0 87.5%,#fff2ba 0);box-shadow:0 25px 55px #102c5a28,inset 0 0 0 65px #071a38}.site-prize-wheel>*{position:relative;z-index:2;color:#fff}.site-prize-wheel i{font-style:normal;font-size:55px;color:#ffd967}.site-prize-wheel span,.site-prize-wheel b{font-size:12px;letter-spacing:4px}.prize-admin-list{display:grid;gap:16px}.prize-admin-list>article{padding:20px;border:1px solid #dfe8f2;border-radius:18px}.prize-admin-list header{display:flex;align-items:center;justify-content:space-between;gap:18px}.prize-admin-list h3{margin:5px 0;font-size:22px}.prize-admin-list p,.prize-admin-list small{margin:0;color:#74869a}.admin-winners{display:grid;gap:9px;margin-top:16px}.admin-winners>div{display:grid;grid-template-columns:45px 1fr 190px;align-items:center;gap:12px;padding:12px;background:#f7faff;border-radius:13px}.admin-winners>div>span{font-size:23px}.admin-winners p>*{display:block}.admin-winners select{margin:0}
@media(max-width:900px){.home-prize-banner,.prize-public-hero,.prize-result-card,.prize-admin-layout{grid-template-columns:1fr}.home-prize-banner{margin-inline:18px}.prize-public-hero{margin:18px;border-radius:28px;padding:42px}.prize-cup{min-height:230px}.prize-history-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.home-prize-banner{padding:24px}.prize-public-hero{padding:30px 22px}.prize-copy h1{font-size:48px}.prize-result-card{padding:22px}.prize-history-grid{grid-template-columns:1fr}.admin-winners>div{grid-template-columns:38px 1fr}.admin-winners form{grid-column:1/-1}.prize-admin-list header{align-items:flex-start;flex-direction:column}}
.portal-prize-win{margin:16px 0 24px;padding:23px 26px;display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:18px;border-radius:22px;background:radial-gradient(circle at 10% 20%,#ffd95b33,transparent 28%),linear-gradient(135deg,#07162c,#123767);color:#fff;box-shadow:0 18px 40px #0a2b5928}.portal-prize-win>span{font-size:40px}.portal-prize-win small{color:#ffd969;font-weight:900}.portal-prize-win h2{margin:4px 0;font-size:24px}.portal-prize-win p{margin:0;color:#bad0e8}.portal-prize-win .btn{background:#ffd768;color:#172238}@media(max-width:650px){.portal-prize-win{grid-template-columns:45px 1fr}.portal-prize-win .btn{grid-column:1/-1;width:100%}}

/* V5.7 — customer experience, trust and service transparency */
.home-trust-metrics{width:min(1240px,calc(100% - 40px));margin:-1px auto 38px;display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:1px solid #dbe7f3;border-radius:0 0 22px 22px;background:#fff;box-shadow:0 18px 45px #15375f12}.home-trust-metrics article{min-height:105px;padding:20px;display:flex;align-items:center;gap:13px;border-left:1px solid #e8eef5}.home-trust-metrics article:last-child{border-left:0}.home-trust-metrics i{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#edf6ff;color:#0872e5;font-style:normal;font-weight:900}.home-trust-metrics b,.home-trust-metrics span{display:block}.home-trust-metrics b{color:#102845;font-size:17px}.home-trust-metrics span{margin-top:3px;color:#728398;font-size:11px}.home-trust-metrics a{color:inherit;text-decoration:none}.home-reviews>.section-head>strong{font-size:26px;color:#132b49}.home-reviews>.section-head>strong span,.review-stars{color:#efae16;letter-spacing:2px}.home-review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.home-review-grid article{padding:25px;border:1px solid #dce7f2;border-radius:21px;background:linear-gradient(155deg,#fff,#f7faff);box-shadow:0 15px 38px #143b6810}.home-review-grid p{min-height:76px;color:#40556e;line-height:1.9}.home-review-grid footer{padding-top:15px;border-top:1px solid #e5ecf3}.home-review-grid footer>*{display:block}.home-review-grid footer small{margin-top:3px;color:#8492a4}
.service-status-page{width:min(1050px,calc(100% - 40px));margin:45px auto 90px}.service-status-page>header{padding:42px;border-radius:28px;background:radial-gradient(circle at 10% 20%,#177fe844,transparent 32%),linear-gradient(140deg,#07162d,#103a6c);color:#fff}.service-status-page h1{margin:9px 0;font-size:clamp(34px,5vw,58px)}.service-status-page header>p{color:#b8cce2}.overall-status{margin-top:25px;padding:16px 18px;display:grid;grid-template-columns:13px 1fr;align-items:center;gap:6px 11px;border:1px solid #ffffff1d;border-radius:16px;background:#ffffff0d}.overall-status i,.service-status-list article>span{width:12px;height:12px;border-radius:50%;background:#20cf7d;box-shadow:0 0 0 6px #20cf7d20}.overall-status small{grid-column:2;color:#a9bed6}.overall-status.has-issue i{background:#ffb21a}.service-status-list{margin:22px 0;display:grid;gap:12px}.service-status-list article{padding:20px;display:grid;grid-template-columns:15px 1fr auto;align-items:center;gap:16px;border:1px solid #dce6f0;border-radius:17px;background:#fff}.service-status-list h2,.service-status-list p{margin:0}.service-status-list p{margin-top:4px;color:#718298;font-size:12px}.service-status-list article>b{color:#0b9858;font-size:12px}.service-status-list .status-degraded>span,.service-status-list .status-maintenance>span{background:#ffb21a}.service-status-list .status-outage>span{background:#eb4767}.service-status-list .status-degraded>b,.service-status-list .status-maintenance>b{color:#b06c00}.service-status-list .status-outage>b{color:#cf3655}
.service-admin-list{display:grid;gap:12px;margin-bottom:18px}.service-admin-list article{padding:16px;display:grid;grid-template-columns:1fr 220px 1.4fr;gap:12px;border:1px solid #dce6f1;border-radius:15px}.service-admin-list label{margin:0}.review-admin-list{display:grid;gap:14px}.review-admin-list article{padding:20px;border:1px solid #dce6f1;border-radius:18px}.review-admin-list article h3{margin:8px 0 2px}.review-admin-list article>small{color:#8190a2}.review-admin-list article>p{padding:13px;border-radius:11px;background:#f7faff;line-height:1.8}.review-admin-list form{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.review-admin-list form span{margin-right:auto;color:#728398}.portal-notification-center{margin:15px 0 24px;padding:20px;border:1px solid #d9e7f4;border-radius:21px;background:#fff;box-shadow:0 14px 35px #143b6810}.portal-notification-center>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.portal-notification-center header span{color:#0872e5;font-size:10px;font-weight:900}.portal-notification-center h2{margin:3px 0}.portal-notification-center header em{padding:6px 10px;border-radius:999px;background:#edf6ff;color:#0872e5;font-style:normal;font-size:10px}.portal-notification-center>div{display:grid;gap:7px}.portal-notification-center a{padding:11px;display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:11px;border-radius:12px;background:#f7faff;color:#20354f;text-decoration:none}.portal-notification-center a>i{width:9px;height:9px;border-radius:50%;background:#1781ed}.portal-notification-center a b,.portal-notification-center a small{display:block}.portal-notification-center a small,.portal-notification-center time{color:#7a899b;font-size:10px}.portal-notification-center .notice-prize>i{background:#e8ae1e}.portal-review-card{margin:17px 0 24px;padding:23px;display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;border:1px solid #dce6f1;border-radius:21px;background:linear-gradient(140deg,#fff,#f6faff)}.portal-review-card>div>span{color:#d79600;font-weight:900}.portal-review-card h2{margin:7px 0}.portal-review-card p{color:#718298}.portal-review-card form{display:grid;grid-template-columns:1fr 1fr;gap:9px}.portal-review-card textarea{grid-column:1/-1;min-height:85px}.portal-review-card button{grid-column:1/-1}.portal-success-note{margin:12px 0;padding:13px 16px;border:1px solid #bce8d1;border-radius:12px;background:#ebfaf2;color:#087d45;font-weight:800}.quick-renew-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px}
@media(max-width:850px){.home-trust-metrics{grid-template-columns:1fr 1fr}.home-trust-metrics article:nth-child(2){border-left:0}.home-review-grid{grid-template-columns:1fr}.service-admin-list article,.portal-review-card{grid-template-columns:1fr}}@media(max-width:560px){.home-trust-metrics{width:calc(100% - 20px);grid-template-columns:1fr}.home-trust-metrics article{border-left:0;border-bottom:1px solid #e8eef5}.service-status-page{width:calc(100% - 20px)}.service-status-page>header{padding:28px 21px}.service-status-list article{grid-template-columns:13px 1fr}.service-status-list article>b{grid-column:2}.portal-notification-center a{grid-template-columns:9px 1fr}.portal-notification-center time{grid-column:2}.portal-review-card form,.quick-renew-fields{grid-template-columns:1fr}.portal-review-card textarea,.portal-review-card button{grid-column:auto}}

/* Portal Mobile UI Fix V4.4.5 */
@media (max-width:760px){
  .customer-portal-mode{padding-bottom:150px!important}
  .customer-portal-mode main{padding:4px 10px 0!important}
  .c360-hero{
    min-height:auto!important;
    margin-top:8px!important;
    padding:16px 14px 14px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    border-radius:18px!important;
    text-align:center!important;
    align-items:start!important;
    overflow:visible!important;
  }
  .c360-hero:before{display:none!important}
  .c360-hero>*{grid-column:auto!important;grid-row:auto!important}
  .c360-logo{width:min(160px,100%)!important;margin:0 auto!important;padding:12px!important;border-radius:16px!important}
  .c360-logo img{width:124px!important;height:auto!important;display:block;margin:auto!important}
  .c360-greet{padding:0!important;border:0!important;text-align:center!important}
  .c360-member-label{margin:0 auto 8px!important}
  .c360-greet h1{margin:0!important;font-size:24px!important;line-height:1.35!important;word-break:break-word!important}
  .c360-greet p{margin-top:6px!important;font-size:11px!important;line-height:1.7!important}
  .c360-secure{
    width:100%!important;
    margin:0!important;
    padding:10px 12px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    border-radius:14px!important;
    text-align:center!important;
  }
  .c360-secure i{flex:0 0 auto}
  .c360-secure small{display:block!important;margin-top:2px!important;font-size:10px!important}
  .c360-head-support{display:none!important}

  .portal-notification-center,
  .c550-stage,
  .c360-bottom>article,
  .c360-hidden-form,
  .portal-review-card,
  .portal-prize-win,
  .mini-table,
  .c360-summary article,
  .c360-sub{border-radius:16px!important}

  .c360-summary{margin:10px auto 14px!important;padding:0!important;grid-template-columns:1fr!important;gap:8px!important}
  .c360-summary article{min-height:78px!important;padding:12px!important;align-items:center!important}
  .c360-summary article>i{flex-basis:42px!important;width:42px!important;height:42px!important}
  .c360-summary span{font-size:10px!important}
  .c360-summary b{font-size:19px!important;line-height:1.25!important}
  .c360-summary small{font-size:9px!important;line-height:1.5!important}

  .c360-quick-actions{margin:12px auto 18px!important;padding:8px!important;grid-template-columns:1fr 1fr!important;gap:7px!important;border-radius:16px!important}
  .c360-quick-actions button{min-height:68px!important;padding:10px!important;gap:10px!important;border-radius:12px!important}
  .c360-quick-actions i{width:38px!important;height:38px!important;flex-basis:38px!important}

  .c550-stage{margin-top:16px!important;padding:18px 14px 22px!important;border-radius:20px!important}
  .c550-stage .section-head,
  .c360-layout .section-head{display:block!important}
  .c550-stage .section-head>div,
  .c360-layout .section-head>div{margin-bottom:8px!important}
  .c550-stage .section-head h2,
  .c360-layout .section-head h2{font-size:22px!important;line-height:1.35!important}
  .c550-stage .section-head p{font-size:11px!important;line-height:1.7!important}
  .c550-stage .section-head>em{display:inline-flex!important}

  .c360-subs,.c360-subs.c360-count-1,.c360-subs.c360-count-2{grid-template-columns:1fr!important;gap:12px!important}
  .c360-sub,.c550-stage .c360-sub{min-height:auto!important;padding:15px!important}
  .c360-subhead,.c550-stage .c360-subhead{min-height:auto!important;gap:10px!important;align-items:center!important}
  .c550-stage .c360-brand,.c360-brand{flex-basis:48px!important;width:48px!important;height:48px!important;border-radius:14px!important}
  .c360-subhead h3,.c550-stage .c360-subhead h3{font-size:16px!important;line-height:1.35!important}
  .c360-subhead small,.c550-stage .c360-subhead small{font-size:10px!important}
  .c360-subhead em,.c550-stage .c360-subhead em{font-size:10px!important}
  .c550-duration{margin:14px 0 8px!important;padding:12px!important;border-radius:14px!important}
  .c550-duration>div:first-child{display:block!important}
  .c550-duration b{display:block!important;margin-top:4px!important}
  .c550-duration>small{gap:8px!important}
  .c360-body,.c550-stage .c360-body{grid-template-columns:1fr!important;gap:12px!important}
  .c360-ring,.c550-stage .c360-ring{margin:0 auto!important;width:82px!important;height:82px!important}
  .c360-ring:before,.c550-stage .c360-ring:before{width:64px!important;height:64px!important}
  .c360-info{min-width:0!important}
  .c360-dates{grid-template-columns:1fr!important;gap:8px!important}
  .c360-dates p,.c360-pay,.c360-services{padding:10px!important;border-radius:12px!important}
  .c360-dates b,.c360-services p{font-size:10px!important;line-height:1.7!important}
  .c360-actions{grid-template-columns:1fr!important;gap:7px!important}
  .c360-actions .btn{width:100%!important;min-height:40px!important}
  .c360-extra{grid-template-columns:1fr!important;gap:8px!important}

  .c360-bottom{margin-top:14px!important;grid-template-columns:1fr!important;gap:12px!important}
  .c360-bottom>article{min-height:auto!important;padding:15px!important}
  .c360-track-card h3{line-height:1.5!important}
  .c360-steps{gap:8px!important}

  .c360-direct-chat{
    left:12px!important;
    right:12px!important;
    bottom:82px!important;
    min-width:0!important;
    width:auto!important;
    padding:10px 12px!important;
    border-radius:15px!important;
    justify-content:flex-start!important;
  }
  .c360-direct-chat i{width:36px!important;height:36px!important;flex:0 0 36px!important}
  .c360-direct-chat b{font-size:12px!important}
  .c360-direct-chat small{display:block!important;font-size:9px!important}

  .c360-mobile-nav{
    height:70px!important;
    padding-bottom:max(env(safe-area-inset-bottom),4px)!important;
  }
  .c360-mobile-nav a,
  .c360-mobile-nav button{min-width:52px!important}
  .c360-mobile-nav small{font-size:9px!important}
}

@media (max-width:400px){
  .customer-portal-mode{padding-bottom:156px!important}
  .c360-hero{padding:14px 12px 12px!important}
  .c360-greet h1{font-size:21px!important}
  .c360-summary article{padding:11px!important}
  .c360-direct-chat{bottom:80px!important;padding:9px 10px!important}
  .c360-direct-chat small{display:none!important}
}

/* Mobile WhatsApp Support V4.4.6 */
@media (max-width:760px){
  /* WhatsApp becomes the primary support action on mobile. */
  .c360-head-support.c360-whatsapp-support{
    display:flex!important;
    width:100%!important;
    min-height:52px!important;
    margin:0!important;
    padding:10px 13px!important;
    border-radius:14px!important;
    justify-content:center!important;
  }
  .c360-head-support.c360-whatsapp-support>span:last-child{text-align:right!important}

  /* Hide the internal website chat entry points only on mobile. */
  .c360-direct-chat{display:none!important}
  .c360-quick-actions button[data-chat-open]{display:none!important}
  .c360-quick-actions{grid-template-columns:1fr 1fr!important}
  .c360-quick-actions button:nth-child(3){grid-column:1/-1!important}

  /* Mobile bottom navigation uses WhatsApp instead of internal chat. */
  .c360-mobile-nav .c360-mobile-whatsapp{color:#13a653!important}

  /* No extra space is needed for the hidden floating chat button. */
  .customer-portal-mode{padding-bottom:82px!important}
}

@media (max-width:400px){
  .customer-portal-mode{padding-bottom:82px!important}
}