@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500;700&family=Open+Sans:wght@400;500&display=swap');




a.tmt-button {
    font-family: 'Montserrat', sans-serif !important;
    text-transform: uppercase;
    font-weight: 480;
    letter-spacing: 1px;
}


#dnn_dnnSearch_cmdSearch {
    display: none !important;
}

/* Ha az ID önmagában nem elég, adjuk hozzá a szülő elemet is */
div.search-container #dnn_dnnSearch_cmdSearch,
.SearchButton#dnn_dnnSearch_cmdSearch {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}










.hero-container {
  position: relative;
  width: 100%;
  height: 90vh;
background-image: url('/Portals/0/headerjo.png?ver=uU-4c8mdYQ1EvUVj10GGZw%3d%3d');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 1;
}

.hero-title {
  position: relative;
  z-index: 2;
  font-family: 'Montserrat', sans-serif;
  font-weight: 50;
  font-size: 2rem;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 0.7rem;
  margin: 0;
  text-align: center;
}








#siteWrapper .container {
    width: 100% !important;
    color: #000000 !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body, #siteWrapper {
    background-color: #ffffff !important;
}

html, body {
    max-width: 100%;
    overflow-x: hidden;
}

#siteWrapper {
    overflow-x: hidden;
    width: 100%;
}

.container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.row.dnnpane {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.contentPane, .headerPane {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

#mainContent-inner {
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 50px;
    padding-top: 40px !important;
    background-color: #ffffff !important;
}

#dnn_ctr455_HtmlModule_lblContent {
    margin-bottom: 50px !important;
}

.container-fluid, .navbar-header {
    margin: 0 !important;
    padding: 0 !important;
}

.breadcrumb,
#breadcrumb {
    display: none !important;
    border-bottom-width: 0px !important;
}


/* ============================================================
   COOKIE BANNER
   ============================================================ */

#custom-cookie-banner {
    position: fixed;
    bottom: 20px;
    left: 20px;
    right: 20px;
    background-color: #333333;
    color: #ffffff;
    padding: 20px;
    z-index: 9999;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity 0.5s ease;
    font-family: 'Montserrat', sans-serif;
}

.cookie-content {
    max-width: 1200px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}

.cookie-content p {
    margin: 0;
    font-size: 14px;
    letter-spacing: 0.5px;
}

.cookie-content a {
    color: #ffffff;
    text-decoration: underline;
    margin-left: 5px;
}

#accept-cookies {
    background-color: #ffffff;
    color: #14143a;
    border: none;
    padding: 10px 25px;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 1px;
    cursor: pointer;
    border-radius: 20px;
    transition: background-color 0.3s ease;
}

#accept-cookies:hover {
    background-color: #eeeee4;
}

@media (max-width: 768px) {
    .cookie-content {
        flex-direction: column;
        text-align: center;
    }
    #custom-cookie-banner {
        bottom: 10px;
        left: 10px;
        right: 10px;
    }
}


/* ============================================================
   KERESŐ ÉS FELHASZNÁLÓI SÁV MAGYARÍTÁSA (DNN)
   ============================================================ */

#dnn_dnnSearch_txtSearch::placeholder,
#dnn_dnnSearch_txtSearch::-webkit-input-placeholder,
#dnn_dnnSearch_txtSearch::-moz-placeholder {
    color: transparent !important;
}

#dnn_dnnSearch_txtSearch {
    font-family: 'Montserrat', sans-serif !important;
}



.searchInputContainer:focus-within::before {
    display: none;
}

#dnn_dnnSearch_cmdSearch {
    font-size: 0 !important;
}

#dnn_dnnSearch_cmdSearch::before {
    content: "KERESÉS";
    font-size: 12px !important;
    font-family: 'Montserrat', sans-serif !important;
    letter-spacing: 1px;
}



#dnn_dnnLogin_enhancedLoginLink[title="Bejelentkezés"]::before {
    font-size: 13px !important;
    font-family: 'Montserrat', sans-serif !important;
}

#dnn_dnnLogin_enhancedLoginLink[title="Kijelentkezés"]::before {
    font-size: 13px !important;
    font-family: 'Montserrat', sans-serif !important;
}
#dnn_dnnLogin_enhancedRegisterLink[title="Regisztráció"]::before {
    font-size: 13px !important;
    font-family: 'Montserrat', sans-serif !important;
}

.buttonGroup li a {
    font-family: 'Montserrat', sans-serif !important;
    color: #000 !important;
    text-decoration: none !important;
}



/* ============================================================
   PROFIL ÉS AKTIVITÁS OLDAL (DNN PROFILE) DESIGN
   ============================================================ */

.DnnModule-ViewProfile, .DnnModule-Journal, .DnnModule-Console {
    background-color: #ffffff !important;
    border-radius: 20px !important;
    padding: 30px !important;
    margin-bottom: 30px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;
    border: none !important;
}

#UserDisplayNameHeader h2 {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 300 !important;
    text-transform: uppercase !important;
    letter-spacing: 3px !important;
    color: #000 !important;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
}

#UserProfileImg img, .ProfilePhoto {
    border-radius: 50% !important;
    border: 3px solid #fff !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1) !important;
}

.UserProfileControls ul {
    list-style: none !important;
    padding: 0 !important;
    margin-top: 20px !important;
}

.UserProfileControls .dnnSecondaryAction {
    background-color: #ffffff !important;
    color: #000 !important;
    border: 1px solid #ddd !important;
    border-radius: 50px !important;
    padding: 8px 20px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
    margin-bottom: 10px;
    transition: all 0.3s ease;
}

.UserProfileControls .dnnSecondaryAction:hover {
    background-color: #000 !important;
    color: #fff !important;
    border-color: #000 !important;
}

.console.profile h3 {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    color: #f6f6f6 !important;
}

.TitleH4 {
    font-family: 'Montserrat', sans-serif !important;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #000;
}


/* ============================================================
   MAGYARÍTÁSOK (TEXT REPLACEMENTS)
   ============================================================ */

#dnn_ctr357_dnnTITLE_titleLabel { font-size: 0 !important; }
#dnn_ctr357_dnnTITLE_titleLabel::before { content: "Navigáció"; font-size: 18px; }

.UserProfileControls a[href*="pageno/2"] { font-size: 0 !important; }
.UserProfileControls a[href*="pageno/2"]::before { content: "Profil szerkesztése"; font-size: 12px; }

.UserProfileControls a[href*="pageno/1"] { font-size: 0 !important; }
.UserProfileControls a[href*="pageno/1"]::before { content: "Fiókom"; font-size: 12px; }

.console.profile div:nth-child(1) > h3 { font-size: 0 !important; }
.console.profile div:nth-child(1) > h3::before { content: "Aktivitás"; font-size: 14px; }

.console.profile div:nth-child(2) > h3 { font-size: 0 !important; }
.console.profile div:nth-child(2) > h3::before { content: "Ismerősök"; font-size: 14px; }

.console.profile div:nth-child(3) > h3 { font-size: 0 !important; }
.console.profile div:nth-child(3) > h3::before { content: "Üzenetek"; font-size: 14px; }

.console.profile div:nth-child(4) > h3 { font-size: 0 !important; }
.console.profile div:nth-child(4) > h3::before { content: "Profilom"; font-size: 14px; }

#journalPlaceholder { font-size: 0 !important; }
#journalPlaceholder::before { content: "Oszd meg a gondolataidat..."; font-size: 14px; color: #aaa; font-style: italic; }

#btnShare {
    font-size: 0 !important;
    background-color: #8b2318 !important;
    border-radius: 50px !important;
    padding: 10px 25px !important;
    color: #fff !important;
}
#btnShare::before { content: "Megosztás"; font-size: 13px; font-weight: 600; text-transform: uppercase; }

.securityMenu b { font-size: 0 !important; }
.securityMenu b::before { content: "Ki láthatja ezt?"; font-size: 12px; }

#journalEditor {
    border: 1px solid #eee !important;
    border-radius: 15px !important;
    padding: 15px !important;
    background: #ffffff !important;
}

#journalContent {
    border: none !important;
    background: transparent !important;
    font-family: 'Open Sans', sans-serif;
    resize: none;
}


/* ============================================================
   NAVBAR
   ============================================================ */

.navbar.navbar-default {
    background: rgba(255, 255, 255, 0.8);
    border: none;
    margin: 0;
    padding: 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 60px;
}

#logo, #logo .brand, #logo img {
    display: flex;
    align-items: center;
    width: 50px;
    height: 50px;
}

#logo img {
    object-fit: contain;
}

#navbar {
    display: flex !important;
    align-items: center;
    margin: 0;
    padding: 0;
}

#dnnMenu ul.nav {
    display: flex;
    flex-direction: row;
    margin: 0;
    padding: 0;
    list-style: none;
    align-items: center;
}

.menuItem a {
    text-transform: uppercase;
    font-family: 'Montserrat', Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #000000 !important;
    padding: 10px 15px !important;
    text-decoration: none !important;
    letter-spacing: 1px;
    position: relative;
    display: inline-block;
}

.menuItem a::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 85%;
    height: 1px;
    background-color: #000000;
    transform: translateX(-50%) scaleX(0);
    transform-origin: center;
    transition: transform 0.4s ease-out;
}

.menuItem:hover a::after,
.menuItem.active a::after {
    transform: translateX(-50%) scaleX(1);
}

.nav > li.menuItem > a:hover,
.nav > li.menuItem > a:focus,
.nav > li.menuItem.active > a {
    background-color: transparent !important;
}

.menuItem.active, .menuItem.active a {
    background: transparent !important;
}

.navbar-nav li a[href*="Cart"] {
    background-image: url('/Portals/0/kosar_ikon.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    width: 40px;
    height: 40px;
    display: inline-block;
    font-size: 0;
}


/* ============================================================
   HERO SZEKCIÓ
   ============================================================ */

.header-hero-section {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 600px;
    height: 90vh;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    background-color: #000;
}

.header-hero-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image:
        linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
        url('/Portals/0/headerjo.png');
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-attachment: scroll;
    z-index: 1;
}

.header-hero-section h1,
.header-hero-section .naturaco-text {
    position: relative;
    z-index: 2;
    color: rgb(255, 255, 255) !important;
    font-family: "Montserrat", Arial, sans-serif !important;
    font-weight: 300;
    text-transform: uppercase;
    text-align: center;
    font-size: clamp(24px, 5vw, 60px);
    letter-spacing: 12px;
    line-height: 1.2;
    margin: 0;
    padding: 0 20px;
    -webkit-font-smoothing: antialiased;
}


/* ============================================================
   MISSZIÓ SZEKCIÓ
   ============================================================ */

.misszio {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
    padding: 50px 20px;
}

.dotted-divider {
    border-top: 3px dotted #000000;
    width: 180px;
    margin: 0 auto;
}

.misszio_szoveg {
    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
    line-height: 1.4;
    color: rgb(0, 0, 0);
    margin: 25px 0;
    font-weight: 400;
    letter-spacing: 0.8px;
}


/* ============================================================
   IKONOS SZEKCIÓ (SZOLGÁLTATÁSOK)
   ============================================================ */

.szolgaltatasok-container {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    max-width: 1200px;
    margin: 50px auto;
    gap: 20px;
}

.szolgaltatas-elem {
    flex: 1;
    text-align: center;
    padding: 20px;
}

.szolgaltatas-elem img {
    width: 100px;
    height: auto;
    margin-bottom: 20px;
}

.szolgaltatas-elem p {
    font-family: sans-serif;
    font-size: 18px;
    line-height: 1.4;
    color: #000;
    margin: 0;
    padding: 0 10px;
}

@media (max-width: 768px) {
    .szolgaltatasok-container {
        flex-direction: column;
        align-items: center;
    }
}


/* ============================================================
   TUDJ MEG TÖBBET SZEKCIÓ
   ============================================================ */

.tudjmegtobbet {
    background-color: #8b2318;
    padding: 40px 0;
    text-align: center;
    width: 100%;
    margin: 80px 0 20px 0 !important;
}

.tmt-button {
    display: inline-block;
    background-color: #ffffff;
    color: #000000 !important;
    text-decoration: none !important;
    padding: 12px 40px;
    border: 2px solid #000000;
    border-radius: 30px;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1.5px;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: 0 0 0 rgba(0,0,0,0);
    transform: translateY(0);
}

.tmt-button:hover {
    background-color: #f8f8f8 !important;
    color: #000000 !important;
    text-decoration: none !important;
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.15);
    border-color: #000000;
}

.tmt-button:active {
    transform: translateY(-1px);
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    transition: all 0.2s ease;
}


/* ============================================================
   KIEMELT TERMÉKEK GRID (3 OSZLOPOS)
   ============================================================ */

.hc-product-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 40px !important;
    justify-content: center !important;
    padding: 40px 10px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
}

