/* develope By Package +201002241591  3lwaaa@gmail.com - https://wa.me/201002241591 */
@import url(https://raw.githack.com/elwa2/cssres/main/sh7na20.css); div#s-theme_edit_bar,salla-maintenance-alert.s-maintenance-alert-wrapper.hydrated {
    display: none !important;
}

html {
    --bg-deep-dark: #0A002B;
    --bg-dark-purple: #1A0045;
    --bg-mid-blue: #280060;
    --bg-surface: #38007C;
    --text-primary: #FFFFFF;
    --text-secondary: #E0E0E0;
    --text-muted: #B0B0B0;
    --text-link: #60A5FA;
    --accent-blue: #00F0FF;
    --accent-purple: #B530FF;
    --accent-pink: #FF69B4;
    --border-glow: #4A008F;
    --shadow-strong: rgba(0,0,0,0.6);
    --shadow-subtle: rgba(0,0,0,0.3);
    --color-primary: var(--accent-blue);
    --color-primary-dark: #00CFFF;
    --color-primary-light: #66FFFF;
    --color-primary-reverse: #FFFFFF;
    --logo: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 736 603.08'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %237122ea; %7D .cls-2 %7B fill: %2302e5fb; %7D .cls-3 %7B fill: %23ef20a9; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-2' d='M195,.74l92.02,134.48c-7.01,3.53-14.42,7.47-20.5,12.54-3.23,2.69-11.9,13.72-13.54,14.48-1.39.64-2.6.86-3.98.03l-56.99-79.53v243.5c0,9.75,4.9,19.94,7.71,29.26l11.29,13.24h-86c13.8-13.89,18.98-31.22,20.05-50.45l-.04-290.05c-.85-7.5-8.42-18.05-13.48-23.52-1.57-1.71-3.63-2.3-4.52-3.98h68Z'/%3E%3Cpath class='cls-2' d='M602.59,284.33c-17.22,23.28-71.38,30.27-93.1,11.42-5.53-4.8-9.57-13.08-16.5-15.51-5.42-1.9-15.67-2.01-21.48-1.49-22.09,1.98-27.13,21.26-47.74,27.26-17.88,5.21-62.98,3.96-80.31-3.25-32.3-13.44-35.13-54.09-34.51-84.57.82-40.63,6.13-68.25,52.55-71.45,67.49,3.22,139.01-4.32,206.03-.05,22.55,1.44,42.68,7.84,47.21,32.79,4.78,26.34,4.19,82.74-12.16,104.84ZM594.58,167.16c-7.58-6.08-19.53-6.96-29.04-7.46-61.37-3.17-125.43,2.49-187.08,0-28.62,2.05-49.31,1.58-54.34,34.66-3.39,22.3-3.49,69.81,12.83,86.92,14.89,15.62,53.2,16.47,73.53,14.45,22.99-2.29,29.69-21.59,46.07-26.93,14.68-4.78,41.75-4.69,53.47,6.41,3.73,3.53,6.59,8.85,11.03,11.97,16.16,11.35,56.56,6.49,70.42-7.45,15.83-15.91,16.15-66.1,13.39-87.36-1.13-8.71-3.06-19.42-10.29-25.21Z'/%3E%3Cpath class='cls-2' d='M521,.74v62c-9.06-7.45-18.11-16.35-29.79-19.71-1.67-.48-9.6-2.29-10.71-2.29h-59.5v75h-49V23.24c0-1.39-6.56-11.12-8.02-12.97s-8.92-8.39-8.96-9.03c-.15-2.46,2.35-.5,2.48-.5h163.5Z'/%3E%3Cpath class='cls-2' d='M421,316.74v112.5c0,2.79,5.6,14.77,7.57,17.43l13.43,12.06h-89.99c12.25-11.07,18.87-22.7,20.04-39.45,1.22-17.51,1.62-48.88,0-66.09-.96-10.26-16.76-25.82-21.06-35.94,7.77.73,15.69,2.98,23.52,3.48,15.5,1,31.33-1.07,46.49-3.99Z'/%3E%3Cpath class='cls-2' d='M0,484.74l19.84.16,38.67,76.82c3.18,2.8.49-2.16.49-2.49v-74c1.39-2.27,2.15-.5,2.5-.5h16.5v116h-19.5l-40.5-78v75.5c0,.31,1.37,1.42,1,2.5H0v-116Z'/%3E%3Cpath class='cls-3' d='M585,349.24l2.04-1.09c13.61,2.37,29.9-1.26,43.22.83,12.62,1.98,23.14,16.15,24.66,28.34,2.27,18.18-1.75,35.65-17.73,45.9l20.82,46.52h-21l-19.46-44.04c-3.65-1.94-7.68-1.88-11.54-.96v45h-21v-120.5ZM623.5,366.74c-4.82-.97-12.32.71-17.5,0v39h16.5c.3,0,5-2.09,5.49-2.52,6.03-7.21,7.38-16.55,4.73-25.7-1.2-4.13-4.77-9.89-9.22-10.78Z'/%3E%3Cpath class='cls-3' d='M507.75,348.99l23.24,87.75,21.5-88.01c1.82-2.21,4.75-.07,7.02,0,4.82.16,9.68-.11,14.49.01l-33.66,120.83-21.2.03c-9.39-33.15-17.78-66.58-26.63-99.88-.9-3.4-7.18-20.32-5.51-21.99,7.13,1.6,14.15-.5,20.75,1.25Z'/%3E%3Cpath class='cls-2' d='M220,600.74l-2.5-9c-12.52,18.67-45.1,12.79-47.49-10.52-3.04-29.57,24.34-32.23,46.99-32.48,2.97-26.8-25.95-21.04-39.99-10.01.09-3.91.1-17.95,2.7-20.05,9.68-7.85,38.9-6.88,47.94,2.41,1.79,1.84,7.35,11.22,7.35,13.15v66.5h-15ZM217,560.74c-12.78,1.43-31.96,1.93-27.78,20.29,1.63,7.18,12.73,6.72,18.33,4.76,1.8-.63,9.45-6.43,9.45-7.55v-17.5Z'/%3E%3Cpath class='cls-2' d='M425,514.74v61.5c0,.4,3.14,6.37,3.92,7.08,5.17,4.74,11.45,3.14,16.84-.26.88-.56,5.24-5.18,5.24-5.82v-61l1.5-1.5h16l1.5,1.5v84.5h-17l-1.5-7c-10.17,13.11-35.69,12.6-42.21-3.8-.36-.91-2.29-7.31-2.29-7.71v-67.5h18Z'/%3E%3Cpath class='cls-2' d='M160,564.74l-48-2c-.79,25.96,24.34,28.95,43,18v17c-38.75,15.68-65.25-5.6-61.98-46.48,1.12-13.99,10.84-35.6,26.83-36.96,3.89-.33,17.77-.22,21.07,1.04,4.07,1.55,12.04,8.89,14.3,12.69,1.57,2.64,4.79,12.48,4.79,15.21v21.5ZM111,549.74h32c2.28-28.77-31.45-26.8-32,0Z'/%3E%3Cpath class='cls-2' d='M736,564.74l-49-2c.95,15.77,10.11,25.56,26.4,23.89,6.01-.62,12.1-3.65,17.6-5.89v17c-13.57,4.63-26.38,7.69-40.28,1.78-37.36-15.92-26.75-100.46,25.49-84.49,10.48,3.2,19.78,17.58,19.78,28.22v21.5ZM719,549.74c2.49-28.83-32.03-27.41-32,0h32Z'/%3E%3Cpath class='cls-2' d='M588,514.74h18v86h-17l-1.5-8.01c-8.6,12.96-29.77,13.74-39.47,1.48-1.34-1.69-5.03-8.35-5.03-9.97v-69.5h16.5l1.5,1.5v61c0,1.2,2.71,5.97,4.02,6.98,4.69,3.59,11.86,2.68,16.49-.46,1.25-.85,6.49-7.68,6.49-8.51v-60.5Z'/%3E%3Cpath class='cls-2' d='M396,484.74v17h-38v33h34v17h-34v49h-19v-117c1.08-.37,2.19,1,2.5,1h54.5Z'/%3E%3Cpolygon class='cls-1' points='209.05 234.69 208.97 192.22 271.53 185.68 273.01 238.26 209.05 234.69'/%3E%3Cpath class='cls-2' d='M511,492.74v22h19l-1,16h-18v46.5c0,.28,1.9,4.71,2.3,5.21,3.86,4.94,11.59,3.54,16.7,1.29v14.5c0,.21.83.72.53,1.51-10.26,5.78-28.69,4.47-34.57-7.46-.53-1.07-2.95-8.47-2.95-9.05v-52.5h-12v-14l11.9-3.1c.85-3.56-1.23-13.19,1.07-15.44,2-1.96,13.71-3.99,17.03-5.47Z'/%3E%3Cpath class='cls-1' d='M536.99,138.75l-1.48,2c-12.99-.39-26.08.49-39.06.04-45.94-1.61-92.82-6.7-139-4.08-23.95,1.36-59.34,8.03-76.12,26.38-7.46,8.16-7.32,16.66-22.33,13.66-.35-1.53.34-2.35.93-3.56,1.23-2.53,18.86-22.76,21.33-24.2,37.37-21.86,68.17-20.73,111.2-20.19,45.2.57,89.75,3.89,134.1,9.9,3.34.45,7.05-.2,10.44.06Z'/%3E%3Cpath class='cls-2' d='M294,513.74v20c-7.74-4.19-16.41-.55-21.53,5.97-.7.89-3.47,5.01-3.47,5.53v55.5h-18v-86h15.5l3,9c5.15-8.07,15.05-12.38,24.5-10Z'/%3E%3Cpath class='cls-2' d='M665,533.74c-6.28-3.11-11.73-2.08-17.6,1.42-1.26.75-7.4,8.14-7.4,9.08v56.5h-19c-.27-.73,1-1.2,1-1.5v-84.5h15.5c2.24.61,1.03,9,3.99,8.01,2.73-3.8,5.39-6.58,9.96-8.06,1.9-.62,13.55-3.39,13.55-.45v19.5Z'/%3E%3Cpath class='cls-1' d='M268.99,246.75c-1.16,3.25,1.38,3.77,1.66,4.33,7.45,15.09,16.67,28.35,30.74,39.23,1.29,1,4,1.37,4.97,2.35,1.11,1.12.49,2.92.64,3.07.44.43,2.55-1.05,3.42-1.02.53.02.51,1.53.88,1.68,5.61,2.26,11.31,5.96,17,6.36l4.68,3.98c-4.37-.46-11.22-.93-15.28-2.04-3.19-.87-12.25-4.74-16.57-6.61-21.61-9.33-39.85-27.58-44.14-51.34h11.99Z'/%3E%3Cpath class='cls-2' d='M296.01,184.74l1,54.01-12.96-.06-2.11-52.33c.52-1.93,11.89-1.68,14.07-1.62Z'/%3E%3C/svg%3E");
    transition: background-color 0.6s ease,color 0.6s ease
}

