.header{

        position:fixed;
    
        top:0;
    
        left:0;
    
        right:0;
    
        width:100%;
    
        background:rgba(255,255,255,.92);
    
        backdrop-filter:blur(16px);
    
        -webkit-backdrop-filter:blur(16px);
    
        border-bottom:1px solid rgba(0,0,0,.06);
    
        z-index:1000;
    
    }
        
    .navbar{

        display:flex;
    
        grid-template-columns:auto 1fr auto;
    
        align-items:center;

        justify-content: space-between;
    
        width:min(94%,1200px);
    
        margin:0 auto;
    
        height:80px;
    
        column-gap:48px;
        
    
    }
        
    .logo{

        display:flex;
    
        align-items:center;
    
        gap:0.75rem;
    
        flex-shrink:0;
    
    }
    
    .logo img{
    
        width:44px;
    
        height:44px;
    
    }
    
    .logo-text h2{

        margin:0;
    
        font-size:2rem;
    
        font-weight:700;
    
        color:var(--navy);
    
    }
    
    .logo-text p{

        margin:0;
    
        font-size:.82rem;
    
        letter-spacing:3px;
    
        color:var(--gray);
    
        text-transform:uppercase;
    
    }
        
    .nav-links{

        display:flex;
    
        justify-content:center;
    
        align-items:center;
    
        gap:2rem;
    
        list-style:none;
    
        margin:0 auto;
    
        padding:0;
    
        width:max-content;
    
    }

    .nav-links a{

        font-size:.95rem;
    
        font-weight:600;
    
        white-space:nowrap;
    
        text-decoration:none;
    
        color:var(--navy);
    
    }

            .nav-links a::after{

                content:"";
            
                position:absolute;
            
                left:0;
            
                bottom:-8px;
            
                width:0;
            
                height:3px;
            
                border-radius:999px;
            
                background:var(--primary);
            
                transition:.3s;
            
            }
            
            .nav-links a:hover::after,
            
            .nav-links a.active::after{
            
                width:100%;
            
            }
            
            .nav-links a.active{
            
                color:var(--primary);
            
            }
        
        .nav-links a{
        
        font-weight:500;
        
        transition:.3s;
        
        }
        
        .nav-links a:hover{
        
        color:var(--primary);
        
        }
        
        .nav-buttons{

                display:flex;
            
                align-items:center;
            
                gap:12px;
            
                margin-left:auto;
            
                flex-shrink:0;
            
            }
        
        .consult-btn{
        
        padding:12px 20px;
        
        border-radius:999px;
        
        background:linear-gradient(135deg,var(--primary),var(--primary-dark));
        
        color:white;
        
        font-weight:600;
        
        box-shadow:var(--shadow-medium);
        
        transition:.3s;

        white-space:nowrap;
        
        }
        
        .consult-btn:hover{
        
        transform:translateY(-3px);
        
        }
        
        .cart-btn{

                margin-left:18px;
            
                width:52px;
            
                height:52px;
            
                border-radius:50%;
            
                display:flex;
            
                align-items:center;
            
                justify-content:center;
            
                position:relative;
            
                flex-shrink:0;
            
            }
        
        .cart-btn:hover{
        
        transform:translateY(-3px);
        
        }
        
        .cart-btn span{
        
        position:absolute;
        
        top:-6px;
        
        right:-6px;
        
        width:22px;
        
        height:22px;
        
        border-radius:50%;
        
        background:#EF4444;
        
        color:white;
        
        font-size:12px;
        
        display:flex;
        
        justify-content:center;
        
        align-items:center;
        
        font-weight:bold;
        
        }

        /* ================= HERO ================= */

        .hero{
                position:relative;
                overflow:hidden;
                width:100%;
                padding:5rem 0;
            }
                
            .hero-grid{
                display:grid;
                grid-template-columns:repeat(2,minmax(0,1fr));
                align-items:center;
                gap:clamp(2rem,5vw,6rem);
                width:100%;
            }

            .hero-left{
                width:100%;
            }
            
            .hero-right{
                width:100%;
                display:flex;
                justify-content:center;
                align-items:center;
            }
        
                .hero-tag{

                        display:inline-flex;
                        
                        align-items:center;
                        
                        gap:10px;
                        
                        padding:10px 18px;
                        
                        background:white;
                        
                        border-radius:999px;
                        
                        font-size:.82rem;
                        
                        font-weight:700;
                        
                        letter-spacing:.5px;
                        
                        color:var(--primary);
                        
                        box-shadow:var(--shadow-small);
                        
                        margin-bottom:20px;
                        
                        }
        
                        .hero h1{

                                font-size:clamp(3rem,5vw,4.4rem);
                            
                                line-height:1.02;
                            
                                letter-spacing:-2px;
                            
                                font-weight:800;
                            
                                color:var(--navy);
                            
                                margin-bottom:28px;
                            
                            }
        
                            .hero p{

                                font-size:clamp(1rem,1.4vw,1.18rem);
                            
                                line-height:1.9;
                            
                                color:var(--text-light);
                            
                                margin-bottom:42px;
                            
                            }
        
                            .hero-buttons{

                                display:flex;
                            
                                align-items:center;
                            
                                gap:18px;
                            
                                margin-bottom:56px;
                            
                                flex-wrap:wrap;
                            
                            }
        
        .primary-btn{

                display:inline-flex;
                align-items:center;
                justify-content:center;
                
                height:56px;
                padding:0 34px;
                
                border:none;
                border-radius:999px;
                
                background:linear-gradient(135deg,var(--primary),var(--primary-dark));
                
                color:white;
                
                font-size:1rem;
                font-weight:600;
                
                letter-spacing:.2px;
                
                transition:.3s;
                
                box-shadow:0 12px 30px rgba(47,128,237,.25);
                
                }
                
                .primary-btn:hover{
                
                transform:translateY(-4px);
                
                box-shadow:0 18px 40px rgba(47,128,237,.35);
                
                }
        
                .secondary-btn{

                        display:inline-flex;
                        align-items:center;
                        justify-content:center;
                        
                        height:56px;
                        padding:0 34px;
                        
                        border:2px solid var(--primary);
                        
                        border-radius:999px;
                        
                        background:white;
                        
                        color:var(--primary);
                        
                        font-weight:600;
                        
                        transition:.3s;
                        
                        }
                        
                        .secondary-btn:hover{
                        
                        background:var(--primary);
                        
                        color:white;
                        
                        }
        
                        .hero-stats{

                                display:grid;
                            
                                grid-template-columns:repeat(3,1fr);
                            
                                gap:18px;
                            
                                max-width:560px;
                            
                            }
        
                            .stat-card{

                                padding:24px;
                            
                                background:rgba(255,255,255,.72);
                            
                                backdrop-filter:blur(14px);
                            
                                -webkit-backdrop-filter:blur(14px);
                            
                                border:1px solid rgba(255,255,255,.65);
                            
                                border-radius:24px;
                            
                                box-shadow:0 18px 45px rgba(20,60,120,.06);
                            
                                transition:.35s ease;
                            
                            }
                
                            .stat-card:hover{

                                transform:translateY(-8px) scale(1.02);
                            
                                box-shadow:0 28px 60px rgba(20,60,120,.12);
                            
                            }
                
                .stat-card h3{
                
                font-size:2rem;
                
                margin-bottom:12px;
                
                }
        
                .hero-image{

                        display:flex;
                    
                        justify-content:center;
                    
                        align-items:center;
                    
                        width:100%;
                    
                        overflow:hidden;
                    
                    }
                    
                    .hero-product-showcase{
                        width:100%;
                        display:flex;
                        justify-content:center;
                        align-items:center;
                        position:relative;
                    }
                    
                    .hero-product{
                        width:min(100%,32rem);
                        height:auto;
                    }
                    
                    .hero-product:hover{
                    
                        transform:scale(1.04);
                    
                    }
                    
                    .floating-badge{
                    
                        position:absolute;
                    
                        padding:12px 18px;
                    
                        border-radius:999px;
                    
                        background:rgba(255,255,255,.82);
                    
                        backdrop-filter:blur(16px);
                    
                        -webkit-backdrop-filter:blur(16px);
                    
                        box-shadow:0 12px 35px rgba(0,0,0,.08);
                    
                        font-size:.9rem;
                    
                        font-weight:700;
                    
                        color:var(--navy);
                    
                        white-space:nowrap;
                    
                    }
                    
                    .floating-badge.verified{
                    
                        top:40px;
                    
                        left:-40px;
                    
                    }
                    
                    .floating-badge.premium{
                    
                        bottom:60px;
                    
                        right:-50px;
                    
                    }
                    .hero::before{

                        content:"";
                    
                        position:absolute;
                    
                        width:650px;
                    
                        height:650px;
                    
                        right:-220px;
                    
                        top:-180px;
                    
                        border-radius:50%;
                    
                        background:rgba(79,172,254,.14);
                    
                        filter:blur(80px);
                    
                        pointer-events:none;
                    
                    }
                
                    .hero::after{

                        content:"";
                    
                        position:absolute;
                    
                        width:520px;
                    
                        height:520px;
                    
                        left:-180px;
                    
                        bottom:-180px;
                    
                        border-radius:50%;
                    
                        background:rgba(125,211,252,.12);
                    
                        filter:blur(90px);
                    
                        pointer-events:none;
                    
                    }

                @keyframes fadeUp{

                        from{
                        
                        opacity:0;
                        
                        transform:translateY(40px);
                        
                        }
                        
                        to{
                        
                        opacity:1;
                        
                        transform:translateY(0);
                        
                        }
                        
                        }
                        
                        .hero-left{
                        
                        animation:fadeUp .8s ease forwards;
                        
                        z-index:2;
                        
                        }
                        
                        .hero-right{
                        
                        animation:fadeUp 1.1s ease forwards;
                        
                        z-index:2;
                        
                        }


