:root{
  --shadow:0 22px 60px rgba(21,18,15,.14);
  --radius:26px;
  --max:1240px;
  --section-space:72px;
  --section-space-mobile:54px;
  --section-tight-space:34px;
  --section-before-cta-space:var(--section-tight-space);
  --cta-divider-gap:var(--section-tight-space);
  --block-gap:18px;
  --card-gap:18px;
  --card-radius:28px;
  --card-padding:28px;
  --card-shadow:0 18px 44px rgba(17,22,29,.06);
  --card-shadow-hover:0 22px 52px rgba(17,22,29,.09);
  --card-border:1px solid rgba(46,74,98,.12);
  --card-border-hover:rgba(200,176,138,.72);
  --hover-lift:-3px;
  --container:var(--max);
  --hero-top-space:112px;
  --hero-bottom-space:86px;
  --hero-kicker-gap:18px;
  --hero-kicker-line:48px;
  --page-hero-title-line-height:1.06;
  --page-hero-lead-gap:28px;
  --page-hero-lead-size:clamp(18px, 1.55vw, 22px);
  --page-hero-lead-line-height:1.55;
  --page-hero-title-size:clamp(34px, 3.9vw, 58px);
  --page-hero-min-height:clamp(480px, 38vw, 620px);
  --page-hero-copy-inline:clamp(32px, calc(50vw - 620px), 96px);
  --teal:#C8D9E6;
  --sky-dark:#567C8D;
  --sky:#C8D9E6;
  --paper:#F5F4F2;
  --paper-2:#E6E7EA;
  --paper-3:#ffffff;
  --white:#ffffff;
  --ink:#252525;
  --ink-2:#2E4A62;
  --muted:#636363;
  --muted-2:#7b7b7b;
  --line:#D8D8D8;
  --accent:#2E4A62;
  --accent-2:#56758E;
  --deep:#252525;
  --navy:#2E4A62;
  --slate:#56758E;
  --sand:#C8B08A;
  --clay:#C8B08A;
  --slide-button-gap:28px;
  --hero-fixed-top:var(--hero-top-space);
  --hero-fixed-bottom:var(--hero-bottom-space);
  --hero-safe-left:max(32px, calc((100vw - var(--max)) / 2));
  --hero-content-top:var(--hero-top-space);
  --hero-align-left:max(24px, calc((100vw - var(--max)) / 2));
  --hero-align-right:max(24px, calc((100vw - var(--max)) / 2));
  --hero-align-top:112px;
  --hero-align-bottom:86px;
}

*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

a{
  color:inherit;
  text-decoration:none;
}

img{
  max-width:100%;
  display:block;
}

button, input, textarea{
  font:inherit;
}

.wrap{
  width:min(var(--max), calc(100% - 48px));
  margin:0 auto;
}

.serif{
  font-family:"Fraunces",serif;
  font-weight:400;
  letter-spacing:-.04em;
}

.mono{
  font-family:"IBM Plex Mono",monospace;
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
}


:focus-visible{
  outline:2px solid var(--accent);
  outline-offset:4px;
}


.hero-slider{
  position:relative;
  min-height:min(82vh, 760px);
}

.hero-slide{
  position:absolute;
  inset:0;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .5s ease, visibility .5s ease;
}

.hero-slide.is-active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.slide-photo{
  color:var(--white);
}

.slide-photo .hero-media{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  background:#111;
}

.slide-photo .hero-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transform:scale(1.01);
}

.slide-photo .hero-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(90deg, rgba(14,12,10,.82) 0%, rgba(14,12,10,.60) 40%, rgba(14,12,10,.25) 72%, rgba(14,12,10,.50) 100%), linear-gradient(180deg, rgba(14,12,10,.04) 0%, rgba(14,12,10,.12) 42%, rgba(14,12,10,.76) 100%);
}

.hero-content{
  position:relative;
  z-index:2;
  display:flex;
  align-items:flex-start;
  min-height:min(82vh, 760px);
  padding:var(--hero-top-space) 0 var(--hero-bottom-space);
}

.hero-copy{
  position:relative;
  max-width:780px;
  padding-right:70px;
  z-index:2;
  margin-top:0;
}

.slide-photo h1, .slide-photo h2{
  font-size:clamp(50px, 5.6vw, 86px);
  line-height:.96;
  text-shadow:0 16px 50px rgba(0,0,0,.14);
}

.hero-vertical{
  position:absolute;
  right:24px;
  top:50%;
  transform:translateY(-50%);
  display:flex;
  align-items:center;
  gap:14px;
  writing-mode:vertical-rl;
  text-orientation:mixed;
  font-family:"IBM Plex Mono",monospace;
  font-size:11px;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:rgba(255,253,249,.70);
  z-index:2;
}

.hero-vertical::before{
  content:"";
  width:1px;
  height:78px;
  background:rgba(255,253,249,.55);
  display:block;
}

.hero-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  align-items:center;
}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border-radius:999px;
  padding:15px 22px;
  font-size:14px;
  font-weight:800;
  transition:.22s ease;
  border:1px solid transparent;
}

.btn.primary{
  background:var(--white);
  color:var(--ink);
  border-color:var(--white);
}

.btn.primary:hover{
  background:transparent;
  color:var(--white);
  transform:translateY(-2px);
}

.btn.glass{
  background:rgba(255,253,249,.08);
  backdrop-filter:blur(12px);
  border-color:rgba(255,253,249,.34);
  color:var(--white);
}

.btn.glass:hover{
  background:var(--white);
  color:var(--ink);
}

.hero-switcher{
  position:absolute;
  left:0;
  right:0;
  bottom:26px;
  z-index:5;
}

.switcher-inner{
  display:flex;
  justify-content:flex-end;
  gap:10px;
}

.hero-dot{
  width:38px;
  height:2px;
  border:0;
  background:rgba(255,253,249,.34);
  cursor:pointer;
  transition:.2s ease;
}

.hero-dot.active{
  background:var(--white);
}

section{
  padding:var(--section-space) 0;
}

.section-head p{
  max-width:420px;
  color:var(--muted);
  font-size:15px;
}

.brand-showcase{
  display:grid;
  grid-template-columns:.92fr 1.45fr;
  gap:22px;
  align-items:stretch;
}

.brand-editorial{
  position:relative;
  min-height:510px;
  border-radius:30px;
  overflow:hidden;
  background:#2b241c;
  padding:34px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  box-shadow:var(--shadow);
  isolation:isolate;
}

.brand-editorial::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:url("../site-images/about/showroom/ozhan-concept-07.webp");
  background-size:cover;
  background-position:center;
  z-index:-2;
  transition:transform .8s cubic-bezier(.2,.7,.2,1);
}

.brand-editorial::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(23,19,15,.20),rgba(23,19,15,.88));
  z-index:-1;
}

.brand-editorial:hover::before{
  transform:scale(1.05);
}

.brand-editorial .mono{
  color:#e1c8a7;
}

.brand-editorial h3{
  font-size:48px;
  line-height:.98;
  color:var(--white);
}

.brand-editorial p{
  color:#d9ccba;
  max-width:360px;
  font-size:14px;
  margin-top:16px;
}

.brand .mono{
  font-size:9px;
  color:var(--accent);
}

.brand .spacer{
  display:none;
}

.brand h3{
  font-family:"Fraunces",serif;
  font-size:24px;
  font-weight:400;
  line-height:1;
  margin-top:14px;
}

.brand:hover .mono{
  color:#d8be9d;
}

.category-grid{
  display:grid;
  grid-template-columns:repeat(12,1fr);
  gap:16px;
}

.category{
  position:relative;
  grid-column:span 4;
  min-height:230px;
  border-radius:28px;
  overflow:hidden;
  padding:26px;
  background:var(--ink);
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  color:var(--white);
  isolation:isolate;
  box-shadow:var(--shadow);
}

.category.wide{
  grid-column:span 8;
}

.category::before{
  content:"";
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  z-index:-2;
  transition:transform .8s cubic-bezier(.2,.7,.2,1);
}

.category::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(23,19,15,.15),rgba(23,19,15,.86));
  z-index:-1;
}

.category:hover::before{
  transform:scale(1.06);
}

.category .tag{
  color:#dac6ac;
  margin-bottom:auto;
}

.category h3{
  font-size:32px;
  font-family:"Fraunces",serif;
  font-weight:400;
  line-height:1;
  margin:10px 0 8px;
}

.category p{
  font-size:14px;
  color:#ddd4c7;
  max-width:320px;
}

.c1::before{
  background-image:url("../site-images/brands/vanucci/lake-mutfaklar.webp");
}

.c2::before{
  background-image:url("../site-images/brands/belinza/banyo-mobilyalari.webp");
}

.c3::before{
  background-image:url("../site-images/brands/nobili/banyo-bataryalari.webp");
}

.c4::before{
  background-image:url("../site-images/brands/seranit/zemin-karolari.webp");
}

.c5::before{
  background-image:url("../site-images/brands/dekton/mutfak-tezgahlari.webp");
}

.service-flow-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--card-gap);
}

.service-flow-card{
  display:block;
  border-radius:28px;
  overflow:hidden;
  background:rgba(255,253,247,.8);
  border:1px solid rgba(185,170,149,.72);
  box-shadow:0 18px 46px rgba(23,19,15,.08);
  transition:.22s ease;
}

.service-flow-card:hover{
  transform:translateY(-4px);
  box-shadow:0 24px 56px rgba(23,19,15,.12);
}

.service-flow-media{
  height:220px;
  background-size:cover;
  background-position:center;
}

.sm1 .service-flow-media{
  background-image:url("../site-images/services/mimarlik-tasarim/mekan-kurgusu.webp");
}

.sm2 .service-flow-media{
  background-image:url("../site-images/services/3d-projelendirme/3d-gorsellestirme.webp");
}

.sm3 .service-flow-media{
  background-image:url("../site-images/services/hafriyat-insaat/saha-hazirligi-hafriyat.webp");
}


.service-flow-copy{
  padding:20px 20px 22px;
}

.service-flow-copy h3{
  font-size:24px;
  line-height:1.08;
  margin-bottom:10px;
}

.service-flow-copy p{
  font-size:14px;
  color:var(--muted);
}

.project-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}

.project{
  position:relative;
  min-height:0;
  aspect-ratio:16 / 10;
  border-radius:28px;
  overflow:hidden;
  color:var(--white);
  display:flex;
  align-items:flex-end;
  padding:24px;
  isolation:isolate;
  box-shadow:var(--shadow);
}

.project::before{
  content:"";
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  z-index:-2;
  transition:transform .8s cubic-bezier(.2,.7,.2,1);
}

.project::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(23,19,15,.10),rgba(23,19,15,.88));
  z-index:-1;
}

.project:hover::before{
  transform:scale(1.05);
}

.project span{
  font-family:"IBM Plex Mono",monospace;
  font-size:10px;
  letter-spacing:.16em;
  color:#dbc7ad;
}

.project h3{
  font-size:28px;
  font-family:"Fraunces",serif;
  font-weight:400;
  line-height:1;
  margin-top:10px;
}

.pr1::before{
  background-image:url("../site-images/projects/suluklu-villa/cover.webp");
}

.pr2::before{
  background-image:url("../site-images/projects/marina-villa/cover.webp");
}

.pr3::before{
  background-image:url("../site-images/projects/muya-evleri/cover.webp");
}

.pr4::before{
  background-image:url("../site-images/projects/loop-gundogan/cover.webp");
}

.pr5::before{
  background-image:url("../site-images/projects/han-konutlari/cover.webp");
}

.pr6::before{
  background-image:url("../site-images/projects/tun-evleri/cover.webp");
}

.btn.dark:hover{
  background:var(--accent);
  border-color:var(--accent);
  transform:translateY(-2px);
}

@keyframes waPulse{0%, 100%{transform:scale(1)}50%{transform:scale(1.045)}}

@keyframes waRing{0%{transform:scale(.86);opacity:.65}100%{transform:scale(1.35);opacity:0}}

.footer-grid{
  display:grid;
  grid-template-columns:1.25fr .9fr .95fr .95fr .85fr;
  gap:28px;
}

.footer-brand img{
  width:188px;
  filter:brightness(0) invert(1) grayscale(1) contrast(1.04);
  opacity:.95;
}

.footer-brand p{
  font-size:15px;
  line-height:1.72;
  color:rgba(248,242,232,.72);
  max-width:320px;
  margin-top:22px;
}

.footer-col h4{
  font-family:"IBM Plex Mono",monospace;
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#f0dfc8;
  margin-bottom:18px;
}

.footer-col a, .footer-col .footer-link--disabled{
  display:block;
  font-size:15px;
  color:rgba(248,242,232,.76);
  margin-bottom:12px;
  transition:.2s ease;
}

.footer-col a:hover{
  color:var(--white);
}

.footer-col .footer-link--disabled{
  color:rgba(248,242,232,.38);
  cursor:default;
  user-select:none;
}

.footer-bottom{
  margin-top:34px;
  padding-top:22px;
  border-top:1px solid rgba(248,242,232,.12);
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:16px;
  position:relative;
  z-index:3;
}

.footer-bottom span{
  color:rgba(248,242,232,.6);
  font-size:14px;
}

@media (max-width: 1360px){
.hero-shell, .hero-slider, .hero-content{
  min-height:min(78vh, 700px);
}
}

@media (max-width: 1360px){
}

@media (max-width: 1360px){
.slide-photo h1, .slide-photo h2{
  font-size:clamp(46px,5vw,78px);
}
}


@media (max-width: 980px){
.service-flow-grid{
  grid-template-columns:repeat(2,1fr);
}
}

@media (max-width: 980px){
.brand-grid{
  grid-template-columns:repeat(2,1fr);
}
}


@media (max-width: 980px){
.hero-copy{
  max-width:680px;
  padding-right:36px;
}
}

@media (max-width: 980px){
.hero-vertical{
  right:12px;
}
}

@media (max-width: 980px){
.project-grid{
  grid-template-columns:repeat(2,1fr);
}
}

@media (max-width: 980px){
.footer-grid{
  grid-template-columns:1.2fr 1fr 1fr;
}
}

@media (max-width: 1024px){
.site-header{
  position:sticky;
}
}

@media (max-width: 1024px){
.hero-shell, .hero-slider, .hero-content{
  min-height:auto;
}
}

@media (max-width: 1024px){
.hero-content{
  padding:54px 0 84px;
}
}

@media (max-width: 1024px){
.hero-copy{
  padding-right:0;
}
}

@media (max-width: 1024px){
.hero-vertical{
  display:none;
}
}

@media (max-width: 1024px){
}

@media (max-width: 1024px){
.brand-showcase, .footer-grid{
  grid-template-columns:1fr;
}
}

@media (max-width: 1024px){
.service-flow-grid{
  grid-template-columns:1fr;
}
}

@media (max-width: 1024px){
.category{
  grid-column:span 6;
}
}

@media (max-width: 1024px){
.category.wide{
  grid-column:span 12;
}
}

@media (max-width: 760px){
.wrap{
  width:min(var(--max), calc(100% - 28px));
}
}


@media (max-width: 760px){
:root{
  --hero-top-space:92px;
  --hero-bottom-space:78px;
  --hero-kicker-line:34px;
}
}

@media (max-width: 760px){
.hero{
  padding-top:10px;
}
}

@media (max-width: 760px){
.hero-shell{
  border-radius:0 0 22px 22px;
}
}

@media (max-width: 760px){
.hero-content{
  padding:42px 0 78px;
  align-items:flex-start;
}
}

@media (max-width: 760px){
.hero-kicker{
  margin-bottom:14px;
}
}

@media (max-width: 760px){
.btn{
  width:auto;
}
}

@media (max-width: 760px){
.section-head{
  display:block;
}
}

@media (max-width: 760px){
.section-head p{
  margin-top:14px;
  max-width:none;
}
}

@media (max-width: 760px){
.brand-grid, .project-grid{
  grid-template-columns:1fr;
}

.project{
  aspect-ratio:4 / 3;
  padding:20px;
}
}

@media (max-width: 760px){
.category{
  grid-column:span 12;
  min-height:220px;
}
}

@media (max-width: 760px){
.site-footer{
  padding-top:52px;
}
}


@media (max-width: 760px){
.service-flow-grid{
  grid-template-columns:1fr;
}
}

@media (max-width: 760px){
.hero-shell, .hero-slider{
  min-height:1160px;
  height:1160px;
}
}

@media (max-width: 760px){
.hero-slider{
  display:block;
}
}

@media (max-width: 760px){
.hero-slide{
  position:relative;
  display:none;
  min-height:1160px;
  height:1160px;
}
}

@media (max-width: 760px){
.hero-slide.is-active{
  display:block;
}
}

@media (max-width: 760px){
.hero-content{
  min-height:1160px;
  height:1160px;
  padding:84px 0 76px;
}
}

@media (max-width: 760px){
}

@media (max-width: 760px){
}

@media (max-width: 760px){
.hero-switcher{
  bottom:18px;
}
}

@media (max-width: 760px){
.switcher-inner{
  justify-content:center;
}
}

@media (max-width: 760px){
.slide-photo h1, .slide-photo h2{
  line-height:1;
  font-size:clamp(38px,12vw,56px);
}
}

@media (max-width: 760px){
.hero-actions{
  flex-direction:row;
  align-items:flex-start;
}
}

