@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;700;800&display=swap');


:root{

--blue:#38BDF8;
--green:#22C55E;
--orange:#F59E0B;
--dark:#1F2937;
--gray:#64748B;
--bg:#F8FAFC;
--white:#FFFFFF;

}



*{

margin:0;
padding:0;
box-sizing:border-box;

}



body{

font-family:"Vazirmatn",Tahoma,sans-serif;
background:var(--bg);
color:var(--dark);
line-height:1.8;

}



a{

text-decoration:none;

}



.header{

background:white;
position:sticky;
top:0;
z-index:100;
box-shadow:0 5px 25px rgba(0,0,0,.08);

}



.top-bar{

background:linear-gradient(90deg,var(--blue),#60A5FA);
color:white;
text-align:center;
padding:8px;
font-size:14px;

}



.navbar{
    max-width:1200px;
    margin:0 auto;
    min-height:64px;
    padding:0 22px;
    box-sizing:border-box;
    display:grid;
    grid-template-columns:1fr auto 1fr;
    align-items:center;
    column-gap:20px;
    direction:rtl;
}

.logo{
    grid-column:1;
    justify-self:start;
    color:#008c95;
    font-size:26px;
    font-weight:900;
    white-space:nowrap;
}

.navbar ul{
    grid-column:2;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    margin:0;
    padding:0;
    list-style:none;
}

.navbar li{
    list-style:none;
}

.navbar a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:9px 13px;
    border-radius:12px;
    color:#444;
    text-decoration:none;
    font-size:14px;
    font-weight:600;
    transition:.2s ease;
}

.navbar a:hover{
    background:#effbf9;
    color:#008c95;
    transform:translateY(-1px);
}

.actions{
    grid-column:3;
    justify-self:end;
    display:flex;
    align-items:center;
    gap:10px;
}

.actions a{
    background:#fff5e9;
    color:#c75d12;
    border:1px solid #ffd8b3;
    border-radius:14px;
    padding:10px 15px;
    font-weight:800;
    text-decoration:none;
}

.actions a:hover{
    background:#ffe9d4;
    color:#b64f0c;
}

#cart-count{
    display:inline-flex;
    min-width:21px;
    height:21px;
    padding:0 5px;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#e53935;
    color:#fff;
    font-size:12px;
    font-weight:900;
    margin-right:4px;
    vertical-align:middle;
    box-shadow:0 2px 6px rgba(229,57,53,.25);
}

@media(max-width:700px){
    .navbar{
        min-height:58px;
        padding:0 12px;
        grid-template-columns:auto 1fr auto;
        column-gap:8px;
    }

    .logo{
        grid-column:2;
        justify-self:center;
        font-size:22px;
    }

    .navbar ul{
        display:none;
    }

    .actions{
        grid-column:3;
        justify-self:end;
    }

    .actions a{
        padding:8px 10px;
        font-size:12px;
    }

    .top-bar{
        font-size:12px;
        padding:7px;
    }
}

section{

padding:70px 8%;

}



h2{

font-size:34px;
text-align:center;
margin-bottom:45px;

}



.badge{

display:inline-block;
background:#DCFCE7;
color:#15803D;
padding:8px 20px;
border-radius:30px;
font-size:14px;
margin-bottom:20px;

}



.btn{

display:inline-block;
background:var(--green);
color:white;
padding:15px 35px;
border-radius:50px;
font-weight:700;
transition:.3s;

}



.btn:hover{

transform:translateY(-5px);

}



.second{

background:var(--orange);

}



.features,
.cards{

display:grid;
grid-template-columns:repeat(4,1fr);
gap:25px;

}



.card,
.features div{

background:white;
border-radius:25px;
padding:35px 20px;
text-align:center;
box-shadow:0 10px 30px rgba(0,0,0,.07);
transition:.3s;

}



.card:hover,
.features div:hover{

transform:translateY(-8px);

}



.card h3,
.features h3{

color:#0284C7;
margin:15px 0;

}



.card p,
.features p{

color:var(--gray);

}



.newsletter{

background:#E0F2FE;
text-align:center;
border-radius:40px;
margin:50px 8%;

}



.newsletter input{

padding:15px;
border:none;
border-radius:30px;
width:250px;

}



.newsletter button{

padding:15px 30px;
border:none;
background:var(--blue);
color:white;
border-radius:30px;

}



footer{

background:var(--dark);
color:white;
padding:50px;
text-align:center;

}


/* Fix menu links */
.menu li a{
    color:inherit;
    text-decoration:none;
    display:block;
}

.menu li a:hover{
    color:var(--blue);
}

