/* ==========================================================================
   Product Pages – Shared Styles
   Used by: eldvarnarmalning, smabatamalning, skipamalning, breytt-og-baett,
            husamalning-vorur, kalkmalning, steinefnaspartl,
            linolia-og-tretjara, efni-fyrir-tusstoflur
   ========================================================================== */

/* ==========================================================================
   1. Hero Section
   ========================================================================== */

.ser-product-hero {
  background: transparent;
  display: flex;
  align-items: stretch;
  min-height: 400px;
  position: relative;
  overflow: visible;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

/* Gutenberg wraps blocks in this container — make it flex too.
   The doubled class selector beats WP core's .is-layout-flow rule
   which forces display:block. */
.ser-product-hero > .wp-block-group__inner-container.wp-block-group__inner-container {
  display: flex;
  align-items: stretch;
  width: 100%;
}

/* When inner container has only a bare h1 (no __content/__image wrappers),
   push the title to bottom-left via align-self */
.ser-product-hero > .wp-block-group__inner-container > h1,
.ser-product-hero > .wp-block-group__inner-container > .wp-block-heading {
  align-self: flex-end;
  padding: 40px 40px 50px;
}

.ser-product-hero__content {
  flex: 7;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 40px 40px 50px;
  background: #545B5C;
  min-height: 400px;
}

.ser-product-hero__title,
.ser-product-hero h1 {
  font-family: "ivy-presto-headline", ivypresto-display, serif;  font-size: 62px;
  font-weight: 500;
  font-style: normal;
  color: #fff;
  margin: 0;
  letter-spacing: 2px;
  text-align: left;
  word-break: normal;
  margin-left: 10rem;
}

.ser-product-hero__subtitle {
  font-family: granville, serif;
  font-size: 16px;
  line-height: 28px;
  color: rgba(255, 255, 255, 0.8);
  margin: 14px 0 0;
}

.ser-product-hero__image {
  flex: 3;
  overflow: visible;
  position: static;
}

.ser-product-hero__image img {
  width: auto;
  max-width: 27%;
  height: auto;
  display: block;
  position: absolute;
  bottom: -100px;
  right: 10%;
}

/* Hero without image – centered title (used by Skipamálning) */
.ser-product-hero--centered {
  justify-content: center;
  align-items: center;
}

.ser-product-hero--centered > .wp-block-group__inner-container.wp-block-group__inner-container {
  justify-content: center;
  align-items: center;
}

.ser-product-hero--centered .ser-product-hero__content {
  max-width: 100%;
  text-align: center;
  align-items: center;
  justify-content: center;
}

.ser-product-hero--centered h1 {
  text-align: center;
  margin-left: 0;
  margin-right: 0;
}

/* Pages with bare h1 (no __content wrapper) — grey bg on inner container.
   The inner container acts as the grey column for these pages. */
.ser-product-hero:not(:has(.ser-product-hero__content)) > .wp-block-group__inner-container.wp-block-group__inner-container {
  background: #545B5C;
  flex: 7;
  max-width: 70%;
}

/* Full-bleed hero variant (Skipamálning) */
.ser-product-hero--full {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  background: #545B5C;
}

.ser-product-hero--full .ser-product-hero__content {
  background: transparent;
}

/* ==========================================================================
   2. Content Section
   ========================================================================== */

.ser-product-section {
  max-width: 1200px;
  margin: 100px auto;
  padding: 40px 40px;
}

/* First product section after hero */
.ser-product-hero + .ser-product-section {
  margin-top: 100px;
}

.ser-product-section--narrow {
  max-width: 900px;
}

.ser-product-section--border {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

/* Full-bleed section with gradient side strips */
.ser-product-section--baeklingar {
  max-width: none;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  background: linear-gradient(90deg, #ebe6e3 80%, #999a97 80%);
  padding: 100px calc(50vw - 600px);
}

.ser-product-section--voruflokkar {
  max-width: none;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  background: linear-gradient(90deg, #545b5c 10%, #ebe6e3 10%);
  padding: 100px calc(50vw - 600px);
}

/* Two-column layout within a section */
.ser-product-cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: start;
}

.ser-product-image {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  padding-top: 0;
}
.ser-product-image img {
  max-width: 300px;
  height: auto;
}

/* ==========================================================================
   3. Text Blocks
   ========================================================================== */

.ser-product-text {
  font-family: granville, serif;
  font-size: 15px;
  line-height: 28px;
  color: #545b5c;
  margin: 0 0 16px;
  max-width: 900px;
}

body.page-id-77 .ser-product-section > .wp-block-group__inner-container > .ser-product-text {
  max-width: 970px;
}

body.page-id-77 .ser-product-section .ser-product-text > .wp-block-group__inner-container.is-layout-flow {
  grid-template-columns: 1fr !important;
}

@media (max-width: 768px) {
  body.page-id-77 .ser-product-text > .wp-block-group__inner-container.is-layout-flow,
  body.page-id-77 .ser-product-section .ser-product-text > .wp-block-group__inner-container.is-layout-flow,
  body.page-id-77 #um-lista .ser-product-text > .wp-block-group__inner-container.is-layout-flow,
  body.page-id-77 #um-lista .ser-product-text > .wp-block-group__inner-container {
    display: block !important;
    grid-template-columns: none !important;
  }
}

.ser-product-text h3 {
  font-family: granville, serif;
  font-size: 30px !important;
  font-weight: 700;
  color: #545b5c;
  margin: 15px 0;
}

.ser-product-text h3:first-child {
  margin-top: 0;
}

/* H3 headings that are siblings of .ser-product-text (not nested inside it)
   also need bold weight — Woostify inline style resets h3 to inherit(400). */
.ser-product-section h3,
.ser-product-cols h3,
.ser-pdf-section h3 {
  font-family: granville, serif;
  font-size: 30px !important;
  font-weight: 700;
  color: #545b5c;
  margin: 15px 0;
}

.ser-product-text h4 {
  font-family: granville, serif;
  font-size: 16px;
  font-weight: 600;
  color: #2b2b2b;
  margin: 24px 0 8px;
}

form.cart > h4 {
  font-family: granville, serif !important;
  font-weight: 800 !important;
  font-size: 16px;
  color: #2b2b2b;
  margin: 20px 0 10px;
}

.ser-product-text ul,
.ser-product-text ol {
  padding-left: 24px;
  margin: 12px 0 16px;
}

.ser-product-text li {
  margin-bottom: 8px;
  line-height: 28px;
  font-size: 15px;
  color: #545b5c;
}

.ser-product-text a {
  color: #2b2b2b;
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: color 0.2s ease;
}

.ser-product-text a:hover {
  color: #999a97;
}

.ser-product-text em {
  font-size: 13px;
  color: #999a97;
}

/* Section heading used outside text blocks */
.ser-product-heading {
  font-family: granville, serif;
  font-size: 41px;
  font-weight: 500;
  color: #545b5c;
  margin: 0 0 30px;
  letter-spacing: 2px;
  line-height: 1;
}

/* ==========================================================================
   4. PDF Link Sections
   ========================================================================== */

.ser-pdf-section {
  background: linear-gradient(135deg, #f0ece8 0%, #e8e4df 100%);
  padding: 100px 0;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  margin-top: 100px;
  margin-bottom: 100px;
}

/* Centre the inner container of Gutenberg-rendered PDF sections */
.ser-pdf-section > .wp-block-group__inner-container {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
}

/* Gradient side-strip variants (matching live Elementor patterns) */
.ser-pdf-section--taekni {
  background: linear-gradient(90deg, #ebe6e3 85%, #999a97 85%);
}

.ser-pdf-section--oryggi,
.ser-product-section--oryggi {
  background: linear-gradient(90deg, #545b5c 10%, #ebe6e3 10%);
}

/* Product sections with gradient need full-bleed to show side strips */
.ser-product-section--oryggi {
  max-width: none;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 100px calc(50vw - 50% + 40px);
}

.ser-pdf-section--oryggi .ser-pdf-list a,
.ser-pdf-section--oryggi .ser-pdf-list p {
  color: #545b5c;
}

.ser-pdf-list a,
.ser-pdf-section .ser-pdf-list a {
  color: #545b5c !important;
  text-decoration: none !important;
}
.ser-pdf-list a:hover,
.ser-pdf-section .ser-pdf-list a:hover {
  color: #999a97 !important;
}

.ser-pdf-section--oryggi .wp-block-heading {
  color: #545b5c !important;
  font-size: 24px !important;
  letter-spacing: 3px !important;
}

.ser-pdf-section--taekni .wp-block-heading {
  letter-spacing: 2px !important;
}

/* Inner wrapper for non-Gutenberg usage */
.ser-pdf-section__inner {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 40px;
}

.ser-pdf-section__title {
  font-family: granville, serif;
  font-size: 28px;
  font-weight: 400;
  color: #2b2b2b;
  margin: 0 0 24px;
  letter-spacing: 1px;
}

.ser-pdf-section__text {
  font-family: granville, serif;
  font-size: 15px;
  line-height: 28px;
  color: #545b5c;
  margin: 0 0 20px;
  max-width: 800px;
}

/* Accordion using <details>/<summary> */
.ser-pdf-accordion {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  margin-bottom: 0;
}

.ser-pdf-accordion:first-of-type {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.ser-pdf-accordion summary {
  font-family: granville, serif;
  font-size: 16px;
  font-weight: 600;
  color: #2b2b2b;
  padding: 16px 0;
  cursor: pointer;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: color 0.2s ease;
}

.ser-pdf-accordion summary::-webkit-details-marker {
  display: none;
}

.ser-pdf-accordion summary::after {
  content: "+";
  font-size: 20px;
  font-weight: 300;
  color: #999a97;
  transition: transform 0.2s ease;
  flex-shrink: 0;
  margin-left: 16px;
}

.ser-pdf-accordion[open] summary::after {
  content: "\2212";
}

.ser-pdf-accordion summary:hover {
  color: #545b5c;
}

.ser-pdf-accordion__content {
  padding: 0 0 20px;
}

/* ==========================================================================
   5. PDF Link Lists
   ========================================================================== */

.ser-pdf-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px 30px;
}

.ser-pdf-list li,
.ser-pdf-list p {
  margin: 0;
  padding: 4px 0;
}

.ser-pdf-list a {
  font-family: granville, serif;
  font-size: 15px;
  line-height: 1.6;
  color: #2b2b2b;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 4px 0;
  transition: color 0.2s ease;
}

.ser-pdf-list a::before {
  display: none;
}

.ser-pdf-list a:hover {
  color: #999a97;
}

/* ==========================================================================
   6. Two-Column PDF Lists
   ========================================================================== */

.ser-pdf-cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: start;
}

.ser-pdf-cols__group h3 {
  font-family: granville, serif;
  font-size: 20px;
  font-weight: 400;
  color: #2b2b2b;
  margin: 0 0 16px;
  letter-spacing: 1px;
}

/* ==========================================================================
   7. Button Links
   ========================================================================== */

.ser-product-btn {
  display: inline-block;
  padding: 12px 32px;
  font-family: granville, serif;
  font-size: 15px;
  font-weight: 400;
  color: #2b2b2b;
  text-decoration: none;
  border: 1px solid #2b2b2b;
  border-radius: 3px;
  transition: background 0.2s ease, color 0.2s ease;
}

.ser-product-btn:hover,
.ser-product-btn:focus {
  background: #2b2b2b;
  color: #fff;
}

.ser-product-btn--small {
  padding: 8px 20px;
  font-size: 14px;
}

.ser-product-btn--filled {
  background: #545b5c;
  color: #fff;
  border-color: #545b5c;
}

.ser-product-btn--filled:hover,
.ser-product-btn--filled:focus {
  background: #2b2b2b;
  border-color: #2b2b2b;
  color: #fff;
}

/* Skipamálning "Sjá litakort" button — match live Elementor button */
.ser-product-btn--ship,
a.ser-product-btn--ship {
  display: inline-block;
  padding: 12px 24px;
  font-family: "Roboto", sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #fff !important;
  text-decoration: none !important;
  background: #999a97 !important;
  border: none !important;
  border-radius: 2px !important;
  transition: background 0.2s ease;
}
a.ser-product-btn--ship:hover,
a.ser-product-btn--ship:focus {
  background: #888987 !important;
  color: #fff !important;
  text-decoration: none !important;
}

/* Button group */
.ser-product-btns {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin: 20px 0;
}

/* ==========================================================================
   8. Article / Portfolio Card Grid (breytt-og-baett)
   ========================================================================== */

.ser-article-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.ser-article-card {
  display: block;
  text-decoration: none;
  color: #2b2b2b;
  border-radius: 4px;
  overflow: hidden;
  background: #f6f4f4;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.ser-article-card:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  transform: translateY(-2px);
}

.ser-article-card__image {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  display: block;
}

.ser-article-card__body {
  padding: 16px 18px;
}

.ser-article-card__title {
  font-family: granville, serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
  margin: 0;
  color: #2b2b2b;
}

.ser-article-card__caption {
  font-family: granville, serif;
  font-size: 13px;
  color: #999a97;
  margin: 6px 0 0;
  font-style: italic;
}

/* ==========================================================================
   9. Image Section
   ========================================================================== */

.ser-product-image {
  max-width: 900px;
  margin: 24px auto;
  text-align: center;
}

.ser-product-image img,
img.ser-product-image {
  width: 100%;
  max-width: 500px;
  height: auto;
  display: block;
  border-radius: 4px;
}

.ser-product-image figcaption,
.ser-product-image__caption {
  font-family: granville, serif;
  font-size: 13px;
  color: #999a97;
  margin-top: 10px;
  font-style: italic;
}

/* Image within a section, full available width */
.ser-product-image--wide {
  max-width: 1200px;
}

/* ==========================================================================
   10. Logo Grid (efni-fyrir-tusstoflur)
   ========================================================================== */

.ser-logo-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  align-items: center;
  justify-items: center;
  max-width: 900px;
  margin: 30px auto;
}

.ser-logo-grid img {
  max-width: 160px;
  width: 100%;
  height: auto;
  display: block;
  opacity: 0.85;
  transition: opacity 0.2s ease;
}

.ser-logo-grid img:hover {
  opacity: 1;
}

.ser-logo-grid a {
  display: block;
  text-decoration: none;
}

/* ==========================================================================
   11. Product Card Grid (WooCommerce replacement)
   ========================================================================== */

.ser-product-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  max-width: 1200px;
  margin: 0 auto;
}

.ser-product-card {
  text-decoration: none;
  color: #545b5c;
  display: block;
  border-radius: 0;
  overflow: hidden;
  background: transparent;
  transition: transform 0.2s ease;
}

.ser-product-card:hover {
  transform: translateY(-2px);
}

.ser-product-card img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  display: block;
}

.ser-product-card__title {
  font-family: granville, serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  padding: 12px 0 0;
  margin: 0;
  color: #545b5c;
  text-align: center;
}

.ser-product-card__price {
  font-family: granville, serif;
  font-size: 13px;
  color: #999a97;
  padding: 0 14px 12px;
  margin: 0;
}

/* ==========================================================================
   12. Video Links Section
   ========================================================================== */

.ser-video-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.ser-video-list li {
  margin-bottom: 12px;
  font-size: 15px;
  line-height: 1.7;
}

.ser-video-list a {
  font-family: granville, serif;
  color: #2b2b2b;
  text-decoration: underline;
  text-underline-offset: 2px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: color 0.2s ease;
}

.ser-video-list a::before {
  content: "\25B6";
  font-size: 10px;
  color: #999a97;
  flex-shrink: 0;
}

.ser-video-list a:hover {
  color: #999a97;
}

/* Video embeds */
.ser-video-embed {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
  overflow: hidden;
  margin: 16px 0 40px;
  max-width: 900px;
}

.ser-video-embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* Video grid – 3 videos per row */
.ser-video-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px 24px;
  max-width: 1200px;
  margin: 0 auto;
}

