/*
 * Rakott Palacsinta — accepted prototype, native Enfold integration.
 * All visual decisions live here or in design-utilities.css. Avia elements
 * carry semantic classes only; they do not supply per-element formatting.
 * The prototype's measurements are intentionally retained, not approximated.
 */
:root {
  --rp-ejfekete: #1B1B1D;
  --rp-melyfekete: #101011;
  --rp-arany: #C0A469;
  --rp-arany-vil: #E4D3A4;
  /* Text-only gold: at least 4.5:1 on both approved light backgrounds. */
  --rp-arany-sot: #75612C;
  --rp-krem: #F3EFE7;
  --rp-szurke: #A9A29A;
  --rp-paprika: #A8532B;
  --rp-font-display: "bodoni-moda", Didot, "Bodoni 72", Georgia, serif;
  --rp-font-text: "rakott-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --rp-track-display: .085em;
  --rp-track-eyebrow: .30em;
  --en-container: 1310px;
  --en-gutter: 50px;
  --en-header: 90px;
  --en-header-scrolled: 45px;
  --en-col-gap: 6%;
  --en-pad-small: 20px;
  --en-pad-default: 50px;
  --en-pad-large: 70px;
  --en-pad-huge: 130px;
  --main-bg: var(--rp-krem);
  --main-fg: #55504A;
  --main-heading: var(--rp-ejfekete);
  --main-border: #DED6C6;
  --alt-bg: #EAE3D6;
  --alt-fg: #55504A;
  --alt-border: #D8CEBB;
  --dark-bg: var(--rp-ejfekete);
  --dark-fg: var(--rp-szurke);
  --dark-heading: var(--rp-krem);
  --dark-border: #34343A;
  --rp-focus-color: var(--rp-arany-sot);
}

html { scroll-padding-top: 100px; }
#top {
  font: 400 16px/1.65 var(--rp-font-text);
  color: var(--main-fg);
  background: var(--main-bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#top *,
#top *::before,
#top *::after { box-sizing: border-box; }
#top #main { background: var(--main-bg); }
#top .container {
  width: 100%;
  max-width: calc(var(--en-container) + var(--en-gutter) * 2);
  margin-inline: auto;
  padding-inline: var(--en-gutter);
}
#top .rp-design-section {
  --rp-section-background: var(--main-bg);
  --rp-section-color: var(--main-fg);
  --rp-section-heading: var(--main-heading);
  --rp-section-border: var(--main-border);
  --rp-section-eyebrow: var(--rp-arany-sot);
  --rp-section-link: var(--rp-arany-sot);
  position: relative;
  border: 0;
  background-color: var(--rp-section-background);
  color: var(--rp-section-color);
}
#top .rp-scheme-alternate {
  --rp-section-background: var(--alt-bg);
  --rp-section-color: var(--alt-fg);
  --rp-section-border: var(--alt-border);
}
#top .rp-scheme-dark {
  --rp-section-background: var(--dark-bg);
  --rp-section-color: var(--dark-fg);
  --rp-section-heading: var(--dark-heading);
  --rp-section-border: var(--dark-border);
  --rp-section-eyebrow: var(--rp-arany);
  --rp-section-link: var(--rp-arany);
  --rp-focus-color: var(--rp-arany);
}

