/* ==========================================================================
   Woodpark Homepage — Layout / Utility / Section CSS
   Font imports, --wpk-* CSS variables, heading typography, and color palette
   now live in Blocksy Customizer (theme_mods_blocksy + Customizer Additional CSS).
   This file holds ONLY: utility classes (.wpk-eyebrow, .wpk-btn, .wpk-rule),
   per-section layout (.wpk-section--*, .wpk-editorial-hero, .wpk-section--wood-story),
   and homepage section hides.
   ========================================================================== */

/* ----- Eyebrow label ----- */
body.wpk-home .wpk-eyebrow {
    font-family: var(--wpk-sans);
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: var(--wpk-track-eyebrow);
    color: var(--wpk-gold-antique);
    margin: 0 0 18px 0;
    line-height: 1;
}

body.wpk-home .wpk-eyebrow--on-dark {
    color: var(--wpk-gold);
}

/* ----- Headlines ----- */
body.wpk-home .wpk-h1,
body.wpk-home .wpk-hero h1 {
    font-family: var(--wpk-serif);
    font-weight: 500;
    font-size: clamp(36px, 5.4vw, 72px);
    line-height: 1.08;
    letter-spacing: -0.01em;
    color: var(--wpk-charcoal);
    margin: 0 0 24px 0;
}

body.wpk-home .wpk-h1--on-dark,
body.wpk-home .wpk-hero--dark h1 {
    color: var(--wpk-cream);
}

body.wpk-home .wpk-h2 {
    font-family: var(--wpk-serif);
    font-weight: 500;
    font-size: clamp(30px, 3.8vw, 52px);
    line-height: 1.14;
    letter-spacing: -0.005em;
    color: var(--wpk-green);
    margin: 0 0 20px 0;
}

body.wpk-home .wpk-h2--on-dark { color: var(--wpk-cream); }

/* ----- Sub / lede ----- */
body.wpk-home .wpk-sub {
    font-family: var(--wpk-sans);
    font-weight: 400;
    font-size: clamp(17px, 1.4vw, 22px);
    line-height: 1.5;
    color: var(--wpk-charcoal);
    margin: 0 0 32px 0;
    max-width: 560px;
}

body.wpk-home .wpk-sub--on-dark { color: var(--wpk-cream); opacity: 0.92; }

/* ----- Body text ----- */
body.wpk-home .wpk-body,
body.wpk-home .wpk-block p {
    font-family: var(--wpk-sans);
    font-size: 17px;
    line-height: 1.65;
    color: var(--wpk-charcoal);
}

@media (max-width: 768px) {
    body.wpk-home .wpk-body,
    body.wpk-home .wpk-block p { font-size: 16px; }
}

/* ----- Buttons ----- */
body.wpk-home .wpk-btn,
body.wpk-home .wpk-btn-outline {
    display: inline-block;
    font-family: var(--wpk-sans);
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: var(--wpk-track-button);
    padding: 16px 32px;
    line-height: 1;
    text-decoration: none;
    border: 1px solid transparent;
    transition: background-color 180ms ease, color 180ms ease, border-color 180ms ease;
    cursor: pointer;
}

/* Solid green button — primary CTA */
body.wpk-home .wpk-btn {
    background: var(--wpk-green);
    color: var(--wpk-cream);
    border-color: var(--wpk-green);
}
body.wpk-home .wpk-btn:hover,
body.wpk-home .wpk-btn:focus {
    background: var(--wpk-green-dark);
    border-color: var(--wpk-green-dark);
    color: var(--wpk-gold);
}

/* Outline gold — secondary CTA */
body.wpk-home .wpk-btn-outline {
    background: transparent;
    color: var(--wpk-gold-antique);
    border-color: var(--wpk-gold-antique);
}
body.wpk-home .wpk-btn-outline:hover,
body.wpk-home .wpk-btn-outline:focus {
    background: var(--wpk-gold-antique);
    color: var(--wpk-white);
}

