/* Anasayfa hero banner — ANA_SAYFA_PREMIUM_KAMPANYA_HERO_v291.html hero bolumunden birebir.
   Kaynak mockup cascade sirasi korunmustur; markup fonk/classBanner.php render() icindedir. */
#homeHeroSlider,
.home-hero-slider{--logo-main: #2F2C28;
  --cream: #F5F4F2;
  --font-vitra-like: Futura, "Futura PT", "Avenir Next", Avenir, "Century Gothic", "Tw Cen MT", Arial, sans-serif;}
.home-hero-slider{
  position:relative;
  width:100%;
  height:560px;
  min-height:560px;
  overflow:visible;
  background:var(--logo-main, #2F2C28);
}
.home-hero-track{
  position:relative;
  width:100%;
  height:100%;
}
.home-hero-slide{
  position:absolute;
  inset:0;
  display:grid;
  grid-template-columns:1.38fr .62fr;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateX(20px);
  transition:
    opacity .55s ease,
    transform .65s cubic-bezier(.22,.72,.24,1),
    visibility .55s ease;
}
.home-hero-slide.is-active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateX(0);
  z-index:2;
}
.home-hero-copy-inner{
  width:100%;
  max-width:500px;
}
.home-hero-kicker{
  display:block;
  margin-bottom:13px;
  font-family:var(--font-vitra-like);
  font-size:10px;
  line-height:1.2;
  font-weight:600;
  letter-spacing:.15em;
  color:#BCB5AB;
}
.home-hero-arrow{
  position:absolute;
  top:50%;
  z-index:6;
  width:46px;
  height:46px;
  margin-top:-23px;
  padding:0;
  border:1px solid rgba(255,255,255,.42);
  border-radius:50%;
  background:rgba(26,24,22,.24);
  color:#FFFFFF;
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  display:grid;
  place-items:center;
  cursor:pointer;
  transition:background .2s ease, transform .2s ease;
}
.home-hero-arrow:hover{
  background:rgba(26,24,22,.56);
  transform:scale(1.05);
}
.home-hero-arrow svg{
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.home-hero-prev{ left:22px; }
.home-hero-next{ right:22px; }
.home-hero-pagination{
  position:absolute;
  z-index:7;
  left:50%;
  bottom:18px;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  gap:8px;
}
.home-hero-pagination button{
  width:30px;
  height:3px;
  padding:0;
  border:0;
  background:rgba(255,255,255,.38);
  cursor:pointer;
  transition:width .25s ease, background .25s ease;
}
.home-hero-pagination button.is-active{
  width:52px;
  background:#FFFFFF;
}
.home-hero-count{
  position:absolute;
  z-index:7;
  right:46px;
  bottom:17px;
  display:flex;
  align-items:center;
  gap:8px;
  color:#FFFFFF;
  font-family:var(--font-vitra-like);
  font-size:10px;
  letter-spacing:.12em;
}
.home-hero-count i{
  display:block;
  width:22px;
  height:1px;
  background:rgba(255,255,255,.55);
}
@media(max-width:1100px){
.home-hero-slide{
    grid-template-columns:1.12fr .88fr;
  }
}
@media(max-width:820px){
.home-hero-slider{
    height:auto;
    min-height:auto;
  }
.home-hero-track{
    height:760px;
  }
.home-hero-slide{
    grid-template-columns:1fr;
    grid-template-rows:360px 400px;
  }
.home-hero-arrow{
    top:180px;
  }
.home-hero-prev{ left:14px; }
.home-hero-next{ right:14px; }
.home-hero-count{
    display:none;
  }
}
@media(max-width:520px){
.home-hero-track{
    height:720px;
  }
.home-hero-slide{
    grid-template-rows:320px 400px;
  }
.home-hero-arrow{
    top:160px;
    width:40px;
    height:40px;
    margin-top:-20px;
  }
}
.home-hero-slide--reference .home-hero-reference-scene{
  position:relative;
  width:100%;
  height:560px;
  overflow:hidden;
  background:#211b1a;
}
.home-hero-slide--reference .home-hero-reference-scene img{
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:center center;
  transform:none !important;
}
@media(max-width:760px){
.home-hero-slide--reference .home-hero-reference-scene{
    height:420px;
  }
.home-hero-slide--reference .home-hero-reference-scene img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
  }
}
.home-hero-slide{
  background:var(--logo-main, #2F2C28) !important;
}
.home-hero-slide{
  display:grid !important;
  grid-template-columns:minmax(0, 63%) minmax(360px, 37%) !important;
  align-items:stretch !important;
  overflow:hidden !important;
  min-height:560px !important;
  background:transparent !important;
}
@media (max-width: 980px){
.home-hero-slide{
    grid-template-columns:1fr !important;
    min-height:auto !important;
  }
}
section.home-hero-slider,
.home-hero-slider{
  width:100% !important;
  max-width:none !important;
  height:560px !important;
  min-height:560px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}
.home-hero-track{
  position:relative !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;
}
.home-hero-slide{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  grid-template-columns:63% 37% !important;
}
.home-hero-prev{ left:22px !important; }
.home-hero-next{ right:22px !important; }
@media(max-width:980px){
section.home-hero-slider,
.home-hero-slider{
    height:auto !important;
    min-height:auto !important;
  }
.home-hero-track{
    height:760px !important;
  }
.home-hero-slide{
    grid-template-columns:1fr !important;
    grid-template-rows:360px 400px !important;
  }
}
#homeHeroSlider{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
  background:var(--logo-main,#2F2C28) !important;
}
#homeHeroSlider .home-hero-track{
  position:relative !important;
  width:100% !important;
  height:100% !important;
  overflow:hidden !important;
  isolation:isolate !important;
}
#homeHeroSlider .home-hero-track > .home-hero-slide{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  z-index:0 !important;
  overflow:hidden !important;
  transform:translateX(0);
  will-change:transform,opacity;
}
#homeHeroSlider .home-hero-track > .home-hero-slide.is-active,
#homeHeroSlider .home-hero-track > .home-hero-slide.is-entering,
#homeHeroSlider .home-hero-track > .home-hero-slide.is-leaving{
  display:grid !important;
  visibility:visible !important;
}
#homeHeroSlider .home-hero-track > .home-hero-slide:not(.is-active):not(.is-entering):not(.is-leaving){
  display:none !important;
  visibility:hidden !important;
}
#homeHeroSlider .home-hero-track > .home-hero-slide.is-active{
  opacity:1 !important;
  pointer-events:auto !important;
  z-index:2 !important;
}
#homeHeroSlider .home-hero-track > .home-hero-slide.is-entering{
  opacity:1 !important;
  z-index:3 !important;
}
#homeHeroSlider .home-hero-track > .home-hero-slide.is-leaving{
  opacity:1 !important;
  z-index:2 !important;
}
#homeHeroSlider .is-entering.from-right{animation:heroEnterRight .72s cubic-bezier(.22,.72,.24,1) both !important}
#homeHeroSlider .is-leaving.to-left{animation:heroLeaveLeft .72s cubic-bezier(.22,.72,.24,1) both !important}
#homeHeroSlider .is-entering.from-left{animation:heroEnterLeft .72s cubic-bezier(.22,.72,.24,1) both !important}
#homeHeroSlider .is-leaving.to-right{animation:heroLeaveRight .72s cubic-bezier(.22,.72,.24,1) both !important}
@keyframes heroEnterRight{
  from{transform:translateX(100%);opacity:.98}
  to{transform:translateX(0);opacity:1}
}
@keyframes heroLeaveLeft{
  from{transform:translateX(0);opacity:1}
  to{transform:translateX(-100%);opacity:.98}
}
@keyframes heroEnterLeft{
  from{transform:translateX(-100%);opacity:.98}
  to{transform:translateX(0);opacity:1}
}
@keyframes heroLeaveRight{
  from{transform:translateX(0);opacity:1}
  to{transform:translateX(100%);opacity:.98}
}
@media(prefers-reduced-motion:reduce){
#homeHeroSlider .is-entering,
#homeHeroSlider .is-leaving{animation-duration:.01ms !important}
}
#homeHeroSlider,
#homeHeroSlider .home-hero-track,
#homeHeroSlider .home-hero-slide{
  overflow:hidden !important;
  isolation:isolate !important;
}
#homeHeroSlider .petala-minty-launch-slide{
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  background:#f3f0ea !important;
  overflow:hidden !important;
}
#homeHeroSlider .petala-minty-launch-media{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  overflow:visible;
  background:#f3f0ea;
}
#homeHeroSlider .petala-minty-launch-media img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:center center !important;
  transform:none !important;
  filter:none !important;
  mix-blend-mode:normal !important;
}
#homeHeroSlider .petala-minty-launch-actions{
  position:absolute;
  left:7.4vw;
  bottom:42px;
  z-index:5;
  display:flex;
  align-items:center;
  gap:12px;
}
#homeHeroSlider .petala-minty-launch-actions a,
#homeHeroSlider .petala-minty-mobile-actions a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  min-height:44px;
  padding:0 18px;
  border:1px solid rgba(75,87,55,.34);
  background:rgba(248,246,241,.9);
  color:#414a35;
  font-family:var(--font-vitra-like);
  font-size:12px;
  font-weight:600;
  letter-spacing:.08em;
  text-decoration:none;
  backdrop-filter:blur(8px);
  transition:transform .28s ease, background .28s ease, color .28s ease, box-shadow .28s ease;
}
#homeHeroSlider .petala-minty-launch-actions a:hover,
#homeHeroSlider .petala-minty-mobile-actions a:hover{
  transform:translateY(-2px) scale(1.025);
  background:#596849;
  color:#fff;
  box-shadow:0 12px 26px rgba(53,61,43,.17);
}
#homeHeroSlider .petala-minty-launch-actions a span,
#homeHeroSlider .petala-minty-mobile-actions a span{
  font-size:17px;
  line-height:1;
  transition:transform .28s ease;
}
#homeHeroSlider .petala-minty-launch-actions a:hover span,
#homeHeroSlider .petala-minty-mobile-actions a:hover span{
  transform:translateX(3px);
}
#homeHeroSlider .petala-minty-launch-mobile-copy{display:none;}
@media(max-width:980px){
#homeHeroSlider .petala-minty-launch-slide{
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-template-rows:360px 400px !important;
  }
