/* =====================================================================
 * GROUP: GLOBAL BASE / TYPOGRAPHY / ROOT
 * ===================================================================== */

/* =========================================
   [01] EBR — Global base
   ========================================= */
:root{
  --ebr-font:'Montserrat',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --ebr-lh-body:1.6;
  --ebr-lh-h1:1.2; --ebr-lh-h2:1.3; --ebr-lh-h3:1.4;
  --ebr-lh-h4:1.4; --ebr-lh-h5:1.5; --ebr-lh-h6:1.5;
  --ebr-p-mb:1.5em;
  --hdr-static:96px;
  /* Hero tipografi aralıkları (tek noktadan kontrol) */
  --hero-h1-bottom: 14px;   /* H1 altında boşluk */
  --hero-gap: 12px;         /* hero metin blokları arası boşluk */
}
@media (min-width:768px) and (max-width:1024px){ :root{ --hdr-static:84px; } }
@media (max-width:767px){ :root{ --hdr-static:72px; } }

html,body{ font-family:var(--ebr-font); line-height:var(--ebr-lh-body); }
h1{line-height:var(--ebr-lh-h1);} h2{line-height:var(--ebr-lh-h2);}
h3{line-height:var(--ebr-lh-h3);} h4{line-height:var(--ebr-lh-h4);}
h5{line-height:var(--ebr-lh-h5);} h6{line-height:var(--ebr-lh-h6);}

.elementor-widget-text-editor p,
.entry-content p{ line-height:var(--ebr-lh-body) !important; }
.elementor-widget-text-editor p{ margin:0 0 var(--ebr-p-mb); }

/* Sticky geçişlerinde scroll hedefi sekmesin */
html{ scroll-padding-top: var(--hdr-h, var(--hdr-static)); }
/* Anchor inişlerinde sticky header ofseti (global) */
.elementor-menu-anchor{ scroll-margin-top: var(--hdr-h, 96px); }

/* Smooth scroll */
html{ scroll-behavior: smooth; }

/* =====================================================================
 * GROUP: HEADER / NAV / SEARCH / STICKY
 * ===================================================================== */

/* =========================================
   [02] Header / Get Quote / Menü
   ========================================= */
