.omca{--navy:#0d2d5c;--teal:#12b3a6;--red:#e5252f;--ink:#1d2b49;--mute:#5d6c86;--bg:#eef9f9;--line:#dbe8ee;font-family:Inter,system-ui,sans-serif;color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased}
.omca *,.omca *::before,.omca *::after{box-sizing:border-box}.omca a{text-decoration:none}.omca img{max-width:100%;display:block}
.omca h1,.omca h2,.omca h3,.omca h4,.omca p,.omca ul{margin:0;padding:0}.omca ul{list-style:none}
.omca-w{max-width:1200px;margin:0 auto;padding:0 20px}
.omca-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 22px;border-radius:999px;font-weight:600;font-size:15px;color:#fff!important;border:2px solid transparent;transition:filter .15s,transform .15s}
.omca-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.omca-btn.red{background:var(--red)}.omca-btn.teal{background:var(--teal)}.omca-btn.full{width:100%}
.omca-btn.ghost{background:#fff;color:var(--navy)!important;border-color:var(--line);padding:9px 18px;font-size:14px}
.omca-tag{display:inline-block;background:#e3f6f4;color:#0b7f76;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600;margin-bottom:12px}
.omca h1,.omca h2{font-family:'Playfair Display',Georgia,serif;color:var(--navy);line-height:1.1}
.omca .sub{color:var(--mute);max-width:640px}
/* top bar + header */
.omca-top{background:var(--navy);color:#dff6f3;font-size:13px;text-align:center;padding:7px 36px;position:relative}.omca-x{position:absolute;right:12px;top:2px;background:none;border:0;color:#fff;font-size:20px;cursor:pointer}
.omca-hdr{position:sticky;top:0;z-index:999;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.admin-bar .omca-hdr{top:32px}.omca-hin{display:flex;align-items:center;gap:20px;min-height:70px}
.omca-logo img{height:48px;width:auto}.omca-nav{display:flex;align-items:center;gap:18px;margin-left:auto}
.omca-nav>ul{display:flex;gap:2px}.omca-nav li{position:relative}
.omca-nav a{color:var(--navy);font-size:13px;font-weight:600;padding:9px 12px;display:flex;align-items:center;gap:6px;border-radius:999px}
.omca-nav>ul>li.on>a,.omca-nav>ul>li>a:hover{background:var(--navy);color:#fff}
.car{width:6px;height:6px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg);margin-top:-3px}
.omca-nav .sub{display:none;position:absolute;left:0;top:100%;min-width:260px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 34px rgba(13,45,92,.14);padding:8px;z-index:5;max-width:none}
.omca-nav li:hover>.sub,.omca-nav li:focus-within>.sub{display:block}.omca-nav .sub a{border-radius:8px;font-size:13px}.omca-nav .sub a:hover{background:var(--bg)}
.omca-burger{display:none;margin-left:0;width:44px;height:44px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;position:relative}
.omca-burger span,.omca-burger::before,.omca-burger::after{content:"";position:absolute;left:11px;right:11px;height:2px;background:var(--navy);top:21px}.omca-burger::before{top:14px}.omca-burger::after{top:28px}
/* hero */
.omca-hero{background:linear-gradient(180deg,#e5f6f6,#f6fcfc);padding:56px 0 48px}.omca-hgrid{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center}
.omca-hero h1{font-size:clamp(38px,5vw,60px);font-weight:800;margin-bottom:18px}.omca-hero h1 em{color:var(--red);font-style:italic}
.omca-hero .lead{color:var(--mute);font-size:17px;max-width:540px;margin-bottom:24px}.omca-bt{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.chk{display:flex;gap:20px;flex-wrap:wrap;font-size:13px;color:var(--mute)}.chk span,.omca-tg>div,.omca-sc li{display:flex;align-items:center;gap:8px}
.omca-himg img{width:100%;border-radius:22px;box-shadow:0 24px 60px rgba(13,45,92,.18)}
.omca-trust{background:#fff;border-bottom:1px solid var(--line)}.omca-tg{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding-top:20px;padding-bottom:20px}
.omca-tg b{display:block;font-size:14px;color:var(--navy)}.omca-tg small{color:var(--mute);font-size:12px}.omca-tg svg{flex:none}
/* sections */
.omca-sec{padding:64px 0}.omca-sec.soft{background:var(--bg)}.omca-sec h2{font-size:clamp(28px,3.5vw,42px);font-weight:800}
.omca-sh{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:28px;flex-wrap:wrap}.omca-ch{text-align:center;margin-bottom:32px}.omca-ch .sub{margin:10px auto 0}
/* appeal cards */
.omca-cards{display:grid;gap:18px}.omca-cards.c1{grid-template-columns:1fr}.omca-cards.c2{grid-template-columns:repeat(2,1fr)}.omca-cards.c3{grid-template-columns:repeat(3,1fr)}.omca-cards.c4{grid-template-columns:repeat(4,1fr)}.omca-cards.c5{grid-template-columns:repeat(5,1fr)}.omca-cards.c6{grid-template-columns:repeat(6,1fr)}
.omca-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:10px;box-shadow:0 8px 24px rgba(13,45,92,.06)}
.omca-card .ph{position:relative;display:block;aspect-ratio:4/3;border-radius:10px;overflow:hidden;background:#e5eef2}.omca-card .ph img{width:100%;height:100%;object-fit:cover}
.urg{position:absolute;top:8px;right:8px;background:var(--red);color:#fff;font-size:10px;padding:3px 8px;border-radius:999px;letter-spacing:.04em}
.omca-card h3{font-size:15px;line-height:1.35;color:var(--navy);font-weight:700}.omca-card h3 a{color:inherit}.omca-card .mt{font-size:12px;color:var(--mute)}
.rg{display:flex;justify-content:space-between;font-size:12px;color:var(--mute)}.rg strong{color:var(--navy);font-size:13px}.rg span:last-child{text-align:right}
.bar{height:6px;background:#e3edf2;border-radius:99px;overflow:hidden}.bar i{display:block;height:100%;background:var(--teal);border-radius:99px}.pc{font-size:12px;color:var(--mute)}
.chip{align-self:flex-start;background:#e3f6f4;color:#0b7f76;font-size:11px;padding:4px 10px;border-radius:999px;font-weight:600}.omca-card .omca-btn{margin-top:auto}
.omca-note{background:#fff3cd;padding:10px 14px;border-radius:8px}
/* give */
.omca-gg{display:grid;grid-template-columns:1fr 1fr;gap:22px}.omca-gc{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;display:grid;grid-template-columns:1.3fr 1fr;gap:20px;box-shadow:0 10px 28px rgba(13,45,92,.07)}
.omca-gc h3{font-size:22px;color:var(--navy);margin-bottom:8px}.omca-gc p{color:var(--mute);font-size:14px;margin-bottom:14px}
.acc{background:var(--bg);border-radius:10px;padding:10px 12px;margin-bottom:14px;font-size:12px;color:var(--mute);word-break:break-all}.acc b{display:block;color:var(--navy);font-size:14px}.acc small{display:block}
.omca-gc .im img{width:100%;height:100%;object-fit:cover;border-radius:12px;min-height:200px}
/* impact */
.omca-imp{background:var(--navy);color:#fff;text-align:center;padding:60px 0}.omca-imp .omca-tag{background:rgba(255,255,255,.12);color:#9ff0e8}.omca-imp h2{color:#fff;margin-bottom:34px;font-size:clamp(26px,3.4vw,40px)}
.omca-ig{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.omca-ig b{display:block;font-size:34px;font-weight:700}.omca-ig span{font-size:13px;color:#b9cbe3}
/* services */
.omca-sv-h{display:grid;grid-template-columns:1fr 1.2fr;gap:32px;align-items:end;margin-bottom:30px}.omca-svg{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.omca-sc{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 8px 24px rgba(13,45,92,.06)}.omca-sc h3{font-size:18px;color:var(--navy);margin-bottom:8px}.omca-sc p{font-size:14px;color:var(--mute);margin-bottom:12px}
.omca-sc li{font-size:13px;margin-bottom:6px}.omca-sc a{color:var(--teal);font-weight:600;font-size:13px;display:inline-block;margin-top:8px}
/* testimonials */
.omca-tgrid{display:grid;grid-template-columns:1.3fr 1fr;gap:22px}.omca-tm{background:var(--navy);color:#fff;border-radius:18px;display:grid;grid-template-columns:.8fr 1.2fr;overflow:hidden}
.omca-tm img{width:100%;height:100%;object-fit:cover}.omca-tm blockquote{padding:26px}.omca-tm p{font-size:17px;line-height:1.6;margin-bottom:16px}
.omca-ts{display:grid;gap:16px}.omca-ts blockquote{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;font-size:14px;color:var(--mute)}
.omca cite{font-style:normal;font-weight:700;display:block}.omca cite small{display:block;font-weight:400;opacity:.75}.omca-ts cite{color:var(--navy);margin-top:10px}
/* faq */
.omca-fgrid{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}.omca-acc{margin-top:22px;display:grid;gap:10px}.omca-acc .it{border:1px solid var(--line);border-radius:12px;background:#fff}
.omca-acc button{width:100%;text-align:left;background:none;border:0;padding:16px 18px;font:600 15px Inter,sans-serif;color:var(--navy);display:flex;justify-content:space-between;gap:12px;cursor:pointer}
.omca-acc i{flex:none;width:22px;height:22px;border-radius:50%;background:var(--teal);position:relative}.omca-acc i::before,.omca-acc i::after{content:"";position:absolute;left:6px;right:6px;top:10px;height:2px;background:#fff}.omca-acc i::after{transform:rotate(90deg)}.omca-acc .open i::after{display:none}
.omca-acc .an{display:none;padding:0 18px 16px;color:var(--mute);font-size:14px}.omca-acc .open .an{display:block}.omca-acc .an a{color:var(--teal);font-weight:600}.omca-fimg img{border-radius:18px;width:100%}
/* cta */
.omca-cta{background:linear-gradient(90deg,#0d2d5c,#0b4a73);color:#fff;padding:44px 0}.omca-cg{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.omca-cta h2{color:#fff;font-size:clamp(26px,3vw,38px)}.omca-cta p{opacity:.85;font-style:italic;margin-top:8px}
.omca-cta .r{text-align:right}.omca-cta .ph{display:block;font-size:26px;font-weight:700;color:#fff;margin-bottom:10px}.omca-cta .r span{display:inline-flex;gap:10px;flex-wrap:wrap}
/* footer */
.omca-ftr{background:#fff;border-top:1px solid var(--line);padding-top:44px}.omca-fg{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:32px}.omca-fb img{height:52px;width:auto;margin-bottom:12px}.omca-fb p{font-size:13px;color:var(--mute);max-width:320px}
.omca-ftr h4{color:var(--navy);font-size:14px;margin-bottom:12px}.omca-ftr li{margin-bottom:8px;font-size:13px;color:var(--mute)}.omca-ftr li a{color:var(--mute)}.omca-ftr li a:hover{color:var(--teal)}
.omca-fbot{border-top:1px solid var(--line);margin-top:30px;padding:16px 0;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--mute)}.omca-fl{display:flex;gap:16px;flex-wrap:wrap}.omca-fl a{color:var(--mute)}
/* home page full width */
body.omca-fw .entry-title,body.omca-fw .page-header,body.omca-fw .post-thumbnail{display:none}
body.omca-fw .site-main,body.omca-fw .entry-content,body.omca-fw .page-content,body.omca-fw main,body.omca-fw .content-area{max-width:none!important;width:100%!important;padding:0!important;margin:0!important}
/* responsive */
@media(max-width:1100px){.omca-cards.c4,.omca-cards.c5,.omca-cards.c6{grid-template-columns:repeat(2,1fr)}.omca-svg,.omca-ig{grid-template-columns:repeat(2,1fr)}.omca-gg,.omca-tgrid,.omca-fgrid{grid-template-columns:1fr}}
@media(max-width:960px){.omca-burger{display:block}.omca-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;padding:12px 20px 20px;max-height:80vh;overflow:auto}
.omca-hdr.open .omca-nav{display:flex}.omca-nav>ul{flex-direction:column}.omca-nav .sub{position:static;display:none;box-shadow:none;border:0;padding:0 0 0 14px}.omca-nav li.sub-open>.sub{display:block}
.omca-hgrid,.omca-sv-h,.omca-gc,.omca-tm{grid-template-columns:1fr}.omca-tg{grid-template-columns:repeat(2,1fr)}.omca-fg{grid-template-columns:1fr 1fr}.omca-cta .r{text-align:left}}
@media(max-width:600px){.omca-cards.c2,.omca-cards.c3,.omca-cards.c4,.omca-cards.c5,.omca-cards.c6,.omca-svg,.omca-fg{grid-template-columns:1fr}.omca-ig{grid-template-columns:1fr 1fr}.omca-sec{padding:44px 0}}
@media(prefers-reduced-motion:reduce){.omca *{transition:none!important}}

/* WooCommerce [products] output inside Emergency Appeals */
.omca-wc ul.products{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;margin:0!important;padding:0!important;list-style:none}
.omca-wc ul.products::before,.omca-wc ul.products::after{display:none!important}
.omca-wc ul.products li.product{width:auto!important;float:none!important;margin:0!important;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px;box-shadow:0 8px 24px rgba(13,45,92,.06);display:flex;flex-direction:column;gap:10px}
.omca-wc li.product img{width:100%;border-radius:10px;aspect-ratio:4/3;object-fit:cover}
.omca-wc li.product .woocommerce-loop-product__title,.omca-wc li.product h2,.omca-wc li.product h3{font-size:15px!important;line-height:1.35;color:var(--navy);font-family:Inter,sans-serif;font-weight:700}
.omca-wc li.product a.button,.omca-wc li.product .button{background:var(--red)!important;color:#fff!important;border-radius:999px!important;text-align:center;padding:11px 18px!important;font-weight:600;margin-top:auto!important}

/* ===== OMCA Group strip + header (v1.1) ===== */
.omca-top{background:linear-gradient(90deg,#0b3d4a,#0f5a63);color:#fff;padding:8px 0;text-align:left}
.omca-topin{display:flex;align-items:center;gap:18px}
.omca-gl{display:flex;flex-direction:column;align-items:center;line-height:1;flex:none}.omca-gl b{font-size:22px;font-weight:800;letter-spacing:.02em}.omca-gl small{font-size:8px;letter-spacing:.3em;opacity:.8}
.omca-live{display:flex;align-items:center;gap:8px;color:#fff!important;font-size:12px;font-weight:700;letter-spacing:.08em;flex:none;white-space:nowrap}.omca-live i{width:8px;height:8px;border-radius:50%;background:#ff4b5c}
.omca-pills{display:flex;gap:10px;margin-left:auto;overflow-x:auto;scrollbar-width:none}.omca-pills::-webkit-scrollbar{display:none}
.omca-pills .pill{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:5px 16px 5px 6px;color:#fff!important;font-size:13px;font-weight:600;white-space:nowrap;flex:none;transition:background .15s}
.omca-pills .pill:hover{background:rgba(255,255,255,.22)}
.omca-pills .pill img{width:30px;height:30px;border-radius:50%;background:#fff;object-fit:contain;padding:3px}
.omca-hdr{background:linear-gradient(180deg,#e6f6f6,#f1fafa)}
.omca-logo img{height:56px}
.omca-nav{margin-left:auto;margin-right:auto}
.omca-nav>ul{background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px;box-shadow:0 6px 20px rgba(13,45,92,.08)}
.omca-nav>ul>li>a{font-size:14px;font-weight:600;padding:10px 18px;color:#40526f}
.omca-nav>ul>li.on>a,.omca-nav>ul>li>a:hover{background:#1b4f7e;color:#fff}
.omca-hr{display:flex;align-items:center;gap:10px;flex:none}
.omca-hr .qk{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:50px;height:54px;background:#e0f6f4;border:1px solid #8fdcd5;border-radius:12px;color:var(--navy)!important}
.omca-hr .qk small{font-size:8px;font-weight:700;letter-spacing:.04em}.omca-hr .qk img{width:26px;height:26px;object-fit:contain}
.omca-hr .omca-btn{padding:13px 24px;box-shadow:0 8px 20px rgba(229,37,47,.28)}.omca-hr .omca-btn span{font-size:16px}
.omca-hr .omca-burger{margin-left:0}
@media(max-width:1100px){.omca-pills .pill span{display:none}.omca-pills .pill{padding:5px}}
@media(max-width:960px){
 .omca-hr .qk{display:none}.omca-hin{justify-content:space-between}.omca-hr{margin-left:auto}.omca-logo img{height:46px}
 .omca-nav{margin:0}.omca-nav>ul{background:none;border:0;box-shadow:none;padding:0}.omca-nav>ul>li>a{padding:12px 10px}
 .omca-live{display:none}.omca-gl{display:none}.omca-pills{margin-left:0}.omca-pills .pill span{display:inline}.omca-pills .pill{padding:5px 12px 5px 5px}
}
@media(max-width:600px){.omca-hr .omca-btn{padding:10px 14px;font-size:13px}.omca-pills .pill span{display:none}}

/* ===== v1.2: closer match to the design mockup ===== */
.omca .ib{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:#e3f6f4;color:#0b8f85;flex:none;font-style:normal}
.omca-tg>div{gap:12px}.omca-tg small{display:block;font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--mute)}.omca-tg b{font-size:14px}
.omca-sec h2,.omca-imp h2,.omca-cta h2{font-family:Inter,system-ui,sans-serif;font-weight:800;letter-spacing:-.02em}
.omca-hero .omca-tag{background:#fff;border:1px solid var(--line);box-shadow:0 4px 14px rgba(13,45,92,.06);padding:8px 16px;color:#0d4a7a}
.omca-himg img{height:auto}.omca-fimg img{height:auto}
.omca-card .ph img{object-position:center 25%}
/* donate cards: show the whole picture, never cropped */
.omca-gc{grid-template-columns:1.25fr 1fr;align-items:center}
.omca-gc .im{align-self:center}.omca-gc .im img{width:100%;height:auto;min-height:0;aspect-ratio:1/1;object-fit:cover;border-radius:14px}
.omca-gc .omca-tag{background:none;padding:0;color:#0b8f85;text-transform:uppercase;letter-spacing:.06em;font-size:11px}
.acc{background:#fff;border:1px solid var(--line)}
/* impact */
.omca-ig>div{border-left:1px solid rgba(255,255,255,.15);padding:6px 10px}.omca-ig>div:first-child{border-left:0}
.omca-imp .ib{background:rgba(255,255,255,.1);color:#7fe6dc;border-radius:50%;margin:0 auto 10px}
/* services */
.omca-sc .sh{display:flex;align-items:center;gap:12px;margin-bottom:10px}.omca-sc .sh h3{margin:0}
.omca-sc .ib{background:linear-gradient(135deg,#12b3a6,#0d7f9a);color:#fff;width:46px;height:46px}
/* testimonials: photo no longer cut */
.omca-tm{grid-template-columns:1fr 1fr}.omca-tm img{display:block;width:100%;height:100%;min-height:280px;object-fit:cover;object-position:center 35%}
.omca .qm{display:block;font:700 56px/.7 Georgia,serif;color:#12b3a6;margin-bottom:8px}
.omca-ts cite{display:flex;align-items:center;gap:10px}.omca .av{width:38px;height:38px;border-radius:50%;background:#e3f6f4;color:#0b7f76;display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-weight:700;flex:none}
.omca-ts cite small{color:var(--mute)}
/* cta */
.omca-cta .omca-tag{background:rgba(255,255,255,.12);color:#9ff0e8}.omca-cta .ph{display:flex;align-items:center;gap:10px;justify-content:flex-end}
/* footer: navy like the mockup */
.omca-ftr{background:#0b2a55;border-top:0;color:#b9cbe3}
.omca-fb img{background:#fff;border-radius:12px;padding:8px 14px;height:62px;width:auto}
.omca-fb p,.omca-ftr li,.omca-ftr li a,.omca-fbot,.omca-fl a{color:#b9cbe3}.omca-ftr li a:hover,.omca-fl a:hover{color:#7fe6dc}
.omca-ftr h4{color:#fff;font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.omca-ct li{display:flex;gap:10px;align-items:flex-start}.omca-ct .ci{color:#7fe6dc;flex:none;margin-top:2px}.omca-ct .ci svg{width:16px;height:16px}
.omca-fbot{border-top:1px solid rgba(255,255,255,.14)}
@media(max-width:960px){.omca-tm{grid-template-columns:1fr}.omca-tm img{min-height:240px}.omca-gc{grid-template-columns:1fr}.omca-gc .im{max-width:320px}.omca-ig>div{border-left:0}}

/* ===== v1.3: image fix, white text, better menu, inner pages ===== */

/* --- testimonial photo: never cropped, text always white --- */
.omca-tm{grid-template-columns:1fr 1fr;align-items:center;background:var(--navy)}
.omca-tm img{width:100%;height:auto!important;min-height:0!important;object-fit:contain!important;object-position:center;align-self:center}
.omca-tm blockquote,.omca-tm blockquote *{color:#fff!important}
.omca-tm blockquote .qm{color:var(--teal)!important}
.omca-tm cite{opacity:1}.omca-tm cite small{opacity:1;color:#fff!important;font-weight:400;margin-top:2px}
.omca-tm p{color:#fff!important}

/* --- all text on dark backgrounds = white --- */
.omca-imp,.omca-imp *,.omca-imp h2,.omca-imp span,.omca-imp b,.omca-cta,.omca-cta *,.omca-cta h2,.omca-cta p,.omca-cta a.ph{color:#fff!important}
.omca-imp .omca-tag{color:#fff!important}.omca-cta .omca-tag{color:#fff!important}
.omca-imp .ib svg,.omca-cta .ph svg{color:#7fe6dc!important}
.omca-imp .omca-ig span{opacity:.92}.omca-cta p{opacity:1}
.omca-ftr,.omca-ftr p,.omca-ftr li,.omca-ftr li a,.omca-ftr span,.omca-fbot,.omca-fbot span,.omca-fl a,.omca-ftr h4{color:#fff!important}
.omca-ftr li a:hover,.omca-fl a:hover{color:#7fe6dc!important}.omca-ct .ci,.omca-ct .ci svg{color:#7fe6dc!important}
.omca-top,.omca-top *{color:#fff!important}

/* --- header --- */
.omca-hdr{transition:box-shadow .2s,background .2s}
.omca-hdr.stuck{box-shadow:0 8px 28px rgba(13,45,92,.12);background:rgba(240,250,250,.97)}
.omca-hin{min-height:78px;gap:16px}
.omca-nav{margin:0 auto}
.omca-nav>ul{gap:2px;flex-wrap:nowrap}
.omca-nav>ul>li>a{font-size:13px;letter-spacing:.02em;padding:10px 14px;white-space:nowrap;transition:background .15s,color .15s}
.omca-nav>ul>li>a:hover{background:#e0f2f1;color:var(--navy)}
.omca-nav>ul>li.on>a{background:#1b4f7e;color:#fff}
.omca-nav>ul>li.on>a:hover{background:#1b4f7e;color:#fff}
.omca-nav .car{width:5px;height:5px;margin:-3px 0 0 2px;transition:transform .2s}
.omca-nav li:hover>a>.car{transform:rotate(225deg);margin-top:2px}
/* dropdown */
.omca-nav .sub{display:block;visibility:hidden;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .18s,transform .18s,visibility .18s;top:calc(100% + 10px);left:50%;margin-left:-150px;width:300px;min-width:0;border-radius:14px;padding:8px;border:1px solid var(--line);box-shadow:0 20px 44px rgba(13,45,92,.16)}
.omca-nav .sub::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.omca-nav li:hover>.sub,.omca-nav li:focus-within>.sub{visibility:visible;opacity:1;transform:none;pointer-events:auto}
.omca-nav .sub li{display:block}
.omca-nav .sub a{display:block;white-space:normal;line-height:1.35;font-size:13px;font-weight:600;padding:10px 14px;border-radius:9px;color:var(--navy);background:none}
.omca-nav .sub a:hover{background:#e3f6f4;color:#0b7f76}
.omca-nav .sub li.on>a{background:#e3f6f4;color:#0b7f76}
.omca-nav>ul>li:nth-last-child(-n+2)>.sub{left:auto;right:0;margin-left:0}
.omca-mq{display:none}
/* right side */
.omca-hr .qk{width:54px;height:56px;transition:transform .15s,background .15s}.omca-hr .qk:hover{transform:translateY(-2px);background:#cdeeeb}
.omca-hr .qk small{font-size:9px;letter-spacing:.06em}
/* group strip */
.omca-topin{min-height:46px}
.omca-pills .pill{transition:background .15s,transform .15s}.omca-pills .pill:hover{transform:translateY(-1px)}

/* tighter desktop so the menu never wraps */
@media(max-width:1380px){.omca-nav>ul>li>a{padding:10px 11px;font-size:12.5px}.omca-hr .omca-btn{padding:12px 18px}}

/* --- burger / mobile drawer from 1180px --- */
@media(max-width:1180px){
 .omca-burger{display:block!important;margin-left:0}
 .omca-hr .qk{display:none}
 .omca-hin{justify-content:space-between}
 .omca-hr{margin-left:auto}
 .omca-hr>.omca-btn{display:none}
 .omca-nav{display:none!important;position:absolute;left:0;right:0;top:100%;margin:0;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 24px 40px rgba(13,45,92,.14);flex-direction:column;align-items:stretch;padding:10px 20px 22px;max-height:calc(100vh - 130px);overflow:auto}
 .omca-hdr.open .omca-nav{display:flex!important}
 .omca-nav>ul{flex-direction:column;background:none;border:0;box-shadow:none;padding:0;gap:0;border-radius:0}
 .omca-nav>ul>li{border-bottom:1px solid var(--line)}
 .omca-nav>ul>li>a{padding:15px 6px;border-radius:0;font-size:14px;justify-content:space-between;background:none!important;color:var(--navy)!important}
 .omca-nav>ul>li.on>a{color:#0b7f76!important}
 .omca-nav .car{margin-left:auto}
 .omca-nav li.sub-open>a>.car{transform:rotate(225deg);margin-top:2px}
 .omca-nav .sub{display:none;visibility:visible;opacity:1;transform:none;pointer-events:auto;position:static;width:auto;margin:0 0 10px;box-shadow:none;border:0;border-left:3px solid #8fdcd5;border-radius:0;padding:0 0 0 12px;background:none}
 .omca-nav .sub::before{display:none}
 .omca-nav li:hover>.sub{display:none}
 .omca-nav li.sub-open>.sub{display:block!important}
 .omca-nav .sub a{padding:11px 8px}
 .omca-mq{display:flex;flex-direction:column;gap:10px;margin-top:16px}
 .omca-mq .mq{display:block;text-align:center;padding:12px;border:1px solid #8fdcd5;background:#e0f6f4;border-radius:12px;font-weight:700;font-size:13px;color:var(--navy)!important;letter-spacing:.05em}
 .omca-logo img{height:46px}
}
@media(max-width:700px){.omca-hin{min-height:66px}.omca-pills{gap:8px}.omca-top{padding:6px 0}}

/* testimonial on small screens */
@media(max-width:960px){.omca-tm{grid-template-columns:1fr}.omca-tm img{max-width:520px;margin:0 auto}}

/* ===== other pages (everything that is not the home page) ===== */
body.omca-inner{font-family:Inter,system-ui,sans-serif;color:#1d2b49}
body.omca-inner h1,body.omca-inner h2,body.omca-inner h3,body.omca-inner h4{font-family:Inter,system-ui,sans-serif;color:#0d2d5c;font-weight:800;letter-spacing:-.01em;line-height:1.2}
body.omca-inner .entry-content a:not(.button):not(.wp-block-button__link):not(.elementor-button){color:#0b8f85}
/* page title banner */
body.omca-inner .page-header,body.omca-inner .entry-header,body.omca-inner .elementor-page-title,body.omca-inner header.woocommerce-products-header{display:none!important}
body.omca-inner .entry-title,body.omca-inner .page-title,body.omca-inner .woocommerce-products-header__title{font-size:clamp(28px,4vw,44px);margin:0}
/* forms */
body.omca-inner input[type=text],body.omca-inner input[type=email],body.omca-inner input[type=tel],body.omca-inner input[type=number],body.omca-inner input[type=search],body.omca-inner select,body.omca-inner textarea{border:1px solid #cfe0e8;border-radius:12px;padding:12px 14px;background:#fff;font-family:inherit;max-width:100%}
body.omca-inner input:focus,body.omca-inner textarea:focus,body.omca-inner select:focus{outline:2px solid #12b3a6;outline-offset:1px;border-color:#12b3a6}
/* buttons */
body.omca-inner .button,body.omca-inner button.button,body.omca-inner a.button,body.omca-inner input[type=submit],body.omca-inner .wp-block-button__link,body.omca-inner .single_add_to_cart_button,body.omca-inner #place_order{background:#e5252f!important;color:#fff!important;border:0!important;border-radius:999px!important;padding:12px 24px!important;font-weight:600!important;font-family:inherit;transition:filter .15s,transform .15s;cursor:pointer}
body.omca-inner .button:hover,body.omca-inner input[type=submit]:hover,body.omca-inner .wp-block-button__link:hover{filter:brightness(1.08);transform:translateY(-1px)}
/* patient / product grids */
body.omca-inner ul.products{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin:0 0 30px!important;padding:0!important;list-style:none}
body.omca-inner ul.products::before,body.omca-inner ul.products::after{display:none!important}
body.omca-inner ul.products li.product{width:auto!important;float:none!important;margin:0!important;background:#fff;border:1px solid #dbe8ee;border-radius:16px;padding:12px;box-shadow:0 8px 24px rgba(13,45,92,.06);display:flex;flex-direction:column;gap:10px;transition:transform .18s,box-shadow .18s}
body.omca-inner ul.products li.product:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(13,45,92,.12)}
body.omca-inner ul.products li.product img{width:100%;border-radius:10px;aspect-ratio:4/3;object-fit:cover;object-position:center 25%;margin:0!important}
body.omca-inner ul.products li.product .woocommerce-loop-product__title,body.omca-inner ul.products li.product h2{font-size:15px!important;line-height:1.35;padding:0!important;color:#0d2d5c}
body.omca-inner ul.products li.product .button{margin-top:auto!important;text-align:center}
body.omca-inner .price,body.omca-inner .amount{color:#0b7f76;font-weight:700}
body.omca-inner .onsale{background:#e5252f;color:#fff;border-radius:999px;min-height:0;line-height:1;padding:6px 12px;top:10px;left:10px;right:auto}
body.omca-inner .woocommerce-pagination ul{border:0}body.omca-inner .woocommerce-pagination li{border:0;margin:0 3px}
body.omca-inner .woocommerce-pagination a,body.omca-inner .woocommerce-pagination span{border-radius:999px;padding:8px 14px;background:#e3f6f4;color:#0b7f76}
body.omca-inner .woocommerce-pagination .current{background:#0d2d5c;color:#fff}
/* single patient page */
body.omca-inner.single-product div.product .product_title{font-size:clamp(26px,3.4vw,38px)}
body.omca-inner.single-product div.product div.images img{border-radius:16px}
body.omca-inner .woocommerce-tabs ul.tabs li{border-radius:999px 999px 0 0}
/* progress bars if the theme/plugin renders them */
body.omca-inner .progress,body.omca-inner [class*=progress-bar]{border-radius:99px}
/* blog / posts */
body.omca-inner article.post,body.omca-inner article.type-post{border-radius:16px}
body.omca-inner .entry-content img{border-radius:12px;height:auto}
body.omca-inner .entry-content{line-height:1.7}
@media(max-width:600px){body.omca-inner ul.products{grid-template-columns:1fr}}

/* ===== v1.4 ===== */
/* full-width sections (no white side gaps) */
.omca-home{width:100vw!important;max-width:100vw!important;position:relative;left:50%;margin-left:-50vw!important}
html,body.omca-home-page,body:has(.omca-home){overflow-x:clip}

/* menu: ONE line only, never wraps */
.omca .omca-nav>ul>li>a,.omca-nav>ul>li>a{white-space:nowrap!important;flex-wrap:nowrap!important;line-height:1.2!important;font-size:13px!important;text-transform:uppercase;display:flex!important;align-items:center;gap:6px}
.omca-nav>ul{flex-wrap:nowrap!important;align-items:center}
.omca-nav>ul>li{flex:none;white-space:nowrap}
.omca-nav .car{flex:none;margin-left:2px!important}
.omca-hr .qk small,.omca-hr .omca-btn{white-space:nowrap}
@media(max-width:1380px){.omca-nav>ul>li>a{padding:10px 10px!important;font-size:12px!important}}
@media(max-width:1180px){.omca-nav>ul>li{white-space:normal}.omca-nav>ul>li>a{white-space:normal!important;font-size:14px!important}}

/* ---------- emergency appeals cards (WooCommerce) ---------- */
.omca .omca-wc ul.products,body.omca-inner ul.products{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))!important;gap:22px!important;align-items:stretch}
.omca .omca-wc ul.products li.product,body.omca-inner ul.products li.product{padding:0!important;border-radius:18px!important;overflow:hidden;gap:0!important;border:1px solid #dbe8ee;box-shadow:0 10px 30px rgba(13,45,92,.08)!important;background:#fff;display:flex!important;flex-direction:column;text-align:left}
.omca .omca-wc ul.products li.product:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(13,45,92,.14)!important}
/* poster image: whole picture visible, no cut */
.omca .omca-wc li.product a:first-child img,.omca .omca-wc li.product img,body.omca-inner ul.products li.product img{width:100%!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;border-radius:0!important;margin:0!important;background:#f3f9fa;display:block}
/* everything under the picture gets even padding */
.omca .omca-wc li.product>*:not(a:first-child):not(.onsale){margin-left:16px!important;margin-right:16px!important}
.omca .omca-wc li.product>a:first-child{display:block}
/* title: maximum 2 lines */
.omca .omca-wc li.product .woocommerce-loop-product__title,.omca .omca-wc li.product h2,.omca .omca-wc li.product h3,body.omca-inner ul.products li.product .woocommerce-loop-product__title{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:15px!important;line-height:1.4!important;min-height:2.8em;margin-top:12px!important;margin-bottom:12px!important;padding:0!important;font-weight:700!important;color:#0d2d5c!important;font-family:Inter,sans-serif!important}
/* category line */
.omca .omca-wc li.product [class*="categor"],.omca .omca-wc li.product .posted_in,.omca .omca-wc li.product .ast-woo-product-category{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px!important;line-height:1.35!important;color:#0b7f76!important;background:#e3f6f4;border-radius:10px;padding:5px 10px!important;margin-top:12px!important;align-self:flex-start;font-weight:600}
/* raised / goal + progress */
.omca .omca-wc li.product [class*="raised"],.omca .omca-wc li.product [class*="goal"],.omca .omca-wc li.product [class*="funded"],.omca .omca-wc li.product [class*="donation"]{color:#0d2d5c!important;font-weight:700;font-size:14px!important;margin-top:12px!important}
.omca .omca-wc li.product [class*="progress"]{border-radius:99px!important;overflow:hidden;background:#e3edf2!important;margin-top:8px!important;font-size:12px;font-weight:700;color:#0d2d5c}
.omca .omca-wc li.product [class*="progress"]>*{background:#12b3a6!important;border-radius:99px!important;color:#fff}
/* button */
.omca .omca-wc li.product a.button,.omca .omca-wc li.product .button{display:block!important;width:calc(100% - 32px)!important;margin:auto 16px 16px!important;text-align:center!important;background:#e5252f!important;color:#fff!important;border-radius:999px!important;padding:12px 18px!important;font-weight:600!important;border:0!important}
.omca .omca-wc li.product .button{margin-top:14px!important}

/* ---------- donate cards: BIG image ---------- */
.omca .omca-gg{grid-template-columns:1fr!important;gap:26px}
.omca .omca-gc{grid-template-columns:1fr 1fr!important;gap:34px;padding:28px;align-items:center}
.omca .omca-gc .im{align-self:center}
.omca .omca-gc .im img{width:100%!important;height:auto!important;aspect-ratio:1/1;object-fit:cover;border-radius:18px;box-shadow:0 18px 44px rgba(13,45,92,.18)}
.omca .omca-gc h3{font-size:clamp(24px,2.6vw,32px);line-height:1.2}
.omca .omca-gc p{font-size:15px}
.omca .omca-gc .omca-btn.full{width:auto;padding:14px 26px;text-align:center}
.omca .omca-gc .acc{font-size:13px}
@media(max-width:960px){.omca .omca-gc{grid-template-columns:1fr!important}.omca .omca-gc .im{order:-1;max-width:none}.omca .omca-gc .omca-btn.full{width:100%}}

/* ---------- testimonial: no crop, white text (stronger rules) ---------- */
.omca .omca-tm{display:grid!important;grid-template-columns:1fr 1fr!important;align-items:center!important;background:#0d2d5c!important}
.omca .omca-tm>img{width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;object-fit:contain!important;align-self:center}
.omca .omca-tm blockquote{background:none!important;border:0!important;box-shadow:none!important;margin:0!important;padding:34px!important;font-style:normal!important;opacity:1!important}
.omca .omca-tm blockquote p,.omca .omca-tm blockquote cite,.omca .omca-tm blockquote cite small,.omca .omca-tm blockquote span:not(.qm){color:#fff!important;opacity:1!important;font-style:normal!important}
.omca .omca-tm blockquote p{font-size:17px;line-height:1.65}
.omca .omca-tm blockquote .qm{color:#12b3a6!important}
@media(max-width:960px){.omca .omca-tm{grid-template-columns:1fr!important}.omca .omca-tm>img{max-width:560px;margin:0 auto}}

/* ---------- CTA above footer ---------- */
.omca .omca-cta{position:relative;overflow:hidden;padding:76px 0!important;background:radial-gradient(circle at 88% 15%,rgba(18,179,166,.35),transparent 42%),radial-gradient(circle at 5% 100%,rgba(229,37,47,.18),transparent 40%),linear-gradient(120deg,#0a244b,#0d3b66 60%,#0b5a7a)!important}
.omca .omca-cta::before{content:"";position:absolute;right:-120px;top:-120px;width:360px;height:360px;border:50px solid rgba(255,255,255,.05);border-radius:50%}
.omca .omca-cg{position:relative;display:grid!important;grid-template-columns:1.25fr 1fr;gap:44px;align-items:center}
.omca .omca-cta h2{font-size:clamp(30px,4vw,48px)!important;line-height:1.12;margin:6px 0 20px}
.omca .omca-cta .qt{margin:0;padding:16px 20px;border-left:4px solid #12b3a6;background:rgba(255,255,255,.08);border-radius:0 14px 14px 0;font-style:italic;font-size:16px;line-height:1.6;max-width:560px;color:#fff!important}
.omca .omca-cta .r{text-align:left!important;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:22px;padding:28px;backdrop-filter:blur(6px);display:block}
.omca .omca-cta .ph{display:flex!important;align-items:center;gap:14px;justify-content:flex-start!important;margin:0 0 22px!important;font-size:inherit!important}
.omca .omca-cta .pi{width:54px;height:54px;border-radius:50%;background:#12b3a6;display:flex;align-items:center;justify-content:center;flex:none;font-style:normal}
.omca .omca-cta .pi svg{width:26px;height:26px;color:#fff!important}
.omca .omca-cta .pt{display:block;font-style:normal}.omca .omca-cta .pt small{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;opacity:.85}
.omca .omca-cta .pt b{display:block;font-size:clamp(24px,2.8vw,32px);font-weight:800;line-height:1.2}
.omca .omca-cta .bs{display:flex;gap:12px;flex-wrap:wrap}.omca .omca-cta .bs .omca-btn{flex:1 1 150px;padding:15px 22px;font-size:16px}
@media(max-width:960px){.omca .omca-cg{grid-template-columns:1fr}.omca .omca-cta{padding:52px 0!important}}

/* ===== FINAL HEADER FIX: full Foundation logo + complete group strip ===== */
/* Keep the full OMCA Foundation logo visible instead of allowing flex-shrink to crop it. */
.omca-hin .omca-logo{
  flex:0 0 158px;
  width:158px;
  min-width:158px;
  display:flex;
  align-items:center;
}
.omca-hin .omca-logo img{
  display:block;
  width:158px !important;
  max-width:none !important;
  height:auto !important;
  flex:none;
}

/* Give the top OMCA Group strip enough horizontal space for every pill, including Santé Plus. */
.omca-topin{
  max-width:1500px;
  width:100%;
}
.omca-pills{
  min-width:0;
  flex:1 1 auto;
  overflow-x:auto;
  overflow-y:hidden;
  padding-right:4px;
}
.omca-pills .pill{
  flex:0 0 auto;
}

/* At narrower desktop widths, keep the logo readable while allowing the menu to use the remaining space. */
@media(max-width:1380px) and (min-width:1181px){
  .omca-hin .omca-logo{
    flex-basis:145px;
    width:145px;
    min-width:145px;
  }
  .omca-hin .omca-logo img{width:145px !important}
  .omca-nav>ul>li>a{padding-left:9px !important;padding-right:9px !important}
}

/* Mobile/tablet: the logo remains complete and scales cleanly. */
@media(max-width:1180px){
  .omca-hin .omca-logo{
    flex:0 0 150px;
    width:150px;
    min-width:150px;
  }
  .omca-hin .omca-logo img{width:150px !important}
}
@media(max-width:700px){
  .omca-hin .omca-logo{
    flex-basis:128px;
    width:128px;
    min-width:128px;
  }
  .omca-hin .omca-logo img{width:128px !important}
}

/* ===== v1.5.0 — header refresh: circle ZAKAAT/INTEREST buttons, social top bar, mobile layout, animations ===== */
@keyframes omcaDrop{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}
@keyframes omcaFade{from{opacity:0;transform:translateY(8px) scale(.9)}to{opacity:1;transform:none}}
@keyframes omcaGlow{0%,100%{box-shadow:0 0 0 0 rgba(47,191,176,.45),0 4px 14px rgba(13,45,92,.12)}50%{box-shadow:0 0 0 7px rgba(47,191,176,0),0 4px 14px rgba(13,45,92,.12)}}
@keyframes omcaDot{0%,100%{box-shadow:0 0 0 0 rgba(255,75,92,.7)}60%{box-shadow:0 0 0 6px rgba(255,75,92,0)}}
@keyframes omcaShine{0%,60%{transform:translateX(-130%) skewX(-20deg)}100%{transform:translateX(330%) skewX(-20deg)}}
@keyframes omcaFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}

.omca-top{animation:omcaDrop .5s ease both}
.omca-hdr{animation:omcaDrop .6s .1s ease both}
.omca-pills .pill{animation:omcaFade .45s ease both}
.omca-pills .pill:nth-child(1){animation-delay:.15s}.omca-pills .pill:nth-child(2){animation-delay:.25s}.omca-pills .pill:nth-child(3){animation-delay:.35s}.omca-pills .pill:nth-child(4){animation-delay:.45s}.omca-pills .pill:nth-child(5){animation-delay:.55s}
.omca-live i{animation:omcaDot 1.6s infinite}
.omca-pills .pill img{transition:transform .25s}.omca-pills .pill:hover img{transform:scale(1.12) rotate(-4deg)}

/* ZAKAAT / INTEREST — the supplied artwork is the circle */
.omca-hr .qk{width:58px;height:58px;padding:0;border:0;border-radius:50%;background:#fff;overflow:hidden;animation:omcaGlow 2.6s infinite;transition:transform .2s}
.omca-hr .qk:nth-of-type(2){animation-delay:.6s}
.omca-hr .qk img{width:100%;height:100%;object-fit:contain;border-radius:50%;display:block}
.omca-hr .qk:hover{transform:translateY(-2px) scale(1.08);background:#fff}

/* Donate button shine */
.omca-hr .omca-btn{position:relative;overflow:hidden}
.omca-hr .omca-btn::after{content:"";position:absolute;top:0;left:0;width:36%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:omcaShine 4s infinite}

/* Sticky header: logo shrinks a little on scroll */
.omca-hin .omca-logo img{transition:width .25s,height .25s}

/* Scroll reveal (only active once JS adds .omca-js) */
.omca-js .omca-rv{opacity:0;transform:translateY(26px);transition:opacity .6s ease,transform .6s ease}
.omca-js .omca-rv.in{opacity:1;transform:none}
.omca-hero .omca-himg{animation:omcaFloat 6s ease-in-out infinite}
.omca-card{transition:transform .25s,box-shadow .25s}.omca-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(13,45,92,.12)}

/* ===== Phone / tablet header (matches the reference screenshot) ===== */
@media(max-width:1180px){
  /* top bar: "OMCA GROUP" + round logos only */
  .omca-top .omca-gl{display:flex!important}
  .omca-top .omca-live{display:none!important}
  .omca-topin{gap:12px!important;min-height:0!important;padding-left:14px;padding-right:14px}
  .omca-pills{margin-left:auto!important;justify-content:flex-end;gap:8px!important;overflow:visible!important;flex:1 1 auto}
  .omca-pills .pill,.omca-pills .pill:hover{padding:0!important;background:none!important;border:0!important;gap:0}
  .omca-pills .pill span{display:none!important}
  .omca-pills .pill img{width:34px;height:34px;border:2px solid rgba(255,255,255,.55);padding:2px}
  /* main row: logo | ZAKAAT | INTEREST | Donate Now | burger */
  .omca-hin{gap:8px!important;min-height:64px;padding-left:12px;padding-right:12px}
  .omca-hr{display:flex!important;gap:8px!important;margin-left:auto}
  .omca-hr .qk{display:block!important;width:44px;height:44px}
  .omca-hr>.omca-btn{display:inline-flex!important;align-items:center;gap:6px;padding:11px 16px!important;font-size:13px}
  .omca-burger{width:42px;height:42px}
  .omca-mq{display:none!important}
}
@media(max-width:700px){
  .omca-hin .omca-logo{flex:0 1 104px!important;width:104px!important;min-width:84px!important}
  .omca-hin .omca-logo img{width:100%!important}
  .omca-hr{gap:6px!important}
  .omca-hr .qk{width:40px;height:40px}
  .omca-hr>.omca-btn{padding:10px 12px!important;font-size:12px}
  .omca-hr>.omca-btn span{display:none}
  .omca-pills .pill img{width:30px;height:30px}
  .omca-gl b{font-size:19px}
}
@media(max-width:380px){
  .omca-hin{gap:5px!important;padding-left:8px;padding-right:8px}
  .omca-hin .omca-logo{flex-basis:88px!important;width:88px!important}
  .omca-hr{gap:5px!important}
  .omca-hr .qk{width:36px;height:36px}
  .omca-hr>.omca-btn{padding:9px 10px!important;font-size:11.5px}
  .omca-burger{width:38px;height:38px}
  .omca-pills{gap:5px!important}.omca-pills .pill img{width:27px;height:27px}
}
@media(prefers-reduced-motion:reduce){.omca *,.omca-top,.omca-hdr{animation:none!important}.omca-js .omca-rv{opacity:1!important;transform:none!important}}

/* ===== v1.5.1 — FIX: ZAKAAT / INTEREST buttons were clipped (circle mask cut the label) ===== */
.omca-hr{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:10px}
.omca-hr .qk{
  display:flex;align-items:center;justify-content:center;
  flex:0 0 auto;box-sizing:border-box;
  width:62px;height:66px;padding:4px;
  border:0;border-radius:16px;
  background:rgba(255,255,255,.55);
  overflow:visible;               /* never clip the artwork */
  white-space:nowrap;
}
.omca-hr .qk img{
  display:block;box-sizing:border-box;
  width:100%;height:100%;max-width:none;
  object-fit:contain;             /* whole image (circle + label) always visible */
  border-radius:0;
}
.omca-hr .qk small{white-space:nowrap}
.omca-hr .omca-btn{flex:0 0 auto;white-space:nowrap}
@media(max-width:1180px){
  .omca-hr .qk{display:flex!important;width:52px;height:56px;padding:3px;border-radius:14px}
}
@media(max-width:700px){
  .omca-hr{gap:6px!important}
  .omca-hr .qk{width:46px;height:50px;padding:2px;border-radius:12px}
}
@media(max-width:380px){
  .omca-hr .qk{width:42px;height:46px}
}

/* ===== v1.5.1 — scroll animations (fade-up, slide-in left/right, zoom) ===== */
.omca-js .omca-rv{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.22,.7,.3,1),transform .7s cubic-bezier(.22,.7,.3,1);will-change:opacity,transform}
.omca-js .omca-rv.rv-l{transform:translateX(-44px)}
.omca-js .omca-rv.rv-r{transform:translateX(44px)}
.omca-js .omca-rv.rv-z{transform:scale(.92)}
.omca-js .omca-rv.in{opacity:1;transform:none}
@media(max-width:700px){.omca-js .omca-rv.rv-l,.omca-js .omca-rv.rv-r{transform:translateY(28px)}}

/* ===== v1.5.2 — remove the white gap between the menu and the page content ===== */
body.omca-home-page #page,body.omca-home-page #content,body.omca-home-page .site-content,
body.omca-home-page .ast-container,body.omca-home-page #primary,body.omca-home-page #main,
body.omca-home-page .site-main,body.omca-home-page article,body.omca-home-page .ast-article-single,
body.omca-home-page .entry-content,body.omca-home-page .elementor,body.omca-home-page .elementor-section-wrap{
  margin-top:0!important;padding-top:0!important;border-top:0!important}
body.omca-home-page .entry-content>p:empty,body.omca-home-page .entry-content>br,
body.omca-home-page .entry-header,body.omca-home-page .ast-breadcrumbs-wrapper,
body.omca-home-page .site-content>.ast-container>br{display:none!important}
.omca-home{margin-top:0!important}
.omca-hdr{margin-bottom:0!important}

/* ===== v1.5.3 — mobile patient cards + View All Patients styling ===== */
/* Keep patient/appeal content clean: no browser/theme underlines inside cards. */
.omca .omca-cards a,
.omca .omca-wc ul.products a,
.omca .omca-card a,
.omca .omca-wc li.product a,
.omca .omca-wc li.product a:hover,
.omca .omca-card a:hover{
  text-decoration:none!important;
}

/* View All Patients: same red animated treatment as the header Donate Now button. */
.omca .omca-sh > .omca-btn.ghost{
  background:var(--red)!important;
  color:#fff!important;
  border-color:var(--red)!important;
  position:relative;
  overflow:hidden;
  box-shadow:0 8px 20px rgba(229,37,47,.28);
  transition:filter .15s,transform .15s;
}
.omca .omca-sh > .omca-btn.ghost::after{
  content:"";
  position:absolute;
  top:0;
  left:-40%;
  width:36%;
  height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);
  animation:omcaShine 4s infinite;
}

/* On phones show two patient cards side-by-side instead of one. */
@media(max-width:600px){
  .omca .omca-cards.c2,
  .omca .omca-cards.c3,
  .omca .omca-cards.c4,
  .omca .omca-cards.c5,
  .omca .omca-cards.c6{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .omca .omca-card{
    min-width:0;
    padding:8px;
    gap:7px;
    border-radius:12px;
  }
  .omca .omca-card h3{font-size:13px;line-height:1.3}
  .omca .omca-card .mt{font-size:10px}
  .omca .omca-card .rg{font-size:10px}
  .omca .omca-card .rg strong{font-size:11px}
  .omca .omca-card .omca-btn{font-size:11px;padding:9px 8px}

  /* WooCommerce patient/appeal cards used by the live donation list. */
  .omca .omca-wc ul.products,
  body.omca-inner ul.products{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .omca .omca-wc ul.products li.product,
  body.omca-inner ul.products li.product{
    min-width:0!important;
  }
  .omca .omca-wc li.product>*:not(a:first-child):not(.onsale){
    margin-left:9px!important;
    margin-right:9px!important;
  }
  .omca .omca-wc li.product .woocommerce-loop-product__title,
  .omca .omca-wc li.product h2,
  .omca .omca-wc li.product h3{
    font-size:12px!important;
    line-height:1.3!important;
    min-height:2.6em;
    margin-top:9px!important;
    margin-bottom:8px!important;
  }
  .omca .omca-wc li.product a.button,
  .omca .omca-wc li.product .button{
    width:calc(100% - 18px)!important;
    margin-left:9px!important;
    margin-right:9px!important;
    margin-bottom:9px!important;
    padding:9px 7px!important;
    font-size:11px!important;
  }
}

/* ===== v1.6.0 Facebook "Latest Updates" - smartphone feed ===== */
.omca-fbs{background:linear-gradient(180deg,#f4fbfc 0%,#e7f2fb 100%);overflow:hidden;position:relative}
.omca-fbs::before{content:"";position:absolute;right:-140px;top:-140px;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(24,119,242,.14),transparent 70%);pointer-events:none}
.omca-fbg{display:grid;grid-template-columns:1fr auto;gap:56px;align-items:center;position:relative}
.omca-fbt h2{max-width:560px}.omca-fbt .sub{margin-top:14px;font-size:17px}
.omca-fbt .omca-btn{margin-top:24px}
.omca-btn.fb{background:#1877f2;box-shadow:0 8px 20px rgba(24,119,242,.28)}
.omca-fbwrap{display:flex;align-items:center;justify-content:center;gap:22px;max-width:100%}
.omca-phone{position:relative;width:360px;max-width:100%;height:clamp(560px,80vh,700px);border-radius:50px;padding:11px;background:linear-gradient(145deg,#2a5f9a,#0b1f3a 55%,#16406f);box-shadow:0 34px 70px rgba(13,45,92,.30),0 0 0 2px #0a1a30,inset 0 0 0 2px rgba(255,255,255,.12)}
@supports(height:1svh){.omca-phone{height:clamp(560px,80svh,700px)}}
.pfn{position:absolute;z-index:5;top:22px;left:50%;width:96px;height:26px;margin-left:-48px;border-radius:20px;background:#07142a}
.pfs{height:100%;border-radius:40px;overflow:hidden;background:#fff;display:flex;flex-direction:column;position:relative}
.pfsb{flex:none;height:46px;padding:16px 28px 0;display:flex;justify-content:space-between;align-items:center;font:600 14px Inter,sans-serif;color:#111}
.pfsi{display:flex;gap:6px;align-items:center}
.pfh{flex:none;padding:2px 16px 4px}.pfl{font:800 29px/1 Inter,system-ui,sans-serif;color:#1877f2;letter-spacing:-.05em}
.pft{flex:none;display:flex;border-bottom:1px solid #dde1e6}
.pft span{flex:1;height:42px;display:flex;align-items:center;justify-content:center;color:#65676b;border-bottom:3px solid transparent}
.pft span.on{color:#1877f2;border-color:#1877f2}
.pfscroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;background:#f0f2f5;overscroll-behavior:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#1877f2 #dfe6ee}
.pfscroll::-webkit-scrollbar{width:8px}.pfscroll::-webkit-scrollbar-track{background:#dfe6ee}.pfscroll::-webkit-scrollbar-thumb{background:#1877f2;border-radius:8px;border:2px solid #dfe6ee}
.pfscroll:focus-visible{outline:3px solid #1877f2;outline-offset:-3px}
.pfpage{background:#fff;padding:14px 14px 12px;margin-bottom:8px}
.pfph{display:flex;align-items:center;gap:10px;margin-bottom:12px}.pfav{width:52px;height:52px;border-radius:50%;object-fit:contain;background:#fff;border:2px solid #1f9fc4;padding:3px}
.pfph b{display:block;font-size:16px;color:#050505;line-height:1.2}.pfph small{color:#65676b;font-size:13px}.pfdots{margin-left:auto;color:#65676b;font-weight:800;letter-spacing:2px}
.pfbt{display:flex;justify-content:space-between;gap:8px}
.omca a.pfb,.omca button.pfb,.pfb{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:7px;background:#e7f3ff;color:#1877f2!important;font:600 13.5px Inter,sans-serif;border:0;cursor:pointer;text-decoration:none}
.omca a.pfb.shr{background:#e4e6eb;color:#050505!important}
.pfp{background:#fff;margin-bottom:8px;overflow:hidden}
.pfph2{display:flex;align-items:center;gap:10px;padding:12px 14px 8px}.pfav2{width:40px;height:40px;border-radius:50%;object-fit:contain;background:#fff;border:1px solid #dde1e6;padding:2px;flex:none}
.pfph2 b{display:block;font-size:15px;color:#050505;line-height:1.2}.pfph2 small{color:#65676b;font-size:13px;display:flex;align-items:center;gap:3px}.pfph2 small a{color:#65676b!important}.pfph2 small a:hover{text-decoration:underline}
.pftx{padding:2px 14px 10px;font-size:15px;line-height:1.38;color:#050505;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}
.pftx a{color:#1877f2}.pfmore{background:none;border:0;padding:0;font:600 15px Inter,sans-serif;color:#65676b;cursor:pointer}.pfmore:hover{text-decoration:underline}
.pfm{display:block;position:relative;background:#e4e6eb}.pfm img{width:100%;height:auto;display:block}
.pfm.video img{max-height:420px;object-fit:cover}
.pfplay{position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;border:2px solid #fff}
.pfm.album{display:grid;grid-template-columns:1fr 1fr;gap:2px}.pfm.album .pfc{position:relative;display:block;aspect-ratio:1/1;overflow:hidden}.pfm.album img{width:100%;height:100%;object-fit:cover}
.pfm.album.n3 .pfc:first-child{grid-column:1/3;aspect-ratio:2/1}
.pfc em{position:absolute;inset:0;background:rgba(0,0,0,.5);color:#fff;font:600 26px Inter,sans-serif;display:flex;align-items:center;justify-content:center;font-style:normal}
.pfk{display:block;background:#f0f2f5;color:inherit!important}.pfk img{width:100%;max-height:200px;object-fit:cover}.pfkb{padding:10px 14px;display:flex;flex-direction:column;gap:2px}
.pfkb small{text-transform:uppercase;font-size:11.5px;color:#65676b;letter-spacing:.02em}.pfkb b{font-size:15px;color:#050505;line-height:1.25}.pfkb span{font-size:13px;color:#65676b;line-height:1.3}
.pfst{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;font-size:13.5px;color:#65676b}
.pfr{display:flex;align-items:center;gap:6px}.pfr i{width:18px;height:18px;border-radius:50%;background:#1877f2;display:inline-flex;align-items:center;justify-content:center}.pfr b{font-weight:400}
.pfac{display:flex;border-top:1px solid #e4e6eb;margin:0 14px;padding:2px 0}
.pfac a{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 4px;color:#65676b!important;font:600 13.5px Inter,sans-serif;border-radius:6px}.pfac a:hover{background:#f0f2f5}
.pfsk{background:#fff;margin-bottom:8px;padding:14px}.pfsk i{display:block;height:12px;border-radius:6px;background:linear-gradient(90deg,#e9ecf0 25%,#f5f6f8 50%,#e9ecf0 75%);background-size:200% 100%;animation:omcaSk 1.3s linear infinite;margin-bottom:10px}
.pfsk i:nth-child(1){width:55%}.pfsk i:nth-child(2){width:90%}.pfsk i:nth-child(3){height:150px;border-radius:8px;width:100%;margin-bottom:0}
@keyframes omcaSk{to{background-position:-200% 0}}
.pfmsg{background:#fff;margin:0 0 8px;padding:34px 22px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}
.pfmsg b{font-size:17px;color:#050505}.pfmsg p{font-size:14px;color:#65676b;max-width:260px}
.pfend{padding:18px 14px 26px;text-align:center}
.pfif{display:block;width:100%;border:0;background:#fff}
.omca-phone[data-mode=plugin] .pfscroll,.omca-fbwrap.plugin .pfscroll{overflow:hidden;background:#fff}
.omca-phone[data-mode=plugin] .pfsk{margin:0}
/* scroll indicator */
.omca-fbhint{display:flex;flex-direction:column;align-items:center;gap:14px;width:78px;flex:none}
.pftr{display:block;width:9px;height:clamp(220px,34vh,320px);border-radius:9px;background:#d4e1ef;position:relative;overflow:hidden}
.pftr i{position:absolute;left:0;right:0;top:0;height:30%;background:#1877f2;border-radius:9px;transition:top .08s linear,height .2s}
.pfhd{display:flex;flex-direction:column;align-items:center;gap:8px;transition:opacity .4s}
.pfhd b{font:700 11.5px/1.3 Inter,sans-serif;letter-spacing:.07em;text-transform:uppercase;color:var(--navy);text-align:center}
.pfhm{display:none}
.pfhand{animation:omcaHand 1.9s ease-in-out infinite;transform-origin:50% 100%}
@keyframes omcaHand{0%,100%{transform:translateY(8px)}50%{transform:translateY(-8px)}}
.omca-fbwrap.scrolled .pfhd{opacity:0;pointer-events:none}
/* tablet / mobile */
@media(max-width:960px){
 .omca-fbg{grid-template-columns:1fr;gap:34px;justify-items:center}
 .omca-fbt{text-align:center}.omca-fbt h2,.omca-fbt .sub{margin-left:auto;margin-right:auto}
}
@media(max-width:640px){
 .omca-fbwrap{flex-direction:column;gap:12px;width:100%}
 .omca-phone{width:min(360px,100%);height:clamp(540px,78vh,640px);border-radius:44px;padding:9px}
 @supports(height:1svh){.omca-phone{height:clamp(540px,78svh,640px)}}
 .pfs{border-radius:36px}
 .omca-fbhint{width:auto;flex-direction:row}.pftr{display:none}
 .pfhd:not(.pfhm){display:none}.pfhm{display:flex;flex-direction:row;gap:10px}.pfhm .pfhand{width:26px;height:36px}
}
@media(max-width:380px){.pfl{font-size:25px}.pfsb{padding:16px 22px 0}}
@media(prefers-reduced-motion:reduce){.pfhand,.pfsk i{animation:none}}

/* ===== v1.6.1 Donate Now button: always red, white text, soft animation ===== */
.omca .omca-btn.donate,.omca-btn.donate{background:#e5252f!important;color:#fff!important;border-color:transparent;position:relative;overflow:hidden;isolation:isolate;animation:omcaDonatePulse 2.6s ease-in-out infinite}
.omca .omca-btn.donate *,.omca-btn.donate span{color:#fff!important}
.omca-btn.donate span{display:inline-block;animation:omcaDonateArrow 1.6s ease-in-out infinite}
.omca-btn.donate::after{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.38),transparent);transform:skewX(-20deg);animation:omcaDonateShine 3.8s ease-in-out infinite;z-index:-1}
.omca-btn.donate:hover{background:#cf1c26!important;filter:none;transform:translateY(-2px) scale(1.03);animation-play-state:paused}
@keyframes omcaDonatePulse{0%,100%{box-shadow:0 8px 20px rgba(229,37,47,.28),0 0 0 0 rgba(229,37,47,.38)}50%{box-shadow:0 8px 20px rgba(229,37,47,.28),0 0 0 9px rgba(229,37,47,0)}}
@keyframes omcaDonateArrow{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}
@keyframes omcaDonateShine{0%,55%{left:-70%}100%{left:130%}}
@media(prefers-reduced-motion:reduce){.omca-btn.donate,.omca-btn.donate span,.omca-btn.donate::after{animation:none!important}}


/* ===== Mission + live Facebook feed layout ===== */
.omca-mission-fb{background:linear-gradient(115deg,#f8fcfd 0%,#edf7fb 100%)}
.omca-mission-fb .omca-fbg{grid-template-columns:minmax(0,1fr) auto;gap:48px;align-items:center}
.omca-mission-copy{max-width:650px}
.omca-mission-copy .omca-tag{display:inline-block;text-transform:uppercase;letter-spacing:.16em;font-size:14px;color:#17579a;font-weight:600}
.omca-mission-copy h2{font-size:clamp(36px,4.1vw,60px);line-height:1.08;letter-spacing:-.035em;text-transform:uppercase;color:#142e54;font-weight:800;margin:24px 0 18px;max-width:680px}
.omca-mission-copy h2 em{font-style:normal;color:#159bd4}
.omca-mission-copy .sub{font-size:17px;line-height:1.55;color:#243f65;max-width:640px;margin:0}
.omca-mission-stats{display:grid;gap:18px;margin:30px 0 22px;max-width:520px}
.omca-mission-stat{display:flex;align-items:center;gap:16px;min-height:72px}
.omca-mission-stat-icon{width:74px;height:74px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e0f5fb;color:#1686c3;font-size:34px;font-weight:700}
.omca-mission-stat:nth-child(2) .omca-mission-stat-icon{background:#d9f7f4;color:#079e9d}
.omca-mission-stat>span+span{border-left:1px solid #1b73a9;padding-left:20px;display:flex;flex-direction:column;gap:2px}
.omca-mission-stat b{font-size:clamp(24px,2.5vw,36px);line-height:1.1;color:#14549b;font-weight:800}
.omca-mission-stat small{font-size:17px;line-height:1.25;color:#54708e}
.omca-mission-note{display:flex;align-items:flex-start;gap:13px;color:#344e70;font-size:16px;line-height:1.55;max-width:590px;margin:20px 0 28px}
.omca-mission-note>span:first-child{font-size:31px;line-height:1;color:#08a9aa;font-weight:700}
.omca .omca-follow-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:260px;padding:16px 28px;border-radius:40px;background:linear-gradient(110deg,#1686e8,#0757ad);color:#fff!important;font-size:18px;font-weight:700;box-shadow:0 10px 24px rgba(16,112,194,.25);text-decoration:none}
.omca .omca-follow-btn span{display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;border-radius:4px;background:#fff;color:#1877f2;font:bold 20px Arial,sans-serif}
.omca .omca-follow-btn b{font-size:24px;font-weight:400;transition:transform .2s}
.omca .omca-follow-btn:hover{transform:translateY(-2px);filter:brightness(1.04)}
.omca .omca-follow-btn:hover b{transform:translateX(4px)}
@media(max-width:960px){
 .omca-mission-fb .omca-fbg{grid-template-columns:1fr;gap:32px}
 .omca-mission-copy{max-width:680px;text-align:left}
 .omca-mission-copy h2,.omca-mission-copy .sub{margin-left:0;margin-right:0}
 .omca-mission-stats{margin-left:0;margin-right:0}
}
@media(max-width:640px){
 .omca-mission-copy h2{font-size:clamp(32px,9vw,44px)}
 .omca-mission-copy .sub{font-size:15.5px}
 .omca-mission-stat-icon{width:60px;height:60px;font-size:28px}
 .omca-mission-stat b{font-size:25px}
 .omca-mission-stat small{font-size:15px}
 .omca-mission-note{font-size:15px}
 .omca .omca-follow-btn{width:100%;min-width:0}
}


/* ===== Floating OMCA App Download icon (round, label bubble above) ===== */
.omca-app-float{
	position:fixed;
	right:22px;
	bottom:112px; /* sits just above the WhatsApp button */
	z-index:99990;
	animation:omcaAppBob 3s ease-in-out infinite;
}
@keyframes omcaAppBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.omca-app-float-link{
	position:relative;
	display:flex;
	flex-direction:column;
	align-items:center;
	text-decoration:none!important;
}
.omca-app-circle{
	display:block;
	width:76px;
	height:76px;
	border-radius:50%;
	background:#fff;
	overflow:hidden;
	box-shadow:0 8px 24px rgba(8,38,72,.25);
	transition:transform .22s ease,box-shadow .22s ease;
}
.omca-app-circle img{display:block;width:100%;height:100%;object-fit:cover}
.omca-app-float-link:hover .omca-app-circle{
	transform:scale(1.07);
	box-shadow:0 12px 30px rgba(8,38,72,.32);
}
.omca-app-label{
	position:relative;
	order:-1;
	margin-bottom:12px;
	white-space:nowrap;
	background:#fff;
	color:#1b87c9;
	font:700 13px/1.2 Inter,Arial,sans-serif;
	padding:10px 16px;
	border-radius:999px;
	box-shadow:0 6px 18px rgba(8,38,72,.18);
}
.omca-app-label:after{
	content:"";
	position:absolute;
	left:50%;
	bottom:-6px;
	width:12px;
	height:12px;
	background:#fff;
	transform:translateX(-50%) rotate(45deg);
	border-radius:2px;
}
@media(max-width:640px){
	.omca-app-float{right:14px;bottom:96px}
	.omca-app-circle{width:64px;height:64px}
	.omca-app-label{font-size:12px;padding:8px 12px}
}
@media(prefers-reduced-motion:reduce){
	.omca-app-circle{transition:none}
	.omca-app-float{animation:none}
}


/* ===== Patient cards - same look as the Emergency Appeals page ===== */
.omca .omca-pgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;align-items:stretch}
.omca .omca-pgrid.c1{grid-template-columns:1fr}.omca .omca-pgrid.c2{grid-template-columns:repeat(2,minmax(0,1fr))}.omca .omca-pgrid.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.omca .omca-pgrid.c5{grid-template-columns:repeat(5,minmax(0,1fr))}.omca .omca-pgrid.c6{grid-template-columns:repeat(6,minmax(0,1fr))}
.omca .omca-pc{display:flex;flex-direction:column;background:#fff;border:1px solid #dfe8ee;border-radius:18px;overflow:hidden;box-shadow:0 10px 28px rgba(13,45,92,.08);transition:transform .18s,box-shadow .18s;min-width:0}
.omca .omca-pc:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(13,45,92,.14)}
.omca .omca-pc-img{display:block;background:#f3f9fa;line-height:0}
.omca .omca-pc-img img{display:block;width:100%!important;height:auto!important;object-fit:contain;margin:0!important;border-radius:0!important}
.omca .omca-pc-amt{margin:12px 12px 0;font-size:14px;font-weight:600;color:#1a63c8;letter-spacing:.01em}
.omca .omca-pc-bar{position:relative;margin:8px 12px 0;height:20px;border-radius:99px;background:#e6e6e6;overflow:hidden}
.omca .omca-pc-bar i{position:absolute;left:0;top:0;bottom:0;background:#ee1c25;border-radius:99px;min-width:0}
.omca .omca-pc-bar i[style*="width:0%"]{display:none}
.omca .omca-pc-bar i:not([style*="width:0%"]){min-width:14px}
.omca .omca-pc-bar span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#333}
.omca .omca-pc-title{margin:20px 12px 0;font-size:15.5px;line-height:1.4;font-weight:700;color:#0d2d5c;font-family:Inter,sans-serif;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em}
.omca .omca-pc-title a{color:inherit!important;text-decoration:none!important}
.omca .omca-pc-cat{margin:14px 12px 0;padding:12px 14px;background:#e9f6f1;color:#3b8f79;border-radius:12px;text-align:center;font-size:14px;line-height:1.4;font-weight:500;min-height:3.6em;display:flex;align-items:center;justify-content:center}
.omca .omca-pc-act{display:flex;align-items:center;gap:8px;margin:14px 12px 12px;margin-top:auto;padding-top:14px}
.omca .omca-pc-btn{flex:1;display:block;text-align:center;background:#ee1c25;color:#fff!important;font-weight:700;font-size:14px;padding:11px 10px;border-radius:10px;text-decoration:none!important;transition:filter .15s}
.omca .omca-pc-btn:hover{filter:brightness(1.08)}
.omca .omca-pc-heart{position:relative;flex:none;width:40px;height:40px;border-radius:50%;background:#ee1c25;display:flex;align-items:center;justify-content:center;overflow:hidden}
.omca .omca-pc-heart>a,.omca .omca-pc-heart>button{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;margin:0!important;padding:0!important;cursor:pointer;z-index:2}
@media(max-width:960px){.omca .omca-pgrid,.omca .omca-pgrid.c5,.omca .omca-pgrid.c6{grid-template-columns:repeat(2,minmax(0,1fr))}.omca .omca-pgrid.c3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){
 .omca .omca-pgrid{gap:10px}
 .omca .omca-pc{border-radius:12px}
 .omca .omca-pc-amt{margin:9px 8px 0;font-size:11.5px}
 .omca .omca-pc-bar{margin:6px 8px 0;height:16px}.omca .omca-pc-bar span{font-size:10px}
 .omca .omca-pc-title{margin:12px 8px 0;font-size:12.5px}
 .omca .omca-pc-cat{margin:10px 8px 0;padding:8px;font-size:11px;border-radius:9px}
 .omca .omca-pc-act{margin:10px 8px 8px;gap:6px}
 .omca .omca-pc-btn{font-size:12px;padding:9px 6px;border-radius:8px}
 .omca .omca-pc-heart{width:32px;height:32px}.omca .omca-pc-heart svg{width:16px;height:16px}
}