#homeHeroSlider .petala-minty-launch-media{
    position:relative !important;
    inset:auto !important;
    grid-row:1;
    height:360px !important;
  }
#homeHeroSlider .petala-minty-launch-media img{
    object-fit:cover !important;
    object-position:72% center !important;
  }
#homeHeroSlider .petala-minty-launch-actions{display:none !important;}
#homeHeroSlider .petala-minty-launch-mobile-copy{
    grid-row:2;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    padding:44px 8vw 58px;
    background:#f3f0ea;
    color:#2f2c28;
  }
#homeHeroSlider .petala-minty-launch-mobile-copy .home-hero-kicker{
    color:#6b795c;
    margin-bottom:16px;
  }
#homeHeroSlider .petala-minty-launch-mobile-copy h2{
    margin:0 0 16px;
    font-family:var(--font-vitra-like);
    font-size:clamp(40px,10vw,58px);
    line-height:.96;
    letter-spacing:-.045em;
    font-weight:500;
  }
#homeHeroSlider .petala-minty-launch-mobile-copy p{
    max-width:520px;
    margin:0 0 26px;
    color:#666157;
    font-size:15px;
    line-height:1.55;
  }
#homeHeroSlider .petala-minty-mobile-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
  }
}
@media(max-width:560px){
#homeHeroSlider .petala-minty-launch-mobile-copy{padding:36px 24px 54px;}
#homeHeroSlider .petala-minty-launch-media img{object-position:70% center !important;}
#homeHeroSlider .petala-minty-launch-actions a,
#homeHeroSlider .petala-minty-mobile-actions a{
    min-height:42px;
    padding:0 14px;
    font-size:10.5px;
  }
}
#homeHeroSlider .home-hero-track > .home-hero-slide.home-hero-slide--reference,
#homeHeroSlider .home-hero-track > .home-hero-slide.home-hero-slide--reference.is-active,
#homeHeroSlider .home-hero-track > .home-hero-slide.home-hero-slide--reference.is-entering,
#homeHeroSlider .home-hero-track > .home-hero-slide.home-hero-slide--reference.is-leaving{
  display:block !important;
  grid-template-columns:none !important;
  grid-template-rows:none !important;
  width:100% !important;
  height:100% !important;
  background:#231d1d !important;
}
#homeHeroSlider .home-hero-track > .home-hero-slide.home-hero-slide--reference .home-hero-reference-scene{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  min-width:100% !important;
  max-width:none !important;
  overflow:hidden !important;
  background:#231d1d !important;
}
#homeHeroSlider .home-hero-track > .home-hero-slide.home-hero-slide--reference .home-hero-reference-scene img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  min-width:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:center center !important;
  transform:none !important;
  display:block !important;
  background:#231d1d !important;
}
#homeHeroSlider .home-hero-slide--reference .home-hero-quality-copy{
  position:absolute;
  z-index:5;
  top:50%;
  left:58%;
  width:min(34vw,540px);
  transform:translateY(-50%);
  color:#F5F1EC;
  text-align:left;
  pointer-events:none;
}
#homeHeroSlider .home-hero-slide--reference .home-hero-quality-kicker{
  display:flex;
  align-items:center;
  gap:13px;
  margin-bottom:18px;
  font-family:var(--font-vitra-like);
  font-size:10px;
  line-height:1;
  font-weight:600;
  letter-spacing:.20em;
  color:rgba(245,241,236,.58);
}
#homeHeroSlider .home-hero-slide--reference .home-hero-quality-kicker::before{
  content:"";
  width:36px;
  height:1px;
  background:rgba(245,241,236,.38);
}
#homeHeroSlider .home-hero-slide--reference .home-hero-quality-copy h1{
  max-width:520px;
  margin:0 0 19px;
  font-family:var(--font-vitra-like);
  font-size:clamp(40px,4vw,68px);
  line-height:.98;
  letter-spacing:-.048em;
  font-weight:500;
  color:#F5F1EC;
}
#homeHeroSlider .home-hero-slide--reference .home-hero-quality-copy p{
  max-width:460px;
  margin:0;
  font-family:var(--font-vitra-like);
  font-size:clamp(14px,1.05vw,17px);
  line-height:1.62;
  font-weight:400;
  color:rgba(245,241,236,.67);
}
@media(max-width:980px){
#homeHeroSlider .home-hero-slide--reference .home-hero-quality-copy{
    left:52%;
    width:42%;
  }