.ebr-quote-box{display:flex;align-items:center;justify-content:center;cursor:pointer;padding:6px 12px;max-width:160px;transition:.3s}
.ebr-quote-box img{width:60px;height:auto;display:block}
.ebr-header-box{display:flex;align-items:center;gap:6px;white-space:nowrap;text-overflow:ellipsis;flex-shrink:0}
.ebr-header-right{display:flex;align-items:center;justify-content:flex-end;gap:16px;flex-wrap:nowrap}
.call-us .label{color:#4e545a;font-weight:700;font-size:12px}
.call-us .phone{color:#a22929;font-weight:600;font-size:12px}

header.elementor-sticky--effects{
  box-shadow:0 2px 10px rgba(0,0,0,.1);
  background:#fff !important;
  z-index:999;
  transition:none !important;
}

/* =========================================
   [03] Header Search — FINAL CLEAN
   MOVED to uploads/ebr/ebr-frontend-only.css (2026-08-16).
   Frontend-only: depends on runtime JS toggling `.active`, uses
   position:fixed/absolute + z-index:99999. Must never load in
   Elementor editor/preview.

   EXCEPTION (2026-08-16): the base hidden-by-default declaration below
   was moved back here from ebr-frontend-only.css. It has no JS/position
   dependency of its own and is safe/expected to be visible in the
   Elementor editor (search should render closed there too). The
   `.active` open-state rule and the position:fixed/absolute responsive
   rules remain in ebr-frontend-only.css.

   EXCEPTION 2 (2026-08-16): the static icon/box visual rules below
   (.ebr-search-box, .search-icon and its hover/pseudo-element/img rules)
   were also moved back here. They have no JS or position dependency
   either — the icon was rendering invisible/unstyled in the Elementor
   editor because this CSS previously loaded frontend-only. .ebr-search-input
   and all position:fixed/absolute responsive + .active rules remain in
   ebr-frontend-only.css.
   ========================================= */
#site-search.ebr-search-form{
  display: none !important;
}

.ebr-search-box{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: auto;
  margin: 0;
}

.ebr-search-box .search-icon{
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #4e545a;
  border-radius: 4px;
  cursor: pointer;
  line-height: 0;
  overflow: hidden;
  user-select: none;
  transition: none !important;
  transform: none !important;
  animation: none !important;
  filter: none !important;
  box-shadow: none !important;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  will-change: auto;
  z-index: 10;
}

.ebr-search-box .search-icon:hover{
  background: #2e3338;
}

.ebr-search-box .search-icon::before,
.ebr-search-box .search-icon::after{
  content: none !important;
  display: none !important;
}

.ebr-search-box .search-icon img{
  width: 22px;
  height: 22px;
  display: block;
  opacity: 1;
  visibility: visible;
  transform: none !important;
  animation: none !important;
  filter: none !important;
  box-shadow: none !important;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  will-change: auto;
}

@media (max-width:767px){
  header.elementor-sticky--effects{
    transition:none !important;
  }
}
@media (prefers-reduced-motion:reduce){
  header.elementor-sticky--effects{transition:none!important}
}

@media (min-width:1025px){

.uael-menu-item.elementor-item-active,
.uael-menu-item.current-menu-item{
  background:#a22929!important;
  color:#fff!important;
  border-radius:8px!important;
  padding:6px 20px!important;
  display:inline-block;
  transition:.3s
}

.uael-menu-item{
  padding:6px 20px!important;
  border-radius:6px!important;
  transition:.3s
}

.uael-menu-item:hover{
  background:#a22929!important;
  color:#fff!important
}

}

/* Logo alanları (CLS koruması) */
.custom-logo,
header .custom-logo,
header .site-logo img,
header .ast-site-identity .site-logo-img img{
  display:block;
  width: clamp(160px, 28vw, 260px);
  height:auto;
  aspect-ratio:1016/135;
}

@media (max-width:1024px){
  .ast-site-identity .custom-logo{
    width:220px;
  }
}

@media (max-width:767px){
  .ast-site-identity .custom-logo{
    width:200px;
  }
}

/* =========================================
   [04] HOME MOBILE — Product card vs sticky header fix
   MOVED to uploads/ebr/ebr-frontend-only.css (2026-08-16).
   Frontend-only: mobile-viewport stacking/backface-visibility fix
   tied to real scroll/sticky behavior. Must never load in
   Elementor editor/preview.
   ========================================= */

/* =====================================================================
 * GROUP: FOOTER
 * ===================================================================== */

/* =========================================
   [05] Footer
   ========================================= */
.footer-left,.footer-middle,.footer-right{flex:1;min-width:250px;display:flex;flex-direction:column;color:#fff}
.footer-left img{max-width:180px;margin-bottom:10px}
.footer-left h4,.footer-right h4{font-size:18px;margin-bottom:12px}
.footer-right p{margin-bottom:6px;font-size:13px}

.footer-menu a.footer-link{
  color:#fff;
  font-size:12px;
  font-weight:500;
  padding:6px 12px;
  border-radius:4px;
  display:inline-block;
  transition:.3s
}

.footer-menu a.footer-link:hover{
  background:#a22929
}

.ebr-social-icons a{
  background:transparent!important;
  box-shadow:none!important
}

.ebr-social-icons img{
  display:block;
  width:22px;
  height:22px;
  background:transparent!important
}

.ebr-footer-buttons{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px;
  padding:20px 0;
  background:#2f2f2f
}

.ebr-footer-btn{
  font-size:12px;
  font-weight:600;
  color:#4e545a;
  background:#f9f9f9;
  padding:6px 16px;
  border-radius:4px;
  text-decoration:none;
  transition:.3s
}

.ebr-footer-btn:hover{
  background:#a22929;
  color:#fff!important
}

.ebr-footer-btn.quote-btn{
  background:#a22929;
  color:#fff
}

.ebr-footer-btn.quote-btn:hover{
  background:#4e545a;
  color:#fff!important
}

/* Footer contact – overlap fix + düzen */

.footer-contact,
.footer-contact *{
  letter-spacing:normal!important;
}

.footer-contact h4{
  margin:0 0 12px!important;
  line-height:1.3!important;
  transform:none!important;
}

.footer-contact p{
  margin:0 0 14px!important;
  line-height:1.65!important;
  position:static!important;
  transform:none!important;
  height:auto!important;
  white-space:normal!important;
  text-align:left!important;
}

.footer-contact p:last-child{
  margin-bottom:2px!important;
}

.footer-contact a{
  display:inline;
  text-decoration:none;
  word-break:break-word;
  overflow-wrap:anywhere;
}

.footer-contact p strong{
  margin-right:.25em;
}

/* =====================================================================
 * GROUP: ABOUT / BLOG
 * ===================================================================== */

/* =========================================
   [06] ABOUT — Timeline panolar akışkan
   ========================================= */
#our-journey-in-metal-fabrication img{ display:block; width:100%; height:auto; box-sizing:border-box; }

/* =====================================================================
 * GROUP: HEADER / NAV / SEARCH / STICKY — SAFETY LAYER
 * ===================================================================== */

/* =========================================
   [07] UAEL mobil menü FOUC + overlay click
   MOVED to uploads/ebr/ebr-frontend-only.css (2026-08-16).
   Frontend-only: first-paint FOUC guard, must never load in
   Elementor editor/preview.
   ========================================= */

/* Menü ok ikonları (FA) */
.uael-menu-toggle i.fa,
.uael-menu-toggle i.fas{ font-family:"Font Awesome 5 Free"!important; font-weight:900!important; }
.uael-menu-toggle i.fa::before,
.uael-menu-toggle i.fas::before{ content:"\f107"; }
.uael-has-submenu-container > a[aria-expanded="true"] + .uael-menu-toggle i.fa::before,
.uael-has-submenu-container > a[aria-expanded="true"] + .uael-menu-toggle i.fas::before{ content:"\f106"; }

/* =====================================================================
 * GROUP: BLOG / SINGLE POST
 * ===================================================================== */

/* =========================================
   [08] Tekil yazı — Öne çıkan görsel
   ========================================= */
body.single-post .elementor-widget-theme-post-featured-image img{
  aspect-ratio:16/9; width:100%; height:auto; display:block;
}

/* =====================================================================
 * GROUP: PRODUCTS / CARDS / GRID
 * ===================================================================== */

/* =========================================
   [09] Ürün kartları — global ve Products sayfası
   ========================================= */
/* Global: img doğal akış */
.product-card .elementor-image img{ width:100%; height:auto; display:block; }

/* CLS azaltma – kart görsel slotu sabitle (global) */
.product-card .elementor-image figure{ aspect-ratio:392 / 235; }
.product-card figure{ margin:0!important; }
.product-card .elementor-widget-image{ overflow:hidden; }

/* Sadece Products sayfası (ID=8484) – contain + merkezle */
.page-id-8484 .products-grid-card .elementor-widget-image{
  aspect-ratio:392/235; overflow:hidden; background:#fff;
  --e-image-object-fit:contain!important;
  --e-image-object-position:center center!important;
}
.page-id-8484 .products-grid-card .elementor-widget-image img,
.page-id-8484 .products-grid-card .elementor-widget-image a img{
  display:block; width:100%; height:100%!important;
  object-fit:contain!important; object-position:center!important;
  max-width:100%; border-radius:inherit;
}

/* HOME – benefits küçük cilalar */
.home-benefits .elementor-widget-icon-box .elementor-icon-box-content,
.home-benefits .uael-icon-box .uael-icon-box-content{ display:flex; flex-direction:column; align-items:center; text-align:center; }
.home-benefits .elementor-icon-box-title,
.home-benefits .uael-icon-box-title{ margin:8px 0 4px!important; line-height:1.2!important; transform:none!important; }
.home-benefits .elementor-icon-box-description,
.home-benefits .uael-icon-box-description{
  margin:6px 0 0!important; line-height:1.45!important; position:static!important; transform:none!important; white-space:normal!important; height:auto!important;
}
.home-benefits .elementor-icon-box-icon,
.home-benefits .uael-icon-box-icon{ margin-bottom:8px!important; }
.home-benefits .elementor-widget-container{ transform:none!important; }
@media (max-width:767px){
  .home-benefits .elementor-icon-box, .home-benefits .uael-icon-box{ margin-bottom:14px; }
}

/* =====================================================================
 * GROUP: FOOTER — COLOR OVERRIDES
 * ===================================================================== */

/* =========================================
   [10] Footer contact — yazıları #f9f9f9 (hover: #fff)
   ========================================= */
.elementor-location-footer .footer-contact,
.elementor-location-footer .footer-contact *{
  color: #f9f9f9 !important;
  -webkit-text-fill-color: #f9f9f9 !important;
}
.elementor-location-footer .footer-contact a,
.elementor-location-footer .footer-contact a[href^="tel"],
.elementor-location-footer .footer-contact a[href^="mailto"]{
  color: #f9f9f9 !important; -webkit-text-fill-color: #f9f9f9 !important; text-decoration: none;
}
.elementor-location-footer .footer-contact a:hover{
  color: #ffffff !important; -webkit-text-fill-color: #ffffff !important;
}
.elementor-location-footer .footer-contact h4{ color: #f9f9f9 !important; }

/* =========================================
   [11] GLOBAL — Products grid: Card + Chip
   ========================================= */
.products-grid-card{
  position: relative; display: flex; flex-direction: column;
  background: #fff; border-radius: 12px; overflow: hidden;
  transform: translateZ(0); backface-visibility: hidden;
  transition: transform .2s ease, box-shadow .2s ease; cursor: pointer;
}
.products-grid-card:hover{
  transform: translateY(-2px) scale(var(--hover-scale, 1.02));
  box-shadow: var(--hover-shadow, 0 8px 22px rgba(0,0,0,.14));
}
.products-grid-card .elementor-widget-image{
  aspect-ratio: 392 / 235; overflow: hidden; background: #fff;
}
.products-grid-card .elementor-widget-image img,
.products-grid-card .elementor-widget-image > a > img{
  display: block; width: 100%; height: 100% !important;
  object-fit: contain !important; object-position: center !important;
  max-width: 100%; border-radius: inherit; transition: transform .25s ease;
}

.products-grid-card:focus-within{
  outline: 2px solid var(--chip-bg, #a22929); outline-offset: 4px; border-radius: 16px;
}
.products-grid-card::after{
  content:""; position:absolute; inset:0;
  background: var(--hover-tint, linear-gradient(0deg, rgba(78,84,90,0.04), rgba(78,84,90,0.04)));
  opacity: 0; transition: opacity .25s ease; pointer-events: none; z-index: 1;
}
.products-grid-card:hover::after{ opacity:1; }
.products-grid-card__details{
  position: relative; z-index: 2; margin-top: auto;
  display: inline-flex; align-items: center; gap: .5rem;
  padding: .6rem .9rem; border-radius: 9999px;
  font-weight: 600; line-height: 1; text-decoration: none;
  background: var(--chip-bg, #eceff3); color: var(--chip-color, #3e444a);
  transition: background-color .15s ease, color .15s ease, transform .12s ease;
}
.products-grid-card__details svg{ width:16px; height:16px; fill: currentColor; position: relative; top: 1px; transition: transform .15s ease; }
.products-grid-card:hover .products-grid-card__details{
  background: var(--chip-bg-hover, #e3e7ec); color: var(--chip-color-hover, #a22929); transform: translateX(4px);
}
.products-grid-card:hover .products-grid-card__details svg{ transform: translateX(2px); }
@media (prefers-reduced-motion: reduce){
  .products-grid-card,
  .products-grid-card .elementor-widget-image img,
  .products-grid-card__details,
  .products-grid-card__details svg{ transition:none; }
}

/* [11.x] Products grid — CTA/Details butonunu yatayda tam ortala */
.products-grid-card :where(.products-grid-card__details){
  margin-top: auto;
  margin-inline: auto;
  align-self: center;
}

.products-grid-card :where(.elementor-widget-html){
  text-align: center;
}

/* =========================================
   [12] SMC sayfa (ID:9154) — Accordion widget kozmetiği
   ========================================= */
.page-id-9154 .elementor-accordion .elementor-tab-title{
  padding:14px 16px; font-weight:600; color:#4e545a; background:#fff;
}
.page-id-9154 .elementor-accordion .elementor-tab-title.elementor-active{ color:#a22929; }
.page-id-9154 .elementor-accordion .elementor-accordion-icon svg{
  width:18px; height:18px; stroke:currentColor; fill:currentColor;
}
.page-id-9154 .elementor-accordion .elementor-tab-content{
  background:#fff; border-top:1px solid rgba(0,0,0,.06); padding:0;
}
.page-id-9154 .elementor-accordion .elementor-accordion-item{
  border:1px solid #eceff3; border-radius:14px; overflow:hidden;
  box-shadow:0 6px 24px rgba(0,0,0,.06); margin-top:14px;
}
/* Erişilebilirlik – klavye odağı */
.page-id-9154 .elementor-accordion .elementor-tab-title:focus-visible{
  outline:2px solid #a22929; outline-offset:2px;
}
/* Yazdırma – içerikler açık olsun */
@media print{
  .page-id-9154 .elementor-accordion .elementor-tab-content{ display:block !important; height:auto !important; }
}

/* =====================================================================
 * GROUP: UTILITIES / BREADCRUMB / VISIBILITY / ACCESSIBILITY
 * ===================================================================== */

/* =========================================
   [13] Rank Math breadcrumb — boyut, renk, hover, ayırıcı
   ========================================= */
.rank-math-breadcrumb,
.rank-math-breadcrumb p,
.rank-math-breadcrumb a,
.rank-math-breadcrumb .separator,
.rank-math-breadcrumb .last,
.rank-math-breadcrumb .current-item{
  font-size:12px !important; line-height:1.2 !important; color:#4e545a !important;
}
.rank-math-breadcrumb a{ color:#4e545a !important; text-decoration:none; }
.rank-math-breadcrumb a:hover{ color:#a22929 !important; }
.rank-math-breadcrumb .last,
.rank-math-breadcrumb .current-item{ color:#a22929 !important; font-weight:600; }
.rank-math-breadcrumb .separator{ color:#dfe4ea !important; margin:0 .5rem !important; }

/* =========================================
   [14] Görünürlük yardımcıları (tek set)
   ========================================= */
.desktop-only{ display:none; }
.mobile-only{ display:block; }
@media (min-width:768px){
  .desktop-only{ display:block !important; }
  .mobile-only{ display:none !important; }
}

/* =====================================================================
 * GROUP: GLOBAL SAFETY / LAYOUT / PERFORMANCE
 * ===================================================================== */

/* =========================================
   [15] Site geneli — içerik/footer “yapışma” sigortası
   ========================================= */
:root{ --ebr-page-bottom-gap: 72px; }
.elementor-location-content{ overflow:auto; padding-bottom: var(--ebr-page-bottom-gap); }

/* =====================================================================
 * GROUP: HERO SYSTEM
 * ===================================================================== */

/* =========================================
   [16] HERO (home + about) — ortak yapı
   ========================================= */
.hero-dt{
  position: relative;
  min-height: clamp(600px, 100vh, 1080px);
  overflow: hidden;
  display: flex; flex-direction: column;
  justify-content: space-between; align-items: center;
  padding: 0 clamp(16px, 4vw, 48px);
}
/* Video – TAM dolum, alt hizalı kadraj */
.hero-dt__video{
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; object-position: center 100% !important;
  z-index: 0; display: block;
}
/* Overlay – üstten başla, ortalı */
.hero-dt__overlay{
  position: absolute; inset: 0; z-index: 2;
  display: flex; flex-direction: column; align-items: center; justify-content: flex-start;
  text-align: center;
  padding-top: calc(var(--hdr-h, var(--hdr-static)) + 0px);
  gap: clamp(8px, 1.6vh, 16px);
}
.hero-dt__text{ max-width: min(1100px, 92vw); margin: 0 auto; }
.hero-dt__cta{ margin-top: auto; padding-bottom: clamp(16px, 4vh, 40px); }

/* Anti-overlap reset (editör/preview farklarını kilitle) */
#hero-dt .hero-dt__text,
#hero-about-dt .hero-dt__text,
#hero-about-dt .hero-dt__cta{
  position: static !important;
  transform: none !important;
  translate: none !important;
  animation: none !important;
  will-change: auto !important;
}
/* Satır aralıkları */
#hero-dt .hero-dt__text h1,
#hero-about-dt .hero-dt__text h1{ line-height: 1.15 !important; }
#hero-about-dt .hero-dt__text h2{ line-height: 1.2 !important; }
#hero-dt .hero-dt__text p,
#hero-about-dt .hero-dt__text p,
#hero-about-dt .hero-dt__cta p{
  line-height: 1.6 !important;
  white-space: normal !important;
  height: auto !important;
  overflow: visible !important;
}

/* =========================================
   [17] HOME — renkler, spacing, CTA
   ========================================= */
body.home #hero-dt .hero-dt__text{
  display:grid; row-gap: var(--hero-gap);
  margin-top: -10vh; /* başlık+metni yukarı taşı (büyütmek için -12/-14 vh) */
}
body.home #hero-dt .hero-dt__text h1{
  color:#a22929;
  margin: 0 0 var(--hero-h1-bottom);
  line-height:1.12; letter-spacing:.02em;
  text-shadow:0 2px 14px rgba(0,0,0,.25);
  filter:none !important; mix-blend-mode:normal !important;
}
body.home #hero-dt .hero-dt__text h1 + p{ margin-top: 14px; }
body.home #hero-dt .hero-dt__text p{ margin:0; color:#fff; opacity:.98; font-weight:600; }
/* CTA buton */
body.home #hero-dt .hero-dt__btn{
  display:inline-flex; align-items:center; gap:.5rem;
  padding:12px 18px; font-size:15px; border-radius:6px;
  background:#a22929; color:#fff; font-weight:700; text-decoration:none; border:0;
  transition: transform .12s ease, box-shadow .2s ease, background-color .2s ease;
}
body.home #hero-dt .hero-dt__btn:hover{
  background:#4e545a; color:#fff;
  transform: translateY(-1px); box-shadow:0 10px 24px rgba(0,0,0,.22);
}

/* =========================================
   [18] ABOUT — renkler, spacing
   ========================================= */
#hero-about-dt .hero-dt__text{
  display:grid; row-gap: var(--hero-gap);
  margin-top: -10vh; /* daha yukarı için -16vh / -18vh */
}
#hero-about-dt .hero-dt__text h1{
  color:#a22929; margin:0 0 var(--hero-h1-bottom);
  line-height:1.12; letter-spacing:.02em; text-shadow:0 2px 14px rgba(0,0,0,.25);
}
#hero-about-dt .hero-dt__text h2{
  color:#fff; margin:.4em 0 0; line-height:1.18; text-shadow:0 2px 14px rgba(0,0,0,.25);
}
#hero-about-dt .hero-dt__cta p{ margin:0; color:#fff; opacity:.95; }

/* =====================================================================
 * GROUP: GLOBAL FINISHING / FONTS / LEGACY NOTES
 * ===================================================================== */

/* =========================================
   [19] Son dokunuşlar
   ========================================= */
/* Kart erişilebilirlik: kalsın */
.products-grid-card:focus-visible{
  outline:3px solid #a22929;
  outline-offset:3px;
  border-radius:12px;
}

/* Kart – flex kalmalı (display:block kullanmayın) */
.products-grid-card{
  display:flex;              /* ÖNEMLİ: block yapmayın */
  flex-direction:column;
  text-decoration:none;      /* kart <a> ise link alt çizgisini kapatır */
}

/* Blog liste: taşmayı kesin – kalsın, archive’a da uygulayalım */
body.blog .elementor-posts .elementor-post__thumbnail,
body.archive .elementor-posts .elementor-post__thumbnail{
  width:100% !important;
  aspect-ratio:16/9;
  overflow:hidden;
}
body.blog .elementor-posts .elementor-post__thumbnail a,
body.archive .elementor-posts .elementor-post__thumbnail a{
  display:block;
}
body.blog .elementor-posts .elementor-post__thumbnail img,
body.archive .elementor-posts .elementor-post__thumbnail img{
  width:100%;
  height:100% !important;
  object-fit:cover !important;
  display:block;
}
/* Ekrana görünmez, ekran okuyucuya okunur metin */
.sr-only{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}

/* =========================================
   [19.a] Font-face — Montserrat local subset
   ========================================= */
/* Montserrat – Latin subset (hız için unicode-range ve swap) */
@font-face{
  font-family:"Montserrat";
  src:url("/wp-content/uploads/fonts/montserrat-v31-latin-regular.woff2") format("woff2");
  font-weight:400; font-style:normal; font-display:optional;
  unicode-range:U+0000-00FF,U+2000-206F,U+20AC;
}

@font-face{
  font-family:"Montserrat";
  src:url("/wp-content/uploads/fonts/montserrat-v31-latin-700.woff2") format("woff2");
  font-weight:700; font-style:normal; font-display:optional;
  unicode-range:U+0000-00FF,U+2000-206F,U+20AC;
}

/* İHTİYAÇ VARSA ekle; preload ETME (genelde gerekmez) */
@font-face{
  font-family:"Montserrat";
  src:url("/wp-content/uploads/fonts/montserrat-v31-latin-600.woff2") format("woff2");
  font-weight:600; font-style:normal; font-display:optional;
  unicode-range:U+0000-00FF,U+2000-206F,U+20AC;
}
@font-face{
  font-family:"Montserrat";
  src:url("/wp-content/uploads/fonts/montserrat-v31-latin-500.woff2") format("woff2");
  font-weight:500; font-style:normal; font-display:optional;
  unicode-range:U+0000-00FF,U+2000-206F,U+20AC;
}

/* Global fallback zinciri */
body{font-family:Montserrat, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;}

/* =========================================
   [20] LEGACY NOTE — CONTACT US (page-id-475)
   =========================================
   Eski deneme bloğu kaldırıldı.
   Aktif CSS yok; ileride gerekirse ayrı testle yeniden eklenmeli.
*/

/* =========================================
   [21] Fold altını boya geciktir (mobile+tablet)
   MOVED to uploads/ebr/ebr-frontend-only.css (2026-08-16).
   Frontend-only: content-visibility:auto can break Elementor's
   editor canvas scrolling/element-selection. Must never load in
   Elementor editor/preview.
   ========================================= */

/* =========================================
   [22] SMC Mobile Hero (tek kaynak)
   ========================================= */
@media (max-width: 767.98px){
  #smc-hero-mb.smc-hero-mb.mobile-only{
    display:block !important;
    position:relative;
    min-height:480px;
    aspect-ratio:3/2;          /* CLS azaltır */
    padding-top:8px;
    z-index:2;
  }

  #smc-hero-mb .smc-hero-img img{
    display:block;
    width:100%;
    height:auto;
    max-width:100%;
  }

  #smc-hero-mb h1{
    font-weight:700;
    line-height:1.2;
    margin:12px 0 8px;
  }

  #smc-hero-mb p{
    margin:0 0 10px;
    line-height:1.45;
  }
}

