.zks-nc-subscribed .zks-nc-block {
display: none !important;
} .zks-nc-inline {
margin: 32px 0;
} .zks-nc-block.zks-nc-product {
clear: both;
margin-top: 72px;
margin-bottom: 0;
}
.zks-nc-product h2 {
margin: 0 0 16px;
font-size: clamp(24px, 3vw, 32px);
line-height: 1.2;
}
.zks-nc-product p {
font-size: 16px;
line-height: 1.7;
} .zks-nc-band-green {
background: var(--zks-nc-green, #edfbe2);
box-shadow: 0 0 0 100vmax var(--zks-nc-green, #edfbe2);
clip-path: inset(0 -100vmax);
padding-top: 72px;
padding-bottom: 72px;
}
@media (max-width: 781px) {
.zks-nc-block.zks-nc-product {
margin-top: 52px;
}
.zks-nc-band-green {
padding-top: 48px;
padding-bottom: 48px;
}
} html.zks-nc-popup-open {
overflow: hidden;
}
.zks-nc-popup[hidden] {
display: none !important;
}
.zks-nc-popup {
position: fixed;
inset: 0;
z-index: 2147483000;
display: flex;
align-items: center;
justify-content: center;
padding: 16px;
}
.zks-nc-overlay {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.55);
}
.zks-nc-dialog {
position: relative;
width: 100%;
max-width: 560px;
max-height: calc(100vh - 32px);
overflow-y: auto;
padding: 40px 32px 32px;
border-radius: 16px;
background: #fff;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
outline: none;
}
.zks-nc-dialog h2 {
margin: 0 0 12px;
font-size: clamp(22px, 3vw, 28px);
line-height: 1.2;
}
.zks-nc-content > *:first-child {
margin-top: 0;
}
.zks-nc-content > *:last-child {
margin-bottom: 0;
}
.zks-nc-popup .zks-nc-close {
position: absolute;
top: 10px;
right: 12px;
z-index: 1;
width: 36px;
height: 36px;
min-width: 0;
min-height: 0;
margin: 0;
padding: 0;
border: 0;
border-radius: 50%;
background: transparent;
box-shadow: none;
color: #333;
font-size: 28px;
line-height: 36px;
text-align: center;
cursor: pointer;
}
.zks-nc-popup .zks-nc-close:hover,
.zks-nc-popup .zks-nc-close:focus {
background: #f0f0f0;
color: #000;
}
@media (max-width: 600px) {
.zks-nc-dialog {
padding: 36px 20px 24px;
}
}