/* v1.8.0 layout and data-presentation fixes. */

/* Home certificates and cases. */
.cert-copy .cert-copy-button{margin-top:28px}
.home .case-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.home .case-image{height:190px}
.home .case-body{padding:18px}
.home .case-body h3{font-size:17px;line-height:1.35}
.home .case-body p{display:-webkit-box;margin-top:9px;overflow:hidden;color:var(--muted);font-size:12.5px;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:2}

/* Inquiry forms: high-contrast fields, compact home form and a dedicated submit row. */
.yj-inquiry-form-wrap.inquiry-form{padding:26px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.18);border-radius:16px;box-shadow:0 22px 55px rgba(0,0,0,.16)}
.yj-inquiry-form-wrap.inquiry-form .yj-inquiry-form-heading{margin-bottom:20px}
.yj-inquiry-form-wrap.inquiry-form .yj-inquiry-form-heading h3{color:#fff}
.yj-inquiry-form-wrap.inquiry-form .yj-inquiry-form-heading p{color:rgba(255,255,255,.8)}
.inquiry .yj-inquiry-form-wrap.inquiry-form .yj-form-grid{gap:10px 12px}
.inquiry .yj-inquiry-form .form-field{position:relative}
.inquiry .yj-inquiry-form .form-field:not(.yj-file-field)>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.yj-inquiry-form .field{color:#17313f;background:#fff;border:1px solid #cbd9de}
.yj-inquiry-form .field::placeholder{color:#687c85;opacity:1}
.inquiry .yj-inquiry-form-wrap.inquiry-form .field{height:44px}
.inquiry .yj-inquiry-form-wrap.inquiry-form .yj-form-section-gap{display:block!important;width:100%;height:14px!important;min-height:14px!important}
.inquiry .yj-inquiry-form-wrap.inquiry-form .yj-form-full{display:block;margin-top:0!important;padding-top:0!important}
.yj-inquiry-form textarea.field{height:auto;min-height:126px;padding-top:13px;resize:vertical}
.yj-inquiry-form .yj-form-consent{display:flex;align-items:flex-start;gap:9px;margin-top:15px;color:#405762;font-size:12px;line-height:1.55}
.inquiry .yj-inquiry-form .yj-form-consent,.inquiry .yj-inquiry-form .yj-form-consent span{color:rgba(255,255,255,.88)!important}
.yj-form-submit-row{display:block;width:100%;margin-top:16px}
.yj-form-submit-row .btn{min-width:180px}
.yj-inquiry-form input[type="file"].field{height:auto;min-height:58px;padding:9px;background:#f8fbfc;border:1px dashed #a8bdc5}
.yj-inquiry-form input[type="file"]::file-selector-button{min-height:38px;margin-right:12px;padding:0 15px;color:#fff;background:var(--primary);border:0;border-radius:7px;font:inherit;font-weight:650;cursor:pointer}
.yj-inquiry-form input[type="file"]:hover::file-selector-button{background:var(--accent-strong)}

/* Certificate category drawer and clean cards. */
.certificate-filter-drawer{margin:0 0 28px;border:1px solid var(--border);border-radius:12px;background:#fff;box-shadow:0 8px 24px rgba(10,36,52,.05)}
.certificate-filter-drawer summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:78px;padding:16px 20px;cursor:pointer;list-style:none}
.certificate-filter-drawer summary::-webkit-details-marker{display:none}
.certificate-filter-drawer summary small{display:block;margin-bottom:4px;color:var(--accent-strong);font-size:10px;font-weight:800;letter-spacing:.12em}
.certificate-filter-drawer summary strong{display:block;color:var(--primary-strong);font-size:17px}
.certificate-filter-icon{position:relative;width:32px;height:32px;flex:0 0 32px;border-radius:50%;background:var(--accent-soft)}
.certificate-filter-icon::before,.certificate-filter-icon::after{content:"";position:absolute;left:9px;right:9px;top:15px;height:2px;background:var(--accent-strong);transition:transform .2s ease}
.certificate-filter-icon::after{transform:rotate(90deg)}
.certificate-filter-drawer[open] .certificate-filter-icon::after{transform:rotate(0)}
.certificate-filter-panel{display:flex;flex-wrap:wrap;gap:9px;padding:17px 20px 20px;border-top:1px solid var(--border);background:#f7fafb}
.certificate-filter-panel .filter-chip{display:inline-flex;align-items:center;gap:10px;min-height:40px;padding:8px 13px;color:#415964;background:#fff;border:1px solid var(--border);border-radius:8px;font-size:12px;font-weight:650}
.certificate-filter-panel .filter-chip small{display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;color:var(--muted);background:#edf3f4;border-radius:99px}
.certificate-filter-panel .filter-chip.active,.certificate-filter-panel .filter-chip:hover{color:#fff;background:var(--accent-strong);border-color:var(--accent-strong)}
.certificate-filter-panel .filter-chip.active small,.certificate-filter-panel .filter-chip:hover small{color:var(--accent-strong);background:#fff}
.document-card .subpage-card-body{display:block!important}
.document-card-title{display:block;color:var(--primary);font-size:15px;font-weight:720;line-height:1.45}
.document-card[hidden]{display:none!important}

/* Hierarchical product menus and complete footer category lists. */
.product-nav-dropdown .product-nav-parent{font-weight:700!important}
.product-nav-dropdown .product-nav-child{padding-left:22px!important;color:#60747e!important;font-size:12px!important}
.product-nav-dropdown .product-nav-child span{color:var(--accent);margin-right:4px}
.product-nav-dropdown{max-height:none;overflow:visible;padding:8px!important}
.product-nav-dropdown::before{top:-20px!important;height:22px!important}
.product-nav-dropdown a{min-height:34px!important;padding-top:6px!important;padding-bottom:6px!important}
.product-nav-dropdown .product-nav-parent:not(:first-child){margin-top:3px}
.product-mobile-sub{margin:4px 0 8px!important;padding:6px 2px 8px!important;border-left:0!important;background:transparent!important}
.product-mobile-sub a::before{display:none!important}
.product-mobile-sub .product-nav-all{min-height:40px!important;margin:0 4px 5px!important;padding:8px 11px!important;color:var(--accent-strong)!important;background:#edf8f5!important;border:1px solid #d9eee9!important;border-radius:8px!important;font-weight:680!important}
.product-mobile-sub .product-nav-parent{min-height:38px!important;margin:10px 8px 1px!important;padding:8px 4px 7px!important;color:var(--primary)!important;background:transparent!important;border:0!important;border-bottom:1px solid #e1e9ec!important;border-radius:0!important;font-size:13px!important;font-weight:720!important}
.product-mobile-sub .product-nav-child{position:relative;min-height:36px!important;margin:0 8px 0 18px!important;padding:7px 8px 7px 14px!important;color:#58707c!important;background:transparent!important;border:0!important;border-radius:6px!important;font-size:12.5px!important;font-weight:450!important}
.product-mobile-sub .product-nav-child::after{content:"";position:absolute;left:1px;top:50%;width:6px;height:1px;background:#b6c8cd;transform:translateY(-50%)}
.product-mobile-sub .product-nav-child:hover,.product-mobile-sub .product-nav-child[aria-current="page"]{color:var(--accent-strong)!important;background:#f2f8f6!important}
.product-mobile-sub .product-nav-depth-2,.product-mobile-sub .product-nav-depth-3{margin-left:32px!important;color:#75868e!important;font-size:11.75px!important}
.footer-col .footer-links .product-nav-child,.mobile-footer-accordion .footer-links .product-nav-child{padding-left:13px;color:#8fa7b2;font-size:12px}
.social-letter{font-size:13px;font-weight:800}

/* About data and industry cards. */
.strength-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.strength-item{min-width:0}
.industries-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;border:0!important}
.industries-grid .industry-item{position:relative;display:flex;min-height:245px;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:22px;color:#fff;background:var(--primary);border:0!important;border-radius:14px;box-shadow:0 12px 30px rgba(7,31,49,.12)}
.industries-grid .industry-item::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(180deg,transparent,rgba(4,22,34,.92));pointer-events:none}
.industries-grid .industry-item img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s var(--ease)}
.industries-grid .industry-item:hover img{transform:scale(1.045)}
.industries-grid .industry-item strong,.industries-grid .industry-item p{position:relative;z-index:1}
.industries-grid .industry-item strong{color:#fff;font-size:17px;line-height:1.3}
.industries-grid .industry-item p{margin:7px 0 0;color:rgba(255,255,255,.76);font-size:12px;line-height:1.55}
.market-panel{grid-template-columns:minmax(0,.95fr) minmax(520px,1.05fr)!important;border-radius:18px!important;box-shadow:0 24px 60px rgba(7,31,49,.12)}
.market-copy{padding:clamp(38px,4.5vw,64px)!important}
.market-data{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.market-data-item{display:block;min-height:108px;padding:18px 17px!important;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16)!important;border-radius:12px}
.market-data-item strong{font-size:24px;line-height:1.1;overflow-wrap:normal!important;word-break:keep-all}
.market-data-item span{max-width:24ch;margin-top:9px!important;font-size:11px!important;line-height:1.5!important;overflow-wrap:normal!important;word-break:normal}

/* Global-market network visual. */
.market-visual{display:grid;place-items:center;min-width:0;min-height:480px!important}
.market-orbit{position:relative;inset:auto;width:min(86%,450px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(25,194,165,.2) 0 22%,rgba(22,170,145,.06) 23% 48%,transparent 49%);border:1px solid rgba(22,170,145,.2)}
.market-orbit::before,.market-orbit::after{content:"";position:absolute;inset:14%;border:1px dashed rgba(117,229,210,.32);border-radius:50%}
.market-orbit::after{inset:31%;border-style:solid;border-color:rgba(117,229,210,.23)}
.market-core{position:absolute;z-index:2;inset:50% auto auto 50%;display:grid;place-items:center;width:132px;height:132px;transform:translate(-50%,-50%);border-radius:50%;background:linear-gradient(145deg,#18b99d,#0a7669);box-shadow:0 18px 45px rgba(0,0,0,.28),0 0 0 10px rgba(20,183,155,.1)}
.market-core strong{display:block;color:#fff;font-size:32px;text-align:center}
.market-core span{display:block;color:rgba(255,255,255,.8);font-size:11px;line-height:1.35;text-align:center}
.market-node{position:absolute;z-index:3;inset:auto;display:flex;align-items:center;justify-content:center;min-width:138px;max-width:175px;min-height:44px;padding:9px 13px;color:#e7faf6;background:rgba(7,31,49,.94);border:1px solid rgba(117,229,210,.35);border-radius:10px;font-size:11px;font-weight:700;line-height:1.35;text-align:center;white-space:normal;box-shadow:0 10px 26px rgba(7,31,49,.2)}
.market-node:nth-child(1){left:50%;top:-3%;right:auto;bottom:auto;transform:translateX(-50%)}
.market-node:nth-child(2){right:-8%;top:50%;left:auto;bottom:auto;transform:translateY(-50%)}
.market-node:nth-child(3){left:50%;bottom:-3%;right:auto;top:auto;transform:translateX(-50%)}
.market-node:nth-child(4){left:-8%;top:50%;right:auto;bottom:auto;transform:translateY(-50%)}

/* Product process: five balanced desktop steps with a visual sequence. */
.product-detail .process-grid,.single-yj_product .process-grid{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;border:0!important;counter-reset:process}
.product-detail .process-grid::before,.single-yj_product .process-grid::before{display:none!important;content:none!important}
.product-detail .process-item,.single-yj_product .process-item{position:relative;z-index:1;min-height:245px;padding:22px 18px;background:#fff;border:1px solid var(--border);border-radius:13px;box-shadow:0 9px 26px rgba(10,36,52,.055)}
.product-detail .process-item>span,.single-yj_product .process-item>span{display:grid;place-items:center;width:42px;height:42px;margin:0 0 28px;color:#fff;background:var(--accent-strong);border:6px solid #e7f7f4;border-radius:50%;font-size:12px;font-weight:800}
.product-detail .process-item h3,.single-yj_product .process-item h3{margin:0;color:var(--primary);font-size:16px;line-height:1.35}
.product-detail .process-item p,.single-yj_product .process-item p{margin:10px 0 0;color:var(--muted);font-size:12px;line-height:1.65}

@media(max-width:1080px){
  .home .case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .strength-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .industries-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .market-panel{grid-template-columns:1fr!important}
  .market-data{grid-template-columns:repeat(2,minmax(0,1fr))}
  .market-visual{min-height:420px!important}
  .product-detail .process-grid,.single-yj_product .process-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .product-detail .process-grid::before,.single-yj_product .process-grid::before{display:none}
}
@media(max-width:680px){
  .home .case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .home .case-image{height:135px}
  .home .case-body{padding:13px}
  .home .case-body h3{font-size:14px}
  .home .case-body p{font-size:11px;-webkit-line-clamp:2}
  .yj-inquiry-form-wrap.inquiry-form{padding:22px 16px}
  .yj-form-submit-row .btn{width:100%}
  .certificate-filter-drawer summary{min-height:70px;padding:14px 15px}
  .certificate-filter-panel{padding:14px}
  .certificate-filter-panel .filter-chip{width:100%;justify-content:space-between}
  .strength-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .industries-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .industries-grid .industry-item{min-height:190px;padding:15px}
  .industries-grid .industry-item strong{font-size:14px}
  .industries-grid .industry-item p{font-size:10.5px}
  .market-data{grid-template-columns:repeat(2,minmax(0,1fr))}
  .market-orbit{width:min(82%,330px)}
  .market-node{min-width:104px;max-width:112px;min-height:38px;padding:7px 8px;font-size:9px}
  .market-core{width:104px;height:104px}.market-core strong{font-size:25px}
  .product-detail .process-grid,.single-yj_product .process-grid{grid-template-columns:1fr}
  .product-detail .process-item,.single-yj_product .process-item{min-height:0;border:1px solid var(--border)!important}
  .product-detail .process-item>span,.single-yj_product .process-item>span{margin-bottom:16px}
}