#breadcrumb {
    border-bottom: none;
}

body {
    background: #ffffff;
    /*color: rgb(255, 255, 255);*/
    font-size: 13px;
}

#mainHeader-inner {
    padding: 0px 0; 
}


/******************************HEADER***********************/
/******************************HEADER***********************/
/******************************HEADER***********************/
/******************************HEADER***********************/
/******************************HEADER***********************/

header {
    background: #fff;
    border-bottom: 0px;
}

/* =========================================================
   FŐMENÜ (Top Level) FORMÁZÁSA
   ========================================================= */

/* A menü alapbetűtípusa */
#dnnMenu .topLevel {
    font-family: 'Poppins', sans-serif !important;
}

/* A főmenü linkjei (Kezdőlap, Kutyusok, Rólunk, stb.) */
#dnnMenu .topLevel > li > a {
    color: #4a4a4a !important; /* Sötétszürke az eleganciáért */
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important; /* Nagybetűs menüpontok */
    letter-spacing: 0.5px !important;
    padding: 15px 20px !important; /* Szellős térközök a gombok között */
    background-color: transparent !important; /* Eltüntetjük a sablon szürke hátterét */
    transition: color 0.3s ease !important;
}

/* Főmenü Hover (rámutatás) állapot */
#dnnMenu .topLevel > li > a:hover,
#dnnMenu .topLevel > li > a:focus {
    color: #841c33 !important; /* Beet Red - a logó színe */
    background-color: transparent !important;
}


/* =========================================================
   LENYÍLÓ ALMENÜ (Dropdown / SubLevel) FORMÁZÁSA
   ========================================================= */

/* A lenyíló doboz maga */
#dnnMenu .subLevel {
    background-color: #fdfcfc !important; /* Brilliance háttér */
    border: 1px solid #dec1c8 !important; /* Light Lilac finom keret */
    border-radius: 8px !important; /* Pici lekerekítés az alján */
    box-shadow: 0 8px 20px rgba(132, 28, 51, 0.1) !important; /* Lágy, márkaszínű árnyék */
    padding: 10px 0 !important;
    min-width: 200px !important; /* Ne legyen túl keskeny a doboz */
}

/* Az almenü linkjei (Kabátok, Cipők, stb.) */
#dnnMenu .subLevel li a {
    color: #4a4a4a !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 0.95rem !important;
    font-weight: 500 !important;
    text-transform: none !important; /* Az almenü már kisbetűs, hogy könnyebb legyen olvasni */
    padding: 10px 25px !important;
    background-color: transparent !important;
    transition: all 0.2s ease !important;
    border-radius: 8px !important;
}

/* =========================================================
   A KÉK HOVER SZÍN ÉS KERET TELJES MEGSEMMISÍTÉSE
   ========================================================= */

#dnnMenu ul.dropdown-menu > li > a:hover,
#dnnMenu ul.dropdown-menu > li > a:focus,
#dnnMenu ul.subLevel > li > a:hover,
#dnnMenu ul.subLevel > li > a:focus,
#dnnMenu ul.subLevel > li > a.highlighted,
.navbar-nav .dropdown-menu > li > a:hover {
    background: #dec1c8 !important; 
    background-color: #dec1c8 !important;
    background-image: none !important;
    color: #841c33 !important;
    
    /* Ezek ölik meg a kék keretet és árnyékot: */
    border: none !important; 
    outline: none !important;
    box-shadow: none !important;
}

/* Biztosíték: Ha véletlenül a lista elem (li) tartja magán a kék hátteret */
#dnnMenu ul.dropdown-menu > li,
#dnnMenu ul.subLevel > li {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Biztonsági játék a belső span-ra */
#dnnMenu ul.dropdown-menu > li > a:hover span,
#dnnMenu ul.subLevel > li > a:hover span,
#dnnMenu ul.subLevel > li > a.highlighted span {
    background: transparent !important;
    background-color: transparent !important;
    color: #841c33 !important;
}


/********************** VEGE HEADER*******************************/
/********************** VEGE HEADER*******************************/
/********************** VEGE HEADER*******************************/
/********************** VEGE HEADER*******************************/





.container {
    width: auto;
    padding-right: 0px; 
    padding-left: 0px; 
    padding-top: 0px;
    padding-bottom: 0px;
    margin-right: 0px; 
    margin-left: 0px; 
}


/* 1. A Poppins betűtípus importálása a Google Fonts-ból */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');

/* 2. A fő konténer beállítása (rugalmas elrendezés a középre igazításhoz) */
.motto-box {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 600px; /* A doboz magassága - ezt bátran írd át az igényeid szerint */
    padding: 40px 20px;
    text-align: center;
    font-family: 'Poppins', sans-serif; /* Poppins alkalmazása mindenre a dobozban */
    color: #ffffff; /* Fehér betűszín a kontraszt miatt */
    border-radius: 12px; /* Opcionális: a doboz sarkainak lekerekítése */
    overflow: hidden; /* Hogy a kép ne lógjon le a lekerekített sarkokról */
}

/* 3. A képet tartó bekezdés háttérré alakítása */
.motto-box p:first-of-type {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    z-index: 0; /* Betoljuk a szövegek mögé */
}

/* 4. A kép formázása, hogy kitöltse a dobozt */
.motto-box .card-img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Kitölti a teret anélkül, hogy a kép torzulna */
    display: block;
    filter: brightness(0.4); /* Sötétítjük a képet, hogy a fehér szöveg szépen olvasható legyen */
}

/* 5. A címsor (LOREM IPSUM) formázása */
.motto-box h2 {
    color: rgba(255, 255, 255, 0.8);
    position: relative; /* Hogy a kép elé kerüljön */
    z-index: 1;
    font-size: 2.5rem;
    font-weight: 700; /* Vastag betű */
    margin: 0 0 15px 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6); /* Cseppárnyék a jobb olvashatóságért */
}

/* 6. A mottó szöveg formázása */
.motto-box p:last-of-type {
    position: relative; /* Hogy a kép elé kerüljön */
    z-index: 1;
    font-size: 1.2rem;
    font-weight: 400; /* Normál vastagság */
    margin: 0;
    max-width: 700px; /* Hogy nagy monitoron se nyúljon el túl hosszúra a sor */
    line-height: 1.6;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6);
}





/* =========================================================
   ÚJ SZÖVEGES KÁRTYÁK FORMÁZÁSA (PawPromise specifikus)
   Szelektorok: 470, 481, 482 (régi) + 424, 500, 501, 502 (új)
   ========================================================= */

/* 1. A kártya (konténer) alapformázása */
#dnn_ctr470_HtmlModule_lblContent, 
#dnn_ctr481_HtmlModule_lblContent, 
#dnn_ctr482_HtmlModule_lblContent,
#dnn_ctr424_HtmlModule_lblContent,
#dnn_ctr500_HtmlModule_lblContent,
#dnn_ctr501_HtmlModule_lblContent,
#dnn_ctr502_HtmlModule_lblContent {
    background-color: #fdfcfc; /* Brilliance háttér */
    border: 1px solid #dec1c8; /* Light Lilac keret */
    border-radius: 12px; 
    padding: 30px; /* Kicsit csökkentett belső térköz a kisebb betűkhöz */
    font-family: 'Poppins', sans-serif;
    box-shadow: 0 8px 20px rgba(132, 28, 51, 0.08); 
    margin-bottom: 30px; 
    overflow: hidden;
}

