#native-ads-container-1 {
        display: flex;
        flex-wrap: wrap; /* محصولات را در چند ردیف قرار می‌دهد */
        justify-content: space-between; /* فاصله بین محصولات را تنظیم می‌کند */
    }
    #native-ads-container-2 {
        display: flex;
        flex-wrap: wrap; /* محصولات را در چند ردیف قرار می‌دهد */
        justify-content: space-between; /* فاصله بین محصولات را تنظیم می‌کند */
    }
    #native-ads-container-3 {
        display: flex;
        flex-wrap: wrap; /* محصولات را در چند ردیف قرار می‌دهد */
        justify-content: space-between; /* فاصله بین محصولات را تنظیم می‌کند */
    }

    .native-ad {
        flex: 1 0 calc(33% - 20px); /* هر محصول یک سوم از عرض کانتینر را می‌گیرد */
        position: relative; /* برای موقعیت‌دهی مطلق دکمه */
        overflow: hidden; /* پنهان‌کردن اجزای دکمه هنگام خارج‌شدن از مرزها */
        background-color: #fff; /* پس‌زمینه سفید برای محصول */
        text-align: center; /* قرارگیری متن در وسط */
        margin: 1px;
    }

    #native-ads-container-1 img,
#native-ads-container-2 img,
#native-ads-container-3 img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    border: 1px solid #ccc;
    margin: 0;
}



    .native-ad h3 {
        text-align: center; /* وسط‌چین کردن عنوان */
        margin: 10px 0; /* فاصله بالا و پایین عنوان */
    }

    .view-product {
        position: absolute;
        top: 45%; /* وسط روی تصویر در حالت پیش‌فرض */
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: red; /* رنگ پس‌زمینه قرمز */
        color: white; /* رنگ متون سفید */
        padding: 5px 10px;
        border-radius: 5px;
        text-decoration: none;
        opacity: 0; /* ابتدا به صورت نامرئی */
        transition: opacity 0.3s ease, top 0.3s ease; /* انیمیشن ظاهر و جابه‌جا شدن */
    }

    .native-ad:hover .view-product {
        opacity: 1; /* نمایش دکمه هنگام هاور */
        top: 50%; /* جابجا شدن به پایین */
    }
    
        .fee {
        position: absolute;
        top: 10px; /* موقعیت بالا */
        right: 15px; /* موقعیت چپ */
        background-color: rgba(255, 5, 5, 0.7); /* رنگ زمینه نیمه‌شفاف */
        color: #fff; /* رنگ متن */
        padding: 5px 10px;
        border-radius: 3px;
        z-index: 10; /* برای قرارگیری بالای عناصر دیگر */
    }

    @media (max-width: 768px) {
        .native-ad {
            flex: 1 1 100%; /* در عرض‌های کوچک، هر محصول تمام عرض صفحه را می‌گیرد */
        }
    }
    
    .ad-banner {
            background-color: #f0f0f0;
            padding: 10px;
            margin: 10px 0;
            text-align: center;
        }
        
              #iqbi-embed-box {position:fixed; bottom:15px; left:15px; width:300px; background:#fff; border:2px solid #eee; border-radius:12px; box-shadow:0 2px 12px rgba(0,0,0,0.15); overflow:hidden; z-index:9999; transition:all 0.3s ease-in-out;}
      #iqbi-embed-header {display:flex; align-items:center; padding:8px;}
      #iqbi-embed-img {width:55px; height:55px; border-radius:8px; background-size:cover; background-position:center; margin-right:1px; flex-shrink:0;}
      #iqbi-embed-title {font-size:14px; font-weight:bold; color:#222; line-height:1.3; text-decoration:none; margin-right:5px;}
      #iqbi-embed-close {position:absolute; top:-3px; left:-3px; background:#ff5c5c; color:#fff; font-weight:bold; border:none; border-radius:50%; width:20px; height:20px; cursor:pointer; font-size:14px; box-shadow:0 2px 6px rgba(0,0,0,0.2);}
      @media(max-width:600px){#iqbi-embed-box{left:50%; transform:translateX(-50%); width:90vw;}}