.ser-video-grid__title {
  font-family: granville, serif;
  font-size: 18px;
  font-weight: 400;
  color: #545b5c;
  margin: 0 0 12px;
  line-height: 1.4;
}

.ser-video-grid .ser-video-embed {
  margin: 0;
  max-width: none;
}

/* ==========================================================================
   12b. Masonry Image Gallery (Myndagallerí)
   ========================================================================== */

.ser-masonry-gallery {
  column-count: 4;
  column-gap: 1.25rem !important;
  max-width: 1200px;
  margin: 0 auto;
}

#myndagalleri > div > figure > figure {
  margin-bottom: 1.25rem !important;
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 1s ease-out, transform 1s ease-out;
}

#myndagalleri > div > figure > figure.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.ser-masonry-gallery__item {
  break-inside: avoid;
  margin-bottom: 20px;
  display: block;
  overflow: hidden;
  border-radius: 0;
  cursor: pointer;
  transition: opacity 0.2s ease;
}

.ser-masonry-gallery__item:hover {
  opacity: 0.88;
}

.ser-masonry-gallery__item img {
  width: 100%;
  height: auto;
  display: block;
}

/* ==========================================================================
   13. Booklet Section
   ========================================================================== */

.ser-booklet {
  text-align: center;
  margin: 30px 0;
}

