/*!
 * Nazhvan Design System — component & utility extension.
 * Generated from the CSS bundle supplied by the site owner (2026-07-25).
 * Loaded after nds-design-system.css; every value still resolves through the
 * --nds-* tokens (via the --nazh-diet-* compatibility aliases below), so the
 * Design tokens screen keeps controlling both files together.
 * Prefix: nazh-diet-
 * Version: 2.0.0
 */

/* ============================================================
 * variables.css — توکن‌های سازگاری (نگاشت به --nds-*)
 * ============================================================ */

:root{

/*==============================================================
# COLORS
==============================================================*/

--nds-color-primary:#1f7a5c;
--nds-color-primary-soft:#e7f3ee;

--nds-color-secondary:#2b3a4a;

--nds-color-success:#2e9e6b;
--nds-color-danger:#d9534f;
--nds-color-warning:#e0a10a;

--nds-color-ink:#16202b;
--nds-color-muted:#66788a;

--nds-color-surface:#ffffff;
--nds-color-line:#e3e8ee;

/*==============================================================
# DESIGN TOKENS (Compatibility Layer)
==============================================================*/

--nazh-diet-primary:var(--nds-color-primary);
--nazh-diet-primary-2:var(--nds-color-secondary);

--nazh-diet-soft:var(--nds-color-primary-soft);

--nazh-diet-bg:var(--nds-color-surface);
--nazh-diet-bg-soft:var(--nds-color-primary-soft);

--nazh-diet-border:var(--nds-color-line);
--nazh-diet-border-light:rgba(227,232,238,.55);

--nazh-diet-title:var(--nds-color-ink);
--nazh-diet-text:var(--nds-color-ink);
--nazh-diet-muted:var(--nds-color-muted);

--nazh-diet-success:var(--nds-color-success);
--nazh-diet-danger:var(--nds-color-danger);
--nazh-diet-warning:var(--nds-color-warning);

/*==============================================================
# RADIUS
==============================================================*/

--nds-radius-sm:6px;
--nds-radius:12px;
--nds-radius-lg:20px;

--nazh-diet-radius-sm:var(--nds-radius-sm);
--nazh-diet-radius:var(--nds-radius);
--nazh-diet-radius-lg:var(--nds-radius-lg);

/*==============================================================
# SHADOWS
==============================================================*/

--nds-shadow-sm:0 1px 2px rgba(22,32,43,.06);
--nds-shadow:0 6px 18px rgba(22,32,43,.08);
--nds-shadow-lg:0 18px 40px rgba(22,32,43,.14);

--nazh-diet-shadow-sm:var(--nds-shadow-sm);
--nazh-diet-shadow:var(--nds-shadow);
--nazh-diet-shadow-lg:var(--nds-shadow-lg);

/*==============================================================
# SPACING
==============================================================*/

--nds-space-xs:6px;
--nds-space-sm:12px;
--nds-space:20px;
--nds-space-lg:36px;
--nds-space-xl:64px;

--nazh-diet-space-xs:var(--nds-space-xs);
--nazh-diet-space-sm:var(--nds-space-sm);
--nazh-diet-space:var(--nds-space);
--nazh-diet-space-lg:var(--nds-space-lg);
--nazh-diet-space-xl:var(--nds-space-xl);

/*==============================================================
# TYPOGRAPHY
==============================================================*/

--nds-font-title:inherit;
--nds-font-body:inherit;

--nds-text-sm:.875rem;
--nds-text-base:1rem;
--nds-text-lg:1.25rem;
--nds-text-xl:1.75rem;
--nds-text-2xl:2.5rem;

/* Fluid Typography */

--nazh-diet-text-xs:clamp(.75rem,.72rem + .12vw,.8125rem);

--nazh-diet-text-sm:clamp(.875rem,.84rem + .18vw,.95rem);

--nazh-diet-text-base:clamp(1rem,.97rem + .18vw,1.05rem);

--nazh-diet-text-lg:clamp(1.125rem,1.03rem + .35vw,1.35rem);

--nazh-diet-text-xl:clamp(1.5rem,1.2rem + .8vw,2rem);

--nazh-diet-text-2xl:clamp(2rem,1.5rem + 1.5vw,3rem);

--nazh-diet-text-3xl:clamp(2.5rem,2rem + 2vw,4rem);

--nazh-diet-line-height:1.8;

--nazh-diet-title-weight:700;
--nazh-diet-body-weight:400;

/*==============================================================
# CONTAINER
==============================================================*/

--nazh-diet-container-sm:640px;
--nazh-diet-container:1200px;
--nazh-diet-container-lg:1440px;

/*==============================================================
# Z INDEX
==============================================================*/

--nazh-diet-z1:1;
--nazh-diet-z2:10;
--nazh-diet-z3:100;
--nazh-diet-z4:1000;

/*==============================================================
# EFFECTS
==============================================================*/

--nazh-diet-blur:18px;

--nazh-diet-glass-bg:rgba(255,255,255,.55);

--nazh-diet-glass-border:rgba(255,255,255,.35);

--nazh-diet-overlay:rgba(22,32,43,.55);

/*==============================================================
# GRADIENTS
==============================================================*/

--nazh-diet-gradient-primary:
linear-gradient(
135deg,
var(--nazh-diet-primary),
var(--nazh-diet-primary-2)
);

--nazh-diet-gradient-soft:
linear-gradient(
180deg,
#ffffff,
var(--nazh-diet-bg-soft)
);

--nazh-diet-gradient-border:
linear-gradient(
135deg,
var(--nazh-diet-primary),
rgba(31,122,92,.15)
);

/*==============================================================
# TRANSITIONS
==============================================================*/

--nds-transition:260ms cubic-bezier(.4,0,.2,1);

--nazh-diet-transition:var(--nds-transition);

--nazh-diet-transition-fast:180ms ease;

--nazh-diet-transition-slow:420ms ease;

/*==============================================================
# COMPONENT TOKENS
==============================================================*/

--nazh-diet-card-padding:28px;

--nazh-diet-card-gap:18px;

--nazh-diet-card-radius:var(--nazh-diet-radius);

--nazh-diet-card-shadow:var(--nazh-diet-shadow);

--nazh-diet-button-height:48px;

--nazh-diet-icon-size:48px;

--nazh-diet-image-radius:18px;

/*==============================================================
# BORDER WIDTH
==============================================================*/

--nazh-diet-border-width:1px;
--nazh-diet-border-width-lg:2px;

/*==============================================================
# SCROLLBAR
==============================================================*/

--nazh-diet-scrollbar-size:10px;

}

/*==============================================================
# DARK MODE (Future Ready)
==============================================================*/

@media (prefers-color-scheme:dark){

:root{

--nazh-diet-bg:#111827;

--nazh-diet-bg-soft:#18222e;

--nazh-diet-title:#ffffff;

--nazh-diet-text:#d7dde5;

--nazh-diet-border:#2c3948;

--nazh-diet-border-light:#384454;

--nazh-diet-shadow:
0 12px 30px rgba(0,0,0,.45);

}

}

/* ============================================================
 * layout.css — چیدمان
 * ============================================================ */

/*==============================================================
# DISPLAY
==============================================================*/

.nazh-diet-flex{
    display:flex;
}

.nazh-diet-inline-flex{
    display:inline-flex;
}

.nazh-diet-grid{
    display:grid;
}

.nazh-diet-block{
    display:block;
}

.nazh-diet-inline{
    display:inline;
}

.nazh-diet-inline-block{
    display:inline-block;
}

/*==============================================================
# FLEX DIRECTION
==============================================================*/

.nazh-diet-row{
    flex-direction:row;
}

.nazh-diet-row-reverse{
    flex-direction:row-reverse;
}

.nazh-diet-column{
    flex-direction:column;
}

.nazh-diet-column-reverse{
    flex-direction:column-reverse;
}

/*==============================================================
# FLEX WRAP
==============================================================*/

.nazh-diet-wrap{
    flex-wrap:wrap;
}

.nazh-diet-nowrap{
    flex-wrap:nowrap;
}

/*==============================================================
# JUSTIFY
==============================================================*/

.nazh-diet-start{
    justify-content:flex-start;
}

.nazh-diet-center{
    justify-content:center;
}

.nazh-diet-end{
    justify-content:flex-end;
}

.nazh-diet-between{
    justify-content:space-between;
}

.nazh-diet-around{
    justify-content:space-around;
}

.nazh-diet-evenly{
    justify-content:space-evenly;
}

/*==============================================================
# ALIGN
==============================================================*/

.nazh-diet-items-start{
    align-items:flex-start;
}

.nazh-diet-items-center{
    align-items:center;
}

.nazh-diet-items-end{
    align-items:flex-end;
}

.nazh-diet-items-stretch{
    align-items:stretch;
}

.nazh-diet-items-baseline{
    align-items:baseline;
}

/*==============================================================
# ALIGN CONTENT
==============================================================*/

.nazh-diet-content-start{
    align-content:flex-start;
}

.nazh-diet-content-center{
    align-content:center;
}

.nazh-diet-content-end{
    align-content:flex-end;
}

.nazh-diet-content-between{
    align-content:space-between;
}

/*==============================================================
# SELF
==============================================================*/

.nazh-diet-self-start{
    align-self:flex-start;
}

.nazh-diet-self-center{
    align-self:center;
}

.nazh-diet-self-end{
    align-self:flex-end;
}

.nazh-diet-self-stretch{
    align-self:stretch;
}

/*==============================================================
# FLEX
==============================================================*/

.nazh-diet-grow{
    flex-grow:1;
}

.nazh-diet-shrink{
    flex-shrink:1;
}

.nazh-diet-no-grow{
    flex-grow:0;
}

.nazh-diet-no-shrink{
    flex-shrink:0;
}

.nazh-diet-fill{
    flex:1 1 auto;
}

.nazh-diet-auto{
    flex:auto;
}

.nazh-diet-none{
    flex:none;
}

/*==============================================================
# GAP
==============================================================*/

.nazh-diet-gap-xs{
    gap:var(--nazh-diet-space-xs);
}

.nazh-diet-gap-sm{
    gap:var(--nazh-diet-space-sm);
}

.nazh-diet-gap{
    gap:var(--nazh-diet-space);
}

.nazh-diet-gap-lg{
    gap:var(--nazh-diet-space-lg);
}

.nazh-diet-gap-xl{
    gap:var(--nazh-diet-space-xl);
}

/*==============================================================
# GRID
==============================================================*/

.nazh-diet-grid-2{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
}

.nazh-diet-grid-3{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
}

.nazh-diet-grid-4{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
}

.nazh-diet-grid-5{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
}

.nazh-diet-grid-6{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
}

/*==============================================================
# GRID AUTO
==============================================================*/

.nazh-diet-grid-auto-200{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
}

.nazh-diet-grid-auto-250{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
}

.nazh-diet-grid-auto-300{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
}

.nazh-diet-grid-auto-350{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(350px,1fr));
}

/*==============================================================
# CONTAINER
==============================================================*/

.nazh-diet-container{

    width:min(
        100%,
        var(--nazh-diet-container)
    );

    margin-inline:auto;

    padding-inline:var(--nazh-diet-space);
}

.nazh-diet-container-sm{

    width:min(
        100%,
        var(--nazh-diet-container-sm)
    );

    margin-inline:auto;

    padding-inline:var(--nazh-diet-space);
}