#homeHeroSlider .home-hero-slide--reference .home-hero-quality-copy h1{
    font-size:clamp(32px,5vw,48px);
  }
}
@media(max-width:700px){
#homeHeroSlider .home-hero-slide--reference .home-hero-quality-copy{
    top:auto;
    right:24px;
    bottom:64px;
    left:44%;
    width:auto;
    transform:none;
  }
#homeHeroSlider .home-hero-slide--reference .home-hero-quality-kicker{
    margin-bottom:11px;
    font-size:8px;
  }
#homeHeroSlider .home-hero-slide--reference .home-hero-quality-copy h1{
    margin-bottom:10px;
    font-size:clamp(25px,7.5vw,38px);
  }
#homeHeroSlider .home-hero-slide--reference .home-hero-quality-copy p{
    font-size:11px;
    line-height:1.48;
  }
}
#homeHeroSlider .home-hero-track > .home-hero-slide.home-hero-slide--table-material,
#homeHeroSlider .home-hero-track > .home-hero-slide.home-hero-slide--table-material.is-active,
#homeHeroSlider .home-hero-track > .home-hero-slide.home-hero-slide--table-material.is-entering,
#homeHeroSlider .home-hero-track > .home-hero-slide.home-hero-slide--table-material.is-leaving{
  display:grid !important;
  grid-template-columns:50% 50% !important;
  grid-template-rows:1fr !important;
  width:100% !important;
  height:100% !important;
  background:#cbbdaf !important;
}
#homeHeroSlider .home-hero-slide--table-material .table-material-copy{
  min-width:0;
  height:100%;
  padding:54px 6.2vw;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  background:linear-gradient(135deg,#d6cbc1 0%,#c8b7a8 100%);
  color:#2d2722;
  box-sizing:border-box;
}
#homeHeroSlider .home-hero-slide--table-material .table-material-kicker{
  margin:0 0 20px;
  font-size:11px;
  line-height:1;
  letter-spacing:.18em;
  font-weight:600;
  color:#7a5d48;
}
#homeHeroSlider .home-hero-slide--table-material h2{
  max-width:650px;
  margin:0 0 22px;
  font-size:clamp(48px,5.4vw,82px);
  line-height:.94;
  letter-spacing:-.055em;
  color:#2c2723;
}
#homeHeroSlider .home-hero-slide--table-material p{
  max-width:590px;
  margin:0 0 28px;
  font-size:16px;
  line-height:1.58;
  color:#5e5147;
}
#homeHeroSlider .home-hero-slide--table-material .table-material-features{
  display:flex;
  flex-wrap:wrap;
  gap:18px 26px;
  margin:0 0 30px;
}
#homeHeroSlider .home-hero-slide--table-material .table-material-features span{
  display:flex;
  align-items:center;
  gap:9px;
  font-size:12px;
  color:#443a33;
}
#homeHeroSlider .home-hero-slide--table-material .table-material-features span::before{
  content:"";
  width:7px;
  height:7px;
  flex:0 0 7px;
  border-radius:50%;
  background:#9d704f;
}
#homeHeroSlider .home-hero-slide--table-material .table-material-cta{
  min-width:220px;
  height:50px;
  padding:0 24px;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  border:1px solid rgba(44,39,35,.58);
  color:#2c2723;
  text-decoration:none;
  font-size:13px;
  transition:background .25s ease,color .25s ease;
}
#homeHeroSlider .home-hero-slide--table-material .table-material-cta:hover{
  background:#2c2723;
  color:#fff;
}
#homeHeroSlider .home-hero-slide--table-material .table-material-media{
  position:relative;
  width:100%;
  height:100%;
  overflow:hidden;
  background:#2f2118;
}
#homeHeroSlider .home-hero-slide--table-material .table-material-media img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center center;
  transform:none !important;
}
@media(max-width:900px){
#homeHeroSlider .home-hero-track > .home-hero-slide.home-hero-slide--table-material,
#homeHeroSlider .home-hero-track > .home-hero-slide.home-hero-slide--table-material.is-active,
#homeHeroSlider .home-hero-track > .home-hero-slide.home-hero-slide--table-material.is-entering,
#homeHeroSlider .home-hero-track > .home-hero-slide.home-hero-slide--table-material.is-leaving{
    grid-template-columns:1fr !important;
    grid-template-rows:56% 44% !important;
  }
