.elementor-327 .elementor-element.elementor-element-52d063a{--display:flex;}.elementor-327 .elementor-element.elementor-element-52d063a:not(.elementor-motion-effects-element-type-background), .elementor-327 .elementor-element.elementor-element-52d063a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#50033E;}/* Start custom CSS for container, class: .elementor-element-52d063a *//* =========================================================
   GOLSAR LUXURY - ULTRA PREMIUM CSS
   Version: 5.0.0 - Complete Fix
========================================================= */

/* =========================================================
   ROOT VARIABLES - LUXURY PALETTE
========================================================= */
.golsar-luxury {
    --gold-1: #f5e6c8 !important;
    --gold-2: #d4af37 !important;
    --gold-3: #b8860b !important;
    --platinum: #e5e4e2 !important;
    --champagne: #f7e7ce !important;
    --diamond: #b9f2ff !important;
    --dark-luxury: #0a0a0f !important;
    --dark-elegant: #111118 !important;
    --glass-luxury: rgba(255, 255, 255, 0.12) !important;
    --border-gold: rgba(212, 175, 55, 0.5) !important;
    --shadow-gold: 0 20px 60px rgba(0, 0, 0, 0.5), 0 0 40px rgba(212, 175, 55, 0.15) !important;
    --gradient-gold: linear-gradient(135deg, #f5e6c8 0%, #d4af37 50%, #b8860b 100%) !important;
}

/* =========================================================
   GLOBAL RESET
========================================================= */
.golsar-luxury {
    font-family: "Vazirmatn", Tahoma, sans-serif !important;
    color: #fff !important;
    width: 100% !important;
    overflow: hidden !important;
    background: linear-gradient(180deg, #0a0a0f 0%, #111118 50%, #0a0a0f 100%) !important;
    position: relative !important;
    box-sizing: border-box !important;
}

.golsar-luxury *,
.golsar-luxury *::before,
.golsar-luxury *::after {
    box-sizing: border-box !important;
}

/* =========================================================
   HERO SECTION - FULL WIDTH FIX
========================================================= */
.golsar-hero {
    width: 100% !important;
    max-width: 100% !important;
    height: clamp(250px, 35vw, 500px) !important;
    margin: 0 auto 40px !important;
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    background: #000 !important;
    border: none !important;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.5) !important;
}

.golsar-hero-track {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
}

.golsar-hero-slide {
    position: absolute !important;
    inset: 0 !important;
    opacity: 0 !important;
    transform: scale(1.05) !important;
    transition: opacity 1.2s ease, transform 8s ease !important;
}

.golsar-hero-slide.active {
    opacity: 1 !important;
    transform: scale(1) !important;
}

.golsar-hero-slide img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
    filter: brightness(0.75) contrast(1.15) saturate(1.2) !important;
}

/* افکت طلایی روی بنر */
.golsar-hero::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.25) 0%, transparent 50%, rgba(212, 175, 55, 0.15) 100%) !important;
    z-index: 2 !important;
    pointer-events: none !important;
}

/* افکت گرادیان پایین بنر */
.golsar-hero::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(180deg, transparent 30%, rgba(0,0,0,0.8) 100%) !important;
    pointer-events: none !important;
    z-index: 3 !important;
}

/* =========================================================
   HERO SHOP BUTTON - FIXED ON BANNER
========================================================= */
.golsar-hero-shop-btn {
    position: absolute !important;
    z-index: 10 !important;
    bottom: 35px !important;
    right: 40px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    min-height: 55px !important;
    padding: 0 30px !important;
    border-radius: 50px !important;
    background: var(--gradient-gold) !important;
    border: 2px solid rgba(255, 255, 255, 0.6) !important;
    color: #1a1a1a !important;
    text-decoration: none !important;
    font-family: "Vazirmatn", Tahoma, sans-serif !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    letter-spacing: 0.5px !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    box-shadow: 0 15px 40px rgba(212, 175, 55, 0.5), 0 0 30px rgba(212, 175, 55, 0.3) !important;
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    cursor: pointer !important;
    text-transform: uppercase !important;
    animation: luxuryGlow 3s ease-in-out infinite !important;
}

