div.shdu {
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  opacity:0.4;
  background-color:#000;
  z-index: 101;
  filter: alpha(opacity=50);
  transition: opacity .2s, visibility .5s;
}
.reqdu {
  position:absolute;
  display:inline-block;
  z-index: 102;
  top:-300px;
  left:5px;
  min-width:20em;
  padding:0 0 1em 0;
  background-color:#fff;
  border: solid 1px #404040;
  border-radius:2px;
  overflow:hidden;
  transition: top .2s;
  box-shadow: 2px 2px 8px 4px rgba(100,100,100,.7);
}
.rdna {
  transition: none;
}
.reqdu h2 {
background:#5070a0;
color:#e7e7e7;
font-size:1em;
width:100%;
font-size:1.1em;
margin:0 0 .5em 0;
padding:.5em 1em;
box-sizing: border-box;
}
.reqdu div {
padding:.5em 1em;
text-align:center;
}
.clz {
position:absolute;
top:0;
right:0;
cursor: pointer;
}


.chkbcont {
  display: inline-block;
  position: relative;
  cursor: pointer;
  height:24px; width:24px;
  margin:0 .2em 0 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.chkbcont input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.chkbmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 24px;
  width: 24px;
  border:1px solid #bbb;
  background-color: #fff;
}

/* On mouse-over, add a grey background color */
.chkbcont:hover input ~ .chkbmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.chkbcont input:checked ~ .chkbmark {
  background-color: #2196F3;
  border-color:#2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.chkbmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.chkbcont input:checked ~ .chkbmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.chkbcont .chkbmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

body.mobile-premium div.shdu {
  opacity: .36;
  background: rgba(34, 49, 70, .86);
  backdrop-filter: blur(2px);
}

body.mobile-premium .reqdu {
  min-width: 22em;
  padding: 0 0 1.1em 0;
  background: rgba(255,255,255,.98);
  border: 1px solid #d7e1ed;
  border-radius: 22px;
  box-shadow: 0 24px 44px rgba(53, 79, 112, .22);
}

body.mobile-premium .reqdu h2 {
  background: linear-gradient(180deg, #5d84b0 0%, #456b97 100%);
  color: #fff;
  margin: 0 0 .75em 0;
  padding: .9em 1.15em;
}

body.mobile-premium .reqdu div {
  padding: .65em 1.1em;
  color: #21344d;
}

body.mobile-premium .clz {
  top: 10px;
  right: 12px;
  color: rgba(255,255,255,.88);
}

body.mobile-premium .chkbmark {
  border: 1px solid #c8d5e6;
  border-radius: 8px;
  background: #fff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.88);
}

body.mobile-premium .chkbcont:hover input ~ .chkbmark {
  background-color: #f5f8fc;
}

body.mobile-premium .chkbcont input:checked ~ .chkbmark {
  background-color: #5c85b5;
  border-color: #5c85b5;
}

/* =========================================================
   Unified boss-style premium light layer
   ========================================================= */
div.shdu {
  opacity:.34;
  background:rgba(24,37,56,0.82);
  backdrop-filter:blur(2px);
}

.reqdu {
  min-width:22em;
  padding:0 0 1.1em 0;
  background:linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(245,248,252,0.98) 100%);
  border:1px solid #D8E2EC;
  border-radius:22px;
  box-shadow:0 24px 44px -30px rgba(15,23,42,0.28), 0 12px 22px -20px rgba(15,23,42,0.18);
}

.reqdu h2 {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.10) 0%, rgba(255,255,255,0.02) 100%),
    linear-gradient(135deg, #20324C 0%, #2F5C8E 100%);
  color:#FFFFFF;
  margin:0 0 .75em 0;
  padding:.9em 1.15em;
}

.reqdu div {
  padding:.65em 1.1em;
  color:#10233A;
}

.clz {
  top:10px;
  right:12px;
  color:rgba(255,255,255,.92);
}

.chkbmark {
  border:1px solid #C4D2E1;
  border-radius:8px;
  background:#FFFFFF;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.90);
}

.chkbcont:hover input ~ .chkbmark {
  background:#F5F8FC;
}

.chkbcont input:checked ~ .chkbmark {
  background-color:#2F5C8E;
  border-color:#2F5C8E;
}

#gospan .btn {
  background:linear-gradient(180deg, #FFFFFF 0%, #F2F6FA 100%);
  color:#10233A;
  border:1px solid #C4D2E1;
  border-radius:14px;
  box-shadow:0 16px 28px -24px rgba(15,23,42,0.20), 0 8px 14px -14px rgba(15,23,42,0.10);
}

#gospan .btn i {
  color:#2F5C8E;
}

#gospan input[type="text"],
#gospan input[type="phone"],
#gospan .gosinp {
  background:rgba(255,255,255,0.98);
  color:#10233A;
  border:1px solid #C4D2E1;
  border-radius:14px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.90), 0 10px 20px -18px rgba(15,23,42,0.10);
}

#gospan .gkb {
  background:linear-gradient(180deg, #FFFFFF 0%, #F7FAFD 100%);
  color:#18324D;
  border:1px solid #D8E2EC;
  border-radius:16px;
  box-shadow:0 16px 28px -24px rgba(15,23,42,0.18), 0 8px 14px -14px rgba(15,23,42,0.08);
}

/* =========================================================
   Premium gos keyboard polish
   ========================================================= */
#gospan,
#gospan #gktabl,
#gospan .gktplain {
  border-collapse:separate;
  border-spacing:0;
}

#gospan #gktabl,
#gospan .gktplain {
  padding:10px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.985) 0%, rgba(245,248,252,0.985) 100%);
  border:1px solid rgba(203,213,225,0.82);
  border-radius:26px;
  box-shadow:0 30px 54px -34px rgba(15,23,42,0.26), 0 16px 28px -24px rgba(15,23,42,0.14);
  overflow:hidden;
}

