/* Zendip Fashion Pro v1.0.7 - Mobile Feature Strip Slider
   Desktop feature strip remains unchanged. Mobile only converts 2x2 grid into a horizontal swipe row. */
@media (max-width: 767px){
  .zf-home .zf-features,
  section.zf-features,
  .zf-features{
    display:block!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:var(--zf-feature-bg,#ffd6f3)!important;
  }

  .zf-home .zf-feature-grid,
  section.zf-features .zf-feature-grid,
  .zf-feature-grid{
    display:flex!important;
    grid-template-columns:none!important;
    gap:12px!important;
    width:100%!important;
    max-width:100%!important;
    min-height:0!important;
    padding:10px 16px 8px!important;
    margin:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    scroll-behavior:smooth!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
  }
  .zf-feature-grid::-webkit-scrollbar{display:none!important;}

  .zf-feature{
    flex:0 0 84%!important;
    width:84%!important;
    min-width:84%!important;
    max-width:84%!important;
    min-height:86px!important;
    padding:14px 14px!important;
    border:1px solid rgba(0,0,0,.08)!important;
    border-radius:15px!important;
    background:rgba(255,255,255,.68)!important;
    box-shadow:0 8px 22px rgba(0,0,0,.07)!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    text-align:left!important;
    gap:12px!important;
    scroll-snap-align:center!important;
    color:var(--zf-feature-text,#111)!important;
    text-decoration:none!important;
  }
  .zf-feature:not(:last-child):after,
  .zf-feature:nth-child(odd),
  .zf-feature:nth-child(1),
  .zf-feature:nth-child(2){
    border-right:1px solid rgba(0,0,0,.08)!important;
    border-bottom:0!important;
  }

  .zf-feature-icon{
    flex:0 0 42px!important;
    width:42px!important;
    height:42px!important;
    border-radius:50%!important;
    background:#fff!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    box-shadow:0 4px 13px rgba(0,0,0,.08)!important;
    color:var(--zf-feature-icon,#111)!important;
    font-size:20px!important;
    line-height:1!important;
  }
  .zf-feature-icon i{font-size:20px!important;line-height:1!important;}

  .zf-feature-copy{display:block!important;width:auto!important;min-width:0!important;}
  .zf-feature-copy strong{
    display:block!important;
    font-size:15px!important;
    line-height:1.2!important;
    font-weight:800!important;
    margin:0 0 4px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .zf-feature-copy small{
    display:-webkit-box!important;
    font-size:12px!important;
    line-height:1.35!important;
    color:rgba(0,0,0,.72)!important;
    max-width:none!important;
    margin:0!important;
    overflow:hidden!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
  }

  .zf-feature-dots{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    padding:0 0 10px!important;
    margin:0!important;
  }
  .zf-feature-dots button{
    width:7px!important;
    height:7px!important;
    border:0!important;
    border-radius:999px!important;
    padding:0!important;
    background:rgba(0,0,0,.25)!important;
    transition:width .22s ease,background .22s ease!important;
  }
  .zf-feature-dots button.active{width:18px!important;background:#111!important;}
  .zf-features + .zf-cats{padding-top:22px!important;}
}

@media (min-width: 768px){
  .zf-feature-dots{display:none!important;}
}