/* --- from line 8 --- */
body {
  transition: opacity ease-in 0.2s;
}

body[unresolved] {
  opacity: 0;
  display: block;
  overflow: hidden;
  position: relative;
}

/* --- from line 20 --- */
.wf-force-outline-none[tabindex="-1"]:focus {
  outline: none;
}

/* --- from line 48 --- */
.anti-flicker,
.anti-flicker * {
  visibility: hidden !important;
  opacity: 0 !important;
}

/* --- from line 55 --- */
[data-wf-hidden-variation],
[data-wf-hidden-variation] * {
  display: none !important;
}

/* --- from line 77 --- */
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -o-font-smoothing: antialiased;
}

/* --- from line 91 --- */
/* Azərbaycan «ə»/«Ə» hərfi ilə bağlı köhnə (Segoe UI əsaslı) müvəqqəti
   düzəliş buradan çıxarıldı — o, Generalsans-da REAL mövcud olan
   ğ ı İ ö ş ü ç hərflərini də sistem şriftinə yönləndirirdi, həmçinin
   font-synthesis: none saytdakı kursiv mətni dəyişirdi.
   Yeni, dəqiq həll bu faylın SONUNDADIR («SCHWA FIX» bloku). */

/* Fix navbar overflow: Azerbaijani text is longer than English */
.navbar_container-n {
  flex-wrap: nowrap;
  gap: 0;
}

