html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

@supports (overflow: clip) {
  html,
  body {
    overflow-x: clip;
  }
}
.top-bar-link a,.language-wrap-flag a{-webkit-transition:background 0.2s linear,color 0.2s linear;transition:background 0.2s linear,color 0.2s linear;}
.top-bar-link a{display:block;float:left;padding:0 16px;line-height:24px;color:#81879A;margin-right:3px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.top-bar-link a:hover{text-decoration:none;color:#2C2B7C;background-color:#EEF6FC;}
.top-bar-link a.normal-active{color:#fff;background-color:#2C2B7C;}
.language-wrap-flag{line-height:14px;}
.language-wrap-flag .flag-holder{float:left;margin-right:2px;opacity:0.5;}
.language-wrap-flag .flag-holder:hover,.language-wrap-flag .active{opacity:1;}
.language-wrap-flag .flag-holder img{height:24px;}
.top-box-wrapper .dropdown-menu img{height:16px;margin:3px 9px 3px 0 !important;}
.top-bar-google{line-height:18px;}
.goog-te-gadget-simple{font-size:11px !important;margin-top:2px !important;background-color:#fff;border:1px solid #E3E7EF;border-radius:5px;}
.boxed2 .page-box{margin:30px auto 30px;}
.copyright .kmk-copy{background-color:#fff;padding:2px 4px;}
.slider.rs-slider{max-height:500px;}
.files{text-align:center;}
.file-title{font-size:13px;margin-bottom:6px;}
.file-comment{font-size:12px;line-height:14px;}
.file-size{font-size:12px;font-weight:bold;margin:6px 0 8px;}
.file-icon{display:block;width:120px;height:120px;margin:0 auto;}
.modal-login a{margin-bottom:5px;}
#modalPromotion .modal-content{background:url("/upload/images/modal.jpg") 0 0 no-repeat;-webkit-background-size:cover;background-size:cover;}
#footer .sidebar .links a,.sidebar .links a:visited{color:#50566B;}
#footer .sidebar .widget header,.sidebar .widget .title-block,.product-bottom .related-products header{border-bottom:none;}
#footer .sidebar .widget header,#footer .sidebar .widget .title-block{margin:-2px;}
#footer .footer-top .row.sidebar > .clearfix{display:none !important;}
body{
  --assos-primary:#2C2B7C;
  --assos-primary-dark:#211F63;
  --assos-secondary:#4D98D2;
  --assos-secondary-dark:#2871B9;
  --assos-surface:#FFFFFF;
  --assos-background:#F7F9FC;
  --assos-text:#181B2A;
  --assos-muted:#81879A;
  --assos-border:#E3E7EF;
  font-family:"Inter",sans-serif;
  font-weight:400;
  font-style:normal;
  color:var(--assos-text);
  background:var(--assos-background);
}

/* ==========================================================
   GENEL BUTON SÄ°STEMÄ°
========================================================== */
body .btn,
body button.btn,
body input.btn{
  border-radius:10px !important;
  font-weight:600 !important;
  box-shadow:none !important;
  transition:background .22s ease,border-color .22s ease,color .22s ease,transform .22s ease !important;
}

body .btn-primary,
body .btn.btn-primary,
body .btn-default:hover,
body .btn-default:focus{
  border-color:var(--assos-primary) !important;
  color:#fff !important;
  background:var(--assos-primary) !important;
}

body .btn-primary:hover,
body .btn-primary:focus,
body .btn-primary:active{
  border-color:var(--assos-primary-dark) !important;
  color:#fff !important;
  background:var(--assos-primary-dark) !important;
  transform:translateY(-1px) !important;
}

body .btn-default{
  border-color:var(--assos-border) !important;
  color:var(--assos-primary) !important;
  background:#fff !important;
}

body .btn-success,
body .btn-warning{
  border-color:var(--assos-secondary) !important;
  color:#181B2A !important;
  background:var(--assos-secondary) !important;
}

body a{transition:color .2s ease,background .2s ease,border-color .2s ease !important}

/* ==========================================================
   ASSOS KİMYA — HERO İLE BİRLEŞİK TAM EKRAN HEADER
   Scroll class: .assos-header-scrolled
========================================================== */
body header.header{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  z-index:9999 !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  transition:background .35s ease,box-shadow .35s ease !important;
}

body header.header .header-wrapper{
  position:relative !important;
  width:100% !important;
  max-width:none !important;
  min-height:88px !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
  border:0 !important;
  border-radius:0 !important;
  background: #ffffff !important;;
  box-shadow:none !important;
  transition:background .35s ease,box-shadow .35s ease,min-height .35s ease !important;
}

body.assos-header-scrolled header.header .header-wrapper{
  min-height:74px !important;
  background:#ffffff !important;
  -webkit-backdrop-filter:blur(14px) saturate(130%) !important;
  backdrop-filter:blur(39px) saturate(130%) !important;
  box-shadow:0 10px 32px rgba(33,31,99,.18) !important;
}

body header.header .header-wrapper:before,
body header.header .header-wrapper:after{display:none !important}

body header.header .header-wrapper .container{
  position:relative !important;
  width:100% !important;
  max-width:1440px !important;
  margin:0 auto !important;
  padding:0 36px !important;
}

body header.header .header-wrapper .container>.row{
  display:flex !important;
  min-height:88px !important;
  margin:0 !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  transition:min-height .35s ease !important;
}

body.assos-header-scrolled header.header .header-wrapper .container>.row{min-height:74px !important}

body header.header .logo-box{
  display:flex !important;
  float:none !important;
  width:24% !important;
  padding:0 28px 0 0 !important;
  align-items:center !important;
  table-layout:auto !important;
}

body header.header .logo-box .logo,
body header.header .logo-box .logo a{display:flex !important;margin:0 !important;align-items:center !important}

body header.header .logo-box .logo img{
  display:block !important;
  width:auto !important;
  max-width:190px !important;
  max-height:55px !important;
  object-fit:contain !important;
}

body header.header .right-box{display:block !important;float:none !important;width:76% !important;padding:0 !important}
body header.header .right-box-wrapper{display:flex !important;width:100% !important;min-height:88px !important;height:auto !important;align-items:center !important;justify-content:flex-end !important;transition:min-height .35s ease !important}
body.assos-header-scrolled header.header .right-box-wrapper{min-height:74px !important}
body header.header .primary{float:none !important;order:1 !important}
body header.header .primary .navbar{min-height:0 !important;margin:0 !important;border:0 !important;background:transparent !important}
body header.header .primary .navbar-collapse{padding:0 !important;border:0 !important;box-shadow:none !important}
body header.header .primary .navbar-nav{display:flex !important;float:none !important;margin:0 !important;align-items:center !important}
body header.header .primary .navbar-nav>li{position:relative !important;float:none !important}

body header.header .primary .navbar-nav>li>a{
  position:relative !important;
  display:flex !important;
  min-height:88px !important;
  padding:0 16px !important;
  color:#2c2b7c !important;
  font-size:13px !important;
  font-weight:600 !important;
  text-shadow:0 1px 10px rgba(0,0,0,.16) !important;
  align-items:center !important;
  transition:min-height .35s ease,color .22s ease !important;
}

body.assos-header-scrolled header.header .primary .navbar-nav>li>a{min-height:74px !important;text-shadow:none !important}

body header.header .primary .navbar-nav>li>a:after{
  content:"" !important;
  position:absolute !important;
  right:16px !important;
  bottom:20px !important;
  left:16px !important;
  height:2px !important;
  border-radius:2px !important;
  background:var(--assos-secondary) !important;
  transform:scaleX(0) !important;
  transform-origin:right !important;
  transition:transform .25s ease !important;
}

body header.header .primary .navbar-nav>li:hover>a,
body header.header .primary .navbar-nav>li.active>a{background:transparent !important}
body header.header .primary .navbar-nav>li:hover>a:after,
body header.header .primary .navbar-nav>li.active>a:after{transform:scaleX(1) !important;transform-origin:left !important}

body header.header .primary .navbar-nav .sub{
  top:calc(100% - 8px) !important;
  min-width:230px !important;
  padding:10px !important;
  overflow:hidden !important;
  border:1px solid var(--assos-border) !important;
  border-radius:12px !important;
  background:#fff !important;
  box-shadow:0 20px 42px rgba(44,43,124,.16) !important;
}

body header.header .primary .navbar-nav .sub li a{min-height:auto !important;padding:11px 13px !important;border-radius:8px !important;color:#50566B !important;font-size:12px !important}
body header.header .primary .navbar-nav .sub li a:hover{padding-left:17px !important;color:var(--assos-primary) !important;background:#EEF6FC !important}

body header.header .header-icons{
  display:flex !important;
  float:none !important;
  margin-left:14px !important;
  padding-left:14px !important;
  align-items:center !important;
  gap:7px !important;
  order:2 !important;
}

body header.header .header-icons>div{display:none !important;float:none !important;border:0 !important;align-items:center !important;justify-content:center !important}

body header.header .header-icons a{
  display:flex !important;
  width:40px !important;
  height:40px !important;
  padding:0 !important;
  border:1px solid rgba(255,255,255,.28) !important;
  border-radius:10px !important;
  color:#fff !important;
  background:rgba(255,255,255,.08) !important;
  align-items:center !important;
  justify-content:center !important;
}

body header.header .header-icons a:hover{border-color:var(--assos-secondary) !important;color:#181B2A !important;background:var(--assos-secondary) !important;transform:translateY(-2px) !important}
body header.header .header-icons div.phone-header{display:none !important}

body header.header .search-active,
body header.header .phone-active{
  position:absolute !important;
  top:calc(100% + 10px) !important;
  right:36px !important;
  left:auto !important;
  z-index:30 !important;
  float:none !important;
  border:1px solid var(--assos-border) !important;
  border-radius:12px !important;
  background:#fff !important;
  box-shadow:0 20px 42px rgba(44,43,124,.15) !important;
}

body header.header .primary .navbar-toggle{
  display:none !important;
  float:none !important;
  width:42px !important;
  height:42px !important;
  margin:0 !important;
  padding:10px !important;
  border:1px solid rgba(255,255,255,.3) !important;
  border-radius:10px !important;
  background:rgba(255,255,255,.09) !important;
}

body header.header .primary .navbar-toggle .icon-bar{display:block !important;width:20px !important;height:2px !important;margin:4px auto !important;border-radius:2px !important;background:#fff !important}

@media(min-width:992px) and (max-width:1199px){
  body header.header .header-wrapper .container{padding:0 24px !important}
  body header.header .logo-box{width:21% !important;padding-right:15px !important}
  body header.header .logo-box .logo img{max-width:150px !important}
  body header.header .right-box{width:79% !important}
  body header.header .primary .navbar-nav>li>a{padding:0 10px !important;font-size:12px !important}
  body header.header .primary .navbar-nav>li>a:after{right:10px !important;left:10px !important}
  body header.header .header-icons{margin-left:8px !important;padding-left:8px !important}
}

@media(max-width:991px){
  body header.header .header-wrapper,
  body header.header .header-wrapper .container>.row{min-height:70px !important}
  body.assos-header-scrolled header.header .header-wrapper,
  body.assos-header-scrolled header.header .header-wrapper .container>.row{min-height:64px !important}
  body header.header .header-wrapper .container{padding:0 18px !important}
  body header.header .logo-box{width:60% !important;padding:0 15px 0 0 !important}
  body header.header .logo-box .logo img{max-width:150px !important;max-height:40px !important}
  body header.header .right-box{position:static !important;width:40% !important}
  body header.header .right-box-wrapper{position:static !important;min-height:70px !important}
  body.assos-header-scrolled header.header .right-box-wrapper{min-height:64px !important}
  body header.header .header-icons{margin:0 8px 0 0 !important;padding:0 !important;border:0 !important}
  body header.header .header-icons a{width:38px !important;height:38px !important}
  body header.header .primary,body header.header .primary .navbar{position:static !important}
  body header.header .primary .navbar-toggle{display:flex !important;align-items:center !important;justify-content:center !important;flex-direction:column !important}
  body header.header .primary .navbar-collapse{position:absolute !important;top:100% !important;right:0 !important;left:0 !important;width:100% !important;max-height:calc(100vh - 70px) !important;padding:12px 18px !important;overflow-y:auto !important;border:0 !important;border-top:1px solid rgba(255,255,255,.14) !important;border-radius:0 !important;background:var(--assos-primary) !important;box-shadow:0 18px 35px rgba(33,31,99,.2) !important}
  body header.header .primary .navbar-collapse.collapse{display:none !important}
  body header.header .primary .navbar-collapse.collapse.in{display:block !important}
  body header.header .primary .navbar-nav{display:block !important;width:100% !important}
  body header.header .primary .navbar-nav>li{display:block !important;width:100% !important}
  body header.header .primary .navbar-nav>li>a{min-height:48px !important;padding:0 14px !important;border-radius:8px !important;font-size:13px !important;text-shadow:none !important}
  body header.header .primary .navbar-nav>li>a:after{display:none !important}
  body header.header .primary .navbar-nav>li>a:hover,body header.header .primary .navbar-nav>li.active>a{background:rgba(255,255,255,.1) !important}
  body header.header .primary .navbar-nav .sub{position:static !important;width:100% !important;min-width:0 !important;margin:3px 0 7px !important;padding:5px !important;border:0 !important;border-radius:8px !important;background:rgba(255,255,255,.96) !important;box-shadow:none !important}
  body header.header .search-active,body header.header .phone-active{top:100% !important;right:0 !important;left:0 !important;width:100% !important;border-radius:0 !important}
}

@media(max-width:480px){
  body header.header .header-wrapper .container{padding:0 14px !important}
  body header.header .logo-box{width:64% !important}
  body header.header .right-box{width:36% !important}
  body header.header .logo-box .logo img{max-width:125px !important;max-height:36px !important}
  body header.header .header-icons{margin-right:6px !important}
  body header.header .header-icons a{width:36px !important;height:36px !important}
  body header.header .primary .navbar-toggle{width:38px !important;height:38px !important}
}
#main{
  position:relative !important;
  z-index:3 !important;
  width:100% !important;
  padding:unset !important;
  transform-origin:center bottom !important;
  transform:translate3d(0,0,0) scale(1) !important;
  transition:transform .65s cubic-bezier(.22,.61,.36,1),border-radius .65s ease,box-shadow .65s ease !important;
  background:#fff !important;
  will-change:transform !important;
}

body.assos-footer-tight #main{
  transform:translate3d(0,-60px,0) scale(.96) !important;
  border-radius:0 0 28px 28px !important;
  box-shadow:0 30px 65px rgba(44,43,124,.16) !important;
}

/* ==========================================================
   AÇIK KURUMSAL FOOTER
========================================================== */
#footer{
  position:relative !important;
  z-index:1 !important;
  width:90% !important;
  max-width:1440px !important;
  margin:10px auto 50px !important;
  overflow:hidden !important;
  border:1px solid var(--assos-border) !important;
  border-radius:30px !important;
  background:#F0F0F8 !important;
  box-shadow:0 20px 55px rgba(44,43,124,.12) !important;
}

#footer .footer-top{
  position:relative !important;
  padding:75px 0 55px !important;
  overflow:hidden !important;
  background:linear-gradient(135deg,#F9FAFD 0%,#EEF6FC 100%) !important;
}

#footer .footer-top:before{
  content:"" !important;
  position:absolute !important;
  width:650px !important;
  height:650px !important;
  top:-390px !important;
  right:-240px !important;
  border-radius:50% !important;
  background:radial-gradient(circle,rgba(77,152,210,.18) 0%,rgba(77,152,210,.05) 38%,transparent 68%) !important;
  filter:blur(18px) !important;
  pointer-events:none !important;
}

#footer .footer-top:after{
  content: "ASSOS K\0130 MYA" !important;
  position:absolute !important;
  right:30px !important;
  bottom:-15px !important;
  color:rgba(44,43,124,.035) !important;
  font-size:82px !important;
  font-weight:700 !important;
  letter-spacing:-4px !important;
  line-height:1 !important;
  white-space:nowrap !important;
  pointer-events:none !important;
}

#footer .footer-top .container{position:relative !important;z-index:2 !important}
#footer .footer-top .row.sidebar{display:flex !important;flex-wrap:wrap !important;align-items:flex-start !important}
#footer .footer-top .row.sidebar>.clearfix,#footer .footer-top .row.sidebar .clearfix{display:none !important}
#footer .footer-top .widget{float:none !important;display:block !important;margin:0 !important;opacity:.25 !important;transform:translateY(35px) !important;transition:opacity .55s ease,transform .55s ease !important}
body.assos-footer-tight #footer .footer-top .widget{opacity:1 !important;transform:translateY(0) !important}
body.assos-footer-tight #footer .footer-top .widget:nth-of-type(1){transition-delay:.06s !important}
body.assos-footer-tight #footer .footer-top .widget:nth-of-type(2){transition-delay:.13s !important}
body.assos-footer-tight #footer .footer-top .widget:nth-of-type(3){transition-delay:.20s !important}
body.assos-footer-tight #footer .footer-top .widget:nth-of-type(4){transition-delay:.27s !important}

#footer .footer-top .title-block{margin:0 0 22px !important;padding:0 !important;border:0 !important}
#footer .footer-top .title-block .title{position:relative !important;margin:0 !important;padding:0 0 13px !important;color:var(--assos-primary) !important;font-size:16px !important;font-weight:700 !important;line-height:1.4 !important}
#footer .footer-top .title-block .title:after{content:"" !important;position:absolute !important;left:0 !important;bottom:0 !important;width:34px !important;height:2px !important;border-radius:10px !important;background:var(--assos-secondary) !important}

#footer .footer-top nav{margin:0 !important;padding:0 !important}
#footer .footer-top nav ul{margin:0 !important;padding:0 !important;list-style:none !important}
#footer .footer-top nav ul li{margin:0 !important;padding:0 !important;border:0 !important}
#footer .footer-top nav ul li a{display:inline-flex !important;min-height:32px !important;padding:3px 0 !important;color:#50566B !important;font-size:14px !important;line-height:1.5 !important;text-decoration:none !important;align-items:center !important}
#footer .footer-top nav ul li a:hover{color:var(--assos-primary) !important;transform:translateX(4px) !important}
#footer .footer-top nav ul li a i{width:15px !important;margin-right:2px !important;color:var(--assos-secondary-dark) !important;font-size:11px !important}
#footer .widget.social p{max-width:230px !important;margin:0 !important;color:#50566B !important;font-size:14px !important;line-height:1.7 !important}

#footer .footer-bottom{position:relative !important;padding:18px 0 !important;border-top:1px solid var(--assos-border) !important;background:#E7EBF5 !important}
#footer .footer-bottom .row{display:flex !important;align-items:center !important;flex-wrap:wrap !important}
#footer .copyright{display:flex !important;min-height:42px !important;color:#81879A !important;font-size:12px !important;align-items:center !important}
#footer .copyright a{color:var(--assos-primary) !important;text-decoration:none !important;margin-left: 3px;}
#footer .copyright a:hover{color:var(--assos-primary-dark) !important}
#footer .copyright .kmk-copy{width:65px !important;height:auto !important;margin-right:12px !important;padding:4px !important;border:1px solid var(--assos-border) !important;border-radius:7px !important;background: #272671 !important;}
#footer .footer-bottom .up{float:right !important;display:flex !important;width:42px !important;height:42px !important;margin:0 0 0 auto !important;border:1px solid var(--assos-border) !important;border-radius:50% !important;color:var(--assos-primary) !important;background:var(--assos-primary) !important;text-decoration:none !important;align-items:center !important;justify-content:center !important;transition: all 0.3s ease-in-out !important;}
#footer .footer-bottom .up:hover{border-color:var(--assos-primary) !important;color:#fff !important;background:var(--assos-primary) !important;transform:translateY(-3px) !important}

@media(max-width:991px){
  #footer{width:calc(100% - 24px) !important;margin-bottom:30px !important;border-radius:25px !important}
  #footer .footer-top{padding:55px 0 35px !important}
  #footer .footer-top .widget{margin-bottom:30px !important}
  body.assos-footer-tight #main{transform:translate3d(0,-40px,0) scale(.975) !important;border-radius:0 0 24px 24px !important}
}

@media(max-width:767px){
  #footer{width:calc(100% - 16px) !important;margin:8px auto 20px !important;border-radius:20px !important}
  #footer .footer-top{padding:45px 10px 25px !important}
  #footer .footer-top .row.sidebar{display:block !important}
  #footer .footer-top .widget{width:100% !important;margin-bottom:30px !important}
  #footer .footer-top .widget:last-of-type{margin-bottom:0 !important}
  #footer .footer-top:after{right:10px !important;bottom:-6px !important;font-size:38px !important;letter-spacing:-2px !important}
  #footer .footer-bottom{padding:18px 10px !important}
  #footer .footer-bottom .row{display:block !important}
  #footer .copyright{display:block !important;width:100% !important;text-align:center !important;line-height:1.8 !important}
  #footer .copyright .kmk-copy{display:block !important;margin:0 auto 10px !important}
  #footer .footer-bottom .col-xs-12.col-sm-3.col-md-3{width:100% !important;text-align:center !important}
  #footer .footer-bottom .up{float:none !important;margin:15px auto 0 !important}
  body.assos-footer-tight #main{transform:translate3d(0,-25px,0) scale(.985) !important;border-radius:0 0 18px 18px !important}
}
body.prg-home #main > .container {
  width: 100% !important;
  max-width: none !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
  margin-right: auto !important;
  margin-left: auto !important;
}
  /* ======================================================
   GENEL BREADCRUMB TASARIMI
======================================================= */

.breadcrumb-box,
.breadcrumb-box * {
  box-sizing: border-box;
}

.breadcrumb-box {
  position: relative;
  width: 100%;

  /* Absolute header yüksekliği için üst boşluk */
  padding: 48px 0 34px;

  overflow: hidden;
  color: #ffffff;
  background:
    radial-gradient(
      circle at 85% 15%,
      rgba(77, 152, 210, 0.14),
      transparent 28%
    ),
    linear-gradient(
      135deg,
      #2C2B7C 0%,
      #211F63 100%
    );
}

/* Hafif arka plan çizgileri */
.breadcrumb-box::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.18;
  background-image:
    linear-gradient(
      rgba(255, 255, 255, 0.05) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.05) 1px,
      transparent 1px
    );
  background-size: 55px 55px;
  pointer-events: none;
}

