.sd-card{
  border:1px solid #D9D9D9;
border-radius:20px;
padding:clamp(16px,2vw,24px);
}
.sd-card h4{
font-size:clamp(16px,3vw,20px);
font-weight:500;
}
.sd-card{
font-size:clamp(14px,3vw,16px);
font-weight:500;
}

.sd-price{
font-size:clamp(26px,3vw,34px);
font-weight:700;
border-top:1px solid #D9D9D9 ;
}


.sd-buy-btn{
background:#ff6a00;
color:#fff;
border-radius:12px;
padding:clamp(10px,1.5vw,14px);
font-size:clamp(14px,1.5vw,16px);
}
.sd-buy-btn:hover{
 background: #e55a00;
 color:#fff;

            transform: translateY(-2px);
            box-shadow: 0 7px 20px rgba(255, 102, 0, 0.4)
}

/* ===== Gallery ===== */
.sd-main-img{
    width:95%;

border-radius:20px;
aspect-ratio:15/7;
object-fit:cover;
}
.text-warning{
    font-size: 20px;
}

.sd-thumbs img{
width:100%;
aspect-ratio:5/4;
object-fit:cover;
border-radius:12px;
cursor:pointer;
}


/* ===== Stats ===== */
.sd-stats{
border-radius:20px;
padding:clamp(16px,2vw,24px);
}
.sd-card .detext{
font-size:clamp(14px,3vw,16px);
font-weight:600;
}

.sd-stat-item h4{
font-size:clamp(20px,1vw,24px);
font-weight: 700;
color:#ff6a00;
margin:0;
}


.sd-stat-item span{
font-size:clamp(20px,1vw,24px);
font-weight: 700;
}


.sd-profile-btn{
background:#ff6a00;
color:#fff;
border-radius:12px;
padding:clamp(8px,1.2vw,12px) clamp(16px,2vw,24px);
font-size:clamp(13px,1.2vw,15px);
}
.weui--location-outlined {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='m12.065 21.243l-.006-.005zm.182-.274a29 29 0 0 0 3.183-3.392c2.04-2.563 3.281-5.09 3.365-7.337a6.8 6.8 0 1 0-13.591 0c.085 2.247 1.327 4.774 3.366 7.337a29 29 0 0 0 3.183 3.392q.166.15.247.218zm-.985 1.165S4 16.018 4 10a8 8 0 1 1 16 0c0 6.018-7.262 12.134-7.262 12.134c-.404.372-1.069.368-1.476 0M12 12.8a2.8 2.8 0 1 0 0-5.6a2.8 2.8 0 0 0 0 5.6m0 1.2a4 4 0 1 1 0-8a4 4 0 0 1 0 8'/%3E%3C/svg%3E");
}
.pixel--calender {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M16 1h2v1h-2zm6 4V4h-3V2h-1v5h-2V2h-1v2H9V2H8v5H6V2H5v2H2v1H1v17h1v1h20v-1h1V5zM2 6h1V5h2v2H2zm4 16H3v-1H2v-3h4zm0-5H2v-4h4zm0-5H2V8h4zm11-4v4h-4V8zm0 9h-4v-4h4zM9 5h6v2H9zm2 17H7v-4h4zm0-5H7v-4h4zm0-5H7V8h4zm2 10v-4h4v4zm9-1h-1v1h-3v-4h4zm0-4h-4v-4h4zm0-5h-4V8h4zm0-5h-3V5h2v1h1zM6 1h2v1H6z'/%3E%3C/svg%3E");
}
.sd-reviews-title{
font-size:clamp(16px,2vw,20px);
font-weight:700;
color:#ff6a00;
margin-bottom:clamp(16px,2vw,24px);
}


.sd-review-item{
border:1px solid #eee;
border-radius:14px;
padding:clamp(12px,1.5vw,18px);
margin-bottom:clamp(12px,1.5vw,16px);
}


.sd-review-meta{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:8px;
}


.sd-review-time{
font-size:clamp(13px,1.2vw,16px);
color:#777;
}


.sd-review-user{
display:flex;
align-items:center;
gap:8px;
}


.sd-review-name{
font-size:clamp(18px,3vw,24px);
font-weight:700;
}


.sd-review-avatar{
width:clamp(28px,3vw,34px);
height:clamp(28px,3vw,34px);
border-radius:50%;
background:#9BE3FE;
display:flex;
align-items:center;
justify-content:center;
font-weight:700;
color:#000000;
}


.sd-review-rate{
color:#FFC107;
font-size:clamp(16px,2vw,20px);
margin-bottom:6px;
}


.sd-review-text{
font-size:clamp(13px,1.4vw,15px);
color:#555;
margin:0;
font-weight:500;

}

.sd-review-empty {
  margin-top: clamp(16px, 2vw, 24px);
  padding: clamp(20px, 3vw, 32px);

  width: 100%;
  min-height: clamp(160px, 25vw, 220px); /* 👈 الطول أطول */

  border: 1px solid #ddd;
  border-radius: 14px;

  text-align: right;          /* RTL */
  resize: vertical;           /* يسمح بالتمديد من تحت */
  
  color: #555;
  font-size: clamp(13px, 1.3vw, 15px);
  line-height: 1.6;

  outline: none;
}

/* Placeholder */
.sd-review-empty::placeholder {
  color: #999;
}

/* Focus */
.sd-review-empty:focus {
  border-color: #ff7a00;
  background: #fffdf9;
}

.mdi--eye {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M12 9a3 3 0 0 0-3 3a3 3 0 0 0 3 3a3 3 0 0 0 3-3a3 3 0 0 0-3-3m0 8a5 5 0 0 1-5-5a5 5 0 0 1 5-5a5 5 0 0 1 5 5a5 5 0 0 1-5 5m0-12.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5'/%3E%3C/svg%3E");
}
.bgm{
    padding: 20px 30px;
    background:#DDDDDDB2 ;
    font-size:clamp(20px,1vw,24px);
font-weight: 700;
}