/* =========================================================
GLOBAL RESET — MOBILE
========================================================= */
@media (max-width:768px){

html,body{
    overflow-x:hidden;
}

/* všechny sekce bez layoutu z desktopu */
section{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
}

/* kontejnery nesmí držet šířku z desktopu */
.container,
.wrapper,
.inner,
.content,
.row{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
}

/* header normální blok */
.site-header{
    position:relative !important;
    height:auto !important;
}


/* =========================================================
HEADER
========================================================= */

.header-inner{
    justify-content:flex-end;
    padding:12px 16px;
}

.nav,
.header-cta{
    display:none;
}

/* =========================================================
BURGER
========================================================= */

.mobile-burger{
    width:42px;
    height:42px;
    margin-left:auto;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:6px;
    background:none;
    border:none;
    cursor:pointer;
    z-index:1001;
}

.mobile-burger span{
    display:block;
    width:100%;
    height:2px;
    background:#c9a96a;
    transition:.35s;
}

/* animace do X */
.mobile-burger.active span:nth-child(1){
    transform:translateY(8px) rotate(45deg);
}

.mobile-burger.active span:nth-child(2){
    opacity:0;
}

.mobile-burger.active span:nth-child(3){
    transform:translateY(-8px) rotate(-45deg);
}

/* =========================================================
MENU PANEL
========================================================= */

.mobile-menu{
    position:fixed;
    inset:0;
    background:#0b0f14;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:28px;
    transform:translateY(-100%);
    transition:.45s cubic-bezier(.22,.7,.2,1);
    z-index:1000;
}

.mobile-menu.open{
    transform:translateY(0);
}

/* =========================================================
MENU LINKS (fix fialových odkazů)
========================================================= */

.mobile-menu a,
.mobile-menu a:visited,
.mobile-menu a:active{
    color:#e7c98a !important;
    text-decoration:none;
    font-size:24px;
    letter-spacing:2px;
    padding:12px 20px;
    transition:.25s;
}

/* hover / tap feedback */
.mobile-menu a:hover{
    color:#ffffff;
    transform:translateY(-1px);
}

/* =========================================================
LOCK SCROLL WHEN MENU OPEN
(přidej class="menu-open" na body přes JS)
========================================================= */

body.menu-open{
    overflow:hidden;
}


/* =========================================================
REMOVE PARALLAX BLOCK (černý obdélník)
========================================================= */

.scene{
    display:none !important;
    height:0 !important;
    min-height:0 !important;
    padding:0 !important;
    margin:0 !important;
}

/* =========================================================
HERO — PERFECT CENTER (FIXED)
========================================================= */

/* kompletně odstranit parallax vrstvu */
.hero > .scene{
    display:none !important;
    position:static !important;
    height:0 !important;
    min-height:0 !important;
    overflow:hidden !important;
}

/* vypnout všechny původní efekty */
.layer,
.layer-bg,
.layer-car,
.layer-light,
.hero-overlay,
.grain{
    display:none !important;
}

/* sekce */
.hero{
    position:relative;

    /* ❌ zruší full screen výšku */
    min-height:auto;
    height:auto;

    /* místo toho přirozené centrování */
    padding:80px 18px 60px;

    background:#0b0f14;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
}


/* zlaté ambient pozadí */
.hero::before{
    content:"";
    position:absolute;
    inset:-25%;
    background:
        radial-gradient(480px 220px at 50% 10%, rgba(201,169,106,.22), transparent 60%),
        radial-gradient(360px 200px at 20% 90%, rgba(201,169,106,.12), transparent 65%),
        radial-gradient(360px 200px at 80% 95%, rgba(201,169,106,.10), transparent 70%);
    filter:blur(40px);
    opacity:.85;
    pointer-events:none;
}

/* obsah */
.hero-content{
    position:relative;
    z-index:2;
    width:100%;
    max-width:340px;
    padding:0 !important;
    margin:0 auto;
}

/* text */
.hero-subtitle{
    font-size:12px;
    letter-spacing:3px;
    opacity:.85;
    margin-bottom:8px;
}

.title-main{
    font-size:30px;
    line-height:1.15;
    margin-bottom:6px;
}

.title-sub{
    font-size:22px;
     margin-bottom:14px;
    letter-spacing:2px;
}

/* CTA */
.hero-btn{
    display:block;
    margin:18px auto 0;
    width:100%;
    max-width:260px;
    padding:15px 18px;
    margin-top:14px;
}

.hero-btn::after{
    display:none !important;
}


/* =========================================================
FEATURE BAR — MOBILE GOLD DIVIDERS
========================================================= */

.feature-bar{
    position:relative;
    margin:0;
    background:#0e1319;

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

    height:56px;
    padding:0;
}

/* ===== ZLATÉ LINKY ===== */

.feature-bar::before,
.feature-bar::after{
    content:"";
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    width:160px;
    height:1px;

    background:linear-gradient(
        to right,
        transparent,
        rgba(201,169,106,.9),
        transparent
    );
}

/* horní */
.feature-bar::before{
    top:0;
}

/* dolní */
.feature-bar::after{
    bottom:0;
}

/* schovej desktop věci */
.feature-item{
    display:none !important;
}

/* ticker */
.feature-ticker{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    height:100%;
    line-height:1;

    font-size:15px;
    letter-spacing:2px;
    font-weight:500;
    color:#e6e6e6;
}

/* ikonka */
.feature-ticker .icon{
    font-size:18px;
    color:#c9a96a;
    display:flex;
    align-items:center;
}





/* =========================================================
PRODUCTS — MOBILE SLIDER (1 CARD + SWIPE)
========================================================= */

.products{
    padding:70px 0 80px;
}

/* viewport = maska slideru */
.cards-viewport{
    overflow:hidden;
    padding:0;
}

/* track */
.cards-track{
    display:flex;
    gap:0;
    transition:transform .45s cubic-bezier(.22,.7,.2,1);
}

/* karta = přesně šířka displeje */
.product-card{
    flex:0 0 100%;
    width:100%;
    padding:0 18px;              /* prostor okolo */
    box-sizing:border-box;
}

/* obsah */
.card-content{
    padding:26px 22px 30px;
    text-align:center;
}

/* ===== GOLD DIVIDER (VRÁCENÝ) ===== */

.product-card .divider{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    margin:18px 0 22px;
}

.product-card .divider .line{
    flex:1;
    max-width:70px;
    height:1px;
    background:linear-gradient(to right,
        transparent,
        rgba(201,169,106,.85),
        transparent);
}

.product-card .divider .dot{
    width:6px;
    height:6px;
    border-radius:50%;
    background:#c9a96a;
    box-shadow:
        0 0 6px rgba(201,169,106,.6),
        0 0 14px rgba(201,169,106,.35);
}

/* šipky na mobilu ne */
.products-arrow{
    display:none !important;
}

/* =========================================================
PRODUCTS PAGINATION LINE (SWIPE HINT)
========================================================= */

.mobile-dots{
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:10px;
    margin-top:26px;
    padding:14px 0;
}

/* základní linka */
.mobile-dots::before{
    content:"";
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    width:160px;
    height:1px;

    background:repeating-linear-gradient(
        to right,
        rgba(201,169,106,.45) 0px,
        rgba(201,169,106,.45) 6px,
        transparent 6px,
        transparent 14px
    );
    opacity:.7;
}

/* tečky */
.mobile-dot{
    position:relative;
    width:6px;
    height:6px;
    border-radius:50%;
    background:rgba(201,169,106,.35);
    transition:.35s cubic-bezier(.22,.7,.2,1);
}

/* aktivní produkt */
.mobile-dot.active{
    width:14px;
    height:14px;
    background:#c9a96a;
    box-shadow:
        0 0 10px rgba(201,169,106,.9),
        0 0 22px rgba(201,169,106,.5);
}


/* =========================================================
STORY — MOBILE CENTER FIX
========================================================= */

@media (max-width:768px){

/* sekce */
.story{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;

    min-height:auto !important;
    height:auto !important;
}

/* obrázek */
.story-image{
    width:100% !important;
    height:240px !important;
    clip-path:none !important;
}

.story-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}

/* obsah */
.story-content{
    width:100%;
    max-width:360px;        /* užší = opticky víc na středu */
    margin:0 auto;          /* skutečný střed */
    padding:34px 20px 46px;
    text-align:center;
}

/* nadpis */
.story-content h2{
    font-size:24px;
    line-height:1.25;
    margin:0 0 18px;
    text-align:center;
}

/* odstavec */
.story-content p{
    font-size:16px;
    line-height:1.7;
    margin:0 0 26px;
}

/* seznam */
.story-list{
    list-style:none;
    padding:0;
    margin:0 0 30px;
}

.story-list li{
    font-size:16px;
    margin-bottom:12px;
}

/* tlačítko */
.story-btn{
    width:100%;
    max-width:260px;
    margin:10px auto 0;
}

}


