.make__nude {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
    --tw-shadow-color: rgba(255, 94, 0, .4);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    padding-top: 16px;
    padding-bottom: 16px;
    --tw-gradient-to: #ff3915 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #ff7801 var(--tw-gradient-via-position), var(--tw-gradient-to);
    --tw-gradient-from: #ff8c00 var(--tw-gradient-from-position);
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
    border-radius: 9999px;
    max-width: 185px;
    width: 100%;

}

.btn-primary{
    padding:14px 24px;
    font:600 16px/1 sans-serif;
    background:#ffae00;
    border:none;
    border-radius:12px;
    cursor:pointer;
    transition:transform .15s;
}
.btn-primary:active{transform:scale(.97)}

/* ===== BACKDROP ======================================================= */
.backdrop{
    position:fixed;inset:0;
    background:rgba(0,0,0,.7);
    opacity:0;
    pointer-events:none;
    transition:opacity .3s;
    z-index:40;
}
.backdrop.open{opacity:1;pointer-events:auto}

/* ===== BOTTOM-SHEET ==================================================== */
.bottom-sheet{
    position:fixed;left:0;right:0;bottom:0;
    background:#161616;
    color:#fff;
    border-radius:24px 24px 0 0;
    transform:translateY(100%);
    transition:transform .3s ease-out;
    z-index:50;
}
.bottom-sheet.open{transform:translateY(0)}
.handle{
    width:64px;height:6px;
    border-radius:3px;
    background:#666;
    margin:10px auto;
    cursor:pointer;
}

/* ===== КОНТЕНТ ЛИСТА ================================================== */
.sheet-content{
    padding:24px 32px 40px;
    text-align:center;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:28px;
}
.sheet-content img.preview{max-width:260px;border-radius:16px}
.mode-block{width:100%}
.mode-label{font:500 14px/1 sans-serif;display:block;margin-bottom:8px}
.mode-btn{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:16px 0;
    background:transparent;
    border:1px solid #ffae00;
    border-radius:16px;
    font:600 16px/1 sans-serif;
    cursor:pointer;
}
.mode-ico{width:24px;height:24px}
.continue-btn{
    width:100%;
    padding:16px 0;
    font:600 16px/1 sans-serif;
    background:linear-gradient(90deg,#ffae00,#ff0066);
    border:none;
    border-radius:16px;
    cursor:pointer;
}

.step {
    display:none
}
.step.active{
    display:flex
}

.sheet-title{font:700 20px/1.3 sans-serif}
.sheet-sub{font:14px/1.4 sans-serif;max-width:320px}
.drop-zone{
    width:260px;height:180px;
    border:2px dashed #444;
    border-radius:16px;
    color:#777;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:border-color .2s,color .2s;
}
.drop-zone:hover{border-color:#ffae00;color:#ffae00}
.terms{font:10px/1.4 sans-serif;color:#777}

.spinner{
    width:48px;height:48px;border:6px solid #555;border-top-color:#ffae00;
    border-radius:50%;animation:spin 1s linear infinite
}
@keyframes spin{to{transform:rotate(360deg)}}

.drop-zone{
    position:relative;
    overflow:hidden;
}

.dz-preview{
    position:absolute;
    inset:0;
    object-fit:cover;
    width:100%;
    height:100%;
}
.dz-text{z-index:2;position:relative}

.blurred{filter:blur(2px);}

.step-4 .pm-grid{
    display:grid;grid-template-columns:repeat(3,1fr);gap:12px;
    margin:12px 0 24px;
}
.payment-icon{
    width:64px;height:64px;border-radius:12px;object-fit:cover;
    cursor:pointer;border:2px solid transparent;transition:.2s;
}
.payment-icon.selected{border-color:#ffae00;}

.price-row{display:flex;justify-content:center;align-items:flex-end;gap:8px;margin-bottom:12px}
.offer-label{font:600 12px/1 sans-serif;color:#ffae00;margin-right:auto}
.old-price{text-decoration:line-through;font:500 14px/1 sans-serif;color:#666}
.new-price{font:700 16px/1 sans-serif;color:#fff}

#toast-container{
    position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;
}
.toast{
    background:#ff5555;padding:12px 18px;border-radius:8px;
    color:#fff;font:600 14px/1 sans-serif;box-shadow:0 4px 10px rgba(0,0,0,.4);
    animation:slide-in .3s ease-out;
}
@keyframes slide-in{from{transform:translateX(120%);}to{transform:translateX(0);}}