* {margin: 0;padding: 0;box-sizing: border-box;}
body {font-family: 'Poppins', sans-serif;background-color: #292929;color: #222;min-height: 100vh;display: flex;flex-direction: column;}
header {position: sticky;top: 0;background: linear-gradient(to bottom, #000000 0% 50%, #06551e 100%);color: rgb(0, 0, 0);padding: 0.75rem 1.5rem;font-weight: 700;font-size: 1.25rem;box-shadow: 0 4px 6px rgb(0 0 0 / 0.1);z-index: 99;user-select: none;display: flex;justify-content: space-between;align-items: center;}
header img.logo {height: 36px;margin-right: 1rem;border-radius: 6px;}
.nav-buttons {display: flex;gap: 1rem;}
.nav-button {background: #087717;color: #ffffff;border: none;padding: 0.5rem 1rem;border-radius: 5px;cursor: pointer;font-weight: 600;transition: background 0.3s ease;}
.nav-button:hover {background: #e0e0e0;}
.container {max-width: 1140px;margin: 1rem auto 3rem auto;padding-right: 15px;padding-left: 15px;display: flex;gap: 2rem;flex-wrap: wrap;}
@keyframes blinkings {0% {border: 2px solid #fff;} 100% {border: 2px solid #9602dbde;}}
@media (min-width: 768px) {.container {max-width: 720px;}}
@media (min-width: 992px) {.container {max-width: 960px;}}
@media (min-width: 1200px) {.container {width: 1000px;}}
.product-images {flex: 1 1 400px;}
.main-image {width: 100%;border-radius: 12px;box-shadow: 0 4px 16px rgb(0 0 0 / 0.12);cursor: pointer;transition: transform 0.3s ease;max-width: max-content;}
.main-image:hover {transform: scale(1.04);}
.product-info {flex: 1 1 400px;display: flex;flex-direction: column;justify-content: flex-start;}
.product-title {font-weight: 700;font-size: 1.78rem;color: orange;margin-bottom: 0.5rem;line-height: 1.2;}
.price-section {margin: 1rem 0 0.5rem 0;display: flex;align-items: center;gap: 1rem;flex-wrap: wrap;}
.price {font-weight: 700;font-size: 2.1rem;color: #39b54a;}
.price-original {text-decoration: line-through;color: #919191;font-weight: 600;font-size: 1.1rem;}
.discount-badge {color: white;background: #970404;font-weight: 700;font-size: 0.9rem;padding: 0.25rem 0.65rem;border-radius: 7px;user-select: none;}
.review-section {margin-top: 0.8rem;display: flex;align-items: center;gap: 0.6rem;color: #ffffff;}
.star {color: #ffbe00;font-size: 1.15rem;user-select: none;}
.review-count {color: #ffffff;font-size: 0.9rem;text-decoration: none;text-decoration: none;}
.btn-body {margin: 15px 0;position: relative;display: flex;}
.btn-body .btn-items {margin: 0 5px;width: 100%;}
.btn-body .btn-items a {text-decoration: none;width: 100%;padding: 13px 5px;color: #fff;background: #087717;border-radius: 10px;display: inline-block;text-align: center;overflow: hidden;position: relative;}
.btn-body .btn-items a::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #0fc527;opacity: 0;transition: 0.2s opacity ease-in-out;}
.seller-bar {margin-top: 2.5rem;padding: 1rem 1.3rem;background: rgb(0, 0, 0);box-shadow: 0 3px 12px rgb(0 0 0 / 0.05);border-radius: 10px;border: 1px solid #ffffff;display: flex;align-items: center;gap: 1rem;font-size: 0.95rem;}
.seller-name {font-size: 0.85rem;color: #ffffff;margin-bottom: 0.2rem;}
.seller-name-bold {font-weight: 700;color: #ffffff;text-decoration: none;}
.product-description {margin-top: 2rem;background: rgb(0, 0, 0);border-radius: 12px;padding: 1.3rem 1.7rem 2rem 1.7rem;box-shadow: 0 3px 14px rgb(0 0 0 / 0.08);color: #f8f8f8;font-size: 1rem;line-height: 1.5;max-width: 800px;}
.fixed-footer {display: flex;justify-content: space-around;position: fixed;background: linear-gradient(to bottom, #000000 0% 50%, #06551e 100%);padding: 5px 0;box-shadow: 0 0 8px 4px #000;left: 0;right: 0;bottom: 0;z-index: 99;}
.fixed-footer a {flex-basis: calc((100% - 15px * 6) / 5);text-decoration: none;display: flex;flex-direction: column;justify-content: center;align-items: center;color: #fff;max-width: 75px;font-size: 12px;font-family: monospace;}
.fixed-footer img {max-width: 300px;margin-bottom: 5px;max-height: 25px;}
.btn-body {margin: 15px 0;position: relative;display: flex}
.btn-body .btn-items {margin: 0 5px;width: 100%}
.btn-body .btn-items a {text-decoration: none;width: 100%;padding: 13px 5px;color: #fff;background: #087717;;border-radius: 10px;display: inline-block;text-align: center;overflow: hidden;position: relative}
.btn-body .btn-items a::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #0fc527;opacity: 0;-webkit-transition: 0.2s opacity ease-in-out;transition: 0.2s opacity ease-in-out}
.content h2, .content h3 {text-align: center;color: rgb(255, 72, 0);}
.content p {text-align: justify;}
.content li {font-weight: bold;list-style-type: decimal;font-size: 15px;}
.cell2 {margin-bottom: 1em;}
.cell2 li {font-weight: normal;font-size: 14px;}
.content a {font-weight: bold;color: orange;text-decoration: none;}
.content a:hover {color: #c76d07;}
.footer-ok{text-align: center;}
.color-content-ok {color: #ffffff;text-decoration: none;}