body{
    font-family: 'BonyadeKoodak', sans-serif;
    background-color: #EBEBEB;
	  direction: rtl;
  
  }

  @font-face {
	font-family: BonyadeKoodak;
	font-style: normal;
	font-weight: 100;
	src: url('/fonts/Bonyad/woff/BonyadeKoodakFaNum-Thin.woff') format('woff'),  
 
	url('/fonts/Bonyad/woff2/BonyadeKoodakFaNum-Thin.woff2') format('woff2');		
}


@font-face {
	font-family: BonyadeKoodak;
	font-style: normal;
	font-weight: 200;
	src: url('/Bonyad/woff/BonyadeKoodakFaNum-ExtraLight.woff') format('woff'),   
	
url('/Bonyad/woff2/BonyadeKoodakFaNum-ExtraLight.woff2') format('woff2');		
}


@font-face {
	font-family: BonyadeKoodak;
	font-style: normal;
	font-weight: 300;
	src: url('/fonts/woff/BonyadeKoodakFaNum-Light.woff') format('woff'),   
	url('/fonts/Bonyad/woff2/BonyadeKoodakFaNum-Light.woff2') 
format('woff2');		
}


@font-face {
	font-family: BonyadeKoodak;
	font-style: normal;
	font-weight: normal;
	src: url('/fonts/Bonyad/woff/BonyadeKoodakFaNum-Regular.woff') format('woff'),   
	url('/fonts/woff2/BonyadeKoodakFaNum-Regular.woff2') format('woff2');		 	 
}

@font-face {
	font-family: BonyadeKoodak;
	font-style: normal;
	font-weight: 500;
	src: url('/assets/fonts/woff/BonyadeKoodakFaNum-Medium.woff') format('woff'),   
	url('/fonts/Bonyad/woff2/BonyadeKoodakFaNum-Medium.woff2') format('woff2');		 
}

@font-face {
	font-family: BonyadeKoodak;
	font-style: normal;
	font-weight: bold;
	src: url('/assets/fonts/Bonyad/woff/BonyadeKoodakFaNum-Bold.woff') format('woff'),   
	url('/assets/fonts/woff2/BonyadeKoodakFaNum-Bold.woff2') format('woff2'); 
}

@font-face {
	font-family: BonyadeKoodak;
	font-style: normal;
	font-weight: 700;
	src: url('/assets/fonts/woff/BonyadeKoodakFaNum-ExtraBold.woff') format('woff'),   
	url('/fonts/Bonyad/woff2/BonyadeKoodakFaNum-ExtraBold.woff2') format('woff2'); 
}
@font-face {
	font-family: BonyadeKoodak;
	font-style: normal;
	font-weight: 800;
	src: url('/assets/fonts/woff/BonyadeKoodakFaNum-ExtraBold.woff') format('woff'),   
	url('/fonts/Bonyad/woff2/BonyadeKoodakFaNum-ExtraBold.woff2') format('woff2'); 
}


@font-face {
	font-family: BonyadeKoodak;
	font-style: normal;
	font-weight: 900;
	src: url('/fonts/woff/BonyadeKoodakFaNum-Black.woff') format('woff'),   
	url('/fonts/Bonyad/woff2/BonyadeKoodakFaNum-Black.woff2') format('woff2');
}
h1,h2,h3,h4,h5,h6{
	font-family: 'BonyadeKoodak';
	line-height: normal;
}
   .header {
       background-color: #ffffff;
        padding: 10px 24px;
        display: flex;
        align-items: center;
        justify-content: space-around;
        /* max-width: 1392px; */
        /* transform: translateX(-230px); */
    }


.search-box {
  position: relative;
  width: 300px;
}

.search-box input {
  padding-right: 35px; /* جا برای آیکون */
}

.search-box .search-icon {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
  pointer-events: none; /* روی کلیک input اثر نذاره */
  transition: opacity 0.3s;
}
.form-control:focus {
    border-color: #e81d75;
    box-shadow: none;
}

.card-text:last-child {
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

button.btn.tab-button.active {
    background: #E81D75;
    color: #fff;
}

button.btn.tab-button {
    border-radius: 20px;
    padding: 4px 14px;
    margin: 0 4px;
    font-size: 14px;
	font-weight: 500;
    color: #E81D75;
    border: 1px solid #E81D75;
}



.video-player {
        border-radius: 1rem;
        overflow: hidden;
        position: relative;
    }
    /* دکمه پلی سفارشی با انیمیشن پالس */
    .play-btn {
        position: absolute;
        top: 43%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: #e83e8c;
        color: #fff;
        border: none;
        border-radius: 50%;
        width: 70px;
        height: 70px;
        font-size: 2rem;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        z-index: 5;
        animation: pulse 1.5s infinite;
    }
	
		@keyframes pulse {
        0% { transform: translate(-50%, -50%) scale(1); opacity: 1; }
        50% { transform: translate(-50%, -50%) scale(1.2); opacity: 0.7; }
        100% { transform: translate(-50%, -50%) scale(1); opacity: 1; }
    }
   
    .play-btn.hidden { display: none !important; }

    /* کامنت‌ها */
    .comment-box {
        border-radius: 1rem;
        background: #fff;
        padding: 1rem;
        margin-bottom: 1rem;
    }
    .comment-author { font-weight: bold; }
    .reply-box { margin-right: 3rem; }
    .avatar {
        width: 40px;
        height: 40px;
        border-radius: 50%;
    }
    .comment-footer button {
        border: none;
        background: none;
        color: #6c757d;
        cursor: pointer;
    }
    .comment-footer button:hover { color: #000; }
    .like-btn.liked i { color: #e83e8c; transition: color 0.3s; }

    /* فرم دیدگاه */
    .input-with-btn { position: relative; }
    .input-with-btn textarea { padding-left: 5rem; }
    .input-with-btn button {
        position: absolute;
        bottom: 0.5rem;
        left: 0.5rem;
    }

    /* ویدیوهای مشابه موبایل به صورت اسلاید */
    .similar-slider {
        display: flex;
        overflow-x: auto;
        gap: 1rem;
        scroll-snap-type: x mandatory;
        padding: 0.5rem;
    }
    .similar-slider::-webkit-scrollbar { display: none; }
    .similar-slider .side-videos {
        flex: 0 0 85%;
        scroll-snap-align: center;
        background: #fff;
        border-radius: 1rem;
        padding: 0.5rem;
        cursor: pointer;
        transition: transform 0.3s;
    }
    .similar-slider .side-videos:hover { transform: scale(1.02); }
    .side-videos img { border-radius: 0.75rem; }