/*!
Theme Name: inkjetinkfactory
Theme URI: https://openxcode.com/
Author: Ramiz Theba
Author URI: https://openxcode.com/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: inkjetinkfactory
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

inkjetinkfactory is based on https://openxcode.com/, (C) 2012-2020 Automattic, Inc.
OpenXcode is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* ==========================================
   FAQ Layout & Base Container Styles 
   (From yunteam.css)
   ========================================== */

/* Main content body wrapper */
#main .sBody {
    width: 780px;
    float: right;
    background: #ffffff;
}

/* FAQ Section title header */
#main .sBody .box .title {
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 35px;
    padding-left: 10px;
    background: #91ce55;
    border-top: 1px solid #E8E8E8;
}

/* Content inner container */
#main .sBody .article .content {
    line-height: 22px;
    padding: 10px 0;
    word-break: normal;
    word-wrap: normal;
}


/* ==========================================
   FAQ Questions & Answers Specific Styles 
   (From faq.css)
   ========================================== */

/* FAQ question links list container */
#main .sBody .content ul.faq {
    float: left;
    line-height: 22px;
    padding: 10px 30px 10px 10px;
}

#main .sBody .content ul.faq li {
    /* Placeholder for list-item spacing if needed */
}

/* FAQ question links */
#main .sBody .content ul.faq a {
    color: #00589A;
    font-size: 14px;
    text-decoration: none;
}

#main .sBody .content ul.faq a:hover {
    text-decoration: underline;
}

/* Clear floating elements for FAQ answer list */
#main .sBody .content dl.faq {
    clear: both;
}

/* Individual FAQ question header */
#main .sBody .content dl.faq dt {
    color: #00589A;
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
    padding-left: 5px;
    padding-top: 10px;
}

/* Inner answer card container */
#main .sBody .content dl.faq dd {
    background: none repeat scroll 0 0 #FEFEF9;
    border: 1px solid #E7E7E7;
    margin: 1px;
    padding: 1px;
    word-wrap: break-word;
    word-break: normal;
}

/* Styled answer box */
#main .sBody .content dl.faq dd .con {
    background: #EDEDED;
    color: #474747;
    line-height: 24px;
    padding: 5px;
}



.contact-info {
    border: 1px solid #E6E6E6;
    margin-bottom: 20px;
    padding: 10px;
}


.form {
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid #E6E6E6; }



    .form .textbox, .form .textbox_focus, .form .textbox_m, .form .textbox_m_focus {
        background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #E6E6E6;
        height: 26px;
        line-height: 26px;
        margin-top: 5px;
        padding-left: 3px;
        width: 200px;
    }


    .form .textarea {
        background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #E6E6E6;
        height: 100px;
        width: 80%;
        padding: 3px;
    }


    .form .submit .btn, .form .submit .btn_over {
        background: url(assets/images/btn.png) no-repeat scroll 0 0 transparent;
        border: medium none;
        cursor: pointer;
        height: 23px;
        line-height: 23px;
        margin: 0 5px;
        text-align: center;
        width: 60px;
    }

/* Header search — category, input, and button in one row */
#search form {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    width: 510px;
    margin: 0 auto;
    box-sizing: border-box;
}

#search dl.category {
    position: relative;
    float: none;
    display: block;
    flex: 0 0 142px;
    width: 142px;
    height: 22px;
    margin: 10px 0 0;
    margin-left: 0;
    left: auto;
    top: auto;
    overflow: hidden;
    box-sizing: border-box;
    z-index: 9;
}

#search dl.category dt {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 22px;
    line-height: 22px;
    box-sizing: border-box;
}

#search dl.category:hover {
    height: auto;
    overflow: visible;
    z-index: 20;
}

#search dl.category:hover dt {
    height: 22px;
}

#search .textbox,
#search .textbox_focus {
    float: none;
    display: block;
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    height: 22px;
    line-height: 22px;
    margin-top: 10px;
    box-sizing: border-box;
}