.hc-product-grid .col-xs-6,
.hc-product-grid .col-md-4 {
    flex: 0 0 calc(33.33% - 30px) !important;
    max-width: calc(33.33% - 30px) !important;
    width: 33.33% !important;
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.hc-product-grid .panel.panel-default {
    background-color: #ffffff !important;
    border: 1px solid #eee !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05) !important;
    padding: 20px !important;
}

.hc-product-grid .panel-body {
    order: 1 !important;
    background: #ffffff !important;
    padding: 0 !important;
}

.hc-product-card-img {
    height: 220px !important;
    background: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.hc-product-card-img img {
    max-height: 200px !important;
    object-fit: contain !important;
}

.hc-product-grid .panel-footer {
    order: 2 !important;
    background: #ffffff !important;
    border: none !important;
    padding: 10px 0 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important;
    color: #000 !important;
}

.hc-product-grid .panel-heading {
    order: 4 !important;
    background: #ffffff !important;
    border: none !important;
    padding: 10px 0 !important;
    min-height: 60px !important;
}

.hc-product-grid h2 {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 15px !important;
    text-align: center !important;
    margin: 0 !important;
}

.hc-product-grid h2 a {
    color: #000000 !important;
    font-family: 'Montserrat', sans-serif !important;
    text-decoration: none !important;
    font-weight: 500 !important;
}

@media (max-width: 768px) {
    .hc-product-grid .col-xs-6,
    .hc-product-grid .col-md-4 {
        flex: 0 0 calc(50% - 20px) !important;
        max-width: calc(50% - 20px) !important;
    }
}


/* ============================================================
   MEGVESZEM GOMB (GLOBÁLIS)
   ============================================================ */

.add-to-cart-product {
    order: 3 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    padding: 12px 35px !important;
    margin: 15px auto !important;
    border: 2px solid #000 !important;
    border-radius: 50px !important;
    background: #fff !important;
    color: #000 !important;
    font-size: 0 !important;
    text-decoration: none !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05) !important;
}

.add-to-cart-product:hover {
    background-color: #000 !important;
    color: #fff !important;
    transform: translateY(-3px);
    box-shadow: 0 8px 15px rgba(0,0,0,0.15) !important;
}

.add-to-cart-product:hover::before {
    color: #ffffff !important;
}

.add-to-cart-product:active {
    transform: translateY(-1px) scale(0.97);
    box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important;
    transition: all 0.1s !important;
}

.add-to-cart-product::before {
    content: "MEGVESZEM";
    font: 700 14px 'Montserrat', sans-serif !important;
    letter-spacing: 1px;
    margin-right: 10px;
}

.add-to-cart-product::after {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url('/Portals/0/kosar_ikon.png') no-repeat center / contain;
    transition: filter 0.3s ease;
}

.add-to-cart-product:hover::after {
    filter: invert(1);
}

.add-to-cart-product span,
.add-to-cart-product em {
    display: none !important;
}

.add-to-cart-product .glyphicon {
    font-size: 18px !important;
    top: 0 !important;
}


/* ============================================================
   KOSÁR OLDAL
   ============================================================ */

.hc-cart {
    padding: 60px 20px !important;
    background-color: transparent !important;
    font-family: 'Montserrat', sans-serif !important;
}

.hc-cart h1 {
    font-size: 32px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 4px;
    text-align: center;
    margin-bottom: 40px;
    color: #000;
}

.hc-cart h6 {
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #888;
    margin-bottom: 30px;
}

/* Csak az ELSŐ hc-cart-title div h1-je és h6-ja kapja a fordítást,
   a táblázaton belüli nested .hc-cart-title divek NEM */
.hc-cart > .col-xs-12 > .hc-cart-title:first-child h1 { font-size: 0 !important; }
.hc-cart > .col-xs-12 > .hc-cart-title:first-child h1::before { content: "KOSÁR"; font-size: 32px !important; display: block; letter-spacing: 4px; color: #000; }

.hc-cart > .col-xs-12 > .hc-cart-title:first-child h6:first-of-type { font-size: 0 !important; }
.hc-cart > .col-xs-12 > .hc-cart-title:first-child h6:first-of-type::before { content: "NÉZD MEG A KOSARAD TARTALMÁT!"; font-size: 14px !important; display: block; letter-spacing: 2px; color: #888; }

/* A terméknév (h6 a táblázaton belül) marad eredeti, látható */
.hc-cart .table td h6 {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #000 !important;
    font-family: 'Montserrat', sans-serif !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    margin: 0 !important;
}

.hc-cart .table {
    background-color: #fff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.03);
    border: none !important;
}

.hc-cart .dnnGridHeader th,
.hc-cart .dnnGridHeader td {
    background-color: #f9f9f9 !important;
    border-bottom: 2px solid #eee !important;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 20px !important;
    color: #555;
}

.dnnGridHeader th:nth-child(2) { font-size: 0 !important; }
.dnnGridHeader th:nth-child(2)::before { content: "TERMÉK"; font-size: 11px; }
.dnnGridHeader td.hidden-xs { font-size: 0 !important; }
.dnnGridHeader td.hidden-xs::before { content: "EGYSÉGÁR"; font-size: 11px; }
.dnnGridHeader th:nth-child(4) { font-size: 0 !important; }
.dnnGridHeader th:nth-child(4)::before { content: "MENNYISÉG"; font-size: 11px; }
.dnnGridHeader th:nth-child(5) { font-size: 0 !important; }
.dnnGridHeader th:nth-child(5)::before { content: "ÖSSZESEN"; font-size: 11px; }

.hc-subtotal th { font-size: 0 !important; }
.hc-subtotal th::before { content: "Részösszeg:"; font-size: 16px; color: #000; font-weight: 700; }

.hc-cart .table tbody tr {
    transition: background 0.3s ease;
    border-bottom: 1px solid #f2f2f2;
}

.hc-cart .table td {
    vertical-align: middle !important;
    padding: 25px 20px !important;
}

.hc-cart td h6 {
    text-align: left !important;
    margin: 0 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #000 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

.hc-cart td h6:hover {
    color: #8b2318 !important;
}

.hc-cart .lead {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #000 !important;
    margin: 0;
}

.hc-cart .form-control.small {
    border-radius: 50px !important;
    border: 1.5px solid #eee !important;
    text-align: center;
    width: 65px !important;
    height: 40px !important;
    font-weight: 600;
    margin-right: 10px;
}

.hc-cart .form-control[name="lineitemquantity"] {
    margin-bottom: 10px !important;
}

.hc-cart .table thead th:first-child,
.hc-cart .table tbody td:first-child {
    width: 180px !important;
}

.hc-cart td img {
    max-width: 150px !important;
    width: 100%;
    height: auto;
    border-radius: 15px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.07);
    transition: transform 0.3s ease;
}

.hc-cart td img:hover {
    transform: scale(1.05);
}

/* Elrejtések (kuponkód, kalkulátor, hibaüzenet) */
.hc-coupon-section,
.form-group:has(input[name="couponcode"]),
a[href="#hcEstimateShipping"] {
    display: none !important;
}

/* ---- FRISSÍT gomb (Update) ---- */
input[value="Update"] {
    font-size: 0 !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    background-color: #000000 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='110' height='40'%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' font-family='Montserrat%2C Arial%2C sans-serif' font-size='12' font-weight='700' letter-spacing='1' fill='%23ffffff'%3EFRISS%C3%8DT%3C%2Ftext%3E%3C%2Fsvg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100% 100% !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 0 !important;
    height: 40px !important;
    width: 110px !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease !important;
    text-indent: -9999px !important;
}

input[value="Update"]:hover {
    background-color: #333333 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='110' height='40'%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' font-family='Montserrat%2C Arial%2C sans-serif' font-size='12' font-weight='700' letter-spacing='1' fill='%23ffffff'%3EFRISS%C3%8DT%3C%2Ftext%3E%3C%2Fsvg%3E") !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(0,0,0,0.2) !important;
}




/* ============================================================
   ÖSSZESÍTŐ (TOTALS) — KOSÁR ÉS VISSZAIGAZOLÁS
   ============================================================ */

.hc-totals {
    float: right !important;
    width: 100% !important;
    max-width: 400px !important;
    margin: 20px 0 !important;
}

.totaltable {
    width: 100% !important;
    background: #ffffff !important;
    padding: 20px !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05) !important;
    border: 1px solid #f0f0f0 !important;
    margin-top: 20px;
    border-top: 2px solid #000;
}

.totaltable tr {
    display: table-row !important;
}

.totaltable td {
    padding: 12px 0 !important;
    border-bottom: 1px solid #f8f8f8 !important;
}

.totallabel {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    color: #000000 !important;
}

.totalgrandlabel {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #000000 !important;
    padding-top: 20px !important;
    text-transform: uppercase;
}

.totalsub, .totalshipping, .totaltax {
    text-align: right !important;
    font-weight: 500 !important;
    color: #000000 !important;
}

.totalgrand {
    text-align: right !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #8b2318 !important;
    padding-top: 20px !important;
}

@media (max-width: 768px) {
    .hc-totals {
        float: none !important;
        max-width: 100% !important;
    }
}


/* ============================================================
   PÉNZTÁR (CHECKOUT) OLDAL
   ============================================================ */

.hc-checkout {
    padding: 40px 20px !important;
    font-family: 'Montserrat', sans-serif !important;
    background-color: transparent;
}

.hc-checkout h1 {
    font-size: 32px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 5px;
    text-align: center;
    margin-bottom: 50px;
    color: #000;
}

/* "Checkout" -> "PÉNZTÁR" */
.hc-checkout h1 {
    font-size: 0 !important;
}
.hc-checkout h1::before {
    content: "PÉNZTÁR";
    font-size: 32px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 5px;
    display: block;
    text-align: center;
    margin-bottom: 50px;
    color: #000;
}

.hc-checkout h3 {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 40px 0 25px 0;
    padding-bottom: 10px;
    border-bottom: 2px solid #000;
    color: #000;
}

/* Szekció címek magyarítása */
.hc-shipping-section h3 { font-size: 0 !important; }
.hc-shipping-section h3::before { content: "SZÁLLÍTÁSI CÍM"; font-size: 18px !important; font-family: 'Montserrat', sans-serif !important; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; display: block; padding-bottom: 10px; border-bottom: 2px solid #000; margin: 40px 0 25px 0; color: #000; }

.hc-delivery-section h3 { font-size: 0 !important; }
.hc-delivery-section h3::before { content: "SZÁLLÍTÁSI MÓD"; font-size: 18px !important; font-family: 'Montserrat', sans-serif !important; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; display: block; padding-bottom: 10px; border-bottom: 2px solid #000; margin: 40px 0 25px 0; color: #000; }

.hc-billing-section h3 { font-size: 0 !important; }
.hc-billing-section h3::before { content: "SZÁMLÁZÁSI CÍM"; font-size: 18px !important; font-family: 'Montserrat', sans-serif !important; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; display: block; padding-bottom: 10px; border-bottom: 2px solid #000; margin: 40px 0 25px 0; color: #000; }

.hc-payment-section h3 { font-size: 0 !important; }
.hc-payment-section h3::before { content: "FIZETÉSI MÓD"; font-size: 18px !important; font-family: 'Montserrat', sans-serif !important; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; display: block; padding-bottom: 10px; border-bottom: 2px solid #000; margin: 40px 0 25px 0; color: #000; }

.hc-instructions-section h3 { font-size: 0 !important; }
.hc-instructions-section h3::before { content: "MEGJEGYZÉS"; font-size: 18px !important; font-family: 'Montserrat', sans-serif !important; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; display: block; padding-bottom: 10px; border-bottom: 2px solid #000; margin: 40px 0 25px 0; color: #000; }

/* Rendelés összesítő szekció - Order Summary */
.hc-cart-section h3 { font-size: 0 !important; }
.hc-cart-section h3::before { content: "RENDELÉS ÖSSZESÍTŐ"; font-size: 18px !important; font-family: 'Montserrat', sans-serif !important; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; display: block; padding-bottom: 10px; border-bottom: 2px solid #000; margin: 40px 0 25px 0; color: #000; }

/* Items -> Termékek */
.hc-cart-section h6:first-of-type { font-size: 0 !important; }
.hc-cart-section h6:first-of-type::before { content: "TERMÉKEK"; font-size: 13px !important; font-family: 'Montserrat', sans-serif !important; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; display: block; margin-top: 20px; margin-bottom: 10px; color: #888; }

/* Total h6 -> ÖSSZESEN */
.hc-cart-section h6:last-of-type {
    font-size: 0 !important;
    display: block !important;
    position: static !important;
    clear: both !important;
    margin-top: 24px !important;
    margin-bottom: 12px !important;
    padding: 0 !important;
    background: transparent !important;
    overflow: visible !important;
    line-height: 1 !important;
}
.hc-cart-section h6:last-of-type::before {
    content: "ÖSSZESEN";
    font-size: 13px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: block;
    color: #888;
}

/* Az inline position:relative override-ja az #hcCheckoutTotal divre */
#hcCheckoutTotal {
    position: static !important;
    margin-top: 0 !important;
}

/* Rendelés összesítő táblázat fejléce: Item, Qty, Total */
.hc-order-summary .table thead td:nth-child(1) { font-size: 0 !important; }
.hc-order-summary .table thead td:nth-child(1)::before { content: "Termék"; font-size: 12px !important; font-family: 'Montserrat', sans-serif !important; }

.hc-order-summary .table thead td:nth-child(2) { font-size: 0 !important; }
.hc-order-summary .table thead td:nth-child(2)::before { content: "Db"; font-size: 12px !important; font-family: 'Montserrat', sans-serif !important; }

.hc-order-summary .table thead td:nth-child(3) { font-size: 0 !important; }
.hc-order-summary .table thead td:nth-child(3)::before { content: "Összeg"; font-size: 12px !important; font-family: 'Montserrat', sans-serif !important; }

/* Termék SKU elrejtése a checkout összesítőben */
.hc-order-summary td span:not(.hcLineTotalAdjusted) {
    display: none !important;
}

/* Szállítási cím form feliratok */
label[for="shippingAvailableAddresses"] { font-size: 0 !important; }
label[for="shippingAvailableAddresses"]::before { content: "Címjegyzék:"; font-size: 11px !important; font-family: 'Montserrat', sans-serif !important; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; color: #666; }

label[for="shippingcountry"] { font-size: 0 !important; }
label[for="shippingcountry"]::before { content: "Ország:"; font-size: 11px !important; font-family: 'Montserrat', sans-serif !important; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; color: #666; }

label[for="shippingfirstname"] { font-size: 0 !important; }
label[for="shippingfirstname"]::before { content: "Keresztnév:"; font-size: 11px !important; font-family: 'Montserrat', sans-serif !important; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; color: #666; }

label[for="shippinglastname"] { font-size: 0 !important; }
label[for="shippinglastname"]::before { content: "Vezetéknév:"; font-size: 11px !important; font-family: 'Montserrat', sans-serif !important; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; color: #666; }

label[for="shippingcompany"] { font-size: 0 !important; }
label[for="shippingcompany"]::before { content: "Cég:"; font-size: 11px !important; font-family: 'Montserrat', sans-serif !important; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; color: #666; }

label[for="shippingaddress"] { font-size: 0 !important; }
label[for="shippingaddress"]::before { content: "Cím:"; font-size: 11px !important; font-family: 'Montserrat', sans-serif !important; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; color: #666; }

label[for="shippingcity"] { font-size: 0 !important; }
label[for="shippingcity"]::before { content: "Város:"; font-size: 11px !important; font-family: 'Montserrat', sans-serif !important; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; color: #666; }

label[for="shippingstate"] { font-size: 0 !important; }
label[for="shippingstate"]::before { content: "Megye:"; font-size: 11px !important; font-family: 'Montserrat', sans-serif !important; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; color: #666; }

label[for="shippingzip"] { font-size: 0 !important; }
label[for="shippingzip"]::before { content: "Irányítószám:"; font-size: 11px !important; font-family: 'Montserrat', sans-serif !important; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; color: #666; }

label[for="shippingphone"] { font-size: 0 !important; }
label[for="shippingphone"]::before { content: "Telefon:"; font-size: 11px !important; font-family: 'Montserrat', sans-serif !important; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; color: #666; }

/* Számlázási cím form feliratok */
label[for="billingAvailableAddresses"] { font-size: 0 !important; }
label[for="billingAvailableAddresses"]::before { content: "Címjegyzék:"; font-size: 11px !important; font-family: 'Montserrat', sans-serif !important; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; color: #666; }

label[for="billingcountry"] { font-size: 0 !important; }
label[for="billingcountry"]::before { content: "Ország:"; font-size: 11px !important; font-family: 'Montserrat', sans-serif !important; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; color: #666; }

label[for="billingfirstname"] { font-size: 0 !important; }
label[for="billingfirstname"]::before { content: "Keresztnév:"; font-size: 11px !important; font-family: 'Montserrat', sans-serif !important; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; color: #666; }

label[for="billinglastname"] { font-size: 0 !important; }
label[for="billinglastname"]::before { content: "Vezetéknév:"; font-size: 11px !important; font-family: 'Montserrat', sans-serif !important; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; color: #666; }

label[for="billingcompany"] { font-size: 0 !important; }
label[for="billingcompany"]::before { content: "Cég:"; font-size: 11px !important; font-family: 'Montserrat', sans-serif !important; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; color: #666; }

label[for="billingaddress"] { font-size: 0 !important; }
label[for="billingaddress"]::before { content: "Cím:"; font-size: 11px !important; font-family: 'Montserrat', sans-serif !important; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; color: #666; }

label[for="billingcity"] { font-size: 0 !important; }
label[for="billingcity"]::before { content: "Város:"; font-size: 11px !important; font-family: 'Montserrat', sans-serif !important; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; color: #666; }

label[for="billingstate"] { font-size: 0 !important; }
label[for="billingstate"]::before { content: "Megye:"; font-size: 11px !important; font-family: 'Montserrat', sans-serif !important; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; color: #666; }

label[for="billingzip"] { font-size: 0 !important; }
label[for="billingzip"]::before { content: "Irányítószám:"; font-size: 11px !important; font-family: 'Montserrat', sans-serif !important; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; color: #666; }

label[for="billingphone"] { font-size: 0 !important; }
label[for="billingphone"]::before { content: "Telefon:"; font-size: 11px !important; font-family: 'Montserrat', sans-serif !important; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; color: #666; }

/* Számlázási cím azonos checkbox */
.hc-billing-section .checkbox label {
    color: transparent !important;
    font-size: 13px !important;
    position: relative !important;
    display: inline-block !important;
}
.hc-billing-section .checkbox label input[type="checkbox"] {
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
    z-index: 1 !important;
}
.hc-billing-section .checkbox label::after {
    content: "A számlázási cím megegyezik a szállítási címmel";
    color: #444 !important;
    font-size: 13px !important;
    font-family: 'Montserrat', sans-serif !important;
    position: absolute;
    left: 22px;
    top: 1px;
    white-space: nowrap;
}

/* Cash On Delivery -> Utánvét */
label[for="paymethod-EE171EFD-9E4A-4eda-AD70-4CB99F28E06C"] { font-size: 0 !important; }
label[for="paymethod-EE171EFD-9E4A-4eda-AD70-4CB99F28E06C"]::after { content: "Utánvét"; font-size: 14px !important; font-family: 'Montserrat', sans-serif !important; color: #000; margin-left: 5px; }


/* Place Order gomb -> RENDELÉS LEADÁSA */
#hcTakeOrder {
    background-color: #000 !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 0 !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    font-size: 0 !important;
    width: 100% !important;
    margin-top: 30px;
    transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.2) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='500' height='56'%3E%3Ctext x='50%25' y='52%25' dominant-baseline='middle' text-anchor='middle' font-family='Montserrat%2C Arial%2C sans-serif' font-size='13' font-weight='700' letter-spacing='2' fill='%23ffffff'%3ERENDEL%C3%89S%20LEAD%C3%81SA%3C%2Ftext%3E%3C%2Fsvg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    height: 56px !important;
    text-indent: -9999px !important;
    cursor: pointer !important;
    display: block !important;
    box-sizing: border-box !important;
}

#hcTakeOrder:hover {
    background-color: #333 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='500' height='56'%3E%3Ctext x='50%25' y='52%25' dominant-baseline='middle' text-anchor='middle' font-family='Montserrat%2C Arial%2C sans-serif' font-size='13' font-weight='700' letter-spacing='2' fill='%23ffffff'%3ERENDEL%C3%89S%20LEAD%C3%81SA%3C%2Ftext%3E%3C%2Fsvg%3E") !important;
    transform: translateY(-3px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.3) !important;
}

/* hcConfirmButton - Place Order megerősítés */
#hcConfirmButton {
    background-color: #000 !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    border: none !important;
    border-radius: 50px !important;
    font-size: 0 !important;
    width: 100%;
    margin-top: 10px;
    transition: all 0.3s ease !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.2) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='50'%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' font-family='Montserrat%2C Arial%2C sans-serif' font-size='13' font-weight='700' letter-spacing='2' fill='%23ffffff'%3EMEGER%C5%90S%C3%8DT%C3%89S%3C%2Ftext%3E%3C%2Fsvg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100% 100% !important;
    height: 50px !important;
    text-indent: -9999px !important;
    cursor: pointer !important;
}

/* Cancel gomb -> Mégsem */
#hcCancelOrderConfirmation {
    background-color: #ffffff !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    border: 2px solid #000 !important;
    border-radius: 50px !important;
    font-size: 0 !important;
    margin-top: 10px;
    transition: all 0.3s ease !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='46'%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' font-family='Montserrat%2C Arial%2C sans-serif' font-size='13' font-weight='700' letter-spacing='2' fill='%23000000'%3EM%C3%89GSEM%3C%2Ftext%3E%3C%2Fsvg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100% 100% !important;
    height: 46px !important;
    text-indent: -9999px !important;
    cursor: pointer !important;
}

/* Megerősítő popup szöveg */
#hcPaymentConfirm .dnnForm {
    font-size: 0 !important;
    position: relative;
    min-height: 30px;
}

#hcPaymentConfirm .dnnForm::before {
    content: "Biztos leadja a rendelést?";
    font-size: 14px !important;
    font-family: 'Montserrat', sans-serif !important;
    color: #000;
    display: block;
}

/* "Update Addresses" link a normalizálás popupban */
#hcSaveNormalizedAction { font-size: 0 !important; }
#hcSaveNormalizedAction::before { content: "Cím frissítése"; font-size: 13px !important; font-family: 'Montserrat', sans-serif !important; }

/* Totals fordítása a checkout oldalon */
.hc-checkout .totallabel,
.hc-checkout .totalgrandlabel {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

.hc-checkout .totaltable .totallabel {
    font-size: 0 !important;
    color: transparent !important;
}

/* Subtotal: -> Részösszeg: */
.hc-checkout .totaltable tr:nth-child(1) .totallabel::before {
    content: "Részösszeg:";
    font-size: 13px !important;
    font-family: 'Montserrat', sans-serif !important;
    color: #000 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Shipping/Handling: -> Szállítás: */
.hc-checkout .totaltable tr:nth-child(2) .totallabel::before {
    content: "Szállítás:";
    font-size: 13px !important;
    font-family: 'Montserrat', sans-serif !important;
    color: #000 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.hc-checkout .totaltable tr:nth-child(3),
.hc-checkout .totaltable tr:nth-child(4),
.hc-checkout .totaltable tr:nth-child(5),
.hc-checkout .totaltable tr:nth-child(6),
.hc-checkout .totaltable tr:nth-child(7) {
    display: none !important;
}

/* Grand Total: -> Végösszeg: */
.hc-checkout .totaltable .totalgrandlabel {
    font-size: 0 !important;
    color: transparent !important;
}
.hc-checkout .totaltable .totalgrandlabel::before {
    content: "Végösszeg:";
    font-size: 16px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    color: #000 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.hc-order-summary .table td,
.hc-order-summary .table th {
    padding: 12px 16px !important;
}
.hc-checkout .totaltable td {
    padding: 12px 16px !important;
}

.hc-checkout .form-control {
    border-radius: 0 !important;
    border: 1px solid #ddd !important;
    box-shadow: none !important;
    height: 45px;
    font-size: 14px;
    transition: border-color 0.3s ease;
}

.hc-checkout .form-control:focus {
    border-color: #000 !important;
}

.hc-checkout .control-label {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
    color: #666;
}

.hc-order-summary {
    background-color: #fff;
    padding: 30px !important;
    border-radius: 10px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.05);
}

.hc-order-summary h6 {
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 20px;
    color: #888;
}

.hc-order-summary .table {
    margin-bottom: 0;
}

.hc-order-summary .table td {
    padding: 12px 16px !important;
    border-top: 1px solid #f2f2f2 !important;
    font-size: 13px;
    vertical-align: middle;
}

.hc-order-summary label {
    font-weight: 500;
    margin: 0;
    color: #000;
}

.hcLineTotalAdjusted {
    font-weight: 600;
    color: #000;
}

#specialinstructions {
    border-radius: 10px !important;
    min-height: 100px;
}

.hc-checkout hr {
    border-top: 1px solid #eee;
    margin: 40px 0;
}

.checkbox label {
    font-size: 13px;
    color: #444;
}

@media (max-width: 991px) {
    .hc-order-summary {
        margin-top: 50px;
    }
}

/* Globális fekete szöveg a checkout és kosár oldalon */
.hc-checkout,
.hc-checkout h1,
.hc-checkout h3,
.hc-checkout h6,
.hc-checkout label,
.hc-checkout p,
.hc-checkout span,
.hc-checkout td,
.hc-checkout th,
.hc-order-summary label,
.hc-order-summary span,
.hc-cart h1,
.hc-cart h6,
.hc-product h1,
.hc-product p,
.hc-product label {
    color: #000000 !important;
}

.form-control {
    color: #000000 !important;
}

::placeholder {
    color: #000000 !important;
    opacity: 0.7;
}

.hc-checkout a,
.hc-order-summary a,
.hc-cart td a {
    color: #000000 !important;
    text-decoration: none;
}


/* ============================================================
   SZÖVEGBLOKK ELEMEK (KIEMELT, , PARTNEREK)
   ============================================================ */

.kiemelt-container {
    width: 100%;
    padding: 40px 0 0 0;
    text-align: center;
}

.kiemelt-cim {
    font-family: 'Montserrat', sans-serif;
    font-size: 32px;
    font-style: italic;
    font-weight: 400;
    letter-spacing: 2px;
    color: #000000;
    margin: 0;
}


.partnereink-container {
    width: 100%;
    padding: 40px 0;
    text-align: center;
}

.partnereink-cim {
    font-family: 'Montserrat', sans-serif;
    font-size: 32px;
    font-style: italic;
    font-weight: 400;
    letter-spacing: 2px;
    color: #000000;
    margin: 0;
}


/* ============================================================
   ACCORDION / FAQ
   ============================================================ */

.accordion {
    max-width: 600px;
    margin: 0 auto;
    border-top: 1px solid #ccc;
}

.accordion-item {
    border-bottom: 1px solid #ccc;
}

.accordion-header {
    width: 100%;
    padding: 20px 10px;
    background: none;
    border: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: sans-serif;
    font-size: 16px;
    letter-spacing: 1px;
    color: #555;
    cursor: pointer;
    outline: none;
    transition: 0.3s;
}

.accordion-header:hover {
    background-color: #f9f9f9;
}

.accordion-header span {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #555;
}

.icon {
    font-size: 24px;
    font-weight: 200;
    color: #999;
}

.accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
    background-color: #fff;
}

.accordion-content p {
    padding: 15px 10px;
    margin: 0;
    color: #777;
    line-height: 1.5;
}

.accordion-item.active .accordion-content {
    max-height: 1000px;
    display: block !important;
}

.accordion-item.active .icon,
.accordion-item.active .icon { transform: rotate(45deg); }

.accordion-item.active .accordion-header span { color: #000; }

.faq-section {
    max-width: 800px;
    margin: 60px auto;
}

.faq-title {
    text-align: center;
    font-size: 22px;
    letter-spacing: 4px;
    font-weight: 400;
    margin-bottom: 40px;
}


/* ============================================================
   TERMÉKEK OLDAL (KATEGÓRIA)
   ============================================================ */

.filter-title-container {
    width: 100%;
    text-align: center;
    padding-top: 100px !important;
    padding-bottom: 10px !important;
    display: block !important;
    background-color: #ffffff;
}

.filter-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 28px;
    font-weight: 400;
    color: #000000;
    text-transform: uppercase;
    letter-spacing: 4px;
    margin: 0;
    display: inline-block;
}

@media (max-width: 768px) {
    .filter-title {
        font-size: 20px;
        letter-spacing: 2px;
    }
}

/* Rendezés szűrő */
.padding-bottom-lg {
    padding-bottom: 30px !important;
}

.form-inline .form-group.pull-right {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    float: right !important;
}

.form-inline label.margin-right-md {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    color: #888 !important;
    margin: 0 !important;
}

#sortOrderSelect {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-color: #ffffff !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 15px center !important;
    border: 1.5px solid #eee !important;
    border-radius: 50px !important;
    padding: 8px 40px 8px 20px !important;
    height: 40px !important;
    min-width: 200px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    color: #333 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.03) !important;
}

#sortOrderSelect:hover {
    border-color: #000 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
    transform: translateY(-1px);
}

#sortOrderSelect:focus {
    outline: none !important;
    border-color: #000 !important;
}

@media (max-width: 768px) {
    .form-inline .form-group.pull-right {
        float: none !important;
        justify-content: center !important;
        width: 100% !important;
    }
}

/* Lapozó limitálása */
.pagination li:nth-child(n+7):not(:last-child) {
    display: none !important;
}

/* Keresés gomb magyarítása */
.btn.btn-default[title="Search"] {
    font-size: 0 !important;
}

.btn.btn-default[title="Search"]::after {
    content: "Keresés";
    font-size: 12px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    letter-spacing: 1px;
}

/* Termék rács (4 oszlop) */
.row-fluid {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 0 !important;
}

.row-fluid .col-xs-6,
.row-fluid .col-md-4 {
    flex: 0 0 25% !important;
    max-width: 25% !important;
    width: 25% !important;
    float: none !important;
    margin-bottom: 40px !important;
    padding: 10px !important;
}

.row-fluid .panel.panel-default {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

.row-fluid .panel-body {
    padding: 0 !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    order: 1 !important;
}

.row-fluid .panel-body img {
    width: 180px !important;
    height: 180px !important;
    object-fit: contain !important;
    transition: transform 0.3s ease;
}

.row-fluid .panel-body img:hover {
    transform: scale(1.2);
}

.row-fluid .panel-footer {
    background: transparent !important;
    border: none !important;
    padding: 15px 0 0 0 !important;
    text-align: center !important;
    order: 2 !important;
}

.row-fluid .panel-footer a {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #000 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    text-decoration: none !important;
}

@media (max-width: 768px) {
    .row-fluid .col-xs-6 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
    .row-fluid .panel-body img {
        width: 140px !important;
        height: 140px !important;
    }
}


/* ============================================================
   UNIVERZÁLIS TERMÉKKÁRTYA
   ============================================================ */

.hc-product-cards {
    display: flex !important;
    flex-wrap: wrap !important;
    height: auto !important;
    gap: 20px !important;
    justify-content: center !important;
    position: relative !important;
    min-height: 300px;
    align-items: flex-start !important;
}

.hc-product-card {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    flex: 0 0 calc(25% - 20px) !important;
    max-width: calc(25% - 20px) !important;
    min-width: 280px !important;
    margin-bottom: 30px !important;
    display: flex !important;
    float: none !important;
}

.hc-product-card .panel.panel-default {
    background-color: #ffffff !important;
    border: none !important;
    border-radius: 25px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    padding: 25px !important;
    text-align: center !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;
    transition: transform 0.3s ease !important;
    width: 100% !important;
    min-height: 480px !important;
}

.hc-product-card .panel.panel-default:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 15px 40px rgba(0,0,0,0.1) !important;
}

.hc-product-card .panel-body { order: 1 !important; padding: 0 !important; margin-bottom: 15px !important; }
.hc-product-card .panel-footer { order: 2 !important; background: transparent !important; border: none !important; padding: 0 !important; }
.hc-product-card .panel-heading { order: 4 !important; background: transparent !important; border: none !important; padding: 0 !important; }

.hc-product-card .panel-footer {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    color: #000 !important;
}

.hc-product-card h2 {
    min-height: 50px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
}

.hc-product-card h2 a {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #555 !important;
    text-decoration: none !important;
}

@media (max-width: 768px) {
    .hc-product-card {
        flex: 0 0 calc(50% - 20px) !important;
        min-width: 160px !important;
    }
}


/* ============================================================
   ADMIN ÉS RENDSZER ELEMEK ELREJTÉSE
   ============================================================ */

.hc-catalog-admin,
.row-fluid > .col-xs-12:empty {
    display: none !important;
}


/* ============================================================
   KERESŐSÁV
   ============================================================ */

.form-inline {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 20px 0;
    margin-bottom: 30px !important;
}

.form-inline .form-control[name="search"] {
    border: 1.5px solid #e0e0e0 !important;
    border-radius: 50px !important;
    padding: 10px 25px !important;
    height: 45px !important;
    width: 250px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
}

.form-inline .form-control[name="search"]:focus {
    border-color: #000 !important;
    width: 300px !important;
    outline: none !important;
}

.form-inline .btn-default {
    background-color: #000 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 10px 25px !important;
    height: 45px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    align-items: center !important;
}

.form-inline .btn-default:hover {
    background-color: #333 !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.15) !important;
}

.form-inline .btn-default .glyphicon {
    margin-right: 8px !important;
    font-size: 14px !important;
    top: 0 !important;
}

@media (max-width: 480px) {
    .form-inline {
        flex-direction: column !important;
        width: 100% !important;
    }
    .form-inline .form-control[name="search"] {
        width: 100% !important;
    }
}


/* ============================================================
   LAPOZÓ (PAGINATION)
   ============================================================ */

/* Az első (felső) lapozó elrejtése */
.hc-category .row.padding-bottom-lg:first-of-type nav {
    display: none !important;
}

.pagination {
    margin: 20px 0 40px 0 !important;
}

.pagination > li > a,
.pagination > li > span {
    border: none !important;
    color: #000 !important;
    background-color: transparent !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 500 !important;
    margin: 0 5px !important;
    border-radius: 50% !important;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease !important;
}

.pagination > .active > a,
.pagination > .active > a:hover {
    background-color: #000 !important;
    color: #fff !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2) !important;
}

.pagination > li > a:hover {
    background-color: #eee !important;
}


/* ============================================================
   TERMÉKKATEGÓRIA SZŰRÉS
   ============================================================ */

.hc-category h1 {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
    font-size: 32px;
    clear: both;
}

.hc-category .padding-bottom-lg {
    margin-bottom: 20px;
    display: block;
    clear: both;
    width: 100%;
}

.hc-category .form-inline .form-group {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 20px;
}

.hc-category select.form-control {
    border-radius: 20px;
    padding: 5px 15px;
    height: auto;
}

.hc-category .row-fluid {
    clear: both;
    display: block;
    padding-top: 20px;
}

.hc-category .panel.panel-default {
    display: flex;
    flex-direction: column;
    border: none;
    box-shadow: none;
    text-align: center;
    background: transparent;
    margin-bottom: 80px;
    gap: 15px;
}

.hc-category .panel-body { order: 1; padding: 0; }
.hc-category .panel-footer {
    order: 2;
    background: transparent !important;
    border: none;
    padding: 20px 0 10px 0;
    font-size: 18px;
    font-weight: 500;
    color: #000;
}
.hc-category .panel-heading {
    order: 3;
    background: transparent !important;
    border: none;
    padding: 10px 0;
}

.hc-category .panel-heading h2 {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    line-height: 1.4;
}

.hc-category .panel-heading h2 a {
    color: #000 !important;
    text-decoration: none !important;
    font-family: 'Montserrat', Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px !important;
}


/* ============================================================
   EGYEDI SZÖVEGBLOKK
   ============================================================ */

.xs-col-12 {
    width: 100% !important;
    padding-left: 60px !important;
    padding-right: 60px !important;
    padding-top: 40px !important;
    padding-bottom: 40px !important;
    box-sizing: border-box !important;
}

.xs-col-12 p {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 17px !important;
    line-height: 1.8 !important;
    color: #000000 !important;
    text-align: center !important;
    margin: 0 auto !important;
    max-width: 1000px !important;
}

@media (max-width: 768px) {
    .xs-col-12 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .xs-col-12 p {
        font-size: 15px !important;
    }
}


/* ============================================================
   ÜRES KERESÉSI EREDMÉNYEK
   ============================================================ */

.hc-product-cards .alert-info {
    background-color: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 15px !important;
    color: #000 !important;
    padding: 60px 20px !important;
    text-align: center !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 18px !important;
    font-weight: 300 !important;
    letter-spacing: 1px;
    margin: 40px auto !important;
    max-width: 800px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.03);
    position: relative;
}

.hc-product-cards .alert-info::before {
    content: '\e003';
    font-family: 'Glyphicons Halflings';
    display: block;
    font-size: 30px;
    margin-bottom: 20px;
    color: #882318;
    opacity: 0.6;
}

.alert-info + .row-fluid {
    margin-top: 20px;
}


/* ============================================================
   TERMÉKADATOK (TERMÉKOLDAL)
   ============================================================ */

/* Elrejtett elemek */
.form-group:has(#hcSku),
#savelaterbutton,
.fb-like,
.fb_iframe_widget,
.twitter-button-wrapper,
span[class*="PIN_"],
.fb_reset,
.hc-listprice,
.hc-yousave {
    display: none !important;
}

/* Elemek balra rendezése */
.hc-product-details .form-horizontal .control-label {
    text-align: left !important;
    width: auto !important;
    display: block !important;
    padding-top: 0 !important;
    margin-bottom: 5px !important;
    float: none !important;
}

.hc-product-details .form-horizontal .col-sm-8 {
    width: 100% !important;
    float: none !important;
    margin-left: 0 !important;
    padding-left: 15px !important;
}

.hc-product-details .col-xs-offset-4 {
    margin-left: 0 !important;
    padding-left: 15px !important;
}

/* Minden szöveg fekete */
.hc-product,
.hc-product h1,
.hc-product h3,
.hc-product h4,
.hc-product p,
.hc-product label,
.hc-product span,
.hc-product div,
.hc-review-user a,
.col-xs-7.col-md-9,
.control-label {
    color: #000000 !important;
}

/* Termék részletek konténer */
#row-fluid.hc-product-details,
[id="row-fluid hcProductDetails"].hc-product-details,
.hc-product-details .col-xs-12 {
    border: 0 !important;
    border-style: none !important;
    box-shadow: none !important;
    outline: none !important;
    background-color: #ffffff !important;
    padding: 20px;
    border-radius: 8px;
}

.hc-product {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 40px 20px !important;
}

.hc-product h1 {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 300 !important;
    text-transform: uppercase !important;
    letter-spacing: 4px !important;
    margin-bottom: 40px !important;
    border-bottom: 1px solid #d3d3d3 !important;
    padding-bottom: 20px !important;
    font-size: 28px !important;
}

.hc-product-image img {
    border-radius: 15px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;
    background-color: #fff !important;
    padding: 15px !important;
}

/* Reviews link magyarítása */
.content-inline a[href="#reviews"] {
    font-size: 0 !important;
}
.content-inline a[href="#reviews"]::before {
    content: "Értékelések";
    font-size: 13px !important;
    font-family: 'Montserrat', sans-serif !important;
    color: #888;
}
.content-inline a[href="#reviews"] span {
    font-size: 13px !important;
    margin-left: 4px;
}

/* Ár és mennyiség feliratok */
.hc-siteprice label.control-label,
label[for="qty"] {
    font-size: 0 !important;
}

.hc-siteprice label.control-label::after { content: "Ára"; }
label[for="qty"]::after { content: "Mennyiség"; }

.hc-siteprice label.control-label::after,
label[for="qty"]::after {
    font-size: 14px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600;
    text-transform: uppercase;
}

.hc-siteprice .col-sm-8 {
    font-size: 28px !important;
    font-weight: 700 !important;
    margin-top: 5px !important;
}

/* Kosárba gomb */
#hcProductActions {
    position: relative !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

#addtocartbutton {
    color: transparent !important;
    font-size: 0 !important;
    background-color: #333333 !important;
    border-radius: 8px !important;
    min-width: 180px !important;
    height: 50px !important;
    border: none !important;
    cursor: pointer !important;
    position: relative !important;
    transition: all 0.3s ease !important;
}

#addtocartbutton:hover {
    background-color: #000000 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2) !important;
}

#hcProductActions::after {
    content: "Kosárba";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #ffffff !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    text-transform: uppercase;
    letter-spacing: 2px;
    pointer-events: none;
    width: 100%;
    text-align: center;
}

/* Termékleírás cím */
.hc-product h4 {
    font-size: 0 !important;
    margin-top: 40px !important;
    margin-bottom: 20px !important;
    line-height: normal !important;
    border: none !important;
}

.hc-product h4::after {
    content: "Termékleírás";
    font-size: 16px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 3px !important;
    display: block !important;
    border-bottom: 1px solid #d3d3d3 !important;
    padding-bottom: 15px !important;
}


/* Change "Product Details" to "Termékleírás" - leave as is or rename */
.hc-product-details h4 {
    font-size: 0;
}
.hc-product-details h4::after {
    content: "Termékleírás";
    font-size: 1rem;
}

/* Change "Description" to "Termékadatok" */
.hc-product > .row-fluid > .col-xs-12 > h4 {
    font-size: 0;
}
.hc-product > .row-fluid > .col-xs-12 > h4::after {
    content: "Termékadatok";
    font-size: 1rem;
}

/* Általános h3 stílus termékoldal */
.hc-product h3 {
    font-size: 18px !important;
    text-transform: uppercase;
    letter-spacing: 2px;
}



/* Kapcsolódó termékek cím */
.hc-product h3:last-of-type {
    font-size: 0 !important;
    margin-top: 60px !important;
    border-bottom: 1px solid #eee !important;
    padding-bottom: 15px !important;
    text-align: left !important;
}


/* ============================================================
   KAPCSOLÓDÓ TERMÉKEK
   ============================================================ */

.hc-related-items {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 25px !important;
    justify-content: center !important;
    padding: 30px 0 !important;
}

.hc-related-items .col-xs-6.col-md-3 {
    flex: 0 0 calc(33.33% - 20px) !important;
    max-width: calc(33.33% - 20px) !important;
    width: 33.33% !important;
    float: none !important;
    padding: 0 !important;
}

.hc-related-items .panel.panel-default {
    background-color: #ffffff !important;
    border: none !important;
    border-radius: 25px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    padding: 25px !important;
    text-align: center !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;
    transition: transform 0.3s ease !important;
    height: 100% !important;
    min-height: 460px !important;
}

.hc-related-items .panel.panel-default:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 15px 40px rgba(0,0,0,0.1) !important;
}

.hc-related-items .panel-body { order: 1 !important; padding: 0 !important; }
.hc-related-items .panel-footer { order: 2 !important; background: transparent !important; border: none !important; padding: 10px 0 !important; }
.hc-related-items .panel-heading { order: 3 !important; background: transparent !important; border: none !important; padding: 0 !important; }

.hc-related-items .hc-product-card-img {
    height: 180px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 15px !important;
}

.hc-related-items img {
    max-height: 160px !important;
    object-fit: contain !important;
    width: auto !important;
}

.hc-related-items .panel-footer {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    color: #000 !important;
}

.hc-related-items h2 {
    font-size: 15px !important;
    margin: 10px 0 !important;
    min-height: 40px;
}

.hc-related-items h2 a {
    color: #555 !important;
    text-decoration: none !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 400 !important;
}

.hc-related {
    display: flex !important;
    justify-content: center !important;
    margin-top: 15px !important;
}


/* ============================================================
   VÉLEMÉNYEK SZEKCIÓ
   ============================================================ */

.hc-product .alert-warning {
    font-size: 0 !important;
    background-color: #fcfcf4 !important;
    border: 1px solid #e1e1d0 !important;
    color: #000 !important;
    padding: 20px !important;
}

.hc-product .alert-warning::before {
    content: "Még senki sem értékelte ezt a terméket. Jelentkezz be és legyél te az első!";
    font-size: 14px !important;
    font-family: 'Montserrat', sans-serif !important;
    display: block;
}

#hcWriteReviewbtn {
    font-size: 0 !important;
    background-color: #8b2318 !important;
    color: #ffffff !important;
    border: none !important;
    padding: 12px 25px !important;
    border-radius: 50px !important;
    text-transform: uppercase;
    font-weight: 600 !important;
    letter-spacing: 1px;
    transition: all 0.3s ease;
}

#hcWriteReviewbtn::after {
    content: "Vélemény írása";
    font-size: 12px !important;
    font-family: 'Montserrat', sans-serif !important;
}

#hcWriteReviewbtn .glyphicon {
    display: none !important;
}

#hcWriteReviewbtn:hover {
    background-color: #000000 !important;
    transform: translateY(-2px);
}


/* ============================================================
   INFORMÁCIÓS / TARTALMI OLDALAK
   ============================================================ */

.page-header-container {
    text-align: center;
    padding: 60px 0 20px 0;
}

.page-main-title {
    font-family: 'Times New Roman', serif;
    font-size: 42px;
    font-weight: 400;
    color: #000;
    display: inline-block;
    text-decoration: underline;
    text-underline-offset: 8px;
    text-decoration-thickness: 1px;
}

.info-section {
    max-width: 800px;
    margin: 40px auto 100px auto;
    text-align: center;
    padding: 0 20px;
}

.info-subtitle {
    font-family: 'Montserrat', sans-serif;
    font-size: 28px;
    font-weight: 400;
    letter-spacing: 2px;
    margin-bottom: 30px;
    color: #000;
}

.info-description p {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 1.8;
    color: #333;
    margin-bottom: 20px;
    text-align: justify;
}

img[src*="hivalairas_1.png"] {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 19% !important;
    height: auto !important;
    min-width: 120px;
}

p:has(img[src*="hivalairas_1.png"]) {
    text-align: center !important;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}


/* ============================================================
   LÁBLÉC
   ============================================================ */

div.footer-above {
    background-color: #333333 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    border-top-width: 0px !important;
}

.footer-heading,
.footer-above h4,
.footer-above h4.footer-title {
    color: #ffffff !important;
    font-family: 'Playfair Display', serif;
    margin-bottom: 15px;
}

.footer-list,
.footer-list li,
.footer-section {
    color: #ffffff !important;
    list-style: none;
    padding: 0;
}

.footer-list a {
    color: #ffffff !important;
    text-decoration: none;
}

.footer-list a:hover {
    color: #ffffff !important;
    text-decoration: underline;
    opacity: 0.9;
}

.footer-list {
    list-style: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.footer-list li {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.footer-above .row.dnnpane {
    padding-left: 30px !important;
    padding-right: 30px !important;
    padding-top: 30px !important;
}


/* ============================================================
   RÓLUNK OLDAL
   ============================================================ */

.story-section {
    padding: 70px 30px !important;
    background-color: #ffffff;
    width: 100%;
    box-sizing: border-box;
}

.story-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 40px;
    max-width: 1200px;
    margin: 0 auto;
}

.story-image,
.story-content {
    flex: 1 1 calc(50% - 20px);
    min-width: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.story-image {
    display: flex !important;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.story-image img {
    width: 80% !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
    object-fit: contain;
}

.story-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 36px;
    font-style: italic;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 20px;
    color: #000;
}

.story-text p {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #333;
    margin-bottom: 15px;
    text-align: justify;
}

@media (max-width: 768px) {
    .story-image,
    .story-content {
        flex: 1 1 100%;
    }
}


/* ============================================================
   SÉFEK SZEKCIÓ
   ============================================================ */

.chefs-section {
    background-color: #333333;
    padding: 40px 20px;
    width: 100%;
    margin: 50px 0 !important;
}

.chefs-container {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}

.chefs-main-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 36px;
    font-weight: 300;
    letter-spacing: 2px;
    color: #ffffff;
    margin-bottom: 40px;
    text-transform: uppercase;
}

.chefs-grid {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 30px;
}

.chef-item {
    flex: 1 1 calc(25% - 30px);
    min-width: 250px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.chef-image {
    width: 90%;
    margin-bottom: 20px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
}

.chef-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}

.chef-name {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0;
}


/* ============================================================
   RENDELÉS VISSZAIGAZOLÁS (RECEIPT)
   ============================================================ */

.hc-receipt {
    max-width: 1100px;
    margin: 60px auto !important;
    padding: 0 20px;
    font-family: 'Montserrat', sans-serif !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

.hc-receipt h1 {
    font-size: 28px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 5px;
    text-align: center;
    color: #000;
    margin-bottom: 50px;
    width: 100%;
}

.hc-receipt h2 {
    width: 100% !important;
    text-align: center !important;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #333;
    border-bottom: none !important;
    padding: 0 !important;
    margin: 40px 0 20px 0 !important;
    float: none !important;
    clear: both !important;
    display: block !important;
}

.hc-order-details .row-fluid {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 30px !important;
    margin-bottom: 30px !important;
    width: 100% !important;
}

.hc-order-details .col-sm-4 {
    flex: 0 1 350px !important;
    min-width: 280px !important;
    float: none !important;
    margin: 0 !important;
}

.hc-order-details .panel {
    border: none !important;
    border-radius: 15px !important;
    background: #ffffff !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;
    height: 100%;
}

.hc-order-details .panel-heading {
    background-color: #fcfcfc !important;
    border-bottom: 1px solid #f0f0f0 !important;
    color: #888 !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
    padding: 15px 20px !important;
    border-radius: 15px 15px 0 0 !important;
}

.hc-order-details .panel-body {
    padding: 25px !important;
    line-height: 1.8;
    color: #333 !important;
    font-size: 14px;
    text-align: center;
}

.hc-receipt .table tbody td {
    padding: 20px !important;
    vertical-align: middle !important;
    border-bottom: 1px solid #f5f5f5 !important;
    color: #000000 !important;
}

.hc-receipt .table tbody td label,
.hc-receipt .table tbody td h6,
.hc-receipt .table tbody td a,
.hc-receipt .table tbody td span {
    color: #000000 !important;
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.hc-receipt .table label {
    font-weight: 600 !important;
    font-size: 15px !important;
    margin-bottom: 5px !important;
    cursor: default;
}

/* Visszaigazolás összesítő - vízszintes elrendezés */
.hc-receipt .hc-totals {
    float: none !important;
    width: 100% !important;
    max-width: 950px !important;
    margin: 30px auto !important;
}

.hc-receipt .totaltable tbody {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    align-items: center !important;
    background: #fcfcfc !important;
    padding: 15px 25px !important;
    border-radius: 15px !important;
    box-shadow: 0 5px 20px rgba(0,0,0,0.03) !important;
}

.hc-receipt .totaltable tr {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    border: none !important;
    margin: 10px 15px !important;
}

.hc-receipt .totaltable tr:has(td[colspan="2"]) {
    display: none !important;
}

.hc-receipt .totaltable td {
    padding: 2px !important;
    border: none !important;
    background: transparent !important;
    text-align: center !important;
    width: auto !important;
}

/* Terméknevek a kosárban és visszaigazolásban */
.hc-cart h6,
.hc-cart h6 a,
.hc-cart td a,
.hc-cart td span,
.hc-receipt h6,
.hc-receipt h6 a,
.hc-receipt td label,
.hc-receipt td span,
.hc-receipt td a {
    color: #000000 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.hc-cart td h6, .hc-receipt td h6 {
    font-size: 16px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    margin: 0 !important;
    padding: 0 !important;
}

@media (max-width: 768px) {
    .hc-receipt .totaltable tbody {
        justify-content: center !important;
    }
    .hc-receipt .totaltable tr {
        flex: 0 0 40% !important;
        margin: 15px 5px !important;
    }
    .hc-order-details .row-fluid {
        flex-direction: column;
        align-items: center;
    }
    .hc-order-details .col-sm-4 {
        width: 100% !important;
        max-width: 100% !important;
    }
}


/* ============================================================
   VISSZAIGAZOLÁS OLDAL — MAGYAR FORDÍTÁSOK
   ============================================================ */

/* "Thank You! Order Received." -> "Köszönjük! Rendelésed megérkezett." */
.hc-receipt h1 {
    font-size: 0 !important;
}
.hc-receipt h1::before {
    content: "Köszönjük! Rendelésed megérkezett.";
    font-size: 28px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 5px;
    display: block;
    text-align: center;
    color: #000;
    margin-bottom: 50px;
}

/* "Bill To:" -> "Számlázási cím:" */
.hc-order-details .col-sm-4:nth-child(1) .panel-heading {
    font-size: 0 !important;
}
.hc-order-details .col-sm-4:nth-child(1) .panel-heading::before {
    content: "Számlázási cím:";
    font-size: 11px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: block;
}

/* "Ship To:" -> "Szállítási cím:" */
.hc-order-details .col-sm-4:nth-child(2) .panel-heading {
    font-size: 0 !important;
}
.hc-order-details .col-sm-4:nth-child(2) .panel-heading::before {
    content: "Szállítási cím:";
    font-size: 11px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: block;
}

/* "Order Summary" -> "Rendelés összesítő" */
.hc-receipt .hc-order-details + h2 {
    font-size: 0 !important;
}
.hc-receipt .hc-order-details + h2::before {
    content: "Rendelés összesítő";
    font-size: 18px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: block;
    text-align: center;
}

/* Receipt table headers: Item, Qty, Total */
.hc-receipt .table thead tr td:nth-child(1) {
    font-size: 0 !important;
}
.hc-receipt .table thead tr td:nth-child(1)::before {
    content: "Termék";
    font-size: 12px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.hc-receipt .table thead tr td:nth-child(2) {
    font-size: 0 !important;
}
.hc-receipt .table thead tr td:nth-child(2)::before {
    content: "Db";
    font-size: 12px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.hc-receipt .table thead tr td:nth-child(3) {
    font-size: 0 !important;
}
.hc-receipt .table thead tr td:nth-child(3)::before {
    content: "Összeg";
    font-size: 12px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Receipt totals — Hungarian label overrides */
.hc-receipt .totaltable .totallabel {
    font-size: 0 !important;
    color: transparent !important;
}

/* Subtotal: -> Részösszeg: */
.hc-receipt .totaltable tr:nth-child(1) .totallabel::before {
    content: "Részösszeg:";
    font-size: 13px !important;
    font-family: 'Montserrat', sans-serif !important;
    color: #000 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Shipping/Handling: -> Szállítás: */
.hc-receipt .totaltable tr:nth-child(2) .totallabel::before {
    content: "Szállítás:";
    font-size: 13px !important;
    font-family: 'Montserrat', sans-serif !important;
    color: #000 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Hide VAT/intermediate rows on receipt */
.hc-receipt .totaltable tr:nth-child(3),
.hc-receipt .totaltable tr:nth-child(4),
.hc-receipt .totaltable tr:nth-child(5),
.hc-receipt .totaltable tr:nth-child(6),
.hc-receipt .totaltable tr:nth-child(7) {
    display: none !important;
}

/* Grand Total: -> Végösszeg: */
.hc-receipt .totaltable .totalgrandlabel {
    font-size: 0 !important;
    color: transparent !important;
}
.hc-receipt .totaltable .totalgrandlabel::before {
    content: "Végösszeg:";
    font-size: 16px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    color: #000 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}


/* ============================================================
   "VISSZA A BOLTBA" gomb (btn-primary)
   ============================================================ */

a.btn.btn-primary {
    font-size: 0 !important;
    color: transparent !important;
    background-color: #ffffff !important;
    border: 2px solid #000000 !important;
    border-radius: 50px !important;
    padding: 12px 30px !important;
    cursor: pointer !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    font-family: 'Montserrat', sans-serif !important;
    text-decoration: none !important;
    min-width: 220px !important;
    text-align: center;
    height: 46px !important;
    box-sizing: border-box !important;
    display: inline-block !important;
    background-image: none !important;
}

a.btn.btn-primary .glyphicon,
a.btn.btn-primary em {
    display: none !important;
}

a.btn.btn-primary::after {
    content: "VISSZA A BOLTBA";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #000000;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    white-space: nowrap;
    pointer-events: none;
}

a.btn.btn-primary:hover {
    background-color: #000000 !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(0,0,0,0.15) !important;
}

a.btn.btn-primary:hover::after {
    color: #ffffff;
}


/* ============================================================
   RECEIPT TOTALS — SZÉLESEBB, ELEGÁNSABB ELRENDEZÉS
   ============================================================ */
.hc-receipt .hc-totals {
    float: none !important;
    width: 100% !important;
    max-width: 800px !important;
    margin: 40px auto !important;
}

.hc-receipt .totaltable {
    width: 100% !important;
    border-radius: 16px !important;
    padding: 40px 50px !important;
    box-shadow: 0 6px 30px rgba(0,0,0,0.07) !important;
    border-top: 4px solid #000 !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
    background: #fafafa !important;
    display: block !important;
}

/* Vertical layout for the totals rows */
.hc-receipt .totaltable tbody {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    background: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Row styling with horizontal separators */
.hc-receipt .totaltable tr {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    border: none !important;
    border-bottom: 1px solid #e8e8e8 !important;
    margin: 0 !important;
    padding: 25px 0 !important;
}

.hc-receipt .totaltable tr:last-child {
    border-bottom: none !important;
    padding-bottom: 0 !important;
}

.hc-receipt .totaltable td {
    padding: 4px 0 !important;
    border: none !important;
    background: transparent !important;
    text-align: center !important;
    width: auto !important;
}

/* Hide original English text */
.hc-receipt .totaltable .totallabel,
.hc-receipt .totaltable .totalgrandlabel {
    font-size: 0 !important;
    color: transparent !important;
    display: block !important;
    margin-bottom: 10px !important;
}

/* Inject Hungarian Text using CSS */
.hc-receipt .totaltable tr:has(.totalsub) .totallabel::before {
    content: "RÉSZÖSSZEG:";
    font-size: 16px !important;
    color: #111 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
}

.hc-receipt .totaltable tr:has(.totalshipping) .totallabel::before {
    content: "SZÁLLÍTÁS:";
    font-size: 16px !important;
    color: #111 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
}

.hc-receipt .totaltable .totalgrandlabel::before {
    content: "VÉGÖSSZEG:";
    font-size: 16px !important;
    color: #111 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
}

/* Hide extra tax/empty rows */
.hc-receipt .totaltable tr:has(.totaltax),
.hc-receipt .totaltable tr:has(td[colspan="2"]) {
    display: none !important;
}

/* Values Styling */
.hc-receipt .totaltable .totalsub,
.hc-receipt .totaltable .totalshipping {
    font-size: 26px !important;
    font-weight: 700 !important;
    color: #000 !important;
    text-align: center !important;
}

.hc-receipt .totaltable .totalgrand {
    font-size: 40px !important;
    font-weight: 700 !important;
    color: #8b2318 !important;
    text-align: center !important;
    padding-top: 5px !important;
}

@media (max-width: 768px) {
    .hc-receipt .totaltable {
        padding: 25px 20px !important;
    }
    .hc-receipt .totaltable tr {
        padding: 20px 0 !important;
    }
}


/* 1. Translate "Order Summary" */
.hc-order-details h2:nth-of-type(2) {
    font-size: 0 !important;
    color: transparent !important;
    margin-bottom: 20px !important;
}

.hc-order-details h2:nth-of-type(2)::before {
    content: "Rendelés összesítő" !important;
    font-size: 10px !important;
    color: #333 !important;
    display: block !important;
}

/* 2. Translate "Order: 30" */
.hc-order-details h2:first-of-type {
    font-size: 0 !important;
    color: transparent !important;
    margin-bottom: 20px !important;
}

.hc-order-details h2:first-of-type::before {
    content: "Rendelés: 30" !important;
    font-size: 30px !important;
    color: #333 !important;
    display: block !important;
}


/* ============================================================
   LÁBLÉCBEN: "Terms Of Use" és "Privacy Statement" MAGYARÍTÁSA
   ============================================================ */

#dnn_dnnTerms_hypTerms {
    font-size: 0 !important;
    color: transparent !important;
    text-decoration: none !important;
}

#dnn_dnnTerms_hypTerms::before {
    content: "Felhasználási feltételek" !important;
    font-size: 14px !important;
    color: #e1e1e1 !important;
    visibility: visible !important;
}

#dnn_dnnPrivacy_hypPrivacy {
    font-size: 0 !important;
    color: transparent !important;
    text-decoration: none !important;
}

#dnn_dnnPrivacy_hypPrivacy::before {
    content: "Adatvédelmi nyilatkozat" !important;
    font-size: 14px !important;
    color: #e1e1e1 !important;
    visibility: visible !important;
}

#dnn_dnnTerms_hypTerms:hover::before,
#dnn_dnnPrivacy_hypPrivacy:hover::before {
    text-decoration: underline !important;
    color: #000 !important;
}


/* ============================================================
   PÉNZTÁR / BEJELENTKEZÉS SZEKCIÓ — MAGYARÍTÁSOK
   ============================================================ */

/* "Login" főcím -> "Bejelentkezés" */
.hc-login-section h3 {
    font-size: 0 !important;
}
.hc-login-section h3::before {
    content: "Bejelentkezés";
    font-size: 18px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: block;
    padding-bottom: 10px;
    border-bottom: 2px solid #000;
    margin: 40px 0 25px 0;
    color: #000;
}

/* Radio gombok: "New Account" -> "Új fiók", "Login" -> "Bejelentkezés", "Guest Checkout" -> "Vendégként" */
label[for="loginChoose0"] {
    font-size: 0 !important;
    position: relative;
}
label[for="loginChoose0"] input[type="radio"] {
    font-size: 14px !important;
}
label[for="loginChoose0"]::after {
    content: "Új fiók";
    font-size: 13px !important;
    font-family: 'Montserrat', sans-serif !important;
    color: #000;
    margin-left: 5px;
}

label[for="loginChoose1"] {
    font-size: 0 !important;
    position: relative;
}
label[for="loginChoose1"] input[type="radio"] {
    font-size: 14px !important;
}
label[for="loginChoose1"]::after {
    content: "Bejelentkezés";
    font-size: 13px !important;
    font-family: 'Montserrat', sans-serif !important;
    color: #000;
    margin-left: 5px;
}

label[for="loginChoose2"] {
    font-size: 0 !important;
    position: relative;
}
label[for="loginChoose2"] input[type="radio"] {
    font-size: 14px !important;
}
label[for="loginChoose2"]::after {
    content: "Vendégként";
    font-size: 13px !important;
    font-family: 'Montserrat', sans-serif !important;
    color: #000;
    margin-left: 5px;
}

/* "New Account" form mezők: E-Mail, Username, Password, Confirm Password */
label[for="regemail"] { font-size: 0 !important; }
label[for="regemail"]::before { content: "E-mail:"; font-size: 11px !important; font-family: 'Montserrat', sans-serif !important; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; color: #666; }

label[for="regusername"] { font-size: 0 !important; }
label[for="regusername"]::before { content: "Felhasználónév:"; font-size: 11px !important; font-family: 'Montserrat', sans-serif !important; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; color: #666; }

label[for="regpassword"] { font-size: 0 !important; }
label[for="regpassword"]::before { content: "Jelszó:"; font-size: 11px !important; font-family: 'Montserrat', sans-serif !important; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; color: #666; }

label[for="regconfirmpassword"] { font-size: 0 !important; }
label[for="regconfirmpassword"]::before { content: "Jelszó megerősítése:"; font-size: 11px !important; font-family: 'Montserrat', sans-serif !important; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; color: #666; }

/* "Login" form mezők: Username, Password */
label[for="username"] { font-size: 0 !important; }
label[for="username"]::before { content: "Felhasználónév:"; font-size: 11px !important; font-family: 'Montserrat', sans-serif !important; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; color: #666; }

label[for="password"] { font-size: 0 !important; }
label[for="password"]::before { content: "Jelszó:"; font-size: 11px !important; font-family: 'Montserrat', sans-serif !important; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; color: #666; }

/* "Guest Checkout" form mező: E-Mail Address */
label[for="customeremail"] { font-size: 0 !important; }
label[for="customeremail"]::before { content: "E-mail cím:"; font-size: 11px !important; font-family: 'Montserrat', sans-serif !important; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; color: #666; }




/* "Enter a shipping address first" figyelmeztető szöveg -> "Először adj meg szállítási címet!" */
#hcShippingNotValid {
    font-size: 0 !important;
    color: transparent !important;
    position: relative !important;
}
#hcShippingNotValid::before {
    content: "Először adj meg szállítási címet!";
    font-size: 14px !important;
    font-family: 'Montserrat', sans-serif !important;
    color: #8a6d3b !important;
    display: block !important;
}


.dnnFormMessage .hc-freeitem-message {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}



/* Az accordion tartalom alaphelyzete */
.accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-out; /* Ez felel az elegáns animációért */
    background-color: transparent;
}

/* Aktív állapotnál a JS állítja a pontos pixel értéket, de itt adjuk meg a gördülékenységet */
.accordion-item.active .accordion-content {
    transition: max-height 0.5s ease-in;
}

/* Süti banner alap stílus az animált eltűnéshez */
#custom-cookie-banner {
    transition: opacity 0.5s ease;
    /* Ide jöhet a többi korábbi banner stílusod (pozíció, színek) */
}
/* ============================================================
   TERMEK ERTEKELES - CSILLAGOK
   ============================================================ */

.hc-rating-wrapper {
    display: inline-flex !important;
    align-items: center !important;
    vertical-align: middle !important;
}

.hc-rating-wrapper .hc-rating {
    position: relative !important;
    display: inline-block !important;
    width: 122px !important;
    height: 24px !important;
    line-height: 24px !important;
    background: none !important;
    background-image: none !important;
    overflow: hidden !important;
    font-size: 0 !important;
}

.hc-rating-wrapper .hc-rating::before {
    content: "\2605\2605\2605\2605\2605" !important;
    display: block !important;
    font-family: Arial, sans-serif !important;
    font-size: 20px !important;
    line-height: 24px !important;
    letter-spacing: 2px !important;
    color: #dddddd !important;
}

.hc-rating-wrapper .hc-rating::after {
    content: "\2605\2605\2605\2605\2605" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: var(--star-fill, 0%) !important;
    height: 24px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    font-family: Arial, sans-serif !important;
    font-size: 20px !important;
    line-height: 24px !important;
    letter-spacing: 2px !important;
    color: #d6a300 !important;
}

.hc-rating-wrapper .hc-stars0 { --star-fill: 0%; }
.hc-rating-wrapper .hc-stars1 { --star-fill: 20%; }
.hc-rating-wrapper .hc-stars2 { --star-fill: 40%; }
.hc-rating-wrapper .hc-stars3 { --star-fill: 60%; }
.hc-rating-wrapper .hc-stars4 { --star-fill: 80%; }
.hc-rating-wrapper .hc-stars5 { --star-fill: 100%; }

.hc-product-details .content-inline {
    display: inline-block !important;
    vertical-align: middle !important;
    margin-left: 8px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    color: #777777 !important;
}

.hc-product-details .content-inline a {
    color: #333333 !important;
    text-decoration: none !important;
    font-weight: 500 !important;
}

.hc-product-details .content-inline a:hover {
    color: #8b2318 !important;
    text-decoration: underline !important;
}


span#dnn_dnnCopyright_lblCopyright.SkinObject {
    color: #fff !important;
}




.hc-search-results .alert-info {
    color: transparent !important;
    position: relative !important;
    min-height: 50px; /* Hely biztosítása az új szövegnek */
    text-align: center;
}


.hc-search-results .alert-info::before {
    content: "Sajnos nem találtunk a keresésnek megfelelő terméket. Kérjük, próbálkozzon egy másik kifejezéssel!";
    color: #1b282e !important; /* Az eredeti kék szövegszín */
    font-size: 16px !important;
    font-family: 'Montserrat', sans-serif;
    visibility: visible !important;
    
    /* Középre igazítás a kék boxon belül */
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    padding: 0 15px;
}

/* Eltünteti a h6-os feliratot a keresési eredmények fejlécében */
.hc-search-results .text-right.margin-bottom-md h6 {
    display: none !important;
}

/* Opcionális: Ha a h6-ot tartalmazó teljes sávot (üres sor) is el akarod tüntetni */
.hc-search-results .row:has(h6) {
    display: none !important;
}






/* 1. Felszabadítjuk a gombokat tartó konténert az eltolások alól */
.hc-cart-actions {
    float: right !important; /* Kényszerítjük jobbra az egész blokkot */
    padding-right: 0 !important;
    margin-right: 0 !important;
    width: auto !important; /* Ne foglalja el a fél oldalt, ha nem kell */
    text-align: right !important;
}

/* 2. A lista (UL) minden alapértelmezett formázásának törlése */
#siteWrapper ul.dnnActions, 
.hc-cart-actions ul.dnnActions {
    display: block !important; /* Megszüntetjük a lista-jellegű viselkedést */
    margin: 20px 0 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
    text-indent: 0 !important;
}

/* 3. A listaelemek egymás mellé kényszerítése és szélső margó törlése */
ul.dnnActions li {
    display: inline-block !important;
    margin: 0 0 0 15px !important; /* Csak a két gomb közé teszünk közt */
    padding: 0 !important;
    float: none !important;
    vertical-align: middle;
}

/* 4. A gombokon belüli extra eltolások (ha lennének) törlése */
.hc-action-keepshopping a, 
input[value="Secure Checkout"] {
    margin: 0 !important;
}

/* 5. A Secure Checkout form konténerének javítása */
.hc-action-checkout div[data-type="form"] {
    display: inline !important; /* Megszünteti a block típusú törést */
    float: none !important;
}

/* Speciális fix: Ha a táblázat alatt egy HR vonal van, az néha eltolja az elemeket */
.hc-cart hr {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
}

/* A gombok közös alapbeállításai */
.hc-cart-actions .dnnActions li a.btn, 
.hc-cart-actions .dnnActions li input[type="submit"].btn {
    border-radius: 50px; /* Teljes lekerekítés (kapszula alak) */
    padding: 10px 25px;
    font-weight: bold;
    text-transform: uppercase;
    transition: all 0.3s ease;
    border: 2px solid #000000;
    display: inline-block;
    outline: none;
}


/* BIZTONSÁGOS FIZETÉS (Jobb oldali gomb) */
.hc-action-checkout .btn-primary {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-color: #000000 !important;
}

.hc-action-checkout .btn-primary:hover {
    background-color: #333333 !important;
    border-color: #333333 !important;
}

/* Ikon eltávolítása vagy igazítása, ha szükséges */
.hc-action-keepshopping .glyphicon {
    margin-right: 8px;
}

/* Lista elemek igazítása, hogy egymás mellett maradjanak */
.hc-cart-actions ul.dnnActions {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.hc-cart-actions ul.dnnActions li {
    display: inline-block;
}






/* A mennyiség cellán belüli elrendezés balra igazítása */
.hc-cart .table td .form-inline {
    display: flex !important;
    flex-direction: column !important; /* Egymás alá rakja a mezőt és a gombot */
    align-items: flex-start !important; /* Balra igazítja őket a cellán belül */
    justify-content: flex-start !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 10px; /* Távolság az input és a gomb között */
}

/* Biztosítjuk, hogy a gomb ne ússzon el */
.hc-cart .table td .form-inline div[data-type="form"],
.hc-cart .table td .form-inline .form-group {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: auto !important;
}

/* Az input mező alatti margó finomítása, ha szükséges */
.hc-cart .table td .form-inline input[name="lineitemquantity"] {
    margin-left: 0 !important;
    margin-bottom: 5px !important;
}

/* A Frissítés gomb balra igazítása */
.hc-cart .table td .form-inline input[type="submit"] {
    margin-left: 0 !important;
}

/* Függőleges középre igazítás a részösszeg feliratnak és az árnak */
.hc-totals-section table tr.hc-subtotal th,
.hc-totals-section table tr.hc-subtotal td {
    vertical-align: middle !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: 60px; /* Vagy amilyen magasra szeretnéd a dobozt */
}

.footer-section ul, 
.footer-section ul li, 
#dnn_ctr457_ModuleContent ul, 
#dnn_ctr457_ModuleContent li {
    list-style: none !important;
    list-style-type: none !important;
    background-image: none !important; /* Néha a pont egy kis kép */
    padding-left: 0 !important;
    margin-left: 0 !important;
    text-indent: 0 !important;
}

/* Eltüntetjük, ha véletlenül after/before elemként lenne ott a pont */
.footer-section ul li::before, 
.footer-section ul li::after {
    content: none !important;
    display: none !important;
}

/* Linkek színének és aláhúzásának javítása */
.footer-section ul li a, 
#dnn_ctr457_ModuleContent a {
    color: #ffffff !important;
    text-decoration: none !important;
    display: inline-block;
}

/* Igazítás balra */
.footer-section, 
.footer-section h4, 
.footer-section ul {
    text-align: left !important;
}

.hc-receipt .totaltable tr {
    display: none !important;
}

/* Csak a legutolsó sor (Végösszeg) megjelenítése */
.hc-receipt .totaltable tr:last-child {
    display: table-row !important;
}

/* Opcionális: A felesleges üres cellák vagy elválasztók elrejtése, 
   ha a last-child nem lenne elég pontos */
.hc-receipt .totaltable td.totallabel:not(.totalgrandlabel) {
    display: none !important;
}

/* Biztosítjuk, hogy a végösszeg sorában a szöveg és az ár is látszódjon */
.hc-receipt .totalgrandlabel, 
.hc-receipt .totalgrand {
    display: table-cell !important;
    padding: 15px 0 !important; /* Adunk neki egy kis teret */
}a[name="reviews"] + .row-fluid {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
}

/* Értékelések címe */
a[name="reviews"] + .row-fluid h3:first-of-type {
    margin-top: 40px !important;
    margin-bottom: 15px !important;
}

/* Sárga figyelmeztető doboz */
a[name="reviews"] + .row-fluid .alert-warning {
    max-width: 600px !important;
    margin-bottom: 20px !important;
    padding: 15px 20px !important;
}

/* Vélemény írása gomb tárolója */
a[name="reviews"] + .row-fluid .text-right {
    text-align: center !important;
    float: none !important;
    margin-bottom: 60px !important; /* Nagyobb hely a gomb alatt */
}

/* KAPCSOLÓDÓ TERMÉKEK CÍM - Elkülönítve legalul */
.hc-product h3:last-of-type {
    font-size: 22px !important;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #000;
    width: 100% !important;
    text-align: center !important; /* Középre rendezés */
    margin-top: 80px !important;   /* Extra távolság az értékelésektől */
    padding-top: 40px !important;  /* Belső távolság */
    border-top: 1px solid #eee !important; /* Egy halvány elválasztó vonal felette */
    border-bottom: none !important;
    display: block !important;
    clear: both !important;
}

/* Biztosítjuk, hogy a gomb ikon nélkül, középen legyen */
#hcWriteReviewbtn {
    display: inline-flex !important;
    margin: 0 auto !important;
}



.row-fluid {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 20px !important; /* Távolság a kártyák között */
    padding: 20px 0 !important;
}

/* Egyedi termékkártya (oszlop) beállítása */
.row-fluid .col-md-3, 
.row-fluid .col-xs-6 {
    flex: 0 0 calc(25% - 20px) !important; /* 4 oszlopos nézet */
    max-width: calc(25% - 20px) !important;
    margin-bottom: 30px !important;
    padding: 0 !important;
}

/* A kártya (panel) belső elrendezése */
.row-fluid .panel.panel-default {
    background-color: #ffffff !important;
    border: 1px solid #f0f0f0 !important; /* Finom keret */
    border-radius: 15px !important; /* Lekerekített sarkok */
    padding: 20px !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important; /* Egymás alá kényszerítés */
    justify-content: flex-start !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important; /* Enyhe árnyék a mélységért */
}

/* Hover effekt: emelje ki, ha az egér felette van */
.row-fluid .panel.panel-default:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1) !important;
    border-color: #e0e0e0 !important;
}

/* 1. KÉP (Body) */
.row-fluid .panel-body {
    order: 1 !important; /* Legfelül a kép */
    padding: 0 !important;
    margin-bottom: 15px !important;
    min-height: 180px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.row-fluid .panel-body img {
    max-width: 100% !important;
    height: auto !important;
    max-height: 160px !important;
    object-fit: contain !important;
}

/* 2. ÁR (Footer felső része) */
.row-fluid .panel-footer {
    order: 2 !important; /* A kép után az ár jön */
    background: transparent !important;
    border: none !important;
    padding: 10px 0 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #000 !important;
    text-align: center !important;
}

/* 3. GOMB (Footer alsó része / Megveszem) */
.row-fluid .add-to-cart-product {
    order: 3 !important; /* Az ár alatt a gomb */
    width: 100% !important;
    margin: 10px 0 !important;
    display: flex !important;
}

/* 4. TERMÉKNÉV (Heading) */
.row-fluid .panel-heading {
    order: 4 !important; /* Legalul a név, hogy ne tolja el a gombokat */
    background: transparent !important;
    border: none !important;
    padding: 10px 0 0 0 !important;
    min-height: 50px !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
}

.row-fluid .panel-heading h2 {
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    text-align: center !important;
}

.row-fluid .panel-heading h2 a {
    color: #444 !important; /* Kicsit lágyabb fekete a névnek */
    font-weight: 500 !important;
    text-transform: none !important; /* Olvashatóbb kisbetűvel */
    letter-spacing: 0 !important;
    text-decoration: none !important;
}

/* Mobil nézet korrekció (2 oszlop) */
@media (max-width: 768px) {
    .row-fluid .col-xs-6 {
        flex: 0 0 calc(50% - 15px) !important;
        max-width: calc(50% - 15px) !important;
    }
    
    .row-fluid .panel.panel-default {
        padding: 15px !important;
    }

    .row-fluid .panel-body {
        min-height: 140px !important;
    }
}

.row-fluid .panel.panel-default:not(:has(.add-to-cart-product)) {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin-bottom: 40px !important;
    transform: none !important;
}

.row-fluid .panel.panel-default:not(:has(.add-to-cart-product)):hover {
    transform: none !important;
    box-shadow: none !important;
}

/* Kategória kép visszaállítása */
.row-fluid .panel.panel-default:not(:has(.add-to-cart-product)) .panel-body {
    order: 1 !important;
    margin-bottom: 10px !important;
    min-height: auto !important;
}

.row-fluid .panel.panel-default:not(:has(.add-to-cart-product)) .panel-body img {
    width: 180px !important;
    height: 180px !important;
    object-fit: contain !important;
    transition: transform 0.3s ease;
}

.row-fluid .panel.panel-default:not(:has(.add-to-cart-product)) .panel-body img:hover {
    transform: scale(1.1) !important; /* Egy kis mozgás maradhat a képnek */
}

/* Kategória név visszaállítása */
.row-fluid .panel.panel-default:not(:has(.add-to-cart-product)) .panel-footer {
    order: 2 !important;
    background: transparent !important;
    padding: 5px 0 !important;
    text-align: center !important;
}

.row-fluid .panel.panel-default:not(:has(.add-to-cart-product)) .panel-footer a {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #000 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-decoration: none !important;
}
.filter-title-container {
    width: 100%;
    text-align: center;
    padding-top: 40px !important;    /* 100px-ről 40px-re csökkentve */
    padding-bottom: 0px !important;  /* Alsó padding nullázva */
    display: block !important;
    background-color: #ffffff;
}

/* 2. A keresősáv körüli margók finomítása */
.hc-search-input .form-inline {
    padding-top: 10px !important;    /* Minimális felső térköz */
    padding-bottom: 10px !important; /* Minimális alsó térköz */
    margin-bottom: 10px !important;  /* 30px-ről 10px-re csökkentve */
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

/* 3. A kategória menü (ikonok feletti rész) igazítása */
.hc-categorymenu {
    margin-top: 0px !important;
    padding-top: 0px !important;
    margin-bottom: 20px !important;
}

/* 4. Store Admin figyelmeztetés (ha látszik) eltünteti a felesleges helyet */
.hc-catalog-admin {
    margin-bottom: 0px !important;
}

/* 5. Breadcrumb elrejtése vagy távolságának minimalizálása */
.breadcrumb {
    margin-bottom: 5px !important;
    padding: 0 !important;
}


/* ============================================================
   TERMEK ERTEKELES - BIZTOS CSILLAG OVERRIDE
   ============================================================ */

.hc-product-details .hc-rating-wrapper {
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    height: 26px !important;
    vertical-align: middle !important;
}

.hc-product-details .hc-rating-wrapper .hc-rating,
.hc-product .hc-rating-wrapper .hc-rating {
    position: relative !important;
    display: inline-block !important;
    width: 132px !important;
    height: 26px !important;
    line-height: 26px !important;
    overflow: visible !important;
    background: none !important;
    background-color: transparent !important;
    background-image: none !important;
    font-size: 0 !important;
    text-indent: 0 !important;
    color: #d6a300 !important;
    -webkit-text-fill-color: #d6a300 !important;
}

.hc-product-details .hc-rating-wrapper .hc-rating::before,
.hc-product .hc-rating-wrapper .hc-rating::before {
    display: block !important;
    width: auto !important;
    height: 26px !important;
    line-height: 26px !important;
    overflow: visible !important;
    background: none !important;
    background-color: transparent !important;
    background-image: none !important;
    font-family: Arial, sans-serif !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    letter-spacing: 2px !important;
    color: #d6a300 !important;
    -webkit-text-fill-color: #d6a300 !important;
}

.hc-product-details .hc-rating-wrapper .hc-rating::after,
.hc-product .hc-rating-wrapper .hc-rating::after {
    content: none !important;
    display: none !important;
    background: none !important;
    background-image: none !important;
}

.hc-product-details .hc-rating-wrapper .hc-rating::before,
.hc-product .hc-rating-wrapper .hc-rating::before,
.hc-product-details .hc-rating-wrapper .hc-rating.hc-stars0::before,
.hc-product .hc-rating-wrapper .hc-rating.hc-stars0::before {
    content: "\2606\2606\2606\2606\2606" !important;
}

.hc-product-details .hc-rating-wrapper .hc-rating.hc-stars1::before,
.hc-product .hc-rating-wrapper .hc-rating.hc-stars1::before {
    content: "\2605\2606\2606\2606\2606" !important;
}

.hc-product-details .hc-rating-wrapper .hc-rating.hc-stars2::before,
.hc-product .hc-rating-wrapper .hc-rating.hc-stars2::before {
    content: "\2605\2605\2606\2606\2606" !important;
}

.hc-product-details .hc-rating-wrapper .hc-rating.hc-stars3::before,
.hc-product .hc-rating-wrapper .hc-rating.hc-stars3::before {
    content: "\2605\2605\2605\2606\2606" !important;
}

.hc-product-details .hc-rating-wrapper .hc-rating.hc-stars4::before,
.hc-product .hc-rating-wrapper .hc-rating.hc-stars4::before {
    content: "\2605\2605\2605\2605\2606" !important;
}

.hc-product-details .hc-rating-wrapper .hc-rating.hc-stars5::before,
.hc-product .hc-rating-wrapper .hc-rating.hc-stars5::before {
    content: "\2605\2605\2605\2605\2605" !important;
}

.hc-product-details .content-inline {
    margin-left: 6px !important;
    color: #666666 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    vertical-align: middle !important;
}



.dnnRegistrationForm,
.dnnLogin .registerContent {
  max-width: 680px !important;
  margin: 60px auto !important;
  padding: 42px 52px !important;
  background: #f5f5f5 !important;
  font-family: 'Montserrat', Arial, sans-serif !important;
  box-sizing: border-box !important;
}

.dnnRegistrationForm::before,
.dnnLogin .registerContent h2::before {
  content: "REGISZTRÁCIÓ";
  display: block;
  margin: 0 0 28px 0;
  color: #000;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-align: center;
  text-transform: uppercase;
}

.dnnLogin .registerContent h2 {
  font-size: 0 !important;
  margin: 0 !important;
}

.dnnRegistrationForm .dnnFormMessage,
.dnnLogin .registerContent .dnnFormMessage {
  position: static !important;
  right: auto !important;
  left: auto !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 6px 0 0 0 !important;
  color: #cc0000 !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  text-align: left !important;
}

.dnnRegistrationForm .dnnFormItem,
.dnnLogin .registerContent .dnnFormItem {
  display: block !important;
  margin: 0 0 22px 0 !important;
  width: 100% !important;
}

.dnnRegistrationForm .dnnLabel,
.dnnRegistrationForm label,
.dnnRegistrationForm span.dnnFormLabel,
.dnnLogin .registerContent .dnnLabel,
.dnnLogin .registerContent label,
.dnnLogin .registerContent span.dnnFormLabel {
  display: block !important;
  width: 100% !important;
  margin: 0 0 10px 0 !important;
  color: #000 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-align: left !important;
  text-transform: uppercase !important;
}

.dnnRegistrationForm input[type="text"],
.dnnRegistrationForm input[type="email"],
.dnnRegistrationForm input[type="password"],
.dnnLogin .registerContent input[type="text"],
.dnnLogin .registerContent input[type="email"],
.dnnLogin .registerContent input[type="password"] {
  width: 100% !important;
  min-width: 0 !important;
  height: 52px !important;
  padding: 12px 14px !important;
  background: #fff !important;
  border: 1px solid #bbb !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #000 !important;
  font-size: 15px !important;
  box-sizing: border-box !important;
}

.dnnRegistrationForm input:focus,
.dnnLogin .registerContent input:focus {
  border-color: #000 !important;
  outline: none !important;
}

.dnnRegistrationForm .dnnActions,
.dnnLogin .registerContent .dnnActions {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  margin: 34px 0 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.dnnRegistrationForm .dnnPrimaryAction,
.dnnLogin .registerContent [id$="cmdCreateUser"] {
  width: 100% !important;
  height: 56px !important;
  line-height: 56px !important;
  background: #000 !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: transparent !important;
  font-size: 0 !important;
  text-align: center !important;
}

.dnnRegistrationForm .dnnPrimaryAction::before,
.dnnLogin .registerContent [id$="cmdCreateUser"]::before {
  content: "REGISZTRÁCIÓ" !important;
  color: #fff !important;
  display: block !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.22em !important;
}

.dnnRegistrationForm .dnnSecondaryAction::before {
  content: "MÉGSEM" !important;
}




/* ============================================================
   NATURACO FINAL FIXES - LOGIN, REGISTRATION, PRODUCT PAGE
   Keep this block at the very end of portal.css
   ============================================================ */

/* Login page: center the login form on the page */
.DnnModule-Authentication,
.DnnModule-Authentication .dnnLogin,
.DnnModule-Login,
.DnnModule-Login .dnnLogin,
.dnnLoginService.dnnLogin,
.dnnLogin {
    max-width: 680px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.DnnModule-Authentication,
.DnnModule-Login {
    display: block !important;
    width: 100% !important;
}

/* Registration page: final button and layout cleanup */
.dnnRegistrationForm {
    max-width: 760px !important;
    margin: 60px auto !important;
    padding: 42px 62px !important;
    background: #f5f5f5 !important;
    font-family: 'Montserrat', Arial, sans-serif !important;
    box-sizing: border-box !important;
}

.dnnRegistrationForm::before {
    content: "REGISZTR\00C1 CI\00D3" !important;
    display: block !important;
    margin: 0 0 30px 0 !important;
    color: #000000 !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    letter-spacing: 0.22em !important;
    text-align: center !important;
    text-transform: uppercase !important;
}

.dnnRegistrationForm .dnnFormItem {
    display: block !important;
    width: 100% !important;
    margin: 0 0 22px 0 !important;
}

.dnnRegistrationForm .dnnLabel,
.dnnRegistrationForm label,
.dnnRegistrationForm span.dnnFormLabel {
    display: block !important;
    width: 100% !important;
    margin: 0 0 10px 0 !important;
    color: #000000 !important;
    font-family: 'Montserrat', Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-align: left !important;
    text-transform: uppercase !important;
}

.dnnRegistrationForm input[type="text"],
.dnnRegistrationForm input[type="email"],
.dnnRegistrationForm input[type="password"] {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 52px !important;
    padding: 12px 14px !important;
    background: #ffffff !important;
    border: 1px solid #bbbbbb !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #000000 !important;
    font-size: 15px !important;
    box-sizing: border-box !important;
}

.dnnRegistrationForm input:focus {
    border-color: #000000 !important;
    outline: none !important;
}

.dnnRegistrationForm .dnnFormMessage {
    position: static !important;
    right: auto !important;
    left: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 6px 0 0 0 !important;
    color: #cc0000 !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    text-align: left !important;
}

.dnnRegistrationForm .dnnActions {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 34px 0 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.dnnRegistrationForm .dnnActions li {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.dnnRegistrationForm .dnnPrimaryAction,
.dnnRegistrationForm .dnnSecondaryAction {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 56px !important;
    line-height: 56px !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-align: center !important;
    text-decoration: none !important;
    text-indent: 0 !important;
    font-family: 'Montserrat', Arial, sans-serif !important;
    font-size: 0 !important;
    font-weight: 700 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    overflow: hidden !important;
}

.dnnRegistrationForm .dnnPrimaryAction {
    background: #000000 !important;
    border: 1px solid #000000 !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
}

.dnnRegistrationForm .dnnPrimaryAction::before {
    content: "REGISZTR\00C1 CI\00D3" !important;
    display: block !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.22em !important;
    line-height: 56px !important;
}

.dnnRegistrationForm .dnnSecondaryAction {
    background: #f5f5f5 !important;
    border: 1px solid #000000 !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
}

.dnnRegistrationForm .dnnSecondaryAction::before {
    content: "M\00C9 GSEM" !important;
    display: block !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.18em !important;
    line-height: 56px !important;
}

.dnnRegistrationForm .dnnPrimaryAction:hover {
    background: #222222 !important;
    border-color: #222222 !important;
}

.dnnRegistrationForm .dnnSecondaryAction:hover {
    background: #e8e8e8 !important;
}

/* Product detail page: force image + details side by side on desktop */
@media (min-width: 768px) {
    .hc-product .hc-product-layout,
    .hc-product .row.shop.hc-product-layout {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: flex-start !important;
        justify-content: center !important;
        gap: 44px !important;
        width: 100% !important;
        max-width: 1160px !important;
        margin: 0 auto 48px auto !important;
        padding: 0 !important;
    }

    .hc-product .hc-product-layout > .hc-product-media-col,
    .hc-product .hc-product-layout > .hc-product-info-col {
        display: block !important;
        float: none !important;
        flex: 0 0 calc(50% - 22px) !important;
        max-width: calc(50% - 22px) !important;
        width: calc(50% - 22px) !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        box-sizing: border-box !important;
    }

    .hc-product .hc-product-layout > .hc-product-media-col {
        text-align: center !important;
    }

    .hc-product .hc-product-layout > .hc-product-info-col {
        text-align: left !important;
    }

    .hc-product .hc-product-layout .hc-product-image img {
        max-width: 100% !important;
        height: auto !important;
    }

    .hc-product .hc-product-layout .hc-product-details {
        max-width: 520px !important;
        margin: 0 !important;
        padding-top: 0 !important;
    }
}

@media (max-width: 767px) {
    .hc-product .hc-product-layout,
    .hc-product .row.shop.hc-product-layout {
        display: flex !important;
        flex-direction: column !important;
        gap: 28px !important;
    }

    .hc-product .hc-product-layout > .hc-product-media-col,
    .hc-product .hc-product-layout > .hc-product-info-col {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    .dnnRegistrationForm {
        max-width: calc(100% - 32px) !important;
        margin: 32px auto !important;
        padding: 30px 24px !important;
    }
}


/* ============================================================
   TERMEKOLDAL LAYOUT - CSS ONLY OVERRIDE
   This version does not require cshtml changes
   ============================================================ */

@media (min-width: 768px) {
    #siteWrapper .hc-product > .container > .row.shop {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
        column-gap: 44px !important;
        align-items: start !important;
        justify-content: center !important;
        width: 100% !important;
        max-width: 1160px !important;
        margin: 0 auto 48px auto !important;
        padding: 0 !important;
    }

    #siteWrapper .hc-product > .container > .row.shop > .col-md-6 {
        display: block !important;
        float: none !important;
        width: auto !important;
        max-width: none !important;
        flex: none !important;
        margin: 0 !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        box-sizing: border-box !important;
    }

    #siteWrapper .hc-product > .container > .row.shop > .col-md-6:first-child {
        text-align: center !important;
    }

    #siteWrapper .hc-product > .container > .row.shop > .col-md-6:last-child {
        text-align: left !important;
    }

    #siteWrapper .hc-product > .container > .row.shop .hc-product-image img {
        display: inline-block !important;
        max-width: 100% !important;
        height: auto !important;
    }

    #siteWrapper .hc-product > .container > .row.shop .hc-product-details {
        max-width: 520px !important;
        margin: 0 !important;
        padding-top: 0 !important;
    }
}
.search-toggle-icon {
  display: none;
}
#dnn_dnnSearch_txtSearch {
    display: none !important;
}
#dnn_dnnSearch_ClassicSearch {
    display: none !important;
}
div.search.hidden-xs {
    display: none !important;
}
#login {
    padding-right: 0 !important;
}
.terms-priv {
    display: none !important;
}


/* 1. Csak az a row-fluid, ami közvetlenül a kategória menüt vagy keresőt tartalmazza */
div.row-fluid:has(.hc-categorymenu),
div.row-fluid:has(.hc-category),
div.row-fluid:has(.hc-search-input) {
    padding-top: 0 !important;
}

/* 2. A .hc-category osztályú row-fluid felső paddingja 0 */
div.row-fluid.hc-category {
    padding-top: 0 !important;
}

/* 3. A .hc-search-input osztályú row-fluid alsó paddingja 0 */
div.row-fluid.hc-search-input {
    padding-bottom: 0 !important;
}
/* 4. A form#Form és #siteWrapper teljes magasságának biztosítása, hogy a footer mindig alul legyen */
html, body {
    height: 100% !important;
    margin: 0;
}

form#Form, 
#siteWrapper {
    display: flex !important;
    flex-direction: column !important;
    min-height: 100vh !important; /* A kijelző 100%-a */
}

#siteWrapper > .container,
main[role="main"] {
    flex: 1 0 auto !important;
}

footer[role="contentinfo"] {
    flex-shrink: 0 !important;
    margin-top: auto !important; 
}*/
x/* 1. A felső lábléc sáv és az összes belső Bootstrap elemének teljes nullázása */
.footer-above,
.footer-above .container,
.footer-above .row,
.footer-above .footer-col {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    min-height: 0 !important;
    height: 0 !important;
    line-height: 0 !important;
}

/* 2. Biztonsági mentés: magának a teljes footernek a felső hézagmentesítése */
footer, 
footer[role="contentinfo"] {
    padding-top: 0 !important;
    margin-top: auto !important; /* Ez tartja az alján a flexbox miatt */
}

/* 3. Az alsó (sötétszürke) lábléc tetejének nullázása, hogy azonnal tapadjon */
.footer-below {
    padding-top: 15px !important; /* Csak ennyi kell a copyright szövegnek */
    margin-top: 0 !important;
}

/* 4. A felette lévő fő tartalom (main) alsó margójának/paddingjának nullázása */
main, 
main[role="main"],
#mainContent-inner,
.contentPane {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

main[role="main"] {
    border-bottom: 0 !important;
    border-bottom-width: 0 !important;
    border-bottom-style: none !important;
    box-shadow: none !important; /* Sok sablon árnyékot használ vonal helyett */
    outline: none !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* Ha a vonal valójában a tartalom belső konténerének az alján van */
#mainContent-inner {
    border-bottom: 0 !important;
    box-shadow: none !important;
    padding-bottom: 0 !important;
}

/* A breadcrumb (morzsamenü) néha hagy egy vonalat maga után, ezt is nullázzuk */
#breadcrumb {
    border-bottom: 0 !important;
    box-shadow: none !important;
}

/* 1. A kapcsolódó termékek konténerét vízszintes elrendezésűvé tesszük */
.row-fluid.hc-related-items {
    display: flex !important;
    flex-direction: row !important; /* Kényszerítjük a vízszintes irányt */
    flex-wrap: wrap !important;    /* Mobilról legyen engedélyezve a törés */
    justify-content: center !important; /* Középre rendezzük a kártyákat */
    gap: 20px; /* Távolság a kártyák között */
}

/* 2. Beállítjuk a kártyák szélességét 3-as gridhez (kb. 33%) */
.row-fluid.hc-related-items .col-md-3, 
.row-fluid.hc-related-items .col-xs-6 {
    flex: 0 0 calc(33.33% - 20px) !important; /* 3 kártya egymás mellett */
    max-width: calc(33.33% - 20px) !important;
    float: none !important; /* Kikapcsoljuk a Bootstrap float-ot, mert flexet használunk */
    margin-bottom: 20px;
}


.col-xs-12.text-right {
    margin-bottom: 0 !important;
}

.row-fluid {
    padding-bottom: 0 !important;
}

h3 {
    margin-top: 0 !important;
}
.col-xs-12.text-right {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

#hcWriteReviewbtn {
    margin-bottom: 0 !important;
}

#hcSubmitReviewBtn {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-color: #000000 !important;
}


a[name="reviews"] + .row-fluid h3 {
    font-size: 0 !important;
    /* Vastag feketéről vékony szürkére váltunk */
    border-bottom: 1px solid #d3d3d3 !important; 
    padding-bottom: 15px !important;
    margin-top: 50px !important;
    margin-bottom: 20px !important;
}

a[name="reviews"] + .row-fluid h3::before {
    content: "Értékelések";
    font-size: 18px !important;
    font-family: 'Montserrat', sans-serif !important;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #000;
}
/* Kapcsolódó termékek cím */
.hc-product h3:last-of-type {
    font-size: 0 !important;
    margin-top: 60px !important;
    border-top: none !important; /* Biztosítjuk, hogy felül ne legyen vonal */
    border-bottom: 1px solid #d3d3d3 !important;
    padding-bottom: 15px !important;
    margin-bottom: 20px !important;
    text-align: left !important;
    display: block !important;
}

.hc-product h3:last-of-type::before {
    content: "Kapcsolódó termékek";
    font-size: 18px !important;
    font-family: 'Montserrat', sans-serif !important;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #000;
}

/* 1. Kiütjük a láthatatlan elválasztó elemeket, amik a helyet foglalják */
.hc-product .clearfix {
    margin: 0 !important;
    padding: 0 !important;
}

/* 2. A sorok és oszlopok közti összes alapértelmezett Bootstrap térköz nullázása ebben a szekcióban */
.hc-product .row-fluid, 
.hc-product .row,
.hc-product .col-xs-12 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* 3. A sárga figyelmeztető doboz (alert) kényszerített szűkítése */
.hc-product .alert-warning {
    margin: 0 auto 10px auto !important; /* Csak alul hagyunk 10px-et a gombnak */
    padding: 10px !important;
}

/* 4. A 'Vélemény írása' gomb és a 'Kapcsolódó termékek' közti rés teljes megszüntetése */
#hcWriteReviewbtn {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    display: inline-block !important;
}

/* 5. A Kapcsolódó termékek címének felhúzása */
.hc-product h3:last-of-type {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* CSAK a termék adatlap részre vonatkozó elrendezés javítása */

/* 1. Kényszerítjük a termék fő konténerét a teljes szélességre */
.hcMvcView .hc-product {
    display: block !important;
    width: 100% !important;
    max-width: 1200px !important; /* Vagy 'none' ha tényleg a képernyő széléig akarod */
    margin: 0 auto !important;
    padding: 0 !important;
}

/* 2. Visszaállítjuk a kétoszlopos elrendezést (Kép balra, Adatok jobbra) */
@media (min-width: 992px) {
    /* A kép oszlopa */
    .hc-product .col-md-6:first-child {
        width: 50% !important;
        float: left !important;
        padding-right: 30px !important;
    }

    /* Az adatok oszlopa (Termékrészletek) */
    .hc-product .col-md-6:last-child {
        width: 50% !important;
        float: left !important;
        padding-left: 30px !important;
        text-align: left !important;
    }
}

/* 3. A belső adatokat tartalmazó doboz szélesítése */
.hc-product .hc-product-details {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
}

/* 4. A sorok (rows) tisztítása, hogy ne csússzanak egymásra az elemek */
.hc-product .row-fluid, 
.hc-product .row {
    display: block !important;
    clear: none !important;
}

.hc-product .clearfix {
    clear: both !important;
}

/* 5. A leírás szekció maradjon teljes szélességű a kép/infó páros alatt */
.hc-product h4 + .row-fluid {
    width: 100% !important;
    clear: both !important;
    padding-top: 40px !important;
}

/* 6. Margó nullázása az admin sáv alatt a résmentességhez */
.hc-catalog-admin {
    margin-bottom: 0 !important;
}

/* Szigorúan csak a kapcsolódó termékek konténerére vonatkozó grid */
div.row-fluid.hc-related-items {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    gap: 0 !important; /* A Bootstrap oszlopok paddingját használjuk térköznek */
}

/* Csak a hc-related-items közvetlen gyermekeire (a 3 kártyára) vonatkozó szabály */
div.row-fluid.hc-related-items > div[class*="col-"] {
    flex: 0 0 33.333333% !important; /* Hajszálpontosan a szélesség egyharmada */
    max-width: 33.333333% !important;
    min-width: 33.333333% !important;
    display: block !important;
    float: left !important; /* Kompatibilitás miatt */
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin-bottom: 30px !important;
}

/* Kártyák belső paneljének magassági kiegyenlítése */
div.row-fluid.hc-related-items .panel.panel-default {
    height: 100% !important;
    margin-bottom: 0 !important;
}


/* ÉRTÉKELÉSEK ELRENDEZÉS JAVÍTÁSA */

/* 1. Az értékelések belső konténerénél kikapcsoljuk a flexbox-ot */
a[name="reviews"] ~ .row-fluid,
a[name="reviews"] ~ .row-fluid .col-xs-12,
a[name="reviews"] ~ .row-fluid .row {
    display: block !important; /* Visszaállítjuk a normál block elrendezést */
    width: 100% !important;
    max-width: 100% !important;
}

/* 2. A bal oldali sáv (Csillagok, név, dátum) fix szélessége */
a[name="reviews"] ~ .row-fluid .col-xs-5,
a[name="reviews"] ~ .row-fluid .col-md-3 {
    width: 25% !important; /* Kényszerítjük a negyed szélességet */
    float: left !important;
    display: block !important;
    padding-right: 15px !important;
}

/* 3. A jobb oldali sáv (Maga a szöveges vélemény) fix szélessége */
a[name="reviews"] ~ .row-fluid .col-xs-7,
a[name="reviews"] ~ .row-fluid .col-md-9 {
    width: 75% !important; /* Kényszerítjük a háromnegyed szélességet */
    float: left !important;
    display: block !important;
    text-align: left !important;
}

/* 4. Tisztítás a sorok között, hogy ne csússzanak egymásba a vélemények */
a[name="reviews"] ~ .row-fluid .row::after {
    content: "" !important;
    display: table !important;
    clear: both !important;
}

/* 5. A dátum és a név ne folyjon szét */
.hc-review-user {
    display: block !important;
    width: 100% !important;
    margin-top: 10px;
}


/* EGYSÉGES CSILLAG DESIGN MINDENHOL */

.hc-rating {
    position: relative !important;
    display: inline-block !important;
    width: 132px !important;
    height: 26px !important;
    line-height: 26px !important;
    overflow: visible !important;
    background: none !important;
    background-color: transparent !important;
    background-image: none !important;
    font-size: 0 !important;
    text-indent: 0 !important;
    color: #d6a300 !important;
}

/* Alapértelmezett (üres) csillagok */
.hc-rating::before {
    display: block !important;
    width: auto !important;
    height: 26px !important;
    line-height: 26px !important;
    font-family: Arial, sans-serif !important;
    font-size: 22px !important;
    letter-spacing: 2px !important;
    color: #d6a300 !important;
    content: "\2606\2606\2606\2606\2606" !important; /* 5 üres csillag */
}

/* Kitöltött csillagok felülírása osztályok alapján */
.hc-rating.hc-stars1::before { content: "\2605\2606\2606\2606\2606" !important; }
.hc-rating.hc-stars2::before { content: "\2605\2605\2606\2606\2606" !important; }
.hc-rating.hc-stars3::before { content: "\2605\2605\2605\2606\2606" !important; }
.hc-rating.hc-stars4::before { content: "\2605\2605\2605\2605\2606" !important; }
.hc-rating.hc-stars5::before { content: "\2605\2605\2605\2605\2605" !important; }

/* Letiltjuk a régi after-es megoldást, ha maradt volna valahol */
.hc-rating::after {
    content: none !important;
    display: none !important;
}
/* Szigorúan csak a kosár mennyiségfrissítő gombjaira vonatkozó szabály */

/* 1. A tároló div (form-group) kényszerítése egymás mellé */
td.hidden-xs.hidden-sm .form-inline div[data-action*="updatelineitem"] .form-group {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 3px !important;
    margin: 0 !important;
}

/* 2. Az input mező pontos célzása */
td.hidden-xs.hidden-sm .form-inline div[data-action*="updatelineitem"] input[name="lineitemquantity"] {
    width: 60px !important;
    margin: 0 !important;
    padding: 6px !important;
    height: 34px !important; /* Bootstrap alapmagasság szinkronizálása */
}

/* 3. A Frissítés gomb pontos célzása */
td.hidden-xs.hidden-sm .form-inline div[data-action*="updatelineitem"] input[type="submit"].btn {
    margin: 0 !important;
    padding: 5px 10px !important;
    height: 34px !important;
    line-height: normal !important;
    white-space: nowrap !important;
    width: auto !important;
}
/* Csak a részösszeg értékének (szám) növelése */
.hc-totals-section table tr.hc-subtotal td {
    font-size: 24px !important;    /* Itt állítsd be a kívánt méretet */
    font-weight: 800 !important;   /* Vastagabb betű */
    color: #000 !important;        /* Opcionális: sötétebb szín a hangsúly miatt */
}
/* A gombok tárolója (konténer) */
.dnnActions {
    display: flex !important;      /* Flexbox bekapcsolása */
    flex-direction: row !important; /* Egymás mellett legyenek */
    justify-content: flex-end !important; /* Jobbra igazítja a gombokat (mint a kosárban szokás) */
    align-items: center !important; /* Függőlegesen egy vonalba hozza őket */
    gap: 15px !important;           /* Távolság a gombok között - nem kell margin-nal trükközni */
    list-style: none !important;    /* Listajelek eltüntetése */
    padding: 0 !important;
    margin-top: 20px !important;
}

/* Biztosítjuk, hogy a lista elemei ne csússzanak szét */
.dnnActions li {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* A "Biztonságos fizetés" gomb (submit) stílusának igazítása a másikhoz */
.hc-action-checkout input[type="submit"] {
    height: 46px !important;
    border-radius: 50px !important;
    padding: 0 30px !important;
    font-weight: 700 !important;
    font-family: 'Montserrat', sans-serif !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
}

/* --- KÖZÖS DESIGN ALAPOK --- */
.hc-action-keepshopping a, 
.hc-action-checkout input[type="submit"] {
    /* Forma és méret */
    height: 50px !important;
    padding: 0 35px !important;
    border-radius: 50px !important; /* Teljesen lekerekített kapszula forma */
    
    /* Tipográfia */
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    
    /* Interakció */
    cursor: pointer !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    text-decoration: none !important;
    outline: none !important;
    box-sizing: border-box !important;
}

/* --- VÁSÁRLÁS FOLYTATÁSA (Fehér design) --- */
.hc-action-keepshopping a {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 2px solid #000000 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.hc-action-keepshopping a:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.15) !important;
}

/* --- BIZTONSÁGOS FIZETÉS (Fekete design) --- */
.hc-action-checkout input[type="submit"] {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 2px solid #000000 !important;
}

.hc-action-checkout input[type="submit"]:hover {
    background-color: #333333 !important;
    border-color: #333333 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(0,0,0,0.2) !important;
}

/* Aktív (kattintási) állapot mindkét gombhoz */
.hc-action-keepshopping a:active,
.hc-action-checkout input[type="submit"]:active {
    transform: translateY(0) !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important;
}

/* A pénztár oldal fő konténerének flexszé alakítása */
.hc-checkout > .row-fluid {
    display: flex !important;
    flex-wrap: wrap !important; /* Hogy mobilon továbbra is egymás alá essenek */
}

/* A Rendelés összesítő (eredetileg jobb oldali sáv) kerül előre */
.hc-order-summary {
    order: 1 !important;
}

/* Az Adatmegadás (eredetileg bal oldali sáv) kerül a második helyre */
.hc-checkout .form-horizontal {
    order: 2 !important;
}


/* A Pénztár oldal főcímének margó nullázása */
.hc-checkout h1, 
.hc-checkout h1::before {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Ha a h1-et tartalmazó row-fluid-nak is van alapértelmezett margója */
.hc-checkout .row-fluid:has(h1) {
    margin-bottom: 0 !important;
}

/* Regisztráció és Bejelentkezés linkek egységesítése */
#dnn_dnnUser_enhancedRegisterLink,
#dnn_dnnLogin_enhancedLoginLink {
    color: #ffffff !important;           /* Fehér szövegszín */
    font-family: 'Montserrat', sans-serif !important;
    font-size: 10px !important;          /* Kisebb betűméret */
    font-weight: 500 !important;         /* Közepesen vastag */
    letter-spacing: 1px !important;      /* Finom távolság a betűk között */
    text-decoration: none !important;    /* Aláhúzás eltávolítása */
    transition: opacity 0.3s ease !important;
}

/* Hover állapot (ha ráviszed az egeret, egy kicsit elhalványul) */
#dnn_dnnUser_enhancedRegisterLink:hover,
#dnn_dnnLogin_enhancedLoginLink:hover {
    color: #000000 !important;
    opacity: 0.8 !important;
    text-decoration: none !important;
}

/* Ha a Regisztráció előtt van egy elválasztó vonal vagy ikon, azt így tüntetheted el */
#dnn_dnnUser_enhancedRegisterLink::before {
    display: none !important;
}
/* A felugró ablak fejlécében lévő szöveg (NaturaCo > Főoldal) elrejtése */
.dnnFormPopup .ui-dialog-titlebar .ui-dialog-title {
    display: none !important;
}


/* 1. Konténer fixálása: Megszüntetjük a lebegést */
.hc-cart .hc-cart-actions {
    float: none !important;      /* Töröljük a float-ot */
    display: block !important;
    clear: both !important;      /* Minden korábbi úsztatást lezárunk */
    width: 100% !important;
    margin-top: 40px !important; /* Fix távolság a táblázattól */
    margin-bottom: 60px !important; /* Ez a lényeg: nem engedi közel a footert */
    padding: 0 15px !important;
    text-align: right !important; /* Jobbra rendezi a benne lévő gombokat */
}

/* 2. Gombok elrendezése modern Flexbox-szal */
.hc-cart-actions ul.dnnActions {
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-end !important; /* Jobb szélre igazítás */
    align-items: center !important;
    gap: 15px !important; /* Fix távolság a két gomb között */
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 3. Biztosítjuk, hogy a gombok ne törjenek meg furcsán */
.hc-cart-actions li {
    display: block !important;
    margin: 0 !important;
}

/* 4. A gombokon belüli form (Secure Checkout) javítása */
.hc-action-checkout div[data-type="form"] {
    display: block !important;
    float: none !important; /* Megszüntetjük az inline style float:left-et */
}
a.dnnPrimaryAction.ComposeMessage {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 46px !important;
    padding: 0 30px !important;
    border-radius: 50px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

/* Hover állapot */
a.dnnPrimaryAction.ComposeMessage:hover {
    background-color: #333333 !important;
    color: #ffffff !important;
}



#dnn_ctr_Register_gotcha {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    opacity: 0 !important;
    position: absolute !important;
    pointer-events: none !important;
}



/* ============================================================
   KIZÁRÓLAG A DRILLDOWN SZŰRŐ MEGJELENÍTÉSE
   ============================================================ */

/* 1. Bekapcsoljuk a külső gyűjtő konténert */
.hc-categorymenu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* 2. Kényszerítjük a beépített Drilldown szűrő osztályát, hogy fixen látszódjon */
.hc-categorymenu .hc-drilldown-filter,
.hc-drilldown-filter {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}
/* ── LOGIN FORM – matches registration design ── */

.dnnLogin {
    max-width: 760px !important;
    margin: 60px auto !important;
    padding: 42px 62px !important;
    background: #f5f5f5 !important;
    font-family: 'Montserrat', Arial, sans-serif !important;
    box-sizing: border-box !important;
}

/* Title */
.dnnLogin .dnnLoginLabel,
.dnnLogin h2 {
    display: block !important;
    margin: 0 0 30px 0 !important;
    color: #000000 !important;
    font-size: 0 !important;
}

.dnnLogin .dnnLoginLabel::before,
.dnnLogin h2::before {
    content: "BEJELENTKEZ\00C9S" !important;
    display: block !important;
    color: #000000 !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    letter-spacing: 0.22em !important;
    text-align: center !important;
    text-transform: uppercase !important;
}

/* Form container */
.dnnLogin .dnnLoginService,
.dnnLogin .LoginContent,
.dnnLogin .dnnForm {
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Form items */
.dnnLogin .dnnFormItem {
    display: block !important;
    width: 100% !important;
    margin: 0 0 22px 0 !important;
}

/* Labels */
.dnnLogin .dnnLabel,
.dnnLogin label,
.dnnLogin span.dnnFormLabel {
    display: block !important;
    width: 100% !important;
    margin: 0 0 10px 0 !important;
    color: #000000 !important;
    font-family: 'Montserrat', Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-align: left !important;
    text-transform: uppercase !important;
}

/* Inputs */
.dnnLogin input[type="text"],
.dnnLogin input[type="email"],
.dnnLogin input[type="password"] {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 52px !important;
    padding: 12px 14px !important;
    background: #ffffff !important;
    border: 1px solid #bbbbbb !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #000000 !important;
    font-size: 15px !important;
    box-sizing: border-box !important;
    font-family: 'Montserrat', Arial, sans-serif !important;
}

.dnnLogin input:focus {
    border-color: #000000 !important;
    outline: none !important;
}

/* Validation messages */
.dnnLogin .dnnFormMessage {
    position: static !important;
    right: auto !important;
    left: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 6px 0 0 0 !important;
    color: #cc0000 !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    text-align: left !important;
}

/* Remember me / checkbox row */
.dnnLogin .dnnLoginRememberMe {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 0 22px 0 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #000000 !important;
}

/* Actions list */
.dnnLogin .dnnActions {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 34px 0 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.dnnLogin .dnnActions li {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Primary button – keeps its original text, black fill */
.dnnLogin .dnnPrimaryAction {
    display: block !important;
    width: 100% !important;
    height: 56px !important;
    line-height: 56px !important;
    padding: 0 !important;
    background: #000000 !important;
    border: 1px solid #000000 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #ffffff !important;
    font-family: 'Montserrat', Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.22em !important;
    text-transform: uppercase !important;
    text-align: center !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
}

.dnnLogin .dnnPrimaryAction:hover {
    background: #222222 !important;
    border-color: #222222 !important;
}

/* Secondary button – keeps its original text, outline style */
.dnnLogin .dnnSecondaryAction {
    display: block !important;
    width: 100% !important;
    height: 56px !important;
    line-height: 56px !important;
    padding: 0 !important;
    background: #f5f5f5 !important;
    border: 1px solid #000000 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #000000 !important;
    font-family: 'Montserrat', Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    text-align: center !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
}

.dnnLogin .dnnSecondaryAction:hover {
    background: #e8e8e8 !important;
}

/* Tertiary link – password reminder, register link */
.dnnLogin .dnnTertiaryAction {
    display: block !important;
    width: 100% !important;
    margin: 8px 0 0 0 !important;
    color: #000000 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-align: center !important;
    text-decoration: underline !important;
    text-transform: uppercase !important;
    font-family: 'Montserrat', Arial, sans-serif !important;
    cursor: pointer !important;
    background: transparent !important;
    border: 0 !important;
}

.dnnLogin .dnnTertiaryAction:hover {
    color: #444444 !important;
}



/* ============================================================
   FELUGRÓ MODAL POPUP MAGASSÁG FIXÁLÁSA
   ============================================================ */

/* 1. Kényszerítjük a teljes felugró ablak minimum és fix magasságát */
.ui-dialog.dnnFormPopup {
    min-height: 650px !important; /* Itt állíthatod be, milyen magas legyen az ablak */
    height: auto !important;      /* Engedi, hogy ha mégis több a szöveg, magától nyúljon */
}

/* 2. Biztosítjuk, hogy a belső tartalom (ahol a beviteli mezők vannak) kitöltse a teret */
.ui-dialog.dnnFormPopup .ui-dialog-content {
    min-height: 580px !important; /* Kicsivel kisebb, mint a külső ablak (a fejléc miatt) */
    height: auto !important;
    overflow-y: visible !important; /* Kikapcsolja a belső görgetősávot, ha nincs rá szükség */
}

/* ============================================================
   JELSZÓ VISSZAÁLLÍTÓ MODAL - VÉGLEGES TISZTÍTÁS ÉS FIX
   ============================================================ */

/* 1. Kiszabadítjuk az ablakon belüli üzenetsávot a height: 0 és display: none alól */
#iPopUp .dnnFormMessage,
.dnnFormPopup .dnnFormMessage {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    margin: 10px 0 !important;
    padding: 15px !important;
    color: #333333 !important;
    background-color: #eff6fc !important; /* Finom világoskék információs háttér */
    border: 1px solid #ddeeff !important;
}

/* 2. Kényszerítjük a rejtett szöveges tájékoztatót, hogy megjelenjen */
#dnn_ctr_SendPassword_lblHelp,
.dnnFormPopup span[id*="lblHelp"] {
    display: block !important;
    visibility: visible !important;
    color: #333333 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
}

/* 3. Visszaadjuk a Küldés gomb szövegét fehéren, és átfestjük elegáns feketére */
#dnn_ctr_SendPassword_cmdSendPassword,
.dnnFormPopup .dnnPrimaryAction {
    display: block !important;
    width: 100% !important;
    height: 56px !important;
    line-height: 56px !important;
    background: #000000 !important; /* Fekete háttér */
    border: 1px solid #000000 !important;
    color: #ffffff !important; /* FIX: LÁTHATÓ FEHÉR SZÖVEG */
    -webkit-text-fill-color: #ffffff !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important; /* FIX: 0px helyett normál méret */
    font-weight: 700 !important;
    letter-spacing: 0.22em !important;
    text-transform: uppercase !important;
    text-align: center !important;
    text-decoration: none !important;
    font-style: normal !important;
}

/* 4. A felirat nélküli üres gombba mesterségesen is beinjekciózzuk a szöveget, ha a DNN nem tenné */
#dnn_ctr_SendPassword_cmdSendPassword::before {
    content: "KÜLDÉS" !important;
    color: #ffffff !important;
}

/* 5. A beviteli mező (akarmi) formázása, hogy ne legyen elcsúszva */
#dnn_ctr_SendPassword_txtUsername {
    display: block !important;
    width: 100% !important;
    max-width: 400px !important;
    margin: 15px auto !important;
    border: 1px solid #aaaaaa !important; /* Biztos, ami biztos sötét keret */
    padding: 10px !important;
    height: 45px !important;
    font-family: 'Montserrat', sans-serif !important;
    color: #000000 !important;
}
/* ============================================================
   ÁRCSÚSZKA SZŰRŐGOMB (APPLY) JAVÍTÁSA - "ALKALMAZ" VERZIÓ
   ============================================================ */

/* Brutálisan specifikus célzás: kiütjük a globális 'Vissza a boltba' hatást */
#siteWrapper a#hcApplyPriceFilter.btn.btn-primary.btn-sm {
    font-size: 0 !important; /* Elrejtjük az eredeti angol "Apply" szöveget */
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    background-color: #000000 !important; /* Szép tiszta fekete gomb */
    border: 1px solid #000000 !important;
    border-radius: 50px !important; /* Kapszula forma, ha illik a designhoz */
    padding: 8px 20px !important;
    height: auto !important;
    width: auto !important;
    display: inline-block !important;
    text-indent: 0 !important;
    transform: none !important;
    box-shadow: none !important;
    position: relative !important;
}

/* Új, tiszta szöveg injektálása: "ALKALMAZ" */
#siteWrapper a#hcApplyPriceFilter.btn.btn-primary.btn-sm::after {
    content: "ALKALMAZ" !important; /* FIX: Ez váltja fel a Vissza a boltba szöveget */
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important; /* Normális, olvasható betűméret */
    font-weight: 700 !important;
    color: #ffffff !important; /* Fehér felirat a fekete gombon */
    -webkit-text-fill-color: #ffffff !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    position: static !important;
    display: inline-block !important;
    transform: none !important;
}

/* Hover (rámutatási) állapot finomítása */
#siteWrapper a#hcApplyPriceFilter.btn.btn-primary.btn-sm:hover {
    background-color: #333333 !important;
    border-color: #333333 !important;
}
/* ============================================================
   ÁRCSÚSZKA (PRICE SLIDER) BLOKK TELJES LAYOUT RESTRUKTURÁLÁS
   ============================================================ */

/* 1. Szigorúan az árcsúszka vezérlő dobozát flexbox-szá alakítjuk */
#siteWrapper .hc-drilldown-filter .hc-slider-controls {
    display: flex !important;
    flex-wrap: wrap !important; /* Engedjük, hogy a gomb új sorba ugorjon */
    justify-content: space-between !important; /* Min balra, Max jobbra */
    align-items: flex-end !important;
    gap: 15px !important;
    margin-top: 20px !important;
    width: 100% !important;
}

/* 2. A Min Price és Max Price beviteli mezők oszlopainak pontos formázása */
#siteWrapper .hc-drilldown-filter .hc-slider-left,
#siteWrapper .hc-drilldown-filter .hc-slider-right {
    flex: 0 0 calc(50% - 10px) !important; /* Pontosan a szélesség fele mínusz a rés */
    width: calc(50% - 10px) !important;
    float: none !important;
    display: flex !important;
    flex-direction: column !important; /* Szöveg felül, beviteli mező alatta */
}

/* Bal oldali szöveg és mező igazítása */
#siteWrapper .hc-drilldown-filter .hc-slider-left {
    align-items: flex-start !important;
    text-align: left !important;
}

/* Jobb oldali szöveg és mező igazítása – MEGGÁTOLJA A KITAKARÁST */
#siteWrapper .hc-drilldown-filter .hc-slider-right {
    align-items: flex-end !important;
    text-align: right !important;
}

/* 3. A szöveges feliratok (Min Price, Max Price) letisztítása */
#siteWrapper .hc-drilldown-filter .hc-slider-controls span {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: #444444 !important;
    margin-bottom: 6px !important;
    display: block !important;
}

/* 4. A beviteli mezők dobozainak egységesítése */
#siteWrapper .hc-drilldown-filter .hc-slider-controls input[type="text"].form-control {
    width: 100% !important;
    max-width: 100% !important;
    height: 40px !important;
    border: 1px solid #cccccc !important;
    border-radius: 4px !important;
    text-align: center !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    color: #000000 !important;
    box-sizing: border-box !important;
}

/* 5. A gombot tartalmazó középső oszlop kényszerítése egy önálló, alsó sorba */
#siteWrapper .hc-drilldown-filter .hc-slider-center {
    flex: 0 0 100% !important; /* Teljes szélességű sor lesz lent */
    width: 100% !important;
    text-align: center !important;
    order: 3 !important; /* Garantáltan a mezők alá kerül */
    margin-top: 10px !important;
    float: none !important;
}

/* 6. Az "ALKALMAZ" gomb finomhangolása, hogy tökéletesen mutasson lent középen */
#siteWrapper a#hcApplyPriceFilter.btn.btn-primary.btn-sm {
    display: inline-block !important;
    width: auto !important;
    min-width: 160px !important; /* Kicsit nyújtottabb, elegánsabb forma */
    height: 46px !important;
    line-height: 44px !important;
    background-color: #000000 !important;
    border: 1px solid #000000 !important;
    border-radius: 50px !important;
    padding: 0 30px !important;
    cursor: pointer !important;
}
/* Szigorúan csak a regisztrációs ablak alatti Note tájékoztató szöveg elrejtése */
#siteWrapper span#dnn_ctr_Register_userHelpLabel {
    display: none !important;
}

