 :root {--pkg-radius-card: 22px;--pkg-radius-pill: 9999px;--pkg-text-main: #0f172a;--pkg-text-muted: #64748b;--pkg-border-color: #e2e8f0;--pkg-bg-page: #f8fafc;--pkg-card-surface: #ffffff;}.packages-section {padding: 40px 20px 80px;background-color: var(--pkg-bg-page, #f8fafc);min-height: 85vh;overflow-x: hidden;}.packages-container {max-width: 1280px;margin: 0 auto;}.packages-header-box {max-width: 860px;margin: 0 auto 32px;text-align: center;}.packages-badge-row {display: flex;align-items: center;justify-content: center;gap: 10px;margin-bottom: 14px;flex-wrap: wrap;}.package-hero-pill {display: inline-flex;align-items: center;gap: 8px;padding: 6px 14px;border-radius: var(--pkg-radius-pill);font-size: 0.8rem;font-weight: 800;text-transform: uppercase;letter-spacing: 0.05em;background: #eff6ff;color: #2563eb;}.package-count-pill {display: inline-flex;align-items: center;gap: 8px;padding: 6px 14px;border-radius: var(--pkg-radius-pill);font-size: 0.8rem;font-weight: 700;background: #f1f5f9;color: #475569;}.packages-header-box h1 {font-size: 2.2rem;font-weight: 800;color: #0f172a;margin: 0 0 12px 0;letter-spacing: -0.02em;line-height: 1.25;}.packages-header-box p {font-size: 0.98rem;color: #64748b;max-width: 680px;margin: 0 auto;line-height: 1.6;}.package-search-container {text-align: center;margin-bottom: 38px;position: relative;}.package-search-wrapper {position: relative;display: inline-flex;align-items: center;width: 100%;max-width: 600px;}.package-search-icon {position: absolute;left: 20px;color: #94a3b8;font-size: 1.15rem;pointer-events: none;z-index: 2;}.package-search-input {width: 100%;padding: 16px 48px 16px 52px;font-size: 1rem;font-weight: 500;border: 2px solid #e2e8f0;border-radius: 20px;background: #ffffff;color: #0f172a;box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);transition: all 0.25s ease;box-sizing: border-box;}.package-search-input:focus {outline: none;border-color: #2563eb;box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.12);}.package-search-clear {position: absolute;right: 16px;width: 28px;height: 28px;border-radius: 50%;border: none;background: #e2e8f0;color: #64748b;display: flex;align-items: center;justify-content: center;cursor: pointer;font-size: 0.8rem;transition: all 0.2s ease;z-index: 2;}.package-search-clear:hover {background: #cbd5e1;color: #0f172a;}.packages-cards {display: grid;grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));gap: 28px;}.package-card-link {text-decoration: none;color: inherit;display: block;outline: none;height: 100%;}.package-card {background-color: #ffffff !important;background-image: none !important;border: 1.5px solid #e2e8f0;border-radius: var(--pkg-radius-card);overflow: hidden;display: flex;flex-direction: column;transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease, border-color 0.3s ease;height: 100%;box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04);position: relative;cursor: pointer;text-align: left;}.package-card:hover {transform: translateY(-6px);box-shadow: 0 20px 40px -10px rgba(15, 23, 42, 0.14);border-color: #cbd5e1;}.package-image-wrap {position: relative;width: 100%;aspect-ratio: 16 / 10;overflow: hidden;background: #0f172a;}.package-image {width: 100%;height: 100%;object-fit: cover;object-position: center;display: block;transition: transform 0.45s ease;}.package-card:hover .package-image {transform: scale(1.05);}.package-discount-badge {position: absolute;top: 14px;left: 14px;background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);color: #ffffff;padding: 5px 12px;border-radius: var(--pkg-radius-pill);font-size: 0.74rem;font-weight: 800;text-transform: uppercase;letter-spacing: 0.04em;display: inline-flex;align-items: center;gap: 5px;box-shadow: 0 4px 12px rgba(220, 38, 38, 0.4);z-index: 2;}.package-video-pill {position: absolute;bottom: 12px;right: 12px;background: rgba(15, 23, 42, 0.75);backdrop-filter: blur(4px);color: #ffffff;padding: 4px 10px;border-radius: var(--pkg-radius-pill);font-size: 0.72rem;font-weight: 700;display: inline-flex;align-items: center;gap: 5px;z-index: 2;}.package-body {padding: 22px 22px 24px;display: flex;flex-direction: column;flex-grow: 1;background-color: #ffffff !important;background-image: none !important;}.package-meta-row {display: flex;align-items: center;gap: 8px;flex-wrap: wrap;margin-bottom: 10px;}.package-count-badge {display: inline-flex;align-items: center;gap: 6px;font-size: 0.76rem;font-weight: 700;color: #0284c7 !important;background-color: #f0f9ff !important;padding: 4px 10px;border-radius: var(--pkg-radius-pill);border: 1px solid #bae6fd;}.package-hours-badge {display: inline-flex;align-items: center;gap: 6px;font-size: 0.76rem;font-weight: 700;color: #475569 !important;background-color: #f1f5f9 !important;padding: 4px 10px;border-radius: var(--pkg-radius-pill);border: 1px solid #e2e8f0;}.package-card-title {font-size: 1.15rem;font-weight: 800;color: #0f172a !important;margin: 0 0 10px 0;line-height: 1.35;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;min-height: 2.7em;}.package-card-desc {font-size: 0.88rem;color: #64748b;margin: 0 0 16px 0;line-height: 1.5;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;min-height: 2.6em;}.package-card-footer {margin-top: auto;padding-top: 14px;border-top: 1px solid #f1f5f9;display: flex;align-items: center;justify-content: space-between;gap: 12px;}.package-pricing {display: flex;flex-direction: column;gap: 3px;}.package-price-wrap {display: flex;align-items: baseline;gap: 8px;flex-wrap: wrap;}.package-price-current {font-size: 1.28rem;font-weight: 800;color: #059669;letter-spacing: -0.01em;}.package-price-original {font-size: 0.82rem;color: #94a3b8;text-decoration: line-through;font-weight: 500;}.package-save-pill {display: inline-block;font-size: 0.72rem;font-weight: 700;color: #15803d;background: #dcfce7;padding: 2px 7px;border-radius: 6px;width: fit-content;}.package-catalog-mode-badge {display: inline-flex;align-items: center;gap: 6px;font-size: 0.8rem;font-weight: 700;color: #0284c7;background: #f0f9ff;padding: 4px 10px;border-radius: 6px;}.package-cta-link {font-size: 0.86rem;font-weight: 700;color: #0f172a;display: inline-flex;align-items: center;gap: 6px;transition: gap 0.2s ease, color 0.2s ease;flex-shrink: 0;}.package-card:hover .package-cta-link {color: #2563eb;gap: 10px;}.package-no-results {text-align: center;padding: 60px 20px;color: #64748b;}.package-no-results i {font-size: 2.6rem;color: #cbd5e1;margin-bottom: 14px;}.package-no-results p {font-size: 1.05rem;margin: 0;}@media (max-width: 1100px) {.packages-cards {grid-template-columns: repeat(2, 1fr);gap: 20px;}}@media (max-width: 680px) {.packages-section {padding: 30px 14px 60px;}.packages-cards {grid-template-columns: 1fr;gap: 16px;}.packages-header-box h1 {font-size: 1.6rem;}.package-card {border-radius: 18px;}.package-body {padding: 18px;}.package-search-input {padding: 14px 44px 14px 48px;}}