/*=========================
 RESET
=========================*/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html {
    scroll-behavior: smooth;
}
body {
    font-family: 'Poppins', sans-serif;
    background: #0e0e0e;
    color: #fff;
    overflow-x: hidden;
}
/*=========================
 CONTAINER
=========================*/
.container {
    width: 90%;
    max-width: 1350px;
    margin: auto;
}
/*=========================
 NAVBAR
=========================*/
.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 20px 0;
    transition: .4s;
    z-index: 999;
}
.header.scrolled {
    background: rgba(10, 10, 10, .82);
    backdrop-filter: blur(18px);
    padding: 12px 0;
    box-shadow: 0 10px 35px rgba(0, 0, 0, .35);
}
.reveal {
    opacity: 0;
    transform: translateY(70px);
    transition: 1s;
}
.reveal.active {
    opacity: 1;
    transform: none;
}
.nav-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: rgba(18, 18, 18, .55);
    backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 215, 120, .18);
    border-radius: 70px;
    padding: 15px 35px;
}
/* Logo */
.logo {
    display: flex;
    align-items: center;
    text-decoration: none;
}
.logo-icon {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: linear-gradient(135deg, #FFE39A, #C68D16);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #111;
    font-size: 26px;
    font-weight: 700;
    margin-right: 15px;
}
.logo-text h2 {
    font-family: 'Cormorant Garamond', serif;
    letter-spacing: 4px;
    color: #fff;
}
.logo-text span {
    color: #D4AF37;
    letter-spacing: 5px;
    font-size: 11px;
}
/* Menu */
.menu {
    display: flex;
    list-style: none;
    gap: 35px;
}
.menu a {
    text-decoration: none;
    color: #fff;
    transition: .35s;
    position: relative;
}
.menu a:hover {
    color: #D4AF37;
}
.menu a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 0;
    height: 2px;
    background: #D4AF37;
    transition: .35s;
}
.menu a:hover::after {
    width: 100%;
}
/* Buttons */
.btn-primary {
    display: inline-block;
    text-decoration: none;
    padding: 14px 30px;
    border-radius: 50px;
    background: linear-gradient(135deg, #FFE39A, #C68D16);
    color: #111;
    font-weight: 600;
    transition: .35s;
}
.btn-primary:hover {
    transform: translateY(-4px);
    box-shadow: 0 15px 35px rgba(212, 175, 55, .35);
}
.btn-secondary {
    display: inline-block;
    text-decoration: none;
    padding: 14px 30px;
    border-radius: 50px;
    border: 1px solid rgba(255, 255, 255, .25);
    color: #fff;
    margin-left: 15px;
    transition: .35s;
}
.btn-secondary:hover {
    background: #fff;
    color: #111;
}
/*=========================
 HERO
=========================*/
.hero {
    min-height: 100vh;
    background: url("https://images.unsplash.com/photo-1513694203232-719a280e022f?auto=format&fit=crop&w=2000&q=80");
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
    align-items: center;
}
.hero-overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg,
            rgba(0, 0, 0, .82) 0%,
            rgba(0, 0, 0, .55) 38%,
            rgba(0, 0, 0, .20) 100%);
    z-index: 2;
}
.hero-content {
    position: relative;
    z-index: 30;
    /* max-width: 540px; */
    width: 100%;
    margin-left: 160px;
    /* ← Isse text andar aa jayega */
}
.tag {
    display: inline-block;
    padding: 10px 22px;
    border-radius: 40px;
    border: 1px solid rgba(212, 175, 55, .35);
    color: #D4AF37;
    margin-bottom: 25px;
}
.hero h1 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 72px;
    line-height: 1.05;
    margin-bottom: 30px;
}
.hero p {
    color: #ddd;
    line-height: 1.9;
    margin-bottom: 40px;
}
.hero-right img {
    width: 100%;
    border-radius: 20px;
    animation: float 5s ease-in-out infinite;
}
@keyframes float {
    50% {
        transform: translateY(-12px);
    }
}
/*=========================
 TRUST
=========================*/
.trust {
    background: #151515;
    padding: 80px 0;
}
.trust-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}
.trust-grid div {
    text-align: center;
    border: 1px solid rgba(255, 215, 120, .12);
    padding: 35px;
    border-radius: 15px;
    transition: .35s;
}
.trust-grid div:hover {
    transform: translateY(-8px);
    border-color: #D4AF37;
}
.trust h3 {
    color: #D4AF37;
    font-size: 40px;
    margin-bottom: 10px;
}
.trust p {
    color: #bbb;
}
/*=========================
 RESPONSIVE
=========================*/
@media(max-width:992px) {
    .hero-content {
        grid-template-columns: 1fr;
        text-align: center;
    }
    .hero h1 {
        font-size: 48px;
    }
    .menu {
        display: none;
    }
    .trust-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media(max-width:600px) {
    .trust-grid {
        grid-template-columns: 1fr;
    }
    .hero {
        padding-top: 130px;
    }
    .hero h1 {
        font-size: 40px;
    }
    .btn-secondary {
        margin-top: 15px;
        margin-left: 0;
        display: block;
    }
}
/*==========================
ABOUT
===========================*/
.section {
    padding: 120px 0;
}
.about-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 70px;
    align-items: center;
}
.about-image {
    position: relative;
}
.about-image img {
    width: 100%;
    border-radius: 18px;
    display: block;
}
.experience-box {
    position: absolute;
    left: -30px;
    bottom: 30px;
    background: #D4AF37;
    color: #111;
    padding: 30px;
    border-radius: 18px;
    text-align: center;
    box-shadow: 0 20px 40px rgba(0, 0, 0, .35);
}
.experience-box h2 {
    font-size: 42px;
}
.section-tag {
    color: #D4AF37;
    letter-spacing: 3px;
    font-size: 14px;
}
.about-content h2 {
    font-size: 52px;
    margin: 20px 0;
    font-family: 'Cormorant Garamond', serif;
}
.about-content p {
    color: #cfcfcf;
    line-height: 1.9;
}
.about-features {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin: 35px 0;
}
.about-features div {
    background: #171717;
    border: 1px solid rgba(255, 215, 120, .15);
    border-radius: 12px;
    padding: 18px;
    transition: .35s;
}
.about-features div:hover {
    transform: translateY(-6px);
    border-color: #D4AF37;
}
@media(max-width:991px) {
    .about-wrapper {
        grid-template-columns: 1fr;
    }
    .experience-box {
        position: relative;
        left: 0;
        bottom: 0;
        margin-top: 20px;
        display: inline-block;
    }
    .about-features {
        grid-template-columns: 1fr;
    }
}
/*==========================
CATEGORIES
===========================*/
.section-heading {
    text-align: center;
    margin-bottom: 70px;
}
.section-heading span {
    color: #D4AF37;
    letter-spacing: 4px;
    font-size: 14px;
}
.section-heading h2 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 56px;
    margin: 15px 0;
}
.section-heading p {
    color: #bfbfbf;
}
.category-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}
.category-card {
    position: relative;
    overflow: hidden;
    border-radius: 18px;
    /* height: 420px; */
    height: auto;
    cursor: pointer;
}
.category-card img {
    width: 100%;
    height: 100%;
    /* object-fit: cover; */
    object-fit: contain;
    transition: .8s;
}
.category-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, .85), transparent);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 40px;
}
.category-overlay h3 {
    font-size: 34px;
    font-family: 'Cormorant Garamond', serif;
    margin-bottom: 10px;
}
.category-overlay a {
    color: #D4AF37;
    text-decoration: none;
    transition: .35s;
}
.category-card:hover img {
    transform: scale(1.12);
}
.category-card:hover a {
    letter-spacing: 2px;
}
@media(max-width:991px) {
    .category-grid {
        grid-template-columns: 1fr;
    }
}
/*==========================
PRODUCTS
===========================*/
.slider-header {
    display: flex;
    justify-content: flex-end;
    gap: 15px;
    margin-bottom: 30px;
}
.slider-btn {
    width: 55px;
    height: 55px;
    border: none;
    background: #1a1a1a;
    color: #D4AF37;
    font-size: 22px;
    border-radius: 50%;
    cursor: pointer;
    transition: .35s;
}
.slider-btn:hover {
    background: #D4AF37;
    color: #111;
}
.product-slider {
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    gap: 30px;
    padding-bottom: 15px;
}
.product-slider::-webkit-scrollbar {
    display: none;
}
.product-card {
    width: 100%;
    min-width: 260px;
    background: #171717;
    border-radius: 18px;
    overflow: hidden;
    transition: .35s;
    flex-shrink: 0;
    border: 1px solid rgba(255, 215, 120, .12);
}
.product-card:hover {
    transform: translateY(-12px);
    border-color: #D4AF37;
}
.product-card img {
    width: 100%;
    height: auto;
    object-fit: cover;
    transition: .7s;
}
.product-card:hover img {
    transform: scale(1.08);
}
.product-info {
    padding: 25px;
}
.product-info small {
    color: #D4AF37;
}
.product-info h3 {
    margin: 15px 0;
    font-size: 30px;
    font-family: 'Cormorant Garamond', serif;
}
.stars {
    color: #FFD700;
    margin-bottom: 18px;
}
.product-info a {
    text-decoration: none;
    color: #fff;
    transition: .35s;
}
.product-info a:hover {
    color: #D4AF37;
    letter-spacing: 1px;
}
/*=================================
CRAFTSMANSHIP
==================================*/
.craftsmanship {
    position: relative;
    padding: 170px 0;
    background: url("https://images.unsplash.com/photo-1513694203232-719a280e022f?auto=format&fit=crop&w=2000&q=80");
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    overflow: hidden;
}
.craft-overlay {
    position: absolute;
    inset: 0;
    background: rgba(8, 8, 8, .72);
}
.craft-content {
    position: relative;
    z-index: 2;
    text-align: center;
    max-width: 950px;
}
.craft-content span {
    color: #D4AF37;
    letter-spacing: 5px;
    font-size: 14px;
}
.craft-content h2 {
    font-size: 68px;
    font-family: 'Cormorant Garamond', serif;
    margin: 25px 0;
    line-height: 1.1;
}
.craft-content p {
    font-size: 18px;
    line-height: 1.9;
    color: #d2d2d2;
    margin-bottom: 50px;
}
.craft-features {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-bottom: 60px;
}
.craft-features div {
    background: rgba(255, 255, 255, .05);
    backdrop-filter: blur(10px);
    padding: 35px;
    border-radius: 18px;
    border: 1px solid rgba(255, 215, 120, .12);
    transition: .35s;
}
.craft-features div:hover {
    transform: translateY(-10px);
    border-color: #D4AF37;
    background: rgba(255, 255, 255, .08);
}
.craft-features h3 {
    margin-bottom: 15px;
    font-family: 'Cormorant Garamond', serif;
    font-size: 32px;
}
@media(max-width:991px) {
    .craft-features {
        grid-template-columns: 1fr;
    }
    .craft-content h2 {
        font-size: 44px;
    }
}
/*=================================
WHY CHOOSE
==================================*/
.why {
    background: #101010;
}
.why-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-top: 70px;
}
.why-card {
    background: rgba(255, 255, 255, .04);
    backdrop-filter: blur(15px);
    padding: 45px 35px;
    border-radius: 20px;
    border: 1px solid rgba(255, 215, 120, .10);
    transition: .4s;
    position: relative;
    overflow: hidden;
}
.why-card::before {
    content: "";
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg,
            transparent,
            rgba(212, 175, 55, .12),
            transparent);
    transition: .8s;
}
.why-card:hover::before {
    left: 100%;
}
.why-card:hover {
    transform: translateY(-12px);
    border-color: #D4AF37;
    box-shadow: 0 20px 50px rgba(212, 175, 55, .18);
}
.why-icon {
    font-size: 48px;
    margin-bottom: 25px;
}
.why-card h3 {
    font-size: 30px;
    margin-bottom: 18px;
    font-family: 'Cormorant Garamond', serif;
}
.why-card p {
    color: #cfcfcf;
    line-height: 1.8;
}
@media(max-width:991px) {
    .why-grid {
        grid-template-columns: 1fr;
    }
}
/*=================================
LUXURY GALLERY
==================================*/
.gallery {
    background: #0d0d0d;
}
.gallery-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 260px;
    gap: 20px;
    margin-top: 70px;
}
.gallery-item {
    position: relative;
    overflow: hidden;
    border-radius: 18px;
    cursor: pointer;
}
.gallery-item.large {
    grid-column: span 2;
    grid-row: span 2;
}
.gallery-item.wide {
    grid-column: span 2;
}
.gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .8s;
}
.gallery-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 30px;
    background: linear-gradient(to top, rgba(0, 0, 0, .8), transparent);
    opacity: 0;
    transition: .45s;
}
.gallery-item:hover img {
    transform: scale(1.12);
}
.gallery-item:hover .gallery-overlay {
    opacity: 1;
}
.gallery-overlay h3 {
    font-size: 34px;
    font-family: 'Cormorant Garamond', serif;
    margin-bottom: 10px;
}
.gallery-overlay a {
    color: #D4AF37;
    text-decoration: none;
}
@media(max-width:991px) {
    .gallery-grid {
        grid-template-columns: 1fr;
        grid-auto-rows: 300px;
    }
    .gallery-item.large,
    .gallery-item.wide {
        grid-column: auto;
        grid-row: auto;
    }
}
/*=================================
TESTIMONIALS
==================================*/
.testimonials {
    background: #121212;
}
.testimonial-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-top: 70px;
}
.testimonial-card {
    background: #181818;
    padding: 40px;
    border-radius: 20px;
    border: 1px solid rgba(255, 215, 120, .12);
    transition: .4s;
}
.testimonial-card:hover {
    transform: translateY(-10px);
    border-color: #D4AF37;
    box-shadow: 0 25px 60px rgba(212, 175, 55, .15);
}
.client {
    display: flex;
    align-items: center;
    margin-top: 30px;
}
.client img {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    margin-right: 15px;
    object-fit: cover;
}
.client h4 {
    margin-bottom: 5px;
}
.client span {
    color: #bbb;
    font-size: 14px;
}
/*=================================
BRANDS
==================================*/
.brands {
    overflow: hidden;
    padding: 45px 0;
    background: #0b0b0b;
    border-top: 1px solid rgba(255, 215, 120, .10);
    border-bottom: 1px solid rgba(255, 215, 120, .10);
}
.brand-track {
    display: flex;
    gap: 80px;
    width: max-content;
    animation: scrollBrands 28s linear infinite;
}
.brand-track span {
    font-size: 28px;
    font-family: 'Cormorant Garamond', serif;
    letter-spacing: 2px;
    color: #D4AF37;
    white-space: nowrap;
}
@keyframes scrollBrands {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}
@media(max-width:991px) {
    .testimonial-grid {
        grid-template-columns: 1fr;
    }
}
/*==========================
NEWSLETTER
===========================*/
.contact-newsletter {
    padding: 120px 0;
    background: #0f0f0f;
}
.newsletter-box {
    background: linear-gradient(135deg, #181818, #252018);
    padding: 70px;
    border-radius: 25px;
    text-align: center;
    margin-bottom: 100px;
    border: 1px solid rgba(212, 175, 55, .15);
}
.newsletter-box span {
    color: #D4AF37;
    letter-spacing: 4px;
}
.newsletter-box h2 {
    font-size: 58px;
    margin: 25px 0;
    font-family: 'Cormorant Garamond', serif;
}
.newsletter-box p {
    max-width: 700px;
    margin: auto;
    line-height: 1.9;
    color: #cfcfcf;
}
.newsletter-form {
    display: flex;
    justify-content: center;
    margin-top: 40px;
    gap: 15px;
}
.newsletter-form input {
    width: 450px;
    padding: 18px;
    background: #111;
    border: 1px solid #333;
    color: #fff;
    border-radius: 60px;
}
.newsletter-form button {
    padding: 18px 35px;
    background: #D4AF37;
    border: none;
    border-radius: 60px;
    font-weight: bold;
    cursor: pointer;
}
/*==========================
CONTACT
===========================*/
.contact-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: start;
}
.contact-info span {
    color: #D4AF37;
    letter-spacing: 4px;
}
.contact-info h2 {
    font-size: 58px;
    margin: 20px 0 40px;
    font-family: 'Cormorant Garamond', serif;
}
.info {
    margin-bottom: 30px;
}
.info h4 {
    margin-bottom: 8px;
}
.info p {
    color: #bbb;
}
.contact-form {
    background: #181818;
    padding: 40px;
    border-radius: 20px;
    border: 1px solid rgba(212, 175, 55, .12);
}
.contact-form input,
.contact-form textarea {
    width: 100%;
    padding: 18px;
    margin-bottom: 18px;
    background: #111;
    border: 1px solid #333;
    color: #fff;
    border-radius: 10px;
}
.contact-form button {
    width: 100%;
    padding: 18px;
    background: #D4AF37;
    border: none;
    font-weight: bold;
    cursor: pointer;
    border-radius: 10px;
    transition: .35s;
}
.contact-form button:hover {
    background: #f0c755;
}
@media(max-width:991px) {
    .contact-grid {
        grid-template-columns: 1fr;
    }
    .newsletter-form {
        flex-direction: column;
    }
    .newsletter-form input {
        width: 100%;
    }
    .newsletter-box h2,
    .contact-info h2 {
        font-size: 42px;
    }
}
/*==========================
FOOTER
===========================*/
.footer {
    background: #090909;
    padding: 90px 0 50px;
    border-top: 1px solid rgba(212, 175, 55, .10);
}
.footer-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1.5fr;
    gap: 60px;
}
.footer-logo {
    font-size: 44px;
    font-family: 'Cormorant Garamond', serif;
    color: #D4AF37;
    margin-bottom: 20px;
}
.footer p {
    line-height: 1.8;
    color: #bbb;
}
.footer h3 {
    margin-bottom: 20px;
    font-size: 24px;
    font-family: 'Cormorant Garamond', serif;
}
.footer ul {
    list-style: none;
}
.footer ul li {
    margin-bottom: 15px;
}
.footer ul li a {
    text-decoration: none;
    color: #bbb;
    transition: .3s;
}
.footer ul li a:hover {
    color: #D4AF37;
    padding-left: 6px;
}
.socials {
    margin-top: 20px;
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}
.socials a {
    text-decoration: none;
    color: #D4AF37;
}
/*==========================
COPYRIGHT
===========================*/
.copyright {
    background: #050505;
    border-top: 1px solid rgba(212, 175, 55, .10);
    padding: 20px 0;
}
.copyright-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.copyright p {
    color: #888;
    font-size: 14px;
}
.copyright span {
    color: #D4AF37;
    font-weight: 600;
}
@media(max-width:991px) {
    .footer-grid {
        grid-template-columns: 1fr;
    }
    .copyright-flex {
        flex-direction: column;
        gap: 12px;
        text-align: center;
    }
}
/*==========================
PRELOADER
===========================*/
#preloader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #050505;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999999;
    transition: 1s;
}
.loader-logo {
    text-align: center;
}
.loader-logo span {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: linear-gradient(135deg, #D4AF37, #f4d97b);
    color: #111;
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 25px;
    animation: pulse 1.5s infinite;
}
.loader-logo h2 {
    font-size: 40px;
    letter-spacing: 6px;
    margin-bottom: 10px;
    font-family: 'Cormorant Garamond', serif;
}
.loader-logo p {
    color: #bdbdbd;
    letter-spacing: 3px;
    font-size: 14px;
}
@keyframes pulse {
    50% {
        transform: scale(1.08);
        box-shadow: 0 0 35px rgba(212, 175, 55, .45);
    }
}
/*==========================
SCROLL BAR
===========================*/
#progressBar {
    position: fixed;
    top: 0;
    left: 0;
    height: 4px;
    width: 0;
    background: linear-gradient(to right, #D4AF37, #FFE08A);
    z-index: 99999;
}
/*==========================
CURSOR
===========================*/
.cursor {
    position: fixed;
    width: 8px;
    height: 8px;
    background: #D4AF37;
    border-radius: 50%;
    pointer-events: none;
    z-index: 99999;
    transform: translate(-50%, -50%);
}
.cursor2 {
    position: fixed;
    width: 40px;
    height: 40px;
    border: 1px solid #D4AF37;
    border-radius: 50%;
    pointer-events: none;
    z-index: 99998;
    transform: translate(-50%, -50%);
    transition: .08s;
}
a:hover~.cursor2 {
    transform: scale(1.6);
}
/*==========================
HERO SLIDER
===========================*/
.hero {
    overflow: hidden;
}
.hero-slider {
    position: absolute;
    inset: 0;
    z-index: 0;
}
@keyframes zoomHero {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(1.15);
    }
}
/*==========================
BUTTON SHINE
===========================*/
.btn-primary {
    position: relative;
    overflow: hidden;
}
.btn-primary::before {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 60px;
    height: 100%;
    background: rgba(255, 255, 255, .35);
    transform: skewX(-25deg);
    transition: 0s;
}
.btn-primary:hover::before {
    left: 140%;
    transition: .9s;
}
.product-card {
    transform-style: preserve-3d;
    perspective: 1000px;
    transition: .35s;
}
.product-card:hover {
    transform:
        rotateX(4deg) rotateY(-6deg) translateY(-12px);
}
.hero-light {
    position: absolute;
    width: 350px;
    height: 350px;
    border-radius: 50%;
    background: radial-gradient(rgba(212, 175, 55, .20),
            transparent 70%);
    pointer-events: none;
    transform: translate(-50%, -50%);
    transition: .08s;
    z-index: 2;
}
.gallery-item {
    position: relative;
    overflow: hidden;
}
.gallery-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 70px;
    height: 100%;
    background: rgba(255, 255, 255, .28);
    transform: skewX(-25deg);
    z-index: 2;
}
.gallery-item:hover::before {
    left: 140%;
    transition: 1s;
}
.divider {
    width: 140px;
    height: 2px;
    background: linear-gradient(to right,
            transparent,
            #D4AF37,
            transparent);
    margin: 40px auto;
}
.whatsapp {
    position: fixed;
    right: 30px;
    bottom: 30px;
    width: 60px;
    height: 60px;
    background: #25D366;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 30px;
    z-index: 999;
    animation: pulseWhatsapp 2s infinite;
    box-shadow: 0 10px 30px rgba(37, 211, 102, .35);
}
.whatsapp svg {
    width: 45px;
    height: 45px;
    fill: #fff;
}
@keyframes pulseWhatsapp {
    50% {
        transform: scale(1.08);
    }
}
::selection {
    background: #D4AF37;
    color: #111;
}
/*==========================
QUICK VIEW
===========================*/
.quick-view-btn {
    position: absolute;
    left: 50%;
    bottom: 25px;
    transform: translateX(-50%);
    padding: 12px 25px;
    background: #D4AF37;
    border: none;
    border-radius: 40px;
    font-weight: 600;
    cursor: pointer;
    opacity: 0;
    transition: .35s;
    z-index: 5;
}
.product-card {
    position: relative;
}
.product-card:hover .quick-view-btn {
    opacity: 1;
    bottom: 35px;
}
.product-modal {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .75);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 999999;
    backdrop-filter: blur(8px);
}
.modal-box {
    width: 90%;
    max-width: 1100px;
    background: #151515;
    border-radius: 25px;
    padding: 45px;
    position: relative;
    animation: popup .4s;
}
@keyframes popup {
    from {
        transform: scale(.85);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}
.modal-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    align-items: center;
}
.modal-grid img {
    width: 100%;
    border-radius: 20px;
    height: 550px;
    object-fit: cover;
}
.modal-grid h2 {
    font-size: 52px;
    margin: 20px 0;
    font-family: 'Cormorant Garamond', serif;
}
.modal-grid p {
    line-height: 1.9;
    color: #cfcfcf;
    margin-bottom: 30px;
}
.modal-list {
    margin-bottom: 40px;
    padding-left: 20px;
}
.modal-list li {
    margin-bottom: 15px;
}
.close-modal {
    position: absolute;
    top: 25px;
    right: 30px;
    font-size: 45px;
    cursor: pointer;
    color: #fff;
    transition: .3s;
}
.close-modal:hover {
    color: #D4AF37;
}
@media(max-width:991px) {
    .modal-grid {
        grid-template-columns: 1fr;
    }
    .modal-grid img {
        height: 320px;
    }
    .modal-grid h2 {
        font-size: 38px;
    }
}
/*=================================
MOBILE MENU
==================================*/
.menu-toggle {
    display: none;
    cursor: pointer;
    z-index: 10001;
}
.menu-toggle span {
    display: block;
    width: 32px;
    height: 3px;
    background: #D4AF37;
    margin: 7px 0;
    border-radius: 20px;
    transition: .35s;
}
.mobile-menu {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100vh;
    background: rgba(8, 8, 8, .96);
    backdrop-filter: blur(18px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: .5s;
    z-index: 10000;
}
.mobile-menu.active {
    right: 0;
}
.mobile-menu a {
    font-size: 34px;
    margin: 18px 0;
    text-decoration: none;
    color: #fff;
    font-family: 'Cormorant Garamond', serif;
    transition: .3s;
}
.mobile-menu a:hover {
    color: #D4AF37;
    transform: translateX(10px);
}
.close-menu {
    position: absolute;
    top: 35px;
    right: 40px;
    font-size: 55px;
    cursor: pointer;
    color: #fff;
    transition: .3s;
}
.close-menu:hover {
    color: #D4AF37;
}
@media(max-width:991px) {
    .menu {
        display: none;
    }
    .menu-toggle {
        display: block;
    }
}
/*==========================
LIGHTBOX
===========================*/
.lightbox {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .95);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 999999;
    backdrop-filter: blur(12px);
}
.lightbox img {
    max-width: 88%;
    max-height: 88%;
    border-radius: 18px;
    box-shadow: 0 25px 80px rgba(0, 0, 0, .5);
    animation: zoomIn .35s;
}
@keyframes zoomIn {
    from {
        transform: scale(.8);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}
.lightbox-close {
    position: absolute;
    top: 30px;
    right: 45px;
    font-size: 55px;
    color: #fff;
    cursor: pointer;
    transition: .3s;
}
.lightbox-close:hover {
    color: #D4AF37;
}
.lightbox-prev,
.lightbox-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 60px;
    color: #fff;
    cursor: pointer;
    padding: 20px;
    transition: .3s;
}
.lightbox-prev:hover,
.lightbox-next:hover {
    color: #D4AF37;
}
.lightbox-prev {
    left: 30px;
}
.lightbox-next {
    right: 30px;
}
/*==================================================
LUXURY HERO V2
==================================================*/
.hero {
    position: relative;
    /* min-height: 950px; */
    height: 100vh;
    padding-bottom: 170px;
    /* min-height: 900px; */
    overflow: hidden;
    display: flex;
    align-items: center;
    background: #0b0b0b;
}
/*==========================
BACKGROUND SLIDER
===========================*/
.hero-slider {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.hero-slide {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 1.5s ease;
}
.hero-slide.active {
    opacity: 1;
}
.hero-slide img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transform: scale(1);
    animation: heroZoom 18s linear infinite;
}
@keyframes heroZoom {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.12);
    }
}
/*==========================
CONTENT
===========================*/
.hero-container {
    position: relative;
    z-index: 20;
    width: min(1450px, 92%);
    margin: auto;
    height: 100%;
    display: contents;
    grid-template-columns: 42% 58%;
    align-items: center;
    padding-top: 90px;
}
.hero-tag {
    display: inline-block;
    font-size: 15px;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: #D4AF37;
    margin-bottom: 28px;
}
.hero-content h1 {
    font-size: 88px;
    line-height: .95;
    letter-spacing: -2px;
    margin: 25px 0;
}
.hero-content h1 span {
    display: block;
    color: #D4AF37;
}
.hero-content p {
    font-size: 18px;
    line-height: 1.9;
    color: #d2d2d2;
    margin-bottom: 45px;
    max-width: 560px;
}
/*==========================
BUTTONS
===========================*/
.hero-buttons {
    display: flex;
    gap: 20px;
    align-items: center;
}
.btn-outline {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 16px 34px;
    border-radius: 60px;
    border: 1px solid rgba(212, 175, 55, .45);
    color: #fff;
    text-decoration: none;
    transition: .35s;
}
.btn-outline:hover {
    background: #D4AF37;
    color: #111;
}
/*==========================
PRODUCT
===========================*/
@keyframes floatClock {
    50% {
        transform: translateY(-18px);
    }
}
/*==========================
TEXT ANIMATION
===========================*/
@keyframes fadeLeft {
    from {
        opacity: 0;
        transform: translateX(-60px);
    }
    to {
        opacity: 1;
        transform: none;
    }
}
@keyframes fadeRight {
    from {
        opacity: 0;
        transform: translateX(60px);
    }
    to {
        opacity: 1;
        transform: none;
    }
}
/*=====================================
HERO FEATURE BAR
======================================*/
.hero-features {
    left: 50%;
    transform: translateX(-50%);
    width: min(1450px, 92%);
    bottom: 25px;
}
.feature-item {
    display: flex;
    align-items: center;
    gap: 18px;
}
.feature-icon {
    width: 65px;
    height: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: linear-gradient(135deg, #D4AF37, #f7d46c);
    font-size: 28px;
    color: #111;
    flex-shrink: 0;
}
.feature-item h4 {
    font-size: 20px;
    margin-bottom: 6px;
    font-family: 'Cormorant Garamond', serif;
}
.feature-item p {
    font-size: 14px;
    color: #d0d0d0;
    margin: 0;
}
/*=====================================
SLIDER ARROWS
======================================*/
.hero-prev,
.hero-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 65px;
    height: 65px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    font-size: 28px;
    background: rgba(255, 255, 255, .08);
    backdrop-filter: blur(15px);
    color: #fff;
    transition: .35s;
    z-index: 50;
}
.hero-prev {
    left: 35px;
}
.hero-next {
    right: 35px;
}
.hero-prev:hover,
.hero-next:hover {
    background: #D4AF37;
    color: #111;
    transform: translateY(-50%) scale(1.08);
    box-shadow: 0 15px 40px rgba(212, 175, 55, .35);
}
/*=====================================
PAGINATION
======================================*/
.hero-pagination {
    position: absolute;
    left: 50%;
    bottom: 160px;
    transform: translateX(-50%);
    display: flex;
    gap: 12px;
    z-index: 40;
}
.hero-pagination span {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .35);
    cursor: pointer;
    transition: .35s;
}
.hero-pagination span.active {
    width: 42px;
    border-radius: 50px;
    background: #D4AF37;
}
/*=====================================
HERO LIGHT
======================================*/
.hero::before {
    content: "";
    position: absolute;
    right: -180px;
    top: 120px;
    width: 520px;
    height: 520px;
    background:
        radial-gradient(rgba(212, 175, 55, .22),
            transparent 70%);
    filter: blur(35px);
    z-index: 3;
    pointer-events: none;
}
.hero::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 180px;
    background:
        linear-gradient(to top,
            #0b0b0b,
            transparent);
    z-index: 6;
}
/*=====================================
RESPONSIVE
======================================*/
@media (min-width:992px) {
    .mobile-menu {
        display: none;
    }
}
@media(max-width:1200px) {
    .hero-content h1 {
        font-size: 68px;
    }
    .hero-product img {
        max-width: 520px;
    }
}
@media(max-width:991px) {
    .hero {
        min-height: auto;
        padding: 160px 0 250px;
    }
    .hero-container {
        flex-direction: column;
        text-align: center;
    }
    .hero-content {
        max-width: 100%;
    }
    .hero-buttons {
        justify-content: center;
    }
    .hero-product {
        width: 100%;
        margin-top: 60px;
    }
    .hero-features {
        grid-template-columns: 1fr;
        bottom: 20px;
    }
    .hero-prev,
    .hero-next {
        display: none;
    }
    .hero-pagination {
        bottom: 210px;
    }
}
@media(max-width:576px) {
    .hero-content h1 {
        font-size: 46px;
    }
    .hero-buttons {
        flex-direction: column;
    }
    .btn-primary,
    .btn-outline {
        width: 100%;
        justify-content: center;
    }
    .hero-product img {
        max-width: 320px;
    }
}
.hero {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: relative;
}
.hero-slider {
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
}
.hero-product {
    position: absolute;
    right: -120px;
    top: 52%;
    transform: translateY(-50%);
    width: 760px;
    z-index: 25;
}
.hero-product img {
    width: 90%;
    display: block;
    filter: drop-shadow(0 50px 70px rgba(0, 0, 0, .55));
    animation: floatClock 5s ease-in-out infinite;
}
.hero-product::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -50px;
    transform: translateX(-50%);
    width: 380px;
    height: 70px;
    background: rgba(0, 0, 0, .45);
    filter: blur(35px);
    border-radius: 50%;
}
.hero {
    overflow: hidden;
}
.hero-slider {
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}
/*==========================
BACK TO TOP
===========================*/
.back-to-top {
    position: fixed;
    right: 30px;
    bottom: 110px;
    /* WhatsApp ke upar */
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: linear-gradient(135deg, #FFE39A, #C68D16);
    color: #111;
    text-decoration: none;
    box-shadow: 0 12px 35px rgba(212, 175, 55, .35);
    opacity: 0;
    visibility: hidden;
    transform: translateY(30px);
    transition: .35s;
    z-index: 999;
}
.back-to-top.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.back-to-top:hover {
    transform: translateY(-6px) scale(1.08);
    box-shadow: 0 18px 45px rgba(212, 175, 55, .45);
}
.back-to-top svg {
    width: 28px;
    height: 28px;
}
/* Pulse Animation */
.back-to-top::after {
    content: "";
    position: absolute;
    inset: -6px;
    border-radius: 50%;
    border: 2px solid rgba(212, 175, 55, .35);
    animation: topPulse 2s infinite;
}
@keyframes topPulse {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(1.6);
        opacity: 0;
    }
}
/*=====================================
FEATURED COLLECTION
=====================================*/
.collection-row {
    display: grid;
    /* grid-template-columns: 25% 75%; */
    grid-template-columns: 275px 1fr;
    gap: 25px;
    align-items: center;
    margin-bottom: 70px;
}
.collection-row.reverse {
    grid-template-columns: 75% 25%;
}
.collection-row.reverse .collection-banner {
    order: 2;
}
.collection-row.reverse .collection-slider {
    order: 1;
}
/*=====================================
CATEGORY BANNER
=====================================*/
.collection-banner {
    position: relative;
    height: 508px;
    border-radius: 25px;
    overflow: hidden;
}
.collection-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .5s;
}
.collection-banner:hover img {
    transform: scale(1.08);
}
.banner-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top,
            rgba(0, 0, 0, .85),
            rgba(0, 0, 0, .25));
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 35px;
}
.banner-overlay span {
    color: #D4AF37;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-size: 13px;
}
.banner-overlay h3 {
    color: #fff;
    font-size: 36px;
    margin: 15px 0 30px;
    line-height: 1.2;
}
/*=====================================
PRODUCT CARD
=====================================*/
.product-card {
    width: 100%;
    min-width: 0;
    border-radius: 24px;
    background: #fff;
    overflow: hidden;
    transition: .35s;
    position: relative;
    border: 1px solid #eee;
}
.product-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 25px 55px rgba(0, 0, 0, .12);
}
/*=====================================
DISCOUNT BADGE
=====================================*/
.discount-badge {
    position: absolute;
    top: 15px;
    right: 15px;
    background: #D4AF37;
    color: #111;
    font-size: 13px;
    font-weight: 700;
    padding: 8px 14px;
    border-radius: 50px;
    z-index: 10;
}
/*=====================================
IMAGE
=====================================*/
.product-image {
    height: 320px;
    background: #fafafa;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.product-image img {
    width: 100%;
    transition: .5s;
}
.product-card:hover .product-image img {
    transform: scale(1.08);
}
/*=====================================
CONTENT
=====================================*/
.product-content {
    padding: 28px;
}
.product-content h4 {
    font-size: 18px;
    color: #222;
    line-height: 1.4;
    min-height: 58px;
}
.price {
    margin: 18px 0 20px;
}
.price del {
    color: #999;
    margin-right: 10px;
    font-size: 16px;
}
.price span {
    color: #D4AF37;
    font-size: 24px;
    font-weight: 700;
}
/*=====================================
BUY BUTTON
=====================================*/
.buy-btn {
    display: block;
    width: 80%;
    text-align: center;
    padding: 10px;
    background: #111;
    color: #fff;
    text-decoration: none;
    transition: .35s;
    font-weight: 600;
    height: 45px;
    font-size: 18px;
    border-radius: 60px;
}
.buy-btn:hover {
    background: #D4AF37;
    color: #111;
}
/*=====================================
SWIPER
=====================================*/
.collection-slider {
    width: 100%;
    overflow: hidden;
    min-width: 0;
    max-width: 100%;
}
.collection-slider .swiper-wrapper {
    display: flex;
    align-items: stretch;
}
.swiper-button-prev {
    left: -22px;
}
.swiper-button-next {
    right: -22px;
}
.collection-slider .swiper-button-next,
.collection-slider .swiper-button-prev {
    width: 48px;
    height: 48px;
    background: #fff;
    border-radius: 50%;
    color: #111;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .12);
}
.collection-slider .swiper-button-next:after,
.collection-slider .swiper-button-prev:after {
    font-size: 18px;
    font-weight: bold;
}
.swiper {
    width: 100%;
}
.swiper-slide {
    flex-shrink: 0;
    height: auto;
}
.collection-slider {
    width: 100%;
}
.collection-slider .swiper-wrapper {
    align-items: stretch;
}
.collection-slider .swiper-slide {
    display: flex;
}
/*=====================================
QUICK VIEW MODAL
======================================*/
.quick-view-modal {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .82);
    backdrop-filter: blur(10px);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: .45s;
    z-index: 999999;
    overflow-y:auto;
}
.quick-view-modal.active {
    opacity: 1;
    visibility: visible;
}
.quick-view-wrapper {
    width:min(1200px,100%);
    max-width: 95%;
    max-height:90vh;
    background: #fff;
    border-radius: 28px;
    overflow-y:auto;
    display: grid;
    grid-template-columns: 48% 52%;
    position: relative;
    transform: translateY(60px) scale(.9);
    transition: .45s;
    box-shadow: 0 40px 80px rgba(0, 0, 0, .35);
}
.quick-view-modal.active .quick-view-wrapper {
    transform: translateY(0) scale(1);
}
/*==============================
LEFT
==============================*/
.quick-left {
    background: #f7f7f7;
    padding: 40px;
}
.quick-main-image {
    height: 430px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.quick-main-image img {
    width: 90%;
    transition: .45s;
}
.quick-main-image:hover img {
    transform: scale(1.08);
}
/*==============================
THUMBNAILS
==============================*/
.quick-thumbs {
    display: flex;
    justify-content: center;
    gap: 18px;
    margin-top: 30px;
}
.quick-thumbs img {
    width: 82px;
    height: 82px;
    object-fit: cover;
    background: #fff;
    border-radius: 15px;
    padding: 8px;
    cursor: pointer;
    border: 2px solid transparent;
    transition: .35s;
}
.quick-thumbs img:hover {
    border-color: #D4AF37;
}
.quick-thumbs img.active {
    border-color: #D4AF37;
}
/*==============================
RIGHT
==============================*/
.quick-right {
    padding: 55px;
}
.quick-category {
    color: #D4AF37;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-size: 13px;
}
.quick-right h2 {
    font-size: 36px;
    line-height: 1.15;
    margin: 18px 0;
    color: #111;
    font-family: 'Cormorant Garamond', serif;
}
.quick-rating {
    color: #ffb400;
    margin-bottom: 22px;
    font-size: 18px;
}
.quick-rating span {
    color: #666;
    margin-left: 10px;
}
.quick-price {
    margin-bottom: 30px;
}
.quick-price del {
    color: #999;
    font-size: 22px;
    margin-right: 15px;
}
.quick-price span {
    color: #D4AF37;
    font-size: 40px;
    font-weight: 700;
}
.quick-right p {
    color: #666;
    line-height: 1.9;
    margin-bottom: 30px;
}
/*==============================
FEATURES
==============================*/
.quick-features {
    list-style: none;
    padding: 0;
    margin: 0 0 35px;
}
.quick-features li {
    color: #333;
    margin-bottom: 15px;
    position: relative;
    padding-left: 30px;
}
.quick-features li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #D4AF37;
    font-weight: bold;
}
/*==============================
BUTTONS
==============================*/
.quick-buttons {
    display: flex;
    gap: 20px;
}
.quick-buttons a {
    flex: 1;
    text-align: center;
}
/*==============================
CLOSE
==============================*/
.quick-close {
    position: absolute;
    right: 22px;
    top: 18px;
    width: 50px;
    height: 50px;
    border: none;
    border-radius: 50%;
    background: #111;
    color: #fff;
    font-size: 26px;
    cursor: pointer;
    transition: .35s;
}
.quick-close:hover {
    background: #D4AF37;
    color: #111;
    transform: rotate(90deg);
}
/*==============================
RESPONSIVE
==============================*/
@media(max-width:991px) {
    .quick-view-wrapper {
        grid-template-columns: 1fr;
    }
    .quick-left {
        padding: 25px;
    }
    .quick-main-image {
        height: 280px;
    }
    .quick-right {
        padding: 30px;
    }
    .quick-right h2 {
        font-size: 34px;
    }
    .quick-buttons {
        flex-direction: column;
    }
}
.quick-actions {
    display: flex;
    gap: 15px;
    margin-bottom: 30px;
}
.wish-btn,
.share-btn {
    flex: 1;
    height: 52px;
    border: none;
    border-radius: 50px;
    cursor: pointer;
    background: #f5f5f5;
    color: #333;
    font-weight: 600;
    transition: .35s;
}
.wish-btn:hover {
    background: #ff3d6e;
    color: #fff;
}
.share-btn:hover {
    background: #D4AF37;
    color: #111;
}
.qty-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 35px 0;
}
.qty-control {
    display: flex;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
}
.qty-control button {
    width: 45px;
    border: none;
    background: #fafafa;
    cursor: pointer;
    font-size: 22px;
}
.qty-control input {
    width: 55px;
    text-align: center;
    border: none;
    background: #fff;
}
.wish-btn.active {
    background: #ff3d6e;
    color: #fff;
}
.quick-main-image {
    position: relative;
    overflow: hidden;
    cursor: zoom-in;
}
.magnifier {
    position: absolute;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    border: 3px solid #D4AF37;
    background-repeat: no-repeat;
    background-size: 200%;
    display: none;
    pointer-events: none;
    box-shadow: 0 15px 35px rgba(0, 0, 0, .25);
}
.buy-btn {
    position: relative;
    overflow: hidden;
}
.ripple {
    position: absolute;
    border-radius: 50%;
    background: rgba(255, 255, 255, .45);
    transform: scale(0);
    animation: ripple .6s linear;
}
@keyframes ripple {
    to {
        transform: scale(4);
        opacity: 0;
    }
}
.floating-heart {
    position: fixed;
    font-size: 42px;
    color: #ff4d6d;
    animation: floatHeart 1s ease forwards;
    pointer-events: none;
    z-index: 999999;
}
@keyframes floatHeart {
    0% {
        transform: translateY(0) scale(.5);
        opacity: 1;
    }
    100% {
        transform: translateY(-180px) scale(1.8);
        opacity: 0;
    }
}
.buy-btn {
    box-shadow: 0 0 0 rgba(212, 175, 55, 0);
}
.buy-btn:hover {
    box-shadow: 0 0 25px rgba(212, 175, 55, .45);
}
.product-card {
    position: relative;
    overflow: hidden;
}
.product-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 60%;
    height: 100%;
    background:
        linear-gradient(90deg,
            transparent,
            rgba(255, 255, 255, .4),
            transparent);
    transform: skewX(-25deg);
    transition: 1s;
}
.product-card:hover::before {
    left: 170%;
}
.quick-buttons .btn-outline {
    color: #050505;
}
.categories, .featured-collections, .about, .contact-newsletter {
    background: #151515;
    padding: 80px 0;
}
.header-menu{
    display:flex;
    align-items:center;
    gap:40px;
}
.nav-item{
    position:relative;
    list-style:none;
}
.nav-item>a{
    color:#fff;
    text-decoration:none;
    font-weight:500;
    display:flex;
    align-items:center;
    gap:8px;
}
.nav-item>a i{
    font-size:11px;
    transition:.35s;
}
.dropdown:hover>a i{
    transform:rotate(180deg);
}
.mega-menu{
    position:absolute;
    left:0;
    top:120%;
    width:auto;
    background:rgba(20,20,20,.95);
    backdrop-filter:blur(16px);
    border:1px solid rgba(255,255,255,.08);
    border-top:3px solid #D4AF37;
    border-radius:22px;
    display:grid;
    grid-template-columns:280px 1fr;
    overflow:hidden;
    opacity:0;
    visibility:hidden;
    transform:translateY(20px);
    transition:.35s;
    z-index:999;
    box-shadow:0 25px 60px rgba(0,0,0,.35);
}
.dropdown:hover .mega-menu{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}
.mega-left{
    padding:35px;
    display:flex;
    flex-direction:column;
}
.mega-left a{
    color:#fff;
    text-decoration:none;
    padding:14px 0;
    border-bottom:1px solid rgba(255,255,255,.06);
    transition:.3s;
}
.mega-left a:hover{
    color:#D4AF37;
    padding-left:12px;
}
.mega-content{
    position:absolute;
    inset:0;
    background:linear-gradient(to top,
        rgba(0,0,0,.82),
        rgba(0,0,0,.15));
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    padding:35px;
}
.mega-content span{
    color:#D4AF37;
    text-transform:uppercase;
    letter-spacing:3px;
}
.mega-content h3{
    color:#fff;
    font-size:32px;
    margin:12px 0;
}
.mega-content p{
    color:#ddd;
    line-height:1.7;
    margin-bottom:22px;
}
.mobile-dropdown{
    border-bottom:1px solid rgba(255,255,255,.08);
}
.mobile-dropdown-btn{
    width:100%;
    background:none;
    border:none;
    color:#fff;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:18px 0;
    font-size:17px;
    cursor:pointer;
}
.mobile-dropdown-btn span{
    transition:.3s;
    font-size:20px;
}
.mobile-dropdown.active .mobile-dropdown-btn span{
    transform:rotate(45deg);
}
.mobile-dropdown-content{
    max-height:0;
    overflow:hidden;
    transition:max-height .35s ease;
    padding-left:18px;
}
.mobile-dropdown-content a{
    display:block;
    color:#ccc;
    text-decoration:none;
    padding:12px 0;
    font-size:15px;
}
.mobile-dropdown-content a:hover{
    color:#D4AF37;
}
/*==========================
ACTIVE MENU
===========================*/
.menu li a{
    position:relative;
    color:#fff;
    transition:.35s;
}
.menu li a:hover,
.menu li a.active{
    color:#D4AF37;
}
.menu li a::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-8px;
    width:0;
    height:2px;
    background:#D4AF37;
    transition:.35s;
}
.menu li a:hover::after,
.menu li a.active::after{
    width:100%;
}
/*=====================================
GET QUOTE POPUP
======================================*/

