/* Shared shopping-page rhythm. Keep checkout wallets, quantity steppers and page-specific forms independent. */
:root { --st-layout-rail:235px; --st-layout-gap:28px; --st-layout-control:44px; --st-layout-radius:6px; }
@media(min-width:801px) {
 html body.st-modernized :is(.page.st-categoryModern,.page.st-brandPilot,.page.st-all-products-page,.page.seatech-search-page--faceted,.productView.st-mobilePart) { margin-left:0!important; margin-right:0!important; width:auto; }
 html body.st-modernized .st-categoryModern .st-categoryCatalog:has(.st-categoryFilterPanel),
 html body.st-modernized .st-brandPilot .st-bpCatalog,
 html body.st-modernized #st-all-products .st-all-layout,
 html body.st-modernized .page.seatech-search-page--faceted { grid-template-columns:var(--st-layout-rail) minmax(0,1fr); column-gap:var(--st-layout-gap); }
 html body.st-modernized .page.seatech-search-page--faceted>.page-sidebar { width:auto; min-width:0; }
 html body.st-modernized .seatech-search-page--faceted #product-listing-container:not(.mode-1) .productGrid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin:0; padding:0; width:100%; }
 html body.st-modernized .seatech-search-page--faceted #product-listing-container:not(.mode-1) .productGrid::before,
 html body.st-modernized .seatech-search-page--faceted #product-listing-container:not(.mode-1) .productGrid::after { display:none; content:none; }
 html body.st-modernized .seatech-search-page--faceted #product-listing-container:not(.mode-1) .productGrid>.product { width:auto!important; float:none; min-width:0; padding:0; margin:0; }
}
/* The All Products filter rail is the reference for readable native facets. */
html body.st-modernized :is(.st-categoryModern,.st-brandPilot,.seatech-search-page--faceted) .facetedSearch .accordion-title {
 font-size:16px!important; font-weight:700!important; line-height:1.45; letter-spacing:0; text-transform:none;
}
html body.st-modernized :is(.st-categoryModern,.st-brandPilot,.seatech-search-page--faceted) .facetedSearch .navList-action {
 font-size:16px!important; line-height:1.45!important; min-height:36px; padding-top:6px; padding-bottom:6px; overflow-wrap:anywhere;
}
html body.st-modernized :is(.st-categoryModern,.st-brandPilot,.seatech-search-page--faceted) .facetedSearch .navList-action>span:not(.navList-action-close) { font-size:12px!important; flex-shrink:0; }
html body.st-modernized :is(.st-categoryModern,.st-brandPilot,.seatech-search-page--faceted) .facetedSearch .navList-action--checkbox::before { top:50%; margin-top:-8px; }
html body.st-modernized :is(.st-categoryModern,.st-brandPilot,.seatech-search-page--faceted) .facetedSearch .navList-action--checkbox::after { top:50%; margin-top:-5px; }
html body.st-modernized :is(.st-categoryFilterHeading,.seatech-filter-heading) { font-size:18px!important; font-weight:700; line-height:1.5; text-transform:none!important; letter-spacing:0!important; padding-bottom:14px; }
html body.st-modernized :is(.st-categoryModern,.st-brandPilot,.seatech-search-page--faceted) #facet-range-form :is(.form-input,.button) { min-height:44px; font-size:15px!important; border-radius:var(--st-layout-radius); }
html body.st-modernized :is(.st-categoryModern,.st-brandPilot,.seatech-search-page--faceted) #facet-range-form .button { display:flex; justify-content:center; align-items:center; font-weight:700; line-height:1.4; padding:10px 12px; }
html body.st-modernized :is(.st-categoryModern,.st-brandPilot,.seatech-search-page--faceted) .facetedSearch :is(.toggleLink,.facetedSearch-clearLink),
html body.st-modernized :is(.st-categoryModern,.st-brandPilot,.seatech-search-page--faceted) .facetedSearch-clearAll { font-size:14px; }
/* One label/control baseline for category, brand, search and Shop Products tools. */
html body.st-modernized :is(.st-categoryModern,.st-brandPilot) .st-categoryToolbar { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:16px; padding-bottom:20px; margin-bottom:24px; }
html body.st-modernized :is(.st-categoryModern,.st-brandPilot) .st-categoryCount { white-space:normal; font-size:14px; line-height:1.5; }
html body.st-modernized :is(.st-categoryModern,.st-brandPilot) .st-categorySort { display:grid; grid-template-columns:170px 116px 108px; align-items:end; gap:12px; margin:0!important; width:auto; }
html body.st-modernized :is(.st-categoryModern,.st-brandPilot) .st-categorySort .form-field { display:flex; flex-direction:column; gap:6px; }
html body.st-modernized :is(.st-categoryModern,.st-brandPilot) .st-categorySort .form-field::before,
html body.st-modernized :is(.st-categoryModern,.st-brandPilot) .st-categorySort .form-field::after,
html body.st-modernized .seatech-search-page--faceted .actionBar .form-field::before,
html body.st-modernized .seatech-search-page--faceted .actionBar .form-field::after { content:none; display:none; }
html body.st-modernized :is(.st-categoryModern,.st-brandPilot) .st-categorySort :is(.form-label,legend),
html body.st-modernized #st-all-products .st-all-controls label { font-size:12px!important; font-weight:600; line-height:18px!important; }
html body.st-modernized :is(.st-categoryModern,.st-brandPilot) .st-categorySort .form-select,
html body.st-modernized #st-all-products .st-all-controls select { width:100%; min-width:0; height:44px!important; min-height:44px!important; font-size:14px!important; border-radius:var(--st-layout-radius); }
html body.st-modernized :is(.st-categoryModern,.st-brandPilot) .st-categoryView { display:grid; grid-template-columns:1fr 1fr; gap:0; align-items:end; padding:0; margin:0; }
html body.st-modernized :is(.st-categoryModern,.st-brandPilot) .st-categoryView legend { padding:0; margin:0 0 6px; }
html body.st-modernized :is(.st-categoryModern,.st-brandPilot) .st-categoryView .form-option { display:flex; align-items:center; justify-content:center; height:44px!important; min-height:44px!important; font-size:14px; line-height:1.4; min-width:0; padding:0 8px; margin:0; }
html body.st-modernized #st-all-products .st-all-modes a { min-height:44px; font-size:14px; }
html body.st-modernized .seatech-search-page--faceted .page-content .actionBar { display:grid!important; grid-template-columns:minmax(0,1fr) 170px 116px 108px; align-items:end; gap:12px; padding:0 0 20px; margin:0 0 24px; }
html body.st-modernized .seatech-search-page--faceted .actionBar::before,
html body.st-modernized .seatech-search-page--faceted .actionBar::after { display:none; content:none; }
html body.st-modernized .seatech-search-page--faceted .actionBar .seatech-results-summary { display:block; order:0; align-self:center; font-size:14px; line-height:1.5; margin:0; letter-spacing:0; text-transform:none; }
html body.st-modernized .seatech-search-page--faceted .actionBar-section { width:auto; min-width:0; margin:0!important; padding:0; border:0; }
html body.st-modernized .seatech-search-page--faceted .actionBar-section--sort { order:1; }
html body.st-modernized .seatech-search-page--faceted .actionBar-section--productsPerPage { display:block!important; order:2; }
html body.st-modernized .seatech-search-page--faceted .actionBar-section--mode { display:block!important; order:3; }
html body.st-modernized .seatech-search-page--faceted .actionBar .form-field { display:grid; grid-template-columns:1fr; gap:6px; border:0; border-radius:0; margin:0; padding:0; min-height:0; background:transparent; }
html body.st-modernized .seatech-search-page--faceted .actionBar .form-label { display:block; font-size:12px; font-weight:600; line-height:18px; margin:0; padding:0; }
html body.st-modernized .seatech-search-page--faceted .actionBar .form-select { width:100%; min-width:0; height:44px; min-height:44px; margin:0; padding:8px 30px 8px 10px; font-size:14px; border:1px solid #bdcad3; border-radius:var(--st-layout-radius); background-color:#fff; }
html body.st-modernized .seatech-search-page--faceted .actionBar-section--mode .form-field { grid-template-columns:1fr 1fr; gap:6px 0; }
html body.st-modernized .seatech-search-page--faceted .actionBar-section--mode .form-label { grid-column:1/-1; }
html body.st-modernized .seatech-search-page--faceted .seatech-view-option { display:flex; align-items:center; justify-content:center; height:44px; margin:0; padding:0; border:1px solid #bdcad3; border-radius:6px 0 0 6px; }
html body.st-modernized .seatech-search-page--faceted .seatech-view-option--list { border-radius:0 6px 6px 0; }
html body.st-modernized .seatech-search-page--faceted .seatech-view-option .form-option-variant { display:flex; align-items:center; justify-content:center; width:100%; height:42px; padding:0; border-radius:inherit; }
html body.st-modernized .seatech-search-page--faceted .seatech-results-total { display:none; }
/* CTA text has room to wrap and stays centered. Only shopping actions are included. */
html body.st-modernized :is(.st-categoryModern,.st-brandPilot,.seatech-search-page--faceted) .card .card-figcaption-button,
html body.st-modernized :is(.st-homeFeatured,.productCarousel) .card .button--primary { display:flex; align-items:center; justify-content:center; text-align:center; min-height:48px!important; height:auto!important; padding:10px 12px; border-radius:var(--st-layout-radius); line-height:1.3; white-space:normal; }
html body.st-modernized :is(.st-categoryModern,.st-brandPilot) #product-listing-container:not(.mode-1) .card .card-figcaption { margin-top:auto; }
/* Native search already supplies the correct action in .card-aside; keep it visible in grid mode. */
html body.st-modernized .seatech-search-page--faceted #product-listing-container:not(.mode-1) .card { display:flex; flex-direction:column; height:100%; }
html body.st-modernized .seatech-search-page--faceted #product-listing-container:not(.mode-1) .card-figure .card-figcaption,
html body.st-modernized .seatech-search-page--faceted #product-listing-container:not(.mode-1) .card-body .card-text--price { display:none!important; }
html body.st-modernized .seatech-search-page--faceted #product-listing-container:not(.mode-1) .card-body { flex:1; min-width:0; width:100%; }
html body.st-modernized .seatech-search-page--faceted #product-listing-container:not(.mode-1) .card-aside { display:flex!important; flex-direction:column; position:static; margin-top:auto; padding:14px 16px; width:100%; min-width:0; border:0; }
html body.st-modernized .seatech-search-page--faceted #product-listing-container:not(.mode-1) .card-aside .card-buttons { display:flex!important; flex-direction:column; gap:8px; margin-top:10px; }
html body.st-modernized .seatech-search-page--faceted #product-listing-container:not(.mode-1) .card-aside .button { width:100%; }
html body.st-modernized :is(#form-action-addToCart,.seatech-kit-ui .kit-add-to-cart) { min-height:52px!important; text-align:center; border-radius:var(--st-layout-radius); }
html body.st-modernized :is(.st-ssResourceButton,.st-bpSearch .button,#st-all-products form>.button) { display:inline-flex; align-items:center; justify-content:center; text-align:center; min-height:44px; padding:10px 16px; font-size:16px; font-weight:700; line-height:1.4; border-radius:var(--st-layout-radius); }
html body.st-modernized :is(.st-categoryModern,.st-brandPilot,.seatech-search-page--faceted) .pagination { margin-top:30px; padding-top:10px; }
html body.st-modernized :is(.st-categoryModern,.st-brandPilot,.seatech-search-page--faceted) .pagination-link { min-width:44px; min-height:44px; display:inline-flex; align-items:center; justify-content:center; }
@media(min-width:801px) and (max-width:1100px) {
 html body.st-modernized .seatech-search-page--faceted #product-listing-container:not(.mode-1) .productGrid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 html body.st-modernized :is(.st-categoryModern,.st-brandPilot) .st-categoryToolbar { grid-template-columns:1fr; }
 html body.st-modernized :is(.st-categoryModern,.st-brandPilot) .st-categorySort { justify-self:end; }
 html body.st-modernized .seatech-search-page--faceted .page-content .actionBar { grid-template-columns:170px minmax(90px,1fr) 108px; }
 html body.st-modernized .seatech-search-page--faceted .actionBar .seatech-results-summary { grid-column:1/-1; }
}
@media(max-width:800px) {
 html body.st-modernized .body:has(.st-categoryModern,.st-brandPilot,.st-all-products-page,.seatech-search-page--faceted,.productView.st-mobilePart)>.container { padding-left:16px; padding-right:16px; }
 html body.st-modernized :is(.page.st-categoryModern,.page.st-brandPilot,.page.st-all-products-page,.page.seatech-search-page--faceted,.productView.st-mobilePart) { margin-left:0!important; margin-right:0!important; width:auto; }
 html body.st-modernized :is(.st-categoryModern,.st-brandPilot) .categoryPage-content { padding-left:0!important; padding-right:0!important; }
 html body.st-modernized :is(.st-all-products-page,.seatech-search-page--faceted)>.page-content,
 html body.st-modernized .seatech-search-page--faceted>.page-sidebar { padding-left:0!important; padding-right:0!important; }
 html body.st-modernized #st-all-products { padding-left:0; padding-right:0; }
 html body.st-modernized :is(.st-categoryModern,.st-brandPilot) .st-categoryToolbar { grid-template-columns:1fr; gap:12px; }
 html body.st-modernized :is(.st-categoryModern,.st-brandPilot) .st-categorySort { width:100%; grid-template-columns:minmax(0,1fr) 116px 108px; gap:10px; }
 html body.st-modernized :is(.st-categoryModern,.st-brandPilot,.seatech-search-page--faceted) :is(.facetedSearch-toggle,.st-categoryFilterPanel>summary) { min-height:48px; font-size:16px; font-weight:700; }
 html body.st-modernized .seatech-search-page--faceted .page-content .actionBar { grid-template-columns:minmax(0,1fr) 116px; gap:12px; }
 html body.st-modernized .seatech-search-page--faceted .actionBar .seatech-results-summary { grid-column:1; grid-row:1; }
 html body.st-modernized .seatech-search-page--faceted .actionBar-section--mode { grid-column:2; grid-row:1; }
 html body.st-modernized .seatech-search-page--faceted .actionBar-section--sort { grid-column:1; grid-row:2; }
 html body.st-modernized .seatech-search-page--faceted .actionBar-section--productsPerPage { grid-column:2; grid-row:2; }
 html body.st-modernized .seatech-search-page--faceted .actionBar .form-label { font-size:12px; white-space:nowrap; }
 html body.st-modernized :is(.st-categoryModern,.st-brandPilot,.seatech-search-page--faceted) #facet-range-form .form-input { font-size:16px!important; }
 html body.st-modernized .seatech-search-page--faceted #product-listing-container .card { display:flex; flex-direction:column; height:100%; }
 html body.st-modernized .seatech-search-page--faceted #product-listing-container .card-body { flex:1; }
 html body.st-modernized .seatech-search-page--faceted #product-listing-container .card-body .card-text--price { display:none!important; }
 html body.st-modernized .seatech-search-page--faceted #product-listing-container .card-aside { display:flex!important; flex-direction:column; position:static; margin-top:auto; padding:12px; width:100%; min-width:0; border:0; }
 html body.st-modernized .seatech-search-page--faceted #product-listing-container .card-aside .card-buttons { display:flex!important; flex-direction:column; margin-top:10px; }
 html body.st-modernized .seatech-search-page--faceted #product-listing-container .card-aside .button { width:100%; min-height:44px!important; padding:10px 6px; }
 html body.st-modernized .seatech-search-page--faceted #product-listing-container .card-title { font-size:14px; line-height:1.5; }
}
@media(max-width:600px) {
 html body.st-modernized :is(.st-categoryModern,.st-brandPilot) .st-categoryToolbar { position:relative; }
 html body.st-modernized :is(.st-categoryModern,.st-brandPilot) .st-categoryCount { position:absolute; left:0; top:34px; max-width:calc(100% - 128px); margin:0; }
 html body.st-modernized :is(.st-categoryModern,.st-brandPilot) .st-categorySort { grid-template-columns:minmax(0,1fr) 116px; }
 html body.st-modernized :is(.st-categoryModern,.st-brandPilot) .st-categorySort .actionBar-section--sort { grid-column:1; grid-row:2; min-width:0; }
 html body.st-modernized :is(.st-categoryModern,.st-brandPilot) .st-categorySort .actionBar-section--productsPerPage { grid-column:2; grid-row:2; }
 html body.st-modernized :is(.st-categoryModern,.st-brandPilot) .st-categoryView { grid-column:2; grid-row:1; width:108px; justify-self:end; }
 html body.st-modernized :is(.st-categoryModern,.st-brandPilot) #product-listing-container:not(.mode-1) .card .button--primary,
 html body.st-modernized .seatech-search-page--faceted #product-listing-container:not(.mode-1) .card .button--primary { min-height:44px!important; padding:10px 6px; }
}


/* Native cards have two purchase footers. List mode uses the aside; grid uses the existing caption. */
html body.st-modernized :is(.st-brandPilot,.st-categoryModern,.seatech-search-page--faceted) #product-listing-container.mode-1 .productGrid {
 display:grid!important; grid-template-columns:minmax(0,1fr)!important; gap:16px; width:100%; margin:0; padding:0;
}
html body.st-modernized :is(.st-brandPilot,.st-categoryModern,.seatech-search-page--faceted) #product-listing-container.mode-1 .productGrid::before,
html body.st-modernized :is(.st-brandPilot,.st-categoryModern,.seatech-search-page--faceted) #product-listing-container.mode-1 .productGrid::after { display:none; content:none; }
html body.st-modernized :is(.st-brandPilot,.st-categoryModern,.seatech-search-page--faceted) #product-listing-container.mode-1 .productGrid>.product { width:auto!important; min-width:0; padding:0; margin:0; float:none; }
html body.st-modernized :is(.st-brandPilot,.st-categoryModern,.seatech-search-page--faceted) #product-listing-container.mode-1 .card {
 display:grid!important; grid-template-columns:150px minmax(0,1fr) 220px!important; grid-template-areas:"image details actions"!important;
 align-items:center; gap:0; min-width:0; width:100%; height:100%; min-height:180px; overflow:hidden;
}
html body.st-modernized :is(.st-brandPilot,.st-categoryModern,.seatech-search-page--faceted) #product-listing-container.mode-1 .card>.card-figure { grid-area:image; width:100%; padding:14px; margin:0; }
html body.st-modernized :is(.st-brandPilot,.st-categoryModern,.seatech-search-page--faceted) #product-listing-container.mode-1 .card .card-img-container { width:100%; height:145px; margin:0; }
html body.st-modernized :is(.st-brandPilot,.st-categoryModern,.seatech-search-page--faceted) #product-listing-container.mode-1 .card>.card-body { grid-area:details; width:100%; min-width:0; padding:18px; margin:0; align-self:center; }
html body.st-modernized :is(.st-brandPilot,.st-categoryModern,.seatech-search-page--faceted) #product-listing-container.mode-1 .card:has(>.card-aside)>.card-body .card-text--price { display:none!important; }
html body.st-modernized :is(.st-brandPilot,.st-categoryModern,.seatech-search-page--faceted) #product-listing-container.mode-1 .card>.card-aside,
html body.st-modernized :is(.st-brandPilot,.st-categoryModern,.seatech-search-page--faceted) #product-listing-container.mode-1 .card:not(:has(>.card-aside))>.card-figcaption {
 grid-area:actions!important; display:flex!important; flex-direction:column; justify-content:center; align-self:stretch; gap:10px;
 position:static; width:100%; min-width:0; max-width:none; margin:0; padding:16px; border:0; border-left:1px solid #dbe3e8;
}
html body.st-modernized :is(.st-brandPilot,.st-categoryModern,.seatech-search-page--faceted) #product-listing-container.mode-1 .card:has(>.card-aside)>.card-figcaption { display:none!important; }
html body.st-modernized :is(.st-brandPilot,.st-categoryModern,.seatech-search-page--faceted) #product-listing-container.mode-1 .card-aside .card-text--price { display:block; margin:0; padding:0; text-align:left; overflow-wrap:anywhere; }
html body.st-modernized :is(.st-brandPilot,.st-categoryModern,.seatech-search-page--faceted) #product-listing-container.mode-1 .card :is(.card-aside,.card-figcaption) .card-buttons { display:flex!important; flex-direction:column; width:100%; min-width:0; margin:0; padding:0; gap:8px; }
html body.st-modernized :is(.st-brandPilot,.st-categoryModern,.seatech-search-page--faceted) #product-listing-container.mode-1 .card .card-figcaption-button { display:flex!important; width:100%!important; min-width:0!important; max-width:100%; min-height:48px!important; padding:10px 8px; margin:0!important; }
/* Shared secondary card text: part numbers remain readable and brands no longer shrink in All Products. */
/* Legacy excerpts can include raw stylesheet text from custom descriptions. Product pages retain the full descriptions. */
html body.st-modernized :is(.st-brandPilot,.st-categoryModern,.seatech-search-page--faceted) .card .card-text--summary { display:none!important; }
html body.st-modernized :is(.st-brandPilot,.st-categoryModern,.seatech-search-page--faceted) .card .card-text--brand,
html body.st-modernized #st-all-products .st-all-brand { font-size:13px!important; font-weight:600!important; line-height:1.5; letter-spacing:.4px; text-transform:uppercase; color:#586c78; }
html body.st-modernized :is(.st-brandPilot,.st-categoryModern,.seatech-search-page--faceted,.st-homeFeatured,.productCarousel) .card .card-text--sku,
html body.st-modernized #st-all-products .st-all-sku { font-size:16px!important; font-weight:700!important; line-height:1.5; color:#31566b!important; overflow-wrap:anywhere; }
/* Keep the native single-category choice, but give radios and checkboxes one square visual treatment. */
html body.st-modernized #st-all-products .st-all-facet-list input:is([type=radio],[type=checkbox]) {
 -webkit-appearance:none; appearance:none; box-sizing:border-box; display:block; width:18px; height:18px; flex:0 0 18px; margin:2px 0 0;
 border:1px solid #9aaeb9; border-radius:4px; background:#fff; cursor:pointer;
}
html body.st-modernized #st-all-products .st-all-facet-list input:checked {
 background-color:#0074bd; border-color:#0074bd;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='m4 9 3.3 3.2L14 5.5' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
 background-position:center; background-size:16px 16px; background-repeat:no-repeat;
}
html body.st-modernized #st-all-products .st-all-facet-list input:focus-visible { outline:3px solid #0074bd; outline-offset:3px; }
/* Insets are explicit because native arrows ignore right padding on some desktop browsers. */
html body.st-modernized #st-all-products .st-all-controls select {
 -webkit-appearance:none; appearance:none; padding:8px 40px 8px 12px;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23586c78' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
 background-repeat:no-repeat; background-size:16px 16px; background-position:right 12px center;
}
html body.st-modernized #st-all-products .st-all-modes a { min-height:44px; font-size:14px; font-weight:600; }
/* One panel heading and group rhythm, while retaining existing native facet URLs and behavior. */
html body.st-modernized .st-bpFilters>.st-filter-heading { margin:0 0 12px; padding:0 0 14px; border-bottom:2px solid #004063; font-size:18px; line-height:1.5; font-weight:700; letter-spacing:0; color:#004063; text-transform:none; }
html body.st-modernized :is(.st-bpFilters,.st-categoryFilterPanel,.seatech-search-page--faceted .page-sidebar) .accordion-navigation { min-height:48px; padding-top:16px; padding-bottom:12px; }
html body.st-modernized :is(.st-bpFilters,.st-categoryFilterPanel,.seatech-search-page--faceted .page-sidebar) .accordion-title { color:#004063; }
@media(min-width:801px) {
 html body.st-modernized :is(.st-bpFilters,.st-categoryFilterPanel,.seatech-search-page--faceted>.page-sidebar),
 html body.st-modernized #st-all-products .st-all-filter-wrap {
  position:sticky!important; top:16px; align-self:start; max-height:calc(100vh - 32px); max-height:calc(100dvh - 32px);
  overflow-y:auto; overflow-x:hidden; scrollbar-gutter:stable; overscroll-behavior-y:contain; padding-right:8px;
 }
 html body.st-modernized #st-all-products .st-all-facet-list { max-height:none; overflow:visible; }
 html body.st-modernized #st-all-products .st-all-filter-wrap:not([open])>form { display:block; }
}
@media(min-width:801px) and (max-width:1100px) {
 html body.st-modernized :is(.st-brandPilot,.st-categoryModern,.seatech-search-page--faceted) #product-listing-container.mode-1 .card { grid-template-columns:110px minmax(0,1fr)!important; grid-template-areas:"image details" "actions actions"!important; }
 html body.st-modernized :is(.st-brandPilot,.st-categoryModern,.seatech-search-page--faceted) #product-listing-container.mode-1 .card :is(.card-aside,.card-figcaption) { border-left:0; border-top:1px solid #dbe3e8; }
}
@media(max-width:800px) {
 html body.st-modernized .st-brandPilot #product-listing-container { padding-left:0!important; padding-right:0!important; }
 html body.st-modernized .st-bpFilters>.st-filter-heading { display:none; }
 html body.st-modernized .st-bpFilters:not(.st-categoryFilterPanel) .facetedSearch-toggle {
  display:flex!important; align-items:center; justify-content:space-between; gap:10px; padding:12px 14px; border:1px solid #dbe3e8;
  border-radius:6px; background:#f8faf6; color:#004063; font-size:16px!important; font-weight:700; line-height:1.5; text-transform:none; text-decoration:none;
 }
 html body.st-modernized .st-bpFilters .facetedSearch-toggle-indicator { display:none; }
 html body.st-modernized .st-bpFilters .facetedSearch-toggle::after { content:'+'; font-size:22px; line-height:1; }
 html body.st-modernized .st-bpFilters .facetedSearch-toggle[aria-expanded=true]::after { content:'−'; }
 html body.st-modernized :is(.st-brandPilot,.st-categoryModern,.seatech-search-page--faceted) #product-listing-container.mode-1 .card {
  grid-template-columns:100px minmax(0,1fr)!important; grid-template-areas:"image details" "actions actions"!important; min-height:0;
 }
 html body.st-modernized :is(.st-brandPilot,.st-categoryModern,.seatech-search-page--faceted) #product-listing-container.mode-1 .card>.card-figure { padding:12px; }
 html body.st-modernized :is(.st-brandPilot,.st-categoryModern,.seatech-search-page--faceted) #product-listing-container.mode-1 .card .card-img-container { height:110px; }
 html body.st-modernized :is(.st-brandPilot,.st-categoryModern,.seatech-search-page--faceted) #product-listing-container.mode-1 .card>.card-body { padding:14px 12px; }
 html body.st-modernized :is(.st-brandPilot,.st-categoryModern,.seatech-search-page--faceted) #product-listing-container.mode-1 .card :is(.card-aside,.card-figcaption) { border-left:0; border-top:1px solid #dbe3e8; padding:12px; }
 html body.st-modernized :is(.st-brandPilot,.st-categoryModern,.seatech-search-page--faceted) #product-listing-container.mode-1 .card:not(:has(>.card-aside))>.card-figcaption { box-sizing:border-box; width:100%!important; padding:12px!important; }
 html body.st-modernized :is(.st-brandPilot,.st-categoryModern,.seatech-search-page--faceted) #product-listing-container.mode-1 .card .card-title { font-size:15px!important; line-height:1.5; }
 html body.st-modernized :is(.st-brandPilot,.st-categoryModern,.seatech-search-page--faceted) .card .card-text--brand,
 html body.st-modernized #st-all-products .st-all-brand { font-size:12px!important; }
 html body.st-modernized :is(.st-brandPilot,.st-categoryModern,.seatech-search-page--faceted,.st-homeFeatured,.productCarousel) .card .card-text--sku,
 html body.st-modernized #st-all-products .st-all-sku { font-size:16px!important; }
}

