/* Add custom CSS styles below */ 
ticketing-system,
ticketing-system * {
    display: none !important;
    visibility: hidden !important;
/* ===== بطاقات المنتجات ===== */

.s-product-card {
    border-radius: 18px !important;
    overflow: hidden;
    background: #fff;
    border: 1px solid #edf2f7;
    box-shadow: 0 4px 20px rgba(0,0,0,.06);
    transition: all .35s ease;
}

.s-product-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(0,0,0,.12);
}

.s-product-card-image img {
    transition: .5s ease;
}

.s-product-card:hover .s-product-card-image img {
    transform: scale(1.08);
}

/* ===== اسم المنتج ===== */

.s-product-card-name {
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.8;
    min-height: 55px;
}

/* ===== السعر ===== */

.s-product-card-price {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #00a8b5 !important;
}

/* ===== زر السلة ===== */

.s-button-primary {
    border-radius: 12px !important;
    font-weight: 700;
    transition: .3s;
}

.s-button-primary:hover {
    transform: translateY(-2px);
}

/* ===== الهيدر ===== */

header {
    box-shadow: 0 4px 20px rgba(0,0,0,.05);
    backdrop-filter: blur(15px);
}

/* ===== التصنيفات ===== */

.s-category-card {
    border-radius: 18px !important;
    overflow: hidden;
    transition: .3s;
}

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

/* ===== البانرات ===== */

.s-slider-block,
.swiper,
.main-slider {
    border-radius: 22px !important;
    overflow: hidden;
}

/* ===== أقسام الصفحة الرئيسية ===== */

.section-header h2 {
    font-size: 28px;
    font-weight: 800;
}

/* ===== شريط البحث ===== */

input[type="search"] {
    border-radius: 50px !important;
}

/* ===== الصفحة كاملة ===== */

body {
    background: #f8fafc;
}

/* ===== المنتجات المميزة ===== */

.s-product-card::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 18px;
    pointer-events: none;
    transition: .3s;
}

.s-product-card:hover::before {
    box-shadow: inset 0 0 0 2px #00b8c4;
}
  .s-product-card {
    position: relative;
}

.s-product-card:hover {
    border-color: #00b8c4;
}
  #visitPopup::before{
content:"🔥 مباشر";
margin-left:8px;
font-weight:700;
}
  [١٠:١٩ ص, ١١‏/٦‏/٢٠٢٦] alhashmistore: /* عداد الزوار - تصميم احترافي */

.wearehere,
.we-are-here,
[class*="visitor"],
[class*="counter"]{

    position: fixed !important;
    bottom: 20px !important;
    left: 20px !important;
    right: auto !important;

    border-radius: 16px !important;
    padding: 10px 16px !important;

    background: linear-gradient(135deg,#00b8c4,#008f99) !important;
    color: #fff !important;

    box-shadow: 0 10px 30px rgba(0,184,196,.35) !important;

    z-index: 9999 !important;

    animation: visitorPulse 2.5s infinite;
}

/* وميض احترافي */

@keyframes visitorPulse {

    0%{
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(0,184,196,.6);
    }

    70%{
        transform: scale(1.05);
        box-shadow: 0 0 0 18px rgba(0,184,196,0);
    }

    1…
[١٠:٢٠ ص, ١١‏/٦‏/٢٠٢٦] alhashmistore: /* تصميم عداد الزوار */

#visitPopup {
    position: fixed !important;
    left: 15px !important;
    right: auto !important;
    bottom: 20px !important;

    border-radius: 18px !important;
    background: linear-gradient(135deg,#00b8c4,#0097a7) !important;

    padding: 12px 18px !important;

    box-shadow:
    0 8px 25px rgba(0,184,196,.35),
    0 0 20px rgba(0,184,196,.25);

    z-index: 9999 !important;

    animation: visitorGlow 2s infinite;
}

/* تأثير النبض */

@keyframes visitorGlow {

    0% {
        transform: scale(1);
        box-shadow:
        0 0 0 0 rgba(0,184,196,.5);
    }

    50% {
        transform: scale(1.05);
        box-shadow:
        0 0 0 12px rgba(0,184,196,0);
    }

    100% {
        transform: scale(1);
        box-shadow:
        0 0 0 0 rgba(0,184,196,0);
    }
}

/* الرقم */

#visitPopup strong,
#visitPopup span {
    color: #fff !important;
    font-weight: 800 !important;
}

/* أيقونة الأشخاص */

#visitPopup svg {
    animation: iconMove 1.5s infinite;
}

@keyframes iconMove {
    0%,100%{
        transform: translateY(0);
    }
    50%{
        transform: translateY(-3px);
    }
}
    height: auto;
    object-fit: contain;
    transition: .4s;
}

.image-card,
.gallery-side,
.column {
    height: auto !important;
    min-height: auto !important;
    overflow: visible !important;
}

