/* =========================================================================
   Avrasya Safety - ana stil dosyasi
   Renk paleti arsivdeki orijinal siteden dogrulandi (bkz PROJE-OZETI 2026-07-31)
   ========================================================================= */

:root {
    /* Renkler */
    --avr-navy:        #00235a; /* birincil koyu lacivert - buton, bolum zemini */
    --avr-navy-deep:   #12192d; /* cok koyu lacivert - top bar, koyu bolumler */
    --avr-red:         #db1e35; /* kirmizi vurgu - hover, cizgiler */
    --avr-orange:      #f86b24; /* turuncu ikincil vurgu */
    --avr-text:        #565969; /* govde metni */
    --avr-heading:     #001659; /* baslik rengi - statikte olculdu rgb(0,22,89) */
    --avr-muted:       #9ca5af; /* soluk metin */
    --avr-on-dark:     #cfd3e5; /* koyu zemin uzerinde metin */
    --avr-line:        #e8e8e9; /* ayirici cizgi */
    --avr-bg-soft:     #f2f2f2; /* acik zemin */
    --avr-white:       #ffffff;

    /* Tipografi */
    /* Montserrat: Turkce karakterleri (i g s I) latin-ext ile tam destekler. */
    --avr-font-head: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
    --avr-font-body: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;

    /* Olculer */
    --avr-container:   1200px;
    --avr-gutter:      20px;
    --avr-topbar-h:    45px;
    --avr-header-h:    76px;
    --avr-header-h-sticky: 62px;
    --avr-radius:      0px;
    --avr-ease:        0.3s ease;
    --avr-curve:       cubic-bezier(0.42, 0.56, 0.17, 0.95); /* Wilmer'in kendi egrisi */
}

/* ---------- Temel ---------- */

*,
*::before,
*::after { box-sizing: border-box; }

body {
    margin: 0;
    font-family: var(--avr-font-body);
    font-size: 16px;
    line-height: 26px;
    color: var(--avr-text);
    background: var(--avr-white);
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0 0 20px;
    font-family: var(--avr-font-head);
    color: var(--avr-heading);
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -0.02em;
}

h1 { font-size: 52px; }
h2 { font-size: 40px; }
h3 { font-size: 30px; }
h4 { font-size: 24px; }
h5 { font-size: 20px; }

h6 {
    font-size: 14px;
    font-weight: 500;
    color: var(--avr-text);
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

p { margin: 0 0 20px; }

a {
    color: var(--avr-navy);
    text-decoration: none;
    transition: color var(--avr-ease);
}

a:hover { color: var(--avr-red); }

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

figure { margin: 0 0 20px; }

ul, ol { margin: 0 0 20px; padding-left: 20px; }

blockquote {
    margin: 0 0 20px;
    padding: 20px 30px;
    border-left: 3px solid var(--avr-red);
    background: var(--avr-bg-soft);
    font-style: italic;
}

table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

table th,
table td {
    padding: 10px 12px;
    text-align: left;
    border-bottom: 1px solid var(--avr-line);
}

table th {
    font-family: var(--avr-font-head);
    color: var(--avr-heading);
    font-weight: 700;
}

/* ekran okuyucu */
.screen-reader-text {
    position: absolute !important;
    width: 1px; height: 1px;
    padding: 0; margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.skip-link:focus {
    position: fixed;
    top: 10px; left: 10px;
    z-index: 100000;
    width: auto; height: auto;
    padding: 12px 20px;
    clip: auto;
    background: var(--avr-navy);
    color: #fff;
}

/* ---------- Duzen ---------- */

.avr-container {
    width: 100%;
    max-width: var(--avr-container);
    margin: 0 auto;
    padding: 0 var(--avr-gutter);
}

.avr-content { min-height: 300px; }

.avr-main { padding: 80px 0; }

.avr-layout-sidebar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 50px;
}

.avr-layout-sidebar.avr-sidebar-left { grid-template-columns: 300px minmax(0, 1fr); }
.avr-layout-sidebar.avr-sidebar-left .avr-primary { order: 2; }
.avr-layout-sidebar.avr-sidebar-left .avr-sidebar { order: 1; }

/* ---------- Butonlar ---------- */

.avr-btn {
    display: inline-block;
    padding: 14px 32px;
    font-family: var(--avr-font-head);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    line-height: 1;
    border: 1px solid transparent;
    border-radius: 2px;
    background: var(--avr-red);
    color: var(--avr-white);
    cursor: pointer;
    transition: background var(--avr-ease), border-color var(--avr-ease), color var(--avr-ease), box-shadow var(--avr-ease);
}

.avr-btn:hover {
    background: var(--avr-navy);
    border-color: transparent;
    color: var(--avr-white);
    box-shadow: 0 10px 20px 0 rgba(0, 16, 42, 0.5);
}

.avr-btn-outline {
    background: transparent;
    border-color: var(--avr-navy);
    color: var(--avr-navy);
}

.avr-btn-outline:hover {
    background: var(--avr-navy);
    color: var(--avr-white);
}

.avr-btn-light {
    background: var(--avr-white);
    color: var(--avr-navy);
}

.avr-btn-light:hover {
    background: var(--avr-red);
    color: var(--avr-white);
}

/* ---------- Top bar ---------- */

.avr-topbar {
    background: var(--avr-navy-deep);
    color: var(--avr-on-dark);
    font-size: 13px;
    line-height: var(--avr-topbar-h);
    height: var(--avr-topbar-h);
}

.avr-topbar a { color: var(--avr-on-dark); }
.avr-topbar a:hover { color: var(--avr-red); }

.avr-topbar-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.avr-topbar-item + .avr-topbar-item::before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 12px;
    margin: 0 14px;
    background: rgba(255, 255, 255, 0.18);
    vertical-align: middle;
}

.avr-topbar .avr-ico {
    margin-right: 7px;
    color: var(--avr-red);
}

.avr-topbar-social a {
    display: inline-block;
    margin-left: 14px;
}

/* ---------- Header ---------- */

.avr-header {
    position: relative;
    z-index: 100;
    background: var(--avr-white);
    border-bottom: 1px solid var(--avr-line);
}

.avr-header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: var(--avr-header-h);
    gap: 30px;
}

.avr-logo img {
    max-height: 60px;
    width: auto;
    transition: max-height var(--avr-ease);
}

.avr-logo-text {
    font-family: var(--avr-font-head);
    font-size: 24px;
    font-weight: 900;
    color: var(--avr-navy);
    text-transform: uppercase;
    letter-spacing: -0.02em;
}

.avr-header-tools {
    display: flex;
    align-items: center;
    gap: 18px;
}

.avr-tool-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--avr-heading);
    cursor: pointer;
    transition: color var(--avr-ease);
}

.avr-tool-btn:hover { color: var(--avr-red); }

/* ana menu */

.avr-nav > ul {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
    gap: 0;
}

.avr-nav li { position: relative; }

/* Arsivdeki statik siteyle ayni: her oge cerceveli, sag kenar yok -
   aralarda dikey ayrac cizgisi olusuyor (.mkdf-main-menu>ul>li kurali). */
.avr-nav > ul > li {
    border: 1px solid var(--avr-line);
    border-right: 0;
    text-align: center;
}

.avr-nav > ul > li:last-child { border-right: 1px solid var(--avr-line); }

.avr-nav > ul > li > a {
    display: block;
    padding: 0 24px;
    font-family: var(--avr-font-head);
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: var(--avr-header-h);
    color: var(--avr-navy);
    white-space: nowrap;
    transition: color var(--avr-ease), line-height var(--avr-ease);
}

.avr-nav > ul > li:hover > a,
.avr-nav > ul > li.current-menu-item > a,
.avr-nav > ul > li.current-menu-ancestor > a,
.avr-nav > ul > li.current-menu-parent > a { color: var(--avr-red); }

.avr-nav .avr-menu-arrow {
    display: inline-block;
    margin-left: 6px;
    font-size: 10px;
    vertical-align: middle;
}

/* alt menu */

.avr-nav ul ul {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 120;
    min-width: 260px;
    margin: 0;
    padding: 12px 0;
    list-style: none;
    background: var(--avr-white);
    border-top: 3px solid var(--avr-red);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
    opacity: 0;
    visibility: hidden;
    transform-origin: top center;
    transform: scaleY(0.6);
    transition: opacity 0.32s var(--avr-curve), transform 0.32s var(--avr-curve),
                visibility 0.32s var(--avr-curve);
}

.avr-nav li:hover > ul {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.avr-nav ul ul li > a {
    display: block;
    padding: 9px 24px;
    font-size: 14px;
    line-height: 20px;
    color: var(--avr-text);
    /* ust ogedeki text-align:center miras kaliyordu, alt menu sola yatik */
    text-align: left;
    justify-content: flex-start;
}

.avr-nav ul ul,
.avr-nav ul ul li { text-align: left; }

.avr-nav ul ul li:hover > a,
.avr-nav ul ul li.current-menu-item > a { color: var(--avr-red); }

/* ucuncu seviye */
.avr-nav ul ul ul {
    top: -12px;
    left: 100%;
}

/* sticky header */

.avr-sticky {
    position: fixed;
    top: 0; left: 0; right: 0;
    z-index: 200;
    background: var(--avr-white);
    box-shadow: 0 2px 14px rgba(0, 0, 0, 0.1);
    transform: translateY(-100%);
    transition: transform var(--avr-ease);
}

.avr-sticky.is-visible { transform: translateY(0); }

.avr-sticky .avr-header-inner { height: var(--avr-header-h-sticky); }
.avr-sticky .avr-nav > ul > li > a { line-height: var(--avr-header-h-sticky); }
.avr-sticky .avr-logo img { max-height: 44px; }

/* mobil header */

.avr-mobile-header { display: none; }

.avr-mobile-header .avr-header-inner { height: 70px; }

.avr-burger {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.avr-burger span {
    display: block;
    width: 24px;
    height: 2px;
    margin: 0 auto;
    background: var(--avr-heading);
    transition: transform var(--avr-ease), opacity var(--avr-ease);
}

.avr-burger[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.avr-burger[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.avr-burger[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

.avr-mobile-nav {
    display: none;
    padding: 10px 0 20px;
    border-top: 1px solid var(--avr-line);
    max-height: 75vh;
    overflow-y: auto;
}

.avr-mobile-nav.is-open { display: block; }

.avr-mobile-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.avr-mobile-nav li { border-bottom: 1px solid var(--avr-line); }
.avr-mobile-nav li:last-child { border-bottom: 0; }

.avr-mobile-nav a {
    display: block;
    padding: 13px 0;
    padding-right: 44px;
    font-family: var(--avr-font-head);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--avr-heading);
}

.avr-mobile-nav ul ul {
    display: none;
    padding-left: 18px;
    border-top: 1px solid var(--avr-line);
}

.avr-mobile-nav ul ul.is-open { display: block; }

.avr-mobile-nav ul ul a {
    font-size: 13px;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0;
    color: var(--avr-text);
}

.avr-submenu-toggle {
    position: absolute;
    top: 4px;
    right: 0;
    width: 40px;
    height: 40px;
    border: 0;
    background: transparent;
    color: var(--avr-text);
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
}

.avr-mobile-nav li { position: relative; }

/* ---------- Yan panel (side area) ---------- */

/* Olculer arsivdeki Wilmer .mkdf-side-menu kuralindan:
   420px genislik, 6.4% 65px 36px ic bosluk, 0.6s cubic-bezier(.77,0,.175,1) */
.avr-side-area {
    position: fixed;
    top: 0; right: 0;
    z-index: 300;
    width: 420px;
    max-width: 88vw;
    height: 100%;
    padding: 6.4% 65px 36px;
    overflow-y: auto;
    background: var(--avr-navy-deep);
    color: var(--avr-on-dark);
    transform: translateX(100%);
    transition: transform 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}

.avr-side-area.is-open { transform: translateX(0); }

.avr-side-area h1, .avr-side-area h2, .avr-side-area h3,
.avr-side-area h4, .avr-side-area h5, .avr-side-area h6 { color: var(--avr-white); }

.avr-side-area a { color: var(--avr-on-dark); }
.avr-side-area a:hover { color: var(--avr-red); }

.avr-side-close {
    position: absolute;
    top: 0; right: 0;
    width: 76px; height: 76px;
    border: 0;
    background: var(--avr-red);
    color: var(--avr-white);
    font-size: 30px;
    line-height: 1;
    cursor: pointer;
}

.avr-overlay {
    position: fixed;
    inset: 0;
    z-index: 250;
    background: rgba(0, 0, 0, 0.55);
    opacity: 0;
    visibility: hidden;
    transition: opacity var(--avr-ease), visibility var(--avr-ease);
}

.avr-overlay.is-open { opacity: 1; visibility: visible; }

/* ---------- Arama katmani ---------- */

.avr-search-overlay {
    position: fixed;
    inset: 0;
    z-index: 320;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(18, 25, 45, 0.96);
    opacity: 0;
    visibility: hidden;
    transition: opacity var(--avr-ease), visibility var(--avr-ease);
}

.avr-search-overlay.is-open { opacity: 1; visibility: visible; }

.avr-search-overlay form {
    display: flex;
    width: 100%;
    max-width: 720px;
    padding: 0 20px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.35);
}

.avr-search-overlay input[type="search"] {
    flex: 1;
    padding: 14px 0;
    border: 0;
    background: transparent;
    color: var(--avr-white);
    font-family: var(--avr-font-head);
    font-size: 28px;
    outline: none;
}

.avr-search-overlay input[type="search"]::placeholder { color: rgba(255, 255, 255, 0.45); }

.avr-search-overlay button {
    border: 0;
    background: transparent;
    color: var(--avr-white);
    font-size: 20px;
    cursor: pointer;
}

/* ---------- Title bar ---------- */

/* Arsivdeki statik site: urun sayfalarinda 370px, bolum sayfalarinda 670px,
   baslik ALTA hizali (mkdf-title-va-header-bottom). Ayni olculer. */
.avr-title-bar {
    position: relative;
    display: flex;
    align-items: flex-end;
    min-height: 370px;
    padding: 60px 0 54px;
    background: var(--avr-navy) center center / cover no-repeat;
    color: var(--avr-white);
}

.avr-title-bar-tall {
    min-height: 670px;
    padding-bottom: 70px;
}

.avr-title-bar::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(18, 25, 45, 0.55);
}

.avr-title-bar .avr-container { position: relative; }

.avr-title-bar .avr-page-title {
    margin: 0;
    color: var(--avr-white);
    font-size: 52px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: -0.45px;
}

.avr-title-bar .avr-page-subtitle {
    margin: 14px 0 0;
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    color: var(--avr-on-dark);
}

.avr-breadcrumbs {
    margin-top: 16px;
    font-size: 13px;
    color: var(--avr-on-dark);
}

.avr-breadcrumbs a { color: var(--avr-on-dark); }
.avr-breadcrumbs a:hover { color: var(--avr-red); }
.avr-breadcrumbs .sep { margin: 0 8px; opacity: 0.6; }

/* ---------- Banner kutusu (servis linkleri) ----------
   Wilmer'in imza kart deseni: gorsel + beyaz metin karti,
   1px cerceve, 4px renkli alt cizgi. Hover'da kart lacivert doluyor,
   yazilar beyazlasiyor, altina derin golge biniyor.
   Gecis egrisi Wilmer'in kendi degeri: cubic-bezier(.42,.56,.17,.95)
   ------------------------------------------------------ */

.avr-banner-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 30px;
    margin-bottom: 40px;
}

.avr-banner {
    position: relative;
    display: block;
    background: transparent;
    transition: box-shadow 0.4s var(--avr-curve);
}

.avr-banner:hover {
    box-shadow: 0 10px 20px 0 rgba(0, 35, 90, 0.5);
}

.avr-banner-image {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

.avr-banner-body {
    position: relative;
    display: block;
    padding: 32px 32px 30px;
    background: var(--avr-white);
    border: 1px solid var(--avr-line);
    border-bottom: 0;
    transition: background-color 0.4s var(--avr-curve), border-color 0.4s var(--avr-curve);
}

.avr-banner:hover .avr-banner-body {
    background-color: var(--avr-navy);
    border-color: var(--avr-navy);
}

.avr-banner-text {
    display: block;
    margin: 0 0 8px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--avr-text);
    transition: color 0.4s var(--avr-curve);
}

.avr-banner-title {
    display: block;
    margin: 0;
    font-family: var(--avr-font-head);
    font-size: 22px;
    font-weight: 800;
    line-height: 1.2;
    color: var(--avr-heading);
    transition: color 0.4s var(--avr-curve);
}

.avr-banner:hover .avr-banner-title,
.avr-banner:hover .avr-banner-text { color: var(--avr-white); }

/* kart altindaki 4px cizgi - hover'da lacivere doner */
.avr-banner-line {
    display: block;
    width: 100%;
    height: 4px;
    background: var(--avr-red);
    transition: background-color 0.4s var(--avr-curve);
}

.avr-banner:hover .avr-banner-line { background: var(--avr-navy); }

/* kart icindeki "+" isareti - Wilmer'da banner butonu boyle */
.avr-banner-plus {
    display: inline-block;
    margin-top: 18px;
    font-family: var(--avr-font-head);
    font-size: 24px;
    font-weight: 300;
    line-height: 1;
    color: var(--avr-red);
    transition: color 0.4s var(--avr-curve);
}

.avr-banner:hover .avr-banner-plus { color: var(--avr-white); }

/* ---------- Anasayfa: hero slider ---------- */

/* Slaytlar CSS grid ile ust uste bindiriliyor: hepsi ayni hucrede.
   Boylece hero yuksekligi EN UZUN slayta gore olusuyor, hicbiri kirpilmiyor.
   (Onceki surumde yuksekligi sadece ilk slayt belirliyordu - metni uzun bir
   slayt eklenince tasma riski vardi.) */
.avr-hero {
    position: relative;
    display: grid;
    overflow: hidden;
    background: var(--avr-navy-deep);
}

.avr-hero-slide {
    grid-area: 1 / 1;
    display: flex;
    align-items: center;
    min-height: 620px;
    background: var(--avr-navy-deep) center center / cover no-repeat;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.9s ease, visibility 0.9s ease;
}

.avr-hero-slide.is-active {
    opacity: 1;
    visibility: visible;
}

/* JS yoksa ilk slayt yine de gorunsun */
.no-js .avr-hero-slide:first-child,
.avr-hero-slide:first-child:only-child {
    opacity: 1;
    visibility: visible;
}

.avr-hero-slide::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, rgba(18, 25, 45, 0.82), rgba(18, 25, 45, 0.35));
}

