#header,#top-bar,#masthead,#wide-nav,.header-wrapper,.absolute-footer,.footer-widgets{display:none!important}#footer.footer-wrapper{padding:0;margin:0;background:none}
#tbn{--ink:#14213d;--soft:#475066;--nv:#1c3c8f;--bl:#0060ad;--or:#ef4923;--yl:#f7a823;--tb:#eaf2fb;--to:#fdeee8;--ty:#fdf1c7;--tg:#f3f5f8;--ln:#06c755;--e:cubic-bezier(.2,.7,.2,1);font-family:inherit;color:var(--ink);background:#fff;position:relative;z-index:30;line-height:1.5}
#tbn *{box-sizing:border-box}#tbn a{text-decoration:none;color:inherit}#tbn button{font-family:inherit}
#tbn .ub{background:var(--tb);color:var(--nv);font-size:.95rem}
#tbn .ub-in{max-width:1240px;margin:0 auto;padding:0 24px;min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}
#tbn .ub-l,#tbn .ub-r{display:flex;align-items:center;gap:1.4rem}
#tbn .ub span,#tbn .ub a{display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap}
#tbn .ub svg{color:var(--bl)}#tbn .ub a{font-weight:600}#tbn .ub a:hover{color:var(--or)}
#tbn .hd{max-width:1240px;margin:0 auto;display:flex;align-items:center;gap:2rem;padding:1rem 24px}
#tbn .lg{display:block;flex:none}#tbn .lg img{height:64px;width:auto;display:block;margin:0}
#tbn .srch{flex:1;display:flex;max-width:560px;margin:0;background:var(--tg)}
#tbn .srch input[type=search]{flex:1;min-width:0;height:50px;box-shadow:none;border:0;border-radius:0;padding:0 1.1rem;font:inherit;font-size:1rem;background:transparent;color:var(--ink);margin:0}
#tbn .srch input[type=search]:focus{outline:2px solid var(--bl);outline-offset:-2px}
#tbn .srch button{border:0;background:var(--bl);color:#fff;border-radius:0;width:56px;height:50px;cursor:pointer;margin:0;min-height:0;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .2s}
#tbn .srch button:hover{background:var(--nv)}
#tbn .ics{margin-left:auto;display:flex;gap:.35rem;align-items:center}
#tbn .ic{min-width:52px;height:52px;padding:0 .4rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:var(--nv);font-size:.8rem;font-weight:500;transition:color .2s,background .2s}
#tbn .ic:hover{background:var(--tb);color:var(--bl)}
#tbn .lang{font-size:.95rem;font-weight:600;color:var(--nv);padding:0 .6rem;height:52px;display:flex;align-items:center}#tbn .lang:hover{color:var(--or)}
#tbn .line{display:inline-flex;align-items:center;gap:.45rem;background:var(--ln);color:#fff!important;font-weight:600;padding:0 1.15rem;height:48px;font-size:1rem;margin-right:.4rem;white-space:nowrap;transition:background .2s,transform .15s}
#tbn .line:hover{background:#05ad4a}#tbn .line:active{transform:scale(.97)}
#tbn .nav{display:block;width:auto;margin:0;padding:0;background:#fff;position:relative;box-shadow:inset 0 1px 0 var(--tg)}
#tbn .nav::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--bl) 0 50%,var(--or) 50% 75%,var(--yl) 75%)}
#tbn .nav-in{max-width:1240px;margin:0 auto;display:flex;align-items:stretch;padding-inline:24px}
#tbn .menus{display:flex;gap:.25rem;flex:1}
#tbn .mi{display:flex}
#tbn .mt,#tbn .ml{background:none;border:0;color:var(--nv);font-size:1.05rem;font-weight:500;padding:0 1rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;min-height:56px;margin:0;border-radius:0;text-transform:none;letter-spacing:0;transition:color .2s,background .2s}
#tbn .mi:first-child .mt{padding-left:.25rem}
#tbn .mt .ico{width:22px;height:22px;background:var(--bl)}
#tbn .mt:hover,#tbn .ml:hover,#tbn .mt[aria-expanded=true]{color:var(--or);background:var(--tb)}
#tbn .mt::after{content:"";width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
#tbn .mt[aria-expanded=true]::after{transform:rotate(-135deg) translateY(-2px)}
#tbn .quote{margin-left:auto;align-self:center;display:inline-flex;align-items:center;gap:.4rem;background:var(--nv);color:#fff!important;font-weight:600;height:42px;padding:0 1.1rem;transition:background .2s}
#tbn .quote:hover{background:var(--bl)}
#tbn .ico{display:block;flex:none;background:var(--nv);-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}