.quote-modal{

    position:fixed;

    inset:0;

    background:rgba(0,0,0,.75);

    backdrop-filter:blur(8px);

    display:flex;

    justify-content:center;

    align-items:center;

    opacity:0;

    visibility:hidden;

    transition:.4s;

    z-index:999999;

}

.quote-modal.active{

    opacity:1;

    visibility:visible;

}

/*=====================================
BOX
======================================*/

.quote-box{

    width:620px;

    max-width:95%;

    background:#fff;

    border-radius:25px;

    padding:45px;

    position:relative;

    transform:translateY(50px) scale(.9);

    transition:.4s;

    box-shadow:0 25px 60px rgba(0,0,0,.35);

}

.quote-modal.active .quote-box{

    transform:translateY(0) scale(1);

}

/*=====================================
CLOSE
======================================*/

.quote-close{

    position:absolute;

    right:18px;

    top:18px;

    width:45px;

    height:45px;

    border:none;

    border-radius:50%;

    background:#111;

    color:#fff;

    font-size:24px;

    cursor:pointer;

    transition:.35s;

}

.quote-close:hover{

    background:#D4AF37;

    color:#111;

    transform:rotate(90deg);

}

/*=====================================
TITLE
======================================*/

.quote-box h2{

    font-size:42px;

    margin-bottom:10px;

    color:#111;

    font-family:'Cormorant Garamond',serif;

}