.avr-hero-inner {
    position: relative;
    width: 100%;
    max-width: var(--avr-container);
    margin: 0 auto;
    padding: 150px var(--avr-gutter);
    color: var(--avr-white);
}

.avr-hero-eyebrow {
    display: block;
    margin-bottom: 18px;
    font-family: var(--avr-font-body);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--avr-red);
}

.avr-hero-title {
    max-width: 780px;
    margin: 0 0 22px;
    font-size: 62px;
    line-height: 1.06;
    font-weight: 900;
    text-transform: uppercase;
    color: var(--avr-white);
}

.avr-hero-text {
    max-width: 560px;
    margin: 0 0 34px;
    font-size: 18px;
    line-height: 30px;
    color: var(--avr-on-dark);
}

.avr-hero-actions .avr-btn + .avr-btn { margin-left: 12px; }

.avr-hero-dots {
    position: absolute;
    left: 50%;
    bottom: 34px;
    z-index: 5;
    display: flex;
    gap: 10px;
    transform: translateX(-50%);
}

.avr-hero-dots button {
    width: 10px;
    height: 10px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.45);
    cursor: pointer;
    transition: background var(--avr-ease), transform var(--avr-ease);
}

.avr-hero-dots button.is-active {
    background: var(--avr-red);
    transform: scale(1.5);
}

/* ---------- Anasayfa: sayaclar ---------- */

.avr-counters {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 30px;
    padding: 70px 0;
}

.avr-counter { text-align: center; }

.avr-counter-num {
    display: block;
    font-family: var(--avr-font-head);
    font-size: 56px;
    font-weight: 900;
    line-height: 1;
    color: var(--avr-navy);
}

.avr-counter-label {
    display: block;
    margin-top: 10px;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--avr-text);
}

.avr-band {
    background: var(--avr-navy-deep);
    color: var(--avr-on-dark);
}

.avr-band .avr-counter-num { color: var(--avr-white); }
.avr-band .avr-counter-label { color: var(--avr-on-dark); }
.avr-band h2, .avr-band h3 { color: var(--avr-white); }

/* ---------- Anasayfa: vaka calismalari ---------- */

.avr-case-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 26px;
}

.avr-case {
    position: relative;
    display: block;
    background: transparent;
    transition: box-shadow 0.4s var(--avr-curve);
}

.avr-case:hover { box-shadow: 0 10px 20px 0 rgba(0, 35, 90, 0.5); }

/* Kart linki: tum karti kaplar. Kart <div> cunku WordPress wpautop
   ard arda gelen <a> etiketlerinin arasina <br> sokuyor ve izgarayi bozuyor. */
.avr-case-link,
.avr-banner-link {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: block;
    font-size: 0;
    text-indent: -9999px;
}

.avr-case img {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    transition: transform 0.6s ease, opacity var(--avr-ease);
}

.avr-case > img { display: block; }

.avr-case-name {
    position: relative;
    display: block;
    padding: 24px 26px;
    background: var(--avr-white);
    border: 1px solid var(--avr-line);
    border-bottom: 4px solid var(--avr-red);
    font-family: var(--avr-font-head);
    font-size: 19px;
    font-weight: 800;
    color: var(--avr-heading);
    transition: background-color 0.4s var(--avr-curve), border-color 0.4s var(--avr-curve), color 0.4s var(--avr-curve);
}

.avr-case:hover .avr-case-name {
    background-color: var(--avr-navy);
    border-color: var(--avr-navy);
    color: var(--avr-white);
}

/* ---------- Anasayfa: referanslar ---------- */

.avr-quotes {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px;
}

.avr-quote {
    padding: 34px 36px;
    margin: 0;
    background: var(--avr-white);
    border: 1px solid var(--avr-line);
    border-bottom: 4px solid var(--avr-red);
    transition: background-color 0.4s var(--avr-curve), border-color 0.4s var(--avr-curve);
}

.avr-quote:hover {
    background-color: var(--avr-navy);
    border-color: var(--avr-navy);
}

.avr-quote:hover p,
.avr-quote:hover cite { color: var(--avr-white); }

.avr-quote:hover cite span { color: var(--avr-on-dark); }

.avr-quote p {
    margin-bottom: 18px;
    font-size: 16px;
    line-height: 28px;
    font-style: italic;
}

.avr-quote cite {
    display: block;
    font-family: var(--avr-font-head);
    font-size: 15px;
    font-weight: 800;
    font-style: normal;
    color: var(--avr-navy);
}

.avr-quote cite span {
    display: block;
    margin-top: 3px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--avr-muted);
}

.avr-section { padding: 80px 0; }
.avr-section-soft { background: var(--avr-bg-soft); }

@media (max-width: 1024px) {
    .avr-hero-title { font-size: 42px; }
    .avr-hero-inner { padding: 100px var(--avr-gutter); }
    .avr-hero-slide { min-height: 480px; }
    .avr-counters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .avr-case-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 768px) {
    .avr-hero-title { font-size: 30px; }
    .avr-hero-text { font-size: 16px; line-height: 27px; }
    .avr-hero-inner { padding: 70px var(--avr-gutter); }
    .avr-hero-slide { min-height: 380px; }
    .avr-hero-actions .avr-btn { display: block; margin: 0 0 10px; text-align: center; }
    .avr-hero-actions .avr-btn + .avr-btn { margin-left: 0; }
    .avr-counters { grid-template-columns: minmax(0, 1fr); gap: 34px; padding: 50px 0; }
    .avr-counter-num { font-size: 44px; }
    .avr-case-grid { grid-template-columns: minmax(0, 1fr); }
    .avr-quotes { grid-template-columns: minmax(0, 1fr); }
    .avr-section { padding: 50px 0; }
}

/* ---------- Urun sayfasi duzeni ----------
   Fallprotec urun sayfalarinin duzenini karsilar:
   intro -> Advantages/Applications -> bilesen bloklari -> dokumantasyon
   ------------------------------------------ */

.avr-lead {
    max-width: 820px;
    margin-bottom: 40px;
    font-size: 18px;
    line-height: 30px;
}

.avr-standard {
    display: inline-block;
    margin-bottom: 24px;
    padding: 6px 14px;
    background: var(--avr-bg-soft);
    font-family: var(--avr-font-head);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--avr-navy);
}

.avr-cols-2,
.avr-cols-3 {
    display: grid;
    gap: 40px;
    margin-bottom: 55px;
}

.avr-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.avr-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.avr-cols-2 > div > h3,
.avr-cols-3 > div > h3 {
    margin-bottom: 18px;
    font-size: 26px;
    color: var(--avr-navy);
}

/* "- madde" listesi - fallprotec'teki gibi tiresiz kurşunsuz */
.avr-spec-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.avr-spec-list li {
    position: relative;
    padding: 5px 0 5px 18px;
    line-height: 24px;
}

.avr-spec-list li::before {
    content: '–';
    position: absolute;
    left: 0;
    color: var(--avr-red);
}

/* Bilesen blogu: gorsel + metin, sirayla yer degistirir */
/* Gorsel sutunu metin sutunu kadar yuksek olacak. Onceden align-items:center
   idi; gorsel kendi en-boy oranina gore kisa kalip metnin yaninda bosluk
   biraktigi icin blok dengesiz gorunuyordu. */
.avr-component {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 50px;
    align-items: stretch;
    margin-bottom: 70px;
}

/* metin sutunu: dikeyde ortali */
.avr-component > div:not(.avr-component-media) {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 6px 0;
}

/* Yon sinifi uretici tarafindan yaziliyor. nth-of-type kullanilmiyordu:
   her kapsayicida sifirlandigi icin cok gruplu sayfalarda sira bozuluyordu. */
.avr-media-right .avr-component-media { order: 2; }

.avr-component-media {
    min-height: 380px;
}

.avr-component-media img {
    width: 100%;
    height: 100%;
    min-height: 380px;
    display: block;
    object-fit: cover;
    object-position: center;
}

/* ---------- Perde animasyonu ----------
   Arsivdeki Wilmer temasinin "appearing section" efekti: kirmizi ve lacivert
   iki panel soldan saga suprup gecerken gorsel arkalarindan beliriyor.
   Olculer orijinalinden: 1.2s sure, .2s gecikme, cubic-bezier(1,0,.54,.99).

   EMNIYET: gizleme yalnizca <html class="avr-anim"> varken. JS calismazsa
   veya 3 sn icinde bitmezse sinif kalkiyor ve her sey gorunur kaliyor. */

.avr-wipe {
    position: relative;
    overflow: hidden;
}

.avr-wipe::before,
.avr-wipe::after {
    content: '';
    position: absolute;
    inset: 0;
    transform: translateX(-101%);
    pointer-events: none;
}

.avr-wipe::before { background: var(--avr-red); z-index: 1; }
.avr-wipe::after { background: var(--avr-navy); z-index: 2; }

/* Gorsel HICBIR zaman gizlenmiyor. Wilmer orijinalinde perde gecerken
   icerik opacity:0 duruyordu; JS bir sekilde tetiklenmezse gorsel kalici
   olarak kayboluyor. Burada sadece perde hareket ediyor - animasyon
   calismazsa en kotu ihtimalle efekt olmuyor, gorsel yerinde duruyor. */

.avr-anim .avr-wipe.is-in::before {
    animation: avr-wipe 1.2s 0.1s cubic-bezier(1, 0, 0.54, 0.99) forwards;
}

.avr-anim .avr-wipe.is-in::after {
    animation: avr-wipe 1.2s 0.25s cubic-bezier(1, 0, 0.54, 0.99) forwards;
}

@keyframes avr-wipe {
    0%   { transform: translateX(-101%); }
    50%  { transform: translateX(0); }
    100% { transform: translateX(101%); }
}

@media (prefers-reduced-motion: reduce) {
    .avr-wipe::before,
    .avr-wipe::after { display: none; }
}

.avr-component h4 {
    margin-bottom: 14px;
    font-size: 24px;
    color: var(--avr-navy);
}

.avr-component-codes {
    margin: 14px 0 18px;
    font-family: var(--avr-font-head);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.04em;
    color: var(--avr-muted);
}

/* Konfigurasyon diyagramlari (fallprotec montaj secenekleri).
   Diyagramlar seffaf zeminli cizgi grafik - kart zemini beyaz olmali. */
.avr-configs { margin: 55px 0 15px; }

.avr-configs h3 {
    margin-bottom: 26px;
    font-size: 26px;
    color: var(--avr-navy);
}

.avr-config-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 26px;
}