/* ============================================================
   BEJELENTKEZŐ MODAL TŰPONTOS MAGYARÍTÁSA ÉS TISZTÍTÁSA
   ============================================================ */

/* 1. "Username:" -> "Felhasználónév:" */
#dnn_ContentPane label#dnn_ctr_Login_Login_DNN_plUsername {
    font-size: 0 !important;
}
#dnn_ContentPane label#dnn_ctr_Login_Login_DNN_plUsername::before {
    content: "Felhasználónév:" !important;
    font-size: 12px !important; /* Visszaadjuk a Montserrat formázásod szerinti méretet */
    font-family: 'Montserrat', Arial, sans-serif !important;
}

/* 2. "Password:" -> "Jelszó:" */
#dnn_ContentPane label#dnn_ctr_Login_Login_DNN_plPassword {
    font-size: 0 !important;
}
#dnn_ContentPane label#dnn_ctr_Login_Login_DNN_plPassword::before {
    content: "Jelszó:" !important;
    font-size: 12px !important;
    font-family: 'Montserrat', Arial, sans-serif !important;
}

/* 3. "Cancel" gomb -> "MÉGSEM" */
#dnn_ContentPane a#dnn_ctr_Login_Login_DNN_cancelLink {
    font-size: 0 !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
}
#dnn_ContentPane a#dnn_ctr_Login_Login_DNN_cancelLink::before {
    content: "MÉGSEM" !important;
    display: block !important;
    color: #000000 !important; /* Outline stílusú fekete felirat */
    -webkit-text-fill-color: #000000 !important;
    font-family: 'Montserrat', Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    text-align: center !important;
    line-height: 56px !important; /* Igazodik a gombod magasságához */
}

