/*your custom css goes here*/
@font-face {
    font-family: "Changa";
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/arabic-300.woff2) format("woff2");
    unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41,
        U+FB50-FDFF, U+FE80-FEFC;
}
@font-face {
    font-family: "Changa";
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/latin-ext-300.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
        U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: "Changa";
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/latin-300.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
        U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
        U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: "Changa";
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/arabic-300.woff2) format("woff2");
    unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41,
        U+FB50-FDFF, U+FE80-FEFC;
}
@font-face {
    font-family: "Changa";
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/latin-ext-300.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
        U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: "Changa";
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/latin-300.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
        U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
        U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: "Changa";
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/arabic-300.woff2) format("woff2");
    unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41,
        U+FB50-FDFF, U+FE80-FEFC;
}
@font-face {
    font-family: "Changa";
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/latin-ext-300.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
        U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: "Changa";
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/latin-300.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
        U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
        U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: "Changa";
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/arabic-300.woff2) format("woff2");
    unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41,
        U+FB50-FDFF, U+FE80-FEFC;
}
@font-face {
    font-family: "Changa";
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/latin-ext-300.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
        U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: "Changa";
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/latin-300.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
        U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
        U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: "RialSymbol";
    src: url(../fonts/RialSymbol-Regular.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Increased-contrast — near-white backgrounds but darker than before + navy text */
:root {
    --navy-text: #0b3d91 !important; /* لون النص الكحلي */
}

/* ألوان خلفيات فاتحة لكن بتباين أعلى */
.bg-red-a {
    background-color: #ffe6e9 !important;
    color: var(--navy-text);
}
.bg-pink-a {
    background-color: #ffdee8 !important;
    color: var(--navy-text);
}
.bg-purple-a {
    background-color: #e7e6ff !important;
    color: var(--navy-text);
}
.bg-deep-purple-a {
    background-color: #e3e2ff !important;
    color: var(--navy-text);
}
.bg-indigo-a {
    background-color: #dbe8ff !important;
    color: var(--navy-text);
}
.bg-blue-a {
    background-color: #d6e8fb !important;
    color: var(--navy-text);
}
.bg-light-blue-a {
    background-color: #e0f4ff !important;
    color: var(--navy-text);
}
.bg-cyan-a {
    background-color: #dff9ff !important;
    color: var(--navy-text);
}
.bg-teal-a {
    background-color: #dff6f3 !important;
    color: var(--navy-text);
}
.bg-green-a {
    background-color: #e6f6ea !important;
    color: var(--navy-text);
}
.bg-light-green-a {
    background-color: #e9ffe6 !important;
    color: var(--navy-text);
}
.bg-lime-a {
    background-color: #f2ffd6 !important;
    color: var(--navy-text);
}
.bg-yellow-a {
    background-color: #fff6d6 !important;
    color: var(--navy-text);
}
.bg-amber-a {
    background-color: #fff0d9 !important;
    color: var(--navy-text);
}
.bg-orange-a {
    background-color: #ffeedd !important;
    color: var(--navy-text);
}
.bg-deep-orange-a {
    background-color: #ffe6dd !important;
    color: var(--navy-text);
}
.bg-brown-a {
    background-color: #f2eae8 !important;
    color: var(--navy-text);
}
.bg-blue-grey-a {
    background-color: #e6edf4 !important;
    color: var(--navy-text);
}
.bg-grey-a {
    background-color: #f2f2f2 !important;
    color: var(--navy-text);
}

/* تحسين ثبات القراءة لعناصر داخل هذه الحاويات */
.bg-red-a,
.bg-pink-a,
.bg-purple-a,
.bg-deep-purple-a,
.bg-indigo-a,
.bg-blue-a,
.bg-light-blue-a,
.bg-cyan-a,
.bg-teal-a,
.bg-green-a,
.bg-light-green-a,
.bg-lime-a,
.bg-yellow-a,
.bg-amber-a,
.bg-orange-a,
.bg-deep-orange-a,
.bg-brown-a,
.bg-blue-grey-a,
.bg-grey-a {
    /* ضمان تباين النص والعناصر الداخلية */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* اختيار بديل — لو تريد نصًا أقوى (أغمق) لبعض الخلفيات جداً الفاتحة */
.bg-yellow-a,
.bg-lime-a,
.bg-amber-a {
    color: #032146 !important; /* بديل أغمق قليلاً لسلامة القراءة */
}

:root {
    --hov-primary: #a69581 !important;
    --border-color: var(--soft-primary) !important;
}
/* [dir="ltr"] {
    font-family: system-ui;
} */

.v-locale--is-rtl .mr-2 {
    margin-left: 8px !important;
    margin-right: 0 !important;
}
.v-theme--customDarkTheme {
    --v-theme-surface: 236, 231, 222 !important;
}

:root div#app {
    --border-color: #82473933 !important;
}
body {
    background-color: var(--background-color);
}
h2 {
    font-weight: 500;
}
.gap-10 {
    gap: 10px !important;
}
.v-list,
.v-application {
    background-color: var(--background-color) !important;
}
.text-background-color {
    color: var(--background-color) !important;
}
/* sss */

/* .v-list-item-title .mega-menu.aiz-main-wrap {
    display: none;
} */
/* i.la.la-phone + span + span {
    direction: ltr;
    display: inline-block;
}
i.la.la-phone + span {
    margin-inline-end: 5px;
} */

.ads-topbar {
    background-color: #212121;
}

.align-items-center {
    align-items: center !important;
}

.v-locale--is-rtl .la-arrow-right:before {
    content: "\f060";
}
.top-divider {
    border-color: #ddd !important;
    margin-top: 4px;
    margin-bottom: 4px;
}

.search-input-col {
    position: relative;
}
.search-input-col > i {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    color: #ababab;
    z-index: 1;
}
.search-form-bar .v-field__input {
    padding-inline-start: 30px;
    min-height: 45px !important;
}
.category-card > div {
    font-weight: 600;
}
.btn-badge {
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    z-index: 2;
}
.btn-icon-pro {
    background: #fff;
    border-radius: 100px;
    padding: 9px !important;
}
.icon-compare-list {
    transform: translate(50px, 0);
    opacity: 0;
    -webkit-transition: opacity 0.25s var(--theme-transition),
        -webkit-transform 0.25s var(--theme-transition);
    transition: opacity 0.25s var(--theme-transition),
        -webkit-transform 0.25s var(--theme-transition);
    transition: opacity 0.25s var(--theme-transition),
        transform 0.25s var(--theme-transition);
    transition: opacity 0.25s var(--theme-transition),
        transform 0.25s var(--theme-transition),
        -webkit-transform 0.25s var(--theme-transition);
    --theme-transition: cubic-bezier(0.75, 0.155, 0.525, 0.875);
}
.card-effect:hover .icon-compare-list {
    transform: translate(0, 0);
    opacity: 1;
}
.input-search-box::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
}
.line-highlight-1 {
    margin-bottom: -3px;
    display: block;
    text-align: start;
}

.cart-count {
    position: absolute;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    font-size: 0.6875rem;
    font-weight: 700;
    min-width: 1.125rem;
    height: 1.125rem;
    top: -6px;
    left: -8px;
    color: #fff;
    background-color: var(--primary);
    border-radius: 50%;
    font-weight: 500;
}

.v-navigation-drawer__scrim {
    position: fixed;
    position: fixed !important;
}

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

.add-cart-btn {
    height: 2.25rem;
    justify-content: center;
    border-radius: 3px;
    font-size: 27px;
    background-color: var(--primary) !important;
    color: #fff !important;
    border-color: var(--primary) !important;
    width: 100%;
}
.add-cart-btn:not([disabled]):hover {
    /* border: 1px solid var(--border-color) !important;
    color: var(--primary) !important;
    background-color: transparent !important; */
    filter: grayscale(1);
}
.add-cart-btn[disabled] {
    cursor: not-allowed;
}

.card-effect {
    transition: all 0.9s ease-out !important;
    position: relative !important;
}
.card-effect:hover {
    border-radius: 0px !important;
    --tw-border-opacity: 1 !important;
    border-color: rgb(223 214 199) !important;
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
        0 4px 6px -4px rgba(0, 0, 0, 0.1) !important;
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),
        0 4px 6px -4px var(--tw-shadow-color) !important;
    box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), var(--tw-shadow) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),
        var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow) !important;
}
.card-effect:hover {
    --tw-border-opacity: 1;
    border-color: #eee;
    border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1));
}

