/* ===== Logis özel düzenlemeler ===== */

:root{
  --roofsie-base: #7a7168;
  --roofsie-base-rgb: 122, 113, 104;
  --roofsie-black: #2e3236;
  --roofsie-black-rgb: 46, 50, 54;
  --roofsie-primary: #f0efed;
  --logis-logo-h: 50px;
  --logis-logo-h-sticky: 46px;
  --logis-logo-h-mobile: 42px;
  --logis-accent: #7a7168;
  --logis-accent-rgb: 122, 113, 104;
}

/* --- İkonlar: sakin taş tonu (cıvık kırmızı/altın yerine) --- */
.feature-card .icon-box,
.option-box .opt-icon,
.feature-card-list li::before,
.why-choose-one__points-icon span,
.counter-one__icon span,
.about-one__points li .icon-box .icon,
.services-one__read-more a i,
.feature-one__read-more a i,
.blog-one__read-more a i,
.blog-details__list li i{
  color: var(--logis-accent) !important;
}
.feature-card .icon-box{
  background: rgba(var(--logis-accent-rgb), 0.1) !important;
}
.option-box{
  border-color: rgba(var(--logis-accent-rgb), 0.22) !important;
}
.badge-pill-custom{
  background: rgba(var(--logis-accent-rgb), 0.12) !important;
  color: var(--logis-accent) !important;
}

