.header-inner {
    position: relative;
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
    overflow: visible !important;
}

.header, .store-header {
    overflow: visible !important;
}

.header-inner {
    background: linear-gradient(rgb(116, 38, 224) 0%, rgb(102, 13, 211) 55%, rgb(85, 16, 168) 100%) !important;
}

.header-inner i, .header-inner svg {
    color: rgba(255, 255, 255, 0.92);
    transition: color 0.2s;
}

.header-inner span, .header-inner p {
    color: rgba(255, 255, 255, 0.85);
}

.header-inner .header-btn:hover i, .header-inner .header-btn:hover svg {
    color: rgb(255, 255, 255);
}

.header-inner .text-black {
    color: rgba(255, 255, 255, 0.92) !important;
}

.header-inner .s-cart-summary-wrapper .header-btn {
    background: rgba(255, 255, 255, 0.14);
    border-radius: 10px;
    padding: 6px 10px;
    transition: background 0.2s;
}

.header-inner .s-cart-summary-wrapper:hover .header-btn {
    background: rgba(255, 255, 255, 0.22);
}

.header-inner .s-cart-summary-wrapper i, .header-inner .s-cart-summary-wrapper svg {
    color: rgb(255, 255, 255);
}

.header-inner .s-cart-summary-count {
    background: rgb(255, 255, 255);
    color: rgb(85, 16, 168);
    font-weight: 600;
    border-radius: 999px;
    padding: 1px 6px;
}

html.dark .header-inner {
    animation: 6s ease-in-out 0s infinite normal none running headerGlow;
    background: linear-gradient(rgb(13, 18, 25) 0%, rgb(15, 33, 59) 100%) !important;
}

@keyframes headerGlow {
    0%, 100% {
        box-shadow: rgba(66, 172, 242, 0.25) 0px -1px 0px inset, rgba(0, 0, 0, 0.6) 0px 6px 20px;
    }

    50% {
        box-shadow: rgb(42, 129, 227) 0px -2px 0px inset, rgba(66, 159, 242, 0.15) 0px 6px 24px;
    }
}

html.dark .header-inner i, html.dark .header-inner svg, html.dark .header-inner span, html.dark .header-inner p {
    color: rgba(255, 255, 255, 0.85);
}

html.dark .header-inner .s-cart-summary-wrapper i, html.dark .header-inner .s-cart-summary-wrapper svg {
    color: rgb(219, 242, 66);
    filter: drop-shadow(rgba(66, 161, 242, 0.35) 0px 0px 3px);
}

html.dark .header-inner .s-cart-summary-wrapper:hover i, html.dark .header-inner .s-cart-summary-wrapper:hover svg {
    filter: drop-shadow(rgba(66, 169, 242, 0.55) 0px 0px 7px);
}

html.dark .header-inner .s-cart-summary-count {
    background: rgb(26, 28, 24);
    color: rgb(66, 166, 242);
    font-weight: 700;
}

.header-inner::after {
    content: "";
    position: absolute;
    bottom: -1px;
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.12);
}

html.dark .header-inner::after {
    background: rgba(255, 255, 255, 0.06);
}

.header-inner .s-cart-summary-content {
    display: none !important;
}

.header-container .justify-start {
    padding-right: 12px;
}

.header-container .justify-end {
    padding-left: 12px;
}

@media (prefers-reduced-motion: reduce) {
    html.dark .header-inner {
        animation: auto ease 0s 1 normal none running none;
    }
}

.s-cart-item img, .s-cart-summary img, .cart-item img {
    border-width: medium !important;
    border-style: none !important;
    border-color: currentcolor !important;
    border-image: initial !important;
    box-shadow: none !important;
}

