:root {
    --vhs-black: #151515;
    --vhs-red: #9e1b20;
    --vhs-gold: #b08d45;
    --vhs-cream: #f4f0e6;
    --vhs-steel: #555555;
    --vhs-white: #ffffff;
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    background: var(--vhs-cream);
    color: var(--vhs-black);
    font-family: Arial, Helvetica, sans-serif;
}

img {
    max-width: 100%;
    height: auto;
}

a {
    transition: all .2s ease;
}

.vhs-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}


/* HEADER */

.site-header {
    background: var(--vhs-black);
    color: var(--vhs-white);
    border-top: 5px solid var(--vhs-red);
}

.site-header .vhs-container {
    min-height: 92px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

.site-brand {
    display: flex;
    flex-direction: column;
    color: var(--vhs-gold);
    text-decoration: none;
    font-weight: 800;
    letter-spacing: .08em;
}

.brand-main {
    font-size: 30px;
    line-height: 1;
}

.brand-sub {
    margin-top: 5px;
    font-size: 14px;
    letter-spacing: .28em;
}


/* NAVIGATION */

.primary-navigation ul {
    display: flex;
    align-items: center;
    gap: 30px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.primary-navigation a {
    color: var(--vhs-white);
    text-decoration: none;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
}

.primary-navigation a:hover {
    color: var(--vhs-gold);
}


/* MAIN */

.site-main {
    min-height: 60vh;
}


/* BUTTONS */

.vhs-button,
button,
input[type="submit"],
.woocommerce a.button,
.woocommerce button.button {
    display: inline-block;
    border: 0;
    background: var(--vhs-red);
    color: var(--vhs-white);
    padding: 14px 24px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: .04em;
    cursor: pointer;
}

.vhs-button:hover,
button:hover,
input[type="submit"]:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover {
    background: var(--vhs-gold);
    color: var(--vhs-black);
}


/* FOOTER */

.site-footer {
    padding: 50px 0;
    background: var(--vhs-black);
    color: var(--vhs-white);
    border-top: 3px solid var(--vhs-red);
}

.footer-brand {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.footer-brand strong {
    color: var(--vhs-gold);
    font-size: 22px;
}

.site-footer p {
    margin-top: 25px;
    color: #aaa;
    font-size: 13px;
}


/* MOBILE */


/* =========================================================
   HOMEPAGE
   ========================================================= */

.vhs-home {
    background: var(--vhs-cream);
}


/* HERO */

.vhs-hero {
    position: relative;
    overflow: hidden;
    min-height: 610px;
    display: flex;
    align-items: center;
    background:
        radial-gradient(circle at 75% 45%, rgba(176,141,69,.28), transparent 35%),
        linear-gradient(115deg, #111 0%, #1a1815 50%, #392018 100%);
    color: #fff;
}

.vhs-hero::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 7px;
    background: var(--vhs-red);
}

.vhs-hero-grid {
    display: grid;
    grid-template-columns: .85fr 1.35fr;
    gap: 50px;
    align-items: center;
    position: relative;
    z-index: 2;
}

.vhs-eyebrow,
.vhs-kicker {
    display: block;
    margin-bottom: 14px;
    color: var(--vhs-gold);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.vhs-hero h1 {
    margin: 0 0 24px;
    font-size: clamp(46px, 5vw, 72px);
    line-height: .98;
    text-transform: uppercase;
    letter-spacing: -.03em;
}

.vhs-hero h1 span {
    color: var(--vhs-gold);
}

.vhs-hero-copy > p {
    max-width: 510px;
    margin: 0 0 30px;
    color: #ddd;
    font-size: 19px;
    line-height: 1.55;
}

.vhs-hero-bottles {
    min-height: 480px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 2px;
}

.vhs-hero-bottle {
    flex: 1 1 0;
    min-width: 0;
    transform-origin: bottom center;
}

.vhs-hero-bottle:nth-child(2),
.vhs-hero-bottle:nth-child(5) {
    transform: translateY(-12px);
}

.vhs-hero-bottle:nth-child(3),
.vhs-hero-bottle:nth-child(4) {
    transform: translateY(-24px);
}

.vhs-hero-bottle img {
    width: 100%;
    max-height: 460px;
    object-fit: contain;
    filter: drop-shadow(0 20px 20px rgba(0,0,0,.45));
}


/* VALUES */

.vhs-values {
    background: #0d0d0d;
    color: #fff;
}

.vhs-values-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.vhs-value {
    padding: 34px 25px;
    text-align: center;
    border-right: 1px solid #333;
}

.vhs-value:last-child {
    border-right: 0;
}

.vhs-value-icon {
    width: 62px;
    height: 62px;
    margin: 0 auto 16px;
    border: 2px solid var(--vhs-gold);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--vhs-gold);
    font-size: 25px;
}

.vhs-value h3 {
    margin: 0 0 8px;
    color: var(--vhs-gold);
    text-transform: uppercase;
    font-size: 16px;
}

.vhs-value p {
    margin: 0;
    color: #bbb;
    line-height: 1.45;
    font-size: 14px;
}


/* PRODUCTS */

.vhs-products {
    padding: 80px 0 90px;
}

.vhs-section-heading {
    margin-bottom: 35px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 30px;
}

.vhs-section-heading h2,
.vhs-story h2,
.vhs-closing h2 {
    margin: 0;
    text-transform: uppercase;
    font-size: clamp(34px, 4vw, 52px);
    line-height: 1;
}

.vhs-section-heading > a {
    color: var(--vhs-red);
    font-weight: 900;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 13px;
}

.vhs-product-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 15px;
}

.vhs-product-card {
    background: #fff;
    border-bottom: 4px solid var(--vhs-gold);
    box-shadow: 0 7px 25px rgba(0,0,0,.08);
}

.vhs-product-image {
    min-height: 285px;
    padding: 20px 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eee9df;
}

.vhs-product-image img {
    width: 100%;
    height: 250px;
    object-fit: contain;
}

.vhs-product-info {
    padding: 20px 15px 22px;
    text-align: center;
}

.vhs-product-info h3 {
    min-height: 45px;
    margin: 0 0 10px;
    font-size: 16px;
    line-height: 1.25;
}

.vhs-product-price {
    margin-bottom: 16px;
    color: var(--vhs-red);
    font-size: 20px;
    font-weight: 900;
}

.vhs-product-info .vhs-button {
    width: 100%;
    padding: 11px 8px;
    font-size: 12px;
}


/* STORY */

.vhs-story {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.vhs-story-panel {
    min-height: 440px;
    padding: 70px max(40px, calc((100vw - 1180px) / 2));
    display: flex;
    align-items: center;
}

.vhs-story-farm {
    background:
        linear-gradient(rgba(244,240,230,.93), rgba(244,240,230,.93)),
        #d9d0c0;
    color: var(--vhs-black);
}

.vhs-story-code {
    background:
        radial-gradient(circle at 20% 30%, #353025 0%, #151515 45%, #080808 100%);
    color: #fff;
}

.vhs-story-content {
    max-width: 520px;
}

.vhs-story-content p {
    margin: 20px 0 28px;
    font-size: 17px;
    line-height: 1.6;
}

.vhs-story-code p {
    color: #ccc;
}

.vhs-button-gold {
    background: var(--vhs-gold);
    color: var(--vhs-black);
}


/* CLOSING */

.vhs-closing {
    padding: 90px 0;
    text-align: center;
    background: var(--vhs-red);
    color: #fff;
}

.vhs-closing .vhs-kicker {
    color: #f2d69a;
}

.vhs-closing h2 {
    margin-bottom: 30px;
    font-size: clamp(42px, 6vw, 70px);
}

.vhs-closing .vhs-button {
    background: var(--vhs-black);
}


/* TABLET */

@media (max-width: 1050px) {

    .vhs-hero-grid {
        grid-template-columns: 1fr;
        padding: 70px 0 40px;
    }

    .vhs-hero-bottles {
        min-height: auto;
    }

    .vhs-hero-bottle img {
        max-height: 350px;
    }

    .vhs-product-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .vhs-values-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .vhs-value:nth-child(2) {
        border-right: 0;
    }

    .vhs-value:nth-child(-n+2) {
        border-bottom: 1px solid #333;
    }
}


/* MOBILE */

@media (max-width: 650px) {

    .vhs-hero {
        min-height: auto;
    }

    .vhs-hero-grid {
        padding-top: 55px;
        gap: 30px;
    }

    .vhs-hero h1 {
        font-size: 42px;
    }

    .vhs-hero-copy > p {
        font-size: 16px;
    }

    .vhs-hero-bottles {
        gap: 0;
        overflow: hidden;
    }

    .vhs-hero-bottle:nth-child(n) {
        transform: none;
    }

    .vhs-hero-bottle img {
        max-height: 220px;
    }

    .vhs-values-grid {
        grid-template-columns: 1fr;
    }

    .vhs-value {
        border-right: 0;
        border-bottom: 1px solid #333;
    }

    .vhs-product-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .vhs-product-image {
        min-height: 220px;
    }

    .vhs-product-image img {
        height: 190px;
    }

    .vhs-section-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .vhs-story {
        grid-template-columns: 1fr;
    }

    .vhs-story-panel {
        min-height: 380px;
        padding: 60px 25px;
    }
}

/* =========================================================
   VHS HOMEPAGE CONSOLIDATED DESIGN - 2026-09-17
   Single authoritative homepage enhancement layer
   ========================================================= */

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

.vhs-hero {
    position: relative;
    overflow: hidden;
    min-height: 640px;
    background:
        radial-gradient(
            ellipse at 78% 48%,
            rgba(105,55,31,.36) 0%,
            rgba(57,32,23,.20) 42%,
            transparent 70%
        ),
        linear-gradient(
            105deg,
            #0d0d0d 0%,
            #131210 39%,
            #211713 70%,
            #382018 100%
        );
}

.vhs-hero::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 4px;
    background: var(--vhs-red);
}

.vhs-hero-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(390px, 440px) minmax(0, 1fr);
    align-items: center;
    gap: 20px;
    max-width: 1380px;
    min-height: 640px;
    margin: 0 auto;
    padding: 35px 32px 30px;
}

.vhs-hero-copy {
    position: relative;
    z-index: 5;
    max-width: 480px;
}

.vhs-hero h1 {
    max-width: 470px;
    margin: 12px 0 22px;
    font-size: clamp(48px, 4.6vw, 72px);
    line-height: .96;
    letter-spacing: -.035em;
}

.vhs-hero-copy > p {
    max-width: 455px;
    margin-bottom: 30px;
    color: #dedbd5;
    font-size: 18px;
    line-height: 1.65;
}

.vhs-hero-single {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-width: 0;
    min-height: 570px;
    margin-right: -55px;
}

.vhs-hero-lineup {
    display: block;
    width: min(1000px, 112%);
    max-width: none;
    height: auto;
    transform: translateX(35px);
    object-fit: contain;

    -webkit-mask-image:
        radial-gradient(
            ellipse 78% 76% at 53% 50%,
            #000 0%,
            #000 57%,
            rgba(0,0,0,.88) 69%,
            rgba(0,0,0,.46) 82%,
            transparent 100%
        );

    mask-image:
        radial-gradient(
            ellipse 78% 76% at 53% 50%,
            #000 0%,
            #000 57%,
            rgba(0,0,0,.88) 69%,
            rgba(0,0,0,.46) 82%,
            transparent 100%
        );

    filter: drop-shadow(0 24px 30px rgba(0,0,0,.20));
}


/* ---------- VALUE STRIP ---------- */

.vhs-values {
    border-top: 1px solid rgba(176,141,69,.35);
    background: linear-gradient(180deg, #0c0c0c 0%, #12110f 100%);
}

.vhs-values-grid {
    max-width: 1320px;
    margin: 0 auto;
}

.vhs-value {
    padding: 34px 25px 36px;
}

.vhs-value-icon {
    width: 68px;
    height: 68px;
    margin: 0 auto 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--vhs-gold);
    border-radius: 50%;
    background: rgba(176,141,69,.055);
    box-shadow:
        0 9px 24px rgba(0,0,0,.24),
        inset 0 0 0 5px rgba(176,141,69,.025);
}

.vhs-value-icon svg {
    display: block;
    width: 37px;
    height: 37px;
    fill: none;
    stroke: var(--vhs-gold);
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.vhs-value h3 {
    margin: 0 0 8px;
    color: var(--vhs-gold);
    font-size: 15px;
    font-weight: 900;
    letter-spacing: .045em;
    text-transform: uppercase;
}

.vhs-value p {
    max-width: 250px;
    margin: 0 auto;
    color: #d3d3d3;
    font-size: 14px;
    line-height: 1.55;
}


/* ---------- PRODUCT COLLECTION ---------- */

.vhs-products {
    padding: 88px 0 94px;
    overflow: hidden;
    background: #f4f0e6;
}

.vhs-products .vhs-container {
    max-width: 1380px;
}

.vhs-section-heading {
    margin-bottom: 46px;
}

.vhs-product-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    align-items: stretch;
    gap: 22px;
    width: 100%;
}

.vhs-product-card {
    position: relative;
    min-width: 0;
    display: flex;
    flex-direction: column;
    padding: 0 0 3px;
    overflow: visible;
    background: transparent;
    border: 0;
    border-bottom: 3px solid var(--vhs-gold);
    box-shadow: none;
}

.vhs-product-image {
    position: relative;
    display: block;
    width: min(100%, 178px);
    min-height: 0;
    aspect-ratio: 1 / 1;
    margin: 0 auto 20px;
    overflow: hidden;
    border: 2px solid var(--vhs-gold);
    border-radius: 50%;
    background: #191613;
    box-shadow:
        0 12px 28px rgba(36,26,17,.16),
        0 0 0 5px rgba(176,141,69,.07);
}

.vhs-product-image img {
    display: block;
    width: 100%;
    height: 100%;
    max-height: none;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
    transition: transform .25s ease;
}

.vhs-product-card:hover .vhs-product-image img {
    transform: scale(1.035);
}

.vhs-product-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 0 5px 18px;
    text-align: center;
}

.vhs-product-info h3 {
    min-height: 44px;
    margin: 0 auto 7px;
    color: #111;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.22;
    text-align: center;
}

.vhs-product-heat {
    min-height: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    margin: 0 0 5px;
}

.vhs-product-heat span {
    position: relative;
    display: inline-block;
    width: 8px;
    height: 17px;
    background: var(--vhs-red);
    border-radius: 70% 30% 70% 30%;
    font-size: 0;
    transform: rotate(35deg);
}

.vhs-product-heat span::after {
    content: "";
    position: absolute;
    top: -1px;
    right: -3px;
    width: 5px;
    height: 2px;
    border-top: 2px solid var(--vhs-red);
    transform: rotate(-30deg);
}

.vhs-product-price {
    margin: 3px 0 14px;
    color: var(--vhs-red);
    font-size: 22px;
    font-weight: 900;
    text-align: center;
}

.vhs-product-card .vhs-button {
    width: 100%;
    margin-top: auto;
    padding: 13px 8px;
    border: 0;
    border-radius: 0;
    background: var(--vhs-red);
    color: #fff;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .035em;
    text-align: center;
    text-transform: uppercase;
    box-shadow: none;
}

.vhs-product-card .vhs-button:hover {
    background: #86171b;
}


/* ---------- STORY / FARMER CODE ---------- */

.vhs-story {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.vhs-story-panel {
    position: relative;
    min-height: 520px;
    display: flex;
    align-items: center;
    padding: 78px clamp(35px, 6vw, 95px);
    overflow: hidden;
}

.vhs-story-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.vhs-story-farm::before {
    background:
        radial-gradient(circle at 10% 20%, rgba(176,141,69,.10), transparent 42%);
}

.vhs-story-code::before {
    background:
        radial-gradient(circle at 90% 20%, rgba(167,29,35,.12), transparent 45%);
}

.vhs-story-content {
    position: relative;
    z-index: 1;
    max-width: 560px;
}

.vhs-story-content p {
    max-width: 520px;
    margin: 20px 0 30px;
    font-size: 17px;
    line-height: 1.7;
}


/* ---------- CLOSING FARMER CODE CTA ---------- */

.vhs-closing {
    position: relative;
    padding: 92px 25px 96px;
    overflow: hidden;
    text-align: center;
    background:
        radial-gradient(circle at 50% 0%, rgba(255,255,255,.08), transparent 42%),
        var(--vhs-red);
    color: #fff;
}

.vhs-closing::before,
.vhs-closing::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 13%;
    height: 1px;
    background: rgba(242,214,154,.55);
}

.vhs-closing::before {
    left: 5%;
}

.vhs-closing::after {
    right: 5%;
}

.vhs-closing .vhs-kicker {
    color: #f2d69a;
}

.vhs-closing h2 {
    max-width: 1050px;
    margin: 12px auto 32px;
    font-size: clamp(42px, 5vw, 68px);
    line-height: 1;
    letter-spacing: -.025em;
}

.vhs-closing .vhs-button {
    min-width: 210px;
    background: var(--vhs-black);
}


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

@media (max-width: 1180px) {

    .vhs-hero-grid {
        grid-template-columns: 390px minmax(0, 1fr);
    }

    .vhs-hero-single {
        margin-right: -30px;
    }

    .vhs-hero-lineup {
        width: 110%;
        transform: translateX(20px);
    }

    .vhs-product-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 42px 28px;
    }

    .vhs-product-image {
        width: 210px;
    }
}


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

