/* =========================================================
   YILMAZLAR CONSTRUCTION UAE - GLOBAL STYLE (Prestige)
   - Header / Home / Project Detail / Footer
   - One source of truth
========================================================= */

/* -----------------------------
   0) TOKENS (single :root)
----------------------------- */
:root{
  /* layout */
  --yc-container: 1100px;

  /* radius */
  --yc-r: 18px;
  --yc-r-sm: 14px;

  /* color */
  --yc-text: rgba(15,23,42,.92);
  --yc-muted: rgba(15,23,42,.68);
  --yc-muted2: rgba(15,23,42,.52);

  --yc-border: 1px solid rgba(15,23,42,.08);

  /* shadow */
  --yc-shadow: 0 16px 50px rgba(2,6,23,.06);
  --yc-shadow-soft: 0 10px 26px rgba(2,6,23,.08);
  --yc-shadow-nav: 0 10px 28px rgba(2,6,23,.08);

  /* nav */
  --nav-h: 92px;
  --nav-bg: rgba(255,255,255,.88);
  --nav-border: rgba(15,23,42,.08);

  /* accents */
  --yc-blue: rgba(13,110,253,1);
  --yc-gold: rgba(255,193,7,1);
  --yc-green: rgba(25,135,84,1);
}

/* container width WITHOUT breaking bootstrap */
.container.yc-container{
  max-width: var(--yc-container) !important;
}

/* ---------------------------------------------------------
   GLOBAL RHYTHM: fixed header spacing + page breathing
--------------------------------------------------------- */
body{
  padding-top: calc(var(--nav-h) + 18px);
}
.page-start,
.main-start,
.hero-start{
  margin-top: 28px;
}
@media (min-width: 992px){
  body{ padding-top: calc(var(--nav-h) + 22px); }
  .page-start,.main-start,.hero-start{ margin-top: 36px; }
}
@media (max-width: 991.98px){
  :root{ --nav-h: 84px; }
  body{ padding-top: calc(var(--nav-h) + 14px); }
}

/* -----------------------------
   1) BACKGROUND AURA (global)
----------------------------- */
.yc-bg{
  position: fixed;
  inset: 0;
  z-index: -1;
  background:
    radial-gradient(1100px 520px at 10% 10%, rgba(13,110,253,.10), transparent 60%),
    radial-gradient(900px 520px at 92% 20%, rgba(255,193,7,.10), transparent 60%),
    radial-gradient(900px 520px at 70% 95%, rgba(25,135,84,.08), transparent 60%),
    linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,.01));
}

/* -----------------------------
   2) NAVBAR (prestige light)
----------------------------- */
.yc-nav{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1030;
  min-height: var(--nav-h);
  background: var(--nav-bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--nav-border);
  box-shadow: var(--yc-shadow-nav);
  margin: 0 !important;
  transform: none !important;
}

.yc-nav .container{
  padding-top: 12px;
  padding-bottom: 12px;
}

/* BRAND */
.brand-wrap{
  display:flex;
  align-items:center;
  gap: 14px;
  text-decoration:none;
  color: var(--yc-text);
  max-width: 520px;
}

.brand-logo-box{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 10px 12px;
  border-radius: 16px;
  background: rgba(255,255,255,.98);
  border: 1px solid rgba(15,23,42,.10);
  box-shadow: var(--yc-shadow-soft);
}

.brand-logo{
  height: 64px;
  width:auto;
  display:block;
  object-fit: contain;
}

/* optional brand text (hidden by default) */
.brand-text{
  font-weight: 900;
  letter-spacing: .2px;
  line-height: 1.05;
  font-size: 1.02rem;
  color: var(--yc-text);
  max-width: 320px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: none;
}

/* NAV LINKS */
.navbar-nav{ gap: 2px; }
@media (min-width: 992px){
  .navbar-nav{ margin-left: 18px; }
}

.navbar .nav-link{
  color: var(--yc-muted) !important;
  font-weight: 800;
  padding: .75rem .95rem;
  position: relative;
  letter-spacing: .2px;
  white-space: nowrap;
}
.navbar .nav-link:hover{
  color: var(--yc-text) !important;
}

/* underline -> ::before (dropdown caret uses ::after) */
.navbar .nav-link::before{
  content:"";
  position:absolute;
  left: .95rem;
  right: .95rem;
  bottom: .34rem;
  height: 2px;
  background: rgba(15,23,42,.88);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform .16s ease;
  border-radius: 2px;
  opacity: .95;
}

.navbar .nav-link:hover::before{ transform: scaleX(1); }

