/* Laravel data components share the motogate-2 visual system. */
.legacy-page{background:#080b0c;color:#f5f5f5;font-family:Cairo,sans-serif;color-scheme:dark}.legacy-page .page-content{min-height:60vh}.legacy-page img{max-width:100%}.legacy-page a{color:inherit;text-decoration:none}.legacy-page h1,.legacy-page h2,.legacy-page h3{color:inherit}.legacy-page .section-full{padding:64px clamp(18px,3vw,60px);background:transparent}.legacy-page .container{max-width:1400px}.legacy-page .section-head{direction:rtl;margin-bottom:32px}.legacy-page .section-head.center{text-align:center}.legacy-page .twm-sm-title{color:#ff7517;margin-bottom:10px}.legacy-page .twm-large-title{font-size:clamp(24px,3vw,42px);font-weight:800;line-height:1.5}.legacy-page .site-text-dark{color:#f5f5f5!important}.legacy-page p{line-height:1.9}.legacy-page .site-button{display:inline-flex;justify-content:center;align-items:center;gap:10px;background:linear-gradient(110deg,#ff7517,#ff4108);border:0;border-radius:12px;color:#fff;padding:14px 24px;font-weight:800}.legacy-page .site-button em{font-style:normal}.legacy-page .form-control,.legacy-page .form-select{background-color:#111619;color:#fff;border:1px solid #64503d;min-height:48px;border-radius:10px}.legacy-page input::placeholder,.legacy-page textarea::placeholder{color:#aaa}.legacy-page :focus-visible{outline:2px solid #ff9b52;outline-offset:4px}.legacy-page [hidden]{display:none!important}.legacy-page .scroltop{position:fixed;bottom:20px;right:20px;z-index:20;background:#ff6508;border:0;color:white;width:44px;height:44px;border-radius:50%}.legacy-page .header-inner{direction:ltr}.legacy-page .desktop-nav{direction:rtl;flex-wrap:wrap;justify-content:center}.legacy-page .desktop-nav a{padding:6px 12px!important;font-size:14px!important}.legacy-page .header-calc{white-space:nowrap}.legacy-page .drawer-body{direction:rtl}.legacy-page .hero-model{font-size:clamp(16px,2.5vw,36px)}.legacy-page .hero-description{max-width:540px;margin-inline:auto}.legacy-page .home-hero{min-width:0}.legacy-page .hero-road{pointer-events:none}.legacy-page .twm-banner-search-tabs{width:100%;text-align:right}.legacy-page .twm-tabs-title{font-size:clamp(22px,3vw,36px);text-align:center;margin-bottom:20px}.legacy-page .twm-banner-tabs-filter .nav-tabs{display:grid;border:0;gap:8px;margin:14px 0}.legacy-page .twm-banner-tabs-filter .nav-link{color:#ddd;border:1px solid #63422b;background:#101416;border-radius:12px;padding:10px;cursor:pointer}.legacy-page .twm-banner-tabs-filter .nav-link.active{border-color:#ff7517;background:#ff650019}.legacy-page .tabs-media img{height:40px;width:56px;object-fit:contain}.legacy-page .twm-tabs-bx{display:flex;gap:10px;align-items:center;justify-content:center}.legacy-page .twm-tabs-search-section .row{row-gap:16px}.legacy-page .form-group label{display:block;margin-bottom:8px;color:#eee}.legacy-page .twm-tabs-search-btn{margin-top:20px}.legacy-page .twm-tabs-search-btn button{width:100%}.legacy-page .site-calc-error{color:#ffac9a;padding:16px;border:1px solid #e87155;border-radius:12px;margin:12px 0}.legacy-page .site-calc-browse{margin:16px 0;text-align:center}.legacy-page .installment.framed{min-height:600px;height:auto;padding-block:50px}.legacy-page .calculator-content{position:relative}.legacy-page .finance-panel .twm-tabs-search-section{font-size:14px}.legacy-page .journal-live-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.legacy-page .journal-live-grid .journal-card{min-height:280px}.legacy-page .journal-live-grid .journal-photo{height:260px;object-fit:cover}.legacy-page .journal-live-grid .journal-copy{position:relative;inset:auto;padding:20px;background:#101416}.legacy-page .journal{height:auto;min-height:450px}.legacy-page .why-position-0{grid-area:guarantee}.legacy-page .why-position-1{grid-area:service}.legacy-page .why-position-2{grid-area:price}.legacy-page .why-position-3{grid-area:support}.legacy-page .why-stats{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:22% 12%}.legacy-page .why-stats>div{position:static;transform:none}.legacy-page .why-feature p{font-size:13px;line-height:1.6}.legacy-page .twm-explore-media img{max-height:400px;object-fit:contain}.legacy-page .twm-icon-style-left .twm-media img{width:60px;height:60px;object-fit:contain}.legacy-page .twm-icon-style-left{padding:24px;background:#111619;border:1px solid #ffffff18;border-radius:20px;height:100%}.legacy-page .reviews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.legacy-page .twm-testimonial-section{padding:24px;background:#111619;border:1px solid #ffffff18;border-radius:20px}.legacy-page .twm-testimonial-section img{height:70px;width:70px;border-radius:50%;object-fit:cover}.legacy-page .wt-bnr-inr{padding:70px 20px;background-size:cover;background-position:center;position:relative;isolation:isolate}.legacy-page .wt-bnr-inr:before{content:'';position:absolute;inset:0;background:#080b0cbb;z-index:-1}.legacy-page .wt-title{font-size:clamp(28px,4vw,52px);font-weight:900}.legacy-page .wt-breadcrumb{display:flex;list-style:none;padding:0;gap:20px;margin-top:20px}.legacy-page .twm-blog-detail-wrap{max-width:1000px;margin:auto;direction:rtl}.legacy-page .site-post-body{font-size:18px;line-height:2}.legacy-page .wt-post-media img{max-height:550px;width:100%;object-fit:cover}.legacy-page .site-about-brand-card,.legacy-page .twm-about-feature-box,.legacy-page .twm-why-card,.legacy-page .twm-official-info-card,.legacy-page .site-about-quote,.legacy-page .twm-cta-box-modern{padding:28px;background:#101518;border:1px solid #ffffff22;border-radius:22px;margin-bottom:20px}.legacy-page .twm-official-info-item{display:flex;justify-content:space-between;gap:24px;padding:20px 0;border-bottom:1px solid #ffffff18}.legacy-page .twm-stat-number{font-size:40px;color:#ff7517;font-weight:900}.legacy-page .employee-picture{height:280px}.legacy-page .employee-picture img{width:100%;height:100%;object-fit:cover}.legacy-page .employee-card{width:100%;margin-bottom:24px}.legacy-page .mg-card{border-color:#ff751733;border-radius:22px;background:linear-gradient(145deg,#191b1e,#090b0d)}.legacy-page .mg-card__media{background:radial-gradient(ellipse,#ff650022,transparent 70%)}.legacy-page .mg-card__media:before{display:none}.legacy-page .gallery-feature{margin:20px clamp(18px,3vw,60px)}.legacy-page .featured-copy h1 strong{font-size:clamp(32px,4vw,64px);overflow-wrap:anywhere}.legacy-page .featured-tagline{max-height:120px;overflow:auto}.legacy-page .spec-live-0{top:12%;left:4%}.legacy-page .spec-live-1{top:35%;left:0}.legacy-page .spec-live-2{bottom:10%;left:4%}.legacy-page .spec-live-3{top:12%;right:4%}.legacy-page .spec-live-4{bottom:10%;right:4%}.legacy-page .motogate-fleet-hero{padding-block:40px}.legacy-page .mg-footer{margin-top:40px}.legacy-page .site-apply-card{background:#111619;color:white}.legacy-page .contact-form-panel .mg-inquiry{margin:0;border:0;box-shadow:none;background:transparent;padding:0}.legacy-page .contact-layout{max-width:1400px;margin:auto}.legacy-page .contact-channels{max-width:1400px;margin:30px auto}.legacy-page .about-hero{isolation:isolate}.legacy-page .page-heading{text-align:center;margin:50px auto;max-width:900px;padding-inline:20px}
@media(max-width:1100px){.legacy-page .desktop-nav{display:none!important}.legacy-page .menu-toggle{display:flex!important}.legacy-page .header-inner{justify-content:space-between}.legacy-page .header-calc{margin-left:auto}.legacy-page .journal-live-grid{grid-template-columns:1fr}.legacy-page .installment.framed{min-height:0}.legacy-page .calculator-content{width:100%;max-width:720px;margin:auto}.legacy-page .installment-bike{display:none}.legacy-page .calculator-frame{object-fit:fill}.legacy-page .section-full{padding:40px 18px}}
@media(max-width:600px){.legacy-page .site-header .header-inner{gap:12px;padding:12px 16px;min-height:80px}.legacy-page .site-header .logo img{width:115px}.legacy-page .header-calc{font-size:12px;padding:12px}.legacy-page .installment.framed{padding:30px 20px}.legacy-page .twm-banner-tabs-filter .nav-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}.legacy-page .tabs-media{display:none}.legacy-page .gallery-feature{margin-inline:12px}.legacy-page .twm-official-info-item{flex-direction:column;gap:6px}.legacy-page .why-stats{gap:10px}.legacy-page .why-feature p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.legacy-page *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.legacy-page .about-story-photo{width:100%;border-radius:16px;margin-bottom:20px}.legacy-page .about-reason{padding:26px;min-height:250px}.legacy-page .tracking-layout{max-width:1100px;margin:40px auto 80px;padding:0 20px}.legacy-page .tracking-form-panel,.legacy-page .tracking-result{padding:30px}.legacy-page .tracking-status{display:block;font-size:30px;color:#ff7517;margin:30px 0}.legacy-page .contact-channels .surface{padding:24px;display:flex;flex-direction:column;gap:8px;overflow-wrap:anywhere}.legacy-page .contact-layout{padding:0 20px}.legacy-page .story-copy li:before{content:none}
.legacy-page .why-choose{margin-inline:0}.legacy-page .why-feature-copy{white-space:normal;max-width:190px}.legacy-page .why-heading{position:static;text-align:center;padding:20px}.legacy-page .why-stage{margin-block:25px}.legacy-page .why-feature{aspect-ratio:auto;min-height:190px;padding:30px 16px}.legacy-page .hero-copy{min-width:0}.legacy-page .hero-description{width:100%;max-width:100%;font-size:clamp(14px,1.3vw,18px)}
@media(max-width:767px){.legacy-page .why-feature{min-height:135px;padding:20px 12px}.legacy-page .why-feature h3{font-size:13px}.legacy-page .why-icon{max-width:32px}}
.legacy-page .site-button,.legacy-page .site-button em{color:#fff!important}.legacy-page .site-calc-result{background:#11171b;border:1px solid #ff751755;color:#eee;direction:rtl;box-shadow:none;margin:0}.legacy-page .mg-calc-result__head h4,.legacy-page .mg-calc-tile strong{color:white}.legacy-page .mg-calc-result__head p,.legacy-page .mg-calc-tile span,.legacy-page .mg-calc-tile strong small,.legacy-page .mg-calc-result__note{color:#c5c9cd}.legacy-page .mg-calc-tile{background:#1a2127;border-color:#ffffff20}.legacy-page .mg-calc-result__hero em{color:white}.legacy-page .glass-modal .modal-content{max-height:90vh;overflow:auto}.legacy-page .loading-area{position:fixed;inset:0;background:#080b0c;z-index:2000;display:grid;place-items:center}.legacy-page .loader-video{max-width:min(640px,100vw);max-height:85vh}.legacy-page .loading-area[hidden]{display:none}
@media(min-width:768px){.legacy-page .hero-description{max-width:85%;margin-left:0;margin-right:auto}.legacy-page .hero-copy h1{font-size:clamp(26px,3.6vw,48px)}}
/* Source templates use their unmodified CSS. Only backend states are styled here. */
[hidden]{display:none!important}.site-calc-error{color:#ffb6a4;padding:12px;border:1px solid #8b4026;border-radius:10px;margin-top:14px}.glass-modal .site-calc-result{background:#11171b;border-color:#ff751755;color:#eee;margin:0;box-shadow:none}.glass-modal .mg-calc-result__head h4,.glass-modal .mg-calc-tile strong{color:#fff}.glass-modal .mg-calc-result__head p,.glass-modal .mg-calc-tile span,.glass-modal .mg-calc-tile strong small,.glass-modal .mg-calc-result__note{color:#c5c9cd}.glass-modal .mg-calc-tile{background:#1a2127;border-color:#ffffff20}.glass-modal .mg-calc-result__hero em{color:#fff}.glass-modal .site-button{display:flex;justify-content:center;background:#ff6508;border:0;border-radius:12px;padding:14px;color:#fff}.glass-modal .site-button em{color:#fff;font-style:normal}.glass-modal .modal-content{max-height:90vh;overflow:auto}.source-design .brand-list a{display:flex;align-items:center;justify-content:center}.source-design .brand-list img{max-width:100px;max-height:40px;object-fit:contain}.source-design .contact-form-panel #contactFeedback span{display:block;color:#ffb6a4}.source-design .stock-card img{object-fit:contain}.source-design .model-card>img{object-fit:contain}.source-design .model-copy h3{overflow-wrap:anywhere}.source-design .social i{font-size:22px}.source-design .drawer-links a{flex-shrink:0}.source-design .employee-card{flex-shrink:0}.source-design .review-avatar{object-fit:cover}
/* Apply form: no source page; reuses the contact panel and adds only upload/alert states. */
.apply-page .contact-form-panel{max-width:980px;margin:auto}.apply-page .site-apply-title{margin:26px 0 14px}.apply-page .form-label{display:block;font-size:13px;margin-bottom:9px}.apply-page .text-muted{color:#9da0a6!important;font-size:12px}.apply-page .site-upload-area{display:flex;flex-direction:column;align-items:center;gap:6px;padding:26px 14px;border:1px dashed #ff701270;border-radius:12px;background:#0b0f14;color:#ddd;cursor:pointer;text-align:center;font-size:13px}.apply-page .site-upload-area small{color:#9da0a6}.apply-page .site-upload-area.is-done{border-style:solid;border-color:#ff7012}.apply-page .site-upload-preview{display:block;max-height:140px;margin-top:10px;border-radius:10px}.apply-page .alert{border-radius:12px;background:#11171b;border:1px solid #ff701255;color:#eee}.apply-page .alert-danger{border-color:#e87155;color:#ffb6a4}.apply-page .contact-form-panel .button{width:100%;margin-top:14px}
.apply-page select:disabled,.apply-page input:disabled{background:#0b0f14;color:#777;opacity:.7}

/* Nine models per slide: three columns and three rows on desktop. */
.models-slider{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;direction:rtl}
.models-slider>.models-slide{flex:0 0 100%;min-width:0;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;align-content:start;scroll-snap-align:start;direction:ltr}
.models-slider .model-card{min-width:0}
.models-slider .model-copy{display:flex;flex-direction:column;gap:10px}
.models-slider .model-copy>p,.models-slider .model-line{margin:0}
.models-slider .model-actions{display:flex;gap:10px;margin-top:2px}
.models-slider .model-actions .button{width:auto;flex:1;min-width:0}
.models-controls{display:flex;align-items:center;justify-content:center;gap:18px;padding:20px}
.models-controls button:disabled{opacity:.4;cursor:default}
@media(max-width:1100px){.models-slider>.models-slide{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.models-slider>.models-slide{grid-template-columns:minmax(0,1fr)}}
.models-slider .model-copy{align-items:stretch;justify-content:flex-start}
.models-slider .model-copy .button{position:static;min-height:36px;white-space:normal}
.models-slider .model-actions{width:100%;flex-wrap:wrap}
@media(max-width:640px){.models-slider .model-copy h3{display:block}.models-slider .model-actions{flex-direction:column}.models-slider .model-card>img{max-height:none}}

/* Tracking: keep the marker separate from its readable stage label. */
.tracking-result .order-timeline{display:flex;flex-direction:column;gap:0;margin:28px 0 0;padding:0;list-style:none;text-align:right}
.tracking-result .order-timeline li{display:flex;align-items:flex-start;gap:16px;min-height:88px;padding:0 0 26px;position:relative;color:#8c949e}
.tracking-result .order-timeline li:last-child{min-height:44px;padding-bottom:0}
.tracking-result .order-timeline li:not(:last-child)::after{top:44px;right:21px;height:calc(100% - 44px);width:2px;background:#303840}
.tracking-result .order-timeline li>.timeline-marker{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;margin:0;border:1px solid #39434d;border-radius:50%;background:#13191f;color:#88939e;font:700 16px Arial;position:relative;z-index:1}
.tracking-result .timeline-copy{flex:1;min-width:0;padding-top:8px;line-height:1.7}
.tracking-result .timeline-copy strong{display:block;font-size:16px;font-weight:600;overflow-wrap:break-word}
.tracking-result .timeline-copy small{display:block;margin-top:2px;font-size:12px;color:#8c949e}
.tracking-result .order-timeline .done{color:#e1e5e9}
.tracking-result .order-timeline .done>.timeline-marker{background:#ff70121a;border-color:#ff701280;color:#ff973f}
.tracking-result .order-timeline .done::after{background:#ff701280}
.tracking-result .order-timeline .current{color:#ff973f}
.tracking-result .order-timeline .current>.timeline-marker{background:#ff7012;border-color:#ff9a4f;color:#101010;box-shadow:0 0 0 6px #ff70121c,0 0 24px #ff70124d}
.tracking-result .order-timeline .current .timeline-copy strong{color:#ffad6b}
.tracking-result .order-timeline .current .timeline-copy small{color:#ffad6b}