/* =========================================================
   ALA STORE — FINAL COMPLETE CSS
   Original Store Font
   Product Titles: Thin + Simple
   Prices: Bold
   Currency: Untouched
   ========================================================= */


/* =========================================================
   01 — GLOBAL
   ========================================================= */

body {
    font-weight: 400;
    line-height: 1.8;
}


/* =========================================================
   02 — HEADER / TOP NAVIGATION
   ========================================================= */

.main-nav__item,
.main-nav__item > a,
.header-nav__item,
.header-nav__item > a,
.navbar a,
.main-menu a,
.header-menu a,
.nav-item a {
    font-size: 14.5px !important;
    font-weight: 600 !important;
    line-height: 1.6 !important;
    letter-spacing: 0 !important;
}

.main-nav__item > a:hover,
.header-nav__item > a:hover,
.navbar a:hover,
.main-menu a:hover,
.header-menu a:hover,
.nav-item a:hover {
    font-weight: 600 !important;
}

.header-btn,
.header-btn span,
.header-actions a {
    font-size: 13px !important;
    font-weight: 400 !important;
}

.search-input,
.search-input::placeholder,
.header-search input,
.header-search input::placeholder {
    font-size: 13px !important;
    font-weight: 400 !important;
}


/* =========================================================
   03 — HOMEPAGE HERO
   ========================================================= */

.banner-entry__title,
.s-banner-entry__title,
.banner-title,
.hero-title,

.s-block--banner h1,
.s-block--banner h2,
.s-block--banner h3,
.s-block--banner .title,
.s-block--banner .banner-title,

.s-banner h1,
.s-banner h2,
.s-banner h3,
.s-banner .title,
.s-banner .banner-title,

.s-banner-entry h1,
.s-banner-entry h2,
.s-banner-entry h3 {
    font-size: 24px !important;
    line-height: 1.45 !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
}


/* وصف البانر */

.banner-entry__description,
.s-banner-entry__description,
.banner-description,
.hero-description {
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.9 !important;
}


/* النص الصغير فوق العنوان */

.banner-entry__subtitle,
.s-banner-entry__subtitle,
.banner-subtitle {
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.6 !important;
}


/* =========================================================
   04 — HERO BUTTON
   ========================================================= */

.banner-entry__button,
.s-banner-entry__button,
.hero-button,
.banner-entry a,
.s-banner-entry a,

.s-block--banner a,
.s-block--banner button,
.s-block--banner .btn,
.s-block--banner .s-button,

.s-banner a,
.s-banner button,
.s-banner .btn,
.s-banner .s-button,

.s-banner-entry a,
.s-banner-entry button {
    background: #E3AA4B !important;
    background-color: #E3AA4B !important;

    color: #1C2B46 !important;

    border: 1px solid #E3AA4B !important;

    font-size: 13px !important;
    font-weight: 600 !important;

    border-radius: 28px !important;

    padding: 11px 28px !important;

    min-width: 145px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    text-decoration: none !important;

    transform: translateY(0) !important;

    transition:
        background-color 0.35s ease,
        color 0.35s ease,
        border-color 0.35s ease,
        transform 0.35s ease,
        box-shadow 0.35s ease !important;

    box-shadow:
        0 5px 15px rgba(0, 0, 0, 0.08) !important;

    cursor: pointer !important;
}


/* Hover */

.banner-entry__button:hover,
.s-banner-entry__button:hover,
.hero-button:hover,
.banner-entry a:hover,
.s-banner-entry a:hover,

.s-block--banner a:hover,
.s-block--banner button:hover,
.s-block--banner .btn:hover,
.s-block--banner .s-button:hover,

.s-banner a:hover,
.s-banner button:hover,
.s-banner .btn:hover,
.s-banner .s-button:hover,

.s-banner-entry a:hover,
.s-banner-entry button:hover {
    background: #F0C66F !important;
    background-color: #F0C66F !important;

    color: #1C2B46 !important;

    border-color: #F0C66F !important;

    transform: translateY(-3px) !important;

    box-shadow:
        0 12px 28px rgba(28, 43, 70, 0.22) !important;
}


/* النص داخل الزر */

.s-block--banner a:hover *,
.s-block--banner button:hover *,
.s-banner a:hover *,
.s-banner button:hover *,
.s-banner-entry a:hover *,
.banner-entry a:hover * {
    color: #1C2B46 !important;
}


/* =========================================================
   05 — SECTION HEADINGS
   ========================================================= */

.s-block__title,
.s-block__title-text,
.section-title,
.section-header h2,
.heading-title {
    font-size: 28px !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;

    text-align: center !important;

    width: 100% !important;

    margin-left: auto !important;
    margin-right: auto !important;

    letter-spacing: 0 !important;
}