.navbar .nav-link.active{
  color: var(--yc-text) !important;
  font-weight: 900;
  text-shadow: 0 0 1px rgba(15,23,42,.15);
}
.navbar .nav-link.active::before{ transform: scaleX(1); }

/* dropdown açıkken de parent vurgulu kalsın */
.navbar .nav-item.dropdown.show > .nav-link{
  color: var(--yc-text) !important;
  font-weight: 900;
}
.navbar .nav-item.dropdown.show > .nav-link::before{ transform: scaleX(1); }

/* DROPDOWN (premium dark panel) */
.dropdown-menu{
  border-radius: 16px;
  padding: .6rem;
  min-width: 340px;
  background: rgba(15,23,42,.96);
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 18px 55px rgba(2,6,23,.24);
}

.dropdown-item{
  border-radius: 12px;
  padding: .72rem .86rem;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap:.75rem;
  font-weight: 800;
  color: rgba(255,255,255,.92);
}

.dropdown-item small{
  opacity:.65;
  color: rgba(255,255,255,.70);
  font-weight: 650;
}

.dropdown-item:hover{
  background: rgba(255,255,255,.10);
  color:#fff;
}

.dropdown-menu .dropdown-item.active,
.dropdown-menu .dropdown-item:active{
  background: rgba(255,255,255,.14) !important;
  color: #fff !important;
}
.dropdown-menu .dropdown-item.active small,
.dropdown-menu .dropdown-item:active small{
  color: rgba(255,255,255,.75) !important;
}

/* ACTIONS */
.nav-actions{
  display:flex;
  align-items:center;
  gap:.55rem;
}

.btn-cta{
  background: rgba(15,23,42,.92);
  border: 1px solid rgba(15,23,42,.92);
  color:#fff;
  font-weight: 900;
  border-radius: 12px;
  padding: 9px 12px;
  box-shadow: var(--yc-shadow-soft);
}
.btn-cta:hover{
  background: rgba(15,23,42,1);
  color:#fff;
}

.btn-lang{
  background: rgba(255,255,255,.96);
  border: 1px solid rgba(15,23,42,.12);
  color: var(--yc-text);
  font-weight: 900;
  border-radius: 12px;
  padding: 9px 12px;
}
.btn-lang:hover{
  border-color: rgba(15,23,42,.22);
  color: var(--yc-text);
}

/* MOBILE */
@media (max-width: 991.98px){
  .brand-logo{ height: 54px; }
  .brand-logo-box{ padding: 9px 11px; border-radius: 15px; }
  .brand-text{ font-size: .94rem; max-width: 200px; }
  .dropdown-menu{ min-width: 100%; }
}

/* -----------------------------
   3) PROJECT DETAIL HERO + CONTENT
----------------------------- */
.hero{
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  background: #f3f4f6;
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 14px 44px rgba(0,0,0,.07);
}
.hero-media{
  position: relative;
  height: 260px;
  background: #eef0f3;
}
@media (min-width: 992px){
  .hero-media{ height: 330px; }
}
.hero-img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
  transform:none;
  filter:none;
}
.hero-overlay{
  position:absolute;
  inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.04) 0%, rgba(0,0,0,.34) 100%);
}
.hero-top{
  position:absolute;
  top:14px; left:14px; right:14px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  z-index:2;
}
.pill{
  border-radius: 999px;
  padding: 8px 12px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:.9rem;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.92);
  box-shadow: 0 10px 26px rgba(0,0,0,.08);
}
.pill.dark{
  background: rgba(0,0,0,.55);
  color: rgba(255,255,255,.95);
  border: 1px solid rgba(255,255,255,.18);
}

/* breadcrumb */
.crumbs{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 10px 26px rgba(0,0,0,.08);
  font-size:.9rem;
}
.crumbs a{ color: rgba(0,0,0,.78); text-decoration:none; }
.crumbs a:hover{ text-decoration: underline; }
.crumbs .sep{ opacity:.55; }
.crumbs .current{ color: rgba(0,0,0,.78); font-weight: 700; }

.hero-info{
  position:absolute;
  left:14px; right:14px; bottom:14px;
  z-index:2;
}
.hero-card{
  border-radius: 16px;
  padding: 14px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 14px 40px rgba(0,0,0,.08);
  max-width: 860px;
}
.hero-title{
  color: rgba(0,0,0,.88);
  font-weight: 900;
  letter-spacing: -.02em;
  margin:0;
  font-size: 1.45rem;
}
@media (min-width: 992px){
  .hero-title{ font-size: 1.9rem; }
}
.hero-meta{
  color: rgba(0,0,0,.62);
  font-size:.95rem;
  margin-top: 6px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}
