/* Cabinets only: restrained product layout with original product artwork. */
.qlogic-cabinets-page { color: #fff; background: #14101e; }
.qlogic-cabinets-container { width: min(90vw, 1280px); margin: 0 auto; }
.qlogic-cabinets-intro { padding: clamp(2rem, 3.5vw, 3.75rem) 0 1.5rem; margin-bottom: clamp(2rem, 3vw, 3.25rem); border-bottom: 1px solid #ffffff1a; }
.qlogic-cabinets-intro h1,
.qlogic-cabinet h2 { font-family: 'LemonMilk', 'Nunito', sans-serif; font-weight: 700; letter-spacing: 0.015em; text-transform: uppercase; text-shadow: none; color: #fff; }
.qlogic-cabinets-intro h1 { margin: 0 0 0.3rem; font-size: clamp(1.85rem, 2.6vw, 2.65rem); line-height: 1.15; }
.qlogic-cabinets-intro__copy,
.qlogic-cabinet__description { margin: 0; padding: 0; text-align: left; color: #c0bbc9; font: 400 clamp(1rem, 1.1vw, 1.2rem)/1.6 'Nunito', Arial, sans-serif; }
.qlogic-cabinet { display: grid; grid-template-columns: minmax(0, 0.36fr) minmax(0, 0.64fr); align-items: center; gap: clamp(2rem, 4vw, 4.5rem); padding: 0 0 clamp(3rem, 5vw, 5rem); }
.qlogic-cabinet__visual { display: flex; align-items: center; justify-content: center; min-width: 0; }
.qlogic-cabinet__visual img { display: block; width: auto; height: auto; max-width: 100%; max-height: clamp(640px, 52vw, 820px); }
.qlogic-cabinet__content { min-width: 0; }
.qlogic-cabinets-eyebrow { margin: 0 0 0.75rem; padding: 0; text-align: left; color: #b6b0c1; font: 400 0.75rem/1.5 'Nunito', Arial, sans-serif; letter-spacing: 0.16em; text-transform: uppercase; }
.qlogic-cabinet h2 { margin: 0 0 0.65rem; font-size: clamp(2.1rem, 3.2vw, 3.8rem); line-height: 1.12; }
.qlogic-cabinet__highlights { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 2rem 0; }
.qlogic-cabinet__highlights > div { display: flex; flex-direction: column; min-width: 0; padding-inline: 1.5rem; border-left: 1px solid #ffffff26; }
.qlogic-cabinet__highlights > div:first-child { padding-left: 0; border-left: 0; }
.qlogic-cabinet__highlights > div:last-child { padding-right: 0; }
.qlogic-cabinet__highlights dt { order: 1; margin-top: 0.35rem; color: #b6b0c1; font: 400 0.7rem/1.5 'Nunito', Arial, sans-serif; letter-spacing: 0.12em; text-transform: uppercase; }
.qlogic-cabinet__highlights dd { margin: 0; color: #f6f4f9; font: 800 clamp(1.15rem, 1.6vw, 1.6rem)/1.25 'Nunito', Arial, sans-serif; white-space: nowrap; }
.qlogic-cabinet__specifications { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; padding-top: 1.5rem; border-top: 1px solid #ffffff26; }
.qlogic-cabinet__spec-group { min-width: 0; }
.qlogic-cabinet__spec-group + .qlogic-cabinet__spec-group { padding-left: 1.5rem; border-left: 1px solid #ffffff26; }
.qlogic-cabinet__spec-group h3 { margin: 0 0 1.25rem; color: #f6f4f9; font: 700 0.95rem/1.4 'LemonMilk', 'Nunito', sans-serif; text-transform: uppercase; text-shadow: none; }
.qlogic-cabinet__specifications ul { padding: 0; margin: 0; list-style: none; }
.qlogic-cabinet__specifications li { display: block; float: none; padding: 0; margin-bottom: 0.8rem; color: #c8c3cf; font: 400 clamp(0.9rem, 0.95vw, 1rem)/1.65 'Nunito', Arial, sans-serif; text-transform: none; text-align: left; white-space: normal; }
.qlogic-cabinet__contact { display: inline-flex; align-items: center; justify-content: center; gap: 1.1rem; min-height: 48px; margin-top: 1.5rem; padding: 0.75rem 2rem; border: 1px solid #ffffffb3; border-radius: 999px; background: transparent; color: #fff; font: 800 0.95rem/1.4 'Nunito', Arial, sans-serif; text-transform: uppercase; text-decoration: none; transition: background-color 200ms ease, border-color 200ms ease; }
.qlogic-cabinet__contact:hover { color: #fff; background: #ffffff0a; border-color: #fff; text-decoration: none; }
.qlogic-cabinet__contact:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
@media (max-width: 991.98px) {
    .qlogic-cabinets-container { width: min(92vw, 760px); }
    .qlogic-cabinet { grid-template-columns: minmax(0, 0.34fr) minmax(0, 0.66fr); gap: 1.5rem; align-items: start; }
    .qlogic-cabinet__highlights > div { padding-inline: 0.75rem; }
    .qlogic-cabinet__specifications { grid-template-columns: 1fr; gap: 1.25rem; }
    .qlogic-cabinet__spec-group + .qlogic-cabinet__spec-group { padding: 1.25rem 0 0; border-left: 0; border-top: 1px solid #ffffff26; }
}
@media (max-width: 575.98px) {
    .qlogic-cabinets-intro { padding-top: 2rem; margin-bottom: 2rem; }
    .qlogic-cabinet { grid-template-columns: 1fr; gap: 2rem; }
    .qlogic-cabinet__visual img { max-height: 460px; max-width: 80%; }
    .qlogic-cabinet__highlights dt { font-size: 0.6rem; letter-spacing: 0.08em; }
    .qlogic-cabinet__highlights dd { font-size: 1.1rem; }
    .qlogic-cabinet__contact { max-width: 100%; padding-inline: 1.75rem; }
}
@media (prefers-reduced-motion: reduce) { .qlogic-cabinet__contact { transition: none; } }
