/*
 * NX Pool & Lighting - CSS tuy bien (ban 2.0)
 * Gop tu muc "CSS bo sung" cua Customizer. Mau sac / phong chu / co chu chinh
 * duoc dieu khien qua bien CSS tu trang "Cai dat NX Pool".
 */

/* Logo */
.nxpl-logo img { max-height: var(--nxpl-logo-h, 48px) !important; width: auto !important; }

/* ===== Bảng màu thống nhất: xanh biển + vàng ấm ===== */
:root:root {
  --nxpl-primary: #0E6BA8;
  --nxpl-primary-dark: #0B2A4A;
  --nxpl-accent: #F2B33D;
  --nxpl-text: #1B2B3A;
  --nxpl-muted: #5B6B78;
  --nxpl-bg: #FFFFFF;
  --nxpl-bg-alt: #F4F8FB;
  --nxpl-line: #DDE6ED;
  --nxpl-hero-text: #FFFFFF;
  --nxpl-hero-title-size: 44px;
  --nxpl-hero-desc-size: 17px;
  --nxpl-btn2-text: #FFFFFF;
  --nxpl-btn2-border: #FFFFFF;
  --nxpl-nav-text: #0B2A4A;
  --nxpl-cta-bg: #0E6BA8;
  --nxpl-cta-text: #FFFFFF;
  --nxpl-header-bg: #FFFFFF;
  --nxpl-process-heading: #0B2A4A;
  --nxpl-process-number: #0E6BA8;
  --nxpl-process-step-title: #1B2B3A;
  --nxpl-footer-bg: #0B2A4A;
  --nxpl-footer-text: #C9D6E2;
  --nxpl-footer-heading: #FFFFFF;
  --nxpl-process-title-size: 28px;
  --nxpl-news-heading-size: 28px;
  --nxpl-process-title-weight: 700;
  --nxpl-news-heading-weight: 700;
  --nxpl-footer-menu-size: 14px;
}

/* ===== Font thống nhất ===== */
body, button, input, select, textarea,
h1, h2, h3, h4, h5, h6, p, a, li, span, div {
  font-family: var(--nxpl-font, 'Be Vietnam Pro', sans-serif);
}
body { color: var(--nxpl-text); line-height: 1.7; overflow-x: hidden; }
h1, h2, h3, h4 { color: var(--nxpl-primary-dark); letter-spacing: -0.01em; }
h2 { font-size: 28px; font-weight: 700; }
h3 { font-weight: 600; }
a { color: var(--nxpl-primary); }
a:hover { color: var(--nxpl-primary-dark); }