/* The native search aside is the only grid purchase action on brand-scoped results. */
html body.st-modernized .st-brandPilot.seatech-search-page--faceted #product-listing-container:not(.mode-1) .card:has(>.card-aside)>.card-figcaption { display:none!important; }


/* The legacy brand toggle hides its label and sets an 80% width; keep the full custom filter control readable. */
@media(max-width:800px) {
 html body.st-modernized .st-bpFilters:not(.st-categoryFilterPanel) { padding-left:0!important; padding-right:0!important; }
 html body.st-modernized .st-bpFilters:not(.st-categoryFilterPanel) .facetedSearch-toggle { width:100%!important; max-width:none; margin:0; float:none; }
 html body.st-modernized .st-bpFilters:not(.st-categoryFilterPanel) .facetedSearch-toggle-text { display:block!important; position:static; width:auto; }
 html body.st-modernized .st-bpFilters:not(.st-categoryFilterPanel) .facetedSearch-toggle::before { display:none!important; content:none!important; }
 html body.st-modernized .st-bpFilters:not(.st-categoryFilterPanel) .facetedSearch-toggle::after { display:block!important; position:static; width:auto; height:auto; content:'+'!important; margin-left:auto; background:none; border:0; transform:none; }
 html body.st-modernized .st-bpFilters:not(.st-categoryFilterPanel) .facetedSearch-toggle[aria-expanded=true]::after { content:'−'!important; }
 html body.st-modernized .st-bpFilters:not(.st-categoryFilterPanel) .facetedSearch-navList { padding-left:14px; padding-right:14px; }
}

