/* SARRAFF HEADER CSS - header.tpl içinden ayrıldı */

/* Bu dosya: catalog/view/theme/special/stylesheet/sarraff-header.css */


/* header.tpl style block 1 (type="text/css") */

.shwustmenucizgi {
      background: #2c3a47;
      height: 2px;
      background-size: 100% 6px;
      background-position: 50% 100%;
      background-repeat: no-repeat;
    }


/* header.tpl style block 2 */

.mobile-header .mobile-header-icon-btn{
    background:none !important;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:44px;
    text-decoration:none;
    position:relative;
    text-indent:0 !important;
  }

  .mobile-header .to-navigation:before,
  .mobile-header .to-navigation:after,
  .mobile-header .to-search:before,
  .mobile-header .to-search:after{
    content:none !important;
    display:none !important;
    background:none !important;
  }

  .mobile-header .to-navigation,
  .mobile-header .to-search{
    background:none !important;
    background-image:none !important;
  }

  .mobile-header .mobile-header-icon{
    width:31px;
    height:31px;
    display:block;
    fill:#1b2530;
    transition:transform .18s ease, opacity .18s ease;
  }

  .mobile-header .mobile-header-icon-btn:hover .mobile-header-icon,
  .mobile-header .mobile-header-icon-btn:focus .mobile-header-icon,
  .mobile-header .mobile-header-icon-btn:active .mobile-header-icon{
    transform:scale(1.06);
  }

  .product-thumb .button-group button + button{
    background:none;
    color:#413c39;
    border-left:0 solid #413c39;
    width:33%;
  }

  .product-thumb .button-group button + button:hover{
    background:none;
    color:#413c39;
    border:none;
    width:33%;
  }

  /* sağ üst header alanı - güvenli düzeltme */
  #ust:after{
    content:"";
    display:block;
    clear:both;
  }

  #ust .header-user-wrap{
    float:left;
  }

  #ust .header-cart-wrap{
    float:right;
  }


/* header.tpl style block 3 */

.sr-top-band-wrap{
    width:100%;
    position:relative;
    z-index:100;
    overflow:hidden;
    visibility:hidden;
    background:#f11627;
  }

  .sr-top-band-wrap.sr-ready{
    visibility:visible;
  }

  .sr-top-band{
    width:100%;
    overflow:hidden;
    background:#f11627;
    color:#fff;
    height:40px;
    line-height:40px;
    font-size:14px;
    font-weight:600;
    letter-spacing:0;
    white-space:nowrap;
    pointer-events:none;
  }

  .sr-top-band-track{
    display:flex;
    align-items:center;
    flex-wrap:nowrap;
    width:max-content;
    min-width:max-content;
    gap:0;
    will-change:transform;
    transform:translate3d(0,0,0);
    animation:srTopBandLoop 24s linear infinite;
    backface-visibility:hidden;
  }

  .sr-top-band-run{
    display:flex;
    align-items:center;
    flex-shrink:0;
    gap:0;
  }

  .sr-top-band-item{
    display:inline-flex;
    align-items:center;
    white-space:nowrap;
    color:#fff;
    padding:0 7px;
    margin:0;
    user-select:none;
    pointer-events:none;
    flex:0 0 auto;
  }

  .sr-top-band-heart{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:11px;
    line-height:1;
    margin:0;
    padding:0;
    transform:translateY(-1px);
    flex:0 0 auto;
    user-select:none;
    pointer-events:none;
  }

  @keyframes srTopBandLoop{
    0%{ transform:translate3d(0,0,0); }
    100%{ transform:translate3d(-25%,0,0); }
  }

  @media (max-width:767px){
    .sr-top-band{
      height:36px;
      line-height:36px;
      font-size:12px;
    }

    .sr-top-band-item{
      padding:0 6px;
    }

    .sr-top-band-heart{
      font-size:10px;
    }
  }


/* header.tpl style block 4 */

.kocak-top-banner{background:#fff;border-bottom:1px solid #e9e9e9;}
    .kocak-top-banner__inner{max-width:1200px;margin:0 auto;padding:10px 15px;display:flex;align-items:center;gap:12px;}
    .kocak-top-banner__logo img{display:block;height:34px;width:auto;}
    .kocak-top-banner__text{line-height:1.15;}
    .kocak-top-banner__title{font-weight:700;color:#111;font-size:14px;margin:0 0 3px 0;}
    .kocak-top-banner__desc{font-weight:400;color:#111;font-size:12px;margin:0;}
    @media (max-width:768px){
      .kocak-top-banner__inner{padding:8px 12px;}
      .kocak-top-banner__title{font-size:13px;}
      .kocak-top-banner__desc{font-size:11px;}
      .kocak-top-banner__logo img{height:30px;}
    }


/* header.tpl style block 5 */

.sarraff-firsat-link, .sarraff-firsat-link * { color:#ff0000 !important; }
        .sarraff-canli-kur-link, .sarraff-canli-kur-link * { color:#d4af37 !important; }


/* header.tpl style block 6 */

.mobile-cart-link{ position:relative; display:inline-block; padding-right:22px; }
        .mobile-cart-badge{
          position:absolute;
          right:0;
          top:50%;
          transform:translateY(-50%);
          min-width:18px;
          height:18px;
          line-height:18px;
          border-radius:9px;
          background:#f11627;
          color:#fff;
          font-size:12px;
          text-align:center;
          padding:0 6px;
          font-weight:700;
        }


/* header.tpl inline style karşılıkları */
.sr-top-border-right{
  border-right:1px solid #d9d9e1;
}

.sr-top-border-both{
  border-right:1px solid #d9d9e1;
  border-left:1px solid #d9d9e1;
}

.sr-icon-white{
  color:#fff !important;
}

.sr-icon-dark{
  color:#333333 !important;
}

.sr-p-0{
  padding:0 !important;
}

.sr-hidden-inline{
  display:none;
}