/** Shopify CDN: Minification failed

Line 1429:256 Unexpected "}"

**/
/* =========================================================
   MIGIS – Premium Design System
   Warm · Natural · Montessori · Friendly
   ========================================================= */

/* ─── DESIGN TOKENS ────────────────────────────────────────── */
:root {
  /* Warm off-white background — not cold white */
  --migis-bg:           #FAF8F5;
  --migis-bg-alt:       #F3EFE8;

  /* Earthy warm neutrals */
  --migis-brown-soft:   #C8A882;
  --migis-brown:        #A07850;
  --migis-brown-dark:   #6B4F30;

  /* Sage green accent — natural, calming */
  --migis-sage:         #8DAF8A;
  --migis-sage-light:   #C5DAC3;
  --migis-sage-dark:    #5A7A58;

  /* Text palette */
  --migis-text:         #2E2016;
  --migis-text-mid:     #5C4A35;
  --migis-text-soft:    #9C8470;

  /* Card & surface */
  --migis-card-bg:      #FFFFFF;
  --migis-card-radius:  16px;
  --migis-border:       rgba(160, 120, 80, 0.15);

  /* Shadows — warm tinted */
  --migis-shadow-sm:    0 2px 8px rgba(107, 79, 48, 0.08);
  --migis-shadow-md:    0 8px 32px rgba(107, 79, 48, 0.12);
  --migis-shadow-lg:    0 20px 60px rgba(107, 79, 48, 0.14);

  /* Transitions */
  --migis-transition:   0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ─── GLOBAL BASE ──────────────────────────────────────────── */
body {
  background-color: var(--migis-bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: -0.01em;
}

.gradient {
  background: var(--migis-bg);
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  letter-spacing: -0.025em;
  font-weight: 600;
  color: var(--migis-text);
}

/* ─── HEADER ───────────────────────────────────────────────── */
.header-wrapper {
  background: rgba(250, 248, 245, 0.94);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--migis-border);
  transition: background var(--migis-transition), box-shadow var(--migis-transition);
}

.list-menu__item--link {
  font-size: 0.88rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--migis-text-mid);
  transition: color var(--migis-transition);
  position: relative;
}

.list-menu__item--link::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 2px;
  background: var(--migis-sage);
  border-radius: 2px;
  transition: width var(--migis-transition);
}

.list-menu__item--link:hover {
  color: var(--migis-text);
  opacity: 1;
}

.list-menu__item--link:hover::after {
  width: 100%;
}

.header__icon {
  transition: color var(--migis-transition), transform var(--migis-transition);
}

.header__icon:hover {
  transform: scale(1.08);
  opacity: 1;
}

/* ─── BUTTONS ──────────────────────────────────────────────── */
.button,
.shopify-payment-button__button {
  padding: 14px 36px;
  font-weight: 600;
  font-size: 0.85rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  border-radius: 100px;
  transition:
    transform var(--migis-transition),
    box-shadow var(--migis-transition);
}

.button:hover {
  transform: translateY(-2px);
  box-shadow: var(--migis-shadow-md);
  opacity: 1;
}

.button:active {
  transform: translateY(0);
  box-shadow: var(--migis-shadow-sm);
}

.button:focus-visible,
.shopify-payment-button__button:focus-visible {
  outline: 2px solid var(--migis-sage);
  outline-offset: 3px;
}

.button--secondary,
.button--tertiary {
  border-radius: 100px;
  font-size: 0.85rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-weight: 600;
}

.quick-add__submit {
  border-radius: 100px;
  font-size: 0.78rem;
  letter-spacing: 0.05em;
  font-weight: 600;
}

/* ─── PRODUCT CARDS ────────────────────────────────────────── */
.card-wrapper {
  border-radius: var(--migis-card-radius);
}

.card {
  border-radius: var(--migis-card-radius);
  background: var(--migis-card-bg);
  transition: transform var(--migis-transition), box-shadow var(--migis-transition);
  box-shadow: var(--migis-shadow-sm);
  border: 1px solid var(--migis-border);
  overflow: hidden;
}

.card:hover {
  transform: translateY(-6px);
  box-shadow: var(--migis-shadow-lg);
}

