/*
 * METALZ Resources Redesign
 * Preview-only stylesheet
 * Version: 1.0.0
 *
 * Scope:
 * body.metalz-resources-preview
 *
 * This stylesheet is intended for the Resources redesign preview only.
 */

body.metalz-resources-preview {
    --metalz-black: #090b0d;
    --metalz-graphite: #111518;
    --metalz-dark: #171b1f;
    --metalz-panel: #1d2328;
    --metalz-gold: #c7a15a;
    --metalz-gold-light: #e1c27e;
    --metalz-white: #f5f4ef;
    --metalz-muted: #a7adb1;
    --metalz-border: rgba(255,255,255,.10);
    --metalz-container: 1240px;
    --metalz-shadow: 0 22px 55px rgba(0,0,0,.18);

    background: #f4f3ef !important;
    color: #202428 !important;
}

body.metalz-resources-preview #Subheader,
body.metalz-resources-preview .subheader,
body.metalz-resources-preview .page-title,
body.metalz-resources-preview .title_wrapper {
    display: none !important;
}

body.metalz-resources-preview #Footer {
    display: none !important;
}

body.metalz-resources-preview #Header,
body.metalz-resources-preview #Top_bar {
    background: #ffffff !important;
}

body.metalz-resources-preview #Top_bar {
    min-height: 108px !important;
    border-bottom: 1px solid rgba(15,18,20,.08) !important;
    box-shadow: 0 5px 20px rgba(0,0,0,.04) !important;
}

body.metalz-resources-preview #Top_bar .container {
    max-width: 1280px !important;
}

body.metalz-resources-preview #Top_bar .column {
    position: relative !important;
}

body.metalz-resources-preview #Header .logo a,
body.metalz-resources-preview #Top_bar .logo a {
    background-image: url("/wp-content/themes/betheme-child/Metalz_new_logo_R-copy.png") !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    background-size: contain !important;
    width: 190px !important;
    height: 70px !important;
    top: 8px !important;
    left: 10px !important;
    display: block !important;
}

body.metalz-resources-preview #Top_bar .logo {
    width: 210px !important;
    height: 108px !important;
    margin: 0 !important;
    position: relative !important;
}

body.metalz-resources-preview #Top_bar .logo img {
    opacity: 0 !important;
    visibility: hidden !important;
}

body.metalz-resources-preview .metalz-header-tagline {
    position: absolute !important;
    left: 10px !important;
    top: 82px !important;
    width: 190px !important;
    margin: 0 !important;
    color: #7c8084 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    letter-spacing: 1.25px !important;
    text-transform: uppercase !important;
    text-align: center !important;
    white-space: nowrap !important;
    pointer-events: none !important;
}

body.metalz-resources-preview #Top_bar .menu > li > a,
body.metalz-resources-preview #Top_bar .menu > li > a span {
    color: #25292d !important;
}

body.metalz-resources-preview #Top_bar .menu > li > a {
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: .8px !important;
    text-transform: uppercase !important;
}

body.metalz-resources-preview #Top_bar .menu > li.current-menu-item > a,
body.metalz-resources-preview #Top_bar .menu > li.current_page_item > a,
body.metalz-resources-preview #Top_bar .menu > li:hover > a {
    color: #b08a43 !important;
}

body.metalz-resources-preview #Top_bar .menu > li.current-menu-item > a:after,
body.metalz-resources-preview #Top_bar .menu > li.current_page_item > a:after {
    background: #b08a43 !important;
}

.metalz-resources-page,
.metalz-resources-page * {
    box-sizing: border-box;
}

.metalz-resources-page {
    overflow: hidden;
    background: #f4f3ef;
    font-family: Arial, Helvetica, sans-serif;
}

.metalz-resources-container {
    width: min(var(--metalz-container), calc(100% - 48px));
    margin: 0 auto;
}

/* -------------------------------------------------
   HERO
------------------------------------------------- */

