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


    body.sf.theme-default,
    body.sf.theme-folder-default{
      overflow-x: hidden !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-promo-top{
      background: #fff;
      border-bottom: 1px solid #eceff3;
    }

    .b6-promo-track{
      width: 100%;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap: 12px;
      color: #4b5563;
      font-size: 12px;
      font-weight: 600;
    }

    .b6-shop-btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height: 30px;
      padding: 0 14px;
      border-radius: 999px;
      background: #facc15;
      color: #111827;
      font-size: 12px;
      font-weight: 800;
      border: 1px solid #eab308;
    }

    .b6-utility{
      border-bottom: 1px solid #eceff3;
      background: #fff;
    }

    .b6-utility-left,
    .b6-utility-right{
      display:flex;
      align-items:center;
      gap: 14px;
      flex-wrap: wrap;
    }

    .b6-utility-left a,
    .b6-utility-right a{
      color: #4b5563;
      font-size: 12px;
      font-weight: 500;
      line-height: 1;
      display: inline-flex;
      align-items: center;
      gap: 6px;
    }

    .b6-utility-left a:hover,
    .b6-utility-right a:hover{
      color: #0f172a;
    }

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

    .b6-locale-chip{
      min-width: 30px;
      height: 24px;
      padding: 0 8px;
      border-radius: 999px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      font-size: 11px;
      font-weight: 800;
      color: #4b5563;
    }

    .b6-locale-chip.active{
      background: #111827;
      color: #fff;
    }

    .b6-sale-badge{
      display:none !important;
    }

    .b6-top-icon{
      display:flex !important;
      align-items:center;
      justify-content:center;
      gap: 10px;
    }

    .b6-top-icon .label{
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      gap: 2px;
      line-height: 1.06;
      font-size: 14px;
      font-weight: 600;
      color: #0f172a;
      text-align:center;
    }

    .b6-top-icon .label small{
      font-size: 11px;
      font-weight: 600;
      color: #64748b;
    }

    .b6-top-action-icon-only{
      width: 36px !important;
      justify-content:center;
      padding: 0 !important;
    }

    .b6-top-cart{
      width: auto !important;
      min-width: 146px !important;
      justify-content:flex-start;
      padding: 0 !important;
      position: relative;
      border: 0 !important;
      background: transparent !important;
      border-radius: 0 !important;
    }

    .b6-top-cart .sf-badge{
      position: absolute;
      right: auto;
      left: 21px;
      top: 2px;
      z-index: 3;
    }

    .b6-top-cart-iconbox{
      position: relative;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width: 50px;
      height: 50px;
      margin-right: 12px;
      border: 1px solid #eceff3;
      border-radius: 14px;
      background: #f5f6f8;
      flex: 0 0 50px;
    }

    .b6-top-cart-iconbox i{
      font-size: 21px !important;
      color: #202435 !important;
    }

    .b6-top-cart-label{
      display:flex;
      flex-direction:column;
      align-items:flex-start;
      justify-content:center;
      gap: 3px;
      line-height: 1.04;
    }

    .b6-top-cart-title{
      font-size: 16px;
      font-weight: 800;
      color: #111827;
    }

    .b6-top-cart-sub{
      font-size: 12px;
      font-weight: 500;
      color: #9ca3af;
    }

    .b6-main-nav-row{
      background: #fff;
      border-bottom: 1px solid #eceff3;
    }

    .b6-main-nav{
      display:flex;
      align-items:center;
      gap: 8px;
      overflow-x: auto;
      white-space: nowrap;
      scrollbar-width: none;
      width: 100%;
    }

    .b6-main-nav::-webkit-scrollbar{
      display:none;
    }

    .b6-main-nav a{
      font-size: 16px;
      font-weight: 700;
      color: #111827;
      line-height: 1;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      min-height: 36px;
      padding: 0 12px;
      border-radius: 8px;
    }

    .b6-main-nav a:hover{
      color: #111827;
      background: #f5f6f8;
    }

    .b6-fast-note{
      display:none !important;
    }

    .b6-fast-note strong{
      color: #0f172a;
    }

    /* Category slider spacing is owned by category_slider.blade.php. */

    .b6-banner-grid{
      margin-top: 12px;
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 14px;
    }

    .b6-banner-card{
      position: relative;
      border: 1px solid #e5e7eb;
      border-radius: 12px;
      background: #f7f5f3;
      min-height: 380px;
      overflow: hidden;
      display:flex;
    }

    .b6-banner-content{
      position: relative;
      z-index: 2;
      width: 58%;
      padding: 34px 28px;
    }

    .b6-banner-overline{
      font-size: 15px;
      color: #52525b;
    }

    .b6-banner-card h3{
      margin: 10px 0 0;
      font-size: 46px;
      line-height: 1.02;
      font-weight: 900;
      color: #232323;
      letter-spacing: -0.6px;
    }

    .b6-banner-card p{
      margin: 16px 0 0;
      font-size: 16px;
      line-height: 1.35;
      color: #52525b;
    }

    .b6-banner-btn{
      margin-top: 20px;
      min-height: 40px;
      padding: 0 18px;
      border-radius: 999px;
      border: 1px solid #111827;
      color: #111827;
      font-size: 14px;
      font-weight: 700;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      background: #fff;
    }

    .b6-banner-media{
      position: absolute;
      right: 0;
      top: 0;
      width: 54%;
      height: 100%;
      display:flex;
      align-items:flex-end;
      justify-content:flex-end;
    }

    .b6-banner-media img{
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .b6-banner-fallback{
      width: 100%;
      height: 100%;
      display:flex;
      align-items:center;
      justify-content:center;
      color: #64748b;
      background: #e2e8f0;
      font-size: 42px;
    }

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

    .sf-hero .carousel-item{
      height: var(--sf-hero-h-mobile, 220px) !important;
      background: #fff !important;
    }

    @media (min-width: 992px){
      .sf-hero .carousel-item{
        height: var(--sf-hero-h-desktop, 360px) !important;
      }
    }

    .sf-hero img{
      object-fit: var(--sf-hero-fit, cover) !important;
    }

    .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 52px;
    }

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

    .sf-featured-card{
      flex: 0 0 calc((100% - 56px) / 5);
      min-width: 182px;
      border: 1px solid #d7d7d7;
      border-radius: 12px;
      background: #fff;
      padding: 10px;
      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: 28px; line-height: 1; }

    @media (min-width: 1600px){
      .sf-featured-card{ flex-basis: calc((100% - 56px) / 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;
      }
    }

    .sf-card.b6-product-card{
      border-radius: 16px !important;
      border: 1px solid rgb(15, 23, 42, .12) !important;
      box-shadow: 0 4px 14px rgb(2, 6, 23, .08) !important;
      background: #fff !important;
      padding-bottom: 4px;
      transition: border-color .24s ease, box-shadow .24s ease, transform .24s ease;
    }

    .sf-card.b6-product-card:hover,
    .sf-card.b6-product-card:focus-within{
      border-color: rgb(59, 130, 246, .52) !important;
      box-shadow: 0 0 0 1px rgb(147, 197, 253, .45), 0 14px 28px rgb(37, 99, 235, .16) !important;
      transform: translateY(-2px);
    }

    .sf-card.b6-product-card .media{
      background: transparent !important;
      padding: 0 !important;
      position: relative;
      margin-bottom: 10px;
    }

    .sf-card.b6-product-card .sf-prod-tag{
      position: absolute;
      left: 8px;
      top: 8px;
      z-index: 7;
      border-radius: 999px;
      padding: 4px 9px;
      font-size: 11px;
      font-weight: 800;
      line-height: 1;
      border: 1px solid transparent;
    }

    .sf-card.b6-product-card .sf-prod-tag.new{
      color: #0f5132;
      background: #dcfce7;
      border-color: #86efac;
    }

    .sf-card.b6-product-card .sf-prod-tag.bestseller{
      color: #7c2d12;
      background: #ffedd5;
      border-color: #fdba74;
    }

    .sf-card.b6-product-card .sf-prod-tag.soldout{
      color: #7f1d1d;
      background: #fee2e2;
      border-color: #fca5a5;
    }

    .sf-card.b6-product-card .media::before{
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, rgb(255,255,255,0) 42%, rgb(255,255,255,.96) 100%);
      opacity: 0;
      transition: opacity .2s ease;
      pointer-events: none;
    }

    .sf-card.b6-product-card .media::after{
      content: "\f417";
      font-family: bootstrap-icons;
      position: absolute;
      right: 4px;
      top: 0;
      font-size: 20px;
      color: #64748b;
      z-index: 4;
    }

    .sf-card.b6-product-card .b6-card-actions{
      position: absolute;
      left: 10px;
      right: 10px;
      bottom: 10px;
      display:flex;
      flex-direction:column;
      gap: 7px;
      opacity: 0;
      transform: translateY(10px);
      pointer-events: none;
      transition: all .22s ease;
      z-index: 5;
    }

    .sf-card.b6-product-card:hover .media::before,
    .sf-card.b6-product-card:focus-within .media::before{
      opacity: 1;
    }

    .sf-card.b6-product-card:hover .b6-card-actions,
    .sf-card.b6-product-card:focus-within .b6-card-actions{
      opacity: 1;
      transform: translateY(0);
      pointer-events: auto;
    }

    .sf-card.b6-product-card .b6-hover-btn{
      width: 100%;
      min-height: 34px;
      border-radius: 999px !important;
      font-size: 12px;
      font-weight: 800;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap: 6px;
      box-shadow: 0 10px 22px rgb(15,23,42,.16);
      padding: 0 10px !important;
    }

    .sf-card.b6-product-card .b6-card-actions .sf-add{
      background: #facc15 !important;
      border: 1px solid #eab308 !important;
      color: #111827 !important;
    }

    .sf-card.b6-product-card .b6-card-actions .sf-secondary{
      background: #fff !important;
      border: 1px solid #d1d5db !important;
      color: #111827 !important;
    }

    body.b6-hover-actions-disabled .sf-card.b6-product-card .media::before,
    body.b6-hover-actions-disabled .sf-card.b6-product-card .b6-card-actions{
      display: none !important;
    }

    .sf-card.b6-product-card .body .name{
      min-height: 54px !important;
      font-size: 14px !important;
      line-height: 1.22 !important;
      font-weight: 500 !important;
      color: #111827 !important;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }

    .sf-card.b6-product-card .sf-imgmat{
      border: 0 !important;
      border-radius: 0 !important;
      background: transparent !important;
      aspect-ratio: 2 / 3;
      max-height: 160px !important;
    }

    .sf-card.b6-product-card .sf-imgmat img{
      padding: 0 !important;
      width: 100% !important;
      height: 100% !important;
      object-fit: cover !important;
    }

    .sf-card.b6-product-card .meta{
      margin-top: 8px;
      align-items:flex-end;
    }

    .sf-card.b6-product-card .sf-price{
      font-size: 18px !important;
      font-weight: 900 !important;
      color: #16a34a !important;
      line-height: 1;
    }

    .sf-card.b6-product-card .sf-muted{
      font-size: 12px !important;
      color: #64748b !important;
    }

    .sf-card.b6-product-card .sf-secondary{
      border-radius: 8px !important;
      min-height: 32px;
      font-size: 12px;
      font-weight: 700;
      padding: 0 10px !important;
    }

    .b6-card-meta{
      margin-top: 6px;
      font-size: 10px;
      color: #64748b;
    }

    .b6-rate{
      margin-top: 7px;
      display:flex;
      align-items:center;
      gap: 6px;
      font-size: 11px;
      color: #64748b;
    }

    .b6-rate-stars{
      color: #111827;
      letter-spacing: .5px;
    }

    .b6-price-row{
      margin-top: 8px;
      display:flex;
      align-items:center;
      gap: 6px;
      flex-wrap: wrap;
    }

    .b6-old{
      font-size: 13px;
      color: #94a3b8;
      text-decoration: line-through;
      font-weight: 700;
    }

    .b6-off{
      border-radius: 6px;
      background: #fee2e2;
      color: #b91c1c;
      padding: 2px 6px;
      font-size: 11px;
      font-weight: 800;
    }

    .b6-quick-add{
      margin-left: auto;
      width: 30px;
      height: 30px;
      border-radius: 999px;
      border: 1px solid #e2e8f0;
      background: #fff;
      color: #0f172a;
      display:inline-flex;
      align-items:center;
      justify-content:center;
    }

    .b6-quick-add:hover{
      background: #f8fafc;
    }

    .sf-add{
      background: #0e7a26 !important;
      color: #fff !important;
      border: 1px solid #20a152 !important;
      border-radius: 8px !important;
      min-height: 32px;
      font-size: 12px;
      font-weight: 700;
      padding: 0 10px !important;
    }

    .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 #e5e7eb !important;
      z-index: 1060 !important;
    }

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

    .sf-side-cat:hover{
      background: #fffbeb !important;
      border-color: #facc15 !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-fast-note{
        display:none !important;
      }

      .b6-main-nav{
        gap: 6px;
      }

      .b6-main-nav a{
        font-size: 15px;
        padding: 0 10px;
      }

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

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

      .sf-card.b6-product-card .body .name{
        font-size: 13px !important;
      }

      .sf-card.b6-product-card .sf-price{
        font-size: 18px !important;
      }

      .sf-card.b6-product-card .sf-muted{
        font-size: 12px !important;
      }

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

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

      .sf-featured-track{
        gap: 10px !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: hidden !important;
      }

      .b6-promo-top{
        display:none;
      }

      .b6-utility{
        display:none;
      }

      .b6-main-nav-row{
        display:none;
      }

      .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-top-action-icon-only,
      .b6-top-cart{
        width: 38px !important;
        min-width: 38px !important;
        justify-content: center !important;
        padding: 0 !important;
        background: transparent !important;
      }

      .b6-top-cart .sf-badge{
        left: 20px;
        top: 2px;
      }

      .b6-top-cart-iconbox{
        width: 38px;
        height: 38px;
        margin-right: 0;
        border-radius: 10px;
        flex-basis: 38px;
      }

      .b6-top-icon .label{
        display:none;
      }

      .b6-top-cart-label{
        display:none !important;
      }

      .b6-banner-grid{
        grid-template-columns: 1fr;
        gap: 10px;
      }

      .b6-banner-card{
        min-height: 260px;
      }

      .b6-banner-content{
        width: 62%;
        padding: 18px 16px;
      }

      .b6-banner-card h3{
        font-size: 28px;
      }

      .b6-banner-card p{
        font-size: 13px;
      }

      .sf-hero .carousel-item{
        height: var(--sf-hero-h-mobile, 220px) !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: 10px !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;
      }

      .sf-card.b6-product-card .b6-card-actions{
        display: none !important;
      }

      .sf-card.b6-product-card .media::before{
        display: none !important;
      }

      .sf-card.b6-product-card .body{
        padding: 0 10px 10px !important;
      }

      .sf-card.b6-product-card .sf-imgmat{
        aspect-ratio: 1 / 1 !important;
        max-height: none !important;
      }

      .sf-card.b6-product-card .b6-mobile-actions{
        display: flex !important;
        flex-direction: column;
        gap: 6px;
        margin-top: 10px;
      }

      .sf-card.b6-product-card .b6-mobile-actions .b6-hover-btn{
        min-height: 32px;
        font-size: 12px;
        box-shadow: none;
        width: 100%;
      }

      .sf-card.b6-product-card .body .name{
        font-size: 13px !important;
        min-height: 42px !important;
      }

      .sf-card.b6-product-card .sf-price{
        font-size: 20px !important;
      }

      .sf-card.b6-product-card .sf-muted{
        font-size: 12px !important;
      }

      body.b6-hover-mobile-hidden .sf-card.b6-product-card .b6-card-actions{
        opacity: 0;
        transform: translateY(10px);
        pointer-events: none;
      }

      body.b6-hover-mobile-hidden .sf-card.b6-product-card .media::before{
        opacity: 0;
      }

      body.b6-hover-mobile-hidden .sf-card.b6-product-card:focus-within .b6-card-actions{
        opacity: 1;
        transform: none;
        pointer-events: auto;
      }

      body.b6-hover-mobile-hidden .sf-card.b6-product-card:focus-within .media::before{
        opacity: 1;
      }
    }

    @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;
      }

      .sf-card.b6-product-card{
        min-width: 0 !important;
      }

      .sf-card.b6-product-card .body .name{
        min-height: 38px !important;
        font-size: 12px !important;
      }

      .sf-card.b6-product-card .sf-price{
        font-size: 17px !important;
      }
    }

    /* Final mobile dock/fab safety overrides */
    @media (max-width: 992px){
      html,
      body.sf-mobile-dock-on{
        overflow-x: hidden !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;
      }

      body.sf-mobile-dock-on .sf-topbar .sf-brand{
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        margin: 0 !important;
        max-width: calc(100% - 116px) !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;
      }

      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;
      }
    }