.navbar_link-n.w-nav-link {
  font-size: 13px !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.navbar_dropdwn-toggle-black.w-dropdown-toggle {
  font-size: 13px !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.btn-outline-nav.w-dropdown-toggle {
  font-size: 12.5px !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
  white-space: nowrap;
}

.button.is-nav.w-button {
  font-size: 12.5px !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
  white-space: nowrap;
}

/* Ensure the navbar doesn't clip the button */
.navbar-s.w-nav {
  overflow: visible !important;
}

.navbar_menu.w-nav-menu {
  overflow: visible;
}

/* Fix: Dropdown overflow for long Azerbaijani text */
.navbar_dropdown-list.is-grid {
  min-width: max-content !important;
  width: auto !important;
}

.nav_drop-link-title {
  white-space: nowrap !important;
}

/* Consolidated above — kept for reference. */

/* --- from line 1083 (cf-global-styles) --- */
/* Focus state style for keyboard navigation for the focusable elements */
*[tabindex]:focus-visible,
input[type='file']:focus-visible {
  outline: 0.125rem solid #4d65ff;
  outline-offset: 0.125rem;
}

/* Get rid of top margin on first element in any rich text element */
.w-richtext> :not(div):first-child,
.w-richtext>div:first-child> :first-child {
  margin-top: 0 !important;
}

/* Get rid of bottom margin on last element in any rich text element */
.w-richtext> :last-child,
.w-richtext ol li:last-child,
.w-richtext ul li:last-child {
  margin-bottom: 0 !important;
}

/* Prevent all click and hover interaction with an element */
.pointer-events-off {
  pointer-events: none;
}

/* Enables all click and hover interaction with an element */
.pointer-events-on {
  pointer-events: auto;
}

/* Create a class of .div-square which maintains a 1:1 dimension of a div */
.div-square::after {
  content: '';
  display: block;
  padding-bottom: 100%;
}

/* Make sure containers never lose their center alignment */
.container-medium,
.container-small,
.container-large {
  margin-right: auto !important;
  margin-left: auto !important;
}

/*
Make the following elements inherit typography styles from the parent and not have hardcoded values.
Important: You will not be able to style for example "All Links" in Designer with this CSS applied.
Uncomment this CSS to use it in the project. Leave this message for future hand-off.
*/
/*
a,
.w-input,
.w-select,
.w-tab-link,
.w-nav-link,
.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link {
  color: inherit;
  text-decoration: inherit;
  font-size: inherit;
}
*/

/* Apply "..." after 3 lines of text */
.text-style-3lines {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

/* Apply "..." after 2 lines of text */
.text-style-2lines {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* Adds inline flex display */
.display-inlineflex {
  display: inline-flex;
}

/* These classes are never overwritten */
.hide {
  display: none !important;
}

@media screen and (max-width: 991px) {

  .hide,
  .hide-tablet {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .hide-mobile-landscape {
    display: none !important;
  }
}

@media screen and (max-width: 479px) {
  .hide-mobile {
    display: none !important;
  }
}

.margin-0 {
  margin: 0rem !important;
}

.padding-0 {
  padding: 0rem !important;
}

.spacing-clean {
  padding: 0rem !important;
  margin: 0rem !important;
}

.margin-top {
  margin-right: 0rem !important;
  margin-bottom: 0rem !important;
  margin-left: 0rem !important;
}

.padding-top {
  padding-right: 0rem !important;
  padding-bottom: 0rem !important;
  padding-left: 0rem !important;
}

.margin-right {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
  margin-left: 0rem !important;
}

.padding-right {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
  padding-left: 0rem !important;
}

.margin-bottom {
  margin-top: 0rem !important;
  margin-right: 0rem !important;
  margin-left: 0rem !important;
}

.padding-bottom {
  padding-top: 0rem !important;
  padding-right: 0rem !important;
  padding-left: 0rem !important;
}

.margin-left {
  margin-top: 0rem !important;
  margin-right: 0rem !important;
  margin-bottom: 0rem !important;
}

.padding-left {
  padding-top: 0rem !important;
  padding-right: 0rem !important;
  padding-bottom: 0rem !important;
}

.margin-horizontal {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
}

.padding-horizontal {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}

.margin-vertical {
  margin-right: 0rem !important;
  margin-left: 0rem !important;
}

.padding-vertical {
  padding-right: 0rem !important;
  padding-left: 0rem !important;
}

/* Apply "..." at 100% width */
.truncate-width {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Removes native scrollbar */
.no-scrollbar {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}

#smcx-sdk * {
  max-height: none !important;
  overflow: visible !important;
}

.smcx-embed-footer {
  visibility: hidden;
}

.engage-slider_nav .w-slider-dot {
  background-color: white;
  /* Reemplaza #tu-color-inactivo con el color que desees */
}

.engage-slider_nav .w-slider-dot.w-active {
  background-color: var(--red);
  /* Reemplaza #tu-color-activo con el color que desees */
}

html.wf-design-mode .link-full {
  pointer-events: none;
}

[data-hover='scale'] img {
  transition: transform 0.8s ease;
}

[data-hover='scale']:hover img {
  transform: scale(1.05);
}

.u-icon svg {
  display: block;
  width: 100% !important;
  height: auto !important;
}

/* --- from line 1333 (rf-global-styles) --- */
/* Overrides */
.w-nav-link,
.w-dropdown,
.w-dropdown-toggle,
.w-dropdown-link,
.w-tab-link {
  text-align: start !important;
}

.w-slide {
  text-align: start !important;
}

.w-lightbox-control.w-lightbox-close {
  inset-inline-start: auto;
  inset-inline-end: 0%;
}

.rf-fullbrowsersupport-js:dir(rtl) {
  background-color: #123456;
}

input[type="email"],
input[type="number"],
input[type="tel"] {
  direction: ltr;
  text-align: left;
}

input[type="email"]:dir(rtl)::placeholder,
input[type="number"]:dir(rtl)::placeholder,
input[type="tel"]:dir(rtl)::placeholder {
  direction: rtl;
  text-align: right;
}

input[type="tel"]:lang(ar)::-webkit-input-placeholder,
input[type="tel"]:lang(he)::-webkit-input-placeholder,
input[type="tel"]:lang(fa)::-webkit-input-placeholder,
input[type="tel"]:lang(yi)::-webkit-input-placeholder,
input[type="tel"]:lang(ur)::-webkit-input-placeholder,
input[type="email"]:lang(ar)::-webkit-input-placeholder,
input[type="email"]:lang(he)::-webkit-input-placeholder,
input[type="email"]:lang(fa)::-webkit-input-placeholder,
input[type="email"]:lang(yi)::-webkit-input-placeholder,
input[type="email"]:lang(ur)::-webkit-input-placeholder {
  direction: rtl;
  text-align: right;
}

input[rf-form-input="placeholder-ltr"]::placeholder,
input[rf-form-input="placeholder-ltr"]::-webkit-input-placeholder {
  direction: ltr !important;
  text-align: left !important;
}

input[rf-form-input="placeholder-rtl"]::placeholder,
input[rf-form-input="placeholder-rtl"]::-webkit-input-placeholder {
  direction: rtl !important;
  text-align: right !important;
}

input[rf-form-input="input-ltr"] {
  direction: ltr !important;
  text-align: left !important;
}

input[rf-form-input="input-rtl"] {
  direction: rtl !important;
  text-align: right !important;
}

/* RTLflow Tools */

[rf="icon-mirror"],
.ltr_icon-mirror:dir(ltr),
[rf-ltr="icon-mirror"]:dir(ltr),
.rtl_icon-mirror:dir(rtl),
[rf-rtl="icon-mirror"]:dir(rtl) {
  transform: scaleX(-1);
}

[rf-width="auto"] {
  width: auto !important;
}

[rf-width="100%"] {
  width: 100% !important;
}

[rf-minwidth="0"] {
  min-width: 0 !important;
}

[rf-minwidth="100%"] {
  min-width: 100% !important;
}

[rf-maxwidth="none"] {
  max-width: none !important;
}

[rf-maxwidth="100%"] {
  max-width: 100% !important;
}

@media only screen and (max-width: 991px) {
  [rf-width-tab="auto"] {
    width: auto !important;
  }

  [rf-width-tab="100%"] {
    width: 100% !important;
  }

  [rf-minwidth-tab="0"] {
    min-width: 0 !important;
  }

  [rf-minwidth-tab="100%"] {
    min-width: 100% !important;
  }

  [rf-maxwidth-tab="none"] {
    max-width: none !important;
  }

  [rf-maxwidth-tab="100%"] {
    max-width: 100% !important;
  }
}

@media only screen and (max-width: 767px) {
  [rf-width-mobp="auto"] {
    width: auto !important;
  }

  [rf-width-mobp="100%"] {
    width: 100% !important;
  }

  [rf-minwidth-mobp="0"] {
    min-width: 0 !important;
  }

  [rf-minwidth-mobp="100%"] {
    min-width: 100% !important;
  }

  [rf-maxwidth-mobp="none"] {
    max-width: none !important;
  }

  [rf-maxwidth-mobp="100%"] {
    max-width: 100% !important;
  }
}

@media only screen and (max-width: 479px) {
  [rf-width-mobl="auto"] {
    width: auto !important;
  }

  [rf-width-mobl="100%"] {
    width: 100% !important;
  }

  [rf-minwidth-mobl="0"] {
    min-width: 0 !important;
  }

  [rf-minwidth-mobl="100%"] {
    min-width: 100% !important;
  }

  [rf-maxwidth="none"] {
    max-width: none !important;
  }

  [rf-maxwidth="100%"] {
    max-width: 100% !important;
  }
}

[rf-height="auto"] {
  height: auto !important;
}

[rf-height="100%"] {
  height: 100% !important;
}

[rf-minheight="0"] {
  min-height: 0 !important;
}

[rf-minheight="100%"] {
  min-height: 100% !important;
}

[rf-maxheight="none"] {
  max-height: none !important;
}

[rf-maxheight="100%"] {
  max-height: 100% !important;
}

@media only screen and (max-width: 991px) {
  [rf-height-tab="auto"] {
    height: auto !important;
  }

  [rf-height-tab="100%"] {
    height: 100% !important;
  }

  [rf-minheight-tab="0"] {
    min-height: 0 !important;
  }

  [rf-minheight-tab="100%"] {
    min-height: 100% !important;
  }

  [rf-maxheight-tab="none"] {
    max-height: none !important;
  }

  [rf-maxheight-tab="100%"] {
    max-height: 100% !important;
  }
}

@media only screen and (max-width: 767px) {
  [rf-height-mobp="auto"] {
    height: auto !important;
  }

  [rf-height-mobp="100%"] {
    height: 100% !important;
  }

  [rf-minheight-mobp="0"] {
    min-height: 0 !important;
  }

  [rf-minheight-mobp="100%"] {
    min-height: 100% !important;
  }

  [rf-maxheight-mobp="none"] {
    max-height: none !important;
  }

  [rf-maxheight-mobp="100%"] {
    max-height: 100% !important;
  }
}

@media only screen and (max-width: 479px) {
  [rf-height-mobl="auto"] {
    height: auto !important;
  }

  [rf-height-mobl="100%"] {
    height: 100% !important;
  }

  [rf-minheight-mobl="0"] {
    min-height: 0 !important;
  }

  [rf-minheight-mobl="100%"] {
    min-height: 100% !important;
  }

  [rf-maxheight-mobl="none"] {
    max-height: none !important;
  }

  [rf-maxheight-mobl="100%"] {
    max-height: 100% !important;
  }
}

[rf-textalign="left"] {
  text-align: left !important;
}

[rf-textalign="center"] {
  text-align: center !important;
}

[rf-textalign="right"] {
  text-align: right !important;
}

@media only screen and (max-width: 991px) {
  [rf-textalign-tab="left"] {
    text-align: left !important;
  }

  [rf-textalign-tab="center"] {
    text-align: center !important;
  }

  [rf-textalign-tab="right"] {
    text-align: right !important;
  }
}

@media only screen and (max-width: 767px) {
  [rf-textalign-mobl="left"] {
    text-align: left !important;
  }

  [rf-textalign-mobl="center"] {
    text-align: center !important;
  }

  [rf-textalign-mobl="right"] {
    text-align: right !important;
  }
}

@media only screen and (max-width: 479px) {
  [rf-textalign-mobp="left"] {
    text-align: left !important;
  }

  [rf-textalign-mobp="center"] {
    text-align: center !important;
  }

  [rf-textalign-mobp="right"] {
    text-align: right !important;
  }
}

[rf-display="block"] {
  display: block !important;
}

[rf-display="flex"] {
  display: flex !important;
}

[rf-display="grid"] {
  display: grid !important;
}

[rf-display="inline-block"] {
  display: inline-block !important;
}

[rf-display="inline"] {
  display: inline !important;
}

[rf-display="none"] {
  display: none !important;
}

[rf-display="image-hide"] {
  display: none !important;
  width: 0px !important;
  height: 0px !important;
}

@media only screen and (max-width: 991px) {
  [rf-display-tab="block"] {
    display: block !important;
  }

  [rf-display-tab="flex"] {
    display: flex !important;
  }

  [rf-display-tab="grid"] {
    display: grid !important;
  }

  [rf-display-tab="inline-block"] {
    display: inline-block !important;
  }

  [rf-display-tab="inline"] {
    display: inline !important;
  }

  [rf-display-tab="none"] {
    display: none !important;
  }

  [rf-display-tab="image-hide"] {
    display: none !important;
    width: 0px !important;
    height: 0px !important;
  }
}

@media only screen and (max-width: 767px) {
  [rf-display-mobl="block"] {
    display: block !important;
  }

  [rf-display-mobl="flex"] {
    display: flex !important;
  }

  [rf-display-mobl="grid"] {
    display: grid !important;
  }

  [rf-display-mobl="inline-block"] {
    display: inline-block !important;
  }

  [rf-display-mobl="inline"] {
    display: inline !important;
  }

  [rf-display-mobl="none"] {
    display: none !important;
  }

  [rf-display-mobl="image-hide"] {
    display: none !important;
    width: 0px !important;
    height: 0px !important;
  }
}

@media only screen and (max-width: 479px) {
  [rf-display-mobp="block"] {
    display: block !important;
  }

  [rf-display-mobp="flex"] {
    display: flex !important;
  }

  [rf-display-mobp="grid"] {
    display: grid !important;
  }

  [rf-display-mobp="inline-block"] {
    display: inline-block !important;
  }

  [rf-display-mobp="inline"] {
    display: inline !important;
  }

  [rf-display-mobp="none"] {
    display: none !important;
  }

  [rf-display-mobp="image-hide"] {
    display: none !important;
    width: 0px !important;
    height: 0px !important;
  }
}

.ltr_display-block:dir(ltr),
[rf-ltr-display="block"]:dir(ltr),
.rtl_display-block:dir(rtl),
[rf-rtl-display="block"]:dir(rtl) {
  display: block !important;
}

.ltr_display-none:dir(ltr),
[rf-ltr-display="none"]:dir(ltr),
.rtl_display-none:dir(rtl),
[rf-rtl-display="none"]:dir(rtl) {
  display: none !important;
}

[rf-order="first"] {
  order: -1;
}

[rf-order="last"] {
  order: 999;
}

[rf-order="2"] {
  order: 2 !important;
}

[rf-order="3"] {
  order: 3 !important;
}

[rf-order="4"] {
  order: 4 !important;
}

[rf-order="5"] {
  order: 5 !important;
}

[rf-padding="0"] {
  padding: 0rem !important;
}

[rf-margin="0"] {
  margin: 0rem !important;
}

@media only screen and (max-width: 991px) {
  [rf-padding-tab="0"] {
    padding: 0rem !important;
  }

  [rf-margin-tab="0"] {
    margin: 0rem !important;
  }
}

@media only screen and (max-width: 767px) {
  [rf-padding-mobp="0"] {
    padding: 0rem !important;
  }

  [rf-margin-mobp="0"] {
    margin: 0rem !important;
  }
}

@media only screen and (max-width: 479px) {
  [rf-padding-mobl="0"] {
    padding: 0rem !important;
  }

  [rf-margin-mobl="0"] {
    margin: 0rem !important;
  }
}

:root {
  --rtl-icon-mirror: none;
  --ltr-icon-mirror: scaleX(-1);
  --flexdir-ltr: row;
  --flexdir-rtl: row-reverse;
  --align-items-left: start;
  --align-items-right: end;
  --align-self-left: flex-start;
  --align-self-right: flex-end;
  --justify-self-left: flex-start;
  --justify-self-right: flex-end;
  --ste: 1;
  --ets: -1;
  --start: left;
  --end: right;

}

[dir="rtl"] {
  --rtl-icon-mirror: scaleX(-1);
  --ltr-icon-mirror: none;
  --flexdir-ltr: row-reverse;
  --flexdir-rtl: row;
  --align-items-left: end;
  --align-items-right: start;
  --align-self-left: flex-end;
  --align-self-right: flex-start;
  --justify-self-left: flex-end;
  --justify-self-right: flex-start;
  --ste: -1;
  --ets: 1;
  --start: right;
  --end: end;
}

[dir="ltr"] {
  --ltr-icon-mirror: scaleX(-1);
  --flexdir-ltr: row;
  --flexdir-rtl: row-reverse;
  --align-items-left: start;
  --align-items-right: end;
  --align-self-left: flex-start;
  --align-self-right: flex-end;
  --justify-self-left: flex-start;
  --justify-self-right: flex-end;
  --ste: 1;
  --ets: -1;
  --start: left;
  --end: right;
}

/* --- from line 1929 (rf-locale-customcss) --- */
/* Use this Embed to add Custom CSS on Specific Locales */

body {
  font-family: ;
  /* Example: [Noto Sans Arabic, sans-serif;] */
  font-weight: ;
  font-size: ;
  line-height: ;
  color: ;
  font-style: ;
  text-decoration: ;
  letter-spacing: ;
  text-transform: ;
  text-decoration-skip-ink: ;
  /* recommendation: "all" for Arabic/Hebrew */
}

h1,
.heading-style-h1 {}

h2,
.heading-style-h2 {}

h3,
.heading-style-h3 {}

h4,
.heading-style-h4 {}

h5,
.heading-style-h5 {}

h6,
.heading-style-h6 {}

p {}

/* Style Paragraphs */
a {}

/* Style Links */
label {}

blockquote {}

figure {}

@media screen and (min-width: 992px) {}

/* Style Desktop Only */
@media screen and (max-width: 991px) {}

/* Style Tablet downward */
@media screen and (max-width: 767px) {}

/* Style Mobile Landscape & Portrait */
@media screen and (max-width: 479px) {}

/* Style Mobile Portrait Only */

.text-rich-text h1 {}

.text-rich-text h2 {}

.text-rich-text h3 {}

.text-rich-text h4 {}

.text-rich-text h5 {}

.text-rich-text h6 {}

.text-rich-text p {}

.text-rich-text a {}

.text-rich-text label {}

.text-rich-text blockquote {}

.text-rich-text figure {}

/* --- from line 2071 (marquee animations) --- */
@keyframes marquee-forward {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

@keyframes marquee-reverse {
  from {
    transform: translateX(-50%);
  }

  to {
    transform: translateX(0);
  }
}

[data-css-marquee] {
  display: flex;
  overflow: clip;
}

[data-css-marquee-list] {
  display: flex;
  flex-shrink: 0;
  animation: marquee-forward linear infinite;
  animation-play-state: paused;
  will-change: transform;
}

[data-css-marquee][data-type="inverted"] [data-css-marquee-list] {
  animation-name: marquee-reverse;
}

/* --- custom section classes extracted from inline styles --- */

/* Background video iframe (was: overflow: hidden; pointer-events: none;) */
.bg-video-iframe {
  overflow: hidden;
  pointer-events: none;
}

/* RML MCP banner-cta section */
.section_banner-cta.is-mcp-custom {
  margin-top: 6rem;
}

.section_banner-cta.is-mcp-custom .padding-global.padding-section-medium {
  padding: 0;
}

.section_banner-cta.is-mcp-custom .container-large {
  max-width: 100%;
  padding: 0;
}

.section_banner-cta.is-mcp-custom .banner-cta_content {
  border-radius: 0;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

/* GET CONNECTED CTA section */
.section_get-connected {
  padding: 7rem 5%;
  background: linear-gradient(135deg, #f7f9fc 0%, #eef2f7 100%);
}

.section_get-connected .get-connected_inner {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.section_get-connected .get-connected_eyebrow {
  margin-bottom: 1.5rem;
  letter-spacing: 0.15em;
}

.section_get-connected .get-connected_title {
  margin-bottom: 1.5rem;
}

.section_get-connected .get-connected_lead {
  margin-bottom: 2.5rem;
  color: #444;
  line-height: 1.6;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.section_get-connected .get-connected_actions {
  display: flex;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
}

.section_get-connected .button.is-ghost {
  background-color: transparent;
  color: #4E5FFD;
  border: 2px solid #4E5FFD;
}

/* === Hero (section_rml-header) — pure-CSS pentagon shield ===
   The inline SVG uses preserveAspectRatio="xMidYMid meet" which refuses to
   stretch to explicit width/height. We hide the SVG and draw the pentagon
   with clip-path on the container. This scales cleanly at any viewport. */

.section_rml-header {
  min-height: 82vh !important;
  overflow: hidden;
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

/* Hide the built-in SVG shape — we draw our own with clip-path */
.rml_shg-bg svg {
  display: none !important;
}

/* Pentagon shield sized to match reference rmlholidays.com hotel-partners hero.
   Width/height chosen so triangle diagonals align with the red overlay edges
   baked into the background image. */
.section_rml-header>.rml_shg-bg:not(.mob) {
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 32vw !important;
  max-width: 32vw !important;
  height: 82vh !important;
  background: #ffffff !important;
  clip-path: polygon(0 0, 100% 0, 100% 62%, 50% 100%, 0 62%);
  z-index: 2;
}

.rml_shg-bg {
  width: 100%;
  max-width: 32vw;
  position: absolute;
  top: 0;
}

/* Ensure hero content sits above the pentagon */
.section_rml-header .rml-header_component {
  position: relative;
  z-index: 3;
}

/* Text sizes tuned to fit the reference layout comfortably inside the pentagon */
.rml-header_component h1,
.rml-header_component .heading-style-h1,
.rml-header_component .heading-style-h2 {
  font-size: 3.5rem !important;
  line-height: 1.1 !important;
  font-weight: 500 !important;
  letter-spacing: -0.01em !important;
}

.rml-header_component .h1_subtitle-smaller {
  font-size: 1rem !important;
  letter-spacing: 0.1em;
}

.rml-header_component .text-size-medium {
  font-size: 1.05rem !important;
}

/* hotel-partners: hide the "GLOBAL DISTRIBUTION / Increased occupancy" numbers
   section — rmlholidays.com's live page opens with the "DISTRIBUTION / Access
   higher-value channels" block (section_rml-how) instead. */
.section_rml-numbers {
  display: none !important;
}

/* Responsive: pentagon widens on smaller screens so text still fits */
@media (max-width: 1200px) {
  .section_rml-header>.rml_shg-bg:not(.mob) {
    width: 55vw !important;
    max-width: 55vw !important;
  }

  .rml-header_component h1,
  .rml-header_component .heading-style-h1,
  .rml-header_component .heading-style-h2 {
    font-size: 3rem !important;
  }
}

@media (max-width: 991px) {
  .section_rml-header>.rml_shg-bg:not(.mob) {
    width: 70vw !important;
    max-width: 70vw !important;
    height: 90vh !important;
  }

  .rml-header_component h1,
  .rml-header_component .heading-style-h1,
  .rml-header_component .heading-style-h2 {
    font-size: 2.5rem !important;
  }
}

@media (max-width: 767px) {
  /* Webflow mobil-də desktop formasını gizlədir — bizim beşbucaqlı fon burada da lazımdır */
  .section_rml-header>.rml_shg-bg:not(.mob) {
    display: block !important;
    width: 88vw !important;
    max-width: 88vw !important;
    top: 5.75rem !important;                 /* navbarın altından başlayır */
    height: calc(100% - 5.75rem) !important;
    /* üçbucaq 45° — fon şəklindəki qırmızı kənarlarla paralel (hündürlük = enin yarısı) */
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 44vw), 50% 100%, 0 calc(100% - 44vw));
  }

  .section_rml-header>.rml_shg-bg.mob {
    display: none !important;
  }

  .rml-header_component h1,
  .rml-header_component .heading-style-h1,
  .rml-header_component .heading-style-h2 {
    font-size: 2rem !important;
  }
}

/* MCP promo modal */
.mcp-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.mcp-modal[hidden] {
  display: none;
}

.mcp-modal_backdrop {
  position: absolute;
  inset: 0;
  background: rgba(4, 6, 30, 0.55);
  backdrop-filter: blur(2px);
  cursor: pointer;
}

.mcp-modal_dialog {
  position: relative;
  width: min(940px, 100%);
  aspect-ratio: 940 / 520;
  border-radius: 4px;
  overflow: hidden;
  color: #fff;
  background-color: #0a0e37;
  background-image:
    linear-gradient(115deg, rgba(10, 14, 55, 0.92) 0%, rgba(10, 14, 55, 0.75) 45%, rgba(10, 14, 55, 0.25) 70%, transparent 100%),
    url('https://images.unsplash.com/photo-1503376780353-7e6692767b70?auto=format&fit=crop&w=1400&q=80');
  background-size: cover, cover;
  background-position: center, center right;
  box-shadow:
    0 30px 70px rgba(0, 0, 0, 0.55),
    0 0 0 1px rgba(78, 95, 253, 0.55) inset,
    0 0 30px rgba(220, 36, 80, 0.35) inset;
  animation: mcp-modal-in 0.35s ease-out both;
}

@keyframes mcp-modal-in {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.98);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.mcp-modal_close {
  position: absolute;
  top: 18px;
  right: 22px;
  width: 32px;
  height: 32px;
  border: 0;
  background: transparent;
  color: #fff;
  font-size: 30px;
  font-weight: 300;
  line-height: 1;
  cursor: pointer;
  opacity: 0.9;
  transition: opacity 0.15s ease;
  z-index: 2;
}

.mcp-modal_close:hover {
  opacity: 1;
}

.mcp-modal_content {
  position: relative;
  z-index: 1;
  padding: 46px 52px 50px;
  max-width: 60%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.mcp-modal_eyebrow {
  margin: 0 0 20px;
  font-size: 17px;
  color: #fff;
  font-weight: 400;
}

.mcp-modal_logo {
  display: block;
  height: 62px;
  width: auto;
  margin-bottom: 18px;
}

.mcp-modal_subtitle {
  margin: 0 0 6px;
  font-size: 18px;
  color: #fff;
  font-weight: 400;
}

.mcp-modal_title {
  margin: 0 0 22px;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: #fff;
  text-transform: uppercase;
}

.mcp-modal_desc {
  margin: 0 0 30px;
  font-size: 15.5px;
  line-height: 1.55;
  color: #eaeaf6;
  max-width: 460px;
}

.mcp-modal_cta {
  align-self: flex-start;
  display: inline-block;
  padding: 13px 34px;
  border-radius: 999px;
  background: #4dd0f7;
  color: #071233;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-decoration: none;
  transition: transform 0.15s ease, background 0.15s ease;
}

.mcp-modal_cta:hover {
  background: #7addff;
  transform: translateY(-1px);
}

@media (max-width: 760px) {
  .mcp-modal_dialog {
    aspect-ratio: auto;
    min-height: 480px;
  }

  .mcp-modal_content {
    padding: 34px 28px 34px;
    max-width: 100%;
  }

  .mcp-modal_title {
    font-size: 18px;
  }

  .mcp-modal_logo {
    height: 48px;
  }
}

/* --- Feature cards (travel-agents.html) --- */
.feature-card {
  background: #ffffff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 9, 71, 0.08), 0 1px 3px rgba(0, 9, 71, 0.05);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  display: flex;
  flex-direction: column;
}

.feature-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(0, 9, 71, 0.12), 0 2px 6px rgba(0, 9, 71, 0.08);
}

.feature-card__img {
  width: calc(100% - 3rem);
  height: auto;
  display: block;
  margin: 1.5rem 1.5rem 0;
  border-radius: 8px;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.feature-card__body {
  padding: 1.75rem 1.75rem 2rem;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.feature-card__title {
  font-size: 1.5rem;
  line-height: 1.2;
  margin: 0 0 1rem;
  color: #000947;
  font-weight: 600;
}

.feature-card__desc {
  color: #555;
  line-height: 1.6;
  margin: 0;
  font-size: 0.95rem;
}

/* --- RML Edge video hero (parallax: video fixed in bg, content scrolls up over it) --- */
.edge-video-hero {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 1;
  overflow: hidden;
  background: #000947;
}

.edge-video-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  line-height: 0;
}

/* Iframe scaled to cover viewport while keeping 16:9 aspect ratio */
.edge-video-wrapper iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100vw;
  height: 56.25vw;              /* w/h = 16:9 when width is 100vw */
  min-height: 100vh;
  min-width: 177.78vh;          /* h*16/9 to guarantee full cover on tall/narrow screens */
  border: 0;
  pointer-events: auto;
}

/* Spacer that pushes tagline below the fold so the fixed video is visible first */
.edge-hero-spacer {
  height: 100vh;
  width: 100%;
}

/* Tagline scrolls over the fixed video */
.edge-tagline-section {
  position: relative;
  z-index: 2;
  background: #000947;
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  margin-top: -40px;
}

.edge-trusted-section {
  position: relative;
  z-index: 2;
}

/* Right-to-left auto-scrolling logo marquee */
.edge-logo-marquee {
  overflow: hidden;
  width: 100%;
  mask-image: linear-gradient(to right, transparent 0, #000 8%, #000 92%, transparent 100%);
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 8%, #000 92%, transparent 100%);
}

.edge-logo-track {
  display: flex;
  align-items: center;
  gap: 4rem;
  width: max-content;
  animation: edge-marquee-scroll 45s linear infinite;
}

.edge-logo-track img {
  height: 72px;
  width: auto;
  flex-shrink: 0;
  opacity: 0.9;
}

@keyframes edge-marquee-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/* Step cards (text left, image right — image bleeds to card edge) */
.edge-step-card {
  display: grid;
  grid-template-columns: 1fr 1fr;
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 9, 71, 0.08), 0 1px 3px rgba(0, 9, 71, 0.05);
  min-height: 180px;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.edge-step-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 32px rgba(0, 9, 71, 0.12);
}

.edge-step-card__text {
  padding: 1.5rem 1.25rem 1.5rem 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.edge-step-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

@media (max-width: 640px) {
  .edge-step-card {
    grid-template-columns: 1fr;
  }
  .edge-step-card img {
    height: 200px;
  }
}

/* --- Where we activate (sticky left, scrolling right) --- */
.edge-activate-grid {
  display: grid;
  grid-template-columns: minmax(280px, 380px) 1fr;
  gap: 4rem;
  align-items: start;
}

.edge-activate-left {
  position: sticky;
  top: 100px;
  align-self: start;
}

.edge-activate-list {
  display: flex;
  flex-direction: column;
}

.edge-activate-item {
  display: grid;
  grid-template-columns: 72px minmax(180px, 240px) 1fr;
  gap: 1.5rem;
  align-items: center;
  padding: 1.75rem 0;
  border-top: 1px solid rgba(58, 182, 224, 0.4);
}

.edge-activate-item:last-child {
  border-bottom: 1px solid rgba(58, 182, 224, 0.4);
}

.edge-activate-icon {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #000947;
  display: flex;
  align-items: center;
  justify-content: center;
}

.edge-activate-icon svg {
  width: 26px;
  height: 26px;
}

.edge-activate-title {
  color: #000947;
  font-weight: 600;
  font-size: 1.05rem;
  line-height: 1.25;
}

.edge-activate-desc {
  color: #555;
  font-size: 0.95rem;
  line-height: 1.55;
}

@media (max-width: 900px) {
  .edge-activate-grid {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }
  .edge-activate-left {
    position: static;
  }
  .edge-activate-item {
    grid-template-columns: 56px 1fr;
    grid-template-rows: auto auto;
    gap: 1rem;
  }
  .edge-activate-item > :first-child { grid-row: 1 / 3; }
  .edge-activate-desc {
    grid-column: 2;
  }
}

/* Capabilities grid — 3 across on desktop, 2 across on tablet, 1 on mobile */
.edge-capabilities-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.5rem 1rem;
  max-width: 960px;
  margin: 0 auto;
}

.edge-capability {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 1rem;
}

.edge-capability-icon {
  width: 76px;
  height: 76px;
  border-radius: 50%;
  background: #000947;
  display: flex;
  align-items: center;
  justify-content: center;
}

.edge-capability-icon svg {
  width: 34px;
  height: 34px;
}

.edge-capability-label {
  color: #333;
  font-size: 0.95rem;
  font-weight: 500;
  line-height: 1.3;
}

@media (max-width: 720px) {
  .edge-capabilities-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 480px) {
  .edge-capabilities-grid { grid-template-columns: 1fr; }
}

/* --- News filter pills --- */
.news-filter {
  border: 1px solid #d0d0d0;
  background: #fff;
  color: #444;
  padding: 0.4rem 0.95rem;
  border-radius: 999px;
  cursor: pointer;
  font-size: 0.78rem;
  font-weight: 500;
  transition: all 0.15s ease;
}

.news-filter:hover {
  border-color: #e51446;
  color: #e51446;
}

.news-filter.active {
  background: #e51446;
  border-color: #e51446;
  color: #fff;
}

/* --- News article cards (news.html) --- */
.news-article-card {
  /* flex sütun + height:100% → «Ətraflı oxu» bütün kartlarda eyni sətirdə dayanır */
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
  color: inherit;
  transition: transform 0.2s ease;
}

.news-article-card:hover {
  transform: translateY(-4px);
}

.news-article-card__imgwrap {
  position: relative;
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 1.25rem;
}

.news-article-card__imgwrap::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 4px;
  background: linear-gradient(to right, #e51446, #ff6b3d, #ffb84d, #4ade80, #3ab6e0, #7c5cff);
}

.news-article-card__imgwrap img {
  width: 100%;
  height: auto;
  display: block;
}

.news-article-card__title {
  font-size: 1.25rem;
  color: #000947;
  font-weight: 600;
  line-height: 1.35;
  margin: 0 0 0.85rem;
}

.news-article-card__date {
  color: #e51446;
  font-size: 0.9rem;
  font-weight: 500;
  margin: 0 0 0.85rem;
}

.news-article-card__excerpt {
  color: #444;
  font-size: 0.95rem;
  line-height: 1.55;
  margin: 0 0 1rem;
  flex: 1 1 auto;   /* qalan boşluğu doldurur ki, aşağıdakı link dibə otursun */
}

.news-article-card__more {
  display: inline-block;
  margin-top: auto;
  color: #e51446;
  font-weight: 600;
  font-size: 0.9rem;
  transition: transform 0.15s ease;
}

.news-article-card:hover .news-article-card__more {
  transform: translateX(4px);
}
/* ---------------------------------------------------------------- *
 * Video bloku: poster + oynat düyməsi + modal oynadıcı
 * ---------------------------------------------------------------- */
.rml-video-trigger {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
  line-height: 0;
  border-radius: inherit;
  overflow: hidden;
}

.rml-video-trigger img {
  width: 100%;
  height: auto;
  display: block;
}

.rml-video-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 96px;
  height: 96px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 10px 40px rgba(0, 0, 0, .35);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform .25s ease, box-shadow .25s ease;
}

.rml-video-play::before {
  content: "";
  position: absolute;
  inset: -6px;
  border-radius: 50%;
  border: 3px solid #e51446;
  opacity: .9;
}

.rml-video-play::after {
  content: "";
  width: 0;
  height: 0;
  margin-left: 7px;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 28px solid #0b1b4b;
}

.rml-video-trigger:hover .rml-video-play {
  transform: translate(-50%, -50%) scale(1.08);
  box-shadow: 0 14px 50px rgba(0, 0, 0, .45);
}

@media (max-width: 767px) {
  .rml-video-play { width: 68px; height: 68px; }
  .rml-video-play::after {
    margin-left: 5px;
    border-top-width: 12px;
    border-bottom-width: 12px;
    border-left-width: 20px;
  }
}

.rml-video-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(0, 9, 71, .88);
}

.rml-video-modal[hidden] { display: none; }

.rml-video-modal__dialog {
  position: relative;
  width: 100%;
  max-width: 1100px;
  aspect-ratio: 16 / 9;
  background: #000;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 30px 80px rgba(0, 0, 0, .6);
}

.rml-video-modal__dialog > iframe,
.rml-video-modal__dialog > video {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

.rml-video-modal__close {
  position: absolute;
  top: -14px;
  right: -14px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 0;
  background: #fff;
  color: #0b1b4b;
  font-size: 26px;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 6px 20px rgba(0, 0, 0, .4);
}

@media (max-width: 640px) {
  .rml-video-modal__close { top: -6px; right: -6px; width: 38px; height: 38px; font-size: 22px; }
}

/* ---------------------------------------------------------------- *
 * Xəbər kartları: «Daha Çox Oxu» düymələri eyni sətirdə dayansın
 * ---------------------------------------------------------------- */
.home-news_coll-item {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.home-news_coll-item > .home-news_coll-text-wrapper {
  flex: 1 1 auto;
}

.home-news_coll-item > .button-card {
  margin-top: auto;
}

.home-news_coll-list,
.home-news_coll-list.w-dyn-items {
  align-items: stretch;
}


/* ================================================================== *
 * SCHWA FIX — Azərbaycan «ə» (U+0259) və «Ə» (U+018F) hərfləri
 * ------------------------------------------------------------------
 * SƏBƏB:
 *   Saytın əsas şrifti Generalsans-dır (Webflow CDN-dən yüklənir).
 *   Fayl cəmi 437 qlif saxlayır və içində U+0259 (ə) ilə U+018F (Ə)
 *   YOXDUR. Digər bütün Azərbaycan hərfləri (ğ Ğ ı İ ö Ö ş Ş ü Ü ç Ç)
 *   Generalsans-da MÖVCUDDUR — yoxlanılıb (cmap cədvəli).
 *   Nəticədə brauzer yalnız bu iki simvol üçün sistem şriftinə
 *   (Segoe UI / Arial) keçirdi: «ə» qonşu hərflərdən daha tünd, enli
 *   və başqa üslubda görünürdü.
 *
 * HƏLL:
 *   Generalsans-ın ÖZ konturlarından hər çəki üçün ~1 KB-lıq mikro-şrift
 *   hazırlandı (public/fonts/generalsans-schwa-<çəki>.woff2):
 *       ə (U+0259) = Generalsans «e» hərfi 180° döndərilmiş
 *       Ə (U+018F) = həmin forma böyük hərf hündürlüyünə qədər
 *                    «skeleton» üsulu ilə böyüdülüb, sonra ştrix
 *                    qalınlığı böyük «O» hərfinin ştrixi ilə eyni olsun
 *                    deyə nazikləşdirilib (yuvarlaq Ə — Poppins, Inter,
 *                    Segoe UI və Noto-da olduğu kimi; TƏRS «Ǝ» DEYİL).
 *   Ştrix qalınlığı, x-hündürlüyü, overshoot və advance eyni fayldan
 *   gəldiyi üçün «ə» tam olaraq qalan mətnlə eyni çəkidə görünür.
 *
 * QEYDLƏR:
 *   - unicode-range yalnız U+018F, U+0259 olduğuna görə bu fayllar
 *     başqa heç bir hərfə toxunmur.
 *   - Çəkilər (300/400/500/600/700) əsas Generalsans fayllarının
 *     çəkiləri ilə EYNİDİR, ona görə brauzerin çəki uyğunlaşdırması və
 *     mümkün faux-bold davranışı hər iki üzdə eyni işləyir —
 *     uyğunsuzluq yaranmır.
 *   - Şrift adı 'Generalsans' olduğuna görə bütün sayt boyu (h1–h6,
 *     mətn, düymələr, menyu, .font-general-sans) avtomatik işləyir;
 *     heç bir HTML/Blade dəyişikliyi lazım deyil.
 *   - Poppins CUSTOM və Inter şriftləri «ə»-ni onsuz da dəstəkləyir.
 * ================================================================== */

@font-face {
  font-family: 'Generalsans';
  src: url('/fonts/generalsans-schwa-300.woff2') format('woff2');
  unicode-range: U+018F, U+0259;
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Generalsans';
  src: url('/fonts/generalsans-schwa-400.woff2') format('woff2');
  unicode-range: U+018F, U+0259;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Generalsans';
  src: url('/fonts/generalsans-schwa-500.woff2') format('woff2');
  unicode-range: U+018F, U+0259;
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Generalsans';
  src: url('/fonts/generalsans-schwa-600.woff2') format('woff2');
  unicode-range: U+018F, U+0259;
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Generalsans';
  src: url('/fonts/generalsans-schwa-700.woff2') format('woff2');
  unicode-range: U+018F, U+0259;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* QEYD: font-synthesis: none QƏSDƏN əlavə edilmir.
   Generalsans ailəsində 600 və 700 real üzlər mövcuddur, ona görə
   brauzer bu ailə üçün süni qalınlaşdırma (faux bold) tətbiq etmir;
   «ə» üzləri də eyni çəkilərdə olduğuna görə davranış tam eynidir.
   Qlobal font-synthesis: none isə yalnız bir çəkidə elan olunmuş digər
   ailələri (məs. Webflow-un Inter@400 elanı) nazikləşdirərdi. */

/* ==================================================================
   RML düzəlişləri — navbar, mobil menyu, mobil hero və daşan grid-lər
   ================================================================== */

/* Desktop navbar: «Qeydiyyat» düyməsi pill-in kənarına yapışmasın */
@media screen and (min-width: 992px) {
  .navbar_container-n {
    padding-right: 1rem !important;
  }

  .navbar_button-wrapper {
    flex: 0 1 auto !important;
    width: auto !important;
    margin-left: .5rem !important;
    gap: .75rem !important;
  }

  .button.is-nav.w-button {
    padding-top: .6em !important;
    padding-bottom: .6em !important;
    line-height: 1.2 !important;
  }
}

@media screen and (max-width: 991px) {
  /* Mobil menyu: giriş/qeydiyyat düymələri bir sırada, dil seçimi altda */
  .navbar_menu-mobile-link-flag-wrapper {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 1.25rem !important;
  }

  .navbar_cta-button-wrapper.mobile {
    flex-direction: row !important;
    flex-wrap: wrap;
    align-items: center !important;
    gap: .75rem !important;
  }

  .navbar_cta-button-wrapper.mobile .w-dropdown,
  .navbar_cta-button-wrapper.mobile .button.is-nav {
    margin: 0 !important;
  }

  .language_wrapper-mobile {
    position: static !important;
    inset: auto !important;
    width: auto !important;
    padding: .25rem 0 0 !important;
    border-top: 1px solid rgba(255, 255, 255, .15);
    padding-top: 1rem !important;
  }
}

@media screen and (max-width: 767px) {
  /* Ana səhifə hero: başlığın üstündəki artıq boşluq */
  .section_home-header {
    padding-top: 5.5rem !important;
  }

  .section_home-header .padding-section-large {
    padding-top: 1.5rem !important;
  }

  .home-header_component {
    margin-top: 0 !important;
  }

  /* Paneldən gələn məzmundakı inline grid-lər (minmax(380px…)) ekrandan daşmasın */
  .main-wrapper [style*="grid-template-columns"] {
    grid-template-columns: 1fr !important;
  }

  .main-wrapper [style*="repeat(4,1fr)"],
  .main-wrapper [style*="repeat(4, 1fr)"],
  .main-wrapper [style*="repeat(2,1fr)"],
  .main-wrapper [style*="repeat(2, 1fr)"] {
    grid-template-columns: 1fr 1fr !important;
  }

  /* Daxili səhifələrin hero-su: mobil-də sabit 65vh hündürlük boş sahə yaradır */
  .section_home-header[style*="min-height"] {
    min-height: 0 !important;
    padding-bottom: 3rem !important;
  }

  .main-wrapper [style*="min-width"] {
    min-width: 0 !important;
  }

  .main-wrapper img,
  .main-wrapper video,
  .main-wrapper iframe {
    max-width: 100%;
  }

  body {
    overflow-x: hidden;
  }
}

/* Mobil menyu: açılan bölmələrin chevron-u sağ kənarda */
@media screen and (max-width: 991px) {
  .navbar_accordion-links-title {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
  }

  .navbar_accordion-title-arrow {
    margin-left: auto !important;
    flex: none;
  }
}

/* Mobil menyu: alt elementlər soldan eyni xətdə; loqolar ağ versiyada */
@media screen and (max-width: 991px) {
  .navbar_accordion-links-inner-wrapper {
    padding-left: 1.25rem !important;
  }

  .nav_drop-mob-content {
    justify-content: flex-start !important;
    width: 100% !important;
  }

  .nav_drop-mob-image {
    height: 1.75rem !important;
    width: auto !important;
    max-width: 11rem !important;
    object-fit: contain;
    object-position: left center;
  }
}

/* Mobil: paneldən gələn inline böyük başlıqlar (2.5rem və s.) konteynerdən daşmasın */
@media screen and (max-width: 767px) {
  .main-wrapper h1,
  .main-wrapper h2,
  .main-wrapper h3 {
    overflow-wrap: anywhere;
  }

  .main-wrapper h2[style*="font-size: 2.5rem"],
  .main-wrapper h2[style*="font-size:2.5rem"],
  .main-wrapper h1[style*="font-size: 2.5rem"],
  .main-wrapper [style*="font-size: 3rem"],
  .main-wrapper [style*="font-size: 2.75rem"] {
    font-size: 1.9rem !important;
  }

  .main-wrapper [style*="font-size: 2.25rem"],
  .main-wrapper [style*="font-size: 2rem"] {
    font-size: 1.6rem !important;
  }
}

/* Mobil menyu ikonları: sabit qutu, ikon içində mərkəzdə — sol kənar həmişə eyni xətdə */
@media screen and (max-width: 991px) {
  .nav_drop-mob-icon {
    width: 2.25rem !important;
    height: 2.25rem !important;
    flex: none;
    justify-content: center !important;
    align-items: center !important;
    margin-right: .75rem;
  }

  .nav_drop-mob-icon img {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain;
  }
}

/* Mobil: paneldən gələn inline böyük yan boşluqlar kartları daraldır */
@media screen and (max-width: 767px) {
  .main-wrapper div[style*="padding: 4rem 3rem"],
  .main-wrapper div[style*="padding: 4rem 2rem"],
  .main-wrapper div[style*="padding: 3rem 3rem"],
  .main-wrapper div[style*="padding: 3rem 2rem"],
  .main-wrapper div[style*="padding: 3rem;"],
  .main-wrapper div[style*="padding: 2.5rem"] {
    padding: 2rem 1rem !important;
  }

  .feature-card__body {
    padding: 22px 20px 26px !important;
  }
}

/* Mobil: məhsul hero-larında «background-size: 110%/108% auto» fonu zolaq kimi qoyur — tam örtmə */
@media screen and (max-width: 767px) {
  .main-wrapper > header[style*="background"],
  .main-wrapper section[style*="background-size: 110%"],
  .main-wrapper section[style*="background-size: 108%"] {
    background-size: cover !important;
    background-position: center center !important;
    height: auto !important;
    min-height: 80vh !important;
    padding-top: 7rem !important;
    padding-bottom: 4rem !important;
  }
}

/* Desktop: məhsul hero-larında məzmun navbarın altına girməsin (92vh + mərkəzləmə kiçik ekranlarda üst-üstə düşürdü) */
@media screen and (min-width: 768px) {
  .main-wrapper > header[style*="background"] {
    box-sizing: border-box;
    height: auto !important;
    min-height: 80vh;
    padding-top: 9rem !important;
    padding-bottom: 4rem !important;
  }
}
