/* =========================================================
   ROYALIS — DESPRE NOI
   Versiune corectată / izolată de restaurant.css
   ========================================================= */

body.about-page{
    margin:0;
    background:#070706;
    color:#f5f0e7;
    overflow-x:hidden;
}

body.about-page main{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
}

.about-page *,
.about-page *::before,
.about-page *::after{
    box-sizing:border-box;
}

.about-page img{
    max-width:100%;
}

.about-container{
    width:min(1180px,calc(100% - 48px));
    margin:0 auto;
}

/* =========================
   HERO
   ========================= */

.about-page .about-hero{
    position:relative;
    min-height:720px;
    display:flex;
    align-items:center;
    overflow:hidden;
    isolation:isolate;
    background-color:#090807;
    background-image:var(--about-hero-image);
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
}

.about-page .about-hero::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-2;
    background:
        linear-gradient(
            90deg,
            #070706 0%,
            rgba(7,7,6,.94) 22%,
            rgba(7,7,6,.64) 48%,
            rgba(7,7,6,.18) 78%,
            rgba(7,7,6,.42) 100%
        );
}

.about-page .about-hero::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.55) 0%,
            transparent 22%,
            transparent 70%,
            #070706 100%
        );
    pointer-events:none;
}

.about-page .about-hero-overlay{
    position:absolute;
    inset:0;
    z-index:-1;
    background:
        radial-gradient(
            circle at 78% 45%,
            rgba(206,163,80,.13),
            transparent 28%
        );
    pointer-events:none;
}

.about-page .about-hero-glow{
    position:absolute;
    width:500px;
    height:500px;
    left:-250px;
    top:120px;
    border-radius:50%;
    background:rgba(194,146,54,.12);
    filter:blur(110px);
    pointer-events:none;
}

.about-page .about-hero .about-container{
    position:relative;
    z-index:2;
    min-height:720px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:50px;
}

.about-page .about-hero-content{
    width:min(650px,100%);
    padding-top:30px;
}

.about-page .about-eyebrow{
    display:flex;
    align-items:center;
    gap:12px;
    margin:0 0 25px;
    color:#d6ae63;
    font:700 10px/1 "Inter",sans-serif;
    letter-spacing:4px;
    text-transform:uppercase;
}

.about-page .about-eyebrow span{
    display:block;
    width:34px;
    height:1px;
    background:#c99b4c;
}

.about-page .about-hero h1{
    margin:0 !important;
    color:#f7f1e7 !important;
    font-family:"Cormorant Garamond",Georgia,serif !important;
    font-size:clamp(62px,7vw,104px) !important;
    font-weight:500 !important;
    line-height:.88 !important;
    letter-spacing:-2px !important;
}

.about-page .about-hero h1 em{
    color:#d1a85b !important;
    font-style:italic;
    font-weight:500;
}

.about-page .about-hero p{
    width:min(560px,100%);
    margin:30px 0 0 !important;
    color:rgba(255,255,255,.72) !important;
    font:400 15px/1.8 "Inter",sans-serif !important;
}

.about-page .about-story-button{
    display:inline-flex;
    align-items:center;
    gap:13px;
    margin-top:30px;
    padding:0;
    border:0;
    background:transparent;
    color:#d7ad61;
    font:700 11px/1 "Inter",sans-serif;
    letter-spacing:1px;
    cursor:pointer;
}

.about-page .play-icon{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border:1px solid rgba(211,169,91,.75);
    border-radius:50%;
    color:#d7ad61;
    font-size:10px;
    transition:.3s ease;
}

.about-page .about-story-button:hover .play-icon{
    background:#d2a65a;
    color:#080706;
    transform:scale(1.08);
}

.about-page .hero-side-note{
    flex:0 0 auto;
    display:flex;
    flex-direction:column;
    gap:10px;
    padding:20px 18px;
    border:1px solid rgba(210,169,91,.45);
    background:rgba(0,0,0,.24);
    backdrop-filter:blur(8px);
    color:#d7ad61;
    font:700 9px/1 "Inter",sans-serif;
    letter-spacing:3px;
}

/* =========================
   STORY
   ========================= */

.about-page .about-story{
    padding:115px 0 105px;
    background:#090908;
}