/* 4. "Cancel" gomb Hover (rámutatási) állapota */
#dnn_ContentPane a#dnn_ctr_Login_Login_DNN_cancelLink:hover::before {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}

/* 5. JELSZÓ-VISSZAÁLLÍTÓ GOMB VÉGLEGES ÉS FIX ELREJTÉSE
      Ez a kód mindent megkerülve, az ID alapján tünteti el a listaelemét! */
#dnn_ContentPane li#dnn_ctr_Login_Login_DNN_liPassword {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* KIZÁRÓLAG A BEJELENTKEZŐ ABLAKOS REGISZTRÁCIÓ GOMB LEVEGŐS DESIGNJA */

#dnn_ctr_Login_Login_DNN_registerLink.dnnSecondaryAction {
    display: inline-block !important; /* Blokkosítjuk, hogy működjön a magasság */
    width: 100% !important;
    max-width: 100% !important;
    
    /* BELSŐ TÉR KÖZ (PADDING) ÉS MÉRETEK */
    height: 65px !important;         /* A gomb teljes magassága */
    line-height: 61px !important;    /* Függőlegesen tökéletesen középre teszi a szöveget */
    padding: 0 !important;           /* Nullázzuk az alapértelmezett elcsúszásokat */
    
    background: #ffffff !important;
    border: 1px solid #000000 !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    
    /* SZÖVEG DESIGN (VÍZSZINTES LEVEGŐ) */
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    font-family: 'Montserrat', Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: 0.28em !important; /* Széthúzzuk a betűket a szellős hatásért */
    text-transform: uppercase !important;
    text-align: center !important;
    text-decoration: none !important;
    transition: all 0.2s ease-in-out !important;
}

