فراغیب

09383898158: تفاوت میان نسخه‌ها

دیداریویکی‌متن
صفحه‌ای تازه حاوی « <html lang="fa" dir="rtl"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="ایران پخش به مدیریت آقای شفیعی، مرکز پخش و توزیع مواد شوینده، محصولات بهداشتی و مواد خوراکی با هدف تأمین سریع و مطمئن فروشگاه‌ها و م...» ایجاد کرد
 
بدون خلاصۀ ویرایش
 
(۲ نسخهٔ میانیِ ایجادشده توسط همین کاربر نشان داده نشد)
خط ۱: خط ۱:
<html lang="fa" dir="rtl">
<html lang="fa" dir="rtl">


خط ۱۰: خط ۹:


     <meta name="description"
     <meta name="description"
           content="ایران پخش به مدیریت آقای شفیعی، مرکز پخش و توزیع مواد شوینده، محصولات بهداشتی و مواد خوراکی با هدف تأمین سریع و مطمئن فروشگاه‌ها و مراکز مصرفی.">
           content="ایران پخش به مدیریت آقای شفیعی؛ پخش و توزیع مواد شوینده، محصولات بهداشتی و مواد خوراکی با هدف تأمین منظم و مطمئن فروشگاه‌ها و مراکز تجاری.">


     <meta name="keywords"
     <meta name="keywords"
           content="ایران پخش, پخش مواد شوینده, پخش مواد غذایی, پخش خوراکی, مواد شوینده, محصولات بهداشتی, مواد غذایی, توزیع مواد غذایی, آقای شفیعی">
           content="ایران پخش, پخش مواد شوینده, پخش مواد غذایی, پخش خوراکی, پخش محصولات بهداشتی, توزیع مواد شوینده, توزیع مواد غذایی, آقای شفیعی">


     <meta name="robots"
     <meta name="robots"
خط ۲۱: خط ۲۰:
           content="ایران پخش">
           content="ایران پخش">


     <title>ایران پخش | پخش مواد شوینده و خوراکی به مدیریت آقای شفیعی</title>
     <title>
        ایران پخش | پخش مواد شوینده و خوراکی | مدیریت آقای شفیعی
    </title>
 


    <!--
        IRANSans
        فایل فونت دارای مجوز خود را در مسیر fonts قرار دهید.
    -->
     <style>
     <style>


خط ۶۲: خط ۶۰:
             --orange: #f59f00;
             --orange: #f59f00;
             --orange-light: #fff4d6;
             --orange-light: #fff4d6;
            --red: #e03131;


             --blue: #1971c2;
             --blue: #1971c2;
             --blue-light: #e8f2fc;
             --blue-light: #e8f2fc;
            --red: #e03131;


             --dark: #172b26;
             --dark: #172b26;
خط ۱۱۹: خط ۱۱۷:
                 sans-serif;
                 sans-serif;


             font-size: 15px;
            /* قبلاً 15px بود */
             font-size: 17px;


             line-height: 1.9;
             line-height: 1.9;
خط ۱۲۸: خط ۱۲۷:


         img {
         img {
            display: block;


             max-width: 100%;
             max-width: 100%;
            width: 100%;


             height: auto;
             height: auto;
            display: block;
         }
         }


خط ۱۵۴: خط ۱۵۵:
         .container {
         .container {


             width: min(
             width:
                calc(100% - 28px),
                min(
                var(--container)
                    calc(100% - 28px),
            );
                    var(--container)
                );


             margin-inline: auto;
             margin-inline: auto;
خط ۱۶۴: خط ۱۶۶:


         /* =========================================================
         /* =========================================================
           TOP INFO BAR
           TOP BAR
         ========================================================= */
         ========================================================= */


خط ۱۷۱: خط ۱۷۳:
             background: var(--dark);
             background: var(--dark);


             color: #fff;
             color: #ffffff;


             font-size: 13px;
             font-size: 14px;
         }
         }


خط ۱۸۵: خط ۱۸۷:
             align-items: center;
             align-items: center;


             justify-content: space-between;
             justify-content: center;
 
            gap: 30px;


             gap: 15px;
             text-align: center;
         }
         }


خط ۱۹۶: خط ۲۰۰:


             align-items: center;
             align-items: center;
            justify-content: center;


             gap: 7px;
             gap: 7px;
خط ۲۰۸: خط ۲۱۴:


         /* =========================================================
         /* =========================================================
           MAIN HEADER
           HEADER
         ========================================================= */
         ========================================================= */


         .ip-header {
         .ip-header {


             background: #fff;
             background: #ffffff;


             border-bottom:
             border-bottom:
خط ۲۲۰: خط ۲۲۶:
             position: relative;
             position: relative;


             z-index: 10;
             z-index: 20;
         }
         }


خط ۲۳۲: خط ۲۳۸:
             align-items: center;
             align-items: center;


             justify-content: space-between;
             justify-content: center;


             gap: 25px;
             gap: 28px;
 
            flex-wrap: wrap;
         }
         }


خط ۲۶۵: خط ۲۷۳:
                 );
                 );


             color: #fff;
             color: #ffffff;


             display: grid;
             display: grid;
خط ۲۷۱: خط ۲۷۹:
             place-items: center;
             place-items: center;


             font-size: 23px;
             font-size: 21px;


             font-weight: 700;
             font-weight: 700;
            box-shadow:
                0 8px 18px
                rgba(8,127,91,.18);
         }
         }


خط ۲۸۷: خط ۲۹۱:
             color: var(--dark);
             color: var(--dark);


             font-size: 20px;
             font-size: 21px;


             line-height: 1.3;
             line-height: 1.4;
         }
         }


خط ۲۹۹: خط ۳۰۳:
             color: var(--muted);
             color: var(--muted);


             font-size: 11px;
             font-size: 12px;
         }
         }


خط ۳۰۸: خط ۳۱۲:


             align-items: center;
             align-items: center;
            justify-content: center;


             gap: 4px;
             gap: 4px;
خط ۳۲۱: خط ۳۲۷:
             color: var(--text);
             color: var(--text);


             font-size: 14px;
             font-size: 15px;
 
            transition:
                background .2s ease,
                color .2s ease;
         }
         }


خط ۳۴۱: خط ۳۴۳:
             background: var(--primary);
             background: var(--primary);


             color: #fff;
             color: #ffffff;


             padding: 10px 17px;
             padding: 10px 17px;
خط ۳۴۷: خط ۳۴۹:
             border-radius: 11px;
             border-radius: 11px;


             font-size: 13px;
             font-size: 14px;


             white-space: nowrap;
             white-space: nowrap;
خط ۳۵۹: خط ۳۶۱:
         .ip-hero {
         .ip-hero {


             padding: 24px 0 12px;
             padding: 25px 0 15px;
         }
         }


خط ۳۸۲: خط ۳۸۴:
                 1px solid #dcece6;
                 1px solid #dcece6;


             min-height: 400px;
             min-height: 420px;


             display: flex;
             display: flex;


             align-items: center;
             align-items: center;
            justify-content: center;
         }
         }


خط ۳۹۴: خط ۳۹۸:
             width: 100%;
             width: 100%;


             padding: 42px 32px;
             padding: 40px 28px;


             position: relative;
             position: relative;


             z-index: 2;
             z-index: 3;
 
            text-align: center;
 
            display: flex;
 
            flex-direction: column;
 
            align-items: center;
         }
         }


خط ۴۰۷: خط ۴۱۹:


             align-items: center;
             align-items: center;
            justify-content: center;


             gap: 7px;
             gap: 7px;


             background: #fff;
             background: #ffffff;


             color: var(--primary);
             color: var(--primary);


             padding: 6px 12px;
             padding: 6px 13px;


             border-radius: 50px;
             border-radius: 50px;


             font-size: 12px;
             font-size: 13px;


             margin-bottom: 15px;
             margin-bottom: 15px;
خط ۴۳۳: خط ۴۴۷:
             color: var(--dark);
             color: var(--dark);


             font-size: clamp(
             font-size:
                28px,
                clamp(
                4vw,
                    30px,
                45px
                    4vw,
            );
                    45px
                );


             line-height: 1.45;
             line-height: 1.5;


             font-weight: 700;
             font-weight: 700;


             max-width: 670px;
             max-width: 760px;
         }
         }


خط ۴۵۵: خط ۴۷۰:
         .ip-hero p {
         .ip-hero p {


             max-width: 650px;
             max-width: 680px;


             margin: 0 0 24px;
             margin: 0 auto 24px;


             color: var(--text);
             color: var(--text);


             font-size: 16px;
             font-size: 17px;
         }
         }


خط ۴۶۸: خط ۴۸۳:


             display: flex;
             display: flex;
            align-items: center;
            justify-content: center;


             flex-wrap: wrap;
             flex-wrap: wrap;
خط ۴۸۵: خط ۵۰۴:
             min-height: 46px;
             min-height: 46px;


             padding: 8px 18px;
             padding: 8px 19px;


             border-radius: 12px;
             border-radius: 12px;


             font-size: 13px;
             font-size: 15px;
 
            transition:
                transform .2s ease,
                box-shadow .2s ease;
        }
 
 
        .ip-btn:hover {
 
            transform: translateY(-2px);
         }
         }


