.elementor-kit-14{--e-global-color-primary:#F5F5F5;--e-global-color-secondary:#BEBEBE;--e-global-color-text:#929292;--e-global-color-accent:#F5F5F5;--e-global-color-am_black:#0A0A0A;--e-global-color-am_charcoal:#131313;--e-global-color-am_hairline:#303030;--e-global-color-am_ink:#0D0D0D;--e-global-color-am_outline:#F5F5F573;--e-global-color-am_headerline:#F5F5F52B;--e-global-color-am_headerbg:#0A0A0AF5;--e-global-color-am_overlay78:#020202C7;--e-global-color-am_overlay50:#02020280;--e-global-typography-primary-font-family:"Barlow Condensed";--e-global-typography-primary-font-size:57px;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-primary-line-height:1.02em;--e-global-typography-secondary-font-family:"Barlow Condensed";--e-global-typography-secondary-font-size:26px;--e-global-typography-secondary-font-weight:500;--e-global-typography-secondary-text-transform:none;--e-global-typography-secondary-line-height:1.5em;--e-global-typography-text-font-family:"Manrope";--e-global-typography-text-font-size:12px;--e-global-typography-text-font-weight:400;--e-global-typography-text-text-transform:none;--e-global-typography-text-line-height:1.8em;--e-global-typography-accent-font-family:"Manrope";--e-global-typography-accent-font-size:10px;--e-global-typography-accent-font-weight:700;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-line-height:1.5em;--e-global-typography-am_h1-font-family:"Barlow Condensed";--e-global-typography-am_h1-font-size:128px;--e-global-typography-am_h1-font-weight:600;--e-global-typography-am_h1-text-transform:uppercase;--e-global-typography-am_h1-line-height:0.94em;--e-global-typography-am_h2xl-font-family:"Barlow Condensed";--e-global-typography-am_h2xl-font-size:105px;--e-global-typography-am_h2xl-font-weight:600;--e-global-typography-am_h2xl-text-transform:uppercase;--e-global-typography-am_h2xl-line-height:1.02em;--e-global-typography-am_h2l-font-family:"Barlow Condensed";--e-global-typography-am_h2l-font-size:84px;--e-global-typography-am_h2l-font-weight:600;--e-global-typography-am_h2l-text-transform:uppercase;--e-global-typography-am_h2l-line-height:1.02em;--e-global-typography-am_h2m-font-family:"Barlow Condensed";--e-global-typography-am_h2m-font-size:70px;--e-global-typography-am_h2m-font-weight:600;--e-global-typography-am_h2m-text-transform:uppercase;--e-global-typography-am_h2m-line-height:1.02em;--e-global-typography-am_h2s-font-family:"Barlow Condensed";--e-global-typography-am_h2s-font-size:57px;--e-global-typography-am_h2s-font-weight:600;--e-global-typography-am_h2s-text-transform:uppercase;--e-global-typography-am_h2s-line-height:1.02em;--e-global-typography-am_h2xs-font-family:"Barlow Condensed";--e-global-typography-am_h2xs-font-size:50px;--e-global-typography-am_h2xs-font-weight:600;--e-global-typography-am_h2xs-text-transform:uppercase;--e-global-typography-am_h2xs-line-height:1.02em;--e-global-typography-am_quote-font-family:"Barlow Condensed";--e-global-typography-am_quote-font-size:42px;--e-global-typography-am_quote-font-weight:500;--e-global-typography-am_quote-text-transform:none;--e-global-typography-am_quote-line-height:1.2em;--e-global-typography-am_slide-font-family:"Barlow Condensed";--e-global-typography-am_slide-font-size:70px;--e-global-typography-am_slide-font-weight:500;--e-global-typography-am_slide-text-transform:uppercase;--e-global-typography-am_slide-line-height:1em;--e-global-typography-am_card-font-family:"Barlow Condensed";--e-global-typography-am_card-font-size:26px;--e-global-typography-am_card-font-weight:500;--e-global-typography-am_card-text-transform:none;--e-global-typography-am_card-line-height:1.5em;--e-global-typography-am_logo-font-family:"Barlow Condensed";--e-global-typography-am_logo-font-size:30px;--e-global-typography-am_logo-font-weight:700;--e-global-typography-am_logo-text-transform:uppercase;--e-global-typography-am_logo-line-height:0.94em;--e-global-typography-am_tagline-font-family:"Barlow Condensed";--e-global-typography-am_tagline-font-size:30px;--e-global-typography-am_tagline-font-weight:500;--e-global-typography-am_tagline-text-transform:uppercase;--e-global-typography-am_tagline-line-height:1.1em;--e-global-typography-am_body_l-font-family:"Manrope";--e-global-typography-am_body_l-font-size:14px;--e-global-typography-am_body_l-font-weight:400;--e-global-typography-am_body_l-text-transform:none;--e-global-typography-am_body_l-line-height:1.9em;--e-global-typography-am_body_m-font-family:"Manrope";--e-global-typography-am_body_m-font-size:13px;--e-global-typography-am_body_m-font-weight:400;--e-global-typography-am_body_m-text-transform:none;--e-global-typography-am_body_m-line-height:1.9em;--e-global-typography-am_body_s-font-family:"Manrope";--e-global-typography-am_body_s-font-size:11px;--e-global-typography-am_body_s-font-weight:400;--e-global-typography-am_body_s-text-transform:none;--e-global-typography-am_body_s-line-height:1.5em;--e-global-typography-am_label-font-family:"Manrope";--e-global-typography-am_label-font-size:10px;--e-global-typography-am_label-font-weight:700;--e-global-typography-am_label-text-transform:uppercase;--e-global-typography-am_label-line-height:1.5em;--e-global-typography-am_nav-font-family:"Manrope";--e-global-typography-am_nav-font-size:10px;--e-global-typography-am_nav-font-weight:700;--e-global-typography-am_nav-text-transform:uppercase;--e-global-typography-am_nav-line-height:1.5em;--e-global-typography-am_button-font-family:"Manrope";--e-global-typography-am_button-font-size:10px;--e-global-typography-am_button-font-weight:700;--e-global-typography-am_button-text-transform:uppercase;--e-global-typography-am_button-line-height:1.43em;--e-global-typography-am_spec-font-family:"Manrope";--e-global-typography-am_spec-font-size:9px;--e-global-typography-am_spec-font-weight:400;--e-global-typography-am_spec-text-transform:uppercase;--e-global-typography-am_spec-line-height:1.5em;--e-global-typography-am_micro-font-family:"Manrope";--e-global-typography-am_micro-font-size:8px;--e-global-typography-am_micro-font-weight:400;--e-global-typography-am_micro-text-transform:uppercase;--e-global-typography-am_micro-line-height:1.5em;--e-global-typography-am_copy-font-family:"Manrope";--e-global-typography-am_copy-font-size:7px;--e-global-typography-am_copy-font-weight:400;--e-global-typography-am_copy-text-transform:uppercase;--e-global-typography-am_copy-line-height:1.5em;background-color:#0A0A0A;color:#929292;font-family:"Manrope", Sans-serif;font-size:12px;font-weight:400;text-transform:none;line-height:1.8em;}.elementor-kit-14 button,.elementor-kit-14 input[type="button"],.elementor-kit-14 input[type="submit"],.elementor-kit-14 .elementor-button{background-color:#F5F5F5;font-family:"Manrope", Sans-serif;font-size:10px;font-weight:700;text-transform:uppercase;line-height:1.43em;color:#0D0D0D;border-style:solid;border-width:1px 1px 1px 1px;border-color:#F5F5F5;border-radius:0px 0px 0px 0px;padding:15.5px 24px 15.5px 24px;}.elementor-kit-14 button:hover,.elementor-kit-14 button:focus,.elementor-kit-14 input[type="button"]:hover,.elementor-kit-14 input[type="button"]:focus,.elementor-kit-14 input[type="submit"]:hover,.elementor-kit-14 input[type="submit"]:focus,.elementor-kit-14 .elementor-button:hover,.elementor-kit-14 .elementor-button:focus{background-color:#BEBEBE;color:#0D0D0D;}.elementor-kit-14 e-page-transition{background-color:#FFBC7D;}.elementor-kit-14 a{color:#F5F5F5;}.elementor-kit-14 a:hover{color:#BEBEBE;}.elementor-kit-14 h1{color:#F5F5F5;font-family:"Barlow Condensed", Sans-serif;font-weight:600;}.elementor-kit-14 h2{color:#F5F5F5;font-family:"Barlow Condensed", Sans-serif;font-weight:600;}.elementor-kit-14 h3{color:#F5F5F5;font-family:"Barlow Condensed", Sans-serif;font-weight:500;}.elementor-kit-14 h4{color:#F5F5F5;}.elementor-kit-14 h5{color:#F5F5F5;}.elementor-kit-14 h6{color:#F5F5F5;}.elementor-kit-14 input:not([type="button"]):not([type="submit"]),.elementor-kit-14 textarea,.elementor-kit-14 .elementor-field-textual{border-radius:0px 0px 0px 0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-14{--e-global-typography-primary-font-size:46px;--e-global-typography-am_h1-font-size:88px;--e-global-typography-am_h2xl-font-size:72px;--e-global-typography-am_h2l-font-size:64px;--e-global-typography-am_h2m-font-size:54px;--e-global-typography-am_h2s-font-size:46px;--e-global-typography-am_h2xs-font-size:40px;--e-global-typography-am_quote-font-size:34px;--e-global-typography-am_slide-font-size:54px;--e-global-typography-am_tagline-font-size:26px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-14{--e-global-typography-primary-font-size:36px;--e-global-typography-am_h1-font-size:56px;--e-global-typography-am_h2xl-font-size:48px;--e-global-typography-am_h2l-font-size:44px;--e-global-typography-am_h2m-font-size:40px;--e-global-typography-am_h2s-font-size:36px;--e-global-typography-am_h2xs-font-size:32px;--e-global-typography-am_quote-font-size:26px;--e-global-typography-am_slide-font-size:40px;--e-global-typography-am_tagline-font-size:24px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ==========================================================
   AL MALIK MOTORS — DESIGN FOUNDATION (Phase 1)
   Source of truth: Figma 4uVWEZSrgG0z5mR3ucEcq8 / Design Understanding Report
   ========================================================== */

/* ---------- 1. Tokens ---------- */
:root {
  --am-black: #0A0A0A;
  --am-charcoal: #131313;
  --am-line: #303030;
  --am-muted: #929292;
  --am-silver: #BEBEBE;
  --am-white: #F5F5F5;
  --am-ink: #0D0D0D;
  --am-outline: rgba(245,245,245,.45);
  --am-header-line: rgba(245,245,245,.17);
  --am-header-bg: rgba(10,10,10,.96);
  --am-overlay-strong: rgba(2,2,2,.78);
  --am-overlay-mid: rgba(2,2,2,.5);
  --am-overlay-none: rgba(2,2,2,0);

  --am-font-display: "Barlow Condensed", sans-serif;
  --am-font-ui: "Manrope", sans-serif;

  --am-container: 1440px;
  --am-gutter: 56px;          /* header / footer side padding */
  --am-section-gutter: 40px;  /* side padding for 1440 sections below 1520px */
  --am-header-h: 76px;

  /* Motion */
  --am-ease-out: cubic-bezier(.22, 1, .36, 1);
  --am-ease-inout: cubic-bezier(.65, 0, .35, 1);
  --am-dur-hover: .25s;   /* L1 hover */
  --am-dur-enter: .8s;    /* L2 entrance */
  --am-dur-reveal: 1.1s;  /* L4 masked headline / cinematic */
  --am-reveal-shift: 24px;
}
@media (max-width: 1024px) { :root { --am-gutter: 32px; --am-section-gutter: 32px; --am-header-h: 68px; } }
@media (max-width: 767px)  { :root { --am-gutter: 20px; --am-section-gutter: 20px; --am-header-h: 64px; } }

/* ---------- 2. Base ---------- */
html, body { background-color: var(--am-black); }
body { color: var(--am-muted); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: clip; }
::selection { background: var(--am-white); color: var(--am-black); }
img { border-radius: 0; }

/* Square geometry everywhere */
.elementor-button, button, input, select, textarea,
.elementor-field-group .elementor-field { border-radius: 0 !important; }

/* Silver period accent: wrap the final "." in <span class="am-accent">.</span> */
.am-accent { color: var(--am-silver); }

/* Eyebrow / micro helpers (add as CSS class on widget) */
.am-eyebrow, .am-eyebrow * { font-family: var(--am-font-ui); font-weight: 700; font-size: 10px; line-height: 1.5; text-transform: uppercase; }
.am-micro, .am-micro * { font-family: var(--am-font-ui); font-size: 8px; line-height: 1.5; text-transform: uppercase; }

/* Hairline helpers */
.am-hairline-top { border-top: 1px solid var(--am-line); }
.am-hairline-bottom { border-bottom: 1px solid var(--am-line); }

/* ---------- 3. Button system ----------
   Primary   = default Elementor Button (Site Settings > Buttons)
   Secondary = add CSS class  am-btn-secondary  to the Button widget
   Text link = add CSS class  am-link           to the Button widget
   Small     = add CSS class  am-btn-sm (36px, 9px text; header WhatsApp)
   Icon gap  = 25px; icons 16px                                          */
.elementor-button { transition: background-color var(--am-dur-hover) ease, color var(--am-dur-hover) ease, border-color var(--am-dur-hover) ease; letter-spacing: 0; }
.elementor-button .elementor-button-content-wrapper { gap: 25px; align-items: center; min-height: 16px; }
.elementor-button .elementor-button-icon { margin: 0 !important; display: inline-flex; transition: transform var(--am-dur-hover) var(--am-ease-out); }
.elementor-button .elementor-button-icon svg { width: 16px; height: 16px; fill: currentColor; }
.elementor-button .elementor-button-icon i { font-size: 16px; }
.elementor-button:hover .elementor-button-icon { transform: translate(2px, -2px); }

.am-btn-secondary .elementor-button { background-color: transparent !important; color: var(--am-white) !important; border: 1px solid var(--am-outline) !important; }
.am-btn-secondary .elementor-button:hover { border-color: var(--am-white) !important; background-color: rgba(245,245,245,.06) !important; }

.am-link .elementor-button { background-color: transparent !important; border: 0 !important; padding: 8px 0 !important; color: var(--am-white) !important; }
.am-link .elementor-button .elementor-button-content-wrapper { gap: 24px; }
.am-link .elementor-button:hover { color: var(--am-silver) !important; }

.am-btn-sm .elementor-button { padding: 9px 17px !important; font-size: 9px !important; line-height: 1.43; }
.am-btn-sm .elementor-button .elementor-button-content-wrapper { gap: 18px; }

/* ---------- 4. Header ---------- */
.am-header { position: relative; z-index: 999; }
.am-header .am-logo { text-decoration: none; display: inline-flex; flex-direction: column; align-items: center; line-height: 1; color: var(--am-white); }
.am-header .am-logo__name .elementor-heading-title, .am-header .am-logo__name { font-family: var(--am-font-display); font-weight: 700; font-size: 30px; line-height: 28.2px; text-transform: uppercase; color: var(--am-white); }
.am-header .am-logo__sub .elementor-heading-title, .am-header .am-logo__sub { font-family: var(--am-font-ui); font-weight: 500; font-size: 9px; line-height: 9px; padding-top: 5px; letter-spacing: .55em; margin-right: -.55em; text-transform: uppercase; color: var(--am-white); }
/* Header overlays the page top (Figma: hero starts at y=0 under the header).
   Pages without a full-bleed hero offset their first section by var(--am-header-h). */
.am-header.am-header--overlay { position: absolute; top: 0; left: 0; right: 0; }
.am-header-spacer { height: var(--am-header-h); }

/* Mobile menu toggle + dropdown */
.am-header .elementor-menu-toggle { background: transparent !important; color: var(--am-white) !important; border: 1px solid var(--am-outline); border-radius: 0; width: 40px; height: 40px; }

/* ---------- 5. Footer ---------- */
.am-footer .am-logo { text-decoration: none; display: inline-flex; flex-direction: column; align-items: center; color: var(--am-white); }
.am-footer .am-logo__name .elementor-heading-title, .am-footer .am-logo__name { font-family: var(--am-font-display); font-weight: 700; font-size: 39px; line-height: 36.66px; text-transform: uppercase; color: var(--am-white); }
.am-footer .am-logo__sub .elementor-heading-title, .am-footer .am-logo__sub { font-family: var(--am-font-ui); font-weight: 500; font-size: 11px; line-height: 10.34px; padding-top: 5px; letter-spacing: .55em; margin-right: -.55em; text-transform: uppercase; color: var(--am-white); }
.am-footer .am-wa-link { display: inline-flex; align-items: center; gap: 10px; font-family: var(--am-font-ui); font-size: 9px; line-height: 13.5px; text-transform: uppercase; color: var(--am-white); text-decoration: none; transition: color var(--am-dur-hover) ease; }
.am-footer .am-wa-link:hover { color: var(--am-silver); }
.am-footer .am-wa-link svg { width: 16px; height: 16px; }

/* ---------- 6. Motion foundation ----------
   L1 hover      : transitions above (--am-dur-hover)
   L2 entrance   : class  am-reveal          (fade + 24px rise when in view)
   L3 scroll     : class  am-parallax        (hook for scroll-linked JS, Phase 2+)
   L4 cinematic  : class  am-reveal-mask     (each line in .am-line > span slides up)
   JS toggles  .is-inview  — see Elementor Custom Code "AMM Motion Foundation"   */
.am-js .am-reveal { opacity: 0; transform: translate3d(0, var(--am-reveal-shift), 0); transition: opacity var(--am-dur-enter) var(--am-ease-out), transform var(--am-dur-enter) var(--am-ease-out); transition-delay: var(--am-delay, 0s); }
.am-js .am-reveal.is-inview { opacity: 1; transform: none; }
.am-reveal-mask .am-line { display: block; overflow: hidden; }
.am-reveal-mask .am-line > span { display: inline-block; }
.am-js .am-reveal-mask .am-line > span { transform: translate3d(0, 105%, 0); transition: transform var(--am-dur-reveal) var(--am-ease-out); }
.am-js .am-reveal-mask .am-line:nth-child(2) > span { transition-delay: .12s; }
.am-js .am-reveal-mask .am-line:nth-child(3) > span { transition-delay: .24s; }
.am-js .am-reveal-mask.is-inview .am-line > span { transform: none; }
.am-parallax { will-change: transform; }
.elementor-editor-active .am-reveal, .elementor-editor-active .am-reveal-mask .am-line > span { opacity: 1 !important; transform: none !important; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; transition-delay: 0s !important; scroll-behavior: auto !important; }
  .am-reveal, .am-reveal-mask .am-line > span, .am-parallax { opacity: 1 !important; transform: none !important; }
}