#homeHeroSlider .home-hero-slide--table-material .table-material-media{grid-row:1}
#homeHeroSlider .home-hero-slide--table-material .table-material-copy{
    grid-row:2;
    padding:25px 6vw 28px;
  }
#homeHeroSlider .home-hero-slide--table-material h2{
    font-size:clamp(34px,9vw,50px);
    margin-bottom:12px;
  }
#homeHeroSlider .home-hero-slide--table-material p{font-size:13px;margin-bottom:14px}
#homeHeroSlider .home-hero-slide--table-material .table-material-kicker{margin-bottom:10px}
#homeHeroSlider .home-hero-slide--table-material .table-material-features{display:none}
#homeHeroSlider .home-hero-slide--table-material .table-material-cta{height:42px;min-width:190px}
}
#homeHeroSlider .home-hero-slide--campaign-premium-v252{
  grid-template-columns:1fr !important;
  background:#211e1b !important;
  overflow:hidden !important;
}
#homeHeroSlider .home-hero-slide--campaign-premium-v252 .campaign-premium-v252-link{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  display:block !important;
  overflow:hidden !important;
  cursor:pointer !important;
}
#homeHeroSlider .home-hero-slide--campaign-premium-v252 .campaign-premium-v252-image{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:fill !important;
  object-position:center center !important;
  border:0 !important;
  margin:0 !important;
  padding:0 !important;
}
@media(max-width:980px){
#homeHeroSlider .home-hero-slide--campaign-premium-v252{
    grid-template-rows:1fr !important;
  }
#homeHeroSlider .home-hero-slide--campaign-premium-v252 .campaign-premium-v252-image{
    object-fit:cover !important;
    object-position:center center !important;
  }
}
#homeHeroSlider .home-hero-slide--campaign-premium-v252{
  background:#f5f1ea !important;
}
#homeHeroSlider .home-hero-slide--campaign-premium-v252 .campaign-premium-v252-link{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#f5f1ea !important;
}
#homeHeroSlider .home-hero-slide--campaign-premium-v252 .campaign-premium-v252-image{
  position:relative !important;
  inset:auto !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  display:block !important;
  background:#f5f1ea !important;
}
@media(max-width:980px){
#homeHeroSlider .home-hero-slide--campaign-premium-v252 .campaign-premium-v252-image{
    object-fit:contain !important;
  }
}
@media (min-width:981px){
#homeHeroSlider .home-hero-slide--campaign-premium-v252{
    background:#151514 !important;
  }
