:root{--navy:#082f55;--navy-2:#0d466f;--teal:#00a884;--teal-dark:#00886c;--ink:#11283e;--muted:#607487;--line:#dbe6ed;--paper:#f5f8fa;--white:#fff;--shadow:0 18px 50px rgba(8,47,85,.10);--radius:22px}
    *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:var(--paper)}
    a{color:inherit;text-decoration:none} button,input{font:inherit}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}
    .utility{background:var(--navy);color:#dceaf4;font-size:13px}.utility .wrap{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:20px}.quick,.social{display:flex;align-items:center;gap:18px}.utility a:hover{color:#fff}.dot{width:4px;height:4px;border-radius:50%;background:#55d5b5}
    .header{background:#fff;backdrop-filter:none;border-bottom:1px solid rgba(219,230,237,.9);position:sticky;top:0;z-index:20;box-shadow:0 6px 24px rgba(8,47,85,.05)}.header-row{height:112px;display:flex;align-items:center;gap:14px}.brand{display:flex;align-items:center;justify-content:flex-start;width:112px;min-width:112px;height:108px;overflow:hidden}.brand img{width:108px;height:108px;max-width:none;object-fit:cover;object-position:center 54%;display:block}
    .nav{margin-left:0;flex:1;display:flex;align-items:center;justify-content:space-between;gap:4px;background:transparent;border:0;border-radius:0;padding:0 4px;opacity:1;box-shadow:none}.nav a,.nav button{position:relative;display:inline-flex;align-items:center;border:0;background:transparent;padding:12px 11px;border-radius:12px;font-size:12.5px;font-weight:700;letter-spacing:.01em;color:#26445f;cursor:pointer;white-space:nowrap;transition:color .2s ease,background .2s ease,transform .2s ease}.nav a:hover,.nav button:hover,.nav-item:focus-within>button{background:rgba(0,168,132,.09);color:var(--teal-dark);box-shadow:none;transform:translateY(-1px)}.nav>a:first-child{color:var(--teal-dark);font-weight:800;background:rgba(0,168,132,.06)}.nav a:focus-visible,.nav button:focus-visible{outline:3px solid rgba(0,168,132,.22);outline-offset:2px}.nav>a:after,.nav-item>button:after{content:"";position:absolute;left:11px;right:11px;bottom:4px;height:2px;border-radius:4px;background:var(--teal);transform:scaleX(0);transform-origin:center;transition:transform .2s ease}.nav>a:first-child:after,.nav>a:hover:after,.nav-item>button:hover:after,.nav-item:focus-within>button:after{transform:scaleX(1)}.nav-item{position:relative}.drop{display:none;position:absolute;top:100%;left:0;width:245px;background:#26445f;border:1px solid #26445f;border-radius:14px;padding:8px;box-shadow:0 16px 34px rgba(8,47,85,.2);z-index:30}.nav-item:nth-last-child(-n+2) .drop{left:auto;right:0}.nav-item:hover .drop,.nav-item:focus-within .drop{display:grid}.drop a{padding:10px 12px;font-size:12px;color:#fff;border-radius:9px}.drop a:hover,.drop a:focus-visible{background:rgba(0,168,132,.26);color:#fff}.actions{display:flex;gap:8px;margin-left:3px}.icon-btn{width:40px;height:40px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--navy);display:grid;place-items:center;cursor:pointer}.member{padding:12px 14px;border-radius:12px;background:var(--teal);color:#fff;font-weight:750;font-size:12px;white-space:nowrap}.menu{display:none}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--teal-dark);font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.eyebrow:before{content:"";width:24px;height:3px;border-radius:3px;background:var(--teal)}.primary,.secondary{display:inline-flex;align-items:center;gap:10px;padding:14px 18px;border-radius:12px;font-weight:750;font-size:14px}.primary{background:var(--teal);color:#fff;box-shadow:0 10px 25px rgba(0,168,132,.25)}.secondary{background:#fff;color:var(--navy);border:1px solid var(--line)}
    .hero{padding:30px 0 38px;background:linear-gradient(90deg,rgba(247,250,251,.06) 0%,rgba(240,247,249,.16) 16%,rgba(233,242,246,.26) 34%,rgba(229,238,244,.32) 50%,rgba(233,242,246,.26) 66%,rgba(240,247,249,.16) 84%,rgba(247,250,251,.06) 100%),url('/hero-bakliyat-bg.jpg') center/cover no-repeat}.hero-layout{display:grid;grid-template-columns:minmax(0,16fr) minmax(0,7fr);gap:22px;align-items:start}.news-slider{position:relative;width:100%;aspect-ratio:16/9;min-height:0;border-radius:24px;overflow:hidden;background:#0a2945;box-shadow:0 18px 44px rgba(8,47,85,.16)}.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .45s ease}.slide.active{opacity:1;visibility:visible}.slide-media{display:block;height:100%;background:#fff}.slide-media img{width:100%;height:100%;object-fit:cover;display:block}.slide-copy{position:absolute;left:0;right:0;bottom:0;padding:95px 34px 32px;color:#fff;background:linear-gradient(0deg,rgba(7,31,57,.98) 0%,rgba(7,31,57,.72) 55%,rgba(7,31,57,0) 100%)}.slide-kicker{color:#84e3cc;font-size:12px;font-weight:800;letter-spacing:.1em}.slide-copy h1{margin:11px 0 8px;color:#fff;font-size:clamp(30px,3vw,45px);line-height:1.08;letter-spacing:-.035em}.slide-copy p{margin:0;max-width:650px;color:#d8e5ed;font-size:14px;line-height:1.6}.slide-copy .primary{margin-top:18px;padding:11px 15px}.slider-btn{position:absolute;z-index:3;top:50%;width:44px;height:44px;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:rgba(7,31,57,.62);color:#fff;display:grid;place-items:center;font-size:25px;cursor:pointer;backdrop-filter:blur(8px)}.slider-btn:hover{background:var(--teal)}.slider-prev{left:16px}.slider-next{right:16px}.slider-dots{position:absolute;z-index:3;right:24px;top:22px;display:flex;gap:8px}.slider-dot{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.58)}.slider-dot.active{width:28px;border-radius:8px;background:var(--teal)}
    .announcements-panel{width:100%;height:auto;aspect-ratio:350/450;min-height:0;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:0 18px 44px rgba(8,47,85,.10);display:flex;flex-direction:column}.notice-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:4px;background:#edf3f6;border-radius:13px}.notice-tab{border:0;border-radius:10px;padding:9px 8px;background:transparent;color:var(--muted);font-size:13px;font-weight:800;cursor:pointer}.notice-tab.active{background:var(--navy);color:#fff;box-shadow:0 6px 16px rgba(8,47,85,.18)}.notice-panel{display:none;min-height:0;flex:1;flex-direction:column;padding:0}.notice-panel.active{display:flex}.announcements-head{display:none}.notice-list{display:grid;grid-template-rows:repeat(5,minmax(0,1fr));min-height:0;flex:1}.notice{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;min-height:0;padding:5px 2px;border-bottom:1px solid var(--line);overflow:hidden}.notice:last-child{border-bottom:0}.notice-date{width:42px;height:42px;border-radius:11px;background:#e8f6f3;color:var(--teal-dark);display:grid;place-items:center;text-align:center;font-size:8px;font-weight:800;line-height:1.05}.notice-date strong{display:block;font-size:15px}.notice h3{margin:0;color:var(--navy);font-size:12px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notice:hover h3{color:var(--teal-dark)}.notice p{margin:2px 0 0;color:var(--muted);font-size:9.5px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.notice-more{display:none}
    .shortcuts{position:relative;margin-top:-1px;background:#fff;border-bottom:1px solid var(--line)}.shortcut-grid{display:grid;grid-template-columns:repeat(4,1fr)}.shortcut{padding:24px 22px;display:flex;align-items:center;gap:14px;border-right:1px solid var(--line);transition:.2s}.shortcut:first-child{border-left:1px solid var(--line)}.shortcut:hover{background:#f1faf8;transform:translateY(-2px)}.shortcut-icon{width:46px;height:46px;border-radius:13px;background:#e5f7f2;color:var(--teal-dark);display:grid;place-items:center;font-size:20px}.shortcut strong{display:block;color:var(--navy);font-size:14px}.shortcut small{color:var(--muted);font-size:12px}
    section{padding:70px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.section-head h2{margin:8px 0 0;color:var(--navy);font-size:32px;letter-spacing:-.035em}.section-head a{color:var(--teal-dark);font-size:14px;font-weight:750}.content-grid{display:grid;grid-template-columns:1.45fr .75fr;gap:24px}.featured{min-height:390px;border-radius:var(--radius);padding:34px;color:#fff;background:linear-gradient(180deg,rgba(8,47,85,.05),rgba(8,47,85,.92)),url('https://alpatabbs.mersintb.org.tr/public/40088/Cms/2f18c44d-e094-39be-a0ff-a81e8cb7023f/www.tobb.org.tr%20(4).png') center/cover;display:flex;flex-direction:column;justify-content:end;box-shadow:var(--shadow)}.tag{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#8ee4cf}.featured h3{font-size:30px;margin:12px 0 8px}.featured p{max-width:600px;color:#d7e4ec;line-height:1.6}.side-list{display:grid;gap:14px}.news-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;transition:.2s}.news-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:transparent}.date{color:var(--teal-dark);font-size:12px;font-weight:800}.news-card h3{font-size:17px;line-height:1.45;margin:9px 0;color:var(--navy)}.news-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}
    .news-section{padding-top:58px}.news-wrap{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(300px,.88fr);gap:28px;align-items:stretch}.news-column{min-width:0}.news-column .section-head{margin-top:-8px;margin-bottom:22px}.news-column .section-head h2{margin-top:0}.home-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.home-news-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 10px 28px rgba(8,47,85,.07);transition:transform .22s,box-shadow .22s}.home-news-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(8,47,85,.13)}.home-news-image{display:block;height:170px;overflow:hidden;background:#dfeaf0}.home-news-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.home-news-card:hover img{transform:scale(1.04)}.home-news-body{padding:20px}.home-news-date{color:var(--teal-dark);font-size:11px;font-weight:800;letter-spacing:.05em}.home-news-card h3{margin:9px 0 10px;color:var(--navy);font-size:16px;line-height:1.42}.home-news-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.home-news-more{display:inline-flex;margin-top:15px;color:var(--teal-dark);font-size:12px;font-weight:800}.archive-action{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);padding:11px 15px;border-radius:12px;color:var(--navy)!important;box-shadow:0 5px 15px rgba(8,47,85,.05)}.side-message{height:100%;min-height:100%;padding:0;overflow:hidden;display:flex;flex-direction:column}.side-message .president-portrait{height:178px;overflow:hidden;background:#0b416b}.side-message .president-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 22%;display:block}.side-message .side-message-body{display:flex;flex:1;flex-direction:column;padding:25px 28px 28px}.side-message .side-message-body .eyebrow{font-size:11px;letter-spacing:.07em}.side-message .side-message-body h2{font-size:26px;margin:7px 0 13px}.side-message .side-message-body p{font-size:13px;line-height:1.7}.side-message .signature{margin-top:auto;padding-top:17px}.side-message .signature .primary{padding:10px 13px;font-size:12px}
    .services{background:#eaf1f5}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-card{background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.9);border-radius:18px;padding:24px;min-height:188px;box-shadow:0 10px 28px rgba(8,47,85,.06)}.service-card .shortcut-icon{margin-bottom:18px}.service-card h3{margin:0 0 8px;color:var(--navy);font-size:17px}.service-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.service-card a{display:inline-block;margin-top:16px;color:var(--teal-dark);font-size:13px;font-weight:750}
    .institution{display:grid;grid-template-columns:.82fr 1.18fr;gap:32px;align-items:center}.portrait{min-height:360px;border-radius:24px;background:linear-gradient(160deg,#0b416b,#071f39);display:grid;place-items:center;overflow:hidden;position:relative}.portrait:after{content:"MTB";position:absolute;font-size:160px;font-weight:900;color:rgba(255,255,255,.04)}.portrait img{position:relative;z-index:1;width:75%;max-height:340px;object-fit:contain;object-position:bottom}.message{background:#fff;border-radius:24px;padding:38px;border:1px solid var(--line);box-shadow:var(--shadow)}.quote{font-size:44px;line-height:1;color:var(--teal)}.message h2{font-size:30px;color:var(--navy);margin:8px 0 16px}.message p{color:var(--muted);line-height:1.75}.signature{display:flex;justify-content:space-between;align-items:center;margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}.signature strong{color:var(--navy)}.signature span{color:var(--muted);font-size:13px}
    footer{background:#071f39;color:#c4d5e2;padding:56px 0 24px}.footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:40px}.footer-brand img{width:78px;height:112px;object-fit:contain;background:transparent;border-radius:0;padding:0;opacity:.98;box-shadow:none}.footer-brand p{font-size:13px;line-height:1.7;max-width:300px}.footer h3{color:#fff;font-size:14px;margin:0 0 16px}.footer-links{display:grid;gap:10px;font-size:13px}.footer-links a:hover{color:#73ddc2}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:40px;padding-top:22px;display:flex;justify-content:space-between;font-size:12px;color:#8199aa}
    @media(max-width:1020px){.utility{display:none}.header-row{height:84px}.brand{width:80px;min-width:80px;height:80px}.brand img{width:76px;height:78px;object-fit:cover;object-position:center 54%}.nav,.member,.actions{display:none}.menu{display:grid;margin-left:auto}.hero-layout{grid-template-columns:1fr}.news-slider{aspect-ratio:16/9;min-height:0}.announcements-panel{height:auto;aspect-ratio:auto;min-height:auto}.notice-list{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:14px}.notice{grid-template-columns:44px 1fr;border:0;padding:16px 0}.notice-date{width:44px;height:44px}.notice-date strong{font-size:15px}.shortcut-grid,.service-grid{grid-template-columns:repeat(2,1fr)}.home-news-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.news-wrap{grid-template-columns:1fr;gap:22px}.content-grid,.institution{grid-template-columns:1fr}.featured{min-height:330px}.portrait{min-height:300px}.footer-grid{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:640px){.wrap{width:min(100% - 28px,1180px)}.hero{padding:16px 0 28px}.news-section{padding-top:48px}.news-slider{height:300px;min-height:300px;aspect-ratio:auto;border-radius:20px}.slide-copy{padding:72px 22px 22px}.slide-copy h1{font-size:27px}.slide-copy p{display:none}.slider-btn{width:40px;height:40px}.slider-prev{left:10px}.slider-next{right:10px}.announcements-panel{padding:21px}.notice-list{grid-template-columns:1fr;grid-template-rows:repeat(5,minmax(0,1fr))}.notice{border-bottom:1px solid var(--line)}.shortcut-grid,.service-grid,.home-news-grid{grid-template-columns:1fr}.shortcut{border:0;border-bottom:1px solid var(--line)}section{padding:52px 0}.section-head{align-items:start}.news-column .section-head{margin-top:-5px}.section-head h2{font-size:27px}.content-grid{gap:16px}.featured{padding:24px;min-height:330px}.featured h3{font-size:25px}.institution{gap:18px}.message{padding:26px}.side-message .president-portrait{height:180px}.side-message .side-message-body{padding:24px}.footer-grid{grid-template-columns:1fr}.copyright{display:block;line-height:1.8}}
    .news-column .section-head h2{text-decoration:underline;text-decoration-color:var(--teal);text-decoration-thickness:3px;text-underline-offset:8px}.news-wrap{align-items:start}.side-message{height:auto;min-height:0;margin-top:0}.side-message .president-portrait{height:250px}.side-message .side-message-body{padding-bottom:20px}.side-message .president-portrait img{object-position:center 18%}.side-message .side-message-body{justify-content:flex-start;padding:23px 26px 26px}.side-message .side-message-body p{margin-bottom:0}.president-name{display:block;margin-top:7px;color:var(--navy);font-size:14px;font-weight:800}.side-message .side-message-body h2{margin-top:9px}@media(max-width:1020px){.side-message{height:auto;min-height:0;margin-top:0}.side-message .president-portrait{height:220px}}@media(max-width:640px){.side-message{height:auto;min-height:0;margin-top:0}.side-message .president-portrait{height:180px}}
  

    .social-links{display:flex;align-items:center;gap:6px;margin-left:2px}
    .social-link{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(220,234,244,.24);border-radius:50%;background:rgba(255,255,255,.06);color:#dceaf4;transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease}
    .social-link svg{width:14px;height:14px;display:block;fill:currentColor}
    .social-link:hover,.social-link:focus-visible{background:var(--teal);border-color:var(--teal);color:#fff;transform:translateY(-1px);outline:none}
    .social-link:focus-visible{box-shadow:0 0 0 3px rgba(0,168,132,.28)}
  

    .site-search{position:relative;display:flex;align-items:center}
    .search-toggle{position:relative;z-index:2}
    .search-panel{position:absolute;top:calc(100% + 12px);right:0;width:min(390px,calc(100vw - 28px));padding:12px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.98);box-shadow:0 18px 44px rgba(8,47,85,.16);z-index:60}
    .search-panel[hidden]{display:none}
    .search-form{display:flex;align-items:center;gap:8px}
    .search-form input{min-width:0;flex:1;height:42px;border:1px solid var(--line);border-radius:11px;padding:0 12px;color:var(--navy);background:#f7fafb;outline:none;font-size:12px}
    .search-form input:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(0,168,132,.14)}
    .search-submit{height:42px;border:0;border-radius:11px;padding:0 14px;background:var(--teal);color:#fff;font-size:12px;font-weight:800;cursor:pointer;transition:background .2s ease,transform .2s ease}
    .search-submit:hover,.search-submit:focus-visible{background:var(--teal-dark);transform:translateY(-1px);outline:none}
    .search-hint{padding:10px 2px 6px;color:var(--muted);font-size:11px}
    .search-results{display:grid;gap:6px;max-height:300px;overflow:auto}
    .search-result{display:flex;flex-direction:column;gap:2px;padding:10px 11px;border:1px solid transparent;border-radius:11px;background:#f5f9fb;transition:background .2s ease,border-color .2s ease,transform .2s ease}
    .search-result:hover,.search-result:focus-visible{border-color:#bfe7dc;background:#eefaf7;transform:translateY(-1px);outline:none}
    .search-result-title{color:var(--navy);font-size:12px;font-weight:800;line-height:1.35}
    .search-result-meta{color:var(--teal-dark);font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
    .search-empty{padding:12px;color:var(--muted);font-size:12px;line-height:1.5;background:#f5f9fb;border-radius:11px}
    @media(max-width:1020px){.header .actions{display:flex;margin-left:auto}.header .menu{margin-left:0}.search-panel{top:calc(100% + 10px);right:-52px}}
    @media(max-width:640px){.search-panel{right:-44px;width:min(360px,calc(100vw - 28px))}}
  

    .slide-media{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#092d4e,#124d70)}
    .slide-media img{object-fit:contain;object-position:center}
    .slide-copy{padding:82px 34px 28px}
    .slide-copy h1{max-width:780px;font-size:clamp(25px,2.45vw,36px);line-height:1.14;letter-spacing:-.028em;text-wrap:balance}
    @media(max-width:1020px){.slide-copy{padding:78px 28px 26px}.slide-copy h1{font-size:clamp(24px,4vw,32px)}}
    @media(max-width:640px){.slide-copy{padding:68px 20px 20px}.slide-copy h1{font-size:23px;line-height:1.18}}
  

    .news-slider{background:rgba(8,47,85,.24)}
    .slide-media{background:linear-gradient(135deg,rgba(9,45,78,.42),rgba(18,77,112,.42));backdrop-filter:blur(2px)}
  

    .slide-media img{object-fit:contain;object-position:center}
    /* Slider gorseli: bulanik/buyutulmus arka plan kopyasi (bosluk/lacivert seritleri kapatir) + tam gorunur on plan gorseli */
    .slide-media{position:relative;overflow:hidden}
    .slide-media .slide-media-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:blur(26px) saturate(1.2) brightness(.55);transform:scale(1.18);z-index:0}
    .slide-media .slide-media-fg{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;object-position:center;display:block}
    .drop{background:rgba(38,68,95,.92);border-color:rgba(255,255,255,.16);backdrop-filter:blur(12px)}
  

    .drop{background:rgba(18,55,84,.985);border-color:rgba(255,255,255,.28);box-shadow:0 20px 45px rgba(8,47,85,.3),0 1px 0 rgba(255,255,255,.08) inset;backdrop-filter:blur(14px) saturate(120%)}
    .drop a{transition:background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease;font-weight:700}
    .drop a:hover,.drop a:focus-visible{background:var(--teal);color:#fff;box-shadow:0 8px 18px rgba(0,168,132,.32);transform:translateX(3px);outline:none}
    .drop a:active{background:var(--teal-dark)}
  

    .header{background:#fff;border-bottom:1px solid var(--line);box-shadow:0 4px 18px rgba(8,47,85,.06)}
    .header-row{height:94px;gap:20px}
    .brand{width:132px;min-width:132px;height:90px;overflow:hidden}
    .brand img{width:126px;height:90px;object-fit:cover;object-position:center 54%}
    .nav{gap:0;padding:0 2px;justify-content:space-around}
    .nav a,.nav button{padding:11px 9px;border-radius:8px;font-size:12px;font-weight:700}
    .nav a:hover,.nav button:hover,.nav-item:focus-within>button{background:transparent;color:var(--teal-dark);box-shadow:none;transform:none}
    .nav>a:first-child{background:transparent;color:var(--teal-dark)}
    .nav>a:after,.nav-item>button:after{left:9px;right:9px;bottom:2px;height:2px}
    .actions{margin-left:8px}
    .search-toggle{width:auto;min-width:84px;height:40px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;border-radius:10px;background:#f7fafb;color:var(--navy);font-size:12px;font-weight:750;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}
    .search-toggle:hover,.search-toggle:focus-visible{background:#eefaf7;border-color:#a9dfd2;color:var(--teal-dark);box-shadow:0 4px 12px rgba(8,47,85,.08);transform:none;outline:none}
    .search-glyph{font-size:19px;line-height:1}
    .search-label{display:inline}
    .member{padding:11px 15px;border-radius:10px;box-shadow:0 7px 16px rgba(0,168,132,.18)}
    .drop{top:calc(100% + 2px);background:rgba(18,55,84,.985)}
    @media(max-width:1120px){.utility{display:none}.header-row{height:82px}.brand{width:90px;min-width:90px;height:78px}.brand img{width:86px;height:78px}.nav,.member{display:none}.header .actions{display:flex;margin-left:auto}.menu{display:grid;margin-left:0}.search-toggle{min-width:40px;padding:0 10px}.search-label{display:none}}
    @media(max-width:640px){.header-row{height:74px;gap:10px}.brand{width:78px;min-width:78px;height:70px}.brand img{width:74px;height:70px}.search-toggle{height:38px}}
  

    .header{background:linear-gradient(135deg,#082f55 0%,#0d466f 100%);border-bottom:1px solid rgba(255,255,255,.16);box-shadow:0 8px 26px rgba(8,47,85,.2)}
    .brand img{filter:drop-shadow(0 4px 10px rgba(0,0,0,.2))}
    .nav a,.nav button{color:#f4fbff}
    .nav>a:first-child{background:rgba(0,168,132,.16);color:#baf3e3}
    .nav>a:first-child:after{background:#7de5cc}
    .nav>a:hover,.nav-item>button:hover,.nav-item:focus-within>button{background:var(--teal);color:#fff;box-shadow:0 7px 16px rgba(0,168,132,.25);transform:translateY(-1px)}
    .nav>a:after,.nav-item>button:after{background:#7de5cc}
    .search-toggle{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.34);color:#fff}
    .search-toggle:hover,.search-toggle:focus-visible{background:var(--teal);border-color:var(--teal);color:#fff;box-shadow:0 7px 16px rgba(0,168,132,.25)}
    .member{box-shadow:0 8px 18px rgba(0,168,132,.3)}
    .drop{background:#fff;border-color:rgba(255,255,255,.55);box-shadow:0 20px 42px rgba(8,47,85,.3);backdrop-filter:none}
    .drop a{color:#173b59;border-radius:9px}
    .drop a:hover,.drop a:focus-visible{background:var(--teal);color:#fff;box-shadow:0 7px 16px rgba(0,168,132,.28);transform:translateX(3px)}
    .drop a:active{background:var(--teal-dark);color:#fff}
    @media(max-width:1120px){.header{box-shadow:0 6px 20px rgba(8,47,85,.22)}.menu{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.34);color:#fff}.menu:hover,.menu:focus-visible{background:var(--teal);border-color:var(--teal);color:#fff}}
  

    .brand{width:118px;min-width:118px;height:90px;justify-content:center}
    .brand img{width:96px;height:88px;object-fit:contain;object-position:center;filter:drop-shadow(0 4px 10px rgba(0,0,0,.24))}
    .coast-hero{position:relative;min-height:248px;display:grid;align-items:center;overflow:hidden;background:linear-gradient(90deg,rgba(8,47,85,.9) 0%,rgba(8,47,85,.62) 38%,rgba(8,47,85,.08) 78%),url('/hero-deniz-narenciye.png') center 60%/cover no-repeat}
    .coast-hero-content{padding:42px 0;color:#fff}
    .coast-hero .eyebrow{color:#b8f2e3}
    .coast-hero h1{max-width:470px;margin:10px 0 8px;color:#fff;font-size:clamp(28px,4.2vw,48px);line-height:1.06;letter-spacing:-.035em;text-shadow:0 4px 18px rgba(8,47,85,.28)}
    .coast-hero p{margin:0;color:#e6f2f6;font-size:15px;line-height:1.55}
    @media(max-width:1120px){.brand{width:90px;min-width:90px;height:78px}.brand img{width:82px;height:76px}.coast-hero{min-height:210px}.coast-hero-content{padding:36px 0}}
    @media(max-width:640px){.brand{width:78px;min-width:78px;height:70px}.brand img{width:72px;height:68px}.coast-hero{min-height:175px;background-position:center 60%}.coast-hero-content{padding:30px 0}.coast-hero h1{font-size:29px}.coast-hero p{font-size:12px}}
  

    .nav-item.mega .mega-drop{left:50%;right:auto;top:calc(100% + 2px);width:min(820px,calc(100vw - 40px));grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:14px;background:#fff;border-color:rgba(255,255,255,.72);box-shadow:0 22px 46px rgba(8,47,85,.34);transform:translateX(-50%);backdrop-filter:none}
    .nav-item.mega:hover .mega-drop,.nav-item.mega:focus-within .mega-drop{display:grid}
    .mega-group{min-width:0;padding:4px 14px 6px;display:grid;align-content:start;gap:3px}
    .mega-group+.mega-group{border-left:1px solid var(--line)}
    .mega-group h3{margin:0 0 7px;color:var(--navy);font-size:12px;letter-spacing:.04em;text-transform:uppercase}
    .mega-group h3:before{content:"";display:inline-block;width:4px;height:14px;margin-right:7px;border-radius:3px;background:var(--teal);vertical-align:-2px}
    .mega-group a{display:flex;align-items:center;min-height:34px;padding:8px 9px!important;border-radius:8px;color:#173b59!important;font-size:12px!important;font-weight:700;transition:background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}
    .mega-group a:hover,.mega-group a:focus-visible{background:var(--teal)!important;color:#fff!important;box-shadow:0 7px 16px rgba(0,168,132,.28);transform:translateX(3px);outline:none}
    @media(max-width:1120px){.nav-item.mega .mega-drop{left:0;transform:none;width:min(720px,calc(100vw - 40px))}}
  

    /* Opaque premium navbar: keep the hierarchy crisp while giving the header a refined surface. */
    .header{
      background:linear-gradient(112deg,rgba(7,31,57,.99) 0%,rgba(8,47,85,.98) 56%,rgba(13,70,111,.98) 100%);
      border-bottom:1px solid rgba(255,255,255,.22);
      box-shadow:0 12px 30px rgba(5,27,49,.3),0 1px 0 rgba(255,255,255,.08) inset;
      backdrop-filter:blur(14px) saturate(135%);
      isolation:isolate;
    }
    .header::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(0,168,132,.45) 18%,rgba(125,229,204,.5) 50%,rgba(0,168,132,.45) 82%,transparent 100%);opacity:.55;pointer-events:none}
    .header-row{height:104px;gap:20px}
    .brand{width:146px;min-width:146px;height:102px;justify-content:center;overflow:visible}
    .brand img{width:136px;height:100px;object-fit:contain;object-position:center;filter:drop-shadow(0 6px 13px rgba(0,0,0,.3))}
    .nav a,.nav button{color:#f5fbff}
    .nav>a:first-child{background:rgba(0,168,132,.19);color:#c9f8eb}
    .nav>a:hover,.nav-item>button:hover,.nav-item:focus-within>button{background:var(--teal);color:#fff;box-shadow:0 8px 18px rgba(0,168,132,.28);transform:translateY(-1px)}
    .search-toggle{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.4);color:#fff;box-shadow:0 4px 14px rgba(4,25,44,.16)}
    .search-toggle:hover,.search-toggle:focus-visible{background:var(--teal);border-color:var(--teal);color:#fff;box-shadow:0 8px 18px rgba(0,168,132,.3)}
    .member{box-shadow:0 9px 20px rgba(0,168,132,.34)}
    @media(max-width:1120px){
      .header-row{height:84px;gap:14px}
      .brand{width:104px;min-width:104px;height:82px}
      .brand img{width:98px;height:80px}
      .header{box-shadow:0 8px 22px rgba(5,27,49,.3)}
    }
    @media(max-width:640px){
      .header-row{height:76px;gap:10px}
      .brand{width:88px;min-width:88px;height:74px}
      .brand img{width:82px;height:72px}
    }
  

    /* Logo visibility pass: a lighter glass surface and a larger, framed mark. */
    .header{
      background:linear-gradient(112deg,rgba(7,31,57,.76) 0%,rgba(8,47,85,.72) 56%,rgba(13,70,111,.74) 100%);
      border-bottom-color:rgba(255,255,255,.28);
      box-shadow:0 12px 30px rgba(5,27,49,.24),0 1px 0 rgba(255,255,255,.1) inset;
      backdrop-filter:blur(18px) saturate(145%);
    }
    .header-row{height:110px;gap:20px}
    .brand{
      width:164px;min-width:164px;height:108px;
      justify-content:center;overflow:visible;
      padding:3px 6px;
      border:1px solid rgba(255,255,255,.28);
      border-radius:16px;
      background:rgba(255,255,255,.14);
      box-shadow:0 8px 18px rgba(4,25,44,.2),0 1px 0 rgba(255,255,255,.16) inset;
    }
    .brand img{
      width:148px;height:106px;
      object-fit:contain;object-position:center;
      transform:scale(1.18);
      filter:drop-shadow(0 6px 13px rgba(0,0,0,.36));
    }
    .nav a,.nav button{text-shadow:0 1px 2px rgba(4,25,44,.24)}
    @media(max-width:1120px){
      .header-row{height:88px;gap:14px}
      .brand{width:112px;min-width:112px;height:86px;padding:2px 5px;border-radius:14px}
      .brand img{width:104px;height:82px;transform:scale(1.16)}
    }
    @media(max-width:640px){
      .header-row{height:80px;gap:10px}
      .brand{width:94px;min-width:94px;height:78px;padding:2px 4px;border-radius:12px}
      .brand img{width:88px;height:74px;transform:scale(1.13)}
    }
  

    /* Return the main navigation to the clean white corporate treatment. */
    .header{
      background:#fff;
      border-bottom:1px solid var(--line);
      box-shadow:0 4px 18px rgba(8,47,85,.06);
      backdrop-filter:none;
      isolation:auto;
    }
    .header::before{display:none}
    .header-row{height:102px;gap:20px}
    .brand{
      width:154px;min-width:154px;height:98px;
      justify-content:center;overflow:visible;
      padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;
    }
    .brand img{
      width:146px;height:96px;
      object-fit:contain;object-position:center;
      transform:scale(1.12);
      filter:drop-shadow(0 4px 10px rgba(8,47,85,.16));
    }
    .nav a,.nav button{color:#26445f;text-shadow:none}
    .nav>a:first-child{background:transparent;color:var(--teal-dark)}
    .nav>a:hover,.nav-item>button:hover,.nav-item:focus-within>button{background:transparent;color:var(--teal-dark);box-shadow:none;transform:none}
    .search-toggle{background:#f7fafb;border-color:var(--line);color:var(--navy);box-shadow:none}
    .search-toggle:hover,.search-toggle:focus-visible{background:#eefaf7;border-color:#a9dfd2;color:var(--teal-dark);box-shadow:0 4px 12px rgba(8,47,85,.08)}
    .member{box-shadow:0 7px 16px rgba(0,168,132,.18)}
    @media(max-width:1120px){
      .header-row{height:82px;gap:14px}
      .brand{width:100px;min-width:100px;height:78px}
      .brand img{width:94px;height:76px;transform:scale(1.1)}
      .header{box-shadow:0 6px 20px rgba(8,47,85,.08)}
      .menu{background:#fff;border-color:var(--line);color:var(--navy)}
      .menu:hover,.menu:focus-visible{background:var(--teal);border-color:var(--teal);color:#fff}
    }
    @media(max-width:640px){
      .header-row{height:74px;gap:10px}
      .brand{width:86px;min-width:86px;height:70px}
      .brand img{width:80px;height:68px;transform:scale(1.08)}
    }
  

    /* Larger navigation type with a cool white surface that complements the navy/teal identity. */
    .header{
      background:linear-gradient(180deg,#fff 0%,#f4f8fb 100%);
      border-bottom-color:#cbdbe5;
      box-shadow:0 6px 22px rgba(8,47,85,.09);
    }
    .nav{gap:3px;padding:0 3px}
    .nav a,.nav button{
      padding:12px 8px;
      color:#163b59;
      font-size:13px;
      font-weight:750;
      letter-spacing:0;
    }
    .nav>a:first-child{background:rgba(0,168,132,.07);color:var(--teal-dark)}
    .nav>a:hover,.nav-item>button:hover,.nav-item:focus-within>button{background:rgba(0,168,132,.1);color:var(--teal-dark);box-shadow:none;transform:none}
    .search-toggle{font-size:13px;background:#f7fafb;border-color:#cbdbe5}
    .member{font-size:13px}
    @media(max-width:1120px){
      .nav a,.nav button{font-size:13px}
      .menu{font-size:20px}
    }
  

    .coast-hero-motto{
      position:static;
      display:block;
      width:fit-content;
      max-width:100%;
      padding:0 12px 0 0;
      color:rgba(255,255,255,.96);
      font-family:"DM Sans","Manrope",Arial,sans-serif;
      font-size:clamp(12px,1.1vw,15px);
      font-weight:600;
      line-height:1.35;
      letter-spacing:.01em;
      text-align:left;
      text-shadow:0 2px 12px rgba(4,25,44,.62);
      background:linear-gradient(90deg,rgba(7,31,57,0),rgba(7,31,57,.36));
      border-radius:10px;
    }
    @media(max-width:640px){
      .coast-hero-motto{padding-right:9px;font-size:12px}
    }
  

    .coast-hero h1{font-size:clamp(27px,4.2vw,47px)}
    @media(max-width:640px){.coast-hero h1{font-size:28px}}
  

    .brand{
      width:176px;min-width:176px;height:98px;
      display:flex;align-items:center;justify-content:flex-start;gap:8px;
      overflow:visible;
    }
    .brand img{max-width:none;object-fit:contain;object-position:center;transform:none;filter:drop-shadow(0 4px 10px rgba(8,47,85,.14))}
    /* Explicit image selectors keep the split marks balanced with the navbar. */
    .brand img.brand-main{width:96px;height:94px;flex:0 0 auto}
    .brand img.brand-anniversary{width:50px;height:28px;flex:0 0 auto;transform:translateY(4px)}
    @media(max-width:1120px){
      .brand{width:124px;min-width:124px;height:78px;gap:5px}
      .brand img.brand-main{width:72px;height:74px}
      .brand img.brand-anniversary{width:35px;height:23px;transform:translateY(3px)}
    }
    @media(max-width:640px){
      .brand{width:108px;min-width:108px;height:70px;gap:4px}
      .brand img.brand-main{width:64px;height:66px}
      .brand img.brand-anniversary{width:30px;height:20px;transform:translateY(2px)}
    }
  

    /* Keep article actions on one baseline and give the president card a calm agricultural texture. */
    .home-news-card{display:flex;flex-direction:column}
    .home-news-body{display:flex;flex:1;flex-direction:column}
    .home-news-more{margin-top:auto;padding-top:14px}
    .side-message{
      position:relative;
      isolation:isolate;
      background:linear-gradient(145deg,rgba(255,255,255,.96) 0%,rgba(239,249,246,.92) 52%,rgba(227,238,245,.96) 100%);
      border-color:rgba(0,168,132,.18);
      box-shadow:0 18px 40px rgba(8,47,85,.12);
    }
    .side-message::before{
      content:"";
      position:absolute;
      inset:0;
      z-index:0;
      pointer-events:none;
      background:
        radial-gradient(circle at 90% 8%,rgba(0,168,132,.2),transparent 34%),
        radial-gradient(circle at 8% 92%,rgba(8,47,85,.08),transparent 40%);
    }
    .side-message > *{position:relative;z-index:1}
    .side-message .side-message-body .eyebrow,
    .side-message .president-name,
    .side-message .side-message-body h2{text-align:center}
    @media(max-width:640px){
      .home-news-more{padding-top:12px}
    }
  

    /* Deep-to-transparent navy glass treatment for a modern corporate navbar. */
    .header{
      background:linear-gradient(112deg,rgba(7,31,57,.98) 0%,rgba(8,47,85,.92) 54%,rgba(13,70,111,.78) 100%);
      border-bottom:1px solid rgba(125,229,204,.22);
      box-shadow:0 10px 30px rgba(5,27,49,.22);
      backdrop-filter:blur(16px) saturate(140%);
    }
    .header::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,rgba(125,229,204,.58),transparent);opacity:.72;pointer-events:none;display:block}
    .brand{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);border-radius:16px;padding:0 8px;box-shadow:0 8px 20px rgba(5,27,49,.16),0 1px 0 rgba(255,255,255,.15) inset}
    .nav a,.nav button{color:rgba(255,255,255,.9)}
    .nav>a:first-child{background:rgba(125,229,204,.14);color:#d8fff5}
    .nav>a:hover,.nav button:hover,.nav-item:focus-within>button{background:rgba(125,229,204,.18);color:#fff}
    .drop{background:rgba(7,31,57,.97);border-color:rgba(125,229,204,.25)}
    .drop a{color:#fff}
    .drop a:hover,.drop a:focus-visible{background:rgba(125,229,204,.28);color:#fff}
    .actions .icon-btn{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.28);color:#fff}
    .actions .icon-btn:hover,.actions .icon-btn:focus-visible{background:rgba(125,229,204,.2);border-color:rgba(125,229,204,.58);color:#fff}
    .member{box-shadow:0 8px 18px rgba(0,168,132,.28)}
    .menu{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3);color:#fff}
    .menu:hover,.menu:focus-visible{background:var(--teal);border-color:var(--teal);color:#fff}
    #mobileNav{background:linear-gradient(135deg,rgba(7,31,57,.98),rgba(13,70,111,.9))!important;border-top:1px solid rgba(125,229,204,.22)}
    #mobileNav .footer-links a{color:rgba(255,255,255,.9);border-radius:10px;padding:10px 12px}
    #mobileNav .footer-links a:hover{background:rgba(125,229,204,.18);color:#fff}
    @media(max-width:1120px){.brand{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}.nav{color:#fff}}
  

    /* Refine the president card with a translucent surface and balanced title accents. */
    .side-message{
      background:linear-gradient(145deg,rgba(255,255,255,.86) 0%,rgba(239,249,246,.78) 52%,rgba(227,238,245,.84) 100%);
      background-blend-mode:normal;
    }
    .side-message .side-message-body .eyebrow{
      display:flex;
      width:100%;
      align-items:center;
      justify-content:center;
      gap:9px;
      text-align:center;
    }
    .side-message .side-message-body .eyebrow::before,
    .side-message .side-message-body .eyebrow::after{
      content:"";
      width:20px;
      height:3px;
      flex:0 0 auto;
      border-radius:3px;
      background:var(--teal);
    }
    @media(max-width:640px){
      .side-message .side-message-body .eyebrow{gap:7px}
      .side-message .side-message-body .eyebrow::before,
      .side-message .side-message-body .eyebrow::after{width:16px}
    }
  

    /* Restore the requested light corporate navbar treatment. */
    .header{
      background:linear-gradient(180deg,#fff 0%,#f7fafc 100%);
      border-bottom:1px solid #dbe6ed;
      box-shadow:0 6px 22px rgba(8,47,85,.08);
      backdrop-filter:none;
      isolation:auto;
    }
    .header::before{
      display:block;
      height:1px;
      background:linear-gradient(90deg,transparent 0%,rgba(0,168,132,.26) 22%,rgba(0,168,132,.42) 50%,rgba(0,168,132,.26) 78%,transparent 100%);
      opacity:.55;
    }
    .header-row{height:102px;gap:20px}
    .brand{
      width:176px;
      min-width:176px;
      height:98px;
      padding:0;
      border:0;
      border-radius:0;
      background:transparent;
      box-shadow:none;
    }
    .brand img{filter:drop-shadow(0 4px 10px rgba(8,47,85,.14))}
    .nav a,.nav button{
      color:#163b59;
      text-shadow:none;
    }
    .nav>a:first-child{
      background:rgba(0,168,132,.07);
      color:var(--teal-dark);
    }
    .nav>a:hover,.nav button:hover,.nav-item:focus-within>button{
      background:rgba(0,168,132,.1);
      color:var(--teal-dark);
      box-shadow:none;
      transform:none;
    }
    .drop{
      background:rgba(255,255,255,.985);
      border-color:#dbe6ed;
      box-shadow:0 18px 38px rgba(8,47,85,.16);
      backdrop-filter:none;
    }
    .drop a{color:#173b59}
    .drop a:hover,.drop a:focus-visible{
      background:var(--teal);
      color:#fff;
      box-shadow:0 7px 16px rgba(0,168,132,.25);
    }
    .drop a:active{background:var(--teal-dark);color:#fff}
    .search-toggle,.actions .icon-btn{
      background:#f7fafb;
      border-color:#cbdbe5;
      color:var(--navy);
      box-shadow:none;
    }
    .search-toggle:hover,.search-toggle:focus-visible,.actions .icon-btn:hover,.actions .icon-btn:focus-visible{
      background:#eefaf7;
      border-color:#a9dfd2;
      color:var(--teal-dark);
      box-shadow:0 4px 12px rgba(8,47,85,.08);
    }
    .member{box-shadow:0 7px 16px rgba(0,168,132,.18)}
    .menu{
      background:#fff;
      border-color:#cbdbe5;
      color:var(--navy);
    }
    .menu:hover,.menu:focus-visible{
      background:var(--teal);
      border-color:var(--teal);
      color:#fff;
    }
    #mobileNav{
      background:#fff!important;
      border-top:1px solid var(--line);
    }
    #mobileNav .footer-links a{
      color:#173b59!important;
      border-radius:10px;
      padding:10px 12px;
    }
    #mobileNav .footer-links a:hover{
      background:#eefaf7;
      color:var(--teal-dark)!important;
    }
    @media(max-width:1120px){
      .header-row{height:82px;gap:14px}
      .brand{width:124px;min-width:124px;height:78px}
      .brand img.brand-main{width:72px;height:74px}
      .brand img.brand-anniversary{width:35px;height:23px}
      .header{box-shadow:0 6px 20px rgba(8,47,85,.08)}
    }
    @media(max-width:640px){
      .header-row{height:74px;gap:10px}
      .brand{width:108px;min-width:108px;height:70px}
      .brand img.brand-main{width:64px;height:66px}
      .brand img.brand-anniversary{width:30px;height:20px}
    }
  

    /* Replace the portrait card's background image with a calm institutional surface. */
    .side-message{
      background:linear-gradient(145deg,#f7fbfd 0%,#eaf6f3 100%);
      background-blend-mode:normal;
      border-color:rgba(0,168,132,.2);
      box-shadow:0 18px 40px rgba(8,47,85,.1);
    }
    .side-message::before{
      background:
        radial-gradient(circle at 92% 8%,rgba(0,168,132,.13),transparent 34%),
        radial-gradient(circle at 8% 92%,rgba(8,47,85,.06),transparent 40%);
    }
  

    /* Bring every submenu into the same clean, light corporate language as the navbar. */
    .drop{
      top:100%;
      width:260px;
      display:none;
      gap:3px;
      padding:10px;
      overflow:hidden;
      background:#fff;
      border:1px solid #dbe6ed;
      border-top:3px solid var(--teal);
      border-radius:0 0 16px 16px;
      box-shadow:0 18px 38px rgba(8,47,85,.14),0 2px 0 rgba(0,168,132,.06) inset;
      backdrop-filter:none;
    }
    .nav-item:hover .drop,.nav-item:focus-within .drop{display:grid}
    .drop a{
      display:flex;
      align-items:center;
      min-height:38px;
      padding:9px 12px;
      gap:9px;
      color:#173b59!important;
      background:transparent;
      border-radius:10px;
      font-size:12.5px;
      font-weight:700;
      line-height:1.35;
      transition:background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease;
    }
    .drop a::before{
      content:"";
      width:5px;
      height:5px;
      flex:0 0 auto;
      border-radius:50%;
      background:var(--teal);
      opacity:.55;
      transition:opacity .18s ease,transform .18s ease;
    }
    .drop a::after{
      content:"→";
      margin-left:auto;
      color:#86a0af;
      font-size:14px;
      line-height:1;
      opacity:0;
      transform:translateX(-4px);
      transition:opacity .18s ease,transform .18s ease,color .18s ease;
    }
    .drop a:hover,.drop a:focus-visible{
      background:#eaf8f4;
      color:var(--teal-dark)!important;
      box-shadow:none;
      transform:translateX(2px);
      outline:none;
    }
    .drop a:hover::before,.drop a:focus-visible::before{opacity:1;transform:scale(1.25)}
    .drop a:hover::after,.drop a:focus-visible::after{opacity:1;transform:translateX(0);color:var(--teal-dark)}
    .drop a:active{background:#d8f2eb;color:var(--teal-dark)!important}
    .nav-item.mega .mega-drop{
      top:100%;
      width:min(860px,calc(100vw - 40px));
      padding:13px;
      gap:0;
      border-top:3px solid var(--teal);
      border-radius:0 0 18px 18px;
      background:#fff;
      box-shadow:0 22px 46px rgba(8,47,85,.16);
    }
    .mega-group{padding:4px 14px 7px}
    .mega-group h3{color:var(--navy);font-size:11px;letter-spacing:.07em}
    .mega-group h3:before{width:4px;height:13px;background:var(--teal)}
    .mega-group a{
      min-height:36px;
      padding:8px 9px!important;
      font-size:12px!important;
    }
    #mobileNav .footer-links{display:grid;gap:5px}
    #mobileNav .footer-links a{
      background:#f7fafb;
      border:1px solid #dbe6ed;
      color:#173b59!important;
      font-size:13px;
      font-weight:700;
      transition:background .18s ease,color .18s ease,border-color .18s ease;
    }
    #mobileNav .footer-links a:hover{
      background:#eaf8f4;
      border-color:#a9dfd2;
      color:var(--teal-dark)!important;
    }
    @media(max-width:1120px){
      .drop{top:100%}
      .nav-item.mega .mega-drop{top:100%;width:min(720px,calc(100vw - 40px))}
    }
  

    /* A calm, scan-friendly grid for the source site's useful links. */
    .useful-links-section{
      padding:48px 0 68px;
      background:linear-gradient(180deg,#f7fafc 0%,#eef5f7 100%);
      border-top:1px solid var(--line);
    }
    .useful-links-section .section-head{margin-bottom:22px}
    .useful-links-section .section-head .eyebrow{font-size:12px}
    .useful-links-section .section-head h2{margin-top:0;font-size:31px;text-decoration:underline;text-decoration-color:var(--teal);text-decoration-thickness:3px;text-underline-offset:8px}
    .useful-links-source{
      color:var(--muted);
      font-size:12px;
      line-height:1.5;
    }
    .useful-links-source a{color:var(--teal-dark);font-weight:800}
    .useful-links-grid{
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:14px;
    }
    .useful-link-card{
      position:relative;
      display:flex;
      align-items:center;
      gap:14px;
      min-height:96px;
      padding:14px 16px;
      overflow:hidden;
      background:rgba(255,255,255,.94);
      border:1px solid #dbe6ed;
      border-radius:16px;
      box-shadow:0 8px 22px rgba(8,47,85,.06);
      transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;
    }
    .useful-link-card::after{
      content:"";
      position:absolute;
      left:0;
      top:14px;
      bottom:14px;
      width:3px;
      border-radius:0 3px 3px 0;
      background:var(--teal);
      opacity:.45;
      transition:opacity .2s ease;
    }
    .useful-link-card:hover,.useful-link-card:focus-visible{
      background:#fff;
      border-color:#a9dfd2;
      box-shadow:0 14px 30px rgba(8,47,85,.11);
      transform:translateY(-3px);
      outline:none;
    }
    .useful-link-card:hover::after,.useful-link-card:focus-visible::after{opacity:1}
    .useful-link-logo{
      position:relative;
      display:grid;
      flex:0 0 78px;
      place-items:center;
      width:78px;
      height:60px;
      overflow:hidden;
      background:#f4f8fa;
      border:1px solid #e1ebef;
      border-radius:12px;
      color:var(--navy);
      font-size:13px;
      font-weight:800;
      letter-spacing:.02em;
    }
    .useful-link-logo span{position:absolute;z-index:0}
    .useful-link-logo img{
      position:relative;
      z-index:1;
      display:block;
      width:100%;
      height:100%;
      padding:7px;
      object-fit:contain;
      background:#fff;
    }
    .useful-link-card:hover .useful-link-logo img{transform:scale(1.03)}
    .useful-link-content{min-width:0;display:flex;flex:1;flex-direction:column;gap:4px}
    .useful-link-content h3{margin:0;color:var(--navy);font-size:14px;line-height:1.35}
    .useful-link-content p{margin:0;color:var(--muted);font-size:11px;line-height:1.35}
    .useful-link-arrow{flex:0 0 auto;color:#8aa0ad;font-size:19px;line-height:1;transition:color .2s ease,transform .2s ease}
    .useful-link-card:hover .useful-link-arrow,.useful-link-card:focus-visible .useful-link-arrow{color:var(--teal-dark);transform:translateX(3px)}
    @media(max-width:1020px){.useful-links-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
    @media(max-width:640px){
      .useful-links-section{padding:40px 0 56px}
      .useful-links-section .section-head h2{font-size:26px}
      .useful-links-grid{grid-template-columns:1fr;gap:12px}
      .useful-link-card{min-height:88px;padding:12px 14px}
      .useful-link-logo{flex-basis:70px;width:70px;height:54px}
    }
  

    /* Atatürk portresi ve milli ekonomi alıntısı: hero görseline saygılı, okunaklı bir katman. */
    .coast-hero{
      isolation:isolate;align-items:start;min-height:418px;
      --hero-portrait-top:16px;--hero-portrait-height:260px;--hero-portrait-image-width:248px;--hero-portrait-gap:6px;
      /* The quote and the main hero title begin at the same horizontal level. */
      --hero-copy-top:calc(var(--hero-portrait-top) + var(--hero-portrait-height) + var(--hero-portrait-gap));
    }
    /* Sol taraf, ana slider'daki buğday tarlası fotoğrafının bir devamıymış gibi
       görünsün diye aynı fotoğraf burada da katman olarak eklenir ve sağ tarafa
       doğru mevcut deniz/narenciye fotoğrafına yumuşakça karışır. Fotoğrafın üst
       kısmındaki kızıl/turuncu gökyüzü, açık/beyaza yakın bir kaplamayla
       yumuşatılır; bu kaplama aşağı doğru söner, böylece başakların olduğu
       alt kısım olduğu gibi (sıcak/altın tonlarda) kalır. */
    .coast-hero::before{
      content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
      width:38%;min-width:300px;max-width:480px;
      background:linear-gradient(180deg,rgba(238,242,246,.74) 0%,rgba(238,242,246,.42) 30%,rgba(238,242,246,0) 58%),
                  url('/hero-bakliyat-bg.jpg') left center/cover no-repeat;
      -webkit-mask-image:linear-gradient(105deg,#000 0%,#000 38%,transparent 66%);
      mask-image:linear-gradient(105deg,#000 0%,#000 38%,transparent 66%);
    }
    .coast-hero-ataturk{
      position:absolute;z-index:1;top:var(--hero-portrait-top);left:28px;
      width:var(--hero-portrait-image-width);display:flex;flex-direction:column;align-items:center;gap:var(--hero-portrait-gap);
      margin:0;pointer-events:none;
    }
    .coast-hero-ataturk::before,.coast-hero-ataturk::after{content:none;display:none}
    /* ataturk-portre-nobg.png: arka planı kaldırılmış (gerçek alfa saydamlık) kesim,
       bu yüzden artık sahte şeffaflık için maske/blend hilelerine gerek yok. */
    .coast-hero-ataturk img{
      width:var(--hero-portrait-image-width);height:var(--hero-portrait-height);display:block;object-fit:contain;object-position:bottom center;position:relative;z-index:0;
      border:0;border-radius:0;outline:0;box-shadow:none;opacity:1;
      filter:grayscale(1) contrast(1.1) brightness(1.03) drop-shadow(0 8px 10px rgba(20,30,10,.28));
      background:transparent;
    }

    .coast-hero-quote{
      width:100%;margin:-10px 0 0;padding:0 4px 0 12px;border-left:3px solid rgba(0,210,168,.9);
      color:rgba(255,255,255,.96);font-family:Georgia,"Times New Roman",serif;font-size:13px;
      font-style:italic;font-weight:700;line-height:1.3;text-align:left;
      text-shadow:0 2px 12px rgba(4,25,44,.82);
    }
    .coast-hero-quote span,.coast-hero-quote small{display:block}
    .coast-hero-quote small{margin-top:4px;color:#bdeee3;font-family:Manrope,Arial,sans-serif;font-size:9px;font-style:normal;font-weight:800;letter-spacing:.04em}
    .coast-hero-content{
      position:relative;z-index:3;margin-block:0;transform:none;
      padding:var(--hero-copy-top) 0 22px 232px;
    }
    @media(max-width:1120px){
      .coast-hero{min-height:262px;--hero-portrait-top:12px;--hero-portrait-height:132px;--hero-portrait-image-width:120px;}
      .coast-hero-ataturk{left:4px;width:var(--hero-portrait-image-width);top:var(--hero-portrait-top)}
      .coast-hero-content{padding-left:166px;padding-right:14px}
      .coast-hero-quote{font-size:11px}
      .coast-hero-quote small{font-size:8px}
    }
    @media(max-width:640px){
      .coast-hero{min-height:228px;--hero-portrait-top:11px;--hero-portrait-height:85px;--hero-portrait-image-width:76px;--hero-portrait-gap:4px;}
      .coast-hero-ataturk{left:4px;width:var(--hero-portrait-image-width);top:var(--hero-portrait-top)}
      .coast-hero-content{padding-left:96px;padding-right:10px}
      .coast-hero h1{font-size:25px}
      .coast-hero p{font-size:11px}
      .coast-hero-quote{padding-left:6px;border-left-width:2px;font-size:9px;line-height:1.2}
      .coast-hero-quote small{margin-top:2px;font-size:7px;line-height:1.1}
    }
  

    /* Hero slogan: two handwritten phrases stay together on one visual line. */
    .coast-hero h1{
      display:flex;align-items:baseline;justify-content:flex-start;flex-wrap:nowrap;
      gap:clamp(7px,1.2vw,16px);max-width:none;white-space:nowrap;margin:0 0 8px;
    }
    .coast-hero h1 .hero-title-main,
    .coast-hero h1 .hero-title-script{
      display:inline-block;color:#fff;
      font-family:"Dancing Script","Caveat","Segoe Script","Bradley Hand","Brush Script MT","URW Chancery L",cursive;
      font-weight:600;letter-spacing:.01em;line-height:1;
      text-shadow:0 4px 16px rgba(4,25,44,.55);
    }
    .coast-hero h1 .hero-title-main{font-size:.94em}
    .coast-hero h1 .hero-title-script{font-size:1em;margin-top:0;transform:none}
    @media(max-width:640px){
      .coast-hero h1{gap:clamp(4px,1.5vw,8px);font-size:clamp(17px,5.8vw,23px)}
    }
  

/* Keep new quick-access cards beside existing cards while space permits. */
.shortcuts .shortcut-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));align-items:stretch;border-left:1px solid var(--line)}
.shortcuts .shortcut{min-width:0;height:100%;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.shortcuts .shortcut:first-child{border-left:0}
.shortcuts .shortcut-icon{flex:0 0 46px}
.shortcuts .shortcut>span:last-child{min-width:0;overflow-wrap:anywhere}
.side-message{display:block;padding:22px 24px 24px}
.side-message .president-portrait{float:right;width:86px;height:86px;margin:0 0 14px 16px;border-radius:16px;overflow:hidden}
.side-message .president-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 20%}
.side-message .side-message-body{display:block;padding:0}
.side-message .side-message-body .eyebrow{display:block;width:auto;text-align:left}
.side-message .side-message-body .eyebrow::before,.side-message .side-message-body .eyebrow::after{display:none}
.side-message .president-name{text-align:left}
.side-message .side-message-body h2{text-align:left}
.side-message .side-message-body a.home-news-more{clear:both;display:inline-flex;justify-content:flex-start;width:auto;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}

/* Keep the announcement panel and home news typography consistent. */
.notice h3,.home-news-card h3{font-family:Manrope,Arial,sans-serif;font-size:16px;font-weight:700;line-height:1.42}
.notice p,.home-news-card p{font-family:Manrope,Arial,sans-serif;font-size:12px;font-weight:400;line-height:1.6}
.notice h3{display:block;font-size:14px;overflow:visible;-webkit-line-clamp:unset}
.notice p{display:none}
.notice-list{grid-template-rows:none;grid-auto-rows:max-content;overflow-y:auto}
.notice{padding-top:12px;padding-bottom:12px;overflow:visible}
/* Başkanın Mesajı kutusu — yeniden tasarım: renkli başlık şeridi + buton, tam metin (devamı), geniş foto, isim/unvan altta */
.side-message{display:block;padding:0;overflow:hidden}
.side-message-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:var(--navy);color:#fff}
.side-message-head-title{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#fff}
.side-message-head-title svg{width:15px;height:15px;flex:0 0 auto;fill:#ffd166}
.side-message .side-message-body{display:block;padding:20px 22px 22px}
.side-message .side-message-body p{margin:0;color:#3a4d61;font-size:13.5px;line-height:1.75;text-align:justify}
.side-message-more{display:inline;white-space:nowrap;margin-left:4px;color:var(--teal-dark);font-weight:800;text-decoration:none}
.side-message-more:hover{text-decoration:underline}
.side-message .side-message-body .president-portrait{position:relative;float:none;width:100%;height:170px;margin:0 0 16px;border-radius:14px;overflow:hidden}
.side-message .side-message-body .president-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 20%;display:block}
.side-message-portrait-btn{position:absolute;right:12px;bottom:12px;z-index:1;padding:7px 16px;border-radius:999px;background:rgba(8,47,85,.82);backdrop-filter:blur(4px);color:#fff;font-size:11.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;box-shadow:0 6px 16px rgba(8,47,85,.25);transition:background .18s ease}
.side-message-portrait-btn:hover{background:var(--navy)}
.side-message-foot{text-align:center}
.side-message-foot .president-name{display:block;color:var(--navy);font-size:15px;font-weight:800}
.side-message-foot .president-title{display:block;margin-top:3px;color:var(--muted);font-size:12.5px}
.side-message .side-message-body p{font-size:12.5px;line-height:1.7}
.home-main .side-message .side-message-body p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}
.side-message-foot .president-name{text-align:center}
/* Faydalı Linkler altına eklenen hızlı erişim kutuları: döviz kurları / anket / istek-öneri */
.quick-tools-section{padding:40px 0 56px;background:#fff}
.quick-tools-section .section-head{margin-bottom:22px}
.quick-tools-section .section-head h2{margin-top:0;font-size:31px;text-decoration:underline;text-decoration-color:var(--teal);text-decoration-thickness:3px;text-underline-offset:8px}
.quick-tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.quick-tool-card{box-sizing:border-box;width:100%;height:420px;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 10px 28px rgba(8,47,85,.07)}
.quick-tool-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.quick-tool-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex:0 0 auto;border-radius:12px;background:#e8f5f2;color:var(--teal-dark);font-size:19px;font-weight:800}
.quick-tool-head h3{margin:0;color:var(--navy);font-size:16.5px;line-height:1.3}
.quick-tool-sub{display:block;margin-top:2px;color:var(--muted);font-size:12px}
.quick-tool-card p{flex:1;margin:0;color:#4a5c70;font-size:13.5px;line-height:1.7}
.quick-tool-btn{display:inline-flex;align-items:center;justify-content:center;margin-top:auto;padding:12px 18px;border-radius:11px;background:var(--navy);color:#fff;font-size:13px;font-weight:800;text-decoration:none;transition:background .18s ease}
.quick-tool-btn:hover{background:#0c477c}
.fx-rows{flex:1;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.fx-row{display:grid;grid-template-columns:1.4fr .8fr .8fr;align-items:center;gap:6px;padding:10px 12px;border-bottom:1px solid var(--line);font-size:13px}
.fx-row:last-child{border-bottom:0}
.fx-row-head{background:#f5f8fa;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.fx-name{display:flex;flex-direction:column;color:var(--navy);font-weight:700}
.fx-name small{color:var(--muted);font-size:10.5px;font-weight:600}
.fx-buy,.fx-sell{color:#233c52;font-weight:700;text-align:right}
.quick-tool-foot{display:block;margin-top:12px;color:var(--muted);font-size:11px;text-align:right}
@media(max-width:1020px){
  .quick-tools-grid{grid-template-columns:1fr;gap:16px}
  .quick-tool-card{width:100%;height:auto;min-height:0}
}

/* Üye Memnuniyet Anketi ve İstek/Öneri/Şikayet kutucukları - illüstrasyonlar */
.survey-card .quick-tool-art,.feedback-card .quick-tool-art{display:block;width:150px;max-width:60%;height:auto;margin:6px auto 16px}
@media(max-width:1020px){
  .survey-card .quick-tool-art,.feedback-card .quick-tool-art{width:132px;margin:4px auto 14px}
}

/* Full anniversary mark from the original artwork, without the cropped PNG. */
.brand img.brand-anniversary{object-position:-9999px;background:url('/mtb-logo-100-yil.png') no-repeat;background-size:269.14% 772.83%;background-position:46.73% 78.24%;transform:none}
/* Stretch news images across the original slider frame. */
.slide-media img,.slide-media .slide-media-fg{width:100%;height:100%;object-fit:fill;object-position:center}

/* Give the three news cards more room beside a narrower president message. */
@media(min-width:1021px){.news-wrap{grid-template-columns:minmax(0,1fr) 290px;gap:24px}.side-message .side-message-body{padding:20px}.side-message-head{padding-left:16px;padding-right:16px}}

/* Compact spacing between home page sections. */
.home-main > section{padding-top:24px;padding-bottom:24px}
.home-main > .hero{padding-top:20px;padding-bottom:20px}
.home-main .section-head{margin-bottom:18px}
.home-main .news-column .section-head{margin-top:0;margin-bottom:18px}
@media(min-width:1021px){.home-main .side-message{margin-top:62px}}
@media(max-width:640px){
  .home-main > section{padding-top:20px;padding-bottom:20px}
  .home-main > .hero{padding-top:16px;padding-bottom:16px}
  .home-main .section-head{margin-bottom:16px}
}
/* Preserve the complete anniversary artwork and its proportions. */
.brand img.brand-anniversary{background:none;object-fit:contain;object-position:center;width:75.6px;height:43.2px;transform:none}
.notice h3{font-size:13px;line-height:1.4}
@media(min-width:1021px){
 .home-main .news-wrap{grid-template-rows:auto auto;row-gap:18px;align-items:stretch}
 .home-main .news-column{display:contents}
 .home-main .news-column .section-head{grid-column:1;grid-row:1;margin:0}
 .home-main .home-news-grid{grid-column:1;grid-row:2}
 .home-main .side-message{grid-column:2;grid-row:2;margin-top:0;height:100%;display:flex;flex-direction:column}
 .home-main .side-message .side-message-body{padding:16px;display:flex;flex:1;flex-direction:column}
 .home-main .side-message .president-portrait{height:130px;flex-shrink:0;margin-bottom:12px}
 .home-main .side-message-foot{margin-top:auto;padding-top:8px}
}
@media(max-width:1120px){.brand img.brand-anniversary{width:54px;height:32.4px}}
@media(max-width:640px){.brand img.brand-anniversary{width:45.9px;height:27px}}
/* Section labels follow the teal reference, with larger readable type. */
.home-main .section-head .eyebrow,
.home-main .news-column .section-head h2{
 display:flex;align-items:center;gap:12px;color:var(--teal-dark);
 font-size:20px;font-weight:800;line-height:1.4;letter-spacing:.07em;
 text-transform:uppercase;text-decoration:none;margin:0;
}
.home-main .section-head .eyebrow::before,
.home-main .news-column .section-head h2::before{
 content:"";display:block;width:28px;height:3px;flex:0 0 28px;
 border-radius:3px;background:var(--teal);
}
.home-main .home-news-card h3{font-size:19px;line-height:1.45}
@media(max-width:640px){
 .home-main .section-head .eyebrow,
 .home-main .news-column .section-head h2{font-size:17px;gap:10px}
 .home-main .home-news-card h3{font-size:18px}
}
/* Comfortable spacing between home page sections. */
.home-main > section{padding-top:32px;padding-bottom:32px}
.home-main > .hero{padding-top:24px;padding-bottom:28px}
.home-main .useful-links-section .section-head h2.eyebrow{text-decoration:none;margin:0}
.home-main .section-head{margin-bottom:24px}
@media(max-width:640px){.home-main > section{padding-top:24px;padding-bottom:24px}.home-main > .hero{padding-top:18px;padding-bottom:20px}.home-main .section-head{margin-bottom:20px}}