:root {
  /* Container sizes */
  --container-narrow: min(100% - var(--container-margin), 900px);
  --container-content: min(100% - var(--container-margin), 1280px);
  --container-wide: min(100% - var(--container-margin), 1760px);
  --container-screen: 100vw;
  --container-margin: var(--space-base);

  /* Colors */
  /* Color values has to be set manuelly in theme.json */
  --color-primary: 1 44 34;
  --color-primary-light: 76 128 116;
  --color-secondary: 37 14 2;
  --color-accent: 76 128 116;
  --color-accent-active: 127 164 155;
  --color-accent-hover: 153 182 175;
  --color-text: 17 24 39;
  --color-white: 255 255 255;
  --color-background: 248 250 252;
  /* --color-light-gray: 230 232 236; */
  --color-light-gray: 196 196 196;

  /* Font family */
  --ff-heading: "Brygada 1918", sans-serif;
  --ff-base: "Montserrat", sans-serif;

  /* Font Sizes */
  /* Calulate from here: https://websemantics.uk/tools/fluid-responsive-property-calculator/ */
  --fs-h1: clamp(32px, calc(2rem + ((1vw - 7.68px) * 2.7344)), 46px);
  --fs-h2: clamp(28px, calc(1.75rem + ((1vw - 7.68px) * 0.7813)), 32px);
  --fs-h3: clamp(24px, calc(1.5rem + ((1vw - 7.68px) * 0.7813)), 28px);
  --fs-h4: clamp(20px, calc(1.25rem + ((1vw - 7.68px) * 0.7813)), 24px);
  --fs-p-plus: clamp(18px, calc(1.125rem + ((1vw - 7.68px) * 0.3906)), 20px);
  --fs-p: clamp(14px, calc(0.875rem + ((1vw - 7.68px) * 0.3906)), 16px);
  --fs-label: clamp(12px, calc(0.625rem + ((1vw - 7.68px) * 0.3906)), 14px);

  /* Font weight */
  --fw-normal: 500;
  --fw-bold: 700;

  /* Line height */
  --lh-base: 1.4;

  /* Border Radius */
  --br-full: 999px;
  --br-base: 0rem;

  /* Spacering */
  --space-xs: clamp(0.5rem, calc(0.5rem + ((1vw - 0.48rem) * 1.5625)), 1rem);
  --space-sm: clamp(1rem, calc(1rem + ((1vw - 0.48rem) * 0.75)), 1.24rem);
  --space-base: clamp(1.5rem, calc(1.5rem + ((1vw - 0.48rem) * 1.5625)), 2rem);
  --space-md: clamp(2rem, calc(2rem + ((1vw - 0.48rem) * 6.25)), 4rem);
  --space-lg: clamp(3rem, calc(3rem + ((1vw - 0.48rem) * 9.375)), 6rem);
  --space-xl: clamp(4rem, calc(4rem + ((1vw - 0.48rem) * 12.5)), 8rem);
}

/* ==========================================================================
   Block attribute classes
   ========================================================================== */

.alignnarrow .container {
  max-width: var(--container-narrow);
  margin-inline: auto;
}

.alignwide .container {
  max-width: var(--container-content);
  margin-inline: auto;
}

.alignfull .container {
  max-width: var(--container-wide);
  margin-inline: auto;
}

/* ==========================================================================
   Button styles
   ========================================================================= */
.button-group__container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}