/* SaÄŸ taraftaki dekor */
.breadcrumb-box::after {
  content: "";
  position: absolute;
  top: -190px;
  right: -120px;
  width: 390px;
  height: 390px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 50%;
  box-shadow:
    0 0 0 55px rgba(255, 255, 255, 0.018),
    0 0 0 110px rgba(255, 255, 255, 0.012);
  pointer-events: none;
}

.breadcrumb-box > .container {
  position: relative;
  z-index: 2;
}

/* Bootstrap breadcrumb ayarlarını temizler */
.breadcrumb-box .breadcrumb {
  display: flex;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  list-style: none;
  background: transparent;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0;
}

.breadcrumb-box .breadcrumb > li {
  display: none;
  margin: 0;
  padding: 0;
  color: rgba(255, 255, 255, 0.65);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.02em;
  align-items: center;
}

/* Bootstrap ayırıcı işaretini düzenler */
.breadcrumb-box .breadcrumb > li + li::before {
  content: "/";
  padding: 0 12px;
  color: #4D98D2;
  font-size: 11px;
  font-weight: 600;
  display:none !important;
}

.breadcrumb-box .breadcrumb > li > a {
  color: rgba(255, 255, 255, 0.67) !important;
  text-decoration: none !important;
  transition: color 0.25s ease;
}

