<div class="raw-html-embed"><style>
    @font-face {
        font-family: 'Nunito Sans';
        font-weight: 900;
        src: url('https://storage.googleapis.com/microsites-microservice/fonts/ROSSMANNSans-Black.ttf') format('truetype');
    }

    @font-face {
        font-family: 'Nunito Sans';
        font-weight: 400;
        src: url('https://storage.googleapis.com/microsites-microservice/fonts/NunitoSans-Regular.woff2') format('woff2');
    }

    @font-face {
        font-family: 'Nunito Sans';
        font-weight: 700;
        src: url('https://storage.googleapis.com/microsites-microservice/fonts/NunitoSans-Bold.woff2') format('woff2');
    }

    @font-face {
        font-family: 'Nunito Sans';
        font-weight: 800;
        src: url('https://storage.googleapis.com/microsites-microservice/fonts/ROSSMANNSans-Bold.woff2') format('woff2');
    }

    @font-face {
        font-family: 'ROSSMANN Script';
        font-weight: 400;
        src: url('https://storage.googleapis.com/microsites-microservice/fonts/ROSSMANNScript-Regular.ttf') format('truetype');
    }

    body .page-container {
        overflow: hidden;
        position: relative;
        color: black;
        font-family: "Nunito sans", sans-serif;
    }

    body .page-container * {
        box-sizing: border-box;
    }

    body .page-container .glamour-h2 {
        color: #464D54;
        font-size: 30px;
    }

    body .page-container > div .hYUAOx:has(section#magazine-section) {
        z-index: 2;
    }

    body .page-container #sideAction .sideAction[data-v-79eb7703] {
        margin-top: 40px;
    }

    body .page-container > div > div:not(:nth-child(5)) {
        position: relative;
        z-index: 1;
    }

    body .page-container > div > div:nth-child(5) {
        position: relative;
        z-index: 0;
    }

    body .page-container > div > div:nth-last-child(2) {
        margin-bottom: 0 !important;
    }


    body .page-container > div > div:last-child {
        position: inherit;
        margin-bottom: 0 !important;
    }

    @media (min-width: 1400px) {
        body .page-container > div .hYUAOx:has(#glamour-hero) + .hYUAOx .jIeLDn {
            color: white;
            text-shadow: 1px 1px rgb(70, 77, 84);
        }
    }

    body .page-container .full-width-container {
        max-width: 1734px;
        width: 100%;
        margin: 0 auto;
        padding: 0 20px;
        position: relative;
    }

    body .page-container .full-width-container .hero-text-container {
        display: flex;
        flex-direction: column;
        max-width: 778px;
        margin: 0 auto;
        text-align: center;

        p {
            color: #231F20;
        }
    }

    body .page-container .full-width-container .hero-text-container .text-title {
        font-family: ROSSMANN Script;
        font-weight: 400;
        font-size: 40px;
        line-height: 100%;
        letter-spacing: 0;
        color: #464D54;
        margin-bottom: 20px;
    }

    body .page-container .container {
        max-width: 1185px;
        width: 100%;
        margin: 0 auto;
        padding: 0 20px;
        position: relative;
    }

    body .page-container section:not(#newsletter-container) {
        left: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        position: relative;
        right: 50%;
        width: 100vw;
    }

    body .page-container .link-hover {
        font-weight: 800;
        color: #C3002D;
        text-decoration: none;
    }

    body .page-container .link-hover:hover,
    body .page-container .link-hover:focus {
        text-decoration: underline !important;
    }

    /*GLAMOUR HERO*/

    body .page-container section#glamour-hero .container {
        padding: 0 5px;
    }

    body .page-container section#glamour-hero {
        color: white;
        background-image: url("https://cache.rossmann.hu/asset/hero_bg_m_1_webp_7b83cfd2.webp");
        overflow: hidden;
        background-size: cover;
        background-position-x: center;
        font-family: "Nunito Sans", sans-serif;
        z-index: 1 !important;
        padding-bottom: 20px;
        margin-top: -20px;
    }

    body .page-container section#glamour-hero .logo-container {
        display: flex;
        gap: 10px;
        flex-direction: column;
        margin-bottom: 50px;
        align-items: center;
        justify-content: center;
    }

    body .page-container section#glamour-hero .logo-container .discount-img {
        max-width: 166px;
        img {
            width: 100%;
        }
    }

    body .page-container section#glamour-hero .hero-text-img {
        max-width: 936px;
        display: none;

        img {
            width: 100%;
        }
    }

    body .page-container section#glamour-hero .hero-text-img-m {
        max-width: 936px;
        display: block;

        img {
            width: 100%;
        }
    }

    .logo {
        max-width: 369px;
        display: flex;
        flex-direction: column;
        align-items: center;

        img {
            width: 100%;
        };
    }

    body .page-container section#glamour-hero .glamour-logo {
        display: none;
        position: relative;
        height: auto;
        width: 100%;
    }

    body .page-container section#glamour-hero .glamour-logo-mobile {
        display: block;
        position: relative;
        height: auto;
        width: 230px;
    }

    body .page-container section#glamour-hero #deadline {
        display: flex;
        justify-content: center;
        color: #F05B40;
        gap: 15px;
    }

    body .page-container section#glamour-hero #deadline .deadline-cont > .deadline-count {
        position: relative;
        display: inline-block;
        height: 60px;
        width: 60px;
        padding: 20px 16px;
        background-color: #FFFFFF;
        border-radius: 8px;
        text-align: center;
        color: #F15B40;
        font-size: 27px;
        font-weight: 900;
        line-height: 24px;
    }

    body .page-container section#glamour-hero #deadline .deadline-cont {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    body .page-container section#glamour-hero #deadline .deadline-cont > .deadline-label {
        position: relative;
        display: inline-block;
        margin: 10px;
        text-align: center;
        color: black;
        font-size: 18px;
        font-weight: 900;
        line-height: 21.6px;
    }

    @media (min-width: 412px) {
        body .page-container section#glamour-hero .container {
            padding: 0 10px;
        }
    }

    @media (min-width: 576px) {

        body .page-container section#glamour-hero {
            margin-top: -40px;
            background-image: url("https://cache.rossmann.hu/asset/hero_bg_webp_e798e475.webp");
            padding: 30px 0 30px;
        }

        body .page-container section#glamour-hero #deadline {
            display: flex;
            justify-content: start;
            gap: 30px;
        }
    }

    @media (min-width: 768px) {
        body .page-container section#glamour-hero .logo-container {
            flex-direction: row;
        }

        body .page-container section#glamour-hero .hero-text-img {
            max-width: 936px;
            display: block;
        }

        body .page-container section#glamour-hero .logo-container .discount-img {
            max-width: 350px;
        }

        body .page-container section#glamour-hero .hero-text-img-m {
            display: none;
        }

        body .page-container .full-width-container .hero-text-container .text-title {
            font-family: ROSSMANN Script;
            font-weight: 400;
            font-size: 64px;
            line-height: 100%;
            letter-spacing: 0;
            color: #464D54;
            margin-bottom: 20px;
        }
    }

    @media (min-width: 1024px) {

        body .page-container section#glamour-hero .glamour-logo {
            display: block;
        }

        body .page-container section#glamour-hero .glamour-logo-mobile {
            display: none;
        }
    }

    /*MAGAZINE*/
    body .page-container section#magazine-section {
        text-align: center;
        margin-top: 30px;

        p {
            font-weight: 400;
            font-size: 14px;
            line-height: 18px;
            text-align: center;
            vertical-align: middle;
            color: #666D76;

            br {
                display: none;
            }
        }
    }

    body .page-container section#magazine-section h2 {
        font-weight: 900;
        line-height: 24.38px;
        text-align: center;
        margin-bottom: 10px;
    }

    body .page-container section#magazine-section .mobile-help {
        display: block;
        margin-bottom: 20px;
    }

    @media (min-width: 576px) {

        body .page-container section#magazine-section .mobile-help {
            display: none;
        }
    }

    @media (min-width: 768px) {
        body .page-container section#magazine-section h2 {
            font-weight: 900;
            line-height: 58.51px;
            text-align: center;
            margin-bottom: 15px;
        }

        body .page-container section#magazine-section {
            p {
                font-weight: 400;
                font-size: 18px;
                line-height: 24px;
                text-align: center;
                vertical-align: middle;
            }
        }
    }

    @media (min-width: 1024px) {
        body .page-container section#magazine-section {
            text-align: center;
            margin-top: 30px;
        }
    }

    /*SUBMENU*/
    body .page-container section#navbar .submenu {
        width: 100%;
        background: #fff;
        border-bottom: 1px solid #E7EEF3;
        overflow-x: auto;
        position: relative;
        display: flex;
        justify-content: center;
        margin-top: 0;

        &::-webkit-scrollbar {
            display: none;
        }
    }

    body .page-container section#navbar .submenu__container {
        padding: 20px;

        .submenu__list {
            margin-top: 0;
        }

        ul {
            display: inline-flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 40px;
            margin-bottom: 0;
            padding-left: 0;

            li {
                list-style-type: none !important;
                font-weight: 700;
                font-size: 16px;
                line-height: 24px;
                letter-spacing: -2%;

                a {
                    color: #464D54;
                    text-decoration: none !important;

                    &:hover {
                        color: #D20A2D;
                    }
                }
            }
        }
    }

    /*VIDEO*/

    body .page-container section#video-section {
        position: relative;
    }

    body .page-container section#video-section .container {
        max-width: 1170px;
    }

    body .page-container section#video-section #video-thumbnail {
        cursor: pointer;
        width: 100%;
    }

    body .page-container section#video-section #play-button {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        cursor: pointer;
    }

    body .page-container section#video-section #video-container {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: none;
    }

    body .page-container section#video-section #player {
        width: 100%;
        height: 100%;
    }

    /*GLAMOUR MIDDLE*/

    body .page-container section#glamour-middle {
        margin-top: 30px
    }

    body .page-container section#glamour-middle .container {
        p {
            color: #666D76;
        }
    }

    body .page-container section#glamour-middle .link{
        color: rgb(210, 10, 45);
        text-decoration: underline;
    }

    body .page-container section#glamour-middle .accordion-container {
        width: 100%;
        max-width: 750px;
        margin: auto;
    }

    body .page-container section#glamour-middle .accordion {
        background-color: #FFFFFF;
        color: #666D76;
        cursor: pointer;
        padding: 18px 45px 18px 10px;
        width: 100%;
        text-align: left;
        border: 1px solid #D5DEE4;
        border-radius: 4px;
        outline: none;
        font-size: 16px;
        transition: 0.4s;
        margin: 5px 0;
        position: relative;
        font-weight: 700;

        &:hover {
            background-color: #E7EEF3;
        }
    }

    body .page-container section#glamour-middle .accordion:focus-visible {
        outline: 3px solid #005fcc;
    }

    body .page-container section#glamour-middle .accordion::after {
        content: "";
        background-image: url("https://cache.rossmann.hu/asset/group_1_14_png_a011aa84.png");
        background-size: contain;
        background-repeat: no-repeat;
        width: 20px;
        height: 20px;
        transition: transform 0.3s ease;
        position: absolute;
        right: 18px;
        top: 50%;
        transform: translateY(-50%);
    }

    body .page-container section#glamour-middle .accordion.active::after {
        transform: translateY(-50%) rotate(180deg);
    }

    body .page-container section#glamour-middle .panel {
        padding: 0 20px;
        background-color: white;
        max-height: 0;
        overflow: hidden;
        color: #666D76;
        border-left: 4px solid #E7EEF3;
        transition: max-height 0.1s ease-in-out, padding 0.1s ease-in-out;
        font-weight: 600;
    }

    body .page-container section#glamour-middle p {
        margin-bottom: 30px;
        font-weight: 400;
        font-size: 14px;
        line-height: 18px;
        text-align: center;
        vertical-align: middle;
        margin-top: 0;
    }

    body .page-container section#glamour-middle h2 {
        font-weight: 900;
        line-height: 24.38px;
        text-align: center;
        margin-bottom: 10px;
    }

    @media (min-width: 768px) {
        body .page-container section#glamour-middle h2 {
            font-weight: 900;
            line-height: 58.51px;
            text-align: center;
            margin-bottom: 15px;
        }

        body .page-container section#glamour-middle p {
            font-weight: 400;
            font-size: 18px;
            line-height: 24px;
            text-align: center;
            vertical-align: middle;
            margin-bottom: 60px;
        }
    }

    @media (min-width: 1024px) {
        body .page-container section#glamour-middle {
            margin-top: 75px
        }
    }

    /*NEWSLETTER*/

    body .page-container section#newsletter {
        margin-top: 30px;
    }

    body .page-container section#newsletter h2 {
        font-weight: 900;
        line-height: 24.38px;
        text-align: center;
    }
    @media (min-width: 1024px) {
        body .page-container section#newsletter {
            margin-top: 100px;
        }
    }

    @media (min-width: 768px) {
        body .page-container section#newsletter h2 {
            font-weight: 900;
            line-height: 58.51px;
            text-align: center;
            margin-bottom: 30px;
        }
    }

    /*PROMOTEXT*/

    body .page-container section#promotext {
        color: #5A5F65;
        padding-bottom: 20px;
        text-align: center;
        font-weight: 700;
        line-height: 22.4px;
        font-size: 14px;
    }
