/* Storefront Header + Hero Presets R1.0.0
 * Scoped to .sf-preset-* / .sf-home-hero so the default storefront remains unchanged.
 */
.sf-preset-wide-container{max-width:1480px}.sf-preset-header a{text-decoration:none}.sf-preset-header img{max-width:100%}.sf-preset-mobile-head,.sf-preset-mobile-search{display:none}.sf-preset-search{position:relative}.sf-preset-search form{display:flex;min-width:0}.sf-preset-search input{min-width:0;width:100%;outline:0}.sf-preset-search .search_result,.sf-preset-mobile-search .search_result{position:absolute;left:0;right:0;top:100%;z-index:10040;background:#fff;color:#222;box-shadow:0 12px 28px rgba(15,23,42,.16);max-height:420px;overflow:auto}.sf-preset-header .sf-live-cart-count,.sf-preset-header .sf-wishlist-count{font-variant-numeric:tabular-nums}

/* Marketplace preset ------------------------------------------------------ */
.sf-preset-header-marketplace{background:var(--sf-primary);color:var(--sf-on-primary);border-bottom:1px solid rgba(255,255,255,.12)}.sf-marketplace-utility{min-height:30px;border-bottom:none;font-size:13px}.sf-marketplace-utility-inner{min-height:36px;display:flex;justify-content:space-between;align-items:center}.sf-marketplace-utility nav{margin-left:auto;display:flex;align-items:center;gap:24px}.sf-marketplace-utility nav>a{display:inline-flex;gap:7px;align-items:center;color:var(--sf-on-primary);opacity:.96}.sf-marketplace-utility nav>a:hover{opacity:.76}.sf-marketplace-utility .sf-language-dropdown>summary{background:transparent!important;color:var(--sf-on-primary)!important;border-color:rgba(255,255,255,.35)!important}.sf-marketplace-main{padding:0px 0 10px}.sf-marketplace-main-grid{display:grid;grid-template-columns:220px minmax(320px,1fr) auto;gap:34px;align-items:center}.sf-marketplace-brand{display:flex;align-items:center;min-width:0}.sf-marketplace-brand img{display:block;max-height:72px;width:auto;object-fit:contain}.sf-marketplace-search form{height:54px;background:#fff;border-radius:8px;overflow:hidden;border:1px solid rgba(0,0,0,.08)}.sf-marketplace-search input{border:0;background:#fff;padding:0 18px;color:#202632;font-size:15px}.sf-marketplace-search button{width:62px;border:0;background:#fff;color:var(--sf-primary);font-size:22px}.sf-marketplace-search button:hover{background:rgba(0,0,0,.035)}.sf-marketplace-actions{display:flex;align-items:center;gap:18px}.sf-marketplace-actions>a{color:var(--sf-on-primary)}.sf-header-labeled-action{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600;white-space:nowrap}.sf-header-labeled-action i{font-size:21px}.sf-header-count-action{position:relative;width:36px;height:42px;display:inline-grid;place-items:center}.sf-header-count-action i{font-size:24px}.sf-header-count-action>span{position:absolute;right:-7px;top:-5px;min-width:20px;height:20px;border-radius:99px;padding:0 5px;background:var(--sf-on-primary);color:var(--sf-primary);font-size:11px;font-weight:800;line-height:20px;text-align:center}

.sf-marketplace-hero{padding:12px 0 0;background:#f4f6f8}.sf-marketplace-hero-grid{display:grid;grid-template-columns:270px minmax(0,1fr);gap:18px;align-items:stretch}.sf-hero-category-rail{position:relative;background:#fff;border:1px solid #e5e9ef;border-radius:12px;box-shadow:0 4px 18px rgba(15,23,42,.06);z-index:12}.sf-hero-category-title{height:54px;padding:0 17px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #edf0f4;color:var(--sf-primary);font-size:17px;font-weight:800}.sf-hero-category-rail>ul{list-style:none;margin:0;padding:7px 0}.sf-hero-category-rail>ul>li{position:relative}.sf-hero-category-rail>ul>li>a{height:45px;padding:0 14px;display:grid;grid-template-columns:28px minmax(0,1fr) 14px;gap:10px;align-items:center;color:#1f2937;font-size:14px;font-weight:600}.sf-hero-category-rail>ul>li>a:hover{background:rgba(var(--sf-primary-rgb),.055);color:var(--sf-primary)}.sf-hero-category-rail>ul>li>a img{width:27px;height:27px;object-fit:cover;border-radius:7px;background:#f3f4f6}.sf-hero-category-rail>ul>li>a>i{font-size:10px;color:#9ca3af}.sf-hero-category-flyout{display:none;position:absolute;left:100%;top:-7px;min-width:420px;max-width:650px;padding:18px;background:#fff;border:1px solid #e5e7eb;border-radius:0 12px 12px 12px;box-shadow:14px 16px 36px rgba(15,23,42,.14);grid-template-columns:repeat(2,minmax(150px,1fr));gap:18px;z-index:40}.sf-hero-category-rail>ul>li:hover>.sf-hero-category-flyout{display:grid}.sf-hero-category-flyout>div{display:flex;flex-direction:column;gap:6px}.sf-hero-category-flyout a{font-size:12px;color:#6b7280}.sf-hero-category-flyout a:hover{color:var(--sf-primary)}.sf-hero-category-flyout .sf-flyout-heading{font-size:13px;font-weight:800;color:#1f2937;margin-bottom:3px}.sf-hero-slider-panel{min-width:0;overflow:hidden;border-radius:12px;background:#e9edf2}.sf-hero-slider-panel .main_slider,.sf-hero-slider-panel .owl-stage-outer,.sf-hero-slider-panel .owl-stage,.sf-hero-slider-panel .owl-item,.sf-hero-slider-panel .slider-item{height:100%}.sf-hero-slider-panel .slider-item img{display:block;width:100%;height:100%;min-height:440px;object-fit:cover}.sf-hero-slider-panel .owl-dots{position:absolute;left:0;right:0;bottom:12px;text-align:center}.sf-hero-slider-panel .owl-dot span{background:#fff!important;box-shadow:0 0 0 1px rgba(0,0,0,.12)}.sf-hero-slider-panel .owl-dot.active span{background:var(--sf-primary)!important}.sf-hero-slider-panel .owl-nav button{border-radius:50%!important;background:rgba(255,255,255,.9)!important;color:#111!important;box-shadow:0 5px 18px rgba(0,0,0,.12)}.sf-hero-empty{min-height:440px;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#64748b;background:#eef2f6}.sf-hero-empty i{font-size:46px}

/* Premium preset ---------------------------------------------------------- */
.sf-preset-header-premium{background:#0d0f12;color:#fff}.sf-premium-utility{min-height:38px;border-bottom:1px solid rgba(255,255,255,.11);background:#090a0c}.sf-premium-utility-inner{min-height:38px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#e5e7eb}.sf-premium-utility-inner>span{display:flex;align-items:center;gap:8px}.sf-premium-utility nav{display:flex;align-items:center;gap:18px}.sf-premium-utility nav>a{color:#e5e7eb}.sf-premium-utility nav>a:hover{color:#fff}.sf-premium-utility .sf-language-dropdown>summary{height:28px;background:transparent!important;border-color:rgba(255,255,255,.2)!important;color:#fff!important}.sf-premium-main{padding:18px 0;background:#0d0f12}.sf-premium-main-grid{display:grid;grid-template-columns:245px minmax(420px,1fr) auto;gap:28px;align-items:center}.sf-premium-brand img{display:block;max-height:68px;width:auto;object-fit:contain}.sf-premium-search-wrap{height:52px;display:grid;grid-template-columns:180px minmax(0,1fr);border:1px solid #343940;border-radius:8px;overflow:hidden;background:#16191e}.sf-premium-category-select{padding:0 14px;text-decoration:none;display:flex;align-items:center;gap:9px;border-right:1px solid #343940;color:#d8dbe0;font-size:13px;white-space:nowrap}.sf-premium-category-select i:last-child{margin-left:auto;font-size:9px}.sf-premium-search form{height:50px}.sf-premium-search input{border:0;background:#16191e;color:#fff;padding:0 16px}.sf-premium-search input::placeholder{color:#9299a3}.sf-premium-search button{width:64px;border:0;background:var(--sf-premium-accent,#d4a74e);color:#141414;font-size:18px}.sf-premium-actions{display:flex;align-items:center;gap:18px}.sf-premium-actions>a{display:flex;align-items:center;gap:8px;color:#fff;white-space:nowrap}.sf-premium-actions>a>i{font-size:22px}.sf-premium-actions>a>span{display:flex;flex-direction:column;line-height:1.05}.sf-premium-actions small{font-size:10px;color:#aeb4bd;font-weight:500}.sf-premium-actions b{font-size:12px;color:#fff;font-weight:700;margin-top:4px}.sf-premium-nav{background:#0d0f12;border-top:1px solid #20242a;border-bottom:1px solid #262b31}.sf-premium-nav-grid{height:50px;display:grid;grid-template-columns:245px minmax(0,1fr);gap:28px;align-items:center}.sf-premium-all-categories{height:44px;align-self:end;border-radius:7px 7px 0 0;background:var(--sf-premium-accent,#d4a74e);color:#141414!important;display:flex;align-items:center;gap:12px;padding:0 18px;font-weight:800;font-size:13px}.sf-premium-nav nav{display:flex;align-items:center;gap:36px;height:100%;overflow:hidden}.sf-premium-nav nav a{color:#e5e7eb;font-size:13px;font-weight:650;white-space:nowrap}.sf-premium-nav nav a:hover{color:var(--sf-premium-accent,#d4a74e)}

.sf-premium-hero{padding:10px 0 0;background:#f5f5f3}.sf-premium-hero-grid{display:grid;grid-template-columns:245px minmax(0,1fr) 280px;gap:12px;align-items:stretch}.sf-premium-hero-grid.sf-premium-no-promos{grid-template-columns:245px minmax(0,1fr) 250px}.sf-premium-category-rail{border-radius:0 0 10px 10px;box-shadow:none;border-top:0}.sf-premium-category-rail .sf-hero-category-title{display:none}.sf-premium-category-rail>ul{padding:7px 0}.sf-premium-category-rail>ul>li>a{height:41px;font-size:12.5px}.sf-premium-category-rail>ul>li>a img{width:24px;height:24px}.sf-hero-view-all>a{color:var(--sf-premium-accent,#b68b38)!important;font-weight:800!important}.sf-premium-slider-panel{border-radius:10px;background:#11151b}.sf-premium-slider-panel .slider-item img{min-height:420px}.sf-premium-empty{background:#11151b;color:#e7e7e7}.sf-premium-promo-rail{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:10px;min-width:0}.sf-premium-promo-card{position:relative;min-height:126px;padding:18px 82px 18px 18px;overflow:hidden;border-radius:10px;background:#101318;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;box-shadow:0 3px 12px rgba(15,23,42,.05)}.sf-premium-promo-card.is-light{background:#fff;color:#20242b;border:1px solid #e5e7eb}.sf-premium-promo-card>span{font-size:12px;color:var(--sf-premium-accent,#d4a74e);font-weight:800}.sf-premium-promo-card.is-light>span{color:#6b7280}.sf-premium-promo-card>strong{font-size:14px;margin-top:8px}.sf-premium-promo-card>i{position:absolute;right:20px;bottom:22px;font-size:42px;color:var(--sf-premium-accent,#d4a74e);opacity:.95}.sf-premium-promo-card.sf-premium-promo-image{padding:0;background:#fff}.sf-premium-promo-card.sf-premium-promo-image img{width:100%;height:100%;object-fit:cover;display:block}.sf-premium-promo-card.sf-premium-promo-image>i,.sf-premium-promo-card.sf-premium-promo-image>span,.sf-premium-promo-card.sf-premium-promo-image>strong{display:none}

/* Benefits strip shared by new presets ---------------------------------- */
.sf-hero-services{margin-top:12px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:#fff;border:none;border-radius:10px;box-shadow:0}.sf-hero-services>div{min-width:0;padding:14px 16px;display:flex;align-items:center;gap:11px;}.sf-hero-services>div:last-child{border-right:0}.sf-hero-services i{font-size:24px;color:var(--sf-primary)}.sf-premium-hero .sf-hero-services i{color:var(--sf-premium-accent,#b98d3d)}.sf-hero-services span{display:flex;min-width:0;flex-direction:column;line-height:1.2}.sf-hero-services strong{font-size:12px;color:#1f2937}.sf-hero-services small{margin-top:3px;font-size:10px;color:#818896;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Header-derived premium accent remains theme-aware even for very dark primary colors. */
body{--sf-premium-accent:#d4a74e}

@media(max-width:1280px){.sf-marketplace-main-grid{grid-template-columns:180px minmax(300px,1fr) auto;gap:20px}.sf-marketplace-actions{gap:12px}.sf-header-labeled-action span{display:none}.sf-premium-main-grid{grid-template-columns:190px minmax(350px,1fr) auto;gap:18px}.sf-premium-nav-grid{grid-template-columns:210px minmax(0,1fr);gap:18px}.sf-premium-all-categories{font-size:12px}.sf-premium-nav nav{gap:22px}.sf-premium-actions{gap:12px}.sf-premium-actions small{display:none}.sf-premium-hero-grid{grid-template-columns:220px minmax(0,1fr) 240px}.sf-marketplace-hero-grid{grid-template-columns:245px minmax(0,1fr)}}

@media(max-width:991px){
  .sf-marketplace-utility,.sf-marketplace-main,.sf-premium-utility,.sf-premium-main,.sf-premium-nav{display:none}.sf-preset-mobile-head{height:62px;padding:0 13px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;background:var(--sf-primary);color:var(--sf-on-primary)}.sf-preset-mobile-menu{width:40px;height:44px;display:grid;place-items:center;color:var(--sf-on-primary);font-size:21px}.sf-preset-mobile-logo{display:flex;align-items:center;justify-content:center;min-width:0;height:54px}.sf-preset-mobile-logo img{max-height:45px;width:auto;object-fit:contain}.sf-preset-mobile-actions{display:flex;align-items:center;gap:8px}.sf-preset-mobile-actions>a{position:relative;width:36px;height:44px;display:grid;place-items:center;color:var(--sf-on-primary);font-size:20px}.sf-preset-mobile-actions>a>span{position:absolute;right:-2px;top:2px;min-width:17px;height:17px;border-radius:99px;padding:0 4px;background:var(--sf-on-primary);color:var(--sf-primary);font-size:9px;font-weight:800;line-height:17px;text-align:center}.sf-preset-mobile-search{display:block;position:relative;padding:8px 12px 11px;background:var(--sf-primary)}.sf-preset-mobile-search form{height:43px;display:flex;border-radius:7px;overflow:hidden;background:#fff}.sf-preset-mobile-search input{min-width:0;width:100%;border:0;padding:0 13px;outline:0;color:#20242b}.sf-preset-mobile-search button{width:49px;border:0;background:#fff;color:var(--sf-primary);font-size:18px}.sf-premium-mobile-head,.sf-premium-mobile-search{background:#0d0f12}.sf-premium-mobile-actions>a{color:#fff}.sf-premium-mobile-actions>a>span{background:var(--sf-premium-accent,#d4a74e);color:#111}.sf-premium-mobile-search button{background:var(--sf-premium-accent,#d4a74e);color:#111}.sf-marketplace-hero,.sf-premium-hero{padding-top:8px}.sf-marketplace-hero-grid,.sf-premium-hero-grid,.sf-premium-hero-grid.sf-premium-no-promos{display:block}.sf-hero-category-rail,.sf-premium-promo-rail{display:none}.sf-hero-slider-panel .slider-item img,.sf-premium-slider-panel .slider-item img{min-height:auto;aspect-ratio:1060/395;object-fit:cover}.sf-hero-empty{min-height:280px}.sf-hero-services{grid-template-columns:repeat(3,minmax(0,1fr))}.sf-hero-services>div:nth-child(3){border-right:0}.sf-hero-services>div:nth-child(n+4){border-top:1px solid #edf0f3}.sf-hero-services>div:nth-child(4){grid-column:1/2}.sf-hero-services>div:nth-child(5){grid-column:2/4}}

@media(max-width:767px){.sf-preset-wide-container{padding-left:10px;padding-right:10px}.sf-home-hero .sf-preset-wide-container{padding-left:8px;padding-right:8px}.sf-hero-slider-panel{border-radius:8px}.sf-hero-services{margin-top:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.sf-hero-services>div{padding:10px 9px;gap:8px}.sf-hero-services>div:nth-child(n){border-right:1px solid #edf0f3}.sf-hero-services>div:nth-child(2n){border-right:0}.sf-hero-services>div:nth-child(n+3){border-top:1px solid #edf0f3}.sf-hero-services>div:nth-child(4){grid-column:auto}.sf-hero-services>div:nth-child(5){grid-column:1/3}.sf-hero-services i{font-size:20px}.sf-hero-services strong{font-size:11px}.sf-hero-services small{font-size:9px}.sf-preset-mobile-head{height:58px;padding:0 8px;grid-template-columns:38px minmax(0,1fr) auto;gap:5px}.sf-preset-mobile-logo img{max-height:41px}.sf-preset-mobile-actions{gap:3px}.sf-preset-mobile-actions>a{width:32px}.sf-preset-mobile-search{padding:6px 8px 9px}.sf-preset-mobile-search form{height:40px}}


/* R1.0.3 final storefront polish ----------------------------------------- */
.sf-mobile-seller-strip{display:none}

/* Legacy mobile-menu.css declares header .toggle with float/padding/position.
 * Reset those legacy mechanics only for the storefront header controls that
 * intentionally participate in flex/grid alignment.
 */
@media(max-width:991px){
  #navbar_top .sf-mobile-menu-trigger .toggle,
  .sf-preset-header .sf-preset-mobile-menu{
    position:static!important;
    top:auto!important;
    left:auto!important;
    float:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:40px!important;
    min-width:40px!important;
    height:44px!important;
    min-height:44px!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    line-height:1!important;
    vertical-align:middle!important;
  }
  #navbar_top .sf-mobile-menu-trigger .toggle>i,
  .sf-preset-header .sf-preset-mobile-menu>i{
    display:block!important;
    margin:0!important;
    padding:0!important;
    line-height:1!important;
    transform:none!important;
  }
  .sf-preset-mobile-head{
    align-items:center!important;
  }
  .sf-preset-mobile-logo,
  .sf-preset-mobile-actions{
    align-self:center!important;
  }

  .sf-mobile-seller-strip{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    min-height:30px;
    padding:0 12px 5px;
  }
  .sf-mobile-seller-strip>a{
    min-height:26px;
    max-width:100%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    padding:4px 10px;
    border-radius:999px;
    font-size:11px;
    font-weight:750;
    line-height:1;
    text-decoration:none!important;
    white-space:nowrap;
  }
  .sf-mobile-seller-strip-default{
    background:#fff;
  }
  .sf-mobile-seller-strip-default>a{
    color:var(--sf-primary)!important;
    border:1px solid color-mix(in srgb,var(--sf-primary) 45%,transparent);
    background:color-mix(in srgb,var(--sf-primary) 6%,#fff);
  }
  .sf-mobile-seller-strip-marketplace{
    background:var(--sf-primary);
  }
  .sf-mobile-seller-strip-marketplace>a{
    color:var(--sf-on-primary)!important;
    border:1px solid color-mix(in srgb,var(--sf-on-primary) 42%,transparent);
    background:color-mix(in srgb,var(--sf-on-primary) 10%,transparent);
  }
  .sf-mobile-seller-strip-premium{
    background:#0d0f12;
  }
  .sf-mobile-seller-strip-premium>a{
    color:var(--sf-premium-accent,#d4a74e)!important;
    border:1px solid color-mix(in srgb,var(--sf-premium-accent,#d4a74e) 48%,transparent);
    background:rgba(255,255,255,.045);
  }
}

/* Every desktop hero category is one deterministic full-width row. This
 * intentionally wins over legacy/global li display and float rules.
 */
.sf-home-hero .sf-hero-category-rail>ul{
  display:block!important;
}
.sf-home-hero .sf-hero-category-rail>ul>li{
  display:block!important;
  float:none!important;
  clear:both!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  flex:none!important;
}
.sf-home-hero .sf-hero-category-rail>ul>li>a{
  width:100%!important;
  box-sizing:border-box!important;
}

/* Default preset gets a compact seller CTA without changing the legacy menu. */
.sf-default-seller-header-item{
  display:flex!important;
  align-items:center;
}
.sf-default-seller-cta{
  min-height:34px;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:5px 10px!important;
  border:1px solid color-mix(in srgb,var(--sf-primary) 38%,transparent);
  border-radius:999px;
  color:var(--sf-primary)!important;
  background:color-mix(in srgb,var(--sf-primary) 6%,#fff);
  font-size:12px!important;
  font-weight:700;
  line-height:1!important;
  white-space:nowrap;
}
.sf-default-seller-cta:hover,
.sf-default-seller-cta:focus-visible{
  color:var(--sf-on-primary)!important;
  background:var(--sf-primary)!important;
  border-color:var(--sf-primary)!important;
}

/* Premium header contrast contract. Legacy global anchor hover rules must not
 * be allowed to turn text black over the dark premium surfaces.
 */
.sf-preset-header-premium .sf-premium-utility nav>a,
.sf-preset-header-premium .sf-premium-category-select,
.sf-preset-header-premium .sf-premium-actions>a,
.sf-preset-header-premium .sf-premium-nav nav>a{
  transition:color .16s ease,background-color .16s ease,border-color .16s ease;
}
.sf-preset-header-premium .sf-premium-utility nav>a:hover,
.sf-preset-header-premium .sf-premium-utility nav>a:focus-visible,
.sf-preset-header-premium .sf-premium-seller-cta:hover,
.sf-preset-header-premium .sf-premium-seller-cta:focus-visible{
  color:var(--sf-premium-accent,#d4a74e)!important;
  background:transparent!important;
}
.sf-preset-header-premium .sf-premium-category-select:hover,
.sf-preset-header-premium .sf-premium-category-select:focus-visible{
  color:#fff!important;
  background:#20242a!important;
}
.sf-preset-header-premium .sf-premium-category-select:hover i,
.sf-preset-header-premium .sf-premium-category-select:focus-visible i{
  color:var(--sf-premium-accent,#d4a74e)!important;
}
.sf-preset-header-premium .sf-premium-actions>a:hover,
.sf-preset-header-premium .sf-premium-actions>a:focus-visible{
  color:var(--sf-premium-accent,#d4a74e)!important;
  background:transparent!important;
}
.sf-preset-header-premium .sf-premium-actions>a:hover>i,
.sf-preset-header-premium .sf-premium-actions>a:focus-visible>i,
.sf-preset-header-premium .sf-premium-actions>a:hover b,
.sf-preset-header-premium .sf-premium-actions>a:focus-visible b{
  color:var(--sf-premium-accent,#d4a74e)!important;
}
.sf-preset-header-premium .sf-premium-actions>a:hover small,
.sf-preset-header-premium .sf-premium-actions>a:focus-visible small{
  color:#fff!important;
}
.sf-preset-header-premium .sf-premium-nav nav>a:hover,
.sf-preset-header-premium .sf-premium-nav nav>a:focus-visible{
  color:var(--sf-premium-accent,#d4a74e)!important;
  background:transparent!important;
}
.sf-preset-header-premium .sf-premium-all-categories:hover,
.sf-preset-header-premium .sf-premium-all-categories:focus-visible{
  color:#111!important;
  background:#e4bb66!important;
}
.sf-preset-header-premium .sf-language-dropdown>summary:hover,
.sf-preset-header-premium .sf-language-dropdown>summary:focus-visible{
  color:#fff!important;
  background:rgba(255,255,255,.08)!important;
  border-color:rgba(255,255,255,.4)!important;
}
.sf-premium-hero .sf-premium-promo-card:not(.is-light):hover,
.sf-premium-hero .sf-premium-promo-card:not(.is-light):focus-visible{
  color:#fff!important;
  background:#101318!important;
}
.sf-premium-hero .sf-premium-promo-card:not(.is-light):hover strong,
.sf-premium-hero .sf-premium-promo-card:not(.is-light):focus-visible strong{
  color:#fff!important;
}
.sf-premium-hero .sf-premium-promo-card.is-light:hover,
.sf-premium-hero .sf-premium-promo-card.is-light:focus-visible{
  color:#20242b!important;
  background:#fff!important;
}
.sf-premium-hero .sf-premium-promo-card.is-light:hover strong,
.sf-premium-hero .sf-premium-promo-card.is-light:focus-visible strong{
  color:#20242b!important;
}
.sf-premium-hero .sf-premium-promo-card.sf-premium-promo-image:hover,
.sf-premium-hero .sf-premium-promo-card.sf-premium-promo-image:focus-visible{
  background:#fff!important;
}

@media(max-width:767px){
  #navbar_top .sf-mobile-menu-trigger .toggle,
  .sf-preset-header .sf-preset-mobile-menu{
    width:36px!important;
    min-width:36px!important;
    height:42px!important;
    min-height:42px!important;
  }
  .sf-mobile-seller-strip{
    min-height:28px;
    padding:0 8px 4px;
  }
  .sf-mobile-seller-strip>a{
    min-height:24px;
    padding:4px 8px;
    font-size:10.5px;
  }
}


/* ==========================================================
   R4 Universal Home Slider
   One shared responsive canvas is reused by Default, Marketplace and Premium.
   Recommended upload: 1600x600px (8:3); other valid ratios are accepted and center-cropped.
   ========================================================== */
.sf-home-slider-shell{
    width:100%;
    aspect-ratio:8/3;
    overflow:hidden;
    background:#eef2f6;
}
.sf-default-hero .sf-home-slider-shell{border-radius:10px}
.sf-hero-slider-panel.sf-home-slider-shell{min-height:0!important;align-self:start}
.sf-home-slider-shell .home-slider-universal,
.sf-home-slider-shell .owl-stage-outer,
.sf-home-slider-shell .owl-stage,
.sf-home-slider-shell .owl-item,
.sf-home-slider-shell .slider-item{
    width:100%;
    height:100%!important;
    min-height:0!important;
}
.sf-home-slider-shell .slider-item{display:block;overflow:hidden}
.sf-home-slider-shell .slider-item img{
    display:block;
    width:100%;
    height:100%!important;
    min-height:0!important;
    aspect-ratio:8/3;
    object-fit:cover;
    object-position:center;
}
.sf-home-slider-empty{
    width:100%;
    height:100%;
    min-height:0;
    aspect-ratio:8/3;
    display:flex!important;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:10px;
    color:#64748b;
    background:#eef2f6;
}
.sf-home-slider-empty i{font-size:42px}
.sf-marketplace-hero-grid,
.sf-premium-hero-grid{align-items:start}
.sf-premium-hero-grid,
.sf-premium-hero-grid.sf-premium-no-promos{
    grid-template-columns:245px minmax(0,1fr);
}
.sf-premium-slider-panel .slider-item img,
.sf-hero-slider-panel .slider-item img{min-height:0!important}

@media(max-width:1280px){
    .sf-premium-hero-grid,
    .sf-premium-hero-grid.sf-premium-no-promos{
        grid-template-columns:220px minmax(0,1fr);
    }
}
@media(max-width:991px){
    .sf-home-slider-shell{aspect-ratio:8/3}
    .sf-marketplace-hero-grid,
    .sf-premium-hero-grid,
    .sf-premium-hero-grid.sf-premium-no-promos{display:block}
    .sf-home-slider-shell .slider-item img,
    .sf-hero-slider-panel .slider-item img,
    .sf-premium-slider-panel .slider-item img{
        aspect-ratio:8/3;
        min-height:0!important;
        object-fit:cover;
    }
    .sf-home-slider-empty{aspect-ratio:8/3;min-height:0}
}

/* ===== R4.1 Premium Smart Discovery Rail ===== */
.sf-premium-hero .sf-premium-hero-grid{
    grid-template-columns:245px minmax(0,1fr) 280px;
    align-items:start;
}
.sf-premium-smart-rail{
    min-width:0;
    align-self:start;
    display:grid;
    grid-template-rows:auto minmax(0,1fr);
    gap:8px;
    overflow:hidden;
    border:1px solid #e4e7eb;
    border-radius:10px;
    background:#f8f9fa;
    box-shadow:0 3px 14px rgba(15,23,42,.05);
}
.sf-premium-smart-head{
    min-height:34px;
    padding:8px 10px 0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    color:#20242b;
    font-size:12px;
    font-weight:800;
    letter-spacing:.01em;
}
.sf-premium-smart-head>i{color:var(--sf-premium-accent,#d4a74e);font-size:13px}
.sf-premium-smart-slots{
    min-height:0;
    padding:0 8px 8px;
    display:grid;
    grid-template-rows:repeat(3,minmax(0,1fr));
    gap:8px;
}
.sf-premium-smart-card{
    position:relative;
    min-width:0;
    min-height:0;
    overflow:hidden;
    border:1px solid #e7e9ec;
    border-radius:8px;
    background:#fff;
    color:#20242b;
    text-decoration:none!important;
    display:grid;
    grid-template-columns:42px minmax(0,1fr) 18px;
    align-items:center;
    gap:9px;
    padding:8px 9px;
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.sf-premium-smart-card:hover,
.sf-premium-smart-card:focus-visible{
    color:#111;
    transform:translateY(-1px);
    border-color:color-mix(in srgb,var(--sf-premium-accent,#d4a74e) 55%,#e7e9ec);
    box-shadow:0 5px 14px rgba(15,23,42,.09);
}
.sf-premium-smart-icon{
    width:38px;
    height:38px;
    border-radius:9px;
    display:grid;
    place-items:center;
    background:#11151b;
    color:var(--sf-premium-accent,#d4a74e);
    font-size:17px;
}
.sf-premium-smart-fallback.is-new .sf-premium-smart-icon{background:#fff8e8;color:#a87510}
.sf-premium-smart-fallback.is-featured .sf-premium-smart-icon{background:#f1f3f5;color:#343a40}
.sf-premium-smart-copy{min-width:0;display:flex;flex-direction:column;gap:2px}
.sf-premium-smart-copy>strong{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:12px;
    line-height:1.25;
    color:inherit;
}
.sf-premium-smart-copy>small{font-size:9.5px;line-height:1.25;color:#7a818b}
.sf-premium-smart-arrow{font-size:11px;color:#9aa0a8;justify-self:end}
.sf-premium-recent-card{grid-template-columns:58px minmax(0,1fr) 16px;padding:6px 8px}
.sf-premium-recent-media{
    position:relative;
    width:56px;
    height:56px;
    overflow:hidden;
    border-radius:7px;
    background:#f3f4f6;
}
.sf-premium-recent-media img{width:100%;height:100%;object-fit:cover;display:block}
.sf-premium-recent-stock{
    position:absolute;
    left:3px;
    right:3px;
    bottom:3px;
    padding:2px 3px;
    border-radius:4px;
    background:rgba(17,21,27,.82);
    color:#fff;
    font-size:7.5px;
    text-align:center;
    line-height:1.1;
}
.sf-premium-recent-copy>strong{font-size:11.5px}
.sf-premium-recent-price{font-size:11px;font-weight:800;color:#11151b}
.sf-premium-recent-copy>del{font-size:9px;color:#989da5}

@media(max-width:1280px) and (min-width:992px){
    .sf-premium-hero .sf-premium-hero-grid{grid-template-columns:220px minmax(0,1fr) 240px}
    .sf-premium-smart-card{grid-template-columns:36px minmax(0,1fr) 14px;gap:7px;padding:6px 7px}
    .sf-premium-smart-icon{width:34px;height:34px;font-size:15px}
    .sf-premium-recent-card{grid-template-columns:50px minmax(0,1fr) 12px}
    .sf-premium-recent-media{width:48px;height:48px}
    .sf-premium-smart-copy>strong{font-size:11px}
    .sf-premium-smart-copy>small{font-size:9px}
}

@media(max-width:991px){
    .sf-premium-smart-rail{
        height:auto!important;
        margin-top:9px;
        overflow:visible;
        border:0;
        border-radius:0;
        background:transparent;
        box-shadow:none;
        gap:6px;
    }
    .sf-premium-smart-head{min-height:28px;padding:2px 2px 0;font-size:11px}
    .sf-premium-smart-slots{
        padding:0 0 3px;
        display:flex;
        gap:8px;
        overflow-x:auto;
        overscroll-behavior-inline:contain;
        scroll-snap-type:x proximity;
        scrollbar-width:none;
    }
    .sf-premium-smart-slots::-webkit-scrollbar{display:none}
    .sf-premium-smart-card{
        flex:0 0 min(260px,78vw);
        min-height:88px;
        scroll-snap-align:start;
        grid-template-columns:42px minmax(0,1fr) 16px;
    }
    .sf-premium-recent-card{grid-template-columns:58px minmax(0,1fr) 16px}
}


/* ==========================================================
   R5 Dynamic Storefront Feature Carousel
   4 desktop / 3 tablet / 2 mobile; same canonical admin order.
   ========================================================== */
.sf-feature-strip{
    margin-top:10px;
    border:1px solid #e8edf2;
    border-radius:10px;
    background:#fff;
    overflow:hidden;
    box-shadow:0 3px 12px rgba(15,23,42,.035);
}
.sf-feature-carousel{width:100%;padding:0}
.sf-feature-carousel .owl-stage{display:flex;align-items:stretch}
.sf-feature-carousel .owl-item{display:flex;min-height:100%}
.sf-feature-card{
    width:100%;
    min-height:76px;
    display:flex;
    align-items:center;
    gap:12px;
    padding:13px 16px;
    background:#fff;
    border-right:1px solid #edf1f4;
    transition:transform .24s ease,box-shadow .24s ease,background-color .24s ease;
    transform-origin:center;
    position:relative;
    z-index:1;
}
.sf-feature-carousel .owl-item:last-child .sf-feature-card{border-right:0}
.sf-feature-card:hover,
.sf-feature-card:focus-within{
    transform:translateY(-2px) scale(1.025);
    box-shadow:0 8px 22px rgba(15,23,42,.09);
    background:#fff;
    z-index:3;
}
.sf-feature-icon{
    width:42px;
    height:42px;
    flex:0 0 42px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:color-mix(in srgb,var(--sf-primary,#ff5b21) 11%,#fff);
    color:var(--sf-primary,#ff5b21);
    font-size:20px;
    transition:transform .24s ease,background-color .24s ease;
}
.sf-feature-card:hover .sf-feature-icon,
.sf-feature-card:focus-within .sf-feature-icon{transform:scale(1.12) rotate(-3deg)}
.sf-feature-copy{min-width:0;display:flex;flex-direction:column;gap:2px}
.sf-feature-copy strong{
    color:#1f2937;
    font-size:13px;
    font-weight:750;
    line-height:1.25;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.sf-feature-copy small{
    color:#77808c;
    font-size:10.5px;
    line-height:1.3;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
/* Retire the legacy fixed five-cell feature grid. */
.sf-hero-services{display:none!important}
@media(max-width:767px){
    .sf-feature-strip{margin-top:8px;border-radius:8px}
    .sf-feature-card{min-height:68px;padding:10px 9px;gap:8px}
    .sf-feature-icon{width:34px;height:34px;flex-basis:34px;font-size:17px}
    .sf-feature-copy strong{font-size:11px}
    .sf-feature-copy small{font-size:9px}
}
@media(prefers-reduced-motion:reduce){
    .sf-feature-card,.sf-feature-icon{transition:none!important}
    .sf-feature-card:hover,.sf-feature-card:focus-within,.sf-feature-card:hover .sf-feature-icon,.sf-feature-card:focus-within .sf-feature-icon{transform:none!important}
}


/* R4.3 desktop hero category overflow: extra categories overlay instead of growing the hero grid. */
@media(min-width:992px){
  .sf-home-hero .sf-hero-category-more{position:relative!important;z-index:70}
  .sf-home-hero .sf-hero-category-more-toggle{width:100%;height:30px;border:0;border-top:1px solid #edf0f4;background:#fff;color:#98a2b3;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .16s ease,color .16s ease}
  .sf-home-hero .sf-hero-category-more-toggle:hover,.sf-home-hero .sf-hero-category-more-toggle:focus-visible{background:rgba(var(--sf-primary-rgb),.055);color:var(--sf-primary);outline:0}
  .sf-home-hero .sf-hero-category-more-toggle i{font-size:12px;transition:transform .18s ease}
  .sf-home-hero .sf-hero-category-more.is-open>.sf-hero-category-more-toggle i{transform:rotate(180deg)}
  .sf-home-hero .sf-hero-category-overflow{position:absolute;left:0;right:0;top:100%;z-index:120;max-height:330px;overflow-y:auto;overscroll-behavior:contain;background:#fff;border:1px solid #e5e9ef;border-top:0;border-radius:0 0 12px 12px;box-shadow:0 16px 32px rgba(15,23,42,.16);scrollbar-width:thin}
  .sf-home-hero .sf-hero-category-overflow[hidden]{display:none!important}
  .sf-home-hero .sf-hero-category-overflow>ul{display:block!important;list-style:none;margin:0;padding:6px 0}
  .sf-home-hero .sf-hero-category-overflow>ul>li{display:block!important;float:none!important;width:100%!important;margin:0!important}
  .sf-home-hero .sf-hero-category-overflow>ul>li>a{width:100%;min-height:42px;padding:6px 14px;display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:center;color:#1f2937;font-size:13px;font-weight:600;text-decoration:none;box-sizing:border-box}
  .sf-home-hero .sf-hero-category-overflow>ul>li>a:hover{background:rgba(var(--sf-primary-rgb),.055);color:var(--sf-primary)}
  .sf-home-hero .sf-hero-category-overflow>ul>li>a img{width:27px;height:27px;object-fit:cover;border-radius:7px;background:#f3f4f6}
  .sf-premium-hero .sf-hero-category-more-toggle{height:28px}
  .sf-premium-hero .sf-hero-category-overflow>ul>li>a{min-height:40px;font-size:12.5px}
}