.card-effect::after,
.card-effect::before {
    position: absolute;
    z-index: 2;
    background-color: #414042;
    background-color: var(--primary);
    --tw-content: "";
    content: var(--tw-content);
    opacity: 0.5;
}
.card-effect::after,
.card-effect::before {
    transition: all 0.3s ease-in;
}
.card-effect::before {
    bottom: 0px;
    left: 0px;
    height: 2px;
    width: 100%;
    transform: scaleX(0);
    transform-origin: right;
}
.card-effect:hover::before {
    transform: scaleX(1);
    transition-delay: 0.6s;
}

.card-effect .card-border {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}

.card-effect::after {
    left: 0px;
    top: 0px;
    height: 2px;
    width: 100%;
    transform: scaleX(0);
    transform-origin: left;
}
.card-effect:hover::after {
    transform: scaleX(1);
}
.card-effect .card-border::after,
.card-effect .card-border::before {
    position: absolute;
    z-index: 2;
    background-color: #414042;
    background-color: var(--primary);
    --tw-content: "";
    content: var(--tw-content);
    opacity: 0.5;
}

.card-effect .card-border::after,
.card-effect .card-border::before {
    transition: all 0.3s ease-in;
}

.card-effect .card-border::before {
    top: 0px;
    left: 0px;
    height: 100%;
    width: 2px;
    transform: scaleY(0);
    transform-origin: bottom;
}
.card-effect:hover .card-border::before {
    transform: scaleY(1);
    transition-delay: 0.9s;
}

