/* Note: 23 rules identical to sliders.css were removed (deduplicated). */


    body.sf.theme-default,
    body.sf.theme-folder-default{
      overflow-x: clip !important;
      margin: 0 !important;
    }

    body.sf .sf-pblock-card .sf-pblock-tag.sf-same-day-badge,
    body.sf .sf-featured-card .sf-pblock-tag.sf-same-day-badge,
    body.sf .sf-store-card .sf-pblock-tag.sf-same-day-badge {
      display: inline-flex !important;
      flex-direction: column !important;
      align-items: center !important;
      justify-content: center !important;
      position: absolute !important;
      top: 14px !important;
      right: 14px !important;
      left: auto !important;
      width: 54px !important;
      max-width: 54px !important;
      box-sizing: border-box !important;
      min-width: 54px !important;
      min-height: 32px !important;
      padding: 5px 8px 6px !important;
      border-radius: 999px !important;
      gap: 1px !important;
      text-align: center !important;
      line-height: 1 !important;
      letter-spacing: 0 !important;
      text-transform: none !important;
      overflow: hidden !important;
      color: #fff !important;
      background: #dc2626 !important;
      border-color: #dc2626 !important;
      box-shadow: 0 7px 16px rgb(220, 38, 38, .24) !important;
      transform: rotate(-7deg) !important;
      transform-origin: center center !important;
      white-space: nowrap !important;
    }

    body.sf .sf-pblock-card .sf-pblock-tag.sf-same-day-badge span,
    body.sf .sf-featured-card .sf-pblock-tag.sf-same-day-badge span,
    body.sf .sf-store-card .sf-pblock-tag.sf-same-day-badge span {
      display: block !important;
      font-size: 9px !important;
      font-weight: 900 !important;
      line-height: 1 !important;
      letter-spacing: 0 !important;
      white-space: nowrap !important;
    }

    body.sf .sf-pblock-card .sf-pblock-tag.sf-same-day-badge small,
    body.sf .sf-featured-card .sf-pblock-tag.sf-same-day-badge small,
    body.sf .sf-store-card .sf-pblock-tag.sf-same-day-badge small {
      display: block !important;
      font-size: 8px !important;
      font-weight: 800 !important;
      line-height: 1 !important;
      letter-spacing: .15px !important;
      opacity: .96 !important;
      white-space: nowrap !important;
    }

@media (max-width: 576px) {
    body.sf .sf-pblock-card .sf-pblock-tag.sf-same-day-badge,
    body.sf .sf-featured-card .sf-pblock-tag.sf-same-day-badge,
    body.sf .sf-store-card .sf-pblock-tag.sf-same-day-badge {
      top: 8px !important;
      right: 8px !important;
      left: auto !important;
      width: 46px !important;
      min-width: 46px !important;
      max-width: 46px !important;
      min-height: 26px !important;
      box-sizing: border-box !important;
      padding: 4px 7px 5px !important;
      border-radius: 999px !important;
      box-shadow: 0 5px 12px rgb(220, 38, 38, .20) !important;
      transform: none !important;
    }

    body.sf .sf-pblock-card .sf-pblock-tag.sf-same-day-badge span,
    body.sf .sf-featured-card .sf-pblock-tag.sf-same-day-badge span,
    body.sf .sf-store-card .sf-pblock-tag.sf-same-day-badge span {
      font-size: 8px !important;
    }

    body.sf .sf-pblock-card .sf-pblock-tag.sf-same-day-badge small,
    body.sf .sf-featured-card .sf-pblock-tag.sf-same-day-badge small,
    body.sf .sf-store-card .sf-pblock-tag.sf-same-day-badge small {
      font-size: 7px !important;
      letter-spacing: 0 !important;
    }

    body.sf .sf-pblock-card .sf-pblock-tag + .sf-pblock-thumb .sf-store-wishlist-btn,
    body.sf .sf-featured-card .sf-pblock-tag + .sf-pblock-thumb .sf-store-wishlist-btn {
      top: 38px !important;
    }
}


body.sf-cp-no-sticky-header {
    padding-top: 0;
}

