/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[2].use[1]!../../node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[14].oneOf[2].use[2]!../../node_modules/next/font/google/target.css?{"path":"src/app/layout.tsx","import":"Vazirmatn","arguments":[{"subsets":["arabic","latin"],"display":"swap","variable":"--asg-font-vazirmatn","weight":["400","500","600","700"],"adjustFontFallback":true}],"variableName":"vazirmatn"} ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* arabic */
@font-face {
  font-family: 'Vazirmatn';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/1abbc144918f74fd-s.p.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* latin-ext */
@font-face {
  font-family: 'Vazirmatn';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/17cf9497af825577-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Vazirmatn';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/8c96cc4bd2a39381-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
  font-family: 'Vazirmatn';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/1abbc144918f74fd-s.p.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* latin-ext */
@font-face {
  font-family: 'Vazirmatn';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/17cf9497af825577-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Vazirmatn';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/8c96cc4bd2a39381-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
  font-family: 'Vazirmatn';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/1abbc144918f74fd-s.p.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* latin-ext */
@font-face {
  font-family: 'Vazirmatn';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/17cf9497af825577-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Vazirmatn';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/8c96cc4bd2a39381-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
  font-family: 'Vazirmatn';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/1abbc144918f74fd-s.p.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* latin-ext */
@font-face {
  font-family: 'Vazirmatn';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/17cf9497af825577-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Vazirmatn';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/8c96cc4bd2a39381-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {font-family: 'Vazirmatn Fallback';src: local("Arial");ascent-override: 101.87%;descent-override: 53.36%;line-gap-override: 0.00%;size-adjust: 100.66%
}.__className_ebd2b2 {font-family: 'Vazirmatn', 'Vazirmatn Fallback';font-style: normal
}.__variable_ebd2b2 {--asg-font-vazirmatn: 'Vazirmatn', 'Vazirmatn Fallback'
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!../../node_modules/@asgold/ui/src/styles/tokens.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  /* Primitive — Stone */
  --asg-color-stone-25: #fffdf9;
  --asg-color-stone-50: #f7f4f0;
  --asg-color-stone-100: #efebe6;
  --asg-color-stone-200: #e2dbd3;
  --asg-color-stone-300: #c9c0b5;
  --asg-color-stone-400: #a69c91;
  --asg-color-stone-500: #7a726a;
  --asg-color-stone-600: #5c534c;
  --asg-color-stone-700: #3f3833;
  --asg-color-stone-800: #1f1a17;

  /* Primitive — Bronze / Status */
  --asg-color-bronze-100: #e8dfd2;
  --asg-color-bronze-400: #b08a55;
  --asg-color-bronze-500: #8c6a3f;
  --asg-color-bronze-600: #735632;
  --asg-color-green-100: #e6f0ea;
  --asg-color-green-600: #2f6b4f;
  --asg-color-amber-100: #f5ecd8;
  --asg-color-amber-600: #9a6b1f;
  --asg-color-red-100: #f8e8e5;
  --asg-color-red-600: #a33b2c;
  --asg-color-slate-100: #e8eef1;
  --asg-color-slate-600: #3d5a6c;
  --asg-color-white: #ffffff;
  --asg-color-black: #000000;

  /* Semantic */
  --asg-color-bg: var(--asg-color-stone-50);
  --asg-color-surface: var(--asg-color-stone-25);
  --asg-color-surface-muted: var(--asg-color-stone-100);
  --asg-color-text: var(--asg-color-stone-800);
  --asg-color-text-muted: var(--asg-color-stone-500);
  --asg-color-text-inverse: var(--asg-color-stone-25);
  --asg-color-primary: var(--asg-color-stone-800);
  --asg-color-secondary: var(--asg-color-stone-600);
  --asg-color-accent: var(--asg-color-bronze-500);
  --asg-color-accent-hover: var(--asg-color-bronze-600);
  --asg-color-accent-soft: var(--asg-color-bronze-100);
  --asg-color-border: var(--asg-color-stone-200);
  --asg-color-border-strong: var(--asg-color-stone-300);
  --asg-color-success: var(--asg-color-green-600);
  --asg-color-success-soft: var(--asg-color-green-100);
  --asg-color-warning: var(--asg-color-amber-600);
  --asg-color-warning-soft: var(--asg-color-amber-100);
  --asg-color-error: var(--asg-color-red-600);
  --asg-color-error-soft: var(--asg-color-red-100);
  --asg-color-info: var(--asg-color-slate-600);
  --asg-color-info-soft: var(--asg-color-slate-100);
  --asg-color-overlay: color-mix(in srgb, var(--asg-color-stone-800) 40%, transparent);
  --asg-color-focus-ring: var(--asg-color-bronze-500);
  --asg-color-link: var(--asg-color-bronze-600);
  --asg-color-advisor-accent: var(--asg-color-bronze-500);
  --asg-color-support-accent: var(--asg-color-slate-600);

  /* Typography */
  --asg-font-family-sans: 'Vazirmatn', Tahoma, Arial, sans-serif;
  --asg-font-family-mono: ui-monospace, 'Cascadia Code', Consolas, monospace;
  --asg-font-size-xs: 0.75rem;
  --asg-font-size-sm: 0.8125rem;
  --asg-font-size-md: 0.9375rem;
  --asg-font-size-base: 1rem;
  --asg-font-size-lg: 1.125rem;
  --asg-font-size-xl: 1.25rem;
  --asg-font-size-2xl: 1.5rem;
  --asg-font-size-3xl: 1.75rem;
  --asg-font-size-4xl: 2rem;
  --asg-font-size-5xl: 2.25rem;
  --asg-font-size-6xl: 2.5rem;
  --asg-font-weight-regular: 400;
  --asg-font-weight-medium: 500;
  --asg-font-weight-semibold: 600;
  --asg-font-weight-bold: 700;
  --asg-line-height-tight: 1.2;
  --asg-line-height-snug: 1.3;
  --asg-line-height-normal: 1.4;
  --asg-line-height-relaxed: 1.6;
  --asg-tracking-tight: -0.01em;
  --asg-tracking-normal: 0;
  --asg-tracking-wide: 0.01em;
  --asg-tracking-wider: 0.02em;

  /* Spacing */
  --asg-space-0: 0;
  --asg-space-1: 0.25rem;
  --asg-space-2: 0.5rem;
  --asg-space-3: 0.75rem;
  --asg-space-4: 1rem;
  --asg-space-5: 1.25rem;
  --asg-space-6: 1.5rem;
  --asg-space-8: 2rem;
  --asg-space-10: 2.5rem;
  --asg-space-12: 3rem;
  --asg-space-16: 4rem;
  --asg-space-20: 5rem;
  --asg-space-24: 6rem;
  --asg-space-gutter-mobile: var(--asg-space-4);
  --asg-space-gutter-desktop: var(--asg-space-6);
  --asg-space-section-mobile: var(--asg-space-12);
  --asg-space-section-desktop: var(--asg-space-16);
  --asg-space-card-padding: var(--asg-space-4);

  /* Radius */
  --asg-radius-none: 0;
  --asg-radius-sm: 0.25rem;
  --asg-radius-md: 0.5rem;
  --asg-radius-lg: 0.75rem;
  --asg-radius-xl: 1rem;
  --asg-radius-full: 9999px;

  /* Shadow */
  --asg-shadow-none: none;
  --asg-shadow-sm: 0 1px 2px rgba(31, 26, 23, 0.06);
  --asg-shadow-md: 0 8px 24px rgba(31, 26, 23, 0.1);
  --asg-shadow-sheet: 0 -4px 24px rgba(31, 26, 23, 0.08);

  /* Breakpoints (reference; media queries use raw values) */
  --asg-breakpoint-tablet: 768px;
  --asg-breakpoint-desktop: 1024px;
  --asg-breakpoint-large: 1280px;
  --asg-breakpoint-xl: 1440px;

  /* Container */
  --asg-container-sm: 640px;
  --asg-container-md: 960px;
  --asg-container-lg: 1200px;
  --asg-container-xl: 1280px;

  /* Z-index */
  --asg-z-base: 0;
  --asg-z-sticky: 100;
  --asg-z-dropdown: 200;
  --asg-z-overlay: 300;
  --asg-z-modal: 400;
  --asg-z-launcher: 450;
  --asg-z-toast: 500;

  /* Motion */
  --asg-duration-instant: 0ms;
  --asg-duration-fast: 120ms;
  --asg-duration-normal: 200ms;
  --asg-duration-slow: 320ms;
  --asg-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --asg-easing-emphasized: cubic-bezier(0.3, 0, 0, 1);

  /* Control */
  --asg-size-touch-min: 44px;
  --asg-size-control-sm: 36px;
  --asg-size-control-md: 44px;
  --asg-size-control-lg: 52px;
  --asg-aspect-product: 4 / 5;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --asg-duration-fast: 0ms;
    --asg-duration-normal: 0ms;
    --asg-duration-slow: 0ms;
  }
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!../../node_modules/@asgold/ui/src/styles/components.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************/
/* Foundation component styles — Quiet Atelier / asg-* */

.asg-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--asg-space-2);
  min-height: var(--asg-size-control-md);
  padding-inline: var(--asg-space-4);
  padding-block: var(--asg-space-2);
  border-radius: var(--asg-radius-md);
  border: 1px solid transparent;
  font-family: var(--asg-font-family-sans);
  font-size: var(--asg-font-size-md);
  font-weight: var(--asg-font-weight-medium);
  letter-spacing: var(--asg-tracking-wide);
  line-height: var(--asg-line-height-tight);
  cursor: pointer;
  transition:
    background-color var(--asg-duration-fast) var(--asg-easing-standard),
    border-color var(--asg-duration-fast) var(--asg-easing-standard),
    opacity var(--asg-duration-fast) var(--asg-easing-standard);
}

.asg-button:focus-visible {
  outline: 2px solid var(--asg-color-focus-ring);
  outline-offset: 2px;
}

.asg-button:disabled,
.asg-button[aria-disabled='true'] {
  opacity: 0.5;
  cursor: not-allowed;
}

.asg-button--primary {
  background: var(--asg-color-accent);
  color: var(--asg-color-text-inverse);
}

.asg-button--primary:hover:not(:disabled) {
  background: var(--asg-color-accent-hover);
}

.asg-button--secondary {
  background: var(--asg-color-surface);
  color: var(--asg-color-text);
  border-color: var(--asg-color-border-strong);
}

.asg-button--secondary:hover:not(:disabled) {
  background: var(--asg-color-surface-muted);
}

.asg-button--ghost {
  background: transparent;
  color: var(--asg-color-text);
}

.asg-button--ghost:hover:not(:disabled) {
  background: var(--asg-color-surface-muted);
}

.asg-button--danger {
  background: var(--asg-color-error);
  color: var(--asg-color-text-inverse);
}

.asg-button--link {
  background: transparent;
  color: var(--asg-color-link);
  min-height: auto;
  padding: 0;
  border: none;
  text-decoration: underline;
}

.asg-button--sm {
  min-height: var(--asg-size-control-sm);
  padding-inline: var(--asg-space-3);
  font-size: var(--asg-font-size-sm);
}

.asg-button--lg {
  min-height: var(--asg-size-control-lg);
  padding-inline: var(--asg-space-6);
  font-size: var(--asg-font-size-base);
}

.asg-icon-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--asg-size-touch-min);
  height: var(--asg-size-touch-min);
  border: 1px solid transparent;
  border-radius: var(--asg-radius-md);
  background: transparent;
  color: var(--asg-color-text);
  cursor: pointer;
}