.ser-booklet a {
  display: inline-block;
  text-decoration: none;
  transition: transform 0.2s ease;
}

.ser-booklet a:hover {
  transform: translateY(-2px);
}

.ser-booklet img {
  max-width: 320px;
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
  border-radius: 4px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
}

.ser-booklet__caption {
  font-family: granville, serif;
  font-size: 13px;
  color: #999a97;
  margin-top: 12px;
  font-style: italic;
}

/* Booklet grid – 4 cover thumbnails in a row (Bæklingar) */
.ser-booklet-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  max-width: 1200px;
  margin: 0 auto;
}

.ser-booklet-grid__item {
  text-decoration: none;
  color: #545b5c;
  display: block;
  transition: transform 0.2s ease;
}

.ser-booklet-grid__item:hover {
  transform: translateY(-3px);
}

.ser-booklet-grid__item img {
  width: 100%;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  display: block;
}

.ser-booklet-grid__title {
  font-family: granville, serif;
  font-size: 15px;
  font-weight: 400;
  color: #545b5c;
  margin: 12px 0 0;
  line-height: 1.4;
}

/* ==========================================================================
   Responsive – 1024px
   ========================================================================== */

@media (max-width: 1024px) {
  .ser-product-cols {
    gap: 30px;
  }

  .ser-article-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .ser-product-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .ser-logo-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .ser-pdf-cols {
    gap: 30px;
  }
}

/* ==========================================================================
   Responsive – 768px
   ========================================================================== */

@media (max-width: 768px) {
  /* Hero */
  .ser-product-hero {
    flex-direction: column;
    min-height: auto;
  }

  .ser-product-hero > .wp-block-group__inner-container.wp-block-group__inner-container {
    flex-direction: column;
  }

  /* Pages without __content wrapper: full width on mobile */
  .ser-product-hero:not(:has(.ser-product-hero__content)) > .wp-block-group__inner-container.wp-block-group__inner-container {
    max-width: 100%;
  }

  .ser-product-hero__content {
    max-width: 100%;
    padding: 40px 20px;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .ser-product-hero__title,
  .ser-product-hero h1 {
    font-size: 38px;
    text-align: center;
    margin-left: 0;
  }

  .ser-product-hero__image {
    max-width: 100%;
    max-height: 250px;
    overflow: hidden;
  }

  .ser-product-hero__image img {
    width: 100%;
    max-width: 100%;
    position: static;
    left: auto;
    bottom: auto;
    object-fit: cover;
    height: 100%;
  }

  /* Sections */
  .ser-product-section {
    padding: 30px 20px;
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .ser-product-section--baeklingar,
  .ser-product-section--voruflokkar {
    background: #ebe6e3;
    padding: 50px 20px;
  }

  .ser-pdf-section {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .ser-product-cols {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  /* Text */
  .ser-product-text h3 {
    font-size: 24px;
    margin-top: 24px;
  }

  .ser-product-heading {
    font-size: 32px;
  }

  /* PDF */
  .ser-pdf-section {
    padding: 60px 0;
  }

  .ser-pdf-section--taekni,
  .ser-pdf-section--oryggi,
  .ser-product-section--oryggi {
    background: linear-gradient(135deg, #f0ece8 0%, #e8e4df 100%);
  }

  .ser-product-section--oryggi {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    padding: 60px 20px;
  }

  .ser-pdf-section > .wp-block-group__inner-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .ser-pdf-section__inner {
    padding: 0 20px;
  }

  .ser-pdf-section__title {
    font-size: 24px;
  }

  .ser-pdf-list {
    grid-template-columns: repeat(2, 1fr);
  }

  .ser-pdf-cols {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  /* Buttons */
  .ser-product-btn {
    font-size: 14px;
    padding: 10px 24px;
  }

  /* Article grid */
  .ser-article-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }

  .ser-article-card__body {
    padding: 12px 14px;
  }

  .ser-article-card__title {
    font-size: 14px;
  }

  /* Product grid */
  .ser-product-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }

  .ser-product-card__title {
    font-size: 13px;
    padding: 10px 12px;
  }

  /* Logo grid */
  .ser-logo-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }

  .ser-logo-grid img {
    max-width: 130px;
  }

  /* Booklet */
  .ser-booklet img {
    max-width: 260px;
  }

  /* Video grid */
  .ser-video-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 16px;
  }

  /* Masonry gallery */
  .ser-masonry-gallery {
    column-count: 3;
    column-gap: 16px;
  }

  .ser-masonry-gallery__item {
    margin-bottom: 16px;
  }

  /* Booklet grid */
  .ser-booklet-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }

  .ser-booklet-grid__title {
    font-size: 14px;
  }

  /* Image */
  .ser-product-image {
    margin: 20px auto;
  }
}

/* ==========================================================================
   Responsive – 480px
   ========================================================================== */

@media (max-width: 480px) {
  /* Hero — match Elementor mobile (PROD 38px at 375px) */
  .ser-product-hero__title,
  .ser-product-hero h1 {
    font-size: 38px;
  }

  .ser-product-hero__subtitle {
    font-size: 15px;
  }

  /* Sections */
  .ser-product-section {
    padding: 24px 16px;
  }

  /* Text */
  .ser-product-text {
    font-size: 14px;
  }

  .ser-product-text h3 {
    font-size: 20px;
  }

  .ser-product-heading {
    font-size: 26px;
  }

  /* PDF */
  .ser-pdf-list {
    grid-template-columns: 1fr;
  }

  .ser-pdf-section__inner {
    padding: 0 16px;
  }

  .ser-pdf-section__title {
    font-size: 22px;
  }

  .ser-pdf-accordion summary {
    font-size: 15px;
    padding: 14px 0;
  }

  /* Buttons */
  .ser-product-btn {
    width: 100%;
    text-align: center;
  }

  .ser-product-btns {
    flex-direction: column;
  }

  /* Article grid */
  .ser-article-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  /* Product grid */
  .ser-product-grid {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }

  .ser-product-card__title {
    font-size: 12px;
  }

  /* Logo grid */
  .ser-logo-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
  }

  /* Video grid */
  .ser-video-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  /* Masonry gallery */
  .ser-masonry-gallery {
    column-count: 2;
    column-gap: 12px;
  }

  .ser-masonry-gallery__item {
    margin-bottom: 12px;
  }

  /* Video list */
  .ser-video-list li {
    font-size: 14px;
  }

  /* Booklet */
  .ser-booklet img {
    max-width: 220px;
  }

  /* Booklet grid */
  .ser-booklet-grid {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }

  .ser-booklet-grid__title {
    font-size: 13px;
    margin-top: 8px;
  }

  /* Tech info box */
  .ser-tech-info {
    padding: 20px 16px;
  }

  .ser-tech-info h2 {
    font-size: 22px;
  }

  /* Caption images */
  .ser-caption-img img {
    max-width: 100%;
  }
}

/* ==========================================================================
   14. Technical Info Box (verklysingar pages)
   ========================================================================== */

.ser-tech-info {
  background: #f0ece8;
  padding: 28px 24px;
  margin-top: 24px;
}

.ser-tech-info h2 {
  font-family: granville, serif;
  font-size: 24px;
  font-weight: 400;
  color: #2b2b2b;
  margin: 0 0 16px;
  letter-spacing: 1px;
}