@media (max-width: 900px) {

    .vhs-hero {
        min-height: auto;
    }

    .vhs-hero-grid {
        grid-template-columns: 1fr;
        min-height: auto;
        gap: 10px;
        padding: 65px 28px 35px;
    }

    .vhs-hero-copy {
        max-width: 620px;
    }

    .vhs-hero-single {
        min-height: auto;
        width: 100%;
        margin: 5px 0 0;
        justify-content: center;
    }

    .vhs-hero-lineup {
        width: min(760px, 105%);
        transform: none;
    }

    .vhs-story-panel {
        min-height: 440px;
        padding: 65px 45px;
    }
}


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

@media (max-width: 700px) {

    .vhs-hero-grid {
        padding: 52px 20px 28px;
    }

    .vhs-hero h1 {
        font-size: clamp(40px, 12vw, 55px);
    }

    .vhs-hero-copy > p {
        font-size: 16px;
    }

    .vhs-hero-single {
        margin: 12px -12px 0;
        width: calc(100% + 24px);
    }

    .vhs-hero-lineup {
        width: 100%;
    }

    .vhs-values-grid {
        grid-template-columns: 1fr 1fr;
    }

    .vhs-value {
        padding: 30px 15px;
    }

    .vhs-product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 35px 15px;
    }

    .vhs-product-image {
        width: min(100%, 180px);
    }

    .vhs-story {
        grid-template-columns: 1fr;
    }

    .vhs-story-panel {
        min-height: 390px;
        padding: 58px 25px;
    }

    .vhs-closing {
        padding: 72px 20px 76px;
    }

    .vhs-closing::before,
    .vhs-closing::after {
        display: none;
    }
}


/* ---------- SMALL PHONE ---------- */

@media (max-width: 430px) {

    .vhs-values-grid {
        grid-template-columns: 1fr;
    }

    .vhs-product-grid {
        grid-template-columns: 1fr;
        gap: 42px;
    }

    .vhs-product-image {
        width: 225px;
    }

    .vhs-product-info {
        padding-left: 18px;
        padding-right: 18px;
    }
}



/* =========================================================
   VHS BRANDED INTERIOR PAGES + WOOCOMMERCE
   2026-09-17
   ========================================================= */

.vhs-interior {
    min-height: 60vh;
    background: #f4f0e6;
    color: #171717;
}


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

.vhs-page-hero {
    position: relative;
    padding: 70px 0 62px;
    overflow: hidden;
    border-bottom: 4px solid var(--vhs-red);
    background:
        radial-gradient(
            circle at 78% 30%,
            rgba(176,141,69,.12),
            transparent 34%
        ),
        linear-gradient(
            105deg,
            #0d0d0d 0%,
            #171513 58%,
            #271814 100%
        );
    color: #fff;
}

.vhs-page-hero .vhs-container {
    position: relative;
}

.vhs-page-kicker {
    display: block;
    margin-bottom: 12px;
    color: var(--vhs-gold);
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .19em;
    text-transform: uppercase;
}

.vhs-page-hero h1 {
    max-width: 900px;
    margin: 0;
    color: #fff;
    font-size: clamp(44px, 6vw, 72px);
    font-weight: 900;
    line-height: .98;
    letter-spacing: -.035em;
    text-transform: uppercase;
}

.vhs-page-hero p {
    max-width: 650px;
    margin: 22px 0 0;
    color: #ddd8d0;
    font-size: 18px;
    line-height: 1.65;
}

.vhs-page-rule {
    width: 78px;
    height: 4px;
    margin-top: 25px;
    background: var(--vhs-gold);
}


/* ---------- CONTENT ---------- */

.vhs-page-content {
    padding: 75px 0 90px;
}

.vhs-prose {
    max-width: 940px;
}

.vhs-prose > *:first-child {
    margin-top: 0;
}

.vhs-prose h2 {
    margin: 52px 0 18px;
    color: #171717;
    font-size: clamp(30px, 4vw, 46px);
    font-weight: 900;
    line-height: 1.05;
    letter-spacing: -.025em;
    text-transform: uppercase;
}

.vhs-prose h2:first-child {
    margin-top: 0;
}

.vhs-prose h3 {
    position: relative;
    margin: 38px 0 9px;
    padding-left: 20px;
    color: #171717;
    font-size: 22px;
    font-weight: 900;
    line-height: 1.25;
}

.vhs-prose h3::before {
    content: "";
    position: absolute;
    top: 4px;
    bottom: 3px;
    left: 0;
    width: 4px;
    background: var(--vhs-red);
}

.vhs-prose p {
    max-width: 820px;
    margin: 0 0 20px;
    color: #36332e;
    font-size: 18px;
    line-height: 1.75;
}

.vhs-prose strong {
    color: #171717;
}

.vhs-prose > p:last-child strong {
    display: block;
    margin-top: 45px;
    padding: 25px 28px;
    border-left: 5px solid var(--vhs-gold);
    background: #171717;
    color: #fff;
    font-size: clamp(20px, 3vw, 28px);
    line-height: 1.3;
}


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

.vhs-shop-hero {
    padding-bottom: 66px;
}


/* ---------- WOOCOMMERCE CONTENT ---------- */

.vhs-shop-content {
    min-height: 420px;
    padding: 70px 0 90px;
}

.vhs-shop-content .woocommerce {
    width: 100%;
}

.vhs-shop-content .woocommerce-breadcrumb {
    display: none;
}

.vhs-shop-content .woocommerce-notices-wrapper {
    margin-bottom: 25px;
}

.vhs-shop-content .woocommerce-info,
.vhs-shop-content .woocommerce-message,
.vhs-shop-content .woocommerce-error {
    margin: 0 0 30px;
    padding: 20px 24px;
    border: 0;
    border-left: 5px solid var(--vhs-gold);
    background: #fff;
    color: #24211e;
    box-shadow: 0 8px 25px rgba(0,0,0,.06);
}

.vhs-shop-content .woocommerce-info::before,
.vhs-shop-content .woocommerce-message::before {
    color: var(--vhs-red);
}


/* ---------- SHOP EMPTY STATE ---------- */

.vhs-shop-content .woocommerce-info {
    position: relative;
    min-height: 150px;
    display: flex;
    align-items: center;
    padding: 35px 38px 35px 88px;
    font-size: 18px;
    line-height: 1.55;
}

.vhs-shop-content .woocommerce-info::before {
    top: 50%;
    left: 35px;
    transform: translateY(-50%);
    font-size: 28px;
}


/* ---------- PRODUCT ARCHIVE ---------- */

.vhs-shop-content ul.products {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 42px 30px;
    margin: 35px 0 0;
}

.vhs-shop-content ul.products::before,
.vhs-shop-content ul.products::after {
    display: none;
}

.vhs-shop-content ul.products li.product {
    width: auto;
    float: none;
    margin: 0;
    padding: 25px 25px 28px;
    border-bottom: 3px solid var(--vhs-gold);
    background: #fff;
    text-align: center;
    box-shadow: 0 12px 30px rgba(0,0,0,.07);
}

.vhs-shop-content ul.products li.product img {
    margin-bottom: 22px;
}

.vhs-shop-content ul.products li.product .woocommerce-loop-product__title {
    color: #171717;
    font-size: 20px;
    font-weight: 900;
}

.vhs-shop-content ul.products li.product .price {
    color: var(--vhs-red);
    font-size: 20px;
    font-weight: 900;
}

.vhs-shop-content .button,
.vhs-shop-content button.button,
.vhs-shop-content input.button {
    border-radius: 0;
    background: var(--vhs-red);
    color: #fff;
    font-weight: 900;
    text-transform: uppercase;
}

.vhs-shop-content .button:hover,
.vhs-shop-content button.button:hover,
.vhs-shop-content input.button:hover {
    background: #86171b;
    color: #fff;
}


/* ---------- REMOVE GENERIC SIDEBAR ---------- */

.woocommerce .widget-area,
.woocommerce-page .widget-area,
.vhs-shop-shell + .widget-area {
    display: none !important;
}


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

@media (max-width: 800px) {

    .vhs-page-hero {
        padding: 55px 0 50px;
    }

    .vhs-page-content,
    .vhs-shop-content {
        padding: 55px 0 70px;
    }

    .vhs-shop-content ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 25px 16px;
    }
}

@media (max-width: 520px) {

    .vhs-page-hero h1 {
        font-size: 42px;
    }

    .vhs-prose p {
        font-size: 17px;
    }

    .vhs-prose h3 {
        font-size: 20px;
    }

    .vhs-shop-content ul.products {
        grid-template-columns: 1fr;
    }

    .vhs-shop-content .woocommerce-info {
        min-height: 0;
        padding: 25px;
    }

    .vhs-shop-content .woocommerce-info::before {
        display: none;
    }
}



/* =========================================================
   VHS SINGLE PRODUCT
   2026-09-17
   ========================================================= */

.single-product .vhs-shop-hero {
    display: none;
}

.single-product .vhs-shop-content {
    padding: 60px 0 90px;
}


/* ---------- BREADCRUMB ---------- */

.single-product .woocommerce-breadcrumb {
    display: block;
    margin: 0 0 30px;
    color: #777168;
    font-size: 13px;
}

.single-product .woocommerce-breadcrumb a {
    color: var(--vhs-red);
    font-weight: 800;
    text-decoration: none;
}


/* ---------- PRODUCT TOP ---------- */

.single-product div.product {
    position: relative;
}

.single-product div.product .product {
    margin: 0;
}

.single-product div.product::after {
    content: "";
    display: table;
    clear: both;
}

.single-product div.product div.images {
    width: 48%;
    margin: 0;
}

.single-product div.product div.summary {
    width: 46%;
    margin: 25px 0 0;
}


/* ---------- PRODUCT IMAGE ---------- */

.single-product div.product div.images .woocommerce-product-gallery__wrapper {
    overflow: hidden;
    border: 2px solid var(--vhs-gold);
    border-radius: 50%;
    background: #171513;
    box-shadow:
        0 18px 45px rgba(30,22,15,.16),
        0 0 0 7px rgba(176,141,69,.07);
}

.single-product div.product div.images img {
    display: block;
    width: 100%;
    height: auto;
}


/* ---------- SUMMARY ---------- */

.single-product .product_title {
    max-width: 560px;
    margin: 0 0 12px;
    color: #171717;
    font-size: clamp(38px, 4.5vw, 58px);
    font-weight: 900;
    line-height: 1;
    letter-spacing: -.035em;
}

.single-product div.product p.price {
    margin: 0 0 25px;
    color: var(--vhs-red);
    font-size: 30px;
    font-weight: 900;
}

.single-product .woocommerce-product-details__short-description {
    max-width: 610px;
    margin-bottom: 28px;
    color: #39352f;
    font-size: 17px;
    line-height: 1.7;
}

.single-product .woocommerce-product-details__short-description p {
    margin-bottom: 15px;
}


/* ---------- CART ---------- */

.single-product div.product form.cart {
    display: flex;
    align-items: stretch;
    gap: 10px;
    margin: 28px 0 30px;
}

.single-product div.product form.cart div.quantity {
    margin: 0;
}

.single-product div.product form.cart .qty {
    width: 68px;
    min-height: 52px;
    padding: 8px;
    border: 1px solid #c9c1b4;
    background: #fff;
    color: #171717;
    font-size: 17px;
    font-weight: 800;
    text-align: center;
}

.single-product div.product form.cart .single_add_to_cart_button {
    min-height: 52px;
    padding: 12px 30px;
    border: 0;
    border-radius: 0;
    background: var(--vhs-red);
    color: #fff;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: .045em;
    text-transform: uppercase;
    box-shadow: none;
}

.single-product div.product form.cart .single_add_to_cart_button:hover {
    background: #86171b;
    color: #fff;
}


/* ---------- META ---------- */

.single-product .product_meta {
    margin-top: 25px;
    padding-top: 20px;
    border-top: 1px solid #d4cbbb;
    color: #746d63;
    font-size: 13px;
}

.single-product .product_meta .sku_wrapper {
    display: block;
}

.single-product .product_meta .sku {
    color: #292622;
    font-weight: 800;
}


/* ---------- PRODUCT TABS ---------- */