body {
    background: radial-gradient(circle at 10% 20%,var(--bg-mid-blue) 0%,transparent 20%),radial-gradient(circle at 90% 80%,var(--bg-dark-purple) 0%,transparent 20%),var(--bg-deep-dark)!important;
    background-size: 150% 150%;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    animation: backgroundFlow 20s ease-in-out infinite alternate;
    color: var(--text-primary)!important;
    overflow-x: hidden
}

@keyframes backgroundFlow {
    0% {
        background-position: 0% 0%,100% 100%,center
    }

    50% {
        background-position: 100% 0%,0% 100%,center
    }

    100% {
        background-position: 0% 0%,100% 100%,center
    }
}

*,*::before,*::after {
    transition: all 0.3s ease-in-out;
    box-sizing: border-box
}

.store-header,.top-nav,#header-mainbar .inner,#mainnav .inner {
    background-color: var(--bg-deep-dark)!important;
    border-bottom: 1px solid var(--border-glow)!important;
    box-shadow: 0 4px 15px var(--shadow-strong);
    color: var(--text-secondary)!important
}

.top-nav-inner a,.main-menu a,.header-icon-button,.search-bar .s-search-input {
    color: var(--text-secondary)!important;
    font-weight: 500
}

.header-icon-button .text span {
    color: var(--text-secondary)!important
}