</style>
</div>

<div class="raw-html-embed">    <section class="full-section" id="glamour-hero">
        <div class="full-width-container">
            <div class="logo-container">
                <div class="logo">
                    <img class="glamour-logo" src="https://cache.rossmann.hu/asset/g_text_2_webp_249ad07f.webp" alt="GLAMOUR napok, +3 nulladik nap, 2025. október 6-12.">
                    <img class="glamour-logo-mobile" src="https://cache.rossmann.hu/asset/g_text_2_webp_249ad07f.webp" alt="GLAMOUR napok, +3 nulladik nap, 2025. október 6-12.">
                    <div class="hero-text-img-m" aria-hidden="true">
                        <img src="https://cache.rossmann.hu/asset/logo_4_webp_c197f9cf.webp" alt="" role="presentation">
                    </div>
                    <div class="date-container" role="note" aria-label="Akció időtartama">
                        <div id="deadline" aria-live="polite" role="timer" aria-label="Visszaszámlálás a GLAMOUR-napok kezdetéig">
                            <div class="deadline-cont">
                                <div class="deadline-count" id="deadline-days"></div>
                                <div class="deadline-label">Nap</div>
                            </div>
                            <div class="deadline-cont">
                                <div class="deadline-count" id="deadline-hours"></div>
                                <div class="deadline-label">Óra</div>
                            </div>
                            <div class="deadline-cont">
                                <div class="deadline-count" id="deadline-minutes"></div>
                                <div class="deadline-label">Perc</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="hero-text-img" aria-hidden="true">
                    <img src="https://cache.rossmann.hu/asset/logo_4_webp_c197f9cf.webp" alt="" role="presentation">
                </div>
                <div class="discount-img">
                    <img src="https://cache.rossmann.hu/asset/percent_2_webp_d72b6fe7.webp" alt="" role="presentation">
                </div>
            </div>
            <div class="hero-text-container">
                <p class="text-title">Vásárolj kuponnal, fizess kevesebbet!</p>
                <p>
                    A GLAMOUR-napok kuponjait keresd a március–áprilisi GLAMOUR magazinban, az applikációban vagy a
                    <a href="https://www.glamour.hu/plusz" class="link-hover" target="_blank" rel="noopener noreferrer" aria-label="További információ a glamour.hu plusz oldalon új lapon nyílik meg">
                        glamour.hu/plusz
                    </a> oldalon.
                </p>
            </div>
            <script>
                var countDownDate = new Date("Apr 13, 2026 00:00:00").getTime();
                var x = setInterval(function () {
                    if (!document.getElementById("deadline-hours")) return;

                    var now = new Date().getTime();
                    var distance = countDownDate - now;

                    var days = Math.floor(distance / (1000 * 60 * 60 * 24));
                    var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
                    var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));

                    days = days < 10 ? "0" + days : days;
                    hours = hours < 10 ? "0" + hours : hours;
                    minutes = minutes < 10 ? "0" + minutes : minutes;

                    document.getElementById("deadline-days").textContent = days;
                    document.getElementById("deadline-hours").textContent = hours;
                    document.getElementById("deadline-minutes").textContent = minutes;

                    if (distance < 0) clearInterval(x);
                }, 1000);
            </script>
        </div>
    </section>
    <section id="navbar">
        <nav id="submenu" class="submenu">
            <div class="submenu__container">
                <ul class="submenu__list">
                    <li class="submenu__item">
                        <a href="#magazine-section" class="submenu__link" data-scroll-target="magazine-section">
                            Kuponok
                        </a>
                    </li>
                    <li class="submenu__item">
                        <a href="#glamour-middle" class="submenu__link" data-scroll-target="glamour-middle">
                            GY.I.K
                        </a>
                    </li>
                    <li class="submenu__item">
                        <a href="#newsletter" class="submenu__link" data-scroll-target="newsletter">
                            Hírlevél
                        </a>
                    </li>
                </ul>
            </div>
        </nav>
        <script>
            (function () {
                const submenu = document.getElementById('submenu');
                const header = document.querySelector('header');

                if (!submenu) return;
                let headerHeight = 0;

                function updateHeaderHeight() {
                    const lastChild = header ? header.lastElementChild : null;
                    headerHeight = lastChild ? lastChild.getBoundingClientRect().height : 0;
                }

                function handleAnchorClick(e) {
                    const link = e.target.closest('[data-scroll-target]');
                    if (!link) return;

                    e.preventDefault();

                    const id = link.getAttribute('data-scroll-target');
                    const target = document.getElementById(id);

                    if (!target) return;

                    updateHeaderHeight();

                    const submenuHeight = submenu.offsetHeight;

                    const targetPosition =
                        target.getBoundingClientRect().top +
                        window.scrollY -
                        submenuHeight

                    window.scrollTo({
                        top: targetPosition,
                        behavior: 'smooth'
                    });
                }

                window.addEventListener('scroll', { passive: true });
                document.addEventListener('click', handleAnchorClick);
            })();
        </script>
    </section></div>