.image-card img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
}/* نقل عداد الزوار إلى أسفل اليسار */
#visitPopup{
    position: fixed !important;
    left: 20px !important;
    right: auto !important;
    bottom: 20px !important;
    top: auto !important;
    z-index: 99999 !important;
}
  #visitPopup{
    position: fixed !important;
    left: 20px !important;
    right: auto !important;
    bottom: 20px !important;
    top: auto !important;
    z-index: 99999 !important;

    border-radius: 15px !important;
    background: linear-gradient(135deg,#0ea5a8,#14b8a6) !important;
    box-shadow: 0 8px 25px rgba(20,184,166,.35) !important;
    animation: visitorGlow 2s infinite;
}

@keyframes visitorGlow{
    0%{
        box-shadow: 0 0 0 rgba(20,184,166,.3);
    }
    50%{
        box-shadow: 0 0 25px rgba(20,184,166,.7);
    }
    100%{
        box-shadow: 0 0 0 rgba(20,184,166,.3);
    }
}

#visitPopup .visitor-count{
    font-size:18px !important;
    font-weight:800 !important;
    color:#fff !important;
}/* مميزات المتجر */

.store-features,
.features-list,
.features-grid{
    display:flex;
    flex-wrap:wrap;
    gap:20px;
    justify-content:center;
}

.store-features .feature,
.features-list .feature-item,
.features-grid .feature-item{
    background: rgba(255,255,255,.95);
    border-radius:20px;
    padding:25px 20px;
    transition:.4s ease;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    border:1px solid rgba(0,0,0,.05);
    overflow:hidden;
    position:relative;
    animation: featureFade .8s ease forwards;
}

.store-features .feature:hover,
.features-list .feature-item:hover,
.features-grid .feature-item:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 45px rgba(0,0,0,.15);
    border-color:#00b7c7;
}

.store-features .feature i,
.features-list .feature-item i,
.features-grid .feature-item i{
    font-size:42px;
    color:#00b7c7;
    transition:.4s;
}

.store-features .feature:hover i,
.features-list .feature-item:hover i,
.features-grid .feature-item:hover i{
    transform:scale(1.2) rotate(8deg);
}

.store-features .feature h3,
.features-list .feature-item h3,
.features-grid .feature-item h3{
    font-weight:800;
    margin-top:15px;
}

.store-features .feature::before,
.features-list .feature-item::before,
.features-grid .feature-item::before{
    content:'';
    position:absolute;
    top:0;
    left:-100%;
    width:100%;
    height:100%;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.6),
        transparent
    );
    transition:.8s;
}

.store-features .feature:hover::before,
.features-list .feature-item:hover::before,
.features-grid .feature-item:hover::before{
    left:100%;
}

@keyframes featureFade{
    from{
        opacity:0;
        transform:translateY(40px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}*{
    animation-duration: .4s !important;
    transition-duration: .3s !important;
}img{
    content-visibility:auto;
}section,
.product-card,
.s-block{
    content-visibility:auto;
    contain-intrinsic-size: 500px;
}.product,
.product-card{
    will-change: transform;
    transform: translateZ(0);

button.tawk-button{
    bottom: 120px !important;
}

  <div class="slider  " style=" mask-image:  none;
                            --background-color: #6fa1ab;
                            --color:#ffffff;
                            --width:  390px;
                            --height: 90px;
                            --quantity: 9;
                            --speed: 15s; ">  
                    <div class="list">
                                                            <div class="item" style="--position: 1">
                                    <a class="text-sm" href="https://alhashmistore.com/" alt="⭐ اقوي العروض و الخصومات⭐">
                                        ⭐ اقوي العروض و الخصومات⭐
                                    </a>
                                </div>
                                                            <div class="item" style="--position: 2">
                                    <a class="text-sm" href="https://alhashmistore.com/" alt="⚡ شحن سريع ⚡">
                                        ⚡ شحن سريع ⚡
                                    </a>
                                </div>
                                                            <div class="item" style="--position: 3">
                                    <a class="text-sm" href="https://alhashmistore.com/" alt="⭐لا تفوّت أقوى عروض السنة!⭐">
                                        ⭐لا تفوّت أقوى عروض السنة!⭐
                                    </a>
                                </div>
                                                            <div class="item" style="--position: 4">
                                    <a class="text-sm" href="https://alhashmistore.com/" alt="⭐ شحن سريع داخل السعودية ⭐">
                                        ⭐ شحن سريع داخل السعودية ⭐
                                    </a>
                                </div>
                                                            <div class="item" style="--position: 5">
                                    <a class="text-sm" href="https://alhashmistore.com/" alt="⚡ جودة عالية ⚡">
                                        ⚡ جودة عالية ⚡
                                    </a>
                                </div>
                                                            <div class="item" style="--position: 6">
                                    <a class="text-sm" href="https://alhashmistore.com/" alt="⭐ خامة ممتازة ⭐">
                                        ⭐ خامة ممتازة ⭐
                                    </a>
                                </div>
                             
                    </div>
                </div>