/* Fix hero buttons links */
.hero-buttons .btn{
    text-decoration:none;
}


/* Professional Footer */

footer{
background:#0f766e;
color:white;
padding:60px 20px 25px;
margin-top:60px;
}

.footer-container{
max-width:1200px;
margin:auto;
display:grid;
grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
gap:40px;
text-align:right;
}

.footer-col h3{
font-size:22px;
margin-bottom:20px;
}

.footer-col p{
line-height:2;
}

.footer-col ul{
list-style:none;
padding:0;
}

.footer-col li{
margin:12px 0;
}

.footer-col a{
color:white;
text-decoration:none;
transition:.3s;
}

.footer-col a:hover{
color:#34d399;
padding-right:8px;
}

.footer-copy{
margin-top:40px;
padding-top:20px;
border-top:1px solid rgba(255,255,255,.25);
text-align:center;
font-size:14px;
}



/* =========================================
   هدر یکپارچه جنبجو
   فقط ظاهر - بدون تغییر HTML و JS
   ========================================= */

.header{
    width:100%;
    background:#ffffff;
    box-shadow:0 4px 18px rgba(0,140,149,.08);
    position:relative;
    z-index:100;
}

.top-bar{
    background:linear-gradient(135deg,#00a99d,#008c95);
    color:#fff;
    text-align:center;
    padding:9px 15px;
    font-size:14px;
}

.navbar{
    max-width:1200px;
    margin:auto;
    min-height:64px;

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

    padding:0 22px;
    box-sizing:border-box;
}

.logo{
    color:#008c95;
    font-size:26px;
    font-weight:900;
    white-space:nowrap;
}

.navbar ul{
    display:flex;
    align-items:center;
    gap:8px;

    margin:0;
    padding:0;

    list-style:none;
}

.navbar li{
    list-style:none;
}

.navbar a{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:9px 13px;

    border-radius:12px;

    color:#444;
    text-decoration:none;

    font-size:14px;
    font-weight:600;

    transition:.2s ease;
}

.navbar a:hover{
    background:#effbf9;
    color:#008c95;
    transform:translateY(-1px);
}

.actions{
    display:flex;
    align-items:center;
    gap:10px;
}

.actions a{
    background:#fff5e9;
    color:#c75d12;

    border:1px solid #ffd8b3;

    border-radius:14px;

    padding:10px 15px;

    font-weight:800;
}

.actions a:hover{
    background:#ffe9d4;
    color:#b64f0c;
}


/* شمارنده سبد */

#cart-count{
    display:inline-flex;

    min-width:21px;
    height:21px;

    padding:0 5px;

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

    border-radius:50%;

    background:#e53935;
    color:#fff;

    font-size:12px;
    font-weight:900;

    margin-right:4px;

    vertical-align:middle;

    box-shadow:0 2px 6px rgba(229,57,53,.25);
}


/* موبایل */

@media(max-width:700px){

    .navbar{
        min-height:58px;
        padding:0 12px;
    }

    .logo{
        font-size:22px;
    }

    .navbar ul{
        gap:2px;
    }

    .navbar a{
        padding:7px 8px;
        font-size:12px;
    }

    .actions a{
        padding:8px 10px;
        font-size:12px;
    }

    .top-bar{
        font-size:12px;
        padding:7px;
    }

}


/* =========================================
   JONBOJO — UNIFIED PROFESSIONAL FOOTER
   ========================================= */