/* Mobile finishing pass. Existing menu, facet, view and cart handlers remain native. */
.st-mobile-menuTools { display:none; }
/* Keep the selected view background inside the same rounded border as its control. */
html body.st-modernized .seatech-search-page--faceted .seatech-view-option {
 box-sizing:border-box; overflow:hidden; background:#fff; color:#31566b!important; box-shadow:none!important;
}
html body.st-modernized .seatech-search-page--faceted .seatech-view-option .form-option-variant {
 box-sizing:border-box; width:100%; height:100%; min-width:0; border:0; border-radius:0; background:transparent!important; color:inherit!important; box-shadow:none;
}
html body.st-modernized .seatech-search-page--faceted .seatech-view-option .fa { color:inherit!important; }
html body.st-modernized .seatech-search-page--faceted .form-radio:checked+.seatech-view-option {
 background:#173c56!important; border-color:#173c56; color:#fff!important;
}
html body.st-modernized .seatech-search-page--faceted .form-radio:focus-visible+.seatech-view-option { outline:3px solid #0074bd; outline-offset:3px; }
@media(max-width:800px) {
 /* Search uses layer 45 for suggestions; the fixed header must remain above that row while scrolling. */
 html body.st-modernized header.header { z-index:50; }
 /* Two adjacent targets: neither link overlaps the other or the logo. */
 html body.st-modernized header.header>.st-mobile-account {
  box-sizing:border-box; position:absolute; top:4px; right:52px; width:44px; height:48px; margin:0; padding:0 0 0 8px;
  display:flex; align-items:center; justify-content:center; z-index:6; transform:none;
 }
 html body.st-modernized header.header>.st-mobile-account svg { width:34px; height:34px; flex:0 0 34px; margin:0; pointer-events:none; }
 html body.st-modernized .header .emthemesModez-header-userSection>.container>.navUser {
  position:absolute; top:4px; right:4px; left:auto; width:48px; height:48px; margin:0; padding:0; transform:none; z-index:5;
 }
 html body.st-modernized .header .emthemesModez-header-userSection>.container>.navUser .navUser-section--alt {
  display:flex; justify-content:flex-end; align-items:center; width:100%; height:100%; float:none; margin:0; padding:0;
 }
 html body.st-modernized .header .navUser-item--cart { margin:0; padding:0; }
 html body.st-modernized .header .navUser-action--cart {
  box-sizing:border-box; position:relative; display:flex; align-items:center; justify-content:center;
  width:48px; height:48px; min-height:48px; margin:0; padding:0 8px 0 0; line-height:1;
 }
 html body.st-modernized .header .navUser-item-cartIcon { width:26px; height:26px; margin:0; font-size:26px; line-height:26px; }
 html body.st-modernized .header .navUser-action--cart .cart-quantity { position:absolute; top:1px; right:0; height:18px; min-width:18px; margin:0; padding:0 4px; font-size:11px; line-height:18px; }
 /* One mobile filter trigger appearance across search, brands, categories and All Products. */
 html body.st-modernized :is(.st-bpFilters,.seatech-search-page--faceted>.page-sidebar) .facetedSearch-toggle,
 html body.st-modernized :is(.st-categoryFilterPanel,.st-all-filter-wrap)>summary {
  box-sizing:border-box; position:relative; display:flex!important; align-items:center; justify-content:space-between; gap:12px;
  width:100%!important; max-width:none; min-height:48px; margin:0; padding:12px 14px; float:none;
  border:1px solid #dbe3e8; border-radius:6px; background:#f8faf6; color:#004063;
  font-size:16px!important; font-weight:700; line-height:1.5; letter-spacing:0; text-transform:none; text-decoration:none; list-style:none;
 }
 html body.st-modernized :is(.st-bpFilters,.seatech-search-page--faceted>.page-sidebar) .facetedSearch-toggle-text { display:block!important; position:static; width:auto; font:inherit; letter-spacing:0; text-transform:none; }
 html body.st-modernized :is(.st-bpFilters,.seatech-search-page--faceted>.page-sidebar) .facetedSearch-toggle-indicator,
 html body.st-modernized :is(.st-bpFilters,.seatech-search-page--faceted>.page-sidebar) .facetedSearch-toggle::before { display:none!important; content:none!important; }
 html body.st-modernized :is(.st-categoryFilterPanel,.st-all-filter-wrap)>summary::-webkit-details-marker { display:none; }
 html body.st-modernized :is(.st-categoryFilterPanel,.st-all-filter-wrap)>summary::marker { content:''; }
 html body.st-modernized :is(.st-categoryFilterPanel,.st-all-filter-wrap)>summary { border:0; border-radius:5px; }
 html body.st-modernized .st-categoryFilterIndicator { display:none!important; }
 html body.st-modernized #st-all-products .st-all-filter-wrap { padding:0; border:1px solid #dbe3e8; border-radius:6px; }
 html body.st-modernized #st-all-products .st-all-filter-wrap>summary { min-height:48px; padding:12px 14px; border:0; border-radius:5px; }
 html body.st-modernized #st-all-products .st-all-filter-wrap>form { padding:0 14px 14px; }
 html body.st-modernized :is(.st-bpFilters,.seatech-search-page--faceted>.page-sidebar) .facetedSearch-toggle::after,
 html body.st-modernized :is(.st-categoryFilterPanel,.st-all-filter-wrap)>summary::after {
  display:block!important; position:static; flex:0 0 auto; width:auto; height:auto; margin:0 0 0 auto; padding:0;
  content:'+'!important; font-size:22px; line-height:1; background:none; border:0; transform:none;
 }
 html body.st-modernized :is(.st-bpFilters,.seatech-search-page--faceted>.page-sidebar) .facetedSearch-toggle[aria-expanded=true]::after,
 html body.st-modernized :is(.st-categoryFilterPanel,.st-all-filter-wrap)[open]>summary::after { content:'−'!important; }
 /* Card actions stay easy to tap without dominating two-column results. */
 html body.st-modernized .st-categoryModern #product-listing-container:not(.mode-1) .productGrid { width:100%; margin:0!important; padding:0; }
 html body.st-modernized .st-categoryModern #product-listing-container:not(.mode-1) .productGrid>.product { width:auto!important; min-width:0; margin:0; padding:0!important; float:none; }
 html body.st-modernized :is(.st-categoryModern,.st-brandPilot,.seatech-search-page--faceted) #product-listing-container .card .card-figcaption-button,
 html body.st-modernized :is(.st-homeFeatured,.productCarousel) .card .button--primary {
  min-height:44px!important; height:auto!important; padding:9px 6px!important; font-size:15px!important; font-weight:700; line-height:1.35; white-space:normal;
 }
 /* Center store information and keep the two mobile link columns compact. */
 html body.st-modernized .footer>.container { padding-left:16px; padding-right:16px; }
 html body.st-modernized .footer .footer-info { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px 16px; margin:0; text-align:center; }
 html body.st-modernized .footer .footer-info::before,
 html body.st-modernized .footer .footer-info::after { display:none; content:none; }
 html body.st-modernized .footer .footer-info>.footer-info-col { grid-column:1/-1; float:none; width:auto; min-width:0; max-width:none; margin:0; padding:0; text-align:center; }
 html body.st-modernized .footer .footer-info>[data-section-type=storeInfo] { grid-row:1; padding-bottom:16px; }
 html body.st-modernized .footer [data-section-type=storeInfo] .footer-info-heading { margin:0 0 14px; }
 html body.st-modernized .footer [data-section-type=storeInfo] .footer-logo { display:block; margin:0; text-align:center; }
 html body.st-modernized .footer [data-section-type=storeInfo] .fa-ul { display:grid; gap:10px; margin:0; padding:0; list-style:none; text-align:center; }
 html body.st-modernized .footer [data-section-type=storeInfo] .fa-ul>li { margin:0; padding:0; line-height:1.5; overflow-wrap:anywhere; text-align:center; }
 html body.st-modernized .footer [data-section-type=storeInfo] .fa-li { display:none; }
 html body.st-modernized .footer [data-section-type=storeInfo] address { margin:0; text-align:center; }
 html body.st-modernized .footer [data-section-type=storeInfo] .FooterBBB { display:block; margin:18px auto 0; }
 html body.st-modernized .footer .footer-info>[data-section-type=footer-webPages] { grid-column:1; grid-row:2; }
 html body.st-modernized .footer .footer-info>[data-section-type=footer-brands] { grid-column:2; grid-row:2; }
 html body.st-modernized .footer :is([data-section-type=footer-webPages],[data-section-type=footer-brands]) .footer-info-heading { margin:0 0 8px; font-size:16px; line-height:1.4; text-align:center; }
 html body.st-modernized .footer :is([data-section-type=footer-webPages],[data-section-type=footer-brands]) .footer-info-list { margin:0; padding:0; }
 html body.st-modernized .footer :is([data-section-type=footer-webPages],[data-section-type=footer-brands]) .footer-info-list>li { margin:0; padding:0; }
 html body.st-modernized .footer :is([data-section-type=footer-webPages],[data-section-type=footer-brands]) :is(.footer-info-list a,#seatech-privacy-settings) { box-sizing:border-box; display:flex; align-items:center; justify-content:center; width:100%; max-width:100%; min-height:36px; margin:0; padding:6px 0; font-size:14px; line-height:1.5; overflow-wrap:anywhere; text-align:center; }
 html body.st-modernized .footer .footer-copyright { text-align:center; }
 /* These are normal links; the native category disclosure behavior is unchanged. */
 html body.st-modernized #menu .st-mobile-menuTools { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:8px; margin:0 0 18px; padding:4px 0 18px; border-bottom:1px solid #dbe3e8; }
 html body.st-modernized #menu .st-mobile-menuTools a { display:flex; align-items:center; min-width:0; min-height:44px; padding:10px 12px; border:1px solid #dbe3e8; border-radius:6px; background:#f1f7fc; color:#004063; font-size:14px; line-height:1.4; font-weight:600; text-transform:none; text-decoration:none; }
 html body.st-modernized #menu .st-mobile-menuTools a:focus-visible { outline:3px solid #0074bd; outline-offset:2px; }
 html body.st-modernized #menu .navPages-action.has-subMenu { box-sizing:border-box; display:flex; align-items:center; justify-content:space-between; gap:12px; padding-right:16px!important; }
 html body.st-modernized #menu .navPages-action-moreIcon { position:static!important; flex:0 0 16px; width:16px; height:16px; margin:0 0 0 auto!important; float:none; }
}
/* Mobile filter interiors and a compact, centered announcement group. */
@media(max-width:800px) {
 html body.st-modernized :is(.st-categoryFilterPanel,.st-bpFilters,.seatech-search-page--faceted>.page-sidebar) .facetedSearch-navList { margin-top:0; }
 html body.st-modernized :is(.st-categoryFilterPanel,.st-bpFilters,.seatech-search-page--faceted>.page-sidebar) .facetedSearch .accordion-navigation { padding-top:12px; padding-bottom:10px; }
 html body.st-modernized .seatech-search-page--faceted .facetedSearch-toggle[aria-expanded=true] { border-bottom:0; border-radius:6px 6px 0 0; }
 html body.st-modernized .seatech-search-page--faceted .facetedSearch-navList.is-open {
  float:none; width:100%; margin:0; padding:0 14px 14px; border:1px solid #dbe3e8; border-top:0; border-radius:0 0 6px 6px; background:#fff;
 }
 html body.st-modernized .seatech-search-page--faceted .facetedSearch .accordion { margin:0; padding:0; border:0; background:transparent; }
 html body.st-modernized .seatech-search-page--faceted .facetedSearch .accordion-block { margin:0; padding:0; border:0; border-bottom:1px solid #dbe3e8; background:transparent; }
 html body.st-modernized .seatech-search-page--faceted .facetedSearch .accordion-block:last-child { border-bottom:0; }
 html body.st-modernized .seatech-search-page--faceted .facetedSearch .accordion-navigation {
  position:relative; min-height:48px; margin:0; padding:14px 28px 12px 0; border:0; background:transparent;
 }
 html body.st-modernized .seatech-search-page--faceted .facetedSearch .accordion-navigation:has(.facetedSearch-clearLink) { padding-right:70px; }
 html body.st-modernized .seatech-search-page--faceted .facetedSearch .accordion-title { margin:0; padding:0; letter-spacing:0; text-transform:none; }
 html body.st-modernized .seatech-search-page--faceted .facetedSearch .accordion-navigation-actions { top:14px; right:0; }
 html body.st-modernized .seatech-search-page--faceted .facetedSearch .accordion-content { margin:0; padding:0 0 14px; border:0; }
 html body.st-modernized .seatech-search-page--faceted .facetedSearch .navList { margin:0; padding:0; border:0; }
 html body.st-modernized .seatech-search-page--faceted .facetedSearch .navList-item { margin:0; padding:3px 0; border:0; }
 html body.st-modernized .seatech-search-page--faceted #facet-range-form { margin:0; }
 html body.st-modernized .seatech-search-page--faceted #facet-range-form .form-minMaxRow { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:8px; margin:0; }
 html body.st-modernized .seatech-search-page--faceted #facet-range-form .form-minMaxRow::before,
 html body.st-modernized .seatech-search-page--faceted #facet-range-form .form-minMaxRow::after { display:none; content:none; }
 html body.st-modernized .seatech-search-page--faceted #facet-range-form .form-field { float:none; width:auto; min-width:0; margin:0; padding:0; }
 html body.st-modernized .seatech-search-page--faceted #facet-range-form .form-field:last-child { grid-column:1/-1; }
 html body.st-modernized .seatech-search-page--faceted #facet-range-form .form-input { width:100%; margin:0; padding:8px 10px; border:1px solid #bdcad3; }
 html body.st-modernized .seatech-search-page--faceted #facet-range-form .button { width:100%; margin:0; padding:8px 12px; border:1px solid #004063; color:#004063; background:#fff; }
 html body.st-modernized .seatech-search-page--faceted #facet-range-form .button:hover { background:#f1f7fc; }

 /* A centered two-row grid keeps every rotating message in the same position. */
 html body.st-modernized .seatech-announcement,
 html body.st-modernized .seatech-announcement__track { min-height:58px; }
 html body.st-modernized .seatech-announcement__item {
  box-sizing:border-box; display:grid; grid-template-columns:minmax(0,1fr) auto auto minmax(0,1fr);
  grid-template-rows:auto auto; align-items:center; align-content:center; justify-content:normal;
  column-gap:0; row-gap:2px; height:100%; padding:8px 10px; text-align:center; font-size:0; line-height:1;
  transform:none!important;
 }
 html body.st-modernized .seatech-announcement__copy { display:contents; }
 html body.st-modernized .seatech-announcement__copy strong {
  grid-column:3; grid-row:1; display:inline-flex; align-items:center; justify-content:center;
  width:max-content; max-width:100%; flex-wrap:nowrap; font-size:clamp(10px,3.05vw,12px);
  line-height:1.25; letter-spacing:.02em; margin:0; white-space:nowrap;
 }
 html body.st-modernized .seatech-announcement__headline-detail { flex-basis:auto; white-space:nowrap; font:inherit; }
 html body.st-modernized .seatech-announcement__headline-detail::before {
  display:block; content:''; flex:0 0 1px; width:1px; height:10px; margin:0 6px; background:rgba(255,255,255,.55); border:0;
 }
 html body.st-modernized .seatech-announcement__copy>span {
  grid-column:1/-1; grid-row:2; display:block; max-width:none; margin:0; font-size:clamp(10px,2.7vw,11px);
  line-height:1.3; text-align:center; text-wrap:wrap;
 }
 html body.st-modernized .seatech-announcement__icon,
 html body.st-modernized .seatech-announcement__flag { grid-column:2; grid-row:1; display:block; margin:0 7px 0 0; }
 html body.st-modernized .seatech-announcement__icon { width:22px; height:22px; }
 html body.st-modernized .seatech-announcement__flag { width:25px; height:16.25px; }
}

/* Sitewide layout audit 2026-10-20: catalog geometry and mobile purchase controls. */
/* CANDIDATE ONLY — append inside #st-layout-consistency after native preview.
   Catalogs only: no homepage cards, product options, cart or form controls. */

/* The native category/brand item gutters are added on top of the grid gap.
   Clearing those gutters gives all four catalogs the same actual card width. */
html body.st-modernized :is(.st-categoryModern,.st-brandPilot,.seatech-search-page--faceted) #product-listing-container:not(.mode-1) .productGrid,
html body.st-modernized #st-all-products:not([data-mode="1"]) .st-all-grid {
  gap:20px;
  margin:0;
  padding:0;
  width:100%;
}
html body.st-modernized :is(.st-categoryModern,.st-brandPilot,.seatech-search-page--faceted) #product-listing-container:not(.mode-1) .productGrid>.product {
  box-sizing:border-box;
  min-width:0;
  width:auto!important;
  margin:0;
  padding:0!important;
  float:none;
}

/* Keep readable, complete product names. Existing list-mode typography stays. */
html body.st-modernized :is(.st-categoryModern,.st-brandPilot,.seatech-search-page--faceted) #product-listing-container:not(.mode-1) .card .card-title,
html body.st-modernized #st-all-products:not([data-mode="1"]) .card-title {
  display:block;
  height:auto;
  min-height:0;
  max-height:none;
  margin:0 0 10px;
  overflow:visible;
  font-size:17px!important;
  font-weight:700;
  line-height:1.5;
  letter-spacing:0;
  -webkit-line-clamp:unset;
  overflow-wrap:anywhere;
}
html body.st-modernized :is(.st-categoryModern,.st-brandPilot,.seatech-search-page--faceted) #product-listing-container:not(.mode-1) .card .card-title>a,
html body.st-modernized #st-all-products:not([data-mode="1"]) .card-title>a {
  display:block;
  min-height:0;
  overflow:visible;
  white-space:normal;
  -webkit-line-clamp:unset;
}
html body.st-modernized :is(.st-categoryModern,.st-brandPilot,.seatech-search-page--faceted) #product-listing-container .card :is(.card-text--brand,.card-text--sku) {
  max-width:100%;
  overflow:visible;
  white-space:normal;
  text-overflow:clip;
  overflow-wrap:anywhere;
}
html body.st-modernized :is(.st-categoryModern,.st-brandPilot,.seatech-search-page--faceted) #product-listing-container:not(.mode-1) .card>.card-body,
html body.st-modernized #st-all-products:not([data-mode="1"]) .st-all-card-body { display:flex; flex-direction:column; padding:18px 18px 8px; }
html body.st-modernized :is(.st-categoryModern,.st-brandPilot,.seatech-search-page--faceted) #product-listing-container:not(.mode-1) .card .card-text--brand,
html body.st-modernized #st-all-products:not([data-mode="1"]) .st-all-brand { margin:0 0 8px; }
html body.st-modernized :is(.st-categoryModern,.st-brandPilot,.seatech-search-page--faceted) #product-listing-container:not(.mode-1) .card>.card-aside { padding:14px 18px 18px; }
html body.st-modernized :is(.st-categoryModern,.st-brandPilot,.seatech-search-page--faceted) #product-listing-container:not(.mode-1) .card>.card-figcaption { padding:10px 18px 18px; }

