.tlx-ppl-modal {
    font-family: inherit;
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: none;
}

.tlx-ppl-modal.is-open {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

body.tlx-ppl-modal-open {
    overflow: hidden;
}

.tlx-ppl-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .42);
}

.tlx-ppl-dialog {
    position: relative;
    z-index: 1;
    width: min(1200px, calc(100vw - 48px));
    max-height: calc(100vh - 48px);
    margin: 0;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 20px 70px rgba(0, 0, 0, .24);
    overflow: auto;
}

.tlx-ppl-close {
    position: absolute;
    top: 22px;
    right: 22px;
    z-index: 2;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #000;
    color: #fff;
    cursor: pointer;
    user-select: none;
}

.tlx-ppl-close-icon {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

.tlx-ppl-close-icon::before,
.tlx-ppl-close-icon::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 13px;
    height: 2px;
    background: currentColor;
    border-radius: 999px;
    transform-origin: center;
}

.tlx-ppl-close-icon::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.tlx-ppl-close-icon::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.tlx-ppl-content {
    min-height: 320px;
}

.tlx-ppl-loading,
.tlx-ppl-error {
    padding: 80px 24px;
    text-align: center;
    font-size: 16px;
}

.tlx-ppl-product {
    display: grid;
    grid-template-columns: 1.08fr .92fr;
    gap: 24px;
    align-items: start;
    padding: 25px;
}

.tlx-ppl-gallery,
.tlx-ppl-info {
    min-width: 0;
}

.tlx-ppl-main-image {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    overflow: hidden;
    background: #f8f8f8;
    border-radius: 7px;
}

.tlx-ppl-main-image img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.tlx-ppl-thumbs {
    display: flex;
    gap: 10px;
    margin-top: 12px;
    padding-bottom: 3px;
    overflow-x: auto;
}

.tlx-ppl-thumb {
    flex: 0 0 auto;
    width: 64px;
    height: 64px;
    padding: 3px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: #fff;
    cursor: pointer;
}

.tlx-ppl-thumb.is-active {
    border-color: #111;
}

.tlx-ppl-thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tlx-ppl-title {
    margin: 0px;
    font-size: 24px;
    line-height: 1.12;
    font-weight: 600;
}

.tlx-ppl-price {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    font-size: 20px;
    color: #ff4800;
}

.tlx-ppl-price ins,
.tlx-ppl-sale-price {
    order: 1;
    text-decoration: none;
}

.tlx-ppl-price del,
.tlx-ppl-regular-price {
    order: 2;
    color: currentColor;
    font-size: 14px;
    font-weight: 400;
    opacity: .55;
}

.tlx-ppl-sale-bubble {
    order: 3;
    position: static;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    line-height: 1;
    white-space: nowrap;
}

.tlx-ppl-free-price {
    font-weight: 800;
}

.tlx-ppl-description {
    line-height: 1.25;
}

.tlx-ppl-description p {
    margin: 0 0 12px;
}

.tlx-ppl-divider {
    height: 1px;
    margin: 10px 0;
    background: #8d8d8d;
}

.tlx-ppl-details {
    font-size: 16px;
    line-height: 1.45;
}

.tlx-ppl-detail-row {
    display: flex;
    align-items: flex-start;
    gap: 4px;
    margin: 2px 0;
}

.tlx-ppl-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    margin-top: 3px;
    color: currentColor;
    line-height: 1;
}

.tlx-ppl-icon svg,
.tlx-ppl-icon img {
    display: block;
    width: 16px;
    height: 16px;
    object-fit: contain;
}

.tlx-ppl-detail-row strong {
    color: #616161;
    font-weight: 500;
}

.tlx-ppl-category-row a,
.tlx-ppl-tags-row a {
    color: inherit;
    text-decoration: none;
}

.tlx-ppl-category-row a:hover,
.tlx-ppl-tags-row a:hover {
    text-decoration: underline;
}

.tlx-ppl-tag-item.is-hidden {
    display: none;
}

.tlx-ppl-show-tags {
    display: inline;
    font-size: 15px;
    line-height: inherit;
    text-decoration: underline;
    cursor: pointer;
}

.tlx-ppl-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-top: 10px;
}

.tlx-ppl-actions .button,
.tlx-ppl-actions button.button {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 62px;
    margin: 0;
    border-radius: 6px;
    font-size: 18px;
    line-height: 1.1;
    letter-spacing: 0;
    text-align: center;
    cursor: pointer;
}

