/* 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;
    font-size: 100%;
    font: inherit;
    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 {
    --dp-black: #000000;
    --dp-dark: #333333;
    --dp-gray: #666666;
    --dp-gray2: #B3B3B3;
    --dp-red: #DC2F02;
    --dp-org: #E85D04;
    --dp-org2: #E85D0433;
    --dp-org3: #F8D5CC;
    --dp-grad: linear-gradient(264.86deg, #DC2F02 0%, #E85D04 100%);
    --dp-grad2: linear-gradient(264.86deg, #DC2F02 0%, #FF7B00 100%);
    --dp-yel: #FAA307;
    --dp-yel2: #FAA3071A;
    --dp-yel3: #F9CFB4;
    --dp-light: #F5F5F5;
    --dp-light2: #FFF6E7;
    --dp-white: #FFFFFF;
    --dp-bc: #E0E0E0;
    --dp-bc2: #F0F0F0;
    --dp-bc3: #66666633;
    --dp-bc4: #66666680;
    --dp-shade-1: 0px 4px 8px 0px #6666661A;
    --dp-shade-2: 0px 4px 8px 0px #DC2F0233;
    --dp-shade-3: 0px 4px 8px 0px #DC2F021A;
    --dp-shade-4: 0px 4px 16px 0px #6666661A;
    --dp-8: 8px;
    --dp-12: 12px;
    --dp-16: 16px;
    --dp-18: 18px;
    --dp-32: 32px;
    --dp-del: 0.4s;
    --dp-del2: all 0.4s ease-in-out;
}
*::selection {
    color: var(--dp-white);
    background: var(--dp-org);
}
*::-moz-selection {
    color: var(--dp-white);
    background: var(--dp-org);
}
html {
    font-family: PeydaWebFaNum;
    scrollbar-width: thin; /* یا auto یا none */
    scrollbar-color: var(--dp-org) var(--dp-white);
    scroll-behavior: smooth !important;
}
/* کل صفحه */ ::-webkit-scrollbar {
                  width: 8px;
                  height: 8px;
              }
/* پس‌زمینه اسکرول‌بار */ ::-webkit-scrollbar-track {
                              background: var(--dp-white);
                          }
/* نوار خود اسکرول */ ::-webkit-scrollbar-thumb {
                          background-color: var(--dp-org);
                          border-radius: 10px;
                      }

.body1 {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    color: #333333;
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
}
.dproot-title {
    font-size: 28px;
    font-weight: 500;
    line-height: 48px;
    color: var(--dp-dark);
    margin-bottom: 20px;
}

/* dp2 class roots start */
.gap4 {
    gap: 4px;
}
.gap8 {
    gap: 8px;
}
.gap12 {
    gap: 12px;
}
.dp2-container {
    width: 100%;
    max-width: 1600px;
    margin: auto;
}
.dp2-product-name {
    width: 92% !important;
    margin: 0 auto;
}
.dp2-product-name h3 {
    font-weight: 800;
    font-size: 16px;
    line-height: 22px;
    color: #333333;
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
}
.dp2-product-name p {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    color: #33333380;
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
}
.dp2-product-price-box {
    border: 1px solid #66666633;
    background: #FFFFFF;
    box-shadow: 0px 12px 24px 0px #0000000D;
    border-radius: 24px;
    padding: 9px;
    height: 69px;
}
.dp2-product-price-box-prices {}
.dp2-product-price-box-off-price {
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    text-decoration: line-through;
    color: #33333380;
}
.dp2-product-price-box-current-price {
    font-weight: 800;
    font-size: 16px;
    line-height: 22px;
    color: #333333;
}
.dp2-product-price-box-current-price span {
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    color: #33333380;
}
.gpx-card-price-call{
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: rgb(51 51 51 / 50%);
}
.dp2-product-price-free-prices {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: rgb(51 51 51 / 50%);
}
.dp2-product-price-box-but {
    background: #FAA3071A;
    color: #FAA307;
    width: 64px;
    height: 48px;
    border-radius: 16px;
    transition: 0.4s;
}
.dp2-product-price-box-but svg {}
.swiper-slide:hover .dp2-product-price-box-but {
    width: 98px;
    height: 48px;
    border-radius: 40px;
    background: #FAA307;
    color: #FFFFFF;
}
.dp2-1line {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
}
.dp2-size-box {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    top: 20px;
    right: 16px;
    font-weight: 400;
    font-size: 12px;
    line-height: 22px;
    color: #33333380;
}
.dp2-size-box span {}
.dp2-color-box {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    top: 20px;
    left: 16px;
    gap: 8px;
}
.dp2-color-box span {
    width: 12px;
    height: 12px;
    border-radius: 100%;
}
.dp2-card {
    border-radius: 32px;
    background: #FFFFFF;
    border: 1px solid #66666633;
    position: relative;
    padding: 7px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
}
.dp2-products-carousel-head-title {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: flex-start;
}
.dp2-products-carousel-head-title svg {
    color: #00D44E;
}
.dp2-products-carousel-head-title h2 {
    font-weight: 900;
    font-size: 24px;
    line-height: 120%;
    color: #333333;
}
.dp2-products-carousel-head-title strong {
    color: #FAA307;
}
.dp2-products-carousel-but {
    display: flex;
    width: 151px;
    height: 48px;
    gap: 8px;
    align-items: center;
    justify-content: center;
    transition: 0.4s;
    border-radius: 16px;
    background: #FAA3071A;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    color: #FAA307;
}
/* dp2 class roots end */