<div class="raw-html-embed">    <section id="magazine-section" aria-labelledby="magazine-title">
        <div class="container" style="text-align: center">
            <h2 id="magazine-title" class="glamour-h2">Lapozd át a kuponfüzetet!</h2>
            <p>Kíváncsi vagy, milyen kuponokkal várunk?</p>
            <p>
                <span id="magazine-description">Tekintsd meg itt a GLAMOUR-napok digitális kuponfüzetét!</span>
            </p>

            <p class="mobile-help" aria-label="Mobilhasználóknak tipp: Húzd balra a lapozáshoz.">
                Húzd balra a lapozáshoz
            </p>

            <input type="hidden" id="magazine_microservice_11251046_embed" value="egyeb-276" aria-hidden="true">

            <div class="main-container" id="magazine_microservice_11251046" role="region" aria-label="Digitális kuponfüzet" aria-describedby="magazine-description">
            </div>

            <script type="text/javascript" id="magazine_microservice_11251046-init" src="https://magazin.microservices.rossmann.hu/js/global.js?v=20240321"></script>
        </div>
    </section>
</div>

<div class="raw-html-embed">    <section id="video-section" aria-label="Rossmann GLAMOUR videó">
        <div class="container">
            <img id="video-thumbnail" tabindex="0" role="button" src="https://cache.rossmann.hu/asset/video_bg_webp_5d70f0d5.webp" alt="Rossmann Glamour videó lejátszása">
            <img id="play-button" src="https://cache.rossmann.hu/asset/button_1_webp_71221876.webp" alt="Lejátszás gomb">
            <div id="video-container">
                <div id="player"></div>
            </div>
        </div>
        <script>
            let tag = document.createElement('script');
            tag.src = "https://www.youtube.com/iframe_api";
            let firstScriptTag = document.getElementsByTagName('script')[0];
            firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

            let player;

            function onYouTubeIframeAPIReady() {
                player = new YT.Player('player', {
                    height: '100%',
                    width: '100%',
                    videoId: 'y_FLFIVNcwg',
                    events: {
                        'onReady': onPlayerReady
                    }
                });
            }

            function onPlayerReady(event) {
                function playVideo() {
                    document.getElementById('video-container').style.display = 'block';
                    event.target.playVideo();
                }

                document.getElementById('video-thumbnail').addEventListener('click', playVideo);
                document.getElementById('video-thumbnail').addEventListener('keydown', function(event) {
                    if (event.key === 'Enter') {
                        playVideo();
                    }
                });
                document.getElementById('play-button').addEventListener('click', playVideo);
            }
        </script>
    </section>
