/* Generated by tools/storefront/build_storefront_search_canonical_v1.py. */

/* source: storefront_stage5_search_listing_v1.css */
/* ==========================================================================
   İPEK OTO — AŞAMA 5 SEARCH + PRODUCT LISTING V1
   Progressive enhancement over the existing sf-search-v2 / sf2 catalog contract.
   Header/footer source and canonical product-card source are not rewritten.
   ========================================================================== */

body.sf-search-v2.sf-stage5-search-v1{
  --sf5-navy:#071b3a;
  --sf5-blue:#0867cf;
  --sf5-red:#e30613;
  --sf5-text:#10213f;
  --sf5-muted:#6b788d;
  --sf5-line:#dfe6ee;
  --sf5-line2:#e8edf3;
  --sf5-soft:#f5f7fa;
  --sf5-white:#fff;
  --sf5-radius:10px;
  --sf5-shadow:0 7px 22px rgba(10,32,65,.045);
  background:#f4f6f8!important;
  color:var(--sf5-text)!important;
}

/* SEARCH PAGE HEADING — shared header above remains untouched */
body.sf-search-v2.sf-stage5-search-v1 .sf-search2-hero{
  padding:0!important;
  background:transparent!important;
  border:0!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf-search2-hero>.sf-shell{
  width:min(calc(100% - 40px),1380px)!important;
  max-width:1380px!important;
  margin:0 auto!important;
  padding:28px 0 14px!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf-search2-breadcrumb{
  margin:0 0 10px!important;
  color:#78859a!important;
  font-size:11px!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf-search2-hero__grid{
  display:block!important;
  min-height:0!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf-search2-hero__grid>div:first-child{
  width:100%!important;
  max-width:none!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf-search2-hero__grid .sf-search2-form,
body.sf-search-v2.sf-stage5-search-v1 .sf-search2-hints{
  display:none!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf-search2-hero h1{
  margin:0!important;
  color:var(--sf5-navy)!important;
  font-size:29px!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
  font-weight:820!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf-search2-hero p{
  display:none!important;
}
.sf5-query-summary{
  margin-top:7px;
  color:#57667d;
  font-size:13px;
  line-height:1.4;
}
.sf5-query-summary strong{
  color:var(--sf5-navy);
  font-weight:800;
}
.sf5-page-active-filters{
  min-height:34px;
  margin-top:14px;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
}
.sf5-page-active-filters:empty{display:none}
.sf5-page-active-filters button,
.sf5-page-active-filters .sf5-price-chip{
  min-height:31px;
  padding:0 10px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  border:1px solid #d9e3f1;
  border-radius:6px;
  background:#f8fbff;
  color:#234976;
  font-size:10.5px;
  font-weight:690;
  cursor:pointer;
}
.sf5-page-active-filters button:hover{border-color:#b6cbed;background:#f3f8ff}
.sf5-page-active-filters .sf5-clear-all{
  border-color:transparent;
  background:transparent;
  color:var(--sf5-blue);
  font-weight:800;
}

/* MAIN CATALOG WIDTH + TWO COLUMN COMPOSITION */
body.sf-search-v2.sf-stage5-search-v1 section#urunler{
  width:min(calc(100% - 40px),1380px)!important;
  max-width:1380px!important;
  margin:0 auto!important;
  padding:0 0 38px!important;
}
body.sf-search-v2.sf-stage5-search-v1 section#urunler > .sf-shell,
body.sf-search-v2.sf-stage5-search-v1 section#urunler .sf-shell{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
body.sf-search-v2.sf-stage5-search-v1 section#urunler .sf2-catalog-layout,
body.sf-search-v2.sf-stage5-search-v1 section#urunler [class*="catalog-layout"]{
  display:grid!important;
  grid-template-columns:252px minmax(0,1fr)!important;
  column-gap:18px!important;
  align-items:start!important;
}

/* TOOLBAR */
body.sf-search-v2.sf-stage5-search-v1 .sf2-results-toolbar{
  min-width:0!important;
  min-height:54px!important;
  margin:0 0 10px!important;
  padding:7px 9px 7px 14px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  border:1px solid var(--sf5-line)!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:none!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf2-active-filters{
  display:none!important; /* cloned into page heading by Stage 5 JS */
}
.sf5-results-count{
  margin-right:auto;
  color:#74839a;
  font-size:12px;
  font-weight:650;
  white-space:nowrap;
}
body.sf-search-v2.sf-stage5-search-v1 .sf2-sort.sf2-sort--desktop{
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  color:#6c7a90!important;
  font-size:11px!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf2-sort.sf2-sort--desktop select{
  min-width:156px!important;
  height:38px!important;
  padding:0 34px 0 11px!important;
  border:1px solid var(--sf5-line)!important;
  border-radius:6px!important;
  background:#fff!important;
  color:var(--sf5-text)!important;
  font-size:11px!important;
}
.sf5-view-switch{
  display:flex;
  align-items:center;
  border:1px solid var(--sf5-line);
  border-radius:6px;
  overflow:hidden;
  background:#fff;
}
.sf5-view-switch button{
  width:42px;
  height:36px;
  display:grid;
  place-items:center;
  border:0;
  border-right:1px solid var(--sf5-line);
  background:#fff;
  color:#173965;
  cursor:pointer;
}
.sf5-view-switch button:last-child{border-right:0}
.sf5-view-switch button.is-active{
  background:var(--sf5-blue);
  color:#fff;
}
.sf5-view-switch svg{width:17px;height:17px;display:block}

/* FILTER PANEL */
body.sf-search-v2.sf-stage5-search-v1 .sf2-filter-panel{
  position:sticky!important;
  top:12px!important;
  z-index:4!important;
  width:252px!important;
  min-width:252px!important;
  max-width:252px!important;
  max-height:calc(100vh - 24px)!important;
  overflow:auto!important;
  margin:0!important;
  padding:0!important;
  border:1px solid var(--sf5-line)!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:none!important;
  scrollbar-width:thin;
}
body.sf-search-v2.sf-stage5-search-v1 .sf2-filter-panel::before{display:none!important}
body.sf-search-v2.sf-stage5-search-v1 .sf2-filter-panel__head{
  min-height:55px!important;
  padding:14px 15px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  border-bottom:1px solid var(--sf5-line)!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf2-filter-panel__head>div{
  display:flex!important;
  align-items:center!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf2-filter-panel__head small,
body.sf-search-v2.sf-stage5-search-v1 .sf2-filter-panel__head br{
  display:none!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf2-filter-panel__head strong{
  color:var(--sf5-navy)!important;
  font-size:14px!important;
  line-height:1!important;
}
body.sf-search-v2.sf-stage5-search-v1 [data-sf2-filter-close]{
  display:none!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf2-filter-group{
  margin:0!important;
  padding:14px 15px!important;
  display:block!important;
  border:0!important;
  border-bottom:1px solid var(--sf5-line2)!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf2-filter-group>label:first-child{
  margin:0 0 9px!important;
  display:flex!important;
  color:var(--sf5-navy)!important;
  font-size:11px!important;
  font-weight:800!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf2-filter-group>select{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
}
.sf5-filter-title{
  margin:0 0 9px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:var(--sf5-navy);
  font-size:11px;
  font-weight:820;
}
.sf5-filter-title span{
  min-width:24px;
  height:20px;
  padding:0 7px;
  display:inline-grid;
  place-items:center;
  border-radius:999px;
  background:#f1f4f8;
  color:#718099;
  font-size:9.5px;
  font-weight:750;
}
.sf5-brand-search{
  width:100%;
  height:34px;
  margin:0 0 9px;
  padding:0 10px 0 30px;
  border:1px solid var(--sf5-line);
  border-radius:5px;
  outline:none;
  color:var(--sf5-text);
  font-size:10.5px;
  background:
    linear-gradient(#fff,#fff) padding-box,
    linear-gradient(#fff,#fff) border-box;
}
.sf5-brand-search:focus{border-color:#9cbceb;box-shadow:0 0 0 2px rgba(8,103,207,.07)}
.sf5-filter-list{
  display:grid;
  gap:7px;
}
.sf5-filter-option{
  min-width:0;
  display:grid;
  grid-template-columns:16px minmax(0,1fr) auto;
  gap:7px;
  align-items:center;
  color:#52647d;
  font-size:10.5px;
  cursor:pointer;
}
.sf5-filter-option input{
  width:14px!important;
  height:14px!important;
  margin:0!important;
  accent-color:var(--sf5-blue);
}
.sf5-filter-option b{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-weight:580;
}
.sf5-filter-option small{
  color:#7a8799;
  font-size:9.5px;
}
.sf5-filter-option.is-selected b{
  color:#193d69;
  font-weight:760;
}
.sf5-show-more{
  margin-top:9px;
  padding:0;
  border:0;
  background:transparent;
  color:var(--sf5-blue);
  font-size:9.7px;
  font-weight:760;
  cursor:pointer;
}
body.sf-search-v2.sf-stage5-search-v1 .sf2-stock-toggle{
  margin:0!important;
  padding:0!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:16px minmax(0,1fr)!important;
  gap:8px!important;
  align-items:start!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf2-stock-toggle input{
  width:14px!important;height:14px!important;margin:1px 0 0!important;accent-color:var(--sf5-blue);
}
body.sf-search-v2.sf-stage5-search-v1 .sf2-stock-toggle span{
  display:block!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf2-stock-toggle strong{
  color:#274365!important;
  font-size:10.5px!important;
  font-weight:720!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf2-stock-toggle small{
  display:none!important;
}
.sf5-price-group{
  padding:14px 15px;
  border-bottom:1px solid var(--sf5-line2);
}
.sf5-price-inputs{
  display:grid;
  grid-template-columns:1fr 12px 1fr;
  gap:7px;
  align-items:center;
}
.sf5-price-inputs input{
  width:100%;
  height:34px;
  min-width:0;
  padding:0 8px;
  border:1px solid var(--sf5-line);
  border-radius:5px;
  outline:none;
  color:#274365;
  font-size:10.5px;
  font-weight:650;
}
.sf5-price-inputs i{font-style:normal;text-align:center;color:#78869b;font-size:10px}
.sf5-price-track{
  position:relative;
  height:22px;
  margin-top:7px;
}
.sf5-price-track::before{
  content:"";
  position:absolute;
  left:4px;right:4px;top:10px;
  height:2px;
  background:#dbe4f0;
}
.sf5-price-track input[type="range"]{
  position:absolute;
  left:0;top:0;
  width:100%;
  height:22px;
  margin:0;
  background:transparent;
  pointer-events:none;
  appearance:none;
  -webkit-appearance:none;
}
.sf5-price-track input[type="range"]::-webkit-slider-thumb{
  width:14px;height:14px;border:2px solid var(--sf5-blue);border-radius:50%;
  background:#fff;appearance:none;-webkit-appearance:none;pointer-events:auto;cursor:pointer;
}
.sf5-price-track input[type="range"]::-moz-range-thumb{
  width:12px;height:12px;border:2px solid var(--sf5-blue);border-radius:50%;
  background:#fff;pointer-events:auto;cursor:pointer;
}
body.sf-search-v2.sf-stage5-search-v1 .sf2-filter-reset{
  width:calc(100% - 30px)!important;
  min-height:36px!important;
  margin:12px 15px 15px!important;
  border:1px solid #d6e1ee!important;
  border-radius:6px!important;
  background:#fff!important;
  color:#245188!important;
  font-size:10.5px!important;
  font-weight:760!important;
}

/* PRODUCT GRID — preserve canonical card markup; only search composition/calibration */
body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:stretch!important;
}
body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid>.sf-product-card{
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  min-height:448px!important;
  height:auto!important;
  margin:0!important;
  border:1px solid var(--sf5-line)!important;
  border-radius:8px!important;
  box-shadow:0 4px 14px rgba(8,31,64,.035)!important;
  background:#fff!important;
}
body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid>.sf-product-card:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 8px 18px rgba(8,31,64,.06)!important;
}
body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid .sf-product-card__brand{
  min-height:38px!important;
  height:38px!important;
  padding:0 12px!important;
}
body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid .sf-product-card__image{
  min-height:170px!important;
  height:170px!important;
  margin:0 11px!important;
}
body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid .sf-product-card__body{
  min-height:191px!important;
  padding:11px 12px 9px!important;
}
body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid .sf-product-card__body h2,
body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid .sf-product-card__body h3{
  font-size:13px!important;
  line-height:1.25!important;
}
body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid .sf-product-card__meta{
  font-size:9.5px!important;
}
body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid .sf-product-card__compat{
  min-height:28px!important;
  height:auto!important;
  font-size:9.4px!important;
}
body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid .sf-product-card__commerce{
  min-height:74px!important;
}
body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid .sf-product-card__actions{
  min-height:48px!important;
  height:48px!important;
}
body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid .sf-product-card__actions button,
body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid .sf-product-card__actions>a{
  min-height:36px!important;
  border-radius:5px!important;
  font-size:10.5px!important;
}

/* LIST VIEW */
body.sf-search-v2.sf-stage5-search-v1.sf5-view-list #storefront-product-grid{
  grid-template-columns:1fr!important;
}
body.sf-search-v2.sf-stage5-search-v1.sf5-view-list #storefront-product-grid>.sf-product-card{
  min-height:220px!important;
  display:grid!important;
  grid-template-columns:190px minmax(0,1fr) 160px!important;
  grid-template-rows:auto 1fr!important;
}
body.sf-search-v2.sf-stage5-search-v1.sf5-view-list #storefront-product-grid .sf-product-card__brand{
  grid-column:1;grid-row:1;
}
body.sf-search-v2.sf-stage5-search-v1.sf5-view-list #storefront-product-grid .sf-product-card__image{
  grid-column:1;grid-row:2;
  height:155px!important;min-height:155px!important;
}
body.sf-search-v2.sf-stage5-search-v1.sf5-view-list #storefront-product-grid .sf-product-card__link{
  display:contents!important;
}
body.sf-search-v2.sf-stage5-search-v1.sf5-view-list #storefront-product-grid .sf-product-card__body{
  grid-column:2;grid-row:1/3;
  min-height:0!important;
  border-left:1px solid var(--sf5-line2);
}
body.sf-search-v2.sf-stage5-search-v1.sf5-view-list #storefront-product-grid .sf-product-card__actions{
  grid-column:3;grid-row:1/3;
  height:auto!important;min-height:0!important;
  padding:18px 12px!important;
  align-self:stretch!important;
  border-left:1px solid var(--sf5-line2);
}

/* EMPTY STATE */
.sf5-empty-state{
  min-height:430px;
  padding:54px 32px;
  display:none;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  border:1px solid var(--sf5-line);
  border-radius:9px;
  background:#fff;
}
.sf5-empty-state.is-visible{display:flex}
.sf5-empty-state__icon{
  width:100px;height:100px;margin-bottom:18px;
  display:grid;place-items:center;
  border-radius:50%;
  background:#f3f7fd;
  color:#0d4c96;
}
.sf5-empty-state__icon svg{width:58px;height:58px}
.sf5-empty-state h2{
  margin:0 0 8px;
  color:var(--sf5-navy);
  font-size:22px;
  letter-spacing:-.025em;
}
.sf5-empty-state p{
  max-width:520px;
  margin:0;
  color:#66768d;
  font-size:12px;
  line-height:1.55;
}
.sf5-empty-state__tips{
  width:min(100%,760px);
  margin:22px 0 18px;
  padding:13px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;
  border:1px solid #dbe7f7;
  border-radius:7px;
  background:#f6f9fe;
}
.sf5-empty-state__tips span{
  padding:4px 12px;
  color:#52667f;
  font-size:10.5px;
  line-height:1.4;
  border-right:1px solid #dbe4f0;
}
.sf5-empty-state__tips span:last-child{border-right:0}
.sf5-empty-state__actions{display:flex;gap:9px}
.sf5-empty-state__actions button,
.sf5-empty-state__actions a{
  min-height:40px;
  padding:0 16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:5px;
  font-size:11px;
  font-weight:780;
  text-decoration:none;
}
.sf5-empty-state__actions button{
  border:1px solid #9dbce7;
  background:#fff;
  color:#0b5dc1;
}
.sf5-empty-state__actions a{
  border:1px solid var(--sf5-blue);
  background:var(--sf5-blue);
  color:#fff;
}

/* LOADING / SKELETON */
.sf5-loading-layer{display:none}
body.sf-search-v2.sf-stage5-search-v1.sf5-loading .sf5-loading-layer{
  min-width:0;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
body.sf-search-v2.sf-stage5-search-v1.sf5-loading #storefront-product-grid{display:none!important}
.sf5-skeleton{
  min-height:430px;
  border:1px solid var(--sf5-line);
  border-radius:8px;
  background:#fff;
  overflow:hidden;
}
.sf5-skeleton i,
.sf5-skeleton b{
  display:block;
  border-radius:6px;
  background:linear-gradient(90deg,#f2f4f7 25%,#fafbfc 50%,#f2f4f7 75%);
  background-size:200% 100%;
  animation:sf5-shimmer 1.25s infinite linear;
}
.sf5-skeleton i{height:185px;margin:44px 12px 18px}
.sf5-skeleton b{height:12px;margin:8px 12px}
.sf5-skeleton b:nth-child(3){width:72%}
.sf5-skeleton b:nth-child(4){width:48%}
@keyframes sf5-shimmer{to{background-position:-200% 0}}

/* MOBILE BAR */
body.sf-search-v2.sf-stage5-search-v1 .sf2-catalog-mobile-bar{
  display:none!important;
}

/* 1280 */
@media (max-width:1320px) and (min-width:761px){
  body.sf-search-v2.sf-stage5-search-v1 .sf-search2-hero>.sf-shell,
  body.sf-search-v2.sf-stage5-search-v1 section#urunler{
    width:min(calc(100% - 32px),1248px)!important;
  }
  body.sf-search-v2.sf-stage5-search-v1 section#urunler .sf2-catalog-layout,
  body.sf-search-v2.sf-stage5-search-v1 section#urunler [class*="catalog-layout"]{
    grid-template-columns:236px minmax(0,1fr)!important;
    column-gap:14px!important;
  }
  body.sf-search-v2.sf-stage5-search-v1 .sf2-filter-panel{
    width:236px!important;min-width:236px!important;max-width:236px!important;
  }
  body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid{
    gap:10px!important;
  }
  body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid>.sf-product-card{
    min-height:438px!important;
  }
  body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid .sf-product-card__image{
    height:158px!important;min-height:158px!important;
  }
}

/* MOBILE */
@media (max-width:760px){
  body.sf-search-v2.sf-stage5-search-v1{
    padding-bottom:0!important;
  }
  body.sf-search-v2.sf-stage5-search-v1 .sf-search2-hero>.sf-shell,
  body.sf-search-v2.sf-stage5-search-v1 section#urunler{
    width:calc(100% - 24px)!important;
    max-width:calc(100% - 24px)!important;
  }
  body.sf-search-v2.sf-stage5-search-v1 .sf-search2-hero>.sf-shell{
    padding:18px 0 10px!important;
  }
  body.sf-search-v2.sf-stage5-search-v1 .sf-search2-breadcrumb{display:none!important}
  body.sf-search-v2.sf-stage5-search-v1 .sf-search2-hero h1{
    font-size:21px!important;
  }
  .sf5-query-summary{
    margin-top:5px;
    font-size:11px;
  }
  .sf5-page-active-filters{
    margin-top:10px;
    flex-wrap:nowrap;
    overflow-x:auto;
    padding-bottom:3px;
    scrollbar-width:none;
  }
  .sf5-page-active-filters::-webkit-scrollbar{display:none}
  .sf5-page-active-filters button,
  .sf5-page-active-filters .sf5-price-chip{
    flex:0 0 auto;
    white-space:nowrap;
    min-height:29px;
    font-size:9.7px;
  }

  body.sf-search-v2.sf-stage5-search-v1 section#urunler .sf2-catalog-layout,
  body.sf-search-v2.sf-stage5-search-v1 section#urunler [class*="catalog-layout"]{
    display:block!important;
  }

  /* Custom mobile toolbar is produced by JS */
  .sf5-mobile-toolbar{
    margin:0 0 10px;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto auto;
    gap:7px;
    align-items:center;
  }
  .sf5-mobile-toolbar .sf5-results-count{
    margin:0;
    font-size:11px;
  }
  .sf5-mobile-toolbar button{
    min-height:38px;
    padding:0 12px;
    border:1px solid var(--sf5-line);
    border-radius:6px;
    background:#fff;
    color:#193d69;
    font-size:10.5px;
    font-weight:760;
  }

  body.sf-search-v2.sf-stage5-search-v1 .sf2-results-toolbar{
    display:none!important;
  }

  body.sf-search-v2.sf-stage5-search-v1 .sf2-filter-overlay{
    position:fixed!important;
    inset:0!important;
    z-index:9998!important;
    display:block!important;
    visibility:hidden!important;
    opacity:0!important;
    background:rgba(3,18,39,.44)!important;
    transition:opacity .18s ease,visibility .18s ease!important;
  }
  body.sf-search-v2.sf-stage5-search-v1 .sf2-filter-overlay.sf5-open{
    visibility:visible!important;
    opacity:1!important;
  }
  body.sf-search-v2.sf-stage5-search-v1 .sf2-filter-panel{
    position:fixed!important;
    left:0!important;
    right:0!important;
    top:auto!important;
    bottom:0!important;
    z-index:9999!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    max-height:min(82vh,720px)!important;
    margin:0!important;
    border:0!important;
    border-radius:18px 18px 0 0!important;
    transform:translateY(105%)!important;
    transition:transform .22s ease!important;
    box-shadow:0 -18px 44px rgba(4,24,50,.2)!important;
    overflow:auto!important;
    overscroll-behavior:contain;
  }
  body.sf-search-v2.sf-stage5-search-v1 .sf2-filter-panel.sf5-open{
    transform:translateY(0)!important;
  }
  body.sf-search-v2.sf-stage5-search-v1 .sf2-filter-panel__head{
    position:sticky!important;
    top:0!important;
    z-index:2!important;
    min-height:61px!important;
    padding:16px 16px!important;
    border-bottom:1px solid var(--sf5-line)!important;
    background:#fff!important;
  }
  body.sf-search-v2.sf-stage5-search-v1 .sf2-filter-panel__head::before{
    content:"";
    position:absolute;
    top:7px;left:50%;
    width:46px;height:4px;
    transform:translateX(-50%);
    border-radius:999px;
    background:#d7dce3;
  }
  body.sf-search-v2.sf-stage5-search-v1 [data-sf2-filter-close]{
    display:grid!important;
    place-items:center!important;
    width:34px!important;height:34px!important;
    border:0!important;background:transparent!important;
    color:var(--sf5-navy)!important;
    font-size:27px!important;line-height:1!important;
  }
  body.sf-search-v2.sf-stage5-search-v1 .sf2-filter-group,
  .sf5-price-group{
    padding:15px 16px!important;
  }
  body.sf-search-v2.sf-stage5-search-v1 .sf2-filter-reset{
    width:calc(100% - 32px)!important;
    margin:12px 16px 86px!important;
  }
  .sf5-mobile-apply{
    position:fixed;
    left:12px;right:12px;bottom:10px;
    z-index:10000;
    min-height:50px;
    display:none;
    align-items:center;
    justify-content:center;
    border:0;
    border-radius:7px;
    background:var(--sf5-red);
    color:#fff;
    font-size:13px;
    font-weight:840;
    box-shadow:0 8px 24px rgba(227,6,19,.2);
  }
  body.sf-search-v2.sf-stage5-search-v1.sf5-filter-lock .sf5-mobile-apply{
    display:flex;
  }
  body.sf-search-v2.sf-stage5-search-v1.sf5-filter-lock{
    overflow:hidden!important;
  }

  body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid>.sf-product-card{
    min-height:398px!important;
  }
  body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid .sf-product-card__brand{
    min-height:34px!important;height:34px!important;padding-inline:9px!important;
  }
  body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid .sf-product-card__image{
    height:128px!important;min-height:128px!important;margin-inline:7px!important;
  }
  body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid .sf-product-card__body{
    min-height:190px!important;padding:9px 9px 7px!important;
  }
  body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid .sf-product-card__body h2,
  body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid .sf-product-card__body h3{
    font-size:10.5px!important;
  }
  body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid .sf-product-card__meta,
  body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid .sf-product-card__compat{
    font-size:8.2px!important;
  }
  body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid .sf-product-card__actions{
    min-height:44px!important;height:44px!important;
  }
  body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid .sf-product-card__actions button,
  body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid .sf-product-card__actions>a{
    min-height:32px!important;
    font-size:9px!important;
  }

  body.sf-search-v2.sf-stage5-search-v1.sf5-view-list #storefront-product-grid{
    grid-template-columns:1fr!important;
  }
  body.sf-search-v2.sf-stage5-search-v1.sf5-view-list #storefront-product-grid>.sf-product-card{
    min-height:190px!important;
    grid-template-columns:118px minmax(0,1fr)!important;
    grid-template-rows:auto 1fr auto!important;
  }
  body.sf-search-v2.sf-stage5-search-v1.sf5-view-list #storefront-product-grid .sf-product-card__actions{
    grid-column:1/-1!important;
    grid-row:3!important;
    border-left:0!important;
    border-top:1px solid var(--sf5-line2)!important;
    padding:6px 8px!important;
  }

  .sf5-empty-state{
    min-height:390px;
    padding:34px 15px;
  }
  .sf5-empty-state__tips{
    grid-template-columns:1fr;
  }
  .sf5-empty-state__tips span{
    border-right:0;
    border-bottom:1px solid #dbe4f0;
    padding:8px 5px;
  }
  .sf5-empty-state__tips span:last-child{border-bottom:0}
  .sf5-empty-state__actions{width:100%;flex-direction:column}
  .sf5-empty-state__actions button,
  .sf5-empty-state__actions a{width:100%}

  body.sf-search-v2.sf-stage5-search-v1.sf5-loading .sf5-loading-layer{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  .sf5-skeleton{min-height:390px}
}

/* IPEKERP_STOREFRONT_STAGE5_MOBILE_TOOLBAR_DESKTOP_VISIBILITY_FIX_V1
   Desktop/tablet: hidden. Mobile <=760px: shown by the existing mobile rule. */
.sf5-mobile-toolbar{
  display:none!important;
}
@media (max-width:760px){
  .sf5-mobile-toolbar{
    display:grid!important;
  }
}

/* IPEKERP_STOREFRONT_STAGE5_CLOSED_MOBILE_DRAWER_VISIBILITY_FIX_V1
   Closed mobile filter drawer is removed from visible/accessibility geometry. */
@media (max-width:760px){
  body.sf-search-v2.sf-stage5-search-v1 .sf2-filter-panel:not(.sf5-open){
    visibility:hidden!important;
    pointer-events:none!important;
  }
  body.sf-search-v2.sf-stage5-search-v1 .sf2-filter-panel.sf5-open{
    visibility:visible!important;
    pointer-events:auto!important;
  }
}

/* IPEKERP_STOREFRONT_STAGE5_POST_GRID_RESULTS_SUMMARY_CSS_V1 */
body.sf-search-v2.sf-stage5-search-v1
[data-sf5-post-grid-summary-hidden="1"]{
  display:none!important;
}

/* IPEKERP_STOREFRONT_STAGE5_VISUAL_POLISH_V1
   Final Stage 5 visual calibration only.
   No shared header/footer source, product-card source, filter logic or backend mutation. */

/* --------------------------------------------------------------------------
   1) SEARCH HEADING — tighter, cleaner, calmer
   -------------------------------------------------------------------------- */
body.sf-search-v2.sf-stage5-search-v1 .sf-search2-hero{
  min-height:0!important;
  height:auto!important;
  border-bottom:1px solid #e6ebf1!important;
  background:#f5f7fa!important;
  overflow:hidden!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf-search2-hero::before,
body.sf-search-v2.sf-stage5-search-v1 .sf-search2-hero::after{
  display:none!important;
  content:none!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf-search2-hero>.sf-shell{
  width:min(calc(100% - 40px),1380px)!important;
  max-width:1380px!important;
  padding:22px 0 16px!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf-search2-breadcrumb{
  margin:0 0 9px!important;
  font-size:10.5px!important;
  line-height:1.25!important;
  color:#7a8799!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf-search2-hero__grid{
  min-height:0!important;
  height:auto!important;
  align-items:start!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf-search2-hero h1{
  margin:0!important;
  font-size:26px!important;
  line-height:1.08!important;
  letter-spacing:-.032em!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf5-query-summary{
  margin-top:5px!important;
  color:#5e6d82!important;
  font-size:12px!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf5-query-summary strong{
  color:#132e56!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf5-page-active-filters{
  min-height:30px!important;
  margin-top:11px!important;
  gap:6px!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf5-page-active-filters:not(:empty)::before{
  content:"Filtreler:";
  margin-right:2px;
  color:#6f7e92;
  font-size:10px;
  font-weight:750;
}
body.sf-search-v2.sf-stage5-search-v1 .sf5-page-active-filters button,
body.sf-search-v2.sf-stage5-search-v1 .sf5-page-active-filters .sf5-price-chip{
  min-height:29px!important;
  padding:0 9px!important;
  border-color:#d7e0ec!important;
  border-radius:6px!important;
  background:#fff!important;
  color:#264c78!important;
  box-shadow:0 1px 2px rgba(18,44,78,.025)!important;
  font-size:10px!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf5-page-active-filters .sf5-clear-all{
  padding-inline:5px!important;
  border-color:transparent!important;
  background:transparent!important;
  color:#0767cf!important;
  box-shadow:none!important;
}

/* --------------------------------------------------------------------------
   2) CATALOG COMPOSITION
   -------------------------------------------------------------------------- */
body.sf-search-v2.sf-stage5-search-v1 section#urunler{
  padding-top:14px!important;
  padding-bottom:42px!important;
}
body.sf-search-v2.sf-stage5-search-v1 section#urunler .sf2-catalog-layout,
body.sf-search-v2.sf-stage5-search-v1 section#urunler [class*="catalog-layout"]{
  grid-template-columns:246px minmax(0,1fr)!important;
  column-gap:14px!important;
}

/* --------------------------------------------------------------------------
   3) FILTER PANEL — remove duplicate legacy labels and refine spacing
   -------------------------------------------------------------------------- */
body.sf-search-v2.sf-stage5-search-v1 .sf2-filter-panel{
  width:246px!important;
  min-width:246px!important;
  max-width:246px!important;
  border-color:#dce4ed!important;
  border-radius:9px!important;
  box-shadow:0 4px 14px rgba(12,36,68,.035)!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf2-filter-panel__head{
  min-height:52px!important;
  padding:13px 14px!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf2-filter-panel__head strong{
  font-size:13px!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf2-filter-group{
  padding:13px 14px!important;
}
body.sf-search-v2.sf-stage5-search-v1
.sf2-filter-group > label:not(.sf5-filter-option):not(.sf2-stock-toggle){
  display:none!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf5-filter-title{
  margin-bottom:8px!important;
  font-size:10.8px!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf5-filter-title span{
  min-width:22px!important;
  height:19px!important;
  font-size:9px!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf5-brand-search{
  height:32px!important;
  margin-bottom:8px!important;
  border-radius:5px!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf5-filter-list{
  gap:6px!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf5-filter-option{
  grid-template-columns:15px minmax(0,1fr) auto!important;
  gap:7px!important;
  font-size:10.2px!important;
  min-height:18px!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf5-filter-option input,
body.sf-search-v2.sf-stage5-search-v1 .sf2-stock-toggle input{
  width:13px!important;
  height:13px!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf5-show-more{
  margin-top:8px!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf5-price-group{
  padding:13px 14px!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf5-price-inputs input{
  height:32px!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf2-filter-reset{
  width:calc(100% - 28px)!important;
  min-height:35px!important;
  margin:11px 14px 14px!important;
  border-radius:5px!important;
}

/* --------------------------------------------------------------------------
   4) TOOLBAR — one calm horizontal control rail
   -------------------------------------------------------------------------- */
body.sf-search-v2.sf-stage5-search-v1 .sf2-results-toolbar{
  min-height:50px!important;
  margin:0 0 9px!important;
  padding:6px 7px 6px 12px!important;
  border-color:#dce4ed!important;
  border-radius:8px!important;
  box-shadow:0 2px 8px rgba(12,36,68,.025)!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf5-results-count{
  color:#596a81!important;
  font-size:10.8px!important;
  font-weight:700!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf2-sort.sf2-sort--desktop{
  font-size:10px!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf2-sort.sf2-sort--desktop select{
  min-width:150px!important;
  height:36px!important;
  border-radius:5px!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf5-view-switch{
  border-radius:5px!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf5-view-switch button{
  width:39px!important;
  height:34px!important;
}

/* --------------------------------------------------------------------------
   5) PRODUCT GRID + COMMON CARDS — consistent rhythm only
   -------------------------------------------------------------------------- */
body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid{
  gap:10px!important;
}
body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid>.sf-product-card{
  min-height:432px!important;
  border-color:#dfe6ee!important;
  border-radius:8px!important;
  box-shadow:0 3px 12px rgba(10,34,66,.032)!important;
  overflow:hidden!important;
}
body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid>.sf-product-card:hover{
  transform:translateY(-1px)!important;
  border-color:#d5deea!important;
  box-shadow:0 8px 20px rgba(10,34,66,.06)!important;
}
body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid .sf-product-card__brand{
  min-height:35px!important;
  height:35px!important;
  padding:0 10px!important;
}
body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid .sf-product-card__favorite{
  top:9px!important;
  right:9px!important;
}
body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid .sf-product-card__image{
  height:158px!important;
  min-height:158px!important;
  margin:0 9px!important;
  border-radius:6px!important;
  background:#f7f9fb!important;
}
body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid .sf-product-card__placeholder{
  color:#8290a1!important;
  font-size:10px!important;
}
body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid .sf-product-card__body{
  min-height:186px!important;
  padding:10px 10px 7px!important;
}
body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid .sf-product-card__meta{
  margin-bottom:5px!important;
  color:#6b788b!important;
  font-size:9.2px!important;
  line-height:1.3!important;
}
body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid .sf-product-card__body h2,
body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid .sf-product-card__body h3{
  margin-top:0!important;
  margin-bottom:6px!important;
  color:#11284d!important;
  font-size:12px!important;
  line-height:1.28!important;
  letter-spacing:-.01em!important;
}
body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid .sf-product-card__compat{
  min-height:25px!important;
  margin-bottom:4px!important;
  color:#65758b!important;
  font-size:9px!important;
  line-height:1.35!important;
}
body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid .sf-product-card__price,
body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid .sf-product-card__price-wrap{
  color:#10284f!important;
}
body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid .sf-product-card__commerce{
  min-height:70px!important;
}
body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid .sf-product-card__actions,
body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid .sf-product-card__footer{
  min-height:45px!important;
}
body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid .sf-product-card__actions button,
body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid .sf-product-card__actions>a,
body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid .sf-product-card__footer button,
body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid .sf-product-card__footer>a{
  min-height:34px!important;
  border-radius:5px!important;
  font-size:10px!important;
  font-weight:800!important;
}

/* --------------------------------------------------------------------------
   6) PAGINATION + FOOTER TRANSITION
   -------------------------------------------------------------------------- */
body.sf-search-v2.sf-stage5-search-v1 .sf2-pagination,
body.sf-search-v2.sf-stage5-search-v1 .sf-pagination{
  margin-top:16px!important;
  margin-bottom:2px!important;
  gap:6px!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf2-pagination a,
body.sf-search-v2.sf-stage5-search-v1 .sf2-pagination button,
body.sf-search-v2.sf-stage5-search-v1 .sf-pagination a,
body.sf-search-v2.sf-stage5-search-v1 .sf-pagination button{
  min-width:32px!important;
  min-height:32px!important;
  border-radius:6px!important;
}
body.sf-search-v2.sf-stage5-search-v1 footer{
  border-top:1px solid #e4e9ef!important;
}

/* --------------------------------------------------------------------------
   7) 1280 CALIBRATION
   -------------------------------------------------------------------------- */
@media (max-width:1320px) and (min-width:761px){
  body.sf-search-v2.sf-stage5-search-v1 .sf-search2-hero>.sf-shell,
  body.sf-search-v2.sf-stage5-search-v1 section#urunler{
    width:min(calc(100% - 32px),1248px)!important;
  }
  body.sf-search-v2.sf-stage5-search-v1 section#urunler .sf2-catalog-layout,
  body.sf-search-v2.sf-stage5-search-v1 section#urunler [class*="catalog-layout"]{
    grid-template-columns:230px minmax(0,1fr)!important;
    column-gap:12px!important;
  }
  body.sf-search-v2.sf-stage5-search-v1 .sf2-filter-panel{
    width:230px!important;
    min-width:230px!important;
    max-width:230px!important;
  }
  body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid{
    gap:9px!important;
  }
  body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid>.sf-product-card{
    min-height:422px!important;
  }
  body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid .sf-product-card__image{
    height:150px!important;
    min-height:150px!important;
  }
  body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid .sf-product-card__body{
    min-height:183px!important;
  }
}

/* --------------------------------------------------------------------------
   8) MOBILE POLISH
   -------------------------------------------------------------------------- */
@media (max-width:760px){
  body.sf-search-v2.sf-stage5-search-v1 .sf-search2-hero{
    background:#fff!important;
  }
  body.sf-search-v2.sf-stage5-search-v1 .sf-search2-hero>.sf-shell,
  body.sf-search-v2.sf-stage5-search-v1 section#urunler{
    width:calc(100% - 20px)!important;
    max-width:calc(100% - 20px)!important;
  }
  body.sf-search-v2.sf-stage5-search-v1 .sf-search2-hero>.sf-shell{
    padding:15px 0 11px!important;
  }
  body.sf-search-v2.sf-stage5-search-v1 .sf-search2-hero h1{
    font-size:20px!important;
  }
  body.sf-search-v2.sf-stage5-search-v1 .sf5-query-summary{
    font-size:10.6px!important;
  }
  body.sf-search-v2.sf-stage5-search-v1 .sf5-page-active-filters{
    min-height:29px!important;
    margin-top:9px!important;
    gap:5px!important;
  }
  body.sf-search-v2.sf-stage5-search-v1 .sf5-page-active-filters:not(:empty)::before{
    display:none!important;
  }

  body.sf-search-v2.sf-stage5-search-v1 section#urunler{
    padding-top:9px!important;
    padding-bottom:28px!important;
  }

  body.sf-search-v2.sf-stage5-search-v1 .sf5-mobile-toolbar{
    position:sticky!important;
    top:0!important;
    z-index:40!important;
    margin:0 0 8px!important;
    padding:6px!important;
    grid-template-columns:minmax(0,1fr) auto auto!important;
    gap:5px!important;
    border:1px solid #dde5ee!important;
    border-radius:8px!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:0 5px 15px rgba(10,32,64,.055)!important;
    backdrop-filter:blur(10px);
  }
  body.sf-search-v2.sf-stage5-search-v1 .sf5-mobile-toolbar .sf5-results-count{
    align-self:center!important;
    padding-left:5px!important;
    font-size:10px!important;
  }
  body.sf-search-v2.sf-stage5-search-v1 .sf5-mobile-toolbar button{
    min-height:34px!important;
    padding:0 9px!important;
    border-radius:5px!important;
    font-size:9.8px!important;
  }

  body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid{
    gap:7px!important;
  }
  body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid>.sf-product-card{
    min-height:378px!important;
    border-radius:7px!important;
  }
  body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid .sf-product-card__brand{
    height:31px!important;
    min-height:31px!important;
    padding-inline:7px!important;
  }
  body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid .sf-product-card__favorite{
    top:7px!important;
    right:7px!important;
  }
  body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid .sf-product-card__image{
    height:118px!important;
    min-height:118px!important;
    margin-inline:6px!important;
  }
  body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid .sf-product-card__body{
    min-height:177px!important;
    padding:8px 8px 6px!important;
  }
  body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid .sf-product-card__body h2,
  body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid .sf-product-card__body h3{
    margin-bottom:5px!important;
    font-size:10px!important;
    line-height:1.26!important;
  }
  body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid .sf-product-card__meta{
    margin-bottom:4px!important;
    font-size:7.9px!important;
  }
  body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid .sf-product-card__compat{
    min-height:23px!important;
    margin-bottom:3px!important;
    font-size:8px!important;
  }
  body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid .sf-product-card__commerce{
    min-height:65px!important;
  }
  body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid .sf-product-card__actions,
  body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid .sf-product-card__footer{
    min-height:40px!important;
  }
  body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid .sf-product-card__actions button,
  body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid .sf-product-card__actions>a,
  body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid .sf-product-card__footer button,
  body.sf-search-v2.sf-stage5-search-v1 #storefront-product-grid .sf-product-card__footer>a{
    min-height:30px!important;
    font-size:8.6px!important;
  }

  body.sf-search-v2.sf-stage5-search-v1 .sf2-filter-panel{
    border-radius:16px 16px 0 0!important;
  }
  body.sf-search-v2.sf-stage5-search-v1 .sf2-filter-panel__head{
    min-height:58px!important;
    padding:15px 15px!important;
  }
  body.sf-search-v2.sf-stage5-search-v1 .sf2-filter-group,
  body.sf-search-v2.sf-stage5-search-v1 .sf5-price-group{
    padding:14px 15px!important;
  }
  body.sf-search-v2.sf-stage5-search-v1 .sf2-filter-reset{
    width:calc(100% - 30px)!important;
    margin:11px 15px 84px!important;
  }
  body.sf-search-v2.sf-stage5-search-v1 .sf5-mobile-apply{
    left:10px!important;
    right:10px!important;
    bottom:9px!important;
    min-height:48px!important;
    border-radius:6px!important;
  }

  body.sf-search-v2.sf-stage5-search-v1 .sf2-pagination,
  body.sf-search-v2.sf-stage5-search-v1 .sf-pagination{
    margin-top:13px!important;
  }
}

/* IPEKERP_SEARCH_ASYNC_EMPTY_TOTAL_SYNC_V1:START */

body.sf-search-v2.sf-stage5-search-v1.sf5-catalog-awaiting
.sf5-empty-state{
  display:none!important;
}

body.sf-search-v2.sf-stage5-search-v1.sf5-catalog-awaiting
#storefront-product-grid{
  display:none!important;
}

body.sf-search-v2.sf-stage5-search-v1.sf5-catalog-awaiting
.sf5-loading-layer{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}

@media (max-width:1320px) and (min-width:861px){
  body.sf-search-v2.sf-stage5-search-v1.sf5-catalog-awaiting
  .sf5-loading-layer{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
  }
}

@media (max-width:860px){
  body.sf-search-v2.sf-stage5-search-v1.sf5-catalog-awaiting
  .sf5-loading-layer{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
}

@media (max-width:560px){
  body.sf-search-v2.sf-stage5-search-v1.sf5-catalog-awaiting
  .sf5-loading-layer{
    grid-template-columns:1fr;
  }
}

/* IPEKERP_SEARCH_ASYNC_EMPTY_TOTAL_SYNC_V1:END */


/* source: storefront_stage10_catalog_listing_responsive_v1.css */
/* ==========================================================================\n   İPEK OTO — AŞAMA 10 ÜRÜN LİSTELEME + RESPONSIVE V1\n   Search + category share the same visual catalog language.\n   Existing catalog/category engines and canonical Stage 3 product card remain\n   the functional source of truth. Mobile filters are presented as a bottom sheet.\n   ========================================================================== */

:root{
  --sf10-navy:#071b3a;
  --sf10-blue:#0867cf;
  --sf10-red:#ed171f;
  --sf10-green:#168a4d;
  --sf10-text:#10213f;
  --sf10-muted:#68778d;
  --sf10-line:#dde5ee;
  --sf10-line2:#e9eef4;
  --sf10-soft:#f5f7fa;
  --sf10-white:#fff;
  --sf10-radius:10px;
}

html{max-width:100%;overflow-x:hidden}
body.sf-stage10-catalog-v1{
  max-width:100%;
  overflow-x:hidden!important;
  background:#f6f8fb!important;
  color:var(--sf10-text)!important;
}
body.sf-stage10-catalog-v1 *{box-sizing:border-box}
body.sf-stage10-catalog-v1 img{max-width:100%}

/* Shared top geometry */
body.sf-stage10-catalog-v1 .sf-shell,
body.sf-stage10-catalog-v1 .sf-search2-hero>.sf-shell,
body.sf-stage10-catalog-v1 .sfc-hero>.sf-shell,
body.sf-stage10-catalog-v1 .sfc-family-strip>.sf-shell,
body.sf-stage10-catalog-v1 .sf-products2-context-strip,
body.sf-stage10-catalog-v1 section#urunler{
  width:min(calc(100% - 40px),1380px)!important;
  max-width:1380px!important;
  margin-inline:auto!important;
}

/* Search/category heading rhythm */
body.sf-stage10-catalog-v1 .sf-search2-hero,
body.sf-stage10-catalog-v1 .sfc-hero{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body.sf-stage10-catalog-v1 .sf-search2-hero>.sf-shell,
body.sf-stage10-catalog-v1 .sfc-hero>.sf-shell{
  padding-top:22px!important;
  padding-bottom:12px!important;
}
body.sf-stage10-catalog-v1 .sf-search2-breadcrumb,
body.sf-stage10-catalog-v1 .sfc-breadcrumb{
  color:#7a8799!important;
  font-size:11px!important;
  line-height:1.4!important;
}
body.sf-stage10-catalog-v1 .sf-search2-hero h1,
body.sf-stage10-catalog-v1 .sfc-hero h1{
  color:var(--sf10-navy)!important;
  font-size:29px!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
  font-weight:820!important;
}

/* Vehicle context — reuse existing adapter, only restyle */
body.sf-stage10-catalog-v1 .sf-products2-context-strip,
body.sf-stage10-catalog-v1 [class*="vehicle-context"]{
  border:1px solid #dbe8e0!important;
  border-radius:9px!important;
  background:linear-gradient(90deg,#f8fffb 0%,#fff 58%,#f8fbff 100%)!important;
  box-shadow:none!important;
}
body.sf-stage10-catalog-v1 .sf-products2-context-strip{
  min-height:72px!important;
  margin-top:8px!important;
  margin-bottom:16px!important;
}
body.sf-stage10-catalog-v1 .sf-products2-context-strip button,
body.sf-stage10-catalog-v1 .sf-products2-context-strip a{
  min-height:42px!important;
  border-radius:7px!important;
}

/* Search catalog */
body.sf-stage10-catalog-v1 section#urunler{
  padding:0 0 42px!important;
}
body.sf-stage10-catalog-v1 section#urunler>.sf-shell,
body.sf-stage10-catalog-v1 section#urunler .sf-shell{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
body.sf-stage10-catalog-v1 .sf2-catalog-layout{
  display:grid!important;
  grid-template-columns:250px minmax(0,1fr)!important;
  gap:18px!important;
  align-items:start!important;
}
body.sf-stage10-catalog-v1 .sf2-filter-panel{
  position:sticky!important;
  top:14px!important;
  width:250px!important;
  min-width:250px!important;
  max-width:250px!important;
  max-height:calc(100vh - 28px)!important;
  overflow:auto!important;
  margin:0!important;
  border:1px solid var(--sf10-line)!important;
  border-radius:9px!important;
  background:#fff!important;
  box-shadow:none!important;
}
body.sf-stage10-catalog-v1 .sf2-filter-panel__head{
  min-height:58px!important;
  padding:14px 15px!important;
  border-bottom:1px solid var(--sf10-line2)!important;
}
body.sf-stage10-catalog-v1 .sf2-filter-group,
body.sf-stage10-catalog-v1 .sf2-stock-toggle{
  padding:14px 15px!important;
  border-bottom:1px solid var(--sf10-line2)!important;
}
body.sf-stage10-catalog-v1 .sf2-filter-reset{
  min-height:42px!important;
  margin:12px 15px 15px!important;
  border-radius:7px!important;
}
body.sf-stage10-catalog-v1 .sf2-results-toolbar{
  min-height:52px!important;
  margin:0 0 12px!important;
  padding:7px 10px 7px 13px!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  border:1px solid var(--sf10-line)!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:none!important;
}
body.sf-stage10-catalog-v1 .sf2-sort select{
  min-height:40px!important;
  border:1px solid var(--sf10-line)!important;
  border-radius:7px!important;
  background:#fff!important;
}
body.sf-stage10-catalog-v1 .sf2-active-filters{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
}
body.sf-stage10-catalog-v1 .sf2-active-filters button{
  min-height:31px!important;
  padding:0 10px!important;
  border:1px solid #d9e3f1!important;
  border-radius:6px!important;
  background:#f8fbff!important;
  color:#254a77!important;
}

/* Category catalog */
body.sf-stage10-catalog-v1 .sfc-family-strip{padding:6px 0 12px!important}
body.sf-stage10-catalog-v1 .sfc-catalog{
  width:min(calc(100% - 40px),1380px)!important;
  max-width:1380px!important;
  margin:0 auto!important;
  padding:0 0 44px!important;
  display:grid!important;
  grid-template-columns:250px minmax(0,1fr)!important;
  gap:18px!important;
  align-items:start!important;
}
body.sf-stage10-catalog-v1 .sfc-filters{
  position:sticky!important;
  top:14px!important;
  width:250px!important;
  max-height:calc(100vh - 28px)!important;
  overflow:auto!important;
  border:1px solid var(--sf10-line)!important;
  border-radius:9px!important;
  background:#fff!important;
  box-shadow:none!important;
}
body.sf-stage10-catalog-v1 .sfc-filters__head{
  min-height:58px!important;
  padding:14px 15px!important;
  border-bottom:1px solid var(--sf10-line2)!important;
}
body.sf-stage10-catalog-v1 .sfc-filter-group{
  padding:14px 15px!important;
  border-bottom:1px solid var(--sf10-line2)!important;
}
body.sf-stage10-catalog-v1 .sfc-clear-filters{
  min-height:42px!important;
  margin:12px 15px 15px!important;
  border-radius:7px!important;
}
body.sf-stage10-catalog-v1 .sfc-toolbar{
  min-height:52px!important;
  padding:7px 10px 7px 13px!important;
  border:1px solid var(--sf10-line)!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:none!important;
}
body.sf-stage10-catalog-v1 .sfc-sort select{
  min-height:40px!important;
  border:1px solid var(--sf10-line)!important;
  border-radius:7px!important;
}
body.sf-stage10-catalog-v1 .sfc-active-filters{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  margin:9px 0!important;
}
body.sf-stage10-catalog-v1 .sfc-active-filters button{
  min-height:31px!important;
  padding:0 10px!important;
  border:1px solid #d9e3f1!important;
  border-radius:6px!important;
  background:#f8fbff!important;
  color:#254a77!important;
}

/* Canonical shared product grid/card */
body.sf-stage10-catalog-v1 #storefront-product-grid,
body.sf-stage10-catalog-v1 .sfc-product-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:stretch!important;
}
body.sf-stage10-catalog-v1 .sf-product-card{
  min-width:0!important;
  height:100%!important;
  border:1px solid var(--sf10-line)!important;
  border-radius:9px!important;
  background:#fff!important;
  box-shadow:0 2px 8px rgba(10,34,66,.025)!important;
}
body.sf-stage10-catalog-v1 .sf-product-card:hover{
  border-color:#c9d6e5!important;
  box-shadow:0 9px 22px rgba(10,34,66,.065)!important;
}
body.sf-stage10-catalog-v1 .sf-product-card__actions,
body.sf-stage10-catalog-v1 .sf-product-card__footer{
  margin-top:auto!important;
}
body.sf-stage10-catalog-v1 .sf-product-card button,
body.sf-stage10-catalog-v1 .sf-product-card a[role="button"]{
  min-height:44px!important;
}

/* Empty / error / pagination */
body.sf-stage10-catalog-v1 .sf-rd-catalog-empty,
body.sf-stage10-catalog-v1 .sf2-empty,
body.sf-stage10-catalog-v1 .sfc-empty,
body.sf-stage10-catalog-v1 [data-sfc-empty]{
  min-height:300px!important;
  display:grid!important;
  place-items:center!important;
  text-align:center!important;
  border:1px dashed #cfdae7!important;
  border-radius:10px!important;
  background:#fff!important;
}
body.sf-stage10-catalog-v1 .sf-pagination,
body.sf-stage10-catalog-v1 .sf2-pagination,
body.sf-stage10-catalog-v1 .sfc-pagination{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  margin-top:18px!important;
}
body.sf-stage10-catalog-v1 .sf-pagination button,
body.sf-stage10-catalog-v1 .sf2-pagination button,
body.sf-stage10-catalog-v1 .sfc-pagination button{
  min-width:40px!important;
  min-height:40px!important;
}

/* Stage 10 bottom-sheet enhancement nodes */
.sf10-sheet-handle,
.sf10-sheet-footer{display:none}
.sf10-sheet-handle{
  width:44px;
  height:5px;
  margin:8px auto 3px;
  border-radius:999px;
  background:#cbd5e1;
  touch-action:none;
}
.sf10-sheet-footer{
  position:sticky;
  bottom:0;
  z-index:3;
  padding:10px 14px calc(10px + env(safe-area-inset-bottom));
  border-top:1px solid var(--sf10-line);
  background:rgba(255,255,255,.97);
  backdrop-filter:blur(8px);
}
.sf10-sheet-footer button{
  width:100%;
  min-height:46px;
  border:0;
  border-radius:7px;
  background:var(--sf10-blue);
  color:#fff;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
}
.sf10-sheet-footer button:active{transform:translateY(1px)}

/* 1280 / small desktop */
@media (max-width:1320px){
  body.sf-stage10-catalog-v1 .sf-shell,
  body.sf-stage10-catalog-v1 .sf-search2-hero>.sf-shell,
  body.sf-stage10-catalog-v1 .sfc-hero>.sf-shell,
  body.sf-stage10-catalog-v1 .sfc-family-strip>.sf-shell,
  body.sf-stage10-catalog-v1 .sf-products2-context-strip,
  body.sf-stage10-catalog-v1 section#urunler,
  body.sf-stage10-catalog-v1 .sfc-catalog{
    width:min(calc(100% - 32px),1248px)!important;
  }
  body.sf-stage10-catalog-v1 #storefront-product-grid,
  body.sf-stage10-catalog-v1 .sfc-product-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

/* Tablet */
@media (max-width:1024px){
  body.sf-stage10-catalog-v1 .sf2-catalog-layout,
  body.sf-stage10-catalog-v1 .sfc-catalog{
    grid-template-columns:220px minmax(0,1fr)!important;
    gap:14px!important;
  }
  body.sf-stage10-catalog-v1 .sf2-filter-panel,
  body.sf-stage10-catalog-v1 .sfc-filters{
    width:220px!important;
    min-width:220px!important;
    max-width:220px!important;
  }
  body.sf-stage10-catalog-v1 #storefront-product-grid,
  body.sf-stage10-catalog-v1 .sfc-product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* Bottom sheet breakpoint: includes 768px tablet portrait */
@media (max-width:860px){
  body.sf-stage10-catalog-v1 .sf-shell,
  body.sf-stage10-catalog-v1 .sf-search2-hero>.sf-shell,
  body.sf-stage10-catalog-v1 .sfc-hero>.sf-shell,
  body.sf-stage10-catalog-v1 .sfc-family-strip>.sf-shell,
  body.sf-stage10-catalog-v1 .sf-products2-context-strip,
  body.sf-stage10-catalog-v1 section#urunler,
  body.sf-stage10-catalog-v1 .sfc-catalog{
    width:min(calc(100% - 24px),836px)!important;
  }
  body.sf-stage10-catalog-v1 .sf2-catalog-layout,
  body.sf-stage10-catalog-v1 .sfc-catalog{
    display:block!important;
  }

  body.sf-stage10-catalog-v1 .sf2-catalog-mobile-bar,
  body.sf-stage10-catalog-v1 .sfc-mobile-filter{
    display:flex!important;
  }
  body.sf-stage10-catalog-v1 [data-sf2-filter-open],
  body.sf-stage10-catalog-v1 [data-sfc-filter-open]{
    min-height:44px!important;
    padding-inline:14px!important;
    border-radius:7px!important;
  }

  body.sf-stage10-catalog-v1 .sf2-filter-overlay,
  body.sf-stage10-catalog-v1 .sfc-filter-overlay{
    position:fixed!important;
    inset:0!important;
    z-index:9997!important;
    background:rgba(4,18,38,.42)!important;
    backdrop-filter:blur(2px)!important;
  }

  body.sf-stage10-catalog-v1 .sf2-filter-panel,
  body.sf-stage10-catalog-v1 .sfc-filters{
    position:fixed!important;
    z-index:9998!important;
    left:0!important;
    right:0!important;
    top:auto!important;
    bottom:0!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    max-height:min(82dvh,720px)!important;
    margin:0!important;
    padding:0!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    border:1px solid #d8e1eb!important;
    border-bottom:0!important;
    border-radius:18px 18px 0 0!important;
    background:#fff!important;
    box-shadow:0 -18px 42px rgba(7,27,58,.18)!important;
    transform:translateY(106%)!important;
    transition:transform .24s cubic-bezier(.2,.8,.2,1)!important;
    visibility:hidden!important;
  }
  body.sf-stage10-catalog-v1 .sf2-filter-panel.is-open,
  body.sf-stage10-catalog-v1 .sfc-filters.is-open{
    transform:translateY(0)!important;
    visibility:visible!important;
  }

  body.sf-stage10-catalog-v1 .sf2-filter-panel__head,
  body.sf-stage10-catalog-v1 .sfc-filters__head{
    position:sticky!important;
    top:0!important;
    z-index:2!important;
    min-height:52px!important;
    padding:9px 14px 11px!important;
    background:#fff!important;
  }
  body.sf-stage10-catalog-v1 [data-sf2-filter-close],
  body.sf-stage10-catalog-v1 [data-sfc-filter-close]{
    display:grid!important;
    place-items:center!important;
    width:40px!important;
    height:40px!important;
    min-height:40px!important;
    border-radius:50%!important;
  }

  body.sf-stage10-catalog-v1 .sf2-results-toolbar,
  body.sf-stage10-catalog-v1 .sfc-toolbar{
    position:relative!important;
    min-height:48px!important;
    overflow:visible!important;
  }
  body.sf-stage10-catalog-v1 .sf2-active-filters,
  body.sf-stage10-catalog-v1 .sfc-active-filters{
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
    padding-bottom:2px!important;
  }
  body.sf-stage10-catalog-v1 .sf2-active-filters::-webkit-scrollbar,
  body.sf-stage10-catalog-v1 .sfc-active-filters::-webkit-scrollbar{display:none}

  .sf10-sheet-handle,
  .sf10-sheet-footer{display:block}
  body.sf-stage10-catalog-v1.sf10-sheet-open{overflow:hidden!important}
}

/* Phone */
@media (max-width:560px){
  body.sf-stage10-catalog-v1 .sf-shell,
  body.sf-stage10-catalog-v1 .sf-search2-hero>.sf-shell,
  body.sf-stage10-catalog-v1 .sfc-hero>.sf-shell,
  body.sf-stage10-catalog-v1 .sfc-family-strip>.sf-shell,
  body.sf-stage10-catalog-v1 .sf-products2-context-strip,
  body.sf-stage10-catalog-v1 section#urunler,
  body.sf-stage10-catalog-v1 .sfc-catalog{
    width:calc(100% - 24px)!important;
  }
  body.sf-stage10-catalog-v1 .sf-search2-hero>.sf-shell,
  body.sf-stage10-catalog-v1 .sfc-hero>.sf-shell{
    padding-top:14px!important;
  }
  body.sf-stage10-catalog-v1 .sf-search2-hero h1,
  body.sf-stage10-catalog-v1 .sfc-hero h1{
    font-size:24px!important;
  }
  body.sf-stage10-catalog-v1 .sf-products2-context-strip{
    min-height:64px!important;
    border-radius:8px!important;
  }
  body.sf-stage10-catalog-v1 #storefront-product-grid,
  body.sf-stage10-catalog-v1 .sfc-product-grid{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  body.sf-stage10-catalog-v1 .sf-product-card{
    min-height:0!important;
  }
  body.sf-stage10-catalog-v1 .sf2-catalog-mobile-bar{
    gap:8px!important;
    align-items:stretch!important;
  }
  body.sf-stage10-catalog-v1 .sf2-sort--mobile{
    min-width:0!important;
    flex:1 1 auto!important;
  }
  body.sf-stage10-catalog-v1 .sf2-sort--mobile select{
    width:100%!important;
    min-height:44px!important;
  }
  body.sf-stage10-catalog-v1 .sf2-filter-panel,
  body.sf-stage10-catalog-v1 .sfc-filters{
    max-height:min(84dvh,720px)!important;
  }
}

@media (prefers-reduced-motion:reduce){
  body.sf-stage10-catalog-v1 .sf2-filter-panel,
  body.sf-stage10-catalog-v1 .sfc-filters{transition:none!important}
}

/* IPEKERP_STAGE10_1_SEARCH_RESPONSIVE_CONFLICT_FIX_V1:START */

/*
 * Search has an older Stage 5 visual adapter with more-specific !important
 * selectors. Stage 10 must intentionally win only inside the search page so
 * 1280/768/390 match the shared responsive contract.
 */

body.sf-search-v2.sf-stage10-catalog-v1 .sf10-sheet-handle,
body.sf-search-v2.sf-stage10-catalog-v1 .sf10-sheet-footer{
  display:none!important;
}

@media (max-width:1320px) and (min-width:861px){
  body.sf-search-v2.sf-stage5-search-v1.sf-stage10-catalog-v1
  #storefront-product-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

body.sf-search-v2.sf-stage5-search-v1.sf-stage10-catalog-v1
.sf2-catalog-results:has(.sf5-empty-state.is-visible)
#storefront-product-grid{
  display:none!important;
}

body.sf-search-v2.sf-stage5-search-v1.sf-stage10-catalog-v1
.sf2-catalog-results:has(.sf5-empty-state.is-visible)
.sf5-loading-layer{
  display:none!important;
}

@media (max-width:860px){
  body.sf-search-v2.sf-stage5-search-v1.sf-stage10-catalog-v1
  section#urunler .sf2-catalog-layout,
  body.sf-search-v2.sf-stage5-search-v1.sf-stage10-catalog-v1
  section#urunler [class*="catalog-layout"]{
    display:block!important;
  }

  body.sf-search-v2.sf-stage5-search-v1.sf-stage10-catalog-v1
  [data-sf2-filter-panel]{
    position:fixed!important;
    z-index:9999!important;
    left:0!important;
    right:0!important;
    top:auto!important;
    bottom:0!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    max-height:min(82dvh,720px)!important;
    margin:0!important;
    padding:0!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    border:1px solid #d8e1eb!important;
    border-bottom:0!important;
    border-radius:18px 18px 0 0!important;
    background:#fff!important;
    box-shadow:0 -18px 42px rgba(7,27,58,.18)!important;
    transform:translateY(106%)!important;
    transition:transform .24s cubic-bezier(.2,.8,.2,1)!important;
    visibility:hidden!important;
  }

  body.sf-search-v2.sf-stage5-search-v1.sf-stage10-catalog-v1.sf10-sheet-open
  [data-sf2-filter-panel],
  body.sf-search-v2.sf-stage5-search-v1.sf-stage10-catalog-v1
  [data-sf2-filter-panel].is-open,
  body.sf-search-v2.sf-stage5-search-v1.sf-stage10-catalog-v1
  [data-sf2-filter-panel].sf5-open{
    transform:translateY(0)!important;
    visibility:visible!important;
  }

  body.sf-search-v2.sf-stage5-search-v1.sf-stage10-catalog-v1
  [data-sf2-filter-overlay]{
    position:fixed!important;
    inset:0!important;
    z-index:9998!important;
    display:block!important;
    background:rgba(4,18,38,.42)!important;
    backdrop-filter:blur(2px)!important;
    opacity:0!important;
    visibility:hidden!important;
  }

  body.sf-search-v2.sf-stage5-search-v1.sf-stage10-catalog-v1.sf10-sheet-open
  [data-sf2-filter-overlay],
  body.sf-search-v2.sf-stage5-search-v1.sf-stage10-catalog-v1
  [data-sf2-filter-overlay].is-open,
  body.sf-search-v2.sf-stage5-search-v1.sf-stage10-catalog-v1
  [data-sf2-filter-overlay].sf5-open{
    opacity:1!important;
    visibility:visible!important;
  }

  body.sf-search-v2.sf-stage5-search-v1.sf-stage10-catalog-v1
  .sf2-filter-panel__head{
    position:sticky!important;
    top:0!important;
    z-index:3!important;
    min-height:58px!important;
    padding:14px 16px 12px!important;
    background:#fff!important;
    border-bottom:1px solid #e2e8f0!important;
  }

  body.sf-search-v2.sf-stage5-search-v1.sf-stage10-catalog-v1
  [data-sf2-filter-close]{
    display:grid!important;
    place-items:center!important;
    width:40px!important;
    height:40px!important;
    min-height:40px!important;
    border-radius:50%!important;
  }

  body.sf-search-v2.sf-stage5-search-v1.sf-stage10-catalog-v1
  .sf10-sheet-handle,
  body.sf-search-v2.sf-stage5-search-v1.sf-stage10-catalog-v1
  .sf10-sheet-footer{
    display:block!important;
  }

  body.sf-search-v2.sf-stage5-search-v1.sf-stage10-catalog-v1
  .sf5-mobile-apply{
    display:none!important;
  }

  body.sf-search-v2.sf-stage5-search-v1.sf-stage10-catalog-v1
  #storefront-product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
}

@media (max-width:560px){
  body.sf-search-v2.sf-stage5-search-v1.sf-stage10-catalog-v1
  #storefront-product-grid{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  body.sf-search-v2.sf-stage5-search-v1.sf-stage10-catalog-v1
  [data-sf2-filter-panel]{
    max-height:min(84dvh,720px)!important;
  }
}

/* IPEKERP_STAGE10_1_SEARCH_RESPONSIVE_CONFLICT_FIX_V1:END */

/* IPEKERP_STAGE10_SEARCH_EMPTY_OWNERSHIP_FIX_V1:START */

/*
 * Stage 5 owns the enhanced search empty-state UX. The native catalog empty
 * block remains in the template for the canonical engine, but showing both
 * produces two consecutive "no results" messages.
 */
body.sf-search-v2.sf-stage5-search-v1.sf-stage10-catalog-v1
#storefront-empty{
  display:none!important;
}

/*
 * The old Stage 5 mobile apply control is superseded by the Stage 10
 * bottom-sheet footer. Keep it hidden at every viewport so it cannot leak as
 * a tiny fixed button on desktop/full-page captures.
 */
body.sf-search-v2.sf-stage5-search-v1.sf-stage10-catalog-v1
.sf5-mobile-apply{
  display:none!important;
}

/* IPEKERP_STAGE10_SEARCH_EMPTY_OWNERSHIP_FIX_V1:END */


/* source: storefront_product_flow_final_acceptance_v1.css */
/* IPEKERP_STOREFRONT_PRODUCT_FLOW_FINAL_ACCEPTANCE_V1
   Final product-card interaction affordance.
   Activated only after navigation adapter decorates a card.
*/

[data-sf-detail-navigation-ready="1"] {
    position: relative;
    transition:
        transform .16s ease,
        box-shadow .16s ease,
        border-color .16s ease;
}

[data-sf-detail-navigation-ready="1"]:hover {
    transform: translateY(-2px);
}

[data-sf-detail-navigation-ready="1"]:focus-visible {
    outline: 3px solid rgba(14, 99, 184, .28);
    outline-offset: 3px;
}

[data-sf-detail-navigation-ready="1"] :is(
    [class*="product-title"],
    [class*="card-title"],
    [class*="product-name"],
    [class*="card-name"]
) {
    transition: color .16s ease;
}

[data-sf-detail-navigation-ready="1"]:hover :is(
    [class*="product-title"],
    [class*="card-title"],
    [class*="product-name"],
    [class*="card-name"]
) {
    color: #0e63b8;
}

[data-sf-detail-navigation-ready="1"] :is(
    button,
    input,
    select,
    textarea,
    [role="button"],
    [data-action],
    [data-cart],
    [data-favorite],
    [data-qty]
) {
    cursor: auto;
}

[data-sf-detail-navigation-ready="1"] :is(
    button,
    [role="button"],
    [data-action],
    [data-cart],
    [data-favorite]
) {
    cursor: pointer;
}

@media (hover: none), (pointer: coarse) {
    [data-sf-detail-navigation-ready="1"]:hover {
        transform: none;
    }
}

@media (max-width: 720px) {
    [data-sf-detail-navigation-ready="1"] {
        max-width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    [data-sf-detail-navigation-ready="1"],
    [data-sf-detail-navigation-ready="1"] * {
        transition-duration: .001ms !important;
        animation-duration: .001ms !important;
    }
}


/* source: storefront_products_2_0_filter_toolbar_visual_v1.css */
/* IPEKERP_STOREFRONT_PRODUCTS_2_0_FILTER_TOOLBAR_VISUAL_V1
   Section 2/5 — filter sidebar + result/sort toolbar visual layer only.
   Existing catalog/filter/sort behavior is intentionally untouched.
*/

:root {
    --ipek-p2-bg: #f5f7fa;
    --ipek-p2-surface: #ffffff;
    --ipek-p2-surface-soft: #f8fafc;
    --ipek-p2-border: #dfe5ec;
    --ipek-p2-border-strong: #ccd5df;
    --ipek-p2-text: #172033;
    --ipek-p2-muted: #667085;
    --ipek-p2-navy: #17365f;
    --ipek-p2-red: #d9242f;
    --ipek-p2-red-soft: #fff1f2;
    --ipek-p2-shadow: 0 10px 32px rgba(20, 38, 63, .07);
}

/* =========================================================
   CATEGORY / FULL LISTING SHELL
   ========================================================= */

.sfc-catalog {
    gap: 24px;
}

@media (min-width: 1080px) {
    .sfc-catalog {
        display: grid;
        grid-template-columns: 286px minmax(0, 1fr);
        align-items: start;
    }
}

/* =========================================================
   FILTER SIDEBAR
   ========================================================= */

.sfc-filters {
    background: var(--ipek-p2-surface);
    border: 1px solid var(--ipek-p2-border);
    border-radius: 18px;
    box-shadow: var(--ipek-p2-shadow);
    overflow: hidden;
}

@media (min-width: 1080px) {
    .sfc-filters {
        position: sticky;
        top: 118px;
        max-height: calc(100vh - 140px);
        overflow-y: auto;
        scrollbar-width: thin;
        scrollbar-color: #c7d0da transparent;
    }
}

.sfc-filters__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 64px;
    padding: 0 18px;
    border-bottom: 1px solid var(--ipek-p2-border);
    background:
        linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%);
}

.sfc-filters__head :is(h2, h3, strong) {
    margin: 0;
    color: var(--ipek-p2-text);
    font-size: 15px;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: -.01em;
}

.sfc-filter-group {
    padding: 18px;
    border-bottom: 1px solid #edf1f5;
}

.sfc-filter-group:last-child {
    border-bottom: 0;
}

.sfc-filter-group__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin: 0 0 12px;
    color: var(--ipek-p2-navy);
    font-size: 13px;
    line-height: 1.3;
    font-weight: 800;
    letter-spacing: .01em;
}

.sfc-filter-group label {
    color: #344054;
    font-size: 13px;
    line-height: 1.35;
}

.sfc-filter-group input[type="checkbox"],
.sfc-filter-group input[type="radio"] {
    width: 16px;
    height: 16px;
    accent-color: var(--ipek-p2-red);
}

.sfc-filter-group input[type="search"],
.sfc-filter-group input[type="text"],
.sfc-filter-group input[type="number"],
.sfc-filter-group select {
    min-height: 40px;
    width: 100%;
    border: 1px solid var(--ipek-p2-border-strong);
    border-radius: 10px;
    background: #fff;
    color: var(--ipek-p2-text);
    padding: 0 11px;
    font: inherit;
    outline: none;
}

.sfc-filter-group :is(
    input[type="search"],
    input[type="text"],
    input[type="number"],
    select
):focus {
    border-color: #91a8c3;
    box-shadow: 0 0 0 3px rgba(23, 54, 95, .08);
}

.sfc-brand-list {
    max-height: 274px;
    overflow-y: auto;
    padding-right: 5px;
    scrollbar-width: thin;
    scrollbar-color: #cbd3dd transparent;
}

/* =========================================================
   TOOLBAR / RESULT HEADER
   ========================================================= */

.sfc-toolbar,
.ipek-products2-toolbar,
.sf-search2-toolbar {
    border: 1px solid var(--ipek-p2-border);
    border-radius: 16px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 7px 24px rgba(20, 38, 63, .055);
}

.sfc-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-height: 64px;
    padding: 10px 12px 10px 16px;
    margin-bottom: 14px;
}

.sfc-toolbar__left {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    min-width: 0;
}

.ipek-products2-toolbar {
    display: flex;
    align-items: center;
    min-height: 62px;
    padding: 9px 11px 9px 16px;
    margin: 0 0 14px;
}

.ipek-products2-toolbar__spacer {
    flex: 1 1 auto;
}

.sf-search2-toolbar {
    min-height: 62px;
    padding: 10px 12px;
}

/* Result counters */
#storefront-result-count,
.sfc-toolbar :is(strong, [data-result-count], [class*="count"]),
.sf-search2-toolbar :is(strong, [data-result-count], [class*="count"]) {
    color: var(--ipek-p2-text);
    font-weight: 800;
}

/* =========================================================
   SORT
   ========================================================= */

.sfc-sort,
.ipek-products2-sort {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin: 0;
}

.ipek-products2-sort__label,
.sfc-sort label,
.sfc-sort > span {
    color: var(--ipek-p2-muted);
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.ipek-products2-sort__select,
.sfc-sort select,
.sf-search2-toolbar select {
    min-height: 42px;
    border: 1px solid var(--ipek-p2-border-strong);
    border-radius: 11px;
    background-color: #fff;
    color: var(--ipek-p2-text);
    padding: 0 36px 0 12px;
    font-size: 13px;
    font-weight: 700;
    outline: none;
    cursor: pointer;
}

.ipek-products2-sort__select:hover,
.sfc-sort select:hover,
.sf-search2-toolbar select:hover {
    border-color: #aebbc9;
}

.ipek-products2-sort__select:focus,
.sfc-sort select:focus,
.sf-search2-toolbar select:focus {
    border-color: #8da4be;
    box-shadow: 0 0 0 3px rgba(23, 54, 95, .08);
}

/* =========================================================
   ACTIVE FILTERS
   ========================================================= */

.sfc-active-filters {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    min-height: 0;
    margin: 0 0 14px;
}

.sfc-active-filters:empty {
    display: none;
}

.sfc-active-filters :is(
    button,
    a,
    [class*="chip"],
    [class*="tag"]
) {
    min-height: 32px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid #f0c8cc;
    border-radius: 999px;
    background: var(--ipek-p2-red-soft);
    color: #9f1c25;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1;
    font-weight: 750;
    text-decoration: none;
}

.sfc-clear-filters {
    min-height: 34px;
    border: 0;
    background: transparent;
    color: var(--ipek-p2-red);
    padding: 4px 6px;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
}

.sfc-clear-filters:hover {
    text-decoration: underline;
}

/* =========================================================
   HOME CATALOG SMALL TOOLBAR
   ========================================================= */

.sf-home-section-head {
    align-items: flex-end;
}

.sf-home-section-head__count {
    color: var(--ipek-p2-muted);
    font-size: 12px;
}

.sf-home-catalog__toolbar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 14px;
}

.sf-home-catalog__toolbar a,
.sf-home-catalog__toolbar .sf-link-button {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--ipek-p2-border);
    border-radius: 999px;
    background: #fff;
    color: #44516a;
    padding: 6px 11px;
    font-size: 12px;
    font-weight: 750;
    text-decoration: none;
}

.sf-home-catalog__toolbar a:hover,
.sf-home-catalog__toolbar .sf-link-button:hover {
    border-color: #c5cfda;
    background: #f8fafc;
}

/* =========================================================
   MOBILE FILTER CONTROL
   ========================================================= */

.sfc-mobile-filter {
    min-height: 42px;
    border: 1px solid var(--ipek-p2-border-strong);
    border-radius: 11px;
    background: #fff;
    color: var(--ipek-p2-navy);
    padding: 0 13px;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
}

@media (min-width: 1080px) {
    .sfc-mobile-filter {
        display: none !important;
    }
}

@media (max-width: 1079px) {
    .sfc-catalog {
        display: block;
    }

    .sfc-toolbar {
        position: relative;
        min-height: 58px;
    }

    .sfc-filters {
        border-radius: 14px;
    }
}

@media (max-width: 720px) {
    .sfc-toolbar,
    .ipek-products2-toolbar,
    .sf-search2-toolbar {
        border-radius: 13px;
        min-height: 56px;
    }

    .sfc-toolbar {
        align-items: stretch;
        flex-direction: column;
        padding: 10px;
    }

    .sfc-toolbar__left {
        width: 100%;
    }

    .sfc-sort,
    .ipek-products2-sort {
        width: 100%;
    }

    .ipek-products2-sort__select,
    .sfc-sort select,
    .sf-search2-toolbar select {
        flex: 1 1 auto;
        width: 100%;
        max-width: 100%;
    }

    .ipek-products2-toolbar {
        padding: 8px 10px;
    }

    .ipek-products2-toolbar__spacer {
        display: none;
    }

    .sfc-filter-group {
        padding: 15px;
    }

    .sf-home-catalog__toolbar {
        gap: 6px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sfc-filters *,
    .sfc-toolbar *,
    .ipek-products2-toolbar *,
    .sf-search2-toolbar * {
        scroll-behavior: auto !important;
        transition-duration: .001ms !important;
    }
}


/* source: storefront_products_2_0_product_card_visual_v1.css */
/* IPEKERP_STOREFRONT_PRODUCTS_2_0_PRODUCT_CARD_VISUAL_V1
   Section 3/5 — product-card visual system only.
   Existing links, cart, favorite, stock, price and catalog behavior are preserved.
*/

:root {
    --ipek-card-bg: #ffffff;
    --ipek-card-border: #dfe5ec;
    --ipek-card-border-hover: #c9d3df;
    --ipek-card-text: #172033;
    --ipek-card-muted: #667085;
    --ipek-card-navy: #17365f;
    --ipek-card-red: #d9242f;
    --ipek-card-green: #16844a;
    --ipek-card-soft: #f7f9fc;
    --ipek-card-shadow: 0 7px 22px rgba(20, 38, 63, .06);
    --ipek-card-shadow-hover: 0 16px 36px rgba(20, 38, 63, .10);
}

/* IPEKERP_CARD_RULE_MOVED_TO_CANONICAL_PRODUCT_CARD_CSS_V1 | SOURCE=storefront_products_2_0_product_card_visual_v1.css */

/* IPEKERP_CARD_RULE_MOVED_TO_CANONICAL_PRODUCT_CARD_CSS_V1 | SOURCE=storefront_products_2_0_product_card_visual_v1.css */

/* IPEKERP_CARD_RULE_MOVED_TO_CANONICAL_PRODUCT_CARD_CSS_V1 | SOURCE=storefront_products_2_0_product_card_visual_v1.css */

/* IPEKERP_CARD_RULE_MOVED_TO_CANONICAL_PRODUCT_CARD_CSS_V1 | SOURCE=storefront_products_2_0_product_card_visual_v1.css */

/* IPEKERP_CARD_RULE_MOVED_TO_CANONICAL_PRODUCT_CARD_CSS_V1 | SOURCE=storefront_products_2_0_product_card_visual_v1.css */

/* IPEKERP_CARD_RULE_MOVED_TO_CANONICAL_PRODUCT_CARD_CSS_V1 | SOURCE=storefront_products_2_0_product_card_visual_v1.css */

/* IPEKERP_CARD_RULE_MOVED_TO_CANONICAL_PRODUCT_CARD_CSS_V1 | SOURCE=storefront_products_2_0_product_card_visual_v1.css */

/* IPEKERP_CARD_RULE_MOVED_TO_CANONICAL_PRODUCT_CARD_CSS_V1 | SOURCE=storefront_products_2_0_product_card_visual_v1.css */

/* IPEKERP_CARD_RULE_MOVED_TO_CANONICAL_PRODUCT_CARD_CSS_V1 | SOURCE=storefront_products_2_0_product_card_visual_v1.css */

/* IPEKERP_CARD_RULE_MOVED_TO_CANONICAL_PRODUCT_CARD_CSS_V1 | SOURCE=storefront_products_2_0_product_card_visual_v1.css */

/* IPEKERP_CARD_RULE_MOVED_TO_CANONICAL_PRODUCT_CARD_CSS_V1 | SOURCE=storefront_products_2_0_product_card_visual_v1.css */

/* IPEKERP_CARD_RULE_MOVED_TO_CANONICAL_PRODUCT_CARD_CSS_V1 | SOURCE=storefront_products_2_0_product_card_visual_v1.css */

/* IPEKERP_CARD_RULE_MOVED_TO_CANONICAL_PRODUCT_CARD_CSS_V1 | SOURCE=storefront_products_2_0_product_card_visual_v1.css */

/* IPEKERP_CARD_RULE_MOVED_TO_CANONICAL_PRODUCT_CARD_CSS_V1 | SOURCE=storefront_products_2_0_product_card_visual_v1.css */

/* IPEKERP_CARD_RULE_MOVED_TO_CANONICAL_PRODUCT_CARD_CSS_V1 | SOURCE=storefront_products_2_0_product_card_visual_v1.css */

/* IPEKERP_CARD_RULE_MOVED_TO_CANONICAL_PRODUCT_CARD_CSS_V1 | SOURCE=storefront_products_2_0_product_card_visual_v1.css */

/* IPEKERP_CARD_RULE_MOVED_TO_CANONICAL_PRODUCT_CARD_CSS_V1 | SOURCE=storefront_products_2_0_product_card_visual_v1.css */

/* IPEKERP_CARD_RULE_MOVED_TO_CANONICAL_PRODUCT_CARD_CSS_V1 | SOURCE=storefront_products_2_0_product_card_visual_v1.css */

/* IPEKERP_CARD_RULE_MOVED_TO_CANONICAL_PRODUCT_CARD_CSS_V1 | SOURCE=storefront_products_2_0_product_card_visual_v1.css */

/* IPEKERP_CARD_RULE_MOVED_TO_CANONICAL_PRODUCT_CARD_CSS_V1 | SOURCE=storefront_products_2_0_product_card_visual_v1.css */

/* IPEKERP_CARD_RULE_MOVED_TO_CANONICAL_PRODUCT_CARD_CSS_V1 | SOURCE=storefront_products_2_0_product_card_visual_v1.css */

/* IPEKERP_CARD_RULE_MOVED_TO_CANONICAL_PRODUCT_CARD_CSS_V1 | SOURCE=storefront_products_2_0_product_card_visual_v1.css */

/* IPEKERP_CARD_RULE_MOVED_TO_CANONICAL_PRODUCT_CARD_CSS_V1 | SOURCE=storefront_products_2_0_product_card_visual_v1.css */

/* IPEKERP_CARD_RULE_MOVED_TO_CANONICAL_PRODUCT_CARD_CSS_V1 | SOURCE=storefront_products_2_0_product_card_visual_v1.css */

/* IPEKERP_CARD_RULE_MOVED_TO_CANONICAL_PRODUCT_CARD_CSS_V1 | SOURCE=storefront_products_2_0_product_card_visual_v1.css */

/* =========================================================
   GRID RHYTHM
   ========================================================= */

.sf-product-grid,
.sfc-product-grid {
    gap: 16px;
}

@media (min-width: 1280px) {
    .sf-product-grid,
    .sfc-product-grid {
        gap: 18px;
    }
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1079px) {
    /* IPEKERP_CARD_RULE_MOVED_TO_CANONICAL_PRODUCT_CARD_CSS_V1 | SOURCE=storefront_products_2_0_product_card_visual_v1.css */
}

@media (max-width: 720px) {
    .sf-product-grid,
    .sfc-product-grid {
        gap: 10px;
    }

    /* IPEKERP_CARD_RULE_MOVED_TO_CANONICAL_PRODUCT_CARD_CSS_V1 | SOURCE=storefront_products_2_0_product_card_visual_v1.css */

    /* IPEKERP_CARD_RULE_MOVED_TO_CANONICAL_PRODUCT_CARD_CSS_V1 | SOURCE=storefront_products_2_0_product_card_visual_v1.css */

    /* IPEKERP_CARD_RULE_MOVED_TO_CANONICAL_PRODUCT_CARD_CSS_V1 | SOURCE=storefront_products_2_0_product_card_visual_v1.css */

    /* IPEKERP_CARD_RULE_MOVED_TO_CANONICAL_PRODUCT_CARD_CSS_V1 | SOURCE=storefront_products_2_0_product_card_visual_v1.css */

    /* IPEKERP_CARD_RULE_MOVED_TO_CANONICAL_PRODUCT_CARD_CSS_V1 | SOURCE=storefront_products_2_0_product_card_visual_v1.css */
}

@media (hover: none), (pointer: coarse) {
    /* IPEKERP_CARD_RULE_MOVED_TO_CANONICAL_PRODUCT_CARD_CSS_V1 | SOURCE=storefront_products_2_0_product_card_visual_v1.css */

    /* IPEKERP_CARD_RULE_MOVED_TO_CANONICAL_PRODUCT_CARD_CSS_V1 | SOURCE=storefront_products_2_0_product_card_visual_v1.css */
}

@media (prefers-reduced-motion: reduce) {
    /* IPEKERP_CARD_RULE_MOVED_TO_CANONICAL_PRODUCT_CARD_CSS_V1 | SOURCE=storefront_products_2_0_product_card_visual_v1.css */
}


/* source: storefront_products_2_0_active_filters_sort_responsive_v1.css */
/* IPEKERP_STOREFRONT_PRODUCTS_2_0_ACTIVE_FILTERS_SORT_RESPONSIVE_V1
   Section 4/5 — active filters + sort + responsive composition only.
   No filter/sort/catalog behavior changes.
*/

:root {
    --ipek-p2r-text: #172033;
    --ipek-p2r-muted: #667085;
    --ipek-p2r-navy: #17365f;
    --ipek-p2r-red: #d9242f;
    --ipek-p2r-red-soft: #fff1f2;
    --ipek-p2r-border: #dfe5ec;
    --ipek-p2r-surface: #ffffff;
}

.sfc-active-filters {
    position: relative;
    width: 100%;
    padding: 0;
}

.sfc-active-filters:not(:empty)::before {
    content: "Aktif filtreler";
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    margin-right: 2px;
    color: var(--ipek-p2r-muted);
    font-size: 11px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: .01em;
}

.sfc-active-filters :is(
    button,
    a,
    [class*="chip"],
    [class*="tag"]
) {
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sfc-active-filters button:hover,
.sfc-active-filters a:hover {
    border-color: #e5aeb4;
    background: #ffe8ea;
}

.sfc-active-filters button:focus-visible,
.sfc-active-filters a:focus-visible,
.sfc-clear-filters:focus-visible {
    outline: 3px solid rgba(217, 36, 47, .13);
    outline-offset: 2px;
}

.sfc-clear-filters {
    border-radius: 8px;
}

.sfc-clear-filters:hover {
    background: #fff5f6;
    text-decoration: none;
}

.ipek-products2-sort__select,
.sfc-sort select,
.sf-search2-toolbar select {
    min-width: 178px;
}

.ipek-products2-sort__select {
    min-width: 196px;
}

.sfc-sort {
    flex: 0 0 auto;
}

.sfc-toolbar,
.ipek-products2-toolbar,
.sf-search2-toolbar {
    position: relative;
    z-index: 2;
}

.sf-product-grid,
.sfc-product-grid {
    width: 100%;
    min-width: 0;
}

@media (min-width: 1180px) {
    .sf-product-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (min-width: 1080px) and (max-width: 1439px) {
    .sfc-product-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1440px) {
    .sfc-product-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (min-width: 760px) and (max-width: 1179px) {
    .sf-product-grid,
    .sfc-product-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 520px) and (max-width: 759px) {
    .sf-product-grid,
    .sfc-product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 519px) {
    .sf-product-grid,
    .sfc-product-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

.sf-product-grid > *,
.sfc-product-grid > * {
    min-width: 0;
    max-width: 100%;
}

.sfc-products,
.sf-search2-results,
.sf-home-catalog {
    min-width: 0;
}

.sfc-products {
    width: 100%;
}

.sfc-filter-overlay {
    background: rgba(15, 29, 48, .44);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

.sfc-mobile-filter {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.sfc-mobile-filter::before {
    content: "";
    width: 14px;
    height: 14px;
    flex: 0 0 14px;
    background:
        linear-gradient(currentColor, currentColor) 1px 2px / 12px 1.5px no-repeat,
        linear-gradient(currentColor, currentColor) 1px 6px / 12px 1.5px no-repeat,
        linear-gradient(currentColor, currentColor) 1px 10px / 12px 1.5px no-repeat;
    opacity: .78;
}

@media (max-width: 1079px) {
    .sfc-filters:is(
        .is-open,
        .open,
        [data-open="true"],
        [aria-hidden="false"]
    ) {
        box-shadow: 18px 0 48px rgba(13, 28, 49, .18);
    }

    .sfc-toolbar {
        gap: 10px;
    }

    .sfc-toolbar__left {
        flex: 1 1 auto;
    }

    .sfc-active-filters {
        margin-bottom: 10px;
    }
}

@media (max-width: 759px) {
    .sfc-toolbar,
    .sf-search2-toolbar {
        width: 100%;
    }

    .sfc-toolbar {
        gap: 8px;
    }

    .sfc-toolbar__left {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 8px;
    }

    .sfc-mobile-filter {
        min-width: 104px;
    }

    .sfc-sort,
    .ipek-products2-sort {
        min-width: 0;
    }

    .ipek-products2-sort__select,
    .sfc-sort select,
    .sf-search2-toolbar select {
        min-width: 0;
        width: 100%;
    }

    .sfc-active-filters:not(:empty)::before {
        flex-basis: 100%;
        min-height: 22px;
        margin-bottom: 1px;
    }

    .sfc-active-filters :is(
        button,
        a,
        [class*="chip"],
        [class*="tag"]
    ) {
        max-width: min(76vw, 260px);
    }
}

@media (max-width: 519px) {
    .sfc-toolbar__left {
        grid-template-columns: minmax(0, 1fr);
    }

    .sfc-mobile-filter {
        width: 100%;
    }

    .ipek-products2-toolbar {
        align-items: stretch;
    }

    .ipek-products2-sort {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        width: 100%;
    }

    .ipek-products2-sort__label {
        align-self: center;
    }

    .sf-home-section-head {
        align-items: flex-start;
        gap: 8px;
    }

    .sf-home-section-head__count {
        width: 100%;
    }
}

.sf-pagination,
.sfc-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 22px;
}

.sf-pagination :is(a, button),
.sfc-pagination :is(a, button) {
    min-width: 38px;
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--ipek-p2r-border);
    border-radius: 10px;
    background: var(--ipek-p2r-surface);
    color: var(--ipek-p2r-navy);
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
}

.sf-pagination :is(a, button):hover,
.sfc-pagination :is(a, button):hover {
    border-color: #bfcbd8;
    background: #f8fafc;
}

.sf-pagination :is(
    [aria-current="page"],
    .active,
    [data-active="true"]
),
.sfc-pagination :is(
    [aria-current="page"],
    .active,
    [data-active="true"]
) {
    border-color: var(--ipek-p2r-red);
    background: var(--ipek-p2r-red);
    color: #fff;
}

@media (hover: none), (pointer: coarse) {
    .sfc-filter-overlay {
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sfc-active-filters *,
    .sfc-toolbar *,
    .ipek-products2-toolbar *,
    .sf-search2-toolbar *,
    .sf-pagination *,
    .sfc-pagination * {
        transition-duration: .001ms !important;
        animation-duration: .001ms !important;
    }
}


/* source: storefront_products_2_0_final_acceptance_lock_v1.css */
/* IPEKERP_STOREFRONT_PRODUCTS_2_0_FINAL_ACCEPTANCE_LOCK_V1
   Section 5/5 — regression lock only.
   No visual redesign, no functional behavior changes.
*/

:is(
    .sf-home-catalog,
    .sf-search2-results,
    .sfc-catalog,
    .sfc-products,
    .sf-product-grid,
    .sfc-product-grid,
    .sfc-toolbar,
    .ipek-products2-toolbar,
    .sf-search2-toolbar,
    .sfc-filters
),
:is(
    .sf-home-catalog,
    .sf-search2-results,
    .sfc-catalog,
    .sfc-products,
    .sf-product-grid,
    .sfc-product-grid,
    .sfc-toolbar,
    .ipek-products2-toolbar,
    .sf-search2-toolbar,
    .sfc-filters
) * {
    box-sizing: border-box;
}

:is(
    .sf-home-catalog,
    .sf-search2-results,
    .sfc-products,
    .sf-product-grid,
    .sfc-product-grid
) {
    min-width: 0;
}

.sf-product-grid,
.sfc-product-grid {
    align-items: stretch;
}

.sf-product-grid > *,
.sfc-product-grid > * {
    min-width: 0;
}

:is(
    .sfc-toolbar,
    .ipek-products2-toolbar,
    .sf-search2-toolbar
) {
    max-width: 100%;
}

:is(
    .sfc-sort,
    .ipek-products2-sort
) {
    min-width: 0;
}

:is(
    .sfc-sort select,
    .ipek-products2-sort__select,
    .sf-search2-toolbar select
) {
    max-width: 100%;
}

@media (max-width: 519px) {
    :is(
        .sf-product-grid,
        .sfc-product-grid
    ) {
        overflow: visible;
    }
}

@media (prefers-reduced-motion: reduce) {
    :is(
        .sf-home-catalog,
        .sf-search2-results,
        .sfc-catalog
    ) {
        scroll-behavior: auto !important;
    }
}


/* source: storefront_products_2_0_screenshot_calibration_v1.css */
/* IPEKERP_STOREFRONT_PRODUCTS_2_0_SCREENSHOT_CALIBRATION_V1
   Desktop screenshot calibration after Section 5.
   Presentation only. No catalog/filter/sort/cart behavior changes.
*/

:root {
    --ipek-cal-border: #dfe5ec;
    --ipek-cal-text: #152033;
    --ipek-cal-muted: #687386;
    --ipek-cal-navy: #17365f;
    --ipek-cal-red: #e31e29;
}

/* =========================================================
   MAIN LISTING COMPOSITION
   Screenshot issue: product column felt too sparse on wide desktop.
   ========================================================= */

@media (min-width: 1080px) {
    body .sfc-catalog {
        grid-template-columns: 286px minmax(0, 1fr) !important;
        gap: 22px !important;
    }

    /* With a filter sidebar, three substantial cards read better than
       four narrow cards and avoid the large empty fourth-track feeling. */
    body .sfc-product-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 16px !important;
    }
}

/* If the home live workspace uses the category grid contract, keep it
   visually consistent. Normal homepage sf-product-grid remains 4-up. */
@media (min-width: 1180px) {
    body .sfc-products .sfc-product-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

/* =========================================================
   TOOLBAR — tighter and more intentional
   ========================================================= */

body .sfc-toolbar,
body .ipek-products2-toolbar,
body .sf-search2-toolbar {
    min-height: 56px !important;
    box-shadow: 0 5px 18px rgba(20, 38, 63, .045) !important;
}

body .sfc-toolbar {
    padding: 8px 10px 8px 14px !important;
}

body .ipek-products2-toolbar {
    padding: 7px 10px 7px 14px !important;
}

body .ipek-products2-sort {
    gap: 8px !important;
}

body .ipek-products2-sort__label,
body .sfc-sort label,
body .sfc-sort > span {
    font-size: 11px !important;
    font-weight: 750 !important;
}

body .ipek-products2-sort__select,
body .sfc-sort select,
body .sf-search2-toolbar select {
    min-height: 40px !important;
    border-radius: 10px !important;
    font-size: 12.5px !important;
}

/* =========================================================
   FILTER PANEL — stronger but lighter
   ========================================================= */

body .sfc-filters {
    border-radius: 15px !important;
    box-shadow: 0 7px 24px rgba(20, 38, 63, .055) !important;
}

body .sfc-filters__head {
    min-height: 58px !important;
    padding-inline: 15px !important;
}

body .sfc-filter-group {
    padding: 15px 14px !important;
}

body .sfc-filter-group__title {
    margin-bottom: 10px !important;
}

body .sfc-filter-group input[type="search"],
body .sfc-filter-group input[type="text"],
body .sfc-filter-group input[type="number"],
body .sfc-filter-group select {
    min-height: 38px !important;
    border-radius: 9px !important;
}

/* IPEKERP_CARD_RULE_MOVED_TO_CANONICAL_PRODUCT_CARD_CSS_V1 | SOURCE=storefront_products_2_0_screenshot_calibration_v1.css */

/* IPEKERP_CARD_RULE_MOVED_TO_CANONICAL_PRODUCT_CARD_CSS_V1 | SOURCE=storefront_products_2_0_screenshot_calibration_v1.css */

/* IPEKERP_CARD_RULE_MOVED_TO_CANONICAL_PRODUCT_CARD_CSS_V1 | SOURCE=storefront_products_2_0_screenshot_calibration_v1.css */

/* IPEKERP_CARD_RULE_MOVED_TO_CANONICAL_PRODUCT_CARD_CSS_V1 | SOURCE=storefront_products_2_0_screenshot_calibration_v1.css */

/* IPEKERP_CARD_RULE_MOVED_TO_CANONICAL_PRODUCT_CARD_CSS_V1 | SOURCE=storefront_products_2_0_screenshot_calibration_v1.css */

/* IPEKERP_CARD_RULE_MOVED_TO_CANONICAL_PRODUCT_CARD_CSS_V1 | SOURCE=storefront_products_2_0_screenshot_calibration_v1.css */

/* IPEKERP_CARD_RULE_MOVED_TO_CANONICAL_PRODUCT_CARD_CSS_V1 | SOURCE=storefront_products_2_0_screenshot_calibration_v1.css */

/* IPEKERP_CARD_RULE_MOVED_TO_CANONICAL_PRODUCT_CARD_CSS_V1 | SOURCE=storefront_products_2_0_screenshot_calibration_v1.css */

/* IPEKERP_CARD_RULE_MOVED_TO_CANONICAL_PRODUCT_CARD_CSS_V1 | SOURCE=storefront_products_2_0_screenshot_calibration_v1.css */

/* IPEKERP_CARD_RULE_MOVED_TO_CANONICAL_PRODUCT_CARD_CSS_V1 | SOURCE=storefront_products_2_0_screenshot_calibration_v1.css */

/* IPEKERP_CARD_RULE_MOVED_TO_CANONICAL_PRODUCT_CARD_CSS_V1 | SOURCE=storefront_products_2_0_screenshot_calibration_v1.css */

/* IPEKERP_CARD_RULE_MOVED_TO_CANONICAL_PRODUCT_CARD_CSS_V1 | SOURCE=storefront_products_2_0_screenshot_calibration_v1.css */

/* =========================================================
   SECTION TITLE / COUNT
   ========================================================= */

body .sf-home-section-head {
    margin-bottom: 11px !important;
}

body .sf-home-section-head h2,
body .sfc-products > :is(h1, h2) {
    letter-spacing: -.025em;
}

body .sf-home-section-head__count,
body #storefront-result-count {
    color: var(--ipek-cal-muted) !important;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (min-width: 760px) and (max-width: 1079px) {
    body .sfc-product-grid,
    body .sf-product-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (min-width: 520px) and (max-width: 759px) {
    body .sfc-product-grid,
    body .sf-product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 519px) {
    body .sfc-product-grid,
    body .sf-product-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body .sfc-toolbar {
        padding: 8px !important;
    }
}

@media (hover: none), (pointer: coarse) {
    /* IPEKERP_CARD_RULE_MOVED_TO_CANONICAL_PRODUCT_CARD_CSS_V1 | SOURCE=storefront_products_2_0_screenshot_calibration_v1.css */
}

@media (prefers-reduced-motion: reduce) {
    body :is(
        .sfc-product-grid,
        .sf-product-grid
    ) * {
        transition-duration: .001ms !important;
        animation-duration: .001ms !important;
    }
}


/* source: storefront_products_2_0_full_width_grid_calibration_v1.css */
/* IPEKERP_STOREFRONT_PRODUCTS_2_0_FULL_WIDTH_GRID_CALIBRATION_V1
   Fixes residual legacy width constraints visible after screenshot calibration.
   Presentation only.
*/

@media (min-width: 1080px) {
    body .sfc-products {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        justify-self: stretch !important;
        align-self: stretch !important;
    }

    body .sfc-product-grid {
        display: grid !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        grid-auto-columns: minmax(0, 1fr) !important;
        justify-content: stretch !important;
        justify-items: stretch !important;
        align-items: stretch !important;
        gap: 16px !important;
    }

    body .sfc-product-grid > * {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        justify-self: stretch !important;
    }

    /* IPEKERP_CARD_RULE_MOVED_TO_CANONICAL_PRODUCT_CARD_CSS_V1 | SOURCE=storefront_products_2_0_full_width_grid_calibration_v1.css */
}

/* Search/full-width product areas should also fill their own container,
   without changing the chosen responsive column count. */
body .sf-product-grid {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    justify-content: stretch !important;
    justify-items: stretch !important;
}

body .sf-product-grid > * {
    min-width: 0 !important;
    max-width: none !important;
    justify-self: stretch !important;
}

@media (max-width: 1079px) {
    body .sfc-products,
    body .sfc-product-grid,
    body .sf-product-grid {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
    }

    body .sfc-product-grid > *,
    body .sf-product-grid > * {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
    }
}

/* IPEKERP_420_2_STOREFRONT_FILTER_REFERENCE_UI_V1_BEGIN */
body.sf-search-v2.sf-stage5-search-v1{
 --f420-ink:#08254a;--f420-blue:#0872ce;--f420-line:#dce6f1;
 --f420-soft:#f2f6fb;--f420-red:#f51f2b;
}
@media(min-width:901px){
 body.sf-search-v2.sf-stage5-search-v1 .sf420-grid-host{
  grid-template-columns:304px minmax(0,1fr)!important;gap:16px!important;align-items:start!important
 }
 body.sf-search-v2.sf-stage5-search-v1 .sf420-flex-host>.sf2-filter-panel{
  flex:0 0 304px!important
 }
}
body.sf-search-v2.sf-stage5-search-v1 .sf2-filter-panel.sf420-filter{
 width:304px!important;max-width:304px!important;padding:0!important;overflow:hidden!important;
 border:1px solid var(--f420-line)!important;border-radius:18px!important;background:#fff!important;
 box-shadow:0 10px 28px rgba(18,49,84,.055)!important;color:var(--f420-ink)!important
}
body.sf-search-v2.sf-stage5-search-v1 .sf420-filter .sf2-filter-panel__head{
 padding:21px 18px 17px!important;border:0!important;border-bottom:1px solid #e8eef5!important;
 background:#fff!important;display:flex!important;align-items:center!important;justify-content:space-between!important
}
body.sf-search-v2.sf-stage5-search-v1 .sf420-filter .sf2-filter-panel__head strong{
 margin:0!important;color:var(--f420-ink)!important;font-size:18px!important;font-weight:800!important
}
body.sf-search-v2.sf-stage5-search-v1 .sf420-filter .sf2-filter-panel__head small,
body.sf-search-v2.sf-stage5-search-v1 .sf420-filter .sf2-filter-panel__head br{display:none!important}
@media(min-width:901px){
 body.sf-search-v2.sf-stage5-search-v1 .sf420-filter [data-sf2-filter-close]{display:none!important}
}
body.sf-search-v2.sf-stage5-search-v1 .sf420-selected{
 padding:14px 18px 12px;border-bottom:1px solid #e8eef5;background:#fff
}
body.sf-search-v2.sf-stage5-search-v1 .sf420-selected[hidden]{display:none!important}
body.sf-search-v2.sf-stage5-search-v1 .sf420-selected-head{display:flex;align-items:center;gap:8px;margin-bottom:9px}
body.sf-search-v2.sf-stage5-search-v1 .sf420-selected-title{font-size:12px;font-weight:800}
body.sf-search-v2.sf-stage5-search-v1 .sf420-selected-count,
body.sf-search-v2.sf-stage5-search-v1 .sf420-count{
 min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:var(--f420-soft);color:#345578;
 display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800
}
body.sf-search-v2.sf-stage5-search-v1 .sf420-chips{display:flex;flex-wrap:wrap;gap:7px}
body.sf-search-v2.sf-stage5-search-v1 .sf420-chip{
 min-height:31px;padding:0 10px;border:1px solid #cfdaea;border-radius:8px;background:#fff;color:#17365d;
 display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:650;cursor:pointer
}
body.sf-search-v2.sf-stage5-search-v1 .sf420-chip:hover{background:#f7fbff;border-color:#aac4e3}
body.sf-search-v2.sf-stage5-search-v1 .sf420-chip-x{font-size:16px;color:#7c8da3}
body.sf-search-v2.sf-stage5-search-v1.sf420-ready .sf5-page-active-filters{display:none!important}

body.sf-search-v2.sf-stage5-search-v1 .sf420-filter .sf2-filter-group{
 position:relative!important;margin:0!important;padding:15px 18px 16px!important;border:0!important;
 border-bottom:1px solid #e8eef5!important;border-radius:0!important;background:#fff!important
}
body.sf-search-v2.sf-stage5-search-v1 .sf420-title{
 display:block!important;margin:0 0 12px!important;padding-right:28px!important;color:var(--f420-ink)!important;
 font-size:13px!important;font-weight:800!important
}
body.sf-search-v2.sf-stage5-search-v1 .sf420-toggle{
 position:absolute;top:10px;right:12px;width:32px;height:32px;border:0;border-radius:8px;background:transparent;
 color:#17365d;display:grid;place-items:center;cursor:pointer;font-size:17px;font-weight:800
}
body.sf-search-v2.sf-stage5-search-v1 .sf420-toggle:hover{background:#f5f8fc}
body.sf-search-v2.sf-stage5-search-v1 .sf420-collapsed>.sf420-hideable{display:none!important}
body.sf-search-v2.sf-stage5-search-v1 .sf420-collapsed>.sf420-toggle{transform:rotate(180deg)}

body.sf-search-v2.sf-stage5-search-v1 .sf420-filter .sf2-filter-group input[type=search],
body.sf-search-v2.sf-stage5-search-v1 .sf420-filter .sf2-filter-group input[type=text],
body.sf-search-v2.sf-stage5-search-v1 .sf420-filter .sf2-filter-group input[type=number],
body.sf-search-v2.sf-stage5-search-v1 .sf420-filter .sf2-filter-group select{
 box-sizing:border-box!important;min-height:38px!important;border:1px solid #cfdae8!important;border-radius:8px!important;
 background:#fff!important;color:#17365d!important;font-size:12px!important;box-shadow:none!important
}
body.sf-search-v2.sf-stage5-search-v1 .sf420-filter .sf2-filter-group input[type=search],
body.sf-search-v2.sf-stage5-search-v1 .sf420-filter .sf2-filter-group input[type=text]{
 width:100%!important;padding-left:36px!important;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%237789a1' stroke-width='1.8'%3E%3Ccircle cx='11' cy='11' r='6'/%3E%3Cpath d='m16 16 4 4'/%3E%3C/svg%3E")!important;
 background-repeat:no-repeat!important;background-position:11px 50%!important
}
body.sf-search-v2.sf-stage5-search-v1 .sf420-row{
 min-height:29px!important;margin:0!important;display:flex!important;align-items:center!important;gap:9px!important;
 color:#18385e!important;font-size:12px!important;cursor:pointer!important
}
body.sf-search-v2.sf-stage5-search-v1 .sf420-row input[type=checkbox]:not(.sf420-stock),
body.sf-search-v2.sf-stage5-search-v1 .sf420-row input[type=radio]{
 appearance:none!important;-webkit-appearance:none!important;width:16px!important;height:16px!important;flex:0 0 16px!important;
 margin:0!important;border:1px solid #9cabbc!important;border-radius:3px!important;background:#fff!important
}
body.sf-search-v2.sf-stage5-search-v1 .sf420-row input[type=checkbox]:not(.sf420-stock):checked,
body.sf-search-v2.sf-stage5-search-v1 .sf420-row input[type=radio]:checked{
 border-color:var(--f420-blue)!important;background-color:var(--f420-blue)!important;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M3.4 8.2 6.5 11l6.1-6.2' fill='none' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")!important
}
body.sf-search-v2.sf-stage5-search-v1 .sf420-label{min-width:0;flex:1}
body.sf-search-v2.sf-stage5-search-v1 .sf420-stock-row{justify-content:space-between!important}
body.sf-search-v2.sf-stage5-search-v1 .sf420-stock-row .sf420-label{order:1}
body.sf-search-v2.sf-stage5-search-v1 .sf420-stock{
 order:2;appearance:none!important;-webkit-appearance:none!important;width:38px!important;height:22px!important;flex:0 0 38px!important;
 border:1px solid #c8d4e1!important;border-radius:999px!important;margin:0!important;
 background:radial-gradient(circle at 10px 50%,#fff 0 7px,transparent 7.5px),#cbd6e2!important
}
body.sf-search-v2.sf-stage5-search-v1 .sf420-stock:checked{
 border-color:var(--f420-blue)!important;
 background:radial-gradient(circle at 28px 50%,#fff 0 7px,transparent 7.5px),var(--f420-blue)!important
}
body.sf-search-v2.sf-stage5-search-v1 .sf420-price input[type=range]{
 appearance:none!important;-webkit-appearance:none!important;width:100%!important;height:18px!important;background:transparent!important
}
body.sf-search-v2.sf-stage5-search-v1 .sf420-price input[type=range]::-webkit-slider-runnable-track{
 height:3px;background:var(--f420-blue);border-radius:999px
}
body.sf-search-v2.sf-stage5-search-v1 .sf420-price input[type=range]::-webkit-slider-thumb{
 appearance:none;-webkit-appearance:none;width:17px;height:17px;margin-top:-7px;border:2px solid var(--f420-blue);border-radius:50%;background:#fff
}
body.sf-search-v2.sf-stage5-search-v1 .sf420-actions{padding:14px 14px 15px;background:#fff}
body.sf-search-v2.sf-stage5-search-v1 .sf420-show{
 width:100%;min-height:44px;border:0;border-radius:8px;background:var(--f420-red);color:#fff;font-size:12px;font-weight:800;cursor:pointer
}
body.sf-search-v2.sf-stage5-search-v1 .sf420-show:hover{background:#dd1520}
body.sf-search-v2.sf-stage5-search-v1 .sf420-filter .sf2-filter-reset{
 width:auto!important;min-height:32px!important;margin:10px auto 0!important;padding:0 4px!important;border:0!important;background:transparent!important;
 color:var(--f420-blue)!important;display:block!important;font-size:12px!important;font-weight:650!important;text-decoration:underline!important
}
@media(max-width:900px){
 body.sf-search-v2.sf-stage5-search-v1 .sf2-filter-panel.sf420-filter{
  width:min(360px,calc(100vw - 24px))!important;max-width:min(360px,calc(100vw - 24px))!important;border-radius:0 18px 18px 0!important
 }
}
/* IPEKERP_420_2_STOREFRONT_FILTER_REFERENCE_UI_V1_END */

/* IPEKERP_420_3_STOREFRONT_FILTER_OPTICAL_CALIBRATION_V1_BEGIN */
body.sf-search-v2.sf-stage5-search-v1 .sf420-filter .sf420-row{
 width:100%!important;box-sizing:border-box!important
}
body.sf-search-v2.sf-stage5-search-v1 .sf420-filter .sf420-label{min-width:0!important;flex:1 1 auto!important}
body.sf-search-v2.sf-stage5-search-v1 .sf420-filter .sf420-count{margin-left:auto!important;flex:0 0 auto!important}

body.sf-search-v2.sf-stage5-search-v1 .sf420-filter .sf420-stock-group .sf420-stock-row{
 min-height:36px!important;display:flex!important;align-items:center!important;
 justify-content:space-between!important;gap:14px!important
}
body.sf-search-v2.sf-stage5-search-v1 .sf420-filter .sf420-stock-group .sf420-stock-row .sf420-label{
 order:1!important;font-weight:600!important
}
body.sf-search-v2.sf-stage5-search-v1 .sf420-filter .sf420-stock-group input.sf420-stock{
 order:2!important;display:block!important;appearance:none!important;-webkit-appearance:none!important;
 width:38px!important;min-width:38px!important;max-width:38px!important;height:22px!important;min-height:22px!important;
 margin:0!important;padding:0!important;border:1px solid #c6d2df!important;border-radius:999px!important;
 background:radial-gradient(circle at 10px 50%,#fff 0 7px,transparent 7.5px),#cbd6e2!important
}
body.sf-search-v2.sf-stage5-search-v1 .sf420-filter .sf420-stock-group input.sf420-stock:checked{
 border-color:#0872ce!important;
 background:radial-gradient(circle at 28px 50%,#fff 0 7px,transparent 7.5px),#0872ce!important
}

body.sf-search-v2.sf-stage5-search-v1 .sf420-filter .sf420-price-fields{
 display:grid!important;grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr)!important;
 align-items:center!important;gap:7px!important;width:100%!important;margin:0 0 9px!important
}
body.sf-search-v2.sf-stage5-search-v1 .sf420-filter .sf420-price-field{
 position:relative!important;min-width:0!important;display:block!important
}
body.sf-search-v2.sf-stage5-search-v1 .sf420-filter .sf420-price-field input[type=number]{
 width:100%!important;padding:0 30px 0 10px!important;appearance:textfield!important;-moz-appearance:textfield!important
}
body.sf-search-v2.sf-stage5-search-v1 .sf420-filter .sf420-price-field input[type=number]::-webkit-inner-spin-button,
body.sf-search-v2.sf-stage5-search-v1 .sf420-filter .sf420-price-field input[type=number]::-webkit-outer-spin-button{
 -webkit-appearance:none!important;margin:0!important
}
body.sf-search-v2.sf-stage5-search-v1 .sf420-filter .sf420-price-suffix{
 position:absolute!important;right:9px!important;top:50%!important;transform:translateY(-50%)!important;
 pointer-events:none!important;color:#6d7d91!important;font-size:11px!important;font-weight:650!important
}
body.sf-search-v2.sf-stage5-search-v1 .sf420-filter .sf420-price-dash{
 text-align:center!important;color:#718298!important;font-size:12px!important;font-weight:700!important
}
body.sf-search-v2.sf-stage5-search-v1 .sf420-filter .sf420-range-shell{
 position:relative!important;display:block!important;width:100%!important
}
body.sf-search-v2.sf-stage5-search-v1 .sf420-filter .sf420-range-shell::before{
 content:""!important;position:absolute!important;z-index:3!important;left:0!important;top:50%!important;
 width:15px!important;height:15px!important;transform:translateY(-50%)!important;
 border:2px solid #0872ce!important;border-radius:50%!important;background:#fff!important;
 box-sizing:border-box!important;pointer-events:none!important
}

body.sf-search-v2.sf-stage5-search-v1 .sf420-filter .sf420-actions{padding:16px 16px 15px!important}
body.sf-search-v2.sf-stage5-search-v1 .sf420-filter .sf420-show{
 min-height:46px!important;border-radius:8px!important;font-size:12px!important
}
/* IPEKERP_420_3_STOREFRONT_FILTER_OPTICAL_CALIBRATION_V1_END */

/* IPEKERP_420_4_STOREFRONT_FILTER_ROW_STRUCTURE_REPAIR_V1_BEGIN */

/* Facet rows: one label + one count badge, no duplicate text */
body.sf-search-v2.sf-stage5-search-v1 .sf420-filter .sf420-clean-row{
  width:100%!important;
  min-height:31px!important;
  margin:0!important;
  padding:1px 0!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  box-sizing:border-box!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf420-filter .sf420-clean-row + .sf420-clean-row{
  margin-top:2px!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf420-filter .sf420-clean-row .sf420-label{
  min-width:0!important;
  flex:1 1 auto!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#17365d!important;
  font-size:12px!important;
  line-height:1.25!important;
  font-weight:500!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf420-filter .sf420-clean-row .sf420-count{
  flex:0 0 auto!important;
  min-width:22px!important;
  height:22px!important;
  margin-left:auto!important;
  padding:0 7px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:999px!important;
  background:#f1f5fa!important;
  color:#345578!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:750!important;
}

/* Stock gets its own clean section */
body.sf-search-v2.sf-stage5-search-v1 .sf420-filter .sf420-stock-section{
  position:relative!important;
  margin:0!important;
  padding:15px 18px 16px!important;
  border:0!important;
  border-bottom:1px solid #e8eef5!important;
  background:#fff!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf420-filter .sf420-stock-section>.sf420-title{
  display:block!important;
  margin:0 0 11px!important;
  padding-right:28px!important;
  color:#08254a!important;
  font-size:13px!important;
  line-height:1.25!important;
  font-weight:800!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf420-filter .sf420-stock-section>.sf420-toggle{
  position:absolute!important;
  top:9px!important;
  right:12px!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf420-filter .sf420-stock-row{
  width:100%!important;
  min-height:34px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf420-filter .sf420-stock-row .sf420-label{
  order:1!important;
  min-width:0!important;
  flex:1 1 auto!important;
  color:#17365d!important;
  font-size:12px!important;
  line-height:1.25!important;
  font-weight:500!important;
  white-space:nowrap!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf420-filter .sf420-stock-row input.sf420-stock{
  order:2!important;
  display:block!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  width:38px!important;
  min-width:38px!important;
  max-width:38px!important;
  height:22px!important;
  min-height:22px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #c6d2df!important;
  border-radius:999px!important;
  background:
    radial-gradient(circle at 10px 50%,#fff 0 7px,transparent 7.5px),
    #cbd6e2!important;
  box-shadow:inset 0 1px 2px rgba(23,54,93,.08)!important;
  cursor:pointer!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf420-filter .sf420-stock-row input.sf420-stock:checked{
  border-color:#0872ce!important;
  background:
    radial-gradient(circle at 28px 50%,#fff 0 7px,transparent 7.5px),
    #0872ce!important;
}

/* Price input boxes: force reference-like TL suffix even when inputs are text */
body.sf-search-v2.sf-stage5-search-v1 .sf420-filter .sf420-price-fields{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr)!important;
  align-items:center!important;
  gap:7px!important;
  width:100%!important;
  margin:0 0 9px!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf420-filter .sf420-price-field{
  position:relative!important;
  display:block!important;
  min-width:0!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf420-filter .sf420-price-field>input{
  width:100%!important;
  min-height:38px!important;
  padding:0 29px 0 10px!important;
  box-sizing:border-box!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf420-filter .sf420-price-suffix{
  position:absolute!important;
  z-index:2!important;
  right:9px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  display:block!important;
  pointer-events:none!important;
  color:#64778e!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:650!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf420-filter .sf420-price-dash{
  text-align:center!important;
  color:#718298!important;
  font-size:12px!important;
  font-weight:700!important;
}

/* IPEKERP_420_4_STOREFRONT_FILTER_ROW_STRUCTURE_REPAIR_V1_END */

/* IPEKERP_420_5_STOREFRONT_FILTER_SINGLE_RUNTIME_STABILIZER_V1_BEGIN */

/* Stable facet rows: exactly one label + one badge. */
body.sf-search-v2.sf-stage5-search-v1 .sf420-filter .sf420-stable-row{
  width:100%!important;
  min-height:31px!important;
  margin:0!important;
  padding:1px 0!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  box-sizing:border-box!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf420-filter .sf420-stable-row .sf420-label{
  min-width:0!important;
  flex:1 1 auto!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-weight:500!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf420-filter .sf420-stable-row .sf420-count{
  margin-left:auto!important;
  flex:0 0 auto!important;
  display:inline-flex!important;
}

/* Stock must sit before Price like the approved reference. */
body.sf-search-v2.sf-stage5-search-v1 .sf420-filter .sf420-stock-section{
  order:initial!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf420-filter .sf420-stock-section .sf420-stock-row{
  width:100%!important;
  min-height:34px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf420-filter .sf420-stock-section .sf420-stock-row .sf420-label{
  order:1!important;
  flex:1 1 auto!important;
  min-width:0!important;
  white-space:nowrap!important;
  font-weight:500!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf420-filter .sf420-stock-section input.sf420-stock{
  order:2!important;
  flex:0 0 38px!important;
}

/* Price suffix visibility. */
body.sf-search-v2.sf-stage5-search-v1 .sf420-filter .sf420-price-field{
  position:relative!important;
  display:block!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf420-filter .sf420-price-field>input{
  padding-right:30px!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf420-filter .sf420-price-suffix{
  display:block!important;
  position:absolute!important;
  z-index:3!important;
  right:9px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  pointer-events:none!important;
}

/* IPEKERP_420_5_STOREFRONT_FILTER_SINGLE_RUNTIME_STABILIZER_V1_END */

/* IPEKERP_420_6_STOREFRONT_FILTER_TITLE_SPACING_FAMILY_HIDE_V1_BEGIN */

/* Section-title count badges: give the number breathing room. */
body.sf-search-v2.sf-stage5-search-v1 .sf420-filter .sf420-title{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  width:max-content!important;
  max-width:calc(100% - 34px)!important;
}
body.sf-search-v2.sf-stage5-search-v1 .sf420-filter .sf420-title > :is(
  span,small,em,b,[class*="count"],[class*="badge"]
){
  margin-left:0!important;
}

/* Fallback for legacy title + numeric sibling patterns. */
body.sf-search-v2.sf-stage5-search-v1 .sf420-filter .sf2-filter-group > :is(
  h2,h3,h4,strong,legend,.sf5-filter-title,[class*="filter-group__title"]
) + :is(
  .badge,.count,[class*="count"],[class*="badge"]
){
  margin-left:8px!important;
}

/* Product Family is intentionally not a storefront customer filter anymore. */
body.sf-search-v2.sf-stage5-search-v1 .sf420-filter .sf420-family-group{
  display:none!important;
}

/* IPEKERP_420_6_STOREFRONT_FILTER_TITLE_SPACING_FAMILY_HIDE_V1_END */

.sf2-price-range > div{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:8px;
}

body.sf-search-v2.sf-stage5-search-v1 .sf2-price-range input[type="number"]{
  width:100%;
  min-width:0;
}