body.sf-cp-no-sticky-header .sf-topbar {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: auto !important;
}

    .sf-marquee{
      border-bottom: 1px solid #e5e7eb !important;
    }

    .b6-locale-switch{
      display:inline-flex;
      align-items:center;
      gap: 4px;
      padding: 2px;
      border: 1px solid #e5e7eb;
      border-radius: 999px;
      background: #fff;
    }

    .sf-hero {
      margin-top: 5px;
      border-radius: 0;
      overflow: hidden;
    }

    /* .carousel-item height ve .sf-hero img object-fit kuralları
       hero-layout.css'e taşındı (tek kaynak, !important olmadan). */

    .b6-section-head{
      display:flex;
      align-items:center;
      text-align:center;
      margin: 15px;
      justify-content:center;
    }

    .b6-section-head h2{
      margin: 0;
      font-size: 30px;
      line-height: 1.1;
      font-weight: 900;
      color: #111827;
    }

    .b6-section-head p{
      margin: 6px 0 0;
      color: #64748b;
      font-size: 16px;
    }

    .b6-section-head:has(+ .b6-subcat-tabs) {
      margin-bottom: 12px;
    }

    .b6-subcat-tabs {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-bottom: 20px;
      justify-content: center;
    }

    .b6-subcat-tab {
      display: inline-flex;
      align-items: center;
      padding: 7px 16px;
      border-radius: 999px;
      border: 1.5px solid #e5e7eb;
      background: #f9fafb;
      color: #374151;
      font-size: 13px;
      font-weight: 600;
      text-decoration: none;
      transition: all .18s ease;
      white-space: nowrap;
    }

    .b6-subcat-tab:hover {
      background: #fff8db;
      border-color: #f3d34a;
      color: #111827;
    }

    .b6-subcat-tab.active {
      background: #111827;
      border-color: #111827;
      color: #fff;
    }

    .sf-grid{
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 8px !important;
    }

    #sfProducts.sf-grid{
      grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
      gap: 14px !important;
    }

    /* Featured Card Styles - for search results */
    .sf-featured-head{
      margin: 2px 0 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 18px;
    }

    .sf-featured-head-line{
      height: 2px;
      flex: 1 1 160px;
      max-width: 520px;
      background: #ef4444;
      border-radius: 999px;
    }

    .sf-featured-head h2{
      margin: 0;
      color: #111827;
      font-weight: 900;
      font-size: clamp(20px, 2.2vw, 30px);
      letter-spacing: -.4px;
      text-transform: uppercase;
      white-space: nowrap;
    }

    .sf-featured-wrap{
      position: relative;
      padding: 4px 12px;
    }

    .sf-featured-track{
      display: flex;
      gap: 2px;
      overflow-x: auto;
      scroll-behavior: smooth;
      scrollbar-width: none;
      -ms-overflow-style: none;
    }

    .sf-featured-card{
      flex: 0 0 calc((100% - 8px) / 5);
      min-width: 185px;
      border: 1px solid #d7d7d7;
      border-radius: 12px;
      background: #fff;
      padding: 5px;
      position: relative;
      box-shadow: 0 1px 0 rgb(0, 0, 0, .02);
      transition: border-color .2s ease, box-shadow .2s ease;
    }

    .sf-featured-card:hover{
      border-color: #ef4444;
      box-shadow: 0 10px 26px rgb(17,24,39,.10);
    }

    .sf-featured-thumb{
      width: 100%;
      aspect-ratio: var(--sf-product-card-ratio, 2 / 3);
      border-radius: 9px;
      background: #fff;
      border: 1px solid #ececec;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
    }

    .sf-featured-actions .sf-add,
    .sf-featured-actions .sf-secondary{
      width: 100%;
      justify-content: center;
      min-height: 34px;
      font-size: 12px;
      font-weight: 800;
      border-radius: 999px !important;
      background: #fff !important;
      color: #111827 !important;
      border: 1px solid rgb(17,24,39,.16) !important;
    }

    .sf-featured-brand{
      margin-top: 10px;
      font-size: 15px;
      font-weight: 800;
      line-height: 1.06;
      color: #111827;
    }

    .sf-featured-name{
      margin-top: 4px;
      color: #1f2937;
      font-size: 14px;
      line-height: 1.2;
      min-height: 44px;
      font-weight: 500;
    }

    .sf-featured-old{
      margin-top: 8px;
      color: #616161;
      font-size: 13px;
      font-weight: 500;
      text-decoration: line-through;
      line-height: 1.1;
    }

    .sf-featured-price{
      color: #b91c1c;
      font-size: 20px;
      font-weight: 900;
      line-height: 1;
      letter-spacing: -.2px;
    }

    .sf-featured-off{
      border: 1px solid #ef4444;
      border-radius: 10px;
      padding: 4px 6px;
      min-width: 62px;
      text-align: center;
      color: #b91c1c;
      line-height: 1.05;
      font-weight: 900;
      background: #fff;
      font-size: 12px;
    }

    .sf-featured-vat{
      margin-top: 4px;
      color: #4b5563;
      font-size: 12px;
      font-weight: 600;
    }


    /* .sf-featured-arrow temel stili sliders.css'de — burada tekrar tanımlanmıyor */
    .sf-featured-arrow i{ font-size: 0; line-height: 1; }

    @media (min-width: 1600px){
      .sf-featured-card{ flex-basis: calc((100% - 8px) / 5); }
    }

    @media (max-width: 1200px){
      .sf-featured-card{ flex-basis: calc((100% - 42px) / 4); min-width: 188px; }
      .sf-featured-price{ font-size: 18px; }
      .sf-featured-name{ font-size: 13px; }
    }

    @media (max-width: 992px){
      .sf-featured-card{ flex-basis: calc((100% - 28px) / 3); min-width: 170px; }
      .sf-featured-arrow{ width: 34px; height: 34px; border-radius: 999px; top: 42%; }
      .sf-featured-head-line{ display:none; }
      .sf-featured-head h2{ white-space: normal; text-align:center; }

      .sf-featured-actions{
        position: static;
        opacity: 1;
        transform: none;
        pointer-events: auto;
        margin-top: 8px;
      }
      .sf-featured-price{ font-size: 17px; }
      .sf-featured-brand{ font-size: 15px; }
      .sf-featured-name{ min-height: 0; }
    }

    @media (max-width: 576px){
      .sf-featured-card{ flex-basis: calc((100% - 14px) / 2); min-width: 162px; padding: 10px; }
      .sf-featured-head h2{ font-size: clamp(20px, 5.2vw, 28px); }
      .sf-featured-brand{ font-size: 13px; }
      .sf-featured-name{ font-size: 12px; }
      .sf-featured-price{ font-size: 15px; }
    }

    @media (max-width: 1400px){
      #sfProducts.sf-grid{
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
      }
    }

    @media (max-width: 1200px){
      #sfProducts.sf-grid{
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 12px !important;
      }
    }

    /* !important'lar kaldırıldı: bu kuralın özgüllüğü (0,1,0), temanın kendi
       kuralı .sf-grid .sf-pblock-actions .sf-add ise (0,3,0). !important
       özgüllüğü hiçe saydığı için daha zayıf bu kural kazanıyor ve temanın
       renk/kenarlık/köşe ayarlarını ölü bırakıyordu. Artık normal kaskad
       geçerli: bağlamı olan daha özel kural kazanır, bu kural yalnızca
       hiçbir bağlam kuralı olmayan yerlerde temel değer sağlar. */
    .sf-add{
      background: #0e7a26;
      color: #fff;
      border: 1px solid #20a152;
      border-radius: 8px;
      min-height: 32px;
      font-size: 12px;
      font-weight: 700;
      padding: 0 10px;
    }

    .sf-secondary{
      background: #fff !important;
      color: #111827 !important;
      border: 1px solid #e5e7eb !important;
      border-radius: 999px !important;
    }

    .sf-primary{
      background: #facc15 !important;
      color: #111827 !important;
      border: 1px solid #eab308 !important;
      border-radius: 999px !important;
    }

    .sf-brand-item{
      border: 1px solid #e5e7eb !important;
      background: #fff !important;
    }

    .sf-brand-arrow{
      background: #fff !important;
      border: 1px solid #e5e7eb !important;
    }

    .sf-side-menu{
      width: min(360px, 92vw) !important;
      background: #fff !important;
      border-right: 1px solid #dbe3ee !important;
      box-shadow: 0 18px 40px rgba(15, 23, 42, .18) !important;
      z-index: 1060 !important;
    }

    .sf-side-cat{
      min-height: 46px !important;
      padding: 7px 14px !important;
      border: 0 !important;
      border-radius: 0 !important;
      border-bottom: 1px solid #eef2f7 !important;
      background: #fff !important;
      color: #1f2937 !important;
      box-shadow: none !important;
      transform: none !important;
    }

    .sf-side-cat:hover{
      background: #fff !important;
      border-color: #eef2f7 !important;
      color: #066fd1 !important;
      box-shadow: none !important;
      transform: none !important;
    }

    /* Footer and trust sections moved to footer.css as the single owner. */

    .sf-shell .pagination{
      float: none !important;
      width: 100%;
      display: flex !important;
      align-items: center;
      justify-content: center;
      gap: 6px;
      margin: 12px 0 8px !important;
    }

    .sf-shell .pagination > li{
      float: none !important;
      display: inline-flex;
    }

    body.sf.theme-default .sf-wa-fab,
    body.sf.theme-folder-default .sf-wa-fab{
      position: fixed !important;
      right: 12px !important;
      bottom: 14px !important;
      z-index: 3000 !important;
    }

    body.sf.theme-default .sf-contact-fab,
    body.sf.theme-folder-default .sf-contact-fab{
      position: fixed !important;
      left: 12px !important;
      bottom: 14px !important;
      z-index: 3000 !important;
    }


    @media (min-width: 993px){
      body.sf.theme-default .sf-contact-fab,
      body.sf.theme-folder-default .sf-contact-fab{
        inset: 50% 18px auto auto !important;
        transform: translateY(-50%) !important;
        z-index: 1030 !important;
      }

      body.sf.sf-slip-open .sf-contact-fab,
      body.sf.sf-side-menu-open .sf-contact-fab,
      body.sf:has(#sfSlip.show) .sf-contact-fab,
      body.sf:has(#sfSideMenu.show) .sf-contact-fab{
        z-index: 1020 !important;
        pointer-events: none !important;
      }
    }

    body.sf.sf-slip-open .sf-wa-fab,
    body.sf:has(#sfSlip.show) .sf-wa-fab,
    body.sf:has(#sfCart.show) .sf-wa-fab,
    body.sf.sf-slip-open .sf-contact-fab,
    body.sf.sf-side-menu-open .sf-contact-fab,
    body.sf:has(#sfSlip.show) .sf-contact-fab,
    body.sf:has(#sfSideMenu.show) .sf-contact-fab{
      z-index: 1020 !important;
      pointer-events: none !important;
    }

    .sf-wa-fab .sf-wa-fab-btn,
    .sf-contact-fab .sf-contact-fab-btn{
      width: 54px !important;
      height: 54px !important;
      border-radius: 14px !important;
      box-shadow: 0 10px 20px rgb(0, 0, 0, .26) !important;
    }

    .sf-contact-fab .sf-contact-fab-btn{
      border: 0 !important;
      background: #25d366 !important;
      color: #fff !important;
      box-shadow: 0 10px 20px rgb(37, 211, 102, .34) !important;
    }

    .sf-wa-fab .sf-wa-fab-btn{
      background: #050505 !important;
    }

    .sf-wa-fab .sf-wa-fab-btn i,
    .sf-contact-fab .sf-contact-fab-btn i{
      font-size: 28px !important;
    }

    .sf-contact-fab .sf-contact-fab-btn i{
      font-size: 34px !important;
      color: #fff !important;
    }

    @media (max-width: 1399px){

      .b6-section-head h2{
        font-size: 28px;
      }

      .b6-section-head p{
        font-size: 16px;
      }

      /* Footer typography and grid rules moved to footer.css. */
    }

    @media (max-width: 992px){
      .sf-featured-wrap{
        padding: 4px 8px !important;
      }

      .sf-featured-track{
        gap: 8px !important;
        scroll-snap-type: x mandatory;
      }

      .sf-featured-card{
        flex: 0 0 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        scroll-snap-align: start;
      }

      .sf-featured-thumb{
        aspect-ratio: var(--sf-product-card-ratio, 2 / 3) !important;
        background: #fff !important;
      }

      body.sf-mobile-dock-on{
        overflow-x: clip !important;
      }

      .sf-brand{
        margin-right: auto;
      }

      .sf-menu-toggle{
        min-width: 44px !important;
        height: 40px !important;
        padding: 0 11px !important;
      }

      .sf-menu-toggle .label{
        display:none !important;
      }

      .b6-section-head h2{
        font-size: 24px;
      }

      .b6-section-head p{
        font-size: 13px;
      }

      .sf-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
      }

      #sfProducts.sf-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
      }

      /* Footer and trust responsive rules moved to footer.css. */
      #sfSlip.sf-slip-chat{
        left: 8px !important;
        right: 8px !important;
        width: auto !important;
        max-width: none !important;

        --bs-offcanvas-width: auto !important;

        bottom: calc(76px + env(safe-area-inset-bottom)) !important;
        height: min(72vh, 560px) !important;
      }
    }

    @media (max-width: 576px){
      /* Footer mobile refinements moved to footer.css. */
    }

    @media (max-width: 768px){
      .sf-featured-wrap{
        padding: 4px 6px !important;
      }

      .sf-featured-track{
        gap: 8px !important;
      }

      .sf-featured-card{
        flex: 0 0 calc(100vw - 28px) !important;
        min-width: calc(100vw - 28px) !important;
        max-width: calc(100vw - 28px) !important;
        padding: 8px !important;
      }

      .sf-featured-thumb{
        aspect-ratio: var(--sf-product-card-ratio, 2 / 3) !important;
        background: #fff !important;
      }

      .sf-featured-brand{
        font-size: 14px !important;
      }

      .sf-featured-name{
        font-size: 13px !important;
        min-height: 38px !important;
      }

      .sf-featured-price{
        font-size: 18px !important;
      }

      #sfProducts.sf-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
      }

      #sfSlip.sf-slip-chat{
        left: 8px !important;
        right: 8px !important;
        width: auto !important;
        max-width: none !important;

        --bs-offcanvas-width: auto !important;
      }
    }

    @media (max-width: 480px){
      #sfProducts.sf-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
      }
    }

    /* Final mobile dock/fab safety overrides */
    @media (max-width: 992px){
      /* html'den overflow-x:hidden KALDIRILDI — iOS/Android PWA'da html elementine
         overflow-x:hidden uygulamak touch scroll'u tamamen bloke ediyor */
      body.sf-mobile-dock-on{
        overflow-x: clip !important;
      }

      body.sf-mobile-dock-on .sf-mobile-dock{
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: auto !important;
        max-width: none !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        display: grid !important;
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        gap: 6px !important;
        padding: 6px 8px calc(10px + env(safe-area-inset-bottom)) 8px !important;
        border-top: 1px solid #dbe3ee !important;
        background: #fff !important;
        z-index: 2140 !important;
        transform: none !important;
      }

      body.sf-mobile-dock-on .sf-mobile-dock.sf-mobile-dock--with-lang{
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
      }

      body.sf-mobile-dock-on .sf-mobile-dock .dropdown-menu{
        z-index: 5000 !important;
      }

      body.sf-mobile-dock-on .sf-mobile-dock .dock-item.dropdown-toggle::after{
        display: none !important;
      }

      body.sf-mobile-dock-on .sf-mobile-dock .dock-item{
        min-width: 0 !important;
        min-height: 54px !important;
        border: 1px solid #14532d !important;
        border-right: 1px solid #14532d !important;
        border-radius: 11px !important;
        background: #14532d !important;
        color: #fff !important;
        box-shadow: none !important;
        gap: 3px !important;
        justify-content: center !important;
        overflow: hidden !important;
      }

      body.sf-mobile-dock-on .sf-mobile-dock .dock-item i{
        color: #fff !important;
      }

      body.sf-mobile-dock-on .sf-mobile-dock .dock-item--cart{
        background: #166534 !important;
        border-color: #166534 !important;
        color: #fff !important;
        box-shadow: none !important;
      }

      body.sf-mobile-dock-on .sf-mobile-dock .dock-item--cart i,
      body.sf-mobile-dock-on .sf-mobile-dock .dock-item--cart span{
        color: #fff !important;
      }

      body.sf-mobile-dock-on .sf-mobile-dock .dock-item--cart .dock-badge{
        background: #fff !important;
        border-color: rgba(255,255,255,.82) !important;
        color: #166534 !important;
      }

      body.sf-mobile-dock-on .sf-mobile-dock .dock-item span{
        font-size: 10px !important;
        line-height: 1.05 !important;
        font-weight: 800 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
      }

      body.sf-mobile-dock-on .sf-cp-mobile-header-lang{
        display: block !important;
      }

      body.sf-mobile-dock-on .sf-cp-mobile-header-lang .dropdown-menu{
        z-index: 5000 !important;
      }

      body.sf-mobile-dock-on .sf-cp-mobile-header-lang-toggle::after{
        display: none !important;
      }

      body.sf-mobile-dock-on .sf-cp-mobile-header-lang .sf-cp-top-cart-iconbox{
        margin-right: 0 !important;
        background: #fff !important;
        border-color: #e5e7eb !important;
        box-shadow: none !important;
      }

      body.sf-mobile-dock-on .sf-cp-mobile-header-lang-code{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #0f172a;
        font-size: 12px;
        font-weight: 900;
        line-height: 1;
      }

      body.sf-mobile-dock-on .sf-topbar-inner{
        position: relative !important;
      }

      @media (max-width: 991.98px) {
        body.sf-mobile-dock-on .sf-topbar .sf-brand {
            position: absolute !important;
            left: 50% !important;
            top: 20% !important;
            transform: translate(-50%, -50%) !important;
            margin: 0 !important;
            max-width: calc(100% - 104px) !important;
            justify-content: center !important;
            z-index: 2 !important;
        }
      }

      body.sf-mobile-dock-on .sf-topbar .sf-logo{
        width: auto !important;
        height: 56px !important;
        max-width: min(285px, calc(100vw - 104px)) !important;
      }

      body.sf-mobile-dock-on .sf-topbar .sf-logo img{
        width: auto !important;
        height: 56px !important;
        max-height: 56px !important;
      }

      body.sf-mobile-dock-on .sf-topbar .sf-menu-toggle,
      body.sf-mobile-dock-on .sf-topbar .sf-actions{
        position: relative !important;
        z-index: 3 !important;
      }

      body.sf-mobile-dock-on .sf-topbar .sf-actions{
        margin-left: auto !important;
      }

      .sf-topbar .sf-logo picture {
          display: block !important;
          width: auto !important;
          height: 100% !important;
          max-width: 100% !important;
          /* max-height: 23px !important; */
      }

      @media (max-width: 991.98px) {
          body.sf.sf-mobile-dock-on .sf-topbar-inner {
              /* min-height: 50px; */
          }
      }

      body.sf-mobile-dock-on .sf-wa-fab{
        position: fixed !important;
        left: auto !important;
        right: 12px !important;
        bottom: calc(66px + env(safe-area-inset-bottom)) !important;
        z-index: 3000 !important;
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transform: none !important;
        pointer-events: none !important;
        max-width: none !important;
      }

      body.sf-mobile-dock-on .sf-contact-fab{
        position: fixed !important;
        left: 12px !important;
        right: auto !important;
        bottom: calc(104px + env(safe-area-inset-bottom)) !important;
        z-index: 3000 !important;
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        pointer-events: auto !important;
        max-width: none !important;
      }

      body.sf-mobile-dock-on .sf-wa-fab .sf-wa-fab-btn,
      body.sf-mobile-dock-on .sf-contact-fab .sf-contact-fab-btn{
        width: 46px !important;
        height: 46px !important;
        display: inline-flex !important;
        opacity: 1 !important;
        visibility: visible !important;
        border-radius: 12px !important;
        box-shadow: 0 8px 16px rgb(0, 0, 0, .24) !important;
      }

      body.sf-mobile-dock-on .sf-contact-fab .sf-contact-fab-btn{
        border: 0 !important;
        background: #25d366 !important;
        color: #fff !important;
        box-shadow: 0 8px 16px rgb(37, 211, 102, .32) !important;
      }

      body.sf-mobile-dock-on .sf-wa-fab .sf-wa-fab-btn{
        background: #050505 !important;
      }

      body.sf-mobile-dock-on .sf-wa-fab .sf-wa-fab-btn i,
      body.sf-mobile-dock-on .sf-contact-fab .sf-contact-fab-btn i{
        font-size: 24px !important;
      }

      body.sf-mobile-dock-on .sf-contact-fab .sf-contact-fab-btn i{
        font-size: 30px !important;
        color: #fff !important;
      }

      body.sf-mobile-dock-on .sf-wa-fab .sf-wa-fab-count{
        min-width: 16px;
        height: 16px;
        font-size: 9px;
        right: -1px;
        top: -1px;
      }

      body.sf .sf-contact-fab,
      body.sf.theme-default .sf-contact-fab,
      body.sf.theme-folder-default .sf-contact-fab{
        bottom: calc(104px + env(safe-area-inset-bottom)) !important;
      }
    }