/* ---------- 7. Logo + editor + icon helpers ---------- */
.am-logo { width: auto !important; flex-wrap: nowrap; gap: 0 !important; }
.am-logo .elementor-heading-title { white-space: nowrap; margin: 0; }
.elementor-editor-active .am-header.am-header--overlay,
.elementor-editor-preview .am-header.am-header--overlay { position: relative; top: 0; }

/* Icons drawn in CSS so buttons stay editable text + link.
   Add ONE class to the Button widget:  am-ico-arrow (↗)  am-ico-chat (WhatsApp bubble)  am-ico-right (→)  am-ico-down (↓) */
[class*="am-ico-"] .elementor-button-content-wrapper::after,
.am-ico-before.am-ico-chat .elementor-button-content-wrapper::before { content: ""; flex: 0 0 auto; width: 16px; height: 16px; background-color: currentColor; -webkit-mask: var(--am-ico) center / contain no-repeat; mask: var(--am-ico) center / contain no-repeat; transition: transform var(--am-dur-hover) var(--am-ease-out); }
.am-ico-before.am-ico-chat .elementor-button-content-wrapper::after { display: none; }
[class*="am-ico-"] .elementor-button:hover .elementor-button-content-wrapper::after { transform: translate(2px, -2px); }
.am-ico-right .elementor-button:hover .elementor-button-content-wrapper::after { transform: translateX(3px); }
.am-ico-chat .elementor-button:hover .elementor-button-content-wrapper::after { transform: none; }
.am-ico-arrow { --am-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.33' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.667 11.333 11.333 4.667M4.667 4.667h6.666v6.666'/%3E%3C/svg%3E"); }
.am-ico-right { --am-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.33' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.333 8h9.334M8 3.333 12.667 8 8 12.667'/%3E%3C/svg%3E"); }
.am-ico-down { --am-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.33' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3.333v9.334M12.667 8 8 12.667 3.333 8'/%3E%3C/svg%3E"); }
.am-ico-chat { --am-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.33' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.267 13.333A6 6 0 1 0 2.667 10.733L1.333 14.667Z'/%3E%3C/svg%3E"); }
.am-btn-sm[class*="am-ico-"] .elementor-button .elementor-button-content-wrapper { gap: 18px; }

/* Footer WhatsApp: Button widget with  am-link am-wa am-ico-chat am-ico-before */
.am-wa .elementor-button { font-weight: 400 !important; font-size: 9px !important; line-height: 13.5px !important; padding: 0 !important; }
.am-link.am-wa .elementor-button .elementor-button-content-wrapper { gap: 10px; }

/* Footer text roles */
.am-footer .am-tagline .elementor-heading-title { font-family: var(--am-font-display); font-weight: 500; font-size: 30px; line-height: 33px; text-transform: uppercase; color: var(--am-silver); }
.am-footer .am-footnote .elementor-heading-title { font-family: var(--am-font-ui); font-weight: 400; font-size: 8px; line-height: 12px; text-transform: uppercase; color: var(--am-muted); }
.am-footer .am-copy .elementor-heading-title { font-family: var(--am-font-ui); font-weight: 400; font-size: 7px; line-height: 10.5px; text-transform: uppercase; color: var(--am-muted); }
@media (max-width: 767px) {
  .am-footer .am-tagline .elementor-heading-title { font-size: 24px; line-height: 27px; }
  .am-footer .am-copy .elementor-heading-title, .am-footer .am-footnote .elementor-heading-title { font-size: 8px; }
}/* End custom CSS */