.avr-config {
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid var(--avr-line, #e6e8ee);
    border-radius: 3px;
    overflow: hidden;
}

.avr-config-media {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
    padding: 22px 18px;
    background: #f7f8fa;
    min-height: 172px;
}

.avr-config-media img {
    max-width: 100%;
    max-height: 190px;
    width: auto;
    height: auto;
    display: block;
    object-fit: contain;
}

/* 2 veya 4 normal blok: 3'lu izgarada son satirda tek kart kaliyordu */
.avr-config-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.avr-config-grid-2 .avr-config-media { min-height: 220px; }

.avr-config-grid-2 .avr-config-media img { max-height: 240px; }

/* Teknik cizim: 800x400 genis format, tam satiri kaplar */
.avr-config-wide { grid-column: 1 / -1; }

.avr-config-wide .avr-config-media {
    padding: 26px 30px;
    min-height: 0;
}

.avr-config-wide .avr-config-media img {
    max-height: 460px;
    width: 100%;
    max-width: 900px;
}

.avr-config-body { padding: 18px 20px 20px; }

.avr-config-body h4 {
    margin-bottom: 8px;
    font-size: 17px;
    line-height: 1.35;
    color: var(--avr-navy);
}

.avr-config-body p {
    margin: 0 0 6px;
    font-size: 14px;
    line-height: 1.6;
    color: var(--avr-muted);
}

.avr-config-code {
    font-family: var(--avr-font-head);
    font-size: 13px !important;
    font-weight: 500;
    letter-spacing: 0.03em;
    color: var(--avr-red, #db1e35) !important;
}

@media (max-width: 1024px) {
    .avr-config-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 1024px) {
    .avr-component-media,
    .avr-component-media img { min-height: 300px; }
}

@media (max-width: 640px) {
    .avr-config-grid { grid-template-columns: 1fr; }
    .avr-component { grid-template-columns: 1fr; gap: 26px; }
    .avr-component-media,
    .avr-component-media img { min-height: 240px; }
}

/* Kirmizi DOCUMENTATION butonu - fallprotec'teki gibi */
.avr-doc-btn {
    display: inline-block;
    padding: 12px 26px;
    background: var(--avr-red);
    border: 0;
    color: var(--avr-white);
    font-family: var(--avr-font-head);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    transition: background var(--avr-ease);
}

.avr-doc-btn:hover {
    background: var(--avr-navy);
    color: var(--avr-white);
}

@media (max-width: 900px) {
    .avr-cols-2,
    .avr-cols-3 { grid-template-columns: minmax(0, 1fr); gap: 30px; }

    .avr-component { grid-template-columns: minmax(0, 1fr); gap: 24px; }
    .avr-component:nth-of-type(even) .avr-component-media { order: 0; }
}

/* ---------- Bolum basligi ---------- */

.avr-section-title { margin-bottom: 40px; }

.avr-section-title .avr-st-intro {
    display: block;
    margin-bottom: 10px;
    font-family: var(--avr-font-body);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: var(--avr-text);
}

.avr-section-title .avr-st-title {
    margin: 0;
    color: var(--avr-navy);
}

.avr-section-title.is-center { text-align: center; }
.avr-section-title.is-light .avr-st-title,
.avr-section-title.is-light .avr-st-intro { color: var(--avr-white); }

/* ---------- Yazi listesi ---------- */

.avr-post {
    margin-bottom: 55px;
    padding-bottom: 55px;
    border-bottom: 1px solid var(--avr-line);
}

.avr-post:last-child { border-bottom: 0; }

/* ---------- Iletisim sayfasi ----------
   Ust tam genislik harita, altinda ikiye bolunmus alan:
   solda form (beyaz), sagda lacivert bilgi paneli. */

/* Harita kapsayicidan tasip ekran genisligini kaplasin */
/* Baslik cubugu gizli oldugunda haritanin ustunde bosluk kalmasin */
.avr-main:has(.avr-contact-map) { padding-top: 0; padding-bottom: 0; }

.avr-contact-map {
    position: relative;
    left: 50%;
    width: 100vw;
    margin-left: -50vw;
    height: 485px;
    background: var(--avr-navy-deep);
}

.avr-map-link {
    position: absolute;
    right: 18px;
    bottom: 18px;
    z-index: 2;
    padding: 9px 18px;
    background: var(--avr-white);
    color: var(--avr-navy);
    font-family: var(--avr-font-head);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    box-shadow: 0 4px 14px rgba(0, 16, 42, 0.18);
}

.avr-map-link:hover { background: var(--avr-red); color: var(--avr-white); }

.avr-contact-map iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    filter: grayscale(0.15);
}

.avr-contact-split {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
}

.avr-contact-form-col {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 90px 4% 90px 0;
}

.avr-contact-panel {
    padding: 90px 0 90px 8%;
    background: var(--avr-navy);
    color: var(--avr-on-dark);
}

/* lacivert panel sag kenardan tasip ekrani doldursun */
.avr-contact-panel::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    width: 50vw;
    background: var(--avr-navy);
}

.avr-contact-split > .avr-contact-panel { position: relative; }

.avr-contact-panel h1,
.avr-contact-panel h2,
.avr-contact-panel h3,
.avr-contact-panel h4 { color: var(--avr-white); }

/* h2 iken 44px'ti; SEO icin h1 yapildi, gorunum ayni kalsin */
.avr-contact-panel h1,
.avr-contact-panel h2 { font-size: 44px; margin-bottom: 30px; }
.avr-contact-panel a { color: var(--avr-white); }
.avr-contact-panel a:hover { color: var(--avr-red); }

.avr-contact-panel .avr-st-intro {
    display: block;
    margin-bottom: 14px;
    font-family: var(--avr-font-head);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--avr-white);
}

.avr-contact-line {
    margin: 0 0 10px;
    font-size: 16px;
    line-height: 28px;
}

.avr-panel-social {
    display: flex;
    gap: 10px;
    margin-top: 34px;
}

.avr-panel-social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border: 1px solid rgba(255, 255, 255, 0.28);
    color: var(--avr-white);
    transition: background var(--avr-ease), border-color var(--avr-ease);
}

.avr-panel-social a:hover {
    background: var(--avr-red);
    border-color: var(--avr-red);
    color: var(--avr-white);
}

.avr-contact-line strong {
    display: inline-block;
    min-width: 74px;
    color: var(--avr-white);
    font-weight: 600;
}

/* CF7 alanlari: alt cizgili sade gorunum */
.avr-contact-form-col .wpcf7 p { margin-bottom: 26px; }

/* Etiketler soluk griydi, okunmuyordu - koyu ve kalin */
.avr-contact-form-col .wpcf7 label {
    display: block;
    font-family: var(--avr-font-head);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--avr-heading);
}

.avr-contact-form-col .wpcf7 input::placeholder,
.avr-contact-form-col .wpcf7 textarea::placeholder { color: var(--avr-text); }

.avr-contact-form-col .wpcf7 input[type="text"],
.avr-contact-form-col .wpcf7 input[type="email"],
.avr-contact-form-col .wpcf7 input[type="tel"],
.avr-contact-form-col .wpcf7 textarea {
    width: 100%;
    margin-top: 10px;
    padding: 12px 0;
    border: 0;
    border-bottom: 2px solid #cdd2da;
    background: transparent;
    font-family: var(--avr-font-body);
    font-size: 16px;
    font-weight: 500;
    color: var(--avr-heading);
    outline: none;
    transition: border-color var(--avr-ease);
}

.avr-contact-form-col .wpcf7 input:focus,
.avr-contact-form-col .wpcf7 textarea:focus { border-bottom-color: var(--avr-red); }

.avr-contact-form-col .wpcf7 textarea { min-height: 120px; resize: vertical; }

.avr-contact-form-col .wpcf7 input[type="submit"] {
    width: auto;
    margin-top: 6px;
    padding: 15px 40px;
    border: 0;
    background: var(--avr-red);
    color: var(--avr-white);
    font-family: var(--avr-font-head);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background var(--avr-ease), box-shadow var(--avr-ease);
}

.avr-contact-form-col .wpcf7 input[type="submit"]:hover {
    background: var(--avr-navy);
    box-shadow: 0 10px 20px 0 rgba(0, 16, 42, 0.45);
}

@media (max-width: 900px) {
    .avr-contact-split { grid-template-columns: 1fr; }
    .avr-contact-form-col { padding: 60px 0 40px; }
    .avr-contact-panel { padding: 60px var(--avr-gutter); margin: 0 calc(-1 * var(--avr-gutter)); }
    .avr-contact-panel::after { display: none; }
    .avr-contact-panel h2 { font-size: 32px; }
    .avr-contact-map { height: 320px; }
}

/* Blog listesi: kenar cubugu yok, 3'lu kart izgarasi.
   Onceden her yazi tam genislikte tek blok halindeydi. */
.avr-post-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 40px 30px;
    margin-bottom: 60px;
}

.avr-post {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    border: 0;
}

.avr-post-thumb {
    margin-bottom: 20px;
    aspect-ratio: 16 / 10;
    overflow: hidden;
}

.avr-post-thumb a,
.avr-post-thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.avr-post-thumb img { transition: transform 0.6s var(--avr-curve); }
.avr-post:hover .avr-post-thumb img { transform: scale(1.05); }

.avr-post-grid .avr-post-title {
    margin-bottom: 12px;
    font-size: 21px;
    line-height: 1.3;
}

.avr-post-grid .avr-post-excerpt {
    flex: 1 1 auto;
    font-size: 15px;
}

.avr-post-grid .avr-post-excerpt p { margin-bottom: 0; }

.avr-post-grid .avr-btn {
    align-self: flex-start;
    margin-top: 20px;
    padding: 11px 24px;
    font-size: 12px;
}

@media (max-width: 1024px) {
    .avr-post-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
    .avr-post-grid { grid-template-columns: 1fr; gap: 34px; }
}

.avr-post-thumb img { width: 100%; }

.avr-post-title { margin-bottom: 12px; font-size: 30px; }

.avr-post-title a { color: var(--avr-heading); }
.avr-post-title a:hover { color: var(--avr-red); }

.avr-post-meta {
    margin-bottom: 16px;
    font-size: 13px;
    color: var(--avr-muted);
}

.avr-post-meta a { color: var(--avr-muted); }
.avr-post-meta a:hover { color: var(--avr-red); }
.avr-post-meta > span + span::before {
    content: '';
    display: inline-block;
    width: 3px; height: 3px;
    margin: 0 10px 3px;
    border-radius: 50%;
    background: var(--avr-muted);
}

.avr-pagination {
    display: flex;
    gap: 8px;
    margin-top: 40px;
}

.avr-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    height: 44px;
    padding: 0 12px;
    border: 1px solid var(--avr-line);
    font-family: var(--avr-font-head);
    font-weight: 700;
    color: var(--avr-heading);
}

.avr-pagination .page-numbers:hover,
.avr-pagination .page-numbers.current {
    background: var(--avr-navy);
    border-color: var(--avr-navy);
    color: var(--avr-white);
}

/* ---------- Yan sutun ---------- */

.avr-widget {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid var(--avr-line);
}

.avr-widget:last-child { border-bottom: 0; }

.avr-widget-title {
    margin-bottom: 20px;
    font-size: 18px;
    text-transform: uppercase;
}

.avr-widget ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.avr-widget li { padding: 7px 0; }

/* ---------- Footer ---------- */

.avr-footer {
    background: var(--avr-navy-deep);
    color: var(--avr-on-dark);
}

.avr-footer a { color: var(--avr-on-dark); }
.avr-footer a:hover { color: var(--avr-red); }

.avr-footer h1, .avr-footer h2, .avr-footer h3,
.avr-footer h4, .avr-footer h5, .avr-footer h6 { color: var(--avr-white); }

.avr-footer-top {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 40px;
    padding: 70px 0;
}

.avr-footer-col .avr-widget {
    margin-bottom: 26px;
    padding-bottom: 0;
    border-bottom: 0;
}

.avr-footer-col .avr-widget-title {
    margin-bottom: 22px;
    font-size: 16px;
    letter-spacing: 0.08em;
}

.avr-footer-col p { margin-bottom: 8px; }

.avr-footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 24px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 13px;
}

.avr-footer-social a {
    display: inline-block;
    margin-left: 16px;
    font-size: 15px;
}

/* ---------- Yukari cik ---------- */

.avr-back-to-top {
    position: fixed;
    right: 26px;
    bottom: 26px;
    z-index: 150;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border: 0;
    background: var(--avr-navy);
    color: var(--avr-white);
    font-size: 18px;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transition: opacity var(--avr-ease), visibility var(--avr-ease), background var(--avr-ease);
}

.avr-back-to-top.is-visible { opacity: 1; visibility: visible; }
.avr-back-to-top:hover { background: var(--avr-red); }

/* ---------- Formlar ---------- */

input[type="text"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="search"],
input[type="password"],
input[type="number"],
select,
textarea {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid var(--avr-line);
    background: var(--avr-white);
    font-family: var(--avr-font-body);
    font-size: 15px;
    color: var(--avr-text);
    outline: none;
    transition: border-color var(--avr-ease);
}

input:focus, select:focus, textarea:focus { border-color: var(--avr-navy); }

textarea { min-height: 150px; resize: vertical; }

input[type="submit"],
button[type="submit"] {
    width: auto;
    padding: 14px 32px;
    border: 2px solid var(--avr-navy);
    background: var(--avr-navy);
    color: var(--avr-white);
    font-family: var(--avr-font-head);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background var(--avr-ease), border-color var(--avr-ease);
}

input[type="submit"]:hover,
button[type="submit"]:hover {
    background: var(--avr-red);
    border-color: var(--avr-red);
}

/* ---------- 404 ---------- */

.avr-404 {
    padding: 120px 0;
    text-align: center;
}

.avr-404 .avr-404-code {
    font-family: var(--avr-font-head);
    font-size: 140px;
    font-weight: 900;
    line-height: 1;
    color: var(--avr-navy);
}

/* ---------- Duyarli ---------- */

@media (max-width: 1024px) {
    h1 { font-size: 40px; }
    h2 { font-size: 32px; }
    h3 { font-size: 26px; }

    .avr-title-bar { min-height: 300px; }
    .avr-title-bar-tall { min-height: 460px; }
    .avr-title-bar .avr-page-title { font-size: 38px; }

    .avr-layout-sidebar,
    .avr-layout-sidebar.avr-sidebar-left { grid-template-columns: minmax(0, 1fr); gap: 50px; }
    .avr-layout-sidebar.avr-sidebar-left .avr-primary,
    .avr-layout-sidebar.avr-sidebar-left .avr-sidebar { order: 0; }

    .avr-header,
    .avr-sticky { display: none; }

    .avr-mobile-header { display: block; }

    .avr-footer-top { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 768px) {
    body { font-size: 15px; line-height: 25px; }

    h1 { font-size: 32px; }
    h2 { font-size: 27px; }
    h3 { font-size: 22px; }

    .avr-main { padding: 50px 0; }

    .avr-topbar {
        height: auto;
        line-height: 1.6;
        padding: 10px 0;
        text-align: center;
    }

    .avr-topbar-inner { flex-direction: column; gap: 6px; }
    .avr-topbar-item + .avr-topbar-item::before { display: none; }

    .avr-title-bar { min-height: 230px; padding: 40px 0 34px; }
    .avr-title-bar-tall { min-height: 330px; }
    .avr-title-bar .avr-page-title { font-size: 28px; }
    .avr-title-bar .avr-page-subtitle { font-size: 16px; line-height: 26px; }

    .avr-footer-top { grid-template-columns: minmax(0, 1fr); gap: 34px; padding: 50px 0; }

    .avr-footer-bottom { flex-direction: column; text-align: center; }
    .avr-footer-social a { margin: 0 8px; }

    .avr-search-overlay input[type="search"] { font-size: 20px; }

    .avr-404 .avr-404-code { font-size: 90px; }
}

/* =========================================================================
   Wilmer'dan alinan ek bilesenler (2026-08-01)
   Kaynak: wilmer/assets/css/modules.css - olculer ve gecisler birebir
   ========================================================================= */

/* ---------- Pie chart (dairesel yuzde) ----------
   Wilmer olcusu: 176px cap, yuzde 60px/600, '%' isareti 36px ve yukari kacik */

.avr-pies {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 40px;
    text-align: center;
}

.avr-pie-circle {
    position: relative;
    display: inline-block;
    width: 176px;
    height: 176px;
}

.avr-pie-circle svg {
    width: 176px;
    height: 176px;
    transform: rotate(-90deg);
}

.avr-pie-circle circle {
    fill: none;
    stroke-width: 6;
}

.avr-pie-track { stroke: var(--avr-line); }

.avr-anim .avr-pie-bar { stroke-dashoffset: 534; }

.avr-pie-bar {
    stroke: var(--avr-red);
    stroke-linecap: butt;
    stroke-dasharray: 534;          /* 2*pi*85 */
    stroke-dashoffset: 0;           /* JS yoksa dolu kalir */
    transition: stroke-dashoffset 1.6s var(--avr-curve);
}

.avr-pie-circle .avr-pie-value {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--avr-font-head);
    font-size: 60px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -0.02em;
    color: var(--avr-navy);
}