.tlx-ppl-actions .tlx-ppl-add-to-cart-button {
    border: 1px solid #111;
    background: #fff;
    color: #111;
}

.tlx-ppl-actions .tlx-ppl-buy-now-button {
    border: 1px solid #d9d9d9;
    background: #d9d9d9;
    color: #111;
}

.tlx-ppl-actions .tlx-ppl-free-download-button {
    width: 100%;
    background: linear-gradient(93deg, #fb815a, #fa4e18);
    color: #fff;
}

button.button.tlx-ppl-free-download-button:hover {
    background: linear-gradient(93deg, #fa4e18, #fb815a);
}

.tlx-ppl-free-actions {
    grid-template-columns: 1fr;
}

.tlx-ppl-actions .is-loading,
.tlx-ppl-free-download-button.is-counting,
.tlx-ppl-free-download-button:disabled {
    opacity: .75;
    cursor: wait;
}

.tlx-ppl-product .added_to_cart,
.tlx-ppl-actions .added_to_cart {
    display: none !important;
}

.tlx-ppl-cart-error,
.tlx-ppl-out-of-stock {
    grid-column: 1 / -1;
    display: block;
    margin-top: 10px;
    padding: 10px 12px;
    border-radius: 5px;
    font-size: 14px;
}

.tlx-ppl-cart-error {
    border: 1px solid #e0b4b4;
    background: #fff6f6;
    color: #8a1f1f;
}

.tlx-ppl-out-of-stock {
    background: #f5f5f5;
}

.tlx-ppl-product-card,
li.product.tlx-ppl-product-card,
.product-small.tlx-ppl-product-card,
.tlx-ppl-product-card .box,
.tlx-ppl-product-card .box-image,
.tlx-ppl-product-card .box-text,
.tlx-ppl-open-link,
.tlx-ppl-loop-title {
    cursor: pointer;
}

.tlx-ppl-replaced-link {
    display: inline;
    color: inherit;
    font: inherit;
    text-align: inherit;
    text-decoration: inherit;
}

.tlx-ppl-product-card .tlx-ppl-replaced-link img {
    display: block;
}

.tlx-ppl-loop-title {
    margin: 0;
    padding: 0;
    color: inherit;
    font: inherit;
    line-height: inherit;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.tlx-ppl-loop-title:hover {
    color: #ff4800;
    text-decoration: underline;
}

.tlx-ppl-loop-free-price {
    font-weight: 800;
    color: #ff4800;
}

.tlx-ppl-loop-details {
    margin: 0px;
    color: inherit;
    font-size: 13px;
    line-height: 1.35;
}

.tlx-ppl-loop-detail-row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    margin: 3px 0;
}

.tlx-ppl-loop-detail-row strong {
    flex: 0 0 auto;
    font-weight: 700;
}

.tlx-ppl-loop-detail-row span {
    min-width: 0;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tlx-ppl-download-frame {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    border: 0 !important;
}

@media (max-width: 1024px) {
    .tlx-ppl-product {
        grid-template-columns: 1fr;
        padding: 30px;
        gap: 16px;
    }

    .tlx-ppl-actions {
        gap: 12px;
    }
}

@media (max-width: 767px) {
    .tlx-ppl-modal.is-open {
        padding: 11px;
    }

    .tlx-ppl-dialog {
        width: calc(100vw - 22px);
        max-height: calc(100vh - 22px);
        margin: 0;
        border-radius: 6px;
    }

    .tlx-ppl-close {
        top: 12px;
        right: 12px;
    }

    .tlx-ppl-product {
        grid-template-columns: 1fr;
        gap: 18px;
        padding: 44px 14px 18px;
    }

    .tlx-ppl-info {
        padding: 0;
    }

    .tlx-ppl-main-image img {
        max-height: 320px;
    }

    .tlx-ppl-title {
        margin-right: 0;
        font-size: 22px;
    }

    .tlx-ppl-price {
        font-size: 20px;
    }

    .tlx-ppl-description,
    .tlx-ppl-details {
        font-size: 15px;
    }

    .tlx-ppl-actions {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .tlx-ppl-actions .button,
    .tlx-ppl-actions button.button {
        min-height: 52px;
        font-size: 17px;
    }
}