/* RESET */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* BODY */
body {
    background: #0B0B0B;
    color: #F9F7F2;
    font-family: 'Poppins', sans-serif;
}

/* HEADER */
.site-header {
    position: fixed;
    top: 0;
    width: 100%;
    background: rgba(11, 11, 11, 0.85);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(212,175,55,0.12);
    z-index: 1000;
}

.header-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 18px 20px;

    display: flex;
    justify-content: center; /* MOBILE center */
    align-items: center;
}

/* LOGO */
.logo {
    font-family: 'Playfair Display', serif;
    font-size: 22px;
    letter-spacing: 1.5px;
    color: #D4AF37;
}

/* DESKTOP HEADER */
@media (min-width: 850px) {
    .header-container {
        justify-content: space-between;
        padding: 20px 40px;
    }

    .logo {
        font-size: 24px;
    }
}/* HEADER MENU */

.desktop-menu {
    display: none;
    gap: 28px;
}

.desktop-menu a {
    color: #F9F7F2;
    text-decoration: none;
    font-size: 14px;
    letter-spacing: 0.5px;
    opacity: 0.8;
    transition: 0.3s;
}

.desktop-menu a:hover {
    color: #D4AF37;
    opacity: 1;
}

/* RIGHT SIDE */
.header-actions {
    display: none;
    align-items: center;
    gap: 16px;
}

.search-btn {
    background: none;
    border: none;
    color: #F9F7F2;
    font-size: 16px;
    cursor: pointer;
}

.header-order {
    background: #D4AF37;
    color: #0B0B0B;
    padding: 8px 18px;
    border-radius: 999px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
}

/* DESKTOP VIEW */
@media (min-width: 850px) {
    .desktop-menu {
        display: flex;
    }

    .header-actions {
        display: flex;
    }

    .header-container {
        justify-content: space-between;
    }
}/* MOBILE MENU SYSTEM */
.menu-btn {
    display: block;
    background: none;
    border: none;
    color: #D4AF37;
    font-size: 22px;
    cursor: pointer;
}

.mobile-menu {
    display: none;
    background: rgba(11, 11, 11, 0.96);
    border-top: 1px solid rgba(212,175,55,0.12);
    padding: 18px 22px 22px;
}

.mobile-menu a {
    display: block;
    color: #F9F7F2;
    text-decoration: none;
    padding: 14px 0;
    font-size: 14px;
    border-bottom: 1px solid rgba(249,247,242,0.08);
}

.mobile-menu a:hover {
    color: #D4AF37;
}

.mobile-menu.active {
    display: block;
}

@media (max-width: 849px) {
    .header-container {
        justify-content: space-between;
    }

    .header-actions {
        display: flex;
        align-items: center;
        gap: 14px;
    }

    .search-btn {
        display: none;
    }

    .header-order {
        display: inline-block;
        padding: 7px 15px;
        font-size: 12px;
    }
}

@media (min-width: 850px) {
    .menu-btn,
    .mobile-menu {
        display: none !important;
    }
}/* GLOBAL TRANSITIONS */
a, button {
    transition: all 0.25s ease;
}

/* MENU LINKS */
.desktop-menu a,
.mobile-menu a {
    position: relative;
}

.desktop-menu a:hover,
.mobile-menu a:hover {
    color: #D4AF37;
}

/* UNDERLINE EFFECT */
.desktop-menu a::after,
.mobile-menu a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 0%;
    height: 1px;
    background: #D4AF37;
    transition: width 0.3s ease;
}

.desktop-menu a:hover::after,
.mobile-menu a:hover::after {
    width: 100%;
}

/* BUTTON HOVER */
.header-order,
.btn {
    transition: all 0.3s ease;
}

.header-order:hover,
.btn:hover {
    background: #E8B23C;
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(212,175,55,0.25);
}

/* SEARCH BUTTON */
.search-btn:hover,
.menu-btn:hover {
    color: #E8B23C;
    transform: scale(1.1);
}/* HERO SECTION */
.hero {
    min-height: 100vh;
    padding: 115px 20px 60px;
    display: grid;
    gap: 34px;
    align-items: center;
    background:
        radial-gradient(circle at 80% 20%, rgba(212,175,55,0.14), transparent 38%),
        radial-gradient(circle at 20% 85%, rgba(232,178,60,0.08), transparent 34%),
        #0B0B0B;
}

.hero-content {
    max-width: 560px;
}

.hero-kicker {
    font-family: 'Cormorant Garamond', serif;
    font-style: italic;
    color: #E8B23C;
    font-size: 22px;
    margin-bottom: 10px;
}

.hero h1 {
    font-family: 'Playfair Display', serif;
    color: #F9F7F2;
    font-size: 44px;
    line-height: 1.08;
    margin-bottom: 18px;
}

.hero-desc {
    color: #cfcfcf;
    font-size: 15px;
    line-height: 1.8;
    margin-bottom: 22px;
}

.hero-price {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 24px;
}

.mrp {
    color: #888;
    text-decoration: line-through;
    font-size: 14px;
}

.sale-price {
    color: #D4AF37;
    font-size: 30px;
    font-weight: 700;
}

.launch-badge {
    color: #0B0B0B;
    background: #E8B23C;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
}

.hero-btn {
    display: inline-block;
    width: 100%;
    max-width: 330px;
    padding: 16px 22px;
    background: linear-gradient(135deg, #D4AF37, #E8B23C);
    color: #0B0B0B;
    text-align: center;
    text-decoration: none;
    font-weight: 700;
    border-radius: 999px;
    box-shadow: 0 14px 38px rgba(212,175,55,0.20);
}

.hero-visual {
    display: flex;
    justify-content: center;
    align-items: center;
}

.hero-visual img {
    width: 100%;
    max-width: 420px; /* size bada */
    display: block;

    filter: drop-shadow(0 40px 80px rgba(0,0,0,0.85));
}

/* Mobile alignment */
@media (max-width: 849px) {
    .hero {
        text-align: center;
    }

    .hero-content {
        margin: 0 auto;
    }

    .hero-price {
        justify-content: center;
    }

    .hero-btn {
        margin: 0 auto;
    }
}

/* Desktop layout */
@media (min-width: 850px) {
    .hero {
        grid-template-columns: 1.1fr 0.9fr;
        align-items: center; /* IMPORTANT FIX */
    }
}

    .hero h1 {
        font-size: 68px;
    }

    .hero-desc {
        font-size: 16px;
    }

    .hero-visual img {
        max-width: 440px;
    }
}@media (min-width: 850px) {
    .hero-visual img {
        max-width: 520px; /* desktop bigger */
    }
}.hero-visual {
    .hero-visual img {
    position: relative;
    z-index: 2; /* image shadow ke upar rahe */
}
}

