:root{
--dlm-bg:#17191d;
--dlm-panel:#ffffff;
--dlm-text:#15171b;
--dlm-muted:#6f737b;
--dlm-line:#e5e7eb;
--dlm-accent:#ffd34f;
--dlm-accent-2:#ffbf2f;
--dlm-danger:#d92d20;
--dlm-success:#157f3b;
--dlm-radius:24px;
--dlm-shadow:0 28px 90px rgba(0,0,0,.28);
}
*{box-sizing:border-box}
.dlm-lock{overflow:hidden!important}
.dlm-overlay{
position:fixed; inset:0; z-index:2147483000;
display:flex; align-items:center; justify-content:center;
padding:24px;
background:rgba(10,12,15,.68);
backdrop-filter:blur(3px);
opacity:0; visibility:hidden; pointer-events:none;
transition:opacity .22s ease,visibility .22s ease;
}
.dlm-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}
.dlm-modal{
width:min(620px,100%);
max-height:min(760px,calc(100dvh - 32px));
overflow:auto;
background:var(--dlm-panel);
border-radius:var(--dlm-radius);
box-shadow:var(--dlm-shadow);
transform:translateY(12px) scale(.985);
transition:transform .22s ease;
color:var(--dlm-text);
font-family:Arial,Helvetica,sans-serif;
}
.dlm-overlay.is-open .dlm-modal{transform:none}
.dlm-hero{
position:relative;
padding:34px 36px 30px;
background:
radial-gradient(circle at 86% 8%,rgba(255,211,79,.22),transparent 34%),
linear-gradient(145deg,#181a1f,#111317);
color:#fff;
text-align:center;
border-radius:var(--dlm-radius) var(--dlm-radius) 0 0;
}
.dlm-close{
position:absolute; right:16px; top:16px;
width:38px; height:38px; border:0; border-radius:50%;
display:grid; place-items:center;
background:rgba(255,255,255,.12); color:#fff;
cursor:pointer; transition:.18s ease;
}
.dlm-close:hover{background:rgba(255,255,255,.22);transform:rotate(3deg)}
.dlm-kicker{
display:inline-flex; align-items:center; gap:8px;
margin:0 0 16px; padding:9px 14px;
border-radius:999px; background:#ff4854;
color:#fff; font-size:13px; font-weight:700;
letter-spacing:.08em; text-transform:uppercase;
}
.dlm-kicker svg{width:17px;height:17px}
.dlm-title{
margin:0; font-size:34px; line-height:1.08; font-weight:800;
letter-spacing:-.025em;
}
.dlm-subtitle{
max-width:500px; margin:12px auto 0;
font-size:15px; line-height:1.48; color:#c9cbd0;
}
.dlm-body{padding:28px 34px 30px}
.dlm-offers{
display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:22px;
}
.dlm-offer{
position:relative; display:block; cursor:pointer;
}
.dlm-offer input{
position:absolute; opacity:0; pointer-events:none;
}
.dlm-offer-card{
min-height:122px;
display:flex; flex-direction:column; justify-content:center; align-items:center;
padding:18px 14px;
border:1.5px solid var(--dlm-line); border-radius:18px;
background:#fff; text-align:center;
transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease, background .18s ease;
}
.dlm-offer:hover .dlm-offer-card{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,.07)}
.dlm-offer input:checked + .dlm-offer-card{
border-color:var(--dlm-accent-2);
background:#fffaf0;
box-shadow:0 0 0 3px rgba(255,191,47,.16);
}
.dlm-offer input:focus-visible + .dlm-offer-card{
outline:3px solid rgba(52,112,255,.28); outline-offset:2px;
}
.dlm-offer-badge{
font-size:37px; line-height:1; font-weight:900; letter-spacing:-.04em;
}
.dlm-offer-text{margin-top:8px;font-size:14px;line-height:1.25;font-weight:700}
.dlm-offer-note{margin-top:4px;font-size:12px;color:var(--dlm-muted)}
.dlm-desc{
margin:0 0 18px; text-align:center; color:#5f636b; font-size:14px; line-height:1.55;
}
.dlm-field{margin-bottom:11px}
.dlm-input{
width:100%; height:52px; padding:0 16px;
border:1px solid #d7d9dd; border-radius:12px;
background:#fff; color:var(--dlm-text);
font:16px Arial,Helvetica,sans-serif;
outline:none; transition:border-color .18s ease,box-shadow .18s ease;
}
.dlm-input::placeholder{color:#92969e}
.dlm-input:focus{border-color:#b8bdc6;box-shadow:0 0 0 3px rgba(24,26,31,.06)}
.dlm-input.is-error{border-color:var(--dlm-danger);box-shadow:0 0 0 3px rgba(217,45,32,.08)}
.dlm-error{
min-height:17px; margin:5px 4px 0; color:var(--dlm-danger);
font-size:12px; line-height:1.25;
}
.dlm-submit{
width:100%; min-height:54px; border:0; border-radius:999px;
margin-top:3px; padding:13px 22px;
background:linear-gradient(110deg,var(--dlm-accent),#ffe47f,var(--dlm-accent));
background-size:220% 100%;
color:#18191c; cursor:pointer;
font:700 16px Arial,Helvetica,sans-serif;
transition:transform .16s ease,box-shadow .16s ease;
animation:dlmShimmer 4.5s linear infinite;
}
.dlm-submit:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(255,191,47,.25)}
.dlm-submit:active{transform:none}
.dlm-submit[disabled]{opacity:.65;cursor:wait}
@keyframes dlmShimmer{0%{background-position:100% 0}100%{background-position:-120% 0}}
.dlm-consent{
margin:14px 8px 0; text-align:center; color:#969aa2; font-size:11px; line-height:1.45;
}
.dlm-consent a{color:inherit;text-decoration:underline}
.dlm-status{
display:none; padding:34px 28px 38px; text-align:center;
}
.dlm-status.is-active{display:block}
.dlm-form-wrap.is-hidden{display:none}
.dlm-status-icon{
width:64px;height:64px;margin:0 auto 16px;border-radius:50%;
display:grid;place-items:center;background:#edf9f0;color:var(--dlm-success);
}
.dlm-status h3{margin:0;font-size:26px;line-height:1.15}
.dlm-status p{margin:10px auto 20px;max-width:390px;color:var(--dlm-muted);font-size:14px;line-height:1.5}
.dlm-status-btn{
min-width:180px;height:46px;border:0;border-radius:999px;
background:var(--dlm-bg);color:#fff;font-weight:700;cursor:pointer
} .dlm-launcher{
position:fixed; left:0; top:52%; transform:translateY(-50%);
z-index:2147482000;
width:74px; min-height:148px; padding:14px 8px;
border:0; border-radius:0 18px 18px 0;
background:linear-gradient(160deg,#17191d,#0e1013);
color:#fff; box-shadow:0 12px 30px rgba(0,0,0,.24);
cursor:pointer; font-family:Arial,Helvetica,sans-serif;
display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px;
transition:width .2s ease,transform .2s ease,box-shadow .2s ease;
overflow:hidden;
}
.dlm-launcher:hover{width:190px;box-shadow:0 16px 34px rgba(0,0,0,.3)}
.dlm-launcher-icon{
width:32px;height:32px;border-radius:10px;
display:grid;place-items:center;background:#ff4b55;
flex:0 0 auto;
}
.dlm-launcher-icon svg{width:18px;height:18px}
.dlm-launcher-discount{font-size:20px;font-weight:900;line-height:1;color:var(--dlm-accent)}
.dlm-launcher-small{font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#c9cbd0}
.dlm-launcher-more{
max-width:0; opacity:0; white-space:nowrap; overflow:hidden;
font-size:13px; font-weight:700;
transition:max-width .2s ease,opacity .15s ease;
}
.dlm-launcher:hover .dlm-launcher-more{max-width:115px;opacity:1}
.dlm-launcher-arrow{
width:26px;height:26px;border-radius:50%;display:grid;place-items:center;
background:var(--dlm-accent);color:#17191d;
}
.dlm-launcher-arrow svg{width:14px;height:14px}
@media(max-width:680px){
.dlm-overlay{align-items:flex-end;padding:10px}
.dlm-modal{max-height:calc(100dvh - 20px);border-radius:20px}
.dlm-hero{padding:28px 20px 23px;border-radius:20px 20px 0 0}
.dlm-title{font-size:28px;padding:0 18px}
.dlm-subtitle{font-size:14px}
.dlm-body{padding:20px 18px 22px}
.dlm-offers{gap:8px}
.dlm-offer-card{min-height:112px;padding:14px 8px;border-radius:15px}
.dlm-offer-badge{font-size:31px}
.dlm-offer-text{font-size:12px}
.dlm-desc{font-size:13px}
.dlm-launcher{
left:50%; top:auto; bottom:max(14px,env(safe-area-inset-bottom));
transform:translateX(-50%);
width:auto; min-height:0; height:50px;
padding:0 18px; border-radius:999px;
flex-direction:row; gap:9px;
}
.dlm-launcher:hover{width:auto;transform:translateX(-50%)}
.dlm-launcher-icon{width:30px;height:30px;border-radius:50%}
.dlm-launcher-discount{font-size:15px}
.dlm-launcher-small{display:none}
.dlm-launcher-more{max-width:130px;opacity:1;font-size:13px}
.dlm-launcher-arrow{display:none}
}
@media(prefers-reduced-motion:reduce){
.dlm-overlay,.dlm-modal,.dlm-close,.dlm-offer-card,.dlm-submit,.dlm-launcher,.dlm-launcher-more{transition:none!important}
.dlm-submit{animation:none}
} .dlm-form-wrap .wpcf7,.dlm-form-wrap .wpcf7-form{margin:0}.dlm-form-wrap .wpcf7 p{margin:0}.dlm-form-wrap .wpcf7-form-control-wrap{display:block}.dlm-form-wrap .wpcf7-spinner{display:block;margin:10px auto 0}.dlm-form-wrap .wpcf7-not-valid-tip{margin:5px 4px 0;color:var(--dlm-danger);font-size:12px;line-height:1.25}.dlm-form-wrap .wpcf7-response-output{margin:12px 0 0!important;padding:10px 12px!important;border:0!important;border-radius:10px;background:#fff3f2;color:#9f2319;font-size:12px;line-height:1.4}.dlm-form-wrap .wpcf7 input.wpcf7-not-valid{border-color:var(--dlm-danger);box-shadow:0 0 0 3px rgba(217,45,32,.08)}
.dlm-form-wrap .dlm-offers{display:block;margin-bottom:22px}.dlm-form-wrap .dlm-offers .wpcf7-form-control.wpcf7-radio{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dlm-form-wrap .dlm-offers .wpcf7-list-item{margin:0;position:relative}.dlm-form-wrap .dlm-offers .wpcf7-list-item label{display:block;cursor:pointer}.dlm-form-wrap .dlm-offers .wpcf7-list-item input{position:absolute;opacity:0;pointer-events:none}.dlm-form-wrap .dlm-offers .wpcf7-list-item .wpcf7-list-item-label{min-height:122px;display:flex;align-items:center;justify-content:center;padding:18px 14px;border:1.5px solid var(--dlm-line);border-radius:18px;background:#fff;text-align:center;font-size:15px;line-height:1.28;font-weight:800;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease}.dlm-form-wrap .dlm-offers .wpcf7-list-item label:hover .wpcf7-list-item-label{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,.07)}.dlm-form-wrap .dlm-offers .wpcf7-list-item input:checked + .wpcf7-list-item-label{border-color:var(--dlm-accent-2);background:#fffaf0;box-shadow:0 0 0 3px rgba(255,191,47,.16)}.dlm-form-wrap .dlm-submit-wrap{margin-top:3px}.dlm-form-wrap input[type="submit"].dlm-submit{appearance:none}.dlm-form-wrap input.dlm-input{width:100%;height:52px;padding:0 16px;border:1px solid #d7d9dd;border-radius:12px;background:#fff;color:var(--dlm-text);font:16px Arial,Helvetica,sans-serif;outline:none}.dlm-form-wrap .dlm-field{margin-bottom:11px}.dlm-form-wrap .dlm-consent{margin:14px 8px 0;text-align:center;color:#969aa2;font-size:11px;line-height:1.45}.dlm-form-wrap .dlm-consent a{color:inherit;text-decoration:underline}
@media(max-width:680px){.dlm-form-wrap .dlm-offers .wpcf7-form-control.wpcf7-radio{gap:8px}.dlm-form-wrap .dlm-offers .wpcf7-list-item .wpcf7-list-item-label{min-height:108px;padding:14px 8px;border-radius:15px;font-size:13px}}