

html body .rasa-shop-product,
html body .rasa-product-page,
html body .shop-product-show,
html body .product-show,
html body .rasa-shop-show {
    width: min(1120px, calc(100% - 32px)) !important;
    margin: 18px auto !important;
}

html body :is(.rasa-shop-product-hero, .rasa-product-hero, .shop-product-hero, .product-hero) {
    min-height: unset !important;
    padding: 22px !important;
    border-radius: 30px !important;
    box-shadow: 0 20px 54px rgba(7,49,61,.10) !important;
}

html body :is(.rasa-shop-product-hero, .rasa-product-hero, .shop-product-hero, .product-hero) img {
    border-radius: 24px !important;
    object-fit: cover !important;
}

html body :is(.rasa-shop-product-card, .rasa-product-card, .shop-product-card, .product-info-card, .product-card) {
    border-radius: 24px !important;
    border: 1px solid rgba(7,59,76,.07) !important;
    background: linear-gradient(135deg, rgba(255,255,255,.9), rgba(247,254,255,.80)) !important;
    box-shadow: 0 16px 40px rgba(7,49,61,.075) !important;
}

html body :is(.rasa-shop-product-content, .rasa-product-content, .shop-product-content, .product-content) {
    line-height: 2 !important;
    color: #073B4C !important;
}

html body :is(.rasa-shop-product-content, .rasa-product-content, .shop-product-content, .product-content) p {
    font-size: 13px !important;
    line-height: 2 !important;
    color: rgba(7,59,76,.78) !important;
}

html body .rasa-coupon-box {
    margin: 18px 0 !important;
    padding: 16px !important;
    border-radius: 22px !important;
    background: linear-gradient(135deg, rgba(255,255,255,.92), rgba(238,252,253,.80)) !important;
    border: 1px solid rgba(7,59,76,.08) !important;
    box-shadow: 0 14px 34px rgba(7,49,61,.07) !important;
}

html body .rasa-coupon-head {
    display: grid !important;
    gap: 4px !important;
    margin-bottom: 12px !important;
}

html body .rasa-coupon-head strong {
    color: #073B4C !important;
    font-size: 15px !important;
    font-weight: 950 !important;
}

html body .rasa-coupon-head span {
    color: rgba(7,59,76,.62) !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
}

html body .rasa-coupon-form {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    gap: 8px !important;
}

html body .rasa-coupon-form input {
    min-height: 42px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(7,59,76,.10) !important;
    padding: 0 12px !important;
    font-family: inherit !important;
}

html body .rasa-coupon-form button,
html body .rasa-coupon-remove-form button {
    min-height: 42px !important;
    border: 0 !important;
    border-radius: 14px !important;
    padding: 0 15px !important;
    color: #fff !important;
    background: linear-gradient(135deg, #16C7C7, #073B4C) !important;
    font-family: inherit !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

html body .rasa-coupon-remove-form button {
    margin-top: 10px !important;
    color: #073B4C !important;
    background: rgba(22,199,199,.12) !important;
}

html body .rasa-coupon-summary {
    display: grid !important;
    gap: 8px !important;
    margin-top: 12px !important;
}

html body .rasa-coupon-summary > div {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 36px !important;
    padding: 0 10px !important;
    border-radius: 12px !important;
    background: rgba(255,255,255,.66) !important;
}

html body .rasa-coupon-summary .total {
    background: rgba(22,199,199,.14) !important;
}

html body .rasa-coupon-alert {
    margin: 10px 0 !important;
    padding: 10px 12px !important;
    border-radius: 14px !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

html body .rasa-coupon-alert.success {
    color: #075e55 !important;
    background: rgba(22,199,199,.13) !important;
}

html body .rasa-coupon-alert.error {
    color: #b42318 !important;
    background: rgba(239,71,111,.10) !important;
}

@media (max-width: 640px) {
    html body .rasa-coupon-form {
        grid-template-columns: 1fr !important;
    }
}

