/* Global Reset – removes all browser defaults */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}
/* Reset for newer HTML5 elements */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
/* Body defaults neutralized */
body {
    line-height: 1;
}
/* List removes bullet and spacing */
ol, ul {
    list-style: none;
}
/* Quotes no extra quotes */
blockquote, q {
    quotes: none;
}
blockquote::before, blockquote::after, q::before, q::after {
    content: '';
    content: none;
}
/* Table collapse */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* Forms & interactive elements */
input, button, textarea, select {
    border: none;
    outline: none!important;
    background: none;
    padding: 0;
    margin: 0;
    font: inherit;
}
/* Links → no color or underline */
a, ins {
    color: inherit;
    text-decoration: none;
}
/* Images & media */
img, video {
    display: block;
    max-width: 100%;
    height: auto;
}


/* root start */ :root {
                     --gpx-Dark-Gray: #333333;
                     --gpx-Dark-Gray700: #707070;
                     --gpx-Dark-Gray500: #999999;
                     --gpx-Gray: #666666;
                     --gpx-Gray700: #949494;
                     --gpx-Gray500: #B2B2B2;
                     --gpx-Green: #00A693;
                     --gpx-Green700: #4DC1B3;
                     --gpx-Green500: #80D3C9;
                     --gpx-Green100: #E5F6F4;
                     --gpx-Turquoise: #57C5C6;
                     --gpx-Turquoise100: #EEF9F9;
                     --gpx-Yellow: #EBB40F;
                     --gpx-Yellow500: #F5D987;
                     --gpx-Sunglow: #FFCC34;
                     --gpx-Sunglow500: #FFE599;
                     --gpx-Sunglow100: #FFFAEB;
                     --gpx-white: #ffffff;
                     --gpx-light: #EAEAEA;
                     --gpx-Extra-light: #F8F8F8;
                     --gpx-dark-grad: linear-gradient(257.51deg, #666666 0%, #333333 100%);
                     --gpx-green-grad: linear-gradient(257.51deg, #57C5C6 0%, #00A693 100%);
                     --gpx-yellow-grad: linear-gradient(257.51deg, #FFCC34 0%, #EBB40F 100%);
                     --gpx-light-grad: linear-gradient(257.51deg, #F8F8F8 0%, #EAEAEA 100%);
                     --gpx-border: 1px solid #EAEAEA;
                     --gpx-shadow: 0px 8px 24px 0px #3333331A;
                     --gpx-shadow-in: 0px 0px 16px 0px #6666661A inset;
                     --gpx-8: 8px;
                     --gpx-12: 12px;
                     --gpx-16: 16px;
                     --gpx-del: 0.3s;
                 }
/* root end */


*::selection {
    color: var(--gpx-white);
    background: var(--gpx-Green);
}
*::-moz-selection {
    color: var(--gpx-white);
    background: var(--gpx-Green);
}
html {
    scrollbar-width: thin; /* یا auto یا none */
    scrollbar-color: var(--gpx-Green) var(--gpx-white);
    scroll-behavior: smooth !important;
}
/* کل صفحه */ ::-webkit-scrollbar {
                  width: 8px;
                  height: 8px;
              }
/* پس‌زمینه اسکرول‌بار */ ::-webkit-scrollbar-track {
                              background: var(--gpx-white);
                          }
/* نوار خود اسکرول */ ::-webkit-scrollbar-thumb {
                          background-color: var(--gpx-Green);
                          border-radius: 10px;
                      }
body {
    font-family: rokh;
}

/* pre loaded start */
.gpx-gt {
    background: var(--gpx-green-grad);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    display: inline-block;
}
.gpx-dark-grad {
    background: var(--gpx-dark-grad) !important;
}
.gpx-green-grad {
    background: var(--gpx-green-grad) !important;
}
.gpx-yellow-grad {
    background: var(--gpx-yellow-grad) !important;
}
.gpx-light-grad {
    background: var(--gpx-light-grad) !important;
}
.gpx-border {
    border: var(--gpx-border) !important;
}
.gpx-shadow {
    box-shadow: var(--gpx-shadow) !important;
}
.gpx-shadow-in {
    box-shadow: var(--gpx-shadow-in) !important;
}
.gpx-border-8 {
    border-radius: var(--gpx-8) !important;
}
.gpx-border-12 {
    border-radius: var(--gpx-12) !important;
}
.gpx-border-16 {
    border-radius: var(--gpx-16) !important;
}
.gpx--carousel-card-hash {
    color: rgba(255, 255, 255, 0.75);
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.10);
    font-family: 'Kalameh';
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    left: 12px;
    bottom: 6px;
}
.gpx-card-name {
    color: #333;
    font-family: 'Kalameh';
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    position: relative;
    padding-right: 10px;
}
.gpx-card-name::before {
    position: absolute;
    content: '';
    width: 4px;
    height: 89%;
    border-radius: 4px;
    background: linear-gradient(180deg, #FFCC34 0%, #EBB40F 100%);
    top: 2px;
    bottom: 1px;
    right: 0;
}
.oneline-show {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
}
.gpx-card-item-link {
    padding: 5px 18px 7px 18px;
    align-items: center;
    border-radius: var(--gpx-8);
    background: linear-gradient(258deg, #57C5C6 0%, #00A693 100%);
    color: #FFF;
    font-family: 'Kalameh';
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    position: relative;
    transition: var(--gpx-del);
}
.gpx-card-item-link:hover {
    padding-left: 30px !important;
}
.gpx-card-item-link::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    opacity: 0;
    visibility: hidden;
    transition: var(--gpx-del);
    clip-path: path(' M0.198214 7.47588C0.0723214 7.3501 0 7.18057 0 7.0001C0 6.81963 0.0723214 6.6501 0.198214 6.52432L4.9125 1.93057C5.16964 1.679 5.57679 1.68994 5.82054 1.95244C6.06429 2.21494 6.05625 2.63057 5.79911 2.8794L2.24732 6.34385H11.3571C11.7134 6.34385 12 6.63643 12 7.0001C12 7.36377 11.7134 7.65635 11.3571 7.65635H2.24732L5.80179 11.1181C6.05893 11.3696 6.06696 11.7825 5.82321 12.045C5.57946 12.3075 5.17232 12.3157 4.91518 12.0669L0.200893 7.47314L0.198214 7.47588Z ');
    background: #ffffff;
    width: 13px;
    height: 14px;
    transform: translateX(0);
}
.gpx-card-item-link:hover::before {
    opacity: 1;
    visibility: visible;
    transform: translateX(10px);
}
.gpx-card-price-box {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.gpx-card-price-box-top {
    display: flex;
    align-items: center;
    gap: 4px;
}
.gpx-card-off-price {
    color: rgba(102, 102, 102, 0.50);
    font-family: 'Kalameh';
    font-size: 12px;
    font-weight: 500;
    text-decoration-line: line-through;
}
.gpx-card-off-percent {
    border-radius: 4px;
    background: #EBB40F;
    color: #FFF;
    text-shadow: 0 1px 0 rgba(51, 51, 51, 0.20);
    font-family: 'Kalameh';
    font-size: 12px;
    font-weight: 500;
    min-width: 25px;
    height: 16px;
    display: inline-block;
    padding: 2px;
    line-height: 12px;
}
.gpx-card-price {
    color: #00A693;
    font-family: 'Kalameh';
    font-size: 16px;
    font-weight: 500;
}
.gpx-card-footer {
    height: 42px;
}
.added_to_cart {
    display: none !important;
}
.gpx-card-price-free {
    width: 64px;
    height: 32px;
    color: #FFF;
    text-shadow: 0 2px 0 rgba(51, 51, 51, 0.20);
    font-family: 'Kalameh';
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    background: linear-gradient(257.51deg, #FFCC34 0%, #EBB40F 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 3px;
    border-radius: var(--gpx-8);
}
.gpx-card-detalis-box {
    height: 48px;
    background-color: #FFFFFF;
    padding: 5px 20px;
}
.gpx-card-detalis-box-item {
    font-family: 'Kalameh';
    font-weight: 500;
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
}
.gpx-card-detalis-box-item p {
    color: rgba(102, 102, 102, 0.50);
    font-size: 11px;
}
.gpx-card-detalis-box-item span {
    color: #666;
    font-size: 12px;
}
.gpx-card-detalis-box-border {
    width: 1px;
    height: 32px;
    background: #EAEAEA;
}
/* preloaded end */