/* kumrudnd.com - 2026*/

html {
    overflow-y: scroll; 
}

.clr {	clear: both;}
.clearfix {	clear: both;}

:root{
    --blue:#17a9e0;
    --dark-blue:#071126; /*#19355a;*/
    --red:#db2f5a;
    --chocolate-dark:#3f2212;
    --chocolate-light: #815a47;
    --dark-grey: #383836;
    --grey: #989EA1; /*7040*/
}

body {background-position: center top;height: 100%;width:100%;margin:0;padding: 0;font-family: "Exo 2", sans-serif;font-size: 12px;color: #434343;background-color:#f5f7f9;}

            
/* LOGO TOP MENU KLASIK STARTS */
#logo-top-menu-outer{display:block;position:relative;float:left;width:100%;height:190px;background:#fff;box-shadow:0 0 10px rgba(25, 53, 90, 0.1);z-index: 1000;}
#top-bar{float:left;width:100%;padding:10px 0;background: #10253f; background: linear-gradient(135deg, #0f172a, #020617);}
.top-icon{float:left;margin:4px;}
.top-info{float:left;margin:4px;}

    #top-bar-inner{width:80%;margin:0 auto;}
        #top-bar-left{float:left;color:#fff;}
        #top-bar-right{float:right;color:#fff;}

    
    #logo-top-menu-inner{position:relative;width:80%;margin:45px auto; display: flex;justify-content: space-between;align-items: center;}
    
        #logo-holder{float:left;width:17%;background:#fff;/*padding:30px 10px;*/border-radius:0 0 10px 10px;}
            #logo-holder img{width:200px;}

#top-menu{float:left;padding:12px 10px 10px 0;border-radius:30px;position:relative;}

#top-menu-ul{float:left;margin-top:5px;padding:0 0 0 5px;}

#top-menu-ul li{list-style:none;float:left;position:relative;padding-right:15px;margin-right:15px;}

.top-menu-link,
.top-menu-link:visited{text-decoration:none;color:var(--dark-blue);float:left;font-size:13px;margin:0 10px;padding:5px;font-weight:600;}
.top-menu-link:hover{color:var(--red);}

.top-menu-link-active:link,.top-menu-link-active:visited{text-decoration:none;background:var(--dark-blue);font-size:13px;color:#fff;border-radius:20px;padding:10px;float:left;margin:0 10px;font-weight:600;}
.top-menu-link-active:hover{color:#fff;background:var(--red);}

.top-menu-btn{border:none;background:transparent;margin-top:4px;color:var(--dark-blue);cursor:pointer;}
.top-menu-btn-active{background:var(--dark-blue);font-size:13px;color:#fff;border-radius:20px;padding:10px;float:left;margin:0 10px;font-weight:600;border:none;cursor:pointer;}

    #lang-holder{float:right;/*margin:62px 10px;*/}
    #lang-holder img{width:20px;}

        
#promoModal {display: none;position: fixed;z-index: 9999;inset: 0;}
.modal-overlay {position: absolute;inset: 0;background: rgba(0,0,0,0.6);backdrop-filter: blur(4px);}
.modal-content {position: relative;max-width: 600px;margin: 3% auto;background: #fff;padding:30px 0;box-sizing:border-box;border-radius: 12px;overflow: hidden;display: flex;align-items: center;justify-content: center;box-shadow: 0 10px 40px rgba(0,0,0,0.3);animation: fadeIn 0.4s ease;}
.modal-content img {max-width: 100%;max-height: 90vh;width: auto;height: auto;object-fit: contain;}
.modal-close {position: absolute;top: 10px;right: 10px;background: #000;color: #fff;border: none;font-size: 22px;width: 32px;height: 32px;border-radius: 50%;cursor: pointer;opacity: 0.8;}
.modal-close:hover {opacity: 1;}

@keyframes fadeIn {
  from { transform: translateY(-20px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}

        
        #slider-button-holder{float:left;position:relative;width:100%;height:100%;}
#slider-outer{position: relative;float:left;width:100%;height:550px;padding-top:30px;
background: linear-gradient(135deg, #0f172a, #020617);
background-image:url('https://kumrudnd.com/sunum/eminoglu2026-klasik-3/i/slider/slider-bg-01b.webp');
background-position:top right;
background-repeat:no-repeat;
z-index: 1;}        

        #slider-left{float:left;width:30%;margin-left:10%;margin-top:30px;font-family: "Exo 2", sans-serif;}
            .slider-title{font-size:44px;font-weight:700;color:#fff;}
        #slider-left p{float:left;margin-top:30px;font-size:16px;line-height:26px;color:#f7f9f9;}
        #slider-left a:link,#slider-left a:visited{float:left;margin-top:30px;text-decoration:none;color:#fff;/*border:1px solid var(--blue);background:var(--blue);color:#fff;padding:10px 20px;border-radius:30px;*/
            background: linear-gradient(90deg, #3b82f6, #06b6d4);border-radius: 30px;padding: 12px 28px;font-weight: 600;}
        #slider-left a:hover{background: linear-gradient(90deg, #3b82f6, #06b6d4);border-radius: 30px;padding: 12px 28px;font-weight: 600;}
        
        #slider-right{float:right;width:60%;margin-top:0;}
        #slider-right img {float:right;width:80%;filter: drop-shadow(0 0 25px rgba(59,130,246,0.3));}
        .slider-img-temperleme {width:40% !important;margin-right:10% !important;}
        .slider-img-one-shot{margin-top:20% !important;}
        
    #slider-box-holder {position: absolute;bottom:-30px;left:10%;width:80%;z-index: 5;display: table;border:0px solid rgba(255, 255, 255, 0.1); border-radius: 12px;box-shadow: 0 0 10px rgba(25, 53, 90, 0.7);}
        .slider-boxes-active{float:left;width:20%;margin:0;background:var(--blue);padding:20px 30px;box-sizing:border-box;border-radius:0;}
        .slider-boxes{float:left;width:20%;margin:0;background:#0a1023/*var(--dark-blue)*/;padding:20px 30px;box-sizing:border-box;border-radius:0;border-right:1px solid rgba(255, 255, 255, 0.1)/*#edf1f4*/;cursor:pointer;}
            .slider-box-title{font-size:16px;color:#fff;text-align:center;}
                .slider-boxes-active p, .slider-boxes p{float:left;font-size:12px;color:#fff;}
                
        #slider-box-holder > div:first-child {border-top-left-radius: 12px;border-bottom-left-radius: 12px;}
        #slider-box-holder > div:last-child {border-top-right-radius: 12px;border-bottom-right-radius: 12px;}        
                
    /* SWIPER FIX */
#slider-inner.swiper-wrapper {display: flex;}

.swiper-slide {width: 100%;flex-shrink: 0;}

.slide-inner {width: 100%;margin: 30px auto;}            
             
    .content-outer{float:left;width:100%;height:100%;position:relative;padding:30px 0;z-index:1;background: linear-gradient(135deg, #0f172a, #071126);}/*background:#071126;*/
    .content-outer-inner{float:left;width:100%;height:100%;position:relative;padding:30px 0 60px 0;/*background:#edf1f4;*/background: #071126;
    background: radial-gradient(circle at center, #1d2636 0%, #071126 100%);}
    .content-outer-inner-urunler{float:left;width:100%;height:100%;position:relative;padding:0 0 60px 0;/*background:#edf1f4;*/background: radial-gradient(circle at center, #1d2636 0%, #071126 100%);
    background-attachment: fixed;}
    
    #home-about-holder{background:#071126;padding-bottom:90px;}
    
     #about-bant{content: "";position: absolute;top: 19%;left: 7%;width: 32%;height: 69%;border: 1px solid #1d2636;z-index: -9;}
        .content-inner{display:block;width:80%;margin:0 auto;z-index:9; padding:10px 0;}
        #content-inner-inner-pages{display:block;position:relative;width:80%;margin:0 auto;z-index:9; padding:0;z-index:1;}
        #content-inner-inner-pages-white{display:flow-root;position:relative;width:80%;margin:0 auto;background:rgba(255,255,255, 0.9);z-index:9; padding:15px;box-sizing:border-box;border-radius:10px;z-index:9;}
        #content-area-inner{display:block;position:relative;padding:10px;width:100%;margin:0 auto;box-sizing:border-box;z-index:9;}            
        

       .section-title-sup{text-align:center;font-size:21px;font-weight:300;}
       .section-title{font-size:36px;text-align:center;margin-top:-5px;color:#fff;}
       
       
            #about-left {float: left;width: 40%;margin-top: 60px;position: relative;overflow: hidden;height: 318px; }
            #about-left-inner {float: left;width: 40%;margin-top: 30px;position: relative;overflow: hidden;height: 228px;}

/* slider görseller */
.about-img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;opacity: 0;transition: opacity 1s ease;box-shadow: 0 0 10px rgba(25,53,90, 0.3);z-index: 1;}

.about-img.active {opacity: 1;}

/* overlay */
#about-left::before {content: "";position: absolute;inset: 0;background: rgba(25, 53, 90, 0.3);z-index: 2;pointer-events: none;}
#about-left-inner::before {content: "";position: absolute;inset: 0;background: rgba(25, 53, 90, 0.3);z-index: 2;pointer-events: none;}

/* yazı */
#about-left-image-text-area {position: absolute;top: 70%;right: 10%;height: 30%;width: 70%;font-family: "Exo 2", sans-serif;color: #fff;display: flex;align-items: center;justify-content: center;font-weight: bold;font-size: 48px;z-index: 3;}
            #about-right{float:left;width:50%;margin-left:5%;margin-top:60px;}
            #about-right-inner{float:left;width:50%;margin-left:5%;margin-top:30px;font-size:13px;line-height:23px;}
            .title-sup{font-size:21px;color:var(--red);font-family: "Exo 2", sans-serif; font-weight: 300;}            
            #about-right h1{color:#fff;font-size:30px;}
            #about-right-inner h1{color:var(--dark-blue);font-family: "Exo 2", sans-serif;font-weight: 600;font-size:36px;}
            #about-right p{font-size:13px;line-height:23px;color:#fff;}
            
          
    #chocolate-01{position:absolute;right:0;top:0;}
    #chocolate-01 img{width:200px;}
    
    /*#chocolate-01-inner{position:absolute;right:0;top:5%;}*/
    #chocolate-01-inner {position: absolute;right: 0;top: 5%;transition: transform 0.1s linear; /* yumuşatma */}
    #chocolate-01-inner img{width:200px;}
    
    #chocolate-02{position:absolute;left:0;bottom:0;}
    #chocolate-02 img{width:200px;}
        
#product-boxes-holder {position: relative;overflow: hidden;padding-bottom:30px;}

#product-boxes-holder-urunlerimiz{position: relative;padding-top:30px;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:45px 15px;padding-bottom:30px;}

.product-boxes-track {margin-top:90px;display: flex;gap: 20px;transition: transform 0.4s ease;padding-bottom:30px;}

.product-box {flex: 0 0 calc(25% - 15px);border-radius: 12px;overflow: hidden;height:300px;
  transition:all 0.3s;background: rgba(10, 19, 36, 0.6);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px); /* Safari desteği */border: 1px solid rgba(255, 255, 255, 0.1);border-radius: 10px;box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);}        

.product-box:hover{margin-top:-5px;}
.product-box:hover .product-box-title{color:var(--blue);}

.product-box-link:link,.product-box-link:visited{text-decoration:none;color: var(--blue-dark);cursor:pointer;}
.product-box-image-holder {height: 180px;display:flex;justify-content:center;align-items:center;background:transparent;border-top-left-radius: 12px;border-top-right-radius: 12px;background-size: cover;background-position: center;}
.product-box-image-holder img{max-height:180px;}
.product-box-big-image{max-width:90%;max-height:180px;}

.product-box-content-holder {padding: 15px;background: transparent;}
.product-box-title {font-size: 16px;font-weight: 600;color: #fff;line-height: 1.4;text-align:center;}
.product-box-title:hover{color:var(--blue);}
.product-box-content-holder p{margin-top:10px;text-align:center;color:#fff;}

.slider-nav {position: absolute;top: 10px;right: 10px;display: flex;gap: 10px;z-index: 10;}
.slider-nav .nav {width: 35px;height: 30px;border-radius: 5px;border: none;background: var(--blue);color: #fff;font-size: 15px;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: 0.3s;}
.slider-nav .nav:hover {background: #db2f5a;}
        
       
.news-holder{display:table;width:60%;height:100%;margin:30px auto; background: rgba(10, 19, 36, 0.6); /* Koyu mavi, %60 opaklık */
    backdrop-filter: blur(12px);         /* Asıl "liquid" efekti veren kısım */
    -webkit-backdrop-filter: blur(12px); /* Safari desteği */
    border: 1px solid rgba(255, 255, 255, 0.1);border-radius: 10px;box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);}        
    
.news-left{float:left;width:30%;}
.news-left img{width:100%;margin:10px;border-radius:10px 0 10px 0;}
.news-right{float:left;width:60%;margin-left:5%;margin-top:15px;}
.news-title{font-size:24px;color:var(--blue);}
.news-date{font-size:10px;color:#eee;}
.news-right p{margin-top:15px;color:#fff;line-height:21px;}        
        a.all-news-link:link,a.all-news-link:visited{width:100%;display:block;text-decoration:none;text-align:center;color:var(--red);}
        
#references-holder {width:80%;margin:30px auto;padding-bottom:30px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;}

.ref-box {background: #fff;width:18%;height:60px;border: 1px solid #eee;display: flex;align-items: center;justify-content: center;}
        

/* URUN DETAY */

#urunler-wrapper {width: 80%;margin: 30px auto;text-align: center;border-top:0px solid var(--dark-blue);}

#urunler-toggle {margin:10px auto;margin-bottom:30px;display:block;padding: 10px 20px;background:#f6f7f9;border:1px solid rgba(25, 53, 90, 0.3);color: var(--dark-blue);border-radius: 20px;cursor: pointer;}

#urunler-toggle:hover {background: var(--dark-blue);color: #fff;}

#urunler-icon-menu {display: flex;flex-wrap:wrap;max-height: 150px;overflow: hidden;padding: 30px;transition: all 0.4s ease;position: relative;width: 80%;margin: 15px auto;background: transparent;border: none;border-radius: 5px;box-sizing: border-box;gap: 30px;z-index: 9;/*opacity: 0;*/}

/* AÇIK HAL */
#urunler-icon-menu.open {max-height: 540px;padding: 30px;overflow-x: auto;overflow-y: hidden;opacity: 1;background:#2831484d;border:1px solid #181f31;border-radius:5px;}

.urun-link:link,.urun-link:visited {min-width: 150px;height: 100px;text-decoration: none;font-size: 11px;color: #fff;text-align: center;display: flex;justify-content: center;align-items: center;flex-direction: column;flex-shrink: 0; /* küçülmesini engeller */transition:all 0.3s;}
.urun-link:hover {color: var(--red);}
        
.urun-link-active:link,.urun-link-active:visited {min-width: 150px;height: 100px;text-decoration: none;font-size: 11px;color: var(--red);text-align: center;display: flex;justify-content: center;align-items: center;flex-direction: column;flex-shrink: 0; /* küçülmesini engeller */}
#urunler-icon-menu svg {width: 60px;}
.svg-active{stroke:var(--red) !important;}
        
#urunler-icon-menu::-webkit-scrollbar {height: 12px;}

#urunler-icon-menu::-webkit-scrollbar-thumb {background: rgba(25,53,90, 0.9);border-radius: 6px;}
#urunler-icon-menu::-webkit-scrollbar-thumb:hover {background: rgba(25,53,90, 1);border-radius: 6px;}

        .urun-image-left{position:relative;float:left;width:50%;height:600px;margin:0 auto; padding:30px;box-sizing:border-box;}
        .urun-gorsel-bg{position:absolute;top:0;left:20%;z-index:1;width:80%;}
        
        .urun-detay-makina{position:absolute;max-width:100%;top:30px;left:10%;z-index:999;}
        .urun-detay-makina-big{position:absolute;max-width:80%;top:0;left:10%;z-index:999;}
        .urun-detay-makina-very-big{position:absolute;max-width:60%;top:0;left:10%;z-index:999;}
        .urun-detay-cikolata{position:absolute;top:380px;left:90px;z-index:999;}
        .urun-detay-cikolata-big{position:absolute;width:70%;top:380px;left:90px;z-index:999;}
        
        .urun-content-short{float:left;width:40%;margin-left:5%;margin-top:60px;margin-bottom:30px;}
        .urun-content{float:left;width:40%;margin-left:5%;margin-top:30px;margin-bottom:30px;}
            
            .urun-content-short ul{}
            .urun-content-short ul li{float:left;list-style:none;width:100%;margin:5px 0;padding:10px;background:#0b0f1a;color:#fff;border:2px solid #272d3c;border-radius:5px;font-size:16px;line-height:26px;transition: all 0.2s;}
            
            .urun-content-short ul li:hover{box-shadow:0 0 10px #ddd;}
            
            .urun-content ul{}
            .urun-content ul li{float:left;list-style:none;width:100%;margin:5px 0;padding:10px;background:#0b0f1a;color:#fff;border:2px solid #272d3c;border-radius:5px;font-size:16px;line-height:26px;transition: all 0.2s;}
            
            .urun-content ul li:hover{box-shadow:0 0 10px #2a374f;}
            
            .product-inner-catalog:link,.product-inner-catalog:visited{text-decoration:none;color:#73819e;float:left;margin:30px 0 30px 45px;padding:10px 20px;background:transparent;border:1px solid #73819e;border-radius:5px;display:flex;justify-content:center;align-items:center;gap:10px;}
            
            .product-inner-catalog:hover{background:#73819e;}
            .product-inner-catalog:hover {color:#0b0f1a;}
            .product-inner-catalog:hover svg path{fill:#0b0f1a !important;}
            
#urun-not{float:left;width:300px;height:180px;margin:20px 10%; margin-bottom:0;}
     #not-box{position:relative;z-index:99999;width:150px;margin:0 auto;font-size:14px;font-weight:600;border:1px solid #ced1db;text-align:center;padding:20px 0;background:#fff;color:var(--dark-blue);}
     #urun-not-gorsel{z-index:99999;width:169px;height:132px;margin:-15px auto;}
       #urun-not-gorsel img {width:169px;height:132px;margin-left:10px;}


#urunler-footer-ustu {position: absolute;left: 30%;bottom: -40px;width: 40%;padding: 30px;z-index: 999;background: rgba(10, 19, 36, 0.6); backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.1);border-radius: 10px;box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
    color: #e2e8f0;text-align: center;font-family: "Exo", sans-serif;font-size: 1.2rem;font-weight: 200;}

#site-footer {background: linear-gradient(135deg, #0f172a, #020617);position:relative;color: #fff;padding: 60px 0 90px 0;height:100%;z-index:9;display:block;}

#footer-top-chocolate{position:absolute;top:-17%;right:0;width:15%;}
#footer-top-chocolate img{width:100%;}

#footer-bg-image{z-index:-9;position:absolute;top:10%;right:0;width:25%;}
#footer-bg-image img{width:100%;}

.cookie_bar {position: fixed;bottom: 20px;right: 3%;width: 20%;background:rgb(10 16 35);color: #fff;padding: 45px 20px 45px 20px;border-radius: 10px;display: flex;flex-wrap:wrap;justify-content: space-between;align-items: center;gap: 15px;box-shadow: 0 10px 30px rgba(0,0,0,0.2);z-index: 9999;}
.cookie_bar:hover{background:var(--red);}

.cookie_content {font-size: 14px;line-height: 1.4;}
.cookie_link {color: #ffffff;font-weight:600;text-decoration: underline;}

.cookie_button {background: var(--blue);border:1px solid var(--blue);color: #fff;margin:15px 0;padding: 10px 15px;border-radius: 5px;cursor: pointer;font-weight: 600;}

.cookie_button:hover{background: #fff;border:1px solid #fff;color: var(--dark-blue);}


.footer-container {width: 80%;margin: auto;}

#footer-top-left{float:left;padding:10px 0;}
#footer-top-right{float:right;text-align:right;margin-top:20px;padding:10px 0;color:rgba(255, 255, 255, 0.5);}
#footer-middle-holder{float:left;width:100%;border-top:0px solid rgba(255, 255, 255, 0.1);padding:30px 0;}

.footer-logo img {max-width: 200px;}
.footer-about p {opacity: 0.8;line-height: 1.6;font-size: 14px;}
.footer-middle-col{float:left;width:30%; color: rgba(255,255,255,0.5);margin-bottom:30px;}

.footer-link:link, .footer-link:visited {float:left;margin:8px;display: block;color: rgba(255,255,255,0.8);text-decoration: none;font-size: 14px;transition: 0.3s;}
.footer-link:hover {color: var(--red);}

.footer-link-active:link, .footer-link-active:visited {float:left;margin:8px;display: block;color: #fff;border-bottom:1px dotted #fff;text-decoration: none;font-size: 14px;transition: 0.3s;}

#footer-social-media{float:left !important; display:flex;justify-content:flex-start;align-items:center;gap:10px;}


.footer-bottom {margin-top: 15px;border-top:1px solid rgb(15 25 59);padding-top: 15px;color: rgba(255,255,255,0.8);}

.footer-bottom-inner {width: 100%;margin: auto;display: flex;justify-content: space-between;align-items: center;font-size: 13px;opacity: 0.8;}

.footer-bottom-links a {color: rgba(255,255,255,0.8);margin-left: 15px;text-decoration: none;transition: 0.3s;}

.footer-bottom-links a:hover {color: #db2f5a;}        
        
#footer-kumru {margin: 0 auto;display: flex;justify-content: center;align-items: center;position: relative;z-index:99;}

.kumru-link {position: relative;display: inline-block;width: 45px; height: 45px;}

.kumru-link img {width: 100%;height: auto;display: block;transition: transform 0.3s ease;}


.kumru-text {position: absolute;left: 50px; top: 30%;transform: translateY(-50%) translateX(10px);opacity: 0;white-space: nowrap;color: #eee;font-size: 10px;line-height: 1.2;transition: opacity 0.3s ease, transform 0.3s ease;pointer-events: none;}

.kumru-link:hover .kumru-text {opacity: 1;transform: translateY(-50%) translateX(0);}
            
#page-banner{float:left;width:100%;height:100%;}
    #page-banner-inner{width:70%;margin:0 0 0 10%;}
        #page-banner-left{float:left;}
        .page-banner-link{float:left;}
        .page-banner-seperator{float:left;margin:0 4px;}
        .page-banner-title{float:left;display:block;color:var(--red);}
    
        #page-banner-right{float:right;}
        

    #kurumsal-content-left{float:left;width:15%; background: rgba(10, 19, 36, 0.6); backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px); /* Safari desteği */
    
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);padding:30px 10px 10px 10px;}
        .kurumsal-left-link:link,.kurumsal-left-link:visited{text-decoration:none;float:left;width:100%;font-weight:600;margin:10px;color:#fff;}
        .kurumsal-left-link:hover{color:var(--red);}
        
        .kurumsal-left-link-active:link,.kurumsal-left-link-active:visited{text-decoration:none;float:left;font-weight:600;width:100%;margin:10px;color:var(--blue);}


    #kurumsal-content-right{float:left;width:75%;margin-left:5%; background: rgba(10, 19, 36, 0.6); color:#fff;backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.1);border-radius: 10px;box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);padding:20px;box-sizing:border-box;}
            #list ul{margin:15px 0 0 30px;padding:0;font-size:13px;line-height:23px;}
            #list ul li{float:left;width:100%;margin:5px;}
            #list ul li::marker {color: var(--chocolate-light);}
        
.cerez-kvkk-text{float:left;width:80%;margin:10px 10%;}        
    .cerez-kvkk-text ul li{float:left;width:100%;}
    
        .haber-box {float:left;height:100%;border-bottom:1px solid #73819e24 /*#73819e78*/;margin:25px 0 0 0;padding:0 0 10px 0;}
            .haber-box-hover{background:#f5f7f9;}
              .haber-tarih {float:left;width:80px;font-size:16px;font-weight:600;color:#73819e;margin:10px 0 0 10px;padding-right:10px;text-align:center;border-right:1px solid #73819e;}
              .haber-title-giris {float:left;width:70%;margin:0 0 0 20px;}
                   .haber-title {float:left;font-size:14px;font-weight:600;color:var(--blue);margin-bottom:5px;}
                   .haber-giris {float:left;font-weight:400;color:#f1f1f1;margin-top:5px;line-height:21px;}
            
            a.haber-devami:link {text-decoration:none;font-weight:600;background:var(--red);color:#fff;padding:5px 10px;border-radius:5px;}
            a.haber-devami:visited {text-decoration:none;font-weight:600;color:var(--red);}
             
            .haber-detay {margin-top:10px;margin-left:100px;max-height: 0;overflow: hidden;transition: max-height 0.4s ease;}

.haber-box.open .haber-detay {max-height: 200px;margin-top: 10px;} 
             
.icerik-cont-ref{float:left;margin:30px 0;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap: 30px 15px;}             
.refbox {float: left;width: 130px;height: 75px;border:1px solid rgba(25,53,90, 0.3);transition:all 0.2s;display:flex;justify-content:center;align-items:center;}

.refbox img{max-width:100%;max-height:100%;}
.refbox:hover {box-shadow: 0px 0px 10px rgba(25,53,90, 0.3);}
.ref-country-title{float:left;width:100%;color:#fff; text-align:center;margin:45px auto;margin-bottom:10px;}
.refbox-ulkeler {float: left;width: 130px;height: 95px;border:1px solid rgba(25,53,90, 0.3); text-align:center;transition:all 0.2s;}
.refbox-ulkeler img{width:130px;height:75px;}

.refbox-ulkeler:hover {box-shadow: 0px 0px 10px rgba(25,53,90, 0.3);}

#ref-world-map{width:90%;height:auto;margin:10px auto;display:block;}
#katalog{width:250px;margin:10px auto;margin-left:35%;border:1px solid #eee;}     
#video-boxes-holder{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:30px;background:#fff;padding:60px 30px;box-sizing:border-box;}

.video-box {position:relative;float:left;width:300px;height:215px;border:1px solid #eee;cursor:pointer;/*background:#f5f5f5;*/}
.video-box:hover{border:1px solid var(--dark-blue);box-shadow: 0px 10px 15px #e3e3e3;}

.video-box iframe{float:left;}

.videoimg{width:160px;height:160px;text-align:center;}
.video-adi{position:absolute;left:0;bottom:0;width:100%;text-align:center;color:var(--dark-blue);text-align:center;font-size:14px;font-weight:600;margin-top:1px;padding:0 0 10px 0;}
.video-adi:hover{color:#fff;background:var(--red);}


	#vimeo-link {float:left;height:30px;color:#fff; padding-bottom:1px;}
	a.link-vimeo:link{text-decoration:none;color:var(--blue);font-weight:600;padding-bottom:1px;}
	a.link-vimeo:visited{text-decoration:none;color:var(--blue);font-weight:600;}
	a.link-vimeo:hover{text-decoration:none;border-bottom:1px dotted var(--blue);font-weight:600;}


/* FOTO GALERI */

.photo-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;width: 90%;margin: 40px auto;}
.photo-item {background: #fff;}

.photo {width: 100%;aspect-ratio: 4 / 3; /* tüm kutular eşit */overflow: hidden;}
.photo img {width: 100%;height: 100%;object-fit: cover;cursor: pointer;transition: transform 0.3s ease;}
.photo img:hover {transform: scale(1.05);}

.close {position: absolute;right: 15px;top: 10px;font-size: 22px;cursor: pointer;}

#lightbox {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.95);display: none;align-items: center;justify-content: center;z-index: 99999;}
#lightbox img {max-width: 90%;max-height: 85%;}
#lightbox .nav {position: absolute;top: 50%;transform: translateY(-50%);font-size: 40px;color: #fff;cursor: pointer;padding: 10px;user-select: none;}

#lightbox .prev { left: 20px; }
#lightbox .next { right: 20px; }

#lightbox .close {position: absolute;top: 20px;right: 30px;font-size: 35px;color: #fff;cursor: pointer;}


#contact-boxes-holder{width:80%;margin:10px auto;display:flex;justify-content:center;align-items: stretch;gap:30px;}
.contact-boxes{float:left;width:30%;background: rgba(10, 19, 36, 0.6);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
    color: #e2e8f0;padding:30px;box-sizing:border-box;}
.contact-box-title{float:left;width:100%;text-align:center;color:#fff;font-weight:600;}
.contact-box-text{float:left;width:100%;margin-top:30px;text-align:center;line-height:21px;}

#contact-map-holder{float:left;width:97%;margin:60px auto;border:5px solid rgba(255, 255, 255, 0.1);}  
#contact-form-holder{float:left;width:37%;margin:60px 0 30px 5%;}  
    
    #contact-form-holder h3{text-align:center;font-size:16px;color:#fff;}
    
    .contact_form {width: 100%;max-width: 500px;margin: 0 auto;}

.form_input,
.form_textarea {width: 100%;padding: 12px 15px;margin: 10px auto;border: 1px solid rgba(255,255,255, 0.2);background:#0b0f1a;border-radius: 5px;font-size: 14px;box-sizing: border-box;transition: 0.3s;}

.form_input:focus,
.form_textarea:focus {border-color: #19355a;outline: none;}

.form_textarea {resize: vertical;}
.form_button {width: 100%;padding: 12px;background: var(--red);color: #fff;border: none;border-radius: 5px;font-size: 15px;cursor: pointer;transition: 0.3s;}
.form_button:hover {background: var(--red);}         
             
             
/* Custom Things */

 a.custom-link-red:link,a.custom-link-red:visited{float:left;margin-top:30px;text-decoration:none;border:1px solid var(--red);background:var(--red);color:#fff;padding:10px 30px;border-radius:30px;}
        a.custom-link-red:hover{background:transparent;color:#fff;}
        
 a.custom-link-red-centered:link,a.custom-link-red-centered:visited{display:table;margin:15px auto;text-decoration:none;border:1px solid var(--red);background:var(--red);color:#fff;padding:10px 30px;border-radius:30px;}
        a.custom-link-red-centered:hover{background:transparent;color:var(--red);}
        
.red{color:var(--red);}
/*.corinthia{font-family: "Corinthia", cursive;}*/
.exo{font-family: "Exo 2", sans-serif;}
.custom-link-dark-blue:link,.custom-link-dark-blue:visited{text-decoration:none;color:var(--dark-blue);}
.custom-link-white:link,.custom-link-white:visited{text-decoration:none;color:#fff;}
.fs44{font-size:44px;}
.boldy600{font-weight:600;}