.card-effect .card-border::after {
    top: 0px;
    right: 0px;
    height: 100%;
    width: 2px;
    transform: scaleY(0);
    transform-origin: top;
}
.card-effect:hover .card-border::after {
    transform: scaleY(1);
    transition-delay: 0.3s;
}
.card-effect > div.v-row {
    position: relative;
    z-index: 1;
}
.banner-slide > span {
    height: 100%;
}

.footer-logo {
    max-width: 150px;
}

.background-grid-pattern {
    background: #82473912;
    background: linear-gradient(
        180deg,
        #82473912 0,
        rgba(255, 255, 255, 0) 100%
    );
}
.no-cart-item {
    max-width: 200px;
    margin: 0 auto;
}
.my-roend-radius {
    border-radius: 0.375rem !important;
}
.btn-black {
    background: #111827 !important;
    color: #fff !important;
}
.my-background-product {
    background: #fdfcfb70;
}
.img-effect > img {
    transition: all 0.9s;
    transition-duration: 1s !important;
}
.img-effect:hover > img {
    transform: scale(1.1) rotate(2deg);
}
.discount-badge {
    z-index: 1;
}
li.social-icon > a {
    background: transparent !important;
    border: 1px solid #956657;
    border-radius: 100px !important;
}
.category-card img {
    transition: all 0.3s;
}
.category-card:hover img {
    filter: saturate(0.8);
    transform: scale(1.1) rotate(1deg);
}
.min-max-field .v-field__input {
    background: transparent !important;
}
/* div#app .bg-grey-lighten-3 {
    background: #fdfcfb70 !important;
} */

.item-e-child {
    gap: 10px;
    align-items: center;
}
.v-checkbox .v-selection-control__input .v-icon {
    border-radius: 4px !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.0470588235);
    --color-gray-300: #d1d5db;
    height: 0.7em !important;
    width: 0.7em !important;
}

.my-checkbox .v-label,
.my-checkbox label {
    font-size: 14px;
}

.btn-cart-close {
    position: absolute;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1;
    width: 1.125rem;
    height: 1.125rem;
    right: 0;
    top: 0;
    color: #fff;
    background-color: #e11d48;
    border-radius: 50%;
    z-index: 1;
}
.background-white {
    background-color: #fff;
}
.v-locale--is-rtl .vti__input {
    text-align: right;
}
.v-locale--is-rtl .vti__dropdown-list .vti__dropdown-item.highlighted {
    padding: 10px 7px;
}
/*  */