/* Outline gold on dark backgrounds */
body.wpk-home .wpk-btn-outline--on-dark {
    color: var(--wpk-gold);
    border-color: var(--wpk-gold);
}
body.wpk-home .wpk-btn-outline--on-dark:hover {
    background: var(--wpk-gold);
    color: var(--wpk-green-deep);
}

/* CTA group spacing */
body.wpk-home .wpk-cta-group {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    align-items: center;
}

/* ----- Section spacing ----- */
body.wpk-home .wpk-block {
    padding: clamp(56px, 8vw, 112px) 0;
}

body.wpk-home .wpk-block--dark { background: var(--wpk-green); color: var(--wpk-cream); }
body.wpk-home .wpk-block--paper { background: var(--wpk-paper); }
body.wpk-home .wpk-block--beige { background: var(--wpk-beige); }
body.wpk-home .wpk-block--white { background: var(--wpk-white); }

/* ----- Thin gold rule (Hatil-style section divider) ----- */
body.wpk-home .wpk-rule {
    display: block;
    width: 56px;
    height: 1px;
    background: var(--wpk-gold-antique);
    border: 0;
    margin: 0 0 24px 0;
}
body.wpk-home .wpk-rule--center { margin-left: auto; margin-right: auto; }
body.wpk-home .wpk-rule--on-dark { background: var(--wpk-gold); }
body.wpk-home .wpk-rule.elementor-widget-divider {
    width: 56px;
    max-width: 56px;
    margin-left: auto;
    margin-right: auto;
}
body.wpk-home .wpk-rule.elementor-widget-divider .elementor-divider {
    padding: 0;
}
body.wpk-home .wpk-rule.elementor-widget-divider .elementor-divider-separator {
    border-top-color: var(--wpk-gold-antique);
    border-top-width: 1px;
    width: 56px;
}

/* ----- Section header (eyebrow + h2 + rule pattern) ----- */
body.wpk-home .wpk-section-head {
    text-align: center;
    max-width: 720px;
    margin: 0 auto 64px auto;
}
body.wpk-home .wpk-section-head .wpk-rule { margin-left: auto; margin-right: auto; }
body.wpk-home .wpk-section-head .wpk-sub { margin-left: auto; margin-right: auto; }

/* Heading element font-family is now set globally via Blocksy Customizer
 * (h1Typography..h6Typography), so the "stronger override" block previously
 * here is no longer needed. */

/* ==========================================================================
   Editorial Hero (standalone block, sits before Signature Collections)
   Previously JS-injected; now stored in normal Elementor data before
   .elementor-element-8712187. The Smart Slider above stays untouched.
   ========================================================================== */

body.wpk-home .wpk-editorial-hero {
    background: var(--wpk-green);
    color: var(--wpk-cream);
    padding: clamp(80px, 11vw, 160px) clamp(24px, 6vw, 96px);
    text-align: left;
    position: relative;
}

/* Subtle gold rule across the top to mark the manifesto break */
body.wpk-home .wpk-editorial-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 72px;
    height: 1px;
    background: var(--wpk-gold);
    margin-top: clamp(40px, 5vw, 72px);
}

body.wpk-home .wpk-editorial-hero__inner {
    max-width: 1100px;
    margin: 0 auto;
}

body.wpk-home .wpk-editorial-hero .wpk-eyebrow,
body.wpk-home .wpk-editorial-hero .wpk-eyebrow--on-dark {
    color: var(--wpk-gold);
    margin-bottom: 24px;
}

body.wpk-home .wpk-editorial-hero__title {
    font-family: var(--wpk-serif);
    font-weight: 500;
    font-size: clamp(36px, 5.2vw, 68px);
    line-height: 1.1;
    letter-spacing: -0.01em;
    color: var(--wpk-cream);
    margin: 0 0 28px 0;
    max-width: 18ch;
}