.metalz-resources-hero {
    position: relative;
    min-height: 610px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background:
        linear-gradient(90deg, rgba(5,7,8,.94) 0%, rgba(7,10,12,.80) 47%, rgba(7,10,12,.38) 100%),
        url("https://metalz.net/wp-content/uploads/2020/09/resources.jpg") center center / cover no-repeat;
}

.metalz-resources-hero:before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(135deg, rgba(199,161,90,.10), transparent 35%),
        radial-gradient(circle at 82% 42%, rgba(199,161,90,.12), transparent 28%);
    pointer-events: none;
}

.metalz-resources-hero:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(199,161,90,.75), transparent);
}

.metalz-resources-hero__content {
    position: relative;
    z-index: 2;
    padding: 110px 0 125px;
}

.metalz-resources-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
    color: var(--metalz-gold-light);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2.7px;
    line-height: 1.2;
    text-transform: uppercase;
}

.metalz-resources-eyebrow:before {
    content: "";
    width: 34px;
    height: 1px;
    background: var(--metalz-gold);
}

.metalz-resources-hero h1 {
    max-width: 820px;
    margin: 0;
    color: #ffffff;
    font-size: clamp(48px, 6vw, 82px);
    font-weight: 600;
    letter-spacing: -2.8px;
    line-height: .98;
}

.metalz-resources-hero h1 span {
    color: var(--metalz-gold-light);
}

.metalz-resources-hero p {
    max-width: 650px;
    margin: 28px 0 0;
    color: rgba(255,255,255,.72);
    font-size: 17px;
    font-weight: 400;
    line-height: 1.8;
}

.metalz-resources-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 38px;
}

.metalz-resources-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 25px;
    border: 1px solid transparent;
    border-radius: 0;
    text-decoration: none !important;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    line-height: 1;
    text-transform: uppercase;
    transition: all .25s ease;
}

.metalz-resources-button--gold {
    background: var(--metalz-gold);
    color: #111 !important;
}

.metalz-resources-button--gold:hover {
    background: var(--metalz-gold-light);
    color: #111 !important;
    transform: translateY(-2px);
}

.metalz-resources-button--outline {
    border-color: rgba(255,255,255,.28);
    background: transparent;
    color: #fff !important;
}

.metalz-resources-button--outline:hover {
    border-color: var(--metalz-gold);
    color: var(--metalz-gold-light) !important;
}

.metalz-resources-hero__meta {
    position: absolute;
    right: 0;
    bottom: 42px;
    color: rgba(255,255,255,.42);
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

/* -------------------------------------------------
   INTRO
------------------------------------------------- */

.metalz-resources-intro {
    padding: 105px 0 85px;
    background: #f4f3ef;
}

.metalz-resources-intro__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(340px, .75fr);
    gap: 80px;
    align-items: end;
}

.metalz-resources-intro h2 {
    max-width: 760px;
    margin: 0;
    color: #161a1d;
    font-size: clamp(35px, 4vw, 58px);
    font-weight: 600;
    letter-spacing: -2px;
    line-height: 1.03;
}

.metalz-resources-intro h2 span {
    color: #b18b49;
}

.metalz-resources-intro__copy p {
    margin: 0 0 18px;
    color: #5e6469;
    font-size: 15px;
    line-height: 1.85;
}

.metalz-resources-intro__copy p:last-child {
    margin-bottom: 0;
}

/* -------------------------------------------------
   CATEGORY CARDS
------------------------------------------------- */

.metalz-resources-categories {
    padding: 0 0 105px;
    background: #f4f3ef;
}

.metalz-resources-category-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-top: 1px solid #d9d7d1;
    border-left: 1px solid #d9d7d1;
}

.metalz-resources-category {
    position: relative;
    min-height: 245px;
    padding: 32px 28px 30px;
    border-right: 1px solid #d9d7d1;
    border-bottom: 1px solid #d9d7d1;
    background: #f8f7f3;
    text-decoration: none !important;
    transition: background .25s ease, transform .25s ease;
}