.quote-box p{

    color:#666;

    margin-bottom:35px;

}

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

.form-group{

    margin-bottom:22px;

}

.form-group input,

.form-group select,

.form-group textarea{

    width:100%;

    padding:16px 20px;

    border:1px solid #ddd;

    border-radius:14px;

    font-size:15px;

    transition:.35s;

    outline:none;

    background:#fafafa;

}

.form-group textarea{

    resize:none;

}

.form-group input:focus,

.form-group select:focus,

.form-group textarea:focus{

    border-color:#D4AF37;

    background:#fff;

    box-shadow:0 0 15px rgba(212,175,55,.2);

}

/*=====================================
BUTTON
======================================*/

.quote-submit{

    width:100%;

    height:56px;

    border:none;

    cursor:pointer;

    font-size:17px;

    border-radius:50px;

}

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

@media(max-width:768px){

.quote-box{

padding:30px 25px;

}

.quote-box h2{

font-size:34px;

}

}
.quote-submit{

    position:relative;

    overflow:hidden;

}
.quote-success{

    position:fixed;

    top:50%;

    left:50%;

    transform:translate(-50%,-50%) scale(.8);

    width:420px;

    max-width:90%;

    background:#fff;

    border-radius:20px;

    padding:35px;

    text-align:center;

    box-shadow:0 25px 60px rgba(0,0,0,.25);

    z-index:1000000;

    opacity:0;

    visibility:hidden;

    pointer-events:none;

    transition:.35s;

}

