/* Lumos Pharmaceutical starter styles */
:root { --lumos-navy:#10263f; --lumos-navy2:#183c58; --lumos-teal:#178b91; --lumos-gold:#d5ad55; --lumos-ink:#1e2e3e; --lumos-muted:#667786; --lumos-cream:#f7f8f6; }
.lumos-site { color:var(--lumos-ink); font-family:inherit; }
.lumos-site * { box-sizing:border-box; }
.lumos-hero { display:grid; grid-template-columns:1.1fr .9fr; gap:36px; align-items:center; padding:clamp(34px,6vw,82px); border-radius:20px; background:linear-gradient(125deg,#f7f8f6 0%,#edf5f4 100%); overflow:hidden; }
.lumos-eyebrow { display:block; color:var(--lumos-teal); font-size:12px; font-weight:800; letter-spacing:.16em; margin-bottom:14px; }
.lumos-hero h1 { color:var(--lumos-navy); font-size:clamp(38px,5vw,64px); line-height:1.05; margin:0 0 20px; letter-spacing:-.035em; }
.lumos-hero-copy > p { color:var(--lumos-muted); font-size:17px; line-height:1.75; max-width:570px; }
.lumos-actions { display:flex; gap:12px; flex-wrap:wrap; margin:26px 0 14px; }
.lumos-btn { display:inline-flex; align-items:center; justify-content:center; padding:14px 21px; min-height:48px; border-radius:7px; text-decoration:none!important; font-weight:750; transition:transform .18s ease,opacity .18s ease; }
.lumos-btn:hover { transform:translateY(-2px); opacity:.92; }
.lumos-btn-gold { background:var(--lumos-gold); color:#172a3d!important; }
.lumos-btn-outline { border:1px solid #a7b8bf; color:var(--lumos-navy)!important; background:#fff; }
.lumos-small { font-size:12px!important; line-height:1.6!important; }
.lumos-hero-panel { min-height:340px; border-radius:16px; padding:34px; color:white; display:flex; flex-direction:column; justify-content:flex-end; position:relative; overflow:hidden; background:radial-gradient(circle at 78% 20%,rgba(31,164,165,.55),transparent 34%),linear-gradient(145deg,#10263f,#1b5266); }
.lumos-hero-panel:before,.lumos-hero-panel:after { content:""; position:absolute; border:1px solid rgba(255,255,255,.19); border-radius:50%; width:270px;height:270px;right:-50px;top:-70px; }
.lumos-hero-panel:after { width:190px;height:190px;right:-10px;top:-30px; }
.lumos-orbit { position:absolute; top:70px; right:105px; color:var(--lumos-gold); font-size:74px; z-index:1; }
.lumos-panel-label { font-size:10px;letter-spacing:.18em;color:#b7dddd;margin-bottom:14px; }
.lumos-panel-title { font-size:clamp(25px,3vw,36px);line-height:1.15;font-weight:700;max-width:340px;position:relative;z-index:1; }
.lumos-panel-line { width:52px;height:3px;background:var(--lumos-gold);margin:22px 0; }
.lumos-panel-foot { font-size:17px;font-weight:850;letter-spacing:.18em; }
.lumos-panel-foot span { display:block;font-size:9px;letter-spacing:.28em;font-weight:500;margin-top:4px;color:#c8d7df; }
.lumos-pin { margin:24px 0 54px; padding:22px 26px; background:var(--lumos-navy); border-radius:12px; color:white; display:grid;grid-template-columns:1fr minmax(260px,.8fr);gap:8px 22px;align-items:center; }
.lumos-pin strong { display:block;font-size:17px; }
.lumos-pin span { display:block;color:#c2d2dd;font-size:13px;margin-top:5px; }
.lumos-pin-form { display:flex;gap:8px; }
.lumos-pin-form input { min-width:0; flex:1; border:1px solid #d8e0e4;border-radius:6px;padding:12px 14px;background:#fff;color:#1e2e3e; }
.lumos-pin-form button { border:0;border-radius:6px;padding:12px 16px;background:var(--lumos-gold);font-weight:750;color:var(--lumos-navy);cursor:pointer; }
.lumos-pin-result { grid-column:2;margin:0;font-size:12px;color:#f1dca8; }
.lumos-section { padding:28px 0 48px; }
.lumos-section-head { margin-bottom:25px; }
.lumos-section-head h2,.lumos-cta h2 { color:var(--lumos-navy);font-size:clamp(27px,3vw,40px);line-height:1.15;margin:0 0 10px; }
.lumos-section-head p,.lumos-cta p { color:var(--lumos-muted);margin:0;line-height:1.7; }
.lumos-category-grid { display:grid;grid-template-columns:1fr 1fr;gap:20px; }
.lumos-category-card { min-height:245px;display:flex;flex-direction:column;padding:28px;border-radius:13px;text-decoration:none!important;position:relative;overflow:hidden;transition:transform .2s ease; }
.lumos-category-card:hover { transform:translateY(-3px); }
.lumos-card-own { background:#eaf4f2;border:1px solid #d7e8e5;color:var(--lumos-navy)!important; }
.lumos-card-retail { background:#f6f1e5;border:1px solid #eee3c8;color:var(--lumos-navy)!important; }
.lumos-card-kicker { font-size:10px;font-weight:800;letter-spacing:.16em;color:var(--lumos-teal); }
.lumos-card-icon { position:absolute;right:26px;top:20px;font-size:54px;color:rgba(23,139,145,.35); }
.lumos-category-card h3 { font-size:25px;margin:34px 0 9px;color:var(--lumos-navy); }
.lumos-category-card p { max-width:400px;line-height:1.65;color:#5e707d;margin:0 0 20px; }
.lumos-card-link { margin-top:auto;font-weight:800;color:var(--lumos-teal); }
.lumos-benefits { display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:30px 0;border-top:1px solid #e1e8e9;border-bottom:1px solid #e1e8e9; }
.lumos-benefits span { display:block;color:var(--lumos-gold);font-size:13px;font-weight:850;margin-bottom:12px; }
.lumos-benefits strong { color:var(--lumos-navy);font-size:16px; }
.lumos-benefits p { color:var(--lumos-muted);font-size:14px;line-height:1.6;margin:8px 0 0; }
.lumos-featured ul.products { margin-top:20px; }
.lumos-cta { display:flex;justify-content:space-between;align-items:center;gap:25px;padding:32px;border-radius:14px;background:#edf4f3;margin:12px 0 24px; }
.lumos-cta > div { max-width:650px; }
.lumos-disclaimer { border-top:1px solid #e0e6e8;padding:16px 0;color:#687985;font-size:11px;line-height:1.6; }
.lumos-notice { background:#fff8e7;border:1px solid #ead9a7;padding:18px;border-radius:8px;color:#55451f; }
.lumos-site .woocommerce ul.products li.product .button { background:var(--lumos-navy);color:#fff;border-radius:5px; }
.lumos-site .woocommerce ul.products li.product .price { color:var(--lumos-teal);font-weight:800; }
@media(max-width:767px) {
 .lumos-hero { grid-template-columns:1fr;padding:28px 20px;gap:22px; }
 .lumos-hero-panel { min-height:280px; }
 .lumos-pin { grid-template-columns:1fr;padding:20px; }
 .lumos-pin-result { grid-column:1; }
 .lumos-category-grid,.lumos-benefits { grid-template-columns:1fr; }
 .lumos-cta { flex-direction:column;align-items:flex-start;padding:24px; }
 .lumos-pin-form { flex-direction:column; }
}