@media (max-width: 760px){
.slide-photo p{
  font-size:15px;
  margin:18px 0 24px;
}
}

@media (max-width: 760px){
}

@media (max-width: 760px){
}

@media (max-width: 760px){
.footer-bottom{
  margin-top:34px;
  padding-top:22px;
  border-top:1px solid rgba(248,242,232,.12);
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:16px;
  position:relative;
  z-index:3;
}
}


@media (max-width:760px){
.footer-bottom{
  grid-template-columns:1fr;
  gap:8px;
}
}

@media (max-width:760px){
.footer-credit{
  justify-self:start;
}
}


.btn.dark{
  background:var(--teal);
  border-color:var(--teal);
}

.btn.dark:hover{
  background:var(--deep);
  border-color:var(--deep);
}


.btn.dark{
  background:#142235;
  border-color:#142235;
  color:#fff;
}

.btn.outline-dark:hover{
  background:var(--ink);
  color:var(--white);
  border-color:#142235;
}

.brand, .service-flow-card{
  background:#fff;
  border-color:rgba(200,217,230,.80);
}


.btn.primary:hover, .btn.glass:hover, .btn.dark:hover, .btn.outline-dark:hover{
  background:#ffffff;
  color:#2F4156;
  border-color:#ffffff;
  box-shadow:0 12px 30px rgba(47,65,86,.16);
}

.brand-copy span{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

body{
  font-family:"Inter",sans-serif;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  background:#F5F4F2;
  color:#252525;
}

.site-header{
  position:sticky;
  top:0;
  z-index:100;
  backdrop-filter:blur(14px);
  background:rgba(245,244,242,.97);
  border-bottom:1px solid rgba(46,74,98,.14);
}


.hero-kicker{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:var(--hero-kicker-gap);
  color:#C8B08A;
}

.hero-kicker::before{
  content:"";
  width:var(--hero-kicker-line);
  height:1px;
  opacity:.8;
  background:#C8B08A;
}

.btn.dark{
  background:#2E4A62;
  border-color:#2E4A62;
  color:#ffffff;
}

.btn.dark:hover{
  background:#C8B08A;
  border-color:#C8B08A;
  color:#252525;
}

.btn.primary:hover, .btn.glass:hover, .btn.outline-dark:hover{
  background:#ffffff;
  color:#2E4A62;
  border-color:#ffffff;
  box-shadow:0 12px 30px rgba(37,37,37,.14);
}

.btn.outline-dark{
  background:transparent;
  border:1px solid rgba(21,18,15,.22);
  border-color:rgba(46,74,98,.22);
  color:#2E4A62;
}

.section-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:28px;
  margin-bottom:42px;
  padding-bottom:24px;
  border-bottom:1px solid var(--line);
  border-bottom-color:rgba(46,74,98,.16);
}

.section-head h2{
  font-size:clamp(32px,4vw,58px);
  line-height:1;
  max-width:760px;
  color:#252525;
}

.brand, .service-flow-card{
  background:#ffffff;
  border-color:rgba(46,74,98,.16);
}

.brand:hover .brand-copy span{
  color:rgba(255,255,255,.78);
}

.category::after, .project::after, .brand-editorial::after{
  background:linear-gradient(180deg,rgba(46,74,98,.10),rgba(37,37,37,.84));
}

@media (max-width:760px){
}

.hero{
  padding:16px 0 0;
  padding-top:0;
}

.hero-shell{
  position:relative;
  background:#111;
  min-height:min(82vh, 760px);
  box-shadow:0 20px 60px rgba(37,37,37,.13);
  border-radius:0;
  overflow:hidden;
}

.slide-photo .hero-media, .slide-photo .hero-overlay{
  border-radius:0;
}

.hero-slider, .hero-slide{
  border-radius:0;
}

@media (max-width:760px){
.hero{
  padding-top:0;
}
}

@media (max-width:760px){
.hero-shell{
  box-shadow:0 18px 46px rgba(19,34,53,.12);
  border-radius:0;
  min-height:auto;
  height:auto;
}
}

@media (max-width:760px){
.hero-slider{
  min-height:auto;
  height:auto;
}
}

@media (max-width:760px){
.hero-slide.is-active{
  display:block;
}
}

@media (max-width:760px){
.hero-content{
  min-height:760px;
  height:auto;
  padding:82px 0 88px;
  display:flex;
  align-items:flex-start;
}
}

@media (max-width:760px){
}


@media (max-width:760px){
.hero-shell, .hero-slider{
  min-height:var(--mobile-hero-height);
  height:var(--mobile-hero-height);
  overflow:hidden;
}
}

@media (max-width:760px){
.hero-slide{
  min-height:var(--mobile-hero-height);
  height:var(--mobile-hero-height);
  position:relative;
}
}

@media (max-width:760px){
.hero-content{
  min-height:var(--mobile-hero-height);
  height:var(--mobile-hero-height);
  padding:74px 0 78px;
  display:flex;
  align-items:flex-start;
}
}

@media (max-width:760px){
.slide-photo .hero-media, .slide-photo .hero-overlay{
  min-height:var(--mobile-hero-height);
  height:var(--mobile-hero-height);
}
}

@media (max-width:760px){
.slide-photo p{
  max-width:94%;
  font-size:15px;
  margin:18px 0 22px;
}
}

@media (max-width:760px){
}

@media (max-width:760px){
}

@media (max-width:760px){
}

@media (max-width:760px){
.hero-actions{
  gap:10px;
  flex-wrap:wrap;
  margin-top:6px;
}
}

@media (max-width:760px){
.hero-actions .btn{
  min-height:54px;
  padding:14px 20px;
  font-size:14px;
}
}

@media (max-width:760px){
.hero-switcher{
  bottom:24px;
}
}


@media (max-width:760px){
}

@media (max-width:760px){
.slide-photo h1, .slide-photo h2{
  line-height:.98;
  font-size:clamp(38px,10vw,54px);
}
}

@media (max-width:760px){
}


.site-footer{
  color:#f8f2e8;
  padding:64px 0 30px;
  background:#252525;
}


@media (max-width:760px){
}

.slide-photo p{
  max-width:620px;
  font-size:17px;
  color:rgba(255,253,249,.80);
  margin:24px 0 var(--slide-button-gap);
}

.hero-actions{
  margin-top:0;
}

@media (max-width:760px){
.slide-photo p{
  margin-bottom:var(--slide-button-gap);
}
}

@media (max-width:760px){
.hero-actions{
  margin-top:0;
}
}

@media (max-width:1024px){
}

@media (max-width:760px){
}

@media (max-width:760px){
}

@media (max-width:760px){
}

@media (max-width:760px){
}

@media (max-width:760px){
.slide-photo .hero-content{
  padding-top:var(--hero-fixed-top);
  padding-bottom:var(--hero-fixed-bottom);
}
}


.slide-photo .hero-kicker{
  margin-top:0;
}

@media (max-width:760px){
}

@media (max-width:760px){
}


.footer-credit{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:14px;
  color:rgba(248,242,232,.6);
}

.footer-credit a{
  font-weight:600;
  transition:color .2s ease;
  color:rgba(248,242,232,.6);
}

.footer-credit a:hover{
  color:#ffffff;
}


.brand:hover::after{
  border-color:rgba(86,124,141,.22);
  transform:scale(1.08);
}

.brand .code{
  font-family:"IBM Plex Mono",monospace;
  font-size:10px;
  color:#8f7e68;
  transition:color .22s ease;
}

.brand:hover .code{
  color:#b49974;
}


@media (max-width:760px){
.brand{
  min-height:192px;
}
}

@media (max-width:760px){
.brand-logo-slot{
  height:122px;
  padding:20px 22px 14px;
}
}

.brand::after{
  content:"";
  position:absolute;
  right:-30px;
  top:-30px;
  width:112px;
  height:112px;
  border:1px solid rgba(156,123,85,.18);
  border-radius:50%;
  transition:border-color .22s ease, transform .26s ease;
  pointer-events:none;
  display:none;
}

.brand .top{
  position:absolute;
  top:14px;
  right:18px;
  justify-content:flex-end;
  align-items:flex-start;
  gap:12px;
  min-height:0;
  z-index:3;
  display:none;
}

.brand:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 42px rgba(33, 45, 63, .08);
  border-color:rgba(86,117,142,.30);
  background:#fffdf8;
  color:inherit;
}

.brand-logo-slot{
  margin-top:2px;
  border-color:rgba(46,74,98,.14);
  border-bottom:1px solid rgba(205,189,167,.46);
  height:auto;
  min-height:150px;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  margin:0;
  padding:24px 30px 16px;
  background:#fff;
  border:0;
  border-radius:0;
  box-shadow:none;
}

.brand-copy h3{
  display:none;
}

.brand:hover .brand-logo-slot{
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
}

@media (max-width: 760px){
.brand{
  min-height:190px;
  grid-template-rows:minmax(136px,1fr) 46px;
}
}

@media (max-width: 760px){
.brand-logo-slot{
  min-height:136px;
  padding:18px 18px 12px;
}
}

@media (max-width: 760px){
.brand-copy{
  height:46px;
  min-height:46px;
  padding:0 14px;
}
}

@media (max-width: 760px){
.brand span{
  font-size:13px;
}
}


  
  .brand-copy{
  min-height:48px;
  height:48px;
  padding:0 18px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  background:#ffffff;
  border-top:1px solid rgba(200,190,175,.46);
  transition:background-color .22s ease, border-color .22s ease;
}


@media (max-width:760px){
.brand-copy{
  height:46px;
  min-height:46px;
  padding:0 14px;
}
}

@media (max-width:760px){
.brand span{
  font-size:13px;
}
}

.brand-copy, .brand:hover .brand-copy{
  background:#ffffff;
  border-top:1px solid rgba(200,190,175,.46);
}

.brand-copy{
  flex-direction:column;
  min-height:48px;
  height:48px;
  padding:0 18px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  transition:background-color .22s ease, border-color .22s ease, color .22s ease;
  background:#ffffff;
  border-top:1px solid rgba(200,190,175,.46);
}

.brand span{
  margin:0;
  display:flex;
  align-items:center;
  height:100%;
  width:100%;
  font-size:14px;
  line-height:1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  transition:color .22s ease;
  color:var(--muted);
}

.brand:hover .brand-copy{
  background:#2E4A62;
  border-top-color:#2E4A62;
}

.brand:hover span{
  color:#ffffff;
}

.brand-logo-slot img{
  width:100%;
  height:100%;
  max-width:none;
  max-height:100%;
  object-fit:contain;
  object-position:center center;
  display:block;
  filter:none;
  opacity:1;
  transition:transform .35s ease;
  will-change:transform;
}

.brand:hover .brand-logo-slot img{
  filter:none;
  opacity:1;
  transform:scale(1.035);
}

.brand-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:var(--card-gap);
  counter-reset:brand-counter;
}

.brand{
  flex-direction:column;
  justify-content:space-between;
  position:relative;
  min-height:210px;
  background:#fffdf8;
  border:1px solid rgba(200, 190, 175, .72);
  border-radius:22px;
  overflow:hidden;
  display:grid;
  grid-template-rows:minmax(150px,1fr) 48px;
  padding:0;
  gap:0;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
  counter-increment:brand-counter;
}

.brand::before{
  content:counter(brand-counter, decimal-leading-zero);
  position:absolute;
  top:14px;
  right:18px;
  z-index:4;
  font-family:"IBM Plex Mono", monospace;
  font-size:10px;
  font-weight:500;
  letter-spacing:.14em;
  color:rgba(46,74,98,.34);
  transition:color .22s ease, opacity .22s ease;
  pointer-events:none;
}

.brand:hover::before{
  color:rgba(46,74,98,.56);
}

@media (max-width:760px){
.brand::before{
  top:12px;
  right:14px;
  font-size:9px;
}
}

.floating-chat__close{
  appearance:none;
  border:0;
  background:transparent;
  color:#7B8087;
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:50%;
  cursor:pointer;
  transition:background .2s ease,color .2s ease;
}

.floating-chat__close:hover{
  background:rgba(46,74,98,.08);
  color:#2E4A62;
}

.floating-chat__title em{
  font-style:normal;
  color:#C08A2D;
  font-weight:600;
}

.floating-chat__divider{
  height:1px;
  background:rgba(46,74,98,.10);
  margin:18px 0;
}

.floating-chat__list{
  display:grid;
  gap:12px;
}

.floating-chat__link:hover{
  transform:translateX(-2px);
  border-color:rgba(46,74,98,.18);
  box-shadow:0 10px 26px rgba(17,22,29,.08);
  background:#fffdfa;
}

