/* ================================================================
   INTERIOR BÚTOR — fejléc módosítások a design szerint
   Topline: világos szürke • Bottom-line: SÖTÉTKÉK • Menü: FEHÉR
   ================================================================ */

/* === 1. ALAP BETŰMÉRET (13 → 16 px) === */
html { font-size: 16px; }
body { font-size: 1rem; line-height: 1.4; }

.product-name, .product-title,
.box-product .name, .box-product .name a {
    font-size: 1.0625rem;
    line-height: 1.4;
}

h1, .h1 { font-size: 2rem; }
h2, .h2 { font-size: 1.625rem; }
h3, .h3 { font-size: 1.25rem; }
h4, .h4 { font-size: 1.0625rem; }

.btn { font-size: 1rem; }
footer, .footer { font-size: 0.95rem; }


/* === 2. TOPLINE — világos szürke, tartalom 1280px konténerben (logóval egy vonalban) === */
.header-top-line {
    display: block !important;
    background-color: #f5f5f5;
    border-bottom: 1px solid #e6e6e6;
    padding: 0 !important;
    font-size: 0.9rem;
    min-height: 38px;
    width: 100%;
}

/* A JS becsomagolja a topline tartalmát egy .ib-topline-inner divbe (1280px konténer) */
.ib-topline-inner {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}

.ib-topline-inner ul,
.ib-topline-inner nav {
    flex: 0 0 auto;
    width: auto;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    list-style: none;
}

.header-top-line a {
    font-size: 0.9rem !important;
    line-height: 1.4 !important;
    padding: 10px 0.85rem !important;
    color: #2a3c52;
    text-decoration: none;
}


/* === 3. KONTAKT BLOKK A TOPLINE JOBB OLDALÁN === */
.ib-contact-info {
    flex: 0 0 auto;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin-left: auto;
}
.ib-contact-info a {
    color: #2a3c52 !important;          /* sötétkék, ahogy korábban jó volt */
    text-decoration: none;
    font-size: 0.9rem !important;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    padding: 8px 0 !important;
    transition: color 0.2s;
    white-space: nowrap;
}
.ib-contact-info a + a {
    margin-left: 1.75rem;
}
.ib-contact-info a:hover {
    color: #BA9E5F !important;
    text-decoration: none;
}

/* SVG ikon — pin / cím (sötétkék) */
.ib-contact-info .ib-addr:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 0.5rem;
    vertical-align: -3px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232A3C52' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/><circle cx='12' cy='10' r='3'/></svg>");
}
/* SVG ikon — telefon (sötétkék) */
.ib-contact-info .ib-tel:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 0.5rem;
    vertical-align: -3px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232A3C52' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/></svg>");
}


/* === 4. BOTTOM-LINE — SÖTÉTKÉK háttér, kompakt; logó NAGYOBB de a sáv nem nő === */
.header-bottom-line {
    background-color: #2a3c52 !important;
    padding: 4px 0 !important;
    min-height: auto !important;
}

/* Navbar konténer padding csökkentve (Bootstrap default 0.5rem) */
.header-bottom-line .navbar,
.header-bottom-line .navbar-expand-lg {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Logó MAX-HEIGHT nagyobb — 100px, a sáv padding csak 4px így alig nő (4+100+4 = 108px) */
.header-bottom-line .navbar-brand,
.header-bottom-line a.navbar-brand {
    padding: 0 !important;
    margin: 0 !important;
}
.header-bottom-line .navbar-brand img,
.header-bottom-line a.navbar-brand > img,
.header-bottom-line a > img {
    max-height: 100px !important;
    height: auto !important;
    width: auto !important;
    background: transparent;
}

/* Search-module a teljes pill-konténer (ikon és input együtt) */
.header-bottom-line .search-module,
.header-bottom-line .dropdown.search-module {
    flex: 1 1 auto;
    max-width: 700px;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 999px !important;
    padding: 4px 18px !important;
    transition: all 0.2s ease;
}
.header-bottom-line .search-module:focus-within {
    background: #ffffff !important;
    border-color: #BA9E5F !important;
}

/* Az input-group FLEX container — ikont JOBBRA rendezzük order-rel */
.header-bottom-line .input-group,
.header-bottom-line .search-module .input-group,
.header-bottom-line .search-module > .input-group {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    width: 100% !important;
    position: relative;
}

/* INPUT mező a bal oldalon (order: 1) — KISEBB szám = bal */
.header-bottom-line .input-group > input,
.header-bottom-line .input-group > input.form-control,
.header-bottom-line .input-group > input#filter_keyword,
.header-bottom-line .search-module .input-group > input {
    order: 1 !important;
    -webkit-order: 1 !important;
    flex: 1 1 auto !important;
}
/* A kereső-gomb (input-group-prepend) JOBBRA (order: 99) */
.header-bottom-line .input-group > .input-group-prepend,
.header-bottom-line .input-group > .input-group-append,
.header-bottom-line .search-module .input-group > .input-group-prepend,
.header-bottom-line .search-module .input-group > .input-group-append {
    order: 99 !important;
    -webkit-order: 99 !important;
    flex: 0 0 auto !important;
    margin-left: 0.5rem !important;
    margin-right: 0 !important;
    position: static !important;
}

/* A kereső-gomb átlátszó, csak az SVG látszik */
.header-bottom-line .search-module .input-group button.btn,
.header-bottom-line .search-module .input-group button.btn-link {
    background: transparent !important;
    border: none !important;
    padding: 0 4px !important;
    color: rgba(255, 255, 255, 0.85) !important;
    box-shadow: none !important;
}
.header-bottom-line .search-module .input-group button svg path {
    fill: rgba(255, 255, 255, 0.85);
}
.header-bottom-line .search-module:focus-within .input-group button {
    color: #2a3c52 !important;
}
.header-bottom-line .search-module:focus-within .input-group button svg path {
    fill: #2a3c52;
}
/* Az ikon / kereső gombot jobbra rendezzük (Bootstrap input-group-prepend-et átteszi flex-order-rel) */
.header-bottom-line .input-group input.form-control,
.header-bottom-line .input-group input#filter_keyword {
    order: 1 !important;
    flex: 1 1 auto;
}
.header-bottom-line .input-group .input-group-prepend,
.header-bottom-line .input-group .input-group-append,
.header-bottom-line .input-group button,
.header-bottom-line .input-group .input-group-text {
    order: 2 !important;
    margin-left: 0.5rem;
}
.header-bottom-line .input-group:focus-within,
.header-bottom-line .search-module .input-group:focus-within {
    background: #ffffff !important;
    border-color: #BA9E5F !important;
}

/* Az input maga: átlátszó, fehér szöveg */
.header-bottom-line input.form-control,
.header-bottom-line input#filter_keyword,
.header-bottom-line input[type='text'] {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    color: #ffffff !important;
    font-size: 0.95rem !important;
    padding: 6px 0 !important;
    box-shadow: none !important;
    height: auto !important;
}
.header-bottom-line input.form-control::placeholder,
.header-bottom-line input#filter_keyword::placeholder {
    color: rgba(255, 255, 255, 0.6) !important;
}
.header-bottom-line .input-group:focus-within input.form-control,
.header-bottom-line .input-group:focus-within input#filter_keyword {
    color: #1f2937 !important;
}
.header-bottom-line .input-group:focus-within input.form-control::placeholder,
.header-bottom-line .input-group:focus-within input#filter_keyword::placeholder {
    color: #6b7280 !important;
}

/* Kereső ikon és gombok az input-group-on belül — a sávhoz illesztve */
.header-bottom-line .input-group .input-group-text,
.header-bottom-line .input-group .input-group-append,
.header-bottom-line .input-group .input-group-prepend,
.header-bottom-line .input-group button {
    background: transparent !important;
    border: none !important;
    color: rgba(255, 255, 255, 0.8) !important;
    padding: 4px 8px !important;
}
.header-bottom-line .input-group:focus-within button,
.header-bottom-line .input-group:focus-within .input-group-text {
    color: #2a3c52 !important;
}
.header-bottom-line .input-group svg,
.header-bottom-line .input-group i {
    color: rgba(255, 255, 255, 0.8);
    fill: rgba(255, 255, 255, 0.8);
}
.header-bottom-line .input-group:focus-within svg,
.header-bottom-line .input-group:focus-within i {
    color: #2a3c52;
    fill: #2a3c52;
}


/* === 5. HEADER-CATEGORY — FEHÉR háttér mindenképp, alsó halvány bézs vonal === */
body .header-category,
body.home-body .header-category,
body header .header-category,
body header.sticky-header .header-category,
.sticky-header-pinned.headroom--not-top .header-category,
.header-category:hover {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    border-bottom: 1px solid #fff2db !important;
    position: relative;
    z-index: 100;
}

/* Menü-itemek — KÉK link, KOMPAKT sáv. Erős specifikusság a Helsinki sablon felülírásához */
body .header-category .nav-link,
body .header-category .nav-item > .nav-link,
body .header-category li > a.nav-link,
body .header-category .navbar-nav > li > a,
body .header-category .navbar-nav > .nav-item > a,
body header .header-category a.nav-link,
body header .header-category li > a.nav-link {
    color: #2a3c52 !important;
    font-size: 0.875rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    padding: 16px 18px !important;
    line-height: 1.2 !important;
    background: transparent !important;
    background-color: transparent !important;
    position: relative;
    text-decoration: none !important;
}
/* Hover/aktív menüpont — arany */
body .header-category .nav-link:hover,
body .header-category .nav-link:focus,
body .header-category .nav-item.active > .nav-link,
body .header-category .nav-item > .nav-link.active {
    color: #9d8550 !important;
    background: transparent !important;
}