.quote-success.active{

    opacity:1;

    visibility:visible;

    pointer-events:auto;

    transform:translate(-50%,-50%) scale(1);

}

.quote-success h3{

    margin:15px 0 10px;

    color:#111;

}

.quote-success p{

    color:#666;

}

.product-card h4{

    font-size:18px;

    line-height:30px;

    height:60px;

    margin-bottom:15px;

    display:-webkit-box;

    -webkit-box-orient:vertical;

    -webkit-line-clamp:2;

    overflow:hidden;
}

.product-card{

    height:520px;

    display:flex;

    flex-direction:column;

}

.product-content{
    display:flex;
    flex-direction:column;
    flex:1;
    padding:20px;
}

.price{

    margin-top:auto;

    margin-bottom:20px;

}

.price del{

    display:block;

    font-size:18px;

    color:#999;

    margin-bottom:5px;

}

.price span{

    display:block;

    font-size:38px;

    font-weight:700;

    color:#D4AF37;

}

.buy-btn{

    margin-top:0;

}

.product-image{
    height:260px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    background:#f8f8f8;
}

.product-image img{
    max-width:100%;
    max-height:220px;
    width:auto;
    height:auto;
    object-fit:contain;
    transition:.3s;
}

.quick-thumbs{
    display:flex;
    gap:12px;
    margin-top:20px;
    overflow-x:auto;
    overflow-y:hidden;
    flex-wrap:nowrap;
    padding-bottom:8px;

    scrollbar-width:thin;
}

