/* =========================================
   HEADER
========================================= */

header,
.s-header,
.store-header,
.main-header,
.header-wrapper,
.header,
.top-navbar,
.main-nav-container,
.navbar,
.s-store-header {

    background:rgba(7,17,31,.92) !important;

    backdrop-filter:blur(14px);

    border-bottom:1px solid rgba(255,255,255,.05);
}


/* =========================================
   FOOTER
========================================= */

footer,
.s-footer,
.store-footer,
.main-footer,
.footer,
.footer-wrapper,
.s-store-footer {

    background:linear-gradient(
        180deg,
        #07111F,
        #050B14
    ) !important;

    border-top:1px solid rgba(255,255,255,.05);
}


/* =========================================
   TEXT COLORS
========================================= */

header *,
footer *,
.s-header *,
.s-footer *{

    color:#FFFFFF !important;
}


/* =========================================
   LINKS
========================================= */

a{

    color:#C4B5FD !important;

    transition:.3s;
}

a:hover{

    color:#A855F7 !important;
}


/* =========================================
   PAGE BACKGROUND
========================================= */

body,
main,
#app,
.app,
.app-content,
.page-wrapper,
.store-wrapper {

    background:
    radial-gradient(
        circle at top right,
        rgba(124,58,237,.22),
        transparent 30%
    ),

    radial-gradient(
        circle at bottom left,
        rgba(37,99,235,.18),
        transparent 30%
    ),

    #07111F !important;

    color:#FFFFFF;
}


/* =========================================
   CARDS
========================================= */

.product,
.product-card,
.card{

    background:rgba(255,255,255,.06) !important;

    backdrop-filter:blur(14px);

    border:1px solid rgba(255,255,255,.08);

    border-radius:24px;

    overflow:hidden;
}


/* =========================================
   BUTTONS
========================================= */

button,
.btn,
.product-btn,
.s-button-element{

    background:linear-gradient(
        135deg,
        #5B21B6,
        #7C3AED
    ) !important;

    border:none !important;

    color:#fff !important;

    border-radius:14px !important;

    transition:.3s;
}

button:hover,
.btn:hover{

    transform:translateY(-3px);

    box-shadow:0 10px 25px rgba(124,58,237,.35);
}

/* =====================================* Add custom JS code below */ ====
   SMART HOME CATEGORIES
   أقسام المنتجات
========================================= */

.categories{
    padding:100px 0;
    background:#F4F7FB;
}

.categories-title{
    text-align:center;
    font-size:42px;
    color:#0D1B2A;
    margin-bottom:60px;
    font-weight:800;
}

.categories-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
    gap:30px;
}


/* =========================================
   CATEGORY CARD
========================================= */

.category-card{
    position:relative;
    overflow:hidden;
    border-radius:22px;
    height:420px;
    cursor:pointer;
    transition:.4s;
    box-shadow:0 12px 30px rgba(0,0,0,.10);
}

.category-card:hover{
    transform:translateY(-10px);
}


/* =========================================
   IMAGE
========================================= */

.category-image{
    width:100%;
    height:100%;
}

.category-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.5s;
}

.category-card:hover img{
    transform:scale(1.08);
}


/* =========================================
   OVERLAY
========================================= */

.category-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        to top,
        rgba(13,27,42,.95),
        rgba(13,27,42,.35)
    );
}


/* =========================================
   CONTENT
========================================= */

.category-content{
    position:absolute;
    bottom:0;
    right:0;
    width:100%;
    padding:35px;
    color:#ca0a0a;
    z-index:2;
}

.category-icon{
    width:75px;
    height:75px;
    border-radius:20px;
    background:linear-gradient(
        135deg,
        #0077FF,
        #00C4FF
    );
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px;
    margin-bottom:20px;
    box-shadow:0 10px 20px rgba(0,119,255,.25);
}

.category-name{
    font-size:34px;
    font-weight:800;
    margin-bottom:14px;
}

.category-desc{
    font-size:16px;
    line-height:1.9;
    color:rgba(255,255,255,.85);
    margin-bottom:25px;
}


/* =========================================
   BUTTON
========================================= */

.category-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    background:#fff;
    color:#0077FF;
    text-decoration:none;
    padding:14px 24px;
    border-radius:50px;
    font-weight:700;
    transition:.3s;
}

.category-btn:hover{
    background:#0077FF;
    color:#fff;
}


/* =========================================
   CATEGORY COLORS
========================================= */

/* Lighting */