/*==========================
        SECTION HEADER
==========================*/

.section-header{

        text-align:center;
        
        max-width:700px;
        
        margin:0 auto 70px;
        
        }
        
        .section-tag{
        
        display:inline-block;
        
        padding:10px 18px;
        
        background:white;
        
        border-radius:999px;
        
        font-size:.8rem;
        
        font-weight:700;
        
        letter-spacing:1px;
        
        color:var(--primary);
        
        box-shadow:var(--shadow-small);
        
        margin-bottom:20px;
        
        }

        .page-header .section-tag{
            margin-top:2rem;
        }
        
        .section-header h2{

                font-size:3.4rem;
                
                font-weight:800;
                
                line-height:1.08;
                
                letter-spacing:-1px;
                
                margin:20px 0;
                
                color:var(--navy);
                
                }
        
                .section-header p{

                        max-width:650px;
                        
                        margin:auto;
                        
                        font-size:1.1rem;
                        
                        line-height:1.9;
                        
                        color:var(--text-light);
                        
                        }
        
/*==========================
        TRUST
==========================*/

.trust{

        background:white;
    
    }
    
    .trust-grid{
    
        display:grid;
    
        grid-template-columns:repeat(4,1fr);
    
        gap:28px;
    
    }
    
    .trust-card{
    
        position:relative;
    
        overflow:hidden;
    
        padding:42px 34px;
    
        border-radius:28px;
    
        background:white;
    
        border:1px solid rgba(47,128,237,.08);
    
        box-shadow:0 18px 45px rgba(20,60,120,.05);
    
        transition:all .35s ease;
    
    }
    
    .trust-card::before{
    
        content:"";
    
        position:absolute;
    
        top:0;
    
        left:0;
    
        width:100%;
    
        height:4px;
    
        background:linear-gradient(
            90deg,
            var(--primary),
            #69b8ff
        );
    
        transform:scaleX(0);
    
        transform-origin:left;
    
        transition:.35s;
    
    }
    
    .trust-card:hover{
    
        transform:translateY(-10px);
    
        box-shadow:0 28px 70px rgba(20,60,120,.12);
    
    }
    
    .trust-card:hover::before{
    
        transform:scaleX(1);
    
    }
    
    .trust-icon{
    
        width:74px;
    
        height:74px;
    
        border-radius:22px;
    
        display:flex;
    
        justify-content:center;
    
        align-items:center;
    
        font-size:2rem;
    
        background:linear-gradient(
            135deg,
            #EDF7FF,
            #DFF2FF
        );
    
        box-shadow:0 14px 35px rgba(47,128,237,.12);
    
        margin-bottom:24px;
    
    }

.trust-icon svg,
.stat-card svg,
.consult-item span svg{

    width:30px;

    height:30px;

    stroke-width:2;

    color:var(--primary);

}
    
    .trust-card h3{
    
        font-size:1.4rem;
    
        margin-bottom:14px;
    
        color:var(--navy);
    
    }
    
    .trust-card p{
    
        line-height:1.8;
    
        color:var(--text-light);
    
    }


/*==========================
FEATURED PRODUCTS
==========================*/

.products-home{

    background:#F8FBFF;

}

.product-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:36px;

    max-width:980px;

    margin:auto;

}

.product-card{

    position:relative;

    display:flex;

    flex-direction:column;

    background:white;

    border-radius:30px;

    overflow:hidden;

    border:1px solid rgba(47,128,237,.08);

    box-shadow:0 20px 50px rgba(20,60,120,.06);

    transition:all .35s ease;

}

