.ss-slider-section{
    --ss-maroon:#7A1220;
    --ss-maroon-dark:#560D17;
    --ss-gold:#D8A73D;
    --ss-ink:#10192B;
    --ss-paper:#FAF8F4;
    --ss-line:#E7E1D6;
    --ss-whatsapp:#22B858;
    font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
    background:var(--ss-paper);
    padding:44px 0 52px;
    box-sizing:border-box;
    overflow:hidden;
  }
  .ss-slider-section *{box-sizing:border-box;}

  .ss-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:16px;
    max-width:1180px;
    margin:0 auto 22px;
    padding:0 20px;
    margin-left:  -14px;
  }
  .ss-head h2{
    font-family:'Oswald','Arial Narrow',sans-serif;
    font-weight:600;
    font-size:clamp(24px,5vw,38px);
    line-height:1.05;
    color:var(--ss-ink);
    margin:0;
    letter-spacing:0.2px;
  }
  .ss-head h2 span{color:var(--ss-maroon);}
  .ss-head p{
    margin:6px 0 0;
    color:#5B5B5B;
    font-size:14px;
  }
  .ss-nav-btns{display:flex;gap:8px;flex-shrink:0;}
  .ss-nav-btns button{
    width:40px;height:40px;
    border-radius:50%;
    border:1px solid var(--ss-line);
    background:#fff;
    color:var(--ss-ink);
    font-size:18px;
    cursor:pointer;
    display:flex;align-items:center;justify-content:center;
    transition:background .15s ease, color .15s ease, border-color .15s ease;
  }
  .ss-nav-btns button:hover{background:var(--ss-maroon);border-color:var(--ss-maroon);color:#fff;}
  .ss-nav-btns button:disabled{opacity:.35;cursor:default;}
  .ss-nav-btns button:disabled:hover{background:#fff;color:var(--ss-ink);border-color:var(--ss-line);}

  .ss-track-wrap{
    width:100%;
    margin:0;
    padding:0;
    position:relative;
  }
  .ss-track{
    display:flex;
    gap:16px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    padding:4px 20px 18px;
    width:100%;
    scrollbar-width:thin;
    scrollbar-color:var(--ss-maroon) var(--ss-line);
    cursor:grab;
    user-select:none;
  }
  .ss-track.ss-dragging{
    cursor:grabbing;
    scroll-snap-type:none;
  }
  .ss-track::-webkit-scrollbar{height:6px;}
  .ss-track::-webkit-scrollbar-track{background:var(--ss-line);border-radius:6px;}
  .ss-track::-webkit-scrollbar-thumb{background:var(--ss-maroon);border-radius:6px;}

  .ss-card{
    scroll-snap-align:start;
    flex:0 0 auto;
    width:250px;
    background:#fff;
    border:1px solid var(--ss-line);
    border-radius:10px;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    transition:transform .2s ease, box-shadow .2s ease;
  }
  .ss-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(16,25,43,.10);}

  .ss-card-img{
    width:100%;
    aspect-ratio:4/5;
    background:#F1EEE7;
    display:flex;align-items:center;justify-content:center;
    overflow:hidden;
  }
  .ss-card-img img{width:100%;height:100%;object-fit:cover;display:block;}

  .ss-card-body{padding:14px 14px 16px;display:flex;flex-direction:column;gap:10px;flex:1;}
  .ss-card-tag{
    font-size:10.5px;
    font-weight:600;
    letter-spacing:.03em;
    color:var(--ss-maroon);
  }
  .ss-card-title{
    font-family:'Oswald','Arial Narrow',sans-serif;
    font-weight:500;
    font-size:16.5px;
    line-height:1.22;
    color:var(--ss-ink);
    margin:0;
    min-height:40px;
  }
  .ss-card-sub{font-size:12.5px;color:#6B6B6B;margin:-4px 0 0;line-height:1.4;}

  .ss-enquire-btn{
    margin-top:auto;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    width:100%;
    padding:10px 12px;
    background:var(--ss-whatsapp);
    color:#fff;
    text-decoration:none;
    font-weight:600;
    font-size:13.5px;
    border-radius:7px;
    border:none;
    cursor:pointer;
    transition:background .15s ease, transform .1s ease;
  }
  .ss-enquire-btn:hover{background:#1c9d4b;}
  .ss-enquire-btn:active{transform:scale(.97);}
  .ss-enquire-btn svg{width:16px;height:16px;flex-shrink:0;}

  .ss-dots{
    display:flex;
    justify-content:center;
    gap:6px;
    margin-top:6px;
  }
  .ss-dots span{
    width:6px;height:6px;border-radius:50%;
    background:var(--ss-line);
    transition:background .15s ease, width .15s ease;
  }
  .ss-dots span.active{background:var(--ss-maroon);width:18px;border-radius:4px;}

  /* Desktop: hide native scrollbar visual weight, show arrow nav more prominently */
  @media (min-width:769px){
    .ss-card{width:262px;}
  }

  /* Mobile refinements */
  @media (max-width:600px){
    .ss-slider-section{padding:30px 0 36px;}
    .ss-head{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:16px;}
    .ss-nav-btns{display:none;} /* swipe only on mobile */
    .ss-card{width:66vw;max-width:230px;}
    .ss-track{padding-bottom:14px;}
    .ss-card-title{font-size:15px;min-height:36px;}
  }
  @media (max-width:380px){
    .ss-card{width:72vw;}
  }

  @media (prefers-reduced-motion: reduce){
    .ss-card{transition:none;}
    .ss-track{scroll-behavior:auto;}
  }