/* Plaza Notify — notices and popups of the centralized notification system.
   Notice base — reuses .checkout-notify; only modifiers here. */

.plaza-notify {
    margin-bottom: 16px;
}

.plaza-notify--warning {
    border-left: 3px solid #ff0083;
}

.plaza-notify--promo {
    border-left: 3px solid #008a20;
}

.pn-zone--header_line {
    margin-bottom: 0;
    text-align: center;
}

/* Configurator slot (A1) — outside .selectors-wrap, fillPopup does not touch it */
.popup-notify-slot:not(:empty) {
    margin: 12px 0;
}

/* DEFECT#1: A2 slot — a direct child of .popup-buttons (flex, children width:40%);
   an empty div halves the add-to-cart CTA. Remove the empty slot from the
   layout; when R2 JS fills it — stretch it to full width on its own row so it
   does not share width with the buttons. */
.popup-notify-slot:empty {
    display: none;
}

.popup-buttons > .popup-notify-slot:not(:empty) {
    flex-basis: 100%;
    width: 100%;
}

.popup-notify-slot .plaza-notify {
    margin-bottom: 0;
}

/* Popup — plain (non-product) box: centered pre-resized image. */
.plaza-notify-popup .pn-popup-image {
    max-width: 185px;
    height: auto;
    margin: 0 auto 16px;
    display: block;
}

/* Upsell popup (.popup-additions--decoration): the record content carries
   .pn-popup-title / .pn-popup-text — bridge them to the OLD popup-additions
   typography so the two-column top matches the legacy decoration popup. */
.plaza-notify-popup .pn-popup-title {
    display: block;
    font-family: Gilroy, sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 120%;
    color: #3a3a3a;
    margin: 0 0 16px;
}
.plaza-notify-popup .pn-popup-text {
    font-family: Gilroy, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #898989;
}
.plaza-notify-popup .pn-popup-text p {
    margin-bottom: 16px;
}
.plaza-notify-popup .pn-popup-text p:last-child {
    margin-bottom: 0;
}
@media (max-width: 768px) {
    .plaza-notify-popup .pn-popup-title {
        font-size: 24px;
        text-align: center;
    }
}