/*
Theme Name: Natur Advanta
Template: generatepress
Version: 1.0.0
Description: Lightweight custom theme for Natur Advanta.
*/

/* ===== Natur Advanta base ===== */

:root {
    --na-green: #4f7a4f;
    --na-green-dark: #2f5132;
    --na-green-light: #f2f7f1;
    --na-green-soft: #e4efe1;
    --na-accent: #789d68;
    --na-text: #1f2937;
    --na-muted: #647067;
    --na-border: #e3e9e1;
    --na-white: #ffffff;
}

html {
    scroll-behavior: smooth;
}

body {
    background: var(--na-white);
    color: var(--na-text);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    line-height: 1.65;
}

.site-content {
    padding: 0;
}

.separate-containers .inside-article {
    padding: 0;
}

.entry-header {
    display: none;
}

.entry-content {
    margin: 0;
}

.entry-content > .wp-block-group {
    margin-top: 0;
    margin-bottom: 0;
}

/* Header */

.site-header {
    background: #fff;
    border-bottom: 1px solid var(--na-border);
}

.inside-header {
    max-width: 1220px;
}

.site-branding .main-title a {
    color: var(--na-green-dark);
    font-weight: 750;
    letter-spacing: -0.5px;
}

.main-navigation {
    background: #fff;
}

.main-navigation .main-nav ul li a {
    color: var(--na-text);
    font-weight: 600;
}

.main-navigation .main-nav ul li:hover > a,
.main-navigation .main-nav ul li.current-menu-item > a {
    color: var(--na-green);
    background: transparent;
}

/* General */

.na-section {
    padding: 80px 24px;
}

.na-container {
    max-width: 1180px;
    margin: 0 auto;
}

.na-eyebrow {
    color: var(--na-green);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.na-title {
    color: var(--na-green-dark);
    font-size: clamp(34px, 5vw, 58px);
    line-height: 1.08;
    letter-spacing: -1.5px;
    margin-bottom: 22px;
}

.na-section-title {
    color: var(--na-green-dark);
    font-size: clamp(28px, 4vw, 40px);
    line-height: 1.15;
    margin-bottom: 14px;
}

.na-lead {
    color: var(--na-muted);
    font-size: 19px;
    max-width: 650px;
}

/* Hero */

.na-hero {
    background:
        radial-gradient(circle at 85% 20%, #edf5e9 0, transparent 34%),
        linear-gradient(135deg, #ffffff 0%, #f6faf4 100%);
    padding: 100px 24px 90px;
    overflow: hidden;
}

.na-hero-grid {
    max-width: 1180px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.08fr .92fr;
    align-items: center;
    gap: 70px;
}

.na-hero-card {
    min-height: 420px;
    border-radius: 30px;
    background:
        radial-gradient(circle at 25% 30%, rgba(255,255,255,.95) 0 8%, transparent 9%),
        radial-gradient(circle at 65% 52%, rgba(255,255,255,.75) 0 7%, transparent 8%),
        linear-gradient(145deg, #dfeeda, #f6faf4);
    position: relative;
    box-shadow: 0 25px 70px rgba(44,81,48,.08);
}

.na-hero-card:before {
    content: "";
    position: absolute;
    width: 180px;
    height: 270px;
    border-radius: 90px 90px 25px 25px;
    background: var(--na-green);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -48%);
    box-shadow: 0 22px 50px rgba(47,81,50,.2);
}

.na-hero-card:after {
    content: "NATUR\A ADVANTA";
    white-space: pre;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -25%);
    color: white;
    text-align: center;
    font-weight: 800;
    letter-spacing: 2px;
    line-height: 1.3;
}

/* Buttons */

.wp-block-button .wp-block-button__link,
.na-button {
    background: var(--na-green-dark);
    color: #fff;
    border-radius: 8px;
    padding: 14px 25px;
    font-size: 16px;
    font-weight: 700;
    transition: transform .15s ease, background .15s ease;
}

.wp-block-button .wp-block-button__link:hover {
    background: var(--na-green);
    color: #fff;
    transform: translateY(-1px);
}

/* Categories */

.na-categories {
    background: #fff;
}

.na-category-grid {
    margin-top: 38px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}

.na-category {
    padding: 28px 24px;
    border: 1px solid var(--na-border);
    border-radius: 16px;
    background: #fff;
    min-height: 150px;
}

.na-category-icon {
    width: 46px;
    height: 46px;
    background: var(--na-green-soft);
    color: var(--na-green-dark);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 21px;
    margin-bottom: 18px;
}

.na-category h3 {
    margin: 0 0 7px;
    color: var(--na-green-dark);
    font-size: 19px;
}

.na-category p {
    margin: 0;
    font-size: 14px;
    color: var(--na-muted);
}

/* Benefits */

.na-benefits {
    background: var(--na-green-light);
}

.na-benefit-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.na-benefit strong {
    display: block;
    color: var(--na-green-dark);
    font-size: 18px;
    margin-bottom: 7px;
}

.na-benefit p {
    margin: 0;
    color: var(--na-muted);
}

/* WooCommerce */

.woocommerce ul.products li.product {
    border: 1px solid var(--na-border);
    border-radius: 14px;
    padding: 15px;
    background: #fff;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    color: var(--na-green-dark);
    font-weight: 700;
}

.woocommerce ul.products li.product .price {
    color: var(--na-green-dark);
    font-weight: 700;
}

.woocommerce a.button,
.woocommerce button.button {
    background: var(--na-green-dark);
    color: #fff;
    border-radius: 7px;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover {
    background: var(--na-green);
    color: #fff;
}

/* Footer */

.site-footer {
    background: var(--na-green-dark);
    color: rgba(255,255,255,.8);
}

.site-footer a {
    color: #fff;
}

/* Responsive */

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

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

    .na-hero {
        padding-top: 70px;
    }
}

@media (max-width: 600px) {
    .na-section {
        padding: 55px 20px;
    }

    .na-hero {
        padding: 65px 20px 55px;
    }

    .na-category-grid,
    .na-benefit-grid {
        grid-template-columns: 1fr;
    }

    .na-hero-card {
        min-height: 310px;
    }

    .na-hero-card:before {
        width: 140px;
        height: 210px;
    }
}

/* Natur Advanta logo */
.site-logo img,
.custom-logo {
    width: auto;
    max-width: 240px;
    height: 64px;
    object-fit: contain;
}

@media (max-width: 768px) {
    .site-logo img,
    .custom-logo {
        max-width: 190px;
        height: 52px;
    }
}

/* Hide GeneratePress sidebar on Natur Advanta */
#right-sidebar,
#left-sidebar,
.widget-area {
    display: none !important;
}

.content-area {
    width: 100% !important;
}

.site-content {
    display: block !important;
}

.site-branding {
    display: none;
}

.inside-header {
    padding-top: 14px;
    padding-bottom: 14px;
}

.site-logo img,
.custom-logo {
    max-height: 72px;
    width: auto;
}

/* =========================================================
   NATUR ADVANTA SHOP
   ========================================================= */

.woocommerce .site-content,
.post-type-archive-product .site-content,
.tax-product_cat .site-content {
    padding: 0;
}

.woocommerce .content-area,
.post-type-archive-product .content-area,
.tax-product_cat .content-area {
    width: 100%;
}

.woocommerce .inside-article,
.post-type-archive-product .inside-article {
    padding: 0;
}

.woocommerce-products-header {
    max-width: 1180px;
    margin: 0 auto;
    padding: 64px 24px 26px;
}

.woocommerce-products-header__title.page-title {
    color: var(--na-green-dark);
    font-size: clamp(36px, 5vw, 54px);
    line-height: 1.05;
    letter-spacing: -1px;
    margin: 0;
}

/* Toolbar */

.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering {
    margin-bottom: 28px;
}

.woocommerce .woocommerce-ordering select {
    min-height: 44px;
    padding: 0 42px 0 14px;
    border: 1px solid var(--na-border);
    border-radius: 8px;
    background: #fff;
    color: var(--na-text);
}

/* Product grid */

.woocommerce ul.products {
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 24px 70px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 26px;
}

.woocommerce ul.products::before,
.woocommerce ul.products::after {
    display: none;
}

.woocommerce ul.products li.product {
    width: auto !important;
    margin: 0 !important;
    padding: 18px;
    border: 1px solid var(--na-border);
    border-radius: 16px;
    background: #fff;
    display: flex;
    flex-direction: column;
    min-width: 0;
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-2px);
    border-color: #cfdccc;
    box-shadow: 0 14px 34px rgba(47,81,50,.08);
}

.woocommerce ul.products li.product a img {
    aspect-ratio: 1 / 1;
    object-fit: contain;
    width: 100%;
    margin: 0 0 18px;
    background: #fff;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    color: var(--na-green-dark);
    font-size: 17px;
    line-height: 1.35;
    font-weight: 700;
    min-height: 46px;
    margin: 0 0 8px;
    padding: 0;
}

.woocommerce ul.products li.product .price {
    color: #7e8328;
    font-size: 17px;
    font-weight: 700;
    margin-top: auto;
    margin-bottom: 14px;
}

.woocommerce ul.products li.product .button {
    align-self: flex-start;
    margin-top: 0;
    padding: 11px 16px;
    border-radius: 8px;
    background: var(--na-green-dark);
    color: #fff;
    font-weight: 700;
}

.woocommerce ul.products li.product .button:hover {
    background: var(--na-green);
}

/* Sales badge */

.woocommerce span.onsale {
    min-width: auto;
    min-height: auto;
    padding: 7px 10px;
    line-height: 1;
    border-radius: 999px;
    background: var(--na-green-dark);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}

/* Pagination */

.woocommerce nav.woocommerce-pagination {
    padding: 0 24px 70px;
}

.woocommerce nav.woocommerce-pagination ul {
    border: 0;
}

.woocommerce nav.woocommerce-pagination ul li {
    border: 0;
    margin: 0 3px;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    min-width: 42px;
    height: 42px;
    line-height: 42px;
    padding: 0;
    border: 1px solid var(--na-border);
    border-radius: 8px;
    background: #fff;
    color: var(--na-green-dark);
}

.woocommerce nav.woocommerce-pagination ul li span.current {
    background: var(--na-green-dark);
    color: #fff;
}

/* Single product */

.single-product div.product {
    max-width: 1180px;
    margin: 0 auto;
    padding: 70px 24px;
}

.single-product .product_title {
    color: var(--na-green-dark);
    font-size: clamp(30px, 4vw, 44px);
    line-height: 1.15;
}

.single-product div.product p.price {
    color: #7e8328;
    font-weight: 700;
    font-size: 24px;
}

/* Responsive */

@media (max-width: 1050px) {
    .woocommerce ul.products {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .woocommerce-products-header {
        padding-top: 42px;
    }

    .woocommerce ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
        padding-left: 16px;
        padding-right: 16px;
    }

    .woocommerce .woocommerce-result-count,
    .woocommerce .woocommerce-ordering {
        float: none;
    }

    .woocommerce .woocommerce-ordering {
        width: 100%;
    }

    .woocommerce .woocommerce-ordering select {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .woocommerce ul.products {
        grid-template-columns: 1fr;
    }
}

/* ===== Shop filters ===== */

.na-shop-layout {
    max-width: 1220px;
    margin: 0 auto;
    padding: 50px 24px 80px;
    display: grid;
    grid-template-columns: 250px minmax(0, 1fr);
    gap: 42px;
}

.na-shop-filters {
    border-right: 1px solid var(--na-border);
    padding-right: 28px;
}

.na-filter-block + .na-filter-block {
    margin-top: 36px;
}

.na-filter-block h3 {
    color: var(--na-green-dark);
    font-size: 18px;
    margin: 0 0 14px;
}

.na-filter-block ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.na-filter-block li {
    margin: 0;
}

.na-filter-block a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 9px 0;
    color: var(--na-text);
    text-decoration: none;
    border-bottom: 1px solid #f1f3f0;
    font-size: 14px;
}

.na-filter-block a:hover {
    color: var(--na-green);
}

.na-filter-block a span {
    color: var(--na-muted);
    font-size: 12px;
}

.na-shop-products {
    min-width: 0;
}

@media (max-width: 900px) {
    .na-shop-layout {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .na-shop-filters {
        border-right: 0;
        border-bottom: 1px solid var(--na-border);
        padding-right: 0;
        padding-bottom: 24px;
    }
}

/* Natur Advanta WooCommerce wrapper fixes */
.na-shop-products .woocommerce-products-header {
    padding-left: 0;
    padding-right: 0;
}

.na-shop-products .woocommerce-result-count,
.na-shop-products .woocommerce-ordering {
    margin-top: 0;
}

.na-shop-products ul.products {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
}

@media (max-width: 900px) {
    .na-shop-layout {
        padding-top: 30px;
    }
}

/* ===== Natur Advanta header ===== */

.site-header {
    background: #fff;
    border-bottom: 1px solid var(--na-border);
}

.inside-header {
    max-width: 1220px;
    margin: 0 auto;
    padding: 18px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
}

.site-logo {
    flex: 0 0 auto;
}

.site-logo img,
.custom-logo {
    display: block;
    width: auto;
    height: 78px;
    max-width: 220px;
    object-fit: contain;
}

.main-navigation {
    background: transparent;
    flex: 1 1 auto;
}

.main-navigation .inside-navigation {
    justify-content: flex-end;
}

.main-navigation .main-nav > ul {
    display: flex;
    align-items: center;
    gap: 4px;
}

.main-navigation .main-nav ul li a {
    color: var(--na-text);
    font-size: 15px;
    font-weight: 650;
    line-height: 1;
    padding: 15px 16px;
    border-radius: 7px;
}

.main-navigation .main-nav ul li a:hover,
.main-navigation .main-nav ul li.current-menu-item > a,
.main-navigation .main-nav ul li.current_page_item > a {
    color: var(--na-green-dark);
    background: var(--na-green-light);
}

@media (max-width: 900px) {
    .inside-header {
        padding: 13px 18px;
    }

    .site-logo img,
    .custom-logo {
        height: 58px;
        max-width: 180px;
    }
}

/* Product card alignment */
.woocommerce ul.products li.product {
    display: flex;
    flex-direction: column;
}

.woocommerce ul.products li.product > a.woocommerce-LoopProduct-link {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    min-height: 68px;
}

.woocommerce ul.products li.product .price {
    margin-top: auto;
}

.woocommerce ul.products li.product .button {
    width: 100%;
    text-align: center;
    margin-top: 12px;
}

/* ===== Shop top bar ===== */

.na-shop-topbar {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 0 0 28px;
}

.na-product-search {
    display: flex;
    align-items: stretch;
    flex: 1 1 auto;
    max-width: 560px;
}

.na-product-search input[type="search"] {
    flex: 1 1 auto;
    min-width: 0;
    height: 46px;
    padding: 0 15px;
    border: 1px solid var(--na-border);
    border-right: 0;
    border-radius: 8px 0 0 8px;
    background: #fff;
    color: var(--na-text);
    font-size: 15px;
}

.na-product-search input[type="search"]:focus {
    outline: none;
    border-color: var(--na-green);
    box-shadow: 0 0 0 2px rgba(79,122,79,.08);
}

.na-product-search button,
.na-filter-toggle {
    min-height: 46px;
    padding: 0 18px;
    border: 0;
    border-radius: 8px;
    background: var(--na-green-dark);
    color: #fff;
    font-weight: 700;
    cursor: pointer;
}

.na-product-search button {
    border-radius: 0 8px 8px 0;
}

.na-product-search button:hover,
.na-filter-toggle:hover {
    background: var(--na-green);
}

.na-filter-toggle {
    display: none;
    white-space: nowrap;
}

/* Cleaner shop controls */

.na-shop-products .woocommerce-result-count {
    color: var(--na-muted);
    font-size: 14px;
}

.na-shop-products .woocommerce-ordering select {
    border-radius: 8px;
}

/* Mobile filters */

@media (max-width: 900px) {
    .na-shop-topbar {
        margin-bottom: 20px;
    }

    .na-filter-toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .na-shop-filters {
        display: none;
        background: var(--na-green-light);
        border: 1px solid var(--na-border);
        border-radius: 12px;
        padding: 18px;
    }

    .na-shop-filters.is-open {
        display: block;
    }

    .na-product-search {
        max-width: none;
    }
}

@media (max-width: 560px) {
    .na-shop-topbar {
        flex-direction: column;
        align-items: stretch;
    }

    .na-product-search {
        width: 100%;
    }

    .na-filter-toggle {
        width: 100%;
    }
}

/* ===== Brand chips ===== */

.na-brand-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 0 24px;
}

.na-brand-chip {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 0 15px;
    border: 1px solid var(--na-border);
    border-radius: 999px;
    background: var(--na-green-light);
    color: var(--na-green-dark);
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}

.na-brand-chip:hover {
    background: var(--na-green-dark);
    border-color: var(--na-green-dark);
    color: #fff;
}

/* =========================================================
   NATUR ADVANTA HOMEPAGE V2
   ========================================================= */

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

/* HERO */

.na-home-hero {
    position: relative;
    min-height: 620px;
    display: flex;
    align-items: center;
    background-image: url('/wp-content/uploads/2026/09/natur-advanta-hero.webp');
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

.na-home-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        rgba(18,40,21,.82) 0%,
        rgba(18,40,21,.62) 42%,
        rgba(18,40,21,.20) 72%,
        rgba(18,40,21,.06) 100%
    );
}