.avr-pie-label {
    margin-top: 18px;
}

.avr-pie-label strong {
    display: block;
    font-family: var(--avr-font-head);
    font-size: 22px;
    font-weight: 800;
    color: var(--avr-heading);
}

.avr-pie-label span {
    display: block;
    margin-top: 4px;
    font-size: 13px;
    color: var(--avr-text);
}

/* ---------- Akordiyon ---------- */

.avr-accordion { border-top: 1px solid var(--avr-line); }

.avr-acc-item { border-bottom: 1px solid var(--avr-line); }

.avr-acc-head {
    position: relative;
    display: block;
    width: 100%;
    padding: 22px 50px 22px 0;
    border: 0;
    background: transparent;
    font-family: var(--avr-font-head);
    font-size: 18px;
    font-weight: 800;
    text-align: left;
    color: var(--avr-heading);
    cursor: pointer;
    transition: color var(--avr-ease);
}

.avr-acc-head:hover,
.avr-acc-item.is-open .avr-acc-head { color: var(--avr-red); }

.avr-acc-head::after {
    content: '+';
    position: absolute;
    top: 50%;
    right: 6px;
    width: 26px;
    height: 26px;
    margin-top: -13px;
    font-size: 22px;
    font-weight: 300;
    line-height: 24px;
    text-align: center;
    color: var(--avr-red);
    transition: transform var(--avr-ease);
}

.avr-acc-item.is-open .avr-acc-head::after {
    content: '−';
    transform: rotate(180deg);
}

.avr-acc-body {
    display: none;
    padding: 0 0 24px;
}

.avr-acc-item.is-open .avr-acc-body { display: block; }

.avr-acc-body p:last-child { margin-bottom: 0; }

/* ---------- Scroll ile beliren ogeler ----------
   Wilmer'daki fadeInUp / element-from-bottom davranisinin karsiligi */

/* GUVENLIK: icerik varsayilan olarak GORUNUR.
   Gizleme sadece <html class="avr-anim"> varken devreye giriyor; o sinifi da
   JS, IntersectionObserver destegini dogruladiktan sonra ekliyor. Ayrica 3 sn
   sonra sinif kaldiriliyor - gozlemci hic tetiklenmese bile sayfa acik kalir. */
.avr-anim .avr-reveal {
    opacity: 0;
    transform: translateY(34px);
    transition: opacity 0.7s var(--avr-curve), transform 0.7s var(--avr-curve);
}

.avr-anim .avr-reveal.is-in {
    opacity: 1;
    transform: none;
}

/* sirali gecikme - izgara icindeki kartlar arka arkaya belirsin */
.avr-anim .avr-reveal[data-delay="1"] { transition-delay: 0.10s; }
.avr-anim .avr-reveal[data-delay="2"] { transition-delay: 0.20s; }
.avr-anim .avr-reveal[data-delay="3"] { transition-delay: 0.30s; }
.avr-anim .avr-reveal[data-delay="4"] { transition-delay: 0.40s; }
.avr-anim .avr-reveal[data-delay="5"] { transition-delay: 0.50s; }

@media (prefers-reduced-motion: reduce) {
    .avr-anim .avr-reveal { opacity: 1; transform: none; transition: none; }
    .avr-hero-slide { transition: none; }
}

/* ---------- Son yazilar (blog listesi) ---------- */

.avr-news-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 30px;
}

.avr-news {
    position: relative;
    background: var(--avr-white);
    border: 1px solid var(--avr-line);
    border-bottom: 4px solid var(--avr-red);
    transition: box-shadow 0.4s var(--avr-curve), background-color 0.4s var(--avr-curve), border-color 0.4s var(--avr-curve);
}

.avr-news:hover {
    background-color: var(--avr-navy);
    border-color: var(--avr-navy);
    box-shadow: 0 10px 20px 0 rgba(0, 35, 90, 0.5);
}

.avr-news img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
}

.avr-news-body { padding: 26px 28px 28px; }

.avr-news-date {
    display: block;
    margin-bottom: 8px;
    font-size: 12px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--avr-muted);
    transition: color 0.4s var(--avr-curve);
}

.avr-news-title {
    margin: 0;
    font-family: var(--avr-font-head);
    font-size: 20px;
    font-weight: 800;
    line-height: 1.25;
    color: var(--avr-heading);
    transition: color 0.4s var(--avr-curve);
}

.avr-news:hover .avr-news-title { color: var(--avr-white); }
.avr-news:hover .avr-news-date { color: var(--avr-on-dark); }

.avr-news-link {
    position: absolute;
    inset: 0;
    z-index: 2;
    font-size: 0;
    text-indent: -9999px;
}

@media (max-width: 1024px) {
    .avr-pies { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
    .avr-news-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 768px) {
    .avr-pies { grid-template-columns: minmax(0, 1fr); gap: 40px; }
    .avr-news-grid { grid-template-columns: minmax(0, 1fr); }
}

/* ---------- Iletisim: harita ve form ---------- */

.avr-map {
    border: 1px solid var(--avr-line);
    border-bottom: 4px solid var(--avr-red);
    line-height: 0;
}

.wpcf7 { margin-top: 10px; }

.wpcf7 label {
    display: block;
    margin-bottom: 16px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--avr-text);
}

.wpcf7 input[type="submit"] { margin-top: 6px; }

.wpcf7 .wpcf7-not-valid-tip { font-size: 13px; color: var(--avr-red); text-transform: none; letter-spacing: 0; }

.wpcf7 form .wpcf7-response-output {
    margin: 18px 0 0;
    padding: 12px 16px;
    border: 1px solid var(--avr-line);
    border-left: 4px solid var(--avr-red);
    font-size: 14px;
}

/* pie yuzde isareti - Wilmer'da 36px ve yukari kacik */
.avr-pie-circle .avr-pie-value small {
    position: relative;
    top: -14px;
    font-size: 36px;
    font-weight: 600;
}

/* ---------- Yan panel: kirmizi kare acma butonu + panel icerigi ---------- */

.avr-side-toggle {
    width: 76px;
    height: var(--avr-header-h);
    margin-left: 6px;
    margin-right: calc(-1 * var(--avr-gutter));
    flex-direction: column;
    gap: 5px;
    background: var(--avr-red);
    color: var(--avr-white);
    transition: background var(--avr-ease), height var(--avr-ease);
}

.avr-side-toggle:hover { background: var(--avr-navy); color: var(--avr-white); }

.avr-side-toggle span {
    display: block;
    height: 2px;
    background: currentColor;
}

.avr-side-toggle span:nth-child(1) { width: 22px; }
.avr-side-toggle span:nth-child(2) { width: 16px; }
.avr-side-toggle span:nth-child(3) { width: 22px; }

.avr-side-block { padding-top: 10px; }

.avr-side-title {
    margin-bottom: 22px;
    font-size: 26px;
    color: var(--avr-white);
}

.avr-side-text {
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 30px;
}

.avr-side-line {
    position: relative;
    margin: 0 0 14px;
    padding-left: 30px;
    font-size: 15px;
    line-height: 26px;
}

.avr-side-ico {
    position: absolute;
    left: 0;
    top: 1px;
    color: var(--avr-red);
    font-size: 14px;
}

.avr-side-social {
    display: flex;
    gap: 10px;
    margin-top: 32px;
}

.avr-side-social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border: 1px solid rgba(255, 255, 255, 0.28);
    color: var(--avr-white);
    font-family: var(--avr-font-head);
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    transition: background var(--avr-ease), border-color var(--avr-ease);
}

.avr-side-social a:hover {
    background: var(--avr-red);
    border-color: var(--avr-red);
    color: var(--avr-white);
}

/* ortu rengi arsivdeki degerden: rgba(0,22,89,.3) */
.avr-overlay { background: rgba(0, 22, 89, 0.3); }

@media (max-width: 1100px) {
    .avr-nav > ul > li > a { padding: 0 15px; font-size: 15px; }
}

@media (max-width: 900px) {
    .avr-side-area { padding: 70px 34px 36px; }
    .avr-side-toggle { width: 60px; margin-right: 0; }
    .avr-side-close { width: 60px; height: 60px; }
}

/* ---------- Ust menu: statikteki gibi tam genislik ----------
   Olculen fark: menu 1200px kapsayiciya sikisiyordu (518px), ogeler
   icerige gore farkli genislikteydi (105/124/106/80/103) ve altta 1px
   beyaz serit kaliyordu (ogeler 102px, kirmizi buton 100px). */

.avr-header .avr-header-inner {
    max-width: none;
    padding: 0;
}

.avr-header .avr-logo {
    flex: 0 0 auto;
    padding: 0 40px;
}

.avr-header .avr-nav {
    flex: 1 1 auto;
    min-width: 0;
    align-self: stretch;
}

.avr-nav > ul {
    width: 100%;
    height: 100%;
    /* ust kuraldaki align-items:center ogeleri iceriğe gore buzuyordu
       (yukseklik 22px'e dusuyordu) - stretch ile tam yukseklik */
    align-items: stretch;
}

/* ogeler esit genislikte, tum alani doldurur */
.avr-nav > ul > li {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    align-items: stretch;
}

.avr-nav > ul > li > a {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.2;
}

.avr-header-tools {
    align-self: stretch;
    gap: 0;
}

/* alttaki 1px seridi kapat: arac cubugu ve buton menu ogeleriyle ayni yukseklikte.
   Arama alani 64px genisti, cok bosluk biraktigi icin 52px'e cekildi. */
.avr-header-tools .avr-tool-btn {
    height: auto;
    align-self: stretch;
    width: 52px;
}

.avr-search-toggle svg { display: block; }

.avr-side-toggle {
    height: auto;
    align-self: stretch;
    margin-left: 0;
    margin-right: 0;
}

.avr-header { border-bottom: 0; }

@media (max-width: 1200px) {
    .avr-header .avr-logo { padding: 0 20px; }
    .avr-nav > ul > li > a { padding: 0 12px; font-size: 15px; }
}

/* ---------- Hero slider oklari ----------
   Sol altta iki esit kare: ilki beyaz, ikincisi kirmizi. */

.avr-hero-nav {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 6;
    display: flex;
}

.avr-hero-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 76px;
    height: 76px;
    padding: 0;
    border: 0;
    cursor: pointer;
    transition: background var(--avr-ease), color var(--avr-ease);
}

.avr-hero-prev {
    background: var(--avr-white);
    color: var(--avr-navy);
}

.avr-hero-next {
    background: var(--avr-red);
    color: var(--avr-white);
}

.avr-hero-prev:hover { background: var(--avr-navy); color: var(--avr-white); }
.avr-hero-next:hover { background: var(--avr-navy); color: var(--avr-white); }

/* noktalar oklarla cakismasin diye saga alindi */
.avr-hero-dots {
    left: auto;
    right: 40px;
    bottom: 34px;
    transform: none;
}

/* ---------- Alt menu acilma efekti ---------- */

.avr-nav li:hover > ul,
.avr-nav li:focus-within > ul {
    opacity: 1;
    visibility: visible;
    transform: scaleY(1);
}

.avr-nav ul ul li {
    opacity: 0;
    transform: translateY(-6px);
    transition: opacity 0.25s var(--avr-curve), transform 0.25s var(--avr-curve);
}

.avr-nav li:hover > ul > li,
.avr-nav li:focus-within > ul > li {
    opacity: 1;
    transform: none;
}

.avr-nav li:hover > ul > li:nth-child(1) { transition-delay: 0.06s; }
.avr-nav li:hover > ul > li:nth-child(2) { transition-delay: 0.10s; }
.avr-nav li:hover > ul > li:nth-child(3) { transition-delay: 0.14s; }
.avr-nav li:hover > ul > li:nth-child(4) { transition-delay: 0.18s; }
.avr-nav li:hover > ul > li:nth-child(5) { transition-delay: 0.22s; }
.avr-nav li:hover > ul > li:nth-child(n+6) { transition-delay: 0.26s; }

/* ---------- Sticky menu: ust menuyle ayni gorunum ---------- */

.avr-sticky .avr-header-inner {
    max-width: none;
    padding: 0;
}

.avr-sticky .avr-logo { flex: 0 0 auto; padding: 0 40px; }

.avr-sticky .avr-nav {
    flex: 1 1 auto;
    min-width: 0;
    align-self: stretch;
}

.avr-sticky .avr-nav > ul {
    width: 100%;
    height: 100%;
    align-items: stretch;
    gap: 0;
}

.avr-sticky .avr-nav > ul > li {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    align-items: stretch;
    border: 1px solid var(--avr-line);
    border-right: 0;
    text-align: center;
}

.avr-sticky .avr-nav > ul > li:last-child { border-right: 1px solid var(--avr-line); }

.avr-sticky .avr-nav > ul > li > a {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 24px;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.2;
    color: var(--avr-navy);
}

.avr-sticky .avr-header-tools { align-self: stretch; gap: 0; }

.avr-sticky .avr-header-tools .avr-tool-btn {
    height: auto;
    align-self: stretch;
    width: 52px;
}

.avr-sticky .avr-side-toggle {
    height: auto;
    align-self: stretch;
    width: 76px;
    margin: 0;
    background: var(--avr-red);
    color: var(--avr-white);
}

/* ---------- Kaydirmali serit (karusel) ---------- */

.avr-carousel { position: relative; }

.avr-carousel-viewport { overflow: hidden; }

.avr-carousel-track {
    display: flex;
    gap: 30px;
    transition: transform 0.55s var(--avr-curve);
}

.avr-carousel-btn {
    position: absolute;
    top: 50%;
    z-index: 4;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    padding: 0;
    border: 0;
    background: var(--avr-white);
    color: var(--avr-navy);
    cursor: pointer;
    transform: translateY(-50%);
    box-shadow: 0 6px 20px rgba(0, 16, 42, 0.18);
    transition: background var(--avr-ease), color var(--avr-ease), opacity var(--avr-ease);
}

.avr-carousel-prev { left: -22px; }
.avr-carousel-next { right: -22px; }

.avr-carousel-btn:hover { background: var(--avr-red); color: var(--avr-white); }

.avr-carousel-btn:disabled {
    opacity: 0.35;
    cursor: default;
    box-shadow: none;
}

/* ---------- Projeler seridi ---------- */

.avr-proj-card {
    position: relative;
    flex: 0 0 calc((100% - 60px) / 3);
    min-width: 0;
}

.avr-proj-media {
    aspect-ratio: 4 / 3;
    overflow: hidden;
}

.avr-proj-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s var(--avr-curve);
}

.avr-proj-card:hover .avr-proj-media img { transform: scale(1.06); }

.avr-proj-name {
    display: block;
    margin-top: 18px;
    font-family: var(--avr-font-head);
    font-size: 19px;
    font-weight: 700;
    color: var(--avr-white);
}

.avr-proj-link {
    position: absolute;
    inset: 0;
    font-size: 0;
    color: transparent;
}

