/* poprawka do .owl-carousel .product-item img, .owl-carousel .owl-item img  - usuwajaca klase 100% dla obrazkow - niewiadomoczemu ?
 */
.owl-carousel .owl-item img.carusel-nofull {
    width: unset;
}
/* poprawka do przelewow24 - usniecie marginesow */
.payment-method-icon-przelewy24 {
    margin-left:0px !important;
    padding: 0px !important;
}


/* poprawka do hotspotu */
body .page-wrapper .ox-hotspot__item.-pulse::before {
    left: -1px !important;
    top: 0 !important;
    transform-origin: center;
    width: 40px;
    height: 40px;
}


body .page-wrapper .fotorama__nav-wrap--horizontal .fotorama__nav--thumbs .fotorama__nav__frame--thumb {
    padding: 0 0 0 0 !important;
    margin-right: 12px !important;
    width: 230px !important;
    height: 230px !important;
}

body .page-wrapper .fotorama__nav.fotorama__nav--thumbs {
    height: 230px !important;
}

body .page-wrapper .product-item .product-item-info[data-gallery-product-type="23"] .product-image-container {
    height: 372px !important;
    width: 100% !important;
    aspect-ratio: unset !important;
}

body .page-wrapper .product-item .product-item-info[data-gallery-product-type="23"] .product-image-wrapper {
    padding-bottom: 0 !important;
    height: 100% !important;
}

body .page-wrapper .product-item .product-item-info[data-gallery-product-type="23"] .product-image-container  .product-image-photo {
    height: 372px;
    width: auto;
    left: 50%;
    max-width: unset !important;
    transform: translateX(-50%);
}

@media (max-width: 505px) {
    body .page-wrapper .product-item .product-item-info[data-gallery-product-type="23"] .product-image-container {
        height: 220px !important;
    }
}

@media (max-width: 650px) {
    body .page-wrapper .ox-hotspot__item.-pulse::before {
        width: 20px;
        height: 20px;
    }

    body  .page-wrapper .block .widget-product-list .product-image-photo {
        max-height: 150px;
    }
}

/* Podstawowe style dla przycisków wyboru rozmiaru */
.size_choise_button {
    display: inline-block;
    padding: 8px 12px;
    margin: 5px;
    background-color: #ffffff;
    color: #333333;
    border: 1px solid #cccccc;
    border-radius: 4px;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
}

/* Efekt hover na przycisku */
.size_choise_button:hover {
    background-color: #f5f5f5;
    border-color: #999999;
}

/* Style dla wybranego rozmiaru (aktywny przycisk) */
.size_choise_button.selected,
.size_choise_button.active {
    background-color: #333333;
    color: #ffffff;
    border-color: #333333;
}

/* Style dla przycisku niedostępnego rozmiaru */
.size_choise_button.disabled,
.size_choise_button.unavailable {
    background-color: #f0f0f0;
    color: #999999;
    border-color: #e0e0e0;
    cursor: not-allowed;
    text-decoration: line-through;
    opacity: 0.7;
}


/* Opcjonalne style dla rozmiaru w formie kwadratu (dla numerycznych rozmiarów) */
.size_choise_button.square {
    min-width: 40px;
    height: 40px;
    padding: 0;
    line-height: 38px;
}

body .page-wrapper #paypal-smart-button iframe.component-frame {
    z-index: 1 !important;
}

/* images */
/* Media query dla urządzeń mobilnych */
@media (max-width: 767px) {
    .size_choise_button {
        padding: 6px 10px;
        font-size: 13px;
        margin: 3px;
    }

    .size_choise_button.square {
        min-width: 36px;
        height: 36px;
        line-height: 34px;
    }
}


.product-info-main .swatch-attribute-options {
    row-gap: 10px;
}

body .size_choise_button {
    width: 80px;
}