/* وصف الأقسام */

.s-block__description,
.section-description,
.section-header p {
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.9 !important;

    text-align: center !important;

    margin-left: auto !important;
    margin-right: auto !important;
}


/* العنوان الفرعي */

.s-block__subtitle,
.section-subtitle {
    font-size: 13px !important;
    font-weight: 400 !important;
    text-align: center !important;
}


/* حاوية العنوان */

.s-block__title-wrapper,
.s-block__header,
.section-header {
    text-align: center !important;
}


/* =========================================================
   06 — PRODUCT TITLES
   حجم ثابت + Thin 300
   نفس خط المتجر الأصلي
   ========================================================= */

.s-product-card-content-title,
.s-product-card-content-title a,
.s-product-card-content-title span,
.s-product-card-content-title p,

.product-item .product-title,
.product-item .product-title a,
.product-item .product-title span,
.product-item .product-title p,

.product-card .product-title,
.product-card .product-title a,
.product-card .product-title span,
.product-card .product-title p,

.product-item .product-name,
.product-item .product-name a,
.product-item .product-name span,

.product-card .product-name,
.product-card .product-name a,
.product-card .product-name span {
    font-size: 17px !important;
    font-weight: 300 !important;
    font-style: normal !important;
    line-height: 1.6 !important;
    letter-spacing: 0 !important;
}


/* إجبار العناصر الداخلية على الوزن الرفيع */

.s-product-card-content-title *,
.product-item .product-title *,
.product-card .product-title *,
.product-item .product-name *,
.product-card .product-name * {
    font-weight: 300 !important;
    font-style: normal !important;
}


/* منع strong / b من إعادة Bold */

.s-product-card-content-title strong,
.s-product-card-content-title b,

.product-item .product-title strong,
.product-item .product-title b,

.product-card .product-title strong,
.product-card .product-title b,

.product-item .product-name strong,
.product-item .product-name b,

.product-card .product-name strong,
.product-card .product-name b {
    font-weight: 300 !important;
}


/* =========================================================
   07 — PRODUCT PRICE
   Bold
   ========================================================= */

.s-product-card-price,
.s-product-card-price-current,

.product-item .product-price,
.product-card .product-price,

.product-item .price,
.product-card .price {
    font-size: 20px !important;
    font-weight: 700 !important;
    font-style: normal !important;
    line-height: 1.5 !important;
    letter-spacing: 0 !important;
}


/* عناصر السعر الداخلية */

.s-product-card-price *,
.s-product-card-price-current *,

.product-item .product-price *,
.product-card .product-price *,

.product-item .price *,
.product-card .price * {
    font-size: inherit !important;
    font-weight: 700 !important;
}


/* السعر القديم */

.s-product-card-price-old,
.product-price-old,
.price-old {
    font-size: 12px !important;
    font-weight: 400 !important;
}


/* =========================================================
   08 — ADD TO CART
   ========================================================= */

.s-product-card-content .s-button,
.s-product-card-content button,
.product-item button,
.product-card button,
.add-to-cart,
.add-cart {
    font-size: 12.5px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
}


/* أيقونة السلة */

.s-product-card-content button svg,
.product-item button svg,
.product-card button svg {
    width: 15px !important;
    height: 15px !important;
}


/* =========================================================
   09 — PRODUCT DETAILS PAGE
   ========================================================= */

.product-details__title,
.product-detail__title,
.product-page__title,
.product-details .product-title,
.product-detail .product-title,
.product-info .product-title,
.product-single .product-title {
    font-size: 30px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
    letter-spacing: 0 !important;
}


/* وصف المنتج */

.product-details__description,
.product-description,
.product-details p,
.product-detail p {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 2 !important;
}


/* سعر المنتج */

.product-details .product-price,
.product-detail .product-price,
.product-info .product-price,
.product-single .product-price {
    font-size: 20px !important;
    font-weight: 700 !important;
}


/* =========================================================
   10 — CATEGORY
   ========================================================= */

.category-title,
.collection-title,
.category-header h1 {
    font-size: 28px !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;

    text-align: center !important;

    width: 100% !important;

    margin-left: auto !important;
    margin-right: auto !important;
}


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

.category-description,
.collection-description {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.9 !important;

    text-align: center !important;

    margin-left: auto !important;
    margin-right: auto !important;
}


/* =========================================================
   11 — FILTERS / SORT
   ========================================================= */

.filter-title,
.filter-label,
.sort-label,
.filter-item label {
    font-size: 13px !important;
    font-weight: 400 !important;
}


/* =========================================================
   12 — COUNTDOWN
   ========================================================= */

.countdown,
.countdown-item,
.countdown-value {
    font-weight: 500 !important;
}

.countdown-value {
    font-size: 24px !important;
}