/* Elegáns inverz hover effektus */
#dnn_ctr_Login_Login_DNN_registerLink.dnnSecondaryAction:hover {
    background: #000000 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
/* ============================================================
   BEJELENTKEZŐ MODUL FŐCÍM INJEKTÁLÁSA LEGFELÜLRE
   ============================================================ */

/* Létrehozzuk a BEJELENTKEZÉS szöveget a legkülső konténer tetején */
#dnn_ContentPane .dnnForm.dnnLogin::before {
    content: "BEJELENTKEZÉS" !important;
    display: block !important;
    width: 100% !important;
    text-align: center !important; /* Középre rendezés */
    
    /* STÍLUS ÉS TIPOGRÁFIA (Igazodva a brandhez) */
    color: #000000 !important;
    font-family: 'Montserrat', Arial, sans-serif !important;
    font-size: 26px !important; /* Szép nagy, hangsúlyos méret */
    font-weight: 500 !important; /* Vastag betűk */
    letter-spacing: 0.22em !important; /* Elegáns, szellős betűköz */
    text-transform: uppercase !important;
    
    /* ELHELYEZKEDÉS ÉS REZÉSEK */
    margin-top: 10px !important;
    margin-bottom: 40px !important; /* Térköz a főcím és a beviteli mezők között */
    padding: 0 !important;
}

