.elementor-143 .elementor-element.elementor-element-ea31446{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-143 .elementor-element.elementor-element-9d6637c{--display:flex;--min-height:547px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.6;}.elementor-143 .elementor-element.elementor-element-9d6637c:not(.elementor-motion-effects-element-type-background), .elementor-143 .elementor-element.elementor-element-9d6637c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://pekseg.lionstackailab.hu/wp-content/uploads/2026/05/c99f1148136f0e5f6725f036478fff51d2eece7e-scaled.jpg");}.elementor-143 .elementor-element.elementor-element-9d6637c::before, .elementor-143 .elementor-element.elementor-element-9d6637c > .elementor-background-video-container::before, .elementor-143 .elementor-element.elementor-element-9d6637c > .e-con-inner > .elementor-background-video-container::before, .elementor-143 .elementor-element.elementor-element-9d6637c > .elementor-background-slideshow::before, .elementor-143 .elementor-element.elementor-element-9d6637c > .e-con-inner > .elementor-background-slideshow::before, .elementor-143 .elementor-element.elementor-element-9d6637c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-143 .elementor-element.elementor-element-751bf45{margin:-100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-143 .elementor-element.elementor-element-751bf45 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:55px;font-weight:900;text-transform:uppercase;color:var( --e-global-color-2b9027a );}.elementor-143 .elementor-element.elementor-element-425acf5{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-143 .elementor-element.elementor-element-0fefde8 .elementor-button{background-color:#FDC308;font-family:"Roboto", Sans-serif;font-weight:500;text-transform:uppercase;padding:16px 28px 16px 28px;}.elementor-143 .elementor-element.elementor-element-a9265a4 .elementor-button{background-color:#FFFFFF00;font-family:"Roboto", Sans-serif;font-weight:500;fill:var( --e-global-color-2b9027a );color:var( --e-global-color-2b9027a );border-style:solid;border-width:1px 1px 1px 1px;border-color:#FEE183;padding:16px 28px 16px 28px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-143 .elementor-element.elementor-element-9d6637c{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-143 .elementor-element.elementor-element-751bf45{padding:0px 0px 0px 0px;text-align:center;}.elementor-143 .elementor-element.elementor-element-751bf45 .elementor-heading-title{font-size:42px;}.elementor-143 .elementor-element.elementor-element-425acf5{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}}/* Start custom CSS for shortcode, class: .elementor-element-616253c *//* ==========================================================================
   PÉKÁRU ARCHÍVUM – FIGMA KÖZELI TELJES CSS
   Shortcode: [pekaru_archivum]
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700;900&family=Instrument+Sans:wght@400;500&family=Poppins:wght@400;500&display=swap');

.pekaru-archive-wrapper-bg {
    --pekaru-yellow: #FDC308;
    --pekaru-yellow-soft: rgba(253, 195, 8, 0.15);
    --pekaru-brown: #A04B2C;
    --pekaru-orange: #CF600F;
    --pekaru-border: #E7CAA0;
    --pekaru-text-muted: #888888;

    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 45px 0 45px !important;
    background: #FFFFFF !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

/* Figma Rectangle 146: teljes széles halványsárga háttér a kártyák mögött */
.pekaru-archive-wrapper-bg::before {
    content: "" !important;
    position: absolute !important;
    top: 415px !important;
    left: 50% !important;
    width: max(100vw, 1992px) !important;
    height: calc(100% - 415px) !important;
    transform: translateX(-50%) !important;
    background: linear-gradient(
        0deg,
        var(--pekaru-yellow-soft),
        var(--pekaru-yellow-soft)
    ), #FFFFFF !important;
    z-index: 0 !important;
    pointer-events: none !important;
}

.pekaru-archive-container {
    position: relative !important;
    z-index: 1 !important;
    width: 1316px !important;
    max-width: calc(100% - 48px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* ==========================================================================
   FŐCÍM
   ========================================================================== */

.pekaru-archive-title-main {
    width: 100% !important;
    margin: 0 0 14px !important;
    padding: 0 !important;

    font-family: "Roboto", sans-serif !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 52.08px !important;
    line-height: 125% !important;
    text-align: center !important;
    text-transform: uppercase !important;

    color: var(--pekaru-orange) !important;
    background: transparent !important;
    border: 0 !important;
}

/* ==========================================================================
   FORM / KERESŐ
   ========================================================================== */

#pekaru-archive-filter-form {
    width: 100% !important;
    margin: 0 0 0 !important;
    padding: 0 !important;
}

.pekaru-search-panel {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    margin: 0 0 11px !important;
    padding: 0 !important;
}

.pekaru-search-box-wrap {
    position: relative !important;
    width: 550px !important;
    max-width: 100% !important;
    height: 52px !important;
    margin: 0 auto !important;
}

.pekaru-search-box-wrap input[type="text"] {
    width: 100% !important;
    height: 52px !important;
    margin: 0 !important;
    padding: 0 65px 0 18px !important;

    background: #FFFFFF !important;
    border: 1px solid #E7E7E7 !important;
    border-radius: 26px !important;
    box-shadow: none !important;
    outline: none !important;

    font-family: "Roboto", sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 120% !important;
    letter-spacing: -0.02em !important;
    color: #454545 !important;

    -webkit-appearance: none !important;
    appearance: none !important;
}

.pekaru-search-box-wrap input[type="text"]::placeholder {
    color: var(--pekaru-text-muted) !important;
}

.pekaru-search-box-wrap input[type="text"]:focus {
    border-color: var(--pekaru-yellow) !important;
    box-shadow: none !important;
}

.pekaru-search-btn-circle {
    position: absolute !important;
    right: 6px !important;
    top: 6px !important;

    width: 40px !important;
    height: 40px !important;
    padding: 0 !important;
    margin: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: var(--pekaru-yellow) !important;
    border: 0 !important;
    border-radius: 50% !important;
    box-shadow: none !important;
    outline: none !important;
    cursor: pointer !important;
}

.pekaru-search-btn-circle:hover,
.pekaru-search-btn-circle:focus {
    background: var(--pekaru-yellow) !important;
    filter: brightness(0.97) !important;
    box-shadow: none !important;
    outline: none !important;
}

.pekaru-search-btn-circle::before {
    content: "" !important;
    width: 24px !important;
    height: 24px !important;
    display: block !important;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5' stroke='%23A04B2C' stroke-width='2'/%3E%3Cpath d='M15.5 15.5L21 21' stroke='%23A04B2C' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
}

/* ==========================================================================
   SZŰRŐSOR
   ========================================================================== */

.pekaru-filter-controls-row {
    width: 100% !important;
    height: 32px !important;
    margin: 0 0 69px !important;
    padding: 0 !important;

    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important;
    align-items: center !important;
    gap: 0 !important;
}

.pekaru-trigger-group {
    grid-column: 2 !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;

    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Figma szerint ezek nem nagy outline pill gombok, hanem kis link/dropdown jellegű elemek */
.pekaru-trigger-btn {
    height: 26px !important;
    padding: 5px 10px !important;
    margin: 0 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 5px !important;
    box-shadow: none !important;
    outline: none !important;

    font-family: "Poppins", "Roboto", sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 13.3333px !important;
    line-height: 16px !important;
    letter-spacing: -0.01em !important;
    text-transform: none !important;
    color: #454545 !important;

    cursor: pointer !important;
    white-space: nowrap !important;
}

.pekaru-trigger-btn:hover,
.pekaru-trigger-btn:focus,
.pekaru-trigger-btn.panel-open {
    background: transparent !important;
    color: #454545 !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
}

.pekaru-btn-text {
    display: inline-flex !important;
    align-items: center !important;
}

.pekaru-btn-arrow {
    display: inline-block !important;
    width: 7px !important;
    height: 4px !important;
    background: transparent !important;
    flex: 0 0 auto !important;
    position: relative !important;
}

.pekaru-btn-arrow::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    width: 7px !important;
    height: 4px !important;
    background: #B0B0B0 !important;
    clip-path: polygon(0 0, 100% 0, 50% 100%) !important;
}

.pekaru-trigger-btn.panel-open .pekaru-btn-arrow {
    transform: rotate(180deg) !important;
}

/* Rendezés jobbra */
.pekaru-sort-group {
    grid-column: 3 !important;
    justify-self: end !important;

    display: flex !important;
    align-items: center !important;
    gap: 10px !important;

    width: auto !important;
    height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pekaru-sort-label {
    font-family: "Roboto", sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 120% !important;
    letter-spacing: -0.02em !important;
    color: var(--pekaru-text-muted) !important;
    white-space: nowrap !important;
}

.pekaru-sort-select-wrap {
    position: relative !important;
    width: 150px !important;
    height: 32px !important;

    display: flex !important;
    align-items: center !important;

    background: #FFFFFF !important;
    border: 1px solid #E7E7E7 !important;
    border-radius: 5px !important;
    box-sizing: border-box !important;
    padding: 0 30px 0 12px !important;
}

.pekaru-sort-select {
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;

    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;

    font-family: "Roboto", sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 120% !important;
    letter-spacing: -0.02em !important;
    color: var(--pekaru-text-muted) !important;

    -webkit-appearance: none !important;
    appearance: none !important;
    cursor: pointer !important;
}

.pekaru-sort-select-wrap::after {
    content: "" !important;
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    width: 8px !important;
    height: 5px !important;
    transform: translateY(-50%) !important;
    background: #888888 !important;
    clip-path: polygon(0 0, 100% 0, 50% 100%) !important;
    pointer-events: none !important;
}

/* ==========================================================================
   LENYÍLÓ KATEGÓRIA PANELEK
   ========================================================================== */

/* ==========================================================================
   LENYÍLÓ KATEGÓRIA PANELEK - BOX NÉLKÜL
   ========================================================================== */

.pekaru-bubble-panel-drawer {
    width: 100% !important;
    margin: -42px auto 52px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

.pekaru-bubble-grid {
    width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
}

.pekaru-bubble-btn {
    
    padding: 8px 16px !important;

    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;

    background: transparent !important;
    border: 1.4px solid var(--pekaru-brown) !important;
    border-radius: 50px !important;
    box-shadow: none !important;
    outline: none !important;

    font-family: "Roboto", sans-serif !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 12.2px !important;
    line-height: 24px !important;
    color: var(--pekaru-brown) !important;

    cursor: pointer !important;
    white-space: nowrap !important;
    text-decoration: none !important;
}

.pekaru-bubble-btn:hover,
.pekaru-bubble-btn:focus {
    background: rgba(253, 195, 8, 0.15) !important;
    border-color: var(--pekaru-brown) !important;
    color: var(--pekaru-brown) !important;
    box-shadow: none !important;
    outline: none !important;
}

.pekaru-bubble-btn.active {
    background: var(--pekaru-yellow) !important;
    border-color: var(--pekaru-yellow) !important;
    color: var(--pekaru-brown) !important;
}

/* ==========================================================================
   KÁRTYARÁCS
   ========================================================================== */

.pekaru-cards-grid-layout {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    display: grid !important;
    grid-template-columns: repeat(4, 306.45px) !important;
    column-gap: 30px !important;
    row-gap: 30px !important;
    justify-content: center !important;
    align-items: start !important;

    position: relative !important;
    z-index: 1 !important;
}

.pekaru-card-item-box {
    width: 306.45px !important;
    min-height: 380.83px !important;
    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
}

.pekaru-card-image-canvas {
    width: 305.46px !important;
    height: 305.46px !important;
    margin: 0 !important;
    padding: 0 !important;

    display: block !important;

    background: #FFFFFF !important;
    border: 1px solid var(--pekaru-border) !important;
    border-radius: 5px !important;
    overflow: hidden !important;
    text-decoration: none !important;
    box-shadow: none !important;

    transition: transform 0.22s ease, box-shadow 0.22s ease !important;
}

.pekaru-card-image-canvas:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 8px 24px rgba(160, 75, 44, 0.12) !important;
}

.pekaru-card-image-canvas img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
}

.pekaru-card-title-link {
    width: 306.45px !important;
    min-height: 26px !important;
    margin: 22.81px 0 9px !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    font-family: "Roboto", sans-serif !important;
    font-style: normal !important;
    font-weight: 900 !important;
    font-size: 22px !important;
    line-height: 26px !important;
    text-align: center !important;
    text-transform: none !important;
    color: var(--pekaru-brown) !important;
    text-decoration: none !important;
}

.pekaru-card-title-link:hover {
    color: var(--pekaru-orange) !important;
    text-decoration: none !important;
}

.pekaru-card-subdimensions {
    width: 306.45px !important;
    min-height: 17px !important;
    margin: 0 !important;
    padding: 0 !important;

    font-family: "Instrument Sans", "Roboto", sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 17px !important;
    text-align: center !important;
    color: #A36B48 !important;
}

/* ==========================================================================
   NINCS TALÁLAT
   ========================================================================== */

.pekaru-no-results {
    grid-column: 1 / -1 !important;
    text-align: center !important;
    padding: 50px 20px !important;

    font-family: "Roboto", sans-serif !important;
    font-size: 16px !important;
    color: var(--pekaru-text-muted) !important;
}

/* ==========================================================================
   PÉKÁRU ARCHÍVUM – MOBIL JAVÍTÁS
   Kategória fehér részen, termékek + sárga háttér együtt csúszik le
   ========================================================================== */

@media (max-width: 767px) {

    .pekaru-archive-wrapper-bg {
        width: 100% !important;
        max-width: 100% !important;
        padding: 20px 0 70px !important;
        margin: 0 !important;
        background: #FFFFFF !important;
        overflow-x: hidden !important;
        position: relative !important;
    }

    /*
      Fontos:
      A wrapper fix sárga hátterét mobilon kikapcsoljuk.
      Így nem marad fent a sárga blokk, amikor lenyílik a kategória.
    */
    .pekaru-archive-wrapper-bg::before {
        display: none !important;
        content: none !important;
    }

    .pekaru-archive-container {
        width: 100% !important;
        max-width: none !important;
        padding: 0 20px !important;
        margin: 0 auto !important;
        position: relative !important;
        z-index: 1 !important;
        box-sizing: border-box !important;
        background: #FFFFFF !important;
    }

    /* Cím */
    .pekaru-archive-title-main {
        width: 317px !important;
        max-width: 100% !important;
        margin: 0 auto 14px !important;
        padding: 0 !important;

        font-family: "Roboto", sans-serif !important;
        font-weight: 600 !important;
        font-size: 52.08px !important;
        line-height: 125% !important;
        text-align: center !important;
        text-transform: uppercase !important;
        color: #CF600F !important;
    }

    /* Kereső */
    #pekaru-archive-filter-form {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        position: relative !important;
        z-index: 3 !important;
        background: #FFFFFF !important;
    }

    .pekaru-search-panel {
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        margin: 0 0 11px !important;
        padding: 0 !important;
    }

    .pekaru-search-box-wrap {
        width: 353px !important;
        max-width: 100% !important;
        height: 52px !important;
        margin: 0 auto !important;
        position: relative !important;
    }

    .pekaru-search-box-wrap input[type="text"] {
        width: 100% !important;
        height: 52px !important;
        padding: 0 58px 0 12px !important;

        background: #FFFFFF !important;
        border: 1px solid #E7E7E7 !important;
        border-radius: 26px !important;
        box-shadow: none !important;
        outline: none !important;

        font-family: "Roboto", sans-serif !important;
        font-weight: 400 !important;
        font-size: 14px !important;
        line-height: 120% !important;
        letter-spacing: -0.02em !important;
        color: #454545 !important;
    }

    .pekaru-search-box-wrap input[type="text"]::placeholder {
        color: #888888 !important;
    }

    .pekaru-search-btn-circle {
        position: absolute !important;
        right: 6px !important;
        top: 6px !important;

        width: 40px !important;
        height: 40px !important;
        border-radius: 50% !important;
        border: 0 !important;
        background: #FDC308 !important;
        padding: 0 !important;
        margin: 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        box-shadow: none !important;
        outline: none !important;
    }

    .pekaru-search-btn-circle::before {
        content: "" !important;
        width: 24px !important;
        height: 24px !important;
        display: block !important;
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5' stroke='%23A04B2C' stroke-width='2'/%3E%3Cpath d='M15.5 15.5L21 21' stroke='%23A04B2C' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: contain !important;
    }

    /* Szűrő sor */
    .pekaru-filter-controls-row {
        width: 100% !important;
        height: auto !important;
        margin: 0 0 38px !important;
        padding: 0 !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 12px !important;

        background: #FFFFFF !important;
        position: relative !important;
        z-index: 3 !important;
    }

    .pekaru-trigger-group {
        width: 298px !important;
        max-width: 100% !important;
        height: 26px !important;

        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 5px !important;

        margin: 0 auto !important;
        padding: 0 !important;
    }

    .pekaru-trigger-btn {
        height: 26px !important;
        padding: 5px 10px !important;
        margin: 0 !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 5px !important;

        background: transparent !important;
        border: 0 !important;
        border-radius: 5px !important;
        box-shadow: none !important;
        outline: none !important;

        font-family: "Poppins", "Roboto", sans-serif !important;
        font-weight: 400 !important;
        font-size: 13.3333px !important;
        line-height: 16px !important;
        letter-spacing: -0.01em !important;
        color: #454545 !important;
        text-transform: none !important;
        white-space: nowrap !important;
    }

    .pekaru-trigger-btn:hover,
    .pekaru-trigger-btn:focus,
    .pekaru-trigger-btn.panel-open {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        outline: none !important;
        color: #454545 !important;
    }

    .pekaru-btn-arrow {
        display: inline-block !important;
        width: 7px !important;
        height: 4px !important;
        position: relative !important;
        background: transparent !important;
        flex: 0 0 auto !important;
    }

    .pekaru-btn-arrow::before {
        content: "" !important;
        position: absolute !important;
        inset: 0 !important;
        width: 7px !important;
        height: 4px !important;
        background: #B0B0B0 !important;
        clip-path: polygon(0 0, 100% 0, 50% 100%) !important;
    }

    .pekaru-sort-group {
        display: none !important;
    }

    /*
      Kategória lenyíló:
      - fehér részen marad
      - nincs negatív margin
      - normál flow-ban tolja le a termékeket
    */
    .pekaru-bubble-panel-drawer {
        width: 100% !important;
        margin: -18px auto 46px !important;
        padding: 0 !important;

        background: #FFFFFF !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;

        position: relative !important;
        z-index: 3 !important;
    }

    .pekaru-bubble-grid {
        width: 353px !important;
        max-width: 100% !important;
        margin: 0 auto !important;

        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 10px !important;
    }

    .pekaru-bubble-btn {
        height: 42px !important;
        padding: 10px 18px !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        background: transparent !important;
        border: 1.4px solid #A04B2C !important;
        border-radius: 50px !important;
        box-shadow: none !important;
        outline: none !important;

        font-family: "Roboto", sans-serif !important;
        font-weight: 500 !important;
        font-size: 14px !important;
        line-height: 18px !important;
        color: #A04B2C !important;
        white-space: nowrap !important;
    }

    .pekaru-bubble-btn:hover,
    .pekaru-bubble-btn:focus {
        background: rgba(253, 195, 8, 0.15) !important;
        color: #A04B2C !important;
        border-color: #A04B2C !important;
        box-shadow: none !important;
        outline: none !important;
    }

    .pekaru-bubble-btn.active {
        background: #FDC308 !important;
        border-color: #FDC308 !important;
        color: #A04B2C !important;
    }

    /*
      Kártyarács:
      Ide kerül a sárga háttér.
      Így ha a kategória lenyílik, a rács és a háttér együtt csúszik le.
    */
    .pekaru-cards-grid-layout {
        width: 306.45px !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 !important;

        display: grid !important;
        grid-template-columns: 1fr !important;
        row-gap: 30px !important;
        column-gap: 0 !important;
        justify-content: center !important;
        align-items: start !important;

        position: relative !important;
        z-index: 1 !important;
    }

    .pekaru-cards-grid-layout::before {
    content: "" !important;
    position: absolute !important;
    top: 60px !important;
    left: calc((100vw - 306.45px) / -2) !important;
    width: 100vw !important;
    height: calc(100% + 120px) !important;
    transform: none !important;
    background: linear-gradient(
        0deg,
        rgba(253, 195, 8, 0.15),
        rgba(253, 195, 8, 0.15)
    ), #FFFFFF !important;
    z-index: -1 !important;
    pointer-events: none !important;
}

    .pekaru-card-item-box {
        width: 306.45px !important;
        max-width: 100% !important;
        min-height: 380.83px !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;

        margin: 0 !important;
        padding: 0 !important;
        position: relative !important;
        z-index: 1 !important;
    }

    .pekaru-card-image-canvas {
        width: 305.46px !important;
        max-width: 100% !important;
        height: 305.46px !important;

        display: block !important;

        background: #FFFFFF !important;
        border: 1px solid #E7CAA0 !important;
        border-radius: 5px !important;
        overflow: hidden !important;
        text-decoration: none !important;
        box-shadow: none !important;
    }

    .pekaru-card-image-canvas img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        display: block !important;
    }

    .pekaru-card-title-link {
        width: 306.45px !important;
        max-width: 100% !important;
        min-height: 26px !important;

        margin: 22.81px 0 9px !important;
        padding: 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        font-family: "Roboto", sans-serif !important;
        font-weight: 900 !important;
        font-size: 22px !important;
        line-height: 26px !important;
        text-align: center !important;
        color: #A04B2C !important;
        text-decoration: none !important;
    }

    .pekaru-card-subdimensions {
        width: 306.45px !important;
        max-width: 100% !important;
        min-height: 17px !important;

        margin: 0 !important;
        padding: 0 !important;

        font-family: "Instrument Sans", "Roboto", sans-serif !important;
        font-weight: 400 !important;
        font-size: 14px !important;
        line-height: 17px !important;
        text-align: center !important;
        color: #A36B48 !important;
    }
}
/* ==========================================================================
   MOBIL ARCHÍV SCROLL STABILIZÁLÁS
   Nincs mobil pseudo háttér, nincs touch-action tiltás
   ========================================================================== */

@media (max-width: 767px) {
    html,
    body {
        overflow-x: hidden;
        overflow-y: auto;
        height: auto;
        min-height: 100%;
        position: static;
        touch-action: auto;
        -webkit-overflow-scrolling: touch;
    }

    .pekaru-archive-wrapper-bg {
        --archive-mobile-bg-start: 399px;

        overflow-x: hidden !important;
        overflow-y: visible !important;
        height: auto !important;
        min-height: auto !important;
        position: relative !important;

        background: linear-gradient(
            to bottom,
            #FFFFFF 0,
            #FFFFFF var(--archive-mobile-bg-start),
            rgba(253, 195, 8, 0.15) var(--archive-mobile-bg-start),
            rgba(253, 195, 8, 0.15) 100%
        ) !important;
    }

    .pekaru-archive-wrapper-bg::before,
    .pekaru-cards-grid-layout::before {
        display: none !important;
        content: none !important;
    }

    .pekaru-archive-container,
    #pekaru-archive-filter-form,
    .pekaru-cards-grid-layout,
    .pekaru-card-item-box {
        overflow: visible !important;
        height: auto !important;
        min-height: auto !important;
        touch-action: auto !important;
    }

    .pekaru-cards-grid-layout {
        position: relative !important;
        z-index: 1 !important;
        background: transparent !important;
    }

    .pekaru-card-image-canvas {
        -webkit-user-drag: none;
        user-select: none;
        touch-action: auto !important;
    }

    .pekaru-card-image-canvas img {
        pointer-events: none;
        -webkit-user-drag: none;
        user-select: none;
    }

    .pekaru-card-image-canvas:hover {
        transform: none !important;
        box-shadow: none !important;
    }
}

/* =========================================================
   PÉKÁRU ARCHÍVUM - szűrő javítás
   Shortcode: [pekaru_archivum]
   ========================================================= */

/* Aktív kategória / alkategória neve a triggerben legyen félkövér */
.pekaru-archive-wrapper-bg .pekaru-trigger-btn.has-active .pekaru-btn-text {
    font-weight: 700;
}

/* Alkategória inaktív, amíg nincs kiválasztott kategória */
.pekaru-archive-wrapper-bg .pekaru-trigger-btn.is-disabled,
.pekaru-archive-wrapper-bg .pekaru-trigger-btn:disabled {
    opacity: 0.25;
    cursor: not-allowed;
    pointer-events: none;
}

.pekaru-archive-wrapper-bg .pekaru-trigger-btn.is-disabled .pekaru-btn-arrow,
.pekaru-archive-wrapper-bg .pekaru-trigger-btn:disabled .pekaru-btn-arrow {
    opacity: 0.6;
}

/* Az Összes gomb ugyanazt az aktív állapotot használja, mint a többi buborék */
.pekaru-archive-wrapper-bg .pekaru-bubble-btn.active {
    font-weight: 700;
}

/* =========================================================
   PÉKÁRU ARCHÍVUM - kategória / alkategória szűrő javítás
   Ezt az archív oldal CSS-ének LEG VÉGÉRE tedd.
   ========================================================= */

/* Aktív kategória / alkategória neve félkövér a felső triggerben */
.pekaru-archive-wrapper-bg .pekaru-trigger-btn.has-active .pekaru-btn-text {
    font-weight: 700 !important;
}

/* Az alkategória trigger látszódjon, de kategória nélkül legyen inaktív */
.pekaru-archive-wrapper-bg #pekaru-toggle-sub.is-disabled,
.pekaru-archive-wrapper-bg #pekaru-toggle-sub:disabled {
    display: inline-flex !important;
    opacity: 0.25 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}

.pekaru-archive-wrapper-bg #pekaru-toggle-sub.is-disabled .pekaru-btn-arrow,
.pekaru-archive-wrapper-bg #pekaru-toggle-sub:disabled .pekaru-btn-arrow {
    opacity: 0.6 !important;
}

/* Az Összes gomb vizuálisan ugyanúgy viselkedjen, mint a többi buborék */
.pekaru-archive-wrapper-bg .pekaru-bubble-btn--all {
    font-weight: 700 !important;
}

.pekaru-archive-wrapper-bg .pekaru-bubble-btn.active {
    background: var(--pekaru-yellow) !important;
    border-color: var(--pekaru-yellow) !important;
    color: var(--pekaru-brown) !important;
}/* End custom CSS */