.about-page .story-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:82px;
    align-items:center;
}

.about-page .story-image{
    position:relative;
    min-width:0;
}

.about-page .image-frame{
    position:relative;
    padding:0 0 22px 22px;
}

.about-page .image-frame::before{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:58%;
    height:62%;
    border-left:1px solid #c3984f;
    border-bottom:1px solid #c3984f;
    pointer-events:none;
}

.about-page .image-frame img{
    display:block;
    width:100% !important;
    height:560px !important;
    max-height:none !important;
    aspect-ratio:auto !important;
    object-fit:cover !important;
    object-position:center !important;
    filter:saturate(.9);
}

.about-page .image-caption{
    position:absolute;
    right:0;
    bottom:0;
    display:flex;
    flex-direction:column;
    padding:14px 20px;
    background:#c49a53;
    color:#0a0907;
}

.about-page .image-caption span{
    font:500 21px/1.1 "Cormorant Garamond",Georgia,serif;
}

.about-page .image-caption small{
    margin-top:4px;
    font:700 7px/1 "Inter",sans-serif;
    letter-spacing:3px;
}

.about-page .story-content{
    max-width:530px;
}

.about-page .section-kicker{
    margin:0 0 15px;
    color:#cda35a;
    font:700 10px/1.2 "Inter",sans-serif;
    letter-spacing:3px;
}

.about-page .story-content h2,
.about-page .philosophy-content h2,
.about-page .gallery-heading h2,
.about-page .cta-content h2{
    color:#f5efe6 !important;
    font-family:"Cormorant Garamond",Georgia,serif !important;
    font-weight:500 !important;
}

.about-page .story-content h2{
    margin:0 !important;
    font-size:clamp(50px,5vw,72px) !important;
    line-height:.9 !important;
}

.about-page .story-content h2 em,
.about-page .philosophy-content h2 em{
    color:#d1a85b !important;
    font-style:italic;
}

.about-page .gold-line{
    width:52px;
    height:1px;
    margin:25px 0;
    background:#c89d52;
}

.about-page .story-content p{
    max-width:510px;
    margin:0 0 16px !important;
    color:rgba(255,255,255,.64) !important;
    font:400 14px/1.85 "Inter",sans-serif !important;
}

.about-page .outline-button{
    display:inline-flex;
    align-items:center;
    gap:24px;
    margin-top:14px;
    padding:13px 20px;
    border:1px solid rgba(204,161,85,.65);
    color:#d4ab61;
    background:transparent;
    text-decoration:none;
    font:700 10px/1 "Inter",sans-serif;
    letter-spacing:1px;
    transition:.3s ease;
}

.about-page .outline-button:hover{
    background:#d0a55a;
    color:#0b0a08;
}

/* =========================
   VALUES
   ========================= */

.about-page .about-values{
    padding:0 0 100px;
    background:#090908;
}

.about-page .values-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    border-top:1px solid rgba(207,166,88,.17);
    border-bottom:1px solid rgba(207,166,88,.17);
}

.about-page .value-card{
    position:relative;
    min-height:250px;
    padding:38px 34px;
    border:0;
    border-right:1px solid rgba(207,166,88,.17);
    background:transparent;
    text-align:left;
    transition:background .3s ease,transform .3s ease;
}

.about-page .value-card:last-child{
    border-right:0;
}

.about-page .value-card:hover{
    background:rgba(207,166,88,.035);
    transform:translateY(-3px);
}

.about-page .value-icon{
    margin:0 0 16px;
    color:#d0a55b;
    font-size:24px;
}

.about-page .value-number{
    position:absolute;
    top:25px;
    right:26px;
    color:rgba(207,166,88,.26);
    font:500 46px/1 "Cormorant Garamond",Georgia,serif;
}

.about-page .value-card h3{
    margin:0 0 10px !important;
    color:#f3eee5 !important;
    font:500 27px/1.1 "Cormorant Garamond",Georgia,serif !important;
}

.about-page .value-card p{
    max-width:280px;
    margin:0 !important;
    color:rgba(255,255,255,.53) !important;
    font:400 12px/1.7 "Inter",sans-serif !important;
}

/* =========================
   PHILOSOPHY
   ========================= */