.card__media img,
.card .media img {
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.card:hover .card__media img,
.card:hover .media img {
  transform: scale(1.04);
}

.card-information {
  padding: 16px 18px 18px;
}

.card__heading {
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1.4;
  color: var(--migis-text);
  letter-spacing: -0.01em;
}

.price {
  font-size: 1rem;
  font-weight: 700;
  color: var(--migis-brown-dark);
}

.badge {
  border-radius: 100px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  padding: 4px 12px;
}

/* ─── HERO / BANNER ────────────────────────────────────────── */
.banner {
  border-radius: 20px;
  overflow: hidden;
  margin: 0 1.5rem 2rem;
}

.banner__heading {
  text-shadow: 0 2px 16px rgba(0, 0, 0, 0.25);
  line-height: 1.05;
  letter-spacing: -0.03em;
}

.banner__text {
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
  font-size: 1.1rem;
  line-height: 1.6;
}

/* ─── SECTION HEADINGS ─────────────────────────────────────── */
.title-wrapper .title,
.title-wrapper-with-link .title {
  font-size: clamp(1.5rem, 3vw, 2.2rem);
  font-weight: 700;
  letter-spacing: -0.03em;
  color: var(--migis-text);
}

/* ─── MULTICOLUMN (Trust badges) ───────────────────────────── */
.multicolumn-card {
  background: var(--migis-card-bg);
  border-radius: var(--migis-card-radius);
  border: 1px solid var(--migis-border);
  padding: 28px 24px;
  box-shadow: var(--migis-shadow-sm);
  transition: transform var(--migis-transition), box-shadow var(--migis-transition);
}

.multicolumn-card:hover {
  transform: translateY(-3px);
  box-shadow: var(--migis-shadow-md);
}

.multicolumn-card__info {
  text-align: center;
}

/* ─── PRODUCT PAGE ─────────────────────────────────────────── */
.product__title {
  font-size: clamp(1.6rem, 3vw, 2.2rem);
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.2;
  color: var(--migis-text);
  margin-bottom: 0.6rem;
}

.product__text {
  font-size: 1rem;
  line-height: 1.75;
  color: var(--migis-text-soft);
}

.product__info-container .price {
  font-size: 1.6rem;
  font-weight: 800;
  color: var(--migis-brown-dark);
}

/* ─── ACCORDION ────────────────────────────────────────────── */
.accordion summary {
  padding: 18px 0;
  font-weight: 600;
  font-size: 0.95rem;
  letter-spacing: -0.01em;
  border-bottom: 1px solid var(--migis-border);
  color: var(--migis-text);
  transition: color var(--migis-transition);
}

.accordion summary:hover {
  color: var(--migis-brown);
}

.accordion__content {
  padding: 18px 0;
  line-height: 1.75;
  color: var(--migis-text-soft);
  font-size: 0.95rem;
}

/* ─── NEWSLETTER ───────────────────────────────────────────── */
.newsletter {
  background: var(--migis-bg-alt);
  border-radius: 20px;
  margin: 0 1.5rem;
}

.newsletter-form__field-wrapper {
  max-width: 480px;
  margin: 0 auto;
}

.newsletter-form__button {
  min-width: 140px;
  border-radius: 100px;
}

/* ─── FOOTER ───────────────────────────────────────────────── */
.footer {
  background: var(--migis-bg-alt);
  border-top: 1px solid var(--migis-border);
}

.footer__content-top {
  padding-top: 56px;
  padding-bottom: 40px;
}

.footer-block__heading {
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--migis-text-mid);
  margin-bottom: 16px;
}

.footer-block__details-content .list-menu__item--link {
  font-size: 0.9rem;
  color: var(--migis-text-soft);
  padding-bottom: 8px;
  padding-top: 8px;
  transition: color var(--migis-transition);
  text-transform: none;
  letter-spacing: 0;
}

.footer-block__details-content .list-menu__item--link::after {
  display: none;
}

.footer-block__details-content .list-menu__item--link:hover {
  color: var(--migis-text);
}

.footer__content-bottom {
  border-top: 1px solid var(--migis-border);
  padding-top: 24px;
  font-size: 0.8rem;
  color: var(--migis-text-soft);
}

/* ─── CART DRAWER ──────────────────────────────────────────── */
.cart-item {
  padding: 20px 0;
  border-bottom: 1px solid var(--migis-border);
}

.cart-item__name {
  font-weight: 600;
  font-size: 0.92rem;
  color: var(--migis-text);
  line-height: 1.4;
}

/* ─── INPUTS & FORMS ───────────────────────────────────────── */
.field__input,
.select__select {
  border-radius: 10px;
  transition: border-color var(--migis-transition), box-shadow var(--migis-transition);
}

.field__input:focus,
.select__select:focus {
  box-shadow: 0 0 0 3px rgba(141, 175, 138, 0.2);
}

/* ─── PRODUCT IMAGE GALLERY ────────────────────────────────── */
.product__media-item {
  border-radius: 14px;
  overflow: hidden;
  box-shadow: var(--migis-shadow-sm);
}

.product-media-container .media {
  border-radius: 14px;
  overflow: hidden;
}

/* ─── LINKS ────────────────────────────────────────────────── */
a {
  transition: color var(--migis-transition);
}

/* ─── SECTION SPACING ──────────────────────────────────────── */
.template-index .content-for-layout > :first-child {
  margin-top: 0;
}

/* ─── IMAGE QUALITY ────────────────────────────────────────── */
img {
  image-rendering: auto;
}

/* ─── PRODUCT DESCRIPTION READ MORE ───────────────────────── */
.product__description-wrapper {
  position: relative;
}

.product__description-truncated {
  transition: max-height 0.4s ease;
  line-height: 1.75;
}

.product__description-fade {
  transition: opacity 0.3s ease;
}

.product__description-toggle {
  transition: opacity 0.2s ease;
  text-decoration: none;
  font-weight: 600;
  font-size: 0.88rem;
  color: var(--migis-brown);
}

.product__description-toggle:hover {
  opacity: 0.75;
  text-decoration: underline;
}

.product__description-toggle svg {
  display: inline-block;
  vertical-align: middle;
}

/* ─── MOBILE ───────────────────────────────────────────────── */
@media screen and (max-width: 749px) {
  .product__title {
    font-size: 1.5rem;
  }

  .banner__heading {
    font-size: 1.8rem;
  }

  .button,
  .shopify-payment-button__button {
    padding: 13px 28px;
    font-size: 0.82rem;
  }

  .banner {
    border-radius: 12px;
    margin: 0 0.75rem 1.5rem;
  }

  .card {
    border-radius: 12px;
  }

  .product__description-truncated {
    max-height: calc(1.75em * 8);
  }

  .newsletter {
    margin: 0 0.75rem;
    border-radius: 14px;
  }
}