/* --- Beyaz navbar + logo renkleri --- */
.main-header__top{
  background-color:#ffffff !important;
  border-bottom:1px solid rgba(46,50,54,.08);
}
.main-header__top-address-list li .icon span,
.main-header__top-address-list li .text p,
.main-header__top-menu li a{
  color:#2e3236 !important;
}
.main-header__top-menu li a:hover,
.main-header__top-address-list li .text p a:hover{
  color:#7a7168 !important;
}
.main-menu, .stricky-header{
  background-color:#ffffff !important;
  box-shadow:0 8px 24px rgba(46,50,54,.06);
}
.main-menu .main-menu__list>li>a,
.stricky-header .main-menu__list>li>a{color:#2e3236 !important;}
.main-menu .main-menu__list>li.current>a,
.main-menu .main-menu__list>li:hover>a,
.stricky-header .main-menu__list>li.current>a,
.stricky-header .main-menu__list>li:hover>a{color:#7a7168 !important;}
.main-menu__call-content a,
.main-menu__search{color:#2e3236 !important;}
.main-menu__call-content p{color:#727577 !important;}
.main-menu__search-box:before{background-color:rgba(46,50,54,.12) !important;}
.main-menu__call-icon,
.mobile-nav__toggler{color:#2e3236 !important;}
.main-menu .main-menu__list>li>ul{background-color:#ffffff !important;}
.main-menu .main-menu__list>li>ul>li>a{color:#2e3236 !important;}
.main-menu .main-menu__list>li>ul>li>a:hover{color:#7a7168 !important;}

/* --- Logo: navbar yüksekliğiyle orantılı, menü yazılarıyla aynı ölçek --- */
.main-header{position:relative;}
.main-header__logo{
  left:32px;
  top:auto !important;
  bottom:0 !important;
  transform:none !important;
  height:90px;
  display:flex;
  align-items:center;
}
.main-header__logo a{
  display:flex;
  align-items:center;
  line-height:0;
}
.main-header__logo img{
  height:var(--logis-logo-h) !important;
  max-height:var(--logis-logo-h) !important;
  width:auto !important;
  margin-top:0 !important;
  object-fit:contain;
  display:block;
}
.main-header .main-header__top,
.main-header .main-menu__wrapper-inner{
  padding-left:200px;
}
.stricky-header .main-header__logo{
  top:50% !important;
  bottom:auto !important;
  transform:translateY(-50%) !important;
  height:auto;
}
.stricky-header .main-header__logo img{
  height:var(--logis-logo-h-sticky) !important;
  max-height:var(--logis-logo-h-sticky) !important;
}
.mobile-nav__content .logo-box img{
  height:48px;
  max-height:48px;
  width:auto !important;
  background:transparent;
  border-radius:0;
  padding:0;
}
@media (max-width:1199px){
  .main-header__logo{left:24px;}
  .main-header .main-header__top,
  .main-header .main-menu__wrapper-inner{padding-left:188px;}
}
@media (max-width:991px){
  .main-header__logo{left:16px;height:72px;}
  .main-header__logo img{
    height:var(--logis-logo-h-mobile) !important;
    max-height:var(--logis-logo-h-mobile) !important;
  }
  .main-header .main-menu__wrapper-inner{padding-left:168px;}
}
@media (max-width:767px){
  .main-header__logo{left:12px;height:70px;}
  .main-header .main-menu__wrapper-inner{padding-left:0;}
}

/* --- Hero arka plan: tam genişlik video --- */
.main-slider{overflow:hidden;}
.main-slider .swiper-slide{
  background-color:transparent;
}
.main-slider .image-layer{
  left:0;
}
.main-slider__video{
  position:absolute;
  inset:0;
  z-index:1;
  overflow:hidden;
  background:#1c1b1f;
}
.main-slider__video video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
  pointer-events:none;
  opacity:0;
  z-index:0;
  transition:opacity 1.2s ease-in-out;
}
.main-slider__video video.is-active{
  opacity:1;
  z-index:1;
}
.main-slider__video:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  background:
    radial-gradient(ellipse at center, rgba(20,24,28,.28) 0%, rgba(20,24,28,.52) 62%, rgba(20,24,28,.7) 100%),
    linear-gradient(180deg, rgba(20,24,28,.22) 0%, rgba(20,24,28,.12) 42%, rgba(20,24,28,.5) 100%);
}
.main-slider .swiper-container{
  position:relative;
  z-index:2;
}
@media (prefers-reduced-motion: reduce){
  .main-slider__video video{display:none;}
  .main-slider__video{
    background-image:url("../img/1.png");
    background-size:cover;
    background-position:center;
  }
}

.main-slider .container{
  min-height:86vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding-top:150px;
  padding-bottom:110px;
}
.main-slider .row{width:100%;}
.main-slider__content{
  text-align:center;
  max-width:880px;
  margin:0 auto;
}
.main-slider__sub-title{
  font-size:13px !important;
  font-weight:500 !important;
  letter-spacing:.38em;
  text-transform:uppercase;
  color:#d7c4b0 !important;
  line-height:1.4 !important;
  margin-bottom:22px !important;
}
.main-slider__sub-title:after{
  content:"";
  display:block;
  width:56px;
  height:1px;
  margin:18px auto 0;
  background:linear-gradient(90deg, transparent, #d7c4b0, transparent);
}
.main-slider__title{
  font-family:"Cormorant Garamond", Georgia, serif !important;
  font-weight:500 !important;
  font-size:clamp(40px, 6.2vw, 78px) !important;
  line-height:1.12 !important;
  letter-spacing:-.02em;
  color:#f7f3ee !important;
  margin-bottom:22px !important;
  text-shadow:0 10px 30px rgba(0,0,0,.28);
}
.main-slider__title em{
  font-style:italic;
  font-weight:400;
  color:#e8d5c4;
}
.main-slider__text{
  max-width:560px;
  margin:0 auto 36px;
  padding-bottom:0 !important;
  font-size:17px !important;
  font-weight:400 !important;
  line-height:1.75 !important;
  letter-spacing:.01em;
  color:rgba(247,243,238,.82) !important;
}
.main-slider .swiper-slide-active .main-slider__text{opacity:1 !important;}
.main-slider__btn-box{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
}
.main-slider__btn{
  min-width:180px;
  justify-content:center;
  border-radius:999px;
  letter-spacing:.08em;
}
.main-slider__btn--ghost{
  background:transparent !important;
  border:1px solid rgba(247,243,238,.45);
  color:#f7f3ee !important;
}
.main-slider__btn--ghost:before{display:none;}
.main-slider__btn--ghost:hover{
  background:rgba(247,243,238,.12) !important;
  color:#fff !important;
}
@media (max-width:767px){
  .main-slider .container{min-height:78vh;padding-top:120px;padding-bottom:80px;}
  .main-slider__title{font-size:36px !important;line-height:1.18 !important;}
  .main-slider__text{font-size:15px !important;padding:0 8px;}
  .main-slider__btn{min-width:160px;}
}

/* --- Hero slider okları: sayfanın sol ve sağı --- */
.main-slider__nav{
  top:50%;
  left:0;
  right:0;
  max-width:none;
  width:100%;
  height:auto;
  padding:0 28px;
  transform:translateY(-50%);
  flex-direction:row;
  justify-content:space-between;
  align-items:center;
  pointer-events:none;
}
.main-slider__nav .swiper-button-next,
.main-slider__nav .swiper-button-prev{
  pointer-events:auto;
  margin-bottom:0;
  color:rgba(255,255,255,.9);
  border-color:rgba(255,255,255,.55);
  background:rgba(20,24,28,.22);
}
.main-slider__nav .swiper-button-next:hover,
.main-slider__nav .swiper-button-prev:hover{
  color:#fff;
  border-color:#fff;
  background:rgba(20,24,28,.4);
}
@media (max-width:767px){
  .main-slider__nav{
    display:flex;
    padding:0 12px;
  }
  .main-slider__nav .swiper-button-next,
  .main-slider__nav .swiper-button-prev{
    width:42px;
    height:42px;
    font-size:14px;
  }
}

/* --- Kart görsellerini eşitle (sabit yükseklik + kırpma) --- */
.blog-one__img{height:250px;overflow:hidden;border-radius:10px;flex-shrink:0;}
.blog-one__img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
.blog-one__single:hover .blog-one__img img{transform:scale(1.05);}

.blog-one .row,
.blog-page .row{align-items:stretch;}
.blog-one .row>[class*="col-"],
.blog-page .row>[class*="col-"]{display:flex;}
.blog-one__single{
  height:100%;
  width:100%;
  display:flex;
  flex-direction:column;
}
.blog-one__content{
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
}
.blog-one__title{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:72px;
}
.blog-one__text{flex:1 1 auto;}
.blog-one__read-more{margin-top:auto;}

.services-one__img{height:230px;overflow:hidden;flex-shrink:0;}
.services-one__img img{width:100%;height:100%;object-fit:cover;}

/* --- Hizmet kartları: eşit yükseklik, açıklama esner, buton alta --- */
.services-one .row,
.services-page .row{align-items:stretch;}
.services-one .row>[class*="col-"],
.services-page .row>[class*="col-"]{display:flex;}
.services-one__single{
  height:100%;
  width:100%;
  display:flex;
  flex-direction:column;
}
.services-one__content{
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
}
.services-one__text{flex:1 1 auto;}
.services-one__read-more{margin-top:auto;}

.project-one__img{height:340px;overflow:hidden;}
.project-one__img img{width:100%;height:100%;object-fit:cover;}

.work-page .project-filter{
  max-width:920px;
  flex-wrap:wrap;
  justify-content:center;
}
.work-page .project-one__img{height:280px;}

/* --- Proje kartları: başlık her zaman görünsün, hover güçlendirsin --- */
.project-one__img-box{
  overflow:hidden;
  border-radius:12px;
  box-shadow:0 12px 28px rgba(46,50,54,.08);
}
.project-one__img:before{
  background:linear-gradient(180deg, rgba(20,24,28,0) 35%, rgba(20,24,28,.78) 100%) !important;
  transform:none !important;
  opacity:1 !important;
  border-radius:12px;
}
.project-one__single:hover .project-one__img:before{
  background:linear-gradient(180deg, rgba(122,113,104,.28) 0%, rgba(46,50,54,.88) 100%) !important;
  transform:none !important;
}
.project-one__img-box:before,
.project-one__img-box:after{display:none;}
.project-one__content{
  left:20px;
  right:70px;
  bottom:18px;
  opacity:1 !important;
  transform:none !important;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px;
}
.project-one__single:hover .project-one__content{
  transform:none !important;
  transition-delay:0s;
}
.project-one__title{
  font-size:18px;
  line-height:1.3;
  margin:0;
}
.project-one__title a{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  text-shadow:0 1px 8px rgba(0,0,0,.35);
}
.project-one__link{
  width:44px;
  height:44px;
  top:14px;
  right:14px;
  opacity:1 !important;
  transform:none !important;
  background:rgba(20,24,28,.55);
  backdrop-filter:blur(6px);
}
.project-one__single:hover .project-one__link{
  background:var(--roofsie-black);
  transition-delay:0s;
}
.work-page .project-one__img-box{cursor:zoom-in;}
.work-page .project-one__content{pointer-events:none;z-index:4;}
.work-page .project-one__link{
  inset:0;
  top:0;right:0;bottom:0;left:0;
  width:auto;
  height:auto;
  background:transparent !important;
  border-radius:12px;
  backdrop-filter:none;
  display:block;
  z-index:3;
}
.work-page .project-one__link a{
  display:block;
  width:100%;
  height:100%;
  position:relative;
}
.work-page .project-one__link a i{
  position:absolute;
  top:14px;
  right:14px;
  width:44px;
  height:44px;
  border-radius:50%;
  background:rgba(20,24,28,.55);
  backdrop-filter:blur(6px);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:16px;
  color:#fff;
}
.work-page .project-one__single:hover .project-one__link a i{
  background:var(--roofsie-black);
}

/* --- Fotoğraf lightbox: ortalı, ekrana sığan --- */
.mfp-bg{background:rgba(12,14,18,.9);opacity:1;}
.mfp-project .mfp-content{max-width:min(1100px,92vw);}
.mfp-project .mfp-figure{margin:0 auto;}
.mfp-project .mfp-img{
  max-height:78vh !important;
  width:auto !important;
  margin:0 auto;
  padding:0;
  border-radius:12px;
  box-shadow:0 24px 60px rgba(0,0,0,.4);
}
.mfp-project .mfp-title{
  text-align:center;
  padding:14px 48px 0;
  color:#fff;
  font-size:16px;
  font-weight:700;
}
.mfp-project .mfp-counter{color:rgba(255,255,255,.7);}
.mfp-project .mfp-close{
  top:-8px;
  right:-8px;
  width:44px;
  height:44px;
  background:rgba(20,24,28,.7);
  border-radius:50%;
  opacity:1;
  color:#fff;
}
.mfp-fade.mfp-bg{opacity:0;transition:opacity .25s ease;}
.mfp-fade.mfp-bg.mfp-ready{opacity:1;}
.mfp-fade.mfp-bg.mfp-removing{opacity:0;}
.mfp-fade.mfp-wrap .mfp-content{opacity:0;transform:scale(.96);transition:opacity .25s ease,transform .25s ease;}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content{opacity:1;transform:none;}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content{opacity:0;transform:scale(.96);}
.work-page .project-one__content:before{
  content:"Proje";
  display:inline-block;
  padding:4px 10px;
  border-radius:999px;
  font-size:11px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:#fff;
  background:rgba(122,113,104,.95);
}
.work-page .filter-item.otel .project-one__content:before{content:"Otel & Restoran";}
.work-page .filter-item.konut .project-one__content:before{content:"Villa & Konut";}
.work-page .filter-item.tente .project-one__content:before{content:"Tente & Pergola";}
.work-page .filter-item.kurumsal .project-one__content:before{content:"Kurumsal";}

.about-one__img img{width:100%;height:540px;object-fit:cover;}

.why-choose-one__img img{width:100%;height:auto;max-height:640px;object-fit:cover;border-radius:12px;}

.testimonial-one__client-img{width:70px;height:70px;overflow:hidden;border-radius:50%;}
.testimonial-one__client-img img{width:100%;height:100%;object-fit:cover;}

/* --- Sayaç: sol/sağ kart aynı yükseklik + 4 eşit sütun --- */
.counter-one__inner{
  display:flex !important;
  align-items:stretch !important;
  overflow:hidden;
  border-radius:10px;
}
.counter-one__left,
.counter-one__right{
  float:none !important;
  display:flex !important;
  flex-direction:column;
  justify-content:center;
  height:auto !important;
}
.counter-one__left{
  flex:0 0 280px;
  max-width:280px;
  border-radius:10px 0 0 10px !important;
}
.counter-one__right{
  flex:1 1 auto;
  max-width:none !important;
  border-radius:0 10px 10px 0 !important;
  padding:40px 40px !important;
}
.counter-one__left-content{
  padding:40px 40px !important;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  margin:0;
}
.counter-one__list{
  align-items:stretch !important;
  height:100%;
}
.counter-one__list li{
  flex:0 0 25% !important;
  max-width:25% !important;
  padding-left:30px !important;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.counter-one__list li:first-child{padding-left:0 !important;}
.counter-one__list li:before{
  left:0 !important;right:auto !important;top:10px !important;bottom:10px !important;display:block !important;
}
.counter-one__list li:first-child:before{display:none !important;}
.counter-one__list li:nth-child(2):before,
.counter-one__list li:nth-child(3):before,
.counter-one__list li:nth-child(4):before{display:block !important;right:auto !important;left:0 !important;}

@media (max-width:991px){
  .counter-one__inner{flex-direction:column;}
  .counter-one__left{
    flex:0 0 auto;
    max-width:100%;
    border-radius:10px 10px 0 0 !important;
  }
  .counter-one__right{
    border-radius:0 0 10px 10px !important;
  }
  .counter-one__list li{flex:0 0 50% !important;max-width:50% !important;margin-bottom:30px;padding-left:20px !important;}
  .counter-one__right{max-width:100%;}
}
@media (max-width:575px){
  .counter-one__list li{flex:0 0 100% !important;max-width:100% !important;}
}

/* --- İletişim formu: mesaj alındı modalı --- */
body.contact-modal-open{overflow:hidden;}
.contact-success-modal{
  position:fixed;inset:0;z-index:99999;
  display:flex;align-items:center;justify-content:center;
  padding:20px;
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .35s ease,visibility .35s ease;
}
.contact-success-modal.is-open{
  opacity:1;visibility:visible;pointer-events:auto;
}
.contact-success-modal__overlay{
  position:absolute;inset:0;
  background:rgba(20,24,28,.72);
}
.contact-success-modal__dialog{
  position:relative;width:100%;max-width:460px;
  background:#fff;border-radius:16px;
  padding:52px 40px 40px;text-align:center;
  box-shadow:0 24px 60px rgba(0,0,0,.22);
  transform:translateY(18px) scale(.96);
  transition:transform .35s ease;
}
.contact-success-modal.is-open .contact-success-modal__dialog{
  transform:translateY(0) scale(1);
}
.contact-success-modal__close{
  position:absolute;top:16px;right:16px;
  width:36px;height:36px;border:0;border-radius:50%;
  background:#f3f4f6;color:#1c1b1f;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:background .2s ease,color .2s ease;
}
.contact-success-modal__close:hover{
  background:var(--roofsie-base);color:#fff;
}
.contact-success-modal__icon{
  width:78px;height:78px;margin:0 auto 22px;
  border-radius:50%;
  background:rgba(122,113,104,.12);
  color:var(--roofsie-base);
  display:flex;align-items:center;justify-content:center;
  font-size:32px;
}
.contact-success-modal__title{
  margin:0 0 10px;font-size:28px;line-height:1.2;
  color:var(--roofsie-black,#1c1b1f);font-weight:800;
}
.contact-success-modal__text{
  margin:0 0 28px;font-size:16px;line-height:1.7;color:#6b7280;
}
.contact-success-modal__btn{
  min-width:140px;
}
@media (max-width:575px){
  .contact-success-modal__dialog{padding:44px 24px 32px;}
  .contact-success-modal__title{font-size:24px;}
}

/* --- Blog yazısı detay --- */
.blog-details__img img{height:460px;object-fit:cover;}
.blog-details__subtitle{
  font-size:24px;line-height:1.35;font-weight:800;margin:36px 0 16px;
  color:var(--roofsie-black,#1c1b1f);
}
.blog-details__point{
  font-size:20px;line-height:1.4;font-weight:800;margin:28px 0 10px;
  color:var(--roofsie-black,#1c1b1f);
}
.blog-details__content p{font-size:16px;line-height:1.85;color:#6b7280;margin-bottom:16px;}
.blog-details__list{margin:8px 0 24px;}
.blog-details__list li{
  display:flex;align-items:flex-start;gap:10px;
  font-size:16px;line-height:1.7;color:#6b7280;margin-bottom:10px;
}
.blog-details__list li i{color:var(--roofsie-base);margin-top:5px;flex-shrink:0;}
.blog-details__quote{
  margin:32px 0 8px;padding:28px 32px;
  background:#f7f6f4;border-left:4px solid var(--roofsie-base);
  border-radius:0 var(--roofsie-bdr-radius,10px) var(--roofsie-bdr-radius,10px) 0;
}
.blog-details__quote p{margin:0;color:#3f3f46;}
.blog-details__pagenation a{color:inherit;display:block;}
.blog-details__pagenation li:hover a{color:#fff;}
.blgo-details__pagenation-box,
.blog-details__pagenation-box{
  position:relative;display:block;overflow:hidden;margin-bottom:20px;
}
.sidebar__post-image{width:70px;height:70px;overflow:hidden;border-radius:8px;flex-shrink:0;}
.sidebar__post-image img{width:100%;height:100%;object-fit:cover;}
.service-details__need-help{margin-top:30px;}
@media (max-width:767px){
  .blog-details__img img{height:260px;}
}

/* Roofsie haritayı luminosity ile griye çeviriyor */
.google-map{background-color:transparent;}
.google-map .google-map__one{
  mix-blend-mode:normal !important;
  filter:none !important;
}