#homeHeroSlider .home-hero-slide--campaign-premium-v252 .campaign-premium-v252-link{
    justify-content:flex-end !important;
    background:#151514 !important;
  }
#homeHeroSlider .home-hero-slide--campaign-premium-v252 .campaign-premium-v252-image{
    position:relative !important;
    inset:auto !important;
    width:auto !important;
    height:100% !important;
    max-width:none !important;
    max-height:100% !important;
    object-fit:contain !important;
    object-position:right center !important;
    flex:0 0 auto !important;
    background:transparent !important;
  }
}

/* ---- Mobil düzeltme (mockup'taki özgüllük hatası) ----
   Mockup'ta #homeHeroSlider .home-hero-track{height:100% !important} kuralı, mobildeki
   .home-hero-track{height:760px !important} kuralını ID özgüllüğüyle eziyor; section mobilde
   height:auto olduğundan hero tamamen çöküyordu (mockup dosyasında da aynı hata mevcut).
   Aynı ID özgüllüğüyle mobil yükseklikleri geri veriyoruz — masaüstü etkilenmez. */
@media(max-width:980px){
section#homeHeroSlider.home-hero-slider{height:auto !important;min-height:auto !important}
/* Mobilde tüm slaytlar ORTAK sabit yükseklikte: slayt değişince hero boy değiştirmez. */
#homeHeroSlider .home-hero-track{height:440px !important}
}
@media(max-width:560px){
#homeHeroSlider .home-hero-track{height:410px !important}
}
@media(max-width:380px){
#homeHeroSlider .home-hero-track{height:388px !important}
}

/* ---- Tanıtım slaytı (v315 franchise-hero-v313 / international-project-v312 birebir) ----
   Tam görsel + üzerinde etiket, başlık, açıklama, özellik çipleri ve CTA. */
#homeHeroSlider .franchise-hero-v313{
  position:absolute !important;
  inset:0;
  display:grid;
  grid-template-columns:1fr !important;
  grid-template-rows:1fr !important;
  isolation:isolate;
  overflow:hidden;
  background:#2b2926;
  color:#fff;
}
#homeHeroSlider .franchise-hero-v313-image{
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  display:block;
  transform:scale(1.018);
  transition:transform 7s cubic-bezier(.2,.72,.2,1);
}
#homeHeroSlider .franchise-hero-v313.is-active .franchise-hero-v313-image{
  transform:scale(1);
}
#homeHeroSlider .franchise-hero-v313::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(270deg,rgba(28,27,25,.94) 0%,rgba(28,27,25,.76) 26%,rgba(28,27,25,.38) 48%,rgba(28,27,25,.04) 72%),
    linear-gradient(0deg,rgba(16,15,14,.40) 0%,rgba(16,15,14,0) 46%);
  pointer-events:none;
}
#homeHeroSlider .franchise-hero-v313-copy{
  position:relative;
  z-index:2;
  width:min(650px,49vw);
  min-width:0;
  margin-left:auto;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  align-items:flex-start;
  padding:58px 6.4vw 76px 38px;
}
#homeHeroSlider .franchise-hero-v313-kicker{
  display:block;
  margin:0 0 15px;
  font-family:var(--font-vitra-like);
  font-size:10px;
  line-height:1.3;
  font-weight:700;
  letter-spacing:.17em;
  color:rgba(255,255,255,.74);
}
#homeHeroSlider .franchise-hero-v313 h1{
  margin:0;
  max-width:610px;
  font-family:var(--font-vitra-like);
  font-size:clamp(38px,4.05vw,64px);
  line-height:.97;
  letter-spacing:-.052em;
  font-weight:500;
  color:#fff;
}
#homeHeroSlider .franchise-hero-v313 p{
  margin:20px 0 0;
  max-width:570px;
  font-family:var(--font-vitra-like);
  font-size:14px;
  line-height:1.62;
  color:rgba(255,255,255,.81);
}
#homeHeroSlider .franchise-hero-v313-meta{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin:21px 0 0;
}
#homeHeroSlider .franchise-hero-v313-meta span{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 11px;
  border:1px solid rgba(255,255,255,.32);
  border-radius:999px;
  background:rgba(27,27,25,.22);
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
  font-family:var(--font-vitra-like);
  font-size:9px;
  font-weight:600;
  letter-spacing:.08em;
  color:rgba(255,255,255,.9);
}
#homeHeroSlider .franchise-hero-v313-cta{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  min-height:46px;
  margin-top:22px;
  padding:0 17px;
  border:1px solid rgba(255,255,255,.82);
  background:rgba(255,255,255,.96);
  color:#2F2C28;
  font-family:var(--font-vitra-like);
  font-size:10px;
  font-weight:700;
  letter-spacing:.055em;
  transition:transform .2s ease,background .2s ease;
}
#homeHeroSlider .franchise-hero-v313-cta:hover{
  transform:translateY(-2px);
  background:#fff;
}
#homeHeroSlider .franchise-hero-v313-cta span{
  font-size:18px;
  line-height:1;
}
@media(max-width:1000px){
#homeHeroSlider .franchise-hero-v313-copy{
    width:min(620px,57vw);
    padding-right:5vw;
  }
#homeHeroSlider .franchise-hero-v313 h1{
    font-size:clamp(36px,5.4vw,56px);
  }
}
@media(max-width:820px){
#homeHeroSlider .franchise-hero-v313{
    grid-template-columns:1fr !important;
    grid-template-rows:1fr !important;
  }
