/* Mobile-only premium responsive improvements - desktop view is unchanged */
@media (max-width: 820px){
  html, body{
    width:100%;
    overflow-x:hidden;
  }

  .container{
    width:min(100% - 26px,1180px) !important;
  }

  .header{
    padding:10px 0 !important;
    background:rgba(9,12,30,.84) !important;
    backdrop-filter:blur(14px) !important;
    border-bottom:1px solid rgba(255,255,255,.10);
  }

  .nav{
    gap:8px !important;
    justify-content:space-between !important;
  }

  .brand{
    gap:7px !important;
    min-width:0 !important;
    flex:1 1 auto !important;
  }

  .brand svg{
    width:34px !important;
    height:28px !important;
    flex:0 0 auto !important;
  }

  .brand-name strong{
    font-size:17px !important;
    letter-spacing:-.035em !important;
    white-space:nowrap !important;
  }

  .brand-name span{
    font-size:6.5px !important;
    letter-spacing:.12em !important;
    max-width:142px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  .nav-links{
    display:none !important;
  }

  .site-lang-switch{
    display:inline-flex !important;
    padding:3px !important;
    gap:3px !important;
    flex:0 0 auto !important;
  }

  .site-lang-btn{
    padding:7px 9px !important;
    font-size:10px !important;
  }

  .nav-btn{
    display:none !important;
  }

  .hero{
    min-height:92vh !important;
    padding:104px 0 124px !important;
    background-position:center center !important;
  }

  .hero:before{
    background:linear-gradient(to top,rgba(9,12,30,.78) 0%,rgba(9,12,30,.34) 52%,rgba(9,12,30,.25) 100%) !important;
  }

  .hero-content{
    max-width:100% !important;
    padding-right:0 !important;
  }

  .eyebrow{
    font-size:10px !important;
    letter-spacing:.10em !important;
    padding:9px 12px !important;
    margin-bottom:18px !important;
  }

  .eyebrow:before{
    width:28px !important;
  }

  h1{
    font-size:clamp(38px,11vw,54px) !important;
    line-height:1.02 !important;
    letter-spacing:-.06em !important;
    max-width:100% !important;
  }

  .hero p{
    font-size:15.5px !important;
    line-height:1.72 !important;
    margin-top:18px !important;
    max-width:100% !important;
  }

  .actions{
    margin-top:26px !important;
    gap:10px !important;
  }

  .btn{
    min-height:46px !important;
    padding:0 17px !important;
    font-size:13px !important;
  }

  .hero-tabs .container{
    width:100% !important;
    grid-template-columns:1fr 1fr !important;
  }

  .hero-tab{
    min-height:62px !important;
    padding:12px 10px !important;
  }

  .hero-tab strong{
    font-size:13px !important;
  }

  .section{
    padding:64px 0 !important;
  }

  .section-head{
    grid-template-columns:1fr !important;
    gap:16px !important;
    margin-bottom:30px !important;
  }

  .section h2,
  .about-copy h2,
  .process h2,
  .contact-left h2{
    font-size:clamp(30px,9vw,42px) !important;
    line-height:1.05 !important;
    letter-spacing:-.055em !important;
  }

  .kicker{
    font-size:10.5px !important;
    letter-spacing:.14em !important;
  }

  .about,
  .about-pro,
  .process,
  .contact-wrap{
    grid-template-columns:1fr !important;
    gap:28px !important;
  }

  .about-visual,
  .about-visual-pro{
    min-height:330px !important;
    border-radius:26px !important;
  }

  .about-overlay-card{
    left:16px !important;
    right:16px !important;
    bottom:16px !important;
    padding:18px !important;
    border-radius:20px !important;
  }

  .about-overlay-card strong{
    font-size:18px !important;
    line-height:1.25 !important;
  }

  .board-panel{
    margin-top:26px !important;
  }

  .board-intro{
    font-size:15px !important;
    line-height:1.72 !important;
  }

  .board-grid{
    grid-template-columns:1fr 1fr !important;
    gap:12px !important;
  }

  .board-card{
    border-radius:20px !important;
    padding:0 !important;
    overflow:hidden !important;
  }

  .board-card-img{
    height:190px !important;
    object-fit:cover !important;
  }

  .board-card-body{
    padding:14px 12px 15px !important;
  }

  .board-card h3,
  .board-card strong{
    font-size:15px !important;
    letter-spacing:-.025em !important;
    line-height:1.15 !important;
  }

  .board-card .title,
  .board-card .position,
  .board-card span{
    font-size:11px !important;
    line-height:1.35 !important;
  }

  .board-detail{
    border-radius:24px !important;
    padding:20px !important;
  }

  .board-detail-inner{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }

  .board-detail-photo{
    max-height:330px !important;
    border-radius:20px !important;
  }

  .board-detail h3{
    font-size:28px !important;
  }

  .board-detail p{
    font-size:15px !important;
    line-height:1.75 !important;
  }

  .three-services,
  .services,
  .why-grid{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }

  .service{
    min-height:unset !important;
    padding:24px !important;
    border-radius:24px !important;
  }

  .service h3{
    font-size:23px !important;
  }

  .process-list{
    gap:14px !important;
  }

  .step{
    grid-template-columns:48px 1fr !important;
    gap:14px !important;
    padding:18px 0 !important;
  }

  .step-no{
    width:48px !important;
    height:48px !important;
  }

  .step h3{
    font-size:20px !important;
  }

  .step p,
  .lead{
    font-size:15px !important;
    line-height:1.7 !important;
  }

  .cta{
    padding:34px 22px !important;
    border-radius:28px !important;
  }

  .cta h2{
    font-size:33px !important;
  }

  .project-groups{
    gap:16px !important;
  }

  .project-group{
    border-radius:24px !important;
  }

  .project-toggle{
    padding:20px !important;
    gap:12px !important;
  }

  .project-toggle span{
    gap:14px !important;
  }

  .project-toggle small{
    width:42px !important;
    height:42px !important;
    font-size:12px !important;
  }

  .project-toggle strong{
    font-size:22px !important;
  }

  .project-toggle em{
    font-size:10px !important;
  }

  .project-panel{
    padding:18px !important;
  }

  .project-subgrid{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  .project-subcard{
    min-height:unset !important;
    padding:24px !important;
    border-radius:22px !important;
  }

  .project-subcard h3{
    font-size:24px !important;
  }

  .project-modal-content{
    inset:8px !important;
    border-radius:22px !important;
  }

  .industrial-timeline-head{
    grid-template-columns:1fr !important;
    padding:30px 20px 20px !important;
    gap:16px !important;
  }

  .industrial-timeline-head h2{
    font-size:34px !important;
  }

  .industrial-timeline-head p{
    font-size:14.5px !important;
    line-height:1.7 !important;
  }

  .project-modal-close{
    width:42px !important;
    height:42px !important;
    font-size:28px !important;
    right:12px !important;
  }

  .industrial-timeline,
  .ongoing-timeline{
    width:calc(100% - 18px) !important;
    padding:18px !important;
    border-radius:22px !important;
    margin:18px auto 32px !important;
  }

  .timeline-project,
  .timeline-project.image-right,
  .timeline-project.image-left,
  .ongoing-timeline .timeline-project,
  .ongoing-timeline .industrial-private-project,
  .ongoing-timeline .industrial-private-project-2{
    grid-template-columns:1fr !important;
    gap:20px !important;
    margin-top:34px !important;
    padding-top:34px !important;
  }

  .timeline-project:first-child{
    margin-top:0 !important;
    padding-top:0 !important;
  }

  .timeline-image,
  .ongoing-timeline .timeline-image,
  .ongoing-timeline .industrial-private-project .timeline-image,
  .ongoing-timeline .industrial-private-project-2 .timeline-image{
    grid-column:1 !important;
    grid-row:1 !important;
    height:auto !important;
    min-height:unset !important;
    max-width:100% !important;
    width:100% !important;
    margin:0 auto !important;
    border-radius:18px !important;
  }

  .timeline-image img,
  .ongoing-timeline .timeline-image img{
    height:auto !important;
    max-height:520px !important;
    object-fit:contain !important;
  }

  .privacy-image{
    min-height:300px !important;
  }

  .timeline-copy,
  .ongoing-timeline .timeline-copy,
  .ongoing-timeline .industrial-private-project .timeline-copy{
    grid-column:1 !important;
    grid-row:2 !important;
    padding:0 !important;
  }

  .timeline-copy h3,
  .ongoing-timeline .timeline-copy h3{
    font-size:31px !important;
    line-height:1.05 !important;
  }

  .hetman-address{
    width:100% !important;
    border-radius:16px !important;
    font-size:13.5px !important;
    line-height:1.55 !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:4px !important;
  }

  .ongoing-timeline .timeline-copy h4{
    font-size:12px !important;
    padding:9px 12px !important;
    margin-bottom:16px !important;
  }

  .ongoing-timeline .project-text{
    gap:13px !important;
  }

  .ongoing-timeline .project-text p{
    font-size:14.6px !important;
    line-height:1.72 !important;
  }

  .ongoing-timeline .project-text .project-details{
    padding:15px !important;
    border-radius:16px !important;
  }

  .project-status{
    width:100% !important;
    border-radius:16px !important;
    padding:13px 15px !important;
    gap:6px !important;
  }

  .project-status span{
    font-size:11px !important;
  }

  .project-status strong{
    font-size:18px !important;
  }

  .contact-wrap{
    padding:0 !important;
  }

  .contact-left,
  .contact-form,
  .form{
    padding:24px !important;
    border-radius:24px !important;
  }

  .contact-intro{
    font-size:15px !important;
    line-height:1.7 !important;
  }

  .info-row{
    grid-template-columns:40px 1fr !important;
    gap:12px !important;
  }

  .info-icon{
    width:40px !important;
    height:40px !important;
  }

  .form-grid{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  input,
  select,
  textarea{
    min-height:48px !important;
    border-radius:15px !important;
    font-size:15px !important;
  }

  textarea{
    min-height:120px !important;
  }

  .send-btn{
    min-height:50px !important;
    border-radius:16px !important;
  }

  .wide-map-box{
    height:310px !important;
  }

  .footer-row{
    flex-direction:column !important;
    gap:8px !important;
    text-align:center !important;
    font-size:12px !important;
  }

  .whatsapp{
    width:52px !important;
    height:52px !important;
    right:16px !important;
    bottom:16px !important;
  }
}

@media (max-width: 430px){
  .board-grid{
    grid-template-columns:1fr !important;
  }

  .board-card-img{
    height:240px !important;
  }

  .hero-tabs .container{
    grid-template-columns:1fr !important;
  }

  .hero-tab{
    min-height:54px !important;
  }

  .brand-name span{
    max-width:118px !important;
  }

  .site-lang-btn{
    padding:6px 8px !important;
  }
}









/* Board member signature style - Caneta Script */
.board-signature{
  margin-top:24px !important;
  width:100% !important;
  text-align:right !important;
  color:#ff5a1f !important;
  font-family:"Caneta Script","Fayetteville Signature","Futturistica Signature","Futuristica Signature","Brittany Signature","Autography","Signerica","Segoe Script","Lucida Handwriting",cursive !important;
  font-size:54px !important;
  line-height:1 !important;
  font-weight:400 !important;
  letter-spacing:.01em !important;
  transform:rotate(-1deg) skewX(-2deg) !important;
  display:block !important;
  text-shadow:none !important;
  padding-right:8px !important;
  font-style:normal !important;
}
@media(max-width:820px){
  .board-signature{
    font-size:42px !important;
    margin-top:20px !important;
    padding-right:0 !important;
  }
}


/* Premium opening intro animation */
.intro-loader{
  position:fixed;
  inset:0;
  z-index:999999;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at 50% 50%,rgba(255,90,31,.12),transparent 28%),
    linear-gradient(135deg,#151936 0%,#0d1027 72%,#07091a 100%);
  overflow:hidden;
  pointer-events:auto;
  animation:introFadeOut .95s ease forwards;
  animation-delay:3.05s;
}
.intro-loader.hide{
  display:none;
}
.intro-bg-grid{
  position:absolute;
  inset:0;
  opacity:.20;
  background-image:
    linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);
  background-size:72px 72px;
  transform:scale(1.15);
  animation:introGridMove 3.4s ease forwards;
}
.intro-logo-wrap{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:24px;
  color:#fff;
  transform-origin:center center;
  animation:introLogoMove 3.2s cubic-bezier(.72,0,.16,1) forwards;
}
.intro-mark{
  width:124px;
  height:92px;
  filter:drop-shadow(0 18px 38px rgba(255,90,31,.20));
}
.intro-mark path{
  stroke-dasharray:180;
  stroke-dashoffset:180;
  animation:introDraw 1.15s ease forwards;
}
.intro-mark path:nth-child(2){
  animation-delay:.18s;
}
.intro-brand-text{
  overflow:hidden;
}
.intro-brand-text strong{
  display:block;
  font-size:clamp(34px,5vw,62px);
  line-height:.92;
  letter-spacing:-.065em;
  opacity:0;
  transform:translateY(18px);
  animation:introTextIn .8s ease forwards;
  animation-delay:.72s;
}
.intro-brand-text span{
  display:block;
  margin-top:12px;
  color:rgba(255,255,255,.78);
  font-size:clamp(10px,1.2vw,15px);
  font-weight:800;
  letter-spacing:.24em;
  text-transform:uppercase;
  opacity:0;
  transform:translateY(14px);
  animation:introTextIn .8s ease forwards;
  animation-delay:.95s;
}
@keyframes introDraw{
  to{stroke-dashoffset:0}
}
@keyframes introTextIn{
  to{opacity:1;transform:translateY(0)}
}
@keyframes introLogoMove{
  0%{transform:translate(0,0) scale(1);opacity:1}
  52%{transform:translate(0,0) scale(1);opacity:1}
  78%{transform:translate(calc(-50vw + 210px),calc(-50vh + 78px)) scale(.44);opacity:1}
  100%{transform:translate(calc(-50vw + 210px),calc(-50vh + 78px)) scale(.44);opacity:0}
}
@keyframes introGridMove{
  0%{transform:scale(1.15);opacity:.20}
  70%{transform:scale(1);opacity:.16}
  100%{transform:scale(1);opacity:0}
}
@keyframes introFadeOut{
  0%{opacity:1}
  100%{opacity:0;visibility:hidden;pointer-events:none}
}
body.intro-active{
  overflow:hidden;
}
@media(max-width:820px){
  .intro-logo-wrap{
    flex-direction:column;
    gap:16px;
    text-align:center;
    animation:introLogoMoveMobile 3.2s cubic-bezier(.72,0,.16,1) forwards;
  }
  .intro-mark{
    width:96px;
    height:72px;
  }
  .intro-brand-text strong{
    font-size:42px;
  }
  .intro-brand-text span{
    font-size:9px;
    letter-spacing:.16em;
  }
  @keyframes introLogoMoveMobile{
    0%{transform:translate(0,0) scale(1);opacity:1}
    55%{transform:translate(0,0) scale(1);opacity:1}
    82%{transform:translate(calc(-50vw + 92px),calc(-50vh + 54px)) scale(.36);opacity:1}
    100%{transform:translate(calc(-50vw + 92px),calc(-50vh + 54px)) scale(.36);opacity:0}
  }
}


/* old intro target override removed */
.intro-logo-wrap{
  --intro-end-x: calc(-50vw + 300px);
  --intro-end-y: calc(-50vh + 82px);
}
@keyframes introLogoMove{
  0%{transform:translate(0,0) scale(1);opacity:1}
  52%{transform:translate(0,0) scale(1);opacity:1}
  82%{transform:translate(var(--intro-end-x),var(--intro-end-y)) scale(.44);opacity:1}
  100%{transform:translate(var(--intro-end-x),var(--intro-end-y)) scale(.44);opacity:0}
}
@media(max-width:820px){
  .intro-logo-wrap{
    --intro-end-x: calc(-50vw + 128px);
    --intro-end-y: calc(-50vh + 48px);
  }
  @keyframes introLogoMoveMobile{
    0%{transform:translate(0,0) scale(1);opacity:1}
    55%{transform:translate(0,0) scale(1);opacity:1}
    84%{transform:translate(var(--intro-end-x),var(--intro-end-y)) scale(.36);opacity:1}
    100%{transform:translate(var(--intro-end-x),var(--intro-end-y)) scale(.36);opacity:0}
  }
}


/* Intro logo should land exactly on top of the header logo block */
.intro-logo-wrap{
  --intro-end-x: 0px;
  --intro-end-y: 0px;
  --intro-end-scale: .44;
}
@keyframes introLogoMove{
  0%{transform:translate(0,0) scale(1);opacity:1}
  52%{transform:translate(0,0) scale(1);opacity:1}
  84%{transform:translate(var(--intro-end-x),var(--intro-end-y)) scale(var(--intro-end-scale));opacity:1}
  100%{transform:translate(var(--intro-end-x),var(--intro-end-y)) scale(var(--intro-end-scale));opacity:0}
}
@media(max-width:820px){
  @keyframes introLogoMoveMobile{
    0%{transform:translate(0,0) scale(1);opacity:1}
    55%{transform:translate(0,0) scale(1);opacity:1}
    84%{transform:translate(var(--intro-end-x),var(--intro-end-y)) scale(var(--intro-end-scale));opacity:1}
    100%{transform:translate(var(--intro-end-x),var(--intro-end-y)) scale(var(--intro-end-scale));opacity:0}
  }
}


/* FINAL premium location panel + taller map */
.location-premium-section{
  padding:0 !important;
  margin:0 !important;
  background:#ffffff !important;
}
.location-premium-grid{
  display:grid !important;
  grid-template-columns:minmax(360px,470px) minmax(0,1fr) !important;
  width:100% !important;
  min-height:620px !important;
}
.location-info-panel{
  padding:78px 54px !important;
  background:#ffffff !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  border-right:1px solid rgba(21,25,54,.08) !important;
}
.location-kicker{
  color:#ff5a1f !important;
  font-size:13px !important;
  font-weight:900 !important;
  letter-spacing:.28em !important;
  text-transform:uppercase !important;
  margin-bottom:30px !important;
}
.location-info-panel h2{
  color:#151936 !important;
  font-size:clamp(48px,5vw,76px) !important;
  line-height:.96 !important;
  letter-spacing:-.075em !important;
  margin:0 0 30px !important;
}
.location-info-panel p{
  color:#9aa9d6 !important;
  font-size:20px !important;
  line-height:1.85 !important;
  margin:0 0 34px !important;
}
.location-address{
  color:#151936 !important;
  font-size:20px !important;
  line-height:1.55 !important;
  font-weight:900 !important;
  padding:8px 0 8px 22px !important;
  border-left:5px solid #ff5a1f !important;
  margin-bottom:38px !important;
}
.location-map-btn{
  width:max-content !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:58px !important;
  padding:0 28px !important;
  border-radius:999px !important;
  background:#ff5a1f !important;
  color:#ffffff !important;
  font-weight:900 !important;
  font-size:17px !important;
  box-shadow:0 18px 44px rgba(255,90,31,.26) !important;
  transition:.22s ease !important;
}
.location-map-btn:hover{
  transform:translateY(-3px) !important;
  background:#ff7a45 !important;
}
.location-map-panel{
  width:100% !important;
  height:620px !important;
  min-height:620px !important;
  overflow:hidden !important;
  background:#f3f3f3 !important;
}
.location-map-panel iframe{
  width:100% !important;
  height:100% !important;
  min-height:620px !important;
  border:0 !important;
  display:block !important;
}
@media(max-width:1020px){
  .location-premium-grid{
    grid-template-columns:1fr !important;
    min-height:unset !important;
  }
  .location-info-panel{
    padding:52px 28px !important;
    border-right:0 !important;
    border-bottom:1px solid rgba(21,25,54,.08) !important;
  }
  .location-map-panel,
  .location-map-panel iframe{
    height:460px !important;
    min-height:460px !important;
  }
}
@media(max-width:640px){
  .location-info-panel{
    padding:42px 22px !important;
  }
  .location-info-panel h2{
    font-size:42px !important;
  }
  .location-info-panel p{
    font-size:16.5px !important;
    line-height:1.75 !important;
  }
  .location-address{
    font-size:17px !important;
  }
  .location-map-btn{
    width:100% !important;
    min-height:54px !important;
    font-size:15px !important;
  }
  .location-map-panel,
  .location-map-panel iframe{
    height:380px !important;
    min-height:380px !important;
  }
}


/* FINAL full map location section: map fills the whole area, left panel floats above */
.location-full-map-section{
  position:relative !important;
  min-height:720px !important;
  padding:0 !important;
  margin:0 !important;
  background:#ffffff !important;
  overflow:hidden !important;
}
.location-full-map{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  z-index:1 !important;
}
.location-full-map iframe{
  width:100% !important;
  height:100% !important;
  min-height:720px !important;
  border:0 !important;
  display:block !important;
}
.location-floating-panel{
  position:relative !important;
  z-index:2 !important;
  width:min(430px,calc(100% - 64px)) !important;
  min-height:720px !important;
  padding:78px 46px !important;
  background:rgba(255,255,255,.96) !important;
  backdrop-filter:blur(10px) !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  border-right:1px solid rgba(21,25,54,.08) !important;
  box-shadow:18px 0 55px rgba(13,16,39,.08) !important;
}
.location-full-map-section:after{
  content:"" !important;
  position:absolute !important;
  inset:auto 0 0 0 !important;
  height:70px !important;
  z-index:1 !important;
  background:linear-gradient(to top,rgba(255,255,255,.92),rgba(255,255,255,0)) !important;
  pointer-events:none !important;
}
@media(max-width:1020px){
  .location-full-map-section{
    min-height:auto !important;
    display:flex !important;
    flex-direction:column !important;
  }
  .location-full-map{
    position:relative !important;
    height:460px !important;
    order:2 !important;
  }
  .location-full-map iframe{
    min-height:460px !important;
  }
  .location-floating-panel{
    width:100% !important;
    min-height:auto !important;
    padding:52px 28px !important;
    order:1 !important;
    border-right:0 !important;
    border-bottom:1px solid rgba(21,25,54,.08) !important;
    box-shadow:none !important;
  }
  .location-full-map-section:after{
    display:none !important;
  }
}
@media(max-width:640px){
  .location-full-map{
    height:390px !important;
  }
  .location-full-map iframe{
    min-height:390px !important;
  }
  .location-floating-panel{
    padding:42px 22px !important;
  }
}


/* Larger visual emphasis for Makas İnşaat on the map */
.location-full-map{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  z-index:1 !important;
}
.custom-map-marker{
  position:absolute;
  left:50%;
  top:50%;
  z-index:3;
  display:flex;
  align-items:center;
  gap:12px;
  transform:translate(-50%,-50%);
  pointer-events:none;
  filter:drop-shadow(0 14px 26px rgba(13,16,39,.20));
}
.marker-pin{
  width:34px;
  height:34px;
  border-radius:50% 50% 50% 0;
  background:#ff5a1f;
  transform:rotate(-45deg);
  box-shadow:0 0 0 8px rgba(255,90,31,.18), 0 8px 22px rgba(255,90,31,.35);
  position:relative;
  flex:0 0 auto;
}
.marker-pin:after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:12px;
  height:12px;
  border-radius:50%;
  background:#fff;
  transform:translate(-50%,-50%);
}
.custom-map-marker strong{
  display:inline-flex;
  align-items:center;
  min-height:46px;
  padding:0 18px;
  border-radius:999px;
  background:rgba(255,255,255,.96);
  color:#151936;
  font-size:24px;
  font-weight:900;
  letter-spacing:-.035em;
  border:1px solid rgba(21,25,54,.10);
  box-shadow:0 14px 34px rgba(13,16,39,.16);
}
@media(max-width:1020px){
  .custom-map-marker{
    top:58%;
  }
  .marker-pin{
    width:30px;
    height:30px;
  }
  .custom-map-marker strong{
    font-size:20px;
    min-height:42px;
    padding:0 14px;
  }
}
@media(max-width:640px){
  .custom-map-marker{
    top:55%;
    gap:8px;
  }
  .marker-pin{
    width:26px;
    height:26px;
    box-shadow:0 0 0 6px rgba(255,90,31,.18), 0 8px 20px rgba(255,90,31,.30);
  }
  .marker-pin:after{
    width:9px;
    height:9px;
  }
  .custom-map-marker strong{
    font-size:17px;
    min-height:38px;
    padding:0 12px;
  }
}


/* Fix custom map marker anchor: pin stays exactly on Makas İnşaat location */
.custom-map-marker{
  left:50% !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  transform-origin:left center !important;
}
.custom-map-marker .marker-pin{
  position:relative !important;
  left:0 !important;
  top:0 !important;
  flex:0 0 auto !important;
}
.custom-map-marker strong{
  margin-left:4px !important;
}
.location-full-map iframe{
  pointer-events:auto !important;
}
@media(max-width:1020px){
  .custom-map-marker{
    left:50% !important;
    top:50% !important;
    transform:translateY(-50%) !important;
  }
}
@media(max-width:640px){
  .custom-map-marker{
    left:50% !important;
    top:50% !important;
    transform:translateY(-50%) !important;
  }
}


/* Place the custom Makas İnşaat label directly above the Google Maps Makas İnşaat point */
.custom-map-marker{
  left:55.8% !important;
  top:50.8% !important;
  transform:translate(-18px,-100%) !important;
  transform-origin:center bottom !important;
}
.custom-map-marker .marker-pin{
  order:2 !important;
  margin-left:0 !important;
}
.custom-map-marker strong{
  order:1 !important;
  margin-left:0 !important;
  margin-right:10px !important;
}
@media(max-width:1020px){
  .custom-map-marker{
    left:50% !important;
    top:58% !important;
    transform:translate(-50%,-100%) !important;
  }
}
@media(max-width:640px){
  .custom-map-marker{
    left:50% !important;
    top:56% !important;
    transform:translate(-50%,-100%) !important;
  }
}


/* Custom map marker removed */
.custom-map-marker{
  display:none !important;
}


/* Larger Makas İnşaat map label */
.location-full-map{
  position:absolute !important;
  inset:0 !important;
}
.large-map-label{
  position:absolute;
  left:55.8%;
  top:50.8%;
  z-index:5;
  display:flex;
  align-items:center;
  gap:13px;
  transform:translate(-50%,-50%);
  pointer-events:none;
  filter:drop-shadow(0 12px 24px rgba(13,16,39,.18));
}
.large-map-pin{
  width:36px;
  height:36px;
  border-radius:50%;
  background:#ff5a1f;
  position:relative;
  box-shadow:0 0 0 8px rgba(255,90,31,.16),0 10px 24px rgba(255,90,31,.24);
  flex:0 0 auto;
}
.large-map-pin:after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:14px;
  height:14px;
  border-radius:50%;
  background:#fff;
  transform:translate(-50%,-50%);
}
.large-map-label strong{
  color:#151936;
  font-size:26px;
  font-weight:800;
  letter-spacing:-.03em;
  background:rgba(255,255,255,.94);
  border:1px solid rgba(21,25,54,.08);
  border-radius:999px;
  padding:10px 18px;
  white-space:nowrap;
  box-shadow:0 12px 30px rgba(13,16,39,.12);
}
@media(max-width:1020px){
  .large-map-label{
    left:50%;
    top:56%;
  }
  .large-map-pin{
    width:32px;
    height:32px;
  }
  .large-map-label strong{
    font-size:22px;
  }
}
@media(max-width:640px){
  .large-map-label{
    left:50%;
    top:55%;
    gap:9px;
  }
  .large-map-pin{
    width:28px;
    height:28px;
    box-shadow:0 0 0 6px rgba(255,90,31,.16),0 8px 20px rgba(255,90,31,.20);
  }
  .large-map-pin:after{
    width:10px;
    height:10px;
  }
  .large-map-label strong{
    font-size:18px;
    padding:8px 13px;
  }
}