.navbar-brand h1 {
    color: var(--text-primary)!important
}

.navbar-brand img {
    filter: brightness(1.2) contrast(1.1);
    transition: filter 0.3s ease
}

.navbar-brand img:hover {
    filter: brightness(1.5) contrast(1.2)
}

.main-menu a:hover {
    color: var(--accent-blue)!important;
    transform: translateY(-2px);
    text-shadow: 0 0 8px var(--accent-blue)
}

button[name="currencies"] {
    background-color: var(--bg-surface)!important;
    color: var(--text-secondary)!important;
    border: 1px solid var(--border-glow)!important;
    border-radius: 8px;
    box-shadow: 0 2px 5px var(--shadow-subtle)
}

button[name="currencies"]:hover {
    background-color: var(--bg-mid-blue)!important;
    color: var(--text-primary)!important;
    box-shadow: 0 4px 10px var(--shadow-strong)
}

button[name="currencies"] .flag {
    filter: brightness(0.9) grayscale(0.1);
    background-color: transparent!important;
    box-shadow: none!important
}

.s-search-input-wrapper {
    background-color: var(--bg-surface)!important;
    border: 1px solid var(--border-glow)!important;
    border-radius: 10px;
    box-shadow: inset 0 1px 3px var(--shadow-subtle)
}