.quick-thumbs::-webkit-scrollbar{
    height:6px;
}

.quick-thumbs::-webkit-scrollbar-thumb{
    background:#D4AF37;
    border-radius:10px;
}

.quick-thumbs .thumb{
    flex:0 0 80px;
    width:80px;
    height:80px;
    object-fit:cover;
    border-radius:12px;
    cursor:pointer;
}

/*=========================
PRODUCT DETAILS
=========================*/

.breadcrumb-section{
    /* background:#f8f8f8; */
    padding:15px 0;
}

.breadcrumb{
    display:flex;
    gap:10px;
    list-style:none;
    margin:0;
    padding:0;
}

.breadcrumb li{
    color:#666;
}

.breadcrumb li a{
    color:#111;
    text-decoration:none;
}

.product-details{
    padding:80px 0;
}

.product-gallery{
    position:sticky;
    top:120px;
}

.main-image{
    height:600px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    border-radius:20px;
}

.main-image img{
    max-width:100%;
    max-height:550px;
    object-fit:contain;
}

.thumb-images{
    display:flex;
    gap:12px;
    margin-top:20px;
    overflow-x:auto;
    padding-bottom:10px;
}

.thumb-images img{

    width:90px;
    height:90px;

    object-fit:cover;

    border:2px solid transparent;

    border-radius:10px;

    cursor:pointer;

    transition:.3s;

    flex:0 0 auto;

}