.na-home-hero-inner {
    position: relative;
    z-index: 2;
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
    padding: 90px 0;
}

.na-eyebrow-light {
    color: rgba(255,255,255,.82);
}

.na-home-hero h1 {
    max-width: 720px;
    color: #fff;
    font-size: clamp(46px, 6vw, 76px);
    line-height: 1.02;
    letter-spacing: -2px;
    margin: 0 0 24px;
}

.na-home-hero p {
    max-width: 610px;
    color: rgba(255,255,255,.9);
    font-size: 19px;
    line-height: 1.7;
    margin: 0;
}

.na-home-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 34px;
}

.na-home-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 22px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 700;
}

.na-home-button-primary {
    background: #fff;
    color: var(--na-green-dark);
}

.na-home-button-secondary {
    border: 1px solid rgba(255,255,255,.65);
    color: #fff;
    background: rgba(255,255,255,.08);
}

/* VALUES */

.na-home-values {
    padding: 82px 0;
    background: #fff;
}

.na-home-values .na-home-container {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 26px;
}

.na-home-value {
    padding: 32px 30px;
    border: 1px solid var(--na-border);
    border-radius: 16px;
    background: #fff;
}

.na-home-value-number {
    color: var(--na-accent);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1px;
    margin-bottom: 22px;
}

.na-home-value h2 {
    color: var(--na-green-dark);
    font-size: 26px;
    margin: 0 0 15px;
}

.na-home-value p {
    margin: 0;
    color: var(--na-muted);
    line-height: 1.75;
}

/* MISSION */

.na-home-mission {
    padding: 92px 0;
    background: var(--na-green-light);
}

.na-home-mission-inner {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 80px;
}

.na-home-mission h2 {
    color: var(--na-green-dark);
    font-size: clamp(36px, 5vw, 52px);
    line-height: 1.08;
    margin: 0;
}

.na-home-mission-copy {
    color: var(--na-muted);
    font-size: 17px;
}

/* PRODUCTS / BRANDS */

.na-home-products,
.na-home-brands {
    padding: 88px 0;
}

.na-home-brands {
    background: #f8faf7;
}

.na-home-section-head {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 30px;
    margin-bottom: 38px;
}

.na-home-section-head h2 {
    color: var(--na-green-dark);
    font-size: clamp(32px, 4vw, 44px);
    margin: 0;
}

.na-home-text-link {
    color: var(--na-green-dark);
    font-weight: 700;
    text-decoration: none;
}

.na-home-products .woocommerce ul.products {
    max-width: none;
    padding: 0;
    margin-bottom: 0;
}

.na-home-brand-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 20px;
}

.na-home-brand {
    min-height: 150px;
    padding: 30px;
    border: 1px solid var(--na-border);
    border-radius: 16px;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-decoration: none;
}

.na-home-brand span {
    color: var(--na-green-dark);
    font-size: 22px;
    font-weight: 800;
}

.na-home-brand small {
    color: var(--na-muted);
    margin-top: 6px;
}

/* FINAL CTA */

.na-home-final {
    background: var(--na-green-dark);
    padding: 70px 0;
}

.na-home-final-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
}

.na-home-final h2 {
    color: #fff;
    font-size: clamp(32px, 4vw, 46px);
    margin: 0;
}

.na-home-button-light {
    background: #fff;
    color: var(--na-green-dark);
}

/* RESPONSIVE */