#top .rp-design-section > .av-section-color-overlay-wrap > .container,
#top .rp-design-section > .container { position: relative; z-index: 3; }
#top #main .rp-design-section > .av-section-color-overlay-wrap > .container,
#top #main .rp-design-section > .container { padding-block: 0; }
#top .rp-design-section > .av-section-color-overlay-wrap > .container > .content,
#top .rp-design-section > .container > .content {
  padding-block: 0;
  border: 0;
  color: inherit;
  min-height: 0;
}
#top .rp-pad-small > .container > .content { padding-block: var(--en-pad-small); }
#top .rp-pad-default > .container > .content { padding-block: var(--en-pad-default); }
#top .rp-pad-large > .container > .content { padding-block: var(--en-pad-large); }
#top .rp-pad-huge > .container > .content { padding-block: var(--en-pad-huge); }
#top .rp-design-section .entry-content-wrapper { color: inherit; }
#top .rp-design-section .av_textblock_section { clear: none; }
#top .rp-design-section .avia_textblock { color: inherit; line-height: 1.65; }
#top .rp-design-section .entry-content-wrapper > br,
#top .rp-design-section .rp-column > br { display: none; }
#top .rp-design-section img { max-width: 100%; height: auto; display: block; }
#top .rp-design-section a { color: var(--rp-section-link); text-decoration: none; transition: color .25s ease; }
#top .rp-design-section a:hover { color: var(--rp-section-link); }
#top .rp-design-section .entry-content p a,
#top .rp-design-section .avia_textblock > p a:not(.avia-button) { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .16em; }
#top .rp-design-section p { margin: 0 0 1.4em; }
#top .rp-design-section p:last-child { margin-bottom: 0; }
#top .rp-design-section li { padding: 0; margin-left: 0; }
#top .rp-design-section strong { color: inherit; font-weight: 700; }
#top .rp-design-section h1,
#top .rp-design-section h2,
#top .rp-design-section h3,
#top .rp-design-section h4,
#top .rp-design-section h5,
#top .rp-design-section h6 {
  font-family: var(--rp-font-display);
  color: var(--rp-section-heading);
  font-weight: 400;
  font-style: normal;
  margin: 0 0 .6em;
  line-height: 1.15;
  text-transform: uppercase;
}
#top .rp-design-section h1 { font-size: 40px; line-height: 1.1; letter-spacing: var(--rp-track-display); }
#top .rp-design-section h2 { font-size: 34px; line-height: 1.15; letter-spacing: var(--rp-track-display); }
#top .rp-design-section h3 { font-size: 20px; line-height: 1.25; letter-spacing: .06em; }
#top .rp-design-section h4 { font-size: 17px; line-height: 1.3; letter-spacing: .05em; }
#top .rp-design-section h5 { font-size: 15px; letter-spacing: .04em; }

/* Native Avia column widths match the approved prototype's 6% gutter. */
#top .rp-design-section .rp-column {
  float: left;
  margin-left: var(--en-col-gap);
  margin-bottom: 0;
  min-height: 1px;
  min-width: 0;
  padding: 0;
}
#top .rp-design-section .rp-column.first { margin-left: 0; clear: both; }
#top .rp-design-section .rp-column.av_one_half { width: 47%; }
#top .rp-design-section .rp-column.av_one_third { width: 29.333%; }
#top .rp-design-section .rp-column.av_two_third { width: 64.666%; }
#top .rp-design-section .rp-column.av_one_fourth { width: 20.5%; }
#top .rp-design-section .rp-column.av_three_fourth { width: 73.5%; }
#top .rp-design-section .rp-column.av_one_fifth { width: 15.2%; }
#top .rp-design-section .rp-column.av_full { width: 100%; margin-left: 0; clear: both; }
#top .rp-design-section .flex_column_table { display: flex; flex-wrap: wrap; align-items: center; width: 100%; }
#top .rp-design-section .flex_column_table .rp-column { float: none; }

/* Native Special Heading layout; component variants live in the native bundle. */
#top .rp-design-section .av-special-heading {
  float: none;
  display: block;
  width: 100%;
  margin: 0 0 30px;
  padding: 0;
  clear: none;
  font-size: inherit;
  text-align: left;
}
#top .rp-design-section .av-special-heading.av-centered { text-align: center; }
#top .rp-design-section .av-special-heading h1,
#top .rp-design-section .av-special-heading h2,
#top .rp-design-section .av-special-heading h3 { margin: 0; padding: 0; float: none; }

#top .rp-design-section .special-heading-border {
  position: static;
  display: block;
  width: auto;
  height: auto;
  min-height: 0;
  float: none;
  margin: 22px 0 0;
  padding: 0;
  border: 0;
  overflow: visible;
}
#top .rp-design-section .av-centered .special-heading-border { display: flex; justify-content: center; }