.logo img {
    height: 60px;
}
/* .v-list-item.v-theme--customDarkTheme.v-list-item--density-default.v-list-item--one-line.rounded-0.v-list-item--variant-text.flex-grow-0.flex-fill:first-of-type {
    display: none;
} */
.v-list-item-title a {
    font-size: 1rem !important;
    letter-spacing: 0;
}
.v-row--dense > .v-col.v-col-auto.me-1.d-none.d-md-block {
    padding: 0;
}
.logobar
    .v-row--dense
    > .v-col.v-col-auto.me-1.d-none.d-md-block
    .v-btn.v-btn--density-default {
    height: calc(var(--v-btn-height) + 11px);
    padding: 0 30px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
/* .v-container.v-locale--is-rtl.py-0.pe-0.pe-md-3.ps-3 {
    display: none;
}
.v-container.v-locale--is-rtl.py-0 > .v-row.gutters-10 {
    display: none;
}*/
.py-8.bg-grey-lighten-4.mt-8 {
    display: none;
}
a.text-reset.d-block.lh-0 .h-333px {
    height: 307px;
}
.bg-grey-darken-4 {
    background-color: #000 !important;
}
body .bg-grey-darken-4 .primary-text {
    color: #e0d7c7 !important;
    caret-color: #e0d7c7 !important;
}

body .bg-grey-darken-4 .v-btn.v-btn--density-default {
    color: #e0d7c7 !important;
    caret-color: #e0d7c7 !important;
    font-weight: bold;
    width: 100%;
}
/* .social-icon .twitter,
.social-icon .youtube,
.social-icon .linkedin-in,
.social-icon .facebook-f {
    display: none;
} */
.social-icon .instagram {
    background: radial-gradient(
        circle at 30% 107%,
        #fdf497 0%,
        #fdf497 5%,
        #fd5949 45%,
        #d6249f 60%,
        #285aeb 90%
    );
    border-radius: 6px;
}
.border-radius-100 {
    border-radius: 300px !important;
}
i.las.la-paper-plane.fs-20 {
    transform: rotate(180deg);
}
img[src=""] {
    opacity: 0;
}
.v-checkbox .v-selection-control .v-label {
    margin-left: 0;
    margin-inline-start: 8px;
}
span.d-flex.flex-column.align-baseline.lh-1-3 {
    align-items: flex-start !important;
}
/* a.share-network-twitter {
    display: none;
} */
i.mdi-menu-down.mdi.v-icon.notranslate.v-theme--customDarkTheme.v-icon--size-default.v-select__menu-icon {
    display: none;
}
body {
    overflow-x: hidden;
}
/* .topbar {
    display: none;
} */

/* faq */

/* أساسي: تأكد من وجود display:none للحالة المغلقة */
.accordion-collapse.collapse {
    display: none;
    overflow: hidden;
}

/* حالة معروضة */
.accordion-collapse.collapse.show {
    display: block;
}

/* حالة التحول (نستخدمها أثناء الـ transition على height) */
.accordion-collapse.collapsing {
    display: block;
    overflow: hidden;
    transition: height 0.35s ease;
}

/* بقية التنسيقات */
.accordion {
    border: 0;
    margin: 0;
    padding: 0;
}
.accordion-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.accordion-button {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 16px 18px;
    font-weight: 500;
    font-size: 1rem;
    text-align: left;
    background: transparent;
    border: none;
    outline: none;
    cursor: pointer;
    transition: background 0.12s ease;
    justify-content: space-between;
}
.accordion-button i {
    transition: all 0.12s ease;
}
.accordion-button:not(.collapsed) i {
    transform: rotate(180deg);
}
.accordion-button.collapsed {
    color: rgba(0, 0, 0, 0.85);
}
.accordion-button:not(.collapsed) {
    background: rgba(0, 0, 0, 0.03);
}
.accordion-body {
    padding: 16px 18px;
    line-height: 1.6;
    color: rgba(0, 0, 0, 0.8);
}
.accordion-header {
    margin: 0;
    padding: 0;
}

@media (max-width: 768px) {
    .accordion-button {
        padding: 12px 14px;
        font-size: 0.95rem;
    }
    .accordion-body {
        padding: 12px 14px;
    }
}

div#pageContent table.table.table-bordered {
    width: 100%;
    max-width: 800px;
    margin: auto;
    background: #fff;
    border-radius: 6px;
    border: none !important;
    overflow: hidden;
    border-spacing: 0;
}
div#pageContent table.table.table-bordered tbody tr:first-of-type {
    background-color: var(--primary);
    color: #e4d6c8;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
}
div#pageContent table.table.table-bordered tbody tr td {
    text-align: center;
    padding: 15px;
    box-shadow: 1px 1px 9px 0px #2b2b2b0f;
    border-left: 1px solid #aaaaaa2b;
}
div#pageContent table.table.table-bordered tbody tr:not(:last-of-type) td {
    border-bottom: 1px solid #aaa;
}
div#pageContent img[style="width: 50%;"] {
    margin: auto;
    display: block;
    max-width: 250px;
}

.my-color-reviw.v-rating .la-star,
.my-color-reviw.v-rating .la-star.half {
    color: #a6a095 !important;
}

.my-color-reviw.v-rating .la-star.active,
.my-color-reviw.v-rating .la-star.half:after {
    color: #f36c31 !important;
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    text-shadow: 0 0 15px #00000099;
}

.ba-has-warranty {
    background: #e3cbb1;
    background: linear-gradient(
        84deg,
        rgba(227, 203, 177, 1) 50%,
        rgba(223, 203, 197, 1) 90%
    );
    border-bottom: 1px solid #d1c9bc !important;
}
.aiz-megabox > input:checked ~ .aiz-megabox-elem {
    background: var(--primary) !important;
    color: #eae1d3 !important;
}
.aiz-megabox .aiz-megabox-elem {
    background: #fdfcfb70;
}

.bottom-chat-button {
    background: rgb(0, 0, 0) !important;
    border-radius: 200px !important;
    margin-bottom: 20px !important;
    width: auto !important;
    overflow: initial !important;
}