/* =========================================
   [22.a] LEVEL 2 / LEVEL 3 — Mobile Hero CLS Stabilizer
   ========================================= */
@media (max-width: 767.98px){

  .cat-hero-mb,
  .prd-hero-mb{
    display:block;
    width:100%;
    overflow:hidden;
    contain:layout paint;
  }

  .cat-hero-mb .elementor-widget-image,
  .prd-hero-mb .elementor-widget-image{
    width:100%;
    display:block;
  }

  .cat-hero-mb img.ebr-lcp-hero-l2,
  .prd-hero-mb img.ebr-lcp-hero-l3{
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:3 / 2;
  }

}

/* =====================================================================
 * GROUP: HOME — PRODUCT CARDS / FINAL HOVER
 * ===================================================================== */

/* =========================================
   [23] HOME — Product cards final hover
   ========================================= */

body.home .product-card.products-grid-card{
  text-decoration:none;
  border:1px solid rgba(78,84,90,.10);
  transition:
    transform .2s ease,
    box-shadow .2s ease,
    border-color .2s ease;
}

/* Kart hover */
body.home .product-card.products-grid-card:hover{
  transform:translateY(-6px) scale(1.02);
  box-shadow:
    0 10px 30px rgba(0,0,0,.12),
    0 4px 12px rgba(0,0,0,.06);
  border-color:rgba(78,84,90,.16);
}