.s-search-input {
    background-color: transparent!important;
    color: var(--text-primary)!important
}

.s-search-input::placeholder {
    color: var(--text-muted)!important
}

.s-search-icon-wrap svg {
    fill: var(--text-muted)!important
}

.sicon-shopping-bag,.sicon-user,.sicon-menu,.s-cart-summary-icon {
    fill: var(--text-secondary)!important;
    transition: fill 0.3s ease
}

.header-icon-button:hover .sicon-shopping-bag,.header-icon-button:hover .sicon-user,.header-icon-button:hover .sicon-menu {
    fill: var(--accent-blue)!important
}

.s-cart-summary-count {
    background-color: var(--accent-pink)!important;
    color: var(--text-primary)!important;
    border-radius: 50%;
    padding: 0 6px;
    font-size: 0.8em
}

.s-cart-summary-total {
    color: var(--accent-blue)!important;
    font-weight: bold
}

.s-block {
    background-color: transparent!important
}

.s-block__title h2 {
    color: var(--text-primary)!important;
    font-size: 2em;
    font-weight: 700;
    text-shadow: 0 0 10px rgba(0,240,255,0.4)
}

.banner--fixed img {
    border-radius: 15px;
    box-shadow: 0 8px 30px var(--shadow-strong);
    filter: brightness(0.9) contrast(1.05);
    transition: all 0.5s ease
}

.banner--fixed img:hover {
    transform: scale(1.01);
    filter: brightness(1.1) contrast(1.1);
    box-shadow: 0 12px 40px var(--shadow-strong)
}

.s-product-card-entry {
    background: var(--bg-surface)!important;
    border: 1px solid var(--border-glow)!important;
    border-radius: 15px;
    box-shadow: 0 5px 20px var(--shadow-strong)!important;
    overflow: hidden;
    position: relative;
    transform: translateZ(0);
    perspective: 1000px
}

.s-product-card-entry:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 40px var(--shadow-strong)!important;
    z-index: 10
}

.s-product-card-entry::before {
    content: '';
    position: absolute;
    top: -5px;
    bottom: -5px;
    left: -5px;
    right: -5px;
    border-radius: 18px;
    background: linear-gradient(45deg,var(--accent-blue),var(--accent-purple),var(--accent-pink));
    z-index: -1;
    opacity: 0;
    filter: blur(8px);
    transition: opacity 0.4s ease,filter 0.4s ease
}

