/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra


/* =====================================================
   HETMAN B2B — SYSTEM ZAMÓWIEŃ
   Jeden uporządkowany blok CSS
===================================================== */

/* =====================================================
   B2B 01 — GŁÓWNY WRAPPER TABELI
===================================================== */

.b2b-wrap {
    max-width: 1100px;
    margin: 0 auto;
    background: #fff;
    padding: 25px;
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

.b2b-title {
    font-size: 28px;
    margin-bottom: 10px;
}

.b2b-subtitle {
    margin-bottom: 20px;
    color: #666;
}

/* =====================================================
   B2B 02 — TABELA B2B DESKTOP
===================================================== */

.b2b-table {
    width: 100%;
    border-collapse: collapse;
}

.b2b-table th {
    background: #f4f6f8;
    padding: 12px;
    text-align: left;
    font-weight: 700;
}

.b2b-table td {
    padding: 12px;
    border-top: 1px solid #eee;
    vertical-align: middle;
}

.b2b-sep td {
    background: #fafafa;
    font-weight: 700;
    font-size: 17px;
}

/* =====================================================
   B2B 03 — PRODUKT / MINIATURY
===================================================== */

.b2b-product {
    min-width: 260px;
    white-space: nowrap;
}

.b2b-product img {
    width: 64px;
    height: 64px;
    min-width: 64px;
    max-width: 64px;
    object-fit: contain;
    display: inline-block;
    vertical-align: middle;
    margin-right: 14px;
    padding: 6px;
    border: 1px solid #d8d0bd !important;
    border-radius: 8px;
    background: #fff;
    box-sizing: border-box;
    box-shadow: none !important;
}

.b2b-product div {
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    line-height: 1.35;
}

/* =====================================================
   B2B 04 — KOLORY OPAKOWAŃ / PROGÓW
===================================================== */

.b2b-row-d {
    background: #fafafa;
}

.b2b-row-z {
    background: #f5f9ff;
}

.b2b-row-k {
    background: #f6fff8;
}

/* =====================================================
   B2B 05 — STEPPER
===================================================== */

.b2b-stepper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.b2b-stepper button {
    width: 32px;
    height: 32px;
    border: none;
    background: #eee;
    cursor: pointer;
    border-radius: 6px;
    font-weight: 700;
    transition: 0.2s;
}

.b2b-stepper button:hover {
    background: #ddd;
}

.b2b-input {
    width: 70px;
    text-align: center;
    font-weight: 600;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 6px;
}

/* =====================================================
   B2B 06 — PODSUMOWANIE POD TABELĄ
===================================================== */

.b2b-summary {
    margin-top: 20px;
    font-size: 16px;
}

#sum {
    font-size: 18px;
    font-weight: 600;
}

#info {
    margin-top: 5px;
    font-weight: 600;
}

#progress {
    margin-top: 5px;
    font-size: 13px;
    color: #666;
}

#b2b_hint {
    line-height: 1.5;
}

/* =====================================================
   B2B 07 — PRZYCISK GŁÓWNY
===================================================== */

.b2b-submit {
    margin-top: 15px;
    width: 100%;
    border: 1px solid #d9821f;
    padding: 14px;
    border-radius: 10px;
    font-size: 16px;
    cursor: pointer;
    background: #fff;
    color: #d9821f;
    font-weight: 600;
    transition: 0.2s;
}

.b2b-submit:hover {
    background: #d9821f;
    color: #fff;
    transform: translateY(-2px);
}

/* =====================================================
   B2B 08 — KONTAKT POD TABELĄ
===================================================== */

.b2b-contact {
    margin-top: 30px;
    text-align: center;
}

.b2b-contact h3 {
    margin-bottom: 5px;
}

.b2b-contact p {
    font-size: 14px;
    color: #666;
    margin-bottom: 15px;
}

.b2b-contact-grid {
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
}

.b2b-contact-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    background: #fff;
    padding: 14px;
    border-radius: 12px;
    flex: 0 1 140px;
    min-width: 90px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.06);
    transition: 0.2s;
    color: inherit;
}

.b2b-contact-item:hover {
    transform: translateY(-2px);
}

.b2b-contact-item span {
    margin-top: 6px;
    font-size: 13px;
}

/* =====================================================
   B2B 09 — KOSZYK / CHECKOUT B2B
===================================================== */

.b2b-cart-box {
    margin-top: 20px;
    padding: 15px;
    background: #f9fafb;
    border-radius: 12px;
    font-size: 14px;
}