/* Fix Makas İnşaat map label directly over the Google Maps label */
.large-map-label{
  left:56.2% !important;
  top:48.2% !important;
  transform:translate(-50%,-50%) !important;
  position:absolute !important;
  z-index:6 !important;
}
@media(max-width:1020px){
  .large-map-label{
    left:56.2% !important;
    top:48.2% !important;
    transform:translate(-50%,-50%) !important;
  }
}
@media(max-width:640px){
  .large-map-label{
    left:56.2% !important;
    top:48.2% !important;
    transform:translate(-50%,-50%) !important;
  }
}


/* Large map label removed */
.large-map-label,
.large-map-pin{
  display:none !important;
}

/* Fresh 8-image hero cover hologram slideshow */
.hero{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
}
.hero-slideshow{
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  overflow:hidden !important;
  pointer-events:none !important;
  background:#151936 !important;
}
.hero-slide{
  position:absolute !important;
  inset:0 !important;
  opacity:0 !important;
  transform:scale(1.035) !important;
  transition:
    opacity 1.45s cubic-bezier(.4,0,.2,1),
    transform 6.2s cubic-bezier(.22,.61,.36,1) !important;
  will-change:opacity,transform !important;
}
.hero-slide.active{
  opacity:1 !important;
  transform:scale(1) !important;
  z-index:1 !important;
}
.hero-slide-image{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  filter:saturate(1.03) contrast(1.03) brightness(.94) !important;
}
.hero-slide.active .hero-slide-image{
  animation:heroCoverSoftZoom 4.8s ease both !important;
}
.hero-slide.active::after{
  content:"" !important;
  position:absolute !important;
  inset:-10% !important;
  z-index:3 !important;
  pointer-events:none !important;
  opacity:.34 !important;
  background:
    linear-gradient(105deg, transparent 0%, rgba(70,220,255,.22) 42%, rgba(255,255,255,.24) 50%, rgba(255,90,31,.20) 58%, transparent 100%),
    repeating-linear-gradient(180deg, rgba(255,255,255,.12) 0px, rgba(255,255,255,.12) 1px, transparent 3px, transparent 8px) !important;
  mix-blend-mode:screen !important;
  animation:heroCoverHoloSweep 1.45s ease both !important;
}
.hero-hologram{
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  pointer-events:none !important;
  opacity:.10 !important;
  background:
    radial-gradient(circle at 80% 24%, rgba(80,230,255,.28), transparent 24%),
    radial-gradient(circle at 18% 72%, rgba(255,90,31,.20), transparent 28%),
    repeating-linear-gradient(180deg, rgba(255,255,255,.10) 0px, rgba(255,255,255,.10) 1px, transparent 4px, transparent 10px) !important;
  mix-blend-mode:screen !important;
  animation:heroCoverHoloDrift 8s linear infinite !important;
}
.hero::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  pointer-events:none !important;
  background:
    linear-gradient(90deg,rgba(10,12,28,.76) 0%,rgba(10,12,28,.56) 33%,rgba(10,12,28,.24) 62%,rgba(10,12,28,.30) 100%) !important;
}
.hero > .container,
.hero .hero-tabs{
  position:relative !important;
  z-index:4 !important;
}
@keyframes heroCoverSoftZoom{
  0%{transform:scale(1.035)}
  100%{transform:scale(1)}
}
@keyframes heroCoverHoloSweep{
  0%{transform:translateX(-115%) skewX(-12deg);opacity:0}
  18%{opacity:.44}
  100%{transform:translateX(115%) skewX(-12deg);opacity:0}
}
@keyframes heroCoverHoloDrift{
  0%{transform:translate3d(-1.2%,-1%,0)}
  50%{transform:translate3d(1.2%,.8%,0)}
  100%{transform:translate3d(-1.2%,-1%,0)}
}
@media(max-width:900px){
  .hero-slide-image{
    background-position:center center !important;
  }
  .hero-slide.active::after{
    opacity:.24 !important;
  }
  .hero-hologram{
    opacity:.07 !important;
  }
}


