:root{
            --m-bg: #07080c;
            --m-bg-2: #0d0f16;
            --m-surface: rgba(255,255,255,.06);
            --m-surface-2: rgba(255,255,255,.09);
            --m-border: rgba(240, 208, 138, .22);
            --m-border-soft: rgba(255,255,255,.10);
            --m-gold: #d7b46a;
            --m-gold-2: #f0d08a;
            --m-text: rgba(255,255,255,.92);
            --m-muted: rgba(255,255,255,.66);
            --m-shadow: 0 18px 60px rgba(0,0,0,.50);
            --m-shadow-soft: 0 10px 28px rgba(0,0,0,.36);
            --m-radius: 18px;
        }

        html { scroll-behavior: smooth; }

        body{
            min-height: 100vh;
            background:
                radial-gradient(1200px 700px at 15% -10%, rgba(240,208,138,.10), transparent 60%),
                radial-gradient(900px 600px at 85% 10%, rgba(215,180,106,.08), transparent 60%),
                radial-gradient(700px 450px at 55% 110%, rgba(255,255,255,.06), transparent 55%),
                linear-gradient(180deg, var(--m-bg), var(--m-bg-2));
            color: var(--m-text);
            overflow-x: hidden;
        }

        h1,h2,h3,h4,h5,h6,
        .h1,.h2,.h3,.h4,.h5,.h6{
            color: var(--m-text);
        }

        .m-container{
            max-width: 100%;
        }

        .m-glass{
            background: var(--m-surface);
            border: 1px solid var(--m-border-soft);
            border-radius: var(--m-radius);
            box-shadow: var(--m-shadow-soft);
            backdrop-filter: blur(14px);
            -webkit-backdrop-filter: blur(14px);
        }

        .m-gold{
            color: var(--m-gold-2);
        }

        .m-hero{
            position: relative;
            overflow: hidden;
            padding: 10px 0 20px;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
            min-height: 180px;
        }

        .m-hero{
            z-index: 20;
        }

        .m-hero:before{
            content: "";
            position: absolute;
            inset: 0;
            background:
                radial-gradient(900px 520px at 20% 0%, rgba(240,208,138,.14), transparent 60%),
                radial-gradient(800px 500px at 85% 10%, rgba(215,180,106,.10), transparent 62%),
                linear-gradient(180deg, rgba(255,255,255,.03), transparent 72%);
            pointer-events: none;
            z-index: 0;
        }

        .m-hero.has-bg:before{
            background:
                linear-gradient(180deg, rgba(0,0,0,.72), rgba(0,0,0,.55), rgba(7,8,12,.92)),
                radial-gradient(900px 520px at 20% 0%, rgba(240,208,138,.14), transparent 60%),
                radial-gradient(800px 500px at 85% 10%, rgba(215,180,106,.10), transparent 62%),
                linear-gradient(180deg, rgba(255,255,255,.03), transparent 72%);
        }

        .m-hero-inner{
            position: relative;
            z-index: 1;
        }

        .m-hero-row{
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 18px;
            flex-wrap: wrap;
        }

        .m-hero-left{
            width: 100%;
            min-width: 0;
            height: 90px;

        }

        @media (min-width: 480px){
            .m-hero-left{
                width: auto;
                flex: 1 1 auto;
            }
        }

        .m-logo-wrap{
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin: 10px 0 12px;
            padding: 10px 12px;
            border-radius: 18px;
            background: rgba(0,0,0,.22);
            border: 1px solid rgba(240,208,138,.16);
            box-shadow: 0 14px 34px rgba(0,0,0,.32);
            backdrop-filter: blur(14px);
            -webkit-backdrop-filter: blur(14px);
        }

        .m-logo{
            display: block;
            width: auto;
            height: auto;
            max-width: min(220px, 70vw);
            max-height: 72px;
            object-fit: contain;
            filter: drop-shadow(0 10px 24px rgba(0, 0, 0, .45));
        }

        @media (min-width: 768px){
            .m-logo-wrap{
                justify-content: flex-start;
                margin: 0px 0 16px;
                padding: 12px 14px;
            }

            .m-logo{
                max-width: 260px;
                max-height: 92px;
            }
        }

        .m-title{
            font-weight: 750;
            letter-spacing: .2px;
            line-height: 1.05;
            margin: 0;
            color: #ffffff !important;
            position: relative;
            z-index: 5;
            font-size: 28px;
        }

        .m-subtitle{
            margin: 10px 0 0;
            color: rgba(255,255,255,.68) !important;
            font-size: 14px;
        }

        .m-subtitle{ position: relative; z-index: 5; }

        .m-hero-actions{
            position: relative;
            z-index: 6;
            margin-top: 12px;
            display: flex;
            align-items: center;
            gap: 10px;
            flex-wrap: wrap;
        }

        .m-hero-contact{
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 8px 10px;
            border-radius: 999px;
            text-decoration: none;
            color: rgba(255,255,255,.90);
            background: rgba(0,0,0,.22);
            border: 1px solid rgba(240,208,138,.22);
            box-shadow: 0 10px 26px rgba(0,0,0,.28);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            transition: transform .15s ease, border-color .15s ease, background .15s ease, box-shadow .15s ease;
            user-select: none;
            font-size: 13px;
            line-height: 1;
            letter-spacing: .2px;
        }

        .m-hero-contact-dot{
            width: 8px;
            height: 8px;
            border-radius: 999px;
            background: rgba(240,208,138,.55);
            box-shadow: 0 0 0 4px rgba(240,208,138,.12);
            flex: 0 0 auto;
        }

        .m-hero-contact-sep{
            opacity: .55;
        }

        .m-hero-contact-en{
            opacity: .78;
        }

        @media (hover:hover){
            .m-hero-contact:hover{
                transform: translateY(-1px);
                border-color: rgba(240,208,138,.34);
                background: rgba(255,255,255,.06);
                box-shadow: 0 14px 36px rgba(0,0,0,.34);
            }
        }

        .m-hero-contact:active{
            transform: translateY(1px) scale(.99);
        }

        .m-divider{
            height: 1px;
            background: linear-gradient(90deg, transparent, rgba(240,208,138,.35), transparent);
            margin: 16px 0 0;
            opacity: .85;
        }

        .m-translate{
            display: inline-flex;
            align-items: center;
            gap: 10px;
            padding: 8px 10px;
            border-radius: 16px;
            border: 1px solid rgba(240,208,138,.20);
            background: rgba(255,255,255,.06);
            box-shadow: 0 10px 24px rgba(0,0,0,.30);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            max-width: 100%;
            justify-content: center !important;
        }

        .m-translate-label{
            font-size: 12px;
            letter-spacing: .12em;
            text-transform: uppercase;
            color: rgba(255,255,255,.60);
        }

        /* Google Translate widget UI tweaks */
        .goog-te-banner-frame.skiptranslate { display: none !important; }
        body { top: 0 !important; }
        #google_translate_element .goog-te-gadget { font-size: 0; }
        #google_translate_element select{
            font-size: 14px;
            color: var(--m-text);
            background: rgba(0, 0, 0, 0.85);
            border: 1px solid rgba(240,208,138,.28);
            border-radius: 12px;
            padding: .45rem .55rem;
            outline: none;
            max-width: 100%;
        }

        .m-hero-right{
            width: 100%;
            display: flex;
            justify-content: flex-start;
        }

        @media (min-width: 480px){
            .m-hero-right{
                width: auto;
                justify-content: flex-end;
            }
        }

        .m-sticky{
            position: relative;
            z-index: 10;
            padding: 10px 0 8px;
        }

        /* Ensure sticky block starts below hero (prevents any overlap / margin-collapsing oddities) */
        .m-sticky{
            margin-top: 10px;
        }

        .m-scroll{
            overflow-x: auto;
            overflow-y: hidden;
            -webkit-overflow-scrolling: touch;
            scrollbar-width: none;
        }
        .m-scroll::-webkit-scrollbar{ display:none; }
        .m-scroll-inner{
            display: grid;
            grid-auto-flow: column;
            grid-auto-columns: max-content;
            align-items: center;
            gap: 10px;
            padding: 5px 8px;
                width: 100%;
        }

        .m-chip{
            font-size: 14px;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 9px 11px;
            border-radius: 999px;
            color: var(--m-text);
            text-decoration: none;
            background: rgba(255,255,255,.06);
            border: 1px solid rgba(255,255,255,.10);
            box-shadow: 0 8px 20px rgba(0,0,0,.22);
            transition: transform .15s ease, border-color .15s ease, background .15s ease;
            user-select: none;
        }
        .m-chip:hover{ transform: translateY(-1px); border-color: rgba(240,208,138,.26); background: rgba(255,255,255,.08); }
        .m-chip.is-active{
            border-color: rgba(240,208,138,.40);
            background: rgba(240,208,138,.10);
        }

        .m-chip-dot{
            width: 8px;
            height: 8px;
            border-radius: 999px;
            background: rgba(240,208,138,.35);
            box-shadow: 0 0 0 4px rgba(240,208,138,.10);
        }

        .m-main{
            padding: 0 0 26px;
        }

        .m-anchor{
            scroll-margin-top: 100px;
        }

        .m-empty{
            padding: 22px 18px;
            border-radius: var(--m-radius);
            border: 1px solid rgba(240,208,138,.18);
            background: rgba(255,255,255,.06);
            box-shadow: var(--m-shadow-soft);
            backdrop-filter: blur(14px);
            -webkit-backdrop-filter: blur(14px);
        }

        .m-empty-title{
            margin: 0 0 6px;
            font-weight: 700;
            letter-spacing: .2px;
        }

        .m-empty-sub{
            margin: 0;
            color: var(--m-muted);
            font-size: 14px;
        }

        .m-section{
            position: relative;
            padding: 16px;
            border-radius: 22px;
            border: 1px solid rgba(255,255,255,.10);
            background: rgba(255,255,255,.05);
            box-shadow: var(--m-shadow);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            overflow: hidden;
        }

        .m-section + .m-section{
            margin-top: 14px;
        }

        .m-section:before{
            content:"";
            position:absolute;
            inset:-2px;
            background: radial-gradient(540px 200px at 20% 0%, rgba(240,208,138,.14), transparent 60%);
            opacity:.65;
            pointer-events:none;
        }

        .m-section:target{
            border-color: rgba(240,208,138,.40);
            box-shadow: 0 20px 80px rgba(215,180,106,.14), var(--m-shadow);
        }

        .m-section-head{
            position: relative;
            display: flex;
            align-items: baseline;
            justify-content: space-between;
            gap: 12px;
            margin-bottom: 10px;
        }

        .m-section-name{
            margin: 0;
            font-weight: 800;
            letter-spacing: .2px;
        }

        .m-pill{
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 7px 10px;
            border-radius: 999px;
            font-size: 12px;
            color: rgba(255,255,255,.75);
            background: rgba(0,0,0,.28);
            border: 1px solid rgba(240,208,138,.20);
            box-shadow: 0 10px 26px rgba(0,0,0,.25);
            white-space: nowrap;
        }

        .m-pill i{
            width: 8px;
            height: 8px;
            border-radius: 999px;
            background: rgba(240,208,138,.55);
            box-shadow: 0 0 0 4px rgba(240,208,138,.12);
        }

        .m-cat-sticky{
            position: sticky;
            top: 0;
            z-index: 20;
            padding: 8px 0 8px;
            margin: 2px 0 6px;
            background: linear-gradient(180deg, rgba(7,8,12,.55), rgba(7,8,12,.22), transparent);
        }

        .m-cat-chip{
            padding: 7px 10px;
            border-radius: 999px;
            font-size: 13px;
            color: rgba(255,255,255,.80);
            text-decoration: none;
            background: rgba(0,0,0,.8);
            border: 1px solid rgba(255,255,255,.10);
            transition: border-color .15s ease, background .15s ease;
            white-space: nowrap;
            appearance: none;
            -webkit-appearance: none;
            cursor: pointer;
        }
        .m-cat-chip:hover{ border-color: rgba(240,208,138,.24); background: rgba(255,255,255,.07); }
        .m-cat-chip.is-active{
            border-color: rgba(240,208,138,.44);
            background: rgba(240,208,138,.12);
            color: rgba(255,255,255,.92);
            box-shadow: 0 10px 26px rgba(0,0,0,.22);
        }
        .m-cat-chip:focus-visible{
            outline: none;
            box-shadow: 0 0 0 3px rgba(240,208,138,.22), 0 10px 26px rgba(0,0,0,.22);
        }

        .m-cat-panels{ padding-top: 6px; }

        .m-category-panel{
            position: relative;
            margin-top: 12px;
            padding-top: 6px;
            will-change: opacity, transform;
        }
        .m-category-panel.is-hidden{
            display: none;
        }
        .m-category-panel.is-entering{
            animation: mFadeUp 260ms cubic-bezier(.2,.9,.2,1) both;
        }
        .m-category-panel.is-leaving{
            animation: mFadeOut 140ms ease both;
        }

        @keyframes mFadeUp{
            from{ opacity: 0; transform: translateY(8px); }
            to{ opacity: 1; transform: translateY(0); }
        }
        @keyframes mFadeOut{
            from{ opacity: 1; transform: translateY(0); }
            to{ opacity: 0; transform: translateY(0); }
        }

        .m-category{
            position: relative;
            margin-top: 12px;
            padding-top: 6px;
        }

        .m-category-title{
            margin: 0 0 10px;
            font-weight: 700;
            color: rgba(255,255,255,.84);
        }

        .m-products{
            display: grid;
            gap: 10px;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            align-items: stretch;
        }

        /* Featured (image) slider + compact menu list */
        .m-featured{
            margin-top: 8px;
        }

        .m-featured-track{
            display: grid;
            grid-auto-flow: column;
            grid-auto-columns: 78%;
            gap: 12px;
            overflow-x: auto;
            overflow-y: hidden;
            padding: 2px 2px 10px;
            scroll-snap-type: x mandatory;
            -webkit-overflow-scrolling: touch;
            scrollbar-width: none;
        }
        .m-featured-track::-webkit-scrollbar{ display: none; }

        @media (min-width: 520px){
            .m-featured-track{ grid-auto-columns: 46%; }
        }

        @media (min-width: 992px){
            .m-featured-track{ grid-auto-columns: 320px; }
        }

        .m-featured-card{
            scroll-snap-align: start;
            border: 1px solid rgba(255,255,255,.10);
            background: rgba(0,0,0,.20);
            overflow: hidden;
            min-width: 0;
        }

        .m-featured-img{
            width: 100%;
            /* height: 160px; */
            object-fit: contain;
            display: block;
            background: rgba(255,255,255,.06);
            border-bottom: 1px solid rgba(240,208,138,.14);
        }

        @media (min-width: 520px){
            .m-featured-img{ height: 170px; }
        }

        .m-featured-body{
            padding: 12px 12px 12px;
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 10px;
        }

        .m-featured-name{
            font-weight: 800;
            letter-spacing: .2px;
            font-size: 14px;
            line-height: 1.25;
            min-width: 0;
            flex: 1 1 auto;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
        }

        .m-featured-price{
            flex: 0 0 auto;
            color: var(--m-gold-2);
            font-weight: 900;
            letter-spacing: .2px;
            white-space: nowrap;
        }

        .m-menu-list{
            margin-top: 10px;
            border-radius: 18px;
            background: rgba(0,0,0,.18);
            border: 1px solid rgba(255,255,255,.10);
            overflow: hidden;
        }

        .m-menu-item{
            padding: 12px 12px;
        }

        .m-menu-item + .m-menu-item{
            border-top: 1px solid rgba(240,208,138,.12);
        }

        .m-menu-row{
            display: flex;
            align-items: baseline;
            justify-content: space-between;
            gap: 12px;
        }

        .m-menu-name{
            font-weight: 800;
            letter-spacing: .2px;
            font-size: 14px;
            line-height: 1.25;
            min-width: 0;
            flex: 1 1 auto;
        }

        .m-menu-price{
            color: var(--m-gold-2);
            font-weight: 900;
            letter-spacing: .2px;
            white-space: nowrap;
            flex: 0 0 auto;
        }

        .m-menu-desc{
            margin-top: 6px;
            color: rgba(255,255,255,.62);
            font-size: 13px;
            line-height: 1.4;
        }

        .m-product{
            display: flex;
            flex-direction: column;
            gap: 10px;
            padding: 10px;
            border-radius: 18px;
            background: rgba(0,0,0,.25);
            border: 1px solid rgba(255,255,255,.10);
            box-shadow: 0 14px 38px rgba(0,0,0,.35);
            overflow: hidden;
            min-width: 0;
            height: 100%;
        }

        .m-product-img{
            width: 100%;
            height: auto;
            aspect-ratio: 4 / 3;
            border-radius: 14px;
            object-fit: cover;
            background: rgba(255,255,255,.06);
            border: 1px solid rgba(240,208,138,.14);
        }

        .m-product > div{
            display: flex;
            flex-direction: column;
            gap: 6px;
            min-width: 0;
            flex: 1 1 auto;
        }

        .m-product-name{
            margin: 0;
            font-weight: 700;
            letter-spacing: .2px;
            font-size: 14px;
            line-height: 1.2;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
        }

        .m-product-desc{
            margin: 0;
            color: var(--m-muted);
            font-size: 13px;
            line-height: 1.35;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
        }

        .m-product-top{
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 10px;
        }

        .m-product-top .m-product-name{
            flex: 1 1 auto;
            min-width: 0;
        }

        .m-product-top .m-price{
            flex: 0 0 auto;
        }

        .m-price{
            color: var(--m-gold-2);
            font-weight: 800;
            letter-spacing: .2px;
            white-space: nowrap;
        }

        @media (min-width: 520px){
            .m-products{
                grid-template-columns: repeat(3, minmax(0, 1fr));
                gap: 12px;
            }
            .m-product{ padding: 12px; }
            .m-product-name{ font-size: 15px; }
        }

        @media (min-width: 992px){
            .m-anchor{ scroll-margin-top: 120px; }
            .m-products{
                grid-template-columns: repeat(4, minmax(0, 1fr));
                gap: 14px;
            }
            .m-product{ padding: 14px; }
            .m-product-desc{ font-size: 14px; }
        }

        .m-foot-space{ height: 22px; }

        .m-footer{
            margin-top: 10px;
            padding: 16px 0 18px;
            border-top: 1px solid rgba(240,208,138,.16);
            background:
                radial-gradient(900px 200px at 50% 0%, rgba(240,208,138,.06), transparent 60%),
                rgba(0,0,0,.14);
        }

        .m-footer-inner{
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 8px;
            text-align: center;
            font-size: 12px;
            color: rgba(255,255,255,.68);
            letter-spacing: .15px;
        }

        .m-footer-link{
            color: var(--m-gold-2);
            text-decoration: none;
            border-bottom: 1px solid rgba(240,208,138,.28);
            transition: color .15s ease, border-color .15s ease, transform .15s ease;
        }

        @media (hover:hover){
            .m-footer-link:hover{
                color: #fff;
                border-color: rgba(240,208,138,.55);
                transform: translateY(-1px);
            }
        }

        .m-footer-link:active{
            transform: translateY(1px);
        }

        @media (min-width: 768px){
            .m-footer-inner{
                flex-direction: row;
                justify-content: space-between;
                text-align: left;
            }
        }

        @media (min-width: 768px){
            .m-hero{ padding: 36px 0 20px;
        height: 160px;
        min-height: 160px; }
            .m-subtitle{ font-size: 15px; }
        }

        @media (min-width: 768px){
            .m-title{ font-size: 40px; }
        }

        /* =========================
           Contact / Feedback page
           ========================= */

        .m-contact-hero{
            padding: 18px 16px;
            margin-top: 14px;
            border: 1px solid rgba(240, 208, 138, .20);
            background:
                radial-gradient(900px 420px at 12% -10%, rgba(240,208,138,.16), transparent 60%),
                radial-gradient(800px 420px at 88% 0%, rgba(215,180,106,.10), transparent 60%),
                rgba(255,255,255,.06);
        }

        .m-contact-kicker{
            font-size: 11px;
            letter-spacing: .18em;
            text-transform: uppercase;
        }

        .m-contact-title{
            margin: 6px 0 0;
            font-weight: 820;
            letter-spacing: .2px;
            line-height: 1.05;
            font-size: 26px;
        }

        .m-contact-subtitle{
            margin: 10px 0 0;
            color: rgba(255,255,255,.70);
            font-size: 14px;
            line-height: 1.45;
            max-width: 56ch;
        }

        .m-contact-hero-actions{
            display: flex;
            gap: 10px;
            flex-wrap: wrap;
            margin-top: 14px;
        }

        .m-btn{
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            padding: 10px 12px;
            border-radius: 14px;
            text-decoration: none;
            color: var(--m-text);
            border: 1px solid rgba(255,255,255,.10);
            background: rgba(255,255,255,.05);
            transition: transform .15s ease, border-color .15s ease, background .15s ease, box-shadow .15s ease;
            user-select: none;
            min-height: 42px;
        }

        .m-btn:active{ transform: translateY(1px) scale(.99); }

        @media (hover:hover){
            .m-btn:hover{ transform: translateY(-1px); border-color: rgba(240,208,138,.30); background: rgba(255,255,255,.07); box-shadow: 0 14px 40px rgba(0,0,0,.35); }
        }

        .m-btn-gold{
            border-color: rgba(240,208,138,.30);
            background: linear-gradient(180deg, rgba(240,208,138,.20), rgba(240,208,138,.10));
            box-shadow: 0 16px 46px rgba(0,0,0,.35);
        }

        .m-btn-ghost{
            background: rgba(0,0,0,.18);
            border-color: rgba(255,255,255,.12);
        }

        .m-contact-block{
            margin-top: 16px;
        }

        .m-contact-block-head{
            padding: 0 2px;
            margin-bottom: 10px;
        }

        .m-contact-h{
            margin: 0;
            font-weight: 760;
            font-size: 16px;
            letter-spacing: .2px;
        }

        .m-contact-p{
            margin: 6px 0 0;
            color: rgba(255,255,255,.64);
            font-size: 13px;
        }

        .m-contact-grid{
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 10px;
        }

        @media (min-width: 768px){
            .m-contact-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
        }

         @media (max-width: 768px){
            .m-contact-grid{
                display: block;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 10px;
            }
            .m-contact-grid a {
                margin-bottom: 10px;
            }

            .m-featured-img {
                height: 210px;
            }

            .m-product-top{
            /* display: flex; */
                display: contents;
                align-items: flex-start;
                justify-content: space-between;
                gap: 10px;
            }
            
            .m-product-img {
			    height: 140px;
			}
         }

        @media (min-width: 1100px){
            .m-contact-grid{ grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
            .m-contact-title{ font-size: 32px; }
        }

        .m-contact-card{
            position: relative;
            display: flex;
            gap: 12px;
            padding: 14px 12px;
            align-items: flex-start;
            text-decoration: none;
            color: var(--m-text);
            border: 1px solid rgba(255,255,255,.10);
            overflow: hidden;
        }

        .m-contact-card:before{
            content: "";
            position: absolute;
            inset: -1px;
            background: radial-gradient(500px 220px at 20% 0%, rgba(240,208,138,.14), transparent 60%);
            opacity: .0;
            transition: opacity .18s ease;
            pointer-events: none;
        }

        .m-contact-card.is-disabled{
            opacity: .55;
            filter: saturate(.75);
        }

        .m-contact-card-icon{
            flex: 0 0 auto;
            width: 42px;
            height: 42px;
            border-radius: 14px;
            display: grid;
            place-items: center;
            color: rgba(240,208,138,.92);
            background: rgba(240,208,138,.10);
            border: 1px solid rgba(240,208,138,.22);
            box-shadow: 0 12px 28px rgba(0,0,0,.28);
        }

        .m-contact-card-body{
            min-width: 0;
            flex: 1 1 auto;
        }

        .m-contact-card-title{
            font-size: 13px;
            letter-spacing: .12em;
            text-transform: uppercase;
            color: rgba(255,255,255,.70);
        }

        .m-contact-card-value{
            margin-top: 6px;
            font-size: 14px;
            font-weight: 700;
            letter-spacing: .15px;
            color: rgba(255,255,255,.92);
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .m-contact-card-cta{
            flex: 0 0 auto;
            margin-left: auto;
            align-self: center;
            font-size: 12px;
            color: rgba(240,208,138,.85);
            padding: 6px 10px;
            border-radius: 999px;
            border: 1px solid rgba(240,208,138,.25);
            background: rgba(0,0,0,.22);
        }

        @media (hover:hover){
            .m-contact-card:hover{ transform: translateY(-2px); border-color: rgba(240,208,138,.24); }
            .m-contact-card:hover:before{ opacity: 1; }
        }

        .m-contact-card{ transition: transform .15s ease, border-color .15s ease, background .15s ease, box-shadow .15s ease; }
        .m-contact-card:active{ transform: translateY(1px) scale(.995); }

        .m-contact-map{
            overflow: hidden;
            border: 1px solid rgba(255,255,255,.10);
        }

        .m-contact-map-iframe{
            width: 100%;
            height: 320px;
            border: 0;
            display: block;
            filter: saturate(.92) contrast(1.04);
        }

        @media (min-width: 992px){
            .m-contact-map-iframe{ height: 380px; }
        }

        .m-contact-map-empty{
            height: 260px;
            display: grid;
            place-items: center;
            text-align: center;
            padding: 18px;
            color: rgba(255,255,255,.70);
        }

        .m-contact-map-empty-title{
            font-weight: 760;
            letter-spacing: .2px;
        }

        .m-contact-map-empty-sub{
            margin-top: 6px;
            font-size: 13px;
            color: rgba(255,255,255,.60);
        }

        .m-contact-form{
            padding: 14px 12px;
            border: 1px solid rgba(255,255,255,.10);
        }

        .m-contact-alert{
            padding: 14px 12px;
            border: 1px solid rgba(240,208,138,.22);
            margin-bottom: 12px;
            background:
                radial-gradient(900px 340px at 10% 0%, rgba(240,208,138,.14), transparent 60%),
                rgba(255,255,255,.06);
        }

        .m-contact-alert.is-error{
            border-color: rgba(255, 98, 98, .35);
            background:
                radial-gradient(900px 340px at 10% 0%, rgba(255, 98, 98, .12), transparent 60%),
                rgba(255,255,255,.06);
        }

        .m-contact-alert-title{
            font-weight: 820;
            letter-spacing: .2px;
        }

        .m-contact-alert-text{
            margin-top: 6px;
            color: rgba(255,255,255,.70);
            font-size: 13px;
            line-height: 1.45;
        }

        .m-contact-alert-list{
            margin: 10px 0 0;
            padding-left: 18px;
            color: rgba(255,255,255,.72);
            font-size: 13px;
            line-height: 1.5;
        }

        html.m-modal-open{
            overflow: hidden;
        }

        .m-contact-modal{
            position: fixed;
            inset: 0;
            z-index: 9999;
            display: grid;
            place-items: center;
            padding: 18px 14px;
            opacity: 0;
            pointer-events: none;
            transition: opacity .18s ease;
        }

        .m-contact-modal.is-open{
            opacity: 1;
            pointer-events: auto;
        }

        .m-contact-modal-overlay{
            position: absolute;
            inset: 0;
            background: rgba(0,0,0,.74);
            backdrop-filter: blur(8px);
            -webkit-backdrop-filter: blur(8px);
            opacity: 0;
            transition: opacity .18s ease;
        }

        .m-contact-modal.is-open .m-contact-modal-overlay{
            opacity: 1;
        }

        .m-contact-modal-dialog{
            position: relative;
            width: 100%;
            max-width: 440px;
            border-radius: 20px;
            background:
                radial-gradient(900px 360px at 12% -10%, rgba(240,208,138,.16), transparent 60%),
                radial-gradient(800px 360px at 92% 0%, rgba(215,180,106,.10), transparent 62%),
                rgba(255,255,255,.06);
            border: 1px solid rgba(240, 208, 138, .22);
            box-shadow: 0 22px 80px rgba(0,0,0,.62);
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
            padding: 18px 16px 16px;
            transform: translateY(10px) scale(.96);
            opacity: 0;
            transition: transform .18s ease, opacity .18s ease;
            outline: none;
        }

        .m-contact-modal.is-open .m-contact-modal-dialog{
            transform: translateY(0) scale(1);
            opacity: 1;
        }

        .m-contact-modal-close{
            position: absolute;
            top: 10px;
            right: 10px;
            width: 38px;
            height: 38px;
            border-radius: 14px;
            display: grid;
            place-items: center;
            border: 1px solid rgba(255,255,255,.10);
            background: rgba(0,0,0,.22);
            color: rgba(255,255,255,.86);
            cursor: pointer;
            transition: transform .15s ease, border-color .15s ease, background .15s ease;
        }

        @media (hover:hover){
            .m-contact-modal-close:hover{
                transform: translateY(-1px);
                border-color: rgba(240,208,138,.26);
                background: rgba(255,255,255,.06);
            }
        }

        .m-contact-modal-close:active{ transform: translateY(1px) scale(.99); }

        .m-contact-modal-badge{
            width: 56px;
            height: 6px;
            border-radius: 999px;
            background: linear-gradient(90deg, rgba(240,208,138,.18), rgba(240,208,138,.66), rgba(240,208,138,.18));
            box-shadow: 0 0 0 6px rgba(240,208,138,.10);
            margin: 2px 0 14px;
        }

        .m-contact-modal-title{
            margin: 0;
            font-weight: 860;
            letter-spacing: .2px;
            font-size: 18px;
            line-height: 1.15;
        }

        .m-contact-modal-text{
            margin: 10px 0 0;
            color: rgba(255,255,255,.70);
            font-size: 14px;
            line-height: 1.45;
        }

        .m-contact-modal-actions{
            margin-top: 14px;
            display: flex;
            justify-content: flex-end;
        }

        .m-form-grid{
            display: grid;
            grid-template-columns: 1fr;
            gap: 12px;
        }

        @media (min-width: 768px){
            .m-contact-hero{ padding: 22px 18px; }
            .m-form-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
            .m-field-full{ grid-column: 1 / -1; }
        }

        .m-field-label{
            display: block;
            font-size: 12px;
            letter-spacing: .14em;
            text-transform: uppercase;
            color: rgba(255,255,255,.68);
            margin: 0 0 7px;
        }

        .m-field-input{
            width: 100%;
            border-radius: 14px;
            border: 1px solid rgba(255,255,255,.10);
            background: rgba(0,0,0,.22);
            color: var(--m-text);
            padding: 10px 12px;
            outline: none;
            transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
        }

        .m-field-input::placeholder{ color: rgba(255,255,255,.45); }

        .m-field-input:focus{
            border-color: rgba(240,208,138,.34);
            box-shadow: 0 0 0 4px rgba(240,208,138,.10);
            background: rgba(0,0,0,.28);
        }

        .m-field-textarea{
            resize: vertical;
            min-height: 120px;
        }

        .m-form-actions{
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            flex-wrap: wrap;
            margin-top: 12px;
        }

        .m-form-note{
            font-size: 12px;
            color: rgba(255,255,255,.60);
        }

        .m-contact-footer{
            margin-top: 16px;
            padding: 14px 12px;
            border: 1px solid rgba(255,255,255,.10);
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 14px;
            flex-wrap: wrap;
        }

        .m-contact-footer-title{
            font-weight: 820;
            letter-spacing: .2px;
        }

        .m-contact-footer-sub{
            margin-top: 4px;
            color: rgba(255,255,255,.62);
            font-size: 13px;
        }

        .m-contact-footer-right{
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .m-social-mini{
            width: 38px;
            height: 38px;
            border-radius: 14px;
            display: grid;
            place-items: center;
            color: rgba(240,208,138,.92);
            background: rgba(255,255,255,.05);
            border: 1px solid rgba(255,255,255,.10);
            text-decoration: none;
            transition: transform .15s ease, border-color .15s ease, background .15s ease;
        }

        @media (hover:hover){
            .m-social-mini:hover{ transform: translateY(-1px); border-color: rgba(240,208,138,.24); background: rgba(255,255,255,.07); }
        }
.g-link-part {
        color: transparent;
}

@media (max-width: 768px){
    .m-footer {
        background: #131418;
    }
    
    .m-title {
        font-weight: 750;
        letter-spacing: .2px;
        line-height: 1.05;
        margin: 0;
        color: #ffffff !important;
        position: relative;
        z-index: 5;
        font-size: 20px;
        margin-bottom: 60px !important;
    }

    .m-hero-actions {
        margin-top: -50px;
    }
    .p-m-0 {
    	padding: 0px !important;
    }
}
#google_translate_element span {
    display: none !important;
}