/* === Global / RTL === */
.csh-wrap{direction:rtl;background:#f6f7fb}
.csh-container{max-width:1160px; margin:0 auto; padding:16px}

/* === Header === */
.csh-header{padding:6px 0 10px; text-align:center; font-weight:800; font-size:20px; letter-spacing:.2px; color:#ff4b93}
@media (min-width:992px){
  .csh-header{font-size:22px; padding:10px 0 12px}
}

/* === Boxed Sections (Kadrebandi) === */
.csh-section{background:#fff; border:1px solid #e7e9f2; border-radius:18px; padding:14px; box-shadow:0 6px 20px rgba(17,26,66,.04); margin-bottom:16px}
.csh-section--grid{padding:16px}

/* === Search === */
.csh-search{padding:0 0 12px}
.csh-search input{width:100%; padding:12px 16px; border:1px solid #e6e8ee; border-radius:14px; font-size:15px; outline:none; background:#fff}
.csh-search input:focus{border-color:#cfd6e4; box-shadow:0 0 0 3px rgba(133,153,255,.12)}

/* === Banner: show full image (contain) on all devices === */
.csh-banner{margin:0; border-radius:14px; overflow:hidden; box-shadow:0 6px 18px rgba(0,0,0,.06); text-align:center}
.csh-banner img{
  display:inline-block;
  width:auto;
  max-width:100%;
  height:auto;
  object-fit:contain;
}

/* === Grid === */
.csh-grid{display:grid; grid-gap:18px; padding:0}
/* Mobile first */
.csh-grid{grid-template-columns:repeat(2,1fr)}
@media (min-width:600px){
  .csh-grid{grid-template-columns:repeat(3,1fr)}
}
@media (min-width:992px){
  .csh-grid{grid-template-columns:repeat(6,1fr)}
}

/* === Card === */
.csh-card{display:flex; flex-direction:column; gap:10px; text-decoration:none; background:#fff; border-radius:16px; padding:12px; transition:transform .12s ease, box-shadow .12s ease; border:1px solid #e6e8f0}
.csh-card:hover{transform:translateY(-3px); box-shadow:0 10px 28px rgba(17,26,66,.08)}
.csh-thumb{width:100%; aspect-ratio:1/1; border-radius:12px; overflow:hidden; background:#fafbff; display:flex; align-items:center; justify-content:center}
.csh-thumb img{width:88%; height:88%; object-fit:contain; display:block}
.csh-title{font-size:14px; font-weight:800; color:#12131a; line-height:1.25; text-align:center; min-height:2.4em; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden}
.csh-sub{font-size:12px; color:#6e7380; line-height:1.5; text-align:center; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; min-height:1.5em}
.csh-empty{padding:24px; text-align:center; color:#6e7380}