/* Purple Frog Signs — scoped Products overview refinement. */

.page--products-overview .signage-finder {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: clamp(4.75rem, 8vw, 8rem) 0;
    background:
        radial-gradient(circle at 14% 18%, rgba(255, 255, 255, .035) 0 1px, transparent 1.5px) 0 0 / 12px 12px,
        linear-gradient(145deg, #271330 0%, #32142f 58%, #271330 100%);
    color: #fff;
}

.page--products-overview .signage-finder::before {
    position: absolute;
    z-index: -1;
    inset: 0;
    background: linear-gradient(110deg, transparent 0 72%, rgba(163, 22, 94, .12) 72% 73%, transparent 73%);
    content: "";
    pointer-events: none;
}

.page--products-overview .signage-finder__header {
    display: grid;
    grid-template-columns: minmax(18rem, .85fr) minmax(0, 1.15fr);
    gap: clamp(2rem, 6vw, 6rem);
    align-items: end;
    margin-bottom: clamp(2.75rem, 5vw, 4.75rem);
    padding-top: 1.5rem;
    border-top: .25rem solid #A3165E;
}

.page--products-overview .signage-finder__header h2 {
    max-width: 50rem;
    margin: 0;
    color: #fff;
    font-size: clamp(2.65rem, 5.2vw, 5.3rem);
    line-height: .98;
}

.page--products-overview .signage-finder__header > p {
    max-width: 48rem;
    margin: 0;
    color: rgba(255, 255, 255, .82);
    font-size: clamp(.98rem, 1.2vw, 1.1rem);
    line-height: 1.72;
}

.page--products-overview .signage-finder__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(2.1rem, 3.5vw, 3.6rem) clamp(1.2rem, 2.3vw, 2.25rem);
}

.page--products-overview .signage-finder-card {
    min-width: 0;
    padding-top: .85rem;
    border-top: .15rem solid #A3165E;
}

.page--products-overview .signage-finder-card__link {
    display: grid;
    height: 100%;
    grid-template-rows: auto auto 1fr;
    color: #fff;
    text-decoration: none;
}

.page--products-overview .signage-finder-card__link:hover {
    color: #fff;
}

.page--products-overview .signage-finder-card__link:focus-visible {
    border-radius: .35rem;
    outline: .2rem solid #fff;
    outline-offset: .45rem;
}

.page--products-overview .signage-finder-card__media {
    position: relative;
    margin: 0 0 1.1rem;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: .4rem;
    background: #EEEAE6;
}

.page--products-overview .signage-finder-card__media picture {
    display: block;
}

.page--products-overview .signage-finder-card__media img {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    transition: transform 220ms ease;
}

.page--products-overview .signage-finder-card__media figcaption {
    padding: .65rem .75rem;
    background: #FBFAF7;
    color: #1E1D22;
    font-size: .72rem;
    line-height: 1.45;
}

.page--products-overview .signage-finder-card__link:hover .signage-finder-card__media img {
    transform: scale(1.025);
}

.page--products-overview .signage-finder-card__index {
    display: inline-grid;
    width: 2.25rem;
    min-height: 1.65rem;
    place-items: center;
    margin-bottom: .75rem;
    border-radius: 999px;
    background: #FBFAF7;
    color: #A3165E;
    font-size: .67rem;
    font-weight: 850;
    letter-spacing: .08em;
}

