/* AQUABELLA — modern katman. Yerleşimi değiştirmez; yalnızca yüzey, tipografi, buton, kart ve hareket. html.modern altında çalışır. */
html.modern{--m-ana:#0a5c7f;--m-ana-2:#1491b8;--m-turkuaz:#59c6d4;--m-koyu:#0f2537;--m-metin:#334155;--m-cizgi:#e2ebf1;--m-yuzey:#f6fafc;--m-r:18px;--m-golge:0 1px 2px rgba(15,37,55,.04),0 8px 24px rgba(15,37,55,.06);--m-golge-2:0 2px 4px rgba(15,37,55,.05),0 18px 40px rgba(10,92,127,.14);--m-gecis:.35s cubic-bezier(.2,.7,.2,1)}
html.modern body{color:var(--m-metin);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
html.modern main h1,html.modern main h2,html.modern main h3{color:var(--m-koyu);letter-spacing:-.02em}
html.modern main .neden-biz-bolum h2,html.modern main .neden-biz-bolum h3,html.modern main .arka-koyu h2,html.modern main .arka-koyu h3,html.modern main .cta-enterprise h2,html.modern main .hs-wrap h1,html.modern main .hs-wrap h2,html.modern main .yazi-cta strong{color:#fff}
html.modern ::selection{background:#bfe7ef;color:var(--m-koyu)}
html.modern :focus-visible{outline:3px solid #0a5c7f;outline-offset:3px;border-radius:8px}

/* Üst bar + header: cam efekti, kaydırınca incelme */
html.modern .ust-bar{background:linear-gradient(90deg,#0b2a3d,#0a3d5c)}
html.modern .ana-header{background:rgba(255,255,255,.82);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid rgba(226,235,241,.8);box-shadow:none;transition:box-shadow var(--m-gecis),background var(--m-gecis)}
html.modern.m-kaydi .ana-header{background:rgba(255,255,255,.94);box-shadow:0 10px 30px rgba(15,37,55,.08)}
html.modern .menu-listesi>li>a{position:relative;font-weight:600;letter-spacing:-.005em;transition:color var(--m-gecis)}
html.modern .menu-listesi>li>a::after{content:"";position:absolute;left:14px;right:14px;bottom:6px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--m-ana),var(--m-turkuaz));transform:scaleX(0);transform-origin:left;transition:transform var(--m-gecis)}
html.modern .menu-listesi>li:hover>a::after,html.modern .menu-listesi>li.current-menu-item>a::after,html.modern .menu-listesi>li.current-menu-ancestor>a::after{transform:scaleX(1)}
html.modern .menu-listesi .sub-menu{border-radius:16px;border:1px solid var(--m-cizgi);box-shadow:0 24px 50px rgba(15,37,55,.14);padding:8px;overflow:hidden}
html.modern .menu-listesi .sub-menu a{border-radius:10px;transition:background var(--m-gecis),color var(--m-gecis),padding var(--m-gecis)}
html.modern .menu-listesi .sub-menu a:hover{background:var(--m-yuzey);color:var(--m-ana);padding-left:22px}

/* Butonlar: tek dil — degrade, yumuşak gölge, ok kayması, parıltı */
html.modern .teklif-btn,html.modern .btn-hero-ana,html.modern .cta-btn-ana,html.modern .button,html.modern .sk-btn,html.modern .home-all-guides,html.modern .woocommerce a.button,html.modern .woocommerce button.button,html.modern input[type=submit],html.modern button[type=submit]{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--m-ana) 0%,var(--m-ana-2) 100%)!important;color:#fff!important;border:0!important;border-radius:999px!important;font-weight:700!important;letter-spacing:.01em;box-shadow:0 6px 18px rgba(10,92,127,.28),inset 0 1px 0 rgba(255,255,255,.18);transition:transform var(--m-gecis),box-shadow var(--m-gecis),filter var(--m-gecis)!important;text-decoration:none!important}
html.modern .teklif-btn:hover,html.modern .btn-hero-ana:hover,html.modern .cta-btn-ana:hover,html.modern .button:hover,html.modern .sk-btn:hover,html.modern .home-all-guides:hover,html.modern .woocommerce a.button:hover,html.modern input[type=submit]:hover,html.modern button[type=submit]:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(10,92,127,.36),inset 0 1px 0 rgba(255,255,255,.22);filter:saturate(1.1)}
html.modern .teklif-btn::before,html.modern .btn-hero-ana::before,html.modern .cta-btn-ana::before,html.modern .button::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(-120%);transition:transform .8s ease;pointer-events:none}
html.modern .teklif-btn:hover::before,html.modern .btn-hero-ana:hover::before,html.modern .cta-btn-ana:hover::before,html.modern .button:hover::before{transform:translateX(120%)}
html.modern .btn-hero-ana svg,html.modern .cta-btn-ana svg,html.modern .home-all-guides svg{transition:transform var(--m-gecis)}
html.modern .btn-hero-ana:hover svg,html.modern .cta-btn-ana:hover svg,html.modern .home-all-guides:hover svg{transform:translateX(4px)}
html.modern .btn-hero-ikincil,html.modern .cta-btn-ikincil{border-radius:999px!important;background:rgba(255,255,255,.08)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1.5px solid rgba(255,255,255,.55)!important;color:#fff!important;transition:background var(--m-gecis),transform var(--m-gecis)!important}
html.modern .btn-hero-ikincil:hover,html.modern .cta-btn-ikincil:hover{background:rgba(255,255,255,.18)!important;transform:translateY(-2px)}
html.modern .button:active,html.modern .btn-hero:active{transform:translateY(0) scale(.98)}

/* Giriş slaytı: rozetler cam, başlık gölgesi */
html.modern .hs-rozet-cip{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 6px 20px rgba(0,0,0,.18)!important;border:1px solid rgba(255,255,255,.25)}
html.modern .hero-baslik{text-shadow:0 2px 24px rgba(0,0,0,.25);letter-spacing:-.03em}
html.modern .hs-ok,html.modern .hws-ok,html.modern .hs-scroll-oku{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform var(--m-gecis),background var(--m-gecis)}
html.modern .hs-ok:hover,html.modern .hws-ok:hover{transform:scale(1.08)}

/* Kartlar: yumuşak köşe, ince çizgi, hover'da kalkma ve görsel yakınlaşma */
html.modern .home-entry-card,html.modern .hizmet-kart-r,html.modern .sektor-kart,html.modern .blog-kart,html.modern .nc-kart,html.modern .neden-oge,html.modern .ilgili-kart,html.modern .woocommerce ul.products li.product{border-radius:var(--m-r)!important;border:1px solid var(--m-cizgi)!important;box-shadow:var(--m-golge)!important;transition:transform var(--m-gecis),box-shadow var(--m-gecis),border-color var(--m-gecis)!important;overflow:hidden}
html.modern .home-entry-card:hover,html.modern .hizmet-kart-r:hover,html.modern .sektor-kart:hover,html.modern .blog-kart:hover,html.modern .nc-kart:hover,html.modern .ilgili-kart:hover,html.modern .woocommerce ul.products li.product:hover{transform:translateY(-6px);box-shadow:var(--m-golge-2)!important;border-color:#cfe4ee!important}
html.modern .neden-oge{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.12)!important;backdrop-filter:blur(6px)}
html.modern .hkr-gorsel img,html.modern .sk-gorsel img,html.modern .blog-gorsel img,html.modern .woocommerce ul.products li.product img{transition:transform .9s cubic-bezier(.2,.7,.2,1)}
html.modern .hizmet-kart-r:hover .hkr-gorsel img,html.modern .sektor-kart:hover .sk-gorsel img,html.modern .blog-kart:hover .blog-gorsel img,html.modern .woocommerce ul.products li.product:hover img{transform:scale(1.06)}
html.modern .home-entry-card{position:relative}
html.modern .home-entry-card::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--m-ana),var(--m-turkuaz));transform:scaleX(0);transform-origin:left;transition:transform var(--m-gecis)}
html.modern .home-entry-card:hover::after{transform:scaleX(1)}
html.modern .nc-ikon,html.modern .neden-ikon{transition:transform var(--m-gecis)}
html.modern .nc-kart:hover .nc-ikon,html.modern .neden-oge:hover .neden-ikon{transform:translateY(-3px) rotate(-4deg)}