body.wpk-home .wpk-editorial-hero p.wpk-editorial-hero__sub,
body.wpk-home .wpk-editorial-hero .wpk-editorial-hero__sub {
    font-family: var(--wpk-sans);
    font-size: clamp(17px, 1.4vw, 21px);
    line-height: 1.6;
    color: var(--wpk-cream) !important;
    opacity: 0.92;
    margin: 0 0 40px 0;
    max-width: 56ch;
}

body.wpk-home .wpk-editorial-hero .wpk-cta-group {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

/* Solid-green CTA disappears on green bg — restyle it to cream-filled */
body.wpk-home .wpk-editorial-hero .wpk-btn {
    background: var(--wpk-cream);
    border-color: var(--wpk-cream);
    color: var(--wpk-green-deep);
}
body.wpk-home .wpk-editorial-hero .wpk-btn:hover,
body.wpk-home .wpk-editorial-hero .wpk-btn:focus {
    background: var(--wpk-gold);
    border-color: var(--wpk-gold);
    color: var(--wpk-green-deep);
}


/* Elementor-native Heirloom hero compatibility
   The original Heirloom block was a single HTML widget. These rules keep the
   same visual classes working after conversion to Heading/Text/Button widgets. */
body.wpk-home .wpk-editorial-hero .wpk-eyebrow,
body.wpk-home .wpk-editorial-hero .wpk-eyebrow--on-dark,
body.wpk-home .wpk-editorial-hero .wpk-eyebrow .elementor-widget-container,
body.wpk-home .wpk-editorial-hero .wpk-eyebrow .elementor-widget-container p {
    color: var(--wpk-gold) !important;
}
body.wpk-home .wpk-editorial-hero__title,
body.wpk-home .wpk-editorial-hero__title .elementor-heading-title {
    font: inherit;
    color: var(--wpk-cream) !important;
    line-height: inherit;
    letter-spacing: inherit;
    margin: 0;
}
body.wpk-home .wpk-editorial-hero__sub,
body.wpk-home .wpk-editorial-hero__sub .elementor-widget-container,
body.wpk-home .wpk-editorial-hero__sub .elementor-widget-container p {
    font: inherit;
    color: var(--wpk-cream) !important;
    line-height: inherit;
    margin: 0;
}
body.wpk-home .wpk-editorial-hero > .wpk-editorial-hero__inner,
body.wpk-home .wpk-editorial-hero > .elementor-element-f7bfc72 {
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
}
body.wpk-home .wpk-editorial-hero > .wpk-editorial-hero__inner {
    margin: 0;
}
body.wpk-home .wpk-editorial-hero > .elementor-element-f7bfc72 {
    min-height: clamp(420px, 48vw, 720px);
}
@media (max-width: 767px) {
    body.wpk-home .wpk-editorial-hero > .wpk-editorial-hero__inner,
    body.wpk-home .wpk-editorial-hero > .elementor-element-f7bfc72 {
        flex-basis: 100%;
        width: 100%;
        max-width: 100%;
    }
}
body.wpk-home .wpk-editorial-hero .elementor-widget-button.wpk-btn .elementor-button,
body.wpk-home .wpk-editorial-hero .elementor-widget-button.wpk-btn-outline .elementor-button {
    display: inline-block;
    font-family: var(--wpk-sans);
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: var(--wpk-track-button);
    padding: 16px 32px;
    line-height: 1;
    text-decoration: none;
    border: 1px solid transparent;
    border-radius: 0;
    transition: background-color 180ms ease, color 180ms ease, border-color 180ms ease;
    cursor: pointer;
}
body.wpk-home .wpk-editorial-hero .elementor-widget-button.wpk-btn-outline .elementor-button {
    background: transparent;
    color: var(--wpk-gold);
    border-color: var(--wpk-gold);
}
body.wpk-home .wpk-editorial-hero .elementor-widget-button.wpk-btn-outline .elementor-button:hover,
body.wpk-home .wpk-editorial-hero .elementor-widget-button.wpk-btn-outline .elementor-button:focus {
    background: var(--wpk-gold);
    color: var(--wpk-green-deep);
}
body.wpk-home .wpk-editorial-hero .elementor-widget-button.wpk-btn .elementor-button {
    background: var(--wpk-cream);
    border-color: var(--wpk-cream);
    color: var(--wpk-green-deep);
}
body.wpk-home .wpk-editorial-hero .elementor-widget-button.wpk-btn .elementor-button:hover,
body.wpk-home .wpk-editorial-hero .elementor-widget-button.wpk-btn .elementor-button:focus {
    background: var(--wpk-gold);
    border-color: var(--wpk-gold);
    color: var(--wpk-green-deep);
}

/* Tablet */
@media (max-width: 1024px) {
    body.wpk-home .wpk-editorial-hero {
        padding: clamp(64px, 8vw, 96px) clamp(24px, 5vw, 56px);
    }
}

/* Mobile — center alignment */
@media (max-width: 640px) {
    body.wpk-home .wpk-editorial-hero {
        text-align: center;
    }
    body.wpk-home .wpk-editorial-hero__title {
        max-width: none;
    }
    body.wpk-home .wpk-editorial-hero__sub {
        margin-left: auto;
        margin-right: auto;
    }
    body.wpk-home .wpk-editorial-hero .wpk-cta-group {
        justify-content: center;
    }
}

/* ==========================================================================
   Hide off-brand sections (kept in Elementor data, just visually removed)
   - 35d9ffa: empty top container
   - dd0a1b8: 5 nested icon-boxes (off-brand features)
   - 8bad874: category count strip
   - 398d554: "Trending Now"  (implies hot-selling, off-brand for luxury)
   - 99914b0: [products orderby="rating"] (off-brand top-rated grid)
   ========================================================================== */
body.wpk-home .elementor-element-35d9ffa,
body.wpk-home .elementor-element-dd0a1b8,
body.wpk-home .elementor-element-8bad874,
body.wpk-home .elementor-element-398d554,
body.wpk-home .elementor-element-99914b0 {
    display: none !important;
}

/* ==========================================================================
   Per-section editorial styling
   ========================================================================== */

/* Common: editorial typography for any tagged wpk-section */
body.wpk-home .wpk-section {
    padding: clamp(72px, 9vw, 128px) clamp(20px, 5vw, 64px);
}

/* Headings inside .wpk-section: font-family/weight/size now come from
 * Blocksy Customizer (h1Typography..h6Typography). We only set per-section
 * colors here (the brand wants deep green for headings on light bg). */
body.wpk-home .wpk-section h2,
body.wpk-home .wpk-section h3,
body.wpk-home .wpk-section h4,
body.wpk-home .wpk-section .elementor-heading-title {
    color: var(--wpk-green);
    letter-spacing: -0.005em;
}

/* Body paragraphs default to charcoal on light sections. Font-family comes
 * from the global body font set in Customizer Additional CSS. */
body.wpk-home .wpk-section p,
body.wpk-home .wpk-section .elementor-text-editor {
    color: var(--wpk-charcoal);
    font-size: 17px;
    line-height: 1.65;
}

/* Eyebrow class — works for spans inside headings or paragraphs */
body.wpk-home .wpk-section .wpk-eyebrow,
body.wpk-home .wpk-section p.wpk-eyebrow,
body.wpk-home .wpk-section span.wpk-eyebrow {
    display: block;
    font-family: var(--wpk-sans) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-transform: uppercase;
    letter-spacing: var(--wpk-track-eyebrow);
    color: var(--wpk-gold-antique);
    margin: 0 0 18px 0;
    line-height: 1;
}
body.wpk-home .wpk-section .wpk-eyebrow--on-dark {
    color: var(--wpk-gold);
}

/* Elementor-native eyebrow widgets */
body.wpk-home .wpk-section .elementor-widget-text-editor.wpk-eyebrow .elementor-widget-container,
body.wpk-home .wpk-section .elementor-widget-text-editor.wpk-eyebrow .elementor-widget-container p {
    display: block;
    font-family: var(--wpk-sans) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-transform: uppercase;
    letter-spacing: var(--wpk-track-eyebrow);
    color: var(--wpk-gold-antique) !important;
    margin: 0 0 18px 0;
    line-height: 1;
}
body.wpk-home .wpk-section .elementor-widget-text-editor.wpk-eyebrow--on-dark .elementor-widget-container,
body.wpk-home .wpk-section .elementor-widget-text-editor.wpk-eyebrow--on-dark .elementor-widget-container p {
    color: var(--wpk-gold) !important;
}
body.wpk-home .wpk-section--personification .elementor-widget-text-editor.wpk-eyebrow .elementor-widget-container,
body.wpk-home .wpk-section--personification .elementor-widget-text-editor.wpk-eyebrow .elementor-widget-container p {
    margin: 0 auto 24px auto;
}

/* Block 2 — Difference (3 columns) */
body.wpk-home .wpk-section--difference {
    background: var(--wpk-paper);
    text-align: center;
}
body.wpk-home .wpk-section--difference h5,
body.wpk-home .wpk-section--difference .elementor-heading-title {
    font-size: clamp(24px, 2.4vw, 32px);
    margin: 24px 0 12px 0;
    color: var(--wpk-green);
}
body.wpk-home .wpk-section--difference .elementor-text-editor {
    max-width: 320px;
    margin: 0 auto;
}
/* Replace the original starter-site stacked-paragraph junk inside the text editor */
body.wpk-home .wpk-section--difference .ugb-feature-grid__item,
body.wpk-home .wpk-section--difference .ugb-feature-grid__content {
    all: unset;
}

/* Block 3 — Signature Collections */
body.wpk-home .wpk-section--collections {
    background: var(--wpk-white);
    text-align: center;
}
body.wpk-home .wpk-section--collections > .e-con-inner > .elementor-element:first-child,
body.wpk-home .wpk-section--collections .elementor-element:has(> .elementor-widget-heading) {
    margin-bottom: 32px;
}
body.wpk-home .wpk-section--collections .elementor-heading-title {
    font-size: clamp(32px, 3.8vw, 52px);
}

/* Block 5 — Commission (was SAVE 70%) */
body.wpk-home .wpk-section--commission {
    background: var(--wpk-beige);
}
body.wpk-home .wpk-section--commission .elementor-heading-title {
    font-size: clamp(32px, 3.8vw, 52px);
    color: var(--wpk-green);
}
/* Style the existing button as our solid-green CTA */
body.wpk-home .wpk-section--commission a.elementor-button,
body.wpk-home .wpk-section--commission .elementor-button-link {
    background: var(--wpk-green) !important;
    border: 1px solid var(--wpk-green) !important;
    color: var(--wpk-cream) !important;
    font-family: var(--wpk-sans) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-transform: uppercase;
    letter-spacing: var(--wpk-track-button);
    padding: 16px 32px !important;
    border-radius: 0 !important;
    transition: background-color 180ms ease, color 180ms ease;
}
body.wpk-home .wpk-section--commission a.elementor-button:hover {
    background: var(--wpk-green-dark) !important;
    color: var(--wpk-gold) !important;
}

/* Block 4 — Personification (df2a859, has bg image) */
body.wpk-home .wpk-section--personification {
    color: var(--wpk-cream);
    text-align: center;
}
body.wpk-home .wpk-section--personification .elementor-heading-title {
    font-family: var(--wpk-serif) !important;
    font-size: clamp(32px, 4.2vw, 56px);
    color: var(--wpk-cream) !important;
    line-height: 1.15;
    max-width: 820px;
    margin: 0 auto;
}
body.wpk-home .wpk-section--personification .elementor-heading-title .wpk-eyebrow {
    margin-bottom: 24px;
}
body.wpk-home .wpk-section--personification p,
body.wpk-home .wpk-section--personification .elementor-text-editor {
    color: var(--wpk-cream);
    max-width: 620px;
    margin: 24px auto 0;
    font-size: 18px;
    opacity: 0.92;
}

/* Block 6 — Wood Story (native Elementor block; visual classes preserved) */
body.wpk-home .wpk-section--wood-story {
    background: var(--wpk-paper);
    padding: clamp(72px, 9vw, 128px) clamp(20px, 5vw, 64px);
    text-align: center;
}
body.wpk-home .wpk-wood-story-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(20px, 3vw, 48px);
    max-width: 1240px;
    margin: 56px auto 0;
}
@media (max-width: 900px) {
    body.wpk-home .wpk-wood-story-grid {
        grid-template-columns: 1fr;
        max-width: 480px;
    }
}
body.wpk-home .wpk-wood-card {
    background: var(--wpk-white);
    text-align: left;
    border-top: 1px solid var(--wpk-gold-antique);
}
body.wpk-home .wpk-wood-card__swatch {
    aspect-ratio: 4 / 3;
    background-size: cover;
    background-position: center;
}
body.wpk-home .wpk-wood-card__body {
    padding: 28px 28px 32px 28px;
}
body.wpk-home .wpk-wood-card__name {
    font-family: var(--wpk-serif);
    font-weight: 500;
    font-size: clamp(24px, 2vw, 30px);
    color: var(--wpk-green);
    margin: 0 0 14px 0;
}
body.wpk-home .wpk-wood-card__origin,
body.wpk-home .wpk-wood-card__origin > p,
body.wpk-home .elementor-widget-text-editor.wpk-wood-card__origin .elementor-widget-container,
body.wpk-home .elementor-widget-text-editor.wpk-wood-card__origin .elementor-widget-container p {
    font-family: var(--wpk-sans) !important;
    font-size: 13px !important;
    text-transform: uppercase;
    letter-spacing: var(--wpk-track-eyebrow);
    color: var(--wpk-gold-antique) !important;
    margin: 0 0 10px 0;
}
body.wpk-home .wpk-wood-card__char,
body.wpk-home .elementor-widget-text-editor.wpk-wood-card__char .elementor-widget-container,
body.wpk-home .elementor-widget-text-editor.wpk-wood-card__char .elementor-widget-container p {
    font-family: var(--wpk-sans);
    font-size: 15px;
    line-height: 1.65;
    color: var(--wpk-charcoal) !important;
    margin: 0;
}

