@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

       html,
       body {
           margin: 0;
           padding: 0;
           width: 100%;
           height: 100%;
           min-width: 700px;
           overflow: auto;
       }

       body {
           font-family: "Roboto", Arial, sans-serif;
           background: #fff;
           min-height: 100vh;
       }

       p {
           font-size: 14px;
           text-align: justify;
           line-height: 200%;
           width: 65%;
           box-sizing: border-box;
           padding: 2px;
       }

       #offers {
           background: #000;
           color: #fff;
           font-size: 12px;
           text-align: center;
           width: 100%;
           padding: 8px 0;
       }

       .main_con {
           width: 86%;
           margin: 0 auto;
           box-sizing: border-box;
           padding: 8px 0;
           display: block;
       }

       #menu {
           display: flex;
           align-items: center;
           justify-content: flex-end;
           gap: 10px;
           position: relative;
       }

       #menu img,
       #menu image {
           position: absolute;
           height: 85px;
           top: 22px;
           left: -38px;
           z-index: 3;
           cursor: pointer;
       }

       #menu a {
           font-size: 14px;
           font-weight: 400;
           color: #555;
           text-decoration: none;
           cursor: pointer;
           margin: 7px;
           padding: 7px;
           transition: transform 0.2s;
       }

       #menu a:hover {
           transform: scale(1.1);
       }

       #featured {
           min-height: 120px;
           border-bottom: solid 5px #000;
           border-top: solid 5px #000;
           padding: 30px 0;
           text-align: center;
       }

       #featured h1 {
           font-family: "Oswald", Arial, sans-serif;
           font-size: 50px;
           margin: 25px 0;
       }

       #main {
           min-height: 60vh;
           padding: 30px 0;
           display: flex;
           flex-wrap: wrap;
       }

       .main_sub {
           box-sizing: border-box;
           display: block;
       }

       #main_bar {
           width: 25%;
           min-width: 220px;
           float: left;
       }

       #main_products {
           width: 75%;
           float: left;
           display: flex;
           flex-wrap: wrap;
       }

       .bar_con {
           width: 100%;
           box-sizing: border-box;
           padding: 0.5%;
           margin-top: 20px;
           display: block;
       }

       #filters {
           display: none;
       }

       #search {
           width: 79%;
           padding: 4%;
           border: solid 1px #000;
           font-size: 1em;
       }

       #search_btn {
           position: absolute;
           width: 19%;
           height: 95%;
           background: #000;
           color: #fff;
           right: 0;
           border: 0;
           border-radius: 7px;
           cursor: pointer;
           font-size: 25px;
           transition: background 0.3s, border-radius 0.3s;
       }

       #footer a:hover {
           font-size: 16px;
       }

       #search_btn:hover {
           background: #096e71;
           border-radius: 8px;
       }

       #bar_medium {
           margin-top: 60px;
       }

       .product_price {
           font-family: "Oswald", Arial, sans-serif;
           font-size: 20px;
           color: #555;
           margin: 0 0 10px 0;
       }

       #price_range {
           width: 100%;
           cursor: pointer;
       }

       #min_price,
       #max_price {
           height: 30px;
           color: #555;
           width: 60px;
           font-size: 12px;
           border: solid 1px #000;
           cursor: pointer;
           margin-right: 5px;
       }

       #bar_price {
           margin-bottom: 30px;
       }

       .bar_con label {
           font-size: 14px;
           color: #555;
           line-height: 2;
           cursor: pointer;
           display: block;
       }

       .bar_con input[type="checkbox"] {
           width: 20px;
           height: 20px;
           cursor: pointer;
           margin-right: 3%;
       }

       .footer_sub {
           float: left;
           color: #fff;
           box-sizing: border-box;
           padding: 0.5%;
           height: 100%;
           width: 20%;
       }

       #footer {
           min-height: 200px;
           background: #000;
           color: #fff;
           width: 100%;
           padding: 25px 25px 75px 25px;
           display: flex;
           flex-wrap: wrap;
       }

       #footer_main {
           width: 40%;
       }

       #footer h3,
       #footer a {
           font-size: 15px;
           color: #fff;
           text-decoration: none;
           width: 100%;
           box-sizing: border-box;
           padding: 0.5%;
           display: table;
           line-height: 2;
       }

       #footer h3 {
           font-family: "Oswald", Arial, sans-serif;
           font-size: 20px;
           font-weight: 400;
       }

       .product_thumbnail {
           position: relative;
           float: left;
           box-sizing: border-box;
           padding: 2% 0% 2% 4%;
           width: 33.3%;
           height: 48vh;
           cursor: pointer;
           transition: transform 0.2s;
       }

       .product_thumbnail:hover {
           transform: scale(1.1);
       }

       .product_img_con {
           position: relative;
           width: 100%;
           height: 80%;
           display: table;
           background: #eee;
           border-radius: 3px;
       }

       .product_img_con img,
       .product_img_con image {
           position: absolute;
           top: 0;
           bottom: 0;
           left: 0;
           right: 0;
           margin: auto;
           max-width: 80%;
           max-height: 80%;
           border: solid 3px #000;
           box-shadow: 1px 2px 3px 0px #555;
       }

       .product_thumbnail a {
           width: 100%;
           color: #000;
           font-weight: 600;
           margin-top: 10px;
           display: table;
           text-decoration: none;
           line-height: 14px;
           font-family: "Oswald", Arial, sans-serif;
           font-size: 17px;
       }

       .product_thumbnail span {
           width: 100%;
           color: #555;
           font-weight: 400;
           line-height: 12px;
           font-family: "Roboto", Arial, sans-serif;
           font-size: 13px;
       }

       .full_width {
           width: 100%;
           box-sizing: border-box;
           padding: 7px;
           display: block;
       }

       #product_subcon {
           height: 80vh;
           display: flex;
           flex-wrap: wrap;

       }

       .p_con_sub {
           box-sizing: border-box;
           padding: 30px;
           height: 100%;
       }

       #product_image_con {
           position: relative;
           width: 55%;
           background: #eee;
           min-width: 250px;
           cursor: pointer;
       }

       #product_image_con img {
           position: absolute;
           top: 0;
           bottom: 0;
           right: 0;
           left: 0;
           margin: auto;
           max-width: 85%;
           max-height: 85%;
           border: solid 3px #000;
           box-shadow: 1px 2px 3px 0px #555;
       }

       #product_menu {
           width: 45%;
           min-width: 220px;
           position: relative;
       }

       .p_men_sub {
           box-sizing: border-box;
           padding: 5px;
           width: 100%;
           margin-bottom: 5px;
           display: block;
           margin-top: 0px;
       }

       .product_title {
           font-size: 30px;
           font-family: "Oswald", Arial, sans-serif;
           color: #000;
           line-height: 1.8;
           font-weight: 600;
           padding: 0;
           margin: 15px 0 -5px 10px;
       }

       .product_maker {
           font-size: 25px;
           font-family: "Oswald", Arial, sans-serif;
           color: #000;
           line-height: 1.8;
           margin: 25px 0px 0px 0px;
           font-weight: 300;
       }

       .product_price {
           font-size: 17px;
           font-family: "Roboto", Arial, sans-serif;
           color: #555;
           line-height: 1.8;
           font-weight: 500;
           box-sizing: border-box;
           width: auto;
           text-align: right;
           height: 0;
           padding-right: 5vw;
       }


       #product_menu label {
           font-size: 14px;
           color: #555;
       }


       .product_description {
           font-family: "Roboto", Arial, sans-serif;
           color: #555;
           line-height: 1.8;
           font-weight: 400;
           text-align: justify;
           font-size: 14px;
       }

       .p_category {
           font-size: 10px;
           font-family: "Roboto", Arial, sans-serif;
           color: #b7b7b9;
           line-height: 1.8;
           font-weight: 400;
           text-align: right;
           box-sizing: border-box;
           padding: 15px 5vw 0 0;
       }

       .p_quantity {
           padding: 15px;
           font-size: 13px;
           border: solid 1px #000;
           margin: 0px 10px 20px 10px;
           width: 75px;
           cursor: pointer;
       }

       .add_to_cart,
       #buy {
           padding: 15px 30px;
           font-size: 13px;
           color: #fff;
           background: #000;
           border-radius: 5px;
           border: none;
           font-family: "Roboto", Arial, sans-serif;
           font-weight: 600;
           cursor: pointer;
           margin: auto;
           transition: background 0.3s, border-radius 0.3s, font-weight 0.3s;
       }

       .add_to_cart:hover {
           background: #096e71;
           border-radius: 8px;
           font-weight: 800;
       }

       .add_to_cart:disabled:hover {
           background: #555;
           border-radius: 8px;
           font-weight: 800;
           text-decoration: line-through;
       }

       .social-links {
           margin-top: 60px;
           width: 170px;
       }

       .social-links h3 {
           color: #555;
           font-size: 1.2rem;
           margin-bottom: 15px;
       }

       .social-icons {
           display: flex;
           gap: 15px;
       }

       .social-icon {
           display: inline-flex !important;
           align-items: center !important;
           justify-content: center !important;
           width: 45px;
           height: 45px;
           background: #f8f9fa;
           border-radius: 50%;
           color: #6c757d !important;
           text-decoration: none;
           font-size: 1.2rem !important;
           transition: all 0.3s ease;
       }

       .social-icon:hover {
           background: #007bff;
           color: white;
           transform: translateY(-3px);
           box-shadow: 0 6px 20px rgba(0, 123, 255, 0.3);
       }

       #product_dir {
           margin-top: 50px;
           font-size: 16px;
           color: #b7b7b7;
           text-decoration: none;
           margin-bottom: 3px;
           left: -15px;
           font-family: "Oswald", Arial, sans-serif;
       }

       #product_dir a {
           color: #b7b7b7;
           text-decoration: none;
           font-weight: 200;
       }

       #product_dir a:hover,
       #product_dir a:last-child {
           color: #555;
           font-weight: 400;
       }

       #more_info_menu a {
           padding: 5px 10px;
           margin: 5px;
           font-size: 22px;
           cursor: pointer;
           font-weight: 400;
           color: #555;
           font-family: 'Oswald', Arial, sans-serif;
           border-bottom: 2px solid transparent;
           transition: border-bottom 0.2s;
           display: inline-block;
       }

       #more_info_menu a:first-child {
           border-bottom: solid 2px #555;
       }

       #more_info_menu a:hover {
           border-bottom: solid 2px #555;
       }

       #more_info_con {
           margin-top: 30px;
       }

       #more_info p {
           width: 100%;
       }

       #description {
           display: block;
       }

       .related_sub_con {
           width: 100%;
           box-sizing: border-box;
           padding: 7px;
           margin-bottom: 70px;
           display: flex;
           flex-wrap: wrap;
           gap: 2.65%;
       }

       .related_product_con {
           box-sizing: border-box;
           padding: 5px;
           height: 100%;
           width: 23%;
           min-width: 180px;
           cursor: pointer;
           transition: transform 0.2s;
           text-decoration: none;

       }

       .related_product_con a {
           text-decoration: none;

       }


       .related_product_con:hover {
           transform: scale(1.02);
       }

       .related_product_img_con {
           width: 100%;
           background: #eee;
           height: 40vh;
           border-radius: 5px;
           position: relative;

       }

       .related_product_img_con img {
           position: absolute;
           top: 0;
           bottom: 0;
           right: 0;
           left: 0;
           margin: auto;
           max-width: 80%;
           max-height: 80%;
           border: solid 3px #000;
           box-shadow: 1px 2px 3px 0px #555;
       }

       .related {
           font-family: "Oswald", Arial, sans-serif;
           color: #333;
           font-size: 30px;
           font-weight: 400;
           margin: 5px;
       }

       .related_price {
           font-family: "Roboto", Arial, sans-serif;
           color: #333;
           width: 100%;
           font-size: 15px;
           font-weight: 400;
           text-align: center;
       }

       .related_title {
           font-family: "Oswald", Arial, sans-serif;
           color: #333;
           width: 100%;
           font-size: 21px;
           font-weight: 400;
           text-align: center;
       }

       .related_cart {
           float: initial;
           display: block;
       }

       #footer_main img,
       #footer_main image {
           max-width: 35%;
           max-height: 50%;
       }

       #footer_main p {
           padding: 0 0 0 50px;
           margin: 0;
           width: 90%;
       }

       #featured p {
           width: 80%
       }

       .full_product {
           position: fixed;
           top: 0;
           left: 0;
           width: 100vw;
           height: 100vh;
           background: rgba(0, 0, 0, 0.85);
           display: flex;
           align-items: center;
           justify-content: center;
           z-index: 99999;
       }

       .full_product img {
           position: absolute;
           top: 0;
           bottom: 0;
           right: 0;
           left: 0;
           margin: auto;
           max-width: 90%;
           max-height: 90%;
       }

       .full_product div {
           max-width: 90vw;
           max-height: 90vh;
           overflow: auto;
       }

       .full_product span {
           position: absolute;
           top: 24px;
           right: 32px;
           font-size: 2.2rem;
           cursor: pointer;
           color: #fff;
       }

       .full_product span:hover {
           color: #096e71;
           transform: scale(1.01);
       }

       .sold {
           margin: 0;
           font-size: 18px;
           color: #E91E63;
           width: 100%;
           text-align: right;
           box-sizing: border-box;
           padding-right: 40px;
           font-family: 'oswald';
           font-weight: 400;

       }

       .cart-link {
           color: #858585 !important;
       }

       /* Responsive styles */
       @media (max-width: 900px) {
           #product_subcon {
               flex-direction: column;
           }

           #product_image_con,
           #product_menu {
               /* width: 100%; */
               min-width: 0;
           }

           .related_product_con {
               width: 48%;
           }
       }

       @media (max-width: 700px) {

           .main_con,
           #footer {
               width: 98%;
               padding-left: 1%;
               padding-right: 1%;
           }

           #featured h1 {
               font-size: 30px;
           }

           .related_product_con {
               width: 98%;
               padding: 2% 1%;
           }

           #footer {
               flex-direction: column;
           }

           .footer_sub {
               width: 100%;
               margin-bottom: 1em;
           }
       }