.floating-chat__link.is-primary{
  background:linear-gradient(135deg,#20242C 0%, #111318 100%);
  color:#FFFFFF;
  border-color:transparent;
  box-shadow:0 18px 34px rgba(17,19,24,.16);
}

.floating-chat__link.is-primary .floating-chat__meta, .floating-chat__link.is-primary .floating-chat__side{
  color:rgba(255,255,255,.68);
}

.floating-chat__icon{
  width:46px;
  height:46px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#F0EEEA;
  border:1px solid rgba(46,74,98,.06);
  color:#4A4F56;
}

@media (max-width:760px){
.floating-chat__toggle{
  width:54px;
  height:54px;
}
}

@media (max-width:760px){
.floating-chat__title{
  font-size:20px;
}
}

@media (max-width:760px){
.floating-chat__link{
  grid-template-columns:42px 1fr;
}
}

@media (max-width:760px){
.floating-chat__side{
  display:none;
}
}


.floating-chat{
  position:fixed;
  z-index:180;
  right:26px;
  bottom:92px;
}

.floating-chat__toggle svg{
  width:26px;
  height:26px;
  display:block;
  fill:none;
  stroke-width:1.85;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke:#fffdf9;
}

.floating-chat__panel::before{
  content:"";
  position:absolute;
  top:0;
  left:24px;
  right:24px;
  width:auto;
  height:5px;
  border-radius:0 0 999px 999px;
  background:#C8B08A;
}

.floating-chat__top{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:center;
  margin-bottom:18px;
  padding-top:12px;
}

.floating-chat__eyebrow{
  display:flex;
  align-items:center;
  font-family:"IBM Plex Mono", monospace;
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#6C727A;
  gap:10px;
}

.floating-chat__eyebrow .arrow{
  color:#C08A2D;
  font-weight:600;
  font-size:14px;
  display:none;
}

.floating-chat__eyebrow-icon{
  width:18px;
  height:18px;
  display:inline-grid;
  place-items:center;
  color:#C08A2D;
}

.floating-chat__eyebrow-icon svg{
  width:18px;
  height:18px;
  display:block;
  stroke:currentColor;
  fill:none;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.floating-chat__status{
  display:flex;
  align-items:center;
  gap:8px;
  font-family:"IBM Plex Mono", monospace;
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
  white-space:nowrap;
  color:#7A8088;
}

.floating-chat__status::before{
  content:"";
  width:10px;
  height:10px;
  border-radius:50%;
  background:#4FC268;
  box-shadow:0 0 0 5px rgba(79,194,104,.18);
}

.floating-chat__status.is-closed::before{
  background:#B76E63;
  box-shadow:0 0 0 5px rgba(183,110,99,.16);
}

.floating-chat__title{
  margin:0;
  font-weight:700;
  color:#171A1F;
  font-size:23px;
  line-height:1.14;
}

.floating-chat__desc{
  margin:10px 0 0;
  color:#666C73;
  font-size:14px;
  line-height:1.58;
}

.floating-chat__link:not(.is-primary){
  grid-template-columns:46px minmax(0,1fr);
}

.floating-chat__label{
  font-size:16px;
  font-weight:600;
  color:currentColor;
  display:block;
  line-height:1.15;
}

.floating-chat__meta{
  font-size:13px;
  color:#7A7F86;
  display:block;
  margin-top:7px;
  line-height:1.35;
}

.floating-chat__side.is-empty{
  display:none;
}

.floating-chat__bottom strong{
  display:block;
  font-size:14px;
  line-height:1.2;
  font-weight:600;
  color:#2E4A62;
}


@media (max-width:760px){
.floating-chat{
  right:14px;
  bottom:82px;
}
}

@media (max-width:760px){
.floating-chat__link, .floating-chat__link:not(.is-primary){
  grid-template-columns:42px minmax(0,1fr);
}
}


.floating-chat::before{
  content:"";
  position:absolute;
  right:0;
  bottom:52px;
  width:390px;
  max-width:calc(100vw - 28px);
  height:34px;
  background:transparent;
  pointer-events:auto;
}

.floating-chat__panel{
  position:absolute;
  right:0;
  width:min(368px,calc(100vw - 28px));
  padding:20px 20px 16px;
  border-radius:30px;
  background:rgba(245,244,242,.98);
  border:1px solid rgba(46,74,98,.12);
  box-shadow:0 28px 80px rgba(17,22,29,.22);
  backdrop-filter:blur(12px);
  opacity:0;
  transform:translateY(16px) scale(.985);
  transform-origin:bottom right;
  pointer-events:none;
  transition:opacity .24s ease, transform .24s ease;
  overflow:hidden;
  border-color:rgba(46,74,98,.12);
  bottom:68px;
}

.floating-chat.is-open .floating-chat__panel{
  opacity:1;
  transform:translateY(0) scale(1);
  pointer-events:auto;
}

.floating-chat__link{
  display:grid;
  align-items:center;
  gap:14px;
  padding:14px 16px;
  border-radius:22px;
  border:1px solid rgba(46,74,98,.10);
  background:#FFFFFF;
  color:#1C2026;
  text-decoration:none;
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
  grid-template-columns:46px minmax(0,1fr) auto;
  position:relative;
  z-index:3;
}

.floating-chat__icon svg{
  display:block;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke:currentColor;
  fill:none;
  width:24px;
  height:24px;
  stroke-width:1.65;
}

@media (max-width:760px){
.floating-chat::before{
  right:0;
  bottom:50px;
  width:360px;
  height:30px;
}
}

@media (max-width:760px){
.floating-chat__panel{
  padding:18px 16px 14px;
  border-radius:26px;
  width:min(356px,calc(100vw - 20px));
  bottom:64px;
}
}

.floating-chat__side{
  font-size:12px;
  line-height:1.2;
  color:#8C9097;
  white-space:nowrap;
  min-width:54px;
  text-align:right;
}

.floating-chat__bottom{
  display:grid;
  gap:10px;
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid rgba(46,74,98,.10);
  font-size:12px;
  line-height:1.4;
  color:#6C727A;
  grid-template-columns:1fr 1fr;
  align-items:start;
}

.floating-chat__bottom .showroom-note{
  display:block;
  text-align:left;
}

.floating-chat__bottom .hours-note{
  display:block;
  text-align:right;
}

.floating-chat__bottom .hours-note strong{
  text-align:right;
}

@media (max-width:760px){
.floating-chat__bottom{
  gap:8px;
  grid-template-columns:1fr 1fr;
}
}

@media (max-width:760px){
.floating-chat__bottom .hours-note{
  text-align:right;
}
}

.floating-chat__link.is-primary .floating-chat__icon{
  background:#25D366;
  border-color:#25D366;
  color:#ffffff;
  box-shadow:0 8px 22px rgba(37,211,102,.22);
}

.floating-chat__link.is-primary .floating-chat__icon svg{
  stroke-width:1.45;
  width:24px;
  height:24px;
  display:block;
  fill:currentColor;
  stroke:none;
}

.floating-chat__link.is-primary .floating-chat__icon svg path{
  fill:currentColor;
  stroke:none;
}

.slide-photo .hero-content{
  padding-top:var(--hero-align-top);
  padding-bottom:var(--hero-align-bottom);
}

.slide-photo .hero-content{
  padding-bottom:var(--hero-fixed-bottom);
  padding-top:var(--hero-content-top);
  width:100%;
  max-width:none;
  margin-left:0;
  margin-right:0;
  padding-left:var(--hero-align-left);
  padding-right:var(--hero-align-right);
}

.slide-photo .hero-copy{
  margin-top:0;
  padding-right:70px;
}

.slide-photo .hero-kicker{
  margin-top:0;
  margin-bottom:var(--hero-kicker-gap);
}

.floating-chat__toggle{
  width:58px;
  height:58px;
  border-radius:50%;
  border:1px solid rgba(200,176,138,.55);
  display:grid;
  place-items:center;
  cursor:pointer;
  transition:transform .22s ease, box-shadow .22s ease, background .22s ease;
  background:#C8B08A;
  color:#fffdf9;
  border-color:rgba(46,74,98,.18);
  box-shadow:0 18px 44px rgba(200,176,138,.30);
  position:relative;
  isolation:isolate;
  animation:chatSoftPulse 2.8s ease-in-out infinite;
}

.floating-chat__toggle::after{
  content:"";
  position:absolute;
  inset:-7px;
  border-radius:50%;
  border:1px solid rgba(200,176,138,.42);
  z-index:-1;
  animation:chatSoftRing 2.8s ease-out infinite;
}

.floating-chat__toggle:hover{
  transform:translateY(-2px);
  background:#B99B69;
  box-shadow:0 22px 48px rgba(200,176,138,.36);
  animation:none;
}

.floating-chat__toggle:hover::after{
  animation:none;
  opacity:.25;
}

@keyframes chatSoftPulse{0%, 100%{
      transform:translateY(0) scale(1);
      box-shadow:0 18px 44px rgba(200,176,138,.30);
    }
    50%{
      transform:translateY(-1px) scale(1.035);
      box-shadow:0 22px 50px rgba(200,176,138,.36);
    }}

@keyframes chatSoftRing{0%{
      transform:scale(.86);
      opacity:.58;
    }
    100%{
      transform:scale(1.36);
      opacity:0;
    }}

@media (max-width:760px){
:root{
  --mobile-hero-height:860px;
  --slide-button-gap:24px;
  --hero-fixed-top:74px;
  --hero-fixed-bottom:78px;
  --hero-safe-left:28px;
  --hero-content-top:74px;
  --hero-align-left:24px;
  --hero-align-right:24px;
  --hero-align-top:74px;
  --hero-align-bottom:78px;
}
}

@media (max-width:760px){
.slide-photo .hero-copy{
  padding-right:0;
}
}

@media (max-width:760px){
}

.floating-chat.is-dismissed .floating-chat__panel, .floating-chat.is-dismissed:hover .floating-chat__panel, .floating-chat.is-dismissed:focus-within .floating-chat__panel{
  opacity:0;
  transform:translateY(16px) scale(.985);
  pointer-events:none;
}

.floating-chat__link.contact-link{
  margin-top:12px;
}

.service-flow-card, .project{
  position:relative;
}

.service-flow-card .corner-code, .project .corner-code{
  position:absolute;
  top:16px;
  right:18px;
  z-index:3;
  font-family:"IBM Plex Mono",monospace;
  font-size:11px;
  letter-spacing:.16em;
  line-height:1;
  pointer-events:none;
}

.service-flow-card .corner-code{
  color:#8f7e68;
}

.project .corner-code{
  color:#dbc7ad;
}

.service-flow-card .corner-code::before, .project .corner-code::before{
  content:"";
  position:absolute;
  top:-18px;
  right:-18px;
  width:112px;
  height:112px;
  border-top:1px solid rgba(200,176,138,.42);
  border-right:1px solid rgba(200,176,138,.42);
  border-top-right-radius:28px;
  pointer-events:none;
}

@media (max-width: 760px){
.service-flow-card .corner-code, .project .corner-code{
  top:14px;
  right:14px;
  font-size:10px;
}
}

@media (max-width: 760px){
.service-flow-card .corner-code::before, .project .corner-code::before{
  width:84px;
  height:84px;
  top:-14px;
  right:-14px;
}
}


body.page-inner{
  background:var(--paper);
}

.site-main{
  overflow:hidden;
}

.floating-chat__top-actions{
  display:flex;
  align-items:center;
  gap:8px;
}

.page-hero{
  padding:0;
  background:
    radial-gradient(circle at 28% 24%, rgba(200,176,138,.20), transparent 30%),
    linear-gradient(135deg, #ffffff 0%, #f4f2ef 58%, #ebe5dc 100%);
  border-bottom:1px solid rgba(46,74,98,.10);
}

.page-hero__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
  align-items:stretch;
  min-height:var(--page-hero-min-height);
}

.page-hero__copy{
  min-width:0;
  align-self:stretch;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:var(--section-space) var(--page-hero-copy-inline);
}

.page-hero__media{
  position:relative;
  min-width:0;
  min-height:var(--page-hero-min-height);
  overflow:hidden;
  background:var(--paper-2);
}

.page-hero__media > img{
  display:block;
  width:100%;
  height:100%;
  min-height:var(--page-hero-min-height);
  object-fit:cover;
  object-position:center;
  transition:transform .8s cubic-bezier(.2,.7,.2,1), filter .8s ease;
}

.page-hero:hover .page-hero__media > img{
  transform:scale(1.025);
  filter:saturate(1.03) contrast(1.015);
}


.page-hero__kicker{
  display:inline-flex;
  align-items:center;
  gap:12px;
  color:var(--accent);
  margin-bottom:18px;
}

.page-hero__kicker::before{
  content:"";
  width:44px;
  height:1px;
  background:var(--accent);
}

.page-hero h1{
  font-size:var(--page-hero-title-size);
  line-height:var(--page-hero-title-line-height);
  max-width:720px;
}

.page-hero__lead, .page-hero__copy > p{
  color:var(--muted);
  font-size:var(--page-hero-lead-size);
  line-height:var(--page-hero-lead-line-height);
  max-width:760px;
  margin:var(--page-hero-lead-gap) 0 0;
}


/* v124 marka alt sayfaları: hero içinde logo ve ürün özeti */
.brand-example-page{
  --page-hero-min-height:clamp(560px, 42vw, 720px);
}

.brand-example-page .page-hero{
  background:
    radial-gradient(circle at 18% 18%, rgba(200,176,138,.16), transparent 30%),
    linear-gradient(135deg, #ffffff 0%, #f5f2ee 58%, #ede7de 100%);
}

.brand-example-page .page-hero__copy{
  justify-content:center;
  padding-block:72px;
}

.brand-example-page .page-hero h1{
  max-width:620px;
}

.brand-example-page .page-hero__lead{
  max-width:650px;
}

.brand-example-page .page-hero__media--brand{
  position:relative;
}

.page-hero__brand-badge{
  position:absolute;
  top:28px;
  right:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  width:clamp(140px, 15vw, 210px);
  min-height:84px;
  padding:16px 20px;
  border-radius:22px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(46,74,98,.08);
  box-shadow:0 20px 40px rgba(24,33,44,.10);
  backdrop-filter:blur(6px);
}

.page-hero__brand-badge img{
  display:block;
  width:100%;
  max-width:160px;
  max-height:56px;
  height:auto;
  object-fit:contain;
}

.brand-example-page .page-hero .detail-chip-row{
  margin-top:26px;
  max-width:650px;
}


/* v126 hizmet kapsamı blokları: tek ölçü standardı */
.service-example-page .sub-detail-intro{
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:28px;
  height:560px;
  min-height:560px;
  align-items:stretch;
}

.service-example-page .sub-detail-intro__visual{
  height:560px;
  min-height:0;
}

.service-example-page .sub-detail-intro__visual img{
  display:block;
  width:100%;
  height:100%;
  min-height:0;
  max-height:none;
  object-fit:cover;
  object-position:center;
}

.service-example-page .sub-detail-intro__copy{
  height:560px;
  min-height:0;
  padding:38px 42px;
  overflow:hidden;
}

.service-example-page .sub-detail-intro__copy h2{
  font-size:clamp(30px,3.15vw,48px);
  line-height:1.04;
}

.service-example-page .sub-detail-intro__copy p{
  margin-top:18px;
  font-size:16px;
  line-height:1.7;
}

.service-example-page .sub-detail-intro__copy .detail-chip-row{
  margin-top:22px;
}

@media (max-width:1080px){
  .service-example-page .sub-detail-intro{
    grid-template-columns:1fr;
    height:auto;
    min-height:0;
  }

  .service-example-page .sub-detail-intro__visual{
    height:auto;
  }

  .service-example-page .sub-detail-intro__visual img{
    height:auto;
    min-height:320px;
    aspect-ratio:16/10;
  }

  .service-example-page .sub-detail-intro__copy{
    height:auto;
    min-height:0;
    overflow:visible;
  }
}


.brand-example-page .page-hero .detail-chip-row span{
  background:rgba(255,255,255,.72);
}

@media (max-width:900px){
  .brand-example-page{
    --page-hero-min-height:auto;
  }

  .page-hero__brand-badge{
    top:18px;
    right:18px;
    width:min(40vw, 170px);
    min-height:72px;
    padding:14px 16px;
    border-radius:18px;
  }

  .page-hero__brand-badge img{
    max-height:48px;
  }
}

@media (max-width:560px){
  .brand-example-page .page-hero__copy{
    padding-block:56px;
  }

  .page-hero__brand-badge{
    width:min(46vw, 156px);
    min-height:64px;
    padding:12px 14px;
  }

  .brand-example-page .page-hero .detail-chip-row{
    margin-top:22px;
  }
}

.contact-page{
  padding:var(--section-space) 0 var(--section-tight-space);
}

.contact-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:var(--card-gap);
}

.contact-card, .week-card{
  border-radius:var(--card-radius);
  background:rgba(255,255,255,.78);
  border:1px solid rgba(46,74,98,.12);
  box-shadow:var(--card-shadow);
}

.contact-card{
  padding:var(--card-padding);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:230px;
}

.contact-card__icon{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(46,74,98,.08);
  color:var(--accent);
  margin-bottom:22px;
}

.contact-card__icon img{
  width:26px;
  height:26px;
  object-fit:contain;
}

.contact-card__icon--whatsapp img{
  width:30px;
  height:30px;
}

.contact-card h2, .contact-card h3{
  font-size:28px;
  line-height:1.1;
  margin-bottom:10px;
}

.contact-card p{
  color:var(--muted);
  font-size:15px;
}

.contact-card__action{
  margin-top:24px;
  color:var(--accent);
  font-weight:800;
}

.contact-card.is-primary{
  background:var(--deep);
  color:var(--white);
}

.contact-card.is-primary p, .contact-card.is-primary .contact-card__action{
  color:rgba(255,255,255,.78);
}

.contact-card.is-primary .contact-card__icon{
  background:rgba(255,255,255,.10);
  color:var(--sand);
}

.contact-card{
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
}

.contact-card:hover{
  transform:translateY(var(--hover-lift));
  border-color:var(--card-border-hover);
  box-shadow:var(--card-shadow-hover);
}

.contact-card.is-primary:hover{
  background:#2c2c2c;
}

.campaigns-page{
  padding:var(--section-space) 0;
}

.campaign-board{
  display:grid;
  gap:20px;
}

.week-card{
  padding:20px 24px 24px;
  display:grid;
  gap:18px;
  background:var(--white);
  transform:none;
  transition:opacity .28s ease, filter .28s ease, border-color .28s ease, box-shadow .28s ease, background .28s ease;
}

.week-card:hover{
  transform:none;
}

.week-card[data-state="current"]{
  opacity:1;
  filter:none;
  background:var(--white);
  border-color:rgba(200,176,138,.62);
  box-shadow:0 24px 70px rgba(46,74,98,.12);
}

.week-card[data-state="upcoming"]{
  opacity:.64;
  filter:grayscale(.82) saturate(.28) blur(.15px);
  background:#F0F0ED;
  border-color:rgba(37,37,37,.10);
  box-shadow:none;
}

.week-card[data-state="past"]{
  opacity:.72;
  filter:grayscale(1) saturate(.12) blur(.15px);
  background:#E7E7E4;
  border-color:rgba(37,37,37,.12);
  box-shadow:none;
}

.week-card__head{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:flex-start;
  padding-bottom:15px;
  border-bottom:1px solid rgba(46,74,98,.10);
}

.week-card__head h2{
  font-size:clamp(27px,2.55vw,38px);
  line-height:1.02;
  max-width:760px;
}

.week-card__meta{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:7px;
  flex:0 0 auto;
}

.week-card__date{
  color:var(--muted);
  font-size:14px;
  white-space:nowrap;
}

.week-card__status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 12px;
  margin-bottom:0;
  border-radius:999px;
  background:rgba(37,37,37,.08);
  color:var(--muted);
  font-size:12px;
  font-weight:800;
  letter-spacing:.03em;
}

.week-card[data-state="current"] .week-card__status{
  background:var(--accent);
  color:var(--white);
}

.week-card[data-state="past"] .week-card__status{
  background:rgba(37,37,37,.14);
  color:#4B4B4B;
}

.campaign-layout{
  display:grid;
  grid-template-columns:minmax(0,1.58fr) minmax(350px,.92fr);
  gap:16px;
  align-items:stretch;
}

.campaign-visual{
  min-width:0;
  min-height:440px;
  overflow:hidden;
  border-radius:calc(var(--card-radius) - 4px);
  background:#ECEBE8;
  border:1px solid rgba(46,74,98,.10);
}

.campaign-visual img{
  width:100%;
  height:100%;
  min-height:440px;
  object-fit:cover;
  display:block;
  transition:transform .55s cubic-bezier(.2,.7,.2,1), filter .35s ease;
  will-change:transform;
}

.campaign-visual:hover img{
  transform:scale(1.025);
  filter:brightness(1.025);
}

@media (prefers-reduced-motion:reduce){
  .campaign-visual img{
    transition:none;
  }

  .campaign-visual:hover img{
    transform:none;
  }
}

.campaign-products-panel{
  min-width:0;
  padding:22px;
  display:flex;
  flex-direction:column;
  border-radius:calc(var(--card-radius) - 4px);
  background:rgba(255,255,255,.82);
  border:1px solid rgba(200,176,138,.62);
}

.campaign-product{
  flex:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:2px 0 17px;
}

.campaign-product + .campaign-product{
  padding-top:17px;
  border-top:1px solid rgba(46,74,98,.10);
}

.campaign-product__top{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
}

.campaign-product__brand{
  color:var(--accent);
  margin-bottom:7px;
  font-size:12px;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.campaign-product h3{
  margin:0;
  font-size:clamp(23px,1.7vw,29px);
  line-height:1.04;
}

.campaign-product__discount{
  width:80px;
  height:80px;
  flex:0 0 80px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:var(--deep);
  color:var(--white);
  box-shadow:0 12px 26px rgba(46,74,98,.14);
}

.week-card[data-state="current"] .campaign-product__discount{
  background:var(--accent);
}

.campaign-product__discount strong{
  font-size:23px;
  line-height:1;
}

.campaign-product__discount small{
  margin-top:5px;
  font-family:'IBM Plex Mono', monospace;
  font-size:9px;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.campaign-product__meta{
  display:grid;
  gap:6px;
  margin-top:14px;
}

.campaign-product__meta div{
  display:grid;
  grid-template-columns:88px minmax(0,1fr);
  gap:12px;
  align-items:start;
}

.campaign-product__meta dt{
  color:var(--ink);
  font-size:13px;
  font-weight:700;
}

.campaign-product__meta dd{
  margin:0;
  color:var(--muted);
  font-size:13px;
  overflow-wrap:anywhere;
}

.campaign-products-panel .campaign-contact{
  width:100%;
  min-height:42px;
  margin-top:2px;
  padding:0 20px;
  justify-content:center;
  font-size:13px;
  font-weight:700;
  box-shadow:none;
}

.campaign-products-panel .campaign-contact:hover{
  transform:none;
  box-shadow:none;
}

@media (max-width:980px){
  .page-hero__grid{
    grid-template-columns:1fr;
    min-height:0;
  }

  .page-hero__copy{
    padding:var(--section-space-mobile) 24px;
  }

  .page-hero__media{
    min-height:0;
    aspect-ratio:16 / 10;
  }

  .page-hero__media > img{
    min-height:0;
  }

  .contact-grid{
    grid-template-columns:1fr;
  }

  .campaign-layout{
    grid-template-columns:1fr;
  }

  .campaign-visual{
    min-height:0;
  }

  .campaign-visual img{
    min-height:0;
    aspect-ratio:4 / 3;
  }
}

@media (max-width:760px){
  :root{
    --page-hero-title-line-height:1.08;
    --page-hero-lead-gap:20px;
    --page-hero-lead-size:17px;
  }

  .page-hero{
    padding:0;
  }

  .campaigns-page{
    padding:var(--section-space-mobile) 0;
  }

  .contact-page{
    padding:var(--section-space-mobile) 0 var(--section-tight-space);
  }

  .contact-card, .week-card{
    padding:22px;
    border-radius:24px;
  }

  .week-card__head{
    flex-direction:column;
  }

  .week-card__meta{
    align-items:flex-start;
  }

  .week-card__date{
    white-space:normal;
  }

  .campaign-products-panel{
    padding:20px;
  }

  .campaign-product__top{
    gap:12px;
  }

  .campaign-product__discount{
    width:76px;
    height:76px;
    flex-basis:76px;
  }

  .campaign-product__discount strong{
    font-size:22px;
  }

  .campaign-product__meta div{
    grid-template-columns:72px minmax(0,1fr);
  }
}
/* Bodrum Tasarım sayfa blokları */


/* Ortak bölüm/CTA boşluk standardı */
main > section:not(.planning-block):has(+ .planning-block){
  padding-bottom:var(--section-before-cta-space);
}

.planning-block{
  padding:0 0 var(--section-space);
}

.planning-block .wrap{
  border-top:1px solid rgba(46,74,98,.12);
  padding-top:var(--cta-divider-gap);
}

.planning-box{
  border-radius:32px;
  background:linear-gradient(90deg,#ffffff 0%, #F5F4F2 58%, rgba(200,176,138,.24) 100%);
  color:#252525;
  padding:36px 40px;
  display:grid;
  grid-template-columns:minmax(0,1.2fr) auto;
  gap:24px;
  align-items:center;
  box-shadow:0 18px 44px rgba(21,18,15,.08);
  border:1px solid rgba(46,74,98,.12);
}

.planning-copy{
  min-width:0;
}

.planning-box .mono{
  color:#2E4A62;
  display:block;
  margin-bottom:12px;
}

.planning-box h2{
  font-size:clamp(32px,4vw,56px);
  line-height:.98;
  max-width:760px;
}

.planning-box p{
  color:var(--muted);
  font-size:16px;
  line-height:1.7;
  max-width:620px;
  margin-top:14px;
}

.planning-actions{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
}

.planning-box .btn.dark{
  min-width:220px;
  background:#2E4A62;
  border-color:#2E4A62;
  color:#ffffff;
}

.planning-box .btn.dark:hover{
  background:#C8B08A;
  border-color:#C8B08A;
  color:#252525;
}

.planning-box .btn.outline-dark{
  min-width:220px;
  background:transparent;
  border:1px solid rgba(46,74,98,.14);
  color:#2E4A62;
}

.planning-box .btn.outline-dark:hover{
  background:#ffffff;
  color:#2E4A62;
  border-color:rgba(46,74,98,.22);
}

.directory-page{
  padding:var(--section-space) 0;
}

.map-section{
  padding:0 0 var(--section-space);
}

.detail-list{
  display:grid;
  gap:var(--card-gap);
}

.detail-card{
  display:grid;
  grid-template-columns:minmax(280px,.9fr) 1fr;
  gap:0;
  border-radius:var(--card-radius);
  overflow:hidden;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(46,74,98,.12);
  box-shadow:var(--card-shadow);
  scroll-margin-top:130px;
}

.detail-card__media{
  position:relative;
  min-height:330px;
  background-size:cover;
  background-position:center;
  isolation:isolate;
}

.detail-card .corner-code{
  position:absolute;
  top:18px;
  right:20px;
  z-index:3;
  font-family:"IBM Plex Mono",monospace;
  font-size:11px;
  font-weight:600;
  letter-spacing:.16em;
  line-height:1;
  color:rgba(255,255,255,.84);
  pointer-events:none;
}

.detail-card__media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(46,74,98,.08),rgba(37,37,37,.62));
  z-index:-1;
}

.detail-card__copy{
  padding:34px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.detail-card__copy .mono{
  color:var(--accent);
  margin-bottom:14px;
}

.detail-card__copy h2{
  font-size:clamp(34px,4vw,54px);
  line-height:1;
  margin-bottom:14px;
}

.detail-card__copy p{
  color:var(--muted);
  font-size:16px;
  line-height:1.75;
  max-width:620px;
}

.small-points{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:24px;
}

.small-points span{
  border-radius:999px;
  border:1px solid rgba(46,74,98,.12);
  padding:9px 12px;
  color:var(--accent);
  font-size:13px;
  font-weight:800;
  background:rgba(46,74,98,.04);
}

.product-media--1{background-image:url("../site-images/brands/vanucci/smart-mutfaklar.webp");}
.product-media--2{background-image:url("../site-images/brands/turkuaz-seramik/banyo-mobilyalari.webp");}
.product-media--3{background-image:url("../site-images/brands/turkuaz-seramik/bataryalar.webp");}
.product-media--4{background-image:url("../site-images/brands/seranit/mermer-gorunumlu-seriler.webp");}
.product-media--5{background-image:url("../site-images/brands/t-one/porselen-tezgahlar.webp");}
.service-media--1{background-image:url("../site-images/services/mimarlik-tasarim/mekan-kurgusu.webp");}
.service-media--2{background-image:url("../site-images/services/3d-projelendirme/3d-gorsellestirme.webp");}
.service-media--3{background-image:url("../site-images/services/hafriyat-insaat/saha-hazirligi-hafriyat.webp");}

.brand-detail-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}

.brand-detail{
  position:relative;
  min-height:300px;
  border-radius:var(--card-radius);
  background:rgba(255,255,255,.78);
  border:1px solid rgba(46,74,98,.12);
  padding:26px;
  box-shadow:var(--card-shadow);
  scroll-margin-top:130px;
}

.brand-detail__code{
  position:absolute;
  top:20px;
  right:22px;
  font-family:"IBM Plex Mono",monospace;
  font-size:11px;
  letter-spacing:.16em;
  color:var(--accent);
}

.brand-detail__logo{
  min-height:96px;
  display:flex;
  align-items:center;
  margin-bottom:20px;
  padding-right:48px;
}

.brand-detail__logo img{
  max-width:220px;
  max-height:86px;
  object-fit:contain;
}

.brand-detail h2{
  font-size:30px;
  line-height:1;
  margin-bottom:10px;
}

.brand-detail p{
  color:var(--muted);
  font-size:14px;
  line-height:1.65;
}

.brand-detail a{
  display:inline-flex;
  margin-top:22px;
  color:var(--accent);
  font-weight:800;
}

.map-panel{
  border-radius:32px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(46,74,98,.12);
  padding:28px;
  box-shadow:var(--card-shadow);
}

.map-panel__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin:0 0 18px;
}

.map-frame{
  overflow:hidden;
  border-radius:26px;
  border:1px solid rgba(46,74,98,.12);
  background:var(--paper-2);
}

.map-frame iframe{
  display:block;
  width:100%;
  height:min(56vw,560px);
  min-height:360px;
  border:0;
}

@media (max-width:1180px){
  .brand-detail-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:980px){
  .detail-card{
    grid-template-columns:1fr;
  }
}

@media (max-width:760px){
  .directory-page{
    padding:var(--section-space-mobile) 0;
  }

  .map-section{
    padding:0 0 var(--section-space-mobile);
  }
  .map-panel{
    padding:24px;
    border-radius:24px;
  }
  .brand-detail-grid{
    grid-template-columns:1fr;
  }
  .detail-card__media{
    min-height:230px;
  }
  .detail-card__copy{
    padding:24px;
  }
  .map-frame iframe{
    min-height:320px;
  }
}


/* Bodrum Tasarım ana menü düzeni */
html, body{
  overflow-x:hidden;
}


/* Bodrum Tasarım mega menü hizalama standardı */


/* Bodrum Tasarım ortak kart davranışı */
.detail-card, .brand-detail, .week-card, .map-panel{
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
}

.detail-card:hover, .brand-detail:hover, .week-card:hover, .map-panel:hover{
  transform:translateY(var(--hover-lift));
  border-color:var(--card-border-hover);
  box-shadow:var(--card-shadow-hover);
}

/* Bodrum Tasarım alt menü hover standardı */


/* Hamburger hizalaması: küçülen tarayıcıda sağa sabitlenir */


/* Üst bant: telefon sağda, telefon ikonu beyaz */


/* V46 alt menü soft hover kuralları */


@media (max-width:980px){
  .planning-box{
    grid-template-columns:1fr;
  }
  .planning-actions{
    justify-content:flex-start;
  }
}

@media (max-width:760px){
  .planning-block{
    padding:0 0 var(--section-space-mobile);
  }
  .planning-block .wrap{
    padding-top:26px;
  }
  .planning-box{
    padding:24px;
    border-radius:24px;
  }
  .planning-actions{
    gap:12px;
  }
  .planning-box .btn.dark, .planning-box .btn.outline-dark{
    min-width:0;
    width:auto;
  }
}


/* Üst bant: telefon solda, çalışma bilgisi ve sosyal ikonlar sağda */


/* Mobil / dar tarayıcı: hamburger sağda sabit */


/* Mega menü: ikon sabit, sadece satırda yumuşak hover */


/* Dar ekranda split hero yazıları kararmasın */

/* İletişim sayfası: iki WhatsApp satırı ayrı tıklanır */
.contact-card__links{
  display:grid;
  gap:10px;
  margin-top:24px;
}
.contact-card__link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  width:100%;
  padding:10px 0;
  color:rgba(255,255,255,.84);
  font-weight:800;
  border-top:1px solid rgba(255,255,255,.14);
  transition:color .2s ease;
}
.contact-card__link:hover{
  color:#ffffff;
}

