/*
 * TeknoKatman v180 — ortak responsive bileşenler
 * Mobil header, reklam noktaları ve genel mobil arayüz.
 */@media (max-width: 991.98px) {
  /* Eşit yan kolonlar logoyu ekranın gerçek merkezinde tutar. */
  html body .tk26-mobile-top {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) 44px !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    padding: 0 12px !important;
  }

  html body .tk26-mobile-logo,html body .tk26-mobile-logo > a {
    grid-column: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  html body .tk26-mobile-logo img {
    display: block !important;
    width: auto !important;
    max-width: min(180px, 100%) !important;
    max-height: 48px !important;
    margin: 0 auto !important;
    object-fit: contain !important;
  }

  html body .tk26-mobile-actions {
    grid-column: 3 !important;
    display: grid !important;
    grid-template-columns: 44px !important;
    justify-content: end !important;
    width: 44px !important;
    min-width: 44px !important;
    gap: 0 !important;
  }

  html body .tk26-mobile-actions .tk26-mobile-button[data-tk-mobile-search-open] {
    display: grid !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    margin: 0 !important;
  }

  /* Eski giriş animasyonunun sabit filtre panelini bozmasını engeller. */

  /* Beyaz ve viewport'a sabit mobil filtre çekmecesi. */

  /* Mavi blok yerine küçük gri/turuncu slider noktaları. */
  html body .tk26-header-promos .tk26-header-promos-dots {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    min-height: 8px !important;
    margin: 8px 0 0 !important;
    padding: 0 !important;
  }

  html body .tk26-header-promos .tk26-header-promos-dots > button {
    flex: 0 0 6px !important;
    display: block !important;
    width: 6px !important;
    min-width: 6px !important;
    max-width: 6px !important;
    height: 6px !important;
    min-height: 6px !important;
    max-height: 6px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #cbd5e1 !important;
    background-image: none !important;
    box-shadow: none !important;
    opacity: 1 !important;
  }

  html body .tk26-header-promos .tk26-header-promos-dots > button.is-active {
    flex-basis: 18px !important;
    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    background: #f97316 !important;
  }
}@media (max-width: 767.98px) {
  /* Kategori ürünleri daima iki eşit mobil sütun kullanır. */
}@media (max-width: 390px) {
  html body .tk26-mobile-top {
    grid-template-columns: 41px minmax(0, 1fr) 41px !important;
    gap: 6px !important;
    padding: 0 8px !important;
  }

  html body .tk26-mobile-actions {
    grid-template-columns: 41px !important;
    width: 41px !important;
    min-width: 41px !important;
  }

  html body .tk26-mobile-actions .tk26-mobile-button[data-tk-mobile-search-open] {
    width: 41px !important;
    height: 41px !important;
    min-width: 41px !important;
  }

  html body .tk26-mobile-logo img {
    max-width: min(168px, 100%) !important;
    max-height: 46px !important;
  }
}/*
 * Ortak arama, footer, marka ve çerez davranışları
 */.tk-brand-marquee{display:none!important}#common-home .tk-brand-marquee{display:flex!important;position:relative!important}#common-home>.tk-brand-marquee{margin-top:14px!important}/* Görselle arama — kompakt, beyaz ve bağımsız modal */.tk-image-search-modal[hidden]{display:none!important}body>.tk-image-search-modal{position:fixed!important;z-index:50050!important;inset:0!important;display:grid!important;place-items:center!important;padding:16px!important;opacity:0!important;visibility:hidden!important;transition:opacity .18s ease,visibility .18s ease!important}body>.tk-image-search-modal.is-open{opacity:1!important;visibility:visible!important}body>.tk-image-search-modal .tk-image-search-backdrop{position:absolute!important;z-index:0!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:rgba(15,23,42,.48)!important;box-shadow:none!important}body>.tk-image-search-modal .tk-image-search-dialog{position:relative!important;z-index:1!important;display:block!important;width:min(410px,calc(100vw - 28px))!important;max-width:410px!important;min-width:0!important;height:auto!important;min-height:0!important;margin:0!important;padding:34px 18px 18px!important;border:1px solid #e1e7ef!important;border-radius:16px!important;background:#fff!important;color:#17243c!important;box-shadow:0 24px 70px rgba(15,23,42,.25)!important;overflow:visible!important;transform:translateY(10px) scale(.98)!important;transition:transform .18s ease!important}body>.tk-image-search-modal.is-open .tk-image-search-dialog{transform:none!important}body>.tk-image-search-modal .tk-image-search-close{position:absolute!important;z-index:3!important;top:9px!important;right:9px!important;display:grid!important;place-items:center!important;width:30px!important;height:30px!important;margin:0!important;padding:0!important;border:1px solid #e3e8ef!important;border-radius:9px!important;background:#f8fafc!important;color:#354258!important;box-shadow:none!important}body>.tk-image-search-modal .tk-image-search-close svg{display:block!important;width:16px!important;height:16px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important}body>.tk-image-search-modal .tk-image-search-dropzone{display:grid!important;place-items:center!important;align-content:center!important;gap:7px!important;width:100%!important;min-height:180px!important;margin:0!important;padding:22px 16px!important;border:1.5px dashed #bcc8d8!important;border-radius:13px!important;background:#fbfcfe!important;color:#4a586e!important;text-align:center!important;cursor:pointer!important;outline:0!important}body>.tk-image-search-modal.is-dragging .tk-image-search-dropzone,body>.tk-image-search-modal .tk-image-search-dropzone:focus{border-color:#ff6b00!important;background:#fff8f2!important;box-shadow:0 0 0 3px rgba(255,107,0,.08)!important}body>.tk-image-search-modal .tk-image-search-placeholder{display:grid!important;place-items:center!important;width:48px!important;height:48px!important;border-radius:13px!important;background:#fff1e7!important;color:#ff6b00!important}body>.tk-image-search-modal .tk-image-search-placeholder svg{display:block!important;width:26px!important;height:26px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important}body>.tk-image-search-modal .tk-image-search-dropzone p{margin:0!important;color:#344155!important;font-size:12px!important;line-height:1.5!important}body>.tk-image-search-modal .tk-image-search-dropzone strong{color:#ff6b00!important}body>.tk-image-search-modal .tk-image-search-select{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:34px!important;padding:0 15px!important;border:1px solid #ff6b00!important;border-radius:9px!important;background:#fff!important;color:#ff6b00!important;font-size:11px!important;font-weight:900!important}body>.tk-image-search-modal .tk-image-search-dropzone small{color:#8994a5!important;font-size:10px!important}body.tk-image-search-open{overflow:hidden!important}/* Mobil hızlı erişim sade, kapalı ve siyah chevron. */@media(max-width:767.98px){
  .tk-v488-links-toggle{border:0!important;border-radius:0!important;background:transparent!important;color:#17243c!important;box-shadow:none!important}
  .tk-v488-links-toggle i{color:#17243c!important}
  .tk-v488-links-panel.is-collapsed .tk-v488-links-toggle i{transform:rotate(180deg)!important}
}/* Yönetilebilir çerez tercihi */.tk-cookie-consent[hidden]{display:none!important}.tk-cookie-consent{position:fixed;z-index:50020;left:18px;right:18px;bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:20px;width:min(1060px,calc(100% - 36px));margin:0 auto;padding:17px 18px;border:1px solid #e1e7ef;border-radius:15px;background:#fff;color:#344155;box-shadow:0 18px 55px rgba(15,23,42,.2)}.tk-cookie-consent__copy{display:flex;align-items:flex-start;gap:12px;min-width:0}.tk-cookie-consent__copy>i{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:11px;background:#fff1e7;color:#ff6b00}.tk-cookie-consent h2{margin:0 0 3px;color:#17243c;font-size:14px;font-weight:900}.tk-cookie-consent p{margin:0;color:#69768a;font-size:11px;line-height:1.55}.tk-cookie-consent p a{color:#ff6b00;font-weight:800}.tk-cookie-consent__actions{display:flex;flex:0 0 auto;gap:8px}.tk-cookie-consent__actions button{min-height:40px;padding:0 15px;border:1px solid #dfe5ed;border-radius:10px;background:#fff;color:#344155;font-size:11px;font-weight:900}.tk-cookie-consent__actions .is-primary{border-color:#ff6b00;background:#ff6b00;color:#fff}@media(max-width:700px){
  .tk-cookie-consent{left:10px;right:10px;bottom:78px;display:grid;width:calc(100% - 20px);padding:14px}
  .tk-cookie-consent__actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .tk-cookie-consent__actions button{padding:0 9px;font-size:10px}
}

/* Masaüstü header: mavi yüzeyleri marka turuncusu ve nötr kutularla sınırla. */
@media (min-width: 992px) {
  html body .tk26-search .tk-search-image-button {
    border: 1px solid #dbe4ef !important;
    background: #fff !important;
    color: #17243c !important;
    box-shadow: none !important;
  }

  html body .tk26-search .tk-search-image-button:hover {
    border-color: #ff6b00 !important;
    background: #fff7ed !important;
    color: #ff6b00 !important;
  }

  html body .tk26-search .tk-search-submit,
  html body .tk26-search .tk-search-submit:hover,
  html body .tk26-search .tk-search-submit:focus {
    border: 1px solid #ff6b00 !important;
    background: #ff6b00 !important;
    color: #fff !important;
    box-shadow: none !important;
  }

  html body #cart,
  html body #header-cart,
  html body .tk50-cart-shell,
  html body .tk50-cart-host,
  html body .tk50-cart-dropdown,
  html body #cart .tk50-cart-trigger {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body #cart .tk50-cart-trigger:hover,
  html body #cart .tk50-cart-trigger:focus,
  html body #cart .tk50-cart-trigger[aria-expanded="true"] {
    background: #f7f9fc !important;
    color: #071225 !important;
  }

  html body #cart .tk50-cart-icon {
    border: 0 !important;
    background: #f5f7fb !important;
    color: #071225 !important;
    box-shadow: none !important;
  }

  html body #cart .tk50-cart-icon i,
  html body #cart .tk50-cart-icon svg,
  html body #cart .tk50-cart-copy strong {
    color: #071225 !important;
  }

  html body .tk26-action-icon em,
  html body #cart .tk50-cart-count {
    background: #ff6b00 !important;
  }
}

/* Duyuru şeridi: eşit iki grup ve tek kesintisiz kompozit animasyon. */
@media (min-width: 992px) {
  html body .tk26-notice {
    contain: paint !important;
    transform: translateZ(0) !important;
    backface-visibility: hidden !important;
  }

  html body .tk26-notice-track {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
    width: max-content !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    animation: tk26TickerStable 30s linear infinite !important;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden !important;
    will-change: transform;
  }

  html body .tk26-notice-group {
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    gap: 42px !important;
    height: 100% !important;
    padding: 0 42px 0 0 !important;
    white-space: nowrap !important;
  }
}

@keyframes tk26TickerStable {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(-50%, 0, 0); }
}

@media (prefers-reduced-motion: reduce) {
  html body .tk26-notice-track {
    animation: none !important;
    transform: none !important;
  }

  html body .tk26-notice-group[aria-hidden="true"] {
    display: none !important;
  }
}
