.dmq-shell{
    --green:#487145; --grad:linear-gradient(135deg,#1C3223,#315F39);
    --cream:#FFFAF0; --cream2:#FFF8E9; --ink:#211F1A; --gold:#BE9646;
    --grey:#75705F; --hair:rgba(47,41,30,.12); --hair2:rgba(47,41,30,.2);
    --shadow:0 6px 22px rgba(54,43,25,.07);
    --serif:"Gardens",Georgia,serif;
    --sans:"Geometrica",Arial,Helvetica,sans-serif;
  }
  .dmq-shell,.dmq-shell *{box-sizing:border-box;margin:0;padding:0}
  .dmq-shell{width:100%;max-width:600px}
  .dmq-card{
    background:#fff; border:1px solid var(--hair); border-radius:16px;
    box-shadow:var(--shadow); overflow:hidden;
  }
  .dmq-progress-wrap{padding:20px 30px 0}
  .dmq-progress{height:3px;background:var(--hair);border-radius:99px;overflow:hidden}
  .dmq-progress i{display:block;height:100%;width:100%;background:var(--gold);border-radius:99px;
    transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.22,1,.36,1)}
  .dmq-screen{padding:28px 30px 34px;animation:dmq-rise .4s cubic-bezier(.22,1,.36,1)}
  @keyframes dmq-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
  @media (prefers-reduced-motion:reduce){
    .dmq-screen{animation:none}
    .dmq-progress i{transition:none}
    .dmq-btn,.dmq-opt,.dmq-prod,.dmq-msgr{transition:none!important}
  }
  .dmq-shell h1{font-family:var(--serif);font-weight:400;font-size:32px;line-height:1.2;
     letter-spacing:.01em;text-wrap:balance;margin-bottom:14px}
  .dmq-shell h2{font-family:var(--serif);font-weight:400;font-size:24px;line-height:1.25;
     text-wrap:balance;margin-bottom:10px}
  .dmq-sub{font-size:16px;line-height:1.55;color:var(--grey);margin-bottom:24px;max-width:44ch}
  .dmq-center .dmq-sub{margin-left:auto;margin-right:auto}
  .dmq-hint{font-size:13px;color:var(--grey);margin:-16px 0 18px}
  .dmq-opt{
    display:block;width:100%;text-align:left;background:var(--cream);
    border:1px solid var(--hair);border-radius:12px;
    padding:15px 18px;font-family:var(--sans);font-size:15.5px;line-height:1.4;color:var(--ink);
    cursor:pointer;margin-bottom:10px;
    transition:border-color .18s,background .18s,transform .1s;
  }
  .dmq-opt:hover{border-color:var(--gold)}
  .dmq-opt:active{transform:scale(.99)}
  .dmq-opt.dmq-sel{border-color:var(--green);background:var(--cream2);
    box-shadow:inset 0 0 0 1px var(--green)}
  .dmq-btn{
    display:inline-flex;align-items:center;justify-content:center;width:100%;
    min-height:54px;border:0;border-radius:999px;cursor:pointer;
    background:var(--grad);color:var(--cream);
    font-family:var(--sans);font-size:16px;letter-spacing:.02em;
    padding:0 34px;margin-top:14px;
    transition:transform .18s,box-shadow .18s,opacity .18s;
  }
  .dmq-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(28,50,35,.22)}
  .dmq-btn[disabled]{opacity:.4;cursor:default;transform:none;box-shadow:none}
  .dmq-btn.dmq-ghost{background:none;color:var(--gold);box-shadow:none;min-height:40px;font-size:14px;margin-top:8px}
  .dmq-btn.dmq-ghost:hover{transform:none;text-decoration:underline}

  /* Обложка */
  .dmq-cover-photo{height:210px;overflow:hidden;position:relative}
  .dmq-cover-photo img{width:100%;height:100%;object-fit:cover;object-position:center 62%;display:block}
  .dmq-cover{padding:30px 34px 38px;text-align:center}
  .dmq-cover h1{margin-bottom:12px}
  .dmq-meta{
    display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;
    font-size:13.5px;color:var(--grey);margin:20px 0 6px;
  }
  .dmq-meta b{color:var(--ink);font-weight:400}
  .dmq-meta .dmq-dot{width:3px;height:3px;border-radius:99px;background:var(--gold)}

  /* Результат */
  .dmq-res-tag{font-family:var(--sans);font-size:11.5px;letter-spacing:.18em;
    color:var(--gold);margin-bottom:12px}
  .dmq-res-expl{background:var(--cream2);border:1px solid var(--hair);border-radius:16px;
    padding:20px 22px;font-size:15.5px;line-height:1.6;margin:18px 0 6px}
  .dmq-second{font-size:14px;color:var(--grey);line-height:1.5;margin-top:14px}
  .dmq-second b{color:var(--ink);font-weight:400}
  .dmq-sect{font-family:var(--serif);font-size:20px;margin:26px 0 4px;
    display:flex;align-items:baseline;gap:14px}
  .dmq-sect:after{content:'';flex:1;border-bottom:1px solid var(--hair)}
  .dmq-prod{display:flex;gap:16px;align-items:center;background:#fff;border:1px solid var(--hair);
    border-radius:16px;padding:12px 16px 12px 12px;margin-top:12px;text-decoration:none;color:inherit;
    transition:border-color .18s,transform .18s;position:relative}
  .dmq-prod:hover{border-color:var(--green);transform:translateY(-1px)}
  .dmq-prod img{width:72px;height:72px;object-fit:cover;border-radius:12px;flex:0 0 auto;background:var(--cream2)}
  .dmq-prod .dmq-pn{font-size:15px;line-height:1.35}
  .dmq-prod .dmq-pw{font-size:13px;color:var(--grey);margin-top:4px;line-height:1.4}
  .dmq-prod .dmq-pp{margin-left:auto;font-size:15px;color:var(--ink);white-space:nowrap;padding-left:10px}
  .dmq-lead-badge{position:absolute;top:-9px;left:14px;background:var(--cream);border:1px solid var(--gold);
    color:var(--gold);font-size:10.5px;letter-spacing:.14em;border-radius:999px;padding:2px 10px}
  .dmq-kit-foot{font-size:14px;color:#5a564e;margin:12px 2px 0;line-height:1.5}
  .dmq-kit-foot b{color:var(--green)}
  .dmq-trust{background:var(--cream2);border:1px solid rgba(190,150,70,.4);border-radius:16px;
    padding:18px 20px;margin-top:22px}
  .dmq-trust h3{font-family:var(--serif);font-weight:400;font-size:17px;margin-bottom:8px}
  .dmq-trust p{font-size:14px;line-height:1.55;color:var(--ink)}
  .dmq-check{margin-top:24px}
  .dmq-check h3{font-family:var(--serif);font-weight:400;font-size:18px;margin-bottom:12px}
  .dmq-check li{list-style:none;font-size:14.5px;line-height:1.5;padding-left:26px;position:relative;margin-bottom:9px}
  .dmq-check li:before{content:'✓';position:absolute;left:2px;color:var(--gold)}

  /* Захват: мессенджеры */
  .dmq-gift{background:var(--grad);border-radius:16px;padding:28px 26px 26px;margin-top:28px;
    color:var(--cream);text-align:center}
  .dmq-gift h3{font-family:var(--serif);font-weight:400;font-size:23px;line-height:1.25;margin-bottom:10px}
  .dmq-gift p{font-size:14.5px;line-height:1.55;color:rgba(255,250,240,.82);
    max-width:40ch;margin:0 auto 20px}
  .dmq-gift p b{color:var(--cream);font-weight:400}
  .dmq-msgr-row{display:flex;gap:12px}
  .dmq-msgr{flex:1 1 0;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:9px;
    min-height:52px;padding:0 14px;border-radius:14px;text-decoration:none;
    font-family:var(--sans);font-size:15px;color:#fff;
    box-shadow:0 4px 12px rgba(10,18,12,.25);
    transition:transform .18s,box-shadow .18s}
  .dmq-msgr:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(10,18,12,.3)}
  .dmq-msgr svg{width:22px;height:22px;fill:currentColor;flex:0 0 auto}
  .msgr--tg{background:linear-gradient(135deg,#6FB0D6,#5196C2)}
  .msgr--max{background:linear-gradient(135deg,#8E74B6,#6C5199)}
  .dmq-gift .dmq-note{font-size:12.5px;color:rgba(255,250,240,.6);margin:14px auto 0;max-width:38ch;line-height:1.5}
  .dmq-restart{text-align:center;margin-top:8px}
  .dmq-foot{font-size:12px;line-height:1.55;color:var(--grey);text-align:center;
    padding:20px 26px 0;max-width:520px}
  @media (max-width:430px){
    body{padding:24px 10px 36px}
    .dmq-screen{padding:24px 20px 30px}
    .dmq-cover{padding:26px 22px 32px}
    .dmq-cover-photo{height:170px}
    .dmq-progress-wrap{padding:18px 20px 0}
    .dmq-shell h1{font-size:27px}
    .dmq-shell h2{font-size:21px}
    .dmq-msgr-row{flex-direction:column}
    .dmq-prod img{width:62px;height:62px}
  }

/* --- сайтовые переопределения: тема не должна трогать квиз --- */
.dmq-shell{
  display:block!important;width:100%!important;max-width:600px!important;
  margin:0 auto!important;padding:10px 0 30px!important;float:none!important;
  font-family:"Geometrica",Arial,Helvetica,sans-serif!important;color:#211F1A!important;
  text-align:left!important;
}
.dmq-shell .dmq-opt,
.dmq-shell .dmq-opt:hover,
.dmq-shell .dmq-opt:focus,
.dmq-shell .dmq-opt:active{
  font-family:"Geometrica",Arial,Helvetica,sans-serif!important;
  font-size:15.5px!important;font-weight:400!important;line-height:1.45!important;
  text-transform:none!important;letter-spacing:normal!important;
  color:#211F1A!important;text-align:left!important;
  display:block!important;width:100%!important;min-height:0!important;height:auto!important;
  background:#FFFAF0!important;border:1px solid rgba(47,41,30,.12)!important;
  border-radius:12px!important;box-shadow:none!important;outline:none!important;
  padding:16px 18px!important;margin:0 0 10px!important;
  transition:border-color .18s,background .18s,transform .1s!important;
}
.dmq-shell .dmq-opt:hover{border-color:#BE9646!important}
.dmq-shell .dmq-btn,
.dmq-shell .dmq-btn:hover,
.dmq-shell .dmq-btn:focus{
  font-family:"Geometrica",Arial,Helvetica,sans-serif!important;
  font-size:16px!important;font-weight:400!important;line-height:1.2!important;
  text-transform:none!important;letter-spacing:.02em!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:100%!important;min-height:54px!important;padding:0 34px!important;margin:14px 0 0!important;
  background:linear-gradient(135deg,#1C3223,#315F39)!important;color:#FFFAF0!important;
  border:0!important;border-radius:999px!important;box-shadow:none!important;outline:none!important;
}
.dmq-shell .dmq-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(28,50,35,.22)!important}
.dmq-shell .dmq-btn[disabled],
.dmq-shell .dmq-btn[disabled]:hover{
  opacity:.4!important;transform:none!important;box-shadow:none!important;cursor:default!important;
  background:linear-gradient(135deg,#1C3223,#315F39)!important;color:#FFFAF0!important;
}
.dmq-shell .dmq-btn.dmq-ghost,
.dmq-shell .dmq-btn.dmq-ghost:hover{
  background:none!important;color:#BE9646!important;box-shadow:none!important;
  min-height:40px!important;font-size:14px!important;margin-top:8px!important;transform:none!important;
}
.dmq-shell .dmq-shell-h,
.dmq-shell h1,.dmq-shell h2{
  font-family:"Gardens",Georgia,serif!important;font-weight:400!important;
  text-transform:none!important;letter-spacing:.01em!important;color:#211F1A!important;
  margin:0 0 14px!important;padding:0!important;
}
.dmq-shell h1{font-size:32px!important;line-height:1.2!important}
.dmq-shell h2{font-size:24px!important;line-height:1.25!important;margin-bottom:12px!important}
.dmq-shell .dmq-hint{font-size:13px!important;color:#75705F!important;margin:-4px 0 18px!important}
.dmq-shell .dmq-sub{font-size:16px!important;line-height:1.55!important;color:#75705F!important}
.dmq-shell a.dmq-prod,
.dmq-shell a.dmq-prod:hover{
  text-decoration:none!important;color:#211F1A!important;
  background:#fff!important;border:1px solid rgba(47,41,30,.12)!important;border-radius:16px!important;
}
.dmq-shell a.dmq-prod:hover{border-color:#487145!important}
.dmq-shell .dmq-prod .dmq-pn{font-weight:600!important;color:#211F1A!important}
.dmq-shell .dmq-prod .dmq-pw{color:#75705F!important;font-weight:400!important}
.dmq-shell .dmq-prod .dmq-pp{color:#211F1A!important;font-weight:600!important}
.dmq-shell a.dmq-msgr,
.dmq-shell a.dmq-msgr:hover,
.dmq-shell a.dmq-msgr:focus{
  font-family:"Geometrica",Arial,Helvetica,sans-serif!important;
  font-size:15px!important;font-weight:600!important;text-transform:none!important;
  letter-spacing:normal!important;color:#fff!important;text-decoration:none!important;
  border:0!important;border-radius:14px!important;min-height:52px!important;
}
.dmq-shell .dmq-msgr--tg{background:linear-gradient(135deg,#6FB0D6,#5196C2)!important}
.dmq-shell .dmq-gift h3{color:#FFFAF0!important;font-size:23px!important;margin-bottom:10px!important}
.dmq-shell .dmq-gift p{color:rgba(255,250,240,.82)!important}
.dmq-shell .dmq-res-tag{font-family:"Geometrica",Arial,Helvetica,sans-serif!important;
  font-size:11.5px!important;letter-spacing:.18em!important;color:#BE9646!important;font-weight:600!important}
.dmq-shell .dmq-sect{font-family:"Gardens",Georgia,serif!important;font-size:20px!important;color:#211F1A!important}
.dmq-shell .dmq-trust h3,.dmq-shell .dmq-check h3{
  font-family:"Gardens",Georgia,serif!important;font-weight:400!important;
  text-transform:none!important;color:#211F1A!important}
.dmq-shell .dmq-check li{list-style:none!important;margin:0 0 9px!important;padding-left:26px!important}
.dmq-shell .dmq-foot{font-size:12px!important;color:#75705F!important;line-height:1.55!important}
.dmq-shell .dmq-screen{padding:28px 30px 34px!important}
@media (max-width:430px){
  .dmq-shell .dmq-screen{padding:24px 20px 30px!important}
  .dmq-shell h1{font-size:27px!important}
  .dmq-shell h2{font-size:21px!important}
}
.dmq-shell .dmq-card .dmq-opt.dmq-sel.dmq-sel,
.dmq-shell .dmq-card .dmq-opt.dmq-sel.dmq-sel:hover,
.dmq-shell .dmq-card .dmq-opt.dmq-sel.dmq-sel:focus,
.dmq-shell .dmq-card .dmq-opt.dmq-sel.dmq-sel:active{
  border:1px solid #487145!important;background:#FFF8E9!important;
  box-shadow:inset 0 0 0 1px #487145!important;
}

.dmq-shell .dmq-prod .p{margin-left:auto!important;padding-left:12px!important;white-space:nowrap!important;align-self:center!important;font-weight:600!important;color:#211F1A!important}
.dmq-shell a.dmq-kit-order,.dmq-shell a.dmq-kit-order:hover{color:#FFFAF0!important;text-decoration:none!important;margin:16px 0 4px!important}

@media(min-width:900px){
  .dmq-shell.dmq-wide{max-width:1222px!important}
  .dmq-shell.dmq-wide #stage{display:grid;grid-template-columns:47% 53%;align-items:stretch}
  .dmq-shell.dmq-wide .dmq-cover-photo{height:100%;min-height:320px}
  .dmq-shell.dmq-wide .dmq-cover.dmq-center{display:flex;flex-direction:column;justify-content:center;padding:34px 52px}
}

@media(min-width:900px){
  .dmq-shell.dmq-wide .dmq-foot{max-width:none!important;width:100%!important;margin:12px auto 0!important}
}
