/* ========================================================= OE — SITEWIDE CSS (CLEAN + SAFE) OceanWP + Woo + Raw Bar Bible + Chef’s Notes (namespaced) ========================================================= *//* ----------------------------- Homepage hero background -------------------------------- */.home .homepage-hero-section{background-image:url("https://oysterencyclopedia.com/wp-content/uploads/2024/06/hero-bg.webp") !important;background-size:cover;background-repeat:no-repeat;background-position:center}/* ----------------------------- WooCommerce product page tweaks -------------------------------- */.product-template-default .page-header{display:none}.product-template-default nav.site-breadcrumbs.clr{display:none !important}.woocommerce div.product .woocommerce-tabs{box-shadow:0 0 15px 0 #00000021;padding:40px;border-radius:12px;clear:both}/* ----------------------------- Blocks / ads hiding -------------------------------- */.wopb-block-567ba0 .wopb-block-wrapper{display:none}.google-auto-placed{display:none}/* ----------------------------- Header tweaks -------------------------------- */#site-header{border:none !important}.minimal-header{display:none}/* ----------------------------- Cookie banner tweaks (lp_eu_*) -------------------------------- */@media only screen and (min-width:700px){#lp_eu_container{width:50% !important}}p#lp_eu_body{font-size:14px !important;font-weight:500;line-height:22px}button#lp_eu_btn_agree{width:80px !important;position:absolute;bottom:12px !important;right:30px !important}/* ========================================================= OE Variables (shared) ========================================================= */:root{--oe-bg:#0b0d10;--oe-card:rgba(255,255,255,0.06);--oe-card2:rgba(255,255,255,0.085);--oe-stroke:rgba(255,255,255,0.10);--oe-text:rgba(255,255,255,0.92);--oe-sub:rgba(255,255,255,0.72);--oe-dim:rgba(255,255,255,0.58);--oe-shadow:0 18px 50px rgba(0,0,0,0.35);--oe-shadow2:0 10px 30px rgba(0,0,0,0.28)}/* ========================================================= Raw Bar Bible Product Cards v2 (unchanged) Classes:oe-gear-wrap,oe-card-v2,oe-cta,etc. ========================================================= */.oe-gear-wrap{margin:28px 0 48px;padding:22px 18px;border-radius:18px;background:radial-gradient(1200px 600px at 20% -10%,rgba(255,255,255,0.10),transparent 60%),radial-gradient(900px 500px at 90% 10%,rgba(255,255,255,0.08),transparent 55%),linear-gradient(180deg,rgba(0,0,0,0.25),rgba(0,0,0,0.05));border:1px solid rgba(0,0,0,0.12)}.oe-gear-wrap h2,.oe-gear-wrap h3{color:#111}.oe-card-v2{position:relative;overflow:hidden;display:grid;grid-template-columns:260px 1fr;gap:18px;padding:18px;margin:26px 0;border-radius:20px;border:1px solid var(--oe-stroke);background:radial-gradient(900px 420px at 20% 0,rgba(255,255,255,0.08),transparent 60%),linear-gradient(180deg,var(--oe-card),var(--oe-card2));box-shadow:var(--oe-shadow);backdrop-filter:blur(10px)}.oe-card-v2:before{content:"";position:absolute;inset:-2px;background:radial-gradient(800px 220px at 20% 0,rgba(255,255,255,0.15),transparent 55%);opacity:.55;pointer-events:none}.oe-card-v2:hover{transform:translateY(-2px);box-shadow:0 22px 65px rgba(0,0,0,0.38);transition:180ms ease}.oe-media{position:relative;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,0.10);box-shadow:var(--oe-shadow2);background:rgba(255,255,255,0.03);min-height:210px;display:flex;align-items:center;justify-content:center}.oe-media img{width:100%;height:100%;object-fit:cover;display:block}.oe-ribbon-v2{position:absolute;top:14px;left:14px;padding:7px 10px;font-size:12px;font-weight:800;letter-spacing:.35px;border-radius:999px;background:rgba(0,0,0,0.68);color:#fff;border:1px solid rgba(255,255,255,0.18);backdrop-filter:blur(10px)}.oe-badges-v2{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 14px}.oe-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:650;border:1px solid rgba(255,255,255,0.14);background:rgba(255,255,255,0.06);color:var(--oe-sub)}.oe-chip b{color:var(--oe-text);font-weight:800}.oe-title{margin:0;font-size:1.35rem;line-height:1.2;color:var(--oe-text)}.oe-subtitle{margin:6px 0 0;color:var(--oe-sub);font-style:italic}.oe-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.oe-panel{padding:12px;border-radius:16px;border:1px solid rgba(255,255,255,0.12);background:rgba(0,0,0,0.20)}.oe-metric{display:grid;grid-template-columns:92px 1fr 54px;align-items:center;gap:10px;margin:10px 0;color:var(--oe-sub);font-size:13px}.oe-meter{height:10px;border-radius:999px;background:rgba(255,255,255,0.10);overflow:hidden;border:1px solid rgba(255,255,255,0.10)}.oe-meter >span{display:block;height:100%;width:var(--w,70%);background:linear-gradient(90deg,rgba(255,255,255,0.92),rgba(255,255,255,0.22))}.oe-kv{margin:0;font-size:13px;color:var(--oe-sub)}.oe-kv strong{color:var(--oe-text)}.oe-features{margin:10px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}.oe-pill{display:inline-flex;padding:7px 10px;border-radius:12px;font-size:12px;font-weight:650;border:1px solid rgba(255,255,255,0.14);background:rgba(255,255,255,0.06);color:var(--oe-text)}.oe-split{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.oe-pros,.oe-cons{padding:12px;border-radius:16px;border:1px solid rgba(255,255,255,0.12);background:rgba(255,255,255,0.04)}.oe-pros h5,.oe-cons h5{margin:0 0 8px;font-size:12px;letter-spacing:.28px;text-transform:uppercase;color:var(--oe-sub)}.oe-pros ul,.oe-cons ul{margin:0;padding-left:18px;color:var(--oe-text);font-size:13px}.oe-ctaRow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,0.12)}.oe-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border-radius:999px;font-weight:850;text-decoration:none;border:1px solid rgba(255,255,255,0.18);background:rgba(0,0,0,0.70);color:#fff;white-space:nowrap}.oe-cta:hover{background:rgba(0,0,0,0.82)}.oe-note{margin:0;color:var(--oe-dim);font-size:12px;line-height:1.35}/* Mobile */@media (max-width:820px){.oe-card-v2{grid-template-columns:1fr}.oe-grid{grid-template-columns:1fr}.oe-split{grid-template-columns:1fr}}/* ========================================================= OE Chef’s Notes — NAMESPACED (NO COLLISIONS) Use HTML with oe-cn-* classes ========================================================= */.oe-cn{position:relative;margin:32px 0;padding:18px;border-radius:22px;border:1px solid rgba(255,255,255,.14);background:#0b0f14;box-shadow:0 18px 55px rgba(0,0,0,.42);overflow:hidden;color:#f6f8fb}.oe-cn:before{content:"";position:absolute;top:0;bottom:0;left:0;width:7px;background:linear-gradient(180deg,#00d4c7,#ffb24a);opacity:.95}.oe-cn,.oe-cn *{box-sizing:border-box}.oe-cn,.oe-cn p,.oe-cn h2,.oe-cn h3,.oe-cn h4,.oe-cn h5,.oe-cn span,.oe-cn small,.oe-cn a{color:#f6f8fb !important}.oe-cn__head{display:flex;flex-direction:column;gap:14px}.oe-cn__ribbon{display:inline-block;padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.06);font-size:12px;letter-spacing:.5px;text-transform:uppercase;color:rgba(246,248,251,.75) !important}.oe-cn__id{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.oe-cn__avatar{width:74px;height:74px;padding:3px;border-radius:18px;background:linear-gradient(135deg,#00d4c7,#ffb24a)}.oe-cn__avatar img{width:100%;height:100%;border-radius:16px;object-fit:cover;display:block}.oe-cn__meta h2{margin:0;font-size:1.85rem;line-height:1.05}.oe-cn__meta p{margin:6px 0 0;font-size:1rem;color:rgba(246,248,251,.75) !important}.oe-cn__chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.oe-cn__chip{padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.06);font-size:.9rem}.oe-cn__chip.is-primary{background:rgba(0,212,199,.18);border-color:rgba(0,212,199,.6)}.oe-cn__commentary{border:1px solid rgba(255,255,255,.10);border-radius:18px;padding:16px;background:#0f1620}.oe-cn__commentary h3{margin:0 0 10px;font-size:.85rem;letter-spacing:.5px;text-transform:uppercase;color:rgba(246,248,251,.7) !important}.oe-cn__commentary p{margin:0;font-size:1.05rem;line-height:1.6}.oe-cn__muted{color:rgba(246,248,251,.65) !important}.oe-cn__callouts{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.oe-cn__callout{padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.10);background:rgba(0,0,0,.25);font-size:.95rem}.oe-cn__panels{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.oe-cn__panel{padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.10);background:#0c121b}.oe-cn__panel h4{margin:0 0 4px;font-size:1.05rem}.oe-cn__panel small{font-size:.95rem;color:rgba(246,248,251,.6) !important}.oe-cn__meter{margin-top:10px}.oe-cn__meterTop{display:flex;justify-content:space-between;font-size:.95rem}.oe-cn__bar{margin-top:7px;height:12px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden}.oe-cn__bar span{display:block;height:100%;width:var(--v,50%);background:linear-gradient(90deg,#00d4c7,#ffb24a)}.oe-cn__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.oe-cn__note{padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.03)}.oe-cn__note h5{margin:0 0 8px;font-size:1rem}.oe-cn__note p{margin:0;font-size:1rem;line-height:1.55;color:rgba(246,248,251,.75) !important}.oe-cn__foot{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.10);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.oe-cn__sig{color:rgba(246,248,251,.65) !important}.oe-cn__btn{padding:11px 14px;border-radius:14px;border:1px solid rgba(0,212,199,.6);background:rgba(0,0,0,.25);font-weight:700;text-decoration:none !important;color:#f6f8fb !important}.oe-cn__btn:hover{transform:translateY(-1px);box-shadow:0 14px 34px rgba(0,0,0,.35)}@media (max-width:760px){.oe-cn__panels,.oe-cn__grid{grid-template-columns:1fr}}/* ========================================================= OE Chef’s Notes — READABILITY PATCH (APPENDED) ========================================================= */.oe-cn__meta h2{font-size:2.15rem}.oe-cn__meta p{font-size:1.1rem}.oe-cn__ribbon{font-size:13px}.oe-cn__chip{font-size:1rem;padding:9px 14px}.oe-cn__commentary h3{font-size:1.05rem}.oe-cn__commentary p{font-size:1.2rem;line-height:1.65}.oe-cn__callout{font-size:1rem;padding:12px 14px}.oe-cn__panel h4{font-size:1.15rem}.oe-cn__panel small{font-size:1rem}.oe-cn__meterTop{font-size:1rem}.oe-cn__note h5{font-size:1.1rem}.oe-cn__note p{font-size:1.05rem;line-height:1.6}.oe-cn__sig{font-size:1.05rem}.oe-cn__btn{font-size:1.05rem;padding:13px 18px}@media (max-width:760px){.oe-cn{padding:22px}.oe-cn__meta h2{font-size:2rem}}@media (max-width:420px){.oe-cn{padding:18px}.oe-cn__meta h2{font-size:1.85rem}}/* ========================================================= Raw Bar Bible — "What You Need" Module (Readable + System) Classes:rbb-needWrap,rbb-h2,rbb-lede,rbb-needItem,rbb-callout-card ========================================================= *//* Font consistency + crisp rendering */.rbb-needWrap,.rbb-needWrap *{font-family:inherit !important}.rbb-needWrap{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;margin:34px 0 22px}/* Type scale (big but not ridiculous) */.rbb-h2{margin:0 0 10px;font-size:clamp(26px,2.2vw,32px);font-weight:1000;letter-spacing:-0.01em;line-height:1.15;color:#0f172a}.rbb-lede{margin:0 0 18px;font-size:clamp(18px,1.4vw,20px);line-height:1.8;color:rgba(15,23,42,.86);max-width:980px}.rbb-needList{margin:0;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:18px}.rbb-needItem{border:3px solid rgba(15,23,42,.24);background:#fff;border-radius:26px;padding:20px 20px 18px;box-shadow:0 18px 36px rgba(15,23,42,.10)}.rbb-needHead{display:flex;align-items:center;gap:12px;margin-bottom:12px}.rbb-needNum{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:999px;border:3px solid rgba(15,23,42,.48);background:rgba(15,23,42,.08);font-weight:1000;font-size:18px;color:#0f172a;flex:0 0 auto;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)}.rbb-needTitle{margin:0;font-size:clamp(20px,1.6vw,24px);font-weight:1000;color:#0f172a;line-height:1.15;letter-spacing:-0.01em}.rbb-needBody{margin:0;font-size:clamp(17px,1.25vw,19px);line-height:1.85;color:rgba(15,23,42,.86)}/* Callout Card CTA */.rbb-callout-card{margin:18px 0 0;padding:22px 22px 20px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.9)),radial-gradient(640px 160px at 12% 0,rgba(15,23,42,.10),transparent 60%);border:3px solid rgba(15,23,42,.32);box-shadow:0 22px 44px rgba(15,23,42,.18)}.rbb-callout-label{display:inline-block;margin-bottom:12px;padding:10px 16px;border-radius:999px;font-size:14px;font-weight:950;letter-spacing:.22em;text-transform:uppercase;color:#0f172a;background:rgba(15,23,42,.08);border:3px solid rgba(15,23,42,.32)}.rbb-callout-text{margin:0 0 16px;font-size:clamp(17px,1.25vw,19px);line-height:1.8;color:rgba(15,23,42,.90)}.rbb-callout-link{display:inline-block;font-size:clamp(16px,1.15vw,18px);font-weight:1000;letter-spacing:.01em;text-decoration:none;color:#0f172a;border-bottom:6px solid rgba(14,165,164,.45);padding-bottom:4px}.rbb-callout-link:hover{border-bottom-color:rgba(245,158,11,.70)}/* Clean default paragraph margins inside the module */.rbb-needWrap p{margin:0}@media (max-width:700px){.rbb-needItem{padding:18px 16px 16px}.rbb-callout-card{padding:18px 16px 16px}}