/* ============================================================
   REGISZTRÁCIÓS ABLAK ALATTI NOTE INFORMÁCIÓS DOBOZ ELREJTÉSE
   ============================================================ */

/* Brutálisan specifikus láncolat: végigmegyünk a teljes szülő-gyermek szerkezeten */
#siteWrapper .dnnRegistrationForm div.dnnFormMessage.dnnFormInfo span#dnn_ctr_Register_userHelpLabel {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Magát a teljes kék/szürke információs hátteret is eltüntetjük, ha kiürül */
#siteWrapper .dnnRegistrationForm div.dnnFormMessage.dnnFormInfo {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}
/* Google Fonts Montserrat beállítása az egész menüre */
.hc-categorymenu {
    font-family: 'Montserrat', sans-serif;
    width: 100%;
    margin: 30px 0;
    text-align: center;
}

/* A fő lista középre rendezése és flexibilis elrendezése */
.hc-categorymenu > .list-unstyled {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 20px; /* Távolság a menüpontok között */
    padding: 0;
    margin: 0;
    list-style: none;
}

/* A fő kategóriák elemei */
.hc-categorymenu > .list-unstyled > li {
    position: relative; /* Szükséges az alkategóriák pozicionálásához */
}

/* A fő kategóriák linkjeinek stílusa (Nagy, Montserrat, All Caps) */
.hc-categorymenu > .list-unstyled > li > a {
    font-size: 18px; /* Viszonylag nagy betűméret */
    font-weight: 600; /* Félkövér kiemelés */
    text-transform: uppercase; /* ALL CAPS */
    color: #000000; /* Fekete szín, vagy ízlés szerint */
    text-decoration: none;
    padding: 10px 15px;
    display: inline-block;
    transition: all 0.3s ease;
    letter-spacing: 1px; /* Elegánsabb betűköz */
}