.product-card:hover{

    transform:translateY(-10px);

    box-shadow:0 35px 80px rgba(20,60,120,.12);

}

.product-image{

    height:320px;

    display:flex;

    justify-content:center;

    align-items:center;

    padding:40px;

    background:linear-gradient(
        180deg,
        #F9FCFF,
        #EDF7FF
    );

}

.product-image img{

    max-width:220px;

    max-height:240px;

    object-fit:contain;

    transition:transform .35s ease;

}

.product-card:hover .product-image img{

    transform:scale(1.05);

}

.product-card h3{

    margin:28px 28px 10px;

    font-size:1.45rem;

    color:var(--navy);

}

.product-card p{

    margin:0 28px;

    color:var(--text-light);

    line-height:1.7;

}

.product-price{

    margin:22px 28px;

    font-size:2rem;

    font-weight:800;

    color:var(--primary);

}

.cart-add{

    flex:1;

    height:48px;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:0 18px;

    border:none;

    border-radius:12px;

    background:linear-gradient(135deg,var(--primary),var(--primary-dark));

    color:#fff;

    font-size:.95rem;

    font-weight:600;

    cursor:pointer;

    transition:all .25s ease;

    box-shadow:0 10px 24px rgba(47,128,237,.20);

}

.cart-add:hover{

    transform:translateY(-2px);

    box-shadow:0 16px 32px rgba(47,128,237,.28);

}

/* ==========================================
   Homepage Featured Product Buttons
========================================== */

.product-buttons{

        display:grid;
    
        grid-template-columns:1fr 1fr;
    
        gap:12px;
    
        margin-top:18px;
    
    }
    
    .learn-btn{
    
        display:flex;
    
        align-items:center;
    
        justify-content:center;
    
        width:100%;
    
        height:48px;
    
        background:#ffffff;
    
        color:var(--navy);
    
        border:1px solid #dbe7f5;
    
        border-radius:12px;
    
        text-decoration:none;
    
        font-size:.95rem;
    
        font-weight:600;
    
        transition:.25s;
    
    }
    
    .learn-btn:hover{
    
        background:#f7fbff;
    
        border-color:var(--primary);
    
        color:var(--primary);
    
    }
    
    .cart-add{
    
        display:flex;
    
        align-items:center;
    
        justify-content:center;
    
        width:100%;
    
        height:48px;
    
        background:var(--primary);
    
        color:#fff;
    
        border:none;
    
        border-radius:12px;
    
        font-size:.95rem;
    
        font-weight:600;
    
        cursor:pointer;
    
        transition:.25s;
    
    }
    
    .cart-add:hover{
    
        background:var(--primary-dark);
    
        transform:translateY(-2px);
    
    }


/*==========================
CONSULTATION
==========================*/

.consultation{

        background:white;
        
        }
        
        .consultation-grid{
        
        display:grid;
        
        grid-template-columns:55% 45%;
        
        gap:60px;
        
        align-items:center;
        
        }
        
        .consultation h2{
        
        font-size:3rem;
        
        line-height:1.15;
        
        margin:20px 0;
        
        color:var(--navy);
        
        }
        
        .consultation p{
        
        font-size:1.1rem;
        
        line-height:1.8;
        
        color:var(--text-light);
        
        margin-bottom:30px;
        
        }
        
        .consult-list{
        
        list-style:none;
        
        display:flex;
        
        flex-direction:column;
        
        gap:18px;
        
        margin-bottom:40px;
        
        font-size:1.05rem;
        
        }
        
        .consult-buttons{
        
        display:flex;
        
        gap:18px;
        
        }
        
        .consult-card{

                background:white;
                
                padding:40px;
                
                border-radius:28px;
                
                box-shadow:var(--shadow-large);
                
                }
                
                .consult-card h3{
                
                font-size:2rem;
                
                margin-bottom:35px;
                
                color:var(--navy);
                
                }
                
                .consult-item{
                
                display:flex;
                
                gap:20px;
                
                margin-bottom:30px;
                
                align-items:flex-start;
                
                }
                
                .consult-item span{
                
                width:60px;
                
                height:60px;
                
                background:#EDF7FF;
                
                border-radius:24px;
                
                display:flex;
                
                justify-content:center;
                
                align-items:center;
                
                font-size:1.8rem;
                
                flex-shrink:0;
                
                }
                
                .consult-item h4{
                
                margin-bottom:8px;
                
                color:var(--navy);
                
                }
                
                .consult-item p{
                
                margin:0;
                
                line-height:1.6;
                
                }


/*==========================
RESULTS
==========================*/

