:root {
    --ivory: #FAFAF7;
    --white: #fff;
    --gold: #D4A827;
    --gold-600: #B58900;
    --green: #0F6D4F;
    --green-900: #0B3B2E;
    --text: #1F2937;
    --muted: #6B7280;
    --card: #FFFFFF;
    --card-stroke: #ECECEC;
    --shadow: 0 8px 24px rgba(17, 24, 39, .08);
}

/* Features/ingredients */
.features {
  font-family: sans-serif;
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 1.5rem;
  align-items: center;
  background: linear-gradient(180deg, #fff, #fff7e2);
  padding: 1.25rem;
  border-radius: 18px;
  border: 1px solid #f1ead6
}

.features img {
  max-width: 100%;
  display: block;
}

.feat-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
  margin-top: 1rem
}

.feat {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 14px;
  padding: 1rem;
  text-align: center
}

.btn-tab-news {
    background: transparent;
    border-color: var(--green) !important;
    color: var(--green);
    padding: .8rem 1.2rem;
    gap: .5rem;
    border-radius: 999px;
    font-weight: 600;
    border: 1px solid transparent;
    transition: .2s;
}

.btn-tab-news:hover {
    color: var(--green);
    transform: translateY(-1px);
    filter: saturate(1.05);
}

@media (max-width: 1024px) {
    .hero {
        grid-template-columns:1fr;
        gap: 1.5rem
    }

    .features {
        grid-template-columns:1fr
    }

    .news-grid {
        grid-template-columns:1fr 1fr
    }

    .foot {
        grid-template-columns:1fr 1fr
    }
}

@media (max-width: 720px) {
    .menu {
        display: none
    }

    .products {
        grid-template-columns:1fr 1fr
    }

    .feat-grid {
        grid-template-columns:1fr 1fr
    }

    .news-grid {
        grid-template-columns:1fr
    }

    .header-cta .btn-outline {
        display: none
    }

    .sticky-order {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 60;
        display: flex;
        gap: .75rem;
        justify-content: center;
        padding: .75rem;
        background: rgba(255, 255, 255, .85);
        backdrop-filter: blur(8px);
        border-top: 1px solid #eee
    }
}