@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

:root{
	--main:#5c5e5b
}
/*Footer Start*/
.footer-style-one .footer-top-wrapper {border-bottom: none !important}
.footer-widget .mailchimp{display: flex;gap: 1em;justify-content: center;align-items: center;}
.footer-widget .mailchimp a{color: #fff;border: 1px solid grey;flex: 0 1 auto;text-align: center;border-radius: 10px;padding: 1em;display: flex;justify-content: center;align-items: center}
.footer-widget .mailchimp i {
    width: 35px;
    height: 35px;
    border-radius: 100px;
    background: #fff26b;
    background: white;
    color: #000;
    margin-right: .5em;
    display: flex;
    justify-content: center;
    align-items: center
}
.footer-widget .mailchimp a:hover{background-color:#fff26b; transition: 1s ease-out;color:#000 }
.footer-widget .mailchimp a:hover i{border: 1px solid #000}
@media(max-width:991px){
    .footer-style-one .mailchimp {display: block;margin-bottom: 1em}
    .footer-style-one .mailchimp a{margin-bottom: 1em}
    .footer-widget img{opacity: .3}
}
/*Footer End*/

/*Header Start*/
.header-style-one {background-color: unset!important }
/*Header End*/

/*İletişim start*/
.map-section iframe{width:100%}
#contactForm .btn-style-one:hover {background-color: var(--bg-theme-color1)!important;}
/*İletişim end*/

/*Preloader Start*/
.preloader{display:none}
/*Preloader End*/

/*Ana sayfa ürünler slider*/
.project-block-digital .image::after {
    background: linear-gradient(180deg, rgba(15, 14, 14, 0) 20.92%, #ffffff54 100%);
}
.project-block-digital .content-box {
    padding: 20px 40px;
}

.project-block-digital .content-box .content .title {
    color: var(--bs-gray-700);
	font-weight:700;
}

/* -------------- */
.blog-details__tags span {
    position: relative;
    font-size: 12px;
    background-color: var(--theme-color1);
    color: var(--theme-color2);
    display: inline-block;
    padding: 5px 30px 5px;
    font-weight: var(--body-font-weight-bold);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    border-radius: 35px;
	margin-left:10px
}

.detay .spot.service-block-two { grid-template-columns: 1fr; }
.detay .spot.service-block-two .title{ font-size: 1.2em }
[data-page="anasayfa"] .header-style-one .header-wrapper {background: #fff}
[data-page="anasayfa"] .header-style-one .header-wrapper .btn-style-one {padding: 20px 32px;}
.home-slider .tp-portfolio-wrapper-slider-bg{
    position: relative;
    overflow: hidden;
}

.home-slider .tp-portfolio-wrapper-slider-bg::before{
    content: "";
    position: absolute;
    inset: 0;
    /* background: linear-gradient( */
        /* 90deg, */
        /* rgba(0,0,0,.75) 0%, */
        /* rgba(0,0,0,.55) 35%, */
        /* rgba(0,0,0,.25) 60%, */
        /* rgba(0,0,0,0) 100% */
    /* ); */
	
	/* background:linear-gradient(90deg, rgb(186 186 186 / 75%) 0%, rgb(200 200 200 / 55%) 35%, rgb(255 255 255 / 25%) 60%, rgb(255 255 255 / 0%) 100%); */
	background:linear-gradient(90deg, rgb(186 186 186) 0%, rgb(200 200 200 / 95%) 35%, rgb(255 255 255 / 44%) 60%, rgb(255 255 255 / 78%) 100%);
    z-index: 1;
    pointer-events: none;
	content: unset
}

.tp-portfolio-wrapper-slider-subtitle {
    background: white;
    color: gray;
    padding: 1em;
    margin-bottom: 0em;
    display: inline-block;
}
.tp-portfolio-wrapper-slider-bg.slick-active .tp-portfolio-wrapper-slider-title {

    backdrop-filter: blur(11px);
    padding: .5em;
}
.home-slider .tp-portfolio-wrapper-slider-content{position: relative;z-index: 2;}
.home-slider .tp-portfolio-wrapper-slider-title {max-width: 650px }
.home-slider .slick-prev:hover:before, .home-slider .slick-prev:focus:before, .home-slider .slick-next:hover:before, .home-slider .slick-next:focus:before {opacity: 1;color: #000; }
[data-page="anasayfa"] .cta-section-one .cta-title {font-size: 250px!important}
@media(min-width:991px){
.header-style-one .header-wrapper { grid-template-columns: 1fr!important; }
.header-style-one .header-left {justify-content: space-between!important;align-items: center!important}
.header-style-one .header-left {border: none!important;}
[data-page="anasayfa"] .header-style-one .header-wrapper {background: transparent;}
[data-page="anasayfa"] .main-header:not(.fixed-header) .logo img {filter: brightness(5);max-height: 70px}
[data-page="anasayfa"] .main-header:not(.fixed-header) .main-menu .navigation > li > a {color: #fff;font-size: 1.2em}
}

.home-blog .news-block-one .title {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* En fazla 2 satır */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.service-block-one .inner-box span{
    display: block;
    padding: 60px 60px 50px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(9, 20, 35, 0.1);
    border-image: none;
}

.service-block-one .inner-box span img{ position: absolute; left: 50px; top:50px; width: 100px }
.service-block-one .inner-box span:hover { background-color: var(--main); border-color: var(--main); }
.service-block-one .inner-box span:hover img { filter: invert(1) brightness(3); }
.service-block-one .inner-box span:hover .title,.service-block-one .inner-box span:hover p {color: #fff }

.service-block-one .inner-box span img {
   filter: invert(1) sepia(1) saturate(2) brightness(.7) hue-rotate(160deg);
}
@media(max-width:991px){
	.slick-prev, .slick-next {top: unset!important;bottom:0 }
	.service-block-one .inner-box span img {padding:1em}
	
}

table .theme-btn {background-color: var(--main);}
table .theme-btn:hover{background-color: #fff}

header .main-menu li a[data-id="1127"] + ul{display: flex !important; width: 70vw; flex-wrap: wrap; position: absolute;right: -10vw;left: unset;padding:2em;align-items:center} 
header .main-menu li a[data-id="1127"] + ul li{ flex: 0 1 25%; display: flex; position: relative; padding: 20px 20px 20px 30px }
header .main-menu li a[data-id="1127"] + ul li img{position: absolute;width: 50px;height: 50px;object-fit: contain;left: 0;top: 20%;padding: .5em}
header .main-menu li a[data-id="1127"] + ul li:hover img{transform: rotate(-8deg) scale(1.2);transition: .2s }

.page-title::before{
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255,255,255,.85); /* Beyazlık oranı */
    z-index: 1;
}

.page-title .auto-container{z-index: 2;}
.urun-detay .about-section-one .about-wrapper {display: block} 
.sticky-header.fixed-header{display: flex;    flex-direction: column;}
.urun-sub-title{width: 100%;background:white;text-align: center;font-size: 2em;font-weight:100;}
.about-section-one .content-right .text-box {padding-left: 0!important}
.urun-detay .about-section-one {padding:  0;}
.urun-detay .about-section-one .denge-fade{margin-top: 0!important;}
.about-section-one .content-right .sec-title { margin-bottom: 0!important; }
#urun-dokumanlar table tbody{display: flex;flex-wrap: wrap}
#urun-dokumanlar table tbody tr{flex: 0 1 25%;padding: 1em}
#urun-dokumanlar table tbody>tr:nth-of-type(odd)>* {box-shadow: unset;}
#urun-dokumanlar .cart_item td {display: block;padding: 0;border: none;background: transparent; }
#urun-dokumanlar .cart_item a {display: flex;align-items: center;gap: 12px;padding: 16px 18px;background: #fff;border: 1px solid #ececec;border-radius: 12px;color: #222;font-size: 14px;font-weight: 500;text-decoration: none;transition: all 0.25s ease;box-shadow: 0 1px 3px rgba(0,0,0,0.03);   position: relative; }
#urun-dokumanlar .cart_item a:hover {border-color: grey; }
#urun-dokumanlar .cart_item a::before {font-family: "Font Awesome 6 Free";font-weight: 900;font-size: 18px;width: 40px;height: 40px;min-width: 40px;display: flex;align-items: center;justify-content: center;border-radius: 8px;color: #fff; }
#urun-dokumanlar .cart_item a[href$=".pdf"]::before,#urun-dokumanlar .cart_item a[href$=".PDF"]::before {content: "\f1c1";color: #e6484f;background: #f7dadb; }
#urun-dokumanlar .cart_item a[href$=".dwg"]::before,#urun-dokumanlar .cart_item a[href$=".DWG"]::before  {content: "\f1c9";background: #daedfa;    color: #6daef2; }
#urun-dokumanlar .cart_item a[href$=".max"]::before,#urun-dokumanlar .cart_item a[href$=".MAX"]::before {content: "\f1c9";    background: #ffebc3; color: #e2a869; }
#urun-dokumanlar .cart_item a[href$=".glb"]::before,#urun-dokumanlar .cart_item a[href$=".GLB"]::before {content: "\f1b2";font-family: "Font Awesome 6 Free";font-weight: 900;background: #e8ddff;color: #8b5cf6; }
#urun-dokumanlar .cart_item a::after {content: "\f019";font-family: "Font Awesome 6 Free";font-weight: 900;margin-left: auto;font-size: 13px;color: #bbb;transition: color 0.25s ease; }
#urun-dokumanlar .table-bordered>:not(caption)>* {border-width:  0; }
#urun-dokumanlar .cart_item a[href$=".skp"]::before,#urun-dokumanlar .cart_item a[href$=".SKP"]::before {content: "\f1c9";font-family: "Font Awesome 6 Free";font-weight: 900;background: #e3f3e8;color: #34a853;}
@media(max-width:991px){
    #urun-dokumanlar table tbody tr {flex: 0 1 100%;}
}



/*BTNs and footer*/
.btn-style-three .btn-text,.btn-style-three .btn-icon{ color: white; background-color: #5b5f5b; }
.news-block-one .read-details,
.footer-widget .mailchimp a:hover{ background-color: #ffffff; }
.footer-style-one .social-media li a:hover,.footer-style-one .links-widget li a:hover{color: white;font-weight: 800}

/*3D Model*/
  .configurator {
    display: flex;
    gap: 40px;
    max-width: 1400px;
     margin: 0;
    padding: 20px;
    background: #fff;
    color: #222;
	box-sizing: border-box;
  }
 
  /* SOL: 3D MODEL */
  .viewer-col {
    flex: 1.1;
  }
  model-viewer {
    width: 100%;
    height: 500px;
    background: #f7f7f7;
  }
 
  /* SAĞ: BİLGİ + RENK PANELİ */
  .info-col {
    flex: 1;
    min-width: 380px;
  }
  .product-title {
    font-size: 26px;
    font-weight: 600;
    margin: 0 0 4px;
  }
  .product-code {
    font-size: 14px;
    color: #444;
    margin: 0 0 14px;
  }
  .product-dims {
    font-size: 13px;
    color: #555;
    line-height: 1.5;
    margin-bottom: 14px;
  }
  .back-btn {
    display: inline-block;
    padding: 4px 10px;
    font-size: 12px;
    border: 1px solid #999;
    background: #fff;
    cursor: pointer;
    margin-bottom: 18px;
  }
 
  .section-bar {
    background: #222;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    padding: 8px 12px;
    margin-bottom: 14px;
  }
 
  /* "Last choices" tek satır swatch */
  .last-choice {
    display: flex;
    gap: 8px;
    margin-bottom: 20px;
  }
  .last-choice .swatch-circle {
    width: 34px;
    height: 34px;
  }
 
  .search-box {
    width: 100%;
    border: none;
    border-bottom: 1px solid #999;
    padding: 6px 2px;
    font-size: 14px;
    margin-bottom: 6px;
    outline: none;
  }
  .search-box::placeholder { color: #999; }
 
  .result-count {
    font-size: 12px;
    color: #666;
    margin-bottom: 16px;
  }
 
  /* SWATCH GRID */
  .swatch-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px 16px;
  }
 
  .swatch-item {
    position: relative;
    text-align: center;
    cursor: pointer;
  }
 
  .swatch-circle {
    width: 78px;
    height: 78px;
    border-radius: 50%;
    margin: 0 auto 8px;
    background-size: cover;
    background-position: center;
    border: 1px solid rgba(0,0,0,0.08);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
  }
 
  .swatch-item:hover .swatch-circle {
    transform: scale(1.05);
    box-shadow: 0 2px 8px rgba(0,0,0,0.25);
  }
 
  .swatch-item.selected .swatch-circle {
    box-shadow: 0 0 0 3px #222;
  }
 
  /* sağ üst köşedeki renk durum işareti (yeşil = önerilen, turuncu = önerilmez) */
  .status-flag {
    position: absolute;
    top: 0;
    left: 4px;
    width: 10px;
    height: 10px;
  }
  .status-flag.recommended { background: #2e7d32; }
  .status-flag.not-recommended { background: #e07b1a; }
 
  .swatch-label {
    font-size: 11px;
    line-height: 1.3;
    color: #333;
    text-transform: uppercase;
  }
 
  .legend {
    display: flex;
    gap: 20px;
    margin-top: 24px;
    font-size: 12px;
    color: #333;
  }
  .legend span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
  }
  .legend .dot {
    width: 10px;
    height: 10px;
    display: inline-block;
  }
  .legend .dot.recommended { background: #2e7d32; }
  .legend .dot.not-recommended { background: #e07b1a; }
  @media (max-width: 1024px) {
    .configurator {
      gap: 24px;
    }
    .info-col {
      min-width: 320px;
    }
    .swatch-grid {
      grid-template-columns: repeat(4, 1fr);
      gap: 18px 12px;
    }
    .swatch-circle {
      width: 66px;
      height: 66px;
    }
  }
 
  /* =======================
     MOBİL (≤768px)
     ======================= */
  @media (max-width: 768px) {
    body {
      padding: 12px;
    }
 
    .configurator {
      flex-direction: column;
      gap: 20px;
    }
 
    .viewer-col,
    .info-col {
      flex: none;
      width: 100%;
      min-width: 0;
    }
 
    model-viewer {
      height: 320px;
    }
 
    .product-title {
      font-size: 21px;
    }
    .product-code {
      font-size: 13px;
    }
    .product-dims {
      font-size: 12px;
    }
 
    .section-bar {
      font-size: 12px;
      padding: 7px 10px;
    }
 
    .last-choice {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      padding-bottom: 4px;
    }
    .last-choice .swatch-circle {
      flex: 0 0 auto;
      width: 30px;
      height: 30px;
    }
 
    .search-box {
      font-size: 16px; /* iOS'ta otomatik zoom'u engeller */
      padding: 8px 2px;
    }
 
    /* 4 sütun yerine mobilde 4'te kalabilir, dar ekranlarda 3'e düşür */
    .swatch-grid {
      grid-template-columns: repeat(4, 1fr);
      gap: 14px 8px;
    }
    .swatch-circle {
      width: 58px;
      height: 58px;
      margin-bottom: 6px;
    }
    .swatch-label {
      font-size: 9.5px;
    }
    .status-flag {
      width: 8px;
      height: 8px;
    }
 
    .legend {
      flex-wrap: wrap;
      gap: 12px;
      font-size: 11px;
    }
  }
 
  /* =======================
     KÜÇÜK MOBİL (≤420px)
     ======================= */
  @media (max-width: 420px) {
    model-viewer {
      height: 260px;
    }
    .swatch-grid {
      grid-template-columns: repeat(3, 1fr);
      gap: 14px 6px;
    }
    .swatch-circle {
      width: 60px;
      height: 60px;
    }
  }