.results{

        background:#F8FBFF;
        
        }
        
        .results-grid{
        
        display:grid;
        
        grid-template-columns:repeat(3,1fr);
        
        gap:30px;
        
        margin-bottom:60px;
        
        }
        
        .result-card{
        
        background:white;
        
        border-radius:28px;
        
        overflow:hidden;
        
        box-shadow:var(--shadow-small);
        
        transition:.35s;
        
        }
        
        .result-card:hover{

                transform:translateY(-8px);
                
                box-shadow:var(--shadow-large);
                
                }
        
        .result-image{
        
        height:260px;

        border-radius:28px;
        
        background:linear-gradient(135deg,#EAF5FF,#D9EEFF);
        
        position:relative;
        
        display:flex;
        
        align-items:flex-end;
        
        }
        
        .result-overlay{
        
        margin:20px;
        
        padding:18px;
        
        background:rgba(255,255,255,.92);
        
        backdrop-filter:blur(12px);
        
        border-radius:24px;
        
        }
        
        .result-overlay span{
        
        display:block;
        
        font-size:2rem;
        
        font-weight:800;
        
        color:var(--primary);
        
        }
        
        .result-overlay small{
        
        color:var(--text-light);
        
        }
        
        .result-content{
        
        padding:28px;
        
        }
        
        .stars{
        
        font-size:1.2rem;
        
        color:#FBBF24;
        
        margin-bottom:18px;
        
        }
        
        .result-content p{
        
        line-height:1.8;
        
        margin-bottom:22px;
        
        color:var(--text-light);
        
        }
        
        .result-content h4{
        
        color:var(--navy);
        
        }
        
        .results-button{
        
        text-align:center;
        
        }


/*==========================
BLOG
==========================*/

.blog-home{

        background:white;
        
        }
        
        .blog-grid{
        
        display:grid;
        
        grid-template-columns:repeat(3,1fr);
        
        gap:30px;
        
        margin-bottom:60px;
        
        }
        
        .blog-card{
        
        background:#F8FBFF;
        
        border-radius:28px;
        
        overflow:hidden;
        
        transition:.35s;
        
        box-shadow:var(--shadow-small);
        
        }
        
        .blog-card:hover{

                transform:translateY(-8px);
                
                box-shadow:var(--shadow-large);
                
                }
        
        .blog-image{
        
        height:220px;

        border-radius:28px;
        
        background:linear-gradient(135deg,#EDF7FF,#D7ECFF);
        
        display:flex;
        
        justify-content:center;
        
        align-items:center;
        
        font-size:2rem;
        
        font-weight:700;
        
        color:#9AA5B1;
        
        }
        
        .blog-content{
        
        padding:30px;
        
        }
        
        .blog-category{
        
        display:inline-block;
        
        padding:8px 16px;
        
        border-radius:999px;
        
        background:white;
        
        font-size:.8rem;
        
        font-weight:700;
        
        color:var(--primary);
        
        margin-bottom:18px;
        
        }
        
        .blog-content h3{
        
        font-size:1.4rem;
        
        margin-bottom:18px;
        
        color:var(--navy);
        
        }
        
        .blog-content p{
        
        line-height:1.8;
        
        color:var(--text-light);
        
        margin-bottom:24px;
        
        }
        
        .blog-link{
        
        font-weight:700;
        
        color:var(--primary);
        
        }


/*==========================
FAQ
==========================*/

.faq-home{

        background:#F8FBFF;
        
        }
        
        .faq-container{
        
        max-width:900px;
        
        margin:auto;
        
        display:flex;
        
        flex-direction:column;
        
        gap:20px;
        
        margin-bottom:60px;
        
        }
        
        .faq-item{
        
        background:white;
        
        border-radius:28px;
        
        overflow:hidden;
        
        box-shadow:var(--shadow-small);
        
        }
        
        .faq-question{
        
        width:100%;
        
        padding:24px 30px;
        
        background:none;
        
        border:none;
        
        display:flex;
        
        justify-content:space-between;
        
        align-items:center;
        
        font-size:1.1rem;
        
        font-weight:600;
        
        cursor:pointer;
        
        }
        
        .faq-question span{
        
        font-size:1.6rem;
        
        color:var(--primary);
        
        }
        
        .faq-answer{
        
        display:none;
        
        padding:0 30px 30px;
        
        color:var(--text-light);
        
        line-height:1.8;
        
        }
        
        .faq-item.active .faq-answer{
        
        display:block;
        
        }


/*==========================
FOOTER
==========================*/

.footer{

        background:#0F172A;
        
        color:white;
        
        padding:80px 0 30px;
        
        }
        
        .footer-grid{

            display:grid;
        
            grid-template-columns:2fr repeat(3,1fr);
        
            gap:clamp(2rem,3vw,4rem);
        
            margin-bottom:4rem;
        
            align-items:start;
        
        }
        
        .footer-grid > :first-child{

            max-width:340px;
        
        }

        .footer-logo{
        
        width:70px;
        
        margin-bottom:20px;
        
        }
        
        .footer h3{
        
        margin-bottom:18px;
        
        }
        
        .footer h4{
        
        margin-bottom:20px;
        
        }
        
        .footer p{
        
        line-height:1.8;
        
        opacity:.8;
        
        }
        
        .footer ul{
        
        list-style:none;
        
        }
        
        .footer li{
        
        margin-bottom:14px;
        
        }
        
        .footer a{

            display:inline-block;
        
            opacity:.8;
        
            color:inherit;
        
            text-decoration:none;
        
            transition:.25s;
        
        }
        
        .footer a:hover{

            opacity:1;
        
            color:var(--primary);
        
            transform:translateX(.2rem);
        
        }
        
        .footer-bottom{
        
        border-top:1px solid rgba(255,255,255,.1);
        
        padding-top:30px;
        
        text-align:center;
        
        opacity:.6;
        
        }


/*==========================
PRODUCT PAGE
==========================*/

.product-layout{

        display:grid;
        
        grid-template-columns:1fr 1fr;
        
        gap:60px;
        
        align-items:center;
        
        }
        
        .product-large-image{

                position:relative;
                
                background:
                radial-gradient(circle at top right,#EAF7FF 0%,transparent 45%),
                linear-gradient(180deg,#FFFFFF,#F7FBFF);
                
                border-radius:32px;
                
                padding:50px;
                
                display:flex;
                
                justify-content:center;
                
                align-items:center;
                
                min-height:560px;
                
                overflow:hidden;
                
                box-shadow:
                0 30px 80px rgba(25,70,140,.08);
                
                transition:.35s;
                
                }

                .product-large-image::before{

                        content:"";
                        
                        position:absolute;
                        
                        width:340px;
                        
                        height:340px;
                        
                        border-radius:50%;
                        
                        background:#DFF2FF;
                        
                        opacity:.7;
                        
                        filter:blur(40px);
                        
                        }
                        
                        .product-large-image:hover{
                        
                        transform:translateY(-8px);
                        
                        box-shadow:
                        
                        0 45px 100px rgba(30,80,160,.12);
                        
                        }
        
                        .product-large-image img{

                                position:relative;
                                
                                z-index:2;
                                
                                width:100%;
                                
                                max-width:420px;
                                
                                height:auto;
                                
                                display:block;
                                
                                transition:.35s;
                                
                                }
                                
                                .product-large-image:hover img{
                                
                                transform:scale(1.04);
                                
                                }
        
                                .product-info-area h1{

                                        font-size:3.4rem;
                                        
                                        font-weight:800;
                                        
                                        line-height:1.08;
                                        
                                        letter-spacing:-1px;
                                        
                                        margin:18px 0;
                                        
                                        color:var(--navy);
                                        
                                        }
        
                                        .product-strength{

                                                font-size:1.35rem;
                                                
                                                font-weight:700;
                                                
                                                color:var(--primary);
                                                
                                                margin-bottom:22px;
                                                
                                                }
        
        .product-description{
        
        line-height:1.8;
        
        margin-bottom:32px;
        
        color:var(--text-light);
        
        }
        
        .product-actions{

                display:flex;
                
                gap:18px;
                
                flex-wrap:wrap;
                
                margin-top:40px;
                
                margin-bottom:50px;
                
                }


                .product-actions .primary-btn,
                .product-actions .secondary-btn{
                
                flex:1;
                
                min-width:220px;
                
                height:60px;
                
                font-size:1rem;
                
                font-weight:700;
                
                }


        .product-notice{

                margin-top:48px;
                
                padding:32px;
                
                background:#F8FBFF;
                
                border-left:6px solid var(--primary);
                
                border-radius:28px;
                
                box-shadow:var(--shadow-small);
                
                }
                
                .product-notice h3{
                
                margin-bottom:16px;
                
                color:var(--navy);
                
                font-size:1.4rem;
                
                }
                
                .product-notice p{
                
                margin:0;
                
                line-height:1.8;
                
                color:var(--text-light);
                
                }


/*==========================
PRODUCT SUMMARY
==========================*/

.product-summary{

        margin-top:60px;
        
        padding:40px;
        
        background:white;
        
        border-radius:28px;
        
        box-shadow:var(--shadow-small);
        
        }
        
        .product-summary h2{
        
        margin-bottom:32px;
        
        color:var(--navy);
        
        }
        
        .summary-grid{
        
        display:grid;
        
        grid-template-columns:repeat(3,1fr);
        
        gap:24px;
        
        }
        
        .summary-item{
        
        padding:24px;
        
        background:#F8FBFF;
        
        border-radius:20px;
        
        display:flex;
        
        flex-direction:column;
        
        gap:10px;
        
        }
        
        .summary-item strong{
        
        color:var(--navy);
        
        font-size:.95rem;
        
        }
        
        .summary-item span{
        
        color:var(--text-light);
        
        font-size:1rem;
        
        }


/*==========================
AVAILABILITY BADGE
==========================*/

.availability-badge{

        display:inline-flex;
        
        align-items:center;
        
        justify-content:center;
        
        padding:10px 18px;
        
        border-radius:999px;
        
        font-size:.85rem;
        
        font-weight:700;
        
        text-transform:capitalize;
        
        margin-bottom:24px;
        
        width:max-content;
        
        }
        
        .availability-badge.in-stock{
        
        background:#DCFCE7;
        
        color:#166534;
        
        }
        
        .availability-badge.low-stock{
        
        background:#FEF3C7;
        
        color:#92400E;
        
        }
        
        .availability-badge.out-of-stock{
        
        background:#FEE2E2;
        
        color:#991B1B;
        
        }


/*==========================
PRODUCT HIGHLIGHTS
==========================*/

.product-highlights{

        display:flex;
        
        flex-direction:column;
        
        gap:18px;
        
        margin:36px 0;
        
        }
        
        .highlight-item{

                display:flex;
            
                align-items:center;
            
                gap:16px;
            
                padding:18px 22px;
            
                border-radius:18px;
            
                background:#F8FBFF;
            
                transition:.3s;
            
            }
            
            .highlight-item:hover{
            
                background:#EEF7FF;
            
                transform:translateX(6px);
            
            }
            
            .highlight-item svg{
            
                width:24px;
            
                height:24px;
            
                color:var(--primary);
            
                flex-shrink:0;
            
            }
            
            .highlight-item p{
            
                margin:0;
            
                font-weight:600;
            
                color:var(--navy);
            
            }


/*==========================
PRODUCT CATEGORY BADGE
==========================*/

.product-category-badge{

        display:inline-flex;
        
        align-items:center;
        
        padding:10px 18px;
        
        margin-bottom:20px;
        
        border-radius:999px;
        
        background:#EDF7FF;
        
        color:var(--primary);
        
        font-size:.85rem;
        
        font-weight:700;
        
        letter-spacing:.5px;
        
        text-transform:uppercase;
        
        }


/*==========================
CONTACT CARD
==========================*/

.contact-card{

        margin-top:60px;
        
        padding:40px;
        
        background:linear-gradient(180deg,#FFFFFF,#F8FBFF);
        
        border-radius:28px;
        
        text-align:center;
        
        box-shadow:var(--shadow-small);
        
        }
        
        .contact-card h2{
        
        margin-bottom:18px;
        
        color:var(--navy);
        
        }
        
        .contact-card p{
        
        max-width:650px;
        
        margin:0 auto 32px;
        
        line-height:1.8;
        
        color:var(--text-light);
        
        }


/*==========================
PRODUCT CATALOG
==========================*/

.catalog-grid{

        display:grid;
    
        grid-template-columns:repeat(auto-fit,minmax(340px,1fr));
    
        gap:36px;
    
        margin-top:50px;
    
    }
    
    .catalog-card{
    
        position:relative;
    
        display:flex;
    
        flex-direction:column;
    
        overflow:hidden;
    
        background:white;
    
        border:1px solid rgba(47,128,237,.08);
    
        border-radius:30px;
    
        box-shadow:0 18px 45px rgba(20,60,120,.06);
    
        transition:all .35s ease;
    
    }
    
    .catalog-card:hover{
    
        transform:translateY(-10px);
    
        box-shadow:0 35px 80px rgba(20,60,120,.12);
    
    }
    
    .catalog-image{
    
        height:300px;
    
        display:flex;
    
        justify-content:center;
    
        align-items:center;
    
        padding:36px;
    
        background:linear-gradient(
            180deg,
            #FCFEFF,
            #EEF7FF
        );
    
    }
    
    .catalog-image img{
    
        max-width:220px;
    
        max-height:240px;
    
        object-fit:contain;
    
        transition:.35s ease;
    
    }
    
    .catalog-card:hover .catalog-image img{
    
        transform:scale(1.05);
    
    }
    
    .catalog-card h3{
    
        margin:26px 28px 10px;
    
        font-size:1.45rem;
    
        color:var(--navy);
    
    }
    
    .catalog-card p{
    
        margin:0 28px;
    
        color:var(--text-light);
    
        line-height:1.7;
    
    }
    
    .catalog-price{
    
        margin:22px 28px;
    
        font-size:2rem;
    
        font-weight:800;
    
        color:var(--primary);
    
    }
    
    .catalog-actions{
    
        display:flex;
    
        gap:14px;
    
        margin:28px;
    
        margin-top:auto;
    
    }

    .catalog-actions a,
.catalog-actions button{

    flex:1;

    height:52px;

    display:flex;

    align-items:center;

    justify-content:center;

    border:none;

    border-radius:14px;

    font-weight:600;

    font-size:.95rem;

    cursor:pointer;

    transition:.25s ease;

    text-decoration:none;

}

.catalog-actions a{

        background:#F4F8FC;
    
        color:var(--navy);
    
    }
    
    .catalog-actions a:hover{
    
        background:#E8F2FC;
    
    }

    .catalog-actions button{

        background:linear-gradient(
            135deg,
            var(--primary),
            var(--primary-dark)
        );
    
        color:white;
    
        box-shadow:0 10px 24px rgba(47,128,237,.20);
    
    }

    .catalog-actions button:hover{

        transform:translateY(-2px);
    
        box-shadow:0 16px 34px rgba(47,128,237,.30);
    
    }
    
    .catalog-actions>*{
    
        flex:1;
    
    }


/*==========================
CATEGORY FILTERS
==========================*/

.category-filters{

        display:flex;
        
        gap:14px;
        
        flex-wrap:wrap;
        
        margin-top:28px;
        
        }
        
        .filter-chip{
        
        padding:12px 22px;
        
        border:none;
        
        border-radius:999px;
        
        background:#F2F7FB;
        
        color:var(--navy);
        
        font-weight:600;
        
        cursor:pointer;
        
        transition:.3s;
        
        }
        
        .filter-chip:hover{
        
        background:var(--primary);
        
        color:white;
        
        }
        
        .filter-chip.active{
        
        background:var(--primary);
        
        color:white;
        
        }


/*==========================
CATALOG TOOLBAR
==========================*/

.catalog-toolbar{

        display:grid;
    
        grid-template-columns:1fr auto;
    
        gap:24px;
    
        align-items:center;
    
        margin:40px 0;
    
    }
    
    .catalog-search{

        width:100%;
    
        min-width:0;
    
    }
    
    .catalog-search svg{
    
        width:20px;
    
        height:20px;
    
        color:var(--primary);
    
    }
    
    .catalog-search input{
    
        width:100%;
    
        border:none;
    
        background:transparent;
    
        font:inherit;
    
        font-size:1rem;
    
        outline:none;
    
    }
    
    .catalog-toolbar-right{

        display:flex;
    
        align-items:center;
    
        gap:16px;
    
        justify-self:end;
    
        flex-wrap:wrap;
    
    }
    
    .catalog-toolbar-right select{
    
        height:52px;
    
        padding:0 18px;
    
        border-radius:16px;
    
        border:1px solid var(--border);
    
        background:white;
    
        font:inherit;
    
    }

        .catalog-search input{
        
        width:100%;
        
        padding:16px 20px;
        
        border-radius:16px;
        
        border:1px solid #E5E7EB;
        
        font-size:1rem;
        
        }
        
        .catalog-toolbar select{

                min-width:170px;
            
                padding:14px 18px;
            
                border-radius:14px;
            
                border:1px solid #E5E7EB;
            
                background:white;
            
            }
        
        #product-count{
        
        font-weight:700;
        
        color:var(--navy);
        
        }
        
        .empty-state{
        
        display:none;
        
        text-align:center;
        
        padding:80px 20px;
        
        color:var(--text-light);
        
        }


/*==========================
CATALOG TAGS
==========================*/

.catalog-tags{

        display:flex;
        
        flex-wrap:wrap;
        
        gap:8px;
        
        margin:18px 0;
        
        }
        
        .catalog-tag{
        
        background:#EEF7FF;
        
        color:var(--primary);
        
        padding:6px 14px;
        
        border-radius:999px;
        
        font-size:.75rem;
        
        font-weight:700;
        
        }
        
        /*==========================
        FEATURED RIBBON
        ==========================*/
        
        .catalog-card{
        
        position:relative;
        
        overflow:hidden;
        
        }
        
        .featured-ribbon{
        
        position:absolute;
        
        top:18px;
        
        right:-42px;
        
        background:#16A34A;
        
        color:white;
        
        padding:8px 50px;
        
        font-size:.72rem;
        
        font-weight:700;
        
        transform:rotate(45deg);
        
        z-index:5;
        
        letter-spacing:.5px;
        
        }
        
        .catalog-card:hover{
        
        transform:translateY(-10px);
        
        box-shadow:0 24px 60px rgba(0,0,0,.10);
        
        }
        
        .catalog-image img{
        
        transition:.35s;
        
        }
        
        .catalog-card:hover .catalog-image img{
        
        transform:scale(1.05);
        
        }


        #cart-count{

                position:absolute;
            
                top:-6px;
            
                right:-6px;
            
                width:22px;
            
                height:22px;
            
                border-radius:50%;
            
                background:#EF4444;
            
                color:#fff;
            
                display:flex;
            
                align-items:center;
            
                justify-content:center;
            
                font-size:.75rem;
            
                font-weight:700;
            
            }

/*==========================
INQUIRY CART
==========================*/

.cart-sidebar{

        position:fixed;
        
        top:0;
        
        right:-420px;
        
        width:420px;
        
        max-width:100%;
        
        height:100vh;
        
        background:white;
        
        box-shadow:-12px 0 40px rgba(0,0,0,.12);
        
        z-index: 10000;
        
        display:flex;
        
        flex-direction:column;
        
        transition:.35s;
        
        }
        
        .cart-sidebar.open{
        
        right:0;
        
        }
        
        .cart-overlay{
        
        position:fixed;
        
        inset:0;
        
        background:rgba(0,0,0,.35);
        
        display:none;
        
        z-index: 9999;
        
        }
        
        .cart-overlay.show{
        
        display:block;
        
        }
        
        .cart-header{
            display:flex;
            justify-content:space-between;
            align-items:center;
            padding:24px;
            border-bottom:1px solid #eee;
            gap:16px;
        }
        
        .cart-header h2{
            margin:0;
            flex:1;
        }
        
        #close-cart{
            position:relative;
            z-index:9999;
        }
        
        .cart-header button{

            border:none;
        
            background:none;
        
            color:var(--navy);
        
            font-size:1.5rem;
        
            font-weight:700;
        
            cursor:pointer;
        
            display:flex;
        
            align-items:center;
        
            justify-content:center;
        
            width:40px;
        
            height:40px;
        
        }
        
        #cart-items{
        
        flex:1;
        
        overflow:auto;
        
        padding:24px;
        
        }
        
        .cart-item{
        
        padding:18px;
        
        border:1px solid #eee;
        
        border-radius:18px;
        
        margin-bottom:18px;
        
        }
        
        .cart-footer{
        
        padding:24px;
        
        display:flex;
        
        flex-direction:column;
        
        gap:14px;
        
        border-top:1px solid #eee;
        
        }


        .cart-quantity{

                display:flex;
                
                align-items:center;
                
                gap:14px;
                
                margin:16px 0;
                
                }
                
                .cart-quantity button{
                
                width:36px;
                
                height:36px;
                
                border:none;
                
                border-radius:10px;
                
                background:var(--primary);
                
                color:white;
                
                font-size:1.2rem;
                
                cursor:pointer;
                
                }
                
                .cart-quantity span{
                
                font-weight:700;
                
                font-size:1rem;
                
                min-width:24px;
                
                text-align:center;
                
                }


                .cart-item{

                        background:white;
                        
                        border:1px solid #E5E7EB;
                        
                        border-radius:18px;
                        
                        padding:20px;
                        
                        margin-bottom:18px;
                        
                        }
                        
                        .cart-item-header{
                        
                        display:flex;
                        
                        justify-content:space-between;
                        
                        align-items:flex-start;
                        
                        gap:16px;
                        
                        margin-bottom:18px;
                        
                        }
                        
                        .cart-item h3{
                        
                        margin:0;
                        
                        font-size:1rem;
                        
                        color:var(--navy);
                        
                        }
                        
                        .cart-item p{
                        
                        margin-top:6px;
                        
                        color:var(--text-light);
                        
                        font-size:.9rem;
                        
                        }


/*==========================
TOAST
==========================*/

#tirzecare-toast{

        position:fixed;
    
        bottom:30px;
    
        left:50%;
    
        transform:translateX(-50%);
    
        background:#1F2937;
    
        color:white;
    
        padding:16px 24px;
    
        border-radius:14px;
    
        font-weight:600;
    
        opacity:0;
    
        pointer-events:none;
    
        transition:.3s;
    
        z-index:99999;
    
    }
    
    #tirzecare-toast.show{
    
        opacity:1;
    
        bottom:50px;
    
    }
    
    .toast-error{
    
        background:#DC2626;
    
    }
    
    .toast-success{
    
        background:#16A34A;
    
    }


