/* Mobile only */
@media (min-width: 1025px){
  .tifp-stickybar-1001,
  .tifp-canvas-1001 { display:none !important; }
}

/* Sticky bar */
.tifp-stickybar-1001{
  position: fixed;
  left: 0; right: 0; bottom: 0;
  z-index: 99999;
  display: flex;
  gap: 8px;
  padding: 10px;
  background: #fff;
  border-top: 1px solid rgba(0,0,0,.08);
}

.tifp-btn-1001{
  flex: 1;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.10);
  background: #fff;
  font-weight: 600;
  font-size: 14px;
  
  
  display: flex;
  align-items: center;     /* vertical center */
  justify-content: center;
  gap: 8px;                /* icon–text spacing */
  
}

.tifp-btn-primary-1001{
  background: #111;
  color: #fff;
  border-color: #111;
  display: flex;
  align-items: center;     /* vertical center */
  justify-content: center;
  gap: 8px;                /* icon–text spacing */
}

/* Canvas */
.tifp-canvas-1001{
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: none;
}

.tifp-canvas-1001.is-open{ display:block; }

.tifp-overlay-1001{
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.45);
}

.tifp-panel-1001{
  position:absolute;
  left:0; right:0; bottom:0;
  background:#fff;
  border-radius: 18px 18px 0 0;
  overflow:hidden;
  box-shadow: 0 -10px 30px rgba(0,0,0,.12);
}

/* Header */
.tifp-header-1001{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 14px 14px;
  border-bottom: 1px solid rgba(0,0,0,.06);
}
.tifp-title-1001{ font-weight:700; font-size:16px; }
.tifp-x-1001{
  width: 34px; height: 34px;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.10);
  background:#fff;
}

/* Selected chips */
.tifp-selected-1001{
  padding: 10px 14px;
  border-bottom: 1px solid rgba(0,0,0,.06);
}
.tifp-selected-chips-1001{
  display:flex;
  flex-wrap:wrap;
  gap: 8px;
}
.tifp-chip-1001{
  border: 1px solid rgba(0,0,0,.10);
  background:#fff;
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 12px;
}

/* Body two columns */
.tifp-body-1001{
  display:flex;
  height: calc(100% - 170px);
}

.tifp-left-1001{
  width: 38%;
  border-right: 1px solid rgba(0,0,0,.06);
  overflow:auto;
}

.tifp-right-1001{
  width: 62%;
  overflow:auto;
  padding: 10px;
}

.tifp-tab-1001{
  width:100%;
  text-align:left;
  padding: 12px 14px;
  border:0;
  background:#fff;
  font-weight:600;
}
.tifp-tab-1001.is-active{
  background: rgba(0,0,0,.06);
}

/* Options */
.tifp-opt-1001{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
  padding: 10px;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.06);
  margin-bottom: 8px;
}
.tifp-opt-1001 input{ margin-right: 8px; }

.tifp-pricebox-1001 input{
  width:100%;
  padding: 10px;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.10);
  margin-bottom: 10px;
}

/* Footer */
.tifp-footer-1001{
  position:absolute;
  left:0; right:0; bottom:0;
  display:flex;
  gap: 10px;
  padding: 12px 14px;
  border-top: 1px solid rgba(0,0,0,.06);
  background:#fff;
}
.tifp-footer-btn-1001{
  flex:1;
  padding: 12px;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.10);
  background:#fff;
  font-weight:700;
}
.tifp-apply-1001{
  background:#111;
  color:#fff;
  border-color:#111;
}