@media (max-width: 768px) {
    .bottom-header {
        position: fixed !important;
        bottom: 16px !important;
        left: 12px !important;
        right: 12px !important;
        z-index: 9999 !important;
        height: 66px !important;
        padding: 0px !important;
        margin: 0px !important;
        border-radius: 20px !important;
        background: transparent !important;
    }

    body {
        padding-bottom: 110px !important;
    }

    .bottom-header-buttons {
        display: flex !important;
        align-items: center !important;
        justify-content: space-around !important;
        height: 100% !important;
        padding: 0px !important;
        margin: 0px !important;
        border-radius: 20px !important;
    }

    .bottom-header-button {
        flex: 1 1 0% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }

    .bottom-header-icon {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .bottom-header-icon > span {
        display: none !important;
    }

    .bottom-header-icon i, .bottom-header-icon svg {
        font-size: 22px !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    .bottom-header-search .search-btn {
        display: flex !important;
    }

    .bottom-header .s-cart-summary-content {
        display: none !important;
    }

    .bottom-header .s-cart-summary-count {
        font-size: 11px !important;
        font-weight: 700 !important;
        border-radius: 999px !important;
        padding: 2px 6px !important;
    }

    body:not(.dark) .bottom-header-buttons {
        background-color: rgb(249, 250, 251) !important;
        box-shadow: rgba(0, 0, 0, 0.15) 0px 10px 25px !important;
    }

    body:not(.dark) .bottom-header-icon i, body:not(.dark) .bottom-header-icon svg {
        color: rgb(17, 24, 39) !important;
    }

    body:not(.dark) .bottom-header-cart i, body:not(.dark) .bottom-header-cart svg {
        color: rgb(102, 13, 211) !important;
    }

    body:not(.dark) .bottom-header .s-cart-summary-count {
        background-color: rgb(102, 13, 211) !important;
        color: rgb(255, 255, 255) !important;
    }

    html.dark .bottom-header-buttons {
        background-color: rgb(17, 17, 17) !important;
        box-shadow: rgba(0, 0, 0, 0.6) 0px 14px 35px !important;
    }

    html.dark .bottom-header-icon i, html.dark .bottom-header-icon svg {
        color: rgb(255, 255, 255) !important;
    }

    html.dark .bottom-header-cart i, html.dark .bottom-header-cart svg {
        color: rgb(219, 242, 66) !important;
    }

    html.dark .bottom-header .s-cart-summary-count {
        background-color: rgb(219, 242, 66) !important;
        color: rgb(17, 17, 17) !important;
    }
}

@media (max-width: 768px) {
    .bottom-header-buttons {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 24px !important;
        height: 100% !important;
        padding: 0px 12px !important;
        margin: 0px !important;
    }

    .bottom-header-button {
        flex: 0 0 auto !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }

    .bottom-header-icon {
        width: 44px !important;
        height: 44px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
}

body:not(.dark) .s-user-menu-dropdown, body:not(.dark) .s-user-menu-dropdown-list {
    background-color: rgb(255, 255, 255) !important;
}

body:not(.dark) .s-user-menu-dropdown *, body:not(.dark) .s-user-menu-dropdown-list * {
    color: rgb(17, 24, 39) !important;
    fill: rgb(17, 24, 39) !important;
    stroke: rgb(17, 24, 39) !important;
}

body:not(.dark) .s-user-menu-dropdown-item-logout, body:not(.dark) .s-user-menu-dropdown-item-logout * {
    color: rgb(220, 38, 38) !important;
}

.s-trust-badges-label, .s-trust-badges-number {
    color: rgb(255, 255, 255) !important;
}

.s-contacts-list {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
    padding: 15px 0px !important;
}

.s-contacts-item {
    display: flex !important;
    flex-direction: row-reverse !important;
    align-items: center !important;
    justify-content: flex-start !important;
    background-color: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    border-radius: 10px !important;
    padding: 8px 12px !important;
    color: rgb(255, 255, 255) !important;
    text-decoration: none !important;
    min-height: 50px !important;
}

.s-contacts-icon {
    align-items: center;
    justify-content: center;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 6px;
    padding: 4px;
    margin-left: 10px;
    flex-shrink: 0;
    display: flex !important;
}

.s-contacts-icon svg {
    width: 18px !important;
    height: 18px !important;
    fill: rgb(255, 255, 255) !important;
}

.s-contacts-item .unicode {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-grow: 1;
    text-align: right;
    font-size: 12px !important;
    font-weight: 500 !important;
    direction: ltr !important;
}

@media (max-width: 768px) {
    .s-contacts-list {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 8px !important;
    }

    .s-contacts-item .unicode {
        font-size: 11px !important;
    }

    .s-contacts-item {
        padding: 5px 8px !important;
    }
}

@media (max-width: 768px) {
    body.product-single .bottom-header {
        display: none !important;
    }

    body.product-single {
        padding-bottom: 40px !important;
    }

    .store-footer {
        position: relative;
        overflow: hidden;
        background: linear-gradient(rgb(24 40 70) 0%, rgb(13 18 25) 55%, rgb(19 26 40) 100%) !important;
    }

    .store-footer {
        animation: 6s ease-in-out 0s infinite normal none running footerGlow;
    }

    @keyframes footerGlow {
        0%, 100% {
            box-shadow: rgb(38 110 209) 0px 1px 0px inset, #26568e 0px -6px 20px;
        }

        50% {
            box-shadow: rgba(255, 255, 255, 0.18) 0px 2px 0px inset, rgba(0, 0, 0, 0.28) 0px -8px 24px;
        }
    }

    .store-footer::before {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 1px;
        background: rgba(255, 255, 255, 0.12);
    }

    .store-footer__inner, .store-footer .da-bgm {
        background: transparent !important;
    }

    .store-footer p, .store-footer span, .store-footer strong, .store-footer h2, .store-footer h3, .store-footer h4, .store-footer h5, .store-footer li, .store-footer a {
        transition: 0.2s;
        color: rgba(255, 255, 255, 0.92) !important;
    }

    .store-footer a:hover {
        color: rgb(255, 255, 255) !important;
    }

    .store-footer .s-button-primary {
        transition: 0.2s;
        background: rgba(255, 255, 255, 0.14) !important;
        border-radius: 10px !important;
        color: rgb(255, 255, 255) !important;
        border-width: medium !important;
        border-style: none !important;
        border-color: currentcolor !important;
        border-image: initial !important;
    }

    .store-footer .s-button-primary:hover {
        background: rgba(255, 255, 255, 0.22) !important;
    }

    .store-footer .mail-input {
        background: rgba(255, 255, 255, 0.14) !important;
        color: rgb(255, 255, 255) !important;
        border-width: medium !important;
        border-style: none !important;
        border-color: currentcolor !important;
        border-image: initial !important;
    }

    .store-footer .mail-input::placeholder {
        color: rgba(255, 255, 255, 0.75);
    }

    .store-footer .s-social-list a {
        background: rgba(255, 255, 255, 0.14);
        border-radius: 10px;
        transition: 0.2s;
    }

    .store-footer .s-social-list a:hover {
        background: rgba(255, 255, 255, 0.22);
    }

    .store-footer .footer-top, .store-footer .footer-middle, .store-footer .footer-bottom {
        border-color: rgba(255, 255, 255, 0.08) !important;
    }
.dark .da-bgm
Specificity: (0,2,0)
 {
    background-color: #141927 !important;
}
  .s-button-primary{
    background: linear-gradient(
        135deg,
        #0d1219,
        #182846,
        #266ed1,
        #182846,
        #0d1219
    ) !important;

    background-size:300% 300%;
    animation:
        buttonGradient 6s ease infinite,
        buttonGlow 3s ease-in-out infinite;

    color:#fff !important;
    border:none !important;
}

@keyframes buttonGradient{
    0%{background-position:0% 50%;}
    50%{background-position:100% 50%;}
    100%{background-position:0% 50%;}
}

@keyframes buttonGlow{
    0%,100%{
        box-shadow:
            inset 0 1px 0 rgba(66,172,242,.25),
            0 0 10px rgba(66,172,242,.15);
    }
    50%{
        box-shadow:
            inset 0 2px 0 #2a81e3,
            0 0 18px rgba(66,172,242,.35);
    }
}
  
.dark .da-cp{
    background: linear-gradient(
        90deg,
        #8ad8ff,
        #42acf2,
        #2a81e3,
        #66c6ff,
        #8ad8ff
    );

    background-size: 250% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;

    animation: textGradient 3s linear infinite;
    filter: drop-shadow(0 0 6px rgba(66,172,242,.35));
}
.dark .da-bgg{
    background:#2a81e3 !important;
    box-shadow:
        0 0 6px rgba(66,172,242,.6),
        0 0 12px rgba(66,172,242,.3);

    animation: pulseLine 2s ease-in-out infinite;
}

@keyframes pulseLine{
    0%,100%{
        opacity:.7;
    }
    50%{
        opacity:1;
        box-shadow:
            0 0 10px rgba(66,172,242,.9),
            0 0 22px rgba(66,172,242,.5);
    }
}

  .dark .faqs-list__item.da-bgg {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(72, 171, 255, 0.18) !important;
    border-radius: 16px;

    background: linear-gradient(
        135deg,
        #131927 0%,
        #16233a 25%,
        #1b3258 50%,
        #16233a 75%,
        #131927 100%
    ) !important;

    background-size: 300% 300%;
    animation: faqGradient 8s ease infinite, faqGlow 6s ease-in-out infinite;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 0 0 1px rgba(66,166,242,.08),
        0 10px 30px rgba(0,0,0,.35);
}

.dark .faqs-list__item.da-bgg:hover {
    transform: translateY(-2px);
    border-color: rgba(66,166,242,.35) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 0 18px rgba(66,166,242,.22),
        0 14px 35px rgba(0,0,0,.45);

    transition: .3s;
}

@keyframes faqGradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

@keyframes faqGlow {
    0%,100%{
        box-shadow:
            inset 0 1px 0 rgba(66,166,242,.18),
            0 0 10px rgba(66,166,242,.12),
            0 10px 30px rgba(0,0,0,.35);
    }

    50%{
        box-shadow:
            inset 0 1px 0 rgba(95,186,255,.28),
            0 0 18px rgba(66,166,242,.22),
            0 14px 35px rgba(0,0,0,.45);
    }
}


  #contact-slot {
    display: flex;
    justify-content: center; /* توسيط العنصر */
    width: 100%;
    margin: 20px 0;
}

#contact-slot .s-contacts-item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    padding: 12px 24px;
    border-radius: 14px;

    /* جريدينت زي ستايل موقعك */
    background: linear-gradient(135deg, #1b2c4a 0%, #253d68 50%, #3d6fb3 100%);

    border: 2px solid rgba(83, 170, 255, 0.4);
    box-shadow:
        0 0 18px rgba(67, 145, 255, .25),
        inset 0 1px 0 rgba(255,255,255,.08);

    color: #fff;
    text-decoration: none;
    font-weight: 700;
    transition: .3s;
}

#contact-slot .s-contacts-item:hover {
    transform: translateY(-2px);
    box-shadow:
        0 0 25px rgba(67,145,255,.45),
        0 8px 20px rgba(0,0,0,.25);
}

#contact-slot .s-contacts-icon svg {
    width: 22px;
    height: 22px;
    fill: #55c7ff;
}

#contact-slot .unicode {
    font-size: 18px;
    letter-spacing: 1px;
    color: #fff;
}


  .nav-header.da-bgg {
    position: relative;
    overflow: hidden;
    padding: 40px 20px;
    border-radius: 0 0 30px 30px;

    background:
        radial-gradient(circle at top, rgba(30,144,255,.18) 0%, transparent 60%),
        linear-gradient(135deg,
            #09101d 0%,
            #0d1830 35%,
            #13274f 70%,
            #0c1220 100%);
}

/* خط مضيء فوق */
.nav-header.da-bgg::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:3px;

    background:linear-gradient(
        90deg,
        #2dc4ff,
        #5ea9ff,
        #2dc4ff
    );

    box-shadow:0 0 18px #2dc4ff;
}