.block-btn {
  padding: 0.5rem 1.5rem;
  border-radius: var(--br-full);
  transition: all 0.3s ease;
  font-family: var(--ff-heading);
  font-weight: var(--fw-bold);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.btn-style__primary {
  background-color: rgb(var(--color-accent));
  color: rgb(var(--color-white));
  fill: rgb(var(--color-white));
}

.block-btn.btn-style__secondary {
  border: 1px solid rgb(var(--color-text));
}
.btn-style__secondary {
  background-color: transparent;
  color: rgb(var(--color-text));
  fill: rgb(var(--color-text));
  border-radius: var(--br-full);
}
.block-btn.btn-style__secondary:hover {
  background-color: rgb(var(--color-text));
  color: rgb(var(--color-white));
  fill: rgb(var(--color-white));
}
.block-btn.btn-style__secondary:hover .btn-style__secondary {
  color: #fff;
}

.btn-style__tertiary {
  background-color: transparent;
  color: rgb(var(--color-text));
  fill: rgb(var(--color-text));
}

.wp-block-button .wp-element-button {
  background-color: #000;
  color: rgb(var(--color-white));
  border-radius: var(--br-full);
  font-family: var(--ff-heading);
  font-weight: var(--fw-bold);
}

.wp-block-button.is-style-outline {
  border: none;
  border-radius: 999px;
}
.wp-block-button.is-style-outline .wp-element-button {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border: none;
  transition: all 0.3s ease;
  color: rgb(var(--color-white));
  background-color: rgb(var(--color-accent));
}
.wp-block-button.is-style-outline .wp-element-button:after {
  --icon-size: 1rem;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.856' height='12.711' viewBox='0 0 6.856 12.711'%3E%3Cpath id='Pil_Højre' d='M.5.5,6.148,6.148.5,11.8' transform='translate(0.207 0.207)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1'/%3E%3C/svg%3E");
  display: block;
  height: auto;
  width: var(--icon-size);
}

.wp-block-button.is-style-outline .wp-element-button:hover {
  background-color: rgb(var(--color-accent-hover));
}

.wp-block-buttons.is-layout-flex {
  gap: var(--space-sm);
}

.toggle-icon__open,
.toggle-icon__close {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ==========================================================================
   Form styles
   ========================================================================= */
.wp-site-blocks input[type="text"],
.wp-site-blocks input[type="number"],
.wp-site-blocks input[type="email"],
.wp-site-blocks input[type="tel"],
.wp-site-blocks input[type="password"] {
  display: block;
  background-color: #fff;
  width: 100%;
  border-radius: 0.5rem;
  border: 1px solid #d1d5db;
  color: #111827;
  padding-block: 0.75rem;
  padding-inline: 0.75rem;
}

.wp-site-blocks select {
  display: block;
  background-color: #fff;
  width: 100%;
  border-radius: 0.5rem;
  border: 1px solid #d1d5db;
  color: #111827;
  padding-block: 0.75rem;
  padding-inline: 0.75rem;
}

.wp-site-blocks textarea {
  display: block;
  background-color: #fff;
  width: 100%;
  border-radius: 0.5rem;
  border: 1px solid #d1d5db;
  color: #111827;
  padding-block: 0.75rem;
  padding-inline: 0.75rem;
}

.wp-site-blocks label {
  text-align: left;
}

.wp-site-blocks input[type="submit"] {
  background-color: rgb(var(--color-accent));
  color: rgb(var(--color-white));
  padding: 0.7rem 1.5rem;
  border-radius: 0.5rem;
  border: none;
}

/* ==========================================================================
   General stuff
   ========================================================================== */
html {
  scroll-behavior: smooth;
  box-sizing: border-box;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}

p {
  margin-top: 0;
}

button {
  background: initial;
  border: initial;
  padding: initial;
  margin: initial;
  font-size: initial;
}

.bg-image {
  background-position: center;
  background-size: cover;
  padding-top: 0;
  background-repeat: no-repeat;
}

.wp-site-blocks {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.wp-site-blocks > .wp-block-template-part:last-child {
  margin-top: auto;
}

.heading {
  --font-size: var(--fs-p-plus);
  font-weight: var(--fw-bold);
  font-family: var(--ff-heading);
  font-size: var(--font-size);
  margin-bottom: 0;
}

.section-margin {
  margin-block: var(--space-xl);
}

/* ==========================================================================
   AlpineJS load fix
   ========================================================================== */
[x-cloak] {
  display: none !important;
}

/* ==========================================================================
   Swiper js
   ========================================================================== */
:root {
  --swiper-theme-color: rgb(var(--color-primary));
}
.swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
  background: rgb(var(--color-white));
}

/* ==========================================================================
   Navigation
   ========================================================================== */
header * {
  color: inherit;
}

.grow {
  flex-grow: 1;
}

.custom-nav > .wp-block-columns {
  --outer-col-size: 160px;
  display: grid;
  grid-template-columns: 1fr var(--outer-col-size);
  margin-bottom: 0;
  align-items: center !important;
  color: #fff !important;
}

.custom-nav > .wp-block-columns nav.wp-block-navigation {
  gap: var(--space-sm);
}

.custom-nav .wp-block-navigation__container > .wp-block-navigation-item {
  padding: 0.5rem 1rem;
  line-height: 1;
  font-family: var(--ff-heading);
  font-weight: var(--fw-bold);
}

.custom-nav
  .wp-block-navigation__container
  > .wp-block-navigation-item:first-child {
  border: 1px solid rgb(var(--color-white));
  border-radius: 999px;
  color: rgb(var(--color-white));
}

body.woocommerce-shop
  .custom-nav
  .wp-block-navigation__container
  > .wp-block-navigation-item:first-child,
.custom-nav
  .wp-block-navigation__container
  > .wp-block-navigation-item.current-menu-item {
  border-color: rgb(var(--color-accent-active));
  border-radius: 999px;
  color: rgb(var(--color-accent-active));
}

@media (min-width: 767px) {
  .custom-nav
    > .wp-block-columns
    nav.wp-block-navigation
    .wp-block-navigation__submenu-container {
    border-radius: 0.5rem;
    overflow: hidden !important;
    border: none;
    box-shadow: 0 10px 40px -10px rgba(0 0 0 / 15%);
  }
}

.custom-nav
  > .wp-block-columns
  nav.wp-block-navigation
  .wp-block-navigation__submenu-container
  .wp-block-navigation-item:hover {
  background-color: rgb(var(--color-light-gray));
}

@media (max-width: 767px) {
  .custom-nav > .wp-block-columns {
    grid-template-columns: 1fr auto;
  }
  .custom-nav > .wp-block-columns nav.wp-block-navigation {
    justify-content: flex-start;
  }
  .wp-block-navigation__container {
    --navigation-layout-justification-setting: flex-start !important;
    --navigation-layout-justify: flex-start !important;
    width: 100%;
    padding-bottom: 2rem !important;
  }
  .wp-block-navigation__container .wp-block-navigation__submenu-container {
    padding-inline: 0 !important;
  }
  .wp-block-navigation__container .wp-block-navigation__submenu-container li {
    padding-block: 0.5rem;
    padding-left: 1rem;
  }
}

/* ==========================================================================
   Footer
   ========================================================================== */

footer,
footer .wp-block-heading {
  color: rgb(var(--color-white)) !important;
}

footer .footer-list .wc-block-product-categories-list {
  padding: 0;
  list-style: none;
  /* display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: var(--space-base);
  grid-row-gap: 0.5rem; */
  font-weight: var(--fw-normal);
  column-count: 4;
  column-gap: var(--space-base);
}
footer
  .footer-list
  .wc-block-product-categories-list
  .wc-block-product-categories-list-item {
  margin-bottom: 0.5rem;
}

footer .footer-list .wc-block-product-categories-list a:hover {
  color: rgb(var(--color-accent-active));
}

@media (max-width: 1024px) {
  footer .footer-list .wc-block-product-categories-list {
    /* grid-template-columns: repeat(2, 1fr); */
    column-count: 2;
  }
}

@media (max-width: 767px) {
  footer .footer-list .wc-block-product-categories-list {
    /* grid-template-columns: repeat(1, 1fr); */
    column-count: 1;
  }
}

/* ==========================================================================
   WooCommerce
   ========================================================================== */
/* Product archive */
.product-archive-cols {
  gap: var(--space-base);
}
.product-archive-cols .wp-block-column:first-child {
  min-width: 290px;
}

.products-block-post-template .type-product {
  /* display: none; */
}
.products-block-post-template .type-product:not(.product-type-variation) {
  /* display: none; */
}

.products-block-post-template {
  grid-gap: var(--space-base);
  margin-top: calc(var(--space-sm) + 5px);
}

.woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-result-count {
  float: unset !important;
}

.woocommerce .woocommerce-pagination,
.wp-block-query-pagination,
.wc-block-product-collection__pagination {
  margin-top: 2rem;
  display: flex;
  justify-content: center;
}

.woocommerce .woocommerce-pagination ul.page-numbers,
.wp-block-query-pagination {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.55rem;
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0;
}

.woocommerce .woocommerce-pagination ul.page-numbers li,
.wp-block-query-pagination > * {
  margin: 0;
  border: 0;
}

.woocommerce .woocommerce-pagination ul.page-numbers a,
.woocommerce .woocommerce-pagination ul.page-numbers span,
.wp-block-query-pagination a,
.wp-block-query-pagination span,
.wc-block-product-collection__pagination a,
.wc-block-product-collection__pagination span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.5rem;
  height: 2.5rem;
  padding: 0 0.9rem;
  border: 0;
  border-radius: 999px;
  background: #fff;
  color: #2b3b48;
  text-decoration: none;
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    border-color 0.18s ease,
    background-color 0.18s ease;
}

.woocommerce .woocommerce-pagination ul.page-numbers a:hover,
.wp-block-query-pagination a:hover,
.wc-block-product-collection__pagination a:hover {
  transform: translateY(-1px);
  border-color: rgba(43, 59, 72, 0.28);
  /* box-shadow: 0 0.5rem 1.25rem rgba(43, 59, 72, 0.08); */
}

.woocommerce .woocommerce-pagination ul.page-numbers .current,
.wp-block-query-pagination .current,
.wc-block-product-collection__pagination .current {
  background: #2b3b48;
  border-color: #2b3b48;
  color: #fff;
  /* box-shadow: 0 0.5rem 1.25rem rgba(43, 59, 72, 0.16); */
}

.woocommerce .woocommerce-pagination ul.page-numbers .dots,
.wp-block-query-pagination .dots,
.wc-block-product-collection__pagination .dots {
  min-width: auto;
  border: 0;
  background: transparent;
  padding: 0 0.15rem;
  box-shadow: none;
}

.wp-block-query-pagination .is-arrow-arrow {
  display: inherit !important;
  padding: 0;
  margin: 0;
}
.wp-block-query-pagination .wp-block-query-pagination-next,
.wp-block-query-pagination .wp-block-query-pagination-previous {
  height: unset;
  width: auto;
  padding: 0;
}

@media (max-width: 640px) {
  .woocommerce .woocommerce-pagination ul.page-numbers,
  .wp-block-query-pagination,
  .wc-block-product-collection__pagination {
    gap: 0.35rem;
  }

  .woocommerce .woocommerce-pagination ul.page-numbers a,
  .woocommerce .woocommerce-pagination ul.page-numbers span,
  .wp-block-query-pagination a,
  .wp-block-query-pagination span,
  .wc-block-product-collection__pagination a,
  .wc-block-product-collection__pagination span {
    min-width: 2.25rem;
    height: 2.25rem;
    padding: 0 0.7rem;
    font-size: 0.95rem;
  }
}

/* Product Gallery */
.woocommerce .wp-block-woocommerce-product-image-gallery {
  max-width: 100%;
}
.wp-block-woocommerce-product-image-gallery .flex-viewport {
  background-color: rgb(var(--color-background));
  /* padding: 2rem; */
  width: 100%;
  max-width: 100% !important;
  border-radius: var(--br-base);
}

.wp-block-woocommerce-product-image-gallery
  .woocommerce-product-gallery
  .woocommerce-product-gallery__image {
  background-color: rgb(var(--color-background));
}

.wp-block-woocommerce-product-image-gallery
  .woocommerce-product-gallery
  .woocommerce-product-gallery__image
  img {
  mix-blend-mode: multiply;
  max-height: 475px;
  object-fit: contain;
  padding-block: 1rem;
}

.wp-block-woocommerce-product-image-gallery
  .woocommerce-product-gallery
  .woocommerce-product-gallery__image
  img[role="presentation"] {
  /* mix-blend-mode: unset; */
  display: none !important;
}

.wp-block-woocommerce-product-image-gallery
  .flex-control-thumbs::-webkit-scrollbar {
  height: 0.25rem;
  background-color: transparent;
  border-radius: 999px;
}

.wp-block-woocommerce-product-image-gallery
  .flex-control-thumbs::-webkit-scrollbar-thumb {
  background-color: #c4c4c4;
  border-radius: 999px;
  opacity: 0.2;
}

.wp-block-woocommerce-product-image-gallery .flex-control-thumbs {
  --thumb-size: 135px;
  display: flex;
  gap: 0.5rem;
  margin-top: var(--space-xs) !important;
  min-width: var(--thumb-size);
  padding: 0 !important;
  max-height: 400px;
  overflow-x: scroll !important;
}

.wp-block-woocommerce-product-image-gallery .flex-control-thumbs li {
  background-color: rgb(var(--color-background));
  padding: var(--space-xs);
  border-radius: var(--br-base);
  aspect-ratio: 5 / 3;
  width: 100% !important;
  min-width: var(--thumb-size);
  height: auto;
}

.wp-block-woocommerce-product-image-gallery .flex-control-thumbs li img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain;
  mix-blend-mode: multiply;
}