/* Görseller normalde gri */
body.home .product-card.products-grid-card .home-card-img{
  filter:grayscale(100%);
  transform:none !important;
  transition:filter .25s ease !important;
}

/* Kart hover → görseller renkli */
body.home .product-card.products-grid-card:hover .home-card-img{
  filter:grayscale(0%) !important;
}

/* Resmin kendi hover zoomu kapalı */
body.home .product-card.products-grid-card .home-card-img:hover{
  transform:none !important;
}

/* Görsel altına hafif zemin gölgesi */
body.home .product-card.products-grid-card picture{
  position:relative;
  display:block;
}

body.home .product-card.products-grid-card picture::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-6px;
  width:70%;
  height:18px;
  transform:translateX(-50%);
  background:radial-gradient(ellipse, rgba(0,0,0,.10), transparent 70%);
  filter:blur(6px);
  opacity:.25;
  pointer-events:none;
}

body.home .product-card.products-grid-card .product-card-title{
  color:#a22929;
  font-weight:600;
  transition:
    opacity .18s ease,
    transform .18s ease,
    font-weight .18s ease;
}

body.home .product-card.products-grid-card:hover .product-card-title{
  opacity:.9;
  transform:translateY(-1px);
  font-weight:700;
}

/* CTA normal */
body.home .product-card.products-grid-card .products-grid-card__details{
  background:#a22929 !important;
  color:#ffffff !important;
}

