.oc-hero{position:relative;background:#B9C7D3 url(opc-hero.webp) center right/cover no-repeat;min-height:620px;display:flex;align-items:center;overflow:hidden}
.oc-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,16,24,.35) 0%,rgba(10,16,24,.05) 55%,rgba(10,16,24,0) 100%);pointer-events:none}
.oc-hero__ic{position:relative;display:grid;grid-template-columns:minmax(0,500px) minmax(0,1fr);gap:48px;align-items:center;padding-top:40px;padding-bottom:40px}
.oc-secici{background:#fff;border-radius:6px;padding:30px 30px 26px;box-shadow:0 24px 60px -24px rgba(0,0,0,.45)}
.oc-secici__baslik{font-size:22px!important;font-weight:600!important;color:#111!important;margin:0 0 6px!important;line-height:1.3!important;letter-spacing:-.01em}
.oc-secici__alt{font-size:13.5px;font-weight:500;color:#111;margin:0 0 22px}
.oc-secici__alanlar{display:flex;flex-direction:column;gap:14px}
.oc-secici__alanlar select{appearance:none;-webkit-appearance:none;width:100%;height:50px;border:1px solid #EEEEEE;border-radius:4px;background:#F4F4F4 url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 6L8 2L4 6H12ZM12 10L8 14L4 10H12Z' fill='%23747474'/%3E%3C/svg%3E") no-repeat right 16px center;padding:0 44px 0 16px;font-family:inherit;font-size:14px;font-weight:500;color:#333;cursor:pointer;box-shadow:inset 0 1px 2px rgba(0,0,0,.04)}
.oc-secici__alanlar select:disabled{color:#9a9a9a;cursor:not-allowed}
.oc-secici__alanlar select:focus{outline:none;border-color:#111;background-color:#fff}
.oc-secici__btn{display:block;width:100%;height:50px;margin-top:20px;border:0;border-radius:4px;background:#FBFF4F;color:#111;font-family:inherit;font-size:13px;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:background .2s,transform .2s}
.oc-secici__btn:hover{background:#EEF23A;transform:translateY(-1px)}
.oc-secici__vin{display:block;margin-top:14px;font-size:12.5px;color:#555!important;text-decoration:none!important;text-align:center}
.oc-secici__vin:hover{color:#111!important}
.oc-slayt{position:relative;align-self:end;min-height:200px;color:#fff;padding-bottom:44px}
.oc-slayt__oge{position:absolute;left:0;bottom:44px;max-width:560px;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .6s ease,transform .6s ease,visibility .6s}
.oc-slayt__oge.is-aktif{opacity:1;visibility:visible;transform:none;position:relative;bottom:auto}
.oc-slayt__oge h2{font-size:clamp(26px,2.6vw,36px)!important;font-weight:600!important;color:#fff!important;line-height:1.2!important;margin:0 0 10px!important;text-shadow:0 2px 18px rgba(0,0,0,.25)}
.oc-slayt__oge p{font-size:15px;font-weight:400;color:#fff;margin:0 0 22px;text-shadow:0 1px 10px rgba(0,0,0,.3)}
.oc-slayt__noktalar{position:absolute;left:0;bottom:0;display:flex;gap:8px}
.oc-slayt__noktalar button{width:10px;height:10px;border-radius:50%;border:0;padding:0;background:rgba(255,255,255,.55);cursor:pointer;transition:width .3s,background .3s}
.oc-slayt__noktalar button.is-aktif{width:28px;border-radius:6px;background:#FBFF4F}
@media (max-width:991px){
  .oc-hero{min-height:0;background-position:72% center}
  .oc-hero__ic{grid-template-columns:1fr;gap:24px;padding-top:24px;padding-bottom:28px}
  .oc-slayt{order:-1;min-height:0}
  .oc-slayt__oge h2{font-size:24px!important}
}
@media (max-width:575px){.oc-secici{padding:22px 18px}}