/* =========================================================================
   GMS GARAGE — PREMIUM DARK LAYER  (siyah / kırmızı / kurumsal)
   Bu dosya en son yüklenir; PHP, veritabanı ve içeriğe dokunmaz.
   Geri almak için index.php içindeki premium.css satırını silmeniz yeterli.
   ========================================================================= */

:root{
  --red:#e10613;
  --red-hot:#ff1e2d;
  --red-deep:#9b0009;
  --black:#050506;
  --ink:#0a0a0c;
  --panel:#101013;
  --panel-2:#16161a;
  --line:rgba(255,255,255,.08);
  --line-2:rgba(255,255,255,.14);
  --text:#f4f4f6;
  --muted:#a4a4ac;
  --radius:4px;
  --ease:cubic-bezier(.2,.7,.2,1);
  --head:'Barlow Condensed','Fira Sans',Impact,sans-serif;
  --body:'Inter','Fira Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
}

/* ---------- Temel ---------- */
html,body{background:var(--black)!important;color:var(--muted)!important;font-family:var(--body)!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
body{height:auto!important;overflow-x:hidden}
h1,h2,h3,h4,h5,h6{font-family:var(--head)!important;color:#fff!important;letter-spacing:.01em}
h1,h2,h3,h4{font-weight:700!important}
p{color:var(--muted)!important;font-size:15px;line-height:1.8}
a{color:#fff}
a:hover,a:focus,a:active{color:var(--red-hot)}
::selection{background:var(--red);color:#fff}
::-moz-selection{background:var(--red);color:#fff}
img{-webkit-transition-duration:.5s;transition-duration:.5s}

/* ince, premium kaydırma çubuğu */
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#08080a}
::-webkit-scrollbar-thumb{background:linear-gradient(var(--red),var(--red-deep));border-radius:10px;border:2px solid #08080a}

/* ---------- Preloader ---------- */
#preloader{background:var(--black)!important}
.loader-icon{border-color:rgba(255,255,255,.08)!important;border-top-color:var(--red)!important}

/* ---------- Üst bilgi çubuğu ---------- */
#top-bar{background:#000!important;border-bottom:1px solid var(--line);height:44px}
.top-bar-welcome li,.top-bar-info li{color:#b9b9c0!important;font-size:12px!important;letter-spacing:.04em}
.top-bar-info li i,.top-bar-welcome li i{color:var(--red)!important}
.social-icons li a{color:#b9b9c0!important;transition:color .3s,transform .3s}
.social-icons li a:hover{color:var(--red-hot)!important;transform:translateY(-2px)}
.lang>ul>li>a{color:#b9b9c0!important}
a.teklif{display:inline-block!important;float:right;height:44px;line-height:44px;padding:0 26px!important;margin:0 0 0 18px;background:linear-gradient(135deg,var(--red-hot),var(--red-deep))!important;color:#fff!important;border-radius:0!important;letter-spacing:.14em;text-transform:uppercase;font-weight:700;font-size:11px!important;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}
a.teklif:hover{filter:brightness(1.15)}

/* ---------- Header / Menü ---------- */
header{position:relative;z-index:99}
.navigation,.navigation-fixed-wrapper{background:rgba(7,7,9,.92)!important}
.navigation-fixed-wrapper{border-bottom:1px solid var(--line)!important;box-shadow:0 20px 50px rgba(0,0,0,.6)!important;-webkit-backdrop-filter:saturate(160%) blur(14px);backdrop-filter:saturate(160%) blur(14px)}
header::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--red) 20%,var(--red) 80%,transparent);opacity:.55;pointer-events:none}
.navigation{height:92px}
.main-logo,#main_logo{max-height:64px;width:auto;filter:drop-shadow(0 4px 18px rgba(225,6,19,.28))}
.nav-menu>li>a{color:#eaeaee!important;font-family:var(--head)!important;font-size:16px!important;font-weight:600!important;letter-spacing:.12em;text-transform:uppercase;position:relative;transition:color .3s}
.nav-menu>li>a::after{content:"";position:absolute;left:50%;bottom:22px;width:0;height:2px;background:var(--red);transition:width .4s var(--ease),left .4s var(--ease)}
.nav-menu>li:hover>a,.nav-menu>li.active>a,.nav-menu>li.focus>a{color:#fff!important}
.nav-menu>li:hover>a::after,.nav-menu>li.active>a::after{width:60%;left:20%}
.nav-menu>li:hover>a .submenu-indicator-chevron,.nav-menu>.active>a .submenu-indicator-chevron,.nav-menu>.focus>a .submenu-indicator-chevron{border-color:transparent var(--red) var(--red) transparent!important}
.nav-menu>li>a .submenu-indicator-chevron{border-color:transparent #888 #888 transparent}
.nav-dropdown{background:#0b0b0e!important;border:1px solid var(--line)!important;border-top:2px solid var(--red)!important;box-shadow:0 30px 60px rgba(0,0,0,.7)!important;border-radius:0!important}
.nav-dropdown>li>a{color:#d6d6dc!important;font-size:13px!important;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--line)!important;transition:all .3s var(--ease)}
.nav-dropdown>li>a:hover{color:#fff!important;background:linear-gradient(90deg,rgba(225,6,19,.22),transparent)!important;padding-left:26px!important}
.nav-toggle:before{color:#fff!important}
.nav-toggle{color:#fff!important}
@media (max-width:991px){
  .navigation-portrait .nav-menus-wrapper{background:#07070a!important}
  .navigation-portrait .nav-menu>li{border-bottom:1px solid var(--line)!important}
  .navigation-portrait .nav-menu>li>a{height:auto}
  .navigation-portrait .nav-menu>li>a::after{display:none}
  .navigation-portrait .nav-dropdown>li>a{background:transparent!important}
  .navigation-portrait .nav-menus-wrapper-close-button{color:#fff!important}
}

/* ---------- Hero Slider ---------- */
.swiper-main-slider{background:#000}
.swiper-main-slider .swiper-slide{background-position:center!important;background-size:cover!important}
.medium-overlay{background:
  linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.62) 42%,rgba(0,0,0,.12) 100%),
  linear-gradient(0deg,rgba(5,5,6,1) 0%,rgba(5,5,6,0) 32%),
  radial-gradient(60% 80% at 8% 100%,rgba(225,6,19,.28),transparent 70%)!important;opacity:1!important}
.slider-content{position:relative}
.slider-content::before{content:"";display:block;width:64px;height:4px;background:var(--red);margin-bottom:26px;box-shadow:0 0 24px rgba(225,6,19,.8)}
.slider-content h2{font-family:var(--head)!important;font-size:clamp(34px,6vw,84px)!important;line-height:1.02!important;font-weight:800!important;text-transform:uppercase;letter-spacing:.01em;color:#fff!important;text-shadow:0 8px 40px rgba(0,0,0,.6)}
.slider-content p{color:rgba(255,255,255,.78)!important;font-size:17px!important;line-height:1.8!important;max-width:560px}
.swiper-button-next,.swiper-button-prev{width:54px!important;height:54px!important;background-color:rgba(10,10,12,.55)!important;border:1px solid var(--line-2);border-radius:0;background-size:14px!important;transition:all .35s var(--ease);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.swiper-button-next:hover,.swiper-button-prev:hover{background-color:var(--red)!important;border-color:var(--red)}
.swiper-pagination-bullet{background:#fff!important;opacity:.35!important;width:34px!important;height:3px!important;border-radius:0!important;transition:all .4s}
.swiper-pagination-bullet-active{background:var(--red)!important;opacity:1!important;width:60px!important}

/* ---------- Butonlar ---------- */
.primary-button,.tg-theme-btn,.btn-primary,button.primary-button{
  position:relative;display:inline-block;overflow:hidden;
  background:linear-gradient(135deg,var(--red-hot) 0%,var(--red) 55%,var(--red-deep) 100%)!important;
  color:#fff!important;border:0!important;border-radius:0!important;
  font-family:var(--head)!important;font-weight:700!important;font-size:15px!important;letter-spacing:.18em;text-transform:uppercase;
  padding:15px 34px!important;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);
  box-shadow:0 14px 34px -10px rgba(225,6,19,.7);
  transition:transform .35s var(--ease),filter .35s,box-shadow .35s}
.primary-button::before,.tg-theme-btn::before{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);transition:left .7s var(--ease)}
.primary-button:hover::before,.tg-theme-btn:hover::before{left:140%}
.primary-button:hover,.tg-theme-btn:hover,.btn-primary:hover{transform:translateY(-3px);filter:brightness(1.12);color:#fff!important}
.button-sm{padding:12px 26px!important;font-size:13px!important}
.button-md{padding:16px 38px!important}
.white-button,.dark-button{background:transparent!important;color:#fff!important;border:1px solid var(--line-2)!important;border-radius:0!important;letter-spacing:.14em;text-transform:uppercase}
.white-button:hover,.dark-button:hover{border-color:var(--red)!important;color:var(--red-hot)!important}

/* ---------- Bölümler ---------- */
.section-block,.section-clients,.notice-section{background:var(--black)!important;padding:96px 0!important;position:relative}
.section-block-grey,.section-clients-grey,.section-block-dark{background:var(--ink)!important;padding:96px 0!important;position:relative;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.section-block-grey::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(50% 60% at 100% 0%,rgba(225,6,19,.10),transparent 70%),radial-gradient(40% 50% at 0% 100%,rgba(225,6,19,.06),transparent 70%)}
.section-block-grey>.container,.section-block>.container{position:relative}
.section-block-bg{position:relative;padding:100px 0!important}
.section-block-bg::before,.section-block-parallax::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,5,6,.86),rgba(5,5,6,.62),rgba(5,5,6,.9))}
.section-block-bg>.container,.section-block-parallax>.container{position:relative;z-index:1}
.section-block-parallax{padding:110px 0!important}
.section-clients{border-top:1px solid var(--line)}
.section-clients img{filter:grayscale(1) brightness(1.6);opacity:.55;transition:all .4s}
.section-clients img:hover{filter:none;opacity:1}
.border-top{border-top:1px solid var(--line)!important}

/* ---------- Bölüm başlıkları ---------- */
.section-heading{margin-bottom:6px}
.section-heading span{display:inline-block;color:var(--red-hot)!important;font-family:var(--head)!important;font-size:15px!important;font-weight:600;letter-spacing:.38em;text-transform:uppercase;margin-bottom:12px}
.section-heading h3,.section-heading h2{font-size:clamp(34px,4.4vw,58px)!important;font-weight:800!important;text-transform:uppercase;line-height:1.05;color:#fff!important}
.section-heading h5{font-size:26px!important;text-transform:uppercase;letter-spacing:.06em}
.section-heading p{max-width:680px;margin:16px auto 0;color:var(--muted)!important}
.section-heading.center-holder p{margin-left:auto;margin-right:auto}
.section-heading-line,.section-heading-line-left{background:linear-gradient(90deg,var(--red),var(--red-deep))!important;height:3px!important;width:72px!important;margin-top:20px;box-shadow:0 0 20px rgba(225,6,19,.6)}
.section-heading-line{margin-left:auto;margin-right:auto}
.white-color,.white-color h3,.white-color span{color:#fff!important}

/* ---------- Hizmet kartları ---------- */
.service-block{position:relative;background:linear-gradient(180deg,var(--panel),#0b0b0d)!important;border:1px solid var(--line)!important;border-radius:var(--radius);padding:0 0 26px!important;overflow:hidden;transition:transform .5s var(--ease),border-color .4s,box-shadow .5s;margin-bottom:30px}
.service-block::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:0;background:linear-gradient(90deg,var(--red-hot),var(--red-deep));transition:width .6s var(--ease)}
.service-block:hover{transform:translateY(-10px);border-color:rgba(225,6,19,.55)!important;box-shadow:0 40px 80px -30px rgba(225,6,19,.35),0 30px 60px -30px #000}
.service-block:hover::after{width:100%}
.service-block img{width:100%;aspect-ratio:4/3;object-fit:cover;filter:saturate(.9) contrast(1.05) brightness(.82);transition:transform 1.1s var(--ease),filter .6s;border-radius:0!important}
.service-block:hover img{transform:scale(1.08);filter:saturate(1.1) contrast(1.08) brightness(1)}
.service-block .clearfix{padding:22px 24px 0;display:flex;align-items:center;gap:16px}
.service-block-number{float:none!important;width:auto!important}
.service-block-number h5{font-size:40px!important;font-weight:800;line-height:1;background:none!important;color:transparent!important;-webkit-text-stroke:1px var(--red);padding:0!important;margin:0!important}
.service-block-title{float:none!important;width:auto!important;padding:0!important}
.service-block-title h4{font-size:22px!important;text-transform:uppercase;letter-spacing:.03em}
.service-block-title h4 a{color:#fff!important}
.service-block-title h4 a:hover{color:var(--red-hot)!important}
.service-block p{padding:12px 24px 0;font-size:14px}

/* ---------- Ürün / Kategori ---------- */
.shop-grid{background:var(--panel)!important;border:1px solid var(--line)!important;border-radius:var(--radius);overflow:hidden;margin-bottom:30px;transition:all .5s var(--ease)}
.shop-grid:hover{border-color:rgba(225,6,19,.55)!important;transform:translateY(-8px);box-shadow:0 40px 70px -30px rgba(225,6,19,.35)}
.shop-grid-info{background:transparent!important;padding:20px 22px!important}
.shop-grid-info h4 a{color:#fff!important}
.shop-grid-info h4 a:hover{color:var(--red-hot)!important}
.shop-grid-info span{color:var(--muted)!important}
.shop-grid-info h5{color:var(--red-hot)!important;font-size:22px}
.shop-grid-img img{width:100%;transition:transform 1s var(--ease)}
.shop-grid:hover .shop-grid-img img{transform:scale(1.07)}
.classic-shop,.single-product,.product-tab-body,.shop-tabs{background:var(--panel)!important;border:1px solid var(--line)}
.single-product-price,.shop-box-overlay{color:var(--red-hot)!important}
.tab-menu li a{background:var(--panel-2)!important;color:#ddd!important;border:1px solid var(--line)!important;text-transform:uppercase;letter-spacing:.1em;font-family:var(--head)}
.tab-menu li.active a,.tab-menu li a:hover{background:var(--red)!important;color:#fff!important;border-color:var(--red)!important}

/* ---------- Sayaçlar ---------- */
.counter-box h4{font-family:var(--head)!important;font-size:clamp(44px,5vw,72px)!important;font-weight:800!important;color:#fff!important;line-height:1}
.counter-box h4::after{background:none!important;color:var(--red-hot)!important;width:auto!important;height:auto!important;display:inline!important;position:static!important;padding:0!important;margin-left:2px;font-weight:800}
.counter-box p{color:#c9c9cf!important;text-transform:uppercase;letter-spacing:.2em;font-size:12px;font-weight:600}
.counter-box p::before{background:var(--red)!important}

/* ---------- Ekip ---------- */
.team-member{height:calc(100% - 30px)}
.team-member,.team-single{background:var(--panel)!important;border:1px solid var(--line)!important;border-radius:var(--radius);overflow:hidden;margin-bottom:30px;transition:all .5s var(--ease)}
.team-member:hover{border-color:rgba(225,6,19,.55)!important;transform:translateY(-8px);box-shadow:0 40px 70px -30px rgba(225,6,19,.3)}
.team-member-img{overflow:hidden}
.team-member-img img{width:100%;filter:grayscale(1) contrast(1.1);transition:all .9s var(--ease)}
.team-member:hover .team-member-img img{filter:grayscale(0);transform:scale(1.06)}
.team-member-text{background:transparent!important;padding:24px!important;text-align:center}
.team-member-text h4 a{color:#fff!important;text-transform:uppercase;letter-spacing:.05em}
.team-member-text span,.team-single-info span{color:var(--red-hot)!important;font-family:var(--head);letter-spacing:.2em;text-transform:uppercase;font-size:14px}
.team-member-text ul li a,.team-single-social li a{color:#ccc!important;background:var(--panel-2)!important;border:1px solid var(--line)!important;transition:all .3s}
.team-member-text ul li a:hover,.team-single-social li a:hover{background:var(--red)!important;border-color:var(--red)!important;color:#fff!important}

/* ---------- Yorumlar ---------- */
.testmonial-single{background:rgba(14,14,17,.82)!important;border:1px solid var(--line)!important;border-left:3px solid var(--red)!important;border-radius:var(--radius);padding:38px 34px!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:10px}
.testmonial-single p{color:#d0d0d6!important;font-size:16px;font-style:italic}
.testmonial-single h4{color:#fff!important;text-transform:uppercase;letter-spacing:.06em;margin-top:18px}
.testmonial-single h6{color:var(--red-hot)!important;letter-spacing:.12em;text-transform:uppercase;font-size:13px}
.owl-theme .owl-dots .owl-dot span{background:#333!important;width:26px;height:3px;border-radius:0}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:var(--red)!important}

/* ---------- Haberler / Blog ---------- */
.blog-grid{background:var(--panel)!important;border:1px solid var(--line)!important;border-radius:var(--radius);overflow:hidden;margin:10px;transition:all .5s var(--ease)}
.blog-grid:hover{border-color:rgba(225,6,19,.55)!important;box-shadow:0 40px 70px -30px rgba(225,6,19,.3)}
.blog-grid-img{position:relative;overflow:hidden}
.blog-grid-img img{width:100%;transition:transform 1s var(--ease);filter:brightness(.85)}
.blog-grid:hover .blog-grid-img img{transform:scale(1.07);filter:brightness(1)}
.data-box-grid{background:linear-gradient(135deg,var(--red-hot),var(--red-deep))!important;color:#fff!important;border-radius:0!important}
.data-box-grid h4,.data-box-grid p{color:#fff!important}
.blog-grid-text{background:transparent!important;padding:26px!important}
.blog-grid-text h4{color:#fff!important;text-transform:uppercase;font-size:22px!important}
.blog-grid-text ul li{color:#8d8d95!important;font-size:12px}
.blog-grid-text ul li i{color:var(--red)!important}
.blog-grid-simple,.blog-wrap,.blog-post-content,.blog-comments,.comment-block,.latest-posts{background:transparent!important;color:var(--muted)!important}
.blog-list-left-heading,.blog-title-box h4{color:#fff!important}
.blog-info li,.blog-info li a{color:#8d8d95!important}
.blog-share a{color:#fff!important}

/* ---------- Alt sayfa başlığı ---------- */
.page-title-section{position:relative;padding:110px 0 90px!important;background-color:#000!important;border-bottom:1px solid var(--line)!important;overflow:hidden}
.page-title-section::before{content:"";position:absolute;inset:0;width:100%!important;background:
  linear-gradient(180deg,rgba(5,5,6,.78),rgba(5,5,6,.92)),
  radial-gradient(50% 120% at 85% 0%,rgba(225,6,19,.38),transparent 70%)!important}
.page-title-section::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:120px;height:3px;background:var(--red);box-shadow:0 0 24px rgba(225,6,19,.9)}
.page-title-section .container{position:relative;z-index:1}
.page-title-section h1{font-family:var(--head)!important;font-size:clamp(38px,6vw,76px)!important;font-weight:800!important;text-transform:uppercase;letter-spacing:.02em!important;line-height:1.02!important;color:#fff!important}
.page-title-section ul li a{color:#c3c3ca!important;font-size:12px!important;letter-spacing:.2em;text-transform:uppercase}
.page-title-section ul li:after{color:var(--red)!important}
.page-title-section ul li:last-child a,.page-title-section ul li a:hover{color:var(--red-hot)!important}

/* ---------- Hizmet detay / yan menü / içerik ---------- */
.services-single-left-box,.services-single-right,.callback-box,.callback-box-form,.well,.panel,.panel-grey,.contact-form-box,.feedback-form,.back-box,.error-box,.alert{background:var(--panel)!important;border:1px solid var(--line)!important;border-radius:var(--radius)!important;color:var(--muted)!important}
.services-single-menu li a{display:block;background:var(--panel)!important;color:#dcdce2!important;border:1px solid var(--line)!important;border-left:3px solid transparent!important;margin-bottom:6px;padding:15px 20px!important;font-family:var(--head);font-size:17px;letter-spacing:.1em;text-transform:uppercase;transition:all .35s var(--ease)}
.services-single-menu li a:hover,.services-single-menu li.active a,.services-single-menu li a.active,.services-active{background:linear-gradient(90deg,rgba(225,6,19,.25),var(--panel))!important;border-left-color:var(--red)!important;color:#fff!important;padding-left:28px!important}
.services-single-left-heading,.section-single-heading,.detay_baslik{color:#fff!important;text-transform:uppercase;border-color:var(--line)!important}
.text-content,.text-content-big,.text-content *,.text-content-big *,.serv-section-desc,.blog-post-content *,.product-tab-body *,.team-single-text *{color:#c4c4cb!important;background-color:transparent!important}
.text-content h1,.text-content h2,.text-content h3,.text-content h4,.text-content-big h1,.text-content-big h2,.text-content-big h3,.text-content-big h4,.text-content strong,.text-content-big strong,.text-content b,.text-content-big b{color:#fff!important}
.text-content a,.text-content-big a{color:var(--red-hot)!important}
.text-content img,.text-content-big img{border-radius:var(--radius);border:1px solid var(--line)}
.text-content table,.text-content-big table{border-color:var(--line)!important}
.text-content td,.text-content th,.text-content-big td,.text-content-big th{border-color:var(--line)!important}
.primary-list li{color:#c9c9cf!important}
.primary-list li::before,.primary-list li i{color:var(--red)!important}
.serv-section-2,.serv-section-2-icon{background:var(--panel)!important;border:1px solid var(--line)!important}
.serv-section-2-icon i{color:var(--red)!important}

/* galeri */
.hizmet-galeri-item,.masonry-item,.gallery-caption{border-radius:var(--radius)!important;border:1px solid var(--line);box-shadow:none!important;background:var(--panel)!important}
.hizmet-galeri-item:hover,.masonry-item:hover{border-color:rgba(225,6,19,.6);box-shadow:0 30px 60px -30px rgba(225,6,19,.45)!important}
.hizmet-galeri-item img,.masonry-item img{transition:transform .9s var(--ease),filter .5s}
.hizmet-galeri-item:hover img,.masonry-item:hover img{transform:scale(1.07)}
.masonry-item-overlay{background:linear-gradient(0deg,rgba(225,6,19,.55),rgba(0,0,0,.35))!important}
.video-video-box{border:1px solid var(--line)}

/* ---------- Form / İletişim ---------- */
.contact-box{background:var(--panel)!important;border:1px solid var(--line)!important;border-radius:var(--radius);text-align:center;padding:38px 24px!important;margin-bottom:30px;transition:all .5s var(--ease);position:relative;overflow:hidden}
.contact-box::after{content:"";position:absolute;left:0;top:0;height:3px;width:0;background:var(--red);transition:width .6s var(--ease)}
.contact-box:hover{transform:translateY(-8px);border-color:rgba(225,6,19,.55)!important}
.contact-box:hover::after{width:100%}
.contact-box i{color:var(--red-hot)!important;font-size:40px!important;text-shadow:0 0 30px rgba(225,6,19,.55)}
.contact-box h4{text-transform:uppercase;letter-spacing:.06em;margin:14px 0 6px}
.contact-box span{color:var(--muted)!important}
input,textarea,select,.form-control{background:#0b0b0e!important;color:#fff!important;border:1px solid var(--line-2)!important;border-radius:0!important;padding:14px 16px;font-family:var(--body);transition:border-color .3s,box-shadow .3s,background .3s}
input::placeholder,textarea::placeholder{color:#76767e!important}
input:focus,textarea:focus,select:focus,.form-control:focus{border-color:var(--red)!important;background:#101014!important;box-shadow:0 0 0 3px rgba(225,6,19,.18)!important;outline:0}
select option{background:#0b0b0e;color:#fff}
label{color:#d0d0d6}

/* ---------- Pagination ---------- */
.pagination .page-link{background:var(--panel)!important;color:#ddd!important;border:1px solid var(--line)!important;border-radius:0!important;margin:0 3px;transition:all .3s}
.pagination .page-item.active .page-link,.pagination .page-link:hover{background:var(--red)!important;border-color:var(--red)!important;color:#fff!important}
.pagination .page-item.disabled .page-link{opacity:.4}

/* ---------- Akordeon / SSS ---------- */
.panel-group .panel,.accordion{border:1px solid var(--line)!important;background:var(--panel)!important;margin-bottom:10px;border-radius:var(--radius)!important}
.panel-heading,.accordion-heading,.accordion-title{background:transparent!important;border:0!important}
.panel-title a,.accordion-title a{color:#fff!important;font-family:var(--head);font-size:19px;letter-spacing:.05em;text-transform:uppercase}
.panel-body,.accordion-body{color:var(--muted)!important;border-top:1px solid var(--line)!important;background:transparent!important}

/* ---------- Modal ---------- */
.modal-content{background:#0b0b0e!important;border:1px solid var(--line-2)!important;border-top:3px solid var(--red)!important;border-radius:0!important;box-shadow:0 50px 120px rgba(0,0,0,.85)!important;color:var(--muted)}
.modal-title{color:#fff!important;text-transform:uppercase;letter-spacing:.06em}
.top_links a{color:#aaa!important}
.top_links a:hover{color:var(--red-hot)!important}
.modal-backdrop.show{opacity:.82}
.swal2-popup{background:#0e0e11!important;color:#fff!important;border:1px solid var(--line-2);border-top:3px solid var(--red);border-radius:0!important}
.swal2-title,.swal2-content,.swal2-html-container{color:#fff!important}
.swal2-confirm{background:var(--red)!important;border-radius:0!important}

/* ---------- Footer ---------- */
footer{position:relative;background:#030304!important;background-image:none!important;padding:96px 0 30px!important;border-top:1px solid var(--line);overflow:hidden}
footer::before{content:"";position:absolute;inset:0;background:radial-gradient(50% 70% at 0% 0%,rgba(225,6,19,.16),transparent 70%),radial-gradient(40% 60% at 100% 100%,rgba(225,6,19,.10),transparent 70%);pointer-events:none}
footer::after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--red),transparent)}
footer .container{position:relative;z-index:1}
footer img{max-height:78px;width:auto}
footer p{color:#8f8f97!important}
footer h3{font-size:24px!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.1em;color:#fff!important}
footer h3::after{background:var(--red)!important;width:48px!important;height:3px!important}
.footer-list li{padding:6px 0}
.footer-list li a{color:#a0a0a8!important;font-size:14px;position:relative;transition:all .3s var(--ease)}
.footer-list li a::before{content:"";display:inline-block;width:0;height:2px;background:var(--red);vertical-align:middle;margin-right:0;transition:all .3s var(--ease)}
.footer-list li a:hover{color:#fff!important;padding-left:4px}
.footer-list li a:hover::before{width:14px;margin-right:8px}
.footer-social-icons ul li{background:var(--panel-2)!important;border:1px solid var(--line)!important;border-radius:0!important;transition:all .35s var(--ease)}
.footer-social-icons ul li:hover{background:var(--red)!important;border-color:var(--red)!important;transform:translateY(-4px)}
.footer-social-icons ul li a{color:#fff!important}
footer .office-contact li{color:#a0a0a8!important;border-color:var(--line)!important}
footer .office-contact li h6{color:#fff!important;text-transform:uppercase;letter-spacing:.1em}
footer .office-contact li .fa{color:var(--red-hot)!important}
.footer-bar{border-top:1px solid var(--line)!important;margin-top:50px!important;padding-top:26px!important}
.footer-bar p{color:#6d6d75!important;font-size:12px;letter-spacing:.06em}

/* ---------- Yukarı çık ---------- */
.scroll-to-top{background:linear-gradient(135deg,var(--red-hot),var(--red-deep))!important;border:0!important;border-radius:0!important;width:48px!important;height:48px!important;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);box-shadow:0 14px 34px -8px rgba(225,6,19,.8)}
.scroll-to-top i{color:#fff!important}
.scroll-to-top:hover{filter:brightness(1.2);transform:translateY(-4px)}

/* ---------- Hareket: JS ile eklenen reveal ---------- */
.js-reveal{opacity:0;transform:translateY(34px);transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:var(--d,0s)}
.js-reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .js-reveal{opacity:1;transform:none;transition:none}
  *{animation-duration:.01ms!important;transition-duration:.01ms!important}
}

/* ---------- Mobil inceltme ---------- */
@media (max-width:767px){
  .section-block,.section-block-grey,.section-clients,.section-block-bg,.section-block-parallax{padding:64px 0!important}
  .page-title-section{padding:80px 0 64px!important}
  .slider-content p{font-size:15px!important}
  .navigation{height:auto}
  .primary-button,.tg-theme-btn{padding:14px 28px!important}
}

input[type=checkbox],input[type=radio]{padding:0;background:revert!important;border:revert!important}

/* =========================================================================
   v2 — ULTRA LÜKS KATMAN: açılış animasyonu • araba sinematiği • detaylar
   ========================================================================= */

/* ---------- Açılış (intro) ---------- */
#gms-intro{display:none}
html.gms-intro-on,html.gms-intro-on body{overflow:hidden!important}
html.gms-intro-on #preloader{display:none!important}
html.gms-intro-on #gms-intro{display:block;position:fixed;inset:0;z-index:2147483000;color:#fff;
  animation:gi-failsafe 0s linear 8s forwards}
@keyframes gi-failsafe{to{visibility:hidden;pointer-events:none}}
#gms-intro .gi-panel{position:absolute;left:0;right:0;height:50.2%;background:#030304;z-index:1;
  transition:transform 1.15s cubic-bezier(.77,0,.18,1)}
#gms-intro .gi-top{top:0;border-bottom:1px solid rgba(225,6,19,.0)}
#gms-intro .gi-bot{bottom:0}
#gms-intro .gi-panel::before{content:"";position:absolute;inset:0;
  background:radial-gradient(60% 90% at 50% 100%,rgba(225,6,19,.18),transparent 70%)}
#gms-intro .gi-bot::before{background:radial-gradient(60% 90% at 50% 0%,rgba(225,6,19,.18),transparent 70%)}
#gms-intro.go .gi-top{transform:translateY(-101%)}
#gms-intro.go .gi-bot{transform:translateY(101%)}
#gms-intro .gi-center{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;
  transition:opacity .5s ease,transform 1s cubic-bezier(.77,0,.18,1)}
#gms-intro.go .gi-center{opacity:0;transform:scale(1.12)}
#gms-intro .gi-logo{position:relative;width:min(240px,56vw);opacity:0;transform:scale(.9);
  animation:gi-logo 1.4s cubic-bezier(.2,.7,.2,1) .25s forwards;filter:drop-shadow(0 10px 50px rgba(225,6,19,.45))}
#gms-intro .gi-logo img{display:block;width:100%;height:auto}
#gms-intro .gi-logo::after{content:"";position:absolute;inset:0;
  background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.95) 50%,transparent 62%) no-repeat;background-size:260% 100%;background-position:130% 0;
  -webkit-mask:var(--logo) center/contain no-repeat;mask:var(--logo) center/contain no-repeat;
  animation:gi-shine 1.5s ease 1s forwards}
@keyframes gi-logo{to{opacity:1;transform:none}}
@keyframes gi-shine{to{background-position:-30% 0}}
#gms-intro .gi-name{margin-top:26px;font-family:var(--head);font-weight:600;font-size:14px;letter-spacing:.55em;text-transform:uppercase;color:#bdbdc4;
  opacity:0;animation:gi-fade 1s ease .9s forwards;padding-left:.55em}
@keyframes gi-fade{to{opacity:1}}
#gms-intro .gi-line{position:relative;margin-top:34px;width:min(320px,64vw);height:2px;background:rgba(255,255,255,.1);overflow:hidden}
#gms-intro .gi-line i{position:absolute;inset:0;transform-origin:left;transform:scaleX(0);
  background:linear-gradient(90deg,var(--red-deep),var(--red-hot));box-shadow:0 0 18px rgba(225,6,19,.9)}
#gms-intro .gi-pct{margin-top:14px;font-family:var(--head);font-size:13px;font-weight:600;letter-spacing:.3em;color:#7d7d86;padding-left:.3em}
#gms-intro .gi-skip{position:absolute;right:28px;bottom:26px;z-index:3;font-family:var(--head);font-size:12px;letter-spacing:.3em;text-transform:uppercase;
  color:#6f6f78;background:none;border:0;cursor:pointer;opacity:0;animation:gi-fade .6s ease 1.2s forwards}
#gms-intro .gi-skip:hover{color:#fff}
#gms-intro .gi-corner{position:absolute;width:46px;height:46px;z-index:2;border:0 solid rgba(255,255,255,.22);opacity:0;animation:gi-fade 1s ease .6s forwards}
#gms-intro .gi-c1{left:28px;top:28px;border-width:1px 0 0 1px}
#gms-intro .gi-c2{right:28px;top:28px;border-width:1px 1px 0 0}
#gms-intro .gi-c3{left:28px;bottom:28px;border-width:0 0 1px 1px}
#gms-intro .gi-c4{right:28px;bottom:28px;border-width:0 1px 1px 0}

/* sayfa girişi (intro sonrası) */
body.gms-ready .navigation-fixed-wrapper,body.gms-ready header,body.gms-ready #top-bar{animation:gms-down 1.1s cubic-bezier(.2,.7,.2,1) both}
@keyframes gms-down{from{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:none}}

/* ---------- Üst ilerleme çubuğu + imleç ışığı ---------- */
#gms-progress{position:fixed;top:0;left:0;height:2px;width:100%;transform-origin:left;transform:scaleX(0);z-index:2147482000;
  background:linear-gradient(90deg,var(--red-deep),var(--red-hot),#fff);box-shadow:0 0 14px rgba(225,6,19,.9);pointer-events:none}
#gms-glow{position:fixed;left:0;top:0;width:520px;height:520px;margin:-260px 0 0 -260px;border-radius:50%;pointer-events:none;z-index:1;
  background:radial-gradient(circle,rgba(225,6,19,.16),rgba(225,6,19,.05) 45%,transparent 70%);opacity:0;transition:opacity .6s;mix-blend-mode:screen;will-change:transform}
#gms-glow.on{opacity:1}
@media (hover:none),(max-width:991px){#gms-glow{display:none}}

/* ---------- ARABA SİNEMATİĞİ (ana sayfa arka planı) ---------- */
#gms-cine{position:fixed;inset:0;z-index:-1;overflow:hidden;background:#020203;pointer-events:none}
body.gms-home{background:transparent!important}
html:has(body.gms-home){background:#020203!important}
#gms-cine .c-img,#gms-cine .c-video{position:absolute;inset:-6%;width:112%;height:112%;object-fit:cover;background-size:cover;background-position:center;will-change:transform}
#gms-cine .c-img{animation:c-ken 36s ease-in-out infinite alternate;filter:saturate(.85) contrast(1.15) brightness(.62)}
@keyframes c-ken{
  0%{transform:scale(1.04) translate3d(-1.5%,0,0)}
  100%{transform:scale(1.22) translate3d(2.5%,-1.5%,0)}}
#gms-cine .c-video{filter:saturate(.9) contrast(1.12) brightness(.6)}
#gms-cine .c-veil{position:absolute;inset:0;background:
  radial-gradient(120% 90% at 50% 40%,transparent 30%,rgba(2,2,3,.78) 100%),
  linear-gradient(180deg,rgba(2,2,3,.55),rgba(2,2,3,.25) 40%,rgba(2,2,3,.8));transition:opacity .2s}
#gms-cine .c-dark{position:absolute;inset:0;background:#020203;opacity:0;will-change:opacity}
/* ışık huzmeleri — araç gövdesinde gezinen yansımalar */
#gms-cine .c-streak{position:absolute;top:-30%;height:160%;width:22vw;min-width:200px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),rgba(255,255,255,.16),rgba(255,255,255,.07),transparent);
  transform:translateX(-60vw) skewX(-22deg);mix-blend-mode:screen;filter:blur(6px);animation:c-streak 11s cubic-bezier(.45,.05,.3,1) infinite}
#gms-cine .c-s2{width:9vw;min-width:90px;animation-duration:14s;animation-delay:3.5s;opacity:.7}
#gms-cine .c-s3{width:30vw;animation-duration:17s;animation-delay:8s;opacity:.5;
  background:linear-gradient(90deg,transparent,rgba(225,6,19,.10),rgba(225,6,19,.22),rgba(225,6,19,.10),transparent)}
@keyframes c-streak{0%{transform:translateX(-60vw) skewX(-22deg)}55%,100%{transform:translateX(170vw) skewX(-22deg)}}
/* stop lambası kırmızısı nabzı */
#gms-cine .c-red{position:absolute;right:-10%;top:18%;width:60vw;height:60vw;max-width:900px;max-height:900px;border-radius:50%;
  background:radial-gradient(circle,rgba(225,6,19,.34),transparent 62%);filter:blur(30px);animation:c-pulse 5.5s ease-in-out infinite;mix-blend-mode:screen}
@keyframes c-pulse{0%,100%{opacity:.35;transform:scale(.92)}50%{opacity:.95;transform:scale(1.08)}}
#gms-cine .c-floor{position:absolute;left:0;right:0;bottom:0;height:34%;background:linear-gradient(0deg,rgba(225,6,19,.12),transparent)}
#gms-cine canvas{position:absolute;inset:0;width:100%;height:100%}
#gms-cine .c-grain{position:absolute;inset:-50%;opacity:.07;mix-blend-mode:overlay;animation:c-grain 1s steps(6) infinite;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
@keyframes c-grain{0%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}100%{transform:translate(0,0)}}
#gms-cine .c-bar{position:absolute;left:0;right:0;height:0;background:#000;transition:height 1.6s cubic-bezier(.77,0,.18,1)}
#gms-cine .c-bt{top:0}#gms-cine .c-bb{bottom:0}

/* Sinematik arka plan görünürken bölümler camlaşır */
body.gms-home .section-block,
body.gms-home .section-clients{background:rgba(3,3,5,.58)!important;-webkit-backdrop-filter:blur(14px) saturate(120%);backdrop-filter:blur(14px) saturate(120%)}
body.gms-home .section-block-grey{background:rgba(8,8,11,.72)!important;-webkit-backdrop-filter:blur(18px) saturate(120%);backdrop-filter:blur(18px) saturate(120%)}
body.gms-home .section-block-bg::before,body.gms-home .section-block-parallax::before{background:linear-gradient(180deg,rgba(2,2,3,.82),rgba(2,2,3,.55),rgba(2,2,3,.86))}
body.gms-home footer{background:rgba(2,2,3,.9)!important}
body.gms-home .swiper-main-slider{background:transparent}
body.gms-home .scroll-to-top{z-index:50}

/* Hero: tam ekran sinematik */
.swiper-main-slider .swiper-slide{min-height:clamp(560px,calc(100vh - 140px),940px)}
.swiper-main-slider .swiper-slide{overflow:hidden}
.swiper-main-slider .swiper-slide::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.07) 50%,transparent 60%);transform:translateX(-100%);animation:hero-sheen 9s ease-in-out 2s infinite}
@keyframes hero-sheen{0%{transform:translateX(-100%)}45%,100%{transform:translateX(100%)}}
.swiper-main-slider .swiper-slide-active{animation:hero-zoom 14s ease-out both}
@keyframes hero-zoom{from{background-size:112%}to{background-size:100%}}
.swiper-slide-active .slider-content::before{animation:hero-line 1.2s cubic-bezier(.2,.7,.2,1) .4s both}
@keyframes hero-line{from{width:0}to{width:64px}}
.swiper-slide-active .slider-content h2{animation:hero-rise 1.3s cubic-bezier(.2,.7,.2,1) .5s both!important}
.swiper-slide-active .slider-content p{animation:hero-rise 1.3s cubic-bezier(.2,.7,.2,1) .8s both!important}
.swiper-slide-active .slider-content .primary-button{animation:hero-rise 1.3s cubic-bezier(.2,.7,.2,1) 1.05s both}
@keyframes hero-rise{from{opacity:0;transform:translateY(46px);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
.slider-content h2,.page-title-section h1{background:linear-gradient(180deg,#fff 30%,#a9a9b2 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent!important}
.slider-content h2{padding-bottom:.08em}

/* kaydır göstergesi */
#gms-scroll{position:absolute;left:50%;bottom:30px;width:26px;height:46px;margin-left:-13px;border:1.5px solid rgba(255,255,255,.4);border-radius:14px;z-index:5;pointer-events:none}
#gms-scroll::after{content:"";position:absolute;left:50%;top:8px;width:3px;height:8px;margin-left:-1.5px;border-radius:3px;background:var(--red-hot);animation:gms-wheel 1.8s ease-in-out infinite}
@keyframes gms-wheel{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(18px)}}
@media (max-width:767px){#gms-scroll{display:none}}

/* ---------- Lüks detaylar ---------- */
/* krom çerçeveli kartlar: üzerine gelince kırmızı→gümüş kenar ışığı */
.service-block,.shop-grid,.team-member,.blog-grid,.contact-box{position:relative}
.service-block::before,.shop-grid::before,.team-member::before,.blog-grid::before,.contact-box::before{content:"";position:absolute;inset:0;padding:1px;border-radius:inherit;pointer-events:none;z-index:3;
  background:linear-gradient(135deg,rgba(255,255,255,.55),rgba(225,6,19,.8) 40%,transparent 70%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
  opacity:0;transition:opacity .6s}
.service-block:hover::before,.shop-grid:hover::before,.team-member:hover::before,.blog-grid:hover::before,.contact-box:hover::before{opacity:1}
.service-block,.shop-grid,.team-member,.blog-grid,.contact-box,.testmonial-single{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.service-block{background:linear-gradient(180deg,rgba(18,18,22,.86),rgba(8,8,10,.92))!important}

/* bölüm başlığı: süslü ince çizgi ve nokta */
.section-heading-line{position:relative;width:120px!important;height:1px!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent)!important;box-shadow:none}
.section-heading-line::after{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;background:var(--red);transform:rotate(45deg);box-shadow:0 0 18px rgba(225,6,19,.95)}
.section-heading h3,.section-heading h2{letter-spacing:.015em}

/* menü: ince lüks dokunuşlar */
.nav-menu>li>a{font-weight:600!important;letter-spacing:.18em}
.navigation-fixed-wrapper.fixed .navigation{height:78px}
.navigation-fixed-wrapper.fixed .main-logo{max-height:52px;transition:max-height .4s}

/* sayaç, yorum, ekip: premium nüanslar */
.counter-box h4{background:linear-gradient(180deg,#fff,#9a9aa3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.counter-box h4::after{-webkit-text-fill-color:var(--red-hot)}
.team-member-img{position:relative}
.team-member-img::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,10,12,.9),transparent 55%);pointer-events:none}

/* görsellerde sinematik renk dengesi */
.service-block img,.blog-grid-img img,.shop-grid-img img,.masonry-item img,.hizmet-galeri-item img{filter:contrast(1.08) saturate(.95)}

/* manyetik buton yumuşak dönüşü */
.primary-button,.tg-theme-btn{will-change:transform}

/* sayfa kenar çerçevesi: çok ince krom hat (masaüstü) */
@media (min-width:1200px){
  body::after{content:"";position:fixed;inset:12px;border:1px solid rgba(255,255,255,.05);pointer-events:none;z-index:2147481000}
}

/* iç sayfalarda da aynı derin zemin (sinematik yoksa) */
body:not(.gms-home) .section-block{background:#050506!important}

@media (max-width:767px){
  #gms-cine .c-streak{display:none}
  #gms-intro .gi-corner{display:none}
  #gms-cine .c-img{animation-duration:30s}
}
@media (prefers-reduced-motion:reduce){
  #gms-cine .c-img,#gms-cine .c-streak,#gms-cine .c-red,#gms-cine .c-grain,.swiper-main-slider .swiper-slide::after{animation:none!important}
}

/* menü şeridi tam genişlikte koyu cam (container dışına da taşsın) */
header{background:rgba(6,6,8,.9);-webkit-backdrop-filter:saturate(160%) blur(14px);backdrop-filter:saturate(160%) blur(14px)}
header .navigation{background:transparent!important}
.navigation-fixed-wrapper{background:rgba(6,6,8,.92)!important}
.navigation-fixed-wrapper .navigation{background:transparent!important}
#top-bar{background:rgba(0,0,0,.92)!important}
@media (max-width:767px){.swiper-button-next,.swiper-button-prev{display:none!important}}

/* =========================================================================
   v3 — MOBİL MENÜ DÜZELTMESİ (hamburger / off-canvas)
   backdrop-filter / transform üst elemanlarda position:fixed paneli hapseder;
   mobilde bunları kapatıp paneli tam ekran yükseklikte, premium görünümde açıyoruz.
   ========================================================================= */
@media (max-width:1000px){
  header,.navigation,.navigation-fixed-wrapper,.navigation-fixed-wrapper.fixed{
    -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
    transform:none!important;filter:none!important;will-change:auto!important}
  header,.navigation-fixed-wrapper{background:rgba(6,6,8,.97)!important}
  body.gms-ready header,body.gms-ready .navigation-fixed-wrapper,body.gms-ready #top-bar{animation:none!important}
  .navigation{height:auto!important;padding:12px 0!important;display:block!important;overflow:visible!important}
  .nav-header{display:flex;align-items:center;justify-content:space-between;min-height:56px}
  .navigation .main-logo,.navigation #main_logo{max-height:48px}

  /* hamburger ikonu */
  .nav-toggle{display:block!important;position:relative;width:44px!important;height:44px!important;float:none!important;margin:0!important;cursor:pointer;
    border:1px solid var(--line-2);background:rgba(255,255,255,.03)}
  .nav-toggle:before{background-color:#fff!important;color:#fff!important;border-radius:2px!important;width:20px!important;height:2px!important;
    box-shadow:0 7px 0 0 #fff,0 14px 0 0 #fff!important;left:11px!important;top:14px!important;transition:all .3s}
  .nav-toggle:hover{border-color:var(--red)}
  .nav-toggle:hover:before{background-color:var(--red-hot)!important;box-shadow:0 7px 0 0 var(--red-hot),0 14px 0 0 var(--red-hot)!important}

  /* panel: soldan kayan tam boy */
  .navigation-portrait .nav-menus-wrapper{
    position:fixed!important;top:0!important;bottom:0!important;height:100vh!important;height:100dvh!important;
    width:min(86vw,360px)!important;left:-110vw!important;z-index:2147483200!important;
    background:linear-gradient(180deg,#0b0b0e 0%,#050506 100%)!important;
    border-right:1px solid var(--line-2);overflow-y:auto!important;-webkit-overflow-scrolling:touch;
    padding:0 0 40px;box-shadow:none}
  .navigation-portrait .nav-menus-wrapper::before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:linear-gradient(90deg,var(--red-deep),var(--red-hot))}
  .navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-open{left:0!important;box-shadow:0 0 0 100vmax rgba(0,0,0,.72),30px 0 80px rgba(0,0,0,.7)}
  .navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right{left:auto!important;right:-110vw!important}
  .navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right.nav-menus-wrapper-open{right:0!important;left:auto!important}

  /* kapat butonu */
  .navigation-portrait .nav-menus-wrapper-close-button{width:44px!important;height:44px!important;margin:14px 14px 6px!important;display:flex!important;
    align-items:center;justify-content:center;color:#fff!important;font-size:22px!important;border:1px solid var(--line-2);float:right}
  .navigation-portrait .nav-menus-wrapper-close-button:hover{border-color:var(--red);color:var(--red-hot)!important}

  /* menü maddeleri */
  .navigation-portrait .nav-menu{clear:both;width:100%!important;padding-top:10px}
  .navigation-portrait .nav-menu>li{float:none!important;display:block!important;width:100%!important;border:0!important;border-bottom:1px solid var(--line)!important}
  .navigation-portrait .nav-menu>li:last-child{border-bottom:1px solid var(--line)!important}
  .navigation-portrait .nav-menu>li>a{display:flex!important;align-items:center;justify-content:space-between;width:100%!important;height:auto!important;
    padding:17px 24px!important;font-size:18px!important;letter-spacing:.14em;color:#f2f2f5!important;background:transparent!important}
  .navigation-portrait .nav-menu>li>a::after{display:none!important}
  .navigation-portrait .nav-menu>li:hover>a,.navigation-portrait .nav-menu>li.active>a,.navigation-portrait .nav-menu>li.focus>a{
    color:#fff!important;background:linear-gradient(90deg,rgba(225,6,19,.28),transparent)!important;box-shadow:inset 3px 0 0 var(--red)}
  .navigation-portrait .submenu-indicator{display:flex;align-items:center;justify-content:center;width:34px;height:34px;margin-left:auto;float:none!important;
    right:auto!important;top:auto!important;position:relative!important;border:1px solid var(--line-2)}
  .navigation-portrait .submenu-indicator .submenu-indicator-chevron{border-color:transparent #fff #fff transparent!important}

  /* alt menüler (açılır liste) */
  .navigation-portrait .nav-dropdown{position:static!important;width:100%!important;float:none!important;border:0!important;border-top:0!important;
    box-shadow:none!important;background:rgba(255,255,255,.025)!important;padding:0!important}
  .navigation-portrait .nav-dropdown>li{border-top:1px solid var(--line)!important;width:100%!important}
  .navigation-portrait .nav-dropdown>li>a{display:block!important;padding:14px 24px 14px 40px!important;font-size:14px!important;letter-spacing:.1em;
    color:#c9c9d0!important;border:0!important;background:transparent!important}
  .navigation-portrait .nav-dropdown>li>a:hover{color:#fff!important;padding-left:46px!important;background:linear-gradient(90deg,rgba(225,6,19,.22),transparent)!important}

  /* karartma katmanı eklentiden de gelirse panelin altında kalsın */
  .nav-overlay-panel{z-index:2147483100!important;background:rgba(0,0,0,.72)!important}

  /* menü açıkken header'ı her şeyin üstüne al */
  header:has(.nav-menus-wrapper-open),.navigation-fixed-wrapper:has(.nav-menus-wrapper-open){z-index:2147483300!important}
  body:has(.nav-menus-wrapper-open){overflow:hidden}
  body::after{display:none}
}
@media (max-width:1000px){
  .navigation-portrait .submenu-indicator{position:relative!important}
  .navigation-portrait .submenu-indicator .submenu-indicator-chevron{position:absolute!important;left:50%!important;top:50%!important;margin:-6px 0 0 -4px!important;
    width:8px!important;height:8px!important;border-width:0 2px 2px 0!important;border-style:solid!important;transform:rotate(45deg)!important;transition:transform .3s}
  .navigation-portrait .submenu-indicator.submenu-indicator-up .submenu-indicator-chevron{transform:rotate(-135deg)!important;margin-top:-2px!important}
}
@media (max-width:1000px){
  .navigation .nav-header{display:flex!important;width:100%!important;float:none!important;align-items:center;justify-content:space-between}
  .navigation .nav-toggle{margin-left:auto!important;right:auto!important;top:auto!important}
  .navigation .nav-brand{float:none!important;display:flex;align-items:center;padding:0!important}
}
@media (max-width:1000px){ .navigation .nav-header{padding:0 16px!important;box-sizing:border-box} }