.ser-tech-info p {
  font-family: granville, serif;
  font-size: 14px;
  line-height: 1.8;
  color: #545b5c;
  margin: 0 0 14px;
}

.ser-tech-info p:last-child {
  margin-bottom: 0;
}

.ser-tech-info strong {
  color: #2b2b2b;
}

/* ==========================================================================
   15. Caption Images (step-by-step figures)
   ========================================================================== */

.ser-caption-img {
  margin: 16px 0;
}

.ser-caption-img img {
  max-width: 320px;
  width: 100%;
  height: auto;
  display: block;
  border-radius: 4px;
}

.ser-caption-img figcaption {
  font-family: granville, serif;
  font-size: 13px;
  color: #999a97;
  margin-top: 8px;
  font-style: italic;
}

/* ==========================================================================
   16. Right column images in two-col layouts
   ========================================================================== */

.ser-product-cols > div:last-child img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 4px;
  margin-bottom: 16px;
}

/* Caption text under right-column images — exclude paragraphs inside .ser-product-text */
.ser-product-cols > div:last-child > p,
.ser-product-cols > div:last-child > .wp-block-group__inner-container > p:not(.ser-product-text p) {
  font-family: granville, serif;
  font-size: 14px;
  color: #545b5c;
  margin: 0 0 12px;
}

/* Paragraphs inside .ser-product-text must keep the text-block sizing */
.ser-product-text p {
  font-size: inherit;
  color: inherit;
}

/* ==========================================================================
   17. Gutenberg Block Compatibility
   Overrides for native WP blocks to match existing custom HTML styling.
   ========================================================================== */

/* --- 17a. Reset WP block defaults inside product sections --- */
/* Only reset padding/margin on inner nested groups, not the section itself */
.ser-product-section .wp-block-group {
  padding: 0;
  margin: 0;
}

/* Prevent WP is-layout-flow from adding default block spacing */
.ser-product-section .wp-block-group.is-layout-flow > * + * {
  margin-block-start: 0;
}

/* Gradient sections need their full-bleed padding restored */
.ser-product-section--baeklingar.wp-block-group {
  padding: 100px calc(50vw - 600px);
}

.ser-product-section--voruflokkar.wp-block-group {
  padding: 100px calc(50vw - 600px);
}

/* --- 17b. Columns (ser-product-cols via wp-block-columns) --- */
.wp-block-columns.ser-product-cols {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: start;
  flex-wrap: nowrap;
  margin-bottom: 0;
}

.wp-block-columns.ser-product-cols > .wp-block-column {
  flex-basis: auto !important;
  flex-grow: 0;
  margin-left: 0;
}

/* Style wp-block-column with ser-product-text as if it were a plain div */
.wp-block-columns.ser-product-cols > .wp-block-column.ser-product-text {
  font-family: granville, serif;
  font-size: 15px;
  line-height: 28px;
  color: #545b5c;
  margin: 0 0 16px;
  max-width: 900px;
}

/* h4 inside wp-block-column.ser-product-text */
.wp-block-columns.ser-product-cols .wp-block-column.ser-product-text h4.wp-block-heading {
  font-family: granville, serif;
  font-size: 16px;
  font-weight: 600;
  color: #2b2b2b;
  margin: 24px 0 8px;
}

/* First heading in a column: no top margin */
.wp-block-columns.ser-product-cols .wp-block-column.ser-product-text > .wp-block-heading:first-child {
  margin-top: 0;
}

/* --- 17c. Booklet Grid (ser-booklet-grid via wp-block-columns) --- */
.wp-block-columns.ser-booklet-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  max-width: 1200px;
  margin: 0 auto;
  flex-wrap: nowrap;
}

.wp-block-columns.ser-booklet-grid > .wp-block-column {
  flex-basis: auto !important;
  flex-grow: 0;
  margin-left: 0;
}

.wp-block-columns.ser-booklet-grid > .wp-block-column.ser-booklet-grid__item {
  text-decoration: none;
  color: #545b5c;
  display: block;
  transition: transform 0.2s ease;
}

.wp-block-columns.ser-booklet-grid > .wp-block-column.ser-booklet-grid__item:hover {
  transform: translateY(-3px);
}

/* Image inside booklet grid column */
.wp-block-columns.ser-booklet-grid .wp-block-image {
  margin: 0;
}

.wp-block-columns.ser-booklet-grid .wp-block-image img {
  width: 100%;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  display: block;
}

.wp-block-columns.ser-booklet-grid .wp-block-image a {
  display: block;
  text-decoration: none;
  transition: transform 0.2s ease;
}

.wp-block-columns.ser-booklet-grid .wp-block-image a:hover {
  transform: translateY(-3px);
}

/* Figcaption as booklet title */
.wp-block-columns.ser-booklet-grid .wp-block-image figcaption {
  font-family: granville, serif;
  font-size: 15px;
  font-weight: 400;
  color: #545b5c;
  margin: 12px 0 0;
  line-height: 1.4;
  text-align: left;
}

/* --- 17d. Product Card Grid (ser-product-grid via wp-block-columns) --- */
.wp-block-columns.ser-product-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  max-width: 1200px;
  margin: 0 auto 20px;
  flex-wrap: nowrap;
}

.wp-block-columns.ser-product-grid:last-child {
  margin-bottom: 0;
}

.wp-block-columns.ser-product-grid > .wp-block-column {
  flex-basis: auto !important;
  flex-grow: 0;
  margin-left: 0;
  transition: transform 0.2s ease;
}

.wp-block-columns.ser-product-grid > .wp-block-column:hover {
  transform: translateY(-2px);
}

/* Product card images */
.wp-block-columns.ser-product-grid .wp-block-image {
  margin: 0;
}

.wp-block-columns.ser-product-grid .wp-block-image img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  display: block;
}

.wp-block-columns.ser-product-grid .wp-block-image a {
  display: block;
  text-decoration: none;
}

/* Figcaption as product card title */
.wp-block-columns.ser-product-grid .wp-block-image figcaption {
  font-family: granville, serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  padding: 12px 0 0;
  margin: 0;
  color: #545b5c;
  text-align: center;
}

/* --- 17e. Masonry Gallery (ser-masonry-gallery via wp-block-gallery) --- */
.wp-block-gallery.ser-masonry-gallery {
  column-count: 4;
  column-gap: 20px;
  max-width: 1200px;
  margin: 0 auto;
  /* Override WP gallery flex defaults */
  display: block !important;
  gap: 0;
}

/* Override WP is-layout-flex on gallery children */
.wp-block-gallery.ser-masonry-gallery .wp-block-image {
  break-inside: avoid;
  margin-bottom: 20px;
  display: block !important;
  overflow: hidden;
  border-radius: 0;
  cursor: pointer;
  transition: opacity 0.2s ease;
  width: 100% !important;
  max-width: 100% !important;
  flex-basis: auto !important;
  flex-grow: 0 !important;
}

.wp-block-gallery.ser-masonry-gallery .wp-block-image:hover {
  opacity: 0.88;
}

.wp-block-gallery.ser-masonry-gallery .wp-block-image img {
  width: 100% !important;
  height: auto !important;
  display: block;
  object-fit: cover;
}

/* Hide any captions in masonry gallery */
.wp-block-gallery.ser-masonry-gallery .wp-block-image figcaption {
  display: none;
}

/* --- 17f. Video Grid (ser-video-grid via wp-block-columns) --- */
.wp-block-columns.ser-video-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px 24px;
  max-width: 1200px;
  margin: 0 auto 40px;
  flex-wrap: nowrap;
}

.wp-block-columns.ser-video-grid:last-child {
  margin-bottom: 0;
}

.wp-block-columns.ser-video-grid > .wp-block-column {
  flex-basis: auto !important;
  flex-grow: 0;
  margin-left: 0;
}

.wp-block-columns.ser-video-grid > .wp-block-column.ser-video-grid__item {
  display: block;
}

/* Video title paragraph inside grid item */
.wp-block-columns.ser-video-grid .ser-video-grid__title {
  font-family: granville, serif;
  font-size: 18px;
  font-weight: 400;
  color: #545b5c;
  margin: 0 0 12px;
  line-height: 1.4;
}

/* Embed block inside video grid */
.wp-block-columns.ser-video-grid .wp-block-embed {
  margin: 0;
}