.single-product .woocommerce-tabs {
    clear: both;
    padding-top: 75px;
}

.single-product .woocommerce-tabs ul.tabs {
    display: flex;
    gap: 4px;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 3px solid var(--vhs-gold);
}

.single-product .woocommerce-tabs ul.tabs::before,
.single-product .woocommerce-tabs ul.tabs::after {
    display: none !important;
}

.single-product .woocommerce-tabs ul.tabs li {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #e8e1d5 !important;
}

.single-product .woocommerce-tabs ul.tabs li::before,
.single-product .woocommerce-tabs ul.tabs li::after {
    display: none !important;
}

.single-product .woocommerce-tabs ul.tabs li a {
    display: block;
    padding: 15px 22px !important;
    color: #312d28 !important;
    font-size: 13px;
    font-weight: 900 !important;
    letter-spacing: .025em;
    text-transform: uppercase;
}

.single-product .woocommerce-tabs ul.tabs li.active {
    background: #171717 !important;
}

.single-product .woocommerce-tabs ul.tabs li.active a {
    color: #fff !important;
}


/* ---------- DESCRIPTION ---------- */

.single-product .woocommerce-Tabs-panel {
    max-width: 920px;
    padding: 48px 0 10px !important;
    color: #37332e;
}

.single-product .woocommerce-Tabs-panel > h2:first-child {
    display: none;
}

.single-product .woocommerce-Tabs-panel h2 {
    margin: 0 0 18px;
    color: #171717;
    font-size: 38px;
    font-weight: 900;
    line-height: 1.05;
    text-transform: uppercase;
}

.single-product .woocommerce-Tabs-panel h3 {
    position: relative;
    margin: 38px 0 12px;
    padding-left: 18px;
    color: #171717;
    font-size: 22px;
    font-weight: 900;
}

.single-product .woocommerce-Tabs-panel h3::before {
    content: "";
    position: absolute;
    top: 3px;
    bottom: 2px;
    left: 0;
    width: 4px;
    background: var(--vhs-red);
}

.single-product .woocommerce-Tabs-panel p,
.single-product .woocommerce-Tabs-panel li {
    font-size: 17px;
    line-height: 1.7;
}

.single-product .woocommerce-Tabs-panel ul {
    margin: 15px 0 25px;
    padding-left: 24px;
}

.single-product .woocommerce-Tabs-panel li {
    margin-bottom: 6px;
}


/* ---------- RELATED PRODUCTS ---------- */

.single-product .related.products {
    clear: both;
    padding-top: 65px;
}

.single-product .related.products > h2 {
    margin-bottom: 35px;
    color: #171717;
    font-size: clamp(32px, 4vw, 46px);
    font-weight: 900;
    text-transform: uppercase;
}


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

@media (max-width: 800px) {

    .single-product .vhs-shop-content {
        padding-top: 40px;
    }

    .single-product div.product div.images,
    .single-product div.product div.summary {
        float: none;
        width: 100%;
    }

    .single-product div.product div.images {
        max-width: 540px;
        margin: 0 auto 45px;
    }

    .single-product div.product div.summary {
        margin-top: 0;
    }

    .single-product .woocommerce-tabs {
        padding-top: 55px;
    }
}

@media (max-width: 560px) {

    .single-product .product_title {
        font-size: 38px;
    }

    .single-product div.product form.cart {
        flex-wrap: wrap;
    }

    .single-product div.product form.cart .single_add_to_cart_button {
        flex: 1;
    }

    .single-product .woocommerce-tabs ul.tabs {
        flex-direction: column;
        gap: 2px;
    }

    .single-product .woocommerce-tabs ul.tabs li {
        width: 100%;
    }

    .single-product .woocommerce-tabs ul.tabs li a {
        width: 100%;
    }
}



/* =========================================================
   VHS SINGLE PRODUCT FINAL POLISH
   2026-09-17
   ========================================================= */

@media (min-width: 801px) {

    .single-product div.product div.images {
        width: 43%;
        margin-left: 3%;
    }

    .single-product div.product div.summary {
        width: 43%;
        margin-right: 4%;
        padding-top: 18px;
    }

    .single-product div.product div.images .woocommerce-product-gallery__wrapper {
        max-width: 560px;
        margin: 0 auto;
    }
}


/* description width and rhythm */

.single-product .woocommerce-Tabs-panel {
    max-width: 1120px;
}

.single-product .woocommerce-Tabs-panel h2 {
    margin-bottom: 20px;
}

.single-product .woocommerce-Tabs-panel > p:first-of-type {
    max-width: 900px;
    margin-bottom: 35px;
    font-size: 18px;
    line-height: 1.75;
}


/* ingredients */

.single-product .woocommerce-Tabs-panel ul {
    max-width: 760px;
    margin-top: 18px;
    padding: 25px 30px 22px 48px;
    border-top: 3px solid var(--vhs-gold);
    background: rgba(255,255,255,.48);
}

.single-product .woocommerce-Tabs-panel li {
    margin-bottom: 9px;
}


/* Heat Level and Made in Alberta */

.single-product .woocommerce-Tabs-panel h3:nth-of-type(2),
.single-product .woocommerce-Tabs-panel h3:nth-of-type(3) {
    margin-top: 32px;
}

.single-product .woocommerce-Tabs-panel h3:nth-of-type(2) + p,
.single-product .woocommerce-Tabs-panel h3:nth-of-type(3) + p {
    max-width: 760px;
    margin-bottom: 25px;
    padding: 20px 24px;
    border-left: 4px solid var(--vhs-gold);
    background: #171717;
    color: #f5f1e8;
}

.single-product .woocommerce-Tabs-panel h3:nth-of-type(2) + p strong,
.single-product .woocommerce-Tabs-panel h3:nth-of-type(3) + p strong {
    color: var(--vhs-gold);
}


/* make purchase area slightly stronger */

.single-product div.product form.cart {
    padding: 20px 0 28px;
    border-bottom: 1px solid #d4cbbb;
}

.single-product .product_meta {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}


/* mobile keeps simpler presentation */

@media (max-width: 800px) {

    .single-product .woocommerce-Tabs-panel ul {
        padding: 22px 20px 20px 38px;
    }

    .single-product .woocommerce-Tabs-panel h3:nth-of-type(2) + p,
    .single-product .woocommerce-Tabs-panel h3:nth-of-type(3) + p {
        padding: 18px 20px;
    }
}



/* =========================================================
   VHS STOREFRONT REFINEMENT
   2026-09-17
   ========================================================= */


/* =========================================================
   1. SINGLE PRODUCT - SMALLER, BETTER BALANCED IMAGE
   ========================================================= */

@media (min-width: 801px) {

    .single-product div.product {
        display: grid;
        grid-template-columns: minmax(340px, 470px) minmax(420px, 540px);
        justify-content: center;
        align-items: center;
        gap: 80px;
    }

    .single-product div.product div.images,
    .single-product div.product div.summary {
        float: none !important;
        width: 100% !important;
        margin: 0 !important;
    }

    .single-product div.product div.images {
        max-width: 470px;
    }

    .single-product div.product div.images .woocommerce-product-gallery__wrapper {
        max-width: 470px;
    }

    .single-product div.product div.summary {
        max-width: 540px;
        padding: 0 !important;
    }

    .single-product .woocommerce-tabs,
    .single-product .related.products {
        grid-column: 1 / -1;
        width: 100%;
    }
}


/* =========================================================
   2. HOMEPAGE PRODUCT IMAGES
   REMOVE HEAVY BLACK CIRCLE
   ========================================================= */

.home .vhs-product-image {
    overflow: hidden;
    background: transparent !important;
    border: 2px solid var(--vhs-gold) !important;
    box-shadow:
        0 12px 26px rgba(31, 23, 14, .11) !important;
}

.home .vhs-product-image::before,
.home .vhs-product-image::after {
    display: none !important;
}

.home .vhs-product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: transparent;
    border: 0 !important;
    box-shadow: none !important;
}


/* =========================================================
   3. BRANDED CONTENT PAGE FINISH
   OUR STORY + FARMER CODE
   ========================================================= */

body.page-id-25 .vhs-page-content,
body.page-id-26 .vhs-page-content {
    max-width: 1180px;
}

body.page-id-25 .vhs-page-content > h2,
body.page-id-26 .vhs-page-content > h2 {
    position: relative;
}

body.page-id-25 .vhs-page-content > h2:not(:first-child) {
    margin-top: 70px;
    padding: 42px 48px;
    background: #171717;
    color: #fff;
    border-left: 6px solid var(--vhs-gold);
}

body.page-id-25 .vhs-page-content > h2:not(:first-child) + p {
    margin-top: 30px;
}


/* Farmer Code principle blocks */

body.page-id-26 .vhs-page-content h3 {
    max-width: 900px;
    margin-top: 34px;
    margin-bottom: 0;
    padding: 18px 24px 10px;
    border-left: 5px solid var(--vhs-red);
    background: rgba(255,255,255,.42);
}

body.page-id-26 .vhs-page-content h3 + p {
    max-width: 900px;
    margin-top: 0;
    margin-bottom: 0;
    padding: 5px 24px 22px 29px;
    background: rgba(255,255,255,.42);
}


/* final Farmer Code statement */

body.page-id-26 .vhs-page-content > p:last-child {
    max-width: 900px;
    margin-top: 50px;
    padding: 32px 36px;
    background: #171717;
    border-left: 6px solid var(--vhs-gold);
    color: #fff;
    font-size: 24px;
    font-weight: 900;
    line-height: 1.35;
    text-transform: uppercase;
}


/* Our Story final philosophy paragraph */

body.page-id-25 .vhs-page-content > p:last-child {
    max-width: 900px;
    margin-top: 40px;
    padding: 28px 34px;
    border-left: 5px solid var(--vhs-red);
    background: rgba(255,255,255,.5);
    font-size: 20px;
    font-weight: 700;
}


/* =========================================================
   4. CART - LARGER, MORE PREMIUM TYPOGRAPHY
   ========================================================= */

.woocommerce-cart .vhs-shop-content {
    padding-top: 75px;
    padding-bottom: 100px;
}

.woocommerce-cart .wc-block-cart {
    font-size: 17px;
}

.woocommerce-cart .wc-block-cart__main {
    padding-right: 55px;
}


/* column headings */

.woocommerce-cart .wc-block-cart-items__header span,
.woocommerce-cart .wc-block-cart__totals-title {
    font-size: 14px !important;
    font-weight: 900 !important;
    letter-spacing: .06em;
    text-transform: uppercase;
}


/* product row */

.woocommerce-cart .wc-block-cart-item__product {
    padding-left: 20px !important;
}

.woocommerce-cart .wc-block-components-product-name {
    color: #171717 !important;
    font-size: 20px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
}

.woocommerce-cart .wc-block-components-product-price {
    margin-top: 7px;
    font-size: 17px !important;
    font-weight: 800;
}

.woocommerce-cart .wc-block-components-product-metadata,
.woocommerce-cart .wc-block-components-product-metadata__description {
    margin-top: 9px !important;
    color: #514b43;
    font-size: 15px !important;
    line-height: 1.5 !important;
}


/* product thumbnail */

.woocommerce-cart .wc-block-cart-item__image {
    width: 100px !important;
}

.woocommerce-cart .wc-block-cart-item__image img {
    border-radius: 8px;
}


/* quantity */

.woocommerce-cart .wc-block-components-quantity-selector {
    min-height: 42px;
    margin-top: 15px !important;
}

.woocommerce-cart .wc-block-components-quantity-selector input {
    font-size: 16px !important;
    font-weight: 800;
}


/* line total */

.woocommerce-cart .wc-block-cart-item__total-price-and-sale-badge-wrapper {
    font-size: 18px;
    font-weight: 900;
}


/* totals panel */

.woocommerce-cart .wc-block-cart__sidebar {
    font-size: 16px;
}

.woocommerce-cart .wc-block-components-totals-item {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
}

.woocommerce-cart .wc-block-components-totals-item__label {
    font-size: 16px;
}

.woocommerce-cart .wc-block-components-totals-item__value {
    font-size: 17px;
    font-weight: 800;
}

.woocommerce-cart .wc-block-components-totals-footer-item {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
}

.woocommerce-cart .wc-block-components-totals-footer-item
.wc-block-components-totals-item__label,
.woocommerce-cart .wc-block-components-totals-footer-item
.wc-block-components-totals-item__value {
    font-size: 24px !important;
    font-weight: 900 !important;
}


/* coupon */

.woocommerce-cart .wc-block-components-panel__button {
    font-size: 15px !important;
    font-weight: 700;
}


/* checkout button */

.woocommerce-cart .wc-block-cart__submit-button {
    min-height: 58px;
    border-radius: 0 !important;
    background: var(--vhs-red) !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    letter-spacing: .035em;
    text-transform: uppercase;
}

.woocommerce-cart .wc-block-cart__submit-button:hover {
    background: #86171b !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 800px) {

    .single-product div.product div.images {
        max-width: 410px;
    }

    body.page-id-25 .vhs-page-content > h2:not(:first-child) {
        padding: 30px 25px;
    }

    body.page-id-26 .vhs-page-content h3 {
        padding: 16px 18px 8px;
    }

    body.page-id-26 .vhs-page-content h3 + p {
        padding: 5px 18px 18px 23px;
    }

    body.page-id-26 .vhs-page-content > p:last-child,
    body.page-id-25 .vhs-page-content > p:last-child {
        padding: 24px;
    }

    .woocommerce-cart .vhs-shop-content {
        padding-top: 45px;
    }

    .woocommerce-cart .wc-block-cart__main {
        padding-right: 0;
    }

    .woocommerce-cart .wc-block-components-product-name {
        font-size: 18px !important;
    }
}



/* =========================================================
   VHS CONTENT + COMMERCE POLISH 2026-09-17
   ========================================================= */


/* ---------- SMALLER PRODUCT HERO IMAGE ---------- */

@media (min-width: 901px) {

    .single-product div.product div.images {
        width: 36% !important;
        max-width: 500px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .single-product div.product div.summary {
        width: 45% !important;
    }

    .single-product div.product {
        justify-content: center !important;
        column-gap: clamp(55px, 7vw, 120px) !important;
    }

    .single-product div.product div.images
    .woocommerce-product-gallery__wrapper {
        max-width: 480px !important;
        margin: 0 auto !important;
    }

}


/* ---------- STORY / FARMER CODE TWO-COLUMN LAYOUT ---------- */

body.page-id-25 .vhs-page-content .vhs-container,
body.page-id-26 .vhs-page-content .vhs-container {
    max-width: 1320px;
}

.vhs-content-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(300px, .75fr);
    gap: clamp(55px, 7vw, 110px);
    align-items: start;
}

.vhs-content-layout .vhs-prose {
    min-width: 0;
}