@media (max-width: 500px) {
    body  .page-wrapper [class^="product-image-container"] span.product-image-wrapper {
        padding-bottom: 0 !important;
        min-height: unset !important;
        max-height: 220px;
        height: 220px;
    }

    body  .page-wrapper [class^="product-image-container"] .product-image-photo {
        width: auto !important;
    }
}


body .columns .product.media .ox-product-labels-wrapper {
/*    display: none !important; */
}

/* ***** */

@media (max-width: 550px) {
    .opis-row {
        flex-direction: column !important;
        align-content: center !important;
    }

    .opis-main-header {
        font-size: 36px !important;
    }

    .opis-header {
        font-size: 36px !important;
    }

    .opis-row-center {
        max-width: 100% !important;
        text-align: center !important;
    }

    .opis-row-content {
        text-align: center !important;
    }

    .opis-main-header .opis-header-first-letter::after {
        display: none !important;
    }

    .opis-header .opis-header-first-letter::after {
        display: none !important;
    }

    .opis-container .opis-row:last-child {
        flex-direction: column-reverse !important;
    }

    .opis-row-img-3, .opis-row-img-2 {
        height: 480px !important;
        overflow: hidden !important;
        position: relative !important;
    }

    .opis-row-img-3 img, .opis-row-img-2 img {
        max-width: unset !important;
        position: absolute !important;
        transform: translate(-50%, -50%) !important;
        left: 50% !important;
        top: 50% !important;
        width: auto !important;
        height: 100% !important;
    }
}

@media (max-width: 770px) {
    body .page-wrapper .product-bar .action.primary.tocart {
        max-width: 255px;
        max-height: 40px;
        margin: 5px 0;
        margin-left: auto;
        margin-right: 10px;
    }
}


@media only screen and (min-width: 1025px) {
    body .page-wrapper .columns .athlete2_product_info__wrapper {
        max-width: 1560px;
    }
}


@media (min-width: 1025px) {
    .tabs-style--minimal .product.data.items.accordion > .item.title > .switch {
        padding-top: 5px !important;
        padding-bottom: 10px !important;
        padding-left: 23px !important;
    }

    .tabs-style--minimal .page-wrapper .athlete2_product__bottom  .product.data.items.accordion > .item.title > .switch:after {
        left: 9px;
        top: 45%;
        width: 1px;
        height: 10px;
        margin-top: -6px;
    }

    .tabs-style--minimal .page-wrapper .athlete2_product__bottom .product.data.items.accordion > .item.title > .switch:before {
        left: 4.5px;
        top: 45%;
        width: 10px;
        height: 1px;
        margin-top: -1px;
    }
}

/*.product-info-main .product.attribute.overview:not([data-open="true"])::after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*    height: 76px; !* Adjust height of the fade effect *!*/
/*    background: linear-gradient(*/
/*            to bottom,*/
/*            rgba(255, 255, 255, 0) 0%,*/
/*            rgba(255, 255, 255, 0.7) 50%,*/
/*            rgba(255, 255, 255, 1) 100%*/
/*    );*/
/*    pointer-events: none; !* Allows clicking through the overlay *!*/
/*}*/



body .block-products-list {
    max-width: 1672px;
    margin: 0 auto;
}

body .page-wrapper .products-grid .product-item .actions-primary {
    width: 100%;
}

body .page-wrapper .products-grid .product-item .actions-primary > form {
    width: 100%;
}

body .page-wrapper .products-grid .product-item .actions-primary .tocart:hover {
    background: transparent;
}

body .page-wrapper .products-grid .product-item .actions-primary .tocart:hover:after {
    background: transparent;
}

body .page-wrapper .products-grid .product-item .actions-primary .tocart:after {
    display: none !important;
}

body .page-wrapper .products-grid .product-item .actions-primary .tocart span {
    font-weight: 500;
}

@media (max-width: 410px) {
    body .page-wrapper .products-grid .product-item .actions-primary .tocart span {
        font-size: 12px;
    }
}