/* Shared presentation for native Avia buttons. */
#top .rp-design-section .avia-button {
  display: inline-block;
  float: none;
  width: auto;
  margin: 0;
  min-width: 139px;
  font: 700 12px/1.2 var(--rp-font-text);
  letter-spacing: .18em;
  text-transform: uppercase;
  padding: 16px 32px 14px;
  text-align: center;
  border: 2px solid var(--rp-arany);
  border-radius: 0;
  box-shadow: none;
  color: var(--rp-arany-sot);
  background: transparent;
  cursor: pointer;
  transition: background-color .28s ease,color .28s ease,border-color .28s ease;
}
#top .rp-design-section .avia-button:hover { background: var(--rp-arany); color: var(--rp-ejfekete); border-color: var(--rp-arany); opacity: 1; }

/* Native 90px header, default 50% desktop shrink, logo and gold CTA. */
#top #header { border: 0; }
#top #header_main { border: 0; box-shadow: inset 0 -1px rgba(243,239,231,.14); }
#top #header .header_bg { background: var(--rp-ejfekete); opacity: 1; }
@media(min-width:990px) {
  #top #header.av_header_transparency:not(.header-scrolled) .header_bg { opacity: 0; }
}
#top #header.header-scrolled .header_bg {
  background: rgba(27,27,29,.96);
  opacity: 1;
  backdrop-filter: saturate(140%) blur(6px);
}
#top #header.header-scrolled #header_main {
  box-shadow: inset 0 -1px rgba(192,164,105,.22), 0 1px 24px rgba(0,0,0,.35);
}
#top #header .logo { display: flex; align-items: center; height: 100%; max-width: none; }
#top #header .logo a { display: flex; align-items: center; height: 100%; line-height: 0; }
#top #header .logo .subtext:not(.avia-svg-logo-sub) { display: none; }
#top #header .logo a > img { opacity: 1; visibility: visible; }
#top #header .logo img { width: auto; height: 46px; max-height: 46px; padding: 0; object-fit: contain; transition: height .3s ease; }
#top #header.header-scrolled .logo img { height: 34px; max-height: 34px; }
#top #header .av-main-nav > li > a {
  padding: 0 13px;
  font: 700 13px/var(--en-header) var(--rp-font-text);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--rp-krem);
}
#top #header .av-main-nav > li > a:hover,
#top #header .av-main-nav > li.current-menu-item > a { color: var(--rp-arany); }
#top #header .avia-menu-fx { bottom: 24px; left: 13px; right: 13px; width: auto; height: 2px; background: var(--rp-arany); }
#top #header.header-scrolled .avia-menu-fx { bottom: 12px; }
#top #header .avia-menu-fx .avia-arrow-wrap { display: none; }
#top #header .av-main-nav > li.rp-menu-cta { margin-left: 18px; }
#top #header .av-main-nav > li.rp-menu-cta > a { padding: 0; }
#top #header .av-main-nav > li.rp-menu-cta > a .avia-menu-text {
  display: inline-block;
  padding: 11px 22px 9px;
  font-size: 11px;
  letter-spacing: .16em;
  line-height: 1.2;
  border: 2px solid var(--rp-arany);
  color: var(--rp-ejfekete);
  background: var(--rp-arany);
  transition: background-color .28s ease,border-color .28s ease;
}
#top #header .av-main-nav > li.rp-menu-cta > a:hover .avia-menu-text { background: var(--rp-arany-vil); border-color: var(--rp-arany-vil); }
#top #header .rp-menu-cta .avia-menu-fx { display: none; }
#top #header .av-hamburger-inner,
#top #header .av-hamburger-inner::before,
#top #header .av-hamburger-inner::after { background: var(--rp-krem); }
#top .av-burger-overlay-bg { background: var(--rp-ejfekete); opacity: 1; }
#top #av-burger-menu-ul a { color: var(--rp-krem); font-family: var(--rp-font-text); font-weight: 700; text-transform: uppercase; letter-spacing: .12em; }
#top #av-burger-menu-ul a:hover { color: var(--rp-arany); }

/* Hero and photographic color sections. */

