/* Compact lower edge and smaller submenu labels. */
.header .nav .refined-drop .refined-body{padding-bottom:14px}
.header .nav .refined-drop .refined-links>a{font-size:12px!important;min-height:56px;padding-top:8px!important;padding-bottom:8px!important}
.header .nav .refined-drop .refined-intro{padding-bottom:70px}
.header .nav #refined-drop-0 .corporate-visual{padding-bottom:74px}
.header .nav .refined-drop .market-visual{padding-bottom:185px}
.header .nav .refined-drop .publications-visual{padding-bottom:208px}
.header .nav .refined-drop .themed-menu-visual{padding-bottom:178px}
.header .nav .refined-drop .themed-menu-illustration,.header .nav .refined-drop .publications-illustration{height:150px}
@media(min-width:1241px){
  .header-row{position:relative}
  .header .nav{position:relative;padding-left:0;padding-right:0}
  .header .nav .refined-item{position:static}
  .header .nav .refined-drop{grid-template-columns:185px minmax(0,1fr);left:0!important;right:0!important}
  .header .nav .refined-body{padding-left:20px;padding-right:20px}
  .header .nav .refined-links{column-gap:10px}
}
.header .nav .refined-drop{display:none!important;position:absolute;left:0;right:0;top:100%;width:100%!important;max-width:none;padding:0!important;grid-template-columns:215px minmax(0,1fr);gap:0!important;border:1px solid #dce9e4;border-top:3px solid #67c5a6;border-radius:0 0 18px 18px;background:#fff;box-shadow:0 22px 40px #102f4826;overflow:hidden;transform:none!important;white-space:normal;min-height:356px}
.header .nav .refined-item.is-open>.refined-drop{display:grid!important;animation:refined-enter .16s ease-out}
.refined-intro{position:relative;overflow:hidden;padding:26px 18px;background:linear-gradient(135deg,#edf7f2,#f8fbf9);border-right:1px solid #e0eee6;text-align:left}.refined-eyebrow{display:inline-block;padding:5px 9px;border:1px solid #cde7da;border-radius:6px;color:#28856a;font-size:10px;font-weight:700;letter-spacing:.5px}.refined-intro h2{position:relative;z-index:1;margin:17px 0 10px;font-size:21px;font-weight:800;letter-spacing:-.6px;line-height:1.25;color:#173f48}.refined-intro p{position:relative;z-index:1;font-size:12px;line-height:1.8;color:#6a827b;margin:0;max-width:170px}.refined-motif{position:absolute;bottom:-35px;right:5px;font-size:160px;line-height:1;color:#deeee5;font-weight:400;pointer-events:none}.refined-body{padding:27px 32px 30px}.refined-caption{display:block;font-size:9px;letter-spacing:2px;color:#79938b;font-weight:700;margin-bottom:12px;text-align:left}.refined-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:8px 18px}.header .nav .refined-links>a{display:flex!important;align-items:center;justify-content:space-between;gap:18px;min-height:50px;padding:12px 15px!important;background:#fff!important;border:1px solid #e8efec;border-radius:9px!important;color:#284d52!important;font-size:13px!important;font-weight:600;line-height:1.5;text-align:left;transition:background .18s,border-color .18s;box-shadow:none!important;transform:none!important}.header .nav .refined-links>a:after{content:'↗';position:static!important;display:block!important;width:auto!important;height:auto!important;background:transparent!important;color:#77a894;font-size:17px;opacity:1!important;transform:none!important;flex-shrink:0}.header .nav .refined-links>a:hover,.header .nav .refined-links>a:focus-visible{background:#f0f8f4!important;border-color:#afd8c5;color:#08775b!important}.header .nav .refined-links>a:focus-visible{outline:2px solid #188c70;outline-offset:2px}@keyframes refined-enter{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.header .nav .refined-item.is-open>.refined-drop{animation:none}}


.header .nav .refined-drop{border-top:3px solid #00a884;border-color:#dbe6ed;border-top-color:#00a884;box-shadow:0 22px 45px #082f5524;background:#fff}
.refined-intro{background:linear-gradient(145deg,#f0f7fb 0%,#edf8f4 100%);border-right:1px solid #dbe6ed;padding-bottom:88px}
.refined-intro:before{content:'';position:absolute;width:165px;height:165px;right:-75px;bottom:-70px;border:1px solid #00a88420;border-radius:50%;box-shadow:0 0 0 22px #00a88405,0 0 0 44px #082f5503}
.refined-eyebrow{background:#fff;border:1px solid #d7e9e4;color:#00886c;border-radius:5px;font-size:10px;letter-spacing:.6px}
.refined-intro h2{color:#082f55}.refined-intro p{color:#607487;max-width:230px}
.refined-motif{bottom:23px;left:30px;right:auto;display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:#fff;border:1px solid #d5e8e3;box-shadow:0 4px 10px #082f5506;color:#00886c;line-height:1}
.refined-motif svg{width:27px;height:27px;display:block}
.refined-caption{color:#607487}.refined-body{background:linear-gradient(180deg,#fff,#fcfefe)}
.header .nav .refined-links>a{border-color:#e1eaf0;color:#082f55!important;border-radius:8px!important;background:#fff!important;padding:13px 16px!important;min-height:52px}
.header .nav .refined-links>a:after{color:#00886c;display:grid!important;place-items:center;width:26px!important;height:26px!important;border-radius:50%;background:#edf8f4!important;font-size:14px}
.header .nav .refined-links>a:hover,.header .nav .refined-links>a:focus-visible{border-color:#b5ded2;background:#f1faf7!important;color:#00886c!important}
.header .nav .refined-item>button:after{display:none!important}


.refined-intro.corporate-visual{padding:24px 28px 25px;background:radial-gradient(ellipse at 15% 0%,#fff 0%,transparent 70%),linear-gradient(145deg,#edf6fb,#e6f5ee)}.corporate-emblem{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 18px;margin-bottom:17px;border-bottom:1px solid #cbdedb}.corporate-emblem img{display:block;width:114px;height:80px;object-fit:contain}.corporate-emblem>span{display:flex;flex-direction:column;align-items:center;gap:7px;font-size:11px;font-weight:700;letter-spacing:2px;color:#426c74}.corporate-emblem i{height:20px;width:1px;background:#7bbba8}.corporate-visual h2{font-size:25px;max-width:190px;margin-top:14px}.corporate-caption{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:600;color:#277d66;margin-top:20px;position:relative;z-index:1}.corporate-dot{width:6px;height:6px;border-radius:50%;background:#00a884;box-shadow:0 0 0 4px #00a8840d}.corporate-visual:before{width:200px;height:200px;right:-110px;bottom:-100px}


.refined-intro.corporate-visual{padding-bottom:130px;isolation:isolate}
.corporate-building{position:absolute;left:0;bottom:0;width:100%;height:155px;object-fit:cover;object-position:center 57%;opacity:.48;z-index:-1;pointer-events:none;mask-image:linear-gradient(to bottom,transparent 0%,#000 38%,#000 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 38%,#000 100%)}
.corporate-visual .corporate-caption{margin-top:14px}
.corporate-visual:before{z-index:-2}


.refined-body{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 100% 0%,#dcefe980,transparent 58%),linear-gradient(135deg,#f8fbfd 0%,#f1f7f8 55%,#edf7f2 100%)}
.refined-body:before{content:'';position:absolute;z-index:-1;pointer-events:none;width:310px;height:310px;right:-185px;bottom:-200px;border:1px solid #00886c1a;border-radius:50%;box-shadow:0 0 0 28px #00886c05,0 0 0 56px #00886c04,0 0 0 85px #082f5503}
.refined-body:after{content:'';position:absolute;z-index:-1;pointer-events:none;inset:0;background-image:radial-gradient(#082f5510 .7px,transparent .7px);background-size:18px 18px;mask-image:linear-gradient(125deg,transparent 40%,#000)}
.refined-caption{display:flex;align-items:center;gap:9px;color:#47776f;letter-spacing:2px}
.refined-caption:before{content:'';width:20px;height:2px;background:#00a884;border-radius:2px}
.header .nav .refined-links>a{background:#ffffffed!important;border-color:#dce8e8;box-shadow:0 2px 6px #082f5503!important}
.header .nav .refined-links>a:hover,.header .nav .refined-links>a:focus-visible{background:#fff!important;border-color:#9ed4c2;box-shadow:0 4px 12px #00886c0b!important}


.refined-intro.market-visual{isolation:isolate;padding-bottom:140px;background:linear-gradient(145deg,#f0f7fb,#eaf6ef)}
.market-illustration{position:absolute;bottom:0;left:0;width:100%;height:150px;object-fit:cover;opacity:.48;z-index:-1;pointer-events:none;mask-image:linear-gradient(to bottom,transparent,#000 28%)}
.market-visual .refined-motif{display:none}
.market-visual:before{z-index:-2}


.corporate-discover-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px;min-height:62px;border-bottom:1px solid #dce8e7;padding-bottom:12px}
.corporate-discover-heading .refined-caption{margin:0}
.corporate-discover-anniversary{display:block;width:88px;height:62px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 2px 3px #082f5508)}
#refined-drop-0 .corporate-visual{padding-top:30px}


.corporate-discover-heading .discover-emblem{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0;padding:10px 18px;border:1px solid #d4e6df;border-radius:12px;background:linear-gradient(145deg,#f5fafc,#eaf6ef);flex-shrink:0}
.corporate-discover-heading .discover-emblem img{width:114px;height:80px;object-fit:contain}
.corporate-discover-heading .discover-emblem>span{font-size:11px;letter-spacing:2px;color:#426c74}

.corporate-discover-heading{justify-content:flex-start}
.corporate-discover-heading .discover-emblem{border:0;border-radius:0;background:transparent;box-shadow:none;padding:0}

.refined-intro.publications-visual{isolation:isolate;padding-bottom:170px;background:linear-gradient(145deg,#f0f7fb,#eaf6ef)}
.publications-illustration{position:absolute;bottom:7px;left:0;width:100%;height:175px;object-fit:cover;opacity:.55;z-index:-1;pointer-events:none;mask-image:linear-gradient(to bottom,transparent,#000 23%)}
.publications-visual .refined-motif{display:none}
.publications-visual:before{z-index:-2}

.refined-intro.themed-menu-visual{isolation:isolate;padding-bottom:170px;background:linear-gradient(145deg,#f0f7fb,#eaf6ef)}.themed-menu-illustration{position:absolute;bottom:7px;left:0;width:100%;height:175px;object-fit:cover;opacity:.55;z-index:-1;pointer-events:none;mask-image:linear-gradient(to bottom,transparent,#000 23%)}.themed-menu-visual .refined-motif{display:none}.themed-menu-visual:before{z-index:-2}
.gallery-building-photo{height:175px;bottom:0;object-fit:cover;object-position:center 57%;opacity:.52;mask-image:linear-gradient(to bottom,transparent 0%,#000 35%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 35%)}

/* Kurumsal paneli daha kompakt ve yukarı hizalı görünüm */
#refined-drop-0 .corporate-visual{padding-top:16px;padding-bottom:92px}
#refined-drop-0 .corporate-emblem{padding-bottom:10px;margin-bottom:10px}
#refined-drop-0 .corporate-emblem img{width:96px;height:62px}
#refined-drop-0 .corporate-visual h2{margin-top:10px;margin-bottom:7px;font-size:22px}
#refined-drop-0 .corporate-visual p{line-height:1.55}
#refined-drop-0 .corporate-building{height:112px}
#refined-drop-0 .refined-body{padding-top:19px;padding-bottom:20px}

/* 100. yıl amblemini ana logonun altına, ortalanmış biçimde yerleştir. */
.header .brand{
  flex-direction:column;
  justify-content:center;
  align-items:center;
  width:104px;
  min-width:104px;
  height:auto;
  gap:4px;
}
.header .brand img.brand-anniversary{
  width:60px;
  height:34.3px;
}
.header{height:auto}
.header .header-row{height:146px}

@media(max-width:1120px){
  .header .brand{width:80px;min-width:80px;gap:3px}
  .header .brand img.brand-anniversary{width:45px;height:25.7px}
  .header .header-row{height:116px}
}
@media(max-width:640px){
  .header .brand{width:72px;min-width:72px;gap:2px}
  .header .brand img.brand-anniversary{width:40px;height:22.9px}
  .header .header-row{height:104px}
}

/* Menü başlıklarını ortala, aralarındaki boşluğu artır. */
.header .nav{justify-content:center;gap:14px}

/* Menüyü logoya biraz daha yaklaştır; menü öğelerini Online İşlemler butonuna
   doğru genişleterek aradaki boşluğu kapat, yazıları da bu genişletilmiş
   alanda ortala. */
.header .nav{
  flex:1;
  justify-content:center;
  margin-left:18px;
  margin-right:24px;
}

/* Ara butonu çerçevesini belirginleştir. */
.header .actions .icon-btn,
.header .search-toggle{
  border-width:1.5px;
  border-color:#a9c3d1;
  background:#fff;
  box-shadow:0 1px 4px rgba(8,47,85,.07);
}
.header .actions .icon-btn:hover,
.header .search-toggle:hover,
.header .actions .icon-btn:focus-visible,
.header .search-toggle:focus-visible{
  border-color:#00a884;
  box-shadow:0 2px 8px rgba(0,168,132,.18);
}

/* Navbar başlıklarını büyüt, aralarındaki boşluğu biraz daha aç. */
.header .nav a,.header .nav button{font-size:15px}
.header .nav{gap:10px}

/* Logoyu bir tık aşağı al. */
.header .brand{transform:translateY(6px)}

/* Menüyü logoya biraz daha yaklaştır. */
.header .nav{margin-left:6px}

/* Logo ve navbarı yukarıdaki hava durumu şeridiyle hizala, sola kaydır. */
@media(min-width:1021px){
  .header-row{transform:translateX(-16px)}
}

/* Açılır menüyü büyüyen navbar başlıklarına oranla büyüt; yüksekliği artık
   sabit değil, her menünün kendi içerik satır sayısına göre kendiliğinden
   ayarlanıyor. */
.header .nav .refined-drop{min-height:0}
.header .nav .refined-drop .refined-links>a{font-size:13px!important;min-height:60px!important;padding-top:10px!important;padding-bottom:10px!important}
.header .nav .refined-links{gap:11px 20px}
.refined-eyebrow{font-size:11px;padding:6px 10px}
.refined-intro h2{font-size:24px}
.refined-intro p{font-size:13px;max-width:195px}
.refined-caption{font-size:10px}
.header .nav .refined-links>a:after{width:28px!important;height:28px!important;font-size:15px}
#refined-drop-0 .corporate-visual h2{font-size:25px}
.corporate-emblem img{width:100px;height:70px}
.corporate-discover-anniversary{width:96px;height:68px}

/* Açılır menülerdeki içerik kutucuklarını tüm menülerde 3 eşit sütun
   halinde diz (öğe sayısı kaç olursa olsun aynı ızgara uygulanır). */
.header .nav .refined-links{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-content:flex-start;
}
.header .nav .refined-links>a{
  width:auto!important;
  justify-content:flex-start!important;
  gap:10px!important;
  padding-left:12px!important;
  padding-right:12px!important;
}

/* Anasayfa, üye sayfam gibi altında "Mersin Teslim Fiyatları" kayan yazısı
   bulunan sayfalarda, açılır menülerin alt kenarı bu şeridin üst çizgisini
   geçmesin diye görsel altındaki boşluklar daraltıldı. Bu şerit olmayan
   sayfalarda menüler eskisi gibi geniş kalmaya devam eder. */
body:has(.delivery-prices) .header .nav .refined-intro{padding-top:6px}
body:has(.delivery-prices) .header .nav #refined-drop-0 .corporate-visual{padding-top:4px;padding-bottom:4px}
body:has(.delivery-prices) .header .nav .corporate-visual .corporate-emblem{margin-bottom:3px;padding-bottom:3px}
body:has(.delivery-prices) .header .nav .corporate-visual .corporate-emblem img{width:52px;height:34px}
body:has(.delivery-prices) .header .nav .corporate-visual .refined-eyebrow{padding-top:3px;padding-bottom:3px}
body:has(.delivery-prices) .header .nav .corporate-visual h2{margin-top:3px;margin-bottom:2px}
body:has(.delivery-prices) .header .nav .corporate-caption{margin-top:3px}
body:has(.delivery-prices) .header .nav .refined-intro.market-visual{padding-bottom:108px}
body:has(.delivery-prices) .header .nav .refined-intro.publications-visual{padding-bottom:131px}
body:has(.delivery-prices) .header .nav .refined-intro.themed-menu-visual{padding-bottom:101px}