@media (max-width: 900px) {
    .na-home-hero {
        min-height: 540px;
        background-position: 58% center;
    }

    .na-home-hero-overlay {
        background: rgba(18,40,21,.68);
    }

    .na-home-values .na-home-container,
    .na-home-mission-inner,
    .na-home-brand-grid {
        grid-template-columns: 1fr;
    }

    .na-home-final-inner {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 600px) {
    .na-home-container,
    .na-home-hero-inner {
        width: min(100% - 32px, 1180px);
    }

    .na-home-hero {
        min-height: 500px;
    }

    .na-home-actions {
        flex-direction: column;
    }

    .na-home-button {
        width: 100%;
    }

    .na-home-values,
    .na-home-mission,
    .na-home-products,
    .na-home-brands {
        padding-top: 62px;
        padding-bottom: 62px;
    }
}

/* Homepage refinements */
.na-home-hero h1 {
    font-size: clamp(42px, 5vw, 64px);
    max-width: 680px;
}

.na-home-values {
    padding-top: 95px;
}

.na-home-value {
    min-height: 195px;
}

@media (max-width: 900px) {
    .na-home-hero h1 {
        font-size: clamp(38px, 8vw, 54px);
    }
}

/* ===== Mobile homepage refinements ===== */

@media (max-width: 600px) {

    .na-home-hero {
        min-height: 0;
        padding: 0;
        background-position: 58% center;
    }

    .na-home-hero-inner {
        padding: 72px 0 78px;
    }

    .na-home-hero h1 {
        font-size: 42px;
        line-height: 1.04;
        letter-spacing: -1px;
        max-width: 100%;
        margin-bottom: 24px;
    }

    .na-home-hero p {
        font-size: 17px;
        line-height: 1.65;
    }

    .na-home-actions {
        margin-top: 28px;
        gap: 10px;
    }

    .na-home-button {
        min-height: 48px;
    }

    .na-home-values {
        padding-top: 58px;
        padding-bottom: 58px;
    }

    .na-home-values .na-home-container {
        gap: 18px;
    }

    .na-home-value {
        min-height: 0;
        padding: 28px 30px;
    }

    .na-home-value-number {
        margin-bottom: 18px;
    }

    .na-home-value h2 {
        font-size: 24px;
    }

    .na-home-mission {
        padding-top: 58px;
        padding-bottom: 58px;
    }

    .na-home-mission h2 {
        font-size: 38px;
        line-height: 1.08;
    }
}

/* ===== Final mobile refinements ===== */

@media (max-width: 600px) {

    .inside-header {
        min-height: 84px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .site-logo img,
    .custom-logo {
        height: 62px;
        max-width: 175px;
    }

    .na-home-values {
        padding-top: 46px;
    }

    .na-home-mission h2 {
        font-size: 34px;
        line-height: 1.1;
    }

    .na-home-mission-copy {
        font-size: 16px;
        line-height: 1.65;
    }

    .na-home-value {
        padding-top: 26px;
        padding-bottom: 26px;
    }
}

/* ===== Mobile shop refinements ===== */

@media (max-width: 600px) {

    .na-shop-layout {
        padding-left: 20px;
        padding-right: 20px;
    }

    .woocommerce ul.products {
        gap: 16px;
    }

    .woocommerce ul.products li.product {
        padding: 16px;
        border-radius: 14px;
    }

    .woocommerce ul.products li.product a img {
        aspect-ratio: auto;
        max-height: 280px;
        object-fit: contain;
        margin-bottom: 14px;
    }

    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        min-height: 0;
        font-size: 17px;
        line-height: 1.35;
    }

    .woocommerce ul.products li.product .price {
        margin-top: 18px;
        margin-bottom: 10px;
    }

    .woocommerce ul.products li.product .button {
        margin-top: 8px;
        min-height: 46px;
    }

    .na-brand-chips {
        gap: 8px;
    }

    .na-brand-chip {
        min-height: 36px;
        padding: 0 13px;
        font-size: 13px;
    }

    .woocommerce .woocommerce-ordering {
        margin-bottom: 22px;
    }
}

/* =========================================================
   NATUR ADVANTA SINGLE PRODUCT
   ========================================================= */

.single-product .site-content {
    padding: 0;
}

.single-product .content-area {
    width: 100%;
}

.single-product .inside-article {
    padding: 0;
}

.single-product div.product {
    max-width: 1180px;
    margin: 0 auto;
    padding: 70px 24px 90px;
}

.single-product div.product .woocommerce-product-gallery {
    width: 46%;
}

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

.single-product .product_title {
    color: var(--na-green-dark);
    font-size: clamp(34px, 4vw, 48px);
    line-height: 1.1;
    letter-spacing: -1px;
    margin-bottom: 18px;
}

.single-product div.product p.price {
    color: #85882a;
    font-size: 26px;
    font-weight: 800;
    margin-bottom: 24px;
}

.single-product .woocommerce-product-details__short-description {
    color: var(--na-muted);
    font-size: 17px;
    line-height: 1.7;
    margin-bottom: 26px;
}

.single-product .quantity .qty {
    min-height: 46px;
    border: 1px solid var(--na-border);
    border-radius: 8px;
}

.single-product button.single_add_to_cart_button {
    min-height: 46px;
    padding: 0 24px !important;
    border-radius: 8px !important;
    background: var(--na-green-dark) !important;
    color: #fff !important;
    font-weight: 700 !important;
}

.single-product button.single_add_to_cart_button:hover {
    background: var(--na-green) !important;
}

.single-product .product_meta {
    margin-top: 28px;
    padding-top: 22px;
    border-top: 1px solid var(--na-border);
    color: var(--na-muted);
    font-size: 14px;
}

.single-product .product_meta a {
    color: var(--na-green-dark);
}

.single-product .woocommerce-tabs {
    margin-top: 70px;
}

.single-product .woocommerce-tabs ul.tabs {
    padding: 0 !important;
    border-bottom: 1px solid var(--na-border);
}

.single-product .woocommerce-tabs ul.tabs::before {
    display: none;
}

.single-product .woocommerce-tabs ul.tabs li {
    border: 0 !important;
    background: transparent !important;
    margin: 0 28px 0 0 !important;
    padding: 0 !important;
}

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

.single-product .woocommerce-tabs ul.tabs li a {
    padding: 14px 0 !important;
    color: var(--na-muted) !important;
    font-weight: 700 !important;
}

.single-product .woocommerce-tabs ul.tabs li.active a {
    color: var(--na-green-dark) !important;
    border-bottom: 2px solid var(--na-green-dark);
}

.single-product .woocommerce-Tabs-panel {
    color: var(--na-muted);
    font-size: 16px;
    line-height: 1.75;
    max-width: 900px;
}

.single-product .related.products {
    margin-top: 80px;
}

.single-product .related.products > h2 {
    color: var(--na-green-dark);
    font-size: 34px;
    margin-bottom: 32px;
}

@media (max-width: 768px) {

    .single-product div.product {
        padding: 42px 18px 65px;
    }

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

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

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

    .single-product .woocommerce-tabs {
        margin-top: 50px;
    }

    .single-product .woocommerce-tabs ul.tabs li {
        display: block !important;
        margin-right: 0 !important;
    }

    .single-product .related.products {
        margin-top: 60px;
    }
}

/* ===== Single product refinements ===== */

.single-product .summary .price {
    margin-top: 6px;
}

.single-product .woocommerce-product-details__short-description {
    margin-top: 18px;
}

.single-product .product_meta {
    line-height: 1.8;
}

.single-product .woocommerce-Tabs-panel h2 {
    color: var(--na-green-dark);
    font-size: 28px;
    margin-top: 0;
    margin-bottom: 24px;
}

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

.single-product .woocommerce-Tabs-panel strong {
    color: var(--na-green-dark);
}

.single-product .woocommerce-Tabs-panel ul,
.single-product .woocommerce-Tabs-panel ol {
    padding-left: 22px;
}

@media (max-width: 768px) {
    .single-product .woocommerce-Tabs-panel h2 {
        font-size: 24px;
    }

    .single-product .woocommerce-Tabs-panel p,
    .single-product .woocommerce-Tabs-panel li {
        font-size: 15px;
    }
}

/* =========================================================
   NATUR ADVANTA CART
   ========================================================= */

.woocommerce-cart .site-content {
    padding: 60px 24px 90px;
}

.woocommerce-cart .content-area {
    width: 100%;
}

.woocommerce-cart .inside-article {
    padding: 0;
}

.woocommerce-cart .wc-block-cart {
    max-width: 1180px;
    margin: 0 auto;
}

.woocommerce-cart .wc-block-cart__submit-button,
.woocommerce-cart .wc-block-components-button {
    background: var(--na-green-dark) !important;
    color: #fff !important;
    border-radius: 8px !important;
    min-height: 52px;
    font-weight: 700;
    text-decoration: none !important;
}

.woocommerce-cart .wc-block-cart__submit-button:hover,
.woocommerce-cart .wc-block-components-button:hover {
    background: var(--na-green) !important;
}

.woocommerce-cart .wc-block-cart-items {
    border-top: 1px solid var(--na-border);
}

.woocommerce-cart .wc-block-cart-items__row {
    border-bottom: 1px solid var(--na-border);
}

.woocommerce-cart .wc-block-components-product-name {
    color: var(--na-green-dark) !important;
    font-weight: 700;
}

.woocommerce-cart .wc-block-components-product-price,
.woocommerce-cart .wc-block-components-totals-item__value {
    color: var(--na-green-dark);
    font-weight: 700;
}

@media (max-width: 768px) {
    .woocommerce-cart .site-content {
        padding: 36px 18px 65px;
    }
}

/* =========================================================
   NATUR ADVANTA CHECKOUT
   ========================================================= */

.woocommerce-checkout .site-content {
    padding: 56px 24px 90px;
}

.woocommerce-checkout .content-area {
    width: 100%;
}

.woocommerce-checkout .inside-article {
    padding: 0;
}

.woocommerce-checkout .wc-block-checkout {
    max-width: 1180px;
    margin: 0 auto;
}

/* Headings */

.woocommerce-checkout .wc-block-components-title,
.woocommerce-checkout .wc-block-checkout__shipping-fields .wc-block-components-title,
.woocommerce-checkout .wc-block-checkout__billing-fields .wc-block-components-title {
    color: var(--na-green-dark);
    font-weight: 700;
}

/* Inputs */

.woocommerce-checkout .wc-block-components-text-input input,
.woocommerce-checkout .wc-block-components-combobox .wc-block-components-combobox-control input,
.woocommerce-checkout .wc-block-components-address-form input,
.woocommerce-checkout .wc-block-components-address-form select {
    border-color: var(--na-border) !important;
    border-radius: 8px !important;
    background: #fff;
}

.woocommerce-checkout .wc-block-components-text-input input:focus,
.woocommerce-checkout .wc-block-components-combobox .wc-block-components-combobox-control input:focus {
    border-color: var(--na-green) !important;
    box-shadow: 0 0 0 2px rgba(79,122,79,.08) !important;
}

/* Payment */

.woocommerce-checkout .wc-block-checkout__payment-method {
    border: 1px solid var(--na-border);
    border-radius: 12px;
    overflow: hidden;
}

.woocommerce-checkout .wc-block-components-radio-control__option {
    padding: 18px !important;
}

/* Order summary */

.woocommerce-checkout .wc-block-checkout__sidebar {
    border-radius: 14px;
}

.woocommerce-checkout .wc-block-components-order-summary {
    border-color: var(--na-border) !important;
}

/* Main order button */

.woocommerce-checkout .wc-block-components-checkout-place-order-button {
    background: var(--na-green-dark) !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 8px !important;
    min-height: 52px;
    font-weight: 700;
}

.woocommerce-checkout .wc-block-components-checkout-place-order-button:hover {
    background: var(--na-green) !important;
}

/* Links */

.woocommerce-checkout a {
    color: var(--na-green-dark);
}

@media (max-width: 768px) {
    .woocommerce-checkout .site-content {
        padding: 34px 16px 60px;
    }
}

/* Hide GeneratePress footer credit */
.site-info {
    display: none;
}

/* Checkout payment label spacing */
.woocommerce-checkout .wc-block-components-radio-control__label {
    padding-left: 8px;
}

.woocommerce-checkout .wc-block-components-radio-control__option {
    gap: 10px;
}

/* Fix checkout payment label overlap */
.woocommerce-checkout .wc-block-components-radio-control__label {
    padding-left: 18px !important;
}

/* Mobile optimized homepage hero */
@media (max-width: 768px) {
    .na-home-hero {
        background-image:
            linear-gradient(rgba(33, 73, 42, 0.58), rgba(33, 73, 42, 0.58)),
            url('/wp-content/uploads/2026/09/natur-advanta-hero-mobile.webp') !important;
    }
}

/* Homepage hero LCP image */
.na-home-hero {
    position: relative;
    overflow: hidden;
    background-image: none !important;
}

.na-home-hero-media {
    position: absolute;
    inset: 0;
    z-index: 0;
    display: block;
    width: 100%;
    height: 100%;
}

.na-home-hero-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

.na-home-hero-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.na-home-hero-inner {
    position: relative;
    z-index: 2;
}

/* Disable old CSS mobile background */
@media (max-width: 768px) {
    .na-home-hero {
        background-image: none !important;
    }
}

/* Mobile product card add-to-cart button */
@media (max-width: 480px) {

    .woocommerce ul.products li.product .button {
        width: 100%;
        min-height: 52px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 12px 14px;
        white-space: nowrap;
        line-height: 1.15;
        text-align: center;
    }

    .woocommerce ul.products li.product .added_to_cart {
        display: block;
        width: 100%;
        margin-top: 10px;
        text-align: center;
    }
}

/* Product card added-to-cart link alignment */
.woocommerce ul.products li.product .added_to_cart {
    display: block;
    width: 100%;
    margin-top: 8px;
    text-align: center;
    font-weight: 600;
    line-height: 1.3;
}

.woocommerce ul.products li.product .button + .added_to_cart {
    margin-top: 8px;
}

@media (max-width: 480px) {
    .woocommerce ul.products li.product .button {
        width: 100%;
        min-height: 52px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 12px 14px;
        white-space: nowrap;
        line-height: 1.15;
        text-align: center;
    }

    .woocommerce ul.products li.product .added_to_cart {
        margin-top: 7px;
    }
}

/* Homepage introduction above hero */
.na-home-intro {
    padding: 56px 20px 52px;
    background: #fff;
}

.na-home-intro-notice {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 42px;
    padding: 18px 22px;
    background: var(--na-green-light, #f2f7f1);
    border-left: 4px solid var(--na-green, #4f7a4f);
    border-radius: 10px;
    color: var(--na-text, #1f2937);
    line-height: 1.5;
}

.na-home-intro-notice strong {
    flex: 0 0 auto;
    color: var(--na-green-dark, #2f5132);
    font-size: 16px;
    letter-spacing: .02em;
}

.na-home-intro-content {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
    gap: 70px;
    align-items: end;
}

.na-home-intro h1 {
    max-width: 720px;
    margin: 8px 0 0;
    color: var(--na-green-dark, #2f5132);
    font-size: clamp(42px, 5vw, 68px);
    line-height: 1.03;
    letter-spacing: -.035em;
}

.na-home-intro-details ul {
    margin: 0 0 28px;
    padding: 0;
    list-style: none;
}

.na-home-intro-details li {
    position: relative;
    margin: 0;
    padding: 11px 0 11px 30px;
    border-bottom: 1px solid var(--na-border, #e3e9e1);
    font-size: 17px;
    line-height: 1.45;
}

.na-home-intro-details li::before {
    content: "✓";
    position: absolute;
    left: 2px;
    top: 11px;
    color: var(--na-green, #4f7a4f);
    font-weight: 700;
}

@media (max-width: 768px) {
    .na-home-intro {
        padding: 38px 20px 40px;
    }

    .na-home-intro-notice {
        display: block;
        margin-bottom: 30px;
        padding: 16px 18px;
    }

    .na-home-intro-notice strong {
        display: block;
        margin-bottom: 6px;
    }

    .na-home-intro-content {
        grid-template-columns: 1fr;
        gap: 26px;
    }

    .na-home-intro h1 {
        font-size: 40px;
    }

    .na-home-intro-details .na-home-button {
        width: 100%;
        justify-content: center;
    }
}

/* Hero kampaņas teksts uz bildes */
.na-home-hero-overlay {
    background: linear-gradient(
        90deg,
        rgba(20, 35, 21, 0.72) 0%,
        rgba(20, 35, 21, 0.48) 48%,
        rgba(20, 35, 21, 0.20) 100%
    );
}

.na-home-hero-inner--campaign {
    max-width: 860px;
}

.na-home-hero-notice {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 26px;
    padding: 14px 18px;
    background: rgba(255, 255, 255, 0.10);
    border-left: 4px solid rgba(214, 233, 201, 0.95);
    border-radius: 12px;
    color: #fff;
    line-height: 1.5;
    backdrop-filter: blur(2px);
}

.na-home-hero-notice strong {
    color: #ffffff;
    font-weight: 700;
}

.na-home-hero-notice span {
    color: rgba(255, 255, 255, 0.95);
}

.na-home-hero-points {
    list-style: none;
    margin: 26px 0 34px;
    padding: 0;
    max-width: 700px;
}

.na-home-hero-points li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    color: #fff;
    font-size: 23px;
    line-height: 1.45;
}

.na-home-hero-points li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    color: #d9e8ce;
    font-weight: 700;
}

.na-home-hero-inner--campaign .na-home-actions {
    margin-top: 6px;
}

@media (max-width: 768px) {
    .na-home-hero-notice {
        display: block;
        margin-bottom: 20px;
        padding: 12px 14px;
    }

    .na-home-hero-notice strong {
        display: block;
        margin-bottom: 6px;
    }

    .na-home-hero-points {
        margin: 20px 0 26px;
    }

    .na-home-hero-points li {
        font-size: 18px;
        margin-bottom: 10px;
        padding-left: 26px;
    }
}

/* Hero layout inspired by old NaturAdvanta design */
.na-home-hero {
    min-height: 620px;
}

.na-home-hero-inner--campaign {
    position: relative;
    width: 100%;
    max-width: none;
    min-height: 620px;
    padding: 34px 44px 38px;
}

.na-home-hero-notice {
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    width: min(760px, calc(100% - 80px));
    display: block;
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    backdrop-filter: none;
    text-align: center;
    color: #fff;
}

.na-home-hero-notice strong,
.na-home-hero-notice span {
    display: block;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.na-home-hero-notice strong {
    font-size: 18px;
    margin-bottom: 5px;
}

.na-home-hero-notice span {
    font-size: 17px;
    line-height: 1.35;
}

.na-home-hero-inner--campaign .na-eyebrow {
    position: absolute;
    left: 44px;
    bottom: 290px;
    margin: 0;
}

.na-home-hero-inner--campaign h1 {
    position: absolute;
    left: 44px;
    bottom: 145px;
    width: 48%;
    max-width: 620px;
    margin: 0;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(48px, 5.5vw, 78px);
    line-height: .98;
    letter-spacing: .01em;
    text-transform: uppercase;
    color: #fff;
}

.na-home-hero-points {
    position: absolute;
    right: 44px;
    bottom: 150px;
    width: 39%;
    max-width: 470px;
    margin: 0;
}

.na-home-hero-points li {
    margin: 0 0 15px;
    padding-left: 38px;
    color: #fff;
    font-size: 17px;
    line-height: 1.35;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .02em;
}

.na-home-hero-points li::before {
    content: "✓";
    left: 0;
    top: -2px;
    font-size: 26px;
    color: #fff;
}

.na-home-hero-inner--campaign .na-home-actions {
    position: absolute;
    right: 44px;
    bottom: 34px;
    margin: 0;
}

.na-home-hero-inner--campaign .na-home-button-primary {
    background: transparent;
    color: #fff;
    border: 1px solid rgba(255,255,255,.85);
    border-radius: 999px;
    padding: 12px 22px;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.na-home-hero-inner--campaign .na-home-button-primary:hover {
    background: #fff;
    color: #2f5132;
}

.na-home-hero-inner--campaign .na-home-button-secondary {
    display: none;
}

.na-home-hero-overlay {
    background:
        linear-gradient(
            90deg,
            rgba(18, 45, 23, .45) 0%,
            rgba(18, 45, 23, .24) 48%,
            rgba(18, 45, 23, .16) 100%
        );
}

@media (max-width: 768px) {
    .na-home-hero,
    .na-home-hero-inner--campaign {
        min-height: 700px;
    }

    .na-home-hero-inner--campaign {
        padding: 24px 22px 28px;
    }

    .na-home-hero-notice {
        top: 24px;
        width: calc(100% - 44px);
    }

    .na-home-hero-notice strong {
        font-size: 15px;
    }

    .na-home-hero-notice span {
        font-size: 14px;
    }

    .na-home-hero-inner--campaign .na-eyebrow {
        left: 22px;
        bottom: 390px;
    }

    .na-home-hero-inner--campaign h1 {
        left: 22px;
        right: 22px;
        bottom: 270px;
        width: auto;
        font-size: 44px;
    }

    .na-home-hero-points {
        left: 22px;
        right: 22px;
        bottom: 105px;
        width: auto;
        max-width: none;
    }

    .na-home-hero-points li {
        font-size: 15px;
        margin-bottom: 11px;
    }

    .na-home-hero-inner--campaign .na-home-actions {
        left: 22px;
        right: 22px;
        bottom: 24px;
    }

    .na-home-hero-inner--campaign .na-home-button-primary {
        width: 100%;
        justify-content: center;
    }
}

/* Hero heading smaller + hide eyebrow */
.na-home-hero-inner--campaign .na-eyebrow {
    display: none !important;
}

.na-home-hero-inner--campaign h1 {
    font-size: clamp(36px, 4.6vw, 62px) !important;
    line-height: 1.02 !important;
    width: 46% !important;
    max-width: 560px !important;
    bottom: 165px !important;
}

@media (max-width: 768px) {
    .na-home-hero-inner--campaign h1 {
        font-size: 34px !important;
        line-height: 1.05 !important;
        bottom: 255px !important;
        width: auto !important;
        max-width: none !important;
    }
}

/* Campaign hero: smaller text + lower image height */
.na-home-hero {
    min-height: 560px !important;
}

.na-home-hero-inner--campaign h1 {
    font-size: clamp(30px, 4vw, 54px) !important;
    line-height: 1.04 !important;
    max-width: 520px !important;
}

.na-home-hero-inner--campaign ul,
.na-home-hero-inner--campaign li {
    font-size: 15px !important;
    line-height: 1.45 !important;
}

.na-home-hero-inner--campaign .na-home-button,
.na-home-hero-inner--campaign .na-home-text-link,
.na-home-hero-inner--campaign a {
    font-size: 15px !important;
}

.na-home-hero-inner--campaign p {
    font-size: 15px !important;
    line-height: 1.45 !important;
}

@media (max-width: 768px) {
    .na-home-hero {
        min-height: 480px !important;
    }

    .na-home-hero-inner--campaign h1 {
        font-size: 28px !important;
        line-height: 1.08 !important;
        max-width: 100% !important;
    }

    .na-home-hero-inner--campaign ul,
    .na-home-hero-inner--campaign li,
    .na-home-hero-inner--campaign p,
    .na-home-hero-inner--campaign .na-home-button,
    .na-home-hero-inner--campaign .na-home-text-link,
    .na-home-hero-inner--campaign a {
        font-size: 14px !important;
    }
}

/* Slightly smaller homepage hero height */
.na-home-hero {
    min-height: 520px !important;
}

.na-home-hero-inner--campaign {
    min-height: 520px !important;
}

@media (max-width: 768px) {
    .na-home-hero,
    .na-home-hero-inner--campaign {
        min-height: 440px !important;
    }
}

/* Compact homepage value cards + icons */
.na-home-values {
    padding-top: 46px !important;
    padding-bottom: 46px !important;
}

.na-home-values .na-home-container {
    gap: 24px !important;
}

.na-home-value {
    padding: 26px 24px !important;
}

.na-home-value-number {
    width: 44px;
    height: 44px;
    margin-bottom: 18px !important;
    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;
    background: var(--na-green-light, #f2f7f1);
    color: var(--na-green-dark, #2f5132);

    font-size: 0 !important;
    line-height: 1;
}

.na-home-value-number::before {
    font-size: 22px;
    font-weight: 600;
}

.na-home-value:nth-child(1) .na-home-value-number::before {
    content: "✦";
}

.na-home-value:nth-child(2) .na-home-value-number::before {
    content: "◎";
}

.na-home-value:nth-child(3) .na-home-value-number::before {
    content: "✓";
}

.na-home-value h2 {
    margin: 0 0 12px !important;
    font-size: 24px !important;
    line-height: 1.15 !important;
}

.na-home-value p {
    margin: 0 0 10px !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
}

.na-home-value p:last-child {
    margin-bottom: 0 !important;
}

@media (max-width: 768px) {
    .na-home-values {
        padding-top: 34px !important;
        padding-bottom: 34px !important;
    }

    .na-home-value {
        padding: 22px 20px !important;
    }

    .na-home-value-number {
        width: 40px;
        height: 40px;
        margin-bottom: 14px !important;
    }

    .na-home-value-number::before {
        font-size: 20px;
    }

    .na-home-value h2 {
        font-size: 21px !important;
        margin-bottom: 10px !important;
    }

    .na-home-value p {
        font-size: 14px !important;
        line-height: 1.5 !important;
    }
}

/* Value card icon next to heading */
.na-home-value {
    position: relative;
}

.na-home-value-number {
    display: none !important;
}

.na-home-value h2 {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px !important;
}

.na-home-value h2::before {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;
    background: var(--na-green-light, #f2f7f1);
    color: var(--na-green-dark, #2f5132);

    font-size: 18px;
    line-height: 1;
    font-weight: 700;
}

.na-home-value:nth-child(1) h2::before {
    content: "✦";
}

.na-home-value:nth-child(2) h2::before {
    content: "◎";
}

.na-home-value:nth-child(3) h2::before {
    content: "✓";
}

@media (max-width: 768px) {
    .na-home-value h2 {
        gap: 9px;
    }

    .na-home-value h2::before {
        width: 30px;
        height: 30px;
        font-size: 16px;
    }
}

/* Compact mission section */
.na-home-mission {
    padding: 34px 20px !important;
    background: #f4f8f3;
}

.na-home-mission-inner {
    display: block !important;
    max-width: 900px;
    margin: 0 auto;
    padding: 0 !important;
}

.na-home-mission-inner > div:first-child {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

.na-home-mission-inner > div:first-child::before {
    content: "✦";
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;

    border-radius: 50%;
    background: var(--na-green-light, #e7f0e5);
    color: var(--na-green-dark, #2f5132);

    font-size: 18px;
    font-weight: 700;
}

.na-home-mission .na-eyebrow {
    margin: 0 !important;
    color: var(--na-green-dark, #2f5132);
    font-size: 14px !important;
    letter-spacing: .08em;
}

.na-home-mission h2 {
    display: none !important;
}

.na-home-mission-copy {
    max-width: 820px;
    margin: 0 !important;
}

.na-home-mission-copy p {
    margin: 0 0 8px !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
    color: var(--na-text, #1f2937);
    text-align: left !important;
}

.na-home-mission-copy p:last-child {
    margin-bottom: 0 !important;
}

@media (max-width: 768px) {
    .na-home-mission {
        padding: 26px 18px !important;
    }

    .na-home-mission-inner > div:first-child::before {
        width: 30px;
        height: 30px;
        font-size: 16px;
    }

    .na-home-mission-copy p {
        font-size: 14px !important;
        line-height: 1.45 !important;
    }
}

/* Refined compact mission card */
.na-home-mission {
    padding: 26px 18px !important;
    background: transparent !important;
}

.na-home-mission-inner {
    max-width: 920px;
    margin: 0 auto !important;
    padding: 26px 30px !important;
    background: #f4f8f3;
    border-radius: 18px;
}

.na-home-mission-inner > div:first-child {
    justify-content: center;
    margin-bottom: 12px;
}

.na-home-mission-inner > div:first-child::before {
    content: "❧" !important;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #e5efe2;
    color: var(--na-green-dark, #2f5132);
    font-size: 19px;
}

.na-home-mission .na-eyebrow {
    margin: 0 !important;
    text-align: center;
}

.na-home-mission-copy {
    max-width: 760px;
    margin: 0 auto !important;
}

.na-home-mission-copy p {
    text-align: center !important;
    margin: 0 0 7px !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
}

.na-home-mission-copy p:last-child {
    margin-bottom: 0 !important;
}

@media (max-width: 768px) {
    .na-home-mission {
        padding: 20px 14px !important;
    }

    .na-home-mission-inner {
        padding: 22px 18px !important;
        border-radius: 14px;
    }

    .na-home-mission-copy {
        max-width: 100%;
    }

    .na-home-mission-copy p {
        font-size: 13.5px !important;
        line-height: 1.45 !important;
    }
}

/* Mission width aligned with value cards + smaller top gap */
.na-home-mission {
    padding-top: 10px !important;
    padding-bottom: 24px !important;
}

.na-home-mission-inner {
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
}

.na-home-mission .na-home-container {
    max-width: 100% !important;
}

@media (max-width: 768px) {
    .na-home-mission {
        padding-top: 6px !important;
        padding-bottom: 18px !important;
    }
}

/* Homepage news */
.na-home-news {
    padding: 34px 18px 44px;
}

.na-news-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.na-news-card {
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--na-border, #e3e9e1);
    border-radius: 16px;
}

.na-news-image {
    display: block;
    aspect-ratio: 16 / 10;
    overflow: hidden;
}

.na-news-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.na-news-card-body {
    padding: 18px;
}

.na-news-date {
    margin-bottom: 8px;
    color: var(--na-muted, #647067);
    font-size: 13px;
}

.na-news-card h3 {
    margin: 0 0 10px;
    font-size: 20px;
    line-height: 1.25;
}

.na-news-card h3 a {
    color: var(--na-green-dark, #2f5132);
    text-decoration: none;
}

.na-news-card p {
    margin: 0 0 14px;
    font-size: 14px;
    line-height: 1.5;
}

.na-news-more {
    color: var(--na-green-dark, #2f5132);
    font-weight: 600;
    text-decoration: none;
}

@media (max-width: 768px) {
    .na-news-grid {
        grid-template-columns: 1fr;
    }

    .na-home-news {
        padding-top: 26px;
    }
}

/* Homepage Fitoterapija block */
.na-home-fitoterapija {
    padding: 10px 18px 24px;
}

.na-home-fitoterapija-inner {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 26px 30px;

    background: #f7faf5;
    border: 1px solid var(--na-border, #e3e9e1);
    border-radius: 18px;
}

.na-home-fitoterapija-head {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 12px;
}

.na-home-fitoterapija-icon {
    width: 34px;
    height: 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;
    background: #e8f1e4;
    color: var(--na-green-dark, #2f5132);

    font-size: 18px;
    line-height: 1;
}

.na-home-fitoterapija .na-eyebrow {
    margin: 0 !important;
    color: var(--na-green-dark, #2f5132);
}

.na-home-fitoterapija-copy {
    max-width: 900px;
    margin: 0 auto;
}

.na-home-fitoterapija-copy p {
    margin: 0 0 9px;
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
    color: var(--na-text, #1f2937);
}

.na-home-fitoterapija-copy p:last-child {
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .na-home-fitoterapija {
        padding: 6px 14px 18px;
    }

    .na-home-fitoterapija-inner {
        padding: 22px 18px;
        border-radius: 14px;
    }

    .na-home-fitoterapija-copy p {
        font-size: 13.5px;
        line-height: 1.45;
        text-align: left;
    }
}

/* =========================
   Natur Advanta Footer
   ========================= */

.na-site-footer {
    margin-top: 50px;
    color: #2f5132;
}

.na-footer-main {
    background: #edf3ed;
    padding: 42px 18px 36px;
}

.na-footer-nav {
    margin-bottom: 28px;
}

.na-footer-main-menu {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.na-footer-main-menu li {
    margin: 0;
}

.na-footer-main-menu a {
    color: #2f5132;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .03em;
}

.na-footer-main-menu a:hover {
    text-decoration: underline;
}

.na-footer-divider {
    height: 1px;
    background: rgba(47, 81, 50, .16);
    margin-bottom: 32px;
}

.na-footer-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1.2fr;
    gap: 46px;
}

.na-footer-column h3 {
    margin: 0 0 14px;
    color: #2f5132;
    font-size: 17px;
}

.na-footer-column a {
    display: block;
    margin-bottom: 7px;
    color: #31433a;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.45;
}

.na-footer-column a:hover {
    color: #2f5132;
    text-decoration: underline;
}

.na-footer-contact p {
    margin: 0 0 10px;
    font-size: 14px;
    line-height: 1.5;
    color: #31433a;
}

.na-footer-icon {
    display: inline-block;
    width: 20px;
    color: #4f7a4f;
    font-weight: 700;
}

.na-footer-bottom {
    background: #dfe9df;
    padding: 16px 18px;
    font-size: 13px;
    color: #405a45;
}

@media (max-width: 768px) {

    .na-footer-main {
        padding: 30px 18px;
    }

    .na-footer-main-menu {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 12px 22px;
    }

    .na-footer-grid {
        grid-template-columns: 1fr;
        gap: 26px;
    }

    .na-footer-bottom {
        text-align: center;
    }
}

/* ====================================
   Par zīmoliem
   ==================================== */

.na-brands-hero {
    margin: 0 0 42px;
    padding: 58px 22px;
    background:
        linear-gradient(135deg, #315638 0%, #587b51 100%);
    color: #fff;
}

.na-brands-hero .na-home-container {
    max-width: 1050px;
}

.na-brands-hero h1 {
    max-width: 760px;
    margin: 8px 0 20px;
    color: #fff;
    font-size: clamp(38px, 5vw, 62px);
    line-height: 1.04;
    letter-spacing: -.025em;
}

.na-brands-hero p {
    max-width: 820px;
    margin: 0 0 24px;
    font-size: 16px;
    line-height: 1.6;
    color: rgba(255,255,255,.92);
}

.na-brands-hero-list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 28px;
    margin-bottom: 28px;
    font-weight: 700;
}

.na-brand-section {
    padding: 0 18px 32px;
}

.na-brand-card {
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 42px;
    align-items: center;

    margin-bottom: 28px;
    padding: 34px;

    background: #fff;
    border: 1px solid var(--na-border, #e3e9e1);
    border-radius: 20px;
}

.na-brand-card-alt {
    background: #f7faf6;
}

.na-brand-visual {
    text-align: center;
}

.na-brand-visual img {
    width: auto;
    max-width: 240px;
    max-height: 150px;
    object-fit: contain;
    margin: 0 auto 24px;
}

.na-brand-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 10px 18px;

    background: #4f7a4f;
    color: #fff !important;

    border-radius: 999px;
    text-decoration: none !important;
    font-size: 13px;
    font-weight: 700;
}

.na-brand-kicker {
    margin-bottom: 8px;
    color: #4f7a4f;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .05em;
}

.na-brand-content h2 {
    margin: 0 0 20px;
    color: #2f5132;
    font-size: 28px;
    line-height: 1.15;
}

.na-brand-content h3 {
    margin: 18px 0 6px;
    color: #2f5132;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.na-brand-content p {
    margin: 0 0 10px;
    font-size: 14px;
    line-height: 1.55;
}

.na-brand-benefits {
    margin: 14px 0 0;
    padding: 0;
    list-style: none;
}

.na-brand-benefits li {
    position: relative;
    margin: 7px 0;
    padding-left: 25px;
    font-size: 14px;
    line-height: 1.45;
}

.na-brand-benefits li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #4f7a4f;
    font-weight: 700;
}


/* Why these brands */
.na-brands-choice {
    padding: 8px 18px 30px;
}

.na-brands-choice-inner {
    display: flex;
    align-items: center;
    gap: 18px;

    padding: 25px 28px;

    background: #f2f7f1;
    border-radius: 18px;
}

.na-brands-choice-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 44px;
    height: 44px;
    flex: 0 0 44px;

    border-radius: 50%;
    background: #dfeadc;
    color: #2f5132;
    font-size: 20px;
    font-weight: 700;
}

.na-brands-choice h2 {
    margin: 3px 0 5px;
    color: #2f5132;
    font-size: 23px;
}

.na-brands-choice p {
    margin: 0;
    font-size: 14px;
}


/* Brand guide */
.na-brands-guide {
    padding: 20px 18px 52px;
}

.na-brands-guide-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

.na-brands-guide-card {
    padding: 22px;
    background: #fff;
    border: 1px solid #e3e9e1;
    border-radius: 16px;
}

.na-brands-guide-card strong {
    display: block;
    margin-bottom: 6px;
    color: #2f5132;
    font-size: 17px;
}

.na-brands-guide-card p {
    margin: 0;
    font-size: 14px;
}


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

    .na-brands-hero {
        padding: 40px 20px;
        margin-bottom: 28px;
    }

    .na-brands-hero h1 {
        font-size: 38px;
    }

    .na-brands-hero-list {
        display: grid;
        gap: 8px;
    }

    .na-brand-card {
        grid-template-columns: 1fr;
        gap: 22px;
        padding: 24px 20px;
        border-radius: 16px;
    }

    .na-brand-visual img {
        max-width: 210px;
        max-height: 125px;
        margin-bottom: 16px;
    }

    .na-brand-content h2 {
        font-size: 23px;
    }

    .na-brands-choice-inner {
        align-items: flex-start;
        padding: 22px 18px;
    }

    .na-brands-guide-grid {
        grid-template-columns: 1fr;
    }
}

/* Par zīmoliem hero image */
.na-brands-hero-image {
    position: relative;
    min-height: 470px;
    overflow: hidden;
    padding: 0 !important;
    background: none !important;
}

.na-brands-hero-media {
    position: absolute;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
}

.na-brands-hero-media img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}

.na-brands-hero-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;

    background: linear-gradient(
        90deg,
        rgba(20, 47, 25, .74) 0%,
        rgba(20, 47, 25, .50) 48%,
        rgba(20, 47, 25, .18) 100%
    );
}

.na-brands-hero-content {
    position: relative;
    z-index: 2;
    padding-top: 62px;
    padding-bottom: 58px;
}

.na-brands-hero-image h1 {
    max-width: 720px;
    color: #fff;
}

.na-brands-hero-image p {
    color: rgba(255,255,255,.95);
}

.na-brands-hero-image .na-brands-hero-list {
    color: #fff;
}

@media (max-width: 768px) {
    .na-brands-hero-image {
        min-height: 430px;
    }

    .na-brands-hero-content {
        padding: 42px 20px 38px;
    }

    .na-brands-hero-image h1 {
        font-size: 36px;
    }
}

/* =================================
   Par produktiem / produktu līnijas
   ================================= */

.na-products-about-hero {
    padding: 48px 20px;
    background: linear-gradient(135deg, #315638, #587b51);
    color: #fff;
}

.na-products-about-hero h1 {
    margin: 6px 0 12px;
    color: #fff;
    font-size: clamp(38px, 5vw, 58px);
    line-height: 1.05;
}

.na-products-about-hero p {
    max-width: 720px;
    margin: 0;
    color: rgba(255,255,255,.92);
    font-size: 16px;
    line-height: 1.6;
}


/* Brands */
.na-product-brands {
    padding: 42px 18px 34px;
}

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

.na-product-brand-card {
    display: block;
    padding: 26px;

    background: #f5f8f4;
    border: 1px solid #e1e9df;
    border-radius: 18px;

    color: #26372d !important;
    text-decoration: none !important;

    transition: transform .2s ease, box-shadow .2s ease;
}

.na-product-brand-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(30,60,35,.08);
}

.na-product-brand-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;
    margin-bottom: 14px;

    background: #e5eee2;
    border-radius: 50%;
    font-size: 19px;
}

.na-product-brand-card strong {
    display: block;
    margin-bottom: 8px;
    color: #2f5132;
    font-size: 20px;
}

.na-product-brand-card p {
    min-height: 63px;
    margin: 0 0 15px;
    font-size: 14px;
    line-height: 1.5;
}

.na-product-brand-link {
    color: #4f7a4f;
    font-size: 13px;
    font-weight: 700;
}


/* Product lines */
.na-product-lines {
    padding: 32px 18px 54px;
}

.na-product-lines-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.na-product-line-card {
    overflow: hidden;
    display: block;

    background: #fff;
    border: 1px solid #e3e9e1;
    border-radius: 16px;

    color: #2f5132 !important;
    text-decoration: none !important;

    transition: transform .2s ease, box-shadow .2s ease;
}

.na-product-line-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(30,60,35,.09);
}

.na-product-line-image {
    aspect-ratio: 1 / 1;
    padding: 18px;
    background: #f8faf7;
}

.na-product-line-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

.na-product-line-card h3 {
    display: flex;
    align-items: center;

    min-height: 66px;
    margin: 0;
    padding: 14px 16px;

    color: #2f5132;
    font-size: 15px;
    line-height: 1.3;
}

.na-product-lines-all {
    margin-top: 30px;
    text-align: center;
}


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

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


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

    .na-products-about-hero {
        padding: 36px 20px;
    }

    .na-products-about-hero h1 {
        font-size: 38px;
    }

    .na-product-brand-grid {
        grid-template-columns: 1fr;
    }

    .na-product-brand-card p {
        min-height: 0;
    }

    .na-product-lines-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .na-product-line-image {
        padding: 12px;
    }

    .na-product-line-card h3 {
        min-height: 58px;
        padding: 11px 12px;
        font-size: 13px;
    }
}

@media (max-width: 420px) {

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

/* ==========================================
   DIGEST EV ENZYME informatīvā lapa
   ========================================== */

.na-product-story-hero {
    padding: 48px 18px;
    background: linear-gradient(135deg, #f2f7f1, #e8f1e5);
}

.na-product-story-hero-inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 430px;
    gap: 50px;
    align-items: center;
}

.na-product-story-copy h1 {
    margin: 8px 0 4px;
    color: #2f5132;
    font-size: clamp(38px, 5vw, 62px);
    line-height: 1;
    letter-spacing: -.025em;
}

.na-product-story-subtitle {
    margin-bottom: 20px;
    color: #4f7a4f;
    font-size: 22px;
    font-weight: 600;
}

.na-product-story-lead {
    max-width: 650px;
    margin: 0 0 22px;
    font-size: 16px;
    line-height: 1.6;
}

.na-product-story-points {
    margin: 0 0 26px;
    padding: 0;
    list-style: none;
}

.na-product-story-points li {
    position: relative;
    margin: 10px 0;
    padding-left: 29px;
    font-size: 15px;
}

.na-product-story-points li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: -1px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #4f7a4f;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
}

.na-product-story-buy {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 22px;
    background: #4f7a4f;
    color: #fff !important;
    border-radius: 999px;
    text-decoration: none !important;
    font-weight: 700;
}

.na-product-story-buy:hover {
    background: #2f5132;
}

.na-product-story-image {
    text-align: center;
}

.na-product-story-image img {
    display: block;
    width: 100%;
    max-width: 420px;
    height: auto;
    margin: auto;
    object-fit: contain;
}


/* Ievada bloki */
.na-product-story-intro {
    padding: 40px 18px 28px;
}

.na-product-story-quote {
    max-width: 930px;
    margin: 0 auto 34px;
    padding: 22px 28px;
    background: #f4f8f3;
    border-radius: 16px;
    color: #46594b;
    text-align: center;
    font-size: 14px;
    line-height: 1.6;
    font-style: italic;
}

.na-product-story-columns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 22px;
}

.na-product-story-box {
    padding: 28px;
    background: #fff;
    border: 1px solid #e3e9e1;
    border-radius: 18px;
}

.na-product-story-box h2 {
    margin: 5px 0 18px;
    color: #2f5132;
    font-size: 23px;
}

.na-product-story-box ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.na-product-story-box li {
    position: relative;
    margin: 9px 0;
    padding-left: 25px;
    font-size: 14px;
    line-height: 1.45;
}

.na-product-story-box li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #4f7a4f;
    font-weight: 700;
}


/* Garais informatīvais saturs */
.na-product-story-details {
    padding: 12px 18px 60px;
}

.na-product-story-details > .na-home-container {
    max-width: 1000px;
}

.na-product-story-details h2 {
    margin: 38px 0 16px;
    color: #2f5132;
    font-size: 26px;
    line-height: 1.2;
}

.na-product-story-details p,
.na-product-story-details li {
    color: #3d4c42;
    font-size: 15px;
    line-height: 1.65;
}

.na-product-story-details ul {
    margin-bottom: 20px;
}

.na-product-story-details img {
    display: block;
    max-width: 360px;
    width: auto;
    max-height: 330px;
    height: auto;
    margin: 30px auto 18px;
    object-fit: contain;
}

.na-product-story-details table {
    width: 100%;
    margin: 22px 0;
    border-collapse: collapse;
    background: #fff;
    border: 1px solid #e3e9e1;
}

.na-product-story-details td,
.na-product-story-details th {
    padding: 12px 14px;
    border: 1px solid #e3e9e1;
    font-size: 14px;
    vertical-align: top;
}

.na-product-story-details a {
    color: #4f7a4f;
}


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

    .na-product-story-hero {
        padding: 34px 18px;
    }

    .na-product-story-hero-inner {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .na-product-story-image {
        order: -1;
    }

    .na-product-story-image img {
        max-width: 280px;
    }

    .na-product-story-copy h1 {
        font-size: 39px;
    }

    .na-product-story-subtitle {
        font-size: 19px;
    }

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

    .na-product-story-box {
        padding: 22px 18px;
    }

    .na-product-story-quote {
        padding: 20px 18px;
    }

    .na-product-story-details h2 {
        font-size: 23px;
    }

    .na-product-story-details img {
        max-width: 260px;
        max-height: 260px;
    }

    .na-product-story-details table {
        display: block;
        overflow-x: auto;
    }
}

/* ===================================
   DIGEST EV ENZYME redesign
   =================================== */

.na-digest-hero {
    padding: 46px 18px;
    background: linear-gradient(135deg, #eef5ed, #f8faf7);
}

.na-digest-hero-inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 420px;
    gap: 50px;
    align-items: center;
}

.na-digest-hero h1 {
    margin: 8px 0 4px;
    color: #2f5132;
    font-size: clamp(40px, 5vw, 62px);
    line-height: 1;
}

.na-digest-subtitle {
    margin-bottom: 22px;
    color: #4f7a4f;
    font-size: 22px;
    font-weight: 600;
}

.na-digest-hero-points {
    margin: 0 0 26px;
    padding: 0;
    list-style: none;
}

.na-digest-hero-points li {
    position: relative;
    margin: 11px 0;
    padding-left: 30px;
    font-size: 15px;
}

.na-digest-hero-points li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #4f7a4f;
    color: #fff;
    font-size: 11px;
}

.na-digest-hero-image img {
    display: block;
    width: 100%;
    max-width: 390px;
    height: auto;
    margin: auto;
    object-fit: contain;
}

.na-digest-buy {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 22px;
    border-radius: 999px;
    background: #4f7a4f;
    color: #fff !important;
    text-decoration: none !important;
    font-weight: 700;
}

.na-digest-buy:hover {
    background: #2f5132;
}


/* Intro */
.na-digest-intro {
    padding: 34px 18px 22px;
}

.na-digest-lead {
    max-width: 900px;
    margin: 0 auto 22px;
    text-align: center;
    font-size: 15px;
    line-height: 1.6;
}

.na-digest-quote {
    max-width: 930px;
    margin: 0 auto;
    padding: 20px 26px;
    background: #f4f8f3;
    border-radius: 16px;
    text-align: center;
    font-size: 14px;
    font-style: italic;
    color: #4b5d50;
}


/* Why choose */
.na-digest-benefits {
    padding: 14px 18px 30px;
}

.na-digest-benefit-card {
    padding: 28px 30px;
    background: #f3f8f2;
    border-radius: 18px;
}

.na-digest-benefit-card h2 {
    margin: 5px 0 18px;
    color: #2f5132;
    font-size: 25px;
}

.na-digest-benefit-card ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.na-digest-benefit-card li {
    position: relative;
    margin: 9px 0;
    padding-left: 27px;
    font-size: 14px;
}

.na-digest-benefit-card li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #4f7a4f;
    font-weight: 700;
}


/* Ingredients */
.na-digest-ingredients {
    padding: 28px 18px 45px;
}

.na-digest-ingredients-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 310px;
    gap: 50px;
    align-items: center;
}

.na-digest-ingredients h2 {
    margin: 5px 0 22px;
    color: #2f5132;
    font-size: 28px;
}

.na-digest-ingredient-list {
    display: grid;
    gap: 14px;
}

.na-digest-ingredient-list > div {
    position: relative;
    padding-left: 20px;
}

.na-digest-ingredient-list > div::before {
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #4f7a4f;
}

.na-digest-ingredient-list strong {
    display: block;
    color: #2f5132;
    font-size: 15px;
}

.na-digest-ingredient-list span {
    display: block;
    margin-top: 2px;
    color: #647067;
    font-size: 12.5px;
    font-style: italic;
}

.na-digest-ingredients-product {
    text-align: center;
}

.na-digest-ingredients-product img {
    display: block;
    width: 100%;
    max-width: 260px;
    height: auto;
    margin: 0 auto 20px;
}


/* Existing long content */
.na-product-story-details {
    padding: 20px 18px 60px;
}

.na-product-story-details > .na-home-container {
    max-width: 1000px;
}

.na-product-story-details h2 {
    margin: 38px 0 16px;
    color: #2f5132;
    font-size: 26px;
    line-height: 1.2;
}

.na-product-story-details p,
.na-product-story-details li {
    color: #3d4c42;
    font-size: 15px;
    line-height: 1.65;
}

.na-product-story-details img {
    display: block;
    max-width: 330px;
    max-height: 320px;
    width: auto;
    height: auto;
    margin: 30px auto 18px;
    object-fit: contain;
}

.na-product-story-details table {
    width: 100%;
    border-collapse: collapse;
    margin: 24px 0;
}

.na-product-story-details td,
.na-product-story-details th {
    padding: 12px 14px;
    border: 1px solid #e3e9e1;
    vertical-align: top;
}


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

    .na-digest-hero-inner {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .na-digest-hero-image {
        order: -1;
    }

    .na-digest-hero-image img {
        max-width: 270px;
    }

    .na-digest-hero h1 {
        font-size: 39px;
    }

    .na-digest-ingredients-grid {
        grid-template-columns: 1fr;
    }

    .na-digest-ingredients-product {
        order: -1;
    }

    .na-digest-ingredients-product img {
        max-width: 220px;
    }

    .na-product-story-details table {
        display: block;
        overflow-x: auto;
    }
}

/* Produktu informatīvās lapas */
.na-product-pages {
    padding: 42px 0 20px;
}

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

.na-product-page-card {
    display: block;
    min-height: 160px;
    padding: 22px;

    background: #f7faf6;
    border: 1px solid #e3e9e1;
    border-radius: 16px;

    text-decoration: none !important;
    color: #2f5132 !important;

    transition: transform .2s ease, box-shadow .2s ease;
}

.na-product-page-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 26px rgba(30,60,35,.08);
}

.na-product-page-card span {
    display: block;
    margin-bottom: 8px;

    color: #6b806d;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.na-product-page-card h3 {
    margin: 0 0 8px;
    color: #2f5132;
    font-size: 19px;
    line-height: 1.2;
}

.na-product-page-card p {
    margin: 0;
    color: #647067;
    font-size: 13px;
    line-height: 1.45;
}

@media (max-width: 900px) {
    .na-product-pages-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 560px) {
    .na-product-pages-grid {
        grid-template-columns: 1fr;
    }

    .na-product-page-card {
        min-height: 0;
    }
}

/* ERBA VITA produktu informatīvās lapas */
.na-product-brand-card--erba {
    display: flex;
    flex-direction: column;
}

.na-brand-info-links {
    display: grid;
    gap: 7px;
    margin: 16px 0 15px;
    padding: 14px 0;
    border-top: 1px solid #dfe8dc;
    border-bottom: 1px solid #dfe8dc;
}

.na-brand-info-links a {
    position: relative;
    padding-left: 17px;
    color: #2f5132 !important;
    text-decoration: none !important;
    font-size: 13px;
    line-height: 1.35;
    font-weight: 600;
}

.na-brand-info-links a::before {
    content: "›";
    position: absolute;
    left: 2px;
    top: -1px;
    color: #789d68;
    font-size: 16px;
}

.na-brand-info-links a:hover {
    text-decoration: underline !important;
}

.na-brand-all-info {
    display: inline-block;
    margin: 0 0 10px;
    color: #4f7a4f !important;
    text-decoration: none !important;
    font-size: 13px;
    font-weight: 700;
}

.na-brand-all-info:hover {
    text-decoration: underline !important;
}

.na-product-brand-card--erba .na-product-brand-link {
    display: inline-block;
    margin-top: auto;
}

#produktu-apraksti {
    scroll-margin-top: 100px;
}

/* Zīmolu logo kartītēs */
.na-product-brand-logo {
    display: flex;
    align-items: center;
    justify-content: center;

    height: 92px;
    margin-bottom: 18px;
    padding: 10px 14px;

    background: #fff;
    border-radius: 12px;
}

.na-product-brand-logo img {
    display: block;
    width: auto;
    max-width: 190px;
    max-height: 70px;
    height: auto;
    object-fit: contain;
}

@media (max-width: 768px) {
    .na-product-brand-logo {
        height: 82px;
    }

    .na-product-brand-logo img {
        max-width: 170px;
        max-height: 62px;
    }
}

/* Sākumlapas zīmolu logo */
.na-home-brand {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.na-home-brand-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 84px;
    margin-bottom: 14px;
    padding: 10px 12px;
    background: #ffffff;
    border-radius: 14px;
}

.na-home-brand-logo img {
    display: block;
    width: auto;
    max-width: 180px;
    max-height: 60px;
    height: auto;
    object-fit: contain;
}

.na-home-brand-title {
    display: block;
    margin-bottom: 6px;
    font-weight: 700;
    color: #21492a;
    letter-spacing: 0.02em;
}

.na-home-brand small {
    display: block;
}

@media (max-width: 768px) {
    .na-home-brand-logo {
        min-height: 76px;
        padding: 8px 10px;
    }

    .na-home-brand-logo img {
        max-width: 160px;
        max-height: 54px;
    }
}

/* ERBA VITA pilnais produktu aprakstu saraksts */
.na-product-brand-card--erba .na-brand-info-links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 18px;
}

@media (max-width: 768px) {
    .na-product-brand-card--erba .na-brand-info-links {
        grid-template-columns: 1fr;
    }
}

/* ERBA VITA produktu nosaukumi + apakšteksti */
.na-brand-info-links a {
    display: block;
}

.na-brand-info-links a strong {
    display: block;
    color: #2f5132;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 700;
}

.na-brand-info-links a small {
    display: block;
    margin-top: 2px;
    color: #6d796f;
    font-size: 11.5px;
    line-height: 1.35;
    font-weight: 400;
}

.na-brand-info-links a:hover strong {
    text-decoration: underline;
}

/* ERBA VITA produktu saraksts vienā kolonnā */
.na-product-brand-card--erba .na-brand-info-links {
    grid-template-columns: 1fr !important;
}

/* ==========================================
   ERBA VITA informatīvo produktu lapu hero
   ========================================== */

.na-info-product-hero {
    overflow: hidden;
    padding: 42px 18px;
    background: linear-gradient(135deg, #eef5ed 0%, #f8faf7 100%);
}

.na-info-product-hero-inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 520px);
    gap: 48px;
    align-items: center;
}

.na-info-product-hero-copy h1 {
    max-width: 680px;
    margin: 8px 0 8px;
    color: #2f5132;
    font-size: clamp(36px, 4.5vw, 58px);
    line-height: 1.03;
    letter-spacing: -.025em;
}

.na-info-product-subtitle {
    margin-bottom: 25px;
    color: #4f7a4f;
    font-size: clamp(19px, 2vw, 24px);
    line-height: 1.3;
    font-weight: 600;
}

.na-info-product-scroll {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 11px 20px;
    background: #4f7a4f;
    border-radius: 999px;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 700;
}

.na-info-product-scroll:hover {
    background: #2f5132;
}

.na-info-product-hero-image {
    display: flex;
    align-items: center;
    justify-content: center;
}

.na-info-product-hero-image img {
    display: block;
    width: 100%;
    max-width: 520px;
    max-height: 420px;
    height: auto;
    object-fit: contain;
}

#produkta-informacija {
    scroll-margin-top: 90px;
}

@media (max-width: 768px) {

    .na-info-product-hero {
        padding: 30px 18px;
    }

    .na-info-product-hero-inner {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .na-info-product-hero-image {
        order: -1;
    }

    .na-info-product-hero-image img {
        max-width: 420px;
        max-height: 300px;
    }

    .na-info-product-hero-copy h1 {
        font-size: 36px;
    }
}

/* ==========================================
   Produktu informatīvo lapu pilna hero bilde
   ========================================== */

.na-product-banner-hero {
    padding: 30px 18px 24px;
    background: #fff;
}

.na-product-banner-hero .na-home-container {
    max-width: 1180px;
}

.na-product-banner-hero img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    border-radius: 0;
}

/* Produkta vecais saturs zem hero */
.na-product-banner-hero + h1 {
    margin-top: 20px;
}

/* Mazliet sakārtojam veco importēto saturu */
.na-product-banner-hero ~ h1,
.na-product-banner-hero ~ h2,
.na-product-banner-hero ~ p,
.na-product-banner-hero ~ ul {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 768px) {

    .na-product-banner-hero {
        padding: 18px 12px 18px;
    }

    .na-product-banner-hero .na-home-container {
        padding-left: 0;
        padding-right: 0;
    }
}

/* ==========================================
   Produkta hero ar tekstu virs bildes
   ========================================== */

.na-product-banner-hero--overlay {
    padding: 24px 18px 18px;
    background: #fff;
}

.na-product-banner-hero--overlay .na-home-container {
    max-width: 1180px;
}

.na-product-banner-frame {
    position: relative;
    overflow: hidden;
    border-radius: 6px;
}

.na-product-banner-frame img {
    display: block;
    width: 100%;
    height: auto;
}

.na-product-banner-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    padding: 42px 36px;
    background: linear-gradient(
        90deg,
        rgba(112, 130, 116, 0.52) 0%,
        rgba(112, 130, 116, 0.38) 28%,
        rgba(112, 130, 116, 0.16) 55%,
        rgba(112, 130, 116, 0.02) 78%,
        rgba(112, 130, 116, 0) 100%
    );
}

.na-product-banner-copy {
    max-width: 470px;
    color: #ffffff;
}

.na-product-banner-brand {
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-bottom: 16px;
}

.na-product-banner-copy h1 {
    margin: 0 0 24px;
    color: #ffffff;
    font-size: 56px;
    line-height: 1.02;
    font-weight: 400;
}

.na-product-banner-points {
    list-style: none;
    margin: 0 0 28px;
    padding: 0;
}

.na-product-banner-points li {
    position: relative;
    margin: 0 0 12px;
    padding-left: 34px;
    color: #ffffff;
    font-size: 16px;
    line-height: 1.45;
    font-weight: 500;
}

.na-product-banner-points li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    color: #ffffff;
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
}

.na-product-banner-button {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 24px;
    border-radius: 999px;
    background: #97b85c;
    color: #ffffff !important;
    text-decoration: none;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.na-product-banner-button::after {
    content: "→";
    font-size: 18px;
    line-height: 1;
}

@media (max-width: 991px) {
    .na-product-banner-overlay {
        padding: 30px 24px;
    }

    .na-product-banner-copy h1 {
        font-size: 42px;
    }
}

@media (max-width: 768px) {
    .na-product-banner-hero--overlay {
        padding: 18px 12px 14px;
    }

    .na-product-banner-frame img {
        min-height: 360px;
        object-fit: cover;
        object-position: center;
    }

    .na-product-banner-overlay {
        padding: 22px 18px;
        align-items: flex-start;
        background: linear-gradient(
            180deg,
            rgba(112, 130, 116, 0.62) 0%,
            rgba(112, 130, 116, 0.38) 45%,
            rgba(112, 130, 116, 0.18) 100%
        );
    }

    .na-product-banner-copy {
        max-width: 100%;
    }

    .na-product-banner-brand {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .na-product-banner-copy h1 {
        font-size: 30px;
        line-height: 1.08;
        margin-bottom: 18px;
    }

    .na-product-banner-points li {
        font-size: 14px;
        padding-left: 28px;
        margin-bottom: 10px;
    }

    .na-product-banner-points li::before {
        font-size: 18px;
    }

    .na-product-banner-button {
        padding: 12px 18px;
        font-size: 14px;
    }
}

.na-product-banner-hero--overlay {
    padding: 24px 18px 18px;
}

.na-product-banner-frame {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}

.na-product-banner-frame img {
    display: block;
    width: 100%;
    height: auto;
}

.na-product-banner-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    padding: 42px 36px;
    background: linear-gradient(
        90deg,
        rgba(86, 111, 96, 0.55) 0%,
        rgba(86, 111, 96, 0.35) 35%,
        rgba(86, 111, 96, 0.10) 62%,
        rgba(86, 111, 96, 0) 100%
    );
}

.na-product-banner-copy {
    max-width: 470px;
    color: #fff;
}

.na-product-banner-brand {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    margin-bottom: 16px;
}

.na-product-banner-copy h1 {
    color: #fff;
    font-size: 54px;
    line-height: 1.02;
    margin: 0 0 24px;
}

.na-product-banner-points {
    list-style: none;
    padding: 0;
    margin: 0 0 28px;
}

.na-product-banner-points li {
    position: relative;
    padding-left: 34px;
    margin-bottom: 12px;
    color: #fff;
    font-size: 16px;
    line-height: 1.45;
    font-weight: 500;
}

.na-product-banner-points li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
}

.na-product-banner-button {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 24px;
    border-radius: 999px;
    background: #97b85c;
    color: #fff !important;
    text-decoration: none;
    font-weight: 700;
    text-transform: uppercase;
}

.na-product-banner-button::after {
    content: "→";
    font-size: 18px;
    line-height: 1;
}

@media (max-width: 768px) {
    .na-product-banner-overlay {
        padding: 22px 18px;
        align-items: flex-start;
        background: linear-gradient(
            180deg,
            rgba(86, 111, 96, 0.62) 0%,
            rgba(86, 111, 96, 0.34) 50%,
            rgba(86, 111, 96, 0.12) 100%
        );
    }

    .na-product-banner-frame img {
        min-height: 360px;
        object-fit: cover;
    }

    .na-product-banner-copy h1 {
        font-size: 30px;
        line-height: 1.08;
    }

    .na-product-banner-points li {
        font-size: 14px;
        padding-left: 28px;
    }
}

/* OMEGA hero finālais pielāgojums */
.na-product-banner-hero--overlay .na-product-banner-overlay {
    padding: 58px 34px 34px 40px;
    align-items: flex-start;

    background: linear-gradient(
        90deg,
        rgba(76, 101, 86, 0.48) 0%,
        rgba(76, 101, 86, 0.34) 31%,
        rgba(76, 101, 86, 0.13) 56%,
        rgba(76, 101, 86, 0.03) 72%,
        rgba(76, 101, 86, 0) 100%
    );
}

.na-product-banner-hero--overlay .na-product-banner-copy {
    max-width: 430px;
}

.na-product-banner-hero--overlay .na-product-banner-brand {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1;
    letter-spacing: .08em;
    font-weight: 700;
}

.na-product-banner-hero--overlay .na-product-banner-copy h1 {
    margin: 0 0 20px !important;
    max-width: 390px;
    color: #fff !important;

    font-size: clamp(35px, 4vw, 47px) !important;
    line-height: 1.04 !important;
    font-weight: 400 !important;
    letter-spacing: -.015em;
}

.na-product-banner-hero--overlay .na-product-banner-points {
    margin-bottom: 22px;
}

.na-product-banner-hero--overlay .na-product-banner-points li {
    margin-bottom: 9px;
    padding-left: 27px;
    color: #fff;

    font-size: 14px;
    line-height: 1.35;
    font-weight: 500;
}

.na-product-banner-hero--overlay .na-product-banner-points li::before {
    top: 0;
    font-size: 17px;
}

.na-product-banner-hero--overlay .na-product-banner-button {
    min-width: 105px;
    padding: 10px 18px;

    border-radius: 999px;
    background: #9dbb64;

    font-size: 13px;
    line-height: 1;
}

.na-product-banner-hero--overlay .na-product-banner-button::after {
    font-size: 15px;
}

@media (max-width: 768px) {

    .na-product-banner-hero--overlay .na-product-banner-frame img {
        min-height: 410px;
        object-fit: cover;
        object-position: 62% center;
    }

    .na-product-banner-hero--overlay .na-product-banner-overlay {
        padding: 24px 18px;

        background: linear-gradient(
            180deg,
            rgba(54, 78, 64, .65) 0%,
            rgba(54, 78, 64, .42) 55%,
            rgba(54, 78, 64, .15) 100%
        );
    }

    .na-product-banner-hero--overlay .na-product-banner-copy h1 {
        max-width: 300px;
        font-size: 31px !important;
    }

    .na-product-banner-hero--overlay .na-product-banner-points li {
        font-size: 13px;
    }
}

/* OMEGA hero - PIRKT poga labajā malā */
.na-product-banner-hero--overlay .na-product-banner-overlay {
    position: relative;
}

.na-product-banner-hero--overlay .na-product-banner-button {
    position: absolute;
    right: 34px;
    bottom: 28px;
    margin: 0;
    z-index: 3;
}

@media (max-width: 768px) {
    .na-product-banner-hero--overlay .na-product-banner-button {
        position: static;
        margin-top: 18px;
    }
}

/* FIX: hero teksts un poga atkal virs bildes */
.na-product-banner-frame {
    position: relative !important;
    overflow: hidden !important;
}

.na-product-banner-frame > img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

.na-product-banner-overlay {
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;

    display: flex !important;
    align-items: flex-start !important;

    padding: 58px 34px 34px 40px !important;

    background: linear-gradient(
        90deg,
        rgba(76, 101, 86, 0.48) 0%,
        rgba(76, 101, 86, 0.34) 31%,
        rgba(76, 101, 86, 0.13) 56%,
        rgba(76, 101, 86, 0.03) 72%,
        rgba(76, 101, 86, 0) 100%
    ) !important;
}

.na-product-banner-copy {
    position: relative !important;
    z-index: 3 !important;
    max-width: 430px !important;
    color: #fff !important;
}

.na-product-banner-button {
    position: absolute !important;
    right: 34px !important;
    bottom: 26px !important;

    z-index: 4 !important;

    min-width: 105px !important;
    padding: 10px 18px !important;
    margin: 0 !important;

    border-radius: 999px !important;
    background: #9dbb64 !important;

    color: #fff !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

/* Mobilajā pogu atstājam pie teksta */
@media (max-width: 768px) {

    .na-product-banner-overlay {
        padding: 24px 18px !important;
        background: linear-gradient(
            180deg,
            rgba(54, 78, 64, .65) 0%,
            rgba(54, 78, 64, .42) 55%,
            rgba(54, 78, 64, .15) 100%
        ) !important;
    }

    .na-product-banner-button {
        position: static !important;
        margin-top: 18px !important;
    }

    .na-product-banner-frame > img {
        min-height: 410px !important;
        object-fit: cover !important;
        object-position: 62% center !important;
    }
}

/* PIRKT poga hero labajā malā pa vidu */
.na-product-banner-hero--overlay .na-product-banner-button {
    position: absolute !important;
    right: 34px !important;
    top: 50% !important;
    bottom: auto !important;

    transform: translateY(-50%) !important;

    margin: 0 !important;
    z-index: 5 !important;
}

@media (max-width: 768px) {
    .na-product-banner-hero--overlay .na-product-banner-button {
        position: static !important;
        transform: none !important;
        margin-top: 18px !important;
    }
}

/* PIRKT poga - labajā apakšējā stūrī */
.na-product-banner-hero--overlay .na-product-banner-button {
    position: absolute !important;
    right: 34px !important;
    bottom: 24px !important;
    top: auto !important;

    transform: none !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    min-width: 104px !important;
    min-height: 42px !important;
    padding: 10px 18px !important;

    margin: 0 !important;

    line-height: 1 !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
}

.na-product-banner-hero--overlay .na-product-banner-button::after {
    display: inline-block !important;
    line-height: 1 !important;
    margin: 0 !important;
}

/* Mobilajā atstājam pie teksta */
@media (max-width: 768px) {
    .na-product-banner-hero--overlay .na-product-banner-button {
        position: static !important;
        margin-top: 18px !important;
    }
}

/* FIX: PIRKT teksts vertikāli centrā */
.na-product-banner-hero--overlay .na-product-banner-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    height: 42px !important;
    min-height: 42px !important;

    padding: 0 18px !important;

    line-height: 42px !important;
    box-sizing: border-box !important;
}

.na-product-banner-hero--overlay .na-product-banner-button::after {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    height: 42px !important;
    line-height: 42px !important;
    margin: 0 0 0 8px !important;
}

/* FIX: PIRKT poga - teksts precīzi centrā */
.na-product-banner-hero--overlay .na-product-banner-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    position: absolute !important;
    right: 34px !important;
    bottom: 24px !important;
    top: auto !important;

    min-width: 108px !important;
    height: 42px !important;

    padding: 0 18px !important;
    margin: 0 !important;

    box-sizing: border-box !important;

    line-height: 1 !important;
    white-space: nowrap !important;

    background: #9dbb64 !important;
    border-radius: 999px !important;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 700 !important;

    transform: none !important;
}

.na-product-banner-hero--overlay .na-product-banner-button::after {
    content: "→" !important;

    display: inline-block !important;
    height: auto !important;

    margin: 0 0 0 8px !important;

    line-height: 1 !important;
    vertical-align: middle !important;

    font-size: 15px !important;
}

/* Mobile */
@media (max-width: 768px) {
    .na-product-banner-hero--overlay .na-product-banner-button {
        position: static !important;
        margin-top: 18px !important;
    }
}

/* PIRKT pogu 10px augstāk */
.na-product-banner-hero--overlay .na-product-banner-button {
    bottom: 34px !important;
}

/* PIRKT uzrakstu pogas iekšpusē paceļam uz augšu */
.na-product-banner-hero--overlay .na-product-banner-button {
    position: absolute !important;
}

.na-product-banner-hero--overlay .na-product-banner-button {
    text-indent: 0 !important;
}

.na-product-banner-hero--overlay .na-product-banner-button {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.na-product-banner-hero--overlay .na-product-banner-button {
    transform: none !important;
}

/* Paceļam pogas saturu ~10px */
.na-product-banner-hero--overlay .na-product-banner-button {
    align-items: flex-start !important;
    padding-top: 6px !important;
}

.na-product-banner-hero--overlay .na-product-banner-button::after {
    transform: translateY(-1px);
}

/* PIRKT uzraksts nedaudz augstāk pogas iekšpusē */
.na-product-banner-hero--overlay .na-product-banner-button {
    align-items: center !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.na-product-banner-hero--overlay .na-product-banner-button {
    line-height: 1 !important;
}

/* Paceļam tekstu un bultiņu par ~3px */
.na-product-banner-hero--overlay .na-product-banner-button {
    transform: none !important;
}

.na-product-banner-hero--overlay .na-product-banner-button::after {
    transform: translateY(-3px) !important;
}

/* PIRKT teksta precīza vertikālā centrēšana */
.na-product-banner-hero--overlay .na-product-banner-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    height: 42px !important;
    padding: 0 18px !important;
}

.na-product-banner-hero--overlay .na-product-banner-button span,
.na-product-banner-hero--overlay .na-product-banner-button::after {
    display: inline-block !important;
    line-height: 1 !important;
    transform: translateY(-2px) !important;
}

/* PIRKT pogu vairāk pa labi */
.na-product-banner-hero--overlay .na-product-banner-button {
    right: 70px !important;
}

/* PIRKT poga stingri pie hero labās malas */
.na-product-banner-frame {
    position: relative !important;
}

.na-product-banner-hero--overlay .na-product-banner-button {
    position: absolute !important;
    right: 24px !important;
    left: auto !important;

    bottom: 34px !important;
    top: auto !important;

    transform: none !important;
    margin: 0 !important;

    z-index: 10 !important;
}

/* PIRKT poga vēl vairāk pa labi */
.na-product-banner-hero--overlay .na-product-banner-button {
    right: 12px !important;
}

/* PIRKT poga vēl stipri vairāk pa labi */
.na-product-banner-hero--overlay .na-product-banner-button {
    right: 2px !important;
}

/* FINAL: PIRKT poga pret visu hero bildi */
.na-product-banner-hero--overlay .na-product-banner-copy {
    position: static !important;
}

.na-product-banner-hero--overlay .na-product-banner-button {
    position: absolute !important;

    right: 28px !important;
    bottom: 28px !important;
    left: auto !important;
    top: auto !important;

    width: 126px !important;
    height: 44px !important;

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

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;

    box-sizing: border-box !important;

    background: #9dbb64 !important;
    border-radius: 999px !important;

    color: #fff !important;
    text-decoration: none !important;
    line-height: 1 !important;

    transform: none !important;
    z-index: 10 !important;
}

.na-product-banner-hero--overlay .na-product-banner-button span {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;

    line-height: 1 !important;
    transform: none !important;

    font-size: 13px !important;
    font-weight: 700 !important;
}

.na-product-banner-hero--overlay .na-product-banner-button::after {
    content: "→" !important;

    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;

    height: auto !important;
    line-height: 1 !important;
    transform: none !important;

    font-size: 15px !important;
}

@media (max-width: 768px) {
    .na-product-banner-hero--overlay .na-product-banner-copy {
        position: relative !important;
    }

    .na-product-banner-hero--overlay .na-product-banner-button {
        position: static !important;
        margin-top: 18px !important;
    }
}

/* PIRKT poga - augstāk un pamanāmāka */
.na-product-banner-hero--overlay .na-product-banner-button {
    right: 28px !important;
    bottom: 52px !important;

    width: 138px !important;
    height: 46px !important;

    background: #4f7a4f !important;
    border: 2px solid rgba(255,255,255,.85) !important;

    box-shadow: 0 6px 18px rgba(31, 56, 36, .25) !important;

    font-size: 14px !important;
    font-weight: 700 !important;

    transition: transform .18s ease, background .18s ease, box-shadow .18s ease !important;
}

.na-product-banner-hero--overlay .na-product-banner-button:hover {
    background: #2f5132 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 9px 24px rgba(31, 56, 36, .32) !important;
}

.na-product-banner-hero--overlay .na-product-banner-button span,
.na-product-banner-hero--overlay .na-product-banner-button::after {
    color: #fff !important;
}

/* ==================================================
   FINAL - ERBA VITA produktu informatīvo lapu HERO
   ================================================== */

.na-product-banner-hero--overlay {
    padding: 28px 18px 22px !important;
    background: #fff !important;
}

.na-product-banner-hero--overlay .na-home-container {
    max-width: 1180px !important;
}

.na-product-banner-frame {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 8px !important;
}

.na-product-banner-frame > img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
}

.na-product-banner-overlay {
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;

    display: flex !important;
    align-items: flex-start !important;

    padding: 52px 40px 36px !important;

    background: linear-gradient(
        90deg,
        rgba(52, 82, 64, .52) 0%,
        rgba(52, 82, 64, .34) 31%,
        rgba(52, 82, 64, .12) 56%,
        rgba(52, 82, 64, .02) 72%,
        rgba(52, 82, 64, 0) 100%
    ) !important;
}

.na-product-banner-copy {
    position: static !important;
    z-index: 3 !important;
    width: 46% !important;
    max-width: 500px !important;
    color: #fff !important;
}

.na-product-banner-brand {
    margin: 0 0 12px !important;
    color: #fff !important;

    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
}

.na-product-banner-copy h1 {
    margin: 0 0 22px !important;
    color: #fff !important;

    font-size: clamp(34px, 4vw, 48px) !important;
    line-height: 1.05 !important;
    font-weight: 400 !important;
    letter-spacing: -.015em !important;
}

.na-product-banner-points {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.na-product-banner-points li {
    position: relative !important;

    margin: 0 0 10px !important;
    padding: 0 0 0 28px !important;

    color: #fff !important;

    font-size: 14px !important;
    line-height: 1.4 !important;
    font-weight: 500 !important;
}

.na-product-banner-points li::before {
    content: "✓" !important;

    position: absolute !important;
    left: 0 !important;
    top: 0 !important;

    color: #fff !important;
    font-size: 17px !important;
    font-weight: 700 !important;
}


/* PIRKT - labajā pusē, pamanāma */
.na-product-banner-hero--overlay .na-product-banner-button {
    position: absolute !important;

    right: 28px !important;
    bottom: 54px !important;
    left: auto !important;
    top: auto !important;

    width: 140px !important;
    height: 46px !important;

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

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;

    box-sizing: border-box !important;

    background: #4f7a4f !important;
    border: 2px solid rgba(255,255,255,.9) !important;
    border-radius: 999px !important;

    box-shadow: 0 6px 18px rgba(31,56,36,.27) !important;

    color: #fff !important;
    text-decoration: none !important;

    z-index: 10 !important;
}

.na-product-banner-button span {
    display: inline-block !important;

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

    color: #fff !important;

    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 700 !important;

    transform: translateY(-1px) !important;
}

.na-product-banner-button::after {
    content: "→" !important;

    display: inline-block !important;

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

    height: auto !important;

    color: #fff !important;

    font-size: 16px !important;
    line-height: 1 !important;

    transform: translateY(-1px) !important;
}

.na-product-banner-button:hover {
    background: #2f5132 !important;
    box-shadow: 0 9px 24px rgba(31,56,36,.34) !important;
}


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

    .na-product-banner-hero--overlay {
        padding: 18px 12px !important;
    }

    .na-product-banner-frame > img {
        min-height: 430px !important;
        object-fit: cover !important;
        object-position: center !important;
    }

    .na-product-banner-overlay {
        padding: 24px 18px !important;

        background: linear-gradient(
            180deg,
            rgba(44,72,54,.70) 0%,
            rgba(44,72,54,.48) 58%,
            rgba(44,72,54,.16) 100%
        ) !important;
    }

    .na-product-banner-copy {
        position: relative !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .na-product-banner-copy h1 {
        max-width: 330px !important;
        font-size: 30px !important;
    }

    .na-product-banner-points {
        max-width: 330px !important;
    }

    .na-product-banner-points li {
        font-size: 13px !important;
    }

    .na-product-banner-hero--overlay .na-product-banner-button {
        position: absolute !important;
        right: 18px !important;
        bottom: 20px !important;

        width: 120px !important;
        height: 42px !important;
    }
}

/* ==========================================
   Produktu informatīvo bloku izkārtojums
   teksts pa kreisi / bilde pa labi
   ========================================== */

.na-info-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 42px;
    align-items: center;

    margin: 34px 0;
    padding: 26px 0;

    border-bottom: 1px solid #e3e9e1;
}

.na-info-row:last-child {
    border-bottom: 0;
}

.na-info-row-content {
    min-width: 0;
}

.na-info-row-content p,
.na-info-row-content li {
    font-size: 15px;
    line-height: 1.6;
}

.na-info-row-content strong {
    color: #2f5132;
}

.na-info-row-image {
    display: flex;
    align-items: center;
    justify-content: center;
}

.na-info-row-image img {
    display: block;

    width: auto !important;
    max-width: 300px !important;
    max-height: 280px !important;
    height: auto !important;

    margin: 0 auto !important;

    object-fit: contain;
}

/* Mobilajā - bilde augšā, teksts zem tās */
@media (max-width: 768px) {

    .na-info-row {
        grid-template-columns: 1fr;
        gap: 18px;

        margin: 26px 0;
        padding: 20px 0;
    }

    .na-info-row-image {
        order: -1;
    }

    .na-info-row-image img {
        max-width: 240px !important;
        max-height: 220px !important;
    }
}

/* ==========================================
   Produkta aprakstu bloki
   bilde pa kreisi / teksts pa labi
   ========================================== */

.na-info-row {
    display: grid !important;
    grid-template-columns: 280px minmax(0, 1fr) !important;
    gap: 38px !important;
    align-items: center !important;

    margin: 34px 0 !important;
    padding: 26px 0 !important;

    border-bottom: 1px solid #e3e9e1 !important;
}

/* Bilde kreisajā pusē */
.na-info-row-image {
    order: 1 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Teksts labajā pusē */
.na-info-row-content {
    order: 2 !important;
    min-width: 0 !important;
}

.na-info-row-image img {
    display: block !important;

    width: auto !important;
    max-width: 250px !important;
    max-height: 250px !important;
    height: auto !important;

    margin: 0 auto !important;

    object-fit: contain !important;
}

.na-info-row-content h3 {
    margin: 0 0 12px !important;
}

.na-info-row-content p,
.na-info-row-content li {
    font-size: 15px !important;
    line-height: 1.6 !important;
}

.na-info-row-content strong,
.na-info-row-content b {
    color: #2f5132 !important;
}

/* Vecās atdalošās līnijas tekstā vairs nav vajadzīgas */
.na-info-row-content p:last-child {
    margin-bottom: 0 !important;
}

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

    .na-info-row {
        grid-template-columns: 1fr !important;
        gap: 18px !important;

        margin: 26px 0 !important;
        padding: 22px 0 !important;
    }

    .na-info-row-image {
        order: 1 !important;
    }

    .na-info-row-content {
        order: 2 !important;
    }

    .na-info-row-image img {
        max-width: 220px !important;
        max-height: 220px !important;
    }
}

/* ==========================================
   Universālais informatīvās produkta lapas saturs
   ========================================== */

.na-template-intro,
.na-template-benefits,
.na-template-content {
    padding-left: 18px;
    padding-right: 18px;
}

.na-template-intro {
    padding-top: 34px;
    padding-bottom: 18px;
}

.na-template-lead {
    max-width: 950px;
    margin: 0 auto 22px;
    font-size: 15px;
    line-height: 1.65;
}

.na-template-note {
    max-width: 950px;
    margin: 0 auto;
    padding: 20px 24px;

    background: #f3f8f2;
    border-radius: 16px;

    color: #4b5d50;
    text-align: center;
    font-size: 14px;
    line-height: 1.55;
    font-style: italic;
}

.na-template-benefits {
    padding-top: 16px;
    padding-bottom: 24px;
}

.na-template-card {
    padding: 26px 28px;
    background: #f4f8f3;
    border-radius: 18px;
}

.na-template-card h2 {
    margin: 5px 0 16px;
    color: #2f5132;
}

.na-template-card ul {
    margin-bottom: 0;
}

.na-template-content {
    padding-top: 18px;
    padding-bottom: 60px;
}

.na-template-content > .na-home-container {
    max-width: 1000px;
}

.na-template-content h2 {
    margin: 38px 0 16px;
    color: #2f5132;
    font-size: 27px;
}

.na-template-content h3 {
    color: #2f5132;
}

.na-template-content p,
.na-template-content li {
    font-size: 15px;
    line-height: 1.65;
}

.na-template-table-wrap {
    overflow-x: auto;
}

.na-template-content table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
}

.na-template-content th,
.na-template-content td {
    padding: 12px 14px;
    border: 1px solid #e3e9e1;
    text-align: left;
    vertical-align: top;
}

@media (max-width: 768px) {
    .na-template-card {
        padding: 22px 18px;
    }

    .na-template-content h2 {
        font-size: 23px;
    }
}


/* ===== Grozs galvenajā izvēlnē ===== */

.main-navigation .na-menu-cart {
    margin-left: 10px;
}

.main-navigation .na-menu-cart-link {
    display: flex !important;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
    font-weight: 600;
}

.na-menu-cart-icon {
    font-size: 18px;
    line-height: 1;
}

.na-menu-cart-count {
    font-weight: 700;
}

.na-menu-cart-total {
    margin-left: 2px;
    opacity: .8;
}

/* Mobilajā izvēlnē atstājam tikai ikonu + preču skaitu */
@media (max-width: 768px) {

    .main-navigation .na-menu-cart {
        margin-left: 0;
    }

    .na-menu-cart-text,
    .na-menu-cart-total {
        display: none;
    }

    .na-menu-cart-link {
        gap: 4px !important;
    }
}