footer.footer{
    background:linear-gradient(135deg,#0f766e,#008c95);
    color:#fff;
    padding:60px 20px 25px;
    margin-top:60px;
    text-align:center;
    box-sizing:border-box;
}

footer.footer .footer-container{
    max-width:1200px;
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
    gap:40px;
    text-align:right;
}

footer.footer .footer-col h3{
    font-size:22px;
    margin:0 0 20px;
    color:#fff;
}

footer.footer .footer-col p{
    line-height:2;
    margin:8px 0;
    color:#fff;
}

footer.footer .footer-col ul{
    list-style:none;
    padding:0;
    margin:0;
}

footer.footer .footer-col li{
    margin:12px 0;
}

footer.footer .footer-col a{
    color:#fff;
    text-decoration:none;
    transition:.3s ease;
}

footer.footer .footer-col a:hover{
    color:#34d399;
    padding-right:8px;
}

footer.footer .jonbojo-footer-social{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:18px;
    margin-top:35px;
}

footer.footer .footer-brand-link{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#fff;
    text-decoration:none;
    transition:.2s ease;
}

footer.footer .footer-brand-link svg{
    width:24px;
    height:24px;
    display:inline-block;
    flex-shrink:0;
}

footer.footer .footer-brand-link:hover{
    opacity:.85;
    transform:translateY(-2px);
}

footer.footer .footer-copy{
    margin-top:40px;
    padding-top:20px;
    border-top:1px solid rgba(255,255,255,.25);
    text-align:center;
    font-size:14px;
    color:#fff;
}

@media(max-width:700px){
    footer.footer{
        padding:45px 18px 20px;
        margin-top:40px;
    }

    footer.footer .footer-container{
        grid-template-columns:1fr;
        gap:25px;
        text-align:center;
    }

    footer.footer .footer-col ul{
        text-align:center;
    }

    footer.footer .footer-col li{
        margin:9px 0;
    }

    footer.footer .jonbojo-footer-social{
        flex-wrap:wrap;
        gap:15px;
    }
}




/* =========================================================
   JONBOJO — UNIFIED PROFESSIONAL FOOTER
   ========================================================= */

footer.jonbojo-unified-footer{
    background:linear-gradient(135deg,#0f766e 0%,#008c95 55%,#00a99d 100%);
    color:#fff;
    padding:58px 20px 22px;
    margin-top:60px;
    text-align:center;
    box-sizing:border-box;
    overflow:hidden;
}

footer.jonbojo-unified-footer .footer-container{
    width:100%;
    max-width:1200px;
    margin:0 auto;
    display:grid;
    grid-template-columns:1.35fr 1fr 1fr 1.1fr;
    gap:42px;
    text-align:right;
}

footer.jonbojo-unified-footer .footer-col{
    min-width:0;
}

footer.jonbojo-unified-footer .footer-logo{
    font-size:28px;
    font-weight:900;
    margin-bottom:16px;
    color:#fff;
}

footer.jonbojo-unified-footer .footer-tagline{
    font-size:16px;
    font-weight:700;
    line-height:1.9;
    margin:0 0 10px;
}

footer.jonbojo-unified-footer .footer-col h3{
    position:relative;
    font-size:19px;
    font-weight:800;
    margin:0 0 22px;
    padding-bottom:11px;
    color:#fff;
}

footer.jonbojo-unified-footer .footer-col h3::after{
    content:"";
    position:absolute;
    right:0;
    bottom:0;
    width:42px;
    height:3px;
    border-radius:10px;
    background:#a7f3d0;
}

footer.jonbojo-unified-footer .footer-col p{
    color:rgba(255,255,255,.92);
    line-height:2;
    margin:7px 0;
}

footer.jonbojo-unified-footer .footer-col ul{
    list-style:none;
    padding:0;
    margin:0;
}

footer.jonbojo-unified-footer .footer-col li{
    margin:9px 0;
}

footer.jonbojo-unified-footer .footer-col a{
    color:#fff;
    text-decoration:none;
    transition:.2s ease;
}

footer.jonbojo-unified-footer .footer-col li a:hover{
    color:#a7f3d0;
    padding-right:6px;
}

footer.jonbojo-unified-footer .footer-contact a{
    font-weight:600;
}

footer.jonbojo-unified-footer .jonbojo-footer-social{
    display:flex;
    justify-content:flex-start;
    align-items:center;
    gap:18px;
    margin-top:20px;
}

footer.jonbojo-unified-footer .footer-brand-link{
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:#fff;
    text-decoration:none;
    transition:.2s ease;
}

footer.jonbojo-unified-footer .footer-brand-link svg{
    width:24px;
    height:24px;
    display:block;
    flex-shrink:0;
}

footer.jonbojo-unified-footer .footer-brand-link:hover{
    opacity:.85;
    transform:translateY(-2px);
}

footer.jonbojo-unified-footer .footer-copy{
    max-width:1200px;
    margin:42px auto 0;
    padding-top:20px;
    border-top:1px solid rgba(255,255,255,.25);
    text-align:center;
    color:rgba(255,255,255,.9);
    font-size:13px;
}

@media(max-width:900px){
    footer.jonbojo-unified-footer .footer-container{
        grid-template-columns:repeat(2,1fr);
        gap:35px 25px;
    }
}

@media(max-width:600px){
    footer.jonbojo-unified-footer{
        padding:42px 18px 20px;
        margin-top:40px;
    }

    footer.jonbojo-unified-footer .footer-container{
        grid-template-columns:1fr;
        gap:28px;
        text-align:center;
    }

    footer.jonbojo-unified-footer .footer-col h3::after{
        right:50%;
        transform:translateX(50%);
    }

    footer.jonbojo-unified-footer .footer-col ul{
        text-align:center;
    }

    footer.jonbojo-unified-footer .jonbojo-footer-social{
        justify-content:center;
    }

    footer.jonbojo-unified-footer .footer-copy{
        margin-top:30px;
    }
}

/* =========================================
   JONBOJO — FINAL FOOTER VISUAL OVERRIDE
   فقط ظاهر فوتر
   ========================================= */
footer.jonbojo-unified-footer{
    background:linear-gradient(135deg,#0f766e 0%,#008c95 55%,#00a99d 100%) !important;
    color:#fff !important;
    padding:58px 20px 22px !important;
    margin-top:60px !important;
    text-align:center !important;
}

footer.jonbojo-unified-footer .footer-container{
    max-width:1200px !important;
    margin:0 auto !important;
    display:grid !important;
    grid-template-columns:1.35fr 1fr 1fr 1.1fr !important;
    gap:42px !important;
    text-align:right !important;
}

footer.jonbojo-unified-footer .footer-logo{
    font-size:28px !important;
    font-weight:900 !important;
    margin-bottom:16px !important;
}

footer.jonbojo-unified-footer .footer-tagline{
    font-size:16px !important;
    font-weight:700 !important;
    line-height:1.9 !important;
}

footer.jonbojo-unified-footer .footer-col h3{
    font-size:19px !important;
    font-weight:800 !important;
    margin:0 0 22px !important;
    padding-bottom:11px !important;
}

footer.jonbojo-unified-footer .footer-col li{
    margin:9px 0 !important;
}

footer.jonbojo-unified-footer .footer-col a{
    color:#fff !important;
}

footer.jonbojo-unified-footer .jonbojo-footer-social{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:18px !important;
    margin-top:20px !important;
}

footer.jonbojo-unified-footer .footer-brand-link{
    display:inline-flex !important;
    align-items:center !important;
    gap:7px !important;
}

footer.jonbojo-unified-footer .footer-brand-link svg{
    width:20px !important;
    height:20px !important;
    display:block !important;
    flex-shrink:0 !important;
}

footer.jonbojo-unified-footer .footer-copy{
    max-width:1200px !important;
    margin:42px auto 0 !important;
    padding-top:20px !important;
    border-top:1px solid rgba(255,255,255,.25) !important;
    text-align:center !important;
}

@media(max-width:900px){
    footer.jonbojo-unified-footer .footer-container{
        grid-template-columns:repeat(2,1fr) !important;
        gap:35px 25px !important;
    }
}

@media(max-width:600px){
    footer.jonbojo-unified-footer{
        padding:42px 18px 20px !important;
        margin-top:40px !important;
    }

    footer.jonbojo-unified-footer .footer-container{
        grid-template-columns:1fr !important;
        gap:28px !important;
        text-align:center !important;
    }

    footer.jonbojo-unified-footer .footer-col h3::after{
        right:50% !important;
        transform:translateX(50%) !important;
    }

    footer.jonbojo-unified-footer .footer-col ul{
        text-align:center !important;
    }

    footer.jonbojo-unified-footer .jonbojo-footer-social{
        justify-content:center !important;
    }

    footer.jonbojo-unified-footer .footer-brand-link svg{
        width:20px !important;
        height:20px !important;
    }
}

/* Social icons — same as Home & Blog */
footer.jonbojo-unified-footer .jonbojo-footer-social .footer-brand-link svg{
    width:25px !important;
    height:25px !important;
    display:block !important;
}

footer.jonbojo-unified-footer .jonbojo-footer-social .footer-brand-link:first-child svg{
    color:#25D366 !important;
}

footer.jonbojo-unified-footer .jonbojo-footer-social .footer-brand-link:last-child svg{
    color:#229ED9 !important;
}

@media(max-width:600px){
    footer.jonbojo-unified-footer .jonbojo-footer-social .footer-brand-link svg{
        width:23px !important;
        height:23px !important;
    }
}

/* ===== FINAL JONBOJO LOGO FONT ===== */
.header .navbar .logo{
    font-family:"Vazirmatn",Tahoma,sans-serif !important;
    font-size:26px !important;
    font-weight:900 !important;
    line-height:1 !important;
    white-space:nowrap !important;
}

@media (max-width:768px){
    .header .navbar .logo{
        font-family:"Vazirmatn",Tahoma,sans-serif !important;
        font-size:22px !important;
    }
}

/* FINAL eNAMAD POSITION */
footer.jonbojo-unified-footer .jonbojo-enamad{
    width:100% !important;
    text-align:center !important;
    margin-top:22px !important;
}

footer.jonbojo-unified-footer .jonbojo-enamad img{
    display:inline-block !important;
    margin:0 auto !important;
}