.breadcrumb-box .breadcrumb > li > a:hover,
.breadcrumb-box .breadcrumb > li > a:focus {
  color: #ffffff !important;
  text-decoration: none !important;
}

/* Aktif/son sayfa */
.breadcrumb-box .breadcrumb > li:last-child > a {
  color: #ffffff !important;
  font-weight: 650;
}

@media (max-width: 991px) {
  .assos-story{border-radius:0 !important;}
  .breadcrumb-box {
    min-height: 170px;
    padding: 102px 18px 30px;
    display:none !important;
  }
}

@media (max-width: 767px) {
  .breadcrumb-box {
    min-height: 150px;
    padding: 90px 14px 25px;
  }

  .breadcrumb-box .breadcrumb > li {
    font-size: 11px;
  }

  .breadcrumb-box .breadcrumb > li + li::before {
    padding: 0 9px;
  }

  .breadcrumb-box::after {
    top: -150px;
    right: -170px;
    width: 330px;
    height: 330px;
  }
}

@media (max-width: 991px) {
  body header.header .header-wrapper .container > .row {
    position: relative !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
  }

  body header.header .logo-box,
  body header.header .right-box,
  body header.header .assos-header-sites {
    box-sizing: border-box !important;
  }

  body header.header .logo-box {
    min-width: 0 !important;
    padding: 0 4px 0 0 !important;
  }

  body header.header .right-box {
    position: static !important;
    width: 52px !important;
    min-width: 52px !important;
    flex: 0 0 52px !important;
    padding: 0 !important;
  }

  body header.header .right-box-wrapper {
    width: 100% !important;
    justify-content: center !important;
  }

  body header.header .right-box .header-icons {
    display: none !important;
  }

  body header.header .right-box .primary,
  body header.header .right-box .primary .navbar {
    position: static !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body header.header .right-box .primary .navbar-toggle {
    display: flex !important;
    width: 44px !important;
    height: 44px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border: 1px solid rgba(255, 255, 255, .35) !important;
    border-radius: 8px !important;
    background:#2c2b7c !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    gap: 4px !important;
    font-size: 0 !important;
    line-height: 0 !important;
  }

  body header.header .right-box .primary .navbar-toggle .text {
    display: none !important;
  }

  body header.header .right-box .primary .navbar-toggle .icon-bar {
    display: block !important;
    width: 20px !important;
    height: 2px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 2px !important;
    background: #fff !important;
    opacity: 1 !important;
    flex: 0 0 2px !important;
  }

  body header.header .right-box .primary .navbar-collapse {
    position: absolute !important;
    z-index: 50 !important;
    top: 100% !important;
    right: 0 !important;
    left: 0 !important;
    width: 100% !important;
  }

  body header.header .assos-header-sites {
    position: relative !important;
    z-index: 1 !important;
    flex-shrink: 0 !important;
  }
}

@media (max-width: 480px) {
  body header.header .right-box {
    width: 48px !important;
    min-width: 48px !important;
    flex-basis: 48px !important;
  }

  body header.header .right-box .primary .navbar-toggle {
    width: 40px !important;
    height: 40px !important;
  }
}

@media (max-width: 360px) {
  body header.header .right-box {
    width: 44px !important;
    min-width: 44px !important;
    flex-basis: 44px !important;
  }

  body header.header .right-box .primary .navbar-toggle {
    width: 38px !important;
    height: 38px !important;
  }
}
/* Footer: mobil ve tablette animasyonsuz, net görünüm */
@media (max-width: 991px) {
  body #main,
  body.assos-footer-tight #main {
    transform: none !important;
    transition: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    will-change: auto !important;
  }

  body #footer {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    border-right: 0 !important;
    border-left: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  body #footer .footer-top .widget,
  body.assos-footer-tight #footer .footer-top .widget {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    transition-delay: 0s !important;
    visibility: visible !important;
  }

  body #footer .footer-top .row.sidebar {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
  }

  body #footer .footer-top .row.sidebar > aside.widget {
    box-sizing: border-box !important;
    width: 50% !important;
    flex: 0 0 50% !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
    margin-bottom: 28px !important;
  }

  body #footer .footer-top .widget:nth-of-type(n) {
    transition-delay: 0s !important;
  }

  body #footer .copyright {
    color: #50566B !important;
  }

  body #footer .footer-bottom .up {
    color: #fff !important;
  }
}