.b2b-cart-box h3 {
    margin-bottom: 10px;
}

.b2b-cart-info {
    font-size: 14px;
    color: #555;
    margin-bottom: 10px;
}

.b2b-cart-progress {
    font-weight: 600;
    margin-top: 5px;
}

.b2b-cart-actions {
    margin-top: 15px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.b2b-cart-actions a {
    flex: 1;
    text-align: center;
}

.b2b-payment-toggle {
    background: #fff8e1;
    padding: 12px;
    border-radius: 10px;
    margin-bottom: 15px;
    font-size: 14px;
}

.woocommerce-cart-form .quantity {
    display: none !important;
}

/* =====================================================
   B2B 10 — SEKCJA INFORMACYJNA POD TABELĄ
===================================================== */

.b2b-after-table {
    max-width: 1100px;
    margin: 42px auto 0;
}

.b2b-after-table h3 {
    margin-top: 0;
    margin-bottom: 12px;
    font-size: 22px;
    line-height: 1.3;
    font-weight: 700;
    color: #111827;
}

.b2b-after-table p {
    margin-bottom: 12px;
    line-height: 1.7;
    color: #374151;
}

.b2b-after-table ul,
.b2b-after-table ol {
    margin: 0;
    padding-left: 20px;
}

.b2b-after-table li {
    margin-bottom: 8px;
    line-height: 1.6;
    color: #374151;
}

.b2b-after-table li:last-child,
.b2b-after-table p:last-child {
    margin-bottom: 0;
}

.b2b-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-bottom: 18px;
}

.b2b-box,
.b2b-highlight-box,
.b2b-cta-box {
    background: rgba(255,255,255,0.82);
    border: 1px solid #d9e0e6;
    border-radius: 12px;
    padding: 22px;
    box-shadow: 0 8px 22px rgba(0,0,0,0.035);
}

.b2b-highlight-box {
    margin-bottom: 18px;
}

.b2b-cta-box {
    margin-top: 18px;
    text-align: center;
    font-weight: 600;
}

/* =====================================================
   DESIGN 01 — GLOBALNE ZMIENNE / DESIGN TOKENS
===================================================== */

:root {
    --pg-bg: #f5f6f7;
    --pg-surface: #ffffff;
    --pg-surface-soft: #f0f2f4;
    --pg-dark: #1f2933;
    --pg-dark-2: #334150;
    --pg-text: #111827;
    --pg-muted: #66737f;
    --pg-accent: #d9821f;
    --pg-accent-hover: #b9650f;
    --pg-border: #d9e0e6;

    --pg-radius: 14px;
    --pg-radius-lg: 22px;
    --pg-shadow: 0 10px 28px rgba(0,0,0,0.055);
}

/* =====================================================
   DESIGN 02 — GLOBALNE TŁO I PODSTAWY
===================================================== */