/*==========================
SHARED BADGES
==========================*/

.badge{

        display:inline-flex;
    
        align-items:center;
    
        gap:8px;
    
        padding:8px 16px;
    
        border-radius:999px;
    
        font-size:.82rem;
    
        font-weight:700;
    
        letter-spacing:.3px;
    
    }
    
    .badge-primary{
    
        background:#EDF7FF;
    
        color:var(--primary);
    
    }
    
    .badge-success{
    
        background:#ECFDF3;
    
        color:#15803D;
    
    }
    
    .badge-warning{
    
        background:#FFF7ED;
    
        color:#C2410C;
    
    }
    
    .badge-danger{
    
        background:#FEF2F2;
    
        color:#B91C1C;
    
    }
    
    .badge-neutral{
    
        background:#F4F4F5;
    
        color:#52525B;
    
    }


/*==========================
SKELETON LOADING
==========================*/

.skeleton{

        position:relative;
    
        overflow:hidden;
    
        background:#EEF3F8;
    
    }
    
    .skeleton::after{
    
        content:"";
    
        position:absolute;
    
        inset:0;
    
        transform:translateX(-100%);
    
        background:linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.65),
            transparent
        );
    
        animation:skeleton-loading 1.3s infinite;
    
    }
    
    @keyframes skeleton-loading{
    
        100%{
    
            transform:translateX(100%);
    
        }
    
    }
    
    .catalog-card.skeleton-card{
    
        pointer-events:none;
    
    }
    
    .skeleton-image{
    
        height:260px;
    
        border-radius:22px;
    
        margin-bottom:24px;
    
    }
    
    .skeleton-line{
    
        height:16px;
    
        border-radius:999px;
    
        margin-bottom:14px;
    
    }
    
    .skeleton-line.short{
    
        width:45%;
    
    }
    
    .skeleton-line.medium{
    
        width:70%;
    
    }
    
    .skeleton-line.long{
    
        width:100%;
    
    }