.countdown-label {
    font-size: 11px !important;
    font-weight: 400 !important;
}


/* =========================================================
   13 — CART
   ========================================================= */

.cart-item .product-title,
.cart-product .product-title,
.cart-item .product-name {
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
}

.cart-item .price,
.cart-product .price {
    font-size: 20px !important;
    font-weight: 700 !important;
}


/* =========================================================
   14 — GENERAL BUTTONS
   ========================================================= */

button,
.btn,
.s-button {
    font-size: 13px !important;
    font-weight: 500 !important;
}


/* =========================================================
   15 — FOOTER
   ========================================================= */

footer h3,
footer h4,
.footer-title {
    font-size: 17px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
}

footer a,
footer p,
.footer-links a {
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.9 !important;
}


/* =========================================================
   16 — MOBILE
   ========================================================= */

@media (max-width: 768px) {

    /* Header */

    .main-nav__item,
    .main-nav__item > a,
    .header-nav__item,
    .header-nav__item > a,
    .navbar a,
    .main-menu a,
    .header-menu a,
    .nav-item a {
        font-size: 13px !important;
        font-weight: 600 !important;
        line-height: 1.6 !important;
    }


    /* Hero */

    .banner-entry__title,
    .s-banner-entry__title,
    .banner-title,
    .hero-title,

    .s-block--banner h1,
    .s-block--banner h2,
    .s-block--banner h3,
    .s-block--banner .title,
    .s-block--banner .banner-title,

    .s-banner h1,
    .s-banner h2,
    .s-banner h3,
    .s-banner .title,
    .s-banner .banner-title,

    .s-banner-entry h1,
    .s-banner-entry h2,
    .s-banner-entry h3 {
        font-size: 21px !important;
        font-weight: 600 !important;
        line-height: 1.45 !important;
    }


    /* Hero Description */

    .banner-entry__description,
    .s-banner-entry__description,
    .banner-description,
    .hero-description {
        font-size: 12.5px !important;
        font-weight: 400 !important;
        line-height: 1.9 !important;
    }


    /* Hero Button */

    .banner-entry__button,
    .s-banner-entry__button,
    .hero-button,
    .banner-entry a,
    .s-banner-entry a,

    .s-block--banner a,
    .s-block--banner button,
    .s-block--banner .btn,
    .s-block--banner .s-button,

    .s-banner a,
    .s-banner button,
    .s-banner .btn,
    .s-banner .s-button,

    .s-banner-entry a,
    .s-banner-entry button {
        min-width: 130px !important;
        padding: 10px 24px !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        border-radius: 26px !important;
    }


    /* Hover */

    .banner-entry__button:hover,
    .s-banner-entry__button:hover,
    .hero-button:hover,
    .banner-entry a:hover,
    .s-banner-entry a:hover,

    .s-block--banner a:hover,
    .s-block--banner button:hover,

    .s-banner a:hover,
    .s-banner button:hover,

    .s-banner-entry a:hover,
    .s-banner-entry button:hover {
        transform: translateY(-2px) !important;
    }


    /* Section Titles */

    .s-block__title,
    .s-block__title-text,
    .section-title,
    .section-header h2,
    .heading-title {
        font-size: 22px !important;
        font-weight: 600 !important;
        line-height: 1.5 !important;
        text-align: center !important;
        width: 100% !important;
    }


    /* Section Description */

    .s-block__description,
    .section-description,
    .section-header p {
        font-size: 13px !important;
        font-weight: 400 !important;
        line-height: 1.9 !important;
        text-align: center !important;
    }


    /* =====================================================
       PRODUCT TITLES
       Thin 300
       ===================================================== */

    .s-product-card-content-title,
    .s-product-card-content-title a,
    .s-product-card-content-title span,
    .s-product-card-content-title p,

    .product-item .product-title,
    .product-item .product-title a,
    .product-item .product-title span,
    .product-item .product-title p,

    .product-card .product-title,
    .product-card .product-title a,
    .product-card .product-title span,
    .product-card .product-title p,

    .product-item .product-name,
    .product-item .product-name a,
    .product-item .product-name span,

    .product-card .product-name,
    .product-card .product-name a,
    .product-card .product-name span {
        font-size: 14.5px !important;
        font-weight: 300 !important;
        font-style: normal !important;
        line-height: 1.6 !important;
    }


    /* منع Bold داخلي */

    .s-product-card-content-title *,
    .product-item .product-title *,
    .product-card .product-title *,
    .product-item .product-name *,
    .product-card .product-name * {
        font-weight: 300 !important;
        font-style: normal !important;
    }


    /* strong / b */

    .s-product-card-content-title strong,
    .s-product-card-content-title b,
    .product-item .product-title strong,
    .product-item .product-title b,
    .product-card .product-title strong,
    .product-card .product-title b,
    .product-item .product-name strong,
    .product-item .product-name b,
    .product-card .product-name strong,
    .product-card .product-name b {
        font-weight: 300 !important;
    }


    /* Product Price */

    .s-product-card-price,
    .s-product-card-price-current,

    .product-item .product-price,
    .product-card .product-price,

    .product-item .price,
    .product-card .price {
        font-size: 18px !important;
        font-weight: 700 !important;
        line-height: 1.5 !important;
    }


    /* Product Details */

    .product-details__title,
    .product-detail__title,
    .product-page__title,
    .product-details .product-title,
    .product-detail .product-title,
    .product-info .product-title,
    .product-single .product-title {
        font-size: 24px !important;
        font-weight: 500 !important;
        line-height: 1.5 !important;
    }


    /* Product Description */

    .product-details__description,
    .product-description,
    .product-details p,
    .product-detail p {
        font-size: 13px !important;
        font-weight: 400 !important;
        line-height: 2 !important;
    }


    /* Product Page Price */

    .product-details .product-price,
    .product-detail .product-price,
    .product-info .product-price,
    .product-single .product-price {
        font-size: 20px !important;
        font-weight: 700 !important;
    }


    /* Category */

    .category-title,
    .collection-title,
    .category-header h1 {
        font-size: 22px !important;
        font-weight: 600 !important;
        line-height: 1.5 !important;
        text-align: center !important;
        width: 100% !important;
    }


    /* Cart */

    .cart-item .product-title,
    .cart-product .product-title,
    .cart-item .product-name {
        font-size: 13px !important;
        font-weight: 400 !important;
    }

    .cart-item .price,
    .cart-product .price {
        font-size: 18px !important;
        font-weight: 700 !important;
    }


    /* Footer */

    footer h3,
    footer h4,
    .footer-title {
        font-size: 15px !important;
        font-weight: 600 !important;
    }

    footer a,
    footer p,
    .footer-links a {
        font-size: 12px !important;
        font-weight: 400 !important;
    }
}