/* Reserve a review slot only on a native grid that actually includes reviews.
   An empty visual spacer does not create a rating or screen-reader text. */
html body.st-modernized :is(.st-categoryModern,.st-brandPilot,.seatech-search-page--faceted) #product-listing-container:not(.mode-1) .productGrid:has(.card-text--rating) .card>.card-body>.card-text--rating {
  flex:0 0 18px;
  height:18px;
  min-height:18px;
  margin:0 0 8px;
  padding:0;
  line-height:18px;
}
html body.st-modernized :is(.st-categoryModern,.st-brandPilot,.seatech-search-page--faceted) #product-listing-container:not(.mode-1) .productGrid:has(.card-text--rating) .card>.card-body:not(:has(>.card-text--rating))::before {
  content:"";
  display:block;
  flex:0 0 18px;
  height:18px;
  margin:0 0 8px;
}

/* Same outer image well in every grid:200px desktop/132px phone. The object
   is contained, never cropped; source image and lazy loading are unchanged. */
html body.st-modernized :is(.st-categoryModern,.st-brandPilot,.seatech-search-page--faceted) #product-listing-container:not(.mode-1) .card>.card-figure,
html body.st-modernized #st-all-products:not([data-mode="1"]) .st-all-image {
  box-sizing:border-box;
  position:relative;
  display:block;
  flex:0 0 auto;
  width:100%!important;
  height:200px!important;
  min-height:0;
  margin:0!important;
  padding:14px!important;
  aspect-ratio:auto!important;
  border:0;
  border-radius:0;
  overflow:hidden;
}
html body.st-modernized :is(.st-categoryModern,.st-brandPilot,.seatech-search-page--faceted) #product-listing-container:not(.mode-1) .card>.card-figure>a {
  position:absolute!important;
  inset:14px!important;
  display:block;
  width:auto!important;
  height:auto!important;
}
html body.st-modernized :is(.st-categoryModern,.st-brandPilot,.seatech-search-page--faceted) #product-listing-container:not(.mode-1) .card .card-img-container {
  position:absolute!important;
  inset:0;
  width:100%!important;
  height:100%!important;
  min-height:0;
  margin:0;
  padding:0!important;
  aspect-ratio:auto!important;
}
html body.st-modernized :is(.st-categoryModern,.st-brandPilot,.seatech-search-page--faceted) #product-listing-container:not(.mode-1) .card .card-img-container::after {
  display:none!important;
  content:none!important;
}
html body.st-modernized :is(.st-categoryModern,.st-brandPilot,.seatech-search-page--faceted) #product-listing-container:not(.mode-1) .card .card-image,
html body.st-modernized #st-all-products:not([data-mode="1"]) .st-all-image>img {
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:100%;
  max-height:100%;
  margin:0!important;
  padding:0;
  object-fit:contain;
}
/* An All Products image has no inner image wrapper, so inset it directly. */
html body.st-modernized #st-all-products:not([data-mode="1"]) .st-all-image>img {
  inset:14px!important;
  width:calc(100% - 28px)!important;
  height:calc(100% - 28px)!important;
}
html body.st-modernized #st-all-products:not([data-mode="1"]) .st-all-no-image {
  position:absolute;
  inset:14px;
  display:flex;
  align-items:center;
  justify-content:center;
}

