.n-feature-3 {
  background-color: var(--color-neutral-9);
  color: var(--color-neutral-1);
  padding: var(--space-l-2xl) 0;
}

.n-feature-3 > div.hol-column {
  gap: var(--space-m-xl);
  justify-items: start;
}

.n-feature-3 > div.hol-column > h2 {
  color: var(--color-neutral-1);
  max-width: 30ch;
}

.n-feature-3 > div.hol-column > ul.hol-column {
  justify-items: start;
  gap: var(--space-m);
  padding: 0;
}

.n-feature-3 > div.hol-column > ul.hol-column > li {
  display: flex;
  flex-direction: row;
  gap: var(--space-m);
  align-items: center;
	width: 100%;
}

.n-feature-3 > div.hol-column > ul.hol-column > li > img {
  width: 18ch;
  aspect-ratio: 1/1;
  object-fit: contain;
}

.n-feature-3 > div.hol-column > ul.hol-column > li > aside.hol-column {
  justify-items: start;
}

.n-feature-3 > div.hol-column > ul.hol-column > li > aside.hol-column > div.hol-column {
  justify-items: start;
}

  .n-product-list-buttons {
  padding: var(--space-2xl) 0;
  background-color: var(--color-neutral-9);
}

.n-product-list-buttons > section.hol-column {
  justify-items: start;
}

.n-product-list-buttons > section.hol-column > div.hol-wrapping-row {
  grid-template-columns: repeat(auto-fit, minmax(30ch, 1fr));
}


.n-product-list-buttons > section.hol-column > div.hol-wrapping-row > div.hol-column {
	display: flex;
	flex-direction: column;
	text-align: center;
	background-color: var(--color-neutral-8);
	padding: var(--space-s);
	row-gap: var(--space-s);
}

.n-product-list-buttons > section.hol-column > div.hol-wrapping-row > div.hol-column > img {
	width: 100%;
}

.n-product-list-buttons > section.hol-column > div.hol-wrapping-row > div.hol-column > p {
	color: var(--color-neutral-2);
  text-align: left;
}

  .n-register {
	padding: var(--space-2xl) 0;
  background-color: var(--color-neutral-9);
}

.n-register > section {
	display: flex;
	justify-content: center;
}

.n-register > section > form.hol-column {
	border-style: solid;
  border-color: var(--color-neutral-6);
  border-width: 1px;
  border-radius: 0.3em;
	width: fit-content;
	max-width: 100%;
	margin-top: var(--space-xl-2xl);
	margin-bottom: var(--space-xl-2xl);
	padding: var(--space-l);
	justify-items: start;
}

  .n-testimonial-1 {
	background-color: var(--color-color-10);
	padding: var(--space-l-2xl) 0;
}

.n-testimonial-1 > section.hol-column {
	justify-items: start;
	color: var(--color-neutral-2);
}

.n-testimonial-1 > section.hol-column > div.hol-wrapping-row > blockquote {
	border-style: solid;
  border-color: var(--color-neutral-7);
  border-width: 1px;
  border-radius: 0.3em;
	align-self: stretch;
	gap: var(--space-m);
}

  .n-breadcrumb {
	padding: var(--space-2xs) 0;
}

  .n-feature-2 {
	background-color: var(--color-neutral-9);
	color: var(--color-neutral-1);
	padding: var(--space-l-2xl) 0;
}

.n-feature-2 > div.hol-column {
	row-gap: var(--space-m-xl);
	justify-items: start;
}

.n-feature-2 > div.hol-column > h2 {
	color: var(--color-neutral-1);
	max-width: 30ch;
}

.n-feature-2 > div.hol-column > ul.hol-wrapping-row > li.hol-column {
	justify-items: start;
}

  .n-login {
  padding: var(--space-2xl) 0;
  background-color: var(--color-neutral-9);
}

.n-login > section {
	display: flex;
	justify-content: center;
}

.n-login > section > form.hol-column {
	border-style: solid;
  border-color: var(--color-neutral-6);
  border-width: 1px;
	width: fit-content;
	max-width: 100%;
	margin-top: var(--space-xl-2xl);
	margin-bottom: var(--space-xl-2xl);
	padding: var(--space-l);
	justify-items: start;
}

  .n-contact-1 {
  padding: var(--space-l-2xl) 0;
}

.n-contact-1 > section.hol-wrapping-row {
  align-items: center;
}