/* ==========================================
   VERIFY PAGE
========================================== */

.verify-card{

    display:flex;
    flex-direction:column;
    align-items:center;
    gap:1.5rem;

    max-width:42rem;
    margin-inline:auto;

    text-align:center;

}

.verify-icon{

    width:5rem;
    aspect-ratio:1;

    display:grid;
    place-items:center;

    border-radius:50%;

    font-size:2.5rem;

    background:#ecfdf5;

    border:.15rem solid #86efac;

}

.verify-actions{
    display:flex;
    flex-direction:column;
    gap:1rem;
    padding-top:2rem;
    padding-bottom:2rem;
}

.verify-card .payment-item{

    width:100%;

    margin:0;

}


.verify-status{

    margin-top:1rem;

    color:#16a34a;

    font-weight:700;

}


/* ==========================================
   GUIDE
========================================== */

.guide-header{

    text-align:center;

    max-width:42rem;

    margin:0 auto 3rem;

}

.guide-header h2{

    margin:1rem 0;

}

.guide-actions{

    margin-top:3rem;

    display:flex;

    justify-content:center;

}

.guide-card{

    background:var(--surface);

    border:.0625rem solid var(--border);

    border-radius:1.5rem;

    padding:2rem;

    margin-bottom:2rem;

    box-shadow:var(--shadow-small);

    transition:.25s;

}