@media(max-width:800px) {
  html body.st-modernized :is(.st-categoryModern,.st-brandPilot,.seatech-search-page--faceted) #product-listing-container:not(.mode-1) .productGrid,
  html body.st-modernized #st-all-products:not([data-mode="1"]) .st-all-grid { gap:12px; }
  html body.st-modernized :is(.st-categoryModern,.st-brandPilot,.seatech-search-page--faceted) #product-listing-container:not(.mode-1) .card .card-title,
  html body.st-modernized #st-all-products:not([data-mode="1"]) .card-title { font-size:15px!important; }
  html body.st-modernized :is(.st-categoryModern,.st-brandPilot,.seatech-search-page--faceted) #product-listing-container:not(.mode-1) .card>.card-body,
  html body.st-modernized #st-all-products:not([data-mode="1"]) .st-all-card-body { padding:12px 12px 7px; }
  html body.st-modernized :is(.st-categoryModern,.st-brandPilot,.seatech-search-page--faceted) #product-listing-container:not(.mode-1) .card>.card-aside { padding:12px; }
  html body.st-modernized :is(.st-categoryModern,.st-brandPilot,.seatech-search-page--faceted) #product-listing-container:not(.mode-1) .card>.card-figcaption { padding:8px 12px 13px; }
  html body.st-modernized :is(.st-categoryModern,.st-brandPilot,.seatech-search-page--faceted) #product-listing-container:not(.mode-1) .card>.card-figure,
  html body.st-modernized #st-all-products:not([data-mode="1"]) .st-all-image {
    padding:10px!important;
    height:132px!important;
    aspect-ratio:auto!important;
  }
  html body.st-modernized :is(.st-categoryModern,.st-brandPilot,.seatech-search-page--faceted) #product-listing-container:not(.mode-1) .card>.card-figure>a { inset:10px!important; }
  html body.st-modernized #st-all-products:not([data-mode="1"]) .st-all-image>img {
    inset:10px!important;
    width:calc(100% - 20px)!important;
    height:calc(100% - 20px)!important;
  }
  html body.st-modernized #st-all-products:not([data-mode="1"]) .st-all-no-image { inset:10px; }
}