.golsar-hero-shop-btn:hover {
    transform: translateY(-5px) scale(1.05) !important;
    box-shadow: 0 25px 60px rgba(212, 175, 55, 0.7), 0 0 40px rgba(212, 175, 55, 0.4) !important;
    background: linear-gradient(135deg, #fff 0%, #f5e6c8 50%, #d4af37 100%) !important;
    animation: none !important;
}

.golsar-hero-shop-btn span {
    font-size: 12px !important;
    font-weight: 700 !important;
}

@keyframes luxuryGlow {
    0%, 100% { 
        box-shadow: 0 15px 40px rgba(212, 175, 55, 0.4), 0 0 20px rgba(212, 175, 55, 0.2);
    }
    50% { 
        box-shadow: 0 15px 50px rgba(212, 175, 55, 0.6), 0 0 40px rgba(212, 175, 55, 0.4);
    }
}

/* =========================================================
   RICE BOX - IMAGE FIX
========================================================= */
.golsar-rice-box {
    width: min(1500px, calc(100% - 40px)) !important;
    min-height: 400px !important;
    margin: 50px auto !important;
    position: relative !important;
    overflow: hidden !important;
    display: grid !important;
    grid-template-columns: 1.1fr 1fr !important;
    border-radius: 50px !important;
    border: 2px solid rgba(212, 175, 55, 0.5) !important;
    background: linear-gradient(135deg, #1a2a0a 0%, #3a5a1a 50%, #5c7a2a 100%) !important;
    box-shadow: var(--shadow-gold), 0 0 50px rgba(212, 175, 55, 0.2) !important;
}

.golsar-rice-image {
    min-height: 400px !important;
    position: relative !important;
    overflow: hidden !important;
    background: #18240e !important;
}

.golsar-rice-image::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(90deg, transparent, rgba(24,36,14,.85)) !important;
    z-index: 1 !important;
}

.golsar-rice-image img {
    width: 100% !important;
    height: 100% !important;
    min-height: 400px !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: brightness(0.9) contrast(1.1) saturate(1.1) !important;
    transition: transform 0.7s ease !important;
}

.golsar-rice-box:hover .golsar-rice-image img {
    transform: scale(1.1) !important;
}

.golsar-rice-content {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    padding: 40px !important;
    position: relative !important;
    z-index: 2 !important;
}

.golsar-rice-content h2 {
    background: var(--gradient-gold) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    font-size: clamp(35px, 5vw, 55px) !important;
    font-weight: 900 !important;
}

.golsar-rice-content a {
    background: var(--gradient-gold) !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    color: #1a1a1a !important;
    font-weight: 900 !important;
    border-radius: 50px !important;
    padding: 15px 30px !important;
    box-shadow: 0 15px 35px rgba(212, 175, 55, 0.4) !important;
    transition: all 0.4s ease !important;
    text-decoration: none !important;
}

.golsar-rice-content a:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 25px 50px rgba(212, 175, 55, 0.6) !important;
}

/* =========================================================
   BLUE MATCHA & GOLDEN LATTE - VISIBILITY FIX
========================================================= */
.cat-blue-matcha,
.theme-blue,
.cat-golden,
.theme-gold {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 1 !important;
}

/* =========================================================
   CATEGORY SECTIONS - LUXURY
========================================================= */
.golsar-category-section {
    position: relative !important;
    width: min(1500px, calc(100% - 40px)) !important;
    margin: 40px auto !important;
    border-radius: 50px !important;
    overflow: hidden !important;
    isolation: isolate !important;
    box-shadow: var(--shadow-gold) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
}