/* Grid */
.tifp-grid-1001{
  display:grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

.tifp-card-1001{
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 16px;
  overflow:hidden;
  background:#fff;
}

.tifp-thumb-1001{
  display:block;
  position:relative;
}

.tifp-badge-sale-1001{
  position:absolute;
  top: 10px;
  left: 10px;
  background:#111;
  color:#fff;
  padding: 4px 8px;
  border-radius: 999px;
  font-size: 12px;
}

.tifp-meta-1001{ padding: 10px; }
.tifp-title-1001{
  display:block;
  font-weight:700;
  font-size: 14px;
  margin-bottom: 6px;
}
.tifp-price-1001{ font-weight:700; font-size: 13px; }

/* Category popup layout */
.tifp-cat-body-1001{
  display:flex;
  height: calc(100% - 60px);
}
.tifp-cat-col-1001{
  width: 33.33%;
  border-right: 1px solid rgba(0,0,0,.06);
  overflow:auto;
}
.tifp-cat-head-1001{
  padding: 10px;
  font-weight: 700;
  border-bottom: 1px solid rgba(0,0,0,.06);
}
.tifp-cat-list-1001{ padding: 10px; }
.tifp-cat-item-1001{
  width:100%;
  text-align:left;
  padding: 10px;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.06);
  background:#fff;
  margin-bottom: 8px;
}
.tifp-cat-item-1001.is-active{
  background: rgba(0,0,0,.06);
}



/* ===============================
   TIFP 1001 - Show only active pane
================================= */

/* hide all panes by default */
.tifp-pane-1001{
  display: none !important;
}

/* show only active pane */
.tifp-pane-1001.is-active{
  display: block !important;
}


/* Right side pane scroll */
[data-tifp-panes]{
  height: 100%;
  overflow: hidden;
}

.tifp-pane-1001.is-active{
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 90px; /* bottom buttons ke liye */
}


.tifp-tab-1001{
  width: 100%;
  text-align: left;
  padding: 12px 10px;
  border: 0;
  background: transparent;
  font-weight: 500;
}





/* ===============================
   LEFT TAB – URBAN LADDER STYLE
================================ */

/* Base tab */
.tifp-tab-1001{
  border: 0 !important;
  background: transparent;
  outline: none !important;
  box-shadow: none !important;
  position: relative;
}

/* Hover – NO BORDER */
.tifp-tab-1001:hover{
  border: 0 !important;
  background: #f7f7f7;   /* optional soft hover */
}

/* ACTIVE (CLICKED) */
.tifp-tab-1001.is-active{
  background: #fff;
  font-weight: 700;
}

/* 🔥 LEFT BORDER ONLY (ACTIVE) */
.tifp-tab-1001.is-active::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: #C96921; /* change color if needed */
  border-radius: 0 3px 3px 0;
}




/* ===== SIMPLE SORT POPUP (Screenshot style) ===== */

.tifp-sort-1001{
  padding: 20;
   padding-bottom: 35px;
}

/* Row */
.tifp-sort-row-1001{
  width: 100%;
  padding: 14px 16px;
  display: flex;
  align-items: center;
  justify-content: flex-start; 
  background: #fff;
  border: 0;
  border-bottom: 1px solid #f0f0f0;
  font-size: 14px;
  font-weight: 500;
  color: #666;
}

/* Text */
.tifp-sort-text-1001{
  color: #111;
}

/* Remove last border */ 
.tifp-sort-row-1001:last-child{ 
    border-bottom: 0; 
    
}

/* ===== CLEAN SORT ROW (NO TICK, NO RADIO) ===== */



/* Selected sort */
.tifp-sort-row-1001.is-active{
  background: #f4f4f4;
  color: #111;
  font-weight: 700;
}

/* Text inherits color */
.tifp-sort-text-1001{
  flex: 1;
}

/* Sort icon size */
.tifp-sort-icon-1001{
  width: 20px;
  height: 20px;
  min-width: 20px;   /* alignment stable rahe */
  object-fit: contain;
}



/* SVG icon */
.tifp-sort-icon-1001{
  width: 20px;
  height: 20px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.8;
  opacity: .6;
}

/* Selected state */
.tifp-sort-row-1001.is-active{
  background: #f4f4f4;
  color: #C96921;
  font-weight: 700;
}

.tifp-sort-row-1001.is-active .tifp-sort-icon-1001{
  opacity: 1;
}






