/* Shared navigation and reusable controls. */

.sibo-site .sibo-button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:var(--sibo-teal);color:#fff;border:1px solid transparent;padding:17px 23px;font-size:13px;font-weight:600;line-height:1.5;min-height:56px;white-space:nowrap}

.sibo-site .sibo-button:hover{background:var(--sibo-teal-dark);color:white}

.sibo-site .sibo-button-dark{background:var(--sibo-ink)}

.sibo-site .sibo-button-dark:hover{background:var(--sibo-teal)}

.sibo-site .sibo-button-white{background:white;color:var(--sibo-ink)}

.sibo-site .sibo-button-white:hover{background:var(--sibo-ink);color:white}

.sibo-site .sibo-text-link{display:inline-flex;gap:28px;align-items:center;font-weight:600;font-size:13px;line-height:1.6;border-bottom:1px solid var(--sibo-line);padding-bottom:9px}

.sibo-site .sibo-text-link:hover{color:var(--sibo-teal);border-color:var(--sibo-teal)}

.sibo-site .sibo-link-light{color:white;border-color:#ffffff55}

.sibo-site .sibo-arrow{font-size:21px;font-weight:400;line-height:1}

.sibo-site .sibo-button-row{display:flex;align-items:center;gap:32px;flex-wrap:wrap}

.sibo-site .sibo-header{position:sticky;top:0;background:white;z-index:100;border-bottom:1px solid #e9efec}

.admin-bar.sibo-site .sibo-header{top:32px}

.sibo-site .sibo-header-inner{display:flex;align-items:center;gap:32px;height:94px}

.sibo-site .sibo-brand{display:block;flex:0 0 155px}

.sibo-site .sibo-brand img{width:155px;height:auto}

.sibo-site .sibo-navigation{margin-left:auto}

.sibo-site .sibo-nav-list{display:flex;align-items:stretch;gap:25px}

.sibo-site .sibo-nav-label{display:flex;align-items:center;height:94px;position:relative}

.sibo-site .sibo-nav-link{font-size:13px;font-weight:600;white-space:nowrap;display:flex;align-items:center;height:100%}

.sibo-site .sibo-nav-link:hover{color:var(--sibo-teal)}

.sibo-site .sibo-submenu-toggle{border:0;background:transparent;padding:12px 0 12px 8px;line-height:1;display:flex;align-items:center}

.sibo-site .sibo-chevron{width:6px;height:6px;border-right:1px solid;border-bottom:1px solid;transform:rotate(45deg);transition:transform .2s}

.sibo-site .sibo-is-open .sibo-chevron{transform:rotate(225deg)}

.sibo-site .sibo-header-cta{font-size:12px;min-height:44px;padding:12px 16px;gap:23px;margin-left:4px}

.sibo-site .sibo-mega{position:absolute;top:100%;left:0;right:0;background:white;border-top:1px solid #edf1ef;box-shadow:0 24px 30px #1025250b;visibility:hidden;opacity:0;transform:translateY(-6px);transition:opacity .2s,transform .2s,visibility .2s;pointer-events:none;max-height:calc(100dvh - 100px);overflow-y:auto}

.sibo-site:not(.sibo-nav-ready) .sibo-has-children:hover>.sibo-mega,.sibo-site:not(.sibo-nav-ready) .sibo-has-children:focus-within>.sibo-mega,.sibo-site .sibo-is-open>.sibo-mega{visibility:visible;opacity:1;transform:none;pointer-events:auto}

.sibo-site .sibo-mega-inner{display:grid;grid-template-columns:220px 1fr;gap:48px;padding-block:40px 46px}

.sibo-site .sibo-mega-heading{border-right:1px solid var(--sibo-line);padding-right:30px}

.sibo-site .sibo-mega-heading h2{font-size:30px;margin-bottom:32px}

.sibo-site .sibo-mega-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 24px;align-content:start}

.sibo-site .sibo-mega-item{display:flex;align-items:center;gap:12px;position:relative;border-bottom:1px solid var(--sibo-line);padding-block:12px;min-height:72px}

.sibo-site .sibo-mega-item>.sibo-arrow{font-size:17px;margin-left:auto;color:var(--sibo-teal);pointer-events:none}

.sibo-site .sibo-mega-thumb{width:52px;height:52px;flex:0 0 52px;background:#f5f7f6}

.sibo-site .sibo-mega-thumb img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}

.sibo-site .sibo-mega-link{font-size:12px;line-height:1.4;font-weight:600;flex:1}

.sibo-site .sibo-mega-link::after{content:'';position:absolute;inset:0}

.sibo-site .sibo-mega-item:hover{border-color:var(--sibo-teal);color:var(--sibo-teal)}

.sibo-site .sibo-sub-links{position:relative;z-index:1}

.sibo-site .sibo-menu-toggle{display:none}

.sibo-site .sibo-nav-backdrop{position:fixed;inset:0;background:#04151580;z-index:99;opacity:0;visibility:hidden;transition:.2s;backdrop-filter:blur(2px)}

.sibo-site.sibo-mega-open .sibo-nav-backdrop{opacity:1;visibility:visible}

.sibo-site .sibo-product-track{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding-bottom:4px}

.sibo-product-track::-webkit-scrollbar{display:none}

.sibo-site .sibo-product-card{flex:0 0 calc((100% - 44px)/3);min-width:0;scroll-snap-align:start}

.sibo-site .sibo-product-card-link{display:flex;flex-direction:column;height:100%;min-height:500px;padding:34px 24px 24px;border-radius:12px;overflow:hidden;background:linear-gradient(165deg,#e7f3f1 0%,#f8fcfb 58%,#deeeeb 100%)}

.sibo-site .sibo-product-image{position:relative;aspect-ratio:1.2;display:flex;align-items:center;justify-content:center;margin-top:30px;overflow:hidden;flex:1;min-height:230px}

.sibo-site .sibo-product-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .45s}

.sibo-site .sibo-card-arrow{position:absolute;right:18px;bottom:18px;display:grid;place-items:center;width:36px;height:36px;background:var(--sibo-mist);font-size:22px;transition:.25s}

.sibo-site .sibo-product-card:hover .sibo-product-image img{transform:scale(1.04)}

.sibo-site .sibo-news-card:hover .sibo-card-arrow{background:var(--sibo-teal);color:white}

.sibo-site .sibo-product-info{text-align:center}

.sibo-site .sibo-product-info h3{font-size:20px;line-height:1.4;letter-spacing:-.02em;font-weight:600;min-height:84px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-wrap:balance}

.sibo-site .sibo-product-detail{margin-top:14px}

.sibo-site .sibo-product-detail-label{display:inline}



.sibo-site .sibo-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}

.sibo-site .sibo-news-image{display:block;aspect-ratio:1.55;overflow:hidden;position:relative;background:var(--sibo-mist)}

.sibo-site .sibo-news-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}

.sibo-site .sibo-news-card:hover img{transform:scale(1.04)}

.sibo-site .sibo-news-meta{display:flex;align-items:center;justify-content:space-between;font-size:10px;line-height:1.5;gap:12px;margin:22px 0 13px;text-transform:uppercase;letter-spacing:.07em;color:var(--sibo-muted)}

.sibo-site .sibo-news-meta>span{color:var(--sibo-teal-dark)}

.sibo-site .sibo-news-card h3{font-size:21px;line-height:1.4;letter-spacing:-.03em}

.sibo-site .sibo-news-card h3 a:hover{color:var(--sibo-teal)}

.sibo-site .sibo-footer{background:var(--sibo-dark);color:#c2ceca;padding-top:80px;font-size:12px}

.sibo-site .sibo-footer-grid{display:grid;grid-template-columns:1.4fr .65fr 1.1fr 1.1fr;gap:55px;padding-bottom:60px}

.sibo-site .sibo-footer-brand>a{display:block;width:150px;margin-bottom:27px}

.sibo-site .sibo-footer-brand>p{font-size:12px;line-height:1.9;max-width:300px;color:#94a9a4}

.sibo-site .sibo-footer-socials{display:flex;flex-wrap:wrap;gap:12px 18px;margin-top:24px;font-size:10px}

.sibo-site .sibo-footer-column h2{font-size:15px;letter-spacing:0;color:white;margin-bottom:27px}

.sibo-site .sibo-footer-column li+li{margin-top:10px}

.sibo-site .sibo-footer-column a:hover,.sibo-site .sibo-footer-socials a:hover{color:#54d6cb}

.sibo-site .sibo-footer-contact>a{display:block;margin-bottom:15px;overflow-wrap:anywhere}

.sibo-site .sibo-footer-contact>p{line-height:1.9;color:#94a9a4}

.sibo-site .sibo-footer-email{font-size:14px;color:white}

.sibo-site .sibo-footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff20;padding-block:24px;font-size:10px;gap:25px;color:#8da39d}

@media(max-width:1200px){.sibo-site .sibo-header-inner{gap:22px}.sibo-site .sibo-nav-list{gap:16px}.sibo-site .sibo-brand{flex-basis:135px}.sibo-site .sibo-brand img{width:135px}.sibo-site .sibo-nav-link{font-size:12px}.sibo-site .sibo-footer-grid{gap:30px}.sibo-site .sibo-mega-inner{grid-template-columns:180px 1fr;gap:30px}}

@media(max-width:1000px){.sibo-site .sibo-header-inner{height:76px;justify-content:space-between}.sibo-site .sibo-brand{flex-basis:145px}.sibo-site .sibo-brand img{width:145px}.sibo-site .sibo-menu-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--sibo-line);background:white;order:3;padding:12px}.sibo-site .sibo-menu-lines{height:10px;width:18px;border-top:1px solid;border-bottom:1px solid;transition:transform .2s}.sibo-site .sibo-menu-toggle[aria-expanded=true] .sibo-menu-lines{transform:rotate(-45deg)}.sibo-site .sibo-header-cta{margin-left:auto}.sibo-site .sibo-navigation{position:absolute;top:100%;left:0;right:0;background:white;margin:0;max-height:calc(100dvh - 76px);overflow:auto;padding:10px 32px 28px}.sibo-site.sibo-nav-ready .sibo-navigation{display:none}.sibo-site.sibo-nav-ready.sibo-mobile-open .sibo-navigation{display:block}.sibo-site .sibo-nav-list{display:block}.sibo-site .sibo-nav-label{height:58px;justify-content:space-between;border-bottom:1px solid var(--sibo-line)}.sibo-site .sibo-nav-link{font-size:16px;flex:1}.sibo-site .sibo-submenu-toggle{height:100%;width:48px;justify-content:center;padding:15px}.sibo-site .sibo-mega{position:static;display:none;visibility:visible;opacity:1;transform:none;box-shadow:none;max-height:none;border:0;overflow:visible}.sibo-site .sibo-is-open>.sibo-mega,.sibo-site:not(.sibo-nav-ready) .sibo-has-children:focus-within>.sibo-mega{display:block}.sibo-site .sibo-mega-inner{width:100%;display:block;padding:16px 0}.sibo-site .sibo-mega-heading{display:none}.sibo-site .sibo-mega-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 22px}.sibo-site .sibo-mega-item{padding-block:8px;min-height:52px}.sibo-site .sibo-mega-thumb{width:38px;height:38px;flex-basis:38px}.sibo-site .sibo-product-card{flex-basis:calc((100% - 22px)/2)}.sibo-site .sibo-footer-grid{grid-template-columns:1.4fr 1fr;gap:45px 60px}.sibo-site .sibo-news-grid{gap:20px}.sibo-site .sibo-news-card h3{font-size:18px}.sibo-site .sibo-news-meta{font-size:9px;letter-spacing:0}}

@media(max-width:782px){.admin-bar.sibo-site .sibo-header{top:46px}}

@media(max-width:600px){.sibo-site .sibo-header-inner{height:72px;gap:14px}.sibo-site .sibo-brand{flex-basis:120px}.sibo-site .sibo-brand img{width:120px}.sibo-site .sibo-header-cta{font-size:10px;gap:16px;padding:10px 11px;min-height:40px}.sibo-site .sibo-header-cta .sibo-arrow{font-size:18px}.sibo-site .sibo-navigation{padding-inline:20px;max-height:calc(100dvh - 72px)}.sibo-site .sibo-menu-toggle{width:40px;height:40px}.sibo-site .sibo-mega-grid{grid-template-columns:1fr}.sibo-site .sibo-product-track{gap:16px;margin-right:-20px;padding-right:20px}.sibo-site .sibo-product-card{flex-basis:82%}.sibo-site .sibo-product-image{aspect-ratio:1.1;min-height:200px;margin-top:22px}.sibo-site .sibo-product-card-link{min-height:440px;padding:27px 20px 20px}.sibo-site .sibo-product-info h3{font-size:18px;min-height:76px}.sibo-site .sibo-news-grid{grid-template-columns:1fr;gap:36px}.sibo-site .sibo-news-card h3{font-size:23px}.sibo-site .sibo-news-meta{font-size:10px}.sibo-site .sibo-footer{padding-top:58px}.sibo-site .sibo-footer-grid{grid-template-columns:1fr 1fr;gap:35px 25px;padding-bottom:42px}.sibo-site .sibo-footer-brand,.sibo-site .sibo-footer-contact{grid-column:1/-1}.sibo-site .sibo-footer-brand>p{max-width:none}.sibo-site .sibo-footer-column h2{margin-bottom:20px}.sibo-site .sibo-footer-bottom{flex-direction:column;gap:14px}.sibo-site .sibo-button{font-size:12px;padding:16px 21px}.sibo-site .sibo-text-link{font-size:12px}}

@media(max-width:600px){.sibo-site .sibo-header .sibo-header-cta{font-size:10px;gap:14px;padding:10px 12px;min-height:40px}}

@media(max-width:360px){.sibo-site .sibo-header-cta>span:first-child{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.sibo-site .sibo-header .sibo-header-cta{width:40px;height:40px;justify-content:center;padding:8px}}