/* Mazzraty content pages — v2.3 */

:root{
--mz-page-gutter:clamp(16px,3vw,32px);
}

body.page,
body.blog{
    background:var(--mz-color-background);
}

body.page .hero-section,
body.page .page-title,
body.page .entry-header,
body.blog .hero-section,
body.blog .page-title,
body.blog .entry-header{
    display:none!important;
}

body.page .site-main,
body.blog .site-main{
    padding-top:0!important;
    margin-top:0!important;
}

.mz-page{
    direction:rtl;
    color:var(--mz-color-text);
}

.mz-page-container{
    width:min(1180px,calc(100% - (var(--mz-page-gutter) * 2)));
    margin-inline:auto;
}

.mz-page-section{
    padding:84px 0;
}

.mz-page-section--cream{background:var(--mz-color-surface-soft);}
.mz-page-section--sesame{background:var(--mz-color-sesame-light);}
.mz-page-section--white{background:var(--mz-color-background);}

.mz-page-kicker{
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin-bottom:14px;
    color:var(--mz-color-accent-dark);
    font-size:13px;
    font-weight:750;
}

.mz-page-kicker::before{
    content:"";
    width:28px;
    height:1px;
    background:currentColor;
}

.mz-page h1,
.mz-page h2,
.mz-page h3{
    color:var(--mz-color-primary);
}

.mz-page h1{
    margin:0 0 18px;
    font-size:clamp(40px,5vw,66px);
    line-height:1.3;
    font-weight:850;
}

.mz-page h2{
    margin:0 0 16px;
    font-size:clamp(28px,3.2vw,42px);
    line-height:1.45;
}

.mz-page h3{
    margin:0 0 10px;
    font-size:19px;
    line-height:1.7;
}

.mz-page p{
    color:var(--mz-color-muted);
    line-height:2.08;
}

.mz-page-hero{
    position:relative;
    min-height:470px;
    display:flex;
    align-items:center;
    overflow:hidden;
    background:
        radial-gradient(circle at 12% 30%,color-mix(in srgb, var(--mz-color-white) 44%, transparent) 0 11%,transparent 11.3%),
        linear-gradient(120deg,var(--mz-color-tone-f7ead3),var(--mz-color-tone-e6caa0));
}

.mz-page-hero::after{
    content:"";
    position:absolute;
    left:-80px;
    bottom:-180px;
    width:520px;
    height:520px;
    border:1px solid color-mix(in srgb, var(--mz-color-accent) 13%, transparent);
    border-radius:50%;
}

.mz-page-hero__grid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
    gap:64px;
    align-items:center;
    padding:72px 0;
}

.mz-page-hero__copy{
    max-width:650px;
}

.mz-page-hero__copy p{
    max-width:620px;
    margin:0;
    font-size:17px;
}

.mz-page-hero__media{
    position:relative;
    min-height:330px;
    overflow:hidden;
    border-radius:24px;
    background:color-mix(in srgb, var(--mz-color-background) 44%, transparent);
}

.mz-page-hero__media img{
    display:block;
    width:100%;
    height:100%;
    min-height:330px;
    object-fit:cover;
}

.mz-page-hero__media--product img{
    object-fit:contain;
    padding:28px;
}

.mz-page-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:48px;
    padding:10px 24px;
    border-radius:10px;
    text-decoration:none!important;
    font-weight:800;
    transition:transform .2s ease,background-color .2s ease;
}

.mz-page-btn:hover{transform:translateY(-1px);}
.mz-page-btn--olive{background:var(--mz-color-primary);color:var(--mz-color-white)!important;}
.mz-page-btn--gold{background:var(--mz-color-accent);color:var(--mz-color-text)!important;}
.mz-page-btn--outline{border:1px solid color-mix(in srgb, var(--mz-color-primary) 30%, transparent);color:var(--mz-color-primary)!important;background:transparent;}

.mz-page-actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:28px;
}

.mz-page-heading{
    max-width:720px;
    margin-bottom:38px;
}

.mz-page-heading--center{
    margin-inline:auto;
    text-align:center;
}

.mz-page-grid-3,
.mz-page-grid-4{
    display:grid;
    gap:16px;
}
.mz-page-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.mz-page-grid-4{grid-template-columns:repeat(4,minmax(0,1fr));}

.mz-page-card{
    padding:28px;
    border:1px solid color-mix(in srgb, var(--mz-color-primary) 11%, transparent);
    border-radius:17px;
    background:color-mix(in srgb, var(--mz-color-background) 82%, transparent);
}

.mz-page-card__num{
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    margin-bottom:20px;
    border-radius:50%;
    background:var(--mz-color-primary);
    color:var(--mz-color-accent-light);
    font-size:11px;
    font-weight:850;
}

.mz-page-card p{margin:0;font-size:14px;}

.mz-page-split{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:64px;
    align-items:center;
}

.mz-page-feature-list{
    display:grid;
    gap:14px;
}