.asg-icon-button:focus-visible {
  outline: 2px solid var(--asg-color-focus-ring);
  outline-offset: 2px;
}

.asg-icon-button:hover:not(:disabled) {
  background: var(--asg-color-surface-muted);
}

.asg-icon-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.asg-field {
  display: flex;
  flex-direction: column;
  gap: var(--asg-space-2);
}

.asg-field__label {
  font-size: var(--asg-font-size-sm);
  font-weight: var(--asg-font-weight-medium);
  color: var(--asg-color-text);
}

.asg-input {
  width: 100%;
  min-height: var(--asg-size-control-md);
  padding-inline: var(--asg-space-3);
  padding-block: var(--asg-space-2);
  border: 1px solid var(--asg-color-border);
  border-radius: var(--asg-radius-md);
  background: var(--asg-color-surface);
  color: var(--asg-color-text);
  font-family: var(--asg-font-family-sans);
  font-size: var(--asg-font-size-base);
}

.asg-input::placeholder {
  color: var(--asg-color-text-muted);
}

.asg-input:focus-visible {
  outline: 2px solid var(--asg-color-focus-ring);
  outline-offset: 1px;
  border-color: var(--asg-color-accent);
}

.asg-input--error {
  border-color: var(--asg-color-error);
}

.asg-field__hint {
  font-size: var(--asg-font-size-sm);
  color: var(--asg-color-text-muted);
}