.n-contact-1 > section.hol-wrapping-row > div.hol-column {
  justify-items: start;
}

.n-contact-1 > section.hol-wrapping-row > div.hol-column > ul.hol-column {
  justify-items: start;
  list-style: none;
}

.n-contact-1 > section.hol-wrapping-row > div.hol-column > ul.hol-column > li {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
}

.n-contact-1 > section.hol-wrapping-row > div.hol-column > ul.hol-column > li > svg {
  width: 2rem;
  height: auto;
}

.n-contact-1 > section.hol-wrapping-row > form.hol-column {
  justify-items: start;
}

.n-contact-1 > section.hol-wrapping-row > form.hol-column > textarea {
  width: 100%;
}

.n-contact-1 > section.hol-wrapping-row > form.hol-column > input {
  width: 100%;
}


  .n-feature-6 {
  padding: var(--space-l-2xl) 0;
  background-color: var(--color-neutral-9);
}

.n-feature-6>section {
  gap: var(--space-l-2xl);
}

.n-feature-6>section>div.hol-column {
  justify-items: center;
  text-align: center;
}

.n-feature-6>section>ul.hol-wrapping-row {
  list-style: none;
  grid-template-columns: repeat(auto-fit, minmax(calc(var(--content-max-width) / 3 - 5rem), 1fr));
}

.n-feature-6>section>ul.hol-wrapping-row>li.feature {
  display: flex;
  align-items: start;
  gap: var(--space-m);
}

.n-feature-6>section>ul.hol-wrapping-row>li.feature>.icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 3rem;
  border-radius: 0.5rem;
  background-color: var(--color-color-6);
  color: var(--color-neutral-1);
}

.n-feature-6>section>ul.hol-wrapping-row>li.feature>.icon>svg {
  width: 1.5rem;
  height: 1.5rem;
}

.n-feature-6>section>ul.hol-wrapping-row>li.feature>div.hol-column {
  justify-items: start;
  text-align: left;
  gap: 0;
}

.n-feature-6>section>ul.hol-wrapping-row>li.feature>div.hol-column>dt.title {
  color: var(--color-neutral-1);
  line-height: 3rem;
}

.n-feature-6>section>ul.hol-wrapping-row>li.feature>div.hol-column>dd.description {
  color: var(--color-neutral-4);
}

  .n-header-special-text {
	padding: var(--space-l-2xl) 0;
}

.n-header-special-text > div {
  display: flex;
  flex-direction: column;
  align-items: start;
  text-transform: lowercase;
  -webkit-text-stroke: 0.1em var(--color-light-neutral-9);
  font-family: system-ui, sans-serif;
  paint-order: stroke fill;
}

.n-header-special-text > div > h1 {
  color: transparent;
  font-weight: 1000;
}

  .n-post-list {
  padding: var(--space-2xl) 0;
  background-color: var(--color-neutral-9);
}

.n-post-list>section.grid.full {
  row-gap: var(--space-xl);
}

.n-post-list>section.grid.full>article.hol-column {
  justify-items: start;
  gap: var(--space-3xs);
}

.n-post-list>section.grid.full>article.hol-column>time {
  justify-items: start;
}

.n-post-list>section.grid.full>article.hol-column>p {
  color: var(--color-neutral-4);
}

  .n-product-card-no-button {
	display: flex;
	flex-direction: column;
	text-align: center;
	background-color: var(--color-neutral-8);
	padding: var(--space-s);
	row-gap: var(--space-s);
}

.n-product-card-no-button > div.hol-column {
  justify-items: left;
  text-align: left;
}

.n-product-card-no-button > div.hol-column > img {
	width: 100%;
}

.n-product-card-no-button > div.hol-column > p {
	color: var(--color-neutral-2);
}

  .n-product-detail {
	padding: var(--space-l-2xl) 0;
}

.n-product-detail>section.hol-wrapping-row {
	align-items: center;
}

.n-product-detail>section.hol-wrapping-row>div.hol-column {
	justify-items: start;
}

.n-product-detail>section.hol-wrapping-row>div.hol-column>.category {
	color: var(--color-neutral-4);
	border-style: solid;
  border-color: var(--color-neutral-4);
  border-width: 1px;
	width: fit-content;
	padding: var(--space-3xs) var(--space-xs);
}