.mz-page-feature{
    display:grid;
    grid-template-columns:46px 1fr;
    gap:16px;
    padding:18px;
    border:1px solid color-mix(in srgb, var(--mz-color-primary) 10%, transparent);
    border-radius:14px;
    background:var(--mz-color-white);
}

.mz-page-feature__icon{
    width:46px;
    height:46px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:color-mix(in srgb, var(--mz-color-accent) 13%, transparent);
    color:var(--mz-color-accent-dark);
    font-weight:850;
}

.mz-page-feature p{margin:4px 0 0;font-size:14px;}

.mz-process{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
    counter-reset:process;
}

.mz-process article{
    position:relative;
    min-height:230px;
    padding:28px;
    border-radius:17px;
    background:var(--mz-color-white);
    border:1px solid color-mix(in srgb, var(--mz-color-primary) 10%, transparent);
}

.mz-process article::before{
    counter-increment:process;
    content:"0" counter(process);
    display:block;
    margin-bottom:24px;
    color:var(--mz-color-accent-dark);
    font-size:12px;
    font-weight:850;
}

.mz-process p{margin:0;font-size:14px;}

.mz-page-note{
    margin-top:24px;
    padding:16px 18px;
    border-right:3px solid var(--mz-color-accent);
    border-radius:10px;
    background:color-mix(in srgb, var(--mz-color-accent) 8%, transparent);
    color:var(--mz-color-muted);
    font-size:13px;
    line-height:2;
}

.mz-page-form-wrap{
    display:grid;
    grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);
    gap:64px;
    align-items:start;
}

.mz-form{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
    padding:30px;
    border:1px solid color-mix(in srgb, var(--mz-color-primary) 11%, transparent);
    border-radius:18px;
    background:var(--mz-color-white);
    box-shadow:0 18px 60px var(--mz-overlay-78-64-38-_05);
}

.mz-form-field{display:grid;gap:7px;}
.mz-form-field--full{grid-column:1/-1;}
.mz-form label{color:var(--mz-color-text);font-size:13px;font-weight:700;}
.mz-form input,
.mz-form select,
.mz-form textarea{
    width:100%;
    min-height:48px;
    padding:11px 13px;
    border:1px solid color-mix(in srgb, var(--mz-color-primary) 16%, transparent);
    border-radius:10px;
    background:var(--mz-color-background);
    color:var(--mz-color-text);
    font-family:'Vazirmatn',sans-serif;
    outline:none;
}
.mz-form textarea{min-height:130px;resize:vertical;}
.mz-form input:focus,
.mz-form select:focus,
.mz-form textarea:focus{border-color:var(--mz-color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--mz-color-accent) 8%, transparent);}

.mz-form-checks{
    grid-column:1/-1;
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.mz-form-check{
    display:flex;
    align-items:center;
    gap:7px;
    padding:9px 12px;
    border:1px solid color-mix(in srgb, var(--mz-color-primary) 13%, transparent);
    border-radius:999px;
    background:var(--mz-color-surface-soft);
    font-size:13px;
}
.mz-form-check input{width:auto;min-height:0;}

.mz-form-hp{position:absolute!important;left:-9999px!important;opacity:0!important;}

.mz-form-status{
    grid-column:1/-1;
    padding:12px 14px;
    border-radius:10px;
    font-size:13px;
    line-height:1.8;
}
.mz-form-status--success{background:var(--mz-color-tone-eef3e7);color:var(--mz-color-tone-48612c);}
.mz-form-status--error{background:var(--mz-color-tone-fff0e8);color:var(--mz-color-tone-8e4b2e);}

.mz-faq-groups{display:grid;gap:42px;}
.mz-faq-group h2{margin-bottom:18px;}
.mz-faq-list details{border-bottom:1px solid color-mix(in srgb, var(--mz-color-primary) 13%, transparent);}
.mz-faq-list summary{
    position:relative;
    padding:20px 34px 20px 0;
    cursor:pointer;
    list-style:none;
    color:var(--mz-color-text);
    font-weight:750;
}
.mz-faq-list summary::-webkit-details-marker{display:none;}
.mz-faq-list summary::before{
    content:"+";
    position:absolute;
    right:0;
    color:var(--mz-color-accent);
    font-size:18px;
}
.mz-faq-list details[open] summary::before{content:"−";}
.mz-faq-list p{margin:0;padding:0 34px 20px 0;font-size:14px;}

.mz-blog-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:22px;
}

.mz-blog-card{
    overflow:hidden;
    border:1px solid color-mix(in srgb, var(--mz-color-primary) 10%, transparent);
    border-radius:17px;
    background:var(--mz-color-white);
}

.mz-blog-card__visual{
    display:block;
    aspect-ratio:16/10;
    overflow:hidden;
    background:linear-gradient(145deg,var(--mz-color-tone-d8b77d),var(--mz-color-tone-a97c42));
}