.metalz-resources-category:hover {
    background: #ffffff;
    transform: translateY(-4px);
}

.metalz-resources-category__number {
    display: block;
    margin-bottom: 58px;
    color: #b18b49;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.7px;
}

.metalz-resources-category h3 {
    margin: 0 0 10px;
    color: #191d20;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.25;
}

.metalz-resources-category p {
    margin: 0;
    color: #74797d;
    font-size: 13px;
    line-height: 1.65;
}

.metalz-resources-category__arrow {
    position: absolute;
    right: 27px;
    bottom: 28px;
    color: #b18b49;
    font-size: 18px;
    transition: transform .25s ease;
}

.metalz-resources-category:hover .metalz-resources-category__arrow {
    transform: translateX(5px);
}

/* -------------------------------------------------
   RESOURCE LIBRARY
------------------------------------------------- */

.metalz-resources-library {
    padding: 115px 0 120px;
    background: #111518;
    color: #fff;
}

.metalz-resources-library__heading {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, .55fr);
    gap: 70px;
    align-items: end;
    margin-bottom: 65px;
}

.metalz-resources-library h2 {
    max-width: 780px;
    margin: 0;
    color: #fff;
    font-size: clamp(37px, 4vw, 58px);
    font-weight: 600;
    letter-spacing: -2px;
    line-height: 1.02;
}

.metalz-resources-library h2 span {
    color: var(--metalz-gold-light);
}

.metalz-resources-library__heading > p {
    margin: 0;
    color: #949b9f;
    font-size: 14px;
    line-height: 1.8;
}

.metalz-resources-group {
    margin-top: 56px;
}

.metalz-resources-group:first-of-type {
    margin-top: 0;
}

.metalz-resources-group__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    padding-bottom: 17px;
    border-bottom: 1px solid rgba(255,255,255,.14);
}

.metalz-resources-group__head span {
    color: var(--metalz-gold-light);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2.2px;
    text-transform: uppercase;
}

.metalz-resources-group__head h3 {
    margin: 0;
    color: #fff;
    font-size: 21px;
    font-weight: 500;
    line-height: 1.3;
}

.metalz-resources-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-left: 1px solid rgba(255,255,255,.10);
    border-top: 1px solid rgba(255,255,255,.10);
}

.metalz-resources-item {
    position: relative;
    min-height: 105px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px 46px 20px 23px;
    border-right: 1px solid rgba(255,255,255,.10);
    border-bottom: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.015);
    text-decoration: none !important;
    transition: background .25s ease, padding-left .25s ease;
}

.metalz-resources-item:hover {
    background: rgba(199,161,90,.08);
    padding-left: 28px;
}

.metalz-resources-item__index {
    margin-bottom: 7px;
    color: rgba(255,255,255,.30);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.4px;
}

.metalz-resources-item__title {
    color: #e8e8e5;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.45;
}

.metalz-resources-item__arrow {
    position: absolute;
    top: 50%;
    right: 20px;
    color: var(--metalz-gold);
    font-size: 15px;
    transform: translateY(-50%);
}

/* -------------------------------------------------
   VISUAL BREAK
------------------------------------------------- */

.metalz-resources-visual {
    position: relative;
    min-height: 470px;
    overflow: hidden;
    background: #0d1012;
}

.metalz-resources-visual__image {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(8,10,11,.78), rgba(8,10,11,.22)),
        url("https://metalz.net/wp-content/uploads/2020/09/resources.jpg") center center / cover no-repeat;
    transform: scale(1.02);
}

.metalz-resources-visual__content {
    position: relative;
    z-index: 2;
    min-height: 470px;
    display: flex;
    align-items: center;
}

.metalz-resources-visual__box {
    max-width: 620px;
    padding: 55px;
    border: 1px solid rgba(255,255,255,.16);
    background: rgba(9,11,13,.64);
    backdrop-filter: blur(7px);
}

