.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary,
.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
    float: none !important;
    width: 100% !important;
}

.woocommerce .hero {
    margin-bottom: 2rem;
}

/* A két vonal közé elhelyezett információ a shop és kategóriák oldalon. */
.ordering-meta {
    display: flex;
    align-items: center;
    padding: 0.5rem 0;
    border-top: solid 1px rgba(0, 0, 0, 0.3);
    border-bottom: solid 1px rgba(0, 0, 0, 0.3);
    margin: 1rem 0;
    justify-content: space-between;
}

.woocommerce .ordering-meta * {
    margin: 0;
}

.woocommerce-result-count {
    font-size: smaller;
}

/* A címek mögötti zöld karika eltüntetve */
.woocommerce-loop-category__title:before,
.woocommerce-loop-product__title:before,
h1.product_title:before,
.woocommerce-tabs h2:before,
.related h2:before,
.wc-block-cart__totals-title:before,
.wc-block-components-checkout-step__title:before {
    content: none;
}

/* a kategóriák és termékek kinézete, amikor sorokban és oszlopokban vannak */
li.product,
.woocommerce-product-gallery__wrapper {
    border-radius: var(--radius);
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #fff;
    box-shadow: 0px 2px 10px 0px rgba(1, 122, 111, 0.20);
    padding: 1rem !important;
}

.woocommerce mark {
    background-color: var(--body-bg);
}




/* Egy termék konkrét oldala */
.single-product main {
    padding: 1.5rem 0;
}

/* az árak megjelenítése */
.woocommerce ul.products li.product .price,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price {
    color: var(--teal);
    font-weight: bold;
}

/* a termék rövid leírása */
.woocommerce-product-details__short-description {
    border-top: solid 1px rgba(0, 0, 0, 0.3);
    border-bottom: solid 1px rgba(0, 0, 0, 0.3);
}

/* gombok formázása */
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt,
.wc-block-components-button__text,
.wc-block-components-button {
    border-radius: 2rem !important;
    color: var(--title) !important;
    background-color: var(--orange) !important;
    padding: .618em 1em;
    border: none;
    font-size: 1.25vw
}

/* meta adatok, mint a cikkszám és a kategória */
.product_meta {
    font-size: smaller;
}

/* a termék akciós plecsni kinézete */
.woocommerce span.onsale {
    background-color: var(--teal);
    padding: 0 0.202em;
    border-radius: 100%;
}

/* a termék cimkéjének a megfolmázása */
.tax-product_cat .product-tags,
.single-product .product-tags {
    position: absolute;
    top: 0.5;
    left: 0;
    z-index: 1;
}

.tax-product_cat .product-tags ul,
.single-product .product-tags ul {
    padding: 0;
}

.tax-product_cat .product-tags li,
.single-product .product-tags li {
    list-style-type: none;
}

.tax-product_cat .product-tags a,
.single-product .product-tags a {
    display: inline-block;
    background: var(--lime);
    color: var(--body-txt);
    padding: 0.25rem 0.5rem;
    margin-bottom: 0.5rem;
    line-height: 1;
    font-size: smaller;
    /* jobb oldali lekerekítés: */
    -webkit-border-top-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-topright: 20px;
    -moz-border-radius-bottomright: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.tax-product_cat .product-tags .uj a,
.single-product .product-tags .uj a {
    background: var(--wc-red);
    color: white;
}

.tax-product_cat .product-tags .csak-uzletben a,
.single-product .product-tags .csak-uzletben a {
    background: var(--orange);
}

/* a termék készletének a megjelenítése */
.out-of-stock {
    color: var(--wc-red);
    font-weight: bold;
}

.in-stock {
    color: var(--teal) !important;
    font-weight: bold;
}




/* Kiemelt, csillagozott termékek */
li.product.featured {
    border: 1px solid var(--teal);
    background: #dbe9ba;
}

li.product.featured img {
    mix-blend-mode: darken;
}