/* ─── TABLET ───────────────────────────────────────────────── */
@media screen and (min-width: 750px) and (max-width: 989px) {
  .banner {
    border-radius: 16px;
  }
}

/* =========================================================
   MIGIS – Bug Fixes (visual issues from screenshots)
   ========================================================= */

/* ─── FIX 1: Hero text readability on mobile ───────────────
   On mobile the image sits above the text box, but when the
   layout is "stacked" / text-over-image the box background
   is transparent and text becomes unreadable.
   We ensure the text area always has a solid warm background
   so it's always readable, and tighten the overlay on the
   image itself.                                             */

/* When text sits below the image on mobile — give it a solid background */
@media screen and (max-width: 749px) {
  .banner--mobile-bottom .banner__box,
  .banner:not(.banner--stacked) .banner__box {
    background: var(--migis-bg) !important;
    border-radius: 0 0 12px 12px;
    padding: 2.4rem 2rem 2.8rem;
  }

  /* Make heading dark so it reads on the white/cream box */
  .banner--mobile-bottom .banner__heading,
  .banner:not(.banner--stacked) .banner__heading {
    color: var(--migis-text) !important;
    text-shadow: none;
  }

  /* Make subtext readable too */
  .banner--mobile-bottom .banner__text,
  .banner:not(.banner--stacked) .banner__text {
    color: var(--migis-text-mid) !important;
    text-shadow: none;
  }

  /* When the text IS on top of the image (stacked/overlaid),
     add a strong gradient from bottom so text stays legible */
  .banner--stacked:not(.banner--mobile-bottom)::after,
  .banner:not(.banner--mobile-bottom)::after {
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,0.15) 40%,
      rgba(0,0,0,0.55) 100%
    );
  }
}

/* ─── FIX 2: Trust badge cards — stop text from squishing ──
   The grid is set to 2 columns on mobile, which makes each
   card too narrow for the text. Force single column on small
   screens so cards have full width and text breathes.       */

@media screen and (max-width: 749px) {
  /* Override the Shopify grid--2-col-tablet-down for multicolumn */
  .multicolumn-list.grid--2-col-tablet-down {
    grid-template-columns: 1fr !important;
  }

  /* Each card takes full width */
  .multicolumn-list__item {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Better card padding on mobile */
  .multicolumn-card {
    padding: 22px 20px;
    display: flex;
    align-items: center;
    gap: 14px;
    text-align: left;
  }

  .multicolumn-card__info {
    text-align: left;
  }

  /* Emoji/icon stays on the left, text on the right */
  .multicolumn-card .icon-with-text__icon,
  .multicolumn-card .media {
    flex-shrink: 0;
    width: 44px;
    font-size: 1.5rem;
  }

  .multicolumn-card__info .card__heading {
    font-size: 0.95rem;
    margin-bottom: 2px;
  }

  .multicolumn-card__info p {
    font-size: 0.83rem;
    line-height: 1.5;
    margin: 0;
  }
}

/* On tablet (750-989px) also switch to 1 column if there
   are 4 items, to avoid cramped 2-col layouts             */
@media screen and (min-width: 750px) and (max-width: 989px) {
  .multicolumn-list.grid--2-col-tablet-down {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }

  .multicolumn-card {
    padding: 24px 20px;
  }
}

/* =========================================================
   MIGIS – Product Page Premium Layout
   ========================================================= */

/* ─── Overall product info panel ──────────────────────────── */
.product__info-container {
  display: flex;
  flex-direction: column;
  gap: 0;
}

/* Tighten up the default 1.5rem gap between every block */
.product__info-container > * + * {
  margin: 0 !important;
}

/* ─── Product title ────────────────────────────────────────── */
.product__title {
  padding-bottom: 12px;
  border-bottom: 1px solid var(--migis-border);
  margin-bottom: 16px !important;
}

.product__title h1 {
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.2;
  color: var(--migis-text);
  margin: 0;
}

/* ─── Price block ──────────────────────────────────────────── */
.product__info-container [id^="price-"] {
  margin-bottom: 20px !important;
}

.product__info-container .price__container {
  display: flex;
  align-items: baseline;
  gap: 12px;
  flex-wrap: wrap;
}

.product__info-container .price-item--regular,
.product__info-container .price-item--sale {
  font-size: 1.8rem;
  font-weight: 800;
  color: var(--migis-brown-dark);
  letter-spacing: -0.02em;
}

.product__info-container .price-item--regular.price-item--last {
  font-size: 1.2rem;
  font-weight: 400;
  color: var(--migis-text-soft);
  text-decoration: line-through;
}

/* Tax note below price */
.product__info-container .product__tax {
  font-size: 0.78rem;
  color: var(--migis-text-soft);
  margin-top: 4px;
  display: block;
}

/* ─── Description ──────────────────────────────────────────── */
.product__info-container .product__description,
.product__info-container .product-form,
.product__info-container .icon-with-text {
  margin: 0 !important;
}

.product__description {
  background: var(--migis-bg-alt);
  border-radius: 12px;
  padding: 16px 18px;
  margin-bottom: 20px !important;
  border: 1px solid var(--migis-border);
}

.product__description p,
.product__description li {
  font-size: 0.92rem;
  line-height: 1.75;
  color: var(--migis-text-mid);
}

.product__description p + p {
  margin-top: 10px;
}

/* Read more toggle */
.product__description-toggle {
  font-size: 0.83rem;
  font-weight: 600;
  color: var(--migis-brown);
  margin-top: 8px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

/* ─── Quantity + Add to cart area ──────────────────────────── */
.product-form {
  background: var(--migis-card-bg);
  border-radius: 16px;
  border: 1px solid var(--migis-border);
  padding: 20px;
  box-shadow: var(--migis-shadow-sm);
  margin-bottom: 0 !important;
}

/* Quantity label */
.product-form__quantity .form__label,
.product-form__quantity-top .form__label {
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--migis-text-soft);
  margin-bottom: 8px;
}

/* Quantity stepper */
.quantity {
  border-radius: 100px;
  border: 1.5px solid var(--migis-border);
  background: var(--migis-bg);
  overflow: hidden;
  width: fit-content;
}

.quantity__button {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  color: var(--migis-text-mid);
  font-size: 1.1rem;
  cursor: pointer;
  transition: background var(--migis-transition), color var(--migis-transition);
}

.quantity__button:hover {
  background: var(--migis-bg-alt);
  color: var(--migis-text);
}

.quantity__input {
  width: 44px;
  text-align: center;
  font-weight: 700;
  font-size: 0.95rem;
  color: var(--migis-text);
  background: transparent;
  border: none;
  border-left: 1.5px solid var(--migis-border);
  border-right: 1.5px solid var(--migis-border);
}

/* Add to cart button — make it prominent */
.product-form__submit {
  width: 100%;
  padding: 16px 24px;
  font-size: 0.88rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  border-radius: 100px;
  margin-top: 14px;
  margin-bottom: 10px;
  transition: transform var(--migis-transition), box-shadow var(--migis-transition);
}

.product-form__submit:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(107, 79, 48, 0.22);
}