.n-product-detail>section.hol-wrapping-row>div.hol-column>footer {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	column-gap: var(--space-s);
}

.n-product-detail>section.hol-wrapping-row>div.hol-column>ul {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	column-gap: var(--space-s);
	list-style: none;
	margin: var(--space-s) 0 0 0;
}

.n-product-detail>section.hol-column.description {
	margin: var(--space-s) 0 0 0;
	padding: var(--space-l-xl);
	justify-items: start;
	background-color: var(--color-neutral-10);
}

.n-product-detail>section.hol-column.description>section.hol-wrapping-row {
	justify-items: start;
}

.n-product-detail>section.hol-column.description>section.hol-wrapping-row>ul {
	padding: var(--space-s);
	flex: 1;
}

  .n-feature-1 {
	background-color: var(--color-neutral-9);
	padding: var(--space-l-2xl) 0;
}

.n-feature-1 > section.hol-wrapping-row {
	align-items: center;
	padding: 0;
}

.n-feature-1 > section.hol-wrapping-row > div.hol-column {
	justify-items: start;
}

.n-feature-1 > section.hol-wrapping-row > div.hol-column > h6 {
	text-transform: uppercase;
}

.n-feature-1 > section.hol-wrapping-row > div.hol-column > .primary {
	font-size: var(--font-size-1);
}

  .n-navigation-small > section {
  flex-wrap: wrap;
  background-color: transparent;
  color: var(--color-neutral-1);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--space-2xs) 0;
}

.n-navigation-small > section > a.logo {
  text-decoration: none;
}

.n-navigation-small > section > a.logo > img {
  width: var(--space-xl);
  border-radius: 0.3em;
}

.n-navigation-small > section > nav > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: var(--space-2xs);
  list-style: none;
}

  .n-product-list-no-buttons {
  padding: var(--space-2xl) 0;
  background-color: var(--color-neutral-9);
}

.n-product-list-no-buttons > section.hol-column {
  justify-items: start;
}

.n-product-list-no-buttons > section.hol-column > div.hol-wrapping-row {
  grid-template-columns: repeat(auto-fit, minmax(30ch, 1fr));
}


  .n-cta-1 {
	padding: var(--space-l-2xl) 0;
	row-gap: var(--space-m);
	background-size: cover;
}

.n-cta-1 > section.hol-column {
	justify-items: center;
}

.n-cta-1 > section.hol-column h1 {
	text-align: center;
}

.n-cta-1 > section.hol-column > div {
	display: flex;
	align-items: center;
	gap: var(--space-s);
}

  .n-faq-1 {
  padding: var(--space-l-2xl) 0;
}

.n-faq-1 > section.hol-wrapping-row > div.hol-column {
  justify-items: start;
  max-width: 65ch;
}

.n-faq-1 > section.hol-wrapping-row > div.hol-column > details {
  border-style: solid;
  border-color: var(--color-neutral-7);
  border-width: 1px;
  border-radius: 0.3em;
  width: 100%;
  padding: var(--space-xs) var(--space-s);
}

.n-faq-1 > section.hol-wrapping-row > div.hol-column > details > div {
  margin: var(--space-xs) 0 0 0;
}

  .n-feature-4 {
	padding: var(--space-2xl) 0;
	background-color: var(--color-neutral-10);
}

.n-feature-4 > section.hol-wrapping-row {
	align-items: center;
}

.n-feature-4 > section.hol-wrapping-row > div.hol-column > h2 {
	color: var(--color-color-2);
	text-align: center;
}

.n-feature-4  > section.hol-wrapping-row > div.hol-column > footer {
	display: flex;
	gap: var(--space-s);
}

.n-feature-4  > section.hol-wrapping-row > div.hol-column > footer > a {
	display: flex;
}

.n-feature-4  > section.hol-wrapping-row > div.hol-column > footer > a > img {
	width: auto;
	height: var(--space-xl);
}

.n-feature-4 > section.hol-wrapping-row  > figure {
  display: flex;
}

.n-feature-4 > section.hol-wrapping-row  > figure > img {
	max-width: 31ch;
}

  .n-feature-5 {
	padding: var(--space-l-2xl) 0;
	row-gap: var(--space-xl);
	background-color: var(--color-neutral-10);
}

.n-feature-5 > section.hol-column {
	justify-items: start;
}

.n-feature-5 > section.hol-column > ul.hol-wrapping-row {
	list-style: none;
}