.about-page .about-philosophy{
    position:relative;
    min-height:570px;
    display:flex;
    align-items:center;
    overflow:hidden;
    background-color:#080807;
    background-image:var(--philosophy-image);
    background-repeat:no-repeat;
    background-position:center right;
    background-size:cover;
}

.about-page .philosophy-overlay{
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            90deg,
            #080807 0%,
            rgba(8,8,7,.97) 22%,
            rgba(8,8,7,.72) 47%,
            rgba(8,8,7,.20) 78%,
            rgba(8,8,7,.48) 100%
        );
}

.about-page .about-philosophy .about-container{
    position:relative;
    z-index:2;
}

.about-page .philosophy-content{
    max-width:540px;
    padding:95px 0;
}

.about-page .philosophy-content h2{
    margin:0 0 25px !important;
    font-size:clamp(54px,6vw,78px) !important;
    line-height:.88 !important;
}

.about-page .philosophy-content h2 em{
    display:block;
}

.about-page .philosophy-content p{
    max-width:500px;
    margin:0 0 14px !important;
    color:rgba(255,255,255,.62) !important;
    font:400 13px/1.8 "Inter",sans-serif !important;
}

.about-page .philosophy-mark{
    margin-top:26px;
    color:#d0a45a;
    font-size:24px;
}

/* =========================
   GALLERY
   ========================= */

.about-page .about-gallery{
    padding:110px 0;
    background:#080807;
}

.about-page .gallery-heading{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:40px;
    margin-bottom:38px;
}

.about-page .gallery-heading h2{
    margin:0 !important;
    font-size:clamp(48px,5vw,68px) !important;
    line-height:.95 !important;
}

.about-page .gallery-heading p{
    max-width:390px;
    margin:0 !important;
    color:rgba(255,255,255,.52) !important;
    font:400 13px/1.8 "Inter",sans-serif !important;
}

.about-page .about-gallery-grid{
    display:grid;
    grid-template-columns:1.35fr 1fr 1fr 1.1fr;
    gap:10px;
    align-items:stretch;
}

.about-page .gallery-item{
    position:relative;
    display:block;
    width:100% !important;
    height:300px !important;
    min-width:0;
    padding:0 !important;
    margin:0;
    overflow:hidden;
    border:0 !important;
    outline:0;
    background:#111;
    cursor:pointer;
}

.about-page .gallery-item:nth-child(2),
.about-page .gallery-item:nth-child(3){
    height:300px !important;
}

.about-page .gallery-item img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    object-fit:cover !important;
    object-position:center !important;
    transition:transform .6s ease,filter .6s ease;
}

.about-page .gallery-item:hover img{
    transform:scale(1.06);
    filter:brightness(.7);
}

.about-page .gallery-overlay{
    position:absolute;
    inset:0;
    display:grid;
    place-items:center;
    background:rgba(0,0,0,.28);
    opacity:0;
    transition:opacity .3s ease;
}

.about-page .gallery-item:hover .gallery-overlay{
    opacity:1;
}

.about-page .gallery-overlay span{
    width:48px;
    height:48px;
    display:grid;
    place-items:center;
    border:1px solid #d3aa61;
    border-radius:50%;
    color:#d3aa61;
    font-size:23px;
}

/* =========================
   CTA
   ========================= */

.about-page .about-cta{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    min-height:460px;
    background:#11100e;
}

.about-page .cta-image{
    min-width:0;
    overflow:hidden;
}

.about-page .cta-image img{
    display:block !important;
    width:100% !important;
    height:460px !important;
    min-height:0 !important;
    max-width:none !important;
    object-fit:cover !important;
}

.about-page .cta-content{
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:70px max(40px,calc((100vw - 1180px)/2)) 70px 70px;
}

.about-page .cta-content h2{
    margin:0 0 18px !important;
    font-size:clamp(50px,5vw,75px) !important;
    line-height:.9 !important;
}

.about-page .cta-content p{
    max-width:460px;
    margin:0 !important;
    color:rgba(255,255,255,.58) !important;
    font:400 13px/1.8 "Inter",sans-serif !important;
}

.about-page .cta-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:28px;
}

.about-page .gold-button,
.about-page .dark-button{
    min-height:48px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:0 22px;
    text-decoration:none;
    font:700 10px/1 "Inter",sans-serif;
    letter-spacing:1px;
    transition:.3s ease;
}

