.oav-blog-main { color: #09213f; background: #f4f8fc; }
.oav-blog-hero { padding: 72px 6vw; color: #fff; background: linear-gradient(115deg, #020d21, #0b4279); }
.oav-blog-hero__inner, .oav-blog-wrap { width: min(1180px, 100%); margin: auto; }
.oav-blog-hero span { color: #10c8ef; font-size: 12px; font-weight: 800; letter-spacing: .14em; }
.oav-blog-hero h1 { max-width: 760px; margin: 12px 0; font-size: clamp(38px, 5vw, 62px); line-height: 1.05; }
.oav-blog-hero p { max-width: 720px; margin: 0; color: #c9daeb; font-size: 17px; }
.oav-blog-section { padding: 64px 6vw; }
.oav-blog-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.oav-post-card { overflow: hidden; display: flex; flex-direction: column; border: 1px solid #dfe7ef; border-radius: 14px; background: #fff; box-shadow: 0 10px 28px rgba(6, 33, 75, .08); transition: transform .2s ease, box-shadow .2s ease; }
.oav-post-card:hover { transform: translateY(-4px); box-shadow: 0 17px 36px rgba(6, 33, 75, .15); }
.oav-post-card img { width: 100%; height: 215px; object-fit: cover; }
.oav-post-card__placeholder { height: 215px; display: grid; place-items: center; color: #10c8ef; background: radial-gradient(circle, #174575, #061b39); font-size: 42px; }
.oav-post-card__body { padding: 22px; display: flex; flex: 1; flex-direction: column; }
.oav-post-card time { color: #1478ef; font-size: 12px; font-weight: 700; text-transform: uppercase; }
.oav-post-card h2 { margin: 8px 0; font-size: 25px; line-height: 1.12; }
.oav-post-card p { margin: 0 0 18px; color: #60758a; font-size: 14px; }
.oav-post-card__link { margin-top: auto; color: #1478ef; font-weight: 800; }
.oav-featured-post { margin-bottom: 34px; display: grid; grid-template-columns: minmax(300px, 1.1fr) 1fr; overflow: hidden; border-radius: 16px; color: #fff; background: #041633; }
.oav-featured-post img, .oav-featured-post__image { width: 100%; min-height: 340px; height: 100%; object-fit: cover; background: linear-gradient(135deg, #0b4279, #041633); }
.oav-featured-post__content { padding: clamp(28px, 4vw, 55px); display: flex; flex-direction: column; justify-content: center; }
.oav-featured-post__content span { color: #ff8a12; font-size: 12px; font-weight: 900; letter-spacing: .13em; }
.oav-featured-post__content h2 { margin: 12px 0; font-size: clamp(29px, 4vw, 43px); line-height: 1.08; }
.oav-featured-post__content p { color: #c9daeb; }
.oav-article { padding: 58px 6vw 80px; background: #fff; }
.oav-article__inner { width: min(850px, 100%); margin: auto; }
.oav-article__back { color: #1478ef; font-weight: 800; }
.oav-article h1 { margin: 22px 0 10px; font-size: clamp(36px, 5vw, 58px); line-height: 1.05; }
.oav-article__date { color: #60758a; font-size: 13px; }
.oav-article__cover { width: 100%; max-height: 500px; margin: 30px 0; object-fit: cover; border-radius: 16px; }
.oav-article__lead { color: #3f5871; font-size: 19px; font-weight: 600; }
.oav-article__content { margin-top: 28px; color: #223b55; font-size: 17px; line-height: 1.85; }
.oav-share-box { margin-top: 38px; padding: 20px; display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap; border: 1px solid #dfe7ef; border-radius: 13px; background: #f4f8fc; }
.oav-share-box strong { display: block; }
.oav-share-box p { margin: 3px 0 0; color: #60758a; font-size: 13px; }
.oav-instagram-button { padding: 11px 17px; display: inline-flex; align-items: center; gap: 9px; border: 0; border-radius: 9px; color: #fff; background: linear-gradient(135deg, #833ab4, #fd1d1d, #fcb045); font: 800 13px "Archivo", Arial, sans-serif; cursor: pointer; }
.oav-instagram-button:hover { filter: brightness(1.05); transform: translateY(-1px); }
.oav-instagram-button svg { width: 19px !important; height: 19px !important; flex: 0 0 19px; }
.oav-share-feedback { width: 100%; min-height: 18px; margin: 0 !important; color: #1478ef !important; font-size: 12px !important; font-weight: 700; }
.oav-pagination { margin-top: 35px; }

.oav-footer { padding: 48px clamp(20px, 6vw, 90px) 20px !important; display: block !important; color: #afc0d3; background: #020c1e; }
.oav-footer__grid { width: min(1240px, 100%); margin: auto; display: grid; grid-template-columns: 1.4fr 1fr 1.15fr 1.15fr; gap: clamp(26px, 4vw, 56px); }
.oav-footer h3 { margin: 0 0 14px; color: #fff; font-size: 19px; }
.oav-footer p { margin: 7px 0; color: #afc0d3; font-size: 13px; line-height: 1.65; }
.oav-footer a { color: #afc0d3; }
.oav-footer a:hover { color: #10c8ef; }
.oav-footer__brand img { width: 180px; height: 62px; padding: 5px; object-fit: contain; border-radius: 8px; background: #fff; }
.oav-hours { width: 100%; border-collapse: collapse; font-size: 12px; }
.oav-hours td { padding: 5px 0; color: #afc0d3; border-bottom: 1px solid rgba(255,255,255,.08); }
.oav-hours td:last-child { text-align: right; color: #fff; font-weight: 700; }
.oav-open-status { margin-top: 13px; padding: 8px 11px; display: inline-flex; align-items: center; gap: 8px; border-radius: 20px; color: #dbe8f5; background: rgba(255,255,255,.08); font-size: 11px; font-weight: 900; letter-spacing: .05em; }
.oav-open-status::before { content: ""; width: 9px; height: 9px; border-radius: 50%; background: #92a2b4; }
.oav-open-status.is-open { color: #d7ffe9; background: rgba(22,141,83,.24); }
.oav-open-status.is-open::before { background: #36db86; box-shadow: 0 0 0 4px rgba(54,219,134,.13); }
.oav-open-status.is-closed { color: #ffd9d9; background: rgba(201,54,54,.20); }
.oav-open-status.is-closed::before { background: #f06464; }
.oav-footer__bottom { width: min(1240px, 100%); margin: 35px auto 0; padding-top: 18px; display: flex; justify-content: space-between; gap: 20px; border-top: 1px solid rgba(255,255,255,.1); color: #7f94aa; font-size: 11px; }

@media (max-width: 900px) {
    .oav-blog-grid { grid-template-columns: repeat(2, 1fr); }
    .oav-featured-post { grid-template-columns: 1fr; }
    .oav-featured-post img, .oav-featured-post__image { min-height: 280px; max-height: 360px; }
    .oav-footer__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 580px) {
    .oav-blog-section, .oav-article { padding-inline: 20px; }
    .oav-blog-hero { padding: 55px 20px; }
    .oav-blog-grid, .oav-footer__grid { grid-template-columns: 1fr; }
    .oav-instagram-button { width: 100%; justify-content: center; }
    .oav-footer__bottom { flex-direction: column; }
}