.n-feature-5 > section.hol-column > ul.hol-wrapping-row > li.hol-column {
	justify-items: start;
}

.n-feature-5 > section.hol-column > ul.hol-wrapping-row > li.hol-column > h2 {
	color: var(--color-neutral-1);
	font-weight: 400;
}
.n-feature-5 > section.hol-column > ul.hol-wrapping-row > li.hol-column > span {
	color: var(--color-neutral-4);
}

  .n-footer-small {
  padding: var(--space-2xl) 0;
	background-color: var(--color-neutral-8);
}

.n-footer-small > section {
	display: flex;
	justify-content: space-between;
  align-items: center;
}

.n-footer-small > section > nav {
  display: flex;
  gap: var(--space-m);
  align-items: center;
}

.n-footer-small > span {
  text-align: center;
  padding: var(--space-m) 0;
  color: var(--color-neutral-5);
}

.n-footer-small > section > a {
	width: var(--space-xl);
  height: auto;
}

  .n-navigation-simple > section {
  flex-wrap: wrap;
  background-color: transparent;
  color: var(--color-neutral-1);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--space-2xs) 0;
}

.n-navigation-small > section > a.logo {
  text-decoration: none;
}

.n-navigation-small > section > a.logo > img {
  width: var(--space-xl);
  border-radius: 0.3em;
}

.n-navigation-small > section > nav > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: var(--space-2xs);
  list-style: none;
}

  .n-contact-2 {
  padding: var(--space-l-2xl) 0;
}

.n-contact-2 > section.hol-wrapping-row {
  align-items: center;
}

.n-contact-2 > section.hol-wrapping-row > form.hol-column {
  justify-items: start;
  max-width: 65ch;
}

.n-contact-2 > section.hol-wrapping-row > form.hol-column > textarea {
  width: 100%;
}

.n-contact-2 > section.hol-wrapping-row > form.hol-column > input {
  width: 100%;
}


  .n-feature-scroll {
	padding: var(--space-l-2xl) 0;
  /* must be row-gap, aotherwise fucks up the padding */
  row-gap: var(--space-s); 
}

.n-feature-scroll > .feature-container {
  grid-template-columns: inherit;
  overflow-x: scroll;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}

.n-feature-scroll > .feature-container::-webkit-scrollbar {
  inline-size: 0 !important;
  display: none;
}

.n-feature-scroll > .feature-container > .wrapper {
  grid-column: standard;
  display: flex;
  align-items: center;
  gap: var(--space-xs);
}

.n-feature-scroll > .feature-container > .wrapper::after {
  content: "";
  align-self: stretch;
  padding-inline-end: max(
    var(--space),
    (100vw - var(--content-max-width)) / 2 - var(--space)
  );
}

.n-feature-scroll > .feature-container > .wrapper > li {
  flex-shrink: 0;
  display: flex;
  scroll-snap-align: center;
  inline-size: 100%;
  max-inline-size: 25rem;
  aspect-ratio: 16 / 9;
  font-size: 2rem;
  background-color: var(--color-neutral-9);
  border-radius: 4px;
  overflow: hidden;
  padding: var(--space-xs) var(--space-s);
}

  .n-footer-large {
  padding: var(--space-2xl) 0;
	background-color: var(--color-neutral-8);
}

.n-footer-large > section > nav {
	display: flex;
	gap: var(--space-m);
}

.n-footer-large > section > div {
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	border-top: 1px solid var(--color-neutral-7);
	padding: var(--space-m) 0 0 0;
	margin: var(--space-m) 0 0 0;
}

.n-footer-large > section > div > nav {
	display: flex;
	gap: var(--space-m);
}

.n-footer-large > section > a {
	width: var(--space-xl);
  height: auto;
}

  .n-navigation-e-commerce > section {
	flex-wrap: wrap;
	background-color: transparent;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: var(--space-2xs) 0;
}

.n-navigation-e-commerce > section > a.logo {
	text-decoration: none;
}

.n-navigation-e-commerce > section > a.logo > img {
	width: var(--space-xl);
	border-radius: 0.3em;
}

.n-navigation-e-commerce > section > div {
	display: flex;
	align-items: center;
	gap: var(--space-2xs);
}

.n-navigation-e-commerce > nav > a {
	padding: var(--space-3xs);
}