/* Hover effekt a főkategóriákon */
.hc-categorymenu > .list-unstyled > li > a:hover {
    color: #555555; /* Lágyabb szürke hovernél */
}

/* Aktív (éppen kiválasztott) főkategória kiemelése aláhúzással */
.hc-categorymenu > .list-unstyled > li.hc-current > a {
    color: #000000;
    font-weight: 700;
    border-bottom: 3px solid #000000; /* Elegáns alsó vonal az aktívnak */
}


/* ==========================================================================
   ALKATEGÓRIÁK STÍLUSA (Dropdown / Legördülő megoldás, hogy ne borítsa a képet)
   ========================================================================== */

/* Az alkategóriák listájának alaphelyzete (alapesetben elrejtve) */
.hc-categorymenu .hc-current ul {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #ffffff;
    box-shadow: 0px 8px 16px rgba(0,0,0,0.1);
    padding: 10px 0;
    min-width: 160px;
    z-index: 100;
    list-style: none;
    border-radius: 4px;
    margin-top: 5px;
    display: none; /* Csak akkor jelenik meg, ha az aktív menüre egeret visznek */
}

/* Ha ráviszik az egeret az aktív kategóriára, legördülnek az alkategóriák */
.hc-categorymenu .hc-current:hover ul {
    display: block;
}