/* 2. A címek (h2) formázása - KISEBB MÉRET */
#dnn_ctr470_HtmlModule_lblContent h2, 
#dnn_ctr481_HtmlModule_lblContent h2, 
#dnn_ctr482_HtmlModule_lblContent h2,
#dnn_ctr424_HtmlModule_lblContent h2,
#dnn_ctr500_HtmlModule_lblContent h2,
#dnn_ctr501_HtmlModule_lblContent h2,
#dnn_ctr502_HtmlModule_lblContent h2 {
    margin-top: 10px;
    margin-bottom: 20px;
    text-align: center !important;
    color: #841c33 !important; /* Beet Red */
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 1.3rem !important; /* CSÖKKENTVE 1.6-ról */
}

/* Kényszerítjük a belső span/strong tageket is a megfelelő stílusra */
#dnn_ctr470_HtmlModule_lblContent h2 strong, 
#dnn_ctr481_HtmlModule_lblContent h2 strong, 
#dnn_ctr482_HtmlModule_lblContent h2 strong,
#dnn_ctr424_HtmlModule_lblContent h2 strong,
#dnn_ctr500_HtmlModule_lblContent h2 strong,
#dnn_ctr501_HtmlModule_lblContent h2 strong,
#dnn_ctr502_HtmlModule_lblContent h2 strong {
    color: inherit !important;
    font-size: inherit !important;
    text-transform: inherit !important;
}

/* 3. A szöveges bekezdések (p) formázása - KISEBB MÉRET */
#dnn_ctr470_HtmlModule_lblContent p, 
#dnn_ctr481_HtmlModule_lblContent p, 
#dnn_ctr482_HtmlModule_lblContent p,
#dnn_ctr424_HtmlModule_lblContent p,
#dnn_ctr500_HtmlModule_lblContent p,
#dnn_ctr501_HtmlModule_lblContent p,
#dnn_ctr502_HtmlModule_lblContent p {
    color: #4a4a4a !important; 
    font-size: 0.9rem !important; /* CSÖKKENTVE 1rem-ről */
    line-height: 1.6 !important; 
    margin: 0 0 15px 0; 
    text-align: left;
}

/* Képek középre igazítása */
#dnn_ctr502_HtmlModule_lblContent img.card-img {
    display: block;
    margin: 20px auto;
    border-radius: 8px;
    max-width: 100%;
    height: auto;
}

/* Üres bekezdések finomítása */
#dnn_ctr424_HtmlModule_lblContent p:empty,
#dnn_ctr500_HtmlModule_lblContent p:empty,
#dnn_ctr501_HtmlModule_lblContent p:empty {
    display: none !important;
}

/* Mobil optimalizálás */
@media (max-width: 768px) {
    #dnn_ctr424_HtmlModule_lblContent,
    #dnn_ctr500_HtmlModule_lblContent,
    #dnn_ctr501_HtmlModule_lblContent,
    #dnn_ctr502_HtmlModule_lblContent {
        padding: 20px;
    }
    #dnn_ctr470_HtmlModule_lblContent h2, #dnn_ctr502_HtmlModule_lblContent h2 {
        font-size: 1.1rem !important;
    }
}






/* =========================================================
   HÉT AJÁNLATA - TELJES HELYREÁLLÍTÁS (CÍM + BADGE + TÉRKÖZ)
   ========================================================= */

.deal-section {
    background-color: #fdfcfc !important;
    border: 1px solid #dec1c8 !important;
    border-radius: 12px !important;
    padding: 40px 30px !important;
    text-align: center !important;
    font-family: 'Poppins', sans-serif !important;
    box-shadow: 0 8px 20px rgba(132, 28, 51, 0.08) !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    margin-bottom: 30px !important; /* Alsó térköz a kártya alatt */
}

/* "A HÉT AJÁNLATA" FELIRAT HELYREÁLLÍTÁSA */
.deal-section h2 {
    color: #8b2b42 !important; /* Polished Apple bordó */
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important; /* Elegáns betűköz */
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    display: block !important;
    border: none !important; /* Ha a téma vonalat húzna alá, töröljük */
}

/* A -30% JELVÉNY (BADGE) */
.deal-badge {
    background-color: #841c33 !important; /* Beet Red */
    display: inline-block !important;
    padding: 10px 25px !important;
    border-radius: 30px !important;
    box-shadow: 0 4px 10px rgba(132, 28, 51, 0.3) !important;
    margin-bottom: 20px !important;
}

/* A JELVÉNYEN BELÜLI SZÖVEG */
.deal-badge strong {
    color: #ffffff !important; /* Hófehér */
    font-size: 1.4rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

/* TERMÉKNÉV (LOREM IPSUM) */
.deal-content h3 {
    color: #4a4a4a !important;
    font-size: 1.8rem !important;
    font-weight: 700 !important;
    margin: 0 0 10px 0 !important;
    text-transform: uppercase !important;
}

/* ÁR */
.deal-content p {
    color: #841c33 !important;
    font-size: 1.6rem !important;
    font-weight: 700 !important;
    margin: 10px 0 20px 0 !important;
}

/* DNN FIXEK */
#dnn_ctr474_HtmlModule_lblContent, 
#dnn_ctr474_ModuleContent,
#dnn_ctr474_ContentPane {
    height: 100% !important;
}

/************************KOLLEKCIO FOOLDAL *************************/
/************************KOLLEKCIO FOOLDAL *************************/
/************************KOLLEKCIO FOOLDAL *************************/
/************************KOLLEKCIO FOOLDAL *************************/
/************************KOLLEKCIO FOOLDAL *************************/
/************************KOLLEKCIO FOOLDAL *************************/
/************************KOLLEKCIO FOOLDAL *************************/
/* =========================================================
   KOLLEKCIÓ FŐOLDAL 
   ========================================================= */

/* A fő konténer formázása */
.kollekciok-szekcio h2 {
    color: #841c33 !important; /* Beet Red */
    font-weight: 700 !important;
    margin-top: 10px;          /* Igazítva a fenti kártyákhoz */
    margin-bottom: 25px;       /* Igazítva a fenti kártyákhoz */
    text-transform: uppercase !important;
    text-align: center !important;
    font-size: 1.3rem !important; /* Pontosan akkora, mint a fenti kártyáké */
    font-family: 'Poppins', sans-serif;
}

.kollekciok-szekcio {
    max-width: 1350px; 
    margin: 40px auto; 
    padding: 20px;
    font-family: 'Poppins', sans-serif;
}

/* Rács elrendezés a 4 kártyához */
.kategoria-tarolo {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px; 
}

/* Egyedi kártya stílus */
.kategoria-kartya {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    overflow: hidden;
    transition: all 0.3s ease;
    text-align: center;
    border: 1px solid #eee;
    height: 300px;
}

/* A lebegő effektus (Hover) a kártyára */
.kategoria-kartya:hover {
    transform: translateY(-10px);
    box-shadow: 0 12px 20px rgba(0,0,0,0.15);
}

/* AZ ÚJ LINK FORMÁZÁSA: Eltüntetjük az alapértelmezett link stílust */
.kategoria-teljes-link {
    text-decoration: none; /* Nincs aláhúzás */
    color: #841c33;
    display: block; /* Kitölti a teljes kártyát */
    height: 100%;
}

.kategoria-teljes-link:hover, .kategoria-teljes-link:visited  {
    text-decoration: none; /* Nincs aláhúzás */
     color: #841c33;
}

/* Kép konténer és kép formázás */
.kep-tarolo {
    width: 100%;
    aspect-ratio: 4/3;
    overflow: hidden;
}

.kep-tarolo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Szöveg formázása a kép alatt */
.kategoria-kartya h3 {
    margin: 15px 0;
    font-size: 1.2rem;
    font-weight: 600;
    transition: color 0.3s ease;
}

