/* Layout & Reset Fixes */
          .menu-toggle-btn {
            background: none;
            border: none;
            padding: 0;
          }

          .navbar-brand img {
            max-width: 100%;
            object-fit: contain;
          }

          #favorites-text {
            color: rgb(74, 5, 74);
          }

          /* Card Setup */
          .product-card {
            position: relative;
            background: #ffffff;
            border: 1px solid #e5e5e5;
            border-radius: 8px;
            padding: 15px;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            transition: box-shadow 0.3s ease;
          }

          .product-card:hover {
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
          }

          .product-link {
            text-decoration: none;
            color: inherit;
          }

          /* Badge and Typography */
          .badge-sale {
            position: absolute;
            top: 10px;
            left: 10px;
            background-color: #ff4d4f;
            color: white;
            padding: 2px 8px;
            font-size: 0.75rem;
            font-weight: bold;
            border-radius: 4px;
            z-index: 2;
          }

          .product-title {
            font-weight: 500;
            margin: 10px 0 5px;
            font-size: 0.95rem;
          }

          /* Price layouts */
          .price-old {
            text-decoration: line-through;
            color: #8c8c8c;
            margin-right: 8px;
            font-size: 0.85rem;
          }

          .price-new {
            font-weight: 600;
            color: #222222;
          }

          /* Tab Styling Enhancements */
          .fav-nav .nav-link {
            color: #555;
            border-bottom: 2px solid transparent;
            padding: 8px 24px;
          }

          .fav-nav .nav-link.active {
            color: #000 !important;
            font-weight: 600;
            border-bottom: 2px solid #000 !important;
            background: transparent !important;
          }

          /* Buttons styles */
          .btn-action-cart {
            background-color: #f5f5f5;
            color: #333;
            border: 1px solid #d9d9d9;
          }

          .btn-action-buy {
            background-color: #000;
            color: #fff;
          }

          /* Brand Highlights Custom Styling */
          .brand-highlights {
            background-color: #fafafa;
            /* Subtle light background to separate sections */
            overflow: hidden;
          }

          .small-subtitle {
            letter-spacing: 0.12em;
            font-size: 0.85rem;
          }

          .highlight-video {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 20px;
            display: block;
          }

          /* Restricts the video framework so it matches text heights nicely on desktops */
          .video-container-wrapper {
            max-width: 500px;
            position: relative;
            border-radius: 20px;
            overflow: hidden;
            /* Optional sleek dynamic line effect around video container */
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
          }

          /* Clean up modern text layouts */
          .brand-highlights h2 {
            color: #1a1a1a;
            line-height: 1.2;
          }

          .feature-icon-wrapper i {
            line-height: 1;
            display: inline-block;
          }

          /* Mobile Responsive Overrides */
          @media (max-width: 991.98px) {
            .video-container-wrapper {
              max-width: 100%;
              margin-top: 2rem;
            }

            .brand-highlights .display-5 {
              font-size: calc(1.425rem + 2.1vw);
              /* Fluid responsive typography */
            }
          }

          /* Philosophy Banner Custom Styles */
          .philosophy-banner {
            /* Dynamic vertical spacing for desktop/mobile consistency */
            padding-top: 5.5rem !important;
            padding-bottom: 5.5rem !important;
          }

          .philosophy-banner .tracking-widest {
            letter-spacing: 0.18em;
            font-size: 0.8rem;
          }

          .philosophy-title {
            font-size: 2.25rem;
            max-width: 720px;
            /* Restricts width so text wraps elegantly instead of spanning the entire screen */
            color: #111111;
            letter-spacing: -0.02em;
            /* Gives long copy a premium, tight editorial feel */
          }

          /* Fluid scale typography for smaller viewports */
          @media (max-width: 767.98px) {
            .philosophy-banner {
              padding-top: 4rem !important;
              padding-bottom: 4rem !important;
            }

            .philosophy-title {
              font-size: 1.65rem;
              padding-left: 10px;
              padding-right: 10px;
            }
          }

          /* Premium Philosophy Section Styles */
          .brand-philosophy-section {
            padding-top: 5.5rem !important;
            padding-bottom: 5.5rem !important;
            background-image: linear-gradient(rgba(0, 0, 0, 0.378), rgba(0, 0, 0, 0.755)), url('../Image/banner_sections.png');
            background-size: cover;
            background-position: center;
          }

          /* Tracking for small subtitles */
          .tracking-widest {
            letter-spacing: 0.18em;
            font-size: 0.8rem;
          }

          /* Main Hook Title */
          .philosophy-main-title {
            font-size: 2.5rem;
            max-width: 750px;
            color: #fdfbfb;
            letter-spacing: -0.02em;
          }

          /* Inner narrative box details */
          .philosophy-text-box {
            max-width: 820px;
            border-top: 1px solid #eaeaea;
          }

          .philosophy-primary-text {
            font-size: 1.45rem;
            letter-spacing: -0.01em;
            color: #e9e5e5;
          }

          .philosophy-secondary-text {
            font-size: 1.05rem;
            max-width: 580px;
            line-height: 1.6;
          }

          /* Fluid typography adjustments for mobile viewports */
          @media (max-width: 767.98px) {
            .brand-philosophy-section {
              padding-top: 4rem !important;
              padding-bottom: 4rem !important;
            }

            .philosophy-main-title {
              font-size: 1.75rem;
            }

            .philosophy-primary-text {
              font-size: 1.2rem;
            }

            .philosophy-secondary-text {
              font-size: 0.95rem;
            }
          }

          .certifications-section {
            background-color: #fafafa;
            padding-top: 4.5rem !important;
            padding-bottom: 4.5rem !important;
          }

          .cert-title {
            font-size: 0.85rem;
            text-transform: uppercase;
            font-weight: 700;
            letter-spacing: 0.2em;
            color: #198754;
            /* Matches Bootstrap text-success */
          }

          .cert-item-wrapper {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 100%;
          }

          .cert-circle-icon {
            width: 90px;
            height: 90px;
            background-color: #ffffff;
            border: 1px solid #eaeaea;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 1rem;
            padding: 16px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
          }

          .cert-item-wrapper:hover .cert-circle-icon {
            transform: translateY(-4px);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
          }

          .cert-circle-icon img {
            max-width: 100%;
            max-height: 100%;
            object-fit: contain;
          }

          .cert-item-wrapper p {
            font-size: 0.95rem;
            font-weight: 500;
            color: #2b2b2b;
            margin-bottom: 0;
            letter-spacing: -0.01em;
          }

          @media (max-width: 767.98px) {
            .certifications-section {
              padding-top: 3.5rem !important;
              padding-bottom: 3.5rem !important;
            }

            .cert-circle-icon {
              width: 80px;
              height: 80px;
              padding: 14px;
            }

            .cert-item-wrapper p {
              font-size: 0.85rem;
            }
          }

          /* Global Section Settings */
          .brand-combined-footer-section {
            background-color: #ffffff;
            padding-top: 5rem !important;
            padding-bottom: 5rem !important;
          }

          .section-subtitle-premium {
            font-size: 0.8rem;
            text-transform: uppercase;
            font-weight: 700;
            letter-spacing: 0.2em;
            color: #198754;
            margin-bottom: 0.75rem;
          }

          .section-title-premium {
            font-size: 2.25rem;
            font-weight: 700;
            color: #111111;
            letter-spacing: -0.02em;
          }

          /* --- REVIEW CAROUSEL STYLES --- */
          .reviews-wrapper {
            padding-bottom: 5rem;
            border-bottom: 1px solid #f0f0f0;
          }

          .review-card-box {
            background: #fafafa;
            border: 1px solid #eaeaea;
            border-radius: 12px;
            padding: 24px;
            height: 100%;
            text-align: left;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            transition: box-shadow 0.3s ease;
          }

          .review-card-box:hover {
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
          }

          .review-username {
            font-weight: 600;
            color: #222222;
            font-size: 0.95rem;
          }

          .verified-check {
            color: #198754;
            font-size: 0.85rem;
          }

          .review-card-stars {
            color: #ffc107;
            font-size: 0.85rem;
          }

          .review-card-title {
            font-weight: 700;
            color: #111111;
            font-size: 1rem;
          }

          .review-card-body {
            font-size: 0.9rem;
            color: #555555;
            line-height: 1.5;
          }

          /* Custom Navigation Buttons Positioning */
          .carousel-control-custom {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 40px;
            height: 40px;
            background: #ffffff;
            border: 1px solid #eaeaea;
            border-radius: 50%;
            color: #333333;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
            z-index: 5;
            transition: all 0.2s ease;
          }

          .carousel-control-custom:hover {
            background: #000000;
            color: #ffffff;
            border-color: #000000;
          }

          .carousel-control-custom.prev-pos {
            left: -20px;
          }

          .carousel-control-custom.next-pos {
            right: -20px;
          }

          /* --- FAQ ACCORDION STYLES --- */
          .faq-wrapper {
            padding-top: 5rem;
            padding-bottom: 5rem;
            border-bottom: 1px solid #f0f0f0;
          }

          .faq-custom-card {
            background: #ffffff;
            border: 1px solid #eaeaea;
            border-radius: 8px;
            margin-bottom: 12px;
            overflow: hidden;
          }

          .faq-header-btn {
            width: 100%;
            padding: 18px 24px;
            background: #ffffff;
            border: none;
            text-align: left;
            font-size: 1.05rem;
            font-weight: 600;
            color: #111111;
            display: flex;
            justify-content: space-between;
            align-items: center;
            transition: background-color 0.2s ease;
          }

          .faq-header-btn:not(.collapsed) {
            background-color: #fafafa;
            color: #198754;
          }

          .faq-header-btn::after {
            font-family: "bootstrap-icons";
            content: "\f282";
            /* Chevron down */
            font-size: 0.9rem;
            transition: transform 0.2s ease;
          }

          .faq-header-btn:not(.collapsed)::after {
            transform: rotate(180deg);
          }

          .faq-body-content {
            padding: 0 24px 20px 24px;
            font-size: 0.95rem;
            color: #555555;
            line-height: 1.6;
            background-color: #fafafa;
          }

          /* --- RETAILERS GRID STYLES --- */
          .retailers-wrapper {
            padding-top: 5rem;
          }

          .retailer-logo-img {
            max-width: 120px;
            height: auto;
            filter: grayscale(100%);
            opacity: 0.6;
            transition: all 0.3s ease;
          }

          .retailer-logo-img:hover {
            filter: grayscale(0%);
            opacity: 1;
            transform: scale(1.05);
          }

          /* Responsive Adjustments */
          @media (max-width: 767.98px) {
            .section-title-premium {
              font-size: 1.75rem;
            }

            .carousel-control-custom {
              display: none;
            }

            /* Mobile: reduce slider arrow size */
            .slider-control-prev,
            .slider-control-next {
              width: 32px;
              height: 32px;
            }

            .slider-control-prev .carousel-control-prev-icon,
            .slider-control-next .carousel-control-next-icon {
              width: 16px;
              height: 16px;
              background: black;
            }

            .slider-indicators {
              bottom: -30px;
            }

            /* Hide layout breakers on mobile */
            .reviews-wrapper {
              padding-bottom: 3.5rem;
            }

            .faq-wrapper,
            .retailers-wrapper {
              padding-top: 3.5rem;
              padding-bottom: 3.5rem;
            }

            .faq-header-btn {
              font-size: 0.95rem;
              padding: 14px 18px;
            }

            .faq-body-content {
              padding: 0 18px 16px 18px;
              font-size: 0.88rem;
            }

            .retailer-logo-img {
              max-width: 90px;
            }
          }

          /* ===== One-by-One Product Track Slider ===== */
          .carousel-track-wrap {
            overflow: hidden;
            margin: 0 -6px;
            padding: 0 6px;
          }

          .carousel-track {
            display: flex;
            gap: 0;
            transition: transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            will-change: transform;
          }

          .carousel-track-item {
            flex: 0 0 calc(100% / 2); /* 2 items on mobile */
            padding: 0 6px;
            box-sizing: border-box;
          }

          @media (min-width: 576px) {
            .carousel-track-item {
              flex: 0 0 calc(100% / 3); /* 3 items on tablet */
            }
          }

          @media (min-width: 992px) {
            .carousel-track-item {
              flex: 0 0 calc(100% / 4); /* 4 items on desktop */
            }
          }

          .carousel-track-item .product-card {
            margin: 0;
            width: 100%;
          }

          /* Slider Arrow Buttons */
          .slider-control-prev,
          .slider-control-next {
            width: 44px;
            height: 44px;
            background: #ffffff;
            border: 1px solid #eaeaea;
            border-radius: 50%;
            top: 50%;
            transform: translateY(-50%);
            opacity: 1;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
            transition: all 0.2s ease;
            z-index: 10;
          }

          .slider-control-prev:hover,
          .slider-control-next:hover {
            background: #000000;
            border-color: #000000;
          }

          .slider-control-prev:hover .carousel-control-prev-icon,
          .slider-control-next:hover .carousel-control-next-icon {
            filter: brightness(0) invert(1);
          }

          .slider-control-prev {
            left: -22px;
          }

          .slider-control-next {
            right: -22px;
          }

          /* Premium Catalog Layout Setup */
          .product-showcase-section {
            background-color: #ffffff;
            padding: 4rem 0;
          }

          /* Card Engineering */
          .product-card {
            background: #ffffff;
            border: 1px solid #eaeaea;
            border-radius: 12px;
            padding: 16px;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease;
            position: relative;
            overflow: hidden;
          }

          .product-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
          }

          /* Img Framing Architecture */
          .img-container {
            width: 100%;
            height: 240px;
            background-color: #fafafa;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            overflow: hidden;
            padding: 12px;
          }

          .img-container img {
            max-width: 100%;
            max-height: 100%;
            object-fit: contain;
            transition: transform 0.5s ease;
          }

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

          /* Badges Layout */
          .sale-badge {
            position: absolute;
            top: 12px;
            left: 12px;
            background: #ff4d4f;
            color: #ffffff;
            font-size: 0.75rem;
            font-weight: 700;
            padding: 3px 10px;
            border-radius: 4px;
            z-index: 2;
            letter-spacing: 0.02em;
          }

          /* Typography Engine */
          .brand-name {
            font-size: 0.72rem;
            text-transform: uppercase;
            font-weight: 700;
            letter-spacing: 0.1em;
            color: #8c8c8c;
            margin-bottom: 4px;
          }

          .product-title {
            font-size: 0.95rem;
            font-weight: 600;
            color: #1a1a1a;
            line-height: 1.4;
            margin-bottom: 8px;
            min-height: 40px;
            /* Aligns pricing rows across fluid columns */
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
          }

          /* Pricing Section */
          .price-container {
            margin-bottom: 14px;
            display: flex;
            align-items: center;
            gap: 8px;
          }

          .current-price,
          .discount-price {
            font-size: 1.05rem;
            font-weight: 700;
            color: #222222;
          }

          .old-price {
            font-size: 0.88rem;
            color: #bfbfbf;
            text-decoration: line-through;
          }

          /* Premium Action Buttons */
          .btn-add-to-cart {
            background-color: #000000;
            color: #ffffff;
            border: 1px solid #000000;
            font-size: 0.88rem;
            font-weight: 600;
            padding: 10px 0;
            border-radius: 6px;
            transition: all 0.2s ease;
          }

          .btn-add-to-cart:hover {
            background-color: #ffffff;
            color: #000000;
          }

          /* Pagination controls */
          .pagination .page-item .page-link {
            color: #333333;
            border: 1px solid #eaeaea;
            padding: 8px 16px;
            font-weight: 500;
            transition: all 0.2s ease;
          }

          .pagination .page-item.active .page-link {
            background-color: #000000;
            border-color: #000000;
            color: #ffffff;
          }

          /* Mobile Responsive Overrides */
          @media (max-width: 767.98px) {
            .img-container {
              height: 170px;
            }

            .product-title {
              font-size: 0.85rem;
              min-height: 36px;
            }

            .current-price,
            .discount-price {
              font-size: 0.95rem;
            }

            .product-card {
              padding: 12px;
            }
          }
          /* Premium Brand Architecture */
    .about-section {
      background-color: #ffffff;
      padding-top: 5rem;
      padding-bottom: 3rem;
    }

    .about-title {
      font-size: 2.75rem;
      font-weight: 700;
      color: #111111;
      letter-spacing: -0.02em;
      margin-bottom: 1.5rem;
    }

    .about-description {
      font-size: 1.1rem;
      line-height: 1.75;
      color: #555555;
      max-width: 850px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 4.5rem;
    }

    /* Alternating Visual Rows Engine */
    .editorial-grid-row {
      margin-bottom: 4rem;
    }

    .editorial-content-box {
      padding: 3rem;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      background-color: #fafafa;
      border-radius: 16px;
    }

    .editorial-content-box h2 {
      font-size: 2rem;
      font-weight: 700;
      color: #1a1a1a;
      letter-spacing: -0.01em;
      margin-bottom: 1.25rem;
      line-height: 1.3;
    }

    .editorial-content-box p {
      font-size: 1rem;
      line-height: 1.65;
      color: #666666;
      margin-bottom: 0;
    }

    .editorial-image-box {
      width: 100%;
      height: 100%;
      min-height: 380px;
      overflow: hidden;
      border-radius: 16px;
      box-shadow: 0 10px 35px rgba(0, 0, 0, 0.04);
    }

    .editorial-image-box img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    /* Mobile Responsive Overrides */
    @media (max-width: 991.98px) {
      .about-title { font-size: 2.25rem; }
      .about-description { font-size: 1rem; margin-bottom: 3rem; }
      .editorial-content-box { padding: 2rem; margin-top: 1rem; }
      .editorial-image-box { min-height: 280px; }
      .editorial-grid-row { margin-bottom: 3rem; }
      
      /* Forces mobile stacking order to maintain visual harmony: Image always drops above or below text evenly */
      .mobile-reverse-stack {
        display: flex;
        flex-direction: column-reverse;
      }
    }

          /* Global Footer Brand Section Layout Architecture */
          .main-footer-dark {
            background-color: #121212;
            color: #ffffff;
            font-size: 0.9rem;
          }

          .footer-brand-logo-text {
            font-family: inherit;
          }

          .footer-brand-logo-text .brand-kr {
            display: block;
            font-size: 0.85rem;
            letter-spacing: 3px;
            color: #ffffff;
            margin-bottom: 2px;
            opacity: 0.9;
          }

          .footer-brand-logo-text .brand-en {
            display: block;
            font-size: 1.4rem;
            font-weight: 400;
            letter-spacing: 4px;
            color: #ffffff;
            text-transform: uppercase;
          }

          .footer-column-title {
            font-size: 1rem;
            font-weight: 600;
            margin-bottom: 20px;
            color: #ffffff;
          }

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

          .footer-links-list li {
            margin-bottom: 12px;
          }

          .footer-links-list a {
            color: #ffffff;
            text-decoration: none;
            opacity: 0.85;
            transition: opacity 0.2s ease;
          }

          .footer-links-list a:hover {
            opacity: 1;
            color: #ffffff;
          }

          .footer-social-row {
            margin-top: 40px;
            margin-bottom: 25px;
          }

          .footer-social-link {
            color: #ffffff;
            font-size: 1.3rem;
            text-decoration: none;
            transition: opacity 0.2s ease;
            opacity: 0.9;
          }

          .footer-social-link:hover {
            opacity: 1;
            color: #ffffff;
          }

          .footer-copyright-text {
            font-size: 0.75rem;
            opacity: 0.6;
            letter-spacing: 0.3px;
            border-top: 1px solid rgba(255, 255, 255, 0.05);
            padding-top: 25px;
          }

          @media (max-width: 1200px) {
            .carousel-control-custom.prev-pos {
              left: -20px;
            }

            .carousel-control-custom.next-pos {
              right: -20px;
            }
          }

          @media (max-width: 991.98px) {
            .video-card-frame {
              flex: 0 0 calc(33.333% - 11px);
            }
          }

          @media (max-width: 767.98px) {
            .graphic-frame {
              height: 340px;
            }

            .highlight-heading-bottom {
              font-size: 1.85rem;
            }

            .philosophy-title {
              font-size: 1.45rem;
            }

            .philosophy-banner {
              height: 300px;
            }

            .philosophy-primary-text {
              font-size: 1.05rem;
            }

            .philosophy-secondary-text {
              font-size: 0.95rem;
            }

            .video-card-frame {
              flex: 0 0 calc(50% - 8px);
              min-width: 165px;
            }

            .reviews-heading {
              font-size: 1.75rem;
            }

            .carousel-control-custom {
              display: none !important;
            }
          }