.theme-purple {
    background: linear-gradient(135deg, #1a0b2e 0%, #4a1a7a 50%, #6b238d 100%) !important;
}

.theme-green {
    background: linear-gradient(135deg, #061d14 0%, #1a5c3a 50%, #267052 100%) !important;
}

.theme-black {
    background: linear-gradient(135deg, #000000 0%, #1a1a1a 50%, #2a2a2a 100%) !important;
}

.theme-tea {
    background: linear-gradient(135deg, #210606 0%, #5c1a1a 50%, #86291f 100%) !important;
}

.theme-red {
    background: linear-gradient(135deg, #30070a 0%, #701218 50%, #9a1820 100%) !important;
}

.theme-gold {
    background: linear-gradient(135deg, #2b1c05 0%, #5c3d0a 50%, #a67b12 100%) !important;
    border: 2px solid rgba(212, 175, 55, 0.6) !important;
    box-shadow: 0 30px 90px rgba(212, 175, 55, 0.3), 0 0 50px rgba(212, 175, 55, 0.1) !important;
}

.theme-blue {
    background: linear-gradient(135deg, #051c35 0%, #0a3a5c 50%, #087da4 100%) !important;
    border: 2px solid rgba(100, 200, 255, 0.4) !important;
    box-shadow: 0 30px 90px rgba(100, 200, 255, 0.2), 0 0 50px rgba(100, 200, 255, 0.1) !important;
}

/* =========================================================
   PRODUCT CARDS - LUXURY GLASS
========================================================= */
.golsar-product {
    border-radius: 30px !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.05) 100%) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3), inset 0 1px rgba(255, 255, 255, 0.2) !important;
    backdrop-filter: blur(25px) !important;
    -webkit-backdrop-filter: blur(25px) !important;
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    position: relative !important;
    overflow: hidden !important;
}

.golsar-product::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, transparent 40%, rgba(212, 175, 55, 0.1) 100%) !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

.golsar-product:hover {
    transform: translateY(-10px) scale(1.02) !important;
    border-color: rgba(212, 175, 55, 0.8) !important;
    box-shadow: 0 40px 80px rgba(0, 0, 0, 0.5), 0 0 40px rgba(212, 175, 55, 0.2) !important;
}

.golsar-product-image {
    height: 300px !important;
    position: relative !important;
    overflow: hidden !important;
    background: linear-gradient(180deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.02) 100%) !important;
}

.golsar-product-image img {
    transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    filter: drop-shadow(0 30px 30px rgba(0,0,0,0.4)) !important;
}

.golsar-product:hover .golsar-product-image img {
    transform: scale(1.1) rotate(-2deg) !important;
}

.golsar-product-content h3 {
    font-size: 18px !important;
    font-weight: 800 !important;
    letter-spacing: 0.5px !important;
}

.golsar-price {
    font-size: 18px !important;
    font-weight: 900 !important;
    background: var(--gradient-gold) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

.golsar-cart-btn {
    border-radius: 50px !important;
    background: var(--gradient-gold) !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    color: #1a1a1a !important;
    font-weight: 900 !important;
    box-shadow: 0 10px 30px rgba(212, 175, 55, 0.3) !important;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

.golsar-cart-btn:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 20px 40px rgba(212, 175, 55, 0.5) !important;
    background: linear-gradient(135deg, #fff 0%, #f5e6c8 50%, #d4af37 100%) !important;
}

/* =========================================================
   DISCOVERY SECTION
========================================================= */
.golsar-discovery {
    position: relative !important;
    width: min(1500px, calc(100% - 40px)) !important;
    margin: 0 auto 40px !important;
    padding: 40px !important;
    overflow: hidden !important;
    border-radius: 40px !important;
    background: linear-gradient(135deg, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0.05) 100%) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    box-shadow: var(--shadow-gold) !important;
    backdrop-filter: blur(30px) !important;
    -webkit-backdrop-filter: blur(30px) !important;
}

.golsar-discovery-copy h2 {
    background: var(--gradient-gold) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    font-size: clamp(30px, 4vw, 48px) !important;
    font-weight: 900 !important;
    letter-spacing: 1px !important;
}

.golsar-global-search {
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    background: rgba(0, 0, 0, 0.4) !important;
    box-shadow: 0 0 20px rgba(212, 175, 55, 0.1) !important;
    border-radius: 50px !important;
    height: 55px !important;
    transition: all 0.3s ease !important;
}

.golsar-global-search:focus-within {
    border-color: rgba(212, 175, 55, 0.8) !important;
    box-shadow: 0 0 40px rgba(212, 175, 55, 0.3) !important;
}

/* =========================================================
   PROMO CARDS
========================================================= */
.golsar-four-promos {
    width: min(1500px, calc(100% - 40px)) !important;
    margin: 50px auto !important;
    padding: 40px !important;
    border-radius: 50px !important;
    background: linear-gradient(135deg, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0.05) 100%) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    box-shadow: var(--shadow-gold) !important;
    backdrop-filter: blur(30px) !important;
    -webkit-backdrop-filter: blur(30px) !important;
}

.golsar-promo {
    border-radius: 30px !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    overflow: hidden !important;
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

.golsar-promo:hover {
    transform: translateY(-10px) !important;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.5), 0 0 30px rgba(212, 175, 55, 0.3) !important;
    border-color: rgba(212, 175, 55, 0.8) !important;
}

.golsar-promo-content h3 {
    font-size: 20px !important;
    font-weight: 900 !important;
    letter-spacing: 0.5px !important;
}

.golsar-promo-content a {
    background: var(--gradient-gold) !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    color: #1a1a1a !important;
    font-weight: 900 !important;
    border-radius: 50px !important;
}

/* =========================================================
   SECTION HEADERS
========================================================= */
.golsar-section-header h2 {
    background: var(--gradient-gold) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    font-size: clamp(35px, 4vw, 50px) !important;
    font-weight: 900 !important;
    letter-spacing: 1px !important;
}

.golsar-eyebrow {
    letter-spacing: 5px !important;
    font-weight: 700 !important;
    color: rgba(212, 175, 55, 0.8) !important;
}

.golsar-section-search {
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    background: rgba(0, 0, 0, 0.3) !important;
    border-radius: 50px !important;
    height: 50px !important;
    transition: all 0.3s ease !important;
}

.golsar-section-search:focus-within {
    border-color: rgba(212, 175, 55, 0.8) !important;
    box-shadow: 0 0 30px rgba(212, 175, 55, 0.2) !important;
}

/* =========================================================
   NAVIGATION ARROWS
========================================================= */
.golsar-hero-arrow,
.golsar-product-nav {
    width: 50px !important;
    height: 50px !important;
    border-radius: 50% !important;
    background: rgba(0, 0, 0, 0.6) !important;
    border: 2px solid rgba(212, 175, 55, 0.5) !important;
    color: #fff !important;
    font-size: 24px !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3), 0 0 20px rgba(212, 175, 55, 0.2) !important;
    transition: all 0.3s ease !important;
}

.golsar-hero-arrow:hover,
.golsar-product-nav:hover {
    background: var(--gradient-gold) !important;
    color: #1a1a1a !important;
    transform: translateY(-50%) scale(1.1) !important;
    box-shadow: 0 15px 40px rgba(212, 175, 55, 0.5) !important;
}

/* =========================================================
   MODAL
========================================================= */
.golsar-modal-card {
    border-radius: 40px !important;
    background: linear-gradient(145deg, #1a1a2a 0%, #0a0a0f 100%) !important;
    border: 2px solid rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 50px 100px rgba(0, 0, 0, 0.8), 0 0 50px rgba(212, 175, 55, 0.2) !important;
}

.golsar-modal-close {
    width: 45px !important;
    height: 45px !important;
    background: rgba(212, 175, 55, 0.2) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    font-size: 28px !important;
    transition: all 0.3s ease !important;
}

.golsar-modal-close:hover {
    background: rgba(212, 175, 55, 0.4) !important;
    transform: rotate(90deg) !important;
}

/* =========================================================
   ANIMATIONS
========================================================= */
@keyframes luxuryShine {
    0% { background-position: -200% center; }
    100% { background-position: 200% center; }
}

@keyframes luxuryFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

/* =========================================================
   RESPONSIVE - MOBILE
========================================================= */
@media (max-width: 650px) {
    .golsar-hero {
        height: 200px !important;
    }
    
    .golsar-hero-shop-btn {
        bottom: 15px !important;
        right: 15px !important;
        min-height: 40px !important;
        padding: 0 20px !important;
        font-size: 10px !important;
    }
    
    .golsar-discovery,
    .golsar-category-section,
    .golsar-rice-box,
    .golsar-four-promos {
        width: calc(100% - 20px) !important;
        margin: 20px auto !important;
        border-radius: 25px !important;
        padding: 20px 10px !important;
    }
    
    .golsar-rice-image,
    .golsar-rice-image img {
        min-height: 250px !important;
    }
    
    .golsar-product-image {
        height: 180px !important;
    }
    
    .golsar-products-track {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }
    
    .golsar-section-header h2 {
        font-size: 24px !important;
    }
    
    .golsar-rice-content h2 {
        font-size: 28px !important;
    }
}

/* =========================================================
   RESPONSIVE - TABLET
========================================================= */
@media (max-width: 1000px) {
    .golsar-products-track {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    
    .golsar-promo-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    
    .golsar-rice-box {
        grid-template-columns: 1fr 1fr !important;
    }
}/* End custom CSS */