/* Candidate add-on after catalog-consistency-candidate.css.
   Native catalog GRID only. Do not apply to list mode or homepage cards. */

/* Search's native aside has its own12px inset. Do not add the legacy11px
   card-buttons inset or the button's inherited5px margin on top of that. */
html body.st-modernized :is(.st-categoryModern,.st-brandPilot,.seatech-search-page--faceted) #product-listing-container:not(.mode-1) .card>.card-aside>.card-buttons {
  box-sizing:border-box;
  width:100%;
  min-width:0;
  margin:0!important;
  padding:0!important;
}
html body.st-modernized :is(.st-categoryModern,.st-brandPilot,.seatech-search-page--faceted) #product-listing-container:not(.mode-1) .card>.card-aside>.card-buttons>.card-figcaption-button {
  box-sizing:border-box;
  width:100%!important;
  min-width:0;
  margin:0!important;
}
html body.st-modernized :is(.st-categoryModern,.st-brandPilot,.seatech-search-page--faceted) #product-listing-container:not(.mode-1) .card>.card-aside {
  row-gap:12px;
}
html body.st-modernized :is(.st-categoryModern,.st-brandPilot,.seatech-search-page--faceted) #product-listing-container:not(.mode-1) .card>.card-aside>.card-text--price {
  margin:0;
}