#top .rp-design-section.av-veil::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(180deg,rgba(16,16,17,.86) 0%,rgba(16,16,17,.70) 45%,rgba(16,16,17,.90) 100%);
}
#top .rp-design-section.av-veil-side::before {
  z-index: 2;
  background: linear-gradient(95deg,rgba(16,16,17,.95) 0%,rgba(16,16,17,.91) 24%,rgba(16,16,17,.74) 40%,rgba(16,16,17,.46) 58%,rgba(16,16,17,.20) 78%,rgba(16,16,17,.04) 100%),linear-gradient(180deg,rgba(16,16,17,.50) 0%,rgba(16,16,17,0) 24%,rgba(16,16,17,0) 76%,rgba(16,16,17,.55) 100%);
}
#top .rp-design-section.av-blur-side::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  -webkit-mask-image: linear-gradient(95deg,#000 0%,#000 28%,rgba(0,0,0,.62) 46%,rgba(0,0,0,.26) 58%,transparent 72%);
  mask-image: linear-gradient(95deg,#000 0%,#000 28%,rgba(0,0,0,.62) 46%,rgba(0,0,0,.26) 58%,transparent 72%);
}
#top .rp-design-section.av-hero { min-height: 88vh; display: flex; align-items: center; overflow: hidden; }
#top .rp-design-section.av-hero > .av-section-color-overlay-wrap > .container > .content,
#top .rp-design-section.av-hero > .container > .content { padding-top: 150px; padding-bottom: 110px; }
#top .rp-design-section.av-hero h1 { color: var(--rp-krem); font-size: 62px; margin: 0; }

/* Native images are neutral wrappers around replaceable media-library images. */
#top .rp-design-section .rp-image { margin: 0; }
#top .rp-design-section .rp-image .avia-image-container-inner,
#top .rp-design-section .rp-image .avia-image-overlay-wrap { display: block; width: 100%; border-radius: 0; }
#top .rp-design-section .rp-image img { width: 100%; border-radius: 0; }
#top .rp-design-section .rp-image .image-overlay { display: none !important; }

/* Product-card grids retain native Avia columns; flex prevents uneven floats. */
#top .rp-design-section .entry-content-wrapper:has(> .rp-grid-3-item) { display: flex; flex-wrap: wrap; gap: 0 34px; align-items: stretch; }
#top .rp-design-section .entry-content-wrapper:has(> .rp-grid-3-item) > :not(.rp-grid-3-item) { width: 100%; flex-basis: 100%; }
#top .rp-design-section .flex_column.rp-grid-3-item {
  width: calc((100% - 68px) / 3);
  margin: 0 0 34px;
  padding: 0;
  float: none;
  clear: none;
  min-width: 0;
}
#top .rp-design-section .flex_column.rp-grid-3-item.first { margin-left: 0; clear: none; }
#top .rp-design-section .flex_column.rp-grid-3-item:nth-last-child(-n + 3 of .rp-grid-3-item) { margin-bottom: 0; }
#top .rp-design-section .rp-product-card { background: transparent; box-shadow: none; }
#top .rp-design-section .rp-product-image { position: relative; overflow: hidden; aspect-ratio: 4 / 3; background: var(--rp-ejfekete); }
#top .rp-design-section .rp-product-image .avia-image-container-inner,
#top .rp-design-section .rp-product-image .avia-image-overlay-wrap,
#top .rp-design-section .rp-product-image .avia_image { height: 100%; }
#top .rp-design-section .rp-product-image .avia_image { display: block; }
#top .rp-design-section .rp-product-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s cubic-bezier(.19,1,.22,1); }
#top .rp-design-section .rp-product-card:hover .rp-product-image img { transform: scale(1.06); }
#top .rp-design-section .rp-product-image a::after { content: ""; position: absolute; inset: 0; background: rgba(16,16,17,.5); opacity: 0; transition: opacity .4s ease; }
#top .rp-design-section .rp-product-card:hover .rp-product-image a::after { opacity: 1; }
#top .rp-design-section .rp-product-image a::before { content: "+"; position: absolute; left: 50%; top: 50%; z-index: 2; transform: translate(-50%,-46%); width: 52px; height: 52px; border: 1px solid var(--rp-arany-vil); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--rp-arany-vil); font: 400 30px/1 var(--rp-font-text); opacity: 0; transition: opacity .4s ease,transform .4s ease; }
#top .rp-design-section .rp-product-card:hover .rp-product-image a::before { opacity: 1; transform: translate(-50%,-50%); }

