.hero-banner.hero-cards-layout{width:100% !important;margin:0 auto !important;position:relative !important;box-sizing:border-box !important;padding:48px 0 !important;background:linear-gradient(135deg,#991b1b 0%,#b91c1c 50%,#dc2626 100%)!important;display:block !important;overflow:visible !important}.hero-banner{width:100%;margin:0 auto;position:relative;box-sizing:border-box;padding:20px 0;background:linear-gradient(135deg,#991b1b 0%,#b91c1c 50%,#dc2626 100%)}.hero-container{width:100%;max-width:1500px;margin:0 auto;padding:0 20px;box-sizing:border-box}.hero-cards-container{position:relative !important;width:100% !important;margin:0 auto !important;box-sizing:border-box !important;display:block !important;overflow:visible !important}.hero-cards-grid{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;gap:24px !important;width:100% !important;box-sizing:border-box !important;padding:0 32px !important;overflow-x:auto !important;overflow-y:hidden !important;scroll-behavior:smooth !important;scrollbar-width:none !important;-ms-overflow-style:none !important;cursor:grab !important;user-select:none !important}.hero-cards-grid:active{cursor:grabbing !important}.hero-cards-grid::-webkit-scrollbar{display:none !important}.hero-card{position:relative !important;border-radius:16px !important;overflow:hidden !important;background:rgba(255,255,255,0.95)!important;transition:all 0.3s cubic-bezier(0.4,0,0.2,1)!important;box-shadow:0 8px 25px rgba(0,0,0,0.15)!important;cursor:pointer !important;height:360px !important;aspect-ratio:3/4 !important;box-sizing:border-box !important;flex:0 0 auto !important;width:280px !important;min-width:280px !important;max-width:280px !important;display:block !important}.hero-card:first-child{margin-left:0 !important}.hero-card:last-child{margin-right:0 !important}.hero-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,0.25)}.hero-card-link{display:block;text-decoration:none;color:inherit;width:100%;height:100%}.hero-card-link:hover{text-decoration:none;color:inherit}.hero-card-content{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between}.hero-card-image-container{position:relative;width:100%;height:65%;overflow:hidden;border-radius:16px 16px 0 0}.hero-card-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.3s ease-in-out}.hero-card:hover .hero-card-image{transform:scale(1.05)}.hero-card-image.lazy-load{opacity:0;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.hero-card-image.loading{opacity:0.5}.hero-card-image.image-loaded{opacity:1}.hero-card-image.image-error{opacity:1;background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);display:flex;align-items:center;justify-content:center;color:#6b7280;font-size:0.875rem;text-align:center}.hero-card-image.image-error::after{content:'🖼️ Image unavailable'}.hero-card-image-fallback{width:100%;height:100%;background:linear-gradient(135deg,#991b1b 0%,#dc2626 50%,#b91c1c 100%);display:flex;align-items:center;justify-content:center;color:white;text-align:center}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.hero-card-badge{position:absolute;top:12px;left:12px;background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);color:white;padding:6px 10px;font-size:0.7rem;font-weight:bold;text-transform:uppercase;letter-spacing:0.5px;border-radius:6px;z-index:10;box-shadow:0 2px 8px rgba(220,38,38,0.3)}.hero-card-info{position:relative;padding:16px 14px 14px 14px;background:rgba(255,255,255,0.98);border-radius:0 0 16px 16px;height:35%;display:flex;flex-direction:column;justify-content:space-between;text-align:left}.hero-card-title{font-size:1rem;font-weight:700;color:#1f2937;margin:0 0 4px 0;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.hero-card-tagline{font-size:0.8rem;color:#6b7280;margin:0 0 8px 0;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-style:italic}.hero-card-cta-section{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.hero-card-price{font-size:1rem;font-weight:600;color:#059669;background:rgba(16,185,129,0.1);padding:4px 8px;border-radius:6px;border:1px solid rgba(16,185,129,0.2)}.hero-card-cta-button{display:flex;align-items:center;gap:4px;background:#dc2626;color:white;padding:6px 10px;border-radius:6px;font-size:0.8rem;font-weight:600;transition:all 0.3s ease;border:none;cursor:pointer}.hero-card-cta-button:hover{background:#b91c1c;transform:translateX(2px);box-shadow:0 4px 12px rgba(220,38,38,0.3)}.cta-text{white-space:nowrap}.cta-arrow{transition:transform 0.3s ease}.hero-card:hover .cta-arrow{transform:translateX(3px)}.fallback-content h3{font-size:1.2rem;font-weight:bold;margin-bottom:0.5rem}.fallback-content p{font-size:0.9rem;opacity:0.9}@media(max-width:1024px){.hero-cards-grid{gap:1.25rem !important;padding:0 1rem !important}.hero-card{width:260px !important;min-width:260px !important;max-width:260px !important;height:340px !important}.hero-card:first-child{margin-left:0 !important}.hero-card:last-child{margin-right:0 !important}}@media(max-width:640px){.hero-banner.hero-cards-layout{padding:24px 0 !important}.hero-container{padding:0 0.5rem !important}.hero-cards-grid{gap:1rem !important;padding:0 0.25rem !important}.hero-card{width:85vw !important;min-width:85vw !important;max-width:85vw !important;flex:0 0 85vw !important;height:400px !important;margin:0 !important}.hero-card:first-child{margin-left:0 !important}.hero-card:last-child{margin-right:0 !important}.hero-card-info{height:42% !important;padding:14px 12px 12px 12px !important}.hero-card-image-container{height:58% !important}.hero-card-title{font-size:0.95rem !important;line-height:1.3 !important;margin-bottom:6px !important;-webkit-line-clamp:2 !important}.hero-card-tagline{font-size:0.75rem !important;margin-bottom:10px !important;-webkit-line-clamp:1 !important}.hero-card-cta-section{flex-direction:column !important;gap:10px !important;align-items:stretch !important;margin-top:10px !important}.hero-card-cta-button{width:100% !important;justify-content:center !important;padding:10px 16px !important;font-size:0.875rem !important}.hero-card-price{text-align:center !important;font-size:0.95rem !important;padding:6px 12px !important}}