.hero-meta code{
  color: rgba(0,0,0,.70);
  background: rgba(0,0,0,.06);
  padding: 2px 8px;
  border-radius: 999px;
}

/* CONTENT CARD */
.content-card{
  border-radius: var(--yc-r);
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 16px 50px rgba(0,0,0,.06);
  overflow:hidden;
  background:#fff;
}
.content-wrap{ max-width: 920px; margin: 0 auto; }
.content-body{ padding: 22px; }
@media (min-width: 992px){
  .content-body{ padding: 34px 42px; }
}
.content{
  line-height: 1.85;
  font-size: 1.02rem;
  color: rgba(0,0,0,.82);
}
.content h2,.content h3{ margin-top: 1.2rem; }
.content img{ max-width:100%; height:auto; border-radius:14px; }

/* -----------------------------
   4) GALLERY (project detail)
----------------------------- */
.section-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin: 14px 0 10px;
}
.section-title h3{
  margin:0;
  font-weight: 900;
  letter-spacing: -.02em;
  font-size: 1.1rem;
}
.badge-soft{
  background: rgba(13,110,253,.10);
  color: rgba(13,110,253, 1);
  border: 1px solid rgba(13,110,253,.16);
  border-radius: 999px;
  padding: 6px 10px;
  font-size: .88rem;
  font-weight: 700;
}
.gal-card{
  border-radius: var(--yc-r);
  overflow:hidden;
  border: 1px solid rgba(0,0,0,.08);
  background:#fff;
}
.gal-img{
  width:100%;
  height: 420px;
  object-fit: cover;
  display:block;
  background: rgba(0,0,0,.03);
  cursor: zoom-in;
}
@media (max-width: 991.98px){
  .gal-img{ height: 280px; }
}
.thumbs{
  display:flex;
  gap:8px;
  overflow:auto;
  padding: 10px 2px 2px 2px;
}
.thumbs button{
  border:1px solid rgba(0,0,0,.12);
  border-radius: 12px;
  padding:0;
  overflow:hidden;
  background:#fff;
  width:90px; height:68px;
  flex: 0 0 auto;
  opacity:.92;
  transition: transform .12s ease, opacity .12s ease;
}
.thumbs button:hover{ transform: translateY(-1px); opacity: 1; }
.thumbs button.active{
  outline: 2px solid rgba(13,110,253,.45);
  border-color: rgba(13,110,253,.25);
  opacity:1;
}
.thumbs img{ width:100%; height:100%; object-fit:cover; display:block; }

.gal-actions{
  display:flex;
  gap:8px;
  align-items:center;
  justify-content:flex-end;
}
.icon-btn{
  border-radius: 12px;
  padding: 8px 10px;
  border: 1px solid rgba(0,0,0,.10);
  background: #fff;
  box-shadow: 0 10px 24px rgba(0,0,0,.06);
}
.zoom-img{
  width:100%;
  max-height: 82vh;
  object-fit: contain;
  background:#000;
}

/* carousel icons softer */
.carousel-control-prev-icon,
.carousel-control-next-icon{
  filter: drop-shadow(0 8px 20px rgba(0,0,0,.25));
}

/* -----------------------------
   5) RELATED PROJECT CARDS
----------------------------- */
.rel-card{
  border-radius: var(--yc-r);
  overflow:hidden;
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 14px 40px rgba(0,0,0,.06);
  transition: transform .15s ease, box-shadow .15s ease;
}
.rel-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 55px rgba(0,0,0,.10);
}

/* -----------------------------
   6) HOME (index) components
----------------------------- */
.yc-hero{
  border-radius: calc(var(--yc-r) + 2px);
  border: var(--yc-border);
  background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.78));
  box-shadow: 0 18px 60px rgba(0,0,0,.06);
  overflow: hidden;
}
.yc-hero-inner{ padding: 22px; }
@media (min-width: 992px){
  .yc-hero-inner{ padding: 34px 38px; }
}

.yc-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(13,110,253,.08);
  border: 1px solid rgba(13,110,253,.12);
  color: rgba(13,110,253,.95);
  font-weight: 800;
  font-size: .92rem;
  margin-bottom: 12px;
}

.yc-hero-title{
  font-weight: 950;
  letter-spacing: -.02em;
  color: var(--yc-text);
  margin: 0 0 10px 0;
  line-height: 1.18;
  font-size: 1.9rem;
}
@media (min-width: 992px){
  .yc-hero-title{ font-size: 2.35rem; }
}

.yc-hero-sub{
  color: var(--yc-muted);
  font-size: 1.05rem;
  line-height: 1.7;
  margin: 0 0 18px 0;
}