.bottom-chat-button::before,
.bottom-chat-button::after {
    content: "";
    position: absolute;
    border: 1px solid rgb(0, 0, 0);
    inset: -2px;
    border-radius: 500px;
    opacity: 0;
    z-index: 0;
    animation: pulse-double 10s cubic-bezier(0.4, 0, 0.2, 1) infinite;
    will-change: transform, opacity;
    animation-fill-mode: both;
}

@keyframes pulse-double {
    0% {
        transform: scale(1);
        opacity: 0;
    }
    /* نبضة أولى: تصاعد -> ذروة -> نزول (0 -> 2.5 -> 5) */
    2.5% {
        transform: scale(1.1);
        opacity: 1;
    }
    5% {
        transform: scale(1);
        opacity: 0;
    }

    /* نبضة ثانية: تصاعد -> ذروة -> نزول (5 -> 7.5 -> 10) */
    7.5% {
        transform: scale(1.1);
        opacity: 1;
    }
    10% {
        transform: scale(1);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 0;
    }
}

.icon-chat-is {
    width: 10px;
    height: 10px;
    background-color: rgb(255, 0, 0);
    position: absolute;
    z-index: 1;
    border-radius: 50%;
    left: 0;
    top: 0;
    display: block !important;
}
.bottom-chat-window {
    bottom: -570px !important;
    transition: 0.3s all;
    width: 300px !important;
    border-radius: 16px !important;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 30px 0px !important;
    opacity: 0;
}
.chat-box {
    min-height: 250px !important;
}
.bottom-chat-window.active {
    bottom: 80px !important;
    opacity: 1;
}
div#app .bg-green {
    background-color: #108043 !important;
}
div#app .bg-green-rond {
    border-color: #108043 !important;
}
div#app .text-green {
    color: #108043 !important;
}
.icon-in_stock {
    font-size: 16px;
    position: relative;
    width: 16px;
    height: 16px;
    text-shadow: -0.4px 0px #108043;
}
.icon-in_stock::after {
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-name: scale;
    animation-timing-function: ease-out;
    outline: 1px solid #108043;
    border-radius: 50%;
    content: "";
    display: block;
    height: 11px;
    left: 2px;
    opacity: 0.25;
    position: absolute;
    top: 2px;
    transform: scale(1);
    width: 11px;
    margin: auto;
}
@keyframes scale {
    0% {
        opacity: 0.5;
        transform: scale(1);
    }

    100% {
        opacity: 0;
        transform: scale(1.8);
    }
}

.vue-number-input__input {
    background-color: #dfd6c7 !important;
    border: 1px solid var(--primary) !important;
    width: 9rem !important;
    line-height: 23px !important;
}
.vue-number-input__button {
    background: transparent !important;
    border: none !important;
}
.vue-number-input__button:before {
    background-color: #111 !important;
}

@media (min-width: 960px) {
    .v-locale--is-rtl .border-md-start {
        border-right: 1px solid var(--border-color) !important;
        border-left: none !important;
    }
}

.v-expansion-panel--active
    > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
    min-height: 0 !important;
}
.v-progress-linear__background {
    --v-border-opacity: 0.3;
}
.v-progress-linear__determinate {
    background: #f36c31 !important;
}

.min-product-reviews .v-field--variant-filled .v-field__overlay {
    color: transparent;
}
.min-product-reviews .v-field__outline:before {
    display: none;
}
.product-box-two h5.text-truncate {
    white-space: normal !important;
    height: 3.5em;
    line-height: 1.6em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    font-weight: 500;
    font-size: 12px !important;
    margin-bottom: 5px;
}
.non-avatar {
    text-transform: uppercase !important;
    font-family: inherit !important;
    color: initial;
    opacity: 0.6;
}
div#app .v-rating .la-star.active,
div#app .v-rating .la-star.half:after {
    color: #f36c31 !important;
}
.review-add-confirmed {
    font-weight: 400;
    align-items: center;
    gap: 4px;
    background-color: #82473921;
    height: 20px;
    color: #0e0e0e;
    border-radius: 20px;
    padding: 0 10px;
    font-size: 11px;
    line-height: 17px;
    display: inline-flex;
}

.v-skeleton-loader .v-skeleton-loader__image {
    --v-border-opacity: 0.22;
}
.my-chat-box {
    background-size: cover;
    background-position: center;
}

.chat-box .own .message {
    border-radius: 0 15px 15px 15px !important;
}
.chat-box .message {
    background: #fff;
    border-radius: 15px 0 15px 15px !important;
}
.chat-box .own .message {
    background: #fafafa !important;
    color: inherit !important;
}
.my-nav-v-list-item {
    background: #ece7de !important;
}

.main-menu:hover {
    color: var(--primary) !important;
}
.main-menu.router-link-exact-active {
    color: var(--primary) !important;
}