.wp-block-columns.ser-video-grid .wp-block-embed .wp-block-embed__wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.wp-block-columns.ser-video-grid .wp-block-embed .wp-block-embed__wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* --- 17g. Hero (ser-product-hero) — moved to style.css (global) --- */

/* --- 17h. Section heading inside wp-block-group --- */
.ser-product-section .wp-block-heading.ser-product-heading,
.wp-block-group .wp-block-heading.ser-product-heading {
  font-family: granville, serif;
  font-size: 41px;
  font-weight: 500;
  color: #545b5c;
  margin: 0 0 30px;
  letter-spacing: 2px;
  line-height: 1;
}

/* --- 17i. Responsive overrides for Gutenberg blocks --- */

@media (max-width: 1024px) {
  .wp-block-columns.ser-product-cols {
    gap: 30px;
  }
  .wp-block-columns.ser-product-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 768px) {
  /* Columns stacking */
  .wp-block-columns.ser-product-cols {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  /* Cover hero — moved to style.css (global) */

  /* Booklet grid */
  .wp-block-columns.ser-booklet-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }

  .wp-block-columns.ser-booklet-grid .wp-block-image figcaption {
    font-size: 14px;
  }

  /* Product grid */
  .wp-block-columns.ser-product-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }

  .wp-block-columns.ser-product-grid .wp-block-image figcaption {
    font-size: 13px;
    padding: 10px 12px;
  }

  /* Masonry gallery */
  .wp-block-gallery.ser-masonry-gallery {
    column-count: 3;
    column-gap: 16px;
  }

  .wp-block-gallery.ser-masonry-gallery .wp-block-image {
    margin-bottom: 16px;
  }

  /* Video grid */
  .wp-block-columns.ser-video-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 16px;
  }

  /* Section heading */
  .wp-block-heading.ser-product-heading {
    font-size: 32px;
  }

  /* Baeklingar/Voruflokkar gradient sections with WP blocks */
  .ser-product-section--baeklingar .wp-block-columns.ser-booklet-grid,
  .ser-product-section--voruflokkar .wp-block-columns.ser-product-grid {
    max-width: 100%;
  }

  /* Gradient sections: remove gradient, add solid background */
  .ser-product-section--baeklingar.wp-block-group,
  .ser-product-section--voruflokkar.wp-block-group {
    background: #ebe6e3;
    padding: 50px 20px;
  }
}

@media (max-width: 480px) {
  /* Cover hero — moved to style.css (global) */

  /* Booklet grid */
  .wp-block-columns.ser-booklet-grid {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }

  .wp-block-columns.ser-booklet-grid .wp-block-image figcaption {
    font-size: 13px;
    margin-top: 8px;
  }

  /* Product grid */
  .wp-block-columns.ser-product-grid {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }

  .wp-block-columns.ser-product-grid .wp-block-image figcaption {
    font-size: 12px;
  }

  /* Masonry gallery */
  .wp-block-gallery.ser-masonry-gallery {
    column-count: 2;
    column-gap: 12px;
  }

  .wp-block-gallery.ser-masonry-gallery .wp-block-image {
    margin-bottom: 12px;
  }

  /* Video grid */
  .wp-block-columns.ser-video-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  /* Section heading */
  .wp-block-heading.ser-product-heading {
    font-size: 26px;
  }
}

/* --- 17j. Verklýsingar Hero (ser-verk-hero via wp-block-group) --- */
.wp-block-group.ser-verk-hero {
  background: #545B5C;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 80px 20px;
  text-align: center;
}

.wp-block-group.ser-verk-hero .wp-block-heading {
  font-family: "ivypresto-display", serif;
  font-size: 62px;
  font-weight: 500;
  color: #fff;
  margin: 0;
  letter-spacing: 2px;
}

/* --- 17k. Navigation Buttons (ser-verk-nav via wp-block-group) --- */
.wp-block-group.ser-verk-nav {
  text-align: center;
  padding: 40px 20px;
}

.ser-verk-nav .wp-block-buttons {
  justify-content: center;
}

.ser-verk-nav .wp-block-button .wp-block-button__link {
  background: transparent;
  border: 2px solid #545B5C;
  color: #545B5C;
  font-family: granville, serif;
  font-size: 15px;
  padding: 12px 24px;
  border-radius: 0;
}

.ser-verk-nav .wp-block-button .wp-block-button__link:hover {
  background: #545B5C;
  color: #fff;
}

/* --- 17l. Verklýsingar section spacing --- */
.ser-product-section .wp-block-heading.ser-product-heading {
  margin-bottom: 30px;
}

/* Card title alignment for product grid figcaptions */
.wp-block-columns.ser-product-grid .wp-block-image figcaption {
  text-align: left;
}

/* --- 17m. Verklýsingar Responsive --- */
@media (max-width: 768px) {
  .wp-block-group.ser-verk-hero {
    padding: 60px 20px;
  }

  .wp-block-group.ser-verk-hero .wp-block-heading {
    font-size: 42px;
  }

  .ser-verk-nav .wp-block-button .wp-block-button__link {
    font-size: 13px;
    padding: 10px 18px;
  }
}

@media (max-width: 480px) {
  .wp-block-group.ser-verk-hero {
    padding: 40px 16px;
  }

  .wp-block-group.ser-verk-hero .wp-block-heading {
    font-size: 32px;
  }
}

/* ==========================================================================
   17n. Gutenberg Compat — Article Grid (breytt-og-baett)
   wp-block-columns.ser-article-grid > wp-block-column.ser-article-card
   ========================================================================== */

.wp-block-columns.ser-article-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  flex-wrap: nowrap;
  margin-bottom: 0;
}

.wp-block-columns.ser-article-grid > .wp-block-column {
  flex-basis: auto !important;
  flex-grow: 0;
  margin-left: 0;
}

.wp-block-columns.ser-article-grid > .wp-block-column.ser-article-card {
  background: #f6f4f4;
  border-radius: 4px;
  overflow: hidden;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.wp-block-columns.ser-article-grid > .wp-block-column.ser-article-card:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  transform: translateY(-2px);
}

.wp-block-columns.ser-article-grid .wp-block-image {
  margin: 0;
}

.wp-block-columns.ser-article-grid .wp-block-image img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  display: block;
}

.wp-block-columns.ser-article-grid .wp-block-image a {
  display: block;
  text-decoration: none;
}

.wp-block-columns.ser-article-grid .wp-block-heading {
  font-family: granville, serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
  margin: 0;
  padding: 16px 18px;
  color: #2b2b2b;
}

/* ==========================================================================
   17o. Gutenberg Compat — Verk Grid (verklysingar)
   wp-block-columns.ser-verk-grid > wp-block-column.ser-verk-card
   ========================================================================== */

.wp-block-columns.ser-verk-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  flex-wrap: nowrap;
  margin-bottom: 0;
}

.wp-block-columns.ser-verk-grid > .wp-block-column {
  flex-basis: auto !important;
  flex-grow: 0;
  margin-left: 0;
}

.wp-block-columns.ser-verk-grid > .wp-block-column.ser-verk-card {
  background: #f6f4f4;
  border-radius: 4px;
  overflow: hidden;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.wp-block-columns.ser-verk-grid > .wp-block-column.ser-verk-card:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  transform: translateY(-2px);
}

.wp-block-columns.ser-verk-grid .wp-block-image {
  margin: 0;
}

.wp-block-columns.ser-verk-grid .wp-block-image img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  display: block;
}

.wp-block-columns.ser-verk-grid .wp-block-image a {
  display: block;
  text-decoration: none;
}

.wp-block-columns.ser-verk-grid .wp-block-heading {
  font-family: granville, serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
  margin: 0;
  padding: 16px 18px;
  color: #2b2b2b;
}

/* ==========================================================================
   17p. Gutenberg Compat — Product Button (multiple pages)
   wp-block-button.ser-product-btn > wp-block-button__link
   ========================================================================== */

/* Reset WP default button styles */
.wp-block-button.ser-product-btn .wp-block-button__link {
  display: inline-block;
  padding: 12px 32px;
  font-family: granville, serif;
  font-size: 15px;
  font-weight: 400;
  color: #2b2b2b;
  text-decoration: none;
  background: transparent;
  border: 1px solid #2b2b2b;
  border-radius: 3px;
  transition: background 0.2s ease, color 0.2s ease;
}