/* Kiemelés a szövegen is, ha a kártya fölé visszük az egeret (opcionális) */
.kategoria-elem:hover h3 {
    color: #841c33; 
    text-decoration: none;
}
.kategoria-elem h3 {
    color: #841c33; /* Sötétszürke alapállapotban */
    font-size: 1.2rem;
    font-weight: 600;
    margin: 0;
    transition: color 0.3s ease;
}

/************************VEGE KOLLEKCIO FOOLDAL *************************/
/************************VEGE KOLLEKCIO FOOLDAL *************************/
/************************VEGE KOLLEKCIO FOOLDAL *************************/
/************************VEGE KOLLEKCIO FOOLDAL *************************/
/************************VEGE KOLLEKCIO FOOLDAL *************************/
/************************VEGE KOLLEKCIO FOOLDAL *************************/


/**********************Rolunk**********************************/
/**********************Rolunk**********************************/
/**********************Rolunk**********************************/
/**********************Rolunk**********************************/



/* =========================================================
   CSAPATTAGOK KÉPEINEK FORMÁZÁSA (Modul: 502)
   ========================================================= */

/* A képek konténerének és magának a képnek a beállítása */
#dnn_ctr502_HtmlModule_lblContent img.card-img {
    width: 150px !important;       /* Fix szélesség (kisebb méret) */
    height: 150px !important;      /* Fix magasság */
    object-fit: cover !important;  /* Levágja a széleket, ha nem négyzetes, így nem torzul */
    display: block !important;
    margin: 0 auto 15px auto !important; /* Középre igazítás és távolság a név elől */
    
    /* Esztétikai kiegészítések */
    border-radius: 50% !important; /* Kör alakú képek (ha szögletest szeretnél, töröld ezt a sort) */
    border: 3px solid #dec1c8 !important; /* Light Lilac keret a kép körül */
    transition: transform 0.3s ease;    /* Finom animáció hover esetén */
}

/* Hover effekt: ha az egér felette van, kicsit megemelkedik */
#dnn_ctr502_HtmlModule_lblContent img.card-img:hover {
    transform: scale(1.05);
}

/* A név és beosztás szövegének (span) finomítása a képek alatt */
#dnn_ctr502_HtmlModule_lblContent span[style*="font-size:12px"] {
    display: block !important;
    line-height: 1.4 !important;
    margin-bottom: 40px !important; /* Távolság a következő csapattag előtt */
    font-size: 14px !important;      /* Kicsit nagyobb olvashatóság */
    color: #4a4a4a !important;
}

/* Az utolsó tagnál ne legyen alsó margó */
#dnn_ctr502_HtmlModule_lblContent p:last-of-type span {
    margin-bottom: 0 !important;
}




/* =========================================================
   CSAPAT SZAKASZ (502) ÉS SZÖVEG STÍLUS KORREKCIÓ
   ========================================================= */

/* 1. Képek egységesítése és méretezése */
#dnn_ctr502_HtmlModule_lblContent img.card-img {
    width: 120px !important;      /* Kisebb méret */
    height: 120px !important;     /* Legyen négyzetes */
    object-fit: cover !important; /* Ne torzuljon a kép */
    border-radius: 50% !important; /* Kör alakú (opcionális, töröld ha szögletest szeretnél) */
    border: 2px solid #dec1c8 !important;
    margin: 20px auto 10px auto !important;
    display: block !important;
}

/* 2. Szövegek kényszerítése (hogy felvegyék a kártya stílusát) */
#dnn_ctr502_HtmlModule_lblContent p, 
#dnn_ctr502_HtmlModule_lblContent p span, 
#dnn_ctr502_HtmlModule_lblContent p strong {
    color: #4a4a4a !important;     /* Sötétszürke */
    font-size: 1rem !important;    /* Felülírja a 12px-et */
    line-height: 1.6 !important;
    font-family: 'Poppins', sans-serif !important;
}

/* 3. A nevek (strong) kiemelése a leírás felett */
#dnn_ctr502_HtmlModule_lblContent p strong {
    color: #841c33 !important;     /* Beet Red a neveknek */
    display: inline-block;
    margin-bottom: 5px;
    font-size: 1.1rem !important;
}

/* 4. Térköz a csapattagok között */
#dnn_ctr502_HtmlModule_lblContent p {
    text-align: center !important; /* A csapatnál jobban mutat a középre zárt szöveg */
    margin-bottom: 15px !important;
}

/* 5. A felesleges üres bekezdések eltüntetése */
#dnn_ctr502_HtmlModule_lblContent p:empty,
#dnn_ctr502_HtmlModule_lblContent p br:only-child {
    display: none !important;
}



/* =========================================================
   NAGYOBB LOGÓ KÁRTYÁK - TÁGASABB TÉRKÖZÖKKEL
   ========================================================= */

.partner-logok-tarolo {
    display: flex;
    justify-content: center;    /* Középre rendezi a kártyacsoportot */
    align-items: center;        /* Függőlegesen egy vonalba hozza őket */
    gap: 60px;                  /* JELENTŐSEN MEGNÖVELT TÉRKÖZ a kártyák között */
    padding: 60px 0;            /* Több hely alul-felül */
    width: 100%;
    flex-wrap: wrap;            /* Ha nem férnek el, szépen új sorba törnek */
}

.logo-elem {
    display: inline-flex;       /* A keret pontosan akkora, mint a kép + padding */
    background: #ffffff;
    border: 1px solid #dec1c8;  /* Light Lilac keret */
    border-radius: 15px;        /* Kicsit kerekebb sarkok a nagyobb mérethez */
    padding: 25px;              /* Tágasabb belső hely a logónak */
    box-shadow: 0 8px 25px rgba(132, 28, 51, 0.07); /* Erősebb árnyék a nagyobb mérethez */
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    text-decoration: none !important;
}

.logo-elem:hover {
    transform: translateY(-10px); /* Látványosabb emelkedés */
    box-shadow: 0 15px 35px rgba(132, 28, 51, 0.15);
    border-color: #841c33;      /* Beet Red keret hoverre */
}