#gospan .tdgkt {
  padding:6px;
  background:transparent !important;
  vertical-align:middle;
}

#gospan .tdgkt.gkbdigbk,
#gospan .gkbdigbk {
  background:transparent !important;
}

#gospan .btn,
#gospan .gkb {
  min-height:74px;
  font-size:1.08rem;
  font-weight:700;
  line-height:1.1;
  transition:
    transform .16s ease,
    box-shadow .18s ease,
    border-color .16s ease,
    background .16s ease,
    color .16s ease;
}

#gospan .gkb {
  width:100%;
  min-width:0;
  padding:14px 12px;
  border-radius:20px;
  border-color:#CCD8E4;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.96),
    0 20px 34px -28px rgba(15,23,42,0.22),
    0 10px 16px -18px rgba(15,23,42,0.10);
}

#gospan .gkblet {
  background:linear-gradient(180deg, #FFF9F0 0%, #FFF1DE 100%) !important;
  border-color:#E9D7B5 !important;
  color:#18324D !important;
}

#gospan .gkbdigbk .gkb,
#gospan .tdgkt.gkbdigbk .gkb {
  background:linear-gradient(180deg, #FFFFFF 0%, #F2F6FB 100%) !important;
  border-color:#D4DFEA !important;
}

#gospan .btn:hover,
#gospan .gkb:hover {
  transform:translateY(-1px);
  border-color:#B9CADC;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.98),
    0 24px 38px -28px rgba(15,23,42,0.24),
    0 12px 18px -18px rgba(15,23,42,0.12);
}

#gospan .btn:active,
#gospan .gkb:active {
  transform:translateY(0);
  background:#EAF1F8 !important;
  color:#10233A !important;
}

#gospan #srbtn {
  width:100% !important;
  min-height:74px;
  border-radius:22px;
  background:linear-gradient(180deg, #F6FBF7 0%, #EAF6ED 100%) !important;
  border:1px solid #B9D9C1 !important;
  color:#163A26 !important;
}

#gospan #srbtn i {
  color:#2F7A4E !important;
}

#gospan .btn.btnyell {
  background:linear-gradient(180deg, #FFF8EF 0%, #FFF0DD 100%) !important;
  border-color:#E9D0A4 !important;
  color:#7C5216 !important;
}

#gospan .btn.btnyell i {
  color:#B6761C !important;
}

#gospan .btn.btnred {
  background:linear-gradient(180deg, #FFF7F5 0%, #FEEDEA 100%) !important;
  border-color:#F1C8C0 !important;
  color:#A24B3A !important;
}

#gospan .btn.btnred i {
  color:#C9654F !important;
}

/* ZakazA/B direct gos keyboard */
table#gktabl,
table.gktplain#gktabl,
#gktabl {
  padding:6px !important;
  background:linear-gradient(180deg, rgba(255,255,255,0.985) 0%, rgba(245,248,252,0.985) 100%) !important;
  border:1px solid rgba(203,213,225,0.82) !important;
  border-radius:22px !important;
  box-shadow:0 24px 42px -30px rgba(15,23,42,0.24), 0 12px 22px -22px rgba(15,23,42,0.12) !important;
  overflow:hidden !important;
}

#gktabl tr,
#gktabl td,
#gktabl .tdgkt,
#gktabl .gkbdigbk,
#gktabl .tdgkt.gkbdigbk {
  background:transparent !important;
}

#gktabl .tdgkt {
  padding:4px !important;
  vertical-align:middle !important;
}

#gktabl .btn,
#gktabl .gkb {
  min-height:58px;
  font-size:.94rem;
  font-weight:700;
  line-height:1.1;
  transition:
    transform .16s ease,
    box-shadow .18s ease,
    border-color .16s ease,
    background .16s ease,
    color .16s ease;
}

#gktabl .gkb {
  width:100% !important;
  min-width:0 !important;
  padding:8px 10px !important;
  border-radius:16px !important;
  border:1px solid #CCD8E4 !important;
  background:linear-gradient(180deg, #FFFFFF 0%, #F7FAFD 100%) !important;
  color:#18324D !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.96),
    0 16px 26px -24px rgba(15,23,42,0.18),
    0 8px 14px -16px rgba(15,23,42,0.08) !important;
}

#gktabl .gkblet {
  background:linear-gradient(180deg, #FFF9F0 0%, #FFF1DE 100%) !important;
  border-color:#E9D7B5 !important;
}

#gktabl .btn:hover,
#gktabl .gkb:hover {
  transform:translateY(-1px);
}

#gktabl .btn:active,
#gktabl .gkb:active {
  transform:translateY(0);
  background:#EAF1F8 !important;
  color:#10233A !important;
}

#gktabl #srbtn {
  width:100% !important;
  min-height:58px !important;
  border-radius:18px !important;
  background:linear-gradient(180deg, #F6FBF7 0%, #EAF6ED 100%) !important;
  border:1px solid #B9D9C1 !important;
  color:#163A26 !important;
}

#gktabl #srbtn i {
  color:#2F7A4E !important;
}

#gktabl .btn.btnyell {
  background:linear-gradient(180deg, #FFF8EF 0%, #FFF0DD 100%) !important;
  border-color:#E9D0A4 !important;
  color:#7C5216 !important;
}

#gktabl .btn.btnyell i {
  color:#B6761C !important;
}

#gktabl .btn.btnred {
  background:linear-gradient(180deg, #FFF7F5 0%, #FEEDEA 100%) !important;
  border-color:#F1C8C0 !important;
  color:#A24B3A !important;
}

#gktabl .btn.btnred i {
  color:#C9654F !important;
}