/* Buy with Shop Pay — rounded to match */
.shopify-payment-button__button {
  border-radius: 100px !important;
  font-size: 0.88rem !important;
}

/* ─── Thumbnail strip ──────────────────────────────────────── */
.thumbnail-list {
  gap: 8px;
  margin-top: 10px;
}

.thumbnail-list__item {
  border-radius: 10px;
  overflow: hidden;
  border: 2px solid transparent;
  transition: border-color var(--migis-transition), box-shadow var(--migis-transition);
}

.thumbnail-list__item:hover,
.thumbnail-list__item.is-active {
  border-color: var(--migis-brown-soft);
  box-shadow: var(--migis-shadow-sm);
}

/* ─── Mobile product page tweaks ──────────────────────────── */
@media screen and (max-width: 749px) {
  .product__title h1 {
    font-size: 1.4rem;
  }

  .product__info-container .price-item--regular,
  .product__info-container .price-item--sale {
    font-size: 1.5rem;
  }

  .product-form {
    padding: 16px;
    border-radius: 14px;
  }

  .product__description {
    padding: 14px 16px;
  }
}

/* =========================================================
   MIGIS – Homepage Story Section (Rich Text)
   Clean · Editorial · Emotional · Like manotapyba.lt
   ========================================================= */

/* The story/hook section — give it breathing room and
   a warm off-white background to separate it visually */
.rich-text {
  background: transparent;
}

/* Center-aligned story block with max readable width */
.rich-text__blocks {
  max-width: 680px;
  margin: 0 auto;
}

/* Eyebrow label above heading (Caption block) */
.rich-text__caption.caption-with-letter-spacing {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--migis-sage-dark);
  margin-bottom: 16px;
  display: block;
}

/* Main story heading — large, warm, personal */
.rich-text__heading {
  font-size: clamp(1.8rem, 4vw, 2.8rem);
  font-weight: 700;
  letter-spacing: -0.035em;
  line-height: 1.15;
  color: var(--migis-text);
  margin-bottom: 24px;
}

/* Story body text — comfortable reading size */
.rich-text__text {
  font-size: 1.05rem;
  line-height: 1.85;
  color: var(--migis-text-mid);
  max-width: 600px;
  margin: 0 auto;
}

.rich-text__text p {
  margin-bottom: 1.1em;
}

.rich-text__text p:last-child {
  margin-bottom: 0;
}

/* Button row in rich text */
.rich-text__buttons {
  margin-top: 32px;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
}

/* Story section with warm background — add class
   "background-solid" in theme editor → Color scheme 2  */
.rich-text.color-scheme-2,
.rich-text.background-solid {
  background: var(--migis-bg-alt);
  border-radius: 24px;
  margin: 0 1.5rem;
  padding: 60px 40px;
}

@media screen and (max-width: 749px) {
  .rich-text.color-scheme-2,
  .rich-text.background-solid {
    margin: 0 1rem;
    padding: 40px 24px;
    border-radius: 16px;
  }

  .rich-text__heading {
    font-size: 1.7rem;
  }

  .rich-text__text {
    font-size: 0.97rem;
  }

  .rich-text__buttons {
    flex-direction: column;
    align-items: center;
  }
}

/* Decorative quote mark for story sections */
.rich-text__blocks.center::before {
  content: '"';
  display: block;
  font-size: 5rem;
  line-height: 1;
  color: var(--migis-sage-light);
  font-family: Georgia, serif;
  margin-bottom: -16px;
  font-style: normal;
}

/* Image-with-text section — like the split panels on manotapyba */
.image-with-text {
  border-radius: 20px;
  overflow: hidden;
}