.nazh-diet-container-lg{

    width:min(
        100%,
        var(--nazh-diet-container-lg)
    );

    margin-inline:auto;

    padding-inline:var(--nazh-diet-space);
}

/*==============================================================
# WIDTH
==============================================================*/

.nazh-diet-w-25{
    width:25%;
}

.nazh-diet-w-33{
    width:33.333%;
}

.nazh-diet-w-50{
    width:50%;
}

.nazh-diet-w-75{
    width:75%;
}

.nazh-diet-w-100{
    width:100%;
}

/*==============================================================
# HEIGHT
==============================================================*/

.nazh-diet-h-100{
    height:100%;
}

.nazh-diet-vh-100{
    min-height:100vh;
}

/*==============================================================
# ORDER
==============================================================*/

.nazh-diet-order-1{
    order:1;
}

.nazh-diet-order-2{
    order:2;
}

.nazh-diet-order-3{
    order:3;
}

.nazh-diet-order-last{
    order:999;
}

/*==============================================================
# POSITION HELPERS
==============================================================*/

.nazh-diet-relative{
    position:relative;
}

.nazh-diet-absolute{
    position:absolute;
}

.nazh-diet-fixed{
    position:fixed;
}

.nazh-diet-sticky{
    position:sticky;
}

/*==============================================================
# INSET
==============================================================*/

.nazh-diet-inset{
    inset:0;
}

.nazh-diet-top{
    top:0;
}

.nazh-diet-bottom{
    bottom:0;
}

.nazh-diet-left{
    left:0;
}

.nazh-diet-right{
    right:0;
}

/*==============================================================
# Z INDEX
==============================================================*/

.nazh-diet-z1{
    z-index:var(--nazh-diet-z1);
}

.nazh-diet-z2{
    z-index:var(--nazh-diet-z2);
}

.nazh-diet-z3{
    z-index:var(--nazh-diet-z3);
}

.nazh-diet-z4{
    z-index:var(--nazh-diet-z4);
}

/*==============================================================
# RESPONSIVE
==============================================================*/

@media(max-width:1024px){

    .nazh-diet-grid-4,
    .nazh-diet-grid-5,
    .nazh-diet-grid-6{

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

    }

}

@media(max-width:767px){

    .nazh-diet-grid-2,
    .nazh-diet-grid-3,
    .nazh-diet-grid-4,
    .nazh-diet-grid-5,
    .nazh-diet-grid-6{

        grid-template-columns:1fr;

    }

}

/* ============================================================
 * spacing.css — فاصله‌گذاری
 * ============================================================ */

/*==============================================================
# PADDING ALL
==============================================================*/

.nazh-diet-p-0{padding:0;}

.nazh-diet-p-xs{padding:var(--nazh-diet-space-xs);}

.nazh-diet-p-sm{padding:var(--nazh-diet-space-sm);}

.nazh-diet-p{padding:var(--nazh-diet-space);}

.nazh-diet-p-lg{padding:var(--nazh-diet-space-lg);}

.nazh-diet-p-xl{padding:var(--nazh-diet-space-xl);}

/*==============================================================
# PADDING INLINE
==============================================================*/

.nazh-diet-px-0{
    padding-inline:0;
}

.nazh-diet-px-xs{
    padding-inline:var(--nazh-diet-space-xs);
}

.nazh-diet-px-sm{
    padding-inline:var(--nazh-diet-space-sm);
}

.nazh-diet-px{
    padding-inline:var(--nazh-diet-space);
}

.nazh-diet-px-lg{
    padding-inline:var(--nazh-diet-space-lg);
}

.nazh-diet-px-xl{
    padding-inline:var(--nazh-diet-space-xl);
}

/*==============================================================
# PADDING BLOCK
==============================================================*/

.nazh-diet-py-0{
    padding-block:0;
}

.nazh-diet-py-xs{
    padding-block:var(--nazh-diet-space-xs);
}

.nazh-diet-py-sm{
    padding-block:var(--nazh-diet-space-sm);
}

.nazh-diet-py{
    padding-block:var(--nazh-diet-space);
}

.nazh-diet-py-lg{
    padding-block:var(--nazh-diet-space-lg);
}

.nazh-diet-py-xl{
    padding-block:var(--nazh-diet-space-xl);
}

/*==============================================================
# MARGIN ALL
==============================================================*/

.nazh-diet-m-0{
    margin:0;
}

.nazh-diet-m-auto{
    margin:auto;
}

.nazh-diet-m-xs{
    margin:var(--nazh-diet-space-xs);
}

.nazh-diet-m-sm{
    margin:var(--nazh-diet-space-sm);
}

.nazh-diet-m{
    margin:var(--nazh-diet-space);
}

.nazh-diet-m-lg{
    margin:var(--nazh-diet-space-lg);
}

.nazh-diet-m-xl{
    margin:var(--nazh-diet-space-xl);
}

/*==============================================================
# MARGIN TOP
==============================================================*/

.nazh-diet-mt-0{margin-top:0;}

.nazh-diet-mt-xs{margin-top:var(--nazh-diet-space-xs);}

.nazh-diet-mt-sm{margin-top:var(--nazh-diet-space-sm);}

.nazh-diet-mt{margin-top:var(--nazh-diet-space);}

.nazh-diet-mt-lg{margin-top:var(--nazh-diet-space-lg);}

.nazh-diet-mt-xl{margin-top:var(--nazh-diet-space-xl);}

/*==============================================================
# MARGIN BOTTOM
==============================================================*/

.nazh-diet-mb-0{margin-bottom:0;}

.nazh-diet-mb-xs{margin-bottom:var(--nazh-diet-space-xs);}

.nazh-diet-mb-sm{margin-bottom:var(--nazh-diet-space-sm);}

.nazh-diet-mb{margin-bottom:var(--nazh-diet-space);}

.nazh-diet-mb-lg{margin-bottom:var(--nazh-diet-space-lg);}

.nazh-diet-mb-xl{margin-bottom:var(--nazh-diet-space-xl);}

/*==============================================================
# INLINE MARGIN
==============================================================*/

.nazh-diet-mx-auto{
    margin-inline:auto;
}

.nazh-diet-mx-0{
    margin-inline:0;
}

.nazh-diet-mx-xs{
    margin-inline:var(--nazh-diet-space-xs);
}

.nazh-diet-mx-sm{
    margin-inline:var(--nazh-diet-space-sm);
}

.nazh-diet-mx{
    margin-inline:var(--nazh-diet-space);
}

.nazh-diet-mx-lg{
    margin-inline:var(--nazh-diet-space-lg);
}

.nazh-diet-mx-xl{
    margin-inline:var(--nazh-diet-space-xl);
}

/*==============================================================
# BLOCK MARGIN
==============================================================*/

.nazh-diet-my-0{
    margin-block:0;
}

.nazh-diet-my-xs{
    margin-block:var(--nazh-diet-space-xs);
}

.nazh-diet-my-sm{
    margin-block:var(--nazh-diet-space-sm);
}

.nazh-diet-my{
    margin-block:var(--nazh-diet-space);
}

.nazh-diet-my-lg{
    margin-block:var(--nazh-diet-space-lg);
}

.nazh-diet-my-xl{
    margin-block:var(--nazh-diet-space-xl);
}

/*==============================================================
# INDIVIDUAL SIDES
==============================================================*/

.nazh-diet-pl{
    padding-left:var(--nazh-diet-space);
}

.nazh-diet-pr{
    padding-right:var(--nazh-diet-space);
}

.nazh-diet-pt{
    padding-top:var(--nazh-diet-space);
}

.nazh-diet-pb{
    padding-bottom:var(--nazh-diet-space);
}

.nazh-diet-ml-auto{
    margin-left:auto;
}

.nazh-diet-mr-auto{
    margin-right:auto;
}

/*==============================================================
# NEGATIVE SPACE
==============================================================*/

.nazh-diet-mt-n{
    margin-top:calc(var(--nazh-diet-space) * -1);
}

.nazh-diet-mb-n{
    margin-bottom:calc(var(--nazh-diet-space) * -1);
}

.nazh-diet-mx-n{
    margin-inline:calc(var(--nazh-diet-space) * -1);
}

/*==============================================================
# SECTION SPACE
==============================================================*/

.nazh-diet-section{

    padding-block:
    var(--nazh-diet-space-xl);

}

.nazh-diet-section-sm{

    padding-block:
    var(--nazh-diet-space-lg);

}

.nazh-diet-section-lg{

    padding-block:
    calc(
        var(--nazh-diet-space-xl) * 1.5
    );

}

/*==============================================================
# STACK
==============================================================*/

.nazh-diet-stack-xs > * + *{

    margin-top:
    var(--nazh-diet-space-xs);

}

.nazh-diet-stack-sm > * + *{

    margin-top:
    var(--nazh-diet-space-sm);

}

.nazh-diet-stack > * + *{

    margin-top:
    var(--nazh-diet-space);

}

.nazh-diet-stack-lg > * + *{

    margin-top:
    var(--nazh-diet-space-lg);

}

.nazh-diet-stack-xl > * + *{

    margin-top:
    var(--nazh-diet-space-xl);

}

/* ============================================================
 * typography.css — تایپوگرافی
 * ============================================================ */

/*==============================================================
# Base
==============================================================*/

.nazh-diet-title,
.nazh-diet-title-lg,
.nazh-diet-title-sm,
.nazh-diet-subtitle,
.nazh-diet-text,
.nazh-diet-caption{

    margin:0;

    color:var(--nazh-diet-title);

    font-family:var(--nds-font-title);

    line-height:1.6;

}

/*==============================================================
# Display
==============================================================*/

.nazh-diet-display{

    font-size:var(--nazh-diet-text-3xl);

    font-weight:800;

    line-height:1.15;

    letter-spacing:-.03em;

}

/*==============================================================
# Hero
==============================================================*/

.nazh-diet-hero{

    font-size:var(--nazh-diet-text-2xl);

    font-weight:800;

    line-height:1.2;

}

/*==============================================================
# Titles
==============================================================*/

.nazh-diet-title-lg{

    font-size:var(--nazh-diet-text-xl);

    font-weight:700;

}

.nazh-diet-title{

    font-size:var(--nazh-diet-text-lg);

    font-weight:700;

}

.nazh-diet-title-sm{

    font-size:var(--nazh-diet-text-base);

    font-weight:700;

}

/*==============================================================
# Subtitle
==============================================================*/

.nazh-diet-subtitle{

    font-size:var(--nazh-diet-text-base);

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

    font-weight:500;

}

/*==============================================================
# Body
==============================================================*/

.nazh-diet-text{

    font-size:var(--nazh-diet-text-base);

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

}

/*==============================================================
# Lead
==============================================================*/

.nazh-diet-lead{

    font-size:var(--nazh-diet-text-lg);

    line-height:1.9;

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

}

/*==============================================================
# Small
==============================================================*/

.nazh-diet-small{

    font-size:var(--nazh-diet-text-sm);

}

/*==============================================================
# Caption
==============================================================*/

.nazh-diet-caption{

    font-size:var(--nazh-diet-text-sm);

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

}

/*==============================================================
# Muted
==============================================================*/

.nazh-diet-text-muted{

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

}

/*==============================================================
# Highlight
==============================================================*/

.nazh-diet-highlight{

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

}

/*==============================================================
# Gradient Text
==============================================================*/

.nazh-diet-gradient-text{

    background:var(--nazh-diet-gradient-primary);

    -webkit-background-clip:text;

    background-clip:text;

    color:transparent;

}