.logo-elem img {
    /* ITT ÁLLÍTSD A LOGÓK MÉRETÉT */
    width: auto;
    max-width: 250px;           /* MEGNÖVELT SZÉLESSÉG */
    height: auto;
    max-height: 160px;          /* MEGNÖVELT MAGASSÁG */
    display: block;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.logo-elem:hover img {
    transform: scale(1.03);     /* Csak minimális nagyítás a képnek */
}

/* Mobil optimalizálás */
@media (max-width: 992px) {
    .partner-logok-tarolo {
        gap: 40px;              /* Tablet nézetben kicsit kisebb köz */
    }
}

@media (max-width: 600px) {
    .partner-logok-tarolo {
        gap: 30px;
        padding: 30px 0;
    }
    .logo-elem {
        padding: 15px;          /* Mobilon kevesebb belső hely */
    }
    .logo-elem img {
        max-width: 180px;       /* Mobilon ne lógjanak le az oldalról */
        max-height: 120px;
    }
}



/************************FOOTER *************************/
/************************FOOTER *************************/
/************************FOOTER *************************/
/************************FOOTER *************************/
 footer .footer-above {
    background-color: #dec1c8; /* #dbb3b5; #ff9191;#6d6d6d;*/ 
    padding-top: 25px;
    padding-left: 25px;
    border-top: 1px solid #dec1c8 !important; 
    border-radius: 12px 12px 0 0;
}

/* =========================================================
   LÁBLÉC (FOOTER) - RESZPONZÍV ÉS MÁRKA STÍLUS
   ========================================================= */

footer {
    font-family: 'Poppins', sans-serif;
    color: #4a4a4a;
}

/* --- FOOTER FELSŐ RÉSZ (Logó és Kapcsolat) --- */
footer .footer-above {
    background-color: #fdfcfc; /* Brilliance (világos) háttér */
    border-top: 2px solid #dec1c8; /* Finom Light Lilac vonal felül */
    padding: 50px 0 30px 0; /* Tágas térközök, a fura left-padding eltüntetve */
}

/* A logó és a mottó (Blockquote kényszerített tisztítása) */
footer .footer-above blockquote {
    border-left: none !important; /* Eltüntetjük a sablon vonalát */
    padding: 0 !important;
    margin: 0 !important;
    font-size: 1rem;
    color: #841c33; /* Beet Red szöveg */
    font-weight: 500;
}

footer .footer-above img.card-img {
    max-width: 180px !important; /* Logó maximális mérete */
    height: auto !important;
    display: block !important;
    margin: 0 auto 15px auto !important; /* Középre igazítja a logót */
}

/* Kapcsolat részleg (Címsor) */
footer .footer-above h3 {
    color: #841c33 !important;
    font-size: 1.2rem !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
}

/* Eltüntetjük az üres címsort, amit a rendszer betett */
footer .footer-above h3:empty, 
footer .footer-above h3:contains(" ") {
    display: none !important;
}

/* Kapcsolat lista (Cím, Telefon, stb.) */
footer .footer-above ul {
    list-style: none !important; /* Levesszük a b*/
}

 
/************************ VEGEE FOOTER *************************/
/************************ VEGE FOOTER *************************/
/************************VEGE FOOTER *************************/
/************************VEGE FOOTER *************************/





.btn-primary {
    color: #fefefe; /* Tiszta fehér betűk [cite: 2] */
    background-color: #841c33; /* Beet Red háttér  */
    border: 2px solid #841c33; /* Vastagabb, stabilabb keret  */
    
    /* Forma és méret */
    padding: 8px 22px; /* Szellős, könnyen kattintható terület (mobilon is jó!) */
    border-radius: 30px; /* Modern "pirula" forma */
    
    /* Tipográfia */
    font-family: 'Poppins', sans-serif;
    font-weight: 550; /* Félkövér, hogy határozott legyen */
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 1px; /* Egy kis extra betűköz a prémium hatásért */
    
    /* Effektek */
    cursor: pointer;
    box-shadow: 0 4px 10px rgba(132, 28, 51, 0.2); /* Nagyon finom, bordós árnyék */
    transition: all 0.3s ease; /* Lágy átmenet minden változásra */
}

.btn-primary:hover {
    color: #841c33 !important; /* Beet Red felirat rámutatáskor  */
    background-color: #dec1c8; /* Light Lilac háttér  */
    border-color: #dec1c8; /* Light Lilac keret  */
    
    /* Interakció */
    transform: translateY(-3px); /* A gomb picit "felemelkedik" a képernyőn */
    box-shadow: 0 6px 15px rgba(132, 28, 51, 0.35); /* Az árnyék megnő, erősítve a lebegést */
}



/* =========================================================
   BELÉPÉS ÉS REGISZTRÁCIÓ MODUL FORMÁZÁSA (PawPromise Stílus)
   ========================================================= */

/* 1. A fő bejelentkezési kártya (CSAK a Login kap keretet) */
#dnn_ctr449_ModuleContent {
    max-width: 450px; 
    max-height: 700px;
    margin: 40px auto; 
    background-color: #fdfcfc; 
    border: 1px solid #dec1c8; 
    border-radius: 15px;
    padding: 30px 30px 2px 30px;
    font-family: 'Poppins', sans-serif;
    box-shadow: 0 8px 20px rgba(132, 28, 51, 0.08); 
}

/* 2. Az űrlap elemeinek térköze mindkét űrlapon */
.dnnLogin .dnnFormItem,
.dnnRegistrationForm .dnnFormItem {
    margin-bottom: 20px;
    text-align: left; 
}

/* 3. A címkék (Username, Password, Email, stb.) */
.dnnLogin .dnnFormLabel,
.dnnRegistrationForm .dnnLabel label {
    display: block;
    color: #841c33; 
    font-weight: 600;
    margin-bottom: 8px;
    font-size: 0.95rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* 4. A beviteli mezők formázása (Közös a Loginnál és Regisztrációnál is!) */
.dnnLogin input[type="text"],
.dnnLogin input[type="password"],
.dnnRegistrationForm input[type="text"],
.dnnRegistrationForm input[type="password"] {
    /*width:400px;*/
    padding: 12px 15px;
    border: 1px solid #dec1c8; 
    border-radius: 8px; 
    font-family: 'Poppins', sans-serif;
    font-size: 1rem;
    color: #4a4a4a;
    background-color: #ffffff;
    box-sizing: border-box !important; 
    transition: all 0.3s ease;
}

/* Fókusz állapot mindkét űrlapon */
.dnnLogin input[type="text"]:focus,
.dnnLogin input[type="password"]:focus,
.dnnRegistrationForm input[type="text"]:focus,
.dnnRegistrationForm input[type="password"]:focus {
    outline: none !important; 
    border-color: #841c33; 
    box-shadow: 0 0 8px rgba(132, 28, 51, 0.15); 
}

/* 5. A "Remember Login" checkbox */
.dnnLogin .dnnFormItem .dnnLoginRememberMe {
    display: flex;
    align-items: center;
    margin-top: -10px;
}

.dnnLogin .dnnBoxLabel {
    color: #4a4a4a;
    font-size: 0.9rem;
    margin-left: 10px;
    cursor: pointer;
}


/* REGISZTRÁCIÓ EXTRA: A gombokat tartó lista megtisztítása */
.dnnRegistrationForm ul.dnnActions {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}



/* 6. A Fő Gombok (Login, Register és Cancel) ALAP FORMÁZÁSA */
.dnnLogin a.dnnPrimaryAction,
.dnnLogin a.dnnSecondaryAction[id$="cancelLink"],
.dnnRegistrationForm a.dnnPrimaryAction,
.dnnRegistrationForm a.dnnSecondaryAction[id$="cancelLink"],
.dnnLogin a[id$="registerLink"],
.dnnLogin a[id$="passwordLink"],
#dnn_ctr493_ViewProfile_editLink,
#dnn_ctr495_HtmlModule_lblContent button a.LoginLink,
div[data-action*="saveditems/delete"] input[value="Remove"],
a.btn.btn-default[href*="termekek"]
{
    display: inline-block !important;
    border-radius: 30px !important;
    font-weight: 600 !important;
    font-size: 0.9rem !important;
    font-family: 'Poppins', sans-serif;
    text-decoration: none !important;
    box-sizing: border-box !important;
    background-image: none !important; 
   /* margin-top: 15px !important;*/
    transition: all 0.3s ease !important;
    outline: none !important; 
    width: 115px; 
}

a.btn.btn-default[href*="termekek"]{
    font-weight: 600 !important;
    font-size: 0.7rem !important;
    width: 160px;
    color:#841c33;
    border-color: #dec1c8 ;
}

.dnnLogin a[id$="cancelLink"],
.dnnLogin a[id$="passwordLink"]
{
    width: 140px !important;
    /*margin: 0 0 0 30px !important; /* 30px szünet a gomboktól */
    /*padding: 14px 0 !important; /* Vertikális igazítás a gombhoz */
    float: left !important;
    text-align: left !important;
    background: transparent !important;
    background-color: transparent !important;
    border: none !important; /* Letörli a gomb keretet a Cancelről! */
    color: #8b2b42 !important; /* Polished Apple szín */
    font-size: 0.95rem !important;
    font-weight: 500 !important;
    text-decoration: underline !important;
    text-transform: none !important;
    box-shadow: none !important;
    max-width: 400px;
}

.dnnLogin a[id$="passwordLink"] 
{
     white-space: nowrap !important;
}

.dnnRegistrationForm a.dnnPrimaryAction,
.dnnLogin a.dnnPrimaryAction,
#dnn_ctr493_ViewProfile_editLink
{
    float: left !important;
    /*margin-left: 30px !important; */
    color: #fefefe !important;
    background-color: #841c33 !important; 
    border: 2px solid #841c33 !important;
    box-shadow: 0 4px 10px rgba(132, 28, 51, 0.2) !important;
}

#dnn_ctr493_ViewProfile_editLink{
    width: 150px;
}