/* Brand grids use the same card partial as search, but display the body
   price. Put the visual SKU before that price without moving DOM nodes or
   changing hidden-price/action selection. Summary output is handled apart. */
html body.st-modernized :is(.st-categoryModern,.st-brandPilot,.seatech-search-page--faceted) #product-listing-container:not(.mode-1) .card>.card-body>.card-text--sku { order:1; }
html body.st-modernized :is(.st-categoryModern,.st-brandPilot,.seatech-search-page--faceted) #product-listing-container:not(.mode-1) .card>.card-body>.card-text--price { order:2; }

/* OPTIONAL add-on after grid-footer-refinement.css.
   Align SKU/price/action rows without reserving a fixed product-title height.
   Preview long names, MSRP/no-MSRP, price ranges and kit cards before adopting. */

/* The description area already flexes to the tallest card in its grid row.
   Push the SKU to its end, then place a visible body price after it. */
html body.st-modernized :is(.st-categoryModern,.st-brandPilot,.seatech-search-page--faceted) #product-listing-container:not(.mode-1) .card>.card-body>.card-text--sku {
  margin-top:auto!important;
  margin-bottom:0;
  padding-top:12px;
}
html body.st-modernized :is(.st-categoryModern,.st-brandPilot,.seatech-search-page--faceted) #product-listing-container:not(.mode-1) .card>.card-body>.card-text--price {
  min-height:56px;
  margin:12px 0 0!important;
}