.image-with-text__content {
  padding: 48px 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.image-with-text__heading {
  font-size: clamp(1.4rem, 2.5vw, 2rem);
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.2;
  color: var(--migis-text);
  margin-bottom: 16px;
}

.image-with-text__text {
  font-size: 1rem;
  line-height: 1.8;
  color: var(--migis-text-mid);
  margin-bottom: 24px;
}

@media screen and (max-width: 749px) {
  .image-with-text__content {
    padding: 28px 20px;
  }

  .image-with-text {
    border-radius: 14px;
  }
}

/* =========================================================
   MIGIS – Critical Fixes (from screenshots Feb 2026)
   ========================================================= */

/* ─── FIX: Banner white card — text must be DARK ──────────
   The banner box has a white/cream background card.
   Text color was set to white in theme settings so it's
   completely invisible. Force dark text inside the card.   */

.banner__box {
  /* Solid white card, slightly warm */
  background: rgba(255, 253, 250, 0.96) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-radius: 20px !important;
  padding: 4rem 5rem !important;
  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.15) !important;
  border: none !important;
}

/* Force heading to be dark — not white */
.banner__box .banner__heading,
.banner__box .banner__heading * {
  color: var(--migis-text) !important;
  text-shadow: none !important;
}

/* Force subtext to be readable dark grey */
.banner__box .banner__text,
.banner__box .banner__text * {
  color: var(--migis-text-mid) !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* Heading sizing inside card */
.banner__box .banner__heading {
  font-size: clamp(2rem, 4vw, 3.2rem);
  font-weight: 800;
  letter-spacing: -0.04em;
  line-height: 1.1;
}

/* Subtext sizing */
.banner__box .banner__text {
  font-size: 1rem;
  line-height: 1.65;
  max-width: 520px;
  margin: 0 auto;
}

/* Mobile banner card */
@media screen and (max-width: 749px) {
  .banner__box {
    padding: 2.8rem 2.2rem !important;
    border-radius: 14px !important;
    margin: 0 1rem;
    width: calc(100% - 2rem) !important;
    min-width: unset !important;
  }

  .banner__box .banner__heading {
    font-size: 1.9rem;
  }

  .banner__box .banner__text {
    font-size: 0.92rem;
  }
}

/* ─── FIX: Product page — desktop layout ──────────────────
   Title too small, price not prominent, info feels empty.  */

@media screen and (min-width: 750px) {
  /* Give the info column proper top padding */
  .product__info-wrapper {
    padding-top: 1rem;
  }

  /* Bigger, bolder title */
  .product__title h1 {
    font-size: 2rem;
    font-weight: 800;
    letter-spacing: -0.035em;
    line-height: 1.15;
    color: var(--migis-text);
    margin: 0;
  }

  /* Price — make it unmissable */
  .product__info-container .price-item--regular,
  .product__info-container .price-item--sale {
    font-size: 2rem;
    font-weight: 800;
    color: var(--migis-brown-dark);
    letter-spacing: -0.02em;
  }

  /* Tighter spacing between title and price */
  .product__title {
    margin-bottom: 12px !important;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--migis-border);
  }

  /* Price block sits close under title */
  .product__info-container [id^="price-"] {
    margin-top: 0 !important;
    margin-bottom: 24px !important;
  }

  /* Description box */
  .product__description {
    margin-top: 0 !important;
    margin-bottom: 24px !important;
  }
}

/* ─── Tax line — too close to price, looks cluttered ────── */
.product__tax {
  font-size: 0.78rem;
  color: var(--migis-text-soft);
  margin-top: 6px !important;
  margin-bottom: 0;
  display: block;
}