/* A navbar belső padding minimumra — sáv jóval alacsonyabb */
body .header-category .navbar,
body .header-category .navbar-expand-lg,
body .header-category > .container,
body .header-category-navbar {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: auto !important;
}
body .header-category .navbar-nav {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: auto !important;
    margin: 0 !important;
}
body .header-category .nav-item {
    padding: 0 !important;
    margin: 0 !important;
}
/* A navbar-konténer csak a függőleges padding-et csökkentse, ne 0 */
.header-category .navbar {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Hover/aktív — arany szöveg, alatta arany csík (animált) */
.header-category .navbar-nav > li > a:hover,
.header-category .navbar-nav > li.active > a,
.header-category .navbar-nav > li > a:focus {
    color: #9d8550 !important;
    background: transparent !important;
}
.header-category .navbar-nav > li > a:after {
    content: '';
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: 0;
    height: 2px;
    background: #BA9E5F;
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 0.2s ease;
}
.header-category .navbar-nav > li > a:hover:after,
.header-category .navbar-nav > li.active > a:after {
    transform: scaleX(1);
}


/* === 6. DROPDOWN MENÜK — fehér háttér, sötét szöveg, arany hover === */
.header-category .dropdown-menu,
.header-category .dropdown-hover-menu,
.header-category ul ul,
.header-category li ul {
    background: #ffffff !important;
    border: 1px solid #e6e6e6 !important;
    border-radius: 4px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;
    padding: 8px 0 !important;
    background-image: none !important;
    min-width: 280px !important;        /* szélesebb dropdown */
}

/* 2. SZINT — lenyíló: NEM uppercase, NEM bold, kisebb padding.
   FONTOS: body-előtag a magasabb specifikusságért, hogy felülírja
   a 5. szakaszi főmenü-szabályt (.nav-link, navbar-nav > li > a). */
body .header-category .dropdown-menu a,
body .header-category .dropdown-menu li > a,
body .header-category .dropdown-menu li > a.nav-link,
body .header-category .dropdown-hover-menu a,
body .header-category .dropdown-hover-menu li > a,
body .header-category .dropdown-item,
body .header-category ul ul a,
body .header-category ul ul li > a,
body .header-category li ul a,
body .header-category li ul li > a,
body .header-category .navbar-nav .dropdown-menu a,
body .header-category .navbar-nav ul ul a,
body header .header-category .dropdown-menu a,
body header .header-category ul ul a {
    color: #1f2937 !important;
    background: transparent !important;
    background-image: none !important;
    padding: 7px 16px !important;       /* kisebb padding mint főmenüben (16/18) */
    font-size: 0.9rem !important;
    font-weight: 400 !important;        /* NEM bold */
    line-height: 1.4 !important;
    text-transform: none !important;    /* NEM nagybetűs */
    letter-spacing: normal !important;
}

/* 3. SZINT — még beljebb behúzva, kisebb font, halványabb szín */
body .header-category .dropdown-menu .dropdown-menu a,
body .header-category .dropdown-menu .dropdown-hover-menu a,
body .header-category .dropdown-hover-menu .dropdown-menu a,
body .header-category .dropdown-hover-menu .dropdown-hover-menu a,
body .header-category ul ul ul a,
body .header-category li ul ul a,
body .header-category li ul ul li > a {
    font-size: 0.85rem !important;
    color: #4b5563 !important;
    padding: 6px 16px 6px 28px !important;   /* bal oldalt enyhén behúzva */
    font-weight: 400 !important;
    text-transform: none !important;
}
/* 3. szint hover (különböztetve a 2. szinttől) */
body .header-category .dropdown-menu .dropdown-menu a:hover,
body .header-category .dropdown-hover-menu .dropdown-hover-menu a:hover,
body .header-category ul ul ul a:hover,
body .header-category li ul ul a:hover {
    color: #BA9E5F !important;
    background: #fff8ec !important;
}

/* Almenü-nyíl: ha az <li>-nek van submenu-jelölő osztálya, tegyünk
   egy ► nyilat a végére. A JS minden olyan li-re, amiben <ul> van,
   beállítja az `ib-has-submenu` osztályt. */
.header-category .dropdown-menu li.parent > a:after,
.header-category .dropdown-menu li.has-children > a:after,
.header-category .dropdown-menu li.has-submenu > a:after,
.header-category .dropdown-menu li.menu-item-has-children > a:after,
.header-category .dropdown-menu li.dropdown-submenu > a:after,
.header-category .dropdown-menu li.ib-has-submenu > a:after,
.header-category .dropdown-hover-menu li.ib-has-submenu > a:after,
.header-category ul ul li.parent > a:after,
.header-category ul ul li.ib-has-submenu > a:after,
.header-category li.parent > a:after,
.header-category li.ib-has-submenu > a:after {
    content: "";
    display: inline-block !important;
    width: 8px;
    height: 8px;
    margin-left: auto;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232A3C52' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='9 18 15 12 9 6'/></svg>");
    transition: transform 0.2s ease, background-image 0.2s ease;
}
/* Az <a> legyen flex, hogy a nyíl jobbra kerüljön */
.header-category .dropdown-menu li.parent > a,
.header-category .dropdown-menu li.has-children > a,
.header-category .dropdown-menu li.has-submenu > a,
.header-category .dropdown-menu li.ib-has-submenu > a,
.header-category .dropdown-hover-menu li.ib-has-submenu > a,
.header-category ul ul li.parent > a,
.header-category ul ul li.ib-has-submenu > a,
.header-category li.parent > a,
.header-category li.ib-has-submenu > a {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
}
/* Hover-en a nyíl aranyra vált és kicsit elcsúszik jobbra */
.header-category .dropdown-menu li.parent > a:hover:after,
.header-category .dropdown-menu li.has-children > a:hover:after,
.header-category .dropdown-menu li.has-submenu > a:hover:after,
.header-category .dropdown-menu li.ib-has-submenu > a:hover:after,
.header-category .dropdown-hover-menu li.ib-has-submenu > a:hover:after,
.header-category ul ul li.parent > a:hover:after,
.header-category ul ul li.ib-has-submenu > a:hover:after,
.header-category li.parent > a:hover:after,
.header-category li.ib-has-submenu > a:hover:after {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23BA9E5F' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='9 18 15 12 9 6'/></svg>");
    transform: translateX(2px);
}
/* A nav-link főszinten (Hálószoba, Étkező stb.) NE kapja meg ezt a nyilat,
   csak a valódi dropdown-elemek belül */
.header-category .nav-item.parent > .nav-link:after,
.header-category .nav-item.ib-has-submenu > .nav-link:after,
.header-category > .container > ul > li.parent > a:after,
.header-category > .container > ul > li.ib-has-submenu > a:after,
.header-category .navbar-nav > li.parent > a.nav-link:after,
.header-category .navbar-nav > li.ib-has-submenu > a.nav-link:after {
    content: none !important;
    display: none !important;
}
.header-category .dropdown-menu a:hover,
.header-category .dropdown-menu li > a:hover,
.header-category .dropdown-hover-menu a:hover,
.header-category ul ul a:hover {
    background: #faf7f2 !important;
    color: #9d8550 !important;
}
/* A dropdown-aktív elem aláhúzása ne jelenjen meg újra */
.header-category .dropdown-menu a:after,
.header-category ul ul a:after {
    display: none !important;
}


/* === 9. KATEGÓRIA OLDAL — design szerint === */

/* category-top wrapper: a <main>-en belül, a container ELÉ kerül */
.category-top {
    margin: 0 0 32px;
}

/* Krémes szekció — full-width hátterű, max-width 1280px container belül */
.cat-top-cream {
    background: #faf7f2;
    border-bottom: 1px solid #e6dfd3;
    padding: 32px 0 48px;
    width: 100%;
}
.cat-top-cream > .container {
    margin: 0 auto;
}

/* Subcategory sáv — fehér háttér, kompakt padding, nincs különálló border-bottom rés */
.cat-top-sub {
    background: #ffffff;
    padding: 16px 0 14px;
    border-bottom: 1px solid #e6dfd3;
    margin-bottom: 0;
}
.cat-top-sub > .container {
    margin: 0 auto;
}

/* Üres cat-top-sub (nincs subkategória) — TELJES rejtés, semmi tér */
.cat-top-sub.ib-empty,
.cat-top-sub:empty {
    display: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    height: 0 !important;
}

/* A category-top wrapperből hagyjuk el a 32px alsó marginnt, helyette kis hely a border-bottom alatt */
.category-top {
    margin: 0 0 24px !important;
}

.cat-top-cream .page-head,
.cat-top-cream .page-description,
.cat-top-cream .category-description,
.cat-top-cream .breadcrumb {
    background: transparent !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: none !important;
    margin-bottom: 14px !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* === col-md-9 / col-lg-9 100%-osra (mert nincs sidebar a col-md-3-ban) === */
.col-md-9, .col-lg-9, .col-xl-9,
[class*="col-"][class*="-9"]:only-child,
.row > [class*="col-"][class*="-9"] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
}
/* Ha az oszlop testvére col-md-3 (sidebar) ÉS az üres → szülő flex flow visszaadja a teljes szélességet */
.col-md-3:empty, .col-lg-3:empty, .col-xl-3:empty {
    display: none !important;
}

/* Eyebrow felirat a cím fölött */
.ib-eyebrow {
    font-size: 0.85rem;
    letter-spacing: 0.25em;
    color: #9d8550;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0 0 8px;
}

/* Page-head — nincs külön háttér (banner adja), csak a cím + leírás flex-elrendezésű */
.page-head {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 0 14px !important;
}

/* A subcategory-list pillek aktív állapota — csak az <a> elemen legyen arany, ne a <li> sárgítson */
.subcategory-list a.active,
.subcategory-list a.current,
.subcategory-list a[aria-current],
.subcategory-list li.active > a,
.subcategory-list .ib-subcat-all-link {
    background: #BA9E5F !important;
    border-color: #BA9E5F !important;
    color: #ffffff !important;
}
/* Az "Összes" <li> (és más <li> is) ne kapjon háttérszínt, csak a benne lévő <a> */
.subcategory-list li,
.subcategory-list .subcategory-item,
.subcategory-list .ib-subcat-all-li {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
}

/* Breadcrumb — sötétkék szöveg, arany / elválasztó */
.breadcrumb {
    background: transparent !important;
    padding: 0 0 18px !important;
    margin: 0 !important;
    font-size: 0.85rem;
    color: #4b5563;
}
.breadcrumb a {
    color: #4b5563 !important;
    text-decoration: none !important;
}
.breadcrumb a:hover {
    color: #BA9E5F !important;
}
.breadcrumb .breadcrumb-item + .breadcrumb-item:before,
.breadcrumb li + li:before,
.breadcrumb-item + .breadcrumb-item::before {
    content: "/" !important;
    color: #BA9E5F !important;
    padding: 0 8px !important;
}
.breadcrumb-item.active,
.breadcrumb .active {
    color: #2a3c52 !important;
    font-weight: 600;
}

/* H1 cím */
.page-head-title,
.page-head h1 {
    font-size: 2.5rem !important;
    font-weight: 700 !important;
    color: #2a3c52 !important;
    margin: 0 0 12px !important;
    letter-spacing: -0.01em;
    line-height: 1.15;
    font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
}

/* Page-head / category-description leírás — kicsit nagyobb */
.page-head p,
.page-head .description,
.page-head .category-description,
.cat-top-cream .category-description,
.cat-top-cream .page-description {
    font-size: 1.0625rem !important;
    color: #4b5563 !important;
    max-width: 720px;
    margin: 0 !important;
    line-height: 1.6;
}

/* Alkategória pillek (Ágyak / stb.) — Shoprenter Bootstrap rács: row > col > card > card-body > a */
.subcategory-list.row,
.subcategory-list {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
    background: transparent;
    justify-content: flex-start;
}
/* Az oszlopok ne legyenek 25%-osak — pill-szerű elrendezésben szabadon teret foglalnak */
.subcategory-list > [class*="col-"],
.subcategory-list .ib-subcat-all-col {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
/* A card és card-body LÁTHATATLAN — csak az <a> kapja a stílust */
.subcategory-list .card,
.subcategory-list .category-card,
.subcategory-list .card-body,
.subcategory-list .category-card-body {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
/* Az <a> a kerek pill */
.subcategory-list a,
.subcategory-list .card-link,
.subcategory-list .category-card-link,
.subcategory-list .stretched-link {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 9px 22px !important;
    background: #ffffff !important;
    border: 1px solid #e6dfd3 !important;
    border-radius: 999px !important;
    color: #1f2937 !important;
    font-size: 0.95rem !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: all 0.15s ease !important;
    box-shadow: none !important;
    white-space: nowrap;
}
.subcategory-list a:hover,
.subcategory-list a.active,
.subcategory-list .active,
.subcategory-list .ib-subcat-all-link {
    background: #BA9E5F !important;
    border-color: #BA9E5F !important;
    color: #ffffff !important;
}
/* Stretched-link "after" pszeudo overlay-t kapcsoljuk ki, mert a pill mérete miatt nem kell */
.subcategory-list .stretched-link:after {
    display: none !important;
}

/* Sortbar — nagyobb betű, 15px alá-fölé padding, csak a TOP-on van aláhúzás */
.sortbar,
.sortbar-top,
.sortbar-bottom {
    padding: 0 !important;
    margin: 0 !important;
    font-size: 1rem !important;
    color: #4b5563;
    border-bottom: none !important;
}
/* Csak a sortbar-top alá kerül a halvány aláhúzás */
.sortbar-top {
    border-bottom: 1px solid #e6dfd3 !important;
    margin-bottom: 0 !important;
}
/* A pagination-wrapper / d-flex-between belső elemnek ad padding 15px alá-fölé */
.sortbar .pagination-wrapper,
.sortbar-top .pagination-wrapper,
.sortbar-bottom .pagination-wrapper,
.sortbar .d-flex-between,
.sortbar-top .d-flex-between,
.sortbar-bottom .d-flex-between {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    font-size: 1rem !important;
}
/* Sortbar select (Rendezés dropdown) */
.sortbar select,
.sortbar-top select,
.sortbar-bottom select {
    padding: 8px 14px !important;
    border: 1px solid #e6dfd3 !important;
    border-radius: 4px !important;
    background: #ffffff !important;
    font-size: 1rem !important;
    color: #1f2937 !important;
    cursor: pointer;
}
.sortbar select:focus,
.sortbar-top select:focus {
    border-color: #BA9E5F !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(200, 151, 91, 0.15);
}
/* "1-24 / 57 termék" + "Rendezés:" feliratok */
.sortbar .results,
.sortbar-top .results,
.sortbar-bottom .results,
.sortbar .sort-label,
.sortbar-top .sort-label,
.sortbar-bottom .sort-label {
    font-size: 1rem !important;
    margin-right: 20px;
}

/* Termékkártya (.card.product-card) — egyetlen keret, padding, magassági stabilitás */
.card.product-card {
    border: 1px solid #f0ece4 !important;
    border-radius: 4px !important;
    background: #ffffff !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease !important;
    overflow: hidden;
    box-shadow: none !important;
    outline: none !important;
    display: flex !important;
    flex-direction: column;
    height: 100%;
}
.card.product-card:hover {
    border-color: #BA9E5F !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06) !important;
    transform: translateY(-2px);
    outline: none !important;
}

/* Bootstrap .img-thumbnail saját kerete kikapcsolva — ne legyen dupla border */
.card.product-card .img-thumbnail,
.card.product-card .card-img-top,
.card.product-card img {
    border: none !important;
    padding: 0 !important;
    background: #faf7f2;
}
.card.product-card .product-card-image {
    background: #faf7f2;
    border: none !important;
}

/* Card body: kompakt felső padding, NE nyúljon el üres helyre */
.card.product-card .card-body,
.card.product-card .product-card-body {
    padding: 14px 20px 8px !important;
    flex: 0 0 auto !important;
    display: flex;
    flex-direction: column;
}

/* Termék név — kicsit nagyobb, többsoros cím látszódjon teljesen */
.card.product-card .product-card-title,
.card.product-card .product-card-title a,
.card.product-card .product-card-name,
.card.product-card .name a {
    color: #1f2937 !important;
    font-weight: 600 !important;
    font-size: 1.125rem !important;
    line-height: 1.35 !important;
    text-decoration: none !important;
    margin-bottom: 8px !important;
    display: block !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: unset !important;
    line-clamp: unset !important;
    max-height: none !important;
    height: auto !important;
    word-wrap: break-word;
}
.card.product-card .product-card-title a:hover,
.card.product-card .product-card-name:hover {
    color: #BA9E5F !important;
}

/* Leírás — alap betűméret (1rem = 16px) */
.card.product-card .description,
.card.product-card .short-description,
.card.product-card .product-card-body p,
.card.product-card .product-card-description {
    font-size: 1rem !important;
    color: #4b5563 !important;
    line-height: 1.55 !important;
    margin-bottom: 8px !important;
}

/* Card footer (Részletek gomb sáv) — közvetlenül a body után, NEM kitöltve a teret */
.card.product-card .card-footer,
.card.product-card .product-card-footer {
    padding: 8px 20px 16px !important;
    background: transparent !important;
    border-top: none !important;
    margin-top: 0 !important;
    flex: 0 0 auto !important;
}

/* Részletek gomb (btn-outline-primary) — designra hangolva */
.card.product-card .btn,
.card.product-card .btn-outline-primary {
    border: 1px solid #BA9E5F !important;
    color: #BA9E5F !important;
    background: transparent !important;
    border-radius: 999px !important;
    padding: 8px 24px !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    box-shadow: none !important;
    transition: all 0.15s ease;
}
.card.product-card .btn:hover,
.card.product-card .btn-outline-primary:hover {
    background: #BA9E5F !important;
    color: #ffffff !important;
}

/* === 9c. UTOLJÁRA MEGTEKINTETT (módul) — designhoz illesztve === */
.module-lastseen-wrapper {
    padding: 56px 0 64px;
    background: #ffffff;
}
.module-lastseen-wrapper .module-head {
    text-align: center;
    margin: 0 !important;
    padding: 0 !important;
}
/* Eyebrow "FOLYTASSA A BÖNGÉSZÉST" a cím fölött (JS illeszti be) */
.module-lastseen-wrapper .ib-eyebrow {
    text-align: center;
    margin: 0 0 12px;
}
.module-lastseen-wrapper .module-head-title {
    font-family: 'Playfair Display', Georgia, 'Times New Roman', serif !important;
    font-size: 2rem !important;
    font-weight: 700 !important;
    color: #2a3c52 !important;
    margin: 0 !important;
    letter-spacing: -0.01em;
}

/* Az utoljára megtekintett kártyák stílusa — felülírja az általános .product-card-ot ha kell */
.module-lastseen-wrapper .card.product-card {
    border: 1px solid #f0ece4 !important;
    border-radius: 4px !important;
    overflow: hidden;
    background: #ffffff !important;
    transition: all 0.2s ease;
    box-shadow: none !important;
}
.module-lastseen-wrapper .card.product-card:hover {
    border-color: #BA9E5F !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06) !important;
    transform: translateY(-2px);
}
.module-lastseen-wrapper .card.product-card .product-card-image {
    background: #faf7f2;
}
.module-lastseen-wrapper .card.product-card .card-body,
.module-lastseen-wrapper .card.product-card .product-card-body {
    padding: 14px 16px !important;
    text-align: center;
}
.module-lastseen-wrapper .card.product-card .product-card-title,
.module-lastseen-wrapper .card.product-card .product-card-title a {
    font-size: 1rem !important;
    font-weight: 600 !important;
    color: #1f2937 !important;
    line-height: 1.4 !important;
    margin: 0 !important;
}

/* Kategória, ár, leírás, kosár-gomb, footer ELREJTÉSE az utoljára megtekintett-ben */
.module-lastseen-wrapper .product-card-category,
.module-lastseen-wrapper .product-card-price,
.module-lastseen-wrapper .product-card-prices,
.module-lastseen-wrapper .product-card-description,
.module-lastseen-wrapper .product-card-cart-button,
.module-lastseen-wrapper .product-card-details,
.module-lastseen-wrapper .product-card-footer,
.module-lastseen-wrapper .card-footer,
.module-lastseen-wrapper .product-card-wishlist {
    display: none !important;
}


/* Pagination — kerek gombok */
.pagination-wrapper {
    padding: 32px 0 !important;
}
.pagination,
.pagination-wrapper .pagination {
    display: flex;
    justify-content: center;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.pagination a,
.pagination .page-link,
.pagination li > a,
.pagination li > span {
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 38px;
    padding: 0 10px !important;
    border: 1px solid #e6dfd3 !important;
    border-radius: 4px !important;
    background: #ffffff !important;
    color: #1f2937 !important;
    font-size: 0.9rem !important;
    text-decoration: none !important;
    transition: all 0.15s ease;
}
.pagination a:hover,
.pagination .page-link:hover {
    border-color: #BA9E5F !important;
    color: #BA9E5F !important;
    background: #fff !important;
}
.pagination .active a,
.pagination .active .page-link,
.pagination li.active > a,
.pagination li.active > span {
    background: #BA9E5F !important;
    border-color: #BA9E5F !important;
    color: #ffffff !important;
}

/* === 9b. SIDEBAR (jelenleg üres — később, ha modul aktiválva, akkor használandó) === */
/* Ha az oldalon megjelenik egy .col-md-3 / .left-sidebar / .filter-sidebar — akkor designszerű */
.left-sidebar,
.filter-sidebar,
.category-sidebar {
    padding-right: 16px;
}
.left-sidebar h4,
.filter-sidebar h4 {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 1rem;
    font-weight: 700;
    color: #2a3c52;
    margin-bottom: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid #e6dfd3;
}
.left-sidebar .filter-block,
.filter-sidebar .filter-block {
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #e6dfd3;
}
.left-sidebar .filter-block-title,
.filter-sidebar .filter-block-title {
    font-weight: 600;
    font-size: 0.85rem;
    color: #2a3c52;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 12px;
}

/* Ha a sidebar üres, ne foglaljon helyet */
.left-sidebar:empty,
.filter-sidebar:empty,
.category-sidebar:empty,
.col-lg-3:empty,
.col-md-3:empty {
    display: none !important;
}
.left-sidebar:empty + .col,
.left-sidebar:empty + [class*="col-"],
.filter-sidebar:empty + [class*="col-"] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}


/* === 10. FOOTER — designhoz illesztve (BA9E5F arany) === */
footer.d-print-none,
body footer {
    background: #2a3c52 !important;
    color: #ffffff !important;
    padding: 56px 0 0 !important;
    font-size: 0.95rem;
}
footer > .container {
    max-width: 1280px;
    margin: 0 auto;
}
footer .footer-rows {
    margin-bottom: 32px !important;
}

/* Oszlop fejlécek (INFORMÁCIÓK, KATEGÓRIÁK) — arany, picit nagyobb betű, NINCS aláhúzás */
footer .module-head-title,
footer .module-head {
    font-size: 1rem !important;
    font-weight: 700 !important;
    color: #BA9E5F !important;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    background: transparent !important;
    border: none !important;
}
/* A 2. és 3. oszlop fejléce */
footer .footer-col-2-position .module-head,
footer .footer-col-3-position .module-head,
footer .footer-col-4-position .module-head {
    margin-top: 30px !important;
    margin-bottom: 16px !important;
    padding-bottom: 0 !important;
}

/* Oszlop linkek (Információk / Kategóriák alatt) — elegáns "›" jelölő előttük */
footer .list-group-item,
footer .list-group-item-action,
footer a.list-group-item-action {
    background: transparent !important;
    border: none !important;
    color: #cbd5e1 !important;
    padding: 6px 0 !important;
    font-size: 0.95rem !important;
    text-decoration: none !important;
    transition: color 0.15s ease, padding-left 0.15s ease;
    display: flex !important;
    align-items: center;
}
footer .list-group-item:before,
footer .list-group-item-action:before,
footer a.list-group-item-action:before {
    content: '›';
    color: #BA9E5F;
    margin-right: 10px;
    font-size: 1.1rem;
    line-height: 1;
    transition: transform 0.15s ease;
    display: inline-block;
}
footer .list-group-item:hover,
footer .list-group-item-action:hover,
footer a.list-group-item-action:hover {
    color: #BA9E5F !important;
    background: transparent !important;
    padding-left: 4px !important;
}

/* Kontakt oszlop logó */
footer .footer-col-1-position .module-head,
footer .footer-col-1-position .navbar-brand {
    display: inline-block;
    padding-bottom: 7px !important;
    margin-bottom: 0 !important;
}
footer .footer-contact-line,
footer .contact-wrapper-box p {
    display: flex !important;
    align-items: flex-start;
    gap: 12px;
    margin: 0 0 12px !important;
    font-size: 0.95rem;
    color: #cbd5e1 !important;
}
footer .footer-contact-line a {
    color: #cbd5e1 !important;
    text-decoration: none !important;
    transition: color 0.15s;
}
footer .footer-contact-line a:hover {
    color: #BA9E5F !important;
}
/* Az ikon (svg path) arany — CSAK a .footer-contact-line-on belül (NEM a Facebook stb. social-row-ban!) */
footer .footer-contact-line,
footer .footer-contact-line i,
footer .footer-contact-line i svg,
footer .footer-contact-line svg {
    color: #BA9E5F !important;
}
footer .footer-contact-line svg path,
footer .footer-contact-line i svg path {
    fill: #BA9E5F !important;
}
footer .footer-contact-line i {
    flex: 0 0 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
footer .footer-contact-line i svg {
    width: 20px !important;
    height: 20px !important;
}

/* Social row — Facebook ikon eredeti megjelenése (nincs körkörös háttér) */
footer .social-row {
    margin-top: 24px !important;
}

/* Footer SEO szöveg (a copyright fölött) */
footer .footer-seo {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: 20px 0 !important;
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.55);
    text-align: center;
    line-height: 1.6;
}
footer .footer-seo p {
    margin: 0 !important;
    max-width: 900px;
    margin: 0 auto !important;
}

/* Copyright sáv */
footer .footer-copyright {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: 16px 0 !important;
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.55);
    text-align: center;
}

/* Edit-link (admin pen ikon) eltüntetése a frontenden, ha kell */
footer .edit-link {
    opacity: 0;
    transition: opacity 0.15s;
}
footer:hover .edit-link {
    opacity: 0.4;
}


/* === 10b. FOOTER 1. OSZLOP — "Miért érdemes ellátogatnod" custom modul === */
footer .footer-visit-box {
    margin-top: 24px;
}
footer .footer-visit-box h3 {
    font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
    font-size: 1.125rem !important;
    font-weight: 700;
    color: #ffffff !important;
    margin: 0 0 10px !important;
    line-height: 1.35;
    letter-spacing: -0.005em;
}
footer .footer-visit-box p {
    color: #cbd5e1 !important;
    font-size: 0.9rem;
    line-height: 1.6;
    margin: 0 0 14px !important;
}
footer .footer-visit-box ul {
    list-style: none;
    padding: 0 !important;
    margin: 0 !important;
}
footer .footer-visit-box ul li {
    color: #cbd5e1 !important;
    font-size: 0.9rem;
    line-height: 1.5;
    padding: 6px 0 6px 24px;
    position: relative;
    /* az ✔️ emoji-t elrejtjük és helyette arany pipát teszünk */
    text-indent: -9999px;
}
footer .footer-visit-box ul li:after {
    content: attr(data-text);
    text-indent: 0;
    position: absolute;
    left: 24px;
    top: 6px;
}
/* Egyszerűbb: az emoji kihagyása nélkül – csak finomítjuk a megjelenést */
footer .footer-visit-box ul li {
    text-indent: 0 !important;
    padding-left: 28px;
}
footer .footer-visit-box ul li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23BA9E5F' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>");
}
/* Az eredeti ✔️ emoji eltakarása — mivel az UL listán szöveggel kezdődik */
footer .footer-visit-box ul li {
    /* az emoji a szöveg eleje — átszínezzük átlátszóra a "✔️ " részt */
}


/* === 11. PARTNER LOGÓK SOR (footer-bottom) — kisebbek, grayscale, hover-re színes === */
.footer-bottom {
    background: #ffffff;
    padding: 32px 0 28px;
    border-top: 1px solid #e6dfd3;
}
.footer-bottom > .container {
    max-width: 1280px;
    margin: 0 auto;
}
.partners-row,
.footer-bottom .partners-row,
.footer-bottom .d-flex-between.partners-row {
    display: flex !important;
    flex-wrap: wrap;
    gap: 56px !important;
    align-items: center;
    justify-content: center !important;
}
.partners-item {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.partner-img,
.partners-item img {
    max-height: 64px !important;
    max-width: 160px !important;
    width: auto !important;
    height: auto !important;
    filter: grayscale(100%);
    opacity: 0.55;
    transition: filter 0.2s ease, opacity 0.2s ease;
}
.partner-img:hover,
.partners-item:hover img {
    filter: grayscale(0%);
    opacity: 1;
}
/* Placeholder képek (Lorem ipsum) elrejtése — csak a valódi partner-logók maradjanak */
.partners-item img[src*="placeholder"] {
    display: none !important;
}
/* JS-szel jelölt placeholder-es item teljes elrejtése */
.partners-item.ib-placeholder-hidden {
    display: none !important;
}


/* === 7. HERO ne csússzon a category mögé === */
.home-body main > section:first-child,
.banner-slider,
.module-banner-slider {
    margin-top: 0 !important;
}
.sticky-header { z-index: 1000; }


/* === 8. MOBIL FINOMHANGOLÁS === */
@media (max-width: 1280px) {
    .ib-topline-inner {
        padding: 0 1rem;
    }
}

@media (max-width: 768px) {
    html { font-size: 15px; }
    .ib-topline-inner {
        flex-wrap: wrap;
        flex-direction: column;
        padding: 0.5rem 1rem;
    }
    .ib-contact-info {
        margin-left: 0;
        flex-wrap: wrap;
        justify-content: center;
    }
    .ib-contact-info a + a {
        margin-left: 0.75rem;
    }
    .ib-contact-info a {
        font-size: 0.85rem;
        padding: 4px 2px !important;
    }
    .header-bottom-line { padding: 10px 0 !important; }
}


/* ================================================================
   12. UTOLJÁRA MEGTEKINTETT — CAROUSEL (max 5 kártya, kívül nyilak)
   ================================================================ */

/* Cím-blokk és kártyák közti tér */
.module-lastseen-wrapper .module-head {
    margin-bottom: 30px !important;
}

/* A wrapperben adjunk teret a nyilaknak két oldalt (kívül a kártyákon) */
.module-lastseen-wrapper .module-body {
    position: relative;
    padding: 0 72px;
}

/* A track — vízszintes scroll, snapping */
.module-lastseen-wrapper .product-snapshot-vertical,
.module-lastseen-wrapper .product-snapshot-vertical.list,
.module-lastseen-wrapper .product-snapshot-vertical.list_with_divs {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding: 4px 0 8px !important;
    margin: 0 !important;
    list-style: none !important;
    width: 100% !important;
}
.module-lastseen-wrapper .product-snapshot-vertical::-webkit-scrollbar {
    display: none;
    height: 0;
    width: 0;
}

/* Egy kártya = 1/4 szélesség; köztes margin a "gap" pótlására
   4 × 23.5% + 3 × 2% = 100% */
.module-lastseen-wrapper .product-snapshot.list_div_item {
    flex: 0 0 23.5% !important;
    max-width: 23.5% !important;
    width: 23.5% !important;
    margin: 0 2% 0 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
    scroll-snap-align: start;
    float: none !important;
    display: block !important;
}
.module-lastseen-wrapper .product-snapshot.list_div_item:last-child {
    margin-right: 0 !important;
}

/* A kártya magassága töltse ki a track-et */
.module-lastseen-wrapper .product-snapshot.list_div_item > .card.product-card {
    height: 100%;
}

/* Nyíl-gombok — a body padding-jén belül, viewportban a kártyákon kívül */
.ib-lastseen-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #2A3C52;
    color: #ffffff;
    border: none;
    cursor: pointer;
    z-index: 10;
    padding: 0;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
    transition: background-color 0.2s ease, transform 0.2s ease, opacity 0.2s ease;
    line-height: 0;
    text-align: center;
}
.ib-lastseen-nav:hover {
    background: #BA9E5F;
    transform: translateY(-50%) scale(1.05);
}
.ib-lastseen-nav:focus {
    outline: 2px solid #BA9E5F;
    outline-offset: 2px;
}
.ib-lastseen-nav svg {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
}
.ib-lastseen-prev { left: 8px; }
.ib-lastseen-next { right: 8px; }

.ib-lastseen-nav.is-disabled {
    opacity: 0.35;
    pointer-events: none;
}

/* Tablet — 2 kártya (4 helyett 1-el kevesebb) */
@media (max-width: 991px) {
    .module-lastseen-wrapper .module-body { padding: 0 64px; }
    .module-lastseen-wrapper .product-snapshot.list_div_item {
        flex: 0 0 49% !important;
        max-width: 49% !important;
        width: 49% !important;
        margin-right: 2% !important;
    }
}

/* Mobil — 1 kártya, NINCS nyíl (kézzel/swipe-pal lapozható) */
@media (max-width: 640px) {
    .module-lastseen-wrapper .module-body { padding: 0 !important; }
    .module-lastseen-wrapper .product-snapshot.list_div_item {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        margin-right: 0 !important;
    }
    .ib-lastseen-nav {
        display: none !important;
    }
    /* Mobilon a scrollbar-track végén a kártya teljes szélességű,
       hogy egy snap-pont = egy termék */
    .module-lastseen-wrapper .product-snapshot-vertical {
        scroll-padding: 0 !important;
    }
}


/* ================================================================
   13. TERMÉK OLDAL — design szerinti megjelenítés
   - Ár + kosár blokk teljesen elrejtve (B2B-katalógus jellegű)
   - Cím fölé KATEGÓRIA eyebrow (gold)
   - Cím alá GYÁRTÓ kis szöveg
   - Breadcrumb finomhangolás
   ================================================================ */

/* === Ár, kosár, készlet, mennyiség — CSAK a termékoldalon ELREJTVE ===
   Fontos: a body.product-page / .product-detail / .product-detail-page osztályra
   szűkítjük, NEHOGY a lastseen / kategória kártyák tartalmát érintsük! */
body.product-page .product-cart-box,
body.product-detail .product-cart-box,
body.product-detail-page .product-cart-box,
body.product-page .product-price,
body.product-detail .product-price,
body.product-detail-page .product-price,
body.product-page .product-price-block,
body.product-detail .product-price-block,
body.product-detail-page .product-price-block,
body.product-page .product-price-wrapper,
body.product-detail .product-price-wrapper,
body.product-detail-page .product-price-wrapper,
body.product-page .product-price-info,
body.product-detail .product-price-info,
body.product-detail-page .product-price-info,
body.product-page .product-price-old,
body.product-detail .product-price-old,
body.product-detail-page .product-price-old,
body.product-page .product-price-current,
body.product-detail .product-price-current,
body.product-detail-page .product-price-current,
body.product-page .add-to-cart,
body.product-detail .add-to-cart,
body.product-detail-page .add-to-cart,
body.product-page .add-to-cart-btn,
body.product-detail .add-to-cart-btn,
body.product-detail-page .add-to-cart-btn,
body.product-page .cart-button,
body.product-detail .cart-button,
body.product-detail-page .cart-button,
body.product-page .btn-cart,
body.product-detail .btn-cart,
body.product-detail-page .btn-cart,
body.product-page .product-quantity,
body.product-detail .product-quantity,
body.product-detail-page .product-quantity,
body.product-page .product-quantity-block,
body.product-detail .product-quantity-block,
body.product-detail-page .product-quantity-block,
body.product-page .product-stock-info,
body.product-detail .product-stock-info,
body.product-detail-page .product-stock-info,
body.product-page .product-stock,
body.product-detail .product-stock,
body.product-detail-page .product-stock,
body.product-page .stock-status,
body.product-detail .stock-status,
body.product-detail-page .stock-status,
body.product-page .product-availability,
body.product-detail .product-availability,
body.product-detail-page .product-availability,
body.product-page .price-tax,
body.product-detail .price-tax,
body.product-detail-page .price-tax,
body.product-page .vat-info,
body.product-detail .vat-info,
body.product-detail-page .vat-info {
    display: none !important;
}

/* Wishlist/compare gombok a fő termék-szakaszban (NEM a lastseen kártyákban!) */
body.product-page .product-snapshot-info .btn-add-to-wishlist,
body.product-detail .product-snapshot-info .btn-add-to-wishlist,
body.product-detail-page .product-snapshot-info .btn-add-to-wishlist,
body.product-page .product-snapshot-info .btn-add-to-compare,
body.product-detail .product-snapshot-info .btn-add-to-compare,
body.product-detail-page .product-snapshot-info .btn-add-to-compare {
    display: none !important;
}

/* OVERRIDE — biztonsági háló: a lastseen modul kártyái MINDIG látsszanak */
.module-lastseen-wrapper,
.module-lastseen-wrapper .module-body,
.module-lastseen-wrapper .product-snapshot,
.module-lastseen-wrapper .product-card,
.module-lastseen-wrapper .card.product-card,
.module-lastseen-wrapper .product-card-image,
.module-lastseen-wrapper .product-card-body,
.module-lastseen-wrapper .product-card-footer,
.module-lastseen-wrapper .product-card-item,
.module-lastseen-wrapper .product-card-details,
.module-lastseen-wrapper .product-card-title {
    display: revert !important;
}
.module-lastseen-wrapper .product-snapshot-vertical {
    display: flex !important;
}

/* === KATEGÓRIA eyebrow (cím fölött, gold, nagybetűs) === */
.ib-product-eyebrow {
    display: block !important;
    color: #BA9E5F !important;
    text-transform: uppercase;
    font-size: 0.78rem;
    letter-spacing: 0.1em;
    font-weight: 700;
    margin: 0 0 10px !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* === GYÁRTÓ — cím alá kicsi szöveg === */
.ib-product-manufacturer {
    display: block !important;
    color: #6b7280;
    font-size: 0.95rem;
    margin: -4px 0 18px !important;
    font-weight: 400;
}
.ib-product-manufacturer .ib-mf-label {
    color: #9ca3af;
    margin-right: 4px;
}
.ib-product-manufacturer .ib-mf-name {
    color: #2A3C52;
    font-weight: 600;
}

/* === TERMÉK CÍM (h1) — Playfair Display, navy === */
.product-page .page-head-title,
.product-detail .page-head-title,
.product-detail-page .page-head-title,
.product-page h1.product-name,
.product-detail h1.product-name,
.product-page h1.h2,
.product-detail h1.h2,
main.has-sticky .product-detail h1,
main .product-detail h1 {
    font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
    font-size: 2rem !important;
    font-weight: 700 !important;
    color: #1F2937 !important;
    margin: 0 0 14px !important;
    line-height: 1.2 !important;
    letter-spacing: -0.01em !important;
}

/* === BREADCRUMB — design szerinti finomítás (termékoldalon) === */
.product-page .breadcrumb,
.product-detail .breadcrumb,
.product-detail-page .breadcrumb {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 0 22px !important;
    font-size: 0.85rem;
    color: #6b7280;
}
.product-page .breadcrumb a,
.product-detail .breadcrumb a,
.product-detail-page .breadcrumb a {
    color: #6b7280;
    text-decoration: none;
    transition: color 0.15s ease;
}
.product-page .breadcrumb a:hover,
.product-detail .breadcrumb a:hover,
.product-detail-page .breadcrumb a:hover {
    color: #BA9E5F;
}
.product-page .breadcrumb-item.active,
.product-page .breadcrumb .active,
.product-detail .breadcrumb-item.active,
.product-detail .breadcrumb .active {
    color: #1F2937;
    font-weight: 500;
}
/* "/" elválasztó arany */
.product-page .breadcrumb-item + .breadcrumb-item::before,
.product-detail .breadcrumb-item + .breadcrumb-item::before {
    color: #BA9E5F !important;
}

/* === A termék cím konténerét rendezzük (ahova az eyebrow + h1 + manufacturer kerül) === */
.product-page .page-head,
.product-detail .page-head,
.product-detail-page .page-head {
    margin-bottom: 18px;
    padding-bottom: 14px;
    border-bottom: 1px solid #E6DFD3;
}


/* ================================================================
   13. TERMÉK OLDAL — szigorúan body.product-page / .product-detail
   - Ár, kosár, készlet, mennyiség elrejtve
   - Cím fölé KATEGÓRIA eyebrow (gold)
   - Cím alá GYÁRTÓ kis szöveg
   - Lastseen modul VÉDETT (nem érintett)
   ================================================================ */

/* Csak a tényleges termékoldalon — body class alapján */
body.product-page .product-cart-box,
body.product-detail .product-cart-box,
body.product-detail-page .product-cart-box,
body.product-page .product-price,
body.product-detail .product-price,
body.product-detail-page .product-price,
body.product-page .product-price-block,
body.product-detail .product-price-block,
body.product-detail-page .product-price-block,
body.product-page .product-price-wrapper,
body.product-detail .product-price-wrapper,
body.product-detail-page .product-price-wrapper,
body.product-page .product-price-info,
body.product-detail .product-price-info,
body.product-detail-page .product-price-info,
body.product-page .add-to-cart,
body.product-detail .add-to-cart,
body.product-detail-page .add-to-cart,
body.product-page .add-to-cart-btn,
body.product-detail .add-to-cart-btn,
body.product-detail-page .add-to-cart-btn,
body.product-page .cart-button,
body.product-detail .cart-button,
body.product-detail-page .cart-button,
body.product-page .btn-cart,
body.product-detail .btn-cart,
body.product-detail-page .btn-cart,
body.product-page .product-quantity,
body.product-detail .product-quantity,
body.product-detail-page .product-quantity,
body.product-page .product-quantity-block,
body.product-detail .product-quantity-block,
body.product-detail-page .product-quantity-block,
body.product-page .product-stock-info,
body.product-detail .product-stock-info,
body.product-detail-page .product-stock-info,
body.product-page .product-stock,
body.product-detail .product-stock,
body.product-detail-page .product-stock,
body.product-page .stock-status,
body.product-detail .stock-status,
body.product-detail-page .stock-status,
body.product-page .product-availability,
body.product-detail .product-availability,
body.product-detail-page .product-availability,
body.product-page .price-tax,
body.product-detail .price-tax,
body.product-detail-page .price-tax,
body.product-page .vat-info,
body.product-detail .vat-info,
body.product-detail-page .vat-info {
    display: none !important;
}

/* Wishlist/compare — csak a fő termék-szakaszban */
body.product-page .product-snapshot-info .btn-add-to-wishlist,
body.product-detail .product-snapshot-info .btn-add-to-wishlist,
body.product-detail-page .product-snapshot-info .btn-add-to-wishlist,
body.product-page .product-snapshot-info .btn-add-to-compare,
body.product-detail .product-snapshot-info .btn-add-to-compare,
body.product-detail-page .product-snapshot-info .btn-add-to-compare {
    display: none !important;
}

/* === KATEGÓRIA eyebrow (cím fölött, gold, nagybetűs) === */
body.product-page .ib-product-eyebrow,
body.product-detail .ib-product-eyebrow,
body.product-detail-page .ib-product-eyebrow {
    display: block !important;
    color: #BA9E5F !important;
    text-transform: uppercase;
    font-size: 0.78rem;
    letter-spacing: 0.1em;
    font-weight: 700;
    margin: 0 0 10px !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* === GYÁRTÓ — cím alá === */
body.product-page .ib-product-manufacturer,
body.product-detail .ib-product-manufacturer,
body.product-detail-page .ib-product-manufacturer {
    display: block !important;
    color: #6b7280;
    font-size: 0.95rem;
    margin: -4px 0 18px !important;
    font-weight: 400;
}
body.product-page .ib-product-manufacturer .ib-mf-label,
body.product-detail .ib-product-manufacturer .ib-mf-label,
body.product-detail-page .ib-product-manufacturer .ib-mf-label {
    color: #9ca3af;
    margin-right: 4px;
}
body.product-page .ib-product-manufacturer .ib-mf-name,
body.product-detail .ib-product-manufacturer .ib-mf-name,
body.product-detail-page .ib-product-manufacturer .ib-mf-name {
    color: #2A3C52;
    font-weight: 600;
}

/* === TERMÉK CÍM (h1) — Playfair, navy, csak termékoldalon === */
body.product-page .product-snapshot-info h1,
body.product-detail .product-snapshot-info h1,
body.product-detail-page .product-snapshot-info h1,
body.product-page .product-snapshot-info .page-head-title,
body.product-detail .product-snapshot-info .page-head-title,
body.product-detail-page .product-snapshot-info .page-head-title {
    font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
    font-size: 2rem !important;
    font-weight: 700 !important;
    color: #1F2937 !important;
    margin: 0 0 14px !important;
    line-height: 1.2 !important;
    letter-spacing: -0.01em !important;
}

/* === Breadcrumb finomítás termékoldalon === */
body.product-page .breadcrumb,
body.product-detail .breadcrumb,
body.product-detail-page .breadcrumb {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 0 22px !important;
    font-size: 0.85rem;
    color: #6b7280;
}
body.product-page .breadcrumb a,
body.product-detail .breadcrumb a,
body.product-detail-page .breadcrumb a {
    color: #6b7280;
    text-decoration: none;
    transition: color 0.15s ease;
}
body.product-page .breadcrumb a:hover,
body.product-detail .breadcrumb a:hover,
body.product-detail-page .breadcrumb a:hover {
    color: #BA9E5F;
}


/* ================================================================
   14. DUPLA KERET FIX — kategória/lastseen kártyákon
   ================================================================ */

/* Minden lehetséges szülő-elem keretét eltüntetjük a kártya körül */
.row > [class*="col-"] > .product-snapshot,
.row > [class*="col-"] > .product-snapshot.list_div_item,
[class*="col-"] > .card.product-card,
.product-snapshot.list_div_item {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* A .card-body, .card-footer, .img-thumbnail kerete tutira off */
.card.product-card .card-body,
.card.product-card .card-footer,
.card.product-card .product-card-body,
.card.product-card .product-card-footer,
.card.product-card .product-card-image,
.card.product-card .card-img-top,
.card.product-card .img-thumbnail,
.card.product-card .img-thumbnail-link {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* A .card.product-card a hover-en csak ARANY keretet kap, mást semmit */
.card.product-card,
.card.product-card:hover,
.card.product-card:focus,
.card.product-card:focus-within {
    outline: none !important;
}


/* ================================================================
   15. LASTSEEN VÉDELEM — semmi nem rejtheti el
   ================================================================ */

.module-lastseen-wrapper,
.module-lastseen-wrapper .module-head,
.module-lastseen-wrapper .module-body,
.module-lastseen-wrapper .product-snapshot,
.module-lastseen-wrapper .product-snapshot.list_div_item,
.module-lastseen-wrapper .card,
.module-lastseen-wrapper .card.product-card,
.module-lastseen-wrapper .product-card-image,
.module-lastseen-wrapper .product-card-body,
.module-lastseen-wrapper .product-card-footer,
.module-lastseen-wrapper .product-card-item,
.module-lastseen-wrapper .product-card-details,
.module-lastseen-wrapper .product-card-title,
.module-lastseen-wrapper .product-card-name {
    display: revert !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Visszaállítjuk a track flex-et (mert a 12. szakasz erre épül) */
.module-lastseen-wrapper .product-snapshot-vertical {
    display: flex !important;
}


/* ================================================================
   16. TERMÉK OLDAL — BREADCRUMB (.product-pathway-container)
   - Gold separator
   - Aktív elem ink-szürke + bold
   - Linkek hover-en aranyra
   - 1280px konténer, finom térközök
   ================================================================ */

.product-pathway-container {
    background: #FAF7F2;
    padding: 12px 0;
    margin: 0 0 30px;
    border: none;
    border-bottom: 1px solid #fff2db;
}
.product-pathway-container > .container,
.product-pathway-container .container {
    padding-left: 24px;
    padding-right: 24px;
}

/* A breadcrumb maga */
.product-pathway-container .breadcrumb {
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0.9rem;
    line-height: 1.5;
    list-style: none;
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    border: none;
    border-radius: 0;
}

/* Egy item */
.product-pathway-container .breadcrumb-item {
    color: #6b7280;
    display: inline-flex;
    align-items: center;
    padding: 0;
}

/* Linkek */
.product-pathway-container .breadcrumb-item a,
.product-pathway-container .breadcrumb-item a:link,
.product-pathway-container .breadcrumb-item a:visited {
    color: #6b7280;
    text-decoration: none;
    transition: color 0.15s ease;
}
.product-pathway-container .breadcrumb-item a:hover,
.product-pathway-container .breadcrumb-item a:focus {
    color: #BA9E5F !important;
    text-decoration: none;
}
.product-pathway-container .breadcrumb-item a span,
.product-pathway-container .breadcrumb-item a span[itemprop="name"] {
    color: inherit;
}

/* Separator — arany "/" karakter */
.product-pathway-container .breadcrumb-item + .breadcrumb-item::before {
    content: "/";
    color: #BA9E5F !important;
    padding: 0 10px;
    font-weight: 400;
    opacity: 0.85;
}

/* Aktív (utolsó) elem — ink-szürke, bold */
.product-pathway-container .breadcrumb-item.active,
.product-pathway-container .breadcrumb-item.active span,
.product-pathway-container .breadcrumb-item.active span[itemprop="name"],
.product-pathway-container .breadcrumb-item[aria-current="page"],
.product-pathway-container .breadcrumb-item[aria-current="page"] span {
    color: #1F2937 !important;
    font-weight: 600 !important;
}

/* Mobil — kissé kisebb font + szűkebb térköz */
@media (max-width: 640px) {
    .product-pathway-container .breadcrumb {
        font-size: 0.8rem;
    }
    .product-pathway-container .breadcrumb-item + .breadcrumb-item::before {
        padding: 0 7px;
    }
}


/* ================================================================
   17. TERMÉK OLDAL FELSŐ SZAKASZ — .product-page-top design szerint
   ================================================================ */

/* Konténer + felső térköz — fehér háttér */
.product-page-top {
    padding: 16px 0 40px;
    background: #ffffff;
}
.product-page-top > form > .container,
.product-page-top form > .container {
    padding: 0;
}

/* Bal-jobb kétoszlopos elrendezés finomítás */
.product-page-top .product-page-left {
    padding-right: 40px;
}
.product-page-top .product-page-right {
    padding-left: 40px;
}
@media (max-width: 991px) {
    .product-page-top .product-page-left,
    .product-page-top .product-page-right {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}

/* === BAL: kép-blokk === */
.product-page-top .product-image-box {
    background: transparent !important;
    border-radius: 8px;
    padding: 0;
    position: relative;
}
.product-page-top .product-image-main {
    background: transparent;
    border: none;
    border-radius: 4px;
    overflow: hidden;
}
.product-page-top .product-image-main img,
.product-page-top .product-image-element {
    border-radius: 4px;
}

/* Thumbnail-csík */
.product-page-top .product-images {
    margin-top: 16px;
}
.product-page-top .product-image-outer {
    cursor: pointer;
    padding: 0 4px;
}
.product-page-top .product-secondary-image {
    border: 2px solid transparent;
    border-radius: 4px;
    transition: border-color 0.2s ease;
}
.product-page-top .product-secondary-image:hover,
.product-page-top .product-secondary-image.thumb-active {
    border-color: #BA9E5F !important;
}

/* === JOBB: termék-info blokk === */
.product-page-top .product-page-right {
    display: flex;
    flex-direction: column;
}

/* CÍM (h1) */
.product-page-top .page-head-title,
.product-page-top .product-page-head-title,
.product-page-top h1.product-page-head-title {
    font-family: 'Playfair Display', Georgia, 'Times New Roman', serif !important;
    font-size: 2.25rem !important;
    font-weight: 700 !important;
    color: #1F2937 !important;
    margin: 20px 0 18px !important;
    line-height: 1.2 !important;
    letter-spacing: -0.01em !important;
    text-transform: none !important;
}
.product-page-top .product-page-product-name {
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    text-transform: none !important;
    letter-spacing: inherit !important;
}

/* EYEBROW — KATEGÓRIA · GYÁRTÓ a cím fölött, gold */
.product-page-top .ib-product-eyebrow {
    display: block !important;
    color: #BA9E5F !important;
    text-transform: uppercase;
    font-size: 0.78rem;
    letter-spacing: 0.14em;
    font-weight: 600;
    margin: 0 0 10px !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* === Eltüntetjük a .product-cart-box-ot a termékoldalon === */
.product-page-top .product-cart-box,
body.product-page .product-page-top .product-cart-box,
body.product-detail .product-page-top .product-cart-box,
body.product-detail-page .product-page-top .product-cart-box {
    display: none !important;
}

/* === Paraméter-tábla (.product-parameters) finomítva === */
.product-page-top .product-parameters {
    background: transparent;
    margin: 24px 0 0;
    border: none;
    width: 100%;
}
.product-page-top .product-parameters tr {
    border-bottom: 1px solid #E6DFD3;
}
.product-page-top .product-parameters tr:last-child {
    border-bottom: none;
}
.product-page-top .product-parameters .product-parameter-row {
    background: transparent;
}
.product-page-top .product-parameters td {
    padding: 12px 0 !important;
    background: transparent !important;
    border: none !important;
    vertical-align: middle;
}
.product-page-top .product-parameters .param-label {
    color: #6b7280;
    font-size: 0.85rem;
    font-weight: 500;
    width: 30%;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}
.product-page-top .product-parameters .param-value {
    color: #1F2937;
    font-size: 0.95rem;
    font-weight: 500;
}

/* Rövid leírás-sor — szöveg, nem oszlopos */
.product-page-top .product-short-description-row .product-short-description {
    padding: 0 0 18px !important;
}
.product-page-top .product-short-description-row .product-short-description p {
    color: #374151;
    font-size: 1.05rem;
    line-height: 1.65;
    margin: 0 0 10px;
}
.product-page-top .product-short-description-row .product-short-description p:last-child {
    margin-bottom: 0;
}
.product-page-top .product-short-description-row .product-short-description strong {
    color: #1F2937;
}

/* Gyártó-cím (label) ARANY */
.product-page-top .product-parameters .manufacturer-param-row .param-label {
    color: #BA9E5F !important;
    font-weight: 600;
}
/* Gyártó-logó — picit nagyobb */
.product-page-top .manufacturer-image img {
    max-height: 56px;
    width: auto;
    filter: grayscale(15%);
    transition: filter 0.2s ease;
}
.product-page-top .manufacturer-image:hover img {
    filter: grayscale(0%);
}

/* === ÜZLET-INFO KÁRTYA — paramétertábla alá === */
.ib-store-info-card {
    background: #FAF7F2;
    border: 1px solid #fff2db;
    border-radius: 8px;
    padding: 18px 22px;
    margin: 24px 0 0;
}
.ib-store-info-title {
    font-weight: 700;
    color: #1F2937;
    margin: 0 0 8px;
    font-size: 1rem;
    line-height: 1.4;
}
.ib-store-info-desc {
    color: #4b5563;
    font-size: 0.92rem;
    line-height: 1.6;
    margin: 0 0 14px;
}
.ib-store-info-contact {
    display: flex;
    flex-direction: column;
}
.ib-store-info-contact a {
    color: #2A3C52 !important;
    text-decoration: none !important;
    font-weight: 600;
    transition: color 0.15s ease;
    display: inline-flex;
    align-items: center;
    margin: 0 0 6px;
    font-size: 0.95rem;
}
.ib-store-info-contact a:hover {
    color: #BA9E5F !important;
    text-decoration: none !important;
}
.ib-store-info-contact .ib-store-icon {
    margin-right: 8px;
    font-size: 1.05rem;
}
.ib-store-info-hours {
    color: #6b7280;
    font-size: 0.85rem;
    margin: 6px 0 0;
    display: inline-flex;
    align-items: center;
}
.ib-store-info-hours .ib-store-icon {
    margin-right: 8px;
}

/* Megjelenés mobilon */
@media (max-width: 768px) {
    .product-page-top .page-head-title,
    .product-page-top .product-page-head-title {
        font-size: 1.75rem !important;
    }
    .product-page-top .ib-product-eyebrow {
        font-size: 0.72rem;
    }
}


/* ================================================================
   18. TERMÉK OLDAL — LEÍRÁS + PARAMÉTEREK (.product-page-middle-1)
   ================================================================ */

.product-page-middle-1 {
    background: #FAF7F2;
    padding: 40px 0;
}
.product-page-middle-1 > .container {
    background: #ffffff;
    border-radius: 8px;
    padding: 32px 40px;
}

/* Cím-blokk középre, alá térköz */
.product-page-middle-1 .module-productdescription-wrapper .module-head,
.product-page-middle-1 .module-productcustomcontent-wrapper .module-head {
    text-align: center;
    margin: 0 0 24px;
    padding: 0;
}
.product-page-middle-1 .module-productdescription-wrapper .module-head-title,
.product-page-middle-1 .module-productcustomcontent-wrapper .module-head-title {
    font-family: 'Playfair Display', Georgia, serif !important;
    font-size: 1.75rem !important;
    color: #1F2937 !important;
    font-weight: 700 !important;
    margin: 0 !important;
    line-height: 1.2 !important;
    text-transform: none !important;
    letter-spacing: -0.005em !important;
}

/* Eyebrow ("A termékről" / "Részletek") — gold uppercase a cím fölött */
.product-page-middle-1 .ib-section-eyebrow {
    display: block;
    text-align: center;
    color: #BA9E5F;
    text-transform: uppercase;
    font-size: 0.78rem;
    letter-spacing: 0.14em;
    font-weight: 600;
    margin: 0 0 8px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* Termék-leírás (.product-desc) — nagyobb betű, h3/h4 hangsúly */
.product-page-middle-1 .product-desc {
    display: block;
    font-size: 1.05rem;
    line-height: 1.7;
    color: #374151;
}
.product-page-middle-1 .product-desc p {
    font-size: 1.05rem;
    line-height: 1.7;
    margin: 0 0 16px;
}
.product-page-middle-1 .product-desc h3 {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 1.4rem;
    color: #1F2937;
    margin: 24px 0 14px;
    font-weight: 700;
    line-height: 1.3;
}
.product-page-middle-1 .product-desc h4 {
    font-size: 1.1rem;
    color: #1F2937;
    font-weight: 600;
    margin: 22px 0 10px;
    display: inline-block;
    padding-bottom: 6px;
    border-bottom: 2px solid #BA9E5F;
    line-height: 1.3;
}
.product-page-middle-1 .product-desc h4 + ul {
    margin-top: 8px;
}

/* Felsorolások — arany kerek pötty */
.product-page-middle-1 .product-desc ul {
    list-style: none !important;
    padding-left: 0 !important;
    margin: 0 0 18px !important;
}
.product-page-middle-1 .product-desc ul li {
    position: relative;
    padding-left: 22px;
    margin: 0 0 8px;
    font-size: 1.05rem;
    line-height: 1.7;
    color: #374151;
}
.product-page-middle-1 .product-desc ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 11px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #BA9E5F;
}

/* Üres <p></p> elemek a leírás elején/végén — kompakt */
.product-page-middle-1 .product-desc > p:empty {
    display: none;
}

/* PARAMÉTER-TÁBLA — alsó arany 1px border + felső térköz */
.product-page-middle-1 .parameter-table {
    margin-top: 20px !important;
    margin-bottom: 0;
    border: none;
    border-bottom: 1px solid #BA9E5F;
    width: 100%;
}
.product-page-middle-1 .parameter-table tr {
    border-bottom: 1px solid #E6DFD3;
}
.product-page-middle-1 .parameter-table tr:last-child {
    border-bottom: none;
}
.product-page-middle-1 .parameter-table td {
    padding: 11px 14px !important;
    font-size: 0.98rem;
    color: #374151;
    background: transparent !important;
    border: none !important;
    vertical-align: middle;
}
.product-page-middle-1 .parameter-table td:first-child {
    color: #6b7280;
    font-weight: 500;
    width: 40%;
}
.product-page-middle-1 .parameter-table td strong {
    color: #1F2937;
    font-weight: 600;
}

/* productcustomcontent — cím tömörebb, kevesebb alsó térköz */
.product-page-middle-1 .module-productcustomcontent-wrapper {
    margin-top: 36px;
    padding-top: 32px;
    border-top: 1px solid #E6DFD3;
}
.product-page-middle-1 .module-productcustomcontent-wrapper .module-head {
    margin: 0 0 16px;
    padding: 0;
}
.product-page-middle-1 .module-productcustomcontent-wrapper .module-body p {
    font-size: 1.05rem;
    line-height: 1.7;
    color: #374151;
    margin: 0 0 14px;
}
.product-page-middle-1 .module-productcustomcontent-wrapper .module-body p:last-child {
    margin-bottom: 0;
}
.product-page-middle-1 .module-productcustomcontent-wrapper .module-body p:empty {
    display: none;
}


/* ================================================================
   20. GYIK / FAQ OLDAL — accordion-stílus
   ================================================================ */
.faq-page {
    max-width: 850px;
    margin: 0 auto;
    padding: 20px 0 60px;
    line-height: 1.7;
    color: #1F2937;
    font-size: 1.05rem;
}

/* Bevezető bekezdés */
.faq-page > p:first-of-type {
    font-size: 1.15rem;
    color: #4b5563;
    margin: 0 0 36px;
    text-align: center;
    line-height: 1.7;
}

/* Kategória fejléc (h2) */
.faq-page h2 {
    font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
    font-size: 1.625rem;
    color: #1F2937;
    font-weight: 700;
    margin: 40px 0 18px;
    padding: 0 0 10px;
    border-bottom: 2px solid #BA9E5F;
    text-align: left;
    line-height: 1.3;
}

/* Első h2 ne legyen extra felső térköz */
.faq-page > h2:first-of-type {
    margin-top: 24px;
}

/* Kérdés — accordion fejléc */
.faq-page h3 {
    background: #FAF7F2;
    border: 1px solid transparent;
    border-left: 4px solid #BA9E5F;
    border-radius: 4px;
    padding: 18px 52px 18px 22px;
    margin: 0 0 6px;
    font-size: 1.12rem;
    font-weight: 600;
    color: #1F2937;
    cursor: pointer;
    position: relative;
    line-height: 1.4;
    transition: background-color 0.2s ease, border-color 0.2s ease;
    user-select: none;
}

.faq-page h3:hover {
    background: #fff8ec;
    border-color: #fff2db;
}

.faq-page h3.faq-open {
    background: #fff8ec;
    border-color: #fff2db;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 0;
}

/* + / − ikon a kérdés jobb oldalán */
.faq-page h3::after {
    content: '+';
    position: absolute;
    right: 22px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.6rem;
    font-weight: 300;
    color: #BA9E5F;
    line-height: 1;
    transition: transform 0.2s ease;
}
.faq-page h3.faq-open::after {
    content: '−';
}

/* Válasz — accordion content */
.faq-page h3 + p {
    max-height: 0;
    overflow: hidden;
    margin: 0 0 6px !important;
    padding: 0 24px;
    background: #ffffff;
    border: 1px solid transparent;
    border-left: 4px solid #fff2db;
    border-top: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    transition: max-height 0.35s ease, padding 0.25s ease;
    color: #4b5563;
    font-size: 1.08rem;
    line-height: 1.75;
}

.faq-page h3.faq-open + p {
    max-height: 600px;
    padding: 18px 24px;
    border-color: #fff2db;
}

.faq-page h3 + p strong {
    color: #1F2937;
}

/* CTA-doboz — bal oldalon kép, jobb oldalon szöveg (::before pseudo-elem) */
.faq-page .faq-cta,
.help-page .faq-cta {
    position: relative;
    margin-top: 50px !important;
    padding: 32px 32px 32px 340px !important;
    background: #FAF7F2 !important;
    border: 1px solid #fff2db !important;
    border-radius: 8px !important;
    min-height: 260px;
    text-align: left !important;
    overflow: hidden;
}

.faq-page .faq-cta::before,
.help-page .faq-cta::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 300px;
    background-image: url('https://interiorbutor.cdn.shoprenter.hu/custom/interiorbutor/image/cache/w0h0q100np1/kreativok/miskolc_interior_butor_2.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 8px 0 0 8px;
}

.faq-page .faq-cta h2,
.help-page .faq-cta h2 {
    font-family: 'Playfair Display', Georgia, serif !important;
    font-size: 1.625rem !important;
    color: #1F2937 !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
    border: none !important;
    text-align: left !important;
    line-height: 1.3 !important;
}

.faq-page .faq-cta p,
.help-page .faq-cta p {
    color: #4b5563 !important;
    margin: 0 0 12px !important;
    font-size: 1.08rem !important;
    line-height: 1.7 !important;
    text-align: left !important;
}

.faq-page .faq-cta p:last-child,
.help-page .faq-cta p:last-child {
    margin-bottom: 0 !important;
}

.faq-page .faq-cta strong,
.help-page .faq-cta strong {
    color: #1F2937;
}

/* Mobilon a kép FÖLÜL, szöveg ALATTA */
@media (max-width: 768px) {
    .faq-page .faq-cta,
    .help-page .faq-cta {
        padding: 220px 22px 24px 22px !important;
        min-height: 0;
    }
    .faq-page .faq-cta::before,
    .help-page .faq-cta::before {
        right: 0;
        width: 100%;
        height: 200px;
        bottom: auto;
        border-radius: 8px 8px 0 0;
    }
}

/* CTA-doboz linkjei (telefon + cím) — gold, hover-en aláhúzott */
.faq-page .faq-cta,
.help-page .faq-cta,
.faq-cta.ib-cta-card a,
.faq-page .faq-cta,
.help-page .faq-cta,
.faq-cta.ib-cta-card a:link,
.faq-page .faq-cta,
.help-page .faq-cta,
.faq-cta.ib-cta-card a:visited {
    color: #BA9E5F;
    text-decoration: none;
    font-weight: 600;
    transition: color 0.15s ease, text-decoration-color 0.15s ease;
    border-bottom: 1px solid transparent;
}

.faq-page .faq-cta,
.help-page .faq-cta,
.faq-cta.ib-cta-card a:hover,
.faq-page .faq-cta,
.help-page .faq-cta,
.faq-cta.ib-cta-card a:focus {
    color: #2A3C52;
    border-bottom-color: #BA9E5F;
    text-decoration: none;
}

/* (régi mobil pseudo-elem szabályok eltávolítva — flexbox-os logika fent kezeli) */

/* Mobil */
@media (max-width: 640px) {
    .faq-page {
        padding: 12px 4px 40px;
    }
    .faq-page h2 {
        font-size: 1.35rem;
    }
    .faq-page h3 {
        padding: 14px 44px 14px 16px;
        font-size: 0.98rem;
    }
    .faq-page h3 + p {
        padding: 0 18px;
    }
    .faq-page h3.faq-open + p {
        padding: 16px 18px;
    }
    .faq-page .faq-cta,
.help-page .faq-cta,
.faq-cta.ib-cta-card {
        padding: 22px 18px !important;
    }
}


/* ================================================================
   21. HOGYAN SEGÍTÜNK / INFÓ-OLDALAK (.help-page)
   ================================================================ */
.help-page {
    max-width: 850px;
    margin: 0 auto;
    padding: 20px 0 60px;
    line-height: 1.75;
    color: #1F2937;
    font-size: 1.08rem;
}

.help-page > p:first-of-type {
    font-size: 1.15rem;
    color: #4b5563;
    margin: 0 0 36px;
    text-align: center;
    line-height: 1.75;
}

.help-page h2 {
    font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
    font-size: 1.5rem;
    color: #1F2937;
    font-weight: 700;
    margin: 36px 0 14px;
    padding: 0 0 8px;
    border-bottom: 2px solid #BA9E5F;
    text-align: left;
    line-height: 1.3;
}

.help-page > h2:first-of-type {
    margin-top: 24px;
}

.help-page p {
    color: #374151;
    margin: 0 0 16px;
    font-size: 1.08rem;
    line-height: 1.75;
}

.help-page ul {
    list-style: none !important;
    padding-left: 0 !important;
    margin: 0 0 24px !important;
}

.help-page ul li {
    position: relative;
    padding: 8px 0 8px 32px;
    color: #374151;
    line-height: 1.7;
    font-size: 1.08rem;
}

.help-page ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 12px;
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23BA9E5F' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.help-page strong {
    color: #1F2937;
}

/* Mobil */
@media (max-width: 640px) {
    .help-page {
        padding: 12px 16px 40px;
    }
    .help-page h2 {
        font-size: 1.3rem;
    }
}


/* ================================================================
   22. RÓLUNK OLDAL (.about-page)
   ================================================================ */
.about-page {
    max-width: 1100px;
    margin: 0 auto;
    padding: 20px 0 60px;
    line-height: 1.75;
    color: #1F2937;
    font-size: 1.08rem;
}

.about-page h3 {
    font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
    font-size: 1.5rem;
    color: #1F2937;
    font-weight: 700;
    margin: 24px 0 14px;
    padding: 0 0 8px;
    border-bottom: 2px solid #BA9E5F;
    text-align: left;
    line-height: 1.3;
}

.about-page p {
    color: #374151;
    margin: 0 0 16px;
    font-size: 1.08rem;
    line-height: 1.75;
}

.about-page strong {
    color: #1F2937;
    font-weight: 600;
}

/* Szekció: szöveg + alatta/fölötte teljes szélességű kép (eredeti arány) */
.about-page .about-section {
    display: block;
    margin: 50px 0;
}

.about-page .about-section__content {
    margin: 0 0 28px;
}

.about-page .about-section__content > h3:first-child {
    margin-top: 0;
}

.about-page .about-section--quality .about-section__content {
    margin: 28px 0 0;
}

.about-page .about-section__image {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 12px 32px rgba(31, 41, 55, 0.12);
}

.about-page .about-section__image img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

/* Benefits — checklist kártya */
.about-page .about-benefits {
    margin: 50px 0;
    padding: 32px 36px;
    background: #FAF7F2;
    border: 1px solid #fff2db;
    border-radius: 10px;
}

.about-page .about-benefits h3 {
    margin: 0 0 18px;
    padding-bottom: 10px;
    border-bottom: 2px solid #BA9E5F;
}

.about-page .about-benefits__list {
    list-style: none !important;
    padding-left: 0 !important;
    margin: 0 !important;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 6px 28px;
}

.about-page .about-benefits__list li {
    position: relative;
    padding: 8px 0 8px 32px;
    color: #374151;
    line-height: 1.7;
    font-size: 1.08rem;
}

.about-page .about-benefits__list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 12px;
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23BA9E5F' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* Info doboz — gold bal-csíkkal */
.about-page .about-info {
    margin: 50px 0;
    padding: 26px 32px;
    background: #ffffff;
    border-left: 4px solid #BA9E5F;
    border-radius: 0 8px 8px 0;
    box-shadow: 0 4px 16px rgba(31, 41, 55, 0.05);
}

.about-page .about-info h3 {
    margin: 0 0 10px;
    padding: 0;
    border: none;
    font-size: 1.35rem;
}

.about-page .about-info p:last-child {
    margin-bottom: 0;
}

/* CTA — ugyanaz mint a GYIK / Hogyan segítünk doboz */
.about-page .about-cta {
    position: relative;
    margin-top: 50px;
    padding: 32px 32px 32px 340px;
    background: #FAF7F2;
    border: 1px solid #fff2db;
    border-radius: 8px;
    min-height: 260px;
    text-align: left;
    overflow: hidden;
}

.about-page .about-cta::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 300px;
    background-image: url('https://interiorbutor.cdn.shoprenter.hu/custom/interiorbutor/image/cache/w0h0q100np1/kreativok/miskolc_interior_butor_2.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 8px 0 0 8px;
}

.about-page .about-cta h3 {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 1.625rem;
    color: #1F2937;
    margin: 0 0 14px;
    padding: 0;
    border: none;
    text-align: left;
    line-height: 1.3;
}

.about-page .about-cta p {
    color: #4b5563;
    margin: 0 0 12px;
    font-size: 1.08rem;
    line-height: 1.7;
    text-align: left;
}

.about-page .about-cta p:last-child {
    margin-bottom: 0;
}

.about-page .about-cta strong {
    color: #1F2937;
}

.about-page .about-cta a,
.about-page .about-cta a:link,
.about-page .about-cta a:visited {
    color: #BA9E5F;
    text-decoration: none;
    font-weight: 600;
    border-bottom: 1px solid transparent;
    transition: color 0.15s ease, border-color 0.15s ease;
}

.about-page .about-cta a:hover,
.about-page .about-cta a:focus {
    color: #2A3C52;
    border-bottom-color: #BA9E5F;
    text-decoration: none;
}

/* Mobil: szekció marginok kisebbek */
@media (max-width: 900px) {
    .about-page .about-section {
        margin: 36px 0;
    }
    .about-page .about-section__content,
    .about-page .about-section--quality .about-section__content {
        margin-bottom: 22px;
        margin-top: 22px;
    }
    .about-page .about-section--intro .about-section__content {
        margin-top: 0;
    }
    .about-page .about-section--quality .about-section__content {
        margin-bottom: 0;
    }
}

/* Mobil: CTA — kép FÖLÜL, szöveg ALATTA */
@media (max-width: 768px) {
    .about-page .about-cta {
        padding: 220px 22px 24px 22px;
        min-height: 0;
    }
    .about-page .about-cta::before {
        right: 0;
        width: 100%;
        height: 200px;
        bottom: auto;
        border-radius: 8px 8px 0 0;
    }
}

@media (max-width: 640px) {
    .about-page {
        padding: 12px 16px 40px;
    }
    .about-page h3 {
        font-size: 1.3rem;
    }
    .about-page .about-benefits {
        padding: 24px 22px;
    }
    .about-page .about-benefits__list {
        grid-template-columns: 1fr;
    }
    .about-page .about-info {
        padding: 22px 20px;
    }
    .about-page .about-cta {
        padding: 200px 18px 22px 18px;
    }
}


/* ================================================================
   23. ÜZLETÜNK OLDAL (.store-page)
   ================================================================ */
.store-page {
    max-width: 1100px;
    margin: 0 auto;
    padding: 20px 0 60px;
    line-height: 1.75;
    color: #1F2937;
    font-size: 1.08rem;
}

.store-page h2 {
    font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
    font-size: 1.5rem;
    color: #1F2937;
    font-weight: 700;
    margin: 24px 0 14px;
    padding: 0 0 8px;
    border-bottom: 2px solid #BA9E5F;
    text-align: left;
    line-height: 1.3;
}

.store-page p {
    color: #374151;
    margin: 0 0 16px;
    font-size: 1.08rem;
    line-height: 1.75;
}

.store-page strong {
    color: #1F2937;
    font-weight: 600;
}

/* Intro szekció — szöveg + alatta full-width kép (eredeti arány) */
.store-page .store-section {
    display: block;
    margin: 50px 0;
}

.store-page .store-section__content {
    margin: 0 0 28px;
}

.store-page .store-section__content > h2:first-child {
    margin-top: 0;
}

.store-page .store-section__image {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 12px 32px rgba(31, 41, 55, 0.12);
}

.store-page .store-section__image img {
    display: block;
    width: 100%;
    height: auto;
}

/* Benefits + Help — checklist kártyák gold pipákkal */
.store-page .store-benefits,
.store-page .store-help {
    margin: 50px 0;
    padding: 32px 36px;
    background: #FAF7F2;
    border: 1px solid #fff2db;
    border-radius: 10px;
}

.store-page .store-benefits h2,
.store-page .store-help h2 {
    margin: 0 0 18px;
    padding-bottom: 10px;
    border-bottom: 2px solid #BA9E5F;
}

.store-page .store-benefits__list,
.store-page .store-help__list {
    list-style: none !important;
    padding-left: 0 !important;
    margin: 0 !important;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 6px 28px;
}

.store-page .store-benefits__list li,
.store-page .store-help__list li {
    position: relative;
    padding: 8px 0 8px 32px;
    color: #374151;
    line-height: 1.7;
    font-size: 1.08rem;
}

.store-page .store-benefits__list li::before,
.store-page .store-help__list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 12px;
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23BA9E5F' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* Info dobozok (info, visit-info, access) — gold bal-csíkkal */
.store-page .store-info,
.store-page .store-visit-info,
.store-page .store-access {
    margin: 36px 0;
    padding: 26px 32px;
    background: #ffffff;
    border-left: 4px solid #BA9E5F;
    border-radius: 0 8px 8px 0;
    box-shadow: 0 4px 16px rgba(31, 41, 55, 0.05);
}

.store-page .store-info h2,
.store-page .store-visit-info h2,
.store-page .store-access h2 {
    margin: 0 0 10px;
    padding: 0;
    border: none;
    font-size: 1.35rem;
}

.store-page .store-info p:last-child,
.store-page .store-visit-info p:last-child,
.store-page .store-access p:last-child {
    margin-bottom: 0;
}

/* Elérhetőség — kompakt kontakt-kártya */
.store-page .store-contact {
    margin: 36px 0;
    padding: 26px 32px;
    background: #ffffff;
    border: 1px solid #e9e3d2;
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(31, 41, 55, 0.04);
}

.store-page .store-contact h2 {
    margin: 0 0 12px;
    padding: 0 0 8px;
    border-bottom: 2px solid #BA9E5F;
    font-size: 1.35rem;
}

.store-page .store-contact p {
    margin: 0;
    line-height: 1.95;
}

.store-page .store-contact a,
.store-page .store-contact a:link,
.store-page .store-contact a:visited {
    color: #BA9E5F;
    text-decoration: none;
    font-weight: 600;
    border-bottom: 1px solid transparent;
    transition: color 0.15s ease, border-color 0.15s ease;
}

.store-page .store-contact a:hover,
.store-page .store-contact a:focus {
    color: #2A3C52;
    border-bottom-color: #BA9E5F;
}

/* Térkép — iframe lekerekített dobozban */
.store-page .store-map {
    margin: 36px 0;
}

.store-page .store-map h2 {
    margin: 0 0 14px;
    padding-bottom: 8px;
    border-bottom: 2px solid #BA9E5F;
}

.store-page .store-map__embed {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 12px 32px rgba(31, 41, 55, 0.12);
    line-height: 0;
    background: #f3f4f6;
}

.store-page .store-map__embed iframe {
    display: block;
    width: 100%;
    border: 0;
}

/* CTA — pixel-pontosan ugyanaz mint a GYIK / Hogyan segítünk / Rólunk doboz */
.store-page .store-cta {
    position: relative;
    margin-top: 50px;
    padding: 32px 32px 32px 340px;
    background: #FAF7F2;
    border: 1px solid #fff2db;
    border-radius: 8px;
    min-height: 260px;
    text-align: left;
    overflow: hidden;
}

.store-page .store-cta::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 300px;
    background-image: url('https://interiorbutor.cdn.shoprenter.hu/custom/interiorbutor/image/cache/w0h0q100np1/kreativok/miskolc_interior_butor_2.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 8px 0 0 8px;
}

.store-page .store-cta h2 {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 1.625rem;
    color: #1F2937;
    margin: 0 0 14px;
    padding: 0;
    border: none;
    text-align: left;
    line-height: 1.3;
}

.store-page .store-cta p {
    color: #4b5563;
    margin: 0 0 12px;
    font-size: 1.08rem;
    line-height: 1.7;
    text-align: left;
}

.store-page .store-cta p:last-child {
    margin-bottom: 0;
}

.store-page .store-cta strong {
    color: #1F2937;
}

.store-page .store-cta a,
.store-page .store-cta a:link,
.store-page .store-cta a:visited {
    color: #BA9E5F;
    text-decoration: none;
    font-weight: 600;
    border-bottom: 1px solid transparent;
    transition: color 0.15s ease, border-color 0.15s ease;
}

.store-page .store-cta a:hover,
.store-page .store-cta a:focus {
    color: #2A3C52;
    border-bottom-color: #BA9E5F;
    text-decoration: none;
}

/* Mobil */
@media (max-width: 900px) {
    .store-page .store-section {
        margin: 36px 0;
    }
}

@media (max-width: 768px) {
    .store-page .store-cta {
        padding: 220px 22px 24px 22px;
        min-height: 0;
    }
    .store-page .store-cta::before {
        right: 0;
        width: 100%;
        height: 200px;
        bottom: auto;
        border-radius: 8px 8px 0 0;
    }
    .store-page .store-map__embed iframe {
        height: 280px;
    }
}

@media (max-width: 640px) {
    .store-page {
        padding: 12px 16px 40px;
    }
    .store-page h2 {
        font-size: 1.3rem;
    }
    .store-page .store-benefits,
    .store-page .store-help {
        padding: 24px 22px;
    }
    .store-page .store-benefits__list,
    .store-page .store-help__list {
        grid-template-columns: 1fr;
    }
    .store-page .store-info,
    .store-page .store-visit-info,
    .store-page .store-access,
    .store-page .store-contact {
        padding: 22px 20px;
    }
    .store-page .store-cta {
        padding: 200px 18px 22px 18px;
    }
}