/* v70 brand card sizing standard */
:root{
  --brand-home-card-height:198px;
  --brand-home-logo-area:148px;
  --brand-home-copy-height:50px;
  --brand-home-logo-max-width:78%;
  --brand-home-logo-max-height:82px;
  --brand-home-logo-zoom:1.025;

  --brand-page-card-height:338px;
  --brand-page-logo-area:154px;
  --brand-page-products-area:100px;
  --brand-page-logo-max-width:76%;
  --brand-page-logo-max-height:94px;
  --brand-page-logo-zoom:1.025;
  --brand-card-divider:rgba(46,74,98,.10);
}

/* Ana sayfa marka kartları */
.brand-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--card-gap);
  counter-reset:brand-counter;
}

.brand{
  position:relative;
  display:grid;
  grid-template-rows:var(--brand-home-logo-area) var(--brand-home-copy-height);
  min-height:var(--brand-home-card-height);
  padding:0;
  gap:0;
  overflow:hidden;
  background:#fffdf8;
  border:1px solid rgba(200,190,175,.72);
  border-radius:22px;
  box-shadow:0 18px 46px rgba(23,19,15,.06);
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
  counter-increment:brand-counter;
}

.brand::before{
  content:counter(brand-counter, decimal-leading-zero);
  position:absolute;
  top:14px;
  right:18px;
  z-index:4;
  font-family:"IBM Plex Mono", monospace;
  font-size:10px;
  font-weight:500;
  letter-spacing:.14em;
  color:rgba(46,74,98,.34);
  pointer-events:none;
  transition:color .22s ease;
}

.brand-logo-slot{
  width:100%;
  height:var(--brand-home-logo-area);
  min-height:0;
  margin:0;
  padding:22px 30px 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#ffffff;
  border:0;
  border-radius:0;
  box-shadow:none;
  overflow:hidden;
}

.brand-logo-slot img{
  display:block;
  width:auto;
  height:auto;
  max-width:var(--brand-home-logo-max-width);
  max-height:var(--brand-home-logo-max-height);
  object-fit:contain;
  object-position:center center;
  filter:none;
  opacity:1;
  transform:none;
  transition:transform .35s ease;
  will-change:transform;
}

.brand-copy{
  width:100%;
  height:var(--brand-home-copy-height);
  min-height:var(--brand-home-copy-height);
  padding:0 18px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  background:#ffffff;
  border-top:1px solid var(--brand-card-divider);
  transition:background-color .22s ease, border-color .22s ease;
}

.brand-copy h3{
  display:none;
}

.brand-copy span, .brand span{
  margin:0;
  display:block;
  width:100%;
  font-size:14px;
  line-height:1.25;
  color:var(--muted);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  transition:color .22s ease;
}

.brand:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 42px rgba(33,45,63,.08);
  border-color:rgba(86,117,142,.30);
  background:#fffdf8;
  color:inherit;
}

.brand:hover::before{
  color:rgba(46,74,98,.50);
}

.brand:hover .brand-logo-slot{
  background:#ffffff;
}

.brand:hover .brand-logo-slot img{
  transform:scale(var(--brand-home-logo-zoom));
}

.brand:hover .brand-copy{
  width:100%;
  background:#2E4A62;
  border-top-color:#2E4A62;
}

.brand:hover .brand-copy span, .brand:hover span{
  color:#ffffff;
}

/* Anasayfa logo oran düzeltmeleri */
.brand[href*="#west-design"] .brand-logo-slot img{
  max-width:82%;
  max-height:76px;
}
.brand[href*="#cerastyle"] .brand-logo-slot img{
  max-width:78%;
  max-height:84px;
}
.brand[href*="#t-one"] .brand-logo-slot img, .brand[href*="#turkuaz-seramik"] .brand-logo-slot img, .brand[href*="#seranit"] .brand-logo-slot img{
  max-width:82%;
  max-height:80px;
}
.brand[href*="#smeg"] .brand-logo-slot img, .brand[href*="#elleci"] .brand-logo-slot img, .brand[href*="#dekton"] .brand-logo-slot img{
  max-width:80%;
}

/* Markalar sayfası marka kartları */
.brand-detail-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  align-items:stretch;
}

.brand-detail{
  position:relative;
  display:grid;
  grid-template-rows:var(--brand-page-logo-area) minmax(var(--brand-page-products-area),1fr) auto;
  min-height:var(--brand-page-card-height);
  height:100%;
  padding:0;
  overflow:hidden;
  border-radius:var(--card-radius);
  background:rgba(255,255,255,.78);
  border:1px solid rgba(46,74,98,.12);
  box-shadow:var(--card-shadow);
  scroll-margin-top:130px;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
}

.brand-detail:hover{
  transform:translateY(var(--hover-lift));
  border-color:var(--card-border-hover);
  box-shadow:var(--card-shadow-hover);
  background:#ffffff;
}

.brand-detail__code{
  position:absolute;
  top:20px;
  right:22px;
  z-index:3;
  font-family:"IBM Plex Mono",monospace;
  font-size:11px;
  letter-spacing:.16em;
  color:rgba(46,74,98,.40);
}

.brand-detail__logo{
  width:100%;
  height:var(--brand-page-logo-area);
  min-height:0;
  margin:0;
  padding:28px 52px 22px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-bottom:1px solid var(--brand-card-divider);
  background:#ffffff;
  overflow:hidden;
}

.brand-detail__logo img{
  display:block;
  width:auto;
  height:auto;
  max-width:var(--brand-page-logo-max-width);
  max-height:var(--brand-page-logo-max-height);
  object-fit:contain;
  object-position:center center;
  transform:none;
  transition:transform .35s ease;
  will-change:transform;
}

.brand-detail:hover .brand-detail__logo img{
  transform:scale(var(--brand-page-logo-zoom));
}

