/*
Theme Name: Finch & Timber
Description: Custom theme for Finch & Timber.
Version: 1.3
*/

:root {
    --ft-ink: #2d2924;
    --ft-warm: #f2ece3;
    --ft-paper: #fbf7f1;
    --ft-accent: #9a6a3a;
    --ft-muted: #6e665e;
    --ft-border: #d9d1c7;
    --ft-max: 1180px;
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    background: var(--ft-paper);
    color: var(--ft-ink);
    font-family: Georgia, "Times New Roman", serif;
    line-height: 1.6;
}

a {
    color: inherit;
}


/* =========================================================
   GLOBAL HEADER
   ========================================================= */

.site-header {
    border-bottom: 1px solid var(--ft-border);
    background: rgba(251, 247, 241, 0.98);
}

.site-header-inner {
    width: min(94%, 1320px);
    min-height: 122px;
    margin: 0 auto;
    padding: 7px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 34px;
}

.site-logo {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    flex-shrink: 0;
}

.site-logo img {
    display: block;
    width: min(445px, 42vw);
    height: auto;
    max-height: 108px;
    object-fit: contain;
}

.site-nav {
    display: flex;
    align-items: center;
    gap: 28px;
}

.site-nav a {
    text-decoration: none;
    font-size: 0.94rem;
    color: var(--ft-ink);
}

.site-nav a:hover {
    color: var(--ft-accent);
}

.cart-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.cart-count {
    min-width: 22px;
    height: 22px;
    padding: 0 6px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--ft-ink);
    color: var(--ft-paper);
    font-size: 0.75rem;
    line-height: 1;
}


/* =========================================================
   GENERAL CONTENT
   ========================================================= */

main {
    width: min(92%, var(--ft-max));
    margin: 0 auto;
    padding: 64px 0 88px;
}

main h1 {
    margin: 0 0 18px;
    font-size: clamp(2.8rem, 7vw, 6rem);
    line-height: 0.98;
    font-weight: 500;
    letter-spacing: -0.03em;
}

main p {
    max-width: 760px;
    margin: 0;
    font-size: 1.12rem;
    color: var(--ft-muted);
}

.eyebrow {
    margin: 0 0 14px;
    font-size: 0.78rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--ft-accent);
}


/* =========================================================
   BUTTONS
   ========================================================= */

.ft-button {
    display: inline-block;
    padding: 13px 22px;
    border: 1px solid var(--ft-ink);
    background: var(--ft-ink);
    color: #fff;
    text-decoration: none;
    font-size: 0.92rem;
    letter-spacing: 0.04em;
}

.ft-button:hover {
    opacity: 0.86;
}

.ft-button-outline {
    background: transparent;
    color: var(--ft-ink);
}

.text-link {
    display: inline-block;
    margin-top: 10px;
    color: var(--ft-ink);
    text-underline-offset: 4px;
}


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

.home-page {
    width: 100%;
    max-width: none;
    padding: 0;
}


/* Full-image homepage hero */

.hero {
    position: relative;
    width: 100%;
    min-height: 680px;
    overflow: hidden;
    background: #4c443c;
}

.hero-media {
    position: absolute;
    inset: 0;
}

.hero-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 58% 42%;
    display: block;
}

.hero-shade {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            rgba(27, 23, 19, 0.72) 0%,
            rgba(27, 23, 19, 0.58) 30%,
            rgba(27, 23, 19, 0.20) 58%,
            rgba(27, 23, 19, 0.02) 100%
        );
}

.hero-inner {
    position: relative;
    z-index: 2;
    width: min(92%, var(--ft-max));
    min-height: 680px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    padding: 72px 0;
}

.hero-content {
    width: min(570px, 50%);
}

.hero .eyebrow {
    color: #e1c7a8;
}

.hero h1 {
    margin: 0 0 22px;
    font-size: clamp(3.8rem, 6.5vw, 6.7rem);
    line-height: 0.91;
    font-weight: 500;
    letter-spacing: -0.045em;
    color: #fffaf2;
    text-shadow: 0 2px 18px rgba(0, 0, 0, 0.18);
}

.hero-copy {
    max-width: 520px;
    margin: 0 0 30px;
    font-size: 1.14rem;
    line-height: 1.65;
    color: rgba(255, 250, 242, 0.90);
}

.hero-button {
    background: #fffaf2;
    border-color: #fffaf2;
    color: var(--ft-ink);
}

.hero-button:hover {
    opacity: 0.9;
}


/* Homepage story */

.home-intro,
.collections-section {
    width: min(92%, var(--ft-max));
    margin: 0 auto;
}

.home-intro {
    padding: 74px 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 68px;
    align-items: start;
    border-bottom: 1px solid var(--ft-border);
}

.home-intro h2,
.section-heading h2 {
    margin: 0;
    font-size: clamp(2.4rem, 5vw, 4.5rem);
    line-height: 1;
    font-weight: 500;
    letter-spacing: -0.03em;
}

.home-intro p:last-child,
.section-heading p:last-child {
    font-size: 1.08rem;
    color: var(--ft-muted);
}

.home-intro-copy p {
    margin-bottom: 24px;
}


/* Homepage Mini Rev feature */

.mini-rev-feature {
    width: min(92%, var(--ft-max));
    margin: 0 auto;
    padding: 78px 0;
    display: grid;
    grid-template-columns: 1.08fr 0.92fr;
    gap: 68px;
    align-items: center;
    border-bottom: 1px solid var(--ft-border);
}

.mini-rev-feature-art,
.mini-rev-hero-placeholder {
    padding: 34px 30px 24px;
    background: #e9dfd0;
    border: 1px solid rgba(74, 58, 42, 0.25);
}