/* ===== Header ===== */
.nxpl-header { background: var(--nxpl-header-bg, #fff) !important; box-shadow: 0 2px 12px rgba(11,42,74,.08); }
.nxpl-header-inner { gap: 16px; padding-left: 24px; padding-right: 24px; }
.nxpl-logo { flex-shrink: 0; }
#nxpl-primary-menu { gap: 6px !important; }
#nxpl-primary-menu > li > a { padding-left: 8px !important; padding-right: 8px !important; }
@media (max-width: 1240px) { .nxpl-header-cta { display: none !important; } }
#nxpl-primary-menu > li > a { color: var(--nxpl-nav-text) !important; font-size: var(--nxpl-menu-size, 14px); font-weight: var(--nxpl-menu-weight, 600); letter-spacing: .02em; }
#nxpl-primary-menu > li > a:hover,
#nxpl-primary-menu > li.current-menu-item > a { color: var(--nxpl-primary) !important; }
.nxpl-header-cta { background: var(--nxpl-primary) !important; color: #fff !important; border-radius: 999px; padding: 10px 20px !important; white-space: nowrap; font-weight: 600; flex-shrink: 0; }
.nxpl-header-cta:hover { background: var(--nxpl-primary-dark) !important; }

/* ===== Hero: chữ trắng dễ đọc trên ảnh ===== */
.nxpl-hero { position: relative; }
.nxpl-hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(11,42,74,.78) 0%, rgba(11,42,74,.45) 45%, rgba(11,42,74,0) 75%); z-index: 0; pointer-events: none; }
.nxpl-hero-inner { position: relative; z-index: 1; }
.nxpl-hero h1 { color: #fff !important; font-weight: 800; line-height: 1.2; text-shadow: 0 2px 12px rgba(0,0,0,.25); }
.nxpl-hero p { color: rgba(255,255,255,.92) !important; line-height: 1.7; max-width: 560px; }

/* ===== Nút ===== */
.nxpl-btn { border-radius: 999px !important; font-weight: 600; letter-spacing: .02em; transition: all .2s ease; }
.nxpl-btn-primary { background: var(--nxpl-accent) !important; color: var(--nxpl-primary-dark) !important; border-color: var(--nxpl-accent) !important; }
.nxpl-btn-primary:hover { background: #E09E22 !important; border-color: #E09E22 !important; }
.nxpl-btn-outline { color: #fff !important; border: 2px solid #fff !important; }
.nxpl-btn-outline:hover { background: #fff !important; color: var(--nxpl-primary-dark) !important; }

/* ===== Quy trình ===== */
.nxpl-step .num { color: var(--nxpl-primary) !important; font-weight: 700; }

/* ===== Footer ===== */
.nxpl-footer { background: var(--nxpl-footer-bg) !important; color: var(--nxpl-footer-text); }
.nxpl-footer a { color: var(--nxpl-footer-text) !important; }
.nxpl-footer a:hover { color: var(--nxpl-accent) !important; }
.nxpl-footer button, .nxpl-footer input[type=submit] { white-space: nowrap; padding: 0 18px; background: var(--nxpl-accent) !important; color: var(--nxpl-primary-dark) !important; border: 0; border-radius: 6px; font-weight: 600; }

@media (max-width: 768px) {
  :root:root { --nxpl-hero-title-size: 30px; --nxpl-hero-desc-size: 15px; }
  .nxpl-hero::before { background: rgba(11,42,74,.6); }
}

/* ===== Không để nút Gọi/Zalo che chân trang ===== */
.nxpl-footer-bottom { padding-right: 90px; }
.nxpl-float a { box-shadow: 0 6px 18px rgba(11,42,74,.25); }
@media (max-width: 768px) {
  .nxpl-footer-bottom { padding-right: 0; padding-bottom: 130px; }
}

/* ===== Căn thẳng hàng chữ trên menu ===== */
#nxpl-primary-menu { align-items: center !important; }
#nxpl-primary-menu > li { display: flex; align-items: center; }
#nxpl-primary-menu > li > a { display: inline-flex !important; align-items: center; gap: 5px; line-height: 1.2 !important; padding-top: 10px !important; padding-bottom: 10px !important; }
#nxpl-primary-menu > li > a::after { line-height: 1 !important; font-size: 11px; margin: 0 !important; position: static !important; transform: none !important; }

/* ===== Menu nằm giữa, khoảng cách đều ===== */
.nxpl-header-inner { display: flex; align-items: center; }
#nxpl-primary-menu { flex: 1 1 auto; justify-content: center !important; margin: 0 !important; column-gap: clamp(4px, 1vw, 18px) !important; }
.nxpl-search-toggle { margin-left: 0; }
@media (min-width: 1600px) { .nxpl-logo { flex: 0 0 254px; } }

/* ===== Tiêu đề mục trang chủ (H2) ===== */
h2.nxpl-sec-title { font-size: 28px; font-weight: 700; color: var(--nxpl-primary-dark); margin: 48px 0 24px; text-transform: uppercase; letter-spacing: .01em; }
h2.nxpl-sec-title:first-child { margin-top: 0; }

/* ===== Nút phụ ===== */
.nxpl-btn-ghost { display: inline-flex; align-items: center; padding: 12px 24px; border: 2px solid var(--nxpl-primary) !important; color: var(--nxpl-primary) !important; background: transparent !important; text-decoration: none; }
.nxpl-btn-ghost:hover { background: var(--nxpl-primary) !important; color: #fff !important; }
.nxpl-about-actions, .nxpl-cta-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 16px; }
.nxpl-about-actions .nxpl-btn, .nxpl-cta-actions .nxpl-btn { padding: 12px 24px; text-decoration: none; display: inline-flex; align-items: center; }

/* ===== Con số năng lực ===== */
.nxpl-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin: 48px 0 8px; padding: 28px; background: var(--nxpl-primary-dark); border-radius: 16px; }
.nxpl-stat { text-align: center; color: #C9D6E2; padding: 4px 8px; }
.nxpl-stat + .nxpl-stat { border-left: 1px solid rgba(255,255,255,.12); }
.nxpl-stat strong { display: block; font-size: 40px; font-weight: 800; line-height: 1.1; color: var(--nxpl-accent); }
.nxpl-stat span { display: block; margin-top: 6px; font-size: 14px; line-height: 1.5; }
@media (max-width: 768px) {
  .nxpl-stats { grid-template-columns: repeat(2, 1fr); padding: 20px; }
  .nxpl-stat:nth-child(3) { border-left: 0; }
  .nxpl-stat strong { font-size: 32px; }
}

/* ===== Hộp kêu gọi báo giá ===== */
.nxpl-cta-box { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px; margin: 40px 0; padding: 28px 32px; border-radius: 16px; background: linear-gradient(120deg, var(--nxpl-primary-dark), var(--nxpl-primary)); color: #fff; }
.nxpl-cta-box h3 { color: #fff !important; margin: 0 0 6px; font-size: 22px; }
.nxpl-cta-box p { margin: 0; color: rgba(255,255,255,.88); }
.nxpl-cta-box .nxpl-btn-ghost { border-color: #fff !important; color: #fff !important; }
.nxpl-cta-box .nxpl-btn-ghost:hover { background: #fff !important; color: var(--nxpl-primary-dark) !important; }

/* ===== Thương hiệu thiết bị ===== */
.nxpl-brands { display: grid; gap: 28px; margin: 8px 0 24px; }
.nxpl-brand-label { display: inline-block; padding: 8px 18px; border-radius: 999px; font-size: 13px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: #fff; background: var(--nxpl-primary); margin-bottom: 14px; }
.nxpl-brand-grid { list-style: none; margin: 0 !important; padding: 0 !important; display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; }
.nxpl-brand-grid li { display: flex; align-items: center; justify-content: center; text-align: center; min-height: 64px; padding: 10px 12px; margin: 0 !important; border-radius: 10px; background: #EAF3FA; border: 1px solid #D5E6F3; color: var(--nxpl-primary-dark); font-weight: 700; font-size: 15px; letter-spacing: .03em; text-transform: uppercase; transition: transform .15s ease, box-shadow .15s ease; }
.nxpl-brand-grid li::before { content: none !important; }
.nxpl-brand-grid li:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(11,42,74,.10); }
.nxpl-brand-group.is-light .nxpl-brand-label { background: #2F6E3B; }
.nxpl-brand-group.is-light .nxpl-brand-grid li { background: #EDF5EE; border-color: #D3E6D6; color: #2F6E3B; }
@media (min-width: 901px) { .nxpl-brand-group.is-pool .nxpl-brand-grid { grid-template-columns: repeat(6, 1fr); } .nxpl-brand-group.is-light .nxpl-brand-grid { grid-template-columns: repeat(4, 1fr); } }
@media (min-width: 601px) and (max-width: 900px) { .nxpl-brand-grid { grid-template-columns: repeat(3, 1fr); } .nxpl-brand-group.is-light .nxpl-brand-grid { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 600px) { .nxpl-brand-grid { grid-template-columns: repeat(2, 1fr); } .nxpl-brand-grid li { font-size: 13px; min-height: 52px; } }

/* ===== Ô có logo ===== */
.nxpl-brand-grid li.has-logo { background: #fff !important; padding: 12px 16px; }
.nxpl-brand-grid li.has-logo img { display: block; max-width: 82%; max-height: 40px; width: auto; height: auto; object-fit: contain; }

/* ===== Ảnh bài viết ===== */
.single-post img.wp-post-image.size-large { width: 100%; height: auto; max-height: 460px; object-fit: cover; border-radius: 16px; margin: 8px 0 24px; }
.single-post .entry-content { max-width: 820px; }
.single-post .entry-content img { border-radius: 12px; max-height: 520px; width: 100%; object-fit: cover; }
.single-post .entry-content h2 { font-size: 24px; margin-top: 36px; }
.single-post .entry-content table { width: 100%; border-collapse: collapse; font-size: 15px; }
.single-post .entry-content th { background: var(--nxpl-primary-dark); color: #fff; text-align: left; }
.single-post .entry-content th, .single-post .entry-content td { padding: 10px 12px; border: 1px solid var(--nxpl-line); vertical-align: top; }
.single-post .entry-content tbody tr:nth-child(even) { background: var(--nxpl-bg-alt); }

/* ===== Ảnh dự án đồng đều ===== */
.nxpl-proj-img img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 8px; }
.wp-block-heading a { color: inherit; text-decoration: none; }
.wp-block-heading a:hover { color: var(--nxpl-primary); }

.page-id-15 .wp-block-column .wp-block-image img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 8px; }

/* ===== Ảnh trong bài dự án: full chiều rộng, đồng đều ===== */
.page-id-599 img.wp-post-image,
.page-id-608 img.wp-post-image,
.page-id-619 img.wp-post-image,
.page-id-626 img.wp-post-image,
.page-id-631 img.wp-post-image,
.page-id-638 img.wp-post-image,
.page-id-644 img.wp-post-image,
.page-id-990 img.wp-post-image,
.page-id-991 img.wp-post-image,
.page-id-992 img.wp-post-image,
.page-id-993 img.wp-post-image,
.page-id-994 img.wp-post-image,
.page-id-995 img.wp-post-image,
.page-id-599 .entry-content .wp-block-image img,
.page-id-608 .entry-content .wp-block-image img,
.page-id-619 .entry-content .wp-block-image img,
.page-id-626 .entry-content .wp-block-image img,
.page-id-631 .entry-content .wp-block-image img,
.page-id-638 .entry-content .wp-block-image img,
.page-id-644 .entry-content .wp-block-image img,
.page-id-990 .entry-content .wp-block-image img,
.page-id-991 .entry-content .wp-block-image img,
.page-id-992 .entry-content .wp-block-image img,
.page-id-993 .entry-content .wp-block-image img,
.page-id-994 .entry-content .wp-block-image img,
.page-id-995 .entry-content .wp-block-image img { display:block; width:100% !important; max-width:100% !important; height:auto; aspect-ratio:16 / 9; object-fit:cover; border-radius:14px; }
.page-id-599 img.wp-post-image,
.page-id-608 img.wp-post-image,
.page-id-619 img.wp-post-image,
.page-id-626 img.wp-post-image,
.page-id-631 img.wp-post-image,
.page-id-638 img.wp-post-image,
.page-id-644 img.wp-post-image,
.page-id-990 img.wp-post-image,
.page-id-991 img.wp-post-image,
.page-id-992 img.wp-post-image,
.page-id-993 img.wp-post-image,
.page-id-994 img.wp-post-image,
.page-id-995 img.wp-post-image { margin:8px 0 28px; }
.page-id-599 .entry-content .wp-block-image,
.page-id-608 .entry-content .wp-block-image,
.page-id-619 .entry-content .wp-block-image,
.page-id-626 .entry-content .wp-block-image,
.page-id-631 .entry-content .wp-block-image,
.page-id-638 .entry-content .wp-block-image,
.page-id-644 .entry-content .wp-block-image,
.page-id-990 .entry-content .wp-block-image,
.page-id-991 .entry-content .wp-block-image,
.page-id-992 .entry-content .wp-block-image,
.page-id-993 .entry-content .wp-block-image,
.page-id-994 .entry-content .wp-block-image,
.page-id-995 .entry-content .wp-block-image { margin:24px 0; }
.page-id-599 .entry-content,
.page-id-608 .entry-content,
.page-id-619 .entry-content,
.page-id-626 .entry-content,
.page-id-631 .entry-content,
.page-id-638 .entry-content,
.page-id-644 .entry-content,
.page-id-990 .entry-content,
.page-id-991 .entry-content,
.page-id-992 .entry-content,
.page-id-993 .entry-content,
.page-id-994 .entry-content,
.page-id-995 .entry-content { max-width:100%; }
.page-id-599 .entry-content .wp-element-caption,
.page-id-608 .entry-content .wp-element-caption,
.page-id-619 .entry-content .wp-element-caption,
.page-id-626 .entry-content .wp-element-caption,
.page-id-631 .entry-content .wp-element-caption,
.page-id-638 .entry-content .wp-element-caption,
.page-id-644 .entry-content .wp-element-caption,
.page-id-990 .entry-content .wp-element-caption,
.page-id-991 .entry-content .wp-element-caption,
.page-id-992 .entry-content .wp-element-caption,
.page-id-993 .entry-content .wp-element-caption,
.page-id-994 .entry-content .wp-element-caption,
.page-id-995 .entry-content .wp-element-caption { text-align:center; font-size:13px; color:var(--nxpl-muted); margin-top:8px; }

.page-id-13 .wp-block-column .wp-block-image img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }

/* ===== Typography bài viết & trang nội dung ===== */
.entry-content { font-size: 16.5px; line-height: 1.8; color: var(--nxpl-text); }
.page:not(.page-id-13):not(.page-id-14):not(.page-id-15):not(.home) .entry-content,
.single-post .entry-content { max-width: 900px; margin-left: auto; margin-right: auto; }
.page:not(.page-id-13):not(.page-id-14):not(.page-id-15):not(.home) .entry-title,
.page:not(.page-id-13):not(.page-id-14):not(.page-id-15):not(.home) h1,
.single-post h1 { max-width: 900px; margin-left: auto; margin-right: auto; }
.page:not(.page-id-13):not(.page-id-14):not(.page-id-15):not(.home) img.wp-post-image,
.single-post img.wp-post-image { display: block; max-width: 900px; margin-left: auto !important; margin-right: auto !important; }
.entry-content > p { margin: 0 0 1.1em; }
.entry-content h2 { font-size: 24px; line-height: 1.35; margin: 1.8em 0 .7em; color: var(--nxpl-primary-dark); }
.entry-content h3 { font-size: 19px; line-height: 1.4; margin: 1.4em 0 .5em; color: var(--nxpl-primary-dark); }
.entry-content ul, .entry-content ol { padding-left: 1.3em; margin: 0 0 1.2em; }
.entry-content li { margin-bottom: .45em; }
.entry-content li::marker { color: var(--nxpl-primary); }
.entry-content .wp-block-image { margin: 1.6em 0; }
.entry-content > .wp-block-image img, .entry-content > figure.wp-block-image img { width: 100%; height: auto; border-radius: 12px; }
.entry-content .wp-block-columns { gap: 20px; margin: 1.4em 0; }
.entry-content .wp-block-column .wp-block-image { margin: 0 0 10px; }
.entry-content .wp-block-column .wp-block-image img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 10px; }
.entry-content .wp-block-gallery img { aspect-ratio: 4 / 3; object-fit: cover; border-radius: 10px; }
.entry-content .wp-element-caption { font-size: 13px; color: var(--nxpl-muted); text-align: center; }
.entry-content a { text-decoration: underline; text-underline-offset: 3px; }
.entry-content .nxpl-btn, .entry-content .wp-block-heading a { text-decoration: none; }
/* Lưới sản phẩm: ảnh vuông, nền trắng, không cắt sản phẩm */
.page-id-336 .wp-block-column .wp-block-image img, .page-id-347 .wp-block-column .wp-block-image img,
.page-id-378 .wp-block-column .wp-block-image img, .page-id-392 .wp-block-column .wp-block-image img,
.page-id-416 .wp-block-column .wp-block-image img, .page-id-458 .wp-block-column .wp-block-image img { aspect-ratio: 1 / 1; object-fit: contain; background: #fff; border: 1px solid var(--nxpl-line); padding: 10px; }
@media (max-width: 768px) { .entry-content { font-size: 16px; } .entry-content h2 { font-size: 21px; } }

/* ===== Bo góc ảnh trang chủ ===== */
.home .wp-block-image img, .home #noi-dung-them .wp-block-image img, .home .entry-content .wp-block-image img { border-radius: 10px !important; }
.home .wp-block-image a { display: block; border-radius: 10px; overflow: hidden; }
.home .carousel-thumb, .home .nxpl-card-thumb { border-radius: 10px; overflow: hidden; }
.home .carousel-thumb img, .home .nxpl-card-thumb img { border-radius: 10px !important; }
.single-post .nxpl-card-thumb, .blog .nxpl-card-thumb, .page .nxpl-card-thumb, .archive .nxpl-card-thumb, .page .carousel-thumb { border-radius: 10px; overflow: hidden; }

/* ===== Nút gọi & Zalo nổi ===== */
.nxpl-float { right: 18px; bottom: 18px; gap: 10px; align-items: flex-end; }
.nxpl-float a { width: auto !important; height: 50px !important; border-radius: 999px !important; padding: 0 18px 0 4px; gap: 10px; justify-content: flex-start !important; font-size: 15px !important; font-weight: 700; letter-spacing: .2px; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; }
.nxpl-float a:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(11,42,74,.3); color: #fff; }
.nxpl-float a .ic { width: 42px; height: 42px; border-radius: 50%; background: rgba(255,255,255,.2); display: flex; align-items: center; justify-content: center; flex: 0 0 42px; font-size: 12px; font-weight: 800; }
.nxpl-float a.call { background: var(--nxpl-call-bg, #E53935) !important; }
.nxpl-float a.call .ic { animation: nxplRing 1.6s ease-in-out infinite; }
.nxpl-float a.zalo { background: var(--nxpl-zalo-bg, #0068FF) !important; }
.nxpl-float a .num { white-space: nowrap; color: #fff; }
@keyframes nxplRing { 0%,60%,100% { transform: rotate(0); } 10%,30%,50% { transform: rotate(-14deg); } 20%,40% { transform: rotate(14deg); } }
@media (max-width: 600px) { .nxpl-float { right: 10px; bottom: 12px; } .nxpl-float a { height: 44px !important; font-size: 14px !important; padding-right: 14px; } .nxpl-float a .ic { width: 36px; height: 36px; flex-basis: 36px; } }

/* ===== Cờ ngôn ngữ ===== */
li.menu-item-gtranslate { display: flex !important; align-items: center; margin-left: 6px; }
li.menu-item-gtranslate > a.gt-current-wrapper { display: none !important; }
li.menu-item-gtranslate > ul.sub-menu { position: static !important; display: flex !important; flex-direction: row; gap: 8px; opacity: 1 !important; visibility: visible !important; transform: none !important; background: transparent !important; box-shadow: none !important; border: 0 !important; padding: 0 !important; margin: 0 !important; min-width: 0 !important; width: auto !important; }
li.menu-item-gtranslate > ul.sub-menu > li { list-style: none; margin: 0 !important; padding: 0 !important; border: 0 !important; }
li.menu-item-gtranslate > ul.sub-menu > li:has(a[data-gt-lang="vi"]) { order: 1; }
li.menu-item-gtranslate > ul.sub-menu > li:has(a[data-gt-lang="en"]) { order: 2; }
li.menu-item-gtranslate > ul.sub-menu > li:has(a[data-gt-lang="zh-CN"]) { order: 3; }
li.menu-item-gtranslate > ul.sub-menu a { display: block !important; padding: 0 !important; line-height: 0; border-radius: 4px; opacity: .55; transition: opacity .2s, transform .2s; background: transparent !important; }
li.menu-item-gtranslate > ul.sub-menu a:hover, li.menu-item-gtranslate > ul.sub-menu a.gt-current-lang { opacity: 1; transform: translateY(-1px); }
li.menu-item-gtranslate > ul.sub-menu a img { width: 24px; height: 24px; display: block; }
li.menu-item-gtranslate > ul.sub-menu a::after, li.menu-item-gtranslate::after, li.menu-item-gtranslate > a::after { display: none !important; }
li.menu-item-gtranslate, li.menu-item-gtranslate > ul.sub-menu, li.menu-item-gtranslate > ul.sub-menu > li { flex-shrink: 0 !important; }
li.menu-item-gtranslate > ul.sub-menu a img { max-width: none !important; min-width: 24px !important; height: auto !important; aspect-ratio: 1; box-shadow: 0 1px 3px rgba(0,0,0,.2); border-radius: 50%; }
#nxpl-primary-menu > li.menu-item-gtranslate > a.gt-current-wrapper { display: none !important; }
#nxpl-primary-menu > li.menu-item-gtranslate > ul.sub-menu { display: flex !important; }
@media (min-width: 992px) and (max-width: 1300px) { #nxpl-primary-menu > li > a { padding-left: 4px !important; padding-right: 4px !important; font-size: 13.5px !important; } .nxpl-header-inner { padding-left: 24px !important; padding-right: 24px !important; } #nxpl-primary-menu > li.menu-item-gtranslate > ul.sub-menu { gap: 6px; } li.menu-item-gtranslate > ul.sub-menu a img { min-width: 22px !important; width: 22px !important; } }

/* Industry/section card images: keep uniform size regardless of source aspect ratio */
.nxpl-industry-img{aspect-ratio:4/3!important;overflow:hidden!important;border-radius:10px!important;}
.nxpl-industry-img img{width:100%!important;aspect-ratio:4/3!important;height:auto!important;object-fit:cover!important;display:block!important;}



/* Product card re-skin: white tile, centered uppercase title, whole-card link (marker: .nx-prod-card-reskin-v1) */
.nx-prod-card:not(.nx-prod-card-empty){background:#fff;border:1px solid #e7ebf0;border-radius:6px;padding:24px 20px;box-shadow:0 1px 4px rgba(11,42,74,.07);position:relative;transition:box-shadow .25s,transform .25s}
.nx-prod-card:not(.nx-prod-card-empty):hover{box-shadow:0 6px 16px rgba(11,42,74,.12);transform:translateY(-2px)}
.nx-prod-card:not(.nx-prod-card-empty) .wp-block-image{margin:0 0 16px!important}
.nx-prod-card:not(.nx-prod-card-empty) h3.nx-prod-title{text-align:center!important;text-transform:uppercase;color:#0b2a4a;font-size:15px!important;line-height:1.4;letter-spacing:.2px;-webkit-line-clamp:3;min-height:auto!important;margin:0!important}
.nx-prod-card:not(.nx-prod-card-empty) .nx-prod-quote,.nx-prod-card:not(.nx-prod-card-empty) .nx-prod-desc{display:none!important}
.nx-prod-card:not(.nx-prod-card-empty) .nx-prod-more{position:absolute;inset:0;margin:0!important}
.nx-prod-card:not(.nx-prod-card-empty) .nx-prod-more a{position:absolute;inset:0;display:block;font-size:0;color:transparent}

/* Category tile selector grid (marker: .nx-cat-tile-v1) */
.nx-brand-tabs.nx-cat-tabs{display:grid!important;grid-template-columns:repeat(4,1fr);gap:20px 16px;justify-content:stretch}
@media(max-width:991px){.nx-brand-tabs.nx-cat-tabs{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.nx-brand-tabs.nx-cat-tabs{grid-template-columns:repeat(2,1fr)}}
.nx-brand-tabs.nx-cat-tabs button.nx-cat-tile{display:flex!important;flex-direction:column;align-items:center;justify-content:center;background:#fff!important;border:1px solid #e7ebf0!important;border-radius:6px;padding:18px 14px!important;box-shadow:0 1px 4px rgba(11,42,74,.06);transition:box-shadow .25s,transform .25s;min-height:150px}
.nx-brand-tabs.nx-cat-tabs button.nx-cat-tile:hover{box-shadow:0 6px 16px rgba(11,42,74,.12);transform:translateY(-2px)}
.nx-brand-tabs.nx-cat-tabs button.nx-cat-tile.active{box-shadow:0 0 0 2px #0b2a4a inset,0 6px 16px rgba(11,42,74,.12)!important}
.nx-brand-tabs.nx-cat-tabs button.nx-cat-tile img{width:100%;max-width:120px;aspect-ratio:1/1;object-fit:contain;margin-bottom:10px}
.nx-brand-tabs.nx-cat-tabs button.nx-cat-tile span{font-weight:700!important;text-transform:uppercase;font-size:13px;color:#0b2a4a!important;text-align:center;line-height:1.35}
.nx-brand-tabs.nx-cat-tabs button.nx-cat-tile-noimg span{font-size:14px}


/* Category tile selector grid - anchor variant (marker: .nx-cat-tile-v2) */
.nx-brand-tabs.nx-cat-tabs a.nx-cat-tile{display:flex!important;flex-direction:column;align-items:center;justify-content:center;background:#fff!important;border:1px solid #e7ebf0!important;border-radius:6px;padding:18px 14px!important;box-shadow:0 1px 4px rgba(11,42,74,.06);transition:box-shadow .25s,transform .25s;min-height:150px;text-decoration:none!important;cursor:pointer}
.nx-brand-tabs.nx-cat-tabs a.nx-cat-tile:hover{box-shadow:0 6px 16px rgba(11,42,74,.12);transform:translateY(-2px)}
.nx-brand-tabs.nx-cat-tabs a.nx-cat-tile img{width:100%;max-width:120px;aspect-ratio:1/1;object-fit:contain;margin-bottom:10px}
.nx-brand-tabs.nx-cat-tabs a.nx-cat-tile span{font-weight:700!important;text-transform:uppercase;font-size:13px;color:#0b2a4a!important;text-align:center;line-height:1.35}
.nx-brand-tabs.nx-cat-tabs a.nx-cat-tile-noimg span{font-size:14px}