/* Supplied official OKO assets; limited to branding and decorative art. */
.oko-header .oko-brand {width:250px;flex:0 0 250px}
.oko-header .oko-brand img {width:100%;height:auto!important;object-fit:contain}
.oko-footer .oko-footer-brand>a:first-child {width:250px}
.oko-mascot-heading {display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:0;width:100%}
.oko-mascot-heading>h1,.oko-mascot-heading>h2,.oko-mascot-heading>h3 {flex:1 1 auto;min-width:0}
.oko-mascot-art {display:block;width:112px;max-width:112px;height:auto!important;aspect-ratio:1;object-fit:contain;flex:0 0 112px;border:0!important;border-radius:0!important;box-shadow:none!important;mix-blend-mode:multiply}
.oko-mascot-heading--step {gap:16px}
.oko-mascot-heading--step>.oko-mascot-art {width:80px;max-width:80px;flex-basis:80px}
.oko-mascot-confirmation {display:flex;justify-content:center;margin:0 0 20px}
.oko-mascot-confirmation>.oko-mascot-art {width:140px;max-width:140px;flex-basis:140px}
#wa .oko-wa-launch[aria-expanded="false"] {background:#fff}
#wa .oko-wa-launch[aria-expanded="false"]::before {content:"";position:absolute;inset:0;border-radius:50%;background:#fff url("/assets/20261010-oko-brand/oko-mascot-avatar.webp") center 18%/125% no-repeat;pointer-events:none}
#wa .oko-wa-launch[aria-expanded="false"] .oko-wa-icon-whatsapp {position:absolute;right:-1px;bottom:-1px;z-index:1;display:grid;place-items:center;width:25px;height:25px;background:#25d366;border:2px solid #fff;border-radius:50%}
#wa .oko-wa-launch[aria-expanded="false"] .oko-wa-icon-whatsapp svg {width:17px;height:17px}
#wa .oko-wa-avatar {object-fit:cover;object-position:50% 22%;border-radius:50%}
@media (min-width:1081px) and (max-width:1300px) {.oko-header .oko-brand{width:220px;flex-basis:220px}.oko-header-inner{gap:20px}}
@media (min-width:1081px) and (max-width:1239px) {
 .oko-header-inner{gap:16px}
 .oko-header #oko-navigation .oko-nav-group>a{font-size:12px!important;padding-inline:6px!important}
 .oko-header #oko-navigation .oko-nav-group.has-submenu>a{padding-inline-end:40px!important}
 .oko-header-actions{gap:10px}
 .oko-header a.oko-contact{font-size:12px!important;padding:12px 14px!important;gap:10px}
}
@media (max-width:1080px) {.oko-header .oko-brand{width:220px;flex-basis:220px}}
@media (max-width:640px) {
 .oko-header .oko-brand{width:190px;flex-basis:190px}
 .oko-mascot-heading{gap:12px}
 .oko-mascot-art{width:80px;max-width:80px;flex-basis:80px}
 .oko-mascot-heading--step>.oko-mascot-art{width:64px;max-width:64px;flex-basis:64px}
 .oko-mascot-confirmation>.oko-mascot-art{width:112px;max-width:112px;flex-basis:112px}
}
@media (max-width:359px) {.oko-header .oko-brand{width:160px;flex-basis:160px}}