/*==============================================================
# Glow Text
==============================================================*/

.nazh-diet-glow-text{

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

    text-shadow:
    0 0 12px rgba(31,122,92,.18);

}

/*==============================================================
# Text Align
==============================================================*/

.nazh-diet-text-start{

    text-align:start;

}

.nazh-diet-text-center{

    text-align:center;

}

.nazh-diet-text-end{

    text-align:end;

}

.nazh-diet-text-justify{

    text-align:justify;

}

/*==============================================================
# Font Weight
==============================================================*/

.nazh-diet-fw-300{

    font-weight:300;

}

.nazh-diet-fw-400{

    font-weight:400;

}

.nazh-diet-fw-500{

    font-weight:500;

}

.nazh-diet-fw-600{

    font-weight:600;

}

.nazh-diet-fw-700{

    font-weight:700;

}

.nazh-diet-fw-800{

    font-weight:800;

}

/*==============================================================
# Font Style
==============================================================*/

.nazh-diet-italic{

    font-style:italic;

}

.nazh-diet-normal{

    font-style:normal;

}

/*==============================================================
# Transform
==============================================================*/

.nazh-diet-uppercase{

    text-transform:uppercase;

}

.nazh-diet-lowercase{

    text-transform:lowercase;

}

.nazh-diet-capitalize{

    text-transform:capitalize;

}

/*==============================================================
# Decorations
==============================================================*/

.nazh-diet-underline{

    text-decoration:underline;

}

.nazh-diet-line-through{

    text-decoration:line-through;

}

.nazh-diet-no-decoration{

    text-decoration:none;

}

/*==============================================================
# Line Height
==============================================================*/

.nazh-diet-lh-tight{

    line-height:1.2;

}

.nazh-diet-lh-normal{

    line-height:1.6;

}

.nazh-diet-lh-loose{

    line-height:2;

}

/*==============================================================
# Letter Spacing
==============================================================*/

.nazh-diet-tracking-tight{

    letter-spacing:-.02em;

}

.nazh-diet-tracking-normal{

    letter-spacing:0;

}

.nazh-diet-tracking-wide{

    letter-spacing:.08em;

}

/*==============================================================
# Clamp
==============================================================*/

.nazh-diet-clamp-2{

    display:-webkit-box;

    -webkit-line-clamp:2;

    -webkit-box-orient:vertical;

    overflow:hidden;

}

.nazh-diet-clamp-3{

    display:-webkit-box;

    -webkit-line-clamp:3;

    -webkit-box-orient:vertical;

    overflow:hidden;

}

.nazh-diet-clamp-4{

    display:-webkit-box;

    -webkit-line-clamp:4;

    -webkit-box-orient:vertical;

    overflow:hidden;

}

/*==============================================================
# White Space
==============================================================*/

.nazh-diet-nowrap{

    white-space:nowrap;

}

.nazh-diet-pre{

    white-space:pre;

}

.nazh-diet-pre-wrap{

    white-space:pre-wrap;

}

/*==============================================================
# Overflow
==============================================================*/

.nazh-diet-text-ellipsis{

    overflow:hidden;

    text-overflow:ellipsis;

    white-space:nowrap;

}

/*==============================================================
# Lists
==============================================================*/

.nazh-diet-list{

    padding-inline-start:1.25rem;

    list-style:disc;

}

.nazh-diet-list li+li{

    margin-top:.45rem;

}

/*==============================================================
# Blockquote
==============================================================*/

.nazh-diet-blockquote{

    padding-inline-start:1.5rem;

    border-inline-start:4px solid var(--nazh-diet-primary);

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

    font-style:italic;

}

/*==============================================================
# Link
==============================================================*/

.nazh-diet-link{

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

    transition:var(--nazh-diet-transition);

}

.nazh-diet-link:hover{

    opacity:.85;

}

/* ============================================================
 * buttons.css — دکمه‌ها
 * ============================================================ */

/*==============================================================
# Base Button
==============================================================*/

.nazh-diet-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:.65rem;

    min-height:var(--nazh-diet-button-height);

    padding-inline:1.4rem;

    padding-block:.75rem;

    border:none;

    border-radius:var(--nazh-diet-radius);

    background:var(--nazh-diet-primary);

    color:#fff;

    font-size:var(--nazh-diet-text-base);

    font-weight:600;

    text-decoration:none;

    cursor:pointer;

    user-select:none;

    transition:
        background var(--nazh-diet-transition),
        color var(--nazh-diet-transition),
        border-color var(--nazh-diet-transition),
        box-shadow var(--nazh-diet-transition),
        transform var(--nazh-diet-transition);

}

/*==============================================================
# Hover
==============================================================*/

.nazh-diet-btn:hover{

    color:#fff;

    transform:translateY(-2px);

    box-shadow:var(--nazh-diet-shadow);

}

/*==============================================================
# Active
==============================================================*/

.nazh-diet-btn:active{

    transform:translateY(0);

}

/*==============================================================
# Focus
==============================================================*/

.nazh-diet-btn:focus-visible{

    outline:2px solid var(--nazh-diet-primary);

    outline-offset:3px;

}

/*==============================================================
# Primary
==============================================================*/

.nazh-diet-btn-primary{

    background:var(--nazh-diet-primary);

    color:#fff;

}

/*==============================================================
# Secondary
==============================================================*/

.nazh-diet-btn-secondary{

    background:var(--nazh-diet-primary-2);

    color:#fff;

}

/*==============================================================
# Soft
==============================================================*/

.nazh-diet-btn-soft{

    background:var(--nazh-diet-soft);

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

}

/*==============================================================
# Outline
==============================================================*/

.nazh-diet-btn-outline{

    background:transparent;

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

    color:var(--nazh-diet-title);

}

.nazh-diet-btn-outline:hover{

    border-color:var(--nazh-diet-primary);

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

}

/*==============================================================
# Ghost
==============================================================*/

.nazh-diet-btn-ghost{

    background:transparent;

    color:var(--nazh-diet-title);

}

.nazh-diet-btn-ghost:hover{

    background:var(--nazh-diet-soft);

}

/*==============================================================
# Glass
==============================================================*/

.nazh-diet-btn-glass{

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

    backdrop-filter:blur(10px);

    -webkit-backdrop-filter:blur(10px);

    border:1px solid rgba(255,255,255,.25);

}

/*==============================================================
# Gradient
==============================================================*/

.nazh-diet-btn-gradient{

    background:var(--nazh-diet-gradient-primary);

    color:#fff;

}

/*==============================================================
# Round
==============================================================*/

.nazh-diet-btn-round{

    border-radius:999px;

}

/*==============================================================
# Square
==============================================================*/

.nazh-diet-btn-square{

    aspect-ratio:1;

    padding:0;

    width:var(--nazh-diet-button-height);

}

/*==============================================================
# Sizes
==============================================================*/

.nazh-diet-btn-sm{

    min-height:40px;

    padding-inline:1rem;

    font-size:var(--nazh-diet-text-sm);

}

.nazh-diet-btn-lg{

    min-height:58px;

    padding-inline:2rem;

    font-size:var(--nazh-diet-text-lg);

}

/*==============================================================
# Width
==============================================================*/

.nazh-diet-btn-block{

    display:flex;

    width:100%;

}

/*==============================================================
# Icon
==============================================================*/

.nazh-diet-btn-icon{

    display:inline-flex;

    align-items:center;

    gap:.65rem;

}

.nazh-diet-btn-icon svg{

    width:1.1em;

    height:1.1em;

}

.nazh-diet-btn-icon i{

    font-size:1.1em;

}

/*==============================================================
# Loading
==============================================================*/

.nazh-diet-btn-loading{

    pointer-events:none;

    opacity:.7;

}

.nazh-diet-btn-loading::after{

    content:"";

    width:16px;

    height:16px;

    border:2px solid rgba(255,255,255,.35);

    border-top-color:#fff;

    border-radius:50%;

    animation:nazhDietSpin .8s linear infinite;

}

/*==============================================================
# Disabled
==============================================================*/

.nazh-diet-btn:disabled,
.nazh-diet-btn-disabled{

    opacity:.5;

    pointer-events:none;

    transform:none;

}

/*==============================================================
# Success
==============================================================*/

.nazh-diet-btn-success{

    background:var(--nazh-diet-success);

    color:#fff;

}

/*==============================================================
# Danger
==============================================================*/

.nazh-diet-btn-danger{

    background:var(--nazh-diet-danger);

    color:#fff;

}

/*==============================================================
# Warning
==============================================================*/

.nazh-diet-btn-warning{

    background:var(--nazh-diet-warning);

    color:#fff;

}

/*==============================================================
# Animation
==============================================================*/

@keyframes nazhDietSpin{

    to{

        transform:rotate(360deg);

    }

}

/* ============================================================
 * icons.css — آیکون‌ها
 * ============================================================ */

/*==============================================================
# BASE
==============================================================*/

.nazh-diet-icon{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

    width:var(--nazh-diet-icon-size);

    height:var(--nazh-diet-icon-size);

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

    transition:
        color var(--nazh-diet-transition),
        background var(--nazh-diet-transition),
        border-color var(--nazh-diet-transition),
        transform var(--nazh-diet-transition),
        box-shadow var(--nazh-diet-transition);

}

/*==============================================================
# SVG
==============================================================*/

.nazh-diet-icon svg{

    width:60%;

    height:60%;

    display:block;

    fill:currentColor;

}

/*==============================================================
# FONT ICON
==============================================================*/

.nazh-diet-icon i{

    font-size:60%;

    line-height:1;

}

/*==============================================================
# IMG ICON
==============================================================*/

.nazh-diet-icon img{

    width:60%;

    height:60%;

    object-fit:contain;

}

/*==============================================================
# SIZES
==============================================================*/

.nazh-diet-icon-xs{

    width:28px;
    height:28px;

}

.nazh-diet-icon-sm{

    width:40px;
    height:40px;

}

.nazh-diet-icon{

    width:var(--nazh-diet-icon-size);

    height:var(--nazh-diet-icon-size);

}

.nazh-diet-icon-lg{

    width:72px;
    height:72px;

}

.nazh-diet-icon-xl{

    width:96px;
    height:96px;

}

/*==============================================================
# SHAPES
==============================================================*/

.nazh-diet-icon-round{

    border-radius:var(--nazh-diet-radius);

}

.nazh-diet-icon-circle{

    border-radius:999px;

}

/*==============================================================
# SOFT
==============================================================*/

.nazh-diet-icon-soft{

    background:var(--nazh-diet-soft);

}

/*==============================================================
# GLASS
==============================================================*/

.nazh-diet-icon-glass{

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

    backdrop-filter:blur(12px);

    -webkit-backdrop-filter:blur(12px);

    border:1px solid rgba(255,255,255,.25);

}

/*==============================================================
# BORDER
==============================================================*/

.nazh-diet-icon-border{

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

}

/*==============================================================
# SHADOW
==============================================================*/

.nazh-diet-icon-shadow{

    box-shadow:var(--nazh-diet-shadow);

}

/*==============================================================
# COLORS
==============================================================*/

.nazh-diet-icon-primary{

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

}

.nazh-diet-icon-secondary{

    color:var(--nazh-diet-primary-2);

}

.nazh-diet-icon-success{

    color:var(--nazh-diet-success);

}

.nazh-diet-icon-danger{

    color:var(--nazh-diet-danger);

}

.nazh-diet-icon-warning{

    color:var(--nazh-diet-warning);

}