body {
    background:
        radial-gradient(circle at top left, rgba(217,130,31,0.07), transparent 30%),
        linear-gradient(135deg, #f7f8f9 0%, #eef1f4 48%, #ffffff 100%);
    color: var(--pg-text);
}

.site-content,
.ast-container,
.entry-content {
    background: transparent;
}

/* linki tylko w treści, nie globalnie wszędzie */
.entry-content a,
.b2b-after-table strong {
    color: var(--pg-accent);
}

/* =====================================================
   DESIGN 03 — PANELE GLOBALNE B2B / WOOCOMMERCE
===================================================== */

.b2b-wrap,
.b2b-after-table,
.woocommerce-cart-form,
.cart_totals,
.woocommerce-checkout-review-order,
.woocommerce-order,
.woocommerce-customer-details,
.woocommerce-order-details {
    background: rgba(255,255,255,0.88);
    border: 1px solid var(--pg-border);
    border-radius: var(--pg-radius);
    box-shadow: var(--pg-shadow);
}

/* padding tylko dla paneli, które nie mają własnego */
.woocommerce-cart-form,
.cart_totals,
.woocommerce-checkout-review-order,
.woocommerce-order,
.woocommerce-customer-details,
.woocommerce-order-details {
    padding: 22px;
}

/* =====================================================
   DESIGN 04 — DELIKATNY RESTYLE TABELI B2B
===================================================== */

.b2b-table th {
    background: var(--pg-surface-soft);
    color: var(--pg-text);
}

.b2b-sep td {
    background: #eef1f4;
}

.b2b-after-table {
    padding: 28px;
}

.b2b-box,
.b2b-highlight-box,
.b2b-cta-box {
    background: rgba(255,255,255,0.82);
    border: 1px solid var(--pg-border);
}

/* =====================================================
   DESIGN 05 — PRZYCISKI WOOCOMMERCE / B2B
===================================================== */

.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button,
.checkout-button {
    border-radius: 10px;
    font-weight: 700;
}

/* =====================================================
   DESIGN 06 — KLASY DO PRZYSZŁYCH SEKCJI ELEMENTORA
===================================================== */

.pg-section {
    padding: clamp(48px, 6vw, 88px) 20px;
}

.pg-section-light {
    background: linear-gradient(180deg, #ffffff 0%, #f5f6f7 100%);
}

.pg-section-alt {
    background: #eef1f4;
}

.pg-section-dark {
    background:
        radial-gradient(circle at 20% 20%, rgba(255,255,255,.06), transparent 32%),
        linear-gradient(135deg, #1f2933 0%, #101820 100%);
    color: #ffffff;
}

.pg-container {
    width: min(100%, 1180px);
    margin-left: auto;
    margin-right: auto;
}

.pg-card {
    background: #ffffff;
    border: 1px solid var(--pg-border);
    border-radius: var(--pg-radius);
    box-shadow: var(--pg-shadow);
    padding: clamp(22px, 3vw, 34px);
}

.pg-card-dark {
    background: linear-gradient(135deg, #26323d 0%, #17202a 100%);
    color: #ffffff;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: var(--pg-radius);
    box-shadow: var(--pg-shadow);
}

.pg-feature-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

/* =====================================================
   B2B 11 — MOBILE: TABELA JAKO KARTY
===================================================== */

@media (max-width: 768px) {

    .b2b-wrap {
        padding: 15px;
        border-radius: 12px;
        overflow: visible;
    }

    .b2b-title {
        font-size: 24px;
    }

    .b2b-subtitle {
        font-size: 14px;
    }

    .b2b-table,
    .b2b-table tbody,
    .b2b-table tr,
    .b2b-table td {
        display: block;
        width: 100%;
    }

    .b2b-table thead {
        display: none;
    }

    .b2b-table tr {
        margin-bottom: 12px;
        padding: 12px;
        border-radius: 12px;
        border: 1px solid #ece5d6;
        box-shadow: 0 5px 15px rgba(0,0,0,0.045);
        background: #fff;
    }

    .b2b-table td {
        border: none;
        padding: 7px 0;
    }

    .b2b-sep {
        padding: 0 !important;
        border: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
    }

    .b2b-sep td {
        background: transparent;
        padding: 18px 0 6px;
        font-size: 18px;
        border: none;
    }

    .b2b-row-d {
        background: #fafafa !important;
    }

    .b2b-row-z {
        background: #f5f9ff !important;
    }

    .b2b-row-k {
        background: #f6fff8 !important;
    }

    .b2b-product {
        min-width: 0;
        white-space: normal;
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .b2b-product img {
        width: 58px;
        height: 58px;
        min-width: 58px;
        max-width: 58px;
        margin-right: 0;
        padding: 5px;
    }

    .b2b-product div {
        display: block;
        font-weight: 600;
    }

    .b2b-table td:nth-child(2)::before {
        content: "Cena: ";
        font-weight: 700;
    }

    .b2b-table td:nth-child(3)::before {
        content: "Opakowanie: ";
        font-weight: 700;
    }

    .b2b-table td:nth-child(4)::before {
        content: "Ilość: ";
        font-weight: 700;
        display: block;
        margin-bottom: 6px;
    }

    .b2b-table td:nth-child(5)::before {
        content: "Sztuki: ";
        font-weight: 700;
    }

    .b2b-table td:nth-child(6)::before {
        content: "Wartość: ";
        font-weight: 700;
    }

    .b2b-stepper {
        justify-content: flex-start;
    }

    .b2b-input {
        width: 64px;
    }

    .b2b-submit {
        font-size: 15px;
    }

    .b2b-cart-actions {
        flex-direction: column;
    }

    .b2b-contact-grid {
        gap: 8px;
    }

    .b2b-contact-item {
        flex: 1 1 calc(33.333% - 8px);
        min-width: 80px;
        padding: 10px;
    }

    .b2b-after-table {
        margin-top: 32px;
        padding: 20px;
    }

    .b2b-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .b2b-box,
    .b2b-highlight-box,
    .b2b-cta-box {
        padding: 18px;
    }

    .b2b-after-table h3 {
        font-size: 20px;
    }

    .woocommerce-cart-form,
    .cart_totals,
    .woocommerce-checkout-review-order,
    .woocommerce-order,
    .woocommerce-customer-details,
    .woocommerce-order-details {
        padding: 16px;
    }

    .pg-feature-grid {
        grid-template-columns: 1fr;
    }

    .pg-section {
        padding: 44px 16px;
    }
}
/* =====================================================
   DESIGN 07 — HOME / HERO / PREMIUM INDUSTRIAL SECTIONS
===================================================== */

.pg-hero {
    position: relative;
    overflow: hidden;
    min-height: clamp(520px, 70vh, 760px);
    display: flex;
    align-items: center;
}

.pg-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(16,24,32,0.92) 0%, rgba(16,24,32,0.74) 46%, rgba(16,24,32,0.25) 100%);
    z-index: 1;
}

.pg-hero > .elementor-container,
.pg-hero > .e-con-inner {
    position: relative;
    z-index: 2;
}

.pg-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
    color: #f2a13a;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.pg-hero h1 {
    max-width: 760px;
    color: #ffffff;
    font-size: clamp(38px, 5.5vw, 72px);
    line-height: 1.02;
    letter-spacing: -0.04em;
}

.pg-hero p {
    max-width: 620px;
    color: rgba(255,255,255,0.82);
    font-size: clamp(17px, 1.5vw, 21px);
    line-height: 1.65;
}

.pg-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 30px;
}

.pg-btn-outline {
    background: transparent !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,.42) !important;
}

