.ost-nav-actions{display:flex;align-items:center;gap:8px}

.ost-nav-icon-button{display:inline-flex!important;align-items:center;justify-content:center;width:42px;height:42px;flex:0 0 42px;padding:0!important;border:1px solid #ecdcc9;border-radius:50%;background:#fff7ed!important;color:#80512e!important;cursor:pointer;transition:background .2s,transform .2s}

.ost-nav-icon-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

.ost-nav-icon-button:hover{background:#ffe9d0!important;transform:translateY(-1px)}

.ost-nav-icon-button:focus-visible{outline:3px solid #c64b00;outline-offset:3px}

[data-elementor-id="88"] .elementor-element-c48428f{display:block!important;flex:0 0 auto!important;width:auto!important}

.ost-nav-dialog,.ost-nav-dialog *{box-sizing:border-box;font-family:"Noto Sans TC","Microsoft JhengHei",Arial,sans-serif}

.ost-nav-dialog{position:fixed;inset:0;margin:auto;border:1px solid #ecd8c1;border-radius:24px;background:#fffaf3;color:#352a24;padding:32px;width:min(680px,calc(100% - 32px));max-height:80dvh;overflow:auto;box-shadow:0 28px 100px #28162b40}

.ost-nav-dialog:not([open]){display:none!important}

.ost-nav-dialog::backdrop{background:#19122477;backdrop-filter:blur(4px)}

.ost-nav-dialog h2{font-size:26px;line-height:1.4;margin:0 40px 24px 0;color:#352a24;font-weight:800}

.ost-nav-close{position:absolute;right:18px;top:18px;border:0;background:#f5e8d8!important;color:#694327!important;border-radius:50%;width:36px;height:36px;padding:0;font-size:26px;line-height:1;cursor:pointer}

.ost-nav-language{width:min(370px,calc(100% - 32px))}

.ost-nav-languages{display:grid;gap:10px}

.ost-nav-languages>a,.ost-nav-languages>button{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border:1px solid #ebdece;background:#fff;color:#443129!important;border-radius:12px;text-decoration:none;font-size:17px;text-align:left;font-weight:700;cursor:pointer;line-height:1.5}

.ost-nav-languages span{font-size:11px;color:#88684f;font-weight:400}

.ost-nav-languages>a:hover,.ost-nav-languages>button:hover{background:#fff0df;border-color:#dba263}

.ost-nav-note{font-size:12px;line-height:1.8;color:#746456;margin:18px 0 0}

.ost-nav-search-form{display:flex;gap:8px;align-items:stretch}

.ost-nav-search-form input{min-width:0;flex:1;width:100%;font-size:16px!important;border:1px solid #dec8af!important;background:#fff!important;color:#352a24!important;border-radius:12px!important;padding:12px!important;line-height:1.5!important;margin:0!important;height:auto!important}

.ost-nav-search-form button{padding:10px 18px;border:0;border-radius:12px;background:#af4800;color:#fff;font-size:15px;font-weight:700;white-space:nowrap;cursor:pointer}

.ost-nav-suggestions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:14px 0;font-size:12px;color:#79624e}

.ost-nav-suggestions button{border:1px solid #eadbc8;border-radius:999px;padding:6px 10px;background:#fff;color:#71472a;font-size:12px;cursor:pointer;line-height:1.5}

.ost-nav-status{font-size:13px;margin:20px 0 8px;color:#795c48;line-height:1.6}

.ost-nav-results{margin:0!important;padding:0!important;list-style:none!important}

.ost-nav-results li{margin:0!important;padding:0!important;list-style:none!important;border-bottom:1px solid #eddfd0}

.ost-nav-results a{display:block;padding:16px 6px;text-decoration:none!important;color:#352a24!important}

.ost-nav-results a:hover{background:#fff0df}

.ost-nav-result-type{display:inline-block;margin:0 8px 4px 0;color:#8564ab;font-size:11px;line-height:1.6}

.ost-nav-results strong{font-size:16px;line-height:1.6}

.ost-nav-results p{font-size:13px;line-height:1.8;margin:4px 0 0;color:#756250}

.ost-nav-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

.ost-nav-dialog :focus-visible{outline:3px solid #c64b00;outline-offset:2px}

@media(min-width:1025px) and (max-width:1350px){.ost-nav-actions .ost-nav-consult{padding-inline:12px}.elementor-element-2d5d40b .aux-logo-anchor{width:220px!important}[data-elementor-id="88"] .elementor-element.elementor-element-53d0db0 .aux-item-content.aux-item-content{padding-inline:7px!important;font-size:14px!important}.elementor-element-f106b77>.elementor-widget-wrap{gap:8px!important}}

@media(max-width:1024px){[data-elementor-id="88"] .elementor-element-c48428f{order:1}}

@media(max-width:767px){.ost-nav-actions .ost-nav-consult{display:none!important}.ost-nav-actions{gap:5px}.ost-nav-icon-button{width:38px;height:38px;flex-basis:38px}.elementor-element-2d5d40b .aux-logo-anchor{width:210px!important}.ost-nav-dialog{padding:24px 18px}.ost-nav-dialog h2{font-size:22px}}

@media(max-width:380px){.elementor-element-2d5d40b .aux-logo-anchor{width:180px!important}.elementor-element-f106b77>.elementor-widget-wrap{gap:5px!important;padding-inline:8px!important}.ost-nav-icon-button{width:34px;height:38px;flex-basis:34px}}

@media(prefers-reduced-motion:reduce){.ost-nav-icon-button{transition:none;transform:none}}



@media(min-width:1025px) and (max-width:1180px){.ost-nav-actions .ost-nav-consult span{display:none}.ost-nav-actions .ost-nav-consult{width:46px}}



/* Neutralize the theme's default button bottom margin in the header controls. */

[data-elementor-id="88"] .ost-nav-actions{min-height:46px;align-items:center}

[data-elementor-id="88"] .ost-nav-icon-button{margin:0!important;line-height:1!important;box-sizing:border-box;vertical-align:middle}

[data-elementor-id="88"] .ost-nav-icon-button svg{display:block;margin:0;flex:0 0 21px}

.ost-nav-dialog button{margin:0!important}

@media(max-width:380px){[data-elementor-id="88"] .ost-nav-icon-button{height:34px}}



/* Inner-page hero backgrounds continue underneath the shared navigation. */

body:not(.home):has(:is(#ost-about-page,#ost-team-page,#ost-services-page,#ost-contact-page,#ost-news-page,#ost-news-single,#ost-case-page,#ost-case-single,#ost-faq-page,#ost-pricing-page,#ost-expert-page,#ost-service-detail-page,#ost-app-detail-page,#ost-system-detail-page,#ost-game-detail-page,#ost-seo-detail-page,#ost-marketing-detail-page,#ost-visual-detail-page,#ost-consulting-detail-page,#ost-ads-detail-page,#ost-social-detail-page,#ost-lp-detail-page)) :is(#site-elementor-header,.ost-news-site-header,.ost-case-site-header){

 position:absolute!important;inset:0 0 auto;width:100%;z-index:100;display:flow-root;background:transparent!important;

}

body:not(.home) :is(#ost-about-page,#ost-team-page,#ost-services-page,#ost-contact-page,#ost-news-page,#ost-news-single,#ost-case-page,#ost-case-single,#ost-faq-page,#ost-pricing-page,#ost-expert-page,#ost-service-detail-page,#ost-app-detail-page,#ost-system-detail-page,#ost-game-detail-page,#ost-seo-detail-page,#ost-marketing-detail-page,#ost-visual-detail-page,#ost-consulting-detail-page,#ost-ads-detail-page,#ost-social-detail-page,#ost-lp-detail-page){padding-top:var(--ost-inner-header-height,114px)!important}

@media(max-width:1024px){body:not(.home){--ost-inner-header-height:100px}}



/* Center the mobile panel cross geometrically, independent of theme top offsets. */

[data-elementor-id="88"] .aux-panel-close{display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important}

[data-elementor-id="88"] .aux-panel-close .aux-cross-symbol{position:relative!important;inset:auto!important;width:22px!important;height:22px!important;flex:0 0 22px;margin:0!important;padding:0!important;transform:none!important}

[data-elementor-id="88"] .aux-panel-close .aux-cross-symbol::before,

[data-elementor-id="88"] .aux-panel-close .aux-cross-symbol::after{position:absolute!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;width:22px!important;height:2px!important;margin:0!important;border-radius:2px;transform-origin:center!important}

[data-elementor-id="88"] .aux-panel-close .aux-cross-symbol::before{transform:translate(-50%,-50%) rotate(45deg)!important}

[data-elementor-id="88"] .aux-panel-close .aux-cross-symbol::after{transform:translate(-50%,-50%) rotate(-45deg)!important}