:root {
        --origin-orange: #ff7a18;
        --origin-green: #2bb673;
        --text-dark: #2c3e50;
        --text-muted: #5f6c75;
        --bg-light: #f6fbf8;
    }

    body { font-family: 'Poppins', sans-serif; color: var(--text-dark); overflow-x: hidden; }

    /* Buttons & Badges */
    .btn-origin {
        background: var(--origin-orange);
        color: #fff;
        padding: 12px 28px;
        border-radius: 8px;
        font-weight: 600;
        transition: .3s;
        border: none;
        text-decoration: none;
        display: inline-block;
    }
    .btn-origin:hover { background: #e4650f; color: #fff; transform: translateY(-2px); }
        .diag-icon {
        width: 60px;
        height: 60px;
        object-fit: contain;
        margin-bottom: 20px;
        transition: transform 0.3s ease;
    }

    a {
        text-decoration: none !important;
    }
/* =====================================================
   ORIGINLIFE THEME - BASE STYLES
===================================================== */

/* ===== RESET ===== */
*,
*::before,
*::after{
    box-sizing:border-box;
}

body{
    margin:0;
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    color:#222;
    background:#ffffff;
    line-height:1.6;
}

a{
    text-decoration:none;
    transition:0.25s;
}

img{
    max-width:100%;
    height:auto;
    display:block;
}

/* ===== CONTAINER ===== */
.container{
    width:92%;
    max-width:1200px;
    margin:0 auto;
}

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


.header-flex{
    display:flex;
    align-items:center;
    justify-content:space-between;
}

/* =====================================================
   NAVIGATION MENU
===================================================== */

.primary-nav ul{
    margin:0;
    padding:0;
}

.main-menu{
    list-style:none;
    display:flex;
    align-items:center;
    gap:28px;
}

.main-menu li{
    position:relative;
}

.main-menu a{
    color:#333;
    font-weight:600;
    font-size:15px;
    padding:6px 0;
    display:block;
}

.main-menu a:hover{
    color:#2bb673;
}

/* ==========================================
   TOPBAR – PREMIUM MEDICAL STYLE
========================================== */

.topbar-pro {
    background: linear-gradient(90deg, #ff7a18 0%, #ff9b4a 100%);
    padding: 10px 0;
    font-size: 14px;
}

.topbar-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

/* Contact */
.topbar-contact {
    color: #ffffff;
    font-weight: 500;
}

.topbar-contact a {
    color: #ffffff;
    font-weight: 600;
    text-decoration: none;
    margin-left: 6px;
}

.topbar-contact a:hover {
    text-decoration: underline;
}

/* CTA */
.topbar-cta {
    text-align: center;
}

.topbar-btn {
    background: #ffffff00 !important;
    border: 1px solid #fff !important;
    color: #fff !important;
    padding: 6px 18px !important;
    border-radius: 20px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

.topbar-btn:hover {
    background: #fff !important;
    color: #ff7a18 !important;
}

/* Social */
.topbar-social {
    display: flex;
    gap: 14px;
}

.social-icon {
    color: #fff !important;
    border: 1px solid #fff !important;
    font-size: 14px !important;
    transition: transform 0.3s ease, opacity 0.3s ease !important;
}

.social-icon:hover {
    background: #fff !important;
    color: #ff7a18 !important;
    transform: translateY(-2px) !important;
    opacity: 0.85 !important;
}

/* Mobile */
@media (max-width: 768px) {
    .topbar-wrapper {
        justify-content: center;
        text-align: center;
    }

    .topbar-contact,
    .topbar-cta,
    .topbar-social {
        width: 100%;
    }

    .topbar-social {
        justify-content: center;
        margin-top: 6px;
    }
}
/* Dropdown (future support) */
.main-menu li ul{
    position:absolute;
    top:120%;
    left:0;
    background:#fff;
    min-width:200px;
    display:none;
    flex-direction:column;
    padding:10px 0;
    border:1px solid #eee;
    box-shadow:0 6px 20px rgba(0,0,0,0.08);
}

.main-menu li:hover > ul{
    display:block;
}

.main-menu li ul li{
    padding:6px 15px;
}

.main-menu li ul a{
    font-weight:500;
}

/* =====================================================
   PAGE LAYOUT (BLOG + SIDEBAR)
===================================================== */

.layout{
    display:flex;
    gap:40px;
    padding-top:40px;
}

.content-area{
    flex:0 0 70%;
}

.sidebar{
    flex:0 0 30%;
}

/* WIDGETS */
.widget{
    background:#f7f7f7;
    padding:20px;
    margin-bottom:25px;
    border-radius:6px;
}

.widget-title{
    margin-top:0;
    margin-bottom:15px;
    font-size:18px;
}

/* =====================================================
   POSTS
===================================================== */

article{
    margin-bottom:45px;
}

article h2{
    margin-bottom:10px;
}

article h2 a{
    color:#222;
}

article h2 a:hover{
    color:#2bb673;
}

article img{
    margin-bottom:15px;
    border-radius:6px;
}

/* =====================================================
   BUTTON (GLOBAL)
===================================================== */

.btn-primary{
    background:#2bb673;
    color:#fff;
    padding:12px 22px;
    border-radius:6px;
    display:inline-block;
    font-weight:600;
}

.btn-primary:hover{
    background:#22935b;
}

/* =====================================================
   CONTACT WIDGET
===================================================== */
/* Contact Widget */
.contact-widget .contact-item{
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin-bottom:15px;
}

.contact-widget .contact-item i{
    min-width:18px;
    color:#2bb673;
    font-size:16px;
    margin-top:4px;
}

.contact-widget .contact-item a{
    color:#d7e4ea;
}

.contact-widget .contact-item a:hover{
    color:#2bb673;
}

/* Social Icons */
.contact-social{
    margin-top:18px;
}

.contact-social a{
    width:34px;
    height:34px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:rgba(255,255,255,0.08);
    color:#fff;
    margin-right:6px;
    transition:0.3s;
}

.contact-social a:hover{
    background:#2bb673;
}


/* =========================
   FOOTER MAIN DESIGN
========================= */

.site-footer{
    /* background:#fff; */
    background: linear-gradient(180deg, #fff3ea 0%, #ffffff 100%);
    color:#222;
    padding-top:60px;
}

.site-footer a{
    color:#222 !important;
}
.site-footer a:hover{
    color:#2bb673 !important;
}


.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5,
.site-footer h6 {
    margin-top: 0;
}


/* Grid layout */
.footer-widgets .footer-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:40px;
}

/* Mobile */
@media(max-width:900px){
    .footer-widgets .footer-grid{
        grid-template-columns:repeat(2,1fr);
    }
}
@media(max-width:500px){
    .footer-widgets .footer-grid{
        grid-template-columns:1fr;
    }
}

/* Widget Titles */
.site-footer .widget-title,
.site-footer .footer-title{
    color:#222;
    font-size:18px;
    font-weight:600;
    margin-bottom:18px;
    position:relative;
}

/* Remove bullets */
.site-footer ul{
    list-style:none;
    padding:0;
    margin:0;
}

/* Links */
.site-footer a{
    color:#d7e4ea;
    text-decoration:none;
    transition:0.3s;
}

.site-footer a:hover{
    color:#2bb673;
}

/* List spacing */
.site-footer li{
    margin-bottom:10px;
}

/* About text */
.site-footer p{
    line-height:1.7;
    font-size:14px;
}

/* Logo inside footer */
.site-footer img{
    max-width:160px;
    margin-bottom:15px;
}

.footer-bottom .container{
    width:100%;
}

.site-footer .menu li{
    margin-bottom:10px;
}

.site-footer .menu a{
    position:relative;
    padding-left:14px;
}

.site-footer .menu a:before{
    content:"›";
    position:absolute;
    left:0;
    color:#2bb673;
}
/* Contact Widget */
.contact-widget .contact-item{
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin-bottom:15px;
}

.contact-widget .contact-item i{
    min-width:18px;
    color:#2bb673;
    font-size:16px;
    margin-top:4px;
}

.contact-widget .contact-item a{
    color:#d7e4ea;
}

.contact-widget .contact-item a:hover{
    color:#2bb673;
}

/* Social Icons */
.contact-social{
    margin-top:18px;
}

.contact-social a {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid rgb(43 182 115);
    color: rgb(43 182 115) !important;
    margin-right: 6px;
    transition: 0.3s;
}

.contact-social a:hover{
    color:#fff !important;
    background:#2bb673;
}


/* =====================================================
   MOBILE RESPONSIVE
===================================================== */

@media(max-width:768px){

    .header-flex{
        flex-direction:column;
        gap:15px;
        text-align:center;
    }

    .main-menu{
        flex-wrap:wrap;
        justify-content:center;
        gap:16px;
    }

    .layout{
        flex-direction:column;
    }

    .content-area,
    .sidebar{
        flex:100%;
    }
}