.yc-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.yc-btn{
  border-radius: 14px !important;
  padding: 10px 14px !important;
  font-weight: 800 !important;
}
.yc-btn-soft{
  border: 1px solid rgba(0,0,0,.08) !important;
  background: rgba(255,255,255,.75) !important;
}

/* trust strip */
.yc-trust{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  color: var(--yc-muted2);
  font-size: .95rem;
}
.yc-trust-item{
  display:flex;
  align-items:center;
  gap:10px;
}
.yc-dot{
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: rgba(13,110,253,.65);
  box-shadow: 0 0 0 4px rgba(13,110,253,.12);
}

/* generic card */
.yc-card{
  border-radius: var(--yc-r);
  border: var(--yc-border);
  box-shadow: var(--yc-shadow);
  background: #fff;
}
.yc-card-glass{
  background: rgba(255,255,255,.70);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.yc-card-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding: 18px 18px 8px 18px;
}
.yc-card-title{
  font-weight: 900;
  letter-spacing: -.02em;
  color: var(--yc-text);
}
.yc-card-badge{
  font-size: .85rem;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(25,135,84,.10);
  border: 1px solid rgba(25,135,84,.14);
  color: rgba(25,135,84,.95);
  font-weight: 800;
}

/* stats */
.yc-stats{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap:12px;
  padding: 10px 18px 8px 18px;
}
.yc-stat{
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.06);
  background: rgba(0,0,0,.02);
  padding: 14px 12px;
  text-align:center;
}
.yc-stat-num{
  font-weight: 950;
  letter-spacing: -.02em;
  font-size: 1.35rem;
  color: var(--yc-text);
  line-height: 1.1;
}
.yc-stat-label{
  font-size: .9rem;
  color: var(--yc-muted2);
  margin-top: 6px;
  font-weight: 700;
}

.yc-mini-note{
  padding: 8px 18px 0 18px;
  color: var(--yc-muted);
  font-size: .98rem;
  line-height: 1.6;
}
.yc-card-actions{
  padding: 14px 18px 18px 18px;
}

/* section header */
.yc-section-bar{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:12px;
  margin-bottom: 10px;
}
.yc-h3{
  font-weight: 950;
  letter-spacing: -.02em;
}
.yc-muted{
  color: var(--yc-muted);
  font-size: .95rem;
}

/* services */
.yc-service{
  padding: 18px 16px;
  transition: transform .15s ease, box-shadow .15s ease;
}
.yc-service:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 60px rgba(0,0,0,.08);
}
.yc-ic{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(13,110,253,.10);
  border: 1px solid rgba(13,110,253,.14);
  margin-bottom: 10px;
  font-size: 1.2rem;
}
.yc-service-title{
  font-weight: 900;
  letter-spacing: -.01em;
  color: var(--yc-text);
  margin-bottom: 6px;
}
.yc-service-sub{
  color: var(--yc-muted);
  line-height: 1.6;
}

/* latest cards */
.yc-project-card{
  display:block;
  overflow:hidden;
  transition: transform .15s ease, box-shadow .15s ease;
}
.yc-project-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 55px rgba(0,0,0,.08);
}
.yc-project-media{
  width:100%;
  aspect-ratio: 16/10;
  background: rgba(0,0,0,.03);
  overflow:hidden;
}
.yc-project-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition: transform .35s ease;
}
.yc-project-card:hover .yc-project-media img{
  transform: scale(1.03);
}
.yc-project-body{ padding: 14px 14px 16px 14px; }
.yc-project-title{
  font-weight: 900;
  letter-spacing: -.01em;
  color: var(--yc-text);
  margin-bottom: 6px;
}
.yc-project-sub{
  color: var(--yc-muted2);
  font-size: .92rem;
}