.wp-block-button.ser-product-btn .wp-block-button__link:hover,
.wp-block-button.ser-product-btn .wp-block-button__link:focus {
  background: #2b2b2b;
  color: #fff;
}

/* ==========================================================================
   17q. Gutenberg Compat — Verk Nav Buttons (verklysingar)
   wp-block-buttons.ser-verk-nav > wp-block-button.ser-verk-nav__btn
   ========================================================================== */

.wp-block-buttons.ser-verk-nav {
  justify-content: center;
  gap: 12px;
  padding: 40px 20px;
}

.wp-block-button.ser-verk-nav__btn .wp-block-button__link {
  display: inline-block;
  padding: 12px 32px;
  font-family: granville, serif;
  font-size: 15px;
  font-weight: 400;
  color: #fff;
  text-decoration: none;
  background: #545b5c;
  border: none;
  border-radius: 3px;
  transition: background 0.2s ease, color 0.2s ease;
}

.wp-block-button.ser-verk-nav__btn .wp-block-button__link:hover,
.wp-block-button.ser-verk-nav__btn .wp-block-button__link:focus {
  background: #2b2b2b;
  color: #fff;
}

/* ==========================================================================
   17r. Gutenberg Compat — Product Text Group (multiple pages)
   wp-block-group.ser-product-text
   ========================================================================== */

.wp-block-group.ser-product-text {
  font-family: granville, serif;
  font-size: 15px;
  line-height: 28px;
  color: #545b5c;
  max-width: 900px;
  padding: 0;
}

.wp-block-group.ser-product-text .wp-block-heading {
  font-family: granville, serif;
  font-size: 16px;
  font-weight: 600;
  color: #2b2b2b;
  margin: 24px 0 8px;
}

.wp-block-group.ser-product-text > .wp-block-heading:first-child {
  margin-top: 0;
}

.wp-block-group.ser-product-text p {
  margin: 0 0 16px;
}

/* ==========================================================================
   17s. Gutenberg Compat — Hero Image (husamalning, linolia)
   wp-block-image.ser-product-hero__image / ser-product-hero__img
   ========================================================================== */

.wp-block-image.ser-product-hero__image,
.wp-block-image.ser-product-hero__img {
  margin: 0;
}

.wp-block-image.ser-product-hero__image img,
.wp-block-image.ser-product-hero__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}


/* ==========================================================================
   Listar og rosettur (page-id-77)
   ========================================================================== */

/* 1. Text section: two-column layout with LIMREIKNIR on the right */
body.page-id-77 #um-lista .ser-product-text {
  max-width: 955px !important;
}

body.page-id-77 #um-lista .ser-product-text > .wp-block-group__inner-container {
  display: grid !important;
  grid-template-columns: 1fr 180px;
  gap: 20px 40px;
  align-items: start;
}

body.page-id-77 #um-lista .ser-product-text > .wp-block-group__inner-container > p {
  grid-column: 1 !important;
}
body.page-id-77 #um-lista .ser-product-text > .wp-block-group__inner-container > p:last-child {
  grid-column: 2 !important;
  grid-row: 1 / -1;
  align-self: center;
  padding-top: 0;
}

/* LIMREIKNIR: red, caps, bold */
body.page-id-77 #um-lista .ser-product-text > .wp-block-group__inner-container > p:last-child a {
  color: #c0392b !important;
  font-family: granville, serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  text-transform: uppercase;
  text-decoration: none !important;
  letter-spacing: 1px;
}
body.page-id-77 #um-lista .ser-product-text > .wp-block-group__inner-container > p:last-child a:hover {
  text-decoration: underline !important;
}

/* 2. Uppsetning section: gray background, full-width */
body.page-id-77 #uppsetning {
  background: transparent !important;
  width: 100vw;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding: 60px 0 80px !important;
  max-width: none !important;
}
body.page-id-77 #uppsetning > .wp-block-group__inner-container {
  max-width: 1055px;
  margin: 0 auto;
  padding: 0 40px;
}

/* 3. H3 "Uppsetning a listum": ivypresto-display 500 41px/41px */
body.page-id-77 #uppsetning h3,
body.page-id-77 #uppsetning h3.wp-block-heading {
  font-family: "ivypresto-display", serif !important;
  font-weight: 500 !important;
  font-size: 41px !important;
  line-height: 41px !important;
  color: rgb(84, 91, 92) !important;
  letter-spacing: 2px !important;
  margin: 0 0 30px 0 !important;
}

/* 4. H4 subcaptions: granville 700 30px/45px */
body.page-id-77 #uppsetning h4,
body.page-id-77 #uppsetning h4.wp-block-heading {
  font-family: granville, serif !important;
  font-weight: 700 !important;
  font-size: 30px !important;
  line-height: 45px !important;
  color: rgb(84, 91, 92) !important;
  margin: 30px 0 12px 0 !important;
}

/* 5. Uppsetning: two-column layout for the H4+p pairs */
body.page-id-77 #uppsetning .ser-product-text > .wp-block-group__inner-container {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 0 60px;
}

/* H3 and intro paragraph span full width */
body.page-id-77 #uppsetning .ser-product-text > .wp-block-group__inner-container > h3 {
  grid-column: 1 / -1;
}
body.page-id-77 #uppsetning .ser-product-text > .wp-block-group__inner-container > h3 + p {
  grid-column: 1 / -1;
  margin-bottom: 20px;
}

/* Uppsetning body text */
body.page-id-77 #uppsetning .ser-product-text p {
  font-family: granville, serif;
  font-size: 15px;
  line-height: 28px;
  color: #545b5c;
}

/* ==========================================================================
   Linolia og tretjara (page-id-8597) — hero image + page fixes
   ========================================================================== */

body.page-id-8597 .ser-product-hero {
  min-height: 540px;
  overflow: hidden;
}

body.page-id-8597 .ser-product-hero > .wp-block-group__inner-container.wp-block-group__inner-container {
  position: static;
  min-height: 540px;
  overflow: visible;
}

body.page-id-8597 .wp-block-image.ser-product-hero__img {
  position: absolute !important;
  right: 5vw;
  top: 0;
  bottom: auto;
  height: 100%;
  width: 30vw;
  margin: 0 !important;
  z-index: 5;
}

body.page-id-8597 .wp-block-image.ser-product-hero__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}

body.page-id-8597 .ser-product-hero h1 {
  position: relative;
  z-index: 2;
}

/* Button fix — remove parent wrapper background/border */
body.page-id-8597 .ser-product-btn {
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

body.page-id-8597 .ser-product-btn .wp-block-button__link {
  background: #545b5c !important;
  background-color: #545b5c !important;
  color: #fff !important;
  border: none !important;
  border-radius: 2px !important;
  font-family: granville, serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  padding: 12px 28px !important;
  text-decoration: none !important;
  outline: none !important;
  box-shadow: none !important;
}

body.page-id-8597 .ser-product-btn .wp-block-button__link:hover,
body.page-id-8597 .ser-product-btn .wp-block-button__link:focus {
  background: #2b2b2b !important;
  color: #fff !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Booklet images — constrain size */
body.page-id-8597 .ser-booklet .wp-block-image {
  max-width: 500px !important;
  margin: 0 !important;
}

body.page-id-8597 .ser-booklet .wp-block-image img {
  width: 100%;
  height: auto;
  object-fit: contain;
}



/* Listar: Myndbönd captions */
body.page-id-77 #myndbond .ser-video-grid__title,
body.page-id-77 #myndbond figcaption {
  font-family: granville, serif !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 28px !important;
  color: #545b5c;
  margin-bottom: 1.5rem !important;
}

/* Listar: Bæklingar captions 18px/28px weight 400 */
body.page-id-77 .ser-product-section--baeklingar .ser-booklet-grid figcaption {
  font-family: granville, serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 28px !important;
  color: #545b5c;
  text-align: center;
  margin-top: 12px !important;
}

/* Listar: Vöruflokkar captions centered */
body.page-id-77 .ser-product-section--voruflokkar .ser-product-grid figcaption {
  text-align: center !important;
  font-family: granville, serif !important;
  font-weight: 600 !important;
  font-size: 18px !important;
  line-height: 27px !important;
  color: #545b5c;
  margin-top: 12px !important;
}

/* Listar: LÍMREIKNIR link in Uppsetning — orange uppercase */
body.page-id-77 #uppsetning .ser-product-text a[href*="glue-calculator"] {
  color: #c0392b !important;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.5px;
}
body.page-id-77 #uppsetning .ser-product-text a[href*="glue-calculator"]:hover {
  text-decoration: underline;
}