/* Sticky buttons icon container */
.tifp-btn-icon-1001{
  display: flex;
  align-items: center;
  justify-content: center;
}

/* SVG style (shared) */
.tifp-btn-icon-1001 svg{
  width: 18px;
  height: 18px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}





/* ===== URBAN LADDER STYLE FILTER ROW ===== */

.tifp-option-1001{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 10px;
  border-radius: 8px;
  user-select: none;
  position: relative;
  cursor: pointer;
}

/* Hide ugly default checkbox */
.tifp-option-1001 input[type="checkbox"]{
  width: 16px;
  height: 16px;
  margin: 0;
  flex-shrink: 0;
}

/* Label text */
.tifp-opt-label-1001{
  flex: 1;
  font-size: 14px;
  color: #222;
}

/* Count (UrbanLadder style) */
.tifp-opt-count-1001{
  font-size: 13px;
  color: #999;
  flex-shrink: 0;
}

/* Hover */
.tifp-option-1001:hover{
  background: #f7f7f7;
}

/* Checked state */
.tifp-option-1001 input:checked + .tifp-opt-label-1001{
  font-weight: 600;
  color: #C96921; /* Urban Ladder orange tone */
}

/* Checked row background */
.tifp-option-1001 input:checked{
  accent-color: #C96921;
}



















/* ===============================
   LEFT TAB – ULTRA SUBTLE / NEUTRAL
================================ */
/* ===============================
   LEFT TAB – BRAND COLOR ONLY
   Solid Left + Faded Top/Bottom
================================ */

.tifp-tab-1001{
  position: relative;
  border: 0 !important;
  background: transparent !important;
  outline: none !important;
  box-shadow: none !important;
  font-weight: 500;
}

/* Hover – neutral background only */
.tifp-tab-1001:hover{
  background: rgba(0,0,0,.025);
}

/* Active tab */
.tifp-tab-1001.is-active{
  background: transparent !important;
  font-weight: 600;
}

/* 🔥 LEFT BORDER – PURE BRAND */
.tifp-tab-1001.is-active::before{
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  bottom: 6px;
  width: 3px;
  background: #C96921; /* BRAND COLOR */
  border-radius: 2px;
}

/* 🔥 TOP + BOTTOM – BRAND FADE (NO NEUTRAL) */
.tifp-tab-1001.is-active::after{
  content: "";
  position: absolute;
  left: 3px;
  right: 6px;
  top: 0;
  bottom: 0;
  pointer-events: none;

  background:
    linear-gradient(
      to left,
      rgba(201,105,33,0) 0%,
      rgba(201,105,33,.35) 55%,
      rgba(201,105,33,.75) 100%
    ) top / 100% 1px no-repeat,

    linear-gradient(
      to left,
      rgba(201,105,33,0) 0%,
      rgba(201,105,33,.35) 55%,
      rgba(201,105,33,.75) 100%
    ) bottom / 100% 1px no-repeat;
}









.etheme-product-grid .etheme-product-grid-item{
  width: 100%;
}




































































/* Common column padding */
.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,
.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,
.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,
.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,
.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,
.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,
.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 {
    position: relative;
    min-height: 1px;
    padding-left: 0px!important;
    padding-right: 0px !important;
}

/* XS columns float */
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,
.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,
.col-xs-10,.col-xs-11,.col-xs-12 {
    float: left;
}

/* XS widths */
.col-xs-12 { width: 100%; }
.col-xs-11 { width: 91.66666667%; }
.col-xs-10 { width: 83.33333333%; }
.col-xs-9  { width: 75%; }
.col-xs-8  { width: 66.66666667%; }
.col-xs-7  { width: 58.33333333%; }

/* 🔥 CUSTOM CHANGE: col-xs-6 full width */
.col-xs-6 {
    width: 100% !important;;
}

.col-xs-5 { width: 41.66666667%; }
.col-xs-4 { width: 33.33333333%; }
.col-xs-3 { width: 25%; }
.col-xs-2 { width: 16.66666667%; }
.col-xs-1 { width: 8.33333333%; }