.commentBox{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:10px;border:1px solid #ccc;border-radius:15px;width:85%;max-width:85%;margin:20px auto;background:#9B795D;background:linear-gradient(350deg,rgba(194,174,151,.6) 0%,rgba(155,121,93,.9) 100%)}.commentBox>div:first-child{background:#fff;border-radius:10px;padding:5px;color:#444;max-height:260px;overflow:hidden;grid-column:1 / 3}.commentBox>div:first-child .swiper{width:100%;height:170px}.commentBox>div:first-child .swiper-slide{color:#444;font-family:IRANSansX!important;align-items:stretch;justify-content:space-between;align-content:stretch;padding-right:0;height:170px}.commentBox>div:first-child .swiper-slide p{font-size:12px;line-height:1.5;margin-top:5px;font-weight:400;font-variation-settings:"wght" 500}.commentBox>div:first-child .swiper-slide strong{font-size:13px;font-weight:700;font-variation-settings:"wght" 700;margin-bottom:5px}.commentBox>div:first-child .swiper-slide span{font-size:11px;color:#888;font-weight:700;font-variation-settings:"wght" 700}.commentBox>div:first-child{position:relative;border-radius:10px}.commentBox>div:first-child img{width:100%;height:170px;border-radius:10px;object-fit:cover}.commentBox>div:first-child .swiper-slide main{padding:5px;width:80%;color:#fff;text-align:center;position:absolute;bottom:5px;right:50%;font-size:14px;transform:translateX(50%);background:rgba(255,255,255,.2);border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3)}.commentBox>div:last-child{display:flex;align-items:center;gap:10px;justify-content:space-between;grid-column:3 / 6;padding:10px}.commentBox>div:last-child>div{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.2);border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3);height:100%;border-radius:10px;padding:10px;flex-direction:column;justify-content:center;align-content:center;width:100%;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);font-weight:700;font-variation-settings:"wght" 700}.commentBox>div:last-child>div svg{fill:#444;width:40px;height:40px}.swiper-pagination-bullet{width:2px!important;height:10px!important;border-radius:5px!important;background:#eeeeee!important}@media (max-width:900px){.commentBox{grid-template-columns:1fr;width:95%;max-width:95%}.commentBox>div:first-child{grid-column:1 / 2}.commentBox>div:last-child{grid-column:1 / 2;flex-direction:row;justify-content:center;display:grid;grid-template-columns:repeat(2,1fr)}.commentBox>div:last-child{padding:10px 0}.commentBox>div:last-child>div{font-size:12px}}