/* ---------- CONTENT SIDEBAR ---------- */

.vhs-content-sidebar {
    position: sticky;
    top: 115px;
    padding: 38px;
    background:
        linear-gradient(
            145deg,
            #1b1a17 0%,
            #111 68%,
            #241313 100%
        );
    border-top: 4px solid var(--vhs-gold);
    box-shadow: 0 22px 55px rgba(0,0,0,.13);
    color: #fff;
}

.vhs-sidebar-kicker {
    display: block;
    margin-bottom: 12px;
    color: var(--vhs-gold);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.vhs-content-sidebar h2 {
    margin: 0 0 16px;
    color: #fff;
    font-size: clamp(30px, 3vw, 43px);
    line-height: .98;
    text-transform: uppercase;
}

.vhs-content-sidebar h3 {
    margin: 8px 0 12px;
    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
}

.vhs-content-sidebar p {
    margin: 0 0 24px;
    color: rgba(255,255,255,.82);
    font-size: 16px;
    line-height: 1.65;
}

.vhs-sidebar-products {
    margin: 25px 0 30px;
    border-top: 1px solid rgba(255,255,255,.16);
}

.vhs-sidebar-products a {
    display: grid;
    grid-template-columns: 38px 1fr;
    align-items: center;
    gap: 10px;
    padding: 15px 0;
    color: #fff;
    border-bottom: 1px solid rgba(255,255,255,.16);
    font-size: 15px;
    font-weight: 800;
    text-decoration: none;
}

.vhs-sidebar-products a:hover {
    color: var(--vhs-gold);
}

.vhs-sidebar-products span {
    color: var(--vhs-gold);
    font-size: 12px;
    letter-spacing: .1em;
}

.vhs-sidebar-secondary {
    margin-top: 38px;
    padding-top: 30px;
    border-top: 1px solid rgba(255,255,255,.2);
}

.vhs-sidebar-secondary > a:not(.vhs-button) {
    color: var(--vhs-gold);
    font-size: 14px;
    font-weight: 900;
    text-decoration: none;
    text-transform: uppercase;
}


/* ---------- FARMER CODE MAIN COLUMN ---------- */

body.page-id-26 .vhs-prose h3 {
    max-width: 100%;
}

body.page-id-26 .vhs-prose h3 + p {
    max-width: 100%;
}


/* ---------- HOMEPAGE STORY PANEL VISUAL DETAIL ---------- */

.home .vhs-story-farm {
    position: relative;
    overflow: hidden;
}

.home .vhs-story-farm::before {
    content: "VHS";
    position: absolute;
    right: -18px;
    bottom: -58px;
    color: rgba(184,140,53,.075);
    font-size: clamp(170px, 18vw, 330px);
    font-weight: 950;
    line-height: .75;
    letter-spacing: -.09em;
    pointer-events: none;
}

.home .vhs-story-farm::after {
    content: "RICH VALLEY  •  ALBERTA";
    position: absolute;
    right: 45px;
    top: 52px;
    color: rgba(20,20,20,.28);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .22em;
    writing-mode: vertical-rl;
    text-transform: uppercase;
    pointer-events: none;
}

.home .vhs-story-farm .vhs-story-content {
    position: relative;
    z-index: 2;
}


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

.site-footer {
    padding: 0 !important;
    background: #111;
    border-top: 4px solid var(--vhs-red);
}

.vhs-footer-grid {
    display: grid;
    grid-template-columns: 1.5fr .7fr .9fr;
    gap: 70px;
    padding-top: 65px;
    padding-bottom: 58px;
}

.site-footer .footer-brand {
    display: block;
}

.site-footer .footer-brand strong {
    display: block;
    margin-bottom: 10px;
    color: var(--vhs-gold);
    font-size: 25px;
    line-height: 1;
}

.site-footer .footer-brand > span {
    display: block;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.55;
}

.site-footer .vhs-footer-origin {
    margin-top: 24px;
    color: rgba(255,255,255,.55);
    font-size: 13px;
    line-height: 1.6;
}

.vhs-footer-column {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.vhs-footer-column h2 {
    margin: 0 0 12px;
    color: var(--vhs-gold);
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.vhs-footer-column a,
.vhs-footer-column span {
    color: rgba(255,255,255,.78);
    font-size: 14px;
    line-height: 1.4;
    text-decoration: none;
}

.vhs-footer-column a:hover {
    color: var(--vhs-gold);
}

.vhs-footer-column span {
    color: rgba(255,255,255,.42);
}

.vhs-footer-bottom {
    border-top: 1px solid rgba(255,255,255,.12);
}

.vhs-footer-bottom .vhs-container {
    display: flex;
    justify-content: space-between;
    gap: 25px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.site-footer .vhs-footer-bottom p {
    margin: 0;
    color: rgba(255,255,255,.48);
    font-size: 12px;
}


/* ---------- RESPONSIVE ---------- */

@media (max-width: 900px) {

    .vhs-content-layout {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .vhs-content-sidebar {
        position: static;
    }

    .vhs-footer-grid {
        grid-template-columns: 1fr 1fr;
        gap: 45px;
    }

    .vhs-footer-grid .footer-brand {
        grid-column: 1 / -1;
    }

}

@media (max-width: 600px) {

    .vhs-content-sidebar {
        padding: 30px 24px;
    }

    .vhs-footer-grid {
        grid-template-columns: 1fr;
        gap: 35px;
        padding-top: 48px;
        padding-bottom: 42px;
    }

    .vhs-footer-grid .footer-brand {
        grid-column: auto;
    }

    .vhs-footer-bottom .vhs-container {
        flex-direction: column;
        gap: 6px;
    }

    .home .vhs-story-farm::after {
        display: none;
    }

}



/* =========================================================
   VHS CONTENT + COMMERCE POLISH 2026-09-17
   ========================================================= */


/* ---------- SMALLER PRODUCT HERO IMAGE ---------- */

@media (min-width: 901px) {

    .single-product div.product div.images {
        width: 36% !important;
        max-width: 500px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .single-product div.product div.summary {
        width: 45% !important;
    }

    .single-product div.product {
        justify-content: center !important;
        column-gap: clamp(55px, 7vw, 120px) !important;
    }

    .single-product div.product div.images
    .woocommerce-product-gallery__wrapper {
        max-width: 480px !important;
        margin: 0 auto !important;
    }

}


/* ---------- STORY / FARMER CODE TWO-COLUMN LAYOUT ---------- */

body.page-id-25 .vhs-page-content .vhs-container,
body.page-id-26 .vhs-page-content .vhs-container {
    max-width: 1320px;
}

.vhs-content-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(300px, .75fr);
    gap: clamp(55px, 7vw, 110px);
    align-items: start;
}

.vhs-content-layout .vhs-prose {
    min-width: 0;
}


/* ---------- CONTENT SIDEBAR ---------- */

.vhs-content-sidebar {
    position: sticky;
    top: 115px;
    padding: 38px;
    background:
        linear-gradient(
            145deg,
            #1b1a17 0%,
            #111 68%,
            #241313 100%
        );
    border-top: 4px solid var(--vhs-gold);
    box-shadow: 0 22px 55px rgba(0,0,0,.13);
    color: #fff;
}

.vhs-sidebar-kicker {
    display: block;
    margin-bottom: 12px;
    color: var(--vhs-gold);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.vhs-content-sidebar h2 {
    margin: 0 0 16px;
    color: #fff;
    font-size: clamp(30px, 3vw, 43px);
    line-height: .98;
    text-transform: uppercase;
}

.vhs-content-sidebar h3 {
    margin: 8px 0 12px;
    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
}

.vhs-content-sidebar p {
    margin: 0 0 24px;
    color: rgba(255,255,255,.82);
    font-size: 16px;
    line-height: 1.65;
}

.vhs-sidebar-products {
    margin: 25px 0 30px;
    border-top: 1px solid rgba(255,255,255,.16);
}

.vhs-sidebar-products a {
    display: grid;
    grid-template-columns: 38px 1fr;
    align-items: center;
    gap: 10px;
    padding: 15px 0;
    color: #fff;
    border-bottom: 1px solid rgba(255,255,255,.16);
    font-size: 15px;
    font-weight: 800;
    text-decoration: none;
}

.vhs-sidebar-products a:hover {
    color: var(--vhs-gold);
}

.vhs-sidebar-products span {
    color: var(--vhs-gold);
    font-size: 12px;
    letter-spacing: .1em;
}

.vhs-sidebar-secondary {
    margin-top: 38px;
    padding-top: 30px;
    border-top: 1px solid rgba(255,255,255,.2);
}

.vhs-sidebar-secondary > a:not(.vhs-button) {
    color: var(--vhs-gold);
    font-size: 14px;
    font-weight: 900;
    text-decoration: none;
    text-transform: uppercase;
}


/* ---------- FARMER CODE MAIN COLUMN ---------- */

body.page-id-26 .vhs-prose h3 {
    max-width: 100%;
}

body.page-id-26 .vhs-prose h3 + p {
    max-width: 100%;
}


/* ---------- HOMEPAGE STORY PANEL VISUAL DETAIL ---------- */

.home .vhs-story-farm {
    position: relative;
    overflow: hidden;
}

.home .vhs-story-farm::before {
    content: "VHS";
    position: absolute;
    right: -18px;
    bottom: -58px;
    color: rgba(184,140,53,.075);
    font-size: clamp(170px, 18vw, 330px);
    font-weight: 950;
    line-height: .75;
    letter-spacing: -.09em;
    pointer-events: none;
}

.home .vhs-story-farm::after {
    content: "RICH VALLEY  •  ALBERTA";
    position: absolute;
    right: 45px;
    top: 52px;
    color: rgba(20,20,20,.28);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .22em;
    writing-mode: vertical-rl;
    text-transform: uppercase;
    pointer-events: none;
}

.home .vhs-story-farm .vhs-story-content {
    position: relative;
    z-index: 2;
}


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

.site-footer {
    padding: 0 !important;
    background: #111;
    border-top: 4px solid var(--vhs-red);
}

.vhs-footer-grid {
    display: grid;
    grid-template-columns: 1.5fr .7fr .9fr;
    gap: 70px;
    padding-top: 65px;
    padding-bottom: 58px;
}

.site-footer .footer-brand {
    display: block;
}

.site-footer .footer-brand strong {
    display: block;
    margin-bottom: 10px;
    color: var(--vhs-gold);
    font-size: 25px;
    line-height: 1;
}

.site-footer .footer-brand > span {
    display: block;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.55;
}

.site-footer .vhs-footer-origin {
    margin-top: 24px;
    color: rgba(255,255,255,.55);
    font-size: 13px;
    line-height: 1.6;
}

.vhs-footer-column {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.vhs-footer-column h2 {
    margin: 0 0 12px;
    color: var(--vhs-gold);
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.vhs-footer-column a,
.vhs-footer-column span {
    color: rgba(255,255,255,.78);
    font-size: 14px;
    line-height: 1.4;
    text-decoration: none;
}

.vhs-footer-column a:hover {
    color: var(--vhs-gold);
}

.vhs-footer-column span {
    color: rgba(255,255,255,.42);
}

.vhs-footer-bottom {
    border-top: 1px solid rgba(255,255,255,.12);
}

.vhs-footer-bottom .vhs-container {
    display: flex;
    justify-content: space-between;
    gap: 25px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.site-footer .vhs-footer-bottom p {
    margin: 0;
    color: rgba(255,255,255,.48);
    font-size: 12px;
}


/* ---------- RESPONSIVE ---------- */

@media (max-width: 900px) {

    .vhs-content-layout {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .vhs-content-sidebar {
        position: static;
    }

    .vhs-footer-grid {
        grid-template-columns: 1fr 1fr;
        gap: 45px;
    }

    .vhs-footer-grid .footer-brand {
        grid-column: 1 / -1;
    }

}

@media (max-width: 600px) {

    .vhs-content-sidebar {
        padding: 30px 24px;
    }

    .vhs-footer-grid {
        grid-template-columns: 1fr;
        gap: 35px;
        padding-top: 48px;
        padding-bottom: 42px;
    }

    .vhs-footer-grid .footer-brand {
        grid-column: auto;
    }

    .vhs-footer-bottom .vhs-container {
        flex-direction: column;
        gap: 6px;
    }

    .home .vhs-story-farm::after {
        display: none;
    }

}



/* =========================================================
   VHS FARM STORY / CONTENT CENTERING / PRODUCT SCALE
   2026-09-17
   ========================================================= */


/* ---------- PRODUCT PAGE: RESTORE BALANCED IMAGE SIZE ---------- */

@media (min-width: 901px) {

    .single-product div.product {
        display: grid !important;
        grid-template-columns:
            minmax(390px, 480px)
            minmax(400px, 540px) !important;
        justify-content: center !important;
        align-items: center !important;
        column-gap: clamp(65px, 7vw, 115px) !important;
        max-width: 1180px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .single-product div.product div.images {
        width: 100% !important;
        max-width: 460px !important;
        margin: 0 auto !important;
    }

    .single-product div.product div.images
    .woocommerce-product-gallery__wrapper {
        width: 100% !important;
        max-width: 460px !important;
        margin: 0 auto !important;
    }

    .single-product div.product div.images img {
        width: 100% !important;
        height: auto !important;
        max-width: 460px !important;
    }

    .single-product div.product div.summary {
        width: 100% !important;
        max-width: 540px !important;
        margin: 0 !important;
    }

}


/* ---------- CENTER STORY + FARMER CODE PAGES ---------- */

body.page-id-25 .vhs-page-content .vhs-container.vhs-content-layout,
body.page-id-26 .vhs-page-content .vhs-container.vhs-content-layout {
    width: min(1180px, calc(100% - 60px)) !important;
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;

    grid-template-columns:
        minmax(0, 720px)
        minmax(280px, 320px);

    justify-content: center;
    gap: clamp(55px, 6vw, 90px);
}


/* keep prose comfortably readable */

body.page-id-25 .vhs-prose,
body.page-id-26 .vhs-prose {
    width: 100%;
    max-width: 720px;
}


/* slightly reduce oversized headings */

body.page-id-25 .vhs-prose > h2,
body.page-id-26 .vhs-prose > h2 {
    font-size: clamp(35px, 4vw, 50px);
    line-height: 1.02;
}


/* ---------- HOMEPAGE STORY: FARM IDENTITY ---------- */

.home .vhs-story-farm {
    background:
        radial-gradient(
            circle at 72% 40%,
            rgba(188,145,60,.12),
            transparent 38%
        ),
        linear-gradient(
            135deg,
            #f7f2e7 0%,
            #f1ebdf 100%
        );
}

.home .vhs-story-farm .vhs-story-content {
    max-width: 620px;
}

.home .vhs-story-farm .vhs-story-content p {
    max-width: 555px;
    font-size: 17px;
    line-height: 1.75;
}


/* visual farm-grown stamp */

.home .vhs-story-farm .vhs-story-content::after {
    content:
        "FARM GROWN  •  NO PESTICIDES  •  NATURAL FARMING  •  RICH VALLEY, ALBERTA";
    display: block;
    max-width: 500px;
    margin-top: 34px;
    padding-top: 19px;
    border-top: 2px solid rgba(181,139,55,.55);
    color: #856621;
    font-size: 11px;
    font-weight: 900;
    line-height: 1.65;
    letter-spacing: .13em;
}


/* make the large VHS watermark more deliberate */

.home .vhs-story-farm::before {
    right: 20px !important;
    bottom: -35px !important;
    color: rgba(184,140,53,.07) !important;
    font-size: clamp(180px, 18vw, 310px) !important;
}


/* ---------- FARMER CODE PANEL ---------- */

.home .vhs-story-code {
    background:
        radial-gradient(
            circle at 30% 25%,
            rgba(185,142,57,.08),
            transparent 40%
        ),
        linear-gradient(
            135deg,
            #22201b 0%,
            #100d0e 72%,
            #210d10 100%
        );
}


/* ---------- RESPONSIVE ---------- */

@media (max-width: 900px) {

    body.page-id-25 .vhs-page-content .vhs-container.vhs-content-layout,
    body.page-id-26 .vhs-page-content .vhs-container.vhs-content-layout {
        width: min(100% - 36px, 720px) !important;
        grid-template-columns: 1fr;
        gap: 45px;
    }

    body.page-id-25 .vhs-prose,
    body.page-id-26 .vhs-prose {
        max-width: none;
    }

    .single-product div.product div.images {
        width: min(82vw, 430px) !important;
        max-width: 430px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

}

@media (max-width: 520px) {

    .single-product div.product div.images {
        width: min(88vw, 390px) !important;
    }

    .home .vhs-story-farm .vhs-story-content::after {
        font-size: 10px;
        letter-spacing: .09em;
    }

}



/* =========================================================
   VHS OUR STORY + FARMER CODE
   DEFINITIVE CENTERED TWO-COLUMN LAYOUT
   ========================================================= */

@media (min-width: 901px) {

    body.page-id-25 .vhs-page-content,
    body.page-id-26 .vhs-page-content {
        width: 100% !important;
    }

    body.page-id-25 .vhs-page-content .vhs-content-layout,
    body.page-id-26 .vhs-page-content .vhs-content-layout {
        box-sizing: border-box !important;

        width: min(1120px, calc(100% - 80px)) !important;
        max-width: 1120px !important;

        margin-left: auto !important;
        margin-right: auto !important;

        padding-left: 0 !important;
        padding-right: 0 !important;

        display: grid !important;
        grid-template-columns:
            minmax(0, 720px)
            315px !important;

        gap: 70px !important;

        justify-content: center !important;
        align-items: start !important;
    }

    body.page-id-25 .vhs-page-content .vhs-prose,
    body.page-id-26 .vhs-page-content .vhs-prose {
        width: 100% !important;
        max-width: 720px !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    body.page-id-25 .vhs-page-sidebar,
    body.page-id-26 .vhs-page-sidebar {
        width: 315px !important;
        max-width: 315px !important;

        margin: 0 !important;
        justify-self: end !important;
    }

}


/* slightly more breathing room around the whole page */

body.page-id-25 .vhs-page-content,
body.page-id-26 .vhs-page-content {
    padding-top: clamp(55px, 6vw, 85px) !important;
    padding-bottom: clamp(70px, 7vw, 105px) !important;
}


/* Farmer Code cards fill the content column cleanly */

body.page-id-26 .vhs-prose > h3 {
    width: 100%;
    box-sizing: border-box;
}


/* Mobile/tablet becomes one clean centered column */

@media (max-width: 900px) {

    body.page-id-25 .vhs-page-content .vhs-content-layout,
    body.page-id-26 .vhs-page-content .vhs-content-layout {
        display: grid !important;
        grid-template-columns: 1fr !important;

        width: min(720px, calc(100% - 36px)) !important;
        max-width: 720px !important;

        margin-left: auto !important;
        margin-right: auto !important;

        padding-left: 0 !important;
        padding-right: 0 !important;

        gap: 45px !important;
    }

    body.page-id-25 .vhs-page-sidebar,
    body.page-id-26 .vhs-page-sidebar {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
    }

}



/* =========================================================
   VHS CONTENT PAGES - FINAL CENTERING
   Correct sidebar class: .vhs-content-sidebar
   ========================================================= */

@media (min-width: 901px) {

    body.page-id-25 .vhs-page-content > .vhs-container.vhs-content-layout,
    body.page-id-26 .vhs-page-content > .vhs-container.vhs-content-layout {

        width: 1105px !important;
        max-width: calc(100% - 80px) !important;

        margin-left: auto !important;
        margin-right: auto !important;

        padding-left: 0 !important;
        padding-right: 0 !important;

        display: grid !important;

        grid-template-columns:
            minmax(0, 720px)
            315px !important;

        column-gap: 70px !important;

        justify-content: center !important;
        align-items: start !important;
    }


    body.page-id-25 .vhs-content-layout > .vhs-prose,
    body.page-id-26 .vhs-content-layout > .vhs-prose {

        width: 720px !important;
        max-width: 720px !important;

        margin: 0 !important;
        padding: 0 !important;

        grid-column: 1 !important;
    }


    body.page-id-25 .vhs-content-layout > .vhs-content-sidebar,
    body.page-id-26 .vhs-content-layout > .vhs-content-sidebar {

        width: 315px !important;
        max-width: 315px !important;

        margin: 0 !important;
        padding-left: 38px !important;
        padding-right: 38px !important;

        box-sizing: border-box !important;

        grid-column: 2 !important;
        justify-self: stretch !important;
    }

}


/* Farmer Code cards stay inside the 720px content column */

body.page-id-26 .vhs-prose > h3,
body.page-id-26 .vhs-prose > h3 + p {

    box-sizing: border-box !important;
    max-width: 100% !important;
}


/* Mobile */

@media (max-width: 900px) {

    body.page-id-25 .vhs-page-content > .vhs-container.vhs-content-layout,
    body.page-id-26 .vhs-page-content > .vhs-container.vhs-content-layout {

        width: min(720px, calc(100% - 36px)) !important;
        max-width: 720px !important;

        margin-left: auto !important;
        margin-right: auto !important;

        padding-left: 0 !important;
        padding-right: 0 !important;

        display: grid !important;
        grid-template-columns: 1fr !important;

        gap: 42px !important;
    }


    body.page-id-25 .vhs-content-layout > .vhs-prose,
    body.page-id-26 .vhs-content-layout > .vhs-prose,

    body.page-id-25 .vhs-content-layout > .vhs-content-sidebar,
    body.page-id-26 .vhs-content-layout > .vhs-content-sidebar {

        width: 100% !important;
        max-width: 100% !important;

        grid-column: 1 !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }

}



/* =========================================================
   VHS AUTHORITATIVE CENTER + PEPPERS + PFF FOOTER
   2026-09-17
   ========================================================= */


/* CONTENT PAGES */

@media (min-width: 901px) {

    body.page-id-25 .vhs-page-content > .vhs-container.vhs-content-layout,
    body.page-id-26 .vhs-page-content > .vhs-container.vhs-content-layout {

        width: min(1120px, calc(100% - 80px)) !important;
        max-width: 1120px !important;

        margin: 0 auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;

        display: grid !important;
        grid-template-columns: minmax(0, 720px) 300px !important;

        column-gap: 70px !important;

        justify-content: center !important;
        align-items: start !important;
    }


    body.page-id-25 .vhs-content-layout > .vhs-prose,
    body.page-id-26 .vhs-content-layout > .vhs-prose {

        width: 100% !important;
        max-width: 720px !important;

        margin: 0 !important;
        padding: 0 !important;

        grid-column: 1 !important;
    }


    body.page-id-25 .vhs-content-layout > .vhs-content-sidebar,
    body.page-id-26 .vhs-content-layout > .vhs-content-sidebar {

        width: 300px !important;
        max-width: 300px !important;

        margin: 0 !important;

        grid-column: 2 !important;
        justify-self: stretch !important;

        box-sizing: border-box !important;
    }

}


/* FARMER CODE PEPPER ACCENTS */

body.page-id-26 .vhs-prose > h3 {
    position: relative;
    padding-left: 46px !important;
}


body.page-id-26 .vhs-prose > h3::before {
    content: "";

    position: absolute;

    left: 18px;
    top: 50%;

    width: 10px;
    height: 21px;

    background: var(--vhs-red);

    border-radius: 65% 35% 70% 30%;

    transform:
        translateY(-55%)
        rotate(30deg);
}


body.page-id-26 .vhs-prose > h3::after {
    content: "";

    position: absolute;

    left: 25px;
    top: calc(50% - 13px);

    width: 7px;
    height: 4px;

    border-top: 2px solid var(--vhs-gold);

    transform: rotate(-35deg);
}


/* HOMEPAGE HEAT PEPPERS */

.home .vhs-product-heat {
    display: flex;
    justify-content: center;
    align-items: center;

    gap: 7px;

    min-height: 25px;
}


.home .vhs-product-heat span {

    position: relative;

    display: inline-block;

    width: 9px;
    height: 19px;

    color: transparent !important;
    font-size: 0 !important;

    background: var(--vhs-red);

    border-radius: 65% 35% 70% 30%;

    transform: rotate(28deg);
}


.home .vhs-product-heat span::after {

    content: "";

    position: absolute;

    right: -2px;
    top: -2px;

    width: 6px;
    height: 4px;

    border-top: 2px solid var(--vhs-gold);

    transform: rotate(-35deg);
}


/* SUBTLE PEPPER WATERMARK IN CONTENT SIDEBARS */

.vhs-content-sidebar {
    position: relative;
    overflow: hidden;
}


.vhs-content-sidebar::after {

    content: "🌶";

    position: absolute;

    right: -9px;
    bottom: -18px;

    font-size: 72px;
    line-height: 1;

    opacity: .06;

    transform: rotate(-20deg);

    pointer-events: none;
}


/* POWERED BY PUREFARMFRESH */

.site-footer .vhs-footer-powered {
    white-space: nowrap;
}


.site-footer .vhs-footer-powered a {

    margin-left: 4px;

    color: var(--vhs-gold);

    font-weight: 800;

    text-decoration: none;
}


.site-footer .vhs-footer-powered a:hover,
.site-footer .vhs-footer-powered a:focus {
    color: #fff;
}


/* MOBILE */

@media (max-width: 900px) {

    body.page-id-25 .vhs-page-content > .vhs-container.vhs-content-layout,
    body.page-id-26 .vhs-page-content > .vhs-container.vhs-content-layout {

        width: min(720px, calc(100% - 36px)) !important;

        margin-left: auto !important;
        margin-right: auto !important;

        display: grid !important;
        grid-template-columns: 1fr !important;

        gap: 42px !important;
    }


    body.page-id-25 .vhs-content-layout > .vhs-prose,
    body.page-id-26 .vhs-content-layout > .vhs-prose,
    body.page-id-25 .vhs-content-layout > .vhs-content-sidebar,
    body.page-id-26 .vhs-content-layout > .vhs-content-sidebar {

        width: 100% !important;
        max-width: 100% !important;

        grid-column: 1 !important;
    }

}

/* =========================================================
   VHS CUSTOMER CARE PAGES 20260917
   ========================================================= */

.vhs-page-content .vhs-prose {
    line-height: 1.75;
}

.vhs-page-content .vhs-prose > * {
    max-width: 860px;
    margin-left: auto;
    margin-right: auto;
}

.vhs-page-content .vhs-prose h2 {
    margin-top: 42px;
    margin-bottom: 12px;
    font-size: clamp(24px, 3vw, 32px);
    line-height: 1.15;
}

.vhs-page-content .vhs-prose p {
    margin-top: 0;
    margin-bottom: 18px;
}

.vhs-policy-intro {
    max-width: 860px !important;
    margin: 0 auto 34px !important;
    padding: 24px 28px;
    border-left: 4px solid #dfa82f;
    background: rgba(223, 168, 47, 0.08);
}

.vhs-policy-intro p {
    margin: 0 !important;
    font-size: 18px;
    line-height: 1.7;
}

.vhs-policy-note {
    max-width: 860px !important;
    margin: 40px auto 0 !important;
    padding: 24px 28px;
    border: 1px solid rgba(223, 168, 47, 0.35);
    border-radius: 12px;
}

.vhs-policy-note strong {
    display: block;
    margin-bottom: 8px;
    font-size: 18px;
}

.vhs-policy-note p:last-child {
    margin-bottom: 0;
}

.vhs-contact-grid {
    max-width: 860px !important;
    margin: 30px auto !important;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.vhs-contact-card {
    padding: 26px;
    border: 1px solid rgba(223, 168, 47, 0.30);
    border-radius: 12px;
}

.vhs-contact-card h2 {
    margin-top: 0 !important;
    font-size: 22px !important;
}

.vhs-contact-card p:last-child {
    margin-bottom: 0;
}

@media (max-width: 700px) {

    .vhs-policy-intro,
    .vhs-policy-note {
        padding: 20px;
    }

    .vhs-contact-grid {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   VHS HEADER + HERO FINAL POLISH 20260917
   ========================================================= */

/* Compact header */
.site-header {
    min-height: 0 !important;
}

.site-header > .vhs-container {
    min-height: 112px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    display: flex !important;
    align-items: center !important;
}

/* Smaller transparent logo */
.site-brand {
    width: 220px !important;
    max-width: 220px !important;
    flex: 0 0 220px !important;
    margin: 0 !important;
}

.site-brand .vhs-header-logo,
.vhs-header-logo {
    display: block !important;
    width: 100% !important;
    max-width: 220px !important;
    height: 96px !important;
    object-fit: contain !important;
    object-position: center !important;
}

/* Navigation */
.primary-navigation {
    margin-left: auto !important;
}

.primary-navigation ul {
    align-items: center !important;
    gap: 30px !important;
}

/* Hero image should blend into surrounding dark background */
.vhs-hero img,
.hero img,
.vhs-home-hero img,
.vhs-hero-media img,
.vhs-hero-image img {
    display: block !important;
}

/* Fade left/right edges of hero artwork */
.vhs-hero-media,
.vhs-hero-image,
.vhs-home-hero .hero-image,
.vhs-home-hero .vhs-hero-image {
    position: relative !important;
    overflow: hidden !important;
}

.vhs-hero-media::after,
.vhs-hero-image::after,
.vhs-home-hero .hero-image::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    background:
        linear-gradient(
            90deg,
            rgba(17,17,17,.96) 0%,
            rgba(17,17,17,.35) 8%,
            rgba(17,17,17,0) 18%,
            rgba(17,17,17,0) 78%,
            rgba(34,18,14,.45) 91%,
            rgba(34,18,14,.92) 100%
        ) !important;
}

/* Remove any old green decorative/background treatment */
.vhs-farmer-code,
.vhs-farmer-code-section,
.vhs-code-panel {
    background-color: #171313 !important;
    background-image: none !important;
}

/* Mobile */
@media (max-width: 900px) {

    .site-header > .vhs-container {
        min-height: 88px !important;
    }

    .site-brand {
        width: 165px !important;
        max-width: 165px !important;
        flex-basis: 165px !important;
    }

    .site-brand .vhs-header-logo,
    .vhs-header-logo {
        max-width: 165px !important;
        height: 76px !important;
    }
}


/* =========================================================
   VHS HERO BLEND + PROMOTIONS 20260917
   ========================================================= */

/*
 * Blend the six-bottle hero artwork into the surrounding
 * black/brown hero rather than displaying hard image edges.
 */
.vhs-hero-image,
.vhs-hero-media,
.hero-image {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.vhs-hero-image img,
.vhs-hero-media img,
.hero-image img {
    display: block;
    width: 100%;
    height: auto;

    -webkit-mask-image:
        linear-gradient(
            to right,
            transparent 0%,
            #000 8%,
            #000 90%,
            transparent 100%
        ),
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 7%,
            #000 88%,
            transparent 100%
        );

    -webkit-mask-composite: source-in;

    mask-image:
        linear-gradient(
            to right,
            transparent 0%,
            #000 8%,
            #000 90%,
            transparent 100%
        ),
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 7%,
            #000 88%,
            transparent 100%
        );

    mask-composite: intersect;
}

/* Additional soft dark edge treatment */
.vhs-hero-image::after,
.vhs-hero-media::after,
.hero-image::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(
            90deg,
            rgba(17,17,17,.72) 0%,
            transparent 13%,
            transparent 84%,
            rgba(39,20,14,.68) 100%
        );
}

/* =========================================================
   PROMOTIONS & SPECIALS
   ========================================================= */

.vhs-promotions {
    padding: 76px 0 84px;
    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(184,137,57,.10),
            transparent 42%
        ),
        #111;
    color: #fff;
}

.vhs-promotions-heading {
    max-width: 760px;
    margin: 0 auto 38px;
    text-align: center;
}

.vhs-promotions-heading .vhs-section-kicker {
    display: block;
    margin-bottom: 10px;
    color: #dfa82f;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .18em;
}

.vhs-promotions-heading h2 {
    margin: 0 0 12px;
    color: #fff;
    font-size: clamp(32px, 4vw, 50px);
    line-height: 1;
    text-transform: uppercase;
}

.vhs-promotions-heading p {
    max-width: 620px;
    margin: 0 auto;
    color: rgba(255,255,255,.76);
    font-size: 17px;
    line-height: 1.65;
}

.vhs-promo-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.vhs-promo-card {
    min-height: 370px;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(190px, .95fr);
    align-items: center;
    overflow: hidden;
    border: 1px solid rgba(223,168,47,.25);
    background:
        linear-gradient(
            135deg,
            #1b1715 0%,
            #211511 60%,
            #311711 100%
        );
}

.vhs-promo-copy {
    position: relative;
    z-index: 2;
    padding: 42px 10px 42px 42px;
}

.vhs-promo-eyebrow {
    display: block;
    margin-bottom: 10px;
    color: #dfa82f;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .16em;
}

.vhs-promo-card h3 {
    margin: 0 0 8px;
    color: #fff;
    font-size: clamp(27px, 3vw, 38px);
    line-height: 1.05;
    text-transform: uppercase;
}

.vhs-promo-price {
    margin-bottom: 17px;
    color: #dfa82f;
    font-size: 24px;
    font-weight: 800;
}

.vhs-promo-price del {
    opacity: .55;
    font-size: .75em;
}

.vhs-promo-price ins {
    text-decoration: none;
}

.vhs-promo-copy p {
    margin: 0 0 24px;
    color: rgba(255,255,255,.78);
    line-height: 1.65;
}

.vhs-promo-image {
    position: relative;
    height: 100%;
    min-height: 370px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.vhs-promo-image::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(
            90deg,
            #1d1613 0%,
            rgba(29,22,19,.25) 28%,
            transparent 65%
        );
    pointer-events: none;
}

.vhs-promo-image img {
    width: 100%;
    height: 100%;
    min-height: 370px;
    object-fit: cover;
    transition: transform .35s ease;
}

.vhs-promo-card:hover .vhs-promo-image img {
    transform: scale(1.035);
}

@media (max-width: 1000px) {

    .vhs-promo-grid {
        grid-template-columns: 1fr;
    }

}

@media (max-width: 650px) {

    .vhs-promotions {
        padding: 56px 0 62px;
    }

    .vhs-promo-card {
        grid-template-columns: 1fr;
    }

    .vhs-promo-copy {
        padding: 32px 28px;
    }

    .vhs-promo-image {
        min-height: 260px;
    }

    .vhs-promo-image img {
        min-height: 260px;
    }

}


/* =========================================================
   VHS STORY + FARMER CODE BACKGROUNDS 20260917
   ========================================================= */

/* OUR STORY - faded farm-grown peppers */
.vhs-story-panel,
.vhs-story-side,
.vhs-story {
    position: relative !important;
    background-color: #f4eddf !important;
    background-image:
        url('https://veteranhotsauce.ca/wp-content/uploads/2026/09/our-story-peppers.png') !important;
    background-repeat: no-repeat !important;
    background-position: center right !important;
    background-size: cover !important;
}

/* FARMER CODE - farmer + equipment */
.vhs-farmer-code,
.vhs-farmer-code-section,
.vhs-code-panel,
.vhs-code-side {
    position: relative !important;
    background-color: #171311 !important;
    background-image:
        url('https://veteranhotsauce.ca/wp-content/uploads/2026/09/farmers-code.png') !important;
    background-repeat: no-repeat !important;
    background-position: center right !important;
    background-size: cover !important;
}

/* Keep all panel content above backgrounds */
.vhs-story-panel > *,
.vhs-story-side > *,
.vhs-story > *,
.vhs-farmer-code > *,
.vhs-farmer-code-section > *,
.vhs-code-panel > *,
.vhs-code-side > * {
    position: relative;
    z-index: 2;
}

/* Remove old decorative giant lettering / shapes */
.vhs-story-panel::before,
.vhs-story-side::before,
.vhs-story::before,
.vhs-farmer-code::before,
.vhs-farmer-code-section::before,
.vhs-code-panel::before,
.vhs-code-side::before {
    content: none !important;
    background: none !important;
}

/* Mobile: preserve readable side of each image */
@media (max-width: 760px) {

    .vhs-story-panel,
    .vhs-story-side,
    .vhs-story {
        background-position: 62% center !important;
    }

    .vhs-farmer-code,
    .vhs-farmer-code-section,
    .vhs-code-panel,
    .vhs-code-side {
        background-position: 66% center !important;
    }
}


/* =========================================================
   VHS HOMEPAGE STORY BACKGROUNDS - EXACT SELECTORS 20260917
   ========================================================= */

/* LEFT: OUR STORY */
.home .vhs-story-panel {
    position: relative !important;

    background:
        url('https://veteranhotsauce.ca/wp-content/uploads/2026/09/our-story-peppers.png')
        center right / cover no-repeat !important;
}

/* RIGHT: FARMER CODE */
.home .vhs-story-code {
    position: relative !important;

    background:
        linear-gradient(
            90deg,
            rgba(17,14,12,.96) 0%,
            rgba(17,14,12,.88) 27%,
            rgba(17,14,12,.58) 52%,
            rgba(17,14,12,.24) 78%,
            rgba(17,14,12,.10) 100%
        ),
        url('https://veteranhotsauce.ca/wp-content/uploads/2026/09/farmers-code.png')
        center right / cover no-repeat !important;
}

/* Restore readable Farmer Code typography */
.home .vhs-story-code h2 {
    color: #fff !important;
}

.home .vhs-story-code p {
    color: rgba(255,255,255,.88) !important;
}

.home .vhs-story-code .vhs-kicker,
.home .vhs-story-code .vhs-section-kicker {
    color: #c79a3b !important;
}

/* Keep content above photographs */
.home .vhs-story-panel > *,
.home .vhs-story-code > * {
    position: relative;
    z-index: 2;
}

/* Prevent old pseudo backgrounds from covering new artwork */
.home .vhs-story-code::before {
    content: none !important;
    background: none !important;
}

/* Mobile */
@media (max-width: 760px) {

    .home .vhs-story-panel {
        background-position: 64% center !important;
    }

    .home .vhs-story-code {
        background-position: center, 68% center !important;
    }
}


/* =========================================================
   VHS STORY SPLIT EDGE FIX 20260917
   Prevent pepper panel bleeding into Farmer Code
   ========================================================= */

.home .vhs-story-panel,
.home .vhs-story-code {
    overflow: hidden !important;
}

/* LEFT PANEL */
.home .vhs-story-panel {
    background:
        url('https://veteranhotsauce.ca/wp-content/uploads/2026/09/our-story-peppers.png')
        center right / cover no-repeat !important;
}

/* RIGHT PANEL */
.home .vhs-story-code {
    background-color: #171311 !important;
    background-image:
        linear-gradient(
            90deg,
            rgba(17,14,12,.97) 0%,
            rgba(17,14,12,.90) 28%,
            rgba(17,14,12,.62) 52%,
            rgba(17,14,12,.30) 76%,
            rgba(17,14,12,.12) 100%
        ),
        url('https://veteranhotsauce.ca/wp-content/uploads/2026/09/farmers-code.png') !important;

    background-position:
        center,
        center right !important;

    background-size:
        cover,
        cover !important;

    background-repeat:
        no-repeat,
        no-repeat !important;
}

/* Kill old decorative layers responsible for edge bleed */
.home .vhs-story-panel::after,
.home .vhs-story-code::before,
.home .vhs-story-code::after {
    content: none !important;
    display: none !important;
    background: none !important;
}

/* Ensure the right panel paints over its own entire half */
.home .vhs-story-code {
    isolation: isolate !important;
    z-index: 2 !important;
}

/* Text remains above photograph */
.home .vhs-story-code > * {
    position: relative !important;
    z-index: 3 !important;
}


/* =========================================================
   VHS REMOVE GREEN ARTIFACTS + HERO IMAGE BLEND 20260917
   ========================================================= */

/* ---------------------------------------------------------
   REMOVE OLD GREEN / DECORATIVE BACKGROUNDS
   --------------------------------------------------------- */

.home .vhs-story,
.home .vhs-story-wrap,
.home .vhs-story-grid,
.home .vhs-story-panel,
.home .vhs-story-code,
.home .vhs-values,
.home .vhs-promotions,
.home .vhs-closing {
    box-shadow: none !important;
}

/* Our Story gets ONLY peppers */
.home .vhs-story-panel {
    background-color: #f4eddf !important;
    background-image:
        url('https://veteranhotsauce.ca/wp-content/uploads/2026/09/our-story-peppers.png') !important;
    background-position: center right !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    overflow: hidden !important;
}

/* Farmer Code gets ONLY farmer image */
.home .vhs-story-code {
    background-color: #171311 !important;
    background-image:
        linear-gradient(
            90deg,
            rgba(15,13,12,.98) 0%,
            rgba(15,13,12,.93) 30%,
            rgba(15,13,12,.72) 55%,
            rgba(15,13,12,.35) 78%,
            rgba(15,13,12,.18) 100%
        ),
        url('https://veteranhotsauce.ca/wp-content/uploads/2026/09/farmers-code.png') !important;

    background-position:
        center,
        center right !important;

    background-size:
        cover,
        cover !important;

    background-repeat:
        no-repeat,
        no-repeat !important;

    overflow: hidden !important;
}

/* Kill old pseudo-element artwork that is causing odd strips */
.home .vhs-story::before,
.home .vhs-story::after,
.home .vhs-story-wrap::before,
.home .vhs-story-wrap::after,
.home .vhs-story-grid::before,
.home .vhs-story-grid::after,
.home .vhs-story-panel::before,
.home .vhs-story-panel::after,
.home .vhs-story-code::before,
.home .vhs-story-code::after,
.home .vhs-values::before,
.home .vhs-values::after,
.home .vhs-promotions::before,
.home .vhs-promotions::after {
    content: none !important;
    display: none !important;
    background: none !important;
    background-image: none !important;
}

/* ---------------------------------------------------------
   HERO HOT SAUCE IMAGE - FADE ALL EDGES
   Actual homepage classes:
   .vhs-hero-bottles
   .vhs-hero-single
   .vhs-hero-lineup
   --------------------------------------------------------- */

.home .vhs-hero-bottles {
    position: relative !important;
    overflow: hidden !important;
    background: #111 !important;
}

/* Fade the image itself so there is no rectangular edge */
.home .vhs-hero-lineup {
    display: block !important;
    width: 100% !important;
    height: auto !important;

    -webkit-mask-image:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(0,0,0,.35) 4%,
            #000 12%,
            #000 88%,
            rgba(0,0,0,.35) 96%,
            transparent 100%
        ) !important;

    mask-image:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(0,0,0,.35) 4%,
            #000 12%,
            #000 88%,
            rgba(0,0,0,.35) 96%,
            transparent 100%
        ) !important;
}

/* Additional dark blend over left/right sides */
.home .vhs-hero-bottles::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    pointer-events: none !important;

    background:
        linear-gradient(
            90deg,
            #111 0%,
            rgba(17,17,17,.72) 4%,
            rgba(17,17,17,.20) 11%,
            transparent 19%,
            transparent 82%,
            rgba(17,17,17,.20) 91%,
            rgba(17,17,17,.72) 97%,
            #111 100%
        ) !important;
}

/* Keep Farmer Code text readable */
.home .vhs-story-code > * {
    position: relative !important;
    z-index: 2 !important;
}

.home .vhs-story-code h2 {
    color: #fff !important;
}

.home .vhs-story-code p {
    color: rgba(255,255,255,.90) !important;
}

/* Mobile */
@media (max-width: 760px) {

    .home .vhs-story-panel {
        background-position: 65% center !important;
    }

    .home .vhs-story-code {
        background-position:
            center,
            70% center !important;
    }

    .home .vhs-hero-lineup {
        -webkit-mask-image:
            linear-gradient(
                90deg,
                transparent 0%,
                #000 10%,
                #000 90%,
                transparent 100%
            ) !important;

        mask-image:
            linear-gradient(
                90deg,
                transparent 0%,
                #000 10%,
                #000 90%,
                transparent 100%
            ) !important;
    }
}


/* =========================================================
   VHS HERO IMAGE FINAL 20260917
   Larger artwork + seamless edge blending
   ========================================================= */

.home .vhs-hero-bottles.vhs-hero-single {
    position: relative !important;
    overflow: visible !important;
    align-self: stretch !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    isolation: isolate !important;
}

/* Larger product artwork */
.home .vhs-hero-bottles .vhs-hero-lineup {
    display: block !important;

    width: 116% !important;
    max-width: none !important;
    height: auto !important;

    margin-left: -8% !important;
    margin-right: -8% !important;

    object-fit: contain !important;

    /*
     * Fade the photograph itself into the dark hero.
     * Stronger fade at left/right, subtle fade top/bottom.
     */
    -webkit-mask-image:
        linear-gradient(
            to right,
            transparent 0%,
            rgba(0,0,0,.35) 3%,
            #000 11%,
            #000 90%,
            rgba(0,0,0,.40) 97%,
            transparent 100%
        ),
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 8%,
            #000 91%,
            transparent 100%
        ) !important;

    -webkit-mask-composite: source-in !important;

    mask-image:
        linear-gradient(
            to right,
            transparent 0%,
            rgba(0,0,0,.35) 3%,
            #000 11%,
            #000 90%,
            rgba(0,0,0,.40) 97%,
            transparent 100%
        ),
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 8%,
            #000 91%,
            transparent 100%
        ) !important;

    mask-composite: intersect !important;
}

/* Soft final edge blend without putting a box around image */
.home .vhs-hero-bottles.vhs-hero-single::after {
    content: "" !important;
    display: block !important;

    position: absolute !important;
    inset: -2% -8% !important;

    z-index: 2 !important;
    pointer-events: none !important;

    background:
        linear-gradient(
            90deg,
            rgba(17,17,17,.92) 0%,
            rgba(17,17,17,.32) 7%,
            transparent 17%,
            transparent 84%,
            rgba(30,17,13,.28) 94%,
            rgba(30,17,13,.88) 100%
        ) !important;
}

/* Desktop: give artwork more visual priority */
@media (min-width: 1001px) {

    .home .vhs-hero-inner,
    .home .vhs-hero .vhs-container {
        overflow: visible !important;
    }

    .home .vhs-hero-bottles .vhs-hero-lineup {
        width: 122% !important;
        margin-left: -11% !important;
        margin-right: -11% !important;
    }
}

/* Tablet/mobile */
@media (max-width: 1000px) {

    .home .vhs-hero-bottles .vhs-hero-lineup {
        width: 108% !important;
        margin-left: -4% !important;
        margin-right: -4% !important;
    }

}

@media (max-width: 650px) {

    .home .vhs-hero-bottles {
        overflow: hidden !important;
    }

    .home .vhs-hero-bottles .vhs-hero-lineup {
        width: 112% !important;
        margin-left: -6% !important;
        margin-right: -6% !important;
    }

    .home .vhs-hero-bottles.vhs-hero-single::after {
        inset: 0 -4% !important;
    }
}


/* =========================================================
   VHS HERO NO-CROP + EDGE BLEND FIX 20260917
   ========================================================= */

/* Give artwork its full available area */
.home .vhs-hero-bottles.vhs-hero-single {
    position: relative !important;
    overflow: visible !important;
    background: transparent !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/*
 * IMPORTANT:
 * Do not enlarge beyond container.
 * Full image remains visible.
 */
.home .vhs-hero-bottles .vhs-hero-lineup {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;

    margin: 0 !important;

    object-fit: contain !important;
    object-position: center center !important;

    /* Remove previous masks causing cutoff */
    -webkit-mask-image: none !important;
    mask-image: none !important;

    transform: none !important;
}

/*
 * Blend edges visually instead of cutting image.
 */
.home .vhs-hero-bottles.vhs-hero-single::after {
    content: "" !important;
    display: block !important;

    position: absolute !important;
    inset: -2px !important;

    z-index: 2 !important;
    pointer-events: none !important;

    background:
        linear-gradient(
            90deg,
            #111 0%,
            rgba(17,17,17,.72) 3%,
            rgba(17,17,17,.25) 7%,
            transparent 13%,
            transparent 88%,
            rgba(39,20,15,.20) 94%,
            rgba(39,20,15,.65) 98%,
            #27140f 100%
        ),
        linear-gradient(
            180deg,
            rgba(17,17,17,.50) 0%,
            transparent 8%,
            transparent 91%,
            rgba(17,17,17,.48) 100%
        ) !important;
}

/* Desktop: allow image column to be slightly wider */
@media (min-width: 1001px) {

    .home .vhs-hero-bottles.vhs-hero-single {
        width: 108% !important;
        max-width: 108% !important;
    }

    .home .vhs-hero-bottles .vhs-hero-lineup {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* Tablet */
@media (max-width: 1000px) {

    .home .vhs-hero-bottles.vhs-hero-single {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

}

/* Mobile */
@media (max-width: 650px) {

    .home .vhs-hero-bottles.vhs-hero-single {
        width: 100% !important;
        overflow: hidden !important;
    }

    .home .vhs-hero-bottles .vhs-hero-lineup {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
    }

}


/* =========================================================
   VHS FULL-WIDTH HERO ARTWORK 20260917
   Image spans hero and fades behind copy
   ========================================================= */

.home .vhs-hero {
    position: relative !important;
    overflow: hidden !important;

    background:
        linear-gradient(
            90deg,
            rgba(14,14,13,.98) 0%,
            rgba(14,14,13,.96) 25%,
            rgba(14,14,13,.78) 42%,
            rgba(14,14,13,.30) 62%,
            rgba(14,14,13,.08) 78%,
            rgba(25,13,10,.18) 100%
        ),
        url('https://veteranhotsauce.ca/wp-content/uploads/2026/09/hero-hot-sauce-bottles.png')
        78% center / cover no-repeat !important;
}

/* Soft fade around entire hero artwork */
.home .vhs-hero::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;

    background:
        linear-gradient(
            180deg,
            rgba(14,14,13,.28) 0%,
            transparent 12%,
            transparent 85%,
            rgba(14,14,13,.45) 100%
        ) !important;
}

/* Existing hero content stays above photograph */
.home .vhs-hero > *,
.home .vhs-hero .vhs-container,
.home .vhs-hero-inner {
    position: relative !important;
    z-index: 3 !important;
}

/*
 * Hide separate image column.
 * The exact same artwork is now the hero background.
 */
.home .vhs-hero-bottles.vhs-hero-single {
    display: none !important;
}

/* Give copy enough room while allowing image behind it */
.home .vhs-hero-copy {
    width: 52% !important;
    max-width: 650px !important;
    position: relative !important;
    z-index: 4 !important;
}

/* Desktop hero height */
@media (min-width: 1001px) {

    .home .vhs-hero {
        min-height: 610px !important;
        display: flex !important;
        align-items: center !important;
    }

    .home .vhs-hero .vhs-container {
        width: 100% !important;
    }

}

/* Tablet */
@media (max-width: 1000px) {

    .home .vhs-hero {
        background:
            linear-gradient(
                90deg,
                rgba(14,14,13,.97) 0%,
                rgba(14,14,13,.90) 45%,
                rgba(14,14,13,.40) 75%,
                rgba(14,14,13,.20) 100%
            ),
            url('https://veteranhotsauce.ca/wp-content/uploads/2026/09/hero-hot-sauce-bottles.png')
            70% center / cover no-repeat !important;
    }

    .home .vhs-hero-copy {
        width: 62% !important;
    }

}

/* Mobile: darker overlay so copy remains readable */
@media (max-width: 650px) {

    .home .vhs-hero {
        min-height: 620px !important;

        background:
            linear-gradient(
                180deg,
                rgba(14,14,13,.92) 0%,
                rgba(14,14,13,.82) 52%,
                rgba(14,14,13,.52) 100%
            ),
            url('https://veteranhotsauce.ca/wp-content/uploads/2026/09/hero-hot-sauce-bottles.png')
            62% center / cover no-repeat !important;
    }

    .home .vhs-hero-copy {
        width: 100% !important;
        max-width: 100% !important;
    }

}


/* =========================================================
   VHS FULL HERO SCALE POLISH 20260917
   Keep full-width concept without oversized bottles
   ========================================================= */

@media (min-width: 1001px) {

    .home .vhs-hero {
        min-height: 540px !important;

        background-image:
            linear-gradient(
                90deg,
                rgba(14,14,13,.99) 0%,
                rgba(14,14,13,.97) 23%,
                rgba(14,14,13,.84) 35%,
                rgba(14,14,13,.50) 47%,
                rgba(14,14,13,.15) 64%,
                rgba(20,12,10,.08) 100%
            ),
            url('https://veteranhotsauce.ca/wp-content/uploads/2026/09/hero-hot-sauce-bottles.png') !important;

        /*
         * Gradient fills hero.
         * Photograph is contained rather than cover/zoomed.
         */
        background-size:
            100% 100%,
            auto 88% !important;

        background-position:
            center,
            78% center !important;

        background-repeat:
            no-repeat,
            no-repeat !important;

        background-color: #111 !important;
    }

    .home .vhs-hero-copy {
        width: 43% !important;
        max-width: 570px !important;
    }

}

/* Fade image naturally into surrounding hero */
.home .vhs-hero::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    pointer-events: none !important;
    z-index: 1 !important;

    background:
        linear-gradient(
            90deg,
            rgba(17,17,17,.30) 0%,
            transparent 18%,
            transparent 82%,
            rgba(38,20,15,.30) 100%
        ),
        linear-gradient(
            180deg,
            rgba(17,17,17,.18) 0%,
            transparent 10%,
            transparent 88%,
            rgba(17,17,17,.32) 100%
        ) !important;
}

.home .vhs-hero .vhs-container,
.home .vhs-hero-inner,
.home .vhs-hero-copy {
    position: relative !important;
    z-index: 3 !important;
}

/* Mobile/tablet retain stronger readability */
@media (max-width: 1000px) {

    .home .vhs-hero {
        background-size:
            100% 100%,
            auto 78% !important;

        background-position:
            center,
            68% center !important;
    }

}


/* =========================================================
   VHS FINAL HERO + SHOP 20260917
   ========================================================= */

/* ---------- FINAL HOMEPAGE HERO ---------- */

@media (min-width: 1001px) {

    .home .vhs-hero {
        min-height: 535px !important;
        overflow: hidden !important;
        background-color: #111 !important;

        background-image:
            linear-gradient(
                90deg,
                #111 0%,
                rgba(17,17,17,.98) 18%,
                rgba(17,17,17,.88) 30%,
                rgba(17,17,17,.52) 43%,
                rgba(17,17,17,.15) 62%,
                rgba(17,17,17,.08) 78%,
                #1d110e 100%
            ),
            url('https://veteranhotsauce.ca/wp-content/uploads/2026/09/hero-hot-sauce-bottles.png') !important;

        background-size:
            100% 100%,
            auto 82% !important;

        background-position:
            center,
            72% center !important;

        background-repeat:
            no-repeat,
            no-repeat !important;
    }

    .home .vhs-hero-copy {
        width: 42% !important;
        max-width: 570px !important;
    }

}

/* Fade TOP + BOTTOM + SIDES */
.home .vhs-hero::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;

    background:
        linear-gradient(
            90deg,
            rgba(17,17,17,.45) 0%,
            transparent 15%,
            transparent 84%,
            rgba(29,17,14,.50) 100%
        ),
        linear-gradient(
            180deg,
            rgba(17,17,17,.65) 0%,
            transparent 12%,
            transparent 84%,
            rgba(17,17,17,.72) 100%
        ) !important;
}

.home .vhs-hero .vhs-container,
.home .vhs-hero-inner,
.home .vhs-hero-copy {
    position: relative !important;
    z-index: 3 !important;
}

.home .vhs-hero-bottles.vhs-hero-single {
    display: none !important;
}


/* ---------- SHOP ---------- */

.vhs-shop-page {
    background: #f5efe4;
}

.vhs-shop-hero {
    padding: 65px 0 58px;
    text-align: center;
    color: #fff;
    background:
        linear-gradient(
            135deg,
            #111 0%,
            #211511 65%,
            #351711 100%
        );
}

.vhs-shop-kicker {
    display: block;
    margin-bottom: 9px;
    color: #c99a39;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .18em;
}

.vhs-shop-hero h1 {
    margin: 0 0 12px;
    color: #fff;
    font-size: clamp(42px, 5vw, 66px);
    line-height: 1;
    text-transform: uppercase;
}

.vhs-shop-hero p {
    max-width: 620px;
    margin: 0 auto;
    color: rgba(255,255,255,.78);
    font-size: 17px;
}

.vhs-shop-section {
    padding: 70px 0;
}

.vhs-shop-bundles {
    background: #111;
    color: #fff;
    border-top: 3px solid #b51d24;
}

.vhs-shop-singles {
    background: #f5efe4;
}

.vhs-shop-heading {
    max-width: 720px;
    margin: 0 auto 38px;
    text-align: center;
}

.vhs-shop-heading h2 {
    margin: 0 0 10px;
    font-size: clamp(34px, 4vw, 50px);
    line-height: 1;
    text-transform: uppercase;
}

.vhs-shop-bundles .vhs-shop-heading h2 {
    color: #fff;
}

.vhs-shop-heading p {
    margin: 0;
    line-height: 1.6;
}

.vhs-shop-bundles .vhs-shop-heading p {
    color: rgba(255,255,255,.72);
}

/* Bundles: two large cards */
.vhs-shop-bundles ul.products {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 28px !important;
}

.vhs-shop-bundles ul.products li.product {
    width: 100% !important;
    margin: 0 !important;
    padding: 24px !important;
    border: 1px solid rgba(201,154,57,.30);
    background: #1b1715;
}

/* Singles: six clean cards */
.vhs-shop-singles ul.products {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
    gap: 28px !important;
}

.vhs-shop-singles ul.products li.product {
    width: 100% !important;
    margin: 0 !important;
}

/* Woo product imagery */
.vhs-shop-page ul.products li.product img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
}

/* Bundle typography */
.vhs-shop-bundles ul.products li.product .woocommerce-loop-product__title {
    color: #fff !important;
}

.vhs-shop-bundles ul.products li.product .price {
    color: #c99a39 !important;
    font-weight: 800 !important;
}

/* Responsive */
@media (max-width: 900px) {

    .vhs-shop-singles ul.products {
        grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    }

}

@media (max-width: 650px) {

    .vhs-shop-bundles ul.products,
    .vhs-shop-singles ul.products {
        grid-template-columns: 1fr !important;
    }

    .vhs-shop-section {
        padding: 50px 0;
    }

}


/* =========================================================
   VHS HERO SIDE IMAGE FINAL 20260917
   Text left + artwork right + soft blend
   ========================================================= */

.home .vhs-hero {
    position: relative !important;
    min-height: 545px !important;
    overflow: hidden !important;
    background: #111 !important;
    background-image: none !important;
}

/* Disable previous full-width hero overlay */
.home .vhs-hero::after {
    content: none !important;
    display: none !important;
}

/* Restore two-column hero */
.home .vhs-hero .vhs-container,
.home .vhs-hero-inner {
    position: relative !important;
    z-index: 2 !important;
    display: grid !important;
    grid-template-columns: minmax(390px, .82fr) minmax(600px, 1.35fr) !important;
    align-items: center !important;
    gap: 0 !important;
    min-height: 545px !important;
    overflow: visible !important;
}

/* LEFT COPY */
.home .vhs-hero-copy {
    position: relative !important;
    z-index: 5 !important;
    width: 100% !important;
    max-width: 560px !important;
    padding-right: 22px !important;
}

/* RIGHT ARTWORK CONTAINER */
.home .vhs-hero-bottles.vhs-hero-single {
    display: flex !important;
    position: relative !important;
    z-index: 2 !important;

    width: 108% !important;
    max-width: none !important;
    height: 500px !important;

    margin-left: -5% !important;

    align-items: center !important;
    justify-content: center !important;

    overflow: hidden !important;
    background: #111 !important;
}

/* Actual artwork */
.home .vhs-hero-bottles .vhs-hero-lineup {
    display: block !important;

    width: 100% !important;
    max-width: none !important;
    height: 100% !important;

    margin: 0 !important;

    object-fit: contain !important;
    object-position: center center !important;

    transform: none !important;

    /* Soft fade around all four edges */
    -webkit-mask-image:
        radial-gradient(
            ellipse 94% 88% at center,
            #000 65%,
            rgba(0,0,0,.95) 73%,
            rgba(0,0,0,.60) 84%,
            transparent 100%
        ) !important;

    mask-image:
        radial-gradient(
            ellipse 94% 88% at center,
            #000 65%,
            rgba(0,0,0,.95) 73%,
            rgba(0,0,0,.60) 84%,
            transparent 100%
        ) !important;
}

/* Extra left/right blending */
.home .vhs-hero-bottles.vhs-hero-single::after {
    content: "" !important;
    display: block !important;

    position: absolute !important;
    inset: 0 !important;

    z-index: 3 !important;
    pointer-events: none !important;

    background:
        linear-gradient(
            90deg,
            #111 0%,
            rgba(17,17,17,.75) 3%,
            rgba(17,17,17,.25) 8%,
            transparent 15%,
            transparent 87%,
            rgba(17,17,17,.22) 94%,
            #111 100%
        ),
        linear-gradient(
            180deg,
            #111 0%,
            transparent 8%,
            transparent 91%,
            #111 100%
        ) !important;
}

/* TABLET */
@media (max-width: 1100px) {

    .home .vhs-hero .vhs-container,
    .home .vhs-hero-inner {
        grid-template-columns: .9fr 1.1fr !important;
    }

    .home .vhs-hero-bottles.vhs-hero-single {
        width: 104% !important;
        height: 440px !important;
        margin-left: -2% !important;
    }
}

/* MOBILE */
@media (max-width: 760px) {

    .home .vhs-hero {
        min-height: 0 !important;
    }

    .home .vhs-hero .vhs-container,
    .home .vhs-hero-inner {
        display: flex !important;
        flex-direction: column !important;
        min-height: 0 !important;
    }

    .home .vhs-hero-copy {
        width: 100% !important;
        max-width: 100% !important;
        padding-right: 0 !important;
    }

    .home .vhs-hero-bottles.vhs-hero-single {
        width: 100% !important;
        height: auto !important;
        margin: 20px 0 0 !important;
    }

    .home .vhs-hero-bottles .vhs-hero-lineup {
        width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
    }
}


/* =========================================================
   VHS CART TYPOGRAPHY + SHIPPING VALUE 20260917
   ========================================================= */

/* Main cart product title */
.woocommerce-cart .wc-block-cart-item__product .wc-block-components-product-name,
.woocommerce-cart .product-name,
.woocommerce-cart .product-name a {
    font-size: 22px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
}

/* Product price */
.woocommerce-cart .wc-block-components-product-price,
.woocommerce-cart .product-price,
.woocommerce-cart .product-subtotal {
    font-size: 18px !important;
    font-weight: 700 !important;
}

/* Product description */
.woocommerce-cart .wc-block-components-product-metadata,
.woocommerce-cart .wc-block-components-product-metadata p {
    font-size: 15px !important;
    line-height: 1.55 !important;
}

/* Cart column headings */
.woocommerce-cart .wc-block-cart-items__header,
.woocommerce-cart table.shop_table th {
    font-size: 15px !important;
    font-weight: 800 !important;
    letter-spacing: .05em !important;
}

/* Totals labels */
.woocommerce-cart .wc-block-components-totals-item__label,
.woocommerce-cart .cart_totals th,
.woocommerce-cart .cart_totals td {
    font-size: 17px !important;
    line-height: 1.45 !important;
}

/* Shipping method */
.woocommerce-cart .wc-block-components-totals-shipping,
.woocommerce-cart .woocommerce-shipping-methods {
    font-size: 17px !important;
    line-height: 1.5 !important;
}

/* Estimated total */
.woocommerce-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.woocommerce-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
.woocommerce-cart .order-total th,
.woocommerce-cart .order-total td {
    font-size: 25px !important;
    font-weight: 900 !important;
}

/* Flat-rate value message */
.vhs-flat-rate-note {
    display: block !important;
    max-width: 310px;
    margin-top: 10px;
    padding: 12px 14px;

    border-left: 3px solid #b51d24;
    background: rgba(201,154,57,.10);

    font-size: 14px !important;
    line-height: 1.45 !important;
}

.vhs-flat-rate-note strong {
    display: block;
    margin-bottom: 3px;
    font-size: 15px !important;
    font-weight: 800 !important;
}

.vhs-flat-rate-note span {
    display: block;
}

/* Checkout button */
.woocommerce-cart .wc-block-cart__submit-button,
.woocommerce-cart .checkout-button {
    font-size: 17px !important;
    font-weight: 800 !important;
    letter-spacing: .02em !important;
}

/* Mobile */
@media (max-width: 650px) {

    .woocommerce-cart .wc-block-cart-item__product .wc-block-components-product-name,
    .woocommerce-cart .product-name,
    .woocommerce-cart .product-name a {
        font-size: 19px !important;
    }

    .vhs-flat-rate-note {
        max-width: 100%;
    }
}


/* ==========================================================
   VHS MOBILE HAMBURGER FINAL 20260917
   ========================================================== */

.vhs-menu-toggle {
    display: none !important;
}

@media (max-width: 1100px) {

    .site-header > .vhs-container {
        min-height: 82px !important;
        padding: 6px 18px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        flex-wrap: wrap !important;
        position: relative !important;
    }

    .site-brand {
        width: 155px !important;
        max-width: 155px !important;
        flex: 0 0 155px !important;
        margin: 0 !important;
    }

    .site-brand .vhs-header-logo,
    .vhs-header-logo {
        width: 155px !important;
        max-width: 155px !important;
        height: 70px !important;
        object-fit: contain !important;
        object-position: left center !important;
    }

    .vhs-menu-toggle {
        display: flex !important;
        width: 44px !important;
        height: 44px !important;
        flex: 0 0 44px !important;
        margin: 0 0 0 auto !important;
        padding: 8px !important;
        border: 0 !important;
        background: transparent !important;
        appearance: none !important;
        cursor: pointer !important;
        align-items: center !important;
        justify-content: center !important;
        flex-direction: column !important;
        gap: 6px !important;
    }

    .vhs-menu-toggle span {
        display: block !important;
        width: 28px !important;
        height: 2px !important;
        margin: 0 !important;
        background: #fff !important;
        border-radius: 2px !important;
        transition: transform .2s ease, opacity .2s ease !important;
    }

    /* CLOSED BY DEFAULT */
    #vhs-primary-navigation.primary-navigation {
        display: none !important;
        flex: 0 0 100% !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 8px 0 12px !important;
        order: 20 !important;
    }

    /* OPEN ONLY AFTER HAMBURGER CLICK */
    #vhs-primary-navigation.primary-navigation.is-open {
        display: block !important;
    }

    #vhs-primary-navigation.primary-navigation ul {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 0 !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #vhs-primary-navigation.primary-navigation li {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
    }

    #vhs-primary-navigation.primary-navigation a {
        display: block !important;
        width: 100% !important;
        padding: 13px 4px !important;
        text-align: left !important;
        border-bottom: 1px solid rgba(255,255,255,.10) !important;
    }

    .vhs-menu-toggle.is-open span:nth-child(1) {
        transform: translateY(8px) rotate(45deg) !important;
    }

    .vhs-menu-toggle.is-open span:nth-child(2) {
        opacity: 0 !important;
    }

    .vhs-menu-toggle.is-open span:nth-child(3) {
        transform: translateY(-8px) rotate(-45deg) !important;
    }
}


/* VHS MOBILE HEADER AUTHORITATIVE RESET 20260917 */
@media screen and (max-width: 1100px) {

    html body .site-header > .vhs-container {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: space-between !important;
    }

    html body .site-header #vhs-primary-navigation {
        display: none !important;
    }

    html body .site-header #vhs-primary-navigation.is-open {
        display: block !important;
        flex-basis: 100% !important;
    }

    html body .site-header .vhs-menu-toggle {
        display: flex !important;
        margin-left: auto !important;
    }
}


/* ==========================================================
   VHS GOLD SHOP NAV BUTTON 20260917
   ========================================================== */

.primary-navigation .menu-item-64 > a {
    background: var(--vhs-gold) !important;
    color: var(--vhs-black) !important;
    padding: 10px 18px !important;
    border-radius: 5px !important;
    font-weight: 800 !important;
}

.primary-navigation .menu-item-64 > a:hover {
    background: #f0bd45 !important;
    color: var(--vhs-black) !important;
}

@media (max-width: 1100px) {
    #vhs-primary-navigation .menu-item-64 > a {
        display: inline-block !important;
        width: auto !important;
        margin: 8px 0 !important;
        padding: 11px 20px !important;
        border-bottom: 0 !important;
    }
}