.metalz-resources-visual__box h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(32px, 4vw, 50px);
    font-weight: 600;
    letter-spacing: -1.5px;
    line-height: 1.05;
}

.metalz-resources-visual__box h2 span {
    color: var(--metalz-gold-light);
}

.metalz-resources-visual__box p {
    margin: 22px 0 0;
    color: rgba(255,255,255,.70);
    font-size: 14px;
    line-height: 1.8;
}

/* -------------------------------------------------
   TRACKING CENTRE
------------------------------------------------- */

.metalz-resources-tracking {
    padding: 115px 0 120px;
    background: #f4f3ef;
}

.metalz-resources-tracking__heading {
    max-width: 780px;
    margin-bottom: 60px;
}

.metalz-resources-tracking__heading h2 {
    margin: 0;
    color: #171b1e;
    font-size: clamp(38px, 4vw, 58px);
    font-weight: 600;
    letter-spacing: -2px;
    line-height: 1.03;
}

.metalz-resources-tracking__heading h2 span {
    color: #b18b49;
}

.metalz-resources-tracking__heading p {
    max-width: 690px;
    margin: 22px 0 0;
    color: #656b6f;
    font-size: 15px;
    line-height: 1.8;
}

.metalz-resources-tracking__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 24px;
}

.metalz-resources-tracking-panel {
    padding: 35px;
    border: 1px solid #d8d5ce;
    background: #fbfaf6;
}

.metalz-resources-tracking-panel__head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 20px;
    padding-bottom: 21px;
    margin-bottom: 22px;
    border-bottom: 1px solid #ddd9d1;
}

.metalz-resources-tracking-panel__head h3 {
    margin: 0;
    color: #1a1e21;
    font-size: 22px;
    font-weight: 600;
}

.metalz-resources-tracking-panel__head span {
    color: #a48248;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.metalz-resources-tracking-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
}

.metalz-resources-tracking-list a {
    position: relative;
    min-height: 46px;
    display: flex;
    align-items: center;
    padding: 10px 26px 10px 0;
    border-bottom: 1px solid #e4e1da;
    color: #4c5357 !important;
    text-decoration: none !important;
    font-size: 12px;
    line-height: 1.4;
    transition: color .2s ease, padding-left .2s ease;
}

.metalz-resources-tracking-list a:after {
    content: "→";
    position: absolute;
    right: 10px;
    color: #b18b49;
    opacity: .65;
}

.metalz-resources-tracking-list a:hover {
    padding-left: 5px;
    color: #a17d43 !important;
}

/* -------------------------------------------------
   DISCLAIMER
------------------------------------------------- */

.metalz-resources-disclaimer {
    padding: 25px 0;
    border-top: 1px solid #ddd9d1;
    background: #eeece6;
}

.metalz-resources-disclaimer p {
    max-width: 1040px;
    margin: 0;
    color: #777b7e;
    font-size: 11px;
    line-height: 1.7;
}

/* -------------------------------------------------
   CTA
------------------------------------------------- */

.metalz-resources-cta {
    position: relative;
    padding: 110px 0 120px;
    overflow: hidden;
    background: #0d1012;
    text-align: center;
}