.page--products-overview .signage-finder-card__copy {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.page--products-overview .signage-finder-card__copy h3 {
    margin-bottom: .65rem;
    color: #fff;
    font-size: clamp(1.28rem, 1.55vw, 1.62rem);
    line-height: 1.14;
}

.page--products-overview .signage-finder-card__copy p {
    margin-bottom: 1.2rem;
    color: rgba(255, 255, 255, .78);
    font-size: .88rem;
    line-height: 1.6;
}

.page--products-overview .signage-finder-card__action {
    display: inline-flex;
    gap: .65rem;
    align-items: center;
    margin-top: auto;
    color: #fff;
    font-size: .8rem;
    font-weight: 800;
}

.page--products-overview .signage-finder-card__action .signage-finder-card__arrow {
    display: inline-grid;
    width: 2rem;
    height: 2rem;
    flex: 0 0 2rem;
    place-items: center;
    border-radius: 50%;
    background: #fff;
    color: #A3165E;
    font-size: 1rem;
    transition: background 160ms ease, color 160ms ease, transform 180ms ease;
}

.page--products-overview .signage-finder-card__link:hover .signage-finder-card__action .signage-finder-card__arrow,
.page--products-overview .signage-finder-card__link:focus-visible .signage-finder-card__action .signage-finder-card__arrow {
    background: #EEEAE6;
    color: #7D1448;
    transform: translateX(.22rem);
}

.page--products-overview .signage-finder-card > .image-disclosure {
    border-color: rgba(255, 255, 255, .25);
    color: #fff;
}

.page--products-overview .signage-finder-card > .image-disclosure summary {
    color: #fff;
}

.page--products-overview .signage-finder-card > .image-disclosure p {
    color: rgba(255, 255, 255, .78);
}

.page--products-overview .signage-finder__disclosure {
    margin-top: clamp(3rem, 6vw, 5rem);
    padding: 1.25rem 1.4rem;
    border-left: .22rem solid #A3165E;
    background: rgba(255, 255, 255, .075);
}

.page--products-overview .signage-finder__disclosure p {
    max-width: 70rem;
    margin: 0;
    color: rgba(255, 255, 255, .84);
    font-size: .82rem;
    line-height: 1.65;
}

.page--products-overview .signage-finder__disclosure a {
    color: #fff;
    font-weight: 800;
}

/* Honest non-photo fallback. Each variation is a product silhouette, not
   project evidence, a generated image or an empty media shell. */
.product-finder-visual {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background:
        linear-gradient(rgba(39, 19, 48, .035) 1px, transparent 1px) 0 0 / 100% 12px,
        linear-gradient(145deg, #FBFAF7 0%, #E4DEDA 100%);
}

.product-finder-visual > span:not(.product-finder-visual__badge) {
    position: absolute;
    display: block;
    box-sizing: border-box;
}

.product-finder-visual__ground {
    right: 8%;
    bottom: 12%;
    left: 8%;
    height: 2px;
    background: rgba(39, 19, 48, .22);
}

.product-finder-visual__structure {
    right: 12%;
    bottom: 13%;
    left: 12%;
    height: 64%;
    border: .18rem solid #271330;
    background: #FBFAF7;
    box-shadow: .45rem .45rem 0 rgba(39, 19, 48, .11);
}

.product-finder-visual__panel {
    top: 30%;
    right: 18%;
    left: 18%;
    height: 22%;
    border: .18rem solid #271330;
    background: #fff;
    box-shadow: inset 0 .4rem #A3165E;
}

.product-finder-visual__detail {
    bottom: 17%;
    left: 22%;
    width: 21%;
    height: 28%;
    border: .13rem solid #271330;
    background: rgba(163, 22, 94, .12);
}

.product-finder-visual__detail-two {
    right: 22%;
    bottom: 17%;
    width: 25%;
    height: 28%;
    border: .13rem solid #271330;
    background: linear-gradient(90deg, transparent 47%, #271330 48% 52%, transparent 53%);
}

.product-finder-visual__mark {
    top: 38%;
    left: 31%;
    width: 38%;
    height: .18rem;
    background: #271330;
    box-shadow: 0 .52rem 0 rgba(39, 19, 48, .35);
}

.product-finder-visual__badge {
    position: absolute;
    right: .55rem;
    bottom: .55rem;
    padding: .38rem .5rem;
    border-radius: .2rem;
    background: rgba(39, 19, 48, .92);
    color: #fff;
    font-size: .6rem;
    font-weight: 800;
    letter-spacing: .025em;
}

/* Letter forms. */
.product-finder-visual--built-up-flat-cut-illuminated-letters .product-finder-visual__panel,
.product-finder-visual--built-up-flat-cut-letters .product-finder-visual__panel,
.product-finder-visual--letters .product-finder-visual__panel {
    border: 0;
    background: transparent;
    box-shadow: none;
}

.product-finder-visual--built-up-flat-cut-illuminated-letters .product-finder-visual__mark,
.product-finder-visual--built-up-flat-cut-letters .product-finder-visual__mark,
.product-finder-visual--letters .product-finder-visual__mark {
    top: 31%;
    left: 23%;
    width: 9%;
    height: 22%;
    border: .35rem solid #A3165E;
    border-top: 0;
    background: transparent;
    box-shadow: 1.3rem 0 0 -.28rem #271330, 2.55rem 0 0 -.28rem #A3165E, 3.8rem 0 0 -.28rem #271330;
}

/* Projecting sign. */
.product-finder-visual--projecting-signs .product-finder-visual__structure {
    right: auto;
    left: 12%;
    width: 23%;
    height: 72%;
}

.product-finder-visual--projecting-signs .product-finder-visual__panel {
    top: 23%;
    right: 16%;
    left: 41%;
    height: 42%;
    box-shadow: inset 0 .4rem #A3165E, .45rem .45rem 0 rgba(39, 19, 48, .13);
}

.product-finder-visual--projecting-signs .product-finder-visual__detail {
    top: 17%;
    bottom: auto;
    left: 32%;
    width: 31%;
    height: .24rem;
    border: 0;
    background: #271330;
}

.product-finder-visual--projecting-signs .product-finder-visual__detail-two {
    top: 17%;
    right: auto;
    bottom: auto;
    left: 55%;
    width: .24rem;
    height: 8%;
    border: 0;
    background: #271330;
}

/* Freestanding products. */
.product-finder-visual--post-panel-signs .product-finder-visual__structure,
.product-finder-visual--post-and-panel-signs .product-finder-visual__structure,
.product-finder-visual--entrance-directional-signs .product-finder-visual__structure {
    right: auto;
    bottom: 10%;
    left: 24%;
    width: 5%;
    height: 64%;
    border: 0;
    background: #271330;
    box-shadow: 3.65rem 0 0 #271330;
}

.product-finder-visual--post-panel-signs .product-finder-visual__panel,
.product-finder-visual--post-and-panel-signs .product-finder-visual__panel,
.product-finder-visual--entrance-directional-signs .product-finder-visual__panel {
    top: 20%;
    right: 18%;
    left: 18%;
    height: 38%;
}

.product-finder-visual--monolith-totem-signs .product-finder-visual__structure,
.product-finder-visual--monolith-and-totem-signs .product-finder-visual__structure {
    top: 10%;
    right: 34%;
    bottom: 11%;
    left: 34%;
    height: auto;
    border: 0;
    border-radius: .18rem .18rem 0 0;
    background: #271330;
    box-shadow: .45rem .35rem 0 rgba(39, 19, 48, .2);
}

.product-finder-visual--monolith-totem-signs .product-finder-visual__panel,
.product-finder-visual--monolith-and-totem-signs .product-finder-visual__panel {
    top: 23%;
    right: 38%;
    left: 38%;
    height: 23%;
    border: 0;
    background: #fff;
    box-shadow: inset 0 .35rem #A3165E;
}

.product-finder-visual--monolith-totem-signs .product-finder-visual__mark,
.product-finder-visual--monolith-and-totem-signs .product-finder-visual__mark {
    top: 56%;
    left: 40%;
    width: 20%;
    background: rgba(255, 255, 255, .7);
    box-shadow: 0 .55rem rgba(255, 255, 255, .7), 0 1.1rem rgba(255, 255, 255, .7);
}

/* Directories and wayfinding. */
.product-finder-visual--wayfinding-directory-signs .product-finder-visual__structure,
.product-finder-visual--wayfinding-and-directory-signs .product-finder-visual__structure {
    top: 13%;
    right: 22%;
    bottom: 13%;
    left: 22%;
    height: auto;
    border-width: .25rem;
}

.product-finder-visual--wayfinding-directory-signs .product-finder-visual__panel,
.product-finder-visual--wayfinding-and-directory-signs .product-finder-visual__panel {
    top: 22%;
    right: 28%;
    left: 28%;
    height: 10%;
    border: 0;
    background: #A3165E;
    box-shadow: none;
}

.product-finder-visual--wayfinding-directory-signs .product-finder-visual__mark,
.product-finder-visual--wayfinding-and-directory-signs .product-finder-visual__mark {
    top: 42%;
    left: 30%;
    width: 40%;
    background: #271330;
    box-shadow: 0 .75rem #271330, 0 1.5rem #271330;
}

/* Interior reception and acrylic panels. */
.product-finder-visual--reception-office-signs .product-finder-visual__structure,
.product-finder-visual--reception-and-office-signs .product-finder-visual__structure {
    right: 10%;
    left: 10%;
    height: 70%;
    background: linear-gradient(145deg, #FBFAF7, #E5DEDA);
}

.product-finder-visual--reception-office-signs .product-finder-visual__detail,
.product-finder-visual--reception-and-office-signs .product-finder-visual__detail {
    right: 17%;
    bottom: 14%;
    left: 17%;
    width: auto;
    height: 21%;
    border: 0;
    background: #271330;
    transform: skewX(-8deg);
}

.product-finder-visual--acrylic-standoff-signs .product-finder-visual__structure,
.product-finder-visual--acrylic-and-standoff-signs .product-finder-visual__structure {
    top: 13%;
    right: 17%;
    bottom: 13%;
    left: 17%;
    height: auto;
    border: 1px solid rgba(255, 255, 255, .7);
    background: linear-gradient(145deg, #271330, #54224c);
}

.product-finder-visual--acrylic-standoff-signs .product-finder-visual__panel,
.product-finder-visual--acrylic-and-standoff-signs .product-finder-visual__panel {
    top: 22%;
    right: 25%;
    bottom: 22%;
    left: 25%;
    height: auto;
    border: 1px solid rgba(255, 255, 255, .78);
    background: rgba(255, 255, 255, .16);
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, .25);
}

.product-finder-visual--acrylic-standoff-signs .product-finder-visual__detail,
.product-finder-visual--acrylic-and-standoff-signs .product-finder-visual__detail,
.product-finder-visual--acrylic-standoff-signs .product-finder-visual__detail-two,
.product-finder-visual--acrylic-and-standoff-signs .product-finder-visual__detail-two {
    width: .52rem;
    height: .52rem;
    border: .12rem solid #fff;
    border-radius: 50%;
    background: #A3165E;
}

.product-finder-visual--acrylic-standoff-signs .product-finder-visual__detail,
.product-finder-visual--acrylic-and-standoff-signs .product-finder-visual__detail {
    bottom: 25%;
    left: 28%;
}

.product-finder-visual--acrylic-standoff-signs .product-finder-visual__detail-two,
.product-finder-visual--acrylic-and-standoff-signs .product-finder-visual__detail-two {
    right: 28%;
    bottom: 25%;
}

/* Metal, glass and wall-surface products. */
.product-finder-visual--metal-signs .product-finder-visual__structure {
    top: 17%;
    right: 18%;
    bottom: 17%;
    left: 18%;
    height: auto;
    border: .22rem solid #271330;
    background: repeating-linear-gradient(92deg, #D9D9D6 0 2px, #EFEDEA 2px 5px);
    box-shadow: .5rem .5rem 0 rgba(39, 19, 48, .15);
}

.product-finder-visual--window-graphics-privacy-films .product-finder-visual__structure,
.product-finder-visual--window-graphics-and-privacy-films .product-finder-visual__structure {
    top: 11%;
    right: 13%;
    bottom: 13%;
    left: 13%;
    height: auto;
    background: linear-gradient(105deg, rgba(163, 22, 94, .15) 0 49%, rgba(255, 255, 255, .78) 50%);
}

.product-finder-visual--window-graphics-privacy-films .product-finder-visual__structure::before,
.product-finder-visual--window-graphics-and-privacy-films .product-finder-visual__structure::before {
    position: absolute;
    inset: 0 50% 0 auto;
    width: .15rem;
    background: #271330;
    content: "";
}

.product-finder-visual--window-graphics-privacy-films .product-finder-visual__panel,
.product-finder-visual--window-graphics-and-privacy-films .product-finder-visual__panel {
    top: 38%;
    right: 17%;
    left: 17%;
    height: 29%;
    border: 0;
    background: repeating-linear-gradient(135deg, rgba(255, 255, 255, .7) 0 4px, rgba(163, 22, 94, .25) 4px 8px);
    box-shadow: none;
}

.product-finder-visual--wall-graphics-interior-branding .product-finder-visual__structure {
    right: 10%;
    left: 10%;
    height: 70%;
    background: linear-gradient(140deg, #FBFAF7 0 42%, #A3165E 42% 65%, #271330 65%);
}

.product-finder-visual--wall-graphics-interior-branding .product-finder-visual__detail {
    bottom: 13%;
    left: 23%;
    width: 54%;
    height: 18%;
    border: 0;
    background: #271330;
}

/* Vehicle. */
.product-finder-visual--vehicle-graphics .product-finder-visual__structure {
    right: 12%;
    bottom: 24%;
    left: 12%;
    height: 42%;
    border: .22rem solid #271330;
    border-radius: .4rem 1.8rem .35rem .35rem;
    background: linear-gradient(100deg, #FBFAF7 0 62%, rgba(39, 19, 48, .18) 63%);
    box-shadow: inset 0 -.7rem #A3165E;
}

.product-finder-visual--vehicle-graphics .product-finder-visual__detail,
.product-finder-visual--vehicle-graphics .product-finder-visual__detail-two {
    bottom: 18%;
    width: 16%;
    height: 16%;
    border: .3rem solid #271330;
    border-radius: 50%;
    background: #FBFAF7;
}

.product-finder-visual--vehicle-graphics .product-finder-visual__detail { left: 23%; }
.product-finder-visual--vehicle-graphics .product-finder-visual__detail-two { right: 22%; }

/* Construction and safety. */
.product-finder-visual--construction-signage-hoarding .product-finder-visual__structure,
.product-finder-visual--construction-signage-and-hoarding .product-finder-visual__structure {
    right: 6%;
    bottom: 15%;
    left: 6%;
    height: 62%;
    border-width: .16rem;
    background: repeating-linear-gradient(90deg, #FBFAF7 0 24%, #EEEAE6 24% 25%);
    box-shadow: inset 0 .5rem #A3165E;
}

.product-finder-visual--construction-signage-hoarding .product-finder-visual__panel,
.product-finder-visual--construction-signage-and-hoarding .product-finder-visual__panel {
    top: 33%;
    right: 12%;
    left: 12%;
    height: 25%;
    border: 0;
    background: linear-gradient(135deg, #271330 0 48%, #A3165E 49%);
    box-shadow: none;
}

.product-finder-visual--safety-signs .product-finder-visual__structure {
    top: 12%;
    right: 18%;
    bottom: 14%;
    left: 18%;
    height: auto;
    background: #FBFAF7;
}

.product-finder-visual--safety-signs .product-finder-visual__panel {
    top: 21%;
    right: 30%;
    left: 30%;
    height: 42%;
    border: .28rem solid #A3165E;
    background: transparent;
    box-shadow: none;
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
}

.product-finder-visual--safety-signs .product-finder-visual__mark {
    top: 36%;
    left: 49%;
    width: 3%;
    height: 16%;
    background: #271330;
    box-shadow: 0 1.25rem 0 .05rem #271330;
}

/* Display and print products. */
.product-finder-visual--banners-exhibition-displays .product-finder-visual__structure,
.product-finder-visual--banners-and-exhibition-displays .product-finder-visual__structure {
    top: 9%;
    right: 31%;
    bottom: 20%;
    left: 31%;
    height: auto;
    border: 0;
    border-top: .45rem solid #A3165E;
    background: linear-gradient(155deg, #fff 0 58%, #EEEAE6 59%);
    box-shadow: 0 1rem 2rem rgba(39, 19, 48, .14);
}

.product-finder-visual--banners-exhibition-displays .product-finder-visual__panel,
.product-finder-visual--banners-and-exhibition-displays .product-finder-visual__panel {
    top: auto;
    right: 25%;
    bottom: 14%;
    left: 25%;
    height: 9%;
    border: 0;
    border-radius: 50% 50% .2rem .2rem;
    background: #271330;
    box-shadow: none;
}

.product-finder-visual--printed-display-boards .product-finder-visual__structure {
    top: 14%;
    right: 26%;
    bottom: 20%;
    left: 18%;
    height: auto;
    border: .25rem solid #fff;
    background: linear-gradient(145deg, #271330 0 58%, #A3165E 59%);
    box-shadow: 1.2rem .8rem 0 #D7D0CC, 0 1rem 2rem rgba(39, 19, 48, .18);
}

.product-finder-visual--large-format-print .product-finder-visual__structure {
    top: 20%;
    right: 16%;
    bottom: 22%;
    left: 16%;
    height: auto;
    border-radius: .3rem;
    background: #271330;
}

.product-finder-visual--large-format-print .product-finder-visual__panel {
    top: 13%;
    right: 25%;
    left: 25%;
    height: 55%;
    border: 0;
    background: linear-gradient(150deg, #fff 0 54%, #A3165E 55% 72%, #EEEAE6 73%);
    box-shadow: 0 1rem 1.8rem rgba(39, 19, 48, .18);
}

.product-finder-visual--business-marketing-print .product-finder-visual__structure,
.product-finder-visual--business-and-marketing-print .product-finder-visual__structure {
    top: 18%;
    right: 28%;
    bottom: 20%;
    left: 23%;
    height: auto;
    border: .12rem solid rgba(39, 19, 48, .2);
    background: #fff;
    box-shadow: .8rem .55rem 0 #EEEAE6, 1.6rem 1.1rem 0 #fff, 1.65rem 1.15rem 0 .12rem rgba(39, 19, 48, .12);
    transform: rotate(-5deg);
}

.product-finder-visual--business-marketing-print .product-finder-visual__panel,
.product-finder-visual--business-and-marketing-print .product-finder-visual__panel {
    top: 29%;
    right: 35%;
    left: 31%;
    height: 9%;
    border: 0;
    background: #A3165E;
    box-shadow: none;
    transform: rotate(-5deg);
}

/* Retained guides gain a clearer editorial cadence without changing their
   code-native honesty or optional owner-managed image behavior. */
.page--products-overview .format-visuals {
    border-top: 0;
    background:
        linear-gradient(90deg, rgba(39, 19, 48, .025) 1px, transparent 1px) 0 0 / 16px 100%,
        #EEEAE6;
}

.page--products-overview .format-visuals__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.2rem;
}

.page--products-overview .format-card,
.page--products-overview .material-card {
    box-shadow: 0 15px 35px rgba(39, 19, 48, .06);
}

.page--products-overview .format-card__inner {
    display: flex;
    height: 100%;
    flex-direction: column;
}

.page--products-overview .format-card--with-image .format-card__media picture,
.page--products-overview .format-card--with-image .format-card__media img {
    display: block;
    width: 100%;
}

.page--products-overview .format-card--with-image .format-card__media img {
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

.page--products-overview .format-card__media figcaption,
.page--products-overview .material-card__media figcaption {
    padding: .65rem .75rem;
    border-top: 1px solid rgba(39, 19, 48, .1);
    background: #FBFAF7;
    color: #1E1D22;
    font-size: .72rem;
    line-height: 1.45;
}

.page--products-overview .format-card > .image-disclosure {
    margin: 0 1.2rem 1.2rem;
}

.page--products-overview .format-card--folded-sign-tray .format-card__diagram i:nth-child(1) {
    top: 20%;
    left: 16%;
    width: 65%;
    height: 58%;
    border: .18rem solid #271330;
    background: #fff;
    box-shadow: inset 0 .45rem #A3165E, 0 12px 22px rgba(39, 19, 48, .14);
}

.page--products-overview .format-card--folded-sign-tray .format-card__diagram i:nth-child(2) {
    top: 25%;
    left: 81%;
    width: 8%;
    height: 58%;
    background: #8E8390;
    transform: skewY(38deg);
    transform-origin: top left;
}

.page--products-overview .format-card--folded-sign-tray .format-card__diagram i:nth-child(3) {
    top: 78%;
    left: 21%;
    width: 67%;
    height: 8%;
    background: #B5AFB5;
    transform: skewX(42deg);
    transform-origin: top left;
}

.page--products-overview .format-card--folded-sign-tray .format-card__diagram i:nth-child(4) {
    top: 42%;
    left: 28%;
    width: 40%;
    height: 4%;
    background: #271330;
    box-shadow: 0 .65rem 0 rgba(39, 19, 48, .25);
}

.page--products-overview .format-card--lightbox .format-card__diagram {
    background: linear-gradient(145deg, #271330, #4A2147);
}

.page--products-overview .format-card--lightbox .format-card__diagram i:nth-child(1) {
    top: 20%;
    right: 16%;
    bottom: 20%;
    left: 16%;
    border: .45rem solid #271330;
    background: #fff;
    box-shadow: inset 0 0 2.5rem rgba(163, 22, 94, .24), 0 0 1.8rem rgba(255, 255, 255, .35);
}

.page--products-overview .format-card--lightbox .format-card__diagram i:nth-child(2) {
    top: 39%;
    left: 29%;
    width: 42%;
    height: .28rem;
    background: #A3165E;
    box-shadow: 0 .75rem #271330;
}

.page--products-overview .format-card--lightbox .format-card__diagram i:nth-child(3),
.page--products-overview .format-card--lightbox .format-card__diagram i:nth-child(4) {
    bottom: 14%;
    width: 15%;
    height: .22rem;
    background: rgba(255, 255, 255, .55);
}

.page--products-overview .format-card--lightbox .format-card__diagram i:nth-child(3) { left: 24%; }
.page--products-overview .format-card--lightbox .format-card__diagram i:nth-child(4) { right: 24%; }

.page--products-overview .format-card--freestanding-display .format-card__diagram i:nth-child(1) {
    top: 13%;
    right: 27%;
    bottom: 20%;
    left: 27%;
    border: .25rem solid #271330;
    border-top: .5rem solid #A3165E;
    background: linear-gradient(150deg, #fff 0 58%, #EEEAE6 59%);
    box-shadow: 0 1rem 2rem rgba(39, 19, 48, .15);
}

.page--products-overview .format-card--freestanding-display .format-card__diagram i:nth-child(2) {
    right: 21%;
    bottom: 15%;
    left: 21%;
    height: 7%;
    border-radius: 50%;
    background: #271330;
}

.page--products-overview .format-card--freestanding-display .format-card__diagram i:nth-child(3),
.page--products-overview .format-card--freestanding-display .format-card__diagram i:nth-child(4) {
    bottom: 11%;
    width: 24%;
    height: .2rem;
    background: #271330;
}

.page--products-overview .format-card--freestanding-display .format-card__diagram i:nth-child(3) { left: 22%; transform: rotate(-7deg); }
.page--products-overview .format-card--freestanding-display .format-card__diagram i:nth-child(4) { right: 22%; transform: rotate(7deg); }

.page--products-overview .material-visuals--overview {
    background: #FBFAF7;
}

.page--products-overview .material-card__applications {
    margin-top: .75rem;
    padding-top: .75rem;
    border-top: 1px solid rgba(39, 19, 48, .11);
    font-size: .76rem;
}

.page--products-overview .material-card--banner-pvc .material-card__diagram {
    background: linear-gradient(145deg, #FBFAF7, #DED8D4);
}

.page--products-overview .material-card--banner-pvc .material-card__diagram span {
    top: 18%;
    left: 23%;
    width: 54%;
    height: 62%;
    border: 1px solid rgba(39, 19, 48, .25);
    background: linear-gradient(145deg, #fff 0 56%, rgba(163, 22, 94, .3) 57%);
    box-shadow: 0 18px 30px rgba(39, 19, 48, .16);
}

.page--products-overview .material-card--banner-pvc .material-card__diagram span:nth-child(2) {
    left: 20%;
    width: .42rem;
    border: 0;
    background: #271330;
}

.page--products-overview .material-card--banner-pvc .material-card__diagram span:nth-child(3) {
    left: auto;
    right: 20%;
    width: .42rem;
    border: 0;
    background: #271330;
}

.page--products-overview .material-card--mesh .material-card__diagram {
    background-color: #A3165E;
    background-image: radial-gradient(rgba(255, 255, 255, .72) 1px, transparent 1.5px);
    background-size: 9px 9px;
}

.page--products-overview .material-card--mesh .material-card__diagram span {
    top: 17%;
    left: 24%;
    width: 52%;
    height: 65%;
    border: 1px solid rgba(255, 255, 255, .7);
    background: repeating-linear-gradient(135deg, rgba(39, 19, 48, .18) 0 2px, transparent 2px 8px);
    box-shadow: 0 18px 30px rgba(39, 19, 48, .3);
}

.page--products-overview .material-card--mesh .material-card__diagram span:nth-child(2) {
    left: 22%;
    width: .5rem;
    border: 0;
    background: #FBFAF7;
}

.page--products-overview .material-card--mesh .material-card__diagram span:nth-child(3) {
    right: 22%;
    left: auto;
    width: .5rem;
    border: 0;
    background: #FBFAF7;
}

.page--products-overview .material-card--paper-display-media .material-card__diagram span {
    top: 18%;
    left: 22%;
    width: 56%;
    height: 62%;
    border: 1px solid rgba(39, 19, 48, .13);
    background: #fff;
    transform: rotate(-8deg);
}

.page--products-overview .material-card--paper-display-media .material-card__diagram span:nth-child(2) {
    left: 26%;
    background: #EEEAE6;
    transform: rotate(0);
}

.page--products-overview .material-card--paper-display-media .material-card__diagram span:nth-child(3) {
    left: 30%;
    border-top: .45rem solid #A3165E;
    background: linear-gradient(#fff 0 35%, #ECE8E4 35% 38%, #fff 38% 53%, #ECE8E4 53% 56%, #fff 56%);
    transform: rotate(7deg);
}

.page--products-overview .product-selection {
    position: relative;
    overflow: hidden;
}

.page--products-overview .product-selection::after {
    position: absolute;
    top: -4rem;
    right: -3rem;
    width: 18rem;
    height: 18rem;
    border: 1.2rem solid rgba(163, 22, 94, .16);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.product-fragment-index li {
    position: relative;
}

.product-fragment-index__alias {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    scroll-margin-top: 8rem;
}

.product-fragment-index li:has(.product-fragment-index__alias:target) {
    border-top-color: #A3165E;
    background: linear-gradient(90deg, rgba(163, 22, 94, .1), transparent 75%);
}

.page--products-overview .product-materials-link {
    padding: clamp(3.5rem, 7vw, 6rem) 0;
    border-block: 1px solid rgba(39, 19, 48, .14);
    background: #EEEAE6;
}

.page--products-overview .product-materials-link__inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: clamp(2rem, 6vw, 5rem);
    align-items: center;
}

.page--products-overview .product-materials-link h2 {
    max-width: 44rem;
    margin: 0;
    color: #271330;
    font-size: clamp(2rem, 3.7vw, 3.4rem);
}

.page--products-overview .product-materials-link p {
    max-width: 48rem;
    margin: 1rem 0 0;
    color: #4E4850;
}

.page--products-overview .product-materials-link .button {
    margin: 0;
}

@media (max-width: 70rem) {
    .page--products-overview .signage-finder__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 56rem) {
    .page--products-overview .product-materials-link__inner {
        grid-template-columns: 1fr;
    }

    .page--products-overview .signage-finder__header {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .page--products-overview .signage-finder__grid,
    .page--products-overview .format-visuals__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 42rem) {
    .page--products-overview .signage-finder__grid,
    .page--products-overview .format-visuals__grid {
        grid-template-columns: 1fr;
    }

    .page--products-overview .signage-finder-card__copy h3 {
        font-size: clamp(1.45rem, 7vw, 1.9rem);
    }

    .page--products-overview .product-selection::after {
        right: -8rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .page--products-overview .signage-finder-card__media img,
    .page--products-overview .signage-finder-card__arrow {
        transition: none;
    }
}

@media (forced-colors: active) {
    .product-finder-visual {
        border: 2px solid CanvasText;
        forced-color-adjust: none;
    }

    .page--products-overview .signage-finder-card__arrow,
    .page--products-overview .signage-finder-card__index {
        border: 1px solid CanvasText;
    }
}