/* ============================================================
   LUXURY COLLECTION (Product Section) — Premium Redesign
   ============================================================ */

/* ── SECTION ─────────────────────────────────────────────── */
.rk-prod-sec{
  position:relative;
  background:url('../images/background/backgorund.jpeg') center/cover no-repeat;
  padding:40px 0 48px;
  overflow:hidden;
}
.rk-prod-sec::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(250,249,246,0.50);
  pointer-events:none;
  z-index:0;
}
.rk-prod-sec > *{ position:relative; z-index:1; }

/* ── HEADING ─────────────────────────────────────────────── */
.rk-prod-head{
  width:92%;
  margin:0 auto 22px;
  padding-top:8px;
}
.rk-prod-head h2{
  font-family:'Cormorant Garamond', serif;
  font-size:34px;
  font-weight:700;
  color:#1a2e1e;
  letter-spacing:1px;
  line-height:1;
  display:inline-block;
  position:relative;
  padding-bottom:10px;
}
.rk-prod-head h2::after{
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  width:40px;
  height:2.5px;
  background:linear-gradient(90deg,#c9a84c,#f5d06f);
  border-radius:2px;
}

/* ── SLIDER WRAP ─────────────────────────────────────────── */
.rk-slider-wrap{
  position:relative;
  overflow:hidden;
  margin-bottom:8px;
}
.rk-prod-slider{
  display:flex;
  gap:16px;
  overflow-x:auto;
  scroll-behavior:smooth;
  padding:8px 60px;
  scrollbar-width:none;
}
.rk-prod-slider::-webkit-scrollbar{ display:none; }

/* ── CARD ────────────────────────────────────────────────── */
.rk-prod-card{
  flex:0 0 210px;
  background:#fff;
  border-radius:16px;
  padding:14px;
  display:flex;
  flex-direction:column;
  height:460px;
  border:1px solid #ede8e0;
  box-shadow:0 4px 18px rgba(0,0,0,0.06);
  transition:transform 0.28s ease, box-shadow 0.28s ease;
}
.rk-prod-card:hover{
  transform:translateY(-5px);
  box-shadow:0 14px 36px rgba(0,0,0,0.11);
}

/* ── IMAGE ───────────────────────────────────────────────── */
.rk-img{
  background:#fdf6ee;
  height:155px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:10px;
  overflow:hidden;
}
.rk-img img{
  max-width:88%;
  max-height:88%;
  object-fit:contain;
  transition:transform 0.35s ease;
}
.rk-prod-card:hover .rk-img img{ transform:scale(1.05); }

/* ── TITLE ───────────────────────────────────────────────── */
.rk-title{
  font-size:13px;
  font-family:'DM Sans', sans-serif;
  font-weight:600;
  color:#1a2e1e;
  line-height:1.45;
  margin:0 0 6px;
  min-height:52px;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* ── RATING ──────────────────────────────────────────────── */
.rk-rating{
  display:flex;
  align-items:center;
  gap:5px;
  font-size:12px;
  color:#b7791f;
  margin:0 0 6px;
}
.rate-count{ color:#999; font-size:11px; }

/* ── PRICE ───────────────────────────────────────────────── */
.rk-price{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:5px;
  margin:0 0 12px;
}
.rk-price .current{
  font-size:16px;
  font-weight:700;
  color:#1a2e1e;
}
.rk-price .mrp{
  text-decoration:line-through;
  color:#bbb;
  font-size:12px;
}
.rk-price .off{
  color:#c05621;
  font-size:11.5px;
  font-weight:700;
}

/* ── BUTTONS ─────────────────────────────────────────────── */
.rk-btns{
  margin-top:auto;
  display:flex;
  flex-direction:column;
  gap:7px;
}

/* base button */
.rk-btns .btn{
  height:34px;
  border-radius:9px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  font-size:12px;
  font-weight:600;
  letter-spacing:0.3px;
  color:#fff;
  text-decoration:none;
  border:none;
  transition:opacity 0.22s, transform 0.18s;
}
.rk-btns .btn:hover{
  opacity:0.88;
  transform:translateY(-1px);
}

/* Amazon — refined dark */
.rk-btns .amz{
  background:#131921;
}

/* Flipkart — refined blue */
.rk-btns .fk{
  background:#2874f0;
}

/* Myntra — refined pink */
.rk-btns .myn{
  background:#ff3f6c;
}

/* ── ARROWS ──────────────────────────────────────────────── */
.rk-nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:38px;
  height:38px;
  border-radius:50%;
  background:#fff;
  border:1.5px solid #e8e2d8;
  color:#1a2e1e;
  font-size:22px;
  line-height:1;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 3px 14px rgba(0,0,0,0.10);
  transition:background 0.22s, color 0.22s, border-color 0.22s;
  z-index:10;
}
.rk-nav:hover{
  background:#1a2e1e;
  color:#fff;
  border-color:#1a2e1e;
}
.left{ left:10px; }
.right{ right:10px; }

/* ── RESPONSIVE ──────────────────────────────────────────── */
@media(max-width:768px){
  .rk-prod-slider{ padding:8px 44px; gap:14px; }
  .rk-prod-card{ flex:0 0 178px; height:430px; padding:12px; }
  .rk-img{ height:135px; }
  .rk-prod-head h2{ font-size:26px; }
}
@media(max-width:480px){
  .rk-prod-slider{ padding:8px 16px; }
  .rk-prod-card{ flex:0 0 165px; height:420px; }
  .rk-prod-head h2{ font-size:24px; }
  .rk-nav{ width:32px; height:32px; font-size:18px; }
}