/* Bilettir 2026 modern landing page - non-invasive homepage layer */
:root{--modern-blue:#084ad8;--modern-deep:#073ab7;--modern-orange:#ff9e18}
body.home-ob-style{background:#f7f9fd;color:#18243b}
.home-ob-style .ob-header{background:#fff!important;box-shadow:none!important}
.home-ob-style .ob-header-main{background:#fff!important}
.home-ob-style .ob-header-row{min-height:85px}
.home-ob-style .ob-logo{font-weight:900!important;letter-spacing:-1.8px;color:#0750d9!important;font-size:32px!important;text-decoration:none}
.modern-logo-dot{color:var(--modern-orange)}
.home-ob-style .ob-mini-nav a{font-weight:650!important;color:#25304a!important}
.home-ob-style .ob-servicebar{background:transparent!important;border:0!important;position:relative;z-index:5}
.home-ob-style .ob-services{display:flex!important;justify-content:flex-start!important;gap:12px!important;padding-top:0!important;padding-bottom:0!important;overflow-x:auto;scrollbar-width:none}
.home-ob-style .ob-services::-webkit-scrollbar{display:none}
.home-ob-style .ob-service{border:0!important;border-radius:14px 14px 0 0!important;color:#fff!important;background:rgba(255,255,255,.12)!important;min-height:70px!important;min-width:max-content!important;padding:12px 20px!important;font-weight:750!important;box-shadow:none!important}
.home-ob-style .ob-service b{font-size:23px!important}
.home-ob-style .ob-service.isActive,.home-ob-style .ob-service[aria-selected=true]{background:#fff!important;color:#0750d9!important}
.home-ob-style .ob-hero{position:relative!important;background:linear-gradient(115deg,#064bd4 0%,#0642c1 65%,#0637a7 100%)!important;border-radius:30px!important;margin:16px 20px 100px!important;padding:45px 0 0!important;overflow:visible!important;box-shadow:none!important}
.home-ob-style .ob-hero>.ob-shell{position:relative}
.home-ob-style .modern-hero-copy{color:#fff;position:relative;z-index:2;margin-bottom:28px}
.home-ob-style .modern-eyebrow{font-size:12px;letter-spacing:2px;font-weight:850;color:#a9c9ff;margin-bottom:12px}
.home-ob-style .modern-hero-copy h1{font-size:clamp(30px,3.2vw,52px);font-weight:850;letter-spacing:-1.5px;line-height:1.12;color:#fff;margin:0 0 16px}
.home-ob-style .modern-hero-copy h1 em{font-style:normal;color:#ffce75}
.home-ob-style .modern-hero-copy p{font-size:17px;line-height:1.55;color:#c6d9ff;max-width:650px;margin:0}
.home-ob-style .modern-decor{position:absolute;right:5%;top:10px;width:260px;height:150px;border:1px solid #ffffff30;border-radius:50%;transform:rotate(-20deg);pointer-events:none;color:#ffcf45;font-size:50px;opacity:.7}
.home-ob-style .modern-decor span{position:absolute;top:25%;left:35%}
.home-ob-style .modern-decor span:nth-child(2){left:0;top:80%;font-size:25px}
.home-ob-style .modern-decor span:nth-child(3){left:85%;top:75%;font-size:45px}
.home-ob-style .ob-servicebar{margin-top:0!important}
.home-ob-style .ob-search-card,.home-ob-style .ob-widget-card{background:#fff!important;border:0!important;border-radius:20px!important;padding:25px!important;box-shadow:0 16px 35px #09275b20!important;margin-bottom:-35px!important;position:relative;z-index:4}
.home-ob-style .ob-field{background:#fff!important;border:1.5px solid #e1e6f0!important;border-radius:13px!important;min-height:77px!important;transition:border-color .2s}
.home-ob-style .ob-field:focus-within{border-color:#0854e5!important;box-shadow:0 0 0 3px #0750d914!important}
.home-ob-style .ob-field .label{color:#727f9c!important;font-size:12px!important;font-weight:650!important}
.home-ob-style .ob-field .input{color:#17213a!important;font-weight:700!important}
.home-ob-style .ob-search-btn{background:#ff9e18!important;color:#fff!important;border-radius:13px!important;border:0!important;min-height:76px!important;font-size:17px!important;font-weight:850!important;box-shadow:none!important}
.home-ob-style .ob-search-btn:hover{background:#f18b05!important}
.home-ob-style .ob-section{background:transparent!important}
.home-ob-style .ob-benefits{padding-top:38px!important}
.home-ob-style .ob-benefits h1,.home-ob-style .ob-section h2{color:#18243b!important;letter-spacing:-.6px}
.home-ob-style .ob-benefit-grid article{background:#fff!important;border:1px solid #e8edf5!important;border-radius:20px!important;box-shadow:0 7px 25px #1d3b6810!important}
.home-ob-style .ob-circle-icon{background:#eaf2ff!important;color:#0750d9!important}
.home-ob-style .ob-trust-box{border-radius:20px!important}
@media(min-width:901px){
.home-ob-style .ob-header{display:flex!important;flex-direction:column}
.home-ob-style .ob-servicebar{order:2;background:transparent!important;margin-top:0!important}
.home-ob-style .ob-services{position:absolute;top:210px;left:max(32px,calc((100vw - 1200px)/2));right:30px;z-index:10}
.home-ob-style .ob-hero{padding-top:45px!important}
.home-ob-style .modern-hero-copy{margin-bottom:130px}
}
@media(max-width:900px){
.home-ob-style .ob-header-row{min-height:66px}
.home-ob-style .ob-mini-nav{display:none!important}
.home-ob-style .ob-hero{margin:10px 10px 65px!important;border-radius:22px!important;padding:25px 0 0!important}
.home-ob-style .modern-hero-copy{padding:0 4px;margin-bottom:22px}
.home-ob-style .modern-hero-copy h1{font-size:32px}
.home-ob-style .modern-hero-copy p{font-size:14px}
.home-ob-style .modern-decor{display:none}
.home-ob-style .ob-servicebar{background:#0645c7!important}
.home-ob-style .ob-services{gap:5px!important}
.home-ob-style .ob-service{padding:10px 13px!important;font-size:12px!important;min-height:60px!important}
.home-ob-style .ob-search-card,.home-ob-style .ob-widget-card{padding:16px!important;border-radius:16px!important}
.home-ob-style .ob-search-btn{min-height:57px!important}
}

/* Modern v2: aligned hero tabs, search panel and responsive results */
:root{--modern-blue:#0751d8;--modern-orange:#ff9e18}
body.home-ob-style{background:#f6f8fc!important}
.home-ob-style .ob-hero{margin:16px 20px 74px!important;padding:38px 0 0!important;border-radius:28px!important;min-height:0!important}
.home-ob-style .modern-hero-copy{margin:0 0 30px!important;max-width:760px!important}
.home-ob-style .modern-hero-copy h1{font-size:clamp(32px,3vw,46px)!important;line-height:1.13!important}
.home-ob-style .modern-hero-copy p{max-width:700px!important}
.home-ob-style .ob-hero .ob-servicebar{position:relative!important;top:auto!important;left:auto!important;right:auto!important;margin:0 0 0!important;background:transparent!important;padding:0!important}
.home-ob-style .ob-hero .ob-services{position:static!important;top:auto!important;left:auto!important;right:auto!important;display:flex!important;gap:7px!important;overflow-x:auto!important;padding:0!important;align-items:stretch!important}
.home-ob-style .ob-hero .ob-service{position:static!important;min-height:68px!important;border-radius:14px 14px 0 0!important;padding:12px 18px!important;background:rgba(255,255,255,.12)!important;white-space:nowrap!important;color:white!important}
.home-ob-style .ob-hero .ob-service.isActive,.home-ob-style .ob-hero .ob-service[aria-selected="true"]{background:white!important;color:#0751d8!important}
.home-ob-style .ob-hero .ob-service b{display:inline-block!important;margin-right:7px!important;font-size:21px!important}
.home-ob-style .ob-hero .tabPane{margin:0!important;padding:0!important}
.home-ob-style .ob-hero .ob-search-card,.home-ob-style .ob-hero .ob-widget-card{margin:0 0 -30px!important;position:relative!important;top:auto!important;transform:none!important;border-radius:0 18px 18px 18px!important;padding:22px!important;box-shadow:0 16px 32px #06295a1c!important}
.home-ob-style .ob-hero .ob-search-grid{align-items:stretch!important}
.home-ob-style .ob-hero .ob-field{min-height:72px!important}
.home-ob-style .modern-decor{top:10px!important;right:5%!important;opacity:.45!important}
@media(max-width:900px){
.home-ob-style .ob-hero{margin:10px 10px 65px!important;padding:25px 0 0!important}
.home-ob-style .modern-hero-copy{margin-bottom:22px!important}
.home-ob-style .ob-hero .ob-services{gap:4px!important}
.home-ob-style .ob-hero .ob-service{padding:10px 12px!important;min-height:62px!important;font-size:12px!important}
.home-ob-style .ob-hero .ob-search-card,.home-ob-style .ob-hero .ob-widget-card{padding:14px!important;border-radius:0 0 16px 16px!important}
}

/* V3 - final structural overrides: protect layout against stale base CSS */
body.home-ob-style .ob-header{display:block!important;position:relative!important;visibility:visible!important;opacity:1!important;z-index:20!important;background:#fff!important}
body.home-ob-style .ob-header-main{display:block!important;visibility:visible!important;height:auto!important;min-height:80px!important}
body.home-ob-style .ob-header-row{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:80px!important}
body.home-ob-style .ob-hero{display:block!important;position:relative!important;min-height:0!important;overflow:visible!important}
body.home-ob-style .ob-hero>.ob-shell{position:relative!important;display:block!important}
body.home-ob-style .ob-hero .ob-servicebar{display:block!important;position:relative!important;inset:auto!important;transform:none!important;float:none!important;width:100%!important;height:auto!important;min-height:0!important;z-index:3!important;margin:0!important;overflow:visible!important}
body.home-ob-style .ob-hero .ob-servicebar .ob-services{display:flex!important;position:relative!important;inset:auto!important;transform:none!important;float:none!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;grid-template-columns:none!important;grid-template-rows:none!important;align-items:stretch!important;justify-content:flex-start!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;gap:7px!important;padding:0!important;margin:0!important}
body.home-ob-style .ob-hero .ob-servicebar .ob-service{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;grid-column:auto!important;grid-row:auto!important;width:auto!important;height:auto!important;min-height:68px!important;margin:0!important;opacity:1!important;visibility:visible!important}
body.home-ob-style .ob-hero .tabPane{position:relative!important;inset:auto!important;float:none!important;transform:none!important;margin:0!important;z-index:2!important}
body.home-ob-style .ob-hero .tabPane[hidden]{display:none!important}
body.home-ob-style .ob-hero .ob-search-card,body.home-ob-style .ob-hero .ob-widget-card{position:relative!important;inset:auto!important;transform:none!important;margin:0 0 -30px!important}
@media(max-width:900px){body.home-ob-style .ob-header-main,body.home-ob-style .ob-header-row{min-height:64px!important}body.home-ob-style .ob-hero .ob-servicebar .ob-service{min-height:60px!important}}


/* Mobile polish v4: compact header, readable hero, swipe tabs and form */
@media(max-width:767px){
 html,body{max-width:100%;overflow-x:hidden}
 body.home-ob-style .ob-header-main{height:62px!important;min-height:62px!important}
 body.home-ob-style .ob-header-row{min-height:62px!important}
 body.home-ob-style .ob-logo{font-size:28px!important;line-height:1!important}
 body.home-ob-style .ob-hero{margin:8px 10px 58px!important;padding:23px 0 0!important;border-radius:22px!important;background:linear-gradient(135deg,#0852d9,#073aaf)!important}
 body.home-ob-style .ob-hero>.ob-shell{width:calc(100% - 28px)!important;max-width:none!important;margin:0 auto!important}
 body.home-ob-style .modern-hero-copy{padding:0!important;margin:0 0 24px!important;max-width:100%!important}
 body.home-ob-style .modern-eyebrow{font-size:10px!important;letter-spacing:1.6px!important;margin-bottom:11px!important}
 body.home-ob-style .modern-hero-copy h1{font-size:clamp(27px,7vw,36px)!important;letter-spacing:-.8px!important;line-height:1.16!important;margin:0 0 12px!important}
 body.home-ob-style .modern-hero-copy p{font-size:13px!important;line-height:1.55!important;max-width:100%!important;color:#d7e5ff!important;margin:0!important}
 body.home-ob-style .modern-decor{display:none!important}
 body.home-ob-style .ob-hero .ob-servicebar{width:100%!important;margin:0!important;padding:0!important;background:transparent!important}
 body.home-ob-style .ob-hero .ob-servicebar .ob-services{width:100%!important;max-width:100%!important;gap:6px!important;scroll-snap-type:x proximity!important;overscroll-behavior-x:contain!important;scrollbar-width:none!important}
 body.home-ob-style .ob-hero .ob-servicebar .ob-services::-webkit-scrollbar{display:none}
 body.home-ob-style .ob-hero .ob-servicebar .ob-service{scroll-snap-align:start!important;min-height:52px!important;padding:9px 13px!important;border-radius:11px 11px 0 0!important;font-size:12px!important;gap:5px!important;line-height:1.2!important}
 body.home-ob-style .ob-hero .ob-servicebar .ob-service b{font-size:17px!important;margin:0!important}
 body.home-ob-style .ob-hero .ob-search-card,body.home-ob-style .ob-hero .ob-widget-card{padding:12px!important;margin:0 0 -24px!important;border-radius:0 0 16px 16px!important;box-shadow:0 12px 24px #071e471c!important}
 body.home-ob-style .ob-hero .ob-search-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:9px!important}
 body.home-ob-style .ob-hero .ob-field{min-height:62px!important;height:auto!important;border:1px solid #e0e6f0!important;border-radius:11px!important;padding:10px 13px!important;margin:0!important}
 body.home-ob-style .ob-hero .ob-field .label{font-size:11px!important;margin-bottom:3px!important}
 body.home-ob-style .ob-hero .ob-field .input{font-size:15px!important;min-width:0!important;line-height:1.4!important}
 body.home-ob-style .ob-hero .ob-field-icon{margin-right:10px!important}
 body.home-ob-style .ob-hero .ob-swap{right:10px!important;bottom:-22px!important;top:auto!important;transform:rotate(90deg)!important;width:35px!important;height:35px!important}
 body.home-ob-style .ob-hero .ob-search-btn{width:100%!important;min-height:52px!important;border-radius:11px!important;font-size:16px!important;margin:0!important}
 body.home-ob-style .ob-benefits{padding-top:16px!important}
 body.home-ob-style .ob-section h1,body.home-ob-style .ob-section h2{font-size:22px!important;line-height:1.25!important}
}
@media(max-width:360px){
 body.home-ob-style .modern-hero-copy h1{font-size:26px!important}
 body.home-ob-style .ob-hero .ob-servicebar .ob-service{padding:8px 10px!important}
}