.badge.delivery-status {
    --bs-badge-padding-x: 0.5rem;
    --bs-badge-padding-y: 0.325rem;
    --bs-badge-font-size: 0.65rem;
    --bs-badge-font-weight: 600;
    --bs-badge-color: var(--red);
    --bs-badge-border-radius: 0.425rem;
    display: inline-block;
    padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
    font-size: var(--bs-badge-font-size);
    font-weight: var(--bs-badge-font-weight);
    line-height: 1;
    color: var(--bs-badge-color);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--bs-badge-border-radius);
}
.badge.delivery-status {
    display: inline-flex;
    align-items: center;
}
.badge.delivery-status::before {
    content: "";
    width: 6px;
    height: 6px;
    background: currentColor;
    border-radius: 100px;
    margin-inline-end: 5px;
}

.badge.delivery-status {
    color: #f8285a;
    background-color: #ffeef3;
    filter: brightness(0.94);
}
/* حالة: تم إنشاء الطلب */
.badge.delivery-status.ba-order_placed {
    color: #0b6cf0;
    background-color: #e8f4ff;
}

/* حالة: مؤكد (تم تأكيد الطلب) */
.badge.delivery-status.ba-confirmed {
    color: #0a8a66;
    background-color: #e8fffa;
}

/* حالة: قيد المعالجة (Processing) */
.badge.delivery-status.ba-processed {
    color: #ff7a18;
    background-color: #fff4e8;
}

/* حالة: شحن (تم إرسال الشحنة) */
.badge.delivery-status.ba-shipped {
    color: #6f42c1;
    background-color: #f3eeff;
}

/* حالة: تم التوصيل */
.badge.delivery-status.ba-delivered {
    color: #17c653;
    background-color: #dfffea;
}

/* حالة: مُلغى */
.badge.delivery-status.ba-cancelled {
    color: #f8285a;
    background-color: #ffeef3;
}

.bg-grey-lighten-gh {
    background-color: var(--primary) !important;
}
.my-list-order .v-list-item__content {
    display: flex;
    justify-content: space-between;
}
.my-product-review .v-rating .v-rating__wrapper {
    width: 20px;
}

.my-product-review {
    flex-direction: column;
    align-items: center;
    max-width: fit-content;
    margin: auto;
}

.mobile-bottom-menu {
    box-shadow: 0 -8px 25px 0 rgb(0 0 0 / 8%) !important;
}
.v-list.v-theme--customDarkTheme.bg-transparent.v-list--density-default.v-list--one-line {
    background: transparent !important;
}

