/* Konya Mobil Lastik Pro 4 — branded modern motion and editable design tokens. */
:root{--dark:#102136;--surface:#fff;--button-text:#102136;--topbar-color:#0c1727;--footer-color:#091522;--hero-height:660px;--radius:18px}
body{overflow-x:hidden}
::selection{background:var(--accent);color:var(--dark)}
.topbar{background:var(--topbar-color)}
.site-header{transition:box-shadow .3s ease,background-color .3s ease;box-shadow:0 6px 26px rgba(15,27,45,.06)}
.site-header.kml-scrolled{box-shadow:0 13px 32px rgba(13,32,54,.14)}
.brand-icon{background:var(--dark);border-radius:14px;box-shadow:0 5px 13px rgba(10,30,53,.12)}
.brand-icon svg{height:30px;width:30px;transition:transform .4s cubic-bezier(.18,.8,.32,1.3)}
.text-logo:hover .brand-icon svg{transform:translateX(3px)}
.text-logo strong{max-width:220px;font-size:clamp(14px,1.6vw,19px)}
.text-logo small{letter-spacing:.08em}
.header-search-toggle{border-radius:12px}
.header-cta .button{border-radius:12px}
.button,.search-form button,.category-tabs a{transition:transform .3s,box-shadow .3s,background-color .3s,border-color .3s,color .3s}
.button-accent{color:var(--button-text)}
.button-accent:hover{background:var(--accent);filter:brightness(1.045);color:var(--button-text)}
.button-dark{background:var(--dark)}
.button:hover{transform:translateY(-3px);box-shadow:0 13px 28px rgba(5,20,38,.17)}
.button:active{transform:translateY(0)}
.hero-v4{height:var(--hero-height);min-height:580px;background:var(--dark)}
.hero-v4 .hero-slide::before{background-image:linear-gradient(91deg,rgba(8,21,38,.96) 0%,rgba(9,25,44,.91) 30%,rgba(8,24,41,.59) 64%,rgba(8,25,45,.36) 100%),var(--hero-image);background-position:center,center;transform:scale(1.09)}
.hero-v4 .hero-slide.is-active::before{transform:scale(1)}
.hero-v4 .hero-slide::after{background:radial-gradient(ellipse at 70% 40%,rgba(255,207,104,.07),transparent 46%)}
.hero-noise{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.45;background-image:radial-gradient(rgba(255,255,255,.28) .6px,transparent .6px);background-size:26px 26px;mask-image:linear-gradient(to right,transparent 12%,#000 85%)}
.hero-inner{isolation:isolate}
.hero-v4 .hero-copy{max-width:760px;position:relative;z-index:2;padding-block:45px 55px}
.hero-v4 .hero-eyebrow{font-size:11px;color:#f7eaca;letter-spacing:.14em;padding:10px 15px;border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.09);backdrop-filter:blur(12px)}
.hero-v4 h1{max-width:770px;font-size:clamp(48px,5.7vw,82px);font-weight:900;line-height:1.06;letter-spacing:-.062em;text-wrap:balance;text-shadow:0 7px 40px rgba(0,0,0,.13)}
.hero-v4 h1::after{content:"";display:block;width:86px;height:5px;border-radius:5px;background:var(--accent);margin-top:27px;box-shadow:0 0 25px rgba(255,205,108,.38)}
.hero-v4 .hero-copy>p{max-width:580px;font-size:clamp(16px,1.7vw,19px);line-height:1.8}
.hero-v4 .hero-actions{margin-top:30px}
.hero-v4 .hero-actions .button{border-radius:12px}
.hero-v4 .hero-points{font-weight:700;color:#f1f4f8}
.hero-v4 .hero-points span{background:rgba(255,255,255,.04);padding:6px 10px;border-radius:100px}
.hero-v4 .hero-points svg{color:var(--accent)}
.hero-glass-card{position:absolute;z-index:3;right:0;bottom:130px;display:flex;gap:14px;align-items:center;width:min(318px,32%);padding:21px 20px;border:1px solid rgba(255,255,255,.24);border-radius:19px;background:rgba(255,255,255,.11);color:#fff;backdrop-filter:blur(17px);-webkit-backdrop-filter:blur(17px);box-shadow:0 30px 70px rgba(0,0,0,.22);animation:kmlCardFloat 6.4s ease-in-out infinite}
.hero-glass-icon{display:grid;place-items:center;flex:none;height:54px;width:54px;border-radius:14px;background:var(--accent);color:var(--dark)}
.hero-glass-icon svg{width:28px;height:28px}
.hero-glass-label{min-width:0;line-height:1.3}.hero-glass-label strong{font-size:14px;display:block;font-weight:850}.hero-glass-label small{display:block;font-size:11px;line-height:1.5;color:#d9e2ee;margin-top:4px}
.glass-wave{position:absolute;right:12px;top:-13px;display:flex;gap:3px;align-items:center;height:14px}.glass-wave i{display:block;background:var(--accent);width:4px;height:6px;border-radius:5px;animation:kmlEq 1s ease-in-out infinite alternate}.glass-wave i:nth-child(2){height:12px;animation-delay:.25s}.glass-wave i:nth-child(3){height:8px;animation-delay:.5s}
.hero-v4 .hero-slide.is-active .hero-copy>*{animation:kmlRiseText .78s cubic-bezier(.17,.76,.23,.99) both}
.hero-v4 .hero-slide.is-active .hero-copy>*:nth-child(2){animation-delay:.14s}
.hero-v4 .hero-slide.is-active .hero-copy>*:nth-child(3){animation-delay:.29s}
.hero-v4 .hero-slide.is-active .hero-copy>*:nth-child(4){animation-delay:.42s}
.hero-v4 .hero-slide.is-active .hero-copy>*:nth-child(5){animation-delay:.53s}
.slider-controls{bottom:28px}.slider-controls button{backdrop-filter:blur(10px)}
.hero-bottom-stroke{height:4px;box-shadow:0 0 22px rgba(255,197,67,.35)}
.features-v4{background:var(--surface);border-bottom:0;box-shadow:0 14px 32px rgba(9,33,59,.045)}
.features-v4 .feature-item{border-right-color:#edf1f5;transition:background .28s ease}
.features-v4 .feature-item:hover{background:rgba(246,185,51,.055)}
.features-v4 .feature-icon{border-radius:15px;transition:transform .35s;box-shadow:inset 0 0 0 1px rgba(218,168,52,.08)}
.features-v4 .feature-item:hover .feature-icon{transform:rotate(-7deg) scale(1.08)}
.section{position:relative}
.section-title{line-height:1.14;text-wrap:balance}
.eyebrow{letter-spacing:.13em}
.about-section{overflow:hidden}.about-section::before{content:"";position:absolute;pointer-events:none;left:-180px;bottom:-225px;width:430px;height:430px;border:1px solid rgba(186,206,229,.21);border-radius:50%;box-shadow:0 0 0 80px rgba(230,235,246,.10),0 0 0 155px rgba(230,235,246,.06)}
.about-image-wrap{border-radius:27px}
.about-image-wrap img{transition:transform .7s ease}
.about-image-wrap:hover img{transform:scale(1.055)}
.about-caption{background:var(--dark);border:1px solid rgba(255,255,255,.10);border-radius:17px;box-shadow:0 22px 55px rgba(11,30,48,.18)}
.services-section,.faq-section,.related-section{background:var(--bg)}
.content-card{border-color:rgba(30,55,88,.08);border-radius:var(--radius);background:var(--surface);box-shadow:0 15px 45px rgba(8,27,46,.055)}
.content-card:hover{box-shadow:0 25px 57px rgba(8,27,46,.14);transform:translateY(-9px)}
.card-media{aspect-ratio:1.62}
.card-body{padding:30px}
.card-body h3{font-size:21px}
.card-media-icon{background:var(--accent)}
.process-section{background:var(--dark);isolation:isolate}
.process-section::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.035),transparent 35%),radial-gradient(circle at 80% 70%,rgba(255,206,90,.045),transparent 38%);pointer-events:none}
.process-item{border-color:rgba(255,255,255,.11);transition:transform .3s ease,border-color .3s ease,background .3s ease}
.process-item:hover{transform:translateY(-8px);border-color:rgba(255,205,85,.37);background:rgba(255,255,255,.075)}
.process-icon{border-radius:16px}.process-num{right:24px;top:16px}
.area-section{overflow:hidden}.area-visual{border-radius:var(--radius)}
.area-photo{background:#e5ebf0}.area-photo img{width:100%;height:100%;min-height:380px;object-fit:cover}
.area-photo::after{display:none}
.faq-list details{border-radius:12px;transition:box-shadow .3s,border-color .3s}
.faq-list details[open]{box-shadow:0 13px 35px rgba(13,36,57,.06);border-color:var(--accent)}
.faq-list summary{transition:color .2s}.faq-list summary:hover{color:#a67816}
.bottom-cta{background:linear-gradient(115deg,var(--dark),#071527);position:relative;overflow:hidden}
.bottom-cta::after{content:"";position:absolute;inset:-80px 0 -80px auto;width:35%;background:radial-gradient(circle,rgba(250,192,54,.16),transparent 65%);pointer-events:none}
.bottom-cta .container{position:relative;z-index:1}
.footer{background:var(--footer-color)}
.footer-grid h3{color:#fff}
.mobile-action-bar{backdrop-filter:blur(12px)}
.kml-to-top{position:fixed;bottom:30px;right:24px;z-index:85;width:45px;height:45px;border-radius:14px;background:var(--dark);color:#fff;display:grid;place-items:center;box-shadow:0 12px 28px rgba(8,23,42,.25);border:1px solid rgba(255,255,255,.13);opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .3s,transform .3s,visibility .3s}
.kml-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.kml-to-top:hover{background:var(--accent);color:var(--dark)}
@keyframes kmlRiseText{from{opacity:0;transform:translateY(26px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes kmlSlideText{from{opacity:0;transform:translateX(-34px);filter:blur(2px)}to{opacity:1;transform:translateX(0);filter:blur(0)}}
@keyframes kmlCardFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-12px) rotate(0deg)}}
@keyframes kmlEq{0%{height:4px}100%{height:14px}}
@media(min-width:981px){.hero-v4 .hero-copy{max-width:70%}.hero-v4 .hero-inner{position:relative}.hero-glass-card{right:0}}
@media(max-width:1170px){.hero-glass-card{right:10px;width:270px;padding:15px}.hero-v4 .hero-copy{max-width:670px}}
@media(max-width:980px){.hero-glass-card{right:0;bottom:65px}.hero-v4 .hero-copy{max-width:680px}.hero-v4{height:620px}.header-cta .button{min-width:0}}
@media(max-width:720px){.hero-v4{height:auto;min-height:635px}.hero-v4 .hero-inner{min-height:635px}.hero-v4 .hero-copy{max-width:100%;padding:65px 0 135px}.hero-v4 h1{font-size:clamp(40px,10.5vw,62px)}.hero-v4 h1::after{margin-top:20px;width:58px}.hero-v4 .hero-eyebrow{font-size:10px}.hero-v4 .hero-points{margin-top:23px;gap:7px}.hero-v4 .hero-points span{padding:3px 5px;font-size:10px}.hero-glass-card{display:none}.features-v4 .feature-item{border-right-color:#edf1f5}.kml-to-top{right:17px;bottom:87px;width:40px;height:40px}.process-item:hover,.content-card:hover{transform:none}}
@media(max-width:380px){.hero-v4,.hero-v4 .hero-inner{min-height:705px}.hero-v4 .hero-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){.hero-glass-card,.glass-wave i,.hero-v4 .hero-slide.is-active .hero-copy>*{animation:none!important}.hero-v4 .hero-slide::before{transition:none!important}.content-card,.process-item,.button{transition:none!important}}