/* Listar: Uppsetning gray stripe on right (matches live pattern) */
body.page-id-77 #uppsetning::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: calc(10% + (50vw - 50%));
  background: #999a97;
  z-index: 0;
}
body.page-id-77 #uppsetning {
  position: relative !important;
  overflow: hidden;
}
body.page-id-77 #uppsetning > .wp-block-group__inner-container {
  position: relative;
  z-index: 1;
}

/* Línolía: text section — two columns, no gray bg */

/* Línolía: section headings — ivypresto-display 41px/62px */
body.page-id-8597 .ser-product-section > .wp-block-group__inner-container > h2,
body.page-id-8597 .ser-product-section h2.wp-block-heading {
  font-family: "ivypresto-display", serif !important;
  font-size: 41px !important;
  line-height: 62px !important;
  font-weight: 400 !important;
  color: rgb(84, 91, 92) !important;
  letter-spacing: 1px;
}

/* Línolía: gray stripe on right side of Vörur section */
body.page-id-8597 .ser-product-section:nth-of-type(2) {
  position: relative;
}
body.page-id-8597 .ser-product-section:nth-of-type(2)::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: calc(-1 * (50vw - 50%));
  width: calc(10% + (50vw - 50%));
  background: #999a97;
  z-index: 0;
}
body.page-id-8597 .ser-product-section:nth-of-type(3) > .wp-block-group__inner-container {
  position: relative;
  z-index: 1;
}

/* Línolía: two-column text flow */
/* Widen container so text section fills viewport (no gray gap on right) */
body.page-id-8597 .site-content .woostify-container.woostify-container.container-fluid {
  max-width: 1400px !important;
}
body.page-id-8597 .ser-product-text--twocol {
  max-width: 1140px !important;
}
body.page-id-8597 .ser-product-text--twocol > .wp-block-group__inner-container {
  column-count: 2 !important;
  column-gap: 60px;
}
body.page-id-8597 .ser-product-text--twocol p {
  break-inside: avoid;
}

body.page-id-8597 .ser-product-hero + .ser-product-section {
  background: transparent !important;
  max-width: 1200px !important;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
}
/* Text section now uses column-count instead of flex */
body.page-id-8597 .ser-product-hero + .ser-product-section .ser-product-text {
  flex: 1 1 55%;
  min-width: 0;
}
body.page-id-8597 .ser-product-hero + .ser-product-section .ser-product-text + .wp-block-group,
body.page-id-8597 .ser-product-hero + .ser-product-section .ser-product-text + .wp-block-image {
  flex: 1 1 40%;
}
body.page-id-8597 .ser-product-hero + .ser-product-section .ser-product-text + .wp-block-group img,
body.page-id-8597 .ser-product-hero + .ser-product-section .ser-product-text + .wp-block-image img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* Línolía: PDF sections — simple list (override grid) */
body.page-id-8597 .ser-pdf-section .ser-pdf-list {
  display: block !important;
}
body.page-id-8597 .ser-pdf-section .ser-pdf-list p {
  margin: 0px 0 2px 0;
  padding: 4px 0;
}
body.page-id-8597 .ser-pdf-section .ser-pdf-list h6 {
  font-family: granville, serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #2b2b2b !important;
  margin: 0 0 16px 0 !important;
}
body.page-id-8597 .ser-pdf-section .ser-pdf-list a {
  font-family: granville, serif;
  font-size: 15px;
  color: #545b5c;
  text-decoration: none;
}
body.page-id-8597 .ser-pdf-section .ser-pdf-list a:hover {
  color: #2b2b2b;
  text-decoration: underline;
}

/* Línolía: video section — two-column layout (iframe left, list right) */
body.page-id-8597 .ser-video-section > .wp-block-group__inner-container {
  display: flex !important;
  gap: 40px;
  align-items: flex-start;
}
body.page-id-8597 .ser-video-section .wp-block-embed {
  flex: 0 0 45%;
  max-width: 45%;
}
body.page-id-8597 .ser-video-section .ser-video-list {
  flex: 1 1 50%;
}
body.page-id-8597 .ser-video-list p {
  margin: 0 0 10px 0;
}
body.page-id-8597 .ser-video-list a {
  font-family: granville, serif;
  font-size: 15px;
  color: #545b5c;
  text-decoration: none;
}
body.page-id-8597 .ser-video-list a:hover {
  color: #2b2b2b;
  text-decoration: underline;
}

/* Línolía: font-size fix for text paragraphs (live uses 15px) */
body.page-id-8597 .ser-product-text p {
  font-size: 15px !important;
}

/* Línolía: "Sjá allar vörur" button margin */
body.page-id-8597 .ser-product-grid + .wp-block-buttons {
  margin-top: 2rem !important;
}

/* Línolía: center booklet images */
body.page-id-8597 .ser-booklet .wp-block-image {
  margin: 0 auto !important;
}

/* Línolía: video section heading full-width, proper 2-col layout */
body.page-id-8597 .ser-video-section > .wp-block-group__inner-container {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 30px 40px;
  align-items: flex-start;
}
body.page-id-8597 .ser-video-section h2.wp-block-heading {
  flex: 0 0 100% !important;
  width: 100% !important;
}
body.page-id-8597 .ser-video-section .wp-block-embed {
  flex: 0 0 45% !important;
  max-width: 45% !important;
}
body.page-id-8597 .ser-video-section .ser-video-list {
  flex: 1 1 45% !important;
}

/* Línolía: remove play icons from video list */
body.page-id-8597 .ser-video-list a::before,
body.page-id-8597 .ser-video-list li::before {
  content: none !important;
  display: none !important;
}
body.page-id-8597 .ser-video-list a {
  display: inline !important;
}
body.page-id-8597 .ser-video-list ul {
  list-style-type: disc !important;
  padding-left: 20px !important;
}
body.page-id-8597 .ser-video-list li {
  list-style-type: disc !important;
  padding-left: 0 !important;
}

/* Línolía: product grid */
body.page-id-8597 .wp-block-group.ser-product-grid {
  display: block !important;
  max-width: none !important;
}
body.page-id-8597 .ser-product-grid > .wp-block-group__inner-container {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 24px;
  margin-top: 24px;
  width: 100% !important;
  max-width: 100% !important;
}
body.page-id-8597 .ser-product-grid .wp-block-image {
  margin: 0;
}
body.page-id-8597 .ser-product-grid .wp-block-image img {
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: contain;
  background: transparent;
  border-radius: 0;
}
body.page-id-8597 .ser-product-grid .wp-block-image figcaption {
  font-family: granville, serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 28px !important;
  color: rgb(153, 154, 151) !important;
  text-align: center;
  margin-top: 8px;
}

/* ==========================================================================
   17t. Gutenberg Compat — PDF Accordion (husamalning-vorur)
   wp-block-group.ser-pdf-accordion > wp-block-details
   ========================================================================== */

.wp-block-group.ser-pdf-accordion {
  padding: 0;
}

.wp-block-group.ser-pdf-accordion > .wp-block-details {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  margin-bottom: 0;
}

