.jhy-page{background:#f5f8fc;padding:24px 16px 48px;color:#12233d}
.jhy-wrap{max-width:1240px;margin:auto}
.jhy-crumb{display:flex;gap:8px;flex-wrap:wrap;font-size:13px;color:#667085;margin-bottom:15px}
.jhy-crumb a{color:#31527c;text-decoration:none}
.jhy-hero{display:grid;grid-template-columns:1.08fr .92fr;gap:30px;background:#fff;border:1px solid #e3e9f1;border-radius:16px;padding:26px}
.jhy-main{min-height:420px;border:1px solid #e5eaf0;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:16px;background:#fff}
.jhy-main img{width:100%;max-height:500px;object-fit:contain}
.jhy-thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:10px}
.jhy-thumb{background:#fff;border:1px solid #dde4ec;border-radius:8px;padding:5px;cursor:pointer}
.jhy-thumb img{width:100%;height:68px;object-fit:contain}
.jhy-thumb.on{outline:2px solid #164487}
.jhy-summary{padding:4px 2px}
.jhy-eye{text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700;color:#31527c;margin:4px 0 7px}
.jhy-summary h1{font-size:38px;line-height:1.12;margin:7px 0;color:#0c203b}
.jhy-lead{color:#667085;margin:0 0 15px}
.jhy-spec{border-top:1px solid #e5eaf0;margin:0}
.jhy-spec div{display:grid;grid-template-columns:145px 1fr;padding:10px 0;border-bottom:1px solid #e5eaf0}
.jhy-spec dt{font-weight:700}.jhy-spec dd{margin:0}
.jhy-fixed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:13px 0}
.jhy-fixed div{border:1px solid #dfe6ef;background:#fafbfd;border-radius:9px;padding:12px}
.jhy-fixed dt,.jhy-fixed dd{display:block;margin:0}
.jhy-fixed dt{font-weight:700;color:#123f83;font-size:13px;margin-bottom:4px}
.jhy-fixed dd{font-size:14px;line-height:1.4;color:#435268}
.jhy-cta{display:flex;align-items:center;justify-content:center;background:#123f83;color:#fff!important;text-decoration:none;text-transform:uppercase;font-weight:700;border-radius:7px;min-height:46px;padding:9px 18px}
button.jhy-cta{width:100%;border:0;cursor:pointer;font:inherit;font-weight:700}
.jhy-box,.jhy-related{background:#fff;border:1px solid #e3e9f1;border-radius:14px;padding:23px 28px;margin-top:15px}
.jhy-box h2,.jhy-related h2,.jhy-qc h2,.jhy-final h2{color:#123f83;margin:0 0 11px;font-size:23px}
.jhy-copy{line-height:1.72;color:#435268}
.jhy-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.jhy-benefits article{border:1px solid #e2e8f0;border-radius:10px;background:#fbfcfe;padding:16px}
.jhy-benefits b{display:block;color:#123f83;margin-bottom:6px}
.jhy-benefits span{font-size:14px;line-height:1.5;color:#667085}
.jhy-qc{margin-top:15px;padding:21px 25px;border:1px solid #dce8f7;border-radius:14px;background:linear-gradient(90deg,#edf4ff,#fbfdff)}
.jhy-qc-intro{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:start}
.jhy-qc-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #cbdcf2;color:#123f83;font-size:21px;font-weight:700}
.jhy-qc-intro p{margin:0;color:#526174;line-height:1.55}
.jhy-qc-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:9px;align-items:center;margin-top:16px}
.jhy-qc-flow div{background:#fff;border:1px solid #dfe7f1;border-radius:9px;padding:11px 12px;min-height:78px}
.jhy-qc-flow b,.jhy-qc-flow span{display:block}
.jhy-qc-flow b{font-size:13px;color:#123f83;margin-bottom:4px}
.jhy-qc-flow span{font-size:12px;color:#667085;line-height:1.4}
.jhy-qc-flow i{font-style:normal;color:#7b91ad}
.jhy-sub{text-align:center;color:#667085;margin:-3px 0 15px;font-size:14px}
.jhy-related h2{text-align:center}
.jhy-related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.jhy-related-grid article{border:1px solid #e2e8f0;border-radius:10px;padding:12px}
.jhy-ri{height:170px;display:flex;align-items:center;justify-content:center}
.jhy-ri img{max-width:100%;max-height:160px;object-fit:contain}
.jhy-related-grid h3{font-size:15px;line-height:1.4;min-height:40px;margin:9px 0 5px}
.jhy-related-grid h3 a{color:#12233d;text-decoration:none}
.jhy-related-grid p{font-size:13px;color:#667085;margin:0 0 10px}
.jhy-view{display:block;text-align:center;padding:8px;border:1px solid #d4deea;border-radius:6px;color:#123f83!important;text-decoration:none;font-weight:600}
.jhy-final{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:25px;align-items:center;margin-top:15px;padding:24px 28px;background:#eaf3ff;border:1px solid #d8e6f6;border-radius:14px}
.jhy-final h2{margin-bottom:5px}.jhy-final p{margin:0;color:#526174}
.jhy-rfq-contacts{display:flex;gap:8px 22px;flex-wrap:wrap;margin-top:14px;color:#334b69;font-size:14px}
.jhy-rfq-contacts span{overflow-wrap:anywhere}
.jhy-rfq-actions{display:grid;gap:10px}
.jhy-rfq-secondary{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.jhy-rfq-button{display:flex;align-items:center;justify-content:center;min-height:43px;padding:8px 12px;border:1px solid #9fb3cc;border-radius:7px;background:#fff;color:#123f83!important;text-align:center;text-decoration:none;font-weight:700;line-height:1.25}
.jhy-rfq-button:hover,.jhy-rfq-button:focus{border-color:#123f83;background:#f7faff}
.jhy-rfq-inline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px;padding:15px;background:#eef5ff;border:1px solid #d8e6f6;border-radius:10px}
.jhy-rfq-inline .jhy-cta{border:0;cursor:pointer;font:inherit;font-weight:700}
.jhy-rfq--default{grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);align-items:start}
.jhy-rfq--default[hidden]{display:none!important}
.jhy-rfq-heading-row{display:flex;align-items:start;justify-content:space-between;gap:14px}
.jhy-rfq-heading-row h2{margin:0}
.jhy-panel-close{border:0;background:transparent;color:#31527c;text-decoration:underline;cursor:pointer;padding:3px;font:inherit;font-size:13px}
.jhy-rfq-product{margin:18px 0 0;border-top:1px solid #cbdcf2}
.jhy-rfq-product div{padding:9px 0;border-bottom:1px solid #cbdcf2}
.jhy-rfq-product dt{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#31527c}
.jhy-rfq-product dd{margin:3px 0 0;color:#12233d}
.jhy-rfq-copy .jhy-rfq-secondary{margin-top:16px}
.jhy-inquiry-form{position:relative;background:#fff;border:1px solid #d8e2ee;border-radius:12px;padding:20px}
.jhy-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.jhy-inquiry-form label>span{display:block;font-size:13px;font-weight:700;color:#334b69;margin-bottom:5px}
.jhy-inquiry-form input[type="text"],.jhy-inquiry-form input[type="email"],.jhy-inquiry-form input[type="tel"],.jhy-inquiry-form textarea{display:block;width:100%;box-sizing:border-box;border:1px solid #b9c8da;border-radius:7px;background:#fff;color:#12233d;padding:10px 11px;font:inherit}
.jhy-inquiry-form input:focus,.jhy-inquiry-form textarea:focus{outline:3px solid rgba(18,63,131,.18);border-color:#123f83}
.jhy-form-message{display:block;margin-top:13px}
.jhy-consent{display:grid!important;grid-template-columns:auto 1fr;gap:9px;align-items:start;margin:13px 0}
.jhy-consent input{margin-top:3px}
.jhy-consent span{font-weight:400!important;line-height:1.45;margin:0!important}
.jhy-required{font-size:12px;color:#667085;margin:8px 0 0!important;text-align:center}
.jhy-form-notice{margin:0 0 14px;padding:11px 12px;border-radius:7px;font-size:14px;line-height:1.45}
.jhy-form-notice--success{background:#e8f7ef;border:1px solid #abd9be;color:#185b38}
.jhy-form-notice--error{background:#fff1f0;border:1px solid #e7bbb6;color:#8a2c24}
.jhy-hp{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.jhy-faq-list details{border-top:1px solid #e2e8f0;padding:13px 0}
.jhy-faq-list details:last-child{border-bottom:1px solid #e2e8f0}
.jhy-faq-list summary{cursor:pointer;font-weight:700;color:#17385f;padding-right:22px}
.jhy-faq-list p{margin:9px 0 0;color:#526174;line-height:1.62}
.jhy-certification-note,.jhy-reviewed{font-size:13px;color:#667085;line-height:1.5}
.jhy-certification-note{margin:8px 0 0}
.jhy-reviewed{text-align:right;margin:13px 2px 0}
.jhy-ph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:120px;background:#f6f8fa;color:#98a2b3}
@media(max-width:900px){
 .jhy-hero{grid-template-columns:1fr}
 .jhy-benefits{grid-template-columns:repeat(2,1fr)}
 .jhy-related-grid{grid-template-columns:repeat(2,1fr)}
 .jhy-qc-flow{grid-template-columns:1fr}
 .jhy-qc-flow i{display:none}
 .jhy-final{grid-template-columns:1fr}
}
@media(max-width:600px){
 .jhy-page{padding:14px 9px 34px}
 .jhy-hero{padding:14px}
 .jhy-main{min-height:255px}
 .jhy-summary h1{font-size:28px}
 .jhy-thumbs{grid-template-columns:repeat(4,1fr)}
 .jhy-spec div{grid-template-columns:115px 1fr}
 .jhy-fixed,.jhy-benefits,.jhy-related-grid{grid-template-columns:1fr}
 .jhy-box,.jhy-related,.jhy-qc{padding:18px 16px}
 .jhy-final{padding:20px 16px}
 .jhy-rfq-secondary{grid-template-columns:1fr}
 .jhy-rfq-inline,.jhy-form-grid{grid-template-columns:1fr}
 .jhy-reviewed{text-align:left}
}