/* Gallery arrows */
ul.flex-direction-nav {
  position: absolute;
  top: 220px;
  z-index: 1;
  width: 100%;
  left: 0;
  margin: 0;
  padding: 0px;
  list-style: none;
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.flex-direction-nav .flex-prev,
.flex-direction-nav .flex-next {
  display: flex;
}

li.flex-nav-prev {
  float: left;
}
li.flex-nav-next {
  float: right;
}
a.flex-next {
  visibility: hidden;
}
a.flex-prev {
  visibility: hidden;
}

a.flex-next::after {
  visibility: visible;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25.336' height='46.671' viewBox='0 0 25.336 46.671'%3E%3Cg id='Group_166' data-name='Group 166' transform='translate(261.688 433.843) rotate(180)'%3E%3Cpath id='Pil_Højre' d='M.5.5,21.007,21.007.5,41.514' transform='translate(259.359 431.514) rotate(180)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='4'/%3E%3Cpath id='Pil_Højre-2' data-name='Pil_Højre' d='M.5.5,21.007,21.007.5,41.514' transform='translate(259.359 431.514) rotate(180)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
  margin-right: 10px;
  font-weight: bold;
}

a.flex-prev::before {
  visibility: visible;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25.336' height='46.671' viewBox='0 0 25.336 46.671'%3E%3Cg id='Group_165' data-name='Group 165' transform='translate(-236.352 -387.172)'%3E%3Cpath id='Pil_Højre' d='M.5.5,21.007,21.007.5,41.514' transform='translate(259.359 431.514) rotate(180)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='4'/%3E%3Cpath id='Pil_Højre-2' data-name='Pil_Højre' d='M.5.5,21.007,21.007.5,41.514' transform='translate(259.359 431.514) rotate(180)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
  margin-left: 10px;
  height: auto;
  display: block;
}

ul.flex-direction-nav li a {
  color: #ccc;
}

ul.flex-direction-nav li a:hover {
  text-decoration: none;
}

ul.flex-direction-nav li a {
  color: #ccc;
}

ul.flex-direction-nav li a:hover {
  text-decoration: none;
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  /* background: url(default-skin.png) 0 0 no-repeat!important; */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.507' height='43.014' viewBox='0 0 22.507 43.014'%3E%3Cg id='Group_224' data-name='Group 224' transform='translate(-212.353 -390)'%3E%3Cpath id='Pil_Højre' d='M.5,42.514a1,1,0,0,1-.707-1.707l19.8-19.8-19.8-19.8A1,1,0,0,1,1.207-.207L21.714,20.3a1,1,0,0,1,0,1.414L1.207,42.221A1,1,0,0,1,.5,42.514Z' transform='translate(234.359 432.514) rotate(180)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E") !important;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  height: 2rem;
  width: 2rem;
}
.pswp__button--arrow--right:before {
  transform: rotate(180deg);
}

/* Shop Sidebar */
.reset-filters {
  padding: 0;
  text-decoration: underline;
  color: rgb(var(--color-text));
}
.shop-sidebar {
  border: 1px solid rgb(var(--color-light-gray));
  padding-block: var(--space-xs);
  padding-inline: var(--space-sm);
  align-self: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  margin-top: var(--space-sm);
  position: sticky;
  top: calc(var(--space-base) + 1rem);
  max-height: 95vh;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgb(var(--color-light-gray)) rgb(var(--color-background));
}

/* Custom scrollbar for Webkit browsers */
.shop-sidebar::-webkit-scrollbar {
  width: 6px;
  background: rgb(var(--color-background));
  border-radius: 8px;
}
.shop-sidebar::-webkit-scrollbar-thumb {
  background: rgb(var(--color-accent));
  border-radius: 8px;
}
.shop-sidebar::-webkit-scrollbar-track {
  background: rgb(var(--color-background));
  border-radius: 8px;
}

.shop-sidebar > .sidebar-filter__item:not(:last-of-type) {
  border-bottom: 1px solid rgb(var(--color-light-gray));
  padding-bottom: var(--space-sm);
}

/* Login form */
.login-form .woocommerce {
  max-width: 350px;
  margin: auto !important;
}
.login-form .woocommerce-form-login {
  border: none !important;
  padding: 0 !important;
}
.login-form .woocommerce-form-login__rememberme {
  margin-bottom: 1rem;
}
.login-form button[type="submit"] {
  background-color: rgb(var(--color-accent));
  color: rgb(var(--color-white));
  border-radius: 0.5rem;
  padding: 0.7rem 1.5rem;
  width: 100%;
}
.login-form .woocommerce-form-row {
  width: 100% !important;
}

/* Product badge */
.product-card .product-badge__new {
  --badge-size: 3rem;
  font-size: 80%;
}
.product-badge__new {
  --badge-size: 5rem;
  position: absolute;
  z-index: 2;
  top: calc(0px - (var(--badge-size) / 3));
  left: 5%;
  background-color: rgb(var(--color-primary));
  height: var(--badge-size);
  width: var(--badge-size);
  border-radius: var(--br-full);
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(var(--color-white));
  font-family: var(--wp--preset--font-family--brygada-1918);
}

/* Product Grid */
ul[data-block-name="woocommerce/product-template"] {
  /* margin-top: calc(var(--space-sm) - 6px); */
  margin-top: var(--space-sm);
}

div[data-block-name="woocommerce/product-results-count"] {
  height: 28px;
  align-content: center;
}

/* ==========================================================================
   Block Patterns
   ========================================================================== */
.product-content-container > .entry-content {
  display: flex;
  flex-direction: column-reverse;
}
.product-content-container
  > .entry-content
  > .wp-block-group.optional-products {
  margin-top: 0 !important;
}
/* Product optional products */
.optional-products .wp-block-columns {
  gap: var(--space-base);
}
.optional-products .wp-block-columns img {
  width: 100%;
}

/* Product Two col section */
.product-two-col-section .wp-block-columns {
  gap: var(--space-base);
  align-items: center !important;
}
.product-two-col-section img {
  width: 100% !important;
  height: 500px !important;
  object-fit: cover !important;
}

/* Product production info */
.product-production-info .wp-block-columns {
  gap: var(--space-base);
}

.product-production-info .wp-block-columns .wp-block-image {
  text-align: center;
}
.product-production-info .wp-block-columns img {
  height: 200px;
  width: 100%;
  object-fit: contain !important;
}

/* Page: Bestilling */
.icon-list-item {
  gap: var(--space-base);
  margin-bottom: var(--space-sm);
}
.icon-list-item svg {
  width: 40px;
  height: auto;
  fill: rgb(var(--color-primary));
}

/* Produktionen / The Production */
.production-page .center-cta-button {
  display: none;
}

/* Standard Packaging */
.packaging-container {
  display: flex;
  flex-direction: column;
  gap: var(--space-base);

  & .packaging-item {
    display: flex;
    align-items: center;
    gap: var(--space-sm);

    & img {
      width: 150px;
      height: auto;
      object-fit: contain;
    }

    & .packaging-content {
      width: 100%;
      flex: 1;

      & h3 {
        margin-bottom: var(--space-xs);
        font-size: var(--fs-h4);
      }
    }

    @media (max-width: 767px) {
      flex-direction: column;
      align-items: flex-start;
    }
  }
}