:root {
        --primary-color  : #000000;
        --secondary-color: #ffffff;
        --accent-color   :
          #a28251;
        --dark-gray      : #1a1a1a;
        --medium-gray    : #333333;
        --light-gray     : #f5f5f5;
        --text-color     : #dddddd;
        --transition     : all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        --transition-slow: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      }

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

      body {
        font-family     : "Inter", sans-serif;
        color           : var(--text-color);
        background-color: var(--primary-color);
        overflow-x      : hidden;
        line-height     : 1.6;
      }

      h1,
      h2,
      h3,
      h4,
      h5,
      h6 {
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
        color      : var(--secondary-color);
      }

      .navbar-brand img {

        margin-top: 20px;
        width     : 170px;
      }

      .section-title {
        font-size    : 3.5rem;
        margin-bottom: 1rem;
        position     : relative;
        line-height  : 1.1;
        margin       : 0px;
      }

      .section-subtitle {
        font-size: 1.1rem;
        color    : var(--text-color);
        max-width: 600px;
        margin   : 0 auto;
        opacity  : 0.8;
      }

      .section-subtitle-1 {
        font-size: 1.1rem;
        color    : var(--accent-color);
        max-width: 600px;
        margin   : 0;
        opacity  : 0.8;

      }

      .section-title-1 {
        font-size    : 3.5rem;
        margin-bottom: 1rem;
        position     : relative;
        line-height  : 1.1;
        margin       : 0px;
      }

      .section-title-1 span {
        font-family: 'Bodoni Moda', serif;
        font-style : italic;
        color      : var(--accent-color);
      }

      .text-accent {
        color: var(--accent-color);
      }

      .bg-dark {
        background-color: var(--dark-gray) !important;
      }

      .btn {
        padding       : 14px 32px;
        font-weight   : 600;
        border-radius : 0;
        transition    : var(--transition);
        text-transform: uppercase;
        letter-spacing: 1.5px;
        font-size     : 0.85rem;
        border        : none;
      }

      .btn-primary {
        background-color: var(--accent-color);
        color           : var(--secondary-color);
      }

      .btn-primary:hover {
        background-color: #e03500;
        transform       : translateY(-3px);
        box-shadow      : 0 10px 20px rgba(255, 60, 0, 0.2);
      }

      .btn-outline {
        background-color: transparent;
        color           : var(--secondary-color);
        border          : 2px solid var(--secondary-color);
      }

      .btn-outline:hover {
        background-color: var(--secondary-color);
        color           : var(--primary-color);
        transform       : translateY(-3px);
      }

      /* ===== NAVBAR ===== */
      /* TOP HEADER STYLES */
      .header-top {
        position        : absolute;
        top             : 0;
        left            : 0;
        width           : 100%;
        padding         : 15px 0;
        font-size       : 14px;
        color           : #fff;
        background-color: transparent;
        z-index         : 1000;
      }

      .header-top ul {
        list-style: none;
        margin    : 0;
        padding   : 0;
      }

      .navbar-toggler {
        position: absolute !important;
        top     : 45px !important;
        left    : 79% !important;
      }

      .mobile-navbar {
        z-index: 100000;
      }

      .header-top ul i {
        color: var(--accent-color);
      }

      .header-top a {
        color          : #fff;
        text-decoration: none;
        transition     : var(--transition);
      }

      .header-top a:hover {
        color: var(--accent-color);
      }

      /* Hero Logo (Center on hero) */
      .hero-logo {
        position  : absolute;
        top       : 29px;
        left      : 50%;
        transform : translateX(-50%);
        z-index   : 1000;
        text-align: center;
      }

      .hero-logo img {
        max-height: 120px;
        width     : auto;
      }

      /* DESKTOP NAVBAR (On hero) */
      .desktop-navbar {
        position: absolute;
        top     : 144px;
        left    : 0;
        width   : 100%;
        z-index : 1000;
        padding : 15px 0;
      }

      .desktop-nav-menu {
        display        : flex;
        justify-content: center;
        align-items    : center;
        list-style     : none;
        margin         : 0;
        padding        : 0;
      }

      .desktop-nav-item {
        margin: 0 15px;
      }

      .desktop-nav-link {
        color          : #fff;
        text-decoration: none;
        font-weight    : 500;
        padding        : 5px 0;
        position       : relative;
        transition     : var(--transition);
        text-transform : uppercase;
        font-size      : 14px;
        letter-spacing : 0.5px;
      }

      .desktop-nav-link::after {
        content         : "";
        position        : absolute;
        bottom          : 0;
        left            : 0;
        width           : 0;
        height          : 2px;
        background-color: var(--accent-color);
        transition      : var(--transition);
      }

      .desktop-nav-link.active {
        color: var(--accent-color);
      }

      .desktop-nav-link:hover::after,
      .desktop-nav-link.active::after {
        width: 100%;
      }

      .desktop-nav-link:hover {
        color: var(--accent-color);
      }

      /* SCROLL NAVBAR (Appears on scroll) */
      .scroll-navbar {
        position        : fixed;
        top             : -100px;
        /* Hidden initially */
        left            : 0;
        width           : 100%;
        background-color: rgba(0, 0, 0, 0.98);
        backdrop-filter : blur(10px);
        z-index         : 9999;
        padding         : 15px 0;
        transition      : all 0.4s ease;
        box-shadow      : 0 5px 30px rgba(0, 0, 0, 0.3);
        border-bottom   : 1px solid rgba(255, 255, 255, 0.1);
      }

      .scroll-navbar.navbar-visible {
        top: 0;
        /* Show on scroll */
      }

      .scroll-navbar .container {
        display        : flex;
        justify-content: space-between;
        align-items    : center;
        position       : relative;
      }

      /* Logo on Left in scroll navbar */
      .nav-logo img {
        max-height: 76px;
        width     : auto;
      }

      /* Navigation Menu Center in scroll navbar */
      .scroll-nav-menu {
        display   : flex;
        list-style: none;
        margin    : 0;
        padding   : 0;
        position  : absolute;
        left      : 69%;
        transform : translateX(-50%);
        width     : 100%;
      }

      .scroll-nav-item {
        margin: 0 15px;
      }

      .scroll-nav-link {
        color          : #fff;
        text-decoration: none;
        font-weight    : 500;
        padding        : 5px 0;
        position       : relative;
        transition     : var(--transition);
        text-transform : uppercase;
        font-size      : 13px;
        letter-spacing : 0.5px;
      }

      .scroll-nav-link::after {
        content         : "";
        position        : absolute;
        bottom          : 0;
        left            : 0;
        width           : 0;
        height          : 2px;
        background-color: var(--accent-color);
        transition      : var(--transition);
      }

      .scroll-nav-link.active {
        color: var(--accent-color);
      }

      .scroll-nav-link:hover::after,
      .scroll-nav-link.active::after {
        width: 100%;
      }

      .scroll-nav-link:hover {
        color: var(--accent-color);
      }

      /* Right Side Button */
      .scroll-nav-right {
        display    : flex;
        align-items: center;
      }

      /* Mobile Toggle Button */
      .mobile-toggle {
        display   : none;
        background: none;
        border    : none;
        color     : #fff;
        font-size : 24px;
        cursor    : pointer;
        padding   : 5px;
      }

      /* MOBILE NAVBAR */
      /* MOBILE NAVBAR */
      .mobile-navbar {
        display         : none;
        position        : fixed;
        top             : 0;
        left            : 0;
        width           : 100%;
        padding         : 10px 0;
        background-color: rgba(0, 0, 0, 0.95);
        z-index         : 9999;
        transition      : all 0.3s ease;
      }

      /* Hide mobile navbar when at top on mobile */
      .mobile-navbar.hide-at-top {
        transform : translateY(-100%);
        opacity   : 0;
        visibility: hidden;
      }

      /* Show mobile navbar when scrolling */
      .mobile-navbar.show-on-scroll {
        transform : translateY(0);
        opacity   : 1;
        visibility: visible;
      }

      /* Mobile navbar when at top (only on mobile) */
      @media (max-width: 991px) {
        .mobile-navbar.at-top {
          background-color: transparent;
          padding         : 15px 0;
        }

        .mobile-navbar.at-top .navbar-brand-mobile img {
          max-height: 70px;
        }
      }

      .navbar-toggler {
        position     : absolute !important;
        top          : 30px !important;
        right        : 15px !important;
        left         : auto !important;
        z-index      : 100001;
        border       : 1px solid rgba(255, 255, 255, 0.3) !important;
        border-radius: 4px !important;
        padding      : 8px 10px !important;
        transition   : all 0.3s ease;
      }

      /* Adjust toggler when at top */
      .mobile-navbar.at-top .navbar-toggler {
        top             : 40px !important;
        background-color: rgba(0, 0, 0, 0.5) !important;
      }

      .navbar-brand-mobile {
        position: relative;
        z-index : 100000;
      }

      .navbar-brand-mobile img {
        max-height: 82px;
        width     : auto;
        transition: all 0.3s ease;
      }

      /* When at top on mobile, make logo bigger */
      .mobile-navbar.at-top .navbar-brand-mobile img {
        max-height: 100px;
      }

      /* Mobile collapse menu */
      #navbarNav {
        background-color: rgba(0, 0, 0, 0.95);
        margin-top      : 10px;
        padding         : 20px;
        border-radius   : 0 0 10px 10px;
      }

      /* Adjust padding for mobile menu */
      @media (max-width: 991px) {
        .mobile-navbar {
          padding: 10px 0;
        }

        /* Hide header-top on mobile when at top */
        .header-top {
          opacity   : 0;
          visibility: hidden;
        }

        /* Show hero logo on mobile when at top */
        .hero-logo {
          opacity   : 1;
          visibility: visible;
          z-index   : 100000;
        }

        /* Hide desktop navbar on mobile */
        .desktop-navbar {
          opacity   : 0 !important;
          visibility: hidden !important;
        }
      }

      /* Media Queries */
      @media (min-width: 992px) {
        body {
          padding-top: 0 !important;
        }

        .hero-logo,
        .desktop-navbar {
          display: block;
        }

        .mobile-navbar {
          display: none !important;
        }

        .scroll-navbar .container {
          display: flex !important;
        }

        .scroll-nav-menu {
          display: flex !important;
        }
      }

      @media (max-width: 991px) {

        .hero-logo,
        .desktop-navbar,
        .scroll-navbar {
          display: none !important;
        }

        .mobile-navbar {
          display: block !important;
        }

        .mobile-toggle {
          display: block;
        }

        .top-left,
        .top-right {
          text-align     : center;
          justify-content: center !important;
        }

        .top-outer {
          flex-direction: column;
          gap           : 10px;
        }

        /* Adjust hero logo position for mobile */
        .hero-logo {
          top: 20px;
        }

        .hero-logo img {
          max-height: 90px;
        }
      }

      /* Mobile Menu Overlay */
      .mobile-menu-overlay {
        position        : fixed;
        top             : 0;
        left            : 0;
        width           : 100%;
        height          : 100%;
        background-color: rgba(0, 0, 0, 0.95);
        z-index         : 2000;
        display         : none;
        opacity         : 0;
        transition      : opacity 0.3s ease;
      }

      .mobile-menu-overlay.active {
        display: block;
        opacity: 1;
      }

      .mobile-menu-content {
        position        : absolute;
        top             : 0;
        left            : 0;
        width           : 100%;
        height          : 100%;
        background-color: #000;
        padding         : 30px;
        overflow-y      : auto;
        transform       : translateX(-100%);
        transition      : transform 0.3s ease;
      }

      .mobile-menu-overlay.active .mobile-menu-content {
        transform: translateX(0);
      }

      .mobile-menu-header {
        display        : flex;
        justify-content: space-between;
        align-items    : center;
        margin-bottom  : 40px;
      }

      .mobile-logo img {
        max-height: 50px;
        width     : auto;
      }

      .mobile-close {
        background: none;
        border    : none;
        color     : #fff;
        font-size : 28px;
        cursor    : pointer;
        padding   : 5px;
      }

      .mobile-nav {
        list-style   : none;
        margin       : 0;
        padding      : 0;
        margin-bottom: 30px;
      }

      .mobile-nav-item {
        margin-bottom: 20px;
      }

      .mobile-nav-link {
        color          : #fff;
        text-decoration: none;
        font-size      : 20px;
        font-weight    : 500;
        display        : block;
        padding        : 10px 0;
        border-bottom  : 1px solid rgba(255, 255, 255, 0.1);
      }

      .mobile-nav-link.active {
        color: var(--accent-color);
      }

      .mobile-contact {
        margin-bottom: 30px;
      }

      .mobile-contact-item {
        display        : block;
        color          : #fff;
        text-decoration: none;
        margin-bottom  : 15px;
        font-size      : 16px;
      }

      .mobile-contact-item i {
        color: var(--accent-color);
        width: 20px;
      }

      .mobile-social {
        display: flex;
        gap    : 20px;
      }

      .mobile-social-link img {
        filter: brightness(0) invert(1);
      }

      /* BOOK NOW BUTTON */
      .book-now-btn {
        display        : inline-block;
        padding        : 10px 26px;
        background     : #000;
        color          : #fff;
        font-weight    : 600;
        font-size      : 1rem;
        border-radius  : 40px;
        border         : 2px solid var(--accent-color);
        letter-spacing : 1px;
        text-transform : uppercase;
        transition     : all 0.3s ease;
        position       : relative;
        overflow       : hidden;
        text-decoration: none;
      }

      .book-now-btn:hover {
        background: var(--accent-color);
        color     : #000;
        transform : translateY(-2px);
        box-shadow: 0 8px 20px rgba(212, 175, 55, 0.4);
      }


      /* ===== HERO SECTION ===== */
      .fashion-hero-slider {
        width   : 100%;
        height  : 100vh;
        overflow: hidden;
        position: relative;
      }

      .slide-row {
        height: 100vh;
      }

      .slide-img-wrap {
        position: relative;
        height  : 100vh;
      }

      .slide-img {
        width              : 100%;
        height             : 100%;
        background-size    : cover;
        background-position: center;
        position           : relative;
      }

      .slide-img::before {
        content   : "";
        position  : absolute;
        inset     : 0;
        background: rgba(0, 0, 0, 0.35);
      }

      /* Labels (Bottom Center) */
      .slide-label {
        position      : absolute;
        bottom        : 40px;
        left          : 50%;
        transform     : translateX(-50%);
        color         : #fff;
        letter-spacing: 3px;
        font-size     : 14px;
        text-transform: uppercase;
      }

      /* Dots & Nav */
      .owl-nav button {
        position  : absolute;
        top       : 50%;
        transform : translateY(-50%);
        background: transparent;
        border    : none;
      }

      .owl-nav .owl-prev {
        left: 20px;
      }

      .owl-nav .owl-next {
        right: 20px;
      }

      .owl-nav button span {
        font-size: 40px;
        color    : #fff;
      }

      .owl-dots .owl-dot span {
        background: #fff !important;
      }

      /* Media Queries */
      @media (min-width: 992px) {
        body {
          padding-top: 0 !important;
          /* No padding on desktop */
        }

        .hero-logo,
        .desktop-navbar {
          display: block;
        }

        .mobile-navbar {
          display: none !important;
        }

        .scroll-navbar .container {
          display: flex !important;
        }

        .scroll-nav-menu {
          display: flex !important;
        }
      }

      @media (max-width: 991px) {

        .hero-logo,
        .desktop-navbar,
        .scroll-navbar {
          display: none !important;
        }

        .mobile-navbar {
          display: block !important;
        }

        .mobile-toggle {
          display: block;
        }

        .top-left,
        .top-right {
          text-align     : center;
          justify-content: center !important;
        }

        .top-outer {
          flex-direction: column;
          gap           : 10px;
        }

        .header-top {
          padding         : 10px 0;
          background-color: rgba(0, 0, 0, 0.7);
        }
      }

      /* about us start here  */
      /* =======  About style  ======= */
      .about {
        position             : relative;
        background-image     : url(../images/about-bg.jpg);
        background-repeat    : no-repeat;
        background-size      : cover;
        z-index              : 1;
        background-attachment: fixed;
      }

      /* Dark Overlay */
      .about::before {
        content   : "";
        position  : absolute;
        inset     : 0;
        background: rgba(0, 0, 0, 0.55);
        /* Adjust darkness */
        z-index   : -1;
      }

      .about-bottom {
        display            : -webkit-box;
        display            : -webkit-flex;
        display            : -ms-flexbox;
        display            : flex;
        -webkit-box-align  : center;
        -webkit-align-items: center;
        -ms-flex-align     : center;
        align-items        : center;
        margin             : 30px 0;
      }

      .image.about-signature {
        margin-right: 20px;
        width       : 70px;
      }

      .about-name {
        font-size  : 15px;
        color      : #c7963c;
        font-family: 'Outfit', sans-serif;
      }

      .about-rol {
        color    : #aba59f;
        font-size: 15px;
      }

      /* list */
      .about-list {
        position: relative;
        display : block;
      }

      .about-list li {
        position     : relative;
        display      : flex;
        align-items  : center;
        margin-bottom: 10px;
      }

      .about-list li+li {
        margin-top: 5px;
      }

      .about-list-icon {
        display    : flex;
        align-items: center;
      }

      .about-list-icon span {
        font-size: 15px;
        color    : #c7963c;
      }

      .about-list-text {
        margin-left: 10px;
      }

      .about-list-text p {
        font-size: 15px;
        margin   : 0;
      }

      .about-right img {
        width: 600px;
      }



      /* about us end here  */
      /* ===== COLLECTIONS SECTION ===== */
      .collections-section {
        padding: 20px 0;
      }

      .collection-card {
        position     : relative;
        overflow     : hidden;
        margin-bottom: 30px;
        height       : 500px;
        cursor       : pointer;
      }

      .collection-img {
        width     : 100%;
        height    : 100%;
        object-fit: cover;
        transition: var(--transition-slow);
      }

      .collection-overlay {
        position  : absolute;
        bottom    : 0;
        left      : 0;
        width     : 100%;
        padding   : 2.5rem;
        background: linear-gradient(transparent, rgba(0, 0, 0, 0.9));
        color     : var(--secondary-color);
        transform : translateY(30px);
        opacity   : 0;
        transition: var(--transition);
      }

      .collection-card:hover .collection-img {
        transform: scale(1.05);
      }

      .collection-card:hover .collection-overlay {
        transform: translateY(0);
        opacity  : 1;
      }

      .collection-title {
        font-size    : 2.2rem;
        margin-bottom: 0.5rem;
        font-family  : 'Bodoni Moda', serif;
        font-style   : italic;
        color        : var(--accent-color);
      }

      /* ===== FEATURED PRODUCTS ===== */
      .products-section {
        padding         : 100px 0;
        background-color: var(--dark-gray);
      }

      .product-card {
        background: var(--medium-gray);
        overflow  : hidden;
        transition: var(--transition);
        height    : 100%;
        position  : relative;
      }

      .product-card:hover {
        transform : translateY(-15px);
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
      }

      .product-img {
        width     : 100%;
        height    : 350px;
        object-fit: cover;
        transition: var(--transition-slow);
      }

      .product-card:hover .product-img {
        transform: scale(1.05);
      }

      .product-info {
        padding   : 1.5rem;
        position  : relative;
        z-index   : 2;
        background: var(--medium-gray);
      }

      .product-title {
        font-size    : 1.3rem;
        margin-bottom: 0.5rem;
        color        : var(--secondary-color);
      }

      .product-category {
        color         : var(--accent-color);
        font-size     : 0.9rem;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin-bottom : 0.5rem;
      }

      .product-price {
        font-weight: 600;
        color      : var(--secondary-color);
        font-size  : 1.2rem;
      }

      .product-price del {
        color       : var(--text-color);
        font-size   : 1rem;
        margin-right: 10px;
        opacity     : 0.6;
      }

      .product-badge {
        position        : absolute;
        top             : 20px;
        right           : 20px;
        background-color: var(--accent-color);
        color           : var(--secondary-color);
        padding         : 6px 15px;
        font-weight     : 600;
        font-size       : 0.8rem;
        letter-spacing  : 1px;
        z-index         : 3;
      }

      /* ===== OWL CAROUSEL STYLING ===== */
      .featured-carousel {
        padding: 50px 0;
      }

      .owl-nav {
        position       : absolute;
        top            : 50%;
        width          : 100%;
        transform      : translateY(-50%);
        display        : flex;
        justify-content: space-between;
        padding        : 0 20px;
        pointer-events : none;
      }

      .owl-nav button {
        pointer-events  : all;
        width           : 50px;
        height          : 50px;
        background-color: rgba(255, 255, 255, 0.1) !important;
        border-radius   : 50% !important;
        display         : flex !important;
        align-items     : center;
        justify-content : center;
        font-size       : 1.5rem !important;
        color           : var(--secondary-color) !important;
        transition      : var(--transition);
        backdrop-filter : blur(10px);
        border          : 1px solid rgba(255, 255, 255, 0.1) !important;
      }

      .owl-nav button:hover {
        background-color: var(--accent-color) !important;
        transform       : scale(1.1);
      }

      .owl-dots {
        margin-top: 2rem;
        text-align: center;
      }

      .owl-dot {
        width           : 12px;
        height          : 12px;
        background-color: var(--medium-gray) !important;
        border-radius   : 50%;
        margin          : 0 5px;
        transition      : var(--transition);
      }

      .owl-dot.active {
        background-color: var(--accent-color) !important;
        transform       : scale(1.2);
      }

      .section-head .section-subtitle {
        color         : var(--accent-color);
        font-size     : 13px;
        font-weight   : 700;
        margin-bottom : 0px;
        text-transform: uppercase;
        letter-spacing: 2px;
        padding       : 0px;
        margin        : 0px;
      }

      .section-head .section-title span {
        font-family: 'Bodoni Moda', serif;
        font-style : italic;
        color      : var(--accent-color);
      }


      /* process section start here  */
      .section-divider {
        height    : 1px;
        background: linear-gradient(to right, transparent, var(--accent-color), transparent);
        margin    : 3rem auto;
        max-width : 200px;
      }

      .step-card {
        background-color: var(--primary-color);
        border          : 1px solid rgba(212, 175, 55, 0.2);
        border-radius   : 4px;
        padding         : 2.5rem 2rem;
        height          : 100%;
        transition      : transform 0.3s ease, border-color 0.3s ease;
      }

      .step-card:hover {
        transform   : translateY(-10px);
        border-color: var(--accent-color);
      }

      .step-number {
        font-size  : 4rem;
        font-family: 'Cinzel', serif;
        color      : rgba(212, 175, 55, 0.2);
        position   : absolute;
        top        : -20px;
        left       : 10px;
        font-weight: 600;
      }

      .step-title {
        color        : var(--accent-color);
        margin-bottom: 1.2rem;
        position     : relative;
        padding-top  : 0.5rem;
        font-family  : 'Bodoni Moda', serif;
        font-style   : italic;
      }

      .about-section {
        background-color: var(--secondary-color);
        padding         : 100px 0;
      }

      .section-title {
        color         : var(--accent-color) !important;
        text-align    : center;
        margin-bottom : 1rem;
        position      : relative;
        padding-bottom: 1rem;
        font-family   : 'Bodoni Moda', serif;
        font-style    : italic;
      }

      .section-title::after {
        content         : '';
        position        : absolute;
        bottom          : 0;
        left            : 50%;
        transform       : translateX(-50%);
        width           : 80px;
        height          : 2px;
        background-color: var(--accent-color);
      }

      .btn-primary {
        background-color: var(--accent-color);
        border          : none;
        color           : var(--primary-dark);
        padding         : 12px 30px;
        font-weight     : 500;
        letter-spacing  : 1px;
        transition      : all 0.3s ease;
      }

      .btn-primary:hover {
        background-color: var(--accent-color);
        transform       : translateY(-2px);
        box-shadow      : 0 5px 15px rgba(212, 175, 55, 0.3);
      }

      .btn-outline-light {
        border-color: var(--accent-color);
        color       : var(--secondary-color);
      }

      .btn-outline-light:hover {
        background-color: rgba(255, 255, 255, 0.1);
        border-color    : var(--accent-color);
        color           : var(--secondary-color);
      }

      /* ===== TESTIMONIALS ===== */
      .testimonials-section {
        /* padding: 0px 0; */
        padding-bottom: 35px;
      }

      .testimonial-card {
        background   : var(--dark-gray);
        border-radius: 10px;
        padding      : 40px;
        box-shadow   : 0 20px 40px rgba(0, 0, 0, 0.2);
        height       : 100%;
        border-left  : 5px solid var(--accent-color);
      }

      .testimonial-text {
        font-size    : 1.1rem;
        line-height  : 1.8;
        margin-bottom: 30px;
        font-style   : italic;
        color        : var(--text-color);
      }

      .client-info {
        display    : flex;
        align-items: center;
      }

      .client-img {
        width        : 60px;
        height       : 60px;
        border-radius: 50%;
        overflow     : hidden;
        margin-right : 15px;
        border       : 3px solid var(--accent-color);
      }

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

      .client-name {
        font-weight  : 600;
        color        : var(--secondary-color);
        margin-bottom: 5px;
      }

      .client-role {
        font-size     : 0.9rem;
        color         : var(--accent-color);
        text-transform: uppercase;
        letter-spacing: 1px;
        font-family   : 'Bodoni Moda', serif;
        font-style    : italic;
      }


      /* ===== FOOTER ===== */
      .footer {
        background-color: var(--primary-color);
        color           : var(--text-color);
        padding         : 100px 0 40px;
        border-top      : 1px solid var(--medium-gray);
      }

      .footer-title {
        font-size    : 1.8rem;
        color        : var(--secondary-color);
        margin-bottom: 1.5rem;
      }

      .footer-links {
        list-style: none;
        padding   : 0;
      }

      .footer-links li {
        margin-bottom: 0.8rem;
      }

      .footer-links a {
        color          : var(--text-color);
        text-decoration: none;
        transition     : var(--transition);
        position       : relative;
        padding-left   : 0;
      }

      .footer-links a:hover {
        color       : var(--accent-color);
        padding-left: 10px;
      }

      .footer-links a::before {
        content   : "›";
        position  : absolute;
        left      : -15px;
        opacity   : 0;
        transition: var(--transition);
      }

      .footer-links a:hover::before {
        left   : 0;
        opacity: 1;
      }

      .social-icons {
        display           : flex;
        gap               : 15px;
        margin-top        : 2rem;
        /* justify-content: center; */
        align-items       : center;
      }

      .footer-bottom a {
        text-decoration: none;
        color          : var(--secondary-color);
      }

      .social-icon {
        width           : 40px;
        height          : 40px;
        background-color: var(--medium-gray);
        border-radius   : 50%;
        display         : flex;
        align-items     : center;
        justify-content : center;
        color           : var(--text-color);
        transition      : var(--transition);
      }

      .social-icon:hover {
        background-color: var(--accent-color);
        color           : var(--secondary-color);
        transform       : translateY(-5px);
      }

      .payment-icons {
        display   : flex;
        gap       : 10px;
        margin-top: 2rem;
        flex-wrap : wrap;
      }

      .payment-icon {
        width           : 50px;
        height          : 30px;
        background-color: var(--medium-gray);
        border-radius   : 4px;
        display         : flex;
        align-items     : center;
        justify-content : center;
        color           : var(--text-color);
        font-size       : 1.5rem;
      }

      .copyright {
        border-top    : 1px solid var(--medium-gray);
        padding-top   : 30px;
        margin-top    : 60px;
        text-align    : center;
        /* color      : var(--text-color); */
        font-size     : 0.9rem;
        /* opacity    : 0.7; */
      }

      /* ===== RESPONSIVE STYLES ===== */
      @media (max-width: 1200px) {
        .hero-title {
          font-size: 4.5rem;
        }

        .section-title {
          font-size: 3rem;
        }

        .about-title {
          font-size: 3.5rem;
        }
      }

      @media (max-width: 992px) {
        .hero-title {
          font-size: 3.8rem;
        }

        .section-title {
          font-size: 2.5rem;
        }

        .about-title {
          font-size: 3rem;
        }

        .collection-card {
          height: 400px;
        }

        .stat-item {
          margin-right: 2rem;
        }

        /* .social-icons {
          display: none !important;
        } */
        .about-right img {
          width: 100%;
        }

      }

      @media (max-width: 768px) {
        .hero-title {
          font-size: 3rem;
        }

        .hero-subtitle {
          font-size: 1.1rem;
        }

        .section-title {
          font-size: 2.2rem;
        }

        .navbar-brand {
          font-size: 1.8rem;
        }

        .hero-section {
          height: 90vh;
        }

        .collections-section,
        .products-section,
        .about-section,
        .testimonials-section {
          padding: 80px 0;
        }

        .owl-nav {
          display: none;
        }

        .about-stats {
          flex-wrap: wrap;
        }

        .stat-item {
          margin-right : 2rem;
          margin-bottom: 2rem;
        }
      }

      @media (max-width: 576px) {
        .hero-title {
          font-size: 2.5rem;
        }

        .section-title {
          font-size: 2rem;
        }

        .btn {
          padding  : 12px 24px;
          font-size: 0.85rem;
        }

        .collection-card {
          height: 350px;
        }

        .hero-badge {
          font-size: 0.8rem;
          padding  : 6px 15px;
        }
      }