/* CTA hover */
body.home .product-card.products-grid-card:hover .products-grid-card__details{
  background:#4e545a !important;
}

/* Click / focus */
body.home .product-card.products-grid-card:focus-visible,
body.home .product-card.products-grid-card:focus-within{
  outline:2px solid #a22929;
  outline-offset:3px;
  border-radius:12px;
}

/* =======================================================
 * [BLOG] ARCHIVE / CATEGORY LOOP VISUAL FIX
 * ======================================================= */

.archive .ast-excerpt-container,
.blog .ast-excerpt-container,
.category .ast-excerpt-container {
  color: #4e545a !important;
  opacity: 1 !important;
}

.archive .ast-excerpt-container p,
.blog .ast-excerpt-container p,
.category .ast-excerpt-container p,
.archive .entry-content,
.blog .entry-content,
.category .entry-content {
  color: #4e545a !important;
  opacity: 1 !important;
  font-size: 16px;
  line-height: 1.7;
}

/* READ MORE */
.archive .ast-read-more-container a,
.blog .ast-read-more-container a,
.category .ast-read-more-container a {
  color: #a22929 !important;
  font-weight: 600;
  text-decoration: none;
}

/* CATEGORY TAGS */
.archive .ast-taxonomy-container a,
.blog .ast-taxonomy-container a,
.category .ast-taxonomy-container a {
  display: inline-block;
  margin: 4px 6px 0 0;
  padding: 4px 10px;
  border-radius: 4px;
  background: #f7f7f7;
  border: 1px solid #ddd;
  color: #4e545a !important;
  text-decoration: none;
  font-size: 13px;
}