.about-page .gold-button{
    background:#d0a45a;
    color:#0b0a08;
}

.about-page .gold-button:hover{
    background:#edc678;
}

.about-page .dark-button{
    border:1px solid rgba(208,164,90,.62);
    color:#d8b16a;
}

.about-page .dark-button:hover{
    background:#d0a45a;
    color:#0b0a08;
}

/* =========================
   LIGHTBOX
   ========================= */

.about-page .about-lightbox{
    position:fixed;
    inset:0;
    z-index:99999;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:30px;
    opacity:0;
    visibility:hidden;
    transition:opacity .25s ease,visibility .25s ease;
}

.about-page .about-lightbox.is-open{
    opacity:1;
    visibility:visible;
}

.about-page .lightbox-backdrop{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.95);
    backdrop-filter:blur(10px);
}

.about-page .about-lightbox img{
    position:relative;
    z-index:2;
    width:auto !important;
    height:auto !important;
    max-width:94vw !important;
    max-height:88vh !important;
    object-fit:contain !important;
    box-shadow:0 30px 100px rgba(0,0,0,.8);
}

.about-page .lightbox-close{
    position:absolute;
    z-index:3;
    top:22px;
    right:25px;
    width:46px;
    height:46px;
    display:grid;
    place-items:center;
    border:1px solid rgba(211,169,91,.55);
    border-radius:50%;
    background:rgba(0,0,0,.35);
    color:#d4ad64;
    font-size:28px;
    cursor:pointer;
}

/* =========================
   REVEAL
   ========================= */

.about-page .reveal{
    opacity:0;
    transform:translateY(28px);
    transition:opacity .7s ease,transform .7s ease;
    transition-delay:var(--delay,0ms);
}

.about-page .reveal.is-visible{
    opacity:1;
    transform:none;
}

/* =========================
   RESPONSIVE
   ========================= */

@media (max-width:1050px){
    .about-page .about-hero{
        min-height:650px;
    }

    .about-page .about-hero .about-container{
        min-height:650px;
    }

    .about-page .hero-side-note{
        display:none;
    }

    .about-page .story-grid{
        gap:50px;
    }

    .about-page .about-gallery-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .about-page .gallery-item,
    .about-page .gallery-item:nth-child(2),
    .about-page .gallery-item:nth-child(3){
        height:270px !important;
    }
}

@media (max-width:760px){
    .about-page .about-container{
        width:calc(100% - 32px);
    }

    .about-page .about-hero{
        min-height:680px;
        background-position:62% center;
    }

    .about-page .about-hero::before{
        background:
            linear-gradient(
                180deg,
                rgba(7,7,6,.55),
                rgba(7,7,6,.72) 48%,
                rgba(7,7,6,.96) 100%
            );
    }

    .about-page .about-hero .about-container{
        min-height:680px;
        align-items:flex-end;
    }

    .about-page .about-hero-content{
        padding-bottom:55px;
    }

    .about-page .about-hero h1{
        font-size:clamp(52px,15vw,78px) !important;
    }

    .about-page .story-grid{
        grid-template-columns:1fr;
        gap:55px;
    }

    .about-page .image-frame img{
        height:min(620px,125vw) !important;
    }

    .about-page .values-grid{
        grid-template-columns:1fr;
    }

    .about-page .value-card{
        border-right:0;
        border-bottom:1px solid rgba(207,166,88,.17);
    }

    .about-page .value-card:last-child{
        border-bottom:0;
    }

    .about-page .about-philosophy{
        min-height:620px;
        background-position:65% center;
    }

    .about-page .philosophy-overlay{
        background:
            linear-gradient(
                180deg,
                rgba(8,8,7,.62),
                rgba(8,8,7,.90) 68%,
                #080807 100%
            );
    }

    .about-page .gallery-heading{
        flex-direction:column;
        align-items:flex-start;
        gap:16px;
    }

    .about-page .about-gallery{
        padding:80px 0;
    }

    .about-page .about-gallery-grid{
        grid-template-columns:1fr 1fr;
    }

    .about-page .gallery-item,
    .about-page .gallery-item:nth-child(2),
    .about-page .gallery-item:nth-child(3){
        height:220px !important;
    }

    .about-page .about-cta{
        grid-template-columns:1fr;
    }

    .about-page .cta-image img{
        height:320px !important;
    }

    .about-page .cta-content{
        padding:60px 25px;
    }
}