/* Native Promo Box base presentation. */
#top .rp-design-section .av_promobox {
  border: 1px solid var(--rp-arany);
  padding: 46px 50px;
  display: flex; align-items: center; justify-content: space-between; gap: 34px;
  background: rgba(192,164,105,.06);
  margin: 0;
  float: none;
  min-height: 0;
  box-shadow: none;
  overflow: visible;
}


#top .rp-design-section .av_promobox p { margin: 0; font-size: 16px; }

#top .rp-design-section .av_promobox .avia-button { flex: 0 0 auto; position: static; inset: auto; margin: 0; }
/* Native article Text Blocks. */
#top .rp-design-section .entry-content { max-width: 720px; }

#top .rp-design-section .entry-content > p { font-size: 17px; line-height: 1.78; }

#top .rp-design-section .entry-content > p.lead {
  font-size: 20px; line-height: 1.65; color: var(--main-heading);
  font-weight: 400; margin-bottom: 1.6em;
}

#top .rp-design-section .entry-content h2 {
  font-size: 26px; margin: 2.2em 0 .7em; letter-spacing: .05em;
}

#top .rp-design-section .entry-content h2:first-child { margin-top: 0; }

#top .rp-design-section .entry-content h3 { font-size: 17px; margin: 1.9em 0 .6em; }

#top .rp-design-section .entry-content ul,
#top .rp-design-section .entry-content ol { font-size: 17px; line-height: 1.75; padding-left: 22px; margin: 0 0 1.5em; }

#top .rp-design-section .entry-content li { margin-bottom: .55em; }

#top .rp-design-section .entry-content strong { color: var(--main-heading); }

#top .rp-design-section .entry-content figure { margin: 2.4em 0; }

#top .rp-design-section .entry-content figcaption {
  font-size: 12.5px; letter-spacing: .04em; opacity: .75; margin-top: 12px;
  padding-left: 14px; border-left: 2px solid var(--rp-arany);
}

#top .rp-design-section .entry-content blockquote {
  margin: 2.4em 0; padding: 0 0 0 28px; border-left: 2px solid var(--rp-arany);
  font-family: var(--rp-font-display); font-size: 21px; line-height: 1.5;
  color: var(--main-heading);
}

/* Shared spacing and emphasis utilities. */
#top .rp-design-section .av-centered { text-align: center; }

#top .rp-design-section .av-mb-30 { margin-bottom: 30px; }

#top .rp-design-section .av-mb-50 { margin-bottom: 50px; }

#top .rp-design-section .av-mb-70 { margin-bottom: 70px; }

#top .rp-design-section .av-shadow { box-shadow: 0 24px 60px rgba(16,16,17,.28); }

#top .rp-design-section .rp-note {
  border-left: 3px solid var(--rp-paprika);
  background: rgba(168,83,43,.07);
  padding: 16px 20px; font-size: 13px; line-height: 1.6;
}

/* Two-column editorial sections use the original center/top alignment. */
#top .rp-columns-middle > .container > .content > .entry-content-wrapper,
#top .rp-columns-top > .container > .content > .entry-content-wrapper { display: flex; flex-wrap: wrap; align-items: center; }
#top .rp-columns-top > .container > .content > .entry-content-wrapper { align-items: flex-start; }

/* Native Avia accordion owns disclosure state and keyboard interaction. */
#top .rp-design-section .rp-faq {
  max-width: 880px;
  margin: 0 auto;
  border: 0;
  border-top: 1px solid var(--rp-section-border);
}
#top .rp-design-section .rp-faq .single_toggle { border: 0; border-bottom: 1px solid var(--rp-section-border); margin: 0; padding: 0; }
#top .rp-design-section .rp-faq .toggler {
  position: relative;
  display: block;
  width: 100%;
  margin: 0;
  padding: 20px 38px 20px 0;
  text-align: left;
  background: transparent;
  border: 0;
  box-shadow: none;
  cursor: pointer;
  font: 400 15px/normal var(--rp-font-display);
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--rp-section-heading);
}
#top .rp-design-section.av-faq .rp-faq .toggler { font-size: 15.5px; }
#top .rp-design-section .rp-faq .toggle_icon {
  position: absolute;
  right: 0;
  left: auto;
  top: 50%;
  transform: translateY(-50%);
  width: 22px;
  height: 22px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}