/* Project tabs back to the old position below the cover photos */
.hero{
  padding-bottom:0 !important;
}
.hero .hero-tabs{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:100% !important;
  bottom:auto !important;
  z-index:8 !important;
  background:rgba(13,16,39,.98) !important;
  border-top:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 18px 44px rgba(13,16,39,.22) !important;
}
.hero + section{
  margin-top:88px !important;
}
@media(max-width:900px){
  .hero + section{
    margin-top:140px !important;
  }
}


/* About text update */
.about-text-panel{
  margin:26px 0 34px;
  color:#5f6470;
  font-size:17px;
  line-height:1.58;
}
.about-text-panel h3{
  margin:28px 0 12px;
  color:#2d314f;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(34px,4vw,54px);
  font-weight:400;
  line-height:1;
  letter-spacing:-.035em;
  text-transform:uppercase;
  border-bottom:2px solid rgba(45,49,79,.55);
  display:inline-block;
  padding-bottom:8px;
}
.about-text-panel h3:first-child{
  margin-top:0;
}
.about-text-panel p{
  margin:0 0 18px;
}
.about-text-panel ul{
  margin:18px 0 22px 18px;
  padding:0;
}
.about-text-panel li{
  margin:0 0 18px;
  padding-left:8px;
}
.about-text-panel li::marker{
  color:#5f6470;
}
@media(max-width:820px){
  .about-text-panel{
    font-size:15.5px;
    line-height:1.68;
  }
  .about-text-panel h3{
    font-size:34px;
  }
}


/* About text typography aligned with website font system */
.about-text-panel{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
  color:#687080 !important;
  font-size:16.5px !important;
  line-height:1.76 !important;
}
.about-text-panel h3{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
  color:#151936 !important;
  font-size:clamp(30px,3.1vw,46px) !important;
  font-weight:900 !important;
  line-height:1.05 !important;
  letter-spacing:-.055em !important;
  text-transform:none !important;
  border-bottom:0 !important;
  padding-bottom:0 !important;
  margin:34px 0 14px !important;
}
.about-text-panel h3:first-child{
  margin-top:0 !important;
}
.about-text-panel p,
.about-text-panel li{
  font-family:inherit !important;
  color:#687080 !important;
  font-weight:400 !important;
}
.about-text-panel ul{
  margin:18px 0 24px 18px !important;
}
.about-text-panel li{
  margin-bottom:18px !important;
  padding-left:8px !important;
}
.about-text-panel li::marker{
  color:#ff5a1f !important;
}
@media(max-width:820px){
  .about-text-panel{
    font-size:15.5px !important;
    line-height:1.7 !important;
  }
  .about-text-panel h3{
    font-size:30px !important;
  }
}


/* Completed industrial projects redesign - orange corporate style */
#industrialModal .industrial-timeline-modal,
#industrialModal .project-modal-content{
  background:linear-gradient(135deg,#ff5a1f 0%,#ff7a45 100%) !important;
  color:#ffffff !important;
}

#industrialModal .industrial-timeline-head{
  background:transparent !important;
  border-bottom:1px solid rgba(255,255,255,.22) !important;
  color:#ffffff !important;
}

#industrialModal .industrial-timeline-head .kicker,
#industrialModal .industrial-timeline-head span,
#industrialModal .industrial-timeline-head em{
  color:#151936 !important;
  font-weight:950 !important;
  letter-spacing:.16em !important;
}

#industrialModal .industrial-timeline-head h2{
  color:#ffffff !important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
  font-size:clamp(38px,5vw,72px) !important;
  line-height:.96 !important;
  font-weight:950 !important;
  letter-spacing:-.065em !important;
}

#industrialModal .industrial-timeline-head p{
  color:rgba(255,255,255,.82) !important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
  font-size:17px !important;
  line-height:1.72 !important;
}

#industrialModal .industrial-timeline{
  background:rgba(255,255,255,.92) !important;
  border:1px solid rgba(255,255,255,.32) !important;
  border-radius:34px !important;
  box-shadow:0 28px 80px rgba(13,16,39,.22) !important;
}

#industrialModal .timeline-project{
  border-color:rgba(21,25,54,.12) !important;
}

#industrialModal .timeline-copy h3,
#industrialModal .timeline-copy h4{
  color:#151936 !important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
  font-weight:950 !important;
  letter-spacing:-.045em !important;
}

#industrialModal .timeline-copy h3{
  font-size:clamp(30px,3.5vw,52px) !important;
  line-height:1.02 !important;
}

#industrialModal .timeline-copy h4{
  color:#ff5a1f !important;
  font-size:16px !important;
  letter-spacing:.02em !important;
}

#industrialModal .timeline-copy p,
#industrialModal .timeline-copy li{
  color:#5f6470 !important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
  font-size:16px !important;
  line-height:1.76 !important;
}

#industrialModal .timeline-year{
  color:#ff5a1f !important;
  font-size:22px !important;
  font-weight:950 !important;
  letter-spacing:.02em !important;
}

#industrialModal .timeline-image{
  border-radius:26px !important;
  overflow:hidden !important;
  box-shadow:0 22px 54px rgba(13,16,39,.18) !important;
  border:1px solid rgba(21,25,54,.08) !important;
}

#industrialModal .project-modal-close{
  background:#151936 !important;
  color:#ffffff !important;
  box-shadow:0 16px 40px rgba(13,16,39,.25) !important;
}

@media(max-width:820px){
  #industrialModal .industrial-timeline{
    border-radius:24px !important;
  }
  #industrialModal .industrial-timeline-head h2{
    font-size:34px !important;
  }
  #industrialModal .timeline-copy h3{
    font-size:30px !important;
  }
}


/* Completed > Industrial Projects header redesign */
#industrialModal .industrial-timeline-head{
  background:linear-gradient(135deg,#ff5a1f 0%,#ff7a45 100%) !important;
  color:#ffffff !important;
  border-bottom:0 !important;
  padding:64px 72px 56px !important;
  border-radius:0 0 34px 34px !important;
  box-shadow:0 22px 60px rgba(255,90,31,.24) !important;
}

#industrialModal .industrial-timeline-head .kicker,
#industrialModal .industrial-timeline-head > div:first-child,
#industrialModal .industrial-timeline-head span,
#industrialModal .industrial-timeline-head em{
  color:#151936 !important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
  font-size:13px !important;
  font-weight:950 !important;
  letter-spacing:.28em !important;
  text-transform:uppercase !important;
}

#industrialModal .industrial-timeline-head h2{
  color:#ffffff !important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
  font-size:clamp(44px,6.2vw,92px) !important;
  line-height:.92 !important;
  font-weight:950 !important;
  letter-spacing:-.075em !important;
  margin:18px 0 0 !important;
  text-shadow:0 18px 44px rgba(21,25,54,.14) !important;
}

#industrialModal .industrial-timeline-head p{
  color:rgba(255,255,255,.88) !important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
  font-size:17px !important;
  line-height:1.72 !important;
  max-width:680px !important;
}

#industrialModal .industrial-timeline-modal,
#industrialModal .project-modal-content{
  background:#f7f8fb !important;
}

@media(max-width:820px){
  #industrialModal .industrial-timeline-head{
    padding:42px 24px 36px !important;
    border-radius:0 0 24px 24px !important;
  }
  #industrialModal .industrial-timeline-head h2{
    font-size:40px !important;
    line-height:.98 !important;
  }
  #industrialModal .industrial-timeline-head p{
    font-size:15px !important;
  }
}


/* Completed industrial modal rebuilt in ongoing-project format */
#industrialModal .project-modal-content,
#industrialModal.industrial-timeline-modal{
  background:linear-gradient(135deg,#151936 0%,#0d1027 100%) !important;
  color:#ffffff !important;
}

#industrialModal .industrial-timeline-head{
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
  border-bottom:1px solid rgba(255,255,255,.12) !important;
  padding:54px 64px 34px !important;
  display:grid !important;
  grid-template-columns:.85fr 1.15fr !important;
  gap:42px !important;
  align-items:end !important;
}

#industrialModal .industrial-timeline-head .kicker,
#industrialModal .industrial-timeline-head > div:first-child,
#industrialModal .industrial-timeline-head span,
#industrialModal .industrial-timeline-head em{
  color:#ff5a1f !important;
  font-size:13px !important;
  font-weight:950 !important;
  letter-spacing:.22em !important;
  text-transform:uppercase !important;
}

#industrialModal .industrial-timeline-head h2{
  color:#ffffff !important;
  font-size:clamp(42px,5.6vw,82px) !important;
  line-height:.94 !important;
  font-weight:950 !important;
  letter-spacing:-.075em !important;
  margin:18px 0 0 !important;
  text-shadow:none !important;
}

#industrialModal .industrial-timeline-head p{
  color:rgba(255,255,255,.72) !important;
  font-size:17px !important;
  line-height:1.75 !important;
  max-width:720px !important;
}

/* Eski beyaz timeline kutusunu kaldır: devam eden projelerdeki gibi açık alan yerine lacivert sayfa */
#industrialModal .industrial-timeline{
  width:min(1280px,calc(100% - 70px)) !important;
  margin:42px auto 76px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
}

/* Eski timeline satırlarını devam eden proje kart formatına çevir */
#industrialModal .timeline-project{
  display:grid !important;
  grid-template-columns:minmax(300px,410px) minmax(0,1fr) !important;
  gap:48px !important;
  align-items:center !important;
  padding:48px 0 !important;
  border-top:1px solid rgba(255,255,255,.12) !important;
  margin:0 !important;
}

#industrialModal .timeline-project:first-child{
  border-top:0 !important;
  padding-top:0 !important;
}

/* Görsel alanı devam eden projelerdeki gibi dikey/kart formunda */
#industrialModal .timeline-image{
  width:100% !important;
  height:520px !important;
  min-height:520px !important;
  border-radius:28px !important;
  overflow:hidden !important;
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.22) !important;
}

#industrialModal .timeline-image img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block !important;
}

/* Yazı alanı devam eden projeler dili */
#industrialModal .timeline-copy{
  color:#ffffff !important;
  padding:0 !important;
}

#industrialModal .timeline-year{
  display:inline-flex !important;
  align-items:center !important;
  width:max-content !important;
  margin:0 0 14px !important;
  padding:8px 14px !important;
  border-radius:999px !important;
  background:rgba(255,90,31,.16) !important;
  color:#ff5a1f !important;
  border:1px solid rgba(255,90,31,.28) !important;
  font-size:13px !important;
  font-weight:950 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
}

#industrialModal .timeline-copy h3{
  color:#ffffff !important;
  font-size:clamp(34px,4vw,58px) !important;
  line-height:.98 !important;
  font-weight:950 !important;
  letter-spacing:-.065em !important;
  margin:0 0 12px !important;
}

#industrialModal .timeline-copy h4{
  display:inline-flex !important;
  align-items:center !important;
  width:max-content !important;
  margin:0 0 24px !important;
  padding:10px 16px !important;
  border-radius:999px !important;
  background:rgba(255,90,31,.18) !important;
  color:#ff7a45 !important;
  border:1px solid rgba(255,90,31,.30) !important;
  font-size:13px !important;
  font-weight:950 !important;
  letter-spacing:.10em !important;
  text-transform:uppercase !important;
}

#industrialModal .timeline-copy p,
#industrialModal .timeline-copy li{
  color:rgba(255,255,255,.78) !important;
  font-size:16.5px !important;
  line-height:1.8 !important;
}

#industrialModal .timeline-copy ul,
#industrialModal .timeline-copy .project-details,
#industrialModal .timeline-copy .timeline-details{
  margin:18px 0 22px !important;
  padding:20px 22px !important;
  border-radius:22px !important;
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  color:#ffffff !important;
}

#industrialModal .timeline-copy li::marker{
  color:#ff5a1f !important;
}

#industrialModal .project-modal-close{
  background:#ffffff !important;
  color:#151936 !important;
  box-shadow:0 16px 40px rgba(0,0,0,.24) !important;
}

/* Sağ-sol alternasyonu varsa iptal: devam eden projeler gibi tutarlı düzen */
#industrialModal .timeline-project.image-right,
#industrialModal .timeline-project.image-left{
  grid-template-columns:minmax(300px,410px) minmax(0,1fr) !important;
}

#industrialModal .timeline-project.image-right .timeline-image,
#industrialModal .timeline-project.image-left .timeline-image{
  grid-column:1 !important;
  grid-row:1 !important;
}

