/* Altay Orta Alan v1.0.2 – scoped to Elementor widgets; theme header/footer untouched. */
.elementor-widget-altay_orta_intro,
.elementor-widget-altay_orta_services,
.elementor-widget-altay_orta_advantages,
.elementor-widget-altay_orta_details,
.elementor-widget-altay_orta_regions,
.elementor-widget-altay_orta_cta { width: 100%; min-width: 0; }
.elementor-widget-altay_orta_intro > .elementor-widget-container,
.elementor-widget-altay_orta_services > .elementor-widget-container,
.elementor-widget-altay_orta_advantages > .elementor-widget-container,
.elementor-widget-altay_orta_details > .elementor-widget-container,
.elementor-widget-altay_orta_regions > .elementor-widget-container,
.elementor-widget-altay_orta_cta > .elementor-widget-container { padding: 0 !important; margin: 0 !important; }
.altay-mid {
  --am-yellow: #EDB93A;
  --am-navy: #0A1C2D;
  --am-ink: #14273A;
  --am-muted: #647487;
  --am-container: 1200px;
  box-sizing: border-box;
  width: var(--altay-viewport-width, 100vw);
  max-width: none;
  margin-left: calc(50% - var(--altay-viewport-half, 50vw));
  margin-right: calc(50% - var(--altay-viewport-half, 50vw));
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  color: var(--am-ink);
  background: #fff;
  overflow: hidden;
  position: relative;
  isolation: isolate;
  text-align: left;
}
.altay-mid *, .altay-mid *::before, .altay-mid *::after { box-sizing: border-box; }
.altay-mid svg { display: block; flex: 0 0 auto; }
.altay-mid a { text-decoration: none !important; }
.altay-mid a:focus-visible { outline: 3px solid var(--am-yellow); outline-offset: 4px; }
.altay-mid__container {
  width: 100%;
  max-width: var(--am-container);
  margin: 0 auto;
  padding: 0 30px;
  min-width: 0;
}
.altay-mid__eyebrow { display: inline-flex; align-items: center; gap: 11px; letter-spacing: .16em; font-size: 11px; font-weight: 800; text-transform: uppercase; color: #A37911; line-height: 1.4; }
.altay-mid__eyebrow i { display: inline-block; height: 7px; width: 7px; flex: 0 0 7px; border-radius: 50%; background: var(--am-yellow); box-shadow: 0 0 0 5px #EDB93A20; }
.altay-mid .altay-mid__title { color: var(--am-ink); font-size: clamp(31px, 3.35vw, 51px); font-weight: 790; letter-spacing: -.043em; line-height: 1.16; margin: 19px 0 0; max-width: 650px; }
.altay-mid__lead { color: var(--am-muted); font-size: 16px; line-height: 1.85; margin: 22px 0 0; max-width: 560px; }
.altay-mid__button { display: inline-flex; justify-content: space-between; align-items: center; gap: 28px; padding: 16px 22px; min-height: 54px; background: var(--am-navy); border-radius: 8px; font-weight: 760; font-size: 13px; line-height: 1.35; color: white !important; transition: transform .2s ease, background .2s ease; }
.altay-mid__button:hover { transform: translateY(-2px); background: #223c54; color: white !important; }
.altay-mid__button span { font-size: 21px; line-height: 1; font-weight: 400; }
.altay-mid__button--yellow { background: var(--am-yellow); color: #102031 !important; }
.altay-mid__button--yellow:hover { background: #ffd36c; color: #102031 !important; }
.altay-mid__section-head { display: flex; align-items: end; justify-content: space-between; gap: 42px; margin-bottom: 38px; }
.altay-mid__section-head > div { max-width: 720px; }
.altay-mid__section-head > p { color: var(--am-muted); margin: 0 0 5px; max-width: 330px; font-size: 14px; line-height: 1.75; }
.altay-mid__section-head--center { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 0; margin-bottom: 43px; }
.altay-mid__section-head--center .altay-mid__title { margin-inline: auto; }
.altay-mid__section-head--center > p { max-width: 590px; margin: 19px auto 0; font-size: 15px; }

/* 01: Intro */
.altay-mid--intro { padding: 98px 0 96px; }
.altay-mid__intro-layout { display: grid; grid-template-columns: minmax(0,1fr) minmax(0, .77fr); gap: clamp(40px,7vw,110px); align-items: center; }
.altay-mid__inline-note { border-top: 1px solid #e5ecf1; margin-top: 30px; padding-top: 19px; display: flex; gap: 12px; align-items: center; font-size: 12px; font-weight: 720; letter-spacing: .01em; color: #53687d; }
.altay-mid__mini-mark { background: var(--am-yellow); display: inline-block; width: 24px; height: 3px; border-radius: 2px; }
.altay-mid__intro-showcase { background: var(--am-navy); color: #fff; border-radius: 20px; padding: 32px 33px 0; box-shadow: 0 22px 55px #0a1c2d2b; position: relative; overflow: hidden; }
.altay-mid__intro-showcase::after { content: ''; position: absolute; width: 340px; height: 340px; border: 1px solid rgba(255,255,255,.06); border-radius: 50%; right: -135px; bottom: -135px; pointer-events: none; }
.altay-mid__showcase-caption { display: block; color: #e2bd65; font-size: 10px; letter-spacing: .17em; font-weight: 790; margin-bottom: 18px; }
.altay-mid__showcase-line { display: flex; align-items: center; gap: 20px; border-top: 1px solid #ffffff21; padding: 24px 0; }
.altay-mid__showcase-line:first-of-type { border-top: 0; }
.altay-mid__showcase-icon { flex: 0 0 69px; width: 69px; height: 69px; border-radius: 14px; background: #21374b; display: grid; place-items: center; color: var(--am-yellow); }
.altay-mid__showcase-line small { display: block; font-size: 10px; letter-spacing: .15em; color: #b4c5d3; margin-bottom: 7px; }
.altay-mid__showcase-line strong { font-size: clamp(16px, 1.65vw, 20px); font-weight: 740; line-height: 1.4; color: #fff; display: block; }
.altay-mid__showcase-footer { border-top: 1px solid #ffffff21; display: flex; justify-content: space-between; align-items: center; padding: 17px 0; color: #a7bac8; font-size: 11px; font-weight: 800; letter-spacing: .24em; }
.altay-mid__showcase-footer span:last-child { font-size: 23px; color: var(--am-yellow); }

/* 02: Services */
.altay-mid--services { background: #F4F7FA; padding: 96px 0 108px; }
.altay-mid__services-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 25px; }
.altay-mid__service-card { background: #fff; border: 1px solid #e5ebf0; border-radius: 19px; overflow: hidden; box-shadow: 0 11px 35px #142b430c; }
.altay-mid__service-card-top { display: flex; justify-content: space-between; align-items: center; background: #fff; padding: 20px 26px; font-size: 10px; font-weight: 820; letter-spacing: .15em; color: #6b7e8d; }
.altay-mid__service-card-top span:last-child { font-size: 24px; line-height: 1; color: #a6b3be; font-weight: 400; }
.altay-mid__service-visual { height: 245px; background: linear-gradient(125deg, #092034 0%, #173c51 60%, #193744 100%); position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.altay-mid__service-card--2 .altay-mid__service-visual { background: linear-gradient(125deg,#152e47,#0b222d 75%); }
.altay-mid__service-visual::before { content: ''; position: absolute; inset: 0; background-image: linear-gradient(#ffffff0b 1px, transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px); background-size: 35px 35px; mask-image: linear-gradient(0deg, transparent, black); }
.altay-mid__service-visual::after { content: ''; position: absolute; width: 270px; height: 270px; border-radius: 50%; border: 1px solid #ffffff20; right: -65px; top: -80px; }
.altay-mid__service-art { position: relative; z-index: 1; color: #f3c555; transform: rotate(-5deg); filter: drop-shadow(0 24px 21px #0008); }
.altay-mid__service-card--2 .altay-mid__service-art { transform: rotate(5deg); color: #e1eff9; }
.altay-mid__service-art svg { max-width: 130px; height: auto; }
.altay-mid__visual-number { position: absolute; left: 24px; bottom: -35px; font-weight: 850; line-height: 1; letter-spacing: -.09em; color: #ffffff0e; font-size: 132px; }
.altay-mid__service-visual img { display: block; position: relative; z-index: 1; width: 100%; height: 100%; object-fit: cover; }
.altay-mid__service-visual--photo::before { z-index: 2; background: linear-gradient(180deg, transparent, #09162644); mask-image: none; }
.altay-mid__service-info { padding: 34px 34px 32px; }
.altay-mid__service-info h3 { font-size: 25px; line-height: 1.25; letter-spacing: -.025em; font-weight: 770; margin: 0 0 13px; color: var(--am-ink); }
.altay-mid__service-info p { font-size: 14px; line-height: 1.8; color: #6b7c8b; margin: 0 0 22px; min-height: 50px; }
.altay-mid__list { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.altay-mid__list li { display: flex; align-items: flex-start; gap: 12px; font-size: 13px; color: #485e72; line-height: 1.6; margin: 10px 0; padding: 0; }
.altay-mid__list li > span { color: #9c7211; background: #fff4db; border-radius: 50%; display: grid; place-items: center; width: 19px; height: 19px; flex: 0 0 19px; font-weight: 900; font-size: 11px; margin-top: 1px; }
.altay-mid__service-link { display: flex; justify-content: space-between; align-items: center; margin-top: 28px; border-top: 1px solid #ecf0f3; padding: 22px 0 0; color: #102b42 !important; font-size: 13px; font-weight: 770; }
.altay-mid__service-link span { width: 31px; height: 31px; flex: 0 0 31px; background: #fff5dc; display: grid; place-items: center; border-radius: 50%; color: #9b7211; font-size: 21px; font-weight: 400; transition: transform .2s ease; }
.altay-mid__service-link:hover span { transform: translateX(4px); }

/* 03: Advantages */
.altay-mid--advantages { padding: 102px 0 112px; background: white; }
.altay-mid__adv-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 20px; }
.altay-mid__adv-card { border: 1px solid #e5ebf0; border-radius: 15px; padding: 35px 30px 37px; background: #fff; position: relative; box-shadow: 0 8px 34px #111d3007; }
.altay-mid__adv-card::after { content: ''; height: 3px; position: absolute; bottom: -1px; left: 35px; right: 35px; background: var(--am-yellow); transform: scaleX(0); transition: transform .25s; }
.altay-mid__adv-card:hover::after { transform: scaleX(1); }
.altay-mid__adv-icon { width: 61px; height: 61px; display: grid; place-items: center; border-radius: 13px; background: #fef4dd; color: #a77716; margin-bottom: 25px; }
.altay-mid__adv-card h3 { margin: 0 0 12px; font-size: 20px; font-weight: 770; color: var(--am-ink); letter-spacing: -.025em; }
.altay-mid__adv-card p { margin: 0; color: #6b7c8b; font-size: 14px; line-height: 1.8; }

/* 04: Detailed service scope */
.altay-mid--details { padding: 98px 0 109px; background: var(--am-navy); color: #eff4fa; }
.altay-mid--details::before { content: ''; position: absolute; width: 670px; height: 670px; background: radial-gradient(circle, #3b657632, transparent 63%); right: -350px; top: -300px; pointer-events: none; }
.altay-mid--details .altay-mid__title { color: #fff; }
.altay-mid--details .altay-mid__eyebrow { color: var(--am-yellow); }
.altay-mid__outline-number { font-size: 103px; line-height: 1; font-weight: 800; letter-spacing: -.1em; color: #ffffff10; }
.altay-mid__detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 23px; }
.altay-mid__detail-card { border: 1px solid #ffffff20; border-radius: 16px; padding: 37px 39px 39px; background: #ffffff07; }
.altay-mid__detail-icon { color: var(--am-yellow); margin-bottom: 24px; }
.altay-mid__detail-number { display: block; color: #d3b469; font-size: 10px; font-weight: 800; letter-spacing: .17em; margin-bottom: 10px; }
.altay-mid__detail-card h3 { color: #fff; margin: 0 0 17px; font-size: 25px; font-weight: 750; letter-spacing: -.02em; }
.altay-mid__detail-card p { color: #c4d0da; margin: 0 0 24px; font-size: 14px; line-height: 1.85; }
.altay-mid__detail-card .altay-mid__list { border-top: 1px solid #ffffff1e; padding-top: 14px !important; }
.altay-mid__detail-card .altay-mid__list li { color: #ecf1f6; }
.altay-mid__detail-card .altay-mid__list li > span { background: #ffffff15; color: var(--am-yellow); }

/* 05: Regions and optional brands */
.altay-mid--regions { padding: 104px 0; background: #f8fafc; }
.altay-mid__regions-layout { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: clamp(36px, 6vw, 96px); align-items: center; }
.altay-mid__regions-copy .altay-mid__button { margin-top: 31px; }
.altay-mid__district-panel { background: #fff; border: 1px solid #e7edf2; border-radius: 18px; padding: 30px; box-shadow: 0 19px 45px #1833450e; }
.altay-mid__district-head { display: flex; align-items: center; gap: 12px; color: #ad811b; border-bottom: 1px solid #e7edf2; padding-bottom: 20px; font-size: 11px; font-weight: 800; letter-spacing: .14em; }
.altay-mid__district-icon { margin-left: auto; color: #93a5b4; font-size: 22px; }
.altay-mid__district-controls { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; align-items: center; padding-top: 23px; }
.altay-mid__district-toggle { display: inline-flex; gap: 3px; padding: 4px; background: #eff3f7; border: 1px solid #dce5ee; border-radius: 11px; }
.altay-mid .altay-mid__district-toggle-button { appearance: none; cursor: pointer; border: 0; border-radius: 8px; background: transparent; color: #465e70; padding: 11px 16px; min-height: 43px; font-size: 13px; font-weight: 750; line-height: 1.2; transition: background .15s ease, color .15s ease; }
.altay-mid .altay-mid__district-toggle-button.is-active { background: var(--am-navy); color: #fff; box-shadow: 0 2px 9px #0a1c2d25; }
.altay-mid .altay-mid__district-toggle-button:focus-visible { outline: 3px solid var(--am-yellow); outline-offset: 2px; }
.altay-mid__district-count { font-size: 11px; color: #718297; font-weight: 660; }
.altay-mid__district-count strong { color: #213c54; }
.altay-mid__district-list { display: flex; flex-wrap: wrap; gap: 9px; padding-top: 22px; }
.altay-mid__district-list[hidden] { display: none !important; }
.altay-mid .altay-mid__district-link { display: inline-flex; align-items: center; justify-content: space-between; gap: 9px; min-height: 45px; border: 1px solid #dbe5ed; background: #f7f9fb; border-radius: 8px; padding: 10px 13px; font-size: 12px; font-weight: 690; color: #344e63; line-height: 1.2; transition: color .15s ease, background .15s ease, border-color .15s ease; }
.altay-mid a.altay-mid__district-link:hover { background: #0a1c2d; border-color: #0a1c2d; color: #fff !important; }
.altay-mid__district-link-arrow { color: #b58a2a; font-size: 14px; }
.altay-mid__district-link--preview { border-style: dashed !important; }
.altay-mid__district-link--preview small { color: #96701b; font-size: 10px; font-weight: 700; }
.altay-mid .altay-mid__district-link--unpublished { opacity: .68; border-style: dashed; cursor: not-allowed; }
.altay-mid__district-link--unpublished small { color: #7d8f9c; font-size: 10px; font-weight: 600; }
.altay-mid__district-note { color: #8594a2; font-size: 11px; line-height: 1.6; margin: 22px 0 0; }
.altay-mid__brands { padding-top: 40px; }
.altay-mid__brands h3 { margin: 0 0 17px; font-size: 17px; font-weight: 750; }
.altay-mid__brand-list { display: flex; flex-wrap: wrap; gap: 9px; }
.altay-mid__brand-list span { padding: 12px 18px; border: 1px solid #dfe7ed; background: #fff; color: #324c61; border-radius: 7px; font-size: 13px; font-weight: 740; }

/* 06: CTA – Elementor Pro form may be embedded by template ID. */
.altay-mid--cta { background: #10263a; padding: 97px 0 102px; }
.altay-mid__cta-layout { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1fr); gap: clamp(35px, 6vw, 105px); align-items: center; }
.altay-mid--cta .altay-mid__eyebrow { color: var(--am-yellow); }
.altay-mid--cta .altay-mid__title { color: #fff; }
.altay-mid--cta .altay-mid__lead { color: #c3d0dc; }
.altay-mid__cta-phone { margin-top: 33px; padding: 19px 20px; border-radius: 10px; border: 1px solid #ffffff27; color: #fff !important; display: inline-flex; gap: 15px; align-items: center; font-size: clamp(17px, 2.3vw, 23px); font-weight: 760; transition: background .2s ease; }
.altay-mid__cta-phone svg { color: var(--am-yellow); }
.altay-mid__cta-phone:hover { background: #ffffff14; }
.altay-mid__cta-phone span { color: var(--am-yellow); font-weight: 400; }
.altay-mid__cta-quiet { font-size: 11px; margin-top: 22px; line-height: 1.65; color: #869aab; max-width: 390px; }
.altay-mid__cta-panel { border-radius: 16px; background: #fff; padding: 37px 38px; min-width: 0; box-shadow: 0 27px 58px #0003; }
.altay-mid__cta-icon { width: 58px; height: 58px; background: #fff3d6; color: #a37712; display: grid; place-items: center; border-radius: 13px; margin-bottom: 23px; }
.altay-mid__cta-panel-tag { display: block; color: #9a751f; font-size: 10px; letter-spacing: .16em; font-weight: 800; margin-bottom: 13px; }
.altay-mid__cta-panel h3 { color: #182e40; font-size: 26px; line-height: 1.3; margin: 0 0 13px; letter-spacing: -.02em; font-weight: 790; }
.altay-mid__cta-panel p { color: #6f7e8b; font-size: 14px; line-height: 1.8; margin: 0 0 25px; }
.altay-mid__cta-panel-line { display: flex; gap: 10px; align-items: center; border-top: 1px solid #ecf0f3; color: #495c6b; font-size: 13px; font-weight: 690; padding: 14px 0; }
.altay-mid__cta-panel-line > span { color: #b58a2a; }
.altay-mid__cta-panel .altay-mid__button { margin-top: 14px; width: 100%; }
.altay-mid__form-embed .elementor-form input,
.altay-mid__form-embed .elementor-form textarea,
.altay-mid__form-embed .elementor-form select { max-width: 100%; }

@media (max-width: 1024px) {
  .altay-mid__container { padding-inline: 26px; }
  .altay-mid--intro, .altay-mid--services, .altay-mid--advantages, .altay-mid--details, .altay-mid--regions, .altay-mid--cta { padding-block: 78px; }
  .altay-mid__intro-layout, .altay-mid__regions-layout, .altay-mid__cta-layout { gap: 34px; }
  .altay-mid__detail-card { padding: 29px; }
  .altay-mid__service-info { padding: 28px; }
}
@media (max-width: 767px) {
  .altay-mid__container { padding-inline: 20px; }
  .altay-mid--intro, .altay-mid--services, .altay-mid--advantages, .altay-mid--details, .altay-mid--regions, .altay-mid--cta { padding-block: 60px; }
  .altay-mid__intro-layout, .altay-mid__services-grid, .altay-mid__adv-grid, .altay-mid__detail-grid, .altay-mid__regions-layout, .altay-mid__cta-layout { grid-template-columns: 1fr; gap: 19px; }
  .altay-mid .altay-mid__title { font-size: clamp(30px, 7.8vw, 43px); }
  .altay-mid__lead { font-size: 14px; line-height: 1.8; }
  .altay-mid__section-head { display: block; margin-bottom: 29px; }
  .altay-mid__section-head > p { margin-top: 16px; }
  .altay-mid__intro-showcase { margin-top: 16px; }
  .altay-mid__service-visual { height: 195px; }
  .altay-mid__service-info { padding: 27px; }
  .altay-mid__service-info h3 { font-size: 23px; }
  .altay-mid__adv-card { padding: 26px; }
  .altay-mid__detail-card { padding: 29px 26px; }
  .altay-mid__regions-layout, .altay-mid__cta-layout { gap: 34px; }
  .altay-mid__district-panel { padding: 24px; }
  .altay-mid__cta-panel { padding: 27px 24px; }
  .altay-mid__outline-number { display: none; }
  .altay-mid__section-head--center { text-align: left; align-items: start; }
  .altay-mid__section-head--center .altay-mid__title, .altay-mid__section-head--center > p { margin-left: 0; }
}
@media (max-width: 370px) {
  .altay-mid__container { padding-inline: 16px; }
  .altay-mid__intro-showcase { padding-inline: 21px; }
  .altay-mid__showcase-icon { flex-basis: 52px; width: 52px; height: 52px; }
  .altay-mid__showcase-icon svg { width: 27px; height: 27px; }
  .altay-mid__service-info { padding: 22px; }
  .altay-mid__district-panel { padding: 18px; }
  .altay-mid__district-controls { align-items: flex-start; }
  .altay-mid__district-count { width: 100%; }
  .altay-mid__cta-panel { padding: 22px 17px; }
}
@media (prefers-reduced-motion: reduce) {
 .altay-mid__button, .altay-mid__service-link span, .altay-mid__adv-card::after, .altay-mid__cta-phone, .altay-mid__district-toggle-button, .altay-mid__district-link { transition: none; }
 .altay-mid__button:hover { transform: none; }
}