.guide-card.info{

    border-left:.35rem solid #3B82F6;

}

.guide-card.warning{

    border-left:.35rem solid #F59E0B;

}

.guide-card.danger{

    border-left:.35rem solid #EF4444;

}

.guide-card.success{

    border-left:.35rem solid #10B981;

}

.guide-card:hover{

    transform:translateY(-.25rem);

    box-shadow:var(--shadow-medium);

}

.guide-card h3{

    display:flex;

    align-items:center;

    gap:.75rem;

    margin-bottom:1rem;

}

.guide-card p{

    line-height:1.8;

    color:var(--text-light);

}

.guide-list{

    margin:1rem 0 0;

    padding:0;

    list-style:none;

}

.guide-list li{

    display:flex;

    align-items:center;

    gap:.75rem;

    margin-bottom:.85rem;

}


.guide-card summary{

    display:flex;

    justify-content:space-between;

    align-items:center;

    width:100%;

    padding:1.25rem;

    margin:-2rem;

    margin-bottom:0;

    cursor:pointer;

    user-select:none;

    font-weight:600;

    list-style:none;

    box-sizing:border-box;

}

.guide-card summary::-webkit-details-marker{

    display:none;

}

.guide-card-content{

    margin-top:2rem;

}

.guide-card[open] summary{

    margin-bottom:1rem;

}

.guide-card summary i{

    width:1.15rem;

    height:1.15rem;

    margin-right:.5rem;

    color:var(--primary);

    vertical-align:middle;

}


/* ==========================================
   BLOG COMING SOON
========================================== */

.coming-soon{

    max-width:42rem;

    margin:4rem auto;

    padding:3rem 2rem;

    text-align:center;

    background:var(--surface);

    border:1px solid var(--border);

    border-radius:1.5rem;

    box-shadow:var(--shadow-small);

}

.coming-soon i{

    width:4rem;

    height:4rem;

    color:var(--primary);

    margin-bottom:1.5rem;

}

.coming-soon h2{

    margin-bottom:1rem;

}

.coming-soon p{

    color:var(--text-light);

    line-height:1.8;

}

/* ========================================
   Mobile Navigation
======================================== */

.menu-toggle {
    display: none;
    background: none;
    border: none;
    margin-left: auto;
    font-size: 1.8rem;
    cursor: pointer;
}

@media (max-width: 640px) {

    .menu-toggle {
        display: block;
    }

    .nav-links {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        flex-direction: column;
        gap: 0;
        background: white;
        box-shadow: 0 8px 24px rgba(0,0,0,.08);
        padding: 1rem 0;
        z-index: 1000;
    }

    .nav-links.open {
        display: flex;
    }

    .nav-links li {
        width: 100%;
    }

    .nav-links a {
        display: block;
        padding: 1rem 1.5rem;
        width: 100%;
    }

}