.thumb-images img:hover,
.thumb-images img.active-thumb{

    border-color:#D4AF37;

}

.product-model{

    display:inline-block;

    background:#111;

    color:#fff;

    padding:8px 18px;

    border-radius:30px;

    margin-bottom:15px;

    font-size:14px;

}

.product-info h1{

    font-size:48px;

    line-height:1.3;

}

.price-box{

    margin:25px 0;

}

.price-box del{

    display:block;

    color:#999;

    font-size:22px;

}

.price-box span{

    font-size:54px;

    font-weight:700;

}

.specifications{

    list-style:none;

    padding:0;

    margin:25px 0;

}

.specifications li{

    padding:12px 0;

    border-bottom:1px solid #eee;

}

.product-buttons{

    display:flex;

    gap:15px;

    margin-top:30px;

}

.btn-outline{

    border:2px solid #111;

    background:none;

    padding:14px 30px;

    border-radius:40px;

    cursor:pointer;

}

.related-products{

    background:#fafafa;

    padding:80px 0;

}

.product-gallery-sticky{

    position:sticky;

    top:110px;

}

.main-image{

    height:620px;

    background:#fff;

    border-radius:20px;

    display:flex;

    justify-content:center;

    align-items:center;

    overflow:hidden;

    border:1px solid #ececec;

}