/* CTA prestige */
.yc-cta{
  border-radius: calc(var(--yc-r) + 2px);
  border: 1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(900px 420px at 20% 30%, rgba(255,255,255,.18), transparent 60%),
    radial-gradient(700px 420px at 90% 60%, rgba(255,193,7,.14), transparent 60%),
    linear-gradient(180deg, rgba(17,24,39,.96), rgba(17,24,39,.86));
  box-shadow: 0 20px 70px rgba(0,0,0,.22);
  color:#fff;
  overflow:hidden;
}
.yc-cta-inner{
  padding: 20px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
@media (min-width: 992px){
  .yc-cta-inner{ padding: 26px 28px; }
}
.yc-cta-title{
  font-weight: 950;
  letter-spacing: -.02em;
  font-size: 1.25rem;
  margin-bottom: 6px;
}
.yc-cta-sub{ opacity:.92; line-height: 1.6; }
.yc-cta-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.yc-pill-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.yc-pill{
  display:inline-flex;
  align-items:center;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.14);
  color: rgba(255,255,255,.92);
  font-weight: 800;
  font-size: .92rem;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* RTL tweaks */
[dir="rtl"] .yc-hero-title,
[dir="rtl"] .yc-h3{
  letter-spacing: 0;
}

/* -----------------------------
   7) FOOTER (corporate)
----------------------------- */
.site-footer{
  background:#fff;
  border-top: 1px solid rgba(0,0,0,.08);
}
.footer-brand-text{
  font-weight: 900;
  letter-spacing: -.01em;
  color: rgba(0,0,0,.88);
}
.footer-logo-link{
  display:inline-flex;
  align-items:center;
  text-decoration:none;
}
.footer-logo{
  height: 80px;
  width:auto;
  object-fit: contain;
  display:block;
}
.footer-desc{
  max-width: 560px;
  line-height: 1.7;
}
.footer-highlights{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.footer-highlights .tag{
  display:inline-flex;
  align-items:center;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: .85rem;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(0,0,0,.02);
  color: rgba(0,0,0,.75);
  font-weight: 700;
}
.footer-title{
  font-weight: 900;
  letter-spacing: -.01em;
  color: rgba(0,0,0,.86);
}
.footer-links .footer-link{
  text-decoration:none;
  color: rgba(0,0,0,.62);
  font-weight: 800;
  transition: color .15s ease, transform .15s ease;
}
.footer-links .footer-link:hover{
  color: rgba(0,0,0,.88);
  transform: translateX(1px);
}
.footer-footprint{ line-height: 1.6; }
.footer-cta{
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(0,0,0,.02);
  border-radius: var(--yc-r);
  padding: 18px;
}
.footer-social{ border-radius: 999px; }
.footer-mini{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.footer-mini-link{
  text-decoration:none;
  color: rgba(0,0,0,.62);
  font-weight: 800;
}
.footer-mini-link:hover{
  color: rgba(0,0,0,.86);
  text-decoration: underline;
}
.footer-mini .sep{ opacity:.5; }
@media (max-width: 991.98px){
  .footer-logo{ height: 42px; }
}

/* featured slider (home) */
.yc-slider{
  border-radius: var(--yc-r);
  overflow: hidden;
}
.yc-slide{
  display:block;
  text-decoration:none;
  color: inherit;
}
.yc-slide-media{
  width: 100%;
  aspect-ratio: 16/7;
  overflow:hidden;
  background: rgba(0,0,0,.03);
}
.yc-slide-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition: transform .35s ease;
}
.yc-slide:hover .yc-slide-media img{
  transform: scale(1.03);
}
.yc-slide-body{
  padding: 16px 18px 18px 18px;
}
.yc-slide-title{
  font-weight: 900;
  letter-spacing: -.02em;
  color: var(--yc-text);
  font-size: 1.15rem;
  margin-bottom: 4px;
}
.yc-slide-sub{
  color: var(--yc-muted2);
  font-size: .95rem;
}
.yc-slide-cta{
  margin-top: 10px;
}
.yc-link{
  font-weight: 700;
  color: rgba(13,110,253,.95);
}
/* =========================
   MOBILE HERO BREADCRUMB FIX
   ========================= */

/* default: crumbs hero üstünde */
.hero-top .crumbs{
  background: rgba(255,255,255,.92);
}

/* MOBILE FIX */
@media (max-width: 575.98px){

  /* crumbs'ı hero-top'tan ayır */
  .hero-top .crumbs{
    position: absolute;
    left: 14px;
    right: 14px;
    top: auto;
    bottom: -58px;               /* hero'dan aşağı it */
    z-index: 3;
    display: none;

    border-radius: 14px;
    box-shadow: 0 12px 32px rgba(0,0,0,.12);
  }

  /* hero media biraz nefes alsın */
  .hero-media{
    padding-bottom: 64px;
  }

  /* pill’ler üstte kalsın */
  .hero-top{
    flex-direction: row;
    align-items: flex-start;
  }

  .hero-top > .d-flex{
    margin-left: auto;
  }

  /* crumbs içi yazı kontrol */
  .hero-top .crumbs{
    white-space: nowrap;
    overflow-x: auto;
  }

  .hero-top .crumbs::-webkit-scrollbar{
    display: none;
  }
}
.bosluk-4 {margin-top: 4px;}
.one-cikanlar {margin: 5px; border-bottom: solid 3px #c03000;}

/* =========================================================
   HOME HERO RIGHT CARD (Why Yilmazlar) - OVERRIDE FIX
   (en alta ekle)
========================================================= */

/* iki kolon eşit yükseklik, kart full otursun */
.yc-hero .row > [class*="col-"]{
  display: flex;
  flex-direction: column;
}
.yc-hero .yc-card{
  height: 100%;
}

/* sağ kartta padding/spacing daha düzgün */
.yc-hero .yc-card.yc-card-glass{
  padding: 18px;
}
.yc-hero .yc-card.yc-card-glass .yc-card-head{
  padding: 0;
  margin-bottom: 10px;
}
.yc-hero .yc-card.yc-card-glass .yc-card-title{
  font-size: 1rem;
}
.yc-hero .yc-card.yc-card-glass .yc-card-badge{
  font-size: .82rem;
  padding: 6px 10px;
}

/* kart içi metin */
.yc-hero .yc-card.yc-card-glass p{
  margin: 0 0 12px 0;
  color: var(--yc-muted);
  line-height: 1.65;
}

/* bullet list (senin yeni içerik için asıl eksik parça) */
.yc-hero .yc-card.yc-card-glass ul{
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}
.yc-hero .yc-card.yc-card-glass li{
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 10px 10px;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.06);
  background: rgba(255,255,255,.55);
}
.yc-hero .yc-card.yc-card-glass li::before{
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: rgba(13,110,253,.65);
  box-shadow: 0 0 0 4px rgba(13,110,253,.12);
  flex: 0 0 auto;
  margin-top: 6px;
}
.yc-hero .yc-card.yc-card-glass li strong{
  display: block;
  font-weight: 900;
  color: var(--yc-text);
  margin-bottom: 2px;
}
.yc-hero .yc-card.yc-card-glass li small,
.yc-hero .yc-card.yc-card-glass li span{
  color: var(--yc-muted2);
  font-weight: 650;
  line-height: 1.45;
}

/* CTA button alanı */
.yc-hero .yc-card.yc-card-glass .yc-card-actions{
  padding: 0;
  margin-top: 14px;
}
.yc-hero .yc-card.yc-card-glass .yc-card-actions .btn{
  border-radius: 14px !important;
  padding: 12px 14px !important;
  font-weight: 900 !important;
}

/* sağ kart genişliği (desktop) */
@media (min-width: 992px){
  .yc-hero .col-lg-5 .yc-card{
    max-width: 520px;
    margin-left: auto;
  }
}
@media (max-width: 991.98px){
  .yc-hero .col-lg-5 .yc-card{
    max-width: 100%;
    margin-left: 0;
  }
}
  .yc-hero-brandwrap{
    margin-bottom: 10px;
  }

  .yc-hero-brandline{
    font-weight: 950;
    letter-spacing: .14em;
    color: rgba(15,23,42,.60);
    font-size: .78rem;
    line-height: 1.25;
    margin: 0 0 6px 0;
  }

  .yc-hero-brandsub{
    color: rgba(15,23,42,.48);
    font-weight: 850;
    font-size: .95rem;
    line-height: 1.35;
    margin: 0 0 12px 0;
  }

  .yc-hero-divider{
    height: 1px;
    width: min(420px, 100%);
    background: linear-gradient(90deg, rgba(15,23,42,.18), rgba(15,23,42,0));
    border-radius: 999px;
  }

  @media (max-width: 575.98px){
    .yc-hero-brandwrap{ text-align:center; }
    .yc-hero-divider{ margin-left:auto; margin-right:auto; }
  }

  [dir="rtl"] .yc-hero-brandline{ letter-spacing: 0; }
  [dir="rtl"] .yc-hero-divider{
    background: linear-gradient(270deg, rgba(15,23,42,.18), rgba(15,23,42,0));
  }
  /* ===== Certificates (prestige) ===== */
.yc-pagehead{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  padding: 18px 18px;
  border-radius: var(--yc-r);
  border: var(--yc-border);
  background: rgba(255,255,255,.78);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: var(--yc-shadow);
}
.yc-h1{
  margin:0;
  font-weight: 950;
  letter-spacing: -.02em;
  color: var(--yc-text);
}
.yc-pagehead-actions{ display:flex; gap:10px; flex-wrap:wrap; }

.yc-cert-card{
  border-radius: var(--yc-r);
  border: var(--yc-border);
  background:#fff;
  overflow:hidden;
  box-shadow: var(--yc-shadow);
  transition: transform .15s ease, box-shadow .15s ease;
}
.yc-cert-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 60px rgba(0,0,0,.08);
}

.yc-cert-media{
  width:100%;
  aspect-ratio: 16/10;
  background: rgba(0,0,0,.03);
  overflow:hidden;
}
.yc-cert-media img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
  transition: transform .35s ease;
}
.yc-cert-card:hover .yc-cert-media img{ transform: scale(1.03); }

