.daily-starburst {
    --star-points: polygon(
        50% 0%, 56.4% 7.8%, 65% 3.8%, 69.5% 12.8%, 79.4% 11.2%, 81.6% 20.8%,
        91.3% 21.6%, 90.9% 31.6%, 98.9% 34.7%, 95.8% 44.5%, 100% 50%, 95.8% 55.5%,
        98.9% 65.3%, 90.9% 68.4%, 91.3% 78.4%, 81.6% 79.2%, 79.4% 88.8%, 69.5% 87.2%,
        65% 96.2%, 56.4% 92.2%, 50% 100%, 43.6% 92.2%, 35% 96.2%, 30.5% 87.2%,
        20.6% 88.8%, 18.4% 79.2%, 8.7% 78.4%, 9.1% 68.4%, 1.1% 65.3%, 4.2% 55.5%,
        0% 50%, 4.2% 44.5%, 1.1% 34.7%, 9.1% 31.6%, 8.7% 21.6%, 18.4% 20.8%,
        20.6% 11.2%, 30.5% 12.8%, 35% 3.8%, 43.6% 7.8%
    );
    width: 122px;
    height: 122px;
    padding: 3px;
    position: relative;
    isolation: isolate;
    clip-path: var(--star-points);
    background: #fff;
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, .24));
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    margin: 4px auto;
    flex: 0 0 auto;
}

.daily-starburst::before {
    content: "";
    position: absolute;
    inset: 3px;
    clip-path: var(--star-points);
    background: radial-gradient(circle at 50% 45%, #15803d 0%, #0c6934 45%, #05401e 95%);
    z-index: 0;
}

.daily-starburst > span {
    position: relative;
    z-index: 1;
}

.daily-starburst--detail {
    width: 176px;
    height: 176px;
    padding: 5px;
}

.daily-starburst__old-price {
    position: relative;
    display: inline-block;
    color: #a7b6a8;
    font-size: 10px;
    font-weight: 900;
    line-height: 1;
    margin-bottom: 3px;
}

.daily-starburst__old-price::after {
    content: "";
    position: absolute;
    left: -8%;
    right: -8%;
    top: 50%;
    height: 1px;
    background: currentColor;
    transform: translateY(-50%);
}

.daily-starburst--detail .daily-starburst__old-price {
    font-size: 14px;
}

.daily-starburst__label,
.daily-starburst__duration {
    color: #fcd34d;
    font-size: 7px;
    font-weight: 900;
    line-height: 1.1;
    letter-spacing: .06em;
}

.daily-starburst__amount {
    font-size: 19px;
    font-weight: 900;
    line-height: 1.1;
    white-space: nowrap;
}

.daily-starburst__per-day {
    color: #d1fae5;
    font-size: 6.5px;
    font-weight: 900;
    line-height: 1.1;
    letter-spacing: .1em;
}

.daily-starburst__duration {
    margin-top: 3px;
}

.daily-starburst--detail .daily-starburst__label,
.daily-starburst--detail .daily-starburst__duration {
    font-size: 9px;
}

.daily-starburst--detail .daily-starburst__amount {
    font-size: 27px;
}

.daily-starburst--detail .daily-starburst__per-day {
    font-size: 8px;
}

.daily-payment-unavailable {
    color: #496052;
    background: #edf5ee;
    border: 1px solid #d5e5d7;
    border-radius: 8px;
    padding: 8px;
    font-size: 10px;
    font-weight: 700;
    text-align: center;
}

.daily-mode-product-price {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-height: 132px;
    padding: 4px;
}

.daily-mode-product-price .btn {
    margin-top: 0;
}

.daily-mode-product-price .btn-home {
    width: 100%;
}

.daily-mode-details {
    max-width: 340px;
    margin: 0 auto;
    padding: 10px 12px;
    background: #f5faf6;
    border: 1px solid #dcebdd;
    border-radius: 12px;
}

.daily-mode-detail-row {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 7px 0;
    color: #496052;
    font-size: 11px;
}

.daily-mode-detail-row + .daily-mode-detail-row {
    border-top: 1px solid #e3eee4;
}

.daily-mode-detail-row strong {
    color: #173d26;
    text-align: right;
}

.daily-mode-notice {
    margin: 10px auto 0;
    max-width: 340px;
    color: #496052;
    font-size: 11px;
    text-align: center;
}

.daily-mode-actions {
    padding: 0 16px 16px;
    display: grid;
    gap: 8px;
}

.daily-mode-cart-form {
    padding: 0;
}

.daily-mode-add-cart {
    width: 100%;
    padding: 12px 18px;
    border: 1px solid #059669;
    border-radius: 12px;
    background: #fff;
    color: #047857;
    font: 800 13px 'Nunito', sans-serif;
    cursor: pointer;
}

.daily-mode-cart-button {
    width: 100%;
    padding: 14px 18px;
    border: 0;
    border-radius: 12px;
    background: #fbbf24;
    color: #17251a;
    font: 900 14px 'Nunito', sans-serif;
    cursor: pointer;
}

body.daily-payment-page .daily-mode-actions button {
    appearance: none;
    -webkit-appearance: none;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    line-height: 1.35;
    text-align: center;
    white-space: normal;
    overflow-wrap: anywhere;
    touch-action: manipulation;
}

body.daily-payment-page .daily-mode-product-details {
    border-radius: 14px;
}

body.daily-payment-page .spec-list {
    min-width: 0;
}

body.daily-payment-page .spec-text,
body.daily-payment-page .short-description,
body.daily-payment-page .desc-text,
body.daily-payment-page .specs-table td {
    overflow-wrap: anywhere;
    word-break: normal;
}

body.daily-payment-page .tabs-section,
body.daily-payment-page .tab-pane {
    min-width: 0;
}

body.daily-payment-page .specs-table {
    table-layout: fixed;
}

body.daily-payment-page .specs-table td {
    padding: 10px 8px;
    line-height: 1.5;
}

body.daily-payment-page .tab-btn {
    min-width: 0;
    padding: 12px 6px;
    font: 800 13px 'Nunito', sans-serif;
    line-height: 1.3;
    white-space: normal;
}

body.daily-payment-page .daily-mode-detail-row {
    align-items: flex-start;
}

body.daily-payment-page .daily-mode-detail-row > * {
    min-width: 0;
}

@media (max-width: 400px) {
    body.daily-payment-page .product-layout {
        grid-template-columns: 1fr;
    }

    body.daily-payment-page .product-info-right {
        padding-top: 0;
    }

    body.daily-payment-page .tab-btn {
        font-size: 11px;
    }

    body.daily-payment-page .daily-mode-detail-row {
        flex-direction: column;
        gap: 3px;
    }

    body.daily-payment-page .daily-mode-detail-row strong {
        text-align: left;
    }
}