.archive .ast-taxonomy-container a:hover,
.blog .ast-taxonomy-container a:hover,
.category .ast-taxonomy-container a:hover {
  background: #a22929;
  border-color: #a22929;
  color: #fff !important;
}

/* =====================================================================
 * [60] F6 — CSS MOVED FROM WPCODE (2026-10-17), unchanged, oldest first
 * ===================================================================== */

/* [861] Get Contact Button CSS */
/* Get Contact butonu her zaman kırmızı */
.get-contact-btn > a {
  background-color: #a22929 !important;
  color: #ffffff !important;
  padding: 8px 16px;
  border-radius: 4px;
  font-weight: 600;
  transition: background-color 0.3s ease;
}
.get-contact-btn > a:hover {
  background-color: #801e1e !important;
}

/* [1399] EBR Footer CSS */
/* ✅ Üçlü Kutular (Footer veya Diğer Alanlar için) */
.box-red.elementor-element,
.box-grey.elementor-element {
  padding: 30px;
  border-radius: 10px;
  color: #ffffff !important;
}

.box-red.elementor-element {
  background-color: #a22929 !important;
}

.box-grey.elementor-element {
  background-color: #4e545a !important;
}

.box-red.elementor-element h1,
.box-red.elementor-element h2,
.box-red.elementor-element h3,
.box-red.elementor-element p,
.box-grey.elementor-element h1,
.box-grey.elementor-element h2,
.box-grey.elementor-element h3,
.box-grey.elementor-element p {
  color: #ffffff !important;
}

/* ✅ Katalog Alanı (Footer içi veya ayrı) */
.catalog-section.elementor-element {
  background-color: #a22929 !important;
  color: #ffffff !important;
  padding: 40px 20px;
  border-radius: 10px;
}

.catalog-section h1,
.catalog-section h2,
.catalog-section h3,
.catalog-section p {
  color: #ffffff !important;
}

.catalog-section .elementor-button {
  background-color: #ffffff !important;
  color: #a22929 !important;
  font-weight: 600;
  border-radius: 4px;
  padding: 12px 24px;
  transition: all 0.3s ease;
}

.catalog-section .elementor-button:hover {
  background-color: #cbcbc4 !important;
  color: #a22929 !important;
}