.yc-cert-ph{
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
}
.yc-cert-ico{ font-size: 2.1rem; }
.yc-cert-ph-title{
  font-weight: 900;
  color: var(--yc-muted);
  letter-spacing: .12em;
  font-size: .8rem;
}

.yc-cert-body{ padding: 14px 14px 16px 14px; }
.yc-cert-title{
  font-weight: 950;
  letter-spacing: -.01em;
  color: var(--yc-text);
  margin-bottom: 6px;
}
.yc-cert-meta{
  color: var(--yc-muted2);
  font-weight: 750;
  font-size: .92rem;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  margin-bottom: 12px;
}
.yc-sep{ opacity:.55; }

.yc-cert-actions{
  display:grid;
  grid-template-columns: 1fr;
  gap:10px;
}

@media (max-width: 575.98px){
  .yc-pagehead{ flex-direction:column; align-items:flex-start; }
}
    /* Compact certificate cards */
    .yc-cert-mini{
      display:flex; align-items:center; gap:12px;
      padding:12px 14px;
      border:1px solid rgba(0,0,0,.06);
      background: rgba(255,255,255,.75);
      border-radius: 16px;
      box-shadow: 0 10px 22px rgba(16,24,40,.05);
      transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
      min-height: 72px;
    }
    .yc-cert-mini:hover{
      transform: translateY(-2px);
      box-shadow: 0 14px 34px rgba(16,24,40,.10);
      border-color: rgba(31,118,255,.22);
    }
    .yc-cert-mini-ic{
      width:40px; height:40px;
      display:flex; align-items:center; justify-content:center;
      border-radius: 12px;
      background: rgba(31,118,255,.10);
      border:1px solid rgba(31,118,255,.20);
      font-size: 20px;
      flex: 0 0 40px;
    }
    .yc-cert-mini-body{ min-width:0; }
    .yc-cert-mini-title{
      font-weight: 800;
      letter-spacing: -0.01em;
      line-height: 1.15;
      font-size: 14px;
      color:#0f172a;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 100%;
    }
    .yc-cert-mini-sub{
      margin-top:2px;
      font-size: 12px;
      color: rgba(15,23,42,.65);
    }
    .yc-cert-mini-go{
      margin-left:auto;
      font-weight: 900;
      color: rgba(15,23,42,.45);
    }
    [dir="rtl"] .yc-cert-mini-go{ margin-left:0; margin-right:auto; }

    /* ====== INDEX: Corporate Premium (B) ====== */
