/*
Theme Name: Tonchant Earth
Author: Tonchant Earth
Description: Sustainable packaging catalog and company website.
Version: 1.1.0
Text Domain: tonchant-earth
*/
:root{--tc-green:#90ab6e;--tc-deep:#333;--tc-sage:#f7f8f4;--tc-ink:#333;--tc-muted:#666;--tc-line:#d8d8d8;--tc-radius:12px}
html{scroll-behavior:smooth;scroll-padding-top:110px}body.tc-site{background:#fff;overflow-x:hidden}.tc-native-main{color:var(--tc-ink)}.tc-native-main img{max-width:100%;height:auto}.tc-native-main button,.tc-native-main input,.tc-native-main textarea,.tc-native-main select{font:inherit}.tc-site a:focus-visible,.tc-site button:focus-visible,.tc-site input:focus-visible,.tc-site textarea:focus-visible{outline:3px solid #90ab6e;outline-offset:4px}.tc-skip-link{position:fixed;left:16px;top:-80px;z-index:99999;padding:12px 20px;background:var(--tc-deep);color:#fff}.tc-skip-link:focus{top:12px;color:#fff}.tc-wrap{width:min(1280px,calc(100% - 64px));margin-inline:auto}.tc-native-main{padding:48px 0 80px;min-height:55vh}.tc-site:not(:has(.qili-header-fill)) .tc-native-main{padding-top:136px}.tc-page-heading{padding:24px 0 40px;max-width:900px}.tc-page-heading h1,.tc-native-main h1{color:var(--tc-deep);font-weight:600;letter-spacing:-.025em;line-height:1.18}.tc-page-heading h1{font-size:clamp(32px,4vw,52px)}.tc-eyebrow{color:var(--tc-green);font-size:12px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;margin:0 0 16px}.tc-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:1px solid var(--tc-green);border-radius:5px;background:var(--tc-green);color:#fff!important;padding:14px 26px;line-height:1.4;font-size:16px;font-weight:600;cursor:pointer;text-decoration:none!important;transition:background .2s}.tc-button:hover{background:var(--tc-deep);border-color:var(--tc-deep)}.tc-text-link{display:inline-flex;align-items:center;gap:16px;color:var(--tc-green);font-weight:600;font-size:14px}.tc-catalog{padding:12px 0 32px}.tc-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.tc-card{background:white;border:1px solid var(--tc-line);border-radius:var(--tc-radius);overflow:hidden;min-width:0;transition:box-shadow .2s,transform .2s}.tc-card:hover{box-shadow:0 12px 30px #193b2410;transform:translateY(-3px)}.tc-card-image{display:flex;aspect-ratio:1;align-items:center;justify-content:center;background:#f7f8f4;padding:12px;overflow:hidden}.tc-card-image img{width:100%;height:100%;object-fit:contain;transition:transform .3s}.tc-card:hover .tc-card-image img{transform:scale(1.025)}.tc-card-copy{padding:22px}.tc-card-copy h3{font-size:17px;line-height:1.5;font-weight:600;margin:0 0 20px}.tc-card-copy h3 a{color:var(--tc-deep)}.tc-card-copy p{font-size:15px;line-height:1.7;color:var(--tc-muted)}.tc-image-placeholder{color:var(--tc-green);font-size:20px}.tc-pagination{margin-top:40px}.tc-pagination ul{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;list-style:none;padding:0;margin:0}.tc-pagination a,.tc-pagination span{display:block;border:1px solid var(--tc-line);border-radius:4px;padding:9px 15px;color:var(--tc-deep);font-size:14px}.tc-pagination .current{background:var(--tc-green);color:white;border-color:var(--tc-green)}.tc-breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:13px;color:var(--tc-muted);margin-bottom:36px;line-height:1.6}.tc-breadcrumbs a{color:var(--tc-green)}.tc-breadcrumbs span:last-child{max-width:650px}.tc-product-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start}.tc-gallery-main{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:#f7f8f4;border:1px solid var(--tc-line);border-radius:var(--tc-radius);padding:18px}.tc-gallery-thumbs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:14px}.tc-gallery-thumb{border:1px solid var(--tc-line);padding:4px;background:white;border-radius:5px;cursor:pointer;aspect-ratio:1}.tc-gallery-thumb img{height:100%;width:100%;object-fit:contain}.tc-gallery-thumb.is-active{border:2px solid var(--tc-green)}.tc-product-summary{padding-top:16px}.tc-product-summary h1{font-size:clamp(27px,3.1vw,42px);margin-bottom:24px}.tc-product-intro{font-size:17px;color:var(--tc-muted);margin-bottom:22px}.tc-category-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px}.tc-category-tags a{padding:6px 12px;background:var(--tc-sage);color:var(--tc-green);font-size:12px;border-radius:20px}.tc-product-contact{font-size:13px;color:var(--tc-muted);line-height:1.7;margin-top:20px}.tc-product-contact a{color:var(--tc-green)}.tc-product-description{margin-top:64px;border-top:1px solid var(--tc-line);padding-top:40px}.tc-product-description>h2{font-size:28px;font-weight:600;color:var(--tc-deep);margin-bottom:26px}.tc-rich-text{font-size:16px;line-height:1.85;overflow-wrap:anywhere}.tc-rich-text p{margin:0 0 1.2em}.tc-rich-text h2,.tc-rich-text h3,.tc-rich-text h4{color:var(--tc-deep);line-height:1.3;margin:1.5em 0 .65em;font-weight:600}.tc-rich-text h2{font-size:29px}.tc-rich-text h3{font-size:23px}.tc-rich-text ul,.tc-rich-text ol{padding-left:24px;margin-bottom:24px}.tc-rich-text table{width:100%!important;border-collapse:collapse;margin:24px 0;table-layout:auto;font-size:15px}.tc-rich-text th,.tc-rich-text td{padding:12px 16px;border:1px solid var(--tc-line);text-align:left;vertical-align:top;overflow-wrap:anywhere}.tc-rich-text th{background:var(--tc-sage);font-weight:600}.tc-rich-text tr:nth-child(even){background:#fafbf9}.tc-rich-text td:first-child{min-width:140px}.tc-rich-text img{height:auto!important;max-width:100%!important;margin-block:8px}.tc-article{max-width:900px}.tc-article-header{margin-bottom:40px}.tc-article-header h1{font-size:clamp(32px,4vw,50px);margin-bottom:18px}.tc-article-header time,.tc-news-card time{color:var(--tc-muted);font-size:13px}.tc-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:24px 0 48px}.tc-news-card .tc-card-image{aspect-ratio:16/10;padding:0}.tc-news-card .tc-card-image img{object-fit:cover}.tc-news-card h3{margin-top:12px}.tc-search-page{max-width:1200px}.tc-search-form{margin:20px auto 40px;max-width:760px}.tc-search-form label{display:block;font-size:24px;font-weight:600;color:var(--tc-deep);margin-bottom:18px}.tc-search-form>div{display:flex;gap:10px}.tc-search-form input{flex:1;min-width:0;border:1px solid var(--tc-line);border-radius:5px;background:white;padding:14px 18px}.tc-results-heading{font-size:22px;margin-bottom:28px}.tc-empty{padding:30px;background:var(--tc-sage);border-radius:8px;margin-top:20px}.tc-not-found{text-align:center;padding-block:100px}.tc-not-found h1{font-size:48px}.tc-not-found p{margin:24px 0}.tc-fallback-header{display:flex;justify-content:space-between;align-items:center;padding:24px 5%;border-bottom:1px solid var(--tc-line);gap:24px}.tc-wordmark{font-size:27px;font-weight:700;color:var(--tc-green)}.tc-fallback-header nav{display:flex;flex-wrap:wrap;gap:24px}.tc-fallback-header nav a{color:var(--tc-deep)}.tc-fallback-footer{background:var(--tc-deep);color:#fff;padding:40px 5%}.tc-fallback-footer a{color:#fff}.tc-fallback-footer p{margin-top:16px}
/* Keep the imported navigation usable without the provider's scripts. */
.qili-header .dropdown{pointer-events:none}.qili-header li:hover>.dropdown,.qili-header li:focus-within>.dropdown,.qili-header li.tc-nav-open>.dropdown{display:block!important;opacity:1!important;visibility:visible!important;pointer-events:auto}.qili-mobnav li.tc-nav-open>ul{display:block!important}.qili-header .tc-mobile-submenu-toggle{border:0;background:transparent;color:var(--tc-green);font-size:24px;position:absolute;right:4px;top:10px;width:42px;height:42px}.qili-mobnav li{position:relative}.qili-mobnav li:has(>.tc-mobile-submenu-toggle)>a{padding-right:50px}.qili-menu_btn{cursor:pointer}.qili-search.tc-search-open{opacity:1!important;visibility:visible!important;display:block!important;transform:none!important}.qili-search.tc-search-open form{display:flex;align-items:center}.tc-site .wow{visibility:visible}.tc-site .tc-slider-static>.swiper-wrapper{transform:none!important;display:flex;overflow:auto;scroll-snap-type:x mandatory}.tc-slider-static>.swiper-wrapper>.swiper-slide{flex:0 0 100%;scroll-snap-align:start}.tc-site .tc-slider-static .swiper-pagination{display:none}.tc-site .qili-mobnav[aria-hidden="true"]{visibility:hidden}.tc-site .qili-mobnav[aria-hidden="false"]{visibility:visible}.tc-site .tc-gallery-thumb:focus-visible{outline-offset:2px}
/* Inquiry forms supplied by the WordPress backend. */
#tc-inquiry{scroll-margin-top:110px}.tc-inquiry-form,.tc-inquiry{max-width:820px;margin:40px auto;padding:32px;background:var(--tc-sage);border-radius:12px}.tc-inquiry-form label,.tc-inquiry label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}.tc-inquiry-form input:not([type=checkbox]):not([type=hidden]),.tc-inquiry-form textarea,.tc-inquiry-form select,.tc-inquiry input:not([type=checkbox]):not([type=hidden]),.tc-inquiry textarea{display:block;width:100%;background:white;border:1px solid var(--tc-line);border-radius:4px;padding:12px 14px;margin-bottom:18px}.tc-inquiry-form textarea,.tc-inquiry textarea{min-height:140px}.tc-inquiry-form button[type=submit],.tc-inquiry button[type=submit]{padding:14px 28px;border:0;border-radius:4px;background:var(--tc-green);color:#fff;cursor:pointer}.tc-form-status{padding:12px 16px;border-left:3px solid var(--tc-green);background:white;margin-block:18px}
@media(max-width:1100px){.tc-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.tc-product-detail{gap:36px}.tc-news-grid{gap:20px}.tc-card-copy{padding:18px}}
@media(max-width:780px){html{scroll-padding-top:85px}.tc-wrap{width:calc(100% - 36px)}.tc-native-main{padding:28px 0 52px}.tc-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tc-card-copy{padding:15px}.tc-card-copy h3{font-size:15px;margin-bottom:14px}.tc-product-detail{grid-template-columns:1fr;gap:24px}.tc-gallery-main{max-height:580px}.tc-product-summary{padding-top:0}.tc-product-description{margin-top:38px;padding-top:26px}.tc-news-grid{grid-template-columns:1fr}.tc-rich-text{font-size:15px}.tc-rich-text table{font-size:13px}.tc-rich-text th,.tc-rich-text td{padding:9px}.tc-rich-text td:first-child{min-width:90px}.tc-rich-text h2{font-size:25px}.tc-rich-text h3{font-size:21px}.tc-search-form label{font-size:21px}.tc-search-form>div{flex-wrap:wrap}.tc-search-form input{flex-basis:65%}.tc-breadcrumbs{margin-bottom:24px}.tc-inquiry-form,.tc-inquiry{padding:22px 18px;margin:24px auto}.tc-fallback-header{flex-direction:column}.tc-fallback-header nav{gap:18px;font-size:14px}.qili-mobnav[type="close"]{max-height:calc(100dvh - 80px);overflow-y:auto}.qili-mobnav .navbox{position:relative;inset:auto;padding:10px 18px 100px}.qili-mobnav .navbox .f_navbox{height:auto;overflow:visible}.tc-site.admin-bar .qili-header{top:46px}}
@media(max-width:440px){.tc-card-image{padding:6px}.tc-card-copy{padding:12px}.tc-card-copy h3{font-size:14px}.tc-text-link{font-size:12px;gap:8px}.tc-gallery-thumbs{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.tc-product-summary h1{font-size:28px}.tc-button{padding:12px 20px;font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.qili-header-fill{height:90px}.tc-site.admin-bar .qili-header{top:32px}.tc-site #qili-jdmenu .dropdown.output{top:var(--tc-header-bottom,90px)}.tc-site #qili-jdmenu>li:hover>.dropdown,.tc-site #qili-jdmenu>li:focus-within>.dropdown,.tc-site #qili-jdmenu>li.tc-nav-open>.dropdown{height:auto!important;max-height:calc(100dvh - var(--tc-header-bottom,90px));overflow-y:auto!important}.tc-catalog-intro{width:min(1280px,calc(100% - 64px));margin:0 auto;padding:52px 0 32px}.tc-catalog-intro h1,.tc-catalog-intro h2{color:var(--tc-deep);font-size:clamp(30px,3.7vw,48px);font-weight:600;line-height:1.2;margin:0 0 20px}.tc-catalog-intro p{max-width:900px;line-height:1.8;color:var(--tc-muted)}.tc-imported-main>.tc-catalog,.tc-imported-main>.tc-news-grid{width:min(1280px,calc(100% - 64px));margin-inline:auto}.tc-video-dialog{width:min(1000px,94vw);padding:0;border:0;border-radius:10px;background:#0b1510;overflow:visible}.tc-video-dialog::backdrop{background:#07100be8}.tc-video-dialog video{display:block;width:100%;max-height:85dvh;border-radius:10px}.tc-video-close{position:absolute;right:10px;top:10px;z-index:2;background:#fff;color:#14291b;border:0;border-radius:50%;width:40px;height:40px;font-size:28px;line-height:1;cursor:pointer}.videolist[ipath],[data-video]{cursor:pointer}
@media(max-width:780px){.tc-catalog-intro,.tc-imported-main>.tc-catalog,.tc-imported-main>.tc-news-grid{width:calc(100% - 36px)}.tc-catalog-intro{padding-top:34px;padding-bottom:20px}.qili-header-fill{height:80px}.tc-site.admin-bar .qili-header{top:46px}}

/* Preserved source modules own their typography, table styling and image dimensions.
   Rules here only bridge WordPress controls and missing client-side behavior. */
.qili-jdmenu .logo img{width:auto;height:auto}
.tc-imported-main .swiper-container{position:relative;z-index:1;overflow:hidden}
.tc-imported-main .swiper-container>.swiper-wrapper{box-sizing:content-box}
.tc-imported-main .swiper-container>.swiper-wrapper>.swiper-slide{flex-shrink:0}
.san-about-factory .san-swiper-pagination{position:relative}
.san-about-factory .san-swiper-pagination .swiper-pagination-progressbar-fill{background:var(--color-primary,#90ab6e)}
.tc-slick-static{display:flex;overflow:auto;scroll-snap-type:x mandatory}
.solarsun_test_area .tc-slick-static>div{flex:0 0 50%;scroll-snap-align:start}
.hoiet_blog_slider.tc-slick-static>.hoiet_blog_slide{flex:0 0 25%;max-width:none;scroll-snap-align:start}
.tc-imported-main .custom-table-wrapper,.tc-imported-main .table-response{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.tc-imported-main .xgeffect[id]{scroll-margin-top:110px}
.tc-imported-main .bigSelect.on>.list{visibility:visible}
.tc-imported-main .product-form__variants input[type=radio]:focus-visible+label{outline:2px solid var(--color-primary,#90ab6e);outline-offset:3px}
.tc-imported-main .product-form__variants input[type=radio]{display:block;position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.tc-imported-main .hisList2 .swiper-slide,.san-goods-certifications .swiper-slide img{cursor:pointer}
:is(.tc-imported-main,.custom-pop-inquiry) .tc-inquiry-form{max-width:none;width:100%;margin:0;padding:0;background:transparent;border-radius:0;box-sizing:border-box;scroll-margin-top:120px}
:is(.tc-imported-main,.custom-pop-inquiry) .tc-inquiry-form>p{margin:0 0 20px}
:is(.tc-imported-main,.custom-pop-inquiry) .tc-inquiry-form label{font-weight:400;font-size:14px;color:var(--text-color,#666);margin-bottom:10px}
:is(.tc-imported-main,.custom-pop-inquiry) .tc-inquiry-form input:not([type=hidden]):not([type=checkbox]),:is(.tc-imported-main,.custom-pop-inquiry) .tc-inquiry-form textarea,:is(.tc-imported-main,.custom-pop-inquiry) .tc-inquiry-form select{font-family:var(--font-family,Roboto,sans-serif);font-size:14px;color:var(--text-color,#666);border:1px solid #ddd;border-radius:0;padding:12px 15px;margin-bottom:0;background:#fff;box-sizing:border-box}
:is(.tc-imported-main,.custom-pop-inquiry) .tc-inquiry-form textarea{min-height:140px;resize:vertical}
:is(.tc-imported-main,.custom-pop-inquiry) .tc-inquiry-form button[type=submit]{display:block;margin:0 auto;padding:12px 42px;border-radius:var(--button-radius,0);font-family:var(--font-family,Roboto,sans-serif);font-size:16px;background:var(--color-primary,#90ab6e)}
:is(.tc-imported-main,.custom-pop-inquiry) .tc-inquiry-form button[type=submit]:hover{background:var(--btn-hover,#7b985a)}
:is(.tc-imported-main,.custom-pop-inquiry) .tc-inquiry-status:empty{display:none}
:is(.tc-imported-main,.custom-pop-inquiry) .tc-inquiry-status:not(:empty){padding:12px;background:#f7f8f4;color:#333}
.tc-image-dialog{box-sizing:border-box;width:100vw;max-width:none;height:100dvh;max-height:none;inset:0;margin:0;border:0;padding:60px 80px;background:rgba(0,0,0,.93);overflow:auto;text-align:center;color:#fff}
.tc-image-dialog::backdrop{background:rgba(0,0,0,.9)}
.tc-image-dialog .tc-lightbox-image{display:block;max-width:100%;max-height:calc(100dvh - 150px);width:auto;height:auto;object-fit:contain;margin:auto;cursor:zoom-in}
.tc-image-dialog.tc-image-zoom .tc-lightbox-image{max-height:none;max-width:none;cursor:zoom-out}
.tc-image-dialog button{position:fixed;z-index:2;border:0;background:transparent;color:#fff;cursor:pointer;width:54px;height:54px;font:44px/1 Arial,sans-serif}
.tc-image-dialog .tc-image-close{right:20px;top:15px}
.tc-image-dialog .tc-image-previous{left:12px;top:calc(50% - 27px)}
.tc-image-dialog .tc-image-next{right:12px;top:calc(50% - 27px)}
.tc-image-dialog .tc-image-caption{font-size:14px;line-height:1.5;margin:18px auto 0;max-width:900px;color:#fff}
@media(max-width:991px){.hoiet_blog_slider.tc-slick-static>.hoiet_blog_slide{flex-basis:50%}}
@media(max-width:767px){
  .solarsun_test_area .tc-slick-static>div,.hoiet_blog_slider.tc-slick-static>.hoiet_blog_slide{flex-basis:100%}
  .tc-image-dialog{padding:65px 42px 20px}
  .tc-image-dialog button{width:38px;height:44px;font-size:36px}
  .tc-image-dialog .tc-image-previous{left:0}.tc-image-dialog .tc-image-next{right:0}
  :is(.tc-imported-main,.custom-pop-inquiry) .tc-inquiry-form textarea{min-height:130px}
  .tc-imported-main .table-response table{max-width:none}
}
@media(min-width:783px){.tc-site.admin-bar .qili-header{top:32px}}
@media(min-width:601px) and (max-width:782px){.tc-site.admin-bar .qili-header{top:46px}}
@media(max-width:600px){.tc-site.admin-bar .qili-header{top:0}.tc-site.admin-bar .qili-header:not(.tc-header-scrolled){top:46px}}

.tc-site .custom-pop-inquiry{z-index:100000}
.tc-site .custom-pop-inquiry .div_info{overscroll-behavior:contain}