#industrialModal .timeline-project.image-right .timeline-copy,
#industrialModal .timeline-project.image-left .timeline-copy{
  grid-column:2 !important;
  grid-row:1 !important;
}

@media(max-width:980px){
  #industrialModal .industrial-timeline-head{
    grid-template-columns:1fr !important;
    padding:42px 24px 30px !important;
    gap:18px !important;
  }
  #industrialModal .industrial-timeline{
    width:calc(100% - 36px) !important;
    margin:28px auto 52px !important;
  }
  #industrialModal .timeline-project,
  #industrialModal .timeline-project.image-right,
  #industrialModal .timeline-project.image-left{
    grid-template-columns:1fr !important;
    gap:22px !important;
    padding:34px 0 !important;
  }
  #industrialModal .timeline-image,
  #industrialModal .timeline-project.image-right .timeline-image,
  #industrialModal .timeline-project.image-left .timeline-image{
    grid-column:1 !important;
    grid-row:1 !important;
    height:auto !important;
    min-height:unset !important;
  }
  #industrialModal .timeline-image img{
    height:auto !important;
    max-height:520px !important;
    object-fit:contain !important;
  }
  #industrialModal .timeline-copy,
  #industrialModal .timeline-project.image-right .timeline-copy,
  #industrialModal .timeline-project.image-left .timeline-copy{
    grid-column:1 !important;
    grid-row:2 !important;
  }
  #industrialModal .industrial-timeline-head h2{
    font-size:40px !important;
  }
}


/* Completed industrial modal: ongoing-project panel format with orange background */
#industrialModal .project-modal-content,
#industrialModal.industrial-timeline-modal{
  background:
    radial-gradient(circle at 18% 14%, rgba(255,255,255,.16), transparent 28%),
    linear-gradient(135deg,#ff5a1f 0%,#ff7a45 100%) !important;
  color:#ffffff !important;
}

#industrialModal .industrial-timeline-head{
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
  border-bottom:1px solid rgba(255,255,255,.24) !important;
  padding:54px 64px 34px !important;
  display:grid !important;
  grid-template-columns:.85fr 1.15fr !important;
  gap:42px !important;
  align-items:end !important;
}

#industrialModal .industrial-timeline-head .kicker,
#industrialModal .industrial-timeline-head > div:first-child,
#industrialModal .industrial-timeline-head span,
#industrialModal .industrial-timeline-head em{
  color:#151936 !important;
  font-size:13px !important;
  font-weight:950 !important;
  letter-spacing:.22em !important;
  text-transform:uppercase !important;
}

#industrialModal .industrial-timeline-head h2{
  color:#ffffff !important;
  font-size:clamp(42px,5.6vw,82px) !important;
  line-height:.94 !important;
  font-weight:950 !important;
  letter-spacing:-.075em !important;
  margin:18px 0 0 !important;
}

#industrialModal .industrial-timeline-head p{
  color:rgba(255,255,255,.88) !important;
  font-size:17px !important;
  line-height:1.75 !important;
  max-width:720px !important;
}

/* Main project flow: same panel feeling as ongoing projects */
#industrialModal .industrial-timeline{
  width:min(1260px,calc(100% - 70px)) !important;
  margin:42px auto 76px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
}

#industrialModal .timeline-project{
  display:grid !important;
  grid-template-columns:minmax(310px,410px) minmax(0,1fr) !important;
  gap:48px !important;
  align-items:center !important;
  padding:52px 0 !important;
  margin:0 !important;
  border-top:1px solid rgba(255,255,255,.26) !important;
}

#industrialModal .timeline-project:first-child{
  border-top:0 !important;
  padding-top:0 !important;
}

/* Alternate panels like the user's example, but keep a controlled layout */
#industrialModal .timeline-project:nth-child(even){
  grid-template-columns:minmax(0,1fr) minmax(310px,410px) !important;
}

#industrialModal .timeline-project:nth-child(even) .timeline-copy{
  grid-column:1 !important;
  grid-row:1 !important;
}

#industrialModal .timeline-project:nth-child(even) .timeline-image{
  grid-column:2 !important;
  grid-row:1 !important;
}

/* Visual panel */
#industrialModal .timeline-image{
  width:100% !important;
  height:420px !important;
  min-height:420px !important;
  border-radius:26px !important;
  overflow:hidden !important;
  background:rgba(21,25,54,.18) !important;
  border:1px solid rgba(255,255,255,.28) !important;
  box-shadow:0 26px 68px rgba(13,16,39,.24) !important;
}

#industrialModal .timeline-image img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block !important;
}

/* Text panel */
#industrialModal .timeline-copy{
  color:#ffffff !important;
  padding:0 !important;
}

#industrialModal .timeline-year{
  display:inline-flex !important;
  width:max-content !important;
  align-items:center !important;
  margin:0 0 14px !important;
  padding:8px 14px !important;
  border-radius:999px !important;
  background:rgba(21,25,54,.22) !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.30) !important;
  font-size:13px !important;
  font-weight:950 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
}

#industrialModal .timeline-copy h3{
  color:#ffffff !important;
  font-size:clamp(34px,4vw,58px) !important;
  line-height:.98 !important;
  font-weight:950 !important;
  letter-spacing:-.065em !important;
  margin:0 0 12px !important;
}

#industrialModal .timeline-copy h4{
  display:inline-flex !important;
  align-items:center !important;
  width:max-content !important;
  margin:0 0 22px !important;
  padding:10px 16px !important;
  border-radius:999px !important;
  background:rgba(21,25,54,.28) !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.30) !important;
  font-size:13px !important;
  font-weight:950 !important;
  letter-spacing:.10em !important;
  text-transform:uppercase !important;
}

#industrialModal .timeline-copy p,
#industrialModal .timeline-copy li{
  color:rgba(255,255,255,.92) !important;
  font-size:16.5px !important;
  line-height:1.82 !important;
}

#industrialModal .timeline-copy ul,
#industrialModal .timeline-copy .project-details,
#industrialModal .timeline-copy .timeline-details,
#industrialModal .timeline-copy [class*="detail"]{
  margin:18px 0 22px !important;
  padding:20px 22px !important;
  border-radius:22px !important;
  background:rgba(21,25,54,.20) !important;
  border:1px solid rgba(255,255,255,.24) !important;
  color:#ffffff !important;
}

#industrialModal .timeline-copy li::marker{
  color:#151936 !important;
}

#industrialModal .project-modal-close{
  background:#151936 !important;
  color:#ffffff !important;
  box-shadow:0 16px 40px rgba(13,16,39,.25) !important;
}

@media(max-width:980px){
  #industrialModal .industrial-timeline-head{
    grid-template-columns:1fr !important;
    padding:42px 24px 30px !important;
    gap:18px !important;
  }
  #industrialModal .industrial-timeline{
    width:calc(100% - 36px) !important;
    margin:28px auto 52px !important;
  }
  #industrialModal .timeline-project,
  #industrialModal .timeline-project:nth-child(even){
    grid-template-columns:1fr !important;
    gap:22px !important;
    padding:36px 0 !important;
  }
  #industrialModal .timeline-project .timeline-image,
  #industrialModal .timeline-project:nth-child(even) .timeline-image{
    grid-column:1 !important;
    grid-row:1 !important;
    height:auto !important;
    min-height:unset !important;
  }
  #industrialModal .timeline-image img{
    height:auto !important;
    max-height:520px !important;
    object-fit:contain !important;
  }
  #industrialModal .timeline-project .timeline-copy,
  #industrialModal .timeline-project:nth-child(even) .timeline-copy{
    grid-column:1 !important;
    grid-row:2 !important;
  }
  #industrialModal .industrial-timeline-head h2{
    font-size:40px !important;
  }
}


/* FINAL FIX - Completed Industrial Projects uses the real panel id: #industrial-panel */
/* Eski timeline görünümü yerine Devam Eden Projeler panel formatı + turuncu arka plan */

#industrial-panel .project-modal-content.industrial-timeline-modal{
  background:
    radial-gradient(circle at 18% 12%, rgba(255,255,255,.16), transparent 28%),
    linear-gradient(135deg,#ff5a1f 0%,#ff7a45 100%) !important;
  color:#ffffff !important;
  padding:0 !important;
}

#industrial-panel .industrial-timeline-head{
  background:transparent !important;
  border-bottom:1px solid rgba(255,255,255,.28) !important;
  box-shadow:none !important;
  border-radius:0 !important;
  padding:54px 64px 34px !important;
  display:grid !important;
  grid-template-columns:.85fr 1.15fr !important;
  gap:42px !important;
  align-items:end !important;
}

#industrial-panel .industrial-timeline-head .kicker{
  color:#151936 !important;
  font-size:13px !important;
  font-weight:950 !important;
  letter-spacing:.22em !important;
  text-transform:uppercase !important;
  margin-bottom:18px !important;
}

#industrial-panel .industrial-timeline-head h2{
  color:#ffffff !important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
  font-size:clamp(42px,5.6vw,82px) !important;
  line-height:.94 !important;
  font-weight:950 !important;
  letter-spacing:-.075em !important;
  margin:0 !important;
  text-shadow:none !important;
}

#industrial-panel .industrial-head-right{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:20px !important;
}

#industrial-panel .industrial-timeline-head p{
  color:rgba(255,255,255,.90) !important;
  font-size:17px !important;
  line-height:1.75 !important;
  max-width:720px !important;
  margin:0 !important;
}

#industrial-panel .language-switch{
  background:rgba(21,25,54,.20) !important;
  border:1px solid rgba(255,255,255,.28) !important;
  box-shadow:none !important;
}

#industrial-panel .lang-btn{
  color:#ffffff !important;
}

#industrial-panel .lang-btn.active{
  background:#151936 !important;
  color:#ffffff !important;
}

/* Ana alan artık beyaz timeline değil; Devam Eden Projeler gibi tam panel akışı */
#industrial-panel .industrial-timeline{
  width:min(1260px,calc(100% - 70px)) !important;
  margin:42px auto 76px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
}

/* Satırlar: Devam Eden Projeler formatı */
#industrial-panel .timeline-project{
  display:grid !important;
  grid-template-columns:minmax(310px,410px) minmax(0,1fr) !important;
  gap:48px !important;
  align-items:center !important;
  padding:52px 0 !important;
  margin:0 !important;
  border-top:1px solid rgba(255,255,255,.28) !important;
}

#industrial-panel .timeline-project:first-child{
  border-top:0 !important;
  padding-top:0 !important;
}

/* Görsel sağ-sol değişimi; örnekteki devam eden proje panel ritmi */
#industrial-panel .timeline-project.image-right,
#industrial-panel .timeline-project:nth-child(even){
  grid-template-columns:minmax(0,1fr) minmax(310px,410px) !important;
}

#industrial-panel .timeline-project.image-right .timeline-copy,
#industrial-panel .timeline-project:nth-child(even) .timeline-copy{
  grid-column:1 !important;
  grid-row:1 !important;
}

#industrial-panel .timeline-project.image-right .timeline-image,
#industrial-panel .timeline-project:nth-child(even) .timeline-image{
  grid-column:2 !important;
  grid-row:1 !important;
}

#industrial-panel .timeline-project.image-left .timeline-image,
#industrial-panel .timeline-project:nth-child(odd) .timeline-image{
  grid-column:1 !important;
  grid-row:1 !important;
}

#industrial-panel .timeline-project.image-left .timeline-copy,
#industrial-panel .timeline-project:nth-child(odd) .timeline-copy{
  grid-column:2 !important;
  grid-row:1 !important;
}

/* Görsel kartı */
#industrial-panel .timeline-image{
  width:100% !important;
  height:420px !important;
  min-height:420px !important;
  border-radius:28px !important;
  overflow:hidden !important;
  background:rgba(21,25,54,.20) !important;
  border:1px solid rgba(255,255,255,.30) !important;
  box-shadow:0 26px 68px rgba(13,16,39,.24) !important;
  display:grid !important;
  place-items:center !important;
}

#industrial-panel .timeline-image img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block !important;
}

#industrial-panel .timeline-image-placeholder{
  width:100% !important;
  height:100% !important;
  display:grid !important;
  place-items:center !important;
  background:rgba(21,25,54,.22) !important;
  color:rgba(255,255,255,.80) !important;
  font-weight:950 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  border:0 !important;
}

/* Yazı alanı */
#industrial-panel .timeline-copy{
  color:#ffffff !important;
  padding:0 !important;
}

#industrial-panel .timeline-copy h3{
  color:#ffffff !important;
  font-size:clamp(34px,4vw,58px) !important;
  line-height:.98 !important;
  font-weight:950 !important;
  letter-spacing:-.065em !important;
  margin:0 0 12px !important;
}

#industrial-panel .timeline-copy h4{
  display:inline-flex !important;
  align-items:center !important;
  width:max-content !important;
  margin:0 0 22px !important;
  padding:10px 16px !important;
  border-radius:999px !important;
  background:rgba(21,25,54,.28) !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.30) !important;
  font-size:13px !important;
  font-weight:950 !important;
  letter-spacing:.10em !important;
  text-transform:uppercase !important;
}

#industrial-panel .timeline-copy p,
#industrial-panel .timeline-copy li{
  color:rgba(255,255,255,.92) !important;
  font-size:16.5px !important;
  line-height:1.82 !important;
}

/* Eski noktalı listeyi kart gibi göster */
#industrial-panel .timeline-copy ul{
  margin:18px 0 22px !important;
  padding:20px 22px 20px 38px !important;
  border-radius:22px !important;
  background:rgba(21,25,54,.20) !important;
  border:1px solid rgba(255,255,255,.24) !important;
  color:#ffffff !important;
}

#industrial-panel .timeline-copy li{
  margin-bottom:8px !important;
}

#industrial-panel .timeline-copy li::marker{
  color:#151936 !important;
}

/* Kapatma butonu */
#industrial-panel .project-modal-close{
  background:#151936 !important;
  color:#ffffff !important;
  box-shadow:0 16px 40px rgba(13,16,39,.25) !important;
  z-index:20 !important;
}

/* Önceki yanlış selectorlardan gelen görünümü kesin bastır */
#industrial-panel .industrial-timeline,
#industrial-panel .timeline-project,
#industrial-panel .timeline-image,
#industrial-panel .timeline-copy{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
}