/* ==========================================
   Floating Cart
========================================== */

.floating-cart{

    position:fixed;

    right:24px;
    bottom:24px;

    width:64px;
    height:64px;

    border:none;
    border-radius:50%;

    background:linear-gradient(
        135deg,
        var(--primary),
        var(--primary-dark)
    );

    color:#fff;

    display:flex;
    justify-content:center;
    align-items:center;

    cursor:pointer;

    z-index:2000;

    box-shadow:0 18px 45px rgba(47,128,237,.28);

    transition:.25s;

}

.floating-cart:hover{

    transform:translateY(-4px);

}

.floating-cart svg{

    width:28px;
    height:28px;

}

.floating-cart #cart-count{

    position:absolute;

    top:-6px;
    right:-6px;

    width:24px;
    height:24px;

    border-radius:50%;

    background:#EF4444;

    display:flex;
    justify-content:center;
    align-items:center;

    font-size:.75rem;
    font-weight:700;

    color:#fff;

}
/* =========================
   Success Hero
========================= */

.success-hero {
    padding: clamp(4rem, 8vw, 6rem) 0 clamp(2rem, 4vw, 3rem);
}

.success-hero .container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.success-hero .section-header {
    width: min(100%, 48rem);
    margin-inline: auto;
    text-align: center;
}

.success-hero .hero-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    margin-top: 2rem;
    flex-wrap: wrap;
}

.success-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;

    width: 100%;
    margin-top: 2rem;
}
/* =========================
   Privacy Notice
========================= */

.notice-card {
    width: min(100%, 48rem);
    margin-inline: auto;
    margin-bottom: 2rem;
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    padding: 1.5rem;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    background: var(--surface-secondary);
}


/* =========================
   Testimonials
========================= */

.testimonial-grid {
    width: min(100%, 48rem);
    margin-inline: auto;
    display: grid;
    gap: 1.5rem;
}

.testimonial-card {
    background: var(--surface-primary);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
    box-shadow: var(--shadow-sm);
}

.testimonial-header {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.testimonial-avatar {
    inline-size: 4rem;
    block-size: 4rem;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.stars {
    color: #fbbf24;
    margin-block: 0.25rem;
}


/* =========================
   Reduce Section Gaps
========================= */

.success-hero + .section {
    padding-top: 0;
}

.notice-card + .testimonial-grid {
    margin-top: 0;
}

.cta-content {
    width: min(100%, 48rem);
    margin-inline: auto;
    text-align: center;
}

.success-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    margin-top: 2rem;
}


.result-image {
    position: relative;
    height: 285px;
    overflow: hidden;
    border-radius: 2rem 2rem 0 0;
}

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

.result-overlay {
    position: absolute;
    right: 1.5rem;
    bottom: 1.5rem;
}


.blog-home .blog-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
    gap: 2rem;
}

.blog-home .blog-card {
    background: #fff;
    border-radius: 1.5rem;
    overflow: hidden;
    box-shadow: var(--shadow-md);
    transition: .25s ease;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.blog-home .blog-card:hover {
    transform: translateY(-6px);
    box-shadow: var(--shadow-lg);
}

.blog-home .blog-card img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
}

.blog-home .blog-card-content {
    padding: 1.75rem;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.blog-home .blog-card-content span {
    display: inline-block;
    width: fit-content;
    padding: .35rem .8rem;
    border-radius: 999px;
    background: rgba(55,120,230,.1);
    color: var(--primary);
    font-size: .8rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.blog-home .blog-card-content h3 {
    margin: 0 0 .75rem;
    font-size: 1.35rem;
    line-height: 1.3;
}

.blog-home .blog-card-meta {
    color: var(--text-light);
    font-size: .9rem;
    margin-bottom: 1rem;
}

.blog-home .blog-card-content p:last-of-type {
    color: var(--text-light);
    line-height: 1.7;
    margin-bottom: 1.75rem;

    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blog-home .primary-btn {
    margin-top: auto;
    align-self: flex-start;
}


/* ==========================================
   UNIVERSAL CAROUSEL
========================================== */

.carousel{

    position:relative;

}

.carousel .results-grid,
.carousel .blog-grid{

    display:flex;

    gap:2rem;

    overflow-x:auto;

    scroll-snap-type:x mandatory;

    scroll-behavior:smooth;

    scrollbar-width:none;

    -ms-overflow-style:none;

    margin:0;
    padding:.5rem 0;

}

.carousel .results-grid::-webkit-scrollbar,
.carousel .blog-grid::-webkit-scrollbar{

    display:none;

}

.carousel .result-card,
.carousel .blog-card{

    flex:0 0 calc(33.333% - 1.35rem);

    scroll-snap-align:start;

}

.carousel > .carousel-arrow{

    position:absolute;

    top:50%;

    transform:translateY(-50%);

    width:52px;

    height:52px;

    border:none;

    border-radius:50%;

    background:#fff;

    color:var(--navy);

    box-shadow:0 12px 30px rgba(0,0,0,.12);

    cursor:pointer;

    z-index:20;

    display:flex;

    justify-content:center;

    align-items:center;

    transition:.25s;

}

.carousel > .carousel-arrow:hover{

    transform:translateY(-50%) scale(1.08);

}

.carousel > .carousel-arrow.prev{

    left:16px;

}

.carousel > .carousel-arrow.next{

    right:16px;

}

.carousel > .carousel-arrow svg{

    width:22px;

    height:22px;

    stroke-width:2.5;

}

@media(max-width:992px){

    .carousel .result-card,
    .carousel .blog-card{
    
        flex:0 0 100%;
    
    }
    
    }

    @media (max-width:768px){

        .carousel > .carousel-arrow{
    
            display:none !important;
    
        }
    
    }


    .hero-product{

        width:min(100%,32rem);
        height:auto;
    
        transition:
            opacity .3s ease,
            transform .3s ease;
    
    }
    
    .hero-product.fade-out{
    
        opacity:0;
        transform:scale(.97);
    
    }
    
    .hero-product.fade-in{
    
        opacity:1;
        transform:scale(1);
    
    }

    .blog-post-image{
        width:100%;
        height:auto;
        display:block;
        border-radius:16px;
        margin-bottom: 3rem;
    }



    .legal-content {
        max-width: 900px;
        margin: 0 auto;
    }
    
    .legal-content h2 {
        margin-top: 3rem;
        margin-bottom: 1rem;
    }
    
    .legal-content p,
    .legal-content li {
        line-height: 1.9;
        color: var(--text-light);
    }
    
    .legal-content ul {
        padding-left: 1.5rem;
        margin: 1rem 0;
    }

    .button-group{
        display:flex;
        justify-content:center;
        align-items:center;
        gap:18px;
        flex-wrap:wrap;
        padding-top: 1rem;
    }