.brand-detail__products{
  margin:0;
  padding:24px 26px 0;
  color:var(--muted);
  font-size:14px;
  line-height:1.72;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.brand-detail a{
  display:inline-flex;
  margin:0 26px;
  padding:18px 0 26px;
  color:var(--accent);
  font-weight:800;
}

.brand-detail h2{
  display:none;
}

/* Markalar sayfası logo oran düzeltmeleri */
.brand-detail#west-design .brand-detail__logo img{
  max-width:82%;
  max-height:82px;
}
.brand-detail#cerastyle .brand-detail__logo img{
  max-width:78%;
  max-height:98px;
}
.brand-detail#t-one .brand-detail__logo img, .brand-detail#turkuaz-seramik .brand-detail__logo img, .brand-detail#seranit .brand-detail__logo img{
  max-width:82%;
  max-height:90px;
}
.brand-detail#smeg .brand-detail__logo img, .brand-detail#elleci .brand-detail__logo img, .brand-detail#dekton .brand-detail__logo img{
  max-width:82%;
}

@media (max-width:1180px){
  .brand-detail-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:760px){
  :root{
    --brand-home-card-height:182px;
    --brand-home-logo-area:136px;
    --brand-home-copy-height:46px;
    --brand-page-card-height:312px;
    --brand-page-logo-area:138px;
    --brand-page-products-area:94px;
  }

  .brand-grid, .brand-detail-grid{
    grid-template-columns:1fr;
  }

  .brand-logo-slot{
    padding:18px 22px 14px;
  }

  .brand-detail__logo{
    padding:24px 42px 18px;
  }

  .brand-detail__products{
    padding:20px 22px 0;
  }

  .brand-detail a{
    margin-left:22px;
    margin-right:22px;
    padding-bottom:22px;
  }
}

.contact-card--whatsapp{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:54px minmax(0,1fr) minmax(220px,300px);
  align-items:center;
  gap:24px;
  min-height:170px;
  cursor:default;
}

.contact-card--whatsapp .contact-card__icon{
  margin-bottom:0;
}

.contact-card--whatsapp .contact-card__links{
  margin-top:0;
}

@media (max-width:760px){
  .contact-card--whatsapp{
    grid-column:auto;
    display:flex;
    min-height:230px;
  }

  .contact-card--whatsapp .contact-card__icon{
    margin-bottom:22px;
  }

  .contact-card--whatsapp .contact-card__links{
    margin-top:24px;
  }
}

.projects-page{
  padding:var(--section-space) 0;
}

.project-grid--page{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
}

.project-card{
  display:grid;
  grid-template-rows:auto 1fr;
  overflow:hidden;
  border-radius:28px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(46,74,98,.12);
  box-shadow:var(--card-shadow);
  transition:transform .24s ease, border-color .24s ease, box-shadow .24s ease, background .24s ease;
}

.project-card:hover{
  transform:translateY(var(--hover-lift));
  border-color:var(--card-border-hover);
  box-shadow:var(--card-shadow-hover);
  background:#ffffff;
}

.project-card__media{
  position:relative;
  min-height:0;
  aspect-ratio:16/9;
  background-size:cover;
  background-position:center;
  isolation:isolate;
  overflow:hidden;
}

.project-card__media::before{
  content:"";
  position:absolute;
  inset:0;
  background:inherit;
  background-size:cover;
  background-position:center;
  z-index:-2;
  transition:transform .7s cubic-bezier(.2,.7,.2,1);
}

.project-card__media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(21,18,15,.04),rgba(21,18,15,.34));
  z-index:-1;
}

.project-card:hover .project-card__media::before{
  transform:scale(1.035);
}


.project-grid--page .corner-code{
  position:absolute;
  top:18px;
  right:20px;
  z-index:3;
  font-family:"IBM Plex Mono",monospace;
  font-size:11px;
  letter-spacing:.16em;
  color:#ffffff;
  text-shadow:0 8px 22px rgba(0,0,0,.24);
}

.project-card__content{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  padding:26px;
}

.project-card__kicker{
  font-family:"IBM Plex Mono",monospace;
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--accent);
  margin-bottom:14px;
}

.project-card h3{
  font-size:clamp(28px,3vw,42px);
  line-height:1;
  margin:0 0 12px;
  color:var(--ink);
}

.project-card p{
  color:var(--muted);
  font-size:15px;
  line-height:1.7;
  margin:0;
  max-width:620px;
}

.project-card__link{
  display:inline-flex;
  align-items:center;
  margin-top:24px;
  color:var(--accent);
  font-weight:800;
  font-size:14px;
}

@media (max-width:980px){
  .project-grid--page{
    gap:18px;
  }
  .project-card__content{
    padding:22px;
  }
}

@media (max-width:760px){
  .project-grid--page{
    grid-template-columns:1fr;
  }
  .projects-page{
    padding:var(--section-space-mobile) 0;
  }
}

/* v60: V46 cleaned mega menu rules */
:root{
  --oc-ink:#252525;
  --oc-ink-2:#2E4A62;
  --oc-muted:#6C727A;
  --oc-line:rgba(46,74,98,.12);
  --oc-sand:#C8B08A;
  --oc-white:#ffffff;
  --oc-bg:#F5F4F2;
  --oc-panel-shadow:0 26px 70px rgba(20,34,53,.13);
  --oc-max:1240px;
}

.site-header{
  position:sticky;
  top:0;
  z-index:100;
  background:rgba(245,244,242,.92);
  backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(46,74,98,.08);
}

.top-bar{
  height:40px;
  background:#252525;
  color:#ffffff;
  border-bottom:1px solid rgba(255,253,249,.10);
}

.top-bar-inner{
  height:40px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:14px;
  font-size:12.5px;
}

.top-info, .top-social{
  display:flex;
  align-items:center;
  gap:10px;
  color:rgba(247,239,228,.82);
}

.top-info{
  order:1;
  margin-right:auto;
  text-decoration:none;
}

.top-social{
  order:2;
}

.top-icon{
  width:26px;
  height:26px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:transparent;
  color:#ffffff;
  border:1px solid rgba(255,255,255,.20);
  font-size:12px;
}

.top-sep{
  width:1px;
  height:14px;
  background:rgba(247,239,228,.18);
  display:inline-block;
}

.top-social a{
  width:26px;
  height:26px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.20);
  color:rgba(255,255,255,.82);
  transition:background .2s ease, border-color .2s ease, color .2s ease;
}

.top-social a svg{
  display:block;
}

.top-social a:hover{
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.38);
  color:#ffffff;
}

.nav{
  height:96px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:28px;
}

.brand-logo{
  display:flex;
  align-items:center;
  min-width:0;
}

.brand-logo img{
  width:270px;
  max-height:76px;
  height:auto;
  object-fit:contain;
  object-position:left center;
}

.nav-center{
  display:flex;
  justify-content:flex-end;
  width:100%;
  min-width:0;
}

.nav-links{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:26px;
  list-style:none;
  margin:0;
  padding:0;
  background:transparent;
  border:0;
  box-shadow:none;
}

.nav-links > li{
  position:relative;
}

.nav-links > li > a{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 0;
  border-radius:0;
  font-size:18px;
  line-height:1.2;
  font-weight:600;
  color:var(--oc-ink);
  background:transparent;
  text-decoration:none;
  white-space:nowrap;
  transition:color .22s ease;
}

.nav-links > li > a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-2px;
  width:100%;
  height:2px;
  background:var(--oc-sand);
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .22s ease;
}

.nav-links > li > a:hover, .nav-links > li:hover > a, .nav-links > li > a[aria-current="page"]{
  color:var(--oc-ink);
  background:transparent;
}

.nav-links > li > a:hover::after, .nav-links > li:hover > a::after, .nav-links > li > a[aria-current="page"]::after{
  transform:scaleX(1);
}

.nav-links .chev{
  font-size:10px;
  color:var(--oc-muted);
  transition:color .22s ease, transform .22s ease;
}

.nav-links > li > a:hover .chev, .nav-links > li:hover > a .chev{
  color:var(--oc-sand);
  transform:translateY(1px);
}

.mega-panel{
  position:absolute;
  left:0;
  top:calc(100% + 18px);
  width:min(var(--panel-width, 860px), calc(100vw - 72px));
  max-height:min(72vh, 640px);
  overflow:auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  padding:16px;
  border-radius:24px;
  background:var(--oc-white);
  border:1px solid var(--oc-line);
  box-shadow:var(--oc-panel-shadow);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateX(var(--mega-shift-x, 0px)) translateY(10px);
  transition:opacity .22s ease, transform .22s ease, visibility .22s ease;
  z-index:50;
}

.mega-right{
  left:auto;
  right:0;
}

.brands-panel{
  --panel-width:760px;
  overflow-x:hidden;
  scrollbar-width:none;
}

.brands-panel::-webkit-scrollbar{
  display:none;
}

.brands-panel .mega-col{
  padding:4px 2px;
}

.brands-panel .mega-list{
  gap:4px;
}

.brands-panel .mega-item{
  grid-template-columns:44px 1fr;
  gap:11px;
  padding:7px 10px;
}

.brands-panel .mega-icon{
  width:44px;
  height:44px;
}

.brands-panel .mega-icon img, .brands-panel .mega-icon svg{
  width:40px;
  height:40px;
  max-width:40px;
  max-height:40px;
}

.brands-panel .mega-item-inner strong{
  margin-bottom:3px;
  font-size:14px;
}

.brands-panel .mega-item-inner span{
  -webkit-line-clamp:2;
  max-height:calc(1.3em * 2);
  font-size:11.5px;
  line-height:1.3;
}

.products-panel{
  --panel-width:760px;
}

.services-panel{
  --panel-width:470px;
  grid-template-columns:1fr;
}

.nav-links > li:hover .mega-panel{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}

.nav-links > li.is-menu-open > .mega-panel{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateX(var(--mega-shift-x, 0px)) translateY(0);
}

.mega-col{
  padding:4px 2px;
}

.mega-list{
  display:grid;
  gap:7px;
}

.mega-item{
  display:grid;
  grid-template-columns:54px 1fr;
  align-items:center;
  gap:14px;
  padding:11px 13px;
  border-radius:16px;
  border:1px solid transparent;
  color:inherit;
  text-decoration:none;
  transition:background .22s ease, border-color .22s ease, transform .22s ease;
}

.mega-item:hover{
  background:#F6F8F7;
  border-color:rgba(46,74,98,.12);
  transform:translateY(-1px);
}

.mega-icon{
  width:54px;
  height:54px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:none;
  background:transparent;
  border:0;
  box-shadow:none;
  overflow:visible;
  color:var(--oc-ink-2);
}

.mega-icon img, .mega-icon svg{
  width:50px;
  height:50px;
  max-width:50px;
  max-height:50px;
  object-fit:contain;
  display:block;
  filter:none;
  opacity:1;
  transform:none;
}

.mega-icon svg{
  stroke:currentColor;
  fill:none;
  stroke-width:1.45;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.mega-item:hover .mega-icon, .mega-item:hover .mega-icon img, .mega-item:hover .mega-icon svg{
  background:transparent;
  border:0;
  box-shadow:none;
  filter:none;
  opacity:1;
  transform:none;
}

.mega-item-inner{
  display:block;
  min-width:0;
}

.mega-item-inner strong{
  display:block;
  font-size:15px;
  line-height:1.18;
  font-weight:700;
  color:var(--oc-ink-2);
  margin-bottom:5px;
}

.mega-item-inner span{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
  max-height:calc(1.38em * 3);
  font-size:12.5px;
  line-height:1.38;
  color:var(--oc-muted);
}

.mobile-toggle{
  display:none;
  width:58px;
  height:58px;
  border-radius:50%;
  border:1px solid rgba(46,74,98,.16);
  background:#ffffff;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  box-shadow:0 10px 28px rgba(17,22,29,.08);
  justify-self:end;
}

.mobile-toggle span{
  width:22px;
  height:2px;
  background:var(--oc-ink);
  display:block;
  position:relative;
}

.mobile-toggle span::before, .mobile-toggle span::after{
  content:"";
  position:absolute;
  left:0;
  width:22px;
  height:2px;
  background:var(--oc-ink);
}

.mobile-toggle span::before{
  top:-7px;
}

.mobile-toggle span::after{
  top:7px;
}

.mobile-panel{
  display:none;
  position:fixed;
  top:136px;
  right:24px;
  left:auto;
  z-index:120;
  width:min(390px, calc(100vw - 28px));
  max-height:min(72vh, 640px);
  overflow:auto;
  padding:14px;
  border-radius:26px;
  background:var(--oc-white);
  border:1px solid var(--oc-line);
  box-shadow:var(--oc-panel-shadow);
}

.mobile-panel.is-open{
  display:block;
}

.mobile-link, .mobile-accordion-toggle{
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  padding:14px;
  border-radius:16px;
  font-size:15px;
  font-weight:700;
  color:var(--oc-ink);
  background:transparent;
  border:0;
  text-align:left;
  cursor:pointer;
}

.mobile-link:hover, .mobile-accordion-toggle:hover{
  background:#F6F8F7;
}

.mobile-accordion + .mobile-accordion, .mobile-link + .mobile-accordion, .mobile-accordion + .mobile-link, .mobile-link + .mobile-link{
  margin-top:4px;
}

.mobile-accordion-toggle .acc-icon{
  font-size:22px;
  line-height:1;
  transition:transform .2s ease;
  color:var(--oc-ink-2);
}

.mobile-accordion.is-open .acc-icon{
  transform:rotate(45deg);
}

.mobile-submenu{
  display:none;
  padding:6px 8px 8px 12px;
  margin:2px 0 4px;
  border-left:1px solid rgba(205,189,167,.8);
}

.mobile-accordion.is-open .mobile-submenu{
  display:block;
}

.mobile-submenu a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:10px;
  border-radius:12px;
  font-size:14px;
  font-weight:500;
  color:var(--oc-muted);
}

.mobile-submenu a:hover{
  background:#F6F8F7;
  color:var(--oc-ink);
}

.mobile-submenu .submenu-main{
  font-weight:700;
  color:var(--oc-ink);
}

@media (max-width:1360px){
  .nav-links{
    gap:22px;
  }

  .nav-links > li > a{
    font-size:17px;
  }

  .mega-panel:not(.mega-right){
    top:calc(100% + 16px);
    left:50%;
    right:auto;
    transform:translateX(calc(-50% + var(--mega-shift-x, 0px))) translateY(10px);
  }

  .mega-right{
    left:auto;
    right:0;
    transform:translateX(var(--mega-shift-x, 0px)) translateY(10px);
  }

  .nav-links > li.is-menu-open > .mega-panel:not(.mega-right){
    transform:translateX(calc(-50% + var(--mega-shift-x, 0px))) translateY(0);
  }

  .nav-links > li.is-menu-open > .mega-right{
    transform:translateX(var(--mega-shift-x, 0px)) translateY(0);
  }
}

@media (max-width:1180px){
  .nav{
    height:84px;
    grid-template-columns:auto auto;
    gap:14px;
  }

  .brand-logo img{
    width:220px;
    max-height:66px;
  }

  .nav-center{
    display:none;
  }

  .mobile-toggle{
    display:inline-flex;
  }

  .mobile-panel{
    top:124px;
    right:14px;
  }
}

@media (max-width:760px){
  .top-bar-inner{
    font-size:11.5px;
    gap:10px;
  }

  .top-social span:first-child{
    display:none;
  }

  .top-social a:nth-of-type(2){
    display:none;
  }

  .brand-logo img{
    width:206px;
    max-height:62px;
  }

  .mobile-toggle{
    width:54px;
    height:54px;
  }
}

@media (max-width:520px){
  .top-social{
    display:none;
  }

  .brand-logo img{
    width:180px;
  }
}


/* v71: homepage brand card fix + projects 3-column standard */
:root{
  --brand-home-card-height:196px;
  --brand-home-logo-area:146px;
  --brand-home-copy-height:50px;
  --brand-home-logo-max-width:74%;
  --brand-home-logo-max-height:78px;
  --brand-home-logo-zoom:1.02;
}

.brand-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--card-gap);
  counter-reset:brand-counter;
}

.brand{
  position:relative;
  display:flex !important;
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-start;
  min-height:var(--brand-home-card-height);
  height:100%;
  padding:0;
  gap:0;
  overflow:hidden;
  background:#fffdf8;
  border:1px solid rgba(200,190,175,.72);
  border-radius:22px;
  box-shadow:0 18px 46px rgba(23,19,15,.06);
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
}

.brand .top, .brand .spacer{
  display:none !important;
}

.brand::after{
  display:none !important;
}

.brand-logo-slot{
  width:100%;
  flex:0 0 var(--brand-home-logo-area);
  min-height:var(--brand-home-logo-area);
  margin:0;
  padding:24px 26px 18px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#ffffff;
  border:0;
  border-radius:0;
  box-shadow:none;
  overflow:hidden;
}

.brand-logo-slot img{
  display:block;
  width:auto !important;
  height:auto !important;
  max-width:var(--brand-home-logo-max-width) !important;
  max-height:var(--brand-home-logo-max-height) !important;
  object-fit:contain;
  object-position:center center;
  transform:none;
  transition:transform .35s ease;
  will-change:transform;
}