/* Alkategóriák linkjeinek stílusa */
.hc-categorymenu .hc-current ul li a {
    display: block;
    padding: 10px 20px;
    color: #333333;
    text-decoration: none;
    font-size: 14px; /* Valamivel kisebb, mint a fő kategória */
    text-transform: uppercase;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    transition: background 0.2s;
}

/* Hover effekt az alkategóriákon */
.hc-categorymenu .hc-current ul li a:hover {
    background-color: #f5f5f5;
    color: #000000;
}
/* ==========================================================================
   ALTERNATÍV ALKATEGÓRIÁK: FIX MÁSODIK SORBAN A FŐKATEGÓRIÁK ALATT
   ========================================================================== */

/* Az alkategóriák listájának elrendezése a főkategória alatt */
.hc-categorymenu .hc-current ul {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    display: flex; /* Egymás mellé rakja az alkategóriákat is */
    justify-content: center;
    gap: 15px;
    padding: 15px 0 0 0;
    margin: 0;
    list-style: none;
    width: max-content; /* Biztosítja, hogy kiférjenek egymás mellé */
}

/* Az alkategóriák linkjei ebben az esetben */
.hc-categorymenu .hc-current ul li a {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    color: #666666; /* Kicsit halványabb, hogy látszódjon a hierarchia */
    text-decoration: none;
    padding: 5px 10px;
    transition: color 0.2s;
}

.hc-categorymenu .hc-current ul li a:hover {
    color: #000000;
}

/* Biztosítunk egy kis extra helyet a főkategóriák alatt, hogy az alkategória sora ne takarjon ki semmit */
.hc-categorymenu {
    margin-bottom: 60px; 
}

.hc-category h1 {
    margin-bottom: 30px !important; /* Szükség szerint növelhető pl. 40px-re, ha messzebb akarod a menütől */
}

.hc-category h1 {
    margin-bottom: 30px !important; /* Szükség szerint növelhető pl. 40px-re, ha messzebb akarod a menütől */
}

/* ==========================================================================
   VÉGLEGES: BEÉPÜLŐ, RUGALMAS VÍZSZINTES ALKATEGÓRIÁK (Zéró takarás)
   ========================================================================== */

/* Megszüntetjük a főkategória listájának korlátozásait */
.hc-categorymenu > .list-unstyled {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding: 0;
    margin: 0 0 90px 0;
}

/* Kényszerítjük, hogy az alkategória lista NE lebegjen (nincs absolute) */
.hc-categorymenu .hc-current ul {
    display: flex !important; /* Mindig vízszintes flex elrendezés */
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    
    /* Teljesen kikapcsoljuk a lebegő pozíciót és a fehér dobozt */
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    background: none !important;
    box-shadow: none !important;
    border: none !important;
    
    /* Elrendezés finomhangolása */
    width: 100% !important;
    margin: 15px 0 0 0 !important;
    padding: 10px 0 !important;
}

/* Biztosítjuk, hogy hover esetén se ugorjon vissza a gyári függőleges stílusra */
.hc-categorymenu .hc-current:hover ul {
    display: flex !important;
}

/* Alkategória linkek stílusa */
.hc-categorymenu .hc-current ul li {
    display: inline-block !important;
}

.hc-categorymenu .hc-current ul li a {
    display: inline-block !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    color: #666666 !important;
    text-decoration: none !important;
    padding: 5px 10px !important;
    background: none !important;
    transition: color 0.2s ease;
}

/* Alkategória link hover */
.hc-categorymenu .hc-current ul li a:hover {
    color: #000000 !important;
    background: none !important;
}
.hc-category h1 {
    margin-bottom: 0px !important; /* Szükség szerint növelhető pl. 40px-re, ha messzebb akarod a menütől */
}
/* ==========================================================================
   MINDEN ÁLLAPOTBAN VÍZSZINTES ALKATEGÓRIÁK + AKTÍV ALKATEGÓRIA ALÁHÚZÁS
   ========================================================================== */

/* 1. Az alkategória lista elrendezése (Bármelyik szinten is van az aktív osztály) */
.hc-categorymenu .hc-current ul,
.hc-categorymenu li ul {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    background: none !important;
    box-shadow: none !important;
    border: none !important;
    
    width: 100% !important;
    margin: 15px 0 0 0 !important;
    padding: 10px 0 !important;
}

/* Hover esetén se engedjük függőlegesbe ugrani */
.hc-categorymenu li:hover ul {
    display: flex !important;
}

/* 2. Az alkategóriák elemeinek fix vízszintes kényszerítése */
.hc-categorymenu li ul li {
    display: inline-block !important;
    float: none !important; /* Blokkoljuk a régi sablonok float-olását */
}

/* 3. Az alkategória linkek általános stílusa */
.hc-categorymenu li ul li a {
    display: inline-block !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    color: #666666 !important; /* Diszkrét szürke az alaphelyzet */
    text-decoration: none !important;
    padding: 5px 10px !important;
    background: none !important;
    border-bottom: 2px solid transparent; /* Előkészítjük a helyet az aláhúzásnak */
    transition: all 0.2s ease;
}

/* Alkategória hover állapot */
.hc-categorymenu li ul li a:hover {
    color: #000000 !important;
    background: none !important;
}

/* 4. AZ AKTÍV ALKATEGÓRIA KIEMELÉSE (Ha ezen van a .hc-current) */
.hc-categorymenu li ul li.hc-current a {
    color: #000000 !important;
    font-weight: 600 !important;
    border-bottom: 2px solid #000000 !important; /* Elegáns fekete aláhúzás az aktív alkategóriának */
}
/* A jelszó tároló konténer és a beviteli mező teljes szélességűre állítása */
#dnn_ctr_Register_userForm_fa873db283d0ffce4c8a7401f4bb314b_passwordContainer,
#dnn_ctr_Register_userForm_fa873db283d0ffce4c8a7401f4bb314b_fa873db283d0ffce4c8a7401f4bb314b_TextBox {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}
#dnn_ctr_Register_userHelpLabel {
    display: none !important;
}





/* Alap listastílusok letisztítása */
.list-unstyled, .list-unstyled ul {
    list-style-type: none;
    padding-left: 0;
    margin: 0;
}

/* FŐMENÜ: A gombok alapbeállítása (Szöveg elrejtésével) */
.list-unstyled > li > a {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    
    width: 100px;  
    height: 100px; 
    
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-radius: 12px; 
    margin: 8px;         
    text-decoration: none;
    
    /* SZÖVEG ELREJTÉSE */
    text-indent: -9999px;
    overflow: hidden;
    
    transition: all 0.2s ease;
}

/* Hover effekt a főmenü gombokra */
.list-unstyled > li > a:hover {
    transform: translateY(-4px);
    box-shadow: 0 6px 16px rgba(0,0,0,0.1);
    border-color: #bbb;
}

/* FŐMENÜ IKONOK ALAPBEÁLLÍTÁSA */
.list-unstyled > li > a::before {
    content: "";
    display: block;
    width: 55px;  
    height: 55px; 
    
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* ------------------------------------------------------------- */
/* FŐMENÜ KÉPEK (Portals/0/)                                     */
/* ------------------------------------------------------------- */

a[href*="etrendkiegeszitok"]::before { background-image: url('/Portals/0/etrendkiegeszito.png'); }
a[href*="italok"]::before { background-image: url('/Portals/0/italok.png'); }
a[href*="feherjeforras"]::before { background-image: url('/Portals/0/feherje.png'); }
a[href*="szenhidratforras"]::before { background-image: url('/Portals/0/szenhidrat.png'); }
a[href*="rost-es-vitamin"]::before { background-image: url('/Portals/0/rost-vitamin.png'); }
a[href*="egeszseges-zsirok"]::before { background-image: url('/Portals/0/zsir.png'); }
a[href*="izesitok"]::before { background-image: url('/Portals/0/izesito.png'); }
a[href*="keszetelek"]::before { background-image: url('/Portals/0/keszetel.png'); }

/* ------------------------------------------------------------- */
/* ALMENÜK KÖZÖS STÍLUSAI                                        */
/* ------------------------------------------------------------- */

.list-unstyled ul {
    padding-left: 0;
    display: flex; 
    justify-content: center;
    margin-top: 15px;
    flex-wrap: wrap; /* Ha sok az ital, szépen több sorba töri őket */
}

.list-unstyled ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    
    width: 70px;  
    height: 70px; 
    
    border: 1px solid #eee;
    border-radius: 8px;
    margin: 5px;
    text-decoration: none;
    background-color: #fafafa;
    
    /* SZÖVEG ELREJTÉSE */
    text-indent: -9999px;
    overflow: hidden;
    transition: all 0.2s ease;
}

.list-unstyled ul li a:hover {
    border-color: #ccc;
    background-color: #fff;
    transform: translateY(-2px);
}

/* ALMENÜ IKONOK ALAPBEÁLLÍTÁSA */
.list-unstyled ul li a::before {
    content: "";
    display: block;
    width: 38px; 
    height: 38px;        
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* ------------------------------------------------------------- */
/* ALMENÜ KÉPEK (Portals/0/)                                     */
/* ------------------------------------------------------------- */

/* Készételek almenü */
a[href*="husos"]::before, a[href*="húsos"]::before { background-image: url('/Portals/0/husos-etelek.png'); }
a[href*="vegan"]::before, a[href*="vegán"]::before { background-image: url('/Portals/0/vegan-vegetarianus.png'); }

/* Fehérjeforrás almenü */
a[href*="csirke"]::before { background-image: url('/Portals/0/csirke.png'); }
a[href*="pulyka"]::before { background-image: url('/Portals/0/pulyka.png'); }
a[href*="kacsa"]::before { background-image: url('/Portals/0/kacsa.png'); }
a[href*="liba"]::before { background-image: url('/Portals/0/liba.png'); }

/* Szénhidrátforrás almenü */
a[href*="teszta"]::before, a[href*="tészta"]::before { background-image: url('/Portals/0/teszta.png'); }
a[href*="huvelyesek"]::before, a[href*="hüvelyesek"]::before { background-image: url('/Portals/0/huvelyesek.png'); }
a[href*="rizs"]::before { background-image: url('/Portals/0/rizs-gabona.png'); }

/* Rost és vitamin almenü */
a[href*="gyumolcs"]::before, a[href*="gyümölcs"]::before { background-image: url('/Portals/0/gyumolcs.png'); }
a[href*="zoldseg"]::before, a[href*="zöldség"]::before { background-image: url('/Portals/0/zoldseg.png'); }

/* Italok almenü */
a[href*="kombucha"]::before { background-image: url('/Portals/0/kombucha.png'); }
a[href*="kave"]::before, a[href*="kávé"]::before { background-image: url('/Portals/0/kave-tea.png'); }
a[href*="szorpok"]::before, a[href*="szörp"]::before { background-image: url('/Portals/0/szorpok.png'); }
a[href*="zoldsegle"]::before, a[href*="zöldséglé"]::before { background-image: url('/Portals/0/zoldsegle-shots.png'); }
a[href*="gyumolcsle"]::before, a[href*="gyümölcslé"]::before { background-image: url('/Portals/0/gyumolcsle-smoothie.png'); }


/* Kiválasztjuk a gombon belüli glyphicon-eye-open osztályt */
.add-to-cart-product .glyphicon-eye-open {
    display: none !important;
}
/* Megakadályozzuk, hogy a húsos kategória ikonja bekerüljön a megveszem gombba */
.add-to-cart-product::before {
    background-image: none !important;
}

/* Ha a fenti nem lenne elég, teljesen tisztítsuk meg a gomb hátterét a generált ikonoktól */
a.add-to-cart-product[href*="hus"]::before,
a.add-to-cart-product[href*="hús"]::before {
    background-image: none !important;
    content: "MEGVESZEM" !important; /* Visszaállítjuk a tiszta szöveget */
}
/* ============================================================
   FIX: ZÖLDSÉG ÉS ZÖLDSÉGLÉ SEPARÁLÁS + LAKAT A GOMBOKRA
   ============================================================ */

/* 1. Pontosítjuk a zöldség kategóriát: csak akkor érvényes, ha az URL pontosan 'zoldseg'-re végződik */
#siteWrapper a[href$="zoldseg"]::before, 
#siteWrapper a[href$="zöldség"]::before { 
    background-image: url('/Portals/0/zoldseg.png') !important; 
}

/* 2. Külön szabályt adunk a zöldséglének, így a saját ikonját kapja, nem a sima zöldségét */
#siteWrapper a[href*="zoldsegele"]::before,
#siteWrapper a[href*="zöldséglé"]::before {
    background-image: url('/Portals/0/zoldsegle-shots.png') !important;
}

/* 3. Teljesen megtiltjuk a bejelentkező panel gombjainak, hogy kategória ikonokat örököljenek */
.dnnLoginService .dnnFormItem a::before,
.dnnLoginService .dnnFormItem a::after,
#dnn_ctr_Login_Login_DNN_cancelLink::before,
#dnn_ctr_Login_Login_DNN_cancelLink::after {
    background-image: none !important;
}

/* Biztosítjuk, hogy a Mégse gomb felirata tiszta maradjon */
#dnn_ctr_Login_Login_DNN_cancelLink {
    background-image: none !important;
    text-indent: 0 !important;
    overflow: visible !important;
}

/* ============================================================
   SZIGORÚAN A #LOGINBUTTON TŰPONTOS KÖZÉPRE IGAZÍTÁSA
   ============================================================ */

/* 1. Alapbeállítások: Flexbox-szal vízszintesen és függőlegesen is középre kényszerítünk mindent */
#siteWrapper a#loginbutton.btn.btn-primary {
    font-size: 14px !important;    /* Kényszerítjük a megfelelő betűméretet */
    font-weight: 700 !important;   /* Félkövér Montserrat */
    letter-spacing: 1px !important;/* Szellős betűköz */
    text-transform: uppercase !important;
    
    display: inline-flex !important;
    align-items: center !important;    /* Függőleges középre igazítás */
    justify-content: center !important;  /* Vízszintes középre igazítás */
    gap: 8px !important;               /* Fix, tiszta távolság a lakat és a szöveg között */
    
    /* Visszaadjuk a normál színeket, nem használunk transzparens trükköt */
    color: #000000 !important;         
    text-indent: 0 !important;
    overflow: visible !important;
    background-image: none !important;
    position: relative !important;
    height: 46px !important;           /* Fix magasság a tökéletes formához */
    padding: 0 30px !important;
}

/* 2. A lakat ikon pontos igazítása a szöveg mellé */
#siteWrapper a#loginbutton.btn.btn-primary .glyphicon-lock {
    display: inline-block !important;
    font-size: 14px !important;
    color: #000000 !important;         /* Alaphelyzetben fekete lakat */
    margin: 0 !important;              /* Kigyomláljuk a régi eltolásokat */
    position: static !important;
    top: auto !important;
}

/* 3. HOVER ÁLLAPOT: Fekete háttér, fehér szöveg és fehér lakat */
#siteWrapper a#loginbutton.btn.btn-primary:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}

#siteWrapper a#loginbutton.btn.btn-primary:hover .glyphicon-lock {
    color: #ffffff !important;
}

/* 4. DRASZTIKUS RESET: Letiltunk minden ál-elemet, ami eltolhatná a gombot */
#siteWrapper a#loginbutton.btn.btn-primary::before,
#siteWrapper a#loginbutton.btn.btn-primary::after {
    content: none !important;
    display: none !important;
}

/* ============================================================
   FIX: CSAK A HÁTTÉRKÉP ELTÁVOLÍTÁSA A REGISZTRÁCIÓS MÉGSE GOMBRÓL
   ============================================================ */

/* Megcélozzuk a regisztrációs űrlap Mégse gombját az egyedi ID-ja alapján */
#siteWrapper #dnn_ctr_Register_cancelLink {
    background-image: none !important; /* Kizárólag a hátteret nullázzuk */
}

/* Letiltjuk az ál-elemekről is a képeket, ha a CSS-ed onnan tolná be */
#siteWrapper #dnn_ctr_Register_cancelLink::before,
#siteWrapper #dnn_ctr_Register_cancelLink::after {
    background-image: none !important;
}



span#dnn_ctr546_dnnTITLE_titleLabel.TitleH3[id*="dnn_ctr546"] {
    display: none !important;
}

/* Bazsi kódja ettől lefelé */


/* Profil oldal */

#dnn_ctr546_ModuleContent .table-responsive table.table-striped{
    font-family: 'Montserrat', sans-serif !important;
    width: 100% !important;
    max-width: 100% !important;
}

#dnn_ctr546_ModuleContent .table-responsive table.table-striped thead th,
#dnn_ctr546_ModuleContent .table-responsive table.table-striped thead td{
    text-align: center !important;
}

#dnn_ctr546_ModuleContent .table-responsive table.table-striped tbody td{
    text-align: center !important;
    vertical-align: middle !important;
}

#dnn_ctr546_ModuleContent .table-responsive table.table-striped th,
#dnn_ctr546_ModuleContent .table-responsive table.table-striped td{
    white-space: nowrap !important;
    padding: 12px 15px !important;
}

#dnn_ctr546_ModuleContent .row-fluid{
    margin-left:0 !important;
}

#dnn_ctr546_ModuleContent .table-responsive{
    padding-left: 15px !important;
    margin-left: 0 !important;
}

#dnn_ctr546_ModuleContent{
    padding-left: 250px !important;
    box-sizing: border-box !important;
}

#dnn_ctr546_ModuleContent{
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

/* 1. A fő tároló erőszakos balra zárása a "text-center" osztály ellenére */
#dnn_ctr546_ModuleContent .row.padding-bottom-lg.text-center {
    text-align: left !important;
    padding-left: 15px !important; /* Ez húzza pontosan a táblázat első oszlopa alá */
}

/* 2. A nav és a pagination lista kényszerítése, hogy engedelmeskedjenek a balra zárásnak */
#dnn_ctr546_ModuleContent .row.padding-bottom-lg.text-center nav,
#dnn_ctr546_ModuleContent .row.padding-bottom-lg.text-center ul.pagination {
    display: inline-block !important;
    margin: 10px 0 !important;
    padding: 0 !important;
}

/* 3. A gombok egy sorban tartása (!important nélkül, hogy a felesleg rejtve maradjon) */
#dnn_ctr546_ModuleContent .row.padding-bottom-lg.text-center ul.pagination li {
    display: inline-block; 
    vertical-align: middle;
    margin: 0 2px;
}

/* A gombok esztétikus egymás mellé tétele úgy, hogy a rejtett gombok rejtve maradjanak */
#dnn_ctr546_ModuleContent .row.padding-bottom-lg.text-center li {
    display: inline-block; /* Kivettük az !important jelzést! */
    margin: 5px !important;
    vertical-align: middle !important;
}

/* Order History külön oldal */

/* 1. Engedélyezzük a sortörést a fő konténerben az új (390-es) oldalon */
#dnn_ctr390_ModuleContent .hcMvcView > .row-fluid {
    flex-wrap: wrap !important;
}

/* 2. Biztosítjuk, hogy a táblázat tárolója 100%-os szélességet vegyen fel, kilökve a lapozót */
#dnn_ctr390_ModuleContent .hcMvcView > .row-fluid > .col-xs-12 {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* 3. A lapozó is kapjon 100%-os szélességet a táblázat alatt */
#dnn_ctr390_ModuleContent .row.padding-bottom-lg.text-center {
    flex: 0 0 100% !important;
    width: 100% !important;
}

/* A táblázat fejlécének és sorainak középre igazítása az új (390-es) oldalon */
#dnn_ctr390_ModuleContent .table-responsive table.table-striped th,
#dnn_ctr390_ModuleContent .table-responsive table.table-striped td {
    text-align: center !important;
    vertical-align: middle !important;
}

/* A Montserrat betűtípus beállítása az új (390-es) oldal táblázatára */
#dnn_ctr390_ModuleContent .table-responsive table.table-striped {
    font-family: 'Montserrat', sans-serif !important;
}