@media (max-width: 959px) {
    .bottom-chat-window {
        left: calc(50% - 150px) !important;
        bottom: -1500px !important;
    }
    .bottom-chat-window.active {
        width: 100% !important;
        left: 0 !important;
        bottom: 0 !important;
        height: 100vh;
        border-radius: 0 !important;
        box-shadow: none !important;
        display: flex !important;
        flex-direction: column;
        justify-content: space-between;
    }
    .v-locale--is-rtl .bottom-chat-button {
        display: none;
    }
    .chat-box {
        height: 100% !important;
        max-height: 100% !important;
    }
    .chat-box .message {
        max-width: 300px;
    }
    .d-flex.text-start.ps-8.own {
        justify-content: flex-end;
        text-align: end !important;
    }
    .media-900px-cart-count {
        color: var(--primary);
        background-color: #dfd6c7;
        border-radius: 50%;
        font-weight: 500;
        top: -8px !important;
    }

    .link-mobil-bottom::after {
        content: "";
        position: absolute;
        width: 100px;
        height: 20px;
        background: var(--primary);
        top: 0;

        z-index: -1;
        clip-path: url(#buttom__bubble__menue__menu);
    }
    a.router-link-exact-active.link-mobil-bottom::after {
        top: -23px;
    }
    .link-mobil-bottom {
        position: relative;
    }
    a.router-link-exact-active.link-mobil-bottom {
        top: 0;
        margin-bottom: 7px;
        gap: 5px;
    }
    .v-avatar.v-avatar--density-default img {
        width: 100%;
    }
    img.no-cart-item {
        max-width: 50%;
    }
}
@media screen and (max-width: 700px) {
    .logo img {
        height: 40px;
    }
    button.v-btn.v-theme--customDarkTheme.v-btn--density-default.elevation-0.v-btn--size-default.v-btn--variant-outlined.d-md-none.border-gray-300.rounded-circle.mx-auto.mobile-search-button {
        margin-inline-end: 0 !important;
    }
    .logobar {
        background: rgb(var(--v-theme-primary)) !important;
    }

    button.v-btn.v-theme--customDarkTheme.v-btn--density-default.elevation-0.v-btn--size-default.v-btn--variant-outlined.d-md-none.border-gray-300.rounded-circle.mx-auto.mobile-search-button {
        border: none;
    }
    .logobar .logo img {
        filter: brightness(0) invert(1);
    }
    main.v-main.aiz-main-wrap
        .v-container.v-locale--is-rtl.pt-md-6.pb-0.px-0.px-md-3 {
        padding-top: 0;
    }
    main.v-main.aiz-main-wrap
        .v-container.v-locale--is-rtl.pt-md-6.pb-0.px-0.px-md-3
        .v-row.gutters-7.md-gutters-10.lh-0
        > div {
        padding: 5px;
    }
    .swiper.swiper-initialized.swiper-horizontal.swiper-rtl.right-first.w-100.mySwiper.swiper-backface-hidden {
        margin-bottom: 0;
    }

    .my-help-you {
        flex-direction: column;
        gap: 15px;
    }
    .my-help-you .text-background-color {
        font-size: 0.8rem !important;
    }
    .my-help-you h3.text-background-color {
        font-size: 1.2rem !important;
    }

    .my-help-you .text-background-color + p {
        font-size: 12px !important;
    }
    .my-help-you > div {
        margin: 0 !important;
        gap: 5px;
    }
    .my-footer-text {
        opacity: 0.8;
        font-size: 12px;
        line-height: 2;
    }
    .my-footer-menu {
        font-size: 10px;
    }
    .my-ui-footer-menu > li {
        padding-inline-end: 0 !important;
    }
    .my-ui-footer-menu {
        gap: 15px;
    }
    .my-copyright-text {
        flex-direction: column-reverse;
    }
    .my-copyright-text > div {
        justify-content: center;
        display: flex;
    }
    #app .my-mobile-saudibusiness {
        display: flex !important;
        justify-content: center;
        font-size: 10px;
    }
    .search-box.open {
        top: 0px !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        background: var(--primary) !important;
    }
    .search-box .v-field__input {
        background: transparent !important;
        color: #fff;
    }
    .my-send-search {
        background: transparent !important;
    }
    .my-search-main {
        flex-direction: row-reverse;
    }
    .my-search-main i.la-arrow-left {
        transform: rotate(180deg);
        opacity: 0.7 !important;
        color: #fff;
    }

    form.search-form-bar {
        background: #0000001f;
        margin: 0 15px;
        margin-bottom: 3px;
    }
    .search-box:not(.open) .search_content_box {
        top: 1000px !important;
    }
    .search-box {
        background: var(--primary) !important;
    }
    .my-list-product .product-box-one img.img-fit.h-330px {
        height: 200px;
    }
    #app .my-list-product .my-content-details {
        padding: 5px !important;
        padding-bottom: 0 !important;
        margin-bottom: -2px;
    }
    #app .my-list-product .product-box-one h5 a {
        font-size: 10px !important;
    }
    #app .my-list-product .my-base-price {
        margin: 0 !important;
    }
    #app .my-list-product .add-cart-btn span {
        font-size: 12px !important;
    }
    #app .my-list-product .add-cart-btn {
        height: 2rem;
    }
   body .v-dialog > .v-overlay__content {
        max-width: calc(100% - 20px);
    }
    .v-toolbar-title__placeholder {
        font-size: 15px;
    }
    .my-product-section.my--s {
        margin: 0 -16px;
    }
    .my-sm-background-transparent{
    background: transparent !important;
}
.my-from-auth {
    padding: 20px !important;

}
.accordion-button {
    text-align: start;
}
}
@media (max-width: 590px) {
    .ads-topbar {
        font-size: 9px;
    }
    .ads-topbar img.h-40px {
        height: 30px;
    }
    .logobar .pt-8 {
        padding: 10px !important;
    }
    .logobar {
        min-height: auto !important;
    }
    .logobar .logo img {
        opacity: 0.7;
    }
    .banner-badge.green {
        font-size: 10px !important;
    }
    #app .background-grid-pattern {
        padding: 0 10px;
        margin-bottom: 0 !important;
        position: relative;
        background: transparent;
    }
    .entry-header {
        margin-bottom: 0 !important;
    }
    .entry-title {
        font-size: 1.8rem !important;
    }
    .entry-content p {
        font-size: 11px !important;
        margin-top: 5px !important;
    }
    #app .entry-footer {
        padding-top: 0 !important;
    }

    .over-img-slider {
        display: none !important;
    }
    .btn.mobile-small {
        padding: 0.5rem 1rem;
        font-size: 0.675rem;
    }
    #app .entry-body {
        margin-bottom: 20px !important;
    }
    /* .background-grid-pattern::after{
       content: "";
    position: absolute;
           bottom: 60%;
        right: 60%;
    background: #824739;
    width: 100%;
    height: 100%;
    opacity: .1;
} */
    .header-sticky {
        /* z-index: 1 !important; */
        background: rgb(var(--v-theme-primary)) !important;
        /* padding-bottom: 19px; */
        position: relative;
    }
    .header-sticky::after {
        content: "";
        display: block;
        position: absolute;
        border-radius: 20px 20px 0 0;
        border: 0;
        left: 0;
        z-index: 0;
        background-color: transparent;
        bottom: -47px;
        height: 47px;
        width: 100%;
        border-top-left-radius: 25px;
        box-shadow: 0 -25px 0 0 var(--primary);
    }
    main.v-main.aiz-main-wrap {
        margin-top: -20px;
    }
    .item-e-child.d-flex {
        padding: 0 10px;
        align-items: flex-start;
    }
    .item-e-child.d-flex h3 {
        font-size: 13px;
    }
    .item-e-child.d-flex p {
        font-size: 12px !important;
    }
    .site-iconbox-icon > svg {
        width: 40px;
        height: auto;
    }
    #app .main-features {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    .category-card img {
        height: 170px;
    }
    #app .main-popular-categories {
        padding: 0 10px !important;
    }
    .category-card > div {
        font-size: 9px !important;
        border-width: 10px !important;
        padding: 5px 3px !important;
    }
    #app .h2-title {
        padding-top: 0 !important;
        margin-bottom: 10px !important;
        margin-top: 30px !important;
        font-size: 20px !important;
    }
    #app .my-product-section > div {
        padding: 0;
    }
    .my-product-section .swiper-wrapper .swiper-slide:first-of-type {
        padding-inline-start: 10px;
    }
    .my-product-section .swiper-wrapper .swiper-slide:last-of-type {
        padding-inline-end: 10px !important;
    }

    .product-box-one img.img-fit.h-330px {
        height: 220px;
    }
    .btn-badge .icon-compare-list {
        opacity: 1;
        transform: none;
    }
    .btn-badge .btn-icon-pro {
        padding: 5px !important;
    }
    .btn-badge .btn-icon-pro i {
        font-size: 13px !important;
    }
    .product-box-one h5 a {
        font-size: 11px;
    }
    .product-box-one h5 {
        margin-top: 0 !important;
    }

    .aps-banner-home {
        padding-top: 20px !important;
        margin-bottom: 0 !important;
    }
    .my-main-product-details {
        padding: 0 !important;
    }
    .my-main-product-details .add-card-photos {
        padding-right: 0;
        padding-left: 0;
    }
    .product-image {
        height: 55vh !important;
        object-fit: cover;
        display: block;
    }
    .my-list-gallery-imgaes {
        margin-inline-end: 5px !important;
        /* opacity: 1 !important; */
    }
    .my-list-gallery-imgaes:first-of-type {
        margin-inline-start: 15px;
        margin-inline-end: 5px !important;
    }
    .my-list-gallery-imgaes:last-of-type {
        margin-inline-start: 5px;
        margin-inline-end: 15px !important;
    }
    .my-swiper-gallery {
    padding-inline-end: 20px !important;
}
    /* .my-swiper-gallery {
        padding-top: 10px !important;
        position: absolute !important;
        bottom: 0;
        left: 0;
        padding-right: 20px !important;
        padding-left: 20px !important;
                height: 100px !important;
    }
    .my-main-imge-gallery {
    position: relative;
} */

