/* Sold Ribbon */
.sold-ribbon-container { position: relative; overflow: hidden; }
.sold-ribbon {
  position: absolute;
  top: 25px;
  right: -45px;
  background: #9b1c1c; /* Koyu kırmızı */
  color: #fff;
  padding: 5px 50px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  transform: rotate(45deg);
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
  border-top: 1px dashed rgba(255,255,255,0.8);
  border-bottom: 1px dashed rgba(255,255,255,0.8);
  z-index: 20;
  letter-spacing: 2px;
  pointer-events: none;
}

/* Slider */
#cs{position:relative;width:100%;height:410px;overflow:hidden;background:#111;}
#cs .cs-s{position:absolute;inset:0;opacity:0;transition:opacity 1s ease-in-out;z-index:1;}
#cs .cs-s.act{opacity:1;z-index:2;}
#cs .cs-s img{width:100%;height:100%;object-fit:cover;object-position:center;}
#cs .cs-ov{position:absolute;inset:0;background:rgba(0,0,0,.45);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px; padding-top: 90px;}
#cs .cs-ov h3{margin:0 0 10px;color:#fff;font-weight:900;text-shadow:2px 2px 4px rgba(0,0,0,.8);font-size:2rem;line-height:1.2;}
#cs .cs-ov h5{margin:0;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.8);font-size:1rem;line-height:1.4;}
#cs .cs-nav{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:3;}
#cs .cs-nav span{width:12px;height:12px;background:rgba(255,255,255,.5);border-radius:50%;cursor:pointer;transition:all .3s;}
#cs .cs-nav span.act{background:var(--primary-color);transform:scale(1.2);}
#cs .cs-a{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:rgba(0,0,0,.5);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;font-size:20px;border-radius:50%;user-select:none;transition:.3s;}
#cs .cs-a:hover{background:var(--primary-color);}
#cs .cs-p{left:20px;}
#cs .cs-n{right:20px;}
@media (min-width:768px){#cs{height:600px;} #cs .cs-ov{padding-top:140px;} #cs .cs-ov h3{font-size:3.5rem;}#cs .cs-ov h5{font-size:1.5rem;}}
@media (min-width:992px){#cs{height:782px;}}

/* Home Services */
#home_services { padding-top: 70px !important; }
@media (max-width: 991px) {
  #home_services { padding-top: 40px !important; }
}

/* Products Card */
.hp-card { background:#fff; border-radius:14px; overflow:hidden; box-shadow:0 4px 24px rgba(0,0,0,.07); transition:all .4s cubic-bezier(.25,.8,.25,1);  position:relative; }
.hp-card:hover { transform:translateY(-8px); box-shadow:0 16px 40px rgba(0,0,0,.13); }
.hp-img-wrap { position:relative; overflow:hidden; aspect-ratio:4/3; }
.hp-img-wrap img { width:100%; height:100%; object-fit:cover; transition:transform .6s ease; }
.hp-card:hover .hp-img-wrap img { transform:scale(1.08); }
.hp-img-overlay { position:absolute; inset:0; background:linear-gradient(180deg, transparent 40%, rgba(0,0,0,.55) 100%); opacity:0; transition:opacity .4s; }
.hp-card:hover .hp-img-overlay { opacity:1; }
.hp-img-btns { position:absolute; bottom:14px; left:50%; transform:translateX(-50%) translateY(20px); display:flex; gap:10px; opacity:0; transition:all .4s ease .1s; z-index:2; }
.hp-card:hover .hp-img-btns { opacity:1; transform:translateX(-50%) translateY(0); }
.hp-img-btns a { width:42px; height:42px; border-radius:50%; background:rgba(255,255,255,.95); color:#222; display:flex; align-items:center; justify-content:center; font-size:1rem; text-decoration:none; transition:all .25s; backdrop-filter:blur(4px); }
.hp-img-btns a:hover { background:var(--primary-color); color:#fff; transform:scale(1.12); }
.hp-img-btns a.hp-wp-btn { background:#25d366; color:#fff; }
.hp-img-btns a.hp-wp-btn:hover { background:#1da851; }
.hp-info { padding:20px 22px 24px; text-align:center; }
.hp-title { font-size:1.05rem; font-weight:700; margin:0 0 10px; line-height:1.35; color:#1a1a2e; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.hp-title a { color:inherit; text-decoration:none; transition:color .3s; }
.hp-title a:hover { color:var(--primary-color); }
.hp-price { font-size:1.15rem; font-weight:800; color:var(--primary-color); margin:0; }
.hp-wp-price { display:inline-flex; align-items:center; gap:7px; background:linear-gradient(135deg,#25d366,#128c4e); color:#fff; padding:8px 20px; border-radius:50px; font-size:.88rem; font-weight:700; text-decoration:none; transition:all .3s; box-shadow:0 3px 12px rgba(37,211,102,.3); }
.hp-wp-price:hover { transform:scale(1.06); box-shadow:0 5px 20px rgba(37,211,102,.45); color:#fff; }
.hp-no-img { width:100%; height:100%; background:linear-gradient(135deg,#f0f0f0,#e2e2e2); display:flex; align-items:center; justify-content:center; }