.nazh-diet-icon-white{

    color:#fff;

}

/*==============================================================
# BACKGROUNDS
==============================================================*/

.nazh-diet-icon-bg-primary{

    background:var(--nazh-diet-primary);

    color:#fff;

}

.nazh-diet-icon-bg-secondary{

    background:var(--nazh-diet-primary-2);

    color:#fff;

}

.nazh-diet-icon-bg-soft{

    background:var(--nazh-diet-soft);

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

}

/*==============================================================
# GRADIENT
==============================================================*/

.nazh-diet-icon-gradient{

    background:var(--nazh-diet-gradient-primary);

    color:#fff;

}

/*==============================================================
# HOVER
==============================================================*/

.nazh-diet-icon-hover:hover{

    transform:translateY(-4px);

}

.nazh-diet-icon-hover-scale:hover{

    transform:scale(1.08);

}

.nazh-diet-icon-hover-rotate:hover{

    transform:rotate(8deg);

}

.nazh-diet-icon-hover-glow:hover{

    box-shadow:0 12px 30px rgba(31,122,92,.22);

}

/*==============================================================
# ELEMENTOR
==============================================================*/

.elementor-icon.nazh-diet-icon{

    display:inline-flex;

    align-items:center;

    justify-content:center;

}

.elementor-icon.nazh-diet-icon i{

    line-height:1;

}

.elementor-icon.nazh-diet-icon svg{

    width:60%;

    height:60%;

}

/*==============================================================
# ICON BOX
==============================================================*/

.nazh-diet-icon-box{

    display:flex;

    align-items:flex-start;

    gap:var(--nazh-diet-space);

}

.nazh-diet-icon-box-content{

    flex:1;

}

/*==============================================================
# BADGE
==============================================================*/

.nazh-diet-icon-badge{

    position:relative;

}

.nazh-diet-icon-badge::after{

    content:"";

    position:absolute;

    top:3px;

    right:3px;

    width:10px;

    height:10px;

    border-radius:50%;

    background:var(--nazh-diet-success);

    border:2px solid #fff;

}

/*==============================================================
# POINTER
==============================================================*/

.nazh-diet-icon-pointer{

    cursor:pointer;

}

/* ============================================================
 * images.css — تصاویر
 * ============================================================ */

/*==============================================================
# BASE
==============================================================*/

.nazh-diet-image{

    display:block;

    width:100%;

    height:auto;

    max-width:100%;

    border-radius:var(--nazh-diet-image-radius);

    transition:
        transform var(--nazh-diet-transition),
        box-shadow var(--nazh-diet-transition),
        filter var(--nazh-diet-transition),
        opacity var(--nazh-diet-transition);

}

/*==============================================================
# OBJECT FIT
==============================================================*/

.nazh-diet-image-cover{

    width:100%;

    height:100%;

    object-fit:cover;

}

.nazh-diet-image-contain{

    width:100%;

    height:100%;

    object-fit:contain;

}

/*==============================================================
# RATIO
==============================================================*/

.nazh-diet-ratio-square{

    aspect-ratio:1;

}

.nazh-diet-ratio-landscape{

    aspect-ratio:4/3;

}

.nazh-diet-ratio-video{

    aspect-ratio:16/9;

}

.nazh-diet-ratio-portrait{

    aspect-ratio:3/4;

}

/*==============================================================
# SHAPES
==============================================================*/

.nazh-diet-image-round{

    border-radius:var(--nazh-diet-radius);

}

.nazh-diet-image-circle{

    border-radius:999px;

}

/*==============================================================
# SHADOW
==============================================================*/

.nazh-diet-image-shadow{

    box-shadow:var(--nazh-diet-shadow);

}

.nazh-diet-image-shadow-lg{

    box-shadow:var(--nazh-diet-shadow-lg);

}

/*==============================================================
# BORDER
==============================================================*/

.nazh-diet-image-border{

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

}

/*==============================================================
# OVERFLOW
==============================================================*/

.nazh-diet-image-wrap{

    position:relative;

    overflow:hidden;

    border-radius:inherit;

}

/*==============================================================
# HOVER ZOOM
==============================================================*/

.nazh-diet-image-wrap:hover .nazh-diet-image{

    transform:scale(1.08);

}

/*==============================================================
# HOVER BRIGHTNESS
==============================================================*/

.nazh-diet-image-bright:hover{

    filter:brightness(1.08);

}

/*==============================================================
# HOVER DARK
==============================================================*/

.nazh-diet-image-dark:hover{

    filter:brightness(.82);

}

/*==============================================================
# GRAYSCALE
==============================================================*/

.nazh-diet-image-gray{

    filter:grayscale(100%);

}

.nazh-diet-image-gray:hover{

    filter:none;

}

/*==============================================================
# BLUR
==============================================================*/

.nazh-diet-image-blur{

    filter:blur(4px);

}

/*==============================================================
# OVERLAY
==============================================================*/

.nazh-diet-image-overlay{

    position:relative;

}

.nazh-diet-image-overlay::before{

    content:"";

    position:absolute;

    inset:0;

    background:var(--nazh-diet-overlay);

    opacity:0;

    transition:opacity var(--nazh-diet-transition);

    pointer-events:none;

}

.nazh-diet-image-overlay:hover::before{

    opacity:1;

}

/*==============================================================
# GRADIENT OVERLAY
==============================================================*/

.nazh-diet-image-gradient{

    position:relative;

}

.nazh-diet-image-gradient::after{

    content:"";

    position:absolute;

    inset:0;

    background:
    linear-gradient(
        180deg,
        transparent,
        rgba(0,0,0,.55)
    );

    pointer-events:none;

}

/*==============================================================
# GLASS
==============================================================*/

.nazh-diet-image-glass{

    border:1px solid rgba(255,255,255,.35);

    backdrop-filter:blur(14px);

}

/*==============================================================
# FLOAT
==============================================================*/

.nazh-diet-image-float{

    animation:
        nazhDietImageFloat
        4s ease-in-out infinite;

}

@keyframes nazhDietImageFloat{

    0%,100%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-8px);

    }

}

/*==============================================================
# MASK
==============================================================*/

.nazh-diet-image-mask{

    overflow:hidden;

    border-radius:inherit;

}

/*==============================================================
# RESPONSIVE
==============================================================*/

.nazh-diet-image-fluid{

    width:100%;

    height:auto;

}

/*==============================================================
# AVATAR
==============================================================*/

.nazh-diet-avatar{

    width:72px;

    height:72px;

    border-radius:999px;

    object-fit:cover;

}

.nazh-diet-avatar-sm{

    width:48px;

    height:48px;

}

.nazh-diet-avatar-lg{

    width:120px;

    height:120px;

}

/*==============================================================
# LOGO
==============================================================*/

.nazh-diet-logo{

    max-height:60px;

    width:auto;

}

/*==============================================================
# ELEMENTOR
==============================================================*/

.elementor-widget-image .nazh-diet-image{

    display:block;

}

/*==============================================================
# WOOCOMMERCE
==============================================================*/

.woocommerce .nazh-diet-image{

    display:block;

}

/*==============================================================
# JETENGINE
==============================================================*/

.jet-engine-dynamic-image .nazh-diet-image{

    width:100%;

}

/* ============================================================
 * effects.css — افکت‌ها
 * ============================================================ */

/*==============================================================
GLASS
==============================================================*/

.nazh-diet-glass{

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

    backdrop-filter:blur(16px);

    -webkit-backdrop-filter:blur(16px);

    border:1px solid rgba(255,255,255,.35);

}

/*==============================================================
GLASS DARK
==============================================================*/

.nazh-diet-glass-dark{

    background:rgba(18,22,28,.55);

    backdrop-filter:blur(18px);

    color:#fff;

}

/*==============================================================
NOISE
==============================================================*/

.nazh-diet-noise{

    position:relative;

}