body .page-wrapper .products-grid .product-item .actions-primary .tocart svg {
    display: none;
}

body .page-wrapper .products-grid .product-item .product-grid__image-wrapper .quick-view {
    display: none;
}

body .page-wrapper .products-grid .product-item .product-grid__image-wrapper .ox-nav button {
    background-color: transparent !important;
}

body .page-wrapper .products-grid .product-item .product-grid__image-wrapper .ox-dots {
    display: flex !important;
}

body .page-wrapper .products-grid .product-item .product-grid__image-wrapper .ox-dots .dot.active {
    background-color: #999999;
}

body .page-wrapper .products-grid .product-item .product-grid__image-wrapper .ox-dots .ox-dots__counter {
    background-color: transparent;
    color: #999999;
}
body .page-wrapper .products-grid .product-item .product-grid__image-wrapper .ox-dots .ox-dots__counter .ox-dots__current {
    margin-right: 1px;
}

body .page-wrapper .products-grid .product-item .product-grid__image-wrapper .ox-dots .ox-dots__counter .ox-dots__current:after {
    margin-left: 2px;
}

body .page-wrapper .products-grid .product-item .product-item-details:not(:has(.ox-sale-price-dif)) .price-box {
    margin: auto 0;
}

body .page-wrapper .products-grid .product-item .product-item-details:has(.ox-sale-price-dif) .price-box {
    margin: 0 0 auto 0;
}

@media (min-width: 1025px), print {
    body .widget .tabs-style--minimal .product.data.items > .item.content {
        padding-top: 0;
    }
}

@media (min-width: 1025px), print {
    body .widget .tabs-style--minimal .product.data.items > .item.title > .switch::before {
        height: 2px;
    }
    body .widget .tabs-style--minimal .product.data.items > .item.title:first-child {
        margin-right: 30px;
    }
}

/* ***** */

/* ==========================================================================
   Tier prices table (product view)
   --------------------------------------------------------------------------
   Klasy użyte w app/design/frontend/Olegnax/wallarena/Magento_Catalog/
   templates/product/price/tier_prices.phtml. Szablon przeniesiony 1:1
   z projektu questprofile (Tailwind-like nazewnictwo: table-cell, py-2,
   bg-background-*, checkbox-wrapper-15 itd.), więc style potrzebne do
   jego poprawnego wyrenderowania dopisujemy tu ręcznie.
   ========================================================================== */
.prices-tier-table {
    display: table;
    table-layout: auto;
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}
.prices-tier-table .table-row {
    display: table-row;
}
.prices-tier-table .table-cell {
    display: table-cell;
    vertical-align: middle;
}
.prices-tier-table .table-row > div:nth-child(2) {
    text-align: left;
    padding-left: 20px;
}
.prices-tier-table .font-bold {
    font-weight: 700;
}
.prices-tier-table .py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem;
}
.prices-tier-table .py-1_5 {
    padding-top: .375rem;
    padding-bottom: .375rem;
}
.prices-tier-table .cursor-pointer {
    cursor: pointer;
}
.prices-tier-table .bg-background-2 > div:not(:first-child) {
    padding-top: 8px;
    padding-bottom: 8px;
}
.prices-tier-table .bg-background-2:not(:last-child) > div:not(:first-child) {
    border-bottom: 1px solid rgb(225, 230, 211);
}
.prices-tier-table .table-row:not(:first-child) > div:nth-child(3),
.prices-tier-table .table-row:not(:first-child) > div:nth-child(5) {
    color: #c20000;
}
.prices-tier-table .table-row:has(input:checked) {
    font-weight: 700 !important;
}