@media (max-width:480px){
    .about-page .about-container{
        width:calc(100% - 26px);
    }

    .about-page .about-hero{
        min-height:630px;
    }

    .about-page .about-hero .about-container{
        min-height:630px;
    }

    .about-page .about-hero h1{
        font-size:49px !important;
    }

    .about-page .about-hero p{
        font-size:13px !important;
        line-height:1.7 !important;
    }

    .about-page .about-story{
        padding:70px 0;
    }

    .about-page .image-frame{
        padding:0 0 15px 15px;
    }

    .about-page .image-caption{
        padding:11px 14px;
    }

    .about-page .story-content h2{
        font-size:47px !important;
    }

    .about-page .value-card{
        padding:32px 22px;
    }

    .about-page .about-gallery-grid{
        grid-template-columns:1fr;
    }

    .about-page .gallery-item,
    .about-page .gallery-item:nth-child(2),
    .about-page .gallery-item:nth-child(3){
        height:270px !important;
    }

    .about-page .cta-content h2{
        font-size:50px !important;
    }

    .about-page .cta-actions{
        flex-direction:column;
    }

    .about-page .gold-button,
    .about-page .dark-button{
        width:100%;
    }
}
/* =========================================================
   PREMIUM IMAGE VIEWER
   ========================================================= */

.about-lightbox {
    position: fixed !important;
    inset: 0 !important;
    z-index: 99999 !important;

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

    padding: 80px 100px 110px !important;

    background: rgba(3, 3, 3, .96) !important;

    opacity: 0;
    visibility: hidden;

    transition:
        opacity .35s ease,
        visibility .35s ease;

    overflow: hidden;
}

.about-lightbox.is-open {
    opacity: 1;
    visibility: visible;
}


/* BACKDROP */

.about-lightbox .lightbox-backdrop {
    position: absolute !important;
    inset: 0 !important;

    background:
        radial-gradient(
            circle at center,
            rgba(190, 145, 60, .08),
            transparent 55%
        ),
        rgba(0, 0, 0, .94) !important;

    backdrop-filter: blur(14px);
}


/* IMAGE */

.about-lightbox img {
    position: relative !important;
    z-index: 2 !important;

    display: block;

    max-width: 90vw !important;
    max-height: 78vh !important;

    width: auto;
    height: auto;

    object-fit: contain;

    user-select: none;
    -webkit-user-select: none;

    cursor: grab;

    transform:
        translate3d(0, 0, 0)
        scale(1);

    transition:
        transform .25s ease,
        opacity .2s ease;

    will-change: transform;

    box-shadow:
        0 35px 100px rgba(0, 0, 0, .75);

    border: 1px solid rgba(210, 165, 85, .22);
}

.about-lightbox img.is-zoomed {
    cursor: grab;
}

.about-lightbox img.is-dragging {
    cursor: grabbing;

    transition: none;
}

.about-lightbox img.is-changing {
    opacity: .35;
}


/* CLOSE */

.about-lightbox .lightbox-close {
    position: absolute !important;

    z-index: 10 !important;

    top: 25px !important;
    right: 30px !important;

    width: 48px !important;
    height: 48px !important;

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

    padding: 0;

    border: 1px solid rgba(214, 173, 93, .55) !important;
    border-radius: 50% !important;

    background: rgba(10, 10, 10, .7) !important;

    color: #d8b36a !important;

    font-size: 30px !important;
    line-height: 1;

    cursor: pointer;

    transition:
        background .25s ease,
        color .25s ease,
        transform .25s ease;
}

.about-lightbox .lightbox-close:hover {
    background: #d3a657 !important;
    color: #080807 !important;
    transform: rotate(90deg);
}


/* CONTROLS */

.lightbox-controls {
    position: absolute;

    z-index: 20;

    left: 50%;
    bottom: 28px;

    transform: translateX(-50%);

    display: flex;
    align-items: center;
    gap: 6px;

    padding: 7px;

    border: 1px solid rgba(212, 170, 91, .25);

    background: rgba(12, 12, 12, .88);

    backdrop-filter: blur(12px);

    box-shadow:
        0 15px 50px rgba(0, 0, 0, .55);
}