/* ---------- Case study kartlari ---------- */

.avr-cs-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 30px;
}

.avr-cs-card {
    display: flex;
    flex-direction: column;
    background: var(--avr-white);
    border: 1px solid var(--avr-line);
}

.avr-cs-media {
    aspect-ratio: 4 / 3;
    overflow: hidden;
}

.avr-cs-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s var(--avr-curve);
}

.avr-cs-card:hover .avr-cs-media img { transform: scale(1.06); }

.avr-cs-body {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    padding: 28px 26px 30px;
}

.avr-cs-eyebrow {
    display: block;
    margin-bottom: 10px;
    font-family: var(--avr-font-head);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--avr-muted);
}

.avr-cs-title { margin-bottom: 12px; font-size: 21px; }

.avr-cs-body p { flex: 1 1 auto; font-size: 15px; }

.avr-cs-more {
    align-self: flex-start;
    margin-top: 16px;
    padding-bottom: 4px;
    border-bottom: 2px solid var(--avr-red);
    font-family: var(--avr-font-head);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--avr-navy);
}

.avr-cs-more:hover { color: var(--avr-red); }

/* sayac etiketinde ust satir */
.avr-counter-label em {
    display: block;
    font-style: normal;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    opacity: 0.75;
}

/* ---------- Testimonial seridi ---------- */

.avr-quote-carousel .avr-carousel-track { gap: 30px; }

.avr-quote-carousel .avr-quote {
    flex: 0 0 calc((100% - 30px) / 2);
    min-width: 0;
    margin: 0;
}

@media (max-width: 1024px) {
    .avr-proj-card { flex: 0 0 calc((100% - 30px) / 2); }
    .avr-cs-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .avr-carousel-prev { left: 6px; }
    .avr-carousel-next { right: 6px; }
}

@media (max-width: 640px) {
    .avr-proj-card,
    .avr-quote-carousel .avr-quote { flex: 0 0 100%; }
    .avr-cs-grid { grid-template-columns: 1fr; }
}

/* ---------- Tekil proje sayfasi ---------- */

.avr-project-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 60px;
    align-items: start;
}

.avr-project-body p { font-size: 17px; line-height: 30px; }

.avr-project-gallery {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    margin-top: 40px;
}

.avr-project-shot {
    margin: 0;
    aspect-ratio: 4 / 3;
    overflow: hidden;
}

.avr-project-shot img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s var(--avr-curve);
}

.avr-project-shot:hover img { transform: scale(1.06); }

.avr-project-info {
    position: sticky;
    top: 110px;
    padding: 34px 30px 36px;
    background: var(--avr-bg-soft);
    border-top: 3px solid var(--avr-red);
}

.avr-project-info h4 { margin-bottom: 20px; font-size: 20px; }

.avr-pi-row {
    margin: 0 0 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--avr-line);
    font-size: 15px;
}

.avr-pi-row strong {
    display: block;
    margin-bottom: 3px;
    font-family: var(--avr-font-head);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--avr-muted);
}

.avr-project-info .avr-btn { margin-top: 12px; }

.avr-related { margin-top: 80px; }

.avr-related-title { margin-bottom: 30px; font-size: 28px; }

.avr-related-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 30px;
}

.avr-proj-name-dark { color: var(--avr-navy); }

@media (max-width: 1024px) {
    .avr-project-layout { grid-template-columns: 1fr; gap: 40px; }
    .avr-project-info { position: static; }
    .avr-related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
    .avr-project-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .avr-related-grid { grid-template-columns: 1fr; }
}

/* ---------- Onceki / sonraki proje ---------- */

.avr-project-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-top: 70px;
    padding: 26px 0;
    border-top: 1px solid var(--avr-line);
    border-bottom: 1px solid var(--avr-line);
}

.avr-pn {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    max-width: 40%;
    color: var(--avr-navy);
}

.avr-pn-next { text-align: right; }

.avr-pn-arrow {
    font-family: var(--avr-font-head);
    font-size: 30px;
    line-height: 1;
    color: var(--avr-red);
}

.avr-pn-text {
    display: block;
    font-family: var(--avr-font-head);
    font-size: 17px;
    font-weight: 700;
    line-height: 1.25;
}

.avr-pn-text em {
    display: block;
    margin-bottom: 3px;
    font-style: normal;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--avr-muted);
}

.avr-pn:hover .avr-pn-text { color: var(--avr-red); }

/* ortadaki "tum projeler" dugmesi - dort kare */
.avr-pn-all {
    display: grid;
    grid-template-columns: repeat(2, 9px);
    grid-auto-rows: 9px;
    gap: 4px;
    flex: 0 0 auto;
    padding: 12px;
}

.avr-pn-all span {
    display: block;
    width: 9px;
    height: 9px;
    background: var(--avr-navy);
    transition: background var(--avr-ease);
}

.avr-pn-all:hover span { background: var(--avr-red); }

@media (max-width: 640px) {
    .avr-project-nav { gap: 12px; }
    .avr-pn { max-width: 44%; }
    .avr-pn-text { font-size: 14px; }
}

/* ---------- Bolum basligi filigrani ----------
   Statikte baslik metni arkada buyuk ve ici bos olarak tekrar ediyor. */

.avr-section-title[data-watermark] { position: relative; }

.avr-section-title[data-watermark]::before {
    content: attr(data-watermark);
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 0;
    white-space: nowrap;
    font-family: var(--avr-font-head);
    font-size: 62px;
    font-weight: 800;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: transparent;
    -webkit-text-stroke: 1px rgba(0, 35, 90, 0.14);
    transform: translateY(-62%);
    pointer-events: none;
}

.avr-section-navy .avr-section-title[data-watermark]::before {
    -webkit-text-stroke-color: rgba(255, 255, 255, 0.16);
}

.avr-section-title[data-watermark] > * { position: relative; z-index: 1; }

.avr-section-title.is-center { text-align: center; }
.avr-section-title.is-center[data-watermark]::before { left: 50%; transform: translate(-50%, -62%); }

/* ---------- Rakamlar: arkada hayalet sayi ---------- */

.avr-counter { position: relative; }

.avr-counter-num { position: relative; }

.avr-counter-num::before {
    content: attr(data-to);
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
    font-size: 2.1em;
    font-weight: 800;
    line-height: 1;
    color: transparent;
    -webkit-text-stroke: 1px rgba(0, 35, 90, 0.16);
    transform: translate(-52%, -50%);
    pointer-events: none;
}

/* ---------- Projeler seridi: aciklamali buyuk kartlar ---------- */

.avr-proj-eyebrow {
    display: block;
    margin: 18px 0 6px;
    font-family: var(--avr-font-head);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.6);
}

.avr-proj-card .avr-proj-name { margin-top: 0; }

.avr-proj-text {
    margin: 12px 0 0;
    font-size: 15px;
    line-height: 26px;
    color: var(--avr-on-dark);
}

.avr-proj-more {
    display: inline-block;
    margin-top: 14px;
    padding-bottom: 4px;
    border-bottom: 2px solid var(--avr-red);
    font-family: var(--avr-font-head);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--avr-white);
}

.avr-proj-more:hover { color: var(--avr-red); }

.avr-proj-carousel .avr-proj-media { aspect-ratio: 16 / 11; }

/* karusel oklari lacivert bolumde kenarlara yaslansin */
.avr-section-navy .avr-carousel-prev { left: -27px; }
.avr-section-navy .avr-carousel-next { right: -27px; }

/* ---------- Case study: dama duzeni ---------- */

.avr-cs-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
}

.avr-cs-img { aspect-ratio: 1 / 1; overflow: hidden; }

.avr-cs-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s var(--avr-curve);
}

.avr-cs-img:hover img { transform: scale(1.06); }

.avr-cs-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1 / 1;
    padding: 34px 34px 30px;
    text-align: center;
    background: var(--avr-white);
    border: 1px solid var(--avr-line);
    border-bottom: 3px solid var(--avr-red);
}

.avr-cs-box .avr-cs-title { margin-bottom: 14px; font-size: 22px; }
.avr-cs-box p { font-size: 15px; line-height: 26px; }

@media (max-width: 1024px) {
    .avr-section-title[data-watermark]::before { font-size: 40px; }
    .avr-cs-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .avr-section-navy .avr-carousel-prev { left: 6px; }
    .avr-section-navy .avr-carousel-next { right: 6px; }
}

@media (max-width: 640px) {
    .avr-section-title[data-watermark]::before { display: none; }
    .avr-cs-grid { grid-template-columns: 1fr; }
    .avr-cs-img,
    .avr-cs-box { aspect-ratio: auto; }
    .avr-cs-box { padding: 30px 24px; }
}

/* ---------- Lacivert bolum ----------
   Projeler seridi bunun icinde; kart metinleri beyaz oldugu icin zemin
   sart. Sinif dusunce beyaz uzerine beyaz yazi kaliyordu. */

.avr-section-navy {
    background: var(--avr-navy);
    color: var(--avr-on-dark);
}

.avr-section-navy .avr-st-title { color: var(--avr-white); }
.avr-section-navy .avr-st-intro { color: rgba(255, 255, 255, 0.65); }

/* Filigran: baslikla cakismasin diye daha buyuk ve yukarida,
   soluk kalacak sekilde ayarlandi. */
.avr-section-title[data-watermark]::before {
    font-size: 86px;
    top: 0;
    transform: translateY(-30%);
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: rgba(0, 35, 90, 0.10);
}

.avr-section-title.is-center[data-watermark]::before {
    left: 50%;
    transform: translate(-50%, -30%);
}

.avr-section-navy .avr-section-title[data-watermark]::before {
    -webkit-text-stroke-color: rgba(255, 255, 255, 0.12);
}

.avr-section-title[data-watermark] { padding-top: 26px; }

@media (max-width: 1024px) {
    .avr-section-title[data-watermark]::before { font-size: 46px; }
}

/* ---------- Projeler seridi: statikteki olculere gore ----------
   Statikte olculen: kart 736x821, gorsel 736x552 (4:3), metin alani 269px,
   baslik 40px/600 sola yasli, "Find out more" bir buton.
   Bizdeki ilk surum 380x348 ile yarisindan kucuktu, metin alani sikisikti. */

.avr-proj-carousel .avr-proj-media {
    aspect-ratio: 4 / 3;
}

.avr-proj-card {
    display: flex;
    flex-direction: column;
}

.avr-proj-eyebrow {
    margin: 26px 0 10px;
    font-size: 12px;
    letter-spacing: 0.18em;
}

.avr-proj-card .avr-proj-name {
    font-size: 26px;
    line-height: 1.2;
}

.avr-proj-text {
    flex: 1 1 auto;
    margin: 14px 0 0;
    font-size: 16px;
    line-height: 28px;
}

/* alt cizgili link degil, statikteki gibi buton */
.avr-proj-more {
    align-self: flex-start;
    margin-top: 24px;
    padding: 13px 30px;
    border: 0;
    border-bottom: 0;
    background: var(--avr-red);
    font-size: 12px;
    letter-spacing: 0.12em;
    color: var(--avr-white);
    transition: background var(--avr-ease), box-shadow var(--avr-ease);
}

.avr-proj-more:hover {
    background: var(--avr-white);
    color: var(--avr-navy);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25);
}

/* bolum basligi statikteki gibi sola yasli, 40px */
.avr-section-navy .avr-section-title { text-align: left; }

.avr-section-navy .avr-st-title {
    font-size: 40px;
    font-weight: 600;
}

.avr-section-navy .avr-section-title.is-center[data-watermark]::before {
    left: 0;
    transform: translateY(-30%);
}

.avr-section-navy { padding: 90px 0 100px; }

.avr-proj-carousel .avr-carousel-track { gap: 30px; }

/* Projeler bolumu statikte TAM EN kapliyor (olculen kart 736px, sarmalayici
   2314px). Bizde 1200px kapsayiciya sikisip 367px'e dusuyordu - yarisi.
   Bu bolumde kapsayici sinirini kaldiriyoruz. */

.avr-section-navy > .avr-container {
    max-width: none;
    padding-left: 40px;
    padding-right: 40px;
}

.avr-proj-carousel .avr-proj-card {
    flex: 0 0 calc((100% - 60px) / 3);
}

@media (max-width: 1024px) {
    .avr-section-navy > .avr-container { padding-left: 20px; padding-right: 20px; }
    .avr-proj-carousel .avr-proj-card { flex: 0 0 calc((100% - 30px) / 2); }
}

@media (max-width: 640px) {
    .avr-proj-carousel .avr-proj-card { flex: 0 0 100%; }
}

/* ---------- Bolum basliklari: statikte olculen degerler ----------
   Statik: 60px / 800 / sola yasli. Bizde 40px ve cogu ortaliydi. */

.avr-st-title {
    font-size: 60px;
    font-weight: 800;
    line-height: 1.1;
}

.avr-section-title { text-align: left; }

/* ortalama yalnizca acikca istenen yerlerde */
.avr-section-title.is-center { text-align: left; }

.avr-section-title.is-center[data-watermark]::before {
    left: 0;
    transform: translateY(-30%);
}

/* projeler basligi statikte 40px/600 - ustteki genel kurali ezer */
.avr-section-navy .avr-st-title {
    font-size: 40px;
    font-weight: 600;
}

@media (max-width: 1024px) {
    .avr-st-title { font-size: 40px; }
    .avr-section-navy .avr-st-title { font-size: 32px; }
}

@media (max-width: 640px) {
    .avr-st-title { font-size: 30px; }
}

/* ================================================================
   Statikle IKI TARAFLI olcum sonrasi duzeltmeler
   Olculen: /avrasyasafety/statik/ (2314px genislik) vs bizim anasayfa.
   Her deger asagida "statik -> bizde" olarak not edildi.
   ================================================================ */

/* Bolum basligi rengi: statik #001659, bizde buton lacivertiydi (#00235a).
   Harf araligi statikte 60px'te -0.6px; bizde -0.02em (=-1.2px) idi. */
.avr-section-title .avr-st-title {
    color: var(--avr-heading);
    letter-spacing: -0.01em;
}

/* Servis afisi basligi: statik 26px/600 -> bizde 22px/800 idi. */
.avr-banner-title {
    font-size: 26px;
    font-weight: 600;
}

/* ---------- Case study ----------
   Statik: kap 1140, hucre 380, gorsel 361x361, aradaki bosluk 19px,
   metin hucresi zeminsiz/cercevesiz, baslik 26/600, metin 18/300. */
.avr-cs-grid {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    gap: 19px;
}

/* Ilk olcumde kolonun cercevesine bakip "cerceve yok" demistim; asil kutu
   .mkdf-iwt: 1px #e8e8e9 cerceve, altta 4px kirmizi, seffaf zemin,
   dolgu 73/35/65 ve hucrenin altina yasli (yukseklik 306, hucre 361). */
.avr-cs-box {
    align-self: end;
    aspect-ratio: auto;
    padding: 56px 35px 48px;
    background: none;
    border: 1px solid #e8e8e9;
    border-bottom: 4px solid var(--avr-red);
}

.avr-cs-box .avr-cs-title {
    margin-bottom: 12px;
    font-size: 26px;
    font-weight: 600;
}

.avr-cs-box p {
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
}

