/* Add custom CSS styles below *//* ===================================
   THE100 PERFUME - MODERN LUXURY
=================================== */

/* هيدر زجاجي */
header{
    backdrop-filter: blur(15px);
    background: rgba(255,255,255,.85) !important;
    box-shadow: 0 5px 20px rgba(0,0,0,.08);
}

/* الأزرار */
button,
.btn,
[type="submit"],
a[class*="btn"]{
    background:#111 !important;
    color:#fff !important;
    border:none !important;
    border-radius:14px !important;
    transition:.3s ease;
}

/* تأثير الأزرار */
button:hover,
.btn:hover,
[type="submit"]:hover,
a[class*="btn"]:hover{
    transform:scale(1.05);
}

/* تأثير نبض خفيف */
button,
.btn,
[type="submit"]{
    animation:pulse 2.5s infinite;
}

@keyframes pulse{
    0%{
        box-shadow:0 0 0 0 rgba(0,0,0,.15);
    }
    70%{
        box-shadow:0 0 0 12px rgba(0,0,0,0);
    }
    100%{
        box-shadow:0 0 0 0 rgba(0,0,0,0);
    }
}

/* بطاقات المنتجات */
article,
.card{
    border-radius:22px !important;
    overflow:hidden;
    transition:all .35s ease;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

/* رفع البطاقة */
article:hover,
.card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 40px rgba(0,0,0,.15);
}

/* الصور */
img{
    border-radius:18px;
    transition:transform .6s ease;
}

/* تكبير الصور */
article:hover img,
.card:hover img{
    transform:scale(1.08);
}

/* العناوين */
h1,h2,h3,h4{
    font-weight:800 !important;
    letter-spacing:.5px;
}

/* الروابط */
a{
    transition:.3s;
}

a:hover{
    letter-spacing:.5px;
}

/* البحث */
input,
input[type="search"],
select,
textarea{
    border-radius:14px !important;
}

/* ظهور تدريجي */
article,
.card{
    animation:showUp .8s ease;
}

@keyframes showUp{
    from{
        opacity:0;
        transform:translateY(30px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

/* الفوتر */
footer{
    background:#111 !important;
    padding-top:50px;
    margin-top:60px;
}

footer *{
    color:#fff !important;
}

/* تحسين الجوال */
@media(max-width:768px){

    article,
    .card{
        border-radius:16px !important;
    }

    h1{
        font-size:28px !important;
    }

    h2{
        font-size:22px !important;
    }

    button,
    .btn,
    [type="submit"]{
        min-height:48px;
    }
}button,
.btn,
[type="submit"]{
position:relative;
overflow:hidden;
}

button:before,
.btn:before{
content:'';
position:absolute;
top:0;
right:-100%;
width:100%;
height:100%;
background:rgba(255,255,255,.2);
transition:.6s;
}

button:hover:before,
.btn:hover:before{
right:100%;
}/* تصغير أسماء المنتجات */
h3,
.product-title{
    font-size:15px !important;
    line-height:1.4 !important;
}

/* تصغير زر السلة */
button,
.btn{
    min-height:44px !important;
    font-size:15px !important;
}

/* تقليل الفراغات */
article,
.card{
    margin-bottom:10px !important;
}img{
    max-height:170px !important;
    object-fit:contain !important;
}section{
    margin-top:20px !important;
    margin-bottom:20px !important;
}