.dnnLogin a[id$="registerLink"],
.dnnRegistrationForm a.dnnSecondaryAction[id$="cancelLink"],
#dnn_ctr495_HtmlModule_lblContent button a.LoginLink,
div[data-action*="saveditems/delete"] input[value="Remove"]
 {
    float: left !important;
    color: #841c33 !important;
    background-color: #fdfcfc !important; 
    border: 2px solid #dec1c8 !important; 
}

/* Közös Hover (lebegő) effekt MINDEN gombra */
.dnnLogin a.dnnPrimaryAction:hover,
.dnnRegistrationForm a.dnnPrimaryAction:hover,
.dnnRegistrationForm a.dnnSecondaryAction[id$="cancelLink"]:hover,
.dnnLogin a[id$="registerLink"]:hover,
#dnn_ctr493_ViewProfile_editLink:hover,
#dnn_ctr495_HtmlModule_lblContent button a.LoginLink:hover,
div[data-action*="saveditems/delete"] input[value="Remove"]:hover,
a.btn.btn-default[href*="termekek"]:hover {
    color: #841c33 !important;
    background-color: #dec1c8 !important;
    border-color: #dec1c8 !important;
    transform: translateY(-3px);
    box-shadow: 0 6px 15px rgba(132, 28, 51, 0.35) !important;
    outline: none !important; 
}


.dnnLogin a.dnnSecondaryAction[id$="cancelLink"]:hover,
.dnnLogin a[id$="passwordLink"]:hover
{
    color: #dec1c8  !important;
    transform: translateY(-3px);
    outline: none !important; 
}


.dnnForm .dnnFormItem {
    clear: none;}

/* Közös gomb "takarítás" */
.dnnPrimaryAction, .dnnFormItem input[type="submit"], a.dnnPrimaryAction {
    text-shadow: none;
}
label {
    margin-bottom: 0px;
}


/* egyedi üzenet formázás*/
.dnnFormMessage {
    /*display: flex !important; 
    justify-content: left !important;*/
    margin: 20px auto;
    background-color: #fdfcfc;
    border: 1px solid #dec1c8;
    border-radius: 15px;
    font-family: 'Poppins', sans-serif;
    box-shadow: 0 8px 20px rgba(132, 28, 51, 0.08);
    padding: 20px; /* Egy kis belső teret tettem rá, hogy a szöveg ne tapadjon a falra */
    width: 1000px;
}

div.dnnRegistrationForm {
    width: 96%;
    min-width: 620px;
    margin-left: 50px;
}

.dnnFormMessage {
    margin: 0px !important;}



/*Profil eltuntetni a ket utolso tabot*/

/* A Manage Services fül elrejtése az ID alapján */
li#dnn_ctr_EditUser_servicesTab,
#UserProfile,
div[class="col-xs-12 text-right pull-right"] {
    display: none !important;
}

/* A Communications fül elrejtése az attribútuma alapján */
li[aria-controls="dnnUserSubscriptions"] {
    display: none !important;
}

/* Biztonság kedvéért a hozzájuk tartozó tartalom paneleket is elrejtjük, hogy ne lehessen rájuk hivatkozni */
#dnn_ctr_EditUser_dnnServicesDetails,
#dnnUserSubscriptions {
    display: none !important;
}

/* EXTRA: Eltünteti a külső HTML gomb alapértelmezett szürke kinézetét, hogy csak a te link formázásod látsszon */
#dnn_ctr495_HtmlModule_lblContent button {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    cursor: pointer;
}

/* Az Edit Profile és a Logout gomb teljesen egyforma méretű és középre zárt legyen */
#dnn_ctr493_ViewProfile_editLink,
#dnn_ctr495_HtmlModule_lblContent button a.LoginLink {
    width: 150px !important;
    text-align: center !important; /* Hogy a szöveg szépen középen maradjon a szélesebb gombon */
    padding: 10px 0 !important; /* Fix belső margó, ami garantálja, hogy a magasságuk is megegyezzen */
    line-height: normal !important; /* Megakadályozza, hogy a sablon alap sormagassága elcsúsztassa */
}



.DnnModule.DnnModule-Registration.DnnModule-458 .dnnRegistrationForm{
min-width: 100%;
margin-left: 0px;
}

.DnnModule.DnnModule-Registration.DnnModule-458 .dnnRegistrationForm .dnnRegistrationForm{
min-width: 100%;
margin-left: 0px;
}

@media (max-width: 768px) {
    .DnnModule.DnnModule-Registration.DnnModule-458 .dnnForm .dnnFormItem {
    display: flex;
    flex-direction: column;
    align-items:center;
    width: 100%;
    text-align: center;
    }
.DnnModule.DnnModule-Registration.DnnModule-458 .DNNModuleContent.ModRegistrationC .dnnLabel{
    position: unset; 
    padding-right: 0px;
    margin-right: 0px;
    }

    .DnnModule.DnnModule-Registration.DnnModule-458 label {
        display:flex;
        justify-content: center;

        
    }
    .DnnModule.DnnModule-Registration.DnnModule-458 .dnnLabel {
        width:250px;
        
    }
    .DnnModule.DnnModule-Registration.DnnModule-458 input {
        width: 80%;
        
    }

    .DnnModule.DnnModule-Registration.DnnModule-458 .password-strength-container {
        width:100%;
        max-width: unset;
    }
    .DnnModule.DnnModule-Registration.DnnModule-458 .dnnTooltip
    {
        position: relative !important;
    }

}
.DnnModule.DnnModule-Registration.DnnModule-458 ul#dnn_ctr458_Register_actionsRow {
display: flex;
justify-content: center;
}

.DnnModule.DnnModule-Registration.DnnModule-458 .dnnRegistrationForm .dnnForm{
float: none; 
min-width: 100%; 
width: 100%;
}
.DnnModule.DnnModule-Registration.DnnModule-458 .dnnForm .dnnFormItem {
    display:flex;
    align-items:center;

}
.DnnModule.DnnModule-Registration.DnnModule-458 input {
    margin: 0px;
    
}
html, body {
    overflow-x: hidden !important;
    max-width: 100%;
}


/* =========================================
   HOTCAKES WISHLIST ÉS ORDER HISTORY STÍLUSOK (EGYESÍTVE)
   ========================================= */

/* Alap betűtípus és szövegszín beállítása a modulokon belül */
.ModHotcakesWishListC,
.ModHotcakesOrderHistoryC {
    font-family: 'Poppins', sans-serif;
    color: #4a4a4a;
}

/* Főcímsor (Wishlist és Order history H2) */
.ModHotcakesWishListC h2,
.ModHotcakesOrderHistoryC h2 {
    color: #841c33;
    font-weight: 600;
}