#tbn .panel{position:absolute;left:0;right:0;top:100%;background:#fff;box-shadow:0 30px 50px rgba(20,33,61,.16);padding:1.75rem 24px 2rem}
#tbn .panel[hidden]{display:none}
#tbn .panel-in{max-width:1192px;margin:0 auto;display:grid;grid-template-columns:1fr 300px;gap:2.5rem}
#tbn .panel-h{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.1rem}
#tbn .panel-h b{font-size:1.4rem;font-weight:600;color:var(--nv)}#tbn .panel-h a{color:var(--or);font-weight:600}
#tbn .pg{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}
#tbn .pi{display:flex;align-items:center;gap:1rem;padding:.7rem;min-width:0;transition:background .2s}
#tbn .pi:hover{background:var(--tg)}
#tbn .icw{width:64px;height:64px;flex:none;display:flex;align-items:center;justify-content:center;background:var(--t);transition:background .2s}
#tbn .icw{overflow:hidden}#tbn .icw img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;margin:0;transition:transform .3s}
#tbn .pi{--t:var(--tb)}#tbn .pi.t1{--t:var(--to)}#tbn .pi.t2{--t:var(--ty)}
#tbn .pi:hover .icw img{transform:scale(1.08)}
#tbn .pit{display:flex;flex-direction:column;line-height:1.3;font-weight:600;font-size:1.02rem;color:var(--ink)}#tbn .pi:hover .pit{color:var(--or)}
#tbn .pit em{font-style:normal;font-weight:400;color:var(--soft);font-size:.9rem}
#tbn .pi small{color:var(--soft);font-weight:400;font-size:.92rem;margin-top:.15rem}#tbn .pi small b{color:var(--or);font-weight:600}
#tbn .feat{display:flex;flex-direction:column;background:var(--tb)}
#tbn .fim{display:block;aspect-ratio:4/3;overflow:hidden}#tbn .fim img{width:100%;height:100%;object-fit:cover;display:block;margin:0;transition:transform .4s}
#tbn .feat:hover .fim img{transform:scale(1.04)}
#tbn .ftx{padding:1rem 1.1rem 1.2rem;display:flex;flex-direction:column}#tbn .ftx b{color:var(--nv);font-size:1.1rem;font-weight:600}#tbn .ftx span{color:var(--or);font-weight:600}
#tbn .burger{display:none;align-items:center;justify-content:center;width:48px;height:48px;border:0;border-radius:0;background:var(--tb);cursor:pointer;margin:0;padding:0}
#tbn .burger i{display:block;width:20px;height:14px;border-block:2px solid var(--nv);position:relative}
#tbn .burger i::after{content:"";position:absolute;left:0;right:0;top:4px;border-top:2px solid var(--nv)}
@media(max-width:1100px){#tbn .ub-l span:nth-child(n+2){display:none}#tbn .panel-in{grid-template-columns:1fr}#tbn .feat{display:none}}
@media(max-width:900px){#tbn .ub-in{padding:0 16px;justify-content:center}#tbn .ub-l,#tbn .ub-r .hrs{display:none}
#tbn .hd{flex-wrap:wrap;gap:.6rem;padding:.7rem 16px}#tbn .srch{order:3;flex-basis:100%;max-width:none}#tbn .lg img{height:50px}#tbn .burger{display:inline-flex}#tbn .ic span,#tbn .lang{display:none}#tbn .ic{min-width:44px;height:48px}
#tbn .nav{box-shadow:none}#tbn .nav-in{padding:0}#tbn .quote{display:none}#tbn .menus{display:none;flex-direction:column;gap:0;position:absolute;left:0;right:0;top:3px;background:#fff;padding:.25rem 16px 1.25rem;box-shadow:0 24px 40px rgba(20,33,61,.16);z-index:7}
#tbn .menus.open{display:flex}#tbn .mi{flex-direction:column}#tbn .mi+.mi{border-top:2px solid var(--tg)}#tbn .mt,#tbn .ml{padding:.9rem .25rem;justify-content:flex-start;width:100%;min-height:0;font-size:1.05rem}#tbn .mt::after{margin-left:auto}
#tbn .panel{position:static;box-shadow:none;padding:.25rem 0 1rem}#tbn .panel-h{display:none}#tbn .pg{grid-template-columns:1fr 1fr;gap:.25rem}#tbn .pi{padding:.5rem;gap:.7rem}#tbn .icw{width:48px;height:48px}#tbn .pit{font-size:.95rem}#tbn .pit em{display:none}}
@media(max-width:480px){#tbn .ub-r{gap:1rem;font-size:.9rem}#tbn .line{width:48px;padding:0;justify-content:center;font-size:0;gap:0;margin-right:.1rem}#tbn .lg img{height:44px}}
#tbf{--ink:#14213d;--soft:#475066;--nv:#1c3c8f;--bl:#0060ad;--or:#ef4923;--yl:#f7a823;--tb:#eaf2fb;--to:#fdeee8;--ty:#fdf1c7;--tg:#f3f5f8;--ln:#06c755;--e:cubic-bezier(.2,.7,.2,1);background:#fff;color:var(--ink);font-family:inherit;line-height:1.6;margin-top:0}
#tbf *{box-sizing:border-box}#tbf a{color:inherit;text-decoration:none;transition:color .2s}#tbf a:hover{color:var(--or)}
#tbf .ci{display:grid;grid-template-columns:2fr 1fr 1fr;height:5px}#tbf .ci i{display:block}#tbf .ci i:nth-child(1){background:var(--bl)}#tbf .ci i:nth-child(2){background:var(--or)}#tbf .ci i:nth-child(3){background:var(--yl)}
#tbf .fqs{max-width:1240px;margin:0 auto;padding:2.5rem 24px;display:grid;grid-template-columns:repeat(6,1fr);gap:.75rem}
#tbf .fq{display:flex;align-items:center;gap:.8rem;padding:.6rem;transition:background .2s}#tbf .fq:hover{background:var(--tg)}
#tbf .fq b{display:block;font-weight:600;color:var(--nv);line-height:1.3}#tbf .fq small{color:var(--or);font-weight:600;font-size:.92rem}
#tbf .icw{width:56px;height:56px;flex:none;display:flex;align-items:center;justify-content:center;background:var(--t)}
#tbf .fq{--t:var(--tb)}#tbf .fq.t1{--t:var(--to)}#tbf .fq.t2{--t:var(--ty)}
#tbf .icw{overflow:hidden}#tbf .icw img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;margin:0;transition:transform .3s}
#tbf .fq:hover .icw img{transform:scale(1.08)}

#tbf .main{background:var(--tb)}
#tbf .in{max-width:1240px;margin:0 auto;padding:3.5rem 24px 3rem;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.5fr;gap:2.5rem}
#tbf .logo{height:60px;width:auto;margin:0 0 1.1rem;display:block}
#tbf p{margin:0 0 1.25rem;font-size:1rem}
#tbf h3{font-size:1.1rem;font-weight:600;color:var(--nv);margin:0 0 1rem;text-transform:none;letter-spacing:0}
#tbf h3::before{content:"";display:block;width:40px;height:4px;margin-bottom:.8rem;background:linear-gradient(90deg,var(--bl) 0 50%,var(--or) 50% 75%,var(--yl) 75%)}
#tbf ul{list-style:none;margin:0;padding:0}#tbf li{margin:0 0 .55rem;font-size:1rem}
#tbf .btns{display:flex;gap:.5rem;flex-wrap:wrap}
#tbf .b{display:inline-flex;align-items:center;gap:.45rem;padding:0 1.1rem;height:46px;font-weight:600;font-size:1rem;transition:background .2s,color .2s}
#tbf .b.ln{background:var(--ln);color:#fff!important}#tbf .b.ln:hover{background:#05ad4a}#tbf .b.fb{background:#fff;color:var(--nv)}#tbf .b.fb:hover{background:var(--nv);color:#fff}
#tbf .ct li{display:flex;gap:.65rem;align-items:flex-start}#tbf .ct svg{flex:none;color:var(--bl);margin-top:.2rem}
#tbf .qr{width:112px;height:112px;margin-top:.8rem;background:#fff;padding:6px;display:block}
#tbf .bot div{max-width:1240px;margin:0 auto;padding:1.1rem 24px;font-size:.95rem;color:var(--soft);display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
@media(max-width:1000px){#tbf .fqs{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){#tbf .in{grid-template-columns:1fr 1fr;gap:2rem;padding:2.5rem 16px}#tbf .brand,#tbf .ct{grid-column:1/-1}#tbf .bot div,#tbf .fqs{padding-inline:16px}}
@media(max-width:560px){#tbf .fqs{grid-template-columns:1fr 1fr;gap:.25rem;padding-block:1.5rem}#tbf .icw{width:46px;height:46px}#tbf .fq b{font-size:.95rem}}

/* 2026-10-29: trust points + phone + LINE moved from the header top bar to the footer */
#tbf .ub{background:var(--tb);color:var(--nv);font-size:.95rem}
#tbf .ub-in{max-width:1240px;margin:0 auto;padding:.75rem 24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem 1.5rem}
#tbf .ub-l,#tbf .ub-r{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.4rem}
#tbf .ub span,#tbf .ub a{display:inline-flex;align-items:center;gap:.4rem}
#tbf .ub svg{color:var(--bl);flex:none}
#tbf .ub a{font-weight:600}
#tbf .ub a:hover{color:var(--or)}
@media(max-width:900px){#tbf .ub-in{padding:.85rem 16px;justify-content:flex-start}}
/* 2026-10-29: old 7-item product menu; tighter gaps so it fits one row, small dropdowns sized to content */
#tbn .menus{flex-wrap:wrap}
#tbn .pi:not(:has(.icw)) .pit{padding:.35rem 0}
/* 2026-10-29: blue nav bar like the old Flatsome header (nav_position_bg #20409a, white text, hover #faa620, 70px) */
@media(min-width:901px){
#tbn .nav{background:#20409a}
#tbn .mt,#tbn .ml{color:#fff;min-height:70px}
#tbn .mt:hover,#tbn .ml:hover,#tbn .mt[aria-expanded=true]{color:#faa620;background:rgba(255,255,255,.08)}
#tbn .quote{background:#fff;color:#20409a!important}
#tbn .quote:hover{background:#faa620;color:#20409a!important}
}
