.whitaker-single-page .whitaker-packaging-block {clear:both;}
.whitaker-single-page .whitaker-packaging-table-scroll {overflow-x:auto; max-width:100%;}
.whitaker-single-page .whitaker-packaging-table {
width:100%; border-collapse:separate; border-spacing:0;
border:1px solid var(--whitaker-border, #dce2e9); border-radius:5px; overflow:hidden;
background:#fff; font-size:14px;
}
.whitaker-single-page .whitaker-packaging-table th {
background:var(--whitaker-surface, #f4f6f8); color:var(--whitaker-navy, #29364b); font-weight:800;
text-align:left; font-size:13px; padding:13px 17px;
border-bottom:1px solid var(--whitaker-border, #dce2e9);
}
.whitaker-single-page .whitaker-packaging-table td {
color:var(--whitaker-muted, #526074); padding:14px 17px;
border-bottom:1px solid #e4e8ee; vertical-align:middle;
}
.whitaker-single-page .whitaker-packaging-table tr:last-child td {border-bottom:0;}
.whitaker-single-page .whitaker-packaging-table tbody tr:nth-child(even) {background:#fafbfc;}
.whitaker-single-page .whitaker-packaging-table code {
background:transparent; color:var(--whitaker-navy, #29364b); padding:0;
font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
font-size:13px; white-space:nowrap;
}
@media (max-width:600px) {
.whitaker-single-page .whitaker-packaging-table th,
.whitaker-single-page .whitaker-packaging-table td {padding:11px 12px;}
} .whitaker-single-page .whitaker-packaging-summary {
margin: 15px 0 20px;
padding: 16px 18px;
border: 1px solid var(--whitaker-border, #dce2e9);
border-radius: 5px;
background: var(--whitaker-surface, #f5f7fa);
}
.whitaker-single-page .whitaker-packaging-summary-top {
display: flex; justify-content: space-between; align-items: baseline;
flex-wrap: wrap; gap: 5px 14px; margin-bottom: 10px;
color: var(--whitaker-navy, #061d4c);
font-size: 14px;
}
.whitaker-single-page .whitaker-packaging-summary-top span {
color: var(--whitaker-muted, #657081); font-size: 12px;
}
.whitaker-single-page .whitaker-packaging-summary-list {
display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 11px;
}
.whitaker-single-page .whitaker-package-chip,
.whitaker-catalog-page .whitaker-card-package-chip,
.whitaker-single-page .whitaker-card-package-chip {
display: inline-block; padding: 5px 8px; border-radius: 3px;
background: #fff; border: 1px solid var(--whitaker-border, #dce2e9);
color: #34435a; font-size: 11px; line-height: 1.4; font-weight: 700;
}
.whitaker-single-page .whitaker-package-chip-more {background: transparent;}
.whitaker-single-page .whitaker-packaging-summary-link {
color: var(--whitaker-red, #a3212b); font-size: 12px;
line-height: 1.6; font-weight: 800; text-decoration: none;
}
.whitaker-single-page .whitaker-packaging-summary-link:hover {text-decoration: underline;}
.whitaker-single-page .whitaker-packaging-summary-link:focus-visible {
outline: 2px solid var(--whitaker-red, #a3212b); outline-offset: 3px;
} .whitaker-catalog-page .whitaker-card-packaging,
.whitaker-single-page .whitaker-card-packaging {
width: 100%; margin: 0 0 17px; padding: 12px 0 0;
border-top: 1px solid var(--whitaker-border, #dce2e9);
}
.whitaker-catalog-page .whitaker-card-packaging-heading,
.whitaker-single-page .whitaker-card-packaging-heading {
display: flex; gap: 7px; align-items: center; margin-bottom: 8px;
font-size: 12px; font-weight: 800; color: var(--whitaker-navy, #061d4c);
}
.whitaker-catalog-page .whitaker-card-packaging-count,
.whitaker-single-page .whitaker-card-packaging-count {
display: inline-flex; align-items: center; justify-content: center;
min-width: 19px; height: 19px; padding: 0 5px; font-size: 10px;
border-radius: 10px; color: #fff; background: var(--whitaker-navy, #061d4c);
}
.whitaker-catalog-page .whitaker-card-package-list,
.whitaker-single-page .whitaker-card-package-list {
display: flex; flex-wrap: wrap; gap: 5px;
}
.whitaker-catalog-page .whitaker-card-package-chip,
.whitaker-single-page .whitaker-card-package-chip {
background: var(--whitaker-surface, #f5f7fa);
}
.whitaker-catalog-page .whitaker-card-package-more,
.whitaker-single-page .whitaker-card-package-more {
color: var(--whitaker-muted, #657081); font-size: 11px;
line-height: 1.5; padding: 5px 2px; font-weight: 700;
}
@media (max-width:600px) {
.whitaker-single-page .whitaker-packaging-summary {padding: 14px;}
}