/* Termékkép finomítása */
.ModHotcakesWishListC .hc-wishlist img.img-responsive {
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

/* Termék neve (Kártya címe) */
.ModHotcakesWishListC .hc-wishlist .col-xs-9 > h2 {
    font-size: 1.2rem;
    border-bottom: 1px dashed #dec1c8;
    padding-bottom: 10px;
    margin-top: 0;
    margin-bottom: 15px;
    color: #841c33;
}

/* Termékleírás szövegei */
.ModHotcakesWishListC .hc-wishlist .col-xs-8 h2 {
    font-size: 1rem;
    color: #4a4a4a;
    margin-top: 10px;
}
.ModHotcakesWishListC .hc-wishlist .col-xs-8 p {
    font-size: 0.7rem;
    line-height: 1.6;
}

/* ÁR KIEMELÉSE ÉS FEJLÉC TÍPUSÚ SZÖVEGEK */
.ModHotcakesWishListC .hc-wishlist label.control-label {
    color: #841c33;
    text-transform: uppercase;
    font-size: 0.6rem;
    letter-spacing: 0.5px;
    margin-top: 10px;
    
}

/* A konkrét ár összegének formázása (Order History-ban ez a 3. oszlop) */
.ModHotcakesWishListC .hc-wishlist .form-control-static
 {
    color: #841c33;
    font-weight: 700;
    font-size: 1.2rem;
    padding-top: 5px;
} 

/* --- HIBÁK JAVÍTÁSA: Ár tördelés és egymásra csúszó gombok --- */

/* 1. Megakadályozza, hogy az 'Ft' új sorba ugorjon (egyben tartja az árat) */
.ModHotcakesWishListC .hc-wishlist .form-control-static,
.ModHotcakesOrderHistoryC .table tbody tr td:nth-child(3) {
    white-space: nowrap !important; 
}

/* 2. A gombokat tartalmazó rész Flexboxos átalakítása, hogy NE fedjék egymást (Csak Wishlist) */
.ModHotcakesWishListC .hc-wishlist .form-inline.control-inline {
    display: flex !important;
    flex-direction: column !important; /* Egymás alá teszi a két gombot */
    align-items: flex-start !important;  /*Mindkettőt jobbra igazítja */
    gap: 10px !important; /* Hagy egy kis helyet a két gomb között */
    width: 100% !important;
}

div[data-action*="saveditems/delete"] {
    padding-left: 30px;
}

/* Felülírjuk a Hotcakes oszlop-szélességeit, amik a csúszást okozták (Csak Wishlist) */
.ModHotcakesWishListC .hc-wishlist .form-inline.control-inline > div {
    width: auto !important; 
    text-align: right !important;
    padding: 0 !important;
}

a, a:visited {
    color: #841c33;
    text-decoration: underline;
    outline: 0;
}

.row{
    margin: 0px;
}








/***************************TERMEKEK*********************/
/***************************TERMEKEK*********************/
/***************************TERMEKEK*********************/

/* =========================================================
   LAPOZÓ (PAGINATION) - PAWPROMISE STÍLUS
   ========================================================= */

/* 1. A lapozó fő konténere (Flexbox a középre igazításhoz és tördeléshez) */
ul.pagination {
    display: flex !important;
    flex-wrap: wrap !important; /* Ha sok az oldal, szépen új sorba törnek a gombok */
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important; /* Távolság a számok között */
    list-style: none !important;
    padding: 0 !important;
    margin: 30px 0 !important;
    border-radius: 0 !important;
}

ul.pagination li {
    display: inline-block !important;
    margin: 0 !important;
}

/* 2. Az egyes számok (gombok) alapértelmezett kinézete */
ul.pagination li a,
ul.pagination li span {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 42px !important;
    height: 42px !important;
    background-color: #fdfcfc !important; /* Brilliance (fehér) háttér */
    color: #4a4a4a !important; /* Sötétszürke szöveg */
    font-family: 'Poppins', sans-serif !important;
    font-weight: 600 !important;
    font-size: 0.95rem !important;
    text-decoration: none !important;
    border: 1px solid #dec1c8 !important; /* Light Lilac finom keret */
    border-radius: 10px !important; /* Kellemesen lekerekített forma */
    box-shadow: 0 2px 6px rgba(132, 28, 51, 0.05) !important;
    transition: all 0.3s ease !important;
}

/* 3. Hover (rámutatás) effektus */
ul.pagination li a:hover,
ul.pagination li span:hover {
    background-color: #dec1c8 !important; /* Light Lilac háttér lesz */
    color: #841c33 !important; /* Beet Red felirat */
    border-color: #dec1c8 !important;
    transform: translateY(-2px) !important; /* Picit felemelkedik */
    box-shadow: 0 4px 10px rgba(132, 28, 51, 0.15) !important;
}

/* 4. Az Aktuális (Kiválasztott) oldal stílusa */
ul.pagination li.active a,
ul.pagination li.active span {
    background-color: #841c33 !important; /* Beet Red háttér */
    color: #ffffff !important; /* Hófehér felirat */
    border-color: #841c33 !important;
    box-shadow: 0 4px 12px rgba(132, 28, 51, 0.25) !important;
    pointer-events: none !important; /* Az aktuális oldalra ne lehessen rákattintani megint */
}

/* Kijelölt oldal esetén ne emelkedjen meg hoverre (már eleve aktív) */
ul.pagination li.active a:hover {
    transform: none !important; 
}

/* 5. Mobil optimalizálás (Kisebb gombok, hogy több kiférjen egy sorba) */
@media (max-width: 768px) {
    ul.pagination {
        gap: 5px !important; /* Kisebb távolság */
    }
    
    ul.pagination li a,
    ul.pagination li span {
        width: 36px !important;
        height: 36px !important;
        font-size: 0.85rem !important;
        border-radius: 8px !important;
    }
}





/* =========================================================
   KATEGÓRIA OLDAL FEJLÉC (H1) ÉS LEÍRÁS FORMÁZÁSA
   ========================================================= */

/* 1. A főcím (pl. KUTYUSOK) stílusa - megegyezik a többi címmel */
.col-xs-12 > h1:first-child {
    color: #841c33 !important; /* Beet Red */
    font-family: 'Poppins', sans-serif !important;
    font-weight: 700 !important;
    font-size: 1.8rem !important; /* Kicsit nagyobb, mert ez az oldal főcíme */
    text-transform: uppercase !important;
    text-align: center !important;
    margin-top: 20px !important;
    margin-bottom: 15px !important;
    letter-spacing: 1.5px !important; /* Pici betűköz az eleganciáért */
}

/* 2. A kategória leírása (pl. "Kutyák számára készült...") */
.col-xs-12 > .row > div > p {
    color: #4a4a4a !important; /* Sötétszürke a jó olvashatóságért */
    font-family: 'Poppins', sans-serif !important;
    font-size: 1.05rem !important;
    line-height: 1.6 !important;
    text-align: center !important; /* Középre igazítjuk a cím alatt */
    margin-bottom: 40px !important; /* Tágas térköz a termékek/alkategóriák előtt */
    max-width: 800px !important; /* Hosszú szöveg esetén ne nyúljon ki a képernyő széléig */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 3. A "Sort By" (Rendezés) szöveg formázása a jobb oldalon */
.form-inline .form-group label.margin-right-md {
    font-family: 'Poppins', sans-serif !important;
    color: #841c33 !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    font-size: 0.85rem !important;
}

/* A rendezés legördülő menü (Select) formázása */
.form-inline .form-group select.form-control {
    font-family: 'Poppins', sans-serif !important;
    color: #4a4a4a !important;
    border: 1px solid #dec1c8 !important;
    border-radius: 8px !important;
    padding: 5px 10px !important;
    outline: none !important;
}

.form-inline .form-group select.form-control:focus {
    border-color: #841c33 !important;
    box-shadow: 0 0 5px rgba(132, 28, 51, 0.2) !important;
}






/* =========================================================
   KATEGÓRIA KÁRTYÁK (Kabátok, Cipők) - KÉP KITÖLTÉSE
   ========================================================= */

/* A kártya (Panel) külső kerete */
.col-md-4:not(.hc-product-card) > .panel.panel-default {
    border-radius: 12px !important;
    overflow: hidden !important; /* Hogy a sarkok kerekek maradjanak a képnél is */
    border: 1px solid #dec1c8 !important; /* Light Lilac keret */
    box-shadow: 0 4px 10px rgba(132, 28, 51, 0.08) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    border-bottom: none !important;
}

/* Lebegő effektus az egész kártyára */
.col-md-4:not(.hc-product-card) > .panel.panel-default:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 10px 20px rgba(132, 28, 51, 0.15) !important;
}

/* 1. Eltüntetjük a belső margót (padding), hogy a kép kiférjen a szélekig */
.col-md-4:not(.hc-product-card) > .panel.panel-default > .panel-body {
    padding: 0 !important;
    height: 220px !important; /* Fix magasság, hogy az összes kártya garantáltan egyforma magas legyen! */
    overflow: hidden !important;
}

.col-md-4:not(.hc-product-card) > .panel.panel-default > .panel-body a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}

