/* Shared header/footer. Light, forest and hero-overlay variants use identical markup. */
.vf-icon { display: block; flex: 0 0 auto; }
.vf-site-header { position: relative; z-index: 20; color: var(--vf-text); background: var(--vf-surface); border-block-end: var(--vf-card-border); }
.vf-site-header__inner { display: flex; align-items: center; justify-content: space-between; gap: var(--vf-space-6); min-height: 5.5rem; padding-block: var(--vf-space-3); }
.vf-brand { display: inline-flex; flex-direction: column; flex: 0 0 auto; color: var(--vf-green-950); text-decoration: none; line-height: 1.2; }
.vf-brand:hover { color: var(--vf-green-700); }
.vf-brand__name { position: relative; font-family: var(--vf-font-serif); font-size: 1.75rem; font-weight: 700; letter-spacing: -.035em; padding-block-start: .65rem; white-space: nowrap; }
.vf-brand__name > .vf-icon { position: absolute; inset-block-start: -.25rem; inset-inline-start: .125rem; width: 1.25rem; height: 1.25rem; color: var(--vf-green-500); }
.vf-brand__tagline { margin-block-start: .2rem; font-size: .6875rem; letter-spacing: 0; }
.vf-brand__logo { display: block; width: auto; max-width: 13rem; height: auto; max-height: 3.25rem; object-fit: contain; }
.vf-primary-menu, .vf-drawer-menu, .vf-footer-menu { list-style: none; margin: 0; padding: 0; }
.vf-primary-menu { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: var(--vf-space-1) clamp(.75rem, 1.5vw, 1.5rem); }
.vf-primary-menu > li { position: relative; }
.vf-primary-menu a { display: inline-flex; align-items: center; min-height: var(--vf-touch-target); color: inherit; font-size: var(--vf-type-small); font-weight: var(--vf-weight-medium); text-decoration: none; position: relative; }
.vf-primary-menu > li > a::after { content: ''; position: absolute; inset-inline: 0; inset-block-end: 0; height: 2px; background: currentColor; transform: scaleX(0); transition: transform var(--vf-duration-fast) var(--vf-ease); }
.vf-primary-menu > li:is(.current-menu-item, .current-menu-ancestor) > a, .vf-primary-menu a:hover { color: var(--vf-green-700); }
.vf-primary-menu > li:is(.current-menu-item, .current-menu-ancestor) > a::after, .vf-primary-menu > li > a:hover::after { transform: scaleX(1); }
.vf-primary-menu .sub-menu { position: absolute; z-index: 2; inset-block-start: 100%; inset-inline-start: 0; min-width: 13rem; padding: var(--vf-space-3); list-style: none; background: var(--vf-surface); color: var(--vf-text); border: var(--vf-card-border); border-radius: var(--vf-radius-md); box-shadow: var(--vf-shadow-raised); visibility: hidden; }
.vf-primary-menu li:hover > .sub-menu, .vf-primary-menu li:focus-within > .sub-menu { visibility: visible; }
.vf-primary-menu .sub-menu a { width: 100%; padding-inline: var(--vf-space-2); }
.vf-basket-link, .vf-menu-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: var(--vf-touch-target); height: var(--vf-touch-target); color: inherit; background: transparent; border: 0; border-radius: var(--vf-radius-sm); text-decoration: none; }
.vf-basket-link { position: relative; }
.vf-header-actions {display:flex;align-items:center;gap:.5rem;flex:0 0 auto;}
.vf-account-link {display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-width:var(--vf-touch-target);min-height:var(--vf-touch-target);color:inherit;text-decoration:none;border-radius:var(--vf-radius-sm);font-size:var(--vf-type-small);}
.vf-account-link:hover {color:var(--vf-green-700);background:var(--vf-green-100);}
.vf-site-header:is(.vf-site-header--green,.vf-site-header--overlay) .vf-account-link:hover {color:var(--vf-on-dark);background:rgb(255 255 255 / 12%);}
.vf-basket-link > .vf-icon { width: 1.875rem; height: 1.875rem; }
.vf-basket-link:hover, .vf-menu-button:hover { color: var(--vf-green-700); background: var(--vf-green-100); }
.vf-cart-count { position: absolute; inset-block-start: -1px; inset-inline-end: -1px; display: grid; place-items: center; min-width: 1.25rem; height: 1.25rem; padding-inline: .25rem; border-radius: var(--vf-radius-pill); background: var(--vf-green-600); color: var(--vf-on-dark); font-size: .6875rem; font-weight: 700; line-height: 1; font-variant-numeric: tabular-nums; }
.vf-menu-button { display: none; }
.vf-menu-button[hidden] { display: none !important; }
.vf-mobile-fallback { display: none; }
.vf-site-header--green, .vf-site-header--overlay { color: var(--vf-on-dark); border-color: transparent; }
.vf-site-header--green { background: var(--vf-green-950); }
.vf-site-header--overlay { position: absolute; inset-block-start: 0; inset-inline: 0; background: transparent; }
.admin-bar .vf-site-header--overlay { inset-block-start: 32px; }
.vf-site-header:is(.vf-site-header--green, .vf-site-header--overlay) .vf-brand { color: var(--vf-on-dark); }
.vf-site-header:is(.vf-site-header--green, .vf-site-header--overlay) .vf-primary-menu > li > a { color: var(--vf-on-dark); }
.vf-site-header:is(.vf-site-header--green, .vf-site-header--overlay) :is(.vf-basket-link, .vf-menu-button):hover { color: var(--vf-on-dark); background: rgb(255 255 255 / 12%); }
.vf-mobile-drawer { position: fixed; inset: 0 auto 0 0; margin: 0; width: min(88vw, 23rem); max-width: none; height: 100dvh; max-height: 100dvh; padding: var(--vf-space-6); border: 0; background: var(--vf-off-white); color: var(--vf-text); box-shadow: var(--vf-shadow-raised); overflow-y: auto; overscroll-behavior: contain; }
.vf-mobile-drawer:not([open]) { display: none; }
.vf-mobile-drawer::backdrop { background: rgb(18 41 24 / 55%); }
.vf-mobile-drawer__header { display: flex; align-items: center; justify-content: space-between; gap: var(--vf-space-3); margin-block-end: var(--vf-space-6); }
.vf-mobile-drawer__header h2 { font-size: var(--vf-type-h4); margin: 0; }
.vf-drawer-menu a { display: flex; align-items: center; min-height: 3rem; padding: var(--vf-space-3) var(--vf-space-2); color: var(--vf-text); text-decoration: none; border-block-end: var(--vf-card-border); }
.vf-drawer-menu .current-menu-item > a { color: var(--vf-green-700); font-weight: 700; background: var(--vf-green-100); }
.vf-drawer-menu .sub-menu { list-style: none; padding-inline-start: var(--vf-space-4); }
html.vf-menu-open { overflow: hidden; }
.vf-menu-open body { position: fixed; inset-inline: 0; top: var(--vf-scroll-offset, 0); width: 100%; overflow: hidden; }
.vf-site-footer { padding-block: var(--vf-space-12) var(--vf-space-4); background: var(--vf-green-950); color: var(--vf-on-dark); font-size: var(--vf-type-small); }
.vf-site-footer a { color: var(--vf-on-dark); }
.vf-site-footer .vf-brand { color: var(--vf-on-dark); }
.vf-footer-grid { display: grid; grid-template-columns: 1.35fr .9fr 1fr 1.1fr 1.5fr; gap: var(--vf-space-6); }
.vf-footer-grid > * { min-width: 0; }
.vf-footer-grid > :not(:first-child) { border-inline-start: 1px solid #36523a; padding-inline-start: var(--vf-space-6); }
.vf-footer-grid h2 { color: var(--vf-on-dark); font-family: var(--vf-font-sans); font-size: var(--vf-type-small); font-weight: 600; letter-spacing: 0; margin-block-end: var(--vf-space-3); }
.vf-footer-mission { margin-block: var(--vf-space-3); }
.vf-footer-menu a { display: inline-flex; align-items: center; min-height: 2rem; padding-block: .125rem; text-decoration: none; }
.vf-footer-menu a:hover, .vf-footer-contact a:hover { text-decoration: underline; }
.vf-footer-menu .sub-menu { list-style: none; padding-inline-start: var(--vf-space-3); }
.vf-social-links { display: flex; flex-wrap: wrap; gap: var(--vf-space-1); }
.vf-social-links a { display: inline-flex; align-items: center; justify-content: center; width: var(--vf-touch-target); height: var(--vf-touch-target); border-radius: var(--vf-radius-sm); }
.vf-social-links a:hover { background: rgb(255 255 255 / 12%); }
.vf-social-links .vf-icon { width: 1.25rem; height: 1.25rem; }
.vf-footer-contact { display: grid; gap: var(--vf-space-2); font-style: normal; margin-block-end: var(--vf-space-4); }
.vf-footer-contact a { display: flex; align-items: center; gap: var(--vf-space-2); overflow-wrap: anywhere; text-decoration: none; min-height: var(--vf-touch-target); }
.vf-footer-contact .vf-icon { width: 1rem; height: 1rem; }
.vf-whatsapp-cta { display: inline-flex; align-items: center; justify-content: center; gap: var(--vf-space-2); min-height: var(--vf-button-height); width: 100%; padding: var(--vf-space-2) var(--vf-space-3); border: 1px solid #b5c7b7; border-radius: var(--vf-radius-sm); font-size: var(--vf-type-small); text-decoration: none; }
.vf-whatsapp-cta:hover { background: rgb(255 255 255 / 12%); }
.vf-whatsapp-cta .vf-icon { width: 1.25rem; height: 1.25rem; }
.vf-footer-bottom { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--vf-space-3); margin-block-start: var(--vf-space-6); padding-block-start: var(--vf-space-4); border-block-start: 1px solid #36523a; font-size: var(--vf-type-caption); color: #d0ddce; }
.vf-footer-bottom p { margin: 0; }
@media (max-width: 60rem) {
  .vf-site-header__inner { display: grid; grid-template-columns: 2.75rem minmax(0, 1fr) auto; min-height: 4.25rem; gap: var(--vf-space-2); padding-block: var(--vf-space-2); align-items: center; }
  .vf-site-header .vf-brand { justify-self: center; grid-column: 2; min-width: 0; text-align: center; }
  .vf-site-header .vf-brand__name { font-size: clamp(1.125rem, 4.5vw, 1.5rem); }
  .vf-site-header .vf-brand__tagline { font-size: .625rem; }
  .vf-site-header .vf-brand__logo { max-width: min(100%, 10rem); max-height: 2.5rem; }
  .vf-menu-button { display: inline-flex; grid-column: 1; grid-row: 1; }
  .vf-basket-link { grid-column: 3; grid-row: 1; }
  .vf-header-actions {grid-column:3;grid-row:1;gap:0;}
  .vf-account-link span {display:none;}
  .vf-desktop-nav { display: none; }
  .vf-mobile-fallback { display: block; padding-block-end: var(--vf-space-3); }
  .vf-navigation-ready .vf-mobile-fallback { display: none; }
  .vf-footer-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .vf-footer-brand, .vf-footer-connect { grid-column: 1 / -1; }
  .vf-footer-grid > :not(:first-child) { border-inline-start: 0; padding-inline-start: 0; }
  .vf-footer-connect { padding-block-start: var(--vf-space-6); border-block-start: 1px solid #36523a; }
  .vf-whatsapp-cta { width: auto; }
}
@media (max-width: 40rem) {
  .vf-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--vf-space-8) var(--vf-space-6); }
  .vf-site-footer { padding-block-start: var(--vf-space-8); }
  .vf-footer-menu a { min-height: var(--vf-touch-target); }
  .vf-footer-bottom { flex-direction: column; }
  .admin-bar .vf-site-header--overlay { inset-block-start: 46px; }
}