.lighting .category-icon{
    background:linear-gradient(
        135deg,
        #F59E0B,
        #FCD34D
    );
}

/* Cameras */

.cameras .category-icon{
    background:linear-gradient(
        135deg,
        #2563EB,
        #38BDF8
    );
}

/* Home Devices */

.devices .category-icon{
    background:linear-gradient(
        135deg,
        #10B981,
        #34D399
    );
}


/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:768px){

    .categories-title{
        font-size:32px;
    }

    .category-card{
        height:360px;
    }

    .category-name{
        font-size:28px;
    }

}


body,
main,
#app,
.app,
.app-content,
.page-wrapper,
.store-wrapper {
    background:
        radial-gradient(circle at top right, rgba(124,58,237,.35), transparent 35%),
        radial-gradient(circle at bottom left, rgba(91,33,182,.30), transparent 35%),
        repeating-linear-gradient(
            45deg,
            rgba(255,255,255,.025) 0px,
            rgba(255,255,255,.025) 1px,
            transparent 1px,
            transparent 18px
        ),
        #07111F !important;
}

/* =========================================
   SEARCH BAR
========================================= */

.search,
.search-bar,
.s-search-input-wrap,
.s-search-input{

    background:rgba(255,255,255,.08) !important;

    backdrop-filter:blur(14px);

    border:1px solid rgba(255,255,255,.08) !important;

    border-radius:18px !important;

    box-shadow:
    0 10px 30px rgba(124,58,237,.15);

}


/* INPUT */

.search input,
.s-search-input input,
input[type="search"]{

    background:transparent !important;

    color:#fff !important;

    border:none !important;

}


/* PLACEHOLDER */

.search input::placeholder,
.s-search-input input::placeholder{

    color:rgba(255,255,255,.45) !important;
}


/* SEARCH ICON */

.search svg,
.s-search-input svg{

    color:#A855F7 !important;
}

/* =========================================
   CENTER LOGO
========================================= */

.s-header .container,
header .container,
.navbar .container{

    position:relative;
}

/* الشعار */

.store-logo,
.navbar-brand,
.logo{

    position:absolute !important;

    left:50%;

    transform:translateX(-50%);

    z-index:10;
}


/* =========================================
   PREMIUM PRODUCT CARDS - BUUD
========================================= */

.s-product-card-entry,
.product,
.product-card,
.card {
    background:rgba(255,255,255,.045) !important;
    border:1px solid rgba(196,181,253,.18) !important;
    border-radius:24px !important;
    overflow:hidden !important;
    backdrop-filter:blur(16px);
    box-shadow:0 18px 45px rgba(0,0,0,.28);
}