.brand-copy{
  width:100%;
  flex:0 0 var(--brand-home-copy-height);
  min-height:var(--brand-home-copy-height);
  height:var(--brand-home-copy-height);
  margin-top:auto;
  padding:0 18px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  background:#ffffff;
  border-top:1px solid var(--brand-card-divider);
  transition:background-color .22s ease, border-color .22s ease;
}

.brand-copy span, .brand span{
  margin:0;
  display:block;
  width:100%;
  font-size:14px;
  line-height:1.25;
  color:var(--muted);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  transition:color .22s ease;
}

.brand:hover .brand-logo-slot img{
  transform:scale(var(--brand-home-logo-zoom));
}

.brand:hover .brand-copy{
  background:#2E4A62;
  border-top-color:#2E4A62;
}

.brand:hover .brand-copy span, .brand:hover span{
  color:#ffffff;
}

/* homepage logo ratios */
.brand[href*="#seranit"] .brand-logo-slot img, .brand[href*="#turkuaz-seramik"] .brand-logo-slot img, .brand[href*="#t-one"] .brand-logo-slot img{
  max-width:78% !important;
  max-height:76px !important;
}
.brand[href*="#vanucci"] .brand-logo-slot img{
  max-width:66% !important;
  max-height:68px !important;
}
.brand[href*="#belinza"] .brand-logo-slot img{
  max-width:58% !important;
  max-height:62px !important;
}
.brand[href*="#ideal-standard"] .brand-logo-slot img{
  max-width:58% !important;
  max-height:72px !important;
}
.brand[href*="#nobili"] .brand-logo-slot img{
  max-width:70% !important;
  max-height:64px !important;
}
.brand[href*="#west-design"] .brand-logo-slot img{
  max-width:72% !important;
  max-height:64px !important;
}
.brand[href*="#cerastyle"] .brand-logo-slot img{
  max-width:72% !important;
  max-height:70px !important;
}
.brand[href*="#smeg"] .brand-logo-slot img{
  max-width:68% !important;
  max-height:70px !important;
}
.brand[href*="#elleci"] .brand-logo-slot img{
  max-width:72% !important;
  max-height:74px !important;
}
.brand[href*="#dekton"] .brand-logo-slot img, .brand[href*="#neolith"] .brand-logo-slot img{
  max-width:70% !important;
  max-height:62px !important;
}

.projects-page{
  padding:var(--section-space) 0;
}

.project-grid--page{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}

.project-card h3{
  font-size:clamp(24px,2.2vw,34px);
  line-height:1.02;
}

.project-card__content{
  padding:24px;
}

.project-card p{
  font-size:14px;
  line-height:1.68;
}


@media (max-width:1180px){
  .project-grid--page{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
}

@media (max-width:760px){
  :root{
    --brand-home-card-height:184px;
    --brand-home-logo-area:136px;
    --brand-home-copy-height:48px;
  }
  .brand-grid, .project-grid--page{
    grid-template-columns:1fr;
  }
  .brand-logo-slot{
    padding:20px 20px 14px;
  }
  .brand-copy{
    padding:0 16px;
  }
  .project-card__content{
    padding:22px;
  }
}

/* v71 homepage brand fix + projects grid standard */
:root{
  --brand-home-logo-max-width:74%;
  --brand-home-logo-max-height:76px;
  --brand-home-logo-area:146px;
  --brand-home-copy-height:50px;
  --brand-home-card-height:196px;
  --project-grid-desktop:3;
}

#anasayfa .brand-grid, .homepage-brand-grid, .brand-grid{
  align-items:stretch;
}

#anasayfa .brand-grid .brand, .brand-grid .brand{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:var(--brand-home-logo-area) var(--brand-home-copy-height);
  min-height:var(--brand-home-card-height);
  width:100%;
  padding:0;
  overflow:hidden;
  box-sizing:border-box;
}

#anasayfa .brand-grid .brand .top, .brand-grid .brand .top, #anasayfa .brand-grid .brand .spacer, .brand-grid .brand .spacer{
  display:none !important;
}

#anasayfa .brand-grid .brand .brand-logo-slot, .brand-grid .brand .brand-logo-slot{
  width:100% !important;
  min-width:100%;
  max-width:100%;
  height:var(--brand-home-logo-area);
  min-height:var(--brand-home-logo-area);
  margin:0;
  padding:24px 28px 18px;
  box-sizing:border-box;
  align-self:stretch;
  justify-self:stretch;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#ffffff;
  border:0;
  overflow:hidden;
}

#anasayfa .brand-grid .brand .brand-logo-slot img, .brand-grid .brand .brand-logo-slot img{
  display:block;
  width:auto !important;
  height:auto !important;
  max-width:var(--brand-home-logo-max-width) !important;
  max-height:var(--brand-home-logo-max-height) !important;
  object-fit:contain;
  object-position:center center;
}

#anasayfa .brand-grid .brand .brand-copy, .brand-grid .brand .brand-copy, #anasayfa .brand-grid .brand:hover .brand-copy, .brand-grid .brand:hover .brand-copy{
  width:100% !important;
  min-width:100%;
  max-width:100%;
  height:var(--brand-home-copy-height);
  min-height:var(--brand-home-copy-height);
  margin:0;
  padding:0 18px;
  box-sizing:border-box;
  align-self:stretch;
  justify-self:stretch;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  border-top:1px solid var(--brand-card-divider);
}

#anasayfa .brand-grid .brand .brand-copy span, .brand-grid .brand .brand-copy span{
  width:100%;
  display:block;
}

/* homepage logo ratio corrections */
.brand-grid .brand[href*="#west-design"] .brand-logo-slot img{
  max-width:78% !important;
  max-height:72px !important;
}
.brand-grid .brand[href*="#vanucci"] .brand-logo-slot img{
  max-width:64% !important;
  max-height:66px !important;
}
.brand-grid .brand[href*="#belinza"] .brand-logo-slot img{
  max-width:60% !important;
  max-height:62px !important;
}
.brand-grid .brand[href*="#ideal-standard"] .brand-logo-slot img{
  max-width:58% !important;
  max-height:78px !important;
}
.brand-grid .brand[href*="#seranit"] .brand-logo-slot img, .brand-grid .brand[href*="#turkuaz-seramik"] .brand-logo-slot img, .brand-grid .brand[href*="#t-one"] .brand-logo-slot img{
  max-width:76% !important;
  max-height:74px !important;
}
.brand-grid .brand[href*="#cerastyle"] .brand-logo-slot img{
  max-width:74% !important;
  max-height:82px !important;
}
.brand-grid .brand[href*="#smeg"] .brand-logo-slot img, .brand-grid .brand[href*="#elleci"] .brand-logo-slot img, .brand-grid .brand[href*="#dekton"] .brand-logo-slot img, .brand-grid .brand[href*="#neolith"] .brand-logo-slot img, .brand-grid .brand[href*="#nobili"] .brand-logo-slot img{
  max-width:72% !important;
  max-height:68px !important;
}

.projects-page .project-grid--page{
  grid-template-columns:repeat(var(--project-grid-desktop), minmax(0,1fr));
  gap:20px;
}

.projects-page .project-card{
  border-radius:24px;
}

.projects-page .project-card__media{
  aspect-ratio:16/10;
}

.projects-page .project-card h3{
  font-size:clamp(26px, 2.4vw, 36px);
}

@media (max-width:1180px){
  .projects-page .project-grid--page{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:760px){
  .projects-page .project-grid--page{
    grid-template-columns:1fr;
  }
}
.brand-grid .brand > .brand-logo-slot, .brand-grid .brand > .brand-copy{
  grid-column:1 / -1;
}


/* v72 small content refinements */
.brand-grid .brand .brand-copy{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
}
.brand-grid .brand .brand-copy span{
  display:flex !important;
  align-items:center !important;
  min-height:100%;
  line-height:1.22;
}
.projects-page .project-card{
  text-decoration:none;
}
.projects-page .project-card__content{
  min-height:178px;
}
.projects-page .project-card__link{
  margin-top:auto;
  padding-top:22px;
}
.project-detail-page{
  padding:var(--section-space) 0 var(--section-before-cta-space);
}
.project-back-link{
  display:inline-flex;
  margin-top:28px;
  color:var(--accent);
  font-weight:800;
}


/* v73 Han Konutları project detail */
.project-image--han-konutlari{
  background-image:url("../site-images/projects/han-konutlari/cover.webp");
}

.project-detail-hero{
  padding:0;
  background:linear-gradient(135deg,#ffffff 0%,#f4f2ef 58%,#ebe5dc 100%);
  border-bottom:1px solid rgba(46,74,98,.10);
}

.project-detail-hero__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
  align-items:stretch;
  min-height:var(--page-hero-min-height);
}

.project-detail-hero__copy, .project-detail-hero__media{
  background:transparent;
  overflow:hidden;
}

.project-detail-hero__copy{
  padding:var(--section-space) var(--page-hero-copy-inline);
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.project-detail-hero__copy h1{
  margin:18px 0 18px;
  font-size:clamp(40px,4.6vw,70px);
  line-height:.96;
}

.project-detail-hero__copy p{
  color:var(--muted);
  font-size:16px;
  line-height:1.8;
  margin:0;
}

.project-detail-meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:28px;
}

.project-detail-meta span{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(46,74,98,.12);
  color:var(--accent);
  font-weight:800;
  font-size:13px;
  background:rgba(255,255,255,.62);
}

.project-detail-hero__media img{
  width:100%;
  height:100%;
  min-height:var(--page-hero-min-height);
  display:block;
  object-fit:cover;
  transition:transform .8s cubic-bezier(.2,.7,.2,1), filter .8s ease;
}

.project-detail-hero:hover .project-detail-hero__media img{
  transform:scale(1.025);
  filter:saturate(1.03) contrast(1.015);
}

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

.project-gallery__item{
  display:block;
  overflow:hidden;
  border-radius:24px;
  border:1px solid rgba(46,74,98,.12);
  background:#ffffff;
  box-shadow:var(--card-shadow);
}

.project-gallery__item--wide{
  grid-column:span 2;
  grid-row:span 2;
}

.project-gallery__item img{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  height:auto;
  object-fit:cover;
  transition:transform .7s cubic-bezier(.2,.7,.2,1);
}

.project-gallery__item:hover img{
  transform:scale(1.035);
}

@media (max-width:980px){
  .project-detail-hero__grid{
    grid-template-columns:1fr;
    min-height:0;
  }
  .project-detail-hero__copy{
    padding:var(--section-space-mobile) 24px;
  }
  .project-detail-hero__media{
    aspect-ratio:16 / 10;
  }
  .project-detail-hero__media img{
    min-height:0;
  }
  .project-gallery{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:760px){
  .project-detail-hero{
    padding:0;
  }
  .project-detail-hero__copy{
    padding:var(--section-space-mobile) 18px;
  }
  .project-gallery{
    grid-template-columns:1fr;
  }
  .project-gallery__item--wide{
    grid-column:auto;
    grid-row:auto;
  }
}

/* v74 project gallery lightbox */
.project-gallery__item{
  cursor:zoom-in;
}

.gallery-lightbox{
  position:fixed;
  inset:0;
  z-index:9999;
  display:grid;
  place-items:center;
  padding:28px;
  background:rgba(10,12,14,.82);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .24s ease, visibility .24s ease;
}

.gallery-lightbox.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.gallery-lightbox__stage{
  position:relative;
  width:min(100%, 1320px);
  height:min(86vh, 820px);
  display:grid;
  place-items:center;
}

.gallery-lightbox__image{
  display:block;
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  object-fit:contain;
  border-radius:18px;
  box-shadow:0 32px 90px rgba(0,0,0,.38);
  background:#111111;
}

.gallery-lightbox__button{
  appearance:none;
  position:absolute;
  z-index:2;
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.08);
  color:#ffffff;
  cursor:pointer;
  backdrop-filter:blur(10px);
  transition:background .2s ease, border-color .2s ease, transform .2s ease;
}

.gallery-lightbox__button:hover{
  background:rgba(255,255,255,.16);
  border-color:rgba(255,255,255,.36);
  transform:scale(1.04);
}

.gallery-lightbox__close{
  top:18px;
  right:18px;
}

.gallery-lightbox__prev{
  left:18px;
  top:50%;
  transform:translateY(-50%);
}

.gallery-lightbox__next{
  right:18px;
  top:50%;
  transform:translateY(-50%);
}

.gallery-lightbox__prev:hover, .gallery-lightbox__next:hover{
  transform:translateY(-50%) scale(1.04);
}

.gallery-lightbox__counter{
  position:absolute;
  left:50%;
  bottom:18px;
  transform:translateX(-50%);
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.16);
  color:rgba(255,255,255,.82);
  font-family:"IBM Plex Mono", monospace;
  font-size:11px;
  letter-spacing:.12em;
  backdrop-filter:blur(10px);
}

body.is-lightbox-open{
  overflow:hidden;
}

@media (max-width:760px){
  .gallery-lightbox{
    padding:16px;
  }
  .gallery-lightbox__stage{
    height:82vh;
  }
  .gallery-lightbox__button{
    width:40px;
    height:40px;
  }
  .gallery-lightbox__close{
    top:10px;
    right:10px;
  }
  .gallery-lightbox__prev{
    left:10px;
  }
  .gallery-lightbox__next{
    right:10px;
  }
}


/* v75 project features + shared detail polish */
.project-features{
  padding:var(--section-tight-space) 0 0;
}
.project-feature-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.project-feature-list li{
  display:flex;
  align-items:flex-start;
  gap:12px;
  min-height:62px;
  padding:18px 20px;
  border-radius:20px;
  border:1px solid rgba(46,74,98,.12);
  background:rgba(255,255,255,.76);
  box-shadow:0 16px 38px rgba(21,18,15,.05);
  color:var(--ink);
  font-size:14px;
  line-height:1.5;
}
.project-feature-list img{
  width:15px;
  height:15px;
  flex:0 0 15px;
  margin-top:3px;
  object-fit:contain;
  opacity:.82;
}
.project-gallery__item{
  position:relative;
}
.project-gallery__item::after{
  content:"+";
  position:absolute;
  left:50%;
  top:50%;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  transform:translate(-50%,-50%) scale(.92);
  border-radius:50%;
  border:1px solid rgba(255,255,255,.36);
  background:rgba(10,12,14,.38);
  color:#ffffff;
  font-size:22px;
  line-height:1;
  opacity:0;
  pointer-events:none;
  backdrop-filter:blur(8px);
  transition:opacity .22s ease, transform .22s ease;
}
.project-gallery__item:hover::after{
  opacity:1;
  transform:translate(-50%,-50%) scale(1);
}
.gallery-lightbox__media{
  position:relative;
  display:grid;
  place-items:center;
  max-width:100%;
  max-height:100%;
  cursor:zoom-out;
}
.gallery-lightbox__media::after{
  content:"−";
  position:absolute;
  left:50%;
  top:50%;
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  transform:translate(-50%,-50%) scale(.94);
  border-radius:50%;
  border:1px solid rgba(255,255,255,.34);
  background:rgba(10,12,14,.42);
  color:#ffffff;
  font-size:26px;
  line-height:1;
  opacity:0;
  pointer-events:none;
  backdrop-filter:blur(8px);
  transition:opacity .22s ease, transform .22s ease;
}
.gallery-lightbox__media:hover::after{
  opacity:1;
  transform:translate(-50%,-50%) scale(1);
}
.gallery-lightbox__image{
  cursor:zoom-out;
}
@media (max-width:980px){
  .project-feature-list{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:760px){
  .project-feature-list{
    grid-template-columns:1fr;
  }
  .project-feature-list li{
    min-height:0;
    padding:16px 18px;
  }
}


/* v77 requested refinements */
.project-detail-hero__copy p + p{
  margin-top:10px;
}
.project-gallery__item::after, .project-gallery__item:hover::after, .gallery-lightbox__media::after, .gallery-lightbox__media:hover::after{
  content:none;
  display:none;
}
.mobile-toggle{
  width:46px;
  height:46px;
  border-radius:50%;
  z-index:150;
}
.mobile-toggle span, .mobile-toggle span::before, .mobile-toggle span::after{
  width:20px;
  height:2px;
}
.mobile-toggle span::before{top:-6px;}
.mobile-toggle span::after{top:6px;}
.mobile-panel{
  z-index:180;
}
@media (max-width:760px){
  .mobile-toggle{
    width:44px;
    height:44px;
  }
  .mobile-toggle span, .mobile-toggle span::before, .mobile-toggle span::after{
    width:19px;
  }
}

/* v80 project cover photos */
.project-image--han-konutlari{background-image:url("../site-images/projects/han-konutlari/cover.webp");}
.project-image--lara-evleri{background-image:url("../site-images/projects/lara-evleri/cover.webp");}
.project-image--loop-gundogan{background-image:url("../site-images/projects/loop-gundogan/cover.webp");}
.project-image--marina-villa{background-image:url("../site-images/projects/marina-villa/cover.webp");}
.project-image--muya-evleri{background-image:url("../site-images/projects/muya-evleri/cover.webp");}
.project-image--solin-evleri{background-image:url("../site-images/projects/solin-evleri/cover.webp");}
.project-image--suluklu-villa{background-image:url("../site-images/projects/suluklu-villa/cover.webp");}
.project-image--t-wo-land{background-image:url("../site-images/projects/t-wo-land/cover.webp");}
.project-image--tera-konutlari{background-image:url("../site-images/projects/tera-konutlari/cover.webp");}
.project-image--tun-evleri{background-image:url("../site-images/projects/tun-evleri/cover.webp");}
.project-image--zelal-evleri{background-image:url("../site-images/projects/zelal-evleri/cover.webp");}

/* v81 shared menu and gallery viewing standard */
.site-header{
  z-index:1000;
}

.nav-links > li{
  position:relative;
}

.nav-links > li > .mega-panel{
  z-index:1002;
}

.gallery-lightbox{
  box-sizing:border-box;
  padding:28px;
}

.gallery-lightbox__stage{
  width:min(calc(100vw - 56px), 1320px);
  height:min(calc(100vh - 56px), 860px);
  max-width:calc(100vw - 56px);
  max-height:calc(100vh - 56px);
}

.gallery-lightbox__media{
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}

.gallery-lightbox__image{
  width:auto;
  height:auto;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  object-position:center center;
}

@supports (height:100dvh){
  .gallery-lightbox__stage{
    height:min(calc(100dvh - 56px), 860px);
    max-height:calc(100dvh - 56px);
  }
}

@media (max-width:760px){
  .gallery-lightbox{
    padding:14px;
  }
  .gallery-lightbox__stage{
    width:calc(100vw - 28px);
    height:calc(100vh - 28px);
    max-width:calc(100vw - 28px);
    max-height:calc(100vh - 28px);
  }
  @supports (height:100dvh){
    .gallery-lightbox__stage{
      height:calc(100dvh - 28px);
      max-height:calc(100dvh - 28px);
    }
  }
}

.about-story{
  display:grid;
  gap:18px;
  max-width:940px;
  padding:34px;
  border-radius:var(--card-radius);
  background:rgba(255,255,255,.78);
  border:var(--card-border);
  box-shadow:var(--card-shadow);
}

.about-story p{
  color:var(--muted);
  font-size:18px;
  line-height:1.72;
}

@media (max-width:760px){
  .about-story{
    padding:24px;
    border-radius:24px;
  }
  .about-story p{
    font-size:16px;
  }
}

:root{
  --about-timeline-gap:18px;
  --about-timeline-card-padding:26px;
  --about-timeline-card-radius:26px;
  --about-timeline-year-size:14px;
  --about-story-padding:38px;
}

.about-timeline{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--about-timeline-gap);
  width:100%;
  margin:0 0 22px;
}

