.breadcrumbs {
    margin-top : 1rem;
    height : 30px;
    padding-top : 3px;
    }
    .breadcrumbs .breadcrumb ul {
    display : inline-block;
    list-style-type : none;
    }
    .breadcrumbs .breadcrumb ul li {
    float : left;
    margin-left : 5px;
    text-decoration : none;
    }
    .breadcrumbs .breadcrumb ul li a {
    text-decoration : none;
    color : unset;
    }
    .card {
    margin-bottom : 30px;
    }
    .card {
    position : relative;
    display : flex;
    flex-direction : column;
    min-width : 0;
    overflow-wrap : break-word;
    background-color : #fff;
    background-clip : border-box;
    border : transparent solid 0;
    border-radius : 0;
    }
    .card .card-subtitle {
    font-weight : 300;
    margin-bottom : 10px;
    color : #8898aa;
    }
    .table-product.table-striped tbody tr:nth-of-type(odd) {
    background-color : #f3f8fa !important ;
    }
    .table-product td {
    border-top : 0 solid #dee2e6 !important ;
    color : #728299 !important ;
    }
    .arrow {
    position : absolute;
    top : 50%;
    transform : translateY(-50%);
    font-size : 24px;
    cursor : pointer;
    z-index : 10;
    color : white;
    background-color : rgb(0, 0, 0, 0.5);
    padding : 10px;
    }
    .left-arrow {
    left : -10px;
    }
    .right-arrow {
    right : -10px;
    }
    .price {
    font-size : 24px;
    font-weight : bold;
    margin-bottom : 15px;
    color : rgb(255, 213, 0);
    }
    .description {
    margin-bottom : 15px;
    }
    .divider {
    border-bottom : 1px solid #ccc;
    margin : 20px 0;
    }
    .purchase-info {
    padding : 20px;
    border-radius : 5px;
    }
    .notification {
    position : fixed;
    bottom : 20px;
    right : 20px;
    background-color : rgb(0, 0, 0, 0.8);
    color : white;
    padding : 10px 20px;
    border-radius : 5px;
    z-index : 1000;
    display : none;
    }
    .small-images-alt img:hover {
    transform : scale(1.1);
    border : #333 solid 2px;
    box-shadow : 0 4px 8px rgb(0, 0, 0, 0.3);
    }
    .small-images-alt img {
    width : 102px;
    height : 64px;
    border-radius : 2px;
    cursor : pointer;
    transition : transform 0.3s ease, box-shadow 0.3s ease;
    }
    .small-images-container {
    max-height : 550px;
    overflow-y : auto;
    overflow-x : hidden;
    display : flex;
    flex-direction : column;
    scrollbar-width : none;
    align-items : end;
    }
    .small-images-container::-webkit-scrollbar {
    display : none;
    }
    .small-images-container img {
    width : 64px;
    height : 102px;
    margin : 2px 0;
    cursor : pointer;
    transition : transform 0.2s;
    }
    .small-images-container img:hover {
    transform : scale(1.1);
    }
    @media (max-width: 768px) {
    .small-images-container {
    flex-direction : row;
    flex-wrap : nowrap;
    max-height : 70px;
    overflow-x : auto;
    overflow-y : hidden;
    margin-bottom : 20px;
    }
    .small-images-container img {
    margin : 0 5px;
    width : 60px;
    height : 60px;
    }
    }
    .cart-btn {
    position : fixed;
    width : 60px;
    height : 60px;
    bottom : 120px;
    right : 40px;
    background-color : #fd3c83;
    color : #FFF;
    border-radius : 50px;
    text-align : center;
    font-size : 30px;
    box-shadow : 2px 2px 3px #999;
    z-index : 100;
    cursor : pointer;
    }
    .cart-btn i {
    font-size : 20px;
    }
    .cart-btn .item-count {
    font-size : 16px;
    background-color : #333;
    color : white;
    padding : 2px 6px;
    border-radius : 12px;
    position : absolute;
    top : -10px;
    right : -10px;
    }
    .title {
    font-size : 1.7rem;
    font-weight : bold;
    }
    #pdf-container iframe {
    border : none;
    display : block;
    }
    #pdf-container object .toolbar {
    border : none;
    display : block;
    margin : 0 auto;
    }
    .pdf-viewer-button-group {
    display : flex;
    justify-content : flex-start;
    align-items : center;
    flex-wrap : wrap;
    gap : 5px;
    }
    .pdf-viewer-button {
    background-color : #007bff;
    color : white;
    border : none;
    padding : 5px 10px;
    border-radius : 5px;
    font-size : 14px;
    cursor : pointer;
    transition : background-color 0.3s ease, transform 0.2s ease;
    }
    .pdf-viewer-button:hover {
    background-color : #0056b3;
    transform : scale(1.05);
    }
    .pdf-viewer-button:disabled {
    background-color : #6c757d;
    cursor : not-allowed;
    }
    .pdf-viewer-page-info {
    font-size : 14px;
    font-weight : bold;
    }
    #pdf-canvas {
    border : #ddd solid 1px;
    border-radius : 8px;
    margin-top : 20px;
    width : 100%;
    max-width : 100%;
    }
    * {
    margin : 0;
    padding : 0;
    box-sizing : border-box;
    }
    .container-fluid {
    margin-top : 30px;
    }
    .small-images {
    display : flex;
    flex-direction : column;
    align-items : center;
    }
    .small-images img {
    width : 60px;
    height : 60px;
    border-radius : 10px;
    margin-top : 10px;
    cursor : pointer;
    transition : transform 0.3s ease, box-shadow 0.3s ease;
    }
    .small-images img:hover {
    transform : scale(1.1);
    border : #333 solid 2px;
    box-shadow : 0 4px 8px rgb(0, 0, 0, 0.3);
    }
    .main-image {
    position : relative;
    text-align : center;
    }
    .main-image {
    width : 100%;
    max-width : 350px;
    height : auto;
    overflow : hidden;
    }
    .responsive-image {
    width : 100%;
    height : auto;
    max-height : 550px;
    object-fit : cover;
    }
    .arrow {
    position : absolute;
    top : 50%;
    transform : translateY(-50%);
    background-color : rgb(0, 0, 0, 0.5);
    color : white;
    padding : 10px;
    cursor : pointer;
    z-index : 10;
    }
    .left-arrow {
    left : 10px;
    }
    .right-arrow {
    right : 10px;
    }
    @media only screen and (max-width: 550px) {
    .main-image {
    max-width : 100%;
    }
    .responsive-image {
    width : 100%;
    height : auto;
    }
    .arrow {
    padding : 5px;
    font-size : 18px;
    }
    }
    .price {
    font-size : 28px;
    font-weight : bold;
    margin-bottom : 10px;
    color : #333;
    }
    .description {
    margin-bottom : 10px;
    color : #555;
    }
    .comments a {
    color : #007bff;
    text-decoration : none;
    font-weight : bold;
    }
    .comments a:hover {
    text-decoration : underline;
    }
    .divider {
    margin : 20px 0;
    border-top : 1px solid #ddd;
    }
    .small-images-alt {
    display : flex;
    overflow-x : auto;
    white-space : nowrap;
    }
    .small-images-alt img {
    width : 65px;
    height : 102px;
    border-radius : 2px;
    margin-right : 2px;
    cursor : pointer;
    transition : transform 0.3s ease, box-shadow 0.3s ease;
    }
    .small-images-alt img:hover {
    transform : scale(1.1);
    border : #333 solid 2px;
    box-shadow : 0 4px 8px rgb(0, 0, 0, 0.3);
    }
    .purchase-info {
    padding : 20px;
    background-color : #fff;
    border-radius : 10px;
    }
    .purchase-info h5 {
    margin-bottom : 15px;
    font-size : 20px;
    color : #333;
    }
    .purchase-info .form-group {
    margin-bottom : 15px;
    }
    .purchase-info .form-control {
    border-radius : 5px;
    }
    .purchase-info .btn {
    width : 100%;
    margin-bottom : 15px;
    background-color : #007bff;
    color : #fff;
    border : none;
    border-radius : 5px;
    padding : 10px;
    font-size : 16px;
    }
    .purchase-info .btn:hover {
    background-color : #0056b3;
    }
    .purchase-info .details {
    font-size : 14px;
    color : #333;
    }
    .breadcrumb {
    background-color : transparent !important ;
    padding-left : 0 !important ;
    }
    ul {
    margin-left : 0 !important ;
    padding-left : 0 !important ;
    }
    .large-image-container {
    position : fixed;
    top : 0;
    left : 0;
    width : 100%;
    height : 100%;
    background-color : rgb(0, 0, 0, 0.8);
    display : flex;
    align-items : center;
    justify-content : center;
    z-index : 1000;
    }
    .large-image {
    max-width : 100%;
    max-height : 100%;
    border : white solid 5px;
    box-shadow : 0 0 10px rgb(0, 0, 0, 0.5);
    }