@media (max-width: 767px) {
  body #footer .footer-top {
    padding: 42px 0 16px !important;
  }

  body #footer .footer-top .row.sidebar > aside.widget {
    width: 100% !important;
    flex: 0 0 100% !important;
    margin-bottom: 26px !important;
  }

  body #footer .footer-top .row.sidebar > aside.widget:last-of-type {
    margin-bottom: 0 !important;
  }

  body #footer .footer-bottom {
    padding: 20px 0 !important;
  }

  body #footer .copyright {
    line-height: 1.7 !important;
  }
}
  /* Masaüstü: ana logo solda, menü ortada, diğer logolar sağda */
body header.header .header-wrapper .container > .row {
  justify-content: space-between !important;
}

body header.header .logo-box {
  width: 25% !important;
  flex: 0 0 25% !important;
  min-width: 0 !important;
  padding-right: 10px !important;
}

body header.header .right-box {
  width: 50% !important;
  flex: 0 0 50% !important;
  min-width: 0 !important;
}

body header.header .right-box-wrapper,
body header.header .primary .navbar-nav {
  justify-content: center !important;
}

body header.header .assos-header-sites {
  display: flex !important;
  width: 25% !important;
  flex: 0 0 25% !important;
  min-width: 0 !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
}

body header.header .assos-header-site {
  display: flex !important;
  width: 108px !important;
  height: 58px !important;
  padding: 6px 9px !important;
  border-radius: 9px !important;
  background: #fff !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  transition: transform .25s ease-in-out,
              border-color .25s ease-in-out,
              box-shadow .25s ease-in-out !important;
}