.metalz-resources-cta:before {
    content: "";
    position: absolute;
    width: 520px;
    height: 520px;
    top: 50%;
    left: 50%;
    border: 1px solid rgba(199,161,90,.14);
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.metalz-resources-cta:after {
    content: "";
    position: absolute;
    width: 330px;
    height: 330px;
    top: 50%;
    left: 50%;
    border: 1px solid rgba(199,161,90,.09);
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.metalz-resources-cta .metalz-resources-container {
    position: relative;
    z-index: 2;
}

.metalz-resources-cta h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(38px, 5vw, 65px);
    font-weight: 600;
    letter-spacing: -2px;
    line-height: 1.03;
}

.metalz-resources-cta h2 span {
    color: var(--metalz-gold-light);
}

.metalz-resources-cta p {
    max-width: 620px;
    margin: 22px auto 0;
    color: #92999d;
    font-size: 14px;
    line-height: 1.8;
}

.metalz-resources-cta .metalz-resources-button {
    margin-top: 34px;
}

/* -------------------------------------------------
   CUSTOM FOOTER
------------------------------------------------- */

.metalz-resources-footer {
    padding: 72px 0 35px;
    background: #07090a;
    color: #fff;
}

.metalz-resources-footer__grid {
    display: grid;
    grid-template-columns: 1.35fr .8fr .8fr 1fr;
    gap: 50px;
    padding-bottom: 55px;
    border-bottom: 1px solid rgba(255,255,255,.10);
}

.metalz-resources-footer__brand img {
    display: block;
    width: 190px;
    max-width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.metalz-resources-footer__brand p {
    max-width: 320px;
    margin: 0;
    color: #858c90;
    font-size: 12px;
    line-height: 1.8;
}

.metalz-resources-footer__tagline {
    display: block;
    margin-top: 14px;
    color: var(--metalz-gold);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.metalz-resources-footer h4 {
    margin: 3px 0 19px;
    color: #f4f4f1;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.6px;
    text-transform: uppercase;
}

.metalz-resources-footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.metalz-resources-footer li {
    margin: 0 0 10px;
}

.metalz-resources-footer a {
    color: #888f93 !important;
    text-decoration: none !important;
    font-size: 12px;
    line-height: 1.5;
    transition: color .2s ease;
}

.metalz-resources-footer a:hover {
    color: var(--metalz-gold-light) !important;
}

.metalz-resources-footer__bottom {
    display: flex;
    justify-content: space-between;
    gap: 25px;
    padding-top: 25px;
}

.metalz-resources-footer__bottom span {
    color: #5e6468;
    font-size: 10px;
    line-height: 1.5;
}

/* -------------------------------------------------
   MOBILE / TABLET
------------------------------------------------- */

@media (max-width: 1100px) {

    .metalz-resources-category-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .metalz-resources-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .metalz-resources-footer__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .metalz-resources-hero__meta {
        display: none;
    }
}

@media (max-width: 960px) {

    body.metalz-resources-preview #Top_bar {
        min-height: 90px !important;
    }

    body.metalz-resources-preview #Top_bar .logo {
        width: 165px !important;
        height: 90px !important;
    }

    body.metalz-resources-preview #Header .logo a,
    body.metalz-resources-preview #Top_bar .logo a {
        width: 165px !important;
        height: 58px !important;
        left: 0 !important;
        top: 6px !important;
    }

    body.metalz-resources-preview .metalz-header-tagline {
        left: 0 !important;
        top: 67px !important;
        width: 165px !important;
        font-size: 8px !important;
        letter-spacing: 1px !important;
    }

    .metalz-resources-intro__grid,
    .metalz-resources-library__heading {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .metalz-resources-tracking__grid {
        grid-template-columns: 1fr;
    }

    .metalz-resources-hero {
        min-height: 560px;
    }

    .metalz-resources-hero__content {
        padding: 90px 0 110px;
    }
}

@media (max-width: 767px) {

    .metalz-resources-container {
        width: min(100% - 32px, var(--metalz-container));
    }

    body.metalz-resources-preview #Top_bar {
        min-height: 78px !important;
    }

    body.metalz-resources-preview #Top_bar .logo {
        width: 150px !important;
        height: 78px !important;
    }

    body.metalz-resources-preview #Header .logo a,
    body.metalz-resources-preview #Top_bar .logo a {
        width: 150px !important;
        height: 52px !important;
        top: 3px !important;
        left: 0 !important;
    }

    body.metalz-resources-preview .metalz-header-tagline {
        top: 57px !important;
        width: 150px !important;
        font-size: 7px !important;
        letter-spacing: .8px !important;
    }

    .metalz-resources-hero {
        min-height: 570px;
        background-position: 58% center;
    }

    .metalz-resources-hero__content {
        padding: 80px 0 95px;
    }

    .metalz-resources-eyebrow {
        font-size: 9px;
        letter-spacing: 2px;
    }

    .metalz-resources-hero h1 {
        font-size: 46px;
        letter-spacing: -1.8px;
    }

    .metalz-resources-hero p {
        font-size: 14px;
        line-height: 1.7;
    }

    .metalz-resources-hero__actions {
        align-items: stretch;
        flex-direction: column;
        max-width: 250px;
    }

    .metalz-resources-button {
        width: 100%;
    }

    .metalz-resources-intro {
        padding: 72px 0 60px;
    }

    .metalz-resources-intro h2,
    .metalz-resources-library h2,
    .metalz-resources-tracking__heading h2 {
        font-size: 37px;
        letter-spacing: -1.4px;
    }

    .metalz-resources-categories {
        padding-bottom: 70px;
    }

    .metalz-resources-category-grid {
        grid-template-columns: 1fr;
    }

    .metalz-resources-category {
        min-height: 205px;
    }

    .metalz-resources-category__number {
        margin-bottom: 45px;
    }

    .metalz-resources-library {
        padding: 75px 0 80px;
    }

    .metalz-resources-library__heading {
        margin-bottom: 45px;
    }

    .metalz-resources-list {
        grid-template-columns: 1fr;
    }

    .metalz-resources-group {
        margin-top: 43px;
    }

    .metalz-resources-group__head {
        align-items: flex-start;
        flex-direction: column;
        gap: 7px;
    }

    .metalz-resources-item {
        min-height: 88px;
    }

    .metalz-resources-visual,
    .metalz-resources-visual__content {
        min-height: 440px;
    }

    .metalz-resources-visual__box {
        width: 100%;
        padding: 34px 27px;
    }

    .metalz-resources-tracking {
        padding: 75px 0 80px;
    }

    .metalz-resources-tracking__heading {
        margin-bottom: 42px;
    }

    .metalz-resources-tracking-panel {
        padding: 25px 20px;
    }

    .metalz-resources-tracking-list {
        grid-template-columns: 1fr;
    }

    .metalz-resources-tracking-list a {
        min-height: 44px;
    }

    .metalz-resources-disclaimer {
        padding: 22px 0;
    }

    .metalz-resources-cta {
        padding: 78px 0 85px;
    }

    .metalz-resources-cta h2 {
        font-size: 39px;
        letter-spacing: -1.5px;
    }

    .metalz-resources-footer {
        padding-top: 55px;
    }

    .metalz-resources-footer__grid {
        grid-template-columns: 1fr;
        gap: 35px;
        padding-bottom: 40px;
    }

    .metalz-resources-footer__bottom {
        flex-direction: column;
        gap: 8px;
    }
}