/* 2. A kép feszüljön ki a dobozban (object-fit: cover) */
.col-md-4:not(.hc-product-card) > .panel.panel-default > .panel-body img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* EZ A LÉNYEG: Kitölti a teret torzulás nélkül */
    display: block !important;
    border-radius: 12px 12px 0 0 !important; /* Csak a felső sarkokat kerekítjük */
    transition: transform 0.5s ease !important;
}

/* Pici nagyítás, ha ráviszed az egeret a képre */
.col-md-4:not(.hc-product-card) > .panel.panel-default:hover .panel-body img {
    transform: scale(1.05) !important;
}

/* 3. Az alsó szöveges rész (Footer) formázása */
.col-md-4:not(.hc-product-card) > .panel.panel-default > .panel-footer {
    background-color: #fdfcfc !important; /* Brilliance háttér */
    border-top: 1px solid #dec1c8 !important; /* Elválasztó vonal a kép és a szöveg között */
    padding: 15px !important;
    text-align: center !important;
    border-radius: 0 0 12px 12px !important;
}

/* A feliratok (pl. KABÁT) betűtípusa */
.col-md-4:not(.hc-product-card) > .panel.panel-default > .panel-footer a {
    color: #841c33 !important; /* Beet Red */
    font-family: 'Poppins', sans-serif !important;
    font-size: 1.1rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    letter-spacing: 1px !important;
}






/***************************TERMEKEK*********************/
/***************************TERMEKEK*********************/
/***************************TERMEKEK*********************/













/****************RESZPONZIVITAS*****************/
/****************RESZPONZIVITAS*****************/
/****************RESZPONZIVITAS*****************/
/****************RESZPONZIVITAS*****************/
/****************RESZPONZIVITAS*****************/
/****************RESZPONZIVITAS*****************/


/* =========================================================
   KOLLEKCIÓK - RESZPONZÍV NÉZETEK (TABLET ÉS MOBIL)
   ========================================================= */



/* A kártya feliratának kényszerítése egyetlen sorba */
.kategoria-kartya h2, 
.kategoria-kartya h3, 
.kategoria-kartya strong, 
.kategoria-kartya span {
    white-space: nowrap !important; /* SZIGORÚAN LETILTJA A SORTÖRÉST */
    overflow: hidden !important;    /* Biztonsági vágás, ha extrém hosszú lenne */
    text-overflow: ellipsis !important; /* Három pont, ha mégsem férne ki */
    background-color: #ffffff !important; 
    color: #841c33 !important;      /* Beet Red */
    font-size: 1.2rem !important;
    text-align: center !important;
    padding: 25px 10px !important;  /* A fehér sáv garantálása */
    margin: 0 !important;
    display: block !important;
    box-sizing: border-box !important;
}

/* --- TABLET ÉS MOBIL NÉZET (1024px alatt mindenképp egymás alá!) --- */
@media (max-width: 1024px) {
    .kategoria-tarolo {
        display: grid !important; 
        /* 1 FR = 1 OSZLOP, EGYMÁS ALÁ KERÜLNEK */
        grid-template-columns: 1fr !important; 
        gap: 30px !important; 
    }

    /* Hogy az 1 oszlop miatt ne legyenek indokolatlanul óriásiak a képek */
    .kategoria-kartya {
        max-width: 400px !important; /* Kellemes méreten tartja a kártyát */
        width: 100% !important;
        margin: 0 auto !important;   /* Középre igazítja az oszlopon belül */
        height: auto !important;
    }
}





#topHeader,
.footer-below{
    display: none !important;
}










/* =========================================================
   RESZPONZÍV FŐMENÜ - KIKÉNYSZERÍTETT HAMBURGER (1400px ALATT)
   ========================================================= */

/* --- MOBIL, TABLET ÉS KISEBB LAPTOP NÉZET (1400px alatt) --- */
@media (max-width: 1206px) {
    
    /* 1. Kényszerítjük a Hamburger gomb megjelenését */
    .navbar-header {
        display: block !important;
        float: none !important; 
        width: 100%; 
    }
    
    .navbar-toggle {
        display: block !important;
        background-color: transparent !important;
        border: 2px solid #841c33 !important; /* Beet Red keret */
        padding: 8px 10px !important;
        border-radius: 8px !important;
        margin-top: 5px !important;
        float: right !important; /* Jobbra toljuk a gombot */
    }

    /* A hamburger vonalkái */
    .navbar-toggle .icon-bar {
        display: block !important;
        width: 22px !important;
        height: 2px !important;
        background-color: #841c33 !important;
        margin: 4px 0 !important;
        border-radius: 2px !important;
    }

    /* 2. Elrejtjük a hagyományos asztali menüsávot! */
    .navbar-collapse.collapse {
        display: none !important;
        width: 100% !important;
        flex-basis: 100% !important;
        background-color: #fdfcfc !important; 
        border-radius: 12px !important;
        margin-top: 15px !important;
        box-shadow: 0 8px 20px rgba(132, 28, 51, 0.08) !important;
        border: 1px solid #dec1c8 !important;
        padding: 10px 0 !important;
    }

    /* Amikor rákattintanak a hamburgerre (kinyílik) */
    .navbar-collapse.collapse.in,
    .navbar-collapse.collapse.show {
        display: block !important;
    }

    /* 3. A főmenü elemei */
    ul.topLevel {
        display: block !important;
        list-style: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    .menuItem {
        display: block !important;
        width: 100% !important;
        border-bottom: 1px solid #f0eaec !important; 
    }
    
    .menuItem:last-child {
        border-bottom: none !important;
    }
    
    /* Fő linkek */
    #dnnMenu .topLevel > li > a {
        display: block !important;
        padding: 15px 20px !important;
        color: #841c33 !important;
        font-weight: 600 !important;
        font-size: 1rem !important;
        text-transform: uppercase !important;
        text-align: left !important;
    }

    /* 4. Almenük lenyitása */
    #dnnMenu .subLevel {
        display: none !important; 
        position: static !important; 
        box-shadow: none !important;
        border: none !important;
        background-color: transparent !important;
        padding: 0 0 10px 20px !important; 
        min-width: 100% !important;
    }

    /* Fókuszra vagy hoverre nyílik az almenü */
    .menuItem.dropdown:focus-within .subLevel,
    .menuItem.dropdown:active .subLevel,
    .menuItem.dropdown:hover .subLevel {
        display: block !important;
    }

    #dnnMenu .subLevel li a {
        padding: 8px 20px !important;
        font-size: 0.95rem !important;
        color: #4a4a4a !important; 
        font-weight: 500 !important;
        text-transform: none !important;
        border-radius: 0 !important;
    }
}