/* =========================================================
SETUP — MOBILE CLEAN RESET
========================================================= */

/* layout */
.setup{
    padding:60px 0 70px;
}

.setup-timeline{
    display:grid;
    grid-template-columns:1fr;
    gap:22px;
    padding:0 20px;
}

.setup-timeline::before,
.setup-progress{
    display:none !important;
}

/* =========================================================
NADPIS SEKCE — FULL MOBILE RESET
========================================================= */

.setup h2{
    display:block;

    font-size:22px;          /* menší, aby se vešel */
    line-height:1.25;

    text-align:center;
    padding:0 18px;
    margin:0 auto 10px;

    white-space:normal !important;   /* POVOLIT zalomení */
    word-break:break-word;
    overflow-wrap:anywhere;

    letter-spacing:1px !important;   /* zrušit přehnaný tracking */
    max-width:100%;
}

/* subtitle */
.setup-subtitle{
    all:unset;
    display:block;

    font-size:13px;
    letter-spacing:2px;
    text-align:center;
    margin:0 0 26px;

    color:#c9a96a;
}

/* =========================================================
KARTY
========================================================= */

.step{
    padding:26px 22px 28px;
    text-align:center;
}

/* nadpis v kartě */
.step h3{
    all:unset;
    display:block;

    font-size:20px;
    font-weight:600;
    margin:0 0 10px;

    text-align:center;
    color:#f1f1f1;
}