/* Same two-line minimum price well for MSRP and current-price-only cards.
   It can grow for a longer range/message; there is no max-height or clipping. */
html body.st-modernized :is(.st-categoryModern,.st-brandPilot,.seatech-search-page--faceted) #product-listing-container:not(.mode-1) .card>:is(.card-figcaption,.card-aside)>.card-text--price {
  min-height:56px;
  margin:0 0 12px;
}
html body.st-modernized :is(.st-categoryModern,.st-brandPilot,.seatech-search-page--faceted) #product-listing-container:not(.mode-1) .card>:is(.card-figcaption,.card-aside) {
  padding:10px 18px 18px!important;
  row-gap:0;
}
@media(max-width:800px) {
  html body.st-modernized :is(.st-categoryModern,.st-brandPilot,.seatech-search-page--faceted) #product-listing-container:not(.mode-1) .card>:is(.card-figcaption,.card-aside) { padding:8px 12px 13px!important; }
}

/* All Products has a single price and no direct purchasing action. Keep that
   deliberate behavior, but line its SKUs/prices up across each All Products row. */
html body.st-modernized #st-all-products:not([data-mode="1"]) .st-all-sku {
  margin-top:auto;
  margin-bottom:0;
  padding-top:12px;
}
html body.st-modernized #st-all-products:not([data-mode="1"]) .st-all-price {
  min-height:56px;
  margin-top:12px;
  padding-bottom:0;
}

/* Add-on after grid-metadata-alignment-optional.css.
   Bottom-align only the currently used price wells. Do not target every
   .card-text--price: that would reveal the search grid's duplicate body price. */
html body.st-modernized .seatech-search-page--faceted #product-listing-container:not(.mode-1) .card>.card-aside>.card-text--price,
html body.st-modernized .st-brandPilot:not(.seatech-search-page--faceted) #product-listing-container:not(.mode-1) .card>.card-body>.card-text--price,
html body.st-modernized .st-categoryModern #product-listing-container:not(.mode-1) .card>.card-figcaption>.card-text--price,
html body.st-modernized #st-all-products:not([data-mode="1"]) .st-all-price {
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}

/* Keep the same catalog column count, gap and outer card inset at each width. */
html body.st-modernized :is(.st-categoryModern,.st-brandPilot,.seatech-search-page--faceted) #product-listing-container:not(.mode-1) .productGrid,
html body.st-modernized #st-all-products:not([data-mode="1"]) .st-all-grid {
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:20px!important;
}
html body.st-modernized :is(.st-categoryModern,.st-brandPilot,.seatech-search-page--faceted) #product-listing-container:not(.mode-1) .card {
  padding:0!important;
  margin:0!important;
}
@media(max-width:1100px) {
  html body.st-modernized :is(.st-categoryModern,.st-brandPilot,.seatech-search-page--faceted) #product-listing-container:not(.mode-1) .productGrid,
  html body.st-modernized #st-all-products:not([data-mode="1"]) .st-all-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
}
@media(max-width:800px) {
  html body.st-modernized :is(.st-categoryModern,.st-brandPilot,.seatech-search-page--faceted) #product-listing-container:not(.mode-1) .productGrid,
  html body.st-modernized #st-all-products:not([data-mode="1"]) .st-all-grid { gap:12px!important; }
}
@media(max-width:350px) {
  html body.st-modernized :is(.st-categoryModern,.st-brandPilot,.seatech-search-page--faceted) #product-listing-container:not(.mode-1) .productGrid,
  html body.st-modernized #st-all-products:not([data-mode="1"]) .st-all-grid { grid-template-columns:minmax(0,1fr)!important; }
}

/* CANDIDATE: confirmed product-phone overflow corrections only.
   No gallery, variant, price calculation, quantity or carousel event changes. */
@media(max-width:800px) {
  /* Let a five-figure price claim its real text width. The action receives
     the remaining width and may wrap, rather than covering quantity. */
  html body.st-modernized .st-mobilePurchase:not([data-price-range]):not([data-no-price]):not([data-no-quantity]) {
    grid-template-columns:max-content 85px minmax(0,1fr);
  }
  html body.st-modernized .st-mobilePurchase-action {
    min-width:0;
    max-width:100%;
    white-space:normal;
  }

  /* Remove the inherited nested-grid negative margins around related cards.
     Slick keeps its own track widths/transforms and native arrow handlers. */
  html body.st-modernized .productView-productTabs .productCarousel {
    box-sizing:border-box;
    width:100%;
    max-width:100%;
    margin-left:0!important;
    margin-right:0!important;
  }
  html body.st-modernized .productView-productTabs .productCarousel>.slick-list {
    box-sizing:border-box;
    min-width:0;
    max-width:100%;
    margin-left:0;
    margin-right:0;
  }
  /* Two distinct44px targets, with8px between them. Preserve the existing
     icon and vertical center: the old34px target gains5px above/below. */
  html body.st-modernized .productView-productTabs .productCarousel>:is(.slick-prev,.slick-next) {
    box-sizing:border-box;
    width:44px;
    height:44px;
    min-width:44px;
    min-height:44px;
    margin-top:-5px;
    padding:0;
    font-size:0;
  }
  html body.st-modernized .productView-productTabs .productCarousel>.slick-prev { left:auto; right:52px; }
  html body.st-modernized .productView-productTabs .productCarousel>.slick-next { left:auto; right:0; }
  html body.st-modernized .productView-productTabs .productCarousel>:is(.slick-prev,.slick-next)::before {
    position:absolute;
    top:50%;
    left:50%;
    width:14px;
    height:14px;
    margin:0;
    transform:translate(-50%,-50%);
  }
  html body.st-modernized .productView-productTabs .page-heading:has(+.productCarousel) { padding-right:104px; }
}
@media(max-width:360px) {
  html body.st-modernized .st-mobilePurchase:not([data-price-range]):not([data-no-price]):not([data-no-quantity]) {
    grid-template-columns:max-content 80px minmax(0,1fr);
  }
}


/* Full names in list view as well: long part names must not vanish at two lines. */
html body.st-modernized :is(.st-categoryModern,.st-brandPilot,.seatech-search-page--faceted) #product-listing-container.mode-1 .card .card-title,
html body.st-modernized #st-all-products[data-mode="1"] .card-title {
  display:block;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  -webkit-line-clamp:unset!important;
  white-space:normal;
  overflow-wrap:anywhere;
}
html body.st-modernized :is(.st-categoryModern,.st-brandPilot,.seatech-search-page--faceted) #product-listing-container.mode-1 .card .card-title>a,
html body.st-modernized #st-all-products[data-mode="1"] .card-title>a {
  display:block;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  -webkit-line-clamp:unset!important;
  white-space:normal;
  overflow-wrap:anywhere;
}

/* Desktop primary and secondary product actions share a height and baseline. */
@media(min-width:801px) {
  html body.st-modernized .productView-options .form-wishlist>.dropdown-menu-button {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:52px;
    max-width:100%;
    margin-right:0!important;
    box-sizing:border-box;
  }
}


/* OPTIONAL sizing consistency, after native DOM/readback confirmation.
   IDs are grounded in the captured custom styles; no form behavior change. */
html body.st-modernized :is(#st-native-contact-form,#sti-native-contact-form) :is(input[type="submit"],button[type="submit"]) {
  box-sizing:border-box;
  min-height:48px!important;
  max-width:100%;
  font-size:15px!important;
  line-height:1.4!important;
  text-align:center!important;
}

/* Match the copyright/payment strip to the existing16px phone page gutter. */
@media(max-width:800px) {
  html body.st-modernized .footer-copyright>.container {
    box-sizing:border-box;
    max-width:100%;
    padding-left:16px;
    padding-right:16px;
  }
}

@media(max-width:800px){#st-all-products .st-all-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) 116px;gap:12px}#st-all-products .st-all-status{grid-column:1;grid-row:1}#st-all-products .st-all-controls{display:contents!important}}
#tab-description a[href*="/seatech-sourced-"][href$="-rod-end-ball-joint.html"]{display:inline-block;padding:3px 0}
#tab-warranty{overflow-wrap:anywhere}