.wp-block-group.ser-pdf-accordion > .wp-block-details:first-child {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.wp-block-group.ser-pdf-accordion .wp-block-details summary {
  font-family: granville, serif;
  font-size: 16px;
  font-weight: 600;
  color: #2b2b2b;
  padding: 16px 0;
  cursor: pointer;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: color 0.2s ease;
}

.wp-block-group.ser-pdf-accordion .wp-block-details summary::-webkit-details-marker {
  display: none;
}

.wp-block-group.ser-pdf-accordion .wp-block-details summary::after {
  content: "+";
  font-size: 20px;
  font-weight: 300;
  color: #999a97;
  transition: transform 0.2s ease;
  flex-shrink: 0;
  margin-left: 16px;
}

.wp-block-group.ser-pdf-accordion .wp-block-details[open] summary::after {
  content: "\2212";
}

.wp-block-group.ser-pdf-accordion .wp-block-details summary:hover {
  color: #545b5c;
}

/* PDF list inside details */
.wp-block-group.ser-pdf-accordion .wp-block-group.ser-pdf-list {
  padding: 0 0 20px;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px 30px;
}

.wp-block-group.ser-pdf-accordion .ser-pdf-list p {
  margin: 0;
  padding: 4px 0;
}

.wp-block-group.ser-pdf-accordion .ser-pdf-list a {
  font-family: granville, serif;
  font-size: 15px;
  line-height: 1.6;
  color: #2b2b2b;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 4px 0;
  transition: color 0.2s ease;
  border-bottom: 1px solid transparent;
}

.wp-block-group.ser-pdf-accordion .ser-pdf-list a::before {
  display: none;
}

.wp-block-group.ser-pdf-accordion .ser-pdf-list a:hover {
  color: #999a97;
  }

/* ==========================================================================
   17u. Gutenberg Compat — Booklet (linolia-og-tretjara)
   wp-block-group.ser-booklet
   ========================================================================== */

.wp-block-group.ser-booklet {
  text-align: center;
  margin: 30px 0;
  padding: 0;
}

.wp-block-group.ser-booklet .wp-block-image {
  margin: 0 auto;
}

.wp-block-group.ser-booklet .wp-block-image img {
  max-width: 320px;
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
  border-radius: 4px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
}

.wp-block-group.ser-booklet .wp-block-image a {
  display: inline-block;
  text-decoration: none;
  transition: transform 0.2s ease;
}

.wp-block-group.ser-booklet .wp-block-image a:hover {
  transform: translateY(-2px);
}

.wp-block-group.ser-booklet p {
  font-family: granville, serif;
  font-size: 13px;
  color: #999a97;
  margin-top: 12px;
  font-style: italic;
}

.wp-block-group.ser-booklet p a {
  color: inherit;
  text-decoration: none;
}

/* ==========================================================================
   17v. Gutenberg Compat — Video List (linolia-og-tretjara)
   wp-block-group.ser-video-list
   ========================================================================== */

.wp-block-group.ser-video-list {
  padding: 0;
}

.wp-block-group.ser-video-list p {
  margin-bottom: 12px;
  font-size: 15px;
  line-height: 1.7;
}

.wp-block-group.ser-video-list a {
  font-family: granville, serif;
  color: #2b2b2b;
  text-decoration: underline;
  text-underline-offset: 2px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: color 0.2s ease;
}

.wp-block-group.ser-video-list a::before {
  content: "\25B6";
  font-size: 10px;
  color: #999a97;
  flex-shrink: 0;
}

.wp-block-group.ser-video-list a:hover {
  color: #999a97;
}

/* ==========================================================================
   17w. Gutenberg Compat — PDF Columns (linolia-og-tretjara)
   wp-block-columns.ser-pdf-cols
   ========================================================================== */

.wp-block-columns.ser-pdf-cols {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: start;
  flex-wrap: nowrap;
  margin-bottom: 0;
}

.wp-block-columns.ser-pdf-cols > .wp-block-column {
  flex-basis: auto !important;
  flex-grow: 0;
  margin-left: 0;
}

.wp-block-columns.ser-pdf-cols .wp-block-column.ser-pdf-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.wp-block-columns.ser-pdf-cols .wp-block-heading {
  font-family: granville, serif;
  font-size: 20px;
  font-weight: 400;
  color: #2b2b2b;
  margin: 0 0 16px;
  letter-spacing: 1px;
}

.wp-block-columns.ser-pdf-cols .ser-pdf-list p {
  margin: 0;
  padding: 4px 0;
}

.wp-block-columns.ser-pdf-cols .ser-pdf-list a {
  font-family: granville, serif;
  font-size: 15px;
  line-height: 1.6;
  color: #2b2b2b;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 4px 0;
  transition: color 0.2s ease;
  border-bottom: 1px solid transparent;
}

.wp-block-columns.ser-pdf-cols .ser-pdf-list a::before {
  display: none;
}

.wp-block-columns.ser-pdf-cols .ser-pdf-list a:hover {
  color: #999a97;
  }

/* ==========================================================================
   17x. Gutenberg Compat — Logo Grid (efni-fyrir-tusstoflur)
   wp-block-group.ser-logo-grid
   ========================================================================== */

.wp-block-group.ser-logo-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  align-items: center;
  justify-items: center;
  max-width: 900px;
  margin: 30px auto;
  padding: 0;
}

.wp-block-group.ser-logo-grid .wp-block-image {
  margin: 0;
}

.wp-block-group.ser-logo-grid .wp-block-image img {
  max-width: 160px;
  width: 100%;
  height: auto;
  display: block;
  opacity: 0.85;
  transition: opacity 0.2s ease;
}

.wp-block-group.ser-logo-grid .wp-block-image img:hover {
  opacity: 1;
}

/* ==========================================================================
   17y. Responsive — New Gutenberg Blocks
   ========================================================================== */

@media (max-width: 768px) {
  .wp-block-columns.ser-article-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }

  .wp-block-columns.ser-verk-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }

  .wp-block-buttons.ser-verk-nav {
    padding: 30px 16px;
  }

  .wp-block-button.ser-verk-nav__btn .wp-block-button__link {
    font-size: 13px;
    padding: 10px 18px;
  }

  .wp-block-group.ser-pdf-accordion .wp-block-group.ser-pdf-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 6px 20px;
  }

  .wp-block-columns.ser-pdf-cols {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .wp-block-group.ser-logo-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
  }

  .wp-block-group.ser-booklet .wp-block-image img {
    max-width: 240px;
  }
}

@media (max-width: 480px) {
  .wp-block-columns.ser-article-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .wp-block-columns.ser-verk-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .wp-block-group.ser-pdf-accordion .wp-block-group.ser-pdf-list {
    grid-template-columns: 1fr;
  }

  .wp-block-group.ser-logo-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
}

/* ==========================================================================
   Wallpaper calculator heading — "Áætla rúllufjölda"
   Spec: granville 700 / 26px / 39px / #545b5c
   ========================================================================== */
body.single-product h5.h5 {
  font-family: granville, serif !important;
  font-weight: 700 !important;
  font-size: 26px !important;
  line-height: 39px !important;
  color: #545b5c !important;
  letter-spacing: normal !important;
  margin: 0 0 16px !important;
}

/* ==========================================================================
   Single-product short description (product summary column)
   Spec: granville 400 / 14px / 28px / #545b5c
   ========================================================================== */
body.single-product .woocommerce-product-details__short-description,
body.single-product .woocommerce-product-details__short-description p {
  font-family: granville, serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 28px !important;
  color: #545b5c !important;
}

/* ── Skipamalning (page-id-8592) – Sjá litakort button ── */
body.page-id-8592 .ser-product-btn--ship,
body.page-id-8592 a.ser-product-btn--ship {
  font-family: granville, serif !important;
  font-weight: 400 !important;
  font-size: 15px !important;
  line-height: 28px !important;
  padding: 6px 24px !important;
}

/* Skipamalning PDF lists — column-count top-to-bottom flow */
body.page-id-8592 .ser-pdf-list {
  display: block !important;
  column-count: 3 !important;
  column-gap: 30px !important;
}

/* Skipamalning + Idnadarmalning sub-captions after litakort button */
body.page-id-8592 .ser-product-text h3 ~ h3 {
  font-family: granville, serif !important;
  font-weight: 700 !important;
  font-size: 30px !important;
  line-height: 45px !important;
  color: rgb(84, 91, 92) !important;
  margin-top: 2rem !important;
}

/* Línolía: button height match live */
body.page-id-8597 .ser-product-btn .wp-block-button__link,
body.page-id-8597 .wp-block-button.ser-product-btn .wp-block-button__link {
  line-height: 15px !important;
  padding: 12px 24px !important;
}

/* Línolía: booklet images larger + centered, hide caption paragraph */
body.page-id-8597 .wp-block-group.ser-booklet .wp-block-image img {
  max-width: 450px !important;
}
body.page-id-8597 .wp-block-group.ser-booklet p {
  display: none !important;
}