/* Han OOT About Widget */
.han-about{--gap:28px; --shadow:0 10px 30px rgba(0,0,0,.08); --bg:#fff}
.han-about .grid{display:grid; grid-template-columns:1.1fr 1fr; align-items:center; gap:var(--gap)}
@media(max-width:992px){.han-about .grid{grid-template-columns:1fr; gap:22px}}
.han-about .media{position:relative; min-height:380px}
.han-about .media .img{position:absolute; overflow:hidden}
.han-about .media .img img{width:100%; height:100%; object-fit:cover; display:block; border-radius:24px; box-shadow:var(--shadow)}
.han-about .media .img.a{left:0; top:0; width:55%; height:78%}
.han-about .media .img.b{right:6%; top:6%; width:48%; height:55%}
.han-about .media .img.c{left:18%; bottom:0; width:58%; height:48%}

.han-about .rating-card{position:absolute; left:40%; top:70%; transform:translate(-50%,-50%); background:#fff; border-radius:16px; padding:10px 14px; box-shadow:var(--shadow); display:flex; align-items:center; gap:10px}
.han-about .rating-card .stars i{color:#f59e0b; margin-right:3px}
.han-about .rating-card .label{font-weight:600}

.han-about .content .eyebrow{display:inline-block; color:#fff; font-weight:700; font-size:12px; padding:8px 12px; border-radius:10px; letter-spacing:.4px; margin-bottom:16px}
.han-about h2{font-size:38px; line-height:1.15; margin:10px 0 14px}
.han-about .desc{font-size:16px; color:#4b5563; margin-bottom:14px}

.han-about .features{list-style:none; padding:0; margin:12px 0 22px; display:grid; gap:10px}
.han-about .feature{display:flex; align-items:center; gap:10px; font-weight:600}
.han-about .feature i{font-size:16px}

.han-about .cta-btn{display:inline-flex; align-items:center; justify-content:center; padding:14px 18px; border-radius:12px; color:#fff; font-weight:700; text-decoration:none; box-shadow:var(--shadow)}
@media(max-width:576px){
  .han-about .media{min-height:300px}
  .han-about h2{font-size:28px}
}