/*
Theme Name: Nabgon
Theme URI: https://nabgon.local
Author: Nabgon
Description: Lightweight, RTL-ready custom WooCommerce theme foundation for Nabgon.
Version: 0.1.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: nabgon
License: GPL-2.0-or-later
*/

:root {
  --nabgon-color-forest: #12352b;
  --nabgon-color-lime: #b7e44c;
  --nabgon-color-cream: #fbfaf3;
  --nabgon-color-white: #ffffff;
  --nabgon-color-ink: #18211e;
  --nabgon-color-muted: #68736e;
  --nabgon-color-line: #dfe5df;
  --nabgon-space-1: 0.5rem;
  --nabgon-space-2: 1rem;
  --nabgon-space-3: 1.5rem;
  --nabgon-space-4: 2rem;
  --nabgon-space-5: 3rem;
  --nabgon-radius-sm: 0.25rem;
  --nabgon-radius-md: 0.5rem;
  --nabgon-content-width: 75rem;
  --nabgon-reading-width: 45rem;
  --nabgon-font-body: "Beiruti", "Tahoma", sans-serif;
  --nabgon-font-display: "Beiruti", "Tahoma", sans-serif;
}

@font-face {
  font-family: "Beiruti";
  src: url("../twentytwentyfive/assets/fonts/beiruti/Beiruti-VariableFont_wght.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--nabgon-color-cream); color: var(--nabgon-color-ink); font-family: var(--nabgon-font-body); font-size: 1.0625rem; line-height: 1.7; }
a { color: var(--nabgon-color-forest); }
a:hover, a:focus { color: #285e4b; }
img { display: block; max-width: 100%; height: auto; }
button, input, select, textarea { font: inherit; }
:focus-visible { outline: 3px solid var(--nabgon-color-lime); outline-offset: 3px; }
.nabgon-container { width: min(100% - 2rem, var(--nabgon-content-width)); margin-inline: auto; }
.nabgon-site-header { border-bottom: 1px solid var(--nabgon-color-line); background: var(--nabgon-color-cream); }
.nabgon-header-inner, .nabgon-footer-inner { display: flex; align-items: center; justify-content: space-between; gap: var(--nabgon-space-3); padding-block: var(--nabgon-space-3); }
.nabgon-brand { color: var(--nabgon-color-forest); font-family: var(--nabgon-font-display); font-size: 1.5rem; font-weight: 800; text-decoration: none; }
.nabgon-nav ul { display: flex; flex-wrap: wrap; gap: var(--nabgon-space-2); margin: 0; padding: 0; list-style: none; }
.nabgon-main { min-height: 50vh; padding-block: var(--nabgon-space-5); }
.nabgon-content { max-width: var(--nabgon-reading-width); }
.nabgon-entry-title { margin-block: 0 var(--nabgon-space-3); color: var(--nabgon-color-forest); font-family: var(--nabgon-font-display); line-height: 1.25; }
.nabgon-entry-meta { color: var(--nabgon-color-muted); font-size: 0.95rem; }
.nabgon-site-footer { border-top: 1px solid var(--nabgon-color-line); color: var(--nabgon-color-muted); }
.nabgon-screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.woocommerce .site-main, .woocommerce-page .site-main { width: min(100% - 2rem, var(--nabgon-content-width)); margin-inline: auto; }
@media (max-width: 40rem) {
  .nabgon-header-inner, .nabgon-footer-inner { align-items: flex-start; flex-direction: column; }
  .nabgon-main { padding-block: var(--nabgon-space-4); }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

/* Homepage V5.2 */
.nabgon-trust-bar { background: var(--nabgon-color-forest); color: var(--nabgon-color-cream); font-size: .82rem; }
.nabgon-trust-inner { display: flex; justify-content: space-between; gap: 1rem; padding-block: .45rem; }
.nabgon-header-inner { min-height: 5.25rem; }
.nabgon-brand { display: inline-flex; align-items: center; gap: .5rem; white-space: nowrap; }
.nabgon-brand-mark { display: grid; width: 2rem; height: 2rem; place-items: center; border-radius: 50%; background: var(--nabgon-color-lime); color: var(--nabgon-color-forest); font-size: 1.3rem; font-weight: 900; }
.nabgon-search { display: flex; flex: 1 1 24rem; max-width: 34rem; border: 1px solid var(--nabgon-color-line); border-radius: 2rem; background: var(--nabgon-color-white); overflow: hidden; }
.nabgon-search input { width: 100%; min-width: 0; border: 0; outline: 0; padding: .7rem 1.2rem; background: transparent; }
.nabgon-search button { width: 3.3rem; border: 0; background: transparent; color: var(--nabgon-color-forest); font-size: 1.6rem; cursor: pointer; }
.nabgon-nav { display: flex; align-items: center; gap: 1rem; font-size: .95rem; white-space: nowrap; }
.nabgon-nav ul { display: none; }
.nabgon-nav a, .nabgon-actions a { color: var(--nabgon-color-ink); text-decoration: none; }
.nabgon-actions { display: flex; gap: .8rem; font-size: 1.4rem; }
.nabgon-home { overflow: hidden; }
.nabgon-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.12fr); min-height: 36rem; padding-block: 2.25rem; direction: ltr; }
.nabgon-hero > * { direction: rtl; }
.nabgon-hero-copy { display: flex; flex-direction: column; justify-content: center; padding: clamp(2rem, 6vw, 5.5rem); border-radius: var(--nabgon-radius-md) 0 0 var(--nabgon-radius-md); background: var(--nabgon-color-forest); color: var(--nabgon-color-cream); }
.nabgon-kicker { display: block; margin-bottom: .8rem; color: var(--nabgon-color-forest); font-size: .78rem; font-weight: 800; letter-spacing: .08em; }
.nabgon-hero .nabgon-kicker, .nabgon-section-forest .nabgon-kicker { color: var(--nabgon-color-lime); }
.nabgon-hero h1 { max-width: 32rem; margin: 0; font-family: var(--nabgon-font-display); font-size: clamp(2.3rem, 5vw, 4.7rem); line-height: 1.08; letter-spacing: 0; }
.nabgon-hero h1 em { color: var(--nabgon-color-lime); font-style: normal; }
.nabgon-hero-copy > p { max-width: 30rem; margin: 1.5rem 0; color: #dce6dc; font-size: 1.12rem; }
.nabgon-hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1.25rem; }
.nabgon-button { display: inline-flex; align-items: center; justify-content: center; gap: .65rem; min-height: 3rem; padding: .65rem 1.25rem; border: 1px solid transparent; border-radius: var(--nabgon-radius-sm); font-weight: 800; text-decoration: none; }
.nabgon-button-lime { background: var(--nabgon-color-lime); color: var(--nabgon-color-forest); }
.nabgon-button-dark { background: var(--nabgon-color-forest); color: var(--nabgon-color-cream); }
.nabgon-button-outline { border-color: var(--nabgon-color-lime); color: var(--nabgon-color-lime); }
.nabgon-text-link { color: inherit; font-weight: 800; text-decoration: none; }
.nabgon-hero .nabgon-text-link { color: var(--nabgon-color-cream); }
.nabgon-handwriting { margin-top: 2.5rem; color: var(--nabgon-color-lime); font-family: cursive; font-size: 1.1rem; transform: rotate(-3deg); }
.nabgon-hero-media { position: relative; min-height: 28rem; border-right: 2px solid var(--nabgon-color-lime); overflow: hidden; }
.nabgon-hero-media img { width: 100%; height: 100%; min-height: 28rem; object-fit: cover; }
.nabgon-tested-stamp { position: absolute; top: 1.5rem; left: 1.5rem; display: grid; width: 6.7rem; height: 6.7rem; place-content: center; gap: .15rem; border: 1px solid var(--nabgon-color-lime); border-radius: 50%; background: rgba(18,53,43,.9); color: var(--nabgon-color-lime); text-align: center; transform: rotate(-12deg); }
.nabgon-tested-stamp strong { font-size: 1.3rem; line-height: 1; }
.nabgon-tested-stamp span { font-size: .68rem; font-weight: 800; letter-spacing: .1em; line-height: 1.2; }
.nabgon-image-note { position: absolute; right: 1.5rem; bottom: 1.5rem; padding: .3rem .7rem; background: var(--nabgon-color-cream); color: var(--nabgon-color-forest); font-size: .85rem; }
.nabgon-trust-points { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; padding-block: 1.5rem; border-bottom: 1px solid var(--nabgon-color-line); }
.nabgon-trust-points > div { display: flex; align-items: center; gap: .85rem; padding-inline: 1rem; border-inline-start: 1px solid var(--nabgon-color-line); }
.nabgon-trust-points > div:first-child { border: 0; }
.nabgon-point-icon { color: var(--nabgon-color-forest); font-size: 1.5rem; }
.nabgon-trust-points strong, .nabgon-trust-points span:last-child { display: block; }
.nabgon-trust-points span:last-child { color: var(--nabgon-color-muted); font-size: .88rem; }
.nabgon-section { padding-block: clamp(3.5rem, 7vw, 6.5rem); }
.nabgon-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: 2rem; }
.nabgon-section-heading h2, .nabgon-offer h2, .nabgon-newsletter-band h2, .nabgon-about h2 { margin: 0; color: var(--nabgon-color-forest); font-size: clamp(1.8rem, 3vw, 3rem); line-height: 1.15; }
.nabgon-section-heading p { max-width: 18rem; margin: 0; color: var(--nabgon-color-muted); }
.nabgon-category-grid, .nabgon-product-grid, .nabgon-journal-grid, .nabgon-testimonial-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.nabgon-category { display: flex; min-height: 11rem; flex-direction: column; justify-content: end; gap: .2rem; padding: .55rem .65rem .8rem; border: 1px solid var(--nabgon-color-line); background: var(--nabgon-color-white); color: var(--nabgon-color-ink); text-decoration: none; }
.nabgon-category-image { display: block; height: 7.2rem; overflow: hidden; border-radius: var(--nabgon-radius-sm); background: #e4e9df; }
.nabgon-category-image img { width: 100%; height: 100%; object-fit: cover; }
.nabgon-category span:last-child { color: var(--nabgon-color-muted); font-size: .85rem; }
.nabgon-empty-state { display: flex; min-height: 10rem; grid-column: 1 / -1; flex-direction: column; justify-content: center; align-items: center; gap: .35rem; padding: 2rem; border: 1px dashed var(--nabgon-color-line); color: var(--nabgon-color-muted); text-align: center; }
.nabgon-empty-state strong { color: var(--nabgon-color-forest); }
.nabgon-section-forest { background: var(--nabgon-color-forest); color: var(--nabgon-color-cream); }
.nabgon-section-heading-light h2 { color: var(--nabgon-color-cream); }
.nabgon-product-card { position: relative; overflow: hidden; background: var(--nabgon-color-cream); color: var(--nabgon-color-ink); }
.nabgon-product-image, .nabgon-article-image { display: grid; min-height: 14rem; place-items: center; background: #e4e9df; color: var(--nabgon-color-muted); text-decoration: none; }
.nabgon-product-image img, .nabgon-article-image img { width: 100%; height: 100%; min-height: 14rem; object-fit: cover; }
.nabgon-product-info { padding: 1.2rem; }
.nabgon-product-card::before { position: absolute; top: .8rem; inset-inline-start: .8rem; display: grid; width: 3.7rem; height: 3.7rem; place-items: center; border: 1px solid var(--nabgon-color-lime); border-radius: 50%; background: rgba(183,228,76,.95); color: var(--nabgon-color-forest); content: "Tested\A by Nabgon"; white-space: pre; text-align: center; font-size: .58rem; font-weight: 800; line-height: 1.1; transform: rotate(-12deg); }
.nabgon-product-tag { color: #467020; font-size: .8rem; font-weight: 800; }
.nabgon-product-card h3, .nabgon-article h3 { margin: .45rem 0; font-size: 1.25rem; line-height: 1.3; }
.nabgon-product-card h3 a, .nabgon-article h3 a { color: inherit; text-decoration: none; }
.nabgon-score { display: flex; align-items: baseline; gap: .3rem; color: var(--nabgon-color-forest); }
.nabgon-score strong { font-size: 1.8rem; }
.nabgon-score span, .nabgon-product-detail { color: var(--nabgon-color-muted); font-size: .9rem; }
.nabgon-product-detail { margin: .25rem 0; }
.nabgon-product-drawback { color: #995a49; }
.nabgon-product-bottom { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 1.2rem; padding-top: .8rem; border-top: 1px solid var(--nabgon-color-line); font-weight: 800; }
.nabgon-icon-link { color: var(--nabgon-color-forest); font-size: .9rem; text-decoration: none; }
.nabgon-empty-state-dark { border-color: #587464; color: #dce6dc; }
.nabgon-empty-state-dark strong { color: var(--nabgon-color-cream); }
.nabgon-empty-state-dark .nabgon-button { margin-top: 1rem; }
.nabgon-offer { display: flex; align-items: center; justify-content: space-between; gap: 2rem; margin-block: 1rem; padding: 1.25rem 2rem; border-inline-start: 5px solid var(--nabgon-color-lime); border-radius: var(--nabgon-radius-md); background: var(--nabgon-color-forest); color: var(--nabgon-color-cream); }
.nabgon-offer .nabgon-kicker, .nabgon-offer h2 { color: var(--nabgon-color-cream); }
.nabgon-offer h2 { font-size: clamp(1.35rem, 2.5vw, 2.2rem); }
.nabgon-article { display: flex; flex-direction: column; gap: .45rem; }
.nabgon-article-image { min-height: 12rem; margin-bottom: .5rem; }
.nabgon-article-image img { min-height: 12rem; }
.nabgon-article h3 { margin: 0; }
.nabgon-newsletter-band { padding-block: 2.5rem; background: #eef0e7; }
.nabgon-newsletter-band .nabgon-container { display: flex; align-items: center; justify-content: space-between; gap: 3rem; }
.nabgon-newsletter-band .nabgon-kicker { color: var(--nabgon-color-forest); }
.nabgon-newsletter-band p { margin-bottom: 0; }
.nabgon-newsletter { display: flex; min-width: min(100%, 25rem); border-bottom: 1px solid currentColor; }
.nabgon-newsletter input { width: 100%; min-width: 0; border: 0; padding: .7rem; background: transparent; outline: 0; }
.nabgon-newsletter button { border: 0; padding: .7rem; background: transparent; color: var(--nabgon-color-forest); font-weight: 800; cursor: pointer; }
.nabgon-newsletter-large { min-width: min(100%, 28rem); }
.nabgon-testimonial-grid { grid-template-columns: repeat(3, 1fr); }
.nabgon-placeholder-quote { min-height: 12rem; padding: 1.5rem; border: 1px solid var(--nabgon-color-line); background: var(--nabgon-color-white); }
.nabgon-placeholder-quote > span { color: var(--nabgon-color-lime); font-family: Georgia, serif; font-size: 3rem; line-height: .6; }
.nabgon-placeholder-quote .nabgon-demo-label, .nabgon-demo-label { display: inline-block; margin-bottom: .5rem; color: var(--nabgon-color-muted); font-family: var(--nabgon-font-body); font-size: .65rem; font-weight: 800; letter-spacing: .08em; line-height: 1; }
.nabgon-placeholder-quote p { color: var(--nabgon-color-muted); }
.nabgon-placeholder-quote strong { color: var(--nabgon-color-forest); font-size: .85rem; }
.nabgon-section-cream-dark { background: #eef0e7; }
.nabgon-handwriting-dark { color: var(--nabgon-color-forest); }
.nabgon-process { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0; margin: 0; padding: 0; list-style: none; }
.nabgon-process li { min-height: 12rem; padding: 1rem; border-top: 1px solid var(--nabgon-color-forest); border-inline-start: 1px solid var(--nabgon-color-line); }
.nabgon-process li:first-child { border-inline-start: 0; }
.nabgon-process li > span { color: var(--nabgon-color-muted); font-size: .8rem; }
.nabgon-process strong { display: block; margin-top: 1.5rem; color: var(--nabgon-color-forest); }
.nabgon-process p { color: var(--nabgon-color-muted); font-size: .9rem; }
.nabgon-faq-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 5rem; }
.nabgon-faq-layout h2 { margin-top: 0; color: var(--nabgon-color-forest); font-size: clamp(2rem, 4vw, 3.5rem); }
.nabgon-faq-layout > div > p { color: var(--nabgon-color-muted); }
.nabgon-faq-list details { border-top: 1px solid var(--nabgon-color-line); padding: 1.15rem 0; }
.nabgon-faq-list details:last-child { border-bottom: 1px solid var(--nabgon-color-line); }
.nabgon-faq-list summary { cursor: pointer; font-weight: 800; }
.nabgon-faq-list p { margin: .7rem 0 0; color: var(--nabgon-color-muted); }
.nabgon-about { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 2rem; padding-block: 4rem; border-top: 1px solid var(--nabgon-color-line); }
.nabgon-about-mark { display: grid; width: 5rem; height: 5rem; place-items: center; border-radius: 50%; background: var(--nabgon-color-forest); color: var(--nabgon-color-lime); font-size: 2.5rem; font-weight: 900; }
.nabgon-about h2 { font-size: clamp(1.5rem, 3vw, 2.5rem); }
.nabgon-about p { max-width: 37rem; margin-bottom: 0; color: var(--nabgon-color-muted); }
.nabgon-site-footer { background: var(--nabgon-color-forest); color: #dce6dc; }
.nabgon-site-footer .nabgon-brand, .nabgon-site-footer a { color: var(--nabgon-color-cream); }
.nabgon-site-footer .nabgon-brand-mark { color: var(--nabgon-color-forest); }
.nabgon-footer-inner { align-items: flex-start; display: grid; grid-template-columns: 1.3fr repeat(3, 1fr); padding-block: 4rem; }
.nabgon-footer-inner h2 { margin: 0 0 .7rem; color: var(--nabgon-color-lime); font-size: 1rem; }
.nabgon-footer-inner a { display: block; margin: .35rem 0; text-decoration: none; }
.nabgon-footer-inner p { margin: .5rem 0; color: #b9c9bd; }
.nabgon-footer-bottom { display: flex; justify-content: space-between; padding-block: 1rem; border-top: 1px solid #355b4a; color: #b9c9bd; font-size: .8rem; }
@media (max-width: 58rem) {
  .nabgon-header-inner { flex-wrap: wrap; }
  .nabgon-search { order: 3; flex-basis: 100%; max-width: none; }
  .nabgon-nav { margin-inline-start: auto; }
  .nabgon-hero { grid-template-columns: 1fr; }
  .nabgon-hero-copy { border-radius: var(--nabgon-radius-md) var(--nabgon-radius-md) 0 0; }
  .nabgon-hero-media { border-right: 0; border-bottom: 2px solid var(--nabgon-color-lime); }
  .nabgon-process { grid-template-columns: repeat(3, 1fr); }
  .nabgon-process li:nth-child(4), .nabgon-process li:nth-child(5) { margin-top: 1rem; }
  .nabgon-faq-layout { gap: 2rem; }
}
@media (max-width: 42rem) {
  .nabgon-trust-inner { align-items: flex-start; flex-direction: column; gap: .1rem; }
  .nabgon-nav { order: 4; width: 100%; justify-content: space-between; }
  .nabgon-actions { margin-inline-start: auto; }
  .nabgon-hero { width: 100%; padding-block: 0; }
  .nabgon-hero-copy { padding: 2rem 1.25rem 3rem; }
  .nabgon-hero-media, .nabgon-hero-media img { min-height: 20rem; }
  .nabgon-tested-stamp { width: 5.5rem; height: 5.5rem; }
  .nabgon-trust-points, .nabgon-category-grid, .nabgon-product-grid, .nabgon-journal-grid, .nabgon-testimonial-grid { grid-template-columns: 1fr; }
  .nabgon-trust-points > div { border: 0; border-top: 1px solid var(--nabgon-color-line); padding: .8rem 0; }
  .nabgon-section-heading, .nabgon-newsletter-band .nabgon-container, .nabgon-offer { align-items: flex-start; flex-direction: column; }
  .nabgon-section-heading { gap: 1rem; }
  .nabgon-offer { margin-inline: 1rem; }
  .nabgon-process { grid-template-columns: 1fr; }
  .nabgon-process li, .nabgon-process li:nth-child(4), .nabgon-process li:nth-child(5) { min-height: auto; margin: 0; border-inline-start: 0; border-top: 1px solid var(--nabgon-color-line); }
  .nabgon-process strong { margin-top: .7rem; }
  .nabgon-faq-layout, .nabgon-about { grid-template-columns: 1fr; gap: 1.5rem; }
  .nabgon-about { justify-items: start; }
  .nabgon-footer-inner { grid-template-columns: 1fr 1fr; gap: 2rem 1rem; }
  .nabgon-footer-bottom { align-items: flex-start; flex-direction: column; gap: .3rem; }
}

/* V5.2 visual refinement */
.nabgon-trust-bar { font-size: .78rem; }
.nabgon-trust-inner { min-height: 1.8rem; align-items: center; }
.nabgon-site-header { background: var(--nabgon-color-white); }
.nabgon-header-inner { min-height: 4.6rem; padding-block: .7rem; }
.nabgon-brand { font-size: 1.65rem; letter-spacing: 0; }
.nabgon-brand-mark { width: 2.2rem; height: 2.2rem; }
.nabgon-search { border-color: #d5ddd6; background: #fafbf8; }
.nabgon-search input { font-size: .92rem; }
.nabgon-nav { gap: .85rem; font-size: .88rem; }
.nabgon-actions { align-items: center; gap: .7rem; }
.nabgon-actions a { display: grid; width: 1.8rem; height: 1.8rem; place-items: center; font-family: Tahoma, sans-serif; font-size: 1.25rem; }
.nabgon-hero { width: min(100% - 2rem, var(--nabgon-content-width)); grid-template-columns: minmax(0, 40%) minmax(0, 60%); min-height: 37rem; padding-block: 1.5rem; }
.nabgon-hero-copy { position: relative; z-index: 1; justify-content: center; padding: clamp(2rem, 5vw, 4.2rem); border-inline-end: 2px solid var(--nabgon-color-lime); border-radius: 0 5rem 5rem 0; }
.nabgon-hero h1 { font-size: clamp(2.4rem, 4.3vw, 4.3rem); font-weight: 800; line-height: 1.08; }
.nabgon-hero-copy > p { max-width: 24rem; margin-block: 1.25rem; font-size: 1rem; line-height: 1.9; }
.nabgon-hero-media { min-height: 34rem; margin-inline-start: -1rem; border: 0; border-radius: 0 0 0 5rem; }
.nabgon-hero-media img { min-height: 34rem; }
.nabgon-tested-stamp { top: 1.25rem; left: 1.25rem; width: 5.6rem; height: 5.6rem; }
.nabgon-tested-stamp span { font-size: .58rem; }
.nabgon-image-note { right: 1.5rem; bottom: 1.5rem; }
.nabgon-button { min-height: 2.8rem; padding-inline: 1.1rem; font-size: .9rem; }
.nabgon-hero-actions { gap: 1rem; }
.nabgon-trust-points { padding-block: 1.25rem; }
.nabgon-section { padding-block: clamp(3rem, 5vw, 5rem); }
.nabgon-section-heading { margin-bottom: 1.7rem; }
.nabgon-section-heading h2, .nabgon-offer h2, .nabgon-newsletter-band h2, .nabgon-about h2 { font-weight: 800; }
.nabgon-category, .nabgon-product-card, .nabgon-placeholder-quote { border-radius: var(--nabgon-radius-md); box-shadow: 0 4px 14px rgba(18, 53, 43, .05); }
.nabgon-category { min-height: 10rem; }
.nabgon-product-card { border: 1px solid #e5e9e2; }
.nabgon-product-image { min-height: 13rem; }
.nabgon-product-image img { min-height: 13rem; }
.nabgon-product-info { padding: 1rem; }
.nabgon-tested-stamp strong { font-size: 1.1rem; }
.nabgon-offer { margin-block: 0; border-radius: var(--nabgon-radius-md); }
.nabgon-article-image { border-radius: var(--nabgon-radius-md); }
.nabgon-newsletter-band { padding-block: 3.5rem; }
.nabgon-process li { min-height: 10rem; }
.nabgon-site-footer { margin-top: 1rem; }

@media (max-width: 58rem) {
  .nabgon-hero { grid-template-columns: minmax(0, 42%) minmax(0, 58%); }
  .nabgon-hero-copy { padding-inline: 2rem; }
  .nabgon-nav { overflow-x: auto; scrollbar-width: thin; }
}

@media (max-width: 42rem) {
  .nabgon-header-inner { display: grid; grid-template-columns: 1fr auto; gap: .65rem 1rem; padding-block: .8rem; }
  .nabgon-brand { grid-column: 1; grid-row: 1; }
  .nabgon-actions { grid-column: 2; grid-row: 1; gap: .4rem; }
  .nabgon-actions a { width: 2rem; height: 2rem; font-size: 1.2rem; }
  .nabgon-search { grid-column: 1 / -1; grid-row: 2; width: 100%; max-width: none; }
  .nabgon-nav { grid-column: 1 / -1; grid-row: 3; width: calc(100vw - 2rem); margin-inline: 0; justify-content: flex-start; gap: 1.25rem; padding-bottom: .2rem; white-space: nowrap; }
  .nabgon-nav a { flex: 0 0 auto; }
  .nabgon-hero { width: 100%; grid-template-columns: 1fr; min-height: auto; padding-block: 0; }
  .nabgon-hero-copy { min-height: 25rem; padding: 2.5rem 1.25rem 2rem; border-inline-end: 0; border-bottom: 2px solid var(--nabgon-color-lime); border-radius: 0 0 2.5rem 2.5rem; }
  .nabgon-hero h1 { max-width: 20rem; font-size: clamp(2.35rem, 10vw, 3rem); line-height: 1.18; }
  .nabgon-hero-copy > p { max-width: 20rem; margin-block: 1rem; font-size: .98rem; line-height: 1.75; }
  .nabgon-hero-actions { gap: .8rem; }
  .nabgon-hero-actions .nabgon-button { padding-inline: .85rem; }
  .nabgon-handwriting { margin-top: 1.8rem; font-size: .95rem; }
  .nabgon-hero-media { min-height: 18rem; margin: 0; border-radius: 0; }
  .nabgon-hero-media img { min-height: 18rem; }
  .nabgon-tested-stamp { top: 1rem; left: 1rem; width: 5.1rem; height: 5.1rem; }
  .nabgon-image-note { right: 1rem; bottom: 1rem; }
  .nabgon-section { padding-block: 3.5rem; }
  .nabgon-section-heading h2, .nabgon-offer h2, .nabgon-newsletter-band h2, .nabgon-about h2 { font-size: 2rem; }
  .nabgon-footer-inner { padding-block: 3rem; }
  .nabgon-category-image { height: 10rem; }
}

/* Mobile header and Hero viewport tuning */
@media (max-width: 42rem) {
  .home .nabgon-main { padding-block: 0; }
  .home .nabgon-trust-bar { height: 1.65rem; font-size: .7rem; }
  .home .nabgon-trust-inner { min-height: 1.65rem; justify-content: center; padding-block: 0; }
  .home .nabgon-header-inner { min-height: 0; gap: .4rem 1rem; padding-block: .55rem; }
  .home .nabgon-brand { font-size: 1.45rem; }
  .home .nabgon-brand-mark { width: 1.9rem; height: 1.9rem; }
  .home .nabgon-actions { gap: .2rem; }
  .home .nabgon-actions a { width: 1.8rem; height: 1.8rem; }
  .home .nabgon-search { height: 2.25rem; }
  .home .nabgon-search input { padding-block: .35rem; }
  .home .nabgon-nav { min-height: 1.7rem; gap: 1.15rem; padding: 0; }
  .home .nabgon-hero-copy { min-height: 22.5rem; padding: 2rem 1.25rem 1.5rem; border-radius: 0; }
  .home .nabgon-hero h1 { max-width: 100%; font-size: clamp(2.25rem, 10vw, 2.8rem); line-height: 1.16; }
  .home .nabgon-hero-copy > p { max-width: 19rem; margin-block: .8rem; line-height: 1.55; }
  .home .nabgon-hero-actions { gap: .65rem; }
  .home .nabgon-hero-actions .nabgon-button { min-height: 2.55rem; padding-inline: .75rem; font-size: .82rem; }
  .home .nabgon-hero-actions .nabgon-text-link { font-size: .85rem; }
  .home .nabgon-hero .nabgon-handwriting { display: none; }
  .home .nabgon-hero-media, .home .nabgon-hero-media img { min-height: 15rem; height: 15rem; }
  .home .nabgon-hero-media { border-top: 2px solid var(--nabgon-color-lime); }
  .home .nabgon-tested-stamp { top: .85rem; left: .85rem; width: 4.7rem; height: 4.7rem; }
}