body header.header .assos-header-site:hover,
body header.header .assos-header-site:focus-visible {
  border-color: #4d98d2 !important;
  box-shadow: 0 7px 19px rgba(44, 43, 124, .2) !important;
  transform: translateY(-2px) !important;
}

body header.header .assos-header-site img {
  display: block !important;
  width: 100% !important;
  max-width: 88px !important;
  height: 44px !important;
  max-height: 44px !important;
  object-fit: contain !important;
}

@media (min-width: 992px) and (max-width: 1199px) {
  body header.header .logo-box {
    width: 23% !important;
    flex-basis: 23% !important;
  }

  body header.header .right-box {
    width: 54% !important;
    flex-basis: 54% !important;
  }

  body header.header .assos-header-sites {
    width: 23% !important;
    flex-basis: 23% !important;
    gap: 5px !important;
  }

  body header.header .assos-header-site {
    width: 88px !important;
    height: 52px !important;
    padding: 5px !important;
  }

  body header.header .assos-header-site img {
    max-width: 75px !important;
    height: 40px !important;
    max-height: 40px !important;
  }
}

@media (max-width: 991px) {
  body header.header .logo-box {
    width: calc(100% - 226px) !important;
    flex: 0 1 calc(100% - 226px) !important;
    padding-right: 4px !important;
  }

  body header.header .logo-box .logo img {
    max-width: 140px !important;
    max-height: 39px !important;
  }

  body header.header .right-box {
    position: static !important;
    width: 52px !important;
    flex: 0 0 52px !important;
  }

  body header.header .right-box-wrapper {
    justify-content: center !important;
  }

  body header.header .assos-header-sites {
    width: 174px !important;
    flex: 0 0 174px !important;
    gap: 5px !important;
  }

  body header.header .assos-header-site {
    width: 82px !important;
    height: 48px !important;
    padding: 4px !important;
  }

  body header.header .assos-header-site img {
    max-width: 70px !important;
    height: 37px !important;
    max-height: 37px !important;
  }
}