</div>

<div class="raw-html-embed">    <section id="glamour-middle">
        <div class="container">
            <h2 class="glamour-h2">Gyakran ismételt kérdések</h2>
            <p>Összeszedtük a legfontosabb információkat a GLAMOUR-napok kapcsán.</p>
            <div class="accordion-container">
                <button class="accordion" aria-expanded="false" aria-controls="panel-1" id="accordion-1">Mi a pontos dátuma a GLAMOUR-napoknak a Rossmannban?</button>
                <div class="panel" id="panel-1" role="region" aria-labelledby="accordion-1" aria-hidden="true">
                    <div>2026. április 13-19.</div>
                </div>

                <button class="accordion" aria-expanded="false" aria-controls="panel-2" id="accordion-2">Online mikor indul pontosan a GLAMOUR-napok?</button>
                <div class="panel" id="panel-2" role="region" aria-labelledby="accordion-2" aria-hidden="true">
                    <div>2026. április 13. 00:01-től leadhatod rendelésed az Online Drogériában vagy a mobilapplikációban.</div>
                </div>

                <button class="accordion" aria-expanded="false" aria-controls="panel-3" id="accordion-3">Hogyan tudok vásárolni a GLAMOUR-napok alatt?</button>
                <div class="panel" id="panel-3" role="region" aria-labelledby="accordion-3" aria-hidden="true">
                    <div>Várunk bármely üzletünkben vagy add le rendelésed Online Drogériánkban, illetve a Rossmann mobilapplikációnkban!</div>
                </div>

                <button class="accordion" aria-expanded="false" aria-controls="panel-4" id="accordion-4">Összevonható-e más kedvezményekkel a GLAMOUR-napok kupon?</button>
                <div class="panel" id="panel-4" role="region" aria-labelledby="accordion-4" aria-hidden="true">
                    <div>
                        GLAMOUR kuponok beválthatósága üzleteinkben: GLAMOUR kuponjaidat összevonhatod a 10%-os
                        végösszegi kuponnal.<br><br>

                        GLAMOUR kuponok beválthatósága online: Kizárólag az arany VIP tagok 1 db online is beváltható
                        10%-os végösszegi kuponjával vonható össze bármely GLAMOUR-napok kupon.<br><br>

                        A végösszegi kuponok az árrésstoppos termékek esetében nem érvényesíthetőek
                        (bővebben:
                        <a class="link" href="https://shop.rossmann.hu/arres-csokkentesben-erintett-termekkategoriak" target="_blank">https://shop.rossmann.hu/arres-csokkentesben-erintett-termekkategoriak</a>).
                        Bővebb tájékoztatás a ROSSMANN+ programról:
                        <a class="link" href="https://shop.rossmann.hu/rossmann-plusz" target="_blank">plusz.rossmann.hu</a> weboldalon,
                        valamint az <a class="link" href="http://shop.rossmann.hu/aszf" target="_blank">Általános szerződési feltételek</a> ROSSMANN+ menüpontjában érhető el. A termékválaszték
                        boltonként és az Online Drogériában is eltérő, kérjük tájékozódj az üzletünkben! A kedvezmény
                        nem vonatkozik a kiárusításban szereplő termékekre. Más kedvezménnyel nem vonható össze!
                    </div>
                </div>

                <button class="accordion" aria-expanded="false" aria-controls="panel-5" id="accordion-5">Hol lehet megtalálni a GLAMOUR-kuponokat?</button>
                <div class="panel" id="panel-5" role="region" aria-labelledby="accordion-5" aria-hidden="true">
                    <div>A GLAMOUR-napok kuponjait keresd a március–áprilisi GLAMOUR magazinban, az applikációban vagy a
                        <a class="link" href="https://www.glamour.hu/plusz" target="_blank">glamour.hu/plusz</a> oldalon!
                    </div>
                </div>

                <button class="accordion" aria-expanded="false" aria-controls="panel-6" id="accordion-6">Online leadott rendelésemet átvehetem-e személyesen valamelyik Rossmann üzletben?</button>
                <div class="panel" id="panel-6" role="region" aria-labelledby="accordion-6" aria-hidden="true">
                    <div>Igen, van lehetőség személyesen is átvenni a csomagodat Expressz átvétellel.</div>
                </div>

                <button class="accordion" aria-expanded="false" aria-controls="panel-7" id="accordion-7">Hány termékre lehet beváltani a kuponokat?</button>
                <div class="panel" id="panel-7" role="region" aria-labelledby="accordion-7" aria-hidden="true">
                    <div>Bármennyi termékre beválthatod a kuponokat.</div>
                </div>

                <button class="accordion" aria-expanded="false" aria-controls="panel-8" id="accordion-8">Hogyan tudom beváltani a kuponomat digitálisan?</button>
                <div class="panel" id="panel-8" role="region" aria-labelledby="accordion-8" aria-hidden="true">
                    <div>Az applikációban egyszerűen a scanner segítségével beolvashatod a kuponkódot, az Online Drogériában pedig a kuponkód mezőbe tudod begépelni a kuponok kódját a fizetési folyamat során.</div>
                </div>
            </div>
        </div>
        <script>
            (function () {
                if (!('querySelectorAll' in document)) {
                    return;
                }

                let accordions = document.querySelectorAll(".accordion");

                accordions.forEach(button => {
                    button.addEventListener("click", function () {
                        this.classList.toggle("active");
                        let panel = this.nextElementSibling;
                        let isOpen = panel.style.maxHeight;

                        if (isOpen) {
                            // Zárás
                            panel.style.maxHeight = null;
                            panel.style.paddingTop = "0";
                            panel.style.paddingBottom = "0";
                            panel.setAttribute("aria-hidden", "true");
                            panel.setAttribute("tabindex", "-1"); // 🔒 zárt panel
                            toggleFocusable(panel, false);
                        } else {
                            // Nyitás
                            panel.style.maxHeight = "100%";
                            panel.style.paddingTop = "20px";
                            panel.style.paddingBottom = "20px";
                            panel.setAttribute("aria-hidden", "false");
                            panel.setAttribute("tabindex", "0"); // ✅ nyitott panel fókuszálható
                            toggleFocusable(panel, true);
                        }
                    });
                });

                // Kezdeti állapot
                document.querySelectorAll('.panel').forEach(panel => {
                    panel.setAttribute("tabindex", "-1");
                    toggleFocusable(panel, false);
                });

                function toggleFocusable(container, enable) {
                    const focusableElements = container.querySelectorAll('a, button, input, select, textarea, [tabindex]');

                    focusableElements.forEach(el => {
                        if (enable) {
                            el.removeAttribute("tabindex");
                        } else {
                            el.setAttribute("tabindex", "-1");
                        }
                    });
                }
            })()
        </script>
    </section>
</div>

<div class="raw-html-embed">    <section id="newsletter" aria-labelledby="newsletter-heading">
        <div class="container">
            <h2 id="newsletter-heading" class="glamour-h2">Iratkozz fel, hogy ne maradj le!</h2>
        </div>
    </section>
</div>

<div class="raw-html-embed">    <section id="promotext" aria-labelledby="promotext-heading">
        <div class="container">
            <p style="word-wrap: break-word;">
                Glamour-napok kuponjaid összevonhatóak a ROSSMANN+ VIP tagok 10%-os végösszegi kedvezményt biztosító
                kuponjával! A végösszegi kupon a drogériai termékek árának csökkentése érdekében szükséges
                intézkedésekről szóló 93/2025. (v.8.) korm. rendelet 1.sz. mellékletében felsorolt termékkategóriákba
                tartozó termékekre nem érvényesíthető (Infó:
                <a href="https://shop.rossmann.hu/arres-csokkentesben-erintett-termekkategoriak" target="_blank">https://shop.rossmann.hu/arres-csokkentesben-erintett-termekkategoriak</a>).
                Bővebb tájékoztatás a ROSSMANN+ programról:
                <a href="https://shop.rossmann.hu/rossmann-plusz" target="_blank">plusz.rossmann.hu</a> weboldalon,
                valamint az <a href="http://shop.rossmann.hu/aszf" target="_blank">Általános szerződési feltételek</a> ROSSMANN+ menüpontjában érhető el.
                Más kedvezménnyel nem vonható össze! A ROSSMANN+ tagok végösszegi kuponja az Online Drogériában nem
                használható fel, kivétel az Arany VIP tagok 1 db online is beváltható kuponja! A termékválaszték
                boltonként és az Online Drogériában eltérő, kérjük, tájékozódj üzleteinkben! A kedvezmény nem
                vonatkozik a kiárusításban szereplő termékekre. A kedvezmény kizárólag GLAMOUR-napok kuponnal
                vehető igénybe!
            </p><br>
        </div>
    </section>
</div>

GLAMOUR-napok a Rossmannban! Vásárolj kuponnal, fizess kevesebbet!

Rossmann hírlevél