/* Otel Kapı Numarası v1.9.4 – FAQ ile bütünleşik, sade kurumsal CTA.
   Tüm seçiciler yalnızca .okn-cta--harmonized ile sınırlandırılmıştır. */
.okn-cta.okn-cta--harmonized{
  position:relative;isolation:isolate;overflow:visible;
  display:grid;grid-template-columns:minmax(0,55.25%) minmax(0,44.75%);
  min-height:clamp(395px,28.8vw,568px);height:auto;
  width:100%;margin:0;padding:0;background:#0a2438;color:#fff;
}
.okn-cta--harmonized,.okn-cta--harmonized *{box-sizing:border-box}
.okn-cta--harmonized .okn-cta-transition{
  display:block;position:absolute;top:-37px;left:0;width:100%;height:86px;
  pointer-events:none;z-index:5;filter:drop-shadow(0 4px 3px rgba(32,24,15,.07));
}
.okn-cta--harmonized .okn-cta-photo{
  position:relative;overflow:hidden;min-height:0;height:auto;
  background:#a88865;
}
.okn-cta--harmonized .okn-cta-photo img{
  position:absolute;inset:0;width:100%;height:100%;max-width:none;
  object-fit:cover;object-position:center center;
}
.okn-cta--harmonized .okn-cta-copy{
  min-width:0;align-self:stretch;display:flex;flex-direction:column;
  justify-content:center;align-items:flex-start;
  padding:clamp(46px,3.4vw,71px) clamp(31px,4.05vw,83px) clamp(27px,3.1vw,63px) clamp(35px,4.15vw,85px);
  background:linear-gradient(115deg,#0d293d 0%,#092437 72%,#092438 100%);
}
.okn-cta--harmonized .okn-cta-eyebrow{
  display:flex;align-items:center;gap:11px;
  margin:0 0 clamp(10px,.75vw,17px);padding:0;
  font:500 clamp(11px,.86vw,15px)/1.35 Arial,Helvetica,sans-serif;
  letter-spacing:.15em;text-transform:uppercase;color:#eebc66;
}
.okn-cta--harmonized .okn-cta-eyebrow-rule{
  display:block;flex:0 0 33px;width:33px;height:2px;
  border-radius:3px;background:#eeb85b;
}
.okn-cta--harmonized .okn-cta-copy h2{
  font:400 clamp(35px,3.15vw,64px)/.99 Georgia,'Times New Roman',serif;
  letter-spacing:-.035em;color:#fbfaf7;
  margin:0 0 clamp(10px,.9vw,19px)!important;padding:0;
  width:100%;max-width:100%;
}
.okn-cta--harmonized .okn-cta-title-primary,
.okn-cta--harmonized .okn-cta-title-accent{display:block;max-width:100%}
.okn-cta--harmonized .okn-cta-title-accent{color:#edb955}
.okn-cta--harmonized .okn-cta-description{
  padding:0;margin:0 0 clamp(14px,1vw,24px);max-width:700px;
  color:#d9e2e8;font:400 clamp(13px,1.02vw,18px)/1.56 Arial,Helvetica,sans-serif;
  letter-spacing:0;
}
.okn-cta--harmonized .okn-cta-action{
  display:inline-flex;align-items:center;justify-content:center;gap:19px;
  flex:0 0 auto;min-height:clamp(43px,3.05vw,57px);min-width:clamp(155px,10.1vw,205px);
  padding:9px 25px;margin:0;border:1px solid #edbf6a;border-radius:8px;
  background:linear-gradient(135deg,#ffdd90,#e5ad4e);
  box-shadow:0 5px 14px rgba(5,18,28,.1);
  color:#102738;text-decoration:none;
  font:600 clamp(13px,.9vw,17px)/1.2 Arial,Helvetica,sans-serif;
  transition:transform .2s,background .2s,box-shadow .2s;
}
.okn-cta--harmonized .okn-cta-action:hover,
.okn-cta--harmonized .okn-cta-action:focus-visible{
  color:#102738;background:linear-gradient(135deg,#ffe5a8,#f0c16f);
  transform:translateY(-2px);box-shadow:0 8px 17px rgba(5,18,28,.18);
}
.okn-cta--harmonized .okn-cta-action:focus-visible{outline:2px solid #fff;outline-offset:4px}
.okn-cta--harmonized .okn-cta-action svg{display:block;width:19px;height:19px;flex:none}
.okn-cta--harmonized .okn-cta-perks{
  width:100%;max-width:760px;display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));gap:0;
  padding:0;margin:clamp(19px,1.5vw,34px) 0 0;
  list-style:none;color:#e0e7ec;
}
.okn-cta--harmonized .okn-cta-perk{
  display:flex;flex-direction:column;min-width:0;min-height:69px;
  position:relative;margin:0;padding:0 8px 0 0;
  font:400 clamp(11px,.78vw,15px)/1.28 Arial,Helvetica,sans-serif;
}
.okn-cta--harmonized .okn-cta-perk:not(:first-child){padding-left:clamp(10px,1.15vw,20px)}
.okn-cta--harmonized .okn-cta-perk:last-child{padding-right:0}
.okn-cta--harmonized .okn-cta-perk:not(:last-child)::after{
  content:"";position:absolute;top:1px;right:0;width:1px;height:calc(100% - 2px);
  background:rgba(233,227,207,.21);
}
.okn-cta--harmonized .okn-cta-perk-icon{display:block;margin:0 0 6px;color:#e8af40}
.okn-cta--harmonized .okn-cta-perk-icon svg{
  display:block;width:clamp(25px,1.75vw,34px);height:clamp(25px,1.75vw,34px);
  fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;
}
.okn-cta--harmonized .okn-cta-perk:nth-child(3) .okn-cta-perk-icon svg,
.okn-cta--harmonized .okn-cta-perk:nth-child(4) .okn-cta-perk-icon svg{transform:none}
.okn-cta--harmonized .okn-cta-perk-name{display:block;max-width:100%;overflow-wrap:normal;word-break:normal;hyphens:auto}
.okn-cta--harmonized .okn-cta-perk-name>span{display:block}
@media(min-width:1600px){
 .okn-cta--harmonized .okn-cta-copy h2{font-size:clamp(50px,3.05vw,62px)}
 .okn-cta--harmonized .okn-cta-copy{padding-left:clamp(68px,4.1vw,86px);padding-right:clamp(68px,3.75vw,82px)}
}
@media(max-width:1250px) and (min-width:901px){
 .okn-cta.okn-cta--harmonized{grid-template-columns:minmax(0,51%) minmax(0,49%);min-height:430px}
 .okn-cta--harmonized .okn-cta-copy{padding:54px clamp(24px,3vw,37px) 27px}
 .okn-cta--harmonized .okn-cta-copy h2{font-size:clamp(34px,3.5vw,43px)}
 .okn-cta--harmonized .okn-cta-description{font-size:14px}
 .okn-cta--harmonized .okn-cta-perks{margin-top:25px}
 .okn-cta--harmonized .okn-cta-perk{font-size:12px}
}
@media(max-width:900px){
 .okn-cta.okn-cta--harmonized{grid-template-columns:minmax(0,1fr);min-height:0}
 .okn-cta--harmonized .okn-cta-transition{top:-23px;height:56px}
 .okn-cta--harmonized .okn-cta-photo{height:clamp(245px,45vw,400px)}
 .okn-cta--harmonized .okn-cta-photo img{object-position:center 44%}
 .okn-cta--harmonized .okn-cta-copy{padding:36px clamp(24px,5vw,55px) 37px}
 .okn-cta--harmonized .okn-cta-eyebrow{font-size:12px}
 .okn-cta--harmonized .okn-cta-copy h2{font-size:clamp(38px,6.3vw,55px);margin-bottom:15px!important}
 .okn-cta--harmonized .okn-cta-description{font-size:15px;max-width:620px}
 .okn-cta--harmonized .okn-cta-perks{max-width:650px;margin-top:25px}
 .okn-cta--harmonized .okn-cta-perk{font-size:13px}
}
@media(max-width:520px){
 .okn-cta--harmonized .okn-cta-transition{top:-20px;height:48px}
 .okn-cta--harmonized .okn-cta-photo{height:240px}
 .okn-cta--harmonized .okn-cta-photo img{object-position:41% center}
 .okn-cta--harmonized .okn-cta-copy{padding:30px 22px 35px}
 .okn-cta--harmonized .okn-cta-eyebrow{letter-spacing:.11em;font-size:11px}
 .okn-cta--harmonized .okn-cta-eyebrow-rule{width:27px;flex-basis:27px}
 .okn-cta--harmonized .okn-cta-copy h2{font-size:clamp(32px,8.1vw,43px);line-height:1.08}
 .okn-cta--harmonized .okn-cta-description{font-size:14px;line-height:1.53}
 .okn-cta--harmonized .okn-cta-action{min-height:46px;padding:8px 22px;font-size:14px}
 .okn-cta--harmonized .okn-cta-perks{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:21px;margin-top:27px}
 .okn-cta--harmonized .okn-cta-perk{min-height:61px;font-size:13px;padding:0 10px 0 0}
 .okn-cta--harmonized .okn-cta-perk:nth-child(odd){padding-left:0}
 .okn-cta--harmonized .okn-cta-perk:nth-child(2)::after{display:none}
 .okn-cta--harmonized .okn-cta-perk-icon svg{height:27px;width:27px}
}
@media(prefers-reduced-motion:reduce){.okn-cta--harmonized .okn-cta-action{transition:none}}