/* Wood-grain swatches: gradient placeholders that read as wood tones */
body.wpk-home .wpk-wood-card--mahogany .wpk-wood-card__swatch {
    background-image: linear-gradient(135deg, #6b2e1d 0%, #8a3c25 35%, #4a1f12 100%);
}
body.wpk-home .wpk-wood-card--segun .wpk-wood-card__swatch {
    background-image: linear-gradient(135deg, #b88340 0%, #d6a05a 35%, #7d551f 100%);
}
body.wpk-home .wpk-wood-card--oak .wpk-wood-card__swatch {
    background-image: linear-gradient(135deg, #c4a37a 0%, #e0c193 35%, #9a7949 100%);
}

/* Block 7 — Atelier (was Latest from Blog) */
body.wpk-home .wpk-section--atelier {
    background: var(--wpk-white);
    text-align: center;
}
body.wpk-home .wpk-section--atelier .elementor-heading-title {
    font-size: clamp(32px, 3.8vw, 52px);
}

/* Block 8 — Newsletter (quiet footer CTA) */
body.wpk-home .wpk-section--newsletter {
    background: var(--wpk-green) !important;
    text-align: center;
}
body.wpk-home .wpk-section--newsletter .elementor-heading-title,
body.wpk-home .wpk-section--newsletter h2 {
    color: var(--wpk-cream) !important;
    font-size: clamp(32px, 3.8vw, 52px);
}
body.wpk-home .wpk-section--newsletter p,
body.wpk-home .wpk-section--newsletter .elementor-text-editor {
    color: var(--wpk-cream);
    opacity: 0.92;
    max-width: 560px;
    margin: 0 auto;
}
/* Style any input/button inside */
body.wpk-home .wpk-section--newsletter input[type="email"],
body.wpk-home .wpk-section--newsletter input[type="text"] {
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid var(--wpk-gold) !important;
    color: var(--wpk-cream) !important;
    padding: 14px 0 !important;
    border-radius: 0 !important;
}
body.wpk-home .wpk-section--newsletter input::placeholder {
    color: var(--wpk-cream);
    opacity: 0.6;
}
body.wpk-home .wpk-section--newsletter button[type="submit"],
body.wpk-home .wpk-section--newsletter input[type="submit"] {
    background: var(--wpk-gold) !important;
    color: var(--wpk-green-deep) !important;
    border: 0 !important;
    font-family: var(--wpk-sans) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-transform: uppercase;
    letter-spacing: var(--wpk-track-button);
    padding: 16px 32px !important;
    border-radius: 0 !important;
    cursor: pointer;
}
body.wpk-home .wpk-section--newsletter button[type="submit"]:hover {
    background: var(--wpk-gold-hover) !important;
}


/* ==========================================================================
   Creations with Purpose — Carousel Slider fixed card sizing
   Keeps the four homepage Carousel Slider product cards aligned.
   Managed in Rapid Mind Extras, not Elementor inline widgets.
   ========================================================================== */
body.wpk-home .elementor-element-ea30a1c .carousel-slider-3419 .woocommerce-LoopProduct-link,
body.wpk-home .elementor-element-ea30a1c .carousel-slider-3480 .woocommerce-LoopProduct-link,
body.wpk-home .elementor-element-ea30a1c .carousel-slider-3490 .woocommerce-LoopProduct-link,
body.wpk-home .elementor-element-ea30a1c .carousel-slider-3494 .woocommerce-LoopProduct-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 82%;
    height: 330px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    background: var(--wpk-white);
}

body.wpk-home .elementor-element-ea30a1c .carousel-slider-3419 .woocommerce-LoopProduct-link img,
body.wpk-home .elementor-element-ea30a1c .carousel-slider-3480 .woocommerce-LoopProduct-link img,
body.wpk-home .elementor-element-ea30a1c .carousel-slider-3490 .woocommerce-LoopProduct-link img,
body.wpk-home .elementor-element-ea30a1c .carousel-slider-3494 .woocommerce-LoopProduct-link img {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    object-fit: contain;
    object-position: center center;
}


@media (max-width: 767px) {
    body.wpk-home .elementor-element-ea30a1c .carousel-slider-3419 .woocommerce-LoopProduct-link,
    body.wpk-home .elementor-element-ea30a1c .carousel-slider-3480 .woocommerce-LoopProduct-link,
    body.wpk-home .elementor-element-ea30a1c .carousel-slider-3490 .woocommerce-LoopProduct-link,
    body.wpk-home .elementor-element-ea30a1c .carousel-slider-3494 .woocommerce-LoopProduct-link {
        width: 82%;
        height: 330px;
        aspect-ratio: auto;
        margin-left: auto;
        margin-right: auto;
    }
}

body.wpk-home .elementor-element-ea30a1c .carousel-slider-3419 .woocommerce-loop-product__title,
body.wpk-home .elementor-element-ea30a1c .carousel-slider-3480 .woocommerce-loop-product__title,
body.wpk-home .elementor-element-ea30a1c .carousel-slider-3490 .woocommerce-loop-product__title,
body.wpk-home .elementor-element-ea30a1c .carousel-slider-3494 .woocommerce-loop-product__title {
    min-height: 44px;
}