.my-main-product-details h1 {
    font-size: 16px !important;
}
.my-main-product-details span.ms-1.opacity-60.fw-600.fs-15 {
    font-size: 12px !important;
}
.mb-sm-0 {
    margin-top: 10px !important;
}
.min-product-reviews span.fs-13 {
    font-size: 11px !important;
}
.v-expansion-panel-text a img {
    min-width: 100px;
}
.ba-has-warranty {
    margin: 0 10px;
    min-height: 97px;
    display: flex;
    align-items: center;
}
.my-compared {
    text-wrap-mode: nowrap;
    font-size: 12px;
}

#app .my-from-auth {
    background: transparent;
    box-shadow: none !important;
}
.my-sx-nowrap{
        text-wrap-mode: nowrap;
}
.order-steps.v-stepper.v-sheet {
    margin: 0 !important;
}
    .order-steps .v-stepper-item {
        flex-basis: 78px !important;
        padding-right: 10px;
        padding-left: 10px;
        padding-bottom: 0;
        padding-top: 20px;
        font-size: 10px;
                white-space: nowrap;
    }
    #app .order-steps .v-divider {
        align-self: center;
        margin: -11px -50px 0 !important;
    }
    .v-list-item-title {
    font-size: 0.8rem;
}
.v-list-item-title {
    font-size: 0.7rem;
}
}