/* Custom radio (checkbox-wrapper-15) */
.checkbox-wrapper-15 {
    width: 20px !important;
    padding-right: 35px;
}
.checkbox-wrapper-15 .cbx {
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
}
.checkbox-wrapper-15 .cbx span {
    display: inline-block;
    vertical-align: middle;
    transform: translate3d(0, 0, 0);
}
.checkbox-wrapper-15 .cbx span:first-child {
    position: relative;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    transform: scale(1);
    vertical-align: middle;
    transition: all 0.2s ease;
    border: 1px solid #696969;
    background-color: #fff;
}
.checkbox-wrapper-15 .cbx span:first-child svg {
    position: absolute;
    z-index: 1;
    top: 6px;
    left: 3px;
    fill: none;
    stroke: white;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 16px;
    stroke-dashoffset: 16px;
    transition: all 0.3s ease;
    transition-delay: 0.1s;
    transform: translate3d(0, 0, 0);
}
.checkbox-wrapper-15 .cbx span:first-child:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #c20000;
    display: block;
    transform: scale(0);
    opacity: 1;
    border-radius: 50%;
    transition-delay: 0.2s;
}
.checkbox-wrapper-15 .cbx:hover span:first-child {
    border-color: #c20000;
}
.checkbox-wrapper-15 .inp-cbx:checked + .cbx span:first-child {
    border-color: #c20000;
    background: #c20000;
    animation: check-15 0.6s ease;
}
.checkbox-wrapper-15 .inp-cbx:checked + .cbx span:first-child svg {
    stroke-dashoffset: 0;
}
.checkbox-wrapper-15 .inp-cbx:checked + .cbx span:first-child:before {
    transform: scale(2.2);
    opacity: 0;
    transition: all 0.6s ease;
}
@keyframes check-15 {
    50% { transform: scale(1.2); }
}

body .product-info-main .stock.available,
body .product-info-main .stock.available .sendfrom {
    font-weight: normal;
    text-transform: none;
}

body .product-info-main .stock.available {
    margin-bottom: 28px;
}

body .product-info-main .product-info-price > .price-box {
    flex: 0 0 50%;
    max-width: 50%;
    margin-right: 0;
}

body .product-info-main .product-info-price > .product-info-stock-sku {
    flex: 0 0 50%;
    max-width: 50%;
    text-align: right;
}

body .product-info-main .product-info-stock-sku .product.attribute.sku {
    width: 100%;
}

body.catalog-product-view .product-info-main .page-title-wrapper .page-title,
body.catalog-product-view .page-title-wrapper.product .page-title {
    text-transform: none;
}

.swatch-attribute-slider {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
}

.swatch-attribute-slider .swatch-attribute-options {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto;
    scroll-behavior: smooth;
    gap: 10px;
    flex: 1 1 auto;
    min-width: 0;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
}

.swatch-attribute-slider .swatch-attribute-options::-webkit-scrollbar {
    height: 6px;
}

.swatch-attribute-slider .swatch-attribute-options::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 3px;
}

.swatch-attribute-slider .swatch-attribute-options > a {
    flex: 0 0 auto;
    display: block;
}

body button.variant-slider-prev,
body button.variant-slider-next,
body button.variant-slider-prev:hover,
body button.variant-slider-next:hover,
body button.variant-slider-prev:focus,
body button.variant-slider-next:focus,
body button.variant-slider-prev:active,
body button.variant-slider-next:active {
    flex: 0 0 auto;
    background: none !important;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    cursor: pointer;
    font-size: 28px;
    line-height: 1;
    padding: 0 !important;
    margin: 0;
    color: #333;
    transform: none !important;
    transition: color 0.2s ease;
    text-decoration: none;
}

body button.variant-slider-prev::before,
body button.variant-slider-next::before,
body button.variant-slider-prev::after,
body button.variant-slider-next::after {
    display: none !important;
    content: none !important;
    background: none !important;
}

body button.variant-slider-prev:hover,
body button.variant-slider-next:hover {
    color: #000;
}

.variant-slider-prev:disabled,
.variant-slider-next:disabled {
    opacity: 0.3;
    cursor: default;
}

body .product-info-main .stock.available::before {
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    background-color: currentColor;
    margin-right: 0.5em;
    vertical-align: middle;
}