.ofb-bx{--teal:#008F9B;--teal-deep:#00626B;--gold:#AD9042;--ink:#13282B;--text:#3d5256;--mint:#E3F2F2;--line:#DDE8E8;--grad-blue:linear-gradient(135deg,#008F9B 0%,#6EC1E4 100%);--grad-gold:linear-gradient(90deg,#C9AB5C 0%,#DDBF6E 55%,#E6CD86 100%);--fd:'Poppins',system-ui,sans-serif;font-family:'Roboto',system-ui,sans-serif;color:var(--text);width:100%;box-sizing:border-box}
.ofb-bx *{box-sizing:border-box}
.ofb-btools{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:26px}
.ofb-bcats{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.ofb-bx button{font-family:inherit;cursor:pointer}
.ofb-bx .ofb-cbtn{border:2px solid var(--line)!important;background:#fff!important;border-radius:999px!important;padding:9px 18px!important;font:600 14.5px var(--fd)!important;color:var(--ink)!important;box-shadow:none!important;text-transform:none!important;letter-spacing:0!important;line-height:1.3!important;transition:.15s}
.ofb-bx .ofb-cbtn:hover{border-color:var(--teal)!important}
.ofb-bx .ofb-cbtn.on{background:var(--grad-blue)!important;border-color:transparent!important;color:#fff!important}
.ofb-cbtn small{font:600 12px var(--fd);opacity:.7;margin-left:6px}
.ofb-bsearch{position:relative}
.ofb-bx .ofb-bsearch input{border:2px solid var(--line)!important;border-radius:999px!important;padding:10px 18px 10px 44px!important;font:500 15px 'Roboto',sans-serif!important;color:var(--ink)!important;background:#fff!important;width:260px;height:auto!important;box-shadow:none!important}
.ofb-bsearch input:focus{outline:0;border-color:var(--teal)!important}
.ofb-bsearch::before{content:"";position:absolute;left:17px;top:50%;width:11px;height:11px;border:2.5px solid #8aa0a2;border-radius:50%;transform:translateY(-62%)}
.ofb-bsearch::after{content:"";position:absolute;left:29px;top:50%;width:6px;height:2.5px;background:#8aa0a2;transform:rotate(45deg) translate(3px,3px)}
.ofb-bcount{font:500 15px 'Roboto',sans-serif;color:#6b8083;margin:0 0 18px}
.ofb-bgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.ofb-bx a.ofb-bc{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 14px 34px rgba(19,40,43,.07);display:flex;flex-direction:column;text-decoration:none!important;color:inherit;transition:transform .2s,box-shadow .2s}
.ofb-bx a.ofb-bc:hover{transform:translateY(-4px);box-shadow:0 22px 44px rgba(19,40,43,.12)}
.ofb-bc .im{display:block;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(135deg,#E3F2F2,#cfe9e9)}
.ofb-bc .im img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.ofb-bc:hover .im img{transform:scale(1.04)}
.ofb-bc .bd{display:flex;flex-direction:column;gap:10px;padding:18px 22px 22px;flex:1}
.ofb-bc .k,.ofb-bc .go{display:none}
.ofb-bc .pl span{font:700 11px var(--fd);letter-spacing:.06em;text-transform:uppercase;background:var(--mint);color:var(--teal-deep);padding:4px 11px;border-radius:999px;display:inline-block}
.ofb-bc h3{font:700 18.5px/1.3 var(--fd);color:var(--ink);margin:0}
.ofb-bc .ex{font-size:15px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ofb-bc .meta{display:flex;gap:10px;font:500 14px 'Roboto',sans-serif;color:#6b8083;margin-top:auto;padding-top:4px}
.ofb-bc.feat{grid-column:1/-1;display:grid!important;grid-template-columns:1.15fr .85fr;border-radius:30px;box-shadow:0 22px 50px rgba(19,40,43,.09)}
.ofb-bc.feat .im{aspect-ratio:auto;min-height:340px;height:100%}
.ofb-bc.feat .bd{padding:38px 40px;justify-content:center;gap:14px;flex:none}
.ofb-bc.feat .k{display:block;font:700 12.5px var(--fd);letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
.ofb-bc.feat h3{font:800 clamp(26px,2.8vw,34px)/1.2 var(--fd)}
.ofb-bc.feat .ex{font-size:17px;-webkit-line-clamp:4}
.ofb-bc.feat .meta{margin-top:0}
.ofb-bc.feat .go{display:inline-flex;align-self:flex-start;background:var(--grad-gold);color:var(--ink);font:600 15px var(--fd);border-radius:999px;padding:12px 24px;box-shadow:0 5px 0 #B4974D,0 14px 26px rgba(221,191,110,.32)}
.ofb-bc[hidden]{display:none!important}
.ofb-bpromo{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr auto;gap:30px;align-items:center;background:var(--grad-blue);border-radius:30px;padding:30px 38px;color:#fff}
.ofb-bpromo img{width:auto;height:150px;max-width:110px;object-fit:contain;filter:drop-shadow(0 14px 22px rgba(0,60,66,.35))}
.ofb-bpromo h3{font:800 clamp(22px,2.4vw,28px)/1.2 var(--fd);color:#fff!important;margin:0}
.ofb-bpromo p{margin:6px 0 0;font-size:16.5px;color:#eefafa}
.ofb-bx a.ofb-bpbtn{background:var(--grad-gold);color:var(--ink)!important;font:600 15px var(--fd);border-radius:999px;padding:13px 26px;text-decoration:none!important;box-shadow:0 5px 0 #B4974D,0 14px 26px rgba(0,0,0,.18);white-space:nowrap}
.ofb-bempty{display:none;text-align:center;background:#fff;border-radius:24px;padding:50px 24px;border:1px dashed var(--line)}
.ofb-bempty h3{font:700 22px var(--fd);color:var(--ink);margin:0 0 6px}
.ofb-bmore{display:flex;justify-content:center;margin-top:36px}
.ofb-bx .ofb-bmore button{background:#fff!important;color:var(--teal-deep)!important;border:2px solid var(--teal-deep)!important;border-radius:999px!important;font:600 15px var(--fd)!important;padding:11px 26px!important;box-shadow:0 5px 0 rgba(0,98,107,.2)!important;text-transform:none!important;letter-spacing:0!important}
@media(max-width:1020px){.ofb-bgrid{grid-template-columns:1fr 1fr}.ofb-bc.feat{grid-template-columns:1fr}.ofb-bc.feat .im{min-height:260px}.ofb-bpromo{grid-template-columns:1fr;text-align:center;justify-items:center}.ofb-bsearch{width:100%;order:-1}.ofb-bx .ofb-bsearch input{width:100%}}
@media(max-width:640px){.ofb-bgrid{grid-template-columns:1fr;gap:20px}.ofb-bc.feat .bd{padding:24px 22px}.ofb-bpromo{padding:26px 22px}.ofb-bcats{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px;padding:2px 16px 8px;width:calc(100% + 32px);scrollbar-width:none}.ofb-bx .ofb-cbtn{white-space:nowrap}}