#homeHeroSlider .franchise-hero-v313-image{
    object-position:40% center;
  }
#homeHeroSlider .franchise-hero-v313::before{
    background:
      linear-gradient(0deg,rgba(22,21,19,.96) 0%,rgba(22,21,19,.78) 43%,rgba(22,21,19,.16) 76%),
      linear-gradient(90deg,rgba(22,21,19,.18),rgba(22,21,19,0));
  }
#homeHeroSlider .franchise-hero-v313-copy{
    width:100%;
    max-width:none;
    margin-left:0;
    justify-content:flex-end;
    padding:44px 24px 70px;
  }
#homeHeroSlider .franchise-hero-v313 h1{
    max-width:570px;
    font-size:clamp(37px,9.2vw,53px);
  }
#homeHeroSlider .franchise-hero-v313 p{
    max-width:540px;
  }
}
@media(max-width:520px){
#homeHeroSlider .franchise-hero-v313-copy{
    padding:36px 20px 62px;
  }
#homeHeroSlider .franchise-hero-v313-kicker{
    font-size:9px;
    letter-spacing:.13em;
  }
#homeHeroSlider .franchise-hero-v313 h1{
    font-size:38px;
    line-height:.98;
  }
#homeHeroSlider .franchise-hero-v313 p{
    margin-top:15px;
    font-size:13px;
    line-height:1.55;
  }
#homeHeroSlider .franchise-hero-v313-meta{
    display:none;
  }
#homeHeroSlider .franchise-hero-v313-cta{
    min-height:43px;
    margin-top:18px;
  }
}

/* Tanıtım slaytı — dar ekran yerleşimi.
   Metin bloğu grid akışında track'i içerikten büyütebiliyordu; dar ekranda bloğu
   slayttan absolute konumlandırıp (left/right:0) genişliği slayta sabitliyoruz. */
@media(max-width:820px){
#homeHeroSlider .home-hero-track > .home-hero-slide.franchise-hero-v313{display:block !important}
#homeHeroSlider .franchise-hero-v313{min-width:0}
#homeHeroSlider .franchise-hero-v313-copy{
  position:absolute !important;
  left:0 !important; right:0 !important; bottom:0 !important;
  width:auto !important;
  max-width:none !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  padding:44px 22px 66px !important;
}
#homeHeroSlider .franchise-hero-v313 h1{
  max-width:100% !important;
  font-size:clamp(27px,7.4vw,42px) !important;
  overflow-wrap:break-word;
}
#homeHeroSlider .franchise-hero-v313 p,
#homeHeroSlider .franchise-hero-v313-meta{max-width:100% !important}
}

/* ============================================================================
   MOBİL HERO — tüm slayt tipleri için (≤980px)
   Yükseklik js/banner-hero.js'te aktif slayta göre hesaplanır (--co-hero-h):
   tam görsel slaytlarda görselin kendi oranı, metinli slaytlarda içerik yüksekliği.
   Böylece hangi formatta görsel yüklenirse yüklensin boşluk/kırpma oluşmaz.
   ========================================================================== */
@media(max-width:980px){

/* --- 1) TAM KAPLAMA (kampanya) — görsel oranını korur, boşluk bırakmaz --- */
#homeHeroSlider .home-hero-slide--campaign-premium-v252,
#homeHeroSlider .home-hero-slide--campaign-premium-v252 .campaign-premium-v252-link{
  background:transparent !important;
  display:block !important;
  padding:0 !important;
}
#homeHeroSlider .home-hero-slide--campaign-premium-v252{ background:#1c1a18 !important; overflow:hidden !important; }
/* Görselin bulanık kopyası zemin olur: sabit yükseklikte görsel kırpılmaz,
   boş kalan yerler görselin kendi renkleriyle dolar (--co-hero-bg js'te atanır). */
#homeHeroSlider .home-hero-slide--campaign-premium-v252.co-hero-sigdir::before{
  content:;
  position:absolute;
  inset:-8%;
  background-image:var(--co-hero-bg);
  background-size:cover;
  background-position:center center;
  filter:blur(26px) brightness(.4) saturate(1.1);
  z-index:0;
  pointer-events:none;
}
#homeHeroSlider .home-hero-slide--campaign-premium-v252 .campaign-premium-v252-image{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center center !important;
  z-index:1 !important;
}
/* Panorama oranlı görsel (js .co-hero-sigdir ekler): kırpma yerine bulanık zemin.
   Görsel koyulaştırılmış zemin üzerinde ortalanır, ince gölgeyle zeminden ayrılır. */
#homeHeroSlider .home-hero-slide--campaign-premium-v252.co-hero-sigdir .campaign-premium-v252-image{
  object-fit:contain !important;
  background:transparent !important;   /* görselin kendi zemini bulanık arka planı örtüyordu */
  filter:drop-shadow(0 14px 34px rgba(0,0,0,.45));
}