/* CONTROL BUTTON */

.lightbox-controls button {
    width: 44px;
    height: 42px;

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

    padding: 0;

    border: 1px solid transparent;

    background: transparent;

    color: #e0c083;

    font-family: inherit;

    font-size: 21px;

    cursor: pointer;

    transition:
        background .2s ease,
        color .2s ease,
        border-color .2s ease;
}

.lightbox-controls button:hover {
    border-color: rgba(214, 173, 93, .5);

    background: rgba(205, 163, 82, .12);

    color: #fff;
}


/* PREV / NEXT */

.lightbox-controls .lightbox-prev,
.lightbox-controls .lightbox-next {
    width: 52px;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size: 38px;

    line-height: 1;
}


/* RESET */

.lightbox-controls .lightbox-reset {
    width: 60px;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 1px;
}


/* COUNTER */

.lightbox-counter {
    position: absolute;

    z-index: 20;

    left: 50%;
    bottom: 88px;

    transform: translateX(-50%);

    color: rgba(255, 255, 255, .72);

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size: 17px;

    letter-spacing: 2px;

    pointer-events: none;
}


/* GALLERY IMAGE POINTER */

.about-gallery-grid .gallery-item {
    cursor: zoom-in;
}


/* MOBILE */

@media (max-width: 700px) {

    .about-lightbox {
        padding:
            70px
            15px
            95px !important;
    }

    .about-lightbox img {
        max-width: 96vw !important;
        max-height: 72vh !important;
    }

    .about-lightbox .lightbox-close {
        top: 16px !important;
        right: 16px !important;
    }

    .lightbox-controls {
        bottom: 20px;

        max-width: calc(100vw - 24px);

        gap: 3px;

        padding: 5px;
    }

    .lightbox-controls button {
        width: 39px;
        height: 39px;
    }

    .lightbox-controls .lightbox-prev,
    .lightbox-controls .lightbox-next {
        width: 43px;
    }

    .lightbox-controls .lightbox-reset {
        width: 50px;
    }

    .lightbox-counter {
        bottom: 75px;
    }

}


/* VERY SMALL PHONES */

@media (max-width: 420px) {

    .lightbox-controls button {
        width: 35px;
        height: 36px;

        font-size: 18px;
    }

    .lightbox-controls .lightbox-prev,
    .lightbox-controls .lightbox-next {
        width: 38px;
    }

    .lightbox-controls .lightbox-reset {
        width: 43px;

        font-size: 9px;
    }

}
/* =========================================================
   LANGUAGE SWITCHER
========================================================= */

.language-switcher {
    position: relative;
    display: flex;
    align-items: center;
}

.language-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 44px;
    padding: 0 14px;
    border: 1px solid rgba(212, 175, 55, 0.35);
    background: rgba(0, 0, 0, 0.35);
    color: #d4af37;
    font-family: inherit;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    cursor: pointer;
    transition: all 0.25s ease;
}

.language-button:hover {
    border-color: #d4af37;
    background: rgba(212, 175, 55, 0.08);
}

.language-arrow {
    font-size: 10px;
    transition: transform 0.25s ease;
}

.language-switcher.open .language-arrow {
    transform: rotate(180deg);
}

.language-menu {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    min-width: 70px;
    padding: 6px;
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.35);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.45);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    transition:
        opacity 0.2s ease,
        visibility 0.2s ease,
        transform 0.2s ease;
    z-index: 1000;
}

.language-switcher.open .language-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.language-menu a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    color: #fff;
    text-decoration: none;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    transition: all 0.2s ease;
}

.language-menu a:hover,
.language-menu a.active {
    color: #d4af37;
    background: rgba(212, 175, 55, 0.08);
}
.restaurant-header {
    position: relative !important;
    z-index: 999999 !important;
}

.language-switcher {
    position: relative !important;
    z-index: 999999 !important;
}

.language-dropdown {
    position: absolute !important;
    z-index: 999999 !important;
    pointer-events: auto !important;
}

.language-dropdown a {
    position: relative !important;
    z-index: 1000000 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}