/* --- NAGY ASZTALI NÉZET (1401px FELETT) --- */
@media (min-width: 1401px) {
    /* Csak a nagy képernyőkön tér vissza a széles menü */
    .navbar-header {
        display: none !important;
    }
    
    .navbar-collapse.collapse {
        display: flex !important;
        justify-content: flex-end;
        flex-grow: 1;
    }
}










 /*1. Ne törjön ketté a szöveg (pl. CONFIRM PASSWORD) semmilyen méreten */
.dnnFormItem .dnnLabel label,
.dnnFormLabel {
    white-space: nowrap !important;
}

/* 2. Egy bizonyos méret alatt (pl. 768px - mobil/kisebb tablet) a szövegdoboz kerüljön a felirat alá */
/*@media (max-width: 768px) {
    /* A felirat doboza kinyúlik 100%-ra, és balra zárjuk */
    /*.dnnFormItem .dnnLabel {
        float: none !important;
        display: block !important;
        text-align: left !important;
        width: 100% !important;
        margin-bottom: 8px !important;
    }

    /* A szövegdoboz (input) is új sort kezd, és kitölti a teret */
   /* .dnnFormItem input[type="text"],
    .dnnFormItem input[type="password"],
    .dnnFormItem input[type="email"] {
        display: block !important;
        float: none !important;
        width: 100% !important; 
        max-width: 400px !important; /* Hogy azért ne legyen végtelenül hosszú */
   /*     margin-left: 0 !important;
    }
}

*/







/* =========================================================
   HOTCAKES TERMÉKOLDAL (PRODUCT VIEWER) - VÉGLEGES, ELEGÁNS
   ========================================================= */

/* Alap konténer beállítása */
.ModHotcakesProductViewerC {
    font-family: 'Poppins', sans-serif !important;
    color: #4a4a4a !important;
}

/* 1. Kényérbél navigáció (Breadcrumb) tisztítása */
.ModHotcakesProductViewerC .breadcrumb {
    background-color: transparent !important;
    padding: 10px 0 !important;
    margin-bottom: 20px !important;
    font-size: 0.9rem !important;
    border-bottom: 1px dashed #dec1c8 !important;
}

.ModHotcakesProductViewerC .breadcrumb a {
    color: #841c33 !important;
    text-decoration: none !important;
    font-weight: 500 !important;
}

.ModHotcakesProductViewerC .breadcrumb .active {
    color: #4a4a4a !important;
}

/* 2. Termék Főcíme (H1) - Finomított méret */
.ModHotcakesProductViewerC h1 {
    color: #841c33 !important; /* Beet Red */
    font-size: 1.6rem !important; 
    font-weight: 700 !important;
    text-transform: uppercase !important;
    margin-top: 10px !important;
    margin-bottom: 20px !important;
}

/* 3. Termékkép keretezése */
.ModHotcakesProductViewerC .hc-product-image img {
    border-radius: 12px !important;
    border: 1px solid #dec1c8 !important;
    box-shadow: 0 8px 20px rgba(132, 28, 51, 0.08) !important;
    margin: 0 auto !important; /* Középre zárt kép */
}

/* 4. Termék Részletek (Product Details) szekció */
.ModHotcakesProductViewerC h4 {
    color: #4a4a4a !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    border-bottom: 2px solid #841c33 !important;
    display: inline-block !important;
    padding-bottom: 3px !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
}

/* 5. Cikkszám és Készlet (SKU & Stock) */
.ModHotcakesProductViewerC .hc-product-form .control-label {
    color: #841c33 !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    font-size: 0.85rem !important;
}

.ModHotcakesProductViewerC #hcSku {
    font-weight: 500 !important;
    color: #4a4a4a !important;
}

.ModHotcakesProductViewerC #hcStockDisplay {
    background-color: #841c33 !important;
    color: #ffffff !important;
    padding: 3px 8px !important;
    border-radius: 4px !important;
    font-size: 0.75rem !important;
    margin-left: 10px !important;
    font-weight: 600 !important;
}

/* 6. Ár megjelenítése (Kisebb, elegánsabb) */
.ModHotcakesProductViewerC .hc-siteprice span {
    color: #841c33 !important;
    font-size: 1.4rem !important;
    font-weight: 700 !important;
    display: block !important;
    margin-bottom: 10px !important;
}

/* 7. Mennyiség választó (Quantity) */
.ModHotcakesProductViewerC input#qty {
    width: 80px !important;
    text-align: center !important;
    border: 1px solid #dec1c8 !important;
    border-radius: 8px !important;
    font-size: 1.1rem !important;
    padding: 8px !important;
    color: #4a4a4a !important;
}

.ModHotcakesProductViewerC input#qty:focus {
    border-color: #841c33 !important;
    outline: none !important;
    box-shadow: 0 0 5px rgba(132, 28, 51, 0.15) !important;
}

/* 8. Kosárba rakás és Kívánságlista Gombok Flexbox igazítása */
#hcProductActions {
    display: flex !important;
    gap: 15px !important;
    align-items: center !important;
    margin-top: 20px !important;
}

#hcProductActions .btn-primary {
    font-size: 1rem !important;
    padding: 12px 30px !important;
    width: auto !important;
}

#hcProductActions .btn-default {
    background-color: transparent !important;
    border: 2px solid #dec1c8 !important;
    color: #841c33 !important;
    font-size: 0.9rem !important;
    padding: 10px 20px !important;
    border-radius: 30px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

#hcProductActions .btn-default:hover {
    background-color: #dec1c8 !important;
    color: #ffffff !important;
}

/* 9. Leírás szövege (Description) */
.ModHotcakesProductViewerC .clearfix p {
    font-size: 0.95rem !important;
    line-height: 1.6 !important;
    color: #4a4a4a !important;
    margin-top: 15px !important;
}

/* 10. Értékelések (Reviews) szekció letisztítása */
.ModHotcakesProductViewerC h3 {
    color: #841c33 !important;
    font-size: 1.2rem !important;
    font-weight: 600 !important;
    border-bottom: 1px solid #dec1c8 !important;
    padding-bottom: 10px !important;
    margin-top: 40px !important;
}

.ModHotcakesProductViewerC .alert-warning {
    background-color: #fdfcfc !important;
    border: 1px solid #dec1c8 !important;
    color: #4a4a4a !important;
    border-radius: 8px !important;
}

.ModHotcakesProductViewerC .btn-success {
    background-color: #841c33 !important;
    border-color: #841c33 !important;
    color: #ffffff !important;
    border-radius: 30px !important;
    padding: 8px 20px !important;
    transition: all 0.3s ease !important;
}

.ModHotcakesProductViewerC .btn-success:hover {
    background-color: #dec1c8 !important;
    border-color: #dec1c8 !important;
    color: #841c33 !important;
}

/* --- RESZPONZÍVITÁS (MOBIL OPTIMALIZÁLÁS) --- */
@media (max-width: 768px) {
    .ModHotcakesProductViewerC h1 {
        font-size: 1.3rem !important;
        text-align: center !important;
    }
    
    .ModHotcakesProductViewerC .hc-siteprice span {
        font-size: 1.2rem !important;
        text-align: center !important;
    }
    
    #hcProductActions {
        flex-direction: column !important;
        width: 100% !important;
    }
    
    #hcProductActions input {
        width: 100% !important;
    }
    
    .ModHotcakesProductViewerC .form-group {
        text-align: center !important;
    }
    
    .ModHotcakesProductViewerC input#qty {
        margin: 0 auto !important; 
    }
}