.product-container {
            margin-top: 50px;
            margin-bottom: 50px;
        }
.product-image {
    max-width: 400px;   /* set the maximum width */
    max-height: 600px;  /* set the maximum height */
    width: 100%;        /* keep it responsive inside its container */
    height: auto;       /* maintain aspect ratio */
    border-radius: 15px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    object-fit: contain; /* makes it scale neatly inside the box */
    
    
}

        .product-title {
            font-weight: 700;
        }
        .product-description {
            font-size: 1.1rem;
            color: #555;
        }

.product-description ul {
  list-style-position: inside;   /* keeps bullets aligned with text */
  /*margin-left: 0;                /* optional: remove default left indent */
  padding-left: 1rem;            /* adjust spacing as needed */
}

.product-description li {
  text-align: justify;           /* aligns both left and right edges */
  text-justify: inter-word;      /* distributes extra space between words */
  hyphens: auto;                 /* allows automatic word breaking */
  margin-bottom: 0.5rem;         /* space between list items */
}

        


        .action-buttons .btn {
            margin: 5px;
            min-width: 150px;
            border-radius: 10px;

        }
        .action-buttons .btn-primary {
            background-color: #902943; /* deep red from your theme */
            border-color: #000000;
            color: #ffffff;
        }

        .action-buttons .btn-primary:hover {
            background-color: #6c757d; /* gray for secondary actions */
        }
        .action-buttons .btn-success {
            background-color: #902943;
            border-color: #000000;
            color: #ffffff;
        }
        .action-buttons .btn-success:hover {
            background-color: #6c757d; /* gray for secondary actions */
        }
        .action-buttons .btn-info {
            background-color: #902943;
            border-color: #000000;
            color: #ffffff;
        }
        .action-buttons .btn-info:hover {
            background-color: #6c757d; /* gray for secondary actions */
        }
        .share-buttons a {
            text-decoration: none !important;
            font-size: 24px;
            margin: 0 10px;
            color: #333;
            transition: color 0.3s;
            
            display: inline-block;
        }
        .share-buttons a:hover {
            color: #343a40;
        }

        /* shrink the YouTube frame */
.video-section .ratio {
  max-width: 500px;   /* set the size you want */
  margin: 0 auto;     /* center it */
}

/* (optional) even smaller on mobile */
@media (max-width: 576px) {
  .video-section .ratio { max-width: 320px; }
}