/* popis */
.step p{
    all:unset;
    display:block;

    font-size:17px;        /* větší text */
    line-height:1.7;
    max-width:320px;
    margin:0 auto;

    color:#cfcfcf;
}



/* =========================================================
VIDEO — MOBILE SINGLE SWIPE
========================================================= */

/* wrapper */
.video-carousel{
    overflow:hidden;
}

/* horizontální scroll */
.video-stage{
    height:auto;
    display:flex !important;
    flex-direction:row !important;
    gap:0;

    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;

    padding:0;
    margin:0;
}

/* skryj scrollbar */
.video-stage::-webkit-scrollbar{
    display:none;
}
.video-stage{
    -ms-overflow-style:none;
    scrollbar-width:none;
}

/* karta = celá šířka displeje */
.video-card{
    flex:0 0 100%;
    min-width:100%;
    scroll-snap-align:start;

    transform:none !important;
    filter:none !important;
    padding:0 16px 18px;
    box-sizing:border-box;
}

/* video */
.video-card iframe,
.video-card video{
    width:100%;
    aspect-ratio:16/9;
    border-radius:14px;
    display:block;
    background:#000;
}

/* vypnout desktop prvky */
.video-arrow,
.video-progress{
    display:none !important;
}


/* =========================================================
REVIEWS — MOBILE STACK
========================================================= */

/* vypnout scénu */
.reviews-stage{
    position:relative !important;
    height:auto !important;
    display:flex !important;
    flex-direction:column;
    gap:26px;
}

/* každá karta normální blok */
.review{
    position:relative !important;
    left:auto !important;
    top:auto !important;
    transform:none !important;
    filter:none !important;

    width:100% !important;
    margin:0 !important;
}

/* odstranit 3D stavy */
.r-left,
.r-active,
.r-right{
    transform:none !important;
    opacity:1 !important;
    pointer-events:auto !important;
}

/* obrázek */
.review img{
    width:100%;
    height:auto;
    object-fit:cover;
}

/* vypnout šipky */
.rev-arrow{
    display:none !important;
}

/* progress lišta pryč (pokud existuje) */
.reviews-progress{
    display:none !important;
}

.reviews h2{
    white-space:normal !important;
    overflow-wrap:anywhere;
    word-break:break-word;

    font-size:24px;
    line-height:1.2;
    letter-spacing:1px !important;

    text-align:center;
    max-width:320px;
    margin:0 auto 10px;
}

/* =========================================================
FORM
========================================================= */

.grid{
    grid-template-columns:1fr;
}

.inquiry-form{
    padding:32px 18px;
}

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

.faq-question{
    font-size:17px;
}

.faq-answer p{
    font-size:15px;
}
}