.main-image img{

    max-width:100%;

    max-height:560px;

    object-fit:contain;

    transition:.3s;

}

.thumb-images{

    display:flex;

    gap:15px;

    margin-top:20px;

}

.thumb-images img{

    width:90px;

    height:90px;

    border-radius:12px;

    border:2px solid transparent;

    cursor:pointer;

    object-fit:cover;

}

.thumb-images img.active-thumb{

    border-color:#D4AF37;

}

.product-content-wrapper{

    padding-left:60px;

}

.product-info h1{

    font-size:46px;

    line-height:1.25;

    margin-bottom:25px;

}

.price-box{

    margin:35px 0;

}

.price-box span{

    font-size:52px;

    font-weight:700;

}

.product-buttons{

    display:flex;

    gap:15px;

    margin:35px 0;

}

.product-wrapper{

    display:grid;

    grid-template-columns:520px 1fr;

    gap:70px;

    align-items:start;

}

.product-gallery{

    position:sticky;

    top:120px;

}

@media(max-width:991px){

    .product-wrapper{

        grid-template-columns:1fr;

        gap:40px;

    }

    .product-gallery{

        position:relative;

        top:auto;

    }

}

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

.main-image-box{

    height:620px;

    background:#fff;

    border-radius:20px;

    border:1px solid #e8e8e8;

    display:flex;

    justify-content:center;

    align-items:center;

    overflow:hidden;

}

.main-image-box img{

    max-width:90%;

    max-height:560px;

    object-fit:contain;

    transition:.3s;

}

.gallery-wrapper{

    display:flex;

    gap:20px;

}

.thumbnail-list{

    width:90px;

    display:flex;

    flex-direction:column;

    gap:15px;

    max-height:620px;

    overflow-y:auto;

    overflow-x:hidden;

    padding-right:5px;

}

.thumbnail-list::-webkit-scrollbar{

    width:5px;

}

.thumbnail-list::-webkit-scrollbar-thumb{

    background:#D4AF37;

    border-radius:20px;

}

.thumbnail-list .thumb{

    width:80px;

    height:80px;

    object-fit:cover;

    border-radius:12px;

    cursor:pointer;

    border:2px solid transparent;

    transition:.3s;

}

.thumbnail-list .thumb.active{

    border-color:#D4AF37;

}

.main-image-box{

    flex:1;

}

@media(max-width:768px){

.gallery-wrapper{

    flex-direction:column-reverse;

}

.thumbnail-list{

    width:100%;

    flex-direction:row;

    overflow-x:auto;

    overflow-y:hidden;

    max-height:none;

}

}

/*==========================
RIGHT SIDE
==========================*/

.product-category{

    display:inline-block;

    background:#D4AF37;

    color:#fff;

    padding:8px 18px;

    border-radius:30px;

    font-size:14px;

    margin-bottom:20px;

}

.product-title{

    font-size:42px;

    line-height:1.3;

    margin-bottom:20px;

}

.product-model{

    font-size:18px;

    color:#666;

    margin-bottom:30px;

}

.product-price{

    display:flex;

    align-items:center;

    gap:20px;

    margin-bottom:35px;

    flex-wrap:wrap;

}

.sale-price{

    font-size:48px;

    font-weight:700;

    color:#111;

}

.mrp{

    font-size:24px;

    color:#999;

    text-decoration:line-through;

}

.discount{

    background:#e53935;

    color:#fff;

    padding:6px 14px;

    border-radius:30px;

    font-size:14px;

}