@media(max-width:980px){
  #industrial-panel .industrial-timeline-head{
    grid-template-columns:1fr !important;
    padding:42px 24px 30px !important;
    gap:18px !important;
  }

  #industrial-panel .industrial-timeline{
    width:calc(100% - 36px) !important;
    margin:28px auto 52px !important;
  }

  #industrial-panel .timeline-project,
  #industrial-panel .timeline-project.image-right,
  #industrial-panel .timeline-project.image-left,
  #industrial-panel .timeline-project:nth-child(even),
  #industrial-panel .timeline-project:nth-child(odd){
    grid-template-columns:1fr !important;
    gap:22px !important;
    padding:36px 0 !important;
  }

  #industrial-panel .timeline-project .timeline-image,
  #industrial-panel .timeline-project.image-right .timeline-image,
  #industrial-panel .timeline-project.image-left .timeline-image,
  #industrial-panel .timeline-project:nth-child(even) .timeline-image,
  #industrial-panel .timeline-project:nth-child(odd) .timeline-image{
    grid-column:1 !important;
    grid-row:1 !important;
    height:auto !important;
    min-height:unset !important;
  }

  #industrial-panel .timeline-image img{
    height:auto !important;
    max-height:520px !important;
    object-fit:contain !important;
  }

  #industrial-panel .timeline-project .timeline-copy,
  #industrial-panel .timeline-project.image-right .timeline-copy,
  #industrial-panel .timeline-project.image-left .timeline-copy,
  #industrial-panel .timeline-project:nth-child(even) .timeline-copy,
  #industrial-panel .timeline-project:nth-child(odd) .timeline-copy{
    grid-column:1 !important;
    grid-row:2 !important;
  }

  #industrial-panel .industrial-timeline-head h2{
    font-size:40px !important;
  }
}


/* Industrial panel firm orange color correction */
#industrial-panel .project-modal-content.industrial-timeline-modal{
  background:#ff5a1f !important;
  color:#ffffff !important;
}

#industrial-panel .industrial-timeline-head{
  background:#ff5a1f !important;
}

#industrial-panel .timeline-project{
  border-top-color:rgba(255,255,255,.28) !important;
}

#industrial-panel .timeline-image,
#industrial-panel .timeline-image-placeholder,
#industrial-panel .timeline-copy ul,
#industrial-panel .timeline-copy h4,
#industrial-panel .timeline-year{
  background:rgba(21,25,54,.22) !important;
  border-color:rgba(255,255,255,.30) !important;
}

#industrial-panel .project-modal-close{
  background:#151936 !important;
  color:#ffffff !important;
}


/* First completed industrial project - ongoing project format */
#industrial-panel .completed-industrial-project{
  grid-template-columns:minmax(330px,430px) minmax(0,1fr) !important;
  align-items:center !important;
}

#industrial-panel .completed-industrial-project .timeline-image{
  height:520px !important;
  min-height:520px !important;
}

#industrial-panel .confidentiality-visual{
  display:grid !important;
  place-items:center !important;
  background:
    radial-gradient(circle at 30% 25%, rgba(255,255,255,.16), transparent 28%),
    rgba(21,25,54,.24) !important;
}

#industrial-panel .confidential-card{
  width:min(82%,330px);
  min-height:150px;
  padding:30px 26px;
  border-radius:24px;
  background:#151936;
  color:#ffffff;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  box-shadow:0 24px 60px rgba(13,16,39,.28);
}

#industrial-panel .confidential-card strong{
  font-size:22px;
  line-height:1.15;
  letter-spacing:-.04em;
  margin-bottom:14px;
}

#industrial-panel .confidential-card p{
  color:rgba(255,255,255,.72) !important;
  font-size:14.5px !important;
  line-height:1.55 !important;
  margin:0 !important;
}

#industrial-panel .project-chip-row{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin:18px 0 22px;
}

#industrial-panel .project-chip{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  padding:10px 16px;
  border-radius:999px;
  background:rgba(21,25,54,.26);
  color:#ffffff;
  border:1px solid rgba(255,255,255,.30);
  font-size:13px;
  font-weight:900;
  letter-spacing:.02em;
}

#industrial-panel .project-chip.type-chip{
  text-transform:uppercase;
  letter-spacing:.10em;
}

#industrial-panel .project-detail-box{
  margin:18px 0 22px;
  padding:22px 24px;
  border-radius:22px;
  background:rgba(21,25,54,.22);
  border:1px solid rgba(255,255,255,.26);
}

#industrial-panel .project-detail-box p{
  margin:0 !important;
  color:rgba(255,255,255,.94) !important;
}

#industrial-panel .project-detail-box strong{
  color:#151936 !important;
  font-weight:950 !important;
}

#industrial-panel .completed-status{
  width:max-content;
  max-width:100%;
  margin-top:26px;
  display:inline-flex;
  align-items:center;
  gap:18px;
  padding:13px 22px;
  border-radius:999px;
  background:#0f4f2e;
  color:#ffffff;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 20px 48px rgba(15,79,46,.30);
}

#industrial-panel .completed-status span{
  font-size:12px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(255,255,255,.86);
}

#industrial-panel .completed-status strong{
  font-size:22px;
  font-weight:950;
  line-height:1;
  color:#ffffff;
  letter-spacing:-.03em;
}

@media(max-width:980px){
  #industrial-panel .completed-industrial-project{
    grid-template-columns:1fr !important;
  }
  #industrial-panel .completed-industrial-project .timeline-image{
    height:360px !important;
    min-height:360px !important;
  }
  #industrial-panel .project-chip-row{
    gap:10px;
  }
  #industrial-panel .completed-status{
    width:100%;
    justify-content:center;
  }
}


/* Completed project date chip */
#industrial-panel .completion-date-chip{
  background:#151936 !important;
  color:#ffffff !important;
  border-color:rgba(255,255,255,.34) !important;
}


/* Completed industrial panel background changed to white */
#industrial-panel .project-modal-content.industrial-timeline-modal{
  background:#ffffff !important;
  color:#202437 !important;
}

#industrial-panel .industrial-timeline-head{
  background:#ffffff !important;
  border-bottom:1px solid rgba(21,25,54,.10) !important;
}

#industrial-panel .industrial-timeline-head .kicker{
  color:#ff5a1f !important;
}

#industrial-panel .industrial-timeline-head h2{
  color:#151936 !important;
  text-shadow:none !important;
}

#industrial-panel .industrial-timeline-head p{
  color:#687080 !important;
}

#industrial-panel .language-switch{
  background:#f5f1eb !important;
  border:1px solid rgba(21,25,54,.10) !important;
}

#industrial-panel .lang-btn{
  color:#151936 !important;
}

#industrial-panel .lang-btn.active{
  background:#151936 !important;
  color:#ffffff !important;
}

#industrial-panel .timeline-project{
  border-top-color:rgba(21,25,54,.10) !important;
}

#industrial-panel .timeline-copy h3{
  color:#151936 !important;
}

#industrial-panel .timeline-copy h4,
#industrial-panel .project-chip,
#industrial-panel .project-detail-box,
#industrial-panel .timeline-copy ul{
  background:#f5f1eb !important;
  color:#151936 !important;
  border-color:rgba(21,25,54,.10) !important;
}

#industrial-panel .timeline-copy p,
#industrial-panel .timeline-copy li{
  color:#687080 !important;
}

#industrial-panel .project-detail-box p{
  color:#687080 !important;
}

#industrial-panel .project-detail-box strong{
  color:#ff5a1f !important;
}

#industrial-panel .completion-date-chip,
#industrial-panel .type-chip{
  background:#151936 !important;
  color:#ffffff !important;
  border-color:#151936 !important;
}

#industrial-panel .timeline-image,
#industrial-panel .timeline-image-placeholder,
#industrial-panel .confidentiality-visual{
  background:#f5f1eb !important;
  border-color:rgba(21,25,54,.10) !important;
}

#industrial-panel .confidential-card{
  background:#151936 !important;
  color:#ffffff !important;
}

#industrial-panel .confidential-card p{
  color:rgba(255,255,255,.74) !important;
}

#industrial-panel .project-modal-close{
  background:#151936 !important;
  color:#ffffff !important;
}


/* New uploaded Makas İnşaat logo image */
.brand-image-link{
  display:flex !important;
  align-items:center !important;
  min-width:0 !important;
  flex:0 0 auto !important;
}
.site-logo-img{
  display:block !important;
  width:250px !important;
  height:auto !important;
  object-fit:contain !important;
  border:0 !important;
}
.brand-image-link svg,
.brand-image-link .brand-name{
  display:none !important;
}

/* Intro logo uses the same uploaded logo image */
.intro-logo-image-wrap{
  gap:0 !important;
}
.intro-logo-img{
  display:block !important;
  width:min(760px,78vw) !important;
  height:auto !important;
  object-fit:contain !important;
  filter:drop-shadow(0 28px 60px rgba(0,0,0,.22)) !important;
  opacity:0;
  transform:translateY(18px) scale(.98);
  animation:introLogoImageIn .85s ease forwards;
  animation-delay:.28s;
}
.intro-logo-image-wrap .intro-mark,
.intro-logo-image-wrap .intro-brand-text{
  display:none !important;
}
@keyframes introLogoImageIn{
  to{opacity:1;transform:translateY(0) scale(1)}
}
@media(max-width:900px){
  .site-logo-img{
    width:205px !important;
  }
}
@media(max-width:640px){
  .site-logo-img{
    width:168px !important;
  }
  .intro-logo-img{
    width:min(420px,84vw) !important;
  }
}


/* Transparent logo background refinement */
.site-logo-img,
.intro-logo-img{
  background:transparent !important;
}


/* Final transparent logo from uploaded file */
.site-logo-img,
.intro-logo-img{
  background:transparent !important;
}
.site-logo-img{
  width:250px !important;
  height:auto !important;
  object-fit:contain !important;
}
.intro-logo-img{
  width:min(720px,76vw) !important;
  height:auto !important;
  object-fit:contain !important;
}
@media(max-width:900px){
  .site-logo-img{width:205px !important;}
}
@media(max-width:640px){
  .site-logo-img{width:168px !important;}
  .intro-logo-img{width:min(420px,84vw) !important;}
}


/* Final logo update with transparent background */
.site-logo-img,
.intro-logo-img{
  background:transparent !important;
}
.site-logo-img{
  width:270px !important;
  height:auto !important;
  object-fit:contain !important;
}
.intro-logo-img{
  width:min(800px,80vw) !important;
  height:auto !important;
  object-fit:contain !important;
}
@media(max-width:900px){
  .site-logo-img{width:215px !important;}
}
@media(max-width:640px){
  .site-logo-img{width:176px !important;}
  .intro-logo-img{width:min(460px,86vw) !important;}
}


/* Completed architecture animated portfolio panel */
#interior-panel .interior-portfolio-modal{
  inset:26px !important;
  padding:0 !important;
  background:#ffffff !important;
  color:#111111 !important;
  overflow:auto !important;
}

.interior-portfolio-shell{
  min-height:100%;
  padding:48px clamp(24px,4vw,70px) 76px;
  background:#ffffff;
}

.interior-logo-wrap{
  display:flex;
  justify-content:center;
  align-items:center;
  margin:0 auto 48px;
  opacity:0;
  transform:translateY(-20px) scale(.96);
}

#interior-panel.active .interior-logo-wrap{
  animation:interiorLogoReveal .9s cubic-bezier(.22,.61,.36,1) forwards;
}

.interior-logo-img{
  display:block;
  width:min(360px,42vw);
  height:auto;
  object-fit:contain;
}

.interior-portfolio-head{
  max-width:900px;
  margin:0 auto 42px;
  text-align:center;
  opacity:0;
  transform:translateY(22px);
}

#interior-panel.active .interior-portfolio-head{
  animation:interiorFadeUp .85s cubic-bezier(.22,.61,.36,1) .18s forwards;
}

.interior-portfolio-head span{
  display:block;
  margin-bottom:14px;
  color:#ff5a1f;
  font-size:13px;
  font-weight:950;
  letter-spacing:.24em;
  text-transform:uppercase;
}

.interior-portfolio-head h2{
  margin:0;
  color:#111111;
  font-size:clamp(42px,6vw,92px);
  line-height:.92;
  letter-spacing:-.075em;
  font-weight:950;
}

.interior-portfolio-head p{
  max-width:760px;
  margin:24px auto 0;
  color:#707070;
  font-size:17px;
  line-height:1.72;
}

.interior-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:34px 34px;
  width:min(1560px,100%);
  margin:0 auto;
}

.interior-card{
  appearance:none;
  border:0;
  background:transparent;
  padding:0;
  text-align:center;
  cursor:pointer;
  opacity:0;
  transform:translateY(34px) scale(.98);
  transition:transform .35s ease, opacity .35s ease;
}

#interior-panel.active .interior-card{
  animation:interiorCardReveal .78s cubic-bezier(.22,.61,.36,1) forwards;
}

#interior-panel.active .interior-card:nth-child(1){animation-delay:.28s}
#interior-panel.active .interior-card:nth-child(2){animation-delay:.38s}
#interior-panel.active .interior-card:nth-child(3){animation-delay:.48s}
#interior-panel.active .interior-card:nth-child(4){animation-delay:.58s}
#interior-panel.active .interior-card:nth-child(5){animation-delay:.68s}
#interior-panel.active .interior-card:nth-child(6){animation-delay:.78s}

.interior-card:hover{
  transform:translateY(-8px) scale(1.01);
}

.interior-card-visual{
  position:relative;
  height:275px;
  overflow:hidden;
  background:
    linear-gradient(135deg,rgba(0,0,0,.04),rgba(0,0,0,.10)),
    repeating-linear-gradient(90deg,rgba(0,0,0,.05) 0 1px,transparent 1px 28px),
    linear-gradient(135deg,#f0f0f0,#d8d8d8);
  filter:grayscale(1);
  box-shadow:0 20px 48px rgba(0,0,0,.08);
}

.interior-card-visual:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 28% 22%, rgba(255,255,255,.66), transparent 34%),
    linear-gradient(135deg,transparent 0%,rgba(255,255,255,.18) 52%,transparent 100%);
  opacity:.75;
}

.interior-card-visual span{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  color:rgba(0,0,0,.36);
  font-weight:950;
  letter-spacing:.18em;
  text-transform:uppercase;
  font-size:13px;
  border:1px solid rgba(0,0,0,.12);
  padding:12px 18px;
  border-radius:999px;
  background:rgba(255,255,255,.46);
  backdrop-filter:blur(8px);
}

.interior-card small{
  display:block;
  margin-top:16px;
  color:#707070;
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-weight:800;
}

.interior-card strong{
  display:block;
  margin-top:5px;
  color:#111111;
  font-size:16px;
  font-weight:750;
  letter-spacing:-.02em;
}

.interior-detail-overlay{
  position:fixed;
  inset:0;
  z-index:80;
  display:none;
  place-items:center;
  padding:24px;
  background:rgba(255,255,255,.72);
  backdrop-filter:blur(16px);
}

.interior-detail-overlay.active{
  display:grid;
  animation:interiorOverlayIn .28s ease forwards;
}