/* SocialCommerce media fit fix: keep Storefront product cards clean and filled. */
/* KALDIRILDI: bu iki kural mobile-native.css:176'daki tanımın birebir !important'lı
   kopyasıydı (width/height/min-height/inset/background/radius/overflow). Kutunun
   yüksekliği zaten .sf-grid .sf-pblock-thumb'daki aspect-ratio'dan geliyor;
   !important'lar yalnızca tenant'ın oran/fit ayarını ezme riski taşıyordu. */
.sf-store-thumb-inner img{width:100%!important;height:100%!important;object-fit:var(--sf-product-card-fit,cover)!important;object-position:center center!important;display:block!important;padding:0!important;border-radius:12px!important;background:#fff!important}

/* Product media clarity: no blurred backdrop, preserve uploaded image ratio. */
body.sf .sf-store-card .sf-store-card-media, body.sf .sf-store-card .sf-pblock-thumb, body.sf .sf-store-card .sf-featured-thumb, body.sf .sf-store-card .electro-img-box {
  background: #fff !important;
  background-image: none !important;
  overflow: hidden !important;
}
body.sf .sf-store-card .sf-store-card-media::before, .sf-store-card-media::before, .sf-imgmat::before {
  content: none !important;
  display: none !important;
  background-image: none !important;
  filter: none !important;
  opacity: 0 !important;
}
body.sf .sf-store-card .sf-store-thumb-inner, body.sf .sf-store-card .sf-store-thumb-inner picture, body.sf .sf-store-card .sf-store-card-media img, body.sf .sf-store-card .sf-pblock-thumb img, body.sf .sf-store-card .sf-featured-thumb img, body.sf .sf-store-card .electro-img-box img {
  background: #fff !important;
  background-color: #fff !important;
}
body.sf .sf-store-card .sf-store-card-media img, body.sf .sf-store-card .sf-pblock-thumb img, body.sf .sf-store-card .sf-featured-thumb img, body.sf .sf-store-card .electro-img-box img {
  object-fit: contain !important;
  object-position: center center !important;
}

/* Default header category hover: module-level final style. */
.sf-topbar-inner .sf-default-category-hover-wrap {
  position: relative !important;
  flex: 0 0 176px !important;
  width: 176px !important;
  height: 44px !important;
  margin-left: 18px !important;
  display: inline-flex !important;
  z-index: 1085 !important;
}
.sf-default-category-hover-wrap > .sf-tadic-all-categories {
  width: 100% !important;
  height: 44px !important;
  line-height: 44px !important;
  background: #ff8300 !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 6px !important;
  padding: 0 17px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 11px !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}
.sf-default-category-hover-wrap > .sf-tadic-all-categories:hover {
  background: #e87500 !important;
  color: #fff !important;
}
.sf-default-category-hover-wrap .sf-tadic-all-categories-caret {
  margin-left: auto !important;
  font-size: 13px !important;
}
.sf-default-category-hover-wrap::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 44px;
  height: 16px;
  display: block;
}
.sf-default-category-hover-wrap .sf-tadic-category-hover-menu {
  position: absolute !important;
  top: calc(100% + 12px) !important;
  left: 0 !important;
  width: 300px !important;
  max-height: min(560px, calc(100vh - 180px)) !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  background: #fff !important;
  border: 1px solid #dbe3ee !important;
  border-radius: 6px !important;
  box-shadow: 0 16px 26px rgba(15, 23, 42, .14) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(8px) !important;
  transition: opacity .16s ease, transform .16s ease, visibility .16s ease !important;
  z-index: 1090 !important;
}
.sf-default-category-hover-wrap .sf-tadic-category-hover-menu::before {
  content: "";
  position: absolute;
  top: -8px;
  left: 28px;
  width: 16px;
  height: 16px;
  background: #fff;
  border-left: 1px solid #dbe3ee;
  border-top: 1px solid #dbe3ee;
  transform: rotate(45deg);
  border-radius: 2px 0 0 0;
}
.sf-default-category-hover-wrap:hover .sf-tadic-category-hover-menu,
.sf-default-category-hover-wrap:focus-within .sf-tadic-category-hover-menu {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
}
.sf-default-category-hover-wrap .sf-tadic-category-hover-group {
  position: relative !important;
}
.sf-default-category-hover-wrap .sf-tadic-category-hover-item {
  position: relative !important;
  min-height: 44px !important;
  padding: 0 10px 0 12px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: #fff !important;
  border-bottom: 1px solid #eef2f7 !important;
  color: #1f2937 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
}
.sf-default-category-hover-wrap .sf-tadic-category-hover-item:hover,
.sf-default-category-hover-wrap .sf-tadic-category-hover-group:hover > .sf-tadic-category-hover-item,
.sf-default-category-hover-wrap .sf-tadic-category-hover-submenu a:hover {
  background: #fff !important;
  color: #066fd1 !important;
}
.sf-default-category-hover-wrap .sf-tadic-category-hover-icon {
  width: 24px !important;
  height: 24px !important;
  flex: 0 0 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #64748b !important;
}
.sf-default-category-hover-wrap .sf-tadic-category-hover-icon i {
  font-size: 15px !important;
  font-weight: 400 !important;
}
.sf-default-category-hover-wrap .sf-tadic-category-hover-item > span:nth-child(2) {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.sf-default-category-hover-wrap .sf-tadic-category-hover-item > .bi-chevron-right {
  margin-left: auto !important;
  color: #94a3b8 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
}
.sf-default-category-hover-wrap .sf-tadic-category-hover-submenu {
  position: absolute !important;
  top: 0 !important;
  left: calc(100% - 1px) !important;
  min-width: 260px !important;
  max-height: none !important;
  overflow: visible !important;
  display: none !important;
  flex-direction: column !important;
  padding: 0 !important;
  background: #fff !important;
  border: 1px solid #dbe3ee !important;
  border-radius: 6px !important;
  box-shadow: 0 16px 26px rgba(15, 23, 42, .14) !important;
  z-index: 1091 !important;
}
.sf-default-category-hover-wrap .sf-tadic-category-hover-submenu--split {
  width: 460px !important;
  min-width: 460px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.sf-default-category-hover-wrap .sf-tadic-category-hover-group:hover > .sf-tadic-category-hover-submenu,
.sf-default-category-hover-wrap .sf-tadic-category-hover-group:focus-within > .sf-tadic-category-hover-submenu {
  display: flex !important;
}
.sf-default-category-hover-wrap .sf-tadic-category-hover-group:hover > .sf-tadic-category-hover-submenu--split,
.sf-default-category-hover-wrap .sf-tadic-category-hover-group:focus-within > .sf-tadic-category-hover-submenu--split {
  display: grid !important;
}
.sf-default-category-hover-wrap .sf-tadic-category-hover-submenu a {
  min-height: 40px !important;
  padding: 0 10px !important;
  border-radius: 0 !important;
  border-bottom: 1px solid #eef2f7 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  color: #1f2937 !important;
  background: #fff !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}
.sf-default-category-hover-wrap .sf-tadic-category-hover-submenu--split a:nth-child(odd) {
  border-right: 1px solid #eef2f7 !important;
}
.sf-default-category-hover-wrap .sf-tadic-category-hover-submenu a > i.bi-folder2-open {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 18px !important;
  min-width: 18px !important;
  margin-right: 0 !important;
  color: #64748b !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}
.sf-default-category-hover-wrap .sf-tadic-category-hover-submenu a > span {
  display: inline-block !important;
  min-width: 0 !important;
}
@media (max-width: 991.98px) {
  .sf-topbar-inner .sf-default-category-hover-wrap,
  .sf-default-category-hover-wrap {
    display: none !important;
  }
}
/* Mobile dock neutral footer colors. */
@media (max-width: 991.98px) {
  body.sf-mobile-dock-on .sf-mobile-dock .dock-item {
    background: #f1f5f9 !important;
    border-color: #cbd5e1 !important;
    color: #334155 !important;
  }

  body.sf-mobile-dock-on .sf-mobile-dock .dock-item i,
  body.sf-mobile-dock-on .sf-mobile-dock .dock-item span {
    color: #334155 !important;
  }

  body.sf-mobile-dock-on .sf-mobile-dock .dock-item--cart {
    background: #0f172a !important;
    border-color: #0f172a !important;
    color: #fff !important;
  }

  body.sf-mobile-dock-on .sf-mobile-dock .dock-item--cart i,
  body.sf-mobile-dock-on .sf-mobile-dock .dock-item--cart span {
    color: #fff !important;
  }

  body.sf-mobile-dock-on .sf-mobile-dock .dock-item--cart .dock-badge {
    background: #22c55e !important;
    border-color: #22c55e !important;
    color: #fff !important;
  }
}
/* Header sale badge star icon. */
body.sf.sf-mobile-dock-on .sf-cp-sale-badge .sf-cp-sale-badge-star,
body.sf.sf-mobile-dock-on .sf-cp-sale-badge i.sf-cp-sale-badge-star {
  color: #ff8300 !important;
  font-size: 18px !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .9), 0 2px 8px rgba(255, 131, 0, .28) !important;
}