.yc-pageframe{position:relative}
.yc-divider{height:1px;background:linear-gradient(to right, transparent, rgba(0,0,0,.14), transparent);margin:22px 0}
.yc-divider.sm{margin:14px 0;opacity:.9}
.yc-divider.lg{margin:34px 0;opacity:1}
.yc-sec{position:relative}
.yc-sec-frame{background:rgba(255,255,255,.70);border:1px solid rgba(0,0,0,.06);border-radius:18px;padding:18px 18px}
.yc-sec-alt{background:rgba(255,255,255,.55)}
.yc-sec-pad{padding-top:18px}
.yc-sec-headkicker{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;opacity:.75;margin-bottom:6px}
[dir="rtl"] .yc-sec-headkicker{text-transform:none;letter-spacing:0}
.yc-sec-footnote{margin-top:10px;font-size:.9rem;opacity:.7}
.yc-mini-stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.yc-mini-stat{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.70);border:1px solid rgba(0,0,0,.06);font-size:.88rem}
.yc-mini-stat b{font-weight:700}
.yc-mini-dot{width:7px;height:7px;border-radius:50%;background:rgba(0,0,0,.35);display:inline-block}
.yc-brandmark{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.yc-brandmark .yc-b1{font-weight:800;letter-spacing:.16em;text-transform:uppercase;font-size:.9rem;opacity:.95}
.yc-brandmark .yc-sep{width:26px;height:1px;background:rgba(0,0,0,.18)}
.yc-brandmark .yc-b2{font-weight:600;opacity:.82}
.yc-brandmark .yc-uae{font-weight:800;font-size:.78rem;letter-spacing:.12em;padding:6px 10px;border-radius:999px;border:1px solid rgba(0,0,0,.10);background:rgba(255,255,255,.65)}
[dir="rtl"] .yc-brandmark{gap:8px}
[dir="rtl"] .yc-brandmark .yc-b1{letter-spacing:0;text-transform:none}
[dir="rtl"] .yc-brandmark .yc-uae{letter-spacing:0}
.yc-baseband{margin-top:34px;border-radius:18px;height:88px;background:linear-gradient(180deg, rgba(0,0,0,.06), rgba(0,0,0,0));border:1px solid rgba(0,0,0,.06)}

/* ===== Page Surface / Zemin (index'teki taban hissi) ===== */
.yc-surface{
  margin-top: 14px;
  border:1px solid rgba(0,0,0,.06);
  background: rgba(255,255,255,.78);
  backdrop-filter: blur(10px);
  border-radius: 20px;
  box-shadow: 0 10px 25px rgba(16,24,40,.06);
  padding: 16px;
}
@media (max-width: 575.98px){
  .yc-surface{ padding: 12px; border-radius: 18px; }
}
.yc-surface-top{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-bottom: 10px;
}
.yc-surface-title{
  font-weight: 800;
  letter-spacing: -0.02em;
  color:#0f172a;
  line-height:1.2;
}
.yc-surface-sub{
  color: rgba(15,23,42,.70);
  font-size: 13px;
  margin-top: 4px;
}
.yc-hr{
  height:1px;
  width:100%;
  background: linear-gradient(90deg,
    rgba(0,0,0,.00),
    rgba(0,0,0,.10),
    rgba(0,0,0,.00)
  );
  margin: 10px 0 14px;
}

/* ---- Premium Certificates (Kapaklı) ---- */
.yc-cert-grid{ margin-top:0; } /* artık zemin içinde */
.yc-certx{
  border:1px solid rgba(0,0,0,.06);
  background: rgba(255,255,255,.78);
  backdrop-filter: blur(10px);
  border-radius: 18px;
  overflow:hidden;
  box-shadow: 0 10px 25px rgba(16,24,40,.06);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  height:100%;
  display:flex;
  flex-direction:column;
}
.yc-certx:hover{
  transform: translateY(-3px);
  box-shadow: 0 16px 40px rgba(16,24,40,.10);
  border-color: rgba(31,118,255,.20);
}
.yc-certx-media{
  position:relative;
  aspect-ratio: 16 / 10;
  background:
    radial-gradient(900px 220px at 15% 0%, rgba(31,118,255,.20), transparent 60%),
    radial-gradient(700px 220px at 85% 10%, rgba(10,200,160,.16), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.0), rgba(255,255,255,.9));
}
.yc-certx-cover{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit: cover;
  filter: saturate(1.05) contrast(1.02);
}
.yc-certx-coverShade{
  position:absolute; inset:0;
  background:
    linear-gradient(180deg, rgba(0,0,0,.06), rgba(0,0,0,.00) 45%, rgba(0,0,0,.18));
}
.yc-certx-paper{
  position:absolute; inset:14px 14px 18px 14px;
  border-radius: 14px;
  background: rgba(255,255,255,.92);
  border:1px solid rgba(0,0,0,.06);
  box-shadow: 0 10px 20px rgba(16,24,40,.08);
  display:flex; align-items:center; justify-content:center;
  overflow:hidden;
}
.yc-certx-paper.has-cover{
  background: rgba(255,255,255,.0);
  border-color: rgba(255,255,255,.22);
  box-shadow: 0 12px 28px rgba(0,0,0,.18);
}
.yc-certx-icon{
  position:relative;
  width:56px; height:56px;
  border-radius: 14px;
  display:flex; align-items:center; justify-content:center;
  background: rgba(31,118,255,.10);
  border:1px solid rgba(31,118,255,.20);
  font-size: 28px;
}
.yc-certx-badges{
  position:absolute; top:12px; left:12px;
  display:flex; gap:8px; flex-wrap:wrap;
  z-index: 2;
}
[dir="rtl"] .yc-certx-badges{ left:auto; right:12px; }
.yc-badge{
  font-size: 12px;
  padding:6px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.88);
  border:1px solid rgba(0,0,0,.06);
  color:#0f172a;
}
.yc-badge.primary{
  background: rgba(31,118,255,.12);
  border-color: rgba(31,118,255,.22);
  color:#0b3aa8;
}
.yc-certx-body{
  padding: 14px 14px 16px;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.yc-certx-title{
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height:1.2;
  font-size: 16px;
  color:#0f172a;
  min-height: 38px;
}
.yc-certx-actions{
  margin-top:auto;
  display:flex; gap:10px;
}
.yc-btnx{
  border-radius: 12px !important;
  padding: 10px 12px !important;
  font-weight: 700 !important;
  width:100%;
}
.yc-btnx-soft{
  background: rgba(31,118,255,.08) !important;
  border-color: rgba(31,118,255,.18) !important;
}
.yc-empty{
  border:1px dashed rgba(0,0,0,.14);
  border-radius: 18px;
  background: rgba(255,255,255,.7);
  padding: 26px;
}