/* صورة المنتج */
.s-product-card-image,
.product-card img,
.product img {
    background:linear-gradient(135deg,#0B1220,#15112B) !important;
    border-radius:22px 22px 0 0 !important;
}

/* منطقة النص */
.s-product-card-content,
.product-card__content,
.product__content {
    background:rgba(7,17,31,.92) !important;
    color:#fff !important;
}

/* اسم المنتج */
.s-product-card-content-title,
.s-product-card-content-title a,
.product-title,
.product-card__title {
    color:#FFFFFF !important;
    font-weight:800 !important;
    line-height:1.7 !important;
}

/* السعر */
.s-product-card-price,
.product-price,
.price {
    color:#C4B5FD !important;
    font-weight:800 !important;
}

/* زر إضافة للسلة */
.s-product-card-content-footer button,
.s-button-element,
button {
    background:linear-gradient(135deg,#5B21B6,#8B5CF6) !important;
    color:#fff !important;
    border-radius:16px !important;
    border:none !important;
}

/* القلب / المفضلة */
.s-product-card-wishlist-btn,
.s-button-btn {
    background:rgba(139,92,246,.75) !important;
    color:#fff !important;
    border:none !important;
}

/* Hover */
.s-product-card-entry:hover,
.product-card:hover {
    transform:translateY(-8px);
    box-shadow:0 22px 55px rgba(124,58,237,.25);
}


/* كروت قسم ليش بُعد */
.s-block--features__item {
    background: linear-gradient(
        180deg,
        rgba(15,23,42,.78),
        rgba(7,17,31,.95)
    ) !important;

    border-radius: 28px !important;
    border: none !important;

    box-shadow:
        0 18px 45px rgba(0,0,0,.35),
        inset 0 1px 0 rgba(255,255,255,.04) !important;

    backdrop-filter: blur(20px) !important;
}

/* النصوص داخل الكرت */
.s-block--features__item h3,
.s-block--features__item p {
    color: #ffffff !important;
}

/* الأيقونة */
.s-block--features__item .service-icon {
    background: #6D28D9 !important;
    color: #fff !important;
    box-shadow: 0 0 25px rgba(124,58,237,.35) !important;
}

/* إجبار كل النصوص داخل الكرت تكون واضحة */
.s-block--features__item * {

    opacity: 1 !important;

    color: #FFFFFF !important;
}

/* عنوان الكرت تحديدًا */
.s-block--features__item .text-primary,
.s-block--features__item .font-bold,
.s-block--features__item strong,
.s-block--features__item h3,
.s-block--features__item h4 {

    color: #FFFFFF !important;

    font-weight: 900 !important;

    text-shadow:
    0 0 12px rgba(255,255,255,.18);
}

/* دائرة الأيقونة */
.s-block--features__item .service-icon {

    background: rgba(255,255,255,.08) !important;

    border: 1px solid rgba(255,255,255,.12) !important;

    backdrop-filter: blur(18px) !important;

    -webkit-backdrop-filter: blur(18px) !important;

    box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 0 25px rgba(124,58,237,.25) !important;
}

.product-title,
h1.product-title,
.product-single__title {

    color:#FFFFFF !important;

    font-weight:900 !important;

    text-shadow:
    0 0 15px rgba(168,85,247,.35);
}

.product-btn-wishlist,
.btn--wishlist,
.s-product-card-wishlist-btn,
.s-product-card-wishlist {

    display:none !important;
}

.right-side{
    width:100%;
    text-align:center !important;
}

.right-side h2{
    display:block;
    width:100%;
    text-align:center !important;
    font-size:48px !important;
    font-weight:900 !important;
    color:#ffffff !important;
    text-shadow:
        0 0 10px rgba(94,23,235,.8),
        0 0 20px rgba(94,23,235,.6),
        0 0 40px rgba(94,23,235,.4);
}

.right-side + a,
.show-all,
.show-more,
.section-header a,
.s-block__title-nav{
    display:none !important;
}

/* توسيط العنوان */
.right-side{
    width:100% !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    text-align:center !important;
}

.right-side h2{
    width:100% !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    gap:30px !important;

    color:#ffffff !important;
    font-size:42px !important;
    font-weight:900 !important;
    text-align:center !important;

   text-shadow:
    0 0 3px #ffffff,
    0 0 8px #a855f7,
    0 0 15px #5e17eb;
}

/* الخط اليمين والخط اليسار */
.right-side h2::before,
.right-side h2::after{
    content:"" !important;
    display:block !important;

    width:180px !important;
    height:2px !important;
    flex:0 0 180px !important;

    background:linear-gradient(
        90deg,
        transparent,
        #a855f7,
        #ffffff,
        #a855f7,
        transparent
    ) !important;

    border-radius:999px !important;

    box-shadow:
        0 0 5px #a855f7,
        0 0 10px #a855f7,
        0 0 20px #7c3aed,
        0 0 35px #5e17eb !important;
}

@media (max-width: 768px){

    .right-side h2{
        font-size:28px !important;
        gap:15px !important;
    }

    .right-side h2::before,
    .right-side h2::after{
        width:70px !important;
        flex:0 0 70px !important;
    }

}

/* Footer Fix */
.store-footer,
.store-footer__inner,
.footer,
.s-footer,
.s-footer__content,
footer{
    background:#07101f !important;
    color:#ffffff !important;
}

/* إزالة الطبقة البيضاء */
.store-footer::before,
.store-footer::after,
.s-footer::before,
.s-footer::after,
footer::before,
footer::after{
    background:transparent !important;
}

/* النصوص والروابط */
.store-footer *,
.s-footer *,
footer *{
    color:#ffffff !important;
}

/* خط النيون فوق الفوتر */
.store-footer,
.s-footer,
footer{
    border-top:3px solid #66fff0 !important;
}

/* خلفية فخمة مثل المتجر */
.store-footer__inner,
.s-footer__content{
    background:
      radial-gradient(circle at 20% 20%, rgba(94,23,235,.35), transparent 35%),
      linear-gradient(135deg, #090f1e, #050b16) !important;
}

/* عنوان المنتج داخل صفحة المنتج */
.product-single__title,
.product-entry__title,
.product-title,
.s-product-name,
h1{
    color:#ffffff !important;
    font-weight:900 !important;
    text-shadow:
        0 0 4px rgba(255,255,255,.5),
        0 0 12px rgba(168,85,247,.6) !important;
}