.s-product-card-entry:hover::before {
    opacity: 0.6;
    filter: blur(12px)
}

.s-product-card-image img {
    filter: brightness(0.95) contrast(1.05);
    transition: filter 0.3s ease
}

.s-product-card-image img:hover {
    filter: brightness(1.1) contrast(1.1)
}

.s-product-card-content-title a {
    color: var(--text-primary)!important;
    font-weight: 600
}

.s-product-card-content-title a:hover {
    color: var(--accent-blue)!important
}

.s-product-card-price {
    color: var(--accent-blue)!important;
    font-weight: bold;
    font-size: 1.1em
}

.s-product-card-content-subtitle,.s-product-card-content-desc {
    color: var(--text-secondary)!important
}

.s-product-card-rating i {
    color: #FFD700!important
}

.s-product-card-wishlist-btn button,.s-product-card-wishlist-btn.un-favorited button {
    background-color: var(--bg-light)!important;
    border: 1px solid var(--border-glow)!important;
    border-radius: 50%;
    box-shadow: 0 2px 5px var(--shadow-subtle)
}

.s-product-card-wishlist-btn button .sicon-heart {
    fill: var(--text-secondary)!important
}

.s-product-card-wishlist-btn.favorited button .sicon-heart {
    fill: var(--accent-pink)!important
}

.s-product-card-wishlist-btn button:hover {
    background-color: var(--bg-mid-blue)!important;
    transform: scale(1.1);
    box-shadow: 0 4px 10px var(--shadow-strong)
}

salla-button button {
    background-color: var(--bg-light)!important;
    color: var(--text-primary)!important;
    border: 1px solid var(--border-glow)!important;
    border-radius: 8px;
    box-shadow: 0 2px 8px var(--shadow-subtle)
}

salla-button button:hover {
    background-color: var(--bg-card)!important;
    transform: translateY(-3px);
    box-shadow: 0 6px 20px var(--shadow-strong)
}

salla-button[color="primary"] button {
    /* background: linear-gradient(45deg,var(--accent-purple),var(--accent-pink))!important; */
    background: #0a002b !important;
    color: var(--color-primary-reverse)!important;
    border: none!important;
    font-weight: bold;
    letter-spacing: 0.5px;
    box-shadow: 0 5px 20px rgba(181,48,255,0.4);
}

salla-button[color="primary"] button:hover {
    background: linear-gradient(45deg,var(--accent-pink),var(--accent-purple))!important;
    background-size: 200% 200%;
    animation: gradientShift 1s ease-in-out forwards;
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(181,48,255,0.6)
}

@keyframes gradientShift {
    0% {
        background-position: 0% 50%
    }

    100% {
        background-position: 100% 50%
    }
}

salla-button[color="primary"][fill="outline"] button {
    /* background-color: transparent!important; */
    color: var(--accent-blue)!important;
    border: 2px solid var(--accent-blue)!important;
    box-shadow: 0 2px 8px rgba(0,240,255,0.2);
}

salla-button[color="primary"][fill="outline"] button:hover {
    background-color: var(--accent-blue)!important;
    color: var(--color-primary-reverse)!important;
    box-shadow: 0 4px 15px rgba(0,240,255,0.4)
}

.s-block--testimonials {
    background-color: var(--bg-deep-dark)!important
}

.testimonials-slider .swiper-slide > div {
    background-color: var(--bg-surface)!important;
    border: 1px solid var(--border-glow)!important;
    border-radius: 15px;
    box-shadow: 0 5px 20px var(--shadow-strong)!important
}

.testimonials-slider .swiper-slide > div:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px var(--shadow-strong)!important
}

.sicon-quote-open {
    background-color: var(--accent-blue)!important;
    color: var(--text-primary)!important;
    box-shadow: 0 0 15px var(--accent-blue)
}

.testimonials-slider h4 {
    color: var(--text-primary)!important;
    font-weight: 600
}

.s-slider-block__display-all,.s-slider-nav-arrow {
    color: var(--text-secondary)!important
}

