/* Mehad VIP Club — customer portal */
.mvc-portal{--ink:#3f2c23;--brown:#5c4033;--sand:#f6ece3;--sand2:#fbf7f1;--clay:#c9845a;--gold:#b48443;--line:#ece2d8;--mute:#7a685c;
  font-family:"IBM Plex Sans Arabic",Tahoma,"Segoe UI",sans-serif;color:var(--ink);direction:rtl;text-align:right;max-width:1040px;margin:0 auto;padding:8px 0 32px;font-size:15px;line-height:1.7}
.mvc-portal *{box-sizing:border-box}
.mvc-portal [hidden]{display:none!important}
.mvc-portal h2,.mvc-portal h3,.mvc-portal h4{font-family:"El Messiri","IBM Plex Sans Arabic",serif;color:var(--ink);margin:0 0 8px;line-height:1.35}
.mvc-portal a{color:var(--brown)}
.mvc-small{font-size:13px;color:var(--mute);margin:6px 0}
.mvc-alert{border-radius:12px;padding:12px 16px;margin:0 0 16px;font-weight:600;border:1px solid}
.mvc-ok{background:#eef6ea;border-color:#cfe5c6;color:#2f5a25}
.mvc-err{background:#fbefe9;border-color:#f0d0c1;color:#8a3a20}
.mvc-info{background:#f7f0e4;border-color:#ead9bb;color:#6a4b1e}

/* buttons */
.mvc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--brown);color:#fff!important;border:0;border-radius:12px;padding:12px 22px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none!important;min-height:46px}
.mvc-btn:hover{background:#4a3329}
.mvc-btn-ghost{background:transparent;color:var(--brown)!important;border:1px solid var(--line)}
.mvc-btn-ghost:hover{background:var(--sand)}
.mvc-vip-btn{display:inline-flex;align-items:center;gap:8px;background:#2f1f17;color:#f1dfb8!important;border-radius:999px;padding:7px 16px 7px 10px;font-weight:700;text-decoration:none!important;font-family:"IBM Plex Sans Arabic",Tahoma,sans-serif}
.mvc-vip-btn span{background:linear-gradient(180deg,#e8c584,#b48443);color:#2f1f17;border-radius:999px;padding:1px 9px;font-size:12px;letter-spacing:1px}

/* hero (logged out) */
.mvc-hero{display:flex;align-items:center;gap:18px;background:radial-gradient(120% 160% at 100% 0%,#5c4033 0%,#2f1f17 65%);color:#fbf3e6;border-radius:18px;padding:22px 24px;margin-bottom:18px}
.mvc-hero h2{color:#e8c584;font-size:26px;margin:0}
.mvc-hero p{margin:4px 0 0;color:#efe2cf}
.mvc-hero-logo{width:64px;height:auto;flex:none}

/* auth */
.mvc-auth{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;max-width:520px;margin:0 auto 26px}
.mvc-tabs{display:flex;gap:6px;background:var(--sand);border-radius:12px;padding:5px;margin-bottom:16px;overflow-x:auto}
.mvc-tabs button,.mvc-tabs a{flex:1;border:0;background:transparent;border-radius:9px;padding:9px 12px;font:inherit;font-weight:700;color:var(--mute);cursor:pointer;white-space:nowrap}
.mvc-tabs .on{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(63,44,35,.12)}
.mvc-tabs button span{background:var(--sand);border-radius:20px;padding:0 8px;font-size:12px;margin-inline-start:4px}
.mvc-form{display:flex;flex-direction:column;gap:12px}
.mvc-form label{display:flex;flex-direction:column;gap:5px;font-size:13.5px;font-weight:700;color:var(--mute)}
.mvc-form input,.mvc-form select,.mvc-form textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 12px;font:inherit;font-weight:500;color:var(--ink);background:#fff;min-height:46px}
.mvc-form input:focus,.mvc-form select:focus,.mvc-form textarea:focus{outline:2px solid var(--clay);outline-offset:1px;border-color:var(--clay)}
.mvc-pw{position:relative;display:block}
.mvc-pw button{position:absolute;left:6px;top:50%;transform:translateY(-50%);border:0;background:transparent;cursor:pointer;font-size:16px;padding:6px;opacity:.6}
.mvc-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:600px){.mvc-row{grid-template-columns:1fr}}

/* tiers overview */
.mvc-tiersov h3{text-align:center;margin-bottom:14px}
.mvc-tgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media(max-width:800px){.mvc-tgrid{grid-template-columns:1fr}}
.mvc-tcard{border-radius:16px;overflow:hidden;background:#fff;border:1px solid var(--line)}
.mvc-tcard-h{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;color:var(--tx);background:radial-gradient(120% 160% at 100% 0%,var(--c2) 0%,var(--c1) 70%)}
.mvc-tcard-h b{font-family:"El Messiri",serif;font-size:17px;color:var(--ac)}
.mvc-tcard-h span{font-family:"El Messiri",serif;font-size:22px;font-weight:700;color:var(--ac)}
.mvc-tcard ul,.mvc-ben{list-style:none;margin:0;padding:12px 16px 16px}
.mvc-tcard li,.mvc-ben li{position:relative;padding-inline-start:18px;margin:5px 0;font-size:14px}
.mvc-tcard li::before,.mvc-ben li::before{content:"";position:absolute;right:0;top:.62em;width:8px;height:8px;border-radius:50%;background:var(--gold)}
.mvc-scope{text-align:center;font-family:"El Messiri",serif;font-weight:700;color:var(--brown);margin:14px 0 0}

/* tier colours (shared by digital card + overview) */
.mvc-t-silver{--c1:#26272b;--c2:#4a4c53;--ac:#e3e5ea;--ac2:#a7acb5;--tx:#f4f5f7}
.mvc-t-gold{--c1:#2f1f17;--c2:#5c4033;--ac:#e8c584;--ac2:#b48443;--tx:#fbf3e6}
.mvc-t-platinum{--c1:#121110;--c2:#34302d;--ac:#efe9dd;--ac2:#b5ab99;--tx:#faf7f1}

/* digital card */
.mvc-card{position:relative;overflow:hidden;width:100%;max-width:440px;aspect-ratio:85.6/54;border-radius:18px;padding:5.5% 6%;color:var(--tx);
  background:radial-gradient(120% 140% at 100% 0%,var(--c2) 0%,var(--c1) 62%);box-shadow:0 14px 34px rgba(46,32,25,.28);display:flex;flex-direction:column;container-type:inline-size}
.mvc-card::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.08) 44%,transparent 58%);pointer-events:none}
.mvc-card::after{content:"";position:absolute;top:0;bottom:0;right:0;width:1.5%;background:linear-gradient(180deg,var(--ac2),var(--ac) 50%,var(--ac2))}
.mvc-house{position:absolute;left:-8%;top:-6%;width:60%;height:115%;opacity:.13}
.mvc-house path{fill:none;stroke:var(--ac);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.mvc-card-top{display:flex;justify-content:space-between;align-items:flex-start;position:relative}
.mvc-card-logo{width:21%;height:auto}
.mvc-card-vip{text-align:left;direction:ltr;display:flex;flex-direction:column;align-items:flex-start}
.mvc-card-vip b{font-size:clamp(22px,9cqw,40px);line-height:.95;letter-spacing:.2em;font-weight:700;color:var(--ac)}
.mvc-card-vip span{font-size:clamp(8px,2.2cqw,11px);letter-spacing:.25em;color:var(--ac2);font-weight:600;margin-top:2px}
.mvc-card-vip em{font-style:normal;direction:rtl;font-family:"El Messiri",serif;font-weight:700;font-size:clamp(12px,3.6cqw,16px);margin-top:4px;color:var(--tx)}
.mvc-card-no{margin-top:auto;direction:ltr;text-align:right;font-weight:700;letter-spacing:.18em;font-size:clamp(14px,5cqw,22px);color:var(--ac);font-variant-numeric:tabular-nums;position:relative}
.mvc-card-name{font-family:"El Messiri",serif;font-weight:700;font-size:clamp(15px,5.2cqw,23px);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}
.mvc-card-bottom{display:flex;justify-content:space-between;align-items:flex-end;margin-top:4%;position:relative}
.mvc-card-dates{display:flex;gap:18px}
.mvc-card-dates span{display:flex;flex-direction:column;font-size:clamp(9px,2.4cqw,11px);color:var(--ac2);font-weight:600;line-height:1.3}
.mvc-card-dates b{font-size:clamp(11px,3.2cqw,14px);color:var(--tx);direction:ltr;text-align:right}
.mvc-card-disc{border:1px solid var(--ac2);border-radius:10px;padding:4px 10px;text-align:center;line-height:1.1}
.mvc-card-disc b{display:block;font-family:"El Messiri",serif;font-size:clamp(16px,5cqw,22px);color:var(--ac);direction:ltr}
.mvc-card-disc span{font-size:clamp(8px,2.2cqw,10px);font-weight:700}
.mvc-card-flag{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%) rotate(-8deg);background:#a2412f;color:#fff;font-weight:700;padding:4px 18px;border-radius:8px;font-size:15px}

/* dashboard */
.mvc-dhead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.mvc-dhead h2{font-size:26px;margin:0}
.mvc-dhead p{margin:0;color:var(--mute);font-weight:600}
.mvc-logout{font-weight:700;font-size:14px;border:1px solid var(--line);border-radius:10px;padding:7px 14px;text-decoration:none!important}
.mvc-dtop{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:18px;align-items:stretch;margin-bottom:20px}
@media(max-width:820px){.mvc-dtop{grid-template-columns:1fr}.mvc-card{margin:0 auto}}
.mvc-quick{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start}
.mvc-quick .mvc-btn{grid-column:1/-1}
.mvc-kpi{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px}
.mvc-kpi b{display:block;font-family:"El Messiri",serif;font-size:30px;line-height:1.1;color:var(--brown)}
.mvc-kpi span{font-size:13px;color:var(--mute);font-weight:600}
.mvc-contact{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap}
.mvc-contact a{flex:1;min-width:140px;text-align:center;border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px;font-weight:700;text-decoration:none!important}
.mvc-contact a:hover{background:var(--sand)}
.mvc-portal>.mvc-tabs{max-width:560px}

.mvc-panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;margin-bottom:16px}
.mvc-empty{background:var(--sand2);border:1px dashed #e2d2c2;border-radius:14px;padding:26px;text-align:center;color:var(--mute)}
.mvc-h{margin-top:18px!important}
.mvc-order,.mvc-req{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin-bottom:12px}
.mvc-order-h{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.mvc-src{font-size:12.5px;color:var(--mute);background:var(--sand);border-radius:20px;padding:1px 10px;margin-inline-start:6px;font-weight:600}
.mvc-order-t{margin:6px 0;font-weight:600}
.mvc-order-f{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--mute)}
.mvc-order-f b{color:var(--ink)}
.mvc-note{background:var(--sand2);border-radius:10px;padding:8px 12px;margin:10px 0 0;font-size:14px}
.mvc-pill{font-size:12.5px;font-weight:700;border-radius:20px;padding:3px 12px;background:var(--sand);color:var(--brown);white-space:nowrap}
.mvc-p-delivered,.mvc-p-wc-completed,.mvc-r-done{background:#eaf3e6;color:#3f6f33}
.mvc-p-ready,.mvc-p-delivery{background:#f7ecd8;color:#7a5524}
.mvc-p-cancelled,.mvc-p-wc-cancelled,.mvc-p-wc-failed,.mvc-p-wc-refunded{background:#f3e3df;color:#8a3a20}
.mvc-r-new{background:#f7ecd8;color:#7a5524}
.mvc-r-closed{background:#eee;color:#666}
.mvc-steps{list-style:none;display:flex;margin:12px 0 10px;padding:0;counter-reset:s}
.mvc-steps li{flex:1;position:relative;text-align:center;font-size:11.5px;color:#a8988c;font-weight:600;padding-top:22px;line-height:1.35}
.mvc-steps li::before{content:"";position:absolute;top:5px;left:50%;width:100%;height:3px;background:#eadfd4;z-index:0}
.mvc-steps li:first-child::before{display:none}
.mvc-steps li::after{content:"";position:absolute;top:0;right:calc(50% - 7px);width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid #eadfd4;z-index:1}
.mvc-steps li.done,.mvc-steps li.cur{color:var(--ink)}
.mvc-steps li.done::before,.mvc-steps li.cur::before{background:var(--clay)}
.mvc-steps li.done::after{background:var(--clay);border-color:var(--clay)}
.mvc-steps li.cur::after{border-color:var(--clay);box-shadow:0 0 0 4px rgba(201,132,90,.2)}
@media(max-width:560px){.mvc-steps li span{display:none}.mvc-steps li.cur span{display:block;position:absolute;top:22px;right:50%;transform:translateX(50%);white-space:nowrap}.mvc-steps{padding-bottom:16px}}
.mvc-reply{background:#f4f8f1;border-right:3px solid #7aa36b;border-radius:8px;padding:8px 12px;margin-top:10px;font-size:14px}
.mvc-reply b{display:block;font-size:12.5px;color:#3f6f33}
.mvc-branches{margin:6px 0 0;padding-inline-start:20px}

/* verification */
.mvc-verify{display:flex;gap:16px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px;margin-bottom:18px}
.mvc-verify h3{margin:0}
.mvc-verify p{margin:2px 0}
.mvc-vbadge{flex:none;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;color:#fff;background:#a2412f}
.mvc-v-active{background:#4e8a3e}
.mvc-v-expired{background:#c08a2e}
.mvc-staff{font-size:13px;background:var(--sand2);border-radius:8px;padding:4px 10px;display:inline-block}

/* ---------- v1.1: exclusive offers ---------- */
.mvc-quick{grid-template-columns:repeat(3,minmax(0,1fr))}
.mvc-kpi-link{text-decoration:none!important;color:inherit!important;background:linear-gradient(135deg,#2f1f17,#5c4033)!important;border-color:#2f1f17!important}
.mvc-kpi-link b{color:#e8c584!important}
.mvc-kpi-link span{color:#f1dfb8!important}
@media(max-width:480px){.mvc-kpi{padding:10px 12px}.mvc-kpi b{font-size:24px}.mvc-kpi span{font-size:12px}}
.mvc-hot{display:inline-block;background:#a2412f!important;color:#fff;border-radius:20px;padding:0 7px;font-size:11.5px;margin-inline-start:4px}
.mvc-hl{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:linear-gradient(90deg,#2f1f17,#5c4033);color:#fbf3e6!important;border-radius:14px;padding:12px 18px;margin:0 0 16px;text-decoration:none!important;box-shadow:0 6px 18px rgba(46,32,25,.18)}
.mvc-hl b{font-family:"El Messiri",serif;font-size:17px;color:#fbf3e6}
.mvc-hl em{font-style:normal;font-family:"El Messiri",serif;font-weight:700;font-size:20px;color:#e8c584}
.mvc-hl-tag{background:#e8c584;color:#2f1f17;border-radius:20px;padding:1px 10px;font-size:12px;font-weight:700}
.mvc-hl-go{margin-inline-start:auto;font-size:13px;font-weight:700;color:#e8c584}
.mvc-offers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media(max-width:760px){.mvc-offers{grid-template-columns:1fr}}
.mvc-offer{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 14px rgba(46,32,25,.06)}
.mvc-offer-media{position:relative;aspect-ratio:2/1;background:#f1e6da;overflow:hidden}
.mvc-offer-media img{width:100%;height:100%;object-fit:cover;display:block}
.mvc-offer-media.mvc-noimg{background:radial-gradient(120% 160% at 100% 0%,#5c4033 0%,#2f1f17 70%);display:flex;align-items:center;justify-content:center}
.mvc-offer-ph{font-family:"El Messiri",serif;font-weight:700;font-size:54px;color:#e8c584;letter-spacing:2px}
.mvc-offer-pct{position:absolute;top:12px;left:12px;background:#e8c584;color:#2f1f17;border-radius:12px;padding:6px 12px;text-align:center;font-size:11px;font-weight:700;line-height:1.1;box-shadow:0 4px 10px rgba(0,0,0,.2)}
.mvc-offer-pct b{display:block;font-family:"El Messiri",serif;font-size:22px;direction:ltr}
.mvc-offer-badge{position:absolute;top:12px;right:12px;background:#a2412f;color:#fff;border-radius:20px;padding:3px 12px;font-size:12px;font-weight:700}
.mvc-offer-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}
.mvc-offer-body h4{margin:0;font-size:18px}
.mvc-offer-body p{margin:0;font-size:14px;color:#4d3c32}
.mvc-offer-meta{list-style:none;margin:0;padding:0;font-size:13px;color:var(--mute)}
.mvc-offer-meta li{position:relative;padding-inline-start:16px;margin:3px 0}
.mvc-offer-meta li::before{content:"";position:absolute;right:0;top:.65em;width:6px;height:6px;border-radius:50%;background:var(--gold)}
.mvc-offer-end{color:#8a3a20!important;font-weight:700}
.mvc-offer-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:6px}
.mvc-offer-code{border:1px dashed var(--gold);border-radius:10px;padding:6px 12px;font-size:13px;background:var(--sand2)}
.mvc-offer-code b{letter-spacing:1px}
.mvc-btn-sm{min-height:38px;padding:8px 18px;font-size:14px}
.mvc-teaser{max-width:520px;margin:-10px auto 22px;text-align:center;background:#2f1f17;color:#f1dfb8;border-radius:12px;padding:10px 16px;font-weight:600}
.mvc-teaser b{color:#e8c584;font-size:18px}