/*
Theme Name: Yıldırım Bilir Teknik Premium
Theme URI: https://ayzalaajans.com/
Author: Ayzala Ajans
Description: Bursa Yıldırım odaklı, beyaz eşya teknik servisleri için premium, düzenlenebilir WordPress teması.
Version: 2.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: yildirim-bilir
*/
:root{--ybt-red:#e51d2a;--ybt-red-dark:#a90f18;--ybt-ink:#14171b;--ybt-muted:#707780;--ybt-soft:#f5f6f8;--ybt-line:#e8eaee;--ybt-white:#fff;--ybt-shadow:0 18px 60px rgba(20,23,27,.12);--ybt-radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ybt-ink);background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.65}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}a:hover{color:var(--ybt-red)}button,input,textarea,select{font:inherit}.container{width:min(1180px,calc(100% - 48px));margin-inline:auto}.site-header{position:relative;z-index:20;background:#fff;border-bottom:1px solid var(--ybt-line)}.topbar{background:var(--ybt-ink);color:#fff;font-size:13px}.topbar-inner{display:flex;justify-content:space-between;align-items:center;min-height:38px}.topbar a{color:#fff}.topbar a:hover{color:#fff}.header-main{display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:88px}.brand{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:240px}.site-logo{display:block;width:auto;max-width:285px;max-height:70px;object-fit:contain}.brand-subline{color:var(--ybt-muted);font-size:10px;font-weight:800;letter-spacing:.035em;text-transform:uppercase}.custom-logo{width:auto;max-height:65px}.brand-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--ybt-red);color:#fff;font-weight:900;box-shadow:0 8px 24px rgba(229,29,42,.25)}.brand-text strong{display:block;font-size:18px;letter-spacing:-.04em}.brand-text span{display:block;color:var(--ybt-muted);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.main-nav{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:700}.main-nav ul{display:flex;gap:26px;list-style:none;margin:0;padding:0}.header-actions{display:flex;align-items:center;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 20px;border:1px solid transparent;border-radius:12px;background:var(--ybt-ink);color:#fff;font-weight:800;transition:.2s ease;cursor:pointer}.btn:hover{color:#fff;transform:translateY(-2px);box-shadow:0 10px 24px rgba(20,23,27,.16)}.btn-red{background:var(--ybt-red)}.btn-red:hover{background:var(--ybt-red-dark)}.btn-outline{background:#fff;border-color:var(--ybt-line);color:var(--ybt-ink)}.btn-outline:hover{background:var(--ybt-soft);color:var(--ybt-ink)}.mobile-toggle{display:none;background:none;border:0;font-size:24px;cursor:pointer}.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#fff 0%,#fff 54%,#fff3f3 100%);padding:84px 0 72px}.hero:after{content:"";position:absolute;right:-160px;top:-250px;width:560px;height:560px;border:1px solid rgba(229,29,42,.12);border-radius:50%;box-shadow:0 0 0 40px rgba(229,29,42,.035),0 0 0 80px rgba(229,29,42,.02)}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:70px;position:relative;z-index:1}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--ybt-red);font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.eyebrow:before{content:"";width:28px;height:2px;background:var(--ybt-red)}.hero h1{margin:18px 0 18px;font-size:clamp(44px,5vw,76px);line-height:1.02;letter-spacing:-.065em;max-width:700px}.hero h1 span{color:var(--ybt-red)}.hero p{max-width:570px;color:var(--ybt-muted);font-size:19px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-note{display:flex;align-items:center;gap:12px;margin-top:22px;color:var(--ybt-muted);font-size:14px}.hero-note i{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#e9f6ef;color:#2e9a5d;font-style:normal}.hero-visual{position:relative}.hero-image{width:100%;height:530px;object-fit:cover;border-radius:28px;box-shadow:var(--ybt-shadow)}.hero-badge{position:absolute;left:-30px;bottom:24px;display:flex;align-items:center;gap:13px;padding:16px 18px;border-radius:16px;background:#fff;box-shadow:0 16px 42px rgba(20,23,27,.18)}.hero-badge strong{display:block;font-size:15px}.hero-badge span{display:block;color:var(--ybt-muted);font-size:12px}.badge-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#fff0f1;color:var(--ybt-red);font-size:20px}.announcement-ticker{overflow:hidden;background:var(--ybt-red);color:#fff;border-bottom:1px solid rgba(0,0,0,.08)}.ticker-track{display:flex;width:max-content;animation:ybt-ticker 28s linear infinite}.ticker-track span{display:block;padding:9px 42px;font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}.announcement-ticker:hover .ticker-track{animation-play-state:paused}@keyframes ybt-ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}.trust-strip{padding:18px 0;background:var(--ybt-ink);color:#fff}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.trust-item{display:flex;align-items:center;gap:11px;font-size:14px}.trust-item b{font-size:22px;color:#fff}.section{padding:96px 0}.section-soft{background:var(--ybt-soft)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:42px}.section-head h2{margin:10px 0 0;max-width:660px;font-size:clamp(32px,4vw,52px);line-height:1.08;letter-spacing:-.055em}.section-head p{max-width:430px;margin:0;color:var(--ybt-muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--ybt-line);border-radius:18px;background:#fff;transition:.25s ease}.service-card:hover{transform:translateY(-6px);box-shadow:var(--ybt-shadow);border-color:#ffd4d7}.service-card-image{width:100%;height:200px;object-fit:cover} .service-card-content{padding:22px}.service-card h3{margin:0 0 8px;font-size:20px;letter-spacing:-.03em}.service-card p{margin:0 0 18px;color:var(--ybt-muted);font-size:14px}.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--ybt-red);font-size:14px;font-weight:800}.announcement{display:grid;grid-template-columns:1fr auto;align-items:center;gap:25px;padding:30px 34px;border-radius:20px;background:linear-gradient(110deg,var(--ybt-red),#b1121b);color:#fff;box-shadow:0 20px 50px rgba(229,29,42,.2)}.announcement .eyebrow{color:#fff}.announcement .eyebrow:before{background:#fff}.announcement h2{margin:8px 0 0;font-size:clamp(26px,3vw,40px);line-height:1.1}.announcement p{margin:8px 0 0;color:rgba(255,255,255,.8)}.announcement .btn{background:#fff;color:var(--ybt-red)}.announcement .btn:hover{color:var(--ybt-red);background:#fff}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.process-card{padding:24px;border-radius:18px;background:#fff;border:1px solid var(--ybt-line)}.process-number{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--ybt-ink);color:#fff;font-weight:900}.process-card h3{margin:20px 0 8px;font-size:18px}.process-card p{margin:0;color:var(--ybt-muted);font-size:14px}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}.about-image{width:100%;height:480px;object-fit:cover;border-radius:24px}.about-copy h2{margin:14px 0;font-size:clamp(32px,4vw,52px);line-height:1.08;letter-spacing:-.055em}.about-copy p{color:var(--ybt-muted)}.check-list{list-style:none;margin:24px 0;padding:0;display:grid;gap:12px}.check-list li{display:flex;gap:10px;align-items:flex-start}.check-list li:before{content:"✓";display:grid;place-items:center;flex:0 0 22px;height:22px;border-radius:50%;background:#e9f6ef;color:#2e9a5d;font-weight:900}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.gallery-slider{overflow:hidden}.gallery-track{display:flex;gap:14px;width:max-content;animation:ybt-marquee 34s linear infinite}.gallery-track:hover{animation-play-state:paused}.gallery-track a{display:block;flex:0 0 260px;overflow:hidden;border-radius:16px;background:#ddd}.gallery-track img{display:block;width:100%;height:280px;object-fit:cover;transition:.3s ease}.gallery-track a:hover img{transform:scale(1.05)}@keyframes ybt-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}.gallery a{overflow:hidden;border-radius:16px;background:#ddd}.gallery img{display:block;width:100%;height:230px;object-fit:cover;transition:.3s ease}.gallery a:hover img{transform:scale(1.05)}.service-group-head{display:flex;align-items:end;justify-content:space-between;margin:58px 0 24px;padding-top:42px;border-top:1px solid var(--ybt-line)}.service-group-head h3{margin:10px 0 0;font-size:28px;letter-spacing:-.04em}.service-list-special{grid-template-columns:repeat(3,1fr)}.cta{padding:82px 0;background:var(--ybt-ink);color:#fff}.cta-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.cta h2{margin:15px 0;font-size:clamp(34px,4vw,58px);line-height:1.06;letter-spacing:-.06em}.cta p{color:rgba(255,255,255,.7);max-width:590px}.cta-card{padding:28px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(255,255,255,.06)}.cta-card h3{margin:0 0 10px;font-size:21px}.contact-form{display:grid;gap:12px}.field{display:grid;gap:6px}.field label{font-size:12px;font-weight:800;color:rgba(255,255,255,.72)}.field input,.field textarea,.field select{width:100%;padding:13px 14px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:rgba(255,255,255,.08);color:#fff;outline:none}.field input::placeholder,.field textarea::placeholder{color:rgba(255,255,255,.46)}.field textarea{min-height:96px;resize:vertical}.field input:focus,.field textarea:focus{border-color:var(--ybt-red)}.ai-help{margin:0 0 8px;padding:12px 14px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(229,29,42,.14);color:rgba(255,255,255,.85);font-size:13px}.form-status{font-size:13px;color:#9fe1b9}.footer{background:#0d0f12;color:#fff;padding:54px 0 20px}.footer-grid{display:grid;grid-template-columns:1.3fr .8fr .8fr 1fr;gap:40px;padding-bottom:38px;border-bottom:1px solid rgba(255,255,255,.1)}.footer h3{margin:0 0 14px;font-size:14px;text-transform:uppercase;letter-spacing:.1em}.footer p,.footer li{color:rgba(255,255,255,.58);font-size:14px}.footer ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.footer-brand{font-size:23px;font-weight:900;letter-spacing:-.04em}.footer-brand span{color:var(--ybt-red)}.socials{display:flex;gap:8px;margin-top:16px}.socials a{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.18);border-radius:50%;font-size:13px}.footer-bottom{display:flex;justify-content:space-between;gap:24px;padding-top:18px;color:rgba(255,255,255,.4);font-size:12px}.tag-cloud{display:flex;flex-wrap:wrap;gap:7px}.tag-cloud span{padding:4px 8px;border:1px solid rgba(255,255,255,.12);border-radius:7px;font-size:11px;color:rgba(255,255,255,.55)}.live-support{position:fixed;right:22px;bottom:82px;z-index:35}.live-support-toggle{display:flex;align-items:center;gap:9px;padding:12px 15px;border:0;border-radius:999px;background:var(--ybt-ink);color:#fff;font-size:13px;font-weight:800;box-shadow:0 12px 34px rgba(20,23,27,.24);cursor:pointer}.live-support-toggle:hover{background:var(--ybt-red)}.live-ai-dot{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--ybt-red);color:#fff;font-size:10px}.live-support-panel{position:absolute;right:0;bottom:58px;width:330px;padding:17px;border:1px solid var(--ybt-line);border-radius:18px;background:#fff;box-shadow:var(--ybt-shadow)}.live-support-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.live-support-head strong{display:block;font-size:16px}.live-support-head small{display:block;margin-top:2px;color:var(--ybt-muted);font-size:12px}.live-support-close{border:0;background:transparent;color:var(--ybt-muted);font-size:24px;line-height:1;cursor:pointer}.live-support-panel .contact-form{gap:9px}.live-support-panel .field label{color:var(--ybt-muted)}.live-support-panel .field input,.live-support-panel .field textarea,.live-support-panel .field select{border-color:var(--ybt-line);background:#fff;color:var(--ybt-ink);padding:10px}.live-support-panel .field textarea{min-height:78px}.live-support-panel .btn{width:100%;min-height:42px}.floating-wa{position:fixed;right:22px;bottom:22px;z-index:30;display:flex;align-items:center;gap:8px;padding:13px 16px;border-radius:999px;background:#20c866;color:#fff;font-weight:800;box-shadow:0 12px 34px rgba(32,200,102,.3)}.floating-wa:hover{color:#fff;transform:translateY(-2px)}.page-hero{padding:74px 0;background:var(--ybt-soft)}.page-hero h1{margin:12px 0 0;font-size:clamp(38px,5vw,62px);line-height:1.05;letter-spacing:-.06em}.content-wrap{padding:76px 0}.content-wrap article{max-width:820px;margin:0 auto}.content-wrap article h2{font-size:32px}.content-wrap article img{border-radius:18px}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.post-card{border:1px solid var(--ybt-line);border-radius:18px;overflow:hidden}.post-card img{display:block;width:100%;height:220px;object-fit:cover}.post-card-body{padding:20px}.post-card h2{font-size:20px;line-height:1.2}.post-card p{color:var(--ybt-muted);font-size:14px}.pagination{display:flex;gap:8px;margin-top:30px}.pagination a,.pagination span{padding:8px 12px;border:1px solid var(--ybt-line);border-radius:8px}.pagination .current{background:var(--ybt-red);color:#fff;border-color:var(--ybt-red)}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{position:fixed;left:10px;top:10px;z-index:1000;width:auto;height:auto;padding:10px;background:#fff;clip:auto}.menu-overlay{display:none}
.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.intro-grid h2{margin:14px 0 0;font-size:clamp(34px,4.4vw,58px);line-height:1.06;letter-spacing:-.06em}.intro-lead{margin:0 0 14px;font-size:24px;line-height:1.35;color:var(--ybt-ink);letter-spacing:-.025em}.intro-copy{color:var(--ybt-muted);margin-bottom:24px}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.why-card{padding:24px;border:1px solid var(--ybt-line);border-radius:18px;background:#fff}.why-card span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#fff0f1;color:var(--ybt-red);font-weight:900}.why-card h3{margin:18px 0 8px;font-size:18px}.why-card p{margin:0;color:var(--ybt-muted);font-size:14px}.seo-copy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.seo-copy-grid article{padding:24px;border:1px solid var(--ybt-line);border-radius:18px;background:#fff}.seo-copy-grid h3{margin:0 0 10px;font-size:20px;letter-spacing:-.03em}.seo-copy-grid p{margin:0;color:var(--ybt-muted);font-size:14px}.brand-section{background:#151719;color:#fff}.brand-section .section-head p{color:rgba(255,255,255,.65)}.brand-section .eyebrow{color:#ff5962}.brand-section .eyebrow:before{background:#ff5962}.brand-marquee{overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:#151719}.brand-track{display:flex;width:max-content;animation:ybt-brand-marquee 26s linear infinite}.brand-track:hover{animation-play-state:paused}.brand-track img{display:block;width:560px;height:214px;object-fit:cover;flex:0 0 560px}.brand-note{margin:16px 0 0;color:rgba(255,255,255,.65);font-size:13px;text-align:center}.testimonial-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.testimonial-grid article{padding:24px;border:1px solid var(--ybt-line);border-radius:18px;background:#fff}.stars{color:var(--ybt-red);letter-spacing:.12em;font-size:14px}.testimonial-grid p{min-height:56px;margin:18px 0;color:var(--ybt-muted)}.testimonial-grid strong{font-size:13px}.map-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:center}.map-grid h2{margin:14px 0;font-size:clamp(32px,4vw,52px);line-height:1.08;letter-spacing:-.055em}.map-grid>div>p{color:var(--ybt-muted);font-size:17px}.map-frame{overflow:hidden;min-height:360px;border:1px solid var(--ybt-line);border-radius:22px;box-shadow:var(--ybt-shadow);background:#eef0f2}.map-frame iframe{display:block;width:100%;height:360px;border:0}.map-placeholder{display:grid;place-items:center;align-content:center;gap:8px;height:360px;background:linear-gradient(135deg,#edf1f4,#dbe3e9);color:#3c464f;text-align:center}.map-placeholder strong{font-size:24px}.map-placeholder span{font-size:14px;color:#6f7c86}@keyframes ybt-brand-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}@media (max-width:980px){.main-nav{gap:14px}.main-nav ul{gap:14px}.hero-grid,.about-grid,.cta-grid,.intro-grid,.map-grid{grid-template-columns:1fr;gap:38px}.why-grid,.seo-copy-grid{grid-template-columns:repeat(2,1fr)}.testimonial-grid{grid-template-columns:repeat(2,1fr)}.hero-image{height:420px}.hero-badge{left:16px}.cards{grid-template-columns:repeat(2,1fr)}.process{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.gallery{grid-template-columns:repeat(3,1fr)}}
@media (max-width:720px){.container{width:min(100% - 32px,560px)}.topbar-inner{justify-content:center}.topbar-inner>span{display:none}.header-main{min-height:74px}.brand{min-width:0}.brand-mark{width:40px;height:40px}.brand-text strong{font-size:15px}.brand-text span{font-size:10px}.mobile-toggle{display:grid!important;place-items:center;margin-left:auto;position:relative;z-index:3;min-width:44px;min-height:44px;color:var(--ybt-ink)!important;padding:8px;font-size:24px!important}.main-nav{display:none;position:absolute;top:74px;left:16px;right:16px;padding:18px;border:1px solid var(--ybt-line);border-radius:16px;background:#fff;box-shadow:var(--ybt-shadow)}.main-nav.is-open{display:block}.main-nav ul{display:grid;gap:14px}.header-actions{display:none}.hero{padding:58px 0 48px}.hero h1{font-size:44px}.hero p{font-size:17px}.hero-image{height:330px}.trust-grid{grid-template-columns:repeat(2,1fr);gap:14px}.trust-item{font-size:12px}.trust-item b{font-size:18px}.section{padding:64px 0}.section-head{display:block;margin-bottom:26px}.section-head p{margin-top:14px}.cards,.post-grid{grid-template-columns:1fr}.announcement{grid-template-columns:1fr;padding:24px}.process{grid-template-columns:1fr 1fr;gap:12px}.process-card{padding:18px}.gallery{grid-template-columns:repeat(2,1fr)}.gallery img{height:170px}.gallery-track a{flex-basis:180px}.gallery-track img{height:190px}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:6px}.floating-wa{right:14px;bottom:14px;font-size:13px}.about-image{height:320px}.site-logo{max-width:225px;max-height:58px}.brand-subline{font-size:8px}.live-support{right:14px;bottom:76px}.live-support-panel{right:-2px;width:min(330px,calc(100vw - 28px))}.floating-wa{right:14px;bottom:14px}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Premium refinement v2 */
.header-main{min-height:96px;gap:24px}.brand{min-width:340px;max-width:430px}.site-logo-horizontal{width:340px;max-width:100%;height:auto;max-height:none;object-fit:contain}.brand-subline{padding-left:2px;font-size:9px;letter-spacing:.08em}.main-nav{margin-left:auto}.main-nav ul{align-items:center}.hero-slider{position:relative;overflow:hidden;border-radius:28px}.hero-slides{position:relative;height:530px}.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .55s ease}.hero-slide.is-active{opacity:1;visibility:visible}.hero-slide .hero-image{height:530px}.hero-dots{position:absolute;left:18px;bottom:18px;display:flex;gap:7px;z-index:2;padding:8px 10px;border-radius:999px;background:rgba(20,23,27,.58);backdrop-filter:blur(8px)}.hero-dot{width:8px;height:8px;border:0;padding:0;border-radius:50%;background:rgba(255,255,255,.48);cursor:pointer}.hero-dot.is-active{width:22px;border-radius:8px;background:#fff}.hero-badge{z-index:4}.brand-section{background:#fff;color:var(--ybt-ink)}.brand-section .section-head p{color:var(--ybt-muted)}.brand-section .eyebrow{color:var(--ybt-red)}.brand-section .eyebrow:before{background:var(--ybt-red)}.brand-marquee{border:1px solid var(--ybt-line);border-radius:20px;background:#fff;box-shadow:0 14px 44px rgba(20,23,27,.08)}.brand-track{align-items:center;padding:14px 0;animation-duration:30s}.brand-track img{width:700px;height:190px;object-fit:contain;object-position:center;background:#fff;flex:0 0 700px}.brand-note{color:var(--ybt-muted)}.footer-logo{display:block;width:300px;max-width:100%;height:auto;margin:0 0 14px}.footer-brand{display:none}.socials a{transition:.2s ease}.socials a:hover{background:var(--ybt-red);border-color:var(--ybt-red);color:#fff}.seo-services{border-top:1px solid var(--ybt-line)}
@media(max-width:1100px){.brand{min-width:280px}.site-logo-horizontal{width:300px}.main-nav{gap:14px}.main-nav ul{gap:16px}.header-actions .btn{padding:0 15px}.hero-grid{gap:42px}}
@media(max-width:720px){.header-main{min-height:78px;gap:12px}.brand{min-width:0;max-width:calc(100% - 56px)}.site-logo-horizontal{width:225px;max-height:83px}.brand-subline{font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:225px}.hero-slides{height:330px}.hero-slide .hero-image{height:330px}.hero-dots{left:12px;bottom:12px}.brand-track img{width:520px;height:150px;flex-basis:520px}.footer-logo{width:250px}.main-nav{top:78px}}
/* YBT Premium UI refresh 3.0 */
:root{--ybt-red:#e31925;--ybt-red-dark:#b90f18;--ybt-ink:#11151a;--ybt-muted:#66707b;--ybt-line:#e7eaee;--ybt-soft:#f7f8fa;--ybt-shadow:0 24px 70px rgba(17,21,26,.12)}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#fff;color:var(--ybt-ink)}
.container{width:min(1240px,calc(100% - 48px))}
.topbar{background:#101318;height:36px;border:0}
.topbar-inner{min-height:36px;font-size:12px;letter-spacing:.01em}
.site-header{position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border-bottom:1px solid rgba(17,21,26,.08);box-shadow:0 8px 30px rgba(17,21,26,.04)}
.header-main{display:grid;grid-template-columns:320px minmax(0,1fr) auto;align-items:center;gap:28px;min-height:92px;padding:10px 0}
.brand{min-width:0;max-width:none;gap:0}
.site-logo-horizontal{display:block;width:300px;max-width:100%;height:auto;max-height:none}
.brand-subline{display:none}
.main-nav{justify-content:center;min-width:0;margin:0}
.main-nav ul{display:flex;align-items:center;justify-content:center;gap:30px;white-space:nowrap}
.main-nav a{font-size:13px;font-weight:800;color:#252a30;position:relative;padding:10px 0}
.main-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:3px;height:2px;background:var(--ybt-red);transition:right .2s ease}
.main-nav a:hover:after,.main-nav .current-menu-item>a:after{right:0}
.header-actions{justify-content:flex-end}
.header-actions .btn{min-height:44px;border-radius:11px;padding:0 18px;font-size:13px;box-shadow:0 8px 22px rgba(227,25,37,.18)}
.mobile-toggle{color:var(--ybt-ink)!important}
.announcement-ticker{background:var(--ybt-red);height:38px;display:flex;align-items:center}
.announcement-ticker .container{overflow:hidden}
.ticker-track{animation-duration:30s}
.ticker-track span{padding:7px 50px;font-size:11px;letter-spacing:.09em}
.hero{padding:72px 0 82px;background:linear-gradient(135deg,#fff 0%,#fff 63%,#fff5f5 100%)}
.hero:after{right:-250px;top:-300px;width:700px;height:700px;border-color:rgba(227,25,37,.09);box-shadow:0 0 0 50px rgba(227,25,37,.025),0 0 0 100px rgba(227,25,37,.015)}
.hero-grid{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:64px;align-items:center}
.hero h1{font-size:clamp(46px,5vw,72px);max-width:650px;margin:16px 0 18px;letter-spacing:-.065em}
.hero p{font-size:18px;max-width:560px;color:#68717b}
.hero-actions{margin-top:26px}
.hero-note{font-size:12px}
.hero-visual{max-width:690px;width:100%;justify-self:end}
.hero-slider{height:570px;border-radius:30px;background:#fff;border:1px solid rgba(17,21,26,.08);box-shadow:0 30px 90px rgba(17,21,26,.16)}
.hero-slides{height:570px!important;position:relative!important;overflow:hidden}
.hero-slide{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:scale(1.025);transition:opacity .55s ease,transform .7s ease,visibility .55s ease}
.hero-slide.is-active{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:scale(1)!important;z-index:2}
.hero-slide .hero-image{display:block;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:30px!important;box-shadow:none!important}
.hero-slider:before{content:"";position:absolute;z-index:3;inset:auto 0 0;height:34%;background:linear-gradient(transparent,rgba(10,12,15,.5));pointer-events:none;border-radius:0 0 30px 30px}
.hero-dots{left:24px;bottom:22px;padding:9px 11px;background:rgba(10,12,15,.62);backdrop-filter:blur(12px)}
.hero-dot{width:8px;height:8px}
.hero-badge{left:auto;right:22px;bottom:22px;z-index:5;padding:13px 16px;border-radius:14px;background:rgba(255,255,255,.95);box-shadow:0 14px 38px rgba(0,0,0,.2);backdrop-filter:blur(10px)}
.hero-badge .badge-icon{width:36px;height:36px}
.trust-strip{background:#101318;padding:16px 0}
.trust-grid{gap:0;grid-template-columns:repeat(4,1fr)}
.trust-item{justify-content:center;border-right:1px solid rgba(255,255,255,.09);padding:0 16px}
.trust-item:last-child{border-right:0}
.section{padding:94px 0}
.section-soft{background:#f7f8fa}
.section-head{margin-bottom:42px}
.section-head h2{font-size:clamp(34px,4vw,54px);line-height:1.05;letter-spacing:-.055em;margin-top:10px}
.service-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.service-card{overflow:hidden;border:1px solid var(--ybt-line);border-radius:22px;background:#fff;box-shadow:0 10px 34px rgba(17,21,26,.06);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.service-card:hover{transform:translateY(-6px);box-shadow:0 24px 55px rgba(17,21,26,.12);border-color:rgba(227,25,37,.2)}
.service-card-image{display:block;width:100%;height:210px;object-fit:cover}
.service-card-content{padding:22px}
.service-card h3{font-size:21px;line-height:1.15;margin:10px 0 8px;letter-spacing:-.03em}
.service-card p{font-size:14px;color:var(--ybt-muted);margin:0 0 14px}
.service-card .text-link{font-size:13px;font-weight:900;color:var(--ybt-red)}
.why-grid{gap:18px}
.why-card,.seo-copy-grid article,.testimonial-grid article,.process-card{border-radius:20px;box-shadow:0 8px 28px rgba(17,21,26,.04)}
.announcement{border-radius:24px;box-shadow:0 22px 60px rgba(17,21,26,.12);background:#101318;color:#fff;padding:38px 42px}
.announcement p{color:rgba(255,255,255,.68)}
.brand-section{background:#fff!important;color:var(--ybt-ink)!important;border-top:1px solid var(--ybt-line);border-bottom:1px solid var(--ybt-line)}
.brand-section .section-head p{color:var(--ybt-muted)!important}
.brand-marquee{background:#fff!important;border:1px solid var(--ybt-line)!important;box-shadow:0 16px 50px rgba(17,21,26,.07)!important;border-radius:24px!important;padding:0 18px}
.brand-track{padding:12px 0;align-items:center}
.brand-track img{width:700px!important;height:150px!important;flex-basis:700px!important;object-fit:contain!important;background:#fff!important}
.gallery-slider{overflow:hidden;border-radius:24px}
.gallery-track{display:flex;gap:16px;overflow:auto;scrollbar-width:none;padding-bottom:8px}
.gallery-track::-webkit-scrollbar{display:none}
.gallery-track a{flex:0 0 280px;border-radius:18px;overflow:hidden;background:#f2f3f5;box-shadow:0 12px 34px rgba(17,21,26,.08)}
.gallery-track img{width:100%;height:250px;object-fit:cover;display:block;transition:transform .35s ease}
.gallery-track a:hover img{transform:scale(1.04)}
.map-frame{border-radius:24px}
.cta{padding:100px 0;background:#101318;color:#fff}
.cta .eyebrow{color:#ff4a54}.cta .eyebrow:before{background:#ff4a54}.cta h2{font-size:clamp(36px,4vw,58px);line-height:1.05;letter-spacing:-.055em}.cta p{color:rgba(255,255,255,.68)}
.cta-card{border:1px solid rgba(255,255,255,.1);background:#fff;color:var(--ybt-ink);box-shadow:0 28px 80px rgba(0,0,0,.3)}
.footer{background:#0c0f12;color:#fff;padding-top:72px}.footer p,.footer li,.footer-bottom{color:rgba(255,255,255,.62)}.footer a{color:#fff}.footer-logo{width:300px;filter:drop-shadow(0 10px 25px rgba(0,0,0,.2))}
.live-support{right:24px;bottom:88px}.live-support-toggle{border-radius:999px!important;background:#101318!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 18px 48px rgba(0,0,0,.18)!important}.live-support-panel{border-radius:20px!important;box-shadow:0 25px 80px rgba(17,21,26,.24)!important}
.floating-wa{right:24px;bottom:24px;background:#19b95b;padding:13px 18px;box-shadow:0 14px 36px rgba(25,185,91,.28)}
@media(max-width:1080px){.header-main{grid-template-columns:270px minmax(0,1fr) auto;gap:18px}.site-logo-horizontal{width:250px}.main-nav ul{gap:18px}.main-nav a{font-size:12px}.hero-grid{gap:38px}.hero-slider,.hero-slides{height:500px!important}.service-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.site-header{position:relative}.header-main{grid-template-columns:minmax(0,1fr) auto;min-height:78px}.main-nav{display:none;position:absolute;left:16px;right:16px;top:78px;margin:0;padding:16px;background:#fff;border:1px solid var(--ybt-line);border-radius:18px;box-shadow:0 20px 60px rgba(17,21,26,.15);z-index:100}.main-nav.is-open{display:block}.main-nav ul{display:grid;gap:3px}.main-nav a{display:block;padding:13px 10px;font-size:14px}.header-actions{display:none}.mobile-toggle{display:grid!important;place-items:center;min-width:46px;min-height:46px;border-radius:12px;background:#f5f6f8}.hero{padding:56px 0 64px}.hero-grid{grid-template-columns:1fr;gap:34px}.hero-visual{justify-self:stretch;max-width:none}.hero-slider,.hero-slides{height:460px!important}.hero h1{font-size:clamp(42px,10vw,62px)}.trust-grid{grid-template-columns:repeat(2,1fr)}.trust-item{padding:10px;border-bottom:1px solid rgba(255,255,255,.08)}.section{padding:70px 0}.service-list{grid-template-columns:repeat(2,minmax(0,1fr))}.intro-grid,.about-grid,.map-grid,.cta-grid{gap:32px}.testimonial-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.container{width:calc(100% - 28px)}.topbar-inner{font-size:11px}.header-main{padding:8px 0}.site-logo-horizontal{width:225px}.hero-slider,.hero-slides{height:370px!important}.hero-slide .hero-image{border-radius:22px!important}.hero-slider{border-radius:22px}.hero-slider:before{border-radius:0 0 22px 22px}.hero-badge{right:12px;bottom:12px;padding:10px 12px}.hero-badge strong{font-size:12px}.hero-badge span{font-size:10px}.hero-dots{left:12px;bottom:12px}.service-list{grid-template-columns:1fr}.why-grid,.seo-copy-grid,.testimonial-grid,.process{grid-template-columns:1fr}.brand-track img{width:520px!important;flex-basis:520px!important;height:125px!important}.gallery-track a{flex-basis:230px}.gallery-track img{height:210px}.floating-wa{right:14px;bottom:14px;font-size:12px}.live-support{right:14px;bottom:72px}.announcement{padding:26px}.footer-logo{width:245px}}
.hero-arrow{position:absolute;top:50%;z-index:6;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:rgba(15,18,22,.58);color:#fff;font-size:34px;line-height:1;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(10px);transition:.2s ease}.hero-arrow:hover{background:var(--ybt-red);border-color:var(--ybt-red)}.hero-prev{left:18px}.hero-next{right:18px}@media(max-width:560px){.hero-arrow{width:40px;height:40px;font-size:28px}.hero-prev{left:10px}.hero-next{right:10px}}
/* v4 premium form + clean media rules */
.live-support-panel{max-height:min(680px,calc(100vh - 130px));overflow:auto;padding:18px;background:#fff!important;color:var(--ybt-ink)!important}
.live-support-panel .contact-form{display:grid!important;visibility:visible!important;opacity:1!important;gap:10px!important}
.live-support-panel .field{display:grid!important;visibility:visible!important;gap:5px!important}
.live-support-panel .field label{display:block!important;visibility:visible!important;color:#303740!important;font-size:11px!important;font-weight:800!important}
.live-support-panel .field input,.live-support-panel .field textarea,.live-support-panel .field select{display:block!important;visibility:visible!important;opacity:1!important;color:#161a1f!important;background:#fff!important;border:1px solid #dfe3e8!important;font-size:13px!important;line-height:1.35!important}
.live-support-panel .field input::placeholder,.live-support-panel .field textarea::placeholder{color:#8b929b!important;opacity:1!important}
.live-support-panel .field textarea{min-height:78px!important;height:78px!important}
.live-support-panel .form-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.live-support-panel .btn{display:flex!important;align-items:center;justify-content:center;width:100%;min-height:44px!important;margin-top:2px}
.live-support-panel .form-status{min-height:18px;color:#18864b!important;font-size:11px!important}
.ai-help{color:#6a7078!important;background:#fff2f3!important;border-color:#ffd5d9!important}
@media(max-width:560px){.live-support-panel{width:min(360px,calc(100vw - 24px));right:-2px;max-height:calc(100vh - 105px)}.live-support-panel .form-grid-two{grid-template-columns:1fr}.live-support-toggle span:last-child{font-size:12px}}
.ybt-lightbox{position:fixed;inset:0;z-index:99999;background:rgba(10,12,15,.94);display:grid;place-items:center;padding:30px}.ybt-lightbox img{max-width:min(1100px,94vw);max-height:88vh;border-radius:16px;box-shadow:0 30px 100px rgba(0,0,0,.5)}.ybt-lightbox button{position:absolute;right:24px;top:18px;border:0;background:#fff;color:#111;width:44px;height:44px;border-radius:50%;font-size:28px;cursor:pointer}
/* Final service form visibility + compact WhatsApp form */
.cta-card{background:#fff!important;color:#161a1f!important}
.cta-card h3{color:#161a1f!important;margin-bottom:12px!important}
.cta-card .contact-form{display:grid!important;visibility:visible!important;opacity:1!important;gap:12px!important}
.cta-card .field{display:grid!important;visibility:visible!important;opacity:1!important;gap:6px!important}
.cta-card .field label{display:block!important;visibility:visible!important;color:#303740!important;font-size:12px!important;font-weight:800!important}
.cta-card .field input,.cta-card .field textarea,.cta-card .field select{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;color:#161a1f!important;background:#fff!important;border:1px solid #d9dee5!important;border-radius:11px!important;font-size:14px!important;line-height:1.4!important;min-height:44px!important;padding:11px 12px!important;box-shadow:inset 0 1px 2px rgba(17,21,26,.03)!important}
.cta-card .field textarea{height:92px!important;min-height:92px!important;resize:vertical!important}
.cta-card .field input::placeholder,.cta-card .field textarea::placeholder{color:#8a929c!important;opacity:1!important}
.cta-card .field input:focus,.cta-card .field textarea:focus,.cta-card .field select:focus{outline:3px solid rgba(229,29,42,.12)!important;border-color:var(--ybt-red)!important}
.cta-card .btn{display:flex!important;width:100%!important;min-height:46px!important;margin-top:2px!important}
.cta-card .form-status{min-height:18px;color:#16834a!important;font-size:12px!important}
.live-support-panel{width:360px!important;max-height:calc(100vh - 150px)!important;padding:18px!important;background:#fff!important;color:#161a1f!important;border:1px solid #e3e7ec!important}
.live-support-panel[hidden]{display:none!important}
.live-support-panel .live-support-head{margin-bottom:14px!important;padding-bottom:12px!important;border-bottom:1px solid #edf0f3!important}
.live-support-panel .live-support-head strong{color:#161a1f!important;font-size:17px!important}
.live-support-panel .live-support-head small{color:#717983!important;font-size:11px!important}
.live-support-panel .contact-form{display:grid!important;visibility:visible!important;opacity:1!important;gap:9px!important}
.live-support-panel .field{display:grid!important;visibility:visible!important;opacity:1!important;gap:5px!important}
.live-support-panel .field label{display:block!important;visibility:visible!important;color:#303740!important;font-size:11px!important;font-weight:800!important}
.live-support-panel .field input,.live-support-panel .field textarea,.live-support-panel .field select{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;color:#161a1f!important;background:#fff!important;border:1px solid #d9dee5!important;border-radius:10px!important;font-size:13px!important;line-height:1.35!important;min-height:40px!important;padding:9px 10px!important}
.live-support-panel .field textarea{height:70px!important;min-height:70px!important;resize:vertical!important}
.live-support-panel .field input::placeholder,.live-support-panel .field textarea::placeholder{color:#8a929c!important;opacity:1!important}
.live-support-panel .btn{display:flex!important;width:100%!important;min-height:42px!important;margin-top:3px!important}
.live-support-panel .form-status{min-height:16px!important;color:#16834a!important;font-size:11px!important}
@media(max-width:560px){.live-support-panel{width:min(360px,calc(100vw - 24px))!important;right:-2px!important;max-height:calc(100vh - 120px)!important}.live-support-toggle{padding:10px 12px!important}.live-support-toggle span:last-child{font-size:12px!important}}