@media (max-width: 420px) {

    .metalz-resources-hero h1 {
        font-size: 40px;
    }

    .metalz-resources-intro h2,
    .metalz-resources-library h2,
    .metalz-resources-tracking__heading h2,
    .metalz-resources-cta h2 {
        font-size: 34px;
    }

    .metalz-resources-footer__brand img {
        width: 165px;
    }
}


/* =========================================================
   RESOURCES PREVIEW — readable link cards and headings
   Appended override; scoped to preview only.
========================================================= */
body.metalz-resources-preview .metalz-resources-group__heading {
    display: flex;
    align-items: flex-start;
    gap: 22px;
    margin-bottom: 28px;
}
body.metalz-resources-preview .metalz-resources-group__heading > span:first-child {
    flex: 0 0 auto;
    color: #c7a15a;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 800;
}
body.metalz-resources-preview .metalz-resources-group__heading .metalz-resources-eyebrow {
    display: block;
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 1.5;
    letter-spacing: 2px;
}
body.metalz-resources-preview .metalz-resources-group__heading h2 {
    margin: 0;
    font-size: clamp(30px, 3vw, 42px);
    line-height: 1.2;
}
body.metalz-resources-preview .metalz-resources-link-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}
body.metalz-resources-preview .metalz-resources-link-grid > a {
    min-height: 76px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 20px 22px;
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 4px;
    background: rgba(255,255,255,.035);
    color: #f5f4ef !important;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.5;
    text-decoration: none !important;
    transition: border-color .2s ease, background .2s ease, transform .2s ease;
}
body.metalz-resources-preview .metalz-resources-link-grid > a:hover,
body.metalz-resources-preview .metalz-resources-link-grid > a:focus-visible {
    border-color: #c7a15a;
    background: rgba(199,161,90,.12);
    transform: translateY(-2px);
    outline: none;
}
body.metalz-resources-preview .metalz-resources-link-grid > a b {
    flex: 0 0 auto;
    color: #e1c27e;
    font-size: 23px;
}
body.metalz-resources-preview .metalz-resources-category-card strong {
    font-size: 18px;
    line-height: 1.4;
}
body.metalz-resources-preview .metalz-resources-category-card small {
    font-size: 15px;
    line-height: 1.6;
}
body.metalz-resources-preview .metalz-resources-category-card b {
    font-size: 14px;
}
@media (max-width: 700px) {
    body.metalz-resources-preview .metalz-resources-link-grid {
        grid-template-columns: 1fr;
    }
    body.metalz-resources-preview .metalz-resources-link-grid > a {
        min-height: 68px;
        padding: 17px 18px;
        font-size: 16px;
    }
    body.metalz-resources-preview .metalz-resources-group__heading {
        gap: 14px;
    }
    body.metalz-resources-preview .metalz-resources-group__heading > span:first-child {
        font-size: 21px;
    }
}

