/* Product detail responsive refinement v2 — September 2026. */
.ic-product-responsive {--header_height:72px}
.ic-product-responsive .nav_menu {cursor:pointer}
@media(min-width:1025px){
 .ic-product-responsive .i_nav > li:is(:hover,:focus-within) > .sub-menu {display:block}
 .ic-product-responsive .i_nav > li > span[role="button"] {display:none}
}
.ic-product-responsive .product_search_banner--detail {--product-banner-height:clamp(250px,31.43vw,500px);height:var(--product-banner-height)}
.ic-product-responsive .in_banner.product_search_banner--detail > img {height:var(--product-banner-height);min-height:0;max-height:none;width:100%;object-fit:cover;object-position:50% 50%}
.ic-product-responsive .product_search_banner--detail .in_banner_text {top:52%}
.ic-product-responsive .product_search_banner--detail .product_banner_search {width:min(540px,calc(100% - 40px));margin:0 auto}
.ic-product-responsive .product_search_banner--detail .product_banner_search form {box-sizing:border-box;min-height:52px}
.ic-product-responsive .product_search_banner--detail .product_banner_search input {font-size:15px;min-width:0;line-height:1.4}
.ic-product-responsive .product_search_banner--detail .product_banner_search button {font-size:14px;min-height:40px;height:auto;padding:10px 22px}
.ic-product-responsive .product_detail_breadcrumb .in_position {min-height:48px}
.ic-product-responsive .p_data,.ic-product-responsive .p_content_box > .cont {width:94%;max-width:1440px;box-sizing:border-box}
.ic-product-responsive .product_detail_breadcrumb + main .p_data {margin-top:clamp(28px,3vw,48px);margin-bottom:clamp(40px,4.5vw,72px)}
.ic-product-responsive .p_data {align-items:flex-start;border-radius:14px}
.ic-product-responsive .p_data > .p_atlas {width:40%;min-width:0;padding:28px 0 28px 28px}
.ic-product-responsive .p_data > .p_title {width:60%;min-width:0;padding:28px 32px 30px;box-sizing:border-box}
.ic-product-responsive .p_title h1 {font-size:clamp(20px,calc(16px + .45vw),24px);line-height:1.45;overflow-wrap:break-word;word-break:normal;text-wrap:balance}
.ic-product-responsive .product-cas {white-space:nowrap;unicode-bidi:isolate}
.ic-product-responsive .p_des {margin:18px 0 20px;padding:18px 0 0;border-top:1px solid #d2ddee;border-bottom:0}
.ic-product-responsive .p_des article > :first-child {margin-top:0}
.ic-product-responsive .p_des article > :last-child {margin-bottom:0}
.ic-product-responsive .p_des article,.ic-product-responsive .p_des article p,
.ic-product-responsive .p_content article,.ic-product-responsive .p_content article p,
.ic-product-responsive .p_content article li {font-size:16px;line-height:1.65;overflow-wrap:break-word}
.ic-product-responsive .p__parameter_item {margin:0 0 24px;padding-bottom:18px;border-color:#d2ddee}
.ic-product-responsive .p__parameter_item li {font-size:15px;line-height:1.6;margin:10px 0;overflow-wrap:break-word}
.ic-product-responsive .p_data_btn {align-items:center;gap:16px}
.ic-product-responsive .p_data_btn .i_more {margin:0;min-height:44px;padding:11px 22px;font-size:14px;line-height:1.4}
.ic-product-responsive .p_data_btn .i_more b {font-size:14px}
.ic-product-responsive .p_data_btn .i_more:hover {transform:translateY(-2px);box-shadow:0 3px 9px #173c7922}
.ic-product-responsive .p_share {gap:10px;align-items:center}
.ic-product-responsive .p_share dt {font-size:13px}
.ic-product-responsive .p_share a {display:inline-flex;min-height:24px;min-width:24px;align-items:center;justify-content:center}
.ic-product-responsive .p_share iconify-icon {font-size:20px}
.ic-product-responsive .p_content {min-width:0;padding:32px 36px 44px;border-radius:14px}
.ic-product-responsive .p_content_tit h2 {font-size:clamp(20px,1.6vw,24px);line-height:1.45;padding-bottom:14px}
.ic-product-responsive .p_faq_q h3 {font-size:16px;line-height:1.6}
.ic-product-responsive .p_faq_a {font-size:15px;line-height:1.65}
.ic-product-responsive .ichem-support-heading p,.ic-product-responsive .ichem-support-item p {font-size:14px;line-height:1.65}
.ic-product-responsive .ichem-support-item h3 {font-size:15px;line-height:1.5}
.ic-product-responsive .p_form {scroll-margin-top:100px}
.ic-product-responsive .p_form .i_tit h3 {font-size:22px;line-height:1.45}
.ic-product-responsive .p_form .i_tit h6 {max-width:620px;font-size:14px;line-height:1.65}
.ic-product-responsive :is(#wpforms-126,#wpforms-133) .wpforms-field-container .wpforms-field-label {height:auto;display:block;font-size:14px;line-height:1.5;font-weight:600;margin:0 0 8px;color:#334155}
.ic-product-responsive :is(#wpforms-126,#wpforms-133) .wpforms-field-container .wpforms-required-label {position:static;margin-inline-start:3px;font-size:14px}
.ic-product-responsive :is(#wpforms-126,#wpforms-133) .wpforms-field-container input,
.ic-product-responsive :is(#wpforms-126,#wpforms-133) .wpforms-field-container textarea {font-size:16px;color:#334155}
.ic-product-responsive :is(#wpforms-126,#wpforms-133) input::placeholder,
.ic-product-responsive :is(#wpforms-126,#wpforms-133) textarea::placeholder {font-size:15px;color:#59677d;opacity:1}
.ic-product-responsive :is(#wpforms-126,#wpforms-133) .wpforms-field-description {font-size:13px;line-height:1.65;color:#59677d}
.ic-product-responsive :is(input,textarea,button,a):focus-visible {outline:2px solid #315896;outline-offset:3px}
.ic-product-responsive :is(#wpforms-126,#wpforms-133) :is(input,textarea,button):focus-visible {outline:2px solid #315896!important;outline-offset:3px!important}
.ic-product-responsive .aside_form {width:280px}
.ic-product-responsive.ic-inline-inquiry-visible .aside_form,.ic-product-responsive.ic-inquiry-obscures .aside_form,.ic-product-responsive:has(.i_nav.active) .aside_form {visibility:hidden;pointer-events:none}
.ic-product-responsive .aside_form_tit {box-sizing:border-box;min-height:42px;padding:10px 36px 10px 20px}
.ic-product-responsive .aside_form_tit p {font-size:14px;line-height:1.5}
.ic-product-responsive .aside_form_cont {max-height:calc(100dvh - 126px);height:auto;overflow-y:auto;overscroll-behavior:contain}
@media(max-width:1024px){
 .ic-product-responsive {--header_height:60px}
 .ic-product-responsive .i_nav {max-height:calc(100dvh - 60px);overflow-y:auto;overscroll-behavior:contain}
 .ic-product-responsive .p_data,.ic-product-responsive .p_content_box > .cont {width:calc(100% - 48px)}
 .ic-product-responsive .p_data > .p_atlas {width:100%;max-width:440px;padding:24px 24px 0;margin-inline:auto}
 .ic-product-responsive .p_data > .p_title {width:100%;padding:24px 28px 28px}
 .ic-product-responsive .p_title h1 {font-size:21px}
 .ic-product-responsive .p_content {padding:28px 28px 36px}
 .ic-product-responsive .p_content_tit h2 {font-size:21px}
 .ic-product-responsive .aside_form {left:12px;right:auto;width:176px;bottom:max(12px,env(safe-area-inset-bottom))}
 .ic-product-responsive .aside_form_tit {border-radius:22px;padding:10px 30px 10px 12px}
 .ic-product-responsive .aside_form_tit p {font-size:13px}
 .ic-product-responsive .aside_form_cont {left:0;right:auto;width:min(360px,calc(100vw - 24px));bottom:52px}
}
@media(max-width:600px){
 .ic-product-responsive .p_data,.ic-product-responsive .p_content_box > .cont {width:calc(100% - 32px)}
 .ic-product-responsive .product_search_banner--detail .product_banner_search {width:calc(100% - 32px)}
 .ic-product-responsive .product_search_banner--detail .product_banner_search input {font-size:15px;padding-inline:8px}
 .ic-product-responsive .product_search_banner--detail .product_banner_search button {padding-inline:16px;font-size:13px}
 .ic-product-responsive .product_detail_breadcrumb .in_position {min-height:44px}
 .ic-product-responsive .p_data > .p_atlas {max-width:360px;padding:20px 20px 0}
 .ic-product-responsive .p_data > .p_title {padding:20px 20px 26px}
 .ic-product-responsive .p_title h1 {font-size:20px}
 .ic-product-responsive .p_des article,.ic-product-responsive .p_des article p,
 .ic-product-responsive .p_content article,.ic-product-responsive .p_content article p,
 .ic-product-responsive .p_content article li {font-size:15px;line-height:1.65}
 .ic-product-responsive .p__parameter_item li {font-size:14px;line-height:1.65}
 .ic-product-responsive .p_data_btn {gap:14px}
 .ic-product-responsive .p_share {gap:8px}
 .ic-product-responsive .p_content {padding:26px 20px 32px}
 .ic-product-responsive .p_content_tit h2,.ic-product-responsive .p_form .i_tit h3 {font-size:20px}
 .ic-product-responsive .p_faq_q h3 {font-size:15px}
 .ic-product-responsive .p_faq_a {font-size:14px;line-height:1.65}
 .ic-product-responsive .ichem-support-grid {grid-template-columns:minmax(0,1fr)}
 .ic-product-responsive .ichem-support-item:nth-child(n) {display:flex;gap:12px;border-inline:0;border-bottom:1px solid #d8e1ee;padding:14px 0}
 .ic-product-responsive .ichem-support-item:last-child {border-bottom:0}
 .ic-product-responsive .ichem-support-icon {margin:0}
 .ic-product-responsive .ichem-support-item p {font-size:14px}
 .ic-product-responsive .p_form .i_tit h6 {max-width:100%}
}
@media(max-height:500px) and (orientation:landscape){
 .ic-product-responsive .product_search_banner--detail {--product-banner-height:250px}
 .ic-product-responsive .aside_form_cont {max-height:calc(100dvh - 128px)}
}
@media(prefers-reduced-motion:reduce){
 .ic-product-responsive * {scroll-behavior:auto!important;animation:none!important;transition:none!important}
}

/* Keep the customer's open form available during scroll, resize and keyboard use. */
.ic-product-responsive.ic-inquiry-active .aside_form {visibility:visible!important;pointer-events:auto!important}
/* Product reading areas remain stable while scrolling to the quotation form. */
.ic-product-responsive .p_data.wow,.ic-product-responsive .p_content.wow {visibility:visible!important;animation:none!important;transform:none!important}

/* Compact product inquiry popover and category sidebar. */
.ic-product-responsive .aside_form {overflow:visible;box-shadow:none}
.ic-product-responsive .aside_form_cont {
  position:absolute;right:0;bottom:52px;width:100%;
  max-height:min(560px,calc(100dvh - 116px));box-sizing:border-box;
  padding:18px;border-radius:8px;background:#fff;
  box-shadow:0 14px 34px rgba(12,31,70,.22);
}
.ic-product-responsive #wpforms-126 .wpforms-field-container > .wpforms-field {padding:0 0 12px;margin:0}
.ic-product-responsive #wpforms-126 .wpforms-field-container .wpforms-field-label {margin-bottom:6px;font-size:13px;line-height:1.4}
.ic-product-responsive #wpforms-126 .wpforms-field-container .wpforms-field > input,
.ic-product-responsive #wpforms-126 .wpforms-field-container .iti__tel-input {min-height:42px}
.ic-product-responsive #wpforms-126 .wpforms-field-container textarea {height:88px;min-height:88px;padding:10px 12px;line-height:1.45;resize:vertical}
.ic-product-responsive #wpforms-126 .wpforms-field-description {margin-top:4px;font-size:12px;line-height:1.45}
.ic-product-responsive #wpforms-126 .wpforms-submit-container {margin-top:2px}
.ic-product-responsive #wpforms-126 .wpforms-submit-container button {min-height:42px;font-size:14px}

@media (min-width:1025px) {
  .ic-product-responsive .p_content_box .cat_nav.wow {visibility:visible!important;animation:none!important;transform:none!important}
  .ic-product-responsive .p_content_box .cat_nav {padding:24px 26px;border-radius:12px}
  .ic-product-responsive .p_content_box .cat_nav_tit h4 {font-size:20px;line-height:1.35}
  .ic-product-responsive .p_content_box .cat_fold_tit a {padding:11px 0;font-size:15px;line-height:1.4}
  .ic-product-responsive .p_content_box .cat_fold_sub a {padding:6px 0;font-size:13px;line-height:1.45}
}

@media (max-width:1024px) {
  .ic-product-responsive .aside_form_cont {left:0;right:auto;bottom:52px;max-height:calc(100dvh - 108px);padding:16px;border-radius:8px}
}