/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}












  .slider-wrap{
      max-width: 1100px;
      margin: 0 auto;
      position: relative;
    }

    .product-slider{
      overflow: hidden;
      position: relative;
      border-radius: 10px;
      background: transparent;
      padding: 10px;
    }

    /* track (flex row of slides) */
    .slider-track{
      display: flex;
      gap: var(--gap);
      transition: transform 450ms cubic-bezier(.22,.9,.32,1);
      will-change: transform;
      align-items: stretch;
    }

    /* each slide card */
    .slide{
      flex: 0 0 calc(100% / 1 - var(--gap)); /* default one per view - JS will set appropriate slidesToShow */
      box-sizing: border-box;
      background: var(--card-bg);
      border-radius: 10px;
      padding: 14px;
      box-shadow: 0 6px 18px rgba(18,18,18,0.06);
      display: flex;
      flex-direction: column;
      gap: 12px;
      min-height: 160px;
    }

    .product-image{
      width: 100%;
      aspect-ratio: 16/10;
      background: linear-gradient(135deg,#e6eefc,#fff);
      border-radius: 8px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 600;
      color: #475569;
    }

    .product-title{
      font-size: 16px;
      font-weight: 600;
    }

    .product-desc{
      font-size: 13px;
      color: #556;
      flex-grow: 1;
    }

    .product-meta{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:8px;
      font-size:13px;
    }

    .btn{
      background: var(--accent);
      color:#fff;
      padding:8px 10px;
      border-radius:8px;
      text-decoration:none;
      font-weight:600;
      font-size:13px;
      display:inline-block;
    }

    /* arrows */
    .arrow{
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: var(--arrow-size);
      height: var(--arrow-size);
      border-radius: 8px;
      display:flex;
      align-items:center;
      justify-content:center;
      background: rgba(255,255,255,0.92);
      box-shadow: 0 6px 18px rgba(18,18,18,0.08);
      cursor: pointer;
      z-index: 20;
      user-select: none;
    }
    .arrow:hover{ transform: translateY(-50%) scale(1.03); }
    .arrow-left{ left: 6px; }
    .arrow-right{ right: 6px; }

    .arrow svg{ width:18px; height:18px; fill:#243b55; }

    /* dots */
    .dots{
      display:flex;
      gap:8px;
      justify-content:center;
      margin-top:12px;
    }
    .dot{
      width: var(--dot-size);
      height: var(--dot-size);
      border-radius:50%;
      background: rgba(36,59,85,0.18);
      cursor:pointer;
      box-shadow: inset 0 -1px rgba(0,0,0,0.06);
    }
    .dot.active{ background: var(--accent); box-shadow:none; }

    /* responsive slides-per-view (visual only) - JS will compute precise widths */
    @media(min-width:640px){
      .slide{ /* tablet default to 2 visually */
        flex: 0 0 calc(100% / 2 - var(--gap));
      }
    }
    @media(min-width:992px){
      .slide{ /* desktop default to 3 visually */
        flex: 0 0 calc(100% / 3 - var(--gap));
      }
    }

    /* small touches */
    .sr-only{
      border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;
    }
	
	  @media(max-width:640px){
	 .slider-wrap{
      max-width: 100%;
    }
	}