/* seastechs.co — static build overrides (loaded last). Prefix st- = ours. */
/* Font aliases: the template names Apple/Google families that are absent on Windows and Android,
   so text fell back to the browser's serif. Map them to whatever sans-serif the device has (no download). */
@font-face{font-family:PingFangSC;src:local("PingFang SC"),local("Segoe UI"),local("Roboto"),local("Helvetica Neue"),local("Arial")}
@font-face{font-family:PingFangSC-Regular;src:local("PingFang SC"),local("Segoe UI"),local("Roboto"),local("Helvetica Neue"),local("Arial")}
@font-face{font-family:PingFangSC-Medium;src:local("PingFang SC Medium"),local("Segoe UI Semibold"),local("Roboto Medium"),local("Helvetica Neue Medium"),local("Arial")}
@font-face{font-family:PingFangSC-Semibold;src:local("PingFang SC Semibold"),local("Segoe UI Semibold"),local("Roboto Medium"),local("Helvetica Neue Bold"),local("Arial Bold"),local("Arial")}
@font-face{font-family:"PingFang SC-Regular";src:local("PingFang SC"),local("Segoe UI"),local("Roboto"),local("Arial")}
@font-face{font-family:Barlow;src:local("Segoe UI Semibold"),local("Roboto Medium"),local("Helvetica Neue Bold"),local("Arial Bold"),local("Arial")}
@font-face{font-family:Barlow-Bold;src:local("Segoe UI Bold"),local("Roboto Bold"),local("Helvetica Neue Bold"),local("Arial Bold"),local("Arial")}
.j-page-title,.j-tab_item a,.footer-contact-us,.footer-contact-us *,.site-info .j-aboutus-content.article,.site-info .j-aboutus-content.article *,
.home .site-module-contact-content .contact-mask ul li,.home .site-module-aboustus-content .w-info,.j-prod-grid-item_title a,.title-sty,.download .total_download{
  font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif}
.fa,.footer-contact-us .fa,.fa:before{font-family:FontAwesome!important}