.n-navigation-e-commerce > nav {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--space-2xs);
	padding: var(--space-3xs) 0;
}

  .n-product-card-button {
	display: flex;
	flex-direction: column;
	text-align: center;
	background-color: var(--color-neutral-8);
	padding: var(--space-s);
	row-gap: var(--space-s);
}

.n-product-card-button > div.hol-column > img {
	width: 100%;
}

.n-product-card-button > div.hol-column > p {
	color: var(--color-neutral-2);
}

.n-product-card-button > .primary {
	align-self: center;
}

  .n-cart-mini {
  font-size: var(--font-size-0);
  width: fit-content;
}

.n-cart-mini > a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2xs);
  padding: 0.3cap 0.6cap;
  transition: background 0.3s;
  color: var(--color-neutral-2);
}

.n-cart-mini > a:hover {
  text-decoration: none;
  background-color: var(--color-neutral-9);
}

.n-cart-mini > a:hover > span.cart {
  text-decoration: none;
}

  .n-comment-form {
	padding: var(--space-l-2xl) 0;
}

.n-comment-form > section {
	display: flex;
  flex-direction: column;
  gap: var(--space-xs);
}

.n-comment-form > section > form {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
}

.n-comment-form > section > form > .field {
	display: flex;
	flex-direction: column;
	gap: var(--space-2xs);
}

.n-comment-form > section > form > .field > label {
	font-weight: bold;
}

.n-comment-form > section > form > .field > input {
  width: 100%;
	padding: var(--space-2xs);
	border-style: solid;
  border-color: var(--color-neutral-2);
  border-width: 1px;
  border-radius: 0.3em;
}

.n-comment-form > section > form > .field > textarea {
  width: 100%;
	padding: var(--space-2xs);
	border-style: solid;
  border-color: var(--color-neutral-2);
  border-width: 1px;
  border-radius: 0.3em;
}



  .n-cta-2 {
	padding: var(--space-l-2xl) 0;
	row-gap: var(--space-m);
}

.n-cta-2 > section.hol-wrapping-row {
	align-items: center;
}

.n-cta-2 > section.hol-wrapping-row h1 {
	text-align: center;
}

.n-cta-2 > section.hol-wrapping-row > div {
	display: flex;
  align-items: center;
  gap: var(--space-s);
  flex-wrap: wrap;
}

.n-cta-2 > section.hol-wrapping-row > div > div {
  display: flex;
  align-items: center;
  gap: var(--space-s);
  width: 100%;
}

  .n-post-detail {
	padding: var(--space-l-2xl) 0;
	row-gap: 2em;
}

.n-post-detail > time {
	color: var(--color-neutral-2);
}

  .n-pricing-1 {
  padding: var(--space-2xl) 0;
  background-color: var(--color-neutral-9);
}

.n-pricing-1 > section.hol-column {
  gap: var(--space-l);
}

.n-pricing-1 > section.hol-column > ul.hol-wrapping-row {
  list-style: none;
  align-items: center;
}

.n-pricing-1 > section.hol-column > ul.hol-wrapping-row > li.hol-column {
  justify-items: start;
  background-color: var(--color-neutral-8);
  padding: var(--space-m);
}

.n-pricing-1 > section.hol-column > ul.hol-wrapping-row > li.preferred.hol-column {
  padding: var(--space-l);
  background-color: var(--color-neutral-2);
  color: var(--color-neutral-9);
}

  .n-team-1 {
	background-color: var(--color-color-13);
	padding: var(--space-l-2xl) 0;
}

.n-team-1 > section.hol-column > ul.hol-wrapping-row {
  grid-template-columns: repeat(auto-fit, minmax(calc(var(--content-max-width) / 3 - 5rem), 1fr));
}

.n-team-1 > section.hol-column > ul.hol-wrapping-row > li.hol-column {
  justify-items: start;
}

.n-team-1 > section.hol-column > ul.hol-wrapping-row > li.hol-column > div {
  display: flex;
  gap: var(--space-xs);
}

.n-team-1 > section.hol-column > ul.hol-wrapping-row > li.hol-column > div > a > svg {
  height: var(--space-m);
  width: auto;
}

  .n-cta-3 {
	padding: var(--space-l-2xl) 0;
}

.n-cta-3 > section.hol-column {
  text-align: center;
}

.n-cta-3 > section.hol-column > div {
  display: flex;
  gap: var(--space-xs);
  align-items: center;
}