/* METALZ RESOURCES PREVIEW — TRACKING DIRECTORY TABLE */
body.metalz-resources-preview .metalz-resources-tracking { background:#17191b; color:#f4f2ed; padding:clamp(54px,7vw,92px) 0; }
body.metalz-resources-preview .metalz-resources-tracking .metalz-resources-section-heading { margin-bottom:34px; }
body.metalz-resources-preview .metalz-resources-tracking .metalz-resources-section-heading h2, body.metalz-resources-preview .metalz-resources-tracking .metalz-resources-section-heading h2 span { color:#f7f5ef; }
body.metalz-resources-preview .metalz-resources-tracking .metalz-resources-section-heading p { color:#c5c5c0; max-width:560px; }
body.metalz-resources-preview .metalz-resources-tracking .metalz-resources-eyebrow { color:#c9a45c; }
body.metalz-resources-preview .metalz-resources-tracking-card { background:#202326; border:1px solid rgba(201,164,92,.26); border-radius:12px; padding:clamp(20px,3vw,34px); margin-top:24px; box-shadow:0 16px 40px rgba(0,0,0,.16); }
body.metalz-resources-preview .metalz-resources-tracking-card__header { display:flex; align-items:flex-start; gap:18px; margin-bottom:24px; }
body.metalz-resources-preview .metalz-resources-tracking-card__header > span { display:inline-flex; align-items:center; justify-content:center; flex:0 0 42px; width:42px; height:42px; border:1px solid #c9a45c; border-radius:50%; color:#d7b56f; font-size:13px; font-weight:700; }
body.metalz-resources-preview .metalz-resources-tracking-card__header h3, body.metalz-resources-preview .metalz-resources-tracking-card__header h3 strong { color:#f5f3ee; }
body.metalz-resources-preview .metalz-tracking-table-wrap { width:100%; overflow-x:auto; border:1px solid #3a3d3f; border-radius:8px; -webkit-overflow-scrolling:touch; }
body.metalz-resources-preview table.metalz-tracking-table { width:100%; min-width:560px; margin:0; border:0; border-collapse:collapse; background:#202326; color:#f4f2ed; font-size:14px; }
body.metalz-resources-preview .metalz-tracking-table thead th { padding:15px 18px; background:#2a2d30; border:0; border-bottom:1px solid #c9a45c; color:#d8b66f; text-align:left; text-transform:uppercase; letter-spacing:.08em; font-size:11px; font-weight:700; }
body.metalz-resources-preview .metalz-tracking-table tbody td { padding:13px 18px; background:transparent; border:0; border-bottom:1px solid #373a3c; color:#d7d7d2; vertical-align:middle; }
body.metalz-resources-preview .metalz-tracking-table tbody tr:last-child td { border-bottom:0; } body.metalz-resources-preview .metalz-tracking-table tbody tr:hover td { background:rgba(201,164,92,.07); }
body.metalz-resources-preview .metalz-tracking-table__number { width:70px; color:#c9a45c !important; font-variant-numeric:tabular-nums; }
body.metalz-resources-preview .metalz-tracking-table__company a { color:#f6f4ef; font-weight:600; text-decoration:none; } body.metalz-resources-preview .metalz-tracking-table__company a:hover { color:#d9b86f; text-decoration:underline; text-underline-offset:3px; }
body.metalz-resources-preview .metalz-tracking-table__company a::after { content:" ↗"; color:#d1ad63; font-size:.9em; white-space:nowrap; }
body.metalz-resources-preview .metalz-tracking-table__action { color:#aaa9a3 !important; font-size:12px; }
@media(max-width:767px) { body.metalz-resources-preview .metalz-resources-tracking { padding:44px 0; } body.metalz-resources-preview .metalz-resources-tracking-card { padding:16px; } body.metalz-resources-preview .metalz-resources-tracking-card__header { gap:12px; } body.metalz-resources-preview table.metalz-tracking-table { min-width:520px; font-size:13px; } body.metalz-resources-preview .metalz-tracking-table thead th, body.metalz-resources-preview .metalz-tracking-table tbody td { padding:12px; } }


/* PDF resource card — preview page only */
body.metalz-resources-preview .metalz-resources-pdf-card {
    display: grid;
    grid-template-columns: minmax(180px, 290px) minmax(0, 1fr);
    gap: clamp(22px, 4vw, 44px);
    align-items: center;
    margin-top: 34px;
    padding: clamp(18px, 3vw, 30px);
    background: #202326;
    border: 1px solid rgba(201, 164, 92, .32);
    border-radius: 12px;
    box-shadow: 0 16px 38px rgba(0,0,0,.13);
}
body.metalz-resources-preview .metalz-resources-pdf-card__cover {
    position: relative;
    display: block;
    overflow: hidden;
    aspect-ratio: 1.8 / 1;
    background: #f3f3f0;
    border-radius: 7px;
}
body.metalz-resources-preview .metalz-resources-pdf-card__cover img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
body.metalz-resources-preview .metalz-resources-pdf-card__badge {
    position: absolute;
    left: 12px;
    top: 12px;
    padding: 6px 9px;
    background: #c9a45c;
    color: #17191b;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .09em;
}
body.metalz-resources-preview .metalz-resources-pdf-card__content h3 {
    margin: 12px 0 10px;
    color: #f5f3ee;
    font-size: clamp(22px, 2.5vw, 30px);
    line-height: 1.2;
}
body.metalz-resources-preview .metalz-resources-pdf-card__content p {
    max-width: 620px;
    color: #c5c5c0;
    font-size: 15px;
    line-height: 1.75;
}
body.metalz-resources-preview .metalz-resources-pdf-card__button {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-top: 10px;
    padding: 12px 17px;
    background: #c9a45c;
    color: #17191b !important;
    border: 1px solid #c9a45c;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-decoration: none !important;
    transition: background .2s ease, color .2s ease;
}
body.metalz-resources-preview .metalz-resources-pdf-card__button:hover {
    background: transparent;
    color: #d8b66f !important;
}
@media (max-width: 767px) {
    body.metalz-resources-preview .metalz-resources-pdf-card {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    body.metalz-resources-preview .metalz-resources-pdf-card__cover {
        max-width: 100%;
    }
}