/* ============================================================
   MIGIS PREMIUM UPGRADE — 2026
      Professional trust & polish overrides
         ============================================================ */

         /* —— Announcement bar: clean, no-emoji, elegant —— */
         .announcement-bar {
           background-color: #2c2c2c !important;
             color: #f5f0eb !important;
               font-size: 0.82rem;
                 letter-spacing: 0.08em;
                   text-transform: uppercase;
                     font-weight: 500;
                       padding: 10px 0;
                       }
                       .announcement-bar a,
                       .announcement-bar__link {
                         color: #f5f0eb !important;
                           text-decoration: none;
                           }
                           .announcement-bar__message {
                             font-weight: 500;
                               letter-spacing: 0.06em;
                               }

                               /* —— Header: refined, premium feel —— */
                               .header-wrapper {
                                 border-bottom: 1px solid rgba(0,0,0,0.06) !important;
                                   box-shadow: none !important;
                                   }
                                   .header__heading-link {
                                     font-weight: 700 !important;
                                       letter-spacing: 0.15em !important;
                                         font-size: 1.6rem !important;
                                           color: #1a1a1a !important;
                                           }
                                           .header__menu-item span {
                                             font-size: 0.85rem;
                                               font-weight: 500;
                                                 letter-spacing: 0.04em;
                                                   text-transform: uppercase;
                                                     color: #333 !important;
                                                     }
                                                     .header__menu-item:hover span {
                                                       color: #6b7c5e !important;
                                                       }

                                                       /* —— Buttons: premium, not aggressive —— */
                                                       .button--primary,
                                                       .shopify-payment-button__button--unbranded,
                                                       button[name="add"],
                                                       .product-form__submit {
                                                         background-color: #2c2c2c !important;
                                                           color: #fff !important;
                                                             border: none !important;
                                                               border-radius: 8px !important;
                                                                 font-size: 0.85rem !important;
                                                                   letter-spacing: 0.1em !important;
                                                                     text-transform: uppercase !important;
                                                                       font-weight: 600 !important;
                                                                         padding: 14px 32px !important;
                                                                           transition: all 0.3s ease !important;
                                                                             box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
                                                                             }
                                                                             .button--primary:hover,
                                                                             .shopify-payment-button__button--unbranded:hover,
                                                                             button[name="add"]:hover,
                                                                             .product-form__submit:hover {
                                                                               background-color: #1a1a1a !important;
                                                                                 box-shadow: 0 4px 16px rgba(0,0,0,0.15) !important;
                                                                                   transform: translateY(-1px);
                                                                                   }
                                                                                   .button--secondary {
                                                                                     background-color: transparent !important;
                                                                                       color: #2c2c2c !important;
                                                                                         border: 1.5px solid #2c2c2c !important;
                                                                                           border-radius: 8px !important;
                                                                                             font-size: 0.85rem !important;
                                                                                               letter-spacing: 0.1em !important;
                                                                                                 text-transform: uppercase !important;
                                                                                                   font-weight: 600 !important;
                                                                                                     padding: 14px 32px !important;
                                                                                                       transition: all 0.3s ease !important;
                                                                                                       }
                                                                                                       .button--secondary:hover {
                                                                                                         background-color: #2c2c2c !important;
                                                                                                           color: #fff !important;
                                                                                                           }

                                                                                                           /* —— Product cards: clean, hover lift —— */
                                                                                                           .card-wrapper {
                                                                                                             border-radius: 12px !important;
                                                                                                               overflow: hidden;
                                                                                                                 transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
                                                                                                                   border: 1px solid rgba(0,0,0,0.04) !important;
                                                                                                                   }
                                                                                                                   .card-wrapper:hover {
                                                                                                                     box-shadow: 0 8px 30px rgba(0,0,0,0.08) !important;
                                                                                                                       transform: translateY(-4px);
                                                                                                                       }
                                                                                                                       .card__heading a {
                                                                                                                         font-size: 0.9rem !important;
                                                                                                                           font-weight: 500 !important;
                                                                                                                             color: #1a1a1a !important;
                                                                                                                               line-height: 1.4 !important;
                                                                                                                               }
                                                                                                                               .price-item {
                                                                                                                                 font-weight: 700 !important;
                                                                                                                                   color: #1a1a1a !important;
                                                                                                                                     font-size: 1.05rem !important;
                                                                                                                                     }
                                                                                                                                     /* Hide EUR text for cleaner look */
                                                                                                                                     .price-item .price-item__price {
                                                                                                                                       font-variant-numeric: tabular-nums;
                                                                                                                                       }
                                                                                                                                       /* Quick add button on cards */
                                                                                                                                       .quick-add__submit {
                                                                                                                                         background-color: #2c2c2c !important;
                                                                                                                                           color: #fff !important;
                                                                                                                                             border-radius: 6px !important;
                                                                                                                                               font-size: 0.75rem !important;
                                                                                                                                                 letter-spacing: 0.08em !important;
                                                                                                                                                   text-transform: uppercase !important;
                                                                                                                                                     font-weight: 600 !important;
                                                                                                                                                       border: none !important;
                                                                                                                                                         padding: 10px 16px !important;
                                                                                                                                                         }

                                                                                                                                                         /* —— Multicolumn / Trust badges: professional icons —— */
                                                                                                                                                         .multicolumn-card {
                                                                                                                                                           background: #faf8f5 !important;
                                                                                                                                                             border: 1px solid rgba(0,0,0,0.04) !important;
                                                                                                                                                               border-radius: 16px !important;
                                                                                                                                                                 padding: 32px 24px !important;
                                                                                                                                                                   transition: all 0.3s ease !important;
                                                                                                                                                                   }
                                                                                                                                                                   .multicolumn-card:hover {
                                                                                                                                                                     box-shadow: 0 6px 24px rgba(0,0,0,0.06) !important;
                                                                                                                                                                       transform: translateY(-2px);
                                                                                                                                                                       }
                                                                                                                                                                       .multicolumn-card__title {
                                                                                                                                                                         font-size: 1rem !important;
                                                                                                                                                                           font-weight: 700 !important;
                                                                                                                                                                             color: #1a1a1a !important;
                                                                                                                                                                               letter-spacing: 0.02em !important;
                                                                                                                                                                               }
                                                                                                                                                                               .multicolumn-card__body p {
                                                                                                                                                                                 font-size: 0.88rem !important;
                                                                                                                                                                                   color: #666 !important;
                                                                                                                                                                                     line-height: 1.6 !important;
                                                                                                                                                                                     }

                                                                                                                                                                                     /* —— Footer: full, professional, trustworthy —— */
                                                                                                                                                                                     .footer {
                                                                                                                                                                                        background-color: #1a1a1a !important;
                                                                                                                                                                                          color: #ccc !important;
                                                                                                                                                                                            padding: 60px 0 30px !important;
                                                                                                                                                                                     }
                                                                                                                                                                                     .footer h2,
                                                                                                                                                                                     .footer .footer__heading,
                                                                                                                                                                                     .footer__heading {
                                                                                                                                                                                        color: #fff !important;
                                                                                                                                                                                          font-size: 0.85rem !important;
                                                                                                                                                                                            text-transform: uppercase !important;
                                                                                                                                                                                              letter-spacing: 0.1em !important;
                                                                                                                                                                                                font-weight: 600 !important;
                                                                                                                                                                                                  margin-bottom: 16px !important;
                                                                                                                                                                                                  }
                                                                                                                                                                                                  .footer a,
                                                                                                                                                                                                  .footer__list-item a {
                                                                                                                                                                                                      color: #aaa !important;
                                                                                                                                                                                                        font-size: 0.88rem !important;
                                                                                                                                                                                                          transition: color 0.2s ease !important;
                                                                                                                                                                                                  }
                                                                                                                                                                                                  .footer a:hover,
                                                                                                                                                                                                  .footer__list-item a:hover {
                                                                                                                                                                                                      color: #fff !important;
                                                                                                                                                                                                      }
                                                                                                                                                                                                      .footer__copyright {
                                                                                                                                                                                                          color: #666 !important;
                                                                                                                                                                                                            font-size: 0.78rem !important;
                                                                                                                                                                                                              border-top: 1px solid rgba(255,255,255,0.08) !important;
                                                                                                                                                                                                                padding-top: 24px !important;
                                                                                                                                                                                                                  margin-top: 40px !important;
                                                                                                                                                                                                                  }

                                                                                                                                                                                                                  /* —— Newsletter section: premium —— */
                                                                                                                                                                                                                  .newsletter {
                                                                                                                                                                                                                      background-color: #faf8f5 !important;
                                                                                                                                                                                                                        padding: 64px 0 !important;
                                                                                                                                                                                                                  }
                                                                                                                                                                                                                  .newsletter__heading {
                                                                                                                                                                                                                      font-size: 1.8rem !important;
                                                                                                                                                                                                                        font-weight: 700 !important;
                                                                                                                                                                                                                          color: #1a1a1a !important;
                                                                                                                                                                                                                          }
                                                                                                                                                                                                                          .newsletter__subheading,
                                                                                                                                                                                                                          .newsletter .rte p {
                                                                                                                                                                                                                              color: #666 !important;
                                                                                                                                                                                                                                font-size: 0.95rem !important;
                                                                                                                                                                                                                          }
                                                                                                                                                                                                                          .newsletter .field__input {
                                                                                                                                                                                                                              border-radius: 8px !important;
                                                                                                                                                                                                                                border: 1.5px solid #ddd !important;
                                                                                                                                                                                                                                  background: #fff !important;
                                                                                                                                                                                                                                    padding: 14px 18px !important;
                                                                                                                                                                                                                                    }
                                                                                                                                                                                                                                    .newsletter .field__input:focus {
                                                                                                                                                                                                                                        border-color: #2c2c2c !important;
                                                                                                                                                                                                                                          box-shadow: 0 0 0 2px rgba(44,44,44,0.1) !important;
                                                                                                                                                                                                                                          }

                                                                                                                                                                                                                                          /* —— Hero banner overlay for premium text readability —— */
                                                                                                                                                                                                                                          .banner__box {
                                                                                                                                                                                                                                              background: rgba(255,255,255,0.92) !important;
                                                                                                                                                                                                                                                backdrop-filter: blur(8px) !important;
                                                                                                                                                                                                                                                  -webkit-backdrop-filter: blur(8px) !important;
                                                                                                                                                                                                                                                    border-radius: 16px !important;
                                                                                                                                                                                                                                                      padding: 40px 48px !important;
                                                                                                                                                                                                                                                        box-shadow: 0 8px 32px rgba(0,0,0,0.08) !important;
                                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                                        .banner__heading {
                                                                                                                                                                                                                                                            font-weight: 700 !important;
                                                                                                                                                                                                                                                              color: #1a1a1a !important;
                                                                                                                                                                                                                                                                line-height: 1.2 !important;
                                                                                                                                                                                                                                                                }
                                                                                                                                                                                                                                                                .banner__text p {
                                                                                                                                                                                                                                                                    color: #555 !important;
                                                                                                                                                                                                                                                                      font-size: 1rem !important;
                                                                                                                                                                                                                                                                      }

                                                                                                                                                                                                                                                                      /* —— Collection page: refined grid —— */
                                                                                                                                                                                                                                                                      .collection__title {
                                                                                                                                                                                                                                                                        font-size: 2rem !important;
                                                                                                                                                                                                                                                                          font-weight: 700 !important;
                                                                                                                                                                                                                                                                            letter-spacing: -0.01em !important;
                                                                                                                                                                                                                                                                              margin-bottom: 32px !important;
                                                                                                                                                                                                                                                                              }
                                                                                                                                                                                                                                                                              .facets__summary span {
                                                                                                                                                                                                                                                                                font-size: 0.85rem;
                                                                                                                                                                                                                                                                                  font-weight: 500;
                                                                                                                                                                                                                                                                                    text-transform: uppercase;
                                                                                                                                                                                                                                                                                      letter-spacing: 0.04em;
                                                                                                                                                                                                                                                                                      }

                                                                                                                                                                                                                                                                                      /* —— Testimonials / Reviews: trustworthy —— */
                                                                                                                                                                                                                                                                                      .testimonial-card,
                                                                                                                                                                                                                                                                                      .multicolumn-card.testimonial {
                                                                                                                                                                                                                                                                                        background: #fff !important;
                                                                                                                                                                                                                                                                                          border: 1px solid rgba(0,0,0,0.06) !important;
                                                                                                                                                                                                                                                                                            border-radius: 16px !important;
                                                                                                                                                                                                                                                                                              padding: 32px !important;
                                                                                                                                                                                                                                                                                                box-shadow: 0 2px 12px rgba(0,0,0,0.04) !important;
                                                                                                                                                                                                                                                                                                }
                                                                                                                                                                                                                                                                                                .rating .icon--star {
                                                                                                                                                                                                                                                                                                  color: #e8b931 !important;
                                                                                                                                                                                                                                                                                                    fill: #e8b931 !important;
                                                                                                                                                                                                                                                                                                    }

                                                                                                                                                                                                                                                                                                    /* —— Smooth scroll & global polish —— */
                                                                                                                                                                                                                                                                                                    html {
                                                                                                                                                                                                                                                                                                      scroll-behavior: smooth;
                                                                                                                                                                                                                                                                                                      }
                                                                                                                                                                                                                                                                                                      ::selection {
                                                                                                                                                                                                                                                                                                        background-color: rgba(107,124,94,0.2);
                                                                                                                                                                                                                                                                                                          color: #1a1a1a;
                                                                                                                                                                                                                                                                                                          }
                                                                                                                                                                                                                                                                                                          body {
                                                                                                                                                                                                                                                                                                            -webkit-font-smoothing: antialiased !important;
                                                                                                                                                                                                                                                                                                              -moz-osx-font-smoothing: grayscale !important;
                                                                                                                                                                                                                                                                                                              }

                                                                                                                                                                                                                                                                                                              /* —— Image with text sections: editorial style —— */
                                                                                                                                                                                                                                                                                                              .image-with-text .grid__item--image img {
                                                                                                                                                                                                                                                                                                                border-radius: 12px !important;
                                                                                                                                                                                                                                                                                                                }
                                                                                                                                                                                                                                                                                                                .image-with-text__heading {
                                                                                                                                                                                                                                                                                                                  font-weight: 700 !important;
                                                                                                                                                                                                                                                                                                                    color: #1a1a1a !important;
                                                                                                                                                                                                                                                                                                                    }
                                                                                                                                                                                                                                                                                                                    .image-with-text__text p {
                                                                                                                                                                                                                                                                                                                      color: #555 !important;
                                                                                                                                                                                                                                                                                                                        line-height: 1.7 !important;
                                                                                                                                                                                                                                                                                                                          font-size: 0.95rem !important;
                                                                                                                                                                                                                                                                                                                          }

                                                                                                                                                                                                                                                                                                                          /* —— Section spacing: breathing room —— */
                                                                                                                                                                                                                                                                                                                          .section-template--index > *,
                                                                                                                                                                                                                                                                                                                          .shopify-section {
                                                                                                                                                                                                                                                                                                                            margin-bottom: 0 !important;
                                                                                                                                                                                                                                                                                                                            }
                                                                                                                                                                                                                                                                                                                            .section-padding {
                                                                                                                                                                                                                                                                                                                              padding-top: clamp(36px, 5vw, 72px);
                                                                                                                                                                                                                                                                                                                                padding-bottom: clamp(36px, 5vw, 72px);
                                                                                                                                                                                                                                                                                                                                }

                                                                                                                                                                                                                                                                                                                                /* —— Mobile responsiveness polish —— */
                                                                                                                                                                                                                                                                                                                                @media screen and (max-width: 749px) {
                                                                                                                                                                                                                                                                                                                                  .announcement-bar {
                                                                                                                                                                                                                                                                                                                                      font-size: 0.72rem;
                                                                                                                                                                                                                                                                                                                                          padding: 8px 12px;
                                                                                                                                                                                                                                                                                                                                            }
                                                                                                                                                                                                                                                                                                                                              .banner__box {
                                                                                                                                                                                                                                                                                                                                                  padding: 24px 20px !important;
                                                                                                                                                                                                                                                                                                                                                      border-radius: 12px !important;
                                                                                                                                                                                                                                                                                                                                                          margin: 0 16px;
                                                                                                                                                                                                                                                                                                                                                            }
                                                                                                                                                                                                                                                                                                                                                              .banner__heading {
                                                                                                                                                                                                                                                                                                                                                                  font-size: 1.4rem !important;
                                                                                                                                                                                                                                                                                                                                                                    }
                                                                                                                                                                                                                                                                                                                                                                      .multicolumn-card {
                                                                                                                                                                                                                                                                                                                                                                          padding: 24px 18px !important;
                                                                                                                                                                                                                                                                                                                                                                            }
                                                                                                                                                                                                                                                                                                                                                                              .footer {
                                                                                                                                                                                                                                                                                                                                                                                  padding: 40px 0 20px !important;
                                                                                                                                                                                                                                                                                                                                                                                    }
                                                                                                                                                                                                                                                                                                                                                                                    }

                                                                                                                                                                                                                                                                                                                                                                                    /* —— END PREMIUM UPGRADE —— */
                                                                                                                                                                                                                                                                }
                                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                          }
                                                                                                                                                                                                                                    }
                                                                                                                                                                                                                          }
                                                                                                                                                                                                                          }
                                                                                                                                                                                                                  }
                                                                                                                                                                                                                  }
                                                                                                                                                                                                      }
                                                                                                                                                                                                  }
                                                                                                                                                                                                  }
                                                                                                                                                                                     }
                                                                                                                                                                                     }