/* ============================================================================ PAGE FAMILY: catalog categories + group-by pages (B9) — SKIN tier — from site-wahooart-V2.0.css, original order Migrated 2026-07-05. Scope: every rule scoped to a *-categories-page or *-groupby-page class (the 4 categories + 4 group-by templates). PHASE-A FIDELITY: verbatim relocation (incl. legacy !important); tokenization is a recorded follow-up. Do not edit without re-running the harness diff. ============================================================================ */ .search_sec.catalog-categories-page .custom_search .artwork-catalog-card, .search_sec.catalog-categories-page .custom_search .article-list-card, .search_sec.artwork-categories-page .custom_search .artwork-catalog-card, .search_sec.artwork-categories-page .custom_search .article-list-card{ background:transparent; border:1px solid var(--wa-line); border-bottom:none; /* col border provides bottom line */ border-radius:0; overflow: visible; /* the global hover panel extends BELOW the card — never clip it (image zoom is clipped by .search_img's own overflow:hidden) */ box-shadow: none; transition: background-color 0.18s ease; position: relative; }.search_sec.catalog-categories-page .custom_search .artwork-catalog-card:hover, .search_sec.catalog-categories-page .custom_search .article-list-card:hover, .search_sec.artwork-categories-page .custom_search .artwork-catalog-card:hover, .search_sec.artwork-categories-page .custom_search .article-list-card:hover{ background:var(--wa-panel, #E8E2CD); /* = global .search_card:hover / .hover_visible */ }.search_sec.catalog-categories-page .custom_search .artwork-catalog-card .artwork-catalog-card__media, .search_sec.catalog-categories-page .custom_search .article-list-card .article-list-card__media, .search_sec.artwork-categories-page .custom_search .artwork-catalog-card .artwork-catalog-card__media, .search_sec.artwork-categories-page .custom_search .article-list-card .article-list-card__media{ padding: 14px 14px 6px; /* small margin so the framed image breathes inside the card */ background: transparent; border: none; overflow: hidden; /* still clips the hover (Ken Burns) zoom */ position: relative; }.search_sec.catalog-categories-page .custom_search .artwork-catalog-card .artwork-catalog-card__body, .search_sec.catalog-categories-page .custom_search .article-list-card .article-list-card__body, .search_sec.artwork-categories-page .custom_search .artwork-catalog-card .artwork-catalog-card__body, .search_sec.artwork-categories-page .custom_search .article-list-card .article-list-card__body{ padding: 14px 14px 12px; background: transparent; border-top: none; color: var(--wa-ink-soft, #463F35); }.search_sec.catalog-categories-page .custom_search .artwork-catalog-card .artwork-catalog-card__artist h2, .search_sec.catalog-categories-page .custom_search .article-list-card .article-list-card__meta h2, .search_sec.artwork-categories-page .custom_search .artwork-catalog-card .artwork-catalog-card__artist h2, .search_sec.artwork-categories-page .custom_search .article-list-card .article-list-card__meta h2{ font-family:var(--font-body); font-size:0.8rem; font-weight:500; text-transform:uppercase; letter-spacing:0.02em; color:var(--wa-logo-red); margin:0 0 3px; line-height:1.3; }.search_sec.catalog-categories-page .custom_search .artwork-catalog-card .artwork-catalog-card__artist h2 a, .search_sec.catalog-categories-page .custom_search .article-list-card .article-list-card__meta h2 a, .search_sec.artwork-categories-page .custom_search .artwork-catalog-card .artwork-catalog-card__artist h2 a, .search_sec.artwork-categories-page .custom_search .article-list-card .article-list-card__meta h2 a{ color:var(--wa-logo-red); text-decoration:none; font-size:inherit; font-weight:inherit; letter-spacing:inherit; }.search_sec.catalog-categories-page .custom_search .artwork-catalog-card .artwork-catalog-card__artist h2 a:hover, .search_sec.catalog-categories-page .custom_search .article-list-card .article-list-card__meta h2 a:hover, .search_sec.artwork-categories-page .custom_search .artwork-catalog-card .artwork-catalog-card__artist h2 a:hover, .search_sec.artwork-categories-page .custom_search .article-list-card .article-list-card__meta h2 a:hover{ color:var(--wa-logo-red-d); }.search_sec.catalog-categories-page .custom_search .artwork-catalog-card .artwork-catalog-card__artist span, .search_sec.catalog-categories-page .custom_search .article-list-card .article-list-card__meta span, .search_sec.artwork-categories-page .custom_search .artwork-catalog-card .artwork-catalog-card__artist span, .search_sec.artwork-categories-page .custom_search .article-list-card .article-list-card__meta span{ font-family:var(--font-body); font-size:0.82rem; font-weight:500; color:var(--wa-ink); opacity: 0.5; letter-spacing:0; }.search_sec.catalog-categories-page .custom_search .artwork-catalog-card .artwork-catalog-card__artist span a, .search_sec.catalog-categories-page .custom_search .article-list-card .article-list-card__meta span a, .search_sec.artwork-categories-page .custom_search .artwork-catalog-card .artwork-catalog-card__artist span a, .search_sec.artwork-categories-page .custom_search .article-list-card .article-list-card__meta span a{ color:var(--wa-ink); text-decoration:none; }.search_sec.catalog-categories-page .custom_search .artwork-catalog-card .artwork-catalog-card__artist span a:hover, .search_sec.catalog-categories-page .custom_search .article-list-card .article-list-card__meta span a:hover, .search_sec.artwork-categories-page .custom_search .artwork-catalog-card .artwork-catalog-card__artist span a:hover, .search_sec.artwork-categories-page .custom_search .article-list-card .article-list-card__meta span a:hover{ color:var(--wa-bronze, #8A5D2B); }.search_sec.catalog-categories-page .custom_search .artwork-catalog-card .artwork-catalog-card__title, .search_sec.catalog-categories-page .custom_search .article-list-card .article-list-card__title, .search_sec.artwork-categories-page .custom_search .artwork-catalog-card .artwork-catalog-card__title, .search_sec.artwork-categories-page .custom_search .article-list-card .article-list-card__title{ margin-top:5px; color:var(--wa-ink); }.search_sec.catalog-categories-page .custom_search .artwork-catalog-card .artwork-catalog-card__title a, .search_sec.catalog-categories-page .custom_search .article-list-card .article-list-card__title a, .search_sec.artwork-categories-page .custom_search .artwork-catalog-card .artwork-catalog-card__title a, .search_sec.artwork-categories-page .custom_search .article-list-card .article-list-card__title a{ font-family:var(--font-body); font-style:normal; font-weight:500; font-size:1rem; line-height:1.25; color:var(--wa-ink); text-decoration:none; display:block; }.search_sec.catalog-categories-page .custom_search .artwork-catalog-card .artwork-catalog-card__title a:hover, .search_sec.catalog-categories-page .custom_search .article-list-card .article-list-card__title a:hover, .search_sec.artwork-categories-page .custom_search .artwork-catalog-card .artwork-catalog-card__title a:hover, .search_sec.artwork-categories-page .custom_search .article-list-card .article-list-card__title a:hover{ color:var(--wa-bronze, #8A5D2B); } @media (max-width: 575px) {.search_sec.catalog-categories-page .custom_search .artwork-catalog-card .artwork-catalog-card__body, .search_sec.catalog-categories-page .custom_search .article-list-card .article-list-card__body, .search_sec.artwork-categories-page .custom_search .artwork-catalog-card .artwork-catalog-card__body, .search_sec.artwork-categories-page .custom_search .article-list-card .article-list-card__body{ padding: 10px 10px 8px; }.search_sec.catalog-categories-page .custom_search .artwork-catalog-card .artwork-catalog-card__media, .search_sec.catalog-categories-page .custom_search .article-list-card .article-list-card__media, .search_sec.artwork-categories-page .custom_search .artwork-catalog-card .artwork-catalog-card__media, .search_sec.artwork-categories-page .custom_search .article-list-card .article-list-card__media{ padding: 0; } } .search_sec.catalog-groupby-page #groupby-selector, .search_sec.catalog-groupby-page #fieldSelector, .search_sec.catalog-groupby-page .Showing_text .form-control, .search_sec.artwork-groupby-page #groupby-selector, .search_sec.artwork-groupby-page .Showing_text .form-control, .search_sec.artist-groupby-page #groupby-selector, .search_sec.artist-groupby-page .Showing_text .form-control, .search_sec.museum-groupby-page #groupby-selector, .search_sec.museum-groupby-page #fieldSelector, .search_sec.museum-groupby-page .Showing_text .form-control, .search_sec.article-groupby-page #groupby-selector, .search_sec.article-groupby-page .Showing_text .form-control { background-color:var(--wa-inset); border:1px solid var(--wa-sand); color:var(--wa-ink); border-radius: 2px; font-family: var(--font-body); font-size: 16px; } .search_sec.catalog-groupby-page .sidebar .sidebar_box, .search_sec.artwork-groupby-page .sidebar .sidebar_box, .search_sec.artist-groupby-page .sidebar .sidebar_box, .search_sec.museum-groupby-page .sidebar .sidebar_box, .search_sec.article-groupby-page .sidebar .sidebar_box { background-color:var(--wa-panel); border:1px solid var(--wa-sand); color:var(--wa-ink-soft); border-radius: 2px; font-family: var(--font-body); margin-bottom:10px; height:auto; padding:16px; transition:none; } .search_sec.catalog-groupby-page .sidebar .sidebar_box:hover, .search_sec.artwork-groupby-page .sidebar .sidebar_box:hover, .search_sec.artist-groupby-page .sidebar .sidebar_box:hover, .search_sec.museum-groupby-page .sidebar .sidebar_box:hover, .search_sec.article-groupby-page .sidebar .sidebar_box:hover { background-color:var(--wa-panel); border-color:var(--wa-sand); } .search_sec.catalog-groupby-page .sidebar .sidebar_box.active, .search_sec.artwork-groupby-page .sidebar .sidebar_box.active, .search_sec.artist-groupby-page .sidebar .sidebar_box.active, .search_sec.museum-groupby-page .sidebar .sidebar_box.active, .search_sec.article-groupby-page .sidebar .sidebar_box.active { background-color:var(--wa-inset, #F3EFE6); /* UI Kit:active group — lighter inset tint */ border: 1px solid var(--wa-bronze, #8A5D2B); /* strong bronze border signals active */ border-left:3px solid var(--wa-bronze, #8A5D2B); /* accent left rail */ } .search_sec.artwork-groupby-page h3.sidebar_box_title, .search_sec.artwork-groupby-page h3.sidebar_box_title a, .search_sec.artwork-groupby-page p.sidebar_box_description, .search_sec.artwork-groupby-page p.sidebar_box_description a, .search_sec.artist-groupby-page h3.sidebar_box_title, .search_sec.artist-groupby-page h3.sidebar_box_title a, .search_sec.artist-groupby-page p.sidebar_box_description, .search_sec.artist-groupby-page p.sidebar_box_description a, .search_sec.museum-groupby-page h3.sidebar_box_title, .search_sec.museum-groupby-page h3.sidebar_box_title a, .search_sec.museum-groupby-page p.sidebar_box_description, .search_sec.museum-groupby-page p.sidebar_box_description a, .search_sec.article-groupby-page h3.sidebar_box_title, .search_sec.article-groupby-page h3.sidebar_box_title a, .search_sec.article-groupby-page p.sidebar_box_description, .search_sec.article-groupby-page p.sidebar_box_description a, .search_sec.catalog-groupby-page h3.sidebar_box_title, .search_sec.catalog-groupby-page h3.sidebar_box_title a, .search_sec.catalog-groupby-page p.sidebar_box_description, .search_sec.catalog-groupby-page p.sidebar_box_description a { color:var(--wa-ink-soft); font-family: var(--font-body); font-size: 16px; line-height: 1.4; font-weight: 400; text-transform: none; letter-spacing: normal; } .search_sec.artwork-groupby-page h3.sidebar_box_title, .search_sec.artwork-groupby-page h3.sidebar_box_title a, .search_sec.artist-groupby-page h3.sidebar_box_title, .search_sec.artist-groupby-page h3.sidebar_box_title a, .search_sec.museum-groupby-page h3.sidebar_box_title, .search_sec.museum-groupby-page h3.sidebar_box_title a, .search_sec.article-groupby-page h3.sidebar_box_title, .search_sec.article-groupby-page h3.sidebar_box_title a, .search_sec.catalog-groupby-page h3.sidebar_box_title, .search_sec.catalog-groupby-page h3.sidebar_box_title a { font-family: var(--font-title); font-size: 21px; font-weight: 500; line-height: 1.35; color:var(--wa-ink); margin-bottom: 15px; } .search_sec.artwork-groupby-page h3.sidebar_box_title a:hover, .search_sec.artist-groupby-page h3.sidebar_box_title a:hover, .search_sec.museum-groupby-page h3.sidebar_box_title a:hover, .search_sec.article-groupby-page h3.sidebar_box_title a:hover, .search_sec.catalog-groupby-page h3.sidebar_box_title a:hover { color:var(--wa-ink); } .search_sec.artwork-groupby-page p.sidebar_box_description, .search_sec.artwork-groupby-page p.sidebar_box_description a, .search_sec.artist-groupby-page p.sidebar_box_description, .search_sec.artist-groupby-page p.sidebar_box_description a, .search_sec.museum-groupby-page p.sidebar_box_description, .search_sec.museum-groupby-page p.sidebar_box_description a, .search_sec.article-groupby-page p.sidebar_box_description, .search_sec.article-groupby-page p.sidebar_box_description a, .search_sec.catalog-groupby-page p.sidebar_box_description, .search_sec.catalog-groupby-page p.sidebar_box_description a { font-size: 14px; line-height: 1.4; color:var(--wa-muted, #6F6555); /* UI Kit: description = muted/tertiary, subtler than title */ } .search_sec.artwork-groupby-page .sidebar .sidebar_box.active h3.sidebar_box_title, .search_sec.artwork-groupby-page .sidebar .sidebar_box.active h3.sidebar_box_title a, .search_sec.artist-groupby-page .sidebar .sidebar_box.active h3.sidebar_box_title, .search_sec.artist-groupby-page .sidebar .sidebar_box.active h3.sidebar_box_title a, .search_sec.museum-groupby-page .sidebar .sidebar_box.active h3.sidebar_box_title, .search_sec.museum-groupby-page .sidebar .sidebar_box.active h3.sidebar_box_title a, .search_sec.article-groupby-page .sidebar .sidebar_box.active h3.sidebar_box_title, .search_sec.article-groupby-page .sidebar .sidebar_box.active h3.sidebar_box_title a, .search_sec.catalog-groupby-page .sidebar .sidebar_box.active h3.sidebar_box_title, .search_sec.catalog-groupby-page .sidebar .sidebar_box.active h3.sidebar_box_title a { color:var(--wa-ink); font-weight: 600; } .search_sec.catalog-groupby-page .showMainResulsTitle h3, .search_sec.catalog-groupby-page .showMainResulsTitle h3 a, .search_sec.artwork-groupby-page .showMainResulsTitle h3, .search_sec.artwork-groupby-page .showMainResulsTitle h3 a, .search_sec.artist-groupby-page .showMainResulsTitle h3, .search_sec.artist-groupby-page .showMainResulsTitle h3 a, .search_sec.museum-groupby-page .showMainResulsTitle h3, .search_sec.museum-groupby-page .showMainResulsTitle h3 a, .search_sec.article-groupby-page .showMainResulsTitle h3, .search_sec.article-groupby-page .showMainResulsTitle h3 a { font-family:var(--font-title); font-size:21px; font-weight:500; line-height:1.35; color:var(--wa-ink); text-transform: none; letter-spacing: normal; } .search_sec.catalog-groupby-page .showMainResulsTitle h3 a:hover, .search_sec.artwork-groupby-page .showMainResulsTitle h3 a:hover, .search_sec.artist-groupby-page .showMainResulsTitle h3 a:hover, .search_sec.museum-groupby-page .showMainResulsTitle h3 a:hover, .search_sec.article-groupby-page .showMainResulsTitle h3 a:hover { color:var(--wa-ink); } .search_sec.catalog-groupby-page .showMainResulsBox, .search_sec.artwork-groupby-page .showMainResulsBox, .search_sec.artist-groupby-page .showMainResulsBox, .search_sec.museum-groupby-page .showMainResulsBox, .search_sec.article-groupby-page .showMainResulsBox { background-color:var(--wa-panel); color:var(--wa-ink-soft); border: none; border-radius: 2px; font-family: var(--font-body); } .search_sec.catalog-groupby-page .showMainResulsBox .col-md-4.col-md-42, .search_sec.catalog-groupby-page .showMainResulsBox .col-md-8.col-md-82, .search_sec.catalog-groupby-page .showMainResulsBox .showResultsItems .col-md-6, .search_sec.artwork-groupby-page .showMainResulsBox .col-md-4.col-md-42, .search_sec.artwork-groupby-page .showMainResulsBox .col-md-8.col-md-82, .search_sec.artwork-groupby-page .showMainResulsBox .showResultsItems .col-md-6, .search_sec.artist-groupby-page .showMainResulsBox .col-md-4.col-md-42, .search_sec.artist-groupby-page .showMainResulsBox .col-md-8.col-md-82, .search_sec.artist-groupby-page .showMainResulsBox .showResultsItems .col-md-6, .search_sec.museum-groupby-page .showMainResulsBox .col-md-4.col-md-42, .search_sec.museum-groupby-page .showMainResulsBox .col-md-8.col-md-82, .search_sec.museum-groupby-page .showMainResulsBox .showResultsItems .col-md-6, .search_sec.article-groupby-page .showMainResulsBox .col-md-4.col-md-42, .search_sec.article-groupby-page .showMainResulsBox .col-md-8.col-md-82, .search_sec.article-groupby-page .showMainResulsBox .showResultsItems .col-md-6 { background-color:var(--wa-panel); } .search_sec.catalog-groupby-page .showMainResulsTitle h3 span, .search_sec.artwork-groupby-page .showMainResulsTitle h3 span, .search_sec.artist-groupby-page .showMainResulsTitle h3 span, .search_sec.museum-groupby-page .showMainResulsTitle h3 span, .search_sec.article-groupby-page .showMainResulsTitle h3 span { background-color:var(--wa-panel); color:var(--wa-bronze); font-family: var(--font-body); font-size: 14px; font-weight: 500; line-height: 1.4; }.search_sec.catalog-categories-page .custom_search .artwork-catalog-card .artwork-catalog-card__hover, .search_sec.catalog-categories-page .custom_search .article-list-card .article-list-card__hover, .search_sec.artwork-categories-page .custom_search .artwork-catalog-card .artwork-catalog-card__hover, .search_sec.artwork-categories-page .custom_search .article-list-card .article-list-card__hover{ background:var(--wa-panel, #E8E2CD); } /* ============================================================================ A1b/c/d RECONCILIATION PINS (2026-07-06, HEAD-ref verified): category grid tiles converted to BEM now match A1 phase-A `.custom_search ...` !important chains that the old alias markup never matched. Values re-assert a git-HEAD reference render (RULE 4). High class-repetition out-specifies the `.custom_search .card.card .hover.hover ...` chains. ========================================================================= */ .article-categories-page .article-list-card.article-list-card.article-list-card { border-top-style:solid; border-top-color:rgb(220, 211, 191); } .article-categories-page .catalog-card-meta-description.catalog-card-meta-description.catalog-card-meta-description.catalog-card-meta-description.catalog-card-meta-description.catalog-card-meta-description { margin-bottom:15px; font-family:"Baskervville SC", Georgia, "Times New Roman", serif; font-weight:500; line-height:normal; } .artist-categories-page .artwork-catalog-card.artwork-catalog-card.artwork-catalog-card.artwork-catalog-card.artwork-catalog-card.artwork-catalog-card { padding:25px 15px; } .artist-categories-page .artwork-catalog-card__media.artwork-catalog-card__media.artwork-catalog-card__media.artwork-catalog-card__media.artwork-catalog-card__media.artwork-catalog-card__media { padding:14px 14px 6px; } .artist-categories-page .artwork-catalog-card__media-link.artwork-catalog-card__media-link.artwork-catalog-card__media-link.artwork-catalog-card__media-link.artwork-catalog-card__media-link.artwork-catalog-card__media-link { display:flex; overflow:visible; } .artist-categories-page .artwork-catalog-card__body.artwork-catalog-card__body.artwork-catalog-card__body.artwork-catalog-card__body.artwork-catalog-card__body.artwork-catalog-card__body { margin-top:12px; } .artist-categories-page .artwork-catalog-card__hover.artwork-catalog-card__hover.artwork-catalog-card__hover.artwork-catalog-card__hover.artwork-catalog-card__hover.artwork-catalog-card__hover { padding:0px 18px 30px; margin-top:15px; border-top-style:none; border-top-color:rgb(33, 37, 41); } .artist-categories-page .artwork-catalog-card__content.artwork-catalog-card__content.artwork-catalog-card__content.artwork-catalog-card__content.artwork-catalog-card__content.artwork-catalog-card__content { margin-left:auto; margin-right:auto; } .artist-categories-page .artwork-catalog-card__footer.artwork-catalog-card__footer.artwork-catalog-card__footer.artwork-catalog-card__footer.artwork-catalog-card__footer.artwork-catalog-card__footer { align-items:center; } .artist-categories-page .artwork-catalog-card__cart-group.artwork-catalog-card__cart-group.artwork-catalog-card__cart-group.artwork-catalog-card__cart-group.artwork-catalog-card__cart-group.artwork-catalog-card__cart-group { display:block; align-items:normal; } /* -- GROUPBY SEARCH CHROME SWEEP (2026-07-06): bare inner classes of the 4 group_by templates (showResultsItems, showMainResuls*, sortABC, sidebar rail, labels, numeric slider container, custom cols) - verbatim, original order -- */ .showMainResulsImage a img { transition: filter 0.75s ease, transform 2.5s ease; } .showMainResulsImage a:hover img { filter: brightness(1.14) saturate(1.25); transform: scale(1.05) translateY(-3%); }