/* --- 2) DETAY (görsel üzeri yazı) — metin alta, okunur degrade --- */
#homeHeroSlider .home-hero-slide--reference .home-hero-reference-scene,
#homeHeroSlider .home-hero-track > .home-hero-slide.home-hero-slide--reference .home-hero-reference-scene{
  height:100% !important;
}
#homeHeroSlider .home-hero-slide--reference .home-hero-reference-scene::after{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(0deg, rgba(20,17,15,.88) 0%, rgba(20,17,15,.45) 42%, rgba(20,17,15,.05) 72%);
  pointer-events:none;
}
#homeHeroSlider .home-hero-slide--reference .home-hero-quality-copy{
  left:0 !important; right:0 !important;
  top:auto !important; bottom:0 !important;
  width:auto !important;
  transform:none !important;
  padding:0 22px 30px !important;
  z-index:5;
}
#homeHeroSlider .home-hero-slide--reference .home-hero-quality-copy h1{
  font-size:clamp(26px,7.4vw,38px) !important;
  margin-bottom:10px !important;
}
#homeHeroSlider .home-hero-slide--reference .home-hero-quality-copy p{
  font-size:13px !important;
  line-height:1.5 !important;
  max-width:none !important;
}

/* --- 3) LANSMAN — görsel üstte, metin+butonlar altta (mockup mobil kurgusu) --- */
#homeHeroSlider .petala-minty-launch-slide{
  display:grid !important;
  grid-template-columns:1fr !important;
  grid-template-rows:minmax(0,1fr) auto !important;
}
#homeHeroSlider .petala-minty-launch-media{
  position:relative !important;
  inset:auto !important;
  height:auto !important;
  min-height:0;
  grid-row:1;
}
#homeHeroSlider .petala-minty-launch-mobile-copy{
  grid-row:2;
  padding:22px 22px 26px !important;
}
#homeHeroSlider .petala-minty-launch-mobile-copy h2{ font-size:clamp(30px,8.4vw,44px) !important; }
#homeHeroSlider .petala-minty-launch-mobile-copy p{ font-size:13.5px !important; margin-bottom:16px !important; }

/* --- 4) MALZEME (metin + görsel) — görsel üstte, metin altta --- */
#homeHeroSlider .home-hero-track > .home-hero-slide.home-hero-slide--table-material,
#homeHeroSlider .home-hero-track > .home-hero-slide.home-hero-slide--table-material.is-active,
#homeHeroSlider .home-hero-track > .home-hero-slide.home-hero-slide--table-material.is-entering,
#homeHeroSlider .home-hero-track > .home-hero-slide.home-hero-slide--table-material.is-leaving{
  grid-template-columns:1fr !important;
  grid-template-rows:minmax(0,44%) auto !important;
}
#homeHeroSlider .home-hero-slide--table-material .table-material-media{ grid-row:1; min-height:0; }
#homeHeroSlider .home-hero-slide--table-material .table-material-copy{
  grid-row:2;
  padding:20px 22px 26px !important;
}
#homeHeroSlider .home-hero-slide--table-material h2{ font-size:clamp(26px,7.6vw,38px) !important; margin-bottom:10px !important; }
#homeHeroSlider .home-hero-slide--table-material p{ font-size:13px !important; margin-bottom:14px !important; }

/* --- 5) TANITIM — metin bloğu alta yaslı (ayrıntı yukarıdaki blokta) --- */
#homeHeroSlider .franchise-hero-v313-copy{ padding:34px 22px 30px !important; }

/* --- Ortak: oklar ve sayaç mobilde küçülür, alt CTA'lar WhatsApp'a çarpmasın --- */
#homeHeroSlider .home-hero-arrow{ width:38px; height:38px; margin-top:-19px; }
#homeHeroSlider .home-hero-prev{ left:10px !important; }
#homeHeroSlider .home-hero-next{ right:10px !important; }
#homeHeroSlider .home-hero-count{ display:none; }
#homeHeroSlider .home-hero-pagination{ bottom:10px; }
#homeHeroSlider .home-hero-pagination{ bottom:9px; }
}

/* Tanıtım slaytı — mobilde metin alta yaslanır ve arkasına koyu geçiş konur.
   (Masaüstündeki soldan koyu gradient dar ekranda metni görselin açık bölgesine
   düşürüyor, yazı okunmuyordu.) */
@media(max-width:820px){
#homeHeroSlider .franchise-hero-v313{ display:block !important; }
#homeHeroSlider .franchise-hero-v313::before{
  background:linear-gradient(180deg,rgba(26,24,22,0) 18%,rgba(26,24,22,.66) 44%,rgba(20,18,16,.95) 100%) !important;
}
#homeHeroSlider .franchise-hero-v313-image{
  position:absolute !important; inset:0 !important;
  width:100% !important; height:100% !important;
  object-fit:cover !important; transform:none !important;
}
#homeHeroSlider .franchise-hero-v313-copy{
  position:absolute !important;
  left:0 !important; right:0 !important; bottom:0 !important; top:auto !important;
  width:auto !important; max-width:none !important;
  padding:0 22px 26px !important;
  justify-content:flex-end !important;
}
#homeHeroSlider .franchise-hero-v313 h1{ font-size:clamp(25px,7.2vw,34px) !important; }
#homeHeroSlider .franchise-hero-v313 p{ font-size:13px !important; line-height:1.5 !important; margin-top:8px !important; }
#homeHeroSlider .franchise-hero-v313-meta{ display:none !important; }
#homeHeroSlider .franchise-hero-v313-cta{ margin-top:14px !important; min-height:42px !important; }
}

/* Mobilde alta yaslı metinlerde açıklama 3 satırla sınırlanır (görsel boğulmasın) */
@media(max-width:820px){
#homeHeroSlider .franchise-hero-v313 p,
#homeHeroSlider .home-hero-quality-copy > p{
  display:-webkit-box !important;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
}

