  /* Define custom colors */
        :root {
            --kazire-dark-color: #5a0141; /* Deep Plum/Burgundy - Used for gradient start */
            --kazire-secondary-color: #95036e; /* Magenta/Raspberry - Used for gradient end */
            --kazire-accent-color: #8c5ca6; /* Medium Purple/Lavender - Used for highlights and accents */
            --text-color-light: #ffffff;
            --text-color-soft: rgba(255, 255, 255, 0.9); /* Softer white for body text */
            --font-family-primary: 'Inter', sans-serif;
        }

        /* Main Product Card Container */
        .product-card-container {
            max-width: 1280px; /* Equivalent to max-w-6xl */
            width: 100%;
            margin-left: auto;
            margin-right: auto;
            /* Applying the custom font only to the product card container */
            font-family: var(--font-family-primary); 
        }

        .product-card-container .alsaton-inner-container {
            color: var(--text-color-light);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); /* Shadow */
            border-radius: 1rem; /* Rounded corners */
            overflow: hidden;
            transition: all 0.3s ease-in-out;
            
            /* Gradient Background: Reverted to purple scheme */
            background: linear-gradient(135deg, var(--kazire-dark-color) 0%, var(--kazire-secondary-color) 100%);
            
            /* Mobile/Default Layout (Stacked: Text Top, Image Bottom) */
            display: flex;
            flex-direction: column;
        }
        
        /* === MOBILE LAYOUT ORDER (Text Top, Image Bottom) === */
        /* Text (item1) is first on mobile */
        .product-card-container .alsaton-text-column { order: 1; padding: 2rem; } /* Even padding on all sides */
        /* Image (item2) is second on mobile */
        .product-card-container .alsaton-image-column { order: 2; padding: 2rem; } /* Even padding on all sides */

        /* Desktop Layout (Grid: Text Left, Image Right) */
        @media (min-width: 1024px) {
            .product-card-container .alsaton-inner-container {
                display: grid;
                grid-template-columns: 1fr 1fr; /* Two columns */
                gap: 2rem; /* Gap between columns */
            }
            /* Reset order for desktop: Text first (Left), Image second (Right) */
            .product-card-container .alsaton-text-column { order: 1; }
            .product-card-container .alsaton-image-column { order: 2; }
        }

        /* Text Styling */
        .product-card-container .alsaton-header h4 {
            font-weight: 700;
            font-size: 1.125rem;
            margin-bottom: 0; /* To tighten the space with h3 */
            letter-spacing: 0.05em;
            text-transform: uppercase;
            color: var(--kazire-accent-color); 
        }

        .product-card-container .alsaton-header h3 {
            font-size: 3rem;
            line-height: 1;
            font-weight: 800;
            margin-top: 0; /* Remove default top margin for h3 */
            margin-bottom: 1.5rem;
            border-bottom: 4px solid var(--kazire-accent-color); 
            padding-bottom: 0.5rem;
            display: inline-block;
            color: var(--kazire-accent-color); 
        }
        
        @media (min-width: 768px) {
            .product-card-container .alsaton-header h3 {
                font-size: 3.75rem;
            }
        }

        .product-card-container .alsaton-header p {
            /* 1. Body text is now soft white and medium weight */
            color: var(--text-color-soft); 
            line-height: 1.625;
            text-align: justify;
            margin-top: 1rem;
            font-weight: 500; 
        }
        
        /* Highlighted text (using <span> tag for key facts) */
        .product-card-container .alsaton-header p span {
            /* 2. Key highlights (antiviral, participants, etc.) are pure white and extra bold */
            font-weight: 800; 
            color: var(--text-color-light); 
        }
        
        /* Specific, most critical terms, kept in accent color for highest visual hierarchy */
        .product-card-container .alsaton-header p span:nth-of-type(1), /* successfully passed clinical trials */
        .product-card-container .alsaton-header p span:nth-of-type(2) { /* 'Safety, Pharmacokinetics, and Preliminary Efficacy...' */
            font-weight: 900; 
            color: var(--kazire-accent-color); 
        }


        /* Information Block */
        .product-card-container .alsaton-info-block {
            margin-top: 2rem;
            padding: 1rem;
            background-color: rgba(255, 255, 255, 0.1);
            border-radius: 0.5rem;
            box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
            border: 1px solid rgba(255, 255, 255, 0.2);
        }
        
        .product-card-container .alsaton-info-block p:first-child {
            font-weight: 600;
            color: var(--kazire-accent-color); 
        }
        
        .product-card-container .alsaton-info-block p:last-child {
            font-size: 0.875rem;
            color: var(--text-color-light); 
        }

        /* Image Container Styling */
        .product-card-container .alsaton-image-column {
            /* RGBA equivalent of #8c5ca6 with 50% transparency */
            background-color: rgba(140, 92, 166, 0.5); 
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

        .product-card-container .alsaton-image-wrapper {
            display: flex;
            justify-content: center;
            align-items: center;
        }
        
        .product-card-container .alsaton-img {
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
            width: 12rem;
            max-height: 400px;
            object-fit: contain;
            transition: transform 0.3s ease-in-out;
            background-color: white; 
            border-radius: 0.5rem; 
        }
        
        @media (min-width: 640px) {
             .product-card-container .alsaton-img { width: 16rem; }
        }
        @media (min-width: 1024px) {
             .product-card-container .alsaton-img { width: 18rem; }
        }

        .product-card-container .alsaton-img:hover {
            transform: scale(1.05);
        }
        
        .product-card-container .alsaton-image-column p {
            font-size: 0.875rem;
            color: var(--text-color-light); 
            margin-top: 1.5rem;
            font-style: italic;
        }