.s-slider-nav-arrow svg path {
    fill: var(--text-secondary)!important
}

.s-slider-nav-arrow:hover svg path {
    fill: var(--accent-blue)!important
}

.store-footer__top,.store-footer .bg-darker {
    background-color: var(--bg-deep-dark)!important;
    color: var(--text-secondary)!important;
    border-top: 1px solid var(--border-glow)!important;
    box-shadow: 0 -4px 15px var(--shadow-strong)
}

.footer-logo img {
    filter: brightness(1.2) contrast(1.1)
}

.footer-title {
    color: var(--text-primary)!important;
    font-weight: 600;
    margin-bottom: 15px;
    position: relative
}

.footer-title::after {
    content: '';
    display: block;
    width: 40px;
    height: 3px;
    background: linear-gradient(to right,var(--accent-purple),var(--accent-blue));
    margin-top: 8px;
    border-radius: 2px
}

.s-contacts-list a,.s-menu-footer-list a {
    color: var(--text-secondary)!important;
    transition: color 0.3s ease
}

.s-contacts-list a:hover,.s-menu-footer-list a:hover {
    color: var(--accent-blue)!important;
    transform: translateX(5px)
}

.s-contacts-icon svg path {
    fill: var(--text-muted)!important;
    transition: fill 0.3s ease
}

.s-contacts-list a:hover .s-contacts-icon svg path {
    fill: var(--accent-blue)!important
}

.s-social-list li a svg {
    fill: var(--text-secondary)!important;
    transition: fill 0.3s ease,transform 0.3s ease
}

.s-social-list li a:hover svg {
    fill: var(--accent-pink)!important;
    transform: scale(1.2)
}

.s-payments-list-item img {
    filter: brightness(0.8) invert(0.1);
    transition: filter 0.3s ease
}

.s-payments-list-item img:hover {
    filter: brightness(1) invert(0)
}

.s-payments-sbc-image {
    filter: brightness(1.2)
}

.store-footer .text-gray-400 {
    color: var(--text-muted)!important
}

.store-footer .hover\:text-primary:hover {
    color: var(--accent-blue)!important
}

h1,h2,h3,h4,h5,h6 {
    color: var(--text-primary)!important
}

p,span,div {
    color: inherit
}

input:not([type="checkbox"]):not([type="radio"]),textarea,select {
    background-color: var(--bg-mid-blue)!important;
    color: var(--text-primary)!important;
    border: 1px solid var(--border-glow)!important;
    border-radius: 8px;
    box-shadow: inset 0 1px 3px var(--shadow-subtle)
}

input::placeholder,textarea::placeholder {
    color: var(--text-muted)!important
}

input:focus,textarea:focus,select:focus {
    border-color: var(--accent-blue)!important;
    box-shadow: 0 0 0 3px rgba(0,240,255,0.3)!important;
    outline: none
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

::-webkit-scrollbar-track {
    background: var(--bg-dark-purple);
    border-radius: 5px
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(45deg,var(--accent-blue),var(--accent-purple));
    border-radius: 5px
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(45deg,var(--accent-purple),var(--accent-blue))
}

.dark-mode .svg-icon:not(.colored):not(.gradient),.salla-dark-mode .svg-icon:not(.colored):not(.gradient),html.salla-dark-mode .svg-icon:not(.colored):not(.gradient) {
    stroke: #ffffff!important
}

.dark-mode .svg-icon.filled:not(.colored):not(.gradient),.salla-dark-mode .svg-icon.filled:not(.colored):not(.gradient),html.salla-dark-mode .svg-icon.filled:not(.colored):not(.gradient) {
    fill: rgba(51,51,51,0.8)!important
}

p.leading-6.mt-4.sm\:mt-0.text-gray-600 {
    color: #fff;
}

.navbar-brand img,.footer-logo img {
    height: 0px !important;
}

.navbar-brand,.footer-logo {
    background-image: var(--logo);
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-repeat: no-repeat no-repeat;
    background-size: contain;
    height: 66px;
    width: 7vw;
    display: block;
}

@media only screen and (max-width: 700px) {
    .navbar-brand,.footer-logo {
        width: 15vw;
        margin: auto;
    }
}

@media (min-width: 1024px) {
    .s-block:first-of-type {
        margin-top: -14rem;
    }
}

#mainnav:not(.fixed-header) .inner,.top-nav, header.store-header, .store-header, .top-nav, #header-mainbar .inner, .mainbar-is-dark .header-mainbar, .main-nav-container, .store-header, .top-nav, #header-mainbar .inner, .topnav-is-light .top-nav,.inner.bg-inherit {
    background: transparent !important;
    box-shadow: none;
    border: 0 !important;
}

