/* Top bar: original 41.1px desktop / 59.95px mobile, reduced by 15%.
   Copy and Instagram font sizes are 110% of their previous values.
   Padding remains flexible if translated text wraps on narrow screens. */
.announcement { font-size: 13.2px; line-height: 1.65; padding-block: 4.7625px; position: relative; z-index: 40; }
.announcement-instagram { font-size: 15.4px; line-height: 1.65; }
.announcement-actions { display: flex; align-items: center; justify-content: center; gap: 24px; }
.language-switcher { position: relative; font-size: 11.88px; letter-spacing: 0; line-height: 1.65; text-align: start; }
.language-switcher summary { display: flex; align-items: center; gap: 7px; cursor: pointer; list-style: none; white-space: nowrap; direction: ltr; }
.language-switcher summary::-webkit-details-marker { display: none; }
.language-chevron { display: block; flex: 0 0 12px; width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.language-flag { display: block; flex: 0 0 20px; width: 20px; height: 15px; object-fit: contain; }
.language-options { position: absolute; inset-block-start: calc(100% + 10px); inset-inline-end: 0; min-width: 155px; padding: 6px; background: var(--paper); color: var(--green); border: 1px solid #d8cebe; box-shadow: 0 8px 24px #162b2120; }
.language-options a { display: flex; align-items: center; justify-content: flex-start; gap: 9px; direction: ltr; padding: 9px 12px; font-size: 13.5px; text-align: left; }
.language-options a:hover, .language-options [aria-current] { background: #e8e5d9; }
.language-options a:focus-visible { outline-offset: -3px; }
.header-inner, .main-nav, .announcement-inner { min-width: 0; }
.main-nav { flex-shrink: 0; }
.header-cta { white-space: nowrap; }
h1, h2, h3 { overflow-wrap: break-word; }
.product-title h2 { min-width: 0; }
.product-title > span { flex-shrink: 0; }
.order-summary { flex-wrap: wrap; }
.detail-photo-caption { flex-wrap: wrap; }
.instagram-follow { flex-shrink: 0; }
.comparison-table th, .comparison-table td, .comparison-table caption { text-align: start; }
.product-traits li:before { margin-right: 0; margin-inline-end: 6px; }
.button-whatsapp > span[aria-hidden], .contact-row > span[aria-hidden] { margin-left: 0; margin-inline-start: auto; }
.instagram-follow > span[aria-hidden] { margin-left: 0; margin-inline-start: 8px; }
.hero-bottom-note { margin-left: 0; margin-inline-start: auto; }
.garden-faq summary { padding-right: 0; padding-inline-end: 15px; }
.footer-bottom { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 20px; }
.footer-bottom > :last-child { text-align: end; }
.footer-credit { justify-self: center; color: var(--paper); text-decoration: underline; text-underline-offset: 4px; }
.footer-credit:hover { color: var(--gold); }
/* Preserve the requested 10% enlargement and add the same 2.5% hover zoom. */
.product-card:hover .product-photo > img.maras-image,
.product-photo-link:focus-visible > img.maras-image { transform: scale(1.1275); }
.product-photo-link:focus-visible > img:not(.maras-image) { transform: scale(1.025); }

/* Shared grid rows align both product cards for every translation length. */
@supports (grid-template-rows: subgrid) {
  @media (min-width: 761px) {
    .product-grid { grid-template-rows: auto auto auto auto auto auto auto auto auto; row-gap: 0; }
    .product-grid .product-card { display: grid; grid-row: span 9; grid-template-rows: subgrid; }
    .product-grid .product-info { display: grid; grid-row: span 8; grid-template-rows: subgrid; padding-top: 31px; }
    .product-grid .product-title, .product-grid .product-description, .product-grid .product-traits { min-height: 0; }
    .product-grid .product-detail-link { margin-top: 0; align-self: end; }
    .product-grid .product-title { align-self: start; }
    .product-grid .order-link { align-self: start; }
  }
}
html[lang="de"] h1, html[lang="de"] h2, html[lang="de"] h3 { hyphens: auto; }
html[lang="de"] .photo-seal span { font-size: 8.5px; letter-spacing: .2px; text-align: center; max-width: 105px; }
html[lang="de"] .hero h1 { font-size: clamp(39px, 4.1vw, 65px); }
html[lang="de"] .product-title h2 { font-size: 34px; }
html[dir="rtl"] { --serif: Tahoma, 'Segoe UI', Arial, sans-serif; --sans: Tahoma, 'Segoe UI', Arial, sans-serif; }
html[dir="rtl"] body { line-height: 1.85; }
html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3 { line-height: 1.45; letter-spacing: 0; }
html[dir="rtl"] em { font-style: normal; }
html[dir="rtl"] .eyebrow, html[dir="rtl"] .product-badge, html[dir="rtl"] .product-index,
html[dir="rtl"] .photo-seal span, html[dir="rtl"] .photo-caption span, html[dir="rtl"] .detail-photo-caption,
html[dir="rtl"] .contact-row small, html[dir="rtl"] .announcement { letter-spacing: 0; }
html[dir="rtl"] .announcement, html[dir="rtl"] .announcement-instagram { line-height: 1.65; }
html[dir="rtl"] .main-nav [aria-current=page]:after, html[dir="rtl"] .main-nav .nav-active:after { left: auto; right: 0; }
html[dir="rtl"] .hero-copy { padding-inline: max(52px, calc((100vw - 1264px)/2)) 60px; }
html[dir="rtl"] .featured-copy { padding-inline: 0 90px; }
html[dir="rtl"] .qualities > div + div { border-left: 0; border-right: 1px solid var(--line); padding-left: 0; padding-right: 25px; }
html[dir="rtl"] .floating-whatsapp { right: auto; left: 25px; }
html[dir="rtl"] .product-badge { left: auto; right: 21px; }
html[dir="rtl"] .closing-banner:after { background: linear-gradient(270deg,#102619df,#1c342756); }
html[dir="rtl"] .product-title h2 { letter-spacing: 0; }
html[dir="rtl"] .photo-seal strong { font-size: 20px; line-height: 1.3; }
html[dir="rtl"] .detail-purchase h1 { font-size: clamp(34px,3.6vw,53px); }
.announcement-instagram, .instagram-follow, .contact-instagram strong { direction: ltr; unicode-bidi: isolate; }
@media (max-width: 1250px) { .header-cta { display: none; } }
@media (max-width: 1100px) {
  .announcement-actions { gap: 14px; }
  .announcement-inner > span { letter-spacing: 0; }
  html[dir="rtl"] .hero-copy { padding-inline: 32px 35px; }
  html[dir="rtl"] .featured-copy { padding-inline-end: 45px; }
  html[dir="rtl"] .qualities > div + div { padding-right: 16px; }
}
@media (min-width: 761px) and (max-width: 1000px) {
  .brand.brand-wordmark img { width: 285px; }
  .menu-toggle { display: flex; width: 44px; height: 44px; border: 1px solid #aeb6a8; background: transparent; flex-direction: column; align-items: center; justify-content: center; gap: 6px; }
  .menu-toggle span { width: 21px; height: 1px; background: var(--green); transition: transform .2s; }
  .menu-toggle[aria-expanded=true] span:first-child { transform: translateY(3.5px) rotate(45deg); }
  .menu-toggle[aria-expanded=true] span:last-child { transform: translateY(-3.5px) rotate(-45deg); }
  .main-nav { display: none; position: absolute; left: 0; right: 0; top: 100%; background: var(--paper); padding: 15px 25px 25px; border-bottom: 1px solid var(--line); box-shadow: 0 12px 20px #162b2115; }
  .main-nav.is-open { display: flex; flex-direction: column; gap: 0; }
  .main-nav a { padding-block: 14px; font-size: 20px; }
}
@media (max-width: 760px) {
  .announcement { padding-block: 2.60625px; }
  .announcement-inner { gap: 4px; }
  .announcement-inner > span { font-size: 11px; line-height: 1.65; }
  .announcement-instagram { font-size: 14.3px; line-height: 1.65; }
  .announcement-actions { gap: 18px; max-width: 100%; }
  .language-switcher { font-size: 10.8px; }
  .language-options { inset-inline-end: 0; }
  .product-title h2, html[lang="de"] .product-title h2 { font-size: 32px; }
  .instagram-follow { max-width: 100%; font-size: 14px; gap: 8px; }
  .hero h1, html[lang="de"] .hero h1 { font-size: clamp(35px,9vw,60px); }
  .footer-bottom { grid-template-columns: 1fr; text-align: center; gap: 12px; }
  .footer-bottom > :last-child { text-align: center; }
  html[dir="rtl"] .hero-copy { padding-inline: 24px; }
  html[dir="rtl"] .featured-copy { padding-inline: 24px; }
  html[dir="rtl"] .qualities > div + div { border: 0; padding: 0; }
  html[dir="rtl"] .floating-whatsapp { left: 16px; }
  html[dir="rtl"] .detail-photo .product-badge { right: 15px; }
}