.interior-detail-card{
  position:relative;
  width:min(640px,100%);
  padding:42px;
  border-radius:32px;
  background:#ffffff;
  box-shadow:0 34px 110px rgba(0,0,0,.18);
  border:1px solid rgba(0,0,0,.08);
  transform:translateY(18px) scale(.97);
  opacity:0;
  animation:interiorDetailIn .42s cubic-bezier(.22,.61,.36,1) forwards;
}

.interior-detail-card span{
  color:#ff5a1f;
  font-size:12px;
  font-weight:950;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.interior-detail-card h3{
  margin:14px 0 14px;
  color:#111111;
  font-size:38px;
  line-height:1;
  letter-spacing:-.055em;
}

.interior-detail-card p{
  color:#707070;
  line-height:1.75;
  font-size:16px;
}

.interior-detail-close{
  position:absolute;
  right:18px;
  top:18px;
  width:42px;
  height:42px;
  border:0;
  border-radius:50%;
  background:#111111;
  color:#ffffff;
  font-size:28px;
  line-height:1;
  cursor:pointer;
}

@keyframes interiorLogoReveal{
  to{opacity:1;transform:translateY(0) scale(1)}
}

@keyframes interiorFadeUp{
  to{opacity:1;transform:translateY(0)}
}

@keyframes interiorCardReveal{
  to{opacity:1;transform:translateY(0) scale(1)}
}

@keyframes interiorOverlayIn{
  from{opacity:0}
  to{opacity:1}
}

@keyframes interiorDetailIn{
  to{opacity:1;transform:translateY(0) scale(1)}
}

@media(max-width:1100px){
  .interior-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .interior-card-visual{
    height:245px;
  }
}

@media(max-width:720px){
  #interior-panel .interior-portfolio-modal{
    inset:10px !important;
  }
  .interior-portfolio-shell{
    padding:34px 18px 48px;
  }
  .interior-logo-img{
    width:min(260px,70vw);
  }
  .interior-grid{
    grid-template-columns:1fr;
    gap:28px;
  }
  .interior-card-visual{
    height:220px;
  }
  .interior-portfolio-head h2{
    font-size:42px;
  }
}


/* Architectural Projects charismatic animation + back button */
#interior-panel .interior-portfolio-modal{
  background:
    radial-gradient(circle at 18% 10%, rgba(255,90,31,.10), transparent 28%),
    linear-gradient(135deg,#ffffff 0%,#f6f6f4 52%,#ffffff 100%) !important;
}

.interior-portfolio-shell{
  position:relative !important;
  overflow:hidden !important;
}

.interior-portfolio-shell:before{
  content:"";
  position:absolute;
  inset:-20%;
  pointer-events:none;
  background:
    linear-gradient(115deg, transparent 0%, rgba(0,0,0,.045) 38%, transparent 62%),
    radial-gradient(circle at 78% 16%, rgba(21,25,54,.08), transparent 24%);
  opacity:0;
  transform:translateX(-8%) rotate(-2deg);
}

#interior-panel.active .interior-portfolio-shell:before{
  animation:architectureLightSweep 1.35s cubic-bezier(.22,.61,.36,1) forwards;
}

.architecture-back-btn{
  position:sticky;
  top:22px;
  z-index:20;
  display:inline-flex;
  align-items:center;
  gap:10px;
  height:46px;
  padding:0 18px 0 14px;
  border:1px solid rgba(21,25,54,.12);
  border-radius:999px;
  background:rgba(255,255,255,.82);
  color:#151936;
  backdrop-filter:blur(14px);
  box-shadow:0 16px 44px rgba(13,16,39,.08);
  cursor:pointer;
  opacity:0;
  transform:translateX(-18px);
  transition:transform .28s ease, box-shadow .28s ease, background .28s ease;
}

#interior-panel.active .architecture-back-btn{
  animation:architectureBackIn .55s cubic-bezier(.22,.61,.36,1) .22s forwards;
}

.architecture-back-btn:hover{
  transform:translateX(-4px);
  background:#151936;
  color:#ffffff;
  box-shadow:0 22px 54px rgba(13,16,39,.18);
}

.architecture-back-btn span{
  display:grid;
  place-items:center;
  width:26px;
  height:26px;
  border-radius:50%;
  background:#ff5a1f;
  color:#ffffff;
  font-size:18px;
  line-height:1;
}

.architecture-back-btn strong{
  font-size:13px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}

#interior-panel .interior-logo-wrap{
  margin-top:10px !important;
  transform:translateY(-28px) scale(.92) rotateX(10deg) !important;
  filter:blur(8px);
}

#interior-panel.active .interior-logo-wrap{
  animation:architectureLogoCinematic .95s cubic-bezier(.18,.84,.24,1) .16s forwards !important;
}

#interior-panel .interior-portfolio-head{
  transform:translateY(34px) scale(.985) !important;
  filter:blur(8px);
}

#interior-panel.active .interior-portfolio-head{
  animation:architectureTitleReveal .92s cubic-bezier(.18,.84,.24,1) .32s forwards !important;
}

#interior-panel .interior-portfolio-head h2{
  position:relative;
}

#interior-panel .interior-portfolio-head h2:after{
  content:"";
  display:block;
  width:0;
  height:4px;
  margin:24px auto 0;
  border-radius:999px;
  background:#ff5a1f;
}

#interior-panel.active .interior-portfolio-head h2:after{
  animation:architectureLineGrow .75s cubic-bezier(.22,.61,.36,1) .82s forwards;
}

#interior-panel .interior-card{
  perspective:900px;
  transform:translateY(46px) scale(.94) rotateX(10deg) !important;
  filter:blur(8px);
}

#interior-panel.active .interior-card{
  animation:architectureCardCinematic .82s cubic-bezier(.18,.84,.24,1) forwards !important;
}

#interior-panel.active .interior-card:nth-child(1){animation-delay:.44s !important}
#interior-panel.active .interior-card:nth-child(2){animation-delay:.54s !important}
#interior-panel.active .interior-card:nth-child(3){animation-delay:.64s !important}
#interior-panel.active .interior-card:nth-child(4){animation-delay:.74s !important}
#interior-panel.active .interior-card:nth-child(5){animation-delay:.84s !important}
#interior-panel.active .interior-card:nth-child(6){animation-delay:.94s !important}

#interior-panel .interior-card-visual{
  border-radius:0 !important;
  box-shadow:0 26px 70px rgba(13,16,39,.12) !important;
  transition:transform .45s cubic-bezier(.22,.61,.36,1), filter .45s ease, box-shadow .45s ease !important;
}

#interior-panel .interior-card:hover .interior-card-visual{
  transform:translateY(-8px) scale(1.025);
  filter:grayscale(.75) contrast(1.08);
  box-shadow:0 36px 95px rgba(13,16,39,.18) !important;
}

#interior-panel .interior-card-visual:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(110deg, transparent 0%, rgba(255,255,255,.42) 45%, transparent 62%);
  transform:translateX(-120%);
  opacity:.75;
}

#interior-panel .interior-card:hover .interior-card-visual:after{
  animation:architectureCardShine .85s ease;
}

@keyframes architectureBackIn{
  to{opacity:1;transform:translateX(0)}
}

@keyframes architectureLogoCinematic{
  to{opacity:1;transform:translateY(0) scale(1) rotateX(0deg);filter:blur(0)}
}

@keyframes architectureTitleReveal{
  to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
}

@keyframes architectureLineGrow{
  to{width:min(220px,42vw)}
}

@keyframes architectureCardCinematic{
  to{opacity:1;transform:translateY(0) scale(1) rotateX(0deg);filter:blur(0)}
}

@keyframes architectureLightSweep{
  0%{opacity:0;transform:translateX(-10%) rotate(-2deg)}
  35%{opacity:1}
  100%{opacity:.65;transform:translateX(4%) rotate(-2deg)}
}

@keyframes architectureCardShine{
  to{transform:translateX(120%)}
}

@media(max-width:720px){
  .architecture-back-btn{
    top:12px;
    height:42px;
    padding:0 14px 0 11px;
  }
  .architecture-back-btn strong{
    font-size:11px;
  }
}



/* Architectural project card image + detailed modal */
#interior-panel .interior-card-visual.has-image{
  background:#eceae6 !important;
}

#interior-panel .interior-card-visual.has-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  filter:grayscale(1);
  transition:transform .48s cubic-bezier(.22,.61,.36,1), filter .42s ease;
}

#interior-panel .interior-card:hover .interior-card-visual.has-image img{
  transform:scale(1.04);
  filter:grayscale(.12);
}

#interior-panel .interior-card-visual.has-image span{display:none !important;}

.interior-detail-card{
  width:min(1180px,100%) !important;
  max-height:min(90vh,1020px);
  overflow:auto;
  border-radius:30px !important;
  padding:36px 36px 30px !important;
}

.interior-detail-topline{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  padding-right:62px;
}

.interior-detail-topline strong{
  color:#6d6d73;
  font-size:13px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

#interiorDetailTitle{
  margin:14px 0 10px !important;
  font-size:clamp(34px,4vw,56px) !important;
}

#interiorDetailDesc{
  max-width:920px;
  margin:0 0 26px;
}

.interior-detail-gallery{
  display:grid;
  grid-template-columns:minmax(0,1fr) 170px;
  gap:18px;
  align-items:start;
  margin-top:22px;
}

.interior-detail-main-wrap{
  border-radius:26px;
  overflow:hidden;
  background:#eceae6;
  box-shadow:0 26px 80px rgba(0,0,0,.10);
}

.interior-detail-main-image{
  width:100%;
  height:min(62vh,700px);
  object-fit:cover;
  display:block;
}

.interior-detail-thumbs{
  display:grid;
  gap:14px;
}

.interior-thumb{
  appearance:none;
  border:1px solid rgba(17,17,17,.08);
  padding:0;
  background:#ffffff;
  border-radius:18px;
  overflow:hidden;
  cursor:pointer;
  box-shadow:0 12px 34px rgba(0,0,0,.06);
  transition:transform .25s ease,border-color .25s ease, box-shadow .25s ease;
}

.interior-thumb img{
  width:100%;
  height:120px;
  display:block;
  object-fit:cover;
}

.interior-thumb:hover{
  transform:translateY(-3px);
}

.interior-thumb.active{
  border-color:#ff5a1f;
  box-shadow:0 16px 36px rgba(255,90,31,.18);
}

.interior-detail-meta{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:22px;
}

.interior-meta-box{
  border:1px solid rgba(17,17,17,.08);
  border-radius:20px;
  background:rgba(255,255,255,.92);
  padding:16px 18px;
}

.interior-meta-box small{
  display:block;
  margin-bottom:8px;
  color:#8b8b91;
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
  font-weight:800;
}

.interior-meta-box strong{
  color:#141414;
  font-size:16px;
  font-weight:800;
  letter-spacing:-.02em;
}

@media(max-width:900px){
  .interior-detail-gallery{
    grid-template-columns:1fr;
  }
  .interior-detail-thumbs{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .interior-thumb img{height:100px;}
  .interior-detail-meta{
    grid-template-columns:1fr;
  }
}

@media(max-width:640px){
  .interior-detail-card{
    padding:24px 18px 22px !important;
    border-radius:24px !important;
  }
  .interior-detail-main-image{
    height:320px;
  }
  .interior-detail-thumbs{
    grid-template-columns:1fr 1fr 1fr;
  }
  .interior-thumb img{height:82px;}
}


/* FIX: Architectural modal visibility and layout */
#interior-panel[aria-hidden="false"]{
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

#interior-panel[aria-hidden="false"] .interior-logo-wrap,
#interior-panel[aria-hidden="false"] .interior-portfolio-head,
#interior-panel[aria-hidden="false"] .interior-card,
#interior-panel[aria-hidden="false"] .architecture-back-btn{
  opacity:1 !important;
  filter:none !important;
  visibility:visible !important;
}

#interior-panel[aria-hidden="false"] .interior-logo-wrap{
  transform:translateY(0) scale(1) rotateX(0deg) !important;
}

#interior-panel[aria-hidden="false"] .interior-portfolio-head{
  transform:translateY(0) scale(1) !important;
}

#interior-panel[aria-hidden="false"] .interior-card{
  transform:translateY(0) scale(1) rotateX(0deg) !important;
}

#interior-panel .interior-portfolio-shell{
  min-height:auto !important;
  display:block !important;
}

#interior-panel .interior-grid{
  min-height:260px !important;
}

#interior-panel .architecture-back-btn{
  margin-bottom:18px !important;
}

#interior-panel .project-modal-close{
  z-index:999 !important;
}

#interior-panel .interior-detail-overlay{
  z-index:1000 !important;
}

/* Better first project card image rendering */
#interior-panel .interior-card-visual.has-image{
  background:#e9e5df !important;
}

#interior-panel .interior-card-visual.has-image img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}


/* FIX: Mimari Projeler özel logo animasyonu */
#interior-panel .interior-logo-wrap{
  min-height:190px !important;
  margin:10px auto 44px !important;
  opacity:0 !important;
  transform:translateY(34px) scale(.90) !important;
  filter:blur(18px) !important;
}

#interior-panel[aria-hidden="false"] .interior-logo-wrap,
#interior-panel.active .interior-logo-wrap{
  animation:mimariLogoPremiumReveal 1.15s cubic-bezier(.16,.84,.24,1) .42s forwards !important;
}

#interior-panel .interior-logo-img{
  width:min(780px,72vw) !important;
  max-width:100% !important;
  height:auto !important;
  display:block !important;
  object-fit:contain !important;
  background:transparent !important;
  filter:drop-shadow(0 18px 34px rgba(17,17,17,.08)) !important;
}

@keyframes mimariLogoPremiumReveal{
  0%{
    opacity:0;
    transform:translateY(34px) scale(.90);
    filter:blur(18px);
  }
  55%{
    opacity:1;
    transform:translateY(-4px) scale(1.015);
    filter:blur(2px);
  }
  100%{
    opacity:1;
    transform:translateY(0) scale(1);
    filter:blur(0);
  }
}

@media(max-width:720px){
  #interior-panel .interior-logo-wrap{
    min-height:135px !important;
    margin:4px auto 30px !important;
  }
  #interior-panel .interior-logo-img{
    width:min(430px,86vw) !important;
  }
}


/* FIX: Back button closes architectural panel completely */
#interior-panel[aria-hidden="true"]{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

#interior-panel[aria-hidden="false"]{
  display:block !important;
}


/* FIX: Mimari proje detay paneli ve fotoğraf büyütme sistemi */
#interior-panel .interior-detail-overlay{
  position:fixed !important;
  inset:0 !important;
  z-index:3000 !important;
  display:none !important;
  align-items:center !important;
  justify-content:center !important;
  padding:34px !important;
  background:rgba(7,9,22,.72) !important;
  backdrop-filter:blur(14px) !important;
}

#interior-panel .interior-detail-overlay.active{
  display:flex !important;
  animation:projectOverlayFade .28s ease forwards !important;
}