/* Ground shadow */
.hero-visual::after {
    content: "";
    position: absolute;
    bottom: 10px;
    width: 180px;
    height: 25px;
    background: radial-gradient(ellipse, rgba(0,0,0,0.6), transparent 70%);
    filter: blur(6px);
}.hero-visual {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* REALISTIC BASE SHADOW */
.hero-visual::after {
    content: "";
    position: absolute;

    bottom: -5px; /* image ke bilkul neeche */
    left: 50%;
    transform: translateX(-50%);

    width: 60%; /* jar width ke hisab se */
    height: 35px;

    background: radial-gradient(
        ellipse at center,
        rgba(0,0,0,0.65) 0%,
        rgba(0,0,0,0.3) 40%,
        transparent 80%
    );

    filter: blur(10px);
    z-index: -1;
}.hero-visual {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* JAR IMAGE */
.jar-img {
    box-shadow:
        0 30px 60px rgba(0,0,0,0.9),   /* low  shadow */
        0 10px 20px rgba(0,0,0,0.6),    /* mid shadow */
        0 0 20px rgba(212,175,55,0.2);  /* gold glow */
}

/* SHADOW (REAL CONTROL) */
.jar-shadow {
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);

    width: 280px;
    height: 65px;

    background:
        radial-gradient(ellipse at center, rgba(0,0,0,0.7) 0%, transparent 70%),
        radial-gradient(ellipse at center, rgba(212,175,55,0.35) 20%, transparent 80%);

    filter: blur(18px);
    z-index: 1;
}/* HERO ACTION GROUP */
.hero-action {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/* CTA STRONGER */
.hero-btn {
    display: inline-block;
    width: 100%;
    max-width: 340px;

    padding: 18px 24px;

    background: linear-gradient(135deg, #D4AF37, #E8B23C);
    color: #0B0B0B;

    font-weight: 700;
    font-size: 15px;

    border-radius: 999px;
    text-align: center;

    box-shadow:
        0 12px 30px rgba(212,175,55,0.25),
        0 0 25px rgba(212,175,55,0.15);
}

/* MOBILE CENTER */
@media (max-width: 849px) {
    .hero-action {
        align-items: center;
    }
}/* MOBILE HERO PRODUCT-FIRST LAYOUT */
@media (max-width: 849px) {
    .hero {
        display: flex;
        flex-direction: column;
        text-align: center;
        padding: 92px 20px 56px;
        gap: 22px;
    }

    .hero-visual {
        order: 1;
        width: 100%;
    }

    .hero-content {
        order: 2;
        max-width: 360px;
        margin: 0 auto;
    }

    .hero-kicker {
        font-size: 18px;
        margin-bottom: 8px;
    }

    .hero h1 {
        font-size: 34px;
        line-height: 1.12;
        margin-bottom: 14px;
    }

    .hero-desc {
        font-size: 14px;
        line-height: 1.7;
        margin-bottom: 18px;
    }

    .hero-action {
        align-items: center;
    }

    .hero-price {
        justify-content: center;
    }

    .hero-btn {
        max-width: 320px;
    }

    .jar-img {
        max-width: 340px;
        margin: 0 auto;
    }

    .jar-shadow {
        bottom: -6px;
        width: 230px;
        height: 48px;
    }
}/* HERO BUTTON HOVER */
.hero-btn {
    transition: all 0.3s ease;
}

.hero-btn:hover {
    background: linear-gradient(135deg, #E8B23C, #D4AF37);
    transform: translateY(-2px) scale(1.02);

    box-shadow:
        0 18px 40px rgba(212,175,55,0.35),
        0 0 30px rgba(212,175,55,0.25);
}.hero-btn:active {
    transform: scale(0.97);
}.discount-badge {
    background: rgba(212,175,55,0.15);
    color: #D4AF37;

    padding: 5px 10px;
    border-radius: 999px;

    font-size: 12px;
    font-weight: 700;

    border: 1px solid rgba(212,175,55,0.25);
}.urgency-text {
    color: #E8B23C;
    font-size: 13px;
    margin-top: 6px;
    letter-spacing: 0.4px;
    opacity: 0.9;
}.hero-size {
    color: #aaa;
    font-size: 13px;
    margin-bottom: 8px;
}

.hero-trust {
    font-size: 12px;
    color: #888;
    margin-top: 10px;
}

.hero-action {
    gap: 16px;
}

.hero-desc {
    margin-bottom: 24px;
}/* PRODUCT SECTION */

.product-section {
    padding: 80px 20px;
    text-align: center;
}

.section-label {
    color: #E8B23C;
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.section-title {
    font-family: 'Playfair Display', serif;
    font-size: 34px;
    margin: 12px 0 16px;
}

.product-desc {
    max-width: 600px;
    margin: 0 auto;
    color: #cfcfcf;
    line-height: 1.8;
    font-size: 15px;
}

.product-points {
    margin-top: 30px;
    display: grid;
    gap: 12px;
}

.point {
    background: #1E1E1E;
    padding: 14px;
    border-radius: 12px;
    border: 1px solid rgba(212,175,55,0.15);
    font-size: 14px;
}

/* DESKTOP */
@media (min-width: 850px) {
    .product-points {
        grid-template-columns: repeat(4, 1fr);
    }
}/* ENHANCED PREMIUM INFO STRIP */
.info-strip {
    position: relative;
    width: 100%;
    overflow: hidden;

    border-top: 1px solid rgba(212,175,55,0.22);
    border-bottom: 1px solid rgba(212,175,55,0.22);

    background:
        radial-gradient(circle at center, rgba(212,175,55,0.14), transparent 55%),
        linear-gradient(90deg, #0B0B0B, #1E1E1E, #0B0B0B);

    box-shadow:
        0 0 25px rgba(212,175,55,0.10),
        inset 0 0 28px rgba(212,175,55,0.08);
}

/* fade edges */
.info-strip::before,
.info-strip::after {
    content: "";
    position: absolute;
    top: 0;
    width: 70px;
    height: 100%;
    z-index: 2;
    pointer-events: none;
}

.info-strip::before {
    left: 0;
    background: linear-gradient(90deg, #0B0B0B, transparent);
}

.info-strip::after {
    right: 0;
    background: linear-gradient(270deg, #0B0B0B, transparent);
}

.strip-track {
    display: flex;
    align-items: center;
    gap: 46px;
    padding: 16px 0;
    width: max-content;
    white-space: nowrap;
    animation: scrollStrip 22s linear infinite;
}

.strip-track span {
    position: relative;
    color: #D4AF37;
    font-size: 12px;
    letter-spacing: 1.4px;
    font-weight: 600;
    text-transform: uppercase;
    text-shadow: 0 0 18px rgba(212,175,55,0.22);
}

.strip-track span::after {
    content: "◆";
    position: absolute;
    right: -28px;
    color: rgba(232,178,60,0.55);
    font-size: 8px;
    top: 50%;
    transform: translateY(-50%);
}

.info-strip:hover .strip-track {
    animation-play-state: paused;
}

@keyframes scrollStrip {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}.info-strip {
    margin-top: 60px; /* header height adjust */
}/* FIX: HEADER + INFO STRIP VISIBILITY */
body {
    padding-top: 70px;
}

.info-strip {
    margin-top: 0 !important;
    position: relative;
    z-index: 999;
}/* PREMIUM PRODUCT SECTION */

.product-section {
   padding: 70px 20px; /* gap kam */
}
    text-align: center;
}

.section-title {
    font-family: 'Playfair Display', serif;
    font-size: 36px;
    max-width: 700px;
    margin: 12px auto 18px;
}

.product-desc {
    max-width: 600px;
    margin: 0 auto;
    color: #cfcfcf;
    line-height: 1.8;
    font-size: 15px;
}

.product-grid {
    margin-top: 50px;
    display: grid;
    gap: 30px;
}

.product-grid div {
    text-align: center;
}

.product-grid h4 {
    color: #D4AF37;
    font-size: 15px;
    margin-bottom: 6px;
}

.product-grid p {
    color: #aaa;
    font-size: 13px;
}

/* DESKTOP */
@media (min-width: 850px) {
    .product-grid {
        grid-template-columns: repeat(4, 1fr);
    }

    .section-title {
        font-size: 44px;
    }
}/* JOURNEY SECTION */

.journey-section {
    padding: 70px 20px;
    text-align: center;
}

.journey-image {
    margin-top: 40px;
    display: flex;
    justify-content: center;
}

.journey-image img {
    width: 100%;
    max-width: 1000px;
    border-radius: 24px;

    /* 🔥 BLEND EFFECT */
    box-shadow:
        0 40px 100px rgba(0,0,0,0.85),   /* deep base shadow */
        0 0 60px rgba(0,0,0,0.6),        /* dark spread */
        0 0 40px rgba(212,175,55,0.08);  /* subtle gold blend */
}/* TRUST SECTION */

.trust-section {
    padding: 80px 20px;
    text-align: center;
}

.trust-desc {
    max-width: 600px;
    margin: 0 auto;
    color: #cfcfcf;
    line-height: 1.8;
    font-size: 15px;
}

.trust-points {
    margin-top: 30px;
    display: grid;
    gap: 12px;
}

.trust-points div {
    font-size: 14px;
    color: #aaa;
}

/* DESKTOP */
@media (min-width: 850px) {
    .trust-points {
        grid-template-columns: repeat(4, 1fr);
    }
}/* =========================
   FINAL ORDER SECTION
   ========================= */

.order-section {
    margin: 50px 4% 100px;
    padding: 90px 30px;

    text-align: center;

    background:
        radial-gradient(circle at top, rgba(212,175,55,0.14), transparent 42%),
        #1E1E1E;

    border: 1px solid rgba(212,175,55,0.18);
    border-radius: 34px;

    box-shadow:
        0 40px 120px rgba(0,0,0,0.7),
        0 0 50px rgba(212,175,55,0.10);
}

/* PRICE AREA */
.order-price {
    margin: 22px 0 10px;

    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.order-mrp {
    color: #888;
    text-decoration: line-through;
    font-size: 15px;
}

.order-sale {
    color: #D4AF37;
    font-size: 42px;
    font-weight: 700;
}

.order-note {
    color: #E8B23C;
    font-size: 13px;
    margin-bottom: 28px;
    letter-spacing: 0.4px;
}

/* CTA BUTTON */
.order-main-btn {
    display: inline-block;

    width: 100%;
    max-width: 360px;

    padding: 18px 24px;

    background: linear-gradient(135deg, #D4AF37, #E8B23C);
    color: #0B0B0B;

    text-decoration: none;
    font-weight: 700;
    font-size: 15px;

    border-radius: 999px;

    box-shadow:
        0 18px 45px rgba(212,175,55,0.28),
        0 0 35px rgba(212,175,55,0.16);

    transition: all 0.3s ease;
}

/* HOVER */
.order-main-btn:hover {
    transform: translateY(-2px) scale(1.02);

    box-shadow:
        0 24px 55px rgba(212,175,55,0.35),
        0 0 40px rgba(212,175,55,0.22);
}

/* MOBILE TAP */
.order-main-btn:active {
    transform: scale(0.97);
}

/* MOBILE */
@media (max-width: 849px) {
    .order-section {
        margin: 40px 16px 80px;
        padding: 70px 22px;
    }

    .order-sale {
        font-size: 36px;
    }

    .order-main-btn {
        max-width: 100%;
    }
}/* FAQ ACCORDION */

.faq-section {
    padding: 90px 20px;
    text-align: center;
}

.faq-list {
    max-width: 820px;
    margin: 40px auto 0;
    display: grid;
    gap: 14px;
}

.faq-item {
    background: #1A1A1A;
    border: 1px solid rgba(212,175,55,0.12);

    border-radius: 18px;

    padding: 20px;
    text-align: left;

    transition: all 0.3s ease;
}

.faq-item:hover {
    border-color: rgba(212,175,55,0.28);
}

.faq-item summary {
    list-style: none;
    cursor: pointer;

    color: #F9F7F2;
    font-size: 15px;
    font-weight: 500;

    position: relative;
    padding-right: 28px;
}/* PREMIUM FAQ ARROW */

.faq-item summary::after {
    content: "";
    position: absolute;

    right: 4px;
    top: 50%;

    width: 8px;
    height: 8px;

    border-right: 2px solid #D4AF37;
    border-bottom: 2px solid #D4AF37;

    transform: translateY(-60%) rotate(45deg);

    transition: all 0.3s ease;
}

/* OPEN STATE */
.faq-item[open] summary::after {
    transform: translateY(-30%) rotate(-135deg);
}/* FINAL FOOTER */

.footer {
    padding: 76px 6% 32px;
    background: radial-gradient(circle at top left, rgba(212,175,55,0.08), transparent 34%), #0B0B0B;
    border-top: 1px solid rgba(212,175,55,0.14);
}

.footer-layout {
    display: grid;
    gap: 34px;
}

.footer h4 {
    color: #F9F7F2;
    font-size: 14px;
    margin-bottom: 16px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.footer-brand h3 {
    font-family: 'Playfair Display', serif;
    font-size: 38px;
    color: #D4AF37;
    margin-bottom: 6px;
}

.footer-brand p {
    font-family: 'Cormorant Garamond', serif;
    font-style: italic;
    color: #E8B23C;
    font-size: 19px;
    margin-bottom: 8px;
}

.footer-brand span,
.footer-policy a,
.footer-support p,
.footer-qr span,
.footer-business p {
    color: #9a9a9a;
    font-size: 14px;
    line-height: 1.8;
}

.footer-policy a {
    display: block;
    text-decoration: none;
    margin-bottom: 9px;
    transition: all 0.3s ease;
}

.footer-policy a:hover {
    color: #D4AF37;
    transform: translateX(4px);
}

.footer-support p {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    margin-bottom: 10px;
}

.footer-support svg {
    width: 17px;
    height: 17px;
    min-width: 17px;
    margin-top: 4px;
    fill: #D4AF37;
}

.footer-connect {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.footer-qr {
    display: flex;
    align-items: center;
    gap: 12px;
}

.qr-placeholder {
    width: 62px;
    height: 62px;
    border-radius: 14px;
    border: 1px solid rgba(212,175,55,0.22);
    background: linear-gradient(135deg, rgba(212,175,55,0.16), rgba(30,30,30,0.95));
    display: flex;
    align-items: center;
    justify-content: center;
    color: #D4AF37;
    font-size: 12px;
    font-weight: 700;
    box-shadow: 0 0 30px rgba(212,175,55,0.13);
}

.footer-social {
    display: flex;
    gap: 10px;
}

.footer-social a {
    width: 39px;
    height: 39px;
    border-radius: 50%;
    border: 1px solid rgba(212,175,55,0.18);
    background: rgba(30,30,30,0.55);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.footer-social svg {
    width: 18px;
    height: 18px;
    fill: #D4AF37;
}

.footer-social a:hover {
    transform: translateY(-4px) scale(1.06);
    border-color: rgba(212,175,55,0.45);
    box-shadow: 0 0 24px rgba(212,175,55,0.18);
}

.footer-business {
    margin-top: 36px;
    padding: 18px 20px;
    background: rgba(30,30,30,0.45);
    border: 1px solid rgba(212,175,55,0.10);
    border-radius: 18px;
}

.footer-business strong {
    color: #D4AF37;
    font-weight: 600;
}

.footer-bottom {
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid rgba(249,247,242,0.08);
}

.footer-bottom p {
    color: #666;
    font-size: 13px;
}

@media (min-width: 850px) {
    .footer-layout {
        grid-template-columns: 1.15fr 0.9fr 1.2fr 0.75fr;
        align-items: start;
    }

    .footer-connect {
        align-items: flex-end;
    }
}

@media (max-width: 849px) {
    .footer {
        padding: 58px 20px 28px;
    }

    .footer-brand h3 {
        font-size: 33px;
    }

    .footer-connect {
        align-items: flex-start;
    }
}/* FINAL MOBILE FOOTER FIX */
@media (max-width: 849px) {

    .footer-layout {
        grid-template-columns: 1fr !important;
        justify-items: start !important;
    }

    .footer-connect {
        align-items: flex-start !important;
    }

    .footer-qr {
        justify-content: flex-start !important;
    }

    .footer-social {
        justify-content: flex-start !important;
    }

    .footer-bottom {
        text-align: left !important;
    }
}/* KEEP DESKTOP FOOTER STRUCTURE ON MOBILE */
@media (max-width: 849px) {

    .footer-layout {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 28px !important;
        align-items: start !important;
    }

    .footer-brand {
        grid-column: 1 / -1;
    }

    .footer-connect {
        align-items: flex-end !important;
    }

    .footer-social {
        justify-content: flex-end !important;
    }

    .footer-qr {
        justify-content: flex-end !important;
    }

    .footer-business,
    .footer-bottom {
        text-align: left;
    }
}/* =========================
   FINAL FOOTER BALANCE FIX
   ========================= */

/* QUALITY BLOCK BALANCE */
.footer-connect {
    padding-top: 6px; /* upar se halka neeche */
    gap: 24px !important; /* QR & social gap increase */
}

/* DESKTOP */
@media (min-width: 850px) {

    .footer-connect {
        align-items: flex-end;
    }

    .footer-social {
        margin-top: 2px;
    }
}

/* MOBILE LAYOUT REORDER */
@media (max-width: 849px) {

    .footer-layout {
        grid-template-columns: 1fr 1fr !important;
        gap: 30px 24px !important;
        align-items: start;
    }

    /* brand full width */
    .footer-brand {
        grid-column: 1 / -1;
    }

    /* policies left */
    .footer-policy {
        grid-column: 1;
        grid-row: 2;
    }

    /* support right */
    .footer-support {
        grid-column: 2;
        grid-row: 2;
    }

    /* social below policies */
    .footer-social {
        grid-column: 1;
        grid-row: 3;

        justify-content: flex-start !important;
    }

    /* qr below support */
    .footer-qr {
        grid-column: 2;
        grid-row: 3;

        justify-content: flex-end !important;
    }

    /* remove extra right alignment issue */
    .footer-connect {
        display: contents;
    }
}/* =========================
   FOOTER FINAL RESPONSIVE FIX
   ========================= */

/* Desktop quality spacing */
@media (min-width: 850px) {
    .footer-connect {
        align-items: flex-end !important;
        gap: 22px !important;
        padding-top: 0 !important;
    }

    .footer-qr {
        margin-top: 4px;
    }

    .footer-social {
        margin-top: 4px;
    }
}

/* Mobile correct layout */
@media (max-width: 849px) {
    .footer-layout {
        grid-template-columns: 1fr 1fr !important;
        gap: 34px 24px !important;
        align-items: start !important;
    }

    .footer-brand {
        grid-column: 1 / -1;
    }

    .footer-policy {
        grid-column: 1;
        grid-row: 2;
    }

    .footer-support {
        grid-column: 2;
        grid-row: 2;
    }

    .footer-connect {
        grid-column: 1 / -1;
        grid-row: 3;

        display: grid !important;
        grid-template-columns: 1fr 1fr;
        gap: 14px 24px !important;

        align-items: start !important;
        padding-top: 0 !important;
    }

    .footer-connect h4 {
        display: none;
    }

    .footer-social {
        grid-column: 1;
        justify-content: flex-start !important;
        margin-top: 0 !important;
    }

    .footer-qr {
        grid-column: 2;
        justify-content: flex-start !important;
        margin-top: 0 !important;
    }

    .footer-business {
        margin-top: 30px !important;
    }
}/* SHOW QUALITY TITLE ON MOBILE */
@media (max-width: 849px) {

    .footer-connect h4 {
        display: block !important;

        grid-column: 2;
        grid-row: 1;

        text-align: left;
        margin-bottom: 2px;
    }

    .footer-social {
        grid-column: 1;
        grid-row: 2;
    }

    .footer-qr {
        grid-column: 2;
        grid-row: 2;
    }
}/* =========================
   FOUNDER SECTION
   ========================= */

.founder-section {
    padding: 90px 6%;
}

.founder-card {
    display: grid;
    gap: 36px;

    background:
        radial-gradient(circle at top left, rgba(212,175,55,0.10), transparent 38%),
        #1A1A1A;

    border: 1px solid rgba(212,175,55,0.14);
    border-radius: 34px;

    padding: 28px;

    box-shadow:
        0 40px 120px rgba(0,0,0,0.65),
        0 0 50px rgba(212,175,55,0.08);
}

.founder-image {
    display: flex;
    justify-content: center;
    align-items: center;
}

.founder-image img {
    width: 100%;
    max-width: 340px;
    border-radius: 28px;

    object-fit: cover;

    box-shadow:
        0 30px 80px rgba(0,0,0,0.65),
        0 0 35px rgba(212,175,55,0.10);
}

.founder-content p {
    color: #cfcfcf;
    font-size: 15px;
    line-height: 1.85;
    margin-bottom: 14px;
}

.founder-content strong {
    color: #D4AF37;
    font-weight: 600;
}

.founder-meta {
    margin-top: 26px;

    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.founder-meta span {
    padding: 8px 13px;

    border-radius: 999px;

    background: rgba(212,175,55,0.08);
    border: 1px solid rgba(212,175,55,0.16);

    color: #D4AF37;
    font-size: 12px;
}

/* DESKTOP */
@media (min-width: 850px) {
    .founder-card {
        grid-template-columns: 0.85fr 1.15fr;
        align-items: center;

        padding: 46px;
    }

    .founder-section {
        padding: 110px 7%;
    }
}

/* MOBILE */
@media (max-width: 849px) {
    .founder-section {
        padding: 76px 20px;
    }

    .founder-card {
        padding: 22px;
    }

    .founder-content p {
        font-size: 14px;
    }
}.founder-connect {
    margin-top: 20px;
}

.founder-connect a {
    color: #D4AF37;
    font-size: 14px;
    text-decoration: none;

    border-bottom: 1px solid rgba(212,175,55,0.25);

    transition: all 0.3s ease;
}

.founder-connect a:hover {
    opacity: 0.8;
}/* FOUNDER PHOTO PREMIUM CARD */

.founder-image {
    position: relative;
}

.founder-image::before {
    content: "";
    position: absolute;
    width: 78%;
    height: 78%;
    border-radius: 32px;
    background: radial-gradient(circle, rgba(212,175,55,0.22), transparent 68%);
    filter: blur(28px);
    z-index: 0;
}

.founder-image img {
    position: relative;
    z-index: 1;

    padding: 8px;
    background:
        linear-gradient(145deg, rgba(212,175,55,0.22), rgba(30,30,30,0.85));

    border: 1px solid rgba(212,175,55,0.24);
    border-radius: 30px;

    filter: contrast(1.08) saturate(0.92) brightness(0.92) sepia(0.08);

    box-shadow:
        0 36px 90px rgba(0,0,0,0.75),
        0 0 45px rgba(212,175,55,0.12);

    transition: all 0.35s ease;
}

.founder-image img:hover {
    transform: translateY(-6px) scale(1.015);
    filter: contrast(1.12) saturate(0.98) brightness(0.96) sepia(0.10);

    box-shadow:
        0 46px 110px rgba(0,0,0,0.82),
        0 0 60px rgba(212,175,55,0.18);
}/* =========================
   WHY MELLORAX
   ========================= */

.why-section {
    padding: 90px 6%;
    text-align: center;
}

.why-grid {
    margin-top: 44px;

    display: grid;
    gap: 20px;
}

.why-card {
    padding: 28px 24px;

    background:
        radial-gradient(circle at top left, rgba(212,175,55,0.08), transparent 40%),
        #161616;

    border: 1px solid rgba(212,175,55,0.12);
    border-radius: 26px;

    transition: all 0.35s ease;
}

.why-card:hover {
    transform: translateY(-6px);

    border-color: rgba(212,175,55,0.24);

    box-shadow:
        0 24px 60px rgba(0,0,0,0.45),
        0 0 30px rgba(212,175,55,0.08);
}

.why-card h3 {
    color: #F9F7F2;
    font-size: 20px;
    margin-bottom: 14px;
}

.why-card p {
    color: #aaa;
    font-size: 14px;
    line-height: 1.8;
}

/* DESKTOP */
@media (min-width: 850px) {
    .why-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* MOBILE */
@media (max-width: 849px) {
    .why-section {
        padding: 70px 20px;
    }
}/* =========================
   MOBILE STICKY CTA
   ========================= */

.mobile-sticky-cta {
    position: fixed;

    left: 50%;
    bottom: 18px;

    transform: translateX(-50%);

    width: calc(100% - 32px);
    max-width: 360px;

    padding: 14px 18px;

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

    background: rgba(18,18,18,0.72);

    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);

    border: 1px solid rgba(212,175,55,0.24);
    border-radius: 999px;

    color: #F9F7F2;
    text-decoration: none;

    box-shadow:
        0 20px 45px rgba(0,0,0,0.55),
        0 0 28px rgba(212,175,55,0.10);

    z-index: 99999;
}

.mobile-sticky-cta span {
    font-size: 14px;
    font-weight: 600;
}

.mobile-sticky-cta strong {
    color: #D4AF37;
    font-size: 16px;
}

/* DESKTOP HIDE */
@media (min-width: 850px) {
    .mobile-sticky-cta {
        display: none;
    }
}/* FINAL STICKY CTA */

.mx-sticky-cta{
    position:fixed;

    left:50%;
    bottom:-120px;

    transform:translateX(-50%);

    width:calc(100% - 32px);
    max-width:360px;

    padding:14px 18px;

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

    background:rgba(18,18,18,0.72);

    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);

    border:1px solid rgba(212,175,55,0.26);
    border-radius:999px;

    color:#F9F7F2;
    text-decoration:none;

    box-shadow:
        0 20px 45px rgba(0,0,0,0.60),
        0 0 28px rgba(212,175,55,0.10);

    z-index:999999;

    transition:
        bottom .45s ease,
        opacity .35s ease;

    opacity:0;
}

.mx-sticky-cta.show-cta{
    bottom:18px;
    opacity:1;
}

.mx-sticky-cta span{
    font-size:14px;
    font-weight:600;
}

.mx-sticky-cta strong{
    color:#D4AF37;
    font-size:16px;
}

/* desktop hide */
@media(min-width:850px){
    .mx-sticky-cta{
        display:none;
    }
}/* STICKY CTA INTERACTION */

.mx-sticky-cta:hover {
    transform: translateX(-50%) translateY(-3px);

box-shadow:
    0 10px 28px rgba(0,0,0,0.38),
    0 0 18px rgba(212,175,55,0.08);
}

.mx-sticky-cta:active {
    transform:
        translateX(-50%)
        translateY(-8px)
        scale(1.03);

    box-shadow:
        0 34px 70px rgba(0,0,0,0.72),
        0 0 45px rgba(212,175,55,0.22);
}/* =========================
   REVIEWS SECTION
   ========================= */

.reviews-section {
    padding: 90px 6%;
    text-align: center;
}

.reviews-grid {
    margin-top: 42px;

    display: grid;
    gap: 20px;
}

.review-card {
    text-align: left;

    padding: 28px;

    background:
        radial-gradient(circle at top left, rgba(212,175,55,0.08), transparent 38%),
        #161616;

    border: 1px solid rgba(212,175,55,0.12);
    border-radius: 26px;

    transition: all 0.35s ease;
}

.review-card:hover {
    transform: translateY(-6px);

    border-color: rgba(212,175,55,0.22);

    box-shadow:
        0 24px 60px rgba(0,0,0,0.45),
        0 0 28px rgba(212,175,55,0.08);
}

.review-card p {
    color: #d2d2d2;
    font-size: 15px;
    line-height: 1.9;
}

.review-user {
    margin-top: 24px;
}

.review-user strong {
    display: block;
    color: #D4AF37;
    font-size: 14px;
}

.review-user span {
    color: #777;
    font-size: 12px;
}

.review-submit {
    margin-top: 34px;
}

.review-submit p {
    color: #888;
    margin-bottom: 12px;
}

.review-submit a {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 12px 20px;

    border-radius: 999px;

    border: 1px solid rgba(212,175,55,0.18);

    background: rgba(30,30,30,0.55);

    color: #D4AF37;
    text-decoration: none;
    font-size: 14px;

    transition: all 0.3s ease;
}

.review-submit a:hover {
    transform: translateY(-3px);

    border-color: rgba(212,175,55,0.35);

    box-shadow:
        0 18px 40px rgba(0,0,0,0.42),
        0 0 24px rgba(212,175,55,0.10);
}

/* DESKTOP */
@media (min-width: 850px) {
    .reviews-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* MOBILE */
@media (max-width: 849px) {
    .reviews-section {
        padding: 72px 20px;
    }
}/* GLOBAL PREMIUM CARD REFLECTION */

.why-card,
.review-card,
.faq-item,
.policy-card,
.product-grid div,
.trust-section,
.order-section,
.founder-card,
.footer-business {
    position: relative;
    overflow: hidden;
}

.why-card::before,
.review-card::before,
.faq-item::before,
.policy-card::before,
.product-grid div::before,
.trust-section::before,
.order-section::before,
.founder-card::before,
.footer-business::before {
    content: "";
    position: absolute;
    inset: -2px;

    background: linear-gradient(
        120deg,
        transparent,
        rgba(212,175,55,0.13),
        transparent
    );

    transform: translateX(-120%);
   transition: transform 1.8s cubic-bezier(0.22, 1, 0.36, 1);

    pointer-events: none;
}

.why-card:hover::before,
.review-card:hover::before,
.faq-item:hover::before,
.policy-card:hover::before,
.product-grid div:hover::before,
.trust-section:hover::before,
.order-section:hover::before,
.founder-card:hover::before,
.footer-business:hover::before {
    transform: translateX(120%);
}/* =========================
   PREMIUM LUXURY LOADER
========================= */

#lux-loader{
    position:fixed;
    inset:0;

    background:
        radial-gradient(circle at top left,
        rgba(212,175,55,0.10),
        transparent 30%),

        radial-gradient(circle at bottom right,
        rgba(212,175,55,0.06),
        transparent 35%),

        #0B0B0B;

    z-index:999999;

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

    transition:
        opacity 1s ease,
        visibility 1s ease;
}

#lux-loader.hide{
    opacity:0;
    visibility:hidden;
}

.lux-loader-inner{
    text-align:center;
}

.lux-logo{
    display:flex;
    align-items:flex-start;
    justify-content:center;
    gap:3px;

    font-family:'Playfair Display',serif;
    font-size:46px;
    font-weight:600;

    color:#D4AF37;

    letter-spacing:.5px;

    animation:
        luxFade 2s ease forwards;
}

.lux-logo sup{
    font-size:11px;
    opacity:.72;
    top:8px;
    position:relative;
}

.lux-line{
    width:120px;
    height:1px;

    margin:22px auto;

    background:
        linear-gradient(
            90deg,
            transparent,
            #D4AF37,
            transparent
        );

    animation:
        lineGlow 2.4s ease infinite;
}

.lux-loader-inner p{
    color:#9f9f9f;
    font-size:14px;
    letter-spacing:1px;

    animation:
        softText 2s ease forwards;
}

/* ANIMATIONS */

@keyframes luxFade{
    0%{
        opacity:0;
        transform:translateY(18px);
    }

    100%{
        opacity:1;
        transform:translateY(0);
    }
}

@keyframes softText{
    0%{
        opacity:0;
    }

    100%{
        opacity:1;
    }
}

@keyframes lineGlow{

    0%{
        opacity:.3;
        transform:scaleX(.7);
    }

    50%{
        opacity:1;
        transform:scaleX(1);
    }

    100%{
        opacity:.3;
        transform:scaleX(.7);
    }

}

/* MOBILE */

@media(max-width:768px){

    .lux-logo{
        font-size:40px;
    }

}/* LOADING DOTS */

.lux-dots{
    display:flex;
    justify-content:center;
    gap:8px;

    margin-bottom:18px;
}

.lux-dots span{
    width:7px;
    height:7px;

    border-radius:50%;

    background:#D4AF37;

    animation:luxDot 1.4s infinite ease-in-out;
}

.lux-dots span:nth-child(2){
    animation-delay:.2s;
}

.lux-dots span:nth-child(3){
    animation-delay:.4s;
}

@keyframes luxDot{

    0%,80%,100%{
        opacity:.3;
        transform:scale(.7);
    }

    40%{
        opacity:1;
        transform:scale(1);
    }

}.footer-brand h3 sup{
    font-size:10px;

    opacity:.72;

    position:relative;

    top:-0.18em;

    margin-left:-3px;

    vertical-align:top;
}/* PREMIUM FOOTER QR */

.brand-portal-qr{
    display:flex;
    flex-direction:column;
    align-items:center;

    gap:10px;
}

.brand-qr-frame{
    position:relative;

    padding:8px;

    border-radius:20px;

    background:
        radial-gradient(circle at top left,
        rgba(212,175,55,0.10),
        transparent 45%),

        #111;

    border:1px solid rgba(212,175,55,0.16);

    overflow:hidden;

    transition:.35s ease;
}

.brand-qr-frame::before{
    content:"";

    position:absolute;
    inset:-2px;

    background:linear-gradient(
        120deg,
        transparent,
        rgba(212,175,55,0.14),
        transparent
    );

    transform:translateX(-120%);
    transition:transform 1.6s cubic-bezier(0.22,1,0.36,1);

    pointer-events:none;
}

.brand-qr-frame:hover::before{
    transform:translateX(140%);
}

.brand-qr-frame:hover{
    transform:translateY(-4px);

    box-shadow:
        0 22px 50px rgba(0,0,0,0.5),
        0 0 28px rgba(212,175,55,0.08);
}

.brand-qr-frame img{
    width:92px;
    height:92px;

    object-fit:cover;

    border-radius:14px;

    display:block;
}

.brand-portal-qr p{
    color:#8d8d8d;
    font-size:12px;

    letter-spacing:.5px;
}/* PREMIUM REVIEW SYSTEM */

.real-review-section{
    padding:100px 6%;
    position:relative;
}

.review-top{
    text-align:center;
    max-width:760px;
    margin:0 auto 54px;
}

.review-badge{
    display:inline-flex;
    padding:8px 16px;
    border-radius:999px;
    border:1px solid rgba(212,175,55,0.18);
    color:#D4AF37;
    font-size:13px;
    margin-bottom:22px;
}

.review-top h2{
    font-family:'Playfair Display',serif;
    font-size:50px;
    line-height:1.08;
    margin-bottom:18px;
}

.review-top p{
    color:#9a9a9a;
    line-height:1.9;
}

.review-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
}

.premium-review-card{
    position:relative;
    overflow:hidden;
    padding:32px;
    border-radius:28px;

    background:
        radial-gradient(circle at top left, rgba(212,175,55,0.10), transparent 42%),
        #151515;

    border:1px solid rgba(212,175,55,0.12);
    transition:.45s ease;
}

.premium-review-card::before{
    content:"";
    position:absolute;
    inset:-2px;

    background:linear-gradient(
        120deg,
        transparent,
        rgba(212,175,55,0.13),
        transparent
    );

    transform:translateX(-140%);
    transition:transform 1.8s cubic-bezier(0.22,1,0.36,1);
    pointer-events:none;
}

.premium-review-card:hover::before{
    transform:translateX(140%);
}

.premium-review-card:hover{
    transform:translateY(-8px);
    border-color:rgba(212,175,55,0.26);
    box-shadow:
        0 32px 80px rgba(0,0,0,0.52),
        0 0 34px rgba(212,175,55,0.08);
}

.review-stars{
    color:#D4AF37;
    letter-spacing:2px;
    margin-bottom:20px;
    font-size:18px;
}

.premium-review-card p{
    color:#d4d4d4;
    line-height:1.9;
    margin-bottom:26px;
    font-size:15px;
}

.review-user{
    color:#8b8b8b;
    font-size:13px;
}

.review-action-wrap{
    display:flex;
    justify-content:center;
    margin-top:52px;
}

.premium-review-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:16px 28px;
    border-radius:999px;

    background:linear-gradient(135deg,#D4AF37,#E8B23C);
    color:#0B0B0B;

    text-decoration:none;
    font-size:14px;
    font-weight:700;

    transition:.35s ease;
}

.premium-review-btn:hover{
    transform:translateY(-4px);
    box-shadow:0 22px 50px rgba(212,175,55,0.20);
}

@media(max-width:900px){
    .review-grid{
        grid-template-columns:1fr;
    }

    .review-top h2{
        font-size:40px;
    }

    .real-review-section{
        padding:76px 20px;
    }
}/* FLOATING WHATSAPP SUPPORT ICON */

.wa-float {
    position: fixed;
    right: 22px;
    bottom: 22px;

    width: 62px;
    height: 62px;

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

    border-radius: 50%;

    background:
        radial-gradient(circle at top left, rgba(212,175,55,0.22), transparent 42%),
        #111;

    border: 1px solid rgba(212,175,55,0.22);

    color: #D4AF37;

    z-index: 99999;

    text-decoration: none;

    box-shadow:
        0 18px 45px rgba(0,0,0,0.48),
        0 0 24px rgba(212,175,55,0.10);

    transition: all 0.35s ease;
}

.wa-float svg {
    width: 36px;
    height: 36px;
    position: relative;
    z-index: 2;
}

.wa-float::before {
    content: "";
    position: absolute;
    inset: -2px;

    background: linear-gradient(
        120deg,
        transparent,
        rgba(212,175,55,0.14),
        transparent
    );

    border-radius: inherit;

    overflow:hidden;

    transform: translateX(-140%);
    transition: transform 1.8s cubic-bezier(0.22,1,0.36,1);

    pointer-events: none;

}

.wa-float:hover::before {
    transform: translateX(140%);
}

.wa-float:hover {
    transform: translateY(-5px) scale(1.05);
}

.wa-float:active {
    transform: scale(0.95);
}

/* TOOLTIP */
.wa-tooltip {
    position: absolute;
    right: 76px;

    padding: 10px 14px;

    border-radius: 999px;

    background: rgba(17,17,17,0.92);
    border: 1px solid rgba(212,175,55,0.18);

    color: #D4AF37;

    font-size: 13px;
    font-weight: 600;

    white-space: nowrap;

    opacity: 0;
    transform: translateX(12px);
    pointer-events: none;

    transition: all 0.3s ease;

    box-shadow:
        0 14px 32px rgba(0,0,0,0.45),
        0 0 18px rgba(212,175,55,0.08);
}

.wa-float:hover .wa-tooltip {
    opacity: 1;
    transform: translateX(0);
}

@media (max-width: 768px) {
    .wa-float {
        width: 58px;
        height: 58px;
        right: 16px;
        bottom: 16px;
    }

    .wa-float svg {
        width: 34px;
        height: 34px;
    }

    .wa-tooltip {
        display: none;
    }
}/* FIX WHATSAPP GHOST CIRCLE */
.wa-float::before {
    display: none !important;
}

.wa-float {
    overflow: visible !important;
}.mobile-menu-btn {
    display: none;
    background: none;
    border: none;
    color: #D4AF37;
    font-size: 28px;
    cursor: pointer;
    z-index: 10001;
}

.mobile-menu {
    display: none;
}

@media (max-width: 849px) {
    .mobile-menu-btn {
        display: block;
    }

    .desktop-nav {
        display: none;
    }

    .mobile-menu {
        position: fixed;
        top: 74px;
        right: 18px;

        width: calc(100% - 36px);

        display: flex;
        flex-direction: column;
        gap: 14px;

        padding: 22px;

        background: rgba(15,15,15,0.96);
        border: 1px solid rgba(212,175,55,0.18);
        border-radius: 22px;

        box-shadow: 0 30px 80px rgba(0,0,0,0.65);

        opacity: 0;
        visibility: hidden;
        transform: translateY(-12px);

        transition: all 0.3s ease;

        z-index: 10000;
    }

    .mobile-menu.active {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    .mobile-menu a {
        color: #F9F7F2;
        text-decoration: none;
        font-size: 15px;
        padding: 10px 0;
        border-bottom: 1px solid rgba(255,255,255,0.06);
    }
}/* MOBILE MENU */

.mobile-menu-btn{
    display:none;
}

.mobile-menu{
    display:none;
}

@media(max-width:849px){

    .desktop-menu{
        display:none;
    }

    .mobile-menu-btn{
        display:block;

        background:none;
        border:none;

        color:#D4AF37;

        font-size:30px;

        cursor:pointer;
    }

    .mobile-menu{
        position:absolute;

        top:78px;
        right:20px;

        width:220px;

        display:flex;
        flex-direction:column;

        gap:12px;

        padding:22px;

        background:rgba(15,15,15,0.96);

        border:1px solid rgba(212,175,55,0.18);

        border-radius:22px;

        opacity:0;
        visibility:hidden;

        transform:translateY(-10px);

        transition:.3s ease;

        z-index:9999;
    }

    .mobile-menu.active{
        opacity:1;
        visibility:visible;

        transform:translateY(0);
    }

    .mobile-menu a{
        color:#F9F7F2;

        text-decoration:none;

        font-size:15px;

        padding:8px 0;

        border-bottom:1px solid rgba(255,255,255,0.06);
    }

}/* FINAL HEADER MOBILE MENU FIX */

.site-header {
    position: sticky;
    top: 0;
    z-index: 99999;
}

.header-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mobile-menu-btn {
    display: none;
    background: transparent;
    border: none;
    color: #D4AF37;
    font-size: 32px;
    line-height: 1;
    cursor: pointer;
    z-index: 100001;
}

.mobile-menu-panel {
    display: none;
}

@media (max-width: 849px) {
    .desktop-menu {
        display: none !important;
    }

    .mobile-menu-btn {
        display: block !important;
    }

    .mobile-menu-panel {
        position: fixed;
        top: 78px;
        left: 18px;
        right: 18px;

        display: flex;
        flex-direction: column;
        gap: 14px;

        padding: 22px;

        background: rgba(15,15,15,0.97);
        border: 1px solid rgba(212,175,55,0.18);
        border-radius: 22px;

        opacity: 0;
        visibility: hidden;
        transform: translateY(-12px);

        transition: all 0.3s ease;

        z-index: 100000;

        box-shadow: 0 30px 80px rgba(0,0,0,0.65);
    }

    .mobile-menu-panel.active {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    .mobile-menu-panel a {
        color: #F9F7F2;
        text-decoration: none;
        font-size: 15px;
        padding: 10px 0;
        border-bottom: 1px solid rgba(255,255,255,0.07);
    }
}/* MOBILE MENU PREMIUM ANIMATION */

.mobile-menu-panel {
    overflow: hidden;
}

.mobile-menu-panel a {
    position: relative;
    transform: translateY(12px);
    opacity: 0;
    transition: all 0.35s ease;
}

.mobile-menu-panel.active a {
    transform: translateY(0);
    opacity: 1;
}

.mobile-menu-panel.active a:nth-child(1) {
    transition-delay: 0.05s;
}

.mobile-menu-panel.active a:nth-child(2) {
    transition-delay: 0.10s;
}

.mobile-menu-panel.active a:nth-child(3) {
    transition-delay: 0.15s;
}

.mobile-menu-panel.active a:nth-child(4) {
    transition-delay: 0.20s;
}

.mobile-menu-panel.active a:nth-child(5) {
    transition-delay: 0.25s;
}

.mobile-menu-panel a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;

    width: 0%;
    height: 1px;

    background: linear-gradient(
        90deg,
        #D4AF37,
        transparent
    );

    transition: width 0.35s ease;
}

.mobile-menu-panel a:hover::after {
    width: 100%;
}

.mobile-menu-panel a:hover {
    color: #D4AF37;
    transform: translateX(4px);
}/* FINAL WORKING TOOLTIP FIX */

.wa-tooltip{
    opacity:0 !important;
    visibility:hidden !important;

    transform:translateX(10px) !important;

    transition:all .3s ease !important;

    display:block !important;
}

/* DESKTOP HOVER */

.wa-float:hover .wa-tooltip{
    opacity:1 !important;
    visibility:visible !important;

    transform:translateX(0) !important;
}

/* MOBILE TAP */

@media(max-width:768px){

    .wa-float:active .wa-tooltip,
    .wa-float:focus .wa-tooltip{
        opacity:1 !important;
        visibility:visible !important;

        transform:translateX(0) !important;
    }

}/* =========================
   REAL MOBILE OVERFLOW FIX
========================= */

html,
body{
    width:100%;
    max-width:100%;
    overflow-x:hidden !important;
}

*{
    box-sizing:border-box;
}

img,
video{
    max-width:100%;
}

/* prevent wide sections */
section,
header,
footer,
main,
div{
    max-width:100%;
}

/* fixed buttons safe position */
@media(max-width:768px){

    .mx-sticky-cta{
        left:50% !important;
        right:auto !important;
        width:calc(100% - 32px) !important;
        max-width:360px !important;
        transform:translateX(-50%) !important;
        bottom:18px !important;
    }

    .wa-float{
        right:16px !important;
        left:auto !important;
        bottom:88px !important;
        width:58px !important;
        height:58px !important;
    }

    .wa-tooltip{
        right:70px !important;
    }
}

/* card animations force mobile too */
.why-card,
.review-card,
.premium-review-card,
.product-card,
.faq-item,
.founder-card,
.order-section,
.footer-business{
    transform:translateZ(0);
}/* MOBILE HEADER TOP GAP FIX */

html,
body{
    margin:0 !important;
    padding:0 !important;
}

body{
    overflow-x:hidden;
}

.site-header{
    top:0 !important;
    margin-top:0 !important;
}

@supports (padding-top: env(safe-area-inset-top)) {

    body{
        padding-top:0 !important;
    }

    .site-header{
        padding-top:0 !important;
    }

}.preorder-alert{
    color:#f5c76b;
    font-weight:600;
    animation: preorderGlow 2s ease-in-out infinite;
}

@keyframes preorderGlow{

    0%{
        opacity:0.7;
        text-shadow:0 0 5px rgba(245,199,107,0.2);
    }

    50%{
        opacity:1;
        text-shadow:
        0 0 10px rgba(245,199,107,0.6),
        0 0 20px rgba(245,199,107,0.4);
    }

    100%{
        opacity:0.7;
        text-shadow:0 0 5px rgba(245,199,107,0.2);
    }

}/* PREMIUM PREORDER EFFECT */

.preorder-alert{
    position:relative;

    color:#f5c76b;

    font-weight:600;

    animation:luxGlow 2.8s ease-in-out infinite;

   
}

.preorder-alert::after{
    content:"";

    position:absolute;

    top:0;
    left:-120%;

    width:80%;
    height:100%;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,0.45),
        transparent
    );

    transform:skewX(-25deg);

    animation:luxShine 3.5s linear infinite;
}

@keyframes luxGlow{

    0%{
        opacity:.75;

        text-shadow:
        0 0 4px rgba(245,199,107,.15);
    }

    50%{
        opacity:1;

        text-shadow:
        0 0 10px rgba(245,199,107,.55),
        0 0 20px rgba(245,199,107,.25);
    }

    100%{
        opacity:.75;

        text-shadow:
        0 0 4px rgba(245,199,107,.15);
    }

}

@keyframes luxShine{

    0%{
        left:-120%;
    }

    100%{
        left:140%;
    }

}/* PREORDER TEXT CUT FIX */

.preorder-alert{
    display:inline-block;
    overflow:visible !important;
    white-space:nowrap;
}

.preorder-alert::after{
    pointer-events:none;
}/* ONLY PREORDER ANIMATION */

.strip-track span{
    animation:none !important;
    text-shadow:none !important;
}

.strip-track .preorder-alert{
    position:relative;

    display:inline-block;

    color:#f5c76b;

    font-weight:600;

    white-space:nowrap;

    animation:luxGlow 2.8s ease-in-out infinite !important;
}

.strip-track .preorder-alert::after{
    content:"";

    position:absolute;

    top:0;
    left:-120%;

    width:80%;
    height:100%;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,0.45),
        transparent
    );

    transform:skewX(-25deg);

    animation:luxShine 3.5s linear infinite;

    pointer-events:none;
}/* MOBILE STRIP FIX */

@media (max-width: 768px) {

    .strip-track {
        width: max-content !important;
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 28px !important;

        animation-duration: 14s !important;
    }

    .strip-track span {
        white-space: nowrap !important;
        flex-shrink: 0 !important;
        font-size: 12px !important;
    }

    .preorder-alert {
        color: #f5c76b !important;
        font-weight: 700 !important;
    }
<<<<<<< HEAD
}.wa-svg{
    width:32px;
    height:32px;
    fill:#ffffff;
    display:block;
=======
>>>>>>> e5a6919f9d376d62fecdbad837acfdb49cc21a40
}/* ADVANCED PRODUCTS PAGE */

.mx-products-page{
    background:#0B0B0B;
    padding:110px 6% 90px;
    color:#F9F7F2;
    overflow:hidden;
<<<<<<< HEAD
=======
}

.mx-products-hero{
    max-width:850px;
    margin:0 auto 80px;
    text-align:center;
}

.mx-products-hero .eyebrow{
    color:#D4AF37;
    font-size:12px;
    letter-spacing:2px;
    text-transform:uppercase;
}

.mx-products-hero h1{
    font-family:'Playfair Display',serif;
    font-size:clamp(38px,6vw,72px);
    line-height:1.05;
    margin:18px 0;
}

.mx-products-hero p{
    color:#aaa;
    font-size:16px;
    line-height:1.8;
}

.collection-block{
    margin-bottom:90px;
}

.collection-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:30px;
    margin-bottom:28px;
}

.collection-head span{
    color:#D4AF37;
    font-size:12px;
    letter-spacing:2px;
    text-transform:uppercase;
}

.collection-head h2{
    font-family:'Playfair Display',serif;
    font-size:36px;
    margin:8px 0 0;
}

.collection-head p{
    max-width:360px;
    color:#999;
    font-size:14px;
    line-height:1.7;
}

.product-slider{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:22px;
}

.catalog-card{
    position:relative;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    min-height:520px;
    text-decoration:none;
    color:inherit;
    border-radius:28px;
    background:linear-gradient(180deg,#151515,#0E0E0E);
    border:1px solid rgba(212,175,55,0.13);
    box-shadow:0 30px 90px rgba(0,0,0,0.45);
    transition:transform .45s ease,border-color .45s ease,box-shadow .45s ease;
}

.catalog-card::before{
    content:"";
    position:absolute;
    inset:-2px;
    background:linear-gradient(120deg,transparent,rgba(212,175,55,.14),transparent);
    transform:translateX(-140%);
    transition:transform 1.8s cubic-bezier(.22,1,.36,1);
    pointer-events:none;
    z-index:2;
}

.catalog-card:hover{
    transform:translateY(-8px);
    border-color:rgba(212,175,55,.32);
    box-shadow:0 40px 110px rgba(0,0,0,.65);
}

.catalog-card:hover::before{
    transform:translateX(140%);
}

.product-media{
    position:relative;
    height:285px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    background:
        radial-gradient(circle at center,rgba(212,175,55,.12),transparent 50%),
        linear-gradient(135deg,#1A1A1A,#0B0B0B);
}

.product-media img{
    width:82%;
    height:82%;
    object-fit:contain;
    transition:transform .55s ease;
}

.catalog-card:hover .product-media img{
    transform:scale(1.06);
}

.badge{
    position:absolute;
    top:18px;
    left:18px;
    z-index:3;
    padding:8px 13px;
    border-radius:999px;
    font-size:11px;
    letter-spacing:1px;
    text-transform:uppercase;
    color:#D4AF37;
    background:rgba(0,0,0,.55);
    border:1px solid rgba(212,175,55,.25);
    backdrop-filter:blur(10px);
}

.badge.live{
    color:#0B0B0B;
    background:#D4AF37;
}

.coming-media h4{
    font-family:'Playfair Display',serif;
    color:#D4AF37;
    font-size:32px;
    text-align:center;
    padding:0 20px;
    opacity:.95;
}

.catalog-content{
    padding:24px;
    display:flex;
    flex-direction:column;
    flex:1;
}

.catalog-content small{
    color:#D4AF37;
    font-size:11px;
    letter-spacing:1.5px;
    text-transform:uppercase;
}

.catalog-content h3{
    font-family:'Playfair Display',serif;
    font-size:27px;
    margin:10px 0;
}

.catalog-content p{
    color:#9b9b9b;
    font-size:14px;
    line-height:1.7;
    margin-bottom:22px;
}

.price-row{
    display:flex;
    align-items:center;
    gap:12px;
    margin-top:auto;
    margin-bottom:18px;
}

.price-row strong{
    color:#F9F7F2;
    font-size:24px;
}

.price-row del{
    color:#777;
    font-size:14px;
}

.view-btn{
    margin-top:auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:100%;
    padding:14px 18px;
    border-radius:999px;
    color:#0B0B0B;
    background:#D4AF37;
    font-size:13px;
    font-weight:600;
    letter-spacing:.4px;
    transition:.35s ease;
}

.view-btn.muted{
    color:#D4AF37;
    background:transparent;
    border:1px solid rgba(212,175,55,.25);
}

.catalog-card:hover .view-btn{
    transform:translateY(-2px);
}

/* MOBILE + TABLET */

@media(max-width:1100px){
    .product-slider{
        display:flex;
        overflow-x:auto;
        scroll-snap-type:x mandatory;
        padding-bottom:18px;
    }

    .catalog-card{
        min-width:310px;
        scroll-snap-align:start;
    }

    .product-slider::-webkit-scrollbar{
        height:6px;
    }

    .product-slider::-webkit-scrollbar-thumb{
        background:rgba(212,175,55,.35);
        border-radius:999px;
    }
}

@media(max-width:768px){
    .mx-products-page{
        padding:90px 18px 70px;
    }

    .collection-head{
        display:block;
    }

    .collection-head h2{
        font-size:30px;
    }

    .collection-head p{
        margin-top:12px;
    }

    .catalog-card{
        min-width:82vw;
        min-height:500px;
    }

    .product-media{
        height:260px;
    }
>>>>>>> e5a6919f9d376d62fecdbad837acfdb49cc21a40
}

.mx-products-hero{
    max-width:850px;
    margin:0 auto 80px;
    text-align:center;
}

.mx-products-hero .eyebrow{
    color:#D4AF37;
    font-size:12px;
    letter-spacing:2px;
    text-transform:uppercase;
}

.mx-products-hero h1{
    font-family:'Playfair Display',serif;
    font-size:clamp(38px,6vw,72px);
    line-height:1.05;
    margin:18px 0;
}

.mx-products-hero p{
    color:#aaa;
    font-size:16px;
    line-height:1.8;
}

.collection-block{
    margin-bottom:90px;
}

.collection-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:30px;
    margin-bottom:28px;
}

.collection-head span{
    color:#D4AF37;
    font-size:12px;
    letter-spacing:2px;
    text-transform:uppercase;
}

.collection-head h2{
    font-family:'Playfair Display',serif;
    font-size:36px;
    margin:8px 0 0;
}

.collection-head p{
    max-width:360px;
    color:#999;
    font-size:14px;
    line-height:1.7;
}

.product-slider{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:22px;
}

.catalog-card{
    position:relative;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    min-height:520px;
    text-decoration:none;
    color:inherit;
    border-radius:28px;
    background:linear-gradient(180deg,#151515,#0E0E0E);
    border:1px solid rgba(212,175,55,0.13);
    box-shadow:0 30px 90px rgba(0,0,0,0.45);
    transition:transform .45s ease,border-color .45s ease,box-shadow .45s ease;
}

.catalog-card::before{
    content:"";
    position:absolute;
    inset:-2px;
    background:linear-gradient(120deg,transparent,rgba(212,175,55,.14),transparent);
    transform:translateX(-140%);
    transition:transform 1.8s cubic-bezier(.22,1,.36,1);
    pointer-events:none;
    z-index:2;
}

.catalog-card:hover{
    transform:translateY(-8px);
    border-color:rgba(212,175,55,.32);
    box-shadow:0 40px 110px rgba(0,0,0,.65);
}

.catalog-card:hover::before{
    transform:translateX(140%);
}

.product-media{
    position:relative;
    height:285px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    background:
        radial-gradient(circle at center,rgba(212,175,55,.12),transparent 50%),
        linear-gradient(135deg,#1A1A1A,#0B0B0B);
}

.product-media img{
    width:82%;
    height:82%;
    object-fit:contain;
    transition:transform .55s ease;
}

.catalog-card:hover .product-media img{
    transform:scale(1.06);
}

.badge{
    position:absolute;
    top:18px;
    left:18px;
    z-index:3;
    padding:8px 13px;
    border-radius:999px;
    font-size:11px;
    letter-spacing:1px;
    text-transform:uppercase;
    color:#D4AF37;
    background:rgba(0,0,0,.55);
    border:1px solid rgba(212,175,55,.25);
    backdrop-filter:blur(10px);
}

.badge.live{
    color:#0B0B0B;
    background:#D4AF37;
}

.coming-media h4{
    font-family:'Playfair Display',serif;
    color:#D4AF37;
    font-size:32px;
    text-align:center;
    padding:0 20px;
    opacity:.95;
}

.catalog-content{
    padding:24px;
    display:flex;
    flex-direction:column;
    flex:1;
}

.catalog-content small{
    color:#D4AF37;
    font-size:11px;
    letter-spacing:1.5px;
    text-transform:uppercase;
}

.catalog-content h3{
    font-family:'Playfair Display',serif;
    font-size:27px;
    margin:10px 0;
}

.catalog-content p{
    color:#9b9b9b;
    font-size:14px;
    line-height:1.7;
    margin-bottom:22px;
}

.price-row{
    display:flex;
    align-items:center;
    gap:12px;
    margin-top:auto;
    margin-bottom:18px;
}

.price-row strong{
    color:#F9F7F2;
    font-size:24px;
}

.price-row del{
    color:#777;
    font-size:14px;
}

.view-btn{
    margin-top:auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:100%;
    padding:14px 18px;
    border-radius:999px;
    color:#0B0B0B;
    background:#D4AF37;
    font-size:13px;
    font-weight:600;
    letter-spacing:.4px;
    transition:.35s ease;
}

.view-btn.muted{
    color:#D4AF37;
    background:transparent;
    border:1px solid rgba(212,175,55,.25);
}

.catalog-card:hover .view-btn{
    transform:translateY(-2px);
}

/* MOBILE + TABLET */

@media(max-width:1100px){
    .product-slider{
        display:flex;
        overflow-x:auto;
        scroll-snap-type:x mandatory;
        padding-bottom:18px;
    }

    .catalog-card{
        min-width:310px;
        scroll-snap-align:start;
    }

    .product-slider::-webkit-scrollbar{
        height:6px;
    }

    .product-slider::-webkit-scrollbar-thumb{
        background:rgba(212,175,55,.35);
        border-radius:999px;
    }
}

@media(max-width:768px){
    .mx-products-page{
        padding:90px 18px 70px;
    }

    .collection-head{
        display:block;
    }

    .collection-head h2{
        font-size:30px;
    }

    .collection-head p{
        margin-top:12px;
    }

    .catalog-card{
        min-width:82vw;
        min-height:500px;
    }

    .product-media{
        height:260px;
    }
}
/* PRODUCT PAGE FINAL MOBILE + BUTTON ANIMATION FIX */

/* desktop normal 4 cards */
.product-slider{
    display:grid !important;
    grid-template-columns:repeat(4,1fr) !important;
    gap:22px !important;
    overflow:visible !important;
}

/* mobile par bhi 4 cards visible grid me */
@media(max-width:768px){

    .product-slider{
        display:grid !important;
        grid-template-columns:repeat(2,1fr) !important;
        gap:14px !important;
        overflow:visible !important;
        padding-bottom:0 !important;
    }

    .catalog-card{
        min-width:0 !important;
        width:100% !important;
        min-height:420px !important;
        border-radius:22px !important;
    }

    .product-media{
        height:190px !important;
    }

    .coming-media h4{
        font-size:22px !important;
    }

    .catalog-content{
        padding:16px !important;
    }

    .catalog-content h3{
        font-size:21px !important;
    }

    .catalog-content p{
        font-size:12px !important;
        line-height:1.55 !important;
    }

    .view-btn{
        padding:12px 14px !important;
        font-size:12px !important;
    }
}

/* very small phones */
@media(max-width:420px){

    .product-slider{
        grid-template-columns:repeat(2,1fr) !important;
        gap:12px !important;
    }

    .catalog-card{
        min-height:395px !important;
    }

    .product-media{
        height:165px !important;
    }
}

/* premium button animation */
.view-btn{
    position:relative;
    overflow:hidden;
    transform:translateY(0);
    box-shadow:0 10px 28px rgba(212,175,55,.18);
}

.view-btn::after{
    content:"";
    position:absolute;
    top:0;
    left:-120%;
    width:70%;
    height:100%;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.45),
        transparent
    );
    transform:skewX(-22deg);
    transition:left .75s ease;
}

.catalog-card:hover .view-btn,
.catalog-card:active .view-btn{
    transform:translateY(-6px) scale(1.03) !important;
    box-shadow:0 18px 38px rgba(212,175,55,.32);
}

.catalog-card:hover .view-btn::after,
.catalog-card:active .view-btn::after{
    left:140%;
}.mx-back-home{
    position:absolute;
    top:24px;
    left:24px;
    z-index:9999;

    padding:12px 18px;
    border-radius:999px;

    background:rgba(15,15,15,0.72);
    border:1px solid rgba(212,175,55,0.18);

    color:#F5F1E8;
    text-decoration:none;
    font-size:13px;
    letter-spacing:.5px;

    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);

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

.mx-back-home:hover{
    transform:translateY(-3px);
    background:rgba(20,20,20,0.92);
    border-color:rgba(212,175,55,0.42);
}

@media(max-width:768px){

    .mx-back-home{
        top:16px;
        left:16px;

        padding:10px 15px;
        font-size:12px;
    }
}/* SINGLE PRODUCT PAGE */

.single-product-page{
    background:#0B0B0B;
    color:#F9F7F2;
    padding:100px 6% 80px;
}

.product-hero{
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:60px;
    align-items:center;
    min-height:80vh;
}

.product-gallery,
.product-info{
    min-width:0;
}

.main-product-frame{
    position:relative;
    min-height:620px;
    border-radius:34px;
    background:
    radial-gradient(circle at center,rgba(212,175,55,.16),transparent 55%),
    linear-gradient(145deg,#171717,#0B0B0B);
    border:1px solid rgba(212,175,55,.16);
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    box-shadow:0 40px 120px rgba(0,0,0,.6);
}

.main-product-frame img{
    width:82%;
    height:82%;
    object-fit:contain;
    filter:drop-shadow(0 30px 45px rgba(0,0,0,.55));
}

.product-status{
    position:absolute;
    top:22px;
    left:22px;
    color:#0B0B0B;
    background:#D4AF37;
    padding:9px 16px;
    border-radius:999px;
    font-size:12px;
    font-weight:700;
    letter-spacing:.8px;
    text-transform:uppercase;
}

.gallery-thumbs{
    display:flex;
    gap:12px;
    margin-top:18px;
}

.gallery-thumbs button{
    flex:1;
    padding:14px;
    border-radius:999px;
    border:1px solid rgba(212,175,55,.2);
    background:rgba(255,255,255,.03);
    color:#D4AF37;
}

.gallery-thumbs .active{
    background:#D4AF37;
    color:#0B0B0B;
}

.product-eyebrow,
.detail-copy span,
.section-title span{
    color:#D4AF37;
    letter-spacing:2px;
    font-size:12px;
    text-transform:uppercase;
}

.product-info h1{
    font-family:'Playfair Display',serif;
    font-size:clamp(44px,6vw,78px);
    line-height:1;
    margin:16px 0;
}

.short-desc{
    color:#B6B0A5;
    font-size:17px;
    line-height:1.8;
    max-width:560px;
}

.rating-row{
    display:flex;
    gap:14px;
    align-items:center;
    margin:24px 0;
}

.rating-row span{
    color:#D4AF37;
}

.rating-row small{
    color:#9b9b9b;
}

.price-box{
    display:flex;
    align-items:center;
    gap:16px;
    margin:28px 0;
}

.price-box strong{
    font-size:36px;
}

.price-box del{
    color:#777;
}

.price-box span{
    color:#D4AF37;
    border:1px solid rgba(212,175,55,.25);
    padding:8px 12px;
    border-radius:999px;
    font-size:12px;
}

.quantity-box label{
    display:block;
    margin-bottom:10px;
    color:#C9C0AE;
}

.qty-control{
    display:flex;
    width:150px;
    border:1px solid rgba(212,175,55,.25);
    border-radius:999px;
    overflow:hidden;
}

.qty-control button,
.qty-control input{
    width:50px;
    height:44px;
    border:0;
    background:#111;
    color:#F9F7F2;
    text-align:center;
}

.product-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
    margin:28px 0 14px;
}

.cart-btn,
.buy-btn{
    padding:17px 22px;
    border-radius:999px;
    text-align:center;
    text-decoration:none;
    font-weight:700;
    border:1px solid rgba(212,175,55,.25);
    transition:.35s ease;
}

.cart-btn{
    background:transparent;
    color:#777;
}

.buy-btn{
    background:#D4AF37;
    color:#0B0B0B;
}

.buy-btn:hover{
    transform:translateY(-4px);
    box-shadow:0 18px 40px rgba(212,175,55,.32);
}

.preorder-note{
    color:#9f9789;
    font-size:14px;
}

.trust-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:14px;
    margin-top:28px;
}

.trust-grid div{
    padding:18px;
    border-radius:20px;
    background:rgba(255,255,255,.035);
    border:1px solid rgba(212,175,55,.12);
}

.trust-grid strong{
    display:block;
    color:#F9F7F2;
    margin-bottom:6px;
}

.trust-grid span{
    color:#999;
    font-size:13px;
}

.product-detail-section,
.delivery-section,
.reviews-section,
.related-products{
    margin-top:100px;
}

.product-detail-section{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:50px;
}

.detail-copy h2,
.delivery-section h2,
.section-title h2{
    font-family:'Playfair Display',serif;
    font-size:42px;
}

.detail-copy p,
.detail-points li,
.delivery-grid p,
.section-title p{
    color:#AFA89C;
    line-height:1.8;
}

.detail-points,
.delivery-grid div,
.reviews-section,
.related-card{
    background:linear-gradient(180deg,#151515,#0E0E0E);
    border:1px solid rgba(212,175,55,.13);
    border-radius:28px;
    padding:30px;
}

.delivery-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}

.related-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}

.related-card{
    text-decoration:none;
    color:inherit;
    min-height:210px;
    transition:.35s ease;
}

.related-card:hover{
    transform:translateY(-6px);
    border-color:rgba(212,175,55,.35);
}

.related-card span{
    color:#D4AF37;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:1.5px;
}

.related-card h3{
    font-family:'Playfair Display',serif;
    font-size:28px;
}

@media(max-width:900px){

    .single-product-page{
        padding:85px 18px 60px;
    }

    .product-hero,
    .product-detail-section,
    .delivery-grid,
    .related-grid{
        grid-template-columns:1fr;
    }

    .main-product-frame{
        min-height:430px;
    }

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

    .trust-grid{
        grid-template-columns:1fr 1fr;
    }
}/* FRESH SIDR PRODUCT PAGE */

.mx-product-single{
    background:#0B0B0B;
    color:#F9F7F2;
    padding:96px 6% 90px;
}

.mx-product-hero{
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:64px;
    align-items:center;
    min-height:82vh;
}

.mx-media-stage{
    position:relative;
    min-height:620px;
    border-radius:38px;
    overflow:hidden;
    background:
    radial-gradient(circle at center,rgba(212,175,55,.18),transparent 55%),
    linear-gradient(145deg,#171717,#090909);
    border:1px solid rgba(212,175,55,.16);
    box-shadow:0 45px 120px rgba(0,0,0,.65);
    cursor:grab;
}

.mx-media-track{
    display:flex;
    overflow-x:auto;
    scroll-snap-type:x mandatory;

    scrollbar-width:none;
    -ms-overflow-style:none;

    scroll-behavior:smooth;
}

.mx-media-track::-webkit-scrollbar{
    display:none;
}


.mx-media-slide{
    flex:0 0 100%;

    min-width:100%;
    width:100%;

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

    padding:0;
}

.mx-media-slide img,

    width:100%;
    height:650px;

    object-fit:cover;
    object-position:center;

    display:block;

    border-radius:28px;
}@media(max-width:768px){

.mx-media-slide img,
.mx-media-slide video{

    height:460px;

}

}

.mx-media-stage:hover img{
    transform:scale(1.08);
}

.video-placeholder{
    width:82%;
    height:82%;
    border-radius:30px;
    border:1px solid rgba(212,175,55,.18);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,.03);
}

.video-placeholder span{
    width:72px;
    height:72px;
    border-radius:50%;
    background:#D4AF37;
    color:#0B0B0B;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:25px;
    margin-bottom:16px;
}

.video-placeholder p{
    color:#D4AF37;
    letter-spacing:1px;
}

.batch-pill{
    position:absolute;
    top:22px;
    left:22px;
    padding:9px 16px;
    border-radius:999px;
    background:#D4AF37;
    color:#0B0B0B;
    font-size:12px;
    font-weight:700;
    letter-spacing:1px;
}

.mx-media-dots{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:10px;
    margin-top:18px;
}

.mx-media-dots button{
    width:10px;
    height:10px;
    border:0;
    border-radius:999px;
    background:rgba(212,175,55,.28);
    cursor:pointer;
    transition:.35s ease;
}

.mx-media-dots button.active{
    width:30px;
    background:#D4AF37;
}

.mx-kicker,
.section-title span{
    color:#D4AF37;
    font-size:12px;
    letter-spacing:2px;
    text-transform:uppercase;
}

.mx-product-info h1{
    font-family:'Playfair Display',serif;
    font-size:clamp(44px,6vw,78px);
    line-height:1;
    margin:16px 0;
    max-width:620px;
}

.mx-short-desc{
    color:#B8B0A3;
    font-size:17px;
    line-height:1.8;
    max-width:560px;
}

.mx-rating{
    display:flex;
    gap:14px;
    align-items:center;
    margin:24px 0;
}

.mx-rating span{
    color:#D4AF37;
    letter-spacing:2px;
}

.mx-rating small{
    color:#9b9488;
}

.mx-price{
    display:flex;
    align-items:center;
    gap:16px;
    margin:28px 0;
}

.mx-price strong{
    font-size:38px;
}

.mx-price del{
    color:#777;
}

.mx-price span{
    color:#D4AF37;
    border:1px solid rgba(212,175,55,.25);
    padding:8px 13px;
    border-radius:999px;
    font-size:12px;
}

.mx-qty label{
    display:block;
    color:#BEB6A8;
    margin-bottom:10px;
}

.mx-qty div{
    display:flex;
    width:150px;
    border:1px solid rgba(212,175,55,.25);
    border-radius:999px;
    overflow:hidden;
}

.mx-qty button,
.mx-qty input{
    width:50px;
    height:44px;
    border:0;
    background:#111;
    color:#F9F7F2;
    text-align:center;
}

.mx-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
    margin:28px 0 14px;
    max-width:520px;
}

.mx-buy-btn,
.mx-cart-btn{
    padding:17px 22px;
    border-radius:999px;
    font-weight:700;
    border:1px solid rgba(212,175,55,.28);
    cursor:pointer;
    transition:.35s ease;
}

.mx-buy-btn{
    background:#D4AF37;
    color:#0B0B0B;
}

.mx-cart-btn{
    background:transparent;
    color:#D4AF37;
}

.mx-buy-btn:hover,
.mx-cart-btn:hover{
    transform:translateY(-5px);
    box-shadow:0 18px 40px rgba(212,175,55,.25);
}

.mx-ship-note{
    max-width:520px;
    color:#D8C99A;
    font-size:14px;
    line-height:1.7;
    margin-top:12px;
}

.mx-service-line{
    display:flex;
    flex-wrap:wrap;
    gap:14px 18px;
    margin-top:28px;
    max-width:590px;
}

.mx-service-line span,
.mx-service-line a{
    display:inline-flex;
    align-items:center;
    gap:9px;
    color:#CFC5B4;
    text-decoration:none;
    font-size:13px;
}

.mx-service-line svg{
    width:19px;
    height:19px;
    fill:none;
    stroke:#D4AF37;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.mx-product-story,
.mx-product-details,
.mx-delivery-info,
.mx-review-section,
.mx-related-section{
    margin-top:105px;
}

.mx-product-story{
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:55px;
    align-items:start;
}

.mx-product-story h2,
.mx-product-details h2,
.mx-delivery-info h2,
.section-title h2{
    font-family:'Playfair Display',serif;
    font-size:44px;
    margin:14px 0 20px;
}

.mx-product-story p,
.mx-detail-table p,
.mx-delivery-info li,
.section-title p,
.mx-related-item p{
    color:#AFA79A;
    line-height:1.8;
}

.mx-points{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
}

.mx-points p{
    padding:17px 18px;
    border-left:1px solid rgba(212,175,55,.38);
    background:rgba(255,255,255,.025);
    border-radius:0 16px 16px 0;
    color:#D8D0C0;
    margin:0;
}

.mx-detail-table{
    max-width:900px;
}

.mx-detail-table p{
    display:flex;
    justify-content:space-between;
    gap:20px;
    padding:20px 0;
    border-bottom:1px solid rgba(212,175,55,.12);
    margin:0;
}

.mx-detail-table strong{
    color:#F9F7F2;
}

.mx-detail-table span{
    text-align:right;
}

.mx-delivery-info ul{
    list-style:none;
    padding:0;
    margin:20px 0 0;
    max-width:950px;
}

.mx-delivery-info li{
    padding:20px 0;
    border-bottom:1px solid rgba(212,175,55,.12);
}

.mx-delivery-info strong{
    color:#F9F7F2;
}

.mx-review-layout{
    display:grid;
    grid-template-columns:.7fr 1.3fr;
    gap:36px;
    align-items:start;
}

.mx-review-score strong{
    display:block;
    font-size:76px;
    line-height:1;
}

.mx-review-score span{
    color:#D4AF37;
    letter-spacing:3px;
}

.mx-review-score small{
    display:block;
    color:#8f887c;
    margin-top:8px;
}

.mx-review-form{
    display:grid;
    gap:16px;
}

.mx-review-form input,
.mx-review-form select,
.mx-review-form textarea{
    background:#111;
    border:1px solid rgba(212,175,55,.13);
    color:#F9F7F2;
    border-radius:22px;
    padding:17px 20px;
    font-size:15px;
}

.mx-review-form textarea{
    min-height:150px;
    resize:none;
}

.mx-review-form button{
    width:max-content;
    padding:16px 30px;
    border:0;
    border-radius:999px;
    background:#D4AF37;
    color:#0B0B0B;
    font-weight:700;
    transition:.35s ease;
}

.mx-review-form button:hover{
    transform:translateY(-4px);
}

.mx-related-products{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
}

.mx-related-item{
    min-height:240px;
    padding:30px;
    border-radius:30px;
    text-decoration:none;
    color:inherit;
    background:linear-gradient(180deg,#151515,#0E0E0E);
    border:1px solid rgba(212,175,55,.13);
    transition:.35s ease;
}

.mx-related-item:hover{
    transform:translateY(-7px);
    border-color:rgba(212,175,55,.36);
}

.mx-related-item small{
    color:#D4AF37;
    text-transform:uppercase;
    letter-spacing:1.5px;
}

.mx-related-item h3{
    font-family:'Playfair Display',serif;
    font-size:30px;
}

.mx-related-item b{
    color:#D4AF37;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:1px;
}

@media(max-width:900px){

    .mx-product-single{
        padding:84px 18px 60px;
    }

    .mx-product-hero,
    .mx-product-story,
    .mx-review-layout,
    .mx-related-products{
        grid-template-columns:1fr;
    }

    .mx-media-stage,
    .mx-media-track{
        min-height:430px;
        height:430px;
    }

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

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

    .mx-detail-table p{
        display:block;
    }

    .mx-detail-table span{
        display:block;
        text-align:left;
        margin-top:6px;
    }
/* service line */

.mx-service-line{
    display:flex;
    flex-wrap:wrap;

    gap:14px 18px;

    margin-top:28px;

    max-width:620px;
}

/* normal text */

.mx-service-line span{
    display:inline-flex;
    align-items:center;

    gap:9px;

    color:#CFC5B4;

    font-size:13px;
}

/* clickable premium buttons */

.mx-service-line a{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    gap:10px;

    padding:12px 18px;

    border-radius:999px;

    border:1px solid rgba(212,175,55,.18);

    background:
    linear-gradient(
        180deg,
        rgba(255,255,255,.04),
        rgba(255,255,255,.02)
    );

    color:#F3E8D1;

    text-decoration:none;

    font-size:13px;

    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);

    box-shadow:
    0 10px 28px rgba(0,0,0,.22);

    transition:
    transform .35s ease,
    border-color .35s ease,
    background .35s ease,
    box-shadow .35s ease;
}

/* hover */

.mx-service-line a:hover{
    transform:translateY(-4px);

    border-color:rgba(212,175,55,.42);

    background:
    linear-gradient(
        180deg,
        rgba(212,175,55,.12),
        rgba(255,255,255,.03)
    );

    box-shadow:
    0 18px 38px rgba(212,175,55,.12);
}

/* svg */

.mx-service-line svg{
    width:18px;
    height:18px;

    fill:none;

    stroke:#D4AF37;

    stroke-width:1.7;

    stroke-linecap:round;

    s/* =========================
   MELLORAX ADVANCED CART
========================= */

.mx-cart-page{
    background:#0B0B0B;
    color:#F9F7F2;
    min-height:100vh;
    padding:110px 6% 90px;
}

.mx-cart-hero{
    max-width:760px;
    margin-bottom:56px;
}

.mx-cart-hero span,
.summary-kicker{
    color:#D4AF37;
    font-size:12px;
    letter-spacing:2px;
    text-transform:uppercase;
}

.mx-cart-hero h1{
    font-family:'Playfair Display',serif;
    font-size:clamp(52px,8vw,92px);
    line-height:1;
    margin:14px 0 18px;
}

.mx-cart-hero p{
    color:#AFA79A;
    line-height:1.8;
}

.mx-cart-layout{
    display:grid;
    grid-template-columns:1.35fr .65fr;
    gap:36px;
    align-items:start;
}

.mx-cart-items{
    display:grid;
    gap:22px;
}

.mx-cart-item{
    display:grid;
    grid-template-columns:150px 1fr auto;
    gap:28px;
    align-items:center;
    padding:28px;
    border-radius:34px;
    background:linear-gradient(180deg,#151515,#0E0E0E);
    border:1px solid rgba(212,175,55,.14);
    box-shadow:0 26px 85px rgba(0,0,0,.36);
}

.cart-image-wrap{
    width:150px;
    height:150px;
    border-radius:26px;
    background:#090909;
    display:flex;
    align-items:center;
    justify-content:center;
}

.cart-image-wrap img{
    width:90%;
    height:90%;
    object-fit:contain;
}

.cart-product-info span{
    color:#D4AF37;
    font-size:12px;
    letter-spacing:1.5px;
    text-transform:uppercase;
}

.cart-product-info h2{
    font-family:'Playfair Display',serif;
    font-size:34px;
    margin:8px 0;
    color:#F9F7F2;
}

.cart-product-info p{
    color:#AFA79A;
    margin:0;
}

.cart-qty{
    display:flex;
    width:145px;
    margin-top:20px;
    border:1px solid rgba(212,175,55,.24);
    border-radius:999px;
    overflow:hidden;
}

.cart-qty button,
.cart-qty input{
    width:48px;
    height:44px;
    border:0;
    background:#111;
    color:#F9F7F2;
    text-align:center;
    font-size:15px;
}

.cart-qty button{
    cursor:pointer;
    transition:.3s ease;
}

.cart-qty button:hover{
    background:rgba(212,175,55,.12);
    color:#D4AF37;
}

.cart-price-box{
    text-align:right;
}

.cart-price-box strong{
    display:block;
    font-size:28px;
    color:#F9F7F2;
}

.cart-price-box del{
    display:block;
    color:#777;
    font-size:14px;
    margin-top:4px;
}

.cart-price-box button{
    margin-top:14px;
    border:0;
    background:transparent;
    color:#D4AF37;
    font-size:13px;
    cursor:pointer;
    opacity:.75;
}

.cart-price-box button:hover{
    opacity:1;
}

.mx-cart-summary{
    position:sticky;
    top:28px;
    padding:34px;
    border-radius:34px;
    background:linear-gradient(180deg,#151515,#0E0E0E);
    border:1px solid rgba(212,175,55,.15);
    box-shadow:0 30px 90px rgba(0,0,0,.38);
}

.mx-cart-summary h3{
    font-family:'Playfair Display',serif;
    font-size:32px;
    margin:10px 0 26px;
}

.summary-lines p,
.cart-total{
    display:flex;
    justify-content:space-between;
    gap:20px;
    color:#BEB6A8;
    line-height:1.7;
}

.mx-cart-summary strong{
    color:#F9F7F2;
}

.free-text,
#cartDiscount{
    color:#D4AF37 !important;
}

.mx-cart-summary hr{
    border:0;
    border-top:1px solid rgba(212,175,55,.14);
    margin:26px 0;
}

.cart-total strong{
    color:#D4AF37;
    font-size:28px;
}

.cart-note{
    display:block !important;
    margin:24px 0;
    color:#D8C99A !important;
    font-size:13px;
    line-height:1.8;
}

.cart-checkout-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    padding:17px 22px;
    border-radius:999px;
    background:#D4AF37;
    color:#0B0B0B;
    text-decoration:none;
    font-weight:700;
    letter-spacing:.35px;
    transition:transform .35s ease, box-shadow .35s ease;
}

.cart-checkout-btn:hover{
    transform:translateY(-5px);
    box-shadow:0 18px 42px rgba(212,175,55,.28);
}

.cart-continue{
    display:block;
    text-align:center;
    margin-top:18px;
    color:#D4AF37;
    text-decoration:none;
    font-size:14px;
    transition:opacity .35s ease, transform .35s ease;
}

.cart-continue:hover{
    opacity:.75;
    transform:translateY(-2px);
}

.empty-cart{
    padding:44px;
    border-radius:34px;
    background:linear-gradient(180deg,#151515,#0E0E0E);
    border:1px solid rgba(212,175,55,.14);
}

.empty-cart h2{
    font-family:'Playfair Display',serif;
    font-size:42px;
}

.empty-cart p{
    color:#AFA79A;
}

.empty-cart a{
    display:inline-flex;
    margin-top:18px;
    padding:14px 22px;
    border-radius:999px;
    background:#D4AF37;
    color:#0B0B0B;
    text-decoration:none;
    font-weight:700;
}

@media(max-width:900px){

    .mx-cart-page{
        padding:92px 18px 60px;
    }

    .mx-cart-layout{
        grid-template-columns:1fr;
    }

    .mx-cart-item{
        grid-template-columns:100px 1fr;
        gap:18px;
        padding:20px;
    }

    .cart-image-wrap{
        width:100px;
        height:100px;
    }

    .cart-product-info h2{
        font-size:26px;
    }

    .cart-price-box{
        grid-column:2;
        text-align:left;
    }

    .mx-cart-summary{
        position:static;
    }
}troke-linejoin:round;

.mx-search-open{
    padding:10px 18px;
    border-radius:999px;
    border:1px solid rgba(212,175,55,.22);
    background:rgba(255,255,255,.03);
    color:#F5F1E8;
    cursor:pointer;
}

.mx-search-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.78);
    backdrop-filter:blur(18px);
    z-index:99999;
    display:none;
    align-items:flex-start;
    justify-content:center;
    padding:90px 18px;
}

.mx-search-overlay.active{
    display:flex;
}

.mx-search-panel{
    width:min(760px,100%);
    background:linear-gradient(180deg,#151515,#0B0B0B);
    border:1px solid rgba(212,175,55,.18);
    border-radius:34px;
    padding:34px;
    box-shadow:0 40px 120px rgba(0,0,0,.65);
    position:relative;
}

.mx-search-close{
    position:absolute;
    top:20px;
    right:22px;
    border:0;
    background:transparent;
    color:#D4AF37;
    font-size:32px;
    cursor:pointer;
}

.mx-search-kicker{
    color:#D4AF37;
    font-size:12px;
    letter-spacing:2px;
    text-transform:uppercase;
}

#mxSearchInput{
    width:100%;
    margin-top:18px;
    padding:20px 22px;
    border-radius:999px;
    border:1px solid rgba(212,175,55,.22);
    background:#090909;
    color:#F9F7F2;
    font-size:16px;
    outline:none;
}

.mx-search-results{
    margin-top:26px;
    display:grid;
    gap:14px;
}

.mx-search-result{
    display:grid;
    grid-template-columns:72px 1fr;
    gap:16px;
    align-items:center;
    padding:16px;
    border-radius:22px;
    background:rgba(255,255,255,.035);
    border:1px solid rgba(212,175,55,.1);
    text-decoration:none;
    color:#F9F7F2;
    transition:.3s ease;
}

.mx-search-result:hover{
    transform:translateY(-3px);
    border-color:rgba(212,175,55,.34);
}

.mx-search-result img{
    width:72px;
    height:72px;
    object-fit:contain;
    border-radius:16px;
    background:#050505;
}

.mx-search-result small{
    color:#D4AF37;
    text-transform:uppercase;
    letter-spacing:1px;
    font-size:11px;
}

.mx-search-result h3{
    margin:4px 0;
    font-family:'Playfair Display',serif;
    font-size:22px;
}

.mx-search-result p{
    margin:0;
    color:#AFA79A;
    font-size:13px;
}

.mx-search-empty{
    color:#AFA79A;
    padding:18px;
}.mx-cart-icon{
    position:relative;

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

    width:44px;
    height:44px;

    border-radius:50%;

    border:1px solid rgba(212,175,55,.28);

    background:rgba(255,255,255,.03);

    color:#D4AF37;

    text-decoration:none;

    margin-left:12px;

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

.mx-cart-icon:hover{
    transform:translateY(-2px);

    border-color:rgba(212,175,55,.48);

    background:rgba(212,175,55,.06);
}

.mx-cart-icon svg{
    width:20px;
    height:20px;

    display:block;
}

.mx-cart-icon span{
    position:absolute;

    top:-6px;
    right:-6px;

    min-width:18px;
    height:18px;

    padding:0 5px;

    border-radius:999px;

    background:#D4AF37;

    color:#0B0B0B;

    font-size:11px;

    font-weight:700;

    display:flex;
    align-items:center;
    justify-content:center;
}.mx-media-slider{
    display:flex;

    gap:18px;

    overflow-x:auto;

    scroll-snap-type:x mandatory;

    scroll-behavior:smooth;

    -webkit-overflow-scrolling:touch;

    scrollbar-width:none;
}

.mx-media-slider::-webkit-scrollbar{
    display:none;
}

.mx-media-slide{
    min-width:100%;

    scroll-snap-align:start;

    border-radius:28px;

    overflow:hidden;

    background:#080808;

    position:relative;
}

.mx-media-slide img,
.mx-media-slide video{
    width:100%;

    display:block;

    object-fit:cover;

    border-radius:28px;
}

/* video */

.mx-media-slide video{
    aspect-ratio:1/1;

    background:#000;
}

/* dots */

.mx-slider-dots{
    display:flex;

    justify-content:center;

    gap:10px;

    margin-top:18px;
}

.mx-slider-dots button{
    width:9px;
    height:9px;

    border-radius:50%;

    border:0;

    background:rgba(212,175,55,.28);

    cursor:pointer;

    transition:.3s ease;
}

.mx-slider-dots button.active{
    width:28px;

    border-radius:999px;

    background:#D4AF37;
}.mx-media-arrows{
    display:flex;
    justify-content:center;
    gap:14px;

    margin-top:18px;
}

.mx-media-arrows button{
    width:46px;
    height:46px;

    border-radius:50%;

    border:1px solid rgba(212,175,55,.28);

    background:rgba(255,255,255,.03);

    color:#D4AF37;

    font-size:18px;

    cursor:pointer;

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

.mx-media-arrows button:hover{
    transform:translateY(-2px);

    border-color:rgba(212,175,55,.52);

    background:rgba(212,175,55,.06);
}.mx-order-card-btn{
    position:relative;

    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    width:100%;

    min-height:58px;

    padding:16px 22px;

    border-radius:999px;

    border:1px solid rgba(212,175,55,.22);

    background:
    linear-gradient(
        180deg,
        rgba(212,175,55,.12),
        rgba(212,175,55,.04)
    );

    color:#D4AF37;

    font-size:15px;
    font-weight:700;
    letter-spacing:.3px;

    cursor:pointer;

    overflow:hidden;

    transition:
    transform .35s ease,
    border-color .35s ease,
    box-shadow .35s ease,
    background .35s ease;
}

.mx-order-card-btn svg{
    transition:
    transform .35s ease;
}

.mx-order-card-btn:hover{
    transform:translateY(-4px);

    border-color:rgba(212,175,55,.42);

    background:
    linear-gradient(
        180deg,
        rgba(212,175,55,.18),
        rgba(212,175,55,.06)
    );

    box-shadow:
    0 18px 40px rgba(212,175,55,.12);
}

.mx-order-card-btn:hover svg{
    transform:translateX(4px);
}

.mx-order-card-btn:active{
    transform:scale(.98);
}.mx-order-btn{
    appearance:none;
    -webkit-appearance:none;

    border:none;
    outline:none;

    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;

    padding:16px 28px;

    min-height:58px;

    border-radius:999px;

    background:
    linear-gradient(
        180deg,
        #D4AF37,
        #B68D1F
    );

    color:#0B0B0B;

    font-size:15px;
    font-weight:700;
    letter-spacing:.4px;

    cursor:pointer;

    transition:
    transform .35s ease,
    box-shadow .35s ease,
    opacity .35s ease;

    box-shadow:
    0 14px 34px rgba(212,175,55,.22);
}

.mx-order-btn svg{
    transition:transform .35s ease;
}

.mx-order-btn:hover{
    transform:translateY(-4px);

    box-shadow:
    0 20px 46px rgba(212,175,55,.28);
}

.mx-order-btn:hover svg{
    transform:translateX(4px);
}

.mx-order-btn:active{
    transform:scale(.98);
}.mx-luxury-order-btn{
    all:unset !important;

    display:inline-flex !important;

    align-items:center !important;

    justify-content:center !important;

    gap:12px !important;

    padding:16px 30px !important;

    border-radius:999px !important;

    background:
    linear-gradient(
        180deg,
        #D4AF37 0%,
        #B9901F 100%
    ) !important;

    color:#0B0B0B !important;

    font-size:15px !important;

    font-weight:700 !important;

    letter-spacing:.4px !important;

    cursor:pointer !important;

    transition:
    transform .35s ease,
    box-shadow .35s ease !important;

    box-shadow:
    0 14px 34px rgba(212,175,55,.22) !important;
}

.mx-luxury-order-btn svg{
    transition:
    transform .35s ease !important;
}

.mx-luxury-order-btn:hover{
    transform:
    translateY(-4px) !important;

    box-shadow:
    0 22px 46px rgba(212,175,55,.30) !important;
}

.mx-luxury-order-btn:hover svg{
    transform:
    translateX(4px) !important;
}

.mx-luxury-order-btn:active{
    transform:
    scale(.98) !important;
}.mx-simple-order-btn{
    border:none;
    outline:none;

    padding:16px 30px;

    border-radius:999px;

    background:linear-gradient(
        180deg,
        #D4AF37,
        #B9901F
    );

    color:#0B0B0B;

    font-size:15px;
    font-weight:700;
    letter-spacing:.4px;

    cursor:pointer;

    transition:
    transform .35s ease,
    box-shadow .35s ease;

    box-shadow:
    0 14px 34px rgba(212,175,55,.22);
}

.mx-simple-order-btn:hover{
    transform:translateY(-4px);

    box-shadow:
    0 22px 46px rgba(212,175,55,.30);
}

.mx-simple-order-btn:active{
    transform:scale(.98);
}/* PREMIUM BUTTON FEEL FIX */

button,
.mx-simple-order-btn,
.order-btn{

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

    border:none !important;
    outline:none !important;

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

    min-height:58px !important;

    padding:16px 30px !important;

    border-radius:999px !important;

    background:
    linear-gradient(
        180deg,
        #D4AF37 0%,
        #B9901F 100%
    ) !important;

    color:#0B0B0B !important;

    font-size:15px !important;
    font-weight:700 !important;
    letter-spacing:.4px !important;

    cursor:pointer !important;

    transition:
    transform .35s ease,
    box-shadow .35s ease,
    opacity .35s ease !important;

    box-shadow:
    0 14px 34px rgba(212,175,55,.22) !important;
}

button:hover,
.mx-simple-order-btn:hover,
.order-btn:hover{

    transform:
    translateY(-4px) !important;

    box-shadow:
    0 22px 46px rgba(212,175,55,.30) !important;
}

button:active,
.mx-simple-order-btn:active,
.order-btn:active{

    transform:
    scale(.98) !important;
}/* SEARCH BAR PREMIUM ANIMATION */

.header-search,
.search-bar,
.search-box,
.nav-search{

    transition:
    transform .35s ease,
    box-shadow .35s ease,
    border-color .35s ease,
    background .35s ease !important;
}

.header-search:hover,
.search-bar:hover,
.search-box:hover,
.nav-search:hover{

    transform:
    translateY(-2px) !important;

    box-shadow:
    0 12px 34px rgba(212,175,55,.12) !important;

    border-color:
    rgba(212,175,55,.32) !important;
}

.header-search:focus-within,
.search-bar:focus-within,
.search-box:focus-within,
.nav-search:focus-within{

    transform:
    translateY(-2px) scale(1.01) !important;

    border-color:
    rgba(212,175,55,.52) !important;

    box-shadow:
    0 18px 44px rgba(212,175,55,.18) !important;
}

/* INPUT */

.header-search input,
.search-bar input,
.search-box input,
.nav-search input{

    transition:
    letter-spacing .35s ease,
    color .35s ease !important;
}

.header-search input:focus,
.search-bar input:focus,
.search-box input:focus,
.nav-search input:focus{

    letter-spacing:
    .3px !important;

    color:
    #F9F7F2 !important;
}/* SIDR MEDIA CENTER FIX */

.mx-media-stage{
    width:100%;
    overflow:hidden;
}

.mx-media-track{
    display:flex !important;
    width:100% !important;
    overflow-x:auto !important;
    scroll-snap-type:x mandatory !important;
    scroll-behavior:smooth !important;
    scrollbar-width:none !important;
}

.mx-media-track::-webkit-scrollbar{
    display:none !important;
}

.mx-media-slide{
    flex:0 0 100% !important;
    min-width:100% !important;
    width:100% !important;

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

    scroll-snap-align:center !important;
}

.mx-media-slide img,
.mx-media-slide video{
    width:100% !important;
    height:100% !important;
    max-width:100% !important;

    object-fit:contain !important;
    object-position:center !important;

    display:block !important;
    margin:0 auto !important;
}