/*
Theme Name: LIFEA
Theme URI: https://lifea.az/
Author: LIFEA
Description: Custom premium WooCommerce-ready theme for Lifea.
Version: 0.2.0
Text Domain: lifea
*/

:root{
  --bg:#f8f4ee;
  --surface:#fffdf9;
  --ink:#171418;
  --muted:#6e6864;
  --wine:#74152b;
  --wine-dark:#4f0e1d;
  --line:rgba(23,20,24,.12);
  --radius:24px;
  --container:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
.container{width:min(calc(100% - 40px),var(--container));margin-inline:auto}

/* Header */
.site-header{position:relative;z-index:20;background:rgba(248,244,238,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(23,20,24,.05)}
.header-inner{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{font-size:25px;letter-spacing:.34em;font-weight:600}
.main-nav{display:flex;align-items:center;gap:34px;font-size:14px}
.main-nav a{position:relative;padding:8px 0}
.main-nav a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--ink);transition:.25s}
.main-nav a:hover:after{width:100%}
.header-actions{display:flex;align-items:center;gap:16px}
.cart-link{font-size:23px;line-height:1;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;transition:transform .25s ease,background-color .25s ease}
.cart-link:hover{transform:translateY(-2px);background:rgba(23,20,24,.07)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:0 23px;border-radius:999px;font-weight:600;font-size:14px;border:1px solid transparent;transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease,color .25s ease}
.btn span{display:inline-block;transition:transform .25s ease}
.btn:hover span{transform:translateX(4px)}
.btn-primary{background:var(--ink);color:#fff}
.btn-primary:hover{transform:translateY(-2px);background:#000;box-shadow:0 10px 24px rgba(0,0,0,.16)}
.btn-wine{background:var(--wine);color:#fff}
.btn-wine:hover{transform:translateY(-2px);background:var(--wine-dark);box-shadow:0 10px 24px rgba(116,21,43,.24)}
.mobile-toggle{display:none;border:0;background:none;font-size:24px}

/* Hero */
.hero{min-height:610px;display:flex;align-items:center;position:relative;overflow:hidden;background:
 radial-gradient(circle at 78% 42%,rgba(255,255,255,.72),transparent 22%),
 radial-gradient(circle at 92% 10%,rgba(190,125,84,.25),transparent 35%),
 linear-gradient(115deg,#f8f4ee 0%,#eee2d4 54%,#d7b99b 100%)}
.hero:after{content:"";position:absolute;right:-12%;bottom:-42%;width:70%;height:85%;border-radius:50%;background:rgba(83,44,27,.12);filter:blur(2px)}
.hero-content{position:relative;z-index:2;padding:82px 0}
.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:11px;font-weight:700;color:#5f5855;margin-bottom:20px}
.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(46px,6vw,78px);line-height:.98;letter-spacing:-.045em;max-width:700px;margin:0 0 26px}
.hero p{font-size:18px;max-width:520px;color:#514b48;margin:0 0 30px}
.hero-note{font-size:13px;color:#6e6864;margin-top:14px}
.hero-card{position:absolute;z-index:3;right:7%;top:50%;transform:translateY(-50%) rotate(-8deg);width:min(430px,38vw);aspect-ratio:1.58;border-radius:25px;background:linear-gradient(145deg,#181a23,#38231f 58%,#9a603e);box-shadow:0 35px 70px rgba(34,20,13,.28);padding:30px;color:#fff;overflow:hidden}
.hero-card:before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 70% 35%,rgba(255,221,173,.6),transparent 18%),linear-gradient(140deg,transparent 35%,rgba(255,255,255,.08) 36%,transparent 37%);transform:rotate(10deg)}
.hero-card>*{position:relative;z-index:1}
.hero-card-logo{letter-spacing:.34em;font-size:15px}
.hero-card-title{position:absolute;left:30px;bottom:62px;font-family:Georgia,serif;font-size:26px}
.hero-card-value{position:absolute;left:30px;bottom:28px;font-size:14px;opacity:.9}

/* Cards */
.cards-section{padding:110px 0 120px}
.section-head{text-align:center;max-width:700px;margin:0 auto 55px}
.section-kicker{text-transform:uppercase;letter-spacing:.2em;font-size:11px;font-weight:700;color:#7b7470}
.section-head h2{font-family:Georgia,serif;font-size:52px;letter-spacing:-.04em;margin:10px 0 12px}
.section-head p{margin:0;color:var(--muted);font-size:16px}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.lifea-card{position:relative;min-height:260px;border-radius:var(--radius);padding:27px;overflow:hidden;box-shadow:0 12px 35px rgba(40,27,20,.08);transition:transform .3s,box-shadow .3s}
.lifea-card:hover{transform:translateY(-6px);box-shadow:0 20px 45px rgba(40,27,20,.14)}
.lifea-card h3{font-family:Georgia,serif;font-size:28px;margin:34px 0 7px}
.lifea-card p{max-width:190px;font-size:14px;margin:0;color:rgba(20,18,20,.72)}
.lifea-card .amount{position:absolute;left:27px;bottom:25px;font-size:24px;font-weight:700}
.lifea-card .arrow{position:absolute;right:22px;bottom:22px;width:42px;height:42px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:18px;transition:transform .25s ease,background-color .25s ease,color .25s ease}
.lifea-card:hover .arrow{transform:translate(3px,-3px);background:rgba(255,255,255,.14)}
.lifea-card .brand{font-size:11px;letter-spacing:.34em;font-weight:700}
.card-1{background:linear-gradient(145deg,#dce4c9,#b9c7a4)}
.card-2{background:linear-gradient(145deg,#eee0cd,#d9bea0)}
.card-3{background:linear-gradient(145deg,#8e132b,#5d071b);color:#fff}
.card-3 p{color:rgba(255,255,255,.76)}
.card-4{background:linear-gradient(145deg,#30304f,#11162f);color:#fff}
.card-4 p{color:rgba(255,255,255,.76)}
.card-5{background:linear-gradient(145deg,#d9682e,#7d2917);color:#fff}
.card-5 p{color:rgba(255,255,255,.8)}
.card-6{background:linear-gradient(145deg,#171510,#050505);color:#f2dfae}
.card-6 p{color:rgba(242,223,174,.75)}
.popular{position:absolute;right:18px;top:18px;padding:7px 12px;border-radius:999px;background:#fff;color:#6d1328;font-size:11px;font-weight:700}

/* Footer */
.site-footer{background:#111011;color:#f6f1eb;padding:70px 0 28px}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:50px}
.footer-logo{font-size:27px;letter-spacing:.34em}
.footer-tag{color:#a9a3a0;max-width:240px;margin-top:18px}
.footer-title{font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:#8d8784;margin-bottom:17px}
.footer-links{display:grid;gap:10px;font-size:14px}
.footer-links a{color:#e7e1dc;display:inline-flex;width:max-content;position:relative;transition:transform .25s ease,color .25s ease,opacity .25s ease}
.footer-links a:hover{transform:translateX(5px);color:#fff;opacity:1}
.footer-links a:after{content:"";position:absolute;left:0;bottom:-3px;width:0;height:1px;background:currentColor;transition:width .25s ease}
.footer-links a:hover:after{width:100%}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:55px;padding-top:22px;color:#8d8784;font-size:12px;display:flex;justify-content:space-between;gap:20px}

/* WooCommerce */
.woocommerce .site-main,.woocommerce-page .site-main{padding:70px 0}
.woocommerce div.product .product_title{font-family:Georgia,serif}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{border-radius:999px;background:var(--ink);color:#fff;padding:13px 22px}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover{background:var(--wine);color:#fff;transform:translateY(-2px);box-shadow:0 10px 24px rgba(116,21,43,.18)}

/* Responsive */
@media(max-width:900px){
  .main-nav{display:none}
  .mobile-toggle{display:block}
  .header-actions{margin-left:auto}
  .hero{min-height:720px}
  .hero-content{padding:70px 0 350px}
  .hero-card{width:68vw;max-width:390px;right:50%;top:auto;bottom:45px;transform:translateX(50%) rotate(-6deg)}
  .card-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .container{width:min(calc(100% - 28px),var(--container))}
  .header-inner{height:70px}
  .logo{font-size:21px}
  .header-actions .btn{display:none}
  .hero{min-height:700px}
  .hero-content{padding:55px 0 340px}
  .hero h1{font-size:47px}
  .hero p{font-size:16px}
  .hero-card{width:calc(100vw - 52px);right:50%;bottom:35px}
  .cards-section{padding:75px 0 80px}
  .section-head h2{font-size:42px}
  .card-grid{grid-template-columns:1fr;gap:16px}
  .lifea-card{min-height:230px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:35px 20px}
  .footer-grid>div:first-child{grid-column:1/-1}
  .footer-bottom{display:block}
}


/* ==========================================================================
   LIFEA PREMIUM CUSTOM THEME ENHANCEMENTS (v0.3)
   ========================================================================== */

:root {
    --max-width: 1320px;
    --primary-dark: #0d1117;
    --accent-gold: #f59e0b;
    --bg-light: #fafafb;
    --radius-lg: 24px;
    --radius-md: 16px;
    --radius-sm: 12px;
}

body {
    background-color: var(--bg-light);
    color: #1e293b;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    margin: 0;
    padding: 0;
}

/* 1. Global Container & 1320px Compact Layout */
.container,
.site-header .header-inner,
.hero-wrapper,
.cards-section .container,
.site-footer .container {
    max-width: var(--max-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    box-sizing: border-box !important;
}

/* 2. Sticky Glassmorphism Header */
.site-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 9999 !important;
    background: rgba(255, 255, 255, 0.88) !important;
    backdrop-filter: blur(16px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
    border-bottom: 1px solid rgba(226, 232, 240, 0.7) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* 3. Premium Rounded Hero Section */
.hero-wrapper {
    margin-top: 20px !important;
    margin-bottom: 40px !important;
}

.hero {
    border-radius: var(--radius-lg) !important;
    overflow: hidden !important;
    background: linear-gradient(135deg, #111827 0%, #1f2937 50%, #0f172a 100%) !important;
    box-shadow: 0 20px 40px -15px rgba(15, 23, 42, 0.25) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

@media (max-width: 768px) {
    .container,
    .hero-wrapper {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }
    .hero {
        border-radius: var(--radius-md) !important;
    }
}


/* ==========================================================================
   HERO IMAGE SLIDER & MARGIN ENHANCEMENTS (v0.4)
   ========================================================================== */

/* Hero Outer Wrapper - Added Margin/Padding from edges */
.hero-wrapper {
    max-width: 1320px !important;
    margin: 24px auto 36px auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
}

/* Fixed Height Hero Slider Box */
.hero-slider-box {
    position: relative;
    width: 100%;
    height: 420px; /* Fixed height for Desktop */
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 16px 36px -12px rgba(15, 23, 42, 0.2);
    border: 1px solid rgba(226, 232, 240, 0.8);
    background-color: #0f172a;
}

/* Slide Items */
.hero-slider-track {
    display: flex;
    width: 100%;
    height: 100%;
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.hero-slide {
    min-width: 100%;
    height: 100%;
    position: relative;
}

.hero-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

/* 3 Long-Thin Line Indicators */
.hero-slider-dots {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: 8px;
    z-index: 20;
}

.slider-line-dot {
    width: 36px;
    height: 4px;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 2px;
    cursor: pointer;
    transition: all 0.3s ease;
    border: none;
    padding: 0;
}

.slider-line-dot.active {
    background: #f59e0b;
    width: 56px; /* Active indicator extends gracefully */
}

/* Mobile Adjustments for Slider */
@media (max-width: 768px) {
    .hero-wrapper {
        margin: 16px auto 24px auto !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
    }
    .hero-slider-box {
        height: 240px; /* Compact fixed height for mobile screens */
        border-radius: 16px;
    }
    .slider-line-dot {
        width: 28px;
        height: 3px;
    }
    .slider-line-dot.active {
        width: 44px;
    }
}

/* Static Hero Image Fix */
.hero-wrapper {
    max-width: 1200px !important;
    margin: 20px auto 10px auto !important;
    padding: 0 20px !important;
}

.hero-banner-box {
    width: 100% !important;
    height: 380px !important;
    border-radius: 24px !important;
    overflow: hidden !important; /* Kənarlardan çıxan şəkli kəsir */
    position: relative !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
    transform: translateZ(0); /* Safari və Mobil brauzerlərdə border-radius xətasını həll edir */
}

.hero-banner-box img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 24px !important; /* Şəklin özünə də veririk */
    display: block !important;
}

@media (max-width: 768px) {
    .hero-banner-box {
        height: 220px !important;
        border-radius: 16px !important;
    }
    .hero-banner-box img {
        border-radius: 16px !important;
    }
}


/* ==========================================================================
   FULL WIDTH PREMIUM FOOTER & GIFT CARD GRID RECOVER (v0.5)
   ========================================================================== */

.site-footer {
    width: 100% !important;
    background-color: #0f172a !important;
    color: #94a3b8 !important;
    padding: 40px 0 24px 0 !important;
    margin-top: 60px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.site-footer .footer-inner {
    max-width: 1320px !important;
    margin: 0 auto !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 20px !important;
}

/* 2. GIFT CARDS GRID STYLING (Ensure visibility) */
.cards-section {
    padding: 40px 0;
    max-width: 1320px;
    margin: 0 auto;
    padding-left: 24px;
    padding-right: 24px;
}

.cards-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 24px !important;
    margin-top: 24px !important;
}

@media (max-width: 992px) {
    .cards-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 16px !important;
    }
}

@media (max-width: 576px) {
    .cards-grid {
        grid-template-columns: repeat(2, 1fr) !important; /* 2 cards per row on mobile for clean look */
        gap: 12px !important;
    }
}

.card-item {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 20px;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.card-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
}

.card-item .card-title {
    font-size: 16px;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 6px;
}

.card-item .card-desc {
    font-size: 13px;
    color: #64748b;
    margin-bottom: 16px;
}

.card-item .card-price {
    font-size: 24px;
    font-weight: 900;
    color: #0f172a;
    margin-bottom: 16px;
}

.card-item .card-btn {
    display: inline-block;
    width: 100%;
    background: #f59e0b;
    color: #ffffff;
    padding: 10px 0;
    border-radius: 10px;
    font-weight: 700;
    text-decoration: none;
    transition: background 0.2s ease;
}

.card-item .card-btn:hover {
    background: #d97706;
}


/* ==========================================================================
   PREMIUM GLASS & GRADIENT CARD DESIGN (v0.6)
   ========================================================================== */

.cards-section {
    padding: 60px 0;
    max-width: 1320px;
    margin: 0 auto;
}

.cards-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 32px !important;
    margin-top: 36px !important;
}

/* Mobile: Single Column (Alt-alta tək düzülüş - sıxlığın qarşısını almaq üçün) */
@media (max-width: 768px) {
    .cards-grid {
        grid-template-columns: 1fr !important; /* Single column on mobile */
        gap: 20px !important;
    }
}

.card-item {
    background: #ffffff;
    border: 1px solid rgba(226, 232, 240, 0.9);
    border-radius: 24px;
    padding: 32px 28px;
    text-align: left;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.05);
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.card-item:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px -15px rgba(15, 23, 42, 0.12);
    border-color: rgba(245, 158, 11, 0.4);
}

/* Top Accent Gradient Line for Premium feel */
.card-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #f59e0b, #fbbf24);
    opacity: 0.8;
}

.card-badge {
    display: inline-block;
    align-self: flex-start;
    background: rgba(245, 158, 11, 0.12);
    color: #d97706;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    padding: 4px 12px;
    border-radius: 20px;
    margin-bottom: 16px;
}

.card-item .card-title {
    font-size: 22px;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 8px;
    letter-spacing: -0.3px;
}

.card-item .card-desc {
    font-size: 14px;
    color: #64748b;
    line-height: 1.5;
    margin-bottom: 24px;
    min-height: 42px;
}

.card-footer-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 16px;
    border-top: 1px solid #f1f5f9;
}

.card-item .card-price {
    font-size: 28px;
    font-weight: 900;
    color: #0f172a;
    letter-spacing: -0.5px;
}

.card-item .card-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #0f172a;
    color: #ffffff;
    padding: 12px 22px;
    border-radius: 14px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.25s ease;
}

.card-item .card-btn:hover {
    background: #f59e0b;
    color: #ffffff;
    box-shadow: 0 8px 20px -6px rgba(245, 158, 11, 0.5);
}

/* Dark Highlight Card (Böyük Ürək) */
.card-item.featured-dark {
    background: linear-gradient(145deg, #0f172a 0%, #1e293b 100%);
    border-color: rgba(255, 255, 255, 0.1);
}

.card-item.featured-dark .card-title {
    color: #ffffff;
}

.card-item.featured-dark .card-desc {
    color: #94a3b8;
}

.card-item.featured-dark .card-price {
    color: #fbbf24;
}

.card-item.featured-dark .card-footer-flex {
    border-top-color: rgba(255, 255, 255, 0.08);
}

.card-item.featured-dark .card-btn {
    background: #f59e0b;
    color: #ffffff;
}

.card-item.featured-dark .card-btn:hover {
    background: #ffffff;
    color: #0f172a;
}


/* ==========================================================================
   EXACT IMAGE CARD DESIGN FROM SCREENSHOT (v0.7)
   ========================================================================== */

.cards-section {
    padding: 40px 0;
    max-width: 1320px;
    margin: 0 auto;
}

.cards-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 28px !important;
    margin-top: 32px !important;
}

@media (max-width: 992px) {
    .cards-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
    }
}

/* Single column for clean mobile experience */
@media (max-width: 640px) {
    .cards-grid {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
}

/* Exact Visual Card Ratio & Layout */
.lifea-img-card {
    position: relative;
    width: 100%;
    aspect-ratio: 1.58 / 1; /* Standard gift card ratio */
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 24px;
    box-sizing: border-box;
    text-decoration: none;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.lifea-img-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.16);
}

/* Gradient Overlay for Text Legibility */
.lifea-img-card::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.35) 100%);
    z-index: 1;
}

.card-theme-light::before {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.25) 100%);
}

.card-top, .card-bottom {
    position: relative;
    z-index: 2;
}

.card-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.card-logo {
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.card-badge-pill {
    background: rgba(255, 255, 255, 0.85);
    color: #881337;
    font-size: 11px;
    font-weight: 700;
    padding: 4px 12px;
    border-radius: 20px;
    backdrop-filter: blur(4px);
}

.card-middle {
    position: relative;
    z-index: 2;
    margin-top: 8px;
}

.card-title-text {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 6px;
    line-height: 1.2;
}

.card-desc-text {
    font-size: 13px;
    line-height: 1.4;
    opacity: 0.9;
    max-width: 75%;
}

.card-bottom {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.card-price-text {
    font-size: 24px;
    font-weight: 800;
    letter-spacing: -0.5px;
}

.card-arrow-btn {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    color: inherit;
    font-size: 16px;
    transition: background 0.2s ease, transform 0.2s ease;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.lifea-img-card:hover .card-arrow-btn {
    background: rgba(255, 255, 255, 0.9);
    color: #0f172a;
    transform: scale(1.08);
}



/* Additional v0.9 Styles */
.social-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f8fafc;
    text-decoration: none;
    transition: all 0.3s ease;
}

.social-icon:hover {
    background: #ffffff;
    color: #0f172a;
    transform: translateY(-3px);
}

@media (max-width: 768px) {
    .footer-grid {
        grid-template-columns: 1fr !important;
        gap: 32px !important;
    }
    
    .footer-bottom {
        flex-direction: column;
        text-align: center;
    }

    .stats-grid {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
        padding: 20px !important;
    }
    
    .stats-grid .stat-card {
        border-left: none !important;
        border-right: none !important;
        border-bottom: 1px solid #f1f5f9;
        padding-bottom: 16px;
    }

    .stats-grid .stat-card:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }
}