#search .submit {
    float: none;
    display: block;
    flex: 0 0 auto;
    width: auto;
    min-width: 72px;
    height: 22px;
    line-height: 22px;
    margin-top: 10px;
    padding: 0 14px;
    white-space: nowrap;
    box-sizing: border-box;
}
/* Narrow-screen layout, using existing content and assets. */
@media (max-width: 1050px) {
 html,body{width:100%;min-width:0}
 #header,#header .main,#nav,#search,#container,#main,#footer_link,#copyright,#banner{width:100%;max-width:100%;box-sizing:border-box}
 #header{height:auto;padding:12px}
 #header .main{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
 #header .logo,#header .tip p,#header .main>.phone,#header .main>.email,#header .request,#header .share{position:static;float:none;margin:0;height:auto}
 #header .tip p{font-size:18px}
 #header .logo img{max-width:140px}
 #header dl.language{position:relative;float:none;top:auto;right:auto;margin:12px 0 0}
 #nav{height:auto}
 #nav>ul{display:flex;flex-wrap:wrap}
 #nav li{float:none}
 #nav li a{padding:0 12px}
 #nav li.unfold>div{max-width:calc(100vw - 24px)}
 #search{padding:8px 12px;height:auto}
 #search #SearchForm{display:flex;flex-wrap:wrap;gap:6px;width:100%;float:none}
 #SearchForm .category{position:relative;float:none}
 #search #SearchForm input[type=text]{width:100%;max-width:100%;box-sizing:border-box;flex:1 1 180px}
 #container{padding:0 12px}
 #main{display:flex;flex-direction:column}
 #main .sBody,#main .sider{width:100%;float:none;min-width:0;box-sizing:border-box}
 #main .sBody{order:0}
 #main .sider{order:1}
 #main>.clear{order:2}
 #banner img,.sBody img{max-width:100%;height:auto}
 .sBody table{max-width:100%}
 .sBody .content{overflow-wrap:anywhere}
 .sBody .list-l .item{max-width:100%;box-sizing:border-box}
 #footer_link,#copyright{padding:12px;overflow-wrap:anywhere}
 #page li a,#page li span{display:inline-block;min-height:32px;line-height:32px}
}
@media (max-width: 600px) {
 .sBody table.inquiry,.sBody table.inquiry tbody,.sBody table.inquiry tr,.sBody table.inquiry td,.sBody table.inquiry th{display:block;width:100%;box-sizing:border-box}
 .sBody table.inquiry td.t{text-align:left}
 .sBody table.inquiry input[type=text],.sBody table.inquiry input[type=email],.sBody table.inquiry input[type=tel],.sBody table.inquiry textarea{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box;font-size:16px!important}
 .sBody .inkjet-captcha-row{display:flex;flex-wrap:wrap}
 .sBody .inkjet-captcha-row input[name=verify]{flex-basis:100%}
 .sBody form input[type=submit],.sBody form input[type=reset],.sBody form button{min-height:44px}
 .list-g li{width:48%}
}
@media(max-width:1050px){
 #Banner_index,.Banner,.banner-container,#footer{width:100%!important;max-width:100%;box-sizing:border-box}
 .banner-container .swiper-slide img{width:100%;height:auto}
 #header .main>.tip{flex:1 1 100%}
 #header .main>.share{position:static!important;float:none!important;inset:auto!important;width:auto!important;display:flex;flex-wrap:wrap;gap:4px}
 #header .main>.share a{position:static!important;float:none!important}
}
@media(max-width:1050px){#footer .list.website,#footer .clear{width:100%;max-width:100%}}
@media(max-width:600px){
 .products_details .cover,.products_details .parameters,.products_details .inquiry_btn,#inquiry-form,.inkjet-cf7-detail{width:100%!important;max-width:100%;float:none!important;box-sizing:border-box}
 #inquiry-form input:not([type=submit]):not([type=hidden]),#inquiry-form textarea{width:100%!important;max-width:100%;min-width:0!important;box-sizing:border-box}
 .products_details #picture_show{max-width:100%}
}
@media(max-width:600px){
 .scroll.website .pic,.scroll.website .show,#scroll_link,#scroll_title,#aboutus .cover,#aboutus .summary{width:100%!important;max-width:100%;float:none!important;box-sizing:border-box;margin-left:0!important}
 .scroll.website img,#aboutus img{max-width:100%;height:auto}
}
@media(max-width:600px){.sBody iframe{max-width:100%;width:100%}.sBody .content span{max-width:100%}}

/* CHEEF visual refresh — existing assets and system fonts, September 2026. */
body{color:#24382f;background:#f4f6f4;font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.6}
body>header{background:#fff;border-bottom:1px solid #dfe7e0}
#header{height:auto;padding:22px 0 16px;box-sizing:border-box}
#header .main{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:8px 24px;align-items:center;width:100%;min-height:100px}
#header .logo,#header .tip p,#header .main>.phone,#header .main>.email,#header .request,#header .main>.share{position:static!important;float:none!important;inset:auto!important;margin:0!important;height:auto;line-height:1.5;background:none;text-indent:0}
#header .logo{grid-column:1;grid-row:1/4}
#header .logo img{display:block;max-width:110px;height:auto}
#header .tip{grid-column:2;grid-row:1/4}
#header .tip p{font-size:22px;font-weight:600;color:#163c2b;letter-spacing:-.4px}
#header .main>.phone,#header .main>.email,#header .request{grid-column:3;text-align:right;font-size:13px}
#header .request a{display:inline-block;background:#155b3c;color:white;border-radius:5px;padding:8px 18px;text-decoration:none}
#header .main>.share{grid-column:1/-1;display:flex;gap:6px;justify-content:flex-end}
#header .main>.share a{position:static!important;float:none!important}
#nav{height:auto;background:#163f2d;border-radius:6px;margin-bottom:12px}
#nav>ul{display:flex;flex-wrap:wrap;align-items:center}
#nav>ul>li{float:none;flex:1 0 auto}
#nav>ul>li>a{display:block;padding:8px 13px;line-height:30px;font-size:15px;color:#fff;font-weight:600}
#nav>ul>li>a:hover,#nav>ul>li>a:focus-visible{background:#236546;color:#fff}
#search{height:auto;padding:0 0 16px;box-sizing:border-box}
#search #SearchForm{display:flex;align-items:stretch;width:min(760px,100%);margin:0 auto;float:none;gap:0}
#search dl.category{height:42px;line-height:42px;margin:0;min-width:150px;border:1px solid #cbd8ce;background:#f6f8f6;border-radius:5px 0 0 5px}
#search dl.category dt,#search dl.category:hover dt{height:40px;line-height:40px;font-size:13px}
#search .textbox,#search .textbox_focus{height:42px;line-height:42px;margin:0;padding:0 14px;border:1px solid #cbd8ce;border-left:0;font-size:15px;background:#fff;color:#344b3d}
#search .submit{height:42px;line-height:42px;margin:0;padding:0 22px;background:#155b3c;color:#fff;font-size:15px;border:0;border-radius:0 5px 5px 0}
#Banner_index{margin:24px auto!important;border-radius:8px;overflow:hidden}
#container{padding-top:18px;padding-bottom:36px}
#main .sBody{background:transparent}
#main .sider .box{background:#fff;border:1px solid #dfe7e0;border-radius:6px;overflow:hidden;margin-bottom:18px}
#main .sider .box>dt{background:#edf3ee;color:#183e2b;line-height:1.4;padding:15px 16px;font-size:15px;border:0}
#main .sider .category dd{padding:10px 14px;border-bottom:1px solid #edf1ed;line-height:1.5}
#main .sider .category dd>a{color:#344e3f;font-size:14px}
#main .sBody .box>.title,#main .sBody h3.title{background:transparent;color:#183e2b;border:0;border-bottom:2px solid #dce7dd;padding:14px 0;margin:0 0 18px;font-size:23px;line-height:1.3;font-weight:600}
#main .sBody .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#main .sBody .grid>.clear{display:none}
#main .sBody .grid>.item{width:auto;float:none;margin:0;padding:14px;background:#fff;border:1px solid #e0e8e1;border-radius:6px;box-sizing:border-box;min-width:0}
#main .sBody .grid>.item .pic{display:flex;align-items:center;justify-content:center;width:100%;height:170px;background:#fff}
#main .sBody .grid>.item img{max-width:100%;max-height:170px;width:auto;height:auto;object-fit:contain}
#main .sBody .grid>.item h2{height:auto;min-height:60px;margin:12px 0 2px;font-size:14px;line-height:1.5;font-weight:500;text-align:left;overflow-wrap:anywhere}
#main .sBody .grid>.item h2 a{color:#243f2e}
#main .sBody .box.products{margin-bottom:26px}
#position,.position{font-size:13px;color:#627365;line-height:1.6;margin-bottom:20px}
#main .sBody .article .content{font-size:16px;line-height:1.85;color:#34473a}
#main .sBody .article .content p{margin-bottom:18px}
#main h1{line-height:1.3;overflow-wrap:anywhere}
#main .Download table{border-collapse:collapse;width:100%;border-color:#e0e8e1;background:white}
#main .Download th,#main .Download td{border:1px solid #e0e8e1;padding:14px 12px;text-align:left;line-height:1.6}
#main .Download th{background:#edf3ee;color:#193f2b}
#main .Download td a{color:#155b3c;text-decoration:underline}
#page a,#page span{border-radius:4px}
#footer{background:#173c2a;color:#e7eee8;padding-top:24px}
#footer a{color:#e7eee8}
#footer_link{padding:22px 0;background:transparent;line-height:2}
#copyright{padding:0 0 24px;color:#647368;line-height:1.8}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #b47c28;outline-offset:3px}
.cheef-intro{padding:30px 32px;margin:0 0 26px;background:#eaf1eb;border:1px solid #dbe6dc;border-radius:8px}
.cheef-intro h1{font-size:32px;letter-spacing:-.5px;margin:0 0 14px;color:#163f2d}
.cheef-intro p{max-width:70ch;font-size:16px;line-height:1.8;margin:0 0 16px}
.cheef-actions{display:flex;gap:12px;flex-wrap:wrap}
.cheef-actions a{display:inline-block;padding:10px 18px;border:1px solid #155b3c;border-radius:5px;color:#155b3c;font-weight:600;text-decoration:none}
.cheef-actions a:first-child{background:#155b3c;color:white}
@media(max-width:1050px){
 #header{padding:18px 16px}#header .main{width:100%;grid-template-columns:90px minmax(0,1fr);gap:10px 16px}
 #header .logo{grid-row:1;grid-column:1}#header .logo img{max-width:90px}
 #header .tip{grid-row:1;grid-column:2}#header .tip p{font-size:19px}
 #header .main>.phone,#header .main>.email,#header .request{grid-column:auto;text-align:left}
 #header .main>.share{justify-content:flex-start}#nav{border-radius:0}
 #nav>ul>li>a{font-size:14px;padding:6px 12px}#search{padding:0 12px 16px}
 #search #SearchForm{gap:0;flex-wrap:nowrap}#search #SearchForm input[type=text]{flex:1 1 100px;width:0;min-width:0}
 #main .sBody .grid{grid-template-columns:repeat(3,minmax(0,1fr))}#Banner_index{margin:16px auto!important;border-radius:0;height:auto!important}
 #main .sider{margin-top:24px}.cheef-intro{padding:26px 22px}.cheef-intro h1{font-size:28px}
}
@media(max-width:600px){
 #header .tip p{font-size:16px}#header .main>.share{gap:4px}#header .request{justify-self:start}
 #search dl.category{min-width:108px;max-width:120px}#search .submit{min-width:62px;padding:0 10px}
 #main .sBody .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 #main .sBody .grid>.item{padding:10px}#main .sBody .grid>.item .pic{height:145px}#main .sBody .grid>.item img{max-height:145px}
 #main .sBody .grid>.item h2{font-size:13px}#main .sBody .box>.title,#main .sBody h3.title{font-size:21px}
 .cheef-intro{padding:22px 18px}.cheef-intro h1{font-size:25px}.cheef-intro p{font-size:15px}
 #main .Download th,#main .Download td{padding:10px 7px;font-size:13px}
 #footer_link,#copyright{padding:16px 12px}
}

.cheef-home-intro{max-width:1050px;margin:24px auto 0}.cheef-home-intro .cheef-intro{margin-bottom:0;padding:36px 40px}.cheef-home-intro h1{font-size:36px;max-width:24ch}.cheef-intro h2{font-size:24px;color:#163f2d;line-height:1.3;margin:0 0 14px}
@media(max-width:1050px){.cheef-home-intro{width:auto;margin:18px 12px 0}.cheef-home-intro .cheef-intro{padding:28px 24px}}
@media(max-width:600px){.cheef-home-intro h1{font-size:28px}.cheef-home-intro .cheef-intro{padding:24px 20px}}

/* Remove duplicate social icons from the header; existing contact/sidebar links remain. */
#header .main>.share{display:none!important}#header .main{min-height:92px}#nav>ul>li{height:auto;display:block}#header .tip p{line-height:1.4!important}#main .sBody .aboutus>h2.title{font-size:23px}

@media(max-width:600px){
 #header .main{grid-template-columns:120px minmax(0,1fr);gap:10px 16px;min-height:0}
 #header .main>.phone{display:none}#header .main>.email{grid-column:1;grid-row:2;font-size:12px;white-space:nowrap}
 #header .request{grid-column:2;grid-row:2;justify-self:end}#header .request a{padding:9px 12px;white-space:nowrap}
 #header dl.language{line-height:1.9;font-size:12px}
 .cheef-actions a{font-size:14px}
}

.cheef-intro .cheef-request-heading{margin-top:30px;font-size:20px}.cheef-request-list{padding-left:22px;line-height:1.8}.cheef-request-list li{margin:12px 0}

#header dl.language{position:static!important;display:flex!important;align-items:center;gap:8px;width:100%!important;max-width:1050px;height:auto!important;overflow-x:auto;overflow-y:hidden;white-space:nowrap;margin:14px 0 0;padding:0 0 6px;background:none;border:0;box-sizing:border-box}
#header dl.language dt{display:none!important}#header dl.language dd{display:block!important;flex:0 0 auto;margin:0;padding:0;float:none!important;height:auto!important}
#header dl.language dd a{display:flex;gap:5px;align-items:center;padding:6px 8px;font-size:13px!important;line-height:20px;color:#344e3f;background:#f2f6f2;border:1px solid #dfe7e0;border-radius:4px;text-indent:0}
#header dl.language dd.current a{background:#e0ecdf;border-color:#8cab91}#header dl.language dd a img{margin:0;flex-shrink:0}
/* Match the existing catalogue templates without changing their URLs or records. */
#main .sider dl.box>dt,#main .sider dl.category>dt{background:#edf3ee;color:#183e2b;padding:15px 16px;line-height:1.4;border:0;font-size:15px}
#main .sider dl.category>dd>a,#main .sider dl.category>dd>a.parent{height:auto;line-height:1.55;padding:0;background:none;font-size:14px;font-weight:400;color:#344e3f}
#main .sBody .box.products>.list-l{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0;clear:both}
#main .sBody .box.products>.list-l>dl{display:block;float:none;width:auto;margin:0;padding:14px;background:#fff;border:1px solid #dfe7e0;border-radius:6px;box-sizing:border-box;min-width:0}
#main .sBody .box.products>.list-l>dl>dt{float:none;width:100%;height:185px;margin:0;padding:0;display:flex;justify-content:center;align-items:center}
#main .sBody .box.products>.list-l>dl>dt img{width:auto;height:auto;max-width:100%;max-height:185px;object-fit:contain}
#main .sBody .box.products>.list-l>dl>dd{float:none;width:auto;margin:0;padding:0}
#main .sBody .box.products>.list-l>dl>dd h2{height:auto;min-height:64px;text-align:left;margin:14px 0 0;font-size:14px;line-height:1.55;font-weight:500;overflow-wrap:anywhere}
#main .sBody .box.products>.list-l>dl>dd h2 a{color:#243f2e}
#main .sBody .box.products>.list-l>.clear{display:none}
@media(max-width:600px){
 #main .sBody .box.products>.list-l{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 #main .sBody .box.products>.list-l>dl{padding:10px}
 #main .sBody .box.products>.list-l>dl>dt{height:145px}
 #main .sBody .box.products>.list-l>dl>dt img{max-height:145px}
 #main .sBody .box.products>.list-l>dl>dd h2{font-size:13px}
}

#main .sBody .box.products>.list-l>dl,#main .sBody .grid>.item{height:auto;min-height:0;overflow:visible}

/* Homepage browsing: readable cards and reachable carousel controls. */
#main .sBody .box.products .grid>.item{width:100%;height:auto;float:none;display:block;padding:14px;overflow:visible;margin:0}
#main .sBody .box.products .grid>.item .pic{width:100%;height:170px;display:flex;align-items:center;justify-content:center;float:none;margin:0}
#main .sBody .box.products .grid>.item .pic img{width:auto;height:auto;max-width:100%;max-height:170px;object-fit:contain}
#main .sBody .box.products .grid>.item h2{height:auto;min-height:60px;line-height:1.5;overflow:visible;font-size:14px;text-align:left;margin:12px 0 2px}
#Banner_index .swiper-button-next,#Banner_index .swiper-button-prev{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.94);color:#163f2d;box-shadow:0 2px 8px #0002}
#Banner_index .swiper-button-next:after,#Banner_index .swiper-button-prev:after{font-size:18px;font-weight:700}
#Banner_index .swiper-button-next:focus-visible,#Banner_index .swiper-button-prev:focus-visible,#Banner_index .swiper-pagination-bullet:focus-visible{outline:3px solid #163f2d;outline-offset:2px}
#Banner_index .swiper-pagination-bullet{width:24px;height:24px;margin:0 1px;background:transparent;opacity:1;position:relative}
#Banner_index .swiper-pagination-bullet:after{content:"";position:absolute;width:8px;height:8px;left:8px;top:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #163f2d80}
#Banner_index .swiper-pagination-bullet-active:after{background:#163f2d;box-shadow:0 0 0 2px #fff}
#main .sBody .cheef-featured-products{margin:0 0 32px}
#main .sBody .grid>.item{transition:box-shadow .18s ease,border-color .18s ease}
#main .sBody .grid>.item:hover{border-color:#a6bfae;box-shadow:0 5px 16px #163f2d0d}
#main .sBody .grid>.item a:focus-visible{outline:2px solid #155b3c;outline-offset:3px}
@media(max-width:767px){
 #Banner_index .swiper-button-next,#Banner_index .swiper-button-prev{top:auto;bottom:2px;margin-top:0;width:32px;height:32px;box-shadow:none}
 #Banner_index .swiper-button-next:after,#Banner_index .swiper-button-prev:after{font-size:14px}
 #Banner_index .swiper-pagination{bottom:3px}
 #main .sBody .cheef-featured-products{margin-bottom:24px}
}
@media(prefers-reduced-motion:reduce){#main .sBody .grid>.item{transition:none}}

/* Company introduction, videos and footer retain their original content. */
#main .sBody .box.aboutus{margin:30px 0;padding:22px;background:#fff;border:1px solid #dfe7e0;border-radius:8px;box-sizing:border-box}
#main .sBody .box.aboutus #aboutus{height:auto;min-height:0;margin:0;padding:0}
#main .sBody .box.aboutus #aboutus>li{height:auto;overflow:visible}
#main .sBody .box.aboutus #aboutus .cover{width:38%;margin:0 4% 16px 0;height:auto;float:left}
#main .sBody .box.aboutus #aboutus .cover img{width:100%;height:auto;max-height:220px;object-fit:contain;border-radius:4px}
#main .sBody .box.aboutus #aboutus .summary{width:58%;float:left;height:auto;padding:0;margin:0}
#main .sBody .box.aboutus #aboutus .name{font-size:21px;line-height:1.4;margin:0 0 12px;height:auto}
#main .sBody .box.aboutus #aboutus .text{font-size:15px;line-height:1.8;height:auto;max-height:none;overflow:visible;color:#3e5145}
#main .sBody .box.aboutus>.btn{position:static;inset:auto;width:auto;display:flex;flex-wrap:wrap;gap:8px;height:auto;clear:both;margin-top:16px;padding:0;background:none}
#main .sBody .box.aboutus>.btn a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;float:none;width:auto;height:auto;padding:0 16px;margin:0;background:#edf3ee;color:#163f2d;border:1px solid #d3dfd5;border-radius:4px;font-size:14px;text-indent:0;line-height:1.4}
#main .sBody .box.video>ul.video{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;height:auto}
#main .sBody .box.video>ul.video>li.cheef-video-card{float:none;width:auto;height:auto;min-width:0;margin:0;padding:0;display:flex;flex-direction:column;background:#fff;border:1px solid #dfe7e0;border-radius:6px;overflow:hidden}
.cheef-video-cover{display:flex;align-items:center;justify-content:center;position:relative;aspect-ratio:16/9;width:100%;background:#eaf0eb;overflow:hidden}
.cheef-video-cover img{display:block;width:100%;height:100%;object-fit:contain}
.cheef-play-icon{display:flex;align-items:center;justify-content:center;position:absolute;left:calc(50% - 22px);top:calc(50% - 22px);width:44px;height:44px;border-radius:50%;background:#163f2de8;color:#fff;font-size:18px;border:2px solid #fff}
.cheef-video-info{padding:14px;flex:1}.cheef-video-info h4{margin:0 0 12px;font-size:14px;line-height:1.5;font-weight:500;overflow-wrap:anywhere}.cheef-video-info h4 a{color:#243f2e}.cheef-video-info p{font-size:12px;line-height:1.5;color:#66756b;margin:0}
.cheef-video-cover:focus-visible,.cheef-video-info a:focus-visible{outline:3px solid #155b3c;outline-offset:-3px}
#footer{background:#173d2c;padding:32px 0;margin-top:36px;color:#fff}
#footer>.list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 24px;box-sizing:border-box;max-width:1050px;margin:auto;padding:0 16px}
#footer>.list>.twm{grid-column:1/-1;float:none;width:auto;text-align:center;margin:0 0 12px}
#footer>.list>.twm img{max-width:100%;height:auto;max-height:140px;object-fit:contain}
#footer>.list>dl{float:none;width:auto;margin:0;padding:0;border:0;height:auto;background:none}
#footer>.list>dl dt{padding:0;height:auto;line-height:1.5;background:none;border:0}
#footer>.list>dl a{color:#f1f5f2;font-size:13px;display:block;padding:8px 0;line-height:1.5}
#footer>.list>.clear{display:none}
@media(max-width:767px){
 #main .sBody .box.aboutus{padding:18px}
 #main .sBody .box.aboutus #aboutus .cover,#main .sBody .box.aboutus #aboutus .summary{float:none;width:100%;margin:0 0 16px}
 #main .sBody .box.aboutus #aboutus .cover img{max-height:200px}
 #main .sBody .box.video>ul.video{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .cheef-video-info{padding:10px}.cheef-video-info h4{font-size:13px}
 #footer>.list{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px}
}
@media(max-width:600px){#main .sBody .box.products .grid>.item{padding:10px}#main .sBody .box.products .grid>.item h2{font-size:13px}#main .sBody .box.products .grid>.item .pic{height:145px}#main .sBody .box.products .grid>.item .pic img{max-height:145px}}

/* Reserve carousel space before images load, including on narrow screens. */
#Banner_index .banner-container,#Banner_index .swiper-wrapper,#Banner_index .swiper-slide,#Banner_index .swiper-slide>a{height:100%}
#Banner_index .swiper-slide>a{display:block}
#Banner_index .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:1050px){#Banner_index{height:calc(100vw * 8 / 21)!important}}