/* ---------- Rakamlar ----------
   Statikte bolum beyaz zeminli; solda 120px ici bos hayalet sayi,
   tam ustunde 60px/600 lacivert sayi, sagda 14px uskun + 30px baslik.
   Bizde lacivert seritti, sayilar beyaz 56px/900, etiket 13px idi. */
.avr-band {
    background: none;
    color: var(--avr-text);
}

.avr-band > .avr-container { max-width: 1300px; }

.avr-band .avr-counters {
    gap: 0;
    padding: 103px 0 78px;
}

.avr-band .avr-counter {
    display: flex;
    align-items: center;
    text-align: left;
}

.avr-band .avr-counter-num {
    flex: 0 0 auto;
    padding: 0 46px;
    font-size: 60px;
    font-weight: 600;
    line-height: 120px;
    color: var(--avr-heading);
}

/* hayalet sayi: statikte dolgu #f5f6f7, 1px #dedfe0 kenar cizgisi */
.avr-band .avr-counter-num::before {
    font-size: 120px;
    font-weight: 600;
    color: #f5f6f7;
    -webkit-text-stroke: 1px #dedfe0;
    transform: translate(-50%, -50%);
}

.avr-band .avr-counter-label {
    margin-top: 0;
    margin-left: -34px;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: normal;
    text-transform: none;
    color: var(--avr-heading);
}

.avr-band .avr-counter-label em {
    margin-bottom: 2px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1.4px;
    color: var(--avr-text);
    opacity: 1;
}

/* ---------- Latest news ----------
   Statikte baslik tam genislikte lacivert bir serit (60px/800 beyaz),
   kartlar altta beyaz zeminde: kap 1140, kart 390, gorsel 360x202,
   tarih 12/500 gri, baslik 26/600. */
.avr-title-band {
    position: relative;
    left: 50%;
    width: 100vw;
    margin-left: -50vw;
    padding: 60px 0 45px;
    background: var(--avr-navy);
}

.avr-title-band .avr-section-title { margin: 0; }
.avr-title-band .avr-st-title { color: var(--avr-white); }
.avr-title-band .avr-st-intro { color: rgba(255, 255, 255, 0.6); }
.avr-title-band .avr-section-title[data-watermark]::before { display: none; }

.avr-news-grid {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    gap: 30px;
}

.avr-news img { aspect-ratio: 360 / 202; }

.avr-news-date {
    font-size: 12px;
    font-weight: 500;
    color: var(--avr-text);
}

.avr-news-title {
    font-size: 26px;
    font-weight: 600;
}

@media (max-width: 1024px) {
    .avr-band .avr-counters { padding: 60px 0 45px; }
    .avr-band .avr-counter-num { padding: 0 30px; font-size: 46px; line-height: 92px; }
    .avr-band .avr-counter-num::before { font-size: 92px; }
    .avr-band .avr-counter-label { font-size: 22px; margin-left: -24px; }
    .avr-title-band { padding: 45px 0 34px; }
}

@media (max-width: 640px) {
    .avr-band .avr-counter { justify-content: flex-start; }
    .avr-cs-box .avr-cs-title { font-size: 22px; }
    .avr-cs-box p { font-size: 16px; line-height: 27px; }
}

/* Tam genislikteki (100vw) bolumler kaydirma cubugu kadar tasiyordu:
   belgede 7px yatay tasma olusuyordu. clip, sticky basligi bozmadan keser. */
html { overflow-x: clip; }

/* Latest news serit tam genislikte ama basligin kendisi statikte
   1140'lik ortalanmis kapta duruyor (h1 x=587, w=1140). Serit icine
   kap konmayinca baslik ekranin soluna yapisiyordu. */
.avr-title-band > .avr-section-title {
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
}

/* Statikte anasayfadaki bolum kaplari 1140; bizde 1200 idi.
   Sayac serimi haric - o statikte 1300 (yukarida ayarlandi). */
/* 1180 - 2x20 dolgu = statikteki 1140'lik icerik genisligi.
   Lacivert projeler bolumu haric: o statikte de tam genislikte
   (kap 2314, kart 736) - daraltinca kartlar yariya dusuyordu. */
.home .avr-section:not(.avr-section-navy) > .avr-container { max-width: 1180px; }

/* Serit bolumun ust dolgusunun icinde kalinca ustte bos beyaz alan
   olusuyordu; statikte serit bolumun en ustunde basliyor. */
.avr-section:has(> .avr-container > .avr-title-band) { padding-top: 0; }
.avr-title-band { margin-bottom: 60px; }

/* Baslik rengini var(--avr-heading) yapan kural dosyada daha sonra geldigi
   icin lacivert zeminli bolumun beyaz basligini eziyordu: geri aliniyor. */
.avr-section-navy .avr-section-title .avr-st-title,
.avr-section-title.is-light .avr-st-title { color: var(--avr-white); }

/* Mobilde case study gorseli cokuyordu: 640px altinda .avr-cs-img'in
   en-boy orani "auto" yapiliyor, ic gorsel height:100% oldugu icin
   yukseklik 25px'e dusuyordu. Gorsele 4/3 oran veriliyor; sadece
   metin kutusu serbest yukseklikte kalsin. */
@media (max-width: 640px) {
    .avr-cs-img { aspect-ratio: 4 / 3; }
    .avr-cs-grid { gap: 0; }
    .avr-cs-box { padding: 34px 24px 30px; }
}

/* ---------- Kart altlarinin ayni hizada bitmesi ----------
   .avr-banner blok akistaydi: basligi iki satira tasan kartta govde
   uzayip alttaki kirmizi cizgi asagi kayiyordu. Kartlar zaten esit
   yukseklikte; govdeyi esnetince cizgiler ayni hizada bitiyor. */
.avr-banner {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.avr-banner-body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
}

/* "+" isareti her kartta en alta yaslansin */
.avr-banner-plus { margin-top: auto; }

.avr-banner-line { flex: 0 0 auto; }

/* Proje kartlarinda da ayni hiza sorunu vardi */
.avr-proj-card {
    display: flex;
    flex-direction: column;
}

.avr-proj-card .avr-proj-more { margin-top: auto; }

/* Yan paneldeki simgeler artik metin degil SVG: dikey ortalama gerekiyor. */
.avr-side-ico {
    display: flex;
    top: 0;
    align-items: center;
    height: 26px;
}

.avr-side-ico svg { display: block; }
.avr-side-social a svg { display: block; }

/* ---------- Urun ve teknik cizim kutularinin zemini ----------
   Cizimlerin cogu tamamen BEYAZ cizgi calismasi: CAD'de 21'in 15'i,
   konfigurasyon diyagramlarinda 10'un 8'i. Kutu zemini #f7f8fa
   oldugu icin beyaz uzerine beyaz kaliyor, cizimler gorunmuyordu.
   Ayni kutuda genelde iki gorsel var (svg + png); biri gorunmeyince
   digeri ortadan kaymis gibi duruyordu. Fallprotec bu bloklari
   gri-mavi radyal gecisli zeminde gosteriyor (.cell-cad) - oradan. */
.avr-config-media {
    background: #9cb4ab;
    background: radial-gradient(ellipse at center, #a3b1bf 0%, #94a5b5 75%);
}

/* iki gorsel yan yana: ikisi birlikte ortalanir */
.avr-config-media {
    align-items: center;
    justify-content: center;
}

/* ---------- Baslik alani yuksekligi ----------
   Baslik gorselleri 1600x750 (oran 2.13); alan 370px sabitti, genis
   ekranda oran 5.5'e cikip fotografin sadece orta seridi goruluyordu.
   Arsivdeki statik sitede ayni alan 670px. Genislikle birlikte
   buyuyup 560'ta duruyor. */
.avr-title-bar { min-height: clamp(370px, 30vw, 560px); }

/* ---------- Menu ucuncu seviyesi ----------
   Alt sayfa adlari uzun; 260px'te iki satira kiriliyordu. */
.avr-nav ul ul ul { min-width: 330px; }

/* ---------- Kutuda iki gorsel yan yana duruyorsa ----------
   Her gorsele max-width:100% veriliyordu; iki tanesi yan yana gelince
   190+190+8 = 388px, kutu ise 354px oluyordu. Gorseller hem birbirine
   yapisiyor hem de kutunun 18px'lik ic bosluguna 17px tasiyordu.
   Iki gorsel varken her biri yariyi (aradaki bosluk dusulerek) alir. */
.avr-config-media { gap: 22px; }

.avr-config-media > img {
    min-width: 0;
    flex: 0 1 auto;
}

.avr-config-media:has(> img + img) > img { max-width: calc(50% - 11px); }

/* Acik zeminde proje adi (Projects listesi ve "Related projects"):
   26px/700 ve buton lacivertiydi; bir tik daha kalin ve baslik
   lacivertiyle ayni renk. */
.avr-proj-name-dark {
    font-weight: 800;
    color: var(--avr-heading);
    letter-spacing: -0.01em;
}

/* ---------- Tiklanabilir bilesen (Horizontal / Vertical hub) ----------
   Anchor Points'teki biri soldan biri sagdan duzen, ama her blok kendi
   urun sayfasina gidiyor. Onceki 3'lu banner izgarasinin yerini aldi. */
.avr-component-link .avr-component-media { display: block; }

.avr-component-eyebrow {
    display: block;
    margin-bottom: 10px;
    font-family: var(--avr-font-head);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--avr-muted);
}

.avr-component-link h4 { margin-bottom: 14px; }

.avr-component-link h4 a {
    color: inherit;
    text-decoration: none;
    transition: color var(--avr-ease);
}

.avr-component-link:hover h4 a { color: var(--avr-red); }

.avr-component-more {
    align-self: flex-start;
    margin-top: 18px;
    padding-bottom: 4px;
    font-family: var(--avr-font-head);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--avr-navy);
    border-bottom: 2px solid var(--avr-red);
    transition: color var(--avr-ease);
}

.avr-component-more:hover { color: var(--avr-red); }

/* gorsele gelince hafif yakinlasma - kart hissi versin */
.avr-component-link .avr-component-media img {
    transition: transform 0.6s var(--avr-curve);
}

.avr-component-link:hover .avr-component-media img { transform: scale(1.04); }

/* wpautop uskun ile baslik arasina bos <p> koyuyor - bosluk yapmasin */
.avr-component-link p:empty { display: none; }
.avr-component-link p:has(> .avr-component-more) { margin: 0; }

/* ---------- Referans tablosu (Projects > Other projects) ----------
   156 satirlik liste: sabit baslik, zebra satirlar, canli arama. */
.avr-table-lead {
    max-width: 720px;
    margin: -10px 0 26px;
    font-size: 17px;
    color: var(--avr-text);
}

.avr-table-tools {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
}

.avr-table-search {
    flex: 1 1 320px;
    max-width: 420px;
    padding: 13px 16px;
    font-family: inherit;
    font-size: 15px;
    color: var(--avr-heading);
    background: var(--avr-white);
    border: 1px solid var(--avr-line);
    border-radius: 2px;
    transition: border-color var(--avr-ease);
}

.avr-table-search:focus {
    outline: none;
    border-color: var(--avr-navy);
}

.avr-table-count {
    font-family: var(--avr-font-head);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--avr-muted);
}

.avr-table-wrap {
    max-height: 640px;
    overflow: auto;
    border: 1px solid var(--avr-line);
}

.avr-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 15px;
}

.avr-table thead th {
    position: sticky;
    top: 0;
    z-index: 2;
    padding: 15px 18px;
    text-align: left;
    font-family: var(--avr-font-head);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--avr-white);
    background: var(--avr-navy);
}

.avr-table td {
    padding: 13px 18px;
    border-top: 1px solid var(--avr-line);
    color: var(--avr-text);
}

.avr-table tbody tr:nth-child(even) { background: #f7f8fa; }
.avr-table tbody tr:hover { background: #eef1f6; }

.avr-th-no,
.avr-td-no {
    width: 68px;
    font-family: var(--avr-font-head);
    font-weight: 700;
    color: var(--avr-muted);
}

.avr-th-city,
.avr-td-city { width: 30%; }

.avr-table td:nth-child(2) {
    font-weight: 500;
    color: var(--avr-heading);
}

.avr-table-empty {
    margin-top: 18px;
    font-size: 15px;
    color: var(--avr-muted);
}

/* arama esleşmesinde vurgulama */
.avr-table mark {
    padding: 0 2px;
    background: rgba(219, 30, 53, 0.14);
    color: inherit;
}

@media (max-width: 640px) {
    .avr-table { font-size: 14px; }
    .avr-table thead th,
    .avr-table td { padding: 11px 12px; }
    .avr-th-no, .avr-td-no { width: 46px; }
    .avr-table-wrap { max-height: 520px; }
}

/* ---------- Vaka projesi govdesi (Requested / How did we solve it? ...) ----
   Arsivdeki statik sayfalarda etiketler duz paragraftaydi; burada kucuk
   baslik olarak, solunda kirmizi cizgiyle veriliyor. */
.avr-case-title {
    margin-bottom: 30px;
    font-size: 32px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: -0.01em;
}

.avr-case-block {
    margin-bottom: 34px;
    padding-left: 22px;
    border-left: 3px solid var(--avr-red);
}

.avr-case-block:last-child { margin-bottom: 0; }

.avr-case-q {
    margin-bottom: 12px;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--avr-red);
}

.avr-case-body p {
    margin-bottom: 16px;
    font-size: 17px;
    line-height: 30px;
}

.avr-case-body p:last-child { margin-bottom: 0; }

@media (max-width: 640px) {
    .avr-case-title { font-size: 24px; }
    .avr-case-block { padding-left: 16px; }
    .avr-case-body p { font-size: 16px; line-height: 28px; }
}

/* ---------- Egitim sayfalari ----------
   Her etiket (Target Participant, Duration, Training Content...) bir blok. */
.avr-training-block {
    margin-bottom: 40px;
    padding-bottom: 34px;
    border-bottom: 1px solid var(--avr-line);
}

.avr-training-block:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.avr-training-label {
    margin-bottom: 14px;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--avr-red);
}

.avr-training-block p {
    margin-bottom: 14px;
    font-size: 17px;
    line-height: 30px;
}

.avr-training-block p:last-child { margin-bottom: 0; }

.avr-training-block .avr-spec-list {
    columns: 2;
    column-gap: 44px;
    margin: 6px 0 0;
}

.avr-training-block .avr-spec-list li { break-inside: avoid; }

@media (max-width: 860px) {
    .avr-training-block .avr-spec-list { columns: 1; }
}

/* ---------- Case study kutusu: statikle ayni olcu ----------
   Statikte kutu dolgusu 38px 21px 33px, yukseklikler 240/266/292 ve
   hepsi hucrenin altina yasli (hucre 361). Bizde dolgu 56/35/48 idi,
   kutular 339-399'a cikip satiri buyutuyor, gorsellerle hizasi kayiyordu. */
.avr-cs-box { padding: 38px 21px 33px; }

/* satir yuksekligini gorsel belirlesin, kutu satiri buyutmesin */
.avr-cs-grid { align-items: end; }
.avr-cs-img { align-self: stretch; }

/* ---------- Proje karti: gorsel ve baslik da tiklanabilir ---------- */
a.avr-proj-media { display: block; }

.avr-proj-name a {
    color: inherit;
    text-decoration: none;
    transition: color var(--avr-ease);
}

.avr-proj-card:hover .avr-proj-name a { color: var(--avr-red); }