.about-timeline::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:38px;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(46,74,98,.22), transparent);
  pointer-events:none;
}

.about-timeline__item{
  position:relative;
  min-height:190px;
  padding:var(--about-timeline-card-padding);
  border-radius:var(--about-timeline-card-radius);
  border:var(--card-border);
  background:rgba(255,255,255,.78);
  box-shadow:0 18px 52px rgba(17,24,39,.06);
  transition:transform .28s ease, border-color .28s ease, box-shadow .28s ease, background-color .28s ease;
}

.about-timeline__item::before{
  content:"";
  display:block;
  width:10px;
  height:10px;
  margin:0 0 22px;
  border-radius:999px;
  background:var(--blue);
  box-shadow:0 0 0 8px rgba(46,74,98,.08);
}

.about-timeline__item:hover{
  transform:translateY(-4px);
  border-color:rgba(198,168,119,.58);
  box-shadow:0 28px 70px rgba(17,24,39,.11);
  background:#fff;
}

.about-timeline__year{
  display:inline-flex;
  margin:0 0 14px;
  color:var(--blue);
  font-size:var(--about-timeline-year-size);
  letter-spacing:.22em;
  text-transform:uppercase;
}

.about-timeline__item h3{
  margin:0;
  color:var(--ink);
  font-size:20px;
  line-height:1.26;
  font-weight:700;
}

.about-timeline__item p{
  margin:12px 0 0;
  color:var(--muted);
  font-size:15px;
  line-height:1.65;
}

.about-story{
  width:100%;
  max-width:none;
  box-sizing:border-box;
  padding:var(--about-story-padding);
}

.about-story p{
  max-width:1120px;
}

@media (max-width:1100px){
  .about-timeline{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:760px){
  :root{
    --about-timeline-card-padding:22px;
    --about-story-padding:24px;
  }

  .about-timeline{
    grid-template-columns:1fr;
  }

  .about-timeline::before{
    top:0;
    bottom:0;
    left:31px;
    right:auto;
    width:1px;
    height:auto;
    background:linear-gradient(180deg, transparent, rgba(46,74,98,.22), transparent);
  }

  .about-timeline__item{
    min-height:auto;
  }
}

/* v84 about page visual rhythm + showroom gallery */
.about-section{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 14% 12%, rgba(198,168,119,.16), transparent 34%),
    radial-gradient(circle at 88% 24%, rgba(46,74,98,.12), transparent 32%),
    linear-gradient(180deg, #f8f5ee 0%, #ffffff 46%, #f6f8f8 100%);
}

.about-section .section-head{
  position:relative;
  z-index:1;
}

.about-section .section-head::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-1px;
  width:96px;
  height:2px;
  background:linear-gradient(90deg, var(--sand), rgba(46,74,98,.45));
}

.about-timeline{
  margin-top:8px;
  margin-bottom:24px;
}

.about-timeline::before{
  height:2px;
  background:linear-gradient(90deg, transparent, rgba(198,168,119,.64), rgba(46,74,98,.34), transparent);
}

.about-timeline__item{
  isolation:isolate;
  overflow:hidden;
  background:linear-gradient(145deg, rgba(255,255,255,.92) 0%, rgba(248,245,238,.86) 100%);
}

.about-timeline__item::after{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:3px;
  background:linear-gradient(90deg, var(--sand), rgba(46,74,98,.78));
  opacity:.35;
  transition:opacity .28s ease;
}

.about-timeline__item:nth-child(1), .about-timeline__item:nth-child(4){
  background:linear-gradient(145deg, rgba(255,255,255,.96) 0%, rgba(198,168,119,.14) 100%);
}

.about-timeline__item:nth-child(2), .about-timeline__item:nth-child(3){
  background:linear-gradient(145deg, rgba(255,255,255,.96) 0%, rgba(46,74,98,.08) 100%);
}

.about-timeline__item:hover::after{
  opacity:1;
}

.about-timeline__item::before{
  background:var(--sand);
  box-shadow:0 0 0 8px rgba(198,168,119,.14), 0 0 0 18px rgba(46,74,98,.04);
}

.about-timeline__item:nth-child(even)::before{
  background:var(--blue);
  box-shadow:0 0 0 8px rgba(46,74,98,.12), 0 0 0 18px rgba(198,168,119,.05);
}

.about-story{
  position:relative;
  background:linear-gradient(135deg, rgba(255,255,255,.96) 0%, rgba(248,245,238,.94) 100%);
  border:1px solid rgba(198,168,119,.22);
  box-shadow:0 24px 70px rgba(17,24,39,.08);
}

.about-story::before{
  content:"";
  position:absolute;
  left:0;
  top:34px;
  bottom:34px;
  width:3px;
  border-radius:999px;
  background:linear-gradient(180deg, var(--sand), rgba(46,74,98,.68));
}

.about-showroom-section{
  padding:var(--section-space) 0;
  background:
    radial-gradient(circle at 12% 18%, rgba(198,168,119,.25), transparent 30%),
    linear-gradient(135deg, #2E4A62 0%, #233746 58%, #1d2f3d 100%);
  color:#ffffff;
}

.about-showroom-section .section-head{
  border-color:rgba(255,255,255,.16);
}

.about-showroom-section .section-head span, .about-showroom-section .section-head h2{
  color:#ffffff;
}

.about-showroom-section .section-head p{
  color:rgba(255,255,255,.74);
}

.about-showroom-gallery .project-gallery__item{
  border-color:rgba(255,255,255,.16);
  box-shadow:0 22px 70px rgba(0,0,0,.22);
}

.about-showroom-gallery .project-gallery__item img{
  background:rgba(255,255,255,.05);
}

@media (max-width:760px){
  .about-showroom-section{
    padding:var(--section-space-mobile) 0;
  }
  .about-story::before{
    top:24px;
    bottom:24px;
  }
}

/* v85 about timeline hover + showroom gallery grid correction */
.about-timeline__item{
  background:#ffffff;
  border-color:rgba(46,74,98,.12);
}
.about-timeline__item:nth-child(1), .about-timeline__item:nth-child(2), .about-timeline__item:nth-child(3), .about-timeline__item:nth-child(4){
  background:#ffffff;
}
.about-timeline__item::after{
  height:4px;
  background:var(--blue);
  opacity:0;
}
.about-timeline__item::before, .about-timeline__item:nth-child(even)::before{
  background:rgba(46,74,98,.14);
  box-shadow:0 0 0 8px rgba(46,74,98,.05), 0 0 0 18px rgba(46,74,98,.025);
  transition:background-color .28s ease, box-shadow .28s ease;
}
.about-timeline__item:hover{
  border-color:rgba(46,74,98,.28);
  box-shadow:0 28px 72px rgba(46,74,98,.14);
}
.about-timeline__item:hover::after{
  opacity:1;
}
.about-timeline__item:hover::before, .about-timeline__item:nth-child(even):hover::before{
  background:var(--blue);
  box-shadow:0 0 0 8px rgba(46,74,98,.14), 0 0 0 18px rgba(46,74,98,.06);
}

.about-showroom-gallery.project-gallery{
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-auto-flow:row;
  align-items:stretch;
}
.about-showroom-gallery .project-gallery__item, .about-showroom-gallery .project-gallery__item--wide{
  grid-column:auto;
  grid-row:auto;
  aspect-ratio:16/9;
  min-height:0;
  background:rgba(255,255,255,.06);
}
.about-showroom-gallery .project-gallery__item img, .about-showroom-gallery .project-gallery__item--wide img{
  width:100%;
  height:100%;
  aspect-ratio:auto;
  object-fit:cover;
  object-position:center center;
}
@media (max-width:980px){
  .about-showroom-gallery.project-gallery{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:760px){
  .about-showroom-gallery.project-gallery{
    grid-template-columns:1fr;
  }
}

/* v86 about showroom gallery + timeline active state + menu svg icon standard */
:root{
  --about-active-center:#D8A866;
  --about-active-center-soft:rgba(216,168,102,.22);
  --menu-icon-size:50px;
}

.about-timeline__item:hover{
  background:
    radial-gradient(circle at 50% 52%, var(--about-active-center-soft) 0%, rgba(216,168,102,.12) 34%, rgba(255,255,255,.98) 72%),
    #ffffff;
}

.about-timeline__item:hover .about-timeline__year, .about-timeline__item:hover h3{
  color:var(--blue);
}

.about-showroom-gallery.project-gallery{
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-auto-flow:dense;
  align-items:stretch;
}

.about-showroom-gallery .project-gallery__item{
  aspect-ratio:auto;
  min-height:0;
  background:rgba(255,255,255,.06);
}

.about-showroom-gallery .project-gallery__item--wide{
  grid-column:span 2;
  grid-row:span 2;
}

.about-showroom-gallery .project-gallery__item img{
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:cover;
  object-position:center center;
}

.about-showroom-gallery .project-gallery__item--wide img{
  width:100%;
  height:100%;
  aspect-ratio:16/9;
  object-fit:cover;
}

.mega-icon img[src$=".svg"]{
  width:var(--menu-icon-size);
  height:var(--menu-icon-size);
  max-width:var(--menu-icon-size);
  max-height:var(--menu-icon-size);
  object-fit:contain;
}

@media (max-width:980px){
  .about-showroom-gallery.project-gallery{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:760px){
  .about-showroom-gallery.project-gallery{
    grid-template-columns:1fr;
  }
  .about-showroom-gallery .project-gallery__item--wide{
    grid-column:auto;
    grid-row:auto;
  }
}

.sub-detail-section{
  padding:var(--section-tight-space) 0;
}

.sub-detail-section--soft{
  background:linear-gradient(135deg, rgba(46,74,98,.08), rgba(211,183,139,.14));
  border-top:1px solid rgba(46,74,98,.08);
  border-bottom:1px solid rgba(46,74,98,.08);
}

.sub-detail-intro{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);
  gap:28px;
  align-items:stretch;
}

.sub-detail-intro.reverse{
  grid-template-columns:minmax(360px,.95fr) minmax(0,1.05fr);
}

.sub-detail-intro.reverse .sub-detail-intro__visual{
  order:2;
}

.sub-detail-intro__visual{
  border-radius:32px;
  overflow:hidden;
  border:1px solid rgba(46,74,98,.12);
  box-shadow:var(--card-shadow);
  background:#fff;
}

.sub-detail-intro__visual img{
  display:block;
  width:100%;
  height:100%;
  min-height:390px;
  object-fit:cover;
  transition:transform .7s ease;
}

.sub-detail-intro__visual--logo{
  display:grid;
  place-items:center;
  min-height:390px;
  padding:48px;
  background:linear-gradient(135deg,#ffffff 0%,#f4f2ef 100%);
}

.sub-detail-intro__visual--logo img{
  width:min(360px,72%);
  height:auto;
  min-height:0;
  max-height:150px;
  object-fit:contain;
}

.sub-detail-intro:hover .sub-detail-intro__visual--logo img{
  transform:scale(1.025);
}

.sub-detail-intro:hover .sub-detail-intro__visual img{
  transform:scale(1.035);
}

.sub-detail-intro__copy{
  border-radius:32px;
  border:1px solid rgba(46,74,98,.12);
  background:rgba(255,255,255,.78);
  box-shadow:var(--card-shadow);
  padding:42px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.sub-detail-intro__copy .mono, .section-head .mono{
  color:var(--accent);
  letter-spacing:.18em;
  text-transform:uppercase;
}

.sub-detail-intro__copy h2, .section-head h2{
  margin:14px 0 0;
  font-size:clamp(34px, 4.2vw, 58px);
  line-height:1.02;
}

.sub-detail-intro__copy p, .section-head p{
  margin:22px 0 0;
  color:var(--muted);
  font-size:17px;
  line-height:1.8;
}

.detail-chip-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:28px;
}

.detail-chip-row span{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(46,74,98,.14);
  background:rgba(255,255,255,.62);
  color:var(--accent);
  font-size:13px;
  font-weight:800;
}

.section-head{
  margin-bottom:30px;
}

.section-head--split{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,520px);
  gap:30px;
  align-items:end;
}

.visual-product-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}

.visual-product-grid--four{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.visual-product-card{
  position:relative;
  overflow:hidden;
  border-radius:28px;
  border:1px solid rgba(46,74,98,.12);
  background:rgba(255,255,255,.86);
  box-shadow:0 18px 42px rgba(30,42,54,.08);
  transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.visual-product-card::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:4px;
  background:transparent;
  transition:background .35s ease;
  z-index:2;
}

.visual-product-card__media{
  aspect-ratio:16/10;
  overflow:hidden;
  background:rgba(46,74,98,.08);
}

.visual-product-card__media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .7s ease, filter .7s ease;
}

.visual-product-card__body{
  padding:26px 26px 30px;
}

.visual-product-card__body .mono{
  color:var(--accent);
  letter-spacing:.16em;
}

.visual-product-card__body h3{
  margin:12px 0 0;
  color:var(--ink);
  font-size:22px;
  line-height:1.22;
}

.visual-product-card__body p{
  margin:12px 0 0;
  color:var(--muted);
  font-size:15px;
  line-height:1.7;
}

.visual-product-card:hover{
  transform:translateY(-6px);
  border-color:rgba(46,74,98,.24);
  box-shadow:0 26px 58px rgba(30,42,54,.13);
}

.visual-product-card:hover::before{
  background:var(--accent);
}

.visual-product-card:hover .visual-product-card__media img{
  transform:scale(1.065);
  filter:saturate(1.05) contrast(1.02);
}

.visual-product-grid--service .visual-product-card__media{
  aspect-ratio:16/9;
}

.detail-card .project-card__link{
  margin-top:18px;
}

/* Hizmetler ana sayfası: görseller de detay bağlantısıdır */
.detail-card > a.detail-card__media{
  display:block;
  color:inherit;
  text-decoration:none;
  cursor:pointer;
}

.detail-card > a.detail-card__media:focus-visible{
  outline:2px solid var(--accent);
  outline-offset:4px;
}

@media (max-width:1080px){
  .sub-detail-intro, .sub-detail-intro.reverse{
    grid-template-columns:1fr;
  }
  .sub-detail-intro.reverse .sub-detail-intro__visual{
    order:0;
  }
  .visual-product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:720px){
  .section-head--split{
    grid-template-columns:1fr;
    align-items:start;
  }
  .visual-product-grid{
    grid-template-columns:1fr;
  }
  .sub-detail-intro__copy{
    padding:30px;
  }
  .sub-detail-intro__visual img{
    min-height:260px;
  }
}


.catalog-card-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}

.catalog-card{
  position:relative;
  min-height:220px;
  border-radius:28px;
  border:1px solid rgba(46,74,98,.12);
  background:rgba(255,255,255,.82);
  box-shadow:0 18px 42px rgba(30,42,54,.08);
  padding:30px;
  overflow:hidden;
  transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.catalog-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:4px;
  background:transparent;
  transition:background .35s ease;
}

