/* Limit these changes to the product category template. */
.product-category-page .mainRight { min-width: 0; }
.product-category-page .category-inquiry-intro { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px; background: #f3f6f9; margin-bottom: 20px; }
.product-category-page .category-inquiry-intro p { margin: 0; font-size: 18px; }
.product-category-page .category-inquiry-intro .pubBtn { margin: 0; flex-shrink: 0; }
.product-category-page .category-product-inquiry { display: inline-block; margin-top: 14px; color: #0667b8; font-weight: bold; }
.product-category-page .category-rich-content { width: 100%; min-width: 0; max-width: 100%; padding-bottom: 10px; overflow-wrap: break-word; }
.product-category-page .category-rich-content img,
.product-category-page .category-rich-content video { max-width: 100% !important; height: auto !important; }
.product-category-page .category-rich-content iframe { display: block; width: 100%; max-width: 100%; border: 0; }
.product-category-page .category-table-scroll { width: 100%; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.product-category-page .category-table-scroll:focus-visible { outline: 2px solid #0667b8; outline-offset: 2px; }
.product-category-page .category-inquiry { margin: 35px 0; padding: 30px; border: 1px solid #dfe2ed; background: #f3f6f9; scroll-margin-top: 110px; }
.product-category-page .category-inquiry h2 { margin: 0 0 12px; font-size: 28px; line-height: 1.3; color: #333; }
.product-category-page .category-inquiry-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin: 24px 0; }
.product-category-page .category-inquiry label { display: block; margin: 0; font-weight: normal; color: #333; }
.product-category-page .category-inquiry input,
.product-category-page .category-inquiry textarea { display: block; width: 100%; max-width: 100%; box-sizing: border-box; margin-top: 8px; padding: 12px; border: 1px solid #cbd2dc; border-radius: 3px; background: #fff; color: #333; font: inherit; font-size: 16px; }
.product-category-page .category-inquiry textarea { resize: vertical; }
.product-category-page .category-inquiry input:focus,
.product-category-page .category-inquiry textarea:focus { outline: 2px solid #0667b8; outline-offset: 1px; }
.product-category-page .category-inquiry-message { grid-column: 1 / -1; }
.product-category-page .category-inquiry .pubBtn { border: 0; cursor: pointer; }
.product-category-page .category-inquiry .pubBtn:disabled { opacity: 0.6; cursor: wait; }
.product-category-page #category-inquiry-status { margin: 14px 0 0; }
.product-category-page #category-inquiry-status.is-error { color: #a32121; }
.product-category-page #category-inquiry-status.is-success { color: #216332; }
.product-category-page .category-floating-inquiry { position: fixed; right: 20px; top: 50%; z-index: 998; padding: 14px 20px; border-radius: 4px; background: #0667b8; color: #fff; font-weight: bold; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.2); }
.product-category-page .category-floating-inquiry:hover { background: #004c8c; }
.product-category-page #footerToolBar li { width: 33.333333%; }

@media screen and (max-width: 880px) {
    .product-category-page .category-floating-inquiry { display: none; }
}

@media screen and (max-width: 875px) {
    .product-category-page .content.center { display: block !important; padding-top: 10px; }
    .product-category-page .mainRight { float: none; width: 100%; padding-top: 15px; }
    .product-category-page .category-inquiry-intro { align-items: flex-start; flex-direction: column; }
    .product-category-page .category-table-scroll > table { min-width: 720px; }
    .product-category-page .category-table-scroll::before { content: "Swipe left or right to view the full table"; display: block; padding: 8px 0; color: #555; font-size: 13px; }
    .product-category-page .category-layout-table,
    .product-category-page .category-layout-table > tbody,
    .product-category-page .category-layout-table > tbody > tr,
    .product-category-page .category-layout-table > tbody > tr > td { display: block; width: 100% !important; height: auto !important; box-sizing: border-box; }
    .product-category-page .category-layout-table > tbody > tr > td { padding: 12px 0 !important; }
    .product-category-page .category-layout-table > tbody > tr > td p { padding-left: 0 !important; padding-right: 0 !important; }
    .product-category-page .category-inquiry { padding: 20px; scroll-margin-top: 85px; }
    .product-category-page .category-inquiry h2 { font-size: 24px; }
}

@media screen and (max-width: 600px) {
    .product-category-page .category-inquiry-fields { grid-template-columns: minmax(0, 1fr); }
    .product-category-page .category-inquiry .pubBtn { width: 100%; }
}
