@font-face {
    font-family: 'iransansx';
    src: url('../fonts/IRANSansX-Regular.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'iransansx';
    src: url('../fonts/IRANSansX-Bold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'iransansxv';
    src: url('../fonts/IRANSansXV.woff') format('woff-variations'),
         url('../fonts/IRANSansXV.woff') format('woff');
    font-weight: 100 1000;
    font-display: swap;
}

@font-face {
    font-family: 'iranyekan';
    font-style: normal;
    font-weight: 400;
    font-display: swap;

    src: url('../fonts/iranyekanregular.woff') format('woff');
}

@font-face {
    font-family: 'iranyekan';
    font-style: normal;
    font-weight: 700;
    font-display: swap;

    src: url('../fonts/iranyekanbold.woff') format('woff');
}
:root,
:root[data-theme="light"] {
  --ati-modal-width: 400px;
  /* Background Colors */
  --ati-bg: #f9f9f9;
  --ati-sbg: #ffffff;
  
  /* btn */
  --ati-btn-bg: #b00000;
  --ati-btn-color: #fff;
  
  /* Text Colors */
  --ati-color: #303030;
  --ati-pcolor: #606060;
  
  --ati-color-1: #111111;
  --ati-color-2: #222222;
  --ati-color-3: #333333;
  --ati-color-4: #444444;
  --ati-color-5: #555555;
  --ati-color-6: #666666;
  
  --ati-link-color: #008eee;
  
  /* Btn */
  --ati-btn-bg: #b00000;
  --ati-btn-padd: 5px;
  --ati-btn-color: #fff;
  --ati-btn-rad: 8px;
  
  /* padding */
  --ati-s-padd: 5px;
  --ati-m-padd: 10px;
  --ati-l-padd: 15px;
  --ati-xl-padd: 20px;
  --ati-xxl-padd: 25px;
  
  /* margin */
  --ati-s-marg: 5px;
  --ati-m-marg: 10px;
  --ati-l-marg: 15px;
  --ati-xl-marg: 20px;
  --ati-xxl-marg: 25px;
  
  /* gap */
  --ati-s-gap: 5px;
  --ati-m-gap: 10px;
  --ati-l-gap: 15px;
  --ati-xl-gap: 20px;
  --ati-xxl-gap: 25px;
  
  /* border */
  --ati-border-color: #e5e5e5;
  --ati-border-color-hover: #000;
  
  /* border radius */
  --ati-s-rad: 5px;
  --ati-m-rad: 10px;
  --ati-l-rad: 15px;
  --ati-xl-rad: 20px;
  --ati-xxl-rad: 25px;
  --ati-xxxl-rad: 30px;
  
  --ati-s-border: 1px solid var(--ati-border-color);
  --ati-m-border: 2px solid var(--ati-border-color);
  --ati-l-border: 3px solid var(--ati-border-color);
  --ati-xl-border: 4px solid var(--ati-border-color);
  /* box shadow */
  --ati-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
  
  /* Font Family */
    --ati-font-family: iransansx, Arial, sans-serif;

  /*ati- Font Sizes */
  --ati-font-xs: 0.75rem;    /* 12px */
  --ati-font-sm: 0.875rem;   /* 14px */
  --ati-font-base: 1rem;     /* 16px (default) */
  --ati-font-md: 1.125rem;   /* 18px */
  --ati-font-lg: 1.25rem;    /* 20px */
  --ati-font-xl: 1.5rem;     /* 24px */
  --ati-font-xxl: 2rem;      /* 32px */
  
   --header-height: 104px;
   
   /* ati-colors */
   --ati-red: #b00000;
   --ati-height-full: calc(100% - var(--wp-admin--admin-bar--height, 0px));
   --ati-mobile-footer-menu-height: 66px;
   
   --ati-s-h: 50px;
   --ati-m-h: 60px;
   --ati-l-h: 70px;
   --ati-xl-h: 80px;
   --ati-xxl-h: 90px;
   --ati-xxxl-h: 100px;
}
@media screen and (max-width: 1230px) {
    :root,
    :root[data-theme="light"] {
        --header-height: 130px;
        --ati-modal-width: 80vw;
    }
}
@supports (font-variation-settings: normal) {
    :root,
    :root[data-theme="light"] {
        --ati-font-family: iransansxv, Arial, sans-serif;
    }
}
:root[data-theme="dark"] {
  /* Background Colors */
  --ati-bg: #222;
  --ati-sbg: #444;
  
  /* Text Colors */
  --ati-color: #fff;
  --ati-pcolor: #606060;
  
  --ati-color-1: #ffffff;
  --ati-color-2: #ffffff;
  --ati-color-3: #ffffff;
  --ati-color-4: #ffffff;
  --ati-color-5: #ffffff;
  --ati-color-6: #ffffff;
}
.overflow-y {
    overflow-y: auto;
}

.ati-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    cursor: pointer;
    text-decoration: none !important;
    align-self: center;
    margin-top: 8px;
    border-radius: 12px;
    background: #C40040;
    color: var(--ati-btn-color);
    font-size: 18px;
    font-weight: 500;
    transition: background-color 0.2s ease, transform 0.2s ease;
    padding: 15px 28px;
    border: 0;
    line-height: 1;
    height: 48px;
}
.ati-read-more {
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ati-readmore-open {
  -webkit-line-clamp: unset;
}

.ellipsis-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ellipsis-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.display-none {
    display: none;
}
.display-flex {
    display: flex;
}
.flex-wrap {
    flex-wrap: wrap;
}
.flex-direction-column {
    flex-direction: column;
}
.justify-between {
    justify-content: space-between;
}
.jistify-around {
    justify-content: space-around;
}
.line-height-normal {
    line-height: normal;
}
.align-items-center {
    align-items: center;
}
.justify-center {
    justify-content: center;
}
.flex-grow {
    flex-grow: 1;
}
.s-gap {
    gap: 5px
}
.m-gap {
    gap: 10px
}
.is-mobile {
    display: none!important;
}

.ati-boxes {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--ati-l-gap);
}
.ati-box {
    background: var(--ati-sbg);
    padding: var(--ati-xl-padd);
    border-radius: var(--ati-m-rad);
    display: flex;
    flex-direction: column;
    gap: var(--ati-m-gap);
    align-items: center;
    border-bottom: var(--ati-border-color) 1px solid;
}
.border-radius-l {
    border-radius: var(--ati-l-rad);
}
.ati-liquid-glass {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}
summary {
    display: block;
    list-style: none;
}
summary::-webkit-details-marker,
summary::marker {
    display: none;
    content: '';
}
*::marker:not(ul) {
    display: none;
    content: '';
}

a {
    text-decoration: none;
    color: inherit;
}

/* animation */
.ati-animate-pulse {
    animation: ati-pulse 1.5s ease infinite;
}

@keyframes ati-pulse {
    0% {
        box-shadow: 0 0 0 0 #dc3146;
    }
    70% {
        box-shadow: 0 0 0 .5rem transparent;
    }
    100% {
        box-shadow: 0 0 0 0 transparent;
    }
}

.ati-animate-fade {
    animation: ati-fade 2.5s linear infinite;
}
@keyframes ati-fade {
    50% {
        opacity: var(--fa-fade-opacity,.4);
    }
}

/* Spinning Animation */
.ati-animate-spin {
    animation: ati-spin 3s linear infinite;
}

@keyframes ati-spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
/* Heart */
.ati-animate-heartbeat {
    animation: ati-heartbeat 1s ease-in-out infinite;
}

@keyframes ati-heartbeat {
    0%, 100% {
        transform: scale(1);
    }

    20% {
        transform: scale(1.15);
    }

    40% {
        transform: scale(1);
    }

    60% {
        transform: scale(1.1);
    }

    80% {
        transform: scale(1);
    }
}


/* Bell / Warning */
.ati-animate-shake {
    animation: ati-shake 1.5s ease-in-out infinite;
    transform-origin: top center;
}

@keyframes ati-shake {
    0%, 100% {
        transform: rotate(0);
    }

    10% {
        transform: rotate(-12deg);
    }

    20% {
        transform: rotate(12deg);
    }

    30% {
        transform: rotate(-8deg);
    }

    40% {
        transform: rotate(8deg);
    }

    50% {
        transform: rotate(0);
    }
}

/* Arrow / Cart */
.ati-animate-bounce {
    animation: ati-bounce 1.2s ease-in-out infinite;
}

@keyframes ati-bounce {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-4px);
    }
}


/* Search / Warning */
.ati-animate-pulse {
    animation: ati-pulse 1.5s ease-in-out infinite;
}

@keyframes ati-pulse {
    0%, 100% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.08);
        opacity: .7;
    }
}


/* Star */
.ati-animate-twinkle {
    animation: ati-twinkle 1.5s ease-in-out infinite;
}

@keyframes ati-twinkle {
    0%, 100% {
        transform: scale(1);
        opacity: .6;
    }

    50% {
        transform: scale(1.15);
        opacity: 1;
    }
}

.ati-skeleton {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: #ececec;
}

.ati-skeleton::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        transparent 30%,
        rgba(255,255,255,.95) 50%,
        transparent 70%
    );
    transform: translateX(-100%);
    animation: atiSkeleton .9s linear infinite;
    pointer-events: none;
}

@keyframes atiSkeleton {
    to {
        transform: translateX(100%);
    }
}
/* animation end */
@media screen and (max-width: 1230px) {
    .is-desktop {
        display: none!important;
    }
    .is-mobile {
        display: flex!important;
    }
    .flex-center {
        justify-content: center;
        align-items: center;
    }
}