/* Clean CSS additions */
/* Keep theme unchanged; removes duplicate radio/player styles */
.post-bdy{
    background: #F3F8FC;
    color: #2B2B2B;
    padding: 25px;
    border-radius: 12px;
    line-height: 2.1;
}
#equalizer{display:flex;align-items:flex-end;gap:2px;height:16px;}
#equalizer span{width:3px;height:4px;background:#5D49A8;border-radius:2px;}
#equalizer.playing span{animation:wave .6s infinite ease-in-out;}
#equalizer.playing span:nth-child(1){animation-delay:0s;}
#equalizer.playing span:nth-child(2){animation-delay:.1s;}
#equalizer.playing span:nth-child(3){animation-delay:.2s;}
#equalizer.playing span:nth-child(4){animation-delay:.3s;}
#equalizer.playing span:nth-child(5){animation-delay:.4s;}
@keyframes wave{0%{height:4px;}50%{height:18px;}100%{height:6px;}}
/* ========= GLOBAL PASTEL THEME ========= */
/* حذف پس‌زمینه سفید عنوان */
h2{
    background: transparent !important;
}
body{
    background:
    linear-gradient(180deg,
    #F7FBFF 0%,
    #FDF7FF 55%,
    #FFF9FC 100%) !important;

    color:#444;
    font-family:tahoma,sans-serif;
}

/* ---------- Header ---------- */

.header,
#header{
    background:linear-gradient(90deg,#DDEBFF,#FFE2F1) !important;
    border-radius:0 0 22px 22px;
    box-shadow:0 8px 25px rgba(175,170,255,.18);
}

/* ---------- Titles ---------- */

.post-hdr,
.posttitle,
.post-title{
    text-align:center !important;

    background:linear-gradient(90deg,
    #D9EBFF,
    #F4EBFF,
    #FFDDEB)!important;

    border:none!important;

    border-radius:18px;

    padding:14px;

    box-shadow:0 5px 15px rgba(160,150,255,.18);
}

.post-hdr h1,
.posttitle h1,
.post-title h1,
.post-hdr h2,
.post-title h2{

    margin:0;

    color:#6C54C7!important;

    font-size:24px;
}

/* ---------- Post ---------- */

.post,
.blockpost{

    background:rgba(255,255,255,.88)!important;

    backdrop-filter:blur(8px);

    border:1px solid #E8DFFF!important;

    border-radius:22px!important;

    box-shadow:0 10px 28px rgba(160,150,255,.12)!important;
}

/* ---------- Sidebar ---------- */

.widget{

    background:linear-gradient(180deg,#ffffff,#FAF8FF)!important;

    border-radius:18px!important;

    border:1px solid #E6DFFF!important;
}

.widget-name{

    text-align:center;

    background:
    linear-gradient(90deg,
    #FFDCEB,
    #DDEBFF)!important;

    color:#6C54C7!important;

    border-radius:18px 18px 0 0!important;
}

/* ---------- Search ---------- */

.search-box{

    display:flex;

    align-items:center;

    background:#fff;

    border-radius:50px;

    border:2px solid #E0D4FF;

    overflow:hidden;

    box-shadow:0 8px 20px rgba(180,170,255,.15);
}

.search-box input{

    flex:1;

    border:none!important;

    background:transparent!important;

    padding:13px 18px;

    font-size:15px;
}

.search-box button{

    width:52px;

    border:none;

    cursor:pointer;

    color:#fff;

    background:
    linear-gradient(135deg,
    #FFB6D8,
    #AFCBFF);

    transition:.3s;
}

.search-box button:hover{

    transform:scale(1.05);

    background:
    linear-gradient(135deg,
    #FFA3CD,
    #95BAFF);
}

/* ---------- Menu ---------- */

.menu{

    background:
    linear-gradient(90deg,
    #CFCBFF,
    #FFD6EC)!important;
}

.menu a{

    color:#5A47AA!important;

    font-weight:bold;
}

.menu a:hover{

    background:rgba(255,255,255,.45)!important;

    border-radius:10px;
}

/* ---------- Buttons ---------- */

button{

    border:none;

    border-radius:14px;

    background:
    linear-gradient(135deg,
    #FFD0E7,
    #CFE3FF);

    color:#5A47AA;

    transition:.25s;
}

button:hover{

    transform:translateY(-2px);
}

/* ---------- Links ---------- */

a{

    color:#6D57C9!important;
}

a:hover{

    color:#FF66AA!important;
}
/* ===== چیدمان حرفه‌ای سه ستون ===== */

.pishvazfarsi{
    width:99% !important;
    max-width:1900px !important;
}

.flex-box{
    display:flex !important;
    align-items:flex-start;
    justify-content:space-between;
    gap:18px !important;
}

/* ستون وسط */
.center,
main{
    flex:1 1 auto !important;
    min-width:0 !important;
    max-width:none !important;
}

/* سایدبارها */
.sidebar,
.left,
.right{
    flex:0 0 300px !important;
    width:300px !important;
    min-width:300px !important;
}

/* حذف فاصله‌های اضافی */
.center,
.sidebar,
.left,
.right{
    margin:0 !important;
    padding:0 !important;
}

/* تصاویر مطالب */
.post img{
    width:100%;
    height:auto;
    display:block;
}

/* واکنش‌گرا */
@media(max-width:992px){

    .flex-box{
        display:block !important;
    }

    .sidebar,
    .left,
    .right{
        width:100% !important;
        margin-top:18px !important;
    }
}
.flag{
    width:16px !important;
    height:auto !important;
    vertical-align:middle;
    border-radius:2px;
}
.font-toolbar{
    display:flex;
    justify-content:flex-start;
    align-items:center;
    gap:8px;
    direction:ltr;
    margin:15px 0;
    padding:8px 12px;
    background:#f8f9fc;
    border:1px solid #e5e9f2;
    border-radius:12px;
}

.font-title{
    display:flex;
    align-items:center;
    gap:6px;
    margin-right:12px;
    white-space:nowrap;
    font-weight:600;
    color:#555;
}

.font-toolbar button{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:4px;
    height:36px;
    padding:0 12px;
    border:1px solid #d9deea;
    border-radius:8px;
    background:#fff;
    cursor:pointer;
    transition:.25s;
}

.font-toolbar button:hover{
    background:#eef4ff;
    border-color:#7ea6ff;
}

.font-toolbar .icon{
    font-size:18px;
    font-weight:bold;
}

.font-toolbar button span:last-child{
    font-size:13px;
}
/* غیرفعال کردن هدر ثابت */
.header,
#header,
header,
.header-top,
.header-fixed,
.fixed-header{
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    z-index: auto !important;
}

/* اگر sticky استفاده شده باشد */
.header,
#header,
header{
    position: static !important;
}
/* حذف فاصله بین هدر و سه ستون */
.header,
#header,
header{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}

.pishvazfarsi{
    margin-top:0 !important;
    padding-top:0 !important;
}

.flex-box{
    margin-top:0 !important;
    padding-top:0 !important;
}

.center,
.sidebar,
.left,
.right,
main{
    margin-top:0 !important;
    padding-top:0 !important;
}
.search-wrap{
    display:flex;
    justify-content:flex-end;
    width:100%;
    padding:0 25px 0 0;
    box-sizing:border-box;
}



/* ===== Header ===== */

.header-grid{
    max-width:1200px;
    margin:auto;
    padding:10px 20px;
    display:grid;
grid-template-columns: auto 1fr auto;
align-items:center;
}

.header-search{
    display:flex;
    justify-content:flex-start;
}

.header-logo{
    display:flex;
    justify-content:center;
}

.header-radio{
    display:flex;
    justify-content:flex-start;
}

.search-form{
    display:flex;
    align-items:center;
    gap:8px;
}

.search-form input{
    width:220px;
    height:42px;
    border:none;
    border-radius:25px;
    padding:0 15px;
    outline:none;
}

.search-form button{
    width:42px;
    height:42px;
    border:none;
    border-radius:50%;
    cursor:pointer;
}

/* ===== فقط زیباسازی پلیر ===== */

.radio-player{
    background:#fffafc !important;
    border:1px solid #ffd5e8 !important;
    border-radius:30px !important;
    padding:4px 8px !important;
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
    box-shadow:0 2px 8px rgba(255,170,200,.18) !important;
}

#radioName{
    background:linear-gradient(135deg,#ffd9ea,#e7f0ff) !important;
    color:#b54d83 !important;
    border-radius:18px !important;
    padding:4px 12px !important;
    font-size:13px !important;
    font-weight:bold !important;
    border:none !important;
    min-width:70px;
    text-align:center;
}

.radio-player button{
    width:28px !important;
    height:28px !important;
    border-radius:50% !important;
    background:linear-gradient(135deg,#ffb6d9,#bcd8ff) !important;
    color:#fff !important;
    font-size:12px !important;
    border:none !important;
    padding:0 !important;
    transition:.2s;
}

.radio-player button:hover{
    transform:scale(1.08);
    background:linear-gradient(135deg,#ff92c5,#9ec6ff) !important;
}

/* ===== Radio Station Buttons ===== */

.radio-buttons{
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
    flex-wrap:nowrap !important;
}

.radio-buttons button{

    height:36px !important;

    min-width:58px !important;

    padding:0 14px !important;

    border:none !important;

    border-radius:20px !important;

    background:linear-gradient(135deg,#fff9fc,#ffe4f1) !important;

    color:#c65488 !important;

    font-size:12px !important;

    font-weight:bold !important;

    box-shadow:
        0 2px 8px rgba(255,170,200,.15),
        inset 0 1px 0 rgba(255,255,255,.9);

    transition:.25s;

    cursor:pointer;
}

.radio-buttons button:hover{

    background:linear-gradient(135deg,#ffb8d9,#bcdcff) !important;

    color:#fff !important;

    transform:translateY(-2px);

}

.radio-buttons button:active{

    transform:scale(.96);

}
.search-wrap form{
    display:flex;
    align-items:center;
    gap:8px;
    background:linear-gradient(135deg,#ffe4f1,#e6f0ff);
    padding:10px;
    border-radius:50px;
    box-shadow:0 8px 22px rgba(255,150,200,.25);
}

/* input */
.search-wrap input{
    width:200px;
    border:none;
    outline:none;
    background:#fff;
    padding:10px 14px;
    border-radius:30px;
    font-size:14px;
    color:#5a4a66;
}

/* button */
.search-wrap button{
    width:42px;
    height:42px;
    border:none;
    border-radius:50%;
    background:linear-gradient(135deg,#ffb6d9,#bcd7ff);
    color:#5b3b66;
    cursor:pointer;
    transition:.25s;
}

.search-wrap button:hover{
    transform:scale(1.08);
}
.radio-bar{
    display:flex;
    flex-direction:row-reverse; /* 🔁 این خط کل جهت را برعکس می‌کند */
    justify-content:space-between;
    align-items:center;
    width:100%;
    padding:8px 12px;
    box-sizing:border-box;
}

/* وسط همان وسط می‌ماند */
.radio-center{
    flex:1;
    display:flex;
    justify-content:center;
}

/* چپ و راست خودکار جابه‌جا می‌شوند */
.radio-left{
    flex:1;
    text-align:left;
}

.radio-right{
    flex:1;
    display:flex;
    justify-content:flex-end;
}

.radio-buttons button{
    margin-left:6px;
}


.header > div{
    padding:0 !important;
    margin:0 !important;
}

.radio-bar{
    top:32px !important;
}
.logo{
    position:absolute;
    left:50%;
    transform:translateX(-50%);
}
@media (max-width: 768px){
/* Clean CSS additions */
/* Keep theme unchanged; removes duplicate radio/player styles */

#equalizer{display:flex;align-items:flex-end;gap:2px;height:16px;}
#equalizer span{width:3px;height:4px;background:#5D49A8;border-radius:2px;}
#equalizer.playing span{animation:wave .6s infinite ease-in-out;}
#equalizer.playing span:nth-child(1){animation-delay:0s;}
#equalizer.playing span:nth-child(2){animation-delay:.1s;}
#equalizer.playing span:nth-child(3){animation-delay:.2s;}
#equalizer.playing span:nth-child(4){animation-delay:.3s;}
#equalizer.playing span:nth-child(5){animation-delay:.4s;}
@keyframes wave{0%{height:4px;}50%{height:18px;}100%{height:6px;}}
/* ========= GLOBAL PASTEL THEME ========= */

body{
    background:
    linear-gradient(180deg,
    #F7FBFF 0%,
    #FDF7FF 55%,
    #FFF9FC 100%) !important;

    color:#444;
    font-family:tahoma,sans-serif;
}

/* ---------- Header ---------- */

.header,
#header{
    background:linear-gradient(90deg,#DDEBFF,#FFE2F1) !important;
    border-radius:0 0 22px 22px;
    box-shadow:0 8px 25px rgba(175,170,255,.18);
}

/* ---------- Titles ---------- */

.post-hdr,
.posttitle,
.post-title{
    text-align:center !important;

    background:linear-gradient(90deg,
    #D9EBFF,
    #F4EBFF,
    #FFDDEB)!important;

    border:none!important;

    border-radius:18px;

    padding:14px;

    box-shadow:0 5px 15px rgba(160,150,255,.18);
}

.post-hdr h1,
.posttitle h1,
.post-title h1,
.post-hdr h2,
.post-title h2{

    margin:0;

    color:#6C54C7!important;

    font-size:24px;
}

/* ---------- Post ---------- */

.post,
.blockpost{

    background:rgba(255,255,255,.88)!important;

    backdrop-filter:blur(8px);

    border:1px solid #E8DFFF!important;

    border-radius:22px!important;

    box-shadow:0 10px 28px rgba(160,150,255,.12)!important;
}

/* ---------- Sidebar ---------- */

.widget{

    background:linear-gradient(180deg,#ffffff,#FAF8FF)!important;

    border-radius:18px!important;

    border:1px solid #E6DFFF!important;
}

.widget-name{

    text-align:center;

    background:
    linear-gradient(90deg,
    #FFDCEB,
    #DDEBFF)!important;

    color:#6C54C7!important;

    border-radius:18px 18px 0 0!important;
}

/* ---------- Search ---------- */

.search-box{

    display:flex;

    align-items:center;

    background:#fff;

    border-radius:50px;

    border:2px solid #E0D4FF;

    overflow:hidden;

    box-shadow:0 8px 20px rgba(180,170,255,.15);
}

.search-box input{

    flex:1;

    border:none!important;

    background:transparent!important;

    padding:13px 18px;

    font-size:15px;
}

.search-box button{

    width:52px;

    border:none;

    cursor:pointer;

    color:#fff;

    background:
    linear-gradient(135deg,
    #FFB6D8,
    #AFCBFF);

    transition:.3s;
}

.search-box button:hover{

    transform:scale(1.05);

    background:
    linear-gradient(135deg,
    #FFA3CD,
    #95BAFF);
}

/* ---------- Menu ---------- */

.menu{

    background:
    linear-gradient(90deg,
    #CFCBFF,
    #FFD6EC)!important;
}

.menu a{

    color:#5A47AA!important;

    font-weight:bold;
}

.menu a:hover{

    background:rgba(255,255,255,.45)!important;

    border-radius:10px;
}

/* ---------- Buttons ---------- */

button{

    border:none;

    border-radius:14px;

    background:
    linear-gradient(135deg,
    #FFD0E7,
    #CFE3FF);

    color:#5A47AA;

    transition:.25s;
}

button:hover{

    transform:translateY(-2px);
}

/* ---------- Links ---------- */

a{

    color:#6D57C9!important;
}

a:hover{

    color:#FF66AA!important;
}
/* ===== چیدمان حرفه‌ای سه ستون ===== */

.pishvazfarsi{
    width:98% !important;
    max-width:1800px !important;
    margin:0 auto !important;
}

.flex-box{
    display:flex !important;
    align-items:flex-start;
    justify-content:space-between;
    gap:18px !important;
}

/* ستون وسط */
.center,
main{
    flex:1 1 auto !important;
    min-width:0 !important;
    max-width:none !important;
}

/* سایدبارها */
.sidebar,
.left,
.right{
    flex:0 0 260px !important;
    width:260px !important;
}

/* حذف فاصله‌های اضافی */
.center,
.sidebar,
.left,
.right{
    margin:0 !important;
    padding:0 !important;
}

/* تصاویر مطالب */
.post img{
    width:100%;
    height:auto;
    display:block;
}

/* واکنش‌گرا */
@media(max-width:992px){

    .flex-box{
        display:block !important;
    }

    .sidebar,
    .left,
    .right{
        width:100% !important;
        margin-top:18px !important;
    }
}
.flag{
    width:16px !important;
    height:auto !important;
    vertical-align:middle;
    border-radius:2px;
}
.font-toolbar{
    display:flex;
    justify-content:flex-start;
    align-items:center;
    gap:8px;
    direction:ltr;
    margin:15px 0;
    padding:8px 12px;
    background:#f8f9fc;
    border:1px solid #e5e9f2;
    border-radius:12px;
}

.font-title{
    display:flex;
    align-items:center;
    gap:6px;
    margin-right:12px;
    white-space:nowrap;
    font-weight:600;
    color:#555;
}

.font-toolbar button{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:4px;
    height:36px;
    padding:0 12px;
    border:1px solid #d9deea;
    border-radius:8px;
    background:#fff;
    cursor:pointer;
    transition:.25s;
}

.font-toolbar button:hover{
    background:#eef4ff;
    border-color:#7ea6ff;
}

.font-toolbar .icon{
    font-size:18px;
    font-weight:bold;
}

.font-toolbar button span:last-child{
    font-size:13px;
}
/* غیرفعال کردن هدر ثابت */
.header,
#header,
header,
.header-top,
.header-fixed,
.fixed-header{
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    z-index: auto !important;
}

/* اگر sticky استفاده شده باشد */
.header,
#header,
header{
    position: static !important;
}
/* حذف فاصله بین هدر و سه ستون */
.header,
#header,
header{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}

.pishvazfarsi{
    margin-top:0 !important;
    padding-top:0 !important;
}

.flex-box{
    margin-top:0 !important;
    padding-top:0 !important;
}

.center,
.sidebar,
.left,
.right,
main{
    margin-top:0 !important;
    padding-top:0 !important;
}
.search-wrap{
    display:flex;
    justify-content:flex-end;
    width:100%;
    padding:0 25px 0 0;
    box-sizing:border-box;
}



/* ===== Header ===== */

.header-grid{
    max-width:1200px;
    margin:auto;
    padding:10px 20px;
    display:grid;
grid-template-columns: auto 1fr auto;
align-items:center;
}

.header-search{
    display:flex;
    justify-content:flex-start;
}

.header-logo{
    display:flex;
    justify-content:center;
}

.header-radio{
    display:flex;
    justify-content:flex-start;
}

.search-form{
    display:flex;
    align-items:center;
    gap:8px;
}

.search-form input{
    width:220px;
    height:42px;
    border:none;
    border-radius:25px;
    padding:0 15px;
    outline:none;
}

.search-form button{
    width:42px;
    height:42px;
    border:none;
    border-radius:50%;
    cursor:pointer;
}

.radio-bar{
    width:100%;
    background:linear-gradient(90deg,#eaf3ff,#ffeaf4);
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:6px 15px;
    box-sizing:border-box;
    border-bottom:1px solid #dfe7ff;
}

.radio-row{
    position:static !important;
    display:flex;
    gap:6px;
    background:none;
    padding:0;
}

.player-box{
    position:static !important;
    width:auto;
    height:auto;
    display:flex;
    align-items:center;
    gap:8px;
    background:none;
    box-shadow:none;
    padding:0;
}
.header-search{
    display:flex !important;
    justify-content:flex-start !important;
    text-align:left !important;
}
.header-grid .header-search{
    justify-content:flex-start !important;
}
#equalizer{
    display:flex;
    align-items:flex-end;
    gap:2px;
    height:18px;
}

#equalizer span{
    width:3px;
    height:6px;
    background:#5D49A8;
    border-radius:2px;
}

#equalizer.playing span{
    animation:wave 0.6s infinite ease-in-out;
}

#equalizer.playing span:nth-child(1){animation-delay:0s;}
#equalizer.playing span:nth-child(2){animation-delay:0.1s;}
#equalizer.playing span:nth-child(3){animation-delay:0.2s;}
#equalizer.playing span:nth-child(4){animation-delay:0.3s;}
#equalizer.playing span:nth-child(5){animation-delay:0.4s;}

@keyframes wave{
    0%{height:6px;}
    50%{height:18px;}
    100%{height:8px;}
}


.search-wrap form{
    display:flex;
    align-items:center;
    gap:8px;
    background:linear-gradient(135deg,#ffe4f1,#e6f0ff);
    padding:10px;
    border-radius:50px;
    box-shadow:0 8px 22px rgba(255,150,200,.25);
}

/* input */
.search-wrap input{
    width:200px;
    border:none;
    outline:none;
    background:#fff;
    padding:10px 14px;
    border-radius:30px;
    font-size:14px;
    color:#5a4a66;
}

/* button */
.search-wrap button{
    width:42px;
    height:42px;
    border:none;
    border-radius:50%;
    background:linear-gradient(135deg,#ffb6d9,#bcd7ff);
    color:#5b3b66;
    cursor:pointer;
    transition:.25s;
}

.search-wrap button:hover{
    transform:scale(1.08);
}
.radio-bar{
    display:flex;
    flex-direction:row-reverse; /* 🔁 این خط کل جهت را برعکس می‌کند */
    justify-content:space-between;
    align-items:center;
    width:100%;
    padding:8px 12px;
    box-sizing:border-box;
}

/* وسط همان وسط می‌ماند */
.radio-center{
    flex:1;
    display:flex;
    justify-content:center;
}

/* چپ و راست خودکار جابه‌جا می‌شوند */
.radio-left{
    flex:1;
    text-align:left;
}

.radio-right{
    flex:1;
    display:flex;
    justify-content:flex-end;
}

.radio-buttons button{
    margin-left:6px;
}


.header > div{
    padding:0 !important;
    margin:0 !important;
}

.radio-bar{
    top:32px !important;
}
.logo{
    position:absolute;
    left:50%;
    transform:translateX(-50%);
}
@media (max-width: 768px){

/* هدر ساده موبایل */
.header{
    height:56px;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:9999;

    background:linear-gradient(135deg,#FFD6E8,#D6E8FF);
    box-shadow:0 2px 10px rgba(0,0,0,0.08);
}

/* ساختار ساده */
.app-bar{
    display:grid;
    grid-template-columns:1fr 2fr;
    align-items:center;
    height:100%;
    padding:0 10px;
}

/* عنوان وسط متمایل */
.app-left{
    display:flex;
    justify-content:flex-start;
}

.logo{
    font-size:14px;
    font-weight:bold;
    color:#333;
}

/* سرچ فقط */
.app-center{
    display:flex;
    justify-content:flex-end;
}

/* حذف کامل رادیو در موبایل */
.app-right{
    display:none;
}

/* سرچ پاستیلی کوچک */
.search{
    display:flex;
    align-items:center;
    gap:4px;

    background:rgba(255,255,255,0.7);
    border:1px solid #ffc1dc;
    border-radius:30px;

    padding:4px 8px;
    width:140px;
}

.search input{
    width:100%;
    border:none;
    outline:none;
    background:transparent;
    font-size:12px;
}

.search button{
    background:transparent;
    border:none;
    font-size:12px;
}

/* جلوگیری از زیر رفتن محتوا */
body{
    padding-top:60px;
}
}
@media (max-width:768px){

/* مخفی کردن کامل بخش رادیو */
.radio-bar,
.radio-mini,
.app-right{
    display:none !important;
}

}
@media only screen and (max-width:768px){

.radio-mini,
.radio-bar,
#radioPlayer{
    display:none !important;
    visibility:hidden !important;
}

}
header#header > div{
    margin:0 auto !important;
    padding:0 20px !important;
    align-items:start !important;
    align-content:start !important;
}

header#header{
    padding-top:0 !important;
}

.logo,
.search-wrap{
    margin-top:0 !important;
    align-self:start !important;
}
@media only screen and (max-width:768px){

html,
body{
    overflow-x:hidden !important;
    width:100% !important;
    max-width:100% !important;
}

.pishvazfarsi{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 8px !important;
    box-sizing:border-box !important;
}

.flex-box{
    display:block !important;
    width:100% !important;
}

.center,
.sidebar,
.left,
.right{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    float:none !important;
}

img{
    max-width:100% !important;
    height:auto !important;
}

}
.radio-buttons button{
    background:#FFDDEE !important;
    border:none !important;
    color:#B04E8B;
    padding:11px 18px;
    margin:7px;
    border-radius:999px;
    position:relative;
    box-shadow:0 6px 15px rgba(255,180,210,.35);
}

.radio-buttons button:before{
    content:"";
    position:absolute;
    width:22px;
    height:22px;
    border-radius:50%;
    background:#FFDDEE;
    left:8px;
    top:-10px;
}

.radio-buttons button:after{
    content:"";
    position:absolute;
    width:30px;
    height:30px;
    border-radius:50%;
    background:#FFDDEE;
    right:10px;
    top:-15px;
}
.mobile-title{
display:none;
}

@media screen and (max-width:768px){

.mobile-title{
display:block;
margin:0 0 8px 0;
padding:6px 10px;
text-align:center;
font-family:'Vazirmatn',Tahoma,sans-serif;
font-size:20px;
font-weight:800;
line-height:1.6;
color:#4b6b86;
}

}
@media screen and (max-width:768px){

body{
margin:0 !important;
padding:0 !important;
}

html{
margin:0 !important;
padding:0 !important;
}

.mobile-search{
margin-top:0 !important;
padding-top:0 !important;
}

}