/* =========================================================
   GLOBAL FIXES
========================================================= */

/* إزالة المسافة العلوية من أول قسم */
#main-content > section:first-of-type {

    margin-top: 0 !important;
    padding-top: 0 !important;

}








/* =========================================================
   EMPTY PRODUCTS BANNER
========================================================= */

.s-products-list-placeholder {

    position: relative;

    min-height: 200px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0;

}

.s-products-list-placeholder > * {

    display: none !important;

}

.s-products-list-placeholder::before {

    content: "🚀 منتجات جديدة قادمة قريبًا! 💎";

    position: absolute;

    top: 50%;
    left: 50%;

    transform: translate(-50%, -50%);

    width: 90%;
    max-width: 600px;

    background-color: #f7f3e8;

    border: 2px solid #ffcc00;

    border-radius: 12px;

    padding: 20px 30px;

    text-align: center;

    box-shadow: 0 4px 10px rgba(0,0,0,0.1);

    color: #333;

    font-size: 1.2rem;

    font-weight: bold;

    line-height: 1.5;

    animation: pulse 2s infinite;

}

@keyframes pulse {

    0% { transform: translate(-50%, -50%) scale(1); }

    50% { transform: translate(-50%, -50%) scale(1.03); }

    100% { transform: translate(-50%, -50%) scale(1); }

}








/* =========================================================
   PRODUCT CARD — UPDATED (FROM SECOND CODE)
========================================================= */

.tabs-wrapper .product-entry,
.tabs-wrapper .s-product-card-entry {

    transition:
    transform 0.3s cubic-bezier(0.4,0,0.2,1),
    box-shadow 0.3s cubic-bezier(0.4,0,0.2,1);

    will-change: transform, box-shadow;

}

/* Hover */

.tabs-wrapper .product-entry:hover,
.tabs-wrapper .s-product-card-entry:hover {

    transform: translateY(-10px);

    box-shadow:
    0 20px 40px -10px rgba(0,0,0,0.15) !important;

}








/* =========================================================
   PRODUCT IMAGE ZOOM
========================================================= */

.s-product-card-image {

    overflow: hidden;

}

.s-product-card-image img {

    transition: transform 0.4s ease;

    will-change: transform;

}

@media (hover: hover) {

.s-products-slider-card:hover
.s-product-card-image img {

    transform: scale(1.08);

}

}








/* =========================================================
   SMART PULSE BUTTON — UPDATED
========================================================= */

:root {

    --pro-ease-smooth: cubic-bezier(0.4, 0.0, 0.2, 1);

    --active-pulse-color: rgba(255, 77, 92, 0.4);

}

.tab-trigger.s-button-primary,
.tab-trigger.is-active {

    position: relative;

    z-index: 1;

    transition: all 0.3s var(--pro-ease-smooth) !important;

    box-shadow: 0 0 0 0 var(--active-pulse-color);

    animation: subtleBreathe 2s infinite var(--pro-ease-smooth);

}

@keyframes subtleBreathe {

    0% {

        box-shadow: 0 0 0 0 var(--active-pulse-color);

    }

    50% {

        box-shadow: 0 0 8px 2px var(--active-pulse-color);

    }

    100% {

        box-shadow: 0 0 0 0 var(--active-pulse-color);

    }

}








/* =========================================================
   CATEGORY BLOCK
========================================================= */

.s-block--categories a {

    position:relative;

    border-radius:18px;

    overflow:hidden;

    background:#fff;

    transition:
    transform .35s cubic-bezier(.22,.9,.32,1),
    box-shadow .35s ease;

    box-shadow:
    0 6px 18px rgba(0,0,0,.06);

}

@media (hover:hover){

.s-block--categories a:hover {

    transform:translateY(-10px);

    box-shadow:
    0 20px 40px rgba(0,0,0,.12);

}

}








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

header.site-header {

    position: sticky !important;

    top: 0;

    z-index: 10000 !important;

    background: #ffffff !important;

    border-bottom: 2px solid #c5a059 !important;

    box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important;

}








/* =========================================================
   PRODUCT BUTTON STYLE
========================================================= */

.s-product-card-content-sub button {

    background-color: #1a1a1a !important;

    color: #fff !important;

    border-radius: 50px !important;

    width: 95% !important;

    margin: 0 auto 10px auto !important;

    height: 42px !important;

}








/* =========================================================
   LOGO SETTINGS
========================================================= */

.navbar-brand img {

    width: 55px !important;

    max-height: 55px !important;

    object-fit: contain !important;

}

.navbar-brand {

    margin-left: 15px !important;

    display: flex !important;

    align-items: center !important;

}