/* Glow بالخلفية */
.nav-header.da-bgg::after{
    content:'';
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 50% -20%,
        rgba(45,196,255,.22),
        transparent 60%);
    pointer-events:none;
}

.nav-title{
    position:relative;
    z-index:2;
}

.category_title{
    color:#fff;
    font-weight:800;
    font-size:34px;
    text-shadow:0 0 20px rgba(45,196,255,.35);
}

.breadcrumbs{
    opacity:.8;
}

.breadcrumbs,
.breadcrumbs a{
    color:#b8d8ff !important;
}

.sub-nav-header{
    position:relative;
    z-index:2;
}


  .dark .nav-header.da-bgg{
    background:
        radial-gradient(circle at top,
            rgba(30,144,255,.18) 0%,
            transparent 60%),
        linear-gradient(
            135deg,
            #09101d 0%,
            #0d1830 35%,
            #13274f 70%,
            #0c1220 100%
        ) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 10px 35px rgba(0,0,0,.35) !important;

    animation:none !important;
}

  #contact-slot{
    grid-column: 1 / -1 !important;
    display: flex !important;
    justify-content: center !important;
}

#contact-slot .s-contacts-item{
    min-width: 280px;
    justify-content: center !important;
}
  
.store-footer .py-4 {
    background: linear-gradient(90deg,#0d417f,#1e72d3,#0f4c73);
    order: 3;
    max-width: 1280px;
    border-radius: 14px 14px 14px 14px;
}
  .dark .sticky-product-bar.da-bgg{
    background: #131927 !important; /* أو أي لون أنت عايزه */
    box-shadow: none !important;
    animation: none !important;
}
  .dark .grid.grid-cols-3.gap-2.da-bgg{
    background: transparent !important; /* أو اللون اللي عايزه */
    box-shadow: none !important;
    animation: none !important;
}
  .dark .p--features__item.da-bgg{
    background: #131927 !important; /* أو transparent أو var(--bg) */
    animation: none !important;
}
  .dark .flex.flex-col.bg-gray-100.da-bgg.relative.md\:mb-6{
    background: transparent !important;
    box-shadow: none !important;
    animation: none !important;
}
  .store-footer {
        border-radius:25px;
    }
  .dark .cart-item.bg-white.da-bgg{
    background: transparent !important; /* أو #131927 */
    animation: none !important;
}
  .dark .shadow-default.bg-white.da-bgg{
    background: transparent !important; /* أو #131927 */
    animation: none !important;
}