@media (max-width: 480px) {
  body header.header .header-wrapper .container {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }

  body header.header .logo-box {
    width: calc(100% - 180px) !important;
    flex-basis: calc(100% - 180px) !important;
  }

  body header.header .logo-box .logo img {
    width: auto !important;
    max-width: 100% !important;
    max-height: 34px !important;
  }

  body header.header .right-box {
    width: 48px !important;
    flex-basis: 48px !important;
  }

  body header.header .assos-header-sites {
    width: 132px !important;
    flex-basis: 132px !important;
    gap: 4px !important;
  }

  body header.header .assos-header-site {
    width: 64px !important;
    height: 43px !important;
    padding: 3px !important;
  }

  body header.header .assos-header-site img {
    max-width: 58px !important;
    height: 34px !important;
    max-height: 34px !important;
  }
}

@media (max-width: 360px) {
  body header.header .logo-box {
    width: calc(100% - 158px) !important;
    flex-basis: calc(100% - 158px) !important;
  }

  body header.header .right-box {
    width: 44px !important;
    flex-basis: 44px !important;
  }

  body header.header .assos-header-sites {
    width: 114px !important;
    flex-basis: 114px !important;
  }

  body header.header .assos-header-site {
    width: 55px !important;
  }

  body header.header .assos-header-site img {
    max-width: 49px !important;
  }
}
  body.prg-contact #main {
  background: #fff !important;
}

