/*
Theme Name: Eariba Pharmaceuticals
Author: OpenAI
Description: Responsive pharmaceutical company theme with product catalogue and inquiry form.
Version: 1.0
Text Domain: eariba-pharma
*/
:root{--navy:#102b50;--blue:#1768a8;--green:#1a9a73;--ink:#213247;--muted:#65758b;--pale:#f3f8fc;--line:#dce6ef;--shadow:0 12px 35px #102b5012}
*{box-sizing:border-box}body{margin:0;font:16px/1.65 Arial,sans-serif;color:var(--ink)}a{color:var(--blue);text-decoration:none}img{max-width:100%;height:auto}.container{width:min(1160px,92%);margin:auto}.site-header{position:sticky;top:0;background:#fff;z-index:9;border-bottom:1px solid var(--line)}.topbar{background:var(--navy);color:white;padding:7px 0;font-size:13px}.topbar .container{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.topbar a{color:white}.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:78px}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:bold;color:var(--navy)}.brand img{max-width:190px;max-height:58px;object-fit:contain}.brand-mark{background:linear-gradient(135deg,var(--blue),var(--green));color:white;border-radius:12px;padding:7px 15px}.brand small{display:block;font-size:10px;letter-spacing:2px;color:var(--green)}.main-nav{display:flex;align-items:center;gap:20px}.main-nav a{color:var(--navy);font-size:14px;font-weight:bold}.menu-toggle{display:none;background:var(--navy);color:#fff;border:0;border-radius:8px;padding:10px}.btn{display:inline-block;padding:12px 19px;border-radius:9px;font-weight:bold;border:1px solid var(--line);cursor:pointer}.btn-primary{background:var(--green);border-color:var(--green);color:white}.btn-outline{background:white;color:var(--navy)}.hero{padding:70px 0;background:linear-gradient(120deg,#eff8ff,#fff 65%,#e5f8ef)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}.eyebrow{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--green);font-weight:bold}.hero h1{font-size:clamp(34px,5vw,58px);line-height:1.12;color:var(--navy);margin:14px 0}.hero h1 span,.section-title span{color:var(--green)}.hero p{font-size:18px;color:var(--muted)}.hero-art{min-height:270px;border-radius:28px;background:linear-gradient(140deg,#dff1fb,#d9f5e9);display:grid;place-items:center;font-size:100px;color:var(--blue)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.section{padding:65px 0}.soft{background:var(--pale)}.section-head{text-align:center;max-width:700px;margin:0 auto 32px}.section-title{font-size:clamp(28px,3.5vw,40px);line-height:1.2;color:var(--navy)}.muted{color:var(--muted)}.grid-3,.grid-4{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid-4{grid-template-columns:repeat(4,1fr)}.feature,.content-card,.form-card{padding:24px;border:1px solid var(--line);border-radius:17px;background:white;box-shadow:var(--shadow)}.feature-icon{font-size:27px;color:var(--green)}.product-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:white;display:flex;flex-direction:column}.product-thumb{height:180px;background:#f0f6fa;display:grid;place-items:center;padding:15px}.product-thumb img{height:100%;width:100%;object-fit:contain}.placeholder{font-size:54px;color:#75a9c8}.product-body{padding:18px;display:flex;flex-direction:column;flex:1}.product-body h3{color:var(--navy);margin:7px 0}.product-cat{color:var(--green);font-size:11px;text-transform:uppercase;font-weight:bold}.product-meta{font-size:13px;color:var(--muted);margin-bottom:15px}.product-body .btn{align-self:flex-start;margin-top:auto}.page-hero{padding:45px 0;background:linear-gradient(120deg,#edf7ff,#effaf5)}.page-hero h1{font-size:clamp(30px,4vw,44px);color:var(--navy);margin:5px 0}.product-layout{display:grid;grid-template-columns:1fr 1fr;gap:35px}.product-image{background:var(--pale);padding:25px;border-radius:18px;text-align:center}.product-image img{max-height:420px;object-fit:contain}.detail-table{border-collapse:collapse;width:100%;margin:18px 0}.detail-table td,.detail-table th{text-align:left;padding:10px;border-bottom:1px solid var(--line)}.detail-table th{color:var(--navy)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-group{margin-bottom:14px}.form-group label{display:block;font-weight:bold;font-size:13px;color:var(--navy);margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:1px solid #ccd9e4;border-radius:8px;font:inherit}.form-group textarea{min-height:120px}.notice{padding:12px;background:#e5f7ee;color:#126847;border-radius:9px;margin-bottom:15px}.cta{background:linear-gradient(120deg,var(--navy),var(--blue));color:white;border-radius:22px;padding:35px;display:flex;justify-content:space-between;align-items:center;gap:20px}.cta h2{margin:0}.footer{background:#0d2340;color:#d7e2ee;padding:45px 0 15px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:25px}.footer h3{color:white}.footer a{display:block;color:#d7e2ee;margin:7px 0}.footer-bottom{border-top:1px solid #29415e;margin-top:25px;padding-top:15px;font-size:12px}.wa{position:fixed;right:18px;bottom:18px;background:#20bd67;color:white;border-radius:50%;width:54px;height:54px;display:grid;place-items:center;font-size:24px;z-index:10}
@media(max-width:900px){.grid-4{grid-template-columns:repeat(2,1fr)}.main-nav{gap:10px}.main-nav a{font-size:12px}}@media(max-width:700px){.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:15px 4%;flex-direction:column;align-items:stretch;box-shadow:var(--shadow)}.main-nav.open{display:flex}.hero-grid,.product-layout{grid-template-columns:1fr}.hero{padding:45px 0}.section{padding:45px 0}.grid-3,.grid-4,.footer-grid,.form-grid{grid-template-columns:1fr}.cta{display:block}.brand img{max-width:145px;max-height:48px}}