.pg-btn-outline:hover {
    background: rgba(255,255,255,.12) !important;
    border-color: #ffffff !important;
}

.pg-business-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.pg-business-card {
    min-height: 260px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.pg-card-label {
    color: var(--pg-accent);
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .1em;
    margin-bottom: 12px;
}

.pg-card h3 {
    margin-bottom: 12px;
}

.pg-card p {
    color: var(--pg-muted);
    line-height: 1.65;
}

.pg-split {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: clamp(28px, 5vw, 70px);
    align-items: center;
}

.pg-image-panel {
    min-height: 420px;
    border-radius: var(--pg-radius-lg);
    overflow: hidden;
    box-shadow: var(--pg-shadow);
    background: #d9e0e6;
}

.pg-image-panel img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* statystyki / liczby */
.pg-stat-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.pg-stat {
    padding: 24px;
    background: #ffffff;
    border: 1px solid var(--pg-border);
    border-radius: var(--pg-radius);
    box-shadow: var(--pg-shadow);
}

.pg-stat strong {
    display: block;
    font-size: 34px;
    line-height: 1;
    color: var(--pg-dark);
    margin-bottom: 8px;
}

.pg-stat span {
    color: var(--pg-muted);
    font-size: 14px;
}

/* mobile */
@media (max-width: 921px) {
    .pg-business-grid,
    .pg-split,
    .pg-stat-grid {
        grid-template-columns: 1fr;
    }

    .pg-hero {
        min-height: 560px;
    }

    .pg-hero::before {
        background: rgba(16,24,32,0.82);
    }
}
/* =====================================================
   DESIGN 08 — HOME HERO RESPONSIVE POLISH
===================================================== */

@media (max-width: 768px) {

    .pg-hero {
        min-height: 540px;
        align-items: flex-start;
        padding: 60px 16px 44px;
    }

    .pg-hero::before {
        background: rgba(16,24,32,0.82);
    }

    .pg-hero h1 {
        font-size: 30px !important;
        line-height: 1.08 !important;
        letter-spacing: -0.02em;
        max-width: 100%;
    }

    .pg-hero p {
        font-size: 15px !important;
        line-height: 1.55 !important;
        max-width: 100%;
    }

    .pg-eyebrow {
        font-size: 11px;
        letter-spacing: .08em;
        margin-bottom: 8px;
    }

    .pg-hero-actions {
        flex-direction: column;
        gap: 10px;
        margin-top: 20px;
        width: 100%;
    }

    .pg-hero-actions .elementor-button,
    .pg-hero-actions a {
        width: 100%;
        text-align: center;
    }
}

@media (max-width: 390px) {
    .pg-hero h1 {
        font-size: 28px !important;
    }
}
/* =====================================================
   MOBILE SAFE FIX
===================================================== */

@media (max-width: 768px) {
    html,
    body {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    img,
    video,
    iframe {
        max-width: 100%;
        height: auto;
    }

    .pg-hero {
        overflow: hidden;
    }
}
/* =====================================================
   HOTFIX — ELEMENTOR CONTAINER OVERFLOW
===================================================== */

.e-con {
    box-sizing: border-box;
}

.pg-business-grid,
.pg-feature-grid {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.pg-business-grid > *,
.pg-feature-grid > * {
    min-width: 0;
    box-sizing: border-box;
}

/* =====================================================
   B2B — CENNIK PDF BOX
===================================================== */

.b2b-price-list-box {
    display: flex;
    align-items: center;
    gap: 14px;
    max-width: 360px;
    padding: 16px 18px;
    border: 1px solid rgba(216,208,189,0.9);
    border-radius: 12px;
    background: rgba(255,255,255,0.86);
    box-shadow: 0 8px 22px rgba(0,0,0,0.035);
    color: #111827;
    text-decoration: none;
}

.b2b-price-list-box strong {
    font-size: 16px;
}

.b2b-price-list-box span {
    font-size: 13px;
    color: #666;
}

.b2b-price-list-icon {
    font-size: 26px;
    line-height: 1;
}

.b2b-price-list-link:hover {
    border-color: #d99a2b;
    transform: translateY(-1px);
}

/* =====================================================
   B2B — GÓRNE KARTY: LOGIN + CENNIK
===================================================== */

.b2b-top-card {
    display: flex;
    align-items: center;
    gap: 16px;
    min-height: 92px;
    padding: 22px 26px;
    border: 1px solid rgba(216,208,189,0.9);
    border-radius: 12px;
    background: rgba(255,255,255,0.86);
    box-shadow: 0 8px 22px rgba(0,0,0,0.035);
    color: #0f172a;
    text-decoration: none;
}

.b2b-top-card strong {
    display: block;
    font-size: 18px;
    line-height: 1.25;
    margin-bottom: 6px;
}

.b2b-top-card span {
    display: block;
    font-size: 14px;
    color: #667085;
    line-height: 1.4;
}

.b2b-top-icon {
    font-size: 30px;
    line-height: 1;
    min-width: 34px;
    text-align: center;
}

.b2b-top-link {
    display: inline-block;
    margin-top: 10px;
    color: #d99a2b;
    font-weight: 700;
    text-decoration: none;
}

.b2b-top-card-link:hover {
    border-color: #d99a2b;
    transform: translateY(-1px);
}

@media (max-width: 768px) {
    .b2b-top-card {
        min-height: auto;
        padding: 18px;
    }

    .b2b-top-card strong {
        font-size: 16px;
    }
}
/* =====================================================
   HOTFIX — BLOKADA DODAWANIA DO KOSZYKA Z KART PRODUKTÓW
   Zakupy mają iść przez tabelę Zamówienia B2B
===================================================== */

.single-product form.cart {
    display: none !important;
}

.see-b2b-price {
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 15px;
    padding: 8px 16px;
    border: 1px solid #d9821f;
    border-radius: 20px;
    color: #d9821f;
    font-weight: 600;
    text-decoration: none;
    font-size: 14px;
    white-space: nowrap;
}

.see-b2b-price:hover {
    background: #d9821f;
    color: #fff;
}

.hetman-product-full-description {
    max-width: 980px;
    margin: 50px auto;
    padding: 35px;
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid #e8e4d8;
    box-shadow: 0 8px 25px rgba(0,0,0,.04);
}

.hetman-product-full-description h2 {
    font-size: 28px;
    line-height: 1.25;
    margin-top: 32px;
    margin-bottom: 18px;
}

.hetman-product-full-description h2:first-child {
    margin-top: 0;
}

.hetman-product-full-description h3 {
    font-size: 21px;
    line-height: 1.3;
    margin-top: 26px;
    margin-bottom: 10px;
}

.hetman-product-full-description p,
.hetman-product-full-description li,
.hetman-product-full-description td {
    font-size: 16px;
    line-height: 1.7;
}

.hetman-product-full-description table {
    width: 100%;
    margin: 20px 0 32px;
    border-collapse: collapse;
}

.hetman-product-full-description td {
    padding: 13px 16px;
}

@media (max-width: 768px) {
    .hetman-product-full-description {
        margin: 35px 12px;
        padding: 22px 16px;
    }

    .hetman-product-full-description h2 {
        font-size: 24px;
    }

    .hetman-product-full-description h3 {
        font-size: 19px;
    }

    .hetman-product-full-description table {
        display: block;
        overflow-x: auto;
    }

    .hetman-product-full-description td {
        font-size: 14px;
        padding: 11px;
    }
}