body.prg-contact #main > .page-header {
  position: relative !important;
  min-height: 290px !important;
  margin: 0 !important;
  padding: 76px 0 70px !important;
  overflow: hidden !important;
  border: 0 !important;
  background: linear-gradient(
    115deg,
    var(--assos-primary-dark, #211F63),
    var(--assos-primary, #2C2B7C) 68%,
    #375a9e
  ) !important;
}

body.prg-contact #main > .page-header::before,
body.prg-contact #main > .page-header::after {
  content: "" !important;
  position: absolute !important;
  border: 1px solid rgba(255, 255, 255, .14) !important;
  border-radius: 50% !important;
  pointer-events: none !important;
}

body.prg-contact #main > .page-header::before {
  top: -175px !important;
  right: -40px !important;
  width: 490px !important;
  height: 490px !important;
}

body.prg-contact #main > .page-header::after {
  top: -60px !important;
  right: 75px !important;
  width: 255px !important;
  height: 255px !important;
}

body.prg-contact #main > .page-header .container {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  max-width: 1260px !important;
  padding: 0 30px !important;
}

body.prg-contact #main > .page-header .title {
  margin: 14px 0 15px !important;
  padding: 0 !important;
  color: #fff !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: clamp(42px, 5vw, 64px) !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
  letter-spacing: -.045em !important;
  text-shadow: none !important;
}

body.prg-contact #main > .page-header .assos-contact-eyebrow {
  display: block !important;
  color: #acd9f4 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .16em !important;
}

body.prg-contact #main > .page-header .assos-contact-intro {
  max-width: 610px !important;
  margin: 0 !important;
  color: #dce6f6 !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
}

body.prg-contact #main > .container {
  width: 100% !important;
  max-width: 1260px !important;
  padding: 76px 30px 100px !important;
}

body.prg-contact #main > .container > .row {
  display: grid !important;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr) !important;
  gap: 30px !important;
  margin: 0 !important;
  align-items: stretch !important;
}

body.prg-contact #main > .container > .row::before,
body.prg-contact #main > .container > .row::after,
body.prg-contact #contacts::before,
body.prg-contact #contacts::after {
  display: none !important;
}

body.prg-contact #contacts {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  align-content: stretch !important;
}

body.prg-contact #contacts .big-services-box {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 224px !important;
  margin: 0 !important;
  padding: 26px 22px !important;
  float: none !important;
  border: 1px solid var(--assos-border, #E3E7EF) !important;
  border-radius: 14px !important;
  background: #F7F9FC !important;
  box-shadow: none !important;
  text-align: left !important;
}

body.prg-contact #contacts .big-icon.circle.border {
  display: flex !important;
  width: 42px !important;
  height: 42px !important;
  margin: 0 0 22px !important;
  border: 1px solid #cbdff1 !important;
  border-radius: 11px !important;
  background: #eaf4fc !important;
  color: var(--assos-primary, #2C2B7C) !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
}

body.prg-contact #contacts .big-icon.circle.border i {
  display: block !important;
  color: var(--assos-primary, #2C2B7C) !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

body.prg-contact #contacts .title {
  margin: 0 0 11px !important;
  padding: 0 !important;
  color: var(--assos-primary, #2C2B7C) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  text-align: left !important;
}

body.prg-contact #contacts #contact-phone,
body.prg-contact #contacts #contact-fax,
body.prg-contact #contacts #contact-address,
body.prg-contact #contacts #contact-mail {
  color: #526077 !important;
  font-size: 13px !important;
  line-height: 1.75 !important;
  overflow-wrap: anywhere !important;
  white-space: normal !important;
}

body.prg-contact #contacts a {
  color: #526077 !important;
  text-decoration: none !important;
}

body.prg-contact #contacts a:hover,
body.prg-contact #contacts a:focus-visible {
  color: var(--assos-secondary-dark, #2871B9) !important;
  text-decoration: underline !important;
}

body.prg-contact #reviews {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  column-gap: 16px !important;
  row-gap: 15px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 34px !important;
  float: none !important;
  border: 1px solid var(--assos-border, #E3E7EF) !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: 0 16px 45px rgba(44, 43, 124, .065) !important;
}