/* Case study: gorsel ve metin kutusu ayni olcude olsun (kullanici istegi).
   Kutu gorselle ayni kare, icerik dikeyde ortali. Dolgu 38/21/33 ile en
   uzun metin (366px) 367'lik kareye siginiyor. */
.avr-cs-grid { align-items: stretch; }

.avr-cs-box {
    aspect-ratio: 1 / 1;
    align-self: stretch;
    justify-content: center;
}

@media (max-width: 640px) {
    .avr-cs-box { aspect-ratio: auto; }
}

/* Kategori sayfalarinin tanitim metni (kartlarin ustunde) */
.avr-lead-block {
    max-width: 860px;
    margin-bottom: 46px;
}

.avr-lead-block p {
    margin-bottom: 16px;
    font-size: 17px;
    line-height: 30px;
    color: var(--avr-text);
}

.avr-lead-block p:first-child {
    font-size: 19px;
    line-height: 32px;
    color: var(--avr-heading);
}

.avr-lead-block p:last-child { margin-bottom: 0; }

/* Menude 4. seviye: 3. seviyeyle ayni ucus duzeni (sagdan acilir).
   Kural zaten "ul ul ul" ile 4. seviyeye de uyuyor; burada yalnizca
   ust ustune binmemesi icin katman sirasi veriliyor. */
.avr-nav ul ul ul ul { z-index: 130; }

/* Alt menusu olan 3. seviye ogelerde ok saga baksin */
.avr-nav ul ul .menu-item-has-children > a .avr-menu-arrow {
    transform: rotate(-90deg);
}

/* ---------- Alt bilgi (footer) yeni duzen ----------
   Ilk sutun artik metin baslik degil logo + kisa tanitim. */
.avr-footer-logo {
    display: block;
    width: 190px;
    height: auto;
    margin-bottom: 20px;
    filter: brightness(0) invert(1);
}

.avr-footer-col p { margin-bottom: 12px; }

.avr-footer-note {
    font-size: 14px;
    color: var(--avr-on-dark);
    opacity: 0.75;
}

.avr-footer-tel a,
.avr-footer-mail a {
    color: var(--avr-white);
    transition: color var(--avr-ease);
}

.avr-footer-tel a:hover,
.avr-footer-mail a:hover { color: var(--avr-red); }

.avr-footer-tel { font-family: var(--avr-font-head); font-weight: 600; }
.avr-footer-mail { word-break: break-word; }

.avr-widget-title-2 { margin-top: 26px; }

/* ---------- Mobil menu: soldan kayan panel ----------
   Onceki hal sayfayi asagi itiyordu (display:none/block). Artik ekranin
   solundan kayarak geliyor, arkasinda ortu var. */
.avr-mobile-nav {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 320;
    display: flex !important;
    flex-direction: column;
    width: min(340px, 86vw);
    padding: 0;
    background: var(--avr-navy-deep);
    color: var(--avr-white);
    box-shadow: 4px 0 34px rgba(0, 0, 0, 0.32);
    transform: translateX(-100%);
    visibility: hidden;
    transition: transform 0.42s var(--avr-curve), visibility 0.42s var(--avr-curve);
}

.avr-mobile-nav.is-open {
    transform: translateX(0);
    visibility: visible;
}

.avr-mobile-overlay {
    position: fixed;
    inset: 0;
    z-index: 310;
    background: rgba(0, 22, 89, 0.55);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.42s var(--avr-curve), visibility 0.42s var(--avr-curve);
}

.avr-mobile-overlay.is-open {
    opacity: 1;
    visibility: visible;
}

.avr-mobile-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 18px 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}

.avr-mobile-logo img,
.avr-mobile-logo .custom-logo {
    width: 150px;
    height: auto;
    filter: brightness(0) invert(1);
}

.avr-mobile-close {
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    padding: 0;
    font-size: 17px;
    line-height: 1;
    color: var(--avr-white);
    background: rgba(255, 255, 255, 0.1);
    border: 0;
    cursor: pointer;
    transition: background-color var(--avr-ease);
}

.avr-mobile-close:hover { background: var(--avr-red); }

.avr-mobile-scroll {
    flex: 1 1 auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

/* panel icindeki menu: koyu zemine gore */
.avr-mobile-nav ul { margin: 0; padding: 0; list-style: none; }

.avr-mobile-nav li {
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.avr-mobile-nav a {
    display: block;
    padding: 14px 54px 14px 20px;
    font-family: var(--avr-font-head);
    font-size: 15px;
    font-weight: 600;
    color: var(--avr-white);
}

.avr-mobile-nav a:hover { color: var(--avr-red); }

.avr-mobile-nav ul ul {
    display: none;
    background: rgba(0, 0, 0, 0.16);
}

.avr-mobile-nav ul ul.is-open { display: block; }
.avr-mobile-nav ul ul a { padding-left: 34px; font-size: 14px; font-weight: 500; }
.avr-mobile-nav ul ul ul a { padding-left: 48px; }
.avr-mobile-nav ul ul ul ul a { padding-left: 62px; font-size: 13px; }

.avr-submenu-toggle {
    position: absolute;
    top: 6px;
    right: 8px;
    width: 36px;
    height: 36px;
    font-size: 19px;
    line-height: 1;
    color: var(--avr-white);
    background: rgba(255, 255, 255, 0.08);
    border: 0;
    cursor: pointer;
}

.avr-submenu-toggle:hover { background: var(--avr-red); }

.avr-mobile-foot {
    flex: 0 0 auto;
    padding: 18px 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
}

.avr-mobile-foot a {
    display: block;
    margin-bottom: 6px;
    font-size: 14px;
    color: var(--avr-on-dark);
}

.avr-mobile-foot a:hover { color: var(--avr-red); }
.avr-mobile-foot a:last-child { margin-bottom: 0; }

/* menu acikken arkadaki sayfa kaymasin */
body.avr-menu-open { overflow: hidden; }

/* hamburger animasyonu: X'e donsun */
.avr-burger span { transition: transform var(--avr-ease), opacity var(--avr-ease); }
.avr-burger.is-open span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.avr-burger.is-open span:nth-child(2) { opacity: 0; }
.avr-burger.is-open span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

/* Alt bilgideki sosyal simgeler (18 Agustos rev. madde 3) */
.avr-footer-social {
    display: flex;
    gap: 10px;
}

.avr-footer-social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    color: var(--avr-white);
    border: 1px solid rgba(255, 255, 255, 0.26);
    transition: background-color var(--avr-ease), border-color var(--avr-ease);
}

.avr-footer-social a:hover {
    background: var(--avr-red);
    border-color: var(--avr-red);
}

.avr-footer-social svg { display: block; }

/* ---------- Bilesen gorsel kutusu: her kartta ayni olcu ----------
   Kutunun kesin yuksekligi yoktu; img'deki height:100% "auto"ya dusuyor
   ve dikey fotograflar kutuyu buyutuyordu (713 / 744 px'e karsi 380 px).
   Sabit en-boy orani veriliyor, gorsel cover ile kirpiliyor. */
.avr-component-media {
    aspect-ratio: 7 / 5;
    min-height: 0;
    overflow: hidden;
    /* Izgara hucresi 535 px iken kutu 900 px'e kadar tasiyordu: align-items
       stretch yuksekligi kesinlestiriyor, en-boy orani da genisligi ondan
       tureterek sutunu asiyordu. Genislik acikca sutuna sabitlenir. */
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.avr-component-media img {
    width: 100%;
    height: 100%;
    min-height: 0;
    object-fit: cover;
}

@media (max-width: 860px) {
    .avr-component-media { aspect-ratio: 3 / 2; }
}

/* =========================================================================
   Dil degistirici (TR / EN)
   ========================================================================= */

.avr-dil {
    display: inline-flex;
    align-items: center;
    gap: 2px;
}

.avr-dil-link {
    display: inline-block;
    padding: 3px 9px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.06em;
    line-height: 1.4;
    text-decoration: none;
    transition: background-color .22s var(--avr-curve), color .22s var(--avr-curve);
}

/* --- ust bar: koyu zemin --- */
.avr-dil-topbar { margin-left: 16px; }

.avr-dil-topbar .avr-dil-link { color: rgba(255, 255, 255, 0.62); }
.avr-dil-topbar .avr-dil-link:hover { color: var(--avr-white); }

.avr-dil-topbar .avr-dil-link.is-active {
    background: rgba(255, 255, 255, 0.14);
    color: var(--avr-white);
    cursor: default;
}

/* ust barda dil secicinin solunda ayirici cizgi olmasin */
.avr-topbar-item + .avr-dil::before { content: none; }

/* --- mobil panel --- */
.avr-dil-mobil {
    margin-bottom: 14px;
    gap: 6px;
}

.avr-dil-mobil .avr-dil-link {
    padding: 7px 14px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    font-size: 13px;
    color: var(--avr-on-dark);
}

.avr-dil-mobil .avr-dil-link.is-active {
    border-color: var(--avr-red);
    background: var(--avr-red);
    color: var(--avr-white);
}

/* Cevirisi olmayan sayfada bag ana sayfaya gider; kullaniciya belli etmek
   icin hafif soluk. Tiklanabilir kalir. */
.avr-dil-link.is-fallback { opacity: 0.62; }

@media (max-width: 1024px) {
    .avr-dil-topbar { margin-left: 10px; }
}

/* =========================================================================
   Proje izgarasi - [avrasya_projeler]
   Eski .avr-proj-card yerine. Kart artik butunuyle tiklanabilir; gorsel
   uzerinde koyu gradyan, altta baslik ve musteri adi duruyor.
   ========================================================================= */

.avr-proj-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 26px;
    margin-top: 46px;
}

.avr-proj-tile {
    position: relative;
    display: block;
    overflow: hidden;
    background: var(--avr-navy-deep);
    text-decoration: none;
    isolation: isolate;
}

/* --- gorsel --- */
.avr-proj-tile-media {
    display: block;
    position: relative;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: var(--avr-navy-deep);
}

.avr-proj-tile-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transform: scale(1.001);
    transition: transform .8s var(--avr-curve), filter .5s var(--avr-curve);
}

/* okunabilirlik icin alttan yukari koyulasan gradyan */
.avr-proj-tile-media::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(0, 22, 89, 0.92) 0%,
        rgba(0, 22, 89, 0.55) 34%,
        rgba(0, 22, 89, 0.08) 66%,
        rgba(0, 22, 89, 0) 100%);
    transition: opacity .45s var(--avr-curve);
}

/* --- metin --- */
.avr-proj-tile-body {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    padding: 26px 26px 24px;
    color: var(--avr-white);
}

.avr-proj-tile-title {
    display: block;
    font-family: var(--avr-font-head);
    font-size: 19px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.01em;
    color: var(--avr-white);
}

.avr-proj-tile-meta {
    display: block;
    margin-top: 6px;
    font-size: 13.5px;
    line-height: 1.45;
    color: rgba(255, 255, 255, 0.72);
}

/* --- alt vurgu cizgisi: hover'da soldan saga acilir --- */
.avr-proj-tile::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    width: 100%;
    height: 4px;
    background: var(--avr-red);
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform .5s var(--avr-curve);
}

/* --- ok isareti --- */
.avr-proj-tile-more {
    display: block;
    width: 26px;
    height: 2px;
    margin-top: 16px;
    background: var(--avr-red);
    transform-origin: left center;
    transition: width .45s var(--avr-curve), background-color .45s var(--avr-curve);
}

.avr-proj-tile-more::after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    margin: -3px 0 0 -1px;
    border-top: 2px solid var(--avr-red);
    border-right: 2px solid var(--avr-red);
    transform: rotate(45deg);
    opacity: 0;
    transition: opacity .35s var(--avr-curve) .1s;
}

/* --- hover --- */
.avr-proj-tile:hover .avr-proj-tile-media img,
.avr-proj-tile:focus-visible .avr-proj-tile-media img {
    transform: scale(1.07);
}

.avr-proj-tile:hover .avr-proj-tile-media::after,
.avr-proj-tile:focus-visible .avr-proj-tile-media::after {
    opacity: 0.82;
}

.avr-proj-tile:hover::after,
.avr-proj-tile:focus-visible::after { transform: scaleX(1); }

.avr-proj-tile:hover .avr-proj-tile-more,
.avr-proj-tile:focus-visible .avr-proj-tile-more { width: 42px; }

.avr-proj-tile:hover .avr-proj-tile-more::after,
.avr-proj-tile:focus-visible .avr-proj-tile-more::after { opacity: 1; }

.avr-proj-tile:focus-visible {
    outline: 2px solid var(--avr-red);
    outline-offset: 3px;
}

@media (max-width: 1024px) {
    .avr-proj-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
}

@media (max-width: 620px) {
    .avr-proj-grid { grid-template-columns: 1fr; gap: 18px; margin-top: 32px; }
    .avr-proj-tile-body { padding: 22px 20px 20px; }
    .avr-proj-tile-title { font-size: 18px; }
}

/* Hareketi azalt tercihi */
@media (prefers-reduced-motion: reduce) {
    .avr-proj-tile-media img,
    .avr-proj-tile::after,
    .avr-proj-tile-more { transition: none; }
    .avr-proj-tile:hover .avr-proj-tile-media img { transform: none; }
}

/* =========================================================================
   Galeri lightbox
   ========================================================================= */

body.avr-lb-acik { overflow: hidden; }

.avr-lightbox {
    position: fixed;
    inset: 0;
    z-index: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 72px;
    background: rgba(0, 12, 40, 0.94);
    animation: avr-lb-gir .22s var(--avr-curve);
}

.avr-lightbox[hidden] { display: none; }