/* [14937] EBR Mobile tables scroll */
/* EBR mobile tables (2026-10-16): any table placed directly in an HTML / text widget scrolls sideways on phones instead of being cut off. */
@media (max-width: 767px) {
  .elementor-widget-html:has(table),
  .elementor-widget-text-editor:has(table) {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

/* [15054] EBR Typography standard */
/* EBR Typography standard (F3, 2026-10-16) */
/* T3: one H2 line height across heading widgets */
.elementor-widget-heading h2.elementor-heading-title{line-height:1.3}
/* T7: blog card titles (UAEL posts) */
body .elementor-widget-uael-posts .uael-post__title,body .elementor-widget-uael-posts .uael-post__title a{font-size:20px!important;font-weight:600!important;line-height:1.35!important}
@media (max-width:767px){body .elementor-widget-uael-posts .uael-post__title,body .elementor-widget-uael-posts .uael-post__title a{font-size:18px!important}}

/* [15369] EBR Header & menu (F2) */
/* EBR Header & menu (F2, 2026-10-17) */
/* "View all" items are for the mobile / tablet menu only */
.elementor-element-2f257aad .menu-item.ebr-m-only{display:none!important}
/* Mobile / tablet dropdown: right-aligned arrows; "View all" items bold */
.elementor-element-db1a759 .elementor-nav-menu--dropdown a{display:flex!important;justify-content:space-between;align-items:center}
.elementor-element-db1a759 .elementor-nav-menu--dropdown .sub-arrow{margin-left:auto;padding:8px 4px 8px 16px}
.elementor-element-db1a759 .elementor-nav-menu--dropdown .ebr-m-only > a{font-weight:600}
/* Mobile / tablet header like EBR HVAC (owner 2026-10-21): logo left, right = menu, search, quote; light full-width menu panel */
@media (max-width:1024px){
.elementor-location-header .elementor-element-29d3bdd{padding:0!important}
.elementor-location-header .elementor-element-c86eb26{padding:8px 16px!important;position:static!important}
.elementor-location-header .elementor-element-c86eb26>.e-con-inner{max-width:none!important;width:100%!important;padding:0!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;position:static!important}
.elementor-location-header .elementor-element-7e20f43{width:auto!important;flex:0 1 auto!important;min-height:0!important;justify-content:center!important;align-items:flex-start!important;padding:0!important}
.elementor-location-header .elementor-element-aa749a1,.elementor-location-header .elementor-element-aa749a1 a{width:auto!important;max-width:none!important}
.elementor-location-header .elementor-element-aa749a1 img{width:200px!important;max-width:none!important}
.elementor-location-header .elementor-element-b0f0a10{width:auto!important;flex:0 0 auto!important;flex-direction:row!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;padding:0!important;position:static!important}
.elementor-location-header .elementor-element-b9f4b9c,.elementor-location-header .elementor-element-61011c2,.elementor-location-header .elementor-element-5ea7c01{width:auto!important;flex:0 0 auto!important;padding:0!important;margin:0!important;position:static!important}
.elementor-location-header .elementor-element-b9f4b9c{order:1}
.elementor-location-header .elementor-element-5ea7c01{order:2}
.elementor-location-header .elementor-element-61011c2{order:3}
.elementor-location-header .elementor-element-8fc3e16,.elementor-location-header .elementor-element-8fc3e16>.elementor-widget-container,.elementor-location-header .elementor-element-61011c2 .ebr-quote-box{padding:0!important;margin:0!important}
.elementor-location-header .elementor-element-61011c2 img{width:46px!important;height:auto!important}
.elementor-location-header .elementor-element-db1a759,.elementor-location-header .elementor-element-db1a759>.elementor-widget-container{position:static!important;padding:0!important}
/* hamburger: plain grey icon, no dark box */
.elementor-element-db1a759 .elementor-menu-toggle{background:transparent!important;color:#4E545A!important;padding:6px!important;margin:0!important;border-radius:0!important}
.elementor-element-db1a759 .elementor-menu-toggle svg,.elementor-element-db1a759 .elementor-menu-toggle svg path{fill:#4E545A!important}
.elementor-element-db1a759 .elementor-menu-toggle svg{width:24px!important;height:24px!important}
/* open menu: full-width white panel under the header bar */
.elementor-location-header .elementor-element.elementor-element-db1a759 nav.elementor-nav-menu__container.elementor-nav-menu--dropdown{position:absolute!important;left:0!important;right:0!important;width:auto!important;top:100%!important;margin-top:0!important;z-index:9998;background:#fff!important;border-top:1px solid #E5E5E5;border-radius:0!important;box-shadow:0 14px 24px rgba(0,0,0,.12)}
.elementor-element-db1a759 .elementor-nav-menu--dropdown li{border:0!important}
.elementor-element-db1a759 .elementor-nav-menu--dropdown a{background:#fff!important;color:#4E545A!important;font-size:15px!important;font-weight:500!important;padding:14px 20px!important;border-bottom:1px solid #F0F0F0!important;border-radius:0!important}
.elementor-element-db1a759 .elementor-nav-menu--dropdown .sub-menu a{padding:12px 20px 12px 36px!important;border-bottom-color:#F5F5F5!important}
.elementor-element-db1a759 .elementor-nav-menu--dropdown .sub-menu .sub-menu a{padding-left:52px!important}
.elementor-element-db1a759 .elementor-nav-menu--dropdown a:hover,.elementor-element-db1a759 .elementor-nav-menu--dropdown a.highlighted,.elementor-element-db1a759 .elementor-nav-menu--dropdown a.elementor-item-active{background:#A22929!important;color:#fff!important}
.elementor-element-db1a759 .elementor-nav-menu--dropdown .sub-arrow svg{fill:currentColor!important}
/* search: plain grey icon; the field opens full width under the bar */
.elementor-element-5ea7c01 .search-icon{width:34px!important;height:34px!important;border-radius:0!important;background:#4E545A!important;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20d%3D%22M480%20272C480%20317.9%20465.1%20360.3%20440%20394.7L566.6%20521.4C579.1%20533.9%20579.1%20554.2%20566.6%20566.7C554.1%20579.2%20533.8%20579.2%20521.3%20566.7L394.7%20440C360.3%20465.1%20317.9%20480%20272%20480C157.1%20480%2064%20386.9%2064%20272C64%20157.1%20157.1%2064%20272%2064C386.9%2064%20480%20157.1%20480%20272zM272%20416C351.5%20416%20416%20351.5%20416%20272C416%20192.5%20351.5%20128%20272%20128C192.5%20128%20128%20192.5%20128%20272C128%20351.5%20192.5%20416%20272%20416z%22/%3E%3C/svg%3E") center/22px 22px no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20d%3D%22M480%20272C480%20317.9%20465.1%20360.3%20440%20394.7L566.6%20521.4C579.1%20533.9%20579.1%20554.2%20566.6%20566.7C554.1%20579.2%20533.8%20579.2%20521.3%20566.7L394.7%20440C360.3%20465.1%20317.9%20480%20272%20480C157.1%20480%2064%20386.9%2064%20272C64%20157.1%20157.1%2064%20272%2064C386.9%2064%20480%20157.1%20480%20272zM272%20416C351.5%20416%20416%20351.5%20416%20272C416%20192.5%20351.5%20128%20272%20128C192.5%20128%20128%20192.5%20128%20272C128%20351.5%20192.5%20416%20272%20416z%22/%3E%3C/svg%3E") center/22px 22px no-repeat}
.elementor-element-5ea7c01 .search-icon:hover{background:#A22929!important}
.elementor-element-5ea7c01 .search-icon img{visibility:hidden!important}
.elementor-location-header .elementor-element-5ea7c01 .ebr-search-box{position:static!important}
#site-search-m.ebr-search-form{display:none;position:absolute;left:0;right:0;top:100%;z-index:9998;background:#fff;padding:12px 16px;border-top:1px solid #E5E5E5;box-shadow:0 14px 24px rgba(0,0,0,.12)}
#site-search-m.ebr-search-form.active{display:block}
#site-search-m .ebr-search-input{font-size:16px;padding:12px 16px}
}
@media (max-width:374px){
.elementor-location-header .elementor-element-aa749a1 img{width:170px!important}
.elementor-location-header .elementor-element-b0f0a10{gap:2px!important}
}
/* desktop dropdown text (UAEL setting is overridden elsewhere) */
.elementor-element-2f257aad .sub-menu a,.elementor-element-2f257aad .sub-menu .uael-sub-menu-item{font-size:14px!important;letter-spacing:0!important;line-height:1.35!important}
.elementor-element-2f257aad ul.sub-menu{width:330px!important;min-width:330px!important}

/* [15375] EBR UI consistency v2 (menu L3, footer, cards) */
/* EBR UI consistency v2 (owner list 2026-10-17) */
/* 1. Desktop menu (owner 2026-10-20, v2): narrow 240px columns, long names wrap to two lines.
   The first panel shifts left at most 80px so it always stays under "Products" (hover path intact).
   From 1270px wide all three levels open to the right; below that the 3rd level opens left as before.
   Header is centred, so the needed shift is linear in viewport width (50vw); UAEL adds translateX(-100px). */
@media (min-width:1025px){
.elementor-element-2f257aad ul.sub-menu{width:240px!important;min-width:240px!important}
.elementor-element-2f257aad ul.sub-menu a{white-space:normal!important;line-height:1.3!important;padding-top:8px!important;padding-bottom:8px!important}
.elementor-element-2f257aad ul.sub-menu ul.sub-menu ul.sub-menu{left:auto!important;right:100%!important}
}
@media (min-width:1270px){
.elementor-element-2f257aad ul.uael-nav-menu > li > ul.sub-menu{left:clamp(-80px, calc(50vw - 715px), 0px)!important;right:auto!important}
.elementor-element-2f257aad ul.sub-menu ul.sub-menu ul.sub-menu{left:100%!important;right:auto!important}
}
/* 2. Footer columns: top-aligned, equal, left-aligned */
@media (min-width:1025px){
.elementor-element-979433f{align-items:flex-start!important;column-gap:40px!important}
.elementor-element-c3d59ea,.elementor-element-efa3036,.elementor-element-8a9764f{flex:1 1 0!important;width:auto!important;justify-content:flex-start!important;align-items:flex-start!important}
.elementor-element-8a535fb{align-self:flex-start!important;padding-top:0!important}
.elementor-element-8a535fb img{margin-left:0!important}
.elementor-element-6626765{padding:0 0 10px 0!important}
.elementor-element-e7bbe9c{align-items:flex-start!important;padding:10px 0 0 0!important;width:100%!important}
.elementor-element-ce952a4{align-self:flex-start!important;width:100%!important}n.elementor-element-ce952a4,.elementor-element-ce952a4 .elementor-heading-title{text-align:left!important}
.elementor-element-a7d5092 .e-form__buttons,.elementor-element-a7d5092 .elementor-field-type-submit{justify-content:flex-start!important}
.elementor-element-6d323b2{text-align:left!important;align-self:flex-start!important}
.elementor-element-7f63edf{padding:0 0 15px 0!important}
.elementor-element-8b81363{padding:0!important}
.elementor-element-8b81363 ul{padding-left:20px!important;margin:0!important}
.elementor-element-df7533b{padding:0!important}
.elementor-element-df7533b .footer-contact h4{margin:0 0 15px 0!important;padding:0!important}
.elementor-element-7f63edf .elementor-heading-title,.elementor-element-df7533b .footer-contact h4{font-size:20px!important;line-height:1.3!important}
}
/* 3 + 5. Product cards: inner side spacing, same vertical layout, button at the bottom */
.products-grid-card{justify-content:flex-start!important}
.products-grid-card .elementor-widget-heading,.products-grid-card .elementor-widget-text-editor{padding-left:16px!important;padding-right:16px!important}
.products-grid-card .elementor-widget-text-editor{flex-grow:1}
.products-grid-card > .elementor-widget-button,.products-grid-card > .e-con:last-child{margin-top:auto!important}
/* 5b. Same image box and heading height in card rows (tablet/desktop) */
.products-grid-card .elementor-widget-image img{width:100%!important;aspect-ratio:4/3;object-fit:contain;height:auto!important}
.products-grid-card .elementor-widget-image,.page-id-8484 .products-grid-card .elementor-widget-image{aspect-ratio:auto} /* box follows the 4:3 image; the older 392/235 box cut the bottom off */
@media (min-width:768px){.products-grid-card .elementor-widget-heading .elementor-heading-title{min-height:2.5em;display:flex;align-items:center;justify-content:center}}

/* 6b. Accordion answers: same inner spacing everywhere */
.e-n-accordion .e-n-accordion-item > .e-con{padding:14px 20px 18px 20px!important}

/* Round 3 fixes (2026-10-26): F1 products CTA band, F11 mobile spec tables, F2 footer legal links */
/* F1. Products page CTA on mobile: the 135deg gradient ran behind the stacked text; dark band for the text, light band for the catalogue */
@media (max-width:767px){
.elementor-8484 .elementor-element.elementor-element-80e14d6:not(.elementor-motion-effects-element-type-background){background-image:none!important;background-color:#F9F9F9!important}
.elementor-8484 .elementor-element.elementor-element-9493cce{background-color:#4E545A;box-shadow:0 0 0 100vmax #4E545A;clip-path:inset(0 -100vmax);padding-top:28px;padding-bottom:28px}
}
/* F11. Mobile spec tables: Model column stays visible while swiping; clearer swipe hint (beats the per-page inline table style) */
@media (max-width:767px){
.ebr-table-wrap .ebr-spec-table th:first-child,.ebr-table-wrap .ebr-spec-table td:first-child{position:sticky;left:0;z-index:2;min-width:0;box-shadow:2px 0 4px rgba(0,0,0,.12),-6px 0 0 #F9F9F9}
.ebr-table-wrap .ebr-spec-table th:first-child{background-color:#F9F9F9}
.ebr-table-wrap .ebr-spec-table tbody tr td:first-child{background-color:#FFFFFF}
.ebr-table-wrap .ebr-spec-table tbody tr:nth-child(even) td:first-child{background-color:#F2F3F4}
.ebr-table-wrap .ebr-table-scroll-hint{opacity:1;color:#4E545A;font-size:14px;font-weight:600}
}
/* F2. Footer Privacy / Cookie links readable on the dark footer */
.elementor-location-footer .ebr-legal-links a{color:#D5D8DC;text-decoration:underline}
.elementor-location-footer .ebr-legal-links a:hover{color:#FFFFFF}
/* Round 3 fixes (2026-10-26): swipe hint on comparison tables without one */
@media (max-width:767px){
.ebr-comparison-table-wrap::before,.ebr-hand-lever-table-wrap::before,.ebr-kmd-table-wrap::before,.ebr-kmp-table-wrap::before,.ebr-kmh-table-wrap::before,.ebr-manual-comparison__scroll::before{content:"Swipe to view \2192";display:block;position:sticky;left:0;margin-bottom:6px;color:#4E545A;font-size:14px;font-weight:600}
}
/* /products/ CTA band, wide screens (2026-10-26): text fully on the dark part (gradient stops moved right) + solid dark text column so contrast is measurable; 768-1024px and mobile unchanged */
@media (min-width:1025px){
.elementor-8484 .elementor-element.elementor-element-80e14d6:not(.elementor-motion-effects-element-type-background){background-image:linear-gradient(135deg,#4E545A 57%,#F9F9F9 66%)!important}
.elementor-8484 .elementor-element.elementor-element-9493cce{background-color:#4E545A}
}