/* ==========================================================
   VHS SINGLE PRODUCT - TRUE MOBILE FULL WIDTH
   2026-09-18
   ========================================================== */

@media (max-width: 800px) {

    body.single-product .vhs-shop-content {
        width: 100% !important;
        max-width: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    body.single-product .vhs-shop-content > .vhs-container {
        width: 100% !important;
        max-width: none !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    body.single-product .vhs-shop-content .woocommerce {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
    }

    body.single-product div.product {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    body.single-product div.product div.images,
    body.single-product div.product div.summary {
        float: none !important;
        clear: both !important;
        width: 100% !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    body.single-product div.product div.images {
        margin-bottom: 24px !important;
    }

    body.single-product div.product div.images
    .woocommerce-product-gallery__wrapper {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
    }

    body.single-product div.product div.images
    .woocommerce-product-gallery__image,
    body.single-product div.product div.images
    .woocommerce-product-gallery__image a,
    body.single-product div.product div.images
    .woocommerce-product-gallery__image img {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
    }

    body.single-product div.product div.summary {
        padding: 0 !important;
    }

    body.single-product .product_title,
    body.single-product .woocommerce-product-details__short-description {
        width: 100% !important;
        max-width: none !important;
    }

    body.single-product .woocommerce-tabs,
    body.single-product .woocommerce-Tabs-panel,
    body.single-product .related.products,
    body.single-product .upsells.products {
        width: 100% !important;
        max-width: none !important;
        box-sizing: border-box !important;
    }
}

@media (max-width: 560px) {

    body.single-product div.product form.cart {
        width: 100% !important;
    }

    body.single-product div.product form.cart
    .single_add_to_cart_button {
        box-sizing: border-box !important;
    }
}


/* ==========================================================
   VHS MOBILE SHOP - TWO PRODUCTS PER ROW
   2026-09-18
   ========================================================== */

@media (max-width: 600px) {

    body.woocommerce-shop .vhs-shop-content .vhs-container,
    body.post-type-archive-product .vhs-shop-content .vhs-container {
        width: calc(100% - 20px) !important;
        max-width: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    body.woocommerce-shop .vhs-shop-content ul.products,
    body.post-type-archive-product .vhs-shop-content ul.products {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
        width: 100% !important;
        margin: 0 !important;
    }

    body.woocommerce-shop .vhs-shop-content ul.products li.product,
    body.post-type-archive-product .vhs-shop-content ul.products li.product {
        float: none !important;
        clear: none !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    body.woocommerce-shop .vhs-shop-content ul.products li.product img,
    body.post-type-archive-product .vhs-shop-content ul.products li.product img {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
    }
}


/* ==========================================================
   VHS SHOP PRODUCT SECTIONS
   2026-09-18
   ========================================================== */

.vhs-shop-section {
    width: 100%;
}

.vhs-shop-section + .vhs-shop-section {
    margin-top: 64px;
    padding-top: 48px;
    border-top: 2px solid #c49a45;
}

.vhs-shop-section-heading {
    text-align: center;
    margin: 0 auto 30px;
    max-width: 760px;
}

.vhs-shop-section-kicker {
    display: block;
    margin-bottom: 7px;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 800;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    color: #a71920;
}

.vhs-shop-section-heading h2 {
    margin: 0 0 9px;
    font-size: clamp(28px, 3vw, 40px);
    line-height: 1.1;
    font-weight: 900;
}

.vhs-shop-section-heading p {
    margin: 0 auto;
    max-width: 620px;
    line-height: 1.6;
}

/* Bundles get a subtle visual break */
.vhs-shop-bundles {
    padding-bottom: 10px;
}

@media (max-width: 600px) {

    .vhs-shop-section + .vhs-shop-section {
        margin-top: 42px;
        padding-top: 34px;
    }

    .vhs-shop-section-heading {
        margin-bottom: 22px;
    }

    /* Preserve two cards per row on mobile */
    body.woocommerce-shop
    .vhs-shop-section ul.products {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
        width: 100% !important;
    }

    body.woocommerce-shop
    .vhs-shop-section ul.products li.product {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
    }
}


/* =========================================================
   VHS MOBILE RELATED PRODUCTS - 2 COLUMNS
   Product pages only. Desktop unchanged.
   2026-09-21
   ========================================================= */
@media (max-width: 767px) {

    body.single-product section.related.products ul.products,
    body.single-product .related.products ul.products {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 14px !important;
    }

    body.single-product section.related.products ul.products li.product,
    body.single-product .related.products ul.products li.product {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        float: none !important;
        clear: none !important;
        box-sizing: border-box !important;
    }

    body.single-product .related.products li.product img {
        width: 100% !important;
        height: auto !important;
    }
}