.fixed-header .inner {
    background: var(--bg-mid-blue) !important;
}

body.color-mode-dark .s-block--features-list {
    background-color: transparent!important;
    padding: 3rem 0
}

body.color-mode-dark .s-block--features {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(280px,1fr));
    gap: 30px;
    padding: 20px;
    background-color: var(--bg-surface);
    border-radius: 20px;
    box-shadow: 0 10px 40px var(--shadow-strong);
    backdrop-filter: blur(5px);
    border: 1px solid var(--border-glow)
}

body.color-mode-dark .s-block--features__item {
    background-color: var(--bg-mid-blue)!important;
    border: 1px solid var(--border-glow)!important;
    border-radius: 15px;
    padding: 25px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: 0 5px 20px var(--shadow-subtle);
    transition: all 0.4s ease-in-out;
    position: relative;
    overflow: hidden
}

body.color-mode-dark .s-block--features__item:hover {
    transform: translateY(-10px) scale(1.02);
    box-shadow: 0 15px 45px var(--shadow-strong);
    background: linear-gradient(135deg,var(--bg-mid-blue),var(--bg-light-surface))!important
}

body.color-mode-dark .s-block--features__item::before {
    content: '';
    position: absolute;
    top: -5px;
    bottom: -5px;
    left: -5px;
    right: -5px;
    border-radius: 18px;
    background: linear-gradient(45deg,var(--accent-blue),var(--accent-purple),var(--accent-pink));
    z-index: -1;
    opacity: 0;
    filter: blur(10px);
    transition: opacity 0.4s ease,filter 0.4s ease;
    animation: featureGlowPulse 2s infinite alternate ease-in-out
}

body.color-mode-dark .s-block--features__item:hover::before {
    opacity: 0.7;
    filter: blur(15px)
}

@keyframes featureGlowPulse {
    0% {
        opacity: 0.3;
        filter: blur(8px)
    }

    100% {
        opacity: 0.5;
        filter: blur(12px)
    }
}

body.color-mode-dark .feature-icon {
    font-size: 3.5em;
    margin-bottom: 15px;
    color: var(--accent-blue)!important;
    filter: drop-shadow(0 0 10px var(--accent-blue));
    transition: all 0.3s ease
}

body.color-mode-dark .s-block--features__item:hover .feature-icon {
    color: var(--accent-pink)!important;
    transform: scale(1.1) rotate(5deg);
    filter: drop-shadow(0 0 15px var(--accent-pink))
}

body.color-mode-dark .s-block--features__item h4 {
    font-size: 1.8em;
    color: var(--text-primary)!important;
    margin-bottom: 8px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-shadow: 0 0 5px rgba(255,255,255,0.3)
}

body.color-mode-dark .s-block--features__item p {
    font-size: 1em;
    color: var(--text-secondary)!important;
    line-height: 1.5
}

body.color-mode-dark .feature-icon {
    width: 31rem;
    height: 7rem;
}

p, span, div {
    color: #fff;
}

.product-tabs .tabs a.is-active {
    background-color: #0a002b;
}

.product-tabs .tabs-wrapper,.product-tabs .tabs * {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-width: 0px;
    border: 0;
    padding: 0.625rem;
}

div#product-comments-tab * {
    border: 0;
}

.tabs-wrapper * {
    border: 0;
}

div#product-tabs * {
    border: 0;
}


.bg-white {
    background: #1d004c1f;
    border-color: #decff714;
}