/* Product recommendations v6. The shared site header is owned by the global shell. */

.pc-related-products {
    position:relative;
    isolation:isolate;
    overflow:hidden;
    max-width:1600px;
    margin:0 auto;
    padding:50px clamp(16px,3.2vw,54px) 64px;
}

.pc-related-products:before {
    content:"";
    position:absolute;
    inset:-8% -4%;
    z-index:-2;
    background:
        linear-gradient(180deg,rgba(2,18,12,.92),rgba(3,31,21,.4) 38%,rgba(2,15,10,.9)),
        url('/images/gallery-forest-backdrop.webp') center 52%/cover no-repeat;
}

.pc-related-products:after {
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    pointer-events:none;
    background:
        linear-gradient(180deg,rgba(1,14,9,.92) 0,transparent 17%,transparent 82%,rgba(1,14,9,.96) 100%),
        radial-gradient(circle at 13% 56%,rgba(240,196,77,.18),transparent 23%),
        radial-gradient(circle at 86% 34%,rgba(212,175,74,.13),transparent 20%);
}

.pc-related-heading {
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
    gap:clamp(34px,5vw,82px);
    align-items:end;
    margin-bottom:22px;
}

.pc-related-heading .eyebrow { margin:0 0 8px; }
.pc-related-heading h2 {
    margin:0;
    color:#f5ead7;
    font:700 clamp(34px,4vw,55px)/1 Georgia,serif;
}
.pc-related-heading p {
    max-width:520px;
    margin:0 0 5px;
    color:#d7e2da;
    line-height:1.65;
    font-size:14px;
}

.pc-related-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
}

.pc-related-card {
    position:relative;
    display:grid;
    grid-template-rows:auto 1fr;
    min-width:0;
    overflow:hidden;
    text-decoration:none;
    border:1px solid rgba(218,178,76,.5);
    border-radius:18px;
    background:linear-gradient(150deg,rgba(8,45,31,.96),rgba(2,18,12,.98));
    box-shadow:0 24px 60px rgba(0,0,0,.28);
    transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}

.pc-related-card:hover {
    transform:translateY(-4px);
    border-color:rgba(241,204,108,.82);
    box-shadow:0 30px 70px rgba(0,0,0,.36),0 0 30px rgba(227,185,76,.08);
}

.pc-related-image {
    position:relative;
    aspect-ratio:1.38/1;
    overflow:hidden;
    background:#06180f;
}

.pc-related-image img {
    width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s ease;
}
.pc-related-card:hover .pc-related-image img { transform:scale(1.035); }
.pc-related-image:after {
    content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(2,19,12,.72));pointer-events:none;
}

.pc-related-copy { padding:15px 16px 17px; }
.pc-related-copy small { color:#d9b45b;font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase; }
.pc-related-copy h3 { margin:7px 0 10px;color:#f5ead7;font:700 22px/1.08 Georgia,serif; }
.pc-related-meta { display:flex;justify-content:space-between;gap:12px;align-items:center;padding-top:10px;border-top:1px solid rgba(184,151,72,.22); }
.pc-related-meta strong { color:#ebc563;font:700 20px Georgia,serif; }
.pc-related-meta span { color:#d7bb77;font-size:10px;font-weight:800; }

@media(max-width:900px){.pc-related-heading,.pc-related-grid{grid-template-columns:1fr}.pc-related-heading{gap:12px}.pc-related-heading p{margin-top:0}}