.asg-field__error {
  font-size: var(--asg-font-size-sm);
  color: var(--asg-color-error);
}

.asg-container {
  width: 100%;
  margin-inline: auto;
  padding-inline: var(--asg-space-gutter-mobile);
}

@media (min-width: 768px) {
  .asg-container {
    padding-inline: var(--asg-space-gutter-desktop);
  }
}

.asg-container--sm {
  max-width: var(--asg-container-sm);
}
.asg-container--md {
  max-width: var(--asg-container-md);
}
.asg-container--lg {
  max-width: var(--asg-container-lg);
}
.asg-container--xl {
  max-width: var(--asg-container-xl);
}

.asg-stack {
  display: flex;
  flex-direction: column;
}

.asg-stack--row {
  flex-direction: row;
}

.asg-stack--wrap {
  flex-wrap: wrap;
}

.asg-grid {
  display: grid;
  grid-gap: var(--asg-space-4);
  gap: var(--asg-space-4);
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.asg-grid--cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.asg-grid--cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.asg-grid--cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.asg-grid--cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (min-width: 768px) {
  .asg-grid {
    gap: var(--asg-space-5);
  }
  .asg-grid--md-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .asg-grid--md-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .asg-grid--md-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .asg-grid--md-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .asg-grid {
    gap: var(--asg-space-6);
  }
  .asg-grid--lg-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .asg-grid--lg-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .asg-grid--lg-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .asg-grid--lg-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.asg-card {
  background: var(--asg-color-surface);
  border: 1px solid var(--asg-color-border);
  border-radius: var(--asg-radius-md);
  padding: var(--asg-space-card-padding);
}

.asg-badge {
  display: inline-flex;
  align-items: center;
  padding-inline: var(--asg-space-2);
  padding-block: var(--asg-space-1);
  border-radius: var(--asg-radius-sm);
  font-size: var(--asg-font-size-xs);
  font-weight: var(--asg-font-weight-medium);
  line-height: var(--asg-line-height-tight);
}

.asg-badge--neutral {
  background: var(--asg-color-surface-muted);
  color: var(--asg-color-secondary);
}
.asg-badge--accent {
  background: var(--asg-color-accent-soft);
  color: var(--asg-color-accent-hover);
}
.asg-badge--success {
  background: var(--asg-color-success-soft);
  color: var(--asg-color-success);
}
.asg-badge--warning {
  background: var(--asg-color-warning-soft);
  color: var(--asg-color-warning);
}
.asg-badge--error {
  background: var(--asg-color-error-soft);
  color: var(--asg-color-error);
}
.asg-badge--info {
  background: var(--asg-color-info-soft);
  color: var(--asg-color-info);
}

.asg-divider {
  border: 0;
  -webkit-border-before: 1px solid var(--asg-color-border);
          border-block-start: 1px solid var(--asg-color-border);
  margin-block: var(--asg-space-4);
}

.asg-skeleton {
  display: block;
  background: var(--asg-color-surface-muted);
  border-radius: var(--asg-radius-sm);
  animation: asg-pulse var(--asg-duration-slow) var(--asg-easing-standard) infinite alternate;
}

@keyframes asg-pulse {
  from {
    opacity: 1;
  }
  to {
    opacity: 0.55;
  }
}

@media (prefers-reduced-motion: reduce) {
  .asg-skeleton {
    animation: none;
  }
}

.asg-overlay {
  position: fixed;
  inset: 0;
  background: var(--asg-color-overlay);
  z-index: var(--asg-z-overlay);
}

.asg-modal {
  position: fixed;
  inset-inline: var(--asg-space-4);
  inset-block-start: 50%;
  transform: translateY(-50%);
  z-index: var(--asg-z-modal);
  max-width: 28rem;
  margin-inline: auto;
  width: calc(100% - 2 * var(--asg-space-4));
  background: var(--asg-color-surface);
  border-radius: var(--asg-radius-lg);
  border: 1px solid var(--asg-color-border);
  box-shadow: var(--asg-shadow-md);
  padding: var(--asg-space-6);
}

.asg-modal__title {
  margin: 0 0 var(--asg-space-3);
  font-size: var(--asg-font-size-xl);
  font-weight: var(--asg-font-weight-semibold);
}

.asg-drawer {
  position: fixed;
  inset-block: 0;
  inset-inline-end: 0;
  width: min(20rem, 100%);
  z-index: var(--asg-z-modal);
  background: var(--asg-color-surface);
  -webkit-border-start: 1px solid var(--asg-color-border);
          border-inline-start: 1px solid var(--asg-color-border);
  box-shadow: var(--asg-shadow-md);
  padding: var(--asg-space-6);
  overflow: auto;
}

.asg-bottom-sheet {
  position: fixed;
  inset-inline: 0;
  inset-block-end: 0;
  z-index: var(--asg-z-modal);
  background: var(--asg-color-surface);
  border-start-start-radius: var(--asg-radius-lg);
  border-start-end-radius: var(--asg-radius-lg);
  box-shadow: var(--asg-shadow-sheet);
  padding: var(--asg-space-4) var(--asg-space-4) var(--asg-space-6);
  max-height: 85vh;
  overflow: auto;
}

.asg-bottom-sheet__handle {
  width: 2.5rem;
  height: 0.25rem;
  margin-inline: auto;
  -webkit-margin-after: var(--asg-space-4);
          margin-block-end: var(--asg-space-4);
  border-radius: var(--asg-radius-full);
  background: var(--asg-color-border-strong);
}

/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/app/globals.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --asg-font-family-sans: var(--asg-font-vazirmatn), 'Vazirmatn', Tahoma, Arial, sans-serif;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  direction: rtl;
  -webkit-text-size-adjust: 100%;
}

html,
body {
  margin: 0;
  min-height: 100%;
}

body {
  background: var(--asg-color-bg);
  color: var(--asg-color-text);
  font-family: var(--asg-font-family-sans);
  font-size: var(--asg-font-size-base);
  font-weight: var(--asg-font-weight-regular);
  line-height: var(--asg-line-height-relaxed);
}

h1,
h2,
h3,
h4 {
  line-height: var(--asg-line-height-snug);
  font-weight: var(--asg-font-weight-semibold);
  letter-spacing: var(--asg-tracking-tight);
  margin-block: 0 var(--asg-space-3);
}

h1 {
  font-size: var(--asg-font-size-3xl);
}

@media (min-width: 1024px) {
  h1 {
    font-size: var(--asg-font-size-5xl);
  }
}

h2 {
  font-size: var(--asg-font-size-2xl);
}

p {
  margin-block: 0 var(--asg-space-3);
  color: var(--asg-color-secondary);
}

a {
  color: var(--asg-color-link);
}

:focus-visible {
  outline: 2px solid var(--asg-color-focus-ring);
  outline-offset: 2px;
}

.asg-foundation-note {
  font-size: var(--asg-font-size-sm);
  color: var(--asg-color-text-muted);
}

.asg-price-demo {
  font-size: var(--asg-font-size-xl);
  font-weight: var(--asg-font-weight-semibold);
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
  line-height: var(--asg-line-height-tight);
  color: var(--asg-color-text);
}