#primary {
  margin-top: 20px;
}
.m-product__thumb-gallery {
  margin-top: 16px;
}

.m-product__thumb-slide {
  width: auto;
  height: auto;
  opacity: .85;
  transition: opacity .15s ease;
}

.m-product__thumb-slide img {
  display: block;
  height: 76px;
  width: auto;
  border: 1px solid transparent;
  border-radius: 6px;
  cursor: pointer;
}

.m-product__right > h2.m-product__title {
  margin-top: 0 !important;
  font-weight: 800 !important;
  font-size: 40px !important;
}

.m-product__box {
  background: #361700;
  color: #fff !important;
  display: inline-block;
  border-radius: .625rem;
  padding: 8px 12px;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 16px !important;
}

.m-product__thumb-slide:hover {
  opacity: 1;
}

.m-product__thumb-slide:hover {
  border-color: #f6dfa4;
}

.m-product__thumb-slide:hover img {
  border-color: #f6dfa4;
}

/* Aktiv thumbnail (Swiper setter denne klassen automatisk) */
.m-product__thumb-gallery .swiper-slide-thumb-active img {
  border-color: #b9b9b9;
}

/* (valgfritt) litt luft mellom thumbs */
.m-product__thumb-gallery .swiper-slide {
  margin-right: 12px;
}

/* Sørg for at hovedbilde ser klikkbart ut */
.m-product__gallery .m-product__tile img {
  cursor: zoom-in;
}

/* Main swiper img */
.js-product-main-swiper img {
  border-radius: 50px;
}

/* Swiper arrows – match kilde (bg hvit, farge #361700) */
.m-product .m-product__arrow {
  width: 44px;
  height: 44px;
  background: #fff;
  border-radius: 999px;
  box-shadow: 0 6px 18px rgba(0,0,0,.12);
  border: 1px solid rgba(54,23,0,.15);
}

.m-product .m-product__arrow::after {
  font-size: 16px;
  font-weight: 700;
  color: #361700; /* pilfarge */
}

/* Skjul inaktive piler (første/siste slide) */
.m-product .m-product__arrow.swiper-button-disabled {
  display: none !important;
}

/* Fancybox close button – match pilene */
.fancybox__toolbar .fancybox__button--close {
  width: 44px;
  height: 44px;
  background: #fff !important;
  border-radius: 999px !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.12);
  border: 1px solid rgba(54,23,0,.15);
  color: #361700 !important;
}

/* Farge på X-ikonet (svg) */
.fancybox__toolbar .fancybox__button--close svg {
  stroke: #361700;
  fill: none;
}

/* Swiper arrows – match kilde */
.m-product .m-product__arrow {
  width: 44px;
  height: 44px;
  background: #fff;
  border-radius: 999px;
  box-shadow: 0 6px 18px rgba(0,0,0,.12);
  border: 1px solid rgba(54,23,0,.15);
}

.m-product .m-product__arrow::after {
  font-size: 16px;
  font-weight: 700;
  color: #361700;
}

/* Skjul inaktive piler (første/siste) */
.m-product .m-product__arrow.swiper-button-disabled {
  display: none !important;
}

/* Fancybox close (X) – samme stil som piler */
.fancybox__toolbar .fancybox__button--close {
  width: 44px;
  height: 44px;
  background: #fff !important;
  border-radius: 999px !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.12);
  border: 1px solid rgba(54,23,0,.15);
  color: #361700 !important;
}

.fancybox__toolbar .fancybox__button--close svg {
  stroke: #361700;
  fill: none;
}

.fancybox__content .fancybox-image {
  border-radius: 50px;
}

/* Close-knapp alltid synlig og over alt */
.fancybox__toolbar,
.fancybox__container .fancybox__toolbar {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  z-index: 99999;
}

/* Style close (samme som pilene dine) */
.fancybox__toolbar .fancybox__button--close {
  width: 44px;
  height: 44px;
  background: #fff !important;
  border-radius: 999px !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.12);
  border: 1px solid rgba(54,23,0,.15);
  color: #361700 !important;
}

.fancybox__toolbar .fancybox__button--close svg {
  stroke: #361700;
  fill: none;
}

.m-product__row {
  align-items: flex-start;
}

.m-product__gf {
  position: sticky;
  top: 24px; /* juster etter header */
  align-self: flex-start;
  border-top: 1px solid #361700;
  padding-top: 10px;
}

#order-form {
  padding-top: 30px;
  padding-bottom: 20px;
}
@media (min-width: 768px) {
  #order-form {
    padding: 0 50px;
  }
}

/* Gravity Forms */
.gform-body input:not(.gform_button) {
    border: 1px solid;
    padding: 20px !important;
}
.gform-page-footer .gform_next_button,
.gform-page-footer .gform_previous_button {
  visibility: hidden;
}

.gform_wrapper.gravity-theme .gfield--type-phone > label {
  display: none;
}

#gform_page_1_2 {
  padding-top: 20px;
}

#field_11_27 legend,
#field_11_27 label,
#field_11_28 legend,
#field_11_28 label,
#field_11_4 label {
  display: none;
}
.gform-body .gfield_required {
  display: none !important;
}

/* FAQ */
.faq-block > .wp-block-group__inner-container {
  padding: 0;
}
.m-product__faq .wp-block-ub-content-toggle-accordion-title-wrap {
  background-color: transparent !important;
  border-top: 1px solid #3a1c04;
  padding: 10px 0;
}
.m-product__faq .wp-block-ub-content-toggle-accordion-title-wrap p {
  padding-left: 0;
}
.m-product__faq .wp-block-ub-content-toggle-accordion-title-wrap .wp-block-ub-content-toggle-accordion-toggle-wrap {
  padding: 0;
  align-items: center;
}

.wp-block-group.alignfull {
  max-width: 100vw !important;
}
.wp-block-group-is-layout-constrained {
  max-width: 826px;
  margin: auto;
}

@media (max-width: 767px) {
  .wp-block-group-is-layout-constrained {
    padding: 20px;
  }
}