.product-short-description{

    font-size:18px;

    line-height:1.9;

    color:#666;

    margin-bottom:35px;

}

.product-specs{

    width:100%;

    border-collapse:collapse;

    margin-bottom:40px;

}

.product-specs th,
.product-specs td{

    padding:14px 0;

    border-bottom:1px solid #ececec;

    text-align:left;

}

.product-specs th{

    width:180px;

    color:#444;

}

.product-actions{

    display:flex;

    gap:15px;

    flex-wrap:wrap;

}

.btn-whatsapp{

    background:#25D366;

    color:#fff;

    padding:14px 28px;

    border-radius:50px;

    text-decoration:none;

    font-weight:600;

}

/*=========================
PRODUCT TABS
=========================*/

.product-tabs{

    margin-top:60px;

}

.tab-nav{

    display:flex;

    gap:20px;

    list-style:none;

    padding:0;

    margin:0 0 30px;

    border-bottom:2px solid #eee;

}

.tab-nav li{

    padding:15px 25px;

    cursor:pointer;

    font-weight:600;

    transition:.3s;

}

.tab-nav li.active{

    color:#D4AF37;

    border-bottom:3px solid #D4AF37;

}

.tab-content{

    display:none;

    animation:fade .3s;

}

.tab-content.active{

    display:block;

}

.spec-table{

    width:100%;

    border-collapse:collapse;

}

.spec-table th,

.spec-table td{

    padding:15px;

    border-bottom:1px solid #eee;

    text-align:left;

}

.spec-table th{

    width:220px;

    background:#fafafa;

}

@keyframes fade{

    from{

        opacity:0;

    }

    to{

        opacity:1;

    }

}

.related-section{

    padding:100px 0;

    /* background:#fafafa; */

}

.relatedProductsSlider{

    padding-bottom:50px;

}

.relatedProductsSlider .swiper-slide{

    height:auto;

}

.thumbnail-list .thumb.active{

    border:2px solid #D4AF37;

    transform:scale(1.08);

    box-shadow:0 10px 25px rgba(212,175,55,.35);

}

.sale-price{

    font-size:56px;

    font-weight:800;

    color:#D4AF37;

}

.product-title{

    max-width:650px;

    line-height:1.25;

}

.product-actions a,
.product-actions button{

    height:52px;

    padding:0 28px;

    border-radius:50px;

    display:flex;

    align-items:center;

    justify-content:center;

}

.product-breadcrumb{

    padding:25px 0;

}

.buy-btn{

    position:relative;

    overflow:hidden;

}

.buy-btn .ripple{

    position:absolute;

    border-radius:50%;

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

    transform:scale(0);

    animation:ripple .6s linear;

    pointer-events:none;

}

@keyframes ripple{

    to{

        transform:scale(4);

        opacity:0;

    }

}

.product-gallery.is-sticky{

    position:sticky;

    top:120px;

}

#lightbox{

    position:fixed;

    inset:0;

    background:rgba(0,0,0,.92);

    display:none;

    justify-content:center;

    align-items:center;

    z-index:99999;

}

#lightbox.active{

    display:flex;

}

#lightbox img{

    max-width:90%;

    max-height:90vh;

    object-fit:contain;

}

#lightboxClose{

    position:absolute;

    top:25px;

    right:30px;

    color:#fff;

    font-size:45px;

    cursor:pointer;

}

/*==================================
THUMBNAIL SCROLLBAR
==================================*/

.thumbnail-list{

    scrollbar-width:thin;

    scrollbar-color:#D4AF37 transparent;

}

.thumbnail-list::-webkit-scrollbar{

    width:6px;

}

.thumbnail-list::-webkit-scrollbar-thumb{

    background:#D4AF37;

    border-radius:20px;

}


/*==================================
IMAGE TRANSITION
==================================*/

#mainImage{

    transition:.35s ease;

}


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

#lightbox{

    opacity:0;

    visibility:hidden;

    transition:.3s;

}

#lightbox.active{

    opacity:1;

    visibility:visible;

}

.breadcrumb-section{
    margin-top:120px;
    margin-bottom:40px;
}

.breadcrumb{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:12px;
    padding:18px 25px;
    border:1px solid rgba(212,175,55,.15);
    background:rgba(255,255,255,.03);
    backdrop-filter:blur(12px);
    border-radius:15px;
}

.breadcrumb a{
    color:#c9c9c9;
    text-decoration:none;
    transition:.3s;
}

.breadcrumb a:hover{
    color:#D4AF37;
}

.breadcrumb span{
    color:#666;
}

.breadcrumb .active{
    color:#D4AF37;
    font-weight:600;
}

.product-actions{
    display:flex;
    gap:15px;
    margin-top:40px;
    align-items:center;
}

.share-dropdown{
    position:relative;
}

.share-btn{
    height:58px;
    padding:0 28px;
    border-radius:50px;
    background:#181818;
    border:1px solid rgba(255,255,255,.08);
    color:#fff;
    cursor:pointer;
    transition:.3s;
}

.share-btn:hover{
    border-color:#D4AF37;
    color:#D4AF37;
}

.share-menu{
    position:absolute;
    top:70px;
    left:0;
    min-width:230px;
    background:#181818;
    border:1px solid rgba(212,175,55,.15);
    border-radius:18px;
    display:none;
    overflow:hidden;
    z-index:100;
}

.share-menu a,
.share-menu button{
    display:flex;
    align-items:center;
    gap:12px;
    width:100%;
    padding:14px 18px;
    color:#fff;
    background:none;
    border:none;
    text-decoration:none;
    cursor:pointer;
    transition:.3s;
}

.share-menu a:hover,
.share-menu button:hover{
    background:#D4AF37;
    color:#111;
}

.share-dropdown.active .share-menu{
    display:block;
}

/*=================================
CATEGORY PRODUCT PAGE
==================================*/

.category-product-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-top: 60px;
}

.category-product-card {
    position: relative;
    background: #171717;
    border: 1px solid rgba(255, 215, 120, .12);
    border-radius: 20px;
    overflow: hidden;
    transition: .4s ease;
}

.category-product-card:hover {
    transform: translateY(-8px);
    border-color: #D4AF37;
    box-shadow: 0 20px 50px rgba(212, 175, 55, .12);
}


/* IMAGE */

.category-product-image {
    position: relative;
    width: 100%;
    height: 330px;
    overflow: hidden;
    background: #f7f7f7;
}

.category-product-image a {
    display: block;
    width: 100%;
    height: 100%;
}

.category-product-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 20px;
    display: block;
    transition: .6s ease;
}

.category-product-card:hover .category-product-image img {
    transform: scale(1.06);
}


/* FEATURED */

.category-featured {
    position: absolute;
    top: 18px;
    left: 18px;
    padding: 7px 14px;
    background: linear-gradient(135deg, #FFE39A, #C68D16);
    color: #111;
    font-size: 12px;
    font-weight: 700;
    border-radius: 30px;
}


/* CONTENT */

.category-product-content {
    padding: 25px;
}

.category-product-category {
    display: block;
    color: #D4AF37;
    font-size: 13px;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.category-product-content h3 {
    margin: 0 0 10px;
    font-size: 25px;
    line-height: 1.25;
    font-family: 'Cormorant Garamond', serif;
}

.category-product-content h3 a {
    color: #fff;
    text-decoration: none;
    transition: .3s;
}

.category-product-content h3 a:hover {
    color: #D4AF37;
}

.category-product-model {
    display: inline-block;
    padding: 6px 12px;
    background: #0f0f0f;
    color: #aaa;
    border-radius: 20px;
    font-size: 12px;
    margin-bottom: 15px;
}

.category-product-content p {
    color: #aaa;
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 22px;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


/* BOTTOM */

.category-product-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.category-product-price {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.category-product-price strong {
    color: #D4AF37;
    font-size: 24px;
}

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


/* VIEW BUTTON */

.category-view-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 11px 18px;
    border-radius: 30px;
    background: linear-gradient(135deg, #FFE39A, #C68D16);
    color: #111;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
    transition: .3s;
}

.category-view-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(212, 175, 55, .25);
}


/* RESPONSIVE */

@media (max-width: 991px) {

    .category-product-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media (max-width: 600px) {

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

    .category-product-image {
        height: 300px;
    }

    .category-product-content h3 {
        font-size: 23px;
    }

}