/*
Theme Name: FPH
Version: 1.0.0
Description: FPH machinery catalog, reconstructed from the supplied archive.
Requires PHP: 8.1
*/
.header .logo{width:140px;height:84px;overflow:hidden;margin-top:3px!important}
.header .logo img{width:270px;max-width:none!important;height:auto}
.mobile_nav .logo{width:140px;overflow:hidden}
.mobile_nav .logo img{width:290px;max-width:none!important;margin-left:0}
.welcome_txt{max-width:370px}.welcome_box .welcome{display:flex;align-items:center;gap:18px;flex-wrap:wrap;height:37px}
@media(max-width:767px){.header .logo{width:115px;height:69px}.header .logo img{width:220px}}
.fph-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.onlineinput button{border:0;background:#ef8c00;color:#fff;padding:16px 40px;cursor:pointer;font:inherit}
.onlineinput button:disabled{opacity:.6;cursor:wait}
.onlineinput li.submit{border:0!important;background:transparent!important;padding:0!important}.onlineinput li.submit button{width:100%}
.fph-form-result{clear:both;padding-top:16px;font-size:16px;line-height:1.5}
.fph-form-result.error{color:#a11717}.fph-form-result.success{color:#176a32}
.fph-search{display:flex}.fph-search input{min-width:0;flex:1}.fph-search button{border:0;padding:10px;background:#f59000;color:#fff}
.fph-pagination{text-align:center;padding:30px 0;clear:both}.fph-pagination a,.fph-pagination span{display:inline-block;padding:10px 15px;margin:3px;border:1px solid #ddd}.fph-pagination .current{background:#f59000;color:#fff}
.fph-tags{padding:30px}.fph-tags a{display:inline-block;padding:12px;margin:6px;background:#f2f2f2}
.fph-related{margin:40px 0}.fph-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.88);z-index:100000;display:flex;align-items:center;justify-content:center}.fph-lightbox img{max-width:92vw;max-height:88vh}.fph-lightbox button{position:absolute;right:20px;top:15px;background:none;color:white;border:0;font-size:36px;cursor:pointer}
.editor{overflow-x:auto}.editor img{max-width:100%;height:auto}.editor table{min-width:480px}.fph-breadcrumb a{margin-right:6px}
.fph-missing{padding:60px 20px;text-align:center}.video-unavailable{padding:25px;background:#f2f2f2}
.fph-inquiry-dialog:not([hidden]){position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;padding:15px}.fph-dialog-panel{position:relative;background:white;padding:35px;width:700px;max-width:100%;max-height:90vh;overflow:auto}.fph-dialog-panel h2{margin:0 30px 20px 0}.fph-dialog-close{position:absolute;top:8px;right:15px;border:0;background:none;font-size:30px;cursor:pointer}.fph-dialog-panel input,.fph-dialog-panel textarea{padding:12px;width:100%;border:1px solid #ddd}.fph-dialog-panel .onlineinput li{margin-bottom:15px}.fph-inquiry-button{cursor:pointer;margin-left:5px;font:inherit}
@media(max-width:767px){.onlineinput.col-2 li{width:100%!important;margin-right:0!important}.onlineinput button{width:100%}.fph-pagination a,.fph-pagination span{padding:8px 10px}.editor table{font-size:12px}.fph-tags{padding:15px}}

/* Reserve the first frame before JavaScript and keep one responsive hero. */
.fph-hero.banner{display:block!important}.fph-hero .flexslider{margin:0;border:0}.fph-hero .slides>li:first-child{display:block}.fph-hero .slides>li{aspect-ratio:1920/600}.fph-hero picture,.fph-hero picture img{display:block;width:100%;height:100%;object-fit:cover}.fph-hero .flex-viewport{aspect-ratio:1920/600}.fph-skip{position:absolute;left:-10000px}.fph-skip:focus{left:8px;top:8px;z-index:10000;background:white;color:#222;padding:12px}a:focus-visible,button:focus-visible,[role=button]:focus-visible{outline:3px solid #1565c0;outline-offset:3px}
.homeabout_summary .desc .more,.latest_news .time,.fph-inquiry button[type=submit],.pro_list .btn{background-color:#a65300!important;color:#fff!important}.latest_news .more,.leavemessage .title{color:#a65300!important}.top{color:#555!important}
@media(max-width:767px){.fph-hero .slides>li,.fph-hero .flex-viewport{aspect-ratio:390/288}.fph-hero .flex-control-nav{bottom:12px}.fph-hero .flex-direction-nav{display:none}}

/* Carousels stay visible before deferred initialization, so observation can run. */
.owl-carousel:not(.owl-loaded){display:flex;overflow:hidden;gap:20px}.owl-carousel:not(.owl-loaded)>.item{flex:0 0 calc((100% - 40px)/3);margin-right:0!important}
@media(max-width:959px){.owl-carousel:not(.owl-loaded)>.item{flex-basis:calc((100% - 20px)/2)}}
@media(max-width:559px){.owl-carousel:not(.owl-loaded)>.item{flex-basis:100%}}