#top .rp-design-section .rp-faq .toggle_icon .hor_icon,
#top .rp-design-section .rp-faq .toggle_icon .vert_icon {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: 0;
  transform: translate(-50%,-50%);
  border: 0;
  background: var(--rp-arany);
  transition: opacity .3s ease;
}
#top .rp-design-section .rp-faq .toggle_icon .hor_icon { width: 13px; height: 1px; }
#top .rp-design-section .rp-faq .toggle_icon .vert_icon { width: 1px; height: 13px; }
#top .rp-design-section .rp-faq .activeTitle .toggle_icon .vert_icon { opacity: 0; }
#top .rp-design-section .rp-faq .toggle_wrap { border: 0; margin: 0; padding: 0; }
#top .rp-design-section .rp-faq .toggle_content {
  padding: 0 0 22px;
  margin: 0;
  border: 0;
  box-shadow: none;
  background: transparent;
  font-size: 15px;
  color: var(--rp-section-color);
}
#top .rp-design-section.av-faq .rp-faq .toggle_content p { font-size: 16px; line-height: 1.7; }

#top #socket { background: #0A0A0B; border-top: 1px solid rgba(255,255,255,.06); font: 400 11px/1.65 var(--rp-font-text); letter-spacing: .06em; color: #817B75; }
#top #socket .container { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding-block: 22px; }
#top #socket .copyright { float: none; }
#top #socket .sub_menu_socket { float: none; margin: 0; line-height: inherit; }
#top #socket .sub_menu_socket ul { margin: 0; top: auto; }
#top #socket a { color: #8C857D; }
#top #socket a:hover { color: var(--rp-arany); }

/* Gravity Forms uses the same form system after the user's separate import. */
#top .rp-gravity-form { --gf-color-primary: #c0a469; --gf-color-primary-contrast: #101011; --gf-radius: 0; --gf-font-family: var(--rp-font-text); }
#top .rp-gravity-form .gfield_label { display: block; font: 700 11px/1.65 var(--rp-font-text); letter-spacing: .16em; text-transform: uppercase; color: var(--main-heading); margin-bottom: 9px; }
#top .rp-gravity-form input:not([type=checkbox]):not([type=radio]):not([type=submit]),
#top .rp-gravity-form select,
#top .rp-gravity-form textarea { width: 100%; padding: 14px 16px; border: 1px solid var(--main-border); border-radius: 0; background: #fff; color: var(--main-fg); font: 400 15px/1.65 var(--rp-font-text); }
#top .rp-gravity-form textarea { min-height: 150px; resize: vertical; }
#top .rp-gravity-form input[type=checkbox] { accent-color: #8c713b; }
#top .rp-gravity-form input:focus,
#top .rp-gravity-form select:focus,
#top .rp-gravity-form textarea:focus { border-color: var(--rp-arany); box-shadow: 0 0 0 3px rgba(192,164,105,.18); }
#top .rp-gravity-form .gfield_consent_label { font-size: 13px; text-transform: none; letter-spacing: 0; font-weight: 400; color: var(--main-fg); }
#top .rp-gravity-form .gfield_consent_description { border: 0; padding: 0; font-size: 13px; }
#top .rp-gravity-form input[type=submit],
#top .rp-gravity-form button[type=submit] { padding: 19px 44px 17px; font: 700 13px/1.2 var(--rp-font-text); letter-spacing: .18em; text-transform: uppercase; background: var(--rp-arany); color: var(--rp-ejfekete); border: 2px solid var(--rp-arany); border-radius: 0; cursor: pointer; }
#top .rp-gravity-form input[type=submit]:hover,
#top .rp-gravity-form button[type=submit]:hover { background: var(--rp-arany-vil); border-color: var(--rp-arany-vil); }