.project-showcase-panel{
  position:relative;
  width:min(1440px,96vw);
  max-height:92vh;
  overflow:auto;
  border-radius:22px;
  background:#ffffff;
  box-shadow:0 40px 140px rgba(0,0,0,.38);
  border:1px solid rgba(255,255,255,.20);
  padding:44px 44px 38px;
  animation:projectPanelOpen .48s cubic-bezier(.18,.84,.24,1) forwards;
}

.project-showcase-panel .showcase-close{
  position:fixed !important;
  right:28px !important;
  top:24px !important;
  z-index:3020 !important;
  width:46px !important;
  height:46px !important;
  border-radius:50% !important;
  background:#151936 !important;
  color:#fff !important;
  border:0 !important;
  font-size:28px !important;
  line-height:1 !important;
  cursor:pointer !important;
}

.showcase-info{
  max-width:980px;
  margin:0 auto 36px;
  text-align:left;
}

.showcase-kicker{
  color:#ff5a1f;
  font-size:12px;
  letter-spacing:.22em;
  text-transform:uppercase;
  font-weight:950;
  margin-bottom:12px;
}

#interiorPanel #interiorDetailTitle,
#interior-panel #interiorDetailTitle{
  margin:0 0 10px !important;
  color:#111111 !important;
  font-size:clamp(38px,5vw,74px) !important;
  line-height:.92 !important;
  letter-spacing:-.065em !important;
  font-weight:950 !important;
}

.showcase-location{
  display:inline-flex;
  margin:8px 0 26px;
  padding:10px 16px;
  border-radius:999px;
  background:#f3f0ec;
  color:#151936;
  font-size:13px;
  font-weight:900;
  letter-spacing:.04em;
}

.showcase-description{
  border-left:4px solid #ff5a1f;
  padding:2px 0 2px 22px;
}

.showcase-description strong{
  display:block;
  margin-bottom:8px;
  color:#151936;
  font-size:17px;
  font-weight:950;
}

.showcase-description p{
  margin:0 !important;
  color:#6d6d73 !important;
  font-size:17px !important;
  line-height:1.72 !important;
  max-width:980px;
}

.showcase-gallery{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  width:100%;
}

.project-gallery-item{
  appearance:none;
  border:0;
  padding:0;
  margin:0;
  background:#eee;
  cursor:pointer;
  overflow:hidden;
  aspect-ratio:16/10;
  box-shadow:0 18px 54px rgba(0,0,0,.12);
  transition:transform .32s ease, box-shadow .32s ease, filter .32s ease;
}

.project-gallery-item:hover{
  transform:translateY(-6px);
  box-shadow:0 28px 72px rgba(0,0,0,.20);
}

.project-gallery-item img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:transform .45s ease;
}

.project-gallery-item:hover img{
  transform:scale(1.045);
}

.project-photo-lightbox{
  position:fixed;
  inset:0;
  z-index:3100;
  display:none;
  align-items:center;
  justify-content:center;
  padding:62px 34px 34px;
  background:rgba(0,0,0,.86);
}

.project-photo-lightbox.active{
  display:flex;
  animation:projectOverlayFade .22s ease forwards;
}

.project-lightbox-image{
  max-width:94vw;
  max-height:88vh;
  object-fit:contain;
  display:block;
  box-shadow:0 30px 120px rgba(0,0,0,.50);
  animation:projectImageZoom .32s cubic-bezier(.18,.84,.24,1) forwards;
}

.project-lightbox-close{
  position:fixed;
  left:22px;
  top:22px;
  z-index:3120;
  width:48px;
  height:48px;
  border:0;
  border-radius:50%;
  background:#ffffff;
  color:#111111;
  font-size:32px;
  line-height:1;
  cursor:pointer;
  box-shadow:0 18px 60px rgba(0,0,0,.22);
}

.project-lightbox-prev,
.project-lightbox-next{
  position:fixed;
  top:50%;
  transform:translateY(-50%);
  z-index:3120;
  width:50px;
  height:64px;
  border:0;
  background:rgba(255,255,255,.82);
  color:#151936;
  font-size:42px;
  cursor:pointer;
  display:grid;
  place-items:center;
  transition:background .2s ease, transform .2s ease;
}

.project-lightbox-prev{left:18px;}
.project-lightbox-next{right:18px;}

.project-lightbox-prev:hover,
.project-lightbox-next:hover{
  background:#fff;
  transform:translateY(-50%) scale(1.05);
}

@keyframes projectOverlayFade{
  from{opacity:0}
  to{opacity:1}
}

@keyframes projectPanelOpen{
  from{opacity:0; transform:translateY(22px) scale(.97); filter:blur(8px)}
  to{opacity:1; transform:translateY(0) scale(1); filter:blur(0)}
}

@keyframes projectImageZoom{
  from{opacity:0; transform:scale(.94)}
  to{opacity:1; transform:scale(1)}
}

@media(max-width:980px){
  #interior-panel .interior-detail-overlay{
    padding:16px !important;
  }
  .project-showcase-panel{
    padding:34px 20px 28px;
    border-radius:18px;
  }
  .showcase-gallery{
    grid-template-columns:1fr;
  }
  .project-gallery-item{
    aspect-ratio:16/11;
  }
  .project-lightbox-prev,
  .project-lightbox-next{
    width:42px;
    height:54px;
    font-size:34px;
  }
}


/* REDESIGN: Mimari proje portfolyo detay sayfası */
#interior-panel .architecture-project-detail{
  position:fixed !important;
  inset:0 !important;
  z-index:5000 !important;
  display:none !important;
  padding:0 !important;
  background:#ffffff !important;
  overflow:auto !important;
  backdrop-filter:none !important;
}

#interior-panel .architecture-project-detail.active{
  display:block !important;
  animation:portfolioPageIn .38s cubic-bezier(.18,.84,.24,1) forwards !important;
}

.portfolio-detail-page{
  position:relative !important;
  width:100% !important;
  min-height:100vh !important;
  max-height:none !important;
  overflow:visible !important;
  background:#ffffff !important;
  color:#111111 !important;
  border-radius:0 !important;
  border:0 !important;
  box-shadow:none !important;
  padding:54px clamp(24px,4vw,78px) 74px !important;
}

.portfolio-detail-back{
  position:fixed !important;
  left:22px !important;
  top:22px !important;
  z-index:5080 !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  height:46px !important;
  padding:0 18px 0 12px !important;
  border:0 !important;
  border-radius:999px !important;
  background:#151936 !important;
  color:#ffffff !important;
  box-shadow:0 18px 54px rgba(0,0,0,.18) !important;
  cursor:pointer !important;
}

.portfolio-detail-back span{
  display:grid;
  place-items:center;
  width:26px;
  height:26px;
  border-radius:50%;
  background:#ff5a1f;
  color:#fff;
  font-size:18px;
}

.portfolio-detail-back strong{
  font-size:12px;
  letter-spacing:.11em;
  text-transform:uppercase;
  font-weight:950;
}

.portfolio-detail-meta{
  width:min(1200px,100%);
  margin:0 auto 62px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:28px;
  padding-top:10px;
}

.portfolio-detail-meta small{
  display:block;
  color:#151936;
  font-size:12px;
  letter-spacing:.08em;
  font-weight:950;
  text-transform:uppercase;
  margin-bottom:10px;
}

.portfolio-detail-meta strong{
  display:block;
  color:#58606c;
  font-size:14px;
  line-height:1.45;
  font-weight:650;
}

.portfolio-detail-text{
  width:min(1200px,100%);
  margin:0 auto 48px;
}

.portfolio-detail-text span{
  display:block;
  color:#ff5a1f;
  font-size:12px;
  letter-spacing:.24em;
  font-weight:950;
  text-transform:uppercase;
  margin-bottom:14px;
}

.portfolio-detail-text h3{
  margin:0 0 20px !important;
  color:#111111 !important;
  font-size:clamp(44px,7vw,110px) !important;
  line-height:.88 !important;
  letter-spacing:-.08em !important;
  font-weight:950 !important;
}

.portfolio-detail-text p{
  max-width:1120px !important;
  margin:0 !important;
  color:#9aa0aa !important;
  font-size:18px !important;
  line-height:1.85 !important;
  font-weight:500 !important;
}

.portfolio-gallery-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  width:100%;
  margin:0 auto;
}

.portfolio-image-tile{
  appearance:none;
  border:0;
  padding:0;
  margin:0;
  background:#e8e8e8;
  cursor:pointer;
  overflow:hidden;
  aspect-ratio:16/11;
  position:relative;
}

.portfolio-image-tile:after{
  content:"GÖRSELİ BÜYÜT";
  position:absolute;
  left:18px;
  bottom:18px;
  padding:9px 13px;
  border-radius:999px;
  background:rgba(21,25,54,.88);
  color:#ffffff;
  font-size:11px;
  font-weight:950;
  letter-spacing:.14em;
  opacity:0;
  transform:translateY(8px);
  transition:opacity .28s ease, transform .28s ease;
}

.portfolio-image-tile:hover:after{
  opacity:1;
  transform:translateY(0);
}

.portfolio-image-tile img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .55s cubic-bezier(.22,.61,.36,1), filter .35s ease;
}

.portfolio-image-tile:hover img{
  transform:scale(1.045);
  filter:brightness(.82);
}

.portfolio-photo-viewer{
  position:fixed;
  inset:0;
  z-index:5200;
  display:none;
  align-items:center;
  justify-content:center;
  background:rgba(0,0,0,.91);
  padding:68px 40px 38px;
}

.portfolio-photo-viewer.active{
  display:flex;
  animation:portfolioViewerIn .24s ease forwards;
}

.portfolio-photo-large{
  max-width:94vw;
  max-height:88vh;
  width:auto;
  height:auto;
  object-fit:contain;
  display:block;
  box-shadow:0 28px 120px rgba(0,0,0,.62);
  animation:portfolioImageIn .34s cubic-bezier(.18,.84,.24,1) forwards;
}

.portfolio-photo-close{
  position:fixed;
  left:24px;
  top:22px;
  z-index:5250;
  width:52px;
  height:52px;
  border:0;
  border-radius:50%;
  background:#ffffff;
  color:#111111;
  font-size:34px;
  line-height:1;
  cursor:pointer;
  box-shadow:0 16px 54px rgba(0,0,0,.28);
}

.portfolio-photo-prev,
.portfolio-photo-next{
  position:fixed;
  top:50%;
  z-index:5240;
  width:48px;
  height:62px;
  border:0;
  background:rgba(255,255,255,.88);
  color:#151936;
  font-size:42px;
  cursor:pointer;
  display:grid;
  place-items:center;
  transform:translateY(-50%);
}

.portfolio-photo-prev{left:18px;}
.portfolio-photo-next{right:18px;}

.portfolio-photo-count{
  position:fixed;
  left:50%;
  bottom:22px;
  transform:translateX(-50%);
  z-index:5240;
  color:#ffffff;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  padding:9px 14px;
  font-size:12px;
  letter-spacing:.14em;
  font-weight:900;
}

@keyframes portfolioPageIn{
  from{opacity:0; transform:translateY(26px)}
  to{opacity:1; transform:translateY(0)}
}

@keyframes portfolioViewerIn{
  from{opacity:0}
  to{opacity:1}
}

@keyframes portfolioImageIn{
  from{opacity:0; transform:scale(.94)}
  to{opacity:1; transform:scale(1)}
}

@media(max-width:980px){
  .portfolio-detail-page{
    padding:76px 18px 44px !important;
  }
  .portfolio-detail-meta{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
    margin-bottom:38px;
  }
  .portfolio-gallery-grid{
    grid-template-columns:1fr;
  }
  .portfolio-detail-text h3{
    font-size:48px !important;
  }
}

@media(max-width:620px){
  .portfolio-detail-meta{
    grid-template-columns:1fr;
  }
  .portfolio-detail-text p{
    font-size:15px !important;
  }
  .portfolio-photo-prev,
  .portfolio-photo-next{
    width:38px;
    height:52px;
    font-size:32px;
  }
}


/* Proje ismi daha ince yazı */
.portfolio-detail-text h3,
#portfolioDetailTitle,
#interior-panel #portfolioDetailTitle{
  font-weight:520 !important;
  letter-spacing:-.055em !important;
}

#interior-panel .interior-card strong{
  font-weight:620 !important;
}


/* FINAL FIX: görsellerin kırılmaması ve mimari portfolyo düzeni */
img{
  max-width:100%;
}
.brand-image-link img,
.site-logo-img{
  display:block !important;
  object-fit:contain !important;
}
#interior-panel .interior-card-visual.has-image img,
#interior-panel .portfolio-image-tile img,
#interior-panel .portfolio-photo-large{
  display:block !important;
  opacity:1 !important;
}
#interior-panel .architecture-project-detail{
  background:#fff !important;
}
#interior-panel .portfolio-detail-text h3,
#portfolioDetailTitle{
  font-weight:520 !important;
}


/* FINAL PROJECT PAGE FORMAT FIX */
#interior-panel .architecture-project-detail{
  background:#ffffff !important;
  overflow:auto !important;
}

#interior-panel .portfolio-detail-page{
  padding:34px clamp(22px,4vw,72px) 58px !important;
  min-height:100vh !important;
}

#interior-panel .portfolio-detail-meta{
  width:min(1180px,100%) !important;
  margin:0 auto 34px !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:28px !important;
}

#interior-panel .portfolio-detail-text{
  width:min(1180px,100%) !important;
  margin:0 auto 34px !important;
}

#interior-panel .portfolio-detail-text span{
  color:#ff5a1f !important;
  letter-spacing:.24em !important;
  font-size:12px !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
}

#interior-panel .portfolio-detail-text h3,
#interior-panel #portfolioDetailTitle{
  margin:14px 0 18px !important;
  font-size:clamp(46px,6vw,86px) !important;
  line-height:.94 !important;
  letter-spacing:-.065em !important;
  font-weight:420 !important;
  color:#111111 !important;
}

#interior-panel .portfolio-detail-text p,
#interior-panel #portfolioDetailDesc{
  max-width:1060px !important;
  margin:0 !important;
  color:#8d94a3 !important;
  font-size:17px !important;
  line-height:1.8 !important;
}

#interior-panel .portfolio-gallery-grid{
  width:min(1520px,100%) !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:1.15fr .85fr !important;
  grid-template-rows:repeat(2, minmax(270px, 1fr)) !important;
  gap:18px !important;
}

#interior-panel .portfolio-gallery-grid .portfolio-image-tile{
  display:block !important;
  aspect-ratio:auto !important;
  min-height:270px !important;
  border-radius:0 !important;
  overflow:hidden !important;
  box-shadow:0 22px 70px rgba(0,0,0,.12) !important;
}