خط ۵۰۵: خط ۵۱۴:
         .ip-btn--primary {
         .ip-btn--primary {


             color: #fff;
             color: #ffffff;


             background: var(--primary);
             background: var(--primary);
خط ۵۱۹: خط ۵۲۸:
             color: var(--primary);
             color: var(--primary);


             background: #fff;
             background: #ffffff;


             border:
             border:
خط ۵۲۶: خط ۵۳۵:




         .ip-hero__shapes {
         /* =========================================================
          HERO IMAGE
        ========================================================= */


            position: absolute;
        .ip-hero__visual {


             inset: 0;
             width: 100%;


             pointer-events: none;
             max-width: 470px;
        }


            margin: 25px auto 0;


        .ip-shape {
            position: relative;


             position: absolute;
             z-index: 2;
        }


            border-radius: 50%;


            opacity: .55;
        .ip-hero__image-wrap {
        }


            width: 100%;


        .ip-shape--one {
            border-radius: 22px;


             width: 260px;
             overflow: hidden;


             height: 260px;
             background: #ffffff;


             background: #bdebd9;
             border:
                1px solid #d8e9e2;


             left: -80px;
             box-shadow: var(--shadow);
        }


            bottom: -120px;
        }


        .ip-hero__image {


        .ip-shape--two {
            width: 100%;


             width: 180px;
             height: auto;


             height: 180px;
             aspect-ratio: 16 / 9;


             background: #ffe3a1;
             object-fit: cover;
        }


            right: 10%;


            top: -100px;
        .ip-hero__shapes {
        }


            position: absolute;


        .ip-hero__visual {
            inset: 0;


             display: none;
             pointer-events: none;
         }
         }




         /* =========================================================
         .ip-shape {
          TRUST STRIP
 
        ========================================================= */
            position: absolute;


        .ip-trust {
            border-radius: 50%;


             padding: 12px 0 28px;
             opacity: .55;
         }
         }




         .ip-trust__grid {
         .ip-shape--one {
 
            width: 250px;
 
            height: 250px;


             display: grid;
             background: #bdebd9;


             grid-template-columns:
             left: -90px;
                repeat(2, 1fr);


             gap: 10px;
             bottom: -120px;
         }
         }




         .ip-trust__item {
         .ip-shape--two {


             background: #fff;
             width: 180px;


             border:
             height: 180px;
                1px solid var(--border);


             border-radius: 15px;
             background: #ffe3a1;


             padding: 15px;
             right: -30px;
 
            text-align: center;


             box-shadow:
             top: -90px;
                0 5px 18px
                rgba(0,0,0,.035);
         }
         }




         .ip-trust__number {
         /* =========================================================
          TRUST
        ========================================================= */


            color: var(--primary);
        .ip-trust {


             font-size: 24px;
             padding: 12px 0 28px;
 
            font-weight: 700;
 
            display: block;
         }
         }




         .ip-trust__item span:last-child {
         .ip-trust__grid {


             color: var(--muted);
             display: grid;


             font-size: 12px;
             grid-template-columns:
        }
                repeat(2, 1fr);


            gap: 10px;


        /* =========================================================
            max-width: 950px;
          SECTION
        ========================================================= */


        .ip-section {
            margin-inline: auto;
 
            padding: 42px 0;
         }
         }




         .ip-section--light {
         .ip-trust__item {


             background: var(--light);
             background: #ffffff;
        }


            border:
                1px solid var(--border);


        .ip-section__head {
            border-radius: 15px;


             margin-bottom: 25px;
             padding: 15px;


             display: flex;
             text-align: center;


             align-items: end;
             box-shadow:
 
                0 5px 18px
            justify-content: space-between;
                rgba(0,0,0,.035);
 
            gap: 15px;
         }
         }




         .ip-section__title {
         .ip-trust__number {


             margin: 0;
             color: var(--primary);


             color: var(--dark);
             font-size: 25px;


             font-size: 24px;
             font-weight: 700;


             line-height: 1.5;
             display: block;
         }
         }




         .ip-section__title span {
         .ip-trust__item span:last-child {
 
            color: var(--primary);
        }
 
 
        .ip-section__desc {
 
            margin: 5px 0 0;


             color: var(--muted);
             color: var(--muted);


             font-size: 13px;
             font-size: 14px;
         }
         }




         /* =========================================================
         /* =========================================================
           CATEGORY CARDS
           SECTION
         ========================================================= */
         ========================================================= */


         .ip-category-grid {
         .ip-section {


             display: grid;
             padding: 42px 0;
        }


            grid-template-columns:
                repeat(2, 1fr);


             gap: 12px;
        .ip-section--light {
 
             background: var(--light);
         }
         }




         .ip-category {
         .ip-section__head {


             background: #fff;
             margin-bottom: 25px;


             border:
             text-align: center;
                1px solid var(--border);
        }


            border-radius: var(--radius);


            padding: 18px;
        .ip-section__title {


             position: relative;
             margin: 0;


             overflow: hidden;
             color: var(--dark);


             box-shadow: var(--shadow);
             font-size: 27px;


             transition:
             line-height: 1.5;
                transform .2s ease,
                border-color .2s ease;
         }
         }




         .ip-category:hover {
         .ip-section__title span {


             transform: translateY(-4px);
             color: var(--primary);
 
            border-color:
                #b8ddd0;
         }
         }




         .ip-category__icon {
         .ip-section__desc {


             width: 48px;
             margin: 5px auto 0;


             height: 48px;
             color: var(--muted);


             border-radius: 14px;
             font-size: 15px;


             display: grid;
             max-width: 700px;
        }


            place-items: center;


            font-size: 23px;
        /* =========================================================
          CATEGORY
        ========================================================= */


            margin-bottom: 12px;
        .ip-category-grid {


             background: var(--primary-light);
             display: grid;
        }
 
            grid-template-columns:
                repeat(2, 1fr);


            gap: 12px;


        .ip-category:nth-child(2)
            max-width: 1100px;
        .ip-category__icon {


             background: var(--orange-light);
             margin-inline: auto;
         }
         }




         .ip-category:nth-child(3)
         .ip-category {
        .ip-category__icon {


             background: var(--blue-light);
             background: #ffffff;
        }


            border:
                1px solid var(--border);


        .ip-category:nth-child(4)
            border-radius: var(--radius);
        .ip-category__icon {


             background: #fdecec;
             padding: 18px;
        }


            position: relative;


        .ip-category h3 {
            overflow: hidden;


             margin: 0 0 5px;
             box-shadow: var(--shadow);


             font-size: 16px;
             text-align: center;
 
            color: var(--dark);
         }
         }




         .ip-category p {
         .ip-category__icon {


             margin: 0;
             width: 55px;


             color: var(--muted);
             height: 55px;


             font-size: 12px;
             margin: 0 auto 12px;
        }


            border-radius: 15px;


        .ip-category__link {
            display: grid;


             display: inline-block;
             place-items: center;
 
            margin-top: 10px;


             color: var(--primary);
             font-size: 27px;


             font-size: 12px;
             background: var(--primary-light);
         }
         }




         /* =========================================================
         .ip-category:nth-child(2)
          PRODUCTS
         .ip-category__icon {
         ========================================================= */


         .ip-products {
            background: var(--orange-light);
         }


            display: grid;


            grid-template-columns:
        .ip-category:nth-child(3)
                repeat(2, 1fr);
        .ip-category__icon {


             gap: 12px;
             background: var(--blue-light);
         }
         }




         .ip-product {
         .ip-category:nth-child(4)
        .ip-category__icon {


             background: #fff;
             background: #fdecec;
        }


            border:
                1px solid var(--border);


            border-radius: var(--radius);
        .ip-category h3 {


             overflow: hidden;
             margin: 0 0 5px;


             box-shadow:
             font-size: 18px;
                0 7px 25px
                rgba(30,70,60,.055);


             transition:
             color: var(--dark);
                transform .2s ease;
         }
         }




         .ip-product:hover {
         .ip-category p {


             transform: translateY(-4px);
             margin: 0;
        }


            color: var(--muted);


         .ip-product__image {
            font-size: 14px;
         }


            aspect-ratio: 1 / .78;


            background:
        .ip-category__link {
                linear-gradient(
                    135deg,
                    #eef8f4,
                    #fff
                );


             display: grid;
             display: inline-block;


             place-items: center;
             margin-top: 10px;


             padding: 18px;
             color: var(--primary);


             font-size: 55px;
             font-size: 14px;
         }
         }




         .ip-product__content {
         /* =========================================================
          PRODUCTS
        ========================================================= */


            padding: 14px;
         .ip-products {
         }


            display: grid;


        .ip-product__tag {
            grid-template-columns:
                repeat(2, 1fr);


             display: inline-block;
             gap: 14px;


             background: var(--primary-light);
             max-width: 1150px;


             color: var(--primary);
             margin-inline: auto;
        }


            padding: 3px 8px;


            border-radius: 50px;
        .ip-product {


             font-size: 10px;
             background: #ffffff;


             margin-bottom: 7px;
             border:
        }
                1px solid var(--border);


            border-radius: var(--radius);


        .ip-product h3 {
            overflow: hidden;


             margin: 0 0 4px;
             box-shadow:
 
                0 7px 25px
            color: var(--dark);
                rgba(30,70,60,.055);
 
            font-size: 14px;
         }
         }




         .ip-product p {
         .ip-product__image {


             margin: 0;
             width: 100%;
 
            color: var(--muted);


             font-size: 11px;
             aspect-ratio: 4 / 3;


             line-height: 1.8;
             background:
        }
                linear-gradient(
                    135deg,
                    #eef8f4,
                    #ffffff
                );


            overflow: hidden;


        /* =========================================================
            display: flex;
          ADVANTAGES
        ========================================================= */


        .ip-advantages {
            align-items: center;


             display: grid;
             justify-content: center;
        }


            gap: 12px;
        }


        .ip-product__image img {


        .ip-advantage {
            width: 100%;


             background: #fff;
             height: 100%;


             border:
             object-fit: contain;
                1px solid var(--border);


             border-radius: 16px;
             padding: 10px;
        }


            padding: 18px;


            display: flex;
        .ip-product__content {


             gap: 13px;
             padding: 14px;


             align-items: flex-start;
             text-align: center;
         }
         }




         .ip-advantage__icon {
         .ip-product__tag {


             width: 42px;
             display: inline-block;


             height: 42px;
             background: var(--primary-light);


             flex: 0 0 42px;
             color: var(--primary);


             border-radius: 12px;
             padding: 3px 9px;


             background: var(--primary-light);
             border-radius: 50px;


             color: var(--primary);
             font-size: 12px;


             display: grid;
             margin-bottom: 7px;
 
            place-items: center;
 
            font-size: 20px;
         }
         }




         .ip-advantage h3 {
         .ip-product h3 {


             margin: 0 0 3px;
             margin: 0 0 4px;


             color: var(--dark);
             color: var(--dark);


             font-size: 15px;
             font-size: 17px;
         }
         }




         .ip-advantage p {
         .ip-product p {


             margin: 0;
             margin: 0;
خط ۹۹۵: خط ۹۷۴:
             color: var(--muted);
             color: var(--muted);


             font-size: 12px;
             font-size: 13px;
 
            line-height: 1.8;
         }
         }




         /* =========================================================
         /* =========================================================
           PROCESS
           IMAGE BANNER
         ========================================================= */
         ========================================================= */


         .ip-process {
         .ip-image-banner {


             display: grid;
             margin-top: 30px;


             gap: 12px;
             max-width: 1100px;


             counter-reset: process;
             margin-inline: auto;
        }


            border-radius: 22px;


        .ip-process__item {
            overflow: hidden;


            position: relative;
             border:
 
            background: #fff;
 
             border:
                 1px solid var(--border);
                 1px solid var(--border);


             border-radius: 16px;
             box-shadow: var(--shadow);
 
            padding: 20px;
 
            padding-right: 62px;
         }
         }




         .ip-process__item::before {
         .ip-image-banner img {


             counter-increment: process;
             width: 100%;


             content: counter(process);
             height: auto;


             position: absolute;
             aspect-ratio: 16 / 6;


             right: 18px;
             object-fit: cover;
        }


            top: 19px;


            width: 32px;
        /* =========================================================
          ADVANTAGES
        ========================================================= */


            height: 32px;
        .ip-advantages {
 
            border-radius: 10px;


             display: grid;
             display: grid;


             place-items: center;
             gap: 12px;
 
            background: var(--primary);


             color: #fff;
             max-width: 1100px;


             font-size: 13px;
             margin-inline: auto;
         }
         }




         .ip-process__item h3 {
         .ip-advantage {


             margin: 0 0 4px;
             background: #ffffff;


             font-size: 15px;
             border:
                1px solid var(--border);


             color: var(--dark);
             border-radius: 16px;
        }


            padding: 18px;


        .ip-process__item p {
            display: flex;


             margin: 0;
             gap: 13px;


             font-size: 12px;
             align-items: flex-start;


             color: var(--muted);
             text-align: right;
         }
         }




         /* =========================================================
         .ip-advantage__icon {
          ABOUT MANAGER
        ========================================================= */


        .ip-manager {
            width: 42px;


             background:
             height: 42px;
                linear-gradient(
                    135deg,
                    var(--dark),
                    #24594b
                );


             color: #fff;
             flex: 0 0 42px;


             border-radius: 24px;
             border-radius: 12px;


             padding: 28px;
             background: var(--primary-light);


             position: relative;
             color: var(--primary);


             overflow: hidden;
             display: grid;
        }


            place-items: center;


        .ip-manager::after {
            font-size: 21px;
        }


            content: "";


            position: absolute;
        .ip-advantage h3 {


             width: 190px;
             margin: 0 0 3px;


             height: 190px;
             color: var(--dark);


             border-radius: 50%;
             font-size: 17px;
        }


            background: rgba(255,255,255,.06);


            left: -50px;
        .ip-advantage p {


             bottom: -80px;
             margin: 0;
        }


            color: var(--muted);


         .ip-manager__label {
            font-size: 14px;
         }


            color: #a9dbc9;


            font-size: 12px;
        /* =========================================================
          PROCESS
        ========================================================= */


            margin-bottom: 5px;
        .ip-process {


             display: block;
             display: grid;
        }


            gap: 12px;


        .ip-manager h2 {
            max-width: 1100px;


             margin: 0 0 10px;
             margin-inline: auto;


             font-size: 25px;
             counter-reset: process;
         }
         }




         .ip-manager p {
         .ip-process__item {


             margin: 0;
             position: relative;


             max-width: 750px;
             background: #ffffff;


             color: #dbece6;
             border:
                1px solid var(--border);


             font-size: 13px;
             border-radius: 16px;
        }


            padding: 20px;


        /* =========================================================
            padding-right: 62px;
          CTA
        ========================================================= */


        .ip-cta {
            text-align: right;
 
            padding: 42px 0;
         }
         }




         .ip-cta__box {
         .ip-process__item::before {


             border-radius: 22px;
             counter-increment: process;


             background:
             content: counter(process);
                linear-gradient(
                    135deg,
                    #fff3cf,
                    #fffaf0
                );


             border:
             position: absolute;
                1px solid #f2dfad;


             padding: 28px;
             right: 18px;


             text-align: center;
             top: 19px;
        }


            width: 32px;


        .ip-cta h2 {
            height: 32px;


             margin: 0 0 8px;
             border-radius: 10px;


             color: var(--dark);
             display: grid;


             font-size: 23px;
             place-items: center;
        }


            background: var(--primary);


        .ip-cta p {
             color: #ffffff;
 
             margin: 0 auto 18px;


            color: var(--muted);
             font-size: 14px;
 
             font-size: 13px;
 
            max-width: 650px;
         }
         }




         /* =========================================================
         .ip-process__item h3 {
          ARTICLES
        ========================================================= */


        .ip-articles {
            margin: 0 0 4px;


             display: grid;
             font-size: 17px;


             gap: 12px;
             color: var(--dark);
         }
         }




         .ip-article {
         .ip-process__item p {


             background: #fff;
             margin: 0;


             border:
             font-size: 14px;
                1px solid var(--border);


             border-radius: 16px;
             color: var(--muted);
 
            padding: 17px;
         }
         }




         .ip-article__meta {
        /* =========================================================
          MANAGER
        ========================================================= */
 
         .ip-manager {
 
            background:
                linear-gradient(
                    135deg,
                    var(--dark),
                    #24594b
                );


             color: var(--primary);
             color: #ffffff;


             font-size: 10px;
             border-radius: 24px;


             margin-bottom: 5px;
             padding: 30px;
        }


            position: relative;


        .ip-article h3 {
            overflow: hidden;


             margin: 0 0 5px;
             max-width: 1050px;


             color: var(--dark);
             margin-inline: auto;


             font-size: 15px;
             text-align: center;
         }
         }




         .ip-article p {
         .ip-manager__label {
 
            color: #a9dbc9;


             margin: 0;
             font-size: 14px;


             color: var(--muted);
             margin-bottom: 5px;


             font-size: 12px;
             display: block;
         }
         }




         /* =========================================================
         .ip-manager h2 {
          FOOTER
        ========================================================= */


        .ip-footer {
            margin: 0 0 10px;


             background: var(--dark);
             font-size: 27px;
        }


            color: #dce9e5;


            padding: 38px 0 95px;
         .ip-manager p {
         }


            margin: 0 auto;


        .ip-footer__grid {
            color: #dbece6;


             display: grid;
             font-size: 15px;


             gap: 25px;
             max-width: 800px;
         }
         }




         .ip-footer h3 {
         /* =========================================================
          CTA
        ========================================================= */


            color: #fff;
        .ip-cta {


             margin: 0 0 10px;
             padding: 42px 0;
 
            font-size: 16px;
         }
         }




         .ip-footer p {
         .ip-cta__box {


             margin: 0;
             border-radius: 22px;


             font-size: 12px;
             background:
                linear-gradient(
                    135deg,
                    #fff3cf,
                    #fffaf0
                );


             color: #b6cbc4;
             border:
        }
                1px solid #f2dfad;


            padding: 30px;


        .ip-footer__links {
            text-align: center;


             display: grid;
             max-width: 1000px;


             gap: 6px;
             margin-inline: auto;
         }
         }




         .ip-footer__links a {
         .ip-cta h2 {
 
            margin: 0 0 8px;


             color: #b6cbc4;
             color: var(--dark);


             font-size: 12px;
             font-size: 26px;
         }
         }




         .ip-footer__bottom {
         .ip-cta p {


             margin-top: 25px;
             margin: 0 auto 18px;


             padding-top: 15px;
             color: var(--muted);


             border-top:
             font-size: 15px;
                1px solid
                rgba(255,255,255,.1);
 
            text-align: center;


             color: #9bb2aa;
             max-width: 700px;
 
            font-size: 11px;
         }
         }




         /* =========================================================
         /* =========================================================
           MOBILE BOTTOM NAV
           ARTICLES
         ========================================================= */
         ========================================================= */


         .ip-mobile-nav {
         .ip-articles {


             position: fixed;
             display: grid;


             right: 0;
             gap: 12px;
 
            max-width: 1100px;


             left: 0;
             margin-inline: auto;
        }


            bottom: 0;


            height: 65px;
        .ip-article {


             background: rgba(255,255,255,.97);
             background: #ffffff;


             border-top:
             border:
                 1px solid var(--border);
                 1px solid var(--border);


             box-shadow:
             border-radius: 16px;
                0 -5px 25px
 
                rgba(0,0,0,.08);
            padding: 18px;
 
            text-align: center;
        }


            display: flex;


            align-items: stretch;
        .ip-article__meta {


             justify-content: space-around;
             color: var(--primary);


             z-index: 9999;
             font-size: 12px;


             backdrop-filter: blur(10px);
             margin-bottom: 5px;
         }
         }




         .ip-mobile-nav a {
         .ip-article h3 {


             flex: 1;
             margin: 0 0 5px;


             display: flex;
             color: var(--dark);


             flex-direction: column;
             font-size: 17px;
        }


            align-items: center;


            justify-content: center;
        .ip-article p {


             gap: 1px;
             margin: 0;


             color: var(--muted);
             color: var(--muted);


             font-size: 10px;
             font-size: 14px;
 
            position: relative;
         }
         }




         .ip-mobile-nav a span:first-child {
         /* =========================================================
          FOOTER
        ========================================================= */


            font-size: 20px;
        .ip-footer {


             line-height: 1.3;
             background: var(--dark);
        }


            color: #dce9e5;


        .ip-mobile-nav a.active {
            padding: 38px 0 95px;


             color: var(--primary);
             text-align: center;
         }
         }




         .ip-mobile-nav a.active::before {
         .ip-footer__grid {
 
            display: grid;


             content: "";
             gap: 25px;


             position: absolute;
             max-width: 1000px;


             top: 0;
             margin-inline: auto;
        }


            width: 35px;


            height: 3px;
        .ip-footer h3 {


             border-radius: 0 0 5px 5px;
             color: #ffffff;


             background: var(--primary);
             margin: 0 0 10px;
 
            font-size: 18px;
         }
         }




         /* =========================================================
         .ip-footer p {
          TABLET
        ========================================================= */


        @media (min-width: 600px) {
            margin: 0;


             body {
             font-size: 14px;
                padding-bottom: 0;
            }


            color: #b6cbc4;
        }


            .ip-trust__grid {


                grid-template-columns:
        .ip-footer__links {
                    repeat(4, 1fr);
            }


            display: grid;


             .ip-category-grid {
             gap: 6px;
        }


                grid-template-columns:
                    repeat(4, 1fr);
            }


        .ip-footer__links a {


             .ip-products {
             color: #b6cbc4;


                grid-template-columns:
            font-size: 14px;
                    repeat(3, 1fr);
        }
            }




            .ip-advantages {
        .ip-footer__bottom {


                grid-template-columns:
            margin-top: 25px;
                    repeat(2, 1fr);
            }


            padding-top: 15px;


             .ip-process {
             border-top:
                1px solid
                rgba(255,255,255,.1);


                grid-template-columns:
            color: #9bb2aa;
                    repeat(2, 1fr);
            }


            font-size: 12px;
        }


            .ip-articles {


                grid-template-columns:
        /* =========================================================
                    repeat(3, 1fr);
          MOBILE BOTTOM NAV
            }
        ========================================================= */


        .ip-mobile-nav {


             .ip-footer__grid {
             position: fixed;


                grid-template-columns:
            right: 0;
                    1.5fr 1fr 1fr;
            }
        }


            left: 0;


        /* =========================================================
            bottom: 0;
          DESKTOP
        ========================================================= */


        @media (min-width: 900px) {
            height: 65px;


             body {
             background:
                 padding-bottom: 0;
                 rgba(255,255,255,.97);
            }


            border-top:
                1px solid var(--border);


             .ip-hero {
             box-shadow:
                0 -5px 25px
                rgba(0,0,0,.08);


                padding-top: 35px;
            display: flex;
            }


            align-items: stretch;


             .ip-hero__box {
             justify-content: space-around;


                min-height: 480px;
            z-index: 9999;
            }
        }




            .ip-hero__content {
        .ip-mobile-nav a {


                width: 65%;
            flex: 1;


                padding:
            display: flex;
                    55px 50px;
            }


            flex-direction: column;


             .ip-hero__visual {
             align-items: center;


                display: block;
            justify-content: center;


                position: absolute;
            gap: 1px;


                left: 4%;
            color: var(--muted);


                bottom: 0;
            font-size: 12px;


                width: 34%;
            position: relative;
        }


                height: 82%;
            }


        .ip-mobile-nav a span:first-child {


             .ip-hero__visual-box {
             font-size: 21px;


                width: 100%;
            line-height: 1.3;
        }


                height: 100%;


                border-radius:
        .ip-mobile-nav a.active {
                    45% 45% 0 0;


                background:
            color: var(--primary);
                    linear-gradient(
        }
                        145deg,
                        #ffffff,
                        #e4f5ef
                    );


                border:
                    1px solid #d5e9e1;


                display: flex;
        .ip-mobile-nav a.active::before {


                align-items: center;
            content: "";


                justify-content: center;
            position: absolute;


                font-size: 100px;
            top: 0;


                box-shadow:
            width: 35px;
                    0 -15px 40px
                    rgba(0,0,0,.04);
            }


            height: 3px;


             .ip-products {
             border-radius:
                0 0 5px 5px;


                grid-template-columns:
            background: var(--primary);
                    repeat(4, 1fr);
        }
            }




            .ip-advantages {
        /* =========================================================
          TABLET
        ========================================================= */


                grid-template-columns:
        @media (min-width: 600px) {
                    repeat(4, 1fr);
            }


            body {
                padding-bottom: 0;
            }


             .ip-process {
 
             .ip-trust__grid {


                 grid-template-columns:
                 grid-template-columns:
خط ۱٬۵۹۴: خط ۱٬۵۵۰:




             .ip-footer {
             .ip-category-grid {


                 padding-bottom: 40px;
                 grid-template-columns:
                    repeat(4, 1fr);
             }
             }




             .ip-mobile-nav {
             .ip-products {


                 display: none;
                 grid-template-columns:
                    repeat(3, 1fr);
             }
             }
        }




        /* =========================================================
            .ip-advantages {
          LARGE DESKTOP
 
        ========================================================= */
                grid-template-columns:
                    repeat(2, 1fr);
            }


        @media (min-width: 1100px) {


             .ip-hero__content {
             .ip-process {


                 padding:
                 grid-template-columns:
                     65px 60px;
                     repeat(2, 1fr);
             }
             }




             .ip-section {
             .ip-articles {


                 padding: 55px 0;
                 grid-template-columns:
                    repeat(3, 1fr);
             }
             }




             .ip-section__title {
             .ip-footer__grid {
 
                grid-template-columns:
                    1.5fr 1fr 1fr;


                 font-size: 27px;
                 text-align: right;
             }
             }
         }
         }




         /* =========================================================
         /* =========================================================
           ACCESSIBILITY
           DESKTOP
         ========================================================= */
         ========================================================= */


         @media (prefers-reduced-motion: reduce) {
         @media (min-width: 900px) {


             html {
             body {
                 scroll-behavior: auto;
                 padding-bottom: 0;
             }
             }


            *,
            *::before,
            *::after {


                 transition: none !important;
            .ip-header__inner {
 
                 justify-content: center;
 
                min-height: 82px;
             }
             }
        }




        /* =========================================================
            .ip-hero__box {
          MOBILE HEADER HIDE
        ========================================================= */


        @media (max-width: 899px) {
                min-height: 500px;


            .ip-topbar,
                display: grid;
            .ip-header {


                 display: none;
                 grid-template-columns:
            }
                    minmax(0, 1fr)
                    minmax(0, 1.15fr);


                align-items: center;


            .ip-hero {
                justify-content: center;


                 padding-top: 16px;
                 direction: ltr;
             }
             }




             .ip-hero__box {
             .ip-hero__content {


                 min-height: 430px;
                 width: auto;
            }


                padding: 55px;


            .ip-hero__content {
                direction: rtl;


                 padding:
                 text-align: center;
                    32px 22px;
 
                align-items: center;
 
                order: 2;
             }
             }




             .ip-hero h1 {
             .ip-hero__visual {


                 font-size: 29px;
                 width: min(90%, 470px);
            }


                margin: 0 auto;


            .ip-hero p {
                order: 1;


                 font-size: 14px;
                 direction: rtl;
             }
             }




             .ip-section {
             .ip-hero__image {
 
                aspect-ratio: 4 / 3;


                 padding: 35px 0;
                 object-fit: cover;
             }
             }




             .ip-section__head {
             .ip-category-grid {


                 display: block;
                 grid-template-columns:
                    repeat(4, 1fr);
             }
             }




             .ip-section__title {
             .ip-products {


                 font-size: 21px;
                 grid-template-columns:
                    repeat(4, 1fr);
             }
             }




             .ip-manager {
             .ip-advantages {


                 padding: 24px;
                 grid-template-columns:
                    repeat(4, 1fr);
             }
             }




             .ip-manager h2 {
             .ip-process {


                 font-size: 22px;
                 grid-template-columns:
                    repeat(4, 1fr);
             }
             }
        }




        /* =========================================================
            .ip-articles {
          SMALL MOBILE
 
        ========================================================= */
                grid-template-columns:
                    repeat(3, 1fr);
            }


        @media (max-width: 420px) {


             body {
             .ip-footer {


                 font-size: 14px;
                 padding-bottom: 40px;
             }
             }




             .container {
             .ip-mobile-nav {


                 width:
                 display: none;
                    min(
                        calc(100% - 20px),
                        var(--container)
                    );
             }
             }


        }


            .ip-hero__box {


                border-radius: 20px;
        /* =========================================================
            }
          LARGE DESKTOP
        ========================================================= */


        @media (min-width: 1200px) {


             .ip-hero__content {
             .ip-hero__content {


                 padding:
                 padding:
                     28px 18px;
                     60px 70px;
             }
             }




             .ip-hero h1 {
             .ip-section {


                 font-size: 26px;
                 padding: 55px 0;
             }
             }




             .ip-hero__actions {
             .ip-section__title {


                 display: grid;
                 font-size: 29px;
 
                grid-template-columns: 1fr;
             }
             }


        }


            .ip-btn {


                width: 100%;
        /* =========================================================
            }
          MOBILE
        ========================================================= */


        @media (max-width: 899px) {


             .ip-category-grid {
             .ip-topbar,
            .ip-header {


                 gap: 9px;
                 display: none;
             }
             }




             .ip-category {
             .ip-hero {


                 padding: 14px;
                 padding-top: 16px;
             }
             }




             .ip-category h3 {
             .ip-hero__box {
 
                min-height: auto;


                 font-size: 14px;
                 padding-bottom: 20px;
             }
             }




             .ip-product__content {
             .ip-hero__content {


                 padding: 11px;
                 padding:
                    30px 18px 10px;
             }
             }




             .ip-product h3 {
             .ip-hero h1 {


                 font-size: 13px;
                 font-size: 30px;
             }
             }




             .ip-trust__number {
             .ip-hero p {


                 font-size: 21px;
                 font-size: 16px;
             }
             }
        }


    </style>


</head>
            .ip-hero__visual {


                max-width: 100%;


<body>
                padding:
                    0 18px;


                margin-top: 10px;
            }


<!-- =========================================================
    TOP BAR
========================================================= -->


<div class="ip-topbar">
            .ip-hero__image {


    <div class="container ip-topbar__inner">
                aspect-ratio: 16 / 9;


        <div class="ip-topbar__item">
                object-fit: cover;
            }


            <span>✓</span>


             <span>پخش و توزیع محصولات مصرفی</span>
             .ip-section {


        </div>
                padding: 35px 0;
            }




        <div class="ip-topbar__item">
            .ip-section__title {


             <span>مدیریت:</span>
                font-size: 24px;
             }


            <strong>آقای شفیعی</strong>


        </div>
            .ip-section__desc {


    </div>
                font-size: 14px;
            }


</div>


            .ip-category h3 {
                font-size: 17px;
            }


<!-- =========================================================
    HEADER
========================================================= -->


<header class="ip-header">
            .ip-category p {


    <div class="container ip-header__inner">
                font-size: 13px;
            }




        <a href="#home"
            .ip-product h3 {
          class="ip-logo"
          aria-label="ایران پخش">


            <span class="ip-logo__mark">
                font-size: 16px;
                IP
             }
             </span>


            <span class="ip-logo__text">


                <strong>ایران پخش</strong>
            .ip-product p {


                 <small>
                 font-size: 13px;
                    پخش مواد شوینده و خوراکی
            }
                </small>


            </span>


        </a>
            .ip-manager {


                padding: 25px 20px;
            }


        <nav class="ip-main-nav"
            aria-label="منوی اصلی">


             <a href="#home">خانه</a>
             .ip-manager h2 {


            <a href="#categories">
                 font-size: 23px;
                 دسته‌بندی محصولات
             }
             </a>


            <a href="#products">
                محصولات
            </a>


             <a href="#advantages">
             .ip-manager p {
                مزیت‌های همکاری
            </a>


            <a href="#articles">
                 font-size: 14px;
                 مجله
             }
             </a>


        </nav>


            .ip-cta h2 {


        <a href="#contact"
                font-size: 22px;
          class="ip-header__cta">
            }


            درخواست همکاری


        </a>
            .ip-cta p {


    </div>
                font-size: 14px;
            }


</header>


            .ip-image-banner img {


<main id="home">
                aspect-ratio: 16 / 8;


                object-fit: cover;
            }


<!-- =========================================================
        }
    HERO
========================================================= -->


<section class="ip-hero"
        aria-labelledby="hero-title">


    <div class="container">
        /* =========================================================
          SMALL MOBILE
        ========================================================= */


         <div class="ip-hero__box">
         @media (max-width: 420px) {


            .container {


            <div class="ip-hero__shapes"
                width:
                aria-hidden="true">
                    min(
                        calc(100% - 20px),
                        var(--container)
                    );
            }


                <span class="ip-shape ip-shape--one"></span>


                <span class="ip-shape ip-shape--two"></span>
            .ip-hero__box {


             </div>
                border-radius: 20px;
             }




             <div class="ip-hero__content">
             .ip-hero h1 {


                 <span class="ip-hero__badge">
                 font-size: 27px;
            }


                    <span>●</span>


                    شبکه پخش و توزیع ایران پخش
            .ip-hero p {


                 </span>
                 font-size: 15px;
            }




                <h1 id="hero-title">
            .ip-hero__actions {


                    تأمین مطمئن
                width: 100%;
                    <span>
                        مواد شوینده و خوراکی
                    </span>


                    برای کسب‌وکار شما
                display: grid;


                 </h1>
                 grid-template-columns: 1fr;
            }




                <p>
            .ip-btn {


                    ایران پخش با مدیریت آقای شفیعی،
                width: 100%;
                    در زمینه پخش و توزیع مواد شوینده،
                    محصولات بهداشتی و کالاهای خوراکی
                    فعالیت می‌کند و تلاش دارد فرآیند
                    تأمین کالا را سریع، منظم و مطمئن کند.


                 </p>
                 font-size: 15px;
            }




                <div class="ip-hero__actions">
            .ip-category {


                    <a href="#products"
                padding: 14px 10px;
                      class="ip-btn ip-btn--primary">
            }


                        مشاهده محصولات


                    </a>
            .ip-category h3 {


                font-size: 15px;
            }


                    <a href="#contact"
                      class="ip-btn ip-btn--light">


                        شروع همکاری
            .ip-category p {


                    </a>
                font-size: 12px;
            }


                </div>


             </div>
             .ip-product__content {


                padding: 11px;
            }


            <div class="ip-hero__visual"
                aria-hidden="true">


                <div class="ip-hero__visual-box">
            .ip-product h3 {


                    🛒
                font-size: 15px;
            }


                </div>


             </div>
             .ip-product p {


                font-size: 12px;
            }


        </div>


    </div>
            .ip-trust__number {


</section>
                font-size: 23px;
            }




<!-- =========================================================
            .ip-trust__item span:last-child {
    TRUST
========================================================= -->


<section class="ip-trust"
                font-size: 13px;
        aria-label="اطلاعات ایران پخش">
            }


    <div class="container">


        <div class="ip-trust__grid">
            .ip-mobile-nav {


                height: 63px;
            }


            <div class="ip-trust__item">


                <span class="ip-trust__number">
            .ip-mobile-nav a {
                    ۰۱
                </span>


                 <span>
                 font-size: 12px;
                    تأمین کالا
            }
                </span>


            </div>
        }




            <div class="ip-trust__item">
        /* =========================================================
          REDUCED MOTION
        ========================================================= */


                <span class="ip-trust__number">
        @media (prefers-reduced-motion: reduce) {
                    ۰۲
                </span>


                 <span>
            html {
                    پخش منظم
                 scroll-behavior: auto;
                </span>
            }


            </div>
        }


    </style>


            <div class="ip-trust__item">
</head>


                <span class="ip-trust__number">
                    ۰۳
                </span>


                <span>
<body>
                    تنوع محصول
                </span>


            </div>


<!-- =========================================================
    TOP BAR
========================================================= -->


            <div class="ip-trust__item">
<div class="ip-topbar">


                <span class="ip-trust__number">
    <div class="container ip-topbar__inner">
                    ۰۴
                </span>


                <span>
        <div class="ip-topbar__item">
                    همکاری تجاری
                </span>


             </div>
             <span>✓</span>


            <span>
                پخش و توزیع مواد شوینده و خوراکی
            </span>


         </div>
         </div>


    </div>


</section>
        <div class="ip-topbar__item">


            <span>
                مدیریت:
            </span>


<!-- =========================================================
            <strong>
    CATEGORIES
                آقای شفیعی
========================================================= -->
            </strong>


<section class="ip-section"
        </div>
        id="categories"
        aria-labelledby="categories-title">


     <div class="container">
     </div>


</div>


        <div class="ip-section__head">


            <div>
<!-- =========================================================
    HEADER
========================================================= -->


                <h2 class="ip-section__title"
<header class="ip-header">
                    id="categories-title">


                    دسته‌بندی
    <div class="container ip-header__inner">
                    <span>محصولات</span>


                </h2>


                <p class="ip-section__desc">
        <a href="#home"
          class="ip-logo"
          aria-label="ایران پخش">


                    گروه‌های اصلی کالاهای قابل تأمین
            <span class="ip-logo__mark">
                    توسط ایران پخش
                IP
            </span>


                </p>
            <span class="ip-logo__text">


            </div>
                <strong>
                    ایران پخش
                </strong>


        </div>
                <small>
                    پخش مواد شوینده و خوراکی
                </small>


            </span>


         <div class="ip-category-grid">
         </a>




            <article class="ip-category">
        <nav class="ip-main-nav"
            aria-label="منوی اصلی">


                <div class="ip-category__icon">
            <a href="#home">
                    🧴
                خانه
                </div>
            </a>


                <h3>
            <a href="#categories">
                    مواد شوینده
                دسته‌بندی محصولات
                </h3>
            </a>


                <p>
            <a href="#products">
                    انواع شوینده‌های خانگی،
                محصولات
                    بهداشتی و مصرفی.
            </a>
                </p>


                <a href="#products"
            <a href="#advantages">
                  class="ip-category__link">
                مزیت‌های همکاری
            </a>


                    مشاهده محصولات ←
            <a href="#articles">
                مجله
            </a>


                </a>
        </nav>


            </article>


        <a href="#contact"
          class="ip-header__cta">


             <article class="ip-category">
             درخواست همکاری


                <div class="ip-category__icon">
        </a>
                    🧼
                </div>


                <h3>
    </div>
                    محصولات بهداشتی
                </h3>


                <p>
</header>
                    محصولات مصرفی و بهداشتی
                    مناسب فروشگاه‌ها.
                </p>


                <a href="#products"
                  class="ip-category__link">


                    مشاهده محصولات ←
<main id="home">


                </a>


            </article>
<!-- =========================================================
    HERO
========================================================= -->
 
<section class="ip-hero"
        aria-labelledby="hero-title">


    <div class="container">


            <article class="ip-category">
        <div class="ip-hero__box">


                <div class="ip-category__icon">
                    🛒
                </div>


                <h3>
            <div class="ip-hero__shapes"
                    مواد خوراکی
                aria-hidden="true">
                </h3>


                 <p>
                 <span class="ip-shape ip-shape--one"></span>
                    کالاهای خوراکی و اقلام
                    پرمصرف روزانه.
                </p>


                 <a href="#products"
                 <span class="ip-shape ip-shape--two"></span>
                  class="ip-category__link">


                    مشاهده محصولات ←
            </div>


                </a>


             </article>
             <div class="ip-hero__content">


                <span class="ip-hero__badge">


            <article class="ip-category">
                    ●


                <div class="ip-category__icon">
                     شبکه پخش و توزیع ایران پخش
                     📦
                </div>


                <h3>
                 </span>
                    کالاهای مصرفی
                 </h3>


                <p>
                    محصولات مورد نیاز فروشگاه‌ها
                    و مراکز عرضه.
                </p>


                 <a href="#products"
                 <h1 id="hero-title">
                  class="ip-category__link">


                     مشاهده محصولات ←
                     تأمین مطمئن
                    <span>
                        مواد شوینده و خوراکی
                    </span>


                </a>
                    برای کسب‌وکار شما


            </article>
                </h1>




        </div>
                <p>


    </div>
                    ایران پخش با مدیریت آقای شفیعی،
                    در زمینه پخش و توزیع مواد شوینده،
                    محصولات بهداشتی و کالاهای خوراکی
                    فعالیت می‌کند و تلاش دارد فرآیند
                    تأمین کالا را سریع، منظم و مطمئن کند.


</section>
                </p>




<!-- =========================================================
                <div class="ip-hero__actions">
    PRODUCTS
 
========================================================= -->
                    <a href="#products"
                      class="ip-btn ip-btn--primary">
 
                        مشاهده محصولات


<section class="ip-section ip-section--light"
                    </a>
        id="products"
        aria-labelledby="products-title">


    <div class="container">


                    <a href="#contact"
                      class="ip-btn ip-btn--light">


        <div class="ip-section__head">
                        شروع همکاری


            <div>
                    </a>


                 <h2 class="ip-section__title"
                 </div>
                    id="products-title">
 
            </div>


                    محصولات
                    <span>پرمصرف</span>


                </h2>
            <div class="ip-hero__visual">


                 <p class="ip-section__desc">
                 <div class="ip-hero__image-wrap">


                     نمونه‌ای از گروه کالاهای قابل ارائه
                     <img
                    در شبکه پخش ایران پخش
                        class="ip-hero__image"
                        src="https://dl.faraghaib.ir/m/260016-01/260016-01-02.jpg"
                        alt="پخش مواد شوینده و خوراکی ایران پخش"
                        width="800"
                        height="600"
                        loading="eager"
                        fetchpriority="high"
                    >


                 </p>
                 </div>


             </div>
             </div>


         </div>
         </div>


    </div>


        <div class="ip-products">
</section>




            <article class="ip-product">
<!-- =========================================================
    TRUST
========================================================= -->


                <div class="ip-product__image"
<section class="ip-trust"
                    aria-hidden="true">
        aria-label="مزیت‌های ایران پخش">


                    🧴
    <div class="container">


                </div>
        <div class="ip-trust__grid">


                <div class="ip-product__content">
            <div class="ip-trust__item">


                    <span class="ip-product__tag">
                <span class="ip-trust__number">
                        شوینده
                    ۰۱
                    </span>
                </span>


                    <h3>
                <span>
                        مایع ظرفشویی
                    تأمین کالا
                    </h3>
                </span>


                    <p>
            </div>
                        مناسب فروشگاه‌ها و مراکز عرضه
                        محصولات مصرفی.
                    </p>


                </div>


             </article>
             <div class="ip-trust__item">


                <span class="ip-trust__number">
                    ۰۲
                </span>


            <article class="ip-product">
                <span>
                    پخش منظم
                </span>


                <div class="ip-product__image"
            </div>
                    aria-hidden="true">


                    🧼


                </div>
            <div class="ip-trust__item">


                 <div class="ip-product__content">
                 <span class="ip-trust__number">
                    ۰۳
                </span>


                    <span class="ip-product__tag">
                <span>
                        بهداشتی
                    تنوع محصولات
                    </span>
                </span>


                    <h3>
            </div>
                        شوینده لباس
                    </h3>


                    <p>
                        گروهی از محصولات پرمصرف
                        برای سبد خانوار.
                    </p>


                </div>
            <div class="ip-trust__item">


            </article>
                <span class="ip-trust__number">
                    ۰۴
                </span>


                <span>
                    همکاری تجاری
                </span>


             <article class="ip-product">
             </div>


                <div class="ip-product__image"
        </div>
                    aria-hidden="true">


                    🧹
    </div>


                </div>
</section>


                <div class="ip-product__content">


                    <span class="ip-product__tag">
<!-- =========================================================
                        نظافتی
    CATEGORIES
                    </span>
========================================================= -->


                    <h3>
<section class="ip-section"
                        محصولات نظافت منزل
        id="categories"
                    </h3>
        aria-labelledby="categories-title">


                    <p>
    <div class="container">
                        کالاهای مصرفی مورد نیاز
                        فروشگاه‌های عمومی.
                    </p>


                </div>
        <div class="ip-section__head">


             </article>
             <h2 class="ip-section__title"
                id="categories-title">


                دسته‌بندی
                <span>
                    محصولات
                </span>


             <article class="ip-product">
             </h2>


                <div class="ip-product__image"
            <p class="ip-section__desc">
                    aria-hidden="true">


                    🍪
                گروه‌های اصلی کالاهای قابل تأمین
                توسط ایران پخش


                </div>
            </p>


                <div class="ip-product__content">
        </div>


                    <span class="ip-product__tag">
                        خوراکی
                    </span>


                    <h3>
        <div class="ip-category-grid">
                        تنقلات و خوراکی
                    </h3>


                    <p>
            <article class="ip-category">
                        اقلام خوراکی پرمصرف برای
                        شبکه فروش.
                    </p>


                <div class="ip-category__icon">
                    🧴
                 </div>
                 </div>


            </article>
                <h3>
                    مواد شوینده
                </h3>


                <p>
                    انواع شوینده‌های خانگی،
                    بهداشتی و مصرفی.
                </p>


            <article class="ip-product">
                <a href="#products"
 
                  class="ip-category__link">
                <div class="ip-product__image"
                    aria-hidden="true">


                     🥫
                     مشاهده محصولات ←


                 </div>
                 </a>


                <div class="ip-product__content">
            </article>


                    <span class="ip-product__tag">
                        غذایی
                    </span>


                    <h3>
            <article class="ip-category">
                        کالاهای غذایی
                    </h3>
 
                    <p>
                        محصولات غذایی مناسب تأمین
                        فروشگاه‌ها.
                    </p>


                <div class="ip-category__icon">
                    🧼
                 </div>
                 </div>


            </article>
                <h3>
                    محصولات بهداشتی
                </h3>


                <p>
                    محصولات مصرفی و بهداشتی
                    مناسب فروشگاه‌ها.
                </p>


            <article class="ip-product">
                <a href="#products"
                  class="ip-category__link">


                <div class="ip-product__image"
                    مشاهده محصولات ←
                    aria-hidden="true">


                    🧃
                </a>


                </div>
            </article>


                <div class="ip-product__content">


                    <span class="ip-product__tag">
            <article class="ip-category">
                        نوشیدنی
 
                     </span>
                <div class="ip-category__icon">
                     🛒
                </div>
 
                <h3>
                    مواد خوراکی
                </h3>
 
                <p>
                    کالاهای خوراکی و اقلام
                    پرمصرف روزانه.
                </p>


                    <h3>
                <a href="#products"
                        نوشیدنی و اقلام مصرفی
                  class="ip-category__link">
                    </h3>


                     <p>
                     مشاهده محصولات ←
                        گروه‌های مختلف کالاهای
                        مصرف روزانه.
                    </p>


                 </div>
                 </a>


             </article>
             </article>




             <article class="ip-product">
             <article class="ip-category">
 
                <div class="ip-product__image"
                    aria-hidden="true">


                <div class="ip-category__icon">
                     📦
                     📦
                 </div>
                 </div>


                 <div class="ip-product__content">
                 <h3>
                    کالاهای مصرفی
                </h3>


                    <span class="ip-product__tag">
                <p>
                        مصرفی
                    محصولات مورد نیاز فروشگاه‌ها
                     </span>
                     و مراکز عرضه.
                </p>


                    <h3>
                <a href="#products"
                        کالاهای عمومی
                  class="ip-category__link">
                    </h3>


                     <p>
                     مشاهده محصولات ←
                        کالاهای مورد نیاز فروشگاه‌ها
                        و مراکز مصرفی.
                    </p>


                 </div>
                 </a>


             </article>
             </article>


        </div>


            <article class="ip-product">
    </div>


                <div class="ip-product__image"
</section>
                    aria-hidden="true">


                    🛍️


                </div>
<!-- =========================================================
    PRODUCT BANNER
========================================================= -->


                <div class="ip-product__content">
<section class="ip-section ip-section--light"
        aria-labelledby="banner-title">


                    <span class="ip-product__tag">
    <div class="container">
                        پخش
                    </span>


                    <h3>
        <div class="ip-section__head">
                        سبد کالاهای ایران پخش
                    </h3>


                    <p>
            <h2 class="ip-section__title"
                        مجموعه‌ای متنوع برای تأمین
                id="banner-title">
                        نیاز مشتریان تجاری.
                    </p>


                 </div>
                 سبد متنوع
                <span>
                    ایران پخش
                </span>
 
            </h2>
 
            <p class="ip-section__desc">
 
                تأمین گروه‌های مختلف کالا برای
                فروشگاه‌ها و مراکز عرضه
 
            </p>
 
        </div>


            </article>


        <div class="ip-image-banner">
            <img
                src="https://dl.faraghaib.ir/m/260016-01/260016-01-12.jpg"
                alt="سبد محصولات شوینده و خوراکی ایران پخش"
                width="1500"
                height="563"
                loading="lazy"
            >


         </div>
         </div>
خط ۲٬۵۱۶: خط ۲٬۴۹۷:


<!-- =========================================================
<!-- =========================================================
     ADVANTAGES
     PRODUCTS
========================================================= -->
========================================================= -->


<section class="ip-section"
<section class="ip-section"
         id="advantages"
         id="products"
         aria-labelledby="advantages-title">
         aria-labelledby="products-title">


     <div class="container">
     <div class="container">


         <div class="ip-section__head">
         <div class="ip-section__head">


             <div>
             <h2 class="ip-section__title"
                id="products-title">


                 <h2 class="ip-section__title"
                محصولات
                     id="advantages-title">
                 <span>
                     پرمصرف
                </span>


                    چرا
            </h2>
                    <span>ایران پخش؟</span>


                </h2>
            <p class="ip-section__desc">


                 <p class="ip-section__desc">
                 نمونه‌ای از گروه کالاهای قابل ارائه
                در شبکه پخش ایران پخش


                    مزیت‌هایی که همکاری با یک مجموعه
            </p>
                    پخش منظم می‌تواند ایجاد کند.


                </p>
        </div>


            </div>


         </div>
         <div class="ip-products">


            <article class="ip-product">


        <div class="ip-advantages">
                <div class="ip-product__image">
 


            <article class="ip-advantage">
                    <img
                        src="https://dl.faraghaib.ir/m/260016-01/260016-01-16.jpeg"
                        alt="مواد شوینده ایران پخش"
                        width="600"
                        height="450"
                        loading="lazy"
                    >


                <div class="ip-advantage__icon">
                    ✓
                 </div>
                 </div>


                 <div>
                <div class="ip-product__content">
 
 
                     <h3>
                    <span class="ip-product__tag">
                         تأمین منظم کالا
                        شوینده
                     </h3>
                    </span>
 
 
                     <p>
                    <h3>
                         هدف ایران پخش ایجاد یک مسیر
                        مواد شوینده
                        منظم برای تأمین کالاهای مصرفی است.
                    </h3>
                     </p>
 
 
                    <p>
                 </div>
                        انواع محصولات شوینده
 
                        مورد نیاز فروشگاه‌ها.
             </article>
                    </p>
 
 
 
                </div>
             <article class="ip-advantage">
 
 
            </article>
                 <div class="ip-advantage__icon">
 
                     ⏱
 
                 </div>
            <article class="ip-product">
 
 
                 <div>
                <div class="ip-product__image">
 
 
                     <h3>
                    <img
                         مدیریت بهتر سفارش‌ها
                        src="https://dl.faraghaib.ir/m/260016-01/260016-01-04.jpg"
                     </h3>
                        alt="محصولات بهداشتی ایران پخش"
 
                        width="600"
                     <p>
                        height="450"
                         سامان‌دهی فرآیند سفارش و توزیع
                        loading="lazy"
                         برای همکاری آسان‌تر.
                    >
                     </p>
 
 
                </div>
                 </div>
 
 
                <div class="ip-product__content">
             </article>
 
 
                    <span class="ip-product__tag">
 
                        بهداشتی
                    </span>
 
                    <h3>
                        محصولات بهداشتی
                    </h3>
 
                    <p>
                        گروهی از محصولات مصرفی
                        و بهداشتی.
                    </p>
 
                </div>
 
            </article>
 
 
            <article class="ip-product">
 
                <div class="ip-product__image">
 
                    <img
                        src="https://dl.faraghaib.ir/m/260016-01/260016-01-18.jpg"
                        alt="مواد خوراکی ایران پخش"
                        width="600"
                        height="450"
                        loading="lazy"
                    >
 
                </div>
 
                <div class="ip-product__content">
 
                    <span class="ip-product__tag">
                        خوراکی
                    </span>
 
                    <h3>
                        مواد خوراکی
                    </h3>
 
                    <p>
                        کالاهای خوراکی و تنقلات
                        پرمصرف روزانه.
                    </p>
 
                </div>
 
            </article>
 
 
            <article class="ip-product">
 
                <div class="ip-product__image">
 
                    <img
                        src="https://dl.faraghaib.ir/m/260016-01/260016-01-1.jpg"
                        alt="کالاهای مصرفی ایران پخش"
                        width="600"
                        height="450"
                        loading="lazy"
                    >
 
                </div>
 
                <div class="ip-product__content">
 
                    <span class="ip-product__tag">
                        مصرفی
                    </span>
 
                    <h3>
                        کالاهای مصرفی
                    </h3>
 
                    <p>
                        محصولات پرمصرف مناسب
                        فروشگاه‌ها و مراکز عرضه.
                    </p>
 
                </div>
 
            </article>
 
        </div>
 
    </div>
 
</section>
 
 
<!-- =========================================================
    ADVANTAGES
========================================================= -->
 
<section class="ip-section ip-section--light"
        id="advantages"
        aria-labelledby="advantages-title">
 
    <div class="container">
 
        <div class="ip-section__head">
 
            <h2 class="ip-section__title"
                id="advantages-title">
 
                چرا
                <span>
                    ایران پخش؟
                </span>
 
            </h2>
 
            <p class="ip-section__desc">
 
                مزیت‌هایی برای یک همکاری منظم
                و بلندمدت
 
            </p>
 
        </div>
 
 
        <div class="ip-advantages">
 
            <article class="ip-advantage">
 
                <div class="ip-advantage__icon">
                    ✓
                </div>
 
                 <div>
 
                     <h3>
                         تأمین منظم کالا
                     </h3>
 
                     <p>
                         ایجاد مسیر منظم برای تأمین
                        محصولات مصرفی.
                     </p>
 
                 </div>
 
             </article>
 
 
             <article class="ip-advantage">
 
                 <div class="ip-advantage__icon">
                     ⏱
                 </div>
 
                 <div>
 
                     <h3>
                         مدیریت سفارش
                     </h3>
 
                     <p>
                         سامان‌دهی فرآیند سفارش و
                         توزیع کالا.
                     </p>
 
                 </div>
 
             </article>
 
 
             <article class="ip-advantage">
             <article class="ip-advantage">


خط ۲٬۶۳۲: خط ۲٬۷۸۵:


                     <p>
                     <p>
                         ایجاد ارتباط پایدار با فروشگاه‌ها
                         ایجاد ارتباط پایدار با مشتریان
                         و مشتریان تجاری.
                         و فروشگاه‌ها.
                     </p>
                     </p>


خط ۲٬۶۳۹: خط ۲٬۷۹۲:


             </article>
             </article>


         </div>
         </div>
خط ۲٬۶۵۲: خط ۲٬۸۰۴:
========================================================= -->
========================================================= -->


<section class="ip-section ip-section--light"
<section class="ip-section"
         aria-labelledby="process-title">
         aria-labelledby="process-title">


     <div class="container">
     <div class="container">


         <div class="ip-section__head">
         <div class="ip-section__head">


             <div>
             <h2 class="ip-section__title"
                id="process-title">


                 <h2 class="ip-section__title"
                مسیر
                     id="process-title">
                 <span>
                     همکاری
                </span>


                    مسیر
            </h2>
                    <span>همکاری</span>


                </h2>
            <p class="ip-section__desc">


                 <p class="ip-section__desc">
                 شروع همکاری با ایران پخش در چند مرحله ساده


                    فرآیند ساده برای شروع همکاری با ایران پخش
            </p>
 
                </p>
 
            </div>


         </div>
         </div>
خط ۲٬۶۸۲: خط ۲٬۸۳۱:


         <div class="ip-process">
         <div class="ip-process">


             <article class="ip-process__item">
             <article class="ip-process__item">
خط ۲٬۶۹۲: خط ۲٬۸۴۰:
                 <p>
                 <p>
                     اطلاعات فروشگاه یا مجموعه خود را
                     اطلاعات فروشگاه یا مجموعه خود را
                     برای شروع همکاری ارسال کنید.
                     ارسال کنید.
                 </p>
                 </p>


خط ۲٬۷۰۶: خط ۲٬۸۵۴:
                 <p>
                 <p>
                     گروه محصولات مورد نیاز شما
                     گروه محصولات مورد نیاز شما
                     بررسی و مشخص می‌شود.
                     بررسی می‌شود.
                 </p>
                 </p>


خط ۲٬۷۲۰: خط ۲٬۸۶۸:
                 <p>
                 <p>
                     سفارش کالا بر اساس نیاز مجموعه
                     سفارش کالا بر اساس نیاز مجموعه
                     شما انجام می‌شود.
                     انجام می‌شود.
                 </p>
                 </p>


خط ۲٬۷۳۴: خط ۲٬۸۸۲:
                 <p>
                 <p>
                     کالاها در چارچوب فرآیند پخش
                     کالاها در چارچوب فرآیند پخش
                     ایران پخش توزیع می‌شوند.
                     توزیع می‌شوند.
                 </p>
                 </p>


             </article>
             </article>


         </div>
         </div>
خط ۲٬۷۷۱: خط ۲٬۹۱۸:
                 محصولات بهداشتی و کالاهای خوراکی فعالیت می‌کند.
                 محصولات بهداشتی و کالاهای خوراکی فعالیت می‌کند.
                 هدف این مجموعه ایجاد یک شبکه پخش منظم و قابل
                 هدف این مجموعه ایجاد یک شبکه پخش منظم و قابل
                 اعتماد برای فروشگاه‌ها و مشتریان تجاری است؛
                 اعتماد برای فروشگاه‌ها و مشتریان تجاری است.
                به‌گونه‌ای که تأمین کالا و ارتباط با مجموعه
                پخش با سهولت بیشتری انجام شود.


             </p>
             </p>
خط ۲٬۸۰۴: خط ۲٬۹۴۹:
             <p>
             <p>


                 اگر فروشگاه، سوپرمارکت، مجموعه تجاری یا مرکز
                 اگر فروشگاه، سوپرمارکت، مجموعه تجاری یا
                 عرضه محصولات مصرفی دارید، برای بررسی شرایط
                 مرکز عرضه محصولات مصرفی دارید، برای بررسی
                 همکاری و تأمین کالا با ایران پخش در ارتباط باشید.
                 شرایط همکاری با ایران پخش در ارتباط باشید.


             </p>
             </p>
خط ۲٬۸۳۴: خط ۲٬۹۷۹:


     <div class="container">
     <div class="container">


         <div class="ip-section__head">
         <div class="ip-section__head">


             <div>
             <h2 class="ip-section__title"
                id="articles-title">


                 <h2 class="ip-section__title"
                مجله
                     id="articles-title">
                 <span>
                     ایران پخش
                </span>


                    مجله
            </h2>
                    <span>ایران پخش</span>


                </h2>
            <p class="ip-section__desc">


                 <p class="ip-section__desc">
                 مطالب کاربردی درباره پخش، فروش
                و مدیریت کالاهای مصرفی


                    مطالب کاربردی درباره پخش،
            </p>
                    فروش و مدیریت کالاهای مصرفی
 
                </p>
 
            </div>


         </div>
         </div>
خط ۲٬۸۶۱: خط ۳٬۰۰۳:


         <div class="ip-articles">
         <div class="ip-articles">


             <article class="ip-article">
             <article class="ip-article">
خط ۲٬۸۸۸: خط ۳٬۰۲۹:


                 <h3>
                 <h3>
                     اهمیت تنوع محصول در فروشگاه‌های مواد غذایی
                     اهمیت تنوع محصول در فروشگاه
                 </h3>
                 </h3>


                 <p>
                 <p>
                     بررسی نقش تنوع کالا در پاسخ‌گویی
                     نقش تنوع کالا در پاسخ‌گویی بهتر
                     بهتر به نیاز مشتریان.
                     به نیاز مشتریان.
                 </p>
                 </p>


خط ۲٬۹۱۰: خط ۳٬۰۵۱:


                 <p>
                 <p>
                     مهم‌ترین نکاتی که هنگام انتخاب
                     نکات مهم هنگام انتخاب مجموعه
                     مجموعه پخش باید در نظر گرفت.
                     پخش برای همکاری.
                 </p>
                 </p>


             </article>
             </article>


         </div>
         </div>
خط ۲٬۹۲۷: خط ۳٬۰۶۷:




<!-- =========================================================
    FOOTER
========================================================= -->
<footer class="ip-footer">
    <div class="container">
        <div class="ip-footer__grid">
            <div>
                <h3>
                    ایران پخش
                </h3>
                <p>
                    پخش و توزیع مواد شوینده،
                    محصولات بهداشتی و کالاهای خوراکی
                    با مدیریت آقای شفیعی.
                </p>
            </div>
            <div>
                <h3>
                    دسترسی سریع
                </h3>
                <div class="ip-footer__links">
                    <a href="#home">
                        صفحه اصلی
                    </a>
                    <a href="#categories">
                        دسته‌بندی محصولات
                    </a>
                    <a href="#products">
                        محصولات
                    </a>
                    <a href="#articles">
                        مجله
                    </a>
                </div>
            </div>
            <div>
                <h3>
                    همکاری
                </h3>


                <div class="ip-footer__links">
                    <a href="#contact">
                        درخواست همکاری
                    </a>
                    <a href="#advantages">
                        مزیت‌های همکاری
                    </a>
                    <a href="#contact">
                        ارتباط با ایران پخش
                    </a>
                </div>
            </div>
        </div>
        <div class="ip-footer__bottom">
            © تمامی حقوق این صفحه برای
            ایران پخش محفوظ است.
        </div>
    </div>
</footer>




<!-- =========================================================
<!-- =========================================================
     MOBILE BOTTOM NAV
     MOBILE BOTTOM NAV
     فقط 3 گزینه
     دقیقاً 3 گزینه
========================================================= -->
========================================================= -->


<nav class="ip-mobile-nav"
<nav class="ip-mobile-nav"
     aria-label="منوی موبایل">
     aria-label="منوی موبایل">


     <a href="#home"
     <a href="#home"
خط ۳٬۰۶۶: خط ۳٬۱۱۰:


     </a>
     </a>


</nav>
</nav>
برگرفته از «https://fa.faraghaib.ir/wiki/09383898158»