.nazh-diet-noise:before{

    content:"";

    position:absolute;

    inset:0;

    opacity:.06;

    pointer-events:none;

    background-image:
    radial-gradient(circle,#000 1px,transparent 1px);

    background-size:8px 8px;

}

/*==============================================================
GRADIENT
==============================================================*/

.nazh-diet-gradient{

    background:var(--nazh-diet-gradient-primary);

}

/*==============================================================
GRADIENT SOFT
==============================================================*/

.nazh-diet-gradient-soft{

    background:
    linear-gradient(
    135deg,
    var(--nazh-diet-soft),
    #fff);

}

/*==============================================================
GRADIENT BORDER
==============================================================*/

.nazh-diet-border-gradient{

    position:relative;

    background:#fff;

}

.nazh-diet-border-gradient:before{

    content:"";

    position:absolute;

    inset:0;

    padding:1px;

    border-radius:inherit;

    background:var(--nazh-diet-gradient-primary);

    -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);

    -webkit-mask-composite:xor;

}

/*==============================================================
GLOW
==============================================================*/

.nazh-diet-glow{

    box-shadow:
    0 0 40px rgba(31,122,92,.18);

}

/*==============================================================
INNER SHADOW
==============================================================*/

.nazh-diet-inner-shadow{

    box-shadow:
    inset 0 0 20px rgba(0,0,0,.08);

}

/*==============================================================
BLUR BG
==============================================================*/

.nazh-diet-blur-bg{

    backdrop-filter:blur(30px);

}

/*==============================================================
PATTERN DOT
==============================================================*/

.nazh-diet-pattern-dot{

background-image:
radial-gradient(var(--nazh-diet-border) 1px,transparent 1px);

background-size:20px 20px;

}

/*==============================================================
PATTERN GRID
==============================================================*/

.nazh-diet-pattern-grid{

background-image:

linear-gradient(var(--nazh-diet-border) 1px,transparent 1px),

linear-gradient(90deg,var(--nazh-diet-border) 1px,transparent 1px);

background-size:35px 35px;

}

/*==============================================================
MESH
==============================================================*/

.nazh-diet-mesh{

background:

radial-gradient(circle at top left,#9BE5CB 0,transparent 40%),

radial-gradient(circle at bottom right,#D8FFF2 0,transparent 45%),

#fff;

}

/*==============================================================
MASK
==============================================================*/

.nazh-diet-mask{

overflow:hidden;

border-radius:inherit;

}

/*==============================================================
OVERFLOW
==============================================================*/

.nazh-diet-overflow{

overflow:hidden;

}

/* ============================================================
 * hover.css — حالت هاور
 * ============================================================ */

.nazh-diet-hover{

transition:var(--nazh-diet-transition);

}

.nazh-diet-hover-up:hover{

transform:translateY(-10px);

}

.nazh-diet-hover-scale:hover{

transform:scale(1.05);

}

.nazh-diet-hover-scale-sm:hover{

transform:scale(1.02);

}

.nazh-diet-hover-rotate:hover{

transform:rotate(3deg);

}

.nazh-diet-hover-shadow:hover{

box-shadow:var(--nazh-diet-shadow-lg);

}

.nazh-diet-hover-glow:hover{

box-shadow:0 0 50px rgba(31,122,92,.22);

}

.nazh-diet-hover-bright:hover{

filter:brightness(1.08);

}

.nazh-diet-hover-dark:hover{

filter:brightness(.8);

}

.nazh-diet-hover-opacity:hover{

opacity:.8;

}

.nazh-diet-hover-primary:hover{

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

}

.nazh-diet-hover-bg:hover{

background:var(--nazh-diet-primary);

color:#fff;

}

/* ============================================================
 * animations.css — انیمیشن‌ها
 * ============================================================ */

@keyframes ndsFade{

from{

opacity:0;

}

to{

opacity:1;

}

}

.nazh-diet-fade{

animation:ndsFade .6s both;

}

/*========================*/

@keyframes ndsUp{

from{

opacity:0;

transform:translateY(30px);

}

}

.nazh-diet-slide{

animation:ndsUp .6s both;

}

/*========================*/

@keyframes ndsScale{

from{

opacity:0;

transform:scale(.9);

}

}

.nazh-diet-scale{

animation:ndsScale .45s both;

}

/*========================*/

@keyframes ndsFloat{

50%{

transform:translateY(-12px);

}

}

.nazh-diet-float{

animation:ndsFloat 4s ease infinite;

}

/*========================*/

@keyframes ndsRotate{

to{

transform:rotate(360deg);

}

}

.nazh-diet-rotate{

animation:ndsRotate 8s linear infinite;

}

/*========================*/

@keyframes ndsPulse{

50%{

transform:scale(1.06);

}

}

.nazh-diet-pulse{

animation:ndsPulse 2s infinite;

}

/*========================*/

@keyframes ndsBlink{

50%{

opacity:.2;

}

}

.nazh-diet-blink{

animation:ndsBlink 1.2s infinite;

}

/* ============================================================
 * forms.css — فرم‌ها
 * ============================================================ */

/*==============================================================
# FORM
==============================================================*/

.nazh-diet-form{

    display:flex;

    flex-direction:column;

    gap:var(--nazh-diet-space);

}

/*==============================================================
# LABEL
==============================================================*/

.nazh-diet-label{

    display:block;

    margin-bottom:.5rem;

    color:var(--nazh-diet-title);

    font-weight:600;

}

/*==============================================================
# INPUT
==============================================================*/

.nazh-diet-input,
.nazh-diet-select,
.nazh-diet-textarea{

    width:100%;

    min-height:48px;

    padding:.8rem 1rem;

    background:var(--nazh-diet-bg);

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

    border-radius:var(--nazh-diet-radius);

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

    transition:var(--nazh-diet-transition);

    outline:none;

}

.nazh-diet-textarea{

    min-height:140px;

    resize:vertical;

}

.nazh-diet-input::placeholder,
.nazh-diet-textarea::placeholder{

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

}

/*==============================================================
# FOCUS
==============================================================*/

.nazh-diet-input:focus,
.nazh-diet-select:focus,
.nazh-diet-textarea:focus{

    border-color:var(--nazh-diet-primary);

    box-shadow:0 0 0 4px rgba(31,122,92,.08);

}

/*==============================================================
# DISABLED
==============================================================*/

.nazh-diet-input:disabled,
.nazh-diet-select:disabled,
.nazh-diet-textarea:disabled{

    opacity:.6;

    cursor:not-allowed;

}

/*==============================================================
# CHECKBOX
==============================================================*/

.nazh-diet-checkbox{

    display:flex;

    align-items:center;

    gap:.65rem;

}

.nazh-diet-checkbox input{

    accent-color:var(--nazh-diet-primary);

}

/*==============================================================
# RADIO
==============================================================*/

.nazh-diet-radio{

    display:flex;

    align-items:center;

    gap:.65rem;

}

.nazh-diet-radio input{

    accent-color:var(--nazh-diet-primary);

}

/*==============================================================
# SWITCH
==============================================================*/

.nazh-diet-switch{

    display:inline-flex;

    align-items:center;

    gap:.75rem;

}

/*==============================================================
# GROUP
==============================================================*/

.nazh-diet-input-group{

    display:flex;

    align-items:stretch;

}

.nazh-diet-input-group .nazh-diet-input{

    border-radius:var(--nazh-diet-radius) 0 0 var(--nazh-diet-radius);

}

.nazh-diet-input-group .nazh-diet-btn{

    border-radius:0 var(--nazh-diet-radius) var(--nazh-diet-radius) 0;

}

/*==============================================================
# HELP
==============================================================*/

.nazh-diet-help{

    font-size:var(--nazh-diet-text-sm);

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

}

/*==============================================================
# ERROR
==============================================================*/

.nazh-diet-error{

    color:var(--nazh-diet-danger);

    font-size:var(--nazh-diet-text-sm);

}

/*==============================================================
# SUCCESS
==============================================================*/

.nazh-diet-success{

    color:var(--nazh-diet-success);

    font-size:var(--nazh-diet-text-sm);

}

/*==============================================================
# SEARCH
==============================================================*/

.nazh-diet-search{

    position:relative;

}

.nazh-diet-search input{

    padding-inline-start:3rem;

}

.nazh-diet-search-icon{

    position:absolute;

    inset-inline-start:1rem;

    top:50%;

    transform:translateY(-50%);

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

}

/*==============================================================
# ELEMENTOR
==============================================================*/

.elementor-field.nazh-diet-input{

    border-radius:var(--nazh-diet-radius);

}

/*==============================================================
# CONTACT FORM 7
==============================================================*/

.wpcf7 input,
.wpcf7 textarea,
.wpcf7 select{

    border-radius:var(--nazh-diet-radius);

}

/*==============================================================
# WOOCOMMERCE
==============================================================*/

.woocommerce input.input-text,
.woocommerce textarea,
.woocommerce select{

    border-radius:var(--nazh-diet-radius);

}

/*==============================================================
# FLUENT
==============================================================*/

.ff-el-form-control{

    border-radius:var(--nazh-diet-radius);

}

/* ============================================================
 * accordion.css — آکاردئون
 * ============================================================ */

.nazh-diet-accordion{

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

    border-radius:var(--nazh-diet-radius);

    overflow:hidden;

}

.nazh-diet-accordion-item+ .nazh-diet-accordion-item{

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

}

.nazh-diet-accordion-title{

    cursor:pointer;

    padding:1rem 1.25rem;

    font-weight:600;

}

.nazh-diet-accordion-content{

    display:none;

    padding:1rem 1.25rem;

}

/* ============================================================
 * faq.css — سوالات متداول
 * ============================================================ */

.nazh-diet-faq{

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

    border-radius:var(--nazh-diet-radius);

    overflow:hidden;

}

.nazh-diet-faq-question{

    cursor:pointer;

    padding:var(--nazh-diet-space);

    font-weight:600;

}

.nazh-diet-faq-answer{

    padding:var(--nazh-diet-space);

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

}

/* ============================================================
 * price.css — قیمت‌گذاری
 * ============================================================ */

.nazh-diet-price{

    border-radius:var(--nazh-diet-radius-lg);

    background:var(--nazh-diet-bg);

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

    padding:var(--nazh-diet-space-lg);

}

.nazh-diet-price-value{

    font-size:var(--nazh-diet-text-2xl);

    font-weight:800;

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

}

.nazh-diet-price-feature{

    padding-block:.45rem;

}

/* ============================================================
 * feature.css — ویژگی‌ها
 * ============================================================ */

.nazh-diet-feature{

    position:relative;

    display:flex;

    flex-direction:column;

    gap:var(--nazh-diet-space);

    padding:var(--nazh-diet-space-lg);

    background:var(--nazh-diet-bg);

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

    border-radius:var(--nazh-diet-radius-lg);

    transition:var(--nazh-diet-transition);

}

.nazh-diet-feature:hover{

    transform:translateY(-8px);

    box-shadow:var(--nazh-diet-shadow-lg);

}

.nazh-diet-feature-icon{

    margin-bottom:.5rem;

}

.nazh-diet-feature-title{

    font-size:var(--nazh-diet-text-lg);

    font-weight:700;

}

.nazh-diet-feature-text{

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

}

/* ============================================================
 * service.css — خدمات
 * ============================================================ */

.nazh-diet-service{

    display:flex;

    flex-direction:column;

    background:var(--nazh-diet-bg);

    border-radius:var(--nazh-diet-radius-lg);

    overflow:hidden;

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

    transition:var(--nazh-diet-transition);

}

.nazh-diet-service:hover{

    box-shadow:var(--nazh-diet-shadow-lg);

}

.nazh-diet-service-image{

    overflow:hidden;

}

.nazh-diet-service-image img{

    transition:.5s;

}

.nazh-diet-service:hover img{

    transform:scale(1.08);

}

.nazh-diet-service-content{

    padding:var(--nazh-diet-space-lg);

}

.nazh-diet-service-title{

    font-size:var(--nazh-diet-text-lg);

    font-weight:700;

}

.nazh-diet-service-text{

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

}

/* ============================================================
 * step.css — مراحل
 * ============================================================ */

.nazh-diet-step{

    position:relative;

    padding-inline-start:70px;

}

.nazh-diet-step-number{

    position:absolute;

    inset-inline-start:0;

    top:0;

    width:48px;

    height:48px;

    display:flex;

    justify-content:center;

    align-items:center;

    border-radius:50%;

    background:var(--nazh-diet-primary);

    color:#fff;

    font-weight:700;

}

.nazh-diet-step-title{

    font-weight:700;

}

.nazh-diet-step-text{

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

}

/* ============================================================
 * timeline.css — خط زمانی
 * ============================================================ */

.nazh-diet-timeline{

    position:relative;

}

.nazh-diet-timeline::before{

    content:"";

    position:absolute;

    inset-inline-start:24px;

    top:0;

    bottom:0;

    width:2px;

    background:var(--nazh-diet-border);

}

.nazh-diet-timeline-item{

    position:relative;

    padding-inline-start:70px;

    margin-bottom:2rem;

}

.nazh-diet-timeline-dot{

    position:absolute;

    inset-inline-start:14px;

    width:20px;

    height:20px;

    border-radius:50%;

    background:var(--nazh-diet-primary);

}

/* ============================================================
 * stat.css — آمار
 * ============================================================ */

.nazh-diet-stat{

    text-align:center;

    padding:var(--nazh-diet-space-lg);

}

.nazh-diet-stat-number{

    font-size:var(--nazh-diet-text-2xl);

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

    font-weight:800;

}

.nazh-diet-stat-title{

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

}

/* ============================================================
 * team.css — تیم
 * ============================================================ */

.nazh-diet-team{

    overflow:hidden;

    text-align:center;

    border-radius:var(--nazh-diet-radius-lg);

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

    background:var(--nazh-diet-bg);

    transition:var(--nazh-diet-transition);

}

.nazh-diet-team:hover{

    transform:translateY(-8px);

}

.nazh-diet-team-image{

    overflow:hidden;

}

.nazh-diet-team-image img{

    transition:.45s;

}

.nazh-diet-team:hover img{

    transform:scale(1.08);

}

.nazh-diet-team-content{

    padding:var(--nazh-diet-space-lg);

}

.nazh-diet-team-name{

    font-weight:700;

}

.nazh-diet-team-job{

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

}

/* ============================================================
 * blog.css — بلاگ
 * ============================================================ */

.nazh-diet-blog{

    overflow:hidden;

    border-radius:var(--nazh-diet-radius-lg);

    background:var(--nazh-diet-bg);

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

}

.nazh-diet-blog-image{

    overflow:hidden;

}

.nazh-diet-blog-image img{

    transition:.45s;

}

.nazh-diet-blog:hover img{

    transform:scale(1.07);

}

.nazh-diet-blog-content{

    padding:var(--nazh-diet-space-lg);

}

.nazh-diet-blog-title{

    font-weight:700;

}

.nazh-diet-blog-meta{

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

    font-size:var(--nazh-diet-text-sm);

}

/* ============================================================
 * hero.css — هیرو
 * ============================================================ */

.nazh-diet-hero{

    position:relative;

    overflow:hidden;

    border-radius:var(--nazh-diet-radius-lg);

    padding:clamp(48px,8vw,120px);

    background:var(--nazh-diet-bg);

}

.nazh-diet-hero::before{

    content:"";

    position:absolute;

    inset:0;

    background:var(--nazh-diet-gradient-primary);

    opacity:.04;

}

.nazh-diet-hero-content{

    position:relative;

    z-index:2;

    max-width:720px;

}

.nazh-diet-hero-title{

    font-size:clamp(2rem,5vw,4rem);

    font-weight:800;

    line-height:1.15;

}

.nazh-diet-hero-text{

    margin-top:1rem;

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

}

.nazh-diet-hero-actions{

    display:flex;

    gap:1rem;

    margin-top:2rem;

    flex-wrap:wrap;

}

/* ============================================================
 * cta.css — فراخوان اقدام
 * ============================================================ */

.nazh-diet-cta{

    position:relative;

    overflow:hidden;

    border-radius:var(--nazh-diet-radius-lg);

    padding:clamp(32px,5vw,80px);

    background:var(--nazh-diet-gradient-primary);

    color:#fff;

}

.nazh-diet-cta-title{

    font-size:clamp(1.8rem,4vw,3rem);

    font-weight:800;

}

.nazh-diet-cta-text{

    opacity:.9;

    margin-top:1rem;

}

.nazh-diet-cta-actions{

    margin-top:2rem;

}

/* ============================================================
 * testimonial.css — نظرات مشتریان
 * ============================================================ */

.nazh-diet-testimonial{

    padding:var(--nazh-diet-space-lg);

    border-radius:var(--nazh-diet-radius-lg);

    background:var(--nazh-diet-bg);

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

}

.nazh-diet-testimonial-text{

    font-style:italic;

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

}

.nazh-diet-testimonial-author{

    display:flex;

    align-items:center;

    gap:1rem;

    margin-top:1.5rem;

}

.nazh-diet-testimonial-name{

    font-weight:700;

}

/* ============================================================
 * food.css — غذا
 * ============================================================ */

.nazh-diet-food{

    display:flex;

    gap:var(--nazh-diet-space-lg);

    align-items:center;

    padding:var(--nazh-diet-space-lg);

    border-radius:var(--nazh-diet-radius-lg);

    background:var(--nazh-diet-bg);

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

}

.nazh-diet-food-image{

    width:180px;

    flex-shrink:0;

}

.nazh-diet-food-image img{

    width:100%;

    display:block;

}

.nazh-diet-food-content{

    flex:1;

}

.nazh-diet-food-title{

    font-weight:700;

}

.nazh-diet-food-text{

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

}

.nazh-diet-food-divider{

    width:4px;

    align-self:stretch;

    background:var(--nazh-diet-primary);

    border-radius:999px;

}

/* ============================================================
 * utilities.css — ابزارهای کمکی
 * ============================================================ */

/*==============================================================
DISPLAY
==============================================================*/

.nazh-diet-block{display:block;}
.nazh-diet-inline{display:inline;}
.nazh-diet-inline-block{display:inline-block;}
.nazh-diet-flex{display:flex;}
.nazh-diet-inline-flex{display:inline-flex;}
.nazh-diet-grid{display:grid;}
.nazh-diet-hidden{display:none!important;}

/*==============================================================
FLEX
==============================================================*/

.nazh-diet-row{flex-direction:row;}
.nazh-diet-column{flex-direction:column;}

.nazh-diet-wrap{flex-wrap:wrap;}
.nazh-diet-nowrap{flex-wrap:nowrap;}

.nazh-diet-center{
display:flex;
align-items:center;
justify-content:center;
}

.nazh-diet-between{
display:flex;
justify-content:space-between;
align-items:center;
}

.nazh-diet-around{
justify-content:space-around;
}

.nazh-diet-evenly{
justify-content:space-evenly;
}

.nazh-diet-start{
justify-content:flex-start;
}

.nazh-diet-end{
justify-content:flex-end;
}

.nazh-diet-items-start{
align-items:flex-start;
}

.nazh-diet-items-center{
align-items:center;
}

.nazh-diet-items-end{
align-items:flex-end;
}

.nazh-diet-grow{
flex:1;
}

.nazh-diet-shrink{
flex-shrink:0;
}

/*==============================================================
GRID
==============================================================*/

.nazh-diet-grid-2{

display:grid;

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

gap:var(--nazh-diet-space);

}

.nazh-diet-grid-3{

display:grid;

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

gap:var(--nazh-diet-space);

}

.nazh-diet-grid-4{

display:grid;

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

gap:var(--nazh-diet-space);

}

/*==============================================================
WIDTH
==============================================================*/

.nazh-diet-w-auto{width:auto;}
.nazh-diet-w-25{width:25%;}
.nazh-diet-w-50{width:50%;}
.nazh-diet-w-75{width:75%;}
.nazh-diet-w-100{width:100%;}

/*==============================================================
HEIGHT
==============================================================*/

.nazh-diet-h-auto{height:auto;}
.nazh-diet-h-100{height:100%;}

/*==============================================================
POSITION
==============================================================*/

.nazh-diet-relative{
position:relative;
}

.nazh-diet-absolute{
position:absolute;
}

.nazh-diet-fixed{
position:fixed;
}

.nazh-diet-sticky{
position:sticky;
top:0;
}

/*==============================================================
OVERFLOW
==============================================================*/

.nazh-diet-overflow-hidden{
overflow:hidden;
}

.nazh-diet-overflow-auto{
overflow:auto;
}

/*==============================================================
Z INDEX
==============================================================*/

.nazh-diet-z1{z-index:1;}
.nazh-diet-z2{z-index:2;}
.nazh-diet-z5{z-index:5;}
.nazh-diet-z10{z-index:10;}
.nazh-diet-z20{z-index:20;}
.nazh-diet-z50{z-index:50;}
.nazh-diet-z100{z-index:100;}

/*==============================================================
CURSOR
==============================================================*/

.nazh-diet-pointer{
cursor:pointer;
}

.nazh-diet-default{
cursor:default;
}

/*==============================================================
TEXT
==============================================================*/

.nazh-diet-text-left{
text-align:left;
}

.nazh-diet-text-center{
text-align:center;
}

.nazh-diet-text-right{
text-align:right;
}

.nazh-diet-uppercase{
text-transform:uppercase;
}

.nazh-diet-lowercase{
text-transform:lowercase;
}

.nazh-diet-capitalize{
text-transform:capitalize;
}

/*==============================================================
FONT
==============================================================*/

.nazh-diet-fw300{
font-weight:300;
}

.nazh-diet-fw400{
font-weight:400;
}

.nazh-diet-fw500{
font-weight:500;
}

.nazh-diet-fw600{
font-weight:600;
}

.nazh-diet-fw700{
font-weight:700;
}

.nazh-diet-fw800{
font-weight:800;
}

/*==============================================================
COLORS
==============================================================*/

.nazh-diet-primary{

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

}

.nazh-diet-secondary{

color:var(--nazh-diet-primary-2);

}

.nazh-diet-muted{

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

}

.nazh-diet-success{

color:var(--nazh-diet-success);

}

.nazh-diet-danger{

color:var(--nazh-diet-danger);

}

.nazh-diet-warning{

color:var(--nazh-diet-warning);

}

/*==============================================================
BACKGROUND
==============================================================*/

.nazh-diet-bg{

background:var(--nazh-diet-bg);

}

.nazh-diet-bg-soft{

background:var(--nazh-diet-soft);

}

.nazh-diet-bg-primary{

background:var(--nazh-diet-primary);

color:#fff;

}

.nazh-diet-bg-gradient{

background:var(--nazh-diet-gradient-primary);

color:#fff;

}

/*==============================================================
BORDER
==============================================================*/

.nazh-diet-border{

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

}

.nazh-diet-border-0{

border:none;

}

/*==============================================================
RADIUS
==============================================================*/

.nazh-diet-radius-sm{

border-radius:var(--nazh-diet-radius-sm);

}

.nazh-diet-radius{

border-radius:var(--nazh-diet-radius);

}

.nazh-diet-radius-lg{

border-radius:var(--nazh-diet-radius-lg);

}

.nazh-diet-rounded{

border-radius:999px;

}

/*==============================================================
SHADOW
==============================================================*/

.nazh-diet-shadow{

box-shadow:var(--nazh-diet-shadow);

}

.nazh-diet-shadow-lg{

box-shadow:var(--nazh-diet-shadow-lg);

}

/*==============================================================
OPACITY
==============================================================*/

.nazh-diet-opacity-25{
opacity:.25;
}

.nazh-diet-opacity-50{
opacity:.5;
}

.nazh-diet-opacity-75{
opacity:.75;
}

.nazh-diet-opacity-100{
opacity:1;
}

/*==============================================================
OBJECT FIT
==============================================================*/

.nazh-diet-cover{

object-fit:cover;

}

.nazh-diet-contain{

object-fit:contain;

}

/*==============================================================
POINTER EVENTS
==============================================================*/

.nazh-diet-no-events{

pointer-events:none;

}

.nazh-diet-events{

pointer-events:auto;

}

/*==============================================================
USER SELECT
==============================================================*/

.nazh-diet-select-none{

user-select:none;

}

.nazh-diet-select-all{

user-select:all;

}

/*==============================================================
TRANSITION
==============================================================*/

.nazh-diet-transition{

transition:var(--nazh-diet-transition);

}

/*==============================================================
ASPECT RATIO
==============================================================*/

.nazh-diet-square{

aspect-ratio:1;

}

.nazh-diet-video{

aspect-ratio:16/9;

}

.nazh-diet-landscape{

aspect-ratio:4/3;

}

.nazh-diet-portrait{

aspect-ratio:3/4;

}

/* ============================================================
 * responsive.css — بازنویسی‌های ریسپانسیو
 * ============================================================ */

/*==============================================================
Large Desktop
==============================================================*/

@media (min-width:1600px){

.nazh-diet-container{

max-width:1500px;

margin-inline:auto;

}

}

/*==============================================================
Laptop
==============================================================*/

@media (max-width:1366px){

.nazh-diet-grid-4{

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

}

}

/*==============================================================
Tablet Landscape
==============================================================*/

@media (max-width:1024px){

.nazh-diet-grid-4{

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

}

.nazh-diet-grid-3{

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

}

.nazh-diet-hero{

padding:70px 40px;

}

.nazh-diet-food{

flex-direction:column;

}

}

/*==============================================================
Tablet
==============================================================*/

@media (max-width:768px){

.nazh-diet-grid-2,
.nazh-diet-grid-3,
.nazh-diet-grid-4{

grid-template-columns:1fr;

}

.nazh-diet-row{

flex-direction:column;

}

.nazh-diet-between{

flex-direction:column;

align-items:flex-start;

}

.nazh-diet-btn{

width:100%;

justify-content:center;

}

.nazh-diet-hero{

padding:60px 30px;

}

.nazh-diet-hero-title{

font-size:2.2rem;

}

.nazh-diet-team{

text-align:center;

}

.nazh-diet-food{

gap:24px;

}

}

/*==============================================================
Mobile
==============================================================*/

@media (max-width:576px){

.nazh-diet-title{

font-size:1.6rem;

}

.nazh-diet-title-lg{

font-size:2rem;

}

.nazh-diet-text{

font-size:.95rem;

}

.nazh-diet-card{

padding:20px;

}

.nazh-diet-panel{

padding:20px;

}

.nazh-diet-food{

padding:18px;

}

.nazh-diet-price{

padding:20px;

}

.nazh-diet-feature{

padding:20px;

}

.nazh-diet-service-content{

padding:20px;

}

.nazh-diet-team-content{

padding:20px;

}

.nazh-diet-blog-content{

padding:20px;

}

.nazh-diet-cta{

padding:40px 20px;

}

.nazh-diet-hero{

padding:50px 20px;

}

.nazh-diet-avatar{

width:60px;

height:60px;

}

}

/*==============================================================
Small Mobile
==============================================================*/

@media (max-width:400px){

.nazh-diet-btn{

min-height:46px;

font-size:.9rem;

}

.nazh-diet-title{

font-size:1.4rem;

}

.nazh-diet-title-lg{

font-size:1.7rem;

}

}
/*==========================================
Nazhvan Design System
Menu Library v1.0
Core
==========================================*/

:root{

--nazh-diet-menu-bg:#ffffff;
--nazh-diet-menu-color:#173B3F;
--nazh-diet-menu-hover:#0D8A63;
--nazh-diet-menu-soft:#EAF8F4;

--nazh-diet-menu-border:#E7ECEE;

--nazh-diet-menu-shadow:
0 18px 40px rgba(10,35,66,.08);

--nazh-diet-menu-radius:18px;

--nazh-diet-menu-speed:.35s;

--nazh-diet-menu-gap:8px;

--nazh-diet-menu-padding:14px;

}

.nazh-diet-menu{

position:relative;

font-size:15px;

font-weight:600;

line-height:1.5;

}

.nazh-diet-menu ul{

margin:0;

padding:0;

list-style:none;

}

.nazh-diet-menu li{

position:relative;

list-style:none;

}

.nazh-diet-menu a{

position:relative;

display:flex;

align-items:center;

gap:10px;

padding:14px 18px;

color:var(--nazh-diet-menu-color);

text-decoration:none;

transition:all var(--nazh-diet-menu-speed);

border-radius:var(--nazh-diet-menu-radius);

}

.nazh-diet-menu a:hover{

color:var(--nazh-diet-menu-hover);

background:var(--nazh-diet-menu-soft);

}

.nazh-diet-menu .current-menu-item>a,

.nazh-diet-menu .current_page_item>a{

background:var(--nazh-diet-menu-soft);

color:var(--nazh-diet-menu-hover);

}

.nazh-diet-menu .sub-menu{

background:#fff;

border:1px solid var(--nazh-diet-menu-border);

border-radius:20px;

box-shadow:var(--nazh-diet-menu-shadow);

padding:12px;

}

.nazh-diet-menu *{

transition:

background .35s,

color .35s,

transform .35s,

opacity .35s,

box-shadow .35s;

}

/*==========================================
Modern Menu
==========================================*/

.nazh-diet-menu-modern .elementor-item{

    position:relative;
    overflow:hidden;

}

.nazh-diet-menu-modern .elementor-item::after{

    content:"";

    position:absolute;

    right:50%;

    bottom:8px;

    width:0;

    height:2px;

    background:var(--nazh-diet-menu-hover);

    border-radius:20px;

    transition:.35s;

}

.nazh-diet-menu-modern .elementor-item:hover::after,

.nazh-diet-menu-modern .current-menu-item>.elementor-item::after{

    width:70%;

    right:15%;

}

/*==========================================
Premium Pill
==========================================*/

.nazh-diet-menu-premium .elementor-item{

    border-radius:999px;

}

.nazh-diet-menu-premium .elementor-item:hover,

.nazh-diet-menu-premium .current-menu-item>.elementor-item{

    background:var(--nazh-diet-menu-soft);

    color:var(--nazh-diet-menu-hover);

    box-shadow:

    0 10px 30px rgba(4,99,69,.08);

}

/*==========================================
Floating
==========================================*/

.nazh-diet-menu-floating .elementor-item{

transition:.35s;

}

.nazh-diet-menu-floating .elementor-item:hover{

transform:translateY(-4px);

box-shadow:

0 15px 35px rgba(0,0,0,.10);

}

/*==========================================
Glass
==========================================*/

.nazh-diet-menu-glass .elementor-item{

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

backdrop-filter:blur(12px);

border:1px solid rgba(255,255,255,.35);

}

.nazh-diet-menu-glass .elementor-item:hover{

background:#fff;

}

/*==========================================
Gradient
==========================================*/

.nazh-diet-menu-gradient .elementor-item{

overflow:hidden;

z-index:1;

}

.nazh-diet-menu-gradient .elementor-item::before{

content:"";

position:absolute;

inset:0;

background:

linear-gradient(135deg,#15A07C,#7FE3BF);

opacity:0;

z-index:-1;

transition:.35s;

border-radius:inherit;

}

.nazh-diet-menu-gradient .elementor-item:hover{

color:#fff;

}

.nazh-diet-menu-gradient .elementor-item:hover::before{

opacity:1;

}

/*==========================================
Border Animation
==========================================*/

.nazh-diet-menu-border .elementor-item{

border:1px solid transparent;

}

.nazh-diet-menu-border .elementor-item:hover{

border-color:#15A07C;

}

/*==========================================
Glow
==========================================*/

.nazh-diet-menu-glow .elementor-item:hover{

box-shadow:

0 0 0 4px rgba(21,160,124,.08),

0 12px 30px rgba(21,160,124,.18);

}

/*==========================================
Scale
==========================================*/

.nazh-diet-menu-scale .elementor-item:hover{

transform:scale(1.05);

}

/*==========================================
Active Pill
==========================================*/

.nazh-diet-menu-active-pill .current-menu-item>.elementor-item{

background:#15A07C;

color:#fff;

border-radius:999px;

}

/*==========================================
Soft Shadow
==========================================*/

.nazh-diet-menu-soft-shadow .elementor-item{

transition:.35s;

}

.nazh-diet-menu-soft-shadow .elementor-item:hover{

background:#fff;

box-shadow:

0 12px 35px rgba(10,40,70,.10);

}

.nazh-diet-menu-divider li{

position:relative;

}

.nazh-diet-menu-divider li:not(:last-child)::before{

content:"";

position:absolute;

left:0;

top:50%;

width:1px;

height:18px;

background:#E6ECEE;

transform:translateY(-50%);

}

.nazh-diet-menu-rounded{

padding:8px;

background:#fff;

border-radius:999px;

box-shadow:

0 15px 40px rgba(0,0,0,.08);

}

.nazh-diet-menu-rounded{

padding:8px;

background:#fff;

border-radius:999px;

box-shadow:

0 15px 40px rgba(0,0,0,.08);

}

/*====================================================
VERTICAL MENU BASE
====================================================*/

.nazh-diet-menu-vertical{

display:flex;
flex-direction:column;
gap:8px;

}

.nazh-diet-menu-vertical .menu-item{

position:relative;

}

.nazh-diet-menu-vertical .elementor-item{

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

padding:14px 18px;

border-radius:18px;

transition:.35s;

}


/*====================================================
SIDEBAR PRO
====================================================*/

.nazh-diet-sidebar{

background:#fff;

padding:18px;

border-radius:24px;

box-shadow:
0 18px 45px rgba(10,40,70,.08);

}

.nazh-diet-sidebar .elementor-item:hover{

background:#F2FBF8;

color:#0C8C68;

transform:translateX(-6px);

}


/*====================================================
LEFT ACCENT
====================================================*/

.nazh-diet-menu-left-accent .elementor-item{

overflow:hidden;

}

.nazh-diet-menu-left-accent .elementor-item:before{

content:"";

position:absolute;

right:0;

top:12px;

bottom:12px;

width:0;

border-radius:10px;

background:#15A07C;

transition:.35s;

}

.nazh-diet-menu-left-accent .elementor-item:hover:before,

.nazh-diet-menu-left-accent .current-menu-item>.elementor-item:before{

width:5px;

}


/*====================================================
CARD MENU
====================================================*/

.nazh-diet-menu-card .menu-item{

margin-bottom:10px;

}

.nazh-diet-menu-card .elementor-item{

background:#fff;

border:1px solid #EDF2F3;

box-shadow:
0 8px 20px rgba(0,0,0,.04);

}

.nazh-diet-menu-card .elementor-item:hover{

transform:translateY(-3px);

box-shadow:
0 18px 35px rgba(0,0,0,.08);

}


/*====================================================
SOFT MENU
====================================================*/

.nazh-diet-menu-soft .elementor-item{

background:#F9FBFB;

}

.nazh-diet-menu-soft .elementor-item:hover{

background:#EAF8F4;

}


/*====================================================
GLASS SIDEBAR
====================================================*/

.nazh-diet-menu-glass-sidebar{

backdrop-filter:blur(18px);

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

border:1px solid rgba(255,255,255,.5);

border-radius:24px;

}


/*====================================================
ICON MENU
====================================================*/

.nazh-diet-menu-icon .elementor-item{

gap:14px;

}

.nazh-diet-menu-icon .elementor-item i{

width:36px;

height:36px;

display:flex;

align-items:center;

justify-content:center;

border-radius:50%;

background:#EAF8F4;

color:#15A07C;

transition:.35s;

}

.nazh-diet-menu-icon .elementor-item:hover i{

transform:rotate(-10deg) scale(1.08);

}


/*====================================================
TREE MENU
====================================================*/

.nazh-diet-tree .sub-menu{

padding-right:18px;

margin-right:14px;

border-right:1px dashed #C8D8D8;

}

.nazh-diet-tree .sub-menu .elementor-item{

font-size:14px;

}


/*====================================================
TIMELINE MENU
====================================================*/

.nazh-diet-menu-timeline .menu-item{

padding-right:25px;

}

.nazh-diet-menu-timeline .menu-item:before{

content:"";

position:absolute;

right:8px;

top:22px;

width:10px;

height:10px;

border-radius:50%;

background:#15A07C;

}

.nazh-diet-menu-timeline .menu-item:after{

content:"";

position:absolute;

right:12px;

top:35px;

bottom:-10px;

width:1px;

background:#D7E6E6;

}

.nazh-diet-menu-timeline .menu-item:last-child:after{

display:none;

}


/*====================================================
AUTO COLUMNS
====================================================*/

.nazh-diet-menu-auto-columns{

column-gap:35px;

column-fill:auto;

}

.nazh-diet-menu-auto-columns li{

break-inside:avoid;

margin-bottom:6px;

}

.nazh-diet-menu-auto-columns.columns-2{

column-count:2;

}

.nazh-diet-menu-auto-columns.columns-3{

column-count:3;

}

.nazh-diet-menu-auto-columns.columns-4{

column-count:4;

}

.nazh-diet-menu-auto-columns.columns-5{

column-count:5;

}


/*====================================================
AUTO GRID
====================================================*/

.nazh-diet-menu-auto-grid{

display:grid;

grid-auto-flow:column;

grid-template-rows:repeat(10,max-content);

column-gap:30px;

}


/*====================================================
MEGA LIST
====================================================*/

.nazh-diet-mega-list li{

padding:5px 0;

}

.nazh-diet-mega-list .elementor-item{

padding:10px 14px;

}


/*====================================================
CATEGORY MENU
====================================================*/

.nazh-diet-category-menu .current-menu-item>.elementor-item{

background:#15A07C;

color:#fff;

font-weight:700;

}


/*====================================================
DASHBOARD MENU
====================================================*/

.nazh-diet-dashboard-menu .elementor-item{

border-radius:14px;

padding:16px 18px;

}

.nazh-diet-dashboard-menu .elementor-item:hover{

background:#15A07C;

color:#fff;

}

.nazh-diet-dashboard-menu .elementor-item:hover i{

color:#fff;

}


/*====================================================
SCROLL MENU
====================================================*/

.nazh-diet-scroll-menu{

max-height:650px;

overflow:auto;

padding-left:6px;

}

.nazh-diet-scroll-menu::-webkit-scrollbar{

width:6px;

}

.nazh-diet-scroll-menu::-webkit-scrollbar-thumb{

background:#B7DCD0;

border-radius:999px;

}

/*====================================================
MEGA MENU
====================================================*/

.nazh-diet-mega{

position:relative;

}

.nazh-diet-mega>.sub-menu{

display:grid;

grid-template-columns:repeat(4,minmax(220px,1fr));

gap:25px;

padding:30px;

min-width:900px;

background:#fff;

border-radius:28px;

box-shadow:
0 35px 80px rgba(10,40,70,.10);

border:1px solid #EEF2F4;

opacity:0;

visibility:hidden;

transform:translateY(20px);

transition:.35s;

position:absolute;

top:100%;

right:0;

z-index:999;

}

.nazh-diet-mega:hover>.sub-menu{

opacity:1;

visibility:visible;

transform:translateY(0);

}

.nazh-diet-mega .sub-menu>li>a{

font-size:16px;

font-weight:700;

margin-bottom:12px;

}

.nazh-diet-mega .sub-menu ul{

display:flex;

flex-direction:column;

gap:8px;

}

/*====================================================
MEGA CARD
====================================================*/

.nazh-diet-mega-card li{

background:#fff;

border-radius:20px;

padding:18px;

transition:.35s;

border:1px solid #EDF2F4;

}

.nazh-diet-mega-card li:hover{

transform:translateY(-5px);

box-shadow:

0 20px 40px rgba(0,0,0,.08);

}

/*====================================================
IMAGE MEGA
====================================================*/

.nazh-diet-mega-image img{

width:100%;

height:180px;

object-fit:cover;

border-radius:18px;

margin-bottom:15px;

}

/*====================================================
PRODUCT GRID
====================================================*/

.nazh-diet-mega-products{

display:grid;

grid-template-columns:repeat(auto-fill,minmax(170px,1fr));

gap:18px;

}

.nazh-diet-mega-products .product{

background:#fff;

border-radius:20px;

padding:15px;

transition:.35s;

}

.nazh-diet-mega-products .product:hover{

transform:translateY(-4px);

box-shadow:

0 18px 40px rgba(0,0,0,.08);

}

/*====================================================
BLOG LIST
====================================================*/

.nazh-diet-mega-blog article{

display:flex;

gap:15px;

margin-bottom:15px;

}

.nazh-diet-mega-blog img{

width:90px;

height:70px;

border-radius:12px;

object-fit:cover;

}

.nazh-diet-mega-column{

padding-left:20px;

border-left:1px solid #EDF2F4;

}

.nazh-diet-mega-column:last-child{

border:none;

}

.nazh-diet-mega-glass>.sub-menu{

backdrop-filter:blur(18px);

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

}

.nazh-diet-mega-floating>.sub-menu{

margin-top:18px;

}

.nazh-diet-mega-full{

position:static;

}

.nazh-diet-mega-full>.sub-menu{

left:0;

right:0;

width:100%;

min-width:100%;

}

/*====================================================
HAMBURGER
====================================================*/

.nazh-diet-hamburger{

width:54px;

height:54px;

display:flex;

align-items:center;

justify-content:center;

cursor:pointer;

border-radius:18px;

background:#fff;

box-shadow:

0 15px 35px rgba(0,0,0,.08);

transition:.35s;

}

.nazh-diet-hamburger:hover{

transform:rotate(90deg);

}

.nazh-diet-hamburger span{

display:block;

width:24px;

height:2px;

background:#173B3F;

position:relative;

transition:.35s;

}

.nazh-diet-hamburger span:before,

.nazh-diet-hamburger span:after{

content:"";

position:absolute;

left:0;

width:24px;

height:2px;

background:inherit;

transition:.35s;

}

.nazh-diet-hamburger span:before{

top:-7px;

}

.nazh-diet-hamburger span:after{

top:7px;

}

/*====================================================
HAMBURGER
====================================================*/

.nazh-diet-hamburger{

width:54px;

height:54px;

display:flex;

align-items:center;

justify-content:center;

cursor:pointer;

border-radius:18px;

background:#fff;

box-shadow:

0 15px 35px rgba(0,0,0,.08);

transition:.35s;

}

.nazh-diet-hamburger:hover{

transform:rotate(90deg);

}

.nazh-diet-hamburger span{

display:block;

width:24px;

height:2px;

background:#173B3F;

position:relative;

transition:.35s;

}

.nazh-diet-hamburger span:before,

.nazh-diet-hamburger span:after{

content:"";

position:absolute;

left:0;

width:24px;

height:2px;

background:inherit;

transition:.35s;

}

.nazh-diet-hamburger span:before{

top:-7px;

}

.nazh-diet-hamburger span:after{

top:7px;

}

.nazh-diet-hamburger.active span{

background:transparent;

}

.nazh-diet-hamburger.active span:before{

top:0;

transform:rotate(45deg);

}

.nazh-diet-hamburger.active span:after{

top:0;

transform:rotate(-45deg);

}

/*====================================================
DRAWER
====================================================*/

.nazh-diet-drawer{

position:fixed;

top:0;

right:-420px;

width:400px;

height:100vh;

background:#fff;

transition:.45s;

box-shadow:

0 30px 80px rgba(0,0,0,.12);

z-index:99999;

padding:35px;

overflow:auto;

}

.nazh-diet-drawer.active{

right:0;

}

.nazh-diet-drawer-glass{

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

backdrop-filter:blur(18px);

}

.nazh-diet-drawer-dark{

background:#173B3F;

color:#fff;

}

.nazh-diet-drawer-dark a{

color:#fff;

}.nazh-diet-drawer-dark{

background:#173B3F;

color:#fff;

}

.nazh-diet-drawer-dark a{

color:#fff;

}

/*====================================================
FULLSCREEN MENU
====================================================*/

.nazh-diet-fullscreen{

position:fixed;

inset:0;

display:flex;

align-items:center;

justify-content:center;

background:#fff;

z-index:999999;

opacity:0;

visibility:hidden;

transition:.45s;

}

.nazh-diet-fullscreen.active{

opacity:1;

visibility:visible;

}

.nazh-diet-fullscreen ul{

display:flex;

flex-direction:column;

gap:22px;

text-align:center;

}

.nazh-diet-fullscreen a{

font-size:34px;

font-weight:700;

}

.nazh-diet-overlay{

position:fixed;

inset:0;

background:rgba(0,0,0,.45);

backdrop-filter:blur(6px);

opacity:0;

visibility:hidden;

transition:.35s;

z-index:99998;

}

.nazh-diet-overlay.active{

opacity:1;

visibility:visible;

}

/*====================================================
MOBILE
====================================================*/

@media(max-width:1024px){

.nazh-diet-mega>.sub-menu{

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

min-width:100%;

}

}

@media(max-width:767px){

.nazh-diet-mega>.sub-menu{

grid-template-columns:1fr;

padding:20px;

}

.nazh-diet-drawer{

width:100%;

right:-100%;

}

.nazh-diet-fullscreen a{

font-size:26px;

}

}
/*==========================================
Container Base
==========================================*/

.nazh-diet-container{

    position:relative;

    background:#fff;

    border-radius:24px;

    padding:30px;

    border:1px solid #EDF2F4;

    transition:.35s;

    overflow:hidden;

    isolation:isolate;

}

/*==========================================
Soft
==========================================*/

.nazh-diet-container-soft{

    background:#F8FCFB;

    border:1px solid #E5F3EE;

}

/*==========================================
Floating
==========================================*/

.nazh-diet-container-floating{

    box-shadow:

    0 20px 50px rgba(15,40,70,.08);

}

.nazh-diet-container-floating:hover{

    transform:translateY(-6px);

    box-shadow:

    0 35px 80px rgba(15,40,70,.12);

}

/*==========================================
Glass
==========================================*/

.nazh-diet-container-glass{

    backdrop-filter:blur(18px);

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

    border:1px solid rgba(255,255,255,.45);

}


/*==========================================
Gradient Border
==========================================*/

.nazh-diet-container-gradient{

    padding:1px;

    background:

    linear-gradient(

        135deg,

        #15A07C,

        #B4EFDB

    );

}

.nazh-diet-container-gradient>.nazh-diet-container-inner{

    background:#fff;

    border-radius:23px;

    padding:30px;

}

/*==========================================
Premium
==========================================*/

.nazh-diet-container-premium{

    border:none;

    background:

    linear-gradient(

        145deg,

        #ffffff,

        #F4FBF8

    );

    box-shadow:

    0 25px 70px rgba(10,40,70,.08);

}

/*==========================================
Glow
==========================================*/

.nazh-diet-container-glow:before{

content:"";

position:absolute;

inset:-120px;

background:

radial-gradient(

circle,

rgba(21,160,124,.18),

transparent 70%

);

opacity:0;

transition:.4s;

z-index:-1;

}

.nazh-diet-container-glow:hover:before{

opacity:1;

}

/*==========================================
Corner Decoration
==========================================*/

.nazh-diet-container-corner:after{

content:"";

position:absolute;

top:18px;

left:18px;

width:18px;

height:18px;

border-left:2px solid #15A07C;

border-top:2px solid #15A07C;

border-radius:8px;

}

/*==========================================
Pattern
==========================================*/

.nazh-diet-container-pattern{

background:

radial-gradient(

#15A07C10 1px,

transparent 1px

);

background-size:22px 22px;

}

.nazh-diet-container-grid{

background-image:

linear-gradient(#EEF3F5 1px,transparent 1px),

linear-gradient(90deg,#EEF3F5 1px,transparent 1px);

background-size:28px 28px;

}


.nazh-diet-container-noise:before{

content:"";

position:absolute;

inset:0;

opacity:.05;

pointer-events:none;

background-image:

url("noise.png");

}

.nazh-diet-container-hover-border{

border:1px solid transparent;

}

.nazh-diet-container-hover-border:hover{

border-color:#15A07C;

}

.nazh-diet-container-lift{

transition:.35s;

}

.nazh-diet-container-lift:hover{

transform:translateY(-8px);

}

.nazh-diet-container-shine{

position:relative;

overflow:hidden;

}

.nazh-diet-container-shine:before{

content:"";

position:absolute;

top:0;

left:-120%;

width:70%;

height:100%;

background:

linear-gradient(

90deg,

transparent,

rgba(255,255,255,.55),

transparent

);

transform:skewX(-20deg);

transition:.8s;

}

.nazh-diet-container-shine:hover:before{

left:180%;

}

.nazh-diet-container-blur{

background:

rgba(255,255,255,.55);

backdrop-filter:blur(24px);

}

.nazh-diet-container-hero{

padding:70px;

border-radius:34px;

background:

linear-gradient(

135deg,

#15A07C,

#B4EFDB

);

color:#fff;

}