:root{--st-green:#25D366;--st-green-dark:#1ebe5b;--st-blue:#0f7fb2}

/* desktop nav dropdowns: hover instead of JS */
@media (min-width:992px){
  .j-menu_item:hover>ul{display:block}
  .j-menu_item ul li:hover>ul{display:block}
}
/* top toolbar contact links (replace search / cart / QR / member) */
.j-toolbar_menu{display:flex;align-items:center}
.j-toolbar_menu .st-tb a{display:inline-flex;align-items:center;gap:6px;padding:0 12px;line-height:36px;color:inherit;text-decoration:none;font-size:13px;white-space:nowrap}
.j-toolbar_menu .st-tb a:hover{text-decoration:underline}
.j-toolbar_menu .st-tb .fa-whatsapp{color:var(--st-green);font-size:16px}

/* mobile header: WhatsApp icon on the right */
.m-header .st-mwa{display:flex;align-items:center;justify-content:center;width:44px;height:44px;font-size:24px;color:var(--st-green)}

/* mobile side menu (our own, no mmenu) */
#menu-side-default.st-side{overflow:auto;padding-bottom:40px;background:#fff}
#menu-side-default.st-side.is-open{left:0}
#menu-side-mask.is-open{display:block}
.st-menu{list-style:none;margin:0;padding:0}
.st-menu li a{display:block;padding:12px 18px;border-bottom:1px solid rgba(0,0,0,.06);color:#252627;font-size:15px;text-decoration:none}
.st-menu li.st-sub a{padding-left:36px;font-size:14px;color:#555}
.st-menu li.st-wa-li a{color:#128C7E;font-weight:600}
body.st-menu-open{overflow:hidden}

/* category page heading */
.st-cat-head{padding:10px 15px 0}
.st-cat-head h1{font-size:24px;margin:0 0 8px;line-height:1.3}
.st-cat-intro{color:#555;font-size:14px;line-height:1.7;margin:0 0 16px}

/* product grid (values taken from the page's own inline style block) */
.width-info{max-width:100%}
.j-prod-grid-item_info{justify-content:space-between;align-items:center}
.j-prod-grid-item_title a{display:block;white-space:normal;line-height:1.35;overflow:hidden;max-height:4.1em;font-size:14px}
.j-prod-grid-item_cover img,.single-product .product-img img{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;background:#fff}
.j-prod-grid-item_modal{color:#777;font-size:13px}

/* pagination must be visible on phones (infinite scroll removed) */
.pro_pagination nav.paginationFotter{display:block!important}
.pro_pagination ul.pagination li span.disabled,.pro_pagination ul.pagination li.active span{display:inline-block;padding:6px 12px}

/* product page */
.st-large{display:block;width:100%;height:0;padding-top:100%;position:relative;cursor:zoom-in}
.st-large img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}
.j-showcase_thumnbs.swiper-container{padding:0 36px}
.j-showcase_thumnbs_btn{cursor:pointer}
.j-prod-info_attr dd a{color:var(--st-blue)}
.st-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.j-btn.st-wa{background:var(--st-green)!important;border-color:var(--st-green)!important;color:#fff!important;display:inline-flex;align-items:center;gap:8px;font-weight:600;text-decoration:none!important}
.j-btn.st-wa:hover{background:var(--st-green-dark)!important;border-color:var(--st-green-dark)!important}
.j-btn.st-mail{display:inline-flex;align-items:center;gap:8px;text-decoration:none!important}
.st-cta-note{font-size:13px;color:#777;margin-top:8px}
.st-cta .st-s{display:none}
@media screen and (max-width:768px){.st-cta .st-s{display:inline}}
.j-showcase_thumnb-img{height:auto!important;aspect-ratio:1/1;object-fit:contain}
.j-btn.st-mail{text-transform:none}
@media screen and (max-width:768px){
  .j-prod-info_btn.st-cta{gap:0;flex-wrap:nowrap;margin-top:0;box-shadow:0 -2px 8px rgba(0,0,0,.08)}
  .j-prod-info_btn.st-cta .j-btn{width:50%;padding:16px 4px;font-size:13px;justify-content:center}
  body.st-product{padding-bottom:64px}
  .st-cta .st-l{display:none}
  .st-float-wa{bottom:78px;width:48px;height:48px;font-size:26px}
}
.st-tab .j-page-title{margin-top:30px}
.st-desc{padding:20px}
.st-desc p{font-size:15px;line-height:1.75;margin:0 0 12px;color:#333}
.st-specs{padding:10px 20px}
.st-spec-table{margin:0;font-size:14px}
.st-spec-table th{width:200px;font-weight:600;background:#f7f8fa;padding:8px 12px;border-bottom:1px solid #eee}
.st-spec-table td{padding:8px 12px;border-bottom:1px solid #eee}
.st-related{margin-top:30px}
.st-related .j-prod-grid-item{margin-bottom:20px}

/* about / contact / download */
.st-about-img{max-width:100%;height:auto;border:10px solid #f1f1f1}
.st-contact-links{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin:10px 0}
.st-wechat{display:flex;align-items:center;gap:10px;font-size:14px}
.st-wechat img{border:1px solid #eee}
.st-msg,.st-map{padding:20px}
.st-msg p,.st-map p{font-size:15px;line-height:1.7}
.st-map-embed{position:relative;padding-top:45%;min-height:260px;margin-top:10px}
.st-map-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}
.download__opera a{text-decoration:none}

/* floating WhatsApp button */
.st-float-wa{position:fixed;right:18px;bottom:18px;width:56px;height:56px;border-radius:50%;background:var(--st-green);color:#fff!important;display:flex;align-items:center;justify-content:center;font-size:30px;box-shadow:0 4px 14px rgba(0,0,0,.25);z-index:9000;text-decoration:none!important}
.st-float-wa:hover{background:var(--st-green-dark)}

/* lightbox */
.st-lb{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.85);z-index:99999;display:flex;align-items:center;justify-content:center;cursor:zoom-out}
.st-lb img{max-width:96vw;max-height:96vh;background:#fff}

/* home */
.st-home-intro{text-align:center;padding:0 15px 26px;max-width:900px;margin:0 auto}
.st-home-intro h1{font-size:26px;line-height:1.3;margin:0 0 10px;color:#252627}
.st-home-intro p{font-size:15px;line-height:1.7;color:#555;margin:0}
@media screen and (max-width:768px){.st-home-intro{padding:0 15px 20px}.st-home-intro h1{font-size:21px}}
.st-model{font-size:13px;color:#777;margin-top:4px}
.single-product .product-content a{text-transform:none;font-size:14px;line-height:1.4;display:block}
.st-404 p{font-size:16px;line-height:1.7}

/* mobile footer: readable labels, our nav item */
.footer-wraper.mobile-footer__wrap .title-sty-left,.footer-wraper.mobile-footer__wrap .title-sty-right,.footer-wraper.mobile-footer__wrap .title-sty-right a{color:#1f3b4d!important;opacity:1}
.footer-wraper.mobile-footer__wrap .footer-nav-item div a{color:#1f3b4d}
/* about page text: keep the site's size but sane line-height */
.j-aboutus-content span{line-height:1.6}
/* template bug: the home Contact module is a fixed 1200px between 769 and 1199px (tablets) -> horizontal scroll */
.site-module-contact-content{max-width:100%}
/* template bug: on tablets (768-991px) the mobile Contact variant is shown but its phone-only rules (max-width:767px) do not apply, so the SVG icons blow up to 200px+ */
@media (min-width:768px) and (max-width:991px){
.home .site-module-contact-content{width:100%;padding:15px}
.home .site-module-contact .module-title h3{display:block;float:none;width:100%;text-align:center}
.home .site-module-contact-content .contact-mask{padding:0}
.home .site-module-contact-content .contact-mask .contact-img{margin-bottom:8px}
.home .site-module-contact-content .contact-mask .contact-img img{width:100%;border-radius:4px}
.home .site-module-contact-content .contact-mask ul li{font-size:14px;color:#252627;display:grid;grid-template-columns:1fr 2fr;align-items:start;padding-right:20px}
.home .site-module-contact-content .contact-mask ul li:not(:last-child){margin-bottom:20px}
.home .site-module-contact-content .contact-mask ul li svg{height:15px;width:15px;margin-right:10px}
.home .site-module-contact-content .contact-mask ul li strong{display:flex;align-items:center;font-weight:400}
.home .site-module-contact-content .contact-mask ul li strong span{text-align:left;width:100px}
}
/* template bug at exactly 768px (iPad portrait): the mobile rules (max-width:768px) pad the wrapper while Bootstrap sm (min-width:768px) fixes .container at 750px -> 6-16px horizontal scroll */
@media screen and (max-width:768px){.container{width:auto!important}}
/* the template overshoots by 4-15px at the exact Bootstrap breakpoints (768/992/1200); never allow horizontal panning */
html,body{overflow-x:hidden}
/* hide leftovers of removed features */
.subcribe_title,.subcribe_input,.subcribe_check,.j-prod-info_like,.toolbar-cart__link{display:none!important}