/* Reset ogólny */
body {
    background: #ffffff !important;
    color: #333333 !important;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.4;
    margin: 0;
    padding: 0;
}

/* Linki */
a {
    color: #000000;
    text-decoration: none;
    transition: color 0.2s;
}

a:hover {
    color: #555555;
}

/* Kontener strony produktu */
.product-page, .product-view, .product-details {
    background: #ffffff;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 10px;
}

/* Nagłówek produktu (tytuł, kruszki) */
.breadcrumbs, .breadcrumb {
    font-size: 12px;
    color: #666666;
    margin-bottom: 15px;
    background: transparent;
    border: none;
}

.breadcrumb a, .breadcrumbs a {
    color: #666666 !important;
}

.breadcrumb a:hover, .breadcrumbs a:hover {
    color: #000000 !important;
}

/* Tytuł produktu */
.product-title, .product-name, h1.product-title {
    font-size: 20px;
    font-weight: 600;
    color: #000000 !important;
    margin: 10px 0;
}

/* Podtytuł, nazwa kolekcji itp. (jeśli występują) */
.product-subtitle, .product-collection {
    font-size: 13px;
    color: #666666;
    margin-bottom: 5px;
    text-transform: uppercase;
}

/* Galeria produktu */
.product-gallery, .product-images {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.product-gallery .main-image, .product-images .main-image {
    flex: 1 1 60%;
    text-align: center;
    padding: 10px;
}

.product-gallery .main-image img, .product-images .main-image img {
    max-width: 100%;
    height: auto;
}

.product-gallery .thumbnails, .product-images .thumbnails {
    flex: 1 1 40%;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    margin: 10px;
}

.product-gallery .thumbnails img, .product-images .thumbnails img {
    max-width: 80px;
    margin: 5px;
    cursor: pointer;
    border: 1px solid #e5e5e5;
    padding: 2px;
    transition: border-color 0.2s;
}

.product-gallery .thumbnails img:hover, .product-images .thumbnails img:hover {
    border-color: #000000;
}

/* Dane produktu (cena, warianty, przyciski) */
.product-info, .product-details-info {
    margin-bottom: 20px;
}

.product-price, .price {
    font-size: 24px;
    font-weight: 700;
    color: #000000;
    margin: 15px 0;
}

/* Warianty, np. rozmiary, kolory */
.product-variants, .product-options, .product-attributes {
    margin: 10px 0;
    padding: 0;
    list-style: none;
}

.product-variants li, .product-options li {
    margin: 5px 0;
}

.product-variants label, .product-options label {
    font-weight: 600;
    color: #000000;
    margin-right: 10px;
    font-size: 14px;
}

.product-variants select, .product-options select,
.product-variants input[type="radio"], .product-options input[type="radio"] {
    margin: 0 5px;
}

/* Przyciski akcji: Dodaj do koszyka, kup teraz */
.add-to-cart, .btn-cart, .product-add-to-cart button {
    background: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #333333 !important;
    padding: 10px 20px;
    font-size: 14px;
    text-transform: none;
    border-radius: 0;
    cursor: pointer;
    transition: background 0.2s;
    margin-top: 10px;
}

.add-to-cart:hover, .btn-cart:hover, .product-add-to-cart button:hover {
    background: #f8f8f8 !important;
    border-color: #000000 !important;
}

/* Zakładki / Opis / Opinie / Specyfikacja */
.product-tabs, .tabs, .product-description-tabs {
    margin: 20px 0;
    border-bottom: 1px solid #e5e5e5;
}

.product-tabs .tab-header,
.tabs .tab-header {
    display: inline-block;
    margin-right: 20px;
    padding: 10px 0;
    font-size: 14px;
    color: #333333;
    cursor: pointer;
    position: relative;
}

.product-tabs .tab-header.active,
.tabs .tab-header.active {
    color: #000000;
    font-weight: 600;
    border-bottom: 2px solid #000000;
}

.tab-content {
    margin-top: 20px;
    font-size: 14px;
    color: #333333;
}

/* Tabele w opisie/specyfikacji */
.tab-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
}

.tab-content table td,
.tab-content table th {
    border: 1px solid #e5e5e5;
    padding: 10px;
    font-size: 13px;
}

.tab-content table th {
    background: #f8f8f8;
    font-weight: 600;
}

/* Opinie / Recenzje */
.product-reviews, .reviews {
    margin: 20px 0;
}

.review-item {
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 0;
}

.review-item .review-author {
    font-weight: 600;
    margin-bottom: 5px;
}

.review-item .review-text {
    font-size: 14px;
    line-height: 1.4;
}

/* Produkty powiązane / Polecane */
.related-products, .recommended-products {
    margin: 40px 0;
}

.related-products h2, .recommended-products h2 {
    font-size: 18px;
    font-weight: 600;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
    margin-bottom: 20px;
    color: #000000;
}

/* Wyświetlanie powiązanych produktów w siatce */
.related-products .product-item, .recommended-products .product-item {
    display: inline-block;
    width: 200px;
    margin: 0 10px 20px;
    vertical-align: top;
    text-align: center;
}

.related-products .product-item img, .recommended-products .product-item img {
    max-width: 100%;
    margin-bottom: 10px;
}

/* Stopka (jeżeli na stronie produktu jest widoczna) */
.footer, .site-footer {
    background: #f9f9f9 !important;
    color: #333333;
    padding: 20px;
    border-top: 1px solid #e5e5e5;
}

.footer a, .site-footer a {
    color: #333333 !important;
}

.footer a:hover, .site-footer a:hover {
    color: #000000 !important;
}