@keyframes avr-lb-gir {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.avr-lb-sahne {
    margin: 0;
    max-width: 100%;
    max-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.avr-lb-sahne img {
    max-width: 100%;
    max-height: calc(100vh - 80px);
    width: auto;
    height: auto;
    display: block;
    object-fit: contain;
    box-shadow: 0 18px 60px rgba(0, 0, 0, 0.45);
}

/* --- dugmeler --- */
.avr-lightbox button {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    background: rgba(255, 255, 255, 0.1);
    color: var(--avr-white);
    cursor: pointer;
    transition: background-color .25s var(--avr-curve), transform .25s var(--avr-curve);
}

.avr-lightbox button:hover { background: var(--avr-red); }

.avr-lightbox button:focus-visible {
    outline: 2px solid var(--avr-white);
    outline-offset: 3px;
}

.avr-lb-kapat {
    top: 22px;
    right: 22px;
    width: 44px;
    height: 44px;
    font-size: 19px;
    line-height: 1;
}

.avr-lb-onceki,
.avr-lb-sonraki {
    top: 50%;
    width: 52px;
    height: 62px;
    margin-top: -31px;
    font-size: 34px;
    line-height: 1;
}

.avr-lb-onceki { left: 14px; }
.avr-lb-sonraki { right: 14px; }
.avr-lb-onceki:hover { transform: translateX(-3px); }
.avr-lb-sonraki:hover { transform: translateX(3px); }

.avr-lb-sayac {
    position: absolute;
    left: 50%;
    bottom: 18px;
    transform: translateX(-50%);
    font-size: 13px;
    letter-spacing: 0.08em;
    color: rgba(255, 255, 255, 0.7);
}

/* buyuyebilen gorseller belli olsun */
.avr-project-gallery .avr-project-shot img { cursor: zoom-in; }

@media (max-width: 720px) {
    .avr-lightbox { padding: 56px 12px 52px; }
    .avr-lb-onceki, .avr-lb-sonraki { width: 42px; height: 52px; margin-top: -26px; font-size: 28px; }
    .avr-lb-onceki { left: 6px; }
    .avr-lb-sonraki { right: 6px; }
    .avr-lb-kapat { top: 12px; right: 12px; width: 40px; height: 40px; }
}

@media (prefers-reduced-motion: reduce) {
    .avr-lightbox { animation: none; }
    .avr-lightbox button { transition: none; }
    .avr-lb-onceki:hover, .avr-lb-sonraki:hover { transform: none; }
}

/* =========================================================================
   Blog kartlari (yeniden tasarim)

   Onceki hâl: cerceve/zemin yok, gorselin altinda "tarih . admin .
   Uncategorized" satiri, uzun ozet ve her kartta ayri duran buyuk bir
   cerceveli dugme. Kartlar farkli yukseklikte bitiyordu.

   Yeni hâl: beyaz kart, ince cerceve, hover'da yukselip golge aliyor ve
   ustune kirmizi cizgi biniyor. Ozet uc satira kirpildigi icin tum
   kartlar ayni boyda. Kartin tamami tiklanabilir (baslik baginin ::after
   ornekleri).
   ========================================================================= */

.avr-post-grid { gap: 34px 30px; }

.avr-post {
    position: relative;
    background: var(--avr-white);
    border: 1px solid var(--avr-line);
    transition: transform .45s var(--avr-curve),
                box-shadow .45s var(--avr-curve),
                border-color .45s var(--avr-curve);
}

.avr-post::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    width: 100%;
    height: 3px;
    background: var(--avr-red);
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform .5s var(--avr-curve);
}

.avr-post:hover {
    transform: translateY(-6px);
    border-color: transparent;
    box-shadow: 0 22px 44px rgba(0, 22, 89, 0.14);
}

.avr-post:hover::before { transform: scaleX(1); }

.avr-post-thumb {
    margin: 0;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: var(--avr-bg-soft);
}

.avr-post-body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 24px 26px 28px;
}

.avr-post-date {
    display: block;
    margin-bottom: 12px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--avr-muted);
}

.avr-post-grid .avr-post-title {
    margin: 0 0 12px;
    font-size: 20px;
    line-height: 1.35;
    letter-spacing: -0.01em;
}

.avr-post-grid .avr-post-title a { color: var(--avr-heading); }
.avr-post:hover .avr-post-title a { color: var(--avr-red); }

/* Kartin her yeri baslik baglantisina gider */
.avr-post-grid .avr-post-title a::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 4;
}

.avr-post-grid .avr-post-excerpt {
    flex: 1 1 auto;
    margin: 0;
    font-size: 15px;
    line-height: 1.62;
    color: var(--avr-text);
}

/* Kirpma flex ogesinin KENDISINDE degil, icindeki <p>'de: flex ogelerinin
   display'i bloklastirildigi icin -webkit-box orada gecersiz kaliyor. */
.avr-post-grid .avr-post-excerpt p {
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.avr-post-more {
    display: inline-block;
    margin-top: 20px;
    padding-bottom: 4px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--avr-navy);
    border-bottom: 2px solid var(--avr-red);
    transition: color .35s var(--avr-curve);
}

.avr-post:hover .avr-post-more { color: var(--avr-red); }

/* --- Ilgili yazilar: yatay, toplu kart ---
   Dikey kart burada 565x505 px yer kapliyordu; yazinin altinda ikinci bir
   blog listesi gibi duruyordu. Kucuk gorsel solda, tarih + baslik sagda. */

.avr-post-grid-related .avr-post {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
    min-height: 118px;
}

.avr-post-grid-related .avr-post-thumb {
    aspect-ratio: auto;
    height: 100%;
}

.avr-post-grid-related .avr-post-body {
    justify-content: center;
    padding: 16px 22px;
}

.avr-post-grid-related .avr-post-date { margin-bottom: 8px; font-size: 11px; }

.avr-post-grid-related .avr-post-title {
    font-size: 17px;
    margin-bottom: 0;
    line-height: 1.4;
}

@media (max-width: 480px) {
    .avr-post-grid-related .avr-post { grid-template-columns: 108px minmax(0, 1fr); }
    .avr-post-grid-related .avr-post-body { padding: 14px 16px; }
}

.avr-related { margin-top: 70px; padding-top: 50px; border-top: 1px solid var(--avr-line); }

.avr-related-title {
    margin-bottom: 26px;
    font-size: 24px;
    letter-spacing: -0.01em;
}

@media (prefers-reduced-motion: reduce) {
    .avr-post,
    .avr-post::before { transition: none; }
    .avr-post:hover { transform: none; }
}

/* Ilgili yazi sayisi 3'ten azsa bos sutun kalmasin */
.avr-post-grid.avr-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.avr-post-grid.avr-grid-1 { grid-template-columns: minmax(0, 420px); }

@media (max-width: 640px) {
    .avr-post-grid.avr-grid-2 { grid-template-columns: 1fr; }
}

/* =========================================================================
   Aksiyon bandi (lead toplama) - yazinin sonunda, alt bilginin ustunde
   ========================================================================= */

.avr-cta {
    position: relative;
    overflow: hidden;
    padding: 62px 0;
    background: var(--avr-navy);
    color: var(--avr-white);
}

/* Kose deseni: sag ustte hafif kirmizi egim */
.avr-cta::after {
    content: '';
    position: absolute;
    top: -140px;
    right: -120px;
    width: 420px;
    height: 420px;
    background: linear-gradient(135deg, rgba(219, 30, 53, 0.35), rgba(219, 30, 53, 0));
    transform: rotate(18deg);
    pointer-events: none;
}

.avr-cta-inner {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 44px;
}

.avr-cta-eyebrow {
    display: block;
    margin-bottom: 12px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--avr-red);
}

.avr-cta-title {
    margin: 0 0 12px;
    max-width: 660px;
    font-size: 32px;
    line-height: 1.25;
    font-weight: 800;
    letter-spacing: -0.015em;
    color: var(--avr-white);
}

.avr-cta-lead {
    margin: 0;
    max-width: 620px;
    font-size: 16px;
    line-height: 1.65;
    color: var(--avr-on-dark);
}

.avr-cta-actions {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
}

.avr-cta-btn {
    white-space: nowrap;
    background: var(--avr-red);
    border-color: var(--avr-red);
}

.avr-cta-btn:hover {
    background: var(--avr-white);
    border-color: var(--avr-white);
    color: var(--avr-navy);
}

.avr-cta-tel {
    font-size: 19px;
    font-weight: 700;
    letter-spacing: 0.01em;
    color: var(--avr-white);
    white-space: nowrap;
}

.avr-cta-tel:hover { color: var(--avr-red); }

@media (max-width: 900px) {
    .avr-cta { padding: 48px 0; }
    .avr-cta-inner { grid-template-columns: minmax(0, 1fr); gap: 28px; }
    .avr-cta-title { font-size: 26px; }
    .avr-cta-actions { flex-direction: row; align-items: center; gap: 24px; }
}

@media (max-width: 480px) {
    .avr-cta-actions { flex-direction: column; align-items: flex-start; gap: 16px; }
    .avr-cta-title { font-size: 23px; }
}


/* --- 7 Eylul revizyonu --- */

/* Madde listesinden sonra gelen ara baslik listeye yapisik duruyordu
   (orn. muayene sayfasindaki "Siklik ve kayitlar"). */
.avr-spec-list + h3,
.avr-spec-list + h2 {
    margin-top: 46px;
}

/* Iletisim panelindeki hesaplar artik kisa koddan geliyor; simge dosyalari
   18 px, kutu 46 px. Tasmasin diye acik sinir. */
.avr-panel-social a svg {
    width: 18px;
    height: 18px;
    flex: none;
}


/* --- Asansor sayfasi --- */

/* Kuyu kesiti ve False Car render'lari cok uzun dikey (1:2.6). Normal
   yapilandirma kutusunda 190 px'e sigdiginda okunmuyordu. */
.avr-config-tall .avr-config-media {
    min-height: 0;
    padding: 26px 24px;
}

.avr-config-tall .avr-config-media img {
    max-height: 520px;
}

@media (max-width: 700px) {
    .avr-config-tall .avr-config-media img { max-height: 360px; }
}

/* Katalog indirme bandi. Simge SVG yerine CSS ile ciziliyor; sayfa govdesine
   SVG gomulunce kses bazi rollerde siliyor. */
.avr-katalog {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 26px;
    align-items: center;
    margin-top: 10px;
    padding: 26px 30px;
    background: var(--avr-navy);
    color: var(--avr-white);
    text-decoration: none;
    transition: background var(--avr-ease);
}

.avr-katalog:hover { background: var(--avr-navy-deep); }

.avr-katalog-ikon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 64px;
    border: 2px solid rgba(255, 255, 255, 0.38);
    font-family: var(--avr-font-head);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: var(--avr-white);
}

.avr-katalog:hover .avr-katalog-ikon {
    border-color: var(--avr-red);
    background: var(--avr-red);
}

.avr-katalog-metin { display: grid; gap: 4px; }

.avr-katalog-ust {
    font-family: var(--avr-font-head);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--avr-red);
}

.avr-katalog-ad {
    font-family: var(--avr-font-head);
    font-size: 20px;
    font-weight: 700;
    color: var(--avr-white);
}

.avr-katalog-bilgi { font-size: 14px; color: var(--avr-on-dark); }

.avr-katalog-ok {
    padding: 12px 26px;
    border: 1px solid rgba(255, 255, 255, 0.45);
    font-family: var(--avr-font-head);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    white-space: nowrap;
    color: var(--avr-white);
    transition: background var(--avr-ease), border-color var(--avr-ease);
}

.avr-katalog:hover .avr-katalog-ok {
    background: var(--avr-white);
    border-color: var(--avr-white);
    color: var(--avr-navy);
}

@media (max-width: 700px) {
    .avr-katalog {
        grid-template-columns: auto minmax(0, 1fr);
        row-gap: 18px;
        padding: 22px;
    }
    .avr-katalog-ok { grid-column: 1 / -1; justify-self: start; }
}

/* --- Urun cekimleri (Kisisel koruyucu donanimlar sayfasi) ---
   O sayfadaki gorseller 320x320 seffaf urun cekimi. Ortak
   .avr-component-media kurali object-fit: cover oldugu icin 535x382
   kutuda 535x535'e buyuyup alttan ve ustten 76'sar piksel kirpiliyordu.
   Asli Hanim: "malzemesi kendisi oldugu icin yarim gostermemek lazim".
   Genis fotograflarda cover dogru davranis oldugundan kural genel degil,
   yalniz .avr-media-urun tasiyan bloklara veriliyor. */

.avr-media-urun { background: var(--avr-bg-soft); }

.avr-media-urun img {
    object-fit: contain;
    padding: 34px;
}

@media (max-width: 640px) {
    .avr-media-urun img { padding: 22px; }
}

/* Ayni kutuda iki urun cekimi: kolonlu ve celik halatli surum. Ust uste
   biniyor ve .avr-wipe'in overflow: hidden'i ikincisini tamamen
   gizliyordu; yan yana koyuluyor. */
.avr-media-ikili {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.avr-media-ikili img {
    min-height: 0;
    padding: 18px;
}

/* Aslan Cimento / OYAK galerisinin altindaki proje baglantisi. Galeri
   sayfada tek basina duruyordu, ayni sahanin proje kaydina goturuyor. */
.avr-galeri-baglanti {
    margin: 26px 0 0;
    text-align: right;
}

/* Nasil Cozduk? dama duzeni. Uc sutunda HTML sirasi ikinci satirda Oyak
   Cimento metnini Asidik Ortam gorselinin altina, Garagum metnini Oyak
   gorselinin altina dusuruyordu. Asli Hanim: Oyak metni kendi gorselinin
   altina, Garagum metni sola. HTML'e dokunulmuyor; iki ve tek sutunda
   mevcut sira (gorsel+metin ciftleri) zaten dogru. */
@media (min-width: 1025px) {
    .avr-cs-grid > :nth-child(6) { order: 1; }
    .avr-cs-grid > :nth-child(5) { order: 2; }
    .avr-cs-grid > :nth-child(4) { order: 3; }
}


/* ---------------------------------------------------------------------------
   Yazar satiri ve yazar kutusu  (2 Ekim 2026)
   --------------------------------------------------------------------------- */
.avr-post-meta .avr-meta-author { position: relative; margin-left: 14px; padding-left: 15px; }
.avr-post-meta .avr-meta-author::before {
	content: ""; position: absolute; left: 0; top: 50%;
	width: 4px; height: 4px; margin-top: -2px; border-radius: 50%;
	background: currentColor; opacity: .45;
}
.avr-post-meta .avr-meta-author a { color: inherit; text-decoration: none; }
.avr-post-meta .avr-meta-author a:hover { text-decoration: underline; }

.avr-author-box {
	display: flex; gap: 20px; align-items: flex-start;
	margin: 48px 0 8px; padding: 26px 28px;
	border: 1px solid rgba(0, 0, 0, .08); border-radius: 10px;
	background: #f7f9fb;
}
.avr-author-box .avr-author-avatar { flex: 0 0 auto; line-height: 0; }
.avr-author-box .avr-author-img { border-radius: 50%; width: 72px; height: 72px; }
.avr-author-box .avr-author-body { flex: 1 1 auto; min-width: 0; }
.avr-author-box .avr-author-label {
	display: block; font-size: 12px; letter-spacing: .12em;
	text-transform: uppercase; opacity: .6; margin-bottom: 4px;
}
.avr-author-box .avr-author-name { margin: 0 0 8px; font-size: 20px; line-height: 1.25; }
.avr-author-box .avr-author-name a { color: inherit; text-decoration: none; }
.avr-author-box .avr-author-name a:hover { text-decoration: underline; }
.avr-author-box .avr-author-bio { margin: 0; font-size: 15px; line-height: 1.65; opacity: .85; }

@media (max-width: 600px) {
	.avr-author-box { flex-direction: column; gap: 14px; padding: 22px; }
	.avr-author-box .avr-author-img { width: 60px; height: 60px; }
}

/* Yazar kutusunda firma sosyal hesaplari (5 Ekim 2026) */
.avr-author-social {
	display: flex; align-items: center; flex-wrap: wrap; gap: 10px;
	margin-top: 16px; padding-top: 14px;
	border-top: 1px solid rgba(0, 0, 0, .07);
}
.avr-author-social-label {
	font-size: 12px; letter-spacing: .06em; text-transform: uppercase;
	opacity: .55;
}
.avr-author-social-links { display: inline-flex; align-items: center; gap: 8px; }
.avr-author-social-links a {
	display: inline-flex; align-items: center; justify-content: center;
	width: 32px; height: 32px; border-radius: 50%;
	background: #fff; border: 1px solid rgba(0, 0, 0, .1);
	color: inherit; transition: background .2s, color .2s, border-color .2s;
}
.avr-author-social-links a:hover { background: #1f3b57; border-color: #1f3b57; color: #fff; }

@media (max-width: 600px) {
	.avr-author-social { gap: 8px; }
}