/* =========================================================
   17 — SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    /* Header */

    .main-nav__item,
    .main-nav__item > a,
    .header-nav__item,
    .header-nav__item > a,
    .navbar a,
    .main-menu a,
    .header-menu a,
    .nav-item a {
        font-size: 12.5px !important;
        font-weight: 600 !important;
    }


    /* Hero */

    .banner-entry__title,
    .s-banner-entry__title,
    .banner-title,
    .hero-title,

    .s-block--banner h1,
    .s-block--banner h2,
    .s-block--banner h3,
    .s-block--banner .title,

    .s-banner h1,
    .s-banner h2,
    .s-banner h3,
    .s-banner .title,

    .s-banner-entry h1,
    .s-banner-entry h2,
    .s-banner-entry h3 {
        font-size: 20px !important;
        font-weight: 600 !important;
        line-height: 1.45 !important;
    }


    /* Hero Button */

    .banner-entry__button,
    .s-banner-entry__button,
    .hero-button,
    .banner-entry a,
    .s-banner-entry a,

    .s-block--banner a,
    .s-block--banner button,

    .s-banner a,
    .s-banner button,

    .s-banner-entry a,
    .s-banner-entry button {
        min-width: 120px !important;
        padding: 9px 20px !important;
        font-size: 11.5px !important;
        border-radius: 25px !important;
    }


    /* Section */

    .s-block__title,
    .s-block__title-text,
    .section-title,
    .section-header h2,
    .heading-title {
        font-size: 20px !important;
        font-weight: 600 !important;
        text-align: center !important;
    }


    /* Product Titles — Thin */

    .s-product-card-content-title,
    .s-product-card-content-title a,
    .s-product-card-content-title span,

    .product-item .product-title,
    .product-item .product-title a,

    .product-card .product-title,
    .product-card .product-title a,

    .product-item .product-name,
    .product-item .product-name a,

    .product-card .product-name,
    .product-card .product-name a {
        font-size: 14px !important;
        font-weight: 300 !important;
        font-style: normal !important;
        line-height: 1.6 !important;
    }


    /* Product Price */

    .s-product-card-price,
    .s-product-card-price-current,

    .product-item .product-price,
    .product-card .product-price,

    .product-item .price,
    .product-card .price {
        font-size: 17px !important;
        font-weight: 700 !important;
    }


    /* Product Page */

    .product-details__title,
    .product-detail__title,
    .product-page__title,
    .product-details .product-title,
    .product-detail .product-title,
    .product-info .product-title,
    .product-single .product-title {
        font-size: 22px !important;
    }


    /* Category */

    .category-title,
    .collection-title,
    .category-header h1 {
        font-size: 20px !important;
        text-align: center !important;
    }
}