/* Responsive measurements are copied from the approved reference. */
@media (max-width: 1100px) {

  #top .rp-design-section.av-hero h1 { font-size: 48px; }
  #top .rp-design-section .flex_column.rp-grid-3-item { width: calc((100% - 34px) / 2); margin: 0 0 34px; }
  #top .rp-design-section .flex_column.rp-grid-3-item:nth-last-child(-n + 3 of .rp-grid-3-item) { margin-bottom: 34px; }
  #top .rp-design-section .flex_column.rp-grid-3-item:nth-last-child(-n + 2 of .rp-grid-3-item) { margin-bottom: 0; }
}
@media (max-width: 989px) {
  :root { --en-gutter: 30px; --en-pad-huge: 80px; --en-pad-large: 56px; }
  #top .rp-design-section .flex_column_table { display: block; }
  #top .rp-columns-middle > .container > .content > .entry-content-wrapper,
#top .rp-columns-top > .container > .content > .entry-content-wrapper { display: block; }

  #top .rp-design-section .entry-content > p.lead { font-size: 18px; }
  #top .rp-design-section .av_promobox { flex-direction: column; text-align: center; padding: 38px 28px; }

  #top .rp-design-section.av-hero > .av-section-color-overlay-wrap > .container > .content,
#top .rp-design-section.av-hero > .container > .content { padding-top: 52px; padding-bottom: 86px; }
  /* The native 80px mobile header is in normal document flow. */
  #top .rp-design-section.av-hero { min-height: calc(88vh - 80px); }

  #top .rp-design-section.av-veil-side::before { background: linear-gradient(180deg,rgba(16,16,17,.93) 0%,rgba(16,16,17,.86) 42%,rgba(16,16,17,.74) 68%,rgba(16,16,17,.88) 100%); }
  #top .rp-design-section.av-blur-side::after { -webkit-backdrop-filter: blur(7px); backdrop-filter: blur(7px); -webkit-mask-image: linear-gradient(180deg,#000 0%,#000 48%,rgba(0,0,0,.45) 68%,transparent 86%); mask-image: linear-gradient(180deg,#000 0%,#000 48%,rgba(0,0,0,.45) 68%,transparent 86%); }
  #top #socket .container { flex-direction: column; text-align: center; }
}
@media (max-width: 640px) {

  :root { --en-gutter: 20px; --en-pad-huge: 64px; }
  #top { font-size: 15px; }
  #top .rp-design-section h1 { font-size: 30px; }
  #top .rp-design-section h2 { font-size: 26px; }
  #top .rp-design-section.av-hero h1 { font-size: 34px; }

  #top .rp-design-section .entry-content > p,
#top .rp-design-section .entry-content ul,
#top .rp-design-section .entry-content ol { font-size: 16px; }
  #top .rp-design-section .entry-content h2 { font-size: 22px; }
  #top .rp-design-section .entry-content blockquote { font-size: 18px; padding-left: 20px; }

  #top .rp-design-section .avia-button { display: block; width: 100%; }

}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  #top .rp-design-section.av-blur-side::after { display: none; }
}
#top #header,
#top #footer,
#top #socket { --rp-focus-color: var(--rp-arany); }
#top :focus-visible { outline: 3px solid var(--rp-focus-color); outline-offset: 4px; }
/* The link fills an overflow-hidden photo. Put its focus ring on the photo
   wrapper so cropping cannot hide keyboard focus. */
#top .rp-design-section .rp-product-image:focus-within { outline: 3px solid var(--rp-focus-color); outline-offset: 4px; }
#top .rp-design-section .rp-product-image a:focus-visible { outline: none; }
#top .rp-design-section .rp-product-image:focus-within a::after { opacity: 1; }
#top .rp-design-section .rp-product-image:focus-within a::before { opacity: 1; transform: translate(-50%,-50%); }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  #top *,
#top *::before,
#top *::after { animation: none !important; transition: none !important; }

}