#interior-panel .portfolio-gallery-grid .portfolio-image-tile:nth-child(1){
  grid-row:1 / span 2 !important;
  min-height:560px !important;
}

#interior-panel .portfolio-gallery-grid .portfolio-image-tile img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
}

#interior-panel .portfolio-detail-back{
  position:fixed !important;
  left:22px !important;
  top:22px !important;
  z-index:5080 !important;
}

#interior-panel .portfolio-photo-viewer{
  z-index:7000 !important;
}

@media(max-width:980px){
  #interior-panel .portfolio-detail-page{
    padding:76px 18px 42px !important;
  }

  #interior-panel .portfolio-detail-meta{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:18px !important;
    margin-bottom:30px !important;
  }

  #interior-panel .portfolio-gallery-grid{
    grid-template-columns:1fr !important;
    grid-template-rows:auto !important;
  }

  #interior-panel .portfolio-gallery-grid .portfolio-image-tile,
  #interior-panel .portfolio-gallery-grid .portfolio-image-tile:nth-child(1){
    grid-row:auto !important;
    min-height:300px !important;
  }
}

@media(max-width:620px){
  #interior-panel .portfolio-detail-meta{
    grid-template-columns:1fr !important;
  }

  #interior-panel .portfolio-detail-text h3,
  #interior-panel #portfolioDetailTitle{
    font-size:44px !important;
  }
}


/* Proje 2 kart görseli düzeltmesi */
#interior-panel .interior-card-visual.has-image img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}


/* Proje 3 kart görseli düzeltmesi */
#interior-panel .interior-card-visual.has-image img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}


/* Proje 4 kart görseli düzeltmesi */
#interior-panel .interior-card-visual.has-image img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}


/* PROJECT 4 DETAIL GALLERY FIX */
#project4DetailGallery{
  width:min(1180px,100%);
  margin:42px 0 0;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}

#project4DetailGallery .project4-gallery-item{
  appearance:none;
  border:0;
  padding:0;
  margin:0;
  background:#f1f1f1;
  cursor:pointer;
  overflow:hidden;
  min-height:360px;
  box-shadow:0 18px 55px rgba(0,0,0,.10);
}

#project4DetailGallery .project4-gallery-item:first-child{
  grid-column:1 / -1;
  min-height:560px;
}

#project4DetailGallery .project4-gallery-item img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
  opacity:1 !important;
  visibility:visible !important;
}

#project4DetailGallery .project4-gallery-item:hover img{
  transform:scale(1.035);
  filter:brightness(.88);
  transition:transform .45s ease, filter .35s ease;
}

.project4-lightbox{
  position:fixed;
  inset:0;
  z-index:99999;
  display:none;
  align-items:center;
  justify-content:center;
  background:rgba(0,0,0,.92);
  padding:70px 36px 36px;
}

.project4-lightbox.active{
  display:flex !important;
}

.project4-lightbox img{
  max-width:94vw;
  max-height:88vh;
  object-fit:contain;
  display:block;
}

.project4-lightbox-close{
  position:fixed;
  left:22px;
  top:22px;
  width:52px;
  height:52px;
  border:0;
  border-radius:50%;
  background:#fff;
  color:#111;
  font-size:34px;
  line-height:1;
  cursor:pointer;
  z-index:100000;
}

@media(max-width:900px){
  #project4DetailGallery{
    grid-template-columns:1fr;
  }
  #project4DetailGallery .project4-gallery-item,
  #project4DetailGallery .project4-gallery-item:first-child{
    grid-column:auto;
    min-height:300px;
  }
}




/* Contact email socials */
.contact-email-socials{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:18px !important;
  margin-top:24px !important;
  padding-left:104px !important;
}

.contact-email-social{
  display:grid !important;
  place-items:center !important;
  width:58px !important;
  height:58px !important;
  flex:0 0 58px !important;
  text-decoration:none !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  transition:transform .22s ease, filter .22s ease !important;
}

.contact-email-social:hover{
  transform:translateY(-3px) scale(1.05) !important;
  filter:saturate(1.1) brightness(1.05) !important;
}

.contact-email-social svg{
  display:block !important;
  width:58px !important;
  height:58px !important;
}

@media(max-width:760px){
  .contact-email-socials{
    padding-left:0 !important;
    gap:16px !important;
  }
}


/* Floating WhatsApp kaldırıldı — makas-wa-fab hariç */
.floating-whatsapp,
.whatsapp-float,
.wp-float,
.wa-float,
.fixed-whatsapp,
.whatsapp-button,
.wa-button,
a[href*="wa.me"].floating,
a.whatsapp,
a[class*="whatsapp"]:not(.makas-wa-fab) {
  display: none !important;
}

/* E-posta altındaki sosyal ikonlar görünür kalacak */
.contact-email-socials,
.contact-email-socials a[href*="wa.me"],
.contact-email-socials a[href*="instagram"]{
  display:flex !important;
}
.contact-email-socials .contact-email-social{
  display:grid !important;
}


/* Sağ alt floating WhatsApp kesin kaldırıldı — makas-wa-fab hariç */
[class*="whatsapp"]:not(.contact-email-social):not(.contact-email-socials):not(.makas-wa-fab),
[class*="Whatsapp"]:not(.contact-email-social):not(.contact-email-socials):not(.makas-wa-fab),
[class*="WP"]:not(.contact-email-social):not(.contact-email-socials):not(.makas-wa-fab),
[class*="wp"]:not(.contact-email-social):not(.contact-email-socials):not(.makas-wa-fab),
[class*="wa-"]:not(.contact-email-social):not(.contact-email-socials):not(.makas-wa-fab):not(.makas-wa-fab *),
[id*="whatsapp"]:not(#makasWaFab),
[id*="wp"]:not(#makasWaFab),
[id*="wa"]:not(#makasWaFab),
a[href*="wa.me"]:not(.contact-email-social):not(.makas-wa-fab),
a[href*="whatsapp"]:not(.contact-email-social):not(.makas-wa-fab) {
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

.makas-wa-fab,
#makasWaFab {
  display: grid !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  visibility: visible !important;
}

.contact-email-socials{
  display:flex !important;
}
.contact-email-socials .contact-email-social{
  display:grid !important;
  opacity:1 !important;
  pointer-events:auto !important;
  visibility:visible !important;
}


/* WhatsApp tamamen kaldırıldı */
a[href*="wa.me"]:not(.makas-wa-fab):not(.contact-email-social),
a[href*="whatsapp"]:not(.makas-wa-fab):not(.contact-email-social),
[class*="whatsapp"]:not(.makas-wa-fab):not(.contact-email-social),
[class*="Whatsapp"]:not(.makas-wa-fab):not(.contact-email-social),
[class*="wp-"]:not(.makas-wa-fab),
[class*="wa-"]:not(.makas-wa-fab):not(.makas-wa-fab *),
[id*="whatsapp"]:not(#makasWaFab),
[id*="wp-"]:not(#makasWaFab),
[id*="wa-"]:not(#makasWaFab) {
  display:none !important;
  opacity:0 !important;
  pointer-events:none !important;
  visibility:hidden !important;
}

/* Instagram ikonu e-posta altında görünür kalır */
.contact-email-socials{
  display:flex !important;
}
.contact-email-socials .contact-email-social.instagram{
  display:grid !important;
  opacity:1 !important;
  pointer-events:auto !important;
  visibility:visible !important;
}



/* Makas stats counter section */
.makas-stats-section{
  position:relative;
  isolation:isolate;
  min-height:360px;
  width:100%;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#111936;
}

.makas-stats-bg{
  position:absolute;
  inset:0;
  z-index:-2;
}

.makas-stats-bg img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:grayscale(1) contrast(1.06);
  display:block;
}

.makas-stats-overlay{
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(90deg, rgba(12,22,58,.86), rgba(24,74,114,.62), rgba(12,22,58,.78)),
    rgba(20,75,120,.38);
}

.makas-stats-content{
  width:min(1180px, calc(100% - 48px));
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:36px;
  align-items:center;
  text-align:center;
  color:#fff;
  padding:78px 0;
}

.makas-stat-item{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
}

.makas-stat-number{
  font-size:clamp(52px, 6vw, 82px);
  line-height:1;
  font-weight:900;
  letter-spacing:-.05em;
  color:#fff;
  text-shadow:0 12px 34px rgba(0,0,0,.28);
}

.makas-stat-item span{
  font-size:clamp(15px, 1.2vw, 19px);
  line-height:1.35;
  font-weight:650;
  color:rgba(255,255,255,.92);
  text-shadow:0 8px 24px rgba(0,0,0,.25);
}

@media(max-width:820px){
  .makas-stats-section{
    min-height:auto;
  }

  .makas-stats-content{
    grid-template-columns:1fr;
    gap:34px;
    padding:64px 0;
  }
}


/* İstatistik alanı arka planı siyah beyaz */
.makas-stats-bg img{
  filter:grayscale(100%) contrast(1.08) brightness(.78) !important;
  -webkit-filter:grayscale(100%) contrast(1.08) brightness(.78) !important;
}

.makas-stats-overlay{
  background:
    linear-gradient(90deg, rgba(10,14,32,.62), rgba(10,14,32,.34), rgba(10,14,32,.62)),
    rgba(0,0,0,.18) !important;
}


/* =========================================================
   MOBİL DÜZELTME PAKETİ
   Masaüstü tasarım korunur; 768px ve altı mobil kırılmalar düzeltilir.
   ========================================================= */
html,body{max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{touch-action:manipulation}
*,*::before,*::after{box-sizing:border-box}
img,picture,video,canvas,svg,iframe{max-width:100%}
img{height:auto;max-width:100%;display:block}
button,a,[role="button"],.tab-btn,.hero-tab,.project-toggle,.project-subcard,.board-card,[role="tab"],[data-tab]{min-width:44px;min-height:44px;touch-action:manipulation;-webkit-tap-highlight-color:rgba(255,90,31,.18)}
input,select,textarea{max-width:100%;font-size:16px}
p,li,span,h1,h2,h3,h4,h5,h6,a,button{overflow-wrap:break-word;word-break:break-word}
.video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}
.video-wrapper iframe,.video-wrapper video{position:absolute;inset:0;width:100%;height:100%}
video{width:100%;height:auto;object-fit:cover;background:#111936}
.portfolio-photo-large,.project-lightbox-image,.static-photo-viewer img,.project4-lightbox img,.lightbox img,[role="dialog"] img{max-width:94vw;max-height:86dvh;width:auto;height:auto;object-fit:contain}

@media(max-width:768px){
 body{font-size:16px}
 .container,.wrapper,.section-inner,.content,.about-content,.project-content,.contact-content{width:min(100% - 32px,1180px)!important;max-width:min(100% - 32px,1180px)!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important}
 .grid,.cards-grid,.service-grid,.services-grid,.project-grid,.projects-grid,.completed-projects-grid,.ongoing-projects-grid,.interior-grid,.portfolio-gallery-grid,.showcase-gallery,.contact-grid,.contact-wrapper,.about-grid,.team-grid,.board-grid,.project-subgrid,#project4DetailGallery{display:grid!important;grid-template-columns:1fr!important;gap:18px!important}
 [class*="grid"]{max-width:100%}
 .hero,.hero-section,#home,.home{min-height:100svh;overflow:hidden}
 @supports(height:100dvh){.hero,.hero-section,#home,.home{min-height:100dvh}}
 .hero-slide,.hero-bg,.hero-image,.hero-media,.hero-slide-image{overflow:hidden}
 .hero-slide img,.hero-bg img,.hero-image img,.hero-media img,.hero-slide-image img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
 .interior-card-visual,.project-card-visual,.project-gallery-item,.portfolio-image-tile,.project4-gallery-item{overflow:hidden!important;aspect-ratio:16/11;min-height:220px}
 .interior-card-visual img,.project-card-visual img,.project-gallery-item img,.portfolio-image-tile img,.project4-gallery-item img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
 .board-card.photo-card,.team-card,.member-card,.management-card,[class*="board-card"],[class*="team-card"],[class*="member-card"]{min-height:500px!important;height:auto!important;overflow:hidden!important}
 .board-card.photo-card img,.team-card img,.member-card img,.management-card img,[class*="board-card"] img,[class*="team-card"] img,[class*="member-card"] img{width:100%!important;height:500px!important;object-fit:cover!important;object-position:center top!important;display:block!important}
 .board-detail.open,.team-detail.open,.member-detail.open,.management-detail.open{display:block!important;opacity:1!important;visibility:visible!important}
 .project-panel.open,.tab-panel.active,.tab-content.active{display:block!important}
 .portfolio-detail-meta{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}
 .portfolio-detail-page,.project-showcase-panel{width:100%!important;max-width:100vw!important;min-height:100dvh!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important}
 .makas-stats-content{grid-template-columns:1fr!important;gap:34px!important;padding:62px 0!important}
 .makas-stats-bg img{width:100%!important;height:100%!important;object-fit:cover!important;filter:grayscale(100%) contrast(1.08) brightness(.78)!important;-webkit-filter:grayscale(100%) contrast(1.08) brightness(.78)!important}
 .project-tabs,.projects-tabs,.category-tabs,.filter-tabs,.hero-tabs{display:flex!important;flex-wrap:wrap!important;gap:10px!important;position:relative;z-index:20}
 .project-tabs button,.projects-tabs button,.category-tabs button,.filter-tabs button,.hero-tab,.tab-btn,[role="tab"]{padding:12px 14px!important;font-size:max(14px,.95rem)!important}
 a{display:inline-block}
 .modal,.overlay,[role="dialog"],.project-modal,.interior-detail-overlay,.architecture-project-detail,.portfolio-photo-viewer,.project-photo-lightbox,.static-photo-viewer,.project4-lightbox,.lightbox{max-width:100vw!important;max-height:100dvh!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important}
 .modal[aria-hidden="true"],.overlay[aria-hidden="true"],[role="dialog"][aria-hidden="true"],.project-modal[aria-hidden="true"],.interior-detail-overlay[aria-hidden="true"],.architecture-project-detail[aria-hidden="true"],.portfolio-photo-viewer[aria-hidden="true"],.project-photo-lightbox[aria-hidden="true"],.static-photo-viewer[aria-hidden="true"],.project4-lightbox[aria-hidden="true"],.lightbox[aria-hidden="true"]{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}
}
@media(max-width:430px){
 .container,.wrapper,.section-inner,.content,.about-content,.project-content,.contact-content{width:min(100% - 28px,1180px)!important;max-width:min(100% - 28px,1180px)!important}
 .board-card.photo-card,.team-card,.member-card,.management-card,[class*="board-card"],[class*="team-card"],[class*="member-card"]{min-height:470px!important}
 .board-card.photo-card img,.team-card img,.member-card img,.management-card img,[class*="board-card"] img,[class*="team-card"] img,[class*="member-card"] img{height:470px!important}
}