/* ============================================
   ShirazGate - استایل‌های سفارشی بخش‌های مختلف سایت
   ============================================ */

/* --- 1. دسته‌بندی محصولات --- */
.sg-categories {
    background: radial-gradient(circle at 50% 0%, #003a6d 0%, #001e38 70%, #000c19 100%) !important;
    border-radius: 32px !important;
    padding: 36px 24px !important;
    margin: 30px 0 !important;
    border: 1px solid rgba(244, 184, 96, 0.25) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4) !important;
}
.sg-categories h2 {
    color: #ffffff !important;
    font-size: 1.5rem !important;
    font-weight: 900 !important;
    margin-bottom: 32px !important;
}
.sg-categories h2::after {
    content: '' !important;
    display: block !important;
    width: 50px !important;
    height: 4px !important;
    background: #F4B860 !important;
    margin: 10px auto 0 !important;
    border-radius: 10px !important;
    box-shadow: 0 0 12px #F4B860 !important;
}
.sg-categories .border,
.sg-categories div[class*="shadow-"] {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 8px !important;
}
.sg-categories a.block {
    background: rgba(255, 255, 255, 0.06) !important;
    backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 24px !important;
    padding: 24px 12px !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}
.sg-categories a.block:hover {
    transform: translateY(-8px) scale(1.04) !important;
    background: linear-gradient(135deg, #F4B860 0%, #e09f3e 100%) !important;
    border-color: #ffffff !important;
    box-shadow: 0 15px 35px rgba(244, 184, 96, 0.5) !important;
}
.sg-categories img {
    transition: transform 0.4s ease !important;
}
.sg-categories a.block:hover img {
    transform: scale(1.15) !important;
}
.sg-categories h4 {
    color: #e2e8f0 !important;
    font-size: 0.85rem !important;
    font-weight: 800 !important;
    margin-top: 14px !important;
    transition: color 0.3s ease !important;
}
.sg-categories a.block:hover h4 {
    color: #001e38 !important;
}

/* --- 2. هدر و نوبار --- */
.sg-header .widget-buttons,
.sg-header .widget-buttons {
    z-index: 999999 !important;
    position: relative !important;
    pointer-events: auto !important;
}
.sg-header {
    background: rgba(255, 255, 255, 0.88) !important;
    backdrop-filter: blur(16px) -webkit-backdrop-filter: blur(16px) !important;
    border-bottom: 1px solid rgba(244, 184, 96, 0.3) !important;
    box-shadow: 0 8px 32px rgba(0, 46, 87, 0.06) !important;
}
.sg-header .megamenu-btn {
    background: linear-gradient(135deg, #002e57 0%, #001833 100%) !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    padding: 8px 22px !important;
    border: 1px solid #F4B860 !important;
    box-shadow: 0 4px 14px rgba(0, 46, 87, 0.2) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.sg-header .megamenu-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(244, 184, 96, 0.35) !important;
}
.sg-header .megamenu-btn i {
    color: #F4B860 !important;
}
.sg-header .navbar-search input[name="q"] {
    background: #ffffff !important;
    border: 1.5px solid rgba(132, 134, 136, 0.2) !important;
    border-radius: 50px !important;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.02) !important;
    color: #002e57 !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}
.sg-header .navbar-search input[name="q"]:focus {
    border-color: #F4B860 !important;
    box-shadow: 0 0 0 4px rgba(244, 184, 96, 0.2) !important;
}
.sg-header .navbar-search .icon-search {
    color: #848688 !important;
}
.sg-header .navbar ul li .dropdown-btn,
.sg-header .navbar ul li a[cart] {
    border: 1px solid rgba(0, 46, 87, 0.12) !important;
    border-radius: 50px !important;
    background: #ffffff !important;
    color: #002e57 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
    transition: all 0.3s ease !important;
}
.sg-header .navbar ul li .dropdown-btn:hover,
.sg-header .navbar ul li a[cart]:hover {
    border-color: #F4B860 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0, 46, 87, 0.1) !important;
}
.sg-header .navbar ul li .dropdown-btn i,
.sg-header .navbar ul li a[cart] i {
    color: #002e57 !important;
}
.sg-header .navbar ul li a[cart] .badge,
.sg-header .navbar ul li a[cart] span.count {
    background: #F4B860 !important;
    color: #002e57 !important;
    font-weight: 800 !important;
    border-radius: 50px !important;
}
.sg-header .navbar-items .nav-link {
    color: #002e57 !important;
    font-weight: 700 !important;
    transition: color 0.2s ease !important;
}
.sg-header .navbar-items .nav-item.active .nav-link,
.sg-header .navbar-items .nav-link:hover {
    color: #F4B860 !important;
}

/* --- 3. محبوب‌ترین محصولات --- */
.sg-popular {
    background: linear-gradient(135deg, #001224 0%, #002e57 60%, #000a14 100%) !important;
    border-radius: 32px !important;
    padding: 36px 20px 28px 20px !important;
    border: 1.5px solid rgba(244, 184, 96, 0.35) !important;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.45) !important;
    margin: 30px 0 !important;
}
.sg-popular h2 {
    color: #ffffff !important;
    font-size: 1.5rem !important;
    font-weight: 900 !important;
    text-align: center !important;
    margin-bottom: 28px !important;
}
.sg-popular h2::after {
    content: '' !important;
    display: block !important;
    width: 55px !important;
    height: 4px !important;
    background: #F4B860 !important;
    margin: 10px auto 0 !important;
    border-radius: 10px !important;
    box-shadow: 0 0 12px #F4B860 !important;
}
.sg-popular .swiper-slide {
    border: none !important;
    padding: 8px !important;
}
.sg-popular .swiper-slide a {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(12px) !important;
    border-radius: 24px !important;
    border: 2px solid rgba(255, 255, 255, 0.8) !important;
    padding: 16px 12px !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    height: 100% !important;
}
.sg-popular .swiper-slide a:hover {
    transform: translateY(-10px) scale(1.02) !important;
    background: #ffffff !important;
    border-color: #F4B860 !important;
    box-shadow: 0 20px 40px rgba(244, 184, 96, 0.4) !important;
}
.sg-popular .thumbnail-holder {
    background: #f4f6f8 !important;
    border-radius: 18px !important;
    padding: 10px !important;
    transition: transform 0.3s ease !important;
    margin-bottom: 12px !important;
}
.sg-popular .swiper-slide a:hover .thumbnail-holder {
    transform: scale(1.08) !important;
}
.sg-popular h3 {
    color: #002e57 !important;
    font-weight: 800 !important;
    font-size: 0.85rem !important;
    text-align: center !important;
    margin-bottom: 12px !important;
}
.sg-popular .fa-numbers span {
    color: #d97706 !important;
    font-weight: 900 !important;
    font-size: 1.05rem !important;
}
.sg-popular .text-red-dark {
    background: rgba(220, 38, 38, 0.1) !important;
    color: #dc2626 !important;
    padding: 4px 12px !important;
    border-radius: 20px !important;
    font-weight: 800 !important;
    font-size: 0.75rem !important;
}

/* --- 4. پیشنهادات ویژه --- */
.sg-offers .special-offers-abstract {
    display: none !important;
}
.sg-offers .widget-buttons {
    z-index: 100000 !important;
    position: relative !important;
}
.sg-offers {
    background: linear-gradient(180deg, #001f3f 0%, #002e57 100%) !important;
    border-radius: 32px !important;
    border: 2px solid #F4B860 !important;
    box-shadow: 0 15px 40px rgba(244, 184, 96, 0.2) !important;
    padding: 24px !important;
}
.sg-offers .swiper-slide a {
    background: #ffffff !important;
    border-radius: 18px !important;
    border-bottom: 4px solid #F4B860 !important;
    padding: 16px !important;
    transition: all 0.3s ease !important;
}
.sg-offers .swiper-slide a:hover {
    transform: translateY(-8px) !important;
    border-bottom-color: #002e57 !important;
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.2) !important;
}
.sg-offers h3 {
    color: #002e57 !important;
    font-weight: 800 !important;
}
.sg-offers .fa-numbers span {
    color: #d97706 !important;
    font-weight: 900 !important;
}

/* --- 5. اسلایدر اصلی --- */
.sg-hero .widget-buttons {
    z-index: 99999 !important;
    position: relative !important;
}
.sg-hero {
    padding: 20px 10px !important;
    perspective: 1000px !important;
}
.sg-hero .swiper {
    border-radius: 28px !important;
    background: linear-gradient(145deg, rgba(0, 46, 87, 0.9), rgba(132, 134, 136, 0.2)) !important;
    padding: 8px !important;
    box-shadow: 0 25px 50px -12px rgba(0, 46, 87, 0.4), 0 0 0 1px rgba(244, 184, 96, 0.5) !important;
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}
.sg-hero .swiper:hover {
    transform: translateY(-8px) rotateX(2deg) !important;
    box-shadow: 0 35px 60px -15px rgba(244, 184, 96, 0.3), 0 0 25px rgba(244, 184, 96, 0.6) !important;
}
.sg-hero .swiper-slide img {
    border-radius: 20px !important;
    filter: brightness(0.98) contrast(1.02) !important;
}
.sg-hero .swiper-pagination-container {
    bottom: 24px !important;
}
.sg-hero .swiper-pagination {
    background: rgba(0, 46, 87, 0.85) !important;
    backdrop-filter: blur(16px) -webkit-backdrop-filter: blur(16px) !important;
    border: 1.5px solid #F4B860 !important;
    padding: 8px 20px !important;
    border-radius: 40px !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.3) !important;
}
.sg-hero .swiper-pagination-bullet {
    background: #848688 !important;
    width: 10px !important;
    height: 10px !important;
    margin: 0 5px !important;
}
.sg-hero .swiper-pagination-bullet-active {
    background: #F4B860 !important;
    width: 30px !important;
    border-radius: 8px !important;
    box-shadow: 0 0 12px #F4B860 !important;
}

/* --- 6. بنرهای 2 ستونه --- */
.sg-banner-2col a.block {
    position: relative !important;
    border-radius: 26px !important;
    padding: 5px !important;
    background: linear-gradient(135deg, rgba(0, 46, 87, 0.08), rgba(244, 184, 96, 0.15)) !important;
    border: 2px solid rgba(0, 46, 87, 0.2) !important;
    overflow: hidden !important;
    box-shadow: 0 8px 24px rgba(0, 46, 87, 0.08) !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.sg-banner-2col a.block img {
    border-radius: 20px !important;
    transition: transform 0.5s ease, filter 0.3s ease !important;
    display: block !important;
    width: 100% !important;
}
.sg-banner-2col a.block::before {
    content: '' !important;
    position: absolute !important;
    top: -20% !important;
    left: -120% !important;
    width: 70% !important;
    height: 140% !important;
    background: linear-gradient(90deg, transparent, rgba(244, 184, 96, 0.45), rgba(255, 255, 255, 0.6), transparent) !important;
    transform: skewX(-25deg) !important;
    transition: all 0.85s ease !important;
    z-index: 3 !important;
    pointer-events: none !important;
}
.sg-banner-2col a.block:hover {
    border-color: #F4B860 !important;
    background: linear-gradient(135deg, #002e57, #F4B860) !important;
    transform: translateY(-6px) !important;
    box-shadow: 0 16px 36px rgba(0, 46, 87, 0.22), 0 0 18px rgba(244, 184, 96, 0.35) !important;
}
.sg-banner-2col a.block:hover img {
    transform: scale(1.02) !important;
}
.sg-banner-2col a.block:hover::before {
    left: 160% !important;
}

/* --- 7. گرید دسته‌بندی 3 ستونه --- */
.sg-category-grid h2.text-dark {
    color: #002e57 !important;
    font-size: 1.18rem !important;
    font-weight: 800 !important;
}
.sg-category-grid h2.text-gray {
    color: #64748b !important;
    font-size: 0.78rem !important;
    margin-top: 4px !important;
}
.sg-category-grid .sg-grid-box {
    background: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%) !important;
    border: 1.5px solid rgba(0, 46, 87, 0.15) !important;
    border-radius: 24px !important;
    padding: 12px !important;
    box-shadow: 0 10px 25px rgba(0, 46, 87, 0.06) !important;
    transition: all 0.35s ease !important;
}
.sg-category-grid .sg-grid-box:hover {
    border-color: #F4B860 !important;
    box-shadow: 0 15px 35px rgba(0, 46, 87, 0.14) !important;
}
.sg-category-grid .sg-grid-box div[class*="shadow-"],
.sg-category-grid .sg-grid-box .shadow-gray-300 {
    box-shadow: none !important;
    border: none !important;
    padding: 5px !important;
}
.sg-category-grid .sg-grid-box a.block {
    background: #ffffff !important;
    border-radius: 16px !important;
    border: 1px solid #e2e8f0 !important;
    padding: 10px !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.sg-category-grid .sg-grid-box a.block:hover {
    transform: translateY(-4px) scale(1.04) !important;
    background: #002e57 !important;
    border-color: #F4B860 !important;
    box-shadow: 0 8px 20px rgba(0, 46, 87, 0.25) !important;
}
.sg-category-grid img.thumbnail {
    border-radius: 12px !important;
    transition: transform 0.3s ease !important;
}
.sg-category-grid .sg-grid-box a.block:hover img.thumbnail {
    transform: scale(1.08) !important;
}
.sg-category-grid .btn-arrow-left {
    background: #002e57 !important;
    color: #ffffff !important;
    border: 1px solid #F4B860 !important;
    border-radius: 14px !important;
    padding: 6px 18px !important;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 12px rgba(0, 46, 87, 0.15) !important;
}
.sg-category-grid .btn-arrow-left:hover {
    background: #F4B860 !important;
    color: #002e57 !important;
    box-shadow: 0 6px 18px rgba(244, 184, 96, 0.4) !important;
    transform: translateX(-3px) !important;
}

/* --- 8. بنرهای 4 ستونه --- */
.sg-banner-4col {
    background: radial-gradient(circle at 50% 30%, #003a6d 0%, #001e38 60%, #000c19 100%) !important;
    border-radius: 36px !important;
    border: 1.5px solid rgba(244, 184, 96, 0.4) !important;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.5), inset 0 1px 1px rgba(255, 255, 255, 0.2) !important;
    padding: 40px 20px 20px 20px !important;
    margin-top: 24px !important;
    margin-bottom: 24px !important;
    position: relative !important;
    overflow: hidden !important;
}
.sg-banner-4col::before {
    content: '' !important;
    position: absolute !important;
    top: -50% !important;
    left: -50% !important;
    width: 200% !important;
    height: 200% !important;
    background: radial-gradient(circle, rgba(244, 184, 96, 0.08) 0%, transparent 60%) !important;
    pointer-events: none !important;
}
.sg-banner-4col .widget-buttons {
    z-index: 100000 !important;
    position: relative !important;
}
.sg-banner-4col .widget-buttons a.btn {
    background: linear-gradient(90deg, #F4B860 0%, #e09f3e 100%) !important;
    color: #001e38 !important;
    font-weight: 800 !important;
    border-radius: 50px !important;
    border: none !important;
    box-shadow: 0 4px 15px rgba(244, 184, 96, 0.4) !important;
}
.sg-banner-4col a.block {
    position: relative !important;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.02) 100%) !important;
    backdrop-filter: blur(14px) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 24px !important;
    padding: 10px !important;
    overflow: hidden !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}
.sg-banner-4col a.block:hover {
    transform: translateY(-8px) scale(1.02) !important;
    background: linear-gradient(135deg, #ffffff 0%, #fef3c7 100%) !important;
    border-color: #F4B860 !important;
    box-shadow: 0 20px 45px rgba(244, 184, 96, 0.45) !important;
}
.sg-banner-4col img {
    border-radius: 16px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}
.sg-banner-4col a.block:hover img {
    transform: scale(1.04) !important;
}

/* --- 9. مجله فروشگاه --- */
.sg-blog {
    background: #ffffff !important;
    border-radius: 28px !important;
    padding: 32px 24px !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 10px 30px rgba(0, 46, 87, 0.04) !important;
    margin: 32px 0 !important;
}
.sg-blog .flex.items-center {
    border-bottom: 2px solid #f1f5f9 !important;
    padding-bottom: 16px !important;
    margin-bottom: 28px !important;
}
.sg-blog h2 {
    color: #002e57 !important;
    font-size: 1.35rem !important;
    font-weight: 800 !important;
    position: relative !important;
    padding-right: 12px !important;
}
.sg-blog h2::before {
    content: '' !important;
    position: absolute !important;
    right: 0 !important;
    top: 25% !important;
    height: 50% !important;
    width: 4px !important;
    background: #F4B860 !important;
    border-radius: 4px !important;
}
.sg-blog a[href*="/site/posts"] {
    background: #002e57 !important;
    color: #ffffff !important;
    border: 1px solid #002e57 !important;
    border-radius: 12px !important;
    padding: 8px 18px !important;
    font-size: 0.8rem !important;
    font-weight: 700 !important;
    transition: all 0.25s ease !important;
    box-shadow: 0 4px 12px rgba(0, 46, 87, 0.15) !important;
}
.sg-blog a[href*="/site/posts"]:hover {
    background: #F4B860 !important;
    color: #002e57 !important;
    border-color: #F4B860 !important;
    transform: translateX(-4px) !important;
    box-shadow: 0 6px 16px rgba(244, 184, 96, 0.3) !important;
}
.sg-blog a.block.rounded-lg {
    background: #f8fafc !important;
    border: 1.5px solid #e2e8f0 !important;
    border-top: 3px solid #002e57 !important;
    border-radius: 20px !important;
    padding: 12px !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    overflow: hidden !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}
.sg-blog a.block.rounded-lg:hover {
    border-color: #F4B860 !important;
    border-top-color: #F4B860 !important;
    background: #ffffff !important;
    transform: translateY(-6px) !important;
    box-shadow: 0 16px 32px rgba(0, 46, 87, 0.1) !important;
}
.sg-blog img {
    border-radius: 14px !important;
    transition: transform 0.4s ease !important;
    width: 100% !important;
    object-fit: cover !important;
    max-height: 160px !important;
}
.sg-blog a.block.rounded-lg:hover img {
    transform: scale(1.05) !important;
}
.sg-blog h4 {
    color: #0f172a !important;
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    line-height: 1.55 !important;
    padding: 14px 6px 6px 6px !important;
    transition: color 0.2s ease !important;
}
.sg-blog a.block.rounded-lg:hover h4 {
    color: #002e57 !important;
}

/* --- 10. جدیدترین محصولات --- */
.sg-latest {
    background: #f8fafc !important;
    border-radius: 24px !important;
    padding: 32px 20px 24px 20px !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 20px 40px -15px rgba(0, 46, 87, 0.07) !important;
    margin: 28px 0 !important;
}
.sg-latest h2 {
    color: #002e57 !important;
    font-size: 1.35rem !important;
    font-weight: 800 !important;
    text-align: center !important;
    margin-bottom: 24px !important;
    letter-spacing: -0.3px !important;
}
.sg-latest h2::after {
    content: '' !important;
    display: block !important;
    width: 42px !important;
    height: 3px !important;
    background: #F4B860 !important;
    margin: 8px auto 0 !important;
    border-radius: 10px !important;
}
.sg-latest .swiper-slide {
    border: none !important;
    padding: 8px 6px !important;
    height: auto !important;
}
.sg-latest .swiper-slide a {
    background: #ffffff !important;
    border-radius: 18px !important;
    border: 1px solid #cbd5e1 !important;
    border-top: 3px solid #002e57 !important;
    padding: 16px 12px 14px 12px !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    height: 100% !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;
}
.sg-latest .swiper-slide a:hover {
    border-color: #F4B860 !important;
    border-top-color: #F4B860 !important;
    transform: translateY(-6px) !important;
    box-shadow: 0 16px 30px rgba(0, 46, 87, 0.12) !important;
}
.sg-latest .thumbnail-holder {
    background: #f1f5f9 !important;
    border-radius: 14px !important;
    padding: 8px !important;
    margin-bottom: 12px !important;
    width: 100px !important;
    height: 100px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: transform 0.3s ease !important;
}
.sg-latest .swiper-slide a:hover .thumbnail-holder {
    transform: scale(1.05) !important;
    background: #ffffff !important;
}
.sg-latest .thumbnail-holder img {
    max-height: 100% !important;
    object-fit: contain !important;
}
.sg-latest h3 {
    color: #0f172a !important;
    font-weight: 700 !important;
    font-size: 0.82rem !important;
    text-align: center !important;
    margin-bottom: 12px !important;
    line-height: 1.45 !important;
}
.sg-latest .fa-numbers span {
    color: #002e57 !important;
    font-weight: 800 !important;
    font-size: 1rem !important;
    display: block !important;
    text-align: center !important;
}
.sg-latest .fa-numbers span span {
    color: #64748b !important;
    font-size: 0.65rem !important;
    font-weight: 600 !important;
}
.sg-latest .swiper-minimal-navigation {
    background: #ffffff !important;
    border: 1.5px solid #002e57 !important;
    color: #002e57 !important;
    border-radius: 50% !important;
    width: 38px !important;
    height: 38px !important;
    transition: all 0.25s ease !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05) !important;
}
.sg-latest .swiper-minimal-navigation:hover:not(:disabled) {
    background: #002e57 !important;
    color: #F4B860 !important;
    border-color: #002e57 !important;
}

/* --- 11. ویژگی‌ها --- */
.sg-features {
    background: #ffffff !important;
    border-radius: 24px !important;
    padding: 32px 16px !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 10px 30px rgba(0, 46, 87, 0.04) !important;
    margin: 28px 0 !important;
}
.sg-features .widget-buttons {
    display: none !important;
}
.sg-features .feature-item {
    padding: 6px !important;
}
.sg-features .feature-item > div {
    background: #f8fafc !important;
    border: 1.5px solid #002e57 !important;
    border-radius: 20px !important;
    padding: 20px 10px !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
    cursor: pointer !important;
}
.sg-features .feature-item > div:hover {
    background: #ffffff !important;
    border-color: #F4B860 !important;
    transform: translateY(-5px) !important;
    box-shadow: 0 12px 28px rgba(0, 46, 87, 0.1) !important;
}
.sg-features img {
    width: 54px !important;
    height: 54px !important;
    object-fit: contain !important;
    background: #ffffff !important;
    border-radius: 16px !important;
    padding: 8px !important;
    margin: 0 auto 12px auto !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 12px rgba(0, 46, 87, 0.06) !important;
    transition: all 0.3s ease !important;
}
.sg-features .feature-item > div:hover img {
    border-color: #F4B860 !important;
    transform: scale(1.1) !important;
    box-shadow: 0 6px 16px rgba(244, 184, 96, 0.25) !important;
}
.sg-features h4 {
    color: #002e57 !important;
    font-size: 0.82rem !important;
    font-weight: 800 !important;
    text-align: center !important;
    padding: 0 !important;
    margin: 0 !important;
    white-space: nowrap !important;
    transition: color 0.2s ease !important;
}
.sg-features .feature-item > div:hover h4 {
    color: #d99b38 !important;
}

/* --- 12. فوتر - درباره ما --- */
.sg-footer-about {
    background: #001e3b !important;
    border-top: 1px solid rgba(244, 184, 96, 0.2) !important;
    padding: 28px 24px 36px 24px !important;
    color: #ffffff !important;
}
.sg-footer-about .font-bold.text-dark {
    color: #F4B860 !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    margin-bottom: 10px !important;
}
.sg-footer-about .text-gray {
    color: #94a3b8 !important;
    font-size: 0.825rem !important;
    line-height: 1.8 !important;
    text-align: justify !important;
}
.sg-footer-about img {
    background: #ffffff !important;
    border: 1.5px solid rgba(244, 184, 96, 0.4) !important;
    border-radius: 12px !important;
    padding: 6px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
    max-height: 85px !important;
}
.sg-footer-about img:hover {
    border-color: #F4B860 !important;
    transform: translateY(-4px) scale(1.03) !important;
    box-shadow: 0 8px 20px rgba(244, 184, 96, 0.25) !important;
}

/* --- 13. فوتر کلی --- */
.sg-footer {
    background: linear-gradient(180deg, #002e57 0%, #001e3b 100%) !important;
    border-top: 3px solid #F4B860 !important;
    border-radius: 24px 24px 0 0 !important;
    padding: 40px 24px 32px 24px !important;
    color: #ffffff !important;
    box-shadow: 0 -10px 30px rgba(0, 46, 87, 0.15) !important;
    margin-top: 40px !important;
}
.sg-footer .font-bold.text-dark,
.sg-footer .font-semibold.text-dark {
    color: #F4B860 !important;
    font-size: 1.1rem !important;
    font-weight: 800 !important;
    position: relative !important;
    padding-bottom: 8px !important;
}
.sg-footer .font-bold.text-dark::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    right: 0 !important;
    width: 36px !important;
    height: 2px !important;
    background: #F4B860 !important;
    border-radius: 2px !important;
}
.sg-footer .text-gray {
    color: #cbd5e1 !important;
}
.sg-footer .space-y-14 > div {
    margin-bottom: 12px !important;
}
.sg-footer .space-y-14 i {
    color: #F4B860 !important;
    font-size: 1.25rem !important;
}
.sg-footer ul a {
    color: #94a3b8 !important;
    transition: all 0.25s ease !important;
    display: inline-block !important;
}
.sg-footer ul a:hover {
    color: #F4B860 !important;
    transform: translateX(-4px) !important;
}
.sg-footer .p-4 a {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(244, 184, 96, 0.25) !important;
    color: #ffffff !important;
    border-radius: 12px !important;
    transition: all 0.3s ease !important;
}
.sg-footer .p-4 a:hover {
    background: #F4B860 !important;
    color: #002e57 !important;
    border-color: #F4B860 !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 4px 12px rgba(244, 184, 96, 0.3) !important;
}
.sg-footer .footer-subscription-form input.form-control {
    background: rgba(255, 255, 255, 0.07) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
    border-radius: 12px !important;
    padding: 10px 14px !important;
    font-size: 0.875rem !important;
    outline: none !important;
    transition: all 0.25s ease !important;
}
.sg-footer .footer-subscription-form input.form-control:focus {
    border-color: #F4B860 !important;
    box-shadow: 0 0 0 3px rgba(244, 184, 96, 0.2) !important;
    background: rgba(255, 255, 255, 0.12) !important;
}
.sg-footer .footer-subscription-form input.form-control::placeholder {
    color: #64748b !important;
}
.sg-footer .footer-subscription-form button.btn-primary {
    background: #F4B860 !important;
    color: #002e57 !important;
    font-weight: 700 !important;
    border: none !important;
    border-radius: 12px !important;
    padding: 10px 20px !important;
    transition: all 0.25s ease !important;
    cursor: pointer !important;
}
.sg-footer .footer-subscription-form button.btn-primary:hover {
    background: #e0a348 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(244, 184, 96, 0.3) !important;
}