/* Native ALB output corrections, measured against the approved prototype. */
#top .rp-design-section + .av_default_container_wrap:not(:has(.entry-content-wrapper *)) {display:none}
#top .rp-design-section:not(.av-veil)::before {box-shadow:none}
@media(min-width:990px){
 #top #header .inner-container {display:flex;align-items:center}
 #top #header .logo {position:static;flex-shrink:0}
 #top #header .main_menu {position:static;float:none;margin-left:auto;margin-right:auto}
}
/* The native tablet-menu breakpoint remains 990px. Slightly tighter spacing
   in its first desktop band keeps all seven items on the same header row. */
@media (min-width: 990px) and (max-width: 1023px) {
  #top #header .av-main-nav > li > a { padding-inline: 10px; white-space: nowrap; }
  #top #header .av-main-nav > li.rp-menu-cta { margin-left: 12px; }
  #top #header .av-main-nav > li.rp-menu-cta > a { padding-inline: 0; }
}

/* Match the approved mobile canvas instead of Enfold's built-in 85% width.
   These selectors intentionally outrank the theme's responsive selectors. */
@media (max-width: 989px) {
  html.responsive #top #wrap_all .container {
    width: 100%;
    max-width: calc(var(--en-container) + var(--en-gutter) * 2);
    padding-inline: var(--en-gutter);
    margin-inline: auto;
  }
  /* Native responsive header remains in normal flow. Only logo artwork scales. */
html.responsive #top #wrap_all #header .logo img,
html.responsive #top #wrap_all #header .logo svg {
    width: 172px;
    height: 46px;
    max-height: 46px;
    max-width: calc(100vw - var(--en-gutter) * 2 - 60px);
  }
  html.responsive #top #wrap_all .rp-design-section .rp-column { width: 100%; float: none; margin: 0 0 40px; }
  html.responsive #top #wrap_all .rp-design-section .rp-column:last-child { margin-bottom: 0; }
  html.responsive #top #wrap_all .rp-design-section .flex_column.rp-grid-3-item { width: calc((100% - 34px) / 2); margin: 0 0 34px; }
  html.responsive #top #wrap_all .rp-design-section .flex_column.rp-grid-3-item:nth-last-child(-n + 2 of .rp-grid-3-item) { margin-bottom: 0; }
}
@media (max-width: 640px) {
  html.responsive #top #wrap_all .rp-design-section .flex_column.rp-grid-3-item,
html.responsive #top #wrap_all .rp-design-section .flex_column.rp-grid-3-item:nth-last-child(-n + 2 of .rp-grid-3-item) { width: 100%; margin: 0 0 28px; }
  html.responsive #top #wrap_all .rp-design-section .flex_column.rp-grid-3-item:nth-last-child(1 of .rp-grid-3-item) { margin-bottom: 0; }
}

/* Enfold post navigation and editorial heading defaults are replaced by the approved layout. */
#top.single-post:has(.rp-design-section) .avia-post-nav { display: none; }

#top .rp-design-section .rp-contact-panel a { overflow-wrap: anywhere; }

/* Shorter editorial columns follow the viewport inside their own row only.
   The small helper selects a column by its rendered height, without inline CSS. */
@media (min-width: 990px) {
  #top { --rp-sticky-admin-height: 0px; }
  #top.admin-bar { --rp-sticky-admin-height: 32px; }
  #top.rp-has-sticky-columns { overflow-x: clip; overflow-y: visible; }
  #top.rp-has-sticky-columns #wrap_all { overflow: clip; }
  #top .rp-design-section .rp-follow-row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  #top .rp-columns-middle .rp-follow-row { align-items: center; }
  #top .rp-design-section .rp-follow-row > .rp-sticky-column {
    position: sticky;
    top: calc(var(--en-header-scrolled) + var(--rp-sticky-admin-height) + 24px);
  }
}

/* Keep the catalogue price heading inside the narrowest mobile content width. */
@media (max-width: 375px) {
  #top #wrap_all #arak h2 { font-size: clamp(22px, 7vw, 26px); }
}

/* Native section wrapper remains above the approved hero background veil. */
#top .rp-design-section.av-hero > .av-section-color-overlay-wrap { position:relative; z-index:3; }