.mz-blog-card__visual img{display:block;width:100%;height:100%;object-fit:cover;}
.mz-blog-card__placeholder{height:100%;display:grid;place-items:center;color:var(--mz-color-white);font-size:22px;font-weight:800;}
.mz-blog-card__body{padding:22px;}
.mz-blog-card__meta{color:var(--mz-color-accent-dark);font-size:12px;font-weight:750;}
.mz-blog-card h2{margin:8px 0 12px;font-size:20px;}
.mz-blog-card h2 a{color:var(--mz-color-primary);text-decoration:none;}
.mz-blog-card p{font-size:14px;margin:0 0 16px;}
.mz-blog-link{color:var(--mz-color-accent-dark);text-decoration:none;font-size:13px;font-weight:750;}

.mz-page-cta{
    padding:64px 0;
    background:linear-gradient(120deg,var(--mz-color-sesame),var(--mz-color-tone-e8d3aa));
}

.mz-page-cta__inner{
    display:grid;
    grid-template-columns:1fr auto;
    gap:32px;
    align-items:center;
}

.mz-page-cta h2{margin-bottom:8px;}
.mz-page-cta p{margin:0;}

@media(max-width:900px){
    .mz-page-hero__grid,
    .mz-page-split,
    .mz-page-form-wrap,
    .mz-page-cta__inner{
        grid-template-columns:1fr;
        gap:36px;
    }

    .mz-page-grid-4,
    .mz-process{grid-template-columns:repeat(2,minmax(0,1fr));}
    .mz-page-grid-3,
    .mz-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));}

    .mz-page-hero__media{order:-1;min-height:280px;}
    .mz-page-hero__media img{min-height:280px;}
}

@media(max-width:600px){
    :root{--mz-page-gutter:16px;}
    .mz-page-section{padding:58px 0;}
    .mz-page-hero{min-height:0;}
    .mz-page-hero__grid{padding:42px 0 52px;}
    .mz-page-hero__media{min-height:230px;border-radius:16px;}
    .mz-page-hero__media img{min-height:230px;}
    .mz-page-grid-4,
    .mz-page-grid-3,
    .mz-process,
    .mz-blog-grid{grid-template-columns:1fr;}
    .mz-form{grid-template-columns:1fr;padding:22px;}
    .mz-form-field--full{grid-column:auto;}
    .mz-form-checks{grid-column:auto;}
    .mz-form-status{grid-column:auto;}
    .mz-page-card,.mz-process article{padding:22px;min-height:0;}
}


/* v2.4 — content page consistency */
.mz-page-container{
    width:min(var(--mz-content-width,1180px),calc(100% - (var(--mz-page-gutter) * 2)))!important;
}

.mz-page-hero--no-media .mz-page-hero__grid{
    grid-template-columns:minmax(0,780px)!important;
    justify-content:center;
    text-align:center;
}

.mz-page-hero--no-media .mz-page-hero__copy{
    max-width:780px;
    margin-inline:auto;
}

.mz-page-hero--no-media .mz-page-kicker{
    justify-content:center;
}

.mz-page-hero--no-media .mz-page-actions{
    justify-content:center;
}

.mz-page-hero--with-media .mz-page-hero__media{
    box-shadow:0 20px 60px var(--mz-overlay-91-69-34-_08);
}

.mz-page-hero--with-media .mz-page-hero__media img{
    object-position:center;
}

.mz-page-grid-3 > *,
.mz-page-grid-4 > *{
    height:100%;
}

.mz-page-card{
    min-height:220px;
}

.mz-page-card p{
    line-height:2;
}

.mz-wholesale-steps{
    display:grid;
    gap:12px;
    margin-top:28px;
}

.mz-wholesale-steps article{
    display:grid;
    grid-template-columns:44px 1fr;
    gap:14px;
    padding:18px;
    border:1px solid color-mix(in srgb, var(--mz-color-primary) 10%, transparent);
    border-radius:14px;
    background:color-mix(in srgb, var(--mz-color-background) 78%, transparent);
}

.mz-wholesale-steps article > span{
    width:44px;
    height:44px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:var(--mz-color-primary);
    color:var(--mz-color-accent-light);
    font-size:11px;
    font-weight:850;
}

.mz-wholesale-steps h3{
    margin:0 0 4px;
    font-size:17px;
}

.mz-wholesale-steps p{
    margin:0;
    font-size:13px;
}

.mz-faq-group{
    max-width:980px;
}

.mz-blog-grid{
    align-items:stretch;
}

.mz-blog-card{
    display:flex;
    flex-direction:column;
}

.mz-blog-card__body{
    display:flex;
    flex-direction:column;
    flex:1;
}

.mz-blog-link{
    margin-top:auto;
}

@media(max-width:900px){
    .mz-page-hero--no-media .mz-page-hero__grid{
        text-align:right;
        justify-content:stretch;
    }

    .mz-page-hero--no-media .mz-page-kicker{
        justify-content:flex-start;
    }

    .mz-page-hero--no-media .mz-page-actions{
        justify-content:flex-start;
    }

    .mz-page-card{
        min-height:0;
    }
}