/* ============================================================================
   MOBİL HERO — ortak hizalama (≤980px)
   Sabit yükseklikte tüm slaytlarda metin ve düğmeler ORTALANIR; ikili düğmeler
   alt alta kaymak yerine yan yana durur.
   ========================================================================== */
@media(max-width:980px){

/* Metin blokları ortalanır */
#homeHeroSlider .franchise-hero-v313-copy,
#homeHeroSlider .home-hero-slide--reference .home-hero-quality-copy,
#homeHeroSlider .petala-minty-launch-mobile-copy,
#homeHeroSlider .home-hero-slide--table-material .table-material-copy{
  text-align:center !important;
  align-items:center !important;
}
#homeHeroSlider .franchise-hero-v313 h1,
#homeHeroSlider .franchise-hero-v313 p,
#homeHeroSlider .home-hero-slide--reference .home-hero-quality-copy h1,
#homeHeroSlider .home-hero-slide--reference .home-hero-quality-copy p,
#homeHeroSlider .petala-minty-launch-mobile-copy h2,
#homeHeroSlider .petala-minty-launch-mobile-copy p,
#homeHeroSlider .home-hero-slide--table-material h2,
#homeHeroSlider .home-hero-slide--table-material p{
  margin-left:auto !important;
  margin-right:auto !important;
}
/* Etiket satırları ve çip grupları da ortada */
#homeHeroSlider .home-hero-slide--reference .home-hero-quality-kicker,
#homeHeroSlider .petala-minty-launch-mobile-copy .home-hero-kicker,
#homeHeroSlider .franchise-hero-v313-kicker,
#homeHeroSlider .table-material-kicker{
  justify-content:center !important;
  text-align:center !important;
}
#homeHeroSlider .franchise-hero-v313-meta,
#homeHeroSlider .home-hero-slide--table-material .table-material-features{
  justify-content:center !important;
}

/* Düğmeler: yan yana, ortalı, taşarsa alta sarar */
#homeHeroSlider .petala-minty-mobile-actions{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  align-items:center !important;
  gap:9px !important;
}
#homeHeroSlider .petala-minty-mobile-actions > a{
  flex:0 1 auto !important;
  min-width:0 !important;
  margin:0 !important;
  white-space:nowrap;
}
#homeHeroSlider .franchise-hero-v313-cta,
#homeHeroSlider .home-hero-slide--table-material .table-material-cta{
  margin-left:auto !important;
  margin-right:auto !important;
}
}

/* ============================================================================
   METİN KONUMU (admin > Banner: sol / orta / sag)
   Görsel üzeri yazı taşıyan tiplerde (Tanıtım ve Görsel Üzeri Yazı) metin
   bloğunun yatay konumunu değiştirir. Sınıf yoksa mockup varsayılanı geçerli.
   Yalnız masaüstü/tablet: ≤820px'de metin zaten tam genişlikte alta yaslanır.
   ========================================================================== */
@media (min-width: 821px) {

/* --- Tanıtım (franchise) --- */
#homeHeroSlider .franchise-hero-v313.co-hero-metin-sol .franchise-hero-v313-copy {
    margin-left: 0;
    margin-right: auto;
    padding: 58px 38px 76px 6.4vw;
    align-items: flex-start;
    text-align: left;
}
#homeHeroSlider .franchise-hero-v313.co-hero-metin-sol::before {
    background:
        linear-gradient(90deg, rgba(28,27,25,.94) 0%, rgba(28,27,25,.76) 26%, rgba(28,27,25,.38) 48%, rgba(28,27,25,.04) 72%),
        linear-gradient(0deg, rgba(16,15,14,.40) 0%, rgba(16,15,14,0) 46%);
}
#homeHeroSlider .franchise-hero-v313.co-hero-metin-orta .franchise-hero-v313-copy {
    margin-left: auto;
    margin-right: auto;
    padding: 58px 5vw 76px;
    align-items: center;
    text-align: center;
}
#homeHeroSlider .franchise-hero-v313.co-hero-metin-orta::before {
    background:
        linear-gradient(180deg, rgba(20,19,17,.30) 0%, rgba(20,19,17,.72) 100%),
        linear-gradient(90deg, rgba(20,19,17,.35), rgba(20,19,17,.35));
}
#homeHeroSlider .franchise-hero-v313.co-hero-metin-orta .franchise-hero-v313-meta { justify-content: center; }
#homeHeroSlider .franchise-hero-v313.co-hero-metin-sag .franchise-hero-v313-copy {
    margin-left: auto;
    margin-right: 0;
    align-items: flex-start;
    text-align: left;
}

/* --- Görsel Üzeri Yazı (detay / reference) --- */
#homeHeroSlider .home-hero-slide--reference.co-hero-metin-sol .home-hero-quality-copy {
    left: 6.4vw;
    right: auto;
    text-align: left;
}
#homeHeroSlider .home-hero-slide--reference.co-hero-metin-orta .home-hero-quality-kicker { justify-content: center; }
#homeHeroSlider .home-hero-slide--reference.co-hero-metin-orta .home-hero-quality-copy {
    left: 50%;
    right: auto;
    transform: translate(-50%, -50%);
    text-align: center;
}
#homeHeroSlider .home-hero-slide--reference.co-hero-metin-sag .home-hero-quality-copy {
    left: auto;
    right: 6.4vw;
    text-align: left;
}
}