.mini-rev-stage {
    min-height: 300px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: clamp(10px, 2vw, 24px);
    padding: 30px 18px 28px;
    border-bottom: 12px solid #8a6448;
    background: linear-gradient(145deg, #f7f0e6 0%, #ded0bd 100%);
}

.mini-rev-silhouette {
    position: relative;
    display: block;
    width: 18%;
    max-width: 105px;
    border-radius: 52% 48% 26% 26% / 34% 34% 18% 18%;
    background: #72523f;
    box-shadow: 0 10px 18px rgba(45, 35, 25, 0.18);
}

.mini-rev-silhouette::before,
.mini-rev-silhouette::after {
    content: "";
    position: absolute;
    top: -12px;
    width: 27%;
    height: 28px;
    background: inherit;
}

.mini-rev-silhouette::before {
    left: 9%;
    transform: rotate(-25deg);
}

.mini-rev-silhouette::after {
    right: 9%;
    transform: rotate(25deg);
}

.mini-rev-silhouette-one { height: 190px; background: #7f5c44; }
.mini-rev-silhouette-two { height: 225px; background: #5f4435; }
.mini-rev-silhouette-three { height: 175px; background: #946b4b; }
.mini-rev-silhouette-four { height: 210px; background: #6e4c39; }

.mini-rev-photo-note,
.mini-rev-hero-placeholder > p {
    margin: 18px 0 0;
    text-align: center;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--ft-muted);
}

.mini-rev-feature-copy h2 {
    margin: 0 0 22px;
    font-size: clamp(2.7rem, 5vw, 4.8rem);
    line-height: 0.98;
    font-weight: 500;
    letter-spacing: -0.035em;
}

.mini-rev-feature-copy > p:not(.eyebrow) {
    max-width: 570px;
    color: var(--ft-muted);
}

.mini-rev-feature-copy .mini-rev-detail {
    margin: 0 0 28px;
    color: var(--ft-ink);
    font-family: var(--ft-serif);
    font-size: 1.18rem;
    font-style: italic;
}


/* Homepage collections */

.collections-section {
    padding: 72px 0 92px;
}

.section-heading {
    max-width: 700px;
    margin-bottom: 38px;
}

.collection-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 26px;
    margin-bottom: 36px;
}

.collection-grid-five {
    grid-template-columns: repeat(6, 1fr);
}

/* Five-collection homepage grid:
   Nativity + Reveille featured on top,
   Merry Noel + Spring Meadowlight + Harvest Hollow below */

.collection-grid-five .collection-card:nth-child(1) {
    grid-column: 1 / span 3;
}

.collection-grid-five .collection-card:nth-child(2) {
    grid-column: 4 / span 3;
}

.collection-grid-five .collection-card:nth-child(3),
.collection-grid-five .collection-card:nth-child(4),
.collection-grid-five .collection-card:nth-child(5) {
    grid-column: span 2;
}

.collection-grid-five .collection-card:nth-child(3),
.collection-grid-five .collection-card:nth-child(4),
.collection-grid-five .collection-card:nth-child(5) {
    margin-top: 14px;
}

.collection-card {
    margin: 0;
    width: 95%;
    justify-self: center;
}

.collection-image {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    display: block;
    border: 1px solid rgba(74, 58, 42, 0.35);
    box-shadow: 0 7px 20px rgba(45, 35, 25, 0.15);
}

.collection-button {
    display: inline-block;
    margin-top: 6px;
    margin-left: 6px;
    padding: 6px 0 4px;
    border: none;
    border-bottom: 1px solid rgba(74, 58, 42, 0.55);
    font-size: 0.82rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--ft-ink);
    background: transparent;
    transition: color 0.2s ease, border-color 0.2s ease;
}

.collection-link:hover .collection-button {
    background: transparent;
    color: var(--ft-accent);
    border-color: var(--ft-accent);
}

.collection-link {
    display: block;
    color: inherit;
    text-decoration: none;
}

.collection-link:hover .collection-image {
    opacity: 0.88;
}

.collection-link:hover h3 {
    color: var(--ft-accent);
}


/* =========================================================
   STANDARD WORDPRESS PAGES
   ========================================================= */

.standard-page {
    width: min(92%, var(--ft-max));
    margin: 0 auto;
    padding: 64px 0 88px;
}

.page-header {
    margin-bottom: 32px;
}

.page-body {
    max-width: 900px;
}


/* ==========================================================
   ABOUT PAGE
   ========================================================== */

.about-page {
    width: 100%;
    background: var(--ft-paper);
    color: var(--ft-ink);
}

.about-hero {
    width: min(92%, var(--ft-max));
    margin: 0 auto;
    padding: 36px 0 84px;
}

.about-hero-inner {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    gap: 68px;
    align-items: center;
}

.about-photo-wrap {
    background: var(--ft-warm);
    padding: 12px;
}

.about-photo {
    width: 100%;
    height: auto;
    display: block;
    border: 1px solid rgba(74, 58, 42, 0.28);
    box-shadow: 0 8px 22px rgba(45, 35, 25, 0.14);
}

.about-hero-copy h1 {
    margin: 8px 0 26px;
    font-size: clamp(3rem, 6vw, 5.8rem);
    line-height: 0.98;
    font-weight: 500;
    letter-spacing: -0.035em;
}

.about-hero-copy p:not(.eyebrow) {
    max-width: 660px;
    font-size: 1.08rem;
    line-height: 1.75;
    color: var(--ft-muted);
}

.about-story {
    border-top: 1px solid var(--ft-border);
}

.about-story-inner {
    width: min(78%, 900px);
    margin: 0 auto;
    padding: 82px 0 92px;
}

.about-story-inner p {
    margin: 0 0 26px;
    font-size: 1.08rem;
    line-height: 1.8;
    color: var(--ft-muted);
}

.about-story-inner h2 {
    margin: 54px 0 30px;
    font-size: clamp(2.4rem, 5vw, 4.2rem);
    line-height: 1;
    font-weight: 500;
    letter-spacing: -0.03em;
    color: var(--ft-ink);
}

.about-closing {
    margin-top: 52px !important;
    font-size: clamp(1.6rem, 3vw, 2.4rem) !important;
    line-height: 1.25 !important;
    color: var(--ft-ink) !important;
    font-style: italic;
}

@media (max-width: 900px) {
    .about-hero-inner {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .about-hero {
        padding: 56px 0 64px;
    }

    .about-story-inner {
        width: min(88%, 900px);
        padding: 64px 0 72px;
    }
}

/* =========================================================
   COLLECTION PAGES
   ========================================================= */

.collection-page {
    width: 100%;
    max-width: none;
    padding: 0;
    background: var(--ft-paper);
    color: var(--ft-ink);
}

.collection-hero {
    width: min(92%, var(--ft-max));
    margin: 0 auto;
    padding: 74px 0 64px;
    display: grid;
    grid-template-columns: 1.05fr 1fr;
    gap: 64px;
    align-items: center;
}

.collection-hero-copy h1 {
    margin: 0 0 22px;
    font-size: clamp(3.2rem, 7vw, 6rem);
    line-height: 0.98;
    font-weight: 500;
    letter-spacing: -0.035em;
}

.collection-hero-copy > p:not(.eyebrow) {
    max-width: 620px;
    margin: 0 0 28px;
    font-size: 1.12rem;
    color: var(--ft-muted);
}

.collection-hero-image {
    background: var(--ft-warm);
    padding: 18px;
}

.collection-hero-image img {
    width: 100%;
    height: auto;
    max-height: 760px;
    object-fit: contain;
    display: block;
}

.collection-story,
.collection-products,
.collection-closing {
    width: min(92%, var(--ft-max));
    margin: 0 auto;
}

.collection-story {
    padding: 74px 0;
    border-top: 1px solid var(--ft-border);
    border-bottom: 1px solid var(--ft-border);
}

.collection-story h2,
.collection-closing h2 {
    max-width: 900px;
    margin: 0 0 22px;
    font-size: clamp(2.5rem, 5vw, 4.6rem);
    line-height: 1;
    font-weight: 500;
    letter-spacing: -0.03em;
}

.collection-story > p:not(.eyebrow) {
    max-width: 760px;
    margin: 0;
    font-size: 1.08rem;
    color: var(--ft-muted);
}

.collection-products {
    padding: 80px 0 92px;
}

.product-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.ft-product-card {
    display: flex;
    flex-direction: column;
}

.ft-product-image-link {
    display: block;
    text-decoration: none;
}

.ft-product-image {
    width: 100%;
    aspect-ratio: 4 / 5;
    object-fit: cover;
    display: block;
}

.ft-product-info {
    padding-top: 16px;
}

.ft-product-info h3 {
    margin: 0 0 10px;
    font-size: 1.4rem;
    font-weight: 500;
}

.ft-product-info h3 a {
    text-decoration: none;
    color: inherit;
}

.ft-product-price {
    display: none;
}

.ft-stock-status {
    margin: 0 0 16px;
    font-size: 0.9rem;
    color: var(--ft-muted);
}

.collection-closing {
    padding: 78px 0 94px;
    border-top: 1px solid var(--ft-border);
}


/* =========================================================
   MINI REV COLLECTION
   ========================================================= */

.mini-rev-hero-placeholder {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.mini-rev-stage-large {
    min-height: 430px;
}

.mini-rev-product-grid {
    grid-template-columns: repeat(4, 1fr);
}

.mini-rev-card-placeholder {
    min-height: 390px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 50px 28px 0;
    background: linear-gradient(145deg, #f3eadf 0%, #dacbb8 100%);
    border: 1px solid rgba(74, 58, 42, 0.2);
}

.mini-rev-card-shape {
    position: relative;
    width: 58%;
    height: 78%;
    border-radius: 50% 50% 24% 24% / 34% 34% 14% 14%;
    background: #75533e;
    border-bottom: 18px solid #4c3428;
    box-shadow: 0 12px 20px rgba(45, 35, 25, 0.18);
}

.mini-rev-card-shape::before,
.mini-rev-card-shape::after {
    content: "";
    position: absolute;
    top: -18px;
    width: 30%;
    height: 45px;
    background: #75533e;
}

.mini-rev-card-shape::before {
    left: 6%;
    transform: rotate(-26deg);
}

.mini-rev-card-shape::after {
    right: 6%;
    transform: rotate(26deg);
}

.mini-rev-product-card .ft-product-info > p {
    min-height: 3.2em;
    margin: 0 0 14px;
    color: var(--ft-muted);
    font-size: 0.96rem;
}

.mini-rev-price {
    margin: 0 0 18px;
    color: var(--ft-ink);
    font-size: 1.05rem;
    font-weight: 600;
}

.mini-rev-coming-soon {
    display: inline-block;
    padding-bottom: 4px;
    border-bottom: 1px solid var(--ft-border);
    color: var(--ft-accent);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.mini-rev-details {
    width: min(92%, var(--ft-max));
    margin: 0 auto;
    padding: 76px 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 68px;
    border-top: 1px solid var(--ft-border);
}

.mini-rev-details h2 {
    margin: 0;
    font-size: clamp(2.4rem, 4vw, 4rem);
    line-height: 1;
    font-weight: 500;
    letter-spacing: -0.03em;
}

.mini-rev-details-copy {
    color: var(--ft-muted);
}

.mini-rev-shipping-note {
    margin-bottom: 0;
    font-weight: 600;
    color: var(--ft-ink);
}


/* =========================================================
   NATIVITY FEATURED COMPLETE SET
   ========================================================= */

.featured-set {
    width: min(92%, var(--ft-max));
    margin: 0 auto;
    padding: 86px 0;
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 60px;
    align-items: center;
    border-top: 1px solid var(--ft-border);
}

.featured-set-image img {
    width: 100%;
    height: auto;
    display: block;
}

.featured-set-copy h2 {
    margin: 0 0 20px;
    font-size: clamp(2.4rem, 4vw, 4rem);
    line-height: 1;
    font-weight: 500;
    letter-spacing: -0.03em;
}

.featured-set-copy p:not(.eyebrow) {
    margin-bottom: 26px;
}


/* =========================================================
   WOOCOMMERCE
   ========================================================= */

.woocommerce-content {
    width: min(92%, var(--ft-max));
    margin: 0 auto;
    padding: 64px 0 88px;
}


/* =========================================================
   FOOTER
   ========================================================= */

.site-footer {
    margin-top: 64px;
    border-top: 1px solid var(--ft-border);
    background: var(--ft-warm);
}

.site-footer p {
    width: min(92%, var(--ft-max));
    margin: 0 auto;
    padding: 26px 0;
    font-size: 0.92rem;
    color: var(--ft-muted);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1050px) {

    .site-logo img {
        width: min(360px, 39vw);
        max-height: 96px;
    }

    .site-nav {
        gap: 18px;
    }

    .site-nav a {
        font-size: 0.86rem;
    }

    .hero-content {
        width: min(540px, 58%);
    }
}


@media (max-width: 900px) {

    .mini-rev-feature,
    .mini-rev-details {
        grid-template-columns: 1fr;
        gap: 38px;
    }

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

    .collection-hero {
        grid-template-columns: 1fr;
        gap: 34px;
        padding: 56px 0 52px;
    }

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

    .featured-set {
        grid-template-columns: 1fr;
        gap: 34px;
        padding: 64px 0;
    }

    .collection-story,
    .collection-products,
    .collection-closing {
        padding-top: 60px;
        padding-bottom: 66px;
    }
}


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

@media (max-width: 800px) {

    .mini-rev-feature {
        padding: 58px 0;
    }

    .mini-rev-stage {
        min-height: 240px;
        padding-left: 8px;
        padding-right: 8px;
    }

    .mini-rev-stage-large {
        min-height: 310px;
    }

    .mini-rev-card-placeholder {
        min-height: 330px;
    }

    .site-header-inner {
        min-height: 88px;
        padding: 6px 0;
    }

    .site-logo img {
        width: min(275px, 70vw);
        max-height: 78px;
    }

    .site-nav {
        display: none;
    }

    .hero {
        min-height: 670px;
    }

    .hero-media img {
        object-position: 62% center;
    }

    .hero-shade {
        background:
            linear-gradient(
                180deg,
                rgba(27, 23, 19, 0.08) 0%,
                rgba(27, 23, 19, 0.18) 34%,
                rgba(27, 23, 19, 0.82) 100%
            );
    }

    .hero-inner {
        min-height: 670px;
        align-items: flex-end;
        padding: 46px 0;
    }

    .hero-content {
        width: 100%;
        max-width: 600px;
    }

    .hero h1 {
        font-size: clamp(3rem, 13vw, 5rem);
    }

    .home-intro {
        grid-template-columns: 1fr;
        gap: 24px;
        padding: 56px 0;
    }

    .collections-section {
        padding: 58px 0 72px;
    }

    .collection-grid,
    .collection-grid-five {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .collection-grid-five .collection-card {
        grid-column: auto !important;
    }
}

@media (max-width: 560px) {

    .mini-rev-product-grid {
        grid-template-columns: 1fr;
    }

    .mini-rev-card-placeholder {
        min-height: 390px;
    }
}


@media (max-width: 560px) {

    .collection-grid,
    .collection-grid-five,
    .product-grid {
        grid-template-columns: 1fr;
    }

    .collection-image,
    .ft-product-image {
        aspect-ratio: auto;
        height: auto;
        object-fit: contain;
    }

    .hero {
        min-height: 620px;
    }

    .hero-inner {
        min-height: 620px;
    }

    main {
        padding: 44px 0 66px;
    }

    .site-footer {
        margin-top: 44px;
    }
}
/* =========================================================
   HOMEPAGE POLISH — HEADER + HERO ALIGNMENT
   ========================================================= */

/* Let the header breathe farther toward both edges */
.site-header-inner {
    width: min(96%, 1380px);
    max-width: 1380px;
    margin: 0 auto;
    padding-left: 18px;
    padding-right: 18px;
}

/* Slightly larger Finch & Timber logo */
.site-logo img {
    width: min(480px, 44vw);
    max-height: 114px;
}


/* ---------------------------------------------------------
   DESKTOP HERO
   Anchor copy into the left wing instead of centering it
   --------------------------------------------------------- */

@media (min-width: 1101px) {

    .hero-inner {
        width: 100%;
        max-width: none;
        margin: 0;
        padding-left: 6vw;
        padding-right: 4vw;
    }

    .hero-content {
        width: 440px;
        max-width: 440px;
        margin: 0;
        padding: 0;
    }

    .hero h1 {
        max-width: 440px;
        font-size: clamp(3.7rem, 5.5vw, 6.1rem);
    }

    .hero-copy {
        max-width: 420px;
    }
}


/* ---------------------------------------------------------
   MEDIUM DESKTOP / TABLET LANDSCAPE
   --------------------------------------------------------- */

@media (min-width: 801px) and (max-width: 1100px) {

    .hero-inner {
        width: 100%;
        max-width: none;
        margin: 0;
        padding-left: 5vw;
        padding-right: 4vw;
    }

    .hero-content {
        width: 410px;
        max-width: 44%;
        margin: 0;
        padding: 0;
    }

    .hero h1 {
        max-width: 410px;
        font-size: clamp(3.3rem, 6vw, 5rem);
    }

    .hero-copy {
        max-width: 390px;
    }
}


/* ---------------------------------------------------------
   MOBILE
   Keep the mobile treatment independent of desktop
   --------------------------------------------------------- */

@media (max-width: 800px) {

    .site-header-inner {
        width: 94%;
        padding-left: 10px;
        padding-right: 10px;
    }

    .site-logo img {
        width: min(290px, 72vw);
        max-height: 82px;
    }

    .hero-inner {
        width: 92%;
        margin: 0 auto;
        padding-left: 0;
        padding-right: 0;
    }

    .hero-content {
        width: 100%;
        max-width: 600px;
        margin: 0;
        padding: 0;
    }
}
/* Final desktop logo alignment */
@media (min-width: 1101px) {
    .site-logo {
        position: relative;
        left: -75px;
    }
}
/* Slightly warmer page background */
body,
.home-page,
.home-intro,
.collections-section {
    background-color: #eee7dc;
}


/* =========================================================
   FINCH & TIMBER — SINGLE PRODUCT PAGE
   ========================================================= */

/* Page background */

.single-product .site-main,
.single-product main {
    background: #eee7dc;
}


/* ---------------------------------------------------------
   MAIN PRODUCT LAYOUT
   --------------------------------------------------------- */

.single-product div.product {
    width: min(92%, 1220px);
    margin: 0 auto;
    padding: 64px 0 80px;
}

@media (min-width: 901px) {

    .single-product div.product {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        column-gap: 44px;
        align-items: start;
    }

    .single-product div.product .woocommerce-product-gallery {
        grid-column: 1;
        grid-row: 1;
        width: 100% !important;
        float: none !important;
        clear: none !important;
        margin: 0 !important;
    }

    .single-product div.product .summary {
        grid-column: 2;
        grid-row: 1;
        width: 100% !important;
        float: none !important;
        clear: none !important;
        margin: 0 !important;
        padding-top: 0;
    }
}


/* ---------------------------------------------------------
   PRODUCT GALLERY
   --------------------------------------------------------- */

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


/* ---------------------------------------------------------
   PRODUCT TITLE
   --------------------------------------------------------- */

.single-product .product_title {
    max-width: 650px;
    margin: 0 0 24px;
    font-size: clamp(3.6rem, 6vw, 6.4rem);
    line-height: 0.91;
    font-weight: 500;
    letter-spacing: -0.045em;
    color: var(--ft-ink);
}


/* ---------------------------------------------------------
   SHORT DESCRIPTION / CHARACTER STORY
   --------------------------------------------------------- */

.single-product .woocommerce-product-details__short-description {
    max-width: 590px;
    margin: 0 0 30px;
}

.single-product .woocommerce-product-details__short-description p {
    margin: 0 0 16px;
    font-size: 1.15rem;
    line-height: 1.72;
    color: #5f574f;
}


/* ---------------------------------------------------------
   PRICE
   --------------------------------------------------------- */

.single-product div.product p.price,
.single-product div.product span.price {
    display: block;
    margin: 0 0 18px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.55rem;
    line-height: 1.2;
    font-weight: 500;
    color: var(--ft-ink);
}

.single-product div.product p.price ins,
.single-product div.product span.price ins {
    text-decoration: none;
}


/* ---------------------------------------------------------
   ADD TO CART
   --------------------------------------------------------- */

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

.single-product .quantity {
    margin: 0 !important;
}

.single-product .quantity .qty {
    width: 62px;
    min-height: 48px;
    padding: 8px;
    border: 1px solid #8d8378;
    border-radius: 0;
    background: rgba(255, 255, 255, 0.45);
    color: var(--ft-ink);
    font-family: inherit;
    font-size: 1rem;
    text-align: center;
}

.single-product button.single_add_to_cart_button,
.single-product .single_add_to_cart_button.button,
.single-product .button.alt {
    min-height: 48px;
    padding: 12px 24px !important;
    border: 1px solid var(--ft-ink) !important;
    border-radius: 0 !important;
    background: var(--ft-ink) !important;
    color: #fff !important;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1rem !important;
    font-weight: 400 !important;
    letter-spacing: 0.02em;
    box-shadow: none !important;
    text-shadow: none !important;
}

.single-product button.single_add_to_cart_button:hover,
.single-product .single_add_to_cart_button.button:hover,
.single-product .button.alt:hover {
    background: #484139 !important;
    border-color: #484139 !important;
}


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

.single-product .product_meta {
    padding-top: 22px;
    margin-top: 4px;
    border-top: 1px solid rgba(45, 41, 36, 0.16);
    font-size: 0.96rem;
    line-height: 1.7;
    color: #645c54;
}

.single-product .product_meta a {
    color: var(--ft-ink);
    text-underline-offset: 3px;
}


/* ---------------------------------------------------------
   EDITORIAL PRODUCT DETAILS
   --------------------------------------------------------- */

.ft-product-details {
    width: 100%;
    max-width: 1080px;
    margin: 5rem auto 0;
    padding-top: 4rem;
    border-top: 1px solid rgba(45, 39, 33, 0.15);
}

@media (min-width: 901px) {

    .single-product div.product .ft-product-details {
        grid-column: 1 / -1;
        justify-self: center;
    }
}

.ft-product-details > .eyebrow {
    margin-bottom: 0.75rem;
}

.ft-product-details > h2 {
    margin: 0 0 2rem;
}

.ft-product-details-content {
    width: 100%;
    max-width: 760px;
}

.ft-product-details-content h3 {
    margin-top: 2rem;
}

.ft-product-details-content ul {
    margin: 1rem 0 2rem 1.25rem;
}

.ft-product-details-content p {
    margin-bottom: 1rem;
}


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

.single-product .related.products,
.single-product .up-sells {
    width: min(92%, 1220px);
    margin: 80px auto 0;
    padding-top: 60px;
    border-top: 1px solid rgba(45, 41, 36, 0.18);
}

@media (min-width: 901px) {

    .single-product div.product .related.products,
    .single-product div.product .up-sells {
        grid-column: 1 / -1;
        width: 100%;
    }
}

.single-product .related.products > h2,
.single-product .up-sells > h2 {
    margin: 0 0 34px;
    font-size: clamp(2.3rem, 4vw, 4rem);
    line-height: 1;
    font-weight: 500;
    letter-spacing: -0.03em;
}

.single-product .related.products ul.products,
.single-product .up-sells ul.products {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.single-product .related.products ul.products li.product,
.single-product .up-sells ul.products li.product {
    width: 100% !important;
    margin: 0 !important;
    float: none !important;
    clear: none !important;
}

.single-product ul.products li.product img {
    display: block;
    width: 100%;
    height: auto;
}

.single-product ul.products li.product .woocommerce-loop-product__title {
    padding: 14px 0 6px !important;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.2rem !important;
    font-weight: 500;
    line-height: 1.25;
    color: var(--ft-ink);
}


/* Hide stray Jetpack related-post block */

.single-product #jp-relatedposts,
.single-product .jp-relatedposts {
    display: none !important;
}


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

@media (max-width: 900px) {

    .single-product div.product .woocommerce-product-gallery,
    .single-product div.product .summary {
        width: 100%;
        float: none;
        clear: both;
        margin-right: 0;
    }

    .single-product div.product .summary {
        padding-top: 38px;
    }

    .single-product .product_title {
        max-width: 700px;
    }

    .single-product .related.products ul.products,
    .single-product .up-sells ul.products {
        grid-template-columns: repeat(2, 1fr);
    }

    .ft-product-details {
        margin-top: 3rem;
        padding-top: 3rem;
    }
}


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

@media (max-width: 560px) {

    .single-product div.product {
        width: 90%;
        padding: 38px 0 60px;
    }

    .single-product .product_title {
        margin-bottom: 20px;
        font-size: clamp(2.9rem, 13vw, 4.3rem);
        line-height: 0.95;
    }

    .single-product .woocommerce-product-details__short-description p {
        font-size: 1.06rem;
        line-height: 1.65;
    }

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

    .single-product button.single_add_to_cart_button,
    .single-product .single_add_to_cart_button.button {
        flex: 1;
    }

    .single-product .related.products,
    .single-product .up-sells {
        width: 90%;
        margin-top: 60px;
        padding-top: 46px;
    }

    .single-product .related.products ul.products,
    .single-product .up-sells ul.products {
        grid-template-columns: 1fr;
    }
}
/* Spring Meadowlight — 4 products in a balanced 2x2 grid */
.spring-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
/* Collection pages — match Finch & Timber warm background */
.collection-page,
.spring-collection,
.harvest-collection,
.noel-collection {
    background: #eee7dc;
}
/* =========================================================
   REV COLLECTION — PRODUCT GRID + ACCESSORY
   ========================================================= */

.rev-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 3.5rem 2rem;
}

.rev-accessories {
    margin-top: 5rem;
    padding-top: 4rem;
    border-top: 1px solid rgba(45, 39, 33, 0.15);
}

.rev-accessories .section-heading {
    max-width: 700px;
    margin-bottom: 2.5rem;
}

.rev-accessory-grid {
    display: grid;
    grid-template-columns: minmax(0, 320px);
}

.rev-accessory-grid .ft-product-card {
    max-width: 320px;
}

.rev-accessory-grid .ft-product-image {
    width: 100%;
    height: auto;
    display: block;
}

.rev-accessories .section-heading h2 {
    margin-bottom: 0.5rem;
}

@media (max-width: 760px) {
    .rev-product-grid {
        grid-template-columns: 1fr;
    }

    .rev-accessory-grid {
        grid-template-columns: 1fr;
        max-width: 320px;
    }
}
/* =========================================================
   SINGLE PRODUCT — RELATED PRODUCTS GRID FIX
   WooCommerce clearfix pseudo-elements must not occupy
   grid cells.
   ========================================================= */

.single-product .related.products ul.products::before,
.single-product .related.products ul.products::after,
.single-product .up-sells ul.products::before,
.single-product .up-sells ul.products::after {
    display: none !important;
    content: none !important;
}

.single-product .related.products ul.products,
.single-product .up-sells ul.products {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;
}

.single-product .related.products ul.products li.product,
.single-product .up-sells ul.products li.product {
    width: 100% !important;
    float: none !important;
    clear: none !important;
    margin: 0 !important;
}

@media (max-width: 900px) {
    .single-product .related.products ul.products,
    .single-product .up-sells ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .single-product .related.products ul.products,
    .single-product .up-sells ul.products {
        grid-template-columns: 1fr;
    }
}
/* =========================================================
   SINGLE PRODUCT — PURCHASE AREA POLISH
   ========================================================= */

/* Price */

.single-product div.product .summary p.price {
    margin: 30px 0 16px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 2rem;
    line-height: 1;
    font-weight: 500;
    letter-spacing: -0.02em;
    color: var(--ft-ink);
}


/* Purchase controls */

.single-product div.product .summary form.cart {
    display: flex;
    align-items: stretch;
    gap: 12px;
    max-width: 430px;
    margin: 0 0 28px;
    padding: 18px 0;
    border-top: 1px solid rgba(45, 41, 36, 0.16);
    border-bottom: 1px solid rgba(45, 41, 36, 0.16);
}

.single-product div.product .summary .quantity {
    margin: 0 !important;
}

.single-product div.product .summary .quantity .qty {
    width: 62px;
    height: 52px;
    padding: 0 8px;
    border: 1px solid rgba(45, 41, 36, 0.45);
    border-radius: 0;
    background: rgba(255, 255, 255, 0.35);
    color: var(--ft-ink);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1rem;
    text-align: center;
}


/* Primary purchase button */

.single-product div.product .summary button.single_add_to_cart_button {
    min-width: 175px;
    height: 52px;
    padding: 0 28px !important;
    border: 1px solid var(--ft-ink) !important;
    border-radius: 0 !important;
    background: var(--ft-ink) !important;
    color: #fff !important;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1rem !important;
    font-weight: 400 !important;
    letter-spacing: 0.015em;
    box-shadow: none !important;
    transition: background 0.2s ease, border-color 0.2s ease;
}

.single-product div.product .summary button.single_add_to_cart_button:hover {
    background: #4a433b !important;
    border-color: #4a433b !important;
}


/* Collection/category line */

.single-product div.product .summary .product_meta {
    max-width: 430px;
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
    font-size: 0.92rem;
    line-height: 1.6;
    color: #73695f;
}

.single-product div.product .summary .product_meta a {
    color: var(--ft-ink);
    font-weight: 500;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
}


/* Phone */

@media (max-width: 560px) {

    .single-product div.product .summary form.cart {
        max-width: none;
    }

    .single-product div.product .summary button.single_add_to_cart_button {
        flex: 1;
        min-width: 0;
    }
}
/* =========================================================
   SINGLE PRODUCT — FINAL PURCHASE AREA
   ========================================================= */

.single-product .ft-handmade-purchase-note {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    max-width: 430px;
    margin: 0 0 18px;
    padding: 0;
    border: 0;
    font-size: 0.9rem;
    line-height: 1.5;
    color: #776c61;
}

.single-product .ft-handmade-purchase-note .ft-purchase-dot {
    display: inline-block;
    margin: 0 2px;
    opacity: 0.65;
}

/* Artwork is purchased one piece at a time.
   Product 400 (eyepatch) keeps its quantity selector. */

body.single-product:not(.postid-400)
div.product form.cart .quantity {
    display: none !important;
}

body.single-product:not(.postid-400)
div.product form.cart {
    display: block;
    max-width: 430px;
}

body.single-product:not(.postid-400)
div.product button.single_add_to_cart_button {
    min-width: 205px;
    height: 52px;
    margin: 0;
    padding: 0 30px !important;
}

@media (max-width: 560px) {
    body.single-product:not(.postid-400)
    div.product button.single_add_to_cart_button {
        width: 100%;
    }
}
/* =========================================================
   SINGLE PRODUCT — GALLERY POLISH
   ========================================================= */


/* ---------------------------------------------------------
   THUMBNAILS
   Give each gallery image its own breathing room.
   --------------------------------------------------------- */

.single-product .woocommerce-product-gallery .flex-control-thumbs {
    display: flex !important;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 12px;
    margin: 14px 0 0 !important;
    padding: 0 !important;
    list-style: none;
}

.single-product .woocommerce-product-gallery .flex-control-thumbs::before,
.single-product .woocommerce-product-gallery .flex-control-thumbs::after {
    display: none !important;
    content: none !important;
}

.single-product .woocommerce-product-gallery .flex-control-thumbs li {
    float: none !important;
    width: 82px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.single-product .woocommerce-product-gallery .flex-control-thumbs img {
    display: block;
    width: 82px !important;
    height: 82px !important;
    margin: 0 !important;
    padding: 3px;
    object-fit: cover;
    border: 1px solid rgba(45, 41, 36, 0.18);
    background: rgba(255, 255, 255, 0.32);
    opacity: 0.72;
    cursor: pointer;
    transition:
        opacity 0.2s ease,
        border-color 0.2s ease,
        background 0.2s ease;
}

.single-product .woocommerce-product-gallery .flex-control-thumbs img:hover,
.single-product .woocommerce-product-gallery .flex-control-thumbs img.flex-active {
    opacity: 1;
    border-color: rgba(45, 41, 36, 0.55);
    background: rgba(255, 255, 255, 0.55);
}


/* ---------------------------------------------------------
   MAIN IMAGE
   Keep it clean and intentional.
   --------------------------------------------------------- */

.single-product .woocommerce-product-gallery__wrapper {
    margin-bottom: 0;
}

.single-product .woocommerce-product-gallery__image {
    overflow: hidden;
}


/* ---------------------------------------------------------
   LIGHTBOX
   Make the exit impossible to miss.
   --------------------------------------------------------- */

.pswp {
    z-index: 999999 !important;
}

.pswp__top-bar {
    background: linear-gradient(
        to bottom,
        rgba(20, 18, 16, 0.82),
        rgba(20, 18, 16, 0)
    ) !important;
}


/* Big visible X */

.pswp .pswp__button--close {
    display: block !important;
    position: absolute !important;
    top: 14px !important;
    right: 18px !important;
    width: 52px !important;
    height: 52px !important;
    margin: 0 !important;
    border: 1px solid rgba(255, 255, 255, 0.45) !important;
    border-radius: 50% !important;
    background: rgba(30, 27, 24, 0.78) !important;
    opacity: 1 !important;
    cursor: pointer !important;
}

.pswp .pswp__button--close::before {
    content: "×";
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 38px;
    font-weight: 300;
    line-height: 1;
}

.pswp .pswp__button--close:hover {
    background: rgba(30, 27, 24, 0.98) !important;
}


/* Visible previous / next controls */

.pswp .pswp__button--arrow--left,
.pswp .pswp__button--arrow--right {
    display: block !important;
    width: 54px !important;
    height: 70px !important;
    margin-top: -35px !important;
    background: rgba(30, 27, 24, 0.58) !important;
    opacity: 1 !important;
}

.pswp .pswp__button--arrow--left::before,
.pswp .pswp__button--arrow--right::before {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none !important;
    color: #fff;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 38px;
    line-height: 1;
}

.pswp .pswp__button--arrow--left::before {
    content: "‹";
}

.pswp .pswp__button--arrow--right::before {
    content: "›";
}


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

@media (max-width: 560px) {

    .single-product .woocommerce-product-gallery .flex-control-thumbs {
        gap: 9px;
    }

    .single-product .woocommerce-product-gallery .flex-control-thumbs li,
    .single-product .woocommerce-product-gallery .flex-control-thumbs img {
        width: 68px !important;
        height: 68px !important;
    }

    .pswp .pswp__button--close {
        top: 10px !important;
        right: 10px !important;
        width: 48px !important;
        height: 48px !important;
    }
}
/* ==========================================================
   RELATED PRODUCTS — FINCH & TIMBER BUTTON POLISH
   ========================================================== */

.single-product .related.products ul.products li.product .button,
.single-product .up-sells ul.products li.product .button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    width: auto !important;
    min-width: 0 !important;

    margin: 12px 0 0 0 !important;
    padding: 14px 22px !important;

    background: var(--ft-ink) !important;
    color: #fff !important;

    border: 1px solid var(--ft-ink) !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 1rem !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    text-decoration: none !important;
}

.single-product .related.products ul.products li.product .button:hover,
.single-product .related.products ul.products li.product .button:focus,
.single-product .up-sells ul.products li.product .button:hover,
.single-product .up-sells ul.products li.product .button:focus {
    background: transparent !important;
    color: var(--ft-ink) !important;
}


/* Tighten product-name / price / button grouping */

.single-product .related.products ul.products li.product
.woocommerce-loop-product__title,
.single-product .up-sells ul.products li.product
.woocommerce-loop-product__title {
    margin: 18px 0 5px !important;
}

.single-product .related.products ul.products li.product .price,
.single-product .up-sells ul.products li.product .price {
    display: block !important;
    margin: 0 0 2px !important;
}

.single-product .related.products ul.products li.product .button,
.single-product .up-sells ul.products li.product .button {
    margin-top: 12px !important;
}

/* =========================================================
   FINCH & TIMBER — CONTACT PAGE
   ========================================================= */

.ft-contact-page {
    background: #f2eadf;
    color: #302b26;
}

.ft-contact-shell {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
}

/* Contact hero */

.ft-contact-hero {
    padding: 110px 0 95px;
    border-bottom: 1px solid rgba(48, 43, 38, 0.14);
}

.ft-contact-eyebrow {
    margin: 0 0 18px;
    font-size: 13px;
    line-height: 1.3;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    font-weight: 600;
    color: #9a6336;
}

.ft-contact-hero h1 {
    margin: 0;
    max-width: 760px;
    font-size: clamp(64px, 8vw, 112px);
    line-height: 0.94;
    font-weight: 400;
    letter-spacing: -0.045em;
}

.ft-contact-intro {
    max-width: 680px;
    margin: 35px 0 0;
    font-size: 21px;
    line-height: 1.65;
    color: #6c6259;
}

/* Main contact area */

.ft-contact-section {
    padding: 95px 0 120px;
}

.ft-contact-grid {
    display: grid;
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
    gap: 110px;
    align-items: start;
}

.ft-contact-info h2,
.ft-contact-form-wrap h2 {
    margin: 0 0 28px;
    font-size: clamp(36px, 4vw, 52px);
    line-height: 1.05;
    font-weight: 400;
    letter-spacing: -0.025em;
}

.ft-contact-info > p:not(.ft-contact-eyebrow) {
    max-width: 470px;
    margin: 0 0 45px;
    font-size: 18px;
    line-height: 1.7;
    color: #6c6259;
}

/* Contact information */

.ft-contact-detail {
    padding: 23px 0;
    border-top: 1px solid rgba(48, 43, 38, 0.16);
}

.ft-contact-detail:last-child {
    border-bottom: 1px solid rgba(48, 43, 38, 0.16);
}

.ft-contact-detail > span {
    display: block;
    margin-bottom: 7px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #9a6336;
}

.ft-contact-detail p,
.ft-contact-detail a {
    margin: 0;
    font-size: 17px;
    line-height: 1.6;
}

.ft-contact-detail a {
    color: #302b26;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
}

/* Form */

.ft-contact-form-wrap {
    padding: 48px;
    border: 1px solid rgba(48, 43, 38, 0.17);
    background: rgba(255, 255, 255, 0.22);
}

.ft-contact-form {
    position: relative;
}

.ft-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
}

.ft-form-field {
    margin-bottom: 24px;
}

.ft-form-field label {
    display: block;
    margin-bottom: 9px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.02em;
}

.ft-form-field label span {
    color: #9a6336;
}

.ft-form-field label em {
    margin-left: 5px;
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    color: #7c7269;
}

.ft-form-field input,
.ft-form-field textarea {
    box-sizing: border-box;
    width: 100%;
    border: 1px solid rgba(48, 43, 38, 0.28);
    border-radius: 0;
    padding: 14px 15px;
    background: #faf6f0;
    color: #302b26;
    font: inherit;
    font-size: 16px;
    line-height: 1.5;
    outline: none;
    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

.ft-form-field textarea {
    min-height: 185px;
    resize: vertical;
}

.ft-form-field input:focus,
.ft-form-field textarea:focus {
    border-color: #302b26;
    box-shadow: 0 0 0 1px #302b26;
}

.ft-contact-submit {
    display: inline-block;
    min-width: 190px;
    margin-top: 3px;
    padding: 16px 28px;
    border: 1px solid #302b26;
    border-radius: 0;
    background: #302b26;
    color: #fff;
    font: inherit;
    font-size: 16px;
    cursor: pointer;
    transition:
        background 0.2s ease,
        color 0.2s ease;
}

.ft-contact-submit:hover,
.ft-contact-submit:focus {
    background: transparent;
    color: #302b26;
}

.ft-contact-privacy {
    max-width: 580px;
    margin: 22px 0 0;
    font-size: 12px;
    line-height: 1.6;
    color: #786e65;
}

.ft-contact-privacy a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* Form notices */

.ft-contact-notice {
    margin: 0 0 28px;
    padding: 17px 19px;
    border: 1px solid rgba(48, 43, 38, 0.2);
    font-size: 15px;
    line-height: 1.6;
}

.ft-contact-success {
    border-left: 4px solid #59694d;
}

.ft-contact-error {
    border-left: 4px solid #9a6336;
}

.ft-contact-notice strong {
    display: block;
    margin-bottom: 2px;
}

/* Hidden spam honeypot */

.ft-contact-honeypot {
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}

/* Tablet / mobile */

@media (max-width: 900px) {

    .ft-contact-hero {
        padding: 80px 0 70px;
    }

    .ft-contact-section {
        padding: 70px 0 90px;
    }

    .ft-contact-grid {
        grid-template-columns: 1fr;
        gap: 65px;
    }

    .ft-contact-form-wrap {
        padding: 38px;
    }
}

@media (max-width: 600px) {

    .ft-contact-shell {
        width: min(100% - 32px, 1180px);
    }

    .ft-contact-hero {
        padding: 65px 0 55px;
    }

    .ft-contact-intro {
        margin-top: 25px;
        font-size: 18px;
    }

    .ft-contact-section {
        padding: 55px 0 75px;
    }

    .ft-contact-grid {
        gap: 50px;
    }

    .ft-contact-form-wrap {
        padding: 28px 20px;
    }

    .ft-form-row {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .ft-contact-submit {
        width: 100%;
    }
}

/* =========================================================
   FINCH & TIMBER — MOBILE HEADER + NAVIGATION
   ========================================================= */

/* Hidden on desktop */
.mobile-header-controls,
.mobile-navigation {
    display: none;
}


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

@media (max-width: 800px) {

    .site-header {
        position: relative;
        z-index: 1000;
    }

    .site-header-inner {
        width: 100%;
        min-height: 88px;
        padding: 7px 18px;
        gap: 14px;
    }

    .site-logo {
        min-width: 0;
        flex: 1 1 auto;
    }

    .site-logo img {
        width: min(255px, 58vw);
        max-height: 76px;
        object-fit: contain;
        object-position: left center;
    }

    /* Desktop nav stays hidden on mobile */
    .site-nav {
        display: none;
    }

    /* Cart + hamburger */
    .mobile-header-controls {
        display: flex;
        flex: 0 0 auto;
        align-items: center;
        gap: 16px;
    }

    .mobile-cart-link {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        color: var(--ft-ink);
        font-size: 0.9rem;
        line-height: 1;
        text-decoration: none;
        white-space: nowrap;
    }

    .mobile-cart-link .cart-count {
        min-width: 22px;
        height: 22px;
        padding: 0 6px;
        font-size: 0.72rem;
    }


    /* -----------------------------------------------------
       HAMBURGER
       ----------------------------------------------------- */

    .mobile-menu-toggle {
        position: relative;
        width: 34px;
        height: 34px;
        margin: 0;
        padding: 6px 3px;
        border: 0;
        border-radius: 0;
        background: transparent;
        appearance: none;
        cursor: pointer;
    }

    .mobile-menu-toggle span {
        position: absolute;
        left: 3px;
        width: 28px;
        height: 1.5px;
        background: var(--ft-ink);
        transform-origin: center;
        transition:
            transform 0.2s ease,
            top 0.2s ease,
            opacity 0.2s ease;
    }

    .mobile-menu-toggle span:nth-child(1) {
        top: 8px;
    }

    .mobile-menu-toggle span:nth-child(2) {
        top: 16px;
    }

    .mobile-menu-toggle span:nth-child(3) {
        top: 24px;
    }

    /* Hamburger becomes X while menu is open */

    .mobile-menu-toggle.is-open span:nth-child(1) {
        top: 16px;
        transform: rotate(45deg);
    }

    .mobile-menu-toggle.is-open span:nth-child(2) {
        opacity: 0;
    }

    .mobile-menu-toggle.is-open span:nth-child(3) {
        top: 16px;
        transform: rotate(-45deg);
    }


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

    .mobile-navigation {
        display: none;
        width: 100%;
        padding: 4px 18px 18px;
        border-top: 1px solid var(--ft-border);
        background: var(--ft-paper);
    }

    .mobile-navigation.is-open {
        display: block;
    }

    .mobile-navigation a {
        display: block;
        padding: 16px 2px;
        border-bottom: 1px solid rgba(45, 41, 36, 0.12);
        color: var(--ft-ink);
        font-size: 1.08rem;
        line-height: 1.25;
        text-decoration: none;
    }

    .mobile-navigation a:last-child {
        border-bottom: 0;
    }

    .mobile-navigation a:hover,
    .mobile-navigation a:focus {
        color: var(--ft-accent);
    }
}


/* Extra-tight phones */

@media (max-width: 390px) {

    .site-header-inner {
        padding-left: 14px;
        padding-right: 14px;
    }

    .site-logo img {
        width: min(225px, 55vw);
    }

    .mobile-header-controls {
        gap: 11px;
    }

    .mobile-cart-text {
        font-size: 0.84rem;
    }
}
/* =========================================================
   PHOTOSWIPE — HIDE CONTROLS WHEN LIGHTBOX IS CLOSED
   ========================================================= */

.pswp:not(.pswp--open) .pswp__button--close,
.pswp:not(.pswp--open) .pswp__button--arrow--left,
.pswp:not(.pswp--open) .pswp__button--arrow--right {
    display: none !important;
}

.pswp:not(.pswp--open) .pswp__button--close::before,
.pswp:not(.pswp--open) .pswp__button--arrow--left::before,
.pswp:not(.pswp--open) .pswp__button--arrow--right::before {
    display: none !important;
    content: none !important;
}

/* =========================================================
   FINCH & TIMBER — FOOTER NAVIGATION
   ========================================================= */

.site-footer {
    text-align: center;
}

.footer-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 24px;
    margin-bottom: 18px;
}

.footer-nav a {
    color: inherit;
    text-decoration: none;
    font-size: 0.9rem;
    line-height: 1.4;
}

.footer-nav a:hover,
.footer-nav a:focus {
    text-decoration: underline;
}

.footer-copyright {
    margin: 0;
}


/* Mobile footer */

@media (max-width: 700px) {

    .footer-nav {
        flex-direction: column;
        gap: 12px;
        margin-bottom: 22px;
    }

    .footer-nav a {
        font-size: 0.92rem;
    }

}
.about-born {
    margin: 42px 0 34px !important;
    font-size: 1.5rem !important;
    line-height: 1.35 !important;
    color: var(--ft-ink) !important;
    font-weight: 500;
}

/* Center WooCommerce empty-cart message */
.woocommerce-cart .wc-block-cart__empty-cart__title,
.woocommerce-cart .cart-empty {
    transform: translateX(130px);
}

/* ============================================================
   FINCH & TIMBER — COLLECTION PRODUCT CARD SPACING
   ============================================================ */

/* Keep View Piece visually connected to its product title */
.ft-product-info h3 {
    margin-bottom: 14px;
}

/* Give each product card breathing room before the next row */
.ft-product-card {
    margin-bottom: 32px;
}