body.prg-contact #reviews > h4.title {
  grid-column: 1 / -1 !important;
  margin: 0 0 7px !important;
  padding: 0 !important;
  color: var(--assos-primary, #2C2B7C) !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
}

body.prg-contact #reviews #senderForm {
  display: block !important;
  margin-top: 7px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

body.prg-contact #reviews > .col-sm-6 {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

body.prg-contact #reviews .form-control {
  display: block !important;
  width: 100% !important;
  height: 51px !important;
  margin: 0 0 13px !important;
  padding: 12px 15px !important;
  border: 1px solid #d9e1ec !important;
  border-radius: 9px !important;
  background: #F8FAFD !important;
  color: #181B2A !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

body.prg-contact #reviews .form-control::placeholder {
  color: #738098 !important;
  opacity: 1 !important;
}

body.prg-contact #reviews .form-control:focus {
  border-color: var(--assos-secondary, #4D98D2) !important;
  background: #fff !important;
  box-shadow: 0 0 0 3px rgba(77, 152, 210, .12) !important;
}

body.prg-contact #reviews #contactMsg {
  height: 179px !important;
  min-height: 179px !important;
  max-width: 100% !important;
  margin: 0 !important;
  resize: vertical !important;
}

body.prg-contact #reviews > .clearfix:not(.buttons-box) {
  display: none !important;
}

body.prg-contact #reviews .buttons-box {
  display: flex !important;
  grid-column: 1 / -1 !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

body.prg-contact #reviews .buttons-box .btn {
  display: inline-flex !important;
  min-width: 155px !important;
  min-height: 47px !important;
  margin: 0 !important;
  padding: 10px 22px !important;
  border: 1px solid var(--assos-primary, #2C2B7C) !important;
  border-radius: 9px !important;
  background: var(--assos-primary, #2C2B7C) !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: background .2s ease, transform .2s ease !important;
}

body.prg-contact #reviews .buttons-box .btn:hover,
body.prg-contact #reviews .buttons-box .btn:focus {
  border-color: var(--assos-primary-dark, #211F63) !important;
  background: var(--assos-primary-dark, #211F63) !important;
  color: #fff !important;
  transform: translateY(-2px) !important;
}

@media (max-width: 991px) {
  body.prg-contact #main > .container > .row {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }

  body.prg-contact #contacts .big-services-box {
    min-height: 190px !important;
  }

  body.prg-contact #main > .container {
    padding-top: 55px !important;
    padding-bottom: 75px !important;
  }
}

@media (max-width: 767px) {


  body.prg-contact #main > .page-header .container,
  body.prg-contact #main > .container {
    padding-right: 18px !important;
    padding-left: 18px !important;
  }

  body.prg-contact #main > .page-header .title {
    font-size: 42px !important;
  }

  body.prg-contact #main > .page-header .assos-contact-intro {
    font-size: 14px !important;
  }

  body.prg-contact #main > .container {
    padding-top: 38px !important;
    padding-bottom: 65px !important;
  }

  body.prg-contact #contacts {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  body.prg-contact #contacts .big-services-box {
    min-height: 0 !important;
    padding: 22px !important;
  }

  body.prg-contact #contacts .big-icon.circle.border {
    margin-bottom: 15px !important;
  }

  body.prg-contact #reviews {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    padding: 25px 20px !important;
  }

  body.prg-contact #reviews > h4.title {
    margin-bottom: 20px !important;
    font-size: 22px !important;
  }

  body.prg-contact #reviews #contactMsg {
    min-height: 150px !important;
    height: 150px !important;
  }

  body.prg-contact #reviews .buttons-box {
    margin-top: 17px !important;
  }

  body.prg-contact #reviews .buttons-box .btn {
    width: 100% !important;
  }
}
/* Yalnızca 404 sayfası */
:is(body.assos-page-404, body:has(#main > .container > .row > p[style*="font-size:180px"])) #main > .page-header {
  display: none !important;
}

:is(body.assos-page-404, body:has(#main > .container > .row > p[style*="font-size:180px"])) #main {
  min-height: 100vh !important;
  min-height: 100svh !important;
}

:is(body.assos-page-404, body:has(#main > .container > .row > p[style*="font-size:180px"])) #main > .container > .row {
  padding: 20% 18px 80px;
  text-align: center;
}

:is(body.assos-page-404, body:has(#main > .container > .row > p[style*="font-size:180px"])) #main > .container > .row > p:first-child {
  margin: 0 !important;
  color: #2c2b7c !important;
  font-size: clamp(90px, 16vw, 160px) !important;
  font-weight: 700;
  line-height: 1 !important;
  text-shadow: none !important;
}

:is(body.assos-page-404, body:has(#main > .container > .row > p[style*="font-size:180px"])) #main > .container > .row > p:nth-child(2) {
  max-width: 620px;
  margin: 24px auto 0 !important;
  color: #4c5671;
  font-size: 16px;
  line-height: 1.7;
}

@media (max-width: 767px) {
  :is(body.assos-page-404, body:has(#main > .container > .row > p[style*="font-size:180px"])) #main > .container > .row {
    padding: 90% 16px 65px;
  }

  :is(body.assos-page-404, body:has(#main > .container > .row > p[style*="font-size:180px"])) #main > .container > .row > p:nth-child(2) {
    font-size: 14px;
  }
}