/* Global Styles */
      :root {
        --primary-color: #dc3545;
        --secondary-color: #f9f9f9;
        --accent-color: #28a745;
        --text-color: #333;
        --muted-color: #aaa;
      }
      html,
      body {
        overflow-x: hidden;
      }
      /* Component: Article */
      .article-content {
        max-width: 1160px;
        margin: 0 auto;
      }
      .img-article {
        max-width: 600px;
        width: 100%;
        height: auto;
      }

      /* Avatar Component */
      .avatar {
        width: 50px;
        height: 50px;
        min-width: 50px; /* Prevents avatar from shrinking */
        max-width: 50px;
        object-fit: cover;
        border-radius: 0.375rem;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
      }

      .avatar-sm {
        width: 35px;
        height: 35px;
        min-width: 35px;
        max-width: 35px;
      }

      .avatar-lg {
        width: 65px;
        height: 65px;
        min-width: 65px;
        max-width: 65px;
      }

      .article-image {
        max-width: 100%;
        height: auto;
      }

      /* Component: Testimonial */
      .testimonial {
        background: var(--secondary-color);
        padding: 1.5rem;
        border-radius: 8px;
        margin: 1.5rem 0;
      }

      /* Component: Product Stats */
      .product-stats {
        color: var(--text-color);
        font-size: 0.9rem;
      }

      .product-rating {
        color: #ffc107;
      }

      /* Navbar styles */
      .navbar {
        padding: 0.5rem 1rem;
      }

      .navbar-brand {
        margin: 0 !important;
      }

      /* Hide navigation links on small screens */
      @media (max-width: 991.98px) {
        .navbar-nav {
          display: none;
        }
      }

      /* Desktop navigation */
      @media (min-width: 992px) {
        .navbar-collapse {
          position: static;
          padding: 0;
        }

        .navbar-nav {
          margin: 0;
        }
      }

      /* Main page styles */

      /* Global styles */
      p,
      li {
        font-size: 1.25rem; /* 20px */
        line-height: 1.6;
      }

      .advertorial_texts {
        padding: 0;
      }

      .advertorial_texts p {
        font-size: 0.875rem; /* 14px */
        line-height: 1.2;
      }
      .content-wrapper {
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
        padding: 0 1rem;
      }

      /* Product section */
      .product {
        margin: 2rem 0;
      }

      .product__image {
        max-width: 100%;
        height: auto;
        margin-bottom: 1rem;
      }

      .product__description {
        line-height: 1.6;
        color: #333;
        font-size: 1.25rem;
      }
      .image-comment {
        max-width: 600px;
      }
      .image-conteiner {
        max-width: 600px;
        width: 100%;
        height: auto;
      }
      .two-images-container {
        display: flex;
        gap: 10px;
        justify-content: space-between;
        max-width: 600px;
        width: 100%;
      }
      .two-images-container img {
        width: calc(50% - 5px);
        object-fit: cover;
      }
      .order-form {
        background: #f9f9f9;
        border-radius: 10px;
        padding: 20px;
      }
      .discount {
        font-size: 1.5rem;
        font-weight: bold;
        color: green;
      }
      .timer {
        font-size: 1.2rem;
        color: orange;
        font-weight: bold;
      }
      .price {
        font-size: 2rem;
        font-weight: bold;
        color: orange;
      }
      .old-price {
        text-decoration: line-through;
        color: #aaa;
      }
      .form-control {
        border-radius: 5px;
      }
      .submit-btn {
        background-color: green;
        color: white;
        font-weight: bold;
        border-radius: 5px;
      }
      .img-product {
        max-width: 450px;
        width: 100%;
        height: auto;
      }

      /* Accessibility */
      .visually-hidden {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        white-space: nowrap !important;
        border: 0 !important;
      }

      /* Animated Order Button */
      .pulse {
        animation: pulse 1.5s infinite;
      }

      @keyframes pulse {
        0% {
          transform: scale(1);
        }
        50% {
          transform: scale(1.2);
        }
        100% {
          transform: scale(1);
        }
      }
      .hours,
      .minutes,
      .seconds {
        font-size: 24px;
        font-weight: bold;
        display: inline-block;
      }