/* Bölüm başlıkları: küçük renkli çizgi */
html.modern .bolum-baslik h2::after,html.modern #cozumler h2::after{content:"";display:block;width:48px;height:4px;border-radius:4px;margin:14px auto 0;background:linear-gradient(90deg,var(--m-ana),var(--m-turkuaz))}

/* Sayfa başlık alanı: yumuşak ağ degrade + dalga */
html.modern .page-hero{position:relative;overflow:hidden;background:radial-gradient(1200px 400px at 85% -10%,rgba(89,198,212,.28),transparent 60%),radial-gradient(900px 380px at 0% 120%,rgba(10,92,127,.14),transparent 60%),linear-gradient(180deg,#f2f9fc,#ffffff)!important;border-bottom:0!important}
html.modern .page-hero::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:28px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 28' preserveAspectRatio='none'%3E%3Cpath d='M0 28V14C240 0 480 0 720 12s480 14 720 0v16Z' fill='%23fff'/%3E%3C/svg%3E") center/100% 100% no-repeat}
html.modern .page-hero h1{font-weight:800;letter-spacing:-.03em}
html.modern .breadcrumbs a{text-decoration:none;color:var(--m-ana)}
html.modern .breadcrumbs ol{display:inline-flex;gap:6px;padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.7);border:1px solid var(--m-cizgi);backdrop-filter:blur(6px)}

/* İçerik: daha okunaklı tipografi */
html.modern .prose{color:var(--m-metin)}
html.modern .prose h2{font-weight:800}
html.modern .prose a{text-decoration-color:rgba(10,92,127,.35);text-decoration-thickness:2px;transition:text-decoration-color var(--m-gecis)}
html.modern .prose a:hover{text-decoration-color:var(--m-ana)}
html.modern .prose table{border-radius:14px;border:1px solid var(--m-cizgi);box-shadow:var(--m-golge)}
html.modern .prose th{background:linear-gradient(180deg,#f2f8fb,#eaf4f8)!important;color:var(--m-koyu)}
html.modern .prose tr:nth-child(even) td{background:#fafcfd}
html.modern .bilgi-kutu{border-left:0!important;border-radius:14px!important;background:linear-gradient(135deg,#ecf8f1,#f3fbf6)!important;box-shadow:inset 4px 0 0 #27ae60}
html.modern .kirec-sss details{border-radius:14px;border-color:var(--m-cizgi);transition:box-shadow var(--m-gecis),border-color var(--m-gecis)}
html.modern .kirec-sss details[open]{box-shadow:var(--m-golge);border-color:#cfe4ee}
html.modern .kirec-sss summary{list-style:none;display:flex;justify-content:space-between;gap:12px}
html.modern .kirec-sss summary::-webkit-details-marker{display:none}
html.modern .kirec-sss summary::after{content:"+";font-size:20px;line-height:1;color:var(--m-ana);transition:transform var(--m-gecis)}
html.modern .kirec-sss details[open] summary::after{transform:rotate(45deg)}
html.modern .yazi-cta{border-radius:22px;background:radial-gradient(600px 200px at 100% 0%,rgba(89,198,212,.35),transparent 60%),linear-gradient(135deg,#0b2a3d,#0a5c7f)}
html.modern .yazi-cta .button{background:#fff!important;color:var(--m-ana)!important}

/* Formlar */
html.modern input[type=text],html.modern input[type=email],html.modern input[type=tel],html.modern select,html.modern textarea{border-radius:12px!important;border:1.5px solid var(--m-cizgi)!important;background:#fbfdfe!important;transition:border-color var(--m-gecis),box-shadow var(--m-gecis)!important}
html.modern input:focus,html.modern select:focus,html.modern textarea:focus{border-color:var(--m-turkuaz)!important;box-shadow:0 0 0 4px rgba(89,198,212,.18)!important;outline:2px solid #0a5c7f;outline-offset:2px}

/* Footer */
html.modern .ana-footer{position:relative}
html.modern .ana-footer::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--m-ana),var(--m-turkuaz),var(--m-ana))}
html.modern .footer-menu a{transition:color var(--m-gecis),padding var(--m-gecis)}
html.modern .footer-menu a:hover{padding-left:6px;color:#fff}

/* Sabit butonlar */
html.modern .scta-btn{box-shadow:0 10px 26px rgba(15,37,55,.22)!important;transition:transform var(--m-gecis)!important}
html.modern .scta-btn:hover{transform:translateY(-3px) scale(1.05)}
html.modern .scta-wa{animation:m-nabiz 2.8s ease-out infinite}
@keyframes m-nabiz{0%{box-shadow:0 0 0 0 rgba(37,211,102,.45),0 10px 26px rgba(15,37,55,.22)}70%{box-shadow:0 0 0 14px rgba(37,211,102,0),0 10px 26px rgba(15,37,55,.22)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0),0 10px 26px rgba(15,37,55,.22)}}

/* Kaydırınca beliren bölümler */
html.modern.m-js .m-gorun{opacity:0;transform:translateY(22px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
html.modern.m-js .m-gorun.m-gorundu{opacity:1;transform:none}

/* Üstte ince okuma/kaydırma çizgisi */
html.modern .m-sayfa-ilerleme{position:fixed;left:0;top:0;height:3px;width:0;z-index:3000;background:linear-gradient(90deg,var(--m-ana),var(--m-turkuaz));pointer-events:none}

@media (prefers-reduced-motion:reduce){html.modern *,html.modern *::before,html.modern *::after{animation:none!important;transition:none!important}html.modern.m-js .m-gorun{opacity:1;transform:none}}
html.modern #cozumler{background:radial-gradient(900px 300px at 10% 0%,rgba(89,198,212,.18),transparent 60%),linear-gradient(180deg,#eef5f9,#e2edf3)!important}

/* Footer: koyu zeminde açık renkler */
html.modern .ana-footer .footer-baslik{color:#fff!important}
html.modern .ana-footer,html.modern .ana-footer p,html.modern .ana-footer li,html.modern .ana-footer span,html.modern .ana-footer dt,html.modern .ana-footer dd{color:rgba(255,255,255,.78)}
html.modern .ana-footer a{color:rgba(255,255,255,.85)}
html.modern .ana-footer a:hover{color:#fff}

/* Mobil menü (sağdan açılan koyu panel): masaüstü süslerini kapat, yazıları açık renk yap */
@media (max-width:992px){
html.modern #anaNav .menu-listesi>li>a::after{display:none}
html.modern #anaNav a,html.modern #anaNav span{color:#fff!important}
html.modern #anaNav .sub-menu{border:0!important;box-shadow:none!important;padding:0!important;border-radius:10px!important}
html.modern #anaNav .sub-menu a{color:rgba(255,255,255,.85)!important;padding-left:inherit}
html.modern #anaNav .sub-menu a:hover,html.modern #anaNav a:hover{background:rgba(255,255,255,.08)!important;color:#fff!important}
html.modern #anaNav .current-menu-item>a{color:#59c6d4!important}
}

/* ===== Dönüşüm ve arayüz düzeltmeleri (29 Eki 2026) ===== */
/* Teklif formuna inişte yapışkan header'ın altında kalmasın */
html.modern #teklif{scroll-margin-top:96px}

/* Odak göstergesi: koyu zeminlerde beyaz çizgi */
html.modern .ana-footer :focus-visible,html.modern .arka-koyu :focus-visible,html.modern .hs-wrap :focus-visible,html.modern .ust-bar :focus-visible,html.modern .cta-enterprise :focus-visible,html.modern .yazi-cta :focus-visible{outline-color:#fff}

/* Header teklif butonu: 992px altında kısa "Teklif", 768px altında alttaki çubuk devralır */
@media (max-width:992px){
html.modern .teklif-btn{display:inline-flex;margin-left:auto;margin-right:10px;padding:8px 14px;font-size:13px}
html.modern .teklif-btn .tb-ek{display:none}
html.modern #anaNav :focus-visible{outline-color:#fff}
}

/* Sabit WhatsApp butonu ikonu */
html.modern .scta-wa .icon{width:24px;height:24px}

/* Mobil alt çubuk: Ara · WhatsApp · Teklif */
html.modern .mobil-cta{display:none}
@media (max-width:768px){
html.modern .teklif-btn{display:none}
html.modern .sticky-cta{display:none}
html.modern body{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}
html.modern .mobil-cta{position:fixed;left:0;right:0;bottom:0;z-index:998;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.97);border-top:1px solid var(--m-cizgi);box-shadow:0 -8px 24px rgba(15,37,55,.10)}
html.modern .mobil-cta .mc-btn{display:flex;align-items:center;justify-content:center;gap:6px;min-height:48px;padding:0 6px;border-radius:12px;font-size:14px;font-weight:700;line-height:1;text-decoration:none;white-space:nowrap}
html.modern .mobil-cta .mc-btn .icon{width:20px;height:20px;flex:none}
html.modern .mobil-cta .mc-ara,html.modern .mobil-cta .mc-ara:hover{background:#fff;color:var(--m-ana);box-shadow:inset 0 0 0 2px var(--m-ana)}
html.modern .mobil-cta .mc-wa,html.modern .mobil-cta .mc-wa:hover{background:#25d366;color:#052e16}
html.modern .mobil-cta .mc-teklif,html.modern .mobil-cta .mc-teklif:hover{background:var(--m-ana);color:#fff}
html.modern body.menu-acik .mobil-cta{display:none}
}
/* Dar telefonlar (≤380px): "WhatsApp" yazısı ve ikonu buton dışına taşmasın */
@media (max-width:380px){
html.modern .mobil-cta{gap:6px;padding-left:8px;padding-right:8px}
html.modern .mobil-cta .mc-btn{gap:4px;padding:0 4px;font-size:13px}
html.modern .mobil-cta .mc-btn .icon{width:18px;height:18px}
}

/* Ürün sayfası teklif kutusu: yeşil WhatsApp, ayırt edici "Hemen Ara", ölçü seçici */
html.modern .kirec-teklif-butonlar .button{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;flex:1 0 auto}
html.modern .kirec-teklif-butonlar .button.kirec-wa{background:#25d366!important;color:#052e16!important}
html.modern .kirec-teklif-butonlar .button.kirec-wa .icon{width:20px;height:20px}
html.modern .kirec-teklif-butonlar .button.kirec-ara{background:#fff!important;color:var(--m-ana)!important;box-shadow:inset 0 0 0 2px var(--m-ana)}
html.modern .sp-olcu-secim{margin:0 0 14px}
html.modern .sp-olcu-secim label{display:block;margin:0 0 6px;font-size:14px;font-weight:700;color:var(--m-koyu)}
html.modern .sp-olcu-secim select{width:100%;max-width:380px;min-height:46px;padding:8px 12px;font-size:15px;color:var(--m-koyu)}
html.modern .kirec-product-quote .sp-olcu-not{margin:6px 0 0;font-size:12.5px;color:#55667a}
/* Galeri betiği çalışmasa da ürün görseli görünür kalsın */
html.modern .woocommerce-product-gallery{opacity:1!important}

/* Mağaza sayfası giriş metni */
html.modern .woocommerce-products-header .page-description{max-width:860px;margin:0 0 20px;font-size:16px;line-height:1.8;color:var(--m-metin)}
html.modern .woocommerce-products-header .page-description h2{font-size:22px;margin:1.4em 0 .5em}
html.modern .woocommerce-products-header .page-description a{text-decoration:underline;text-decoration-color:rgba(10,92,127,.35);text-underline-offset:2px}

/* Teklif şeridi (kelime sayfaları, ürün kategorisi, mağaza) ve 404 butonları */
html.modern .teklif-seridi{margin:22px 0 0}
html.modern .woocommerce-products-header .teklif-seridi{margin:0 0 26px}
html.modern .teklif-seridi-ic{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;padding:16px 20px;border:1px solid #cfe4ee;border-radius:16px;background:linear-gradient(135deg,#f2f9fc,#fff);box-shadow:var(--m-golge)}
html.modern .teklif-seridi-ic p{flex:1 1 320px;margin:0;font-size:15px;line-height:1.6;color:var(--m-koyu)}
html.modern .teklif-seridi-butonlar,html.modern .bulunamadi-butonlar{display:flex;flex-wrap:wrap;gap:8px}
html.modern .ts-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 16px;border-radius:999px;font-size:14px;font-weight:700;line-height:1.2;text-decoration:none;white-space:nowrap;transition:transform var(--m-gecis),box-shadow var(--m-gecis)}
html.modern .ts-btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(15,37,55,.14)}
html.modern .ts-btn .icon{width:19px;height:19px;flex:none}
html.modern .ts-wa,html.modern .ts-wa:hover{background:#25d366;color:#052e16}
html.modern .ts-form,html.modern .ts-form:hover{background:var(--m-ana);color:#fff}
html.modern .ts-ara,html.modern .ts-ara:hover{background:#fff;color:var(--m-ana);box-shadow:inset 0 0 0 2px var(--m-ana)}
@media (max-width:576px){
html.modern .teklif-seridi-ic{padding:14px}
html.modern .teklif-seridi-butonlar .ts-btn,html.modern .bulunamadi-butonlar .ts-btn{flex:1 1 auto}
}
html.modern .bulunamadi .bulunamadi-baslik{margin:8px 0 14px;font-size:18px}
html.modern .bulunamadi-linkler{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px;max-width:760px;margin:0 auto 24px;padding:0;list-style:none;text-align:left}
html.modern .bulunamadi-linkler a{display:block;padding:11px 14px;border:1px solid var(--m-cizgi);border-radius:12px;background:#fff;font-weight:600;text-decoration:none}
html.modern .bulunamadi-linkler a:hover{border-color:#cfe4ee;background:var(--m-yuzey)}
html.modern .bulunamadi-butonlar{justify-content:center}

/* Giriş slaytı (mobil): başlık boyutu site.css'teki sonraki 48px kuralı yüzünden ezilmesin; içerik ve butonlar kesilmesin.
   1. slayt yüksekliği belirler, 2. slayt onun üstünde durur (otomatik geçişte sayfa zıplamaz). */
@media (max-width:992px){html.modern .hs-wrap .hero-baslik{font-size:36px}}
@media (max-width:768px){
html.modern #heroSlider_1,html.modern #heroSlider_1 .kapsayici{min-height:0!important}
html.modern #heroSlider_1 #hero-slide-1{position:relative!important}
html.modern #heroSlider_1 .hs-slide .kapsayici>div{padding:44px 0 88px!important}
}
@media (max-width:576px){html.modern .hs-wrap .hero-baslik{font-size:28px}}
/* Slayt okları metnin üstüne binmesin: masaüstünde içerik oklardan içeri alınır, ≤768px'te oklar alttaki boşluğa iner */
@media (min-width:769px){html.modern .hs-ok:hover{transform:translateY(-50%) scale(1.08)}}
@media (min-width:769px) and (max-width:1400px){html.modern #heroSlider_1 .hs-slide .kapsayici{padding-left:88px;padding-right:88px}}
@media (max-width:768px){html.modern #heroSlider_1 .hs-ok{top:auto;bottom:32px;transform:none}}
/* Üst çubuk: 577–768px'te yalnız ikon kalmasın, "Su Perdesi Sistemleri" yazısı görünsün */
@media (min-width:577px) and (max-width:768px){html.modern .ub-ulke-aktif span{display:inline}}