.catalog-card .mono{
  color:var(--accent);
  letter-spacing:.16em;
}

.catalog-card h3{
  margin:14px 0 0;
  color:var(--ink);
  font-size:24px;
  line-height:1.2;
}

.catalog-card p{
  margin:14px 0 0;
  color:var(--muted);
  font-size:15px;
  line-height:1.7;
}

.catalog-card__note{
  display:inline-flex;
  margin-top:22px;
  min-height:36px;
  align-items:center;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(46,74,98,.14);
  background:rgba(46,74,98,.06);
  color:var(--accent);
  font-size:13px;
  font-weight:800;
}

.catalog-card:hover{
  transform:translateY(-6px);
  border-color:rgba(46,74,98,.24);
  box-shadow:0 26px 58px rgba(30,42,54,.13);
}

.catalog-card:hover::before{
  background:var(--accent);
}

@media (max-width:1080px){
  .catalog-card-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:720px){
  .catalog-card-grid{
    grid-template-columns:1fr;
  }
}

/* v89 Seranit resmi katalog bağlantı standardı */
.catalog-card-grid--official{
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
}

.catalog-card--featured{
  background:linear-gradient(135deg, rgba(255,255,255,.94), rgba(247,244,238,.92));
}

.catalog-card--featured::after{
  content:"";
  position:absolute;
  right:28px;
  top:28px;
  width:54px;
  height:54px;
  border-radius:18px;
  background:rgba(46,74,98,.08);
  box-shadow:inset 0 0 0 1px rgba(46,74,98,.10);
}

.catalog-card__action{
  position:relative;
  z-index:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  margin-top:24px;
  padding:0 20px;
  border-radius:999px;
  background:var(--accent);
  border:1px solid var(--accent);
  color:#fff;
  font-size:14px;
  font-weight:800;
  text-decoration:none;
  transition:transform .3s ease, background .3s ease, border-color .3s ease, color .3s ease, box-shadow .3s ease;
}

.catalog-card__action:hover{
  transform:translateY(-2px);
  background:var(--sand);
  border-color:var(--sand);
  color:var(--ink);
  box-shadow:0 16px 36px rgba(46,74,98,.16);
}

.catalog-card--note .catalog-card__note{
  max-width:100%;
  white-space:normal;
  line-height:1.45;
  padding:10px 14px;
}

@media (max-width:900px){
  .catalog-card-grid--official{
    grid-template-columns:1fr;
  }
}

/* v90 Seranit katalog PDF ikon ve çoklu katalog standardı */
.catalog-card--featured{
  padding-right:118px;
}

.catalog-card--featured::after{
  display:none;
}

.catalog-card__icon{
  position:absolute;
  right:28px;
  top:28px;
  width:58px;
  height:58px;
  padding:9px;
  border-radius:18px;
  background:rgba(255,255,255,.86);
  border:1px solid rgba(46,74,98,.12);
  box-shadow:0 14px 34px rgba(30,42,54,.08);
  object-fit:contain;
  transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

.catalog-card:hover .catalog-card__icon{
  transform:translateY(-2px) scale(1.03);
  border-color:rgba(46,74,98,.22);
  box-shadow:0 18px 42px rgba(30,42,54,.12);
}

.catalog-link-stack{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:24px;
}

.catalog-link-stack .catalog-card__action{
  margin-top:0;
}

@media (max-width:720px){
  .catalog-card--featured{
    padding-right:30px;
    padding-top:96px;
  }
  .catalog-card__icon{
    left:30px;
    right:auto;
  }
}


/* v91 Seranit sayfası küçük revizyonlar */
.catalog-card__icon{width:70px;height:70px;padding:0;border-radius:0;background:transparent;border:none;box-shadow:none;}
.catalog-card:hover .catalog-card__icon{transform:translateY(-2px) scale(1.04);border:none;box-shadow:none;}
@media (max-width:720px){.catalog-card__icon{left:30px;right:auto;}}


/* Marka ürün kartı ortak görsel oranı */
:root{--brand-subpage-card-media-ratio:16/10;}
.visual-product-card__media{aspect-ratio:var(--brand-subpage-card-media-ratio);}


/* v93 iki ürün kartlı marka sayfaları ve katalog bağlantı standardı */
.visual-product-grid--two{grid-template-columns:repeat(2,minmax(0,1fr));}
.visual-product-grid--two .visual-product-card{height:100%;}
.catalog-card-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr));}
.catalog-card--links{padding-right:30px;}
.catalog-card--links .catalog-link-stack{margin-top:20px;}
.catalog-card--links .catalog-card__action{min-height:42px;}
@media (max-width:900px){
  .catalog-card-grid--compact{grid-template-columns:1fr;}
}


/* v95 marka sayfaları ortak header/footer düzeltmesi ve timeline hover rengi */
:root{
  --about-active-dot:#E37A3C;
}
.about-timeline__item:hover::before, .about-timeline__item:nth-child(even):hover::before{
  background:var(--about-active-dot);
  box-shadow:0 0 0 8px rgba(46,74,98,.12), 0 0 0 18px rgba(227,122,60,.16);
}
.brand-detail__logo-link{
  text-decoration:none;
  cursor:pointer;
}
.brand-detail__logo-link:focus-visible{
  outline:2px solid var(--accent);
  outline-offset:4px;
}


/* v96 marka katalog PDF ikonu ortak hizalama kuralı */
.catalog-card--featured.catalog-card--links{
  padding-right:170px;
}
.catalog-card--featured.catalog-card--links .catalog-card__icon{
  top:42px;
  right:44px;
  width:86px;
  height:86px;
  max-width:86px;
  max-height:86px;
  object-fit:contain;
  z-index:1;
}
@media (max-width:720px){
  .catalog-card--featured.catalog-card--links{
    padding:112px 30px 30px;
  }
  .catalog-card--featured.catalog-card--links .catalog-card__icon{
    top:30px;
    left:30px;
    right:auto;
    width:70px;
    height:70px;
  }
}



/* v106 kataloglar: kompakt, renkli ve markalara göre ayrılmış katalog arşivi */
.catalog-library-page{
  background:#f4f3f0;
}
.catalog-library-main{
  padding:var(--section-space) 0;
}
.catalog-library-main > section{
  padding:0;
}
.catalog-library-main > section + section{
  margin-top:var(--section-tight-space);
}
.catalog-library-intro__panel{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);
  gap:36px;
  align-items:end;
  overflow:hidden;
  padding:42px 46px;
  border-radius:30px;
  color:#fff;
  background:
    radial-gradient(circle at 88% 16%, rgba(200,176,138,.40) 0 92px, transparent 94px),
    radial-gradient(circle at 72% 92%, rgba(200,217,230,.22) 0 150px, transparent 152px),
    linear-gradient(135deg,#2e4a62 0%,#415f77 58%,#56758e 100%);
  box-shadow:0 22px 55px rgba(36,54,69,.18);
}
.catalog-library-intro__copy{
  max-width:750px;
}
.catalog-library-intro__eyebrow{
  display:inline-flex;
  margin-bottom:18px;
  color:#ead8bc;
}
.catalog-library-intro h1{
  max-width:720px;
  font-size:clamp(42px,5vw,68px);
  line-height:.98;
}
.catalog-library-intro__copy p{
  max-width:680px;
  margin-top:20px;
  font-size:17px;
  line-height:1.65;
  color:rgba(255,255,255,.78);
}
.catalog-library-intro__summary{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  padding:20px;
  border:1px solid rgba(255,255,255,.20);
  border-radius:22px;
  background:rgba(255,255,255,.10);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.catalog-library-stat{
  display:flex;
  flex-direction:column;
  gap:2px;
  padding:13px 14px;
  border-radius:16px;
  background:rgba(255,255,255,.10);
}
.catalog-library-stat strong{
  font-family:"Fraunces",serif;
  font-size:36px;
  font-weight:400;
  line-height:1;
}
.catalog-library-stat span{
  font-size:12px;
  color:rgba(255,255,255,.72);
}
.catalog-library-intro__summary p{
  grid-column:1/-1;
  padding:4px 4px 0;
  font-size:12px;
  line-height:1.5;
  color:rgba(255,255,255,.70);
}

.catalog-library-intro__icon{
  position:absolute;
  top:26px;
  right:28px;
  width:84px;
  height:84px;
  display:grid;
  place-items:center;
  border-radius:28px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 18px 38px rgba(24,38,51,.16);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.catalog-library-intro__icon img{
  display:block;
  width:52px;
  height:52px;
  object-fit:contain;
}
.catalog-directory{
  padding-top:0;
}
.catalog-directory__stack{
  display:grid;
  gap:18px;
}
.catalog-family{
  --catalog-family-bg:#ececec;
  --catalog-family-accent:#2e4a62;
  padding:26px;
  border:1px solid rgba(46,74,98,.08);
  border-radius:28px;
  background:var(--catalog-family-bg);
}
.catalog-family--kitchen{
  --catalog-family-bg:#f2e8df;
  --catalog-family-accent:#996c50;
}
.catalog-family--bath{
  --catalog-family-bg:#e8edf4;
  --catalog-family-accent:#56758e;
}
.catalog-family--surfaces{
  --catalog-family-bg:#e5ede8;
  --catalog-family-accent:#5f7c6d;
}
.catalog-family__head{
  display:grid;
  grid-template-columns:52px 1fr;
  gap:16px;
  align-items:start;
  margin-bottom:20px;
}
.catalog-family__number{
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  border-radius:14px;
  color:#fff;
  background:var(--catalog-family-accent);
}
.catalog-family__head h2{
  font-size:clamp(28px,3vw,39px);
  line-height:1.05;
}
.catalog-family__head p{
  margin-top:6px;
  font-size:14px;
  line-height:1.55;
  color:#646b70;
}
.catalog-brand-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.catalog-brand-card{
  display:flex;
  flex-direction:column;
  min-height:246px;
  padding:20px;
  border:1px solid rgba(46,74,98,.10);
  border-radius:20px;
  background:rgba(255,255,255,.88);
  box-shadow:0 10px 28px rgba(34,46,55,.045);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.catalog-brand-card:hover{
  transform:translateY(-2px);
  border-color:color-mix(in srgb,var(--catalog-family-accent) 44%, transparent);
  box-shadow:0 15px 34px rgba(34,46,55,.075);
}
.catalog-brand-card__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-height:46px;
}
.catalog-brand-card__logo{
  display:flex;
  align-items:center;
  width:128px;
  height:42px;
}
.catalog-brand-card__logo img{
  width:auto;
  max-width:100%;
  max-height:34px;
  object-fit:contain;
  object-position:left center;
}
.catalog-brand-card__type{
  color:var(--catalog-family-accent);
  font-size:9px;
  letter-spacing:.13em;
  text-align:right;
}
.catalog-brand-card__copy{
  margin-top:16px;
}
.catalog-brand-card__copy h3{
  font-size:20px;
  color:var(--ink-2);
}
.catalog-brand-card__copy p{
  margin-top:7px;
  font-size:13px;
  line-height:1.55;
  color:#6b7176;
}
.catalog-brand-card__links{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:16px;
}
.catalog-brand-card__links a{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:34px;
  padding:8px 11px;
  border:1px solid color-mix(in srgb,var(--catalog-family-accent) 20%, transparent);
  border-radius:10px;
  background:color-mix(in srgb,var(--catalog-family-bg) 65%, #fff);
  font-size:11px;
  font-weight:600;
  color:#334958;
  transition:background .2s ease,border-color .2s ease,color .2s ease;
}
.catalog-brand-card__links a:hover{
  border-color:var(--catalog-family-accent);
  color:#fff;
  background:var(--catalog-family-accent);
}
.catalog-brand-card__detail{
  display:inline-flex;
  align-items:center;
  gap:7px;
  width:max-content;
  margin-top:auto;
  padding-top:17px;
  font-size:11px;
  font-weight:600;
  color:#7a7f83;
}
.catalog-brand-card__detail:hover{
  color:var(--catalog-family-accent);
}
@media (max-width:980px){
  .catalog-library-intro__panel{grid-template-columns:1fr;padding:36px;}
  .catalog-library-intro__summary{max-width:430px;}
  .catalog-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:640px){
  .catalog-library-main{padding:var(--section-space-mobile) 0;}
  .catalog-library-intro__panel{padding:28px 24px;border-radius:24px;}
  .catalog-library-intro h1{font-size:40px;}
  .catalog-library-intro__copy p{font-size:15px;}
  .catalog-family{padding:18px;border-radius:22px;}
  .catalog-family__head{grid-template-columns:42px 1fr;gap:12px;}
  .catalog-family__number{width:40px;height:40px;border-radius:12px;}
  .catalog-brand-grid{grid-template-columns:1fr;}
  .catalog-brand-card{min-height:0;}
  .catalog-brand-card__type{max-width:120px;}
}

/* Yayın hata sayfaları */
.error-page{min-height:70vh;display:grid;align-items:center;padding:var(--section-space) 0;background:var(--paper);}
.error-panel{max-width:780px;margin:0 auto;padding:clamp(34px,6vw,72px);text-align:center;border:1px solid rgba(46,74,98,.14);border-radius:var(--card-radius);background:rgba(255,255,255,.82);box-shadow:var(--card-shadow);}
.error-panel .mono{color:var(--accent);}
.error-panel h1{font-size:clamp(42px,6vw,76px);line-height:1;margin:16px 0 18px;}
.error-panel p{max-width:600px;margin:0 auto;color:var(--muted);font-size:17px;line-height:1.7;}
.error-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:28px;}


/* v127 markalar sayfası logo kartı merkezleme düzeltmesi */
.brand-detail a.brand-detail__logo-link{
  display:flex;
  width:100%;
  height:var(--brand-page-logo-area);
  min-height:0;
  margin:0;
  padding:28px 52px 22px;
  align-items:center;
  justify-content:center;
  text-align:center;
}

.brand-detail a.brand-detail__logo-link img{
  margin-inline:auto;
  object-position:center center;
}

@media (max-width:760px){
  .brand-detail a.brand-detail__logo-link{
    padding:24px 34px 20px;
  }
}

/* v129 ana sayfa mobil performans optimizasyonları */
.slide-photo .hero-media picture{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
}

.slide-photo .hero-media picture img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

.home-lazy-section{
  content-visibility:auto;
  contain-intrinsic-size:auto 900px;
}

.home-card-image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}

.brand-editorial__image,
.category-image,
.project-image{
  z-index:-2;
  transition:transform .8s cubic-bezier(.2,.7,.2,1), filter .8s ease;
}

.brand-editorial::before,
.category::before,
.project::before{
  background-image:none !important;
}

.brand-editorial:hover .brand-editorial__image,
.category:hover .category-image,
.project:hover .project-image{
  transform:scale(1.05);
}

.service-flow-media{
  position:relative;
  overflow:hidden;
  background:none;
}

.service-flow-image{
  position:static;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .7s ease, filter .7s ease;
}

.service-flow-card:hover .service-flow-image{
  transform:scale(1.045);
  filter:saturate(1.03) contrast(1.015);
}

.sm1 .service-flow-media,
.sm2 .service-flow-media,
.sm3 .service-flow-media{
  background-image:none !important;
}

.pr1::before,
.pr2::before,
.pr3::before,
.pr4::before,
.pr5::before,
.pr6::before,
.c1::before,
.c2::before,
.c3::before,
.c4::before,
.c5::before{
  background-image:none !important;
}

@media (max-width:760px){
  .slide-photo .hero-media picture img{
    object-position:center;
  }
}

/* v131 mobil bölüm başlıkları ve yatay taşma güvenlik kuralı */
html, body{
  max-width:100%;
  overflow-x:hidden;
}

@media (max-width:900px){
  .section-head,
  .section-head--split,
  .projects-page .section-head{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    align-items:start !important;
    justify-content:stretch !important;
    gap:16px !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
  }

  .section-head > *,
  .section-head--split > *,
  .projects-page .section-head > *{
    min-width:0 !important;
    width:100% !important;
    max-width:100% !important;
  }

  .section-head h2,
  .projects-page .section-head h2{
    margin:0 !important;
    max-width:100% !important;
    overflow-wrap:anywhere;
  }

  .section-head p,
  .projects-page .section-head p{
    margin:0 !important;
    max-width:100% !important;
    overflow-wrap:anywhere;
  }
}

@media (max-width:760px){
  .projects-page .project-grid--page{
    grid-template-columns:minmax(0,1fr) !important;
    width:100%;
    min-width:0;
  }

  .projects-page .project-card{
    width:100%;
    min-width:0;
  }
}


/* v139 tablet slider görünürlük ve yükseklik standardı */
@media (min-width:761px) and (max-width:1024px){
  .hero-shell,
  .hero-slider,
  .hero-slide,
  .hero-content{
    min-height:clamp(680px, 78vh, 760px) !important;
    height:clamp(680px, 78vh, 760px) !important;
  }

  .hero-slide{
    position:absolute !important;
    inset:0 !important;
  }

  .slide-photo .hero-media,
  .slide-photo .hero-overlay,
  .slide-photo .hero-media picture,
  .slide-photo .hero-media picture img{
    min-height:100% !important;
    height:100% !important;
  }

  .slide-photo .hero-media picture img{
    display:block !important;
    width:100% !important;
    object-fit:cover !important;
    object-position:center !important;
  }
}